@charset "UTF-8";
.mt-container {
    box-sizing: border-box;
    margin: 0 auto;
    min-width: 320px;
    padding: 0 24px;
    width: 100%
}

.mt-container::after {
    clear: both;
    content: '';
    display: table
}

@media screen and (max-width: 448px) {
    .mt-container {
        padding: 0
    }
}

@media screen and (min-width: 1200px) {
    .mt-container.limited-container {
        max-width: 1200px
    }
}

.mt-row {
    box-sizing: border-box
}

.mt-row::after {
    clear: both;
    content: '';
    display: table
}

.bp1-col-1 {
    box-sizing: border-box;
    display: block;
    float: left;
    padding: 0 4px;
    position: relative;
    width: 25%;
    white-space: normal
}

.bp1-col-1 .bp1-col-1 {
    width: 100%
}

.bp1-col-1 .bp1-col-2 {
    width: 200%
}

.bp1-col-1 .bp1-col-3 {
    width: 300%
}

.bp1-col-1 .bp1-col-4 {
    width: 400%
}

.bp1-col-1 .bp1-offset-1 {
    margin-left: 100%
}

.bp1-col-1 .bp1-offset-2 {
    margin-left: 200%
}

.bp1-col-1 .bp1-offset-3 {
    margin-left: 300%
}

.bp1-col-1 .bp1-offset-4 {
    margin-left: 400%
}

.bp1-col-2 {
    box-sizing: border-box;
    display: block;
    float: left;
    padding: 0 4px;
    position: relative;
    width: 50%;
    white-space: normal
}

.bp1-col-2 .bp1-col-1 {
    width: 50%
}

.bp1-col-2 .bp1-col-2 {
    width: 100%
}

.bp1-col-2 .bp1-col-3 {
    width: 150%
}

.bp1-col-2 .bp1-col-4 {
    width: 200%
}

.bp1-col-2 .bp1-offset-1 {
    margin-left: 50%
}

.bp1-col-2 .bp1-offset-2 {
    margin-left: 100%
}

.bp1-col-2 .bp1-offset-3 {
    margin-left: 150%
}

.bp1-col-2 .bp1-offset-4 {
    margin-left: 200%
}

.bp1-col-3 {
    box-sizing: border-box;
    display: block;
    float: left;
    padding: 0 4px;
    position: relative;
    width: 75%;
    white-space: normal
}

.bp1-col-3 .bp1-col-1 {
    width: 33.33333%
}

.bp1-col-3 .bp1-col-2 {
    width: 66.66667%
}

.bp1-col-3 .bp1-col-3 {
    width: 100%
}

.bp1-col-3 .bp1-col-4 {
    width: 133.33333%
}

.bp1-col-3 .bp1-offset-1 {
    margin-left: 33.33333%
}

.bp1-col-3 .bp1-offset-2 {
    margin-left: 66.66667%
}

.bp1-col-3 .bp1-offset-3 {
    margin-left: 100%
}

.bp1-col-3 .bp1-offset-4 {
    margin-left: 133.33333%
}

.bp1-col-4 {
    box-sizing: border-box;
    display: block;
    float: left;
    padding: 0 4px;
    position: relative;
    width: 100%;
    white-space: normal
}

.bp1-col-4 .bp1-col-1 {
    width: 25%
}

.bp1-col-4 .bp1-col-2 {
    width: 50%
}

.bp1-col-4 .bp1-col-3 {
    width: 75%
}

.bp1-col-4 .bp1-col-4 {
    width: 100%
}

.bp1-col-4 .bp1-offset-1 {
    margin-left: 25%
}

.bp1-col-4 .bp1-offset-2 {
    margin-left: 50%
}

.bp1-col-4 .bp1-offset-3 {
    margin-left: 75%
}

.bp1-col-4 .bp1-offset-4 {
    margin-left: 100%
}

.bp1-offset-1 {
    margin-left: 25%
}

.bp1-offset-2 {
    margin-left: 50%
}

.bp1-offset-3 {
    margin-left: 75%
}

.bp1-offset-4 {
    margin-left: 100%
}

@media screen and (min-width: 448px) {
    .bp2-col-1 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 12.5%;
        white-space: normal
    }
    .bp2-col-1 .bp2-col-1 {
        width: 100%
    }
    .bp2-col-1 .bp2-col-2 {
        width: 200%
    }
    .bp2-col-1 .bp2-col-3 {
        width: 300%
    }
    .bp2-col-1 .bp2-col-4 {
        width: 400%
    }
    .bp2-col-1 .bp2-col-5 {
        width: 500%
    }
    .bp2-col-1 .bp2-col-6 {
        width: 600%
    }
    .bp2-col-1 .bp2-col-7 {
        width: 700%
    }
    .bp2-col-1 .bp2-col-8 {
        width: 800%
    }
    .bp2-col-1 .bp2-offset-1 {
        margin-left: 100%
    }
    .bp2-col-1 .bp2-offset-2 {
        margin-left: 200%
    }
    .bp2-col-1 .bp2-offset-3 {
        margin-left: 300%
    }
    .bp2-col-1 .bp2-offset-4 {
        margin-left: 400%
    }
    .bp2-col-1 .bp2-offset-5 {
        margin-left: 500%
    }
    .bp2-col-1 .bp2-offset-6 {
        margin-left: 600%
    }
    .bp2-col-1 .bp2-offset-7 {
        margin-left: 700%
    }
    .bp2-col-1 .bp2-offset-8 {
        margin-left: 800%
    }
    .bp2-col-2 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 25%;
        white-space: normal
    }
    .bp2-col-2 .bp2-col-1 {
        width: 50%
    }
    .bp2-col-2 .bp2-col-2 {
        width: 100%
    }
    .bp2-col-2 .bp2-col-3 {
        width: 150%
    }
    .bp2-col-2 .bp2-col-4 {
        width: 200%
    }
    .bp2-col-2 .bp2-col-5 {
        width: 250%
    }
    .bp2-col-2 .bp2-col-6 {
        width: 300%
    }
    .bp2-col-2 .bp2-col-7 {
        width: 350%
    }
    .bp2-col-2 .bp2-col-8 {
        width: 400%
    }
    .bp2-col-2 .bp2-offset-1 {
        margin-left: 50%
    }
    .bp2-col-2 .bp2-offset-2 {
        margin-left: 100%
    }
    .bp2-col-2 .bp2-offset-3 {
        margin-left: 150%
    }
    .bp2-col-2 .bp2-offset-4 {
        margin-left: 200%
    }
    .bp2-col-2 .bp2-offset-5 {
        margin-left: 250%
    }
    .bp2-col-2 .bp2-offset-6 {
        margin-left: 300%
    }
    .bp2-col-2 .bp2-offset-7 {
        margin-left: 350%
    }
    .bp2-col-2 .bp2-offset-8 {
        margin-left: 400%
    }
    .bp2-col-3 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 37.5%;
        white-space: normal
    }
    .bp2-col-3 .bp2-col-1 {
        width: 33.33333%
    }
    .bp2-col-3 .bp2-col-2 {
        width: 66.66667%
    }
    .bp2-col-3 .bp2-col-3 {
        width: 100%
    }
    .bp2-col-3 .bp2-col-4 {
        width: 133.33333%
    }
    .bp2-col-3 .bp2-col-5 {
        width: 166.66667%
    }
    .bp2-col-3 .bp2-col-6 {
        width: 200%
    }
    .bp2-col-3 .bp2-col-7 {
        width: 233.33333%
    }
    .bp2-col-3 .bp2-col-8 {
        width: 266.66667%
    }
    .bp2-col-3 .bp2-offset-1 {
        margin-left: 33.33333%
    }
    .bp2-col-3 .bp2-offset-2 {
        margin-left: 66.66667%
    }
    .bp2-col-3 .bp2-offset-3 {
        margin-left: 100%
    }
    .bp2-col-3 .bp2-offset-4 {
        margin-left: 133.33333%
    }
    .bp2-col-3 .bp2-offset-5 {
        margin-left: 166.66667%
    }
    .bp2-col-3 .bp2-offset-6 {
        margin-left: 200%
    }
    .bp2-col-3 .bp2-offset-7 {
        margin-left: 233.33333%
    }
    .bp2-col-3 .bp2-offset-8 {
        margin-left: 266.66667%
    }
    .bp2-col-4 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 50%;
        white-space: normal
    }
    .bp2-col-4 .bp2-col-1 {
        width: 25%
    }
    .bp2-col-4 .bp2-col-2 {
        width: 50%
    }
    .bp2-col-4 .bp2-col-3 {
        width: 75%
    }
    .bp2-col-4 .bp2-col-4 {
        width: 100%
    }
    .bp2-col-4 .bp2-col-5 {
        width: 125%
    }
    .bp2-col-4 .bp2-col-6 {
        width: 150%
    }
    .bp2-col-4 .bp2-col-7 {
        width: 175%
    }
    .bp2-col-4 .bp2-col-8 {
        width: 200%
    }
    .bp2-col-4 .bp2-offset-1 {
        margin-left: 25%
    }
    .bp2-col-4 .bp2-offset-2 {
        margin-left: 50%
    }
    .bp2-col-4 .bp2-offset-3 {
        margin-left: 75%
    }
    .bp2-col-4 .bp2-offset-4 {
        margin-left: 100%
    }
    .bp2-col-4 .bp2-offset-5 {
        margin-left: 125%
    }
    .bp2-col-4 .bp2-offset-6 {
        margin-left: 150%
    }
    .bp2-col-4 .bp2-offset-7 {
        margin-left: 175%
    }
    .bp2-col-4 .bp2-offset-8 {
        margin-left: 200%
    }
    .bp2-col-5 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 62.5%;
        white-space: normal
    }
    .bp2-col-5 .bp2-col-1 {
        width: 20%
    }
    .bp2-col-5 .bp2-col-2 {
        width: 40%
    }
    .bp2-col-5 .bp2-col-3 {
        width: 60%
    }
    .bp2-col-5 .bp2-col-4 {
        width: 80%
    }
    .bp2-col-5 .bp2-col-5 {
        width: 100%
    }
    .bp2-col-5 .bp2-col-6 {
        width: 120%
    }
    .bp2-col-5 .bp2-col-7 {
        width: 140%
    }
    .bp2-col-5 .bp2-col-8 {
        width: 160%
    }
    .bp2-col-5 .bp2-offset-1 {
        margin-left: 20%
    }
    .bp2-col-5 .bp2-offset-2 {
        margin-left: 40%
    }
    .bp2-col-5 .bp2-offset-3 {
        margin-left: 60%
    }
    .bp2-col-5 .bp2-offset-4 {
        margin-left: 80%
    }
    .bp2-col-5 .bp2-offset-5 {
        margin-left: 100%
    }
    .bp2-col-5 .bp2-offset-6 {
        margin-left: 120%
    }
    .bp2-col-5 .bp2-offset-7 {
        margin-left: 140%
    }
    .bp2-col-5 .bp2-offset-8 {
        margin-left: 160%
    }
    .bp2-col-6 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 75%;
        white-space: normal
    }
    .bp2-col-6 .bp2-col-1 {
        width: 16.66667%
    }
    .bp2-col-6 .bp2-col-2 {
        width: 33.33333%
    }
    .bp2-col-6 .bp2-col-3 {
        width: 50%
    }
    .bp2-col-6 .bp2-col-4 {
        width: 66.66667%
    }
    .bp2-col-6 .bp2-col-5 {
        width: 83.33333%
    }
    .bp2-col-6 .bp2-col-6 {
        width: 100%
    }
    .bp2-col-6 .bp2-col-7 {
        width: 116.66667%
    }
    .bp2-col-6 .bp2-col-8 {
        width: 133.33333%
    }
    .bp2-col-6 .bp2-offset-1 {
        margin-left: 16.66667%
    }
    .bp2-col-6 .bp2-offset-2 {
        margin-left: 33.33333%
    }
    .bp2-col-6 .bp2-offset-3 {
        margin-left: 50%
    }
    .bp2-col-6 .bp2-offset-4 {
        margin-left: 66.66667%
    }
    .bp2-col-6 .bp2-offset-5 {
        margin-left: 83.33333%
    }
    .bp2-col-6 .bp2-offset-6 {
        margin-left: 100%
    }
    .bp2-col-6 .bp2-offset-7 {
        margin-left: 116.66667%
    }
    .bp2-col-6 .bp2-offset-8 {
        margin-left: 133.33333%
    }
    .bp2-col-7 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 87.5%;
        white-space: normal
    }
    .bp2-col-7 .bp2-col-1 {
        width: 14.28571%
    }
    .bp2-col-7 .bp2-col-2 {
        width: 28.57143%
    }
    .bp2-col-7 .bp2-col-3 {
        width: 42.85714%
    }
    .bp2-col-7 .bp2-col-4 {
        width: 57.14286%
    }
    .bp2-col-7 .bp2-col-5 {
        width: 71.42857%
    }
    .bp2-col-7 .bp2-col-6 {
        width: 85.71429%
    }
    .bp2-col-7 .bp2-col-7 {
        width: 100%
    }
    .bp2-col-7 .bp2-col-8 {
        width: 114.28571%
    }
    .bp2-col-7 .bp2-offset-1 {
        margin-left: 14.28571%
    }
    .bp2-col-7 .bp2-offset-2 {
        margin-left: 28.57143%
    }
    .bp2-col-7 .bp2-offset-3 {
        margin-left: 42.85714%
    }
    .bp2-col-7 .bp2-offset-4 {
        margin-left: 57.14286%
    }
    .bp2-col-7 .bp2-offset-5 {
        margin-left: 71.42857%
    }
    .bp2-col-7 .bp2-offset-6 {
        margin-left: 85.71429%
    }
    .bp2-col-7 .bp2-offset-7 {
        margin-left: 100%
    }
    .bp2-col-7 .bp2-offset-8 {
        margin-left: 114.28571%
    }
    .bp2-col-8 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 100%;
        white-space: normal
    }
    .bp2-col-8 .bp2-col-1 {
        width: 12.5%
    }
    .bp2-col-8 .bp2-col-2 {
        width: 25%
    }
    .bp2-col-8 .bp2-col-3 {
        width: 37.5%
    }
    .bp2-col-8 .bp2-col-4 {
        width: 50%
    }
    .bp2-col-8 .bp2-col-5 {
        width: 62.5%
    }
    .bp2-col-8 .bp2-col-6 {
        width: 75%
    }
    .bp2-col-8 .bp2-col-7 {
        width: 87.5%
    }
    .bp2-col-8 .bp2-col-8 {
        width: 100%
    }
    .bp2-col-8 .bp2-offset-1 {
        margin-left: 12.5%
    }
    .bp2-col-8 .bp2-offset-2 {
        margin-left: 25%
    }
    .bp2-col-8 .bp2-offset-3 {
        margin-left: 37.5%
    }
    .bp2-col-8 .bp2-offset-4 {
        margin-left: 50%
    }
    .bp2-col-8 .bp2-offset-5 {
        margin-left: 62.5%
    }
    .bp2-col-8 .bp2-offset-6 {
        margin-left: 75%
    }
    .bp2-col-8 .bp2-offset-7 {
        margin-left: 87.5%
    }
    .bp2-col-8 .bp2-offset-8 {
        margin-left: 100%
    }
    .bp2-offset-1 {
        margin-left: 12.5%
    }
    .bp2-offset-2 {
        margin-left: 25%
    }
    .bp2-offset-3 {
        margin-left: 37.5%
    }
    .bp2-offset-4 {
        margin-left: 50%
    }
    .bp2-offset-5 {
        margin-left: 62.5%
    }
    .bp2-offset-6 {
        margin-left: 75%
    }
    .bp2-offset-7 {
        margin-left: 87.5%
    }
    .bp2-offset-8 {
        margin-left: 100%
    }
}

@media screen and (min-width: 760px) {
    .bp3-col-1 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 8.33333%;
        white-space: normal
    }
    .bp3-col-1 .bp3-col-1 {
        width: 100%
    }
    .bp3-col-1 .bp3-col-2 {
        width: 200%
    }
    .bp3-col-1 .bp3-col-3 {
        width: 300%
    }
    .bp3-col-1 .bp3-col-4 {
        width: 400%
    }
    .bp3-col-1 .bp3-col-5 {
        width: 500%
    }
    .bp3-col-1 .bp3-col-6 {
        width: 600%
    }
    .bp3-col-1 .bp3-col-7 {
        width: 700%
    }
    .bp3-col-1 .bp3-col-8 {
        width: 800%
    }
    .bp3-col-1 .bp3-col-9 {
        width: 900%
    }
    .bp3-col-1 .bp3-col-10 {
        width: 1000%
    }
    .bp3-col-1 .bp3-col-11 {
        width: 1100%
    }
    .bp3-col-1 .bp3-col-12 {
        width: 1200%
    }
    .bp3-col-1 .bp3-offset-1 {
        margin-left: 100%
    }
    .bp3-col-1 .bp3-offset-2 {
        margin-left: 200%
    }
    .bp3-col-1 .bp3-offset-3 {
        margin-left: 300%
    }
    .bp3-col-1 .bp3-offset-4 {
        margin-left: 400%
    }
    .bp3-col-1 .bp3-offset-5 {
        margin-left: 500%
    }
    .bp3-col-1 .bp3-offset-6 {
        margin-left: 600%
    }
    .bp3-col-1 .bp3-offset-7 {
        margin-left: 700%
    }
    .bp3-col-1 .bp3-offset-8 {
        margin-left: 800%
    }
    .bp3-col-1 .bp3-offset-9 {
        margin-left: 900%
    }
    .bp3-col-1 .bp3-offset-10 {
        margin-left: 1000%
    }
    .bp3-col-1 .bp3-offset-11 {
        margin-left: 1100%
    }
    .bp3-col-1 .bp3-offset-12 {
        margin-left: 1200%
    }
    .bp3-col-2 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 16.66667%;
        white-space: normal
    }
    .bp3-col-2 .bp3-col-1 {
        width: 50%
    }
    .bp3-col-2 .bp3-col-2 {
        width: 100%
    }
    .bp3-col-2 .bp3-col-3 {
        width: 150%
    }
    .bp3-col-2 .bp3-col-4 {
        width: 200%
    }
    .bp3-col-2 .bp3-col-5 {
        width: 250%
    }
    .bp3-col-2 .bp3-col-6 {
        width: 300%
    }
    .bp3-col-2 .bp3-col-7 {
        width: 350%
    }
    .bp3-col-2 .bp3-col-8 {
        width: 400%
    }
    .bp3-col-2 .bp3-col-9 {
        width: 450%
    }
    .bp3-col-2 .bp3-col-10 {
        width: 500%
    }
    .bp3-col-2 .bp3-col-11 {
        width: 550%
    }
    .bp3-col-2 .bp3-col-12 {
        width: 600%
    }
    .bp3-col-2 .bp3-offset-1 {
        margin-left: 50%
    }
    .bp3-col-2 .bp3-offset-2 {
        margin-left: 100%
    }
    .bp3-col-2 .bp3-offset-3 {
        margin-left: 150%
    }
    .bp3-col-2 .bp3-offset-4 {
        margin-left: 200%
    }
    .bp3-col-2 .bp3-offset-5 {
        margin-left: 250%
    }
    .bp3-col-2 .bp3-offset-6 {
        margin-left: 300%
    }
    .bp3-col-2 .bp3-offset-7 {
        margin-left: 350%
    }
    .bp3-col-2 .bp3-offset-8 {
        margin-left: 400%
    }
    .bp3-col-2 .bp3-offset-9 {
        margin-left: 450%
    }
    .bp3-col-2 .bp3-offset-10 {
        margin-left: 500%
    }
    .bp3-col-2 .bp3-offset-11 {
        margin-left: 550%
    }
    .bp3-col-2 .bp3-offset-12 {
        margin-left: 600%
    }
    .bp3-col-3 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 25%;
        white-space: normal
    }
    .bp3-col-3 .bp3-col-1 {
        width: 33.33333%
    }
    .bp3-col-3 .bp3-col-2 {
        width: 66.66667%
    }
    .bp3-col-3 .bp3-col-3 {
        width: 100%
    }
    .bp3-col-3 .bp3-col-4 {
        width: 133.33333%
    }
    .bp3-col-3 .bp3-col-5 {
        width: 166.66667%
    }
    .bp3-col-3 .bp3-col-6 {
        width: 200%
    }
    .bp3-col-3 .bp3-col-7 {
        width: 233.33333%
    }
    .bp3-col-3 .bp3-col-8 {
        width: 266.66667%
    }
    .bp3-col-3 .bp3-col-9 {
        width: 300%
    }
    .bp3-col-3 .bp3-col-10 {
        width: 333.33333%
    }
    .bp3-col-3 .bp3-col-11 {
        width: 366.66667%
    }
    .bp3-col-3 .bp3-col-12 {
        width: 400%
    }
    .bp3-col-3 .bp3-offset-1 {
        margin-left: 33.33333%
    }
    .bp3-col-3 .bp3-offset-2 {
        margin-left: 66.66667%
    }
    .bp3-col-3 .bp3-offset-3 {
        margin-left: 100%
    }
    .bp3-col-3 .bp3-offset-4 {
        margin-left: 133.33333%
    }
    .bp3-col-3 .bp3-offset-5 {
        margin-left: 166.66667%
    }
    .bp3-col-3 .bp3-offset-6 {
        margin-left: 200%
    }
    .bp3-col-3 .bp3-offset-7 {
        margin-left: 233.33333%
    }
    .bp3-col-3 .bp3-offset-8 {
        margin-left: 266.66667%
    }
    .bp3-col-3 .bp3-offset-9 {
        margin-left: 300%
    }
    .bp3-col-3 .bp3-offset-10 {
        margin-left: 333.33333%
    }
    .bp3-col-3 .bp3-offset-11 {
        margin-left: 366.66667%
    }
    .bp3-col-3 .bp3-offset-12 {
        margin-left: 400%
    }
    .bp3-col-4 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 33.33333%;
        white-space: normal
    }
    .bp3-col-4 .bp3-col-1 {
        width: 25%
    }
    .bp3-col-4 .bp3-col-2 {
        width: 50%
    }
    .bp3-col-4 .bp3-col-3 {
        width: 75%
    }
    .bp3-col-4 .bp3-col-4 {
        width: 100%
    }
    .bp3-col-4 .bp3-col-5 {
        width: 125%
    }
    .bp3-col-4 .bp3-col-6 {
        width: 150%
    }
    .bp3-col-4 .bp3-col-7 {
        width: 175%
    }
    .bp3-col-4 .bp3-col-8 {
        width: 200%
    }
    .bp3-col-4 .bp3-col-9 {
        width: 225%
    }
    .bp3-col-4 .bp3-col-10 {
        width: 250%
    }
    .bp3-col-4 .bp3-col-11 {
        width: 275%
    }
    .bp3-col-4 .bp3-col-12 {
        width: 300%
    }
    .bp3-col-4 .bp3-offset-1 {
        margin-left: 25%
    }
    .bp3-col-4 .bp3-offset-2 {
        margin-left: 50%
    }
    .bp3-col-4 .bp3-offset-3 {
        margin-left: 75%
    }
    .bp3-col-4 .bp3-offset-4 {
        margin-left: 100%
    }
    .bp3-col-4 .bp3-offset-5 {
        margin-left: 125%
    }
    .bp3-col-4 .bp3-offset-6 {
        margin-left: 150%
    }
    .bp3-col-4 .bp3-offset-7 {
        margin-left: 175%
    }
    .bp3-col-4 .bp3-offset-8 {
        margin-left: 200%
    }
    .bp3-col-4 .bp3-offset-9 {
        margin-left: 225%
    }
    .bp3-col-4 .bp3-offset-10 {
        margin-left: 250%
    }
    .bp3-col-4 .bp3-offset-11 {
        margin-left: 275%
    }
    .bp3-col-4 .bp3-offset-12 {
        margin-left: 300%
    }
    .bp3-col-5 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 41.66667%;
        white-space: normal
    }
    .bp3-col-5 .bp3-col-1 {
        width: 20%
    }
    .bp3-col-5 .bp3-col-2 {
        width: 40%
    }
    .bp3-col-5 .bp3-col-3 {
        width: 60%
    }
    .bp3-col-5 .bp3-col-4 {
        width: 80%
    }
    .bp3-col-5 .bp3-col-5 {
        width: 100%
    }
    .bp3-col-5 .bp3-col-6 {
        width: 120%
    }
    .bp3-col-5 .bp3-col-7 {
        width: 140%
    }
    .bp3-col-5 .bp3-col-8 {
        width: 160%
    }
    .bp3-col-5 .bp3-col-9 {
        width: 180%
    }
    .bp3-col-5 .bp3-col-10 {
        width: 200%
    }
    .bp3-col-5 .bp3-col-11 {
        width: 220%
    }
    .bp3-col-5 .bp3-col-12 {
        width: 240%
    }
    .bp3-col-5 .bp3-offset-1 {
        margin-left: 20%
    }
    .bp3-col-5 .bp3-offset-2 {
        margin-left: 40%
    }
    .bp3-col-5 .bp3-offset-3 {
        margin-left: 60%
    }
    .bp3-col-5 .bp3-offset-4 {
        margin-left: 80%
    }
    .bp3-col-5 .bp3-offset-5 {
        margin-left: 100%
    }
    .bp3-col-5 .bp3-offset-6 {
        margin-left: 120%
    }
    .bp3-col-5 .bp3-offset-7 {
        margin-left: 140%
    }
    .bp3-col-5 .bp3-offset-8 {
        margin-left: 160%
    }
    .bp3-col-5 .bp3-offset-9 {
        margin-left: 180%
    }
    .bp3-col-5 .bp3-offset-10 {
        margin-left: 200%
    }
    .bp3-col-5 .bp3-offset-11 {
        margin-left: 220%
    }
    .bp3-col-5 .bp3-offset-12 {
        margin-left: 240%
    }
    .bp3-col-6 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 50%;
        white-space: normal
    }
    .bp3-col-6 .bp3-col-1 {
        width: 16.66667%
    }
    .bp3-col-6 .bp3-col-2 {
        width: 33.33333%
    }
    .bp3-col-6 .bp3-col-3 {
        width: 50%
    }
    .bp3-col-6 .bp3-col-4 {
        width: 66.66667%
    }
    .bp3-col-6 .bp3-col-5 {
        width: 83.33333%
    }
    .bp3-col-6 .bp3-col-6 {
        width: 100%
    }
    .bp3-col-6 .bp3-col-7 {
        width: 116.66667%
    }
    .bp3-col-6 .bp3-col-8 {
        width: 133.33333%
    }
    .bp3-col-6 .bp3-col-9 {
        width: 150%
    }
    .bp3-col-6 .bp3-col-10 {
        width: 166.66667%
    }
    .bp3-col-6 .bp3-col-11 {
        width: 183.33333%
    }
    .bp3-col-6 .bp3-col-12 {
        width: 200%
    }
    .bp3-col-6 .bp3-offset-1 {
        margin-left: 16.66667%
    }
    .bp3-col-6 .bp3-offset-2 {
        margin-left: 33.33333%
    }
    .bp3-col-6 .bp3-offset-3 {
        margin-left: 50%
    }
    .bp3-col-6 .bp3-offset-4 {
        margin-left: 66.66667%
    }
    .bp3-col-6 .bp3-offset-5 {
        margin-left: 83.33333%
    }
    .bp3-col-6 .bp3-offset-6 {
        margin-left: 100%
    }
    .bp3-col-6 .bp3-offset-7 {
        margin-left: 116.66667%
    }
    .bp3-col-6 .bp3-offset-8 {
        margin-left: 133.33333%
    }
    .bp3-col-6 .bp3-offset-9 {
        margin-left: 150%
    }
    .bp3-col-6 .bp3-offset-10 {
        margin-left: 166.66667%
    }
    .bp3-col-6 .bp3-offset-11 {
        margin-left: 183.33333%
    }
    .bp3-col-6 .bp3-offset-12 {
        margin-left: 200%
    }
    .bp3-col-7 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 58.33333%;
        white-space: normal
    }
    .bp3-col-7 .bp3-col-1 {
        width: 14.28571%
    }
    .bp3-col-7 .bp3-col-2 {
        width: 28.57143%
    }
    .bp3-col-7 .bp3-col-3 {
        width: 42.85714%
    }
    .bp3-col-7 .bp3-col-4 {
        width: 57.14286%
    }
    .bp3-col-7 .bp3-col-5 {
        width: 71.42857%
    }
    .bp3-col-7 .bp3-col-6 {
        width: 85.71429%
    }
    .bp3-col-7 .bp3-col-7 {
        width: 100%
    }
    .bp3-col-7 .bp3-col-8 {
        width: 114.28571%
    }
    .bp3-col-7 .bp3-col-9 {
        width: 128.57143%
    }
    .bp3-col-7 .bp3-col-10 {
        width: 142.85714%
    }
    .bp3-col-7 .bp3-col-11 {
        width: 157.14286%
    }
    .bp3-col-7 .bp3-col-12 {
        width: 171.42857%
    }
    .bp3-col-7 .bp3-offset-1 {
        margin-left: 14.28571%
    }
    .bp3-col-7 .bp3-offset-2 {
        margin-left: 28.57143%
    }
    .bp3-col-7 .bp3-offset-3 {
        margin-left: 42.85714%
    }
    .bp3-col-7 .bp3-offset-4 {
        margin-left: 57.14286%
    }
    .bp3-col-7 .bp3-offset-5 {
        margin-left: 71.42857%
    }
    .bp3-col-7 .bp3-offset-6 {
        margin-left: 85.71429%
    }
    .bp3-col-7 .bp3-offset-7 {
        margin-left: 100%
    }
    .bp3-col-7 .bp3-offset-8 {
        margin-left: 114.28571%
    }
    .bp3-col-7 .bp3-offset-9 {
        margin-left: 128.57143%
    }
    .bp3-col-7 .bp3-offset-10 {
        margin-left: 142.85714%
    }
    .bp3-col-7 .bp3-offset-11 {
        margin-left: 157.14286%
    }
    .bp3-col-7 .bp3-offset-12 {
        margin-left: 171.42857%
    }
    .bp3-col-8 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 66.66667%;
        white-space: normal
    }
    .bp3-col-8 .bp3-col-1 {
        width: 12.5%
    }
    .bp3-col-8 .bp3-col-2 {
        width: 25%
    }
    .bp3-col-8 .bp3-col-3 {
        width: 37.5%
    }
    .bp3-col-8 .bp3-col-4 {
        width: 50%
    }
    .bp3-col-8 .bp3-col-5 {
        width: 62.5%
    }
    .bp3-col-8 .bp3-col-6 {
        width: 75%
    }
    .bp3-col-8 .bp3-col-7 {
        width: 87.5%
    }
    .bp3-col-8 .bp3-col-8 {
        width: 100%
    }
    .bp3-col-8 .bp3-col-9 {
        width: 112.5%
    }
    .bp3-col-8 .bp3-col-10 {
        width: 125%
    }
    .bp3-col-8 .bp3-col-11 {
        width: 137.5%
    }
    .bp3-col-8 .bp3-col-12 {
        width: 150%
    }
    .bp3-col-8 .bp3-offset-1 {
        margin-left: 12.5%
    }
    .bp3-col-8 .bp3-offset-2 {
        margin-left: 25%
    }
    .bp3-col-8 .bp3-offset-3 {
        margin-left: 37.5%
    }
    .bp3-col-8 .bp3-offset-4 {
        margin-left: 50%
    }
    .bp3-col-8 .bp3-offset-5 {
        margin-left: 62.5%
    }
    .bp3-col-8 .bp3-offset-6 {
        margin-left: 75%
    }
    .bp3-col-8 .bp3-offset-7 {
        margin-left: 87.5%
    }
    .bp3-col-8 .bp3-offset-8 {
        margin-left: 100%
    }
    .bp3-col-8 .bp3-offset-9 {
        margin-left: 112.5%
    }
    .bp3-col-8 .bp3-offset-10 {
        margin-left: 125%
    }
    .bp3-col-8 .bp3-offset-11 {
        margin-left: 137.5%
    }
    .bp3-col-8 .bp3-offset-12 {
        margin-left: 150%
    }
    .bp3-col-9 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 75%;
        white-space: normal
    }
    .bp3-col-9 .bp3-col-1 {
        width: 11.11111%
    }
    .bp3-col-9 .bp3-col-2 {
        width: 22.22222%
    }
    .bp3-col-9 .bp3-col-3 {
        width: 33.33333%
    }
    .bp3-col-9 .bp3-col-4 {
        width: 44.44444%
    }
    .bp3-col-9 .bp3-col-5 {
        width: 55.55556%
    }
    .bp3-col-9 .bp3-col-6 {
        width: 66.66667%
    }
    .bp3-col-9 .bp3-col-7 {
        width: 77.77778%
    }
    .bp3-col-9 .bp3-col-8 {
        width: 88.88889%
    }
    .bp3-col-9 .bp3-col-9 {
        width: 100%
    }
    .bp3-col-9 .bp3-col-10 {
        width: 111.11111%
    }
    .bp3-col-9 .bp3-col-11 {
        width: 122.22222%
    }
    .bp3-col-9 .bp3-col-12 {
        width: 133.33333%
    }
    .bp3-col-9 .bp3-offset-1 {
        margin-left: 11.11111%
    }
    .bp3-col-9 .bp3-offset-2 {
        margin-left: 22.22222%
    }
    .bp3-col-9 .bp3-offset-3 {
        margin-left: 33.33333%
    }
    .bp3-col-9 .bp3-offset-4 {
        margin-left: 44.44444%
    }
    .bp3-col-9 .bp3-offset-5 {
        margin-left: 55.55556%
    }
    .bp3-col-9 .bp3-offset-6 {
        margin-left: 66.66667%
    }
    .bp3-col-9 .bp3-offset-7 {
        margin-left: 77.77778%
    }
    .bp3-col-9 .bp3-offset-8 {
        margin-left: 88.88889%
    }
    .bp3-col-9 .bp3-offset-9 {
        margin-left: 100%
    }
    .bp3-col-9 .bp3-offset-10 {
        margin-left: 111.11111%
    }
    .bp3-col-9 .bp3-offset-11 {
        margin-left: 122.22222%
    }
    .bp3-col-9 .bp3-offset-12 {
        margin-left: 133.33333%
    }
    .bp3-col-10 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 83.33333%;
        white-space: normal
    }
    .bp3-col-10 .bp3-col-1 {
        width: 10%
    }
    .bp3-col-10 .bp3-col-2 {
        width: 20%
    }
    .bp3-col-10 .bp3-col-3 {
        width: 30%
    }
    .bp3-col-10 .bp3-col-4 {
        width: 40%
    }
    .bp3-col-10 .bp3-col-5 {
        width: 50%
    }
    .bp3-col-10 .bp3-col-6 {
        width: 60%
    }
    .bp3-col-10 .bp3-col-7 {
        width: 70%
    }
    .bp3-col-10 .bp3-col-8 {
        width: 80%
    }
    .bp3-col-10 .bp3-col-9 {
        width: 90%
    }
    .bp3-col-10 .bp3-col-10 {
        width: 100%
    }
    .bp3-col-10 .bp3-col-11 {
        width: 110%
    }
    .bp3-col-10 .bp3-col-12 {
        width: 120%
    }
    .bp3-col-10 .bp3-offset-1 {
        margin-left: 10%
    }
    .bp3-col-10 .bp3-offset-2 {
        margin-left: 20%
    }
    .bp3-col-10 .bp3-offset-3 {
        margin-left: 30%
    }
    .bp3-col-10 .bp3-offset-4 {
        margin-left: 40%
    }
    .bp3-col-10 .bp3-offset-5 {
        margin-left: 50%
    }
    .bp3-col-10 .bp3-offset-6 {
        margin-left: 60%
    }
    .bp3-col-10 .bp3-offset-7 {
        margin-left: 70%
    }
    .bp3-col-10 .bp3-offset-8 {
        margin-left: 80%
    }
    .bp3-col-10 .bp3-offset-9 {
        margin-left: 90%
    }
    .bp3-col-10 .bp3-offset-10 {
        margin-left: 100%
    }
    .bp3-col-10 .bp3-offset-11 {
        margin-left: 110%
    }
    .bp3-col-10 .bp3-offset-12 {
        margin-left: 120%
    }
    .bp3-col-11 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 91.66667%;
        white-space: normal
    }
    .bp3-col-11 .bp3-col-1 {
        width: 9.09091%
    }
    .bp3-col-11 .bp3-col-2 {
        width: 18.18182%
    }
    .bp3-col-11 .bp3-col-3 {
        width: 27.27273%
    }
    .bp3-col-11 .bp3-col-4 {
        width: 36.36364%
    }
    .bp3-col-11 .bp3-col-5 {
        width: 45.45455%
    }
    .bp3-col-11 .bp3-col-6 {
        width: 54.54545%
    }
    .bp3-col-11 .bp3-col-7 {
        width: 63.63636%
    }
    .bp3-col-11 .bp3-col-8 {
        width: 72.72727%
    }
    .bp3-col-11 .bp3-col-9 {
        width: 81.81818%
    }
    .bp3-col-11 .bp3-col-10 {
        width: 90.90909%
    }
    .bp3-col-11 .bp3-col-11 {
        width: 100%
    }
    .bp3-col-11 .bp3-col-12 {
        width: 109.09091%
    }
    .bp3-col-11 .bp3-offset-1 {
        margin-left: 9.09091%
    }
    .bp3-col-11 .bp3-offset-2 {
        margin-left: 18.18182%
    }
    .bp3-col-11 .bp3-offset-3 {
        margin-left: 27.27273%
    }
    .bp3-col-11 .bp3-offset-4 {
        margin-left: 36.36364%
    }
    .bp3-col-11 .bp3-offset-5 {
        margin-left: 45.45455%
    }
    .bp3-col-11 .bp3-offset-6 {
        margin-left: 54.54545%
    }
    .bp3-col-11 .bp3-offset-7 {
        margin-left: 63.63636%
    }
    .bp3-col-11 .bp3-offset-8 {
        margin-left: 72.72727%
    }
    .bp3-col-11 .bp3-offset-9 {
        margin-left: 81.81818%
    }
    .bp3-col-11 .bp3-offset-10 {
        margin-left: 90.90909%
    }
    .bp3-col-11 .bp3-offset-11 {
        margin-left: 100%
    }
    .bp3-col-11 .bp3-offset-12 {
        margin-left: 109.09091%
    }
    .bp3-col-12 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 100%;
        white-space: normal
    }
    .bp3-col-12 .bp3-col-1 {
        width: 8.33333%
    }
    .bp3-col-12 .bp3-col-2 {
        width: 16.66667%
    }
    .bp3-col-12 .bp3-col-3 {
        width: 25%
    }
    .bp3-col-12 .bp3-col-4 {
        width: 33.33333%
    }
    .bp3-col-12 .bp3-col-5 {
        width: 41.66667%
    }
    .bp3-col-12 .bp3-col-6 {
        width: 50%
    }
    .bp3-col-12 .bp3-col-7 {
        width: 58.33333%
    }
    .bp3-col-12 .bp3-col-8 {
        width: 66.66667%
    }
    .bp3-col-12 .bp3-col-9 {
        width: 75%
    }
    .bp3-col-12 .bp3-col-10 {
        width: 83.33333%
    }
    .bp3-col-12 .bp3-col-11 {
        width: 91.66667%
    }
    .bp3-col-12 .bp3-col-12 {
        width: 100%
    }
    .bp3-col-12 .bp3-offset-1 {
        margin-left: 8.33333%
    }
    .bp3-col-12 .bp3-offset-2 {
        margin-left: 16.66667%
    }
    .bp3-col-12 .bp3-offset-3 {
        margin-left: 25%
    }
    .bp3-col-12 .bp3-offset-4 {
        margin-left: 33.33333%
    }
    .bp3-col-12 .bp3-offset-5 {
        margin-left: 41.66667%
    }
    .bp3-col-12 .bp3-offset-6 {
        margin-left: 50%
    }
    .bp3-col-12 .bp3-offset-7 {
        margin-left: 58.33333%
    }
    .bp3-col-12 .bp3-offset-8 {
        margin-left: 66.66667%
    }
    .bp3-col-12 .bp3-offset-9 {
        margin-left: 75%
    }
    .bp3-col-12 .bp3-offset-10 {
        margin-left: 83.33333%
    }
    .bp3-col-12 .bp3-offset-11 {
        margin-left: 91.66667%
    }
    .bp3-col-12 .bp3-offset-12 {
        margin-left: 100%
    }
    .bp3-offset-1 {
        margin-left: 8.33333%
    }
    .bp3-offset-2 {
        margin-left: 16.66667%
    }
    .bp3-offset-3 {
        margin-left: 25%
    }
    .bp3-offset-4 {
        margin-left: 33.33333%
    }
    .bp3-offset-5 {
        margin-left: 41.66667%
    }
    .bp3-offset-6 {
        margin-left: 50%
    }
    .bp3-offset-7 {
        margin-left: 58.33333%
    }
    .bp3-offset-8 {
        margin-left: 66.66667%
    }
    .bp3-offset-9 {
        margin-left: 75%
    }
    .bp3-offset-10 {
        margin-left: 83.33333%
    }
    .bp3-offset-11 {
        margin-left: 91.66667%
    }
    .bp3-offset-12 {
        margin-left: 100%
    }
}

@media screen and (min-width: 1200px) {
    .bp4-col-1 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 4.16667%;
        white-space: normal
    }
    .bp4-col-1 .bp4-col-1 {
        width: 100%
    }
    .bp4-col-1 .bp4-col-2 {
        width: 200%
    }
    .bp4-col-1 .bp4-col-3 {
        width: 300%
    }
    .bp4-col-1 .bp4-col-4 {
        width: 400%
    }
    .bp4-col-1 .bp4-col-5 {
        width: 500%
    }
    .bp4-col-1 .bp4-col-6 {
        width: 600%
    }
    .bp4-col-1 .bp4-col-7 {
        width: 700%
    }
    .bp4-col-1 .bp4-col-8 {
        width: 800%
    }
    .bp4-col-1 .bp4-col-9 {
        width: 900%
    }
    .bp4-col-1 .bp4-col-10 {
        width: 1000%
    }
    .bp4-col-1 .bp4-col-11 {
        width: 1100%
    }
    .bp4-col-1 .bp4-col-12 {
        width: 1200%
    }
    .bp4-col-1 .bp4-col-13 {
        width: 1300%
    }
    .bp4-col-1 .bp4-col-14 {
        width: 1400%
    }
    .bp4-col-1 .bp4-col-15 {
        width: 1500%
    }
    .bp4-col-1 .bp4-col-16 {
        width: 1600%
    }
    .bp4-col-1 .bp4-col-17 {
        width: 1700%
    }
    .bp4-col-1 .bp4-col-18 {
        width: 1800%
    }
    .bp4-col-1 .bp4-col-19 {
        width: 1900%
    }
    .bp4-col-1 .bp4-col-20 {
        width: 2000%
    }
    .bp4-col-1 .bp4-col-21 {
        width: 2100%
    }
    .bp4-col-1 .bp4-col-22 {
        width: 2200%
    }
    .bp4-col-1 .bp4-col-23 {
        width: 2300%
    }
    .bp4-col-1 .bp4-col-24 {
        width: 2400%
    }
    .bp4-col-1 .bp4-offset-1 {
        margin-left: 100%
    }
    .bp4-col-1 .bp4-offset-2 {
        margin-left: 200%
    }
    .bp4-col-1 .bp4-offset-3 {
        margin-left: 300%
    }
    .bp4-col-1 .bp4-offset-4 {
        margin-left: 400%
    }
    .bp4-col-1 .bp4-offset-5 {
        margin-left: 500%
    }
    .bp4-col-1 .bp4-offset-6 {
        margin-left: 600%
    }
    .bp4-col-1 .bp4-offset-7 {
        margin-left: 700%
    }
    .bp4-col-1 .bp4-offset-8 {
        margin-left: 800%
    }
    .bp4-col-1 .bp4-offset-9 {
        margin-left: 900%
    }
    .bp4-col-1 .bp4-offset-10 {
        margin-left: 1000%
    }
    .bp4-col-1 .bp4-offset-11 {
        margin-left: 1100%
    }
    .bp4-col-1 .bp4-offset-12 {
        margin-left: 1200%
    }
    .bp4-col-1 .bp4-offset-13 {
        margin-left: 1300%
    }
    .bp4-col-1 .bp4-offset-14 {
        margin-left: 1400%
    }
    .bp4-col-1 .bp4-offset-15 {
        margin-left: 1500%
    }
    .bp4-col-1 .bp4-offset-16 {
        margin-left: 1600%
    }
    .bp4-col-1 .bp4-offset-17 {
        margin-left: 1700%
    }
    .bp4-col-1 .bp4-offset-18 {
        margin-left: 1800%
    }
    .bp4-col-1 .bp4-offset-19 {
        margin-left: 1900%
    }
    .bp4-col-1 .bp4-offset-20 {
        margin-left: 2000%
    }
    .bp4-col-1 .bp4-offset-21 {
        margin-left: 2100%
    }
    .bp4-col-1 .bp4-offset-22 {
        margin-left: 2200%
    }
    .bp4-col-1 .bp4-offset-23 {
        margin-left: 2300%
    }
    .bp4-col-1 .bp4-offset-24 {
        margin-left: 2400%
    }
    .bp4-col-2 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 8.33333%;
        white-space: normal
    }
    .bp4-col-2 .bp4-col-1 {
        width: 50%
    }
    .bp4-col-2 .bp4-col-2 {
        width: 100%
    }
    .bp4-col-2 .bp4-col-3 {
        width: 150%
    }
    .bp4-col-2 .bp4-col-4 {
        width: 200%
    }
    .bp4-col-2 .bp4-col-5 {
        width: 250%
    }
    .bp4-col-2 .bp4-col-6 {
        width: 300%
    }
    .bp4-col-2 .bp4-col-7 {
        width: 350%
    }
    .bp4-col-2 .bp4-col-8 {
        width: 400%
    }
    .bp4-col-2 .bp4-col-9 {
        width: 450%
    }
    .bp4-col-2 .bp4-col-10 {
        width: 500%
    }
    .bp4-col-2 .bp4-col-11 {
        width: 550%
    }
    .bp4-col-2 .bp4-col-12 {
        width: 600%
    }
    .bp4-col-2 .bp4-col-13 {
        width: 650%
    }
    .bp4-col-2 .bp4-col-14 {
        width: 700%
    }
    .bp4-col-2 .bp4-col-15 {
        width: 750%
    }
    .bp4-col-2 .bp4-col-16 {
        width: 800%
    }
    .bp4-col-2 .bp4-col-17 {
        width: 850%
    }
    .bp4-col-2 .bp4-col-18 {
        width: 900%
    }
    .bp4-col-2 .bp4-col-19 {
        width: 950%
    }
    .bp4-col-2 .bp4-col-20 {
        width: 1000%
    }
    .bp4-col-2 .bp4-col-21 {
        width: 1050%
    }
    .bp4-col-2 .bp4-col-22 {
        width: 1100%
    }
    .bp4-col-2 .bp4-col-23 {
        width: 1150%
    }
    .bp4-col-2 .bp4-col-24 {
        width: 1200%
    }
    .bp4-col-2 .bp4-offset-1 {
        margin-left: 50%
    }
    .bp4-col-2 .bp4-offset-2 {
        margin-left: 100%
    }
    .bp4-col-2 .bp4-offset-3 {
        margin-left: 150%
    }
    .bp4-col-2 .bp4-offset-4 {
        margin-left: 200%
    }
    .bp4-col-2 .bp4-offset-5 {
        margin-left: 250%
    }
    .bp4-col-2 .bp4-offset-6 {
        margin-left: 300%
    }
    .bp4-col-2 .bp4-offset-7 {
        margin-left: 350%
    }
    .bp4-col-2 .bp4-offset-8 {
        margin-left: 400%
    }
    .bp4-col-2 .bp4-offset-9 {
        margin-left: 450%
    }
    .bp4-col-2 .bp4-offset-10 {
        margin-left: 500%
    }
    .bp4-col-2 .bp4-offset-11 {
        margin-left: 550%
    }
    .bp4-col-2 .bp4-offset-12 {
        margin-left: 600%
    }
    .bp4-col-2 .bp4-offset-13 {
        margin-left: 650%
    }
    .bp4-col-2 .bp4-offset-14 {
        margin-left: 700%
    }
    .bp4-col-2 .bp4-offset-15 {
        margin-left: 750%
    }
    .bp4-col-2 .bp4-offset-16 {
        margin-left: 800%
    }
    .bp4-col-2 .bp4-offset-17 {
        margin-left: 850%
    }
    .bp4-col-2 .bp4-offset-18 {
        margin-left: 900%
    }
    .bp4-col-2 .bp4-offset-19 {
        margin-left: 950%
    }
    .bp4-col-2 .bp4-offset-20 {
        margin-left: 1000%
    }
    .bp4-col-2 .bp4-offset-21 {
        margin-left: 1050%
    }
    .bp4-col-2 .bp4-offset-22 {
        margin-left: 1100%
    }
    .bp4-col-2 .bp4-offset-23 {
        margin-left: 1150%
    }
    .bp4-col-2 .bp4-offset-24 {
        margin-left: 1200%
    }
    .bp4-col-3 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 12.5%;
        white-space: normal
    }
    .bp4-col-3 .bp4-col-1 {
        width: 33.33333%
    }
    .bp4-col-3 .bp4-col-2 {
        width: 66.66667%
    }
    .bp4-col-3 .bp4-col-3 {
        width: 100%
    }
    .bp4-col-3 .bp4-col-4 {
        width: 133.33333%
    }
    .bp4-col-3 .bp4-col-5 {
        width: 166.66667%
    }
    .bp4-col-3 .bp4-col-6 {
        width: 200%
    }
    .bp4-col-3 .bp4-col-7 {
        width: 233.33333%
    }
    .bp4-col-3 .bp4-col-8 {
        width: 266.66667%
    }
    .bp4-col-3 .bp4-col-9 {
        width: 300%
    }
    .bp4-col-3 .bp4-col-10 {
        width: 333.33333%
    }
    .bp4-col-3 .bp4-col-11 {
        width: 366.66667%
    }
    .bp4-col-3 .bp4-col-12 {
        width: 400%
    }
    .bp4-col-3 .bp4-col-13 {
        width: 433.33333%
    }
    .bp4-col-3 .bp4-col-14 {
        width: 466.66667%
    }
    .bp4-col-3 .bp4-col-15 {
        width: 500%
    }
    .bp4-col-3 .bp4-col-16 {
        width: 533.33333%
    }
    .bp4-col-3 .bp4-col-17 {
        width: 566.66667%
    }
    .bp4-col-3 .bp4-col-18 {
        width: 600%
    }
    .bp4-col-3 .bp4-col-19 {
        width: 633.33333%
    }
    .bp4-col-3 .bp4-col-20 {
        width: 666.66667%
    }
    .bp4-col-3 .bp4-col-21 {
        width: 700%
    }
    .bp4-col-3 .bp4-col-22 {
        width: 733.33333%
    }
    .bp4-col-3 .bp4-col-23 {
        width: 766.66667%
    }
    .bp4-col-3 .bp4-col-24 {
        width: 800%
    }
    .bp4-col-3 .bp4-offset-1 {
        margin-left: 33.33333%
    }
    .bp4-col-3 .bp4-offset-2 {
        margin-left: 66.66667%
    }
    .bp4-col-3 .bp4-offset-3 {
        margin-left: 100%
    }
    .bp4-col-3 .bp4-offset-4 {
        margin-left: 133.33333%
    }
    .bp4-col-3 .bp4-offset-5 {
        margin-left: 166.66667%
    }
    .bp4-col-3 .bp4-offset-6 {
        margin-left: 200%
    }
    .bp4-col-3 .bp4-offset-7 {
        margin-left: 233.33333%
    }
    .bp4-col-3 .bp4-offset-8 {
        margin-left: 266.66667%
    }
    .bp4-col-3 .bp4-offset-9 {
        margin-left: 300%
    }
    .bp4-col-3 .bp4-offset-10 {
        margin-left: 333.33333%
    }
    .bp4-col-3 .bp4-offset-11 {
        margin-left: 366.66667%
    }
    .bp4-col-3 .bp4-offset-12 {
        margin-left: 400%
    }
    .bp4-col-3 .bp4-offset-13 {
        margin-left: 433.33333%
    }
    .bp4-col-3 .bp4-offset-14 {
        margin-left: 466.66667%
    }
    .bp4-col-3 .bp4-offset-15 {
        margin-left: 500%
    }
    .bp4-col-3 .bp4-offset-16 {
        margin-left: 533.33333%
    }
    .bp4-col-3 .bp4-offset-17 {
        margin-left: 566.66667%
    }
    .bp4-col-3 .bp4-offset-18 {
        margin-left: 600%
    }
    .bp4-col-3 .bp4-offset-19 {
        margin-left: 633.33333%
    }
    .bp4-col-3 .bp4-offset-20 {
        margin-left: 666.66667%
    }
    .bp4-col-3 .bp4-offset-21 {
        margin-left: 700%
    }
    .bp4-col-3 .bp4-offset-22 {
        margin-left: 733.33333%
    }
    .bp4-col-3 .bp4-offset-23 {
        margin-left: 766.66667%
    }
    .bp4-col-3 .bp4-offset-24 {
        margin-left: 800%
    }
    .bp4-col-4 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 16.66667%;
        white-space: normal
    }
    .bp4-col-4 .bp4-col-1 {
        width: 25%
    }
    .bp4-col-4 .bp4-col-2 {
        width: 50%
    }
    .bp4-col-4 .bp4-col-3 {
        width: 75%
    }
    .bp4-col-4 .bp4-col-4 {
        width: 100%
    }
    .bp4-col-4 .bp4-col-5 {
        width: 125%
    }
    .bp4-col-4 .bp4-col-6 {
        width: 150%
    }
    .bp4-col-4 .bp4-col-7 {
        width: 175%
    }
    .bp4-col-4 .bp4-col-8 {
        width: 200%
    }
    .bp4-col-4 .bp4-col-9 {
        width: 225%
    }
    .bp4-col-4 .bp4-col-10 {
        width: 250%
    }
    .bp4-col-4 .bp4-col-11 {
        width: 275%
    }
    .bp4-col-4 .bp4-col-12 {
        width: 300%
    }
    .bp4-col-4 .bp4-col-13 {
        width: 325%
    }
    .bp4-col-4 .bp4-col-14 {
        width: 350%
    }
    .bp4-col-4 .bp4-col-15 {
        width: 375%
    }
    .bp4-col-4 .bp4-col-16 {
        width: 400%
    }
    .bp4-col-4 .bp4-col-17 {
        width: 425%
    }
    .bp4-col-4 .bp4-col-18 {
        width: 450%
    }
    .bp4-col-4 .bp4-col-19 {
        width: 475%
    }
    .bp4-col-4 .bp4-col-20 {
        width: 500%
    }
    .bp4-col-4 .bp4-col-21 {
        width: 525%
    }
    .bp4-col-4 .bp4-col-22 {
        width: 550%
    }
    .bp4-col-4 .bp4-col-23 {
        width: 575%
    }
    .bp4-col-4 .bp4-col-24 {
        width: 600%
    }
    .bp4-col-4 .bp4-offset-1 {
        margin-left: 25%
    }
    .bp4-col-4 .bp4-offset-2 {
        margin-left: 50%
    }
    .bp4-col-4 .bp4-offset-3 {
        margin-left: 75%
    }
    .bp4-col-4 .bp4-offset-4 {
        margin-left: 100%
    }
    .bp4-col-4 .bp4-offset-5 {
        margin-left: 125%
    }
    .bp4-col-4 .bp4-offset-6 {
        margin-left: 150%
    }
    .bp4-col-4 .bp4-offset-7 {
        margin-left: 175%
    }
    .bp4-col-4 .bp4-offset-8 {
        margin-left: 200%
    }
    .bp4-col-4 .bp4-offset-9 {
        margin-left: 225%
    }
    .bp4-col-4 .bp4-offset-10 {
        margin-left: 250%
    }
    .bp4-col-4 .bp4-offset-11 {
        margin-left: 275%
    }
    .bp4-col-4 .bp4-offset-12 {
        margin-left: 300%
    }
    .bp4-col-4 .bp4-offset-13 {
        margin-left: 325%
    }
    .bp4-col-4 .bp4-offset-14 {
        margin-left: 350%
    }
    .bp4-col-4 .bp4-offset-15 {
        margin-left: 375%
    }
    .bp4-col-4 .bp4-offset-16 {
        margin-left: 400%
    }
    .bp4-col-4 .bp4-offset-17 {
        margin-left: 425%
    }
    .bp4-col-4 .bp4-offset-18 {
        margin-left: 450%
    }
    .bp4-col-4 .bp4-offset-19 {
        margin-left: 475%
    }
    .bp4-col-4 .bp4-offset-20 {
        margin-left: 500%
    }
    .bp4-col-4 .bp4-offset-21 {
        margin-left: 525%
    }
    .bp4-col-4 .bp4-offset-22 {
        margin-left: 550%
    }
    .bp4-col-4 .bp4-offset-23 {
        margin-left: 575%
    }
    .bp4-col-4 .bp4-offset-24 {
        margin-left: 600%
    }
    .bp4-col-5 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 20.83333%;
        white-space: normal
    }
    .bp4-col-5 .bp4-col-1 {
        width: 20%
    }
    .bp4-col-5 .bp4-col-2 {
        width: 40%
    }
    .bp4-col-5 .bp4-col-3 {
        width: 60%
    }
    .bp4-col-5 .bp4-col-4 {
        width: 80%
    }
    .bp4-col-5 .bp4-col-5 {
        width: 100%
    }
    .bp4-col-5 .bp4-col-6 {
        width: 120%
    }
    .bp4-col-5 .bp4-col-7 {
        width: 140%
    }
    .bp4-col-5 .bp4-col-8 {
        width: 160%
    }
    .bp4-col-5 .bp4-col-9 {
        width: 180%
    }
    .bp4-col-5 .bp4-col-10 {
        width: 200%
    }
    .bp4-col-5 .bp4-col-11 {
        width: 220%
    }
    .bp4-col-5 .bp4-col-12 {
        width: 240%
    }
    .bp4-col-5 .bp4-col-13 {
        width: 260%
    }
    .bp4-col-5 .bp4-col-14 {
        width: 280%
    }
    .bp4-col-5 .bp4-col-15 {
        width: 300%
    }
    .bp4-col-5 .bp4-col-16 {
        width: 320%
    }
    .bp4-col-5 .bp4-col-17 {
        width: 340%
    }
    .bp4-col-5 .bp4-col-18 {
        width: 360%
    }
    .bp4-col-5 .bp4-col-19 {
        width: 380%
    }
    .bp4-col-5 .bp4-col-20 {
        width: 400%
    }
    .bp4-col-5 .bp4-col-21 {
        width: 420%
    }
    .bp4-col-5 .bp4-col-22 {
        width: 440%
    }
    .bp4-col-5 .bp4-col-23 {
        width: 460%
    }
    .bp4-col-5 .bp4-col-24 {
        width: 480%
    }
    .bp4-col-5 .bp4-offset-1 {
        margin-left: 20%
    }
    .bp4-col-5 .bp4-offset-2 {
        margin-left: 40%
    }
    .bp4-col-5 .bp4-offset-3 {
        margin-left: 60%
    }
    .bp4-col-5 .bp4-offset-4 {
        margin-left: 80%
    }
    .bp4-col-5 .bp4-offset-5 {
        margin-left: 100%
    }
    .bp4-col-5 .bp4-offset-6 {
        margin-left: 120%
    }
    .bp4-col-5 .bp4-offset-7 {
        margin-left: 140%
    }
    .bp4-col-5 .bp4-offset-8 {
        margin-left: 160%
    }
    .bp4-col-5 .bp4-offset-9 {
        margin-left: 180%
    }
    .bp4-col-5 .bp4-offset-10 {
        margin-left: 200%
    }
    .bp4-col-5 .bp4-offset-11 {
        margin-left: 220%
    }
    .bp4-col-5 .bp4-offset-12 {
        margin-left: 240%
    }
    .bp4-col-5 .bp4-offset-13 {
        margin-left: 260%
    }
    .bp4-col-5 .bp4-offset-14 {
        margin-left: 280%
    }
    .bp4-col-5 .bp4-offset-15 {
        margin-left: 300%
    }
    .bp4-col-5 .bp4-offset-16 {
        margin-left: 320%
    }
    .bp4-col-5 .bp4-offset-17 {
        margin-left: 340%
    }
    .bp4-col-5 .bp4-offset-18 {
        margin-left: 360%
    }
    .bp4-col-5 .bp4-offset-19 {
        margin-left: 380%
    }
    .bp4-col-5 .bp4-offset-20 {
        margin-left: 400%
    }
    .bp4-col-5 .bp4-offset-21 {
        margin-left: 420%
    }
    .bp4-col-5 .bp4-offset-22 {
        margin-left: 440%
    }
    .bp4-col-5 .bp4-offset-23 {
        margin-left: 460%
    }
    .bp4-col-5 .bp4-offset-24 {
        margin-left: 480%
    }
    .bp4-col-6 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 25%;
        white-space: normal
    }
    .bp4-col-6 .bp4-col-1 {
        width: 16.66667%
    }
    .bp4-col-6 .bp4-col-2 {
        width: 33.33333%
    }
    .bp4-col-6 .bp4-col-3 {
        width: 50%
    }
    .bp4-col-6 .bp4-col-4 {
        width: 66.66667%
    }
    .bp4-col-6 .bp4-col-5 {
        width: 83.33333%
    }
    .bp4-col-6 .bp4-col-6 {
        width: 100%
    }
    .bp4-col-6 .bp4-col-7 {
        width: 116.66667%
    }
    .bp4-col-6 .bp4-col-8 {
        width: 133.33333%
    }
    .bp4-col-6 .bp4-col-9 {
        width: 150%
    }
    .bp4-col-6 .bp4-col-10 {
        width: 166.66667%
    }
    .bp4-col-6 .bp4-col-11 {
        width: 183.33333%
    }
    .bp4-col-6 .bp4-col-12 {
        width: 200%
    }
    .bp4-col-6 .bp4-col-13 {
        width: 216.66667%
    }
    .bp4-col-6 .bp4-col-14 {
        width: 233.33333%
    }
    .bp4-col-6 .bp4-col-15 {
        width: 250%
    }
    .bp4-col-6 .bp4-col-16 {
        width: 266.66667%
    }
    .bp4-col-6 .bp4-col-17 {
        width: 283.33333%
    }
    .bp4-col-6 .bp4-col-18 {
        width: 300%
    }
    .bp4-col-6 .bp4-col-19 {
        width: 316.66667%
    }
    .bp4-col-6 .bp4-col-20 {
        width: 333.33333%
    }
    .bp4-col-6 .bp4-col-21 {
        width: 350%
    }
    .bp4-col-6 .bp4-col-22 {
        width: 366.66667%
    }
    .bp4-col-6 .bp4-col-23 {
        width: 383.33333%
    }
    .bp4-col-6 .bp4-col-24 {
        width: 400%
    }
    .bp4-col-6 .bp4-offset-1 {
        margin-left: 16.66667%
    }
    .bp4-col-6 .bp4-offset-2 {
        margin-left: 33.33333%
    }
    .bp4-col-6 .bp4-offset-3 {
        margin-left: 50%
    }
    .bp4-col-6 .bp4-offset-4 {
        margin-left: 66.66667%
    }
    .bp4-col-6 .bp4-offset-5 {
        margin-left: 83.33333%
    }
    .bp4-col-6 .bp4-offset-6 {
        margin-left: 100%
    }
    .bp4-col-6 .bp4-offset-7 {
        margin-left: 116.66667%
    }
    .bp4-col-6 .bp4-offset-8 {
        margin-left: 133.33333%
    }
    .bp4-col-6 .bp4-offset-9 {
        margin-left: 150%
    }
    .bp4-col-6 .bp4-offset-10 {
        margin-left: 166.66667%
    }
    .bp4-col-6 .bp4-offset-11 {
        margin-left: 183.33333%
    }
    .bp4-col-6 .bp4-offset-12 {
        margin-left: 200%
    }
    .bp4-col-6 .bp4-offset-13 {
        margin-left: 216.66667%
    }
    .bp4-col-6 .bp4-offset-14 {
        margin-left: 233.33333%
    }
    .bp4-col-6 .bp4-offset-15 {
        margin-left: 250%
    }
    .bp4-col-6 .bp4-offset-16 {
        margin-left: 266.66667%
    }
    .bp4-col-6 .bp4-offset-17 {
        margin-left: 283.33333%
    }
    .bp4-col-6 .bp4-offset-18 {
        margin-left: 300%
    }
    .bp4-col-6 .bp4-offset-19 {
        margin-left: 316.66667%
    }
    .bp4-col-6 .bp4-offset-20 {
        margin-left: 333.33333%
    }
    .bp4-col-6 .bp4-offset-21 {
        margin-left: 350%
    }
    .bp4-col-6 .bp4-offset-22 {
        margin-left: 366.66667%
    }
    .bp4-col-6 .bp4-offset-23 {
        margin-left: 383.33333%
    }
    .bp4-col-6 .bp4-offset-24 {
        margin-left: 400%
    }
    .bp4-col-7 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 29.16667%;
        white-space: normal
    }
    .bp4-col-7 .bp4-col-1 {
        width: 14.28571%
    }
    .bp4-col-7 .bp4-col-2 {
        width: 28.57143%
    }
    .bp4-col-7 .bp4-col-3 {
        width: 42.85714%
    }
    .bp4-col-7 .bp4-col-4 {
        width: 57.14286%
    }
    .bp4-col-7 .bp4-col-5 {
        width: 71.42857%
    }
    .bp4-col-7 .bp4-col-6 {
        width: 85.71429%
    }
    .bp4-col-7 .bp4-col-7 {
        width: 100%
    }
    .bp4-col-7 .bp4-col-8 {
        width: 114.28571%
    }
    .bp4-col-7 .bp4-col-9 {
        width: 128.57143%
    }
    .bp4-col-7 .bp4-col-10 {
        width: 142.85714%
    }
    .bp4-col-7 .bp4-col-11 {
        width: 157.14286%
    }
    .bp4-col-7 .bp4-col-12 {
        width: 171.42857%
    }
    .bp4-col-7 .bp4-col-13 {
        width: 185.71429%
    }
    .bp4-col-7 .bp4-col-14 {
        width: 200%
    }
    .bp4-col-7 .bp4-col-15 {
        width: 214.28571%
    }
    .bp4-col-7 .bp4-col-16 {
        width: 228.57143%
    }
    .bp4-col-7 .bp4-col-17 {
        width: 242.85714%
    }
    .bp4-col-7 .bp4-col-18 {
        width: 257.14286%
    }
    .bp4-col-7 .bp4-col-19 {
        width: 271.42857%
    }
    .bp4-col-7 .bp4-col-20 {
        width: 285.71429%
    }
    .bp4-col-7 .bp4-col-21 {
        width: 300%
    }
    .bp4-col-7 .bp4-col-22 {
        width: 314.28571%
    }
    .bp4-col-7 .bp4-col-23 {
        width: 328.57143%
    }
    .bp4-col-7 .bp4-col-24 {
        width: 342.85714%
    }
    .bp4-col-7 .bp4-offset-1 {
        margin-left: 14.28571%
    }
    .bp4-col-7 .bp4-offset-2 {
        margin-left: 28.57143%
    }
    .bp4-col-7 .bp4-offset-3 {
        margin-left: 42.85714%
    }
    .bp4-col-7 .bp4-offset-4 {
        margin-left: 57.14286%
    }
    .bp4-col-7 .bp4-offset-5 {
        margin-left: 71.42857%
    }
    .bp4-col-7 .bp4-offset-6 {
        margin-left: 85.71429%
    }
    .bp4-col-7 .bp4-offset-7 {
        margin-left: 100%
    }
    .bp4-col-7 .bp4-offset-8 {
        margin-left: 114.28571%
    }
    .bp4-col-7 .bp4-offset-9 {
        margin-left: 128.57143%
    }
    .bp4-col-7 .bp4-offset-10 {
        margin-left: 142.85714%
    }
    .bp4-col-7 .bp4-offset-11 {
        margin-left: 157.14286%
    }
    .bp4-col-7 .bp4-offset-12 {
        margin-left: 171.42857%
    }
    .bp4-col-7 .bp4-offset-13 {
        margin-left: 185.71429%
    }
    .bp4-col-7 .bp4-offset-14 {
        margin-left: 200%
    }
    .bp4-col-7 .bp4-offset-15 {
        margin-left: 214.28571%
    }
    .bp4-col-7 .bp4-offset-16 {
        margin-left: 228.57143%
    }
    .bp4-col-7 .bp4-offset-17 {
        margin-left: 242.85714%
    }
    .bp4-col-7 .bp4-offset-18 {
        margin-left: 257.14286%
    }
    .bp4-col-7 .bp4-offset-19 {
        margin-left: 271.42857%
    }
    .bp4-col-7 .bp4-offset-20 {
        margin-left: 285.71429%
    }
    .bp4-col-7 .bp4-offset-21 {
        margin-left: 300%
    }
    .bp4-col-7 .bp4-offset-22 {
        margin-left: 314.28571%
    }
    .bp4-col-7 .bp4-offset-23 {
        margin-left: 328.57143%
    }
    .bp4-col-7 .bp4-offset-24 {
        margin-left: 342.85714%
    }
    .bp4-col-8 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 33.33333%;
        white-space: normal
    }
    .bp4-col-8 .bp4-col-1 {
        width: 12.5%
    }
    .bp4-col-8 .bp4-col-2 {
        width: 25%
    }
    .bp4-col-8 .bp4-col-3 {
        width: 37.5%
    }
    .bp4-col-8 .bp4-col-4 {
        width: 50%
    }
    .bp4-col-8 .bp4-col-5 {
        width: 62.5%
    }
    .bp4-col-8 .bp4-col-6 {
        width: 75%
    }
    .bp4-col-8 .bp4-col-7 {
        width: 87.5%
    }
    .bp4-col-8 .bp4-col-8 {
        width: 100%
    }
    .bp4-col-8 .bp4-col-9 {
        width: 112.5%
    }
    .bp4-col-8 .bp4-col-10 {
        width: 125%
    }
    .bp4-col-8 .bp4-col-11 {
        width: 137.5%
    }
    .bp4-col-8 .bp4-col-12 {
        width: 150%
    }
    .bp4-col-8 .bp4-col-13 {
        width: 162.5%
    }
    .bp4-col-8 .bp4-col-14 {
        width: 175%
    }
    .bp4-col-8 .bp4-col-15 {
        width: 187.5%
    }
    .bp4-col-8 .bp4-col-16 {
        width: 200%
    }
    .bp4-col-8 .bp4-col-17 {
        width: 212.5%
    }
    .bp4-col-8 .bp4-col-18 {
        width: 225%
    }
    .bp4-col-8 .bp4-col-19 {
        width: 237.5%
    }
    .bp4-col-8 .bp4-col-20 {
        width: 250%
    }
    .bp4-col-8 .bp4-col-21 {
        width: 262.5%
    }
    .bp4-col-8 .bp4-col-22 {
        width: 275%
    }
    .bp4-col-8 .bp4-col-23 {
        width: 287.5%
    }
    .bp4-col-8 .bp4-col-24 {
        width: 300%
    }
    .bp4-col-8 .bp4-offset-1 {
        margin-left: 12.5%
    }
    .bp4-col-8 .bp4-offset-2 {
        margin-left: 25%
    }
    .bp4-col-8 .bp4-offset-3 {
        margin-left: 37.5%
    }
    .bp4-col-8 .bp4-offset-4 {
        margin-left: 50%
    }
    .bp4-col-8 .bp4-offset-5 {
        margin-left: 62.5%
    }
    .bp4-col-8 .bp4-offset-6 {
        margin-left: 75%
    }
    .bp4-col-8 .bp4-offset-7 {
        margin-left: 87.5%
    }
    .bp4-col-8 .bp4-offset-8 {
        margin-left: 100%
    }
    .bp4-col-8 .bp4-offset-9 {
        margin-left: 112.5%
    }
    .bp4-col-8 .bp4-offset-10 {
        margin-left: 125%
    }
    .bp4-col-8 .bp4-offset-11 {
        margin-left: 137.5%
    }
    .bp4-col-8 .bp4-offset-12 {
        margin-left: 150%
    }
    .bp4-col-8 .bp4-offset-13 {
        margin-left: 162.5%
    }
    .bp4-col-8 .bp4-offset-14 {
        margin-left: 175%
    }
    .bp4-col-8 .bp4-offset-15 {
        margin-left: 187.5%
    }
    .bp4-col-8 .bp4-offset-16 {
        margin-left: 200%
    }
    .bp4-col-8 .bp4-offset-17 {
        margin-left: 212.5%
    }
    .bp4-col-8 .bp4-offset-18 {
        margin-left: 225%
    }
    .bp4-col-8 .bp4-offset-19 {
        margin-left: 237.5%
    }
    .bp4-col-8 .bp4-offset-20 {
        margin-left: 250%
    }
    .bp4-col-8 .bp4-offset-21 {
        margin-left: 262.5%
    }
    .bp4-col-8 .bp4-offset-22 {
        margin-left: 275%
    }
    .bp4-col-8 .bp4-offset-23 {
        margin-left: 287.5%
    }
    .bp4-col-8 .bp4-offset-24 {
        margin-left: 300%
    }
    .bp4-col-9 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 37.5%;
        white-space: normal
    }
    .bp4-col-9 .bp4-col-1 {
        width: 11.11111%
    }
    .bp4-col-9 .bp4-col-2 {
        width: 22.22222%
    }
    .bp4-col-9 .bp4-col-3 {
        width: 33.33333%
    }
    .bp4-col-9 .bp4-col-4 {
        width: 44.44444%
    }
    .bp4-col-9 .bp4-col-5 {
        width: 55.55556%
    }
    .bp4-col-9 .bp4-col-6 {
        width: 66.66667%
    }
    .bp4-col-9 .bp4-col-7 {
        width: 77.77778%
    }
    .bp4-col-9 .bp4-col-8 {
        width: 88.88889%
    }
    .bp4-col-9 .bp4-col-9 {
        width: 100%
    }
    .bp4-col-9 .bp4-col-10 {
        width: 111.11111%
    }
    .bp4-col-9 .bp4-col-11 {
        width: 122.22222%
    }
    .bp4-col-9 .bp4-col-12 {
        width: 133.33333%
    }
    .bp4-col-9 .bp4-col-13 {
        width: 144.44444%
    }
    .bp4-col-9 .bp4-col-14 {
        width: 155.55556%
    }
    .bp4-col-9 .bp4-col-15 {
        width: 166.66667%
    }
    .bp4-col-9 .bp4-col-16 {
        width: 177.77778%
    }
    .bp4-col-9 .bp4-col-17 {
        width: 188.88889%
    }
    .bp4-col-9 .bp4-col-18 {
        width: 200%
    }
    .bp4-col-9 .bp4-col-19 {
        width: 211.11111%
    }
    .bp4-col-9 .bp4-col-20 {
        width: 222.22222%
    }
    .bp4-col-9 .bp4-col-21 {
        width: 233.33333%
    }
    .bp4-col-9 .bp4-col-22 {
        width: 244.44444%
    }
    .bp4-col-9 .bp4-col-23 {
        width: 255.55556%
    }
    .bp4-col-9 .bp4-col-24 {
        width: 266.66667%
    }
    .bp4-col-9 .bp4-offset-1 {
        margin-left: 11.11111%
    }
    .bp4-col-9 .bp4-offset-2 {
        margin-left: 22.22222%
    }
    .bp4-col-9 .bp4-offset-3 {
        margin-left: 33.33333%
    }
    .bp4-col-9 .bp4-offset-4 {
        margin-left: 44.44444%
    }
    .bp4-col-9 .bp4-offset-5 {
        margin-left: 55.55556%
    }
    .bp4-col-9 .bp4-offset-6 {
        margin-left: 66.66667%
    }
    .bp4-col-9 .bp4-offset-7 {
        margin-left: 77.77778%
    }
    .bp4-col-9 .bp4-offset-8 {
        margin-left: 88.88889%
    }
    .bp4-col-9 .bp4-offset-9 {
        margin-left: 100%
    }
    .bp4-col-9 .bp4-offset-10 {
        margin-left: 111.11111%
    }
    .bp4-col-9 .bp4-offset-11 {
        margin-left: 122.22222%
    }
    .bp4-col-9 .bp4-offset-12 {
        margin-left: 133.33333%
    }
    .bp4-col-9 .bp4-offset-13 {
        margin-left: 144.44444%
    }
    .bp4-col-9 .bp4-offset-14 {
        margin-left: 155.55556%
    }
    .bp4-col-9 .bp4-offset-15 {
        margin-left: 166.66667%
    }
    .bp4-col-9 .bp4-offset-16 {
        margin-left: 177.77778%
    }
    .bp4-col-9 .bp4-offset-17 {
        margin-left: 188.88889%
    }
    .bp4-col-9 .bp4-offset-18 {
        margin-left: 200%
    }
    .bp4-col-9 .bp4-offset-19 {
        margin-left: 211.11111%
    }
    .bp4-col-9 .bp4-offset-20 {
        margin-left: 222.22222%
    }
    .bp4-col-9 .bp4-offset-21 {
        margin-left: 233.33333%
    }
    .bp4-col-9 .bp4-offset-22 {
        margin-left: 244.44444%
    }
    .bp4-col-9 .bp4-offset-23 {
        margin-left: 255.55556%
    }
    .bp4-col-9 .bp4-offset-24 {
        margin-left: 266.66667%
    }
    .bp4-col-10 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 41.66667%;
        white-space: normal
    }
    .bp4-col-10 .bp4-col-1 {
        width: 10%
    }
    .bp4-col-10 .bp4-col-2 {
        width: 20%
    }
    .bp4-col-10 .bp4-col-3 {
        width: 30%
    }
    .bp4-col-10 .bp4-col-4 {
        width: 40%
    }
    .bp4-col-10 .bp4-col-5 {
        width: 50%
    }
    .bp4-col-10 .bp4-col-6 {
        width: 60%
    }
    .bp4-col-10 .bp4-col-7 {
        width: 70%
    }
    .bp4-col-10 .bp4-col-8 {
        width: 80%
    }
    .bp4-col-10 .bp4-col-9 {
        width: 90%
    }
    .bp4-col-10 .bp4-col-10 {
        width: 100%
    }
    .bp4-col-10 .bp4-col-11 {
        width: 110%
    }
    .bp4-col-10 .bp4-col-12 {
        width: 120%
    }
    .bp4-col-10 .bp4-col-13 {
        width: 130%
    }
    .bp4-col-10 .bp4-col-14 {
        width: 140%
    }
    .bp4-col-10 .bp4-col-15 {
        width: 150%
    }
    .bp4-col-10 .bp4-col-16 {
        width: 160%
    }
    .bp4-col-10 .bp4-col-17 {
        width: 170%
    }
    .bp4-col-10 .bp4-col-18 {
        width: 180%
    }
    .bp4-col-10 .bp4-col-19 {
        width: 190%
    }
    .bp4-col-10 .bp4-col-20 {
        width: 200%
    }
    .bp4-col-10 .bp4-col-21 {
        width: 210%
    }
    .bp4-col-10 .bp4-col-22 {
        width: 220%
    }
    .bp4-col-10 .bp4-col-23 {
        width: 230%
    }
    .bp4-col-10 .bp4-col-24 {
        width: 240%
    }
    .bp4-col-10 .bp4-offset-1 {
        margin-left: 10%
    }
    .bp4-col-10 .bp4-offset-2 {
        margin-left: 20%
    }
    .bp4-col-10 .bp4-offset-3 {
        margin-left: 30%
    }
    .bp4-col-10 .bp4-offset-4 {
        margin-left: 40%
    }
    .bp4-col-10 .bp4-offset-5 {
        margin-left: 50%
    }
    .bp4-col-10 .bp4-offset-6 {
        margin-left: 60%
    }
    .bp4-col-10 .bp4-offset-7 {
        margin-left: 70%
    }
    .bp4-col-10 .bp4-offset-8 {
        margin-left: 80%
    }
    .bp4-col-10 .bp4-offset-9 {
        margin-left: 90%
    }
    .bp4-col-10 .bp4-offset-10 {
        margin-left: 100%
    }
    .bp4-col-10 .bp4-offset-11 {
        margin-left: 110%
    }
    .bp4-col-10 .bp4-offset-12 {
        margin-left: 120%
    }
    .bp4-col-10 .bp4-offset-13 {
        margin-left: 130%
    }
    .bp4-col-10 .bp4-offset-14 {
        margin-left: 140%
    }
    .bp4-col-10 .bp4-offset-15 {
        margin-left: 150%
    }
    .bp4-col-10 .bp4-offset-16 {
        margin-left: 160%
    }
    .bp4-col-10 .bp4-offset-17 {
        margin-left: 170%
    }
    .bp4-col-10 .bp4-offset-18 {
        margin-left: 180%
    }
    .bp4-col-10 .bp4-offset-19 {
        margin-left: 190%
    }
    .bp4-col-10 .bp4-offset-20 {
        margin-left: 200%
    }
    .bp4-col-10 .bp4-offset-21 {
        margin-left: 210%
    }
    .bp4-col-10 .bp4-offset-22 {
        margin-left: 220%
    }
    .bp4-col-10 .bp4-offset-23 {
        margin-left: 230%
    }
    .bp4-col-10 .bp4-offset-24 {
        margin-left: 240%
    }
    .bp4-col-11 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 45.83333%;
        white-space: normal
    }
    .bp4-col-11 .bp4-col-1 {
        width: 9.09091%
    }
    .bp4-col-11 .bp4-col-2 {
        width: 18.18182%
    }
    .bp4-col-11 .bp4-col-3 {
        width: 27.27273%
    }
    .bp4-col-11 .bp4-col-4 {
        width: 36.36364%
    }
    .bp4-col-11 .bp4-col-5 {
        width: 45.45455%
    }
    .bp4-col-11 .bp4-col-6 {
        width: 54.54545%
    }
    .bp4-col-11 .bp4-col-7 {
        width: 63.63636%
    }
    .bp4-col-11 .bp4-col-8 {
        width: 72.72727%
    }
    .bp4-col-11 .bp4-col-9 {
        width: 81.81818%
    }
    .bp4-col-11 .bp4-col-10 {
        width: 90.90909%
    }
    .bp4-col-11 .bp4-col-11 {
        width: 100%
    }
    .bp4-col-11 .bp4-col-12 {
        width: 109.09091%
    }
    .bp4-col-11 .bp4-col-13 {
        width: 118.18182%
    }
    .bp4-col-11 .bp4-col-14 {
        width: 127.27273%
    }
    .bp4-col-11 .bp4-col-15 {
        width: 136.36364%
    }
    .bp4-col-11 .bp4-col-16 {
        width: 145.45455%
    }
    .bp4-col-11 .bp4-col-17 {
        width: 154.54545%
    }
    .bp4-col-11 .bp4-col-18 {
        width: 163.63636%
    }
    .bp4-col-11 .bp4-col-19 {
        width: 172.72727%
    }
    .bp4-col-11 .bp4-col-20 {
        width: 181.81818%
    }
    .bp4-col-11 .bp4-col-21 {
        width: 190.90909%
    }
    .bp4-col-11 .bp4-col-22 {
        width: 200%
    }
    .bp4-col-11 .bp4-col-23 {
        width: 209.09091%
    }
    .bp4-col-11 .bp4-col-24 {
        width: 218.18182%
    }
    .bp4-col-11 .bp4-offset-1 {
        margin-left: 9.09091%
    }
    .bp4-col-11 .bp4-offset-2 {
        margin-left: 18.18182%
    }
    .bp4-col-11 .bp4-offset-3 {
        margin-left: 27.27273%
    }
    .bp4-col-11 .bp4-offset-4 {
        margin-left: 36.36364%
    }
    .bp4-col-11 .bp4-offset-5 {
        margin-left: 45.45455%
    }
    .bp4-col-11 .bp4-offset-6 {
        margin-left: 54.54545%
    }
    .bp4-col-11 .bp4-offset-7 {
        margin-left: 63.63636%
    }
    .bp4-col-11 .bp4-offset-8 {
        margin-left: 72.72727%
    }
    .bp4-col-11 .bp4-offset-9 {
        margin-left: 81.81818%
    }
    .bp4-col-11 .bp4-offset-10 {
        margin-left: 90.90909%
    }
    .bp4-col-11 .bp4-offset-11 {
        margin-left: 100%
    }
    .bp4-col-11 .bp4-offset-12 {
        margin-left: 109.09091%
    }
    .bp4-col-11 .bp4-offset-13 {
        margin-left: 118.18182%
    }
    .bp4-col-11 .bp4-offset-14 {
        margin-left: 127.27273%
    }
    .bp4-col-11 .bp4-offset-15 {
        margin-left: 136.36364%
    }
    .bp4-col-11 .bp4-offset-16 {
        margin-left: 145.45455%
    }
    .bp4-col-11 .bp4-offset-17 {
        margin-left: 154.54545%
    }
    .bp4-col-11 .bp4-offset-18 {
        margin-left: 163.63636%
    }
    .bp4-col-11 .bp4-offset-19 {
        margin-left: 172.72727%
    }
    .bp4-col-11 .bp4-offset-20 {
        margin-left: 181.81818%
    }
    .bp4-col-11 .bp4-offset-21 {
        margin-left: 190.90909%
    }
    .bp4-col-11 .bp4-offset-22 {
        margin-left: 200%
    }
    .bp4-col-11 .bp4-offset-23 {
        margin-left: 209.09091%
    }
    .bp4-col-11 .bp4-offset-24 {
        margin-left: 218.18182%
    }
    .bp4-col-12 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 50%;
        white-space: normal
    }
    .bp4-col-12 .bp4-col-1 {
        width: 8.33333%
    }
    .bp4-col-12 .bp4-col-2 {
        width: 16.66667%
    }
    .bp4-col-12 .bp4-col-3 {
        width: 25%
    }
    .bp4-col-12 .bp4-col-4 {
        width: 33.33333%
    }
    .bp4-col-12 .bp4-col-5 {
        width: 41.66667%
    }
    .bp4-col-12 .bp4-col-6 {
        width: 50%
    }
    .bp4-col-12 .bp4-col-7 {
        width: 58.33333%
    }
    .bp4-col-12 .bp4-col-8 {
        width: 66.66667%
    }
    .bp4-col-12 .bp4-col-9 {
        width: 75%
    }
    .bp4-col-12 .bp4-col-10 {
        width: 83.33333%
    }
    .bp4-col-12 .bp4-col-11 {
        width: 91.66667%
    }
    .bp4-col-12 .bp4-col-12 {
        width: 100%
    }
    .bp4-col-12 .bp4-col-13 {
        width: 108.33333%
    }
    .bp4-col-12 .bp4-col-14 {
        width: 116.66667%
    }
    .bp4-col-12 .bp4-col-15 {
        width: 125%
    }
    .bp4-col-12 .bp4-col-16 {
        width: 133.33333%
    }
    .bp4-col-12 .bp4-col-17 {
        width: 141.66667%
    }
    .bp4-col-12 .bp4-col-18 {
        width: 150%
    }
    .bp4-col-12 .bp4-col-19 {
        width: 158.33333%
    }
    .bp4-col-12 .bp4-col-20 {
        width: 166.66667%
    }
    .bp4-col-12 .bp4-col-21 {
        width: 175%
    }
    .bp4-col-12 .bp4-col-22 {
        width: 183.33333%
    }
    .bp4-col-12 .bp4-col-23 {
        width: 191.66667%
    }
    .bp4-col-12 .bp4-col-24 {
        width: 200%
    }
    .bp4-col-12 .bp4-offset-1 {
        margin-left: 8.33333%
    }
    .bp4-col-12 .bp4-offset-2 {
        margin-left: 16.66667%
    }
    .bp4-col-12 .bp4-offset-3 {
        margin-left: 25%
    }
    .bp4-col-12 .bp4-offset-4 {
        margin-left: 33.33333%
    }
    .bp4-col-12 .bp4-offset-5 {
        margin-left: 41.66667%
    }
    .bp4-col-12 .bp4-offset-6 {
        margin-left: 50%
    }
    .bp4-col-12 .bp4-offset-7 {
        margin-left: 58.33333%
    }
    .bp4-col-12 .bp4-offset-8 {
        margin-left: 66.66667%
    }
    .bp4-col-12 .bp4-offset-9 {
        margin-left: 75%
    }
    .bp4-col-12 .bp4-offset-10 {
        margin-left: 83.33333%
    }
    .bp4-col-12 .bp4-offset-11 {
        margin-left: 91.66667%
    }
    .bp4-col-12 .bp4-offset-12 {
        margin-left: 100%
    }
    .bp4-col-12 .bp4-offset-13 {
        margin-left: 108.33333%
    }
    .bp4-col-12 .bp4-offset-14 {
        margin-left: 116.66667%
    }
    .bp4-col-12 .bp4-offset-15 {
        margin-left: 125%
    }
    .bp4-col-12 .bp4-offset-16 {
        margin-left: 133.33333%
    }
    .bp4-col-12 .bp4-offset-17 {
        margin-left: 141.66667%
    }
    .bp4-col-12 .bp4-offset-18 {
        margin-left: 150%
    }
    .bp4-col-12 .bp4-offset-19 {
        margin-left: 158.33333%
    }
    .bp4-col-12 .bp4-offset-20 {
        margin-left: 166.66667%
    }
    .bp4-col-12 .bp4-offset-21 {
        margin-left: 175%
    }
    .bp4-col-12 .bp4-offset-22 {
        margin-left: 183.33333%
    }
    .bp4-col-12 .bp4-offset-23 {
        margin-left: 191.66667%
    }
    .bp4-col-12 .bp4-offset-24 {
        margin-left: 200%
    }
    .bp4-col-13 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 54.16667%;
        white-space: normal
    }
    .bp4-col-13 .bp4-col-1 {
        width: 7.69231%
    }
    .bp4-col-13 .bp4-col-2 {
        width: 15.38462%
    }
    .bp4-col-13 .bp4-col-3 {
        width: 23.07692%
    }
    .bp4-col-13 .bp4-col-4 {
        width: 30.76923%
    }
    .bp4-col-13 .bp4-col-5 {
        width: 38.46154%
    }
    .bp4-col-13 .bp4-col-6 {
        width: 46.15385%
    }
    .bp4-col-13 .bp4-col-7 {
        width: 53.84615%
    }
    .bp4-col-13 .bp4-col-8 {
        width: 61.53846%
    }
    .bp4-col-13 .bp4-col-9 {
        width: 69.23077%
    }
    .bp4-col-13 .bp4-col-10 {
        width: 76.92308%
    }
    .bp4-col-13 .bp4-col-11 {
        width: 84.61538%
    }
    .bp4-col-13 .bp4-col-12 {
        width: 92.30769%
    }
    .bp4-col-13 .bp4-col-13 {
        width: 100%
    }
    .bp4-col-13 .bp4-col-14 {
        width: 107.69231%
    }
    .bp4-col-13 .bp4-col-15 {
        width: 115.38462%
    }
    .bp4-col-13 .bp4-col-16 {
        width: 123.07692%
    }
    .bp4-col-13 .bp4-col-17 {
        width: 130.76923%
    }
    .bp4-col-13 .bp4-col-18 {
        width: 138.46154%
    }
    .bp4-col-13 .bp4-col-19 {
        width: 146.15385%
    }
    .bp4-col-13 .bp4-col-20 {
        width: 153.84615%
    }
    .bp4-col-13 .bp4-col-21 {
        width: 161.53846%
    }
    .bp4-col-13 .bp4-col-22 {
        width: 169.23077%
    }
    .bp4-col-13 .bp4-col-23 {
        width: 176.92308%
    }
    .bp4-col-13 .bp4-col-24 {
        width: 184.61538%
    }
    .bp4-col-13 .bp4-offset-1 {
        margin-left: 7.69231%
    }
    .bp4-col-13 .bp4-offset-2 {
        margin-left: 15.38462%
    }
    .bp4-col-13 .bp4-offset-3 {
        margin-left: 23.07692%
    }
    .bp4-col-13 .bp4-offset-4 {
        margin-left: 30.76923%
    }
    .bp4-col-13 .bp4-offset-5 {
        margin-left: 38.46154%
    }
    .bp4-col-13 .bp4-offset-6 {
        margin-left: 46.15385%
    }
    .bp4-col-13 .bp4-offset-7 {
        margin-left: 53.84615%
    }
    .bp4-col-13 .bp4-offset-8 {
        margin-left: 61.53846%
    }
    .bp4-col-13 .bp4-offset-9 {
        margin-left: 69.23077%
    }
    .bp4-col-13 .bp4-offset-10 {
        margin-left: 76.92308%
    }
    .bp4-col-13 .bp4-offset-11 {
        margin-left: 84.61538%
    }
    .bp4-col-13 .bp4-offset-12 {
        margin-left: 92.30769%
    }
    .bp4-col-13 .bp4-offset-13 {
        margin-left: 100%
    }
    .bp4-col-13 .bp4-offset-14 {
        margin-left: 107.69231%
    }
    .bp4-col-13 .bp4-offset-15 {
        margin-left: 115.38462%
    }
    .bp4-col-13 .bp4-offset-16 {
        margin-left: 123.07692%
    }
    .bp4-col-13 .bp4-offset-17 {
        margin-left: 130.76923%
    }
    .bp4-col-13 .bp4-offset-18 {
        margin-left: 138.46154%
    }
    .bp4-col-13 .bp4-offset-19 {
        margin-left: 146.15385%
    }
    .bp4-col-13 .bp4-offset-20 {
        margin-left: 153.84615%
    }
    .bp4-col-13 .bp4-offset-21 {
        margin-left: 161.53846%
    }
    .bp4-col-13 .bp4-offset-22 {
        margin-left: 169.23077%
    }
    .bp4-col-13 .bp4-offset-23 {
        margin-left: 176.92308%
    }
    .bp4-col-13 .bp4-offset-24 {
        margin-left: 184.61538%
    }
    .bp4-col-14 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 58.33333%;
        white-space: normal
    }
    .bp4-col-14 .bp4-col-1 {
        width: 7.14286%
    }
    .bp4-col-14 .bp4-col-2 {
        width: 14.28571%
    }
    .bp4-col-14 .bp4-col-3 {
        width: 21.42857%
    }
    .bp4-col-14 .bp4-col-4 {
        width: 28.57143%
    }
    .bp4-col-14 .bp4-col-5 {
        width: 35.71429%
    }
    .bp4-col-14 .bp4-col-6 {
        width: 42.85714%
    }
    .bp4-col-14 .bp4-col-7 {
        width: 50%
    }
    .bp4-col-14 .bp4-col-8 {
        width: 57.14286%
    }
    .bp4-col-14 .bp4-col-9 {
        width: 64.28571%
    }
    .bp4-col-14 .bp4-col-10 {
        width: 71.42857%
    }
    .bp4-col-14 .bp4-col-11 {
        width: 78.57143%
    }
    .bp4-col-14 .bp4-col-12 {
        width: 85.71429%
    }
    .bp4-col-14 .bp4-col-13 {
        width: 92.85714%
    }
    .bp4-col-14 .bp4-col-14 {
        width: 100%
    }
    .bp4-col-14 .bp4-col-15 {
        width: 107.14286%
    }
    .bp4-col-14 .bp4-col-16 {
        width: 114.28571%
    }
    .bp4-col-14 .bp4-col-17 {
        width: 121.42857%
    }
    .bp4-col-14 .bp4-col-18 {
        width: 128.57143%
    }
    .bp4-col-14 .bp4-col-19 {
        width: 135.71429%
    }
    .bp4-col-14 .bp4-col-20 {
        width: 142.85714%
    }
    .bp4-col-14 .bp4-col-21 {
        width: 150%
    }
    .bp4-col-14 .bp4-col-22 {
        width: 157.14286%
    }
    .bp4-col-14 .bp4-col-23 {
        width: 164.28571%
    }
    .bp4-col-14 .bp4-col-24 {
        width: 171.42857%
    }
    .bp4-col-14 .bp4-offset-1 {
        margin-left: 7.14286%
    }
    .bp4-col-14 .bp4-offset-2 {
        margin-left: 14.28571%
    }
    .bp4-col-14 .bp4-offset-3 {
        margin-left: 21.42857%
    }
    .bp4-col-14 .bp4-offset-4 {
        margin-left: 28.57143%
    }
    .bp4-col-14 .bp4-offset-5 {
        margin-left: 35.71429%
    }
    .bp4-col-14 .bp4-offset-6 {
        margin-left: 42.85714%
    }
    .bp4-col-14 .bp4-offset-7 {
        margin-left: 50%
    }
    .bp4-col-14 .bp4-offset-8 {
        margin-left: 57.14286%
    }
    .bp4-col-14 .bp4-offset-9 {
        margin-left: 64.28571%
    }
    .bp4-col-14 .bp4-offset-10 {
        margin-left: 71.42857%
    }
    .bp4-col-14 .bp4-offset-11 {
        margin-left: 78.57143%
    }
    .bp4-col-14 .bp4-offset-12 {
        margin-left: 85.71429%
    }
    .bp4-col-14 .bp4-offset-13 {
        margin-left: 92.85714%
    }
    .bp4-col-14 .bp4-offset-14 {
        margin-left: 100%
    }
    .bp4-col-14 .bp4-offset-15 {
        margin-left: 107.14286%
    }
    .bp4-col-14 .bp4-offset-16 {
        margin-left: 114.28571%
    }
    .bp4-col-14 .bp4-offset-17 {
        margin-left: 121.42857%
    }
    .bp4-col-14 .bp4-offset-18 {
        margin-left: 128.57143%
    }
    .bp4-col-14 .bp4-offset-19 {
        margin-left: 135.71429%
    }
    .bp4-col-14 .bp4-offset-20 {
        margin-left: 142.85714%
    }
    .bp4-col-14 .bp4-offset-21 {
        margin-left: 150%
    }
    .bp4-col-14 .bp4-offset-22 {
        margin-left: 157.14286%
    }
    .bp4-col-14 .bp4-offset-23 {
        margin-left: 164.28571%
    }
    .bp4-col-14 .bp4-offset-24 {
        margin-left: 171.42857%
    }
    .bp4-col-15 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 62.5%;
        white-space: normal
    }
    .bp4-col-15 .bp4-col-1 {
        width: 6.66667%
    }
    .bp4-col-15 .bp4-col-2 {
        width: 13.33333%
    }
    .bp4-col-15 .bp4-col-3 {
        width: 20%
    }
    .bp4-col-15 .bp4-col-4 {
        width: 26.66667%
    }
    .bp4-col-15 .bp4-col-5 {
        width: 33.33333%
    }
    .bp4-col-15 .bp4-col-6 {
        width: 40%
    }
    .bp4-col-15 .bp4-col-7 {
        width: 46.66667%
    }
    .bp4-col-15 .bp4-col-8 {
        width: 53.33333%
    }
    .bp4-col-15 .bp4-col-9 {
        width: 60%
    }
    .bp4-col-15 .bp4-col-10 {
        width: 66.66667%
    }
    .bp4-col-15 .bp4-col-11 {
        width: 73.33333%
    }
    .bp4-col-15 .bp4-col-12 {
        width: 80%
    }
    .bp4-col-15 .bp4-col-13 {
        width: 86.66667%
    }
    .bp4-col-15 .bp4-col-14 {
        width: 93.33333%
    }
    .bp4-col-15 .bp4-col-15 {
        width: 100%
    }
    .bp4-col-15 .bp4-col-16 {
        width: 106.66667%
    }
    .bp4-col-15 .bp4-col-17 {
        width: 113.33333%
    }
    .bp4-col-15 .bp4-col-18 {
        width: 120%
    }
    .bp4-col-15 .bp4-col-19 {
        width: 126.66667%
    }
    .bp4-col-15 .bp4-col-20 {
        width: 133.33333%
    }
    .bp4-col-15 .bp4-col-21 {
        width: 140%
    }
    .bp4-col-15 .bp4-col-22 {
        width: 146.66667%
    }
    .bp4-col-15 .bp4-col-23 {
        width: 153.33333%
    }
    .bp4-col-15 .bp4-col-24 {
        width: 160%
    }
    .bp4-col-15 .bp4-offset-1 {
        margin-left: 6.66667%
    }
    .bp4-col-15 .bp4-offset-2 {
        margin-left: 13.33333%
    }
    .bp4-col-15 .bp4-offset-3 {
        margin-left: 20%
    }
    .bp4-col-15 .bp4-offset-4 {
        margin-left: 26.66667%
    }
    .bp4-col-15 .bp4-offset-5 {
        margin-left: 33.33333%
    }
    .bp4-col-15 .bp4-offset-6 {
        margin-left: 40%
    }
    .bp4-col-15 .bp4-offset-7 {
        margin-left: 46.66667%
    }
    .bp4-col-15 .bp4-offset-8 {
        margin-left: 53.33333%
    }
    .bp4-col-15 .bp4-offset-9 {
        margin-left: 60%
    }
    .bp4-col-15 .bp4-offset-10 {
        margin-left: 66.66667%
    }
    .bp4-col-15 .bp4-offset-11 {
        margin-left: 73.33333%
    }
    .bp4-col-15 .bp4-offset-12 {
        margin-left: 80%
    }
    .bp4-col-15 .bp4-offset-13 {
        margin-left: 86.66667%
    }
    .bp4-col-15 .bp4-offset-14 {
        margin-left: 93.33333%
    }
    .bp4-col-15 .bp4-offset-15 {
        margin-left: 100%
    }
    .bp4-col-15 .bp4-offset-16 {
        margin-left: 106.66667%
    }
    .bp4-col-15 .bp4-offset-17 {
        margin-left: 113.33333%
    }
    .bp4-col-15 .bp4-offset-18 {
        margin-left: 120%
    }
    .bp4-col-15 .bp4-offset-19 {
        margin-left: 126.66667%
    }
    .bp4-col-15 .bp4-offset-20 {
        margin-left: 133.33333%
    }
    .bp4-col-15 .bp4-offset-21 {
        margin-left: 140%
    }
    .bp4-col-15 .bp4-offset-22 {
        margin-left: 146.66667%
    }
    .bp4-col-15 .bp4-offset-23 {
        margin-left: 153.33333%
    }
    .bp4-col-15 .bp4-offset-24 {
        margin-left: 160%
    }
    .bp4-col-16 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 66.66667%;
        white-space: normal
    }
    .bp4-col-16 .bp4-col-1 {
        width: 6.25%
    }
    .bp4-col-16 .bp4-col-2 {
        width: 12.5%
    }
    .bp4-col-16 .bp4-col-3 {
        width: 18.75%
    }
    .bp4-col-16 .bp4-col-4 {
        width: 25%
    }
    .bp4-col-16 .bp4-col-5 {
        width: 31.25%
    }
    .bp4-col-16 .bp4-col-6 {
        width: 37.5%
    }
    .bp4-col-16 .bp4-col-7 {
        width: 43.75%
    }
    .bp4-col-16 .bp4-col-8 {
        width: 50%
    }
    .bp4-col-16 .bp4-col-9 {
        width: 56.25%
    }
    .bp4-col-16 .bp4-col-10 {
        width: 62.5%
    }
    .bp4-col-16 .bp4-col-11 {
        width: 68.75%
    }
    .bp4-col-16 .bp4-col-12 {
        width: 75%
    }
    .bp4-col-16 .bp4-col-13 {
        width: 81.25%
    }
    .bp4-col-16 .bp4-col-14 {
        width: 87.5%
    }
    .bp4-col-16 .bp4-col-15 {
        width: 93.75%
    }
    .bp4-col-16 .bp4-col-16 {
        width: 100%
    }
    .bp4-col-16 .bp4-col-17 {
        width: 106.25%
    }
    .bp4-col-16 .bp4-col-18 {
        width: 112.5%
    }
    .bp4-col-16 .bp4-col-19 {
        width: 118.75%
    }
    .bp4-col-16 .bp4-col-20 {
        width: 125%
    }
    .bp4-col-16 .bp4-col-21 {
        width: 131.25%
    }
    .bp4-col-16 .bp4-col-22 {
        width: 137.5%
    }
    .bp4-col-16 .bp4-col-23 {
        width: 143.75%
    }
    .bp4-col-16 .bp4-col-24 {
        width: 150%
    }
    .bp4-col-16 .bp4-offset-1 {
        margin-left: 6.25%
    }
    .bp4-col-16 .bp4-offset-2 {
        margin-left: 12.5%
    }
    .bp4-col-16 .bp4-offset-3 {
        margin-left: 18.75%
    }
    .bp4-col-16 .bp4-offset-4 {
        margin-left: 25%
    }
    .bp4-col-16 .bp4-offset-5 {
        margin-left: 31.25%
    }
    .bp4-col-16 .bp4-offset-6 {
        margin-left: 37.5%
    }
    .bp4-col-16 .bp4-offset-7 {
        margin-left: 43.75%
    }
    .bp4-col-16 .bp4-offset-8 {
        margin-left: 50%
    }
    .bp4-col-16 .bp4-offset-9 {
        margin-left: 56.25%
    }
    .bp4-col-16 .bp4-offset-10 {
        margin-left: 62.5%
    }
    .bp4-col-16 .bp4-offset-11 {
        margin-left: 68.75%
    }
    .bp4-col-16 .bp4-offset-12 {
        margin-left: 75%
    }
    .bp4-col-16 .bp4-offset-13 {
        margin-left: 81.25%
    }
    .bp4-col-16 .bp4-offset-14 {
        margin-left: 87.5%
    }
    .bp4-col-16 .bp4-offset-15 {
        margin-left: 93.75%
    }
    .bp4-col-16 .bp4-offset-16 {
        margin-left: 100%
    }
    .bp4-col-16 .bp4-offset-17 {
        margin-left: 106.25%
    }
    .bp4-col-16 .bp4-offset-18 {
        margin-left: 112.5%
    }
    .bp4-col-16 .bp4-offset-19 {
        margin-left: 118.75%
    }
    .bp4-col-16 .bp4-offset-20 {
        margin-left: 125%
    }
    .bp4-col-16 .bp4-offset-21 {
        margin-left: 131.25%
    }
    .bp4-col-16 .bp4-offset-22 {
        margin-left: 137.5%
    }
    .bp4-col-16 .bp4-offset-23 {
        margin-left: 143.75%
    }
    .bp4-col-16 .bp4-offset-24 {
        margin-left: 150%
    }
    .bp4-col-17 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 70.83333%;
        white-space: normal
    }
    .bp4-col-17 .bp4-col-1 {
        width: 5.88235%
    }
    .bp4-col-17 .bp4-col-2 {
        width: 11.76471%
    }
    .bp4-col-17 .bp4-col-3 {
        width: 17.64706%
    }
    .bp4-col-17 .bp4-col-4 {
        width: 23.52941%
    }
    .bp4-col-17 .bp4-col-5 {
        width: 29.41176%
    }
    .bp4-col-17 .bp4-col-6 {
        width: 35.29412%
    }
    .bp4-col-17 .bp4-col-7 {
        width: 41.17647%
    }
    .bp4-col-17 .bp4-col-8 {
        width: 47.05882%
    }
    .bp4-col-17 .bp4-col-9 {
        width: 52.94118%
    }
    .bp4-col-17 .bp4-col-10 {
        width: 58.82353%
    }
    .bp4-col-17 .bp4-col-11 {
        width: 64.70588%
    }
    .bp4-col-17 .bp4-col-12 {
        width: 70.58824%
    }
    .bp4-col-17 .bp4-col-13 {
        width: 76.47059%
    }
    .bp4-col-17 .bp4-col-14 {
        width: 82.35294%
    }
    .bp4-col-17 .bp4-col-15 {
        width: 88.23529%
    }
    .bp4-col-17 .bp4-col-16 {
        width: 94.11765%
    }
    .bp4-col-17 .bp4-col-17 {
        width: 100%
    }
    .bp4-col-17 .bp4-col-18 {
        width: 105.88235%
    }
    .bp4-col-17 .bp4-col-19 {
        width: 111.76471%
    }
    .bp4-col-17 .bp4-col-20 {
        width: 117.64706%
    }
    .bp4-col-17 .bp4-col-21 {
        width: 123.52941%
    }
    .bp4-col-17 .bp4-col-22 {
        width: 129.41176%
    }
    .bp4-col-17 .bp4-col-23 {
        width: 135.29412%
    }
    .bp4-col-17 .bp4-col-24 {
        width: 141.17647%
    }
    .bp4-col-17 .bp4-offset-1 {
        margin-left: 5.88235%
    }
    .bp4-col-17 .bp4-offset-2 {
        margin-left: 11.76471%
    }
    .bp4-col-17 .bp4-offset-3 {
        margin-left: 17.64706%
    }
    .bp4-col-17 .bp4-offset-4 {
        margin-left: 23.52941%
    }
    .bp4-col-17 .bp4-offset-5 {
        margin-left: 29.41176%
    }
    .bp4-col-17 .bp4-offset-6 {
        margin-left: 35.29412%
    }
    .bp4-col-17 .bp4-offset-7 {
        margin-left: 41.17647%
    }
    .bp4-col-17 .bp4-offset-8 {
        margin-left: 47.05882%
    }
    .bp4-col-17 .bp4-offset-9 {
        margin-left: 52.94118%
    }
    .bp4-col-17 .bp4-offset-10 {
        margin-left: 58.82353%
    }
    .bp4-col-17 .bp4-offset-11 {
        margin-left: 64.70588%
    }
    .bp4-col-17 .bp4-offset-12 {
        margin-left: 70.58824%
    }
    .bp4-col-17 .bp4-offset-13 {
        margin-left: 76.47059%
    }
    .bp4-col-17 .bp4-offset-14 {
        margin-left: 82.35294%
    }
    .bp4-col-17 .bp4-offset-15 {
        margin-left: 88.23529%
    }
    .bp4-col-17 .bp4-offset-16 {
        margin-left: 94.11765%
    }
    .bp4-col-17 .bp4-offset-17 {
        margin-left: 100%
    }
    .bp4-col-17 .bp4-offset-18 {
        margin-left: 105.88235%
    }
    .bp4-col-17 .bp4-offset-19 {
        margin-left: 111.76471%
    }
    .bp4-col-17 .bp4-offset-20 {
        margin-left: 117.64706%
    }
    .bp4-col-17 .bp4-offset-21 {
        margin-left: 123.52941%
    }
    .bp4-col-17 .bp4-offset-22 {
        margin-left: 129.41176%
    }
    .bp4-col-17 .bp4-offset-23 {
        margin-left: 135.29412%
    }
    .bp4-col-17 .bp4-offset-24 {
        margin-left: 141.17647%
    }
    .bp4-col-18 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 75%;
        white-space: normal
    }
    .bp4-col-18 .bp4-col-1 {
        width: 5.55556%
    }
    .bp4-col-18 .bp4-col-2 {
        width: 11.11111%
    }
    .bp4-col-18 .bp4-col-3 {
        width: 16.66667%
    }
    .bp4-col-18 .bp4-col-4 {
        width: 22.22222%
    }
    .bp4-col-18 .bp4-col-5 {
        width: 27.77778%
    }
    .bp4-col-18 .bp4-col-6 {
        width: 33.33333%
    }
    .bp4-col-18 .bp4-col-7 {
        width: 38.88889%
    }
    .bp4-col-18 .bp4-col-8 {
        width: 44.44444%
    }
    .bp4-col-18 .bp4-col-9 {
        width: 50%
    }
    .bp4-col-18 .bp4-col-10 {
        width: 55.55556%
    }
    .bp4-col-18 .bp4-col-11 {
        width: 61.11111%
    }
    .bp4-col-18 .bp4-col-12 {
        width: 66.66667%
    }
    .bp4-col-18 .bp4-col-13 {
        width: 72.22222%
    }
    .bp4-col-18 .bp4-col-14 {
        width: 77.77778%
    }
    .bp4-col-18 .bp4-col-15 {
        width: 83.33333%
    }
    .bp4-col-18 .bp4-col-16 {
        width: 88.88889%
    }
    .bp4-col-18 .bp4-col-17 {
        width: 94.44444%
    }
    .bp4-col-18 .bp4-col-18 {
        width: 100%
    }
    .bp4-col-18 .bp4-col-19 {
        width: 105.55556%
    }
    .bp4-col-18 .bp4-col-20 {
        width: 111.11111%
    }
    .bp4-col-18 .bp4-col-21 {
        width: 116.66667%
    }
    .bp4-col-18 .bp4-col-22 {
        width: 122.22222%
    }
    .bp4-col-18 .bp4-col-23 {
        width: 127.77778%
    }
    .bp4-col-18 .bp4-col-24 {
        width: 133.33333%
    }
    .bp4-col-18 .bp4-offset-1 {
        margin-left: 5.55556%
    }
    .bp4-col-18 .bp4-offset-2 {
        margin-left: 11.11111%
    }
    .bp4-col-18 .bp4-offset-3 {
        margin-left: 16.66667%
    }
    .bp4-col-18 .bp4-offset-4 {
        margin-left: 22.22222%
    }
    .bp4-col-18 .bp4-offset-5 {
        margin-left: 27.77778%
    }
    .bp4-col-18 .bp4-offset-6 {
        margin-left: 33.33333%
    }
    .bp4-col-18 .bp4-offset-7 {
        margin-left: 38.88889%
    }
    .bp4-col-18 .bp4-offset-8 {
        margin-left: 44.44444%
    }
    .bp4-col-18 .bp4-offset-9 {
        margin-left: 50%
    }
    .bp4-col-18 .bp4-offset-10 {
        margin-left: 55.55556%
    }
    .bp4-col-18 .bp4-offset-11 {
        margin-left: 61.11111%
    }
    .bp4-col-18 .bp4-offset-12 {
        margin-left: 66.66667%
    }
    .bp4-col-18 .bp4-offset-13 {
        margin-left: 72.22222%
    }
    .bp4-col-18 .bp4-offset-14 {
        margin-left: 77.77778%
    }
    .bp4-col-18 .bp4-offset-15 {
        margin-left: 83.33333%
    }
    .bp4-col-18 .bp4-offset-16 {
        margin-left: 88.88889%
    }
    .bp4-col-18 .bp4-offset-17 {
        margin-left: 94.44444%
    }
    .bp4-col-18 .bp4-offset-18 {
        margin-left: 100%
    }
    .bp4-col-18 .bp4-offset-19 {
        margin-left: 105.55556%
    }
    .bp4-col-18 .bp4-offset-20 {
        margin-left: 111.11111%
    }
    .bp4-col-18 .bp4-offset-21 {
        margin-left: 116.66667%
    }
    .bp4-col-18 .bp4-offset-22 {
        margin-left: 122.22222%
    }
    .bp4-col-18 .bp4-offset-23 {
        margin-left: 127.77778%
    }
    .bp4-col-18 .bp4-offset-24 {
        margin-left: 133.33333%
    }
    .bp4-col-19 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 79.16667%;
        white-space: normal
    }
    .bp4-col-19 .bp4-col-1 {
        width: 5.26316%
    }
    .bp4-col-19 .bp4-col-2 {
        width: 10.52632%
    }
    .bp4-col-19 .bp4-col-3 {
        width: 15.78947%
    }
    .bp4-col-19 .bp4-col-4 {
        width: 21.05263%
    }
    .bp4-col-19 .bp4-col-5 {
        width: 26.31579%
    }
    .bp4-col-19 .bp4-col-6 {
        width: 31.57895%
    }
    .bp4-col-19 .bp4-col-7 {
        width: 36.84211%
    }
    .bp4-col-19 .bp4-col-8 {
        width: 42.10526%
    }
    .bp4-col-19 .bp4-col-9 {
        width: 47.36842%
    }
    .bp4-col-19 .bp4-col-10 {
        width: 52.63158%
    }
    .bp4-col-19 .bp4-col-11 {
        width: 57.89474%
    }
    .bp4-col-19 .bp4-col-12 {
        width: 63.15789%
    }
    .bp4-col-19 .bp4-col-13 {
        width: 68.42105%
    }
    .bp4-col-19 .bp4-col-14 {
        width: 73.68421%
    }
    .bp4-col-19 .bp4-col-15 {
        width: 78.94737%
    }
    .bp4-col-19 .bp4-col-16 {
        width: 84.21053%
    }
    .bp4-col-19 .bp4-col-17 {
        width: 89.47368%
    }
    .bp4-col-19 .bp4-col-18 {
        width: 94.73684%
    }
    .bp4-col-19 .bp4-col-19 {
        width: 100%
    }
    .bp4-col-19 .bp4-col-20 {
        width: 105.26316%
    }
    .bp4-col-19 .bp4-col-21 {
        width: 110.52632%
    }
    .bp4-col-19 .bp4-col-22 {
        width: 115.78947%
    }
    .bp4-col-19 .bp4-col-23 {
        width: 121.05263%
    }
    .bp4-col-19 .bp4-col-24 {
        width: 126.31579%
    }
    .bp4-col-19 .bp4-offset-1 {
        margin-left: 5.26316%
    }
    .bp4-col-19 .bp4-offset-2 {
        margin-left: 10.52632%
    }
    .bp4-col-19 .bp4-offset-3 {
        margin-left: 15.78947%
    }
    .bp4-col-19 .bp4-offset-4 {
        margin-left: 21.05263%
    }
    .bp4-col-19 .bp4-offset-5 {
        margin-left: 26.31579%
    }
    .bp4-col-19 .bp4-offset-6 {
        margin-left: 31.57895%
    }
    .bp4-col-19 .bp4-offset-7 {
        margin-left: 36.84211%
    }
    .bp4-col-19 .bp4-offset-8 {
        margin-left: 42.10526%
    }
    .bp4-col-19 .bp4-offset-9 {
        margin-left: 47.36842%
    }
    .bp4-col-19 .bp4-offset-10 {
        margin-left: 52.63158%
    }
    .bp4-col-19 .bp4-offset-11 {
        margin-left: 57.89474%
    }
    .bp4-col-19 .bp4-offset-12 {
        margin-left: 63.15789%
    }
    .bp4-col-19 .bp4-offset-13 {
        margin-left: 68.42105%
    }
    .bp4-col-19 .bp4-offset-14 {
        margin-left: 73.68421%
    }
    .bp4-col-19 .bp4-offset-15 {
        margin-left: 78.94737%
    }
    .bp4-col-19 .bp4-offset-16 {
        margin-left: 84.21053%
    }
    .bp4-col-19 .bp4-offset-17 {
        margin-left: 89.47368%
    }
    .bp4-col-19 .bp4-offset-18 {
        margin-left: 94.73684%
    }
    .bp4-col-19 .bp4-offset-19 {
        margin-left: 100%
    }
    .bp4-col-19 .bp4-offset-20 {
        margin-left: 105.26316%
    }
    .bp4-col-19 .bp4-offset-21 {
        margin-left: 110.52632%
    }
    .bp4-col-19 .bp4-offset-22 {
        margin-left: 115.78947%
    }
    .bp4-col-19 .bp4-offset-23 {
        margin-left: 121.05263%
    }
    .bp4-col-19 .bp4-offset-24 {
        margin-left: 126.31579%
    }
    .bp4-col-20 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 83.33333%;
        white-space: normal
    }
    .bp4-col-20 .bp4-col-1 {
        width: 5%
    }
    .bp4-col-20 .bp4-col-2 {
        width: 10%
    }
    .bp4-col-20 .bp4-col-3 {
        width: 15%
    }
    .bp4-col-20 .bp4-col-4 {
        width: 20%
    }
    .bp4-col-20 .bp4-col-5 {
        width: 25%
    }
    .bp4-col-20 .bp4-col-6 {
        width: 30%
    }
    .bp4-col-20 .bp4-col-7 {
        width: 35%
    }
    .bp4-col-20 .bp4-col-8 {
        width: 40%
    }
    .bp4-col-20 .bp4-col-9 {
        width: 45%
    }
    .bp4-col-20 .bp4-col-10 {
        width: 50%
    }
    .bp4-col-20 .bp4-col-11 {
        width: 55%
    }
    .bp4-col-20 .bp4-col-12 {
        width: 60%
    }
    .bp4-col-20 .bp4-col-13 {
        width: 65%
    }
    .bp4-col-20 .bp4-col-14 {
        width: 70%
    }
    .bp4-col-20 .bp4-col-15 {
        width: 75%
    }
    .bp4-col-20 .bp4-col-16 {
        width: 80%
    }
    .bp4-col-20 .bp4-col-17 {
        width: 85%
    }
    .bp4-col-20 .bp4-col-18 {
        width: 90%
    }
    .bp4-col-20 .bp4-col-19 {
        width: 95%
    }
    .bp4-col-20 .bp4-col-20 {
        width: 100%
    }
    .bp4-col-20 .bp4-col-21 {
        width: 105%
    }
    .bp4-col-20 .bp4-col-22 {
        width: 110%
    }
    .bp4-col-20 .bp4-col-23 {
        width: 115%
    }
    .bp4-col-20 .bp4-col-24 {
        width: 120%
    }
    .bp4-col-20 .bp4-offset-1 {
        margin-left: 5%
    }
    .bp4-col-20 .bp4-offset-2 {
        margin-left: 10%
    }
    .bp4-col-20 .bp4-offset-3 {
        margin-left: 15%
    }
    .bp4-col-20 .bp4-offset-4 {
        margin-left: 20%
    }
    .bp4-col-20 .bp4-offset-5 {
        margin-left: 25%
    }
    .bp4-col-20 .bp4-offset-6 {
        margin-left: 30%
    }
    .bp4-col-20 .bp4-offset-7 {
        margin-left: 35%
    }
    .bp4-col-20 .bp4-offset-8 {
        margin-left: 40%
    }
    .bp4-col-20 .bp4-offset-9 {
        margin-left: 45%
    }
    .bp4-col-20 .bp4-offset-10 {
        margin-left: 50%
    }
    .bp4-col-20 .bp4-offset-11 {
        margin-left: 55%
    }
    .bp4-col-20 .bp4-offset-12 {
        margin-left: 60%
    }
    .bp4-col-20 .bp4-offset-13 {
        margin-left: 65%
    }
    .bp4-col-20 .bp4-offset-14 {
        margin-left: 70%
    }
    .bp4-col-20 .bp4-offset-15 {
        margin-left: 75%
    }
    .bp4-col-20 .bp4-offset-16 {
        margin-left: 80%
    }
    .bp4-col-20 .bp4-offset-17 {
        margin-left: 85%
    }
    .bp4-col-20 .bp4-offset-18 {
        margin-left: 90%
    }
    .bp4-col-20 .bp4-offset-19 {
        margin-left: 95%
    }
    .bp4-col-20 .bp4-offset-20 {
        margin-left: 100%
    }
    .bp4-col-20 .bp4-offset-21 {
        margin-left: 105%
    }
    .bp4-col-20 .bp4-offset-22 {
        margin-left: 110%
    }
    .bp4-col-20 .bp4-offset-23 {
        margin-left: 115%
    }
    .bp4-col-20 .bp4-offset-24 {
        margin-left: 120%
    }
    .bp4-col-21 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 87.5%;
        white-space: normal
    }
    .bp4-col-21 .bp4-col-1 {
        width: 4.7619%
    }
    .bp4-col-21 .bp4-col-2 {
        width: 9.52381%
    }
    .bp4-col-21 .bp4-col-3 {
        width: 14.28571%
    }
    .bp4-col-21 .bp4-col-4 {
        width: 19.04762%
    }
    .bp4-col-21 .bp4-col-5 {
        width: 23.80952%
    }
    .bp4-col-21 .bp4-col-6 {
        width: 28.57143%
    }
    .bp4-col-21 .bp4-col-7 {
        width: 33.33333%
    }
    .bp4-col-21 .bp4-col-8 {
        width: 38.09524%
    }
    .bp4-col-21 .bp4-col-9 {
        width: 42.85714%
    }
    .bp4-col-21 .bp4-col-10 {
        width: 47.61905%
    }
    .bp4-col-21 .bp4-col-11 {
        width: 52.38095%
    }
    .bp4-col-21 .bp4-col-12 {
        width: 57.14286%
    }
    .bp4-col-21 .bp4-col-13 {
        width: 61.90476%
    }
    .bp4-col-21 .bp4-col-14 {
        width: 66.66667%
    }
    .bp4-col-21 .bp4-col-15 {
        width: 71.42857%
    }
    .bp4-col-21 .bp4-col-16 {
        width: 76.19048%
    }
    .bp4-col-21 .bp4-col-17 {
        width: 80.95238%
    }
    .bp4-col-21 .bp4-col-18 {
        width: 85.71429%
    }
    .bp4-col-21 .bp4-col-19 {
        width: 90.47619%
    }
    .bp4-col-21 .bp4-col-20 {
        width: 95.2381%
    }
    .bp4-col-21 .bp4-col-21 {
        width: 100%
    }
    .bp4-col-21 .bp4-col-22 {
        width: 104.7619%
    }
    .bp4-col-21 .bp4-col-23 {
        width: 109.52381%
    }
    .bp4-col-21 .bp4-col-24 {
        width: 114.28571%
    }
    .bp4-col-21 .bp4-offset-1 {
        margin-left: 4.7619%
    }
    .bp4-col-21 .bp4-offset-2 {
        margin-left: 9.52381%
    }
    .bp4-col-21 .bp4-offset-3 {
        margin-left: 14.28571%
    }
    .bp4-col-21 .bp4-offset-4 {
        margin-left: 19.04762%
    }
    .bp4-col-21 .bp4-offset-5 {
        margin-left: 23.80952%
    }
    .bp4-col-21 .bp4-offset-6 {
        margin-left: 28.57143%
    }
    .bp4-col-21 .bp4-offset-7 {
        margin-left: 33.33333%
    }
    .bp4-col-21 .bp4-offset-8 {
        margin-left: 38.09524%
    }
    .bp4-col-21 .bp4-offset-9 {
        margin-left: 42.85714%
    }
    .bp4-col-21 .bp4-offset-10 {
        margin-left: 47.61905%
    }
    .bp4-col-21 .bp4-offset-11 {
        margin-left: 52.38095%
    }
    .bp4-col-21 .bp4-offset-12 {
        margin-left: 57.14286%
    }
    .bp4-col-21 .bp4-offset-13 {
        margin-left: 61.90476%
    }
    .bp4-col-21 .bp4-offset-14 {
        margin-left: 66.66667%
    }
    .bp4-col-21 .bp4-offset-15 {
        margin-left: 71.42857%
    }
    .bp4-col-21 .bp4-offset-16 {
        margin-left: 76.19048%
    }
    .bp4-col-21 .bp4-offset-17 {
        margin-left: 80.95238%
    }
    .bp4-col-21 .bp4-offset-18 {
        margin-left: 85.71429%
    }
    .bp4-col-21 .bp4-offset-19 {
        margin-left: 90.47619%
    }
    .bp4-col-21 .bp4-offset-20 {
        margin-left: 95.2381%
    }
    .bp4-col-21 .bp4-offset-21 {
        margin-left: 100%
    }
    .bp4-col-21 .bp4-offset-22 {
        margin-left: 104.7619%
    }
    .bp4-col-21 .bp4-offset-23 {
        margin-left: 109.52381%
    }
    .bp4-col-21 .bp4-offset-24 {
        margin-left: 114.28571%
    }
    .bp4-col-22 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 91.66667%;
        white-space: normal
    }
    .bp4-col-22 .bp4-col-1 {
        width: 4.54545%
    }
    .bp4-col-22 .bp4-col-2 {
        width: 9.09091%
    }
    .bp4-col-22 .bp4-col-3 {
        width: 13.63636%
    }
    .bp4-col-22 .bp4-col-4 {
        width: 18.18182%
    }
    .bp4-col-22 .bp4-col-5 {
        width: 22.72727%
    }
    .bp4-col-22 .bp4-col-6 {
        width: 27.27273%
    }
    .bp4-col-22 .bp4-col-7 {
        width: 31.81818%
    }
    .bp4-col-22 .bp4-col-8 {
        width: 36.36364%
    }
    .bp4-col-22 .bp4-col-9 {
        width: 40.90909%
    }
    .bp4-col-22 .bp4-col-10 {
        width: 45.45455%
    }
    .bp4-col-22 .bp4-col-11 {
        width: 50%
    }
    .bp4-col-22 .bp4-col-12 {
        width: 54.54545%
    }
    .bp4-col-22 .bp4-col-13 {
        width: 59.09091%
    }
    .bp4-col-22 .bp4-col-14 {
        width: 63.63636%
    }
    .bp4-col-22 .bp4-col-15 {
        width: 68.18182%
    }
    .bp4-col-22 .bp4-col-16 {
        width: 72.72727%
    }
    .bp4-col-22 .bp4-col-17 {
        width: 77.27273%
    }
    .bp4-col-22 .bp4-col-18 {
        width: 81.81818%
    }
    .bp4-col-22 .bp4-col-19 {
        width: 86.36364%
    }
    .bp4-col-22 .bp4-col-20 {
        width: 90.90909%
    }
    .bp4-col-22 .bp4-col-21 {
        width: 95.45455%
    }
    .bp4-col-22 .bp4-col-22 {
        width: 100%
    }
    .bp4-col-22 .bp4-col-23 {
        width: 104.54545%
    }
    .bp4-col-22 .bp4-col-24 {
        width: 109.09091%
    }
    .bp4-col-22 .bp4-offset-1 {
        margin-left: 4.54545%
    }
    .bp4-col-22 .bp4-offset-2 {
        margin-left: 9.09091%
    }
    .bp4-col-22 .bp4-offset-3 {
        margin-left: 13.63636%
    }
    .bp4-col-22 .bp4-offset-4 {
        margin-left: 18.18182%
    }
    .bp4-col-22 .bp4-offset-5 {
        margin-left: 22.72727%
    }
    .bp4-col-22 .bp4-offset-6 {
        margin-left: 27.27273%
    }
    .bp4-col-22 .bp4-offset-7 {
        margin-left: 31.81818%
    }
    .bp4-col-22 .bp4-offset-8 {
        margin-left: 36.36364%
    }
    .bp4-col-22 .bp4-offset-9 {
        margin-left: 40.90909%
    }
    .bp4-col-22 .bp4-offset-10 {
        margin-left: 45.45455%
    }
    .bp4-col-22 .bp4-offset-11 {
        margin-left: 50%
    }
    .bp4-col-22 .bp4-offset-12 {
        margin-left: 54.54545%
    }
    .bp4-col-22 .bp4-offset-13 {
        margin-left: 59.09091%
    }
    .bp4-col-22 .bp4-offset-14 {
        margin-left: 63.63636%
    }
    .bp4-col-22 .bp4-offset-15 {
        margin-left: 68.18182%
    }
    .bp4-col-22 .bp4-offset-16 {
        margin-left: 72.72727%
    }
    .bp4-col-22 .bp4-offset-17 {
        margin-left: 77.27273%
    }
    .bp4-col-22 .bp4-offset-18 {
        margin-left: 81.81818%
    }
    .bp4-col-22 .bp4-offset-19 {
        margin-left: 86.36364%
    }
    .bp4-col-22 .bp4-offset-20 {
        margin-left: 90.90909%
    }
    .bp4-col-22 .bp4-offset-21 {
        margin-left: 95.45455%
    }
    .bp4-col-22 .bp4-offset-22 {
        margin-left: 100%
    }
    .bp4-col-22 .bp4-offset-23 {
        margin-left: 104.54545%
    }
    .bp4-col-22 .bp4-offset-24 {
        margin-left: 109.09091%
    }
    .bp4-col-23 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 95.83333%;
        white-space: normal
    }
    .bp4-col-23 .bp4-col-1 {
        width: 4.34783%
    }
    .bp4-col-23 .bp4-col-2 {
        width: 8.69565%
    }
    .bp4-col-23 .bp4-col-3 {
        width: 13.04348%
    }
    .bp4-col-23 .bp4-col-4 {
        width: 17.3913%
    }
    .bp4-col-23 .bp4-col-5 {
        width: 21.73913%
    }
    .bp4-col-23 .bp4-col-6 {
        width: 26.08696%
    }
    .bp4-col-23 .bp4-col-7 {
        width: 30.43478%
    }
    .bp4-col-23 .bp4-col-8 {
        width: 34.78261%
    }
    .bp4-col-23 .bp4-col-9 {
        width: 39.13043%
    }
    .bp4-col-23 .bp4-col-10 {
        width: 43.47826%
    }
    .bp4-col-23 .bp4-col-11 {
        width: 47.82609%
    }
    .bp4-col-23 .bp4-col-12 {
        width: 52.17391%
    }
    .bp4-col-23 .bp4-col-13 {
        width: 56.52174%
    }
    .bp4-col-23 .bp4-col-14 {
        width: 60.86957%
    }
    .bp4-col-23 .bp4-col-15 {
        width: 65.21739%
    }
    .bp4-col-23 .bp4-col-16 {
        width: 69.56522%
    }
    .bp4-col-23 .bp4-col-17 {
        width: 73.91304%
    }
    .bp4-col-23 .bp4-col-18 {
        width: 78.26087%
    }
    .bp4-col-23 .bp4-col-19 {
        width: 82.6087%
    }
    .bp4-col-23 .bp4-col-20 {
        width: 86.95652%
    }
    .bp4-col-23 .bp4-col-21 {
        width: 91.30435%
    }
    .bp4-col-23 .bp4-col-22 {
        width: 95.65217%
    }
    .bp4-col-23 .bp4-col-23 {
        width: 100%
    }
    .bp4-col-23 .bp4-col-24 {
        width: 104.34783%
    }
    .bp4-col-23 .bp4-offset-1 {
        margin-left: 4.34783%
    }
    .bp4-col-23 .bp4-offset-2 {
        margin-left: 8.69565%
    }
    .bp4-col-23 .bp4-offset-3 {
        margin-left: 13.04348%
    }
    .bp4-col-23 .bp4-offset-4 {
        margin-left: 17.3913%
    }
    .bp4-col-23 .bp4-offset-5 {
        margin-left: 21.73913%
    }
    .bp4-col-23 .bp4-offset-6 {
        margin-left: 26.08696%
    }
    .bp4-col-23 .bp4-offset-7 {
        margin-left: 30.43478%
    }
    .bp4-col-23 .bp4-offset-8 {
        margin-left: 34.78261%
    }
    .bp4-col-23 .bp4-offset-9 {
        margin-left: 39.13043%
    }
    .bp4-col-23 .bp4-offset-10 {
        margin-left: 43.47826%
    }
    .bp4-col-23 .bp4-offset-11 {
        margin-left: 47.82609%
    }
    .bp4-col-23 .bp4-offset-12 {
        margin-left: 52.17391%
    }
    .bp4-col-23 .bp4-offset-13 {
        margin-left: 56.52174%
    }
    .bp4-col-23 .bp4-offset-14 {
        margin-left: 60.86957%
    }
    .bp4-col-23 .bp4-offset-15 {
        margin-left: 65.21739%
    }
    .bp4-col-23 .bp4-offset-16 {
        margin-left: 69.56522%
    }
    .bp4-col-23 .bp4-offset-17 {
        margin-left: 73.91304%
    }
    .bp4-col-23 .bp4-offset-18 {
        margin-left: 78.26087%
    }
    .bp4-col-23 .bp4-offset-19 {
        margin-left: 82.6087%
    }
    .bp4-col-23 .bp4-offset-20 {
        margin-left: 86.95652%
    }
    .bp4-col-23 .bp4-offset-21 {
        margin-left: 91.30435%
    }
    .bp4-col-23 .bp4-offset-22 {
        margin-left: 95.65217%
    }
    .bp4-col-23 .bp4-offset-23 {
        margin-left: 100%
    }
    .bp4-col-23 .bp4-offset-24 {
        margin-left: 104.34783%
    }
    .bp4-col-24 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 100%;
        white-space: normal
    }
    .bp4-col-24 .bp4-col-1 {
        width: 4.16667%
    }
    .bp4-col-24 .bp4-col-2 {
        width: 8.33333%
    }
    .bp4-col-24 .bp4-col-3 {
        width: 12.5%
    }
    .bp4-col-24 .bp4-col-4 {
        width: 16.66667%
    }
    .bp4-col-24 .bp4-col-5 {
        width: 20.83333%
    }
    .bp4-col-24 .bp4-col-6 {
        width: 25%
    }
    .bp4-col-24 .bp4-col-7 {
        width: 29.16667%
    }
    .bp4-col-24 .bp4-col-8 {
        width: 33.33333%
    }
    .bp4-col-24 .bp4-col-9 {
        width: 37.5%
    }
    .bp4-col-24 .bp4-col-10 {
        width: 41.66667%
    }
    .bp4-col-24 .bp4-col-11 {
        width: 45.83333%
    }
    .bp4-col-24 .bp4-col-12 {
        width: 50%
    }
    .bp4-col-24 .bp4-col-13 {
        width: 54.16667%
    }
    .bp4-col-24 .bp4-col-14 {
        width: 58.33333%
    }
    .bp4-col-24 .bp4-col-15 {
        width: 62.5%
    }
    .bp4-col-24 .bp4-col-16 {
        width: 66.66667%
    }
    .bp4-col-24 .bp4-col-17 {
        width: 70.83333%
    }
    .bp4-col-24 .bp4-col-18 {
        width: 75%
    }
    .bp4-col-24 .bp4-col-19 {
        width: 79.16667%
    }
    .bp4-col-24 .bp4-col-20 {
        width: 83.33333%
    }
    .bp4-col-24 .bp4-col-21 {
        width: 87.5%
    }
    .bp4-col-24 .bp4-col-22 {
        width: 91.66667%
    }
    .bp4-col-24 .bp4-col-23 {
        width: 95.83333%
    }
    .bp4-col-24 .bp4-col-24 {
        width: 100%
    }
    .bp4-col-24 .bp4-offset-1 {
        margin-left: 4.16667%
    }
    .bp4-col-24 .bp4-offset-2 {
        margin-left: 8.33333%
    }
    .bp4-col-24 .bp4-offset-3 {
        margin-left: 12.5%
    }
    .bp4-col-24 .bp4-offset-4 {
        margin-left: 16.66667%
    }
    .bp4-col-24 .bp4-offset-5 {
        margin-left: 20.83333%
    }
    .bp4-col-24 .bp4-offset-6 {
        margin-left: 25%
    }
    .bp4-col-24 .bp4-offset-7 {
        margin-left: 29.16667%
    }
    .bp4-col-24 .bp4-offset-8 {
        margin-left: 33.33333%
    }
    .bp4-col-24 .bp4-offset-9 {
        margin-left: 37.5%
    }
    .bp4-col-24 .bp4-offset-10 {
        margin-left: 41.66667%
    }
    .bp4-col-24 .bp4-offset-11 {
        margin-left: 45.83333%
    }
    .bp4-col-24 .bp4-offset-12 {
        margin-left: 50%
    }
    .bp4-col-24 .bp4-offset-13 {
        margin-left: 54.16667%
    }
    .bp4-col-24 .bp4-offset-14 {
        margin-left: 58.33333%
    }
    .bp4-col-24 .bp4-offset-15 {
        margin-left: 62.5%
    }
    .bp4-col-24 .bp4-offset-16 {
        margin-left: 66.66667%
    }
    .bp4-col-24 .bp4-offset-17 {
        margin-left: 70.83333%
    }
    .bp4-col-24 .bp4-offset-18 {
        margin-left: 75%
    }
    .bp4-col-24 .bp4-offset-19 {
        margin-left: 79.16667%
    }
    .bp4-col-24 .bp4-offset-20 {
        margin-left: 83.33333%
    }
    .bp4-col-24 .bp4-offset-21 {
        margin-left: 87.5%
    }
    .bp4-col-24 .bp4-offset-22 {
        margin-left: 91.66667%
    }
    .bp4-col-24 .bp4-offset-23 {
        margin-left: 95.83333%
    }
    .bp4-col-24 .bp4-offset-24 {
        margin-left: 100%
    }
    .bp4-offset-1 {
        margin-left: 4.16667%
    }
    .bp4-offset-2 {
        margin-left: 8.33333%
    }
    .bp4-offset-3 {
        margin-left: 12.5%
    }
    .bp4-offset-4 {
        margin-left: 16.66667%
    }
    .bp4-offset-5 {
        margin-left: 20.83333%
    }
    .bp4-offset-6 {
        margin-left: 25%
    }
    .bp4-offset-7 {
        margin-left: 29.16667%
    }
    .bp4-offset-8 {
        margin-left: 33.33333%
    }
    .bp4-offset-9 {
        margin-left: 37.5%
    }
    .bp4-offset-10 {
        margin-left: 41.66667%
    }
    .bp4-offset-11 {
        margin-left: 45.83333%
    }
    .bp4-offset-12 {
        margin-left: 50%
    }
    .bp4-offset-13 {
        margin-left: 54.16667%
    }
    .bp4-offset-14 {
        margin-left: 58.33333%
    }
    .bp4-offset-15 {
        margin-left: 62.5%
    }
    .bp4-offset-16 {
        margin-left: 66.66667%
    }
    .bp4-offset-17 {
        margin-left: 70.83333%
    }
    .bp4-offset-18 {
        margin-left: 75%
    }
    .bp4-offset-19 {
        margin-left: 79.16667%
    }
    .bp4-offset-20 {
        margin-left: 83.33333%
    }
    .bp4-offset-21 {
        margin-left: 87.5%
    }
    .bp4-offset-22 {
        margin-left: 91.66667%
    }
    .bp4-offset-23 {
        margin-left: 95.83333%
    }
    .bp4-offset-24 {
        margin-left: 100%
    }
}

@media screen and (min-width: 1760px) {
    .bp5-col-1 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 3.125%;
        white-space: normal
    }
    .bp5-col-1 .bp5-col-1 {
        width: 100%
    }
    .bp5-col-1 .bp5-col-2 {
        width: 200%
    }
    .bp5-col-1 .bp5-col-3 {
        width: 300%
    }
    .bp5-col-1 .bp5-col-4 {
        width: 400%
    }
    .bp5-col-1 .bp5-col-5 {
        width: 500%
    }
    .bp5-col-1 .bp5-col-6 {
        width: 600%
    }
    .bp5-col-1 .bp5-col-7 {
        width: 700%
    }
    .bp5-col-1 .bp5-col-8 {
        width: 800%
    }
    .bp5-col-1 .bp5-col-9 {
        width: 900%
    }
    .bp5-col-1 .bp5-col-10 {
        width: 1000%
    }
    .bp5-col-1 .bp5-col-11 {
        width: 1100%
    }
    .bp5-col-1 .bp5-col-12 {
        width: 1200%
    }
    .bp5-col-1 .bp5-col-13 {
        width: 1300%
    }
    .bp5-col-1 .bp5-col-14 {
        width: 1400%
    }
    .bp5-col-1 .bp5-col-15 {
        width: 1500%
    }
    .bp5-col-1 .bp5-col-16 {
        width: 1600%
    }
    .bp5-col-1 .bp5-col-17 {
        width: 1700%
    }
    .bp5-col-1 .bp5-col-18 {
        width: 1800%
    }
    .bp5-col-1 .bp5-col-19 {
        width: 1900%
    }
    .bp5-col-1 .bp5-col-20 {
        width: 2000%
    }
    .bp5-col-1 .bp5-col-21 {
        width: 2100%
    }
    .bp5-col-1 .bp5-col-22 {
        width: 2200%
    }
    .bp5-col-1 .bp5-col-23 {
        width: 2300%
    }
    .bp5-col-1 .bp5-col-24 {
        width: 2400%
    }
    .bp5-col-1 .bp5-col-25 {
        width: 2500%
    }
    .bp5-col-1 .bp5-col-26 {
        width: 2600%
    }
    .bp5-col-1 .bp5-col-27 {
        width: 2700%
    }
    .bp5-col-1 .bp5-col-28 {
        width: 2800%
    }
    .bp5-col-1 .bp5-col-29 {
        width: 2900%
    }
    .bp5-col-1 .bp5-col-30 {
        width: 3000%
    }
    .bp5-col-1 .bp5-col-31 {
        width: 3100%
    }
    .bp5-col-1 .bp5-col-32 {
        width: 3200%
    }
    .bp5-col-1 .bp5-offset-1 {
        margin-left: 100%
    }
    .bp5-col-1 .bp5-offset-2 {
        margin-left: 200%
    }
    .bp5-col-1 .bp5-offset-3 {
        margin-left: 300%
    }
    .bp5-col-1 .bp5-offset-4 {
        margin-left: 400%
    }
    .bp5-col-1 .bp5-offset-5 {
        margin-left: 500%
    }
    .bp5-col-1 .bp5-offset-6 {
        margin-left: 600%
    }
    .bp5-col-1 .bp5-offset-7 {
        margin-left: 700%
    }
    .bp5-col-1 .bp5-offset-8 {
        margin-left: 800%
    }
    .bp5-col-1 .bp5-offset-9 {
        margin-left: 900%
    }
    .bp5-col-1 .bp5-offset-10 {
        margin-left: 1000%
    }
    .bp5-col-1 .bp5-offset-11 {
        margin-left: 1100%
    }
    .bp5-col-1 .bp5-offset-12 {
        margin-left: 1200%
    }
    .bp5-col-1 .bp5-offset-13 {
        margin-left: 1300%
    }
    .bp5-col-1 .bp5-offset-14 {
        margin-left: 1400%
    }
    .bp5-col-1 .bp5-offset-15 {
        margin-left: 1500%
    }
    .bp5-col-1 .bp5-offset-16 {
        margin-left: 1600%
    }
    .bp5-col-1 .bp5-offset-17 {
        margin-left: 1700%
    }
    .bp5-col-1 .bp5-offset-18 {
        margin-left: 1800%
    }
    .bp5-col-1 .bp5-offset-19 {
        margin-left: 1900%
    }
    .bp5-col-1 .bp5-offset-20 {
        margin-left: 2000%
    }
    .bp5-col-1 .bp5-offset-21 {
        margin-left: 2100%
    }
    .bp5-col-1 .bp5-offset-22 {
        margin-left: 2200%
    }
    .bp5-col-1 .bp5-offset-23 {
        margin-left: 2300%
    }
    .bp5-col-1 .bp5-offset-24 {
        margin-left: 2400%
    }
    .bp5-col-1 .bp5-offset-25 {
        margin-left: 2500%
    }
    .bp5-col-1 .bp5-offset-26 {
        margin-left: 2600%
    }
    .bp5-col-1 .bp5-offset-27 {
        margin-left: 2700%
    }
    .bp5-col-1 .bp5-offset-28 {
        margin-left: 2800%
    }
    .bp5-col-1 .bp5-offset-29 {
        margin-left: 2900%
    }
    .bp5-col-1 .bp5-offset-30 {
        margin-left: 3000%
    }
    .bp5-col-1 .bp5-offset-31 {
        margin-left: 3100%
    }
    .bp5-col-1 .bp5-offset-32 {
        margin-left: 3200%
    }
    .bp5-col-2 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 6.25%;
        white-space: normal
    }
    .bp5-col-2 .bp5-col-1 {
        width: 50%
    }
    .bp5-col-2 .bp5-col-2 {
        width: 100%
    }
    .bp5-col-2 .bp5-col-3 {
        width: 150%
    }
    .bp5-col-2 .bp5-col-4 {
        width: 200%
    }
    .bp5-col-2 .bp5-col-5 {
        width: 250%
    }
    .bp5-col-2 .bp5-col-6 {
        width: 300%
    }
    .bp5-col-2 .bp5-col-7 {
        width: 350%
    }
    .bp5-col-2 .bp5-col-8 {
        width: 400%
    }
    .bp5-col-2 .bp5-col-9 {
        width: 450%
    }
    .bp5-col-2 .bp5-col-10 {
        width: 500%
    }
    .bp5-col-2 .bp5-col-11 {
        width: 550%
    }
    .bp5-col-2 .bp5-col-12 {
        width: 600%
    }
    .bp5-col-2 .bp5-col-13 {
        width: 650%
    }
    .bp5-col-2 .bp5-col-14 {
        width: 700%
    }
    .bp5-col-2 .bp5-col-15 {
        width: 750%
    }
    .bp5-col-2 .bp5-col-16 {
        width: 800%
    }
    .bp5-col-2 .bp5-col-17 {
        width: 850%
    }
    .bp5-col-2 .bp5-col-18 {
        width: 900%
    }
    .bp5-col-2 .bp5-col-19 {
        width: 950%
    }
    .bp5-col-2 .bp5-col-20 {
        width: 1000%
    }
    .bp5-col-2 .bp5-col-21 {
        width: 1050%
    }
    .bp5-col-2 .bp5-col-22 {
        width: 1100%
    }
    .bp5-col-2 .bp5-col-23 {
        width: 1150%
    }
    .bp5-col-2 .bp5-col-24 {
        width: 1200%
    }
    .bp5-col-2 .bp5-col-25 {
        width: 1250%
    }
    .bp5-col-2 .bp5-col-26 {
        width: 1300%
    }
    .bp5-col-2 .bp5-col-27 {
        width: 1350%
    }
    .bp5-col-2 .bp5-col-28 {
        width: 1400%
    }
    .bp5-col-2 .bp5-col-29 {
        width: 1450%
    }
    .bp5-col-2 .bp5-col-30 {
        width: 1500%
    }
    .bp5-col-2 .bp5-col-31 {
        width: 1550%
    }
    .bp5-col-2 .bp5-col-32 {
        width: 1600%
    }
    .bp5-col-2 .bp5-offset-1 {
        margin-left: 50%
    }
    .bp5-col-2 .bp5-offset-2 {
        margin-left: 100%
    }
    .bp5-col-2 .bp5-offset-3 {
        margin-left: 150%
    }
    .bp5-col-2 .bp5-offset-4 {
        margin-left: 200%
    }
    .bp5-col-2 .bp5-offset-5 {
        margin-left: 250%
    }
    .bp5-col-2 .bp5-offset-6 {
        margin-left: 300%
    }
    .bp5-col-2 .bp5-offset-7 {
        margin-left: 350%
    }
    .bp5-col-2 .bp5-offset-8 {
        margin-left: 400%
    }
    .bp5-col-2 .bp5-offset-9 {
        margin-left: 450%
    }
    .bp5-col-2 .bp5-offset-10 {
        margin-left: 500%
    }
    .bp5-col-2 .bp5-offset-11 {
        margin-left: 550%
    }
    .bp5-col-2 .bp5-offset-12 {
        margin-left: 600%
    }
    .bp5-col-2 .bp5-offset-13 {
        margin-left: 650%
    }
    .bp5-col-2 .bp5-offset-14 {
        margin-left: 700%
    }
    .bp5-col-2 .bp5-offset-15 {
        margin-left: 750%
    }
    .bp5-col-2 .bp5-offset-16 {
        margin-left: 800%
    }
    .bp5-col-2 .bp5-offset-17 {
        margin-left: 850%
    }
    .bp5-col-2 .bp5-offset-18 {
        margin-left: 900%
    }
    .bp5-col-2 .bp5-offset-19 {
        margin-left: 950%
    }
    .bp5-col-2 .bp5-offset-20 {
        margin-left: 1000%
    }
    .bp5-col-2 .bp5-offset-21 {
        margin-left: 1050%
    }
    .bp5-col-2 .bp5-offset-22 {
        margin-left: 1100%
    }
    .bp5-col-2 .bp5-offset-23 {
        margin-left: 1150%
    }
    .bp5-col-2 .bp5-offset-24 {
        margin-left: 1200%
    }
    .bp5-col-2 .bp5-offset-25 {
        margin-left: 1250%
    }
    .bp5-col-2 .bp5-offset-26 {
        margin-left: 1300%
    }
    .bp5-col-2 .bp5-offset-27 {
        margin-left: 1350%
    }
    .bp5-col-2 .bp5-offset-28 {
        margin-left: 1400%
    }
    .bp5-col-2 .bp5-offset-29 {
        margin-left: 1450%
    }
    .bp5-col-2 .bp5-offset-30 {
        margin-left: 1500%
    }
    .bp5-col-2 .bp5-offset-31 {
        margin-left: 1550%
    }
    .bp5-col-2 .bp5-offset-32 {
        margin-left: 1600%
    }
    .bp5-col-3 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 9.375%;
        white-space: normal
    }
    .bp5-col-3 .bp5-col-1 {
        width: 33.33333%
    }
    .bp5-col-3 .bp5-col-2 {
        width: 66.66667%
    }
    .bp5-col-3 .bp5-col-3 {
        width: 100%
    }
    .bp5-col-3 .bp5-col-4 {
        width: 133.33333%
    }
    .bp5-col-3 .bp5-col-5 {
        width: 166.66667%
    }
    .bp5-col-3 .bp5-col-6 {
        width: 200%
    }
    .bp5-col-3 .bp5-col-7 {
        width: 233.33333%
    }
    .bp5-col-3 .bp5-col-8 {
        width: 266.66667%
    }
    .bp5-col-3 .bp5-col-9 {
        width: 300%
    }
    .bp5-col-3 .bp5-col-10 {
        width: 333.33333%
    }
    .bp5-col-3 .bp5-col-11 {
        width: 366.66667%
    }
    .bp5-col-3 .bp5-col-12 {
        width: 400%
    }
    .bp5-col-3 .bp5-col-13 {
        width: 433.33333%
    }
    .bp5-col-3 .bp5-col-14 {
        width: 466.66667%
    }
    .bp5-col-3 .bp5-col-15 {
        width: 500%
    }
    .bp5-col-3 .bp5-col-16 {
        width: 533.33333%
    }
    .bp5-col-3 .bp5-col-17 {
        width: 566.66667%
    }
    .bp5-col-3 .bp5-col-18 {
        width: 600%
    }
    .bp5-col-3 .bp5-col-19 {
        width: 633.33333%
    }
    .bp5-col-3 .bp5-col-20 {
        width: 666.66667%
    }
    .bp5-col-3 .bp5-col-21 {
        width: 700%
    }
    .bp5-col-3 .bp5-col-22 {
        width: 733.33333%
    }
    .bp5-col-3 .bp5-col-23 {
        width: 766.66667%
    }
    .bp5-col-3 .bp5-col-24 {
        width: 800%
    }
    .bp5-col-3 .bp5-col-25 {
        width: 833.33333%
    }
    .bp5-col-3 .bp5-col-26 {
        width: 866.66667%
    }
    .bp5-col-3 .bp5-col-27 {
        width: 900%
    }
    .bp5-col-3 .bp5-col-28 {
        width: 933.33333%
    }
    .bp5-col-3 .bp5-col-29 {
        width: 966.66667%
    }
    .bp5-col-3 .bp5-col-30 {
        width: 1000%
    }
    .bp5-col-3 .bp5-col-31 {
        width: 1033.33333%
    }
    .bp5-col-3 .bp5-col-32 {
        width: 1066.66667%
    }
    .bp5-col-3 .bp5-offset-1 {
        margin-left: 33.33333%
    }
    .bp5-col-3 .bp5-offset-2 {
        margin-left: 66.66667%
    }
    .bp5-col-3 .bp5-offset-3 {
        margin-left: 100%
    }
    .bp5-col-3 .bp5-offset-4 {
        margin-left: 133.33333%
    }
    .bp5-col-3 .bp5-offset-5 {
        margin-left: 166.66667%
    }
    .bp5-col-3 .bp5-offset-6 {
        margin-left: 200%
    }
    .bp5-col-3 .bp5-offset-7 {
        margin-left: 233.33333%
    }
    .bp5-col-3 .bp5-offset-8 {
        margin-left: 266.66667%
    }
    .bp5-col-3 .bp5-offset-9 {
        margin-left: 300%
    }
    .bp5-col-3 .bp5-offset-10 {
        margin-left: 333.33333%
    }
    .bp5-col-3 .bp5-offset-11 {
        margin-left: 366.66667%
    }
    .bp5-col-3 .bp5-offset-12 {
        margin-left: 400%
    }
    .bp5-col-3 .bp5-offset-13 {
        margin-left: 433.33333%
    }
    .bp5-col-3 .bp5-offset-14 {
        margin-left: 466.66667%
    }
    .bp5-col-3 .bp5-offset-15 {
        margin-left: 500%
    }
    .bp5-col-3 .bp5-offset-16 {
        margin-left: 533.33333%
    }
    .bp5-col-3 .bp5-offset-17 {
        margin-left: 566.66667%
    }
    .bp5-col-3 .bp5-offset-18 {
        margin-left: 600%
    }
    .bp5-col-3 .bp5-offset-19 {
        margin-left: 633.33333%
    }
    .bp5-col-3 .bp5-offset-20 {
        margin-left: 666.66667%
    }
    .bp5-col-3 .bp5-offset-21 {
        margin-left: 700%
    }
    .bp5-col-3 .bp5-offset-22 {
        margin-left: 733.33333%
    }
    .bp5-col-3 .bp5-offset-23 {
        margin-left: 766.66667%
    }
    .bp5-col-3 .bp5-offset-24 {
        margin-left: 800%
    }
    .bp5-col-3 .bp5-offset-25 {
        margin-left: 833.33333%
    }
    .bp5-col-3 .bp5-offset-26 {
        margin-left: 866.66667%
    }
    .bp5-col-3 .bp5-offset-27 {
        margin-left: 900%
    }
    .bp5-col-3 .bp5-offset-28 {
        margin-left: 933.33333%
    }
    .bp5-col-3 .bp5-offset-29 {
        margin-left: 966.66667%
    }
    .bp5-col-3 .bp5-offset-30 {
        margin-left: 1000%
    }
    .bp5-col-3 .bp5-offset-31 {
        margin-left: 1033.33333%
    }
    .bp5-col-3 .bp5-offset-32 {
        margin-left: 1066.66667%
    }
    .bp5-col-4 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 12.5%;
        white-space: normal
    }
    .bp5-col-4 .bp5-col-1 {
        width: 25%
    }
    .bp5-col-4 .bp5-col-2 {
        width: 50%
    }
    .bp5-col-4 .bp5-col-3 {
        width: 75%
    }
    .bp5-col-4 .bp5-col-4 {
        width: 100%
    }
    .bp5-col-4 .bp5-col-5 {
        width: 125%
    }
    .bp5-col-4 .bp5-col-6 {
        width: 150%
    }
    .bp5-col-4 .bp5-col-7 {
        width: 175%
    }
    .bp5-col-4 .bp5-col-8 {
        width: 200%
    }
    .bp5-col-4 .bp5-col-9 {
        width: 225%
    }
    .bp5-col-4 .bp5-col-10 {
        width: 250%
    }
    .bp5-col-4 .bp5-col-11 {
        width: 275%
    }
    .bp5-col-4 .bp5-col-12 {
        width: 300%
    }
    .bp5-col-4 .bp5-col-13 {
        width: 325%
    }
    .bp5-col-4 .bp5-col-14 {
        width: 350%
    }
    .bp5-col-4 .bp5-col-15 {
        width: 375%
    }
    .bp5-col-4 .bp5-col-16 {
        width: 400%
    }
    .bp5-col-4 .bp5-col-17 {
        width: 425%
    }
    .bp5-col-4 .bp5-col-18 {
        width: 450%
    }
    .bp5-col-4 .bp5-col-19 {
        width: 475%
    }
    .bp5-col-4 .bp5-col-20 {
        width: 500%
    }
    .bp5-col-4 .bp5-col-21 {
        width: 525%
    }
    .bp5-col-4 .bp5-col-22 {
        width: 550%
    }
    .bp5-col-4 .bp5-col-23 {
        width: 575%
    }
    .bp5-col-4 .bp5-col-24 {
        width: 600%
    }
    .bp5-col-4 .bp5-col-25 {
        width: 625%
    }
    .bp5-col-4 .bp5-col-26 {
        width: 650%
    }
    .bp5-col-4 .bp5-col-27 {
        width: 675%
    }
    .bp5-col-4 .bp5-col-28 {
        width: 700%
    }
    .bp5-col-4 .bp5-col-29 {
        width: 725%
    }
    .bp5-col-4 .bp5-col-30 {
        width: 750%
    }
    .bp5-col-4 .bp5-col-31 {
        width: 775%
    }
    .bp5-col-4 .bp5-col-32 {
        width: 800%
    }
    .bp5-col-4 .bp5-offset-1 {
        margin-left: 25%
    }
    .bp5-col-4 .bp5-offset-2 {
        margin-left: 50%
    }
    .bp5-col-4 .bp5-offset-3 {
        margin-left: 75%
    }
    .bp5-col-4 .bp5-offset-4 {
        margin-left: 100%
    }
    .bp5-col-4 .bp5-offset-5 {
        margin-left: 125%
    }
    .bp5-col-4 .bp5-offset-6 {
        margin-left: 150%
    }
    .bp5-col-4 .bp5-offset-7 {
        margin-left: 175%
    }
    .bp5-col-4 .bp5-offset-8 {
        margin-left: 200%
    }
    .bp5-col-4 .bp5-offset-9 {
        margin-left: 225%
    }
    .bp5-col-4 .bp5-offset-10 {
        margin-left: 250%
    }
    .bp5-col-4 .bp5-offset-11 {
        margin-left: 275%
    }
    .bp5-col-4 .bp5-offset-12 {
        margin-left: 300%
    }
    .bp5-col-4 .bp5-offset-13 {
        margin-left: 325%
    }
    .bp5-col-4 .bp5-offset-14 {
        margin-left: 350%
    }
    .bp5-col-4 .bp5-offset-15 {
        margin-left: 375%
    }
    .bp5-col-4 .bp5-offset-16 {
        margin-left: 400%
    }
    .bp5-col-4 .bp5-offset-17 {
        margin-left: 425%
    }
    .bp5-col-4 .bp5-offset-18 {
        margin-left: 450%
    }
    .bp5-col-4 .bp5-offset-19 {
        margin-left: 475%
    }
    .bp5-col-4 .bp5-offset-20 {
        margin-left: 500%
    }
    .bp5-col-4 .bp5-offset-21 {
        margin-left: 525%
    }
    .bp5-col-4 .bp5-offset-22 {
        margin-left: 550%
    }
    .bp5-col-4 .bp5-offset-23 {
        margin-left: 575%
    }
    .bp5-col-4 .bp5-offset-24 {
        margin-left: 600%
    }
    .bp5-col-4 .bp5-offset-25 {
        margin-left: 625%
    }
    .bp5-col-4 .bp5-offset-26 {
        margin-left: 650%
    }
    .bp5-col-4 .bp5-offset-27 {
        margin-left: 675%
    }
    .bp5-col-4 .bp5-offset-28 {
        margin-left: 700%
    }
    .bp5-col-4 .bp5-offset-29 {
        margin-left: 725%
    }
    .bp5-col-4 .bp5-offset-30 {
        margin-left: 750%
    }
    .bp5-col-4 .bp5-offset-31 {
        margin-left: 775%
    }
    .bp5-col-4 .bp5-offset-32 {
        margin-left: 800%
    }
    .bp5-col-5 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 15.625%;
        white-space: normal
    }
    .bp5-col-5 .bp5-col-1 {
        width: 20%
    }
    .bp5-col-5 .bp5-col-2 {
        width: 40%
    }
    .bp5-col-5 .bp5-col-3 {
        width: 60%
    }
    .bp5-col-5 .bp5-col-4 {
        width: 80%
    }
    .bp5-col-5 .bp5-col-5 {
        width: 100%
    }
    .bp5-col-5 .bp5-col-6 {
        width: 120%
    }
    .bp5-col-5 .bp5-col-7 {
        width: 140%
    }
    .bp5-col-5 .bp5-col-8 {
        width: 160%
    }
    .bp5-col-5 .bp5-col-9 {
        width: 180%
    }
    .bp5-col-5 .bp5-col-10 {
        width: 200%
    }
    .bp5-col-5 .bp5-col-11 {
        width: 220%
    }
    .bp5-col-5 .bp5-col-12 {
        width: 240%
    }
    .bp5-col-5 .bp5-col-13 {
        width: 260%
    }
    .bp5-col-5 .bp5-col-14 {
        width: 280%
    }
    .bp5-col-5 .bp5-col-15 {
        width: 300%
    }
    .bp5-col-5 .bp5-col-16 {
        width: 320%
    }
    .bp5-col-5 .bp5-col-17 {
        width: 340%
    }
    .bp5-col-5 .bp5-col-18 {
        width: 360%
    }
    .bp5-col-5 .bp5-col-19 {
        width: 380%
    }
    .bp5-col-5 .bp5-col-20 {
        width: 400%
    }
    .bp5-col-5 .bp5-col-21 {
        width: 420%
    }
    .bp5-col-5 .bp5-col-22 {
        width: 440%
    }
    .bp5-col-5 .bp5-col-23 {
        width: 460%
    }
    .bp5-col-5 .bp5-col-24 {
        width: 480%
    }
    .bp5-col-5 .bp5-col-25 {
        width: 500%
    }
    .bp5-col-5 .bp5-col-26 {
        width: 520%
    }
    .bp5-col-5 .bp5-col-27 {
        width: 540%
    }
    .bp5-col-5 .bp5-col-28 {
        width: 560%
    }
    .bp5-col-5 .bp5-col-29 {
        width: 580%
    }
    .bp5-col-5 .bp5-col-30 {
        width: 600%
    }
    .bp5-col-5 .bp5-col-31 {
        width: 620%
    }
    .bp5-col-5 .bp5-col-32 {
        width: 640%
    }
    .bp5-col-5 .bp5-offset-1 {
        margin-left: 20%
    }
    .bp5-col-5 .bp5-offset-2 {
        margin-left: 40%
    }
    .bp5-col-5 .bp5-offset-3 {
        margin-left: 60%
    }
    .bp5-col-5 .bp5-offset-4 {
        margin-left: 80%
    }
    .bp5-col-5 .bp5-offset-5 {
        margin-left: 100%
    }
    .bp5-col-5 .bp5-offset-6 {
        margin-left: 120%
    }
    .bp5-col-5 .bp5-offset-7 {
        margin-left: 140%
    }
    .bp5-col-5 .bp5-offset-8 {
        margin-left: 160%
    }
    .bp5-col-5 .bp5-offset-9 {
        margin-left: 180%
    }
    .bp5-col-5 .bp5-offset-10 {
        margin-left: 200%
    }
    .bp5-col-5 .bp5-offset-11 {
        margin-left: 220%
    }
    .bp5-col-5 .bp5-offset-12 {
        margin-left: 240%
    }
    .bp5-col-5 .bp5-offset-13 {
        margin-left: 260%
    }
    .bp5-col-5 .bp5-offset-14 {
        margin-left: 280%
    }
    .bp5-col-5 .bp5-offset-15 {
        margin-left: 300%
    }
    .bp5-col-5 .bp5-offset-16 {
        margin-left: 320%
    }
    .bp5-col-5 .bp5-offset-17 {
        margin-left: 340%
    }
    .bp5-col-5 .bp5-offset-18 {
        margin-left: 360%
    }
    .bp5-col-5 .bp5-offset-19 {
        margin-left: 380%
    }
    .bp5-col-5 .bp5-offset-20 {
        margin-left: 400%
    }
    .bp5-col-5 .bp5-offset-21 {
        margin-left: 420%
    }
    .bp5-col-5 .bp5-offset-22 {
        margin-left: 440%
    }
    .bp5-col-5 .bp5-offset-23 {
        margin-left: 460%
    }
    .bp5-col-5 .bp5-offset-24 {
        margin-left: 480%
    }
    .bp5-col-5 .bp5-offset-25 {
        margin-left: 500%
    }
    .bp5-col-5 .bp5-offset-26 {
        margin-left: 520%
    }
    .bp5-col-5 .bp5-offset-27 {
        margin-left: 540%
    }
    .bp5-col-5 .bp5-offset-28 {
        margin-left: 560%
    }
    .bp5-col-5 .bp5-offset-29 {
        margin-left: 580%
    }
    .bp5-col-5 .bp5-offset-30 {
        margin-left: 600%
    }
    .bp5-col-5 .bp5-offset-31 {
        margin-left: 620%
    }
    .bp5-col-5 .bp5-offset-32 {
        margin-left: 640%
    }
    .bp5-col-6 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 18.75%;
        white-space: normal
    }
    .bp5-col-6 .bp5-col-1 {
        width: 16.66667%
    }
    .bp5-col-6 .bp5-col-2 {
        width: 33.33333%
    }
    .bp5-col-6 .bp5-col-3 {
        width: 50%
    }
    .bp5-col-6 .bp5-col-4 {
        width: 66.66667%
    }
    .bp5-col-6 .bp5-col-5 {
        width: 83.33333%
    }
    .bp5-col-6 .bp5-col-6 {
        width: 100%
    }
    .bp5-col-6 .bp5-col-7 {
        width: 116.66667%
    }
    .bp5-col-6 .bp5-col-8 {
        width: 133.33333%
    }
    .bp5-col-6 .bp5-col-9 {
        width: 150%
    }
    .bp5-col-6 .bp5-col-10 {
        width: 166.66667%
    }
    .bp5-col-6 .bp5-col-11 {
        width: 183.33333%
    }
    .bp5-col-6 .bp5-col-12 {
        width: 200%
    }
    .bp5-col-6 .bp5-col-13 {
        width: 216.66667%
    }
    .bp5-col-6 .bp5-col-14 {
        width: 233.33333%
    }
    .bp5-col-6 .bp5-col-15 {
        width: 250%
    }
    .bp5-col-6 .bp5-col-16 {
        width: 266.66667%
    }
    .bp5-col-6 .bp5-col-17 {
        width: 283.33333%
    }
    .bp5-col-6 .bp5-col-18 {
        width: 300%
    }
    .bp5-col-6 .bp5-col-19 {
        width: 316.66667%
    }
    .bp5-col-6 .bp5-col-20 {
        width: 333.33333%
    }
    .bp5-col-6 .bp5-col-21 {
        width: 350%
    }
    .bp5-col-6 .bp5-col-22 {
        width: 366.66667%
    }
    .bp5-col-6 .bp5-col-23 {
        width: 383.33333%
    }
    .bp5-col-6 .bp5-col-24 {
        width: 400%
    }
    .bp5-col-6 .bp5-col-25 {
        width: 416.66667%
    }
    .bp5-col-6 .bp5-col-26 {
        width: 433.33333%
    }
    .bp5-col-6 .bp5-col-27 {
        width: 450%
    }
    .bp5-col-6 .bp5-col-28 {
        width: 466.66667%
    }
    .bp5-col-6 .bp5-col-29 {
        width: 483.33333%
    }
    .bp5-col-6 .bp5-col-30 {
        width: 500%
    }
    .bp5-col-6 .bp5-col-31 {
        width: 516.66667%
    }
    .bp5-col-6 .bp5-col-32 {
        width: 533.33333%
    }
    .bp5-col-6 .bp5-offset-1 {
        margin-left: 16.66667%
    }
    .bp5-col-6 .bp5-offset-2 {
        margin-left: 33.33333%
    }
    .bp5-col-6 .bp5-offset-3 {
        margin-left: 50%
    }
    .bp5-col-6 .bp5-offset-4 {
        margin-left: 66.66667%
    }
    .bp5-col-6 .bp5-offset-5 {
        margin-left: 83.33333%
    }
    .bp5-col-6 .bp5-offset-6 {
        margin-left: 100%
    }
    .bp5-col-6 .bp5-offset-7 {
        margin-left: 116.66667%
    }
    .bp5-col-6 .bp5-offset-8 {
        margin-left: 133.33333%
    }
    .bp5-col-6 .bp5-offset-9 {
        margin-left: 150%
    }
    .bp5-col-6 .bp5-offset-10 {
        margin-left: 166.66667%
    }
    .bp5-col-6 .bp5-offset-11 {
        margin-left: 183.33333%
    }
    .bp5-col-6 .bp5-offset-12 {
        margin-left: 200%
    }
    .bp5-col-6 .bp5-offset-13 {
        margin-left: 216.66667%
    }
    .bp5-col-6 .bp5-offset-14 {
        margin-left: 233.33333%
    }
    .bp5-col-6 .bp5-offset-15 {
        margin-left: 250%
    }
    .bp5-col-6 .bp5-offset-16 {
        margin-left: 266.66667%
    }
    .bp5-col-6 .bp5-offset-17 {
        margin-left: 283.33333%
    }
    .bp5-col-6 .bp5-offset-18 {
        margin-left: 300%
    }
    .bp5-col-6 .bp5-offset-19 {
        margin-left: 316.66667%
    }
    .bp5-col-6 .bp5-offset-20 {
        margin-left: 333.33333%
    }
    .bp5-col-6 .bp5-offset-21 {
        margin-left: 350%
    }
    .bp5-col-6 .bp5-offset-22 {
        margin-left: 366.66667%
    }
    .bp5-col-6 .bp5-offset-23 {
        margin-left: 383.33333%
    }
    .bp5-col-6 .bp5-offset-24 {
        margin-left: 400%
    }
    .bp5-col-6 .bp5-offset-25 {
        margin-left: 416.66667%
    }
    .bp5-col-6 .bp5-offset-26 {
        margin-left: 433.33333%
    }
    .bp5-col-6 .bp5-offset-27 {
        margin-left: 450%
    }
    .bp5-col-6 .bp5-offset-28 {
        margin-left: 466.66667%
    }
    .bp5-col-6 .bp5-offset-29 {
        margin-left: 483.33333%
    }
    .bp5-col-6 .bp5-offset-30 {
        margin-left: 500%
    }
    .bp5-col-6 .bp5-offset-31 {
        margin-left: 516.66667%
    }
    .bp5-col-6 .bp5-offset-32 {
        margin-left: 533.33333%
    }
    .bp5-col-7 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 21.875%;
        white-space: normal
    }
    .bp5-col-7 .bp5-col-1 {
        width: 14.28571%
    }
    .bp5-col-7 .bp5-col-2 {
        width: 28.57143%
    }
    .bp5-col-7 .bp5-col-3 {
        width: 42.85714%
    }
    .bp5-col-7 .bp5-col-4 {
        width: 57.14286%
    }
    .bp5-col-7 .bp5-col-5 {
        width: 71.42857%
    }
    .bp5-col-7 .bp5-col-6 {
        width: 85.71429%
    }
    .bp5-col-7 .bp5-col-7 {
        width: 100%
    }
    .bp5-col-7 .bp5-col-8 {
        width: 114.28571%
    }
    .bp5-col-7 .bp5-col-9 {
        width: 128.57143%
    }
    .bp5-col-7 .bp5-col-10 {
        width: 142.85714%
    }
    .bp5-col-7 .bp5-col-11 {
        width: 157.14286%
    }
    .bp5-col-7 .bp5-col-12 {
        width: 171.42857%
    }
    .bp5-col-7 .bp5-col-13 {
        width: 185.71429%
    }
    .bp5-col-7 .bp5-col-14 {
        width: 200%
    }
    .bp5-col-7 .bp5-col-15 {
        width: 214.28571%
    }
    .bp5-col-7 .bp5-col-16 {
        width: 228.57143%
    }
    .bp5-col-7 .bp5-col-17 {
        width: 242.85714%
    }
    .bp5-col-7 .bp5-col-18 {
        width: 257.14286%
    }
    .bp5-col-7 .bp5-col-19 {
        width: 271.42857%
    }
    .bp5-col-7 .bp5-col-20 {
        width: 285.71429%
    }
    .bp5-col-7 .bp5-col-21 {
        width: 300%
    }
    .bp5-col-7 .bp5-col-22 {
        width: 314.28571%
    }
    .bp5-col-7 .bp5-col-23 {
        width: 328.57143%
    }
    .bp5-col-7 .bp5-col-24 {
        width: 342.85714%
    }
    .bp5-col-7 .bp5-col-25 {
        width: 357.14286%
    }
    .bp5-col-7 .bp5-col-26 {
        width: 371.42857%
    }
    .bp5-col-7 .bp5-col-27 {
        width: 385.71429%
    }
    .bp5-col-7 .bp5-col-28 {
        width: 400%
    }
    .bp5-col-7 .bp5-col-29 {
        width: 414.28571%
    }
    .bp5-col-7 .bp5-col-30 {
        width: 428.57143%
    }
    .bp5-col-7 .bp5-col-31 {
        width: 442.85714%
    }
    .bp5-col-7 .bp5-col-32 {
        width: 457.14286%
    }
    .bp5-col-7 .bp5-offset-1 {
        margin-left: 14.28571%
    }
    .bp5-col-7 .bp5-offset-2 {
        margin-left: 28.57143%
    }
    .bp5-col-7 .bp5-offset-3 {
        margin-left: 42.85714%
    }
    .bp5-col-7 .bp5-offset-4 {
        margin-left: 57.14286%
    }
    .bp5-col-7 .bp5-offset-5 {
        margin-left: 71.42857%
    }
    .bp5-col-7 .bp5-offset-6 {
        margin-left: 85.71429%
    }
    .bp5-col-7 .bp5-offset-7 {
        margin-left: 100%
    }
    .bp5-col-7 .bp5-offset-8 {
        margin-left: 114.28571%
    }
    .bp5-col-7 .bp5-offset-9 {
        margin-left: 128.57143%
    }
    .bp5-col-7 .bp5-offset-10 {
        margin-left: 142.85714%
    }
    .bp5-col-7 .bp5-offset-11 {
        margin-left: 157.14286%
    }
    .bp5-col-7 .bp5-offset-12 {
        margin-left: 171.42857%
    }
    .bp5-col-7 .bp5-offset-13 {
        margin-left: 185.71429%
    }
    .bp5-col-7 .bp5-offset-14 {
        margin-left: 200%
    }
    .bp5-col-7 .bp5-offset-15 {
        margin-left: 214.28571%
    }
    .bp5-col-7 .bp5-offset-16 {
        margin-left: 228.57143%
    }
    .bp5-col-7 .bp5-offset-17 {
        margin-left: 242.85714%
    }
    .bp5-col-7 .bp5-offset-18 {
        margin-left: 257.14286%
    }
    .bp5-col-7 .bp5-offset-19 {
        margin-left: 271.42857%
    }
    .bp5-col-7 .bp5-offset-20 {
        margin-left: 285.71429%
    }
    .bp5-col-7 .bp5-offset-21 {
        margin-left: 300%
    }
    .bp5-col-7 .bp5-offset-22 {
        margin-left: 314.28571%
    }
    .bp5-col-7 .bp5-offset-23 {
        margin-left: 328.57143%
    }
    .bp5-col-7 .bp5-offset-24 {
        margin-left: 342.85714%
    }
    .bp5-col-7 .bp5-offset-25 {
        margin-left: 357.14286%
    }
    .bp5-col-7 .bp5-offset-26 {
        margin-left: 371.42857%
    }
    .bp5-col-7 .bp5-offset-27 {
        margin-left: 385.71429%
    }
    .bp5-col-7 .bp5-offset-28 {
        margin-left: 400%
    }
    .bp5-col-7 .bp5-offset-29 {
        margin-left: 414.28571%
    }
    .bp5-col-7 .bp5-offset-30 {
        margin-left: 428.57143%
    }
    .bp5-col-7 .bp5-offset-31 {
        margin-left: 442.85714%
    }
    .bp5-col-7 .bp5-offset-32 {
        margin-left: 457.14286%
    }
    .bp5-col-8 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 25%;
        white-space: normal
    }
    .bp5-col-8 .bp5-col-1 {
        width: 12.5%
    }
    .bp5-col-8 .bp5-col-2 {
        width: 25%
    }
    .bp5-col-8 .bp5-col-3 {
        width: 37.5%
    }
    .bp5-col-8 .bp5-col-4 {
        width: 50%
    }
    .bp5-col-8 .bp5-col-5 {
        width: 62.5%
    }
    .bp5-col-8 .bp5-col-6 {
        width: 75%
    }
    .bp5-col-8 .bp5-col-7 {
        width: 87.5%
    }
    .bp5-col-8 .bp5-col-8 {
        width: 100%
    }
    .bp5-col-8 .bp5-col-9 {
        width: 112.5%
    }
    .bp5-col-8 .bp5-col-10 {
        width: 125%
    }
    .bp5-col-8 .bp5-col-11 {
        width: 137.5%
    }
    .bp5-col-8 .bp5-col-12 {
        width: 150%
    }
    .bp5-col-8 .bp5-col-13 {
        width: 162.5%
    }
    .bp5-col-8 .bp5-col-14 {
        width: 175%
    }
    .bp5-col-8 .bp5-col-15 {
        width: 187.5%
    }
    .bp5-col-8 .bp5-col-16 {
        width: 200%
    }
    .bp5-col-8 .bp5-col-17 {
        width: 212.5%
    }
    .bp5-col-8 .bp5-col-18 {
        width: 225%
    }
    .bp5-col-8 .bp5-col-19 {
        width: 237.5%
    }
    .bp5-col-8 .bp5-col-20 {
        width: 250%
    }
    .bp5-col-8 .bp5-col-21 {
        width: 262.5%
    }
    .bp5-col-8 .bp5-col-22 {
        width: 275%
    }
    .bp5-col-8 .bp5-col-23 {
        width: 287.5%
    }
    .bp5-col-8 .bp5-col-24 {
        width: 300%
    }
    .bp5-col-8 .bp5-col-25 {
        width: 312.5%
    }
    .bp5-col-8 .bp5-col-26 {
        width: 325%
    }
    .bp5-col-8 .bp5-col-27 {
        width: 337.5%
    }
    .bp5-col-8 .bp5-col-28 {
        width: 350%
    }
    .bp5-col-8 .bp5-col-29 {
        width: 362.5%
    }
    .bp5-col-8 .bp5-col-30 {
        width: 375%
    }
    .bp5-col-8 .bp5-col-31 {
        width: 387.5%
    }
    .bp5-col-8 .bp5-col-32 {
        width: 400%
    }
    .bp5-col-8 .bp5-offset-1 {
        margin-left: 12.5%
    }
    .bp5-col-8 .bp5-offset-2 {
        margin-left: 25%
    }
    .bp5-col-8 .bp5-offset-3 {
        margin-left: 37.5%
    }
    .bp5-col-8 .bp5-offset-4 {
        margin-left: 50%
    }
    .bp5-col-8 .bp5-offset-5 {
        margin-left: 62.5%
    }
    .bp5-col-8 .bp5-offset-6 {
        margin-left: 75%
    }
    .bp5-col-8 .bp5-offset-7 {
        margin-left: 87.5%
    }
    .bp5-col-8 .bp5-offset-8 {
        margin-left: 100%
    }
    .bp5-col-8 .bp5-offset-9 {
        margin-left: 112.5%
    }
    .bp5-col-8 .bp5-offset-10 {
        margin-left: 125%
    }
    .bp5-col-8 .bp5-offset-11 {
        margin-left: 137.5%
    }
    .bp5-col-8 .bp5-offset-12 {
        margin-left: 150%
    }
    .bp5-col-8 .bp5-offset-13 {
        margin-left: 162.5%
    }
    .bp5-col-8 .bp5-offset-14 {
        margin-left: 175%
    }
    .bp5-col-8 .bp5-offset-15 {
        margin-left: 187.5%
    }
    .bp5-col-8 .bp5-offset-16 {
        margin-left: 200%
    }
    .bp5-col-8 .bp5-offset-17 {
        margin-left: 212.5%
    }
    .bp5-col-8 .bp5-offset-18 {
        margin-left: 225%
    }
    .bp5-col-8 .bp5-offset-19 {
        margin-left: 237.5%
    }
    .bp5-col-8 .bp5-offset-20 {
        margin-left: 250%
    }
    .bp5-col-8 .bp5-offset-21 {
        margin-left: 262.5%
    }
    .bp5-col-8 .bp5-offset-22 {
        margin-left: 275%
    }
    .bp5-col-8 .bp5-offset-23 {
        margin-left: 287.5%
    }
    .bp5-col-8 .bp5-offset-24 {
        margin-left: 300%
    }
    .bp5-col-8 .bp5-offset-25 {
        margin-left: 312.5%
    }
    .bp5-col-8 .bp5-offset-26 {
        margin-left: 325%
    }
    .bp5-col-8 .bp5-offset-27 {
        margin-left: 337.5%
    }
    .bp5-col-8 .bp5-offset-28 {
        margin-left: 350%
    }
    .bp5-col-8 .bp5-offset-29 {
        margin-left: 362.5%
    }
    .bp5-col-8 .bp5-offset-30 {
        margin-left: 375%
    }
    .bp5-col-8 .bp5-offset-31 {
        margin-left: 387.5%
    }
    .bp5-col-8 .bp5-offset-32 {
        margin-left: 400%
    }
    .bp5-col-9 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 28.125%;
        white-space: normal
    }
    .bp5-col-9 .bp5-col-1 {
        width: 11.11111%
    }
    .bp5-col-9 .bp5-col-2 {
        width: 22.22222%
    }
    .bp5-col-9 .bp5-col-3 {
        width: 33.33333%
    }
    .bp5-col-9 .bp5-col-4 {
        width: 44.44444%
    }
    .bp5-col-9 .bp5-col-5 {
        width: 55.55556%
    }
    .bp5-col-9 .bp5-col-6 {
        width: 66.66667%
    }
    .bp5-col-9 .bp5-col-7 {
        width: 77.77778%
    }
    .bp5-col-9 .bp5-col-8 {
        width: 88.88889%
    }
    .bp5-col-9 .bp5-col-9 {
        width: 100%
    }
    .bp5-col-9 .bp5-col-10 {
        width: 111.11111%
    }
    .bp5-col-9 .bp5-col-11 {
        width: 122.22222%
    }
    .bp5-col-9 .bp5-col-12 {
        width: 133.33333%
    }
    .bp5-col-9 .bp5-col-13 {
        width: 144.44444%
    }
    .bp5-col-9 .bp5-col-14 {
        width: 155.55556%
    }
    .bp5-col-9 .bp5-col-15 {
        width: 166.66667%
    }
    .bp5-col-9 .bp5-col-16 {
        width: 177.77778%
    }
    .bp5-col-9 .bp5-col-17 {
        width: 188.88889%
    }
    .bp5-col-9 .bp5-col-18 {
        width: 200%
    }
    .bp5-col-9 .bp5-col-19 {
        width: 211.11111%
    }
    .bp5-col-9 .bp5-col-20 {
        width: 222.22222%
    }
    .bp5-col-9 .bp5-col-21 {
        width: 233.33333%
    }
    .bp5-col-9 .bp5-col-22 {
        width: 244.44444%
    }
    .bp5-col-9 .bp5-col-23 {
        width: 255.55556%
    }
    .bp5-col-9 .bp5-col-24 {
        width: 266.66667%
    }
    .bp5-col-9 .bp5-col-25 {
        width: 277.77778%
    }
    .bp5-col-9 .bp5-col-26 {
        width: 288.88889%
    }
    .bp5-col-9 .bp5-col-27 {
        width: 300%
    }
    .bp5-col-9 .bp5-col-28 {
        width: 311.11111%
    }
    .bp5-col-9 .bp5-col-29 {
        width: 322.22222%
    }
    .bp5-col-9 .bp5-col-30 {
        width: 333.33333%
    }
    .bp5-col-9 .bp5-col-31 {
        width: 344.44444%
    }
    .bp5-col-9 .bp5-col-32 {
        width: 355.55556%
    }
    .bp5-col-9 .bp5-offset-1 {
        margin-left: 11.11111%
    }
    .bp5-col-9 .bp5-offset-2 {
        margin-left: 22.22222%
    }
    .bp5-col-9 .bp5-offset-3 {
        margin-left: 33.33333%
    }
    .bp5-col-9 .bp5-offset-4 {
        margin-left: 44.44444%
    }
    .bp5-col-9 .bp5-offset-5 {
        margin-left: 55.55556%
    }
    .bp5-col-9 .bp5-offset-6 {
        margin-left: 66.66667%
    }
    .bp5-col-9 .bp5-offset-7 {
        margin-left: 77.77778%
    }
    .bp5-col-9 .bp5-offset-8 {
        margin-left: 88.88889%
    }
    .bp5-col-9 .bp5-offset-9 {
        margin-left: 100%
    }
    .bp5-col-9 .bp5-offset-10 {
        margin-left: 111.11111%
    }
    .bp5-col-9 .bp5-offset-11 {
        margin-left: 122.22222%
    }
    .bp5-col-9 .bp5-offset-12 {
        margin-left: 133.33333%
    }
    .bp5-col-9 .bp5-offset-13 {
        margin-left: 144.44444%
    }
    .bp5-col-9 .bp5-offset-14 {
        margin-left: 155.55556%
    }
    .bp5-col-9 .bp5-offset-15 {
        margin-left: 166.66667%
    }
    .bp5-col-9 .bp5-offset-16 {
        margin-left: 177.77778%
    }
    .bp5-col-9 .bp5-offset-17 {
        margin-left: 188.88889%
    }
    .bp5-col-9 .bp5-offset-18 {
        margin-left: 200%
    }
    .bp5-col-9 .bp5-offset-19 {
        margin-left: 211.11111%
    }
    .bp5-col-9 .bp5-offset-20 {
        margin-left: 222.22222%
    }
    .bp5-col-9 .bp5-offset-21 {
        margin-left: 233.33333%
    }
    .bp5-col-9 .bp5-offset-22 {
        margin-left: 244.44444%
    }
    .bp5-col-9 .bp5-offset-23 {
        margin-left: 255.55556%
    }
    .bp5-col-9 .bp5-offset-24 {
        margin-left: 266.66667%
    }
    .bp5-col-9 .bp5-offset-25 {
        margin-left: 277.77778%
    }
    .bp5-col-9 .bp5-offset-26 {
        margin-left: 288.88889%
    }
    .bp5-col-9 .bp5-offset-27 {
        margin-left: 300%
    }
    .bp5-col-9 .bp5-offset-28 {
        margin-left: 311.11111%
    }
    .bp5-col-9 .bp5-offset-29 {
        margin-left: 322.22222%
    }
    .bp5-col-9 .bp5-offset-30 {
        margin-left: 333.33333%
    }
    .bp5-col-9 .bp5-offset-31 {
        margin-left: 344.44444%
    }
    .bp5-col-9 .bp5-offset-32 {
        margin-left: 355.55556%
    }
    .bp5-col-10 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 31.25%;
        white-space: normal
    }
    .bp5-col-10 .bp5-col-1 {
        width: 10%
    }
    .bp5-col-10 .bp5-col-2 {
        width: 20%
    }
    .bp5-col-10 .bp5-col-3 {
        width: 30%
    }
    .bp5-col-10 .bp5-col-4 {
        width: 40%
    }
    .bp5-col-10 .bp5-col-5 {
        width: 50%
    }
    .bp5-col-10 .bp5-col-6 {
        width: 60%
    }
    .bp5-col-10 .bp5-col-7 {
        width: 70%
    }
    .bp5-col-10 .bp5-col-8 {
        width: 80%
    }
    .bp5-col-10 .bp5-col-9 {
        width: 90%
    }
    .bp5-col-10 .bp5-col-10 {
        width: 100%
    }
    .bp5-col-10 .bp5-col-11 {
        width: 110%
    }
    .bp5-col-10 .bp5-col-12 {
        width: 120%
    }
    .bp5-col-10 .bp5-col-13 {
        width: 130%
    }
    .bp5-col-10 .bp5-col-14 {
        width: 140%
    }
    .bp5-col-10 .bp5-col-15 {
        width: 150%
    }
    .bp5-col-10 .bp5-col-16 {
        width: 160%
    }
    .bp5-col-10 .bp5-col-17 {
        width: 170%
    }
    .bp5-col-10 .bp5-col-18 {
        width: 180%
    }
    .bp5-col-10 .bp5-col-19 {
        width: 190%
    }
    .bp5-col-10 .bp5-col-20 {
        width: 200%
    }
    .bp5-col-10 .bp5-col-21 {
        width: 210%
    }
    .bp5-col-10 .bp5-col-22 {
        width: 220%
    }
    .bp5-col-10 .bp5-col-23 {
        width: 230%
    }
    .bp5-col-10 .bp5-col-24 {
        width: 240%
    }
    .bp5-col-10 .bp5-col-25 {
        width: 250%
    }
    .bp5-col-10 .bp5-col-26 {
        width: 260%
    }
    .bp5-col-10 .bp5-col-27 {
        width: 270%
    }
    .bp5-col-10 .bp5-col-28 {
        width: 280%
    }
    .bp5-col-10 .bp5-col-29 {
        width: 290%
    }
    .bp5-col-10 .bp5-col-30 {
        width: 300%
    }
    .bp5-col-10 .bp5-col-31 {
        width: 310%
    }
    .bp5-col-10 .bp5-col-32 {
        width: 320%
    }
    .bp5-col-10 .bp5-offset-1 {
        margin-left: 10%
    }
    .bp5-col-10 .bp5-offset-2 {
        margin-left: 20%
    }
    .bp5-col-10 .bp5-offset-3 {
        margin-left: 30%
    }
    .bp5-col-10 .bp5-offset-4 {
        margin-left: 40%
    }
    .bp5-col-10 .bp5-offset-5 {
        margin-left: 50%
    }
    .bp5-col-10 .bp5-offset-6 {
        margin-left: 60%
    }
    .bp5-col-10 .bp5-offset-7 {
        margin-left: 70%
    }
    .bp5-col-10 .bp5-offset-8 {
        margin-left: 80%
    }
    .bp5-col-10 .bp5-offset-9 {
        margin-left: 90%
    }
    .bp5-col-10 .bp5-offset-10 {
        margin-left: 100%
    }
    .bp5-col-10 .bp5-offset-11 {
        margin-left: 110%
    }
    .bp5-col-10 .bp5-offset-12 {
        margin-left: 120%
    }
    .bp5-col-10 .bp5-offset-13 {
        margin-left: 130%
    }
    .bp5-col-10 .bp5-offset-14 {
        margin-left: 140%
    }
    .bp5-col-10 .bp5-offset-15 {
        margin-left: 150%
    }
    .bp5-col-10 .bp5-offset-16 {
        margin-left: 160%
    }
    .bp5-col-10 .bp5-offset-17 {
        margin-left: 170%
    }
    .bp5-col-10 .bp5-offset-18 {
        margin-left: 180%
    }
    .bp5-col-10 .bp5-offset-19 {
        margin-left: 190%
    }
    .bp5-col-10 .bp5-offset-20 {
        margin-left: 200%
    }
    .bp5-col-10 .bp5-offset-21 {
        margin-left: 210%
    }
    .bp5-col-10 .bp5-offset-22 {
        margin-left: 220%
    }
    .bp5-col-10 .bp5-offset-23 {
        margin-left: 230%
    }
    .bp5-col-10 .bp5-offset-24 {
        margin-left: 240%
    }
    .bp5-col-10 .bp5-offset-25 {
        margin-left: 250%
    }
    .bp5-col-10 .bp5-offset-26 {
        margin-left: 260%
    }
    .bp5-col-10 .bp5-offset-27 {
        margin-left: 270%
    }
    .bp5-col-10 .bp5-offset-28 {
        margin-left: 280%
    }
    .bp5-col-10 .bp5-offset-29 {
        margin-left: 290%
    }
    .bp5-col-10 .bp5-offset-30 {
        margin-left: 300%
    }
    .bp5-col-10 .bp5-offset-31 {
        margin-left: 310%
    }
    .bp5-col-10 .bp5-offset-32 {
        margin-left: 320%
    }
    .bp5-col-11 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 34.375%;
        white-space: normal
    }
    .bp5-col-11 .bp5-col-1 {
        width: 9.09091%
    }
    .bp5-col-11 .bp5-col-2 {
        width: 18.18182%
    }
    .bp5-col-11 .bp5-col-3 {
        width: 27.27273%
    }
    .bp5-col-11 .bp5-col-4 {
        width: 36.36364%
    }
    .bp5-col-11 .bp5-col-5 {
        width: 45.45455%
    }
    .bp5-col-11 .bp5-col-6 {
        width: 54.54545%
    }
    .bp5-col-11 .bp5-col-7 {
        width: 63.63636%
    }
    .bp5-col-11 .bp5-col-8 {
        width: 72.72727%
    }
    .bp5-col-11 .bp5-col-9 {
        width: 81.81818%
    }
    .bp5-col-11 .bp5-col-10 {
        width: 90.90909%
    }
    .bp5-col-11 .bp5-col-11 {
        width: 100%
    }
    .bp5-col-11 .bp5-col-12 {
        width: 109.09091%
    }
    .bp5-col-11 .bp5-col-13 {
        width: 118.18182%
    }
    .bp5-col-11 .bp5-col-14 {
        width: 127.27273%
    }
    .bp5-col-11 .bp5-col-15 {
        width: 136.36364%
    }
    .bp5-col-11 .bp5-col-16 {
        width: 145.45455%
    }
    .bp5-col-11 .bp5-col-17 {
        width: 154.54545%
    }
    .bp5-col-11 .bp5-col-18 {
        width: 163.63636%
    }
    .bp5-col-11 .bp5-col-19 {
        width: 172.72727%
    }
    .bp5-col-11 .bp5-col-20 {
        width: 181.81818%
    }
    .bp5-col-11 .bp5-col-21 {
        width: 190.90909%
    }
    .bp5-col-11 .bp5-col-22 {
        width: 200%
    }
    .bp5-col-11 .bp5-col-23 {
        width: 209.09091%
    }
    .bp5-col-11 .bp5-col-24 {
        width: 218.18182%
    }
    .bp5-col-11 .bp5-col-25 {
        width: 227.27273%
    }
    .bp5-col-11 .bp5-col-26 {
        width: 236.36364%
    }
    .bp5-col-11 .bp5-col-27 {
        width: 245.45455%
    }
    .bp5-col-11 .bp5-col-28 {
        width: 254.54545%
    }
    .bp5-col-11 .bp5-col-29 {
        width: 263.63636%
    }
    .bp5-col-11 .bp5-col-30 {
        width: 272.72727%
    }
    .bp5-col-11 .bp5-col-31 {
        width: 281.81818%
    }
    .bp5-col-11 .bp5-col-32 {
        width: 290.90909%
    }
    .bp5-col-11 .bp5-offset-1 {
        margin-left: 9.09091%
    }
    .bp5-col-11 .bp5-offset-2 {
        margin-left: 18.18182%
    }
    .bp5-col-11 .bp5-offset-3 {
        margin-left: 27.27273%
    }
    .bp5-col-11 .bp5-offset-4 {
        margin-left: 36.36364%
    }
    .bp5-col-11 .bp5-offset-5 {
        margin-left: 45.45455%
    }
    .bp5-col-11 .bp5-offset-6 {
        margin-left: 54.54545%
    }
    .bp5-col-11 .bp5-offset-7 {
        margin-left: 63.63636%
    }
    .bp5-col-11 .bp5-offset-8 {
        margin-left: 72.72727%
    }
    .bp5-col-11 .bp5-offset-9 {
        margin-left: 81.81818%
    }
    .bp5-col-11 .bp5-offset-10 {
        margin-left: 90.90909%
    }
    .bp5-col-11 .bp5-offset-11 {
        margin-left: 100%
    }
    .bp5-col-11 .bp5-offset-12 {
        margin-left: 109.09091%
    }
    .bp5-col-11 .bp5-offset-13 {
        margin-left: 118.18182%
    }
    .bp5-col-11 .bp5-offset-14 {
        margin-left: 127.27273%
    }
    .bp5-col-11 .bp5-offset-15 {
        margin-left: 136.36364%
    }
    .bp5-col-11 .bp5-offset-16 {
        margin-left: 145.45455%
    }
    .bp5-col-11 .bp5-offset-17 {
        margin-left: 154.54545%
    }
    .bp5-col-11 .bp5-offset-18 {
        margin-left: 163.63636%
    }
    .bp5-col-11 .bp5-offset-19 {
        margin-left: 172.72727%
    }
    .bp5-col-11 .bp5-offset-20 {
        margin-left: 181.81818%
    }
    .bp5-col-11 .bp5-offset-21 {
        margin-left: 190.90909%
    }
    .bp5-col-11 .bp5-offset-22 {
        margin-left: 200%
    }
    .bp5-col-11 .bp5-offset-23 {
        margin-left: 209.09091%
    }
    .bp5-col-11 .bp5-offset-24 {
        margin-left: 218.18182%
    }
    .bp5-col-11 .bp5-offset-25 {
        margin-left: 227.27273%
    }
    .bp5-col-11 .bp5-offset-26 {
        margin-left: 236.36364%
    }
    .bp5-col-11 .bp5-offset-27 {
        margin-left: 245.45455%
    }
    .bp5-col-11 .bp5-offset-28 {
        margin-left: 254.54545%
    }
    .bp5-col-11 .bp5-offset-29 {
        margin-left: 263.63636%
    }
    .bp5-col-11 .bp5-offset-30 {
        margin-left: 272.72727%
    }
    .bp5-col-11 .bp5-offset-31 {
        margin-left: 281.81818%
    }
    .bp5-col-11 .bp5-offset-32 {
        margin-left: 290.90909%
    }
    .bp5-col-12 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 37.5%;
        white-space: normal
    }
    .bp5-col-12 .bp5-col-1 {
        width: 8.33333%
    }
    .bp5-col-12 .bp5-col-2 {
        width: 16.66667%
    }
    .bp5-col-12 .bp5-col-3 {
        width: 25%
    }
    .bp5-col-12 .bp5-col-4 {
        width: 33.33333%
    }
    .bp5-col-12 .bp5-col-5 {
        width: 41.66667%
    }
    .bp5-col-12 .bp5-col-6 {
        width: 50%
    }
    .bp5-col-12 .bp5-col-7 {
        width: 58.33333%
    }
    .bp5-col-12 .bp5-col-8 {
        width: 66.66667%
    }
    .bp5-col-12 .bp5-col-9 {
        width: 75%
    }
    .bp5-col-12 .bp5-col-10 {
        width: 83.33333%
    }
    .bp5-col-12 .bp5-col-11 {
        width: 91.66667%
    }
    .bp5-col-12 .bp5-col-12 {
        width: 100%
    }
    .bp5-col-12 .bp5-col-13 {
        width: 108.33333%
    }
    .bp5-col-12 .bp5-col-14 {
        width: 116.66667%
    }
    .bp5-col-12 .bp5-col-15 {
        width: 125%
    }
    .bp5-col-12 .bp5-col-16 {
        width: 133.33333%
    }
    .bp5-col-12 .bp5-col-17 {
        width: 141.66667%
    }
    .bp5-col-12 .bp5-col-18 {
        width: 150%
    }
    .bp5-col-12 .bp5-col-19 {
        width: 158.33333%
    }
    .bp5-col-12 .bp5-col-20 {
        width: 166.66667%
    }
    .bp5-col-12 .bp5-col-21 {
        width: 175%
    }
    .bp5-col-12 .bp5-col-22 {
        width: 183.33333%
    }
    .bp5-col-12 .bp5-col-23 {
        width: 191.66667%
    }
    .bp5-col-12 .bp5-col-24 {
        width: 200%
    }
    .bp5-col-12 .bp5-col-25 {
        width: 208.33333%
    }
    .bp5-col-12 .bp5-col-26 {
        width: 216.66667%
    }
    .bp5-col-12 .bp5-col-27 {
        width: 225%
    }
    .bp5-col-12 .bp5-col-28 {
        width: 233.33333%
    }
    .bp5-col-12 .bp5-col-29 {
        width: 241.66667%
    }
    .bp5-col-12 .bp5-col-30 {
        width: 250%
    }
    .bp5-col-12 .bp5-col-31 {
        width: 258.33333%
    }
    .bp5-col-12 .bp5-col-32 {
        width: 266.66667%
    }
    .bp5-col-12 .bp5-offset-1 {
        margin-left: 8.33333%
    }
    .bp5-col-12 .bp5-offset-2 {
        margin-left: 16.66667%
    }
    .bp5-col-12 .bp5-offset-3 {
        margin-left: 25%
    }
    .bp5-col-12 .bp5-offset-4 {
        margin-left: 33.33333%
    }
    .bp5-col-12 .bp5-offset-5 {
        margin-left: 41.66667%
    }
    .bp5-col-12 .bp5-offset-6 {
        margin-left: 50%
    }
    .bp5-col-12 .bp5-offset-7 {
        margin-left: 58.33333%
    }
    .bp5-col-12 .bp5-offset-8 {
        margin-left: 66.66667%
    }
    .bp5-col-12 .bp5-offset-9 {
        margin-left: 75%
    }
    .bp5-col-12 .bp5-offset-10 {
        margin-left: 83.33333%
    }
    .bp5-col-12 .bp5-offset-11 {
        margin-left: 91.66667%
    }
    .bp5-col-12 .bp5-offset-12 {
        margin-left: 100%
    }
    .bp5-col-12 .bp5-offset-13 {
        margin-left: 108.33333%
    }
    .bp5-col-12 .bp5-offset-14 {
        margin-left: 116.66667%
    }
    .bp5-col-12 .bp5-offset-15 {
        margin-left: 125%
    }
    .bp5-col-12 .bp5-offset-16 {
        margin-left: 133.33333%
    }
    .bp5-col-12 .bp5-offset-17 {
        margin-left: 141.66667%
    }
    .bp5-col-12 .bp5-offset-18 {
        margin-left: 150%
    }
    .bp5-col-12 .bp5-offset-19 {
        margin-left: 158.33333%
    }
    .bp5-col-12 .bp5-offset-20 {
        margin-left: 166.66667%
    }
    .bp5-col-12 .bp5-offset-21 {
        margin-left: 175%
    }
    .bp5-col-12 .bp5-offset-22 {
        margin-left: 183.33333%
    }
    .bp5-col-12 .bp5-offset-23 {
        margin-left: 191.66667%
    }
    .bp5-col-12 .bp5-offset-24 {
        margin-left: 200%
    }
    .bp5-col-12 .bp5-offset-25 {
        margin-left: 208.33333%
    }
    .bp5-col-12 .bp5-offset-26 {
        margin-left: 216.66667%
    }
    .bp5-col-12 .bp5-offset-27 {
        margin-left: 225%
    }
    .bp5-col-12 .bp5-offset-28 {
        margin-left: 233.33333%
    }
    .bp5-col-12 .bp5-offset-29 {
        margin-left: 241.66667%
    }
    .bp5-col-12 .bp5-offset-30 {
        margin-left: 250%
    }
    .bp5-col-12 .bp5-offset-31 {
        margin-left: 258.33333%
    }
    .bp5-col-12 .bp5-offset-32 {
        margin-left: 266.66667%
    }
    .bp5-col-13 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 40.625%;
        white-space: normal
    }
    .bp5-col-13 .bp5-col-1 {
        width: 7.69231%
    }
    .bp5-col-13 .bp5-col-2 {
        width: 15.38462%
    }
    .bp5-col-13 .bp5-col-3 {
        width: 23.07692%
    }
    .bp5-col-13 .bp5-col-4 {
        width: 30.76923%
    }
    .bp5-col-13 .bp5-col-5 {
        width: 38.46154%
    }
    .bp5-col-13 .bp5-col-6 {
        width: 46.15385%
    }
    .bp5-col-13 .bp5-col-7 {
        width: 53.84615%
    }
    .bp5-col-13 .bp5-col-8 {
        width: 61.53846%
    }
    .bp5-col-13 .bp5-col-9 {
        width: 69.23077%
    }
    .bp5-col-13 .bp5-col-10 {
        width: 76.92308%
    }
    .bp5-col-13 .bp5-col-11 {
        width: 84.61538%
    }
    .bp5-col-13 .bp5-col-12 {
        width: 92.30769%
    }
    .bp5-col-13 .bp5-col-13 {
        width: 100%
    }
    .bp5-col-13 .bp5-col-14 {
        width: 107.69231%
    }
    .bp5-col-13 .bp5-col-15 {
        width: 115.38462%
    }
    .bp5-col-13 .bp5-col-16 {
        width: 123.07692%
    }
    .bp5-col-13 .bp5-col-17 {
        width: 130.76923%
    }
    .bp5-col-13 .bp5-col-18 {
        width: 138.46154%
    }
    .bp5-col-13 .bp5-col-19 {
        width: 146.15385%
    }
    .bp5-col-13 .bp5-col-20 {
        width: 153.84615%
    }
    .bp5-col-13 .bp5-col-21 {
        width: 161.53846%
    }
    .bp5-col-13 .bp5-col-22 {
        width: 169.23077%
    }
    .bp5-col-13 .bp5-col-23 {
        width: 176.92308%
    }
    .bp5-col-13 .bp5-col-24 {
        width: 184.61538%
    }
    .bp5-col-13 .bp5-col-25 {
        width: 192.30769%
    }
    .bp5-col-13 .bp5-col-26 {
        width: 200%
    }
    .bp5-col-13 .bp5-col-27 {
        width: 207.69231%
    }
    .bp5-col-13 .bp5-col-28 {
        width: 215.38462%
    }
    .bp5-col-13 .bp5-col-29 {
        width: 223.07692%
    }
    .bp5-col-13 .bp5-col-30 {
        width: 230.76923%
    }
    .bp5-col-13 .bp5-col-31 {
        width: 238.46154%
    }
    .bp5-col-13 .bp5-col-32 {
        width: 246.15385%
    }
    .bp5-col-13 .bp5-offset-1 {
        margin-left: 7.69231%
    }
    .bp5-col-13 .bp5-offset-2 {
        margin-left: 15.38462%
    }
    .bp5-col-13 .bp5-offset-3 {
        margin-left: 23.07692%
    }
    .bp5-col-13 .bp5-offset-4 {
        margin-left: 30.76923%
    }
    .bp5-col-13 .bp5-offset-5 {
        margin-left: 38.46154%
    }
    .bp5-col-13 .bp5-offset-6 {
        margin-left: 46.15385%
    }
    .bp5-col-13 .bp5-offset-7 {
        margin-left: 53.84615%
    }
    .bp5-col-13 .bp5-offset-8 {
        margin-left: 61.53846%
    }
    .bp5-col-13 .bp5-offset-9 {
        margin-left: 69.23077%
    }
    .bp5-col-13 .bp5-offset-10 {
        margin-left: 76.92308%
    }
    .bp5-col-13 .bp5-offset-11 {
        margin-left: 84.61538%
    }
    .bp5-col-13 .bp5-offset-12 {
        margin-left: 92.30769%
    }
    .bp5-col-13 .bp5-offset-13 {
        margin-left: 100%
    }
    .bp5-col-13 .bp5-offset-14 {
        margin-left: 107.69231%
    }
    .bp5-col-13 .bp5-offset-15 {
        margin-left: 115.38462%
    }
    .bp5-col-13 .bp5-offset-16 {
        margin-left: 123.07692%
    }
    .bp5-col-13 .bp5-offset-17 {
        margin-left: 130.76923%
    }
    .bp5-col-13 .bp5-offset-18 {
        margin-left: 138.46154%
    }
    .bp5-col-13 .bp5-offset-19 {
        margin-left: 146.15385%
    }
    .bp5-col-13 .bp5-offset-20 {
        margin-left: 153.84615%
    }
    .bp5-col-13 .bp5-offset-21 {
        margin-left: 161.53846%
    }
    .bp5-col-13 .bp5-offset-22 {
        margin-left: 169.23077%
    }
    .bp5-col-13 .bp5-offset-23 {
        margin-left: 176.92308%
    }
    .bp5-col-13 .bp5-offset-24 {
        margin-left: 184.61538%
    }
    .bp5-col-13 .bp5-offset-25 {
        margin-left: 192.30769%
    }
    .bp5-col-13 .bp5-offset-26 {
        margin-left: 200%
    }
    .bp5-col-13 .bp5-offset-27 {
        margin-left: 207.69231%
    }
    .bp5-col-13 .bp5-offset-28 {
        margin-left: 215.38462%
    }
    .bp5-col-13 .bp5-offset-29 {
        margin-left: 223.07692%
    }
    .bp5-col-13 .bp5-offset-30 {
        margin-left: 230.76923%
    }
    .bp5-col-13 .bp5-offset-31 {
        margin-left: 238.46154%
    }
    .bp5-col-13 .bp5-offset-32 {
        margin-left: 246.15385%
    }
    .bp5-col-14 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 43.75%;
        white-space: normal
    }
    .bp5-col-14 .bp5-col-1 {
        width: 7.14286%
    }
    .bp5-col-14 .bp5-col-2 {
        width: 14.28571%
    }
    .bp5-col-14 .bp5-col-3 {
        width: 21.42857%
    }
    .bp5-col-14 .bp5-col-4 {
        width: 28.57143%
    }
    .bp5-col-14 .bp5-col-5 {
        width: 35.71429%
    }
    .bp5-col-14 .bp5-col-6 {
        width: 42.85714%
    }
    .bp5-col-14 .bp5-col-7 {
        width: 50%
    }
    .bp5-col-14 .bp5-col-8 {
        width: 57.14286%
    }
    .bp5-col-14 .bp5-col-9 {
        width: 64.28571%
    }
    .bp5-col-14 .bp5-col-10 {
        width: 71.42857%
    }
    .bp5-col-14 .bp5-col-11 {
        width: 78.57143%
    }
    .bp5-col-14 .bp5-col-12 {
        width: 85.71429%
    }
    .bp5-col-14 .bp5-col-13 {
        width: 92.85714%
    }
    .bp5-col-14 .bp5-col-14 {
        width: 100%
    }
    .bp5-col-14 .bp5-col-15 {
        width: 107.14286%
    }
    .bp5-col-14 .bp5-col-16 {
        width: 114.28571%
    }
    .bp5-col-14 .bp5-col-17 {
        width: 121.42857%
    }
    .bp5-col-14 .bp5-col-18 {
        width: 128.57143%
    }
    .bp5-col-14 .bp5-col-19 {
        width: 135.71429%
    }
    .bp5-col-14 .bp5-col-20 {
        width: 142.85714%
    }
    .bp5-col-14 .bp5-col-21 {
        width: 150%
    }
    .bp5-col-14 .bp5-col-22 {
        width: 157.14286%
    }
    .bp5-col-14 .bp5-col-23 {
        width: 164.28571%
    }
    .bp5-col-14 .bp5-col-24 {
        width: 171.42857%
    }
    .bp5-col-14 .bp5-col-25 {
        width: 178.57143%
    }
    .bp5-col-14 .bp5-col-26 {
        width: 185.71429%
    }
    .bp5-col-14 .bp5-col-27 {
        width: 192.85714%
    }
    .bp5-col-14 .bp5-col-28 {
        width: 200%
    }
    .bp5-col-14 .bp5-col-29 {
        width: 207.14286%
    }
    .bp5-col-14 .bp5-col-30 {
        width: 214.28571%
    }
    .bp5-col-14 .bp5-col-31 {
        width: 221.42857%
    }
    .bp5-col-14 .bp5-col-32 {
        width: 228.57143%
    }
    .bp5-col-14 .bp5-offset-1 {
        margin-left: 7.14286%
    }
    .bp5-col-14 .bp5-offset-2 {
        margin-left: 14.28571%
    }
    .bp5-col-14 .bp5-offset-3 {
        margin-left: 21.42857%
    }
    .bp5-col-14 .bp5-offset-4 {
        margin-left: 28.57143%
    }
    .bp5-col-14 .bp5-offset-5 {
        margin-left: 35.71429%
    }
    .bp5-col-14 .bp5-offset-6 {
        margin-left: 42.85714%
    }
    .bp5-col-14 .bp5-offset-7 {
        margin-left: 50%
    }
    .bp5-col-14 .bp5-offset-8 {
        margin-left: 57.14286%
    }
    .bp5-col-14 .bp5-offset-9 {
        margin-left: 64.28571%
    }
    .bp5-col-14 .bp5-offset-10 {
        margin-left: 71.42857%
    }
    .bp5-col-14 .bp5-offset-11 {
        margin-left: 78.57143%
    }
    .bp5-col-14 .bp5-offset-12 {
        margin-left: 85.71429%
    }
    .bp5-col-14 .bp5-offset-13 {
        margin-left: 92.85714%
    }
    .bp5-col-14 .bp5-offset-14 {
        margin-left: 100%
    }
    .bp5-col-14 .bp5-offset-15 {
        margin-left: 107.14286%
    }
    .bp5-col-14 .bp5-offset-16 {
        margin-left: 114.28571%
    }
    .bp5-col-14 .bp5-offset-17 {
        margin-left: 121.42857%
    }
    .bp5-col-14 .bp5-offset-18 {
        margin-left: 128.57143%
    }
    .bp5-col-14 .bp5-offset-19 {
        margin-left: 135.71429%
    }
    .bp5-col-14 .bp5-offset-20 {
        margin-left: 142.85714%
    }
    .bp5-col-14 .bp5-offset-21 {
        margin-left: 150%
    }
    .bp5-col-14 .bp5-offset-22 {
        margin-left: 157.14286%
    }
    .bp5-col-14 .bp5-offset-23 {
        margin-left: 164.28571%
    }
    .bp5-col-14 .bp5-offset-24 {
        margin-left: 171.42857%
    }
    .bp5-col-14 .bp5-offset-25 {
        margin-left: 178.57143%
    }
    .bp5-col-14 .bp5-offset-26 {
        margin-left: 185.71429%
    }
    .bp5-col-14 .bp5-offset-27 {
        margin-left: 192.85714%
    }
    .bp5-col-14 .bp5-offset-28 {
        margin-left: 200%
    }
    .bp5-col-14 .bp5-offset-29 {
        margin-left: 207.14286%
    }
    .bp5-col-14 .bp5-offset-30 {
        margin-left: 214.28571%
    }
    .bp5-col-14 .bp5-offset-31 {
        margin-left: 221.42857%
    }
    .bp5-col-14 .bp5-offset-32 {
        margin-left: 228.57143%
    }
    .bp5-col-15 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 46.875%;
        white-space: normal
    }
    .bp5-col-15 .bp5-col-1 {
        width: 6.66667%
    }
    .bp5-col-15 .bp5-col-2 {
        width: 13.33333%
    }
    .bp5-col-15 .bp5-col-3 {
        width: 20%
    }
    .bp5-col-15 .bp5-col-4 {
        width: 26.66667%
    }
    .bp5-col-15 .bp5-col-5 {
        width: 33.33333%
    }
    .bp5-col-15 .bp5-col-6 {
        width: 40%
    }
    .bp5-col-15 .bp5-col-7 {
        width: 46.66667%
    }
    .bp5-col-15 .bp5-col-8 {
        width: 53.33333%
    }
    .bp5-col-15 .bp5-col-9 {
        width: 60%
    }
    .bp5-col-15 .bp5-col-10 {
        width: 66.66667%
    }
    .bp5-col-15 .bp5-col-11 {
        width: 73.33333%
    }
    .bp5-col-15 .bp5-col-12 {
        width: 80%
    }
    .bp5-col-15 .bp5-col-13 {
        width: 86.66667%
    }
    .bp5-col-15 .bp5-col-14 {
        width: 93.33333%
    }
    .bp5-col-15 .bp5-col-15 {
        width: 100%
    }
    .bp5-col-15 .bp5-col-16 {
        width: 106.66667%
    }
    .bp5-col-15 .bp5-col-17 {
        width: 113.33333%
    }
    .bp5-col-15 .bp5-col-18 {
        width: 120%
    }
    .bp5-col-15 .bp5-col-19 {
        width: 126.66667%
    }
    .bp5-col-15 .bp5-col-20 {
        width: 133.33333%
    }
    .bp5-col-15 .bp5-col-21 {
        width: 140%
    }
    .bp5-col-15 .bp5-col-22 {
        width: 146.66667%
    }
    .bp5-col-15 .bp5-col-23 {
        width: 153.33333%
    }
    .bp5-col-15 .bp5-col-24 {
        width: 160%
    }
    .bp5-col-15 .bp5-col-25 {
        width: 166.66667%
    }
    .bp5-col-15 .bp5-col-26 {
        width: 173.33333%
    }
    .bp5-col-15 .bp5-col-27 {
        width: 180%
    }
    .bp5-col-15 .bp5-col-28 {
        width: 186.66667%
    }
    .bp5-col-15 .bp5-col-29 {
        width: 193.33333%
    }
    .bp5-col-15 .bp5-col-30 {
        width: 200%
    }
    .bp5-col-15 .bp5-col-31 {
        width: 206.66667%
    }
    .bp5-col-15 .bp5-col-32 {
        width: 213.33333%
    }
    .bp5-col-15 .bp5-offset-1 {
        margin-left: 6.66667%
    }
    .bp5-col-15 .bp5-offset-2 {
        margin-left: 13.33333%
    }
    .bp5-col-15 .bp5-offset-3 {
        margin-left: 20%
    }
    .bp5-col-15 .bp5-offset-4 {
        margin-left: 26.66667%
    }
    .bp5-col-15 .bp5-offset-5 {
        margin-left: 33.33333%
    }
    .bp5-col-15 .bp5-offset-6 {
        margin-left: 40%
    }
    .bp5-col-15 .bp5-offset-7 {
        margin-left: 46.66667%
    }
    .bp5-col-15 .bp5-offset-8 {
        margin-left: 53.33333%
    }
    .bp5-col-15 .bp5-offset-9 {
        margin-left: 60%
    }
    .bp5-col-15 .bp5-offset-10 {
        margin-left: 66.66667%
    }
    .bp5-col-15 .bp5-offset-11 {
        margin-left: 73.33333%
    }
    .bp5-col-15 .bp5-offset-12 {
        margin-left: 80%
    }
    .bp5-col-15 .bp5-offset-13 {
        margin-left: 86.66667%
    }
    .bp5-col-15 .bp5-offset-14 {
        margin-left: 93.33333%
    }
    .bp5-col-15 .bp5-offset-15 {
        margin-left: 100%
    }
    .bp5-col-15 .bp5-offset-16 {
        margin-left: 106.66667%
    }
    .bp5-col-15 .bp5-offset-17 {
        margin-left: 113.33333%
    }
    .bp5-col-15 .bp5-offset-18 {
        margin-left: 120%
    }
    .bp5-col-15 .bp5-offset-19 {
        margin-left: 126.66667%
    }
    .bp5-col-15 .bp5-offset-20 {
        margin-left: 133.33333%
    }
    .bp5-col-15 .bp5-offset-21 {
        margin-left: 140%
    }
    .bp5-col-15 .bp5-offset-22 {
        margin-left: 146.66667%
    }
    .bp5-col-15 .bp5-offset-23 {
        margin-left: 153.33333%
    }
    .bp5-col-15 .bp5-offset-24 {
        margin-left: 160%
    }
    .bp5-col-15 .bp5-offset-25 {
        margin-left: 166.66667%
    }
    .bp5-col-15 .bp5-offset-26 {
        margin-left: 173.33333%
    }
    .bp5-col-15 .bp5-offset-27 {
        margin-left: 180%
    }
    .bp5-col-15 .bp5-offset-28 {
        margin-left: 186.66667%
    }
    .bp5-col-15 .bp5-offset-29 {
        margin-left: 193.33333%
    }
    .bp5-col-15 .bp5-offset-30 {
        margin-left: 200%
    }
    .bp5-col-15 .bp5-offset-31 {
        margin-left: 206.66667%
    }
    .bp5-col-15 .bp5-offset-32 {
        margin-left: 213.33333%
    }
    .bp5-col-16 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 50%;
        white-space: normal
    }
    .bp5-col-16 .bp5-col-1 {
        width: 6.25%
    }
    .bp5-col-16 .bp5-col-2 {
        width: 12.5%
    }
    .bp5-col-16 .bp5-col-3 {
        width: 18.75%
    }
    .bp5-col-16 .bp5-col-4 {
        width: 25%
    }
    .bp5-col-16 .bp5-col-5 {
        width: 31.25%
    }
    .bp5-col-16 .bp5-col-6 {
        width: 37.5%
    }
    .bp5-col-16 .bp5-col-7 {
        width: 43.75%
    }
    .bp5-col-16 .bp5-col-8 {
        width: 50%
    }
    .bp5-col-16 .bp5-col-9 {
        width: 56.25%
    }
    .bp5-col-16 .bp5-col-10 {
        width: 62.5%
    }
    .bp5-col-16 .bp5-col-11 {
        width: 68.75%
    }
    .bp5-col-16 .bp5-col-12 {
        width: 75%
    }
    .bp5-col-16 .bp5-col-13 {
        width: 81.25%
    }
    .bp5-col-16 .bp5-col-14 {
        width: 87.5%
    }
    .bp5-col-16 .bp5-col-15 {
        width: 93.75%
    }
    .bp5-col-16 .bp5-col-16 {
        width: 100%
    }
    .bp5-col-16 .bp5-col-17 {
        width: 106.25%
    }
    .bp5-col-16 .bp5-col-18 {
        width: 112.5%
    }
    .bp5-col-16 .bp5-col-19 {
        width: 118.75%
    }
    .bp5-col-16 .bp5-col-20 {
        width: 125%
    }
    .bp5-col-16 .bp5-col-21 {
        width: 131.25%
    }
    .bp5-col-16 .bp5-col-22 {
        width: 137.5%
    }
    .bp5-col-16 .bp5-col-23 {
        width: 143.75%
    }
    .bp5-col-16 .bp5-col-24 {
        width: 150%
    }
    .bp5-col-16 .bp5-col-25 {
        width: 156.25%
    }
    .bp5-col-16 .bp5-col-26 {
        width: 162.5%
    }
    .bp5-col-16 .bp5-col-27 {
        width: 168.75%
    }
    .bp5-col-16 .bp5-col-28 {
        width: 175%
    }
    .bp5-col-16 .bp5-col-29 {
        width: 181.25%
    }
    .bp5-col-16 .bp5-col-30 {
        width: 187.5%
    }
    .bp5-col-16 .bp5-col-31 {
        width: 193.75%
    }
    .bp5-col-16 .bp5-col-32 {
        width: 200%
    }
    .bp5-col-16 .bp5-offset-1 {
        margin-left: 6.25%
    }
    .bp5-col-16 .bp5-offset-2 {
        margin-left: 12.5%
    }
    .bp5-col-16 .bp5-offset-3 {
        margin-left: 18.75%
    }
    .bp5-col-16 .bp5-offset-4 {
        margin-left: 25%
    }
    .bp5-col-16 .bp5-offset-5 {
        margin-left: 31.25%
    }
    .bp5-col-16 .bp5-offset-6 {
        margin-left: 37.5%
    }
    .bp5-col-16 .bp5-offset-7 {
        margin-left: 43.75%
    }
    .bp5-col-16 .bp5-offset-8 {
        margin-left: 50%
    }
    .bp5-col-16 .bp5-offset-9 {
        margin-left: 56.25%
    }
    .bp5-col-16 .bp5-offset-10 {
        margin-left: 62.5%
    }
    .bp5-col-16 .bp5-offset-11 {
        margin-left: 68.75%
    }
    .bp5-col-16 .bp5-offset-12 {
        margin-left: 75%
    }
    .bp5-col-16 .bp5-offset-13 {
        margin-left: 81.25%
    }
    .bp5-col-16 .bp5-offset-14 {
        margin-left: 87.5%
    }
    .bp5-col-16 .bp5-offset-15 {
        margin-left: 93.75%
    }
    .bp5-col-16 .bp5-offset-16 {
        margin-left: 100%
    }
    .bp5-col-16 .bp5-offset-17 {
        margin-left: 106.25%
    }
    .bp5-col-16 .bp5-offset-18 {
        margin-left: 112.5%
    }
    .bp5-col-16 .bp5-offset-19 {
        margin-left: 118.75%
    }
    .bp5-col-16 .bp5-offset-20 {
        margin-left: 125%
    }
    .bp5-col-16 .bp5-offset-21 {
        margin-left: 131.25%
    }
    .bp5-col-16 .bp5-offset-22 {
        margin-left: 137.5%
    }
    .bp5-col-16 .bp5-offset-23 {
        margin-left: 143.75%
    }
    .bp5-col-16 .bp5-offset-24 {
        margin-left: 150%
    }
    .bp5-col-16 .bp5-offset-25 {
        margin-left: 156.25%
    }
    .bp5-col-16 .bp5-offset-26 {
        margin-left: 162.5%
    }
    .bp5-col-16 .bp5-offset-27 {
        margin-left: 168.75%
    }
    .bp5-col-16 .bp5-offset-28 {
        margin-left: 175%
    }
    .bp5-col-16 .bp5-offset-29 {
        margin-left: 181.25%
    }
    .bp5-col-16 .bp5-offset-30 {
        margin-left: 187.5%
    }
    .bp5-col-16 .bp5-offset-31 {
        margin-left: 193.75%
    }
    .bp5-col-16 .bp5-offset-32 {
        margin-left: 200%
    }
    .bp5-col-17 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 53.125%;
        white-space: normal
    }
    .bp5-col-17 .bp5-col-1 {
        width: 5.88235%
    }
    .bp5-col-17 .bp5-col-2 {
        width: 11.76471%
    }
    .bp5-col-17 .bp5-col-3 {
        width: 17.64706%
    }
    .bp5-col-17 .bp5-col-4 {
        width: 23.52941%
    }
    .bp5-col-17 .bp5-col-5 {
        width: 29.41176%
    }
    .bp5-col-17 .bp5-col-6 {
        width: 35.29412%
    }
    .bp5-col-17 .bp5-col-7 {
        width: 41.17647%
    }
    .bp5-col-17 .bp5-col-8 {
        width: 47.05882%
    }
    .bp5-col-17 .bp5-col-9 {
        width: 52.94118%
    }
    .bp5-col-17 .bp5-col-10 {
        width: 58.82353%
    }
    .bp5-col-17 .bp5-col-11 {
        width: 64.70588%
    }
    .bp5-col-17 .bp5-col-12 {
        width: 70.58824%
    }
    .bp5-col-17 .bp5-col-13 {
        width: 76.47059%
    }
    .bp5-col-17 .bp5-col-14 {
        width: 82.35294%
    }
    .bp5-col-17 .bp5-col-15 {
        width: 88.23529%
    }
    .bp5-col-17 .bp5-col-16 {
        width: 94.11765%
    }
    .bp5-col-17 .bp5-col-17 {
        width: 100%
    }
    .bp5-col-17 .bp5-col-18 {
        width: 105.88235%
    }
    .bp5-col-17 .bp5-col-19 {
        width: 111.76471%
    }
    .bp5-col-17 .bp5-col-20 {
        width: 117.64706%
    }
    .bp5-col-17 .bp5-col-21 {
        width: 123.52941%
    }
    .bp5-col-17 .bp5-col-22 {
        width: 129.41176%
    }
    .bp5-col-17 .bp5-col-23 {
        width: 135.29412%
    }
    .bp5-col-17 .bp5-col-24 {
        width: 141.17647%
    }
    .bp5-col-17 .bp5-col-25 {
        width: 147.05882%
    }
    .bp5-col-17 .bp5-col-26 {
        width: 152.94118%
    }
    .bp5-col-17 .bp5-col-27 {
        width: 158.82353%
    }
    .bp5-col-17 .bp5-col-28 {
        width: 164.70588%
    }
    .bp5-col-17 .bp5-col-29 {
        width: 170.58824%
    }
    .bp5-col-17 .bp5-col-30 {
        width: 176.47059%
    }
    .bp5-col-17 .bp5-col-31 {
        width: 182.35294%
    }
    .bp5-col-17 .bp5-col-32 {
        width: 188.23529%
    }
    .bp5-col-17 .bp5-offset-1 {
        margin-left: 5.88235%
    }
    .bp5-col-17 .bp5-offset-2 {
        margin-left: 11.76471%
    }
    .bp5-col-17 .bp5-offset-3 {
        margin-left: 17.64706%
    }
    .bp5-col-17 .bp5-offset-4 {
        margin-left: 23.52941%
    }
    .bp5-col-17 .bp5-offset-5 {
        margin-left: 29.41176%
    }
    .bp5-col-17 .bp5-offset-6 {
        margin-left: 35.29412%
    }
    .bp5-col-17 .bp5-offset-7 {
        margin-left: 41.17647%
    }
    .bp5-col-17 .bp5-offset-8 {
        margin-left: 47.05882%
    }
    .bp5-col-17 .bp5-offset-9 {
        margin-left: 52.94118%
    }
    .bp5-col-17 .bp5-offset-10 {
        margin-left: 58.82353%
    }
    .bp5-col-17 .bp5-offset-11 {
        margin-left: 64.70588%
    }
    .bp5-col-17 .bp5-offset-12 {
        margin-left: 70.58824%
    }
    .bp5-col-17 .bp5-offset-13 {
        margin-left: 76.47059%
    }
    .bp5-col-17 .bp5-offset-14 {
        margin-left: 82.35294%
    }
    .bp5-col-17 .bp5-offset-15 {
        margin-left: 88.23529%
    }
    .bp5-col-17 .bp5-offset-16 {
        margin-left: 94.11765%
    }
    .bp5-col-17 .bp5-offset-17 {
        margin-left: 100%
    }
    .bp5-col-17 .bp5-offset-18 {
        margin-left: 105.88235%
    }
    .bp5-col-17 .bp5-offset-19 {
        margin-left: 111.76471%
    }
    .bp5-col-17 .bp5-offset-20 {
        margin-left: 117.64706%
    }
    .bp5-col-17 .bp5-offset-21 {
        margin-left: 123.52941%
    }
    .bp5-col-17 .bp5-offset-22 {
        margin-left: 129.41176%
    }
    .bp5-col-17 .bp5-offset-23 {
        margin-left: 135.29412%
    }
    .bp5-col-17 .bp5-offset-24 {
        margin-left: 141.17647%
    }
    .bp5-col-17 .bp5-offset-25 {
        margin-left: 147.05882%
    }
    .bp5-col-17 .bp5-offset-26 {
        margin-left: 152.94118%
    }
    .bp5-col-17 .bp5-offset-27 {
        margin-left: 158.82353%
    }
    .bp5-col-17 .bp5-offset-28 {
        margin-left: 164.70588%
    }
    .bp5-col-17 .bp5-offset-29 {
        margin-left: 170.58824%
    }
    .bp5-col-17 .bp5-offset-30 {
        margin-left: 176.47059%
    }
    .bp5-col-17 .bp5-offset-31 {
        margin-left: 182.35294%
    }
    .bp5-col-17 .bp5-offset-32 {
        margin-left: 188.23529%
    }
    .bp5-col-18 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 56.25%;
        white-space: normal
    }
    .bp5-col-18 .bp5-col-1 {
        width: 5.55556%
    }
    .bp5-col-18 .bp5-col-2 {
        width: 11.11111%
    }
    .bp5-col-18 .bp5-col-3 {
        width: 16.66667%
    }
    .bp5-col-18 .bp5-col-4 {
        width: 22.22222%
    }
    .bp5-col-18 .bp5-col-5 {
        width: 27.77778%
    }
    .bp5-col-18 .bp5-col-6 {
        width: 33.33333%
    }
    .bp5-col-18 .bp5-col-7 {
        width: 38.88889%
    }
    .bp5-col-18 .bp5-col-8 {
        width: 44.44444%
    }
    .bp5-col-18 .bp5-col-9 {
        width: 50%
    }
    .bp5-col-18 .bp5-col-10 {
        width: 55.55556%
    }
    .bp5-col-18 .bp5-col-11 {
        width: 61.11111%
    }
    .bp5-col-18 .bp5-col-12 {
        width: 66.66667%
    }
    .bp5-col-18 .bp5-col-13 {
        width: 72.22222%
    }
    .bp5-col-18 .bp5-col-14 {
        width: 77.77778%
    }
    .bp5-col-18 .bp5-col-15 {
        width: 83.33333%
    }
    .bp5-col-18 .bp5-col-16 {
        width: 88.88889%
    }
    .bp5-col-18 .bp5-col-17 {
        width: 94.44444%
    }
    .bp5-col-18 .bp5-col-18 {
        width: 100%
    }
    .bp5-col-18 .bp5-col-19 {
        width: 105.55556%
    }
    .bp5-col-18 .bp5-col-20 {
        width: 111.11111%
    }
    .bp5-col-18 .bp5-col-21 {
        width: 116.66667%
    }
    .bp5-col-18 .bp5-col-22 {
        width: 122.22222%
    }
    .bp5-col-18 .bp5-col-23 {
        width: 127.77778%
    }
    .bp5-col-18 .bp5-col-24 {
        width: 133.33333%
    }
    .bp5-col-18 .bp5-col-25 {
        width: 138.88889%
    }
    .bp5-col-18 .bp5-col-26 {
        width: 144.44444%
    }
    .bp5-col-18 .bp5-col-27 {
        width: 150%
    }
    .bp5-col-18 .bp5-col-28 {
        width: 155.55556%
    }
    .bp5-col-18 .bp5-col-29 {
        width: 161.11111%
    }
    .bp5-col-18 .bp5-col-30 {
        width: 166.66667%
    }
    .bp5-col-18 .bp5-col-31 {
        width: 172.22222%
    }
    .bp5-col-18 .bp5-col-32 {
        width: 177.77778%
    }
    .bp5-col-18 .bp5-offset-1 {
        margin-left: 5.55556%
    }
    .bp5-col-18 .bp5-offset-2 {
        margin-left: 11.11111%
    }
    .bp5-col-18 .bp5-offset-3 {
        margin-left: 16.66667%
    }
    .bp5-col-18 .bp5-offset-4 {
        margin-left: 22.22222%
    }
    .bp5-col-18 .bp5-offset-5 {
        margin-left: 27.77778%
    }
    .bp5-col-18 .bp5-offset-6 {
        margin-left: 33.33333%
    }
    .bp5-col-18 .bp5-offset-7 {
        margin-left: 38.88889%
    }
    .bp5-col-18 .bp5-offset-8 {
        margin-left: 44.44444%
    }
    .bp5-col-18 .bp5-offset-9 {
        margin-left: 50%
    }
    .bp5-col-18 .bp5-offset-10 {
        margin-left: 55.55556%
    }
    .bp5-col-18 .bp5-offset-11 {
        margin-left: 61.11111%
    }
    .bp5-col-18 .bp5-offset-12 {
        margin-left: 66.66667%
    }
    .bp5-col-18 .bp5-offset-13 {
        margin-left: 72.22222%
    }
    .bp5-col-18 .bp5-offset-14 {
        margin-left: 77.77778%
    }
    .bp5-col-18 .bp5-offset-15 {
        margin-left: 83.33333%
    }
    .bp5-col-18 .bp5-offset-16 {
        margin-left: 88.88889%
    }
    .bp5-col-18 .bp5-offset-17 {
        margin-left: 94.44444%
    }
    .bp5-col-18 .bp5-offset-18 {
        margin-left: 100%
    }
    .bp5-col-18 .bp5-offset-19 {
        margin-left: 105.55556%
    }
    .bp5-col-18 .bp5-offset-20 {
        margin-left: 111.11111%
    }
    .bp5-col-18 .bp5-offset-21 {
        margin-left: 116.66667%
    }
    .bp5-col-18 .bp5-offset-22 {
        margin-left: 122.22222%
    }
    .bp5-col-18 .bp5-offset-23 {
        margin-left: 127.77778%
    }
    .bp5-col-18 .bp5-offset-24 {
        margin-left: 133.33333%
    }
    .bp5-col-18 .bp5-offset-25 {
        margin-left: 138.88889%
    }
    .bp5-col-18 .bp5-offset-26 {
        margin-left: 144.44444%
    }
    .bp5-col-18 .bp5-offset-27 {
        margin-left: 150%
    }
    .bp5-col-18 .bp5-offset-28 {
        margin-left: 155.55556%
    }
    .bp5-col-18 .bp5-offset-29 {
        margin-left: 161.11111%
    }
    .bp5-col-18 .bp5-offset-30 {
        margin-left: 166.66667%
    }
    .bp5-col-18 .bp5-offset-31 {
        margin-left: 172.22222%
    }
    .bp5-col-18 .bp5-offset-32 {
        margin-left: 177.77778%
    }
    .bp5-col-19 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 59.375%;
        white-space: normal
    }
    .bp5-col-19 .bp5-col-1 {
        width: 5.26316%
    }
    .bp5-col-19 .bp5-col-2 {
        width: 10.52632%
    }
    .bp5-col-19 .bp5-col-3 {
        width: 15.78947%
    }
    .bp5-col-19 .bp5-col-4 {
        width: 21.05263%
    }
    .bp5-col-19 .bp5-col-5 {
        width: 26.31579%
    }
    .bp5-col-19 .bp5-col-6 {
        width: 31.57895%
    }
    .bp5-col-19 .bp5-col-7 {
        width: 36.84211%
    }
    .bp5-col-19 .bp5-col-8 {
        width: 42.10526%
    }
    .bp5-col-19 .bp5-col-9 {
        width: 47.36842%
    }
    .bp5-col-19 .bp5-col-10 {
        width: 52.63158%
    }
    .bp5-col-19 .bp5-col-11 {
        width: 57.89474%
    }
    .bp5-col-19 .bp5-col-12 {
        width: 63.15789%
    }
    .bp5-col-19 .bp5-col-13 {
        width: 68.42105%
    }
    .bp5-col-19 .bp5-col-14 {
        width: 73.68421%
    }
    .bp5-col-19 .bp5-col-15 {
        width: 78.94737%
    }
    .bp5-col-19 .bp5-col-16 {
        width: 84.21053%
    }
    .bp5-col-19 .bp5-col-17 {
        width: 89.47368%
    }
    .bp5-col-19 .bp5-col-18 {
        width: 94.73684%
    }
    .bp5-col-19 .bp5-col-19 {
        width: 100%
    }
    .bp5-col-19 .bp5-col-20 {
        width: 105.26316%
    }
    .bp5-col-19 .bp5-col-21 {
        width: 110.52632%
    }
    .bp5-col-19 .bp5-col-22 {
        width: 115.78947%
    }
    .bp5-col-19 .bp5-col-23 {
        width: 121.05263%
    }
    .bp5-col-19 .bp5-col-24 {
        width: 126.31579%
    }
    .bp5-col-19 .bp5-col-25 {
        width: 131.57895%
    }
    .bp5-col-19 .bp5-col-26 {
        width: 136.84211%
    }
    .bp5-col-19 .bp5-col-27 {
        width: 142.10526%
    }
    .bp5-col-19 .bp5-col-28 {
        width: 147.36842%
    }
    .bp5-col-19 .bp5-col-29 {
        width: 152.63158%
    }
    .bp5-col-19 .bp5-col-30 {
        width: 157.89474%
    }
    .bp5-col-19 .bp5-col-31 {
        width: 163.15789%
    }
    .bp5-col-19 .bp5-col-32 {
        width: 168.42105%
    }
    .bp5-col-19 .bp5-offset-1 {
        margin-left: 5.26316%
    }
    .bp5-col-19 .bp5-offset-2 {
        margin-left: 10.52632%
    }
    .bp5-col-19 .bp5-offset-3 {
        margin-left: 15.78947%
    }
    .bp5-col-19 .bp5-offset-4 {
        margin-left: 21.05263%
    }
    .bp5-col-19 .bp5-offset-5 {
        margin-left: 26.31579%
    }
    .bp5-col-19 .bp5-offset-6 {
        margin-left: 31.57895%
    }
    .bp5-col-19 .bp5-offset-7 {
        margin-left: 36.84211%
    }
    .bp5-col-19 .bp5-offset-8 {
        margin-left: 42.10526%
    }
    .bp5-col-19 .bp5-offset-9 {
        margin-left: 47.36842%
    }
    .bp5-col-19 .bp5-offset-10 {
        margin-left: 52.63158%
    }
    .bp5-col-19 .bp5-offset-11 {
        margin-left: 57.89474%
    }
    .bp5-col-19 .bp5-offset-12 {
        margin-left: 63.15789%
    }
    .bp5-col-19 .bp5-offset-13 {
        margin-left: 68.42105%
    }
    .bp5-col-19 .bp5-offset-14 {
        margin-left: 73.68421%
    }
    .bp5-col-19 .bp5-offset-15 {
        margin-left: 78.94737%
    }
    .bp5-col-19 .bp5-offset-16 {
        margin-left: 84.21053%
    }
    .bp5-col-19 .bp5-offset-17 {
        margin-left: 89.47368%
    }
    .bp5-col-19 .bp5-offset-18 {
        margin-left: 94.73684%
    }
    .bp5-col-19 .bp5-offset-19 {
        margin-left: 100%
    }
    .bp5-col-19 .bp5-offset-20 {
        margin-left: 105.26316%
    }
    .bp5-col-19 .bp5-offset-21 {
        margin-left: 110.52632%
    }
    .bp5-col-19 .bp5-offset-22 {
        margin-left: 115.78947%
    }
    .bp5-col-19 .bp5-offset-23 {
        margin-left: 121.05263%
    }
    .bp5-col-19 .bp5-offset-24 {
        margin-left: 126.31579%
    }
    .bp5-col-19 .bp5-offset-25 {
        margin-left: 131.57895%
    }
    .bp5-col-19 .bp5-offset-26 {
        margin-left: 136.84211%
    }
    .bp5-col-19 .bp5-offset-27 {
        margin-left: 142.10526%
    }
    .bp5-col-19 .bp5-offset-28 {
        margin-left: 147.36842%
    }
    .bp5-col-19 .bp5-offset-29 {
        margin-left: 152.63158%
    }
    .bp5-col-19 .bp5-offset-30 {
        margin-left: 157.89474%
    }
    .bp5-col-19 .bp5-offset-31 {
        margin-left: 163.15789%
    }
    .bp5-col-19 .bp5-offset-32 {
        margin-left: 168.42105%
    }
    .bp5-col-20 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 62.5%;
        white-space: normal
    }
    .bp5-col-20 .bp5-col-1 {
        width: 5%
    }
    .bp5-col-20 .bp5-col-2 {
        width: 10%
    }
    .bp5-col-20 .bp5-col-3 {
        width: 15%
    }
    .bp5-col-20 .bp5-col-4 {
        width: 20%
    }
    .bp5-col-20 .bp5-col-5 {
        width: 25%
    }
    .bp5-col-20 .bp5-col-6 {
        width: 30%
    }
    .bp5-col-20 .bp5-col-7 {
        width: 35%
    }
    .bp5-col-20 .bp5-col-8 {
        width: 40%
    }
    .bp5-col-20 .bp5-col-9 {
        width: 45%
    }
    .bp5-col-20 .bp5-col-10 {
        width: 50%
    }
    .bp5-col-20 .bp5-col-11 {
        width: 55%
    }
    .bp5-col-20 .bp5-col-12 {
        width: 60%
    }
    .bp5-col-20 .bp5-col-13 {
        width: 65%
    }
    .bp5-col-20 .bp5-col-14 {
        width: 70%
    }
    .bp5-col-20 .bp5-col-15 {
        width: 75%
    }
    .bp5-col-20 .bp5-col-16 {
        width: 80%
    }
    .bp5-col-20 .bp5-col-17 {
        width: 85%
    }
    .bp5-col-20 .bp5-col-18 {
        width: 90%
    }
    .bp5-col-20 .bp5-col-19 {
        width: 95%
    }
    .bp5-col-20 .bp5-col-20 {
        width: 100%
    }
    .bp5-col-20 .bp5-col-21 {
        width: 105%
    }
    .bp5-col-20 .bp5-col-22 {
        width: 110%
    }
    .bp5-col-20 .bp5-col-23 {
        width: 115%
    }
    .bp5-col-20 .bp5-col-24 {
        width: 120%
    }
    .bp5-col-20 .bp5-col-25 {
        width: 125%
    }
    .bp5-col-20 .bp5-col-26 {
        width: 130%
    }
    .bp5-col-20 .bp5-col-27 {
        width: 135%
    }
    .bp5-col-20 .bp5-col-28 {
        width: 140%
    }
    .bp5-col-20 .bp5-col-29 {
        width: 145%
    }
    .bp5-col-20 .bp5-col-30 {
        width: 150%
    }
    .bp5-col-20 .bp5-col-31 {
        width: 155%
    }
    .bp5-col-20 .bp5-col-32 {
        width: 160%
    }
    .bp5-col-20 .bp5-offset-1 {
        margin-left: 5%
    }
    .bp5-col-20 .bp5-offset-2 {
        margin-left: 10%
    }
    .bp5-col-20 .bp5-offset-3 {
        margin-left: 15%
    }
    .bp5-col-20 .bp5-offset-4 {
        margin-left: 20%
    }
    .bp5-col-20 .bp5-offset-5 {
        margin-left: 25%
    }
    .bp5-col-20 .bp5-offset-6 {
        margin-left: 30%
    }
    .bp5-col-20 .bp5-offset-7 {
        margin-left: 35%
    }
    .bp5-col-20 .bp5-offset-8 {
        margin-left: 40%
    }
    .bp5-col-20 .bp5-offset-9 {
        margin-left: 45%
    }
    .bp5-col-20 .bp5-offset-10 {
        margin-left: 50%
    }
    .bp5-col-20 .bp5-offset-11 {
        margin-left: 55%
    }
    .bp5-col-20 .bp5-offset-12 {
        margin-left: 60%
    }
    .bp5-col-20 .bp5-offset-13 {
        margin-left: 65%
    }
    .bp5-col-20 .bp5-offset-14 {
        margin-left: 70%
    }
    .bp5-col-20 .bp5-offset-15 {
        margin-left: 75%
    }
    .bp5-col-20 .bp5-offset-16 {
        margin-left: 80%
    }
    .bp5-col-20 .bp5-offset-17 {
        margin-left: 85%
    }
    .bp5-col-20 .bp5-offset-18 {
        margin-left: 90%
    }
    .bp5-col-20 .bp5-offset-19 {
        margin-left: 95%
    }
    .bp5-col-20 .bp5-offset-20 {
        margin-left: 100%
    }
    .bp5-col-20 .bp5-offset-21 {
        margin-left: 105%
    }
    .bp5-col-20 .bp5-offset-22 {
        margin-left: 110%
    }
    .bp5-col-20 .bp5-offset-23 {
        margin-left: 115%
    }
    .bp5-col-20 .bp5-offset-24 {
        margin-left: 120%
    }
    .bp5-col-20 .bp5-offset-25 {
        margin-left: 125%
    }
    .bp5-col-20 .bp5-offset-26 {
        margin-left: 130%
    }
    .bp5-col-20 .bp5-offset-27 {
        margin-left: 135%
    }
    .bp5-col-20 .bp5-offset-28 {
        margin-left: 140%
    }
    .bp5-col-20 .bp5-offset-29 {
        margin-left: 145%
    }
    .bp5-col-20 .bp5-offset-30 {
        margin-left: 150%
    }
    .bp5-col-20 .bp5-offset-31 {
        margin-left: 155%
    }
    .bp5-col-20 .bp5-offset-32 {
        margin-left: 160%
    }
    .bp5-col-21 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 65.625%;
        white-space: normal
    }
    .bp5-col-21 .bp5-col-1 {
        width: 4.7619%
    }
    .bp5-col-21 .bp5-col-2 {
        width: 9.52381%
    }
    .bp5-col-21 .bp5-col-3 {
        width: 14.28571%
    }
    .bp5-col-21 .bp5-col-4 {
        width: 19.04762%
    }
    .bp5-col-21 .bp5-col-5 {
        width: 23.80952%
    }
    .bp5-col-21 .bp5-col-6 {
        width: 28.57143%
    }
    .bp5-col-21 .bp5-col-7 {
        width: 33.33333%
    }
    .bp5-col-21 .bp5-col-8 {
        width: 38.09524%
    }
    .bp5-col-21 .bp5-col-9 {
        width: 42.85714%
    }
    .bp5-col-21 .bp5-col-10 {
        width: 47.61905%
    }
    .bp5-col-21 .bp5-col-11 {
        width: 52.38095%
    }
    .bp5-col-21 .bp5-col-12 {
        width: 57.14286%
    }
    .bp5-col-21 .bp5-col-13 {
        width: 61.90476%
    }
    .bp5-col-21 .bp5-col-14 {
        width: 66.66667%
    }
    .bp5-col-21 .bp5-col-15 {
        width: 71.42857%
    }
    .bp5-col-21 .bp5-col-16 {
        width: 76.19048%
    }
    .bp5-col-21 .bp5-col-17 {
        width: 80.95238%
    }
    .bp5-col-21 .bp5-col-18 {
        width: 85.71429%
    }
    .bp5-col-21 .bp5-col-19 {
        width: 90.47619%
    }
    .bp5-col-21 .bp5-col-20 {
        width: 95.2381%
    }
    .bp5-col-21 .bp5-col-21 {
        width: 100%
    }
    .bp5-col-21 .bp5-col-22 {
        width: 104.7619%
    }
    .bp5-col-21 .bp5-col-23 {
        width: 109.52381%
    }
    .bp5-col-21 .bp5-col-24 {
        width: 114.28571%
    }
    .bp5-col-21 .bp5-col-25 {
        width: 119.04762%
    }
    .bp5-col-21 .bp5-col-26 {
        width: 123.80952%
    }
    .bp5-col-21 .bp5-col-27 {
        width: 128.57143%
    }
    .bp5-col-21 .bp5-col-28 {
        width: 133.33333%
    }
    .bp5-col-21 .bp5-col-29 {
        width: 138.09524%
    }
    .bp5-col-21 .bp5-col-30 {
        width: 142.85714%
    }
    .bp5-col-21 .bp5-col-31 {
        width: 147.61905%
    }
    .bp5-col-21 .bp5-col-32 {
        width: 152.38095%
    }
    .bp5-col-21 .bp5-offset-1 {
        margin-left: 4.7619%
    }
    .bp5-col-21 .bp5-offset-2 {
        margin-left: 9.52381%
    }
    .bp5-col-21 .bp5-offset-3 {
        margin-left: 14.28571%
    }
    .bp5-col-21 .bp5-offset-4 {
        margin-left: 19.04762%
    }
    .bp5-col-21 .bp5-offset-5 {
        margin-left: 23.80952%
    }
    .bp5-col-21 .bp5-offset-6 {
        margin-left: 28.57143%
    }
    .bp5-col-21 .bp5-offset-7 {
        margin-left: 33.33333%
    }
    .bp5-col-21 .bp5-offset-8 {
        margin-left: 38.09524%
    }
    .bp5-col-21 .bp5-offset-9 {
        margin-left: 42.85714%
    }
    .bp5-col-21 .bp5-offset-10 {
        margin-left: 47.61905%
    }
    .bp5-col-21 .bp5-offset-11 {
        margin-left: 52.38095%
    }
    .bp5-col-21 .bp5-offset-12 {
        margin-left: 57.14286%
    }
    .bp5-col-21 .bp5-offset-13 {
        margin-left: 61.90476%
    }
    .bp5-col-21 .bp5-offset-14 {
        margin-left: 66.66667%
    }
    .bp5-col-21 .bp5-offset-15 {
        margin-left: 71.42857%
    }
    .bp5-col-21 .bp5-offset-16 {
        margin-left: 76.19048%
    }
    .bp5-col-21 .bp5-offset-17 {
        margin-left: 80.95238%
    }
    .bp5-col-21 .bp5-offset-18 {
        margin-left: 85.71429%
    }
    .bp5-col-21 .bp5-offset-19 {
        margin-left: 90.47619%
    }
    .bp5-col-21 .bp5-offset-20 {
        margin-left: 95.2381%
    }
    .bp5-col-21 .bp5-offset-21 {
        margin-left: 100%
    }
    .bp5-col-21 .bp5-offset-22 {
        margin-left: 104.7619%
    }
    .bp5-col-21 .bp5-offset-23 {
        margin-left: 109.52381%
    }
    .bp5-col-21 .bp5-offset-24 {
        margin-left: 114.28571%
    }
    .bp5-col-21 .bp5-offset-25 {
        margin-left: 119.04762%
    }
    .bp5-col-21 .bp5-offset-26 {
        margin-left: 123.80952%
    }
    .bp5-col-21 .bp5-offset-27 {
        margin-left: 128.57143%
    }
    .bp5-col-21 .bp5-offset-28 {
        margin-left: 133.33333%
    }
    .bp5-col-21 .bp5-offset-29 {
        margin-left: 138.09524%
    }
    .bp5-col-21 .bp5-offset-30 {
        margin-left: 142.85714%
    }
    .bp5-col-21 .bp5-offset-31 {
        margin-left: 147.61905%
    }
    .bp5-col-21 .bp5-offset-32 {
        margin-left: 152.38095%
    }
    .bp5-col-22 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 68.75%;
        white-space: normal
    }
    .bp5-col-22 .bp5-col-1 {
        width: 4.54545%
    }
    .bp5-col-22 .bp5-col-2 {
        width: 9.09091%
    }
    .bp5-col-22 .bp5-col-3 {
        width: 13.63636%
    }
    .bp5-col-22 .bp5-col-4 {
        width: 18.18182%
    }
    .bp5-col-22 .bp5-col-5 {
        width: 22.72727%
    }
    .bp5-col-22 .bp5-col-6 {
        width: 27.27273%
    }
    .bp5-col-22 .bp5-col-7 {
        width: 31.81818%
    }
    .bp5-col-22 .bp5-col-8 {
        width: 36.36364%
    }
    .bp5-col-22 .bp5-col-9 {
        width: 40.90909%
    }
    .bp5-col-22 .bp5-col-10 {
        width: 45.45455%
    }
    .bp5-col-22 .bp5-col-11 {
        width: 50%
    }
    .bp5-col-22 .bp5-col-12 {
        width: 54.54545%
    }
    .bp5-col-22 .bp5-col-13 {
        width: 59.09091%
    }
    .bp5-col-22 .bp5-col-14 {
        width: 63.63636%
    }
    .bp5-col-22 .bp5-col-15 {
        width: 68.18182%
    }
    .bp5-col-22 .bp5-col-16 {
        width: 72.72727%
    }
    .bp5-col-22 .bp5-col-17 {
        width: 77.27273%
    }
    .bp5-col-22 .bp5-col-18 {
        width: 81.81818%
    }
    .bp5-col-22 .bp5-col-19 {
        width: 86.36364%
    }
    .bp5-col-22 .bp5-col-20 {
        width: 90.90909%
    }
    .bp5-col-22 .bp5-col-21 {
        width: 95.45455%
    }
    .bp5-col-22 .bp5-col-22 {
        width: 100%
    }
    .bp5-col-22 .bp5-col-23 {
        width: 104.54545%
    }
    .bp5-col-22 .bp5-col-24 {
        width: 109.09091%
    }
    .bp5-col-22 .bp5-col-25 {
        width: 113.63636%
    }
    .bp5-col-22 .bp5-col-26 {
        width: 118.18182%
    }
    .bp5-col-22 .bp5-col-27 {
        width: 122.72727%
    }
    .bp5-col-22 .bp5-col-28 {
        width: 127.27273%
    }
    .bp5-col-22 .bp5-col-29 {
        width: 131.81818%
    }
    .bp5-col-22 .bp5-col-30 {
        width: 136.36364%
    }
    .bp5-col-22 .bp5-col-31 {
        width: 140.90909%
    }
    .bp5-col-22 .bp5-col-32 {
        width: 145.45455%
    }
    .bp5-col-22 .bp5-offset-1 {
        margin-left: 4.54545%
    }
    .bp5-col-22 .bp5-offset-2 {
        margin-left: 9.09091%
    }
    .bp5-col-22 .bp5-offset-3 {
        margin-left: 13.63636%
    }
    .bp5-col-22 .bp5-offset-4 {
        margin-left: 18.18182%
    }
    .bp5-col-22 .bp5-offset-5 {
        margin-left: 22.72727%
    }
    .bp5-col-22 .bp5-offset-6 {
        margin-left: 27.27273%
    }
    .bp5-col-22 .bp5-offset-7 {
        margin-left: 31.81818%
    }
    .bp5-col-22 .bp5-offset-8 {
        margin-left: 36.36364%
    }
    .bp5-col-22 .bp5-offset-9 {
        margin-left: 40.90909%
    }
    .bp5-col-22 .bp5-offset-10 {
        margin-left: 45.45455%
    }
    .bp5-col-22 .bp5-offset-11 {
        margin-left: 50%
    }
    .bp5-col-22 .bp5-offset-12 {
        margin-left: 54.54545%
    }
    .bp5-col-22 .bp5-offset-13 {
        margin-left: 59.09091%
    }
    .bp5-col-22 .bp5-offset-14 {
        margin-left: 63.63636%
    }
    .bp5-col-22 .bp5-offset-15 {
        margin-left: 68.18182%
    }
    .bp5-col-22 .bp5-offset-16 {
        margin-left: 72.72727%
    }
    .bp5-col-22 .bp5-offset-17 {
        margin-left: 77.27273%
    }
    .bp5-col-22 .bp5-offset-18 {
        margin-left: 81.81818%
    }
    .bp5-col-22 .bp5-offset-19 {
        margin-left: 86.36364%
    }
    .bp5-col-22 .bp5-offset-20 {
        margin-left: 90.90909%
    }
    .bp5-col-22 .bp5-offset-21 {
        margin-left: 95.45455%
    }
    .bp5-col-22 .bp5-offset-22 {
        margin-left: 100%
    }
    .bp5-col-22 .bp5-offset-23 {
        margin-left: 104.54545%
    }
    .bp5-col-22 .bp5-offset-24 {
        margin-left: 109.09091%
    }
    .bp5-col-22 .bp5-offset-25 {
        margin-left: 113.63636%
    }
    .bp5-col-22 .bp5-offset-26 {
        margin-left: 118.18182%
    }
    .bp5-col-22 .bp5-offset-27 {
        margin-left: 122.72727%
    }
    .bp5-col-22 .bp5-offset-28 {
        margin-left: 127.27273%
    }
    .bp5-col-22 .bp5-offset-29 {
        margin-left: 131.81818%
    }
    .bp5-col-22 .bp5-offset-30 {
        margin-left: 136.36364%
    }
    .bp5-col-22 .bp5-offset-31 {
        margin-left: 140.90909%
    }
    .bp5-col-22 .bp5-offset-32 {
        margin-left: 145.45455%
    }
    .bp5-col-23 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 71.875%;
        white-space: normal
    }
    .bp5-col-23 .bp5-col-1 {
        width: 4.34783%
    }
    .bp5-col-23 .bp5-col-2 {
        width: 8.69565%
    }
    .bp5-col-23 .bp5-col-3 {
        width: 13.04348%
    }
    .bp5-col-23 .bp5-col-4 {
        width: 17.3913%
    }
    .bp5-col-23 .bp5-col-5 {
        width: 21.73913%
    }
    .bp5-col-23 .bp5-col-6 {
        width: 26.08696%
    }
    .bp5-col-23 .bp5-col-7 {
        width: 30.43478%
    }
    .bp5-col-23 .bp5-col-8 {
        width: 34.78261%
    }
    .bp5-col-23 .bp5-col-9 {
        width: 39.13043%
    }
    .bp5-col-23 .bp5-col-10 {
        width: 43.47826%
    }
    .bp5-col-23 .bp5-col-11 {
        width: 47.82609%
    }
    .bp5-col-23 .bp5-col-12 {
        width: 52.17391%
    }
    .bp5-col-23 .bp5-col-13 {
        width: 56.52174%
    }
    .bp5-col-23 .bp5-col-14 {
        width: 60.86957%
    }
    .bp5-col-23 .bp5-col-15 {
        width: 65.21739%
    }
    .bp5-col-23 .bp5-col-16 {
        width: 69.56522%
    }
    .bp5-col-23 .bp5-col-17 {
        width: 73.91304%
    }
    .bp5-col-23 .bp5-col-18 {
        width: 78.26087%
    }
    .bp5-col-23 .bp5-col-19 {
        width: 82.6087%
    }
    .bp5-col-23 .bp5-col-20 {
        width: 86.95652%
    }
    .bp5-col-23 .bp5-col-21 {
        width: 91.30435%
    }
    .bp5-col-23 .bp5-col-22 {
        width: 95.65217%
    }
    .bp5-col-23 .bp5-col-23 {
        width: 100%
    }
    .bp5-col-23 .bp5-col-24 {
        width: 104.34783%
    }
    .bp5-col-23 .bp5-col-25 {
        width: 108.69565%
    }
    .bp5-col-23 .bp5-col-26 {
        width: 113.04348%
    }
    .bp5-col-23 .bp5-col-27 {
        width: 117.3913%
    }
    .bp5-col-23 .bp5-col-28 {
        width: 121.73913%
    }
    .bp5-col-23 .bp5-col-29 {
        width: 126.08696%
    }
    .bp5-col-23 .bp5-col-30 {
        width: 130.43478%
    }
    .bp5-col-23 .bp5-col-31 {
        width: 134.78261%
    }
    .bp5-col-23 .bp5-col-32 {
        width: 139.13043%
    }
    .bp5-col-23 .bp5-offset-1 {
        margin-left: 4.34783%
    }
    .bp5-col-23 .bp5-offset-2 {
        margin-left: 8.69565%
    }
    .bp5-col-23 .bp5-offset-3 {
        margin-left: 13.04348%
    }
    .bp5-col-23 .bp5-offset-4 {
        margin-left: 17.3913%
    }
    .bp5-col-23 .bp5-offset-5 {
        margin-left: 21.73913%
    }
    .bp5-col-23 .bp5-offset-6 {
        margin-left: 26.08696%
    }
    .bp5-col-23 .bp5-offset-7 {
        margin-left: 30.43478%
    }
    .bp5-col-23 .bp5-offset-8 {
        margin-left: 34.78261%
    }
    .bp5-col-23 .bp5-offset-9 {
        margin-left: 39.13043%
    }
    .bp5-col-23 .bp5-offset-10 {
        margin-left: 43.47826%
    }
    .bp5-col-23 .bp5-offset-11 {
        margin-left: 47.82609%
    }
    .bp5-col-23 .bp5-offset-12 {
        margin-left: 52.17391%
    }
    .bp5-col-23 .bp5-offset-13 {
        margin-left: 56.52174%
    }
    .bp5-col-23 .bp5-offset-14 {
        margin-left: 60.86957%
    }
    .bp5-col-23 .bp5-offset-15 {
        margin-left: 65.21739%
    }
    .bp5-col-23 .bp5-offset-16 {
        margin-left: 69.56522%
    }
    .bp5-col-23 .bp5-offset-17 {
        margin-left: 73.91304%
    }
    .bp5-col-23 .bp5-offset-18 {
        margin-left: 78.26087%
    }
    .bp5-col-23 .bp5-offset-19 {
        margin-left: 82.6087%
    }
    .bp5-col-23 .bp5-offset-20 {
        margin-left: 86.95652%
    }
    .bp5-col-23 .bp5-offset-21 {
        margin-left: 91.30435%
    }
    .bp5-col-23 .bp5-offset-22 {
        margin-left: 95.65217%
    }
    .bp5-col-23 .bp5-offset-23 {
        margin-left: 100%
    }
    .bp5-col-23 .bp5-offset-24 {
        margin-left: 104.34783%
    }
    .bp5-col-23 .bp5-offset-25 {
        margin-left: 108.69565%
    }
    .bp5-col-23 .bp5-offset-26 {
        margin-left: 113.04348%
    }
    .bp5-col-23 .bp5-offset-27 {
        margin-left: 117.3913%
    }
    .bp5-col-23 .bp5-offset-28 {
        margin-left: 121.73913%
    }
    .bp5-col-23 .bp5-offset-29 {
        margin-left: 126.08696%
    }
    .bp5-col-23 .bp5-offset-30 {
        margin-left: 130.43478%
    }
    .bp5-col-23 .bp5-offset-31 {
        margin-left: 134.78261%
    }
    .bp5-col-23 .bp5-offset-32 {
        margin-left: 139.13043%
    }
    .bp5-col-24 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 75%;
        white-space: normal
    }
    .bp5-col-24 .bp5-col-1 {
        width: 4.16667%
    }
    .bp5-col-24 .bp5-col-2 {
        width: 8.33333%
    }
    .bp5-col-24 .bp5-col-3 {
        width: 12.5%
    }
    .bp5-col-24 .bp5-col-4 {
        width: 16.66667%
    }
    .bp5-col-24 .bp5-col-5 {
        width: 20.83333%
    }
    .bp5-col-24 .bp5-col-6 {
        width: 25%
    }
    .bp5-col-24 .bp5-col-7 {
        width: 29.16667%
    }
    .bp5-col-24 .bp5-col-8 {
        width: 33.33333%
    }
    .bp5-col-24 .bp5-col-9 {
        width: 37.5%
    }
    .bp5-col-24 .bp5-col-10 {
        width: 41.66667%
    }
    .bp5-col-24 .bp5-col-11 {
        width: 45.83333%
    }
    .bp5-col-24 .bp5-col-12 {
        width: 50%
    }
    .bp5-col-24 .bp5-col-13 {
        width: 54.16667%
    }
    .bp5-col-24 .bp5-col-14 {
        width: 58.33333%
    }
    .bp5-col-24 .bp5-col-15 {
        width: 62.5%
    }
    .bp5-col-24 .bp5-col-16 {
        width: 66.66667%
    }
    .bp5-col-24 .bp5-col-17 {
        width: 70.83333%
    }
    .bp5-col-24 .bp5-col-18 {
        width: 75%
    }
    .bp5-col-24 .bp5-col-19 {
        width: 79.16667%
    }
    .bp5-col-24 .bp5-col-20 {
        width: 83.33333%
    }
    .bp5-col-24 .bp5-col-21 {
        width: 87.5%
    }
    .bp5-col-24 .bp5-col-22 {
        width: 91.66667%
    }
    .bp5-col-24 .bp5-col-23 {
        width: 95.83333%
    }
    .bp5-col-24 .bp5-col-24 {
        width: 100%
    }
    .bp5-col-24 .bp5-col-25 {
        width: 104.16667%
    }
    .bp5-col-24 .bp5-col-26 {
        width: 108.33333%
    }
    .bp5-col-24 .bp5-col-27 {
        width: 112.5%
    }
    .bp5-col-24 .bp5-col-28 {
        width: 116.66667%
    }
    .bp5-col-24 .bp5-col-29 {
        width: 120.83333%
    }
    .bp5-col-24 .bp5-col-30 {
        width: 125%
    }
    .bp5-col-24 .bp5-col-31 {
        width: 129.16667%
    }
    .bp5-col-24 .bp5-col-32 {
        width: 133.33333%
    }
    .bp5-col-24 .bp5-offset-1 {
        margin-left: 4.16667%
    }
    .bp5-col-24 .bp5-offset-2 {
        margin-left: 8.33333%
    }
    .bp5-col-24 .bp5-offset-3 {
        margin-left: 12.5%
    }
    .bp5-col-24 .bp5-offset-4 {
        margin-left: 16.66667%
    }
    .bp5-col-24 .bp5-offset-5 {
        margin-left: 20.83333%
    }
    .bp5-col-24 .bp5-offset-6 {
        margin-left: 25%
    }
    .bp5-col-24 .bp5-offset-7 {
        margin-left: 29.16667%
    }
    .bp5-col-24 .bp5-offset-8 {
        margin-left: 33.33333%
    }
    .bp5-col-24 .bp5-offset-9 {
        margin-left: 37.5%
    }
    .bp5-col-24 .bp5-offset-10 {
        margin-left: 41.66667%
    }
    .bp5-col-24 .bp5-offset-11 {
        margin-left: 45.83333%
    }
    .bp5-col-24 .bp5-offset-12 {
        margin-left: 50%
    }
    .bp5-col-24 .bp5-offset-13 {
        margin-left: 54.16667%
    }
    .bp5-col-24 .bp5-offset-14 {
        margin-left: 58.33333%
    }
    .bp5-col-24 .bp5-offset-15 {
        margin-left: 62.5%
    }
    .bp5-col-24 .bp5-offset-16 {
        margin-left: 66.66667%
    }
    .bp5-col-24 .bp5-offset-17 {
        margin-left: 70.83333%
    }
    .bp5-col-24 .bp5-offset-18 {
        margin-left: 75%
    }
    .bp5-col-24 .bp5-offset-19 {
        margin-left: 79.16667%
    }
    .bp5-col-24 .bp5-offset-20 {
        margin-left: 83.33333%
    }
    .bp5-col-24 .bp5-offset-21 {
        margin-left: 87.5%
    }
    .bp5-col-24 .bp5-offset-22 {
        margin-left: 91.66667%
    }
    .bp5-col-24 .bp5-offset-23 {
        margin-left: 95.83333%
    }
    .bp5-col-24 .bp5-offset-24 {
        margin-left: 100%
    }
    .bp5-col-24 .bp5-offset-25 {
        margin-left: 104.16667%
    }
    .bp5-col-24 .bp5-offset-26 {
        margin-left: 108.33333%
    }
    .bp5-col-24 .bp5-offset-27 {
        margin-left: 112.5%
    }
    .bp5-col-24 .bp5-offset-28 {
        margin-left: 116.66667%
    }
    .bp5-col-24 .bp5-offset-29 {
        margin-left: 120.83333%
    }
    .bp5-col-24 .bp5-offset-30 {
        margin-left: 125%
    }
    .bp5-col-24 .bp5-offset-31 {
        margin-left: 129.16667%
    }
    .bp5-col-24 .bp5-offset-32 {
        margin-left: 133.33333%
    }
    .bp5-col-25 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 78.125%;
        white-space: normal
    }
    .bp5-col-25 .bp5-col-1 {
        width: 4%
    }
    .bp5-col-25 .bp5-col-2 {
        width: 8%
    }
    .bp5-col-25 .bp5-col-3 {
        width: 12%
    }
    .bp5-col-25 .bp5-col-4 {
        width: 16%
    }
    .bp5-col-25 .bp5-col-5 {
        width: 20%
    }
    .bp5-col-25 .bp5-col-6 {
        width: 24%
    }
    .bp5-col-25 .bp5-col-7 {
        width: 28%
    }
    .bp5-col-25 .bp5-col-8 {
        width: 32%
    }
    .bp5-col-25 .bp5-col-9 {
        width: 36%
    }
    .bp5-col-25 .bp5-col-10 {
        width: 40%
    }
    .bp5-col-25 .bp5-col-11 {
        width: 44%
    }
    .bp5-col-25 .bp5-col-12 {
        width: 48%
    }
    .bp5-col-25 .bp5-col-13 {
        width: 52%
    }
    .bp5-col-25 .bp5-col-14 {
        width: 56%
    }
    .bp5-col-25 .bp5-col-15 {
        width: 60%
    }
    .bp5-col-25 .bp5-col-16 {
        width: 64%
    }
    .bp5-col-25 .bp5-col-17 {
        width: 68%
    }
    .bp5-col-25 .bp5-col-18 {
        width: 72%
    }
    .bp5-col-25 .bp5-col-19 {
        width: 76%
    }
    .bp5-col-25 .bp5-col-20 {
        width: 80%
    }
    .bp5-col-25 .bp5-col-21 {
        width: 84%
    }
    .bp5-col-25 .bp5-col-22 {
        width: 88%
    }
    .bp5-col-25 .bp5-col-23 {
        width: 92%
    }
    .bp5-col-25 .bp5-col-24 {
        width: 96%
    }
    .bp5-col-25 .bp5-col-25 {
        width: 100%
    }
    .bp5-col-25 .bp5-col-26 {
        width: 104%
    }
    .bp5-col-25 .bp5-col-27 {
        width: 108%
    }
    .bp5-col-25 .bp5-col-28 {
        width: 112%
    }
    .bp5-col-25 .bp5-col-29 {
        width: 116%
    }
    .bp5-col-25 .bp5-col-30 {
        width: 120%
    }
    .bp5-col-25 .bp5-col-31 {
        width: 124%
    }
    .bp5-col-25 .bp5-col-32 {
        width: 128%
    }
    .bp5-col-25 .bp5-offset-1 {
        margin-left: 4%
    }
    .bp5-col-25 .bp5-offset-2 {
        margin-left: 8%
    }
    .bp5-col-25 .bp5-offset-3 {
        margin-left: 12%
    }
    .bp5-col-25 .bp5-offset-4 {
        margin-left: 16%
    }
    .bp5-col-25 .bp5-offset-5 {
        margin-left: 20%
    }
    .bp5-col-25 .bp5-offset-6 {
        margin-left: 24%
    }
    .bp5-col-25 .bp5-offset-7 {
        margin-left: 28%
    }
    .bp5-col-25 .bp5-offset-8 {
        margin-left: 32%
    }
    .bp5-col-25 .bp5-offset-9 {
        margin-left: 36%
    }
    .bp5-col-25 .bp5-offset-10 {
        margin-left: 40%
    }
    .bp5-col-25 .bp5-offset-11 {
        margin-left: 44%
    }
    .bp5-col-25 .bp5-offset-12 {
        margin-left: 48%
    }
    .bp5-col-25 .bp5-offset-13 {
        margin-left: 52%
    }
    .bp5-col-25 .bp5-offset-14 {
        margin-left: 56%
    }
    .bp5-col-25 .bp5-offset-15 {
        margin-left: 60%
    }
    .bp5-col-25 .bp5-offset-16 {
        margin-left: 64%
    }
    .bp5-col-25 .bp5-offset-17 {
        margin-left: 68%
    }
    .bp5-col-25 .bp5-offset-18 {
        margin-left: 72%
    }
    .bp5-col-25 .bp5-offset-19 {
        margin-left: 76%
    }
    .bp5-col-25 .bp5-offset-20 {
        margin-left: 80%
    }
    .bp5-col-25 .bp5-offset-21 {
        margin-left: 84%
    }
    .bp5-col-25 .bp5-offset-22 {
        margin-left: 88%
    }
    .bp5-col-25 .bp5-offset-23 {
        margin-left: 92%
    }
    .bp5-col-25 .bp5-offset-24 {
        margin-left: 96%
    }
    .bp5-col-25 .bp5-offset-25 {
        margin-left: 100%
    }
    .bp5-col-25 .bp5-offset-26 {
        margin-left: 104%
    }
    .bp5-col-25 .bp5-offset-27 {
        margin-left: 108%
    }
    .bp5-col-25 .bp5-offset-28 {
        margin-left: 112%
    }
    .bp5-col-25 .bp5-offset-29 {
        margin-left: 116%
    }
    .bp5-col-25 .bp5-offset-30 {
        margin-left: 120%
    }
    .bp5-col-25 .bp5-offset-31 {
        margin-left: 124%
    }
    .bp5-col-25 .bp5-offset-32 {
        margin-left: 128%
    }
    .bp5-col-26 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 81.25%;
        white-space: normal
    }
    .bp5-col-26 .bp5-col-1 {
        width: 3.84615%
    }
    .bp5-col-26 .bp5-col-2 {
        width: 7.69231%
    }
    .bp5-col-26 .bp5-col-3 {
        width: 11.53846%
    }
    .bp5-col-26 .bp5-col-4 {
        width: 15.38462%
    }
    .bp5-col-26 .bp5-col-5 {
        width: 19.23077%
    }
    .bp5-col-26 .bp5-col-6 {
        width: 23.07692%
    }
    .bp5-col-26 .bp5-col-7 {
        width: 26.92308%
    }
    .bp5-col-26 .bp5-col-8 {
        width: 30.76923%
    }
    .bp5-col-26 .bp5-col-9 {
        width: 34.61538%
    }
    .bp5-col-26 .bp5-col-10 {
        width: 38.46154%
    }
    .bp5-col-26 .bp5-col-11 {
        width: 42.30769%
    }
    .bp5-col-26 .bp5-col-12 {
        width: 46.15385%
    }
    .bp5-col-26 .bp5-col-13 {
        width: 50%
    }
    .bp5-col-26 .bp5-col-14 {
        width: 53.84615%
    }
    .bp5-col-26 .bp5-col-15 {
        width: 57.69231%
    }
    .bp5-col-26 .bp5-col-16 {
        width: 61.53846%
    }
    .bp5-col-26 .bp5-col-17 {
        width: 65.38462%
    }
    .bp5-col-26 .bp5-col-18 {
        width: 69.23077%
    }
    .bp5-col-26 .bp5-col-19 {
        width: 73.07692%
    }
    .bp5-col-26 .bp5-col-20 {
        width: 76.92308%
    }
    .bp5-col-26 .bp5-col-21 {
        width: 80.76923%
    }
    .bp5-col-26 .bp5-col-22 {
        width: 84.61538%
    }
    .bp5-col-26 .bp5-col-23 {
        width: 88.46154%
    }
    .bp5-col-26 .bp5-col-24 {
        width: 92.30769%
    }
    .bp5-col-26 .bp5-col-25 {
        width: 96.15385%
    }
    .bp5-col-26 .bp5-col-26 {
        width: 100%
    }
    .bp5-col-26 .bp5-col-27 {
        width: 103.84615%
    }
    .bp5-col-26 .bp5-col-28 {
        width: 107.69231%
    }
    .bp5-col-26 .bp5-col-29 {
        width: 111.53846%
    }
    .bp5-col-26 .bp5-col-30 {
        width: 115.38462%
    }
    .bp5-col-26 .bp5-col-31 {
        width: 119.23077%
    }
    .bp5-col-26 .bp5-col-32 {
        width: 123.07692%
    }
    .bp5-col-26 .bp5-offset-1 {
        margin-left: 3.84615%
    }
    .bp5-col-26 .bp5-offset-2 {
        margin-left: 7.69231%
    }
    .bp5-col-26 .bp5-offset-3 {
        margin-left: 11.53846%
    }
    .bp5-col-26 .bp5-offset-4 {
        margin-left: 15.38462%
    }
    .bp5-col-26 .bp5-offset-5 {
        margin-left: 19.23077%
    }
    .bp5-col-26 .bp5-offset-6 {
        margin-left: 23.07692%
    }
    .bp5-col-26 .bp5-offset-7 {
        margin-left: 26.92308%
    }
    .bp5-col-26 .bp5-offset-8 {
        margin-left: 30.76923%
    }
    .bp5-col-26 .bp5-offset-9 {
        margin-left: 34.61538%
    }
    .bp5-col-26 .bp5-offset-10 {
        margin-left: 38.46154%
    }
    .bp5-col-26 .bp5-offset-11 {
        margin-left: 42.30769%
    }
    .bp5-col-26 .bp5-offset-12 {
        margin-left: 46.15385%
    }
    .bp5-col-26 .bp5-offset-13 {
        margin-left: 50%
    }
    .bp5-col-26 .bp5-offset-14 {
        margin-left: 53.84615%
    }
    .bp5-col-26 .bp5-offset-15 {
        margin-left: 57.69231%
    }
    .bp5-col-26 .bp5-offset-16 {
        margin-left: 61.53846%
    }
    .bp5-col-26 .bp5-offset-17 {
        margin-left: 65.38462%
    }
    .bp5-col-26 .bp5-offset-18 {
        margin-left: 69.23077%
    }
    .bp5-col-26 .bp5-offset-19 {
        margin-left: 73.07692%
    }
    .bp5-col-26 .bp5-offset-20 {
        margin-left: 76.92308%
    }
    .bp5-col-26 .bp5-offset-21 {
        margin-left: 80.76923%
    }
    .bp5-col-26 .bp5-offset-22 {
        margin-left: 84.61538%
    }
    .bp5-col-26 .bp5-offset-23 {
        margin-left: 88.46154%
    }
    .bp5-col-26 .bp5-offset-24 {
        margin-left: 92.30769%
    }
    .bp5-col-26 .bp5-offset-25 {
        margin-left: 96.15385%
    }
    .bp5-col-26 .bp5-offset-26 {
        margin-left: 100%
    }
    .bp5-col-26 .bp5-offset-27 {
        margin-left: 103.84615%
    }
    .bp5-col-26 .bp5-offset-28 {
        margin-left: 107.69231%
    }
    .bp5-col-26 .bp5-offset-29 {
        margin-left: 111.53846%
    }
    .bp5-col-26 .bp5-offset-30 {
        margin-left: 115.38462%
    }
    .bp5-col-26 .bp5-offset-31 {
        margin-left: 119.23077%
    }
    .bp5-col-26 .bp5-offset-32 {
        margin-left: 123.07692%
    }
    .bp5-col-27 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 84.375%;
        white-space: normal
    }
    .bp5-col-27 .bp5-col-1 {
        width: 3.7037%
    }
    .bp5-col-27 .bp5-col-2 {
        width: 7.40741%
    }
    .bp5-col-27 .bp5-col-3 {
        width: 11.11111%
    }
    .bp5-col-27 .bp5-col-4 {
        width: 14.81481%
    }
    .bp5-col-27 .bp5-col-5 {
        width: 18.51852%
    }
    .bp5-col-27 .bp5-col-6 {
        width: 22.22222%
    }
    .bp5-col-27 .bp5-col-7 {
        width: 25.92593%
    }
    .bp5-col-27 .bp5-col-8 {
        width: 29.62963%
    }
    .bp5-col-27 .bp5-col-9 {
        width: 33.33333%
    }
    .bp5-col-27 .bp5-col-10 {
        width: 37.03704%
    }
    .bp5-col-27 .bp5-col-11 {
        width: 40.74074%
    }
    .bp5-col-27 .bp5-col-12 {
        width: 44.44444%
    }
    .bp5-col-27 .bp5-col-13 {
        width: 48.14815%
    }
    .bp5-col-27 .bp5-col-14 {
        width: 51.85185%
    }
    .bp5-col-27 .bp5-col-15 {
        width: 55.55556%
    }
    .bp5-col-27 .bp5-col-16 {
        width: 59.25926%
    }
    .bp5-col-27 .bp5-col-17 {
        width: 62.96296%
    }
    .bp5-col-27 .bp5-col-18 {
        width: 66.66667%
    }
    .bp5-col-27 .bp5-col-19 {
        width: 70.37037%
    }
    .bp5-col-27 .bp5-col-20 {
        width: 74.07407%
    }
    .bp5-col-27 .bp5-col-21 {
        width: 77.77778%
    }
    .bp5-col-27 .bp5-col-22 {
        width: 81.48148%
    }
    .bp5-col-27 .bp5-col-23 {
        width: 85.18519%
    }
    .bp5-col-27 .bp5-col-24 {
        width: 88.88889%
    }
    .bp5-col-27 .bp5-col-25 {
        width: 92.59259%
    }
    .bp5-col-27 .bp5-col-26 {
        width: 96.2963%
    }
    .bp5-col-27 .bp5-col-27 {
        width: 100%
    }
    .bp5-col-27 .bp5-col-28 {
        width: 103.7037%
    }
    .bp5-col-27 .bp5-col-29 {
        width: 107.40741%
    }
    .bp5-col-27 .bp5-col-30 {
        width: 111.11111%
    }
    .bp5-col-27 .bp5-col-31 {
        width: 114.81481%
    }
    .bp5-col-27 .bp5-col-32 {
        width: 118.51852%
    }
    .bp5-col-27 .bp5-offset-1 {
        margin-left: 3.7037%
    }
    .bp5-col-27 .bp5-offset-2 {
        margin-left: 7.40741%
    }
    .bp5-col-27 .bp5-offset-3 {
        margin-left: 11.11111%
    }
    .bp5-col-27 .bp5-offset-4 {
        margin-left: 14.81481%
    }
    .bp5-col-27 .bp5-offset-5 {
        margin-left: 18.51852%
    }
    .bp5-col-27 .bp5-offset-6 {
        margin-left: 22.22222%
    }
    .bp5-col-27 .bp5-offset-7 {
        margin-left: 25.92593%
    }
    .bp5-col-27 .bp5-offset-8 {
        margin-left: 29.62963%
    }
    .bp5-col-27 .bp5-offset-9 {
        margin-left: 33.33333%
    }
    .bp5-col-27 .bp5-offset-10 {
        margin-left: 37.03704%
    }
    .bp5-col-27 .bp5-offset-11 {
        margin-left: 40.74074%
    }
    .bp5-col-27 .bp5-offset-12 {
        margin-left: 44.44444%
    }
    .bp5-col-27 .bp5-offset-13 {
        margin-left: 48.14815%
    }
    .bp5-col-27 .bp5-offset-14 {
        margin-left: 51.85185%
    }
    .bp5-col-27 .bp5-offset-15 {
        margin-left: 55.55556%
    }
    .bp5-col-27 .bp5-offset-16 {
        margin-left: 59.25926%
    }
    .bp5-col-27 .bp5-offset-17 {
        margin-left: 62.96296%
    }
    .bp5-col-27 .bp5-offset-18 {
        margin-left: 66.66667%
    }
    .bp5-col-27 .bp5-offset-19 {
        margin-left: 70.37037%
    }
    .bp5-col-27 .bp5-offset-20 {
        margin-left: 74.07407%
    }
    .bp5-col-27 .bp5-offset-21 {
        margin-left: 77.77778%
    }
    .bp5-col-27 .bp5-offset-22 {
        margin-left: 81.48148%
    }
    .bp5-col-27 .bp5-offset-23 {
        margin-left: 85.18519%
    }
    .bp5-col-27 .bp5-offset-24 {
        margin-left: 88.88889%
    }
    .bp5-col-27 .bp5-offset-25 {
        margin-left: 92.59259%
    }
    .bp5-col-27 .bp5-offset-26 {
        margin-left: 96.2963%
    }
    .bp5-col-27 .bp5-offset-27 {
        margin-left: 100%
    }
    .bp5-col-27 .bp5-offset-28 {
        margin-left: 103.7037%
    }
    .bp5-col-27 .bp5-offset-29 {
        margin-left: 107.40741%
    }
    .bp5-col-27 .bp5-offset-30 {
        margin-left: 111.11111%
    }
    .bp5-col-27 .bp5-offset-31 {
        margin-left: 114.81481%
    }
    .bp5-col-27 .bp5-offset-32 {
        margin-left: 118.51852%
    }
    .bp5-col-28 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 87.5%;
        white-space: normal
    }
    .bp5-col-28 .bp5-col-1 {
        width: 3.57143%
    }
    .bp5-col-28 .bp5-col-2 {
        width: 7.14286%
    }
    .bp5-col-28 .bp5-col-3 {
        width: 10.71429%
    }
    .bp5-col-28 .bp5-col-4 {
        width: 14.28571%
    }
    .bp5-col-28 .bp5-col-5 {
        width: 17.85714%
    }
    .bp5-col-28 .bp5-col-6 {
        width: 21.42857%
    }
    .bp5-col-28 .bp5-col-7 {
        width: 25%
    }
    .bp5-col-28 .bp5-col-8 {
        width: 28.57143%
    }
    .bp5-col-28 .bp5-col-9 {
        width: 32.14286%
    }
    .bp5-col-28 .bp5-col-10 {
        width: 35.71429%
    }
    .bp5-col-28 .bp5-col-11 {
        width: 39.28571%
    }
    .bp5-col-28 .bp5-col-12 {
        width: 42.85714%
    }
    .bp5-col-28 .bp5-col-13 {
        width: 46.42857%
    }
    .bp5-col-28 .bp5-col-14 {
        width: 50%
    }
    .bp5-col-28 .bp5-col-15 {
        width: 53.57143%
    }
    .bp5-col-28 .bp5-col-16 {
        width: 57.14286%
    }
    .bp5-col-28 .bp5-col-17 {
        width: 60.71429%
    }
    .bp5-col-28 .bp5-col-18 {
        width: 64.28571%
    }
    .bp5-col-28 .bp5-col-19 {
        width: 67.85714%
    }
    .bp5-col-28 .bp5-col-20 {
        width: 71.42857%
    }
    .bp5-col-28 .bp5-col-21 {
        width: 75%
    }
    .bp5-col-28 .bp5-col-22 {
        width: 78.57143%
    }
    .bp5-col-28 .bp5-col-23 {
        width: 82.14286%
    }
    .bp5-col-28 .bp5-col-24 {
        width: 85.71429%
    }
    .bp5-col-28 .bp5-col-25 {
        width: 89.28571%
    }
    .bp5-col-28 .bp5-col-26 {
        width: 92.85714%
    }
    .bp5-col-28 .bp5-col-27 {
        width: 96.42857%
    }
    .bp5-col-28 .bp5-col-28 {
        width: 100%
    }
    .bp5-col-28 .bp5-col-29 {
        width: 103.57143%
    }
    .bp5-col-28 .bp5-col-30 {
        width: 107.14286%
    }
    .bp5-col-28 .bp5-col-31 {
        width: 110.71429%
    }
    .bp5-col-28 .bp5-col-32 {
        width: 114.28571%
    }
    .bp5-col-28 .bp5-offset-1 {
        margin-left: 3.57143%
    }
    .bp5-col-28 .bp5-offset-2 {
        margin-left: 7.14286%
    }
    .bp5-col-28 .bp5-offset-3 {
        margin-left: 10.71429%
    }
    .bp5-col-28 .bp5-offset-4 {
        margin-left: 14.28571%
    }
    .bp5-col-28 .bp5-offset-5 {
        margin-left: 17.85714%
    }
    .bp5-col-28 .bp5-offset-6 {
        margin-left: 21.42857%
    }
    .bp5-col-28 .bp5-offset-7 {
        margin-left: 25%
    }
    .bp5-col-28 .bp5-offset-8 {
        margin-left: 28.57143%
    }
    .bp5-col-28 .bp5-offset-9 {
        margin-left: 32.14286%
    }
    .bp5-col-28 .bp5-offset-10 {
        margin-left: 35.71429%
    }
    .bp5-col-28 .bp5-offset-11 {
        margin-left: 39.28571%
    }
    .bp5-col-28 .bp5-offset-12 {
        margin-left: 42.85714%
    }
    .bp5-col-28 .bp5-offset-13 {
        margin-left: 46.42857%
    }
    .bp5-col-28 .bp5-offset-14 {
        margin-left: 50%
    }
    .bp5-col-28 .bp5-offset-15 {
        margin-left: 53.57143%
    }
    .bp5-col-28 .bp5-offset-16 {
        margin-left: 57.14286%
    }
    .bp5-col-28 .bp5-offset-17 {
        margin-left: 60.71429%
    }
    .bp5-col-28 .bp5-offset-18 {
        margin-left: 64.28571%
    }
    .bp5-col-28 .bp5-offset-19 {
        margin-left: 67.85714%
    }
    .bp5-col-28 .bp5-offset-20 {
        margin-left: 71.42857%
    }
    .bp5-col-28 .bp5-offset-21 {
        margin-left: 75%
    }
    .bp5-col-28 .bp5-offset-22 {
        margin-left: 78.57143%
    }
    .bp5-col-28 .bp5-offset-23 {
        margin-left: 82.14286%
    }
    .bp5-col-28 .bp5-offset-24 {
        margin-left: 85.71429%
    }
    .bp5-col-28 .bp5-offset-25 {
        margin-left: 89.28571%
    }
    .bp5-col-28 .bp5-offset-26 {
        margin-left: 92.85714%
    }
    .bp5-col-28 .bp5-offset-27 {
        margin-left: 96.42857%
    }
    .bp5-col-28 .bp5-offset-28 {
        margin-left: 100%
    }
    .bp5-col-28 .bp5-offset-29 {
        margin-left: 103.57143%
    }
    .bp5-col-28 .bp5-offset-30 {
        margin-left: 107.14286%
    }
    .bp5-col-28 .bp5-offset-31 {
        margin-left: 110.71429%
    }
    .bp5-col-28 .bp5-offset-32 {
        margin-left: 114.28571%
    }
    .bp5-col-29 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 90.625%;
        white-space: normal
    }
    .bp5-col-29 .bp5-col-1 {
        width: 3.44828%
    }
    .bp5-col-29 .bp5-col-2 {
        width: 6.89655%
    }
    .bp5-col-29 .bp5-col-3 {
        width: 10.34483%
    }
    .bp5-col-29 .bp5-col-4 {
        width: 13.7931%
    }
    .bp5-col-29 .bp5-col-5 {
        width: 17.24138%
    }
    .bp5-col-29 .bp5-col-6 {
        width: 20.68966%
    }
    .bp5-col-29 .bp5-col-7 {
        width: 24.13793%
    }
    .bp5-col-29 .bp5-col-8 {
        width: 27.58621%
    }
    .bp5-col-29 .bp5-col-9 {
        width: 31.03448%
    }
    .bp5-col-29 .bp5-col-10 {
        width: 34.48276%
    }
    .bp5-col-29 .bp5-col-11 {
        width: 37.93103%
    }
    .bp5-col-29 .bp5-col-12 {
        width: 41.37931%
    }
    .bp5-col-29 .bp5-col-13 {
        width: 44.82759%
    }
    .bp5-col-29 .bp5-col-14 {
        width: 48.27586%
    }
    .bp5-col-29 .bp5-col-15 {
        width: 51.72414%
    }
    .bp5-col-29 .bp5-col-16 {
        width: 55.17241%
    }
    .bp5-col-29 .bp5-col-17 {
        width: 58.62069%
    }
    .bp5-col-29 .bp5-col-18 {
        width: 62.06897%
    }
    .bp5-col-29 .bp5-col-19 {
        width: 65.51724%
    }
    .bp5-col-29 .bp5-col-20 {
        width: 68.96552%
    }
    .bp5-col-29 .bp5-col-21 {
        width: 72.41379%
    }
    .bp5-col-29 .bp5-col-22 {
        width: 75.86207%
    }
    .bp5-col-29 .bp5-col-23 {
        width: 79.31034%
    }
    .bp5-col-29 .bp5-col-24 {
        width: 82.75862%
    }
    .bp5-col-29 .bp5-col-25 {
        width: 86.2069%
    }
    .bp5-col-29 .bp5-col-26 {
        width: 89.65517%
    }
    .bp5-col-29 .bp5-col-27 {
        width: 93.10345%
    }
    .bp5-col-29 .bp5-col-28 {
        width: 96.55172%
    }
    .bp5-col-29 .bp5-col-29 {
        width: 100%
    }
    .bp5-col-29 .bp5-col-30 {
        width: 103.44828%
    }
    .bp5-col-29 .bp5-col-31 {
        width: 106.89655%
    }
    .bp5-col-29 .bp5-col-32 {
        width: 110.34483%
    }
    .bp5-col-29 .bp5-offset-1 {
        margin-left: 3.44828%
    }
    .bp5-col-29 .bp5-offset-2 {
        margin-left: 6.89655%
    }
    .bp5-col-29 .bp5-offset-3 {
        margin-left: 10.34483%
    }
    .bp5-col-29 .bp5-offset-4 {
        margin-left: 13.7931%
    }
    .bp5-col-29 .bp5-offset-5 {
        margin-left: 17.24138%
    }
    .bp5-col-29 .bp5-offset-6 {
        margin-left: 20.68966%
    }
    .bp5-col-29 .bp5-offset-7 {
        margin-left: 24.13793%
    }
    .bp5-col-29 .bp5-offset-8 {
        margin-left: 27.58621%
    }
    .bp5-col-29 .bp5-offset-9 {
        margin-left: 31.03448%
    }
    .bp5-col-29 .bp5-offset-10 {
        margin-left: 34.48276%
    }
    .bp5-col-29 .bp5-offset-11 {
        margin-left: 37.93103%
    }
    .bp5-col-29 .bp5-offset-12 {
        margin-left: 41.37931%
    }
    .bp5-col-29 .bp5-offset-13 {
        margin-left: 44.82759%
    }
    .bp5-col-29 .bp5-offset-14 {
        margin-left: 48.27586%
    }
    .bp5-col-29 .bp5-offset-15 {
        margin-left: 51.72414%
    }
    .bp5-col-29 .bp5-offset-16 {
        margin-left: 55.17241%
    }
    .bp5-col-29 .bp5-offset-17 {
        margin-left: 58.62069%
    }
    .bp5-col-29 .bp5-offset-18 {
        margin-left: 62.06897%
    }
    .bp5-col-29 .bp5-offset-19 {
        margin-left: 65.51724%
    }
    .bp5-col-29 .bp5-offset-20 {
        margin-left: 68.96552%
    }
    .bp5-col-29 .bp5-offset-21 {
        margin-left: 72.41379%
    }
    .bp5-col-29 .bp5-offset-22 {
        margin-left: 75.86207%
    }
    .bp5-col-29 .bp5-offset-23 {
        margin-left: 79.31034%
    }
    .bp5-col-29 .bp5-offset-24 {
        margin-left: 82.75862%
    }
    .bp5-col-29 .bp5-offset-25 {
        margin-left: 86.2069%
    }
    .bp5-col-29 .bp5-offset-26 {
        margin-left: 89.65517%
    }
    .bp5-col-29 .bp5-offset-27 {
        margin-left: 93.10345%
    }
    .bp5-col-29 .bp5-offset-28 {
        margin-left: 96.55172%
    }
    .bp5-col-29 .bp5-offset-29 {
        margin-left: 100%
    }
    .bp5-col-29 .bp5-offset-30 {
        margin-left: 103.44828%
    }
    .bp5-col-29 .bp5-offset-31 {
        margin-left: 106.89655%
    }
    .bp5-col-29 .bp5-offset-32 {
        margin-left: 110.34483%
    }
    .bp5-col-30 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 93.75%;
        white-space: normal
    }
    .bp5-col-30 .bp5-col-1 {
        width: 3.33333%
    }
    .bp5-col-30 .bp5-col-2 {
        width: 6.66667%
    }
    .bp5-col-30 .bp5-col-3 {
        width: 10%
    }
    .bp5-col-30 .bp5-col-4 {
        width: 13.33333%
    }
    .bp5-col-30 .bp5-col-5 {
        width: 16.66667%
    }
    .bp5-col-30 .bp5-col-6 {
        width: 20%
    }
    .bp5-col-30 .bp5-col-7 {
        width: 23.33333%
    }
    .bp5-col-30 .bp5-col-8 {
        width: 26.66667%
    }
    .bp5-col-30 .bp5-col-9 {
        width: 30%
    }
    .bp5-col-30 .bp5-col-10 {
        width: 33.33333%
    }
    .bp5-col-30 .bp5-col-11 {
        width: 36.66667%
    }
    .bp5-col-30 .bp5-col-12 {
        width: 40%
    }
    .bp5-col-30 .bp5-col-13 {
        width: 43.33333%
    }
    .bp5-col-30 .bp5-col-14 {
        width: 46.66667%
    }
    .bp5-col-30 .bp5-col-15 {
        width: 50%
    }
    .bp5-col-30 .bp5-col-16 {
        width: 53.33333%
    }
    .bp5-col-30 .bp5-col-17 {
        width: 56.66667%
    }
    .bp5-col-30 .bp5-col-18 {
        width: 60%
    }
    .bp5-col-30 .bp5-col-19 {
        width: 63.33333%
    }
    .bp5-col-30 .bp5-col-20 {
        width: 66.66667%
    }
    .bp5-col-30 .bp5-col-21 {
        width: 70%
    }
    .bp5-col-30 .bp5-col-22 {
        width: 73.33333%
    }
    .bp5-col-30 .bp5-col-23 {
        width: 76.66667%
    }
    .bp5-col-30 .bp5-col-24 {
        width: 80%
    }
    .bp5-col-30 .bp5-col-25 {
        width: 83.33333%
    }
    .bp5-col-30 .bp5-col-26 {
        width: 86.66667%
    }
    .bp5-col-30 .bp5-col-27 {
        width: 90%
    }
    .bp5-col-30 .bp5-col-28 {
        width: 93.33333%
    }
    .bp5-col-30 .bp5-col-29 {
        width: 96.66667%
    }
    .bp5-col-30 .bp5-col-30 {
        width: 100%
    }
    .bp5-col-30 .bp5-col-31 {
        width: 103.33333%
    }
    .bp5-col-30 .bp5-col-32 {
        width: 106.66667%
    }
    .bp5-col-30 .bp5-offset-1 {
        margin-left: 3.33333%
    }
    .bp5-col-30 .bp5-offset-2 {
        margin-left: 6.66667%
    }
    .bp5-col-30 .bp5-offset-3 {
        margin-left: 10%
    }
    .bp5-col-30 .bp5-offset-4 {
        margin-left: 13.33333%
    }
    .bp5-col-30 .bp5-offset-5 {
        margin-left: 16.66667%
    }
    .bp5-col-30 .bp5-offset-6 {
        margin-left: 20%
    }
    .bp5-col-30 .bp5-offset-7 {
        margin-left: 23.33333%
    }
    .bp5-col-30 .bp5-offset-8 {
        margin-left: 26.66667%
    }
    .bp5-col-30 .bp5-offset-9 {
        margin-left: 30%
    }
    .bp5-col-30 .bp5-offset-10 {
        margin-left: 33.33333%
    }
    .bp5-col-30 .bp5-offset-11 {
        margin-left: 36.66667%
    }
    .bp5-col-30 .bp5-offset-12 {
        margin-left: 40%
    }
    .bp5-col-30 .bp5-offset-13 {
        margin-left: 43.33333%
    }
    .bp5-col-30 .bp5-offset-14 {
        margin-left: 46.66667%
    }
    .bp5-col-30 .bp5-offset-15 {
        margin-left: 50%
    }
    .bp5-col-30 .bp5-offset-16 {
        margin-left: 53.33333%
    }
    .bp5-col-30 .bp5-offset-17 {
        margin-left: 56.66667%
    }
    .bp5-col-30 .bp5-offset-18 {
        margin-left: 60%
    }
    .bp5-col-30 .bp5-offset-19 {
        margin-left: 63.33333%
    }
    .bp5-col-30 .bp5-offset-20 {
        margin-left: 66.66667%
    }
    .bp5-col-30 .bp5-offset-21 {
        margin-left: 70%
    }
    .bp5-col-30 .bp5-offset-22 {
        margin-left: 73.33333%
    }
    .bp5-col-30 .bp5-offset-23 {
        margin-left: 76.66667%
    }
    .bp5-col-30 .bp5-offset-24 {
        margin-left: 80%
    }
    .bp5-col-30 .bp5-offset-25 {
        margin-left: 83.33333%
    }
    .bp5-col-30 .bp5-offset-26 {
        margin-left: 86.66667%
    }
    .bp5-col-30 .bp5-offset-27 {
        margin-left: 90%
    }
    .bp5-col-30 .bp5-offset-28 {
        margin-left: 93.33333%
    }
    .bp5-col-30 .bp5-offset-29 {
        margin-left: 96.66667%
    }
    .bp5-col-30 .bp5-offset-30 {
        margin-left: 100%
    }
    .bp5-col-30 .bp5-offset-31 {
        margin-left: 103.33333%
    }
    .bp5-col-30 .bp5-offset-32 {
        margin-left: 106.66667%
    }
    .bp5-col-31 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 96.875%;
        white-space: normal
    }
    .bp5-col-31 .bp5-col-1 {
        width: 3.22581%
    }
    .bp5-col-31 .bp5-col-2 {
        width: 6.45161%
    }
    .bp5-col-31 .bp5-col-3 {
        width: 9.67742%
    }
    .bp5-col-31 .bp5-col-4 {
        width: 12.90323%
    }
    .bp5-col-31 .bp5-col-5 {
        width: 16.12903%
    }
    .bp5-col-31 .bp5-col-6 {
        width: 19.35484%
    }
    .bp5-col-31 .bp5-col-7 {
        width: 22.58065%
    }
    .bp5-col-31 .bp5-col-8 {
        width: 25.80645%
    }
    .bp5-col-31 .bp5-col-9 {
        width: 29.03226%
    }
    .bp5-col-31 .bp5-col-10 {
        width: 32.25806%
    }
    .bp5-col-31 .bp5-col-11 {
        width: 35.48387%
    }
    .bp5-col-31 .bp5-col-12 {
        width: 38.70968%
    }
    .bp5-col-31 .bp5-col-13 {
        width: 41.93548%
    }
    .bp5-col-31 .bp5-col-14 {
        width: 45.16129%
    }
    .bp5-col-31 .bp5-col-15 {
        width: 48.3871%
    }
    .bp5-col-31 .bp5-col-16 {
        width: 51.6129%
    }
    .bp5-col-31 .bp5-col-17 {
        width: 54.83871%
    }
    .bp5-col-31 .bp5-col-18 {
        width: 58.06452%
    }
    .bp5-col-31 .bp5-col-19 {
        width: 61.29032%
    }
    .bp5-col-31 .bp5-col-20 {
        width: 64.51613%
    }
    .bp5-col-31 .bp5-col-21 {
        width: 67.74194%
    }
    .bp5-col-31 .bp5-col-22 {
        width: 70.96774%
    }
    .bp5-col-31 .bp5-col-23 {
        width: 74.19355%
    }
    .bp5-col-31 .bp5-col-24 {
        width: 77.41935%
    }
    .bp5-col-31 .bp5-col-25 {
        width: 80.64516%
    }
    .bp5-col-31 .bp5-col-26 {
        width: 83.87097%
    }
    .bp5-col-31 .bp5-col-27 {
        width: 87.09677%
    }
    .bp5-col-31 .bp5-col-28 {
        width: 90.32258%
    }
    .bp5-col-31 .bp5-col-29 {
        width: 93.54839%
    }
    .bp5-col-31 .bp5-col-30 {
        width: 96.77419%
    }
    .bp5-col-31 .bp5-col-31 {
        width: 100%
    }
    .bp5-col-31 .bp5-col-32 {
        width: 103.22581%
    }
    .bp5-col-31 .bp5-offset-1 {
        margin-left: 3.22581%
    }
    .bp5-col-31 .bp5-offset-2 {
        margin-left: 6.45161%
    }
    .bp5-col-31 .bp5-offset-3 {
        margin-left: 9.67742%
    }
    .bp5-col-31 .bp5-offset-4 {
        margin-left: 12.90323%
    }
    .bp5-col-31 .bp5-offset-5 {
        margin-left: 16.12903%
    }
    .bp5-col-31 .bp5-offset-6 {
        margin-left: 19.35484%
    }
    .bp5-col-31 .bp5-offset-7 {
        margin-left: 22.58065%
    }
    .bp5-col-31 .bp5-offset-8 {
        margin-left: 25.80645%
    }
    .bp5-col-31 .bp5-offset-9 {
        margin-left: 29.03226%
    }
    .bp5-col-31 .bp5-offset-10 {
        margin-left: 32.25806%
    }
    .bp5-col-31 .bp5-offset-11 {
        margin-left: 35.48387%
    }
    .bp5-col-31 .bp5-offset-12 {
        margin-left: 38.70968%
    }
    .bp5-col-31 .bp5-offset-13 {
        margin-left: 41.93548%
    }
    .bp5-col-31 .bp5-offset-14 {
        margin-left: 45.16129%
    }
    .bp5-col-31 .bp5-offset-15 {
        margin-left: 48.3871%
    }
    .bp5-col-31 .bp5-offset-16 {
        margin-left: 51.6129%
    }
    .bp5-col-31 .bp5-offset-17 {
        margin-left: 54.83871%
    }
    .bp5-col-31 .bp5-offset-18 {
        margin-left: 58.06452%
    }
    .bp5-col-31 .bp5-offset-19 {
        margin-left: 61.29032%
    }
    .bp5-col-31 .bp5-offset-20 {
        margin-left: 64.51613%
    }
    .bp5-col-31 .bp5-offset-21 {
        margin-left: 67.74194%
    }
    .bp5-col-31 .bp5-offset-22 {
        margin-left: 70.96774%
    }
    .bp5-col-31 .bp5-offset-23 {
        margin-left: 74.19355%
    }
    .bp5-col-31 .bp5-offset-24 {
        margin-left: 77.41935%
    }
    .bp5-col-31 .bp5-offset-25 {
        margin-left: 80.64516%
    }
    .bp5-col-31 .bp5-offset-26 {
        margin-left: 83.87097%
    }
    .bp5-col-31 .bp5-offset-27 {
        margin-left: 87.09677%
    }
    .bp5-col-31 .bp5-offset-28 {
        margin-left: 90.32258%
    }
    .bp5-col-31 .bp5-offset-29 {
        margin-left: 93.54839%
    }
    .bp5-col-31 .bp5-offset-30 {
        margin-left: 96.77419%
    }
    .bp5-col-31 .bp5-offset-31 {
        margin-left: 100%
    }
    .bp5-col-31 .bp5-offset-32 {
        margin-left: 103.22581%
    }
    .bp5-col-32 {
        box-sizing: border-box;
        display: block;
        float: left;
        padding: 0 4px;
        position: relative;
        width: 100%;
        white-space: normal
    }
    .bp5-col-32 .bp5-col-1 {
        width: 3.125%
    }
    .bp5-col-32 .bp5-col-2 {
        width: 6.25%
    }
    .bp5-col-32 .bp5-col-3 {
        width: 9.375%
    }
    .bp5-col-32 .bp5-col-4 {
        width: 12.5%
    }
    .bp5-col-32 .bp5-col-5 {
        width: 15.625%
    }
    .bp5-col-32 .bp5-col-6 {
        width: 18.75%
    }
    .bp5-col-32 .bp5-col-7 {
        width: 21.875%
    }
    .bp5-col-32 .bp5-col-8 {
        width: 25%
    }
    .bp5-col-32 .bp5-col-9 {
        width: 28.125%
    }
    .bp5-col-32 .bp5-col-10 {
        width: 31.25%
    }
    .bp5-col-32 .bp5-col-11 {
        width: 34.375%
    }
    .bp5-col-32 .bp5-col-12 {
        width: 37.5%
    }
    .bp5-col-32 .bp5-col-13 {
        width: 40.625%
    }
    .bp5-col-32 .bp5-col-14 {
        width: 43.75%
    }
    .bp5-col-32 .bp5-col-15 {
        width: 46.875%
    }
    .bp5-col-32 .bp5-col-16 {
        width: 50%
    }
    .bp5-col-32 .bp5-col-17 {
        width: 53.125%
    }
    .bp5-col-32 .bp5-col-18 {
        width: 56.25%
    }
    .bp5-col-32 .bp5-col-19 {
        width: 59.375%
    }
    .bp5-col-32 .bp5-col-20 {
        width: 62.5%
    }
    .bp5-col-32 .bp5-col-21 {
        width: 65.625%
    }
    .bp5-col-32 .bp5-col-22 {
        width: 68.75%
    }
    .bp5-col-32 .bp5-col-23 {
        width: 71.875%
    }
    .bp5-col-32 .bp5-col-24 {
        width: 75%
    }
    .bp5-col-32 .bp5-col-25 {
        width: 78.125%
    }
    .bp5-col-32 .bp5-col-26 {
        width: 81.25%
    }
    .bp5-col-32 .bp5-col-27 {
        width: 84.375%
    }
    .bp5-col-32 .bp5-col-28 {
        width: 87.5%
    }
    .bp5-col-32 .bp5-col-29 {
        width: 90.625%
    }
    .bp5-col-32 .bp5-col-30 {
        width: 93.75%
    }
    .bp5-col-32 .bp5-col-31 {
        width: 96.875%
    }
    .bp5-col-32 .bp5-col-32 {
        width: 100%
    }
    .bp5-col-32 .bp5-offset-1 {
        margin-left: 3.125%
    }
    .bp5-col-32 .bp5-offset-2 {
        margin-left: 6.25%
    }
    .bp5-col-32 .bp5-offset-3 {
        margin-left: 9.375%
    }
    .bp5-col-32 .bp5-offset-4 {
        margin-left: 12.5%
    }
    .bp5-col-32 .bp5-offset-5 {
        margin-left: 15.625%
    }
    .bp5-col-32 .bp5-offset-6 {
        margin-left: 18.75%
    }
    .bp5-col-32 .bp5-offset-7 {
        margin-left: 21.875%
    }
    .bp5-col-32 .bp5-offset-8 {
        margin-left: 25%
    }
    .bp5-col-32 .bp5-offset-9 {
        margin-left: 28.125%
    }
    .bp5-col-32 .bp5-offset-10 {
        margin-left: 31.25%
    }
    .bp5-col-32 .bp5-offset-11 {
        margin-left: 34.375%
    }
    .bp5-col-32 .bp5-offset-12 {
        margin-left: 37.5%
    }
    .bp5-col-32 .bp5-offset-13 {
        margin-left: 40.625%
    }
    .bp5-col-32 .bp5-offset-14 {
        margin-left: 43.75%
    }
    .bp5-col-32 .bp5-offset-15 {
        margin-left: 46.875%
    }
    .bp5-col-32 .bp5-offset-16 {
        margin-left: 50%
    }
    .bp5-col-32 .bp5-offset-17 {
        margin-left: 53.125%
    }
    .bp5-col-32 .bp5-offset-18 {
        margin-left: 56.25%
    }
    .bp5-col-32 .bp5-offset-19 {
        margin-left: 59.375%
    }
    .bp5-col-32 .bp5-offset-20 {
        margin-left: 62.5%
    }
    .bp5-col-32 .bp5-offset-21 {
        margin-left: 65.625%
    }
    .bp5-col-32 .bp5-offset-22 {
        margin-left: 68.75%
    }
    .bp5-col-32 .bp5-offset-23 {
        margin-left: 71.875%
    }
    .bp5-col-32 .bp5-offset-24 {
        margin-left: 75%
    }
    .bp5-col-32 .bp5-offset-25 {
        margin-left: 78.125%
    }
    .bp5-col-32 .bp5-offset-26 {
        margin-left: 81.25%
    }
    .bp5-col-32 .bp5-offset-27 {
        margin-left: 84.375%
    }
    .bp5-col-32 .bp5-offset-28 {
        margin-left: 87.5%
    }
    .bp5-col-32 .bp5-offset-29 {
        margin-left: 90.625%
    }
    .bp5-col-32 .bp5-offset-30 {
        margin-left: 93.75%
    }
    .bp5-col-32 .bp5-offset-31 {
        margin-left: 96.875%
    }
    .bp5-col-32 .bp5-offset-32 {
        margin-left: 100%
    }
    .bp5-offset-1 {
        margin-left: 3.125%
    }
    .bp5-offset-2 {
        margin-left: 6.25%
    }
    .bp5-offset-3 {
        margin-left: 9.375%
    }
    .bp5-offset-4 {
        margin-left: 12.5%
    }
    .bp5-offset-5 {
        margin-left: 15.625%
    }
    .bp5-offset-6 {
        margin-left: 18.75%
    }
    .bp5-offset-7 {
        margin-left: 21.875%
    }
    .bp5-offset-8 {
        margin-left: 25%
    }
    .bp5-offset-9 {
        margin-left: 28.125%
    }
    .bp5-offset-10 {
        margin-left: 31.25%
    }
    .bp5-offset-11 {
        margin-left: 34.375%
    }
    .bp5-offset-12 {
        margin-left: 37.5%
    }
    .bp5-offset-13 {
        margin-left: 40.625%
    }
    .bp5-offset-14 {
        margin-left: 43.75%
    }
    .bp5-offset-15 {
        margin-left: 46.875%
    }
    .bp5-offset-16 {
        margin-left: 50%
    }
    .bp5-offset-17 {
        margin-left: 53.125%
    }
    .bp5-offset-18 {
        margin-left: 56.25%
    }
    .bp5-offset-19 {
        margin-left: 59.375%
    }
    .bp5-offset-20 {
        margin-left: 62.5%
    }
    .bp5-offset-21 {
        margin-left: 65.625%
    }
    .bp5-offset-22 {
        margin-left: 68.75%
    }
    .bp5-offset-23 {
        margin-left: 71.875%
    }
    .bp5-offset-24 {
        margin-left: 75%
    }
    .bp5-offset-25 {
        margin-left: 78.125%
    }
    .bp5-offset-26 {
        margin-left: 81.25%
    }
    .bp5-offset-27 {
        margin-left: 84.375%
    }
    .bp5-offset-28 {
        margin-left: 87.5%
    }
    .bp5-offset-29 {
        margin-left: 90.625%
    }
    .bp5-offset-30 {
        margin-left: 93.75%
    }
    .bp5-offset-31 {
        margin-left: 96.875%
    }
    .bp5-offset-32 {
        margin-left: 100%
    }
}

@media only screen and (max-width: 320px) {
    .hidden-bp1 {
        display: none !important
    }
}

@media only screen and (min-width: 320px) and (max-width: 448px) {
    .hidden-bp2 {
        display: none !important
    }
}

@media only screen and (min-width: 448px) and (max-width: 760px) {
    .hidden-bp3 {
        display: none !important
    }
}

@media only screen and (min-width: 760px) and (max-width: 1200px) {
    .hidden-bp4 {
        display: none !important
    }
}

@media only screen and (min-width: 1200px) {
    .hidden-bp5 {
        display: none !important
    }
}

body, html {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.35;
    -webkit-font-smoothing: antialiased;
    word-wrap: break-word;
    color: #AAA;
    text-rendering: optimizeLegibility
}

@media screen and (min-width: 760px) {
    body, html {
        font-size: 16px
    }
}

.main-content .color-info-panel {
    color: #000
}

.main-content .colors-right {
    color: #fff
}

.main-content .colors {
    padding: 0 80px
}

.styleguide {
    padding: 20px 40px
}

.hamburger-icon {
    background-color: #AAA !important
}

.is-menu-open .hamburger-icon {
    background-color: transparent !important
}

.hamburger-icon:after, .hamburger-icon:before {
    background-color: #AAA !important
}

.side-nav {
    background-color: #2a2a2a !important
}

.side-nav li.level-1 {
    color: gray !important;
    text-transform: uppercase;
    font-size: 1em !important;
    font-weight: 400 !important
}

.side-nav li.level-1>ul {
    margin-top: 4px
}

.side-nav li.level-3 {
    color: #fff !important;
    font-family: TrimMedium !important;
    text-indent: 0;
    line-height: auto
}

.side-nav li.level-3 a {
    display: block;
    line-height: 30px;
    text-indent: 15px
}

.side-nav li.level-3 a:hover {
    background-color: #fff;
    color: #000
}

.side-nav li.level-3 a.active {
    background-color: #f2f2f3;
    color: #999
}

.components .title {
    border-bottom: solid 1px #ccc;
    margin-top: 150px;
    padding: 10px 20px
}

.components .subtitle {
    padding: 10px 20px 5px
}

.components .component-title {
    color: #333;
    display: inline-block;
    float: right;
    font-weight: 100;
    margin: 0
}

.component-list {
    display: block;
    margin: 0
}

.component-list>li {
    border-bottom: solid 1px #ccc;
    display: block;
    margin-bottom: 20px;
    padding: 0 0 20px;
    width: 100%
}

.component-list>li::after {
    clear: both;
    content: '';
    display: table
}

.component-list>li:last-child {
    border: 0;
    margin: 0
}

.grid {
    background-color: #040404
}

.white-block {
    background-color: #fff;
    border: 1px solid #ccc;
    margin: 0 20px;
    padding: 20px
}

.mt-content {
    background-color: #2a2a2a;
    border: 1px solid #ccc;
    color: #fff;
    height: 100px;
    line-height: 100px;
    margin: 4px 0;
    text-align: center
}

.grid-btn {
    background-color: #fff;
    border-right: 0;
    border-top: 0;
    position: absolute;
    right: 0;
    top: 0
}

.typography {
    padding: 30px;
    position: relative
}

.typography.grid {
    background-image: -webkit-linear-gradient(#ccc .1em, transparent .1em);
    background-image: linear-gradient(#ccc .1em, transparent .1em);
    background-size: 100% 30px
}

.typography .descriptor {
    background: #f2f2f3;
    border-radius: 200px;
    color: #333;
    font-size: 10px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: -15%;
    text-align: center;
    top: 0;
    width: 30px
}

.experience-principles h2 {
    font-size: 1.714em;
    font-weight: 400;
    font-family: TrimMedium;
    margin-bottom: 0
}

@media screen and (min-width: 760px) {
    .experience-principles h2 {
        font-size: 1.75em !important
    }
}

.experience-principles p {
    padding-right: 20px;
    color: #AAA;
    margin-top: 8px
}

@media all and (min-width: 760px) {
    .experience-principles>div {
        min-height: 330px
    }
}

hr {
    color: #343434
}

.input-styleguide {
    margin-top: 40px;
    border-bottom: solid 1px #343434;
    padding-bottom: 20px
}

.input-styleguide h5 {
    font-size: 1.286em;
    font-weight: 400;
    font-family: TrimMedium;
    margin: 0;
    display: block
}

@media screen and (min-width: 760px) {
    .input-styleguide h5 {
        font-size: 1.25em !important
    }
}

.input-styleguide h5 span {
    color: #AAA
}

.input-styleguide h6 {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    display: block;
    color: #AAA
}

@media screen and (min-width: 760px) {
    .input-styleguide h6 {
        font-size: 1em
    }
}

.input-styleguide p {
    color: #fff;
    -webkit-transition: color .08s cubic-bezier(0.16, .61, .56, 1);
    transition: color .08s cubic-bezier(0.16, .61, .56, 1)
}

.input-styleguide p.dim {
    color: #AAA
}

.input-styleguide p.dim a.link {
    color: #AAA;
    border-color: #AAA
}

.reference {
    color: #AAA;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    margin: 30px 0 20px;
    padding-top: 12px;
    border-top: solid 1px #AAA
}

@media screen and (min-width: 760px) {
    .reference {
        font-size: 1em
    }
}

button, input, textarea {
    background-color: transparent;
    border: 1px solid #ccc;
    outline: 0;
    padding: 10px;
    -webkit-transition: background-color .08s cubic-bezier(0.16, .61, .56, 1);
    transition: background-color .08s cubic-bezier(0.16, .61, .56, 1);
    color: #fff
}

button:focus, input:focus, textarea:focus {
    border-color: red;
    box-shadow: none
}

.form-overlay {
    position: fixed;
    z-index: 1;
    width: 100%;
    top: 0;
    bottom: 0;
    background: -webkit-radial-gradient(ellipse at bottom, rgba(0, 0, 0, .36) 0, rgba(0, 0, 0, .36) 21%, #000 44%, #000 100%);
    background: radial-gradient(ellipse at bottom, rgba(0, 0, 0, .36) 0, rgba(0, 0, 0, .36) 21%, #000 44%, #000 100%)
}

.link-paragraph, .link-unique {
    color: inherit;
    position: relative
}

.link-paragraph:after, .link-unique:after {
    content: '';
    display: block;
    position: absolute;
    background-color: #AAA;
    -webkit-transition: height .3s cubic-bezier(0.16, .61, .56, 1), color .08s cubic-bezier(0.16, .61, .56, 1);
    transition: height .3s cubic-bezier(0.16, .61, .56, 1), color .08s cubic-bezier(0.16, .61, .56, 1);
    height: 1px;
    width: 100%;
    left: 0
}

.link-paragraph:hover, .link-unique:hover {
    color: #fff
}

.link-paragraph:hover:after, .link-unique:hover:after {
    height: 2px
}

.dim .link {
    color: #fff
}

.payment-information {
    position: fixed;
    top: 0;
    bottom: 0;
    overflow: auto;
    width: 100%;
    background-image: url(../images/form-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 50%
}

.payment-information .mt-container {
    position: relative;
    z-index: 2
}

.payment-information h1 {
    font-size: 3.429em !important;
    font-weight: 400;
    font-family: TrimMedium;
    margin: 80px 0 0;
    text-transform: uppercase;
    line-height: 1
}

@media screen and (min-width: 760px) {
    .payment-information h1 {
        font-size: 4.5em !important
    }
}

.payment-information .header p {
    font-size: 1.286em;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-weight: 400;
    margin: 20px 0 40px
}

@media screen and (min-width: 760px) {
    .payment-information .header p {
        font-size: 1.25em !important
    }
}

.payment-information p {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1em;
    color: #AAA;
    margin: 40px 0
}

@media screen and (min-width: 760px) {
    .payment-information p {
        font-size: .875em
    }
}

.input-label {
    display: block;
    font-size: .8em;
    margin-bottom: 5px
}

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

body {
    color: #fff;
    margin: 0
}

* {
    outline: 0
}

.pushy-active .site-overlay {
    top: 55px
}

.text-left {
    text-align: left;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left
}

.text-center {
    text-align: center;
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center
}

.text-right {
    text-align: right;
    -webkit-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right
}

.dim {
    color: #343434
}

.dim a {
    color: #fff
}

.text-link {
    color: #fff;
    display: inline-block;
    border-bottom: solid 1px #fff;
    padding: 0 14px;
    position: relative
}

.text-link:after, .text-link:before {
    line-height: 1;
    font-family: iconfont !important;
    font-style: normal;
    font-weight: 400 !important;
    vertical-align: top;
    font-size: 1.2em;
    top: 2px;
    position: absolute
}

.text-link:after {
    content: "\f106";
    right: -6px;
    -webkit-transition: right .08s cubic-bezier(0.16, .61, .56, 1);
    transition: right .08s cubic-bezier(0.16, .61, .56, 1)
}

.text-link:before {
    content: "\f107";
    left: -6px;
    -webkit-transition: left .08s cubic-bezier(0.16, .61, .56, 1);
    transition: left .08s cubic-bezier(0.16, .61, .56, 1)
}

.text-link:hover:before {
    left: -2px
}

.text-link:hover:after {
    right: -2px
}

a {
    cursor: pointer;
    color: #fff;
    text-decoration: none
}

.intro {
    position: block;
    font-size: 2em;
    padding: 50px 0
}

.intro li {
    display: block;
    text-align: center;
    padding: 10px
}

.intro li a {
    background-color: #2a2a2a;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    border: 1px solid #fff;
    padding: 1em 2em;
    width: 5em;
    -webkit-transition: background-color .08s cubic-bezier(0.16, .61, .56, 1);
    transition: background-color .08s cubic-bezier(0.16, .61, .56, 1)
}

.intro li a:hover {
    background-color: #f2f2f3;
    color: #000
}

.ellipsis-text {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.account-title {
    display: block;
    text-align: center;
    color: #343434;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    position: relative;
    height: 40px;
    line-height: 40px;
    margin: 0 0 40px
}

@media screen and (min-width: 760px) {
    .account-title {
        font-size: 1em
    }
}

.account-title:after, .account-title:before {
    position: absolute;
    content: '';
    border-bottom: solid 1px #343434;
    top: 20px
}

.account-title:before {
    left: 0;
    right: 60%
}

.account-title:after {
    right: 0;
    left: 60%
}

.text-ellipsis {
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap
}

.small-btn {
    display: block;
    padding: 4px 12px;
    margin-left: 8px;
    border: 1px solid transparent;
    box-sizing: border-box;
    text-align: center;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    text-decoration: none
}

@media screen and (min-width: 760px) {
    .small-btn {
        font-size: 1em
    }
}

.small-btn.main {
    border: 1px solid #fff
}

@media screen and (max-width: 760px) {
    .hidden-mobile {
        display: none
    }
}

@media screen and (min-width: 760px) {
    .hidden-desktop {
        display: none
    }
}

.form .form-check {
    margin-bottom: 20px
}

.form .title {
    margin: 60px 0;
    font-size: 2.286em;
    font-weight: 400;
    text-transform: uppercase;
    font-family: TrimBold
}

@media screen and (min-width: 760px) {
    .form .title {
        font-size: 3em !important
    }
}

.form .sub-title {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    margin: 0
}

@media screen and (min-width: 760px) {
    .form .sub-title {
        font-size: 1em
    }
}

.account--cancel-subscription-d0db647b ul {
    display: block;
    padding: 0;
    margin: 0
}

.account--cancel-subscription-d0db647b ul>li {
    display: block;
    margin: 0;
    padding: 0
}

.account--cancel-subscription-d0db647b .link-box::after {
    clear: both;
    content: '';
    display: table
}

.account--cancel-subscription-d0db647b .small-btn {
    float: right
}

.account--cancel-subscription-d0db647b h2 {
    font-size: 1.714em;
    font-weight: 400;
    font-family: TrimMedium
}

@media screen and (min-width: 760px) {
    .account--cancel-subscription-d0db647b h2 {
        font-size: 1.75em !important
    }
}

.account--cancel-subscription-d0db647b p {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    font-weight: 400
}

@media screen and (min-width: 760px) {
    .account--cancel-subscription-d0db647b p {
        font-size: 1em
    }
}

.account--cancel-subscription-d0db647b .header-description {
    font-size: 1.286em;
    font-weight: 400;
    font-family: TrimMedium;
    padding-bottom: 20px
}

@media screen and (min-width: 760px) {
    .account--cancel-subscription-d0db647b .header-description {
        font-size: 1.25em !important
    }
}

.account--cancel-subscription-d0db647b .link-box-inner {
    text-align: right;
    margin-bottom: 40px;
    margin-top: 20px;
    max-width: 500px
}

.account--cancel-subscription-d0db647b .link-box-inner a {
    margin-left: 12px
}

.account--check-box-cancel-26eb8695 {
    border-bottom: solid 1px transparent;
    border-top: solid 1px transparent;
    padding: 5px 0;
    margin: 5px 0
}

.account--check-box-cancel-26eb8695 .description {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height cubic-bezier(0.16, .61, .56, 1) .08s;
    transition: max-height cubic-bezier(0.16, .61, .56, 1) .08s
}

.account--check-box-cancel-26eb8695 .description p {
    max-width: 500px
}

.account--check-box-cancel-26eb8695 .description p:first-child {
    margin-top: 40px
}

.account--check-box-cancel-26eb8695.selected.hasContent {
    padding: 10px 0;
    margin: 10px 0;
    border-bottom: solid 1px #343434;
    border-top: solid 1px #343434
}

.account--check-box-cancel-26eb8695.selected .description {
    max-height: 260px
}

.account--my-devices-1419abf1 {
    margin-bottom: 500px
}

.account--my-devices-1419abf1 h3 {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    color: #fff;
    margin: 0
}

@media screen and (min-width: 760px) {
    .account--my-devices-1419abf1 h3 {
        font-size: 1em
    }
}

.account--my-devices-1419abf1 h4 {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    margin: 0 0 20px;
    color: #AAA
}

@media screen and (min-width: 760px) {
    .account--my-devices-1419abf1 h4 {
        font-size: 1em
    }
}

.account--my-devices-1419abf1 a {
    display: block;
    margin-bottom: 20px
}

.account--my-devices-1419abf1 .smallBtn {
    border: 1px solid #fff;
    color: #fff !important
}

.account--my-devices-1419abf1 .show-more-devices {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height cubic-bezier(0.16, .61, .56, 1) .08s;
    transition: max-height cubic-bezier(0.16, .61, .56, 1) .08s
}

.account--my-devices-1419abf1 .signout-all {
    display: block;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .08s cubic-bezier(0.16, .61, .56, 1);
    transition: max-height .08s cubic-bezier(0.16, .61, .56, 1)
}

.account--my-devices-1419abf1 .signout-all h3 {
    font-size: 1.286em;
    font-weight: 400;
    font-family: TrimMedium;
    display: block;
    padding-top: 20px
}

@media screen and (min-width: 760px) {
    .account--my-devices-1419abf1 .signout-all h3 {
        font-size: 1.25em !important
    }
}

.account--my-devices-1419abf1 .signout-all p {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    font-weight: 400;
    max-width: 500px
}

@media screen and (min-width: 760px) {
    .account--my-devices-1419abf1 .signout-all p {
        font-size: 1em
    }
}

.account--my-devices-1419abf1 .btn-box button {
    float: left;
    margin-right: 20px
}

.account--my-devices-1419abf1 .btn-box a {
    line-height: 43px
}

.account--my-devices-1419abf1 .showLess {
    display: none
}

.account--my-devices-1419abf1 .showMore {
    display: block
}

.account--my-devices-1419abf1.show-more-signout .signout-all {
    max-height: 300px
}

.account--my-devices-1419abf1.show-more-signout .showMoreBtn {
    display: none
}

.account--my-devices-1419abf1.show-more .show-more-devices {
    max-height: 200px
}

.account--my-devices-1419abf1.show-more .showLess {
    display: block
}

.account--my-devices-1419abf1.show-more .showMore {
    display: none
}

.content--item-video-ffbef8a1 {
    float: left;
    margin-left: 5px;
    position: relative
}

.content--item-video-ffbef8a1 .fa {
    font-size: 50px;
    position: relative;
    top: 20px
}

.content--item-video-ffbef8a1 .label {
    background-color: #4894d0;
    font-size: 12px;
    padding: 4px 10px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.content--item-video-ffbef8a1 .label.coming {
    background-color: red
}

.content--item-video-ffbef8a1 .img, .content--item-video-ffbef8a1 .search-block {
    overflow: hidden;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    bottom: 0;
    width: 100%
}

.content--item-video-ffbef8a1 .search-block {
    background-color: #040404;
    line-height: 145px;
    text-align: center
}

.content--more-info-bc776784 {
    background-color: #040404;
    bottom: 0;
    box-sizing: border-box;
    padding: 20px;
    position: fixed;
    right: -35%;
    top: 0;
    -webkit-transition: right .5s cubic-bezier(0.16, .61, .56, 1);
    transition: right .5s cubic-bezier(0.16, .61, .56, 1);
    width: 35%;
    z-index: 200
}

.content--more-info-bc776784 img {
    width: 100%
}

.content--more-info-bc776784 .btn {
    background-color: #4894d0;
    padding: 10px 20px;
    text-align: center;
    font-size: 16px;
    margin-top: 40px
}

.content--rail-category-bb1da49d {
    opacity: 1;
    position: relative;
    -webkit-transition: opacity .7s cubic-bezier(0.16, .61, .56, 1);
    transition: opacity .7s cubic-bezier(0.16, .61, .56, 1);
    z-index: 100
}

.content--rail-category-bb1da49d .category-container {
    bottom: 0;
    left: 0;
    position: fixed;
    opacity: 1;
    top: 0;
    -webkit-transition: opacity .08s cubic-bezier(0.16, .61, .56, 1);
    transition: opacity .08s cubic-bezier(0.16, .61, .56, 1);
    width: 100%;
    z-index: 100
}

.content--rail-video-986c20b5 {
    bottom: 0;
    height: 200px;
    left: -520px;
    position: fixed;
    width: 100%;
    z-index: 1
}

.content--rail-video-986c20b5 .tile-title {
    font-size: 18px;
    position: absolute;
    top: -70px
}

.content--rail-video-986c20b5 .rail-title {
    bottom: 230px;
    left: 555px;
    position: fixed;
    width: 500px;
    z-index: 1000000
}

.content--rail-video-986c20b5 .slider {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
    height: 210px;
    position: relative
}

.content--rail-video-986c20b5 .mt-container {
    width: 5000px
}

.content--rail-video-986c20b5 .mt-row {
    white-space: nowrap
}

.content--video-control-12a1f98c {
    bottom: 40px;
    opacity: 1;
    position: fixed;
    width: 100%;
    z-index: 100
}

.content--video-control-12a1f98c .video-controls {
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%
}

.content--video-control-12a1f98c .video-controls>li {
    display: inline-block;
    font-size: 30px;
    -webkit-transition: width .08s cubic-bezier(0.16, .61, .56, 1);
    transition: width .08s cubic-bezier(0.16, .61, .56, 1);
    width: 50px;
    height: 80px
}

.content--video-control-12a1f98c .video-controls>li div {
    background-color: #2a2a2a;
    border: 1px solid #040404;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    -webkit-transition: height .08s cubic-bezier(0.16, .61, .56, 1), width .08s cubic-bezier(0.16, .61, .56, 1);
    transition: height .08s cubic-bezier(0.16, .61, .56, 1), width .08s cubic-bezier(0.16, .61, .56, 1);
    margin: 0;
    padding: 0;
    position: relative;
    top: 10px
}

.content--video-control-12a1f98c .video-controls>li img {
    width: 50px;
    -webkit-transition: width .08s cubic-bezier(0.16, .61, .56, 1);
    transition: width .08s cubic-bezier(0.16, .61, .56, 1);
    position: relative
}

.content--video-control-12a1f98c .video-controls>li.active {
    width: 80px
}

.content--video-control-12a1f98c .video-controls>li.active div {
    border: 1px solid #4894d0;
    width: 80px;
    height: 80px;
    top: 0;
    line-height: 80px
}

.content--video-control-12a1f98c .video-controls>li.active div img {
    width: 60px;
    top: 10px
}

.content--video-player-713e3c18 {
    bottom: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1
}

.content--video-player-713e3c18 video {
    -webkit-transition: width .5s cubic-bezier(0.16, .61, .56, 1);
    transition: width .5s cubic-bezier(0.16, .61, .56, 1);
    bottom: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1
}

.content--video-player-713e3c18 .timer {
    position: fixed;
    top: 40px;
    right: 40px;
    z-index: 180
}

.content--video-scrub-d7bb15d1 {
    left: 5%;
    position: fixed;
    width: 90%;
    z-index: 100
}

.content--video-scrub-d7bb15d1 .dot {
    background-color: #fff;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    position: absolute;
    top: -2px
}

.content--video-scrub-d7bb15d1 .dot.dot-1 {
    left: 10%
}

.content--video-scrub-d7bb15d1 .dot.dot-2 {
    left: 32%
}

.content--video-scrub-d7bb15d1 .dot.dot-3 {
    left: 58%
}

.content--video-scrub-d7bb15d1 .dot.dot-4 {
    left: 73%
}

.content--video-scrub-d7bb15d1 .dot.dot-5 {
    left: 87%
}

.content--video-scrub-d7bb15d1 .scrub-bar {
    background-color: #ccc;
    border-radius: 10px;
    height: 6px;
    position: relative
}

.content--video-scrub-d7bb15d1 .scrub-progress {
    background-color: #4894d0;
    border-radius: 10px;
    height: 6px;
    -webkit-transition: width .01s cubic-bezier(0.16, .61, .56, 1);
    transition: width .01s cubic-bezier(0.16, .61, .56, 1);
    width: 0
}

.content--video-scrub-d7bb15d1 .scrub-actions {
    display: block;
    padding: 0;
    position: relative
}

.content--video-scrub-d7bb15d1 .scrub-actions::after {
    clear: both;
    content: '';
    display: table
}

.content--video-scrub-d7bb15d1 .scrub-actions li {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    bottom: 0;
    display: block;
    float: left;
    margin: 0 .5%;
    position: relative;
    width: 15%
}

.content--video-scrub-d7bb15d1 .scrub-actions li:nth-child(1) {
    background-image: url(../images/scrub/scrub1.png)
}

.content--video-scrub-d7bb15d1 .scrub-actions li:nth-child(2) {
    background-image: url(../images/scrub/scrub2.png)
}

.content--video-scrub-d7bb15d1 .scrub-actions li:nth-child(3) {
    background-image: url(../images/scrub/scrub3.png)
}

.content--video-scrub-d7bb15d1 .scrub-actions li:nth-child(4) {
    background-image: url(../images/scrub/scrub4.png)
}

.content--video-scrub-d7bb15d1 .scrub-actions li:nth-child(5) {
    background-image: url(../images/scrub/scrub5.png)
}

.content--video-scrub-d7bb15d1 .scrub-actions li:nth-child(1), .content--video-scrub-d7bb15d1 .scrub-actions li:nth-child(5) {
    height: 90px;
    top: 110px
}

.content--video-scrub-d7bb15d1 .scrub-actions li:nth-child(2), .content--video-scrub-d7bb15d1 .scrub-actions li:nth-child(4) {
    height: 140px;
    top: 60px
}

.content--video-scrub-d7bb15d1 .scrub-actions li:nth-child(3) {
    height: 200px;
    width: 34%
}

.form-fields--check-box-4e6dde2b {
    min-height: 30px
}

.form-fields--check-box-4e6dde2b input {
    width: 20px;
    height: 20px;
    display: block;
    opacity: 0;
    position: absolute;
    z-index: 200;
    cursor: pointer
}

.form-fields--check-box-4e6dde2b:hover label:after {
    border-color: #fff
}

.form-fields--check-box-4e6dde2b .checkbox-layer-1, .form-fields--check-box-4e6dde2b .checkbox-layer-2 {
    width: 26px;
    height: 26px;
    position: absolute;
    left: 6px;
    top: -2px;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.form-fields--check-box-4e6dde2b .checkbox-layer-1 {
    z-index: 1;
    background-color: #fff;
    -webkit-transition: -webkit-transform .15s cubic-bezier(0.16, .61, .56, 1) .15s;
    transition: transform .15s cubic-bezier(0.16, .61, .56, 1) .15s
}

.form-fields--check-box-4e6dde2b .checkbox-layer-2 {
    z-index: 2;
    background-color: #040404;
    -webkit-transition: -webkit-transform .15s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .15s cubic-bezier(0.16, .61, .56, 1)
}

.form-fields--check-box-4e6dde2b label {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    display: inline-block;
    line-height: 1;
    padding-left: 44px;
    position: relative;
    cursor: pointer;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    color: #fff;
    -webkit-transition: color .08s cubic-bezier(0.16, .61, .56, 1);
    transition: color .08s cubic-bezier(0.16, .61, .56, 1)
}

@media screen and (min-width: 760px) {
    .form-fields--check-box-4e6dde2b label {
        font-size: 1em
    }
}

.form-fields--check-box-4e6dde2b label p {
    margin-top: 0;
    line-height: 1.35
}

.form-fields--check-box-4e6dde2b label:before {
    content: '';
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-bottom: 2px solid #fff;
    border-left: 2px solid transparent;
    border-radius: 1px;
    border-right: 2px solid #fff;
    border-top: 2px solid transparent;
    height: 12px;
    -webkit-transform: rotate(45deg) scale(0);
    -ms-transform: rotate(45deg) scale(0);
    transform: rotate(45deg) scale(0);
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    width: 4px;
    top: -1px;
    left: 5px;
    position: absolute;
    -webkit-transition: -webkit-transform .08s cubic-bezier(0.16, .61, .56, 1) .3s;
    transition: transform .08s cubic-bezier(0.16, .61, .56, 1) .3s
}

.form-fields--check-box-4e6dde2b label:after {
    content: '';
    display: block;
    border: 2px solid #AAA;
    width: 30px;
    height: 30px;
    box-sizing: border-box;
    position: absolute;
    top: -6px;
    left: 0
}

.form-fields--check-box-4e6dde2b.paragraph .checkbox-layer-1, .form-fields--check-box-4e6dde2b.paragraph .checkbox-layer-2 {
    top: 5px
}

.form-fields--check-box-4e6dde2b.paragraph label:before {
    top: 8px
}

.form-fields--check-box-4e6dde2b.paragraph label:after {
    top: 3px
}

.form-fields--check-box-4e6dde2b.selected .checkbox-layer-1, .form-fields--check-box-4e6dde2b.selected .checkbox-layer-2 {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.form-fields--check-box-4e6dde2b.selected label {
    color: #fff
}

.form-fields--check-box-4e6dde2b.selected label:before {
    -webkit-transform: rotate(45deg) scale(1);
    -ms-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1)
}

.form-fields--check-box-4e6dde2b.selected label:after {
    border: 2px solid #fff
}

.form-fields--dropdown-menu-119fd3d3 {
    position: relative;
    margin-bottom: 20px
}

.form-fields--dropdown-menu-119fd3d3 input {
    opacity: 0;
    height: 0;
    width: 0;
    position: absolute
}

.form-fields--dropdown-menu-119fd3d3 i {
    margin-left: 10px;
    position: absolute;
    top: 44px;
    right: 20px;
    -webkit-transition: -webkit-transform .08s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .08s cubic-bezier(0.16, .61, .56, 1);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    display: inline-block;
    font-size: 28px;
    color: #AAA
}

.form-fields--dropdown-menu-119fd3d3 .dropdown-menu {
    cursor: pointer;
    color: #AAA;
    display: block;
    position: relative;
    border: 2px solid #AAA;
    -webkit-transition: height .08s cubic-bezier(0.16, .61, .56, 1) .15s, border .08s cubic-bezier(0.16, .61, .56, 1) .15s;
    transition: height .08s cubic-bezier(0.16, .61, .56, 1) .15s, border .08s cubic-bezier(0.16, .61, .56, 1) .15s;
    height: 60px;
    box-sizing: border-box
}

.form-fields--dropdown-menu-119fd3d3 .dropdown-menu:hover {
    border-color: #fff
}

.form-fields--dropdown-menu-119fd3d3.selected .label-text {
    color: #fff;
    opacity: 1
}

.form-fields--dropdown-menu-119fd3d3.selected .label-title {
    color: #AAA
}

.form-fields--dropdown-menu-119fd3d3.selected i {
    color: #fff
}

.form-fields--dropdown-menu-119fd3d3 .label-text {
    position: absolute;
    left: 20px;
    top: 42px;
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding-right: 70px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 1.286em;
    font-weight: 400;
    color: #AAA;
    opacity: 0
}

@media screen and (min-width: 760px) {
    .form-fields--dropdown-menu-119fd3d3 .label-text {
        font-size: 1.25em !important
    }
}

.form-fields--dropdown-menu-119fd3d3 .label-title {
    display: block;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1em;
    color: #AAA;
    text-transform: uppercase;
    padding: 4px 8px
}

@media screen and (min-width: 760px) {
    .form-fields--dropdown-menu-119fd3d3 .label-title {
        font-size: .875em
    }
}

.form-fields--dropdown-menu-119fd3d3 .label {
    padding: 0;
    height: 60px;
    position: relative
}

.form-fields--dropdown-menu-119fd3d3 ul {
    background-color: #040404;
    border: 2px solid #AAA;
    border-top: 0;
    box-sizing: border-box;
    max-height: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    -webkit-transition: max-height .15s cubic-bezier(0.16, .61, .56, 1), opacity .1s cubic-bezier(0.16, .61, .56, 1) .1s;
    transition: max-height .15s cubic-bezier(0.16, .61, .56, 1), opacity .1s cubic-bezier(0.16, .61, .56, 1) .1s;
    width: calc(100% + 12px);
    z-index: 100;
    opacity: 0;
    left: -6px;
    margin-top: 52px
}

.form-fields--dropdown-menu-119fd3d3 li {
    padding: 0;
    -webkit-transition: background-color .08s cubic-bezier(0.16, .61, .56, 1), color .08s cubic-bezier(0.16, .61, .56, 1);
    transition: background-color .08s cubic-bezier(0.16, .61, .56, 1), color .08s cubic-bezier(0.16, .61, .56, 1);
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400
}

@media screen and (min-width: 760px) {
    .form-fields--dropdown-menu-119fd3d3 li {
        font-size: 1em
    }
}

.form-fields--dropdown-menu-119fd3d3 li>div {
    border-top: solid 1px #343434;
    margin: 0 8px;
    padding: 12px 4px;
    -webkit-transition: border .08s cubic-bezier(0.16, .61, .56, 1);
    transition: border .08s cubic-bezier(0.16, .61, .56, 1)
}

.form-fields--dropdown-menu-119fd3d3 li:first-child>div {
    border: 0
}

.form-fields--dropdown-menu-119fd3d3 li .selected-item, .form-fields--dropdown-menu-119fd3d3 li:hover {
    background-color: #fff;
    color: #000
}

.form-fields--dropdown-menu-119fd3d3 li .selected-item>div, .form-fields--dropdown-menu-119fd3d3 li:hover>div {
    border-color: #fff
}

.form-fields--dropdown-menu-119fd3d3.active .label-title {
    color: #fff
}

.form-fields--dropdown-menu-119fd3d3.active .dropdown-menu {
    border: 6px solid #fff;
    color: #fff;
    -webkit-transition: border .08s cubic-bezier(0.16, .61, .56, 1);
    transition: border .08s cubic-bezier(0.16, .61, .56, 1)
}

.form-fields--dropdown-menu-119fd3d3.active ul {
    max-height: 200px;
    border: 2px solid #fff;
    opacity: 1;
    -webkit-transition: max-height .3s cubic-bezier(0.16, .61, .56, 1) .2s, opacity .1s cubic-bezier(0.16, .61, .56, 1) .2s;
    transition: max-height .3s cubic-bezier(0.16, .61, .56, 1) .2s, opacity .1s cubic-bezier(0.16, .61, .56, 1) .2s
}

.form-fields--dropdown-menu-119fd3d3.active i {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 34px
}

.form-fields--form-button-e53320ec {
    display: inline-block;
    position: relative;
    top: 0;
    left: 0;
    padding: 0;
    border: 0;
    overflow: hidden
}

.form-fields--form-button-e53320ec .wrapper {
    letter-spacing: .1em;
    box-sizing: border-box;
    -webkit-transition: background-color .08s cubic-bezier(0.16, .61, .56, 1), color .08s cubic-bezier(0.16, .61, .56, 1), height .08s cubic-bezier(0.16, .61, .56, 1), top .08s cubic-bezier(0.16, .61, .56, 1);
    transition: background-color .08s cubic-bezier(0.16, .61, .56, 1), color .08s cubic-bezier(0.16, .61, .56, 1), height .08s cubic-bezier(0.16, .61, .56, 1), top .08s cubic-bezier(0.16, .61, .56, 1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    cursor: pointer;
    display: inline-block
}

.form-fields--form-button-e53320ec.push-type:hover {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.form-fields--form-button-e53320ec .loader {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    line-height: 56px;
    display: block;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    z-index: 2;
    color: #fff;
    -webkit-transition: -webkit-transform .15s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .15s cubic-bezier(0.16, .61, .56, 1)
}

.form-fields--form-button-e53320ec .loader i {
    margin-top: 4px
}

.form-fields--form-button-e53320ec .text {
    padding: 0 40px;
    line-height: 56px;
    display: block;
    position: relative;
    z-index: 1;
    -webkit-transition: -webkit-transform .15s cubic-bezier(0.16, .61, .56, 1) .15s;
    transition: transform .15s cubic-bezier(0.16, .61, .56, 1) .15s;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    background-color: #fff;
    text-transform: uppercase
}

.form-fields--form-button-e53320ec.primary {
    font-size: 1.286em;
    font-weight: 400;
    font-family: TrimBold
}

@media screen and (min-width: 760px) {
    .form-fields--form-button-e53320ec.primary {
        font-size: 1.25em !important
    }
}

.form-fields--form-button-e53320ec.primary .wrapper {
    padding: 0;
    display: inline-block;
    height: 48px;
    border: 4px solid #fff !important;
    color: #000 !important;
    width: 100%
}

@media screen and (min-width: 760px) {
    .form-fields--form-button-e53320ec.primary .wrapper {
        width: auto
    }
}

.form-fields--form-button-e53320ec.primary .wrapper:after, .form-fields--form-button-e53320ec.primary .wrapper:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    top: 50%;
    z-index: 10;
    margin-top: -8px;
    opacity: 0;
    -webkit-transition: -webkit-transform .15s cubic-bezier(0.16, .61, .56, 1), opacity .15s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .15s cubic-bezier(0.16, .61, .56, 1), opacity .15s cubic-bezier(0.16, .61, .56, 1)
}

.form-fields--form-button-e53320ec.primary .wrapper:before {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #040404;
    left: -4px;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
}

.form-fields--form-button-e53320ec.primary .wrapper:after {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #040404;
    right: -4px;
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
}

.form-fields--form-button-e53320ec.secondary {
    font-size: .8em !important;
    padding: 0 18px;
    line-height: 34px;
    height: 36px;
    border: 2px solid #fff !important;
    color: #fff !important;
    background-color: #040404
}

.form-fields--form-button-e53320ec.disabled {
    color: gray !important
}

.form-fields--form-button-e53320ec.disabled:active {
    background-color: #fff !important;
    color: gray !important
}

.form-fields--form-button-e53320ec:hover.primary .wrapper:after, .form-fields--form-button-e53320ec:hover.primary .wrapper:before {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.form-fields--form-button-e53320ec.loading.primary .wrapper:after {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
}

.form-fields--form-button-e53320ec.loading.primary .wrapper:before {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
}

.form-fields--form-button-e53320ec.loading.primary .wrapper:hover:after {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
}

.form-fields--form-button-e53320ec.loading.primary .wrapper:hover:before {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
}

.form-fields--form-button-e53320ec.loading .text {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .2s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .2s cubic-bezier(0.16, .61, .56, 1)
}

.form-fields--form-button-e53320ec.loading .loader {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .2s cubic-bezier(0.16, .61, .56, 1) .2s;
    transition: transform .2s cubic-bezier(0.16, .61, .56, 1) .2s
}

.form-fields--form-button-e53320ec.left-btn {
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left
}

.form-fields--form-button-e53320ec.right-btn {
    -webkit-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right
}

.form-fields--form-button-e53320ec.center-btn {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center
}

.form-fields--inline-editing-5da631bb {
    min-height: 80px;
    position: relative
}

.form-fields--inline-editing-5da631bb::after {
    clear: both;
    content: '';
    display: table
}

.form-fields--inline-editing-5da631bb .edit {
    display: none
}

.form-fields--inline-editing-5da631bb .non-edit {
    display: block
}

.form-fields--inline-editing-5da631bb .edit-button {
    float: right;
    text-decoration: none;
    cursor: pointer;
    text-align: right;
    padding: 4px 8px;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    font-weight: 600
}

@media screen and (min-width: 760px) {
    .form-fields--inline-editing-5da631bb .edit-button {
        font-size: 1em
    }
}

.form-fields--inline-editing-5da631bb .label {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1em;
    color: #fff;
    position: absolute;
    opacity: .8;
    z-index: 1;
    top: -20px
}

@media screen and (min-width: 760px) {
    .form-fields--inline-editing-5da631bb .label {
        font-size: .875em
    }
}

.form-fields--inline-editing-5da631bb .text {
    padding: 12px 0;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    font-weight: 600
}

@media screen and (min-width: 760px) {
    .form-fields--inline-editing-5da631bb .text {
        font-size: 1em
    }
}

.form-fields--inline-editing-5da631bb .btn-box {
    float: right;
    position: relative;
    top: 0
}

.form-fields--inline-editing-5da631bb .small-btn {
    float: right
}

.form-fields--inline-editing-5da631bb .input {
    float: left;
    width: 100%
}

.form-fields--inline-editing-5da631bb .input-half {
    width: 49%;
    float: left;
    margin-left: 1%
}

.form-fields--inline-editing-5da631bb .input-half:first-child {
    margin-right: 1%;
    margin-left: 0
}

.form-fields--inline-editing-5da631bb.edit-mode .edit {
    display: block
}

.form-fields--inline-editing-5da631bb.edit-mode .non-edit {
    display: none
}

.form-fields--loading-spinner-bb25e123 .rotate {
    display: inline-block;
    text-align: center;
    -webkit-animation: rotate .7s linear infinite;
    animation: rotate .7s linear infinite;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 30px
}

@-webkit-keyframes "rotate" {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes "rotate" {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.form-fields--radio-button-eb2613c0 {
    display: inline-block;
    line-height: 26px;
    margin-right: 26px;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    margin-bottom: 12px
}

.form-fields--radio-button-eb2613c0:last-child {
    margin-right: 0
}

.form-fields--radio-button-eb2613c0 .radio-selector-wrapper {
    position: absolute;
    width: 26px;
    height: 26px;
    border-radius: 100px;
    overflow: hidden;
    top: -6px;
    background-color: #AAA;
    -webkit-transition: background-color .08s cubic-bezier(0.16, .61, .56, 1);
    transition: background-color .08s cubic-bezier(0.16, .61, .56, 1)
}

.form-fields--radio-button-eb2613c0 .radio-selector {
    width: 22px;
    height: 22px;
    position: absolute;
    border-radius: 100px;
    left: 2px;
    top: 2px;
    background-color: #040404
}

.form-fields--radio-button-eb2613c0:hover .radio-selector-wrapper {
    background-color: #fff
}

.form-fields--radio-button-eb2613c0 input {
    position: absolute;
    left: -9999px;
    opacity: .01
}

.form-fields--radio-button-eb2613c0 label {
    padding-left: 40px;
    position: relative;
    cursor: pointer;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    color: #fff;
    -webkit-transition: color .08s cubic-bezier(0.16, .61, .56, 1);
    transition: color .08s cubic-bezier(0.16, .61, .56, 1)
}

@media screen and (min-width: 760px) {
    .form-fields--radio-button-eb2613c0 label {
        font-size: 1em
    }
}

.form-fields--radio-button-eb2613c0.selected label {
    color: #fff
}

.form-fields--radio-button-eb2613c0.selected .radio-selector {
    -webkit-animation: dotAnim .25s cubic-bezier(0.16, .61, .56, 1) forwards;
    animation: dotAnim .25s cubic-bezier(0.16, .61, .56, 1) forwards;
    border: 4px solid #000;
    background-color: #fff;
    width: 14px;
    height: 14px
}

.form-fields--radio-button-eb2613c0.selected .radio-selector-wrapper {
    background-color: #fff
}

@-webkit-keyframes "dotAnim" {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    60%, 70% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes "dotAnim" {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    60%, 70% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.form-fields--switch-button-3e581800 {
    cursor: pointer
}

.form-fields--switch-button-3e581800 input {
    position: absolute;
    left: -9999px;
    opacity: .01
}

.form-fields--switch-button-3e581800 input:focus+.switch {
    background-color: #AAA
}

.form-fields--switch-button-3e581800 .label-left, .form-fields--switch-button-3e581800 .label-right {
    line-height: 20px;
    cursor: pointer
}

.form-fields--switch-button-3e581800 .switch {
    background-color: #ccc;
    border-radius: 20px;
    display: inline-block;
    height: 20px;
    position: relative;
    width: 60px;
    cursor: pointer
}

.form-fields--switch-button-3e581800 .switch:after {
    background-color: #fff;
    border-radius: 100px;
    content: '';
    height: 28px;
    left: 0;
    position: absolute;
    top: -4px;
    -webkit-transition: left .08s cubic-bezier(0.16, .61, .56, 1);
    transition: left .08s cubic-bezier(0.16, .61, .56, 1);
    width: 28px
}

.form-fields--switch-button-3e581800.selected .switch:after {
    left: 32px
}

.form-fields--text-input-b6163d80 {
    position: relative;
    margin-bottom: 20px
}

.form-fields--text-input-b6163d80 .label {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1em;
    display: block;
    color: #AAA;
    -webkit-transition: color .08s cubic-bezier(0.16, .61, .56, 1);
    transition: color .08s cubic-bezier(0.16, .61, .56, 1);
    position: relative;
    z-index: 1
}

@media screen and (min-width: 760px) {
    .form-fields--text-input-b6163d80 .label {
        font-size: .875em
    }
}

.form-fields--text-input-b6163d80 .error-message {
    display: inline-block;
    color: #fff;
    padding: 4px 8px;
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
    position: absolute;
    -webkit-transition: opacity .08s cubic-bezier(0.16, .61, .56, 1), -webkit-transform .08s cubic-bezier(0.16, .61, .56, 1) .08s;
    transition: opacity .08s cubic-bezier(0.16, .61, .56, 1), transform .08s cubic-bezier(0.16, .61, .56, 1) .08s
}

.form-fields--text-input-b6163d80 .label-text {
    display: inline-block;
    padding: 4px 8px;
    -webkit-transition: color .08s cubic-bezier(0.16, .61, .56, 1), background-color .08s cubic-bezier(0.16, .61, .56, 1);
    transition: color .08s cubic-bezier(0.16, .61, .56, 1), background-color .08s cubic-bezier(0.16, .61, .56, 1);
    text-transform: uppercase
}

.form-fields--text-input-b6163d80 .input-wrapper {
    height: 60px;
    border: 2px solid #AAA;
    box-sizing: border-box;
    -webkit-transition: border .08s cubic-bezier(0.16, .61, .56, 1);
    transition: border .08s cubic-bezier(0.16, .61, .56, 1);
    position: relative;
    z-index: 10
}

.form-fields--text-input-b6163d80 input {
    font-size: 1.286em;
    font-weight: 400;
    z-index: 10;
    padding: 0 10px;
    height: 60px;
    line-height: 56px;
    text-indent: 8px;
    display: block;
    border: 0;
    position: absolute;
    width: 100%;
    top: 26px;
    background-color: transparent;
    box-sizing: border-box
}

@media screen and (min-width: 760px) {
    .form-fields--text-input-b6163d80 input {
        font-size: 1.25em !important
    }
}

.form-fields--text-input-b6163d80:hover .input-wrapper {
    border-color: #fff
}

.form-fields--text-input-b6163d80.is-disabled input, .form-fields--text-input-b6163d80.is-disabled:hover input {
    outline: #343434 solid 2px
}

.form-fields--text-input-b6163d80.is-disabled input::-webkit-input-placeholder {
    color: #343434
}

.form-fields--text-input-b6163d80.is-disabled input:active, .form-fields--text-input-b6163d80.is-disabled input:focus {
    outline: #343434 solid 2px;
    width: 100%;
    left: 0
}

.form-fields--text-input-b6163d80.is-focus .label {
    color: #fff
}

.form-fields--text-input-b6163d80.is-focus .input-wrapper {
    border: 6px solid #fff
}

.form-fields--text-input-b6163d80.is-error .label-text {
    color: #fff;
    background-color: #ff3a2e
}

.form-fields--text-input-b6163d80.is-error .error-message {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.form-fields--text-input-b6163d80.is-error .input-wrapper {
    border-color: #ff3a2e
}

.global--category-page-8d542b50 {
    background-image: url(../images/Category-01.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    background-color: #040404;
    bottom: 0;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%
}

.global--intro-animation-221c371c {
    background-color: #040404;
    bottom: 0;
    position: fixed;
    top: 0;
    width: 100%
}

.global--intro-animation-221c371c .logo {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
    -webkit-animation: introAnim 2s cubic-bezier(0.16, .61, .56, 1) forwards;
    animation: introAnim 2s cubic-bezier(0.16, .61, .56, 1) forwards;
    background: url(../images/logo.svg) 0 0/200px 200px;
    display: block;
    height: 200px;
    left: 50%;
    margin-left: -100px;
    margin-top: -100px;
    opacity: 0;
    position: absolute;
    text-indent: -9999px;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    top: 50%;
    width: 200px;
    z-index: 100
}

@-webkit-keyframes "introAnim" {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    20%, 80% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
    }
}

@keyframes "introAnim" {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    20%, 80% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
    }
}

.global--keypress-component-4576f308 .static-background {
    background-image: url(../images/background-img.jpg);
    background-position: center center;
    background-size: cover;
    bottom: 0;
    opacity: 0;
    position: fixed;
    width: 100%;
    top: 0;
    -webkit-transition: opacity .08s cubic-bezier(0.16, .61, .56, 1);
    transition: opacity .08s cubic-bezier(0.16, .61, .56, 1);
    z-index: 10
}

.global--keypress-component-4576f308 .loading {
    background-color: rgba(0, 0, 0, .8);
    bottom: 0;
    opacity: 1;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999999;
    -webkit-transition: opacity .08s cubic-bezier(0.16, .61, .56, 1);
    transition: opacity .08s cubic-bezier(0.16, .61, .56, 1)
}

.global--keypress-component-4576f308 .loading i {
    position: absolute;
    font-size: 30px;
    left: 50%;
    top: 50%;
    margin-left: -15px;
    margin-top: -15px
}

.global--keypress-component-4576f308 .rail-video {
    -webkit-transition: none;
    transition: none
}

.global--keypress-component-4576f308.show-overview .video-player {
    opacity: .2
}

.global--keypress-component-4576f308.show-overview .rail-video {
    opacity: 1 !important;
    position: relative;
    -webkit-transition: all .5s easing-in1;
    transition: all .5s easing-in1;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important
}

.global--keypress-component-4576f308.show-overview .rail-video .img {
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important
}

.global--keypress-component-4576f308.hide-spinner .loading {
    opacity: 0
}

.global--keypress-component-4576f308.hide-video .static-background {
    opacity: 1
}

.global--keypress-component-4576f308 .video-control-component {
    -webkit-transition: opacity .08s cubic-bezier(0.16, .61, .56, 1), -webkit-transform .08s cubic-bezier(0.16, .61, .56, 1);
    transition: opacity .08s cubic-bezier(0.16, .61, .56, 1), transform .08s cubic-bezier(0.16, .61, .56, 1);
    opacity: 1
}

.global--keypress-component-4576f308.hide-control-mode .video-control-component {
    opacity: 0
}

.global--keypress-component-4576f308 .video-scrub {
    bottom: -220px;
    -webkit-transition: bottom .08s cubic-bezier(0.16, .61, .56, 1), opacity .5s cubic-bezier(0.16, .61, .56, 1);
    transition: bottom .08s cubic-bezier(0.16, .61, .56, 1), opacity .5s cubic-bezier(0.16, .61, .56, 1);
    opacity: 1
}

.global--keypress-component-4576f308.hide-scrub-mode .video-scrub {
    opacity: 0
}

.global--keypress-component-4576f308.show-more-info .more-info-panel {
    right: 0
}

.global--keypress-component-4576f308.show-more-info #ls-video {
    width: 65%
}

.global--keypress-component-4576f308.expand-scrub-mode .video-scrub {
    bottom: 0
}

.global--keypress-component-4576f308.expand-scrub-mode .video-control-component {
    -webkit-transform: translate3d(0, -220px, 0);
    transform: translate3d(0, -220px, 0)
}

.global--keypress-component-4576f308.expand-scrub-mode .video-controls {
    opacity: .4
}

.global--keypress-component-4576f308.expand-scrub-mode .video-controls>li.active {
    width: 50px
}

.global--keypress-component-4576f308.expand-scrub-mode .video-controls>li.active>div {
    border: 1px solid #040404;
    width: 50px;
    height: 50px;
    top: 10px;
    line-height: 50px
}

.global--keypress-component-4576f308.expand-scrub-mode .video-controls>li.active>div img {
    width: 50px;
    top: 0
}

.global--keypress-component-4576f308 .play {
    display: none
}

.global--keypress-component-4576f308 .pause, .global--keypress-component-4576f308.paused .play {
    display: inline-block
}

.global--keypress-component-4576f308.paused .pause {
    display: none
}

.global--keypress-component-4576f308 .item-video {
    height: 170px;
    width: 250px
}

.global--keypress-component-4576f308 .img, .global--keypress-component-4576f308 .search-block {
    height: 145px;
    -webkit-transition: -webkit-transform .5s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .5s cubic-bezier(0.16, .61, .56, 1)
}

.global--keypress-component-4576f308 .item-video:nth-child(3) {
    width: 300px
}

.global--keypress-component-4576f308 .item-video.is-setting:nth-child(1), .global--keypress-component-4576f308 .item-video.is-setting:nth-child(2), .global--keypress-component-4576f308 .rail-title, .global--keypress-component-4576f308 .tile-title {
    opacity: 0
}

.global--keypress-component-4576f308 .rail-video {
    -webkit-transform: translate3d(0, 380px, 0);
    transform: translate3d(0, 380px, 0)
}

.global--keypress-component-4576f308 .rail-video .slider {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.global--keypress-component-4576f308 .rail-video:first-child, .global--keypress-component-4576f308 .rail-video:nth-child(2) {
    opacity: .6
}

.global--keypress-component-4576f308 .rail-video:nth-child(2) .item-video:nth-child(3) .img, .global--keypress-component-4576f308 .rail-video:nth-child(2) .item-video:nth-child(3) .search-block {
    height: 170px
}

.global--keypress-component-4576f308 .rail-video:nth-child(3) {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.global--keypress-component-4576f308 .rail-video:nth-child(3) .item-video:nth-child(3) .tile-title, .global--keypress-component-4576f308 .rail-video:nth-child(3) .rail-title {
    opacity: 1
}

.global--keypress-component-4576f308 .rail-video:nth-child(3) .item-video:nth-child(3) .img, .global--keypress-component-4576f308 .rail-video:nth-child(3) .item-video:nth-child(3) .search-block {
    height: 170px
}

.global--keypress-component-4576f308 .rail-video:nth-child(4) {
    -webkit-transform: translate3d(0, 160px, 0);
    transform: translate3d(0, 160px, 0);
    opacity: .6
}

.global--keypress-component-4576f308 .rail-video:nth-child(5) {
    -webkit-transform: translate3d(0, 380px, 0);
    transform: translate3d(0, 380px, 0);
    opacity: .6
}

.global--keypress-component-4576f308.hide-browse-mode .category-container .rail-video {
    -webkit-transition: -webkit-transform .5s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .5s cubic-bezier(0.16, .61, .56, 1)
}

.global--keypress-component-4576f308.hide-browse-mode .category-container .rail-video:nth-child(2) {
    -webkit-transform: translate3d(0, -900px, 0);
    transform: translate3d(0, -900px, 0)
}

.global--keypress-component-4576f308.hide-browse-mode .category-container .rail-video:nth-child(4) {
    -webkit-transform: translate3d(0, 380px, 0);
    transform: translate3d(0, 380px, 0)
}

.global--keypress-component-4576f308.hide-browse-mode .category-container .rail-video:nth-child(3) .img, .global--keypress-component-4576f308.hide-browse-mode .category-container .rail-video:nth-child(3) .search-block {
    -webkit-transform: translate3d(0, 300px, 0);
    transform: translate3d(0, 300px, 0)
}

.global--keypress-component-4576f308.hide-browse-mode .category-container .rail-video:nth-child(3) .rail-title, .global--keypress-component-4576f308.hide-browse-mode .category-container .rail-video:nth-child(3) .tile-title {
    opacity: 0;
    -webkit-transition: opacity .5s cubic-bezier(0.16, .61, .56, 1) .5s;
    transition: opacity .5s cubic-bezier(0.16, .61, .56, 1) .5s
}

.global--keypress-component-4576f308.animate-down .rail-video:first-child {
    -webkit-transition: -webkit-transform .5s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .5s cubic-bezier(0.16, .61, .56, 1)
}

.global--keypress-component-4576f308.animate-down .rail-video:nth-child(2) {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .5s cubic-bezier(0.16, .61, .56, 1), opacity .08s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .5s cubic-bezier(0.16, .61, .56, 1), opacity .08s cubic-bezier(0.16, .61, .56, 1);
    opacity: 1
}

.global--keypress-component-4576f308.animate-down .rail-video:nth-child(2) .item-video:nth-child(3) .tile-title, .global--keypress-component-4576f308.animate-down .rail-video:nth-child(2) .rail-title {
    opacity: 1;
    -webkit-transition: opacity .08s cubic-bezier(0.16, .61, .56, 1);
    transition: opacity .08s cubic-bezier(0.16, .61, .56, 1)
}

.global--keypress-component-4576f308.animate-down .rail-video:nth-child(2) .item-video:nth-child(3) .img, .global--keypress-component-4576f308.animate-down .rail-video:nth-child(2) .item-video:nth-child(3) .search-block {
    -webkit-transition: height .08s cubic-bezier(0.16, .61, .56, 1), -webkit-transform .08s cubic-bezier(0.16, .61, .56, 1);
    transition: height .08s cubic-bezier(0.16, .61, .56, 1), transform .08s cubic-bezier(0.16, .61, .56, 1)
}

.global--keypress-component-4576f308.animate-down .rail-video:nth-child(3) {
    -webkit-transform: translate3d(0, 160px, 0);
    transform: translate3d(0, 160px, 0);
    -webkit-transition: -webkit-transform .5s cubic-bezier(0.16, .61, .56, 1), opacity .08s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .5s cubic-bezier(0.16, .61, .56, 1), opacity .08s cubic-bezier(0.16, .61, .56, 1);
    opacity: .6
}

.global--keypress-component-4576f308.animate-down .rail-video:nth-child(3) .item-video:nth-child(3) .tile-title, .global--keypress-component-4576f308.animate-down .rail-video:nth-child(3) .rail-title {
    opacity: 0;
    -webkit-transition: opacity .08s cubic-bezier(0.16, .61, .56, 1);
    transition: opacity .08s cubic-bezier(0.16, .61, .56, 1)
}

.global--keypress-component-4576f308.animate-down .rail-video:nth-child(3) .item-video:nth-child(3) .img, .global--keypress-component-4576f308.animate-down .rail-video:nth-child(3) .item-video:nth-child(3) .search-block {
    height: 145px;
    -webkit-transition: height .08s cubic-bezier(0.16, .61, .56, 1), -webkit-transform .5s cubic-bezier(0.16, .61, .56, 1);
    transition: height .08s cubic-bezier(0.16, .61, .56, 1), transform .5s cubic-bezier(0.16, .61, .56, 1)
}

.global--keypress-component-4576f308.animate-down .rail-video:nth-child(4) {
    -webkit-transform: translate3d(0, 380px, 0);
    transform: translate3d(0, 380px, 0)
}

.global--keypress-component-4576f308.animate-up .rail-video:nth-child(2) {
    -webkit-transition: -webkit-transform .5s cubic-bezier(0.16, .61, .56, 1), opacity .5s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .5s cubic-bezier(0.16, .61, .56, 1), opacity .5s cubic-bezier(0.16, .61, .56, 1)
}

.global--keypress-component-4576f308.animate-up .rail-video:nth-child(3) {
    -webkit-transform: translate3d(0, -980px, 0);
    transform: translate3d(0, -980px, 0);
    -webkit-transition: -webkit-transform .5s cubic-bezier(0.16, .61, .56, 1), opacity .08s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .5s cubic-bezier(0.16, .61, .56, 1), opacity .08s cubic-bezier(0.16, .61, .56, 1);
    opacity: .6
}

.global--keypress-component-4576f308.animate-up .rail-video:nth-child(3) .item-video:nth-child(3) .tile-title, .global--keypress-component-4576f308.animate-up .rail-video:nth-child(3) .rail-title {
    opacity: 0;
    -webkit-transition: opacity .08s cubic-bezier(0.16, .61, .56, 1);
    transition: opacity .08s cubic-bezier(0.16, .61, .56, 1)
}

.global--keypress-component-4576f308.animate-up .rail-video:nth-child(4) {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .5s cubic-bezier(0.16, .61, .56, 1), opacity .08s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .5s cubic-bezier(0.16, .61, .56, 1), opacity .08s cubic-bezier(0.16, .61, .56, 1)
}

.global--keypress-component-4576f308.animate-up .rail-video:nth-child(4) .rail-title {
    opacity: 1
}

.global--keypress-component-4576f308.animate-up .rail-video:nth-child(4) .item-video:nth-child(3) .tile-title {
    opacity: 1;
    -webkit-transition: opacity .08s cubic-bezier(0.16, .61, .56, 1);
    transition: opacity .08s cubic-bezier(0.16, .61, .56, 1)
}

.global--keypress-component-4576f308.animate-up .rail-video:nth-child(4) .item-video:nth-child(3) .img, .global--keypress-component-4576f308.animate-up .rail-video:nth-child(4) .item-video:nth-child(3) .search-block {
    height: 170px;
    -webkit-transition: height .08s cubic-bezier(0.16, .61, .56, 1), -webkit-transform .5s cubic-bezier(0.16, .61, .56, 1);
    transition: height .08s cubic-bezier(0.16, .61, .56, 1), transform .5s cubic-bezier(0.16, .61, .56, 1)
}

.global--keypress-component-4576f308.animate-up .rail-video:nth-child(5) {
    -webkit-transform: translate3d(0, 160px, 0);
    transform: translate3d(0, 160px, 0);
    -webkit-transition: -webkit-transform .5s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .5s cubic-bezier(0.16, .61, .56, 1)
}

.global--keypress-component-4576f308.animate-right .rail-video:nth-child(3) .slider {
    -webkit-transform: translate3d(255px, 0, 0);
    transform: translate3d(255px, 0, 0);
    -webkit-transition: -webkit-transform .08s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .08s cubic-bezier(0.16, .61, .56, 1)
}

.global--keypress-component-4576f308.animate-right .rail-video:nth-child(3) .item-video:nth-child(3) {
    -webkit-transition: width .08s cubic-bezier(0.16, .61, .56, 1);
    transition: width .08s cubic-bezier(0.16, .61, .56, 1);
    width: 250px
}

.global--keypress-component-4576f308.animate-right .rail-video:nth-child(3) .item-video:nth-child(3) .img, .global--keypress-component-4576f308.animate-right .rail-video:nth-child(3) .item-video:nth-child(3) .search-block {
    height: 145px;
    -webkit-transition: height .08s cubic-bezier(0.16, .61, .56, 1);
    transition: height .08s cubic-bezier(0.16, .61, .56, 1)
}

.global--keypress-component-4576f308.animate-right .rail-video:nth-child(3) .item-video:nth-child(3) .tile-title {
    opacity: 0;
    -webkit-transition: opacity .08s cubic-bezier(0.16, .61, .56, 1);
    transition: opacity .08s cubic-bezier(0.16, .61, .56, 1)
}

.global--keypress-component-4576f308.animate-right .rail-video:nth-child(3) .item-video:nth-child(2) {
    -webkit-transition: width .08s cubic-bezier(0.16, .61, .56, 1);
    transition: width .08s cubic-bezier(0.16, .61, .56, 1);
    width: 300px
}

.global--keypress-component-4576f308.animate-right .rail-video:nth-child(3) .item-video:nth-child(2) .img, .global--keypress-component-4576f308.animate-right .rail-video:nth-child(3) .item-video:nth-child(2) .search-block {
    height: 170px;
    -webkit-transition: height .08s cubic-bezier(0.16, .61, .56, 1);
    transition: height .08s cubic-bezier(0.16, .61, .56, 1)
}

.global--keypress-component-4576f308.animate-right .rail-video:nth-child(3) .item-video:nth-child(2) .tile-title {
    opacity: 1;
    -webkit-transition: opacity .08s cubic-bezier(0.16, .61, .56, 1) .08s;
    transition: opacity .08s cubic-bezier(0.16, .61, .56, 1) .08s
}

.global--keypress-component-4576f308.animate-left .rail-video:nth-child(3) .slider {
    -webkit-transform: translate3d(-255px, 0, 0);
    transform: translate3d(-255px, 0, 0);
    -webkit-transition: -webkit-transform .08s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .08s cubic-bezier(0.16, .61, .56, 1)
}

.global--keypress-component-4576f308.animate-left .rail-video:nth-child(3) .item-video:nth-child(3) {
    -webkit-transition: width .08s cubic-bezier(0.16, .61, .56, 1);
    transition: width .08s cubic-bezier(0.16, .61, .56, 1);
    width: 250px
}

.global--keypress-component-4576f308.animate-left .rail-video:nth-child(3) .item-video:nth-child(3) .img, .global--keypress-component-4576f308.animate-left .rail-video:nth-child(3) .item-video:nth-child(3) .search-block {
    height: 145px;
    -webkit-transition: height .08s cubic-bezier(0.16, .61, .56, 1);
    transition: height .08s cubic-bezier(0.16, .61, .56, 1)
}

.global--keypress-component-4576f308.animate-left .rail-video:nth-child(3) .item-video:nth-child(3) .tile-title {
    opacity: 0;
    -webkit-transition: opacity .08s cubic-bezier(0.16, .61, .56, 1);
    transition: opacity .08s cubic-bezier(0.16, .61, .56, 1)
}

.global--keypress-component-4576f308.animate-left .rail-video:nth-child(3) .item-video:nth-child(4) {
    -webkit-transition: width .08s cubic-bezier(0.16, .61, .56, 1);
    transition: width .08s cubic-bezier(0.16, .61, .56, 1);
    width: 300px
}

.global--keypress-component-4576f308.animate-left .rail-video:nth-child(3) .item-video:nth-child(4) .img, .global--keypress-component-4576f308.animate-left .rail-video:nth-child(3) .item-video:nth-child(4) .search-block {
    height: 170px;
    -webkit-transition: height .08s cubic-bezier(0.16, .61, .56, 1);
    transition: height .08s cubic-bezier(0.16, .61, .56, 1)
}

.global--keypress-component-4576f308.animate-left .rail-video:nth-child(3) .item-video:nth-child(4) .tile-title {
    opacity: 1;
    -webkit-transition: opacity .08s cubic-bezier(0.16, .61, .56, 1) .08s;
    transition: opacity .08s cubic-bezier(0.16, .61, .56, 1) .08s
}

.global--keypress-component-4576f308.first-load .rail-video {
    -webkit-transition: -webkit-transform .5s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .5s cubic-bezier(0.16, .61, .56, 1)
}

.global--landing-page-339bb873 .main-header {
    text-align: center;
    position: relative;
    overflow: hidden
}

@media screen and (min-width: 760px) {
    .global--landing-page-339bb873 .main-header {
        margin-bottom: 20px
    }
}

@media screen and (min-width: 760px) {
    .global--landing-page-339bb873.show-more .show-more-arrow {
        opacity: .5;
        -webkit-animation: arrowDown 1.5s cubic-bezier(0.16, .61, .56, 1) forwards infinite;
        animation: arrowDown 1.5s cubic-bezier(0.16, .61, .56, 1) forwards infinite
    }
}

.global--landing-page-339bb873 .show-more-arrow {
    position: fixed;
    bottom: 20px;
    text-align: center;
    width: 100%;
    opacity: 0;
    -webkit-transition: opacity .08s cubic-bezier(0.16, .61, .56, 1);
    transition: opacity .08s cubic-bezier(0.16, .61, .56, 1);
    font-size: 4em
}

@-webkit-keyframes "arrowDown" {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 0;
    }
    60% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: .5;
    }
    100% {
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
        opacity: 0;
    }
}

@keyframes "arrowDown" {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 0;
    }
    60% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: .5;
    }
    100% {
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
        opacity: 0;
    }
}

.global--landing-page-339bb873 .logo-list {
    text-align: center
}

.global--landing-page-339bb873 .logo-list img {
    margin: 10px 20px
}

.global--landing-page-339bb873 .slider {
    width: 300%;
    -webkit-transition: -webkit-transform .5s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .5s cubic-bezier(0.16, .61, .56, 1)
}

@media screen and (min-width: 760px) {
    .global--landing-page-339bb873.animate-carousel .carousel {
        -webkit-animation: fadeIn .5s cubic-bezier(0.16, .61, .56, 1) .45s 1 forwards;
        animation: fadeIn .5s cubic-bezier(0.16, .61, .56, 1) .45s 1 forwards
    }
}

.global--landing-page-339bb873 .carousel {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 40px;
    position: relative;
    z-index: 1
}

@media screen and (min-width: 760px) {
    .global--landing-page-339bb873 .carousel {
        opacity: 0
    }
}

.global--landing-page-339bb873 .carousel-page {
    width: calc(100% / 3);
    display: block;
    float: left
}

.global--landing-page-339bb873 .carousel-img {
    width: 100%;
    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.global--landing-page-339bb873 .carousel-text {
    background-color: #2a2a2a;
    padding: 20px 0 60px;
    font-size: 1.286em;
    font-weight: 400;
    font-family: TrimMedium;
    text-align: center
}

@media screen and (min-width: 760px) {
    .global--landing-page-339bb873 .carousel-text {
        font-size: 1.25em !important
    }
}

.global--landing-page-339bb873 .carousel-counter {
    display: inline-block;
    margin: 20px 0 20px -40px;
    position: absolute;
    bottom: 10px;
    z-index: 10;
    left: 50%
}

.global--landing-page-339bb873 .carousel-counter>span {
    border: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 8px;
    height: 8px;
    display: inline-block;
    margin: 0 4px;
    -webkit-transition: background-color .08s cubic-bezier(0.16, .61, .56, 1);
    transition: background-color .08s cubic-bezier(0.16, .61, .56, 1)
}

.global--landing-page-339bb873 .carousel-counter>span.active {
    background-color: #fff
}

.global--landing-page-339bb873 .big-game {
    margin-bottom: 20px
}

@media screen and (min-width: 760px) {
    .global--landing-page-339bb873.animate-all-sports .sport-list {
        -webkit-animation: fadeInSlideUp .25s cubic-bezier(0.16, .61, .56, 1) .35s 1 forwards;
        animation: fadeInSlideUp .25s cubic-bezier(0.16, .61, .56, 1) .35s 1 forwards
    }
}

.global--landing-page-339bb873 .sport-list {
    display: block;
    margin: 0 0 40px;
    padding: 0;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-width: 25%;
    -moz-column-width: 25%;
    column-width: 25%;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    -webkit-column-rule: 2px dashed #fff;
    -moz-column-rule: 2px dashed #fff;
    column-rule: 2px dashed #fff
}

@media screen and (min-width: 760px) {
    .global--landing-page-339bb873 .sport-list {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4
    }
}

.global--landing-page-339bb873 .sport-list li {
    display: block;
    padding: 0;
    margin: 0;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    text-align: center;
    white-space: normal
}

@media screen and (min-width: 760px) {
    .global--landing-page-339bb873 .sport-list li {
        font-size: 1em
    }
}

.global--landing-page-339bb873 .sport-list li span {
    padding: 0 20px 28px;
    text-indent: 12px;
    display: inline-block
}

.global--landing-page-339bb873 .category-img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: absolute;
    overflow: hidden;
    width: 100%;
    top: 0;
    bottom: 0
}

.global--landing-page-339bb873 .category-wrapper, .global--landing-page-339bb873 .content-tile {
    position: relative;
    overflow: hidden
}

.global--landing-page-339bb873 .category-title {
    font-size: 1.286em;
    font-weight: 400;
    font-family: TrimMedium;
    text-align: center;
    position: absolute;
    bottom: 20px;
    width: 100%
}

@media screen and (min-width: 760px) {
    .global--landing-page-339bb873 .category-title {
        font-size: 1.25em !important
    }
}

.global--landing-page-339bb873 .tile-img-wrapper {
    position: relative;
    overflow: hidden
}

.global--landing-page-339bb873 .tile-img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%
}

.global--landing-page-339bb873 .tile-title {
    background-color: #2a2a2a;
    font-size: 1.286em;
    font-weight: 400;
    font-family: TrimMedium;
    padding: 12px 8px;
    height: 60px;
    box-sizing: border-box
}

@media screen and (min-width: 760px) {
    .global--landing-page-339bb873 .tile-title {
        font-size: 1.25em !important
    }
}

@media screen and (min-width: 760px) {
    .global--landing-page-339bb873 .tile-title {
        height: 90px;
        padding: 20px 12px
    }
}

.global--landing-page-339bb873 .device-icons {
    display: block;
    margin: 0;
    padding: 0
}

.global--landing-page-339bb873 .device-icons li {
    display: inline-block;
    width: 25%;
    margin: 0 0 0 -5px;
    padding: 0;
    text-align: center;
    font-size: 2em
}

.global--landing-page-339bb873 .tournaments {
    margin-bottom: 80px
}

.global--landing-page-339bb873 .logo-tournament {
    line-height: 120px
}

.global--landing-page-339bb873 .tournaments-subtitle {
    font-size: 1.714em;
    font-weight: 400;
    font-family: TrimMedium;
    margin: 20px 0;
    letter-spacing: .7px
}

@media screen and (min-width: 760px) {
    .global--landing-page-339bb873 .tournaments-subtitle {
        font-size: 1.75em !important
    }
}

.global--landing-page-339bb873 .see-more {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    position: relative;
    padding-left: 20px
}

@media screen and (min-width: 760px) {
    .global--landing-page-339bb873 .see-more {
        font-size: 1em
    }
}

.global--landing-page-339bb873 .see-more:after {
    content: "\f105";
    font-family: iconfont !important;
    position: absolute;
    left: 0;
    font-size: 20px;
    bottom: -6px
}

.global--landing-page-339bb873 .feature-box-img {
    height: 100px
}

.global--landing-page-339bb873 .small-separator {
    border-top: solid 2px #fff;
    position: relative;
    margin-bottom: 20px
}

.global--landing-page-339bb873 .small-separator .arrow-down {
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    margin-left: -14px;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 14px solid #fff;
    top: 0
}

.global--landing-page-339bb873 .small-separator .arrow-down:after {
    content: '';
    position: absolute;
    display: block;
    z-index: 100;
    left: -14px;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 14px solid #000;
    top: -17px
}

@media screen and (min-width: 760px) {
    .global--landing-page-339bb873 .small-separator {
        display: none
    }
}

.global--landing-page-339bb873 .feature-box {
    padding: 80px 0 0;
    margin-bottom: 80px;
    position: relative;
    border-top: solid 2px #fff
}

@media screen and (min-width: 760px) {
    .global--landing-page-339bb873 .feature-box {
        margin-bottom: 0
    }
}

.global--landing-page-339bb873 .feature-box .arrow-down {
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    margin-left: -14px;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 14px solid #fff;
    top: 0
}

.global--landing-page-339bb873 .feature-box .arrow-down:after {
    content: '';
    position: absolute;
    display: block;
    z-index: 100;
    left: -14px;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 14px solid #000;
    top: -17px
}

.global--landing-page-339bb873 .separator {
    margin-top: 40px;
    border-top: solid 16px #fff;
    position: relative
}

@media screen and (min-width: 760px) {
    .global--landing-page-339bb873 .separator {
        margin-top: 100px
    }
}

.global--landing-page-339bb873 .separator .arrow-down {
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    margin-left: -24px;
    border-left: 24px solid transparent;
    border-right: 24px solid transparent;
    border-top: 24px solid #fff;
    top: 0
}

.global--landing-page-339bb873 .separator .arrow-down:after {
    content: '';
    position: absolute;
    display: block;
    z-index: 100;
    left: -18px;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-top: 18px solid #000;
    top: -40px
}

.global--landing-page-339bb873 .separator-final {
    margin-top: 100px;
    border-top: solid 32px #fff;
    position: relative
}

.global--landing-page-339bb873 .separator-final .arrow-up {
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 50px solid #fff;
    bottom: 32px
}

.global--landing-page-339bb873 .separator-final .arrow-up:after {
    content: '';
    position: absolute;
    display: block;
    z-index: 100;
    left: -40px;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-bottom: 40px solid #000;
    bottom: -82px
}

.global--landing-page-339bb873 .main-nav {
    width: 100%;
    position: fixed;
    top: 0;
    padding: 8px 0;
    z-index: 110;
    background-color: #040404;
    -webkit-transform: translate3d(0, -130px, 0);
    transform: translate3d(0, -130px, 0);
    -webkit-transition: -webkit-transform .25s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .25s cubic-bezier(0.16, .61, .56, 1);
    text-align: center;
    border-bottom: solid 4px #fff;
    box-shadow: 0 0 24px 1px rgba(0, 0, 0, .7)
}

.global--landing-page-339bb873 .main-nav::after {
    clear: both;
    content: '';
    display: table
}

@media screen and (min-width: 760px) {
    .global--landing-page-339bb873 .main-nav {
        padding: 24px 0 20px
    }
}

@media screen and (min-width: 760px) {
    .global--landing-page-339bb873 .main-nav button {
        float: right
    }
}

.global--landing-page-339bb873 .main-nav>span {
    display: inline-block;
    width: 100%
}

.global--landing-page-339bb873 .main-nav>span::after {
    clear: both;
    content: '';
    display: table
}

@media screen and (min-width: 760px) {
    .global--landing-page-339bb873 .main-nav>span {
        width: 420px
    }
}

.global--landing-page-339bb873.show-nav .main-nav {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.global--landing-page-339bb873 .main-button {
    background-color: #fff;
    color: #000;
    border: 4px solid #fff;
    font-size: 1.286em;
    font-weight: 400;
    font-family: TrimMedium;
    height: 60px;
    line-height: 56px;
    padding: 0 20px;
    margin: 40px auto;
    display: block;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: background-color .2s cubic-bezier(0.16, .61, .56, 1), color .2s cubic-bezier(0.16, .61, .56, 1);
    transition: background-color .2s cubic-bezier(0.16, .61, .56, 1), color .2s cubic-bezier(0.16, .61, .56, 1)
}

@media screen and (min-width: 760px) {
    .global--landing-page-339bb873 .main-button {
        font-size: 1.25em !important
    }
}

.global--landing-page-339bb873 .main-button .icon {
    display: none
}

@media screen and (min-width: 760px) {
    .global--landing-page-339bb873 .main-button {
        height: 100px;
        line-height: 96px
    }
}

.global--landing-page-339bb873 .main-overview h2 {
    font-size: 1.286em;
    font-weight: 400;
    font-family: TrimMedium;
    margin: 0
}

@media screen and (min-width: 760px) {
    .global--landing-page-339bb873 .main-overview h2 {
        font-size: 1.25em !important
    }
}

.global--landing-page-339bb873 .main-overview p {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    padding: 0 10px
}

@media screen and (min-width: 760px) {
    .global--landing-page-339bb873 .main-overview p {
        font-size: 1em
    }
}

.global--landing-page-339bb873 .main-overview .mt-row>div {
    text-align: center
}

.global--landing-page-339bb873 .secondary-button {
    background-color: #040404;
    position: absolute;
    top: 20px;
    right: 20px;
    color: #fff;
    border: 2px solid #fff;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    height: 40px;
    line-height: 36px;
    padding: 0 12px;
    margin: 0;
    display: block;
    -webkit-transition: background-color .2s cubic-bezier(0.16, .61, .56, 1);
    transition: background-color .2s cubic-bezier(0.16, .61, .56, 1)
}

@media screen and (min-width: 760px) {
    .global--landing-page-339bb873 .secondary-button {
        font-size: 1em
    }
}

@media screen and (min-width: 760px) {
    .global--landing-page-339bb873 .secondary-button {
        top: 40px;
        right: 40px;
        padding: 0 24px
    }
}

.global--landing-page-339bb873 .header-logo {
    background-image: url(../images/dazn-logo.png);
    background-position: center center;
    background-size: contain;
    width: 60px;
    height: 60px;
    margin-right: 20px;
    float: left;
    position: relative;
    top: 2px;
    margin-left: 20px;
    display: none
}

@media screen and (min-width: 760px) {
    .global--landing-page-339bb873 .header-logo {
        margin-left: 0;
        display: inline-block
    }
}

.global--landing-page-339bb873 .tertiary-button {
    background-color: #fff;
    color: #000;
    border: 2px solid #000;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    font-weight: 600;
    height: 64px;
    line-height: 60px;
    padding: 0 24px;
    -webkit-transition: background-color .2s cubic-bezier(0.16, .61, .56, 1);
    transition: background-color .2s cubic-bezier(0.16, .61, .56, 1)
}

@media screen and (min-width: 760px) {
    .global--landing-page-339bb873 .tertiary-button {
        font-size: 1em
    }
}

.global--landing-page-339bb873 .main-header-img {
    position: absolute;
    z-index: 3;
    width: 100%;
    top: 0;
    bottom: 0;
    background: url(../images/landing/intro.jpg) center center/cover;
    opacity: .5
}

@media screen and (min-width: bp3-width) {
    .global--landing-page-339bb873 .main-header-img {
        background-attachment: fixed
    }
}

.global--landing-page-339bb873 .content {
    position: relative;
    z-index: 3
}

.global--landing-page-339bb873 .text-content {
    -webkit-animation: fadeIn .5s cubic-bezier(0.16, .61, .56, 1) 1s forwards;
    animation: fadeIn .5s cubic-bezier(0.16, .61, .56, 1) 1s forwards;
    opacity: 0
}

.global--landing-page-339bb873 .logo {
    display: inline-block;
    background: url(../images/dazn-logo.png) 0 0/contain;
    width: 60px;
    height: 60px;
    margin-top: 20px;
    -webkit-animation: fadeIn .5s cubic-bezier(0.16, .61, .56, 1) .2s forwards;
    animation: fadeIn .5s cubic-bezier(0.16, .61, .56, 1) .2s forwards;
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top
}

@media screen and (min-width: 760px) {
    .global--landing-page-339bb873 .logo {
        width: 80px;
        height: 80px;
        margin-top: 40px
    }
}

@media screen and (min-width: 760px) {
    .global--landing-page-339bb873.animate-big-game .big-game>div:nth-child(1) {
        -webkit-animation: fadeInPop .25s cubic-bezier(0.16, .61, .56, 1) 1 forwards .12s;
        animation: fadeInPop .25s cubic-bezier(0.16, .61, .56, 1) 1 forwards .12s
    }
    .global--landing-page-339bb873.animate-big-game .big-game>div:nth-child(2) {
        -webkit-animation: fadeInPop .25s cubic-bezier(0.16, .61, .56, 1) 1 forwards .24s;
        animation: fadeInPop .25s cubic-bezier(0.16, .61, .56, 1) 1 forwards .24s
    }
    .global--landing-page-339bb873.animate-big-game .big-game>div:nth-child(3) {
        -webkit-animation: fadeInPop .25s cubic-bezier(0.16, .61, .56, 1) 1 forwards .36s;
        animation: fadeInPop .25s cubic-bezier(0.16, .61, .56, 1) 1 forwards .36s
    }
    .global--landing-page-339bb873.animate-big-game .big-game>div:nth-child(4) {
        -webkit-animation: fadeInPop .25s cubic-bezier(0.16, .61, .56, 1) 1 forwards .48s;
        animation: fadeInPop .25s cubic-bezier(0.16, .61, .56, 1) 1 forwards .48s
    }
    .global--landing-page-339bb873.animate-big-game .big-game:nth-child(2)>div:nth-child(1) {
        -webkit-animation: fadeInPop .25s cubic-bezier(0.16, .61, .56, 1) 1 forwards .6s;
        animation: fadeInPop .25s cubic-bezier(0.16, .61, .56, 1) 1 forwards .6s
    }
    .global--landing-page-339bb873.animate-big-game .big-game:nth-child(2)>div:nth-child(2) {
        -webkit-animation: fadeInPop .25s cubic-bezier(0.16, .61, .56, 1) 1 forwards .72s;
        animation: fadeInPop .25s cubic-bezier(0.16, .61, .56, 1) 1 forwards .72s
    }
    .global--landing-page-339bb873.animate-big-game .big-game:nth-child(2)>div:nth-child(3) {
        -webkit-animation: fadeInPop .25s cubic-bezier(0.16, .61, .56, 1) 1 forwards .84s;
        animation: fadeInPop .25s cubic-bezier(0.16, .61, .56, 1) 1 forwards .84s
    }
    .global--landing-page-339bb873.animate-big-game .big-game:nth-child(2)>div:nth-child(4) {
        -webkit-animation: fadeInPop .25s cubic-bezier(0.16, .61, .56, 1) 1 forwards .96s;
        animation: fadeInPop .25s cubic-bezier(0.16, .61, .56, 1) 1 forwards .96s
    }
}

.global--landing-page-339bb873 .big-game>div {
    margin-bottom: 8px
}

@media screen and (min-width: 760px) {
    .global--landing-page-339bb873 .big-game>div {
        opacity: 0;
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5)
    }
}

.global--landing-page-339bb873 .section-title {
    font-size: 2.286em;
    font-weight: 400;
    text-transform: uppercase;
    font-family: TrimMedium;
    margin: 0;
    text-align: center;
    padding: 80px 20px 40px;
    position: relative;
    display: block;
    overflow: hidden
}

@media screen and (min-width: 760px) {
    .global--landing-page-339bb873 .section-title {
        font-size: 3em !important
    }
}

.global--landing-page-339bb873 h1 {
    font-size: 3.429em !important;
    font-weight: 400;
    font-family: TrimMedium;
    line-height: 1.3;
    margin: 50px 0 0;
    padding: 0 8px
}

@media screen and (min-width: 760px) {
    .global--landing-page-339bb873 h1 {
        font-size: 4.5em !important
    }
}

@media screen and (min-width: 760px) {
    .global--landing-page-339bb873 h1 {
        margin: 40px 0 0
    }
}

.global--landing-page-339bb873 h3 {
    font-size: 1.714em;
    font-weight: 400;
    font-family: TrimRegular;
    margin: 20px 0
}

@media screen and (min-width: 760px) {
    .global--landing-page-339bb873 h3 {
        font-size: 1.75em !important
    }
}

@media screen and (min-width: 760px) {
    .global--landing-page-339bb873 h3 {
        margin: 40px 0
    }
}

.global--landing-page-339bb873 .main-signin {
    position: relative;
    z-index: 10;
    -webkit-animation: fadeIn .5s cubic-bezier(0.16, .61, .56, 1) 1.4s forwards;
    animation: fadeIn .5s cubic-bezier(0.16, .61, .56, 1) 1.4s forwards;
    opacity: 0
}

@media screen and (min-width: 760px) {
    .global--landing-page-339bb873 .main-signin {
        height: 100px;
        top: -73px
    }
}

.global--landing-page-339bb873 .hero {
    height: 160px;
    position: relative;
    overflow: hidden;
    margin-bottom: 4px
}

@media screen and (min-width: 760px) {
    .global--landing-page-339bb873 .hero {
        height: 324px
    }
}

.global--landing-page-339bb873 .img-gradient {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    width: 100%;
    background: -webkit-linear-gradient(top, transparent 0, rgba(0, 0, 0, .4) 65%, rgba(0, 0, 0, .6) 100%);
    background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .4) 65%, rgba(0, 0, 0, .6) 100%)
}

.global--landing-page-339bb873 .regular {
    position: relative;
    height: 160px;
    overflow: hidden;
    margin-bottom: 4px
}

.global--landing-page-339bb873 .main-footer ul {
    display: block;
    margin: 140px 0 80px;
    padding: 0;
    text-align: center
}

.global--landing-page-339bb873 .main-footer ul li {
    display: block;
    margin: 0;
    padding: 20px
}

@media screen and (min-width: 760px) {
    .global--landing-page-339bb873 .main-footer ul li {
        display: inline-block
    }
}

.global--landing-page-339bb873 .main-footer ul li a {
    text-decoration: underline
}

.global--landing-page-339bb873 .main-devices {
    text-align: center;
    height: 300px
}

@-webkit-keyframes "fadeIn" {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes "fadeIn" {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes "fadeInSlideUp" {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes "fadeInSlideUp" {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes "fadeInPop" {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.02);
        transform: scale(1.02);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes "fadeInPop" {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.02);
        transform: scale(1.02);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes "punchIn" {
    0% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    25% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    75% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes "punchIn" {
    0% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    25% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    75% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.global--search-module-4174f9ca {
    position: fixed;
    top: 50px;
    bottom: 0;
    width: 100%;
    background-color: #040404
}

.global--search-module-4174f9ca img {
    width: 100%
}

.global--sign-up-427c91b9 {
    background-image: url(../images/background-img.jpg);
    background-position: center center;
    background-size: cover;
    bottom: 0;
    position: fixed;
    top: 0;
    width: 100%;
    text-align: center
}

.global--sign-up-427c91b9 img {
    width: 100%
}

.navigation--tab--tab-container-cab9b8c0 ul {
    display: block;
    margin: 20px 0;
    padding: 0
}

.navigation--tab--tab-container-cab9b8c0 ul::after {
    clear: both;
    content: '';
    display: table
}

.navigation--tab--tab-container-cab9b8c0 .tab-nav {
    border-bottom: dotted 1px #343434;
    position: relative
}

.navigation--tab--tab-container-cab9b8c0.selector-transition .selector {
    -webkit-transition: left cubic-bezier(0.16, .61, .56, 1) .08s;
    transition: left cubic-bezier(0.16, .61, .56, 1) .08s
}

.navigation--tab--tab-container-cab9b8c0 .selector {
    position: absolute;
    bottom: -4px;
    height: 8px;
    -webkit-transition: left cubic-bezier(0.16, .61, .56, 1) .08s, right cubic-bezier(0.16, .61, .56, 1) .08s;
    transition: left cubic-bezier(0.16, .61, .56, 1) .08s, right cubic-bezier(0.16, .61, .56, 1) .08s;
    background-color: #fff
}

.navigation--tab--tab-container-cab9b8c0 .tab-Content {
    width: 100%;
    min-height: 300px;
    position: relative
}

.navigation--tab--tab-content-003ab86c {
    display: block;
    opacity: 0;
    margin: 0;
    width: 100%;
    position: absolute;
    white-space: normal;
    float: left;
    -webkit-transition: opacity cubic-bezier(0.16, .61, .56, 1) .5s;
    transition: opacity cubic-bezier(0.16, .61, .56, 1) .5s
}

.navigation--tab--tab-content-003ab86c.active {
    opacity: 1
}

.navigation--tab--tab-nav-b314dc96 {
    display: inline-block;
    margin-left: -5px;
    color: #999;
    padding: 0;
    text-align: center;
    width: calc(100% / 3);
    cursor: pointer;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    font-weight: 600;
    min-height: 40px;
    line-height: 40px;
    overflow: hidden;
    -webkit-transition: color cubic-bezier(0.16, .61, .56, 1) .08s, font-size cubic-bezier(0.16, .61, .56, 1) .08s;
    transition: color cubic-bezier(0.16, .61, .56, 1) .08s, font-size cubic-bezier(0.16, .61, .56, 1) .08s
}

@media screen and (min-width: 760px) {
    .navigation--tab--tab-nav-b314dc96 {
        font-size: 1em
    }
}

.navigation--tab--tab-nav-b314dc96.active {
    color: #fff
}

.navigation--tab--tab-nav-b314dc96:hover {
    color: #fff;
    font-size: 1.286em;
    font-weight: 400;
    font-family: TrimMedium
}

@media screen and (min-width: 760px) {
    .navigation--tab--tab-nav-b314dc96:hover {
        font-size: 1.25em !important
    }
}

.styleguide--breakpoint-nav-fcd1a991 ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.styleguide--breakpoint-nav-fcd1a991 li {
    background: #f8f8f8;
    color: #999;
    cursor: pointer;
    display: inline-block;
    padding: 10px 20px
}

.styleguide--breakpoint-nav-fcd1a991 li.is-active {
    color: #000
}

.styleguide--breakpoint-nav-fcd1a991 li.is-disabled {
    color: #ddd;
    cursor: default;
    pointer-events: none
}

.styleguide--code-tabs-ba726617 .hidden {
    display: none
}

.styleguide--code-tabs-ba726617 .tabs {
    list-style: none;
    margin: 0;
    padding: 0
}

.styleguide--code-tabs-ba726617 .tabs li {
    background: #f8f8f8;
    display: inline-block;
    padding: 10px 20px
}

.styleguide--code-tabs-ba726617 .tabs li.is-active-variation {
    padding-right: 7px
}

.styleguide--code-tabs-ba726617 .tabs li.is-active-variation:after {
    content: '√';
    font-size: 14px;
    margin: 0 0 0 5px
}

.styleguide--code-tabs-ba726617 .tabs li.is-active a {
    color: #000
}

.styleguide--code-tabs-ba726617 .tabs a {
    color: #999;
    text-decoration: none
}

.styleguide--code-tabs-ba726617 .ui-code-highlight {
    background: #f8f8f8;
    display: none
}

.styleguide--code-tabs-ba726617 .ui-code-highlight.is-active {
    display: block
}

.styleguide--colours-page--alert-block-96a48eb2 .alert-block {
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    padding: 10px 20px;
    position: relative;
    width: 80%
}

.styleguide--colours-page--alert-block-96a48eb2 .alert-block .close {
    font-weight: 700;
    float: right
}

.styleguide--colours-page--default-swatch-395159fd .color-hues {
    border: 1px solid #ccc;
    width: 80%
}

.styleguide--colours-page--default-swatch-395159fd .color-hues-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.styleguide--colours-page--default-swatch-395159fd .color-hues-flex-item {
    height: 40px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.styleguide--colours-page--default-swatch-395159fd .color-hues-flex-item.main {
    -webkit-box-flex: 3;
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3
}

.styleguide--colours-page-5d3d2082 .colors {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px;
    padding: 0 20px
}

.styleguide--colours-page-5d3d2082 .colors-left, .styleguide--colours-page-5d3d2082 .colors-right {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.styleguide--colours-page-5d3d2082 .colors-left {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.styleguide--colours-page-5d3d2082 .colors-right {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    cursor: pointer;
    display: block;
    margin-bottom: 10px;
    position: relative
}

.styleguide--colours-page-5d3d2082 .colors-right .color {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    line-height: 30px;
    padding-top: 4px
}

.styleguide--colours-page-5d3d2082 .colors-right .swatch {
    border: 1px solid #ccc;
    border-radius: 50%;
    display: inline-block;
    height: 30px;
    margin-right: 10px;
    position: relative;
    width: 30px
}

.styleguide--colours-page-5d3d2082 .color-info-panel .swatch {
    border: 1px solid #ccc;
    height: 120px;
    margin: 20px
}

.styleguide--colours-page-5d3d2082 .color-info-panel label {
    color: #999;
    font-size: .8em;
    padding: 0 20px
}

.styleguide--colours-page-5d3d2082 .color-info-panel h2 {
    font-size: 2em;
    font-weight: 300;
    margin: 40px 0 0;
    padding: 0 20px
}

.styleguide--colours-page-5d3d2082 .color-info-panel h3 {
    font-size: 1.2em;
    font-weight: 300;
    margin: 0 0 10px;
    padding: 0 20px
}

.styleguide--colours-page-5d3d2082 .color-info-panel ul {
    list-style: none;
    padding: 0 20px
}

.styleguide--colours-page-5d3d2082 .color-info-panel li {
    border: 1px solid #ccc;
    color: #fff;
    font-size: 3em;
    font-weight: 100;
    line-height: 60px;
    height: 60px;
    text-align: center
}

.styleguide--colours-page-5d3d2082 .color-info-panel .lighter li {
    color: #000
}

.styleguide--colours-page-5d3d2082 .contextual-window {
    background-color: #fff;
    bottom: 0;
    overflow: auto;
    padding-bottom: 60px;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: -webkit-transform .2s ease-in;
    transition: transform .2s ease-in;
    width: 30%;
    z-index: 20
}

.styleguide--colours-page-5d3d2082 .overlay {
    background-color: rgba(0, 0, 0, .5);
    bottom: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in;
    width: 100%;
    z-index: 10
}

.styleguide--colours-page-5d3d2082 .is-active .contextual-window {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.styleguide--colours-page-5d3d2082 .is-active .overlay {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.styleguide--colours-page--type-block-b3a66c2d {
    background-color: #fff;
    border: 1px solid #ccc;
    box-sizing: border-box;
    padding: 20px;
    width: 80%
}

.styleguide--colours-page--type-block-b3a66c2d p {
    margin: 0
}

.styleguide--component--tile-component-4682a05b .tile {
    display: inline-block;
    float: none;
    margin-right: -5px;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    z-index: 1
}

.styleguide--component--tile-component-4682a05b h2 {
    font-size: 1.286em;
    font-weight: 400;
    font-family: TrimRegular
}

@media screen and (min-width: 760px) {
    .styleguide--component--tile-component-4682a05b h2 {
        font-size: 1.25em !important
    }
}

.styleguide--foundation--icon-font-4537462e h4 {
    color: #AAA;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    font-weight: 600;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media screen and (min-width: 760px) {
    .styleguide--foundation--icon-font-4537462e h4 {
        font-size: 1em
    }
}

.styleguide--foundation--icon-font-4537462e .group-title {
    font-size: 1.714em;
    font-weight: 400;
    font-family: TrimMedium;
    text-align: center
}

@media screen and (min-width: 760px) {
    .styleguide--foundation--icon-font-4537462e .group-title {
        font-size: 1.75em !important
    }
}

.styleguide--foundation--icon-font-4537462e .mt-row {
    border-bottom: solid 2px #343434
}

.styleguide--foundation--icon-font-4537462e .icon-block {
    box-sizing: border-box;
    height: 150px;
    margin: 8px 0;
    text-align: center
}

.styleguide--foundation--icon-font-4537462e .icon-block .icon-x2 {
    font-size: 60px
}

.styleguide--foundation--icon-font-4537462e .icon-block .icon-x1 {
    font-size: 20px;
    position: relative;
    top: 20px;
    margin-left: 12px
}

.styleguide--foundation--responsive-grid-1c9a2233 h2 {
    text-align: center
}

.styleguide--foundation--responsive-grid-1c9a2233 .mt-container {
    margin-bottom: 20px
}

.styleguide--foundation--responsive-grid-1c9a2233 .mt-row>div>div {
    background-color: #2a2a2a;
    height: 40px;
    line-height: 40px;
    margin-bottom: 8px;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #fff;
    overflow: hidden
}

.styleguide--foundation--typography-module-02ab3189 .table {
    display: table;
    margin-top: 20px;
    margin-bottom: 80px
}

.styleguide--foundation--typography-module-02ab3189 .table-row {
    display: table-row
}

.styleguide--foundation--typography-module-02ab3189 .table-row.header {
    display: table-header-group;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1em;
    color: #AAA
}

@media screen and (min-width: 760px) {
    .styleguide--foundation--typography-module-02ab3189 .table-row.header {
        font-size: .875em
    }
}

.styleguide--foundation--typography-module-02ab3189 .table-cell {
    display: table-cell;
    padding: 10px;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    border-bottom: solid 2px #343434
}

@media screen and (min-width: 760px) {
    .styleguide--foundation--typography-module-02ab3189 .table-cell {
        font-size: 1em
    }
}

.styleguide--foundation--typography-module-02ab3189 .title {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1em;
    color: #AAA;
    margin-top: 40px
}

@media screen and (min-width: 760px) {
    .styleguide--foundation--typography-module-02ab3189 .title {
        font-size: .875em
    }
}

.styleguide--foundation--typography-module-02ab3189 hr {
    display: block;
    margin-top: 20px;
    border: 0;
    height: 1px;
    background: #343434
}

.styleguide--foundation--typography-module-02ab3189 h1, .styleguide--foundation--typography-module-02ab3189 h2, .styleguide--foundation--typography-module-02ab3189 h3, .styleguide--foundation--typography-module-02ab3189 h4, .styleguide--foundation--typography-module-02ab3189 h5, .styleguide--foundation--typography-module-02ab3189 h6 {
    margin: 0
}

.styleguide--foundation--typography-module-02ab3189 h1.medium {
    font-size: 3.429em !important;
    font-weight: 400;
    font-family: TrimMedium
}

@media screen and (min-width: 760px) {
    .styleguide--foundation--typography-module-02ab3189 h1.medium {
        font-size: 4.5em !important
    }
}

.styleguide--foundation--typography-module-02ab3189 h1.bold {
    font-size: 3.429em !important;
    font-weight: 400;
    font-family: TrimBold
}

@media screen and (min-width: 760px) {
    .styleguide--foundation--typography-module-02ab3189 h1.bold {
        font-size: 4.5em !important
    }
}

.styleguide--foundation--typography-module-02ab3189 h2.medium {
    font-size: 2.286em;
    font-weight: 400;
    text-transform: uppercase;
    font-family: TrimMedium
}

@media screen and (min-width: 760px) {
    .styleguide--foundation--typography-module-02ab3189 h2.medium {
        font-size: 3em !important
    }
}

.styleguide--foundation--typography-module-02ab3189 h2.bold {
    font-size: 2.286em;
    font-weight: 400;
    text-transform: uppercase;
    font-family: TrimBold
}

@media screen and (min-width: 760px) {
    .styleguide--foundation--typography-module-02ab3189 h2.bold {
        font-size: 3em !important
    }
}

.styleguide--foundation--typography-module-02ab3189 h3.regular {
    font-size: 1.714em;
    font-weight: 400;
    font-family: TrimRegular
}

@media screen and (min-width: 760px) {
    .styleguide--foundation--typography-module-02ab3189 h3.regular {
        font-size: 1.75em !important
    }
}

.styleguide--foundation--typography-module-02ab3189 h3.medium {
    font-size: 1.714em;
    font-weight: 400;
    font-family: TrimMedium
}

@media screen and (min-width: 760px) {
    .styleguide--foundation--typography-module-02ab3189 h3.medium {
        font-size: 1.75em !important
    }
}

.styleguide--foundation--typography-module-02ab3189 h4.regular {
    font-size: 1.286em;
    font-weight: 400;
    font-family: TrimRegular
}

@media screen and (min-width: 760px) {
    .styleguide--foundation--typography-module-02ab3189 h4.regular {
        font-size: 1.25em !important
    }
}

.styleguide--foundation--typography-module-02ab3189 h4.medium {
    font-size: 1.286em;
    font-weight: 400;
    font-family: TrimMedium
}

@media screen and (min-width: 760px) {
    .styleguide--foundation--typography-module-02ab3189 h4.medium {
        font-size: 1.25em !important
    }
}

.styleguide--foundation--typography-module-02ab3189 h4.bold {
    font-size: 1.286em;
    font-weight: 400;
    font-family: TrimBold
}

@media screen and (min-width: 760px) {
    .styleguide--foundation--typography-module-02ab3189 h4.bold {
        font-size: 1.25em !important
    }
}

.styleguide--foundation--typography-module-02ab3189 h4.regular-helvet {
    font-size: 1.286em;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-weight: 400
}

@media screen and (min-width: 760px) {
    .styleguide--foundation--typography-module-02ab3189 h4.regular-helvet {
        font-size: 1.25em !important
    }
}

.styleguide--foundation--typography-module-02ab3189 h5.regular {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    font-weight: 400
}

@media screen and (min-width: 760px) {
    .styleguide--foundation--typography-module-02ab3189 h5.regular {
        font-size: 1em
    }
}

.styleguide--foundation--typography-module-02ab3189 h5.bold {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    font-weight: 600
}

@media screen and (min-width: 760px) {
    .styleguide--foundation--typography-module-02ab3189 h5.bold {
        font-size: 1em
    }
}

.styleguide--foundation--typography-module-02ab3189 h6 {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1em
}

@media screen and (min-width: 760px) {
    .styleguide--foundation--typography-module-02ab3189 h6 {
        font-size: .875em
    }
}

.styleguide--navigation--nav-tab-a476163b ul {
    display: block;
    margin: 0;
    padding: 0
}

.styleguide--navigation--nav-tab-a476163b ul>li {
    display: inline-block;
    margin-left: -5px;
    opacity: .5
}

.styleguide--navigation--nav-tab-a476163b ul>li.active {
    opacity: 1
}

.styleguide--navigation--nav-tab-a476163b .tab-nav>li {
    text-align: center;
    width: calc(100% / 3)
}

.styleguide--page-wrapper-783bdce9.is-menu-open .main-content {
    margin-left: 300px
}

.styleguide--page-wrapper-783bdce9 .main-content {
    left: 0;
    position: relative;
    -webkit-transition: margin-left .1s ease-in;
    transition: margin-left .1s ease-in
}

.styleguide--side-nav-28f2d503 .hamburger-menu {
    height: 20px;
    left: 20px;
    position: fixed;
    top: 20px;
    -webkit-transition: left .1s ease-in;
    transition: left .1s ease-in;
    width: 20px;
    z-index: 10
}

.styleguide--side-nav-28f2d503 .hamburger-menu .hamburger-icon {
    background-color: #4894d0;
    height: 2px;
    margin-top: 6px;
    -webkit-transition: background-color .1s ease-in, -webkit-transform .1s ease-in;
    transition: background-color .1s ease-in, transform .1s ease-in;
    width: 20px
}

.styleguide--side-nav-28f2d503 .hamburger-menu .hamburger-icon:after, .styleguide--side-nav-28f2d503 .hamburger-menu .hamburger-icon:before {
    background-color: #4894d0;
    content: '';
    display: block;
    height: 2px;
    left: 0;
    position: relative;
    width: 20px
}

.styleguide--side-nav-28f2d503 .hamburger-menu .hamburger-icon:before {
    top: -6px
}

.styleguide--side-nav-28f2d503 .hamburger-menu .hamburger-icon:after {
    top: 4px
}

.styleguide--side-nav-28f2d503 .side-nav {
    background-color: #0d0d0d;
    border-right: solid 1px #666;
    bottom: 0;
    color: #fff;
    left: -300px;
    position: fixed;
    top: 0;
    -webkit-transition: left .1s ease-in;
    transition: left .1s ease-in;
    width: 300px;
    z-index: 5;
    overflow: auto
}

.styleguide--side-nav-28f2d503 .side-nav ul {
    display: block;
    margin: 0 0 10px;
    padding: 0
}

.styleguide--side-nav-28f2d503 .side-nav>ul, .styleguide--side-nav-28f2d503 .side-nav>ul>ul {
    margin-bottom: 20px
}

.styleguide--side-nav-28f2d503 .side-nav li {
    display: block;
    margin: 0;
    padding: 0
}

.styleguide--side-nav-28f2d503 .side-nav li a {
    color: inherit;
    text-decoration: none
}

.styleguide--side-nav-28f2d503 .side-nav li.level-1 {
    color: #4894d0;
    font-size: 18px;
    margin-top: 30px;
    text-indent: 15px
}

.styleguide--side-nav-28f2d503 .side-nav li.level-2 {
    color: #d9d9d9;
    font-size: 16px;
    line-height: 30px;
    margin-top: 10px;
    text-indent: 15px
}

.styleguide--side-nav-28f2d503 .side-nav li.level-3 {
    border-bottom: solid 1px #666;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    text-indent: 15px
}

.is-menu-open .styleguide--side-nav-28f2d503 .hamburger-menu {
    left: 260px
}

.is-menu-open .styleguide--side-nav-28f2d503 .hamburger-icon {
    background-color: transparent
}

.is-menu-open .styleguide--side-nav-28f2d503 .hamburger-icon:before {
    -webkit-animation: closeMenu .2s ease-in forwards;
    animation: closeMenu .2s ease-in forwards
}

.is-menu-open .styleguide--side-nav-28f2d503 .hamburger-icon:after {
    -webkit-animation: closeMenu2 .2s ease-in forwards;
    animation: closeMenu2 .2s ease-in forwards
}

.is-menu-open .styleguide--side-nav-28f2d503 .side-nav {
    left: 0
}

@-webkit-keyframes "closeMenu" {
    0% {
        -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
        transform: translate3d(0, 0, 0) rotate(0deg);
    }
    50% {
        -webkit-transform: translate3d(0, 6px, 0) rotate(0deg);
        transform: translate3d(0, 6px, 0) rotate(0deg);
    }
    100% {
        -webkit-transform: translate3d(0, 6px, 0) rotate(45deg);
        transform: translate3d(0, 6px, 0) rotate(45deg);
    }
}

@keyframes "closeMenu" {
    0% {
        -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
        transform: translate3d(0, 0, 0) rotate(0deg);
    }
    50% {
        -webkit-transform: translate3d(0, 6px, 0) rotate(0deg);
        transform: translate3d(0, 6px, 0) rotate(0deg);
    }
    100% {
        -webkit-transform: translate3d(0, 6px, 0) rotate(45deg);
        transform: translate3d(0, 6px, 0) rotate(45deg);
    }
}

@-webkit-keyframes "closeMenu2" {
    0% {
        -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
        transform: translate3d(0, 0, 0) rotate(0deg);
    }
    50% {
        -webkit-transform: translate3d(0, -6px, 0) rotate(0deg);
        transform: translate3d(0, -6px, 0) rotate(0deg);
    }
    100% {
        -webkit-transform: translate3d(0, -6px, 0) rotate(-45deg);
        transform: translate3d(0, -6px, 0) rotate(-45deg);
    }
}

@keyframes "closeMenu2" {
    0% {
        -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
        transform: translate3d(0, 0, 0) rotate(0deg);
    }
    50% {
        -webkit-transform: translate3d(0, -6px, 0) rotate(0deg);
        transform: translate3d(0, -6px, 0) rotate(0deg);
    }
    100% {
        -webkit-transform: translate3d(0, -6px, 0) rotate(-45deg);
        transform: translate3d(0, -6px, 0) rotate(-45deg);
    }
}

.styleguide--styleguide-wrapper-58daa65a {
    margin-bottom: 100px
}

.styleguide--styleguide-wrapper-58daa65a .section-title {
    margin: 0;
    padding: 80px 0 20px;
    background-color: #2a2a2a;
    color: gray;
    border-bottom: solid 1px #343434
}

.styleguide--styleguide-wrapper-58daa65a .section-title .title {
    margin: 0;
    padding: 0;
    float: left;
    font-size: 2.286em;
    font-weight: 400;
    text-transform: uppercase;
    font-family: TrimMedium
}

@media screen and (min-width: 760px) {
    .styleguide--styleguide-wrapper-58daa65a .section-title .title {
        font-size: 3em !important
    }
}

.styleguide--styleguide-wrapper-58daa65a .small-container::after {
    clear: both;
    content: '';
    display: table
}

.styleguide--styleguide-wrapper-58daa65a .grid-row>div>div {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1em;
    background-color: #2a2a2a;
    color: #AAA;
    height: 40px;
    line-height: 40px;
    margin-bottom: 8px;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #343434;
    overflow: hidden
}

@media screen and (min-width: 760px) {
    .styleguide--styleguide-wrapper-58daa65a .grid-row>div>div {
        font-size: .875em
    }
}

.styleguide--styleguide-wrapper-58daa65a .section-header {
    font-size: 1.286em;
    font-weight: 400;
    font-family: TrimMedium;
    max-width: 600px;
    line-height: 1.35;
    margin-bottom: 32px
}

@media screen and (min-width: 760px) {
    .styleguide--styleguide-wrapper-58daa65a .section-header {
        font-size: 1.25em !important
    }
}

.styleguide--styleguide-wrapper-58daa65a .download {
    border: 1px solid #343434;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    font-weight: 600;
    display: inline-block;
    padding: 8px 16px;
    position: relative;
    top: 20px;
    text-decoration: none;
    float: right
}

@media screen and (min-width: 760px) {
    .styleguide--styleguide-wrapper-58daa65a .download {
        font-size: 1em
    }
}

.styleguide--styleguide-wrapper-58daa65a .breakpoint-table {
    border-top: solid 1px #343434;
    border-bottom: solid 1px #343434;
    margin-bottom: 40px
}

.styleguide--styleguide-wrapper-58daa65a .breakpoint-table p {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    margin: 4px 0
}

@media screen and (min-width: 760px) {
    .styleguide--styleguide-wrapper-58daa65a .breakpoint-table p {
        font-size: 1em
    }
}

.styleguide--styleguide-wrapper-58daa65a .breakpoint-table h3 {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1em;
    margin: 8px 0;
    color: #AAA
}

@media screen and (min-width: 760px) {
    .styleguide--styleguide-wrapper-58daa65a .breakpoint-table h3 {
        font-size: .875em
    }
}

.styleguide--test--typography-test-89453bbc .wrapper {
    margin: 120px 0
}

.styleguide--tile-wrapper-877f833c {
    padding: 80px 0
}

.styleguide--tile-wrapper-877f833c.isFeatured .featured {
    background: #fff;
    color: #000
}

.styleguide--tile-wrapper-877f833c.hide-feature .featured {
    opacity: 0;
    cursor: auto
}

.styleguide--tile-wrapper-877f833c.hide-feature .featured:hover {
    opacity: 0
}

.styleguide--tile-wrapper-877f833c .featured {
    margin: 20px;
    padding: .2em .8em;
    border: 1px solid #fff;
    cursor: pointer;
    display: inline-block;
    opacity: .8;
    -webkit-transition: opacity .08s cubic-bezier(0.16, .61, .56, 1), color .08s cubic-bezier(0.16, .61, .56, 1), background .08s cubic-bezier(0.16, .61, .56, 1);
    transition: opacity .08s cubic-bezier(0.16, .61, .56, 1), color .08s cubic-bezier(0.16, .61, .56, 1), background .08s cubic-bezier(0.16, .61, .56, 1)
}

.styleguide--tile-wrapper-877f833c .featured:hover {
    opacity: 1
}

.styleguide--view-page-1eb5cf16 .description {
    border: 1px solid #f8f8f8;
    margin: 20px 0;
    padding: 10px
}

.styleguide--view-page-1eb5cf16 .iframe-holder {
    background: #f8f8f8;
    box-sizing: border-box;
    margin: 0 0 20px;
    padding: 20px;
    text-align: center;
    width: 100%
}

.styleguide--view-page-1eb5cf16 .iframe-holder .demo-iframe {
    -webkit-transition: width .3s ease-out, height .3s ease-out;
    transition: width .3s ease-out, height .3s ease-out;
    max-height: 400px
}

.styleguide--view-page-1eb5cf16 .demo-iframe {
    background: #fff;
    border: 0;
    margin: 0
}

.styleguide--view-page-1eb5cf16 .offscreen-iframe {
    left: -2000px;
    opacity: 0;
    position: absolute
}

.styleguide--view-page-1eb5cf16 .description {
    color: #333;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    overflow: hidden;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    word-wrap: break-word
}

.styleguide--view-page-1eb5cf16 .description a {
    background-color: transparent
}

.styleguide--view-page-1eb5cf16 .description a:active, .styleguide--view-page-1eb5cf16 .description a:hover {
    outline: 0
}

.styleguide--view-page-1eb5cf16 .description strong {
    font-weight: 700
}

.styleguide--view-page-1eb5cf16 .description h1 {
    margin: .67em 0
}

.styleguide--view-page-1eb5cf16 .description img {
    border: 0
}

.styleguide--view-page-1eb5cf16 .description hr {
    box-sizing: content-box
}

.styleguide--view-page-1eb5cf16 .description input {
    color: inherit;
    margin: 0
}

.styleguide--view-page-1eb5cf16 .description html input[disabled] {
    cursor: default
}

.styleguide--view-page-1eb5cf16 .description input {
    line-height: normal
}

.styleguide--view-page-1eb5cf16 .description input[type=checkbox] {
    box-sizing: border-box;
    padding: 0
}

.styleguide--view-page-1eb5cf16 .description table {
    border-collapse: collapse;
    border-spacing: 0
}

.styleguide--view-page-1eb5cf16 .description td, .styleguide--view-page-1eb5cf16 .description th {
    padding: 0
}

.styleguide--view-page-1eb5cf16 .description * {
    box-sizing: border-box
}

.styleguide--view-page-1eb5cf16 .description input {
    font: 13px/1.4 Helvetica, arial, nimbussansl, liberationsans, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol"
}

.styleguide--view-page-1eb5cf16 .description a {
    color: #4078c0;
    text-decoration: none
}

.styleguide--view-page-1eb5cf16 .description a:active, .styleguide--view-page-1eb5cf16 .description a:hover {
    text-decoration: underline
}

.styleguide--view-page-1eb5cf16 .description hr {
    overflow: hidden;
    background: 0 0
}

.styleguide--view-page-1eb5cf16 .description hr:before {
    display: table;
    content: ""
}

.styleguide--view-page-1eb5cf16 .description hr:after {
    display: table;
    clear: both;
    content: ""
}

.styleguide--view-page-1eb5cf16 .description blockquote {
    margin: 0
}

.styleguide--view-page-1eb5cf16 .description ol, .styleguide--view-page-1eb5cf16 .description ul {
    padding: 0
}

.styleguide--view-page-1eb5cf16 .description ol ol, .styleguide--view-page-1eb5cf16 .description ul ol {
    list-style-type: lower-roman
}

.styleguide--view-page-1eb5cf16 .description ol ol ol, .styleguide--view-page-1eb5cf16 .description ol ul ol, .styleguide--view-page-1eb5cf16 .description ul ol ol, .styleguide--view-page-1eb5cf16 .description ul ul ol {
    list-style-type: lower-alpha
}

.styleguide--view-page-1eb5cf16 .description dd {
    margin-left: 0
}

.styleguide--view-page-1eb5cf16 .description code {
    font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace
}

.styleguide--view-page-1eb5cf16 .description pre {
    font: 12px Consolas, "Liberation Mono", Menlo, Courier, monospace
}

.styleguide--view-page-1eb5cf16 .description .octicon {
    font: normal normal normal 16px/1 octicons-anchor;
    display: inline-block;
    text-decoration: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.styleguide--view-page-1eb5cf16 .description .octicon-link:before {
    content: '\f05c'
}

.styleguide--view-page-1eb5cf16 .description .markdown-body>:first-child {
    margin-top: 0 !important
}

.styleguide--view-page-1eb5cf16 .description .markdown-body>:last-child {
    margin-bottom: 0 !important
}

.styleguide--view-page-1eb5cf16 .description a:not([href]) {
    color: inherit;
    text-decoration: none
}

.styleguide--view-page-1eb5cf16 .description .anchor {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    padding-right: 6px;
    padding-left: 30px;
    margin-left: -30px
}

.styleguide--view-page-1eb5cf16 .description .anchor:focus {
    outline: 0
}

.styleguide--view-page-1eb5cf16 .description h1, .styleguide--view-page-1eb5cf16 .description h2, .styleguide--view-page-1eb5cf16 .description h3, .styleguide--view-page-1eb5cf16 .description h4, .styleguide--view-page-1eb5cf16 .description h5, .styleguide--view-page-1eb5cf16 .description h6 {
    position: relative;
    margin-top: 1em;
    margin-bottom: 16px;
    font-weight: 700;
    line-height: 1.4
}

.styleguide--view-page-1eb5cf16 .description h1 .octicon-link, .styleguide--view-page-1eb5cf16 .description h2 .octicon-link, .styleguide--view-page-1eb5cf16 .description h3 .octicon-link, .styleguide--view-page-1eb5cf16 .description h4 .octicon-link, .styleguide--view-page-1eb5cf16 .description h5 .octicon-link, .styleguide--view-page-1eb5cf16 .description h6 .octicon-link {
    display: none;
    color: #000;
    vertical-align: middle
}

.styleguide--view-page-1eb5cf16 .description h1:hover .anchor, .styleguide--view-page-1eb5cf16 .description h2:hover .anchor, .styleguide--view-page-1eb5cf16 .description h3:hover .anchor, .styleguide--view-page-1eb5cf16 .description h4:hover .anchor, .styleguide--view-page-1eb5cf16 .description h5:hover .anchor, .styleguide--view-page-1eb5cf16 .description h6:hover .anchor {
    padding-left: 8px;
    margin-left: -30px;
    text-decoration: none
}

.styleguide--view-page-1eb5cf16 .description h1:hover .anchor .octicon-link, .styleguide--view-page-1eb5cf16 .description h2:hover .anchor .octicon-link, .styleguide--view-page-1eb5cf16 .description h3:hover .anchor .octicon-link, .styleguide--view-page-1eb5cf16 .description h4:hover .anchor .octicon-link, .styleguide--view-page-1eb5cf16 .description h5:hover .anchor .octicon-link, .styleguide--view-page-1eb5cf16 .description h6:hover .anchor .octicon-link {
    display: inline-block
}

.styleguide--view-page-1eb5cf16 .description h1 {
    padding-bottom: .3em;
    font-size: 2.25em;
    line-height: 1.2;
    border-bottom: 1px solid #eee
}

.styleguide--view-page-1eb5cf16 .description h1 .anchor {
    line-height: 1
}

.styleguide--view-page-1eb5cf16 .description h2 {
    padding-bottom: .3em;
    font-size: 1.75em;
    line-height: 1.225;
    border-bottom: 1px solid #eee
}

.styleguide--view-page-1eb5cf16 .description h2 .anchor {
    line-height: 1
}

.styleguide--view-page-1eb5cf16 .description h3 {
    font-size: 1.5em;
    line-height: 1.43
}

.styleguide--view-page-1eb5cf16 .description h3 .anchor {
    line-height: 1.2
}

.styleguide--view-page-1eb5cf16 .description h4 {
    font-size: 1.25em
}

.styleguide--view-page-1eb5cf16 .description h4 .anchor {
    line-height: 1.2
}

.styleguide--view-page-1eb5cf16 .description h5 {
    font-size: 1em
}

.styleguide--view-page-1eb5cf16 .description h5 .anchor {
    line-height: 1.1
}

.styleguide--view-page-1eb5cf16 .description h6 {
    font-size: 1em;
    color: #777
}

.styleguide--view-page-1eb5cf16 .description h6 .anchor {
    line-height: 1.1
}

.styleguide--view-page-1eb5cf16 .description blockquote, .styleguide--view-page-1eb5cf16 .description dl, .styleguide--view-page-1eb5cf16 .description ol, .styleguide--view-page-1eb5cf16 .description p, .styleguide--view-page-1eb5cf16 .description pre, .styleguide--view-page-1eb5cf16 .description table, .styleguide--view-page-1eb5cf16 .description ul {
    margin-top: 0;
    margin-bottom: 16px
}

.styleguide--view-page-1eb5cf16 .description hr {
    height: 4px;
    padding: 0;
    margin: 16px 0;
    background-color: #e7e7e7;
    border: 0
}

.styleguide--view-page-1eb5cf16 .description ol, .styleguide--view-page-1eb5cf16 .description ul {
    padding-left: 2em
}

.styleguide--view-page-1eb5cf16 .description ol ol, .styleguide--view-page-1eb5cf16 .description ol ul, .styleguide--view-page-1eb5cf16 .description ul ol, .styleguide--view-page-1eb5cf16 .description ul ul {
    margin-top: 0;
    margin-bottom: 0
}

.styleguide--view-page-1eb5cf16 .description li>p {
    margin-top: 16px
}

.styleguide--view-page-1eb5cf16 .description dl {
    padding: 0
}

.styleguide--view-page-1eb5cf16 .description dl dt {
    padding: 0;
    margin-top: 16px;
    font-size: 1em;
    font-style: italic;
    font-weight: 700
}

.styleguide--view-page-1eb5cf16 .description dl dd {
    padding: 0 16px;
    margin-bottom: 16px
}

.styleguide--view-page-1eb5cf16 .description blockquote {
    padding: 0 15px;
    color: #777;
    border-left: 4px solid #ddd
}

.styleguide--view-page-1eb5cf16 .description blockquote>:first-child {
    margin-top: 0
}

.styleguide--view-page-1eb5cf16 .description blockquote>:last-child {
    margin-bottom: 0
}

.styleguide--view-page-1eb5cf16 .description table {
    display: block;
    width: 100%;
    overflow: auto;
    word-break: normal;
    word-break: keep-all
}

.styleguide--view-page-1eb5cf16 .description table th {
    font-weight: 700
}

.styleguide--view-page-1eb5cf16 .description table td, .styleguide--view-page-1eb5cf16 .description table th {
    padding: 6px 13px;
    border: 1px solid #ddd
}

.styleguide--view-page-1eb5cf16 .description table tr {
    background-color: #fff;
    border-top: 1px solid #ccc
}

.styleguide--view-page-1eb5cf16 .description table tr:nth-child(2n) {
    background-color: #f8f8f8
}

.styleguide--view-page-1eb5cf16 .description img {
    max-width: 100%;
    box-sizing: border-box
}

.styleguide--view-page-1eb5cf16 .description code {
    padding: .2em 0;
    margin: 0;
    font-size: 85%;
    background-color: rgba(0, 0, 0, .04);
    border-radius: 3px
}

.styleguide--view-page-1eb5cf16 .description code:after, .styleguide--view-page-1eb5cf16 .description code:before {
    letter-spacing: -.2em;
    content: "\00a0"
}

.styleguide--view-page-1eb5cf16 .description pre>code {
    padding: 0;
    margin: 0;
    font-size: 100%;
    word-break: normal;
    white-space: pre;
    background: 0 0;
    border: 0
}

.styleguide--view-page-1eb5cf16 .description .highlight {
    margin-bottom: 16px
}

.styleguide--view-page-1eb5cf16 .description .highlight pre, .styleguide--view-page-1eb5cf16 .description pre {
    padding: 16px;
    overflow: auto;
    font-size: 85%;
    line-height: 1.45;
    background-color: #f7f7f7;
    border-radius: 3px
}

.styleguide--view-page-1eb5cf16 .description .highlight pre {
    margin-bottom: 0;
    word-break: normal
}

.styleguide--view-page-1eb5cf16 .description pre {
    word-wrap: normal
}

.styleguide--view-page-1eb5cf16 .description pre code {
    display: inline;
    max-width: initial;
    padding: 0;
    margin: 0;
    overflow: initial;
    line-height: inherit;
    word-wrap: normal;
    background-color: transparent;
    border: 0
}

.styleguide--view-page-1eb5cf16 .description pre code:after, .styleguide--view-page-1eb5cf16 .description pre code:before {
    content: normal
}

.styleguide--view-page-1eb5cf16 .description .pl-c {
    color: #969896
}

.styleguide--view-page-1eb5cf16 .description .pl-c1, .styleguide--view-page-1eb5cf16 .description .pl-s .pl-v {
    color: #0086b3
}

.styleguide--view-page-1eb5cf16 .description .pl-e, .styleguide--view-page-1eb5cf16 .description .pl-en {
    color: #795da3
}

.styleguide--view-page-1eb5cf16 .description .pl-s .pl-s1, .styleguide--view-page-1eb5cf16 .description .pl-smi {
    color: #333
}

.styleguide--view-page-1eb5cf16 .description .pl-ent {
    color: #63a35c
}

.styleguide--view-page-1eb5cf16 .description .pl-k {
    color: #a71d5d
}

.styleguide--view-page-1eb5cf16 .description .pl-pds, .styleguide--view-page-1eb5cf16 .description .pl-s, .styleguide--view-page-1eb5cf16 .description .pl-s .pl-pse .pl-s1, .styleguide--view-page-1eb5cf16 .description .pl-sr, .styleguide--view-page-1eb5cf16 .description .pl-sr .pl-cce, .styleguide--view-page-1eb5cf16 .description .pl-sr .pl-sra, .styleguide--view-page-1eb5cf16 .description .pl-sr .pl-sre {
    color: #183691
}

.styleguide--view-page-1eb5cf16 .description .pl-v {
    color: #ed6a43
}

.styleguide--view-page-1eb5cf16 .description .pl-id {
    color: #b52a1d
}

.styleguide--view-page-1eb5cf16 .description .pl-ii {
    background-color: #b52a1d;
    color: #f8f8f8
}

.styleguide--view-page-1eb5cf16 .description .pl-sr .pl-cce {
    color: #63a35c;
    font-weight: 700
}

.styleguide--view-page-1eb5cf16 .description .pl-ml {
    color: #693a17
}

.styleguide--view-page-1eb5cf16 .description .pl-mh, .styleguide--view-page-1eb5cf16 .description .pl-mh .pl-en, .styleguide--view-page-1eb5cf16 .description .pl-ms {
    color: #1d3e81;
    font-weight: 700
}

.styleguide--view-page-1eb5cf16 .description .pl-mq {
    color: teal
}

.styleguide--view-page-1eb5cf16 .description .pl-mi {
    color: #333;
    font-style: italic
}

.styleguide--view-page-1eb5cf16 .description .pl-mb {
    color: #333;
    font-weight: 700
}

.styleguide--view-page-1eb5cf16 .description .pl-md {
    background-color: #ffecec;
    color: #bd2c00
}

.styleguide--view-page-1eb5cf16 .description .pl-mi1 {
    background-color: #eaffea;
    color: #55a532
}

.styleguide--view-page-1eb5cf16 .description .pl-mdr {
    color: #795da3;
    font-weight: 700
}

.styleguide--view-page-1eb5cf16 .description .pl-mo {
    color: #1d3e81
}

.styleguide--view-page-1eb5cf16 .description kbd {
    display: inline-block;
    padding: 3px 5px;
    font: 11px Consolas, "Liberation Mono", Menlo, Courier, monospace;
    line-height: 10px;
    color: #555;
    vertical-align: middle;
    background-color: #fcfcfc;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 #bbb
}

.styleguide--view-page-1eb5cf16 .description .task-list-item {
    list-style-type: none
}

.styleguide--view-page-1eb5cf16 .description .task-list-item+.task-list-item {
    margin-top: 3px
}

.styleguide--view-page-1eb5cf16 .description .task-list-item input {
    margin: 0 .35em .25em -1.6em;
    vertical-align: middle
}

.styleguide--view-page-1eb5cf16 .description:checked+.radio-label {
    z-index: 1;
    position: relative;
    border-color: #4078c0
}

.web--error-message-3a99aef9 {
    background-color: #fff;
    color: #000;
    position: relative;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    z-index: 100;
    height: 150px;
    -webkit-transition: max-height .15s cubic-bezier(0.16, .61, .56, 1);
    transition: max-height .15s cubic-bezier(0.16, .61, .56, 1)
}

.web--error-message-3a99aef9.is-open {
    max-height: 150px
}

.web--error-message-3a99aef9 .bp1-col-4 {
    margin-top: 20px;
    margin-bottom: 20px
}

.web--error-message-3a99aef9 .icon {
    float: left
}

.web--error-message-3a99aef9 .icon>span {
    font-size: 40px;
    display: block;
    margin-top: 6px
}

.web--error-message-3a99aef9 .close {
    float: right;
    cursor: pointer;
    font-size: 16px;
    text-align: center;
    height: 30px;
    width: 30px;
    background-color: #fff;
    border-radius: 100px;
    -webkit-transition: background-color .2s cubic-bezier(0.16, .61, .56, 1);
    transition: background-color .2s cubic-bezier(0.16, .61, .56, 1)
}

.web--error-message-3a99aef9 .close>span {
    margin-top: 7px;
    display: inline-block
}

.web--error-message-3a99aef9 .close:hover {
    background-color: #f2f2f3
}

.web--error-message-3a99aef9 .header {
    margin: 0 0 12px
}

.web--error-message-3a99aef9 .content {
    float: left;
    width: 80%;
    margin-left: 20px
}

.web--error-message-3a99aef9 .title {
    font-size: 1.286em;
    font-weight: 400;
    font-family: TrimBold;
    text-transform: uppercase
}

@media screen and (min-width: 760px) {
    .web--error-message-3a99aef9 .title {
        font-size: 1.25em !important
    }
}

.web--error-message-3a99aef9 .sub-title {
    color: #333;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: .8em;
    margin-left: 20px
}

@media screen and (min-width: 760px) {
    .web--error-message-3a99aef9 .sub-title {
        font-size: .675em
    }
}

.web--error-message-3a99aef9 .text {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    margin: 0
}

@media screen and (min-width: 760px) {
    .web--error-message-3a99aef9 .text {
        font-size: 1em
    }
}

.web--global-footer-9855813e {
    position: relative;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #2a2a2a;
    z-index: 200;
    text-align: center
}

.web--global-footer-9855813e footer ul {
    list-style-type: none;
    padding-left: 0
}

.web--global-footer-9855813e footer ul li {
    display: inline
}

.web--global-header--search-a993f5f3 input[type=text] {
    padding: 12px 0;
    width: 100%;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 4px solid #fff;
    color: #fff;
    font-size: 2.286em;
    font-weight: 400;
    text-transform: uppercase;
    font-family: TrimBold
}

@media screen and (min-width: 760px) {
    .web--global-header--search-a993f5f3 input[type=text] {
        font-size: 3em !important
    }
}

.web--global-header--search-a993f5f3 input[type=text].focus, .web--global-header--search-a993f5f3 input[type=text]:focus {
    border-bottom: 4px solid #fff
}

.web--global-header-d0fbca78 {
    top: 0;
    position: fixed;
    width: 100%;
    z-index: 800;
    -webkit-transition: top .08s cubic-bezier(0.16, .61, .56, 1);
    transition: top .08s cubic-bezier(0.16, .61, .56, 1)
}

.web--global-header-d0fbca78.slide-up {
    top: -60px;
    -webkit-transition: top .08s cubic-bezier(0.16, .61, .56, 1);
    transition: top .08s cubic-bezier(0.16, .61, .56, 1)
}

.web--global-header-d0fbca78.non-video {
    position: relative
}

.web--global-header-d0fbca78.sub-navbar-open {
    bottom: 0
}

.web--global-header-d0fbca78.sub-navbar-open .nav-content {
    display: block
}

.web--global-header-d0fbca78.sub-navbar-open .subnav-wrapper {
    top: 60px;
    bottom: 0
}

.web--global-header-d0fbca78 .nav-content {
    display: none
}

.web--global-header-d0fbca78 .nav-content h4 {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    margin-bottom: 0;
    text-transform: uppercase
}

@media screen and (min-width: 760px) {
    .web--global-header-d0fbca78 .nav-content h4 {
        font-size: 1em
    }
}

@media screen and (min-width: 760px) {
    .web--global-header-d0fbca78 .nav-content h4 {
        margin-top: 20px
    }
}

.web--global-header-d0fbca78 .nav-content ul {
    display: block;
    margin: 0;
    padding: 0 0 12px;
    border-bottom: 2px solid #343434
}

@media screen and (min-width: 760px) {
    .web--global-header-d0fbca78 .nav-content ul {
        margin: 20px 0
    }
}

.web--global-header-d0fbca78 .nav-content ul li {
    margin: 0;
    padding: 0;
    display: block;
    font-size: 1.714em;
    font-weight: 400;
    font-family: TrimMedium
}

@media screen and (min-width: 760px) {
    .web--global-header-d0fbca78 .nav-content ul li {
        font-size: 1.75em !important
    }
}

.web--global-header-d0fbca78 .nav-content ul li a {
    display: block;
    -webkit-transition: -webkit-transform .08s cubic-bezier(0.16, .61, .56, 1) .16s;
    transition: transform .08s cubic-bezier(0.16, .61, .56, 1) .16s;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center left;
    -ms-transform-origin: center left;
    transform-origin: center left;
    text-transform: uppercase
}

.web--global-header-d0fbca78 .nav-content ul li a:hover {
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4)
}

.web--global-header-d0fbca78 .subnav-wrapper {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #040404
}

.web--global-header-d0fbca78 .navbar {
    height: 60px;
    line-height: 60px;
    background-color: #040404
}

.web--global-header-d0fbca78 .navbar a, .web--global-header-d0fbca78 .navbar a:active, .web--global-header-d0fbca78 .navbar a:link, .web--global-header-d0fbca78 .navbar a:visited {
    color: #fff;
    text-decoration: none
}

.web--global-header-d0fbca78 .navbar a .iconfont, .web--global-header-d0fbca78 .navbar a:active .iconfont, .web--global-header-d0fbca78 .navbar a:link .iconfont, .web--global-header-d0fbca78 .navbar a:visited .iconfont {
    font-size: 1.714em;
    font-weight: 400
}

@media screen and (min-width: 760px) {
    .web--global-header-d0fbca78 .navbar a .iconfont, .web--global-header-d0fbca78 .navbar a:active .iconfont, .web--global-header-d0fbca78 .navbar a:link .iconfont, .web--global-header-d0fbca78 .navbar a:visited .iconfont {
        font-size: 1.75em !important
    }
}

.web--global-header-d0fbca78 .navbar a.close, .web--global-header-d0fbca78 .navbar a:active.close, .web--global-header-d0fbca78 .navbar a:link.close, .web--global-header-d0fbca78 .navbar a:visited.close {
    padding-top: 8px
}

.web--global-header-d0fbca78 .navbar .logo {
    font-size: 1.286em;
    font-weight: 400;
    font-family: TrimMedium;
    margin-left: 16px
}

@media screen and (min-width: 760px) {
    .web--global-header-d0fbca78 .navbar .logo {
        font-size: 1.25em !important
    }
}

.web--global-header-d0fbca78 .navbar .search {
    margin-top: 16px;
    margin-right: 16px
}

.web--global-header-d0fbca78 .navbar .menu {
    display: block;
    position: absolute;
    left: 50%;
    width: 80px;
    margin-left: -40px;
    top: 0
}

.web--global-header-d0fbca78 .navbar .menu a {
    border: 4px solid #040404;
    -webkit-transition: border .08s cubic-bezier(0.16, .61, .56, 1);
    transition: border .08s cubic-bezier(0.16, .61, .56, 1);
    display: block;
    box-sizing: border-box;
    line-height: 52px;
    height: 60px;
    width: 100%;
    text-align: center;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400
}

@media screen and (min-width: 760px) {
    .web--global-header-d0fbca78 .navbar .menu a {
        font-size: 1em
    }
}

.web--global-header-d0fbca78 .navbar .menu a:after {
    display: block;
    content: '';
    width: 100%;
    height: 8px;
    background-color: #040404;
    bottom: -8px;
    position: absolute;
    z-index: 20;
    left: 0;
    opacity: 0
}

.web--global-header-d0fbca78 .sub-navbar {
    border-bottom: solid 4px #fff
}

.web--global-header-d0fbca78 .sub-navbar>div {
    padding: 12px 0;
    -webkit-transition: -webkit-transform .08s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .08s cubic-bezier(0.16, .61, .56, 1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center
}

.web--global-header-d0fbca78 .sub-navbar>div:hover {
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4)
}

.web--global-header-d0fbca78 .sub-navbar a {
    text-decoration: none;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    color: #AAA;
    text-transform: uppercase;
    white-space: nowrap
}

@media screen and (min-width: 760px) {
    .web--global-header-d0fbca78 .sub-navbar a {
        font-size: 1em
    }
}

.web--global-header-d0fbca78 .sub-navbar a.active {
    color: #fff;
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4)
}

.web--global-header-d0fbca78.search .submenu-wrapper {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    left: 0;
    display: block
}

.web--global-header-d0fbca78.search .explore.menu {
    opacity: 0;
    display: none
}

.web--global-header-d0fbca78.explore .main-menu a {
    border: 4px solid #fff;
    position: relative
}

.web--global-header-d0fbca78.explore .main-menu a:after {
    opacity: 1
}

.web--global-header-d0fbca78.explore .submenu-wrapper {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    left: 0;
    display: block;
    margin-top: 50px
}

.web--global-header-d0fbca78.explore .search.submenu-wrapper {
    opacity: 0;
    display: none
}

.web--global-header-d0fbca78 .submenu-wrapper {
    position: fixed;
    box-sizing: border-box;
    top: 60px;
    left: -100%;
    bottom: 0;
    width: 100%;
    background-color: #040404;
    text-align: center;
    overflow: auto;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0;
    z-index: 1;
    -webkit-transition: opacity .08s cubic-bezier(0.16, .61, .56, 1), -webkit-transform .08s cubic-bezier(0.16, .61, .56, 1);
    transition: opacity .08s cubic-bezier(0.16, .61, .56, 1), transform .08s cubic-bezier(0.16, .61, .56, 1)
}

.web--global-header-d0fbca78 .submenu-wrapper .submenu-content {
    display: inline-block;
    width: 60%
}

@media only screen and (min-width: 760px) {
    .web--global-header-d0fbca78 .submenu-wrapper .submenu-content {
        width: 350px
    }
}

.web--global-header-d0fbca78 .submenu-wrapper h3, .web--global-header-d0fbca78 .submenu-wrapper h4 {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    color: gray;
    margin: 24px 0 0;
    line-height: 1.55;
    text-transform: uppercase
}

@media screen and (min-width: 760px) {
    .web--global-header-d0fbca78 .submenu-wrapper h3 {
        font-size: 1em
    }
}

@media screen and (min-width: 760px) {
    .web--global-header-d0fbca78 .submenu-wrapper h4 {
        font-size: 1em
    }
}

.web--global-header-d0fbca78 .submenu-wrapper ul {
    margin: 0;
    padding: 0;
    display: block
}

.web--global-header-d0fbca78 .submenu-wrapper ul li {
    display: block;
    text-align: center;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.65;
    -webkit-transition: font-size .08s cubic-bezier(0.16, .61, .56, 1);
    transition: font-size .08s cubic-bezier(0.16, .61, .56, 1);
    text-transform: uppercase
}

@media screen and (min-width: 760px) {
    .web--global-header-d0fbca78 .submenu-wrapper ul li {
        font-size: 1em
    }
}

.web--global-header-d0fbca78 .submenu-wrapper ul li a {
    text-decoration: none;
    color: #fff
}

.web--rail-item-1414cf4a {
    margin: 0 0 18px;
    overflow-x: visible;
    position: relative;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .5s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .5s cubic-bezier(0.16, .61, .56, 1);
    z-index: 1
}

.web--rail-item-1414cf4a:hover {
    z-index: 10
}

.web--rail-item-1414cf4a:hover .slide-button, .web--rail-item-1414cf4a:hover .slide-left-button, .web--rail-item-1414cf4a:hover .slide-right-button {
    opacity: .8
}

.web--rail-item-1414cf4a.animated .slider {
    -webkit-transition: -webkit-transform .5s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .5s cubic-bezier(0.16, .61, .56, 1)
}

.web--rail-item-1414cf4a.slide-up {
    -webkit-transform: translate3d(0, -1200px, 0);
    transform: translate3d(0, -1200px, 0)
}

.web--rail-item-1414cf4a.slide-down {
    -webkit-transform: translate3d(0, 600px, 0);
    transform: translate3d(0, 600px, 0)
}

.web--rail-item-1414cf4a .mt-row {
    position: relative;
    overflow: visible
}

.web--rail-item-1414cf4a.hide-left-arrow .slide-left-button, .web--rail-item-1414cf4a.hide-right-arrow .slide-right-button {
    display: none
}

.web--rail-item-1414cf4a.show-left-arrow .slide-left-button, .web--rail-item-1414cf4a.show-right-arrow .slide-right-button {
    display: block
}

.web--rail-item-1414cf4a .title {
    pointer-events: none;
    font-size: 1.286em;
    font-weight: 400;
    font-family: TrimMedium;
    padding-bottom: 8px;
    text-transform: uppercase;
    position: relative;
    height: 30px;
    z-index: 1
}

@media screen and (min-width: 760px) {
    .web--rail-item-1414cf4a .title {
        font-size: 1.25em !important
    }
}

.web--rail-item-1414cf4a .title-over {
    position: absolute;
    z-index: 2;
    color: #fff
}

.web--rail-item-1414cf4a .title-under {
    position: absolute;
    z-index: 1;
    color: #000;
    margin: 1px 0 0 1px
}

.web--rail-item-1414cf4a .slider {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    white-space: nowrap
}

.web--rail-item-1414cf4a .show-more {
    padding: 8px 12px;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    border: 1px solid #fff;
    color: #fff;
    text-decoration: none;
    float: right;
    margin: 8px 0;
    background-color: #040404
}

@media screen and (min-width: 760px) {
    .web--rail-item-1414cf4a .show-more {
        font-size: 1em
    }
}

.web--rail-item-1414cf4a.is-touch .slide-button, .web--rail-item-1414cf4a.is-touch .slide-left-button, .web--rail-item-1414cf4a.is-touch .slide-right-button {
    display: none
}

.web--rail-item-1414cf4a.is-touch .mt-row {
    overflow-x: auto
}

.web--rail-item-1414cf4a .slide-button, .web--rail-item-1414cf4a .slide-left-button, .web--rail-item-1414cf4a .slide-right-button {
    background-color: rgba(0, 0, 0, .8);
    bottom: 5px;
    color: #fff;
    overflow: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: opacity .08s cubic-bezier(0.16, .61, .56, 1);
    transition: opacity .08s cubic-bezier(0.16, .61, .56, 1);
    width: 72px;
    z-index: 10;
    text-align: center
}

.web--rail-item-1414cf4a .slide-button span, .web--rail-item-1414cf4a .slide-left-button span, .web--rail-item-1414cf4a .slide-right-button span {
    font-size: 50px;
    display: inline-block;
    height: 50px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    margin-left: -8px
}

.web--rail-item-1414cf4a .slide-button:hover, .web--rail-item-1414cf4a .slide-left-button:hover, .web--rail-item-1414cf4a .slide-right-button:hover {
    opacity: 1
}

.web--rail-item-1414cf4a .slide-button i, .web--rail-item-1414cf4a .slide-left-button i, .web--rail-item-1414cf4a .slide-right-button i {
    font-size: 20px;
    top: 50%;
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    position: absolute
}

.web--rail-item-1414cf4a .slide-left-button {
    left: 0
}

.web--rail-item-1414cf4a.first-time .slide-left-button {
    display: none
}

.web--rail-item-1414cf4a .slide-right-button {
    right: 0
}

.web--rail-item-1414cf4a .slide-right-button span {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.web--rail-item-1414cf4a .rails-content {
    position: relative;
    z-index: 2
}

.web--rail-item-1414cf4a.dont-show-more .slide-right-button {
    display: none !important
}

.web--rail-item-1414cf4a .show-more {
    display: none
}

@media only screen and (max-width: 760px) {
    .web--rail-item-1414cf4a.pods-rail .slider {
        white-space: normal;
        overflow: hidden;
        -webkit-transition: max-height .5s cubic-bezier(0.16, .61, .56, 1);
        transition: max-height .5s cubic-bezier(0.16, .61, .56, 1)
    }
    .web--rail-item-1414cf4a.pods-rail .show-more {
        display: block
    }
    .web--rail-item-1414cf4a .show-more, .web--rail-item-1414cf4a.pods-rail.dont-show-more .show-more {
        display: none
    }
}

@media only screen and (max-width: 760px) {
    .web--rail-item-1414cf4a.pods-rail .slide-left-button, .web--rail-item-1414cf4a.pods-rail .slide-right-button {
        display: none
    }
}

@media only screen and (min-width: 448px) {
    .web--rail-item-1414cf4a .slider {
        white-space: nowrap;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    .web--rail-item-1414cf4a .slider span.hide-show-more-item, .web--rail-item-1414cf4a .slider span.show-more-item {
        display: inline-block
    }
    .web--rail-item-1414cf4a .show-more {
        display: none
    }
}

.web--rails-list-fc7b747b {
    overflow: hidden
}

.web--rails-list-fc7b747b.loading {
    opacity: 0
}

.web--rails-list-fc7b747b.back-to-playback-show .back-to-playback {
    opacity: 1;
    -webkit-transition: opacity .08s cubic-bezier(0.16, .61, .56, 1);
    transition: opacity .08s cubic-bezier(0.16, .61, .56, 1);
    pointer-events: auto
}

.web--rails-list-fc7b747b.back-to-playback-hide .back-to-playback {
    opacity: 0;
    -webkit-transition: opacity .08s cubic-bezier(0.16, .61, .56, 1);
    transition: opacity .08s cubic-bezier(0.16, .61, .56, 1);
    pointer-events: none
}

.web--rails-list-fc7b747b.back-to-playback-top .back-to-playback {
    top: 0;
    background-color: #040404;
    -webkit-transition: top .08s cubic-bezier(0.16, .61, .56, 1);
    transition: top .08s cubic-bezier(0.16, .61, .56, 1);
    -webkit-transition: background-color .08s cubic-bezier(0.16, .61, .56, 1);
    transition: background-color .08s cubic-bezier(0.16, .61, .56, 1);
    pointer-events: auto
}

.web--rails-list-fc7b747b .back-to-playback {
    left: 0;
    top: 60px;
    width: 100%;
    position: fixed;
    padding: 12px;
    z-index: 301;
    font-weight: 700;
    background-color: rgba(4, 4, 4, .75);
    -webkit-transition: top .08s cubic-bezier(0.16, .61, .56, 1);
    transition: top .08s cubic-bezier(0.16, .61, .56, 1);
    -webkit-transition: background-color .08s cubic-bezier(0.16, .61, .56, 1);
    transition: background-color .08s cubic-bezier(0.16, .61, .56, 1)
}

.web--rails-list-fc7b747b .browse {
    -webkit-transition: margin .08s cubic-bezier(0.54, .25, .95, .63);
    transition: margin .08s cubic-bezier(0.54, .25, .95, .63);
    z-index: 1000
}

.web--rails-list-fc7b747b.hide-rail-list .browse, .web--rails-list-fc7b747b.hide-rail-list nav {
    opacity: 0;
    -webkit-transition: opacity .5s cubic-bezier(0.54, .25, .95, .63);
    transition: opacity .5s cubic-bezier(0.54, .25, .95, .63)
}

.web--rails-list-fc7b747b.show-rail-list .browse, .web--rails-list-fc7b747b.show-rail-list nav {
    opacity: 1;
    -webkit-transition: opacity .5s cubic-bezier(0.16, .61, .56, 1);
    transition: opacity .5s cubic-bezier(0.16, .61, .56, 1)
}

.web--rails-list-fc7b747b.explore-open .browse {
    margin-top: 0 !important;
    -webkit-transition: margin-top .08s cubic-bezier(0.16, .61, .56, 1);
    transition: margin-top .08s cubic-bezier(0.16, .61, .56, 1)
}

.web--rails-list-fc7b747b.explore-open .rails-content {
    display: none
}

.web--rails-list-fc7b747b.explore-closed .rails-content {
    opacity: 1;
    display: block;
    -webkit-transition: opacity .5s cubic-bezier(0.16, .61, .56, 1);
    transition: opacity .5s cubic-bezier(0.16, .61, .56, 1);
    overflow: visible
}

@media only screen and (max-width: (bp2, 448px, 8)) {
    .web--rails-list-fc7b747b .mt-row {
        display: none
    }
    .web--rails-list-fc7b747b .mt-row:first-child {
        display: block
    }
}

.web--tile-badge-95228ef3 .tile-label {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-transition: left .08s cubic-bezier(0.16, .61, .56, 1);
    transition: left .08s cubic-bezier(0.16, .61, .56, 1);
    white-space: nowrap;
    overflow: hidden
}

.web--tile-badge-95228ef3 .tile-label::after {
    clear: both;
    content: '';
    display: table
}

.web--tile-badge-95228ef3 .tile-label.watching .label-content {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 100px;
    right: 0;
    -webkit-clip-path: polygon(100% 0, 100% 35%, 96% 50%, 100% 65%, 100% 100%, 0 100%, 0 65%, 4% 50%, 0 35%, 0 0);
    clip-path: polygon(100% 0, 100% 35%, 96% 50%, 100% 65%, 100% 100%, 0 100%, 0 65%, 4% 50%, 0 35%, 0 0)
}

.web--tile-badge-95228ef3 .tile-label.watching .label-title {
    display: block
}

.web--tile-badge-95228ef3 .separator {
    margin: 0 10px
}

.web--tile-badge-95228ef3 .label-content, .web--tile-badge-95228ef3 .label-title {
    padding: 8px 16px;
    display: inline-block;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1em;
    position: relative
}

@media screen and (min-width: 760px) {
    .web--tile-badge-95228ef3 .label-content, .web--tile-badge-95228ef3 .label-title {
        font-size: .875em
    }
}

.web--tile-badge-95228ef3 .estimated {
    color: #D6263A;
    font-weight: 700
}

.web--tile-badge-95228ef3 .label-title {
    z-index: 1;
    padding-right: 20px
}

.web--tile-badge-95228ef3 .label-content {
    z-index: 2;
    left: -10px;
    position: relative;
    background-color: #fff;
    color: #333;
    -webkit-clip-path: polygon(100% 0, 100% 35%, 92% 50%, 100% 65%, 100% 100%, 0 100%, 0 65%, 8% 50%, 0 35%, 0 0);
    clip-path: polygon(100% 0, 100% 35%, 92% 50%, 100% 65%, 100% 100%, 0 100%, 0 65%, 8% 50%, 0 35%, 0 0)
}

.web--tile-badge-95228ef3 .live-label .label-title {
    background-color: #D6263A
}

.web--tile-badge-95228ef3 .catchup-label .label-title {
    background-color: #040404;
    border-left: solid 4px #D6263A
}

.web--tile-badge-95228ef3 .comingsoon-label .label-title {
    background-color: #fff;
    color: #333;
    border-left: solid 4px #D6263A;
    -webkit-clip-path: polygon(100% 0, 100% 35%, 95% 50%, 100% 65%, 100% 100%, 0 100%, 0 65%, 0 50%, 0 35%, 0 0);
    clip-path: polygon(100% 0, 100% 35%, 95% 50%, 100% 65%, 100% 100%, 0 100%, 0 65%, 0 50%, 0 35%, 0 0)
}

.web--tile-badge-95228ef3 .related-label .label-title {
    background-color: #D85F00
}

.web--tile-content-6c29c741 {
    display: inline-block;
    float: none;
    margin-right: -5px;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.web--tile-content-6c29c741 .tile-height {
    position: relative
}

.web--tile-content-6c29c741 .tile-wrapper {
    position: absolute;
    width: 100%;
    outline: transparent solid 4px;
    -webkit-transition: outline .08s cubic-bezier(0.16, .61, .56, 1);
    transition: outline .08s cubic-bezier(0.16, .61, .56, 1);
    box-sizing: border-box;
    bottom: 0
}

.web--tile-content-6c29c741.extended-img .tile-wrapper {
    top: 0
}

.web--tile-content-6c29c741.extended-img .tile-img-wrapper {
    height: auto !important;
    position: absolute;
    bottom: 0;
    top: 0;
    width: 100%
}

.web--tile-content-6c29c741.extended-img .content-wrapper {
    background-color: transparent;
    position: absolute;
    z-index: 10;
    bottom: 0
}

.web--tile-content-6c29c741.extended-img .team-tile {
    width: 80%;
    top: 20px;
    bottom: 60px;
    left: 10%
}

.web--tile-content-6c29c741 .tile-img-wrapper {
    position: relative
}

.web--tile-content-6c29c741 .tile-img {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

.web--tile-content-6c29c741.is-coming .content-wrapper {
    background-color: #1D262F
}

.web--tile-content-6c29c741.is-coming .indent:after {
    border-right: 12px solid #1D262F
}

.web--tile-content-6c29c741.is-catchup .content-wrapper {
    background-color: #22192B
}

.web--tile-content-6c29c741.is-catchup .indent:after {
    border-right: 12px solid #22192B
}

.web--tile-content-6c29c741 .content-wrapper {
    background-color: #2F2828;
    padding: 18px 12px 24px;
    box-sizing: border-box
}

.web--tile-content-6c29c741 .tournament-name {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1em;
    color: #AAA;
    margin-bottom: 8px
}

@media screen and (min-width: 760px) {
    .web--tile-content-6c29c741 .tournament-name {
        font-size: .875em
    }
}

.web--tile-content-6c29c741 .team-name {
    font-size: 1.286em;
    font-weight: 400;
    font-family: TrimMedium;
    text-transform: uppercase;
    color: #fff
}

@media screen and (min-width: 760px) {
    .web--tile-content-6c29c741 .team-name {
        font-size: 1.25em !important
    }
}

.web--tile-content-6c29c741 .text-description {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    color: #AAA;
    margin-top: 10px;
    height: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: height .08s cubic-bezier(0.16, .61, .56, 1);
    transition: height .08s cubic-bezier(0.16, .61, .56, 1)
}

@media screen and (min-width: 760px) {
    .web--tile-content-6c29c741 .text-description {
        font-size: 1em
    }
}

.web--tile-content-6c29c741 .indent {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
    right: 0;
    bottom: 120px;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-right: 14px solid #fff;
    z-index: 10;
    -webkit-transition: opacity .08s cubic-bezier(0.16, .61, .56, 1), -webkit-transform .08s cubic-bezier(0.16, .61, .56, 1);
    transition: opacity .08s cubic-bezier(0.16, .61, .56, 1), transform .08s cubic-bezier(0.16, .61, .56, 1);
    -webkit-transform: translate3d(16px, 0, 0);
    transform: translate3d(16px, 0, 0)
}

.web--tile-content-6c29c741 .indent:after {
    content: '';
    display: block;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #2F2828;
    position: absolute;
    top: -12px;
    right: -18px;
    z-index: 10
}

.web--tile-content-6c29c741 .football-background {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-image: url(../images/football-bg.jpg)
}

.web--tile-content-6c29c741 .sport-background {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.web--tile-content-6c29c741 .team-tile {
    width: 100%;
    top: 0;
    bottom: 0;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute
}

.web--tile-content-6c29c741 .tournament-logo {
    width: 100%;
    top: 0;
    bottom: 34px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute
}

.web--tile-content-6c29c741 .team1-logo, .web--tile-content-6c29c741 .team2-logo {
    width: 50%;
    top: 0;
    bottom: 34px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute
}

.web--tile-content-6c29c741 .team1-logo {
    left: 0
}

.web--tile-content-6c29c741 .team2-logo {
    right: 0
}

@media screen and (min-width: 760px) {
    .web--tile-content-6c29c741:hover {
        z-index: 2;
        overflow: visible
    }
    .web--tile-content-6c29c741:hover .indent {
        opacity: 1;
        -webkit-transition: -webkit-transform .08s cubic-bezier(0.16, .61, .56, 1) .5s, opacity .08s cubic-bezier(0.16, .61, .56, 1) .5s;
        transition: transform .08s cubic-bezier(0.16, .61, .56, 1) .5s, opacity .08s cubic-bezier(0.16, .61, .56, 1) .5s;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    .web--tile-content-6c29c741:hover .tile-wrapper {
        outline: #fff solid 4px
    }
    .web--tile-content-6c29c741:hover .text-description {
        -webkit-transition: height .08s cubic-bezier(0.16, .61, .56, 1) .5s;
        transition: height .08s cubic-bezier(0.16, .61, .56, 1) .5s;
        height: 80px;
        opacity: 1
    }
    .web--tile-content-6c29c741:hover .tile-label {
        left: -4px;
        -webkit-transition: left .08s cubic-bezier(0.16, .61, .56, 1) .5s, width .08s cubic-bezier(0.16, .61, .56, 1) .5s;
        transition: left .08s cubic-bezier(0.16, .61, .56, 1) .5s, width .08s cubic-bezier(0.16, .61, .56, 1) .5s
    }
    .web--tile-content-6c29c741:hover .tile-label.watching {
        width: calc(100% + 4px)
    }
}

.web--video-player-271be95b {
    background-color: #040404;
    position: fixed;
    top: 55px;
    width: 100%;
    z-index: 1
}

.web--video-player-271be95b.slide-up {
    top: 0
}

.web--video-player-271be95b.preview-active .preview {
    opacity: 1;
    -webkit-transition: opacity .7s cubic-bezier(0.16, .61, .56, 1) .7s;
    transition: opacity .7s cubic-bezier(0.16, .61, .56, 1) .7s
}

.web--video-player-271be95b.preview-inactive .preview {
    opacity: 0;
    -webkit-transition: opacity .5s cubic-bezier(0.16, .61, .56, 1);
    transition: opacity .5s cubic-bezier(0.16, .61, .56, 1);
    pointer-events: none
}

.web--video-player-271be95b.controls-active .video-controls, .web--video-player-271be95b.controls-active .video-info, .web--video-player-271be95b.controls-active .video-offcanvas {
    opacity: 1;
    -webkit-transition: opacity .7s cubic-bezier(0.16, .61, .56, 1) .7s;
    transition: opacity .7s cubic-bezier(0.16, .61, .56, 1) .7s
}

.web--video-player-271be95b.controls-inactive .video-controls, .web--video-player-271be95b.controls-inactive .video-info, .web--video-player-271be95b.controls-inactive .video-offcanvas {
    opacity: 0;
    -webkit-transition: opacity .5s cubic-bezier(0.16, .61, .56, 1);
    transition: opacity .5s cubic-bezier(0.16, .61, .56, 1);
    pointer-events: none
}

.web--video-player-271be95b.offcanvas-closed .video-offcanvas .content {
    right: -100%;
    -webkit-transition: right .5s cubic-bezier(0.16, .61, .56, 1);
    transition: right .5s cubic-bezier(0.16, .61, .56, 1)
}

.web--video-player-271be95b.offcanvas-open .video-offcanvas .content {
    right: 0;
    -webkit-transition: right .5s cubic-bezier(0.16, .61, .56, 1);
    transition: right .5s cubic-bezier(0.16, .61, .56, 1)
}

.web--video-player-271be95b.offcanvas-open .video-info {
    opacity: 0;
    -webkit-transition: opacity .5s cubic-bezier(0.16, .61, .56, 1);
    transition: opacity .5s cubic-bezier(0.16, .61, .56, 1);
    pointer-events: none
}

.web--video-player-271be95b .video-player {
    -o-object-fit: cover;
    object-fit: cover
}

.web--video-player-271be95b .video-info {
    top: 0;
    width: 75%;
    padding: 40px;
    position: absolute;
    -webkit-transition: opacity .08s cubic-bezier(0.16, .61, .56, 1);
    transition: opacity .08s cubic-bezier(0.16, .61, .56, 1);
    pointer-events: none
}

.web--video-player-271be95b .video-info h6 {
    margin: 40px 0 8px
}

.web--video-player-271be95b .video-info h2 {
    font-size: 3.429em !important;
    font-weight: 400;
    font-family: TrimBold
}

@media screen and (min-width: 760px) {
    .web--video-player-271be95b .video-info h2 {
        font-size: 4.5em !important
    }
}

.web--video-player-271be95b .video-offcanvas {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    right: 0;
    z-index: 1
}

.web--video-player-271be95b .video-offcanvas .menu {
    position: absolute;
    padding-top: 5%;
    right: 0;
    width: 100%;
    z-index: 1
}

.web--video-player-271be95b .video-offcanvas .menu .button {
    width: 25%
}

.web--video-player-271be95b .video-offcanvas .menu .button .icon {
    font-size: 1.714em;
    font-weight: 400
}

@media screen and (min-width: 760px) {
    .web--video-player-271be95b .video-offcanvas .menu .button .icon {
        font-size: 1.75em !important
    }
}

.web--video-player-271be95b .video-offcanvas .menu .button .detail {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1em
}

@media screen and (min-width: 760px) {
    .web--video-player-271be95b .video-offcanvas .menu .button .detail {
        font-size: .875em
    }
}

.web--video-player-271be95b .video-offcanvas .content {
    position: absolute;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-color: rgba(42, 42, 42, .75);
    -webkit-transition: right .08s cubic-bezier(0.16, .61, .56, 1);
    transition: right .08s cubic-bezier(0.16, .61, .56, 1)
}

.web--video-player-271be95b .video-offcanvas .content .inner {
    padding: 25% 40px 40px
}

.web--video-player-271be95b .video-controls {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    z-index: 100
}

.web--video-player-271be95b .video-controls .top {
    width: 100%
}

.web--video-player-271be95b .video-controls .top .status {
    position: relative;
    width: 7.5%;
    height: 40px;
    bottom: -15px;
    background-color: #2a2a2a
}

.web--video-player-271be95b .video-controls .top .status::after {
    clear: both;
    content: '';
    display: table
}

.web--video-player-271be95b .video-controls .top .duration {
    position: relative;
    width: 7.5%;
    height: 40px;
    bottom: -15px;
    background-color: #fff;
    color: #2a2a2a
}

.web--video-player-271be95b .video-controls .top .duration::after {
    clear: both;
    content: '';
    display: table
}

.web--video-player-271be95b .video-controls .top .scrub-bar {
    position: relative;
    width: 85%;
    height: 55px;
    background-color: rgba(42, 42, 42, .75)
}

.web--video-player-271be95b .video-controls .top .scrub-bar .inner {
    padding-left: 2.5%;
    padding-right: 2.5%
}

.web--video-player-271be95b .video-controls .top .scrub-bar .inner .preview {
    position: absolute;
    top: -140px;
    border: 3px solid #fff
}

.web--video-player-271be95b .video-controls .top .scrub-bar .inner .preview img {
    width: 200px;
    height: 113px
}

.web--video-player-271be95b .video-controls .top .scrub-bar .inner .bar {
    position: relative;
    width: 100%;
    height: 5px;
    margin-top: 35px;
    background-color: #818181;
    z-index: 1
}

.web--video-player-271be95b .video-controls .top .scrub-bar .inner .bar .playhead {
    position: relative;
    background: #fff;
    top: -5.5px;
    width: 15px;
    height: 15px;
    margin-left: -7.5px;
    border-radius: 25%;
    z-index: 4;
    -webkit-transform: rotate(45deg)
}

.web--video-player-271be95b .video-controls .top .scrub-bar .inner .bar .playback-progress {
    position: absolute;
    pointer-events: none;
    top: 0;
    width: 0;
    height: 5px;
    background-color: #fff;
    z-index: 3
}

.web--video-player-271be95b .video-controls .top .scrub-bar .inner .bar .download-progress {
    position: absolute;
    pointer-events: none;
    top: 0;
    width: 0;
    height: 5px;
    background-color: #b1b1b1;
    z-index: 2
}

.web--video-player-271be95b .video-controls .bottom {
    clear: both;
    background-color: #2a2a2a;
    height: 68px
}

.web--video-player-271be95b .video-controls .bottom .button {
    font-size: 1.714em;
    font-weight: 400;
    padding: 20px 20px 0
}

@media screen and (min-width: 760px) {
    .web--video-player-271be95b .video-controls .bottom .button {
        font-size: 1.75em !important
    }
}

.web--video-player-271be95b .video-controls .bottom .button:first-child {
    padding-left: 10px
}

.web--video-player-271be95b .video-controls .bottom .button:last-child {
    padding-right: 10px;
    margin-right: 0
}

@media only screen and (min-width: 1760px) {
    .web--video-player-271be95b {
        top: 0
    }
}

.web--video-player-271be95b video {
    -webkit-transition: height .5s cubic-bezier(0.16, .61, .56, 1);
    transition: height .5s cubic-bezier(0.16, .61, .56, 1)
}

.web--video-player-271be95b.show-text .video-content {
    opacity: 1
}

.web--video-player-271be95b.animation .video-fade {
    -webkit-transition: -webkit-transform .08s cubic-bezier(0.16, .61, .56, 1), opacity .08s cubic-bezier(0.16, .61, .56, 1), background-color .08s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .08s cubic-bezier(0.16, .61, .56, 1), opacity .08s cubic-bezier(0.16, .61, .56, 1), background-color .08s cubic-bezier(0.16, .61, .56, 1)
}

.web--video-player-271be95b.fade-to-video .video-fade {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.web--video-player-271be95b.fade-out .video-fade {
    background-color: transparent
}

.web--video-player-271be95b.minimized .fade {
    top: 0
}
@-webkit-keyframes "focusAnim" {
    0% {
        outline-width: 2px;
    }
    50% {
        outline-width: 14px;
    }
    100% {
        outline-width: 8px;
    }
}

@keyframes "focusAnim" {
    0% {
        outline-width: 2px;
    }
    50% {
        outline-width: 14px;
    }
    100% {
        outline-width: 8px;
    }
}

@-webkit-keyframes "focusOutAnim" {
    0% {
        outline-width: 8px;
    }
    100% {
        outline-width: 2px;
    }
}

@keyframes "focusOutAnim" {
    0% {
        outline-width: 8px;
    }
    100% {
        outline-width: 2px;
    }
}

@-webkit-keyframes "bouncing" {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    25% {
        -webkit-transform: scale(1.03);
        transform: scale(1.03);
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    75% {
        -webkit-transform: scale(1.04);
        transform: scale(1.04);
    }
}

@keyframes "bouncing" {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    25% {
        -webkit-transform: scale(1.03);
        transform: scale(1.03);
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    75% {
        -webkit-transform: scale(1.04);
        transform: scale(1.04);
    }
}

@-webkit-keyframes "slideDown" {
    0% {
        -webkit-transform: translate3d 0, -800px, 0;
        transform: translate3d 0, -800px, 0;
    }
    100% {
        -webkit-transform: translate3d 0, 0, 0;
        transform: translate3d 0, 0, 0;
    }
}

@keyframes "slideDown" {
    0% {
        -webkit-transform: translate3d 0, -800px, 0;
        transform: translate3d 0, -800px, 0;
    }
    100% {
        -webkit-transform: translate3d 0, 0, 0;
        transform: translate3d 0, 0, 0;
    }
}

.clearfix::after {
    clear: both;
    content: '';
    display: table
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #777
}

.text-primary {
    color: #428bca
}

a.text-primary:hover {
    color: #3071a9
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.highlight {
    text-decoration: underline;
    font-weight: 700
}

img {
    vertical-align: middle
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

hr {
    width: 100%
}

.container-push, .push-push {
    -webkit-transform: 0;
    -ms-transform: 0;
    transform: 0
}

.static-content {
    margin-top: 100px
}

.primary-color {
    background-color: #4894d0
}

.primary-color-darker {
    background-color: #2a6da2
}

.primary-color-lighter-1 {
    background-color: #71acda
}

.primary-color-lighter-2 {
    background-color: #99c3e5
}

.primary-color-lighter-3 {
    background-color: #c2dbef
}

.primary-color-faded {
    background-color: rgba(72, 148, 208, .1)
}

.accent-color {
    background-color: red
}

.accent-color-darker {
    background-color: #b30000
}

.accent-color-lighter-1 {
    background-color: #f33
}

.accent-color-lighter-2 {
    background-color: #f66
}

.accent-color-lighter-3 {
    background-color: #f99
}

.accent-color-faded {
    background-color: #ffb3b3
}

.success-color {
    background-color: #2bb34b
}

.success-color-faded {
    background-color: #e4f9e9
}

.error-color {
    background-color: #ff3a2e
}

.error-color-faded {
    background-color: #fdf1f2
}

.warning-color {
    background-color: #fcb618
}

.warning-color-faded {
    background-color: #fff9eb
}

.dark-background {
    background-color: #2a2a2a
}

.darker-background {
    background-color: #040404
}

.clear-font-primary {
    background-color: #fff
}

.clear-font-secondary {
    background-color: #AAA
}

.clear-font-disabled {
    background-color: gray
}

.clear-font-dividers {
    background-color: #343434
}

.light-background {
    background-color: #f2f2f3
}

.lighter-background {
    background-color: #fff
}

.dark-font-primary {
    background-color: #000
}

.dark-font-secondary {
    background-color: #333
}

.dark-font-disabled {
    background-color: #999
}

.dark-font-dividers {
    background-color: #ccc
}

.main-content .color-info-panel {
    color: #000
}

.main-content .colors-right {
    color: #fff
}

.main-content .colors {
    padding: 0 80px
}

.styleguide {
    padding: 20px 40px
}

.hamburger-icon {
    background-color: #AAA !important
}

.is-menu-open .hamburger-icon {
    background-color: transparent !important
}

.hamburger-icon:after, .hamburger-icon:before {
    background-color: #AAA !important
}

.side-nav {
    background-color: #2a2a2a !important
}

.side-nav li.level-1 {
    color: gray !important;
    text-transform: uppercase;
    font-size: 1em !important;
    font-weight: 400 !important
}

.side-nav li.level-1>ul {
    margin-top: 4px
}

.side-nav li.level-3 {
    color: #fff !important;
    font-family: TrimMedium !important;
    text-indent: 0;
    line-height: auto
}

.side-nav li.level-3 a {
    display: block;
    line-height: 30px;
    text-indent: 15px
}

.side-nav li.level-3 a:hover {
    background-color: #fff;
    color: #000
}

.side-nav li.level-3 a.active {
    background-color: #f2f2f3;
    color: #999
}

.components .title {
    border-bottom: solid 1px #ccc;
    margin-top: 150px;
    padding: 10px 20px
}

.components .subtitle {
    padding: 10px 20px 5px
}

.components .component-title {
    color: #333;
    display: inline-block;
    float: right;
    font-weight: 100;
    margin: 0
}

.component-list {
    display: block;
    margin: 0
}

.component-list>li {
    border-bottom: solid 1px #ccc;
    display: block;
    margin-bottom: 20px;
    padding: 0 0 20px;
    width: 100%
}

.component-list>li::after {
    clear: both;
    content: '';
    display: table
}

.component-list>li:last-child {
    border: 0;
    margin: 0
}

.grid {
    background-color: #040404
}

.white-block {
    background-color: #fff;
    border: 1px solid #ccc;
    margin: 0 20px;
    padding: 20px
}

.mt-content {
    background-color: #2a2a2a;
    border: 1px solid #ccc;
    color: #fff;
    height: 100px;
    line-height: 100px;
    margin: 4px 0;
    text-align: center
}

.grid-btn {
    background-color: #fff;
    border-right: 0;
    border-top: 0;
    position: absolute;
    right: 0;
    top: 0
}

.typography {
    padding: 30px;
    position: relative
}

.typography.grid {
    background-image: -webkit-linear-gradient(#ccc .1em, transparent .1em);
    background-image: linear-gradient(#ccc .1em, transparent .1em);
    background-size: 100% 30px
}

.typography .descriptor {
    background: #f2f2f3;
    border-radius: 200px;
    color: #333;
    font-size: 10px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: -15%;
    text-align: center;
    top: 0;
    width: 30px
}

.experience-principles>div {
    height: auto
}

@media screen and (min-width: 760px) {
    .experience-principles>div {
        height: 340px
    }
}

.experience-principles h2 {
    font-size: 2.286em;
    font-weight: 400;
    text-transform: uppercase;
    font-family: TrimMedium;
    margin-bottom: 8px;
    padding-bottom: 4px;
    line-height: 1;
    display: inline-block;
    border-bottom: solid 1px #fff
}

@media screen and (min-width: 760px) {
    .experience-principles h2 {
        font-size: 3em !important
    }
}

.experience-principles h3 {
    font-size: 1.714em;
    font-weight: 400;
    font-family: TrimMedium;
    margin: 0;
    text-transform: uppercase
}

@media screen and (min-width: 760px) {
    .experience-principles h3 {
        font-size: 1.75em !important
    }
}

.experience-principles p {
    padding-right: 20px;
    margin-top: 8px;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    max-width: 600px;
    margin-bottom: 40px
}

@media screen and (min-width: 760px) {
    .experience-principles p {
        font-size: 1em
    }
}

hr {
    color: #343434
}

.input-styleguide {
    margin-top: 40px;
    border-bottom: solid 1px #343434;
    padding-bottom: 20px
}

.input-styleguide h5 {
    font-size: 1.286em;
    font-weight: 400;
    font-family: TrimMedium;
    margin: 0;
    display: block
}

@media screen and (min-width: 760px) {
    .input-styleguide h5 {
        font-size: 1.25em !important
    }
}

.input-styleguide h5 span {
    color: #AAA
}

.input-styleguide h6 {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    display: block;
    color: #AAA
}

@media screen and (min-width: 760px) {
    .input-styleguide h6 {
        font-size: 1em
    }
}

.input-styleguide p {
    color: #fff;
    -webkit-transition: color .08s cubic-bezier(0.16, .61, .56, 1);
    transition: color .08s cubic-bezier(0.16, .61, .56, 1)
}

.input-styleguide p.dim {
    color: #AAA
}

.input-styleguide p.dim a.link {
    color: #AAA;
    border-color: #AAA
}

.reference {
    color: #AAA;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    margin: 30px 0 20px;
    padding-top: 12px;
    border-top: solid 1px #AAA
}

@media screen and (min-width: 760px) {
    .reference {
        font-size: 1em
    }
}

.iconfont {
    text-rendering: optimizeSpeed;
    shape-rendering: optimizeSpeed
}

.dazn-logo {
    width: 280px;
    height: 280px;
    background-image: url(../images/DAZN_logo.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
    margin-top: 40px
}

@media screen and (min-width: 760px) {
    .dazn-logo {
        width: 380px;
        height: 380px
    }
}

button, input, textarea {
    background-color: transparent;
    border: 1px solid #ccc;
    outline: 0;
    padding: 10px;
    -webkit-transition: background-color .08s cubic-bezier(0.16, .61, .56, 1);
    transition: background-color .08s cubic-bezier(0.16, .61, .56, 1);
    color: #fff
}

button:focus, input:focus, textarea:focus {
    border-color: red;
    box-shadow: none
}

.form-overlay {
    position: fixed;
    z-index: 1;
    width: 100%;
    top: 0;
    bottom: 0;
    background: -webkit-linear-gradient(top, #000 0, #000 22%, transparent 77%, transparent 100%);
    background: linear-gradient(to bottom, #000 0, #000 22%, transparent 77%, transparent 100%)
}

.link-paragraph, .link-unique {
    color: inherit;
    position: relative
}

.link-paragraph:after, .link-unique:after {
    content: '';
    display: block;
    position: absolute;
    background-color: #AAA;
    -webkit-transition: height .3s cubic-bezier(0.16, .61, .56, 1), color .08s cubic-bezier(0.16, .61, .56, 1);
    transition: height .3s cubic-bezier(0.16, .61, .56, 1), color .08s cubic-bezier(0.16, .61, .56, 1);
    height: 1px;
    width: 100%;
    left: 0
}

.link-paragraph:hover, .link-unique:hover {
    color: #fff
}

.link-paragraph:hover:after, .link-unique:hover:after {
    height: 2px
}

.dim .link {
    color: #fff
}

.form-layout {
    position: fixed;
    top: 0;
    bottom: 0;
    overflow: auto;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 50%
}

.form-layout.signup {
    background-image: url(../images/stadium1.jpg)
}

.form-layout.signup button.primary {
    margin-top: 40px
}

.form-layout.payment {
    background-image: url(../images/form-bg.jpg)
}

.form-layout .mt-container {
    position: relative;
    z-index: 2
}

.form-layout .other-link {
    margin-top: 20px;
    color: #fff
}

.form-layout .other-link a {
    color: #fff
}

.form-layout h1 {
    font-size: 3.429em !important;
    font-weight: 400;
    font-family: TrimMedium;
    margin: 80px 0 0;
    text-transform: uppercase;
    line-height: 1
}

@media screen and (min-width: 760px) {
    .form-layout h1 {
        font-size: 4.5em !important
    }
}

.form-layout .header p {
    font-size: 1.286em;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-weight: 400;
    margin: 10px 0 40px
}

@media screen and (min-width: 760px) {
    .form-layout .header p {
        font-size: 1.25em !important
    }
}

.form-layout p {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1em;
    color: #AAA;
    margin: 40px 0
}

@media screen and (min-width: 760px) {
    .form-layout p {
        font-size: .875em
    }
}

.input-label {
    display: block;
    font-size: .8em;
    margin-bottom: 5px
}

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

body {
    color: #fff;
    margin: 0
}

* {
    outline: 0
}

.pushy-active .site-overlay {
    top: 55px
}

.text-left {
    text-align: left;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left
}

.text-center {
    text-align: center;
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center
}

.text-right {
    text-align: right;
    -webkit-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right
}

.dim {
    color: #343434
}

.dim a {
    color: #fff
}

.text-link {
    color: #fff;
    display: inline-block;
    border-bottom: solid 1px #fff;
    padding: 0 14px;
    position: relative
}

.text-link:after, .text-link:before {
    line-height: 1;
    font-family: iconfont !important;
    font-style: normal;
    font-weight: 400 !important;
    vertical-align: top;
    font-size: 1.2em;
    top: 2px;
    position: absolute
}

.text-link:after {
    content: "\f106";
    right: -6px;
    -webkit-transition: right .08s cubic-bezier(0.16, .61, .56, 1);
    transition: right .08s cubic-bezier(0.16, .61, .56, 1)
}

.text-link:before {
    content: "\f107";
    left: -6px;
    -webkit-transition: left .08s cubic-bezier(0.16, .61, .56, 1);
    transition: left .08s cubic-bezier(0.16, .61, .56, 1)
}

.text-link:hover:before {
    left: -2px
}

.text-link:hover:after {
    right: -2px
}

a {
    cursor: pointer;
    color: #fff;
    text-decoration: none
}

.intro {
    position: block;
    font-size: 2em;
    padding: 50px 0
}

.intro li {
    display: block;
    text-align: center;
    padding: 10px
}

.intro li a {
    background-color: #2a2a2a;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    border: 1px solid #fff;
    padding: 1em 2em;
    width: 5em;
    -webkit-transition: background-color .08s cubic-bezier(0.16, .61, .56, 1);
    transition: background-color .08s cubic-bezier(0.16, .61, .56, 1)
}

.intro li a:hover {
    background-color: #f2f2f3;
    color: #000
}

.ellipsis-text {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.account-title {
    display: block;
    text-align: center;
    color: #343434;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    position: relative;
    height: 40px;
    line-height: 40px;
    margin: 0 0 40px
}

@media screen and (min-width: 760px) {
    .account-title {
        font-size: 1em
    }
}

.account-title:after, .account-title:before {
    position: absolute;
    content: '';
    border-bottom: solid 1px #343434;
    top: 20px
}

.account-title:before {
    left: 0;
    right: 60%
}

.account-title:after {
    right: 0;
    left: 60%
}

.text-ellipsis {
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap
}

.small-btn {
    display: block;
    padding: 4px 12px;
    margin-left: 8px;
    border: 1px solid transparent;
    box-sizing: border-box;
    text-align: center;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    text-decoration: none
}

@media screen and (min-width: 760px) {
    .small-btn {
        font-size: 1em
    }
}

.small-btn.main {
    border: 1px solid #fff
}

@media screen and (max-width: 760px) {
    .hidden-mobile {
        display: none
    }
}

@media screen and (min-width: 760px) {
    .hidden-desktop {
        display: none
    }
}

.form .form-check {
    margin-bottom: 20px
}

.form .title {
    margin: 60px 0;
    font-size: 2.286em;
    font-weight: 400;
    text-transform: uppercase;
    font-family: TrimBold
}

@media screen and (min-width: 760px) {
    .form .title {
        font-size: 3em !important
    }
}

.form .sub-title {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    margin: 0
}

@media screen and (min-width: 760px) {
    .form .sub-title {
        font-size: 1em
    }
}

.menu-offcanvas::after {
    clear: both;
    content: '';
    display: table
}

.menu-offcanvas>span {
    width: 25%
}

.account--cancel-subscription-0f8f0ac9 ul {
    display: block;
    padding: 0;
    margin: 0
}

.account--cancel-subscription-0f8f0ac9 ul>li {
    display: block;
    margin: 0;
    padding: 0
}

.account--cancel-subscription-0f8f0ac9 .link-box::after {
    clear: both;
    content: '';
    display: table
}

.account--cancel-subscription-0f8f0ac9 .small-btn {
    float: right
}

.account--cancel-subscription-0f8f0ac9 h2 {
    font-size: 1.714em;
    font-weight: 400;
    font-family: TrimMedium
}

@media screen and (min-width: 760px) {
    .account--cancel-subscription-0f8f0ac9 h2 {
        font-size: 1.75em !important
    }
}

.account--cancel-subscription-0f8f0ac9 p {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    font-weight: 400
}

@media screen and (min-width: 760px) {
    .account--cancel-subscription-0f8f0ac9 p {
        font-size: 1em
    }
}

.account--cancel-subscription-0f8f0ac9 .header-description {
    font-size: 1.286em;
    font-weight: 400;
    font-family: TrimMedium;
    padding-bottom: 20px
}

@media screen and (min-width: 760px) {
    .account--cancel-subscription-0f8f0ac9 .header-description {
        font-size: 1.25em !important
    }
}

.account--cancel-subscription-0f8f0ac9 .link-box-inner {
    text-align: right;
    margin-bottom: 40px;
    margin-top: 20px;
    max-width: 500px
}

.account--cancel-subscription-0f8f0ac9 .link-box-inner a {
    margin-left: 12px
}

.account--check-box-cancel-232b24e6 {
    border-bottom: solid 1px transparent;
    border-top: solid 1px transparent;
    padding: 5px 0;
    margin: 5px 0
}

.account--check-box-cancel-232b24e6 .description {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height cubic-bezier(0.16, .61, .56, 1) .08s;
    transition: max-height cubic-bezier(0.16, .61, .56, 1) .08s
}

.account--check-box-cancel-232b24e6 .description p {
    max-width: 500px
}

.account--check-box-cancel-232b24e6 .description p:first-child {
    margin-top: 40px
}

.account--check-box-cancel-232b24e6.selected.hasContent {
    padding: 10px 0;
    margin: 10px 0;
    border-bottom: solid 1px #343434;
    border-top: solid 1px #343434
}

.account--check-box-cancel-232b24e6.selected .description {
    max-height: 260px
}

.account--my-devices-1a379645 {
    margin-bottom: 500px
}

.account--my-devices-1a379645 h3 {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    color: #fff;
    margin: 0
}

@media screen and (min-width: 760px) {
    .account--my-devices-1a379645 h3 {
        font-size: 1em
    }
}

.account--my-devices-1a379645 h4 {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    margin: 0 0 20px;
    color: #AAA
}

@media screen and (min-width: 760px) {
    .account--my-devices-1a379645 h4 {
        font-size: 1em
    }
}

.account--my-devices-1a379645 a {
    display: block;
    margin-bottom: 20px
}

.account--my-devices-1a379645 .smallBtn {
    border: 1px solid #fff;
    color: #fff !important
}

.account--my-devices-1a379645 .show-more-devices {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height cubic-bezier(0.16, .61, .56, 1) .08s;
    transition: max-height cubic-bezier(0.16, .61, .56, 1) .08s
}

.account--my-devices-1a379645 .signout-all {
    display: block;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .08s cubic-bezier(0.16, .61, .56, 1);
    transition: max-height .08s cubic-bezier(0.16, .61, .56, 1)
}

.account--my-devices-1a379645 .signout-all h3 {
    font-size: 1.286em;
    font-weight: 400;
    font-family: TrimMedium;
    display: block;
    padding-top: 20px
}

@media screen and (min-width: 760px) {
    .account--my-devices-1a379645 .signout-all h3 {
        font-size: 1.25em !important
    }
}

.account--my-devices-1a379645 .signout-all p {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    font-weight: 400;
    max-width: 500px
}

@media screen and (min-width: 760px) {
    .account--my-devices-1a379645 .signout-all p {
        font-size: 1em
    }
}

.account--my-devices-1a379645 .btn-box button {
    float: left;
    margin-right: 20px
}

.account--my-devices-1a379645 .btn-box a {
    line-height: 43px
}

.account--my-devices-1a379645 .showLess {
    display: none
}

.account--my-devices-1a379645 .showMore {
    display: block
}

.account--my-devices-1a379645.show-more-signout .signout-all {
    max-height: 300px
}

.account--my-devices-1a379645.show-more-signout .showMoreBtn {
    display: none
}

.account--my-devices-1a379645.show-more .show-more-devices {
    max-height: 200px
}

.account--my-devices-1a379645.show-more .showLess {
    display: block
}

.account--my-devices-1a379645.show-more .showMore {
    display: none
}

.content--item-video-679b3ab3 {
    float: left;
    margin-left: 5px;
    position: relative
}

.content--item-video-679b3ab3 .fa {
    font-size: 50px;
    position: relative;
    top: 20px
}

.content--item-video-679b3ab3 .label {
    background-color: #4894d0;
    font-size: 12px;
    padding: 4px 10px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.content--item-video-679b3ab3 .label.coming {
    background-color: red
}

.content--item-video-679b3ab3 .img, .content--item-video-679b3ab3 .search-block {
    overflow: hidden;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    bottom: 0;
    width: 100%
}

.content--item-video-679b3ab3 .search-block {
    background-color: #040404;
    line-height: 145px;
    text-align: center
}

.content--more-info-ce1f2902 {
    background-color: #040404;
    bottom: 0;
    box-sizing: border-box;
    padding: 20px;
    position: fixed;
    right: -35%;
    top: 0;
    -webkit-transition: right .5s cubic-bezier(0.16, .61, .56, 1);
    transition: right .5s cubic-bezier(0.16, .61, .56, 1);
    width: 35%;
    z-index: 200
}

.content--more-info-ce1f2902 img {
    width: 100%
}

.content--more-info-ce1f2902 .btn {
    background-color: #4894d0;
    padding: 10px 20px;
    text-align: center;
    font-size: 16px;
    margin-top: 40px
}

.content--rail-category-bfe1efa8 {
    opacity: 1;
    position: relative;
    -webkit-transition: opacity .7s cubic-bezier(0.16, .61, .56, 1);
    transition: opacity .7s cubic-bezier(0.16, .61, .56, 1);
    z-index: 100
}

.content--rail-category-bfe1efa8 .category-container {
    bottom: 0;
    left: 0;
    position: fixed;
    opacity: 1;
    top: 0;
    -webkit-transition: opacity .08s cubic-bezier(0.16, .61, .56, 1);
    transition: opacity .08s cubic-bezier(0.16, .61, .56, 1);
    width: 100%;
    z-index: 100
}

.content--rail-video-5ddc1967 {
    bottom: 0;
    height: 200px;
    left: -520px;
    position: fixed;
    width: 100%;
    z-index: 1
}

.content--rail-video-5ddc1967 .tile-title {
    font-size: 18px;
    position: absolute;
    top: -70px
}

.content--rail-video-5ddc1967 .rail-title {
    bottom: 230px;
    left: 555px;
    position: fixed;
    width: 500px;
    z-index: 1000000
}

.content--rail-video-5ddc1967 .slider {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
    height: 210px;
    position: relative
}

.content--rail-video-5ddc1967 .mt-container {
    width: 5000px
}

.content--rail-video-5ddc1967 .mt-row {
    white-space: nowrap
}

.content--video-control-b25eefd1 {
    bottom: 40px;
    opacity: 1;
    position: fixed;
    width: 100%;
    z-index: 100
}

.content--video-control-b25eefd1 .video-controls {
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%
}

.content--video-control-b25eefd1 .video-controls>li {
    display: inline-block;
    font-size: 30px;
    -webkit-transition: width .08s cubic-bezier(0.16, .61, .56, 1);
    transition: width .08s cubic-bezier(0.16, .61, .56, 1);
    width: 50px;
    height: 80px
}

.content--video-control-b25eefd1 .video-controls>li div {
    background-color: #2a2a2a;
    border: 1px solid #040404;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    -webkit-transition: height .08s cubic-bezier(0.16, .61, .56, 1), width .08s cubic-bezier(0.16, .61, .56, 1);
    transition: height .08s cubic-bezier(0.16, .61, .56, 1), width .08s cubic-bezier(0.16, .61, .56, 1);
    margin: 0;
    padding: 0;
    position: relative;
    top: 10px
}

.content--video-control-b25eefd1 .video-controls>li img {
    width: 50px;
    -webkit-transition: width .08s cubic-bezier(0.16, .61, .56, 1);
    transition: width .08s cubic-bezier(0.16, .61, .56, 1);
    position: relative
}

.content--video-control-b25eefd1 .video-controls>li.active {
    width: 80px
}

.content--video-control-b25eefd1 .video-controls>li.active div {
    border: 1px solid #4894d0;
    width: 80px;
    height: 80px;
    top: 0;
    line-height: 80px
}

.content--video-control-b25eefd1 .video-controls>li.active div img {
    width: 60px;
    top: 10px
}

.content--video-player-ba52f3ef {
    bottom: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1
}

.content--video-player-ba52f3ef video {
    -webkit-transition: width .5s cubic-bezier(0.16, .61, .56, 1);
    transition: width .5s cubic-bezier(0.16, .61, .56, 1);
    bottom: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1
}

.content--video-player-ba52f3ef .timer {
    position: fixed;
    top: 40px;
    right: 40px;
    z-index: 180
}

.content--video-scrub-8f63932f {
    left: 5%;
    position: fixed;
    width: 90%;
    z-index: 100
}

.content--video-scrub-8f63932f .dot {
    background-color: #fff;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    position: absolute;
    top: -2px
}

.content--video-scrub-8f63932f .dot.dot-1 {
    left: 10%
}

.content--video-scrub-8f63932f .dot.dot-2 {
    left: 32%
}

.content--video-scrub-8f63932f .dot.dot-3 {
    left: 58%
}

.content--video-scrub-8f63932f .dot.dot-4 {
    left: 73%
}

.content--video-scrub-8f63932f .dot.dot-5 {
    left: 87%
}

.content--video-scrub-8f63932f .scrub-bar {
    background-color: #ccc;
    border-radius: 10px;
    height: 6px;
    position: relative
}

.content--video-scrub-8f63932f .scrub-progress {
    background-color: #4894d0;
    border-radius: 10px;
    height: 6px;
    -webkit-transition: width .01s cubic-bezier(0.16, .61, .56, 1);
    transition: width .01s cubic-bezier(0.16, .61, .56, 1);
    width: 0
}

.content--video-scrub-8f63932f .scrub-actions {
    display: block;
    padding: 0;
    position: relative
}

.content--video-scrub-8f63932f .scrub-actions::after {
    clear: both;
    content: '';
    display: table
}

.content--video-scrub-8f63932f .scrub-actions li {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    bottom: 0;
    display: block;
    float: left;
    margin: 0 .5%;
    position: relative;
    width: 15%
}

.content--video-scrub-8f63932f .scrub-actions li:nth-child(1) {
    background-image: url(../images/scrub/scrub1.png)
}

.content--video-scrub-8f63932f .scrub-actions li:nth-child(2) {
    background-image: url(../images/scrub/scrub2.png)
}

.content--video-scrub-8f63932f .scrub-actions li:nth-child(3) {
    background-image: url(../images/scrub/scrub3.png)
}

.content--video-scrub-8f63932f .scrub-actions li:nth-child(4) {
    background-image: url(../images/scrub/scrub4.png)
}

.content--video-scrub-8f63932f .scrub-actions li:nth-child(5) {
    background-image: url(../images/scrub/scrub5.png)
}

.content--video-scrub-8f63932f .scrub-actions li:nth-child(1), .content--video-scrub-8f63932f .scrub-actions li:nth-child(5) {
    height: 90px;
    top: 110px
}

.content--video-scrub-8f63932f .scrub-actions li:nth-child(2), .content--video-scrub-8f63932f .scrub-actions li:nth-child(4) {
    height: 140px;
    top: 60px
}

.content--video-scrub-8f63932f .scrub-actions li:nth-child(3) {
    height: 200px;
    width: 34%
}

.form-fields--button-secondary-eeb0ec8c {
    display: inline-block;
    height: 60px;
    line-height: 60px;
    white-space: nowrap;
    color: #AAA;
    -webkit-transition: color .15s cubic-bezier(0.16, .61, .56, 1);
    transition: color .15s cubic-bezier(0.16, .61, .56, 1);
    text-align: center;
    padding: 0 42px 0 24px;
    position: relative;
    cursor: pointer;
    box-sizing: border-box
}

.form-fields--button-secondary-eeb0ec8c .border {
    position: absolute;
    width: 100%;
    height: 60px;
    border: 2px solid #AAA;
    -webkit-transition: border .15s cubic-bezier(0.16, .61, .56, 1);
    transition: border .15s cubic-bezier(0.16, .61, .56, 1);
    top: 0;
    left: 0;
    box-sizing: border-box
}

.form-fields--button-secondary-eeb0ec8c:hover {
    color: #fff
}

.form-fields--button-secondary-eeb0ec8c:hover .border {
    border: 2px solid #fff
}

.form-fields--button-secondary-eeb0ec8c:active {
    color: #fff
}

.form-fields--button-secondary-eeb0ec8c:active .border {
    border: 4px solid #fff
}

.form-fields--button-secondary-eeb0ec8c .iconfont {
    display: block;
    font-size: 29px;
    overflow: hidden;
    position: absolute;
    top: 16px;
    right: 17px;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center
}

.form-fields--button-secondary-eeb0ec8c .iconfont:before {
    display: inline-block;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-transition: -webkit-transform .15s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .15s cubic-bezier(0.16, .61, .56, 1)
}

.form-fields--button-secondary-eeb0ec8c .state1, .form-fields--button-secondary-eeb0ec8c .state2 {
    font-size: 1.286em;
    font-weight: 400;
    font-family: TrimMedium
}

@media screen and (min-width: 760px) {
    .form-fields--button-secondary-eeb0ec8c .state1, .form-fields--button-secondary-eeb0ec8c .state2 {
        font-size: 1.25em !important
    }
}

.form-fields--button-secondary-eeb0ec8c .state2, .form-fields--button-secondary-eeb0ec8c.click-state .state1 {
    display: none
}

.form-fields--button-secondary-eeb0ec8c.click-state .state2 {
    display: inline-block
}

.form-fields--button-secondary-eeb0ec8c.click-state .iconfont:before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.form-fields--check-box-e8e4c00f {
    min-height: 30px
}

.form-fields--check-box-e8e4c00f input {
    width: 20px;
    height: 20px;
    display: block;
    opacity: 0;
    position: absolute;
    z-index: 200;
    cursor: pointer
}

.form-fields--check-box-e8e4c00f:hover label:after {
    border-color: #fff
}

.form-fields--check-box-e8e4c00f .checkbox-layer-1, .form-fields--check-box-e8e4c00f .checkbox-layer-2 {
    width: 26px;
    height: 26px;
    position: absolute;
    left: 6px;
    top: -2px;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.form-fields--check-box-e8e4c00f .checkbox-layer-1 {
    z-index: 1;
    background-color: #fff;
    -webkit-transition: -webkit-transform .15s cubic-bezier(0.16, .61, .56, 1) .15s;
    transition: transform .15s cubic-bezier(0.16, .61, .56, 1) .15s
}

.form-fields--check-box-e8e4c00f .checkbox-layer-2 {
    z-index: 2;
    background-color: #040404;
    -webkit-transition: -webkit-transform .15s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .15s cubic-bezier(0.16, .61, .56, 1)
}

.form-fields--check-box-e8e4c00f label {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    display: inline-block;
    line-height: 1;
    padding-left: 44px;
    position: relative;
    cursor: pointer;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    color: #fff;
    -webkit-transition: color .08s cubic-bezier(0.16, .61, .56, 1);
    transition: color .08s cubic-bezier(0.16, .61, .56, 1)
}

@media screen and (min-width: 760px) {
    .form-fields--check-box-e8e4c00f label {
        font-size: 1em
    }
}

.form-fields--check-box-e8e4c00f label p {
    margin-top: 0;
    line-height: 1.35
}

.form-fields--check-box-e8e4c00f label:before {
    content: '';
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-bottom: 2px solid #fff;
    border-left: 2px solid transparent;
    border-radius: 1px;
    border-right: 2px solid #fff;
    border-top: 2px solid transparent;
    height: 12px;
    -webkit-transform: rotate(45deg) scale(0);
    -ms-transform: rotate(45deg) scale(0);
    transform: rotate(45deg) scale(0);
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    width: 4px;
    top: -1px;
    left: 5px;
    position: absolute;
    -webkit-transition: -webkit-transform .08s cubic-bezier(0.16, .61, .56, 1) .3s;
    transition: transform .08s cubic-bezier(0.16, .61, .56, 1) .3s
}

.form-fields--check-box-e8e4c00f label:after {
    content: '';
    display: block;
    border: 2px solid #AAA;
    width: 30px;
    height: 30px;
    box-sizing: border-box;
    position: absolute;
    top: -6px;
    left: 0
}

.form-fields--check-box-e8e4c00f.paragraph .checkbox-layer-1, .form-fields--check-box-e8e4c00f.paragraph .checkbox-layer-2 {
    top: 5px
}

.form-fields--check-box-e8e4c00f.paragraph label:before {
    top: 8px
}

.form-fields--check-box-e8e4c00f.paragraph label:after {
    top: 3px
}

.form-fields--check-box-e8e4c00f.selected .checkbox-layer-1, .form-fields--check-box-e8e4c00f.selected .checkbox-layer-2 {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.form-fields--check-box-e8e4c00f.selected label {
    color: #fff
}

.form-fields--check-box-e8e4c00f.selected label:before {
    -webkit-transform: rotate(45deg) scale(1);
    -ms-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1)
}

.form-fields--check-box-e8e4c00f.selected label:after {
    border: 2px solid #fff
}

.form-fields--dropdown-menu-69e2a5c9 {
    position: relative;
    margin-bottom: 20px
}

.form-fields--dropdown-menu-69e2a5c9 .custom-dropdown {
    position: relative
}

.form-fields--dropdown-menu-69e2a5c9 h4 {
    margin: 40px 0 0
}

.form-fields--dropdown-menu-69e2a5c9.selected .dropdown-menu2 select {
    background-color: rgba(0, 0, 0, .5);
    color: #fff
}

.form-fields--dropdown-menu-69e2a5c9 .dropdown-menu2 {
    position: relative
}

.form-fields--dropdown-menu-69e2a5c9 .dropdown-menu2 select {
    font-size: 1.286em;
    font-weight: 400;
    display: block;
    width: 100%;
    height: 60px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #AAA;
    border-radius: 0;
    background-color: transparent;
    text-indent: 10px;
    border: 2px solid #AAA;
    -webkit-transition: border .2s cubic-bezier(0.16, .61, .56, 1), color .2s cubic-bezier(0.16, .61, .56, 1);
    transition: border .2s cubic-bezier(0.16, .61, .56, 1), color .2s cubic-bezier(0.16, .61, .56, 1);
    position: relative
}

@media screen and (min-width: 760px) {
    .form-fields--dropdown-menu-69e2a5c9 .dropdown-menu2 select {
        font-size: 1.25em !important
    }
}

.form-fields--dropdown-menu-69e2a5c9 .dropdown-menu2 select:focus {
    border: 6px solid #fff;
    color: #fff;
    background-color: rgba(0, 0, 0, .5)
}

.form-fields--dropdown-menu-69e2a5c9 .dropdown-menu2:after {
    content: "\f104";
    line-height: 1;
    font-family: iconfont !important;
    font-style: normal;
    font-weight: 400 !important;
    vertical-align: top;
    position: absolute;
    right: 12px;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    font-size: 30px;
    top: 17px;
    -webkit-transition: color .2s cubic-bezier(0.16, .61, .56, 1);
    transition: color .2s cubic-bezier(0.16, .61, .56, 1);
    color: #AAA
}

.form-fields--dropdown-menu-69e2a5c9 .dropdown-menu2:active:after, .form-fields--dropdown-menu-69e2a5c9 .dropdown-menu2:hover:after {
    color: #fff
}

.form-fields--dropdown-menu-69e2a5c9 .dropdown-menu2:active select, .form-fields--dropdown-menu-69e2a5c9 .dropdown-menu2:hover select {
    border: 2px solid #fff;
    color: #fff
}

.form-fields--dropdown-menu-69e2a5c9 input {
    opacity: 0;
    height: 0;
    width: 0;
    position: absolute
}

.form-fields--dropdown-menu-69e2a5c9 i {
    margin-left: 10px;
    position: absolute;
    top: 40px;
    right: 20px;
    -webkit-transition: -webkit-transform .08s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .08s cubic-bezier(0.16, .61, .56, 1);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    display: inline-block;
    font-size: 28px;
    z-index: 10;
    color: #AAA
}

.form-fields--dropdown-menu-69e2a5c9 .dropdown-menu {
    cursor: pointer;
    color: #AAA;
    display: block;
    position: relative;
    border: 2px solid #AAA;
    -webkit-transition: height .08s cubic-bezier(0.16, .61, .56, 1) .15s, border .08s cubic-bezier(0.16, .61, .56, 1) .15s;
    transition: height .08s cubic-bezier(0.16, .61, .56, 1) .15s, border .08s cubic-bezier(0.16, .61, .56, 1) .15s;
    height: 60px;
    box-sizing: border-box
}

.form-fields--dropdown-menu-69e2a5c9 .dropdown-menu:hover {
    border-color: #fff
}

.form-fields--dropdown-menu-69e2a5c9.selected .label-text {
    color: #fff;
    opacity: 1
}

.form-fields--dropdown-menu-69e2a5c9.selected .label-title {
    color: #AAA
}

.form-fields--dropdown-menu-69e2a5c9.selected i {
    color: #fff
}

.form-fields--dropdown-menu-69e2a5c9.selected .dropdown-menu {
    background-color: rgba(0, 0, 0, .5)
}

.form-fields--dropdown-menu-69e2a5c9 .label-text {
    position: absolute;
    left: 20px;
    top: 42px;
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding-right: 70px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 1.286em;
    font-weight: 400;
    color: #AAA;
    opacity: 0;
    z-index: 10;
    cursor: pointer
}

@media screen and (min-width: 760px) {
    .form-fields--dropdown-menu-69e2a5c9 .label-text {
        font-size: 1.25em !important
    }
}

.form-fields--dropdown-menu-69e2a5c9 .label-title {
    display: block;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1em;
    color: #AAA;
    text-transform: uppercase;
    padding: 4px 8px
}

@media screen and (min-width: 760px) {
    .form-fields--dropdown-menu-69e2a5c9 .label-title {
        font-size: .875em
    }
}

.form-fields--dropdown-menu-69e2a5c9 .label {
    padding: 0;
    height: 60px;
    position: relative
}

.form-fields--dropdown-menu-69e2a5c9 ul {
    background-color: #040404;
    border: 2px solid #AAA;
    border-top: 0;
    box-sizing: border-box;
    max-height: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    -webkit-transition: max-height .15s cubic-bezier(0.16, .61, .56, 1), opacity .1s cubic-bezier(0.16, .61, .56, 1) .1s;
    transition: max-height .15s cubic-bezier(0.16, .61, .56, 1), opacity .1s cubic-bezier(0.16, .61, .56, 1) .1s;
    width: calc(100% + 12px);
    z-index: 100;
    opacity: 0;
    left: -6px;
    margin-top: 52px
}

.form-fields--dropdown-menu-69e2a5c9 li {
    padding: 0;
    -webkit-transition: background-color .08s cubic-bezier(0.16, .61, .56, 1), color .08s cubic-bezier(0.16, .61, .56, 1);
    transition: background-color .08s cubic-bezier(0.16, .61, .56, 1), color .08s cubic-bezier(0.16, .61, .56, 1);
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400
}

@media screen and (min-width: 760px) {
    .form-fields--dropdown-menu-69e2a5c9 li {
        font-size: 1em
    }
}

.form-fields--dropdown-menu-69e2a5c9 li>div {
    border-top: solid 1px #343434;
    margin: 0 8px;
    padding: 12px 4px;
    -webkit-transition: border .08s cubic-bezier(0.16, .61, .56, 1);
    transition: border .08s cubic-bezier(0.16, .61, .56, 1)
}

.form-fields--dropdown-menu-69e2a5c9 li:first-child>div {
    border: 0
}

.form-fields--dropdown-menu-69e2a5c9 li .selected-item, .form-fields--dropdown-menu-69e2a5c9 li:hover {
    background-color: #fff;
    color: #000
}

.form-fields--dropdown-menu-69e2a5c9 li .selected-item>div, .form-fields--dropdown-menu-69e2a5c9 li:hover>div {
    border-color: #fff
}

.form-fields--dropdown-menu-69e2a5c9.active .label-title {
    color: #fff
}

.form-fields--dropdown-menu-69e2a5c9.active .dropdown-menu {
    border: 6px solid #fff;
    color: #fff;
    -webkit-transition: border .08s cubic-bezier(0.16, .61, .56, 1);
    transition: border .08s cubic-bezier(0.16, .61, .56, 1);
    background-color: rgba(0, 0, 0, .3)
}

.form-fields--dropdown-menu-69e2a5c9.active ul {
    max-height: 200px;
    border: 2px solid #fff;
    opacity: 1;
    -webkit-transition: max-height .3s cubic-bezier(0.16, .61, .56, 1) .2s, opacity .1s cubic-bezier(0.16, .61, .56, 1) .2s;
    transition: max-height .3s cubic-bezier(0.16, .61, .56, 1) .2s, opacity .1s cubic-bezier(0.16, .61, .56, 1) .2s
}

.form-fields--dropdown-menu-69e2a5c9.active i {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    top: 38px;
    right: 30px
}

.form-fields--form-button-ae71fbed {
    display: inline-block;
    position: relative;
    top: 0;
    left: 0;
    padding: 0;
    border: 0;
    overflow: hidden
}

.form-fields--form-button-ae71fbed.reverse.primary .wrapper {
    color: #fff !important;
    border: 4px solid #040404 !important
}

.form-fields--form-button-ae71fbed.reverse.primary .wrapper:before {
    border-left: 10px solid #fff
}

.form-fields--form-button-ae71fbed.reverse.primary .wrapper:after {
    border-right: 10px solid #fff
}

.form-fields--form-button-ae71fbed.reverse.primary .btn-text {
    background-color: #040404 !important
}

.form-fields--form-button-ae71fbed .wrapper {
    letter-spacing: .1em;
    box-sizing: border-box;
    -webkit-transition: background-color .08s cubic-bezier(0.16, .61, .56, 1), color .08s cubic-bezier(0.16, .61, .56, 1), height .08s cubic-bezier(0.16, .61, .56, 1), top .08s cubic-bezier(0.16, .61, .56, 1);
    transition: background-color .08s cubic-bezier(0.16, .61, .56, 1), color .08s cubic-bezier(0.16, .61, .56, 1), height .08s cubic-bezier(0.16, .61, .56, 1), top .08s cubic-bezier(0.16, .61, .56, 1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    cursor: pointer;
    display: inline-block
}

.form-fields--form-button-ae71fbed.push-type:hover {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.form-fields--form-button-ae71fbed .loader {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    line-height: 56px;
    display: block;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    z-index: 2;
    color: #fff;
    -webkit-transition: -webkit-transform .15s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .15s cubic-bezier(0.16, .61, .56, 1)
}

.form-fields--form-button-ae71fbed .loader .rotate {
    margin-top: 11px
}

.form-fields--form-button-ae71fbed .btn-text {
    padding: 0 40px;
    line-height: 56px;
    display: block;
    position: relative;
    z-index: 1;
    -webkit-transition: -webkit-transform .15s cubic-bezier(0.16, .61, .56, 1) .15s;
    transition: transform .15s cubic-bezier(0.16, .61, .56, 1) .15s;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    background-color: #fff;
    text-transform: uppercase
}

.form-fields--form-button-ae71fbed.primary {
    font-size: 1.286em;
    font-weight: 400;
    font-family: TrimBold;
    width: 100%
}

@media screen and (min-width: 760px) {
    .form-fields--form-button-ae71fbed.primary {
        font-size: 1.25em !important
    }
}

@media screen and (min-width: 760px) {
    .form-fields--form-button-ae71fbed.primary {
        width: auto
    }
}

.form-fields--form-button-ae71fbed.primary .wrapper {
    padding: 0;
    display: inline-block;
    height: 60px;
    width: 100%;
    border: 4px solid #fff !important;
    color: #000 !important
}

.form-fields--form-button-ae71fbed.primary .wrapper:after, .form-fields--form-button-ae71fbed.primary .wrapper:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    top: 50%;
    z-index: 10;
    margin-top: -8px;
    opacity: 0;
    -webkit-transition: -webkit-transform .1s cubic-bezier(0.16, .61, .56, 1), opacity .1s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .1s cubic-bezier(0.16, .61, .56, 1), opacity .1s cubic-bezier(0.16, .61, .56, 1)
}

.form-fields--form-button-ae71fbed.primary .wrapper:before {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #040404;
    left: -4px;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
}

.form-fields--form-button-ae71fbed.primary .wrapper:after {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #040404;
    right: -4px;
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
}

.form-fields--form-button-ae71fbed.disabled {
    opacity: .4
}

.form-fields--form-button-ae71fbed.enabled:hover.primary .wrapper:after, .form-fields--form-button-ae71fbed.enabled:hover.primary .wrapper:before {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.form-fields--form-button-ae71fbed.loading.primary .wrapper:after {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
}

.form-fields--form-button-ae71fbed.loading.primary .wrapper:before {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
}

.form-fields--form-button-ae71fbed.loading.primary .wrapper:hover:after {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
}

.form-fields--form-button-ae71fbed.loading.primary .wrapper:hover:before {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
}

.form-fields--form-button-ae71fbed.loading .btn-text {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .2s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .2s cubic-bezier(0.16, .61, .56, 1)
}

.form-fields--form-button-ae71fbed.loading .loader {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .2s cubic-bezier(0.16, .61, .56, 1) .2s;
    transition: transform .2s cubic-bezier(0.16, .61, .56, 1) .2s
}

.form-fields--form-button-ae71fbed.left-btn {
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left
}

.form-fields--form-button-ae71fbed.right-btn {
    -webkit-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right
}

.form-fields--form-button-ae71fbed.center-btn {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center
}

.form-fields--inline-editing-3fbd58a9 {
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
    -webkit-transition: outline .08s cubic-bezier(0.16, .61, .56, 1);
    transition: outline .08s cubic-bezier(0.16, .61, .56, 1);
    padding: 8px 0;
    min-height: 54px
}

.form-fields--inline-editing-3fbd58a9::after {
    clear: both;
    content: '';
    display: table
}

.form-fields--inline-editing-3fbd58a9 .edit {
    display: block;
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    background-color: #040404;
    -webkit-transition: max-height .2s cubic-bezier(0.16, .61, .56, 1);
    transition: max-height .2s cubic-bezier(0.16, .61, .56, 1);
    overflow: hidden;
    max-height: 0
}

.form-fields--inline-editing-3fbd58a9 .non-edit {
    display: block;
    position: absolute;
    width: 100%;
    z-index: 1
}

.form-fields--inline-editing-3fbd58a9.non-edit {
    cursor: pointer;
    outline: transparent solid 2px
}

.form-fields--inline-editing-3fbd58a9.non-edit:hover .edit-button {
    border-bottom: solid 2px #fff
}

.form-fields--inline-editing-3fbd58a9 .edit-button {
    float: right;
    text-decoration: none;
    cursor: pointer;
    text-align: right;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    font-weight: 600;
    position: relative;
    top: 8px;
    right: 8px
}

@media screen and (min-width: 760px) {
    .form-fields--inline-editing-3fbd58a9 .edit-button {
        font-size: 1em
    }
}

.form-fields--inline-editing-3fbd58a9 .label {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1em;
    text-transform: uppercase;
    color: #fff;
    z-index: 1;
    top: 3px;
    position: relative
}

@media screen and (min-width: 760px) {
    .form-fields--inline-editing-3fbd58a9 .label {
        font-size: .875em
    }
}

.form-fields--inline-editing-3fbd58a9 .text {
    padding: 12px 0;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    font-weight: 600;
    position: relative
}

@media screen and (min-width: 760px) {
    .form-fields--inline-editing-3fbd58a9 .text {
        font-size: 1em
    }
}

.form-fields--inline-editing-3fbd58a9 .cancel {
    position: relative;
    margin-right: 20px
}

.form-fields--inline-editing-3fbd58a9 .btn {
    display: inline-block;
    height: 60px;
    width: 63px;
    text-align: center;
    line-height: 57px;
    background-color: #fff;
    color: #000;
    cursor: pointer
}

.form-fields--inline-editing-3fbd58a9 .btn span {
    font-size: 20px;
    margin-top: 20px;
    display: inline-block
}

.form-fields--inline-editing-3fbd58a9 .btn-box {
    float: right;
    position: relative;
    top: 0;
    z-index: 100;
    right: 0
}

.form-fields--inline-editing-3fbd58a9 .small-btn {
    float: right
}

.form-fields--inline-editing-3fbd58a9 .input {
    float: left;
    width: 100%
}

.form-fields--inline-editing-3fbd58a9 .input-half {
    width: 49%;
    float: left;
    margin-left: 1%
}

.form-fields--inline-editing-3fbd58a9 .input-half:first-child {
    margin-right: 1%;
    margin-left: 0
}

.form-fields--inline-editing-3fbd58a9.edit-mode .edit {
    display: block;
    max-height: 400px;
    -webkit-transition: max-height .3s cubic-bezier(0.16, .61, .56, 1);
    transition: max-height .3s cubic-bezier(0.16, .61, .56, 1)
}

.form-fields--inline-editing-3fbd58a9.edit-mode .label {
    display: none !important
}

.form-fields--inline-editing-3fbd58a9.edit-mode input {
    top: 0
}

.form-fields--inline-editing-3fbd58a9.edit-mode .non-edit {
    display: none
}

.form-fields--loading-spinner-67a2293e .rotate {
    display: inline-block;
    text-align: center;
    -webkit-animation: rotate 1.1s linear infinite;
    animation: rotate 1.1s linear infinite;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 30px;
    background-image: url(../images/spinner-small.png);
    background-repeat: no-repeat;
    background-size: contain
}

.form-fields--loading-spinner-67a2293e.big .rotate {
    width: 72px;
    height: 72px;
    line-height: 72px;
    font-size: 72px;
    background-image: url(../images/spinner-large.png)
}

@-webkit-keyframes "rotate" {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes "rotate" {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.form-fields--radio-button-0438d941 {
    display: inline-block;
    line-height: 26px;
    margin-right: 26px;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    margin-bottom: 12px
}

.form-fields--radio-button-0438d941:last-child {
    margin-right: 0
}

.form-fields--radio-button-0438d941 .radio-selector-wrapper {
    position: absolute;
    width: 26px;
    height: 26px;
    border-radius: 100px;
    overflow: hidden;
    top: -6px;
    background-color: #AAA;
    -webkit-transition: background-color .08s cubic-bezier(0.16, .61, .56, 1);
    transition: background-color .08s cubic-bezier(0.16, .61, .56, 1)
}

.form-fields--radio-button-0438d941 .radio-selector {
    width: 22px;
    height: 22px;
    position: absolute;
    border-radius: 100px;
    left: 2px;
    top: 2px;
    background-color: transparent;
}

.form-fields--radio-button-0438d941:hover .radio-selector-wrapper {
    background-color: #fff
}

.form-fields--radio-button-0438d941 input {
    position: absolute;
    left: -9999px;
    opacity: .01
}

.form-fields--radio-button-0438d941 label {
    padding-left: 40px;
    position: relative;
    cursor: pointer;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    color: #fff;
    -webkit-transition: color .08s cubic-bezier(0.16, .61, .56, 1);
    transition: color .08s cubic-bezier(0.16, .61, .56, 1)
}

@media screen and (min-width: 760px) {
    .form-fields--radio-button-0438d941 label {
        font-size: 1em
    }
}

.form-fields--radio-button-0438d941.selected label {
    color: #fff
}

.form-fields--radio-button-0438d941.selected .radio-selector {
    -webkit-animation: dotAnim .25s cubic-bezier(0.16, .61, .56, 1) forwards;
    animation: dotAnim .25s cubic-bezier(0.16, .61, .56, 1) forwards;
    border: 4px solid #000;
    background-color: #fff;
    width: 14px;
    height: 14px
}

.form-fields--radio-button-0438d941.selected .radio-selector-wrapper {
    background-color: #fff
}

@-webkit-keyframes "dotAnim" {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    60%, 70% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes "dotAnim" {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    60%, 70% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.form-fields--switch-button-fc9e49ea {
    cursor: pointer
}

.form-fields--switch-button-fc9e49ea input {
    position: absolute;
    left: -9999px;
    opacity: .01
}

.form-fields--switch-button-fc9e49ea input:focus+.switch {
    background-color: #AAA
}

.form-fields--switch-button-fc9e49ea .label-left, .form-fields--switch-button-fc9e49ea .label-right {
    line-height: 20px;
    cursor: pointer
}

.form-fields--switch-button-fc9e49ea .switch {
    background-color: #ccc;
    border-radius: 20px;
    display: inline-block;
    height: 20px;
    position: relative;
    width: 60px;
    cursor: pointer
}

.form-fields--switch-button-fc9e49ea .switch:after {
    background-color: #fff;
    border-radius: 100px;
    content: '';
    height: 28px;
    left: 0;
    position: absolute;
    top: -4px;
    -webkit-transition: left .08s cubic-bezier(0.16, .61, .56, 1);
    transition: left .08s cubic-bezier(0.16, .61, .56, 1);
    width: 28px
}

.form-fields--switch-button-fc9e49ea.selected .switch:after {
    left: 32px
}

.form-fields--text-area-d42fcfc5 textarea {
    border: 0;
    outline: 0;
    resize: none;
    display: block;
    font-size: 1.286em;
    font-weight: 400;
    box-sizing: border-box;
    width: 100%;
    position: relative;
    z-index: 2;
    padding: 0 16px !important;
    overflow: auto;
    background-color: transparent
}

@media screen and (min-width: 760px) {
    .form-fields--text-area-d42fcfc5 textarea {
        font-size: 1.25em !important
    }
}

.form-fields--text-area-d42fcfc5 .textarea-outline {
    -webkit-transition: border .08s cubic-bezier(0.16, .61, .56, 1), background-color .08s cubic-bezier(0.16, .61, .56, 1);
    transition: border .08s cubic-bezier(0.16, .61, .56, 1), background-color .08s cubic-bezier(0.16, .61, .56, 1);
    border: 2px solid #AAA;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    width: 100%;
    bottom: 0;
    z-index: 1;
    background-color: transparent
}

.form-fields--text-area-d42fcfc5 .label {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1em;
    display: block;
    color: #AAA;
    -webkit-transition: color .08s cubic-bezier(0.16, .61, .56, 1);
    transition: color .08s cubic-bezier(0.16, .61, .56, 1);
    position: relative;
    z-index: 1
}

@media screen and (min-width: 760px) {
    .form-fields--text-area-d42fcfc5 .label {
        font-size: .875em
    }
}

.form-fields--text-area-d42fcfc5 .error-message {
    display: inline-block;
    color: #fff;
    padding: 4px 8px;
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
    position: absolute;
    -webkit-transition: opacity .08s cubic-bezier(0.16, .61, .56, 1), -webkit-transform .08s cubic-bezier(0.16, .61, .56, 1) .08s;
    transition: opacity .08s cubic-bezier(0.16, .61, .56, 1), transform .08s cubic-bezier(0.16, .61, .56, 1) .08s
}

.form-fields--text-area-d42fcfc5 .label-text {
    display: inline-block;
    padding: 4px 8px;
    -webkit-transition: color .08s cubic-bezier(0.16, .61, .56, 1), background-color .08s cubic-bezier(0.16, .61, .56, 1);
    transition: color .08s cubic-bezier(0.16, .61, .56, 1), background-color .08s cubic-bezier(0.16, .61, .56, 1);
    text-transform: uppercase
}

.form-fields--text-area-d42fcfc5 .textarea-container {
    position: relative;
    padding: 16px 0
}

.form-fields--text-area-d42fcfc5:hover .textarea-outline {
    border: 2px solid #fff
}

.form-fields--text-area-d42fcfc5.is-focus .textarea-outline {
    border: 6px solid #fff;
    background-color: rgba(0, 0, 0, .5)
}

.form-fields--text-area-d42fcfc5.is-focus .label-text {
    color: #fff
}

.form-fields--text-area-d42fcfc5.is-error .label-text {
    color: #fff;
    background-color: #ff3a2e
}

.form-fields--text-area-d42fcfc5.is-error .error-message {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.form-fields--text-area-d42fcfc5.is-error .textarea-outline {
    border-color: #ff3a2e
}

.form-fields--text-area-d42fcfc5.is-passive-content .textarea-outline {
    background-color: rgba(0, 0, 0, .5)
}

.form-fields--text-input-71621ee4 {
    position: relative;
    margin-bottom: 20px
}

.form-fields--text-input-71621ee4 .label {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1em;
    display: block;
    color: #AAA;
    -webkit-transition: color .08s cubic-bezier(0.16, .61, .56, 1);
    transition: color .08s cubic-bezier(0.16, .61, .56, 1);
    position: relative;
    z-index: 1
}

@media screen and (min-width: 760px) {
    .form-fields--text-input-71621ee4 .label {
        font-size: .875em
    }
}

.form-fields--text-input-71621ee4 .error-message {
    display: block;
    color: #fff;
    opacity: 0;
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
    position: relative;
    -webkit-transition: opacity .08s cubic-bezier(0.16, .61, .56, 1), -webkit-transform .08s cubic-bezier(0.16, .61, .56, 1) .08s;
    transition: opacity .08s cubic-bezier(0.16, .61, .56, 1), transform .08s cubic-bezier(0.16, .61, .56, 1) .08s;
    height: 0;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.35;
    overflow: hidden
}

@media screen and (min-width: 760px) {
    .form-fields--text-input-71621ee4 .error-message {
        font-size: .875em
    }
}

.form-fields--text-input-71621ee4 .error-message p {
    padding: 8px 16px;
    margin: 0
}

.form-fields--text-input-71621ee4 .label-text {
    display: inline-block;
    padding: 4px 8px;
    -webkit-transition: color .08s cubic-bezier(0.16, .61, .56, 1), background-color .08s cubic-bezier(0.16, .61, .56, 1);
    transition: color .08s cubic-bezier(0.16, .61, .56, 1), background-color .08s cubic-bezier(0.16, .61, .56, 1);
    text-transform: uppercase
}

.form-fields--text-input-71621ee4 .input-wrapper {
    height: 60px;
    border: 2px solid #AAA;
    box-sizing: border-box;
    -webkit-transition: border .08s cubic-bezier(0.16, .61, .56, 1), background-color .08s cubic-bezier(0.16, .61, .56, 1);
    transition: border .08s cubic-bezier(0.16, .61, .56, 1), background-color .08s cubic-bezier(0.16, .61, .56, 1);
    position: relative;
    z-index: 10;
    background-color: transparent
}

.form-fields--text-input-71621ee4 input {
    font-size: 1.286em;
    font-weight: 400;
    z-index: 10;
    padding: 0 10px;
    height: 60px;
    line-height: 56px;
    text-indent: 8px;
    display: block;
    border: 0;
    position: absolute;
    width: 100%;
    top: 26px;
    background-color: transparent;
    box-sizing: border-box
}

@media screen and (min-width: 760px) {
    .form-fields--text-input-71621ee4 input {
        font-size: 1.25em;
    }
}

.form-fields--text-input-71621ee4:hover .input-wrapper {
    border-color: #fff
}

.form-fields--text-input-71621ee4.is-focus .label {
    color: #fff
}

.form-fields--text-input-71621ee4.is-focus .input-wrapper {
    border: 6px solid #fff;
    background-color: transparent;
}

.form-fields--text-input-71621ee4.is-error .label-text {
    color: #fff;
    background-color: #ff3a2e
}

.form-fields--text-input-71621ee4.is-error .error-message {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    height: auto
}

.form-fields--text-input-71621ee4.is-error .input-wrapper {
    border-color: #ff3a2e
}

.form-fields--text-input-71621ee4.is-passive-content .input-wrapper {
    background-color: transparent
}

.global--category-page-b358b053 {
    background-image: url(../images/Category-01.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    background-color: #040404;
    bottom: 0;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%
}

.global--intro-animation-762e97fa {
    background-color: #040404;
    bottom: 0;
    position: fixed;
    top: 0;
    width: 100%
}

.global--intro-animation-762e97fa .logo {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
    -webkit-animation: introAnim 2s cubic-bezier(0.16, .61, .56, 1) forwards;
    animation: introAnim 2s cubic-bezier(0.16, .61, .56, 1) forwards;
    background: url(../images/logo.svg) 0 0/200px 200px;
    display: block;
    height: 200px;
    left: 50%;
    margin-left: -100px;
    margin-top: -100px;
    opacity: 0;
    position: absolute;
    text-indent: -9999px;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    top: 50%;
    width: 200px;
    z-index: 100
}

@-webkit-keyframes "introAnim" {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    20%, 80% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
    }
}

@keyframes "introAnim" {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    20%, 80% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
    }
}

.global--keypress-component-864c423c .static-background {
    background-image: url(../images/background-img.jpg);
    background-position: center center;
    background-size: cover;
    bottom: 0;
    opacity: 0;
    position: fixed;
    width: 100%;
    top: 0;
    -webkit-transition: opacity .08s cubic-bezier(0.16, .61, .56, 1);
    transition: opacity .08s cubic-bezier(0.16, .61, .56, 1);
    z-index: 10
}

.global--keypress-component-864c423c .loading {
    background-color: rgba(0, 0, 0, .8);
    bottom: 0;
    opacity: 1;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999999;
    -webkit-transition: opacity .08s cubic-bezier(0.16, .61, .56, 1);
    transition: opacity .08s cubic-bezier(0.16, .61, .56, 1)
}

.global--keypress-component-864c423c .loading i {
    position: absolute;
    font-size: 30px;
    left: 50%;
    top: 50%;
    margin-left: -15px;
    margin-top: -15px
}

.global--keypress-component-864c423c .rail-video {
    -webkit-transition: none;
    transition: none
}

.global--keypress-component-864c423c.show-overview .video-player {
    opacity: .2
}

.global--keypress-component-864c423c.show-overview .rail-video {
    opacity: 1 !important;
    position: relative;
    -webkit-transition: all .5s easing-in1;
    transition: all .5s easing-in1;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important
}

.global--keypress-component-864c423c.show-overview .rail-video .img {
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important
}

.global--keypress-component-864c423c.hide-spinner .loading {
    opacity: 0
}

.global--keypress-component-864c423c.hide-video .static-background {
    opacity: 1
}

.global--keypress-component-864c423c .video-control-component {
    -webkit-transition: opacity .08s cubic-bezier(0.16, .61, .56, 1), -webkit-transform .08s cubic-bezier(0.16, .61, .56, 1);
    transition: opacity .08s cubic-bezier(0.16, .61, .56, 1), transform .08s cubic-bezier(0.16, .61, .56, 1);
    opacity: 1
}

.global--keypress-component-864c423c.hide-control-mode .video-control-component {
    opacity: 0
}

.global--keypress-component-864c423c .video-scrub {
    bottom: -220px;
    -webkit-transition: bottom .08s cubic-bezier(0.16, .61, .56, 1), opacity .5s cubic-bezier(0.16, .61, .56, 1);
    transition: bottom .08s cubic-bezier(0.16, .61, .56, 1), opacity .5s cubic-bezier(0.16, .61, .56, 1);
    opacity: 1
}

.global--keypress-component-864c423c.hide-scrub-mode .video-scrub {
    opacity: 0
}

.global--keypress-component-864c423c.show-more-info .more-info-panel {
    right: 0
}

.global--keypress-component-864c423c.show-more-info #ls-video {
    width: 65%
}

.global--keypress-component-864c423c.expand-scrub-mode .video-scrub {
    bottom: 0
}

.global--keypress-component-864c423c.expand-scrub-mode .video-control-component {
    -webkit-transform: translate3d(0, -220px, 0);
    transform: translate3d(0, -220px, 0)
}

.global--keypress-component-864c423c.expand-scrub-mode .video-controls {
    opacity: .4
}

.global--keypress-component-864c423c.expand-scrub-mode .video-controls>li.active {
    width: 50px
}

.global--keypress-component-864c423c.expand-scrub-mode .video-controls>li.active>div {
    border: 1px solid #040404;
    width: 50px;
    height: 50px;
    top: 10px;
    line-height: 50px
}

.global--keypress-component-864c423c.expand-scrub-mode .video-controls>li.active>div img {
    width: 50px;
    top: 0
}

.global--keypress-component-864c423c .play {
    display: none
}

.global--keypress-component-864c423c .pause, .global--keypress-component-864c423c.paused .play {
    display: inline-block
}

.global--keypress-component-864c423c.paused .pause {
    display: none
}

.global--keypress-component-864c423c .item-video {
    height: 170px;
    width: 250px
}

.global--keypress-component-864c423c .img, .global--keypress-component-864c423c .search-block {
    height: 145px;
    -webkit-transition: -webkit-transform .5s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .5s cubic-bezier(0.16, .61, .56, 1)
}

.global--keypress-component-864c423c .item-video:nth-child(3) {
    width: 300px
}

.global--keypress-component-864c423c .item-video.is-setting:nth-child(1), .global--keypress-component-864c423c .item-video.is-setting:nth-child(2), .global--keypress-component-864c423c .rail-title, .global--keypress-component-864c423c .tile-title {
    opacity: 0
}

.global--keypress-component-864c423c .rail-video {
    -webkit-transform: translate3d(0, 380px, 0);
    transform: translate3d(0, 380px, 0)
}

.global--keypress-component-864c423c .rail-video .slider {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.global--keypress-component-864c423c .rail-video:first-child, .global--keypress-component-864c423c .rail-video:nth-child(2) {
    opacity: .6
}

.global--keypress-component-864c423c .rail-video:nth-child(2) .item-video:nth-child(3) .img, .global--keypress-component-864c423c .rail-video:nth-child(2) .item-video:nth-child(3) .search-block {
    height: 170px
}

.global--keypress-component-864c423c .rail-video:nth-child(3) {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.global--keypress-component-864c423c .rail-video:nth-child(3) .item-video:nth-child(3) .tile-title, .global--keypress-component-864c423c .rail-video:nth-child(3) .rail-title {
    opacity: 1
}

.global--keypress-component-864c423c .rail-video:nth-child(3) .item-video:nth-child(3) .img, .global--keypress-component-864c423c .rail-video:nth-child(3) .item-video:nth-child(3) .search-block {
    height: 170px
}

.global--keypress-component-864c423c .rail-video:nth-child(4) {
    -webkit-transform: translate3d(0, 160px, 0);
    transform: translate3d(0, 160px, 0);
    opacity: .6
}

.global--keypress-component-864c423c .rail-video:nth-child(5) {
    -webkit-transform: translate3d(0, 380px, 0);
    transform: translate3d(0, 380px, 0);
    opacity: .6
}

.global--keypress-component-864c423c.hide-browse-mode .category-container .rail-video {
    -webkit-transition: -webkit-transform .5s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .5s cubic-bezier(0.16, .61, .56, 1)
}

.global--keypress-component-864c423c.hide-browse-mode .category-container .rail-video:nth-child(2) {
    -webkit-transform: translate3d(0, -900px, 0);
    transform: translate3d(0, -900px, 0)
}

.global--keypress-component-864c423c.hide-browse-mode .category-container .rail-video:nth-child(4) {
    -webkit-transform: translate3d(0, 380px, 0);
    transform: translate3d(0, 380px, 0)
}

.global--keypress-component-864c423c.hide-browse-mode .category-container .rail-video:nth-child(3) .img, .global--keypress-component-864c423c.hide-browse-mode .category-container .rail-video:nth-child(3) .search-block {
    -webkit-transform: translate3d(0, 300px, 0);
    transform: translate3d(0, 300px, 0)
}

.global--keypress-component-864c423c.hide-browse-mode .category-container .rail-video:nth-child(3) .rail-title, .global--keypress-component-864c423c.hide-browse-mode .category-container .rail-video:nth-child(3) .tile-title {
    opacity: 0;
    -webkit-transition: opacity .5s cubic-bezier(0.16, .61, .56, 1) .5s;
    transition: opacity .5s cubic-bezier(0.16, .61, .56, 1) .5s
}

.global--keypress-component-864c423c.animate-down .rail-video:first-child {
    -webkit-transition: -webkit-transform .5s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .5s cubic-bezier(0.16, .61, .56, 1)
}

.global--keypress-component-864c423c.animate-down .rail-video:nth-child(2) {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .5s cubic-bezier(0.16, .61, .56, 1), opacity .08s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .5s cubic-bezier(0.16, .61, .56, 1), opacity .08s cubic-bezier(0.16, .61, .56, 1);
    opacity: 1
}

.global--keypress-component-864c423c.animate-down .rail-video:nth-child(2) .item-video:nth-child(3) .tile-title, .global--keypress-component-864c423c.animate-down .rail-video:nth-child(2) .rail-title {
    opacity: 1;
    -webkit-transition: opacity .08s cubic-bezier(0.16, .61, .56, 1);
    transition: opacity .08s cubic-bezier(0.16, .61, .56, 1)
}

.global--keypress-component-864c423c.animate-down .rail-video:nth-child(2) .item-video:nth-child(3) .img, .global--keypress-component-864c423c.animate-down .rail-video:nth-child(2) .item-video:nth-child(3) .search-block {
    -webkit-transition: height .08s cubic-bezier(0.16, .61, .56, 1), -webkit-transform .08s cubic-bezier(0.16, .61, .56, 1);
    transition: height .08s cubic-bezier(0.16, .61, .56, 1), transform .08s cubic-bezier(0.16, .61, .56, 1)
}

.global--keypress-component-864c423c.animate-down .rail-video:nth-child(3) {
    -webkit-transform: translate3d(0, 160px, 0);
    transform: translate3d(0, 160px, 0);
    -webkit-transition: -webkit-transform .5s cubic-bezier(0.16, .61, .56, 1), opacity .08s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .5s cubic-bezier(0.16, .61, .56, 1), opacity .08s cubic-bezier(0.16, .61, .56, 1);
    opacity: .6
}

.global--keypress-component-864c423c.animate-down .rail-video:nth-child(3) .item-video:nth-child(3) .tile-title, .global--keypress-component-864c423c.animate-down .rail-video:nth-child(3) .rail-title {
    opacity: 0;
    -webkit-transition: opacity .08s cubic-bezier(0.16, .61, .56, 1);
    transition: opacity .08s cubic-bezier(0.16, .61, .56, 1)
}

.global--keypress-component-864c423c.animate-down .rail-video:nth-child(3) .item-video:nth-child(3) .img, .global--keypress-component-864c423c.animate-down .rail-video:nth-child(3) .item-video:nth-child(3) .search-block {
    height: 145px;
    -webkit-transition: height .08s cubic-bezier(0.16, .61, .56, 1), -webkit-transform .5s cubic-bezier(0.16, .61, .56, 1);
    transition: height .08s cubic-bezier(0.16, .61, .56, 1), transform .5s cubic-bezier(0.16, .61, .56, 1)
}

.global--keypress-component-864c423c.animate-down .rail-video:nth-child(4) {
    -webkit-transform: translate3d(0, 380px, 0);
    transform: translate3d(0, 380px, 0)
}

.global--keypress-component-864c423c.animate-up .rail-video:nth-child(2) {
    -webkit-transition: -webkit-transform .5s cubic-bezier(0.16, .61, .56, 1), opacity .5s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .5s cubic-bezier(0.16, .61, .56, 1), opacity .5s cubic-bezier(0.16, .61, .56, 1)
}

.global--keypress-component-864c423c.animate-up .rail-video:nth-child(3) {
    -webkit-transform: translate3d(0, -980px, 0);
    transform: translate3d(0, -980px, 0);
    -webkit-transition: -webkit-transform .5s cubic-bezier(0.16, .61, .56, 1), opacity .08s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .5s cubic-bezier(0.16, .61, .56, 1), opacity .08s cubic-bezier(0.16, .61, .56, 1);
    opacity: .6
}

.global--keypress-component-864c423c.animate-up .rail-video:nth-child(3) .item-video:nth-child(3) .tile-title, .global--keypress-component-864c423c.animate-up .rail-video:nth-child(3) .rail-title {
    opacity: 0;
    -webkit-transition: opacity .08s cubic-bezier(0.16, .61, .56, 1);
    transition: opacity .08s cubic-bezier(0.16, .61, .56, 1)
}

.global--keypress-component-864c423c.animate-up .rail-video:nth-child(4) {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .5s cubic-bezier(0.16, .61, .56, 1), opacity .08s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .5s cubic-bezier(0.16, .61, .56, 1), opacity .08s cubic-bezier(0.16, .61, .56, 1)
}

.global--keypress-component-864c423c.animate-up .rail-video:nth-child(4) .rail-title {
    opacity: 1
}

.global--keypress-component-864c423c.animate-up .rail-video:nth-child(4) .item-video:nth-child(3) .tile-title {
    opacity: 1;
    -webkit-transition: opacity .08s cubic-bezier(0.16, .61, .56, 1);
    transition: opacity .08s cubic-bezier(0.16, .61, .56, 1)
}

.global--keypress-component-864c423c.animate-up .rail-video:nth-child(4) .item-video:nth-child(3) .img, .global--keypress-component-864c423c.animate-up .rail-video:nth-child(4) .item-video:nth-child(3) .search-block {
    height: 170px;
    -webkit-transition: height .08s cubic-bezier(0.16, .61, .56, 1), -webkit-transform .5s cubic-bezier(0.16, .61, .56, 1);
    transition: height .08s cubic-bezier(0.16, .61, .56, 1), transform .5s cubic-bezier(0.16, .61, .56, 1)
}

.global--keypress-component-864c423c.animate-up .rail-video:nth-child(5) {
    -webkit-transform: translate3d(0, 160px, 0);
    transform: translate3d(0, 160px, 0);
    -webkit-transition: -webkit-transform .5s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .5s cubic-bezier(0.16, .61, .56, 1)
}

.global--keypress-component-864c423c.animate-right .rail-video:nth-child(3) .slider {
    -webkit-transform: translate3d(255px, 0, 0);
    transform: translate3d(255px, 0, 0);
    -webkit-transition: -webkit-transform .08s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .08s cubic-bezier(0.16, .61, .56, 1)
}

.global--keypress-component-864c423c.animate-right .rail-video:nth-child(3) .item-video:nth-child(3) {
    -webkit-transition: width .08s cubic-bezier(0.16, .61, .56, 1);
    transition: width .08s cubic-bezier(0.16, .61, .56, 1);
    width: 250px
}

.global--keypress-component-864c423c.animate-right .rail-video:nth-child(3) .item-video:nth-child(3) .img, .global--keypress-component-864c423c.animate-right .rail-video:nth-child(3) .item-video:nth-child(3) .search-block {
    height: 145px;
    -webkit-transition: height .08s cubic-bezier(0.16, .61, .56, 1);
    transition: height .08s cubic-bezier(0.16, .61, .56, 1)
}

.global--keypress-component-864c423c.animate-right .rail-video:nth-child(3) .item-video:nth-child(3) .tile-title {
    opacity: 0;
    -webkit-transition: opacity .08s cubic-bezier(0.16, .61, .56, 1);
    transition: opacity .08s cubic-bezier(0.16, .61, .56, 1)
}

.global--keypress-component-864c423c.animate-right .rail-video:nth-child(3) .item-video:nth-child(2) {
    -webkit-transition: width .08s cubic-bezier(0.16, .61, .56, 1);
    transition: width .08s cubic-bezier(0.16, .61, .56, 1);
    width: 300px
}

.global--keypress-component-864c423c.animate-right .rail-video:nth-child(3) .item-video:nth-child(2) .img, .global--keypress-component-864c423c.animate-right .rail-video:nth-child(3) .item-video:nth-child(2) .search-block {
    height: 170px;
    -webkit-transition: height .08s cubic-bezier(0.16, .61, .56, 1);
    transition: height .08s cubic-bezier(0.16, .61, .56, 1)
}

.global--keypress-component-864c423c.animate-right .rail-video:nth-child(3) .item-video:nth-child(2) .tile-title {
    opacity: 1;
    -webkit-transition: opacity .08s cubic-bezier(0.16, .61, .56, 1) .08s;
    transition: opacity .08s cubic-bezier(0.16, .61, .56, 1) .08s
}

.global--keypress-component-864c423c.animate-left .rail-video:nth-child(3) .slider {
    -webkit-transform: translate3d(-255px, 0, 0);
    transform: translate3d(-255px, 0, 0);
    -webkit-transition: -webkit-transform .08s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .08s cubic-bezier(0.16, .61, .56, 1)
}

.global--keypress-component-864c423c.animate-left .rail-video:nth-child(3) .item-video:nth-child(3) {
    -webkit-transition: width .08s cubic-bezier(0.16, .61, .56, 1);
    transition: width .08s cubic-bezier(0.16, .61, .56, 1);
    width: 250px
}

.global--keypress-component-864c423c.animate-left .rail-video:nth-child(3) .item-video:nth-child(3) .img, .global--keypress-component-864c423c.animate-left .rail-video:nth-child(3) .item-video:nth-child(3) .search-block {
    height: 145px;
    -webkit-transition: height .08s cubic-bezier(0.16, .61, .56, 1);
    transition: height .08s cubic-bezier(0.16, .61, .56, 1)
}

.global--keypress-component-864c423c.animate-left .rail-video:nth-child(3) .item-video:nth-child(3) .tile-title {
    opacity: 0;
    -webkit-transition: opacity .08s cubic-bezier(0.16, .61, .56, 1);
    transition: opacity .08s cubic-bezier(0.16, .61, .56, 1)
}

.global--keypress-component-864c423c.animate-left .rail-video:nth-child(3) .item-video:nth-child(4) {
    -webkit-transition: width .08s cubic-bezier(0.16, .61, .56, 1);
    transition: width .08s cubic-bezier(0.16, .61, .56, 1);
    width: 300px
}

.global--keypress-component-864c423c.animate-left .rail-video:nth-child(3) .item-video:nth-child(4) .img, .global--keypress-component-864c423c.animate-left .rail-video:nth-child(3) .item-video:nth-child(4) .search-block {
    height: 170px;
    -webkit-transition: height .08s cubic-bezier(0.16, .61, .56, 1);
    transition: height .08s cubic-bezier(0.16, .61, .56, 1)
}

.global--keypress-component-864c423c.animate-left .rail-video:nth-child(3) .item-video:nth-child(4) .tile-title {
    opacity: 1;
    -webkit-transition: opacity .08s cubic-bezier(0.16, .61, .56, 1) .08s;
    transition: opacity .08s cubic-bezier(0.16, .61, .56, 1) .08s
}

.global--keypress-component-864c423c.first-load .rail-video {
    -webkit-transition: -webkit-transform .5s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .5s cubic-bezier(0.16, .61, .56, 1)
}

.global--landing-page-b1b2b755 .main-header {
    text-align: center;
    position: relative;
    overflow: hidden
}

@media screen and (min-width: 760px) {
    .global--landing-page-b1b2b755 .main-header {
        margin-bottom: 20px
    }
}

@media screen and (min-width: 760px) {
    .global--landing-page-b1b2b755.show-more .show-more-arrow {
        opacity: .5;
        -webkit-animation: arrowDown 1.5s cubic-bezier(0.16, .61, .56, 1) forwards infinite;
        animation: arrowDown 1.5s cubic-bezier(0.16, .61, .56, 1) forwards infinite
    }
}

.global--landing-page-b1b2b755 .show-more-arrow {
    position: fixed;
    bottom: 20px;
    text-align: center;
    width: 100%;
    opacity: 0;
    -webkit-transition: opacity .08s cubic-bezier(0.16, .61, .56, 1);
    transition: opacity .08s cubic-bezier(0.16, .61, .56, 1);
    font-size: 4em
}

@-webkit-keyframes "arrowDown" {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 0;
    }
    60% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: .5;
    }
    100% {
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
        opacity: 0;
    }
}

@keyframes "arrowDown" {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 0;
    }
    60% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: .5;
    }
    100% {
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
        opacity: 0;
    }
}

.global--landing-page-b1b2b755 .logo-list {
    text-align: center
}

.global--landing-page-b1b2b755 .logo-list img {
    margin: 10px 20px
}

.global--landing-page-b1b2b755 .slider {
    width: 300%;
    -webkit-transition: -webkit-transform .5s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .5s cubic-bezier(0.16, .61, .56, 1)
}

@media screen and (min-width: 760px) {
    .global--landing-page-b1b2b755.animate-carousel .carousel {
        -webkit-animation: fadeIn .5s cubic-bezier(0.16, .61, .56, 1) .45s 1 forwards;
        animation: fadeIn .5s cubic-bezier(0.16, .61, .56, 1) .45s 1 forwards
    }
}

.global--landing-page-b1b2b755 .carousel {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 40px;
    position: relative;
    z-index: 1
}

@media screen and (min-width: 760px) {
    .global--landing-page-b1b2b755 .carousel {
        opacity: 0
    }
}

.global--landing-page-b1b2b755 .carousel-page {
    width: calc(100% / 3);
    display: block;
    float: left
}

.global--landing-page-b1b2b755 .carousel-img {
    width: 100%;
    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.global--landing-page-b1b2b755 .carousel-text {
    background-color: #2a2a2a;
    padding: 20px 0 60px;
    font-size: 1.286em;
    font-weight: 400;
    font-family: TrimMedium;
    text-align: center
}

@media screen and (min-width: 760px) {
    .global--landing-page-b1b2b755 .carousel-text {
        font-size: 1.25em !important
    }
}

.global--landing-page-b1b2b755 .carousel-counter {
    display: inline-block;
    margin: 20px 0 20px -40px;
    position: absolute;
    bottom: 10px;
    z-index: 10;
    left: 50%
}

.global--landing-page-b1b2b755 .carousel-counter>span {
    border: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 8px;
    height: 8px;
    display: inline-block;
    margin: 0 4px;
    -webkit-transition: background-color .08s cubic-bezier(0.16, .61, .56, 1);
    transition: background-color .08s cubic-bezier(0.16, .61, .56, 1)
}

.global--landing-page-b1b2b755 .carousel-counter>span.active {
    background-color: #fff
}

.global--landing-page-b1b2b755 .big-game {
    margin-bottom: 20px
}

@media screen and (min-width: 760px) {
    .global--landing-page-b1b2b755.animate-all-sports .sport-list {
        -webkit-animation: fadeInSlideUp .25s cubic-bezier(0.16, .61, .56, 1) .35s 1 forwards;
        animation: fadeInSlideUp .25s cubic-bezier(0.16, .61, .56, 1) .35s 1 forwards
    }
}

.global--landing-page-b1b2b755 .sport-list {
    display: block;
    margin: 0 0 40px;
    padding: 0;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-width: 25%;
    -moz-column-width: 25%;
    column-width: 25%;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    -webkit-column-rule: 2px dashed #fff;
    -moz-column-rule: 2px dashed #fff;
    column-rule: 2px dashed #fff
}

@media screen and (min-width: 760px) {
    .global--landing-page-b1b2b755 .sport-list {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4
    }
}

.global--landing-page-b1b2b755 .sport-list li {
    display: block;
    padding: 0;
    margin: 0;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    text-align: center;
    white-space: normal
}

@media screen and (min-width: 760px) {
    .global--landing-page-b1b2b755 .sport-list li {
        font-size: 1em
    }
}

.global--landing-page-b1b2b755 .sport-list li span {
    padding: 0 20px 28px;
    text-indent: 12px;
    display: inline-block
}

.global--landing-page-b1b2b755 .category-img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: absolute;
    overflow: hidden;
    width: 100%;
    top: 0;
    bottom: 0
}

.global--landing-page-b1b2b755 .category-wrapper, .global--landing-page-b1b2b755 .content-tile {
    position: relative;
    overflow: hidden
}

.global--landing-page-b1b2b755 .category-title {
    font-size: 1.286em;
    font-weight: 400;
    font-family: TrimMedium;
    text-align: center;
    position: absolute;
    bottom: 20px;
    width: 100%
}

@media screen and (min-width: 760px) {
    .global--landing-page-b1b2b755 .category-title {
        font-size: 1.25em !important
    }
}

.global--landing-page-b1b2b755 .tile-img-wrapper {
    position: relative;
    overflow: hidden
}

.global--landing-page-b1b2b755 .tile-img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%
}

.global--landing-page-b1b2b755 .tile-title {
    background-color: #2a2a2a;
    font-size: 1.286em;
    font-weight: 400;
    font-family: TrimMedium;
    padding: 12px 8px;
    height: 60px;
    box-sizing: border-box
}

@media screen and (min-width: 760px) {
    .global--landing-page-b1b2b755 .tile-title {
        font-size: 1.25em !important
    }
}

@media screen and (min-width: 760px) {
    .global--landing-page-b1b2b755 .tile-title {
        height: 90px;
        padding: 20px 12px
    }
}

.global--landing-page-b1b2b755 .device-icons {
    display: block;
    margin: 0;
    padding: 0
}

.global--landing-page-b1b2b755 .device-icons li {
    display: inline-block;
    width: 25%;
    margin: 0 0 0 -5px;
    padding: 0;
    text-align: center;
    font-size: 2em
}

.global--landing-page-b1b2b755 .tournaments {
    margin-bottom: 80px
}

.global--landing-page-b1b2b755 .logo-tournament {
    line-height: 120px
}

.global--landing-page-b1b2b755 .tournaments-subtitle {
    font-size: 1.714em;
    font-weight: 400;
    font-family: TrimMedium;
    margin: 20px 0;
    letter-spacing: .7px
}

@media screen and (min-width: 760px) {
    .global--landing-page-b1b2b755 .tournaments-subtitle {
        font-size: 1.75em !important
    }
}

.global--landing-page-b1b2b755 .see-more {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    position: relative;
    padding-left: 20px
}

@media screen and (min-width: 760px) {
    .global--landing-page-b1b2b755 .see-more {
        font-size: 1em
    }
}

.global--landing-page-b1b2b755 .see-more:after {
    content: "\f105";
    font-family: iconfont !important;
    position: absolute;
    left: 0;
    font-size: 20px;
    bottom: -6px
}

.global--landing-page-b1b2b755 .feature-box-img {
    height: 100px
}

.global--landing-page-b1b2b755 .small-separator {
    border-top: solid 2px #fff;
    position: relative;
    margin-bottom: 20px
}

.global--landing-page-b1b2b755 .small-separator .arrow-down {
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    margin-left: -14px;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 14px solid #fff;
    top: 0
}

.global--landing-page-b1b2b755 .small-separator .arrow-down:after {
    content: '';
    position: absolute;
    display: block;
    z-index: 100;
    left: -14px;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 14px solid #000;
    top: -17px
}

@media screen and (min-width: 760px) {
    .global--landing-page-b1b2b755 .small-separator {
        display: none
    }
}

.global--landing-page-b1b2b755 .feature-box {
    padding: 80px 0 0;
    margin-bottom: 80px;
    position: relative;
    border-top: solid 2px #fff
}

@media screen and (min-width: 760px) {
    .global--landing-page-b1b2b755 .feature-box {
        margin-bottom: 0
    }
}

.global--landing-page-b1b2b755 .feature-box .arrow-down {
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    margin-left: -14px;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 14px solid #fff;
    top: 0
}

.global--landing-page-b1b2b755 .feature-box .arrow-down:after {
    content: '';
    position: absolute;
    display: block;
    z-index: 100;
    left: -14px;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 14px solid #000;
    top: -17px
}

.global--landing-page-b1b2b755 .separator {
    margin-top: 40px;
    border-top: solid 16px #fff;
    position: relative
}

@media screen and (min-width: 760px) {
    .global--landing-page-b1b2b755 .separator {
        margin-top: 100px
    }
}

.global--landing-page-b1b2b755 .separator .arrow-down {
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    margin-left: -24px;
    border-left: 24px solid transparent;
    border-right: 24px solid transparent;
    border-top: 24px solid #fff;
    top: 0
}

.global--landing-page-b1b2b755 .separator .arrow-down:after {
    content: '';
    position: absolute;
    display: block;
    z-index: 100;
    left: -18px;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-top: 18px solid #000;
    top: -40px
}

.global--landing-page-b1b2b755 .separator-final {
    margin-top: 100px;
    border-top: solid 32px #fff;
    position: relative
}

.global--landing-page-b1b2b755 .separator-final .arrow-up {
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 50px solid #fff;
    bottom: 32px
}

.global--landing-page-b1b2b755 .separator-final .arrow-up:after {
    content: '';
    position: absolute;
    display: block;
    z-index: 100;
    left: -40px;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-bottom: 40px solid #000;
    bottom: -82px
}

.global--landing-page-b1b2b755 .main-nav {
    width: 100%;
    position: fixed;
    top: 0;
    padding: 8px 0;
    z-index: 110;
    background-color: #040404;
    -webkit-transform: translate3d(0, -130px, 0);
    transform: translate3d(0, -130px, 0);
    -webkit-transition: -webkit-transform .25s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .25s cubic-bezier(0.16, .61, .56, 1);
    text-align: center;
    border-bottom: solid 4px #fff;
    box-shadow: 0 0 24px 1px rgba(0, 0, 0, .7)
}

.global--landing-page-b1b2b755 .main-nav::after {
    clear: both;
    content: '';
    display: table
}

@media screen and (min-width: 760px) {
    .global--landing-page-b1b2b755 .main-nav {
        padding: 24px 0 20px
    }
}

@media screen and (min-width: 760px) {
    .global--landing-page-b1b2b755 .main-nav button {
        float: right
    }
}

.global--landing-page-b1b2b755 .main-nav>span {
    display: inline-block;
    width: 100%
}

.global--landing-page-b1b2b755 .main-nav>span::after {
    clear: both;
    content: '';
    display: table
}

@media screen and (min-width: 760px) {
    .global--landing-page-b1b2b755 .main-nav>span {
        width: 420px
    }
}

.global--landing-page-b1b2b755.show-nav .main-nav {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.global--landing-page-b1b2b755 .main-button {
    background-color: #fff;
    color: #000;
    border: 4px solid #fff;
    font-size: 1.286em;
    font-weight: 400;
    font-family: TrimMedium;
    height: 60px;
    line-height: 56px;
    padding: 0 20px;
    margin: 40px auto;
    display: block;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: background-color .2s cubic-bezier(0.16, .61, .56, 1), color .2s cubic-bezier(0.16, .61, .56, 1);
    transition: background-color .2s cubic-bezier(0.16, .61, .56, 1), color .2s cubic-bezier(0.16, .61, .56, 1)
}

@media screen and (min-width: 760px) {
    .global--landing-page-b1b2b755 .main-button {
        font-size: 1.25em !important
    }
}

.global--landing-page-b1b2b755 .main-button .icon {
    display: none
}

@media screen and (min-width: 760px) {
    .global--landing-page-b1b2b755 .main-button {
        height: 100px;
        line-height: 96px
    }
}

.global--landing-page-b1b2b755 .main-overview h2 {
    font-size: 1.286em;
    font-weight: 400;
    font-family: TrimMedium;
    margin: 0
}

@media screen and (min-width: 760px) {
    .global--landing-page-b1b2b755 .main-overview h2 {
        font-size: 1.25em !important
    }
}

.global--landing-page-b1b2b755 .main-overview p {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    padding: 0 10px
}

@media screen and (min-width: 760px) {
    .global--landing-page-b1b2b755 .main-overview p {
        font-size: 1em
    }
}

.global--landing-page-b1b2b755 .main-overview .mt-row>div {
    text-align: center
}

.global--landing-page-b1b2b755 .secondary-button {
    background-color: #040404;
    position: absolute;
    top: 20px;
    right: 20px;
    color: #fff;
    border: 2px solid #fff;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    height: 40px;
    line-height: 36px;
    padding: 0 12px;
    margin: 0;
    display: block;
    -webkit-transition: background-color .2s cubic-bezier(0.16, .61, .56, 1);
    transition: background-color .2s cubic-bezier(0.16, .61, .56, 1)
}

@media screen and (min-width: 760px) {
    .global--landing-page-b1b2b755 .secondary-button {
        font-size: 1em
    }
}

@media screen and (min-width: 760px) {
    .global--landing-page-b1b2b755 .secondary-button {
        top: 40px;
        right: 40px;
        padding: 0 24px
    }
}

.global--landing-page-b1b2b755 .header-logo {
    background-image: url(../images/dazn-logo.png);
    background-position: center center;
    background-size: contain;
    width: 60px;
    height: 60px;
    margin-right: 20px;
    float: left;
    position: relative;
    top: 2px;
    margin-left: 20px;
    display: none
}

@media screen and (min-width: 760px) {
    .global--landing-page-b1b2b755 .header-logo {
        margin-left: 0;
        display: inline-block
    }
}

.global--landing-page-b1b2b755 .main-content {
    background-color: #040404;
    position: relative;
    z-index: 10
}

.global--landing-page-b1b2b755 .tertiary-button {
    background-color: #fff;
    color: #000;
    border: 2px solid #000;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    font-weight: 600;
    height: 64px;
    line-height: 60px;
    padding: 0 24px;
    -webkit-transition: background-color .2s cubic-bezier(0.16, .61, .56, 1);
    transition: background-color .2s cubic-bezier(0.16, .61, .56, 1)
}

@media screen and (min-width: 760px) {
    .global--landing-page-b1b2b755 .tertiary-button {
        font-size: 1em
    }
}

.global--landing-page-b1b2b755 .main-header-img {
    position: fixed;
    z-index: 3;
    width: 100%;
    height: 550px;
    background-repeat: no-repeat;
    background-image: url(../images/landing/intro.jpg);
    background-size: cover;
    background-position: center center;
    opacity: .5;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.global--landing-page-b1b2b755 .content {
    position: relative;
    top: 0;
    width: 100%;
    z-index: 3
}

.global--landing-page-b1b2b755 .text-content {
    -webkit-animation: fadeIn .5s cubic-bezier(0.16, .61, .56, 1) 1s forwards;
    animation: fadeIn .5s cubic-bezier(0.16, .61, .56, 1) 1s forwards;
    opacity: 0
}

.global--landing-page-b1b2b755 .logo {
    display: inline-block;
    background: url(../images/dazn-logo.png) 0 0/contain;
    width: 60px;
    height: 60px;
    margin-top: 20px;
    -webkit-animation: fadeIn .5s cubic-bezier(0.16, .61, .56, 1) .2s forwards;
    animation: fadeIn .5s cubic-bezier(0.16, .61, .56, 1) .2s forwards;
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top
}

@media screen and (min-width: 760px) {
    .global--landing-page-b1b2b755 .logo {
        width: 80px;
        height: 80px;
        margin-top: 40px
    }
}

@media screen and (min-width: 760px) {
    .global--landing-page-b1b2b755.animate-big-game .big-game>div:nth-child(1) {
        -webkit-animation: fadeInPop .25s cubic-bezier(0.16, .61, .56, 1) 1 forwards .12s;
        animation: fadeInPop .25s cubic-bezier(0.16, .61, .56, 1) 1 forwards .12s
    }
    .global--landing-page-b1b2b755.animate-big-game .big-game>div:nth-child(2) {
        -webkit-animation: fadeInPop .25s cubic-bezier(0.16, .61, .56, 1) 1 forwards .24s;
        animation: fadeInPop .25s cubic-bezier(0.16, .61, .56, 1) 1 forwards .24s
    }
    .global--landing-page-b1b2b755.animate-big-game .big-game>div:nth-child(3) {
        -webkit-animation: fadeInPop .25s cubic-bezier(0.16, .61, .56, 1) 1 forwards .36s;
        animation: fadeInPop .25s cubic-bezier(0.16, .61, .56, 1) 1 forwards .36s
    }
    .global--landing-page-b1b2b755.animate-big-game .big-game>div:nth-child(4) {
        -webkit-animation: fadeInPop .25s cubic-bezier(0.16, .61, .56, 1) 1 forwards .48s;
        animation: fadeInPop .25s cubic-bezier(0.16, .61, .56, 1) 1 forwards .48s
    }
    .global--landing-page-b1b2b755.animate-big-game .big-game:nth-child(2)>div:nth-child(1) {
        -webkit-animation: fadeInPop .25s cubic-bezier(0.16, .61, .56, 1) 1 forwards .6s;
        animation: fadeInPop .25s cubic-bezier(0.16, .61, .56, 1) 1 forwards .6s
    }
    .global--landing-page-b1b2b755.animate-big-game .big-game:nth-child(2)>div:nth-child(2) {
        -webkit-animation: fadeInPop .25s cubic-bezier(0.16, .61, .56, 1) 1 forwards .72s;
        animation: fadeInPop .25s cubic-bezier(0.16, .61, .56, 1) 1 forwards .72s
    }
    .global--landing-page-b1b2b755.animate-big-game .big-game:nth-child(2)>div:nth-child(3) {
        -webkit-animation: fadeInPop .25s cubic-bezier(0.16, .61, .56, 1) 1 forwards .84s;
        animation: fadeInPop .25s cubic-bezier(0.16, .61, .56, 1) 1 forwards .84s
    }
    .global--landing-page-b1b2b755.animate-big-game .big-game:nth-child(2)>div:nth-child(4) {
        -webkit-animation: fadeInPop .25s cubic-bezier(0.16, .61, .56, 1) 1 forwards .96s;
        animation: fadeInPop .25s cubic-bezier(0.16, .61, .56, 1) 1 forwards .96s
    }
}

.global--landing-page-b1b2b755 .big-game>div {
    margin-bottom: 8px
}

@media screen and (min-width: 760px) {
    .global--landing-page-b1b2b755 .big-game>div {
        opacity: 0;
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5)
    }
}

.global--landing-page-b1b2b755 .section-title {
    font-size: 2.286em;
    font-weight: 400;
    text-transform: uppercase;
    font-family: TrimMedium;
    margin: 0;
    text-align: center;
    padding: 80px 20px 40px;
    position: relative;
    display: block;
    overflow: hidden
}

@media screen and (min-width: 760px) {
    .global--landing-page-b1b2b755 .section-title {
        font-size: 3em !important
    }
}

.global--landing-page-b1b2b755 h1 {
    font-size: 3.429em !important;
    font-weight: 400;
    font-family: TrimMedium;
    line-height: 1.3;
    margin: 50px 0 0;
    padding: 0 8px
}

@media screen and (min-width: 760px) {
    .global--landing-page-b1b2b755 h1 {
        font-size: 4.5em !important
    }
}

@media screen and (min-width: 760px) {
    .global--landing-page-b1b2b755 h1 {
        margin: 40px 0 0
    }
}

.global--landing-page-b1b2b755 h3 {
    font-size: 1.714em;
    font-weight: 400;
    font-family: TrimRegular;
    margin: 20px 0
}

@media screen and (min-width: 760px) {
    .global--landing-page-b1b2b755 h3 {
        font-size: 1.75em !important
    }
}

@media screen and (min-width: 760px) {
    .global--landing-page-b1b2b755 h3 {
        margin: 40px 0
    }
}

.global--landing-page-b1b2b755 .main-signin {
    position: relative;
    z-index: 10;
    -webkit-animation: fadeIn .5s cubic-bezier(0.16, .61, .56, 1) 1.4s forwards;
    animation: fadeIn .5s cubic-bezier(0.16, .61, .56, 1) 1.4s forwards;
    opacity: 0
}

@media screen and (min-width: 760px) {
    .global--landing-page-b1b2b755 .main-signin {
        height: 100px;
        top: -73px
    }
}

.global--landing-page-b1b2b755 .hero {
    height: 160px;
    position: relative;
    overflow: hidden;
    margin-bottom: 4px
}

@media screen and (min-width: 760px) {
    .global--landing-page-b1b2b755 .hero {
        height: 324px
    }
}

.global--landing-page-b1b2b755 .img-gradient {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    width: 100%;
    background: -webkit-linear-gradient(top, transparent 0, rgba(0, 0, 0, .4) 65%, rgba(0, 0, 0, .6) 100%);
    background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .4) 65%, rgba(0, 0, 0, .6) 100%)
}

.global--landing-page-b1b2b755 .regular {
    position: relative;
    height: 160px;
    overflow: hidden;
    margin-bottom: 4px
}

.global--landing-page-b1b2b755 .main-footer ul {
    display: block;
    margin: 140px 0 80px;
    padding: 0;
    text-align: center
}

.global--landing-page-b1b2b755 .main-footer ul li {
    display: block;
    margin: 0;
    padding: 20px
}

@media screen and (min-width: 760px) {
    .global--landing-page-b1b2b755 .main-footer ul li {
        display: inline-block
    }
}

.global--landing-page-b1b2b755 .main-footer ul li a {
    text-decoration: underline
}

.global--landing-page-b1b2b755 .main-devices {
    text-align: center;
    height: 300px
}

@-webkit-keyframes "fadeIn" {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes "fadeIn" {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes "fadeInSlideUp" {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes "fadeInSlideUp" {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes "fadeInPop" {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.02);
        transform: scale(1.02);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes "fadeInPop" {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.02);
        transform: scale(1.02);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes "punchIn" {
    0% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    25% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    75% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes "punchIn" {
    0% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    25% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    75% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.global--landing-page2-cbb0bd79 .main-header {
    position: relative;
    overflow: hidden
}

@media screen and (min-width: 760px) {
    .global--landing-page2-cbb0bd79 .main-header {
        margin-bottom: 20px
    }
}

.global--landing-page2-cbb0bd79 .top-nav {
    height: 64px
}

.global--landing-page2-cbb0bd79 .tournament-section {
    border-bottom: dotted 1px #fff
}

.global--landing-page2-cbb0bd79 .tournament-title h3 {
    font-size: 1.714em;
    font-weight: 400;
    font-family: TrimBold;
    margin: 34px 0 0;
    text-transform: uppercase
}

@media screen and (min-width: 760px) {
    .global--landing-page2-cbb0bd79 .tournament-title h3 {
        font-size: 1.75em !important
    }
}

.global--landing-page2-cbb0bd79 .tournament-title h4 {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    color: #AAA;
    margin: 8px 0 0
}

@media screen and (min-width: 760px) {
    .global--landing-page2-cbb0bd79 .tournament-title h4 {
        font-size: 1em
    }
}

.global--landing-page2-cbb0bd79 .tournament-item {
    margin-top: 12px;
    margin-bottom: 12px;
    line-height: 120px
}

.global--landing-page2-cbb0bd79 .devices-section {
    margin-top: 40px
}

.global--landing-page2-cbb0bd79 .devices-section .icon {
    font-size: 80px
}

.global--landing-page2-cbb0bd79 .devices-section .title {
    font-size: 1.286em;
    font-weight: 400;
    font-family: TrimBold;
    margin: 20px 0 10px
}

@media screen and (min-width: 760px) {
    .global--landing-page2-cbb0bd79 .devices-section .title {
        font-size: 1.25em !important
    }
}

.global--landing-page2-cbb0bd79 .devices-section .description {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    padding: 0 20px
}

@media screen and (min-width: 760px) {
    .global--landing-page2-cbb0bd79 .devices-section .description {
        font-size: 1em
    }
}

.global--landing-page2-cbb0bd79 .devices-section .mt-row>div {
    text-align: center;
    height: 260px
}

@media screen and (min-width: 760px) {
    .global--landing-page2-cbb0bd79 .devices-section .mt-row>div {
        border-left: dotted 1px #fff
    }
    .global--landing-page2-cbb0bd79 .devices-section .mt-row>div:first-child {
        border: none
    }
}

.global--landing-page2-cbb0bd79 .logo {
    display: inline-block;
    background: url(../images/dazn-logo.png) 0 0/contain;
    width: 60px;
    height: 60px;
    margin-top: 12px;
    -webkit-animation: fadeIn .5s cubic-bezier(0.16, .61, .56, 1) .2s forwards;
    animation: fadeIn .5s cubic-bezier(0.16, .61, .56, 1) .2s forwards;
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top;
    position: absolute;
    z-index: 1000
}

@media screen and (min-width: 760px) {
    .global--landing-page2-cbb0bd79 .logo {
        width: 80px;
        height: 80px
    }
}

@media screen and (min-width: 760px) {
    .global--landing-page2-cbb0bd79.show-more .show-more-arrow {
        opacity: .5;
        -webkit-animation: arrowDown 1.5s cubic-bezier(0.16, .61, .56, 1) forwards infinite;
        animation: arrowDown 1.5s cubic-bezier(0.16, .61, .56, 1) forwards infinite
    }
}

.global--landing-page2-cbb0bd79 .show-more-arrow {
    position: fixed;
    bottom: 20px;
    text-align: center;
    width: 100%;
    opacity: 0;
    -webkit-transition: opacity .08s cubic-bezier(0.16, .61, .56, 1);
    transition: opacity .08s cubic-bezier(0.16, .61, .56, 1);
    font-size: 4em
}

@keyframes "arrowDown" {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 0;
    }
    60% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: .5;
    }
    100% {
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
        opacity: 0;
    }
}

.global--landing-page2-cbb0bd79 .logo-list {
    text-align: center
}

.global--landing-page2-cbb0bd79 .logo-list img {
    margin: 10px 20px
}

.global--landing-page2-cbb0bd79 .slider {
    width: 300%;
    -webkit-transition: -webkit-transform .5s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .5s cubic-bezier(0.16, .61, .56, 1)
}

@media screen and (min-width: 760px) {
    .global--landing-page2-cbb0bd79.animate-carousel .carousel {
        -webkit-animation: fadeIn .5s cubic-bezier(0.16, .61, .56, 1) .45s 1 forwards;
        animation: fadeIn .5s cubic-bezier(0.16, .61, .56, 1) .45s 1 forwards
    }
}

.global--landing-page2-cbb0bd79 .tournaments {
    margin-bottom: 80px
}

.global--landing-page2-cbb0bd79 .logo-tournament {
    line-height: 120px
}

.global--landing-page2-cbb0bd79 .tournaments-subtitle {
    font-size: 1.714em;
    font-weight: 400;
    font-family: TrimMedium;
    margin: 20px 0;
    letter-spacing: .7px
}

@media screen and (min-width: 760px) {
    .global--landing-page2-cbb0bd79 .tournaments-subtitle {
        font-size: 1.75em !important
    }
}

.global--landing-page2-cbb0bd79 .see-more {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    position: relative;
    padding-left: 20px
}

@media screen and (min-width: 760px) {
    .global--landing-page2-cbb0bd79 .see-more {
        font-size: 1em
    }
}

.global--landing-page2-cbb0bd79 .see-more:after {
    content: "\f105";
    font-family: iconfont !important;
    position: absolute;
    left: 0;
    font-size: 20px;
    bottom: -6px
}

.global--landing-page2-cbb0bd79 .feature-box-img {
    height: 100px
}

.global--landing-page2-cbb0bd79 .small-separator {
    border-top: solid 2px #fff;
    position: relative;
    margin-bottom: 20px
}

.global--landing-page2-cbb0bd79 .small-separator .arrow-down {
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    margin-left: -14px;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 14px solid #fff;
    top: 0
}

.global--landing-page2-cbb0bd79 .small-separator .arrow-down:after {
    content: '';
    position: absolute;
    display: block;
    z-index: 100;
    left: -14px;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 14px solid #000;
    top: -17px
}

@media screen and (min-width: 760px) {
    .global--landing-page2-cbb0bd79 .small-separator {
        display: none
    }
}

.global--landing-page2-cbb0bd79 .feature-box {
    padding: 80px 0 0;
    margin-bottom: 80px;
    position: relative;
    border-top: solid 2px #fff
}

@media screen and (min-width: 760px) {
    .global--landing-page2-cbb0bd79 .feature-box {
        margin-bottom: 0
    }
}

.global--landing-page2-cbb0bd79 .feature-box .arrow-down {
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    margin-left: -14px;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 14px solid #fff;
    top: 0
}

.global--landing-page2-cbb0bd79 .feature-box .arrow-down:after {
    content: '';
    position: absolute;
    display: block;
    z-index: 100;
    left: -14px;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 14px solid #000;
    top: -17px
}

.global--landing-page2-cbb0bd79 .separator {
    margin-top: 40px;
    border-top: solid 16px #fff;
    position: relative
}

@media screen and (min-width: 760px) {
    .global--landing-page2-cbb0bd79 .separator {
        margin-top: 100px
    }
}

.global--landing-page2-cbb0bd79 .separator .arrow-down {
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    margin-left: -24px;
    border-left: 24px solid transparent;
    border-right: 24px solid transparent;
    border-top: 24px solid #fff;
    top: 0
}

.global--landing-page2-cbb0bd79 .separator .arrow-down:after {
    content: '';
    position: absolute;
    display: block;
    z-index: 100;
    left: -18px;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-top: 18px solid #000;
    top: -40px
}

@media screen and (min-width: 760px) {
    .global--landing-page2-cbb0bd79 .section-title {
        font-size: 1.75em !important
    }
}

.global--landing-page2-cbb0bd79 .separator-final {
    margin-top: 100px;
    border-top: solid 32px #fff;
    position: relative
}

.global--landing-page2-cbb0bd79 .separator-final .arrow-up {
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 50px solid #fff;
    bottom: 32px
}

.global--landing-page2-cbb0bd79 .separator-final .arrow-up:after {
    content: '';
    position: absolute;
    display: block;
    z-index: 100;
    left: -40px;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-bottom: 40px solid #000;
    bottom: -82px
}

.global--landing-page2-cbb0bd79 .main-nav {
    width: 100%;
    position: fixed;
    top: 0;
    padding: 8px 0;
    z-index: 110;
    background-color: #040404;
    -webkit-transform: translate3d(0, -130px, 0);
    transform: translate3d(0, -130px, 0);
    -webkit-transition: -webkit-transform .25s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .25s cubic-bezier(0.16, .61, .56, 1);
    text-align: center;
    border-bottom: solid 4px #fff;
    box-shadow: 0 0 24px 1px rgba(0, 0, 0, .7)
}

.global--landing-page2-cbb0bd79 .main-nav::after {
    clear: both;
    content: '';
    display: table
}

@media screen and (min-width: 760px) {
    .global--landing-page2-cbb0bd79 .main-nav {
        padding: 24px 0 20px
    }
}

@media screen and (min-width: 760px) {
    .global--landing-page2-cbb0bd79 .main-nav button {
        float: right
    }
}

.global--landing-page2-cbb0bd79 .main-nav>span {
    display: inline-block;
    width: 100%
}

.global--landing-page2-cbb0bd79 .main-nav>span::after {
    clear: both;
    content: '';
    display: table
}

@media screen and (min-width: 760px) {
    .global--landing-page2-cbb0bd79 .main-nav>span {
        width: 420px
    }
}

.global--landing-page2-cbb0bd79.show-nav .main-nav {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.global--landing-page2-cbb0bd79 .main-button {
    background-color: #fff;
    color: #000;
    border: 4px solid #fff;
    font-size: 1.286em;
    font-weight: 400;
    font-family: TrimMedium;
    height: 60px;
    line-height: 56px;
    padding: 0 40px;
    margin: 40px 0;
    display: block;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: background-color .2s cubic-bezier(0.16, .61, .56, 1), color .2s cubic-bezier(0.16, .61, .56, 1);
    transition: background-color .2s cubic-bezier(0.16, .61, .56, 1), color .2s cubic-bezier(0.16, .61, .56, 1)
}

@media screen and (min-width: 760px) {
    .global--landing-page2-cbb0bd79 .main-button {
        font-size: 1.25em !important
    }
}

.global--landing-page2-cbb0bd79 .main-button .icon {
    display: none
}

@media screen and (min-width: 760px) {
    .global--landing-page2-cbb0bd79 .main-button {
        height: 100px;
        line-height: 96px
    }
}

.global--landing-page2-cbb0bd79 .main-overview h2 {
    font-size: 1.286em;
    font-weight: 400;
    font-family: TrimMedium;
    margin: 0
}

@media screen and (min-width: 760px) {
    .global--landing-page2-cbb0bd79 .main-overview h2 {
        font-size: 1.25em !important
    }
}

.global--landing-page2-cbb0bd79 .main-overview p {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    padding: 0 10px
}

@media screen and (min-width: 760px) {
    .global--landing-page2-cbb0bd79 .main-overview p {
        font-size: 1em
    }
}

.global--landing-page2-cbb0bd79 .secondary-button {
    background-color: #040404;
    position: relative;
    top: 12px;
    color: #fff;
    border: 2px solid #fff;
    font-size: 1.286em;
    font-weight: 400;
    font-family: TrimMedium;
    height: 40px;
    line-height: 36px;
    padding: 0 12px;
    margin: 0 0 20px;
    display: inline-block;
    -webkit-transition: background-color .2s cubic-bezier(0.16, .61, .56, 1);
    transition: background-color .2s cubic-bezier(0.16, .61, .56, 1)
}

@media screen and (min-width: 760px) {
    .global--landing-page2-cbb0bd79 .secondary-button {
        font-size: 1.25em !important
    }
}

.global--landing-page2-cbb0bd79 .main-content {
    background-color: #040404;
    position: relative;
    z-index: 10
}

.global--landing-page2-cbb0bd79 .tertiary-button {
    background-color: #fff;
    color: #000;
    border: 2px solid #000;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    font-weight: 600;
    height: 64px;
    line-height: 60px;
    padding: 0 24px;
    -webkit-transition: background-color .2s cubic-bezier(0.16, .61, .56, 1);
    transition: background-color .2s cubic-bezier(0.16, .61, .56, 1)
}

@media screen and (min-width: 760px) {
    .global--landing-page2-cbb0bd79 .tertiary-button {
        font-size: 1em
    }
}

.global--landing-page2-cbb0bd79 .main-header-img {
    position: fixed;
    z-index: 3;
    width: 100%;
    height: 550px;
    background-repeat: no-repeat;
    background-image: url(../images/landing/intro2.jpg);
    background-size: cover;
    background-position: center center;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.global--landing-page2-cbb0bd79 .header-logo {
    background-image: url(../images/dazn-logo.png);
    background-position: center center;
    background-size: contain;
    width: 60px;
    height: 60px;
    margin-right: 20px;
    float: left;
    position: relative;
    top: 2px;
    margin-left: 20px;
    display: none
}

@media screen and (min-width: 760px) {
    .global--landing-page2-cbb0bd79 .header-logo {
        margin-left: 0;
        display: inline-block
    }
}

.global--landing-page2-cbb0bd79 .main-header-gradient {
    position: fixed;
    z-index: 5;
    width: 100%;
    height: 550px;
    background: -webkit-linear-gradient(left, #000 0, transparent 67%);
    background: linear-gradient(to right, #000 0, transparent 67%)
}

.global--landing-page2-cbb0bd79 .content {
    position: relative;
    top: 0;
    width: 100%;
    z-index: 10
}

.global--landing-page2-cbb0bd79 .text-content {
    -webkit-animation: fadeIn .5s cubic-bezier(0.16, .61, .56, 1) 1s forwards;
    animation: fadeIn .5s cubic-bezier(0.16, .61, .56, 1) 1s forwards;
    opacity: 0
}

@media screen and (min-width: 760px) {
    .global--landing-page2-cbb0bd79.animate-big-game .big-game>div:nth-child(1) {
        -webkit-animation: fadeInPop .25s cubic-bezier(0.16, .61, .56, 1) 1 forwards .12s;
        animation: fadeInPop .25s cubic-bezier(0.16, .61, .56, 1) 1 forwards .12s
    }
    .global--landing-page2-cbb0bd79.animate-big-game .big-game>div:nth-child(2) {
        -webkit-animation: fadeInPop .25s cubic-bezier(0.16, .61, .56, 1) 1 forwards .24s;
        animation: fadeInPop .25s cubic-bezier(0.16, .61, .56, 1) 1 forwards .24s
    }
    .global--landing-page2-cbb0bd79.animate-big-game .big-game>div:nth-child(3) {
        -webkit-animation: fadeInPop .25s cubic-bezier(0.16, .61, .56, 1) 1 forwards .36s;
        animation: fadeInPop .25s cubic-bezier(0.16, .61, .56, 1) 1 forwards .36s
    }
    .global--landing-page2-cbb0bd79.animate-big-game .big-game>div:nth-child(4) {
        -webkit-animation: fadeInPop .25s cubic-bezier(0.16, .61, .56, 1) 1 forwards .48s;
        animation: fadeInPop .25s cubic-bezier(0.16, .61, .56, 1) 1 forwards .48s
    }
    .global--landing-page2-cbb0bd79.animate-big-game .big-game:nth-child(2)>div:nth-child(1) {
        -webkit-animation: fadeInPop .25s cubic-bezier(0.16, .61, .56, 1) 1 forwards .6s;
        animation: fadeInPop .25s cubic-bezier(0.16, .61, .56, 1) 1 forwards .6s
    }
    .global--landing-page2-cbb0bd79.animate-big-game .big-game:nth-child(2)>div:nth-child(2) {
        -webkit-animation: fadeInPop .25s cubic-bezier(0.16, .61, .56, 1) 1 forwards .72s;
        animation: fadeInPop .25s cubic-bezier(0.16, .61, .56, 1) 1 forwards .72s
    }
    .global--landing-page2-cbb0bd79.animate-big-game .big-game:nth-child(2)>div:nth-child(3) {
        -webkit-animation: fadeInPop .25s cubic-bezier(0.16, .61, .56, 1) 1 forwards .84s;
        animation: fadeInPop .25s cubic-bezier(0.16, .61, .56, 1) 1 forwards .84s
    }
    .global--landing-page2-cbb0bd79.animate-big-game .big-game:nth-child(2)>div:nth-child(4) {
        -webkit-animation: fadeInPop .25s cubic-bezier(0.16, .61, .56, 1) 1 forwards .96s;
        animation: fadeInPop .25s cubic-bezier(0.16, .61, .56, 1) 1 forwards .96s
    }
}

.global--landing-page2-cbb0bd79 .big-game>div {
    margin-bottom: 8px
}

@media screen and (min-width: 760px) {
    .global--landing-page2-cbb0bd79 .big-game>div {
        opacity: 0;
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5)
    }
}

.global--landing-page2-cbb0bd79 .section-title {
    font-size: 2.286em;
    font-weight: 400;
    text-transform: uppercase;
    font-family: TrimMedium;
    margin: 0;
    text-align: center;
    padding: 80px 20px 40px;
    position: relative;
    display: block;
    overflow: hidden
}

@media screen and (min-width: 760px) {
    .global--landing-page2-cbb0bd79 .section-title {
        font-size: 3em !important
    }
}

.global--landing-page2-cbb0bd79 h1 {
    font-size: 3.429em !important;
    font-weight: 400;
    font-family: TrimBold;
    line-height: 1.1;
    margin: 50px 0 0;
    padding: 0 8px
}

@media screen and (min-width: 760px) {
    .global--landing-page2-cbb0bd79 h1 {
        font-size: 4.5em !important
    }
}

@media screen and (min-width: 760px) {
    .global--landing-page2-cbb0bd79 h1 {
        margin: 40px 0 0
    }
}

.global--landing-page2-cbb0bd79 h3 {
    font-size: 1.714em;
    font-weight: 400;
    font-family: TrimRegular;
    margin: 20px 0
}

@media screen and (min-width: 760px) {
    .global--landing-page2-cbb0bd79 h3 {
        font-size: 1.75em !important
    }
}

@media screen and (min-width: 760px) {
    .global--landing-page2-cbb0bd79 h3 {
        margin: 40px 0
    }
}

.global--landing-page2-cbb0bd79 .main-signin {
    position: relative;
    z-index: 10;
    -webkit-animation: fadeIn .5s cubic-bezier(0.16, .61, .56, 1) 1.4s forwards;
    animation: fadeIn .5s cubic-bezier(0.16, .61, .56, 1) 1.4s forwards;
    opacity: 0
}

@media screen and (min-width: 760px) {
    .global--landing-page2-cbb0bd79 .main-signin {
        height: 100px;
        top: -73px
    }
}

.global--landing-page2-cbb0bd79 .hero {
    height: 160px;
    position: relative;
    overflow: hidden;
    margin-bottom: 4px
}

@media screen and (min-width: 760px) {
    .global--landing-page2-cbb0bd79 .hero {
        height: 324px
    }
}

.global--landing-page2-cbb0bd79 .img-gradient {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    width: 100%;
    background: -webkit-linear-gradient(top, transparent 0, rgba(0, 0, 0, .4) 65%, rgba(0, 0, 0, .6) 100%);
    background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .4) 65%, rgba(0, 0, 0, .6) 100%)
}

.global--landing-page2-cbb0bd79 .regular {
    position: relative;
    height: 160px;
    overflow: hidden;
    margin-bottom: 4px
}

.global--landing-page2-cbb0bd79 .main-footer ul {
    display: block;
    margin: 140px 0 80px;
    padding: 0;
    text-align: center
}

.global--landing-page2-cbb0bd79 .main-footer ul li {
    display: block;
    margin: 0;
    padding: 20px
}

@media screen and (min-width: 760px) {
    .global--landing-page2-cbb0bd79 .main-footer ul li {
        display: inline-block
    }
}

.global--landing-page2-cbb0bd79 .main-footer ul li a {
    text-decoration: underline
}

.global--landing-page2-cbb0bd79 .main-devices {
    text-align: center;
    height: 300px
}

@keyframes "fadeIn" {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes "fadeInSlideUp" {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes "fadeInPop" {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.02);
        transform: scale(1.02);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes "punchIn" {
    0% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    25% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    75% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.global--search-module-e35391a0 {
    position: fixed;
    top: 50px;
    bottom: 0;
    width: 100%;
    background-color: #040404
}

.global--search-module-e35391a0 img {
    width: 100%
}

.global--sign-up-87054ce2 {
    background-image: url(../images/background-img.jpg);
    background-position: center center;
    background-size: cover;
    bottom: 0;
    position: fixed;
    top: 0;
    width: 100%;
    text-align: center
}

.global--sign-up-87054ce2 img {
    width: 100%
}

.navigation--tab--tab-container-e520e399 ul {
    display: block;
    margin: 20px 0;
    padding: 0
}

.navigation--tab--tab-container-e520e399 ul::after {
    clear: both;
    content: '';
    display: table
}

.navigation--tab--tab-container-e520e399 .tab-nav {
    border-bottom: dotted 1px #343434;
    position: relative
}

.navigation--tab--tab-container-e520e399.selector-transition .selector {
    -webkit-transition: left cubic-bezier(0.16, .61, .56, 1) .08s;
    transition: left cubic-bezier(0.16, .61, .56, 1) .08s
}

.navigation--tab--tab-container-e520e399 .selector {
    position: absolute;
    bottom: -4px;
    height: 8px;
    -webkit-transition: left cubic-bezier(0.16, .61, .56, 1) .08s, right cubic-bezier(0.16, .61, .56, 1) .08s;
    transition: left cubic-bezier(0.16, .61, .56, 1) .08s, right cubic-bezier(0.16, .61, .56, 1) .08s;
    background-color: #fff
}

.navigation--tab--tab-container-e520e399 .tab-Content {
    width: 100%;
    min-height: 300px;
    position: relative
}

.navigation--tab--tab-content-ce1eef58 {
    display: block;
    opacity: 0;
    margin: 0;
    width: 100%;
    position: absolute;
    white-space: normal;
    float: left;
    -webkit-transition: opacity cubic-bezier(0.16, .61, .56, 1) .5s;
    transition: opacity cubic-bezier(0.16, .61, .56, 1) .5s
}

.navigation--tab--tab-content-ce1eef58.active {
    opacity: 1
}

.navigation--tab--tab-nav-6197325b {
    display: inline-block;
    margin-left: -5px;
    color: #999;
    padding: 0;
    text-align: center;
    width: calc(100% / 3);
    cursor: pointer;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    font-weight: 600;
    min-height: 40px;
    line-height: 40px;
    overflow: hidden;
    -webkit-transition: color cubic-bezier(0.16, .61, .56, 1) .08s, font-size cubic-bezier(0.16, .61, .56, 1) .08s;
    transition: color cubic-bezier(0.16, .61, .56, 1) .08s, font-size cubic-bezier(0.16, .61, .56, 1) .08s
}

@media screen and (min-width: 760px) {
    .navigation--tab--tab-nav-6197325b {
        font-size: 1em
    }
}

.navigation--tab--tab-nav-6197325b.active {
    color: #fff
}

.navigation--tab--tab-nav-6197325b:hover {
    color: #fff;
    font-size: 1.286em;
    font-weight: 400;
    font-family: TrimMedium
}

@media screen and (min-width: 760px) {
    .navigation--tab--tab-nav-6197325b:hover {
        font-size: 1.25em !important
    }
}

.player--offcanvas-button-418671e3 {
    background-color: transparent;
    -webkit-transition: color .2s cubic-bezier(0.16, .61, .56, 1);
    transition: color .2s cubic-bezier(0.16, .61, .56, 1);
    cursor: pointer;
    padding: 16px 0;
    display: inline-block;
    width: 100%;
    color: #AAA
}

.player--offcanvas-button-418671e3 .iconfont {
    font-size: 48px
}

.player--offcanvas-button-418671e3.active, .player--offcanvas-button-418671e3:hover {
    color: #fff
}

.player--play-pause-c78e1d8c {
    position: relative;
    height: 50px;
    width: 50px;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .15s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .15s cubic-bezier(0.16, .61, .56, 1)
}

.player--play-pause-c78e1d8c:hover {
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2)
}

@media screen and (min-width: 760px) {
    .player--play-pause-c78e1d8c {
        height: 60px;
        width: 60px
    }
}

.player--play-pause-c78e1d8c .iconfont {
    font-size: 50px;
    overflow: hidden
}

@media screen and (min-width: 760px) {
    .player--play-pause-c78e1d8c .iconfont {
        font-size: 60px
    }
}

.player--play-pause-c78e1d8c .pause, .player--play-pause-c78e1d8c .play {
    display: inline-block;
    cursor: pointer;
    position: absolute;
    top: 0
}

.player--play-pause-c78e1d8c .pause .iconfont:before, .player--play-pause-c78e1d8c .play .iconfont:before {
    display: inline-block
}

.player--play-pause-c78e1d8c .play .iconfont:before {
    background-color: transparent;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.player--play-pause-c78e1d8c .pause .iconfont:before {
    background-color: transparent;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.player--play-pause-c78e1d8c.showPause .play .iconfont:before {
    background-color: #fff;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: background-color .12s cubic-bezier(0.16, .61, .56, 1), -webkit-transform .15s cubic-bezier(0.16, .61, .56, 1) .12s;
    transition: background-color .12s cubic-bezier(0.16, .61, .56, 1), transform .15s cubic-bezier(0.16, .61, .56, 1) .12s
}

.player--play-pause-c78e1d8c.showPause .pause .iconfont:before {
    background-color: transparent;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .15s cubic-bezier(0.16, .61, .56, 1) .27s;
    transition: transform .15s cubic-bezier(0.16, .61, .56, 1) .27s
}

.player--play-pause-c78e1d8c.showPlay .pause .iconfont:before {
    background-color: #fff;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: background-color .12s cubic-bezier(0.16, .61, .56, 1), -webkit-transform .15s cubic-bezier(0.16, .61, .56, 1) .12s;
    transition: background-color .12s cubic-bezier(0.16, .61, .56, 1), transform .15s cubic-bezier(0.16, .61, .56, 1) .12s
}

.player--play-pause-c78e1d8c.showPlay .play .iconfont:before {
    background-color: transparent;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .15s cubic-bezier(0.16, .61, .56, 1) .27s;
    transition: transform .15s cubic-bezier(0.16, .61, .56, 1) .27s
}

.player--toggle-button-f7d86c5d {
    position: relative
}

.player--toggle-button-f7d86c5d.align-left .tooltip-wrapper {
    left: 8px;
    margin-left: 0
}

.player--toggle-button-f7d86c5d.align-left .tooltip:after {
    left: 4px;
    margin-left: 0
}

.player--toggle-button-f7d86c5d .icon-wrapper {
    height: 30px;
    width: 30px
}

.player--toggle-button-f7d86c5d .volume-level {
    float: left;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    margin: 4px 0 0 12px;
    color: #AAA;
    -webkit-transition: color .2s cubic-bezier(0.16, .61, .56, 1), opacity .2s cubic-bezier(0.16, .61, .56, 1);
    transition: color .2s cubic-bezier(0.16, .61, .56, 1), opacity .2s cubic-bezier(0.16, .61, .56, 1);
    opacity: 0
}

@media screen and (min-width: 760px) {
    .player--toggle-button-f7d86c5d .volume-level {
        font-size: 1em
    }
}

.player--toggle-button-f7d86c5d .volume-wrapper {
    position: absolute;
    top: 2px;
    left: 60px;
    right: 0
}

.player--toggle-button-f7d86c5d .volume-wrapper::after {
    clear: both;
    content: '';
    display: table
}

.player--toggle-button-f7d86c5d .volume-control {
    float: left;
    max-width: 0;
    overflow: hidden;
    height: 30px;
    -webkit-transition: max-width .3s cubic-bezier(0.16, .61, .56, 1);
    transition: max-width .3s cubic-bezier(0.16, .61, .56, 1)
}

.player--toggle-button-f7d86c5d.align-right .tooltip-wrapper {
    left: auto;
    margin-left: 0;
    right: 8px
}

.player--toggle-button-f7d86c5d.align-right .tooltip:after {
    left: auto;
    margin-left: 0;
    right: 4px
}

.player--toggle-button-f7d86c5d:hover .iconfont, .player--toggle-button-f7d86c5d:hover .volume-level {
    color: #fff
}

.player--toggle-button-f7d86c5d:hover .volume-control {
    max-width: 100px;
    -webkit-transition: max-width .3s cubic-bezier(0.16, .61, .56, 1);
    transition: max-width .3s cubic-bezier(0.16, .61, .56, 1)
}

.player--toggle-button-f7d86c5d:hover .volume-level {
    opacity: 1
}

.player--toggle-button-f7d86c5d .tooltip-wrapper {
    opacity: 0;
    -webkit-transition: opacity .2s cubic-bezier(0.16, .61, .56, 1), -webkit-transform .2s cubic-bezier(0.16, .61, .56, 1);
    transition: opacity .2s cubic-bezier(0.16, .61, .56, 1), transform .2s cubic-bezier(0.16, .61, .56, 1);
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
    position: absolute;
    z-index: 1;
    top: -40px;
    width: 120px;
    left: 50%;
    margin-left: -60px
}

.player--toggle-button-f7d86c5d .tooltip {
    background-color: #040404;
    padding: 4px 8px;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1em;
    display: inline-block;
    text-align: center;
    white-space: nowrap
}

@media screen and (min-width: 760px) {
    .player--toggle-button-f7d86c5d .tooltip {
        font-size: .875em
    }
}

.player--toggle-button-f7d86c5d .tooltip:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 6px solid #040404;
    bottom: -6px;
    left: 50%;
    margin-left: -8px
}

.player--toggle-button-f7d86c5d .iconfont {
    font-size: 30px;
    overflow: hidden;
    color: #AAA;
    -webkit-transition: color .2s cubic-bezier(0.16, .61, .56, 1);
    transition: color .2s cubic-bezier(0.16, .61, .56, 1)
}

.player--toggle-button-f7d86c5d .icon1, .player--toggle-button-f7d86c5d .icon2 {
    cursor: pointer;
    text-align: center;
    position: absolute;
    top: 0
}

.player--toggle-button-f7d86c5d .icon1:hover .tooltip-wrapper, .player--toggle-button-f7d86c5d .icon2:hover .tooltip-wrapper {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity .2s cubic-bezier(0.16, .61, .56, 1) 1s, -webkit-transform .2s cubic-bezier(0.16, .61, .56, 1) 1s;
    transition: opacity .2s cubic-bezier(0.16, .61, .56, 1) 1s, transform .2s cubic-bezier(0.16, .61, .56, 1) 1s
}

.player--toggle-button-f7d86c5d .icon1 .iconfont:before, .player--toggle-button-f7d86c5d .icon2 .iconfont:before {
    display: inline-block
}

.player--toggle-button-f7d86c5d .icon1 .iconfont:before {
    background-color: transparent;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.player--toggle-button-f7d86c5d .icon2 .iconfont:before {
    background-color: transparent;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.player--toggle-button-f7d86c5d.state1 .icon1 .tooltip, .player--toggle-button-f7d86c5d.state1 .volume-control {
    display: none
}

.player--toggle-button-f7d86c5d.state1 .icon1 .iconfont:before {
    background-color: #fff;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: background-color .12s cubic-bezier(0.16, .61, .56, 1), -webkit-transform .15s cubic-bezier(0.16, .61, .56, 1) .12s;
    transition: background-color .12s cubic-bezier(0.16, .61, .56, 1), transform .15s cubic-bezier(0.16, .61, .56, 1) .12s
}

.player--toggle-button-f7d86c5d.state1 .icon2 .tooltip {
    display: block
}

.player--toggle-button-f7d86c5d.state1 .icon2 .iconfont:before {
    background-color: transparent;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .15s cubic-bezier(0.16, .61, .56, 1) .27s;
    transition: transform .15s cubic-bezier(0.16, .61, .56, 1) .27s
}

.player--toggle-button-f7d86c5d.state2 .icon2 .tooltip {
    display: none
}

.player--toggle-button-f7d86c5d.state2 .icon2 .iconfont:before {
    background-color: #fff;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: background-color .12s cubic-bezier(0.16, .61, .56, 1), -webkit-transform .15s cubic-bezier(0.16, .61, .56, 1) .12s;
    transition: background-color .12s cubic-bezier(0.16, .61, .56, 1), transform .15s cubic-bezier(0.16, .61, .56, 1) .12s
}

.player--toggle-button-f7d86c5d.state2 .icon1 .tooltip {
    display: block
}

.player--toggle-button-f7d86c5d.state2 .icon1 .iconfont:before {
    background-color: transparent;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .15s cubic-bezier(0.16, .61, .56, 1) .27s;
    transition: transform .15s cubic-bezier(0.16, .61, .56, 1) .27s
}

.player--volume-slider-13d6a85e {
    height: 24px;
    position: relative
}

.player--volume-slider-13d6a85e .ellapsed {
    position: absolute;
    height: 4px;
    background-color: #fff;
    width: 50%;
    top: 12px;
    z-index: 2
}

.player--volume-slider-13d6a85e .output {
    float: right;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    font-weight: 400;
    width: 40px;
    position: absolute;
    right: -40px
}

@media screen and (min-width: 760px) {
    .player--volume-slider-13d6a85e .output {
        font-size: 1em
    }
}

.player--volume-slider-13d6a85e .background {
    background: gray;
    z-index: 1;
    position: absolute;
    top: 12px;
    width: 100%;
    height: 4px
}

.player--volume-slider-13d6a85e label, .player--volume-slider-13d6a85e output {
    color: #fff;
    border: 0
}

.player--volume-slider-13d6a85e input[type=range] {
    -webkit-appearance: none;
    width: 100%;
    margin: 0;
    border: 0;
    padding: 0;
    position: relative;
    top: 0
}

.player--volume-slider-13d6a85e input[type=range]:focus {
    outline: 0;
    border: 0
}

.player--volume-slider-13d6a85e input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 24px;
    border: 0;
    cursor: pointer;
    box-shadow: none;
    background: 0 0;
    border-radius: 0;
    position: relative;
    z-index: 3
}

.player--volume-slider-13d6a85e input[type=range]::-webkit-slider-thumb {
    box-shadow: 0;
    outline: 0;
    border: 0;
    height: 24px;
    width: 6px;
    border-radius: 0;
    background: #fff;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: 2px
}

.player--volume-slider-13d6a85e input[type=range]:focus::-webkit-slider-runnable-track {
    background: 0 0;
    border: 0
}

.styleguide--breakpoint-nav-1dfb1e6f ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.styleguide--breakpoint-nav-1dfb1e6f li {
    background: #f8f8f8;
    color: #999;
    cursor: pointer;
    display: inline-block;
    padding: 10px 20px
}

.styleguide--breakpoint-nav-1dfb1e6f li.is-active {
    color: #000
}

.styleguide--breakpoint-nav-1dfb1e6f li.is-disabled {
    color: #ddd;
    cursor: default;
    pointer-events: none
}

.styleguide--code-tabs-50432f4b .hidden {
    display: none
}

.styleguide--code-tabs-50432f4b .tabs {
    list-style: none;
    margin: 0;
    padding: 0
}

.styleguide--code-tabs-50432f4b .tabs li {
    background: #f8f8f8;
    display: inline-block;
    padding: 10px 20px
}

.styleguide--code-tabs-50432f4b .tabs li.is-active-variation {
    padding-right: 7px
}

.styleguide--code-tabs-50432f4b .tabs li.is-active-variation:after {
    content: '√';
    font-size: 14px;
    margin: 0 0 0 5px
}

.styleguide--code-tabs-50432f4b .tabs li.is-active a {
    color: #000
}

.styleguide--code-tabs-50432f4b .tabs a {
    color: #999;
    text-decoration: none
}

.styleguide--code-tabs-50432f4b .ui-code-highlight {
    background: #f8f8f8;
    display: none
}

.styleguide--code-tabs-50432f4b .ui-code-highlight.is-active {
    display: block
}

.styleguide--colours-page--alert-block-ec4b9f12 .alert-block {
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    padding: 10px 20px;
    position: relative;
    width: 80%
}

.styleguide--colours-page--alert-block-ec4b9f12 .alert-block .close {
    font-weight: 700;
    float: right
}

.styleguide--colours-page--default-swatch-b0c86957 .color-hues {
    border: 1px solid #ccc;
    width: 80%
}

.styleguide--colours-page--default-swatch-b0c86957 .color-hues-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.styleguide--colours-page--default-swatch-b0c86957 .color-hues-flex-item {
    height: 40px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.styleguide--colours-page--default-swatch-b0c86957 .color-hues-flex-item.main {
    -webkit-box-flex: 3;
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3
}

.styleguide--colours-page-9b872d7d .colors {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px;
    padding: 0 20px
}

.styleguide--colours-page-9b872d7d .colors-left, .styleguide--colours-page-9b872d7d .colors-right {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.styleguide--colours-page-9b872d7d .colors-left {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.styleguide--colours-page-9b872d7d .colors-right {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    cursor: pointer;
    display: block;
    margin-bottom: 10px;
    position: relative
}

.styleguide--colours-page-9b872d7d .colors-right .color {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    line-height: 30px;
    padding-top: 4px
}

.styleguide--colours-page-9b872d7d .colors-right .swatch {
    border: 1px solid #ccc;
    border-radius: 50%;
    display: inline-block;
    height: 30px;
    margin-right: 10px;
    position: relative;
    width: 30px
}

.styleguide--colours-page-9b872d7d .color-info-panel .swatch {
    border: 1px solid #ccc;
    height: 120px;
    margin: 20px
}

.styleguide--colours-page-9b872d7d .color-info-panel label {
    color: #999;
    font-size: .8em;
    padding: 0 20px
}

.styleguide--colours-page-9b872d7d .color-info-panel h2 {
    font-size: 2em;
    font-weight: 300;
    margin: 40px 0 0;
    padding: 0 20px
}

.styleguide--colours-page-9b872d7d .color-info-panel h3 {
    font-size: 1.2em;
    font-weight: 300;
    margin: 0 0 10px;
    padding: 0 20px
}

.styleguide--colours-page-9b872d7d .color-info-panel ul {
    list-style: none;
    padding: 0 20px
}

.styleguide--colours-page-9b872d7d .color-info-panel li {
    border: 1px solid #ccc;
    color: #fff;
    font-size: 3em;
    font-weight: 100;
    line-height: 60px;
    height: 60px;
    text-align: center
}

.styleguide--colours-page-9b872d7d .color-info-panel .lighter li {
    color: #000
}

.styleguide--colours-page-9b872d7d .contextual-window {
    background-color: #fff;
    bottom: 0;
    overflow: auto;
    padding-bottom: 60px;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: -webkit-transform .2s ease-in;
    transition: transform .2s ease-in;
    width: 30%;
    z-index: 20
}

.styleguide--colours-page-9b872d7d .overlay {
    background-color: rgba(0, 0, 0, .5);
    bottom: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in;
    width: 100%;
    z-index: 10
}

.styleguide--colours-page-9b872d7d .is-active .contextual-window {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.styleguide--colours-page-9b872d7d .is-active .overlay {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.styleguide--colours-page--type-block-2b9f6bdf {
    background-color: #fff;
    border: 1px solid #ccc;
    box-sizing: border-box;
    padding: 20px;
    width: 80%
}

.styleguide--colours-page--type-block-2b9f6bdf p {
    margin: 0
}

.styleguide--component--tile-component-9dc57b5a .tile {
    display: inline-block;
    float: none;
    margin-right: -5px;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    z-index: 1
}

.styleguide--component--tile-component-9dc57b5a h2 {
    font-size: 1.286em;
    font-weight: 400;
    font-family: TrimRegular
}

@media screen and (min-width: 760px) {
    .styleguide--component--tile-component-9dc57b5a h2 {
        font-size: 1.25em !important
    }
}

.styleguide--foundation--colour-module-2bebf06f .color-swatch {
    float: left;
    width: 50px;
    height: 50px;
    border-radius: 100px;
    border: 2px solid #fff;
    margin-right: 20px
}

.styleguide--foundation--colour-module-2bebf06f .title {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1em;
    color: #AAA
}

@media screen and (min-width: 760px) {
    .styleguide--foundation--colour-module-2bebf06f .title {
        font-size: .875em
    }
}

.styleguide--foundation--colour-module-2bebf06f .content {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    font-weight: 400
}

@media screen and (min-width: 760px) {
    .styleguide--foundation--colour-module-2bebf06f .content {
        font-size: 1em
    }
}

.styleguide--foundation--colour-module-2bebf06f .mt-row {
    margin-top: 20px;
    border-bottom: solid 2px #343434;
    padding-bottom: 20px
}

.styleguide--foundation--colour-module-2bebf06f h3 {
    font-size: 1.714em;
    font-weight: 400;
    font-family: TrimMedium
}

@media screen and (min-width: 760px) {
    .styleguide--foundation--colour-module-2bebf06f h3 {
        font-size: 1.75em !important
    }
}

.styleguide--foundation--dazn-logo-8bd8995e .logo-row {
    border-bottom: solid 2px #fff;
    padding-top: 40px;
    padding-bottom: 40px
}

.styleguide--foundation--dazn-logo-8bd8995e h4 {
    font-size: 1.714em;
    font-weight: 400;
    font-family: TrimMedium;
    margin: 0;
    text-transform: uppercase
}

@media screen and (min-width: 760px) {
    .styleguide--foundation--dazn-logo-8bd8995e h4 {
        font-size: 1.75em !important
    }
}

.styleguide--foundation--dazn-logo-8bd8995e p {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400
}

@media screen and (min-width: 760px) {
    .styleguide--foundation--dazn-logo-8bd8995e p {
        font-size: 1em
    }
}

.styleguide--foundation--dazn-logo-8bd8995e img {
    max-width: 100%
}

.styleguide--foundation--icon-font-0f5e8b2e h4 {
    color: #AAA;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    font-weight: 600;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 20px 0 8px
}

@media screen and (min-width: 760px) {
    .styleguide--foundation--icon-font-0f5e8b2e h4 {
        font-size: 1em
    }
}

.styleguide--foundation--icon-font-0f5e8b2e .intro {
    font-size: 1.286em;
    font-weight: 400;
    font-family: TrimMedium;
    max-width: 600px
}

@media screen and (min-width: 760px) {
    .styleguide--foundation--icon-font-0f5e8b2e .intro {
        font-size: 1.25em !important
    }
}

.styleguide--foundation--icon-font-0f5e8b2e h5 {
    color: #AAA;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1em;
    margin: 0;
    height: 40px
}

@media screen and (min-width: 760px) {
    .styleguide--foundation--icon-font-0f5e8b2e h5 {
        font-size: .875em
    }
}

.styleguide--foundation--icon-font-0f5e8b2e .group-title {
    font-size: 1.714em;
    font-weight: 400;
    font-family: TrimMedium;
    text-align: center;
    margin-bottom: 8px
}

@media screen and (min-width: 760px) {
    .styleguide--foundation--icon-font-0f5e8b2e .group-title {
        font-size: 1.75em !important
    }
}

.styleguide--foundation--icon-font-0f5e8b2e .mt-row {
    border-top: solid 2px #343434
}

.styleguide--foundation--icon-font-0f5e8b2e .description {
    margin: 0 0 40px;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    text-align: center;
    color: #AAA
}

@media screen and (min-width: 760px) {
    .styleguide--foundation--icon-font-0f5e8b2e .description {
        font-size: 1em
    }
}

.styleguide--foundation--icon-font-0f5e8b2e .icon-block {
    box-sizing: border-box;
    height: 150px;
    margin: 8px 0;
    text-align: center
}

.styleguide--foundation--icon-font-0f5e8b2e .icon-block .icon-x2 {
    font-size: 60px
}

.styleguide--foundation--icon-font-0f5e8b2e .icon-block .icon-x1 {
    font-size: 20px;
    position: relative;
    top: 20px;
    margin-left: 12px
}

.styleguide--foundation--icon-font-functional-0ff918d4 h4 {
    color: #AAA;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    font-weight: 600;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 20px 0 8px
}

@media screen and (min-width: 760px) {
    .styleguide--foundation--icon-font-functional-0ff918d4 h4 {
        font-size: 1em
    }
}

.styleguide--foundation--icon-font-functional-0ff918d4 .intro {
    font-size: 1.286em;
    font-weight: 400;
    font-family: TrimMedium;
    max-width: 600px
}

@media screen and (min-width: 760px) {
    .styleguide--foundation--icon-font-functional-0ff918d4 .intro {
        font-size: 1.25em !important
    }
}

.styleguide--foundation--icon-font-functional-0ff918d4 h5 {
    color: #AAA;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1em;
    margin: 0;
    height: 40px
}

@media screen and (min-width: 760px) {
    .styleguide--foundation--icon-font-functional-0ff918d4 h5 {
        font-size: .875em
    }
}

.styleguide--foundation--icon-font-functional-0ff918d4 .group-title {
    font-size: 1.714em;
    font-weight: 400;
    font-family: TrimMedium;
    text-align: center;
    margin-bottom: 8px
}

@media screen and (min-width: 760px) {
    .styleguide--foundation--icon-font-functional-0ff918d4 .group-title {
        font-size: 1.75em !important
    }
}

.styleguide--foundation--icon-font-functional-0ff918d4 .mt-row {
    border-top: solid 2px #343434
}

.styleguide--foundation--icon-font-functional-0ff918d4 .description {
    margin: 0 0 40px;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    text-align: center;
    color: #AAA
}

@media screen and (min-width: 760px) {
    .styleguide--foundation--icon-font-functional-0ff918d4 .description {
        font-size: 1em
    }
}

.styleguide--foundation--icon-font-functional-0ff918d4 .icon-block {
    box-sizing: border-box;
    height: 150px;
    margin: 8px 0;
    text-align: center
}

.styleguide--foundation--icon-font-functional-0ff918d4 .icon-block .icon-x2 {
    font-size: 60px
}

.styleguide--foundation--icon-font-functional-0ff918d4 .icon-block .icon-x1 {
    font-size: 20px;
    position: relative;
    top: 20px;
    margin-left: 12px
}

.styleguide--foundation--responsive-grid-c29d287e h2 {
    text-align: center
}

.styleguide--foundation--responsive-grid-c29d287e .mt-container {
    margin-bottom: 20px
}

.styleguide--foundation--responsive-grid-c29d287e .mt-row>div>div {
    background-color: #2a2a2a;
    height: 40px;
    line-height: 40px;
    margin-bottom: 8px;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #fff;
    overflow: hidden
}

.styleguide--foundation--typography-module-5063e5fa .table {
    display: table;
    margin-top: 20px;
    margin-bottom: 80px
}

.styleguide--foundation--typography-module-5063e5fa .table-row {
    display: table-row
}

.styleguide--foundation--typography-module-5063e5fa .table-row.header {
    display: table-header-group;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1em;
    color: #AAA
}

@media screen and (min-width: 760px) {
    .styleguide--foundation--typography-module-5063e5fa .table-row.header {
        font-size: .875em
    }
}

.styleguide--foundation--typography-module-5063e5fa .table-cell {
    display: table-cell;
    padding: 10px;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    border-bottom: solid 2px #343434
}

@media screen and (min-width: 760px) {
    .styleguide--foundation--typography-module-5063e5fa .table-cell {
        font-size: 1em
    }
}

.styleguide--foundation--typography-module-5063e5fa .title {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1em;
    color: #AAA;
    margin-top: 40px
}

@media screen and (min-width: 760px) {
    .styleguide--foundation--typography-module-5063e5fa .title {
        font-size: .875em
    }
}

.styleguide--foundation--typography-module-5063e5fa hr {
    display: block;
    margin-top: 20px;
    border: 0;
    height: 1px;
    background: #343434
}

.styleguide--foundation--typography-module-5063e5fa .uppercase {
    text-transform: uppercase
}

.styleguide--foundation--typography-module-5063e5fa .subtitle {
    color: #AAA;
    margin-top: 40px
}

.styleguide--foundation--typography-module-5063e5fa h1, .styleguide--foundation--typography-module-5063e5fa h2, .styleguide--foundation--typography-module-5063e5fa h3, .styleguide--foundation--typography-module-5063e5fa h4, .styleguide--foundation--typography-module-5063e5fa h5, .styleguide--foundation--typography-module-5063e5fa h6 {
    margin: 0
}

.styleguide--foundation--typography-module-5063e5fa h1.medium {
    font-size: 3.429em !important;
    font-weight: 400;
    font-family: TrimMedium
}

@media screen and (min-width: 760px) {
    .styleguide--foundation--typography-module-5063e5fa h1.medium {
        font-size: 4.5em !important
    }
}

.styleguide--foundation--typography-module-5063e5fa h1.bold {
    font-size: 3.429em !important;
    font-weight: 400;
    font-family: TrimBold
}

@media screen and (min-width: 760px) {
    .styleguide--foundation--typography-module-5063e5fa h1.bold {
        font-size: 4.5em !important
    }
}

.styleguide--foundation--typography-module-5063e5fa h2.medium {
    font-size: 2.286em;
    font-weight: 400;
    text-transform: uppercase;
    font-family: TrimMedium
}

@media screen and (min-width: 760px) {
    .styleguide--foundation--typography-module-5063e5fa h2.medium {
        font-size: 3em !important
    }
}

.styleguide--foundation--typography-module-5063e5fa h2.bold {
    font-size: 2.286em;
    font-weight: 400;
    text-transform: uppercase;
    font-family: TrimBold
}

@media screen and (min-width: 760px) {
    .styleguide--foundation--typography-module-5063e5fa h2.bold {
        font-size: 3em !important
    }
}

.styleguide--foundation--typography-module-5063e5fa h3.regular {
    font-size: 1.714em;
    font-weight: 400;
    font-family: TrimRegular
}

@media screen and (min-width: 760px) {
    .styleguide--foundation--typography-module-5063e5fa h3.regular {
        font-size: 1.75em !important
    }
}

.styleguide--foundation--typography-module-5063e5fa h3.medium {
    font-size: 1.714em;
    font-weight: 400;
    font-family: TrimMedium
}

@media screen and (min-width: 760px) {
    .styleguide--foundation--typography-module-5063e5fa h3.medium {
        font-size: 1.75em !important
    }
}

.styleguide--foundation--typography-module-5063e5fa h4.regular {
    font-size: 1.286em;
    font-weight: 400;
    font-family: TrimRegular
}

@media screen and (min-width: 760px) {
    .styleguide--foundation--typography-module-5063e5fa h4.regular {
        font-size: 1.25em !important
    }
}

.styleguide--foundation--typography-module-5063e5fa h4.medium {
    font-size: 1.286em;
    font-weight: 400;
    font-family: TrimMedium
}

@media screen and (min-width: 760px) {
    .styleguide--foundation--typography-module-5063e5fa h4.medium {
        font-size: 1.25em !important
    }
}

.styleguide--foundation--typography-module-5063e5fa h4.bold {
    font-size: 1.286em;
    font-weight: 400;
    font-family: TrimBold
}

@media screen and (min-width: 760px) {
    .styleguide--foundation--typography-module-5063e5fa h4.bold {
        font-size: 1.25em !important
    }
}

.styleguide--foundation--typography-module-5063e5fa h4.regular-helvet {
    font-size: 1.286em;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-weight: 400
}

@media screen and (min-width: 760px) {
    .styleguide--foundation--typography-module-5063e5fa h4.regular-helvet {
        font-size: 1.25em !important
    }
}

.styleguide--foundation--typography-module-5063e5fa h5.regular {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    font-weight: 400
}

@media screen and (min-width: 760px) {
    .styleguide--foundation--typography-module-5063e5fa h5.regular {
        font-size: 1em
    }
}

.styleguide--foundation--typography-module-5063e5fa h5.bold {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    font-weight: 600
}

@media screen and (min-width: 760px) {
    .styleguide--foundation--typography-module-5063e5fa h5.bold {
        font-size: 1em
    }
}

.styleguide--foundation--typography-module-5063e5fa h6 {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1em
}

@media screen and (min-width: 760px) {
    .styleguide--foundation--typography-module-5063e5fa h6 {
        font-size: .875em
    }
}

.styleguide--navigation--nav-tab-4c5ede81 ul {
    display: block;
    margin: 0;
    padding: 0
}

.styleguide--navigation--nav-tab-4c5ede81 ul>li {
    display: inline-block;
    margin-left: -5px;
    opacity: .5
}

.styleguide--navigation--nav-tab-4c5ede81 ul>li.active {
    opacity: 1
}

.styleguide--navigation--nav-tab-4c5ede81 .tab-nav>li {
    text-align: center;
    width: calc(100% / 3)
}

.styleguide--page-wrapper-55709bc3 {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
}

.styleguide--page-wrapper-55709bc3 html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

.styleguide--page-wrapper-55709bc3 body {
    margin: 0
}

.styleguide--page-wrapper-55709bc3 article, .styleguide--page-wrapper-55709bc3 aside, .styleguide--page-wrapper-55709bc3 details, .styleguide--page-wrapper-55709bc3 figcaption, .styleguide--page-wrapper-55709bc3 figure, .styleguide--page-wrapper-55709bc3 footer, .styleguide--page-wrapper-55709bc3 header, .styleguide--page-wrapper-55709bc3 hgroup, .styleguide--page-wrapper-55709bc3 main, .styleguide--page-wrapper-55709bc3 menu, .styleguide--page-wrapper-55709bc3 nav, .styleguide--page-wrapper-55709bc3 section, .styleguide--page-wrapper-55709bc3 summary {
    display: block
}

.styleguide--page-wrapper-55709bc3 audio, .styleguide--page-wrapper-55709bc3 canvas, .styleguide--page-wrapper-55709bc3 progress, .styleguide--page-wrapper-55709bc3 video {
    display: inline-block;
    vertical-align: baseline
}

.styleguide--page-wrapper-55709bc3 audio:not([controls]) {
    display: none;
    height: 0
}

.styleguide--page-wrapper-55709bc3 [hidden], .styleguide--page-wrapper-55709bc3 template {
    display: none
}

.styleguide--page-wrapper-55709bc3 a {
    background-color: transparent
}

.styleguide--page-wrapper-55709bc3 a:active, .styleguide--page-wrapper-55709bc3 a:hover {
    outline: 0
}

.styleguide--page-wrapper-55709bc3 abbr[title] {
    border-bottom: 1px dotted
}

.styleguide--page-wrapper-55709bc3 b, .styleguide--page-wrapper-55709bc3 strong {
    font-weight: 700
}

.styleguide--page-wrapper-55709bc3 dfn {
    font-style: italic
}

.styleguide--page-wrapper-55709bc3 h1 {
    font-size: 2em;
    margin: .67em 0
}

.styleguide--page-wrapper-55709bc3 mark {
    background: #ff0;
    color: #000
}

.styleguide--page-wrapper-55709bc3 small {
    font-size: 80%
}

.styleguide--page-wrapper-55709bc3 sub, .styleguide--page-wrapper-55709bc3 sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

.styleguide--page-wrapper-55709bc3 sup {
    top: -.5em
}

.styleguide--page-wrapper-55709bc3 sub {
    bottom: -.25em
}

.styleguide--page-wrapper-55709bc3 img {
    border: 0
}

.styleguide--page-wrapper-55709bc3 svg:not(:root) {
    overflow: hidden
}

.styleguide--page-wrapper-55709bc3 figure {
    margin: 1em 40px
}

.styleguide--page-wrapper-55709bc3 hr {
    box-sizing: content-box;
    height: 0
}

.styleguide--page-wrapper-55709bc3 pre {
    overflow: auto
}

.styleguide--page-wrapper-55709bc3 code, .styleguide--page-wrapper-55709bc3 kbd, .styleguide--page-wrapper-55709bc3 pre, .styleguide--page-wrapper-55709bc3 samp {
    font-family: monospace, monospace;
    font-size: 1em
}

.styleguide--page-wrapper-55709bc3 button, .styleguide--page-wrapper-55709bc3 input, .styleguide--page-wrapper-55709bc3 optgroup, .styleguide--page-wrapper-55709bc3 select, .styleguide--page-wrapper-55709bc3 textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

.styleguide--page-wrapper-55709bc3 button {
    overflow: visible
}

.styleguide--page-wrapper-55709bc3 button, .styleguide--page-wrapper-55709bc3 select {
    text-transform: none
}

.styleguide--page-wrapper-55709bc3 button, .styleguide--page-wrapper-55709bc3 html input[type=button], .styleguide--page-wrapper-55709bc3 input[type=reset], .styleguide--page-wrapper-55709bc3 input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

.styleguide--page-wrapper-55709bc3 button[disabled], .styleguide--page-wrapper-55709bc3 html input[disabled] {
    cursor: default
}

.styleguide--page-wrapper-55709bc3 button::-moz-focus-inner, .styleguide--page-wrapper-55709bc3 input::-moz-focus-inner {
    border: 0;
    padding: 0
}

.styleguide--page-wrapper-55709bc3 input {
    line-height: normal
}

.styleguide--page-wrapper-55709bc3 input[type=checkbox], .styleguide--page-wrapper-55709bc3 input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

.styleguide--page-wrapper-55709bc3 input[type=number]::-webkit-inner-spin-button, .styleguide--page-wrapper-55709bc3 input[type=number]::-webkit-outer-spin-button {
    height: auto
}

.styleguide--page-wrapper-55709bc3 input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

.styleguide--page-wrapper-55709bc3 input[type=search]::-webkit-search-cancel-button, .styleguide--page-wrapper-55709bc3 input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

.styleguide--page-wrapper-55709bc3 fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

.styleguide--page-wrapper-55709bc3 legend {
    border: 0;
    padding: 0
}

.styleguide--page-wrapper-55709bc3 textarea {
    overflow: auto
}

.styleguide--page-wrapper-55709bc3 optgroup {
    font-weight: 700
}

.styleguide--page-wrapper-55709bc3 table {
    border-collapse: collapse;
    border-spacing: 0
}

.styleguide--page-wrapper-55709bc3 td, .styleguide--page-wrapper-55709bc3 th {
    padding: 0
}

.styleguide--page-wrapper-55709bc3.is-menu-open .main-content {
    margin-left: 300px
}

.styleguide--page-wrapper-55709bc3 .main-content {
    left: 0;
    position: relative;
    -webkit-transition: margin-left .1s ease-in;
    transition: margin-left .1s ease-in
}

.styleguide--side-nav-bc5c7182 .hamburger-menu {
    height: 20px;
    left: 20px;
    position: fixed;
    top: 20px;
    -webkit-transition: left .1s ease-in;
    transition: left .1s ease-in;
    width: 20px;
    z-index: 10
}

.styleguide--side-nav-bc5c7182 .hamburger-menu .hamburger-icon {
    background-color: #4894d0;
    height: 2px;
    margin-top: 6px;
    -webkit-transition: background-color .1s ease-in, -webkit-transform .1s ease-in;
    transition: background-color .1s ease-in, transform .1s ease-in;
    width: 20px
}

.styleguide--side-nav-bc5c7182 .hamburger-menu .hamburger-icon:after, .styleguide--side-nav-bc5c7182 .hamburger-menu .hamburger-icon:before {
    background-color: #4894d0;
    content: '';
    display: block;
    height: 2px;
    left: 0;
    position: relative;
    width: 20px
}

.styleguide--side-nav-bc5c7182 .hamburger-menu .hamburger-icon:before {
    top: -6px
}

.styleguide--side-nav-bc5c7182 .hamburger-menu .hamburger-icon:after {
    top: 4px
}

.styleguide--side-nav-bc5c7182 .side-nav {
    background-color: #0d0d0d;
    border-right: solid 1px #666;
    bottom: 0;
    color: #fff;
    left: -300px;
    position: fixed;
    top: 0;
    -webkit-transition: left .1s ease-in;
    transition: left .1s ease-in;
    width: 300px;
    z-index: 5
}

.styleguide--side-nav-bc5c7182 .side-nav ul {
    display: block;
    margin: 0 0 10px;
    padding: 0
}

.styleguide--side-nav-bc5c7182 .side-nav>ul, .styleguide--side-nav-bc5c7182 .side-nav>ul>ul {
    margin-bottom: 20px
}

.styleguide--side-nav-bc5c7182 .side-nav li {
    display: block;
    margin: 0;
    padding: 0
}

.styleguide--side-nav-bc5c7182 .side-nav li a {
    color: inherit;
    text-decoration: none
}

.styleguide--side-nav-bc5c7182 .side-nav li.level-1 {
    font-weight: 600;
    color: #4894d0;
    font-size: 18px;
    margin-top: 30px;
    text-indent: 15px
}

.styleguide--side-nav-bc5c7182 .side-nav li.level-2 {
    font-weight: 600;
    color: #d9d9d9;
    font-size: 16px;
    line-height: 30px;
    margin-top: 10px;
    text-indent: 15px
}

.styleguide--side-nav-bc5c7182 .side-nav li.level-3 {
    font-weight: 200;
    border-bottom: solid 1px #666;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    text-indent: 15px
}

.is-menu-open .styleguide--side-nav-bc5c7182 .hamburger-menu {
    left: 260px
}

.is-menu-open .styleguide--side-nav-bc5c7182 .hamburger-icon {
    background-color: transparent
}

.is-menu-open .styleguide--side-nav-bc5c7182 .hamburger-icon:before {
    -webkit-animation: closeMenu .2s ease-in forwards;
    animation: closeMenu .2s ease-in forwards
}

.is-menu-open .styleguide--side-nav-bc5c7182 .hamburger-icon:after {
    -webkit-animation: closeMenu2 .2s ease-in forwards;
    animation: closeMenu2 .2s ease-in forwards
}

.is-menu-open .styleguide--side-nav-bc5c7182 .side-nav {
    left: 0
}

@-webkit-keyframes "closeMenu" {
    0% {
        -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
        transform: translate3d(0, 0, 0) rotate(0deg);
    }
    50% {
        -webkit-transform: translate3d(0, 6px, 0) rotate(0deg);
        transform: translate3d(0, 6px, 0) rotate(0deg);
    }
    100% {
        -webkit-transform: translate3d(0, 6px, 0) rotate(45deg);
        transform: translate3d(0, 6px, 0) rotate(45deg);
    }
}

@keyframes "closeMenu" {
    0% {
        -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
        transform: translate3d(0, 0, 0) rotate(0deg);
    }
    50% {
        -webkit-transform: translate3d(0, 6px, 0) rotate(0deg);
        transform: translate3d(0, 6px, 0) rotate(0deg);
    }
    100% {
        -webkit-transform: translate3d(0, 6px, 0) rotate(45deg);
        transform: translate3d(0, 6px, 0) rotate(45deg);
    }
}

@-webkit-keyframes "closeMenu2" {
    0% {
        -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
        transform: translate3d(0, 0, 0) rotate(0deg);
    }
    50% {
        -webkit-transform: translate3d(0, -6px, 0) rotate(0deg);
        transform: translate3d(0, -6px, 0) rotate(0deg);
    }
    100% {
        -webkit-transform: translate3d(0, -6px, 0) rotate(-45deg);
        transform: translate3d(0, -6px, 0) rotate(-45deg);
    }
}

@keyframes "closeMenu2" {
    0% {
        -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
        transform: translate3d(0, 0, 0) rotate(0deg);
    }
    50% {
        -webkit-transform: translate3d(0, -6px, 0) rotate(0deg);
        transform: translate3d(0, -6px, 0) rotate(0deg);
    }
    100% {
        -webkit-transform: translate3d(0, -6px, 0) rotate(-45deg);
        transform: translate3d(0, -6px, 0) rotate(-45deg);
    }
}

.styleguide--styleguide-wrapper-755c95d3 {
    margin-bottom: 100px
}

.styleguide--styleguide-wrapper-755c95d3 .side-img {
    display: none
}

@media screen and (min-width: 760px) {
    .styleguide--styleguide-wrapper-755c95d3 .side-img {
        display: block
    }
}

.styleguide--styleguide-wrapper-755c95d3 .section-title {
    margin: 0;
    padding: 60px 0 20px;
    color: #fff
}

.styleguide--styleguide-wrapper-755c95d3 .section-title .title {
    margin: 0 0 20px;
    padding: 0;
    float: left;
    font-size: 2.286em;
    font-weight: 400;
    text-transform: uppercase;
    font-family: TrimMedium
}

@media screen and (min-width: 760px) {
    .styleguide--styleguide-wrapper-755c95d3 .section-title .title {
        font-size: 3em !important
    }
}

.styleguide--styleguide-wrapper-755c95d3 .section-title .limited-container {
    border-bottom: solid 4px #fff
}

.styleguide--styleguide-wrapper-755c95d3 .small-container::after {
    clear: both;
    content: '';
    display: table
}

.styleguide--styleguide-wrapper-755c95d3 .component-intro {
    margin-top: 40px;
    padding-bottom: 40px;
    border-bottom: solid 2px #fff
}

.styleguide--styleguide-wrapper-755c95d3 .component-intro h4 {
    font-size: 1.286em;
    font-weight: 400;
    font-family: TrimBold;
    margin: 0
}

@media screen and (min-width: 760px) {
    .styleguide--styleguide-wrapper-755c95d3 .component-intro h4 {
        font-size: 1.25em !important
    }
}

.styleguide--styleguide-wrapper-755c95d3 .component-intro p {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    margin: 0;
    display: block
}

@media screen and (min-width: 760px) {
    .styleguide--styleguide-wrapper-755c95d3 .component-intro p {
        font-size: 1em
    }
}

.styleguide--styleguide-wrapper-755c95d3 .component-intro a {
    margin-top: 40px;
    display: block
}

.styleguide--styleguide-wrapper-755c95d3 .grid-row>div>div {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1em;
    background-color: #2a2a2a;
    color: #AAA;
    height: 40px;
    line-height: 40px;
    margin-bottom: 8px;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #343434;
    overflow: hidden
}

@media screen and (min-width: 760px) {
    .styleguide--styleguide-wrapper-755c95d3 .grid-row>div>div {
        font-size: .875em
    }
}

.styleguide--styleguide-wrapper-755c95d3 .section-header {
    font-size: 1.286em;
    font-weight: 400;
    font-family: TrimMedium;
    max-width: 600px;
    line-height: 1.35;
    margin-bottom: 32px
}

@media screen and (min-width: 760px) {
    .styleguide--styleguide-wrapper-755c95d3 .section-header {
        font-size: 1.25em !important
    }
}

.styleguide--styleguide-wrapper-755c95d3 .download {
    border: 1px solid #343434;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    font-weight: 600;
    display: inline-block;
    padding: 8px 16px;
    position: relative;
    top: 20px;
    text-decoration: none;
    float: right
}

@media screen and (min-width: 760px) {
    .styleguide--styleguide-wrapper-755c95d3 .download {
        font-size: 1em
    }
}

.styleguide--styleguide-wrapper-755c95d3 .breakpoint-table {
    border-top: solid 1px #343434;
    border-bottom: solid 1px #343434;
    margin-bottom: 40px
}

.styleguide--styleguide-wrapper-755c95d3 .breakpoint-table p {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    margin: 4px 0
}

@media screen and (min-width: 760px) {
    .styleguide--styleguide-wrapper-755c95d3 .breakpoint-table p {
        font-size: 1em
    }
}

.styleguide--styleguide-wrapper-755c95d3 .breakpoint-table h3 {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1em;
    margin: 8px 0;
    color: #AAA
}

@media screen and (min-width: 760px) {
    .styleguide--styleguide-wrapper-755c95d3 .breakpoint-table h3 {
        font-size: .875em
    }
}

.styleguide--test--typography-test-a7947d3a .wrapper {
    margin: 120px 0
}

.styleguide--tile-wrapper-a4f674c3 {
    padding: 80px 0
}

.styleguide--tile-wrapper-a4f674c3.isFeatured .featured {
    background: #fff;
    color: #000
}

.styleguide--tile-wrapper-a4f674c3.hide-feature .featured {
    opacity: 0;
    cursor: auto
}

.styleguide--tile-wrapper-a4f674c3.hide-feature .featured:hover {
    opacity: 0
}

.styleguide--tile-wrapper-a4f674c3 .featured {
    margin: 20px;
    padding: .2em .8em;
    border: 1px solid #fff;
    cursor: pointer;
    display: inline-block;
    opacity: .8;
    -webkit-transition: opacity .08s cubic-bezier(0.16, .61, .56, 1), color .08s cubic-bezier(0.16, .61, .56, 1), background .08s cubic-bezier(0.16, .61, .56, 1);
    transition: opacity .08s cubic-bezier(0.16, .61, .56, 1), color .08s cubic-bezier(0.16, .61, .56, 1), background .08s cubic-bezier(0.16, .61, .56, 1)
}

.styleguide--tile-wrapper-a4f674c3 .featured:hover {
    opacity: 1
}

.styleguide--view-page-9cfbe5e0 .description {
    border: 1px solid #f8f8f8;
    margin: 20px 0;
    padding: 10px
}

.styleguide--view-page-9cfbe5e0 .iframe-holder {
    background: #f8f8f8;
    box-sizing: border-box;
    margin: 0 0 20px;
    padding: 20px;
    text-align: center;
    width: 100%
}

.styleguide--view-page-9cfbe5e0 .iframe-holder .demo-iframe {
    -webkit-transition: width .3s ease-out, height .3s ease-out;
    transition: width .3s ease-out, height .3s ease-out;
    max-height: 400px
}

.styleguide--view-page-9cfbe5e0 .demo-iframe {
    background: #fff;
    border: 0;
    margin: 0
}

.styleguide--view-page-9cfbe5e0 .offscreen-iframe {
    left: -2000px;
    opacity: 0;
    position: absolute
}

.styleguide--view-page-9cfbe5e0 .description {
    color: #333;
    font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    overflow: hidden;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    word-wrap: break-word
}

.styleguide--view-page-9cfbe5e0 .description a {
    background-color: transparent
}

.styleguide--view-page-9cfbe5e0 .description a:active, .styleguide--view-page-9cfbe5e0 .description a:hover {
    outline: 0
}

.styleguide--view-page-9cfbe5e0 .description strong {
    font-weight: 700
}

.styleguide--view-page-9cfbe5e0 .description h1 {
    margin: .67em 0
}

.styleguide--view-page-9cfbe5e0 .description img {
    border: 0
}

.styleguide--view-page-9cfbe5e0 .description hr {
    box-sizing: content-box
}

.styleguide--view-page-9cfbe5e0 .description input {
    color: inherit;
    margin: 0
}

.styleguide--view-page-9cfbe5e0 .description html input[disabled] {
    cursor: default
}

.styleguide--view-page-9cfbe5e0 .description input {
    line-height: normal
}

.styleguide--view-page-9cfbe5e0 .description input[type=checkbox] {
    box-sizing: border-box;
    padding: 0
}

.styleguide--view-page-9cfbe5e0 .description table {
    border-collapse: collapse;
    border-spacing: 0
}

.styleguide--view-page-9cfbe5e0 .description td, .styleguide--view-page-9cfbe5e0 .description th {
    padding: 0
}

.styleguide--view-page-9cfbe5e0 .description * {
    box-sizing: border-box
}

.styleguide--view-page-9cfbe5e0 .description input {
    font: 13px/1.4 Helvetica, arial, nimbussansl, liberationsans, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol"
}

.styleguide--view-page-9cfbe5e0 .description a {
    color: #4078c0;
    text-decoration: none
}

.styleguide--view-page-9cfbe5e0 .description a:active, .styleguide--view-page-9cfbe5e0 .description a:hover {
    text-decoration: underline
}

.styleguide--view-page-9cfbe5e0 .description hr {
    overflow: hidden;
    background: 0 0
}

.styleguide--view-page-9cfbe5e0 .description hr:before {
    display: table;
    content: ""
}

.styleguide--view-page-9cfbe5e0 .description hr:after {
    display: table;
    clear: both;
    content: ""
}

.styleguide--view-page-9cfbe5e0 .description blockquote {
    margin: 0
}

.styleguide--view-page-9cfbe5e0 .description ol, .styleguide--view-page-9cfbe5e0 .description ul {
    padding: 0
}

.styleguide--view-page-9cfbe5e0 .description ol ol, .styleguide--view-page-9cfbe5e0 .description ul ol {
    list-style-type: lower-roman
}

.styleguide--view-page-9cfbe5e0 .description ol ol ol, .styleguide--view-page-9cfbe5e0 .description ol ul ol, .styleguide--view-page-9cfbe5e0 .description ul ol ol, .styleguide--view-page-9cfbe5e0 .description ul ul ol {
    list-style-type: lower-alpha
}

.styleguide--view-page-9cfbe5e0 .description dd {
    margin-left: 0
}

.styleguide--view-page-9cfbe5e0 .description code {
    font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace
}

.styleguide--view-page-9cfbe5e0 .description pre {
    font: 12px Consolas, "Liberation Mono", Menlo, Courier, monospace
}

.styleguide--view-page-9cfbe5e0 .description .octicon {
    font: normal normal normal 16px/1 octicons-anchor;
    display: inline-block;
    text-decoration: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.styleguide--view-page-9cfbe5e0 .description .octicon-link:before {
    content: '\f05c'
}

.styleguide--view-page-9cfbe5e0 .description .markdown-body>:first-child {
    margin-top: 0 !important
}

.styleguide--view-page-9cfbe5e0 .description .markdown-body>:last-child {
    margin-bottom: 0 !important
}

.styleguide--view-page-9cfbe5e0 .description a:not([href]) {
    color: inherit;
    text-decoration: none
}

.styleguide--view-page-9cfbe5e0 .description .anchor {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    padding-right: 6px;
    padding-left: 30px;
    margin-left: -30px
}

.styleguide--view-page-9cfbe5e0 .description .anchor:focus {
    outline: 0
}

.styleguide--view-page-9cfbe5e0 .description h1, .styleguide--view-page-9cfbe5e0 .description h2, .styleguide--view-page-9cfbe5e0 .description h3, .styleguide--view-page-9cfbe5e0 .description h4, .styleguide--view-page-9cfbe5e0 .description h5, .styleguide--view-page-9cfbe5e0 .description h6 {
    position: relative;
    margin-top: 1em;
    margin-bottom: 16px;
    font-weight: 700;
    line-height: 1.4
}

.styleguide--view-page-9cfbe5e0 .description h1 .octicon-link, .styleguide--view-page-9cfbe5e0 .description h2 .octicon-link, .styleguide--view-page-9cfbe5e0 .description h3 .octicon-link, .styleguide--view-page-9cfbe5e0 .description h4 .octicon-link, .styleguide--view-page-9cfbe5e0 .description h5 .octicon-link, .styleguide--view-page-9cfbe5e0 .description h6 .octicon-link {
    display: none;
    color: #000;
    vertical-align: middle
}

.styleguide--view-page-9cfbe5e0 .description h1:hover .anchor, .styleguide--view-page-9cfbe5e0 .description h2:hover .anchor, .styleguide--view-page-9cfbe5e0 .description h3:hover .anchor, .styleguide--view-page-9cfbe5e0 .description h4:hover .anchor, .styleguide--view-page-9cfbe5e0 .description h5:hover .anchor, .styleguide--view-page-9cfbe5e0 .description h6:hover .anchor {
    padding-left: 8px;
    margin-left: -30px;
    text-decoration: none
}

.styleguide--view-page-9cfbe5e0 .description h1:hover .anchor .octicon-link, .styleguide--view-page-9cfbe5e0 .description h2:hover .anchor .octicon-link, .styleguide--view-page-9cfbe5e0 .description h3:hover .anchor .octicon-link, .styleguide--view-page-9cfbe5e0 .description h4:hover .anchor .octicon-link, .styleguide--view-page-9cfbe5e0 .description h5:hover .anchor .octicon-link, .styleguide--view-page-9cfbe5e0 .description h6:hover .anchor .octicon-link {
    display: inline-block
}

.styleguide--view-page-9cfbe5e0 .description h1 {
    padding-bottom: .3em;
    font-size: 2.25em;
    line-height: 1.2;
    border-bottom: 1px solid #eee
}

.styleguide--view-page-9cfbe5e0 .description h1 .anchor {
    line-height: 1
}

.styleguide--view-page-9cfbe5e0 .description h2 {
    padding-bottom: .3em;
    font-size: 1.75em;
    line-height: 1.225;
    border-bottom: 1px solid #eee
}

.styleguide--view-page-9cfbe5e0 .description h2 .anchor {
    line-height: 1
}

.styleguide--view-page-9cfbe5e0 .description h3 {
    font-size: 1.5em;
    line-height: 1.43
}

.styleguide--view-page-9cfbe5e0 .description h3 .anchor {
    line-height: 1.2
}

.styleguide--view-page-9cfbe5e0 .description h4 {
    font-size: 1.25em
}

.styleguide--view-page-9cfbe5e0 .description h4 .anchor {
    line-height: 1.2
}

.styleguide--view-page-9cfbe5e0 .description h5 {
    font-size: 1em
}

.styleguide--view-page-9cfbe5e0 .description h5 .anchor {
    line-height: 1.1
}

.styleguide--view-page-9cfbe5e0 .description h6 {
    font-size: 1em;
    color: #777
}

.styleguide--view-page-9cfbe5e0 .description h6 .anchor {
    line-height: 1.1
}

.styleguide--view-page-9cfbe5e0 .description blockquote, .styleguide--view-page-9cfbe5e0 .description dl, .styleguide--view-page-9cfbe5e0 .description ol, .styleguide--view-page-9cfbe5e0 .description p, .styleguide--view-page-9cfbe5e0 .description pre, .styleguide--view-page-9cfbe5e0 .description table, .styleguide--view-page-9cfbe5e0 .description ul {
    margin-top: 0;
    margin-bottom: 16px
}

.styleguide--view-page-9cfbe5e0 .description hr {
    height: 4px;
    padding: 0;
    margin: 16px 0;
    background-color: #e7e7e7;
    border: 0
}

.styleguide--view-page-9cfbe5e0 .description ol, .styleguide--view-page-9cfbe5e0 .description ul {
    padding-left: 2em
}

.styleguide--view-page-9cfbe5e0 .description ol ol, .styleguide--view-page-9cfbe5e0 .description ol ul, .styleguide--view-page-9cfbe5e0 .description ul ol, .styleguide--view-page-9cfbe5e0 .description ul ul {
    margin-top: 0;
    margin-bottom: 0
}

.styleguide--view-page-9cfbe5e0 .description li>p {
    margin-top: 16px
}

.styleguide--view-page-9cfbe5e0 .description dl {
    padding: 0
}

.styleguide--view-page-9cfbe5e0 .description dl dt {
    padding: 0;
    margin-top: 16px;
    font-size: 1em;
    font-style: italic;
    font-weight: 700
}

.styleguide--view-page-9cfbe5e0 .description dl dd {
    padding: 0 16px;
    margin-bottom: 16px
}

.styleguide--view-page-9cfbe5e0 .description blockquote {
    padding: 0 15px;
    color: #777;
    border-left: 4px solid #ddd
}

.styleguide--view-page-9cfbe5e0 .description blockquote>:first-child {
    margin-top: 0
}

.styleguide--view-page-9cfbe5e0 .description blockquote>:last-child {
    margin-bottom: 0
}

.styleguide--view-page-9cfbe5e0 .description table {
    display: block;
    width: 100%;
    overflow: auto;
    word-break: normal;
    word-break: keep-all
}

.styleguide--view-page-9cfbe5e0 .description table th {
    font-weight: 700
}

.styleguide--view-page-9cfbe5e0 .description table td, .styleguide--view-page-9cfbe5e0 .description table th {
    padding: 6px 13px;
    border: 1px solid #ddd
}

.styleguide--view-page-9cfbe5e0 .description table tr {
    background-color: #fff;
    border-top: 1px solid #ccc
}

.styleguide--view-page-9cfbe5e0 .description table tr:nth-child(2n) {
    background-color: #f8f8f8
}

.styleguide--view-page-9cfbe5e0 .description img {
    max-width: 100%;
    box-sizing: border-box
}

.styleguide--view-page-9cfbe5e0 .description code {
    padding: .2em 0;
    margin: 0;
    font-size: 85%;
    background-color: rgba(0, 0, 0, .04);
    border-radius: 3px
}

.styleguide--view-page-9cfbe5e0 .description code:after, .styleguide--view-page-9cfbe5e0 .description code:before {
    letter-spacing: -.2em;
    content: "\00a0"
}

.styleguide--view-page-9cfbe5e0 .description pre>code {
    padding: 0;
    margin: 0;
    font-size: 100%;
    word-break: normal;
    white-space: pre;
    background: 0 0;
    border: 0
}

.styleguide--view-page-9cfbe5e0 .description .highlight {
    margin-bottom: 16px
}

.styleguide--view-page-9cfbe5e0 .description .highlight pre, .styleguide--view-page-9cfbe5e0 .description pre {
    padding: 16px;
    overflow: auto;
    font-size: 85%;
    line-height: 1.45;
    background-color: #f7f7f7;
    border-radius: 3px
}

.styleguide--view-page-9cfbe5e0 .description .highlight pre {
    margin-bottom: 0;
    word-break: normal
}

.styleguide--view-page-9cfbe5e0 .description pre {
    word-wrap: normal
}

.styleguide--view-page-9cfbe5e0 .description pre code {
    display: inline;
    max-width: initial;
    padding: 0;
    margin: 0;
    overflow: initial;
    line-height: inherit;
    word-wrap: normal;
    background-color: transparent;
    border: 0
}

.styleguide--view-page-9cfbe5e0 .description pre code:after, .styleguide--view-page-9cfbe5e0 .description pre code:before {
    content: normal
}

.styleguide--view-page-9cfbe5e0 .description .pl-c {
    color: #969896
}

.styleguide--view-page-9cfbe5e0 .description .pl-c1, .styleguide--view-page-9cfbe5e0 .description .pl-s .pl-v {
    color: #0086b3
}

.styleguide--view-page-9cfbe5e0 .description .pl-e, .styleguide--view-page-9cfbe5e0 .description .pl-en {
    color: #795da3
}

.styleguide--view-page-9cfbe5e0 .description .pl-s .pl-s1, .styleguide--view-page-9cfbe5e0 .description .pl-smi {
    color: #333
}

.styleguide--view-page-9cfbe5e0 .description .pl-ent {
    color: #63a35c
}

.styleguide--view-page-9cfbe5e0 .description .pl-k {
    color: #a71d5d
}

.styleguide--view-page-9cfbe5e0 .description .pl-pds, .styleguide--view-page-9cfbe5e0 .description .pl-s, .styleguide--view-page-9cfbe5e0 .description .pl-s .pl-pse .pl-s1, .styleguide--view-page-9cfbe5e0 .description .pl-sr, .styleguide--view-page-9cfbe5e0 .description .pl-sr .pl-cce, .styleguide--view-page-9cfbe5e0 .description .pl-sr .pl-sra, .styleguide--view-page-9cfbe5e0 .description .pl-sr .pl-sre {
    color: #183691
}

.styleguide--view-page-9cfbe5e0 .description .pl-v {
    color: #ed6a43
}

.styleguide--view-page-9cfbe5e0 .description .pl-id {
    color: #b52a1d
}

.styleguide--view-page-9cfbe5e0 .description .pl-ii {
    background-color: #b52a1d;
    color: #f8f8f8
}

.styleguide--view-page-9cfbe5e0 .description .pl-sr .pl-cce {
    color: #63a35c;
    font-weight: 700
}

.styleguide--view-page-9cfbe5e0 .description .pl-ml {
    color: #693a17
}

.styleguide--view-page-9cfbe5e0 .description .pl-mh, .styleguide--view-page-9cfbe5e0 .description .pl-mh .pl-en, .styleguide--view-page-9cfbe5e0 .description .pl-ms {
    color: #1d3e81;
    font-weight: 700
}

.styleguide--view-page-9cfbe5e0 .description .pl-mq {
    color: teal
}

.styleguide--view-page-9cfbe5e0 .description .pl-mi {
    color: #333;
    font-style: italic
}

.styleguide--view-page-9cfbe5e0 .description .pl-mb {
    color: #333;
    font-weight: 700
}

.styleguide--view-page-9cfbe5e0 .description .pl-md {
    background-color: #ffecec;
    color: #bd2c00
}

.styleguide--view-page-9cfbe5e0 .description .pl-mi1 {
    background-color: #eaffea;
    color: #55a532
}

.styleguide--view-page-9cfbe5e0 .description .pl-mdr {
    color: #795da3;
    font-weight: 700
}

.styleguide--view-page-9cfbe5e0 .description .pl-mo {
    color: #1d3e81
}

.styleguide--view-page-9cfbe5e0 .description kbd {
    display: inline-block;
    padding: 3px 5px;
    font: 11px Consolas, "Liberation Mono", Menlo, Courier, monospace;
    line-height: 10px;
    color: #555;
    vertical-align: middle;
    background-color: #fcfcfc;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 #bbb
}

.styleguide--view-page-9cfbe5e0 .description .task-list-item {
    list-style-type: none
}

.styleguide--view-page-9cfbe5e0 .description .task-list-item+.task-list-item {
    margin-top: 3px
}

.styleguide--view-page-9cfbe5e0 .description .task-list-item input {
    margin: 0 .35em .25em -1.6em;
    vertical-align: middle
}

.styleguide--view-page-9cfbe5e0 .description:checked+.radio-label {
    z-index: 1;
    position: relative;
    border-color: #4078c0
}

.tv--video-player-257f0281 {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    overflow: hidden
}

.tv--video-player-257f0281 .video-wrapper {
    position: relative
}

.tv--video-player-257f0281.show-back-30 .back30-bigicon, .tv--video-player-257f0281.show-forward .forward-bigicon, .tv--video-player-257f0281.show-forward-30 .forward30-bigicon, .tv--video-player-257f0281.show-forward-x2 .forwardx2-bigicon, .tv--video-player-257f0281.show-rewind .rewind-bigicon, .tv--video-player-257f0281.show-rewind-x2 .rewindx2-bigicon {
    -webkit-animation: showandhide 2s cubic-bezier(0.16, .61, .56, 1) forwards;
    animation: showandhide 2s cubic-bezier(0.16, .61, .56, 1) forwards
}

.tv--video-player-257f0281 .back30-bigicon, .tv--video-player-257f0281 .forward-bigicon, .tv--video-player-257f0281 .forward30-bigicon, .tv--video-player-257f0281 .forwardx2-bigicon, .tv--video-player-257f0281 .rewind-bigicon, .tv--video-player-257f0281 .rewindx2-bigicon {
    opacity: 0;
    position: absolute;
    z-index: 100;
    font-size: 300px;
    width: 300px;
    height: 300px;
    line-height: 300px;
    top: 50%;
    left: 50%;
    margin-left: -150px;
    margin-top: -150px
}

.tv--video-player-257f0281 .back30-bigicon .text, .tv--video-player-257f0281 .forward-bigicon .text, .tv--video-player-257f0281 .forward30-bigicon .text, .tv--video-player-257f0281 .forwardx2-bigicon .text, .tv--video-player-257f0281 .rewind-bigicon .text, .tv--video-player-257f0281 .rewindx2-bigicon .text {
    font-size: 140px;
    display: block;
    text-align: center;
    position: relative;
    top: -130px
}

@-webkit-keyframes "showandhide" {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes "showandhide" {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.tv--video-player-257f0281 #tv-video {
    width: 100%
}

.tv--video-player-257f0281 .play-button {
    position: relative;
    background-color: #040404;
    border: 2px solid #AAA;
    color: #AAA;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 30px;
    top: -15px
}

.tv--video-player-257f0281 .play .iconfont-ls_icon_play {
    display: none
}

.tv--video-player-257f0281 .pause .iconfont-ls_icon_play, .tv--video-player-257f0281 .play .iconfont-ls_icon_pause {
    display: block
}

.tv--video-player-257f0281 .pause .iconfont-ls_icon_pause {
    display: none
}

.tv--video-player-257f0281.time-controls .button-group li {
    opacity: 1 !important
}

.tv--video-player-257f0281 .button-group {
    display: block;
    margin: 0 0 0 -120px;
    padding: 0;
    position: relative;
    top: -15px;
    z-index: 200
}

.tv--video-player-257f0281 .button-group li {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 4px;
    padding: 0;
    line-height: 30px;
    text-align: center;
    font-size: 20px;
    background-color: #040404;
    border: 2px solid #AAA;
    color: #AAA;
    position: relative;
    top: -5px;
    opacity: 0
}

.tv--video-player-257f0281 .button-group li.active {
    opacity: 1;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 30px;
    top: 0;
    color: #fff;
    border: 2px solid #fff
}

.tv--video-player-257f0281.play-mode .play-button {
    border: 2px solid #fff;
    color: #fff
}

.tv--video-player-257f0281.play-mode .scrub-bar {
    opacity: 1
}

.tv--video-player-257f0281 h3 {
    font-size: 2.286em;
    font-weight: 400;
    text-transform: uppercase;
    font-family: TrimMedium;
    padding: 0 40px;
    margin: 40px 0 20px
}

@media screen and (min-width: 760px) {
    .tv--video-player-257f0281 h3 {
        font-size: 3em !important
    }
}

.tv--video-player-257f0281 .settings-options {
    font-size: 1.286em;
    font-weight: 400;
    font-family: TrimMedium;
    text-transform: uppercase
}

@media screen and (min-width: 760px) {
    .tv--video-player-257f0281 .settings-options {
        font-size: 1.25em !important
    }
}

.tv--video-player-257f0281.show-more-info .more-info-panel {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.tv--video-player-257f0281.browse .player-controls, .tv--video-player-257f0281.browse .scrub-bar, .tv--video-player-257f0281.show-more-info .player-controls, .tv--video-player-257f0281.show-more-info .scrub-bar {
    opacity: 0
}

.tv--video-player-257f0281 .settings-options {
    display: block;
    margin: 0;
    padding: 0 40px
}

.tv--video-player-257f0281 .settings-options>li {
    display: block;
    margin: 0;
    padding: 18px;
    color: #AAA;
    border: 2px solid transparent;
    text-indent: 32px;
    position: relative
}

.tv--video-player-257f0281 .settings-options>li:after {
    content: '';
    position: absolute;
    left: 10px;
    top: 14px;
    display: block;
    width: 28px;
    height: 28px;
    border-radius: 300px;
    border: 2px solid #AAA;
    box-sizing: border-box
}

.tv--video-player-257f0281 .settings-options>li.active {
    color: #fff;
    border: 2px solid #fff
}

.tv--video-player-257f0281 .settings-options>li.active:after {
    border: 2px solid #fff
}

.tv--video-player-257f0281 .settings-options.audio>li.selected:before, .tv--video-player-257f0281 .settings-options.subtitles>li.selected:before {
    content: '';
    position: absolute;
    left: 15px;
    top: 19px;
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 300px;
    background-color: #fff;
    box-sizing: border-box
}

.tv--video-player-257f0281 .settings-options.follow>li:after {
    border-radius: 0
}

.tv--video-player-257f0281 .settings-options.follow>li.selected:before {
    content: '';
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-bottom: 2px solid #AAA;
    border-left: 2px solid transparent;
    border-radius: 1px;
    border-right: 2px solid #AAA;
    border-top: 2px solid transparent;
    height: 12px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    width: 4px;
    top: 18px;
    left: 14px;
    position: absolute;
    -webkit-transition: -webkit-transform .08s cubic-bezier(0.16, .61, .56, 1) .3s;
    transition: transform .08s cubic-bezier(0.16, .61, .56, 1) .3s
}

.tv--video-player-257f0281 .settings-options.follow>li.selected.active:before {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff
}

.tv--video-player-257f0281 .scrub-wrapper {
    height: 10px;
    background-color: #343434;
    position: relative
}

.tv--video-player-257f0281 .scrub-bar {
    opacity: .5;
    width: 80%;
    right: 10%;
    bottom: 170px;
    position: absolute;
    padding: 20px;
    border: 2px solid transparent
}

.tv--video-player-257f0281 .play-progress {
    background-color: #fff;
    height: 10px;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0
}

.tv--video-player-257f0281 .load-progress {
    background-color: #AAA;
    height: 10px;
    position: absolute;
    z-index: 5;
    left: 0;
    top: 0
}

.tv--video-player-257f0281 .more-info-panel {
    width: 40%;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .8);
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: -webkit-transform .2s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .2s cubic-bezier(0.16, .61, .56, 1)
}

.tv--video-player-257f0281.show-subtitles .subtitles-panel {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.tv--video-player-257f0281.show-subtitles .player-controls, .tv--video-player-257f0281.show-subtitles .scrub-bar {
    opacity: 0
}

.tv--video-player-257f0281.show-follow .follow-panel {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.tv--video-player-257f0281.show-follow .player-controls, .tv--video-player-257f0281.show-follow .scrub-bar {
    opacity: 0
}

.tv--video-player-257f0281.show-stats .stats-panel {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.tv--video-player-257f0281.show-stats .player-controls, .tv--video-player-257f0281.show-stats .scrub-bar {
    opacity: 0
}

.tv--video-player-257f0281.show-camera .camera-panel {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.tv--video-player-257f0281.show-camera .player-controls, .tv--video-player-257f0281.show-camera .scrub-bar {
    opacity: 0
}

.tv--video-player-257f0281.options-mode .player-controls {
    opacity: 1
}

.tv--video-player-257f0281.options-mode .player-controls li.active>div {
    background-color: rgba(0, 0, 0, .8);
    border: 2px solid #fff;
    color: #fff
}

.tv--video-player-257f0281 .player-controls {
    opacity: .5;
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center
}

.tv--video-player-257f0281 .player-controls>ul {
    margin: 0;
    padding: 0;
    display: block;
    text-align: center
}

.tv--video-player-257f0281 .player-controls>ul>li {
    margin: 0;
    padding: 0;
    display: inline-block;
    border: 2px solid transparent;
    height: 120px;
    font-size: 3em;
    overflow: hidden;
    text-align: center
}

.tv--video-player-257f0281 .player-controls>ul>li.pause .iconfont-ls_icon_play, .tv--video-player-257f0281 .player-controls>ul>li.play .iconfont-ls_icon_pause {
    display: none
}

.tv--video-player-257f0281 .player-controls>ul>li>div {
    border: 2px solid #AAA;
    color: #AAA;
    width: 60px;
    height: 60px;
    display: inline-block;
    position: relative;
    top: 20px;
    text-align: center;
    line-height: 60px;
    background-color: rgba(0, 0, 0, .4)
}

.tv--video-player-257f0281 .player-controls>ul>li.active>div {
    background-color: rgba(0, 0, 0, .8);
    border: 2px solid #AAA;
    color: #AAA
}

.tv--video-player2-2b823cc0 {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    overflow: hidden
}

.tv--video-player2-2b823cc0 .video-wrapper {
    position: relative
}

.tv--video-player2-2b823cc0.show-back-30 .back30-bigicon, .tv--video-player2-2b823cc0.show-forward .forward-bigicon, .tv--video-player2-2b823cc0.show-forward-30 .forward30-bigicon, .tv--video-player2-2b823cc0.show-forward-x2 .forwardx2-bigicon, .tv--video-player2-2b823cc0.show-rewind .rewind-bigicon, .tv--video-player2-2b823cc0.show-rewind-x2 .rewindx2-bigicon {
    -webkit-animation: showandhide 2s cubic-bezier(0.16, .61, .56, 1) forwards;
    animation: showandhide 2s cubic-bezier(0.16, .61, .56, 1) forwards
}

.tv--video-player2-2b823cc0 .back30-bigicon, .tv--video-player2-2b823cc0 .forward-bigicon, .tv--video-player2-2b823cc0 .forward30-bigicon, .tv--video-player2-2b823cc0 .forwardx2-bigicon, .tv--video-player2-2b823cc0 .rewind-bigicon, .tv--video-player2-2b823cc0 .rewindx2-bigicon {
    opacity: 0;
    position: absolute;
    z-index: 100;
    font-size: 400px;
    width: 400px;
    height: 400px;
    line-height: 400px;
    top: 50%;
    left: 50%;
    margin-left: -200px;
    margin-top: -200px
}

.tv--video-player2-2b823cc0 .back30-bigicon .text, .tv--video-player2-2b823cc0 .forward-bigicon .text, .tv--video-player2-2b823cc0 .forward30-bigicon .text, .tv--video-player2-2b823cc0 .forwardx2-bigicon .text, .tv--video-player2-2b823cc0 .rewind-bigicon .text, .tv--video-player2-2b823cc0 .rewindx2-bigicon .text {
    font-size: 140px;
    display: block;
    text-align: center;
    position: relative;
    top: -130px
}

@keyframes "showandhide" {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.tv--video-player2-2b823cc0 #tv-video {
    width: 100%
}

.tv--video-player2-2b823cc0 .play-button {
    position: relative;
    background-color: #040404;
    border: 2px solid #AAA;
    color: #AAA;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 30px;
    top: -15px
}

.tv--video-player2-2b823cc0 .play .iconfont-ls_icon_play {
    display: none
}

.tv--video-player2-2b823cc0 .pause .iconfont-ls_icon_play, .tv--video-player2-2b823cc0 .play .iconfont-ls_icon_pause {
    display: block
}

.tv--video-player2-2b823cc0 .pause .iconfont-ls_icon_pause {
    display: none
}

.tv--video-player2-2b823cc0.time-controls .button-group li {
    opacity: 1 !important
}

.tv--video-player2-2b823cc0 .button-group {
    display: block;
    margin: 0 0 0 -120px;
    padding: 0;
    position: relative;
    top: -15px;
    z-index: 200
}

.tv--video-player2-2b823cc0 .button-group li {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 4px;
    padding: 0;
    line-height: 30px;
    text-align: center;
    font-size: 20px;
    background-color: #040404;
    border: 2px solid #AAA;
    color: #AAA;
    position: relative;
    top: -5px;
    opacity: 0
}

.tv--video-player2-2b823cc0 .button-group li.active {
    opacity: 1;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 30px;
    top: 0;
    color: #fff;
    border: 2px solid #fff
}

.tv--video-player2-2b823cc0.play-mode .play-button {
    border: 2px solid #fff;
    color: #fff
}

.tv--video-player2-2b823cc0.play-mode .scrub-bar {
    opacity: 1
}

.tv--video-player2-2b823cc0 h3 {
    font-size: 2.286em;
    font-weight: 400;
    text-transform: uppercase;
    font-family: TrimMedium;
    padding: 0 40px;
    margin: 40px 0 20px
}

@media screen and (min-width: 760px) {
    .tv--video-player2-2b823cc0 h3 {
        font-size: 3em !important
    }
}

.tv--video-player2-2b823cc0 .settings-options {
    font-size: 1.286em;
    font-weight: 400;
    font-family: TrimMedium;
    text-transform: uppercase
}

@media screen and (min-width: 760px) {
    .tv--video-player2-2b823cc0 .settings-options {
        font-size: 1.25em !important
    }
}

.tv--video-player2-2b823cc0.show-more-info .more-info-panel {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.tv--video-player2-2b823cc0.browse .player-controls, .tv--video-player2-2b823cc0.browse .scrub-bar, .tv--video-player2-2b823cc0.show-more-info .player-controls, .tv--video-player2-2b823cc0.show-more-info .scrub-bar {
    opacity: 0
}

.tv--video-player2-2b823cc0 .settings-options {
    display: block;
    margin: 0;
    padding: 0 40px
}

.tv--video-player2-2b823cc0 .settings-options>li {
    display: block;
    margin: 0;
    padding: 18px;
    color: #AAA;
    border: 2px solid transparent;
    text-indent: 32px;
    position: relative
}

.tv--video-player2-2b823cc0 .settings-options>li:after {
    content: '';
    position: absolute;
    left: 10px;
    top: 14px;
    display: block;
    width: 28px;
    height: 28px;
    border-radius: 300px;
    border: 2px solid #AAA;
    box-sizing: border-box
}

.tv--video-player2-2b823cc0 .settings-options>li.active {
    color: #fff;
    border: 2px solid #fff
}

.tv--video-player2-2b823cc0 .settings-options>li.active:after {
    border: 2px solid #fff
}

.tv--video-player2-2b823cc0 .settings-options.audio>li.selected:before, .tv--video-player2-2b823cc0 .settings-options.subtitles>li.selected:before {
    content: '';
    position: absolute;
    left: 15px;
    top: 19px;
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 300px;
    background-color: #fff;
    box-sizing: border-box
}

.tv--video-player2-2b823cc0 .settings-options.follow>li:after {
    border-radius: 0
}

.tv--video-player2-2b823cc0 .settings-options.follow>li.selected:before {
    content: '';
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-bottom: 2px solid #AAA;
    border-left: 2px solid transparent;
    border-radius: 1px;
    border-right: 2px solid #AAA;
    border-top: 2px solid transparent;
    height: 12px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    width: 4px;
    top: 18px;
    left: 14px;
    position: absolute;
    -webkit-transition: -webkit-transform .08s cubic-bezier(0.16, .61, .56, 1) .3s;
    transition: transform .08s cubic-bezier(0.16, .61, .56, 1) .3s
}

.tv--video-player2-2b823cc0 .settings-options.follow>li.selected.active:before {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff
}

.tv--video-player2-2b823cc0 .scrub-wrapper {
    height: 10px;
    background-color: #343434;
    position: relative
}

.tv--video-player2-2b823cc0 .scrub-bar {
    opacity: .5;
    width: 80%;
    right: 10%;
    bottom: 170px;
    position: absolute;
    padding: 20px;
    border: 2px solid transparent
}

.tv--video-player2-2b823cc0 .play-progress {
    background-color: #fff;
    height: 10px;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0
}

.tv--video-player2-2b823cc0 .load-progress {
    background-color: #AAA;
    height: 10px;
    position: absolute;
    z-index: 5;
    left: 0;
    top: 0
}

.tv--video-player2-2b823cc0 .more-info-panel {
    width: 40%;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .8);
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: -webkit-transform .2s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .2s cubic-bezier(0.16, .61, .56, 1)
}

.tv--video-player2-2b823cc0.show-subtitles .subtitles-panel {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.tv--video-player2-2b823cc0.show-subtitles .player-controls, .tv--video-player2-2b823cc0.show-subtitles .scrub-bar {
    opacity: 0
}

.tv--video-player2-2b823cc0.show-follow .follow-panel {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.tv--video-player2-2b823cc0.show-follow .player-controls, .tv--video-player2-2b823cc0.show-follow .scrub-bar {
    opacity: 0
}

.tv--video-player2-2b823cc0.show-stats .stats-panel {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.tv--video-player2-2b823cc0.show-stats .player-controls, .tv--video-player2-2b823cc0.show-stats .scrub-bar {
    opacity: 0
}

.tv--video-player2-2b823cc0.show-camera .camera-panel {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.tv--video-player2-2b823cc0.show-camera .player-controls, .tv--video-player2-2b823cc0.show-camera .scrub-bar {
    opacity: 0
}

.tv--video-player2-2b823cc0.options-mode .player-controls {
    opacity: 1
}

.tv--video-player2-2b823cc0.options-mode .player-controls li.active>div {
    background-color: rgba(0, 0, 0, .8);
    border: 2px solid #fff;
    color: #fff
}

.tv--video-player2-2b823cc0 .player-controls {
    opacity: .5;
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center
}

.tv--video-player2-2b823cc0 .player-controls>ul {
    margin: 0;
    padding: 0;
    display: block;
    text-align: center
}

.tv--video-player2-2b823cc0 .player-controls>ul>li {
    margin: 0;
    padding: 0;
    display: inline-block;
    border: 2px solid transparent;
    height: 120px;
    font-size: 3em;
    overflow: hidden;
    text-align: center
}

.tv--video-player2-2b823cc0 .player-controls>ul>li.pause .iconfont-ls_icon_play, .tv--video-player2-2b823cc0 .player-controls>ul>li.play .iconfont-ls_icon_pause {
    display: none
}

.tv--video-player2-2b823cc0 .player-controls>ul>li>div {
    border: 2px solid #AAA;
    color: #AAA;
    width: 60px;
    height: 60px;
    display: inline-block;
    position: relative;
    top: 20px;
    text-align: center;
    line-height: 60px;
    background-color: rgba(0, 0, 0, .4)
}

.tv--video-player2-2b823cc0 .player-controls>ul>li.active>div {
    background-color: rgba(0, 0, 0, .8);
    border: 2px solid #AAA;
    color: #AAA
}

.tv--video-player3-d0881ecf {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    overflow: hidden
}

.tv--video-player3-d0881ecf .video-wrapper {
    position: relative
}

.tv--video-player3-d0881ecf.show-back-30 .back30-bigicon, .tv--video-player3-d0881ecf.show-forward .forward-bigicon, .tv--video-player3-d0881ecf.show-forward-30 .forward30-bigicon, .tv--video-player3-d0881ecf.show-forward-x2 .forwardx2-bigicon, .tv--video-player3-d0881ecf.show-pause .pause-bigicon, .tv--video-player3-d0881ecf.show-play .play-bigicon, .tv--video-player3-d0881ecf.show-rewind .rewind-bigicon, .tv--video-player3-d0881ecf.show-rewind-x2 .rewindx2-bigicon {
    -webkit-animation: showandhide 2s cubic-bezier(0.16, .61, .56, 1) forwards;
    animation: showandhide 2s cubic-bezier(0.16, .61, .56, 1) forwards
}

.tv--video-player3-d0881ecf.trick-mode .trick-play {
    opacity: 1
}

.tv--video-player3-d0881ecf.trick-mode .trick-play ul {
    height: 20px
}

.tv--video-player3-d0881ecf.trick-mode .trick-play ul li {
    width: 20px;
    height: 20px
}

.tv--video-player3-d0881ecf.trick-mode .player-controls, .tv--video-player3-d0881ecf.trick-mode .scrub-bar {
    opacity: .5
}

.tv--video-player3-d0881ecf .trick-play {
    position: absolute;
    width: 80%;
    right: 10%;
    bottom: 190px;
    height: 10px;
    padding: 20px;
    opacity: .5
}

.tv--video-player3-d0881ecf .trick-play ul {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    bottom: 150px;
    height: 10px;
    background-color: #343434
}

.tv--video-player3-d0881ecf .trick-play ul li {
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #D6263A;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.tv--video-player3-d0881ecf .trick-play ul li:nth-child(1) {
    left: 15%
}

.tv--video-player3-d0881ecf .trick-play ul li:nth-child(2) {
    left: 22%
}

.tv--video-player3-d0881ecf .trick-play ul li:nth-child(3) {
    left: 37%
}

.tv--video-player3-d0881ecf .trick-play ul li:nth-child(4) {
    left: 42%
}

.tv--video-player3-d0881ecf .trick-play ul li:nth-child(5) {
    left: 45%
}

.tv--video-player3-d0881ecf .trick-play ul li:nth-child(6) {
    left: 65%
}

.tv--video-player3-d0881ecf .trick-play ul li:nth-child(7) {
    left: 85%
}

.tv--video-player3-d0881ecf .back30-bigicon, .tv--video-player3-d0881ecf .forward-bigicon, .tv--video-player3-d0881ecf .forward30-bigicon, .tv--video-player3-d0881ecf .forwardx2-bigicon, .tv--video-player3-d0881ecf .pause-bigicon, .tv--video-player3-d0881ecf .play-bigicon, .tv--video-player3-d0881ecf .rewind-bigicon, .tv--video-player3-d0881ecf .rewindx2-bigicon {
    opacity: 0;
    position: absolute;
    z-index: 100;
    font-size: 400px;
    width: 400px;
    height: 400px;
    line-height: 400px;
    top: 50%;
    left: 50%;
    margin-left: -200px;
    margin-top: -200px
}

.tv--video-player3-d0881ecf .back30-bigicon .text, .tv--video-player3-d0881ecf .forward-bigicon .text, .tv--video-player3-d0881ecf .forward30-bigicon .text, .tv--video-player3-d0881ecf .forwardx2-bigicon .text, .tv--video-player3-d0881ecf .pause-bigicon .text, .tv--video-player3-d0881ecf .play-bigicon .text, .tv--video-player3-d0881ecf .rewind-bigicon .text, .tv--video-player3-d0881ecf .rewindx2-bigicon .text {
    font-size: 140px;
    display: block;
    text-align: center;
    position: relative;
    top: -130px
}

@keyframes "showandhide" {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.tv--video-player3-d0881ecf #tv-video {
    width: 100%
}

.tv--video-player3-d0881ecf .play-button {
    position: relative;
    background-color: #040404;
    border: 2px solid #AAA;
    color: #AAA;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 30px;
    top: -15px
}

.tv--video-player3-d0881ecf .play .iconfont-ls_icon_play {
    display: none
}

.tv--video-player3-d0881ecf .pause .iconfont-ls_icon_play, .tv--video-player3-d0881ecf .play .iconfont-ls_icon_pause {
    display: block
}

.tv--video-player3-d0881ecf .pause .iconfont-ls_icon_pause {
    display: none
}

.tv--video-player3-d0881ecf.time-controls .button-group li {
    opacity: 1 !important
}

.tv--video-player3-d0881ecf .button-group {
    display: block;
    margin: 0 0 0 -120px;
    padding: 0;
    position: relative;
    top: -15px;
    z-index: 200
}

.tv--video-player3-d0881ecf .button-group li {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 4px;
    padding: 0;
    line-height: 30px;
    text-align: center;
    font-size: 20px;
    background-color: #040404;
    border: 2px solid #AAA;
    color: #AAA;
    position: relative;
    top: -5px;
    opacity: 0
}

.tv--video-player3-d0881ecf .button-group li.active {
    opacity: 1;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 30px;
    top: 0;
    color: #fff;
    border: 2px solid #fff
}

.tv--video-player3-d0881ecf.play-mode .play-button {
    border: 2px solid #fff;
    color: #fff
}

.tv--video-player3-d0881ecf.play-mode .scrub-bar {
    opacity: 1
}

.tv--video-player3-d0881ecf h3 {
    font-size: 2.286em;
    font-weight: 400;
    text-transform: uppercase;
    font-family: TrimMedium;
    padding: 0 40px;
    margin: 40px 0 20px
}

@media screen and (min-width: 760px) {
    .tv--video-player3-d0881ecf h3 {
        font-size: 3em !important
    }
}

.tv--video-player3-d0881ecf .settings-options {
    font-size: 1.286em;
    font-weight: 400;
    font-family: TrimMedium;
    text-transform: uppercase
}

@media screen and (min-width: 760px) {
    .tv--video-player3-d0881ecf .settings-options {
        font-size: 1.25em !important
    }
}

.tv--video-player3-d0881ecf.show-more-info .more-info-panel {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.tv--video-player3-d0881ecf.browse .player-controls, .tv--video-player3-d0881ecf.browse .scrub-bar, .tv--video-player3-d0881ecf.show-more-info .player-controls, .tv--video-player3-d0881ecf.show-more-info .scrub-bar {
    opacity: 0
}

.tv--video-player3-d0881ecf .settings-options {
    display: block;
    margin: 0;
    padding: 0 40px
}

.tv--video-player3-d0881ecf .settings-options>li {
    display: block;
    margin: 0;
    padding: 18px;
    color: #AAA;
    border: 2px solid transparent;
    text-indent: 32px;
    position: relative
}

.tv--video-player3-d0881ecf .settings-options>li:after {
    content: '';
    position: absolute;
    left: 10px;
    top: 14px;
    display: block;
    width: 28px;
    height: 28px;
    border-radius: 300px;
    border: 2px solid #AAA;
    box-sizing: border-box
}

.tv--video-player3-d0881ecf .settings-options>li.active {
    color: #fff;
    border: 2px solid #fff
}

.tv--video-player3-d0881ecf .settings-options>li.active:after {
    border: 2px solid #fff
}

.tv--video-player3-d0881ecf .settings-options.audio>li.selected:before, .tv--video-player3-d0881ecf .settings-options.subtitles>li.selected:before {
    content: '';
    position: absolute;
    left: 15px;
    top: 19px;
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 300px;
    background-color: #fff;
    box-sizing: border-box
}

.tv--video-player3-d0881ecf .settings-options.follow>li:after {
    border-radius: 0
}

.tv--video-player3-d0881ecf .settings-options.follow>li.selected:before {
    content: '';
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-bottom: 2px solid #AAA;
    border-left: 2px solid transparent;
    border-radius: 1px;
    border-right: 2px solid #AAA;
    border-top: 2px solid transparent;
    height: 12px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    width: 4px;
    top: 18px;
    left: 14px;
    position: absolute;
    -webkit-transition: -webkit-transform .08s cubic-bezier(0.16, .61, .56, 1) .3s;
    transition: transform .08s cubic-bezier(0.16, .61, .56, 1) .3s
}

.tv--video-player3-d0881ecf .settings-options.follow>li.selected.active:before {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff
}

.tv--video-player3-d0881ecf .scrub-wrapper {
    height: 10px;
    background-color: #343434;
    position: relative
}

.tv--video-player3-d0881ecf .scrub-bar {
    opacity: .5;
    width: 80%;
    right: 10%;
    bottom: 170px;
    position: absolute;
    padding: 20px;
    border: 2px solid transparent
}

.tv--video-player3-d0881ecf .play-progress {
    background-color: #fff;
    height: 10px;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0
}

.tv--video-player3-d0881ecf .load-progress {
    background-color: #AAA;
    height: 10px;
    position: absolute;
    z-index: 5;
    left: 0;
    top: 0
}

.tv--video-player3-d0881ecf .more-info-panel {
    width: 40%;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .8);
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: -webkit-transform .2s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .2s cubic-bezier(0.16, .61, .56, 1)
}

.tv--video-player3-d0881ecf.show-subtitles .subtitles-panel {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.tv--video-player3-d0881ecf.show-subtitles .player-controls, .tv--video-player3-d0881ecf.show-subtitles .scrub-bar {
    opacity: 0
}

.tv--video-player3-d0881ecf.show-follow .follow-panel {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.tv--video-player3-d0881ecf.show-follow .player-controls, .tv--video-player3-d0881ecf.show-follow .scrub-bar {
    opacity: 0
}

.tv--video-player3-d0881ecf.show-stats .stats-panel {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.tv--video-player3-d0881ecf.show-stats .player-controls, .tv--video-player3-d0881ecf.show-stats .scrub-bar {
    opacity: 0
}

.tv--video-player3-d0881ecf.show-camera .camera-panel {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.tv--video-player3-d0881ecf.show-camera .player-controls, .tv--video-player3-d0881ecf.show-camera .scrub-bar {
    opacity: 0
}

.tv--video-player3-d0881ecf.options-mode .player-controls {
    opacity: 1
}

.tv--video-player3-d0881ecf.options-mode .player-controls li.active>div {
    background-color: rgba(0, 0, 0, .8);
    border: 2px solid #fff;
    color: #fff
}

.tv--video-player3-d0881ecf .player-controls {
    opacity: .5;
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center
}

.tv--video-player3-d0881ecf .player-controls>ul {
    margin: 0;
    padding: 0;
    display: block;
    text-align: center
}

.tv--video-player3-d0881ecf .player-controls>ul>li {
    margin: 0;
    padding: 0;
    display: inline-block;
    border: 2px solid transparent;
    height: 120px;
    font-size: 3em;
    overflow: hidden;
    text-align: center
}

.tv--video-player3-d0881ecf .player-controls>ul>li.pause .iconfont-ls_icon_play, .tv--video-player3-d0881ecf .player-controls>ul>li.play .iconfont-ls_icon_pause {
    display: none
}

.tv--video-player3-d0881ecf .player-controls>ul>li>div {
    border: 2px solid #AAA;
    color: #AAA;
    width: 60px;
    height: 60px;
    display: inline-block;
    position: relative;
    top: 20px;
    text-align: center;
    line-height: 60px;
    background-color: rgba(0, 0, 0, .4)
}

.tv--video-player3-d0881ecf .player-controls>ul>li.active>div {
    background-color: rgba(0, 0, 0, .8);
    border: 2px solid #AAA;
    color: #AAA
}

.tv--video-player4-13b9d8c2 {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    overflow: hidden
}

.tv--video-player4-13b9d8c2 .video-wrapper {
    position: relative
}

.tv--video-player4-13b9d8c2.show-back-30 .back30-bigicon, .tv--video-player4-13b9d8c2.show-forward .forward-bigicon, .tv--video-player4-13b9d8c2.show-forward-30 .forward30-bigicon, .tv--video-player4-13b9d8c2.show-forward-x2 .forwardx2-bigicon, .tv--video-player4-13b9d8c2.show-pause .pause-bigicon, .tv--video-player4-13b9d8c2.show-play .play-bigicon, .tv--video-player4-13b9d8c2.show-rewind .rewind-bigicon, .tv--video-player4-13b9d8c2.show-rewind-x2 .rewindx2-bigicon {
    -webkit-animation: showandhide 2s cubic-bezier(0.16, .61, .56, 1) forwards;
    animation: showandhide 2s cubic-bezier(0.16, .61, .56, 1) forwards
}

.tv--video-player4-13b9d8c2.trick-mode .trick-play {
    opacity: 1
}

.tv--video-player4-13b9d8c2.trick-mode .trick-play ul {
    height: 20px
}

.tv--video-player4-13b9d8c2.trick-mode .trick-play ul li {
    width: 20px;
    height: 20px
}

.tv--video-player4-13b9d8c2.trick-mode .player-controls, .tv--video-player4-13b9d8c2.trick-mode .scrub-bar {
    opacity: .5
}

.tv--video-player4-13b9d8c2 .trick-play {
    position: absolute;
    width: 80%;
    right: 10%;
    bottom: 190px;
    height: 10px;
    padding: 20px;
    opacity: .5
}

.tv--video-player4-13b9d8c2 .trick-play ul {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    bottom: 150px;
    height: 10px;
    background-color: #343434
}

.tv--video-player4-13b9d8c2 .trick-play ul li {
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #D6263A;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.tv--video-player4-13b9d8c2 .trick-play ul li:nth-child(1) {
    left: 15%
}

.tv--video-player4-13b9d8c2 .trick-play ul li:nth-child(2) {
    left: 22%
}

.tv--video-player4-13b9d8c2 .trick-play ul li:nth-child(3) {
    left: 37%
}

.tv--video-player4-13b9d8c2 .trick-play ul li:nth-child(4) {
    left: 42%
}

.tv--video-player4-13b9d8c2 .trick-play ul li:nth-child(5) {
    left: 45%
}

.tv--video-player4-13b9d8c2 .trick-play ul li:nth-child(6) {
    left: 65%
}

.tv--video-player4-13b9d8c2 .trick-play ul li:nth-child(7) {
    left: 85%
}

.tv--video-player4-13b9d8c2 .back30-bigicon, .tv--video-player4-13b9d8c2 .forward-bigicon, .tv--video-player4-13b9d8c2 .forward30-bigicon, .tv--video-player4-13b9d8c2 .forwardx2-bigicon, .tv--video-player4-13b9d8c2 .pause-bigicon, .tv--video-player4-13b9d8c2 .play-bigicon, .tv--video-player4-13b9d8c2 .rewind-bigicon, .tv--video-player4-13b9d8c2 .rewindx2-bigicon {
    opacity: 0;
    position: absolute;
    z-index: 100;
    font-size: 400px;
    width: 400px;
    height: 400px;
    line-height: 400px;
    top: 50%;
    left: 50%;
    margin-left: -200px;
    margin-top: -200px
}

.tv--video-player4-13b9d8c2 .back30-bigicon .text, .tv--video-player4-13b9d8c2 .forward-bigicon .text, .tv--video-player4-13b9d8c2 .forward30-bigicon .text, .tv--video-player4-13b9d8c2 .forwardx2-bigicon .text, .tv--video-player4-13b9d8c2 .pause-bigicon .text, .tv--video-player4-13b9d8c2 .play-bigicon .text, .tv--video-player4-13b9d8c2 .rewind-bigicon .text, .tv--video-player4-13b9d8c2 .rewindx2-bigicon .text {
    font-size: 140px;
    display: block;
    text-align: center;
    position: relative;
    top: -130px
}

@keyframes "showandhide" {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.tv--video-player4-13b9d8c2 #tv-video {
    width: 100%
}

.tv--video-player4-13b9d8c2 .play-button {
    position: relative;
    background-color: #040404;
    border: 2px solid #AAA;
    color: #AAA;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 30px;
    top: -15px
}

.tv--video-player4-13b9d8c2 .play .iconfont-ls_icon_play {
    display: none
}

.tv--video-player4-13b9d8c2 .pause .iconfont-ls_icon_play, .tv--video-player4-13b9d8c2 .play .iconfont-ls_icon_pause {
    display: block
}

.tv--video-player4-13b9d8c2 .pause .iconfont-ls_icon_pause {
    display: none
}

.tv--video-player4-13b9d8c2.time-controls .button-group li {
    opacity: 1 !important
}

.tv--video-player4-13b9d8c2 .button-group {
    display: block;
    margin: 0 0 0 -120px;
    padding: 0;
    position: relative;
    top: -15px;
    z-index: 200
}

.tv--video-player4-13b9d8c2 .button-group li {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 4px;
    padding: 0;
    line-height: 30px;
    text-align: center;
    font-size: 20px;
    background-color: #040404;
    border: 2px solid #AAA;
    color: #AAA;
    position: relative;
    top: -5px;
    opacity: 0
}

.tv--video-player4-13b9d8c2 .button-group li.active {
    opacity: 1;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 30px;
    top: 0;
    color: #fff;
    border: 2px solid #fff
}

.tv--video-player4-13b9d8c2.play-mode .play-button {
    border: 2px solid #fff;
    color: #fff
}

.tv--video-player4-13b9d8c2.play-mode .scrub-bar {
    opacity: 1
}

.tv--video-player4-13b9d8c2 h3 {
    font-size: 2.286em;
    font-weight: 400;
    text-transform: uppercase;
    font-family: TrimMedium;
    padding: 0 40px;
    margin: 40px 0 20px
}

@media screen and (min-width: 760px) {
    .tv--video-player4-13b9d8c2 h3 {
        font-size: 3em !important
    }
}

.tv--video-player4-13b9d8c2 .settings-options {
    font-size: 1.286em;
    font-weight: 400;
    font-family: TrimMedium;
    text-transform: uppercase
}

@media screen and (min-width: 760px) {
    .tv--video-player4-13b9d8c2 .settings-options {
        font-size: 1.25em !important
    }
}

.tv--video-player4-13b9d8c2.show-more-info .more-info-panel {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.tv--video-player4-13b9d8c2.browse .player-controls, .tv--video-player4-13b9d8c2.browse .scrub-bar, .tv--video-player4-13b9d8c2.show-more-info .player-controls, .tv--video-player4-13b9d8c2.show-more-info .scrub-bar {
    opacity: 0
}

.tv--video-player4-13b9d8c2 .settings-options {
    display: block;
    margin: 0;
    padding: 0 40px
}

.tv--video-player4-13b9d8c2 .settings-options>li {
    display: block;
    margin: 0;
    padding: 18px;
    color: #AAA;
    border: 2px solid transparent;
    text-indent: 32px;
    position: relative
}

.tv--video-player4-13b9d8c2 .settings-options>li:after {
    content: '';
    position: absolute;
    left: 10px;
    top: 14px;
    display: block;
    width: 28px;
    height: 28px;
    border-radius: 300px;
    border: 2px solid #AAA;
    box-sizing: border-box
}

.tv--video-player4-13b9d8c2 .settings-options>li.active {
    color: #fff;
    border: 2px solid #fff
}

.tv--video-player4-13b9d8c2 .settings-options>li.active:after {
    border: 2px solid #fff
}

.tv--video-player4-13b9d8c2 .settings-options.audio>li.selected:before, .tv--video-player4-13b9d8c2 .settings-options.subtitles>li.selected:before {
    content: '';
    position: absolute;
    left: 15px;
    top: 19px;
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 300px;
    background-color: #fff;
    box-sizing: border-box
}

.tv--video-player4-13b9d8c2 .settings-options.follow>li:after {
    border-radius: 0
}

.tv--video-player4-13b9d8c2 .settings-options.follow>li.selected:before {
    content: '';
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-bottom: 2px solid #AAA;
    border-left: 2px solid transparent;
    border-radius: 1px;
    border-right: 2px solid #AAA;
    border-top: 2px solid transparent;
    height: 12px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    width: 4px;
    top: 18px;
    left: 14px;
    position: absolute;
    -webkit-transition: -webkit-transform .08s cubic-bezier(0.16, .61, .56, 1) .3s;
    transition: transform .08s cubic-bezier(0.16, .61, .56, 1) .3s
}

.tv--video-player4-13b9d8c2 .settings-options.follow>li.selected.active:before {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff
}

.tv--video-player4-13b9d8c2 .scrub-wrapper {
    height: 10px;
    background-color: #343434;
    position: relative
}

.tv--video-player4-13b9d8c2 .scrub-bar {
    opacity: .5;
    width: 80%;
    right: 10%;
    bottom: 170px;
    position: absolute;
    padding: 20px;
    border: 2px solid transparent
}

.tv--video-player4-13b9d8c2 .play-progress {
    background-color: #fff;
    height: 10px;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0
}

.tv--video-player4-13b9d8c2 .load-progress {
    background-color: #AAA;
    height: 10px;
    position: absolute;
    z-index: 5;
    left: 0;
    top: 0
}

.tv--video-player4-13b9d8c2 .more-info-panel {
    width: 40%;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .8);
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: -webkit-transform .2s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .2s cubic-bezier(0.16, .61, .56, 1)
}

.tv--video-player4-13b9d8c2.show-subtitles .subtitles-panel {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.tv--video-player4-13b9d8c2.show-subtitles .player-controls, .tv--video-player4-13b9d8c2.show-subtitles .scrub-bar {
    opacity: 0
}

.tv--video-player4-13b9d8c2.show-follow .follow-panel {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.tv--video-player4-13b9d8c2.show-follow .player-controls, .tv--video-player4-13b9d8c2.show-follow .scrub-bar {
    opacity: 0
}

.tv--video-player4-13b9d8c2.show-stats .stats-panel {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.tv--video-player4-13b9d8c2.show-stats .player-controls, .tv--video-player4-13b9d8c2.show-stats .scrub-bar {
    opacity: 0
}

.tv--video-player4-13b9d8c2.show-camera .camera-panel {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.tv--video-player4-13b9d8c2.show-camera .player-controls, .tv--video-player4-13b9d8c2.show-camera .scrub-bar {
    opacity: 0
}

.tv--video-player4-13b9d8c2.options-mode .player-controls {
    opacity: 1
}

.tv--video-player4-13b9d8c2.options-mode .player-controls li.active>div {
    background-color: rgba(0, 0, 0, .8);
    border: 2px solid #fff;
    color: #fff
}

.tv--video-player4-13b9d8c2 .player-controls {
    opacity: .5;
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center
}

.tv--video-player4-13b9d8c2 .player-controls>ul {
    margin: 0;
    padding: 0;
    display: block;
    text-align: center
}

.tv--video-player4-13b9d8c2 .player-controls>ul>li {
    margin: 0;
    padding: 0;
    display: inline-block;
    border: 2px solid transparent;
    height: 120px;
    font-size: 3em;
    overflow: hidden;
    text-align: center
}

.tv--video-player4-13b9d8c2 .player-controls>ul>li.pause .iconfont-ls_icon_play, .tv--video-player4-13b9d8c2 .player-controls>ul>li.play .iconfont-ls_icon_pause {
    display: none
}

.tv--video-player4-13b9d8c2 .player-controls>ul>li>div {
    border: 2px solid #AAA;
    color: #AAA;
    width: 60px;
    height: 60px;
    display: inline-block;
    position: relative;
    top: 20px;
    text-align: center;
    line-height: 60px;
    background-color: rgba(0, 0, 0, .4)
}

.tv--video-player4-13b9d8c2 .player-controls>ul>li.active>div {
    background-color: rgba(0, 0, 0, .8);
    border: 2px solid #AAA;
    color: #AAA
}

.tv--video-player5-cf7f0de2 {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    overflow: hidden
}

.tv--video-player5-cf7f0de2.back-to-live .live-btn .state2 {
    display: inline-block
}

.tv--video-player5-cf7f0de2.back-to-live .live-btn .state1 {
    display: none
}

.tv--video-player5-cf7f0de2 .live-btn {
    position: absolute;
    left: 0
}

.tv--video-player5-cf7f0de2 .live-btn .state2 {
    display: none;
    background-color: #040404;
    opacity: .5
}

.tv--video-player5-cf7f0de2 .live-btn .state1 {
    display: inline-block;
    background-color: #D6263A
}

.tv--video-player5-cf7f0de2 .live-btn.active .state2 {
    opacity: 1
}

.tv--video-player5-cf7f0de2 .live-btn .state1, .tv--video-player5-cf7f0de2 .live-btn .state2 {
    padding: 4px 8px;
    font-size: 18px
}

.tv--video-player5-cf7f0de2 .indicator2 {
    background-color: #D6263A;
    width: 200px;
    height: 110px;
    line-height: 140px;
    position: absolute;
    margin-left: -100px;
    z-index: 999;
    opacity: 0;
    bottom: 30px;
    text-align: center;
    font-size: 2.286em;
    font-weight: 400;
    text-transform: uppercase;
    font-family: TrimBold;
    -webkit-transition: left .1s cubic-bezier(0.16, .61, .56, 1), opacity .2s cubic-bezier(0.16, .61, .56, 1);
    transition: left .1s cubic-bezier(0.16, .61, .56, 1), opacity .2s cubic-bezier(0.16, .61, .56, 1)
}

@media screen and (min-width: 760px) {
    .tv--video-player5-cf7f0de2 .indicator2 {
        font-size: 3em !important
    }
}

.tv--video-player5-cf7f0de2 .indicator2:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #D6263A;
    left: 50%;
    margin-left: -10px;
    bottom: -10px
}

.tv--video-player5-cf7f0de2 .indicator2:before {
    content: '';
    background-color: #D6263A;
    width: 14px;
    height: 14px;
    border-radius: 200px;
    position: absolute;
    bottom: -30px;
    left: 50%;
    margin-left: -7px
}

.tv--video-player5-cf7f0de2 .indicator2 .img {
    position: absolute;
    z-index: 1;
    width: 90%;
    top: 5%;
    left: 5%
}

.tv--video-player5-cf7f0de2 .indicator2 .text {
    position: absolute;
    z-index: 2;
    width: 100%;
    top: 0
}

.tv--video-player5-cf7f0de2.timeline .indicator2 {
    opacity: 1
}

.tv--video-player5-cf7f0de2 .video-wrapper {
    position: relative
}

.tv--video-player5-cf7f0de2.show-back-30 .back30-bigicon, .tv--video-player5-cf7f0de2.show-forward .forward-bigicon, .tv--video-player5-cf7f0de2.show-forward-30 .forward30-bigicon, .tv--video-player5-cf7f0de2.show-forward-x2 .forwardx2-bigicon, .tv--video-player5-cf7f0de2.show-pause .pause-bigicon, .tv--video-player5-cf7f0de2.show-play .play-bigicon, .tv--video-player5-cf7f0de2.show-rewind .rewind-bigicon, .tv--video-player5-cf7f0de2.show-rewind-x2 .rewindx2-bigicon {
    -webkit-animation: showandhide 2s cubic-bezier(0.16, .61, .56, 1) forwards;
    animation: showandhide 2s cubic-bezier(0.16, .61, .56, 1) forwards
}

.tv--video-player5-cf7f0de2.trick-mode .trick-play {
    opacity: 1
}

.tv--video-player5-cf7f0de2.trick-mode .trick-play ul {
    height: 20px
}

.tv--video-player5-cf7f0de2.trick-mode .trick-play ul li {
    width: 20px;
    height: 20px
}

.tv--video-player5-cf7f0de2.trick-mode .player-controls, .tv--video-player5-cf7f0de2.trick-mode .scrub-bar {
    opacity: .5
}

.tv--video-player5-cf7f0de2 .trick-play {
    position: absolute;
    width: 80%;
    right: 10%;
    bottom: 190px;
    height: 10px;
    padding: 20px;
    opacity: .5
}

.tv--video-player5-cf7f0de2 .trick-play ul {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    bottom: 150px;
    height: 10px;
    background-color: #343434
}

.tv--video-player5-cf7f0de2 .trick-play ul li {
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #D6263A;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.tv--video-player5-cf7f0de2 .trick-play ul li:nth-child(1) {
    left: 15%
}

.tv--video-player5-cf7f0de2 .trick-play ul li:nth-child(2) {
    left: 22%
}

.tv--video-player5-cf7f0de2 .trick-play ul li:nth-child(3) {
    left: 37%
}

.tv--video-player5-cf7f0de2 .trick-play ul li:nth-child(4) {
    left: 42%
}

.tv--video-player5-cf7f0de2 .trick-play ul li:nth-child(5) {
    left: 45%
}

.tv--video-player5-cf7f0de2 .trick-play ul li:nth-child(6) {
    left: 65%
}

.tv--video-player5-cf7f0de2 .trick-play ul li:nth-child(7) {
    left: 85%
}

.tv--video-player5-cf7f0de2 .back30-bigicon, .tv--video-player5-cf7f0de2 .forward-bigicon, .tv--video-player5-cf7f0de2 .forward30-bigicon, .tv--video-player5-cf7f0de2 .forwardx2-bigicon, .tv--video-player5-cf7f0de2 .pause-bigicon, .tv--video-player5-cf7f0de2 .play-bigicon, .tv--video-player5-cf7f0de2 .rewind-bigicon, .tv--video-player5-cf7f0de2 .rewindx2-bigicon {
    opacity: 0;
    position: absolute;
    z-index: 100;
    font-size: 400px;
    width: 400px;
    height: 400px;
    line-height: 400px;
    top: 50%;
    left: 50%;
    margin-left: -200px;
    margin-top: -200px
}

.tv--video-player5-cf7f0de2 .back30-bigicon .text, .tv--video-player5-cf7f0de2 .forward-bigicon .text, .tv--video-player5-cf7f0de2 .forward30-bigicon .text, .tv--video-player5-cf7f0de2 .forwardx2-bigicon .text, .tv--video-player5-cf7f0de2 .pause-bigicon .text, .tv--video-player5-cf7f0de2 .play-bigicon .text, .tv--video-player5-cf7f0de2 .rewind-bigicon .text, .tv--video-player5-cf7f0de2 .rewindx2-bigicon .text {
    font-size: 140px;
    display: block;
    text-align: center;
    position: relative;
    top: -130px
}

@keyframes "showandhide" {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.tv--video-player5-cf7f0de2 #tv-video {
    width: 100%
}

.tv--video-player5-cf7f0de2 .play-button {
    position: relative;
    background-color: #040404;
    border: 2px solid #AAA;
    color: #AAA;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 30px;
    top: -15px
}

.tv--video-player5-cf7f0de2 .play .iconfont-ls_icon_play {
    display: none
}

.tv--video-player5-cf7f0de2 .pause .iconfont-ls_icon_play, .tv--video-player5-cf7f0de2 .play .iconfont-ls_icon_pause {
    display: block
}

.tv--video-player5-cf7f0de2 .pause .iconfont-ls_icon_pause {
    display: none
}

.tv--video-player5-cf7f0de2.time-controls .button-group li {
    opacity: 1 !important
}

.tv--video-player5-cf7f0de2 .button-group {
    display: block;
    margin: 0 0 0 -120px;
    padding: 0;
    position: relative;
    top: -15px;
    z-index: 200;
    -webkit-transition: left .1s cubic-bezier(0.16, .61, .56, 1);
    transition: left .1s cubic-bezier(0.16, .61, .56, 1)
}

.tv--video-player5-cf7f0de2 .button-group li {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 4px;
    padding: 0;
    line-height: 30px;
    text-align: center;
    font-size: 20px;
    background-color: #040404;
    border: 2px solid #AAA;
    color: #AAA;
    position: relative;
    top: -5px;
    opacity: 0
}

.tv--video-player5-cf7f0de2 .button-group li.active {
    opacity: 1;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 30px;
    top: 0;
    color: #fff;
    border: 2px solid #fff
}

.tv--video-player5-cf7f0de2.play-mode .play-button {
    border: 2px solid #fff;
    color: #fff
}

.tv--video-player5-cf7f0de2.play-mode .scrub-bar {
    opacity: 1
}

.tv--video-player5-cf7f0de2 h3 {
    font-size: 2.286em;
    font-weight: 400;
    text-transform: uppercase;
    font-family: TrimMedium;
    padding: 0 40px;
    margin: 40px 0 20px
}

@media screen and (min-width: 760px) {
    .tv--video-player5-cf7f0de2 h3 {
        font-size: 3em !important
    }
}

.tv--video-player5-cf7f0de2 .settings-options {
    font-size: 1.286em;
    font-weight: 400;
    font-family: TrimMedium;
    text-transform: uppercase
}

@media screen and (min-width: 760px) {
    .tv--video-player5-cf7f0de2 .settings-options {
        font-size: 1.25em !important
    }
}

.tv--video-player5-cf7f0de2.show-more-info .more-info-panel {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.tv--video-player5-cf7f0de2.browse .player-controls, .tv--video-player5-cf7f0de2.browse .scrub-bar, .tv--video-player5-cf7f0de2.show-more-info .player-controls, .tv--video-player5-cf7f0de2.show-more-info .scrub-bar {
    opacity: 0
}

.tv--video-player5-cf7f0de2 .settings-options {
    display: block;
    margin: 0;
    padding: 0 40px
}

.tv--video-player5-cf7f0de2 .settings-options>li {
    display: block;
    margin: 0;
    padding: 18px;
    color: #AAA;
    border: 2px solid transparent;
    text-indent: 32px;
    position: relative
}

.tv--video-player5-cf7f0de2 .settings-options>li:after {
    content: '';
    position: absolute;
    left: 10px;
    top: 14px;
    display: block;
    width: 28px;
    height: 28px;
    border-radius: 300px;
    border: 2px solid #AAA;
    box-sizing: border-box
}

.tv--video-player5-cf7f0de2 .settings-options>li.active {
    color: #fff;
    border: 2px solid #fff
}

.tv--video-player5-cf7f0de2 .settings-options>li.active:after {
    border: 2px solid #fff
}

.tv--video-player5-cf7f0de2 .settings-options.audio>li.selected:before, .tv--video-player5-cf7f0de2 .settings-options.subtitles>li.selected:before {
    content: '';
    position: absolute;
    left: 15px;
    top: 19px;
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 300px;
    background-color: #fff;
    box-sizing: border-box
}

.tv--video-player5-cf7f0de2 .settings-options.follow>li:after {
    border-radius: 0
}

.tv--video-player5-cf7f0de2 .settings-options.follow>li.selected:before {
    content: '';
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-bottom: 2px solid #AAA;
    border-left: 2px solid transparent;
    border-radius: 1px;
    border-right: 2px solid #AAA;
    border-top: 2px solid transparent;
    height: 12px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    width: 4px;
    top: 18px;
    left: 14px;
    position: absolute;
    -webkit-transition: -webkit-transform .08s cubic-bezier(0.16, .61, .56, 1) .3s;
    transition: transform .08s cubic-bezier(0.16, .61, .56, 1) .3s
}

.tv--video-player5-cf7f0de2 .settings-options.follow>li.selected.active:before {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff
}

.tv--video-player5-cf7f0de2 .scrub-wrapper {
    height: 10px;
    background-color: #343434;
    position: relative
}

.tv--video-player5-cf7f0de2 .scrub-bar {
    opacity: .5;
    width: 80%;
    right: 10%;
    bottom: 170px;
    position: absolute;
    padding: 20px;
    border: 2px solid transparent
}

.tv--video-player5-cf7f0de2 .play-progress {
    background-color: #fff;
    height: 10px;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    -webkit-transition: left .1s cubic-bezier(0.16, .61, .56, 1);
    transition: left .1s cubic-bezier(0.16, .61, .56, 1)
}

.tv--video-player5-cf7f0de2 .load-progress {
    background-color: #AAA;
    height: 10px;
    position: absolute;
    z-index: 5;
    left: 0;
    top: 0
}

.tv--video-player5-cf7f0de2 .more-info-panel {
    width: 40%;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .8);
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: -webkit-transform .2s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .2s cubic-bezier(0.16, .61, .56, 1)
}

.tv--video-player5-cf7f0de2.show-subtitles .subtitles-panel {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.tv--video-player5-cf7f0de2.show-subtitles .player-controls, .tv--video-player5-cf7f0de2.show-subtitles .scrub-bar {
    opacity: 0
}

.tv--video-player5-cf7f0de2.show-follow .follow-panel {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.tv--video-player5-cf7f0de2.show-follow .player-controls, .tv--video-player5-cf7f0de2.show-follow .scrub-bar {
    opacity: 0
}

.tv--video-player5-cf7f0de2.show-stats .stats-panel {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.tv--video-player5-cf7f0de2.show-stats .player-controls, .tv--video-player5-cf7f0de2.show-stats .scrub-bar {
    opacity: 0
}

.tv--video-player5-cf7f0de2.show-camera .camera-panel {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.tv--video-player5-cf7f0de2.show-camera .player-controls, .tv--video-player5-cf7f0de2.show-camera .scrub-bar {
    opacity: 0
}

.tv--video-player5-cf7f0de2.options-mode .player-controls {
    opacity: 1
}

.tv--video-player5-cf7f0de2.options-mode .player-controls li.active>div {
    background-color: rgba(0, 0, 0, .8);
    border: 2px solid #fff;
    color: #fff
}

.tv--video-player5-cf7f0de2 .player-controls {
    opacity: .5;
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center
}

.tv--video-player5-cf7f0de2 .player-controls>ul {
    margin: 0;
    padding: 0;
    display: block;
    text-align: center;
    position: relative;
    width: 80%;
    left: 10%
}

.tv--video-player5-cf7f0de2 .player-controls>ul>li {
    margin: 0;
    padding: 0;
    display: inline-block;
    border: 2px solid transparent;
    height: 120px;
    font-size: 3em;
    overflow: hidden;
    text-align: center
}

.tv--video-player5-cf7f0de2 .player-controls>ul>li.pause .iconfont-ls_icon_play, .tv--video-player5-cf7f0de2 .player-controls>ul>li.play .iconfont-ls_icon_pause {
    display: none
}

.tv--video-player5-cf7f0de2 .player-controls>ul>li>div {
    border: 2px solid #AAA;
    color: #AAA;
    width: 60px;
    height: 60px;
    display: inline-block;
    position: relative;
    top: 20px;
    text-align: center;
    line-height: 60px;
    background-color: rgba(0, 0, 0, .4)
}

.tv--video-player5-cf7f0de2 .player-controls>ul>li.active>div {
    background-color: rgba(0, 0, 0, .8);
    border: 2px solid #AAA;
    color: #AAA
}

.web--content-header-909846d0 {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    height: 60px;
    border-bottom: solid 2px #343434
}

.web--content-header-909846d0 .dazn-logo {
    width: 36px;
    height: 36px;
    background-image: url(../images/DAZN_logo.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
    margin: 12px
}

@media screen and (min-width: 760px) {
    .web--content-header-909846d0 .dazn-logo {
        margin-top: 12px;
        z-index: 1000
    }
}

.web--content-header-909846d0 .text-back {
    font-size: 1.286em;
    font-weight: 400;
    font-family: TrimMedium;
    text-transform: uppercase;
    text-align: center;
    width: 200px;
    position: absolute;
    left: 50%;
    margin-left: -100px;
    top: 16px
}

@media screen and (min-width: 760px) {
    .web--content-header-909846d0 .text-back {
        font-size: 1.25em !important
    }
}

.web--content-header-909846d0 .text-back a {
    border-bottom: solid 2px transparent;
    -webkit-transition: border .2s cubic-bezier(0.16, .61, .56, 1);
    transition: border .2s cubic-bezier(0.16, .61, .56, 1)
}

.web--content-header-909846d0 .text-back a:hover {
    border-bottom: solid 2px #fff
}

.web--error-message-012f494a {
    background-color: #fff;
    color: #000;
    position: relative;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    z-index: 100;
    height: auto;
    -webkit-transition: max-height .15s cubic-bezier(0.16, .61, .56, 1);
    transition: max-height .15s cubic-bezier(0.16, .61, .56, 1)
}

.web--error-message-012f494a.severe {
    background: url(../images/error-mobile.jpg) center center/cover no-repeat;
    height: 700px;
    max-height: 900px !important;
    color: #fff
}

.web--error-message-012f494a.severe>.ember-view {
    position: absolute
}

@media screen and (min-width: 760px) {
    .web--error-message-012f494a.severe {
        background: url(../images/error-web.jpg) center center/cover no-repeat;
        height: 900px
    }
}

.web--error-message-012f494a.severe .mt-row {
    position: relative;
    height: 700px;
    margin-top: 0;
    margin-bottom: 0;
    overflow: hidden
}

@media screen and (min-width: 760px) {
    .web--error-message-012f494a.severe .mt-row {
        height: 900px
    }
}

.web--error-message-012f494a.severe .mt-row .bp1-col-3 {
    position: relative;
    height: 700px
}

@media screen and (min-width: 760px) {
    .web--error-message-012f494a.severe .mt-row .bp1-col-3 {
        height: auto
    }
}

.web--error-message-012f494a.severe .severe-title {
    font-size: 3.429em !important;
    font-weight: 400;
    font-family: TrimBold;
    margin: 140px 0 24px;
    text-transform: uppercase
}

@media screen and (min-width: 760px) {
    .web--error-message-012f494a.severe .severe-title {
        font-size: 4.5em !important
    }
}

.web--error-message-012f494a.severe .severe-subtitle {
    font-size: 1.714em;
    font-weight: 400;
    font-family: TrimBold;
    margin: 0;
    text-transform: uppercase
}

@media screen and (min-width: 760px) {
    .web--error-message-012f494a.severe .severe-subtitle {
        font-size: 1.75em !important
    }
}

.web--error-message-012f494a.severe .severe-button {
    position: absolute;
    width: 100%;
    bottom: 100px;
    left: 0
}

@media screen and (min-width: 760px) {
    .web--error-message-012f494a.severe .severe-button {
        position: relative;
        bottom: auto;
        margin-top: 54px
    }
}

.web--error-message-012f494a.is-open {
    max-height: 500px
}

.web--error-message-012f494a.is-open .icon {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.web--error-message-012f494a.is-open .content {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.web--error-message-012f494a .mt-row {
    margin-top: 32px;
    margin-bottom: 32px
}

.web--error-message-012f494a .icon {
    float: left;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .15s cubic-bezier(0.16, .61, .56, 1) .15s, opacity .15s cubic-bezier(0.16, .61, .56, 1) .15s;
    transition: transform .15s cubic-bezier(0.16, .61, .56, 1) .15s, opacity .15s cubic-bezier(0.16, .61, .56, 1) .15s;
    opacity: 0
}

.web--error-message-012f494a .icon>span {
    font-size: 40px;
    display: block;
    margin-top: 4px
}

@media screen and (min-width: 760px) {
    .web--error-message-012f494a .icon>span {
        font-size: 50px
    }
}

.web--error-message-012f494a .button {
    text-align: right;
    margin: 24px 0 0
}

.web--error-message-012f494a .error-close {
    float: right;
    cursor: pointer;
    font-size: 20px;
    text-align: center;
    height: 30px;
    width: 30px
}

.web--error-message-012f494a .error-close>span {
    display: inline-block
}

.web--error-message-012f494a .error-close>span:before {
    background-color: #fff;
    -webkit-transition: background-color .2s cubic-bezier(0.16, .61, .56, 1);
    transition: background-color .2s cubic-bezier(0.16, .61, .56, 1)
}

.web--error-message-012f494a .error-close:hover>span:before {
    background-color: #f2f2f3
}

.web--error-message-012f494a .header {
    margin: 0 0 12px
}

.web--error-message-012f494a .content {
    -webkit-transition: -webkit-transform .15s cubic-bezier(0.16, .61, .56, 1) .15s, opacity .15s cubic-bezier(0.16, .61, .56, 1) .15s;
    transition: transform .15s cubic-bezier(0.16, .61, .56, 1) .15s, opacity .15s cubic-bezier(0.16, .61, .56, 1) .15s;
    opacity: 0;
    -webkit-transform: translate3d(0, -150px, 0);
    transform: translate3d(0, -150px, 0)
}

.web--error-message-012f494a .title {
    font-size: 1.714em;
    font-weight: 400;
    font-family: TrimBold;
    text-transform: uppercase;
    margin: 0 0 12px;
    line-height: 1
}

@media screen and (min-width: 760px) {
    .web--error-message-012f494a .title {
        font-size: 1.75em !important
    }
}

.web--error-message-012f494a .sub-title {
    color: #999;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    margin: 0 0 24px
}

@media screen and (min-width: 760px) {
    .web--error-message-012f494a .sub-title {
        font-size: 1em
    }
}

.web--error-message-012f494a .sub-title .iconfont {
    position: relative;
    top: 3px
}

.web--error-message-012f494a .sub-title .iconfont:before {
    display: inline-block
}

.web--error-message-012f494a .sub-title .iconfont.left:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.web--error-message-012f494a .text {
    font-size: 1.286em;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-weight: 400;
    margin: 0;
    color: #333
}

@media screen and (min-width: 760px) {
    .web--error-message-012f494a .text {
        font-size: 1.25em !important
    }
}

.web--global-footer-00aee4c5 {
    position: relative;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #2a2a2a;
    z-index: 200;
    text-align: center
}

.web--global-footer-00aee4c5 footer ul {
    list-style-type: none;
    padding-left: 0
}

.web--global-footer-00aee4c5 footer ul li {
    display: inline
}

.web--global-header--search-7e10222e input[type=text] {
    padding: 12px 0;
    width: 100%;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 4px solid #fff;
    color: #fff;
    margin-top: 40px;
    font-size: 2.286em;
    font-weight: 400;
    text-transform: uppercase;
    font-family: TrimBold
}

@media screen and (min-width: 760px) {
    .web--global-header--search-7e10222e input[type=text] {
        font-size: 3em !important
    }
}

.web--global-header--search-7e10222e input[type=text].focus, .web--global-header--search-7e10222e input[type=text]:focus {
    border-bottom: 4px solid #fff
}

.web--global-header-acb2b0ed {
    top: 0;
    position: fixed;
    width: 100%;
    z-index: 800;
    -webkit-transition: top .08s cubic-bezier(0.16, .61, .56, 1), max-height .3s cubic-bezier(0.16, .61, .56, 1);
    transition: top .08s cubic-bezier(0.16, .61, .56, 1), max-height .3s cubic-bezier(0.16, .61, .56, 1)
}

.web--global-header-acb2b0ed.show-following-message .following-message {
    display: block !important
}

.web--global-header-acb2b0ed .following-message {
    display: none !important;
    padding-left: 33px !important;
    top: 4px;
    position: relative
}

@media screen and (min-width: 760px) {
    .web--global-header-acb2b0ed .following-message {
        padding-left: 37px !important
    }
}

.web--global-header-acb2b0ed .signout {
    font-size: 1.286em;
    font-weight: 400;
    font-family: TrimMedium;
    text-transform: uppercase;
    padding: 12px 0
}

@media screen and (min-width: 760px) {
    .web--global-header-acb2b0ed .signout {
        font-size: 1.25em !important
    }
}

.web--global-header-acb2b0ed .signout .iconfont {
    font-size: 30px;
    position: relative;
    top: 9px
}

.web--global-header-acb2b0ed nav {
    position: relative;
    z-index: 100;
    background-color: #000
}

.web--global-header-acb2b0ed .hor-nav {
    cursor: pointer;
    -webkit-transition: color .15s cubic-bezier(0.16, .61, .56, 1);
    transition: color .15s cubic-bezier(0.16, .61, .56, 1);
    padding: 4px 0
}

@media screen and (min-width: 760px) {
    .web--global-header-acb2b0ed .hor-nav {
        text-align: center;
        padding: 0
    }
}

.web--global-header-acb2b0ed .hor-nav a {
    display: block;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    color: #AAA;
    -webkit-transition: color .2s cubic-bezier(0.16, .61, .56, 1);
    transition: color .2s cubic-bezier(0.16, .61, .56, 1)
}

.web--global-header-acb2b0ed .hor-nav a:hover {
    color: #fff
}

.web--global-header-acb2b0ed .hor-nav .text {
    display: inline-block;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 40px;
    height: 40px;
    margin: 0;
    padding: 0;
    overflow: hidden
}

@media screen and (min-width: 760px) {
    .web--global-header-acb2b0ed .hor-nav .text {
        font-size: 1em
    }
}

.web--global-header-acb2b0ed .hor-nav .iconfont {
    font-size: 40px;
    height: 40px;
    overflow: hidden;
    line-height: 40px
}

.web--global-header-acb2b0ed .top-nav {
    border-top: solid 2px #343434;
    padding-top: 20px;
    margin-top: 12px;
    border-bottom: solid 2px #343434;
    padding-bottom: 20px;
    margin-bottom: 12px
}

.web--global-header-acb2b0ed .subnav-wrapper .mt-container {
    padding: 0 24px
}

.web--global-header-acb2b0ed.slide-up {
    top: -60px;
    -webkit-transition: top .08s cubic-bezier(0.16, .61, .56, 1);
    transition: top .08s cubic-bezier(0.16, .61, .56, 1)
}

.web--global-header-acb2b0ed.slide-up .dazn-logo {
    width: 40px;
    height: 40px;
    top: 0
}

.web--global-header-acb2b0ed .dazn-logo {
    width: 36px;
    height: 36px;
    background-image: url(../images/DAZN_logo.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    margin-top: 12px;
    -webkit-transition: width .2s cubic-bezier(0.16, .61, .56, 1), height .2s cubic-bezier(0.16, .61, .56, 1);
    transition: width .2s cubic-bezier(0.16, .61, .56, 1), height .2s cubic-bezier(0.16, .61, .56, 1)
}

@media screen and (min-width: 760px) {
    .web--global-header-acb2b0ed .dazn-logo {
        width: 80px;
        height: 80px;
        margin-top: 12px;
        position: absolute;
        z-index: 1000
    }
}

.web--global-header-acb2b0ed.non-video {
    position: relative
}

.web--global-header-acb2b0ed .account-menu {
    display: inline-block
}

.web--global-header-acb2b0ed .account-menu .state1 {
    position: relative;
    top: -5px
}

@media screen and (min-width: 760px) {
    .web--global-header-acb2b0ed .account-menu {
        margin-right: 10px
    }
}

.web--global-header-acb2b0ed .search-menu {
    display: inline-block;
    text-align: center
}

.web--global-header-acb2b0ed .subnav-wrapper {
    position: fixed;
    top: 0;
    padding-top: 80px;
    width: 100%;
    bottom: 0;
    background-color: #040404;
    -webkit-transition: -webkit-transform .3s cubic-bezier(0.16, .61, .56, 1), opacity .2s cubic-bezier(0.16, .61, .56, 1) .1s;
    transition: transform .3s cubic-bezier(0.16, .61, .56, 1), opacity .2s cubic-bezier(0.16, .61, .56, 1) .1s;
    -webkit-transform: translate3d(0, -1400px, 0);
    transform: translate3d(0, -1400px, 0);
    opacity: 0;
    overflow: auto;
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    z-index: 10
}

@media screen and (min-width: 760px) {
    .web--global-header-acb2b0ed .subnav-wrapper {
        padding-top: 60px
    }
}

@media screen and (min-width: 760px) {
    .web--global-header-acb2b0ed.sub-navbar-open .dazn-logo {
        width: 40px;
        height: 40px
    }
}

.web--global-header-acb2b0ed.sub-navbar-open .nav-content {
    display: block
}

.web--global-header-acb2b0ed.sub-navbar-open .subnav-wrapper {
    -webkit-transition: -webkit-transform .3s cubic-bezier(0.16, .61, .56, 1) .1s, opacity .2s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .3s cubic-bezier(0.16, .61, .56, 1) .1s, opacity .2s cubic-bezier(0.16, .61, .56, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.web--global-header-acb2b0ed.mouse-select .nav-content li a {
    color: #AAA
}

.web--global-header-acb2b0ed .nav-content {
    display: none
}

.web--global-header-acb2b0ed .nav-content:hover li a:hover {
    color: #fff
}

.web--global-header-acb2b0ed .nav-content h4 {
    font-size: 1.286em;
    font-weight: 400;
    font-family: TrimMedium;
    margin-bottom: 0;
    text-transform: uppercase
}

@media screen and (min-width: 760px) {
    .web--global-header-acb2b0ed .nav-content h4 {
        font-size: 1.25em !important
    }
}

@media screen and (min-width: 760px) {
    .web--global-header-acb2b0ed .nav-content h4 {
        margin-top: 32px
    }
}

.web--global-header-acb2b0ed .nav-content ul {
    display: block;
    margin: 0;
    padding: 0 0 12px
}

@media screen and (min-width: 760px) {
    .web--global-header-acb2b0ed .nav-content ul {
        padding: 20px 0
    }
}

.web--global-header-acb2b0ed .nav-content ul .separator {
    margin: 12px 0;
    border-top: solid 2px #343434
}

.web--global-header-acb2b0ed .nav-content ul .noicon {
    text-indent: 60px
}

.web--global-header-acb2b0ed .nav-content ul li {
    margin: 0;
    padding: 0;
    line-height: 1.25;
    display: block
}

.web--global-header-acb2b0ed .nav-content ul li.title {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1em;
    color: #AAA;
    text-transform: uppercase;
    text-indent: 33px
}

@media screen and (min-width: 760px) {
    .web--global-header-acb2b0ed .nav-content ul li.title {
        font-size: .875em
    }
}

@media screen and (min-width: 760px) {
    .web--global-header-acb2b0ed .nav-content ul li.title {
        text-indent: 37px
    }
}

.web--global-header-acb2b0ed .nav-content ul li .iconfont-ls_icon_arrow_small:before {
    display: inline-block;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.web--global-header-acb2b0ed .nav-content ul li .iconfont-ls_icon_arrow:before {
    display: inline-block;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.web--global-header-acb2b0ed .nav-content ul li .iconfont {
    position: relative;
    top: 3px
}

@media screen and (min-width: 760px) {
    .web--global-header-acb2b0ed .nav-content ul li .iconfont {
        top: 5px
    }
}

.web--global-header-acb2b0ed .nav-content ul li.following {
    position: relative
}

.web--global-header-acb2b0ed .nav-content ul li.following .unfollow {
    position: absolute;
    -webkit-transition: opacity .2s cubic-bezier(0.16, .61, .56, 1);
    transition: opacity .2s cubic-bezier(0.16, .61, .56, 1);
    opacity: 1;
    right: 0;
    top: -3px;
    width: 100px;
    color: #AAA;
    text-align: right
}

@media screen and (min-width: 760px) {
    .web--global-header-acb2b0ed .nav-content ul li.following .unfollow {
        top: -2px;
        opacity: 0;
        color: #fff
    }
}

.web--global-header-acb2b0ed .nav-content ul li.following .unfollow .unfollow-text {
    -webkit-transition: opacity .2s cubic-bezier(0.16, .61, .56, 1);
    transition: opacity .2s cubic-bezier(0.16, .61, .56, 1);
    font-size: 12px;
    text-transform: uppercase;
    float: left;
    position: relative;
    top: 10px;
    opacity: 1;
    display: none
}

@media screen and (min-width: 760px) {
    .web--global-header-acb2b0ed .nav-content ul li.following .unfollow .unfollow-text {
        font-size: 14px;
        top: 12px;
        display: block;
        opacity: 0
    }
}

.web--global-header-acb2b0ed .nav-content ul li.following .unfollow:hover .unfollow-text {
    opacity: 1
}

.web--global-header-acb2b0ed .nav-content ul li.following .unfollow:hover a {
    color: #fff !important
}

.web--global-header-acb2b0ed .nav-content ul li.following .minus {
    font-size: 30px;
    position: relative;
    top: -4px;
    display: none
}

@media screen and (min-width: 760px) {
    .web--global-header-acb2b0ed .nav-content ul li.following .minus {
        display: none
    }
}

.web--global-header-acb2b0ed .nav-content ul li.following .iconfont-ls_icon_close {
    font-size: 20px;
    display: block;
    position: relative;
    top: 5px
}

@media screen and (min-width: 760px) {
    .web--global-header-acb2b0ed .nav-content ul li.following .iconfont-ls_icon_close {
        display: block;
        font-size: 30px
    }
}

.web--global-header-acb2b0ed .nav-content ul li.following:hover .unfollow {
    opacity: 1
}

.web--global-header-acb2b0ed .nav-content ul li a {
    display: block;
    font-size: 1.714em;
    font-weight: 400;
    font-family: TrimMedium;
    -webkit-transition: colors .08s cubic-bezier(0.16, .61, .56, 1);
    transition: colors .08s cubic-bezier(0.16, .61, .56, 1);
    color: #fff;
    -webkit-transform-origin: center left;
    -ms-transform-origin: center left;
    transform-origin: center left;
    text-transform: uppercase;
    white-space: nowrap
}

@media screen and (min-width: 760px) {
    .web--global-header-acb2b0ed .nav-content ul li a {
        font-size: 1.75em !important
    }
}

.web--global-header-acb2b0ed .navbar {
    height: 60px;
    position: relative;
    z-index: 100
}

.web--global-header-acb2b0ed .navbar a, .web--global-header-acb2b0ed .navbar a:active, .web--global-header-acb2b0ed .navbar a:link, .web--global-header-acb2b0ed .navbar a:visited {
    color: #fff;
    text-decoration: none
}

.web--global-header-acb2b0ed .navbar a .iconfont, .web--global-header-acb2b0ed .navbar a:active .iconfont, .web--global-header-acb2b0ed .navbar a:link .iconfont, .web--global-header-acb2b0ed .navbar a:visited .iconfont {
    font-size: 1.714em;
    font-weight: 400
}

@media screen and (min-width: 760px) {
    .web--global-header-acb2b0ed .navbar a .iconfont, .web--global-header-acb2b0ed .navbar a:active .iconfont, .web--global-header-acb2b0ed .navbar a:link .iconfont, .web--global-header-acb2b0ed .navbar a:visited .iconfont {
        font-size: 1.75em !important
    }
}

.web--global-header-acb2b0ed .navbar a.close, .web--global-header-acb2b0ed .navbar a:active.close, .web--global-header-acb2b0ed .navbar a:link.close, .web--global-header-acb2b0ed .navbar a:visited.close {
    padding-top: 8px
}

.web--global-header-acb2b0ed .navbar .logo {
    font-size: 1.286em;
    font-weight: 400;
    font-family: TrimMedium;
    margin-left: 12px
}

@media screen and (min-width: 760px) {
    .web--global-header-acb2b0ed .navbar .logo {
        font-size: 1.25em !important
    }
}

.web--global-header-acb2b0ed .navbar .search {
    margin-right: 16px
}

.web--global-header-acb2b0ed .navbar .menu {
    display: block;
    position: absolute;
    left: 50%;
    width: 100px;
    margin-left: -50px;
    text-align: center;
    top: 16px
}

@media screen and (min-width: 760px) {
    .web--global-header-acb2b0ed .navbar .menu {
        width: 200px;
        margin-left: -100px;
        top: 16px
    }
}

.web--global-header-acb2b0ed .navbar .menu a {
    border: 4px solid #040404;
    -webkit-transition: border .08s cubic-bezier(0.16, .61, .56, 1);
    transition: border .08s cubic-bezier(0.16, .61, .56, 1);
    display: block;
    box-sizing: border-box;
    line-height: 52px;
    height: 60px;
    width: 100%;
    text-align: center;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400
}

@media screen and (min-width: 760px) {
    .web--global-header-acb2b0ed .navbar .menu a {
        font-size: 1em
    }
}

.web--global-header-acb2b0ed .navbar .menu a:after {
    display: block;
    content: '';
    width: 100%;
    height: 8px;
    background-color: #040404;
    bottom: -8px;
    position: absolute;
    z-index: 20;
    left: 0;
    opacity: 0
}

.web--global-header-acb2b0ed .sub-navbar {
    border-bottom: solid 4px #fff
}

.web--global-header-acb2b0ed .sub-navbar>div {
    padding: 12px 0;
    -webkit-transition: -webkit-transform .08s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .08s cubic-bezier(0.16, .61, .56, 1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center
}

.web--global-header-acb2b0ed .sub-navbar>div:hover {
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4)
}

.web--global-header-acb2b0ed .sub-navbar a {
    text-decoration: none;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    color: #AAA;
    text-transform: uppercase;
    white-space: nowrap
}

@media screen and (min-width: 760px) {
    .web--global-header-acb2b0ed .sub-navbar a {
        font-size: 1em
    }
}

.web--global-header-acb2b0ed .sub-navbar a.active {
    color: #fff;
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4)
}

.web--global-header-acb2b0ed.search .submenu-wrapper {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    left: 0;
    display: block
}

.web--global-header-acb2b0ed.search .explore.menu {
    opacity: 0;
    display: none
}

.web--global-header-acb2b0ed.explore .main-menu a {
    border: 4px solid #fff;
    position: relative
}

.web--global-header-acb2b0ed.explore .main-menu a:after {
    opacity: 1
}

.web--global-header-acb2b0ed.explore .submenu-wrapper {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    left: 0;
    display: block;
    margin-top: 50px
}

.web--global-header-acb2b0ed.explore .search.submenu-wrapper {
    opacity: 0;
    display: none
}

.web--global-header-acb2b0ed .submenu-wrapper {
    position: fixed;
    box-sizing: border-box;
    top: 60px;
    left: -100%;
    bottom: 0;
    width: 100%;
    background-color: #040404;
    text-align: center;
    overflow: auto;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0;
    z-index: 1;
    -webkit-transition: opacity .08s cubic-bezier(0.16, .61, .56, 1), -webkit-transform .08s cubic-bezier(0.16, .61, .56, 1);
    transition: opacity .08s cubic-bezier(0.16, .61, .56, 1), transform .08s cubic-bezier(0.16, .61, .56, 1)
}

.web--global-header-acb2b0ed .submenu-wrapper .submenu-content {
    display: inline-block;
    width: 60%
}

@media only screen and (min-width: 760px) {
    .web--global-header-acb2b0ed .submenu-wrapper .submenu-content {
        width: 350px
    }
}

.web--global-header-acb2b0ed .submenu-wrapper h3, .web--global-header-acb2b0ed .submenu-wrapper h4 {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    color: gray;
    margin: 24px 0 0;
    line-height: 1.55;
    text-transform: uppercase
}

@media screen and (min-width: 760px) {
    .web--global-header-acb2b0ed .submenu-wrapper h3 {
        font-size: 1em
    }
}

@media screen and (min-width: 760px) {
    .web--global-header-acb2b0ed .submenu-wrapper h4 {
        font-size: 1em
    }
}

.web--global-header-acb2b0ed .submenu-wrapper ul {
    margin: 0;
    padding: 0;
    display: block
}

.web--global-header-acb2b0ed .submenu-wrapper ul li {
    display: block;
    text-align: center;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.65;
    -webkit-transition: font-size .08s cubic-bezier(0.16, .61, .56, 1);
    transition: font-size .08s cubic-bezier(0.16, .61, .56, 1);
    text-transform: uppercase
}

@media screen and (min-width: 760px) {
    .web--global-header-acb2b0ed .submenu-wrapper ul li {
        font-size: 1em
    }
}

.web--global-header-acb2b0ed .submenu-wrapper ul li a {
    text-decoration: none;
    color: #fff
}

.web--icon-btn-668bf901 {
    position: relative;
    text-align: center
}

.web--icon-btn-668bf901 .iconfont-ls_icon_hamburger {
    display: none
}

.web--icon-btn-668bf901.close.regular .state1 {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .12s cubic-bezier(0.16, .61, .56, 1) .24s, background-color .12s cubic-bezier(0.16, .61, .56, 1), border .2s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .12s cubic-bezier(0.16, .61, .56, 1) .24s, background-color .12s cubic-bezier(0.16, .61, .56, 1), border .2s cubic-bezier(0.16, .61, .56, 1)
}

.web--icon-btn-668bf901.close.regular .state2, .web--icon-btn-668bf901.open.regular .state1 {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    background-color: #fff;
    -webkit-transition: -webkit-transform .12s cubic-bezier(0.16, .61, .56, 1) .12s, background-color .12s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .12s cubic-bezier(0.16, .61, .56, 1) .12s, background-color .12s cubic-bezier(0.16, .61, .56, 1)
}

.web--icon-btn-668bf901.open.regular .state2 {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .12s cubic-bezier(0.16, .61, .56, 1) .24s, background-color .12s cubic-bezier(0.16, .61, .56, 1), border .2s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .12s cubic-bezier(0.16, .61, .56, 1) .24s, background-color .12s cubic-bezier(0.16, .61, .56, 1), border .2s cubic-bezier(0.16, .61, .56, 1)
}

.web--icon-btn-668bf901.close.top-menu .state2, .web--icon-btn-668bf901.open.top-menu .state1 {
    display: none
}

.web--icon-btn-668bf901 .state1, .web--icon-btn-668bf901 .state2 {
    cursor: pointer;
    text-align: center;
    position: relative;
    display: inline-block;
    height: 40px;
    min-width: 40px;
    line-height: 40px;
    margin-top: 10px;
    box-sizing: border-box
}

.web--icon-btn-668bf901 .state1:hover, .web--icon-btn-668bf901 .state2:hover {
    border-color: #fff
}

.web--icon-btn-668bf901 .state1 span, .web--icon-btn-668bf901 .state2 span {
    position: relative;
    top: -4px;
    font-size: 30px;
    z-index: 2
}

.web--icon-btn-668bf901 .state1 span:before, .web--icon-btn-668bf901 .state2 span:before {
    vertical-align: middle
}

.web--icon-btn-668bf901 .state1 {
    border-bottom: solid 2px #040404
}

.web--icon-btn-668bf901.top-menu .state1, .web--icon-btn-668bf901.top-menu .state2 {
    font-size: 1.286em;
    font-weight: 400;
    font-family: TrimBold;
    display: inline-block
}

@media screen and (min-width: 760px) {
    .web--icon-btn-668bf901.top-menu .state1, .web--icon-btn-668bf901.top-menu .state2 {
        font-size: 1.25em !important
    }
}

.web--icon-btn-668bf901.top-menu .browse-btn {
    display: none
}

.web--icon-btn-668bf901.top-menu .iconfont-ls_icon_close, .web--icon-btn-668bf901.top-menu .state1 .iconfont-ls_icon_hamburger {
    display: block
}

@media screen and (min-width: 760px) {
    .web--icon-btn-668bf901.top-menu .browse-btn {
        display: block
    }
    .web--icon-btn-668bf901.top-menu .iconfont-ls_icon_close, .web--icon-btn-668bf901.top-menu .state1 .iconfont-ls_icon_hamburger {
        display: none
    }
}

.web--icon-btn-668bf901.top-menu .state2 {
    white-space: nowrap;
    border-bottom: solid 2px #040404
}

.web--icon-btn-668bf901.top-menu .state2:hover {
    border-color: #fff
}

.web--icon-btn-668bf901.regular .state2 {
    border: 2px solid #040404;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    top: 0
}

.web--menu-button-d96149ed {
    cursor: pointer;
    display: inline-block
}

.web--menu-button-d96149ed .large {
    display: block;
    font-size: 1.286em;
    font-weight: 400;
    font-family: TrimMedium;
    text-transform: uppercase;
    overflow: hidden;
    width: 59px;
    white-space: nowrap;
    -webkit-transition: width .2s cubic-bezier(0.16, .61, .56, 1) .3s, border .2s cubic-bezier(0.16, .61, .56, 1);
    transition: width .2s cubic-bezier(0.16, .61, .56, 1) .3s, border .2s cubic-bezier(0.16, .61, .56, 1);
    border-bottom: solid 2px transparent
}

@media screen and (min-width: 760px) {
    .web--menu-button-d96149ed .large {
        font-size: 1.25em !important
    }
}

@media screen and (min-width: 760px) {
    .web--menu-button-d96149ed .large {
        width: 67px
    }
}

.web--menu-button-d96149ed .large .state1 {
    position: relative;
    left: -62px;
    -webkit-transition: left .2s cubic-bezier(0.16, .61, .56, 1);
    transition: left .2s cubic-bezier(0.16, .61, .56, 1)
}

@media screen and (min-width: 760px) {
    .web--menu-button-d96149ed .large .state1 {
        left: -68px
    }
}

.web--menu-button-d96149ed:hover .large {
    border-bottom: solid 2px #fff
}

.web--menu-button-d96149ed.open .large {
    -webkit-transition: width .2s cubic-bezier(0.16, .61, .56, 1);
    transition: width .2s cubic-bezier(0.16, .61, .56, 1)
}

.web--menu-button-d96149ed.open .large .state1 {
    left: 0
}

.web--my-account-befd6464 .mt-container {
    margin-top: 60px
}

.web--my-account-befd6464 .title {
    font-size: 1.286em;
    font-weight: 400;
    font-family: TrimBold;
    text-transform: uppercase
}

@media screen and (min-width: 760px) {
    .web--my-account-befd6464 .title {
        font-size: 1.25em !important
    }
}

.web--my-account-befd6464 .section {
    margin-top: 40px
}

.web--rail-item-1bbc977a {
    margin: 0 0 18px;
    overflow-x: visible;
    position: relative;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .5s cubic-bezier(0.16, .61, .56, 1), top .5s cubic-bezier(0.16, .61, .56, 1), bottom .5s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .5s cubic-bezier(0.16, .61, .56, 1), top .5s cubic-bezier(0.16, .61, .56, 1), bottom .5s cubic-bezier(0.16, .61, .56, 1);
    z-index: 1
}

.web--rail-item-1bbc977a.expand-view {
    position: fixed;
    width: 100%;
    top: 0;
    bottom: 0;
    background-color: #040404;
    overflow: auto;
    z-index: 99999;
    margin: 0
}

.web--rail-item-1bbc977a.expand-view .title {
    position: fixed;
    top: 0;
    background-color: #040404;
    width: 100%;
    z-index: 10
}

.web--rail-item-1bbc977a:hover {
    z-index: 10
}

.web--rail-item-1bbc977a:hover .slide-button, .web--rail-item-1bbc977a:hover .slide-left-button, .web--rail-item-1bbc977a:hover .slide-right-button {
    opacity: .8
}

.web--rail-item-1bbc977a.animated .slider {
    -webkit-transition: -webkit-transform .5s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .5s cubic-bezier(0.16, .61, .56, 1)
}

.web--rail-item-1bbc977a.slide-up {
    -webkit-transform: translate3d(0, -1200px, 0);
    transform: translate3d(0, -1200px, 0)
}

.web--rail-item-1bbc977a.slide-down {
    -webkit-transform: translate3d(0, 600px, 0);
    transform: translate3d(0, 600px, 0)
}

.web--rail-item-1bbc977a .mt-row {
    position: relative;
    overflow: visible
}

.web--rail-item-1bbc977a.hide-left-arrow .slide-left-button, .web--rail-item-1bbc977a.hide-right-arrow .slide-right-button {
    display: none
}

.web--rail-item-1bbc977a.show-left-arrow .slide-left-button, .web--rail-item-1bbc977a.show-right-arrow .slide-right-button {
    display: block
}

.web--rail-item-1bbc977a .title {
    pointer-events: none;
    font-size: 1.286em;
    font-weight: 400;
    font-family: TrimMedium;
    padding-bottom: 8px;
    text-transform: uppercase;
    position: relative;
    height: 30px;
    z-index: 1
}

@media screen and (min-width: 760px) {
    .web--rail-item-1bbc977a .title {
        font-size: 1.25em !important
    }
}

.web--rail-item-1bbc977a .title-over {
    position: absolute;
    z-index: 2;
    color: #fff
}

.web--rail-item-1bbc977a .title-under {
    position: absolute;
    z-index: 1;
    color: #000;
    margin: 1px 0 0 1px
}

.web--rail-item-1bbc977a .slider {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    white-space: nowrap
}

.web--rail-item-1bbc977a .show-more {
    padding: 8px 12px;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    border: 1px solid #fff;
    color: #fff;
    text-decoration: none;
    float: right;
    margin: 8px 0;
    background-color: #040404
}

@media screen and (min-width: 760px) {
    .web--rail-item-1bbc977a .show-more {
        font-size: 1em
    }
}

.web--rail-item-1bbc977a.is-touch .slide-button, .web--rail-item-1bbc977a.is-touch .slide-left-button, .web--rail-item-1bbc977a.is-touch .slide-right-button {
    display: none
}

.web--rail-item-1bbc977a.is-touch .mt-row {
    overflow-x: auto
}

.web--rail-item-1bbc977a .slide-button, .web--rail-item-1bbc977a .slide-left-button, .web--rail-item-1bbc977a .slide-right-button {
    background-color: rgba(0, 0, 0, .8);
    bottom: 5px;
    color: #fff;
    overflow: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: opacity .08s cubic-bezier(0.16, .61, .56, 1);
    transition: opacity .08s cubic-bezier(0.16, .61, .56, 1);
    width: 72px;
    z-index: 10;
    text-align: center
}

.web--rail-item-1bbc977a .slide-button span, .web--rail-item-1bbc977a .slide-left-button span, .web--rail-item-1bbc977a .slide-right-button span {
    font-size: 50px;
    display: inline-block;
    height: 50px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    margin-left: -8px
}

.web--rail-item-1bbc977a .slide-button:hover, .web--rail-item-1bbc977a .slide-left-button:hover, .web--rail-item-1bbc977a .slide-right-button:hover {
    opacity: 1
}

.web--rail-item-1bbc977a .slide-button i, .web--rail-item-1bbc977a .slide-left-button i, .web--rail-item-1bbc977a .slide-right-button i {
    font-size: 20px;
    top: 50%;
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    position: absolute
}

.web--rail-item-1bbc977a .slide-left-button {
    left: 0
}

.web--rail-item-1bbc977a.first-time .slide-left-button {
    display: none
}

.web--rail-item-1bbc977a .slide-right-button {
    right: 0
}

.web--rail-item-1bbc977a .slide-right-button span {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.web--rail-item-1bbc977a .rails-content {
    position: relative;
    z-index: 2
}

.web--rail-item-1bbc977a.dont-show-more .slide-right-button {
    display: none !important
}

.web--rail-item-1bbc977a .show-more {
    display: none
}

@media only screen and (max-width: 760px) {
    .web--rail-item-1bbc977a.pods-rail .slider {
        white-space: normal;
        overflow: hidden;
        -webkit-transition: max-height 2s cubic-bezier(0.16, .61, .56, 1);
        transition: max-height 2s cubic-bezier(0.16, .61, .56, 1)
    }
    .web--rail-item-1bbc977a.pods-rail .show-more {
        display: block
    }
    .web--rail-item-1bbc977a .show-more, .web--rail-item-1bbc977a.pods-rail.dont-show-more .show-more {
        display: none
    }
}

.web--rail-item-1bbc977a .button {
    display: inline-block;
    height: 60px;
    line-height: 60px;
    white-space: nowrap;
    color: #AAA;
    -webkit-transition: color .15s cubic-bezier(0.16, .61, .56, 1);
    transition: color .15s cubic-bezier(0.16, .61, .56, 1);
    text-align: center;
    padding: 0 42px 0 24px;
    position: relative;
    cursor: pointer;
    box-sizing: border-box;
    margin: 8px 0 16px
}

@media screen and (min-width: 760px) {
    .web--rail-item-1bbc977a .button {
        display: none
    }
}

.web--rail-item-1bbc977a .button .border {
    position: absolute;
    width: 100%;
    height: 60px;
    border: 2px solid #AAA;
    -webkit-transition: border .15s cubic-bezier(0.16, .61, .56, 1);
    transition: border .15s cubic-bezier(0.16, .61, .56, 1);
    top: 0;
    left: 0;
    box-sizing: border-box
}

.web--rail-item-1bbc977a .button:hover {
    color: #fff
}

.web--rail-item-1bbc977a .button:hover .border {
    border: 2px solid #fff
}

.web--rail-item-1bbc977a .button:active {
    color: #fff
}

.web--rail-item-1bbc977a .button:active .border {
    border: 4px solid #fff
}

.web--rail-item-1bbc977a .button .iconfont {
    display: block;
    font-size: 29px;
    overflow: hidden;
    position: absolute;
    top: 16px;
    right: 17px;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center
}

.web--rail-item-1bbc977a .button .iconfont:before {
    display: inline-block;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-transition: -webkit-transform .15s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .15s cubic-bezier(0.16, .61, .56, 1)
}

.web--rail-item-1bbc977a .button .state1, .web--rail-item-1bbc977a .button .state2 {
    font-size: 1.286em;
    font-weight: 400;
    font-family: TrimMedium
}

@media screen and (min-width: 760px) {
    .web--rail-item-1bbc977a .button .state1, .web--rail-item-1bbc977a .button .state2 {
        font-size: 1.25em !important
    }
}

.web--rail-item-1bbc977a .button .state2, .web--rail-item-1bbc977a.expand-view .button .state1 {
    display: none
}

.web--rail-item-1bbc977a.expand-view .button .state2 {
    display: inline-block
}

.web--rail-item-1bbc977a.expand-view .button .iconfont:before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

@media only screen and (max-width: 760px) {
    .web--rail-item-1bbc977a.pods-rail .slide-left-button, .web--rail-item-1bbc977a.pods-rail .slide-right-button {
        display: none
    }
}

@media only screen and (min-width: 448px) {
    .web--rail-item-1bbc977a .slider {
        white-space: nowrap;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    .web--rail-item-1bbc977a .slider span.hide-show-more-item, .web--rail-item-1bbc977a .slider span.show-more-item {
        display: inline-block
    }
    .web--rail-item-1bbc977a .show-more {
        display: none
    }
}

.web--rails-list-a27bb354 {
    overflow: hidden
}

.web--rails-list-a27bb354.loading {
    opacity: 0
}

.web--rails-list-a27bb354.back-to-playback-show .back-to-playback {
    opacity: 1;
    -webkit-transition: opacity .08s cubic-bezier(0.16, .61, .56, 1);
    transition: opacity .08s cubic-bezier(0.16, .61, .56, 1);
    pointer-events: auto
}

.web--rails-list-a27bb354.back-to-playback-hide .back-to-playback {
    opacity: 0;
    -webkit-transition: opacity .08s cubic-bezier(0.16, .61, .56, 1);
    transition: opacity .08s cubic-bezier(0.16, .61, .56, 1);
    pointer-events: none
}

.web--rails-list-a27bb354.back-to-playback-top .back-to-playback {
    top: 0;
    background-color: #040404;
    -webkit-transition: top .08s cubic-bezier(0.16, .61, .56, 1);
    transition: top .08s cubic-bezier(0.16, .61, .56, 1);
    -webkit-transition: background-color .08s cubic-bezier(0.16, .61, .56, 1);
    transition: background-color .08s cubic-bezier(0.16, .61, .56, 1);
    pointer-events: auto
}

.web--rails-list-a27bb354 .back-to-playback {
    left: 0;
    top: 60px;
    width: 100%;
    position: fixed;
    padding: 12px;
    z-index: 301;
    font-weight: 700;
    background-color: rgba(4, 4, 4, .75);
    -webkit-transition: top .08s cubic-bezier(0.16, .61, .56, 1);
    transition: top .08s cubic-bezier(0.16, .61, .56, 1);
    -webkit-transition: background-color .08s cubic-bezier(0.16, .61, .56, 1);
    transition: background-color .08s cubic-bezier(0.16, .61, .56, 1)
}

.web--rails-list-a27bb354 .browse {
    -webkit-transition: margin .08s cubic-bezier(0.54, .25, .95, .63);
    transition: margin .08s cubic-bezier(0.54, .25, .95, .63);
    z-index: 1000
}

.web--rails-list-a27bb354.hide-rail-list .browse, .web--rails-list-a27bb354.hide-rail-list nav {
    opacity: 0;
    -webkit-transition: opacity .5s cubic-bezier(0.54, .25, .95, .63);
    transition: opacity .5s cubic-bezier(0.54, .25, .95, .63)
}

.web--rails-list-a27bb354.show-rail-list .browse, .web--rails-list-a27bb354.show-rail-list nav {
    opacity: 1;
    -webkit-transition: opacity .5s cubic-bezier(0.16, .61, .56, 1);
    transition: opacity .5s cubic-bezier(0.16, .61, .56, 1)
}

.web--rails-list-a27bb354.explore-open .browse {
    margin-top: 0 !important;
    -webkit-transition: margin-top .08s cubic-bezier(0.16, .61, .56, 1);
    transition: margin-top .08s cubic-bezier(0.16, .61, .56, 1)
}

.web--rails-list-a27bb354.explore-open .rails-content {
    display: none
}

.web--rails-list-a27bb354.explore-closed .rails-content {
    opacity: 1;
    display: block;
    -webkit-transition: opacity .5s cubic-bezier(0.16, .61, .56, 1);
    transition: opacity .5s cubic-bezier(0.16, .61, .56, 1);
    overflow: visible
}

@media only screen and (max-width: (bp2, 448px, 8)) {
    .web--rails-list-a27bb354 .mt-row {
        display: none
    }
    .web--rails-list-a27bb354 .mt-row:first-child {
        display: block
    }
}

.web--schedule-component-5cee94e8 .schedule-rail {
    width: 100%;
    overflow: hidden;
    margin-top: 120px;
    margin-bottom: 60px
}

.web--schedule-component-5cee94e8 .schedule-rail ul {
    white-space: nowrap;
    margin: 0;
    padding: 0;
    display: block;
    overflow: auto
}

.web--schedule-component-5cee94e8 .schedule-rail ul li {
    display: inline-block;
    width: 25%;
    border: 1px solid #fff;
    margin: 0 8px;
    padding: 0;
    height: 120px;
    text-align: center
}

.web--schedule-component-5cee94e8 .schedule-rail ul li.active {
    background-color: #fff;
    color: #000
}

.web--schedule-component-5cee94e8 .browse {
    width: 100%;
    overflow: hidden;
    padding-top: 60px;
    position: relative;
    z-index: 100
}

.web--tile-badge-5563418d .tile-label {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-transition: left .08s cubic-bezier(0.16, .61, .56, 1);
    transition: left .08s cubic-bezier(0.16, .61, .56, 1);
    white-space: nowrap;
    overflow: hidden;
    height: 28px
}

.web--tile-badge-5563418d .tile-label::after {
    clear: both;
    content: '';
    display: table
}

.web--tile-badge-5563418d .tile-label .clipped, .web--tile-badge-5563418d .tile-label .label-content, .web--tile-badge-5563418d .tile-label .label-title {
    display: block;
    line-height: 28px;
    position: relative;
    float: left;
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: .8em
}

@media screen and (min-width: 760px) {
    .web--tile-badge-5563418d .tile-label .clipped, .web--tile-badge-5563418d .tile-label .label-content, .web--tile-badge-5563418d .tile-label .label-title {
        font-size: .675em
    }
}

@media screen and (min-width: 448px) {
    .web--tile-badge-5563418d .tile-label .clipped, .web--tile-badge-5563418d .tile-label .label-content, .web--tile-badge-5563418d .tile-label .label-title {
        font-family: OscineRegular, Arial, Helvetica, sans-serif;
        font-weight: 400;
        font-size: 1em
    }
}

@media screen and (min-width: 448px) and (min-width: 760px) {
    .web--tile-badge-5563418d .tile-label .clipped, .web--tile-badge-5563418d .tile-label .label-content, .web--tile-badge-5563418d .tile-label .label-title {
        font-size: .875em
    }
}

.web--tile-badge-5563418d .tile-label .label-content {
    background-color: #fff;
    color: #000;
    padding: 0 0 0 12px
}

.web--tile-badge-5563418d .tile-label .label-content:after, .web--tile-badge-5563418d .tile-label .label-content:before {
    content: '';
    display: block;
    position: absolute
}

.web--tile-badge-5563418d .tile-label .label-content:before {
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    top: 7px
}

@media screen and (min-width: 448px) {
    .web--tile-badge-5563418d .tile-label .label-content:before {
        top: 11px
    }
}

.web--tile-badge-5563418d .tile-label .label-content:after {
    right: -20px;
    width: 20px;
    top: -3px
}

@media screen and (min-width: 448px) {
    .web--tile-badge-5563418d .tile-label .label-content:after {
        top: 0
    }
}

.web--tile-badge-5563418d .tile-label .label-title {
    padding: 0 8px
}

@media screen and (min-width: 448px) {
    .web--tile-badge-5563418d .tile-label .label-title {
        padding: 0 12px
    }
}

.web--tile-badge-5563418d .tile-label.live-label.normal {
    height: 30px
}

.web--tile-badge-5563418d .tile-label.live-label.normal .label-content, .web--tile-badge-5563418d .tile-label.live-label.normal .label-title {
    height: 30px;
    line-height: 30px
}

@media screen and (min-width: 448px) {
    .web--tile-badge-5563418d .tile-label.live-label.normal {
        height: 36px
    }
    .web--tile-badge-5563418d .tile-label.live-label.normal .label-content, .web--tile-badge-5563418d .tile-label.live-label.normal .label-title {
        height: 36px;
        line-height: 36px
    }
}

.web--tile-badge-5563418d .tile-label.live-label.featured {
    height: 36px
}

.web--tile-badge-5563418d .tile-label.live-label.featured .label-content, .web--tile-badge-5563418d .tile-label.live-label.featured .label-title {
    height: 36px;
    line-height: 36px
}

.web--tile-badge-5563418d .tile-label.live-label .label-content, .web--tile-badge-5563418d .tile-label.live-label .label-title {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-weight: 800;
    font-size: 1em
}

@media screen and (min-width: 760px) {
    .web--tile-badge-5563418d .tile-label.live-label .label-content, .web--tile-badge-5563418d .tile-label.live-label .label-title {
        font-size: .875em
    }
}

@media screen and (min-width: 448px) {
    .web--tile-badge-5563418d .tile-label.live-label .label-content, .web--tile-badge-5563418d .tile-label.live-label .label-title {
        font-family: OscineRegular, Arial, Helvetica, sans-serif;
        font-size: 1em;
        font-weight: 400;
        font-weight: 600
    }
}

@media screen and (min-width: 448px) and (min-width: 760px) {
    .web--tile-badge-5563418d .tile-label.live-label .label-content, .web--tile-badge-5563418d .tile-label.live-label .label-title {
        font-size: 1em
    }
}

.web--tile-badge-5563418d .tile-label.live-label .label-title {
    background-color: #D6263A
}

.web--tile-badge-5563418d .tile-label.live-label .label-content:before {
    left: 0;
    border-left: 5px solid #D6263A
}

.web--tile-badge-5563418d .tile-label.live-label .label-content:after {
    height: 36px;
    background-image: url(../images/clip-large.png);
    background-repeat: no-repeat;
    background-size: contain
}

.web--tile-badge-5563418d .tile-label.live-label.watching {
    background-color: #fff;
    border-right: solid 4px #D6263A;
    width: calc(100% - 4px);
    overflow: visible
}

.web--tile-badge-5563418d .tile-label.live-label.watching:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    top: 11px;
    border-right: 5px solid #D6263A;
    right: 0
}

.web--tile-badge-5563418d .tile-label.live-label.watching .label-content:after {
    background-image: none
}

.web--tile-badge-5563418d .tile-label.onhold .label-title {
    background-color: #820000
}

.web--tile-badge-5563418d .tile-label.onhold .label-content {
    background-color: #D6263A;
    color: #fff
}

.web--tile-badge-5563418d .tile-label.onhold .label-content:after {
    right: -20px;
    width: 20px;
    top: 0;
    height: 28px;
    background-image: url(../images/clip-small-red.png);
    background-repeat: no-repeat;
    background-size: contain
}

.web--tile-badge-5563418d .tile-label.postponed .label-title {
    border-right: solid 4px #D6263A
}

.web--tile-badge-5563418d .tile-label.delayed .label-content {
    background-color: #fff;
    color: #000;
    border-left: solid 4px #D6263A
}

.web--tile-badge-5563418d .tile-label.delayed .label-content:after {
    background-image: url(../images/clip-small.png)
}

.web--tile-badge-5563418d .tile-label.related-label .label-title {
    background-color: #D85F00
}

.web--tile-badge-5563418d .tile-label.related-label .label-content:before {
    border-left: solid 4px #D85F00;
    position: absolute;
    left: 0;
    top: 7px
}

.web--tile-badge-5563418d .tile-label.related-label .label-content:after {
    right: -20px;
    width: 20px;
    top: 0;
    height: 28px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/clip-small.png)
}

.web--tile-badge-5563418d .tile-label.catchup-label .label-title {
    background-color: #040404;
    border-left: solid 4px #D85F00
}

.web--tile-badge-5563418d .tile-label.catchup-label .label-content:before {
    border-left: solid 4px #040404;
    position: absolute;
    left: 0;
    top: 7px
}

.web--tile-badge-5563418d .tile-label.catchup-label .label-content:after {
    right: -20px;
    width: 20px;
    top: 0;
    height: 28px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/clip-small.png)
}

.web--tile-badge-5563418d .tile-label.comingsoon-label {
    border-left: solid 4px #D6263A
}

.web--tile-badge-5563418d .tile-label.comingsoon-label .label-title {
    background-color: #fff;
    color: #000;
    padding-right: 0
}

.web--tile-badge-5563418d .tile-label.comingsoon-label .label-title .separator {
    margin: 0 8px
}

@media screen and (min-width: 448px) {
    .web--tile-badge-5563418d .tile-label.comingsoon-label .label-title .separator {
        margin: 0 16px
    }
}

.web--tile-badge-5563418d .tile-label.comingsoon-label .label-title:after {
    content: '';
    display: block;
    width: 20px;
    position: absolute;
    top: 0;
    right: -20px;
    height: 28px;
    background-image: url(../images/clip-small.png);
    background-repeat: no-repeat;
    background-size: contain
}

.web--tile-badge-5563418d .estimated {
    font-weight: 600;
    color: #D6263A
}

.web--tile-content-901bbaa9 {
    display: inline-block;
    float: none;
    margin-right: -5px;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.web--tile-content-901bbaa9 .tile-height {
    position: relative
}

.web--tile-content-901bbaa9 .tile-wrapper {
    position: absolute;
    width: 100%;
    outline: transparent solid 4px;
    -webkit-transition: outline .08s cubic-bezier(0.16, .61, .56, 1);
    transition: outline .08s cubic-bezier(0.16, .61, .56, 1);
    box-sizing: border-box;
    bottom: 0
}

.web--tile-content-901bbaa9 .tile-name {
    height: 54px
}

@media screen and (max-width: 448px) {
    .web--tile-content-901bbaa9.normal .tile-name {
        height: 10px
    }
}

@media screen and (max-width: 448px) {
    .web--tile-content-901bbaa9.featured .tile-name {
        height: 30px
    }
}

.web--tile-content-901bbaa9 .tile-img-wrapper {
    position: relative
}

.web--tile-content-901bbaa9 .tile-img {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

.web--tile-content-901bbaa9.is-coming .content-wrapper {
    background-color: #1D262F
}

.web--tile-content-901bbaa9.is-coming .indent:after {
    border-right: 12px solid #1D262F
}

.web--tile-content-901bbaa9.is-catchup .content-wrapper {
    background-color: #22192B
}

.web--tile-content-901bbaa9.is-catchup .indent:after {
    border-right: 12px solid #22192B
}

.web--tile-content-901bbaa9 .content-wrapper {
    background-color: #2F2828;
    padding: 8px 12px 24px;
    box-sizing: border-box
}

@media screen and (min-width: 448px) {
    .web--tile-content-901bbaa9 .content-wrapper {
        padding: 18px 12px 24px
    }
}

.web--tile-content-901bbaa9.normal .team-name {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 1em
}

@media screen and (min-width: 760px) {
    .web--tile-content-901bbaa9.normal .team-name {
        font-size: .875em
    }
}

@media screen and (min-width: 448px) {
    .web--tile-content-901bbaa9.normal .team-name {
        font-size: 1.286em;
        font-weight: 400;
        font-family: TrimMedium
    }
}

@media screen and (min-width: 448px) and (min-width: 760px) {
    .web--tile-content-901bbaa9.normal .team-name {
        font-size: 1.25em !important
    }
}

.web--tile-content-901bbaa9.normal .tournament-name {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: .8em
}

@media screen and (min-width: 760px) {
    .web--tile-content-901bbaa9.normal .tournament-name {
        font-size: .675em
    }
}

@media screen and (min-width: 448px) {
    .web--tile-content-901bbaa9.normal .tournament-name {
        font-family: OscineRegular, Arial, Helvetica, sans-serif;
        font-weight: 400;
        font-size: 1em
    }
}

@media screen and (min-width: 448px) and (min-width: 760px) {
    .web--tile-content-901bbaa9.normal .tournament-name {
        font-size: .875em
    }
}

.web--tile-content-901bbaa9.featured .team-name {
    font-size: 1.286em;
    font-weight: 400;
    font-family: TrimMedium
}

@media screen and (min-width: 760px) {
    .web--tile-content-901bbaa9.featured .team-name {
        font-size: 1.25em !important
    }
}

.web--tile-content-901bbaa9.featured .tournament-name {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1em
}

@media screen and (min-width: 760px) {
    .web--tile-content-901bbaa9.featured .tournament-name {
        font-size: .875em
    }
}

.web--tile-content-901bbaa9 .tournament-name {
    color: #AAA;
    margin-bottom: 8px
}

.web--tile-content-901bbaa9 .team-name {
    text-transform: uppercase;
    color: #fff
}

.web--tile-content-901bbaa9 .text-description {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    color: #AAA;
    margin-top: 10px;
    height: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: height .08s cubic-bezier(0.16, .61, .56, 1);
    transition: height .08s cubic-bezier(0.16, .61, .56, 1)
}

@media screen and (min-width: 760px) {
    .web--tile-content-901bbaa9 .text-description {
        font-size: 1em
    }
}

.web--tile-content-901bbaa9 .indent {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
    right: 0;
    bottom: 120px;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-right: 14px solid #fff;
    z-index: 10;
    -webkit-transition: opacity .08s cubic-bezier(0.16, .61, .56, 1), -webkit-transform .08s cubic-bezier(0.16, .61, .56, 1);
    transition: opacity .08s cubic-bezier(0.16, .61, .56, 1), transform .08s cubic-bezier(0.16, .61, .56, 1);
    -webkit-transform: translate3d(16px, 0, 0);
    transform: translate3d(16px, 0, 0)
}

.web--tile-content-901bbaa9 .indent:after {
    content: '';
    display: block;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #2F2828;
    position: absolute;
    top: -12px;
    right: -18px;
    z-index: 10
}

.web--tile-content-901bbaa9 .football-background {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-image: url(../images/football-bg.jpg)
}

.web--tile-content-901bbaa9 .sport-background {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.web--tile-content-901bbaa9 .tile-overlay {
    position: absolute;
    z-index: 1;
    width: 100%;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .4)
}

.web--tile-content-901bbaa9 .team-tile {
    width: 50%;
    top: 10%;
    bottom: 10%;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 2
}

.web--tile-content-901bbaa9 .tournament-logo {
    width: 100%;
    top: 0;
    bottom: 34px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute
}

.web--tile-content-901bbaa9 .team1-logo, .web--tile-content-901bbaa9 .team2-logo {
    width: 50%;
    top: 0;
    bottom: 34px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute
}

.web--tile-content-901bbaa9 .team1-logo {
    left: 0
}

.web--tile-content-901bbaa9 .team2-logo {
    right: 0
}

@media screen and (min-width: 760px) {
    .web--tile-content-901bbaa9:hover {
        z-index: 2;
        overflow: visible
    }
    .web--tile-content-901bbaa9:hover .indent {
        opacity: 1;
        -webkit-transition: -webkit-transform .08s cubic-bezier(0.16, .61, .56, 1) .5s, opacity .08s cubic-bezier(0.16, .61, .56, 1) .5s;
        transition: transform .08s cubic-bezier(0.16, .61, .56, 1) .5s, opacity .08s cubic-bezier(0.16, .61, .56, 1) .5s;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    .web--tile-content-901bbaa9:hover .tile-wrapper {
        outline: #fff solid 4px
    }
    .web--tile-content-901bbaa9:hover .text-description {
        -webkit-transition: height .08s cubic-bezier(0.16, .61, .56, 1) .5s;
        transition: height .08s cubic-bezier(0.16, .61, .56, 1) .5s;
        height: 80px;
        opacity: 1
    }
    .web--tile-content-901bbaa9:hover .tile-label {
        left: -4px;
        -webkit-transition: left .08s cubic-bezier(0.16, .61, .56, 1) .5s, width .08s cubic-bezier(0.16, .61, .56, 1) .5s;
        transition: left .08s cubic-bezier(0.16, .61, .56, 1) .5s, width .08s cubic-bezier(0.16, .61, .56, 1) .5s
    }
    .web--tile-content-901bbaa9:hover .tile-label.watching {
        width: calc(100% + 4px)
    }
}

.web--tile-content-901bbaa9.cat .content-wrapper {
    background-color: #281616
}

.web--video-player--controls-be43f5d8 {
    clear: both;
    background-color: #2a2a2a;
    height: 68px
}

.web--video-player--controls-be43f5d8 .button {
    padding: 20px 20px 0
}

.web--video-player--controls-be43f5d8 .button:first-child {
    padding-left: 10px
}

.web--video-player--controls-be43f5d8 .button:last-child {
    padding-right: 10px;
    margin-right: 0
}

.web--video-player--controls-be43f5d8 .volume-button {
    width: 300px
}

.web--video-player--scrub-bar-3b57bbef {
    position: relative;
    width: 100%;
    height: 55px;
    background-color: 0
}

.web--video-player--scrub-bar-3b57bbef:hover {
    background-color: rgba(42, 42, 42, .75)
}

.web--video-player--scrub-bar-3b57bbef:hover .inner .bar {
    top: 30px;
    height: 10px
}

.web--video-player--scrub-bar-3b57bbef:hover .inner .bar .events {
    opacity: 1;
    -webkit-transition: opacity .7s cubic-bezier(0.16, .61, .56, 1) .7s;
    transition: opacity .7s cubic-bezier(0.16, .61, .56, 1) .7s
}

.web--video-player--scrub-bar-3b57bbef:hover .inner .bar .playhead {
    opacity: 1;
    -webkit-transition: opacity .7s cubic-bezier(0.16, .61, .56, 1) .7s;
    transition: opacity .7s cubic-bezier(0.16, .61, .56, 1) .7s;
    top: -2px
}

.web--video-player--scrub-bar-3b57bbef:hover .inner .bar .download-progress, .web--video-player--scrub-bar-3b57bbef:hover .inner .bar .playback-progress {
    height: 10px
}

.web--video-player--scrub-bar-3b57bbef.preview-active .preview {
    opacity: 1;
    -webkit-transition: opacity .7s cubic-bezier(0.16, .61, .56, 1) .7s;
    transition: opacity .7s cubic-bezier(0.16, .61, .56, 1) .7s
}

.web--video-player--scrub-bar-3b57bbef.preview-inactive .preview {
    opacity: 0;
    -webkit-transition: opacity .5s cubic-bezier(0.16, .61, .56, 1);
    transition: opacity .5s cubic-bezier(0.16, .61, .56, 1);
    pointer-events: none
}

.web--video-player--scrub-bar-3b57bbef .inner {
    padding-left: 2.5%;
    padding-right: 2.5%
}

.web--video-player--scrub-bar-3b57bbef .inner .preview {
    position: absolute;
    top: -175px;
    border: 4px solid #fff
}

.web--video-player--scrub-bar-3b57bbef .inner .preview img {
    width: 200px;
    height: 113px
}

.web--video-player--scrub-bar-3b57bbef .inner .preview .event {
    background-color: #FC631D
}

.web--video-player--scrub-bar-3b57bbef .inner .bar {
    position: relative;
    top: 35px;
    width: 100%;
    height: 5px;
    background-color: #818181;
    z-index: 1;
    cursor: pointer;
    pointer-events: auto
}

.web--video-player--scrub-bar-3b57bbef .inner .bar .playhead {
    opacity: 0;
    -webkit-transition: opacity .5s cubic-bezier(0.16, .61, .56, 1);
    transition: opacity .5s cubic-bezier(0.16, .61, .56, 1);
    pointer-events: none;
    position: relative;
    background: #fff;
    top: 2px;
    width: 15px;
    height: 15px;
    margin-left: -7.5px;
    border-radius: 25%;
    z-index: 4;
    -webkit-transform: rotate(45deg)
}

.web--video-player--scrub-bar-3b57bbef .inner .bar .events {
    opacity: 0;
    -webkit-transition: opacity .5s cubic-bezier(0.16, .61, .56, 1);
    transition: opacity .5s cubic-bezier(0.16, .61, .56, 1);
    pointer-events: none;
    position: absolute;
    top: -20px;
    width: 100%
}

.web--video-player--scrub-bar-3b57bbef .inner .bar .events .event {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #FC631D
}

.web--video-player--scrub-bar-3b57bbef .inner .bar .playback-progress {
    position: absolute;
    pointer-events: none;
    top: 0;
    width: 0;
    height: 5px;
    background-color: #fff;
    z-index: 3
}

.web--video-player--scrub-bar-3b57bbef .inner .bar .download-progress {
    position: absolute;
    pointer-events: none;
    top: 0;
    width: 0;
    height: 5px;
    background-color: #b1b1b1;
    z-index: 2
}

.web--video-player-b8fbf4a2 {
    background-color: #040404;
    position: fixed;
    top: 55px;
    width: 100%;
    z-index: 1
}

.web--video-player-b8fbf4a2 .overlay {
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, .8) 0, transparent 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, .8) 0, transparent 100%);
    position: absolute;
    top: 0;
    height: 300px;
    width: 100%
}

.web--video-player-b8fbf4a2 .play-pause {
    position: absolute;
    z-index: 100;
    left: 50%;
    top: 50%;
    margin-left: -30px;
    margin-top: -30px
}

.web--video-player-b8fbf4a2.slide-up {
    top: 0
}

.web--video-player-b8fbf4a2.controls-active .overlay, .web--video-player-b8fbf4a2.controls-active .video-controls, .web--video-player-b8fbf4a2.controls-active .video-info, .web--video-player-b8fbf4a2.controls-active .video-offcanvas .menu {
    opacity: 1;
    -webkit-transition: opacity .7s cubic-bezier(0.16, .61, .56, 1) .7s;
    transition: opacity .7s cubic-bezier(0.16, .61, .56, 1) .7s
}

.web--video-player-b8fbf4a2.controls-inactive .overlay, .web--video-player-b8fbf4a2.controls-inactive .play-pause, .web--video-player-b8fbf4a2.controls-inactive .video-controls, .web--video-player-b8fbf4a2.controls-inactive .video-info, .web--video-player-b8fbf4a2.controls-inactive .video-offcanvas .menu {
    opacity: 0;
    -webkit-transition: opacity .5s cubic-bezier(0.16, .61, .56, 1);
    transition: opacity .5s cubic-bezier(0.16, .61, .56, 1);
    pointer-events: none
}

.web--video-player-b8fbf4a2.offcanvas-closed .video-offcanvas .content {
    right: -100%;
    -webkit-transition: right .5s cubic-bezier(0.16, .61, .56, 1);
    transition: right .5s cubic-bezier(0.16, .61, .56, 1)
}

.web--video-player-b8fbf4a2.offcanvas-open .video-offcanvas .content {
    right: 0;
    -webkit-transition: right .5s cubic-bezier(0.16, .61, .56, 1);
    transition: right .5s cubic-bezier(0.16, .61, .56, 1)
}

.web--video-player-b8fbf4a2.offcanvas-open .video-offcanvas .menu {
    opacity: 1;
    -webkit-transition: opacity .7s cubic-bezier(0.16, .61, .56, 1) .7s;
    transition: opacity .7s cubic-bezier(0.16, .61, .56, 1) .7s;
    pointer-events: auto
}

.web--video-player-b8fbf4a2.offcanvas-open .video-info {
    opacity: 0;
    -webkit-transition: opacity .5s cubic-bezier(0.16, .61, .56, 1);
    transition: opacity .5s cubic-bezier(0.16, .61, .56, 1);
    pointer-events: none
}

.web--video-player-b8fbf4a2 .video-player {
    -o-object-fit: cover;
    object-fit: cover
}

.web--video-player-b8fbf4a2 .video-info {
    top: 0;
    width: 60%;
    padding: 40px;
    position: absolute;
    -webkit-transition: opacity .08s cubic-bezier(0.16, .61, .56, 1);
    transition: opacity .08s cubic-bezier(0.16, .61, .56, 1)
}

.web--video-player-b8fbf4a2 .video-info h6 {
    margin: 40px 0 8px
}

.web--video-player-b8fbf4a2 .video-info h2 {
    font-size: 3.429em !important;
    font-weight: 400;
    font-family: TrimBold;
    margin: 20px 0;
    text-transform: uppercase;
    line-height: 1
}

@media screen and (min-width: 760px) {
    .web--video-player-b8fbf4a2 .video-info h2 {
        font-size: 4.5em !important
    }
}

.web--video-player-b8fbf4a2 .video-offcanvas {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    right: 0;
    z-index: 1
}

.web--video-player-b8fbf4a2 .video-offcanvas .menu {
    position: absolute;
    box-sizing: border-box;
    padding: 0 40px;
    right: 0;
    width: 100%;
    z-index: 1
}

.web--video-player-b8fbf4a2 .video-offcanvas .menu>span {
    width: 25%;
    margin-top: 40px
}

.web--video-player-b8fbf4a2 .video-offcanvas .menu>span .icon {
    font-size: 2.286em;
    font-weight: 400;
    text-transform: uppercase;
    font-family: TrimBold
}

@media screen and (min-width: 760px) {
    .web--video-player-b8fbf4a2 .video-offcanvas .menu>span .icon {
        font-size: 3em !important
    }
}

.web--video-player-b8fbf4a2 .video-offcanvas .menu>span .detail {
    font-family: OscineRegular, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1em
}

@media screen and (min-width: 760px) {
    .web--video-player-b8fbf4a2 .video-offcanvas .menu>span .detail {
        font-size: .875em
    }
}

.web--video-player-b8fbf4a2 .video-offcanvas .content {
    position: absolute;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-color: rgba(42, 42, 42, .75);
    -webkit-transition: right .08s cubic-bezier(0.16, .61, .56, 1);
    transition: right .08s cubic-bezier(0.16, .61, .56, 1)
}

.web--video-player-b8fbf4a2 .video-offcanvas .content .inner {
    padding: 25% 40px 40px
}

.web--video-player-b8fbf4a2 .video-controls {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    z-index: 100
}

.web--video-player-b8fbf4a2 .video-controls .top {
    width: 100%
}

.web--video-player-b8fbf4a2 .video-controls .top .status {
    position: relative;
    width: 7.5%;
    height: 40px;
    bottom: -15px;
    background-color: #2a2a2a
}

.web--video-player-b8fbf4a2 .video-controls .top .status::after {
    clear: both;
    content: '';
    display: table
}

.web--video-player-b8fbf4a2 .video-controls .top .duration {
    position: relative;
    width: 7.5%;
    height: 40px;
    bottom: -15px;
    background-color: #fff;
    color: #2a2a2a
}

.web--video-player-b8fbf4a2 .video-controls .top .duration::after {
    clear: both;
    content: '';
    display: table
}

.web--video-player-b8fbf4a2 .video-controls .top .scrub-bar {
    width: 85%
}

@media only screen and (min-width: 1760px) {
    .web--video-player-b8fbf4a2 {
        top: 0
    }
}

.web--video-player-b8fbf4a2 video {
    -webkit-transition: height .5s cubic-bezier(0.16, .61, .56, 1);
    transition: height .5s cubic-bezier(0.16, .61, .56, 1)
}

.web--video-player-b8fbf4a2.show-text .video-content {
    opacity: 1
}

.web--video-player-b8fbf4a2.animation .video-fade {
    -webkit-transition: -webkit-transform .08s cubic-bezier(0.16, .61, .56, 1), opacity .08s cubic-bezier(0.16, .61, .56, 1), background-color .08s cubic-bezier(0.16, .61, .56, 1);
    transition: transform .08s cubic-bezier(0.16, .61, .56, 1), opacity .08s cubic-bezier(0.16, .61, .56, 1), background-color .08s cubic-bezier(0.16, .61, .56, 1)
}

.web--video-player-b8fbf4a2.fade-to-video .video-fade {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.web--video-player-b8fbf4a2.fade-out .video-fade {
    background-color: transparent
}

.web--video-player-b8fbf4a2.minimized .fade {
    top: 0
}

@font-face {
    font-family: iconfont;
    src: url(../fonts/iconfont.eot#iefix) format("embedded-opentype"), 
         url(../fonts/iconfont.woff) format("woff"), 
         url(../fonts/iconfont.woff2) format("woff2"),
         url(../fonts/iconfont.ttf) format("truetype");
}

.iconfont:before {
    line-height: 1;
    font-family: iconfont!important;
    font-style: normal;
    font-weight: 400!important;
    vertical-align: top
}

.iconfont-ls_icon_airplay:before {
    content: "\f101"
}

.iconfont-ls_icon_arrow:before {
    content: "\f102"
}

.iconfont-ls_icon_arrow_brand-2:before {
    content: "\f103"
}

.iconfont-ls_icon_arrow_brand:before {
    content: "\f104"
}

.iconfont-ls_icon_arrow_small:before {
    content: "\f105"
}

.iconfont-ls_icon_asterisk:before {
    content: "\f106"
}

.iconfont-ls_icon_audiooption:before {
    content: "\f107"
}

.iconfont-ls_icon_back-26:before {
    content: "\f108"
}

.iconfont-ls_icon_back-66:before {
    content: "\f109"
}

.iconfont-ls_icon_back:before {
    content: "\f10a"
}

.iconfont-ls_icon_back30:before {
    content: "\f10b"
}

.iconfont-ls_icon_backarrow:before {
    content: "\f10c"
}

.iconfont-ls_icon_backspace:before {
    content: "\f10d"
}

.iconfont-ls_icon_calendar:before {
    content: "\f10e"
}

.iconfont-ls_icon_camera:before {
    content: "\f10f"
}

.iconfont-ls_icon_check:before {
    content: "\f110"
}

.iconfont-ls_icon_check2:before {
    content: "\f111"
}

.iconfont-ls_icon_chromecast:before {
    content: "\f112"
}

.iconfont-ls_icon_close:before {
    content: "\f113"
}

.iconfont-ls_icon_collapse:before {
    content: "\f114"
}

.iconfont-ls_icon_console:before {
    content: "\f115"
}

.iconfont-ls_icon_data:before {
    content: "\f116"
}

.iconfont-ls_icon_desktop:before {
    content: "\f117"
}

.iconfont-ls_icon_document:before {
    content: "\f118"
}

.iconfont-ls_icon_download:before {
    content: "\f119"
}

.iconfont-ls_icon_download2:before {
    content: "\f11a"
}

.iconfont-ls_icon_email2:before {
    content: "\f11b"
}

.iconfont-ls_icon_email3:before {
    content: "\f11c"
}

.iconfont-ls_icon_expand:before {
    content: "\f11d"
}

.iconfont-ls_icon_faq:before {
    content: "\f11e"
}

.iconfont-ls_icon_fastforward:before {
    content: "\f11f"
}

.iconfont-ls_icon_follow:before {
    content: "\f120"
}

.iconfont-ls_icon_follow2:before {
    content: "\f121"
}

.iconfont-ls_icon_follow_cancel:before {
    content: "\f122"
}

.iconfont-ls_icon_follow_cancel2:before {
    content: "\f123"
}

.iconfont-ls_icon_forward30:before {
    content: "\f124"
}

.iconfont-ls_icon_home:before {
    content: "\f125"
}

.iconfont-ls_icon_info:before {
    content: "\f126"
}

.iconfont-ls_icon_livechat:before {
    content: "\f127"
}

.iconfont-ls_icon_mobile:before {
    content: "\f128"
}

.iconfont-ls_icon_more:before {
    content: "\f129"
}

.iconfont-ls_icon_mute:before {
    content: "\f12a"
}

.iconfont-ls_icon_notification:before {
    content: "\f12b"
}

.iconfont-ls_icon_notification2:before {
    content: "\f12c"
}

.iconfont-ls_icon_notification_cancel:before {
    content: "\f12d"
}

.iconfont-ls_icon_notification_cancel2:before {
    content: "\f12e"
}

.iconfont-ls_icon_notification_ring:before {
    content: "\f12f"
}

.iconfont-ls_icon_notification_ring2:before {
    content: "\f130"
}

.iconfont-ls_icon_notificationdesktop:before {
    content: "\f131"
}

.iconfont-ls_icon_pause:before {
    content: "\f132"
}

.iconfont-ls_icon_payment :before {
    content: "\f133"
}

.iconfont-ls_icon_payment :before {
    content: "\f134"
}

.iconfont-ls_icon_payment :before {
    content: "\f135"
}

.iconfont-ls_icon_payment:before {
    content: "\f136"
}

.iconfont-ls_icon_play:before {
    content: "\f137"
}

.iconfont-ls_icon_privacy:before {
    content: "\f138"
}

.iconfont-ls_icon_profile:before {
    content: "\f139"
}

.iconfont-ls_icon_reminder-mobile:before {
    content: "\f13a"
}

.iconfont-ls_icon_reminder:before {
    content: "\f13b"
}

.iconfont-ls_icon_rewind:before {
    content: "\f13c"
}

.iconfont-ls_icon_sad-face:before {
    content: "\f13d"
}

.iconfont-ls_icon_search:before {
    content: "\f13e"
}

.iconfont-ls_icon_settings:before {
    content: "\f13f"
}

.iconfont-ls_icon_settings2:before {
    content: "\f140"
}

.iconfont-ls_icon_share:before {
    content: "\f141"
}

.iconfont-ls_icon_signout:before {
    content: "\f142"
}

.iconfont-ls_icon_skipback:before {
    content: "\f143"
}

.iconfont-ls_icon_skipforward:before {
    content: "\f144"
}

.iconfont-ls_icon_spacebar:before {
    content: "\f145"
}

.iconfont-ls_icon_start:before {
    content: "\f146"
}

.iconfont-ls_icon_subtitles:before {
    content: "\f147"
}

.iconfont-ls_icon_tablet:before {
    content: "\f148"
}

.iconfont-ls_icon_technical:before {
    content: "\f149"
}

.iconfont-ls_icon_ticket:before {
    content: "\f14a"
}

.iconfont-ls_icon_tv:before {
    content: "\f14b"
}

.iconfont-ls_icon_uppercase:before {
    content: "\f14c"
}

.iconfont-ls_icon_user:before {
    content: "\f14d"
}

.iconfont-ls_icon_versus:before {
    content: "\f14e"
}

.iconfont-ls_icon_volume:before {
    content: "\f14f"
}

.iconfont-ls_icon_warning:before {
    content: "\f150"
}

.iconfont-ls_icon_watching:before {
    content: "\f151"
}