meta.foundation-version {
    font-family: "/5.4.7/"
}

meta.foundation-mq-small {
    font-family: "/only screen/";
    width: 0em
}

meta.foundation-mq-medium {
    font-family: "/only screen and (min-width:30em)/";
    width: 30em
}

meta.foundation-mq-large {
    font-family: "/only screen and (min-width:42em)/";
    width: 42em
}

meta.foundation-mq-xlarge {
    font-family: "/only screen and (min-width:62.5em)/";
    width: 62.5em
}

meta.foundation-mq-xxlarge {
    font-family: "/only screen and (min-width:240.063em)/";
    width: 240.063em
}

meta.foundation-data-attribute-namespace {
    font-family: false
}

html,
body {
    height: 100%
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html,
body {
    font-size: 100%
}

body {
    background: #fff;
    color: #222;
    padding: 0;
    margin: 0;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    line-height: 1.5;
    position: relative;
    cursor: auto
}

a:hover {
    cursor: pointer
}

img {
    max-width: 100%;
    height: auto
}

img {
    -ms-interpolation-mode: bicubic
}

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object {
    max-width: none !important
}

.left {
    float: left !important
}

.right {
    float: right !important
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.hide,
.m-schedule-responsive .m-menu-show-title-prefix {
    display: none !important;
    visibility: hidden
}

.invisible {
    visibility: hidden
}

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

img {
    display: inline-block;
    vertical-align: middle
}

textarea {
    height: auto;
    min-height: 50px
}

select {
    width: 100%
}

.row {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 62.5rem
}

.row:before,
.row:after {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

.row.collapse>.column,
.row.collapse>.columns {
    padding-left: 0;
    padding-right: 0
}

.row.collapse .row {
    margin-left: 0;
    margin-right: 0
}

.row .row {
    width: auto;
    margin-left: -.1875rem;
    margin-right: -.1875rem;
    margin-top: 0;
    margin-bottom: 0;
    max-width: none
}

.row .row:before,
.row .row:after {
    content: " ";
    display: table
}

.row .row:after {
    clear: both
}

.row .row.collapse {
    width: auto;
    margin: 0;
    max-width: none
}

.row .row.collapse:before,
.row .row.collapse:after {
    content: " ";
    display: table
}

.row .row.collapse:after {
    clear: both
}

.column,
.columns {
    padding-left: .1875rem;
    padding-right: .1875rem;
    width: 100%;
    float: left
}

[class*="column"]+[class*="column"]:last-child {
    float: right
}

[class*="column"]+[class*="column"].end {
    float: left
}

@media only screen {
    .small-push-0 {
        position: relative;
        left: 0%;
        right: auto
    }
    .small-pull-0 {
        position: relative;
        right: 0%;
        left: auto
    }
    .small-push-1 {
        position: relative;
        left: 8.3333333333%;
        right: auto
    }
    .small-pull-1 {
        position: relative;
        right: 8.3333333333%;
        left: auto
    }
    .small-push-2 {
        position: relative;
        left: 16.6666666667%;
        right: auto
    }
    .small-pull-2 {
        position: relative;
        right: 16.6666666667%;
        left: auto
    }
    .small-push-3 {
        position: relative;
        left: 25%;
        right: auto
    }
    .small-pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }
    .small-push-4 {
        position: relative;
        left: 33.3333333333%;
        right: auto
    }
    .small-pull-4 {
        position: relative;
        right: 33.3333333333%;
        left: auto
    }
    .small-push-5 {
        position: relative;
        left: 41.6666666667%;
        right: auto
    }
    .small-pull-5 {
        position: relative;
        right: 41.6666666667%;
        left: auto
    }
    .small-push-6 {
        position: relative;
        left: 50%;
        right: auto
    }
    .small-pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }
    .small-push-7 {
        position: relative;
        left: 58.3333333333%;
        right: auto
    }
    .small-pull-7 {
        position: relative;
        right: 58.3333333333%;
        left: auto
    }
    .small-push-8 {
        position: relative;
        left: 66.6666666667%;
        right: auto
    }
    .small-pull-8 {
        position: relative;
        right: 66.6666666667%;
        left: auto
    }
    .small-push-9 {
        position: relative;
        left: 75%;
        right: auto
    }
    .small-pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }
    .small-push-10 {
        position: relative;
        left: 83.3333333333%;
        right: auto
    }
    .small-pull-10 {
        position: relative;
        right: 83.3333333333%;
        left: auto
    }
    .small-push-11 {
        position: relative;
        left: 91.6666666667%;
        right: auto
    }
    .small-pull-11 {
        position: relative;
        right: 91.6666666667%;
        left: auto
    }
    .column,
    .columns {
        position: relative;
        padding-left: .1875rem;
        padding-right: .1875rem;
        float: left
    }
    .small-1 {
        width: 8.3333333333%
    }
    .small-2 {
        width: 16.6666666667%
    }
    .small-3 {
        width: 25%
    }
    .small-4 {
        width: 33.3333333333%
    }
    .small-5 {
        width: 41.6666666667%
    }
    .small-6 {
        width: 50%
    }
    .small-7 {
        width: 58.3333333333%
    }
    .small-8 {
        width: 66.6666666667%
    }
    .small-9 {
        width: 75%
    }
    .small-10 {
        width: 83.3333333333%
    }
    .small-11 {
        width: 91.6666666667%
    }
    .small-12 {
        width: 100%
    }
    .small-offset-0 {
        margin-left: 0% !important
    }
    .small-offset-1 {
        margin-left: 8.3333333333% !important
    }
    .small-offset-2 {
        margin-left: 16.6666666667% !important
    }
    .small-offset-3 {
        margin-left: 25% !important
    }
    .small-offset-4 {
        margin-left: 33.3333333333% !important
    }
    .small-offset-5 {
        margin-left: 41.6666666667% !important
    }
    .small-offset-6 {
        margin-left: 50% !important
    }
    .small-offset-7 {
        margin-left: 58.3333333333% !important
    }
    .small-offset-8 {
        margin-left: 66.6666666667% !important
    }
    .small-offset-9 {
        margin-left: 75% !important
    }
    .small-offset-10 {
        margin-left: 83.3333333333% !important
    }
    .small-offset-11 {
        margin-left: 91.6666666667% !important
    }
    .small-reset-order {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left
    }
    .column.small-centered,
    .columns.small-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }
    .column.small-uncentered,
    .columns.small-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left
    }
    .column.small-centered:last-child,
    .columns.small-centered:last-child {
        float: none
    }
    .column.small-uncentered:last-child,
    .columns.small-uncentered:last-child {
        float: left
    }
    .column.small-uncentered.opposite,
    .columns.small-uncentered.opposite {
        float: right
    }
}

@media only screen and (min-width: 30em) {
    .medium-push-0 {
        position: relative;
        left: 0%;
        right: auto
    }
    .medium-pull-0 {
        position: relative;
        right: 0%;
        left: auto
    }
    .medium-push-1 {
        position: relative;
        left: 8.3333333333%;
        right: auto
    }
    .medium-pull-1 {
        position: relative;
        right: 8.3333333333%;
        left: auto
    }
    .medium-push-2 {
        position: relative;
        left: 16.6666666667%;
        right: auto
    }
    .medium-pull-2 {
        position: relative;
        right: 16.6666666667%;
        left: auto
    }
    .medium-push-3 {
        position: relative;
        left: 25%;
        right: auto
    }
    .medium-pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }
    .medium-push-4 {
        position: relative;
        left: 33.3333333333%;
        right: auto
    }
    .medium-pull-4 {
        position: relative;
        right: 33.3333333333%;
        left: auto
    }
    .medium-push-5 {
        position: relative;
        left: 41.6666666667%;
        right: auto
    }
    .medium-pull-5 {
        position: relative;
        right: 41.6666666667%;
        left: auto
    }
    .medium-push-6 {
        position: relative;
        left: 50%;
        right: auto
    }
    .medium-pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }
    .medium-push-7 {
        position: relative;
        left: 58.3333333333%;
        right: auto
    }
    .medium-pull-7 {
        position: relative;
        right: 58.3333333333%;
        left: auto
    }
    .medium-push-8 {
        position: relative;
        left: 66.6666666667%;
        right: auto
    }
    .medium-pull-8 {
        position: relative;
        right: 66.6666666667%;
        left: auto
    }
    .medium-push-9 {
        position: relative;
        left: 75%;
        right: auto
    }
    .medium-pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }
    .medium-push-10 {
        position: relative;
        left: 83.3333333333%;
        right: auto
    }
    .medium-pull-10 {
        position: relative;
        right: 83.3333333333%;
        left: auto
    }
    .medium-push-11 {
        position: relative;
        left: 91.6666666667%;
        right: auto
    }
    .medium-pull-11 {
        position: relative;
        right: 91.6666666667%;
        left: auto
    }
    .column,
    .columns {
        position: relative;
        padding-left: .1875rem;
        padding-right: .1875rem;
        float: left
    }
    .medium-1 {
        width: 8.3333333333%
    }
    .medium-2 {
        width: 16.6666666667%
    }
    .medium-3 {
        width: 25%
    }
    .medium-4 {
        width: 33.3333333333%
    }
    .medium-5 {
        width: 41.6666666667%
    }
    .medium-6 {
        width: 50%
    }
    .medium-7 {
        width: 58.3333333333%
    }
    .medium-8 {
        width: 66.6666666667%
    }
    .medium-9 {
        width: 75%
    }
    .medium-10 {
        width: 83.3333333333%
    }
    .medium-11 {
        width: 91.6666666667%
    }
    .medium-12 {
        width: 100%
    }
    .medium-offset-0 {
        margin-left: 0% !important
    }
    .medium-offset-1 {
        margin-left: 8.3333333333% !important
    }
    .medium-offset-2 {
        margin-left: 16.6666666667% !important
    }
    .medium-offset-3 {
        margin-left: 25% !important
    }
    .medium-offset-4 {
        margin-left: 33.3333333333% !important
    }
    .medium-offset-5 {
        margin-left: 41.6666666667% !important
    }
    .medium-offset-6 {
        margin-left: 50% !important
    }
    .medium-offset-7 {
        margin-left: 58.3333333333% !important
    }
    .medium-offset-8 {
        margin-left: 66.6666666667% !important
    }
    .medium-offset-9 {
        margin-left: 75% !important
    }
    .medium-offset-10 {
        margin-left: 83.3333333333% !important
    }
    .medium-offset-11 {
        margin-left: 91.6666666667% !important
    }
    .medium-reset-order {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left
    }
    .column.medium-centered,
    .columns.medium-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }
    .column.medium-uncentered,
    .columns.medium-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left
    }
    .column.medium-centered:last-child,
    .columns.medium-centered:last-child {
        float: none
    }
    .column.medium-uncentered:last-child,
    .columns.medium-uncentered:last-child {
        float: left
    }
    .column.medium-uncentered.opposite,
    .columns.medium-uncentered.opposite {
        float: right
    }
    .push-0 {
        position: relative;
        left: 0%;
        right: auto
    }
    .pull-0 {
        position: relative;
        right: 0%;
        left: auto
    }
    .push-1 {
        position: relative;
        left: 8.3333333333%;
        right: auto
    }
    .pull-1 {
        position: relative;
        right: 8.3333333333%;
        left: auto
    }
    .push-2 {
        position: relative;
        left: 16.6666666667%;
        right: auto
    }
    .pull-2 {
        position: relative;
        right: 16.6666666667%;
        left: auto
    }
    .push-3 {
        position: relative;
        left: 25%;
        right: auto
    }
    .pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }
    .push-4 {
        position: relative;
        left: 33.3333333333%;
        right: auto
    }
    .pull-4 {
        position: relative;
        right: 33.3333333333%;
        left: auto
    }
    .push-5 {
        position: relative;
        left: 41.6666666667%;
        right: auto
    }
    .pull-5 {
        position: relative;
        right: 41.6666666667%;
        left: auto
    }
    .push-6 {
        position: relative;
        left: 50%;
        right: auto
    }
    .pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }
    .push-7 {
        position: relative;
        left: 58.3333333333%;
        right: auto
    }
    .pull-7 {
        position: relative;
        right: 58.3333333333%;
        left: auto
    }
    .push-8 {
        position: relative;
        left: 66.6666666667%;
        right: auto
    }
    .pull-8 {
        position: relative;
        right: 66.6666666667%;
        left: auto
    }
    .push-9 {
        position: relative;
        left: 75%;
        right: auto
    }
    .pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }
    .push-10 {
        position: relative;
        left: 83.3333333333%;
        right: auto
    }
    .pull-10 {
        position: relative;
        right: 83.3333333333%;
        left: auto
    }
    .push-11 {
        position: relative;
        left: 91.6666666667%;
        right: auto
    }
    .pull-11 {
        position: relative;
        right: 91.6666666667%;
        left: auto
    }
}

@media only screen and (min-width: 42em) {
    .large-push-0 {
        position: relative;
        left: 0%;
        right: auto
    }
    .large-pull-0 {
        position: relative;
        right: 0%;
        left: auto
    }
    .large-push-1 {
        position: relative;
        left: 8.3333333333%;
        right: auto
    }
    .large-pull-1 {
        position: relative;
        right: 8.3333333333%;
        left: auto
    }
    .large-push-2 {
        position: relative;
        left: 16.6666666667%;
        right: auto
    }
    .large-pull-2 {
        position: relative;
        right: 16.6666666667%;
        left: auto
    }
    .large-push-3 {
        position: relative;
        left: 25%;
        right: auto
    }
    .large-pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }
    .large-push-4 {
        position: relative;
        left: 33.3333333333%;
        right: auto
    }
    .large-pull-4 {
        position: relative;
        right: 33.3333333333%;
        left: auto
    }
    .large-push-5 {
        position: relative;
        left: 41.6666666667%;
        right: auto
    }
    .large-pull-5 {
        position: relative;
        right: 41.6666666667%;
        left: auto
    }
    .large-push-6 {
        position: relative;
        left: 50%;
        right: auto
    }
    .large-pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }
    .large-push-7 {
        position: relative;
        left: 58.3333333333%;
        right: auto
    }
    .large-pull-7 {
        position: relative;
        right: 58.3333333333%;
        left: auto
    }
    .large-push-8 {
        position: relative;
        left: 66.6666666667%;
        right: auto
    }
    .large-pull-8 {
        position: relative;
        right: 66.6666666667%;
        left: auto
    }
    .large-push-9 {
        position: relative;
        left: 75%;
        right: auto
    }
    .large-pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }
    .large-push-10 {
        position: relative;
        left: 83.3333333333%;
        right: auto
    }
    .large-pull-10 {
        position: relative;
        right: 83.3333333333%;
        left: auto
    }
    .large-push-11 {
        position: relative;
        left: 91.6666666667%;
        right: auto
    }
    .large-pull-11 {
        position: relative;
        right: 91.6666666667%;
        left: auto
    }
    .column,
    .columns {
        position: relative;
        padding-left: .1875rem;
        padding-right: .1875rem;
        float: left
    }
    .large-1 {
        width: 8.3333333333%
    }
    .large-2 {
        width: 16.6666666667%
    }
    .large-3 {
        width: 25%
    }
    .large-4 {
        width: 33.3333333333%
    }
    .large-5 {
        width: 41.6666666667%
    }
    .large-6 {
        width: 50%
    }
    .large-7 {
        width: 58.3333333333%
    }
    .large-8 {
        width: 66.6666666667%
    }
    .large-9 {
        width: 75%
    }
    .large-10 {
        width: 83.3333333333%
    }
    .large-11 {
        width: 91.6666666667%
    }
    .large-12 {
        width: 100%
    }
    .large-offset-0 {
        margin-left: 0% !important
    }
    .large-offset-1 {
        margin-left: 8.3333333333% !important
    }
    .large-offset-2 {
        margin-left: 16.6666666667% !important
    }
    .large-offset-3 {
        margin-left: 25% !important
    }
    .large-offset-4 {
        margin-left: 33.3333333333% !important
    }
    .large-offset-5 {
        margin-left: 41.6666666667% !important
    }
    .large-offset-6 {
        margin-left: 50% !important
    }
    .large-offset-7 {
        margin-left: 58.3333333333% !important
    }
    .large-offset-8 {
        margin-left: 66.6666666667% !important
    }
    .large-offset-9 {
        margin-left: 75% !important
    }
    .large-offset-10 {
        margin-left: 83.3333333333% !important
    }
    .large-offset-11 {
        margin-left: 91.6666666667% !important
    }
    .large-reset-order {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left
    }
    .column.large-centered,
    .columns.large-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }
    .column.large-uncentered,
    .columns.large-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left
    }
    .column.large-centered:last-child,
    .columns.large-centered:last-child {
        float: none
    }
    .column.large-uncentered:last-child,
    .columns.large-uncentered:last-child {
        float: left
    }
    .column.large-uncentered.opposite,
    .columns.large-uncentered.opposite {
        float: right
    }
    .push-0 {
        position: relative;
        left: 0%;
        right: auto
    }
    .pull-0 {
        position: relative;
        right: 0%;
        left: auto
    }
    .push-1 {
        position: relative;
        left: 8.3333333333%;
        right: auto
    }
    .pull-1 {
        position: relative;
        right: 8.3333333333%;
        left: auto
    }
    .push-2 {
        position: relative;
        left: 16.6666666667%;
        right: auto
    }
    .pull-2 {
        position: relative;
        right: 16.6666666667%;
        left: auto
    }
    .push-3 {
        position: relative;
        left: 25%;
        right: auto
    }
    .pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }
    .push-4 {
        position: relative;
        left: 33.3333333333%;
        right: auto
    }
    .pull-4 {
        position: relative;
        right: 33.3333333333%;
        left: auto
    }
    .push-5 {
        position: relative;
        left: 41.6666666667%;
        right: auto
    }
    .pull-5 {
        position: relative;
        right: 41.6666666667%;
        left: auto
    }
    .push-6 {
        position: relative;
        left: 50%;
        right: auto
    }
    .pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }
    .push-7 {
        position: relative;
        left: 58.3333333333%;
        right: auto
    }
    .pull-7 {
        position: relative;
        right: 58.3333333333%;
        left: auto
    }
    .push-8 {
        position: relative;
        left: 66.6666666667%;
        right: auto
    }
    .pull-8 {
        position: relative;
        right: 66.6666666667%;
        left: auto
    }
    .push-9 {
        position: relative;
        left: 75%;
        right: auto
    }
    .pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }
    .push-10 {
        position: relative;
        left: 83.3333333333%;
        right: auto
    }
    .pull-10 {
        position: relative;
        right: 83.3333333333%;
        left: auto
    }
    .push-11 {
        position: relative;
        left: 91.6666666667%;
        right: auto
    }
    .pull-11 {
        position: relative;
        right: 91.6666666667%;
        left: auto
    }
}

@media only screen and (min-width: 62.5em) {
    .xlarge-push-0 {
        position: relative;
        left: 0%;
        right: auto
    }
    .xlarge-pull-0 {
        position: relative;
        right: 0%;
        left: auto
    }
    .xlarge-push-1 {
        position: relative;
        left: 8.3333333333%;
        right: auto
    }
    .xlarge-pull-1 {
        position: relative;
        right: 8.3333333333%;
        left: auto
    }
    .xlarge-push-2 {
        position: relative;
        left: 16.6666666667%;
        right: auto
    }
    .xlarge-pull-2 {
        position: relative;
        right: 16.6666666667%;
        left: auto
    }
    .xlarge-push-3 {
        position: relative;
        left: 25%;
        right: auto
    }
    .xlarge-pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }
    .xlarge-push-4 {
        position: relative;
        left: 33.3333333333%;
        right: auto
    }
    .xlarge-pull-4 {
        position: relative;
        right: 33.3333333333%;
        left: auto
    }
    .xlarge-push-5 {
        position: relative;
        left: 41.6666666667%;
        right: auto
    }
    .xlarge-pull-5 {
        position: relative;
        right: 41.6666666667%;
        left: auto
    }
    .xlarge-push-6 {
        position: relative;
        left: 50%;
        right: auto
    }
    .xlarge-pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }
    .xlarge-push-7 {
        position: relative;
        left: 58.3333333333%;
        right: auto
    }
    .xlarge-pull-7 {
        position: relative;
        right: 58.3333333333%;
        left: auto
    }
    .xlarge-push-8 {
        position: relative;
        left: 66.6666666667%;
        right: auto
    }
    .xlarge-pull-8 {
        position: relative;
        right: 66.6666666667%;
        left: auto
    }
    .xlarge-push-9 {
        position: relative;
        left: 75%;
        right: auto
    }
    .xlarge-pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }
    .xlarge-push-10 {
        position: relative;
        left: 83.3333333333%;
        right: auto
    }
    .xlarge-pull-10 {
        position: relative;
        right: 83.3333333333%;
        left: auto
    }
    .xlarge-push-11 {
        position: relative;
        left: 91.6666666667%;
        right: auto
    }
    .xlarge-pull-11 {
        position: relative;
        right: 91.6666666667%;
        left: auto
    }
    .column,
    .columns {
        position: relative;
        padding-left: .1875rem;
        padding-right: .1875rem;
        float: left
    }
    .xlarge-1 {
        width: 8.3333333333%
    }
    .xlarge-2 {
        width: 16.6666666667%
    }
    .xlarge-3 {
        width: 25%
    }
    .xlarge-4 {
        width: 33.3333333333%
    }
    .xlarge-5 {
        width: 41.6666666667%
    }
    .xlarge-6 {
        width: 50%
    }
    .xlarge-7 {
        width: 58.3333333333%
    }
    .xlarge-8 {
        width: 66.6666666667%
    }
    .xlarge-9 {
        width: 75%
    }
    .xlarge-10 {
        width: 83.3333333333%
    }
    .xlarge-11 {
        width: 91.6666666667%
    }
    .xlarge-12 {
        width: 100%
    }
    .xlarge-offset-0 {
        margin-left: 0% !important
    }
    .xlarge-offset-1 {
        margin-left: 8.3333333333% !important
    }
    .xlarge-offset-2 {
        margin-left: 16.6666666667% !important
    }
    .xlarge-offset-3 {
        margin-left: 25% !important
    }
    .xlarge-offset-4 {
        margin-left: 33.3333333333% !important
    }
    .xlarge-offset-5 {
        margin-left: 41.6666666667% !important
    }
    .xlarge-offset-6 {
        margin-left: 50% !important
    }
    .xlarge-offset-7 {
        margin-left: 58.3333333333% !important
    }
    .xlarge-offset-8 {
        margin-left: 66.6666666667% !important
    }
    .xlarge-offset-9 {
        margin-left: 75% !important
    }
    .xlarge-offset-10 {
        margin-left: 83.3333333333% !important
    }
    .xlarge-offset-11 {
        margin-left: 91.6666666667% !important
    }
    .xlarge-reset-order {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left
    }
    .column.xlarge-centered,
    .columns.xlarge-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }
    .column.xlarge-uncentered,
    .columns.xlarge-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left
    }
    .column.xlarge-centered:last-child,
    .columns.xlarge-centered:last-child {
        float: none
    }
    .column.xlarge-uncentered:last-child,
    .columns.xlarge-uncentered:last-child {
        float: left
    }
    .column.xlarge-uncentered.opposite,
    .columns.xlarge-uncentered.opposite {
        float: right
    }
}

@media only screen and (min-width: 240.063em) {
    .xxlarge-push-0 {
        position: relative;
        left: 0%;
        right: auto
    }
    .xxlarge-pull-0 {
        position: relative;
        right: 0%;
        left: auto
    }
    .xxlarge-push-1 {
        position: relative;
        left: 8.3333333333%;
        right: auto
    }
    .xxlarge-pull-1 {
        position: relative;
        right: 8.3333333333%;
        left: auto
    }
    .xxlarge-push-2 {
        position: relative;
        left: 16.6666666667%;
        right: auto
    }
    .xxlarge-pull-2 {
        position: relative;
        right: 16.6666666667%;
        left: auto
    }
    .xxlarge-push-3 {
        position: relative;
        left: 25%;
        right: auto
    }
    .xxlarge-pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }
    .xxlarge-push-4 {
        position: relative;
        left: 33.3333333333%;
        right: auto
    }
    .xxlarge-pull-4 {
        position: relative;
        right: 33.3333333333%;
        left: auto
    }
    .xxlarge-push-5 {
        position: relative;
        left: 41.6666666667%;
        right: auto
    }
    .xxlarge-pull-5 {
        position: relative;
        right: 41.6666666667%;
        left: auto
    }
    .xxlarge-push-6 {
        position: relative;
        left: 50%;
        right: auto
    }
    .xxlarge-pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }
    .xxlarge-push-7 {
        position: relative;
        left: 58.3333333333%;
        right: auto
    }
    .xxlarge-pull-7 {
        position: relative;
        right: 58.3333333333%;
        left: auto
    }
    .xxlarge-push-8 {
        position: relative;
        left: 66.6666666667%;
        right: auto
    }
    .xxlarge-pull-8 {
        position: relative;
        right: 66.6666666667%;
        left: auto
    }
    .xxlarge-push-9 {
        position: relative;
        left: 75%;
        right: auto
    }
    .xxlarge-pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }
    .xxlarge-push-10 {
        position: relative;
        left: 83.3333333333%;
        right: auto
    }
    .xxlarge-pull-10 {
        position: relative;
        right: 83.3333333333%;
        left: auto
    }
    .xxlarge-push-11 {
        position: relative;
        left: 91.6666666667%;
        right: auto
    }
    .xxlarge-pull-11 {
        position: relative;
        right: 91.6666666667%;
        left: auto
    }
    .column,
    .columns {
        position: relative;
        padding-left: .1875rem;
        padding-right: .1875rem;
        float: left
    }
    .xxlarge-1 {
        width: 8.3333333333%
    }
    .xxlarge-2 {
        width: 16.6666666667%
    }
    .xxlarge-3 {
        width: 25%
    }
    .xxlarge-4 {
        width: 33.3333333333%
    }
    .xxlarge-5 {
        width: 41.6666666667%
    }
    .xxlarge-6 {
        width: 50%
    }
    .xxlarge-7 {
        width: 58.3333333333%
    }
    .xxlarge-8 {
        width: 66.6666666667%
    }
    .xxlarge-9 {
        width: 75%
    }
    .xxlarge-10 {
        width: 83.3333333333%
    }
    .xxlarge-11 {
        width: 91.6666666667%
    }
    .xxlarge-12 {
        width: 100%
    }
    .xxlarge-offset-0 {
        margin-left: 0% !important
    }
    .xxlarge-offset-1 {
        margin-left: 8.3333333333% !important
    }
    .xxlarge-offset-2 {
        margin-left: 16.6666666667% !important
    }
    .xxlarge-offset-3 {
        margin-left: 25% !important
    }
    .xxlarge-offset-4 {
        margin-left: 33.3333333333% !important
    }
    .xxlarge-offset-5 {
        margin-left: 41.6666666667% !important
    }
    .xxlarge-offset-6 {
        margin-left: 50% !important
    }
    .xxlarge-offset-7 {
        margin-left: 58.3333333333% !important
    }
    .xxlarge-offset-8 {
        margin-left: 66.6666666667% !important
    }
    .xxlarge-offset-9 {
        margin-left: 75% !important
    }
    .xxlarge-offset-10 {
        margin-left: 83.3333333333% !important
    }
    .xxlarge-offset-11 {
        margin-left: 91.6666666667% !important
    }
    .xxlarge-reset-order {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left
    }
    .column.xxlarge-centered,
    .columns.xxlarge-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }
    .column.xxlarge-uncentered,
    .columns.xxlarge-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left
    }
    .column.xxlarge-centered:last-child,
    .columns.xxlarge-centered:last-child {
        float: none
    }
    .column.xxlarge-uncentered:last-child,
    .columns.xxlarge-uncentered:last-child {
        float: left
    }
    .column.xxlarge-uncentered.opposite,
    .columns.xxlarge-uncentered.opposite {
        float: right
    }
}

[class*="block-grid-"] {
    display: block;
    padding: 0;
    margin: 0 -.1875rem
}

[class*="block-grid-"]:before,
[class*="block-grid-"]:after {
    content: " ";
    display: table
}

[class*="block-grid-"]:after {
    clear: both
}

[class*="block-grid-"]>li {
    display: block;
    height: auto;
    float: left;
    padding: 0 .1875rem .375rem
}

@media only screen {
    .small-block-grid-1>li {
        width: 100%;
        list-style: none
    }
    .small-block-grid-1>li:nth-of-type(1n) {
        clear: none
    }
    .small-block-grid-1>li:nth-of-type(1n+1) {
        clear: both
    }
    .small-block-grid-2>li {
        width: 50%;
        list-style: none
    }
    .small-block-grid-2>li:nth-of-type(1n) {
        clear: none
    }
    .small-block-grid-2>li:nth-of-type(2n+1) {
        clear: both
    }
    .small-block-grid-3>li {
        width: 33.3333333333%;
        list-style: none
    }
    .small-block-grid-3>li:nth-of-type(1n) {
        clear: none
    }
    .small-block-grid-3>li:nth-of-type(3n+1) {
        clear: both
    }
    .small-block-grid-4>li {
        width: 25%;
        list-style: none
    }
    .small-block-grid-4>li:nth-of-type(1n) {
        clear: none
    }
    .small-block-grid-4>li:nth-of-type(4n+1) {
        clear: both
    }
    .small-block-grid-5>li {
        width: 20%;
        list-style: none
    }
    .small-block-grid-5>li:nth-of-type(1n) {
        clear: none
    }
    .small-block-grid-5>li:nth-of-type(5n+1) {
        clear: both
    }
    .small-block-grid-6>li {
        width: 16.6666666667%;
        list-style: none
    }
    .small-block-grid-6>li:nth-of-type(1n) {
        clear: none
    }
    .small-block-grid-6>li:nth-of-type(6n+1) {
        clear: both
    }
    .small-block-grid-7>li {
        width: 14.2857142857%;
        list-style: none
    }
    .small-block-grid-7>li:nth-of-type(1n) {
        clear: none
    }
    .small-block-grid-7>li:nth-of-type(7n+1) {
        clear: both
    }
    .small-block-grid-8>li {
        width: 12.5%;
        list-style: none
    }
    .small-block-grid-8>li:nth-of-type(1n) {
        clear: none
    }
    .small-block-grid-8>li:nth-of-type(8n+1) {
        clear: both
    }
    .small-block-grid-9>li {
        width: 11.1111111111%;
        list-style: none
    }
    .small-block-grid-9>li:nth-of-type(1n) {
        clear: none
    }
    .small-block-grid-9>li:nth-of-type(9n+1) {
        clear: both
    }
    .small-block-grid-10>li {
        width: 10%;
        list-style: none
    }
    .small-block-grid-10>li:nth-of-type(1n) {
        clear: none
    }
    .small-block-grid-10>li:nth-of-type(10n+1) {
        clear: both
    }
    .small-block-grid-11>li {
        width: 9.0909090909%;
        list-style: none
    }
    .small-block-grid-11>li:nth-of-type(1n) {
        clear: none
    }
    .small-block-grid-11>li:nth-of-type(11n+1) {
        clear: both
    }
    .small-block-grid-12>li {
        width: 8.3333333333%;
        list-style: none
    }
    .small-block-grid-12>li:nth-of-type(1n) {
        clear: none
    }
    .small-block-grid-12>li:nth-of-type(12n+1) {
        clear: both
    }
}

@media only screen and (min-width: 30em) {
    .medium-block-grid-1>li {
        width: 100%;
        list-style: none
    }
    .medium-block-grid-1>li:nth-of-type(1n) {
        clear: none
    }
    .medium-block-grid-1>li:nth-of-type(1n+1) {
        clear: both
    }
    .medium-block-grid-2>li {
        width: 50%;
        list-style: none
    }
    .medium-block-grid-2>li:nth-of-type(1n) {
        clear: none
    }
    .medium-block-grid-2>li:nth-of-type(2n+1) {
        clear: both
    }
    .medium-block-grid-3>li {
        width: 33.3333333333%;
        list-style: none
    }
    .medium-block-grid-3>li:nth-of-type(1n) {
        clear: none
    }
    .medium-block-grid-3>li:nth-of-type(3n+1) {
        clear: both
    }
    .medium-block-grid-4>li {
        width: 25%;
        list-style: none
    }
    .medium-block-grid-4>li:nth-of-type(1n) {
        clear: none
    }
    .medium-block-grid-4>li:nth-of-type(4n+1) {
        clear: both
    }
    .medium-block-grid-5>li {
        width: 20%;
        list-style: none
    }
    .medium-block-grid-5>li:nth-of-type(1n) {
        clear: none
    }
    .medium-block-grid-5>li:nth-of-type(5n+1) {
        clear: both
    }
    .medium-block-grid-6>li {
        width: 16.6666666667%;
        list-style: none
    }
    .medium-block-grid-6>li:nth-of-type(1n) {
        clear: none
    }
    .medium-block-grid-6>li:nth-of-type(6n+1) {
        clear: both
    }
    .medium-block-grid-7>li {
        width: 14.2857142857%;
        list-style: none
    }
    .medium-block-grid-7>li:nth-of-type(1n) {
        clear: none
    }
    .medium-block-grid-7>li:nth-of-type(7n+1) {
        clear: both
    }
    .medium-block-grid-8>li {
        width: 12.5%;
        list-style: none
    }
    .medium-block-grid-8>li:nth-of-type(1n) {
        clear: none
    }
    .medium-block-grid-8>li:nth-of-type(8n+1) {
        clear: both
    }
    .medium-block-grid-9>li {
        width: 11.1111111111%;
        list-style: none
    }
    .medium-block-grid-9>li:nth-of-type(1n) {
        clear: none
    }
    .medium-block-grid-9>li:nth-of-type(9n+1) {
        clear: both
    }
    .medium-block-grid-10>li {
        width: 10%;
        list-style: none
    }
    .medium-block-grid-10>li:nth-of-type(1n) {
        clear: none
    }
    .medium-block-grid-10>li:nth-of-type(10n+1) {
        clear: both
    }
    .medium-block-grid-11>li {
        width: 9.0909090909%;
        list-style: none
    }
    .medium-block-grid-11>li:nth-of-type(1n) {
        clear: none
    }
    .medium-block-grid-11>li:nth-of-type(11n+1) {
        clear: both
    }
    .medium-block-grid-12>li {
        width: 8.3333333333%;
        list-style: none
    }
    .medium-block-grid-12>li:nth-of-type(1n) {
        clear: none
    }
    .medium-block-grid-12>li:nth-of-type(12n+1) {
        clear: both
    }
}

@media only screen and (min-width: 42em) {
    .large-block-grid-1>li {
        width: 100%;
        list-style: none
    }
    .large-block-grid-1>li:nth-of-type(1n) {
        clear: none
    }
    .large-block-grid-1>li:nth-of-type(1n+1) {
        clear: both
    }
    .large-block-grid-2>li {
        width: 50%;
        list-style: none
    }
    .large-block-grid-2>li:nth-of-type(1n) {
        clear: none
    }
    .large-block-grid-2>li:nth-of-type(2n+1) {
        clear: both
    }
    .large-block-grid-3>li {
        width: 33.3333333333%;
        list-style: none
    }
    .large-block-grid-3>li:nth-of-type(1n) {
        clear: none
    }
    .large-block-grid-3>li:nth-of-type(3n+1) {
        clear: both
    }
    .large-block-grid-4>li {
        width: 25%;
        list-style: none
    }
    .large-block-grid-4>li:nth-of-type(1n) {
        clear: none
    }
    .large-block-grid-4>li:nth-of-type(4n+1) {
        clear: both
    }
    .large-block-grid-5>li {
        width: 20%;
        list-style: none
    }
    .large-block-grid-5>li:nth-of-type(1n) {
        clear: none
    }
    .large-block-grid-5>li:nth-of-type(5n+1) {
        clear: both
    }
    .large-block-grid-6>li {
        width: 16.6666666667%;
        list-style: none
    }
    .large-block-grid-6>li:nth-of-type(1n) {
        clear: none
    }
    .large-block-grid-6>li:nth-of-type(6n+1) {
        clear: both
    }
    .large-block-grid-7>li {
        width: 14.2857142857%;
        list-style: none
    }
    .large-block-grid-7>li:nth-of-type(1n) {
        clear: none
    }
    .large-block-grid-7>li:nth-of-type(7n+1) {
        clear: both
    }
    .large-block-grid-8>li {
        width: 12.5%;
        list-style: none
    }
    .large-block-grid-8>li:nth-of-type(1n) {
        clear: none
    }
    .large-block-grid-8>li:nth-of-type(8n+1) {
        clear: both
    }
    .large-block-grid-9>li {
        width: 11.1111111111%;
        list-style: none
    }
    .large-block-grid-9>li:nth-of-type(1n) {
        clear: none
    }
    .large-block-grid-9>li:nth-of-type(9n+1) {
        clear: both
    }
    .large-block-grid-10>li {
        width: 10%;
        list-style: none
    }
    .large-block-grid-10>li:nth-of-type(1n) {
        clear: none
    }
    .large-block-grid-10>li:nth-of-type(10n+1) {
        clear: both
    }
    .large-block-grid-11>li {
        width: 9.0909090909%;
        list-style: none
    }
    .large-block-grid-11>li:nth-of-type(1n) {
        clear: none
    }
    .large-block-grid-11>li:nth-of-type(11n+1) {
        clear: both
    }
    .large-block-grid-12>li {
        width: 8.3333333333%;
        list-style: none
    }
    .large-block-grid-12>li:nth-of-type(1n) {
        clear: none
    }
    .large-block-grid-12>li:nth-of-type(12n+1) {
        clear: both
    }
}

@media only screen and (min-width: 62.5em) {
    .xlarge-block-grid-1>li {
        width: 100%;
        list-style: none
    }
    .xlarge-block-grid-1>li:nth-of-type(1n) {
        clear: none
    }
    .xlarge-block-grid-1>li:nth-of-type(1n+1) {
        clear: both
    }
    .xlarge-block-grid-2>li {
        width: 50%;
        list-style: none
    }
    .xlarge-block-grid-2>li:nth-of-type(1n) {
        clear: none
    }
    .xlarge-block-grid-2>li:nth-of-type(2n+1) {
        clear: both
    }
    .xlarge-block-grid-3>li {
        width: 33.3333333333%;
        list-style: none
    }
    .xlarge-block-grid-3>li:nth-of-type(1n) {
        clear: none
    }
    .xlarge-block-grid-3>li:nth-of-type(3n+1) {
        clear: both
    }
    .xlarge-block-grid-4>li {
        width: 25%;
        list-style: none
    }
    .xlarge-block-grid-4>li:nth-of-type(1n) {
        clear: none
    }
    .xlarge-block-grid-4>li:nth-of-type(4n+1) {
        clear: both
    }
    .xlarge-block-grid-5>li {
        width: 20%;
        list-style: none
    }
    .xlarge-block-grid-5>li:nth-of-type(1n) {
        clear: none
    }
    .xlarge-block-grid-5>li:nth-of-type(5n+1) {
        clear: both
    }
    .xlarge-block-grid-6>li {
        width: 16.6666666667%;
        list-style: none
    }
    .xlarge-block-grid-6>li:nth-of-type(1n) {
        clear: none
    }
    .xlarge-block-grid-6>li:nth-of-type(6n+1) {
        clear: both
    }
    .xlarge-block-grid-7>li {
        width: 14.2857142857%;
        list-style: none
    }
    .xlarge-block-grid-7>li:nth-of-type(1n) {
        clear: none
    }
    .xlarge-block-grid-7>li:nth-of-type(7n+1) {
        clear: both
    }
    .xlarge-block-grid-8>li {
        width: 12.5%;
        list-style: none
    }
    .xlarge-block-grid-8>li:nth-of-type(1n) {
        clear: none
    }
    .xlarge-block-grid-8>li:nth-of-type(8n+1) {
        clear: both
    }
    .xlarge-block-grid-9>li {
        width: 11.1111111111%;
        list-style: none
    }
    .xlarge-block-grid-9>li:nth-of-type(1n) {
        clear: none
    }
    .xlarge-block-grid-9>li:nth-of-type(9n+1) {
        clear: both
    }
    .xlarge-block-grid-10>li {
        width: 10%;
        list-style: none
    }
    .xlarge-block-grid-10>li:nth-of-type(1n) {
        clear: none
    }
    .xlarge-block-grid-10>li:nth-of-type(10n+1) {
        clear: both
    }
    .xlarge-block-grid-11>li {
        width: 9.0909090909%;
        list-style: none
    }
    .xlarge-block-grid-11>li:nth-of-type(1n) {
        clear: none
    }
    .xlarge-block-grid-11>li:nth-of-type(11n+1) {
        clear: both
    }
    .xlarge-block-grid-12>li {
        width: 8.3333333333%;
        list-style: none
    }
    .xlarge-block-grid-12>li:nth-of-type(1n) {
        clear: none
    }
    .xlarge-block-grid-12>li:nth-of-type(12n+1) {
        clear: both
    }
}

@media only screen and (min-width: 240.063em) {
    .xxlarge-block-grid-1>li {
        width: 100%;
        list-style: none
    }
    .xxlarge-block-grid-1>li:nth-of-type(1n) {
        clear: none
    }
    .xxlarge-block-grid-1>li:nth-of-type(1n+1) {
        clear: both
    }
    .xxlarge-block-grid-2>li {
        width: 50%;
        list-style: none
    }
    .xxlarge-block-grid-2>li:nth-of-type(1n) {
        clear: none
    }
    .xxlarge-block-grid-2>li:nth-of-type(2n+1) {
        clear: both
    }
    .xxlarge-block-grid-3>li {
        width: 33.3333333333%;
        list-style: none
    }
    .xxlarge-block-grid-3>li:nth-of-type(1n) {
        clear: none
    }
    .xxlarge-block-grid-3>li:nth-of-type(3n+1) {
        clear: both
    }
    .xxlarge-block-grid-4>li {
        width: 25%;
        list-style: none
    }
    .xxlarge-block-grid-4>li:nth-of-type(1n) {
        clear: none
    }
    .xxlarge-block-grid-4>li:nth-of-type(4n+1) {
        clear: both
    }
    .xxlarge-block-grid-5>li {
        width: 20%;
        list-style: none
    }
    .xxlarge-block-grid-5>li:nth-of-type(1n) {
        clear: none
    }
    .xxlarge-block-grid-5>li:nth-of-type(5n+1) {
        clear: both
    }
    .xxlarge-block-grid-6>li {
        width: 16.6666666667%;
        list-style: none
    }
    .xxlarge-block-grid-6>li:nth-of-type(1n) {
        clear: none
    }
    .xxlarge-block-grid-6>li:nth-of-type(6n+1) {
        clear: both
    }
    .xxlarge-block-grid-7>li {
        width: 14.2857142857%;
        list-style: none
    }
    .xxlarge-block-grid-7>li:nth-of-type(1n) {
        clear: none
    }
    .xxlarge-block-grid-7>li:nth-of-type(7n+1) {
        clear: both
    }
    .xxlarge-block-grid-8>li {
        width: 12.5%;
        list-style: none
    }
    .xxlarge-block-grid-8>li:nth-of-type(1n) {
        clear: none
    }
    .xxlarge-block-grid-8>li:nth-of-type(8n+1) {
        clear: both
    }
    .xxlarge-block-grid-9>li {
        width: 11.1111111111%;
        list-style: none
    }
    .xxlarge-block-grid-9>li:nth-of-type(1n) {
        clear: none
    }
    .xxlarge-block-grid-9>li:nth-of-type(9n+1) {
        clear: both
    }
    .xxlarge-block-grid-10>li {
        width: 10%;
        list-style: none
    }
    .xxlarge-block-grid-10>li:nth-of-type(1n) {
        clear: none
    }
    .xxlarge-block-grid-10>li:nth-of-type(10n+1) {
        clear: both
    }
    .xxlarge-block-grid-11>li {
        width: 9.0909090909%;
        list-style: none
    }
    .xxlarge-block-grid-11>li:nth-of-type(1n) {
        clear: none
    }
    .xxlarge-block-grid-11>li:nth-of-type(11n+1) {
        clear: both
    }
    .xxlarge-block-grid-12>li {
        width: 8.3333333333%;
        list-style: none
    }
    .xxlarge-block-grid-12>li:nth-of-type(1n) {
        clear: none
    }
    .xxlarge-block-grid-12>li:nth-of-type(12n+1) {
        clear: both
    }
}

button,
.button {
    border-style: solid;
    border-width: 0px;
    cursor: pointer;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: normal;
    line-height: normal;
    margin: 0 0 1.25rem;
    position: relative;
    text-decoration: none;
    text-align: center;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    display: inline-block;
    padding-top: 1rem;
    padding-right: 2rem;
    padding-bottom: 1.0625rem;
    padding-left: 2rem;
    font-size: 1rem;
    background-color: #f7b81b;
    border-color: #d49907;
    color: #fff;
    transition: background-color 300ms ease-out
}

button:hover,
button:focus,
.button:hover,
.button:focus {
    background-color: #d49907
}

button:hover,
button:focus,
.button:hover,
.button:focus {
    color: #fff
}

button.secondary,
.button.secondary {
    background-color: #e7e7e7;
    border-color: #b9b9b9;
    color: #333
}

button.secondary:hover,
button.secondary:focus,
.button.secondary:hover,
.button.secondary:focus {
    background-color: #b9b9b9
}

button.secondary:hover,
button.secondary:focus,
.button.secondary:hover,
.button.secondary:focus {
    color: #333
}

button.success,
.button.success {
    background-color: #43AC6A;
    border-color: #368a55;
    color: #fff
}

button.success:hover,
button.success:focus,
.button.success:hover,
.button.success:focus {
    background-color: #368a55
}

button.success:hover,
button.success:focus,
.button.success:hover,
.button.success:focus {
    color: #fff
}

button.alert,
.button.alert {
    background-color: #f04124;
    border-color: #cf2a0e;
    color: #fff
}

button.alert:hover,
button.alert:focus,
.button.alert:hover,
.button.alert:focus {
    background-color: #cf2a0e
}

button.alert:hover,
button.alert:focus,
.button.alert:hover,
.button.alert:focus {
    color: #fff
}

button.warning,
.button.warning {
    background-color: #f08a24;
    border-color: #cf6e0e;
    color: #fff
}

button.warning:hover,
button.warning:focus,
.button.warning:hover,
.button.warning:focus {
    background-color: #cf6e0e
}

button.warning:hover,
button.warning:focus,
.button.warning:hover,
.button.warning:focus {
    color: #fff
}

button.info,
.button.info {
    background-color: #a0d3e8;
    border-color: #61b6d9;
    color: #333
}

button.info:hover,
button.info:focus,
.button.info:hover,
.button.info:focus {
    background-color: #61b6d9
}

button.info:hover,
button.info:focus,
.button.info:hover,
.button.info:focus {
    color: #fff
}

button.large,
.button.large {
    padding-top: 1.125rem;
    padding-right: 2.25rem;
    padding-bottom: 1.1875rem;
    padding-left: 2.25rem;
    font-size: 1.25rem
}

button.small,
.button.small {
    padding-top: .875rem;
    padding-right: 1.75rem;
    padding-bottom: .9375rem;
    padding-left: 1.75rem;
    font-size: .8125rem
}

button.tiny,
.button.tiny {
    padding-top: .625rem;
    padding-right: 1.25rem;
    padding-bottom: .6875rem;
    padding-left: 1.25rem;
    font-size: .6875rem
}

button.expand,
.button.expand {
    padding-right: 0;
    padding-left: 0;
    width: 100%
}

button.left-align,
.button.left-align {
    text-align: left;
    text-indent: .75rem
}

button.right-align,
.button.right-align {
    text-align: right;
    padding-right: .75rem
}

button.radius,
.button.radius {
    border-radius: 3px
}

button.round,
.button.round {
    border-radius: 1000px
}

button.disabled,
button[disabled],
.button.disabled,
.button[disabled] {
    background-color: #f7b81b;
    border-color: #d49907;
    color: #fff;
    cursor: default;
    opacity: .7;
    box-shadow: none
}

button.disabled:hover,
button.disabled:focus,
button[disabled]:hover,
button[disabled]:focus,
.button.disabled:hover,
.button.disabled:focus,
.button[disabled]:hover,
.button[disabled]:focus {
    background-color: #d49907
}

button.disabled:hover,
button.disabled:focus,
button[disabled]:hover,
button[disabled]:focus,
.button.disabled:hover,
.button.disabled:focus,
.button[disabled]:hover,
.button[disabled]:focus {
    color: #fff
}

button.disabled:hover,
button.disabled:focus,
button[disabled]:hover,
button[disabled]:focus,
.button.disabled:hover,
.button.disabled:focus,
.button[disabled]:hover,
.button[disabled]:focus {
    background-color: #f7b81b
}

button.disabled.secondary,
button[disabled].secondary,
.button.disabled.secondary,
.button[disabled].secondary {
    background-color: #e7e7e7;
    border-color: #b9b9b9;
    color: #333;
    cursor: default;
    opacity: .7;
    box-shadow: none
}

button.disabled.secondary:hover,
button.disabled.secondary:focus,
button[disabled].secondary:hover,
button[disabled].secondary:focus,
.button.disabled.secondary:hover,
.button.disabled.secondary:focus,
.button[disabled].secondary:hover,
.button[disabled].secondary:focus {
    background-color: #b9b9b9
}

button.disabled.secondary:hover,
button.disabled.secondary:focus,
button[disabled].secondary:hover,
button[disabled].secondary:focus,
.button.disabled.secondary:hover,
.button.disabled.secondary:focus,
.button[disabled].secondary:hover,
.button[disabled].secondary:focus {
    color: #333
}

button.disabled.secondary:hover,
button.disabled.secondary:focus,
button[disabled].secondary:hover,
button[disabled].secondary:focus,
.button.disabled.secondary:hover,
.button.disabled.secondary:focus,
.button[disabled].secondary:hover,
.button[disabled].secondary:focus {
    background-color: #e7e7e7
}

button.disabled.success,
button[disabled].success,
.button.disabled.success,
.button[disabled].success {
    background-color: #43AC6A;
    border-color: #368a55;
    color: #fff;
    cursor: default;
    opacity: .7;
    box-shadow: none
}

button.disabled.success:hover,
button.disabled.success:focus,
button[disabled].success:hover,
button[disabled].success:focus,
.button.disabled.success:hover,
.button.disabled.success:focus,
.button[disabled].success:hover,
.button[disabled].success:focus {
    background-color: #368a55
}

button.disabled.success:hover,
button.disabled.success:focus,
button[disabled].success:hover,
button[disabled].success:focus,
.button.disabled.success:hover,
.button.disabled.success:focus,
.button[disabled].success:hover,
.button[disabled].success:focus {
    color: #fff
}

button.disabled.success:hover,
button.disabled.success:focus,
button[disabled].success:hover,
button[disabled].success:focus,
.button.disabled.success:hover,
.button.disabled.success:focus,
.button[disabled].success:hover,
.button[disabled].success:focus {
    background-color: #43AC6A
}

button.disabled.alert,
button[disabled].alert,
.button.disabled.alert,
.button[disabled].alert {
    background-color: #f04124;
    border-color: #cf2a0e;
    color: #fff;
    cursor: default;
    opacity: .7;
    box-shadow: none
}

button.disabled.alert:hover,
button.disabled.alert:focus,
button[disabled].alert:hover,
button[disabled].alert:focus,
.button.disabled.alert:hover,
.button.disabled.alert:focus,
.button[disabled].alert:hover,
.button[disabled].alert:focus {
    background-color: #cf2a0e
}

button.disabled.alert:hover,
button.disabled.alert:focus,
button[disabled].alert:hover,
button[disabled].alert:focus,
.button.disabled.alert:hover,
.button.disabled.alert:focus,
.button[disabled].alert:hover,
.button[disabled].alert:focus {
    color: #fff
}

button.disabled.alert:hover,
button.disabled.alert:focus,
button[disabled].alert:hover,
button[disabled].alert:focus,
.button.disabled.alert:hover,
.button.disabled.alert:focus,
.button[disabled].alert:hover,
.button[disabled].alert:focus {
    background-color: #f04124
}

button.disabled.warning,
button[disabled].warning,
.button.disabled.warning,
.button[disabled].warning {
    background-color: #f08a24;
    border-color: #cf6e0e;
    color: #fff;
    cursor: default;
    opacity: .7;
    box-shadow: none
}

button.disabled.warning:hover,
button.disabled.warning:focus,
button[disabled].warning:hover,
button[disabled].warning:focus,
.button.disabled.warning:hover,
.button.disabled.warning:focus,
.button[disabled].warning:hover,
.button[disabled].warning:focus {
    background-color: #cf6e0e
}

button.disabled.warning:hover,
button.disabled.warning:focus,
button[disabled].warning:hover,
button[disabled].warning:focus,
.button.disabled.warning:hover,
.button.disabled.warning:focus,
.button[disabled].warning:hover,
.button[disabled].warning:focus {
    color: #fff
}

button.disabled.warning:hover,
button.disabled.warning:focus,
button[disabled].warning:hover,
button[disabled].warning:focus,
.button.disabled.warning:hover,
.button.disabled.warning:focus,
.button[disabled].warning:hover,
.button[disabled].warning:focus {
    background-color: #f08a24
}

button.disabled.info,
button[disabled].info,
.button.disabled.info,
.button[disabled].info {
    background-color: #a0d3e8;
    border-color: #61b6d9;
    color: #333;
    cursor: default;
    opacity: .7;
    box-shadow: none
}

button.disabled.info:hover,
button.disabled.info:focus,
button[disabled].info:hover,
button[disabled].info:focus,
.button.disabled.info:hover,
.button.disabled.info:focus,
.button[disabled].info:hover,
.button[disabled].info:focus {
    background-color: #61b6d9
}

button.disabled.info:hover,
button.disabled.info:focus,
button[disabled].info:hover,
button[disabled].info:focus,
.button.disabled.info:hover,
.button.disabled.info:focus,
.button[disabled].info:hover,
.button[disabled].info:focus {
    color: #fff
}

button.disabled.info:hover,
button.disabled.info:focus,
button[disabled].info:hover,
button[disabled].info:focus,
.button.disabled.info:hover,
.button.disabled.info:focus,
.button[disabled].info:hover,
.button[disabled].info:focus {
    background-color: #a0d3e8
}

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

@media only screen and (min-width: 30em) {
    button,
    .button {
        display: inline-block
    }
}

.clearing-thumbs,
[data-clearing] {
    margin-bottom: 0;
    margin-left: 0;
    list-style: none
}

.clearing-thumbs:before,
.clearing-thumbs:after,
[data-clearing]:before,
[data-clearing]:after {
    content: " ";
    display: table
}

.clearing-thumbs:after,
[data-clearing]:after {
    clear: both
}

.clearing-thumbs li,
[data-clearing] li {
    float: left;
    margin-right: 10px
}

.clearing-thumbs[class*="block-grid-"] li,
[data-clearing][class*="block-grid-"] li {
    margin-right: 0
}

.clearing-blackout {
    background: #333;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 998
}

.clearing-blackout .clearing-close {
    display: block
}

.clearing-container {
    position: relative;
    z-index: 998;
    height: 100%;
    overflow: hidden;
    margin: 0
}

.clearing-touch-label {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #aaa;
    font-size: 0.6em
}

.visible-img {
    height: 95%;
    position: relative
}

.visible-img img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -50%;
    max-height: 100%;
    max-width: 100%
}

.clearing-caption {
    color: #ccc;
    font-size: .875em;
    line-height: 1.3;
    margin-bottom: 0;
    text-align: center;
    bottom: 0;
    background: #333;
    width: 100%;
    padding: 10px 30px 20px;
    position: absolute;
    left: 0
}

.clearing-close {
    z-index: 999;
    padding-left: 20px;
    padding-top: 10px;
    font-size: 30px;
    line-height: 1;
    color: #ccc;
    display: none
}

.clearing-close:hover,
.clearing-close:focus {
    color: #ccc
}

.clearing-assembled .clearing-container {
    height: 100%
}

.clearing-assembled .clearing-container .carousel>ul {
    display: none
}

.clearing-feature li {
    display: none
}

.clearing-feature li.clearing-featured-img {
    display: block
}

@media only screen and (min-width: 30em) {
    .clearing-main-prev,
    .clearing-main-next {
        position: absolute;
        height: 100%;
        width: 40px;
        top: 0
    }
    .clearing-main-prev>span,
    .clearing-main-next>span {
        position: absolute;
        top: 50%;
        display: block;
        width: 0;
        height: 0;
        border: solid 12px
    }
    .clearing-main-prev>span:hover,
    .clearing-main-next>span:hover {
        opacity: 0.8
    }
    .clearing-main-prev {
        left: 0
    }
    .clearing-main-prev>span {
        left: 5px;
        border-color: transparent;
        border-right-color: #ccc
    }
    .clearing-main-next {
        right: 0
    }
    .clearing-main-next>span {
        border-color: transparent;
        border-left-color: #ccc
    }
    .clearing-main-prev.disabled,
    .clearing-main-next.disabled {
        opacity: 0.3
    }
    .clearing-assembled .clearing-container .carousel {
        background: rgba(51, 51, 51, 0.8);
        height: 120px;
        margin-top: 10px;
        text-align: center
    }
    .clearing-assembled .clearing-container .carousel>ul {
        display: inline-block;
        z-index: 999;
        height: 100%;
        position: relative;
        float: none
    }
    .clearing-assembled .clearing-container .carousel>ul li {
        display: block;
        width: 120px;
        min-height: inherit;
        float: left;
        overflow: hidden;
        margin-right: 0;
        padding: 0;
        position: relative;
        cursor: pointer;
        opacity: 0.4;
        clear: none
    }
    .clearing-assembled .clearing-container .carousel>ul li.fix-height img {
        height: 100%;
        max-width: none
    }
    .clearing-assembled .clearing-container .carousel>ul li a.th {
        border: none;
        box-shadow: none;
        display: block
    }
    .clearing-assembled .clearing-container .carousel>ul li img {
        cursor: pointer !important;
        width: 100% !important
    }
    .clearing-assembled .clearing-container .carousel>ul li.visible {
        opacity: 1
    }
    .clearing-assembled .clearing-container .carousel>ul li:hover {
        opacity: 0.8
    }
    .clearing-assembled .clearing-container .visible-img {
        background: #333;
        overflow: hidden;
        height: 85%
    }
    .clearing-close {
        position: absolute;
        top: 10px;
        right: 20px;
        padding-left: 0;
        padding-top: 0
    }
}

.dropdown.button,
button.dropdown {
    position: relative;
    outline: none;
    padding-right: 3.5625rem
}

.dropdown.button::after,
button.dropdown::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    display: block;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    top: 50%
}

.dropdown.button::after,
button.dropdown::after {
    border-width: .375rem;
    right: 1.40625rem;
    margin-top: -.15625rem
}

.dropdown.button::after,
button.dropdown::after {
    border-color: #fff transparent transparent transparent
}

.dropdown.button.tiny,
button.dropdown.tiny {
    padding-right: 2.625rem
}

.dropdown.button.tiny:after,
button.dropdown.tiny:after {
    border-width: .375rem;
    right: 1.125rem;
    margin-top: -.125rem
}

.dropdown.button.tiny::after,
button.dropdown.tiny::after {
    border-color: #fff transparent transparent transparent
}

.dropdown.button.small,
button.dropdown.small {
    padding-right: 3.0625rem
}

.dropdown.button.small::after,
button.dropdown.small::after {
    border-width: .4375rem;
    right: 1.3125rem;
    margin-top: -.15625rem
}

.dropdown.button.small::after,
button.dropdown.small::after {
    border-color: #fff transparent transparent transparent
}

.dropdown.button.large,
button.dropdown.large {
    padding-right: 3.625rem
}

.dropdown.button.large::after,
button.dropdown.large::after {
    border-width: .3125rem;
    right: 1.71875rem;
    margin-top: -.15625rem
}

.dropdown.button.large::after,
button.dropdown.large::after {
    border-color: #fff transparent transparent transparent
}

.dropdown.button.secondary:after,
button.dropdown.secondary:after {
    border-color: #333 transparent transparent transparent
}

.inline-list {
    margin: 0 auto 1.0625rem auto;
    margin-left: -1.375rem;
    margin-right: 0;
    padding: 0;
    list-style: none;
    overflow: hidden
}

.inline-list>li {
    list-style: none;
    float: left;
    margin-left: 1.375rem;
    display: block
}

.inline-list>li>* {
    display: block
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.text-justify {
    text-align: justify !important
}

@media only screen and (max-width: 29.9375em) {
    .small-only-text-left {
        text-align: left !important
    }
    .small-only-text-right {
        text-align: right !important
    }
    .small-only-text-center {
        text-align: center !important
    }
    .small-only-text-justify {
        text-align: justify !important
    }
}

@media only screen {
    .small-text-left {
        text-align: left !important
    }
    .small-text-right {
        text-align: right !important
    }
    .small-text-center {
        text-align: center !important
    }
    .small-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width: 30em) and (max-width: 41.9375em) {
    .medium-only-text-left {
        text-align: left !important
    }
    .medium-only-text-right {
        text-align: right !important
    }
    .medium-only-text-center {
        text-align: center !important
    }
    .medium-only-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width: 30em) {
    .medium-text-left {
        text-align: left !important
    }
    .medium-text-right {
        text-align: right !important
    }
    .medium-text-center {
        text-align: center !important
    }
    .medium-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width: 42em) and (max-width: 62.4375em) {
    .large-only-text-left {
        text-align: left !important
    }
    .large-only-text-right {
        text-align: right !important
    }
    .large-only-text-center {
        text-align: center !important
    }
    .large-only-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width: 42em) {
    .large-text-left {
        text-align: left !important
    }
    .large-text-right {
        text-align: right !important
    }
    .large-text-center {
        text-align: center !important
    }
    .large-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width: 62.5em) and (max-width: 240em) {
    .xlarge-only-text-left {
        text-align: left !important
    }
    .xlarge-only-text-right {
        text-align: right !important
    }
    .xlarge-only-text-center {
        text-align: center !important
    }
    .xlarge-only-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width: 62.5em) {
    .xlarge-text-left {
        text-align: left !important
    }
    .xlarge-text-right {
        text-align: right !important
    }
    .xlarge-text-center {
        text-align: center !important
    }
    .xlarge-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width: 240.063em) and (max-width: 99999999em) {
    .xxlarge-only-text-left {
        text-align: left !important
    }
    .xxlarge-only-text-right {
        text-align: right !important
    }
    .xxlarge-only-text-center {
        text-align: center !important
    }
    .xxlarge-only-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width: 240.063em) {
    .xxlarge-text-left {
        text-align: left !important
    }
    .xxlarge-text-right {
        text-align: right !important
    }
    .xxlarge-text-center {
        text-align: center !important
    }
    .xxlarge-text-justify {
        text-align: justify !important
    }
}

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0
}

a {
    color: #f7b81b;
    text-decoration: none;
    line-height: inherit
}

a:hover,
a:focus {
    color: #e4a508
}

a img {
    border: none
}

p {
    font-family: inherit;
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 1.25rem;
    text-rendering: optimizeLegibility
}

p.lead {
    font-size: 1.21875rem;
    line-height: 1.6
}

p aside {
    font-size: .875rem;
    line-height: 1.35;
    font-style: italic
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #222;
    text-rendering: optimizeLegibility;
    margin-top: .2rem;
    margin-bottom: .5rem;
    line-height: 1.4
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    font-size: 60%;
    color: #6f6f6f;
    line-height: 0
}

h1 {
    font-size: 2.125rem
}

h2 {
    font-size: 1.6875rem
}

h3 {
    font-size: 1.375rem
}

h4 {
    font-size: 1.125rem
}

h5 {
    font-size: 1.125rem
}

h6 {
    font-size: 1rem
}

.subheader {
    line-height: 1.4;
    color: #6f6f6f;
    font-weight: normal;
    margin-top: .2rem;
    margin-bottom: .5rem
}

hr {
    border: solid #ddd;
    border-width: 1px 0 0;
    clear: both;
    margin: 1.25rem 0 1.1875rem;
    height: 0
}

em,
i {
    font-style: italic;
    line-height: inherit
}

strong,
b {
    font-weight: bold;
    line-height: inherit
}

small {
    font-size: 60%;
    line-height: inherit
}

code {
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    font-weight: normal;
    color: #333;
    background-color: #f8f8f8;
    border-width: 1px;
    border-style: solid;
    border-color: #dfdfdf;
    padding: .125rem .3125rem .0625rem
}

ul,
ol,
dl {
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 1.25rem;
    list-style-position: outside;
    font-family: inherit
}

ul {
    margin-left: 1.1rem
}

ul.no-bullet {
    margin-left: 0
}

ul.no-bullet li ul,
ul.no-bullet li ol {
    margin-left: 1.25rem;
    margin-bottom: 0;
    list-style: none
}

ul li ul,
ul li ol {
    margin-left: 1.25rem;
    margin-bottom: 0
}

ul.square li ul,
ul.circle li ul,
ul.disc li ul {
    list-style: inherit
}

ul.square {
    list-style-type: square;
    margin-left: 1.1rem
}

ul.circle {
    list-style-type: circle;
    margin-left: 1.1rem
}

ul.disc {
    list-style-type: disc;
    margin-left: 1.1rem
}

ul.no-bullet {
    list-style: none
}

ol {
    margin-left: 1.4rem
}

ol li ul,
ol li ol {
    margin-left: 1.25rem;
    margin-bottom: 0
}

dl dt {
    margin-bottom: .3rem;
    font-weight: bold
}

dl dd {
    margin-bottom: .75rem
}

abbr,
acronym {
    text-transform: uppercase;
    font-size: 90%;
    color: #222;
    cursor: help
}

abbr {
    text-transform: none
}

abbr[title] {
    border-bottom: 1px dotted #ddd
}

blockquote {
    margin: 0 0 1.25rem;
    padding: .5625rem 1.25rem 0 1.1875rem;
    border-left: 1px solid #ddd
}

blockquote cite {
    display: block;
    font-size: .8125rem;
    color: #555
}

blockquote cite:before {
    content: "\2014 \0020"
}

blockquote cite a,
blockquote cite a:visited {
    color: #555
}

blockquote,
blockquote p {
    line-height: 1.6;
    color: #6f6f6f
}

.vcard {
    display: inline-block;
    margin: 0 0 1.25rem 0;
    border: 1px solid #ddd;
    padding: .625rem .75rem
}

.vcard li {
    margin: 0;
    display: block
}

.vcard .fn {
    font-weight: bold;
    font-size: .9375rem
}

.vevent .summary {
    font-weight: bold
}

.vevent abbr {
    cursor: default;
    text-decoration: none;
    font-weight: bold;
    border: none;
    padding: 0 .0625rem
}

@media only screen and (min-width: 30em) {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        line-height: 1.4
    }
    h1 {
        font-size: 2.75rem
    }
    h2 {
        font-size: 2.3125rem
    }
    h3 {
        font-size: 1.6875rem
    }
    h4 {
        font-size: 1.4375rem
    }
    h5 {
        font-size: 1.125rem
    }
    h6 {
        font-size: 1rem
    }
}

.print-only {
    display: none !important
}

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: ""
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    tr,
    img {
        page-break-inside: avoid
    }
    img {
        max-width: 100% !important
    }
    @page {
        margin: 0.5cm
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    .hide-on-print {
        display: none !important
    }
    .print-only {
        display: block !important
    }
    .hide-for-print {
        display: none !important
    }
    .show-for-print {
        display: inherit !important
    }
}

@media only screen {
    .show-for-small-only,
    .show-for-small-up,
    .show-for-small,
    .show-for-small-down,
    .hide-for-medium-only,
    .hide-for-medium-up,
    .hide-for-medium,
    .show-for-medium-down,
    .hide-for-large-only,
    .hide-for-large-up,
    .hide-for-large,
    .show-for-large-down,
    .hide-for-xlarge-only,
    .hide-for-xlarge-up,
    .hide-for-xlarge,
    .show-for-xlarge-down,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .hide-for-xxlarge,
    .show-for-xxlarge-down {
        display: inherit !important
    }
    .hide-for-small-only,
    .hide-for-small-up,
    .hide-for-small,
    .hide-for-small-down,
    .show-for-medium-only,
    .show-for-medium-up,
    .show-for-medium,
    .hide-for-medium-down,
    .show-for-large-only,
    .show-for-large-up,
    .show-for-large,
    .hide-for-large-down,
    .show-for-xlarge-only,
    .show-for-xlarge-up,
    .show-for-xlarge,
    .hide-for-xlarge-down,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up,
    .show-for-xxlarge,
    .hide-for-xxlarge-down {
        display: none !important
    }
    .visible-for-small-only,
    .visible-for-small-up,
    .visible-for-small,
    .visible-for-small-down,
    .hidden-for-medium-only,
    .hidden-for-medium-up,
    .hidden-for-medium,
    .visible-for-medium-down,
    .hidden-for-large-only,
    .hidden-for-large-up,
    .hidden-for-large,
    .visible-for-large-down,
    .hidden-for-xlarge-only,
    .hidden-for-xlarge-up,
    .hidden-for-xlarge,
    .visible-for-xlarge-down,
    .hidden-for-xxlarge-only,
    .hidden-for-xxlarge-up,
    .hidden-for-xxlarge,
    .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }
    .hidden-for-small-only,
    .hidden-for-small-up,
    .hidden-for-small,
    .hidden-for-small-down,
    .visible-for-medium-only,
    .visible-for-medium-up,
    .visible-for-medium,
    .hidden-for-medium-down,
    .visible-for-large-only,
    .visible-for-large-up,
    .visible-for-large,
    .hidden-for-large-down,
    .visible-for-xlarge-only,
    .visible-for-xlarge-up,
    .visible-for-xlarge,
    .hidden-for-xlarge-down,
    .visible-for-xxlarge-only,
    .visible-for-xxlarge-up,
    .visible-for-xxlarge,
    .hidden-for-xxlarge-down {
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px)
    }
    table.show-for-small-only,
    table.show-for-small-up,
    table.show-for-small,
    table.show-for-small-down,
    table.hide-for-medium-only,
    table.hide-for-medium-up,
    table.hide-for-medium,
    table.show-for-medium-down,
    table.hide-for-large-only,
    table.hide-for-large-up,
    table.hide-for-large,
    table.show-for-large-down,
    table.hide-for-xlarge-only,
    table.hide-for-xlarge-up,
    table.hide-for-xlarge,
    table.show-for-xlarge-down,
    table.hide-for-xxlarge-only,
    table.hide-for-xxlarge-up,
    table.hide-for-xxlarge,
    table.show-for-xxlarge-down {
        display: table !important
    }
    thead.show-for-small-only,
    thead.show-for-small-up,
    thead.show-for-small,
    thead.show-for-small-down,
    thead.hide-for-medium-only,
    thead.hide-for-medium-up,
    thead.hide-for-medium,
    thead.show-for-medium-down,
    thead.hide-for-large-only,
    thead.hide-for-large-up,
    thead.hide-for-large,
    thead.show-for-large-down,
    thead.hide-for-xlarge-only,
    thead.hide-for-xlarge-up,
    thead.hide-for-xlarge,
    thead.show-for-xlarge-down,
    thead.hide-for-xxlarge-only,
    thead.hide-for-xxlarge-up,
    thead.hide-for-xxlarge,
    thead.show-for-xxlarge-down {
        display: table-header-group !important
    }
    tbody.show-for-small-only,
    tbody.show-for-small-up,
    tbody.show-for-small,
    tbody.show-for-small-down,
    tbody.hide-for-medium-only,
    tbody.hide-for-medium-up,
    tbody.hide-for-medium,
    tbody.show-for-medium-down,
    tbody.hide-for-large-only,
    tbody.hide-for-large-up,
    tbody.hide-for-large,
    tbody.show-for-large-down,
    tbody.hide-for-xlarge-only,
    tbody.hide-for-xlarge-up,
    tbody.hide-for-xlarge,
    tbody.show-for-xlarge-down,
    tbody.hide-for-xxlarge-only,
    tbody.hide-for-xxlarge-up,
    tbody.hide-for-xxlarge,
    tbody.show-for-xxlarge-down {
        display: table-row-group !important
    }
    tr.show-for-small-only,
    tr.show-for-small-up,
    tr.show-for-small,
    tr.show-for-small-down,
    tr.hide-for-medium-only,
    tr.hide-for-medium-up,
    tr.hide-for-medium,
    tr.show-for-medium-down,
    tr.hide-for-large-only,
    tr.hide-for-large-up,
    tr.hide-for-large,
    tr.show-for-large-down,
    tr.hide-for-xlarge-only,
    tr.hide-for-xlarge-up,
    tr.hide-for-xlarge,
    tr.show-for-xlarge-down,
    tr.hide-for-xxlarge-only,
    tr.hide-for-xxlarge-up,
    tr.hide-for-xxlarge,
    tr.show-for-xxlarge-down {
        display: table-row !important
    }
    th.show-for-small-only,
    td.show-for-small-only,
    th.show-for-small-up,
    td.show-for-small-up,
    th.show-for-small,
    td.show-for-small,
    th.show-for-small-down,
    td.show-for-small-down,
    th.hide-for-medium-only,
    td.hide-for-medium-only,
    th.hide-for-medium-up,
    td.hide-for-medium-up,
    th.hide-for-medium,
    td.hide-for-medium,
    th.show-for-medium-down,
    td.show-for-medium-down,
    th.hide-for-large-only,
    td.hide-for-large-only,
    th.hide-for-large-up,
    td.hide-for-large-up,
    th.hide-for-large,
    td.hide-for-large,
    th.show-for-large-down,
    td.show-for-large-down,
    th.hide-for-xlarge-only,
    td.hide-for-xlarge-only,
    th.hide-for-xlarge-up,
    td.hide-for-xlarge-up,
    th.hide-for-xlarge,
    td.hide-for-xlarge,
    th.show-for-xlarge-down,
    td.show-for-xlarge-down,
    th.hide-for-xxlarge-only,
    td.hide-for-xxlarge-only,
    th.hide-for-xxlarge-up,
    td.hide-for-xxlarge-up,
    th.hide-for-xxlarge,
    td.hide-for-xxlarge,
    th.show-for-xxlarge-down,
    td.show-for-xxlarge-down {
        display: table-cell !important
    }
}

@media only screen and (min-width: 30em) {
    .hide-for-small-only,
    .show-for-small-up,
    .hide-for-small,
    .hide-for-small-down,
    .show-for-medium-only,
    .show-for-medium-up,
    .show-for-medium,
    .show-for-medium-down,
    .hide-for-large-only,
    .hide-for-large-up,
    .hide-for-large,
    .show-for-large-down,
    .hide-for-xlarge-only,
    .hide-for-xlarge-up,
    .hide-for-xlarge,
    .show-for-xlarge-down,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .hide-for-xxlarge,
    .show-for-xxlarge-down {
        display: inherit !important
    }
    .show-for-small-only,
    .hide-for-small-up,
    .show-for-small,
    .show-for-small-down,
    .hide-for-medium-only,
    .hide-for-medium-up,
    .hide-for-medium,
    .hide-for-medium-down,
    .show-for-large-only,
    .show-for-large-up,
    .show-for-large,
    .hide-for-large-down,
    .show-for-xlarge-only,
    .show-for-xlarge-up,
    .show-for-xlarge,
    .hide-for-xlarge-down,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up,
    .show-for-xxlarge,
    .hide-for-xxlarge-down {
        display: none !important
    }
    .hidden-for-small-only,
    .visible-for-small-up,
    .hidden-for-small,
    .hidden-for-small-down,
    .visible-for-medium-only,
    .visible-for-medium-up,
    .visible-for-medium,
    .visible-for-medium-down,
    .hidden-for-large-only,
    .hidden-for-large-up,
    .hidden-for-large,
    .visible-for-large-down,
    .hidden-for-xlarge-only,
    .hidden-for-xlarge-up,
    .hidden-for-xlarge,
    .visible-for-xlarge-down,
    .hidden-for-xxlarge-only,
    .hidden-for-xxlarge-up,
    .hidden-for-xxlarge,
    .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }
    .visible-for-small-only,
    .hidden-for-small-up,
    .visible-for-small,
    .visible-for-small-down,
    .hidden-for-medium-only,
    .hidden-for-medium-up,
    .hidden-for-medium,
    .hidden-for-medium-down,
    .visible-for-large-only,
    .visible-for-large-up,
    .visible-for-large,
    .hidden-for-large-down,
    .visible-for-xlarge-only,
    .visible-for-xlarge-up,
    .visible-for-xlarge,
    .hidden-for-xlarge-down,
    .visible-for-xxlarge-only,
    .visible-for-xxlarge-up,
    .visible-for-xxlarge,
    .hidden-for-xxlarge-down {
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px)
    }
    table.hide-for-small-only,
    table.show-for-small-up,
    table.hide-for-small,
    table.hide-for-small-down,
    table.show-for-medium-only,
    table.show-for-medium-up,
    table.show-for-medium,
    table.show-for-medium-down,
    table.hide-for-large-only,
    table.hide-for-large-up,
    table.hide-for-large,
    table.show-for-large-down,
    table.hide-for-xlarge-only,
    table.hide-for-xlarge-up,
    table.hide-for-xlarge,
    table.show-for-xlarge-down,
    table.hide-for-xxlarge-only,
    table.hide-for-xxlarge-up,
    table.hide-for-xxlarge,
    table.show-for-xxlarge-down {
        display: table !important
    }
    thead.hide-for-small-only,
    thead.show-for-small-up,
    thead.hide-for-small,
    thead.hide-for-small-down,
    thead.show-for-medium-only,
    thead.show-for-medium-up,
    thead.show-for-medium,
    thead.show-for-medium-down,
    thead.hide-for-large-only,
    thead.hide-for-large-up,
    thead.hide-for-large,
    thead.show-for-large-down,
    thead.hide-for-xlarge-only,
    thead.hide-for-xlarge-up,
    thead.hide-for-xlarge,
    thead.show-for-xlarge-down,
    thead.hide-for-xxlarge-only,
    thead.hide-for-xxlarge-up,
    thead.hide-for-xxlarge,
    thead.show-for-xxlarge-down {
        display: table-header-group !important
    }
    tbody.hide-for-small-only,
    tbody.show-for-small-up,
    tbody.hide-for-small,
    tbody.hide-for-small-down,
    tbody.show-for-medium-only,
    tbody.show-for-medium-up,
    tbody.show-for-medium,
    tbody.show-for-medium-down,
    tbody.hide-for-large-only,
    tbody.hide-for-large-up,
    tbody.hide-for-large,
    tbody.show-for-large-down,
    tbody.hide-for-xlarge-only,
    tbody.hide-for-xlarge-up,
    tbody.hide-for-xlarge,
    tbody.show-for-xlarge-down,
    tbody.hide-for-xxlarge-only,
    tbody.hide-for-xxlarge-up,
    tbody.hide-for-xxlarge,
    tbody.show-for-xxlarge-down {
        display: table-row-group !important
    }
    tr.hide-for-small-only,
    tr.show-for-small-up,
    tr.hide-for-small,
    tr.hide-for-small-down,
    tr.show-for-medium-only,
    tr.show-for-medium-up,
    tr.show-for-medium,
    tr.show-for-medium-down,
    tr.hide-for-large-only,
    tr.hide-for-large-up,
    tr.hide-for-large,
    tr.show-for-large-down,
    tr.hide-for-xlarge-only,
    tr.hide-for-xlarge-up,
    tr.hide-for-xlarge,
    tr.show-for-xlarge-down,
    tr.hide-for-xxlarge-only,
    tr.hide-for-xxlarge-up,
    tr.hide-for-xxlarge,
    tr.show-for-xxlarge-down {
        display: table-row !important
    }
    th.hide-for-small-only,
    td.hide-for-small-only,
    th.show-for-small-up,
    td.show-for-small-up,
    th.hide-for-small,
    td.hide-for-small,
    th.hide-for-small-down,
    td.hide-for-small-down,
    th.show-for-medium-only,
    td.show-for-medium-only,
    th.show-for-medium-up,
    td.show-for-medium-up,
    th.show-for-medium,
    td.show-for-medium,
    th.show-for-medium-down,
    td.show-for-medium-down,
    th.hide-for-large-only,
    td.hide-for-large-only,
    th.hide-for-large-up,
    td.hide-for-large-up,
    th.hide-for-large,
    td.hide-for-large,
    th.show-for-large-down,
    td.show-for-large-down,
    th.hide-for-xlarge-only,
    td.hide-for-xlarge-only,
    th.hide-for-xlarge-up,
    td.hide-for-xlarge-up,
    th.hide-for-xlarge,
    td.hide-for-xlarge,
    th.show-for-xlarge-down,
    td.show-for-xlarge-down,
    th.hide-for-xxlarge-only,
    td.hide-for-xxlarge-only,
    th.hide-for-xxlarge-up,
    td.hide-for-xxlarge-up,
    th.hide-for-xxlarge,
    td.hide-for-xxlarge,
    th.show-for-xxlarge-down,
    td.show-for-xxlarge-down {
        display: table-cell !important
    }
}

@media only screen and (min-width: 42em) {
    .hide-for-small-only,
    .show-for-small-up,
    .hide-for-small,
    .hide-for-small-down,
    .hide-for-medium-only,
    .show-for-medium-up,
    .hide-for-medium,
    .hide-for-medium-down,
    .show-for-large-only,
    .show-for-large-up,
    .show-for-large,
    .show-for-large-down,
    .hide-for-xlarge-only,
    .hide-for-xlarge-up,
    .hide-for-xlarge,
    .show-for-xlarge-down,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .hide-for-xxlarge,
    .show-for-xxlarge-down {
        display: inherit !important
    }
    .show-for-small-only,
    .hide-for-small-up,
    .show-for-small,
    .show-for-small-down,
    .show-for-medium-only,
    .hide-for-medium-up,
    .show-for-medium,
    .show-for-medium-down,
    .hide-for-large-only,
    .hide-for-large-up,
    .hide-for-large,
    .hide-for-large-down,
    .show-for-xlarge-only,
    .show-for-xlarge-up,
    .show-for-xlarge,
    .hide-for-xlarge-down,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up,
    .show-for-xxlarge,
    .hide-for-xxlarge-down {
        display: none !important
    }
    .hidden-for-small-only,
    .visible-for-small-up,
    .hidden-for-small,
    .hidden-for-small-down,
    .hidden-for-medium-only,
    .visible-for-medium-up,
    .hidden-for-medium,
    .hidden-for-medium-down,
    .visible-for-large-only,
    .visible-for-large-up,
    .visible-for-large,
    .visible-for-large-down,
    .hidden-for-xlarge-only,
    .hidden-for-xlarge-up,
    .hidden-for-xlarge,
    .visible-for-xlarge-down,
    .hidden-for-xxlarge-only,
    .hidden-for-xxlarge-up,
    .hidden-for-xxlarge,
    .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }
    .visible-for-small-only,
    .hidden-for-small-up,
    .visible-for-small,
    .visible-for-small-down,
    .visible-for-medium-only,
    .hidden-for-medium-up,
    .visible-for-medium,
    .visible-for-medium-down,
    .hidden-for-large-only,
    .hidden-for-large-up,
    .hidden-for-large,
    .hidden-for-large-down,
    .visible-for-xlarge-only,
    .visible-for-xlarge-up,
    .visible-for-xlarge,
    .hidden-for-xlarge-down,
    .visible-for-xxlarge-only,
    .visible-for-xxlarge-up,
    .visible-for-xxlarge,
    .hidden-for-xxlarge-down {
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px)
    }
    table.hide-for-small-only,
    table.show-for-small-up,
    table.hide-for-small,
    table.hide-for-small-down,
    table.hide-for-medium-only,
    table.show-for-medium-up,
    table.hide-for-medium,
    table.hide-for-medium-down,
    table.show-for-large-only,
    table.show-for-large-up,
    table.show-for-large,
    table.show-for-large-down,
    table.hide-for-xlarge-only,
    table.hide-for-xlarge-up,
    table.hide-for-xlarge,
    table.show-for-xlarge-down,
    table.hide-for-xxlarge-only,
    table.hide-for-xxlarge-up,
    table.hide-for-xxlarge,
    table.show-for-xxlarge-down {
        display: table !important
    }
    thead.hide-for-small-only,
    thead.show-for-small-up,
    thead.hide-for-small,
    thead.hide-for-small-down,
    thead.hide-for-medium-only,
    thead.show-for-medium-up,
    thead.hide-for-medium,
    thead.hide-for-medium-down,
    thead.show-for-large-only,
    thead.show-for-large-up,
    thead.show-for-large,
    thead.show-for-large-down,
    thead.hide-for-xlarge-only,
    thead.hide-for-xlarge-up,
    thead.hide-for-xlarge,
    thead.show-for-xlarge-down,
    thead.hide-for-xxlarge-only,
    thead.hide-for-xxlarge-up,
    thead.hide-for-xxlarge,
    thead.show-for-xxlarge-down {
        display: table-header-group !important
    }
    tbody.hide-for-small-only,
    tbody.show-for-small-up,
    tbody.hide-for-small,
    tbody.hide-for-small-down,
    tbody.hide-for-medium-only,
    tbody.show-for-medium-up,
    tbody.hide-for-medium,
    tbody.hide-for-medium-down,
    tbody.show-for-large-only,
    tbody.show-for-large-up,
    tbody.show-for-large,
    tbody.show-for-large-down,
    tbody.hide-for-xlarge-only,
    tbody.hide-for-xlarge-up,
    tbody.hide-for-xlarge,
    tbody.show-for-xlarge-down,
    tbody.hide-for-xxlarge-only,
    tbody.hide-for-xxlarge-up,
    tbody.hide-for-xxlarge,
    tbody.show-for-xxlarge-down {
        display: table-row-group !important
    }
    tr.hide-for-small-only,
    tr.show-for-small-up,
    tr.hide-for-small,
    tr.hide-for-small-down,
    tr.hide-for-medium-only,
    tr.show-for-medium-up,
    tr.hide-for-medium,
    tr.hide-for-medium-down,
    tr.show-for-large-only,
    tr.show-for-large-up,
    tr.show-for-large,
    tr.show-for-large-down,
    tr.hide-for-xlarge-only,
    tr.hide-for-xlarge-up,
    tr.hide-for-xlarge,
    tr.show-for-xlarge-down,
    tr.hide-for-xxlarge-only,
    tr.hide-for-xxlarge-up,
    tr.hide-for-xxlarge,
    tr.show-for-xxlarge-down {
        display: table-row !important
    }
    th.hide-for-small-only,
    td.hide-for-small-only,
    th.show-for-small-up,
    td.show-for-small-up,
    th.hide-for-small,
    td.hide-for-small,
    th.hide-for-small-down,
    td.hide-for-small-down,
    th.hide-for-medium-only,
    td.hide-for-medium-only,
    th.show-for-medium-up,
    td.show-for-medium-up,
    th.hide-for-medium,
    td.hide-for-medium,
    th.hide-for-medium-down,
    td.hide-for-medium-down,
    th.show-for-large-only,
    td.show-for-large-only,
    th.show-for-large-up,
    td.show-for-large-up,
    th.show-for-large,
    td.show-for-large,
    th.show-for-large-down,
    td.show-for-large-down,
    th.hide-for-xlarge-only,
    td.hide-for-xlarge-only,
    th.hide-for-xlarge-up,
    td.hide-for-xlarge-up,
    th.hide-for-xlarge,
    td.hide-for-xlarge,
    th.show-for-xlarge-down,
    td.show-for-xlarge-down,
    th.hide-for-xxlarge-only,
    td.hide-for-xxlarge-only,
    th.hide-for-xxlarge-up,
    td.hide-for-xxlarge-up,
    th.hide-for-xxlarge,
    td.hide-for-xxlarge,
    th.show-for-xxlarge-down,
    td.show-for-xxlarge-down {
        display: table-cell !important
    }
}

@media only screen and (min-width: 62.5em) {
    .hide-for-small-only,
    .show-for-small-up,
    .hide-for-small,
    .hide-for-small-down,
    .hide-for-medium-only,
    .show-for-medium-up,
    .hide-for-medium,
    .hide-for-medium-down,
    .hide-for-large-only,
    .show-for-large-up,
    .hide-for-large,
    .hide-for-large-down,
    .show-for-xlarge-only,
    .show-for-xlarge-up,
    .show-for-xlarge,
    .show-for-xlarge-down,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .hide-for-xxlarge,
    .show-for-xxlarge-down {
        display: inherit !important
    }
    .show-for-small-only,
    .hide-for-small-up,
    .show-for-small,
    .show-for-small-down,
    .show-for-medium-only,
    .hide-for-medium-up,
    .show-for-medium,
    .show-for-medium-down,
    .show-for-large-only,
    .hide-for-large-up,
    .show-for-large,
    .show-for-large-down,
    .hide-for-xlarge-only,
    .hide-for-xlarge-up,
    .hide-for-xlarge,
    .hide-for-xlarge-down,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up,
    .show-for-xxlarge,
    .hide-for-xxlarge-down {
        display: none !important
    }
    .hidden-for-small-only,
    .visible-for-small-up,
    .hidden-for-small,
    .hidden-for-small-down,
    .hidden-for-medium-only,
    .visible-for-medium-up,
    .hidden-for-medium,
    .hidden-for-medium-down,
    .hidden-for-large-only,
    .visible-for-large-up,
    .hidden-for-large,
    .hidden-for-large-down,
    .visible-for-xlarge-only,
    .visible-for-xlarge-up,
    .visible-for-xlarge,
    .visible-for-xlarge-down,
    .hidden-for-xxlarge-only,
    .hidden-for-xxlarge-up,
    .hidden-for-xxlarge,
    .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }
    .visible-for-small-only,
    .hidden-for-small-up,
    .visible-for-small,
    .visible-for-small-down,
    .visible-for-medium-only,
    .hidden-for-medium-up,
    .visible-for-medium,
    .visible-for-medium-down,
    .visible-for-large-only,
    .hidden-for-large-up,
    .visible-for-large,
    .visible-for-large-down,
    .hidden-for-xlarge-only,
    .hidden-for-xlarge-up,
    .hidden-for-xlarge,
    .hidden-for-xlarge-down,
    .visible-for-xxlarge-only,
    .visible-for-xxlarge-up,
    .visible-for-xxlarge,
    .hidden-for-xxlarge-down {
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px)
    }
    table.hide-for-small-only,
    table.show-for-small-up,
    table.hide-for-small,
    table.hide-for-small-down,
    table.hide-for-medium-only,
    table.show-for-medium-up,
    table.hide-for-medium,
    table.hide-for-medium-down,
    table.hide-for-large-only,
    table.show-for-large-up,
    table.hide-for-large,
    table.hide-for-large-down,
    table.show-for-xlarge-only,
    table.show-for-xlarge-up,
    table.show-for-xlarge,
    table.show-for-xlarge-down,
    table.hide-for-xxlarge-only,
    table.hide-for-xxlarge-up,
    table.hide-for-xxlarge,
    table.show-for-xxlarge-down {
        display: table !important
    }
    thead.hide-for-small-only,
    thead.show-for-small-up,
    thead.hide-for-small,
    thead.hide-for-small-down,
    thead.hide-for-medium-only,
    thead.show-for-medium-up,
    thead.hide-for-medium,
    thead.hide-for-medium-down,
    thead.hide-for-large-only,
    thead.show-for-large-up,
    thead.hide-for-large,
    thead.hide-for-large-down,
    thead.show-for-xlarge-only,
    thead.show-for-xlarge-up,
    thead.show-for-xlarge,
    thead.show-for-xlarge-down,
    thead.hide-for-xxlarge-only,
    thead.hide-for-xxlarge-up,
    thead.hide-for-xxlarge,
    thead.show-for-xxlarge-down {
        display: table-header-group !important
    }
    tbody.hide-for-small-only,
    tbody.show-for-small-up,
    tbody.hide-for-small,
    tbody.hide-for-small-down,
    tbody.hide-for-medium-only,
    tbody.show-for-medium-up,
    tbody.hide-for-medium,
    tbody.hide-for-medium-down,
    tbody.hide-for-large-only,
    tbody.show-for-large-up,
    tbody.hide-for-large,
    tbody.hide-for-large-down,
    tbody.show-for-xlarge-only,
    tbody.show-for-xlarge-up,
    tbody.show-for-xlarge,
    tbody.show-for-xlarge-down,
    tbody.hide-for-xxlarge-only,
    tbody.hide-for-xxlarge-up,
    tbody.hide-for-xxlarge,
    tbody.show-for-xxlarge-down {
        display: table-row-group !important
    }
    tr.hide-for-small-only,
    tr.show-for-small-up,
    tr.hide-for-small,
    tr.hide-for-small-down,
    tr.hide-for-medium-only,
    tr.show-for-medium-up,
    tr.hide-for-medium,
    tr.hide-for-medium-down,
    tr.hide-for-large-only,
    tr.show-for-large-up,
    tr.hide-for-large,
    tr.hide-for-large-down,
    tr.show-for-xlarge-only,
    tr.show-for-xlarge-up,
    tr.show-for-xlarge,
    tr.show-for-xlarge-down,
    tr.hide-for-xxlarge-only,
    tr.hide-for-xxlarge-up,
    tr.hide-for-xxlarge,
    tr.show-for-xxlarge-down {
        display: table-row !important
    }
    th.hide-for-small-only,
    td.hide-for-small-only,
    th.show-for-small-up,
    td.show-for-small-up,
    th.hide-for-small,
    td.hide-for-small,
    th.hide-for-small-down,
    td.hide-for-small-down,
    th.hide-for-medium-only,
    td.hide-for-medium-only,
    th.show-for-medium-up,
    td.show-for-medium-up,
    th.hide-for-medium,
    td.hide-for-medium,
    th.hide-for-medium-down,
    td.hide-for-medium-down,
    th.hide-for-large-only,
    td.hide-for-large-only,
    th.show-for-large-up,
    td.show-for-large-up,
    th.hide-for-large,
    td.hide-for-large,
    th.hide-for-large-down,
    td.hide-for-large-down,
    th.show-for-xlarge-only,
    td.show-for-xlarge-only,
    th.show-for-xlarge-up,
    td.show-for-xlarge-up,
    th.show-for-xlarge,
    td.show-for-xlarge,
    th.show-for-xlarge-down,
    td.show-for-xlarge-down,
    th.hide-for-xxlarge-only,
    td.hide-for-xxlarge-only,
    th.hide-for-xxlarge-up,
    td.hide-for-xxlarge-up,
    th.hide-for-xxlarge,
    td.hide-for-xxlarge,
    th.show-for-xxlarge-down,
    td.show-for-xxlarge-down {
        display: table-cell !important
    }
}

@media only screen and (min-width: 240.063em) {
    .hide-for-small-only,
    .show-for-small-up,
    .hide-for-small,
    .hide-for-small-down,
    .hide-for-medium-only,
    .show-for-medium-up,
    .hide-for-medium,
    .hide-for-medium-down,
    .hide-for-large-only,
    .show-for-large-up,
    .hide-for-large,
    .hide-for-large-down,
    .hide-for-xlarge-only,
    .show-for-xlarge-up,
    .hide-for-xlarge,
    .hide-for-xlarge-down,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up,
    .show-for-xxlarge,
    .show-for-xxlarge-down {
        display: inherit !important
    }
    .show-for-small-only,
    .hide-for-small-up,
    .show-for-small,
    .show-for-small-down,
    .show-for-medium-only,
    .hide-for-medium-up,
    .show-for-medium,
    .show-for-medium-down,
    .show-for-large-only,
    .hide-for-large-up,
    .show-for-large,
    .show-for-large-down,
    .show-for-xlarge-only,
    .hide-for-xlarge-up,
    .show-for-xlarge,
    .show-for-xlarge-down,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .hide-for-xxlarge,
    .hide-for-xxlarge-down {
        display: none !important
    }
    .hidden-for-small-only,
    .visible-for-small-up,
    .hidden-for-small,
    .hidden-for-small-down,
    .hidden-for-medium-only,
    .visible-for-medium-up,
    .hidden-for-medium,
    .hidden-for-medium-down,
    .hidden-for-large-only,
    .visible-for-large-up,
    .hidden-for-large,
    .hidden-for-large-down,
    .hidden-for-xlarge-only,
    .visible-for-xlarge-up,
    .hidden-for-xlarge,
    .hidden-for-xlarge-down,
    .visible-for-xxlarge-only,
    .visible-for-xxlarge-up,
    .visible-for-xxlarge,
    .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }
    .visible-for-small-only,
    .hidden-for-small-up,
    .visible-for-small,
    .visible-for-small-down,
    .visible-for-medium-only,
    .hidden-for-medium-up,
    .visible-for-medium,
    .visible-for-medium-down,
    .visible-for-large-only,
    .hidden-for-large-up,
    .visible-for-large,
    .visible-for-large-down,
    .visible-for-xlarge-only,
    .hidden-for-xlarge-up,
    .visible-for-xlarge,
    .visible-for-xlarge-down,
    .hidden-for-xxlarge-only,
    .hidden-for-xxlarge-up,
    .hidden-for-xxlarge,
    .hidden-for-xxlarge-down {
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px)
    }
    table.hide-for-small-only,
    table.show-for-small-up,
    table.hide-for-small,
    table.hide-for-small-down,
    table.hide-for-medium-only,
    table.show-for-medium-up,
    table.hide-for-medium,
    table.hide-for-medium-down,
    table.hide-for-large-only,
    table.show-for-large-up,
    table.hide-for-large,
    table.hide-for-large-down,
    table.hide-for-xlarge-only,
    table.show-for-xlarge-up,
    table.hide-for-xlarge,
    table.hide-for-xlarge-down,
    table.show-for-xxlarge-only,
    table.show-for-xxlarge-up,
    table.show-for-xxlarge,
    table.show-for-xxlarge-down {
        display: table !important
    }
    thead.hide-for-small-only,
    thead.show-for-small-up,
    thead.hide-for-small,
    thead.hide-for-small-down,
    thead.hide-for-medium-only,
    thead.show-for-medium-up,
    thead.hide-for-medium,
    thead.hide-for-medium-down,
    thead.hide-for-large-only,
    thead.show-for-large-up,
    thead.hide-for-large,
    thead.hide-for-large-down,
    thead.hide-for-xlarge-only,
    thead.show-for-xlarge-up,
    thead.hide-for-xlarge,
    thead.hide-for-xlarge-down,
    thead.show-for-xxlarge-only,
    thead.show-for-xxlarge-up,
    thead.show-for-xxlarge,
    thead.show-for-xxlarge-down {
        display: table-header-group !important
    }
    tbody.hide-for-small-only,
    tbody.show-for-small-up,
    tbody.hide-for-small,
    tbody.hide-for-small-down,
    tbody.hide-for-medium-only,
    tbody.show-for-medium-up,
    tbody.hide-for-medium,
    tbody.hide-for-medium-down,
    tbody.hide-for-large-only,
    tbody.show-for-large-up,
    tbody.hide-for-large,
    tbody.hide-for-large-down,
    tbody.hide-for-xlarge-only,
    tbody.show-for-xlarge-up,
    tbody.hide-for-xlarge,
    tbody.hide-for-xlarge-down,
    tbody.show-for-xxlarge-only,
    tbody.show-for-xxlarge-up,
    tbody.show-for-xxlarge,
    tbody.show-for-xxlarge-down {
        display: table-row-group !important
    }
    tr.hide-for-small-only,
    tr.show-for-small-up,
    tr.hide-for-small,
    tr.hide-for-small-down,
    tr.hide-for-medium-only,
    tr.show-for-medium-up,
    tr.hide-for-medium,
    tr.hide-for-medium-down,
    tr.hide-for-large-only,
    tr.show-for-large-up,
    tr.hide-for-large,
    tr.hide-for-large-down,
    tr.hide-for-xlarge-only,
    tr.show-for-xlarge-up,
    tr.hide-for-xlarge,
    tr.hide-for-xlarge-down,
    tr.show-for-xxlarge-only,
    tr.show-for-xxlarge-up,
    tr.show-for-xxlarge,
    tr.show-for-xxlarge-down {
        display: table-row !important
    }
    th.hide-for-small-only,
    td.hide-for-small-only,
    th.show-for-small-up,
    td.show-for-small-up,
    th.hide-for-small,
    td.hide-for-small,
    th.hide-for-small-down,
    td.hide-for-small-down,
    th.hide-for-medium-only,
    td.hide-for-medium-only,
    th.show-for-medium-up,
    td.show-for-medium-up,
    th.hide-for-medium,
    td.hide-for-medium,
    th.hide-for-medium-down,
    td.hide-for-medium-down,
    th.hide-for-large-only,
    td.hide-for-large-only,
    th.show-for-large-up,
    td.show-for-large-up,
    th.hide-for-large,
    td.hide-for-large,
    th.hide-for-large-down,
    td.hide-for-large-down,
    th.hide-for-xlarge-only,
    td.hide-for-xlarge-only,
    th.show-for-xlarge-up,
    td.show-for-xlarge-up,
    th.hide-for-xlarge,
    td.hide-for-xlarge,
    th.hide-for-xlarge-down,
    td.hide-for-xlarge-down,
    th.show-for-xxlarge-only,
    td.show-for-xxlarge-only,
    th.show-for-xxlarge-up,
    td.show-for-xxlarge-up,
    th.show-for-xxlarge,
    td.show-for-xxlarge,
    th.show-for-xxlarge-down,
    td.show-for-xxlarge-down {
        display: table-cell !important
    }
}

.show-for-landscape,
.hide-for-portrait {
    display: inherit !important
}

.hide-for-landscape,
.show-for-portrait {
    display: none !important
}

table.hide-for-landscape,
table.show-for-portrait {
    display: table !important
}

thead.hide-for-landscape,
thead.show-for-portrait {
    display: table-header-group !important
}

tbody.hide-for-landscape,
tbody.show-for-portrait {
    display: table-row-group !important
}

tr.hide-for-landscape,
tr.show-for-portrait {
    display: table-row !important
}

td.hide-for-landscape,
td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
    display: table-cell !important
}

@media only screen and (orientation: landscape) {
    .show-for-landscape,
    .hide-for-portrait {
        display: inherit !important
    }
    .hide-for-landscape,
    .show-for-portrait {
        display: none !important
    }
    table.show-for-landscape,
    table.hide-for-portrait {
        display: table !important
    }
    thead.show-for-landscape,
    thead.hide-for-portrait {
        display: table-header-group !important
    }
    tbody.show-for-landscape,
    tbody.hide-for-portrait {
        display: table-row-group !important
    }
    tr.show-for-landscape,
    tr.hide-for-portrait {
        display: table-row !important
    }
    td.show-for-landscape,
    td.hide-for-portrait,
    th.show-for-landscape,
    th.hide-for-portrait {
        display: table-cell !important
    }
}

@media only screen and (orientation: portrait) {
    .show-for-portrait,
    .hide-for-landscape {
        display: inherit !important
    }
    .hide-for-portrait,
    .show-for-landscape {
        display: none !important
    }
    table.show-for-portrait,
    table.hide-for-landscape {
        display: table !important
    }
    thead.show-for-portrait,
    thead.hide-for-landscape {
        display: table-header-group !important
    }
    tbody.show-for-portrait,
    tbody.hide-for-landscape {
        display: table-row-group !important
    }
    tr.show-for-portrait,
    tr.hide-for-landscape {
        display: table-row !important
    }
    td.show-for-portrait,
    td.hide-for-landscape,
    th.show-for-portrait,
    th.hide-for-landscape {
        display: table-cell !important
    }
}

.show-for-touch {
    display: none !important
}

.hide-for-touch {
    display: inherit !important
}

.touch .show-for-touch {
    display: inherit !important
}

.touch .hide-for-touch {
    display: none !important
}

table.hide-for-touch {
    display: table !important
}

.touch table.show-for-touch {
    display: table !important
}

thead.hide-for-touch {
    display: table-header-group !important
}

.touch thead.show-for-touch {
    display: table-header-group !important
}

tbody.hide-for-touch {
    display: table-row-group !important
}

.touch tbody.show-for-touch {
    display: table-row-group !important
}

tr.hide-for-touch {
    display: table-row !important
}

.touch tr.show-for-touch {
    display: table-row !important
}

td.hide-for-touch {
    display: table-cell !important
}

.touch td.show-for-touch {
    display: table-cell !important
}

th.hide-for-touch {
    display: table-cell !important
}

.touch th.show-for-touch {
    display: table-cell !important
}

@media print {
    .show-for-print {
        display: block
    }
    .hide-for-print {
        display: none
    }
    table.show-for-print {
        display: table !important
    }
    thead.show-for-print {
        display: table-header-group !important
    }
    tbody.show-for-print {
        display: table-row-group !important
    }
    tr.show-for-print {
        display: table-row !important
    }
    td.show-for-print {
        display: table-cell !important
    }
    th.show-for-print {
        display: table-cell !important
    }
}

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

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

[hidden],
template {
    display: none
}

a {
    background: transparent
}

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

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

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

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

small {
    font-size: 80%
}

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

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

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

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

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

input {
    line-height: normal
}

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

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

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

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

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: none;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-loading .slick-list {
    background: #fff
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-track,
.slick-slide,
.slick-slide img {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    zoom: 1;
    transition: transform 300ms ease 0s
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    margin-top: -10px;
    padding: 0;
    border: none;
    outline: none
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25
}

.slick-prev:before,
.slick-next:before {
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir="rtl"] .slick-prev {
    left: auto;
    right: -25px
}

.slick-next {
    right: -25px
}

[dir="rtl"] .slick-next {
    left: -25px;
    right: auto
}

.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -45px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

.vertical-center {
    display: table;
    width: 100%
}

.vertical-center-wrapper {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.fluid-img {
    width: 100%;
    height: auto
}

.fill-img {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto
}

.align-bottom {
    position: absolute;
    bottom: 0
}

.clearfix {
    clear: both;
    margin: 0;
    padding: 0;
    font-size: .0625rem
}

.truncate.show {
    opacity: 1
}

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

.vertical-flip {
    -moz-transform: scale(1, -1);
    -webkit-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}

.butterscotch .module-name {
    color: #f7b81b
}

.white {
    color: #fff
}

.black {
    color: #000
}

.light-grey {
    color: #c2c2c2
}

.lighter-grey {
    color: #ccc
}

.dark-grey {
    color: #232323
}

.faded-grey {
    color: #4d4d4d
}

.dark-text {
    color: #232323
}

.grey {
    color: black
}

.row {
    padding: 0 .4375rem
}

@media only screen and (min-width: 42em) {
    .row {
        padding: 0 1.0625rem
    }
}

@media only screen and (min-width: 62.5em) {
    .row {
        padding: 0
    }
}

@media only screen and (min-width: 90rem) {
    body.new-home .row {
        max-width: 75rem
    }
}

.row-10-col {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 62.5rem
}

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

.row.nogutter {
    padding: 0
}

.columns.nogutter,
.column.nogutter {
    padding: 0
}

ul {
    margin: 0;
    padding: 0
}

.no-list-style,
.m-menu-link-list {
    list-style: none
}

html {
    -webkit-font-smoothing: antialiased
}

body,
h1,
h2,
h3 {
    -webkit-text-size-adjust: none;
    font-family: "Poppins", sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 300
}

b,
strong {
    font-weight: 300
}

em,
i {
    font-style: italic;
    line-height: inherit
}

.text1 {
    display: block;
    text-rendering: optimizeLegibility;
    margin-top: .2rem;
    margin-bottom: .5rem;
    line-height: 1.4;
    -webkit-text-size-adjust: none;
    font-family: "Poppins", sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 300;
    font-size: 1.125rem
}

@media only screen and (min-width: 42em) {
    .text1 {
        font-size: 1.25rem
    }
}

@media only screen and (min-width: 62.5em) {
    .text1 {
        font-size: 1.875rem;
        line-height: 2.25rem;
        margin-bottom: 1.25rem
    }
}

@media only screen and (min-width: 62.5em) {
    .text1.subheader {
        font-size: 1.5rem
    }
}

.text2 {
    display: block;
    text-rendering: optimizeLegibility;
    margin-top: .2rem;
    margin-bottom: .5rem;
    line-height: 1.4;
    -webkit-text-size-adjust: none;
    font-family: "Poppins", sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 300;
    font-size: 1.125rem
}

@media only screen and (min-width: 42em) {
    .text2 {
        font-size: 1.5rem
    }
}

@media only screen and (min-width: 42em) {
    .text2.subheader {
        font-size: 1.125rem
    }
}

.text3 {
    display: block;
    text-rendering: optimizeLegibility;
    margin-top: .2rem;
    margin-bottom: .5rem;
    line-height: 1.4;
    -webkit-text-size-adjust: none;
    font-family: "Poppins", sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 300;
    font-size: 1.0625rem
}

@media only screen and (min-width: 42em) {
    .text3 {
        font-size: 1.125rem;
        line-height: 1.375rem
    }
}

@media only screen and (min-width: 42em) {
    .text3.subheader {
        font-size: 1rem
    }
}

.text4 {
    display: block;
    text-rendering: optimizeLegibility;
    margin-top: .2rem;
    margin-bottom: .5rem;
    line-height: 1.4;
    -webkit-text-size-adjust: none;
    font-family: "Poppins", sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 300
}

@media only screen and (min-width: 42em) {
    .text4 {
        font-size: 1rem;
        line-height: 1.1875rem
    }
}

@media only screen and (min-width: 42em) {
    .text4.subheader {
        font-size: .75rem
    }
}

.text5 {
    display: block;
    text-rendering: optimizeLegibility;
    margin-top: .2rem;
    margin-bottom: .5rem;
    line-height: 1.4;
    -webkit-text-size-adjust: none;
    font-family: "Poppins", sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 300;
    font-size: .75rem
}

@media only screen and (min-width: 42em) {
    .text5.subheader {
        font-size: .5625rem
    }
}

.text6 {
    display: block;
    text-rendering: optimizeLegibility;
    margin-top: .2rem;
    margin-bottom: .5rem;
    line-height: 1.4;
    -webkit-text-size-adjust: none;
    font-family: "Poppins", sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 300;
    font-size: .625rem
}

.text6.subheader {
    font-size: .5625rem
}

.text7 {
    display: block;
    text-rendering: optimizeLegibility;
    margin-top: .2rem;
    margin-bottom: .5rem;
    line-height: 1.4;
    -webkit-text-size-adjust: none;
    font-family: "Poppins", sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 300;
    font-size: .9375rem;
    margin: 1rem auto
}

.text-header-nav {
    display: block;
    text-rendering: optimizeLegibility;
    margin-top: .2rem;
    margin-bottom: .5rem;
    line-height: 1.4;
    -webkit-text-size-adjust: none;
    font-family: "Poppins", sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 300
}

@media only screen and (min-width: 42em) {
    .text-header-nav {
        font-size: .9375rem;
        line-height: 1.1875rem
    }
}

p {
    -webkit-text-size-adjust: none;
    font-size: 1rem;
    line-height: 1.5625rem;
    font-weight: 200;
    margin-bottom: 1rem;
    font-weight: 100
}

@media only screen and (min-width: 42em) {
    p {
        line-height: 1.6875rem;
        margin-bottom: 2.5rem
    }
}

.ultra-light {
    font-weight: 100
}

.extra-light {
    font-weight: 200
}

.light {
    font-weight: 300
}

.regular {
    font-weight: 400
}

.bold {
    font-weight: 700
}

.capitalize {
    text-transform: uppercase
}

.lowercase {
    text-transform: lowercase
}

a:hover,
a:focus {
    color: rgba(255, 255, 255, 0.8)
}

input:focus,
textarea:focus,
button:focus,
.button:focus {
    outline: none;
    text-decoration: none
}

.button {
    border-radius: 1.5rem
}

button,
.button {
    padding: .625rem 2.5rem .625rem 2.5rem;
    background: #e2b05e;
    color: #000;
    font-size: .875rem;
    text-transform: uppercase;
    font-family: "Poppins", sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 300;
    -webkit-transition: background 400ms ease-in 0s, border 200ms ease-in 0s, color 200ms ease-in 0s;
    -moz-transition: background 400ms ease-in 0s, border 200ms ease-in 0s, color 200ms ease-in 0s;
    transition: background 400ms ease-in 0s, border 200ms ease-in 0s, color 200ms ease-in 0s
}

button:focus,
button:hover,
.button:focus,
.button:hover {
    background: rgba(226, 176, 94, 0.7);
    cursor: pointer
}

@media only screen and (min-width: 42em) {
    button,
    .button {
        font-size: .9375rem
    }
}

@media only screen and (min-width: 62.5em) {
    button,
    .button {
        font-size: 1.125rem
    }
}

button.large,
.button.large {
    font-size: 1rem
}

@media only screen and (min-width: 30em) {
    button.large,
    .button.large {
        font-size: 1.125rem
    }
}

@media only screen and (min-width: 62.5em) {
    button.large,
    .button.large {
        font-size: 1.5rem
    }
}

button.button,
a.button,
input.button {
    display: inline-block;
    background-color: #fff;
    border-radius: 1.5rem;
    min-width: 15rem;
    min-height: 2.75rem;
    text-transform: uppercase;
    padding: .75rem 3.4375rem;
    color: #191919;
    font-size: .875rem;
    border: none;
    text-align: center;
    -webkit-transition: background 400ms ease-in 0s, border 200ms ease-in 0s, color 200ms ease-in 0s;
    -moz-transition: background 400ms ease-in 0s, border 200ms ease-in 0s, color 200ms ease-in 0s;
    transition: background 400ms ease-in 0s, border 200ms ease-in 0s, color 200ms ease-in 0s;
    font-family: "Poppins", sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 300
}

button.button:focus,
a.button:focus,
input.button:focus {
    background-color: #fff;
    color: #191919
}

button.button:hover,
button.button:active,
a.button:hover,
a.button:active,
input.button:hover,
input.button:active {
    background-color: rgba(255, 255, 255, 0.8);
    color: #191919
}

.touch .hide-for-touch {
    display: none !important
}

.hide-season-number .season-number {
    display: none
}

.hide-episode-number .episode-number {
    display: none
}

.not-visible {
    display: none
}

body {
    background-color: #191919
}

body>iframe,
body>form {
    display: none
}

html,
body.show-homepage:not(#disneyid-wrapper) {
    -webkit-overflow-scrolling: touch
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #fff
}

.page-wrapper {
    display: flex;
    flex-direction: column;
    min-width: 250px;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 1;
    background: white
}

.page-wrapper .freewheel-ad {
    position: relative;
    z-index: 1002;
    background-color: #191919;
    text-align: center
}

.page-wrapper .freewheel-ad.ad-hidden {
    display: none
}

.page-wrapper .freewheel-ad img {
    margin: 0 auto
}

.page-wrapper .header-modules .gpt-container {
    position: relative;
    z-index: 1002;
    background-color: #191919
}

.page-wrapper .header-modules .gpt-container:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: -1;
    display: block
}

@media only screen and (min-width: 48rem) {
    .page-wrapper .header-modules .gpt-container>div>div,
    .page-wrapper .header-modules .freewheel-ad ._fwac>span {
        padding: 1.5rem 0
    }
}

.page-wrapper .header-modules .gpt-container .ad-container[data-google-query-id]+.freewheel-ad,
.page-wrapper .header-modules .freewheel-ad+.gpt-container .ad-container[data-google-query-id] {
    margin-top: -1.5rem
}

.page-wrapper .modules .gpt-container>div>div {
    padding: 1.5rem 0 3rem
}

@media only screen and (min-width: 48rem) {
    .page-wrapper .modules .gpt-container>div>div {
        padding: 1rem 0 4rem
    }
}

@media only screen and (min-width: 64rem) {
    .page-wrapper .modules .gpt-container>div>div {
        padding: .5rem 0 4.5rem
    }
}

body.new-design .page-wrapper .freewheel-ad,
body.new-home .page-wrapper .freewheel-ad {
    background: none;
    z-index: 1
}

body.new-design .page-wrapper .freewheel-ad.adblock-mobile ._fwac>span,
body.new-home .page-wrapper .freewheel-ad.adblock-mobile ._fwac>span {
    padding: 1.5rem 0 3rem
}

body.new-design .page-wrapper .freewheel-ad.adblock-tablet ._fwac>span,
body.new-home .page-wrapper .freewheel-ad.adblock-tablet ._fwac>span {
    padding: 2.5rem 0 4rem
}

body.new-design .page-wrapper .freewheel-ad.adblock-desktop ._fwac>span,
body.new-home .page-wrapper .freewheel-ad.adblock-desktop ._fwac>span {
    padding: 3.625rem 0 4.5rem
}

body.new-design .page-wrapper .gpt-container .ad-container[data-google-query-id]+.freewheel-ad,
body.new-design .page-wrapper .freewheel-ad+.gpt-container .ad-container[data-google-query-id],
body.new-home .page-wrapper .gpt-container .ad-container[data-google-query-id]+.freewheel-ad,
body.new-home .page-wrapper .freewheel-ad+.gpt-container .ad-container[data-google-query-id] {
    margin-top: -1.875rem
}

.page-wrapper .m-videoplayer.has-ad .freewheel-ad span._fwac iframe {
    margin: 1.5rem auto 1.0625rem
}

.page-wrapper .m-slideshow #_fw_container_thinbanner2 span:first-child {
    padding: 1.25rem 0 0 0
}

@media only screen and (min-width: 42em) {
    .page-wrapper {
        justify-content: space-between;
        height: 100%;
        overflow: visible;
        overflow-x: hidden
    }
    @supports (display: flex) {
        .page-wrapper {
            display: -webkit-flex;
            height: auto;
            -webkit-flex-direction: column
        }
    }
}

.mobile .page-wrapper {
    overflow: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.region.content {
    display: block;
    margin-top: 0;
    position: static;
    width: 100%;
    z-index: 1
}

@media only screen and (min-width: 42em) {
    .region.content {
        flex-shrink: 0;
        flex-grow: 2;
        overflow: hidden;
        position: relative;
        width: auto
    }
    @supports (display: flex) {
        .region.content {
            flex: 1;
            -webkit-flex: 1;
            height: auto;
            margin-bottom: 0
        }
    }
}

@media only screen and (min-width: 42em) {
    .authenticated .region.content {
        margin-top: 0
    }
}

body.show-homepage .shows-theme {
    background-color: transparent
}

body.show-homepage .background-image {
    position: absolute;
    background-repeat: no-repeat;
    top: 5rem;
    z-index: -1
}

body.show-homepage .background-image:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 75%
}

@media only screen and (min-width: 30em) {
    body.show-homepage .background-image {
        top: 0;
        min-width: 100%
    }
}

body.show-homepage .background-image img {
    display: none
}

body.show-homepage .background-image .e-404 {
    display: none;
    visibility: hidden
}

body.show-homepage .modules {
    background-color: transparent
}

.module .module-title,
.module.notitle {
    font-weight: 200;
    text-transform: uppercase;
    margin-top: 1.875rem;
    font-size: 1.125rem;
    white-space: normal
}

@media only screen and (min-width: 42em) {
    .module .module-title,
    .module.notitle {
        margin-top: 2.5rem;
        font-size: 1.25rem
    }
}

@media only screen and (min-width: 62.5em) {
    .module .module-title,
    .module.notitle {
        margin-top: 3.75rem
    }
}

.modules .module.notitle:nth-child(2),
.modules .module.notitle:nth-child(3) {
    margin-top: .375rem
}

.module .module-comment-title {
    font-weight: 200
}

.module .module-title.m-person-title {
    font-size: 1.5rem;
    text-transform: capitalize
}

@media only screen and (min-width: 42em) {
    .module .module-title.m-person-title {
        font-size: 1.875rem
    }
}

.module .m-person-subtitle {
    font-size: .9375rem
}

@media only screen and (min-width: 42em) {
    .module .m-person-subtitle {
        font-size: 1.125rem
    }
}

.module .m-person-bio-title {
    font-size: 1.25rem
}

@media only screen and (min-width: 42em) {
    .module .m-person-bio-title {
        font-size: 1.625rem
    }
}

.module .module-title .icon {
    font-size: .75rem;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    perspective: 1000;
    -webkit-transition: transform 800ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -moz-transition: transform 800ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
    transition: transform 800ms cubic-bezier(0.23, 1, 0.32, 1) 0s
}

.module .module-title .icon.abc-icon-arrow-right {
    margin-left: .4375rem
}

@media only screen and (min-width: 42em) {
    .module .module-title .icon {
        font-size: 1rem
    }
}

html.no-touch .module .module-title:hover .icon {
    -webkit-transform: translateX(.3125rem);
    -moz-transform: translateX(.3125rem);
    -ms-transform: translateX(.3125rem);
    -o-transform: translateX(.3125rem);
    transform: translateX(.3125rem)
}

.abcmedia {
    margin-bottom: 1.875rem
}

@media only screen and (min-width: 42em) {
    .abcmedia {
        margin-bottom: 2.5rem
    }
}

.content-gutter .modules {
    width: 100%;
    margin: 0 auto;
    max-width: 62.5rem
}

.content-gutter .modules::after {
    clear: both;
    content: "";
    display: table
}

.module.last-module {
    margin-bottom: 1.875rem
}

@media only screen and (min-width: 42em) {
    .module.last-module {
        margin-bottom: 2.5rem
    }
}

@media only screen and (min-width: 62.5em) {
    .module.last-module {
        margin-bottom: 3.75rem
    }
}

.module.module-marker {
    display: none
}

.copy-content p {
    font-size: 1.0375rem;
    font-weight: 200;
    line-height: 1.6875rem;
    color: black
}

.copy-content .module-title {
    text-transform: capitalize
}

.copy-content section.state span.text4,
.copy-content section.state span.text2 {
    color: #fff
}

.copy-content .text3,
.copy-content ul,
.copy-content li {
    color: #fff
}

.copy-content .hero-copy p {
    color: #000
}

.copy-content img {
    width: 100%;
    height: auto
}

.copy-content p:last-child {
    margin-bottom: 0
}

.copy-content a:not(.button) {
    color: #fff
}

.copy-content a:not(.button):hover {
    color: rgba(255, 255, 255, 0.8)
}

.copy-content ul {
    padding-left: 1.25rem;
    margin-bottom: 1.875rem
}

@media only screen and (min-width: 42em) {
    .copy-content ul {
        margin-bottom: 2.5rem
    }
}

.copy-content br {
    height: 0.8em;
    float: none;
    display: block
}

.expandable-section span.br {
    height: 0.8em;
    float: none;
    display: block
}

.copy-content.m-freetext .tile .tile-copy-section .desc,
.copy-content .notes .notes-list .list-item {
    color: #ccc
}

.m-abouttext {
    margin-top: 0;
    padding-top: 0
}

.m-abouttext .m-abouttext-row {
    position: relative
}

.m-abouttext .m-abouttext-content {
    position: relative
}

.m-abouttext .m-abouttext-copy a:hover {
    text-decoration: underline
}

.m-abouttext .m-abouttext-copy p:last-child {
    margin-bottom: 0
}

.expandable-section {
    color: #fff;
    max-height: 14.1875rem;
    margin-bottom: 1rem;
    overflow: hidden;
    padding-right: 1.875rem
}

@media only screen and (min-width: 42em) {
    .expandable-section {
        max-height: 15.25rem
    }
}

.expandable-section p br {
    display: none
}

.m-abouttext .expandable-one p:last-of-type,
.m-abouttext .expandable-two p:last-of-type {
    margin-bottom: 0
}

.continue-reading {
    display: none;
    font-weight: 200;
    margin-top: .625rem
}

.continue-reading .abc-icon-arrow-down {
    display: inline-block;
    font-size: .6875rem
}

.m-abouttext.collapse-top {
    margin-top: 0
}

.m-expandable-text.open .expandable-section {
    max-height: none
}

.m-expandable-text.open .continue-reading .icon {
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: flipv;
    -ms-filter: "flipv"
}

.m-abouttext .ad-unit-wrapper .ad-wrapper {
    margin: 0 auto 1.875rem
}

@media only screen and (min-width: 42em) {
    .m-abouttext .ad-unit-wrapper .ad-wrapper {
        margin: auto 0
    }
}

@media only screen and (min-width: 42em) {
    .m-abouttext.m-text.withad .ad-unit-wrapper {
        margin-top: 3.75rem
    }
}

.show-homepage .m-abouttext .m-abouttext-wrapper .ad-unit-wrapper {
    display: none
}

.show-homepage .m-abouttext.ad-loaded .ad-unit-wrapper {
    display: block
}

.m-abouttext.show-homepage {
    background-position: center center;
    background-size: cover;
    padding-bottom: 1.875rem;
    padding-right: .3125rem
}

@media only screen and (min-width: 30em) {
    .m-abouttext.show-homepage {
        padding-bottom: 2.5rem
    }
}

@media only screen and (min-width: 62.5em) {
    .m-abouttext.show-homepage {
        padding-bottom: 3.75rem
    }
}

@media only screen and (max-width: 29.9375em) {
    .m-abouttext.show-homepage .module-title {
        margin-top: 1.875rem
    }
}

.m-show-logo .m-freetext.show-homepage-pluto {
    background: transparent;
    display: none
}

@media only screen and (min-width: 30em) {
    .m-show-logo .m-freetext.show-homepage-pluto {
        display: block
    }
    .m-show-logo .m-freetext.show-homepage-pluto .m-text-wrapper {
        display: block;
        flex-direction: column;
        max-width: 42rem;
        margin: 1.5rem auto
    }
}

.m-freetext.show-homepage-pluto {
    background-color: rgba(0, 0, 0, 0.45);
    text-align: center;
    color: #fff
}

.m-freetext.show-homepage-pluto .module-title {
    font-size: 1rem;
    margin-bottom: 1rem;
    margin-top: 2.5rem
}

.m-freetext.show-homepage-pluto .m-freetext-copy {
    font-size: .875rem
}

.m-freetext.show-homepage-pluto .read-more-link.button {
    background-color: rgba(255, 255, 255, 0.15);
    color: #fff;
    margin-bottom: 0;
    margin-top: 2rem
}

@media only screen and (min-width: 30em) {
    .m-freetext.show-homepage-pluto {
        display: none
    }
}

.m-freetext.about-box {
    padding: 0 0 2.5rem
}

.m-account .m-modal.modal-overlay {
    z-index: 9001
}

@media only screen and (max-width: 29.9375em) {
    .m-account .m-modal.modal-overlay {
        background-color: #fff
    }
}

.m-account .m-modal.modal-overlay .close {
    width: 1.5rem;
    height: 1.5rem
}

.m-account .m-modal.modal-overlay a {
    color: #fff;
    font-size: .875rem;
    font-weight: 200
}

.m-account .m-modal.modal-overlay a:hover {
    color: rgba(255, 255, 255, 0.8)
}

.m-account .modal {
    max-width: 25.75rem;
    padding: .75rem .75rem 2.625rem;
    font-family: "Poppins", sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 300
}

@media only screen and (max-width: 29.9375em) {
    .m-account .modal {
        height: 100%;
        max-width: 30rem;
        padding: 1rem 1rem 3rem 1.0625rem
    }
}

@media only screen and (max-width: 20em) {
    .m-account .modal {
        width: 20rem;
        padding: 1.3125rem 1rem 3rem 1rem
    }
}

.m-account .modal .logo {
    font-size: 0;
    background: transparent url("") no-repeat center center;
    display: block;
    height: 3rem;
    width: 3rem;
    margin: 0 auto;
    background-size: contain;
    margin-top: 1.8125rem
}

.m-account .modal .buttons-group {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    padding-bottom: 1.25rem
}

.m-account .modal .buttons-group .oneid-action,
.m-account .modal .buttons-group .mvpd-action {
    width: 100%;
    max-width: 18.75rem
}

.m-account .modal .heading {
    font-weight: 200;
    padding-top: 1.8125rem;
    font-size: 1rem;
    margin: 0 auto 1.5625rem;
    max-width: 18.75rem;
    line-height: 1.25rem;
    color: #fff
}

@media only screen and (max-width: 29.9375em) {
    .m-account .modal .heading {
        line-height: 1.375rem
    }
}

.m-account .modal .subheading {
    color: #fff;
    font-size: .875rem
}

.m-account .modal button.sign-out-confirmed {
    display: flex
}

.m-account .modal .oneid-unauthenticated {
    display: none;
    color: #fff
}

.m-account .modal .oneid-unauthenticated .bullet-list {
    max-width: 18.75rem;
    font-size: 1rem;
    font-weight: 200;
    text-align: left;
    margin: 0 auto 2.125rem;
    list-style-type: none
}

@media only screen and (max-width: 29.9375em) {
    .m-account .modal .oneid-unauthenticated .bullet-list {
        margin-bottom: 1.625rem
    }
}

.m-account .modal .oneid-unauthenticated .bullet-list li {
    position: relative;
    padding-left: 1.1875rem;
    margin-bottom: .375rem;
    font-size: .875rem;
    line-height: 1.25rem
}

.m-account .modal .oneid-unauthenticated .bullet-list li i {
    font-size: .625rem;
    position: absolute;
    left: -.1875rem;
    top: .4375rem
}

.m-account .modal .oneid-authenticated {
    display: none
}

.m-account .modal .sign-out-confirmation,
.m-account .modal .mvpd-sign-out-confirmation {
    max-width: 18.75rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.0625rem;
    display: none
}

.m-account .modal .sign-out-confirmation .heading,
.m-account .modal .mvpd-sign-out-confirmation .heading {
    margin-bottom: 0;
    color: #fff
}

.m-account .modal .sign-out-confirmation .subheading,
.m-account .modal .mvpd-sign-out-confirmation .subheading {
    font-size: .875rem;
    font-weight: 200;
    color: #fff;
    line-height: 1;
    margin-top: 1.5rem;
    margin-bottom: 2rem
}

.m-account .modal .sign-out-confirmation .info,
.m-account .modal .mvpd-sign-out-confirmation .info {
    max-width: 20.625rem;
    margin: 0 auto 2rem;
    text-align: center;
    font-size: .75rem;
    font-weight: 300;
    color: black;
    letter-spacing: .00625rem;
    line-height: normal
}

.m-account .modal .sign-out-confirmation a.cancel,
.m-account .modal .mvpd-sign-out-confirmation a.cancel {
    color: #fff;
    font-size: .75rem;
    font-weight: 300;
    line-height: normal;
    text-transform: capitalize
}

.m-account .modal .sign-out-confirmation a.cancel:hover,
.m-account .modal .mvpd-sign-out-confirmation a.cancel:hover {
    color: rgba(255, 255, 255, 0.8)
}

.m-account .modal .oneid-name,
.m-account .modal .oneid-email {
    font-size: .875rem;
    font-weight: 300;
    line-height: 1;
    letter-spacing: .00625rem;
    max-width: 18.75rem
}

.m-account .modal .oneid-name {
    color: #fff;
    font-weight: 300;
    margin: 0 auto 1rem;
    height: 1.875rem;
    word-wrap: normal !important;
    word-break: break-all;
    overflow: hidden
}

.m-account .modal .oneid-email {
    text-align: center;
    color: ;
    margin: 0 auto 2.0625rem;
    max-width: 18.75rem;
    line-height: 1.5625rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.m-account .modal .oneid-account {
    font-size: .9375rem;
    font-weight: 200
}

.m-account .modal button.view-account,
.m-account .modal .sign-out-confirmed,
.m-account .modal .mvpd-action.cancel {
    margin: 0 auto;
    margin-bottom: 1.25rem;
    display: flex;
    justify-content: center;
    max-width: 18.75rem
}

.m-account .modal .sign-out-confirmed {
    margin-bottom: 1.0625rem
}

.m-account .modal a.sign-out {
    font-size: .75rem;
    font-weight: 300;
    text-align: center;
    color: #fff;
    text-transform: capitalize
}

.m-account .modal a.sign-out:hover {
    color: rgba(255, 255, 255, 0.8)
}

.m-account .modal .mvpd-sign-out {
    display: none;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.875rem;
    max-width: 18.75rem;
    padding: 0
}

.m-account .modal .mvpd-sign-out.visible {
    display: block
}

.m-account .modal .mvpd-sign-out .sign-out-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding-bottom: .75rem;
    border-top: .125rem solid #dadada
}

.m-account .modal .mvpd-sign-out .sign-out-container .heading {
    margin-bottom: .625rem
}

.m-account .modal .mvpd-sign-out .sign-out-provider {
    padding: 2rem 0 .75rem;
    width: 70%
}

@media only screen and (min-width: 42em) {
    .m-account .modal .mvpd-sign-out .sign-out-provider {
        width: 50%
    }
}

@media only screen and (max-width: 29.9375em) {
    .m-account .modal .mvpd-sign-out .sign-out-provider {
        padding: 1.1875rem 0 .625rem
    }
}

.m-account .modal .mvpd-sign-out .sign-out-btn-wrapper {
    font-size: .75rem;
    font-weight: 300;
    color: black
}

.m-account .modal .mvpd-sign-out .sign-out-btn-wrapper .sign-out-link {
    padding: 0;
    text-transform: capitalize;
    font-size: .75rem;
    font-weight: 300;
    margin-bottom: 0;
    color: #fff;
    border: 0;
    background: none;
    display: inline;
    min-width: auto
}

.m-account .modal .mvpd-sign-out .sign-out-btn-wrapper .sign-out-link:hover,
.m-account .modal .mvpd-sign-out .sign-out-btn-wrapper .sign-out-link:focus {
    color: rgba(255, 255, 255, 0.8);
    background: none
}

.m-account .modal .mvpd-sign-out .hbaMessage {
    font-size: .75rem;
    line-height: 1.5;
    text-transform: none;
    padding-bottom: 1.25rem;
    width: 100%;
    white-space: normal
}

@media only screen and (min-width: 42em) {
    .m-account .modal .mvpd-sign-out .hbaMessage {
        font-size: .6875rem
    }
}

.m-account .modal .sign-up-text {
    color: black;
    font-size: .75rem;
    text-align: center;
    margin-top: .25rem
}

.m-account .modal .link {
    font-size: .75rem;
    font-weight: 300;
    color: #2b2d36;
    text-transform: capitalize
}

.m-account .modal .link:hover {
    color: #424552
}

.m-activate {
    background: #000;
    font-weight: 100
}

.m-activate.activate-device {
    width: 100%;
    margin: 0;
    color: #fff;
    z-index: 10
}

.header-modules .footer {
    display: none
}

body.activate .activate-background,
body.activate .feedback-background {
    background-color: #191919;
    height: 100vh;
    max-height: 112.5rem;
    left: 0;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    width: auto;
    z-index: 0;
    overflow-y: auto
}

.m-activate.activate-device video#m-activate-video-bg {
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    left: 0;
    min-height: 100%;
    min-width: 100%;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2
}

.m-activate.activate-device.activate-novideo video#m-activate-video-bg {
    display: none !important
}

.m-activate.activate-device.activate-novideo .activate-background {
    background-size: 85.375rem 64rem;
    background-position: top;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    perspective: 1000
}

body.activate {
    background-color: #000
}

.m-activate-content,
.m-feedback-content {
    align-items: center;
    display: flex;
    justify-content: center;
    height: 100vh;
    overflow-y: scroll;
    overflow-x: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 6
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .m-activate-content,
    .m-feedback-content {
        height: 100%
    }
}

.m-activate-content .m-activate-content-wrapper,
.m-feedback-content .m-feedback-content-wrapper {
    margin-top: auto;
    margin-bottom: auto;
    width: 100%
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .m-activate-content .m-activate-content-wrapper,
    .m-feedback-content .m-feedback-content-wrapper {
        height: 100%
    }
}

.m-activate.hideVideo #m-activate-overlay,
.m-activate.hideVideo video#m-activate-video-bg {
    display: none
}

.m-activate.activate-device #m-activate-overlay {
    background-color: rgba(0, 0, 0, 0.65);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 3
}

.m-activate.activate-device #m-activate-overlay.bubble {
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 4
}

.m-activate.activate-device.activate-novideo #m-activate-overlay {
    background: none
}

.m-activate.activate-device #popup {
    background-color: rgba(50, 50, 50, 0.7);
    left: 50%;
    margin: -10.9375rem 0 0 -10.9375rem;
    max-height: 0;
    max-width: 21.25rem;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 50%;
    z-index: 5;
    -webkit-transition: all 300ms ease-in-out 0s;
    -moz-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5)
}

.m-activate.activate-device #popup.show {
    box-shadow: 0 0 .5rem rgba(0, 0, 0, 0.7);
    max-height: 31.25rem;
    opacity: 1;
    overflow: visible;
    padding: .625rem;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.m-activate.activate-device #popup header {
    border-bottom: .0625rem solid #fff
}

.m-activate.activate-device #popup .close {
    display: block;
    position: absolute;
    right: .3125rem;
    top: .3125rem
}

.m-activate.activate-device #popup .provider {
    display: block;
    font-size: 1.25rem;
    font-weight: 300;
    margin: .625rem 0
}

.m-activate.activate-device #popup .vod,
.m-activate.activate-device #popup .live {
    display: none;
    margin-top: 1.25rem
}

.m-activate.activate-device #popup .vod.show,
.m-activate.activate-device #popup .live.show {
    display: block
}

.m-activate-content .continueButton,
.m-feedback-content .continueButton {
    border: 0;
    background-color: #fff;
    color: #191919;
    display: block;
    font-size: .875rem;
    height: 3.5rem;
    line-height: 3.5rem;
    margin: 1.625rem auto 5rem;
    padding: 0 .9375rem;
    text-align: center;
    text-transform: uppercase;
    width: 18.25rem;
    -webkit-transition: background-color 300ms ease-in-out 0s;
    -moz-transition: background-color 300ms ease-in-out 0s;
    transition: background-color 300ms ease-in-out 0s
}

.m-activate-content .continueButton:hover,
.m-feedback-content .continueButton:hover {
    background-color: rgba(255, 255, 255, 0.8)
}

@media only screen and (min-width: 42em) {
    .m-activate-content .continueButton,
    .m-feedback-content .continueButton {
        font-size: 1.25rem;
        height: 3.9375rem;
        line-height: 3.9375rem;
        width: 26.8125rem
    }
}

.m-activate-content .backButton {
    background-color: #fff;
    border-radius: 1.5rem;
    color: #191919;
    display: inline-block;
    font-size: .75rem;
    font-weight: 300;
    margin: .4375rem 0 2.625rem 0;
    opacity: 1;
    padding: .9375rem 1.5625rem;
    text-align: center;
    text-transform: uppercase;
    width: 11.875rem;
    -webkit-transition: background-color 300ms ease-in-out 0s, opacity 600ms ease-in-out 0s;
    -moz-transition: background-color 300ms ease-in-out 0s, opacity 600ms ease-in-out 0s;
    transition: background-color 300ms ease-in-out 0s, opacity 600ms ease-in-out 0s
}

.m-activate-content .backButton:hover {
    background-color: rgba(255, 255, 255, 0.8)
}

@media only screen and (min-width: 30em) {
    .m-activate-content .backButton {
        font-size: 1.125rem;
        padding: .9375rem 1.5625rem;
        width: 15.8125rem
    }
}

.m-activate-content .backButton:hover {
    color: #191919
}

.m-activate-content header,
.m-feedback-content header {
    margin-bottom: 1.25rem;
    margin-top: 3.125rem;
    text-align: center
}

@media only screen and (min-width: 30em) {
    .m-activate-content header,
    .m-feedback-content header {
        margin-bottom: 2.5rem
    }
}

.m-activate-content header .logo,
.m-feedback-content header .logo {
    background-image: url("");
    background-repeat: no-repeat;
    background-size: contain;
    height: 4.375rem;
    margin: 0 auto;
    width: 4.375rem
}

@media only screen and (min-width: 30em) {
    .m-activate-content header .logo,
    .m-feedback-content header .logo {
        height: 5.4375rem;
        width: 5.4375rem
    }
}

.m-activate-content .footer,
.m-feedback-content .footer {
    display: block;
    font-size: .625rem;
    line-height: 1.125rem;
    margin: 0 auto .625rem;
    width: 78%
}

@media only screen and (min-width: 42em) {
    .m-activate-content .footer,
    .m-feedback-content .footer {
        font-size: .75rem;
        line-height: 1.375rem;
        margin-bottom: 0;
        width: 28.125rem
    }
}

.m-activate-content .footer.show-device .activate-help,
.m-activate-content .footer.show-device .activate-feedback,
.m-feedback-content .footer.show-device .activate-help,
.m-feedback-content .footer.show-device .activate-feedback {
    display: inline-block
}

.m-activate-content .footer .activate-help,
.m-activate-content .footer .activate-feedback,
.m-feedback-content .footer .activate-help,
.m-feedback-content .footer .activate-feedback {
    display: none
}

.m-activate-content .footer ul,
.m-feedback-content .footer ul {
    text-align: center
}

@media only screen and (min-width: 30em) {
    .m-activate-content .footer ul,
    .m-feedback-content .footer ul {
        margin: 0 3%;
        margin-bottom: 4.375rem
    }
}

.m-activate-content .footer li,
.m-feedback-content .footer li {
    display: inline-block;
    margin-bottom: .0625rem;
    padding: 0 .625rem
}

.m-activate-content .footer a,
.m-feedback-content .footer a {
    color: #fff;
    display: block;
    font-size: .625rem;
    line-height: .875rem;
    text-transform: lowercase
}

@media only screen and (min-width: 30em) {
    .m-activate-content .footer a,
    .m-feedback-content .footer a {
        font-size: .75rem
    }
}

.m-activate-content .footer a:hover,
.m-feedback-content .footer a:hover {
    color: rgba(255, 255, 255, 0.8)
}

@media only screen and (min-width: 42em) {
    .m-activate-feedback .footer.expand,
    .m-activate .footer.expand {
        width: 100%
    }
}

.m-activate-help .footer,
.m-activate-congrats .footer {
    width: 94%
}

@media only screen and (min-width: 30em) {
    .m-activate-help .footer,
    .m-activate-congrats .footer {
        width: 34.375rem
    }
}

.m-activate-help .footer li,
.m-activate-congrats .footer li {
    padding: 0 .25rem
}

@media only screen and (min-width: 30em) {
    .m-activate-help .footer li,
    .m-activate-congrats .footer li {
        padding: 0 .625rem
    }
}

.module.activate-device .disclaimer {
    margin: 1.75rem auto 0;
    max-width: 36.25rem;
    padding: 0 1.25rem;
    text-align: center
}

@media only screen and (min-width: 30em) {
    .module.activate-device .disclaimer {
        margin-top: 0
    }
}

.module.activate-device .disclaimer p {
    color: #fff;
    font-size: .625rem;
    font-style: italic;
    font-weight: 200;
    line-height: 1rem;
    margin: 0;
    opacity: 0.75;
    padding: 0
}

@media only screen and (min-width: 30em) {
    .module.activate-device .disclaimer p {
        font-size: .75rem;
        line-height: 1.125rem
    }
}

.m-activate .forms {
    color: #fff;
    display: none;
    margin-bottom: 1.875rem;
    position: relative;
    text-align: center
}

@media only screen and (min-width: 42em) {
    .m-activate .forms {
        margin-bottom: 2.5rem
    }
}

.m-activate .forms.show {
    display: block;
    margin: 0 auto;
    max-width: 30rem
}

@media only screen and (min-width: 42em) {
    .m-activate .forms.show {
        max-width: 46rem
    }
}

.m-activate .forms .message {
    display: block;
    margin: 1.25rem 0 1.5625rem
}

@media only screen and (min-width: 42em) {
    .m-activate .forms .message {
        margin: 1.625rem 0 1.75rem
    }
}

.m-activate .forms .message p {
    color: #fff;
    font-size: 1rem;
    font-weight: 200;
    line-height: 1.4em;
    margin-bottom: 0
}

@media only screen and (min-width: 42em) {
    .m-activate .forms .message p {
        font-size: 1.5rem
    }
}

.m-activate .forms label {
    display: block;
    font-size: .75rem;
    line-height: 1.5rem;
    margin: 1.25rem auto 1.875rem;
    max-width: 25rem
}

@media only screen and (min-width: 42em) {
    .m-activate .forms label {
        font-size: 1.125rem;
        margin: 0 auto 1.875rem
    }
}

.m-activate .forms label p {
    color: #fff;
    font-size: 1.125rem;
    font-weight: 100;
    margin-bottom: 0
}

.m-activate .forms input {
    background-color: rgba(255, 255, 255, 0.1);
    border: 0;
    border-radius: 0;
    color: #fff;
    font-size: .875rem;
    font-weight: 200;
    height: 3.5rem;
    line-height: 3.5rem;
    text-align: center;
    text-transform: uppercase;
    width: 18.25rem
}

@media only screen and (min-width: 42em) {
    .m-activate .forms input {
        font-size: 1.25rem;
        height: 3.9375rem;
        line-height: 3.9375rem;
        width: 26.8125rem
    }
}

.m-activate .forms input:focus {
    box-shadow: 0 0 .5rem black
}

.m-activate .forms input::-webkit-input-placeholder {
    text-transform: none
}

.m-activate .forms input::-moz-placeholder {
    text-transform: none
}

.m-activate .forms input:-moz-placeholder {
    text-transform: none
}

.m-activate .forms input:-ms-input-placeholder {
    text-transform: none
}

.m-activate .forms .search-wrapper {
    padding: 0 .1875rem
}

.m-activate .forms input.search {
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 0;
    font-size: 1.125rem;
    font-weight: 100;
    line-height: 2.5rem;
    margin-bottom: .375rem;
    padding: .625rem 1.25rem;
    text-align: left;
    text-transform: none;
    width: 100%
}

@media only screen and (min-width: 42em) {
    .m-activate .forms input.search {
        font-size: 1.5rem;
        margin-bottom: .9375rem
    }
}

.m-activate .forms .flipper {
    position: relative;
    -webkit-transition-duration: 800ms;
    -moz-transition-duration: 800ms;
    transition-duration: 800ms;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.m-activate .forms .flipper.show {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.m-activate .forms .step {
    height: 0;
    left: 6.25rem;
    opacity: 0;
    overflow: hidden;
    position: relative;
    -webkit-transition: left 600ms, opacity 300ms;
    -moz-transition: left 600ms, opacity 300ms;
    transition: left 600ms, opacity 300ms
}

.m-activate .forms .step.show {
    height: auto;
    left: 0;
    opacity: 1;
    overflow: visible;
    padding-bottom: 1.25rem
}

@media only screen and (min-width: 42em) {
    .m-activate .forms .step.show {
        padding-bottom: 3.125rem
    }
}

.m-activate .forms .step.complete {
    display: none
}

.m-activate .forms .step.mvpdProvider {
    margin: 0 1.25rem
}

.activationLoading,
.m-activate .forms .step.activationCode {
    display: none
}

.activationLoading.show {
    padding: 1.25rem 0 5rem 0
}

.activationLoading.show,
.m-activate .forms .step.activationCode.show {
    display: block
}

.activationLoading.show .m-spinner {
    display: block
}

.m-activate .forms .activationLoading p {
    font-weight: 200
}

.m-activate .forms .error {
    color: #fff;
    display: none;
    font-size: .875rem;
    font-style: italic;
    line-height: 1.125rem;
    margin: 0 auto;
    padding-top: 1.625rem;
    text-align: left;
    width: 18.25rem
}

@media only screen and (min-width: 42em) {
    .m-activate .forms .error {
        font-size: .875rem;
        line-height: 1.5rem;
        width: 26.8125rem
    }
}

.m-activate .forms .error.show {
    display: block
}

.m-activate.activate-device .forms ul.mvpds {
    font-size: 0
}

.m-activate.activate-device .forms ul.mvpds li {
    background-color: #fff;
    border: .0625rem solid rgba(255, 255, 255, 0.15);
    cursor: pointer;
    display: block;
    font-size: 1.5625rem;
    font-weight: 300;
    height: 3.875rem;
    line-height: 3.625rem;
    margin: .0625rem auto;
    overflow: hidden;
    text-align: center;
    width: 18.25rem
}

@media only screen and (min-width: 62.5em) {
    .m-activate.activate-device .forms ul.mvpds li {
        display: inline-block;
        height: 5.25rem;
        line-height: 4.9375rem;
        margin: 0 .0625rem .0625rem 0;
        width: 13.75rem
    }
}

.m-activate.activate-device .forms ul.mvpds li>img {
    display: inline;
    margin-bottom: 0;
    vertical-align: middle;
    width: 55%
}

@media only screen and (min-width: 62.5em) {
    .m-activate.activate-device .forms ul.mvpds li>img {
        width: 75%
    }
}

.m-activate.activate-device .forms ul.mvpds li.more {
    background-position: 74% center;
    background-repeat: no-repeat;
    background-size: .4375rem auto
}

@media only screen and (min-width: 62.5em) {
    .m-activate.activate-device .forms ul.mvpds li.more {
        background-position: 80% center
    }
}

.m-activate.activate-device .forms ul.mvpds li.more.hidden {
    cursor: default;
    opacity: 0
}

.m-activate.activate-device .forms ul.mvpds li.more .text {
    color: #000;
    font-size: 1rem;
    position: relative;
    top: -.125rem
}

.m-activate.activate-device .forms ul.minorMvpds {
    font-size: 0;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 62.5rem
}

.m-activate.activate-device .forms ul.minorMvpds::after {
    clear: both;
    content: "";
    display: table
}

.m-activate.activate-device .forms ul.minorMvpds li {
    display: none;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.m-activate.activate-device .forms ul.minorMvpds li.show {
    display: block;
    margin-bottom: .625rem;
    opacity: 1;
    padding-left: .1875rem;
    padding-right: .1875rem;
    width: 100%;
    float: left
}

@media only screen and (min-width: 42em) {
    .m-activate.activate-device .forms ul.minorMvpds li.show {
        padding-left: .1875rem;
        padding-right: .1875rem;
        width: 50%;
        float: left
    }
}

.m-activate.activate-device .forms ul.minorMvpds li .distributor-wrapper {
    background-color: rgba(255, 255, 255, 0.06);
    color: #fff;
    display: block;
    font-size: 1.125rem;
    font-weight: 200;
    opacity: 1;
    padding-bottom: 1.4375rem;
    padding-top: 1.4375rem;
    text-align: left;
    -webkit-transition: background 0.3 ease-in-out;
    -moz-transition: background 0.3 ease-in-out;
    transition: background 0.3 ease-in-out
}

@media only screen and (min-width: 42em) {
    .m-activate.activate-device .forms ul.minorMvpds li .distributor-wrapper {
        background-color: rgba(255, 255, 255, 0.06);
        cursor: pointer;
        font-size: 1rem;
        overflow: hidden;
        padding: .625rem;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

.activateError {
    display: none;
    font-size: 1rem;
    margin: 2.875rem auto 1.625rem;
    padding: 0 1.125rem 7.875rem;
    width: 100%
}

@media only screen and (min-width: 30em) {
    .activateError {
        font-size: 1.5rem;
        width: 31.25rem
    }
}

.activateError .message {
    display: block
}

.activateError .message .title {
    color: #fff;
    display: inline-block;
    font-size: 1rem;
    font-weight: 300
}

@media only screen and (min-width: 30em) {
    .activateError .message .title {
        font-size: 1.5rem
    }
}

.activateError .message p {
    display: inline
}

.activateError .message .errorMessage {
    font-size: 1rem;
    line-height: 1.6em
}

@media only screen and (min-width: 30em) {
    .activateError .message .errorMessage {
        font-size: 1.5rem
    }
}

.activateError .retry {
    border: .0625rem solid rgba(255, 255, 255, 0.8);
    color: #fff;
    display: block;
    font-size: .875rem;
    margin: 2.1875rem auto 0 auto;
    padding: .5625rem 0 .625rem;
    width: 12.8125rem
}

@media only screen and (min-width: 30em) {
    .activateError .retry {
        margin: 3rem auto 0 auto;
        font-size: 1.375rem;
        line-height: 1.375rem;
        padding: .8125rem 0 .875rem;
        width: 14.875rem
    }
}

.activateError.show {
    display: block
}

.m-activate-congrats.activateCongrats {
    color: #fff;
    font-weight: 100
}

.m-activate-congrats .activateCongrats {
    color: #fff;
    margin: 2.875rem auto 1.625rem;
    padding: 0 1.125rem 1.125rem;
    width: 100%
}

@media only screen and (min-width: 30em) {
    .m-activate-congrats .activateCongrats {
        max-width: 46rem
    }
}

.m-activate-congrats .activateCongrats p {
    display: block;
    font-size: .875rem;
    font-weight: lighter;
    line-height: 1.79375rem;
    margin-bottom: 5rem;
    text-align: center
}

@media only screen and (min-width: 30em) {
    .m-activate-congrats .activateCongrats p {
        font-size: 1.25rem;
        padding-bottom: 3.125rem
    }
}

.m-activate-congrats .activateCongrats .title {
    color: #fff;
    font-size: 1rem;
    font-weight: lighter;
    line-height: 1.6em;
    text-align: center
}

@media only screen and (min-width: 30em) {
    .m-activate-congrats .activateCongrats .title {
        font-size: 1.5rem
    }
}

.m-activate-congrats .activateCongrats img {
    margin-bottom: 2.8125rem
}

.m-activate-congrats .activateCongrats,
.m-activate-congrats .noFlash {
    display: none
}

.m-activate-congrats .activateCongrats.show {
    display: block
}

body.activateCongrats .m-message {
    display: none
}

.m-activate-help {
    color: #fff;
    font-weight: 100
}

.m-activate-help .wrapper {
    background-color: transparent;
    overflow: hidden;
    max-width: 34.375rem;
    margin: 0 auto;
    padding: 0 1.25rem .9375rem
}

@media only screen and (min-width: 30em) {
    .m-activate-help .wrapper {
        padding: 0
    }
}

.m-activate-help .helpHeader {
    line-height: 1.850625rem;
    text-align: center
}

.m-activate-help .helpHeader .header {
    color: #fff;
    font-size: .9375rem
}

@media only screen and (min-width: 30em) {
    .m-activate-help .helpHeader .header {
        font-size: 1.5rem
    }
}

.m-activate-help .helpHeader .subheader {
    color: #fff;
    font-size: .875rem
}

@media only screen and (min-width: 30em) {
    .m-activate-help .helpHeader .subheader {
        font-size: 1.375rem
    }
}

.m-activate-help .helpBody {
    background-color: rgba(0, 0, 0, 0.1);
    border: .0625rem solid rgba(255, 255, 255, 0.8);
    display: none;
    margin-bottom: 1.875rem;
    margin-top: 2.125rem
}

@media only screen and (min-width: 30em) {
    .m-activate-help .helpBody {
        margin-bottom: 7.5rem;
        margin-top: 2.375rem;
        margin-left: .0625rem;
        margin-right: .0625rem
    }
}

.m-activate-help .helpBody.show {
    display: block
}

.m-activate-help .content .fields {
    display: none
}

.m-activate-help .content .fields .topic .description {
    display: none
}

.m-activate-help .content.expanded .fields {
    display: block
}

.m-activate-help .content.expanded .fields .topic.expanded .question {
    text-decoration: none
}

.m-activate-help .content.expanded .fields .topic.expanded .description {
    display: block
}

.m-activate-help .content .topic {
    padding: 1.5rem 0 0 0
}

@media only screen and (min-width: 30em) {
    .m-activate-help .content .topic {
        padding: 1.625rem 0 0 0
    }
}

.m-activate-help .content .title {
    border-bottom: .0625rem solid rgba(255, 255, 255, 0.8);
    font-size: .875rem;
    padding: 1.5rem 1rem;
    position: relative;
    text-align: left;
    text-transform: uppercase
}

@media only screen and (min-width: 30em) {
    .m-activate-help .content .title {
        font-size: 1.125rem;
        line-height: .523125rem;
        padding: 2rem 1.25rem
    }
}

.m-activate-help .content:last-of-type .title {
    border-bottom: none
}

.m-activate-help .content.expanded:last-of-type .title {
    border-bottom: .0625rem solid rgba(255, 255, 255, 0.8)
}

.m-activate-help .content .title .issue {
    color: #fff
}

.m-activate-help .content .title .abc-icon-arrow-down {
    font-size: .75rem;
    position: absolute;
    right: 30px
}

.m-activate-help .content .fields {
    border-bottom: .0625rem solid rgba(255, 255, 255, 0.8);
    padding: 0 1.25rem;
    text-align: left
}

.m-activate-help .content.expanded:last-child .fields {
    border-bottom: none
}

.m-activate-help .content .question {
    color: #fff;
    display: block;
    font-size: .75rem;
    font-weight: 300;
    padding: 0 0 .9375rem
}

@media only screen and (min-width: 30em) {
    .m-activate-help .content .question {
        font-size: 1rem;
        padding-bottom: 1.875rem
    }
}

.m-activate-help .content .question.selected {
    text-decoration: none
}

.m-activate-help .content .description * {
    font-size: .6875rem;
    font-weight: 100
}

@media only screen and (min-width: 30em) {
    .m-activate-help .content .description * {
        font-size: .875rem
    }
}

.m-activate-help .content .description p {
    margin-bottom: 0;
    padding-bottom: 1.375rem
}

@media only screen and (min-width: 30em) {
    .m-activate-help .content .description p {
        padding-bottom: 1.875rem
    }
}

.m-activate-help .content .description *:last-child {
    padding-bottom: 0
}

.m-activate-help.activateHelp .helpBody a.question,
.m-activate-help.activateHelp .helpBody .external-link,
.m-activate-help.activateHelp .helpBody .description a {
    color: #fff;
    font-weight: 300
}

.m-activate-help.activateHelp .helpBody a.question:hover,
.m-activate-help.activateHelp .helpBody .external-link:hover,
.m-activate-help.activateHelp .helpBody .description a:hover {
    color: rgba(255, 255, 255, 0.8)
}

.m-activate-feedback {
    color: #fff;
    font-weight: 100
}

.mobile .activate-feedback .page-wrapper {
    -webkit-overflow-scrolling: auto
}

.m-activate-feedback .feedbackWrapper {
    font-weight: lighter;
    line-height: 1.850625rem;
    padding-bottom: 3.75rem;
    text-align: center
}

.m-activate-feedback .header {
    color: #fff;
    font-size: .9375rem;
    font-weight: lighter;
    margin-left: .625rem;
    margin-right: .625rem;
    padding: 0;
    text-align: center;
    text-transform: none
}

@media only screen and (min-width: 30em) {
    .m-activate-feedback .header {
        font-size: 1.5rem
    }
}

.m-activate-feedback .subheader {
    font-size: .875rem;
    font-weight: lighter;
    margin-left: .625rem;
    margin-right: .625rem;
    text-align: center
}

@media only screen and (min-width: 30em) {
    .m-activate-feedback .subheader {
        font-size: 1.375rem
    }
}

.m-activate-feedback .content {
    display: inline-block;
    max-width: 26.8125rem;
    padding-top: 1.5625rem;
    text-align: left;
    width: auto
}

@media only screen and (min-width: 30em) {
    .m-activate-feedback .content {
        padding-top: 4.625rem
    }
}

.m-activate-feedback .content .field {
    background-color: rgba(43, 45, 54, 0.8);
    border: none;
    border-radius: 0;
    color: #fff;
    display: block;
    font-size: .6875rem;
    font-weight: 200;
    height: 3.25rem;
    margin-bottom: 0;
    padding: .75rem;
    width: 100%
}

@media only screen and (min-width: 30em) {
    .m-activate-feedback .content .field {
        height: 2.9375rem;
        font-size: 1rem;
        margin-bottom: 0;
        padding: .875rem
    }
}

.m-activate-feedback .content .field#issueCode {
    text-align: left;
    width: 100%
}

.m-activate-feedback .content .field#userComment {
    font-size: .8125rem;
    height: 6.5rem;
    padding: .4375rem .875rem;
    resize: none
}

@media only screen and (min-width: 30em) {
    .m-activate-feedback .content .field#userComment {
        height: 6.625rem
    }
}

.m-activate-feedback .content option {
    color: #000;
    background-color: #fff;
    border: none;
    padding: .625rem .25rem .625rem .875rem
}

.m-activate-feedback .content .label {
    display: block;
    margin-top: 2.375rem;
    text-transform: lowercase
}

@media only screen and (min-width: 30em) {
    .m-activate-feedback .content .label {
        padding-bottom: 1.125rem
    }
}

.m-activate-feedback .content .label .text {
    font-size: .75rem;
    font-weight: 100;
    text-transform: capitalize
}

@media only screen and (min-width: 30em) {
    .m-activate-feedback .content .label .text {
        font-size: 1.125rem
    }
}

.m-activate-feedback .content .label .text:before {
    color: red;
    content: "*";
    display: inline-block;
    padding-right: .125rem;
    vertical-align: middle
}

.m-activate-feedback .content label.required {
    display: block;
    margin-top: 2.375rem;
    margin-bottom: 0 !important
}

.m-activate-feedback .content .label .error:before {
    content: none
}

.m-activate-feedback .content .invalid {
    margin-bottom: 40px
}

.m-activate-feedback .content .invalid .field {
    margin-bottom: 0
}

.m-activate-feedback .m-feedback-required .active {
    color: #fff;
    font-style: italic;
    font-size: .625rem;
    line-height: .791875rem;
    font-weight: 100;
    margin-top: .625rem
}

@media only screen and (min-width: 30em) {
    .m-activate-feedback .m-feedback-required .active {
        font-size: .875rem
    }
}

.m-activate-feedback .content .m-feedback-requiredText {
    font-size: .8125rem;
    font-style: italic;
    margin-bottom: 1rem;
    margin-top: 2.375rem;
    text-transform: capitalize
}

.m-activate-feedback .content .m-feedback-requiredText .message-asterisk {
    color: #c50511;
    padding-right: .3125rem
}

.m-activate-feedback .datg-select {
    min-height: 2.9375rem;
    margin-top: 0
}

.m-activate-feedback .datg-select-custom .module-select,
.m-activate-feedback .datg-select:not(.disabled) .datg-select-custom .button:hover {
    background-color: #2b2d36;
    border: none;
    color: #fff
}

.m-activate-feedback .datg-select-custom .datg-select-custom-list .datg-select-custom-option {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.m-activate-feedback .datg-select .datg-select-custom-list {
    background-color: #2b2d36;
    color: #fff
}

.m-activate-feedback .datg-select .datg-select-custom-button-text {
    background-color: rgba(30, 31, 37, 0.8);
    padding: .875rem .5625rem;
    font-size: .6875rem;
    font-weight: 200;
    text-transform: capitalize
}

@media only screen and (min-width: 30em) {
    .m-activate-feedback .datg-select .datg-select-custom-button-text {
        font-size: 1rem
    }
}

.m-activate-feedback .content .styled-select select {
    background-image: url("");
    background-position: 95% center;
    background-repeat: no-repeat;
    background-size: 1.25rem .625rem;
    border: 0;
    color: #fff;
    display: block;
    font-size: 1rem;
    margin-bottom: 0;
    text-indent: .000625rem;
    text-overflow: '';
    text-shadow: none;
    width: 26.8125rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.m-activate-feedback .content .styled-select select::-ms-expand {
    display: none
}

.m-activate-feedback .content .styled-select select option:first-child {
    display: none
}

.m-activate-feedback .m-feedback-info {
    display: none
}

.m-activate-feedback .content .continueButton {
    border-radius: 1.5rem;
    font-weight: 200;
    margin: 1rem auto 3.125rem;
    width: 100%
}

.m-activate-feedback .m-spinner {
    display: block
}

.m-activate-feedback .form-field .error-message,
.m-activate-feedback .form-field .validation-message {
    display: none
}

.m-activate-feedback .form-field.field-error .error-message {
    display: inline-block
}

.m-activate-feedback .form-field.field-validation-error .validation-message {
    display: inline-block
}

.m-activate-feedback .confirmation {
    margin: 0 1.25rem;
    max-width: 36.25rem;
    padding-bottom: 2.5rem;
    text-align: center;
    width: auto;
    align-content: center
}

@media only screen and (min-width: 30em) {
    .m-activate-feedback .confirmation {
        margin: 1rem auto 5rem
    }
}

.m-activate-feedback .confirmation .header {
    font-size: 1rem;
    padding-bottom: 1.75rem;
    text-transform: none
}

@media only screen and (min-width: 30em) {
    .m-activate-feedback .confirmation .header {
        font-size: 1.625rem;
        line-height: 1.850625rem;
        padding-bottom: 1.5rem
    }
}

.m-activate-feedback .confirmation .message {
    display: block;
    font-size: .75rem;
    padding-bottom: 2.625rem;
    padding-top: 0
}

@media only screen and (min-width: 30em) {
    .m-activate-feedback .confirmation .message {
        font-size: 1.125rem;
        line-height: 1.640625rem;
        padding-bottom: 3.25rem
    }
}

.m-activate-feedback .confirmation .helpMessage {
    display: block;
    font-size: .6875rem;
    padding-bottom: 2.1875rem
}

@media only screen and (min-width: 30em) {
    .m-activate-feedback .confirmation .helpMessage {
        font-size: 1rem;
        line-height: 1.369375rem;
        padding-bottom: 2.75rem
    }
}

.m-activate-feedback .confirmation .helpButton {
    background-color: #e2b05e;
    border-radius: 1.5rem;
    color: #fff;
    display: block;
    font-size: .875rem;
    height: 2.5rem;
    line-height: 2.5rem;
    margin: 0 auto;
    width: 12.8125rem;
    text-transform: uppercase;
    -webkit-transition: background 400ms ease-in 0s, border 200ms ease-in 0s, color 200ms ease-in 0s;
    -moz-transition: background 400ms ease-in 0s, border 200ms ease-in 0s, color 200ms ease-in 0s;
    transition: background 400ms ease-in 0s, border 200ms ease-in 0s, color 200ms ease-in 0s
}

.m-activate-feedback .confirmation .helpButton:hover {
    background-color: #9d7c45
}

@media only screen and (min-width: 30em) {
    .m-activate-feedback .confirmation .helpButton {
        font-size: 1.375rem;
        height: 3.1875rem;
        line-height: 3.125rem;
        width: 14.875rem
    }
}

.m-activate-feedback .wrapper.submitted .header.logo {
    width: 7.5rem;
    height: 7.5rem;
    padding-bottom: 2.5rem
}

.m-activate-feedback .error {
    display: none
}

.m-activate-feedback .error.active {
    display: block
}

.m-activate-feedback.form-default .confirmation.step,
.m-activate-feedback.form-default .loadingstep.step,
.m-activate-feedback.form-error .confirmation.step,
.m-activate-feedback.form-error .loadingstep.step {
    display: none
}

.m-activate-feedback.form-loading .confirmation.step,
.m-activate-feedback.form-loading .feedbackWrapper.step {
    display: none
}

.m-activate-feedback.form-success .loadingstep.step,
.m-activate-feedback.form-success .feedbackWrapper.step {
    display: none
}

.m-activate-content .backButton {
    background-color: #fff
}

body.butterscotch .m-activate-content .retry {
    background-color: rgba(0, 0, 0, 0.1)
}

body.butterscotch .m-activate-content .retry:hover {
    background-color: #f7b81b
}

body.garnet .m-activate-content .retry {
    background-color: rgba(0, 0, 0, 0.1)
}

body.garnet .m-activate-content .retry:hover {
    background-color: #c50511
}

body.aluminum .m-activate-content .retry {
    background-color: rgba(0, 0, 0, 0.1)
}

body.aluminum .m-activate-content .retry:hover {
    background-color: #5c7594
}

body.default .m-activate-content .retry {
    background-color: rgba(0, 0, 0, 0.1)
}

body.default .m-activate-content .retry:hover {
    background-color: #e2b05e
}

.form ul.minorMvpds li.show:hover {
    background-color: rgba(0, 0, 0, 0);
    cursor: pointer
}

@media only screen and (min-width: 30em) {
    body.butterscotch .form ul.minorMvpds li.show:hover {
        background-color: #f7b81b
    }
    body.garnet .form ul.minorMvpds li.show:hover {
        background-color: #c50511
    }
    body.aluminum .form ul.minorMvpds li.show:hover {
        background-color: #5c7594
    }
    body.default .form ul.minorMvpds li.show:hover {
        background-color: #e2b05e
    }
}

@media only screen and (min-width: 42em) {
    body.butterscotch .forms ul.minorMvpds li .distributor-wrapper:hover {
        background-color: rgba(255, 255, 255, 0.2)
    }
}

@media only screen and (min-width: 42em) {
    body.garnet .forms ul.minorMvpds li .distributor-wrapper:hover {
        background-color: rgba(255, 255, 255, 0.2)
    }
}

@media only screen and (min-width: 42em) {
    body.aluminum .forms ul.minorMvpds li .distributor-wrapper:hover {
        background-color: rgba(255, 255, 255, 0.2)
    }
}

@media only screen and (min-width: 42em) {
    body.default .forms ul.minorMvpds li .distributor-wrapper:hover {
        background-color: rgba(255, 255, 255, 0.2)
    }
}

body.butterscotch .activateError .retry {
    background-color: #fff;
    color: #191919
}

body.butterscotch .activateError .retry:hover {
    background-color: rgba(255, 255, 255, 0.8)
}

body.garnet .activateError .retry {
    background-color: #fff;
    color: #191919
}

body.garnet .activateError .retry:hover {
    background-color: rgba(255, 255, 255, 0.8)
}

body.aluminum .activateError .retry {
    background-color: #fff;
    color: #191919
}

body.aluminum .activateError .retry:hover {
    background-color: rgba(255, 255, 255, 0.8)
}

body.default .activateError .retry {
    background-color: #fff;
    color: #191919
}

body.default .activateError .retry:hover {
    background-color: rgba(255, 255, 255, 0.8)
}

body.butterscotch .m-activate-help.activateHelp.butterscotch .question {
    background-color: #f7b81b
}

body.garnet .m-activate-help.activateHelp.butterscotch .question {
    background-color: #c50511
}

body.aluminum .m-activate-help.activateHelp.butterscotch .question {
    background-color: #5c7594
}

body.default .m-activate-help.activateHelp.butterscotch .question {
    background-color: #e2b05e
}

body.activate .page-wrapper {
    overflow-y: visible;
    min-height: 100%
}

body.activate .page-wrapper .region.content {
    height: auto;
    margin-top: 0;
    position: static;
    width: auto
}

body.activate .page-wrapper main.content {
    height: 100%
}

body.activate .m-message {
    background: #fff;
    display: none;
    max-width: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 11
}

@media only screen and (min-width: 42em) {
    body.activate .m-message {
        padding-right: 3.125rem
    }
}

body.activate .m-message.m-message-active {
    display: block
}

.activationLoading p {
    text-align: center
}

.m-oneid-activation {
    color: #fff;
    background-color: #191919
}

.m-oneid-activation a {
    color: #fff;
    font-weight: 300
}

.m-oneid-activation a:hover {
    color: rgba(255, 255, 255, 0.8)
}

.m-oneid-activation .m-oneid-activation-content {
    margin: 3rem auto 0;
    padding: 0 2.1875rem;
    position: inherit;
    display: block;
    overflow: hidden;
    height: auto
}

@media only screen and (min-width: 42em) {
    .m-oneid-activation .m-oneid-activation-content {
        margin-top: 4rem;
        max-width: 20rem;
        padding: 0
    }
}

.m-oneid-activation .m-oneid-activation-content .m-menu {
    display: none
}

.m-oneid-activation .m-oneid-activation-content .step.show {
    padding-bottom: 0
}

.m-oneid-activation .m-oneid-activation-content .step.sign-in-up.show {
    min-height: 14.125rem
}

.m-oneid-activation .m-oneid-activation-content .step.sign-in-up.show input.button {
    margin-top: 2rem
}

.m-oneid-activation .m-oneid-activation-content .step1 .help {
    font-size: .75rem;
    color: black;
    font-weight: 200
}

.m-oneid-activation .m-oneid-activation-content .step3 .description {
    padding-bottom: 1rem
}

.m-oneid-activation .m-oneid-activation-content .description h4 {
    font-size: 1.125rem;
    margin: .625rem 0 1.625rem
}

.m-oneid-activation .m-oneid-activation-content .description span.icon.abc-icon-check {
    display: inline-block;
    border-radius: 50%;
    background-color: #40c167;
    width: 1.5625rem;
    height: 1.5625rem;
    font-size: .875rem;
    padding-top: .4375rem
}

.m-oneid-activation .m-oneid-activation-content .description p {
    margin-bottom: 1rem;
    line-height: 140%
}

.m-oneid-activation .m-oneid-activation-content .description p.small {
    font-size: .875rem
}

.m-oneid-activation .m-oneid-activation-content .button,
.m-oneid-activation .m-oneid-activation-content form.activation input {
    display: inline-block;
    background-color: #fff;
    border-radius: 1.5rem;
    min-width: 15rem;
    min-height: 2.75rem;
    text-transform: uppercase;
    padding: .75rem 3.4375rem;
    color: #191919;
    font-size: .875rem;
    border: none;
    text-align: center;
    -webkit-transition: background 400ms ease-in 0s, border 200ms ease-in 0s, color 200ms ease-in 0s;
    -moz-transition: background 400ms ease-in 0s, border 200ms ease-in 0s, color 200ms ease-in 0s;
    transition: background 400ms ease-in 0s, border 200ms ease-in 0s, color 200ms ease-in 0s;
    min-width: 100%;
    width: 100%;
    display: block;
    line-height: 100%;
    height: auto;
    min-height: 2.75rem;
    font-size: .875rem;
    font-weight: 200
}

.m-oneid-activation .m-oneid-activation-content .button:focus,
.m-oneid-activation .m-oneid-activation-content form.activation input:focus {
    background-color: #fff;
    color: #191919
}

.m-oneid-activation .m-oneid-activation-content .button:hover,
.m-oneid-activation .m-oneid-activation-content .button:active,
.m-oneid-activation .m-oneid-activation-content form.activation input:hover,
.m-oneid-activation .m-oneid-activation-content form.activation input:active {
    background-color: rgba(255, 255, 255, 0.8);
    color: #191919
}

.m-oneid-activation .m-oneid-activation-content .button {
    font-weight: 300
}

.m-oneid-activation .m-oneid-activation-content a.button {
    padding: .9375rem 2.5rem
}

.m-oneid-activation .m-oneid-activation-content form.activation {
    margin: 1rem 0 1.5rem;
    display: block;
    width: auto;
    padding: 0;
    font-style: normal
}

.m-oneid-activation .m-oneid-activation-content form.activation input.activateCode {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    border: .0625rem solid transparent;
    font-family: "Poppins", sans-serif;
    padding: 0 1rem;
    border-radius: .125rem;
    -webkit-font-smoothing: antialiased;
    transition: all 500ms;
    box-shadow: none;
    text-align: left
}

.m-oneid-activation .m-oneid-activation-content form.activation input.activateCode::-moz-placeholder {
    color: #fff
}

.m-oneid-activation .m-oneid-activation-content form.activation input.activateCode::-webkit-input-placeholder {
    color: #fff
}

.m-oneid-activation .m-oneid-activation-content form.activation input.activateCode:-ms-input-placeholder {
    color: #fff
}

.m-oneid-activation .m-oneid-activation-content form.activation input.activateCode::placeholder {
    color: #fff
}

.m-oneid-activation .m-oneid-activation-content form.activation input.activateCode:focus {
    box-shadow: none;
    outline: 0
}

.m-oneid-activation .m-oneid-activation-content form.activation input.submit {
    margin: 2rem 0 0
}

.m-oneid-activation .m-oneid-activation-content form.activation .input-container .error {
    display: none;
    margin-top: .4375rem
}

.m-oneid-activation .m-oneid-activation-content form.activation .input-container .error p {
    font-size: .75rem;
    margin: 0;
    line-height: 130%
}

.m-oneid-activation .m-oneid-activation-content form.activation.error .input-container .error {
    display: block;
    width: auto;
    padding: 0;
    font-style: normal
}

.m-oneid-activation .m-oneid-activation-content form.activation.error .input-container .activateCode {
    border: .0625rem solid #ba3e3e;
    color: #ba3e3e;
    font-style: normal
}

.m-oneid-activation .m-oneid-activation-content form.activation.error .input-container .activateCode::-moz-placeholder {
    color: #ba3e3e
}

.m-oneid-activation .m-oneid-activation-content form.activation.error .input-container .activateCode::-webkit-input-placeholder {
    color: #ba3e3e
}

.m-oneid-activation .m-oneid-activation-content form.activation.error .input-container .activateCode:-ms-input-placeholder {
    color: #ba3e3e
}

.m-oneid-activation .m-oneid-activation-content form.activation.error .input-container .activateCode::placeholder {
    color: #ba3e3e
}

.m-oneid-activation .m-oneid-activation-content .steps {
    margin: 6.75rem 0 3.125rem;
    position: relative
}

.m-oneid-activation .m-oneid-activation-content .steps:before {
    content: '';
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    border-top: 2px solid rgba(255, 255, 255, 0.1)
}

.m-oneid-activation .m-oneid-activation-content .steps ul {
    margin: 0;
    text-align: center
}

.m-oneid-activation .m-oneid-activation-content .steps ul li {
    font-size: .75rem;
    color: rgba(255, 255, 255, 0.2);
    border-top: 2px solid transparent;
    margin-left: 0;
    padding: .375rem 0;
    float: none;
    transition: all 500ms;
    display: inline-block
}

@media only screen and (max-width: 20em) {
    .m-oneid-activation .m-oneid-activation-content .steps ul li {
        font-size: .625rem
    }
}

.m-oneid-activation .m-oneid-activation-content .steps ul li:nth-child(1) {
    float: left;
    width: auto
}

.m-oneid-activation .m-oneid-activation-content .steps ul li:nth-child(3) {
    float: right;
    width: auto
}

.m-oneid-activation .m-oneid-activation-content .steps ul li.active {
    color: #fff;
    border-top: 2px solid #fff
}

.m-adblock {
    display: table;
    position: relative;
    width: 100%
}

@media only screen and (max-width: 29.9375em) {
    .m-adblock.columns {
        padding: 0
    }
}

.m-adblock .centered {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 100%
}

@media only screen and (min-width: 30em) {
    .m-adblock .centered {
        background: #191919
    }
}

.ad-unit.displayad {
    background: #eee;
    height: 17.5rem;
    margin: 0 auto;
    padding: .9375rem;
    text-align: center;
    width: 20.625rem
}

.ad-unit-wrapper .ad-wrapper {
    max-width: 20.875rem
}

@media only screen and (min-width: 30em) {
    .m-adblock.adblock320x250 {
        height: 17.5rem;
        width: 20.875rem
    }
    .m-adblock.adblock320x250 .ad-unit-target {
        height: 15.625rem;
        width: 20rem
    }
}

@media only screen and (min-width: 42em) {
    .m-adblock.adblock320x250 {
        height: 17.5rem;
        width: 20.875rem
    }
}

.m-adblock.adblock320x100.not-visible,
.m-adblock.adblock320x250.not-visible {
    display: none
}

.m-adblock.adblock320x100 {
    margin-top: -1rem
}

.m-adblock.adblock320x100 .centered {
    background: #f3f3f3;
    padding: 1rem 0;
    display: block;
    margin: 0 auto
}

.m-text.withad .ad-unit-wrapper {
    display: block;
    margin: 0;
    top: 0
}

@media only screen and (min-width: 42em) {
    .m-text.withad .ad-unit-wrapper {
        margin: 0;
        max-width: 20.5rem;
        right: 0
    }
}

.m-text.withad .m-text-wrapper {
    display: flex;
    flex-direction: column
}

@media only screen and (min-width: 42em) {
    .m-text.withad .m-text-wrapper {
        flex-direction: row
    }
}

#ns__zoom_svg {
    display: block
}

#_fw_container_rectangle {
    display: inline-block;
    position: relative;
    z-index: 1
}

.m-adblock .centered img,
.m-adblock .centered iframe,
.m-adblock .centered object {
    margin: 0 auto
}

.tile.ad .center-box {
    display: table;
    width: 100%;
    height: 100%
}

.tile.ad .center-box .centered {
    background: #2b2d36;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    height: 100%;
    width: 100%
}

.tile.ad .m-adblock.adblock320x250 {
    width: 100%;
    height: 100%
}

.sm-skinnableBanner.row {
    padding: 0
}

#_fw_container_SkinnableBanner:empty {
    display: none;
    height: auto
}

#_fw_container_SkinnableBanner {
    display: block;
    height: 5.625rem;
    position: relative
}

#_fw_container_SkinnableBanner img {
    height: 5.625rem;
    left: 50%;
    margin-left: -31.25rem;
    max-width: none;
    position: absolute;
    top: 0;
    width: 62.5rem
}

#_fw_container_thinbanner {
    margin: 0 auto;
    text-align: center
}

#_fw_container_thinbanner span:first-child {
    padding: 1.25rem 0
}

#_fw_frame_thinbanner {
    display: block;
    margin: 0 auto;
    text-align: center
}

.m-tilegroup.m-tilegroup-trending-shows .tile.ad .aspect-ratio-buffer {
    min-height: 17.3125rem
}

@media only screen and (min-width: 42em) {
    .m-tilegroup.m-tilegroup-trending-shows .tile.ad .aspect-ratio-buffer {
        padding-bottom: 0
    }
}

.m-tilegroup.m-tilegroup-trending-shows .tile.ad .ad-wrapper {
    background: #eee;
    margin: 0 auto;
    max-width: none;
    padding: 1.25rem
}

@media only screen and (min-width: 62.5em) and (max-width: 240em) {
    .m-tilegroup.m-tilegroup-trending-shows .tile.ad .ad-wrapper {
        padding: 0;
        max-width: 21.25rem
    }
}

.m-tilegroup.m-tilegroup-trending-shows .tile.ad .ad-wrapper ._fwac {
    display: inline-block
}

.m-tilegroup.m-tilegroup-trending-shows .tile.ad .aspect-ratio-buffer.m-ad-300600 {
    min-height: 40.625rem
}

@media only screen and (min-width: 62.5em) {
    .m-tilegroup.m-tilegroup-trending-shows .tile.ad .aspect-ratio-buffer.m-ad-300600 {
        position: absolute;
        right: 0;
        z-index: 1
    }
}

@media only screen and (min-width: 62.5em) {
    .m-tilegroup.m-tilegroup-trending-shows .tile.ad .aspect-ratio-buffer.m-ad-300600 .ad-wrapper {
        max-width: 20.4375rem;
        min-height: 41.125rem
    }
}

.cssgradients .m-tilegroup.m-tilegroup-trending-shows .tiles .tile .bg-gradient::after {
    background-image: -webkit-linear-gradient(rgba(29, 29, 29, 0) 75%, rgba(29, 29, 29, 0.4) 100%);
    background-image: linear-gradient(rgba(29, 29, 29, 0) 75%, rgba(29, 29, 29, 0.4) 100%)
}

.affiliatewrapper {
    display: none
}

.affiliate-displayed .affiliatewrapper {
    display: block
}

.affiliateTitle {
    text-transform: capitalize;
    color: #fff;
    font-size: .9375rem;
    font-weight: 300;
    margin-bottom: 0
}

.affilate-logo.hasDistro {
    width: 4.0625rem;
    height: 3.21875rem;
    margin-bottom: 0;
    position: absolute;
    top: 0
}

@media only screen and (min-width: 42em) {
    .affilate-logo.hasDistro {
        margin: .3125rem 0 1.25rem;
        width: 5.625rem;
        height: 3.75rem
    }
}

.affiliatePicker {
    background-image: url("");
    background-size: cover;
    padding: 1.875rem 2.625rem;
    text-align: center
}

@media only screen and (min-width: 42em) {
    .affiliatePicker {
        padding: 1.875rem 7.625rem
    }
}

.affiliatePicker .screenTitle {
    padding-top: 8rem;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center 2rem;
    background-size: 4.6875rem;
    background-image: url("");
    margin: 0 auto .5rem;
    width: 65%
}

body.butterscotch .affiliatePicker .screenTitle {
    background-image: url("")
}

body.garnet .affiliatePicker .screenTitle {
    background-image: url("")
}

body.aluminum .affiliatePicker .screenTitle {
    background-image: url("")
}

body.default .affiliatePicker .screenTitle {
    background-image: url("")
}

.affiliatePicker .copy {
    font-size: 1.5rem;
    color: #fff;
    text-align: center;
    margin-bottom: 0
}

.affiliatePicker .selectNote {
    font-size: 1rem;
    color: #b2afad;
    text-align: center;
    margin-bottom: .3125rem
}

.affiliatePicker .affiliatesAlt {
    display: none;
    position: absolute;
    border: #eee .0625rem solid;
    background: white;
    width: 16rem;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 25%
}

@media only screen and (min-width: 42em) {
    .affiliatePicker .affiliatesAlt {
        width: 28rem
    }
}

.affiliatePicker .olay {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    background: rgba(0, 0, 0, 0.5)
}

.affiliatePicker .affiliatesAlt h4 {
    font-size: 1rem;
    line-height: 2;
    background: #eee;
    color: #000;
    margin-top: 0
}

.affiliatePicker .affiliatesAlt h4 .close {
    float: right;
    background: #fff;
    line-height: 1;
    padding: 0 .3125rem .25rem;
    margin: .25rem
}

.affiliatePicker .affiliatesAlt h4 .close:before {
    content: "\00d7";
    color: inherit;
    font-weight: bold
}

.affiliatePicker .affiliates {
    margin: 0 auto;
    text-align: center
}

.affiliatePicker .affiliates li {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    margin-left: .625rem;
    margin-right: .625rem;
    margin-top: .3125rem
}

.affiliatePicker .extra {
    color: #fff;
    font-size: 1.125rem;
    margin-bottom: 1.5625rem
}

.butterscotch .affiliatePicker .helps a {
    color: #f7b81b
}

.garnet .affiliatePicker .helps a {
    color: #c50511
}

.aluminum .affiliatePicker .helps a {
    color: #5c7594
}

.default .affiliatePicker .helps a {
    color: #e2b05e
}

.affiliatePicker .footnote {
    color: #b9b9b9;
    font-size: .75rem;
    padding: 1rem 0 0
}

.showMoreProviders .affiliatePicker .affiliatesAlt {
    display: block
}

.showMoreProviders .affiliatePicker .olay {
    display: block
}

.approadblock {
    display: table;
    width: 100%;
    height: 100%;
    background: #1d1d1d;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 1px
}

.approadblock .approadblock-wrapper {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.approadblock .approadblock-cta {
    color: #fff;
    border-color: #fff;
    margin-bottom: .8125rem
}

.approadblock .approadblock-title {
    margin-top: .625rem;
    margin-bottom: .8125rem
}

.approadblock .approadblock-subtitle {
    margin: 0 0 .375rem 0
}

.m-allshows .m-allshows-column-wrapper {
    padding: 0
}

.m-allshows-category-selector {
    background-color: #191919;
    height: 4.625rem;
    overflow: hidden;
    position: relative
}

.m-allshows-category-selector .slick-slider {
    opacity: 0
}

.m-allshows-category-selector .slick-slider.slick-initialized {
    opacity: 1;
    transition: opacity 0.2s ease-in
}

.m-allshows-category-selector ul.slick-slider {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0
}

.m-allshows-category-selector ul.slick-slider.enabled {
    margin-left: .5rem;
    margin-right: .75rem;
    margin-bottom: 0
}

.m-allshows-category-selector .row {
    height: 4.6875rem
}

.m-allshows-category-selector:not(.hide-arrows) .row {
    padding-right: 1.0625rem;
    padding-left: 1.0625rem
}

.m-allshows-category-selector button.slick-prev,
.m-allshows-category-selector button.slick-next {
    display: none
}

.m-allshows-category-selector hr {
    position: absolute;
    height: .1875rem;
    width: 0;
    margin: 0;
    border: none;
    margin-top: -.1875rem;
    display: none;
    z-index: 1
}

.m-allshows-category-selector hr.enable-animation {
    transition: .35s ease-in-out
}

.m-allshows .m-allshows-tilegroup .module-title {
    margin-bottom: .5rem;
    margin-top: 1.25rem;
    display: none
}

@media only screen and (min-width: 42em) {
    .m-allshows .m-allshows-tilegroup .module-title {
        margin-bottom: .75rem;
        margin-top: 1.25rem
    }
}

.m-allshows-category-selector .tile {
    display: inline-block;
    height: 4.625rem;
    line-height: 4.625rem;
    padding: 0 1rem
}

.m-allshows-category-selector .tile .categoryLink {
    font-size: .875rem;
    font-weight: 200;
    color: rgba(255, 255, 255, 0.4);
    display: block;
    height: 4.625rem;
    text-transform: capitalize;
    -webkit-transition: color 400ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -moz-transition: color 400ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
    transition: color 400ms cubic-bezier(0.23, 1, 0.32, 1) 0s
}

.m-allshows-category-selector .tile .categoryLink:hover {
    color: rgba(255, 255, 255, 0.8)
}

.m-allshows-category-selector .selected-category.show .categoryLink {
    border: none;
    color: #fff
}

.m-allshows-nav {
    cursor: pointer;
    display: block;
    height: 4.625rem;
    position: absolute;
    top: 0;
    width: 1.5rem;
    background-color: #191919;
    z-index: 2
}

.m-allshows-nav span {
    line-height: 4.625rem;
    font-size: .625rem;
    color: #fff;
    font-weight: 700;
    visibility: visible;
    opacity: 1;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out
}

.m-allshows-nav.prev {
    padding-right: .1875rem;
    text-align: right;
    left: 0
}

.m-allshows-nav.next {
    padding-left: .1875rem;
    text-align: left;
    right: 0
}

.m-allshows-nav.next:before {
    pointer-events: none;
    content: '';
    display: block;
    height: 4.625rem;
    position: absolute;
    right: 1.5rem;
    top: 0;
    width: 1.75rem;
    background: -webkit-linear-gradient(left, rgba(25, 25, 25, 0.1) 5%, #191919);
    background: -moz-linear-gradient(left, rgba(25, 25, 25, 0.1) 5%, #191919);
    background: -ms-linear-gradient(left, rgba(25, 25, 25, 0.1) 5%, #191919);
    background: -o-linear-gradient(left, rgba(25, 25, 25, 0.1) 5%, #191919);
    transition: width 0.5s ease-out;
    -webkit-transition: width 0.5s ease-out;
    -moz-transition: width 0.5s ease-out;
    -o-transition: width 0.5s ease-out
}

.m-allshows-nav.prev:after {
    pointer-events: none;
    content: '';
    display: block;
    height: 4.625rem;
    position: absolute;
    left: 1.5625rem;
    top: 0;
    width: 1.0625rem;
    background: -webkit-linear-gradient(right, rgba(25, 25, 25, 0.1) 5%, #191919);
    background: -moz-linear-gradient(right, rgba(25, 25, 25, 0.1) 5%, #191919);
    background: -ms-linear-gradient(right, rgba(25, 25, 25, 0.1) 5%, #191919);
    background: -o-linear-gradient(right, rgba(25, 25, 25, 0.1) 5%, #191919)
}

.m-allshows-nav.prev.slick-disabled span {
    visibility: hidden;
    opacity: 0
}

.m-allshows-nav.next.slick-disabled span {
    visibility: hidden;
    opacity: 0
}

.m-allshows-nav.next.slick-disabled:before {
    width: 0
}

.hide-arrows .m-allshows-category-list li a {
    left: 0
}

.hide-arrows .m-allshows-category-list li:first-of-type {
    padding-left: 0
}

.hide-arrows .m-allshows-nav,
.hide-arrows .m-allshows-nav span {
    visibility: hidden
}

.m-allshows-category-detail.loading .m-allshows-tilegroup {
    visibility: hidden
}

.m-allshows-category-selector .enabled .tile:last-child {
    padding-right: 0 !important
}

body.butterscotch .m-allshows-category-selector hr {
    background: #f7b81b
}

body.garnet .m-allshows-category-selector hr {
    background: #c50511
}

body.aluminum .m-allshows-category-selector hr {
    background: #5c7594
}

body.default .m-allshows-category-selector hr {
    background: #e2b05e
}

#vp2_adobe_access_enabler,
#vp2_flash_check {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 500;
    width: .0625rem;
    visibility: visible
}

.m-blog_detail,
.m-blog_comments {
    padding: 0
}

@media only screen and (min-width: 42em) {
    .m-blog_detail,
    .m-blog_comments {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

@media only screen and (min-width: 62.5em) {
    .m-blog_detail,
    .m-blog_comments {
        padding-left: 0;
        padding-right: 2.3125rem
    }
}

[class*="column"]+.m-blog_comments[class*="column"]:last-child {
    float: none
}

.m-blog_detail.on-news header {
    margin-top: .9375rem
}

.m-blog_detail header .module-title {
    margin-bottom: 0;
    margin-top: 0;
    color: #fff
}

.m-blog_detail header .subheader {
    margin: .625rem 0 1.25rem
}

@media only screen and (min-width: 42em) {
    .m-blog_detail header .subheader {
        font-size: .9375rem
    }
}

.m-blog_detail header .m-social-block {
    margin-bottom: 1.875rem
}

@media only screen and (min-width: 42em) {
    .m-blog_detail header .m-social-block {
        margin-bottom: 2.5rem
    }
}

.m-blog_detail header .abc-icon-comments {
    margin-right: 7px;
    vertical-align: middle
}

.m-blog_detail header .text1 {
    text-transform: none
}

@media only screen and (min-width: 42em) {
    .m-blog_detail header .text1 {
        font-size: 1.875rem
    }
}

@media only screen and (min-width: 42em) {
    .m-blog_detail header .text5 {
        font-size: .9375rem
    }
}

.m-blog_detail .m-blog_detail-comments .privacyNote,
.m-blog_comments .m-blog_detail-comments .privacyNote {
    line-height: 1.0625rem;
    margin-bottom: 1.25rem
}

.m-blog_detail .m-blog_detail-comments .privacyNote a,
.m-blog_comments .m-blog_detail-comments .privacyNote a {
    text-decoration: underline
}

.m-blog_detail .m-blog_detail-comments .numberOfComments,
.m-blog_comments .m-blog_detail-comments .numberOfComments {
    margin-left: .1875rem
}

@media only screen and (min-width: 42em) {
    .m-blog_detail .m-blog_detail-comments .text2,
    .m-blog_comments .m-blog_detail-comments .text2 {
        font-size: 1.25rem
    }
}

@media only screen and (min-width: 62.5em) {
    .m-blog_detail .m-blog_detail-comments .text2,
    .m-blog_comments .m-blog_detail-comments .text2 {
        font-size: 1.5rem
    }
}

@media only screen and (min-width: 42em) {
    .m-blog_detail .m-blog_detail-comments .numberOfComments,
    .m-blog_comments .m-blog_detail-comments .numberOfComments {
        font-size: .875rem
    }
}

@media only screen and (min-width: 62.5em) {
    .m-blog_detail .m-blog_detail-comments .numberOfComments,
    .m-blog_comments .m-blog_detail-comments .numberOfComments {
        font-size: 1.0625rem
    }
}

.fb-comments,
.fb-comments iframe[style],
.fb_iframe_widget_fluid span {
    width: 100% !important
}

.content-gutter .m-blog_detail .ad-wrapper,
.content-gutter .m-blog_comments .ad-wrapper {
    display: flex;
    justify-content: center;
    overflow: hidden
}

.content-gutter .m-blog_detail .ad-wrapper .m-adblock,
.content-gutter .m-blog_comments .ad-wrapper .m-adblock {
    margin: 0 0 2.5rem 0
}

.content-gutter .m-blog_detail .ad-wrapper .m-adblock.not-visible,
.content-gutter .m-blog_comments .ad-wrapper .m-adblock.not-visible {
    display: none
}

@media only screen and (min-width: 30em) {
    .content-gutter .m-blog_detail .ad-wrapper .m-adblock,
    .content-gutter .m-blog_comments .ad-wrapper .m-adblock {
        height: 17.5rem;
        width: 20.5rem
    }
}

@media only screen and (min-width: 62.5em) {
    .content-gutter .m-blog_detail .ad-wrapper,
    .content-gutter .m-blog_comments .ad-wrapper {
        margin: 0;
        position: absolute;
        right: -23.125rem;
        top: 0
    }
}

@media only screen and (min-width: 62.5em) {
    .module.m-tilegroup.m-related-blogs,
    .module.m-blog_detail {
        margin-top: .9375rem
    }
}

.breadcrumbs {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

@media only screen and (min-width: 42em) {
    .breadcrumbs {
        margin-top: 1.875rem;
        margin-bottom: 1.25rem
    }
}

@media only screen and (min-width: 62.5em) {
    .breadcrumbs {
        margin-top: 2.5rem;
        margin-bottom: 1.875rem
    }
}

.inline-list .breadcrumb {
    margin-left: .625rem
}

.inline-list .breadcrumb .breadcrumb-icon {
    font-size: .625rem;
    margin-right: .625rem;
    color: #fff
}

.inline-list .breadcrumb .breadcrumb-icon,
.inline-list .breadcrumb .breadcrumb-link {
    display: inline-block
}

.inline-list .breadcrumb .breadcrumb-icon:hover,
.inline-list .breadcrumb .breadcrumb-icon span:hover,
.inline-list .breadcrumb .breadcrumb-link:hover,
.inline-list .breadcrumb .breadcrumb-link span:hover {
    color: rgba(255, 255, 255, 0.8)
}

.inline-list .breadcrumb .text7 {
    color: #fff;
    font-size: .625rem;
    margin: 0;
    white-space: nowrap
}

@media only screen and (min-width: 30em) {
    .inline-list .breadcrumb .text7 {
        font-size: .875rem
    }
}

@media only screen and (min-width: 62.5em) {
    .inline-list .breadcrumb .text7 {
        font-size: 1rem
    }
}

.inline-list .breadcrumb:first-child {
    margin-left: 0
}

.inline-list .breadcrumb:first-child .breadcrumb-icon {
    display: none
}

.inline-list .breadcrumb:last-child .text7 {
    color: #fff
}

.breadcrumbs .inline-list {
    margin-left: 0;
    margin-bottom: 0
}

.cast {
    overflow: hidden;
    position: relative
}

.m-cast-list-content {
    clear: both;
    position: relative
}

.cast-list {
    margin: 0;
    padding: 0;
    padding-left: .1875rem;
    padding-right: .1875rem;
    width: 100%;
    float: left
}

@media only screen and (min-width: 42em) {
    .ad-loaded .cast-list {
        padding-right: 21.375rem
    }
}

.cast-list.mobile-rail {
    font-size: 0;
    height: 10.78125rem;
    overflow: hidden;
    white-space: nowrap
}

@media only screen and (min-width: 42em) {
    .cast-list.mobile-rail {
        height: 17.5rem
    }
}

.cast-list .cast-list-wrapper {
    margin-bottom: 1.25rem;
    padding: 0
}

@media only screen and (min-width: 42em) {
    .cast-list .cast-list-wrapper {
        margin-bottom: 0
    }
}

html.touch .cast-list .m-cast-list-arrow {
    display: none !important
}

@media only screen and (min-width: 42em) {
    html.touch .cast-list .m-cast-list-arrow {
        display: block
    }
}

.cast-list .m-cast-list-arrow {
    position: absolute;
    top: 50%;
    display: none;
    left: 0;
    margin-top: -1.6875rem;
    height: 3.375rem;
    width: 2.3125rem;
    background: rgba(25, 25, 25, 0.5);
    cursor: pointer;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    perspective: 1000;
    -webkit-transition: opacity 800ms cubic-bezier(0.23, 1, 0.32, 1) 0s, background 800ms cubic-bezier(0.23, 1, 0.32, 1) 0s, width 800ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -moz-transition: opacity 800ms cubic-bezier(0.23, 1, 0.32, 1) 0s, background 800ms cubic-bezier(0.23, 1, 0.32, 1) 0s, width 800ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
    transition: opacity 800ms cubic-bezier(0.23, 1, 0.32, 1) 0s, background 800ms cubic-bezier(0.23, 1, 0.32, 1) 0s, width 800ms cubic-bezier(0.23, 1, 0.32, 1) 0s
}

.cast-list .m-cast-list-arrow:hover {
    background: rgba(25, 25, 25, 0.8);
    width: 2.8125rem
}

html.touch .cast-list .m-cast-list-arrow {
    background: rgba(25, 25, 25, 0.8)
}

.cast-list .m-cast-list-arrow.slick-disabled {
    display: none !important
}

.tiles.mobile-rail .cast-list .m-cast-list-arrow {
    display: block
}

.cast-list .m-cast-list-arrow .icon {
    color: #fff;
    font-size: 1.875rem;
    white-space: initial;
    text-align: center;
    width: 2.3125rem;
    display: inline-block;
    line-height: 3.375rem
}

.cast-list .m-cast-list-arrow.m-cast-list-arrow-next {
    left: auto;
    right: 0;
    text-align: right
}

@media only screen and (min-width: 42em) {
    .ad-loaded .cast-list .m-cast-list-arrow.m-cast-list-arrow-next {
        right: 21.1875rem
    }
}

.cast-list .tile {
    float: none;
    height: 10.78125rem;
    margin: .1875rem .375rem 0 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 15.25rem
}

@media only screen and (min-width: 42em) {
    .cast-list .tile {
        display: block;
        float: left;
        height: 17.5rem;
        margin: .1875rem .1875rem;
        overflow: hidden
    }
}

.cast.tile-strip .cast-list .tile {
    display: inline-block;
    margin-top: 0
}

.cast-list .tile .bg-gradient::after {
    content: '';
    height: 100%;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background-image: -webkit-linear-gradient(rgba(29, 29, 29, 0.15) 100%, rgba(29, 29, 29, 0.15) 100%), -webkit-linear-gradient(rgba(29, 29, 29, 0) 60%, rgba(29, 29, 29, 0.4) 100%);
    background-image: linear-gradient(rgba(29, 29, 29, 0.15) 100%, rgba(29, 29, 29, 0.15) 100%), linear-gradient(rgba(29, 29, 29, 0) 60%, rgba(29, 29, 29, 0.4) 100%)
}

.cast-list .tile .cast-member-details {
    bottom: 0;
    height: 50%;
    position: absolute;
    width: 100%;
    z-index: 11;
    text-shadow: .03125rem .054125rem .125rem #000;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.cast-list .tile .cast-member-title {
    bottom: .625rem;
    color: #fff;
    max-width: 100%;
    padding: 0 .625rem;
    position: absolute;
    white-space: normal
}

.cast-list .tile .cast-member-img-link {
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center
}

.cast-list .tile .cast-member-img {
    display: inline-block;
    height: 10.78125rem;
    left: 50%;
    max-width: none;
    position: relative;
    text-align: center;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media only screen and (min-width: 30em) {
    .cast-list .tile .cast-member-img {
        height: 17.5rem
    }
}

.m-cast-list-fluid .background-link {
    height: 100%
}

.m-cast-list-fluid .background .fluid-img {
    height: 10.78125rem;
    left: 50%;
    max-width: none;
    position: relative;
    width: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media only screen and (min-width: 42em) {
    .m-cast-list-fluid .background .fluid-img {
        height: 17.5rem
    }
}

.m-cast-list-fluid.tile-strip .tiles .tile:last-child,
.m-cast-list-fluid.tile-strip .tiles.slick-slider .tile {
    float: none;
    max-width: 20.4375rem;
    min-width: 7.9375rem;
    padding: 0
}

.m-cast-list-fluid .details {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    perspective: 1000;
    bottom: 0;
    padding: 0 .625rem .625rem;
    position: absolute;
    width: 100%;
    z-index: 12
}

.m-cast-list-fluid .details .title {
    color: #fff;
    font-size: 1.0625rem;
    margin-bottom: 0;
    margin-top: 0;
    font-weight: normal;
    text-shadow: .03125rem .054125rem .125rem #000
}

@media only screen and (min-width: 30em) {
    .m-cast-list-fluid .details .title {
        font-size: 1.0625rem
    }
}

.cast-tile-group .module-title {
    text-transform: uppercase;
    letter-spacing: .125rem
}

.cast-tile-group .tile .details {
    padding-top: 0
}

.cast .m-ad {
    display: none
}

.cast.ad-loaded .m-ad {
    display: block
}

.cast .cast-ad-unit {
    margin: 2.875rem auto 0;
    padding: 0;
    width: 100%;
    width: -webkit-calc(100% - .375rem);
    width: calc(100% - .375rem)
}

@media only screen and (min-width: 30em) {
    .cast .cast-ad-unit {
        background: #eee;
        height: 17.5rem;
        margin-top: 2.125rem;
        width: 20.875rem
    }
}

@media only screen and (min-width: 42em) {
    .cast .cast-ad-unit {
        max-width: 20.875rem;
        margin: 0;
        position: absolute;
        right: 0;
        top: 0
    }
}

@media only screen and (min-width: 30em) {
    .cast .ad-wrapper {
        height: 17.5rem;
        margin: 0 auto;
        width: 20.875rem
    }
}

.cast .cast-ad-unit .ad-unit-wrapper {
    min-height: 17.5rem
}

.cast .cast-ad-unit .adBlockSpot {
    min-height: 17.5rem;
    padding: .9375rem .625rem
}

.m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.new-cast .tiles .tile.new-home.new-cast {
    height: 12.125rem;
    width: 8.25rem !important;
    margin-right: .5rem
}

.m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.new-cast .tiles .tile.new-home.new-cast .image-cropper {
    width: 8.25rem;
    height: 8.25rem;
    overflow: hidden;
    border-radius: 50%;
    margin: 0 auto;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -khtml-border-radius: 50%
}

.m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.new-cast .tiles .tile.new-home.new-cast .image-cropper .aspect-ratio-buffer.aspect-16x9 {
    max-height: 8.25rem
}

.m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.new-cast .tiles .tile.new-home.new-cast .image-cropper .aspect-ratio-buffer.aspect-16x9 picture img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -khtml-border-radius: 50%;
    vertical-align: middle
}

@media only screen and (min-width: 48rem) {
    .m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.new-cast .tiles .tile.new-home.new-cast .image-cropper .aspect-ratio-buffer.aspect-16x9 picture img {
        min-height: 9.75rem
    }
}

@media only screen and (min-width: 64rem) {
    .m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.new-cast .tiles .tile.new-home.new-cast .image-cropper .aspect-ratio-buffer.aspect-16x9 picture img {
        min-height: 9.375rem
    }
}

@media only screen and (min-width: 90rem) {
    .m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.new-cast .tiles .tile.new-home.new-cast .image-cropper .aspect-ratio-buffer.aspect-16x9 picture img {
        min-height: 13.1875rem
    }
}

@media only screen and (min-width: 48rem) {
    .m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.new-cast .tiles .tile.new-home.new-cast .image-cropper .aspect-ratio-buffer.aspect-16x9 {
        max-height: 9.75rem
    }
}

@media only screen and (min-width: 64rem) {
    .m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.new-cast .tiles .tile.new-home.new-cast .image-cropper .aspect-ratio-buffer.aspect-16x9 {
        max-height: 9.375rem
    }
}

@media only screen and (min-width: 90rem) {
    .m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.new-cast .tiles .tile.new-home.new-cast .image-cropper .aspect-ratio-buffer.aspect-16x9 {
        max-height: 13.1875rem
    }
}

@media only screen and (min-width: 48rem) {
    .m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.new-cast .tiles .tile.new-home.new-cast .image-cropper {
        width: 9.75rem;
        height: 9.75rem
    }
}

@media only screen and (min-width: 64rem) {
    .m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.new-cast .tiles .tile.new-home.new-cast .image-cropper {
        width: 9.375rem;
        height: 9.375rem;
        margin-left: .5rem
    }
}

@media only screen and (min-width: 90rem) {
    .m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.new-cast .tiles .tile.new-home.new-cast .image-cropper {
        width: 13.1875rem;
        height: 13.1875rem;
        margin-left: .5rem
    }
}

.m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.new-cast .tiles .tile.new-home.new-cast .details {
    text-shadow: none;
    bottom: -1rem
}

.m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.new-cast .tiles .tile.new-home.new-cast .details .title {
    max-height: 1.75rem;
    line-height: 1.25rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-height: 2.5rem;
    font-size: 1rem
}

.m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.new-cast .tiles .tile.new-home.new-cast .details .title.text3 {
    color: #fff;
    font-size: 1rem;
    text-align: center
}

.m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.new-cast .tiles .tile.new-home.new-cast .details .title.text5 {
    color: #ccc;
    font-size: .875rem;
    text-align: center;
    margin-top: .625rem
}

@media only screen and (min-width: 48rem) {
    .m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.new-cast .tiles .tile.new-home.new-cast {
        height: 13.625rem;
        width: 9.75rem !important;
        margin-right: 1rem
    }
}

@media only screen and (min-width: 64rem) {
    .m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.new-cast .tiles .tile.new-home.new-cast {
        height: 13.25rem;
        width: 10.375rem !important;
        margin-right: .75rem
    }
}

@media only screen and (min-width: 90rem) {
    .m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.new-cast .tiles .tile.new-home.new-cast {
        height: 17.0625rem;
        width: 14.1875rem !important;
        margin-right: 1rem
    }
}

.m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.new-cast .tiles:not(.enabled) .tile.new-home.new-cast:last-child {
    margin-right: 0
}

.m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.new-cast .tiles:not(.enabled) .tile.new-home.new-cast:nth-child(n+5) {
    margin-right: 0
}

@media only screen and (min-width: 64rem) {
    .m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.new-cast .tiles:not(.enabled) .tile.new-home.new-cast:nth-child(n+5) {
        margin-right: 0
    }
}

@media only screen and (min-width: 90rem) {
    .m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.new-cast .tiles:not(.enabled) .tile.new-home.new-cast:nth-child(n+5) {
        margin-right: 0
    }
}

.m-contentgroup .module-title {
    font-size: 1.125rem;
    margin-bottom: .875rem;
    margin-top: 1.8125rem;
    min-height: 1.5625rem
}

@media only screen and (min-width: 30em) {
    .m-contentgroup .module-title {
        margin-top: 2.125rem
    }
}

@media only screen and (min-width: 42em) {
    .m-contentgroup .module-title {
        margin-top: 2.75rem;
        font-size: 1.25rem
    }
}

@media only screen and (min-width: 62.5em) {
    .m-contentgroup .module-title {
        margin-bottom: 1.1875rem;
        margin-top: 3.375rem
    }
}

.loadmore-button {
    color: #fff;
    background-color: #e2b05e;
    border-radius: 1.5rem;
    font-size: 1.0625rem;
    margin-bottom: 0;
    margin-top: 1.25rem
}

.last-page .loadmore-button {
    display: none
}

.m-contentgroupplaylist .loadmore-button {
    display: none
}

.loading .m-spinner {
    display: block
}

.loading .loadmore-button {
    display: none !important
}

.m-contentgroup .tiles .tile.ad {
    padding: 0
}

@media only screen and (min-width: 30em) {
    .m-contentgroup .tiles:not(.has-ad) .tile {
        max-height: 19.5rem
    }
}

@media only screen and (min-width: 51.25rem) and (max-width: 62.4375rem) {
    .m-contentgroup .tiles:not(.has-ad) .tile {
        max-height: inherit
    }
}

@media only screen and (min-width: 62.5em) {
    .m-contentgroup .tiles:not(.has-ad) .tile {
        max-height: 17.5rem
    }
}

.m-contentgroup .tiles:not(.has-ad) .tile.ad {
    display: none !important;
    width: 0 !important;
    height: 0 !important
}

.m-contentgroup .tiles:not(.has-ad) .tile.pageMarker:not(:first-child)::after {
    content: " ";
    clear: both;
    border: .0625rem solid transparent
}

.m-contentgroup .tiles:not(.has-ad).xlarge-block-grid-3>li:nth-of-type(3n+1) {
    clear: none
}

.m-contentgroup .tiles:not(.has-ad).xlarge-block-grid-3>li {
    clear: none
}

.m-contentgroup .tiles .tile.ad .aspect-59x50 {
    padding-bottom: 0
}

.m-contentgroup .tiles .tile.ad .aspect-ratio-buffer {
    height: 100%
}

.m-contentgroup .tiles .tile.ad .ad-wrapper {
    margin: 0 auto;
    min-height: 15.625rem;
    background-color: #2b2d36
}

@media only screen and (min-width: 30em) {
    .m-contentgroup .tiles .tile.ad .ad-wrapper {
        width: 20.875rem;
        min-height: 17.5rem;
        background-color: transparent
    }
}

@media only screen and (min-width: 42em) {
    .m-contentgroup .tiles .tile.ad .ad-wrapper {
        width: 100%
    }
}

.m-contentgroup .tiles .tile.ad .m-adblock.adblock320x250.m-adblock.adblock320x250 {
    margin: 0 auto
}

@media only screen and (min-width: 30em) {
    .m-contentgroup .tiles .tile.ad .m-adblock.adblock320x250.m-adblock.adblock320x250 {
        width: 20.875rem;
        height: 17.5rem
    }
}

@media only screen and (min-width: 42em) {
    .m-contentgroup .tiles .tile.ad .m-adblock.adblock320x250.m-adblock.adblock320x250 {
        width: 100%;
        height: 100%
    }
}

@media only screen and (min-width: 30em) {
    .m-contentgroup .tiles .tile.ad .centered {
        padding: 1.25rem 0
    }
}

@media only screen and (min-width: 42em) {
    .m-contentgroup .tiles .tile.ad .centered {
        padding: 0
    }
}

.m-contentgroup .tiles span.ondemand-wrapper {
    display: none
}

.m-contentgroup.hasad .tiles.small-block-grid-2 .tile.ad {
    width: 100%;
    margin: 1.25rem 0
}

@media only screen and (min-width: 42em) {
    .m-contentgroup.hasad .tiles.small-block-grid-2 .tile.ad {
        margin: 0 0 .375rem;
        width: 50%
    }
}

@media only screen and (min-width: 62.5em) {
    .m-contentgroup.hasad .tiles.xlarge-block-grid-3 .tile.ad {
        width: 33.3333333333%
    }
}

@media only screen and (max-width: 41.9375em) {
    .m-contentgroup.hasad .tiles.xlarge-block-grid-3>.tile:nth-of-type(2n+1) {
        clear: none
    }
}

.m-contentgroup .datg-select {
    margin-top: 1.625rem
}

@media only screen and (min-width: 42em) {
    .m-contentgroup .datg-select {
        margin-top: 2.5rem
    }
}

@media only screen and (min-width: 62.5em) {
    .m-contentgroup .datg-select {
        margin-top: 3rem
    }
}

.m-contentgrouprecipelist .pagination.active,
.m-contentgrouprecipelist .pagination {
    display: none
}

.m-contentgroupbloglist .tile .details .text4.subheader {
    margin-top: 0
}

.ui-c-select {
    position: relative
}

.ui-c-select-button {
    width: 100%;
    padding: .71875rem .9375rem;
    margin-top: 1.875rem;
    margin-bottom: 1.0625rem
}

@media only screen and (min-width: 42em) {
    .ui-c-select-button {
        margin-top: 2.5rem;
        margin-bottom: 1.375rem
    }
}

@media only screen and (min-width: 62.5em) {
    .ui-c-select-button {
        margin-top: 3.75rem;
        margin-bottom: 1.375rem
    }
}

.dropdownlist {
    position: absolute;
    left: 50%;
    top: 3.1875rem;
    min-height: 1.25rem;
    width: 19.375rem;
    z-index: 101;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.dropdownlist .dropdownlist-wrapper {
    margin: .625rem 0;
    padding: 0;
    background: #fff
}

.dropdownlist .dropdownlist-list {
    margin: 0;
    padding: 0 1.25rem
}

.show-list-nav-more .dropdownlist .dropdownlist-list .show-list-nav-item>a {
    text-transform: lowercase
}

.dropdownlist .dropdownlist-list .show-list-nav-item>a {
    padding: .5rem .625rem;
    margin: 0;
    display: block;
    border-bottom: .0625rem solid #c2c2c2;
    -webkit-transition: background 400ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -moz-transition: background 400ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
    transition: background 400ms cubic-bezier(0.23, 1, 0.32, 1) 0s
}

.dropdownlist .dropdownlist-list .show-list-nav-item:first-child::after {
    position: absolute;
    display: block;
    height: 0;
    width: 0;
    margin: 0 auto;
    border-bottom: .625rem solid #fff;
    border-left: .625rem solid transparent;
    border-right: .625rem solid transparent;
    content: " ";
    pointer-events: none;
    top: -.625rem;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transition: border 400ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -moz-transition: border 400ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
    transition: border 400ms cubic-bezier(0.23, 1, 0.32, 1) 0s
}

.dropdownlist .dropdownlist-list .show-list-nav-item>a:hover {
    background: #c2c2c2;
    color: #fff
}

.dropdownlist .dropdownlist-list .show-list-nav-item:last-child>a {
    border: none
}

.dropdownlist .dropdownlist-list .show-list-nav-item>a:hover::after {
    border-bottom: .625rem solid #c2c2c2
}

.dropdownlist .social-icons {
    text-align: center
}

.dropdownlist .social-icons .icon:first-child {
    padding-left: 0
}

.dropdownlist .social-icons:before {
    display: none
}

body:not(.authenticated) .icon.left.lock,
body:not(.authenticated) .text5.verify {
    display: none
}

body:not(.authenticated) .locked .featured {
    margin-top: .625rem
}

body:not(.authenticated) .locked .featured .text5.verify {
    display: none
}

body:not(.authenticated) .locked .icon.left,
body:not(.authenticated) .locked .text5.new,
body:not(.authenticated) .locked .text5.expire {
    display: none
}

body:not(.authenticated) .locked .icon.left.lock {
    display: table
}

body:not(.authenticated) .locked .text5.verify {
    display: block
}

body.authenticated .icon.left.lock,
body.authenticated .text5.verify {
    display: none
}

.m-tilegroup-episode-guide .tiles {
    margin: 0 -.625rem
}

.m-episodeguide-copy {
    clear: both;
    height: auto;
    margin-bottom: 1.875rem;
    max-height: 18.75rem;
    overflow: hidden;
    padding-right: 0;
    color: black
}

.m-episodeguide-copy a {
    color: #fff
}

.m-episodeguide-copy a:hover {
    color: rgba(255, 255, 255, 0.8)
}

@media only screen and (min-width: 42em) {
    .m-episodeguide-copy {
        margin-bottom: 0
    }
}

.m-episodeguide-copy.open {
    max-height: none
}

.m-episodeguide-copy.is-truncated {
    margin-bottom: 1rem
}

.m-episodeguide-filters {
    width: 50%;
    display: inline-block
}

@media only screen and (min-width: 42em) {
    .m-episodeguide-filters {
        background: #191919;
        vertical-align: top
    }
}

@media only screen and (min-width: 62.5em) {
    .m-episodeguide-filters {
        padding-left: .625rem
    }
}

.m-episode-filter {
    float: right;
    padding-bottom: 2.375rem;
    width: 100%
}

.m-episode-filter:first-child {
    padding-right: .15625rem
}

.m-episode-filter:last-child {
    padding-left: .15625rem
}

.m-episode-filter:only-child {
    padding-left: 0;
    padding-right: 0
}

@media only screen and (min-width: 30em) {
    .m-episode-filter {
        display: inline-block;
        min-width: 11.25rem;
        width: auto
    }
    .m-episode-filter .daily-filter {
        min-width: 11rem
    }
}

.m-episode-filter .datg-select {
    margin-top: .0625rem
}

.show-homepage .module.m-tilegroup.m-tilegroup-episode-guide {
    margin-top: 1.9375rem
}

@media only screen and (min-width: 30em) {
    .show-homepage .module.m-tilegroup.m-tilegroup-episode-guide {
        margin-top: 2.0625rem
    }
}

.m-tilegroup-episode-guide .m-episodeguide-filters {
    padding-left: .1875rem;
    background-color: transparent;
    float: left;
    width: auto
}

@media only screen and (max-width: 20em) {
    .m-tilegroup-episode-guide .m-episodeguide-filters {
        margin-bottom: 12px
    }
}

@media screen and (min-width: 20.0625rem) and (max-width: 23.4375rem) {
    .m-tilegroup-episode-guide .m-episodeguide-filters {
        margin-bottom: .75rem
    }
}

.m-tilegroup-episode-guide .m-episode-filter {
    float: none;
    width: auto;
    max-width: 16rem
}

@media only screen and (min-width: 42em) {
    .m-tilegroup-episode-guide .m-episode-filter {
        display: block;
        margin-bottom: .125rem
    }
}

@media only screen and (min-width: 62.5em) {
    .m-tilegroup-episode-guide .m-episode-filter {
        margin-bottom: .4375rem
    }
}

.m-tilegroup-episode-guide .m-episode-filter .datg-select-wrapper {
    min-width: 9.6875rem
}

@media only screen and (min-width: 42em) {
    .m-tilegroup-episode-guide .m-episode-filter .datg-select-wrapper {
        min-width: 16rem
    }
}

.m-tilegroup-episode-guide .m-episode-filter .datg-select-custom-option,
.m-tilegroup-episode-guide .m-episode-filter .button-title {
    text-transform: none;
    font-size: .875rem
}

@media only screen and (min-width: 42em) {
    .m-tilegroup-episode-guide .m-episode-filter .datg-select-custom-option,
    .m-tilegroup-episode-guide .m-episode-filter .button-title {
        font-size: .9375rem
    }
}

@media only screen and (min-width: 62.5em) {
    .m-tilegroup-episode-guide .m-episode-filter .datg-select-custom-option,
    .m-tilegroup-episode-guide .m-episode-filter .button-title {
        font-size: 1.125rem
    }
}

.m-tilegroup-episode-guide .m-episode-filter .datg-select-custom-option span.count,
.m-tilegroup-episode-guide .m-episode-filter .button-title span.count {
    color: #c2c2c2;
    font-size: .75rem;
    display: none
}

@media only screen and (min-width: 42em) {
    .m-tilegroup-episode-guide .m-episode-filter .datg-select-custom-option span.count,
    .m-tilegroup-episode-guide .m-episode-filter .button-title span.count {
        display: inline
    }
}

@media only screen and (min-width: 62.5em) {
    .m-tilegroup-episode-guide .m-episode-filter .datg-select-custom-option span.count,
    .m-tilegroup-episode-guide .m-episode-filter .button-title span.count {
        font-size: .875rem;
        top: -.0625rem;
        position: relative
    }
}

.m-episodeguide .module-title {
    margin-bottom: .6875rem
}

@media only screen and (min-width: 42em) {
    .m-episodeguide .module-title {
        margin-top: 2.5rem;
        padding-bottom: .25rem
    }
}

@media only screen and (min-width: 62.5em) {
    .m-episodeguide .module-title {
        margin-top: 3.75rem
    }
}

.m-episodeguide .module-title.module-summary-title {
    display: inline-block;
    margin-top: 0;
    margin-bottom: .3125rem;
    color: #fff
}

@media only screen and (min-width: 42em) {
    .m-episodeguide .module-title.module-summary-title {
        border: none
    }
}

.m-episodeguide .m-episodeguide-header {
    min-height: 2.4375rem;
    margin-bottom: 1.25rem
}

.m-episodeguide .m-episodeguide-block-content {
    margin: 0;
    padding: 0;
    position: relative
}

@media only screen and (min-width: 42em) {
    .m-episodeguide .m-episodeguide-block-content {
        margin-top: 2.5rem
    }
}

.m-episode .m-episode-meta .icon {
    color: #fff
}

@media only screen and (min-width: 42em) {
    .m-episodeguide-episodes>.row {
        padding: 0 .1875rem
    }
}

.m-episode {
    border-bottom: .0625rem solid rgba(255, 255, 255, 0.1);
    margin-bottom: 1.25rem;
    padding-bottom: 1.25rem;
    position: relative
}

@media only screen and (min-width: 42em) {
    .m-episode {
        padding-bottom: 0
    }
}

.m-episode .module-row {
    padding: 0
}

@media only screen and (min-width: 42em) {
    .m-episode .module-row {
        padding: 0 0 .875rem
    }
}

.m-episode .row .row {
    padding: 0
}

.m-episode .m-episode-thumb-wrapper {
    padding-left: 0
}

.m-episode .m-episode-thumb-wrapper>.tile>.background-link {
    background: #2b2d36
}

@media only screen and (min-width: 30em) {
    .m-episode .m-episode-copy {
        padding: 0 1.0625rem
    }
}

@media only screen and (min-width: 62.5em) {
    .m-episode .m-episode-copy {
        padding: 0 7.8125rem 0 1.0625rem
    }
}

.m-episode .m-episode-title {
    color: #fff;
    margin: -.3125rem 0 .9375rem;
    font-weight: 200;
    width: -webkit-calc(100% - 2.75rem);
    width: calc(100% - 2.75rem)
}

@media only screen and (min-width: 30em) {
    .m-episode .m-episode-title {
        width: 100%
    }
}

@media only screen and (min-width: 42em) {
    .m-episode .m-episode-title {
        font-size: 1.125rem;
        margin-bottom: .5rem;
        max-height: 3.75rem;
        overflow: hidden
    }
}

@media only screen and (min-width: 62.5em) {
    .m-episode .m-episode-title {
        font-size: 1.25rem;
        max-height: 4.375rem
    }
}

.m-episode .m-episode-title .season-number {
    font-weight: 300
}

.m-episode .m-episode-title .episode-number {
    font-weight: 300
}

.m-episode .m-episode-summary {
    margin-bottom: 1.25rem;
    color: #fff
}

@media only screen and (min-width: 30em) {
    .m-episode .m-episode-summary {
        max-height: 3.125rem
    }
}

@media only screen and (min-width: 42em) {
    .m-episode .m-episode-summary {
        margin-bottom: .625rem;
        overflow: hidden
    }
}

.m-episode .m-episode-summary p {
    font-size: .9375rem;
    line-height: 1.4375rem;
    margin-bottom: 0
}

.m-episode .m-episode-meta {
    margin: 0 0 1.25rem
}

@media only screen and (min-width: 42em) {
    .m-episode .m-episode-meta {
        margin: 0 0 .375rem
    }
}

.m-episode .m-episode-meta .icon {
    font-size: .625rem
}

@media only screen and (min-width: 30em) {
    .m-episode .m-episode-meta .icon {
        display: none
    }
}

.m-episode .m-episode-meta .m-episode-meta-item {
    padding-left: .6875rem;
    padding-right: .6875rem;
    border-right: .0625rem solid #ccc
}

.m-episode .m-episode-meta .m-episode-meta-item a {
    color: #fff
}

.m-episode .m-episode-meta .m-episode-meta-item a:hover {
    color: rgba(255, 255, 255, 0.8)
}

.m-episode .m-episode-meta .m-episode-meta-item:first-child {
    padding-left: 0
}

@media only screen and (min-width: 30em) {
    .m-episode .m-episode-meta .m-episode-meta-item.m-episode-meta-duration {
        padding-left: 0
    }
}

.m-episode .m-episode-meta .m-episode-meta-item:last-child {
    border-right: none
}

.m-episode .row.module-row {
    position: relative
}

.m-episode-extras-wrapper .m-episode-extra-link:last-child {
    float: left
}

@media only screen and (min-width: 42em) {
    .m-episode-extras-wrapper {
        position: absolute;
        right: 0;
        margin: .5625rem 0
    }
}

@media only screen and (min-width: 62.5em) {
    .m-episode-extras-wrapper {
        margin: 1.5rem 0
    }
}

.m-episode-extras-wrapper .m-episode-extra-link {
    background-clip: content-box;
    background-color: #141414;
    color: rgba(255, 255, 255, 0.2);
    font-size: .9375rem;
    height: 2.8125rem;
    line-height: 2.8125rem;
    margin-bottom: .0625rem;
    padding: 0 0 0 .0625rem;
    text-align: center
}

.m-episode-extras-wrapper .m-episode-extra-link a {
    color: #fff
}

.m-episode-extras-wrapper .m-episode-extra-link a:hover {
    color: rgba(255, 255, 255, 0.8)
}

@media only screen and (min-width: 42em) {
    .m-episode-extras-wrapper .m-episode-extra-link {
        height: 2.8125rem;
        line-height: 2.8125rem
    }
}

.m-episode-extras-wrapper .m-episode-extra-link>a {
    display: inline-block;
    width: 100%
}

.m-episode .mobile-drop-arrow {
    display: none;
    font-size: .71875rem;
    margin-top: .375rem;
    color: #fff
}

.row .row.m-episode-extras-drawer-wrapper {
    margin-bottom: 0;
    margin-top: 1.25rem;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 550ms ease-in 0s;
    -moz-transition: max-height 550ms ease-in 0s;
    transition: max-height 550ms ease-in 0s
}

@media only screen and (min-width: 30em) {
    .row .row.m-episode-extras-drawer-wrapper {
        margin-top: 2.5rem
    }
}

.row .row.m-episode-extras-drawer-wrapper.active {
    margin-bottom: 3.75rem;
    max-height: 18.75rem;
    -webkit-transition: max-height 550ms ease-in 0s;
    -moz-transition: max-height 550ms ease-in 0s;
    transition: max-height 550ms ease-in 0s
}

.m-episode-extras-drawer {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: opacity 20ms ease-in 0s;
    -moz-transition: opacity 20ms ease-in 0s;
    transition: opacity 20ms ease-in 0s
}

.m-episode-extras-drawer.active {
    margin-bottom: 2.5rem;
    max-height: 18.75rem;
    opacity: 1;
    -webkit-transition: opacity 550ms ease-in 350ms;
    -moz-transition: opacity 550ms ease-in 350ms;
    transition: opacity 550ms ease-in 350ms
}

@media only screen and (min-width: 30em) {
    .m-episode-extras-drawer.active {
        margin-top: 3.75rem
    }
}

@media only screen and (max-width: 29.9375em) {
    .m-episode:hover {
        cursor: pointer
    }
    .m-episode.active {
        margin-top: 1.25rem
    }
    .m-episode.active:hover {
        cursor: auto
    }
    .m-episode.active .m-episode-thumb-wrapper {
        display: block
    }
    .m-episode.active .m-episode-summary {
        display: block
    }
    .m-episode.active .m-episode-extras-wrapper {
        display: block
    }
    .row .m-episode .row.m-episode-extras-drawer-wrapper {
        margin: 0
    }
    .row .m-episode.active .row.m-episode-extras-drawer-wrapper {
        margin-top: 1.25rem
    }
    .m-episode .m-episode-thumb-wrapper {
        display: none
    }
    .m-episode .m-episode-summary {
        display: none
    }
    .m-episode .m-episode-extras-wrapper {
        display: none
    }
    .m-episode .m-episode-title {
        margin: 0 0 .3125rem
    }
    .m-episode.active .m-episode-title {
        margin: .875rem 0 .8125rem;
        width: 100%
    }
    .m-episode.active .mobile-drop-arrow {
        display: none
    }
    .m-episode .mobile-drop-arrow {
        display: block;
        height: 4.1875rem;
        margin-top: 0;
        padding-top: 1.375rem;
        position: absolute;
        right: 0;
        top: 0;
        text-align: center;
        width: 2.75rem;
        z-index: 99
    }
}

.m-tilegroup-episode-guide.error .tiles,
.m-tilegroup-episode-guide.loading .tiles {
    display: none
}

.m-tilegroup-episode-guide.error .m-loading-failed,
.m-tilegroup-episode-guide.loading .m-spinner {
    display: block
}

.m-episodeguide .ad-unit-wrapper .ad-wrapper {
    margin: 0 auto
}

@media only screen and (min-width: 42em) {
    .m-episodeguide.withad .m-episodeguide-content {
        min-height: 9.375rem
    }
}

@media only screen and (min-width: 42em) {
    .m-episodeguide.withad .m-episodeguide-wrapper {
        position: relative
    }
}

.m-episodeguide.withad .ad-unit-wrapper {
    display: none;
    margin: 0;
    top: 1.875rem
}

@media only screen and (min-width: 42em) {
    .m-episodeguide.withad .ad-unit-wrapper {
        margin: 0;
        top: 0;
        position: absolute;
        right: 0;
        max-width: 20.625rem
    }
}

.expandable-section.m-episodeguide-copy p:only-child {
    margin-bottom: 0
}

body.show-homepage .m-tilegroup-episode-guide+.m-top-picks {
    display: none
}

body.show-homepage .m-tilegroup-episode-guide {
    display: block
}

.m-favoritelist {
    margin-bottom: 2.25rem;
    overflow: hidden
}

.m-favoritelist-module-title .module-title.text2 {
    font-weight: 200;
    line-height: 1;
    letter-spacing: .125rem;
    display: block;
    font-size: 1.125rem;
    margin-top: 2.5rem;
    text-transform: uppercase
}

@media only screen and (min-width: 42em) {
    .m-favoritelist-module-title .module-title.text2 {
        font-size: 1.25rem
    }
}

.m-favoritelist.needCta,
.m-favoritelist-module-title,
.m-favoritelist-tiles .tiles {
    display: none
}

.m-favoritelist .m-spinner {
    display: block;
    clear: both
}

.m-favoritelist.needSlider .m-spinner {
    display: none
}

.m-favoritelist.needSlider .m-favoritelist-module-title,
.m-favoritelist.needSlider .m-favoritelist-tiles .tiles {
    display: block
}

.m-favoritelist {
    margin-bottom: 0;
    padding-left: .625rem
}

.m-favoritelist:not(.needCta) {
    padding-right: 0
}

@media only screen and (min-width: 42em) {
    .m-favoritelist {
        padding-left: 1.25rem
    }
}

@media only screen and (min-width: 62.5em) {
    .m-favoritelist {
        padding-left: .1875rem
    }
}

.m-favoritelist.row {
    max-width: 63.125rem;
    overflow: visible
}

.m-favoritelist .m-favoritelist-tiles .m-favoritelist-arrow {
    visibility: hidden;
    top: 45%;
    opacity: 1;
    -webkit-transition: opacity 250ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -moz-transition: opacity 250ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
    transition: opacity 250ms cubic-bezier(0.23, 1, 0.32, 1) 0s
}

@media only screen and (min-width: 62.5em) {
    .m-favoritelist .m-favoritelist-tiles .m-favoritelist-arrow {
        visibility: visible
    }
}

.m-favoritelist .m-favoritelist-tiles .m-favoritelist-arrow.hidden {
    opacity: 0
}

.m-favoritelist .m-favoritelist-tiles .m-favoritelist-arrow.m-favoritelist-arrow-next,
.m-favoritelist .m-favoritelist-tiles .m-favoritelist-arrow.m-favoritelist-arrow-prev {
    z-index: 1;
    position: absolute;
    height: 20rem;
    top: 0;
    font-size: 2.375rem;
    padding-top: 6.25rem;
    width: 62.5rem
}

@media screen and (max-width: 71.875rem) {
    .m-favoritelist .m-favoritelist-tiles .m-favoritelist-arrow.m-favoritelist-arrow-next .icon,
    .m-favoritelist .m-favoritelist-tiles .m-favoritelist-arrow.m-favoritelist-arrow-prev .icon {
        opacity: 0
    }
}

.m-favoritelist .m-favoritelist-tiles .m-favoritelist-arrow.m-favoritelist-arrow-next {
    text-align: left;
    right: -62.5rem
}

.m-favoritelist .m-favoritelist-tiles .m-favoritelist-arrow.m-favoritelist-arrow-next .icon {
    color: #fff;
    position: relative;
    -webkit-transition: right 1000ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -moz-transition: right 1000ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
    transition: right 1000ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
    right: -3.125rem
}

.m-favoritelist .m-favoritelist-tiles .m-favoritelist-arrow.m-favoritelist-arrow-next.hidden .icon,
.m-favoritelist .m-favoritelist-tiles .m-favoritelist-arrow.m-favoritelist-arrow-next.slick-disabled .icon {
    right: 3.75rem
}

.m-favoritelist .m-favoritelist-tiles .m-favoritelist-arrow.m-favoritelist-arrow-prev {
    text-align: right;
    left: -62.5rem
}

.m-favoritelist .m-favoritelist-tiles .m-favoritelist-arrow.m-favoritelist-arrow-prev .icon {
    color: #fff;
    position: relative;
    -webkit-transition: left 1000ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -moz-transition: left 1000ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
    transition: left 1000ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
    left: -3.125rem
}

.m-favoritelist .m-favoritelist-tiles .m-favoritelist-arrow.m-favoritelist-arrow-prev.hidden .icon,
.m-favoritelist .m-favoritelist-tiles .m-favoritelist-arrow.m-favoritelist-arrow-prev.slick-disabled .icon {
    left: 3.75rem
}

.m-favoritelist .m-favoritelist-tiles .m-favoritelist-arrow.slick-disabled {
    opacity: 0
}

.m-favoritelist .m-favoritelist-tiles .tiles:not(.enabled) {
    max-height: 20rem;
    overflow: hidden
}

.m-favoritelist .m-favoritelist-tiles .tiles .slick-list {
    overflow: visible
}

@media only screen and (min-width: 62.5em) {
    .m-favoritelist .m-favoritelist-tiles .tiles .slick-slide {
        opacity: 0.2;
        -webkit-transition: opacity 333ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
        -moz-transition: opacity 333ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
        transition: opacity 333ms cubic-bezier(0.23, 1, 0.32, 1) 0s
    }
    .m-favoritelist .m-favoritelist-tiles .tiles .slick-slide.slick-active {
        opacity: 1
    }
}

.m-favoritelist .m-favoritelist-tiles .tiles:not(.enabled)~.m-favoritelist-arrow {
    opacity: 0 !important
}

@media only screen and (min-width: 62.5em) {
    .m-favoritelist .m-favoritelist-tiles .tiles {
        min-width: 63.125rem
    }
}

.m-favoritelist .m-favoritelist-tiles .tiles .tile {
    padding-right: .375rem;
    margin-bottom: 0;
    width: 12.625rem !important
}

@media only screen and (min-width: 62.5em) {
    .m-favoritelist .m-favoritelist-tiles .tiles .tile {
        width: auto
    }
}

.m-favoritelist .m-favoritelist-tiles .tiles .tile .tile-show-name {
    font-size: 1rem;
    color: #fff;
    max-height: 3.5rem;
    line-height: 1.25rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal
}

.m-favoritelist .m-favoritelist-tiles .tiles .tile:last-of-type {
    margin-left: 0
}

.m-favoritelist .m-favoritelist-tiles .tiles .tile a.background-link {
    background: transparent
}

.m-favoritelist .m-favoritelist-tiles .tiles .slick-track {
    transition: transform 883ms cubic-bezier(0.23, 1, 0.32, 1) 0s
}

.m-slideshow .m-favoritelistbutton {
    display: block;
    padding: 1.9375rem .625rem .25rem
}

@media only screen and (min-width: 42em) {
    .m-slideshow .m-favoritelistbutton {
        padding: 2.0625rem 1.25rem .875rem
    }
}

@media only screen and (min-width: 62.5em) {
    .m-slideshow .m-favoritelistbutton {
        padding: 2.0625rem .1875rem .875rem
    }
}

.m-tilegroup-episode-guide .m-episodeguide-filters+.m-favoritelistbutton {
    padding: 0 .1875rem;
    margin-left: .3125rem
}

@media only screen and (min-width: 30em) {
    .m-tilegroup-episode-guide .m-episodeguide-filters+.m-favoritelistbutton {
        margin-left: 1rem
    }
}

.m-tilegroup-episode-guide .m-favoritelistbutton {
    padding: 0 .375rem
}

@media only screen and (min-width: 30em) {
    .m-tilegroup-episode-guide .m-favoritelistbutton {
        margin-bottom: .625rem
    }
}

.m-favoritelistbutton {
    display: inline-block
}

.m-favoritelistbutton button.list-action {
    border-radius: 1.5rem;
    font-size: .875rem;
    width: 13.125rem;
    line-height: 2.1875rem;
    padding: .25rem;
    border: none
}

.m-favoritelistbutton button.list-action:not(.no-hover):not(:disabled):hover {
    background-color: #1e1f25;
    color: #fff
}

@media only screen and (max-width: 20em) {
    .m-favoritelistbutton button.list-action {
        font-size: .875rem !important;
        width: 13.125rem !important
    }
}

@media screen and (min-width: 20.0625rem) and (max-width: 22.4375rem) {
    .m-favoritelistbutton button.list-action {
        font-size: .875rem !important;
        width: 13.125rem !important
    }
}

@media screen and (min-width: 22.5rem) and (max-width: 23.375rem) {
    .m-favoritelistbutton button.list-action {
        font-size: .875rem !important;
        width: 11.25rem !important
    }
}

@media screen and (min-width: 23.4375rem) and (max-width: 27.375rem) {
    .m-favoritelistbutton button.list-action {
        font-size: .875rem !important;
        width: 12.1875rem !important
    }
}

@media screen and (min-width: 27.4375rem) and (max-width: 29.9375rem) {
    .m-favoritelistbutton button.list-action {
        font-size: .9375rem !important;
        width: 15rem !important
    }
}

@media only screen and (min-width: 30em) {
    .m-favoritelistbutton button.list-action {
        font-size: .9375rem;
        width: 15.5rem
    }
}

@media only screen and (min-width: 62.5em) {
    .m-favoritelistbutton button.list-action {
        padding: .4375rem
    }
}

.m-favoritelistbutton button.list-action.loading {
    opacity: 0.5
}

.m-favoritelistbutton.state-unknown {
    display: none
}

.m-favoritelistbutton.state-in-list .add-to-list {
    display: none
}

.m-favoritelistbutton.state-in-list .remove-from-list {
    display: block;
    background-color: #2b2d36;
    color: #fff;
    font-size: .875rem;
    width: 13.125rem
}

@media only screen and (max-width: 20em) {
    .m-favoritelistbutton.state-in-list .remove-from-list {
        font-size: .875rem !important;
        width: 13.125rem !important
    }
}

@media screen and (min-width: 20.0625rem) and (max-width: 22.4375rem) {
    .m-favoritelistbutton.state-in-list .remove-from-list {
        font-size: .875rem !important;
        width: 13.125rem !important
    }
}

@media screen and (min-width: 22.5rem) and (max-width: 23.375rem) {
    .m-favoritelistbutton.state-in-list .remove-from-list {
        font-size: .8125rem !important;
        width: 11.25rem !important
    }
}

@media screen and (min-width: 23.4375rem) and (max-width: 27.375rem) {
    .m-favoritelistbutton.state-in-list .remove-from-list {
        font-size: .875rem !important;
        width: 12.1875rem !important
    }
}

@media screen and (min-width: 27.4375rem) and (max-width: 29.9375rem) {
    .m-favoritelistbutton.state-in-list .remove-from-list {
        font-size: .9375rem !important;
        width: 15rem !important
    }
}

@media only screen and (min-width: 30em) {
    .m-favoritelistbutton.state-in-list .remove-from-list {
        width: 15.5rem;
        font-size: 15px
    }
}

.m-favoritelistbutton.state-in-list .remove-from-list:not(:disabled):active {
    background-color: #2b2d36;
    color: #fff
}

.m-favoritelistbutton.state-not-in-list .add-to-list {
    display: block;
    background-color: #2b2d36;
    color: #fff
}

.m-favoritelistbutton.state-not-in-list .add-to-list:not(:disabled):active {
    background-color: #2b2d36;
    color: #fff
}

.m-favoritelistbutton.state-not-in-list .remove-from-list {
    display: none
}

.m-favoritelistactioncta .m-modal.modal-overlay .close {
    width: 1.5rem;
    height: 1.5rem
}

.m-favoritelistactioncta .modal {
    max-width: 25.75rem;
    min-height: 38.375rem;
    padding: 1.0625rem 1rem 3rem
}

@media only screen and (max-width: 29.9375em) {
    .m-favoritelistactioncta .modal {
        max-width: 23.4375rem;
        padding: 1rem 1rem 3rem 1.0625rem
    }
}

@media only screen and (max-width: 20em) {
    .m-favoritelistactioncta .modal {
        max-width: 20rem;
        padding: 1.3125rem 1rem 3rem 1rem
    }
}

.m-favoritelistactioncta .modal .show-title {
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 0.89;
    color: #323232;
    margin: 2.1875rem auto .875rem;
    max-width: 21.25rem
}

@media only screen and (max-width: 20em) {
    .m-favoritelistactioncta .modal .show-title {
        max-width: 18rem
    }
}

.m-favoritelistactioncta .modal .logo {
    font-size: 0;
    background: transparent url("") no-repeat center center;
    display: block;
    height: 3rem;
    width: 3rem;
    margin: 0 auto;
    background-size: contain;
    margin-top: 1.8125rem
}

.m-favoritelistactioncta .modal .action-notification {
    font-size: 1rem;
    font-weight: 200;
    line-height: 1.25;
    color: #fff;
    margin-bottom: 1.5rem;
    padding-top: 1.5rem;
    max-width: 18.75rem;
    margin-left: auto;
    margin-right: auto
}

.m-favoritelistactioncta .modal .show-image {
    width: 12.25rem;
    margin: 0 auto;
    border: .0625rem solid #dadada
}

.m-favoritelistactioncta .modal .show-image.no-border {
    border: none
}

.m-favoritelistactioncta .modal .promo-text {
    margin: 1.5rem auto 2rem;
    max-width: 18.75rem;
    font-size: .9375rem;
    font-weight: 200;
    line-height: 1.33;
    color: #fff
}

@media only screen and (max-width: 20em) {
    .m-favoritelistactioncta .modal .promo-text {
        max-width: 18rem
    }
}

.m-favoritelistactioncta .modal .buttons-group {
    max-width: 21.25rem;
    margin: 0 auto
}

@media only screen and (max-width: 20em) {
    .m-favoritelistactioncta .modal .buttons-group {
        width: 18rem
    }
}

.m-favoritelistactioncta .modal .buttons-group .oneid-action {
    height: 2.75rem;
    border-radius: 1.5rem;
    background-color: #fff;
    border: none;
    color: #191919;
    font-size: .875rem;
    font-weight: 300
}

@media only screen and (max-width: 20em) {
    .m-favoritelistactioncta .modal .buttons-group .oneid-action {
        width: 8.5rem
    }
}

.m-favoritelistactioncta .modal .buttons-group .oneid-action.sign-up {
    width: 100%;
    max-width: 18.75rem
}

.m-favoritelistactioncta .modal .buttons-group .oneid-action:hover {
    background-color: rgba(255, 255, 255, 0.8)
}

.m-favoritelistactioncta .modal .sign-up-text {
    color: black;
    font-size: .75rem;
    text-align: center;
    margin-top: 1.5rem;
    line-height: normal
}

.m-favoritelistactioncta .modal .skip-text {
    margin-top: 2rem;
    padding-bottom: 1.5rem
}

@media only screen and (min-width: 30em) {
    .m-favoritelistactioncta .modal .skip-text {
        padding-bottom: .4375rem
    }
}

.m-favoritelistactioncta .modal .link {
    font-size: .75rem;
    font-weight: 300;
    color: #fff
}

.m-favoritelistactioncta .modal .link:hover {
    color: rgba(255, 255, 255, 0.8)
}

@media only screen and (max-width: 29.9375em) {
    .m-favoritelistactioncta .m-modal.modal-overlay {
        background-color: #2b2d36
    }
}

.m-my-list-empty-cta {
    display: none
}

.m-my-list-empty-cta.shown {
    display: block;
    margin-bottom: 4rem
}

.m-my-list-empty-cta .container-parallax {
    display: none
}

@media only screen and (min-width: 42em) {
    .m-my-list-empty-cta .container-parallax {
        right: -42.5rem;
        display: block;
        top: -40.3125rem;
        position: absolute;
        width: 39.375rem;
        will-change: transform;
        -webkit-transform: translate3d(0, 0, 0) rotate(-24deg);
        -moz-transform: translate3d(0, 0, 0) rotate(-24deg);
        -ms-transform: translate3d(0, 0, 0) rotate(-24deg);
        -o-transform: translate3d(0, 0, 0) rotate(-24deg);
        transform: translate3d(0, 0, 0) rotate(-24deg)
    }
    .m-my-list-empty-cta .container-parallax ul.shows-list {
        font-size: 0;
        display: inline-block;
        margin-right: 1rem;
        max-width: 12.125rem;
        position: relative;
        top: 3.75rem;
        vertical-align: top
    }
    .m-my-list-empty-cta .container-parallax ul.shows-list:nth-child(1) {
        -webkit-animation: movePosters 60s 0s linear infinite alternate;
        -moz-animation: movePosters 60s 0s linear infinite alternate;
        animation: movePosters 60s 0s linear infinite alternate
    }
    .m-my-list-empty-cta .container-parallax ul.shows-list:nth-child(2) {
        top: 14.75rem;
        -webkit-animation: movePostersAlt 60s 0s linear infinite alternate;
        -moz-animation: movePostersAlt 60s 0s linear infinite alternate;
        animation: movePostersAlt 60s 0s linear infinite alternate
    }
    .m-my-list-empty-cta .container-parallax ul.shows-list:last-child {
        margin-right: 0
    }
    .m-my-list-empty-cta .container-parallax ul.shows-list li {
        margin-bottom: 1rem
    }
    .m-my-list-empty-cta .container-parallax ul.shows-list li:last-child {
        margin-bottom: 0
    }
    .m-my-list-empty-cta .container-parallax img {
        width: 100%;
        max-width: 12.125rem;
        display: block
    }
}

@media only screen and (min-width: 62.5em) {
    .m-my-list-empty-cta .container-parallax {
        right: -31.875rem
    }
    .m-my-list-empty-cta .container-parallax ul.shows-list:nth-child(3) {
        -webkit-animation: movePosters 60s 0s linear infinite alternate;
        -moz-animation: movePosters 60s 0s linear infinite alternate;
        animation: movePosters 60s 0s linear infinite alternate
    }
}

@-webkit-keyframes movePosters {
    from {
        -webkit-transform: translate3d(0, -.5rem, 0)
    }
    to {
        -webkit-transform: translate3d(0, -43.75rem, 0)
    }
}

@-moz-keyframes movePosters {
    from {
        -moz-transform: translate3d(0, -.5rem, 0)
    }
    to {
        -moz-transform: translate3d(0, -43.75rem, 0)
    }
}

@keyframes movePosters {
    from {
        -webkit-transform: translate3d(0, -.5rem, 0);
        -moz-transform: translate3d(0, -.5rem, 0);
        -ms-transform: translate3d(0, -.5rem, 0);
        -o-transform: translate3d(0, -.5rem, 0);
        transform: translate3d(0, -.5rem, 0)
    }
    to {
        -webkit-transform: translate3d(0, -43.75rem, 0);
        -moz-transform: translate3d(0, -43.75rem, 0);
        -ms-transform: translate3d(0, -43.75rem, 0);
        -o-transform: translate3d(0, -43.75rem, 0);
        transform: translate3d(0, -43.75rem, 0)
    }
}

@-webkit-keyframes movePostersAlt {
    from {
        -webkit-transform: translate3d(0, -43.75rem, 0)
    }
    to {
        -webkit-transform: translate3d(0, -.625rem, 0)
    }
}

@-moz-keyframes movePostersAlt {
    from {
        -moz-transform: translate3d(0, -43.75rem, 0)
    }
    to {
        -moz-transform: translate3d(0, -.625rem, 0)
    }
}

@keyframes movePostersAlt {
    from {
        -webkit-transform: translate3d(0, -43.75rem, 0);
        -moz-transform: translate3d(0, -43.75rem, 0);
        -ms-transform: translate3d(0, -43.75rem, 0);
        -o-transform: translate3d(0, -43.75rem, 0);
        transform: translate3d(0, -43.75rem, 0)
    }
    to {
        -webkit-transform: translate3d(0, -.625rem, 0);
        -moz-transform: translate3d(0, -.625rem, 0);
        -ms-transform: translate3d(0, -.625rem, 0);
        -o-transform: translate3d(0, -.625rem, 0);
        transform: translate3d(0, -.625rem, 0)
    }
}

.m-favoritelistcta {
    margin-bottom: 2.25rem;
    overflow: hidden
}

.m-favoritelistcta-hidden {
    display: none
}

.m-favoritelistcta-block {
    display: block;
    position: relative;
    overflow: hidden;
    background: #2b2d36
}

@media only screen and (min-width: 42em) {
    .m-favoritelistcta-block {
        min-height: 16.8125rem
    }
}

@media only screen and (min-width: 62.5em) {
    .m-favoritelistcta-block {
        min-height: 19.375rem
    }
}

.m-favoritelistcta-background {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-repeat: no-repeat;
    background-position-y: 50%
}

@media only screen and (min-width: 42em) {
    .m-favoritelistcta-background {
        background-size: cover;
        background-position-x: 75%;
        display: block
    }
}

@media only screen and (min-width: 62.5em) {
    .m-favoritelistcta-background {
        background-position-x: 50%;
        display: block
    }
}

.m-favoritelistcta-content {
    position: relative;
    z-index: 1;
    text-align: center;
    padding: 2.625rem 1rem
}

@media only screen and (min-width: 42em) {
    .m-favoritelistcta-content {
        text-align: left;
        padding-left: 2.5rem;
        padding-top: 3.25rem
    }
}

@media only screen and (min-width: 62.5em) {
    .m-favoritelistcta-content {
        padding-top: 4.625rem;
        padding-left: 3rem
    }
}

.m-favoritelistcta-module-title .module-title.text2 {
    font-weight: 200;
    line-height: 1;
    letter-spacing: normal;
    display: block;
    font-size: 1.5rem;
    text-transform: uppercase;
    margin-top: 0
}

@media only screen and (min-width: 42em) {
    .m-favoritelistcta-module-title .module-title.text2 {
        font-size: 1.25rem
    }
}

.m-favoritelistcta-title {
    font-weight: 300;
    line-height: 1;
    letter-spacing: .0625rem;
    display: block
}

@media only screen {
    .m-favoritelistcta-title {
        font-size: 1.375rem
    }
}

@media only screen and (min-width: 42em) {
    .m-favoritelistcta-title {
        font-size: 1.5rem
    }
}

.m-favoritelistcta-description {
    font-weight: 200;
    line-height: 1.38;
    letter-spacing: .03125rem;
    margin-top: .5625rem;
    display: block
}

@media only screen {
    .m-favoritelistcta-description {
        margin-top: .4375rem;
        font-size: .875rem
    }
}

@media only screen and (min-width: 62.5em) {
    .m-favoritelistcta-description {
        font-size: 1rem
    }
}

.m-favoritelistcta-link {
    margin-top: 1.625rem
}

.m-favoritelistcta-link.button {
    background-color: rgba(255, 255, 255, 0.15);
    color: #fff;
    margin-bottom: 0
}

.m-favoritelistcta-link.button:hover {
    background-color: rgba(255, 255, 255, 0.3);
    color: #fff
}

.m-favoritelistcta {
    display: none
}

.m-favoritelistcta.shown {
    display: block
}

.m-favoritelistcta-title {
    color: #fff
}

.m-favoritelistcta-description {
    color: #fff
}

.m-feedback {
    color: #232323
}

.m-feedback .m-feedback-state {
    display: none;
    margin-top: 1.5625rem
}

.m-feedback hr {
    margin: 2rem 0;
    border-color: rgba(255, 255, 255, 0.5)
}

.m-feedback .m-feedbackForm {
    padding: 0 0 1.125rem 0
}

.m-feedback .m-feedback-copy {
    color: #fff
}

@media only screen and (min-width: 42em) {
    .m-feedback .m-feedback-copy {
        padding-left: .1875rem;
        padding-right: .1875rem;
        width: 25%;
        float: left
    }
}

.m-feedback #allInputs {
    display: inline-block;
    height: 100%;
    vertical-align: top;
    width: 100%
}

@media only screen and (min-width: 42em) {
    .m-feedback #allInputs {
        text-align: left;
        position: relative;
        padding-left: .1875rem;
        padding-right: .1875rem;
        width: 66.6666666667%;
        left: 8.3333333333%;
        right: auto;
        float: left
    }
}

.m-feedback .datg-select {
    margin: 0;
    min-height: 3.125rem;
    width: 100%
}

.m-feedback .datg-select .datg-select-custom,
.m-feedback .datg-select li.datg-select-custom-option {
    font-size: .875rem
}

.m-feedback .datg-select .datg-select-border-wrapper,
.m-feedback .datg-select .datg-select-custom .module-select {
    border-color: transparent
}

.m-feedback .datg-select .datg-select-default .button,
.m-feedback .datg-select .button .datg-select-custom-button-text {
    padding: .5625rem;
    font-size: .875rem
}

.m-feedback .datg-select .datg-select-default .icon {
    top: 1rem
}

.m-feedback .datg-select .button .datg-select-custom-button-text .icon {
    top: .375rem
}

.m-feedback .datg-select .datg-select-custom .datg-select-custom-list {
    font-weight: 200
}

.m-feedback label {
    display: inline-block;
    font-size: .875rem;
    font-weight: 400;
    min-height: 21px;
    text-transform: lowercase;
    vertical-align: top;
    width: 100%;
    color: #fff;
    text-transform: capitalize
}

.m-feedback label span {
    color: #c2c2c2;
    font-size: .75rem;
    font-style: italic;
    font-weight: 300;
    line-height: 1em
}

.m-feedback input:not(.button),
.m-feedback select,
.m-feedback textarea {
    background-color: #2b2d36;
    border: none;
    color: #fff;
    display: inline-block;
    font-family: "Poppins", sans-serif;
    font-size: .875rem;
    font-weight: 200;
    margin-bottom: 1rem;
    min-height: 2.375rem;
    padding-left: .5rem;
    width: 100%;
    -webkit-font-smoothing: antialiased
}

.m-feedback input:not(.button):focus,
.m-feedback select:focus,
.m-feedback textarea:focus {
    outline: 0
}

.m-feedback input,
.m-feedback textarea {
    line-height: 1.5rem;
    resize: none
}

.m-feedback .m-feedback-altContact {
    color: #c2c2c2;
    display: inline-block;
    font-size: .8125rem;
    line-height: 1.6em;
    margin-bottom: 1.125rem
}

.m-feedback .m-feedback-required {
    position: relative
}

.m-feedback .m-feedback-required>div {
    display: inline-block
}

.m-feedback .m-feedback-required label::after {
    content: " *";
    color: black
}

.m-feedback .showList {
    margin-top: 0
}

.m-feedback .m-feedback-info {
    color: #ccc;
    float: right;
    font-size: .625rem;
    font-weight: 100;
    margin: 0 3% 1rem 0;
    text-align: right
}

.m-feedback .m-feedback-disclaimer {
    clear: both;
    display: block;
    font-size: .75rem;
    line-height: .95rem;
    margin-top: 1.5rem;
    text-align: left;
    color: #ccc
}

.m-feedback .m-feedback-error-inquiry {
    color: #000;
    display: none;
    font-size: 1rem
}

.m-feedback #error-container {
    color: red;
    display: block;
    font-size: 1rem
}

.m-feedback .m-feedback-required .active {
    color: red;
    display: block;
    font-size: .875rem
}

.m-feedback .ctaLink,
.m-feedback .ctaLink:link,
.m-feedback .ctaLink:visited {
    border: 0;
    box-shadow: none;
    display: inline-block;
    line-height: .9375rem;
    text-decoration: none;
    text-transform: lowercase;
    transition: background 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out;
    -ms-transition: background 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out;
    -webkit-transition: background 0.2s ease-in-out;
    width: auto
}

.m-feedback .ctaLink:hover,
.m-feedback .ctaLink:active {
    cursor: pointer;
    text-decoration: none
}

.m-feedback .submitButton {
    border-radius: 1.5rem;
    display: block;
    float: left;
    text-transform: uppercase
}

.m-feedback ul.links li {
    display: inline-block;
    margin-right: 1%;
    padding: 3% 0;
    vertical-align: top;
    width: 100%
}

@media only screen and (min-width: 42em) {
    .m-feedback ul.links li {
        padding: 1% 0;
        width: 45%
    }
}

.m-feedback ul.links li a {
    font-size: .875rem;
    font-weight: 500
}

.m-feedback #viewFAQbutton {
    display: none
}

.m-freetext.copy-content p.text2::first-letter {
    text-transform: capitalize
}

.m-freetext.copy-content ul.links {
    color: #fff
}

.m-freetext .module-title {
    text-transform: uppercase;
    color: #fff
}

.m-feedback .datg-select.expand .datg-select-border-wrapper,
.m-feedback .datg-select.expand .datg-select-custom .module-select {
    border: none;
    background: #2b2d36
}

.m-feedback .datg-select.expand .datg-select-custom .module-select .datg-select-custom-button-text {
    background: #1e1f25
}

.m-feedback .datg-select .datg-select-border-wrapper,
.m-feedback .datg-select .datg-select-custom .module-select,
.m-feedback .datg-select .datg-select-default .button,
.m-feedback .datg-select .button .datg-select-custom-button-text {
    background: #2b2d36;
    color: #fff
}

.m-feedback .datg-select .datg-select-border-wrapper.selected,
.m-feedback .datg-select .datg-select-custom .module-select.selected,
.m-feedback .datg-select .datg-select-default .button.selected,
.m-feedback .datg-select .button .datg-select-custom-button-text.selected {
    background-color: #1e1f25
}

.m-feedback .datg-select.expand .datg-select-custom .datg-select-custom-list .datg-select-custom-option:hover {
    border: none;
    background: #2b2d36;
    color: rgba(255, 255, 255, 0.8)
}

.m-feedback input:focus,
.m-feedback select:focus,
.m-feedback textarea:focus {
    border: none
}

body.butterscotch .m-feedback a,
body.butterscotch .m-feedback a:link,
body.butterscotch .m-feedback a:visited {
    color: #f7b81b
}

body.garnet .m-feedback a,
body.garnet .m-feedback a:link,
body.garnet .m-feedback a:visited {
    color: #c50511
}

body.aluminum .m-feedback a,
body.aluminum .m-feedback a:link,
body.aluminum .m-feedback a:visited {
    color: #5c7594
}

body.default .m-feedback a,
body.default .m-feedback a:link,
body.default .m-feedback a:visited {
    color: #e2b05e
}

.m-footer {
    background-color: #141414
}

.m-footer .m-footer-links {
    margin: 0 auto 0;
    text-align: center;
    max-width: 50rem
}

@media only screen and (min-width: 42em) {
    .m-footer .m-footer-links .m-footer-link {
        display: inline-block
    }
}

.m-footer .m-footer-links .m-footer-link a {
    display: block;
    font-size: .75rem;
    margin: 0;
    padding: .8125rem 0;
    color: #fff
}

.m-footer .m-footer-links .m-footer-link a:hover {
    color: rgba(255, 255, 255, 0.8)
}

.m-footer .m-footer-links .m-footer-link a:active {
    color: rgba(255, 255, 255, 0.6)
}

@media only screen and (min-width: 42em) {
    .m-footer .m-footer-links .m-footer-link a {
        border-bottom: none;
        padding: .5rem 1.375rem
    }
}

.m-footer .m-footer-social-links {
    font-size: 1rem;
    margin: .8125rem 0;
    text-align: center
}

.m-footer .m-footer-social-links .icon {
    margin: 0 1.375rem;
    color: #fff
}

.m-footer .m-footer-social-links .icon:hover {
    color: rgba(255, 255, 255, 0.8)
}

.m-footer .m-footer-social-links .icon:active {
    color: rgba(255, 255, 255, 0.6)
}

html.update-mobile-app-android .page-wrapper,
html.update-mobile-app-amazon .page-wrapper {
    background-color: #191919
}

.m-update {
    text-align: center;
    position: relative
}

.update-mobile-app .page-wrapper .region.content {
    margin-top: 0
}

.m-update-logo {
    background-image: url("");
    background-size: contain;
    background-position: center;
    width: 5rem;
    height: 5rem;
    margin: 0 auto;
    margin-top: 3.5rem;
    margin-bottom: 2rem
}

.m-update-brand {
    font-size: 1rem;
    font-weight: 200;
    margin-bottom: .9375rem;
    color: white
}

@media screen and (min-width: 42em) {
    .m-update-brand {
        font-size: 1.25rem;
        font-weight: 200
    }
}

.m-update-brand strong {
    font-weight: 200
}

.m-update-message {
    color: black;
    font-size: .875rem;
    font-weight: 200;
    line-height: 1.375rem;
    margin: 0 auto;
    text-align: center;
    padding: 0 2rem
}

@media screen and (min-width: 42em) {
    .m-update-message {
        font-size: 1rem
    }
}

.m-update-message-small {
    color: black;
    font-size: .875rem;
    font-weight: 200;
    text-align: center;
    line-height: 1.375rem;
    padding: 0 2rem
}

@media screen and (min-width: 42em) {
    .m-update-message-small {
        font-size: 1rem
    }
}

.m-update-message-instructions {
    margin-top: 1.5rem;
    color: #fff;
    font-size: .875rem;
    font-weight: 200;
    text-align: center;
    line-height: 1.0625rem
}

.update-buttons {
    margin-top: 2rem
}

.update-buttons .no-thanks-btn {
    display: block;
    color: white;
    font-size: 12px
}

.update-buttons .no-thanks-btn:hover {
    color: white
}

html.update-mobile-app-amazon .update-buttons a.button {
    background: none;
    color: #fff;
    text-transform: initial;
    margin-top: 5.1875rem;
    font-size: .75rem
}

.update-mobile-app-ios .page-wrapper {
    background-color: #191919
}

.m-update {
    text-align: center;
    position: static
}

.m-update.row {
    max-width: none
}

.update-mobile-app .page-wrapper .region.content {
    margin-top: 0
}

.update-mobile-app .page-wrapper .region.content .modules {
    display: flex;
    flex-direction: column
}

.update-mobile-app .page-wrapper .region.content .modules section[data-m-name="header"] {
    order: 0
}

.update-mobile-app .page-wrapper .region.content .modules section[data-m-name="update_force"],
.update-mobile-app .page-wrapper .region.content .modules section[data-m-name="update_noforce"] {
    order: 1
}

.update-mobile-app-ios .m-update-logo {
    background-image: url("");
    background-size: contain;
    background-position: center;
    width: 5rem;
    height: 5rem;
    margin-top: 3.5rem;
    margin-bottom: 2rem
}

.update-mobile-app-ios .m-update-brand {
    color: #fff;
    font-size: 1rem;
    line-height: 1.375rem;
    margin: 0 auto;
    text-align: center;
    padding: 0 3.125rem;
    font-weight: 200
}

@media screen and (min-width: 42em) {
    .update-mobile-app-ios .m-update-brand {
        font-size: 1.25rem
    }
}

.update-mobile-app-ios .m-update-brand strong {
    font-weight: 300;
    margin-bottom: 2.1875rem
}

.update-mobile-app-ios .m-update-message {
    color: #fff;
    font-size: .75rem;
    font-weight: 200;
    line-height: .9375rem;
    margin: 0 auto;
    text-align: center
}

@media screen and (min-width: 42em) {
    .update-mobile-app-ios .m-update-message {
        font-size: 1.25rem;
        line-height: 1.375rem
    }
}

.update-mobile-app-ios .m-update-message-small {
    margin-top: .75rem;
    color: #fff;
    font-size: .625rem;
    font-weight: 200;
    text-align: center
}

@media screen and (min-width: 42em) {
    .update-mobile-app-ios .m-update-message-small {
        font-size: .9375rem;
        line-height: 1.0625rem;
        margin-top: .75rem
    }
}

.update-mobile-app-ios .m-update-message-instructions {
    margin-top: .75rem;
    color: #fff;
    font-size: .625rem;
    font-weight: 200;
    text-align: center
}

@media screen and (min-width: 42em) {
    .update-mobile-app-ios .m-update-message-instructions {
        font-size: .9375rem;
        line-height: 1.0625rem;
        margin-top: .75rem
    }
}

.update-mobile-app-ios .update-buttons {
    margin-top: 2rem
}

.update-mobile-app-ios .update-buttons .no-thanks-btn {
    display: block;
    font-size: .875rem;
    font-weight: 200;
    color: #fff;
    text-transform: lowercase
}

@media (min-width: 568px) and (max-width: 767px) {
    .update-mobile-app-ios .update-buttons .no-thanks-btn {
        margin-top: 0
    }
}

.page-404 .module-title {
    text-transform: none;
    margin-top: 35px !important;
    font-size: 1.875rem !important;
    line-height: 1.875rem !important;
    margin-bottom: .625rem !important
}

.page-404 .region.content {
    background-color: #000
}

.page-404 .m-freetext {
    max-width: none;
    padding: 0
}

.page-404 .module-404-lost-image {
    background-image: url("");
    background-position-x: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 0;
    padding-top: 55%;
    width: 100%
}

@media only screen and (min-width: 30em) {
    .page-404 .module-404-lost-image {
        padding-top: 40%
    }
}

@media only screen and (min-width: 42em) {
    .page-404 .module-404-lost-image {
        padding-top: 34%
    }
}

@media only screen and (min-width: 62.5em) {
    .page-404 .module-404-lost-image {
        background-size: contain;
        padding-top: 27%
    }
}

.page-404 .module-404-content {
    color: #fff;
    padding-bottom: 13.75rem;
    padding-top: 1.25rem
}

.page-404 .module-404-content p {
    font-size: .875rem;
    font-weight: 200;
    line-height: .9375rem;
    text-align: center
}

@media only screen and (min-width: 42em) {
    .page-404 .module-404-content p {
        font-size: 1.0625rem;
        line-height: 1.25rem
    }
}

@media only screen and (min-width: 62.5em) {
    .page-404 .module-404-content p {
        font-size: 1.5rem;
        line-height: 1.875rem
    }
}

html.key-information-box-firefox,
html.key-information-box-firefox body {
    overflow: auto !important
}

@-webkit-keyframes stickyHeaderDown {
    from {
        -webkit-transform: translate3d(0, -4.5rem, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0)
    }
}

@-moz-keyframes stickyHeaderDown {
    from {
        -moz-transform: translate3d(0, -4.5rem, 0)
    }
    to {
        -moz-transform: translate3d(0, 0, 0)
    }
}

@keyframes stickyHeaderDown {
    from {
        -webkit-transform: translate3d(0, -4.5rem, 0);
        -moz-transform: translate3d(0, -4.5rem, 0);
        -ms-transform: translate3d(0, -4.5rem, 0);
        -o-transform: translate3d(0, -4.5rem, 0);
        transform: translate3d(0, -4.5rem, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes stickyHeaderDownNonShow {
    from {
        -webkit-transform: translate3d(0, -2.25rem, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0)
    }
}

@-moz-keyframes stickyHeaderDownNonShow {
    from {
        -moz-transform: translate3d(0, -2.25rem, 0)
    }
    to {
        -moz-transform: translate3d(0, 0, 0)
    }
}

@keyframes stickyHeaderDownNonShow {
    from {
        -webkit-transform: translate3d(0, -2.25rem, 0);
        -moz-transform: translate3d(0, -2.25rem, 0);
        -ms-transform: translate3d(0, -2.25rem, 0);
        -o-transform: translate3d(0, -2.25rem, 0);
        transform: translate3d(0, -2.25rem, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.m-key-information-box {
    background: none;
    position: relative;
    max-width: 75rem;
    margin: 0 auto
}

.m-key-information-box a.back-arrow {
    display: inline-block;
    font-size: 1.5rem;
    padding-right: .625rem
}

.m-key-information-box a.back-arrow i {
    cursor: pointer
}

.m-key-information-box.sticky:not(.legacy) {
    -webkit-animation: stickyHeaderDown 0.3s 0s linear;
    -moz-animation: stickyHeaderDown 0.3s 0s linear;
    animation: stickyHeaderDown 0.3s 0s linear
}

.m-key-information-box.sticky:not(.legacy) a.back-arrow {
    display: none
}

.m-key-information-box.sticky,
.m-key-information-box.legacy {
    position: fixed;
    top: 0;
    width: 100%;
    max-width: 100%;
    z-index: 10;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4)
}

.m-key-information-box.sticky .header,
.m-key-information-box.legacy .header {
    flex-direction: row;
    background: none;
    height: 4.5rem;
    padding: 1.5rem;
    margin: 0 auto;
    max-width: 75rem
}

.m-key-information-box.sticky .header .show-logo-image,
.m-key-information-box.legacy .header .show-logo-image {
    display: flex;
    flex: 1
}

.m-key-information-box.sticky .header .show-logo-image a,
.m-key-information-box.legacy .header .show-logo-image a {
    min-width: inherit
}

@media only screen and (min-width: 48rem) {
    .m-key-information-box.sticky .header .show-logo-image a,
    .m-key-information-box.legacy .header .show-logo-image a {
        min-width: 10rem
    }
}

.m-key-information-box.sticky .header .show-logo-image a.back-arrow,
.m-key-information-box.legacy .header .show-logo-image a.back-arrow {
    min-width: inherit
}

.m-key-information-box.sticky .header .text,
.m-key-information-box.legacy .header .text {
    display: none
}

.m-key-information-box.sticky .header .buttons,
.m-key-information-box.legacy .header .buttons {
    display: flex;
    padding-top: 0
}

.m-key-information-box.sticky .header .buttons .button,
.m-key-information-box.legacy .header .buttons .button {
    margin: 0 .5rem
}

.m-key-information-box.sticky .header .buttons .button:last-child,
.m-key-information-box.legacy .header .buttons .button:last-child {
    margin: 0 0 0 .5rem
}

.m-key-information-box.sticky .header .buttons .button>span,
.m-key-information-box.legacy .header .buttons .button>span {
    display: none
}

.m-key-information-box.sticky::before,
.m-key-information-box.legacy::before {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

@media screen and (min-width: 48em) {
    .m-key-information-box.sticky .header,
    .m-key-information-box.legacy .header {
        padding: 1.5rem 0
    }
}

.m-key-information-box.legacy {
    position: relative;
    padding: 0 .4375rem
}

.m-key-information-box.legacy.sticky {
    position: fixed;
    -webkit-animation: stickyHeaderDownNonShow 0.1s 0s linear;
    -moz-animation: stickyHeaderDownNonShow 0.1s 0s linear;
    animation: stickyHeaderDownNonShow 0.1s 0s linear
}

.m-key-information-box.legacy .header {
    max-width: 62.5rem;
    padding-left: 0;
    padding-right: 0
}

.m-key-information-box .header {
    position: relative;
    display: flex;
    flex-direction: column;
    color: #fff;
    padding: 0 1.5rem;
    margin: 1rem auto
}

@media only screen and (max-width: 47.9375rem) {
    .m-key-information-box .header {
        background: none !important
    }
}

.m-key-information-box .header .show-logo-image {
    display: none;
    align-items: center;
    justify-content: start
}

.m-key-information-box .header .show-logo-image img {
    max-height: 2.875rem
}

.m-key-information-box .header .text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    font-weight: 200;
    letter-spacing: .029375rem;
    line-height: 1.375rem;
    text-align: center;
    z-index: 1
}

.m-key-information-box .header .text .title {
    font-size: .875rem
}

.m-key-information-box .header .text .content {
    font-size: .875rem;
    display: none
}

@media screen and (min-width: 48em) {
    .m-key-information-box .header .text {
        text-align: left;
        align-items: start
    }
    .m-key-information-box .header .text .title {
        font-size: 1rem
    }
    .m-key-information-box .header .text .content {
        display: block
    }
}

.m-key-information-box .header .buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .5625rem;
    font-weight: 200;
    letter-spacing: .0375rem;
    padding-top: .625rem
}

.m-key-information-box .header .buttons .add-to-list,
.m-key-information-box .header .buttons .remove-from-my-list {
    visibility: hidden
}

.m-key-information-box .header .buttons.state-not-in-list .add-to-list {
    display: flex;
    visibility: visible
}

.m-key-information-box .header .buttons.state-not-in-list .remove-from-my-list {
    display: none;
    visibility: hidden
}

.m-key-information-box .header .buttons.state-in-list .add-to-list {
    display: none;
    visibility: hidden
}

.m-key-information-box .header .buttons.state-in-list .remove-from-my-list {
    display: flex;
    visibility: visible
}

.m-key-information-box .header .buttons .button {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0;
    background: none;
    color: #fff;
    font-size: .5625rem;
    padding: 0;
    width: auto !important;
    min-width: auto;
    border-radius: 0;
    height: 100%;
    justify-content: center
}

.m-key-information-box .header .buttons .button span {
    font-size: .5625rem;
    height: .75rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .625rem;
    margin-top: .3125rem
}

.m-key-information-box .header .buttons .button:last-child {
    margin: 0 0 0 1.625rem
}

.m-key-information-box .header .buttons .button.nogutter {
    margin: 0
}

.m-key-information-box .header .buttons .button:hover span {
    color: rgba(255, 255, 255, 0.8)
}

.m-key-information-box .header .buttons .button i.icon {
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    border-radius: 50%;
    transition: background-color .3s
}

@media only screen and (min-width: 48rem) {
    .m-key-information-box .header .buttons .button span {
        height: 1rem;
        margin-top: .3125rem;
        line-height: 1rem;
        font-weight: 300
    }
    .m-key-information-box .header .buttons .button:not(.no-hover):not(:disabled):active,
    .m-key-information-box .header .buttons .button:not(.no-hover):not(:disabled):hover {
        background: none
    }
}

@media only screen and (min-width: 48rem) {
    .m-key-information-box {
        padding: 0 3rem
    }
    .m-key-information-box .header {
        flex-direction: row;
        height: 5.8125rem
    }
    .m-key-information-box .header .buttons {
        display: flex
    }
    .m-key-information-box:not(.sticky) .header {
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4)
    }
    .m-key-information-box:not(.sticky) .header::before {
        content: '';
        width: 100%;
        height: 100%;
        display: block;
        background: rgba(0, 0, 0, 0.3);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0
    }
    .m-key-information-box:not(.sticky).legacy .header {
        box-shadow: none
    }
    .m-key-information-box:not(.sticky).legacy .header::before {
        display: none
    }
}

@media only screen and (min-width: 64rem) {
    .m-key-information-box {
        padding: 0 4rem
    }
}

@media only screen and (min-width: 90rem) {
    .m-key-information-box {
        padding: 0
    }
}

.m-favoritelistbutton .button i {
    background-color: rgba(255, 255, 255, 0.15)
}

.m-favoritelistbutton .button:hover i {
    background-color: rgba(255, 255, 255, 0.3)
}

.m-key-information-box.sticky,
.m-key-information-box.legacy,
.m-key-information-box.non-home {
    background-color: #191919
}

.m-key-information-box .header {
    background-color: #191919
}

#m-key-information-box-shadow.visible {
    height: 4.5rem
}

@media only screen and (min-width: 48rem) {
    #m-key-information-box-shadow.visible {
        height: 5.8125rem;
        margin: 1rem auto
    }
}

@media only screen and (min-width: 48rem) {
    #m-key-information-box-shadow.visible.legacy {
        height: 4.5rem;
        margin: 0
    }
}

.m-faq {
    padding: 1rem 0;
    background: #191919;
    color: #fff
}

.m-faq-header {
    overflow: hidden;
    margin: 1.6875rem 0
}

.m-faq-header .title {
    margin: .4375rem 0 0
}

.m-faq-question-title {
    font-size: 2rem;
    margin: 2rem 0
}

.m-faq-index li {
    font-weight: 200
}

.m-faq-index li a {
    font-size: 1rem;
    font-weight: 300;
    display: inline-block
}

.m-faq .m-faq-index li a {
    color: #fff
}

.m-faq .m-faq-index li a:hover {
    color: rgba(255, 255, 255, 0.8)
}

.m-faq-question {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 1rem
}

.m-faq-answer {
    font-size: 1rem;
    margin-bottom: 3rem
}

.m-faq-answer,
.m-faq-answer div,
.m-faq-answer p {
    font-weight: 200;
    line-height: 1.6875rem
}

.m-faq-answer p {
    word-wrap: break-word
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

.m-hero {
    opacity: 0;
    -webkit-animation: fadeInDown;
    -moz-animation: fadeInDown;
    animation: fadeInDown;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
    width: 100%;
    margin-top: 0;
    margin-bottom: 2rem
}

.m-hero .wrapper {
    position: relative;
    background-color: #212121
}

.m-hero .h-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transition: 1s opacity
}

.m-hero.image-loaded .h-container {
    opacity: 1
}

.m-hero .link-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: #212121
}

.m-hero .link-wrapper.default {
    background-color: #545454
}

@media only screen and (max-width: 47.9375rem) {
    .m-hero .link-wrapper {
        flex-direction: column-reverse
    }
}

@media only screen and (min-width: 64rem) {
    .m-hero .link-wrapper {
        max-width: 64rem;
        margin: 0 auto
    }
}

.m-hero .info {
    float: left;
    width: 41%;
    height: 100%;
    text-align: center;
    color: #fff
}

@media only screen and (max-width: 47.9375rem) {
    .m-hero .info {
        width: 100%;
        padding: 1rem 0 1.5rem
    }
}

@media only screen and (min-width: 48rem) {
    .m-hero .info {
        padding: 0 1.5rem 0
    }
}

@media only screen and (min-width: 64rem) {
    .m-hero .info {
        padding: 0 1.5rem 0
    }
}

.m-hero .info .title {
    font-weight: 200;
    letter-spacing: .025rem;
    margin-bottom: 1rem
}

@media only screen and (max-width: 47.9375rem) {
    .m-hero .info .title {
        font-size: 1.125rem;
        line-height: 1.33;
        letter-spacing: .01875rem
    }
}

@media only screen and (min-width: 48rem) {
    .m-hero .info .title {
        font-size: .875rem;
        line-height: 1.43
    }
}

@media only screen and (min-width: 64rem) {
    .m-hero .info .title {
        font-size: 1.125rem;
        line-height: 1.33
    }
}

.m-hero .info .title.default {
    margin-right: 20%;
    margin-left: 20%
}

.m-hero .info .subtitle {
    font-weight: 300;
    letter-spacing: .025rem
}

@media only screen and (max-width: 47.9375rem) {
    .m-hero .info .subtitle {
        font-size: 1.5rem;
        line-height: 1.25;
        letter-spacing: .01875rem;
        margin-bottom: 0
    }
}

@media only screen and (min-width: 48rem) {
    .m-hero .info .subtitle {
        font-size: 1.375rem;
        line-height: 1.18;
        margin-bottom: 1.5rem
    }
}

@media only screen and (min-width: 64rem) {
    .m-hero .info .subtitle {
        font-size: 1.625rem;
        line-height: 1.31;
        margin-bottom: 2rem
    }
}

.m-hero .info .subtitle.default {
    margin-bottom: 1rem
}

.m-hero .info .action-button {
    color: #fff;
    margin: 0;
    width: 15rem;
    height: 2.75rem;
    background-color: rgba(255, 255, 255, 0.15);
    padding: 0;
    border-radius: 1.5rem
}

.m-hero .info .action-button:hover {
    background-color: rgba(255, 255, 255, 0.3)
}

@media only screen and (max-width: 47.9375rem) {
    .m-hero .info .action-button {
        display: none
    }
}

.m-hero .info .title.default,
.m-hero .info .subtitle.default,
.m-hero .info .action-button.default {
    background-color: #727272
}

.m-hero .thumbnail {
    float: left;
    width: 59%
}

@media only screen and (max-width: 47.9375rem) {
    .m-hero .thumbnail {
        width: 100%;
        min-height: 54.1875vw
    }
}

.m-hero .thumbnail.default {
    height: 31.1875vw;
    background-color: #404040
}

@media only screen and (min-width: 64rem) {
    .m-hero .thumbnail.default {
        height: 21.24rem
    }
}

.m-hero .play {
    display: none;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 2.5rem;
    margin-top: -1.25rem;
    background-color: #fff;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
    text-align: center;
    background-clip: padding-box;
    z-index: 10
}

.m-hero .play .icon {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-size: 1.1875rem;
    color: #0f9bbc
}

.m-hero .play .icon:before {
    margin-left: .375rem
}

@media only screen and (max-width: 47.9375rem) {
    .m-hero .h-container .play {
        display: table
    }
}

.liveroadblock {
    display: table;
    width: 100%;
    height: 100%;
    background-image: url("");
    background-size: cover
}

.liveroadblock .liveroadblock-wrapper {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 1.875rem 1.875rem .9375rem 1.875rem
}

@media only screen and (min-width: 62.5em) {
    .liveroadblock .liveroadblock-wrapper {
        padding: 1.875rem 0
    }
}

.liveroadblock .liveroadblock-title {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center 2em;
    background-size: 3em 3em;
    margin: 0 auto 0.5em;
    font-family: "Poppins", helvetica, arial, sans-serif;
    font-weight: 200;
    font-size: 1.3125rem
}

@media only screen and (min-width: 62.5em) {
    .liveroadblock .liveroadblock-title {
        width: 52%;
        font-size: 1.5rem
    }
}

.liveroadblock .liveroadblock-subtitle {
    margin: 0;
    font-size: 1rem;
    margin-bottom: 1.875rem;
    font-family: "Poppins", helvetica, arial, sans-serif;
    font-weight: 100
}

.butterscotch .liveroadblock .liveroadblock-subtitle a {
    color: #f7b81b
}

.garnet .liveroadblock .liveroadblock-subtitle a {
    color: #c50511
}

.aluminum .liveroadblock .liveroadblock-subtitle a {
    color: #5c7594
}

.default .liveroadblock .liveroadblock-subtitle a {
    color: #e2b05e
}

.liveroadblock .icon-wrapper,
.liveroadblock .icon-col {
    display: inline-block
}

.liveroadblock .browser-icon {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    width: 3.5rem;
    height: 3.5rem;
    margin-left: 1.875rem;
    margin-right: 1.875rem
}

.liveroadblock .icons-wrapper .browser-icon.chrome {
    background-image: url("")
}

.liveroadblock .icons-wrapper .browser-icon.firefox {
    background-image: url("")
}

.liveroadblock .icons-wrapper .browser-icon.safari {
    background-image: url("")
}

.liveroadblock .icons-wrapper .browser-icon.edge {
    background-image: url("")
}

.liveroadblock .browser-title {
    color: white;
    font-family: "Poppins", helvetica, arial, sans-serif;
    font-weight: 100;
    font-size: .875rem;
    text-align: center;
    margin-left: 1.875rem;
    margin-right: 1.875rem;
    margin-top: .9375rem;
    margin-bottom: .9375rem
}

.liveroadblock.mobile .firefox,
.liveroadblock.mobile .edge {
    display: none
}

.m-live-tv-alert {
    display: none
}

.m-live-tv-alert.network-homepage {
    background-color: #f7f7f7;
    -webkit-tap-highlight-color: transparent
}

.m-live-tv-alert.network-homepage .row:hover {
    cursor: pointer
}

@media only screen {
    .m-live-tv-alert.network-homepage .row {
        padding: .9375rem .4375rem
    }
}

@media only screen and (min-width: 42em) {
    .m-live-tv-alert.network-homepage .row {
        display: flex;
        align-items: center;
        padding: 1.25rem 1.0625rem
    }
}

@media only screen and (min-width: 62.5em) {
    .m-live-tv-alert.network-homepage .row {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (min-width: 42em) {
    .m-live-tv-alert.network-homepage.show-affiliate-logo {
        height: 9rem
    }
}

@media only screen and (min-width: 62.5em) {
    .m-live-tv-alert.network-homepage.show-affiliate-logo {
        height: 10.875rem
    }
}

.m-live-tv-alert.network-homepage.show-affiliate-logo .row {
    height: 100%
}

@media only screen and (min-width: 42em) {
    .m-live-tv-alert.network-homepage.show-affiliate-logo .row {
        padding: 1.25rem 1.0625rem
    }
}

@media only screen and (min-width: 62.5em) {
    .m-live-tv-alert.network-homepage.show-affiliate-logo .row {
        padding-left: 0;
        padding-right: 0
    }
}

.m-live-tv-alert.network-homepage .thumbnail-wrapper {
    background-color: #f1f1f1;
    position: relative;
    height: 100%
}

.m-live-tv-alert.network-homepage .thumbnail-wrapper .affilate-logo-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center
}

.m-live-tv-alert.network-homepage .thumbnail-wrapper .affilate-logo-wrapper .center {
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.m-live-tv-alert.network-homepage .thumbnail-wrapper .affilate-logo-wrapper .affiliate-logo {
    display: inline-block;
    vertical-align: middle
}

.m-live-tv-alert.network-homepage .thumbnail-wrapper .top-right-details {
    left: .625rem;
    top: .5rem;
    margin-left: 0
}

.m-live-tv-alert.network-homepage .thumbnail-wrapper .top-right-details .icon.left.lock {
    display: none;
    border-width: .125rem
}

@media only screen and (min-width: 42em) {
    .m-live-tv-alert.network-homepage .details {
        padding: 0 .9375rem
    }
}

.m-live-tv-alert.network-homepage .details .live-tv-now.label {
    background-color: #c50511;
    display: table;
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.1px;
    line-height: 1
}

@media only screen {
    .m-live-tv-alert.network-homepage .details .live-tv-now.label {
        font-size: .5625rem;
        padding: .25rem .4375rem .1875rem
    }
}

@media only screen and (min-width: 42em) {
    .m-live-tv-alert.network-homepage .details .live-tv-now.label {
        font-size: .625rem;
        padding: .3125rem .4375rem .1875rem
    }
}

@media only screen and (min-width: 62.5em) {
    .m-live-tv-alert.network-homepage .details .live-tv-now.label {
        font-size: .75rem;
        padding: .375rem .5rem .25rem
    }
}

.m-live-tv-alert.network-homepage .details .program-name {
    display: block;
    font-weight: 100;
    text-align: left;
    color: #232323;
    overflow: hidden;
    margin-bottom: .125rem
}

.m-live-tv-alert.network-homepage .details .program-name:hover {
    color: #F7B81B
}

@media only screen {
    .m-live-tv-alert.network-homepage .details .program-name {
        font-size: 1rem;
        line-height: 1.89;
        max-height: 1.9375rem
    }
}

@media only screen and (min-width: 42em) {
    .m-live-tv-alert.network-homepage .details .program-name {
        font-size: 1.1875rem;
        line-height: 1.59;
        max-height: 1.9375rem
    }
}

@media only screen and (min-width: 62.5em) {
    .m-live-tv-alert.network-homepage .details .program-name {
        font-size: 1.625rem;
        line-height: 1.47;
        max-height: 2.4375rem
    }
}

.m-live-tv-alert.network-homepage .details .program-description {
    display: block;
    font-weight: 100;
    text-align: left;
    color: #232323;
    overflow: hidden
}

@media only screen {
    .m-live-tv-alert.network-homepage .details .program-description {
        font-size: .75rem;
        line-height: 1.33;
        max-height: 2rem;
        letter-spacing: 0.1px;
        margin-bottom: .625rem
    }
}

@media only screen and (min-width: 42em) {
    .m-live-tv-alert.network-homepage .details .program-description {
        font-size: .8125rem;
        line-height: 1.38;
        max-height: 2.25rem;
        letter-spacing: 0.2px;
        margin-bottom: 0
    }
}

@media only screen and (min-width: 62.5em) {
    .m-live-tv-alert.network-homepage .details .program-description {
        font-size: .875rem;
        line-height: 1.29;
        max-height: 2.3125rem
    }
}

.m-live-tv-alert.network-homepage .call-to-action .live-tv-alert-cta-wrapper {
    text-align: right
}

@media only screen and (max-width: 41.9375em) {
    .m-live-tv-alert.network-homepage .call-to-action .live-tv-alert-cta-wrapper {
        text-align: left;
        display: block
    }
}

.m-live-tv-alert.network-homepage .call-to-action .live-tv-alert-cta-wrapper .live-tv-alert-cta {
    margin-bottom: 0;
    padding: 0 .3125rem
}

.m-live-tv-alert.network-homepage .call-to-action .live-tv-alert-cta-wrapper .live-tv-alert-cta::before {
    content: ' \25CF';
    font-size: 9px;
    color: #c50511;
    margin-right: .5rem;
    position: relative
}

.m-live-tv-alert.network-homepage .call-to-action .live-tv-alert-cta-wrapper .live-tv-alert-cta::after {
    content: 'watch live';
    font-weight: 200;
    text-align: left;
    color: #232323
}

.m-live-tv-alert.network-homepage .call-to-action .live-tv-alert-cta-wrapper .live-tv-alert-cta:hover::after {
    color: #fff
}

@media only screen {
    .m-live-tv-alert.network-homepage .call-to-action .live-tv-alert-cta-wrapper .live-tv-alert-cta {
        min-width: 9.375rem
    }
    .m-live-tv-alert.network-homepage .call-to-action .live-tv-alert-cta-wrapper .live-tv-alert-cta::after {
        line-height: 2.4;
        font-size: .75rem;
        letter-spacing: 0.1px
    }
    .m-live-tv-alert.network-homepage .call-to-action .live-tv-alert-cta-wrapper .live-tv-alert-cta::before {
        top: -.0625rem
    }
}

@media only screen and (min-width: 42em) {
    .m-live-tv-alert.network-homepage .call-to-action .live-tv-alert-cta-wrapper .live-tv-alert-cta {
        min-width: 9.25rem
    }
    .m-live-tv-alert.network-homepage .call-to-action .live-tv-alert-cta-wrapper .live-tv-alert-cta::after {
        line-height: 2.2;
        font-size: .875rem;
        letter-spacing: 0.2px
    }
    .m-live-tv-alert.network-homepage .call-to-action .live-tv-alert-cta-wrapper .live-tv-alert-cta::before {
        top: -.125rem
    }
}

@media only screen and (min-width: 62.5em) {
    .m-live-tv-alert.network-homepage .call-to-action .live-tv-alert-cta-wrapper .live-tv-alert-cta {
        min-width: 10.625rem
    }
    .m-live-tv-alert.network-homepage .call-to-action .live-tv-alert-cta-wrapper .live-tv-alert-cta::after {
        line-height: 2.6
    }
}

.m-live-tv-alert.flyout {
    position: fixed;
    z-index: 999;
    display: table;
    background-color: #fff;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.35), 0 0 21px 0 rgba(0, 0, 0, 0.13);
    transition-timing-function: ease-in;
    transition: 0.8s
}

@media only screen {
    .m-live-tv-alert.flyout {
        bottom: 0;
        width: 100%;
        transform: translateY(130%)
    }
}

@media only screen and (min-width: 42em) {
    .m-live-tv-alert.flyout {
        top: 0;
        right: 0;
        width: 20.1875rem;
        transform: translateX(130%)
    }
}

.m-live-tv-alert.flyout .row {
    display: flex;
    align-items: flex-start;
    position: relative;
    height: 100%;
    padding: .8125rem .65625rem .75rem .65625rem
}

.m-live-tv-alert.flyout .row:hover {
    cursor: pointer
}

.m-live-tv-alert.flyout .details {
    margin-left: .78125rem
}

.m-live-tv-alert.flyout .live-tv-now.label {
    background-color: #c50511;
    display: table;
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.1px;
    line-height: 1;
    margin-bottom: .1875rem;
    margin-top: .0625rem
}

@media only screen {
    .m-live-tv-alert.flyout .live-tv-now.label {
        font-size: .625rem;
        padding: .3125rem .4375rem .1875rem
    }
}

@media only screen and (min-width: 42em) {
    .m-live-tv-alert.flyout .live-tv-now.label {
        font-size: .59375rem;
        padding: .3125rem .25rem .3125rem .3125rem
    }
}

.m-live-tv-alert.flyout .program-name {
    overflow: hidden;
    white-space: nowrap;
    font-size: 1.375rem;
    line-height: 1.33
}

.m-live-tv-alert.flyout .program-name a {
    font-weight: 200;
    text-align: left;
    color: #232323
}

.m-live-tv-alert.flyout .program-name a:hover {
    color: #F7B81B
}

.m-live-tv-alert.flyout .program-name.two-lines {
    white-space: normal;
    font-size: 1rem;
    line-height: 1.33;
    max-height: 2.6875rem
}

.m-live-tv-alert.flyout .top-right-details.small-top-right-details {
    margin-left: .1875rem;
    top: 1rem
}

.m-live-tv-alert.flyout .top-right-details.small-top-right-details .icon.left.lock {
    border-width: .0625rem;
    border-radius: 50%;
    width: 1.0625rem;
    height: 1.0625rem
}

.m-live-tv-alert.flyout .top-right-details.small-top-right-details .icon.left.lock .iconfont.abc-icon-lock-icon {
    font-size: .625rem
}

.m-live-tv-alert.flyout .close-button-wrapper {
    position: absolute;
    top: 0;
    right: 0
}

.m-live-tv-alert.flyout .close-button-wrapper span {
    float: right;
    padding: .625rem .625rem 0 0;
    font-size: .625rem
}

.m-live-tv-alert.flyout.show-affiliate-logo {
    display: block;
    height: 5.5rem
}

.m-live-tv-alert.flyout.show-affiliate-logo .row {
    align-items: center
}

@media only screen and (min-width: 42em) {
    .m-live-tv-alert.flyout.show-affiliate-logo .details {
        margin-left: 0
    }
}

.m-live-tv-alert.flyout.show-affiliate-logo .thumbnail-wrapper {
    padding: 0
}

@media only screen {
    .m-live-tv-alert.flyout.show-affiliate-logo .thumbnail-wrapper {
        min-width: 4.9375rem
    }
}

@media only screen and (min-width: 42em) {
    .m-live-tv-alert.flyout.show-affiliate-logo .thumbnail-wrapper {
        min-width: 3.75rem
    }
}

.m-live-tv-alert.flyout.show-affiliate-logo .thumbnail-wrapper .live-tv-now.label {
    margin-bottom: 0
}

@media only screen {
    .m-live-tv-alert.flyout.show-affiliate-logo .thumbnail-wrapper .live-tv-now.label {
        margin: 0 auto;
        font-size: .75rem;
        padding: .4375rem .5rem .375rem
    }
}

@media only screen and (min-width: 42em) {
    .m-live-tv-alert.flyout.show-affiliate-logo .thumbnail-wrapper .live-tv-now.label {
        margin: 0 0 0 -2rem;
        font-size: .75rem;
        padding: .375rem .5rem .3125rem
    }
}

.m-live-tv-alert.flyout.show-affiliate-logo .program-name.two-lines {
    font-size: 1.25rem;
    line-height: 1.33;
    max-height: 3.375rem
}

.m-live-tv-alert.flyout.visible {
    transition-timing-function: ease-out;
    transition: 1s
}

@media only screen {
    .m-live-tv-alert.flyout.visible {
        transform: translateY(0)
    }
}

@media only screen and (min-width: 42em) {
    .m-live-tv-alert.flyout.visible {
        transform: translateX(0)
    }
}

.m-live-tv-alert.unauthenticated .thumbnail-wrapper .top-right-details .icon.left.lock {
    display: table
}

.m-menu {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #000;
    z-index: 1001;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0)
}

.m-menu,
.m-menu-row {
    min-height: 5rem
}

body.new-home .row.m-menu-row {
    max-width: 75rem
}

@media only screen and (min-width: 48rem) {
    body.new-home .row.m-menu-row {
        padding: 0 3rem
    }
}

@media only screen and (min-width: 64rem) {
    body.new-home .row.m-menu-row {
        padding: 0 4rem
    }
}

@media only screen and (min-width: 90rem) {
    body.new-home .row.m-menu-row {
        padding: 0
    }
}

.m-menu .m-menu-wrapper {
    position: relative;
    z-index: 1001;
    width: 100%;
    background: #000
}

@media only screen and (min-width: 42em) {
    .m-menu .m-menu-wrapper {
        position: absolute;
        display: flex
    }
}

.m-menu-row {
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center
}

.m-menu .m-menu-drop-nav-header {
    display: none !important
}

.m-menu .m-menu-logo-title {
    min-height: 3.125rem;
    min-width: 3.125rem;
    float: none;
    padding: 0;
    width: auto
}

.m-menu .m-menu-logo-title .m-menu-page-title {
    padding-top: .25rem
}

.m-menu .m-menu-logo-title .m-menu-page-title .m-menu-showtitle {
    font-size: .9375rem
}

.m-menu .m-menu-logo-title .m-menu-page-title .m-menu-showtitle,
.m-menu .m-menu-logo-title .m-menu-page-title .m-menu-tune-in {
    margin: 0
}

@media only screen and (min-width: 42em) {
    .m-menu .m-menu-logo-title .m-menu-page-title {
        margin-top: .625rem;
        margin-left: 2.625rem
    }
}

@media only screen and (min-width: 62.5em) {
    .m-menu .m-menu-logo-title .m-menu-page-title {
        margin-top: .75rem;
        margin-left: 3.25rem
    }
}

.m-menu .m-menu-logo-title .m-menu-page-title.m-menu-page-title-only {
    display: none
}

.m-menu .m-menu-logo-title .m-menu-page-title.m-menu-page-title-only .m-menu-showtitle {
    margin-top: .28125rem;
    line-height: 1em
}

@media only screen and (min-width: 42em) {
    .m-menu .m-menu-logo-title .m-menu-page-title.m-menu-page-title-only .m-menu-showtitle {
        margin-top: 0;
        font-size: 1.5rem;
        font-weight: 300
    }
}

.m-menu .m-menu-logo-title .m-menu-logo {
    height: auto;
    left: 0;
    width: 3.125rem;
    margin-right: 0
}

@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
    .m-menu .m-menu-logo {
        image-rendering: -webkit-optimize-contrast
    }
}

.m-menu .abc-icon-hamburger-menu {
    font-size: .625rem
}

.m-menu .m-menu-global-navigation {
    float: none;
    width: auto
}

.m-menu .m-menu-global-navigation .m-menu-global-section .abc-icon-arrow-down {
    line-height: inherit;
    font-size: 4px;
    vertical-align: middle
}

.m-menu .m-menu-global-navigation .m-menu-mobile-global-link {
    width: 2.1875rem;
    height: 3.125rem;
    position: relative
}

.m-menu .m-menu-global-navigation .m-menu-mobile-global-link .m-menu-mobile-bar {
    display: block;
    width: .875rem;
    height: .1875rem;
    background: #4d4d4d;
    opacity: 1;
    position: absolute;
    top: 1.125rem;
    left: .9375rem;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out
}

.m-menu .m-menu-global-navigation .m-menu-mobile-global-link .m-menu-mobile-bar:nth-child(2),
.m-menu .m-menu-global-navigation .m-menu-mobile-global-link .m-menu-mobile-bar:nth-child(3) {
    top: 1.4375rem
}

.m-menu .m-menu-global-navigation .m-menu-mobile-global-link .m-menu-mobile-bar:nth-child(4) {
    top: 1.75rem
}

.m-menu-nav-open .m-menu-mobile-global-link .m-menu-mobile-bar:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.m-menu-nav-open .m-menu .m-menu-global-navigation .m-menu-mobile-global-link .m-menu-mobile-bar:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.m-menu-nav-open .m-menu .m-menu-global-navigation .m-menu-mobile-global-link .m-menu-mobile-bar:nth-child(1),
.m-menu-nav-open .m-menu .m-menu-global-navigation .m-menu-mobile-global-link .m-menu-mobile-bar:nth-child(4) {
    width: 0;
    left: 2.25rem;
    opacity: 0;
    top: 1.4375rem
}

.m-menu-nav-open .m-menu .m-menu-drop-nav.m-menu-show-drop-nav .m-menu-link-list .m-menu-link-list-item:last-child {
    margin-bottom: 0
}

.no-csscolumns-breakbefore .m-menu .m-menu-drop-nav.m-menu-show-drop-nav .m-menu-link-list .m-menu-link-list-item:nth-child(6),
.no-csscolumns-breakbefore .m-menu .m-menu-drop-nav.m-menu-show-drop-nav .m-menu-link-list .m-menu-link-list-item:nth-child(11) {
    display: inline-block;
    margin-bottom: .3125rem
}

.m-menu .m-menu-global-navigation .m-menu-global-list-navigation {
    white-space: nowrap;
    overflow: hidden;
    margin: 0
}

.m-menu .m-menu-global-navigation .m-menu-global-list-navigation li {
    font-size: 1rem;
    margin-left: 1.4375rem;
    text-transform: capitalize
}

.m-menu .m-menu-global-navigation .m-menu-global-list-navigation li.primary-item,
.m-menu .m-menu-global-navigation .m-menu-global-list-navigation li.primary-item-more {
    display: inline-block;
    float: none;
    height: 5rem
}

.m-menu .m-menu-global-navigation .m-menu-global-list-navigation li.primary-item a:active,
.m-menu .m-menu-global-navigation .m-menu-global-list-navigation li.primary-item-more a:active {
    color: rgba(255, 255, 255, 0.6)
}

.m-menu .m-menu-global-navigation .m-menu-global-list-navigation li.primary-item.active,
.m-menu .m-menu-global-navigation .m-menu-global-list-navigation li.primary-item-more.active {
    border-bottom: .1875rem solid #c50511
}

.m-menu .m-menu-global-navigation .m-menu-global-list-navigation li.primary-item .m-menu-global-section,
.m-menu .m-menu-global-navigation .m-menu-global-list-navigation li.primary-item-more .m-menu-global-section {
    margin-top: 1.6875rem
}

@media only screen and (max-width: 29.9375em) {
    .m-menu .m-menu-global-navigation .m-menu-global-list-navigation li.primary-item,
    .m-menu .m-menu-global-navigation .m-menu-global-list-navigation li.primary-item-more {
        margin-left: .875rem;
        font-size: .875rem
    }
}

.m-menu .m-menu-drop-nav.m-menu-global-drop-nav .m-menu-link-list li {
    font-size: .9375rem
}

@media only screen and (max-width: 41.9375em) {
    .m-menu.flexible-dropdown .m-menu-global-navigation-search-icon {
        visibility: hidden
    }
}

a.m-menu-global-link.active {
    color: rgba(255, 255, 255, 0.8)
}

.mobile .m-menu .m-menu-global-navigation-search-icon a:hover {
    color: rgba(255, 255, 255, 0.8)
}

.mobile .m-menu-global-list-navigation a.m-menu-showlist-link:hover {
    color: rgba(255, 255, 255, 0.8)
}

.mobile .m-menu-global-list-navigation a.m-menu-global-link:hover {
    color: rgba(255, 255, 255, 0.8)
}

@media only screen and (min-width: 42em) {
    .m-menu .m-menu-shows-all-link:hover,
    .m-menu .m-menu-shows-all-link:focus {
        color: #e2b05e
    }
}

.m-menu-global-list-navigation a.active {
    color: #e2b05e
}

.m-menu-global-list-navigation li.active a,
.m-menu .m-menu-drop-nav.m-menu-global-drop-nav .m-menu-link-list li.active a {
    color: #fff
}

.m-menu-global-list-navigation li.active a:hover {
    color: rgba(255, 255, 255, 0.8);
    opacity: 1
}

.m-menu-global-navigation-search-icon a:hover {
    color: #e2b05e
}

.m-menu-global-navigation-search-icon a.m-menu-search-link {
    color: #fff
}

.m-menu-global-list-navigation a.m-menu-showlist-link {
    color: #fff
}

.m-menu-global-list-navigation a.m-menu-global-link {
    color: #fff;
    opacity: 1
}

.m-menu-global-list-navigation a.m-menu-global-link:hover,
.m-menu-global-list-navigation a.m-menu-global-link.active {
    color: rgba(255, 255, 255, 0.8)
}

.m-menu.search-active .m-menu-global-navigation-search-icon {
    top: 50%;
    transform: translateY(-50%)
}

@media only screen {
    .m-menu.search-active .m-menu-global-navigation-search-icon {
        right: 4%;
        left: 4%
    }
}

@media (min-width: 20rem) and (max-width: 21.75rem) {
    .m-menu.search-active .m-menu-global-navigation-search-icon {
        right: 11.5%
    }
}

@media (min-width: 21.8125rem) and (max-width: 23.375rem) {
    .m-menu.search-active .m-menu-global-navigation-search-icon {
        right: 11%
    }
}

@media (min-width: 23.4375rem) and (max-width: 25.625rem) {
    .m-menu.search-active .m-menu-global-navigation-search-icon {
        right: 10.5%
    }
}

@media (min-width: 25.6875rem) {
    .m-menu.search-active .m-menu-global-navigation-search-icon {
        right: 9.5%
    }
}

@media only screen and (min-width: 42em) {
    .m-menu.search-active .m-menu-global-navigation-search-icon {
        left: 6.25%
    }
}

@media only screen and (min-width: 62.5em) {
    .m-menu.search-active .m-menu-global-navigation-search-icon {
        width: auto;
        right: 0;
        left: auto
    }
}

.m-menu.search-active .m-menu-global-navigation-search-icon .m-menu-search-block {
    display: flex
}

.m-menu.search-active .m-menu-global-navigation-search-icon .m-menu-search-link {
    display: none
}

.m-menu .m-menu-global-navigation-search-icon {
    position: absolute;
    top: 1.75rem;
    right: .375rem
}

@media only screen and (min-width: 42em) {
    .m-menu .m-menu-global-navigation-search-icon {
        right: 1.0625rem
    }
}

@media only screen and (min-width: 62.5em) {
    .m-menu .m-menu-global-navigation-search-icon {
        right: 0
    }
}

body.new-home .m-menu .m-menu-global-navigation-search-icon,
body.new-design .m-menu .m-menu-global-navigation-search-icon {
    right: 1.5rem
}

@media only screen and (max-width: 29.9375rem) {
    body.new-home .m-menu .m-menu-global-navigation-search-icon a.m-menu-search-link .icon,
    body.new-design .m-menu .m-menu-global-navigation-search-icon a.m-menu-search-link .icon {
        margin-right: 0
    }
}

@media only screen and (min-width: 48rem) {
    body.new-home .m-menu .m-menu-global-navigation-search-icon,
    body.new-design .m-menu .m-menu-global-navigation-search-icon {
        right: 3rem
    }
}

@media only screen and (min-width: 64rem) {
    body.new-home .m-menu .m-menu-global-navigation-search-icon,
    body.new-design .m-menu .m-menu-global-navigation-search-icon {
        right: 4rem
    }
}

@media only screen and (min-width: 90rem) {
    body.new-home .m-menu .m-menu-global-navigation-search-icon,
    body.new-design .m-menu .m-menu-global-navigation-search-icon {
        right: 0
    }
}

.m-menu .m-menu-global-navigation-search-icon a.m-menu-search-link {
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    font-weight: 300;
    line-height: normal;
    letter-spacing: normal
}

.m-menu .m-menu-global-navigation-search-icon a.m-menu-search-link .search-cta {
    display: none
}

@media only screen and (min-width: 42em) {
    .m-menu .m-menu-global-navigation-search-icon a.m-menu-search-link .search-cta {
        display: inline
    }
}

.m-menu .m-menu-global-navigation-search-icon a.m-menu-search-link .icon {
    font-size: 1.375rem;
    margin-right: .5rem
}

.m-menu .m-menu-global-navigation-search-icon a.m-menu-search-link:hover {
    color: rgba(255, 255, 255, 0.8)
}

.m-menu .m-menu-global-navigation-search-icon a.m-menu-search-link:active {
    color: rgba(255, 255, 255, 0.6)
}

.m-menu .m-menu-global-navigation-search-icon .m-menu-search-block {
    display: none;
    align-items: center;
    justify-content: flex-end
}

@media only screen and (min-width: 42em) {
    .m-menu .m-menu-global-navigation-search-icon .m-menu-search-block {
        width: 100%
    }
}

@media only screen and (min-width: 62.5em) {
    .m-menu .m-menu-global-navigation-search-icon .m-menu-search-block {
        width: 26.25rem
    }
}

.m-menu .m-menu-global-navigation-search-icon .m-menu-search-block .search-field-icon {
    font-size: 1.375rem;
    color: #fff;
    margin-right: -2.375rem;
    z-index: 2
}

.m-menu .m-menu-global-navigation-search-icon .m-menu-search-block input.search-field {
    width: 1%;
    height: 2.75rem;
    background: #000;
    border-radius: .125rem;
    border: solid .125rem rgba(255, 255, 255, 0.2);
    caret-color: #fff;
    color: #fff
}

@media only screen {
    .m-menu .m-menu-global-navigation-search-icon .m-menu-search-block input.search-field {
        padding: 0 3.125rem 0 3.125rem
    }
}

@media only screen and (min-width: 62.5em) {
    .m-menu .m-menu-global-navigation-search-icon .m-menu-search-block input.search-field {
        padding: 0 2.875rem 0 2.875rem
    }
}

.m-menu .m-menu-global-navigation-search-icon .m-menu-search-block input.search-field::placeholder,
.m-menu .m-menu-global-navigation-search-icon .m-menu-search-block input.search-field::-webkit-input-placeholder {
    opacity: 0.5;
    font-size: .9375rem;
    font-weight: 200;
    color: #fff;
    padding-left: .3125rem;
    line-height: normal
}

.m-menu .m-menu-global-navigation-search-icon .m-menu-search-block input.search-field::-ms-clear,
.m-menu .m-menu-global-navigation-search-icon .m-menu-search-block input.search-field::-ms-reveal {
    display: none
}

.m-menu .m-menu-global-navigation-search-icon .m-menu-search-block .search-field-close {
    width: 1.625rem;
    height: 1.625rem;
    margin-left: -2.375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .9375rem;
    color: #fff
}

.m-menu .m-menu-drop-nav {
    background-color: rgba(255, 255, 255, 0);
    display: block;
    padding: 3.125rem 0 0;
    position: absolute;
    top: -43.75rem;
    width: 100%;
    -webkit-transform: translateY(4.375rem);
    -moz-transform: translateY(4.375rem);
    -ms-transform: translateY(4.375rem);
    -o-transform: translateY(4.375rem);
    transform: translateY(4.375rem);
    -webkit-transition-property: all;
    -moz-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 600ms;
    -moz-transition-duration: 600ms;
    transition-duration: 600ms;
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s
}

.m-menu-link-list {
    margin: 0;
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2
}

.m-menu-drop-nav .m-menu-link-list-item {
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    padding-bottom: 1rem;
    display: table
}

.m-menu-drop-nav .m-menu-link-list-item span {
    margin: 0;
    line-height: 1.125rem;
    font-weight: 300
}

@media only screen and (max-width: 29.9375em) {
    .m-menu-drop-nav .m-menu-link-list-item span {
        line-height: 1.5625rem
    }
}

.m-menu-drop-nav .m-menu-link-list-item span a {
    color: #fff;
    text-transform: capitalize
}

.m-menu-drop-nav .m-menu-link-list-item span a:hover {
    color: rgba(255, 255, 255, 0.8)
}

.m-menu-link-list-item.mvpd-sign-out {
    display: none;
    text-align: center
}

.m-menu-link-list-item.mvpd-sign-out.visible {
    display: block
}

.m-menu-link-list-item .sign-out-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding-bottom: 12px
}

.m-menu-link-list-item .sign-out-provider {
    padding-bottom: .9375rem
}

.m-menu-link-list-item .sign-out-link {
    width: 100%;
    color: #4d4d4d;
    font-size: .875rem;
    font-weight: 300;
    margin-bottom: 0px;
    padding: .5rem .875rem
}

.m-menu-link-list-item .sign-out-link:hover,
.m-menu-link-list-item .sign-out-link:focus {
    color: #fff
}

.m-menu-link-list-item .sign-out-provider {
    padding: 1.25rem 2.0625rem
}

.m-menu-link-list-item.mvpd-sign-out {
    margin: 0 1rem;
    padding: 0;
    border-top: .0625rem solid #c2c2c2
}

.m-menu-link-list-item.mvpd-sign-out .sign-out-link {
    max-width: 12.5rem
}

@media only screen and (min-width: 42em) {
    .m-menu-link-list-item.mvpd-sign-out .sign-out-link {
        width: 80%
    }
}

.m-menu-link-list-item.mvpd-sign-out .sign-out-provider {
    padding: 1.1875rem 0 .625rem;
    width: 70%
}

@media only screen and (min-width: 42em) {
    .m-menu-link-list-item.mvpd-sign-out .sign-out-provider {
        width: 50%
    }
}

.m-menu-link-list-item.mvpd-sign-out .hbaMessage {
    font-size: .75rem;
    line-height: 1.5;
    text-transform: none;
    padding-bottom: 1.25rem;
    width: 100%;
    white-space: normal
}

@media only screen and (min-width: 42em) {
    .m-menu-link-list-item.mvpd-sign-out .hbaMessage {
        font-size: .6875rem
    }
}

.mobile-menu .navigation-group .mvpd-sign-out {
    border: 0
}

@media only screen and (min-width: 42em) {
    .m-menu-drop-nav.m-menu-show-drop-nav .m-menu-link-list {
        -webkit-columns: 3;
        -moz-columns: 3;
        columns: 3
    }
}

@media only screen and (min-width: 42em) {
    .m-menu .m-menu-shows-all-link {
        padding: .6875rem 2.0625rem .625rem 2.0625rem;
        color: #fff;
        font-size: .9375rem;
        border: .125rem solid #4d4d4d
    }
    .m-menu .m-menu-shows-all-link:hover,
    .m-menu .m-menu-shows-all-link:focus {
        background-color: #000;
        border-color: #dea548;
        color: #e2b05e
    }
}

.m-menu-drop-nav .navigation-group {
    padding: 1.375rem 0 .6875rem
}

.m-menu-drop-nav .navigation-group.show-list-navigation {
    padding-top: 0;
    padding-bottom: 0
}

body.m-menu-nav-open.m-menu-show-drop-nav-open .m-menu-drop-nav.m-menu-show-drop-nav {
    background-color: #2b2d36;
    top: 0;
    -webkit-transform: translateY(1.125rem);
    -moz-transform: translateY(1.125rem);
    -ms-transform: translateY(1.125rem);
    -o-transform: translateY(1.125rem);
    transform: translateY(1.125rem)
}

body.m-menu-nav-open.m-menu-show-drop-nav-open .m-menu-drop-nav.m-menu-show-drop-nav.show-for-large-up {
    visibility: visible
}

body:not(.m-menu-show-drop-nav-open) .m-menu-drop-nav.m-menu-show-drop-nav.show-for-large-up {
    visibility: hidden
}

body.m-menu-nav-open.m-menu-global-drop-nav-open .m-menu-drop-nav.m-menu-show-drop-nav {
    visibility: visible
}

body:not(.m-menu-global-drop-nav-open) .m-menu-drop-nav.m-menu-global-drop-nav {
    visibility: hidden
}

body.m-menu-nav-open.m-menu-global-drop-nav-open .m-menu-drop-nav.m-menu-global-drop-nav {
    background-color: #2b2d36;
    top: 0;
    -webkit-transform: translateY(1.125rem);
    -moz-transform: translateY(1.125rem);
    -ms-transform: translateY(1.125rem);
    -o-transform: translateY(1.125rem);
    transform: translateY(1.125rem)
}

.m-menu .m-menu-drop-nav.m-menu-global-drop-nav {
    width: auto;
    padding: 0;
    margin: 3.875rem 0 0 -2rem
}

.m-menu .m-menu-drop-nav.m-menu-global-drop-nav li {
    margin: 0 1rem
}

.m-menu .m-menu-drop-nav.m-menu-global-drop-nav li.primary-item-moved .m-menu-global-section {
    margin-top: 0
}

.m-menu .m-menu-drop-nav.m-menu-global-drop-nav li.primary-item-moved a {
    text-transform: capitalize
}

.m-menu .m-menu-drop-nav.m-menu-global-drop-nav .m-menu-link-list {
    padding-bottom: 0;
    -webkit-columns: 1;
    -moz-columns: 1;
    columns: 1
}

.m-menu .m-menu-drop-nav.m-menu-global-drop-nav .m-menu-link-list li {
    margin-left: 1rem
}

@media only screen and (max-width: 29.9375em) {
    .m-menu .m-menu-drop-nav.m-menu-global-drop-nav .m-menu-link-list {
        line-height: 1.5625rem
    }
}

.m-menu .m-menu-drop-nav.m-menu-global-drop-nav .row {
    margin: auto;
    width: 18.9375rem;
    padding: 0 1.0625rem
}

@media only screen and (max-width: 29.9375em) {
    .m-menu .m-menu-drop-nav.m-menu-global-drop-nav {
        overflow-y: scroll;
        width: 100%;
        margin: 3.875rem 0 0 0;
        left: 0 !important;
        position: fixed
    }
    .m-menu .m-menu-drop-nav.m-menu-global-drop-nav .row {
        width: 100%
    }
    .m-menu .m-menu-drop-nav.m-menu-global-drop-nav .m-menu-link-list li {
        margin: 0 auto
    }
    .m-menu .m-menu-drop-nav.m-menu-global-drop-nav .m-menu-link-list li .m-menu-global-section {
        margin-top: 0
    }
    .m-menu .m-menu-drop-nav.m-menu-global-drop-nav .m-menu-link-list li a {
        font-size: 1.125rem
    }
}

.m-menu .m-mvpdauth {
    display: none
}

.authenticated .m-menu .mvpdSite>img {
    height: 2.25rem;
    width: auto
}

.genericMvpdLogin {
    display: none
}

.m-menu.no-title .m-menu-logo-title .m-menu-page-title .m-menu-showtitle {
    display: none
}

.movies-and-specials-detail .m-menu .m-menu-logo-title .m-menu-page-title .m-menu-showtitle {
    display: block
}

@media only screen {
    .m-menu.search-active .m-menu-logo-title,
    .m-menu.search-active .m-menu-global-navigation {
        display: none
    }
}

@media only screen and (min-width: 62.5em) {
    .m-menu.search-active .m-menu-logo-title,
    .m-menu.search-active .m-menu-global-navigation {
        display: block
    }
}

.m-message {
    display: none;
    padding: 1.875rem .46875rem
}

@media only screen and (min-width: 42em) {
    .m-message {
        padding: 2.5rem 0
    }
}

@media only screen and (min-width: 62.5em) {
    .m-message {
        padding: 3.75rem 0
    }
}

.m-message.m-message-active {
    display: block
}

.m-message-alert-icon {
    text-align: center;
    color: #e2b05e
}

.m-message-alert-icon .icon {
    display: block;
    margin: 1.25rem 0 1.875rem;
    font-size: 5.6875rem
}

@media only screen and (min-width: 42em) {
    .m-message .error-message:first-child {
        padding-top: 0
    }
}

.m-message .error-message:last-child {
    padding-bottom: 0
}

.m-message .error-message {
    padding: 0 .46875rem 1.875rem
}

@media only screen and (min-width: 42em) {
    .m-message .error-message {
        padding: 0 0 2.5rem
    }
}

@media only screen and (min-width: 62.5em) {
    .m-message .error-message {
        padding: 0 0 3.75rem
    }
}

.m-message .error-message .error-messages-wrapper p.text2 {
    color: #fff
}

.error-message a.messageMoreInfo {
    text-transform: uppercase
}

body.butterscotch .error-message a.messageMoreInfo {
    color: #f7b81b
}

body.garnet .error-message a.messageMoreInfo {
    color: #c50511
}

body.aluminum .error-message a.messageMoreInfo {
    color: #5c7594
}

body.default .error-message a.messageMoreInfo {
    color: #e2b05e
}

.m-message .close {
    padding-right: 1rem;
    text-align: right;
    cursor: pointer;
    color: #e2b05e
}

.m-message .close:hover {
    color: rgba(226, 176, 94, 0.7)
}

.m-message .close div {
    padding-top: .6875rem
}

.mobile-menu {
    background-color: rgba(255, 255, 255, 0);
    visibility: hidden;
    position: absolute;
    opacity: 0
}

.mobile-menu .show-list-navigation .expandable-list .collapsed-list {
    visibility: hidden
}

.mobile-menu .show-list-navigation .expandable-list.expanded .collapsed-list {
    visibility: visible
}

body.m-menu-nav-open .mobile-menu {
    display: none
}

body.m-menu-nav-open .content,
body.m-menu-nav-open .footer-modules {
    display: block;
    height: auto;
    overflow: visible;
    visibility: visible
}

body.m-menu-nav-open .page-wrapper {
    overflow: visible;
    overflow-x: hidden;
    position: relative
}

.mobile-menu .navigation-group>ul>li {
    border-bottom: 1px solid #c2c2c2;
    opacity: 0;
    -webkit-transform: translateX(-3.125rem);
    -moz-transform: translateX(-3.125rem);
    -ms-transform: translateX(-3.125rem);
    -o-transform: translateX(-3.125rem);
    transform: translateX(-3.125rem)
}

.mobile-menu .navigation-group .navigation-group-link {
    line-height: 3rem;
    margin: 0
}

.mobile-menu .navigation-group .navigation-group-link a {
    display: block
}

body.m-menu-nav-open .mobile-menu .navigation-group li {
    opacity: 1;
    line-height: 3rem;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-property: all;
    -moz-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 700ms;
    -moz-transition-duration: 700ms;
    transition-duration: 700ms;
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    transition-delay: 0.5s
}

body.m-menu-nav-open .mobile-menu .navigation-group li:nth-child(1) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    transition-delay: 50ms
}

body.m-menu-nav-open .mobile-menu .navigation-group li:nth-child(2) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    transition-delay: 100ms
}

body.m-menu-nav-open .mobile-menu .navigation-group li:nth-child(3) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    transition-delay: 150ms
}

body.m-menu-nav-open .mobile-menu .navigation-group li:nth-child(4) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    transition-delay: 200ms
}

body.m-menu-nav-open .mobile-menu .navigation-group li:nth-child(5) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    transition-delay: 250ms
}

body.m-menu-nav-open .mobile-menu .navigation-group li:nth-child(6) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    transition-delay: 300ms
}

body.m-menu-nav-open .mobile-menu .navigation-group li:nth-child(7) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    transition-delay: 350ms
}

body.m-menu-nav-open .mobile-menu .navigation-group li:nth-child(8) {
    -webkit-transition-delay: 400ms;
    -moz-transition-delay: 400ms;
    transition-delay: 400ms
}

body.m-menu-nav-open .mobile-menu .navigation-group li:nth-child(9) {
    -webkit-transition-delay: 450ms;
    -moz-transition-delay: 450ms;
    transition-delay: 450ms
}

body.m-menu-nav-open .mobile-menu .navigation-group li:nth-child(10) {
    -webkit-transition-delay: 500ms;
    -moz-transition-delay: 500ms;
    transition-delay: 500ms
}

.mobile-menu .expandable-list .expanded-list-title {
    text-transform: lowercase
}

.mobile-menu .expandable-list .expand-arrow {
    display: inline-block;
    font-size: 5px;
    vertical-align: middle;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.mobile-menu .expandable-list .expand-arrow {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 500ms;
    -moz-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    transition-delay: 0
}

.mobile-menu .expandable-list.expanded .expand-arrow {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
}

.mobile-menu .show-list-navigation .expandable-list:not(.expanded) a:hover,
.mobile-menu .show-list-navigation .expandable-list:not(.expanded) a:focus {
    color: #232323
}

.mobile-menu .expandable-list .collapsed-list {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 600ms cubic-bezier(0.86, 0, 0.07, 1) 0s;
    -moz-transition: max-height 600ms cubic-bezier(0.86, 0, 0.07, 1) 0s;
    transition: max-height 600ms cubic-bezier(0.86, 0, 0.07, 1) 0s
}

.mobile-menu .expandable-list.expanded .collapsed-list {
    max-height: 75rem
}

.schedule-menu li {
    margin: 10px;
    display: block;
    min-height: 93px
}

.schedule-menu picture {
    position: absolute;
    left: 0;
    top: 0;
    width: 129px;
    height: 73px
}

.schedule-menu .text5,
.schedule-menu .text4 {
    margin: 0;
    margin-left: 149px;
    display: block
}

.schedule-menu .text5 {
    padding: 5px 0 15px
}

.schedule-menu .m-schedule-block {
    clear: both;
    display: block
}

.mobile-menu .mobile-menu-section-header .navtitle {
    margin: 1rem 0 0;
    line-height: 3rem
}

.mobile-menu .mobile-menu-section-header hr {
    margin: 0
}

.mobile-menu .social-icons:before {
    content: normal
}

.mobile-menu .social-icons {
    text-align: center
}

.mobile-menu .social-icons .icon {
    padding: 0 .9375rem;
    opacity: 0
}

body.m-menu-nav-open .mobile-menu .social-icons .icon {
    opacity: 1;
    -webkit-transition: opacity 300ms ease-in 300ms;
    -moz-transition: opacity 300ms ease-in 300ms;
    transition: opacity 300ms ease-in 300ms
}

body.modal-open {
    overflow: hidden;
    -webkit-overflow-scrolling: auto
}

.m-modal {
    display: none
}

.m-modal.visible {
    display: block
}

.m-modal .modal {
    display: block;
    z-index: 9001;
    position: relative;
    transform: translate(0, 0);
    margin: 3.75rem auto;
    background-color: #2b2d36;
    text-align: center
}

@media only screen and (max-width: 29.9375em) {
    .m-modal .modal {
        margin: 0 auto
    }
}

@media only screen and (max-width: 23.4375rem) {
    .m-modal .modal {
        height: 100%
    }
}

@media only screen and (max-width: 20em) {
    .m-modal .modal {
        margin: 0 auto
    }
}

.m-modal .modal .close {
    float: right;
    display: flex;
    justify-content: center;
    align-items: center;
    width: .9375rem;
    height: .9375rem;
    color: #fff
}

.m-modal .modal .close:after {
    clear: both
}

.m-modal .modal .close .icon {
    font-size: .9375rem
}

.m-modal.modal-overlay {
    z-index: 9000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(25, 25, 25, 0.95);
    overflow-x: hidden;
    overflow-y: auto
}

body.modal-open {
    overflow: hidden;
    -webkit-overflow-scrolling: auto
}

body.modal-open .page-wrapper {
    overflow: hidden
}

div.insterstitial-modal.visible .m-modal {
    display: block
}

@media only screen and (max-width: 29.9375em) {
    div.insterstitial-modal .m-modal.modal-overlay {
        background: #2b2d36
    }
}

@media only screen and (min-width: 30em) {
    div.insterstitial-modal .m-modal .modal {
        max-width: 25.75rem;
        max-height: 25.75rem
    }
}

div.insterstitial-modal .m-modal .modal .message-text {
    margin: 0 auto 2.1875rem;
    max-width: 20rem;
    padding-bottom: 0;
    line-height: 1.25rem;
    color: #fff
}

div.insterstitial-modal .m-modal .modal .message-text span {
    font-size: .875rem
}

div.insterstitial-modal .m-modal .modal button.continue {
    margin: 0
}

.mvpdwrapper {
    display: none
}

.mvpd-displayed .mvpdwrapper {
    display: block
}

.mvpdPicker {
    background-color: rgba(15, 15, 15, 0.85);
    padding: 1.875rem 2.625rem;
    text-align: center
}

@media only screen and (min-width: 42em) {
    .mvpdPicker {
        padding: 1.875rem 7.625rem
    }
}

.mvpdPicker.live {
    background-color: #000
}

.mvpdPicker .helps,
.mvpdPicker.live .helps {
    list-style-type: none;
    margin-top: 2rem
}

.mvpdPicker .copy {
    font-size: 1.5rem;
    color: #fff;
    text-align: center
}

.mvpdPicker .mvpdsAlt {
    display: none;
    position: absolute;
    border: #eee .0625rem solid;
    background: white;
    width: 16rem;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 25%
}

@media only screen and (min-width: 42em) {
    .mvpdPicker .mvpdsAlt {
        width: 28rem
    }
}

.mvpdPicker .olay {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5)
}

.mvpdPicker .mvpdsAlt h4 {
    font-size: 1rem;
    line-height: 2;
    background: #eee;
    color: #000;
    margin-top: 0
}

.mvpdPicker .mvpdsAlt h4 .close {
    float: right;
    background: #fff;
    cursor: pointer;
    line-height: 1;
    padding: 0 .3125rem .25rem;
    margin: .25rem
}

.mvpdPicker .mvpdsAlt h4 .close:before {
    content: "\00d7";
    color: inherit;
    font-weight: bold
}

.mvpdPicker .mvpdsAlt .more-mvpds {
    margin: 1rem;
    min-height: 6rem;
    max-height: 17rem;
    overflow-y: scroll;
    border: #eee .0625rem solid
}

.mvpdPicker .mvpdsAlt .more-mvpds li {
    text-overflow: ellipsis;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    display: block;
    max-width: none;
    border-bottom: .0625rem solid #eee;
    line-height: 2.5;
    color: black;
    font-size: .875rem;
    padding-left: 1rem
}

.mvpdPicker .mvpdsAlt .more-mvpds li:hover {
    text-decoration: underline
}

.mvpdPicker .mvpdsAlt .more-mvpds li:last-child {
    border-bottom: none
}

.mvpdPicker .mvpds {
    margin: 0 auto 1rem;
    text-align: center
}

.mvpdPicker .mvpds li {
    width: 12.25rem;
    height: 4.125rem;
    line-height: 3.75rem;
    max-width: 45%;
    border-right: .0625rem solid #000;
    color: #000;
    background: #fff;
    font-size: 1rem;
    display: inline-block;
    vertical-align: top;
    cursor: pointer
}

@media only screen and (min-width: 42em) {
    .mvpdPicker .mvpds li {
        height: auto;
        max-width: 30%
    }
}

@media only screen {
    .mvpdPicker .mvpds li:nth-child(n+3) {
        border-top: 1px solid #000
    }
}

@media only screen and (min-width: 42em) {
    .mvpdPicker .mvpds li:nth-child(n+3) {
        border-top: none
    }
}

@media only screen and (min-width: 42em) {
    .mvpdPicker .mvpds li:nth-child(n+4) {
        border-top: 1px solid #000
    }
}

@media only screen {
    .mvpdPicker .mvpds .blank:nth-child(2n+3),
    .mvpdPicker .mvpds .blank:nth-child(2n+3)~li.blank {
        display: none
    }
}

@media only screen and (min-width: 42em) {
    .mvpdPicker .mvpds .blank:nth-child(3n+4),
    .mvpdPicker .mvpds .blank:nth-child(3n+4)~li.blank {
        display: none
    }
}

.mvpdPicker .extra {
    color: #fff;
    font-size: .9375rem;
    margin-top: .5rem
}

.mvpd-bottom {
    color: black;
    font-size: 1.125rem;
    font-weight: 200
}

.mvpd-bottom .mvpd-bottom-link {
    color: #fff;
    padding-left: .75rem
}

@media only screen {
    .mvpd-bottom .mvpd-bottom-link {
        display: block
    }
}

@media only screen and (min-width: 42em) {
    .mvpd-bottom .mvpd-bottom-link {
        display: inline-block
    }
}

.mvpd-bottom .mvpd-bottom-link:hover {
    color: rgba(255, 255, 255, 0.8)
}

.mvpdPicker .helps a {
    font-size: .9375rem;
    color: #fff
}

.mvpdPicker .helps a:hover {
    color: rgba(255, 255, 255, 0.8)
}

.mvpdPicker .footnote {
    color: #b9b9b9;
    font-size: .75rem;
    margin-top: 2rem
}

.showMoreProviders .mvpdPicker .mvpdsAlt {
    display: block
}

.showMoreProviders .mvpdPicker .olay {
    display: block
}

.oneid-lightbox-open body {
    position: static
}

.pagination {
    display: none;
    margin: 1.25rem 0 2.5rem;
    text-align: center
}

@media only screen and (min-width: 42em) {
    .pagination {
        margin: 1.25rem 0 3.75rem
    }
}

.pagination.active {
    display: block
}

.pagination-section {
    display: block;
    font-size: .75rem;
    font-weight: 200;
    margin-top: 1.25rem;
    color: #e2b05e
}

.pagination-section:hover {
    color: #9d7c45
}

@media only screen and (min-width: 42em) {
    .pagination-section {
        display: inline-block;
        margin-top: 0
    }
}

.pagination-section.pagination-left a,
.pagination-section.pagination-right a {
    color: #fff
}

.pagination-section.pagination-left a:hover,
.pagination-section.pagination-right a:hover {
    color: rgba(255, 255, 255, 0.8)
}

.pagination-right {
    text-align: center
}

@media only screen and (min-width: 42em) {
    .pagination-right {
        text-align: left
    }
}

.pagination-left {
    text-align: center
}

@media only screen and (min-width: 42em) {
    .pagination-left {
        text-align: right
    }
}

.pagination-pages {
    margin-left: 1rem;
    margin-right: 1rem
}

.pagination-page {
    background: rgba(255, 255, 255, 0.15);
    border: none;
    border-radius: .125rem;
    color: #fff;
    display: inline-block;
    font-size: .75rem;
    line-height: 1.625rem;
    margin: 0 .15625rem;
    width: 1.625rem
}

.pagination-page:hover,
.pagination-page:active,
.pagination-page:focus {
    background-color: rgba(255, 255, 255, 0.3)
}

@media only screen and (min-width: 42em) {
    .pagination-page {
        line-height: 1.875rem;
        width: 2rem
    }
}

.pagination-left .icon {
    font-size: .5rem;
    margin-right: .3125rem
}

@media only screen and (min-width: 42em) {
    .pagination-left .icon {
        margin-right: .625rem
    }
}

.pagination-right .icon {
    font-size: .5rem;
    margin-left: .3125rem
}

@media only screen and (min-width: 42em) {
    .pagination-right .icon {
        margin-left: .625rem
    }
}

.pagination.pagination-start .pagination-left {
    visibility: hidden
}

.pagination.pagination-end .pagination-right {
    visibility: hidden
}

.m-person .expandable-section {
    max-height: 14.1875rem;
    overflow: inherit;
    padding-right: 1.25rem
}

@media only screen and (min-width: 42em) {
    .m-person .expandable-section {
        max-height: 16.5rem
    }
}

.m-person .open .expandable-section {
    max-height: none
}

.m-person .expandable-section p:last-of-type {
    margin-bottom: 0
}

.m-person .ad-unit-wrapper .ad-wrapper {
    margin: 0 auto
}

.m-person .sectionheader {
    margin: 2.5rem 0 1.25rem;
    color: #fff;
    text-transform: capitalize
}

@media only screen and (min-width: 42em) {
    .m-person .sectionheader {
        margin: 3.125rem 0 1.25rem
    }
}

.m-person .m-person-bio p:last-child {
    margin-bottom: 0
}

.m-person .m-person-bio:last-child {
    margin-bottom: 1.875rem
}

@media only screen and (min-width: 42em) {
    .m-person .m-person-bio:last-child {
        margin-bottom: 2.5rem
    }
}

.m-person .twitter-button {
    display: block;
    margin-top: .625rem
}

.module .module-title.m-person-title {
    font-size: 1.5rem;
    margin-bottom: 0
}

@media only screen and (min-width: 42em) {
    .module .module-title.m-person-title {
        font-size: 1.875rem
    }
}

.module .m-person-subtitle {
    font-size: .9375rem;
    margin-top: .125rem;
    margin-bottom: .625rem
}

@media only screen and (min-width: 42em) {
    .module .m-person-subtitle {
        font-size: 1.125rem;
        margin-bottom: .9375rem
    }
}

.module .m-person-bio-title {
    margin-top: 1.875rem;
    margin-bottom: 1.875rem;
    font-size: 1.25rem;
    display: inline-block
}

@media only screen and (min-width: 42em) {
    .module .m-person-bio-title {
        font-size: 1.625rem;
        margin-top: 2.5rem
    }
}

.m-profilelist {
    margin-bottom: 3.75rem
}

.m-profilelist .tiles .tile .background.lazyloaded {
    opacity: 1
}

.m-profilelist-authcopy {
    color: #fff
}

.m-profilelist-signout {
    color: #fff
}

.m-profilelist-signout:hover {
    background-color: #9d7c45
}

.m-profilelist .m-profilelist-clearhistory.button {
    display: none;
    margin: 1.5rem auto .9375rem
}

@media only screen and (max-width: 20em) {
    .m-profilelist .m-profilelist-clearhistory.button {
        font-size: .8125rem;
        margin: 1.625rem auto .9375rem
    }
}

@media only screen and (min-width: 30em) {
    .m-profilelist .m-profilelist-clearhistory.button {
        margin: 1.625rem auto .9375rem
    }
}

@media only screen and (min-width: 42em) {
    .m-profilelist .m-profilelist-clearhistory.button {
        margin: 2.375rem auto 1.25rem
    }
}

@media only screen and (min-width: 62.5em) {
    .m-profilelist .m-profilelist-clearhistory.button {
        margin: 3.4375rem auto 1.25rem
    }
}

.m-abouttext-content a:hover>h2 {
    color: rgba(255, 255, 255, 0.8) !important
}

.module .module-title {
    margin-bottom: .9375rem
}

@media only screen and (min-width: 42em) {
    .module .module-title {
        margin-bottom: 1.25rem
    }
}

.m-profilelist .m-spinner {
    display: block;
    clear: both
}

.m-profilelist .m-profilelist-viewinghistory,
.m-profilelist .m-profilelist-settings {
    display: none
}

.m-profilelist.authfinished .m-profilelist-viewinghistory,
.m-profilelist.authfinished .m-profilelist-settings {
    display: block
}

.m-profilelist.hashistory .m-profilelist-loader,
.m-profilelist.nohistory .m-profilelist-loader,
.m-profilelist.authfinished .m-profilelist-loader {
    display: none
}

.m-profilelist.authfinished.noauthn .m-profilelist-settings {
    display: none
}

.m-profilelist .m-profilelist-viewinghistory-nohistory {
    display: none
}

.m-profilelist.hashistory .m-profilelist-viewinghistory {
    display: block
}

.m-profilelist.historyfinished.hashistory .m-profilelist-clearhistory.button {
    display: inline-block;
    background: none;
    color: #fff
}

.m-profilelist.historyfinished.hashistory .m-profilelist-clearhistory.button:hover {
    background: none;
    color: #e2b05e
}

.m-profilelist.historyfinished.nohistory .m-profilelist-viewinghistory-nohistory {
    display: block
}

.m-profilelist.historyfinished.nohistory .m-profilelist-viewinghistory-nohistory p {
    color: #fff
}

.m-profilelist.historyfinished.nohistory .tiles {
    display: none
}

.m-profilelist .tiles .tile .tile-copy-section .subheader,
.m-profilelist .tiles .tile .tile-copy-section .title {
    width: 100%;
    display: block
}

.m-profilelist .tiles .tile .tile-copy-section .subheader {
    height: 1.25rem;
    max-height: 1.25rem
}

.m-profilelist .tiles .tile .tile-copy-section .title {
    height: 1.5rem;
    max-height: 1.5rem
}

.m-profilelist .tiles .tile.movie .tile-copy-section .title {
    height: 3.375rem;
    max-height: 3.375rem
}

body .m-profilelist.slider-enabled .tiles .tile .background-link {
    background: none
}

.m-profilelist.slider-enabled {
    padding-left: .625rem;
    margin-bottom: 0
}

@media only screen and (min-width: 42em) {
    .m-profilelist.slider-enabled {
        padding-left: 1.25rem
    }
}

@media only screen and (min-width: 62.5em) {
    .m-profilelist.slider-enabled {
        padding-left: .125rem
    }
}

.m-profilelist.slider-enabled.nohistory {
    display: none
}

.m-profilelist.slider-enabled .m-profilelist-settings {
    display: none
}

.m-profilelist.slider-enabled .m-profilelist-viewinghistory .m-profile-list-arrow {
    visibility: hidden;
    top: 45%;
    opacity: 1;
    -webkit-transition: opacity 250ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -moz-transition: opacity 250ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
    transition: opacity 250ms cubic-bezier(0.23, 1, 0.32, 1) 0s
}

@media only screen and (min-width: 62.5em) {
    .m-profilelist.slider-enabled .m-profilelist-viewinghistory .m-profile-list-arrow {
        visibility: visible
    }
}

.m-profilelist.slider-enabled .m-profilelist-viewinghistory .m-profile-list-arrow.hidden {
    opacity: 0
}

.m-profilelist.slider-enabled .m-profilelist-viewinghistory .m-profile-list-arrow.m-profile-list-arrow-next,
.m-profilelist.slider-enabled .m-profilelist-viewinghistory .m-profile-list-arrow.m-profile-list-arrow-prev {
    z-index: 1;
    position: absolute;
    height: 17.375rem;
    top: 0;
    font-size: 2.375rem;
    padding-top: 6.25rem;
    width: 62.5rem
}

@media screen and (max-width: 71.875rem) {
    .m-profilelist.slider-enabled .m-profilelist-viewinghistory .m-profile-list-arrow.m-profile-list-arrow-next .icon,
    .m-profilelist.slider-enabled .m-profilelist-viewinghistory .m-profile-list-arrow.m-profile-list-arrow-prev .icon {
        opacity: 0
    }
}

.m-profilelist.slider-enabled .m-profilelist-viewinghistory .m-profile-list-arrow.m-profile-list-arrow-next {
    text-align: left;
    right: -62.5rem
}

.m-profilelist.slider-enabled .m-profilelist-viewinghistory .m-profile-list-arrow.m-profile-list-arrow-next .icon {
    color: #fff;
    position: relative;
    -webkit-transition: right 1000ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -moz-transition: right 1000ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
    transition: right 1000ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
    right: -3.125rem
}

.m-profilelist.slider-enabled .m-profilelist-viewinghistory .m-profile-list-arrow.m-profile-list-arrow-next.hidden .icon,
.m-profilelist.slider-enabled .m-profilelist-viewinghistory .m-profile-list-arrow.m-profile-list-arrow-next.slick-disabled .icon {
    right: 3.75rem
}

.m-profilelist.slider-enabled .m-profilelist-viewinghistory .m-profile-list-arrow.m-profile-list-arrow-prev {
    text-align: right;
    left: -62.5rem
}

.m-profilelist.slider-enabled .m-profilelist-viewinghistory .m-profile-list-arrow.m-profile-list-arrow-prev .icon {
    color: #fff;
    position: relative;
    -webkit-transition: left 1000ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -moz-transition: left 1000ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
    transition: left 1000ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
    left: -3.125rem
}

.m-profilelist.slider-enabled .m-profilelist-viewinghistory .m-profile-list-arrow.m-profile-list-arrow-prev.hidden .icon,
.m-profilelist.slider-enabled .m-profilelist-viewinghistory .m-profile-list-arrow.m-profile-list-arrow-prev.slick-disabled .icon {
    left: 3.75rem
}

.m-profilelist.slider-enabled .m-profilelist-viewinghistory .m-profile-list-arrow.slick-disabled {
    opacity: 0
}

.m-profilelist.slider-enabled .m-profilelist-viewinghistory .tiles:not(.enabled) {
    max-height: 17.375rem;
    overflow: hidden
}

.m-profilelist.slider-enabled .m-profilelist-viewinghistory .tiles .slick-list {
    overflow: visible
}

@media only screen and (min-width: 62.5em) {
    .m-profilelist.slider-enabled .m-profilelist-viewinghistory .tiles .slick-slide {
        opacity: 0.2;
        -webkit-transition: opacity 333ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
        -moz-transition: opacity 333ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
        transition: opacity 333ms cubic-bezier(0.23, 1, 0.32, 1) 0s
    }
    .m-profilelist.slider-enabled .m-profilelist-viewinghistory .tiles .slick-slide.slick-active {
        opacity: 1
    }
}

.m-profilelist.slider-enabled .m-profilelist-viewinghistory .tiles:not(.enabled)~.m-profile-list-arrow {
    opacity: 0 !important
}

@media screen and (max-width: 21.875rem) {
    .m-profilelist.slider-enabled .m-profilelist-viewinghistory .tiles {
        min-width: 21.875rem
    }
}

@media only screen and (min-width: 62.5em) {
    .m-profilelist.slider-enabled .m-profilelist-viewinghistory .tiles {
        min-width: 63.75rem
    }
}

.m-profilelist.slider-enabled .m-profilelist-viewinghistory .tiles .tile {
    padding-right: 1.125rem;
    width: 21.125rem !important
}

@media screen and (max-width: 20rem) {
    .m-profilelist.slider-enabled .m-profilelist-viewinghistory .tiles .tile {
        width: 20.625rem !important
    }
}

.m-profilelist.slider-enabled .m-profilelist-viewinghistory .tiles .tile .tile-copy-section {
    min-height: 6.125rem
}

@media only screen and (min-width: 62.5em) {
    .m-profilelist.slider-enabled .m-profilelist-viewinghistory .tiles .tile .tile-copy-section {
        height: 6.125rem
    }
}

@media only screen and (min-width: 42em) {
    .m-profilelist.slider-enabled .m-profilelist-viewinghistory .tiles .tile .tile-copy-section {
        height: 6.125rem
    }
}

.m-profilelist.slider-enabled .m-profilelist-viewinghistory .tiles .tile .tile-copy-section .title {
    font-size: 1rem;
    margin-bottom: .375rem;
    max-height: 3.5rem;
    line-height: 1.25rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    height: auto
}

.m-profilelist.slider-enabled .m-profilelist-viewinghistory .tiles .tile .tile-copy-section .details {
    padding: .75rem .625rem;
    height: 100%
}

.m-profilelist.slider-enabled .m-profilelist-viewinghistory .tiles .tile .tile-copy-section .details .text5 {
    font-size: .8125rem;
    font-weight: 200;
    margin: 0;
    max-height: 1.75rem;
    line-height: 1.25rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.m-profilelist.slider-enabled .m-profilelist-viewinghistory .tiles .tile .tile-copy-section .tile-thumbnail {
    background: #f8f8f8
}

.m-profilelist.slider-enabled .m-profilelist-viewinghistory .m-profilelist-clearhistory.button {
    min-width: auto;
    min-height: auto;
    font-size: 1rem;
    font-weight: 200;
    color: #fff;
    margin-top: 0;
    background: none;
    border: none;
    padding: 0 .125rem 0 0;
    text-align: right;
    vertical-align: top;
    margin-bottom: .9375rem;
    width: auto;
    float: right;
    border-radius: unset;
    transition: unset
}

.m-profilelist.slider-enabled .m-profilelist-viewinghistory .m-profilelist-clearhistory.button:hover,
.m-profilelist.slider-enabled .m-profilelist-viewinghistory .m-profilelist-clearhistory.button:focus {
    color: rgba(255, 255, 255, 0.8);
    background: none
}

@media screen and (max-width: 23.4375rem) {
    .m-profilelist.slider-enabled .m-profilelist-viewinghistory .m-profilelist-clearhistory.button {
        font-size: .8125rem
    }
}

@media only screen and (max-width: 20em) {
    .m-profilelist.slider-enabled .m-profilelist-viewinghistory .m-profilelist-clearhistory.button {
        font-size: .6875rem
    }
}

@media only screen and (min-width: 30em) {
    .m-profilelist.slider-enabled .m-profilelist-viewinghistory .m-profilelist-clearhistory.button {
        font-size: 1.25rem
    }
}

.m-profilelist.slider-enabled .m-profilelist-viewinghistory .module-title {
    margin-top: 0;
    margin-bottom: .9375rem;
    font-size: 1.125rem;
    font-weight: 200;
    line-height: normal;
    letter-spacing: .125rem;
    text-transform: uppercase
}

@media screen and (max-width: 23.4375rem) {
    .m-profilelist.slider-enabled .m-profilelist-viewinghistory .module-title {
        font-size: .8125rem
    }
}

@media only screen and (max-width: 20em) {
    .m-profilelist.slider-enabled .m-profilelist-viewinghistory .module-title {
        font-size: .6875rem
    }
}

@media only screen and (min-width: 42em) {
    .m-profilelist.slider-enabled .m-profilelist-viewinghistory .module-title {
        font-size: 1.25rem
    }
}

.m-profilelist.slider-enabled .m-profilelist-viewinghistory .title-and-button {
    margin-top: 2.5rem;
    padding: 0
}

.m-oneid-account-profile {
    margin-bottom: 7.5rem;
    color: #fff
}

@media only screen and (min-width: 30em) {
    .m-oneid-account-profile {
        margin-bottom: 12rem
    }
}

.m-oneid-account-profile a {
    color: #fff;
    font-size: .75rem
}

.m-oneid-account-profile a:hover {
    color: rgba(255, 255, 255, 0.8)
}

.m-oneid-account-profile.loading .m-profilelist-loader .m-spinner {
    display: block
}

.m-oneid-account-profile .no-session {
    margin: 2.5rem 1.5rem 0
}

@media only screen and (min-width: 30em) {
    .m-oneid-account-profile .no-session .row {
        padding: 0
    }
}

@media only screen and (min-width: 30em) {
    .m-oneid-account-profile .no-session {
        max-width: 41.9375em;
        margin: 3.4375rem auto 0
    }
}

.m-oneid-account-profile .no-session h3 {
    font-size: 1rem;
    text-align: center;
    font-weight: 300;
    margin-bottom: 2.125rem
}

@media only screen and (min-width: 30em) {
    .m-oneid-account-profile .no-session h3 {
        font-size: 1.125rem;
        margin-bottom: 2.625rem
    }
}

.m-oneid-account-profile .no-session .columns {
    font-size: .875rem;
    font-weight: 200;
    max-width: 14.375rem;
    float: none;
    margin: 0 auto 1rem;
    line-height: 1.5rem
}

@media only screen and (min-width: 30em) {
    .m-oneid-account-profile .no-session .columns {
        max-width: 100%;
        float: left
    }
}

.m-oneid-account-profile .no-session .columns .icon {
    display: inline-block;
    font-size: 2.75rem;
    margin-right: .9375rem
}

.m-oneid-account-profile .no-session .columns .content {
    display: inline-block;
    max-width: 9.375rem
}

.m-oneid-account-profile .no-session .sing-in-button-container {
    text-align: center;
    margin-top: 1.125rem
}

@media only screen and (min-width: 30em) {
    .m-oneid-account-profile .no-session .sing-in-button-container {
        margin-top: 1.6875rem
    }
}

.m-oneid-account-profile .no-session .sing-in-button-container .button {
    margin-bottom: 1.5rem
}

.m-oneid-account-profile .no-session .sing-in-button-container .sing-in-message {
    font-size: .75rem;
    color: rgba(255, 255, 255, 0.5)
}

.m-oneid-account-profile .active-session .columns {
    float: left
}

@media only screen and (min-width: 30em) {
    .m-oneid-account-profile .active-session .columns {
        padding: 0 .5rem
    }
}

.m-oneid-account-profile .active-session .columns .container {
    padding: 2.5rem .625rem;
    background-color: #232323
}

@media only screen and (min-width: 30em) {
    .m-oneid-account-profile .active-session .columns .container {
        min-height: 18.75rem
    }
}

@media only screen and (min-width: 62.5em) {
    .m-oneid-account-profile .active-session .columns .container {
        min-height: 17.8125rem
    }
}

@media only screen and (min-width: 240.063em) {
    .m-oneid-account-profile .active-session .columns .container {
        min-height: auto
    }
}

@media only screen and (min-width: 42em) {
    .m-oneid-account-profile .active-session .columns .container .message {
        font-size: 1.125rem
    }
}

.m-oneid-account-profile .active-session .columns .container .desc {
    font-size: .875rem;
    margin-top: 1.5rem
}

.m-oneid-account-profile .active-session .columns .container .tv-provider-logo {
    padding: 3.625rem 0
}

.m-oneid-account-profile .active-session .columns.logged-user .btn-container {
    margin: 2.625rem 0 1rem
}

.m-oneid-account-profile .active-session .columns.logged-user .btn-container .button {
    margin: 0
}

.m-recipe-category .recipecategory a {
    color: #333
}

@media only screen and (min-width: 42em) {
    .m-recipe-category .module-title {
        font-size: 1.625rem
    }
}

.m-recipe-category .tiles {
    margin-bottom: 1.25rem
}

@media only screen and (min-width: 62.5em) {
    .m-recipe-category .tiles .tile {
        margin-bottom: 1.25rem
    }
}

@media only screen and (min-width: 62.5em) {
    .m-recipe-category .tiles .aspect-ratio-buffer.aspect-16x9 {
        width: 35%;
        padding-bottom: 20%;
        display: inline-block
    }
}

@media only screen and (min-width: 62.5em) {
    .m-recipe-category .columns {
        margin: 0
    }
}

.recipecategory .text3 {
    font-size: .875rem;
    font-weight: 200;
    height: 2.3rem;
    padding: .25rem 0 1rem
}

@media only screen and (min-width: 42em) {
    .recipecategory .text3 {
        font-size: 1.125rem;
        line-height: 1.2625rem;
        height: auto
    }
}

@media only screen and (min-width: 62.5em) {
    .recipecategory .text3 {
        margin-top: 0
    }
}

.recipecategory .copy {
    padding: .25rem 0 1rem
}

@media only screen and (min-width: 62.5em) {
    .recipecategory .copy {
        width: 59%;
        display: inline-block;
        vertical-align: top;
        padding: .25rem 0 0 .9375rem
    }
}

.m-recipe-category ul.row {
    margin: 0 -1rem 0 0
}

@media only screen and (min-width: 30em) {
    .m-recipe-category ul.row {
        margin: 0 -1.25rem
    }
}

.recipecategory .inner-wrap {
    margin: .125rem;
    white-space: normal
}

@media only screen and (min-width: 30em) {
    .recipecategory .inner-wrap {
        margin: 0 1rem
    }
}

.m-recipe-detail-page {
    color: #fff
}

.m-recipe-detail-page hr {
    margin-left: -.4375rem;
    margin-right: -.4375rem;
    border-color: rgba(255, 255, 255, 0.1)
}

@media only screen and (min-width: 42em) {
    .m-recipe-detail-page hr {
        margin-left: 0;
        margin-right: 0
    }
}

.m-recipe-detail-page h1,
.m-recipe-meta h1 {
    text-align: center;
    margin: 1.75rem 0 .3125rem;
    font-size: 1.125rem
}

@media only screen and (min-width: 42em) {
    .m-recipe-detail-page h1,
    .m-recipe-meta h1 {
        margin: 3.125rem 0 .625rem;
        font-size: 2.25rem
    }
}

.m-recipe-detail-page .m-recipe-directions>.title,
.m-recipe-detail-page .m-recipe-ingredients>.title,
.m-recipe-meta .m-recipe-directions>.title,
.m-recipe-meta .m-recipe-ingredients>.title {
    display: none;
    font-size: 1.625rem;
    font-weight: 100;
    margin-bottom: 1.25rem;
    text-transform: lowercase
}

@media only screen and (min-width: 42em) {
    .m-recipe-detail-page .m-recipe-directions>.title,
    .m-recipe-detail-page .m-recipe-ingredients>.title,
    .m-recipe-meta .m-recipe-directions>.title,
    .m-recipe-meta .m-recipe-ingredients>.title {
        display: block
    }
}

.m-recipe-detail-page .m-recipe-ingredients-lists .title,
.m-recipe-meta .m-recipe-ingredients-lists .title {
    font-size: .75rem;
    font-weight: 300;
    margin-top: .625rem;
    text-transform: uppercase
}

@media only screen and (min-width: 42em) {
    .m-recipe-detail-page .m-recipe-ingredients-lists .title,
    .m-recipe-meta .m-recipe-ingredients-lists .title {
        margin-top: 2.1875rem
    }
}

.m-recipe-detail-page .m-recipe-similarCategories .categoryTitle,
.m-recipe-meta .m-recipe-similarCategories .categoryTitle {
    color: #000;
    display: inline-block;
    padding-left: .25rem
}

.m-recipe-meta {
    display: block;
    margin-bottom: 1.875rem;
    text-align: center
}

@media only screen and (max-width: 29.9375em) {
    .m-recipe-meta {
        margin-bottom: 1.5625rem !important
    }
}

.m-recipe-meta ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.m-recipe-meta ul li {
    display: inline-block
}

.m-recipe-meta ul li:first-of-type {
    margin-left: 0
}

.m-recipe-ratings {
    display: inline-block;
    height: .75rem;
    margin-right: .125rem;
    position: relative;
    top: .125rem;
    width: 3.9375rem
}

@media only screen and (min-width: 42em) {
    .m-recipe-ratings {
        height: 1rem;
        width: 5.1875rem;
        margin-right: 1.25rem
    }
}

.m-recipe-ratings ul {
    position: absolute;
    top: 0;
    width: 3.9375rem
}

@media only screen and (min-width: 42em) {
    .m-recipe-ratings ul {
        width: 5.25rem
    }
}

.m-recipe-ratings ul li {
    float: left;
    font-size: 0
}

.m-recipe-ratings li span {
    font-size: .75rem
}

@media only screen and (min-width: 42em) {
    .m-recipe-ratings li span {
        font-size: 1rem
    }
}

.m-recipe-ratings .m-recipe-rating-stars-mask {
    height: .75rem;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 0%;
    z-index: 1
}

@media only screen and (min-width: 42em) {
    .m-recipe-ratings .m-recipe-rating-stars-mask {
        height: 1rem
    }
}

.m-recipe-ratings .m-recipe-rating-stars-mask.rated-point-five {
    width: 10%
}

.m-recipe-ratings .m-recipe-rating-stars-mask.rated-one {
    width: 20%
}

.m-recipe-ratings .m-recipe-rating-stars-mask.rated-one-point-five {
    width: 30%
}

.m-recipe-ratings .m-recipe-rating-stars-mask.rated-two {
    width: 40%
}

.m-recipe-ratings .m-recipe-rating-stars-mask.rated-two-point-five {
    width: 50%
}

.m-recipe-ratings .m-recipe-rating-stars-mask.rated-three {
    width: 60%
}

.m-recipe-ratings .m-recipe-rating-stars-mask.rated-three-point-five {
    width: 70%
}

.m-recipe-ratings .m-recipe-rating-stars-mask.rated-four {
    width: 80%
}

.m-recipe-ratings .m-recipe-rating-stars-mask.rated-four-point-five {
    width: 90%
}

.m-recipe-ratings .m-recipe-rating-stars-mask.rated-five {
    width: 100%
}

.m-recipe-ratings .m-recipe-rating-stars {
    height: 1rem;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0
}

.m-recipe-ratings .m-recipe-rating-stars li {
    color: #f7b81b;
    list-style: none !important;
    list-style-type: none !important
}

.m-recipe-ratings .m-recipe-rating-stars-shadow li {
    color: #c2c2c2;
    list-style: none !important;
    list-style-type: none !important
}

.m-recipe-ratings .m-recipe-rating-stars-shadow li span:after {
    color: transparent;
    content: "\e606";
    cursor: pointer;
    margin-left: -1rem;
    position: absolute;
    z-index: 100
}

.m-recipe-meta .m-recipe-servings {
    display: inline-block;
    font-size: .6875rem;
    margin: 0 .125rem;
    text-transform: lowercase;
    font-weight: 200
}

@media only screen and (min-width: 42em) {
    .m-recipe-meta .m-recipe-servings {
        margin: 0 1.25rem;
        font-size: 1.125rem
    }
}

.m-recipe-meta .m-recipe-difficulty {
    display: inline-block;
    font-size: .6875rem;
    margin: 0 .125rem;
    text-transform: lowercase;
    font-weight: 200
}

@media only screen and (min-width: 42em) {
    .m-recipe-meta .m-recipe-difficulty {
        margin: 0 1.25rem;
        font-size: 1.125rem
    }
}

.m-recipe-meta .m-recipe-time {
    display: inline-block;
    font-size: .6875rem;
    margin-left: .125rem;
    text-transform: lowercase;
    font-weight: 200
}

@media only screen and (min-width: 42em) {
    .m-recipe-meta .m-recipe-time {
        margin-left: 1.25rem;
        font-size: 1.125rem
    }
}

.m-recipe-meta .m-recipe-time .abc-icon-time-clock {
    font-size: .75rem;
    margin-right: .3125rem;
    position: relative;
    top: .0625rem;
    color: black
}

@media only screen and (min-width: 42em) {
    .m-recipe-meta .m-recipe-time .abc-icon-time-clock {
        font-size: 1.125rem;
        top: .125rem
    }
}

.m-recipe-detail-page .sep {
    font-weight: 100;
    display: inline-block;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #ddd
}

.m-recipe-detail-page .m-recipe-author-container {
    margin-bottom: .625rem;
    display: block;
    height: auto;
    text-align: center;
    font-size: .75rem;
    color: #ccc;
    font-weight: 300;
    text-transform: uppercase
}

.m-recipe-detail-page .m-recipe-author-container .m-recipe-author {
    display: inline-block;
    padding-right: 0
}

.m-recipe-detail-page .m-recipe-author-container .m-recipe-author:hover {
    color: #e2b05e
}

.m-recipe-detail-page .m-recipe-author-container .m-recipe-author-avatar {
    border-radius: 100%;
    width: 1.5rem;
    margin: 0 .3125rem
}

@media only screen and (min-width: 42em) {
    .m-recipe-detail-page .m-recipe-author-container .m-recipe-author-avatar {
        width: 2.625rem
    }
}

.m-recipe-detail-page .m-recipe-author-container .sep-comma {
    display: inline-block;
    padding-right: .1875rem
}

@media only screen and (min-width: 42em) {
    .m-recipe-detail-page .m-recipe-author-container {
        font-size: .9375rem
    }
}

.m-recipe-hero {
    margin-bottom: 2.1875rem !important;
    padding: 0 !important;
    position: relative;
    text-align: center
}

@media only screen and (max-width: 29.9375em) {
    .m-recipe-hero {
        margin-bottom: 1.5625rem !important
    }
}

.m-recipe-hero .close-player-icon {
    opacity: 0
}

.m-recipe-hero.recipe-video .play-arrow-icon {
    background-image: url("");
    background-position: center center;
    background-size: 80%;
    background-repeat: no-repeat;
    display: block;
    height: 3.125rem;
    left: 0;
    margin: 0 auto;
    margin-top: 19%;
    position: absolute;
    right: 0;
    width: 3.125rem;
    z-index: 999;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out
}

@media only screen and (min-width: 30em) {
    .m-recipe-hero.recipe-video .play-arrow-icon {
        height: 5rem;
        width: 5rem
    }
}

@media only screen and (min-width: 42em) {
    .m-recipe-hero.recipe-video .play-arrow-icon {
        height: 7.5rem;
        margin-top: 12%;
        width: 7.5rem
    }
}

@media only screen and (min-width: 62.5em) {
    .m-recipe-hero.recipe-video .play-arrow-icon {
        height: 8.75rem;
        width: 8.75rem
    }
}

.m-recipe-hero.recipe-video:hover {
    cursor: pointer
}

.m-recipe-hero.recipe-video:hover .play-arrow-icon {
    background-size: 100%
}

.m-recipe-hero .play-arrow-icon {
    display: none
}

.m-recipe-hero .m-recipe-hero-container {
    bottom: 0;
    left: 1.875rem;
    margin-bottom: 3.75rem;
    max-width: 25rem;
    position: absolute;
    z-index: 9999
}

@media only screen and (min-width: 62.5em) {
    .m-recipe-hero .m-recipe-hero-container {
        margin-bottom: 1.875rem
    }
}

.m-recipe-hero .m-recipe-image {
    display: inline-block;
    margin: 0 auto;
    cursor: default
}

@media only screen and (min-width: 30em) {
    .m-recipe-hero .m-recipe-image {
        max-width: 500px;
        padding-bottom: .3125rem;
        padding-right: 0
    }
}

@media only screen and (min-width: 62.5em) {
    .m-recipe-hero .m-recipe-image {
        padding-right: .5rem
    }
}

.m-recipe-hero.no-video .m-recipe-image {
    padding-right: 0
}

.m-recipe-hero .m-recipe-hero-image {
    position: relative
}

.m-recipe-hero .m-recipe-hero-image::after {
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
    background-image: -webkit-linear-gradient(rgba(29, 29, 29, 0.15) 100%, rgba(29, 29, 29, 0.15) 100%), -webkit-linear-gradient(rgba(29, 29, 29, 0) 40%, rgba(29, 29, 29, 0.4) 100%);
    background-image: linear-gradient(rgba(29, 29, 29, 0.15) 100%, rgba(29, 29, 29, 0.15) 100%), linear-gradient(rgba(29, 29, 29, 0) 40%, rgba(29, 29, 29, 0.4) 100%)
}

.m-recipe-hero.no-video .m-recipe-hero-video {
    display: none
}

.m-recipe-hero .m-recipe-hero-video {
    position: relative
}

.m-recipe-hero .m-recipe-hero-video-container {
    margin: 0 auto;
    display: block;
    min-height: .0625rem
}

@media only screen and (max-width: 29.9375em) {
    .m-recipe-hero .m-recipe-hero-video-container {
        margin-top: .625rem
    }
}

@media only screen and (min-width: 30em) {
    .m-recipe-hero .m-recipe-hero-video-container {
        max-width: 500px;
        padding-left: 0
    }
}

@media only screen and (min-width: 62.5em) {
    .m-recipe-hero .m-recipe-hero-video-container {
        float: right;
        padding-left: .5rem
    }
}

.m-recipe-hero .m-videoplayer-navigation {
    margin: 0;
    padding: .625rem;
    display: block;
    opacity: 0;
    background-color: #eee;
    cursor: default;
    -webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -moz-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
    transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 0s
}

.m-recipe-hero .m-videoplayer-navigation.active {
    opacity: 1
}

.m-recipe-hero .m-videoplayer-navigation .prev {
    text-align: left;
    cursor: default
}

.m-recipe-hero .m-videoplayer-navigation .current {
    font-size: .875rem;
    color: #232323;
    font-weight: 200;
    padding: .1875rem;
    cursor: default
}

@media only screen and (min-width: 42em) {
    .m-recipe-hero .m-videoplayer-navigation .current {
        font-size: 1rem;
        padding: 0 .1875rem
    }
}

.m-recipe-hero .m-videoplayer-navigation .next {
    text-align: right;
    cursor: default
}

.m-recipe-hero .m-videoplayer-navigation .next-video,
.m-recipe-hero .m-videoplayer-navigation .previous-video {
    font-family: "Poppins", helvetica, arial, sans-serif;
    font-size: .875rem;
    color: #aaa;
    font-weight: 200;
    cursor: default
}

@media only screen and (min-width: 42em) {
    .m-recipe-hero .m-videoplayer-navigation .next-video,
    .m-recipe-hero .m-videoplayer-navigation .previous-video {
        font-size: 1rem
    }
}

.m-recipe-hero .m-videoplayer-navigation .next-video::after {
    font-family: 'abc-ui-font' !important;
    content: "\e609";
    padding-left: .625rem;
    color: #aaa;
    font-size: .6875rem;
    font-weight: 600
}

@media only screen and (min-width: 42em) {
    .m-recipe-hero .m-videoplayer-navigation .next-video::after {
        font-size: .8125rem
    }
}

.m-recipe-hero .m-videoplayer-navigation .previous-video::before {
    font-family: 'abc-ui-font' !important;
    content: "\e60a";
    padding-right: .625rem;
    color: #aaa;
    font-size: .6875rem;
    font-weight: 600
}

@media only screen and (min-width: 42em) {
    .m-recipe-hero .m-videoplayer-navigation .previous-video::before {
        font-size: .8125rem
    }
}

.m-recipe-hero .m-videoplayer-navigation .next-video.active,
.m-recipe-hero .m-videoplayer-navigation .previous-video.active {
    cursor: pointer;
    color: #232323
}

.m-recipe-hero .m-videoplayer-navigation .next-video.active::after,
.m-recipe-hero .m-videoplayer-navigation .previous-video.active::after {
    color: #232323
}

.m-recipe-hero .m-videoplayer-navigation .next-video.active::before,
.m-recipe-hero .m-videoplayer-navigation .previous-video.active::before {
    color: #232323
}

.m-recipe-detail-page .m-recipe-description {
    margin-bottom: 1.25rem
}

@media only screen and (min-width: 42em) {
    .m-recipe-detail-page .m-recipe-description {
        margin-bottom: 1.5rem
    }
}

.m-recipe-detail-page .m-recipe-description p {
    font-size: .875rem;
    font-weight: 200;
    text-align: center;
    margin-bottom: 0
}

@media only screen and (min-width: 42em) {
    .m-recipe-detail-page .m-recipe-description p {
        font-size: 1.25rem
    }
}

.m-recipe-detail-page .m-sharebar-wrapper {
    text-align: center;
    display: block;
    margin-bottom: 1.25rem
}

@media only screen and (min-width: 42em) {
    .m-recipe-detail-page .m-sharebar-wrapper {
        margin-bottom: 1.5rem
    }
}

.m-recipe-detail-page .m-sharebar {
    margin: 0 auto;
    text-align: center;
    display: inline-block;
    border: .0625rem solid #cecece;
    width: auto;
    padding: .75rem !important;
    opacity: 0;
    -webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -moz-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
    transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 0s
}

.m-recipe-detail-page .m-sharebar.active {
    opacity: 1
}

.m-recipe-detail-page .m-sharebar .shareButton {
    margin-right: 1.25rem
}

.m-recipe-detail-page .m-sharebar img {
    height: 100%
}

.m-recipe-detail-page .m-sharebar a {
    color: #232323
}

.m-recipe-detail-page .m-sharebar .shareButton.fb {
    width: 3.625rem
}

.m-recipe-detail-page .m-sharebar .shareButton.pinterestButton {
    margin-right: 1.25rem;
    width: 2.5rem
}

.m-recipe-detail-page .m-sharebar .shareButton .icon {
    color: #aaa
}

.m-recipe-detail-page .m-sharebar .shareButton.printButton {
    margin-right: .9375rem
}

.m-recipe-detail-page .m-sharebar .shareButton.printButton .icon {
    color: #aaa
}

.m-recipe-detail-page .m-sharebar .shareButton.zipListButton {
    background-color: #f7b81b;
    border-radius: .625rem;
    color: #fff;
    display: inline-block;
    height: 1.25rem;
    width: 1.25rem
}

.m-recipe-detail-page .m-sharebar .shareButton.moreShareButton {
    margin-right: 0
}

.m-recipe-detail-page .m-sharebar .hideInMore {
    visibility: hidden
}

.m-recipe-detail-page .m-sharebar .fb-share-button iframe {
    display: inline-block !important
}

.m-recipe-detail-page .m-sharebar.showMore .hideInMore {
    right: 0;
    left: inherit
}

.m-recipe-detail-page .m-sharebar.showMore .hideInMore:before {
    left: 79%
}

.m-recipe-detail-page .m-sharebar.showMore .hideInMore .shareButton,
.m-recipe-detail-page .m-sharebar.showMore .hideInMore .shareButton:last-child {
    display: inline-block;
    margin: 1rem .5rem
}

.m-recipe-detail-page .m-recipe-tabs {
    left: 0;
    margin-top: .9375rem;
    position: absolute;
    width: 100%;
    z-index: 5
}

.m-recipe-detail-page .m-recipe-tabs .inline-list {
    margin-left: 0;
    padding-top: .125rem
}

.m-recipe-detail-page .m-recipe-tabs .inline-list li {
    background-color: #2b2d36;
    color: black;
    cursor: pointer;
    font-size: .75rem;
    margin: 0;
    padding: .375rem 0 .4375rem;
    text-align: center;
    text-transform: uppercase;
    width: 50%;
    border-top: .125rem solid transparent;
    transition: all 500ms
}

.m-recipe-detail-page .m-recipe-tabs .inline-list li.active {
    border-top-color: #f7b81b;
    color: #fff;
    background-color: transparent
}

@media only screen and (min-width: 42em) {
    .m-recipe-detail-page .m-recipe-tabs .inline-list li {
        display: none
    }
}

.m-recipe-detail-page .m-recipe-content {
    margin-top: 5rem;
    padding: 0 .3125rem
}

@media only screen and (min-width: 42em) {
    .m-recipe-detail-page .m-recipe-content {
        margin-top: 2.5rem
    }
}

.m-recipe-detail-page .tab-content {
    display: none
}

.m-recipe-detail-page .tab-content.active {
    display: block
}

@media only screen and (min-width: 42em) {
    .m-recipe-detail-page .tab-content {
        display: block
    }
    .m-recipe-detail-page .tab-content.active {
        display: block
    }
}

.m-recipe-ingredients {
    margin-bottom: 1.25rem;
    vertical-align: top;
    color: #fff
}

@media only screen and (min-width: 42em) {
    .m-recipe-ingredients {
        float: left;
        margin-right: 2.375rem
    }
}

.m-recipe-ingredients .m-recipe-ingredients-lists {
    overflow: hidden;
    padding-bottom: 2.1875rem;
    width: 100%
}

@media only screen and (min-width: 42em) {
    .m-recipe-ingredients .m-recipe-ingredients-lists {
        color: #000;
        background-color: #eee;
        max-width: 20.875rem;
        padding: 0 1.25rem 2.1875rem
    }
}

.m-recipe-ingredients .m-recipe-ingredients-lists ul {
    font-size: .8125rem;
    font-weight: 200;
    margin: 0 0 2.1875rem;
    padding: 0;
    padding-left: .9375rem
}

.m-recipe-ingredients .m-recipe-ingredients-lists ul:last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 42em) {
    .m-recipe-ingredients .m-recipe-ingredients-lists ul {
        font-size: .75rem
    }
}

.m-recipe-ingredients .m-recipe-ingredients-lists li {
    padding: .3125rem 0
}

.m-recipe-ingredients .m-recipe-ingredients-lists li a {
    padding-right: .1875rem
}

.m-recipe-directions {
    overflow: hidden
}

.m-recipe-directions ul {
    counter-reset: numList;
    display: block;
    font-size: .9375rem;
    font-weight: 200;
    list-style: none;
    margin: .9375rem 0 0;
    padding: 0
}

@media only screen and (min-width: 42em) {
    .m-recipe-directions ul {
        display: table-cell;
        font-size: 1.125rem;
        margin-top: 0
    }
}

.m-recipe-directions .step {
    border-bottom: .0625rem solid rgba(255, 255, 255, 0.1);
    margin-bottom: 1.875rem;
    padding-bottom: 1.875rem;
    padding-left: 3.125rem;
    position: relative
}

.m-recipe-directions .step:before {
    background-color: #f7b81b;
    border-radius: 100%;
    color: #fff;
    content: counter(numList);
    counter-increment: numList;
    font-size: 1rem;
    font-weight: 700;
    height: 1.75rem;
    left: 0;
    position: absolute;
    text-align: center;
    width: 1.75rem
}

.m-recipe-detail-page .m-recipe-similarCategories {
    display: table-row
}

.m-recipe-detail-page .m-recipe-similarCategories a {
    color: #f7b81b
}

.m-recipe-detail-page .m-recipe-similarCategories .category:not(:last-child):after {
    color: #f7b81b;
    content: ', '
}

.m-recipe-detail-page .m-recipe-ingredients .ad-unit-wrapper .m-adblock {
    margin-top: 1.25rem
}

.m-recipe-detail-page .m-recipe-ingredients .columns.m-adblock {
    padding: 0
}

.m-recipe-detail-page .m-recipe-ingredients .ad-wrapper {
    margin: 0 auto
}

.m-recipe-detail-page .comments {
    margin-top: 1.25rem
}

.m-recipe-detail-page .comments h2 {
    width: 100%;
    display: block
}

@media only screen and (min-width: 42em) {
    .m-recipe-detail-page .comments h2 {
        width: 50%;
        margin: 0;
        display: inline-block
    }
}

.m-recipe-detail-page .comments .rate-this-recipe {
    width: 100%;
    display: block;
    text-align: left;
    float: right;
    margin-bottom: .5rem
}

.m-recipe-detail-page .comments .rate-this-recipe .rate-this-recipe-title {
    display: inline-block;
    font-size: 1rem;
    font-weight: 200;
    padding-right: .3125rem
}

@media only screen and (min-width: 42em) {
    .m-recipe-detail-page .comments .rate-this-recipe .rate-this-recipe-title {
        font-size: 1.125rem;
        padding-right: .625rem
    }
}

@media only screen and (min-width: 42em) {
    .m-recipe-detail-page .comments .rate-this-recipe {
        width: 50%;
        margin: 0;
        display: inline-block;
        text-align: right
    }
}

.m-recipe-detail-page .m-recipe-rating-popup {
    background-color: white;
    display: none;
    height: 3.6875rem;
    position: absolute;
    width: 9.875rem;
    z-index: 9999;
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.25)
}

.m-recipe-detail-page .m-recipe-rating-popup:before {
    content: " ";
    top: -.65rem;
    border-top: .125rem solid #eee;
    border-left: .125rem solid #eee;
    background: #fff;
    height: 1.125rem;
    width: 1.125rem;
    position: absolute;
    display: block;
    pointer-events: none;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.m-recipe-detail-page .m-recipe-rating-popup.open {
    display: block
}

.m-recipe-detail-page .m-recipe-rating-popup .m-recipe-rating-stars {
    display: flex;
    direction: rtl;
    height: 60%;
    margin-top: .9375rem;
    width: 90%
}

.m-recipe-detail-page .m-recipe-rating-popup .m-recipe-rating-stars li {
    color: #c2c2c2
}

.m-recipe-detail-page .m-recipe-rating-popup .m-recipe-rating-stars li:hover,
.m-recipe-detail-page .m-recipe-rating-popup .m-recipe-rating-stars li:hover~li {
    color: #f7b81b
}

.m-recipe-detail-page .m-recipe-rating-popup .m-recipe-rating-stars span {
    cursor: pointer;
    font-size: 1.5rem
}

.m-recipe-detail-page .rate-this-recipe .m-recipe-rating-popup {
    top: 1.5625rem;
    right: -2.3125rem
}

@media only screen and (min-width: 42em) {
    .m-recipe-detail-page .rate-this-recipe .m-recipe-rating-popup {
        top: 1.875rem;
        right: -.3125rem
    }
}

.m-recipe-detail-page .rate-this-recipe .m-recipe-rating-popup:before {
    right: 38%
}

@media only screen and (min-width: 42em) {
    .m-recipe-detail-page .rate-this-recipe .m-recipe-rating-popup:before {
        right: 24%
    }
}

.m-recipe-detail-page .m-recipe-meta .m-recipe-rating-popup {
    top: 1.5625rem;
    right: -4.875rem
}

@media only screen and (min-width: 42em) {
    .m-recipe-detail-page .m-recipe-meta .m-recipe-rating-popup {
        top: 1.875rem;
        right: -2rem
    }
}

.m-recipe-detail-page .m-recipe-meta .m-recipe-rating-popup:before {
    right: 64%
}

@media only screen and (min-width: 42em) {
    .m-recipe-detail-page .m-recipe-meta .m-recipe-rating-popup:before {
        right: 42%
    }
}

.m-recipe-tilegroup .tile .copy {
    padding: .25rem 0 .625rem
}

.m-recipe-tilegroup .recipe.tile {
    padding-bottom: 2.5rem
}

.m-recipe-tilegroup .tile a {
    color: #fff
}

.m-recipe-tilegroup .tile a.background-link {
    height: auto
}

.m-recipe-author-container {
    color: #fff;
    display: inline-block;
    font-size: .625rem;
    font-weight: 300;
    height: 1.5rem;
    line-height: 2;
    overflow: hidden;
    text-transform: uppercase
}

.m-recipe-author-container .m-recipe-author {
    color: inherit;
    display: block
}

.m-recipe-author-container a.m-recipe-author {
    display: inline-block
}

.m-recipe-author-container span {
    display: inline-block;
    padding-right: .1875rem
}

@media only screen and (min-width: 42em) {
    .m-recipe-author-container {
        font-size: .75rem
    }
}

.tile .m-recipe-title {
    display: block;
    font-size: .8125rem;
    font-weight: 200;
    height: 2.0625rem;
    line-height: 1.2;
    max-height: none;
    overflow: hidden;
    padding-bottom: .125rem;
    padding-right: 2.1875rem;
    text-transform: capitalize;
    color: #fff
}

.tile .m-recipe-title:hover {
    color: #e2b05e
}

@media only screen and (min-width: 30em) {
    .tile .m-recipe-title {
        font-size: 1.125rem;
        height: 2.5rem;
        max-height: 2.5rem
    }
}

@media only screen and (min-width: 42em) {
    .tile .m-recipe-title {
        font-size: 1.125rem;
        height: 2.375rem;
        max-height: 2.375rem
    }
}

.m-recipe-tilegroup .m-recipe-meta {
    border-top: .0625rem solid rgba(255, 255, 255, 0.4);
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    width: 100%;
    color: #fff
}

.m-recipe-tilegroup .m-recipe-meta ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.m-recipe-tilegroup .m-recipe-meta ul li {
    display: inline-block
}

.m-recipe-tilegroup .m-recipe-meta ul li:first-of-type {
    margin-left: 0
}

.m-recipe-tilegroup .m-recipe-ratings ul {
    cursor: default;
    position: absolute;
    top: 0;
    width: 5.25rem
}

@media only screen and (min-width: 30em) {
    .m-recipe-tilegroup .m-recipe-ratings ul {
        width: 3.9375rem
    }
}

@media only screen and (min-width: 42em) {
    .m-recipe-tilegroup .m-recipe-ratings ul {
        width: 5.25rem
    }
}

.m-recipe-tilegroup .m-recipe-ratings ul li {
    float: left;
    font-size: 0
}

.m-recipe-tilegroup .m-recipe-ratings li span {
    font-size: .9375rem
}

@media only screen and (min-width: 30em) {
    .m-recipe-tilegroup .m-recipe-ratings li span {
        font-size: .75rem
    }
}

@media only screen and (min-width: 42em) {
    .m-recipe-tilegroup .m-recipe-ratings li span {
        font-size: .9375rem
    }
}

.m-recipe-tilegroup .m-recipe-rating-stars-shadow li span:after {
    cursor: default
}

.m-recipe-tilegroup .m-recipe-rating-stars-mask {
    height: 1rem;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 0%;
    z-index: 1
}

@media only screen and (min-width: 30em) {
    .m-recipe-tilegroup .m-recipe-rating-stars-mask {
        height: .75rem
    }
}

@media only screen and (min-width: 42em) {
    .m-recipe-tilegroup .m-recipe-rating-stars-mask {
        height: 1rem
    }
}

.m-recipe-tilegroup .m-recipe-rating-stars-mask.rated-point-5 {
    width: 10%
}

.m-recipe-tilegroup .m-recipe-rating-stars-mask.rated-one {
    width: 20%
}

.m-recipe-tilegroup .m-recipe-rating-stars-mask.rated-one-point-five {
    width: 30%
}

.m-recipe-tilegroup .m-recipe-rating-stars-mask.rated-two {
    width: 40%
}

.m-recipe-tilegroup .m-recipe-rating-stars-mask.rated-two-point-five {
    width: 50%
}

.m-recipe-tilegroup .m-recipe-rating-stars-mask.rated-three {
    width: 60%
}

.m-recipe-tilegroup .m-recipe-rating-stars-mask.rated-three-point-five {
    width: 70%
}

.m-recipe-tilegroup .m-recipe-rating-stars-mask.rated-four {
    width: 80%
}

.m-recipe-tilegroup .m-recipe-rating-stars-mask.rated-four-point-five {
    width: 90%
}

.m-recipe-tilegroup .m-recipe-rating-stars-mask.rated-five {
    width: 100%
}

.m-recipe-tilegroup .m-recipe-ratings {
    display: inline-block;
    height: 1rem;
    margin-right: 0;
    position: relative;
    top: .3125rem;
    width: 4.875rem
}

@media only screen and (min-width: 30em) {
    .m-recipe-tilegroup .m-recipe-ratings {
        height: .75rem;
        margin-right: 0;
        top: .1875rem;
        width: 2.8125rem
    }
}

@media only screen and (min-width: 42em) {
    .m-recipe-tilegroup .m-recipe-ratings {
        height: 1rem;
        top: .3125rem;
        width: 4.375rem
    }
}

@media only screen and (min-width: 62.5em) {
    .m-recipe-tilegroup .m-recipe-ratings {
        margin-right: .75rem
    }
}

.m-recipe-tilegroup .m-recipe-rating-stars {
    height: 1rem;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0
}

.m-recipe-tilegroup .m-recipe-rating-stars li {
    color: #e2b05e
}

.m-recipe-tilegroup .m-recipe-rating-stars-shadow li {
    color: #fff
}

.m-recipe-tilegroup .m-recipe-rating-stars-shadow li span:after {
    color: transparent;
    content: "\e606";
    margin-left: -1rem;
    position: absolute;
    z-index: 100
}

.m-recipe-tilegroup .m-recipe-difficulty {
    display: inline-block;
    font-size: .75rem;
    font-weight: 300;
    margin: 0;
    text-transform: lowercase
}

@media only screen and (min-width: 30em) {
    .m-recipe-tilegroup .m-recipe-difficulty {
        font-size: .5625rem;
        margin: 0
    }
}

@media only screen and (min-width: 62.5em) {
    .m-recipe-tilegroup .m-recipe-difficulty {
        font-size: .75rem;
        margin: 0 .75rem
    }
}

.m-recipe-tilegroup .m-recipe-time {
    display: inline-block;
    font-size: .75rem;
    font-weight: 300;
    margin-left: 0;
    text-transform: lowercase
}

@media only screen and (min-width: 30em) {
    .m-recipe-tilegroup .m-recipe-time {
        font-size: .5625rem;
        margin-left: 0
    }
}

@media only screen and (min-width: 62.5em) {
    .m-recipe-tilegroup .m-recipe-time {
        font-size: .75rem;
        margin-left: .75rem
    }
}

.m-recipe-tilegroup .m-recipe-time .abc-icon-time-clock {
    font-size: .75rem;
    top: .0625rem
}

.m-recipe-tilegroup .sep {
    color: rgba(255, 255, 255, 0.4);
    font-size: 1.25rem;
    font-weight: 100;
    vertical-align: middle
}

.m-recipe-tilegroup .m-recipe-author {
    font-size: .75rem
}

@media only screen and (min-width: 30em) {
    .m-recipe-tilegroup .m-recipe-author {
        font-size: .5625rem
    }
}

@media only screen and (min-width: 42em) {
    .m-recipe-tilegroup .m-recipe-author {
        font-size: .625rem
    }
}

@media only screen and (min-width: 62.5em) {
    .m-recipe-tilegroup .m-recipe-author {
        font-size: .75rem
    }
}

.m-recipe-tilegroup .recipe .m-recipe-title {
    font-size: 1.125rem;
    height: 2.8125rem;
    line-height: 1.2;
    max-height: none;
    display: block;
    overflow: hidden
}

@media only screen and (min-width: 30em) {
    .m-recipe-tilegroup .recipe .m-recipe-title {
        font-size: .875rem;
        height: 2.1875rem
    }
}

@media only screen and (min-width: 42em) {
    .m-recipe-tilegroup .recipe .m-recipe-title {
        font-size: .9375rem;
        height: 2.375rem
    }
}

@media only screen and (min-width: 62.5em) {
    .m-recipe-tilegroup .recipe .m-recipe-title {
        font-size: 1.125rem;
        height: 2.8125rem
    }
}

.m-recipe-tilegroup .m-recipe-ratings li span,
.m-recipe-tilegroup .m-recipe-difficulty,
.m-recipe-tilegroup .m-recipe-time {
    font-size: .8125rem
}

@media only screen and (min-width: 30em) {
    .m-recipe-tilegroup .m-recipe-ratings li span,
    .m-recipe-tilegroup .m-recipe-difficulty,
    .m-recipe-tilegroup .m-recipe-time {
        font-size: .5625rem
    }
}

@media only screen and (min-width: 42em) {
    .m-recipe-tilegroup .m-recipe-ratings li span,
    .m-recipe-tilegroup .m-recipe-difficulty,
    .m-recipe-tilegroup .m-recipe-time {
        font-size: .75rem
    }
}

@media only screen and (min-width: 62.5em) {
    .m-recipe-tilegroup .m-recipe-ratings li span,
    .m-recipe-tilegroup .m-recipe-difficulty,
    .m-recipe-tilegroup .m-recipe-time {
        font-size: .8125rem
    }
}

.module.tile-strip.m-recipe-tilegroup .m-tilegroup-arrow {
    top: 30%
}

.m-tilegroup .tile.recipe .fluid-img {
    -webkit-transition: transform ease-in 200ms;
    -moz-transition: transform ease-in 200ms;
    transition: transform ease-in 200ms
}

.m-tilegroup .tile.recipe:hover .fluid-img {
    -webkit-transition: transform ease-out 200ms;
    -moz-transition: transform ease-out 200ms;
    transition: transform ease-out 200ms;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

@media only print {
    @page {
        margin: 15mm
    }
    body {
        font-family: 'abc-modern', helvetica, sans-serif;
        font-size: .75rem;
        padding: 0;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased
    }
    .page-wrapper {
        display: block;
        height: auto
    }
    .authenticated .page-wrapper .region.content,
    .page-wrapper .region.content {
        margin-top: 0;
        overflow: visible
    }
    .m-menu-row {
        margin: 0;
        max-width: none;
        padding: 0
    }
    .m-menu {
        position: static
    }
    .m-menu .m-menu-logo-title {
        padding-left: 0;
        padding-right: 0;
        width: 50%
    }
    .m-menu .m-menu-logo-title .m-menu-page-title .m-menu-showtitle {
        margin-top: .3125rem;
        text-decoration: none
    }
    .m-menu .m-menu-logo-title .m-menu-page-title .m-menu-tune-in {
        font-size: .9375rem;
        position: absolute;
        right: 0;
        top: .9375rem
    }
    .m-recipe-detail-page .m-recipe-hero {
        margin-bottom: 0;
        min-height: 3.4375rem
    }
    .m-recipe-detail-page .m-recipe-hero .m-recipe-hero-image {
        display: block;
        height: 8.5rem;
        overflow: hidden;
        position: absolute;
        width: 8.5rem;
        z-index: 9999
    }
    .m-recipe-detail-page .m-recipe-hero .m-recipe-hero-image img {
        left: 0;
        margin-left: -6.375rem;
        max-height: 8.5rem;
        max-width: none !important;
        position: relative;
        right: 0;
        top: 0;
        width: auto
    }
    .m-recipe-detail-page .m-recipe-hero img::after {
        display: none
    }
    .m-recipe-detail-page .m-recipe-directions>.title,
    .m-recipe-detail-page .m-recipe-ingredients>.title,
    .m-recipe-detail-page .tab-content {
        display: block;
        float: none;
        width: 90%
    }
    .m-recipe-detail-page .m-recipe-ingredients {
        float: none;
        margin-left: 5%;
        width: 90%
    }
    .m-recipe-detail-page .m-recipe-ingredients .title {
        display: none
    }
    .m-recipe-detail-page .m-recipe-ingredients li {
        font-size: .5625rem
    }
    .m-recipe-detail-page .m-recipe-ingredients .m-recipe-ingredients-lists {
        padding-bottom: 0
    }
    .m-recipe-detail-page .m-recipe-ingredients .m-recipe-ingredients-lists .title {
        display: block;
        font-weight: 300;
        font-size: .75rem
    }
    .m-recipe-detail-page .m-recipe-directions {
        margin-left: 5%;
        width: 90%
    }
    .m-recipe-detail-page .m-recipe-directions .title {
        display: none
    }
    .m-recipe-detail-page .m-recipe-directions .step {
        font-size: .6875rem;
        margin-bottom: .75rem;
        padding-bottom: .75rem
    }
    .row.module.m-recipe-detail {
        max-width: none
    }
    .m-recipe-info .m-recipe-author {
        display: block;
        margin: .625rem 0 0 10rem;
        text-align: left;
        top: 0;
        width: auto
    }
    .m-recipe-info .m-recipe-author span {
        font-size: .875rem;
        font-weight: 700
    }
    .m-recipe-detail-page .m-recipe-hero .m-recipe-hero-container {
        left: 0;
        max-width: 100%;
        position: absolute;
        top: 0;
        z-index: 9999
    }
    .m-recipe-detail-page .m-recipe-hero .m-recipe-hero-container .m-recipe-author-container {
        height: auto;
        padding-bottom: 0
    }
    .m-recipe-detail-page .m-recipe-hero .m-recipe-hero-container .m-recipe-author-container .m-recipe-author {
        font-size: .625rem;
        height: auto
    }
    .m-recipe-detail-page .m-recipe-hero .m-recipe-hero-container h1 {
        display: inline-block;
        font-size: 1rem;
        font-weight: 300;
        margin: 0 0 0 10rem;
        text-align: left;
        top: 0;
        width: auto
    }
    .m-recipe-detail-page .m-recipe-content {
        margin-top: 1.875rem
    }
    .m-recipe-detail-page .m-recipe-content header.title {
        font-size: .875rem
    }
    a::after,
    img::after,
    .social-icons,
    .authenticated .m-menu .m-mvpdauth,
    .m-menu-global-navigation-search-icon,
    .m-menu-global-navigation,
    .m-submenu-logo-h1,
    .m-menu-drop-nav,
    .m-submenu .show-subnav,
    .m-submenu,
    .m-sharebar-wrapper,
    .m-sharebar,
    .shareButton,
    .m-tilegroup,
    .m-schedule,
    .m-recipe-rating-popup,
    .m-recipe-tabs,
    .m-recipe-info hr,
    .footer-modules,
    .m-recipe-similarCategories.categoryTitle,
    .ad-unit-wrapper,
    .comments {
        display: none !important
    }
    .m-recipe-hero-video-container {
        width: 1px;
        height: 1px;
        overflow: hidden
    }
}

.m-schedule-responsive {
    color: #fff
}

.m-schedule-responsive .affiliate-selector {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 250ms ease-in;
    -moz-transition: opacity 250ms ease-in;
    transition: opacity 250ms ease-in
}

.m-schedule-responsive .affilate-logo.hasDistro {
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    position: relative;
    margin: 0;
    width: 4.0625rem;
    height: 3.21875rem
}

@media only screen and (min-width: 42em) {
    .m-schedule-responsive .m-menu-show-title-prefix {
        display: inline-block !important;
        visibility: visible
    }
}

.m-schedule-responsive .text2 {
    display: inline-block
}

.m-schedule-responsive .slick-slider {
    border-bottom: none;
    height: 5rem;
    margin-top: 1rem;
    margin-left: 2.5rem;
    margin-right: 2.5rem;
    opacity: 0;
    overflow: hidden;
    position: relative;
    -webkit-transition: opacity 150ms ease-in;
    -moz-transition: opacity 150ms ease-in;
    transition: opacity 150ms ease-in
}

.m-schedule-responsive .slick-slider .slick-list .slick-track {
    height: 5rem;
    overflow: hidden;
    position: relative;
    z-index: 100
}

.m-schedule-responsive .slick-slider .slick-track {
    transition: transform 500ms ease 0s
}

.m-schedule-responsive .slick-slider .tile {
    border-bottom: solid .125rem rgba(238, 238, 238, 0);
    display: inline-block;
    height: 5rem;
    margin-bottom: 1.25rem;
    min-width: 7.5rem;
    position: relative;
    vertical-align: top;
    width: 7.5rem;
    -webkit-transition: border 150ms ease-in;
    -moz-transition: border 150ms ease-in;
    transition: border 150ms ease-in
}

.m-schedule-responsive .slick-slider .tile a {
    -webkit-transition: color 400ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -moz-transition: color 400ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
    transition: color 400ms cubic-bezier(0.23, 1, 0.32, 1) 0s
}

.m-schedule-responsive .slick-slider .tile .weekdate {
    display: inline-block;
    height: 100%;
    padding-left: 1rem;
    position: relative;
    text-decoration: none;
    text-transform: capitalize;
    width: 100%
}

.m-schedule-responsive .slick-slider .tile .weekdate .day {
    display: block;
    font-size: 1.875rem;
    font-weight: 300;
    line-height: 2.5625rem;
    letter-spacing: -.0375rem
}

.m-schedule-responsive .slick-slider .tile .weekdate .date {
    display: block;
    font-size: .875rem;
    line-height: 1.1875rem;
    letter-spacing: -.0375rem
}

.m-schedule-responsive .slick-slider .tile a,
.m-schedule-responsive .slick-slider .tile a:link {
    color: black
}

.m-schedule-responsive .slick-slider li.selected-day a {
    color: #fff
}

.m-schedule-responsive .slick-slider li.selected-day a span,
.m-schedule-responsive .slick-slider li.selected-day a span.date {
    color: inherit
}

.m-schedule-responsive .m-schedule-program {
    border-bottom: solid .0625rem rgba(255, 255, 255, 0.1);
    padding: 2.5rem 0 1.25rem 0
}

.m-schedule-responsive .m-schedule-program .m-schedule-program-time {
    font-size: 1rem;
    font-weight: 500;
    padding-top: .625rem;
    padding-left: .9375rem;
    letter-spacing: -.0375rem
}

@media only screen and (min-width: 42em) {
    .m-schedule-responsive .m-schedule-program .m-schedule-program-time {
        padding-top: 2.1875rem;
        padding-left: 2.1875rem
    }
}

@media only screen and (min-width: 62.5em) {
    .m-schedule-responsive .m-schedule-program .m-schedule-program-time {
        font-size: 1.5rem;
        letter-spacing: -.0625rem;
        padding-top: 2.8125rem
    }
}

.m-schedule-responsive .m-schedule-program .m-schedule-program-time .on-now {
    color: white;
    display: none;
    font-size: .75rem;
    margin-top: .5rem;
    padding: .25rem;
    text-transform: uppercase
}

@media only screen and (min-width: 62.5em) {
    .m-schedule-responsive .m-schedule-program .m-schedule-program-time .on-now {
        font-size: 1.25rem
    }
}

.m-schedule-responsive .m-schedule-program .m-schedule-program-details {
    padding: 0 3.75rem 0 1.875rem
}

.m-schedule-responsive .m-schedule-program .m-schedule-program-details .m-schedule-program-name {
    font-size: 1.5rem;
    font-weight: 200;
    margin-top: .25rem
}

.m-schedule-responsive .m-schedule-program .m-schedule-program-details .m-schedule-program-name a {
    color: #fff
}

.m-schedule-responsive .m-schedule-program .m-schedule-program-details .m-schedule-program-name a:hover {
    text-decoration: none
}

.m-schedule-responsive .m-schedule-program .m-schedule-program-details .m-schedule-program-name a:hover {
    text-decoration: underline
}

.m-schedule-responsive .m-schedule-program .m-schedule-program-details .m-schedule-program-description {
    font-size: 1rem;
    line-height: 1.2rem;
    margin-top: 1rem
}

.m-schedule-responsive .m-schedule-program .m-schedule-program-details .m-schedule-program-footer {
    color: #ccc;
    font-size: .75rem;
    margin-top: .6875rem;
    text-transform: uppercase
}

.m-schedule-responsive .m-schedule-program .m-schedule-program-details .m-schedule-program-footer.m-schedule-program-footer-with-icon {
    margin-top: .4375rem
}

.m-schedule-responsive .m-schedule-program .m-schedule-program-details .m-schedule-program-footer .abc-icon-ad {
    font-size: 1.6875rem;
    vertical-align: middle;
    color: #fff
}

.m-schedule-responsive .m-schedule-programs-section {
    min-height: 31.25rem
}

.m-schedule-responsive .m-schedule-programs-section.loading .m-spinner {
    display: block
}

.m-schedule-responsive .m-schedule-programs-section.loading .m-schedule-programs {
    display: none
}

.m-schedule-responsive .m-schedule-programs-section .m-schedule-nav {
    display: none
}

.m-schedule-responsive .m-schedule-nav-wrapper {
    position: relative
}

.m-schedule-responsive .m-schedule-nav-wrapper .m-schedule-nav {
    background-color: rgba(255, 255, 255, 0.15);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: .9375rem 1.3125rem;
    border: 0;
    color: #fff;
    display: table;
    height: 5rem;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 0;
    width: 3rem;
    -webkit-transition: all 150ms ease-in;
    -moz-transition: all 150ms ease-in;
    transition: all 150ms ease-in
}

.m-schedule-responsive .m-schedule-nav-wrapper .m-schedule-nav:hover {
    cursor: pointer
}

.m-schedule-responsive .m-schedule-nav-wrapper .m-schedule-nav .icon {
    color: #fff;
    display: table-cell;
    font-size: 1.5625rem;
    vertical-align: middle;
    -webkit-transition: color 150ms ease-in;
    -moz-transition: color 150ms ease-in;
    transition: color 150ms ease-in
}

.m-schedule-responsive .m-schedule-nav-wrapper .m-schedule-nav:hover .icon {
    color: #fff
}

.m-schedule-responsive .m-schedule-nav-wrapper .m-schedule-nav.prev {
    left: 0;
    margin-left: 0
}

.m-schedule-responsive .m-schedule-nav-wrapper .m-schedule-nav.next {
    right: 0;
    margin-right: 0
}

.m-schedule-responsive.show-on-now .m-schedule-program.current-program .m-schedule-program-time .on-now {
    display: inline-block
}

.m-schedule-responsive .slick-slider li.selected-day a .date {
    color: #858585
}

.m-schedule-responsive .slick-slider.slick-initialized {
    opacity: 1
}

.m-schedule-responsive .m-schedule-nav-wrapper .slick-initialized~.m-schedule-nav {
    opacity: 1
}

.m-schedule-responsive.multiple-affiliates .affiliate-selector {
    visibility: visible;
    opacity: 1
}

.m-schedule-responsive.multiple-affiliates .affiliate-selector.hidden {
    visibility: hidden;
    opacity: 0
}

.m-schedule .m-schedule-cta {
    line-height: 3.125rem;
    margin: 0
}

@media only screen and (min-width: 42em) {
    .m-schedule .m-schedule-cta {
        padding-right: 1.25rem;
        padding-left: 0
    }
}

@media only screen and (min-width: 42em) {
    .m-schedule .m-schedule-cta {
        float: left;
        min-width: 15%;
        padding-left: 7px
    }
}

.m-schedule .m-schedule-cta .textblock {
    line-height: 3.125rem;
    margin: 0
}

.m-schedule.m-schedule-slider .m-schedule-cta {
    display: table-cell;
    height: 2rem;
    line-height: normal;
    vertical-align: bottom
}

@media only screen and (min-width: 42em) {
    .m-schedule.m-schedule-slider .m-schedule-cta {
        min-width: inherit;
        display: block;
        height: auto;
        line-height: 3.125rem
    }
}

.m-schedule.m-schedule-slider .m-schedule-cta .textblock {
    line-height: normal
}

@media only screen and (min-width: 42em) {
    .m-schedule.m-schedule-slider .m-schedule-cta .textblock {
        line-height: 3.125rem
    }
}

@media only screen and (min-width: 42em) {
    .m-schedule .m-schelude-column-wrapper {
        max-height: 3.125rem;
        overflow: hidden
    }
}

.m-schedule .m-schedule-programs {
    display: block
}

.m-schedule .m-schedule-programs .m-schedule-program {
    border-top: .09375rem solid #fff;
    line-height: 3.125rem;
    margin: 0
}

@media only screen and (min-width: 42em) {
    .m-schedule .m-schedule-programs .m-schedule-program {
        padding-right: 1.25rem;
        padding-left: 0
    }
}

@media only screen and (min-width: 42em) {
    .m-schedule .m-schedule-programs .m-schedule-program {
        border: none;
        display: inline-block;
        min-width: 15%
    }
}

.m-schedule .m-schedule-programs .m-schedule-program .m-schedule-program-name a,
.m-schedule .m-schedule-programs .m-schedule-program .m-schedule-program-name span {
    color: #fff;
    font-size: .875rem
}

@media only screen and (min-width: 42em) {
    .m-schedule .m-schedule-programs .m-schedule-program .m-schedule-program-name a,
    .m-schedule .m-schedule-programs .m-schedule-program .m-schedule-program-name span {
        font-size: 1rem
    }
}

.m-schedule .m-schedule-programs .m-schedule-program.slick-slide {
    opacity: 0;
    -webkit-transition: opacity 200ms ease-in 0s;
    -moz-transition: opacity 200ms ease-in 0s;
    transition: opacity 200ms ease-in 0s
}

.m-schedule .m-schedule-programs .m-schedule-program.slick-slide.slick-active {
    opacity: 1
}

.m-schedule .m-schedule-programs .m-schedule-program .textblock {
    border-top: none;
    line-height: 3.125rem;
    margin: 0
}

.m-schedule .m-schedule-programs.white:hover {
    color: #fff
}

@media only screen and (min-width: 42em) {
    .m-schedule.m-schedule-slider .m-schedule-program {
        min-width: inherit
    }
}

.m-schedule.m-schedule-slider .m-schedule-programs {
    height: 1.25rem;
    margin-bottom: .375rem;
    margin-top: .375rem;
    overflow: hidden
}

@media only screen and (min-width: 42em) {
    .m-schedule.m-schedule-slider .m-schedule-programs {
        height: 3.125rem;
        margin: 0
    }
}

.m-schedule.m-schedule-slider .m-schedule-programs .m-schedule-program .textblock {
    line-height: normal
}

@media only screen and (min-width: 42em) {
    .m-schedule.m-schedule-slider .m-schedule-programs .m-schedule-program .textblock {
        line-height: 3.125rem
    }
}

.m-schedule.m-schedule-slider .m-schedule-programs .m-schedule-program {
    border-top: none;
    display: inline-block
}

.m-schedule.m-schedule-slider .m-schedule-programs {
    height: 2rem;
    overflow: hidden;
    margin-bottom: .375rem;
    margin-top: .375rem;
    min-width: inherit
}

@media only screen and (min-width: 42em) {
    .m-schedule.m-schedule-slider .m-schedule-programs {
        margin: 0;
        height: 3.125rem
    }
}

.m-schedule.m-schedule-slider .m-schedule-programs .m-schedule-program .textblock {
    line-height: normal
}

@media only screen and (min-width: 42em) {
    .m-schedule.m-schedule-slider .m-schedule-programs .m-schedule-program .textblock {
        line-height: 3.125rem
    }
}

.m-schedule.m-schedule-slider .m-schedule-programs .m-schedule-program {
    opacity: 0;
    border-top: none;
    display: inline-block
}

.m-schedule.noLeading {
    margin-top: 0
}

.m-schedule .m-schedule-programs.dragging .m-schedule-program.slick-slide {
    opacity: 1
}

body.butterscotch .m-schedule {
    background: #f7b81b
}

body.garnet .m-schedule {
    background: #c50511
}

body.aluminum .m-schedule {
    background: #5c7594
}

body.default .m-schedule {
    background: #e2b05e
}

body.butterscotch .m-schedule-responsive .m-schedule-nav-wrapper .m-schedule-nav:hover {
    background: #f7b81b
}

body.garnet .m-schedule-responsive .m-schedule-nav-wrapper .m-schedule-nav:hover {
    background: #c50511
}

body.aluminum .m-schedule-responsive .m-schedule-nav-wrapper .m-schedule-nav:hover {
    background: #5c7594
}

body.default .m-schedule-responsive .m-schedule-nav-wrapper .m-schedule-nav:hover {
    background: #e2b05e
}

body.butterscotch .m-schedule-responsive .m-schedule-program-time .on-now {
    background-color: #f7b81b
}

body.garnet .m-schedule-responsive .m-schedule-program-time .on-now {
    background-color: #c50511
}

body.aluminum .m-schedule-responsive .m-schedule-program-time .on-now {
    background-color: #5c7594
}

body.default .m-schedule-responsive .m-schedule-program-time .on-now {
    background-color: #e2b05e
}

body.butterscotch .m-schedule-responsive .slick-slider .tile:hover {
    color: #f7b81b !important
}

body.butterscotch .m-schedule-responsive .slick-slider .tile.selected-day:after {
    background-color: #f7b81b
}

body.garnet .m-schedule-responsive .slick-slider .tile:hover {
    color: #c50511 !important
}

body.garnet .m-schedule-responsive .slick-slider .tile.selected-day:after {
    background-color: #c50511
}

body.aluminum .m-schedule-responsive .slick-slider .tile:hover {
    color: #5c7594 !important
}

body.aluminum .m-schedule-responsive .slick-slider .tile.selected-day:after {
    background-color: #5c7594
}

body.default .m-schedule-responsive .slick-slider .tile:hover {
    color: #e2b05e !important
}

body.default .m-schedule-responsive .slick-slider .tile.selected-day:after {
    background-color: #e2b05e
}

body.butterscotch .m-schedule-responsive .slick-slider .tile a:hover {
    color: #f7b81b !important
}

body.garnet .m-schedule-responsive .slick-slider .tile a:hover {
    color: #c50511 !important
}

body.aluminum .m-schedule-responsive .slick-slider .tile a:hover {
    color: #5c7594 !important
}

body.default .m-schedule-responsive .slick-slider .tile a:hover {
    color: #e2b05e !important
}

body.default .m-schedule-responsive .m-schedule-program-time .on-now {
    background-color: #fff;
    color: #191919
}

body.default .m-schedule-responsive .slick-slider .tile a:hover {
    color: rgba(255, 255, 255, 0.8) !important
}

body.default .m-schedule-responsive .m-schedule-nav-wrapper .m-schedule-nav:hover {
    background-color: rgba(255, 255, 255, 0.3)
}

.m-searchlist .modal-overlay {
    opacity: 0
}

.m-searchlist .modal-overlay .modal {
    margin: 0 auto;
    height: 100%;
    padding: 2rem 1rem 0;
    background-color: #191919
}

.m-searchlist .search-results {
    margin-bottom: 4rem
}

.m-searchlist .tiles {
    margin: 0 auto;
    padding-bottom: 4rem
}

.m-searchlist .tiles .tile {
    opacity: 0
}

@media only screen {
    .m-searchlist .tiles .tile {
        margin-bottom: 1.5625rem
    }
}

@media only screen and (min-width: 42em) {
    .m-searchlist .tiles .tile {
        margin-bottom: 2rem
    }
}

.m-searchlist .tiles:empty {
    display: none
}

.m-searchlist .tiles:empty~.no-results {
    display: block;
    opacity: 0
}

.m-searchlist .tiles:not(:empty)~.no-results {
    display: none
}

.m-searchlist .no-results {
    font-size: 1rem;
    font-weight: 200;
    color: #fff;
    background-color: #2b2d36;
    margin: 0 auto;
    line-height: normal;
    text-align: left;
    padding: 1.875rem 1.5rem 1.625rem 1.5rem
}

@media only screen and (max-width: 20em) {
    .m-searchlist .no-results {
        text-align: center
    }
}

@media only screen {
    .m-searchlist .no-results {
        width: 91.5%
    }
}

@media only screen and (min-width: 42em) {
    .m-searchlist .no-results {
        width: 46rem
    }
}

@media only screen and (min-width: 62.5em) {
    .m-searchlist .no-results {
        width: 62.5rem
    }
}

.datg-select {
    margin-top: 1.4375rem;
    width: 100%
}

@media only screen and (min-width: 42em) {
    .datg-select {
        margin-top: 2.5rem
    }
}

@media only screen and (min-width: 62.5em) {
    .datg-select {
        margin-top: 3.75rem
    }
}

.datg-select .button {
    background: #2b2d36;
    color: #fff;
    border-radius: 0;
    text-transform: none
}

.datg-select.disabled .button,
.datg-select.disabled .button:focus,
.datg-select.disabled .button:hover {
    background: #2b2d36;
    color: white;
    cursor: default;
    opacity: 0.7
}

.datg-select-border-wrapper {
    border: 1px solid #d7d7d7;
    position: relative
}

.datg-select-default {
    display: none
}

.datg-select-default .icon {
    font-size: .5rem;
    position: absolute;
    right: 9px;
    top: 12px;
    z-index: 1
}

@media only screen and (min-width: 42em) {
    .datg-select-default .icon {
        top: .875rem
    }
}

@media only screen and (min-width: 62.5em) {
    .datg-select-default .icon {
        top: 1.125rem
    }
}

.datg-select-default .module-select {
    margin-bottom: 0
}

.datg-select-default .button {
    border: none;
    padding: .375rem .5625rem .375rem;
    text-transform: none
}

@media only screen and (min-width: 42em) {
    .datg-select-default .button {
        padding: .5625rem
    }
}

.datg-select-custom {
    position: relative
}

.datg-select-custom .button {
    padding: 0
}

.datg-select-custom .datg-select-custom-button-text {
    padding: .75rem
}

.datg-select-custom .datg-select-custom-button-text .icon {
    font-size: .5625rem;
    position: relative;
    top: .375rem
}

@media only screen and (min-width: 30em) {
    .datg-select-custom .datg-select-custom-button-text .icon {
        top: .4375rem
    }
}

@media only screen and (min-width: 62.5em) {
    .datg-select-custom .datg-select-custom-button-text .icon {
        top: .5625rem
    }
}

.datg-select-custom .datg-select-custom-button-text .button-title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    width: calc(100% - 1.25rem);
    line-height: 100%
}

.datg-select-custom .module-select {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
    -webkit-transition: z-index 200ms cubic-bezier(0.86, 0, 0.07, 1) 800ms;
    -moz-transition: z-index 200ms cubic-bezier(0.86, 0, 0.07, 1) 800ms;
    transition: z-index 200ms cubic-bezier(0.86, 0, 0.07, 1) 800ms
}

.datg-select-custom .datg-select-custom-list {
    color: #fff;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    padding-top: 0;
    visibility: hidden;
    -webkit-transition: all 1000ms cubic-bezier(0.86, 0, 0.07, 1) 0ms;
    -moz-transition: all 1000ms cubic-bezier(0.86, 0, 0.07, 1) 0ms;
    transition: all 1000ms cubic-bezier(0.86, 0, 0.07, 1) 0ms
}

.datg-select-custom .datg-select-custom-list .datg-select-custom-option {
    padding: .375rem .5625rem;
    -webkit-transition: all 300ms cubic-bezier(0.86, 0, 0.07, 1) 0ms;
    -moz-transition: all 300ms cubic-bezier(0.86, 0, 0.07, 1) 0ms;
    transition: all 300ms cubic-bezier(0.86, 0, 0.07, 1) 0ms
}

.datg-select-custom .datg-select-custom-list .datg-select-custom-option:first-child {
    margin-top: .3125rem
}

.datg-select-custom .datg-select-custom-list .datg-select-custom-option:active {
    -webkit-transition: all 300ms cubic-bezier(0.86, 0, 0.07, 1) 100ms;
    -moz-transition: all 300ms cubic-bezier(0.86, 0, 0.07, 1) 100ms;
    transition: all 300ms cubic-bezier(0.86, 0, 0.07, 1) 100ms
}

.datg-select-custom .datg-select-custom-list .datg-select-custom-option:hover {
    background: #2b2d36;
    color: rgba(255, 255, 255, 0.8);
    -webkit-transition: background 300ms ease-in-out 0s, transform 300ms cubic-bezier(0.86, 0, 0.07, 1) 100ms;
    -moz-transition: background 300ms ease-in-out 0s, transform 300ms cubic-bezier(0.86, 0, 0.07, 1) 100ms;
    transition: background 300ms ease-in-out 0s, transform 300ms cubic-bezier(0.86, 0, 0.07, 1) 100ms
}

.touch .datg-select-default {
    display: block
}

.module .datg-select-wrapper {
    width: 100%
}

.module.videolanding .datg-select-wrapper {
    margin-bottom: 0;
    margin-top: 0;
    width: 100%
}

.module.videolanding .datg-select-default .icon,
.module.recipelanding .datg-select-default .icon,
.module.newsandblogs .datg-select-default .icon {
    top: 12px
}

@media only screen and (min-width: 42em) {
    .module.videolanding .datg-select-default .icon,
    .module.recipelanding .datg-select-default .icon,
    .module.newsandblogs .datg-select-default .icon {
        top: 1rem
    }
}

@media only screen and (min-width: 62.5em) {
    .module.videolanding .datg-select-default .icon,
    .module.recipelanding .datg-select-default .icon,
    .module.newsandblogs .datg-select-default .icon {
        top: 1.0625rem
    }
}

.datg-select.no-visibility-support .datg-select-custom-list {
    display: none
}

.datg-select.expand .datg-select-custom .module-select {
    z-index: 3;
    -webkit-transition: z-index 200ms cubic-bezier(0.86, 0, 0.07, 1) 0ms;
    -moz-transition: z-index 200ms cubic-bezier(0.86, 0, 0.07, 1) 0ms;
    transition: z-index 200ms cubic-bezier(0.86, 0, 0.07, 1) 0ms
}

.datg-select.expand .datg-select-custom-list {
    max-height: 25rem;
    opacity: 1;
    visibility: visible
}

.datg-select.expand.no-visibility-support .datg-select-custom-list {
    display: block
}

.datg-select.expand .datg-select-custom-list .datg-select-custom-option {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.datg-select.expand .datg-select-custom-list .datg-select-custom-option.selected {
    background-color: #1e1f25
}

.datg-select .datg-select-custom .datg-select-custom-list.scroll {
    overflow-y: scroll
}

.datg-select.daily-filter .datg-select-custom-list .datg-select-custom-option {
    text-align: right;
    padding-right: 1rem
}

.datg-select.daily-filter .datg-select-custom-list .datg-select-custom-option.selected {
    background-color: #1e1f25
}

.datg-select:not(.disabled) .datg-select-custom .button:hover {
    border: none
}

.datg-select:not(.disabled) .datg-select-custom .button:hover .icon {
    color: rgba(255, 255, 255, 0.8)
}

.datg-select .datg-select-custom-option.not-visible {
    display: none
}

.m-sharebar {
    position: relative;
    width: 100%;
    display: inline-block
}

.m-sharebar:not(:empty) {
    padding-bottom: 1.875rem
}

.m-sharebar .shareButton {
    margin-right: 1.5rem;
    height: 1.25rem;
    display: inline-block;
    vertical-align: bottom;
    color: #232323;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: center left;
    background-size: contain;
    font-weight: 200;
    line-height: initial;
    margin-bottom: .3125rem
}

.m-sharebar .shareButton .icon {
    color: black;
    padding-right: .3125rem
}

.m-sharebar .shareButton.pinterestButton {
    margin-right: 1.5rem;
    padding-left: 0
}

.m-sharebar .shareButton .fb-share-button {
    height: auto;
    line-height: initial
}

.m-sharebar .shareButton .fb-share-button iframe {
    display: none;
    position: relative
}

@media only screen and (min-width: 42em) {
    .m-sharebar .shareButton .fb-share-button iframe {
        display: inline-block
    }
}

.m-sharebar.showMore .shareButton .fb-share-button iframe {
    display: block
}

.m-sharebar.showMore .shareButton .fb-share-button iframe {
    display: block
}

.m-sharebar .shareButton.gPlus {
    display: none
}

.m-sharebar .shareButton .twitter-share-button {
    visibility: hidden !important
}

.m-sharebar.showMore .shareButton .twitter-share-button {
    visibility: visible !important
}

.m-sharebar .shareButton:last-child {
    margin-right: 0
}

.m-sharebar .shareButton.gPlus div,
.m-sharebar .shareButton.gPlus iframe {
    width: 3.5rem !important
}

.m-sharebar .numberOfComments {
    color: #232323
}

.m-sharebar.showMore .hideInMore .shareButton.mobile,
.m-sharebar .shareButton.mobile {
    display: block
}

@media only screen and (min-width: 42em) {
    .m-sharebar.showMore .hideInMore .shareButton.mobile,
    .m-sharebar .shareButton.mobile {
        display: none
    }
}

.m-sharebar .shareButton.web {
    display: none
}

@media only screen and (min-width: 42em) {
    .m-sharebar .shareButton.web {
        display: inline-block;
        position: relative
    }
}

.m-sharebar .hideInMore .shareButton {
    visibility: hidden;
    position: absolute
}

.m-sharebar.showMore .hideInMore .shareButton {
    visibility: visible;
    position: static
}

.m-sharebar.showMore .hideInMore .shareButton {
    vertical-align: top;
    display: block;
    margin: 1rem 0
}

@media only screen and (min-width: 42em) {
    .m-sharebar.showMore .hideInMore .shareButton {
        display: inline-block;
        margin: .75rem 0 .5rem 1rem
    }
}

.m-sharebar.showMore .hideInMore .shareButton .twitter-share-button {
    margin: 0
}

.m-sharebar.showMore .hideInMore .shareButton:last-child {
    margin-right: 2.375rem
}

.m-sharebar.showMore .hideInMore {
    z-index: 10;
    position: absolute;
    top: 2.5rem;
    left: 0;
    visibility: visible;
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.25);
    background: #fff;
    padding: 0 .5rem
}

.m-sharebar.showMore .hideInMore:before {
    content: " ";
    top: -.65rem;
    left: 10%;
    border-top: .125rem solid #eee;
    border-left: .125rem solid #eee;
    background: #fff;
    height: 1.125rem;
    width: 1.125rem;
    position: absolute;
    display: block;
    pointer-events: none;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media only screen and (min-width: 42em) {
    .m-sharebar.showMore .hideInMore:before {
        left: 25%
    }
}

@media only screen and (min-width: 42em) {
    .m-sharebar.showMore .hideInMore {
        left: 1.25rem
    }
}

.showlogo-wrapper {
    margin: 0 auto
}

@media only screen and (min-width: 90.0625em) {
    .showlogo-wrapper {
        width: 21.875rem;
        height: 7.3125rem;
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }
}

@media only screen and (max-width: 90em) {
    .showlogo-wrapper {
        width: 21.875rem;
        height: 7.3125rem;
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }
}

@media only screen and (max-width: 64em) {
    .showlogo-wrapper {
        width: 21.875rem;
        height: 7.3125rem;
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }
}

@media only screen and (max-width: 48em) {
    .showlogo-wrapper {
        width: 21.875rem;
        height: 7.3125rem;
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }
}

@media only screen and (max-width: 25em) {
    .showlogo-wrapper {
        width: 14.625rem;
        height: 4.875rem;
        margin-top: 1rem;
        margin-bottom: 1rem
    }
}

@media only screen and (max-width: 20em) {
    .showlogo-wrapper {
        width: 14.625rem;
        height: 7.875rem;
        margin-top: 1rem;
        margin-bottom: 1rem
    }
}

.h1-showlogo {
    margin: 0
}

a {
    color: #fff
}

.m-signupnewslettertext {
    background: #191919;
    padding-top: 0
}

@media only screen and (min-width: 30em) {
    .m-signupnewslettertext {
        padding: 1.875rem 0
    }
}

.m-signupnewslettertext .m-signupnewslettertext-row {
    position: relative;
    text-align: center
}

.m-signupnewslettertext .m-signupnewslettertext-row .logo {
    margin: 0 auto;
    background-color: #b5a158;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

@media only screen {
    .m-signupnewslettertext .m-signupnewslettertext-row .logo {
        width: 3rem;
        height: 3rem
    }
    .m-signupnewslettertext .m-signupnewslettertext-row .logo .icon {
        font-size: 1.5rem
    }
}

@media only screen and (min-width: 30em) {
    .m-signupnewslettertext .m-signupnewslettertext-row .logo {
        width: 3rem;
        height: 3rem
    }
    .m-signupnewslettertext .m-signupnewslettertext-row .logo .icon {
        font-size: 1.5rem
    }
}

.m-signupnewslettertext .m-signupnewslettertext-row .title {
    font-weight: 200;
    color: #fff
}

@media only screen {
    .m-signupnewslettertext .m-signupnewslettertext-row .title {
        font-size: 1.125rem;
        line-height: 1;
        margin: 1rem 0 1.5rem 0
    }
}

@media only screen and (min-width: 30em) {
    .m-signupnewslettertext .m-signupnewslettertext-row .title {
        font-size: 1.25rem;
        line-height: 1.07;
        margin: 2rem 0
    }
}

.m-signupnewslettertext .m-signupnewslettertext-row .separator {
    margin: 0 auto;
    width: 2.5rem;
    height: .125rem;
    background-color: #b5a158
}

.m-signupnewslettertext .m-signupnewslettertext-row .message {
    font-weight: 200;
    color: black;
    font-size: .9375rem
}

@media only screen {
    .m-signupnewslettertext .m-signupnewslettertext-row .message {
        line-height: 1.25;
        max-width: 20.4375rem;
        margin: 1.5rem auto 1.5rem auto
    }
}

@media only screen and (min-width: 30em) {
    .m-signupnewslettertext .m-signupnewslettertext-row .message {
        max-width: 37.5rem;
        margin: 2rem auto 3.5rem auto
    }
}

.m-signupnewslettertext.state-init .init {
    display: inline
}

.m-signupnewslettertext.state-init .confirmation {
    display: none
}

.m-signupnewslettertext.state-confirmation .init {
    display: none
}

.m-signupnewslettertext.state-confirmation .confirmation {
    display: inline
}

.m-signupnewslettertext.state-confirmation .sign-up {
    display: none
}

.m-signupnewslettertext.m-signupnewslettertext-localish {
    background-color: #191919
}

@media only screen and (min-width: 42em) {
    .m-signupnewslettertext.m-signupnewslettertext-localish {
        margin-top: 9.5625rem
    }
}

.m-signupnewslettertext.m-signupnewslettertext-localish .m-signupnewslettertext-row {
    margin-bottom: 9.5625rem
}

@media only screen and (max-width: 29.9375em) {
    .m-signupnewslettertext.m-signupnewslettertext-localish .m-signupnewslettertext-row {
        margin-bottom: 6.25rem
    }
}

.m-signupnewslettertext.m-signupnewslettertext-localish .m-signupnewslettertext-row .logo {
    background-color: #9ed5d2
}

@media only screen {
    .m-signupnewslettertext.m-signupnewslettertext-localish .m-signupnewslettertext-row .logo {
        width: 11.25rem;
        height: 11.25rem
    }
    .m-signupnewslettertext.m-signupnewslettertext-localish .m-signupnewslettertext-row .logo picture,
    .m-signupnewslettertext.m-signupnewslettertext-localish .m-signupnewslettertext-row .logo img {
        width: 8.25rem
    }
}

@media only screen and (min-width: 30em) {
    .m-signupnewslettertext.m-signupnewslettertext-localish .m-signupnewslettertext-row .logo {
        width: 22.5rem;
        height: 22.5rem
    }
    .m-signupnewslettertext.m-signupnewslettertext-localish .m-signupnewslettertext-row .logo picture,
    .m-signupnewslettertext.m-signupnewslettertext-localish .m-signupnewslettertext-row .logo img {
        width: 16.4375rem
    }
}

.m-signupnewslettertext.m-signupnewslettertext-localish .title,
.m-signupnewslettertext.m-signupnewslettertext-localish .message {
    color: #fff
}

.m-signupnewslettertext.m-signupnewslettertext-localish .title {
    font-weight: 100;
    letter-spacing: .5rem;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width: 42em) {
    .m-signupnewslettertext.m-signupnewslettertext-localish .title {
        font-size: 2.25rem;
        max-width: 50.9375rem;
        margin-top: 7.6875rem;
        margin-bottom: 2.8125rem
    }
}

.m-signupnewslettertext.m-signupnewslettertext-localish .message {
    font-weight: 100;
    letter-spacing: .3125rem;
    line-height: 2rem
}

@media only screen and (min-width: 30em) {
    .m-signupnewslettertext.m-signupnewslettertext-localish .message {
        line-height: 2.4375rem
    }
}

@media only screen and (min-width: 42em) {
    .m-signupnewslettertext.m-signupnewslettertext-localish .message {
        line-height: 2.9375rem;
        font-size: 1.5rem;
        max-width: 51.5rem;
        margin-top: 8.375rem;
        margin-bottom: 9.375rem
    }
}

.m-signupnewslettertext.m-signupnewslettertext-localish .separator {
    background-color: #9ed5d2;
    width: 28.5625rem;
    height: .5625rem
}

@media only screen and (max-width: 29.9375em) {
    .m-signupnewslettertext.m-signupnewslettertext-localish .separator {
        width: 16.875rem
    }
}

@media only screen and (min-width: 30em) and (max-width: 41.9375em) {
    .m-signupnewslettertext.m-signupnewslettertext-localish .separator {
        width: 21.875rem
    }
}

.m-signupnewslettertext.m-signupnewslettertext-localish .sign-up {
    border: solid .0625rem #7da8a6;
    border-radius: 2.25rem;
    color: #fff;
    background-color: #9ed5d2;
    max-width: 24.6875rem;
    max-height: 4.875rem;
    font-size: 1.875rem
}

@media only screen {
    .m-signupnewslettertext.m-signupnewslettertext-localish .sign-up {
        width: 15.625rem;
        height: 3rem;
        font-size: 1.25rem
    }
}

@media only screen and (min-width: 30em) {
    .m-signupnewslettertext.m-signupnewslettertext-localish .sign-up {
        width: 20rem;
        height: 3.625rem;
        font-size: 1.25rem
    }
}

@media only screen and (min-width: 42em) {
    .m-signupnewslettertext.m-signupnewslettertext-localish .sign-up {
        width: 100%;
        height: 4.875rem;
        font-size: 1.875rem
    }
}

.m-signupnewslettertext.m-signupnewslettertext-localish .sign-up:hover {
    border: solid .0625rem #9ed5d2;
    background-color: #7da8a6
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: none;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-loading .slick-list {
    background: #fff
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-track,
.slick-slide,
.slick-slide img {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    zoom: 1;
    transition: transform 300ms ease 0s
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    margin-top: -10px;
    padding: 0;
    border: none;
    outline: none
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25
}

.slick-prev:before,
.slick-next:before {
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir="rtl"] .slick-prev {
    left: auto;
    right: -25px
}

.slick-next {
    right: -25px
}

[dir="rtl"] .slick-next {
    left: -25px;
    right: auto
}

.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -45px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

.m-slideshow {
    margin: 0 auto;
    max-width: none;
    overflow: hidden;
    padding: 0;
    position: relative
}

.m-slideshow.module+.m-abouttext {
    margin-top: 0
}

.m-slideshow-expandable-wrapper {
    max-width: none;
    overflow: hidden;
    padding: 0;
    position: relative
}

.m-slideshow-slides {
    height: 100%;
    margin: 0 auto;
    max-width: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    perspective: 1000;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    -webkit-transition: transform3d 0s ease-in-out;
    -moz-transition: transform3d 0s ease-in-out;
    transition: transform3d 0s ease-in-out
}

.m-slideshow-slides .slick-list {
    height: 100%
}

.m-slideshow-slides .slick-list .slick-track {
    height: 100%;
    transition: transform 1200ms ease 0s
}

.m-slideshow-slides .slick-list .slick-track.positioning {
    transition: none
}

.m-slideshow-slide {
    display: none;
    position: relative;
    width: 100%
}

.m-slideshow-slide .m-slideshow-background {
    width: 100%;
    height: auto
}

.m-slideshow-slide .m-slideshow-slide-thumb-wrapper {
    max-width: none;
    padding: 0
}

@media only screen and (min-width: 64.063em) {
    .m-slideshow-slide .m-slideshow-slide-thumb-wrapper {
        max-width: 62.5rem
    }
}

.m-slideshow-slide .m-slideshow-content {
    width: 100%;
    height: 100%;
    margin: 0 auto
}

@media only screen and (min-width: 64.063em) {
    .m-slideshow-slide .m-slideshow-content {
        max-width: 62.5rem;
        margin: 0 auto;
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        -moz-perspective: 1000;
        perspective: 1000;
        -webkit-transition: opacity 500ms 100ms ease-in-out;
        -moz-transition: opacity 500ms 100ms ease-in-out;
        transition: opacity 500ms 100ms ease-in-out
    }
}

.loaded .m-slideshow-slides .m-slideshow-slide {
    display: block
}

.m-slideshow-browse {
    background: no-repeat center center;
    background-size: contain;
    cursor: pointer;
    font-size: 3.75rem;
    height: 3.75rem;
    margin-top: -1.875rem;
    opacity: 0;
    position: absolute;
    top: 50%;
    width: 1.875rem;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.m-slideshow:hover .m-slideshow-browse {
    background-color: transparent !important;
    border-color: transparent !important;
    opacity: 0.6;
    -webkit-transform: translateX(0) scale(1);
    -moz-transform: translateX(0) scale(1);
    -ms-transform: translateX(0) scale(1);
    -o-transform: translateX(0) scale(1);
    transform: translateX(0) scale(1)
}

.single-slide~.m-slideshow-browse {
    display: none
}

.m-slideshow-prev {
    left: 50%;
    margin-left: -34.25rem;
    -webkit-transform: translateX(20px) scale(0.6);
    -moz-transform: translateX(20px) scale(0.6);
    -ms-transform: translateX(20px) scale(0.6);
    -o-transform: translateX(20px) scale(0.6);
    transform: translateX(20px) scale(0.6)
}

.m-slideshow-next {
    margin-right: -34.25rem;
    right: 50%;
    -webkit-transform: translateX(-20px) scale(0.6);
    -moz-transform: translateX(-20px) scale(0.6);
    -ms-transform: translateX(-20px) scale(0.6);
    -o-transform: translateX(-20px) scale(0.6);
    transform: translateX(-20px) scale(0.6)
}

.m-slideshow-slide .m-slideshow-shadows {
    display: block;
    position: relative
}

.m-slideshow-slide .m-slideshow-shadows::before {
    padding-left: .1875rem;
    padding-right: .1875rem;
    width: 100%;
    float: left
}

.m-slideshow-slide .m-slideshow-shadows::after {
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
    background-image: -webkit-linear-gradient(rgba(29, 29, 29, 0.15) 100%, rgba(29, 29, 29, 0.15) 100%), -webkit-linear-gradient(rgba(29, 29, 29, 0) 40%, rgba(29, 29, 29, 0.4) 100%);
    background-image: linear-gradient(rgba(29, 29, 29, 0.15) 100%, rgba(29, 29, 29, 0.15) 100%), linear-gradient(rgba(29, 29, 29, 0) 40%, rgba(29, 29, 29, 0.4) 100%);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    perspective: 1000
}

.m-slideshow-details {
    bottom: 0;
    color: #fff;
    height: 100%;
    padding: 0 .625rem .9375rem;
    position: absolute;
    z-index: 15;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: transform3d 0s ease-in-out;
    -moz-transition: transform3d 0s ease-in-out;
    transition: transform3d 0s ease-in-out
}

@media only screen and (min-width: 42em) {
    .m-slideshow-details {
        padding: 0 1.25rem 1.5625rem
    }
}

@media only screen and (min-width: 64.063em) {
    .m-slideshow-details {
        padding: 0 1.875rem 1.875rem
    }
}

.m-slideshow-details>.columns {
    height: 100%;
    position: relative
}

.m-slideshow-details .m-slideshow-contributor {
    margin-bottom: 0
}

.m-slideshow-details .m-slideshow-title {
    opacity: 0;
    font-size: 1.125rem;
    max-height: 100px;
    line-height: 1.375rem;
    margin-bottom: 0;
    -webkit-font-smoothing: antialiased !important;
    -webkit-transition: opacity 0.5s ease-in-out 0.7s, transform 0.5s ease-in-out 0.7s;
    -moz-transition: opacity 0.5s ease-in-out 0.7s, transform 0.5s ease-in-out 0.7s;
    transition: opacity 0.5s ease-in-out 0.7s, transform 0.5s ease-in-out 0.7s;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px)
}

@media only screen and (min-width: 64.063em) {
    .m-slideshow-details .m-slideshow-title {
        font-size: 1.5rem;
        line-height: 1.75rem;
        max-height: 120px
    }
}

.m-slideshow-details .subheader {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 0.5s ease-in-out 0.7s;
    -moz-transition: all 0.5s ease-in-out 0.7s;
    transition: all 0.5s ease-in-out 0.7s
}

.m-slideshow-details .m-slideshow-cta {
    margin-bottom: 0;
    margin-top: 1.25rem;
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: opacity 500ms ease-in-out 1100ms, transform 0.5s ease-in-out 1.1s, background 400ms ease-in-out 0s, color 200ms ease-in-out 0s;
    -moz-transition: opacity 500ms ease-in-out 1100ms, transform 0.5s ease-in-out 1.1s, background 400ms ease-in-out 0s, color 200ms ease-in-out 0s;
    transition: opacity 500ms ease-in-out 1100ms, transform 0.5s ease-in-out 1.1s, background 400ms ease-in-out 0s, color 200ms ease-in-out 0s
}

.m-slideshow.keyart .m-slideshow-details .m-slideshow-title,
.m-slideshow-slide.slick-active .m-slideshow-details .m-slideshow-title {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.m-slideshow.keyart .m-slideshow-details .m-slideshow-cta,
.m-slideshow-slide.slick-active .m-slideshow-details .m-slideshow-cta {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.m-slideshow.keyart .m-slideshow-details .m-slideshow-cta:hover,
.m-slideshow-slide.slick-active .m-slideshow-details .m-slideshow-cta:hover {
    background-color: rgba(255, 255, 255, 0.8)
}

.m-slideshow.keyart .m-slideshow-details .subheader,
.m-slideshow-slide.slick-active .m-slideshow-details .subheader {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.m-slideshow-spacer-bg {
    background-color: #232323
}

.m-slideshow-spacer-bg .m-slideshow-backgrounds {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block
}

.m-slideshow-spacer-bg .m-slideshow-backgrounds .m-slideshow-background {
    position: absolute;
    top: 0;
    width: 100%;
    min-height: 100%;
    opacity: 0;
    display: none;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    perspective: 1000
}

@media only screen and (min-width: 64.063em) {
    .m-slideshow-spacer-bg .m-slideshow-backgrounds .m-slideshow-background {
        display: block
    }
}

@media only screen and (min-width: 64.063em) {
    .m-slideshow-spacer-bg .m-slideshow-backgrounds .m-slideshow-background.active {
        opacity: 1
    }
}

.m-slideshow-spacer-bg .m-slideshow-backgrounds .m-slideshow-background-wrapper {
    height: 200px;
    width: 100%
}

.m-slideshow .m-slideshow-spacer-aspectratio {
    padding: 0
}

.m-slideshow .m-slideshow-spacer-aspectratio::after {
    content: '';
    display: block;
    padding: 0;
    width: 100%;
    padding-bottom: 56.25%;
    position: relative;
    -webkit-transition: padding-bottom 0.2s ease-in-out;
    -moz-transition: padding-bottom 0.2s ease-in-out;
    transition: padding-bottom 0.2s ease-in-out
}

.m-slideshow .m-slideshow-spacer-aspectratio::after>* {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

@media only screen and (min-width: 42em) {
    .m-slideshow .m-slideshow-spacer-aspectratio::after {
        width: 100%;
        padding-bottom: 40%;
        position: relative
    }
    .m-slideshow .m-slideshow-spacer-aspectratio::after>* {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }
}

@media only screen and (min-width: 64.063em) {
    .m-slideshow .m-slideshow-spacer-aspectratio::after {
        max-width: 62.5rem;
        width: 100%;
        padding-bottom: 40%;
        position: relative
    }
    .m-slideshow .m-slideshow-spacer-aspectratio::after>* {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }
}

.cssfilters .m-slideshow-spacer-bg .m-slideshow-backgrounds .m-slideshow-background {
    -webkit-filter: blur(100px);
    -moz-filter: blur(100px);
    filter: url("");
    filter: url("");
    filter: blur(100px)
}

.no-cssfilters .m-slideshow-spacer-bg .m-slideshow-backgrounds .m-slideshow-background.active {
    opacity: 0.05
}

.m-slideshow .slick-dots {
    bottom: 1.875rem;
    display: none !important;
    right: 1.875rem;
    width: auto
}

.m-slideshow .slick-dots button {
    background: #fff;
    border-radius: .3125rem;
    opacity: 0.7
}

.m-slideshow .slick-dots button:before {
    display: none
}

.m-slideshow .slick-dots li button,
.m-slideshow .slick-dots li {
    width: .3125rem;
    height: .3125rem
}

.m-slideshow .slick-dots li.slick-active button {
    opacity: 1
}

.m-slideshow-video-container {
    display: none;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.m-slideshow-video-wrapper {
    background: #232323;
    height: 100%;
    position: relative
}

.m-slideshow-video-wrapper .m-slideshow-close-btn {
    cursor: pointer;
    font-size: 3.125rem;
    opacity: 0;
    position: absolute;
    right: 1.875rem;
    top: 1.875rem;
    z-index: 10;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out
}

.m-slideshow.blockingUi .m-slideshow-video-wrapper .m-slideshow-close-btn {
    display: none
}

.m-slideshow .m-slideshow-video-wrapper:hover .m-slideshow-close-btn {
    opacity: 1
}

.m-slideshow.videoIsOpen .m-slideshow-spacer-aspectratio::after {
    width: 100%;
    padding-bottom: 56.25%;
    position: relative
}

.m-slideshow.videoIsOpen .m-slideshow-spacer-aspectratio::after>* {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.m-slideshow.videoIsOpen .m-slideshow-video-container {
    display: block
}

.m-slideshow.videoIsOpen .m-slideshow-slides {
    opacity: 0
}

.m-slideshow.videoIsOpen .m-slideshow-browse {
    opacity: 0
}

.m-slideshow.keyart .m-slideshow-slides {
    position: relative
}

.m-slideshow.keyart .m-slideshow-content {
    opacity: 1
}

.m-slideshow.m-slideshow-homepage .m-slideshow-spacer-aspectratio {
    padding: 0
}

.m-slideshow.m-slideshow-homepage .m-slideshow-spacer-aspectratio.row {
    max-width: 100rem
}

.m-slideshow.m-slideshow-homepage .m-slideshow-spacer-aspectratio:after {
    width: 100%;
    padding-bottom: 75%;
    position: relative
}

.m-slideshow.m-slideshow-homepage .m-slideshow-spacer-aspectratio:after>* {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

@media only screen and (min-width: 62.5em) {
    .m-slideshow.m-slideshow-homepage .m-slideshow-spacer-aspectratio:after {
        width: 100%;
        padding-bottom: 40%;
        position: relative
    }
    .m-slideshow.m-slideshow-homepage .m-slideshow-spacer-aspectratio:after>* {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }
}

@media only screen and (min-width: 64.063em) {
    .m-slideshow.m-slideshow-homepage .m-slideshow-spacer-aspectratio:after {
        max-width: none
    }
}

.m-slideshow-homepage.loading .m-spinner {
    display: block;
    position: absolute;
    top: 40%;
    width: 100%
}

.m-slideshow-homepage.loading .m-slideshow-expandable-wrapper {
    visibility: hidden
}

.m-slideshow.m-slideshow-homepage .m-slideshow-slide .m-slideshow-details {
    padding: 0 .625rem .9375rem
}

@media only screen and (min-width: 42em) {
    .m-slideshow.m-slideshow-homepage .m-slideshow-slide .m-slideshow-details {
        padding: 0 1.25rem 1.5625rem
    }
}

@media only screen and (min-width: 64.063em) {
    .m-slideshow.m-slideshow-homepage .m-slideshow-slide .m-slideshow-details {
        padding: 0 0 1.875rem
    }
}

.m-slideshow.m-slideshow-homepage .m-slideshow-slide .m-slideshow-details .m-slideshow-title {
    margin-bottom: 1rem
}

.m-slideshow.m-slideshow-homepage .m-slideshow-slide .m-slideshow-details button.m-slideshow-cta {
    margin-top: 1.125rem;
    background-color: #e2b05e;
    border-radius: 1.5rem
}

.m-slideshow.m-slideshow-homepage .m-slideshow-slide .m-slideshow-details button.m-slideshow-cta:hover {
    background-color: #9d7c45
}

.m-slideshow.m-slideshow-homepage .m-slideshow-slide .m-slideshow-content {
    left: 50%;
    position: absolute;
    top: 0;
    z-index: 15;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.m-slideshow.m-slideshow-homepage .m-slideshow-slide .m-slideshow-show-logo {
    max-width: 13.75rem;
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: opacity 0.5s ease-in-out 1.1s, transform 0.5s ease-in-out 1s;
    -moz-transition: opacity 0.5s ease-in-out 1.1s, transform 0.5s ease-in-out 1s;
    transition: opacity 0.5s ease-in-out 1.1s, transform 0.5s ease-in-out 1s
}

.m-slideshow.m-slideshow-homepage .m-slideshow-slide .m-slideshow-show-logo img {
    max-width: 60%
}

.m-slideshow.m-slideshow-homepage .m-slideshow-slide .subheader.text3 {
    font-size: 1rem
}

@media only screen and (min-width: 42em) {
    .m-slideshow.m-slideshow-homepage .m-slideshow-slide .subheader.text3 {
        font-size: 1rem;
        margin-top: .75rem;
        margin-bottom: .3125rem
    }
}

.m-slideshow.m-slideshow-homepage .m-slideshow-slide .m-slideshow-description.text3 {
    font-size: 1.75rem;
    opacity: 0
}

@media only screen and (min-width: 42em) {
    .m-slideshow.m-slideshow-homepage .m-slideshow-slide .m-slideshow-description.text3 {
        font-size: 1.875rem;
        margin-top: .75rem
    }
}

.m-slideshow.m-slideshow-homepage .m-slideshow-slide .m-slideshow-contributor {
    text-transform: uppercase;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 0.5s ease-in-out 0.9s;
    -moz-transition: all 0.5s ease-in-out 0.9s;
    transition: all 0.5s ease-in-out 0.9s
}

.m-slideshow.m-slideshow-homepage .m-slideshow-slide .m-slideshow-title {
    -webkit-transition: all 0.5s ease-in-out 1.1s;
    -moz-transition: all 0.5s ease-in-out 1.1s;
    transition: all 0.5s ease-in-out 1.1s;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.m-slideshow.m-slideshow-homepage .m-slideshow-slide .m-slideshow-description {
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 0.5s ease-in-out 1.3s;
    -moz-transition: all 0.5s ease-in-out 1.3s;
    transition: all 0.5s ease-in-out 1.3s
}

.m-slideshow.m-slideshow-homepage .m-slideshow-slide .m-slideshow-cta {
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: opacity 500ms ease-in-out 1300ms, transform 0.5s ease-in-out 1.5s, background 400ms ease-in-out 0s, color 200ms ease-in-out 0s;
    -moz-transition: opacity 500ms ease-in-out 1300ms, transform 0.5s ease-in-out 1.5s, background 400ms ease-in-out 0s, color 200ms ease-in-out 0s;
    transition: opacity 500ms ease-in-out 1300ms, transform 0.5s ease-in-out 1.5s, background 400ms ease-in-out 0s, color 200ms ease-in-out 0s
}

.m-slideshow.m-slideshow-homepage .m-slideshow-slide.slick-active .m-slideshow-show-logo,
.m-slideshow.m-slideshow-homepage .m-slideshow-slide.slick-active .m-slideshow-description.text3,
.m-slideshow.m-slideshow-homepage .m-slideshow-slide.slick-active .m-slideshow-contributor,
.m-slideshow.m-slideshow-homepage .m-slideshow-slide.slick-active .m-slideshow-cta {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.m-slideshow.m-slideshow-homepage .m-slideshow-slide-thumb-wrapper {
    max-width: 1600px !important;
    position: relative
}

.m-slideshow.m-slideshow-homepage .m-slideshow-slide-thumb-wrapper .m-slideshow-fade {
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 18.75rem;
    z-index: 20;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    perspective: 1000;
    -webkit-transition: opacity 0.3s ease-in 0s;
    -moz-transition: opacity 0.3s ease-in 0s;
    transition: opacity 0.3s ease-in 0s
}

@media only screen and (min-width: 100rem) {
    .m-slideshow.m-slideshow-homepage .m-slideshow-slide-thumb-wrapper .m-slideshow-fade {
        opacity: 1
    }
}

.m-slideshow.m-slideshow-homepage .m-slideshow-slide-thumb-wrapper .m-slideshow-fade.fade-left {
    left: -.0625rem;
    background-color: rgba(35, 35, 35, 0);
    background-image: -webkit-linear-gradient(-180deg, rgba(35, 35, 35, 0) 0%, #232323 100%);
    background-image: linear-gradient(-90deg, rgba(35, 35, 35, 0) 0%, #232323 100%)
}

.m-slideshow.m-slideshow-homepage .m-slideshow-slide-thumb-wrapper .m-slideshow-fade.fade-right {
    right: -.0625rem;
    background: -webkit-linear-gradient(-90deg, #232323 0%, rgba(35, 35, 35, 0) 100%);
    background: linear-gradient(-90deg, #232323 0%, rgba(35, 35, 35, 0) 100%)
}

.m-spinner {
    display: none;
    margin: 3.125rem auto;
    width: 4.375rem;
    text-align: center
}

.m-spinner .m-spinner-bounce {
    width: 1.125rem;
    height: 1.125rem;
    display: inline-block;
    background-color: #eee;
    border-radius: 100%;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    -moz-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both
}

.m-spinner .m-spinner-bounce.m-spinner-bounce-1 {
    -webkit-animation-delay: -0.32s;
    -moz-animation-delay: -0.32s;
    animation-delay: -0.32s
}

.m-spinner .m-spinner-bounce.m-spinner-bounce-2 {
    -webkit-animation-delay: -0.16s;
    -moz-animation-delay: -0.16s;
    animation-delay: -0.16s
}

@-webkit-keyframes bouncedelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1)
    }
}

@-moz-keyframes bouncedelay {
    0%,
    80%,
    100% {
        -moz-transform: scale(0)
    }
    40% {
        -moz-transform: scale(1)
    }
}

@keyframes bouncedelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

.m-spinner-failed {
    display: none;
    background-color: #232323;
    padding: 1.4375rem .875rem;
    font-size: 1rem;
    color: #fff;
    text-transform: none;
    text-align: left;
    border-left: .375rem solid #ba3e3e
}

.m-spinner-failed .m-spinner-failed-icon {
    font-size: 1.625rem;
    margin-right: .625rem;
    vertical-align: middle
}

.m-spinner-failed .abc-icon-circle-alert {
    padding: .375rem;
    font-size: .8125rem
}

.m-spinner-failed-icon {
    background-color: #ba3e3e;
    border-radius: 1.25rem
}

.m-spinner.black .m-spinner-bounce {
    background-color: #000
}

.m-spinner.white .m-spinner-bounce {
    background-color: #eee
}

.m-spinner .m-spinner-bounce {
    background-color: #e2b05e
}

.m-spinner.loading {
    display: block
}

.m-spinner.failed {
    display: block;
    margin: .6875rem 0;
    width: 100%
}

.m-spinner.failed .m-spinner-failed {
    display: block
}

.m-spinner.failed .m-spinner-bounce {
    display: none
}

.m-submenu {
    margin-bottom: .9375rem;
    position: relative
}

.m-submenu .m-submenu-show-branding {
    background-color: #f8f8f8;
    height: 5.625rem
}

body.show-homepage .m-submenu {
    margin-bottom: 0
}

.m-submenu .m-submenu-show-branding {
    background: center center no-repeat;
    background-size: cover;
    height: 5.625rem
}

.m-submenu .m-submenu-show-branding .m-submenu-show-branding-wrapper {
    position: relative
}

.m-submenu .m-submenu-show-branding .m-submenu-logo {
    display: block;
    margin: 0 auto;
    max-height: 5.625rem;
    width: auto
}

.m-submenu .m-submenu-show-branding .m-submenu-logo-h1 {
    margin: 0
}

.m-submenu .m-submenu-tunein {
    bottom: 0;
    margin-bottom: .3125rem;
    position: absolute;
    width: 100%
}

.t-light .m-submenu .m-submenu-tunein {
    color: #000
}

.t-dark .m-submenu .m-submenu-tunein {
    color: #fff
}

.show-subnav .row {
    border-bottom: none
}

.show-subnav .show-list-navigation-column {
    padding: 0
}

.show-subnav .show-list-navigation {
    margin-bottom: 0;
    max-height: 4.8125rem;
    overflow: hidden
}

.show-subnav .show-list-navigation li {
    display: inline-block;
    height: 4.6875rem;
    line-height: 4.6875rem;
    padding: 0 1rem 0 1rem
}

.show-subnav .show-list-navigation li a {
    position: relative;
    left: -7px;
    color: rgba(255, 255, 255, 0.4)
}

.show-subnav .show-list-navigation li a:hover {
    color: #e2b05e
}

.show-subnav .show-list-navigation li.selected a {
    border-bottom: none;
    height: 4.6875rem;
    color: #fff
}

.show-subnav .show-list-navigation li.selected a:visited,
.show-subnav .show-list-navigation li.selected a:focus {
    color: #fff
}

.show-subnav .m-show-subnav-nav {
    cursor: pointer;
    display: block;
    height: 4.6875rem;
    position: absolute;
    text-align: left;
    top: 0;
    width: 1.5rem;
    visibility: visible;
    opacity: 1;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out
}

.show-subnav .m-show-subnav-nav span {
    line-height: 4.6875rem;
    font-size: .625rem;
    color: #fff;
    font-weight: 700
}

.show-subnav .m-show-subnav-nav.prev {
    padding-left: .75rem;
    left: 0
}

.show-subnav .m-show-subnav-nav.next {
    padding-left: .375rem;
    right: 0
}

.show-subnav .m-show-subnav-nav.next:before {
    pointer-events: none;
    content: '';
    display: block;
    height: 4.6875rem;
    position: absolute;
    right: 1.25rem;
    top: 0;
    width: 2.5rem;
    background: -webkit-linear-gradient(left, rgba(25, 25, 25, 0.1) 5%, #191919);
    background: -moz-linear-gradient(left, rgba(25, 25, 25, 0.1) 5%, #191919);
    background: -ms-linear-gradient(left, rgba(25, 25, 25, 0.1) 5%, #191919);
    background: -o-linear-gradient(left, rgba(25, 25, 25, 0.1) 5%, #191919)
}

@media only screen and (min-width: 30em) {
    .show-subnav .m-show-subnav-nav.next:before {
        right: 1.75rem;
        width: 2.5rem
    }
}

@media only screen and (min-width: 42em) {
    .show-subnav .m-show-subnav-nav.next:before {
        right: 1.5625rem;
        width: 2.5rem
    }
}

.show-subnav .m-show-subnav-nav.prev:after {
    pointer-events: none;
    content: '';
    display: block;
    height: 4.6875rem;
    position: absolute;
    left: 1.5rem;
    top: 0;
    width: .5rem;
    background: -webkit-linear-gradient(right, rgba(25, 25, 25, 0.1) 5%, #191919);
    background: -moz-linear-gradient(right, rgba(25, 25, 25, 0.1) 5%, #191919);
    background: -ms-linear-gradient(right, rgba(25, 25, 25, 0.1) 5%, #191919);
    background: -o-linear-gradient(right, rgba(25, 25, 25, 0.1) 5%, #191919)
}

@media only screen and (min-width: 30em) {
    .show-subnav .m-show-subnav-nav.prev:after {
        left: 1.5rem;
        width: .5rem
    }
}

@media only screen and (min-width: 42em) {
    .show-subnav .m-show-subnav-nav.prev:after {
        left: 1.5rem;
        width: .5rem
    }
}

@media only screen and (max-width: 41.9375em) {
    .show-subnav .m-show-subnav-nav.prev.slick-disabled {
        visibility: hidden;
        opacity: 0
    }
}

.show-subnav .m-show-subnav-nav.next.slick-disabled {
    visibility: hidden;
    opacity: 0
}

.show-subnav .show-list-navigation a .icon {
    font-size: .625rem
}

.show-subnav .show-list-navigation .show-list-nav-item>a {
    line-height: 4.6875rem;
    text-transform: capitalize;
    margin: 0;
    transition: color 0.3s ease-in-out
}

.show-subnav .show-list-navigation .show-list-nav-item>a:hover {
    color: rgba(255, 255, 255, 0.8)
}

.show-subnav .show-list-navigation .show-list-nav-item>a:focusgit {
    color: #fff
}

.show-subnav ul {
    max-width: 62.5rem
}

.show-subnav ul.slick-slider.enabled {
    margin-left: .4375rem;
    margin-right: .75rem
}

.show-subnav ul.slick-slider.enabled li.selected a {
    height: 4.6875rem
}

@media only screen and (min-width: 42em) {
    .show-subnav ul.slick-slider.enabled {
        padding-left: 1.0625rem;
        padding-right: 1.0625rem
    }
}

@media only screen and (min-width: 42em) {
    .show-subnav ul.slick-slider.enabled.slick-left-arrow-disabled {
        padding-left: 0;
        margin-left: 0
    }
    .show-subnav ul.slick-slider.enabled.slick-left-arrow-disabled li:first-of-type {
        padding-left: .4375rem
    }
}

@media only screen and (min-width: 42em) {
    .show-subnav ul.slick-slider.enabled.slick-left-arrow-disabled+.m-show-subnav-nav.prev {
        visibility: hidden;
        opacity: 0
    }
}

.show-subnav .show-list-navigation .show-list-nav-item {
    position: relative
}

.show-subnav .show-list-navigation .show-list-nav-item .text7 {
    font-weight: 200
}

.show-subnav .show-list-navigation .show-list-nav-item.show-list-nav-more {
    display: none
}

.show-subnav .show-list-nav-more .dropdownlist-list {
    padding: 0
}

.show-subnav .show-list-navigation .show-list-nav-item.show-list-nav-more.active {
    display: block
}

.show-subnav .show-list-navigation .show-list-nav-item-social {
    float: right
}

.show-subnav .show-list-navigation .show-list-nav-item-social .social-icons {
    height: 2.75rem
}

.show-subnav .show-list-navigation .show-list-nav-item-social .social-icons a .icon {
    font-size: 1.125rem
}

.show-subnav .show-list-navigation .show-list-nav-more .show-list-nav-item-social {
    float: none
}

@media only screen and (max-width: 41.9375em) {
    .show-subnav .row.wrapper {
        padding: 0 1.0625rem
    }
}

.m-submenu.showMoreLink .show-subnav .show-list-navigation {
    overflow: visible
}

@media only screen and (min-width: 42em) {
    .m-submenu.showMoreLink .show-subnav .show-list-navigation .dropdownlist {
        display: block
    }
}

.scheduleIsOpen a.scheduledropdown,
.showMoreLink a.show-list-nav-more-link {
    color: #fff
}

.hide-arrows .show-list-navigation li a {
    left: 0
}

.hide-arrows .show-list-navigation li:first-of-type {
    padding-left: 0
}

.hide-arrows .m-show-subnav-nav {
    visibility: hidden
}

.social-icons {
    color: #232323;
    max-height: 2.75rem
}

.social-icons:before {
    content: 'Follow';
    display: inline-block;
    font-size: .875rem;
    font-weight: 100;
    line-height: normal;
    opacity: 0;
    text-transform: uppercase;
    vertical-align: text-top;
    -webkit-transform: translateX(.3125rem);
    -moz-transform: translateX(.3125rem);
    -ms-transform: translateX(.3125rem);
    -o-transform: translateX(.3125rem);
    transform: translateX(.3125rem);
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in
}

.social-icons:hover:before {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.social-icons .icon {
    display: inline-block;
    font-size: 1.125rem;
    line-height: 2.75rem;
    padding: 0 .6875rem;
    -webkit-transition: color 0.2s ease-in, transform 350ms ease-in-out;
    -moz-transition: color 0.2s ease-in, transform 350ms ease-in-out;
    transition: color 0.2s ease-in, transform 350ms ease-in-out
}

.social-icons .icon:last-child {
    padding-right: 0
}

.social-icons .icon:hover {
    cursor: pointer;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2)
}

.social-icons .icon:hover.abc-icon-twitter {
    color: #2dabde
}

.social-icons .icon:hover.abc-icon-googleplus {
    color: #c42e19
}

.social-icons .icon:hover.abc-icon-facebook {
    color: #395b95
}

.social-icons .icon:hover.abc-icon-youtube {
    color: #e52d27
}

.social-icons .icon:hover.abc-icon-tumblr {
    color: #476680
}

.social-icons .icon:hover.abc-icon-pinterest {
    color: #cc2127
}

.social-icons .icon:hover.abc-icon-instagram {
    color: #3d6e90
}

.social-icons .icon:hover.abc-icon-reddit {
    color: #ff4500
}

.m-submenu.scheduleIsOpen .m-submenu-drawer {
    max-height: 125rem
}

.m-submenu-drawer {
    background: #2b2d36;
    left: 0;
    max-height: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 3;
    -webkit-transition: max-height 600ms cubic-bezier(0.86, 0, 0.07, 1) 0s;
    -moz-transition: max-height 600ms cubic-bezier(0.86, 0, 0.07, 1) 0s;
    transition: max-height 600ms cubic-bezier(0.86, 0, 0.07, 1) 0s
}

.m-submenu-drawer .row {
    margin: 0 auto;
    max-width: 62.5rem;
    padding-top: 1.875rem;
    width: 100%
}

@media only screen and (max-width: 41.9375em) {
    .m-submenu-drawer .row {
        padding: .9375rem;
        padding-bottom: 0
    }
}

.m-submenu-drawer .m-schedule-block .text5 {
    color: #fff;
    display: inline-block;
    height: 1.5rem;
    line-height: 1.5rem;
    margin-bottom: .3125rem;
    text-transform: uppercase
}

@media only screen and (max-width: 41.9375em) {
    .m-submenu-drawer .m-schedule-block {
        padding-bottom: .9375rem;
        width: 100%
    }
}

.m-submenu-drawer .m-schedule-block .info-mobile-only {
    background-color: rgba(25, 25, 25, 0.4);
    display: flex
}

@media only screen and (min-width: 42em) {
    .m-submenu-drawer .m-schedule-block .info-mobile-only {
        display: none
    }
}

.m-submenu-drawer .m-schedule-block .info-mobile-only .image {
    flex-basis: 37%;
    min-width: 8.125rem
}

.m-submenu-drawer .m-schedule-block .info-mobile-only .text-info {
    flex-basis: 63%;
    padding: 0 .625rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.m-submenu-drawer .m-schedule-block .info-mobile-only .text-info .text4 {
    padding-top: .625rem;
    margin: 0;
    line-height: 1rem;
    font-size: .9375rem;
    height: 100%
}

@media only screen and (min-width: 30em) and (max-width: 41.9375em) {
    .m-submenu-drawer .m-schedule-block .info-mobile-only .text-info .text4 {
        line-height: 1.0625rem;
        font-size: 1rem
    }
}

.m-submenu-drawer .m-schedule-block .info-mobile-only .text-info .air-info {
    display: flex;
    justify-content: space-between;
    padding-bottom: .625rem
}

.m-submenu-drawer .m-schedule-block .info-mobile-only .text-info .air-info .text5 {
    line-height: normal;
    height: 100%;
    margin: 0
}

.show-list-navigation .schedule-menu .text5 {
    color: #555;
    display: inline-block;
    margin-bottom: .3125rem;
    padding: 0;
    text-transform: uppercase
}

.show-list-navigation .schedule-menu .text4,
.m-submenu-drawer .m-schedule-block .text4 {
    height: 2.625rem;
    line-height: 1.375rem;
    margin-top: .625rem;
    max-height: 2.625rem;
    color: #fff
}

@media only screen and (min-width: 42em) {
    .show-list-navigation .schedule-menu .text4,
    .m-submenu-drawer .m-schedule-block .text4 {
        overflow: hidden
    }
}

.m-submenu-drawer .m-schedule-block .text4 {
    color: #fff
}

.m-submenu-drawer .m-schedule-block .text4:hover {
    color: #e2b05e
}

.m-submenu-drawer .m-schedule-block .text4:active {
    color: #4d4d4d;
    opacity: 0.4
}

.show-list-navigation .schedule-menu .text5,
.show-list-navigation .schedule-menu .text4 {
    display: block
}

.show-list-navigation .schedule-menu .text5 {
    overflow: hidden
}

.m-submenu .dropdownlist {
    display: none
}

.tiles {
    margin: 0;
    min-height: 3.4375rem;
    width: 100%
}

.tiles .tile {
    margin-bottom: 6px;
    padding-bottom: 0;
    position: relative
}

.tile a.background-link {
    background: black;
    display: block;
    overflow: hidden;
    position: relative
}

.new-home .tile a.background-link {
    background: rgba(43, 45, 54, 0.4)
}

.new-home .tile a.background-link img {
    transform: inherit
}

.tile .background {
    opacity: 0;
    -webkit-transition: opacity 550ms ease-in 0s;
    -moz-transition: opacity 550ms ease-in 0s;
    transition: opacity 550ms ease-in 0s
}

.tile .background.lazyload {
    opacity: 0
}

.tile .background.lazyloaded {
    opacity: 1
}

picture.background.fluid-img {
    opacity: 0;
    -webkit-transition: opacity 550ms ease-in 0s;
    -moz-transition: opacity 550ms ease-in 0s;
    transition: opacity 550ms ease-in 0s
}

picture.background.fluid-img.lazyloaded {
    opacity: 1
}

.tile .tile-thumbnail {
    position: relative
}

.tile .bg-gradient::after {
    background: rgba(0, 0, 0, 0.15);
    content: '';
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.cssgradients .tile .bg-gradient::after {
    background: none;
    background-image: -webkit-linear-gradient(rgba(29, 29, 29, 0.15) 100%, rgba(29, 29, 29, 0.15) 100%), -webkit-linear-gradient(rgba(29, 29, 29, 0) 40%, rgba(29, 29, 29, 0.4) 100%);
    background-image: linear-gradient(rgba(29, 29, 29, 0.15) 100%, rgba(29, 29, 29, 0.15) 100%), linear-gradient(rgba(29, 29, 29, 0) 40%, rgba(29, 29, 29, 0.4) 100%)
}

.tile .details {
    color: #fff;
    padding: .625rem;
    white-space: normal;
    width: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.tile .details p,
.tile .details span {
    color: #fff
}

.tile .details .title,
.tile .details .subheader {
    margin-bottom: 0
}

.tile .details .title {
    font-size: 1.0625rem;
    font-weight: 300;
    line-height: 1.375rem;
    margin-top: 0;
    max-height: 5em;
    overflow: hidden
}

@media only screen and (min-width: 30em) {
    .tile .details .title {
        font-size: .875rem;
        max-height: 4em
    }
}

@media only screen and (min-width: 42em) {
    .tile .details .title {
        font-size: 1.0625rem
    }
}

.tile .details .subheader {
    font-size: .75rem;
    font-weight: 300
}

@media only screen and (min-width: 30em) {
    .tile .details .subheader {
        margin-top: .625rem
    }
}

.tile .details .tile-content-divider {
    display: block;
    height: 0;
    padding: 0 .125rem;
    visibility: hidden
}

@media only screen and (min-width: 42em) {
    .tile .details .tile-content-divider {
        display: inline;
        height: auto;
        visibility: visible
    }
}

.tile.tile-content-overlay .details {
    bottom: 0;
    position: absolute;
    text-shadow: .03125rem .054125rem .125rem #000
}

.tile.tile-content-overlay .details .subheader {
    color: #fff
}

.m-contentgroup .tiles .tile .details .title {
    font-size: .8125rem;
    max-height: 3.125rem;
    line-height: 1.0625rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal
}

@media only screen and (min-width: 30em) {
    .m-contentgroup .tiles .tile .details .title {
        font-size: 1.0625rem;
        line-height: 1.375rem
    }
}

@media only screen and (min-width: 42em) {
    .m-contentgroup .tiles .tile .details .title {
        height: 2.75rem
    }
}

.tile .top-right-details {
    margin-left: .625rem;
    position: absolute;
    top: .625rem;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.tile .top-right-details .status {
    font-size: .75rem;
    margin: .4375rem 0 0 .3125rem
}

.tile .top-right-details .progress-radial {
    display: block;
    position: relative
}

.tile .top-right-details .progress-radial-track {
    fill: rgba(255, 255, 255, 0.5)
}

.tile .top-right-details .progress-radial-bar {
    fill: #fff
}

.tile.tile-content-overlay .top-right-details .status {
    margin: .4375rem 0 0 .3125rem;
    text-shadow: .03125rem .054125rem .125rem #000
}

.tile.tile-content-overlay .top-right-details .status:first-child {
    margin-left: 0
}

.tile .icon {
    display: table;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 1.875rem;
    border: .1875rem solid rgba(255, 255, 255, 0.5);
    width: 1.875rem;
    height: 1.875rem;
    text-align: center;
    font-size: .6875rem;
    background-clip: padding-box
}

.tile .icon .iconfont {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.tile .icon .iconfont.abc-icon-play-solid {
    font-size: .71875rem;
    padding-left: .15625rem;
    line-height: initial
}

.tile .icon .iconfont.abc-icon-lock-icon,
.tile .icon .iconfont.abc-icon-lock-new {
    font-size: 1rem;
    padding-bottom: .0625rem
}

.tile .icon .iconfont.abc-icon-replay {
    font-size: 1.875rem;
    opacity: 0.9;
    color: #fff
}

.tile .close {
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    padding: .625rem;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.tile .close:hover {
    cursor: pointer
}

.tile .bottom-left-details {
    bottom: .625rem;
    left: .625rem;
    position: absolute;
    backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.tile:not(.card) .bottom-left-details {
    bottom: 1rem;
    left: .625rem;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    width: 7.5625rem
}

.tile:not(.card) .bottom-left-details .status.text5 {
    color: #191919;
    font-size: .75rem;
    line-height: 1em;
    font-weight: 400;
    margin: 0;
    padding: .375rem 0
}

.tile .tile-thumb-label {
    margin: 0;
    color: #fff
}

.module.tile-strip {
    font-size: 0;
    overflow-x: hidden;
    padding: 0;
    white-space: nowrap
}

@media only screen and (min-width: 30em) {
    .module.tile-strip {
        padding: 0 .4375rem
    }
}

@media only screen and (min-width: 42em) {
    .module.tile-strip {
        padding: 0 1.0625rem
    }
}

@media only screen and (min-width: 62.5em) {
    .module.tile-strip {
        padding: 0
    }
}

@media only screen and (min-width: 30em) {
    .module.tile-strip .tiles.mobile-rail {
        font-size: inherit;
        overflow-x: visible;
        white-space: normal
    }
}

.module.tile-strip .tiles.slick-slider .tile,
.module.tile-strip .tiles.slick-slider .tile:last-child {
    padding: 0 .375rem 0 0;
    vertical-align: top;
    width: 100%
}

.module.tile-strip .tiles .tile,
.module.tile-strip .tiles .tile:last-child {
    display: inline-block;
    float: none
}

@media only screen and (min-width: 30em) {
    .module.tile-strip .tiles .tile,
    .module.tile-strip .tiles .tile:last-child {
        float: left;
        max-width: none
    }
}

@media only screen and (max-width: 29.9375em) {
    .module.tile-strip .tiles.mobile-rail .tile,
    .module.tile-strip .tiles.mobile-rail .tile:last-child {
        display: inline-block;
        float: none;
        max-width: 18.75rem;
        padding: 0 .375rem 0 0
    }
}

@media only screen and (min-width: 30em) {
    .module.tile-strip .tiles.mobile-rail .tile,
    .module.tile-strip .tiles.mobile-rail .tile:last-child {
        display: block;
        max-width: none
    }
}

@media only screen and (min-width: 30em) {
    .module.tile-strip .tiles.mobile-rail .tile:first-child,
    .module.tile-strip .tiles.mobile-rail .tile:last-child:first-child {
        margin-left: 0 !important
    }
}

.module.tile-strip .tiles.mobile-rail .tile {
    margin-bottom: 0
}

.module.tile-strip.peak {
    padding: 0 0 0 .4375rem
}

@media only screen and (min-width: 42em) {
    .module.tile-strip.peak {
        padding: 0 0 0 1.0625rem
    }
}

@media only screen and (min-width: 62.5em) {
    .module.tile-strip.peak {
        padding: 0
    }
}

@media only screen and (min-width: 62.5em) {
    .module.tile-strip.peak .tiles.slick-slider .tile {
        max-width: none
    }
}

.module.tile-strip.peak .tile:first-child:nth-last-child(12),
.module.tile-strip.peak .tile:first-child:nth-last-child(12)~.tile {
    width: 4%
}

.module.tile-strip.peak .tile:first-child:nth-last-child(6),
.module.tile-strip.peak .tile:first-child:nth-last-child(6)~.tile {
    width: 8%
}

.module.tile-strip.peak .tile:first-child:nth-last-child(3),
.module.tile-strip.peak .tile:first-child:nth-last-child(3)~.tile {
    width: 16%
}

.module .m-tilegroup-arrow {
    display: none
}

.module.tile-strip:not(.slider-with-fade-sides) .m-tilegroup-arrow {
    position: absolute;
    top: 50%;
    display: none;
    left: 0;
    margin-top: -1.6875rem;
    height: 3.375rem;
    width: 2.3125rem;
    background: rgba(25, 25, 25, 0.5);
    cursor: pointer;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    perspective: 1000;
    -webkit-transition: opacity 800ms cubic-bezier(0.23, 1, 0.32, 1) 0s, background 800ms cubic-bezier(0.23, 1, 0.32, 1) 0s, width 800ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -moz-transition: opacity 800ms cubic-bezier(0.23, 1, 0.32, 1) 0s, background 800ms cubic-bezier(0.23, 1, 0.32, 1) 0s, width 800ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
    transition: opacity 800ms cubic-bezier(0.23, 1, 0.32, 1) 0s, background 800ms cubic-bezier(0.23, 1, 0.32, 1) 0s, width 800ms cubic-bezier(0.23, 1, 0.32, 1) 0s
}

.module.tile-strip:not(.slider-with-fade-sides) .m-tilegroup-arrow:hover {
    background: rgba(25, 25, 25, 0.8);
    width: 2.8125rem
}

html.touch .module.tile-strip:not(.slider-with-fade-sides) .m-tilegroup-arrow {
    background: rgba(25, 25, 25, 0.8)
}

.module.tile-strip:not(.slider-with-fade-sides) .m-tilegroup-arrow.m-tilegroup-arrow-next {
    left: auto;
    right: 0;
    text-align: right
}

.module.tile-strip:not(.slider-with-fade-sides) .m-tilegroup-arrow span.icon {
    color: #fff;
    font-size: 1.875rem;
    white-space: initial;
    text-align: center;
    width: 2.3125rem;
    display: inline-block;
    line-height: 3.375rem
}

.module.tile-strip:not(.slider-with-fade-sides) .m-tilegroup-arrow.slick-disabled {
    display: none !important
}

.module.tile-strip.tile-grid-cards .m-tilegroup-arrow {
    top: 32.333%
}

html.touch .module:not(.slider-with-fade-sides) .m-tilegroup-arrow {
    display: none !important
}

@media only screen and (min-width: 42em) {
    html.touch .module:not(.slider-with-fade-sides) .m-tilegroup-arrow {
        display: block
    }
}

.m-cast-list-fluid.module.tile-strip .tiles .tile:last-child,
.m-cast-list-fluid.module.tile-strip .tiles.slick-slider .tile {
    float: none;
    padding: 0
}

.module.cast .twitter-follow-button {
    display: block;
    float: right;
    margin: 10px 7px 0 0
}

.m-tilegroup.about .host-type {
    display: none
}

.m-tilegroup.expanded-mobile .background-link {
    height: 6.5625rem;
    float: left;
    width: 6.5625rem
}

@media only screen and (min-width: 42em) {
    .m-tilegroup.expanded-mobile .background-link {
        float: none;
        height: auto;
        width: 100%
    }
}

.m-tilegroup.expanded-mobile .tile {
    display: block;
    min-height: 6.5625rem;
    padding-bottom: 1.0625rem
}

@media only screen and (min-width: 42em) {
    .m-tilegroup.expanded-mobile .tile {
        display: block;
        min-height: initial;
        padding-bottom: .375rem
    }
}

.m-tilegroup.expanded-mobile .tile .details {
    padding-top: 0
}

@media only screen and (min-width: 42em) {
    .m-tilegroup.expanded-mobile .tile .details {
        padding-top: inherit
    }
}

.m-tilegroup.expanded-mobile .tile.ad {
    margin-bottom: 1.0625rem;
    padding-bottom: 0
}

@media only screen and (min-width: 42em) {
    .m-tilegroup.expanded-mobile .tile.ad {
        margin-bottom: 0
    }
}

.m-tilegroup.expanded-mobile .tile.ad .background-link {
    float: none;
    height: auto;
    width: auto
}

@media only screen and (min-width: 30em) {
    .m-tilegroup.expanded-mobile .tile.ad .ad-wrapper {
        background: #eee;
        padding: 1.25rem
    }
}

@media only screen and (min-width: 42em) {
    .m-tilegroup.expanded-mobile .tile.ad .ad-wrapper {
        padding: 0
    }
}

.m-tilegroup.expanded-mobile .tile.tile.tile-content-overlay .details {
    margin-left: 6.5625rem;
    margin-top: -.3125rem;
    position: relative
}

@media only screen and (min-width: 42em) {
    .m-tilegroup.expanded-mobile .tile.tile.tile-content-overlay .details {
        margin-left: auto;
        position: absolute
    }
}

.m-tilegroup.expanded-mobile .tile.tile.tile-content-overlay .details .truncate {
    max-height: 4.3125rem
}

.m-tilegroup.expanded-mobile .twitter-follow-button {
    float: none
}

.m-tilegroup.expanded-mobile .tile .details .title {
    margin-top: 0
}

.m-tilegroup.expanded-mobile .tile .details .title,
.m-tilegroup.expanded-mobile .tile .details .subheader {
    color: #fff;
    text-shadow: none
}

@media only screen and (min-width: 42em) {
    .m-tilegroup.expanded-mobile .tile .details .title,
    .m-tilegroup.expanded-mobile .tile .details .subheader {
        text-shadow: inherit
    }
}

.m-tilegroup.expanded-mobile .tile .details .twitter-button {
    bottom: 15px;
    position: absolute;
    right: 15px
}

@media only screen and (min-width: 42em) {
    .m-tilegroup.expanded-mobile .tile .details .twitter-button {
        float: right
    }
}

.cast-tile-group .tile {
    min-height: 5rem
}

.cast-tile-group .tile .details .title,
.cast-tile-group .tile .details .subheader {
    color: #fff
}

.cast-tile-group .tile .details .title {
    font-weight: 400
}

.cast-tile-group .tile .details .subheader {
    font-size: .6875rem;
    font-weight: 300;
    margin: 0
}

@media only screen and (min-width: 42em) {
    .cast-tile-group .tile .details .subheader {
        font-size: .75rem;
        margin-bottom: 0
    }
}

.cast-tile-group .tile .details .truncate {
    max-height: 5rem
}

@media only screen and (min-width: 62.5em) {
    .module.m-tilegroup.right-rail {
        max-width: 20.625rem
    }
    .module.m-tilegroup.m-related-blogs .module-title {
        margin-top: 0
    }
    .module.m-tilegroup.right-rail-ad {
        margin-top: 32.375rem
    }
}

.m-tilegroup.m-tilegroup-poster .tiles {
    display: block;
    padding: 0;
    margin: 0 -.1875rem
}

.m-tilegroup.m-tilegroup-poster .tiles::after {
    clear: both;
    content: "";
    display: table
}

.m-tilegroup.m-tilegroup-poster .tiles>li {
    display: block;
    height: auto;
    float: left;
    padding: 0 .1875rem .375rem
}

.m-tilegroup.m-tilegroup-poster .tiles>li {
    width: 50%;
    padding: 0 .1875rem .375rem;
    list-style: none
}

.m-tilegroup.m-tilegroup-poster .tiles>li:nth-of-type(1n) {
    clear: none
}

.m-tilegroup.m-tilegroup-poster .tiles>li:nth-of-type(2n+1) {
    clear: both
}

@media only screen and (min-width: 42em) {
    .m-tilegroup.m-tilegroup-poster .tiles {
        display: block;
        padding: 0;
        margin: 0 -.1875rem
    }
    .m-tilegroup.m-tilegroup-poster .tiles::after {
        clear: both;
        content: "";
        display: table
    }
    .m-tilegroup.m-tilegroup-poster .tiles>li {
        display: block;
        height: auto;
        float: left;
        padding: 0 .1875rem .375rem
    }
    .m-tilegroup.m-tilegroup-poster .tiles>li {
        width: 33.3333333333%;
        padding: 0 .1875rem .375rem;
        list-style: none
    }
    .m-tilegroup.m-tilegroup-poster .tiles>li:nth-of-type(1n) {
        clear: none
    }
    .m-tilegroup.m-tilegroup-poster .tiles>li:nth-of-type(3n+1) {
        clear: both
    }
}

@media only screen and (min-width: 62.5em) {
    .m-tilegroup.m-tilegroup-poster .tiles {
        display: block;
        padding: 0;
        margin: 0 -.1875rem
    }
    .m-tilegroup.m-tilegroup-poster .tiles::after {
        clear: both;
        content: "";
        display: table
    }
    .m-tilegroup.m-tilegroup-poster .tiles>li {
        display: block;
        height: auto;
        float: left;
        padding: 0 .1875rem .375rem
    }
    .m-tilegroup.m-tilegroup-poster .tiles>li {
        width: 25%;
        padding: 0 .1875rem .375rem;
        list-style: none
    }
    .m-tilegroup.m-tilegroup-poster .tiles>li:nth-of-type(1n) {
        clear: none
    }
    .m-tilegroup.m-tilegroup-poster .tiles>li:nth-of-type(4n+1) {
        clear: both
    }
}

.cssgradients .tiles .tile.tile-keyart-poster .bg-gradient::after {
    background-image: -webkit-linear-gradient(rgba(29, 29, 29, 0) 75%, rgba(29, 29, 29, 0.4) 100%);
    background-image: linear-gradient(rgba(29, 29, 29, 0) 75%, rgba(29, 29, 29, 0.4) 100%)
}

.tiles .tile.tile-keyart-poster {
    margin-bottom: 20px
}

.tiles.no-gradient .tile .bg-gradient::after {
    display: none
}

.tile-strip .tile .details .title {
    text-transform: none;
    width: 98%
}

.tile-strip .cast-list .tile .details .title {
    max-height: 1.75rem;
    line-height: 1.25rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.m-tilegroup.tile-strip .tiles {
    opacity: 0
}

.m-tilegroup.tile-strip .tiles.slider-loaded {
    opacity: 1
}

.m-tilegroup.tile-strip .slick-track {
    transition: transform 500ms ease 0s
}

.cssgradients .m-tilegroup.no-tile-gradient .tiles .tile .bg-gradient::after {
    background: none
}

.tiles .aspect-ratio-buffer.aspect-16x9 {
    width: 100%;
    padding-bottom: 56.25%;
    position: relative
}

.tiles .aspect-ratio-buffer.aspect-16x9>* {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.featured .tiles .aspect-ratio-buffer picture img.lazyloaded {
    );
    background-size: cover;
    background-position: center center
}

.featured .tiles .aspect-ratio-buffer.aspect-16x9 {
    padding: 0;
    background: none;
    max-height: 11.5rem
}

.featured .tiles .aspect-ratio-buffer.aspect-16x9::after {
    height: 100%
}

.featured .tiles .aspect-ratio-buffer.aspect-16x9 picture {
    position: inherit
}

.featured .tiles .aspect-ratio-buffer.aspect-16x9 picture img {
    min-height: 11.5rem;
    background-color: rgba(43, 45, 54, 0.4)
}

.featured .tiles .aspect-ratio-buffer.aspect-3x4 picture img {
    min-height: 11.125rem
}

@media only screen and (min-width: 48rem) {
    .featured .tiles .aspect-ratio-buffer.aspect-3x4 picture img {
        min-height: 13rem
    }
}

@media only screen and (min-width: 64rem) {
    .featured .tiles .aspect-ratio-buffer.aspect-3x4 picture img {
        min-height: 13.8125rem
    }
}

@media only screen and (min-width: 90rem) {
    .featured .tiles .aspect-ratio-buffer.aspect-3x4 picture img {
        min-height: 18.875rem
    }
}

.new-home .tiles .aspect-ratio-buffer.aspect-16x9 {
    max-height: 7.875rem
}

@media only screen and (min-width: 48rem) {
    .new-home .tiles .aspect-ratio-buffer.aspect-16x9 {
        max-height: 9.5rem
    }
}

@media only screen and (min-width: 64rem) {
    .new-home .tiles .aspect-ratio-buffer.aspect-16x9 {
        max-height: 10.125rem
    }
}

@media only screen and (min-width: 90rem) {
    .new-home .tiles .aspect-ratio-buffer.aspect-16x9 {
        max-height: 13.75rem
    }
}

.new-home .tiles .aspect-ratio-buffer.aspect-16x9 picture img {
    min-height: 7.875rem
}

@media only screen and (min-width: 48rem) {
    .new-home .tiles .aspect-ratio-buffer.aspect-16x9 picture img {
        min-height: 9.5rem
    }
}

@media only screen and (min-width: 64rem) {
    .new-home .tiles .aspect-ratio-buffer.aspect-16x9 picture img {
        min-height: 10.125rem
    }
}

@media only screen and (min-width: 90rem) {
    .new-home .tiles .aspect-ratio-buffer.aspect-16x9 picture img {
        min-height: 13.75rem
    }
}

@media only screen and (min-width: 42em) {
    .tiles .aspect-59x50 {
        width: 100%;
        padding-bottom: 84.7457627119%;
        position: relative
    }
    .tiles .aspect-59x50>* {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }
}

.notilebackgrounds .tile .tile-copy-section {
    min-height: 5.9375rem
}

.notilebackgrounds .tile .details .title {
    margin-bottom: .25rem
}

@media only screen and (min-width: 42em) {
    .notilebackgrounds .tile .details .title {
        margin-bottom: .625rem
    }
}

.tile .tile-copy-section {
    background: rgba(255, 255, 255, 0.1);
    min-height: 5.9375rem
}

@media only screen and (min-width: 42em) {
    .tile .tile-copy-section {
        height: 6.78125rem
    }
}

@media only screen and (min-width: 62.5em) {
    .tile .tile-copy-section {
        height: 5.9375rem
    }
}

.tile .tile-copy-section .truncate {
    max-height: 3.6875rem
}

.tile .tile-copy-section span.text3 {
    color: #fff
}

.m-contentgroup .tiles .tile .tile-copy-section {
    height: 6.65625rem
}

@media only screen and (min-width: 42em) {
    .m-contentgroup .tiles .tile .tile-copy-section {
        height: 6.78125rem
    }
}

@media only screen and (min-width: 62.5em) {
    .m-contentgroup .tiles .tile .tile-copy-section {
        height: 5.9375rem
    }
}

.tile-copy-section .subheader .tile-meta {
    padding-left: .1875rem;
    padding-right: .1875rem;
    border-right: .0625rem solid #c2c2c2
}

.tile-copy-section .subheader .tile-meta:last-child {
    padding-right: 0;
    border-right: none
}

.tile .tunein-copy {
    bottom: 0;
    line-height: 1.4em;
    position: absolute;
    right: .1875rem;
    text-align: right;
    text-transform: uppercase;
    width: 100%
}

.tile .tunein-copy .details {
    padding: .625rem .625rem .5rem 1rem
}

.tile .tunein-copy .details .title {
    font-size: .875rem;
    font-weight: 300;
    line-height: 1.2em
}

.tile .tunein-copy .details .day {
    font-weight: 800;
    text-transform: uppercase
}

.tile .tunein-copy .details .time {
    text-transform: lowercase
}

.tile.hide-tune-in-copy .tunein-copy {
    display: none
}

.m-tilegroup.m-allshows-tilegroup .tiles .tile.hide-tune-in-copy .bg-gradient::after {
    background: none
}

.m-tilegroup.m-allshows-tilegroup .tiles a.background-link {
    background: #2b2d36;
    min-height: 12.5rem
}

@media only screen and (min-width: 30em) {
    .m-tilegroup.m-allshows-tilegroup .tiles a.background-link {
        min-height: 16.25rem
    }
}

.tile.tile-keyart .tunein-copy .details .title {
    font-size: 1.0625rem
}

.tile.tile-keyart-poster .tile-show-name {
    padding-top: .3125rem;
    font-size: 1rem;
    color: #fff
}

.m-allshows-tilegroup .tile.tile-keyart-poster .tile-show-name {
    max-height: 1.75rem;
    line-height: 1.25rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.tile.tile-content-overlay .season-episode-info,
.tile.tile-content-overlay .episode-description,
.tile.tile-content-overlay .meta-air-date-duration {
    display: none
}

.m-tilegroup-episode-guide .tile .details .title,
.m-top-picks .tile .details .title {
    text-transform: none;
    width: 98%
}

.truncate-one-line {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right: .625rem
}

.tile .icon.left svg+.abc-icon-play-solid {
    display: none
}

.replay-new-icon {
    display: none
}

.cssgradients .tile .bg-gradient::after {
    background-image: -webkit-linear-gradient(rgba(29, 29, 29, 0.15) 100%, rgba(29, 29, 29, 0.15) 100%), -webkit-linear-gradient(rgba(29, 29, 29, 0) 40%, rgba(29, 29, 29, 0.5) 100%);
    background-image: linear-gradient(rgba(29, 29, 29, 0.15) 100%, rgba(29, 29, 29, 0.15) 100%), linear-gradient(rgba(29, 29, 29, 0) 40%, rgba(29, 29, 29, 0.5) 100%)
}

.tile.tile-content-overlay-episode {
    padding: .625rem
}

.tile.tile-content-overlay-episode.episode-expired {
    opacity: 0.5
}

.tile.tile-content-overlay-episode .icon {
    width: 2.5rem;
    height: 2.5rem
}

.tile.tile-content-overlay-episode .icon.left {
    border: .0625rem solid #fff
}

.tile.tile-content-overlay-episode .icon.left svg {
    display: none
}

.tile.tile-content-overlay-episode .abc-icon-play-solid {
    font-size: .96875rem;
    padding-left: .3125rem;
    line-height: initial
}

.tile.tile-content-overlay-episode .abc-icon-lock-new {
    font-size: 1.3125rem;
    padding-bottom: .1875rem
}

.tile.tile-content-overlay-episode .details {
    position: static;
    background-color: rgba(255, 255, 255, 0.1);
    text-shadow: none;
    height: 4rem;
    padding: .875rem .75rem
}

.tile.tile-content-overlay-episode .details .wrapper {
    margin: .875rem .75rem
}

.tile.tile-content-overlay-episode .details .titles {
    color: #323232;
    font-size: 1rem;
    overflow: inherit;
    margin: 0;
    padding: 0;
    max-height: 1.5rem;
    line-height: 1rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.tile.tile-content-overlay-episode .details .titles .seasonal {
    text-transform: uppercase;
    display: inline-block;
    font-weight: 300;
    line-height: 0.94
}

.tile.tile-content-overlay-episode .details .titles .common {
    color: #fff;
    text-transform: capitalize;
    display: inline-block;
    font-weight: 200
}

.tile.tile-content-overlay-episode .details .titles .common:hover {
    color: #fff
}

.tile.tile-content-overlay-episode .details .video-info {
    margin: 0;
    font-size: .75rem;
    font-weight: 200;
    line-height: 1.0;
    color: #4a4a4a
}

.tile.tile-content-overlay-episode .details .video-info .air-date {
    position: absolute;
    bottom: .875rem
}

.tile.tile-content-overlay-episode .details .video-info .duration {
    position: absolute;
    bottom: .875rem;
    right: .75rem;
    text-transform: uppercase
}

.tile.tile-content-overlay-episode .bottom-left-details {
    width: 9.375rem;
    left: .75rem;
    bottom: 1.25rem
}

.tile.tile-content-overlay-episode .bottom-left-details .status.text5 {
    font-size: .875rem;
    line-height: 1.14;
    padding: .4375rem 0
}

.tile.tile-content-overlay-episode .icon.left svg+.abc-icon-play-solid {
    display: table-cell
}

.tile.tile-content-overlay-episode .video-progress-linear-wrapper {
    position: absolute;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    left: 0;
    bottom: 0;
    width: 100%;
    height: .5rem;
    padding: 0
}

.tile.tile-content-overlay-episode .video-progress-linear-wrapper.not-started {
    display: none
}

.tile.tile-content-overlay-episode .video-progress-linear-wrapper.not-started .progress-bar {
    display: none
}

.tile.tile-content-overlay-episode .video-progress-linear-wrapper .progress-linear {
    background-color: rgba(255, 255, 255, 0.4);
    height: .5rem
}

.tile.tile-content-overlay-episode .video-progress-linear-wrapper .progress-linear .progress-bar {
    width: 0;
    height: .5rem;
    position: relative;
    text-align: right;
    background-color: #fff
}

@keyframes expand {
    0% {
        width: 0
    }
}

.tile.tile-content-featured .tile-thumbnail .video-progress-linear-wrapper {
    top: inherit;
    z-index: 1
}

.new-home .tile.tile-content-featured .tile-thumbnail .video-progress-linear-wrapper,
.new-design .tile.tile-content-featured .tile-thumbnail .video-progress-linear-wrapper {
    bottom: .5rem;
    left: .5rem;
    width: calc(100% - 1rem)
}

.new-home .tile.tile-content-featured .tile-thumbnail .video-progress-linear-wrapper .progress-linear,
.new-design .tile.tile-content-featured .tile-thumbnail .video-progress-linear-wrapper .progress-linear {
    background-color: rgba(255, 255, 255, 0.2);
    height: .375rem
}

.new-home .tile.tile-content-featured .tile-thumbnail .video-progress-linear-wrapper .progress-linear .progress-bar,
.new-design .tile.tile-content-featured .tile-thumbnail .video-progress-linear-wrapper .progress-linear .progress-bar {
    height: .375rem
}

.tile.tile-content-featured .details {
    position: inherit;
    margin-top: 1rem;
    padding: 0;
    background: none
}

.tile.tile-content-featured .details>a>span {
    font-size: 1rem;
    display: block;
    font-weight: 200;
    text-shadow: none;
    line-height: 1.25rem;
    max-height: 1.25rem;
    overflow: hidden
}

.tile.tile-content-featured .details .season-data {
    font-weight: normal;
    display: inline-block;
    margin-right: .1875rem;
    color: #ccc
}

.tile.tile-content-featured .details .title {
    max-height: 3.5rem;
    line-height: 1.25rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    max-height: 2.5rem;
    font-size: 1rem
}

.tile.tile-content-featured .details .description {
    text-overflow: ellipsis;
    white-space: nowrap
}

.tile.tile-content-featured .details .description>span {
    color: #ccc
}

.tile.tile-content-featured .details .description,
.tile.tile-content-featured .details .duration,
.tile.tile-content-featured .details .secondary-text {
    color: #ccc;
    margin-top: .375rem
}

.tile.tile-content-featured .details .rating {
    color: #ccc
}

.tile.tile-content-featured .details .duration,
.tile.tile-content-featured .details .secondary-text {
    font-size: .875rem;
    line-height: .875rem
}

.tile.tile-content-featured .details .secondary-text {
    display: block
}

@media only screen and (min-width: 30em) {
    .tile.tile-content-featured .details .description {
        font-size: .875rem;
        line-height: 1.125rem;
        max-height: 1.125rem
    }
}

.tile.tile-content-featured.new-home .top-right-details {
    margin: .8125rem 0 0 .8125rem
}

.tile.tile-content-featured.new-home .top-right-details .icon.left {
    background-color: rgba(0, 0, 0, 0.6)
}

.tile.tile-content-featured.new-home .top-right-details .icon.left:not(.lock),
.tile.tile-content-featured.new-home .top-right-details .new,
.tile.tile-content-featured.new-home .top-right-details .verify {
    display: none;
    border: 0 none
}

.tile.tile-content-featured.new-home .top-right-details .icon.left.lock {
    border: 0 none
}

.tile.tile-content-featured.new-home .top-right-details .abc-icon-lock-icon {
    font-size: 1.3125rem
}

.tile.tile-content-featured.new-home .details {
    height: auto
}

.tile.tile-content-featured.new-home .details .season-data {
    margin-right: .75rem
}

.tile.tile-content-featured.new-home .details .title {
    line-height: 1.375rem;
    font-weight: 200;
    max-height: 2.875rem
}

.tile.tile-content-featured.new-home .details .description {
    max-height: 3.75rem;
    line-height: 1.375rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    max-height: 2.875rem;
    text-transform: capitalize;
    font-weight: 200;
    color: #fff
}

@media only screen and (min-width: 48rem) {
    .tile.tile-content-featured.new-home .details .description {
        font-size: 1rem;
        line-height: 1.375rem
    }
}

.tile.tile-content-featured.new-home .details .description>span {
    color: #fff
}

.tile.tile-content-featured.new-home .details .duration,
.tile.tile-content-featured.new-home .details .secondary-text {
    font-weight: 100;
    margin-top: .8125rem
}

.tile.tile-content-featured.new-home .details .duration>span,
.tile.tile-content-featured.new-home .details .secondary-text>span {
    color: #ccc
}

.tile.tile-content-featured.new-home .details .separator {
    display: inline-block;
    margin: 0 .375rem
}

.tile.tile-content-featured.new-home[data-video-type=sf] .details .description {
    font-weight: 300
}

.slick-initialized.enabled.line-clamp .tile.tile-content-featured .details .title,
.slick-initialized.enabled.line-clamp .tile.tile-content-featured .details .description {
    width: 100%
}

.slick-initialized.enabled.line-clamp .tile.tile-content-overlay .tile-show-name {
    width: 100%
}

.m-tilegroup-around-abc.new-home {
    padding: 0 15px;
    max-width: 75rem
}

@media only screen and (min-width: 48rem) {
    .m-tilegroup-around-abc.new-home {
        padding: 0 3rem
    }
}

@media only screen and (min-width: 64rem) {
    .m-tilegroup-around-abc.new-home {
        padding: 0 4rem
    }
}

@media only screen and (min-width: 90rem) {
    .m-tilegroup-around-abc.new-home {
        padding: 0
    }
}

.m-tilegroup-around-abc.new-home>.columns {
    padding: 0
}

.m-tilegroup-around-abc.new-home>.columns>.row {
    margin-left: 0;
    margin-right: 0
}

.m-tilegroup-around-abc.new-home .module-title {
    font-size: 1rem;
}

@media only screen and (min-width: 48rem) {
    .m-tilegroup-around-abc.new-home .module-title {
        font-size: 1.25rem;
    }
}

.m-tilegroup-around-abc.new-home .with-right-button::after {
    content: '';
    clear: both
}

.m-tilegroup-around-abc.new-home .with-right-button .module-title {
    float: left
}

.m-tilegroup-around-abc.new-home .with-right-button .right-button {
    float: right;
    margin-top: 1.25rem
}

.m-tilegroup-around-abc.new-home .with-right-button .right-button a {
    font-size: 1rem;
    font-weight: 200;
    color: #fff;
    text-transform: capitalize;
    letter-spacing: 1px
}

.m-tilegroup-around-abc.new-home.tiles-counter .right-button {
    display: none
}

@media only screen and (min-width: 64rem) {
    .m-tilegroup-around-abc.new-home ul.tiles {
        min-width: auto;
        overflow: hidden
    }
}

.m-tilegroup-around-abc.new-home.slider-with-fade-sides .tiles:not(.enabled) {
    max-height: 12rem
}

@media only screen and (min-width: 48rem) {
    .m-tilegroup-around-abc.new-home.slider-with-fade-sides .tiles:not(.enabled) {
        max-height: 13.9375rem
    }
}

@media only screen and (min-width: 90rem) {
    .m-tilegroup-around-abc.new-home.slider-with-fade-sides .tiles:not(.enabled) {
        max-height: 19.375rem
    }
}

.m-tilegroup-around-abc.new-home.slider-with-fade-sides .tiles:not(.enabled) .tile {
    visibility: hidden
}

.m-tilegroup-around-abc.new-home.slider-with-fade-sides .tiles:not(.enabled) .tile:nth-child(1),
.m-tilegroup-around-abc.new-home.slider-with-fade-sides .tiles:not(.enabled) .tile:nth-child(2),
.m-tilegroup-around-abc.new-home.slider-with-fade-sides .tiles:not(.enabled) .tile:nth-child(3) {
    visibility: visible
}

.m-tilegroup-around-abc.new-home.slider-with-fade-sides .tiles:not(.enabled) .tile:nth-child(3) {
    margin-right: 0
}

@media only screen and (min-width: 64rem) {
    .m-tilegroup-around-abc.new-home.slider-with-fade-sides .tiles:not(.enabled) .tile {
        width: 17.6875rem !important
    }
}

@media only screen and (min-width: 90rem) {
    .m-tilegroup-around-abc.new-home.slider-with-fade-sides .tiles:not(.enabled) .tile {
        width: 24.3125rem !important
    }
}

@media all and (min-width: 907px) and (max-width: 937px) {
    .m-tilegroup-around-abc.new-home.slider-with-fade-sides .tiles:not(.enabled) {
        width: 52.8125rem
    }
}

.m-tilegroup-around-abc.new-home.slider-with-fade-sides.new-cast .tiles:not(.enabled) .tile,
.m-tilegroup-around-abc.new-home.slider-with-fade-sides.related-shows .tiles:not(.enabled) .tile {
    visibility: visible
}

.m-tilegroup-around-abc.new-home.slider-with-fade-sides.new-cast .tiles:not(.enabled) .tile:nth-child(n+6),
.m-tilegroup-around-abc.new-home.slider-with-fade-sides.related-shows .tiles:not(.enabled) .tile:nth-child(n+6) {
    visibility: hidden
}

.m-tilegroup-around-abc.new-home.slider-with-fade-sides .tiles .tile {
    opacity: 1;
    margin-right: 1rem;
    padding: 0 !important;
    width: 14.0625rem !important
}

@media only screen and (min-width: 48rem) {
    .m-tilegroup-around-abc.new-home.slider-with-fade-sides .tiles .tile {
        width: 16.875rem !important
    }
}

@media only screen and (min-width: 64rem) {
    .m-tilegroup-around-abc.new-home.slider-with-fade-sides .tiles .tile {
        width: 18rem !important
    }
}

@media only screen and (min-width: 90rem) {
    .m-tilegroup-around-abc.new-home.slider-with-fade-sides .tiles .tile {
        width: 24.375rem !important
    }
}

.m-tilegroup-around-abc.new-home.slider-with-fade-sides .tiles .tile .bg-gradient::after {
    background: none;
    display: none
}

@media only screen and (min-width: 64rem) {
    .m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.related-shows.slider-with-fade-sides .tiles:not(.enabled) {
        max-height: 18rem
    }
}

@media only screen and (min-width: 90rem) {
    .m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.related-shows.slider-with-fade-sides .tiles:not(.enabled) {
        max-height: 23rem
    }
}

.m-tilegroup-around-abc.new-home.slider-with-fade-sides .m-tilegroup-arrow.m-tilegroup-arrow-next .icon {
    right: -1.5rem
}

.m-tilegroup-around-abc.new-home.slider-with-fade-sides .m-tilegroup-arrow.m-tilegroup-arrow-prev .icon {
    left: -1.5rem
}

@media only screen and (min-width: 64rem) {
    .m-tilegroup-around-abc.new-home.slider-with-fade-sides .m-tilegroup-arrow.m-tilegroup-arrow-next,
    .m-tilegroup-around-abc.new-home.slider-with-fade-sides .m-tilegroup-arrow.m-tilegroup-arrow-prev {
        padding-top: 3.5rem
    }
    .m-tilegroup-around-abc.new-home.slider-with-fade-sides .m-tilegroup-arrow.m-tilegroup-arrow-next .icon,
    .m-tilegroup-around-abc.new-home.slider-with-fade-sides .m-tilegroup-arrow.m-tilegroup-arrow-prev .icon {
        opacity: 1
    }
}

@media only screen and (min-width: 90rem) {
    .m-tilegroup-around-abc.new-home.slider-with-fade-sides .m-tilegroup-arrow.m-tilegroup-arrow-next,
    .m-tilegroup-around-abc.new-home.slider-with-fade-sides .m-tilegroup-arrow.m-tilegroup-arrow-prev {
        padding-top: 5.1rem
    }
}

.m-profilelist.slider-enabled .video-progress-linear-wrapper {
    position: absolute;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    left: 0;
    bottom: 0;
    width: 100%;
    height: .5rem;
    padding: 0
}

.m-profilelist.slider-enabled .video-progress-linear-wrapper.not-started {
    display: none
}

.m-profilelist.slider-enabled .video-progress-linear-wrapper.not-started .progress-bar {
    display: none
}

.m-profilelist.slider-enabled .video-progress-linear-wrapper .progress-linear {
    background-color: rgba(255, 255, 255, 0.4);
    height: .5rem
}

.m-profilelist.slider-enabled .video-progress-linear-wrapper .progress-linear .progress-bar {
    width: 0;
    height: .5rem;
    position: relative;
    text-align: right;
    background-color: #fff
}

@keyframes expand {
    0% {
        width: 0
    }
}

.m-profilelist.slider-enabled .tile .icon {
    display: table;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 1.875rem;
    border: .1875rem solid rgba(255, 255, 255, 0.5);
    width: 1.875rem;
    height: 1.875rem;
    text-align: center;
    font-size: .6875rem;
    background-clip: padding-box;
    border: .0625rem solid #fff
}

.m-profilelist.slider-enabled .tile .icon .iconfont.abc-icon-play-solid {
    font-size: .78125rem;
    padding-left: .25rem
}

.m-profilelist.slider-enabled .abc-icon-close {
    font-size: .875rem
}

.mobile .m-tilegroup .line-clamp .background.lazyloaded {
    width: 100%;
    display: block
}

.m-tilegroup-around-abc.slider-with-fade-sides {
    overflow: visible
}

.m-tilegroup-around-abc.slider-with-fade-sides .m-tilegroup-arrow {
    visibility: hidden;
    top: 45%;
    opacity: 1;
    -webkit-transition: opacity 250ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -moz-transition: opacity 250ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
    transition: opacity 250ms cubic-bezier(0.23, 1, 0.32, 1) 0s
}

@media only screen and (min-width: 62.5em) {
    .m-tilegroup-around-abc.slider-with-fade-sides .m-tilegroup-arrow {
        visibility: visible
    }
}

.m-tilegroup-around-abc.slider-with-fade-sides .m-tilegroup-arrow.hidden {
    opacity: 0
}

.m-tilegroup-around-abc.slider-with-fade-sides .m-tilegroup-arrow.m-tilegroup-arrow-next,
.m-tilegroup-around-abc.slider-with-fade-sides .m-tilegroup-arrow.m-tilegroup-arrow-prev {
    z-index: 1;
    position: absolute;
    height: 11.5625rem;
    top: 0;
    font-size: 2.375rem;
    padding-top: 4.5rem;
    width: 62.5rem
}

@media screen and (max-width: 71.875rem) {
    .m-tilegroup-around-abc.slider-with-fade-sides .m-tilegroup-arrow.m-tilegroup-arrow-next .icon,
    .m-tilegroup-around-abc.slider-with-fade-sides .m-tilegroup-arrow.m-tilegroup-arrow-prev .icon {
        opacity: 0
    }
}

.m-tilegroup-around-abc.slider-with-fade-sides .m-tilegroup-arrow.m-tilegroup-arrow-next {
    text-align: left;
    right: -62.5rem
}

.m-tilegroup-around-abc.slider-with-fade-sides .m-tilegroup-arrow.m-tilegroup-arrow-next .icon {
    color: #fff;
    position: relative;
    -webkit-transition: right 1000ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -moz-transition: right 1000ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
    transition: right 1000ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
    right: -3.125rem
}

.m-tilegroup-around-abc.slider-with-fade-sides .m-tilegroup-arrow.m-tilegroup-arrow-next.hidden .icon,
.m-tilegroup-around-abc.slider-with-fade-sides .m-tilegroup-arrow.m-tilegroup-arrow-next.slick-disabled .icon {
    right: 3.75rem
}

.m-tilegroup-around-abc.slider-with-fade-sides .m-tilegroup-arrow.m-tilegroup-arrow-prev {
    text-align: right;
    left: -62.5rem
}

.m-tilegroup-around-abc.slider-with-fade-sides .m-tilegroup-arrow.m-tilegroup-arrow-prev .icon {
    color: #fff;
    position: relative;
    -webkit-transition: left 1000ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -moz-transition: left 1000ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
    transition: left 1000ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
    left: -3.125rem
}

.m-tilegroup-around-abc.slider-with-fade-sides .m-tilegroup-arrow.m-tilegroup-arrow-prev.hidden .icon,
.m-tilegroup-around-abc.slider-with-fade-sides .m-tilegroup-arrow.m-tilegroup-arrow-prev.slick-disabled .icon {
    left: 3.75rem
}

.m-tilegroup-around-abc.slider-with-fade-sides .m-tilegroup-arrow.slick-disabled {
    opacity: 0
}

.m-tilegroup-around-abc.slider-with-fade-sides .tiles:not(.enabled) {
    max-height: 11.5625rem;
    overflow-x: auto;
    overflow-y: hidden;
}

.m-tilegroup-around-abc.slider-with-fade-sides .tiles .slick-list {
    overflow: visible
}

@media only screen and (min-width: 62.5em) {
    .m-tilegroup-around-abc.slider-with-fade-sides .tiles .slick-slide {
        opacity: 0.2;
        -webkit-transition: opacity 333ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
        -moz-transition: opacity 333ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
        transition: opacity 333ms cubic-bezier(0.23, 1, 0.32, 1) 0s
    }
    .m-tilegroup-around-abc.slider-with-fade-sides .tiles .slick-slide.slick-active {
        opacity: 1
    }
}

.m-tilegroup-around-abc.slider-with-fade-sides .tiles:not(.enabled)~.m-tilegroup-arrow {
    opacity: 0 !important
}

@media only screen and (min-width: 62.5em) {
    .m-tilegroup-around-abc.slider-with-fade-sides .tiles {
        min-width: 63.75rem
    }
}

.m-tilegroup-around-abc.slider-with-fade-sides .tiles .tile {
    width: 21.0625rem !important;
    padding-right: .5625rem !important
}

.m-tilegroup-around-abc.slider-with-fade-sides .tiles .tile .bg-gradient::after {
    height: 101%
}

.m-tilegroup-around-abc.tile-strip .slick-track {
    transition: transform 500ms ease 0s
}

.m-tilegroup-around-abc .module-title {
    margin-top: 1.25rem;
    margin-bottom: .9375rem;
    text-transform: uppercase;
    letter-spacing: .125rem
}

ul.tiles li.mk-tile.tile.full {
    width: 100%;
    padding: 0
}

ul.tiles li.mk-tile.tile.half {
    width: 50%
}

ul.tiles li.mk-tile.tile.half.left-tile {
    padding: 0 .5rem 0 0
}

ul.tiles li.mk-tile.tile.half.right-tile {
    padding: 0 0 0 .5rem
}

@media only screen and (max-width: 36.875em) {
    ul.tiles li.mk-tile.tile.half {
        width: 100%
    }
    ul.tiles li.mk-tile.tile.half.left-tile {
        padding: 0
    }
    ul.tiles li.mk-tile.tile.half.right-tile {
        padding: 0
    }
}

ul.tiles li.mk-tile.tile.slim {
    width: 100%;
    padding: 0
}

.marketing.full-width {
    width: 100%;
    height: 19.125rem;
    padding: 0;
    color: #fff
}

.marketing.full-width .mk-background {
    position: absolute;
    width: inherit;
    height: 100%;
    z-index: -1
}

.marketing.full-width .mk-background .mk-background-img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: 50% 0
}

.marketing.full-width.mk-background-fallback {
    background-color: rgba(0, 0, 0, 0.3)
}

.marketing.full-width .mk-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    padding-top: 2.5rem
}

.marketing.full-width .mk-wrapper .mk-logo {
    margin: 0 auto;
    width: 14.625rem;
    height: 4.875rem
}

.marketing.full-width .mk-wrapper .mk-logo-fallback {
    margin: 0 auto;
    width: 37.5rem;
    height: 4.875rem;
    padding-top: 1.6875rem
}

.marketing.full-width .mk-wrapper .mk-logo-fallback .mk-title {
    width: 18.6875rem;
    height: 1.5rem;
    font-size: 1.625rem;
    font-weight: 300;
    line-height: 0.92
}

.marketing.full-width .mk-wrapper .mk-description {
    margin: 0 auto;
    margin-top: 1.5rem;
    max-width: 37.5rem;
    font-size: 1rem;
    font-weight: 200;
    line-height: 1.5
}

.marketing.full-width .mk-wrapper .mk-button {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding-bottom: 1.25rem;
    width: 15rem
}

.marketing.full-width .mk-wrapper .mk-button .mk-button-color {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.15)
}

.marketing.full-width .mk-wrapper .mk-button .mk-button-color:hover {
    background-color: rgba(255, 255, 255, 0.3)
}

@media only screen and (max-width: 48em) {
    .marketing.full-width .mk-wrapper .mk-description {
        padding: 0 1.25rem;
        font-size: 1rem
    }
}

@media only screen and (max-width: 37.5rem) {
    .marketing.full-width {
        height: 18.875rem
    }
    .marketing.full-width .mk-wrapper {
        padding-top: 2rem
    }
    .marketing.full-width .mk-wrapper .mk-logo {
        width: 9.375rem;
        height: 3.125rem
    }
    .marketing.full-width .mk-wrapper .mk-logo-fallback {
        width: 19rem;
        height: 3.125rem;
        padding-top: .8125rem
    }
    .marketing.full-width .mk-wrapper .mk-logo-fallback .mk-title {
        width: 18.6875rem;
        height: 1.5rem;
        font-size: 1.25rem;
        line-height: 1.2
    }
    .marketing.full-width .mk-wrapper .mk-description {
        padding: 0 1.5rem 0 1.5rem;
        font-size: .875rem;
        line-height: 1.57
    }
    .marketing.full-width .mk-wrapper .mk-button {
        padding-bottom: .75rem
    }
}

@media only screen and (max-width: 20em) {
    .marketing.full-width {
        height: 17.375rem
    }
    .marketing.full-width .mk-wrapper {
        padding-top: 1.5rem
    }
    .marketing.full-width .mk-wrapper .mk-logo-fallback {
        width: 15rem;
        height: 3.125rem
    }
    .marketing.full-width .mk-wrapper .mk-logo-fallback .mk-title {
        width: 14.375rem;
        height: 1.5rem
    }
    .marketing.full-width .mk-wrapper .mk-description {
        padding: 0 1rem 0 1rem
    }
    .marketing.full-width .mk-wrapper .mk-button {
        padding-bottom: .25rem
    }
}

.marketing.half-width {
    max-width: 37rem;
    width: 100%;
    height: 20.625rem;
    padding: 0;
    color: #fff;
    display: inline-block
}

.marketing.half-width .mk-background {
    position: absolute;
    max-width: inherit;
    height: 100%;
    display: inherit;
    z-index: -1
}

.marketing.half-width .mk-background .mk-background-img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: 50% 0
}

.marketing.half-width.mk-background-fallback {
    background-color: rgba(0, 0, 0, 0.3)
}

.marketing.half-width .mk-wrapper {
    height: 100%
}

.marketing.half-width .mk-wrapper .mk-logo {
    position: relative;
    margin: 0 auto;
    padding-top: 2.5rem;
    width: 14.625rem
}

.marketing.half-width .mk-wrapper .mk-logo-fallback {
    margin: 2.5rem 2.5rem 0 2.5rem;
    height: 4.875rem;
    padding-top: 1.6875rem
}

.marketing.half-width .mk-wrapper .mk-logo-fallback .mk-title {
    width: 14.375rem;
    height: 1.5rem;
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.2
}

.marketing.half-width .mk-wrapper .mk-description {
    margin: 0 auto;
    margin-left: 2.5rem;
    margin-right: 2.5rem;
    padding-top: 1.5rem;
    max-width: 32rem;
    font-size: 1rem;
    font-weight: 200;
    line-height: 1.5
}

.marketing.half-width .mk-wrapper .mk-button {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding-bottom: 1.25rem;
    width: 15rem
}

.marketing.half-width .mk-wrapper .mk-button .mk-button-color {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.15)
}

.marketing.half-width .mk-wrapper .mk-button .mk-button-color:hover {
    background-color: rgba(255, 255, 255, 0.3)
}

@media only screen and (max-width: 64em) {
    .marketing.half-width .mk-wrapper .mk-logo-fallback {
        margin: 2.5rem 2rem 0 2rem
    }
    .marketing.half-width .mk-wrapper .mk-logo-fallback .mk-title {
        width: 14.375rem;
        height: 1.5rem;
        font-size: 1.25rem;
        font-weight: 300;
        line-height: 1.2
    }
    .marketing.half-width .mk-wrapper .mk-description {
        max-width: 24.5rem;
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }
}

@media only screen and (max-width: 48em) {
    .marketing.half-width .mk-wrapper .mk-logo {
        position: relative;
        margin: 0 auto;
        padding-top: 2rem;
        width: 9.375rem
    }
    .marketing.half-width .mk-wrapper .mk-logo-fallback {
        margin: 2rem 1rem 0 1rem
    }
    .marketing.half-width .mk-wrapper .mk-logo-fallback .mk-title {
        width: 14.375rem;
        height: 1.5rem
    }
    .marketing.half-width .mk-wrapper .mk-description {
        max-width: 18.5rem;
        margin-left: 1rem;
        margin-right: 1rem;
        font-size: .875rem;
        line-height: 1.57
    }
}

@media only screen and (max-width: 36.875em) {
    .marketing.half-width {
        display: block;
        height: 18.875rem
    }
    .marketing.half-width .mk-wrapper {
        width: 100%;
        height: 100%
    }
    .marketing.half-width .mk-wrapper .mk-description {
        margin: 0 auto;
        max-width: 100%;
        padding: 1.5rem 1.5rem 0;
        font-size: .875rem;
        line-height: 1.57
    }
}

.marketing.slim-banner {
    max-width: 75rem;
    width: 100%;
    height: 6rem;
    min-height: 6rem;
    padding: 0;
    color: #fff
}

.marketing.slim-banner::before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
}

.marketing.slim-banner.mk-background-fallback {
    background-color: rgba(0, 0, 0, 0.3)
}

.marketing.slim-banner .mk-wrapper {
    height: 100%;
    display: flex;
    align-items: center;
    padding: 1rem 1.5rem
}

.marketing.slim-banner .mk-wrapper .mk-logo {
    position: relative;
    width: 4rem;
    display: table-cell;
    vertical-align: middle
}

.marketing.slim-banner .mk-wrapper .mk-description {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    padding-left: .75rem;
    max-width: 47.375rem;
    font-size: 1rem;
    font-weight: 200;
    line-height: 1.5;
    letter-spacing: .03125rem
}

.marketing.slim-banner .mk-wrapper .mk-description .mk-mobile-button {
    display: none
}

.marketing.slim-banner .mk-wrapper .mk-description-fallback {
    padding: 0
}

.marketing.slim-banner .mk-wrapper .mk-button {
    position: absolute;
    right: 0;
    width: 15rem;
    margin: .625rem 1.5rem 1.625rem 0;
    display: table-cell;
    vertical-align: middle
}

.marketing.slim-banner .mk-wrapper .mk-button .mk-button-color {
    color: #fff
}

.marketing.slim-banner .mk-wrapper .mk-button .mk-button-color:hover {
    background-color: rgba(255, 255, 255, 0.3) !important
}

.marketing.slim-banner .mk-wrapper .mk-button .mk-button-fallback {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.15)
}

.marketing.slim-banner .mk-wrapper .mk-button .mk-button-fallback:hover {
    background-color: rgba(255, 255, 255, 0.3)
}

@media only screen and (max-width: 89.9375em) {
    .marketing.slim-banner .mk-wrapper .mk-description {
        max-width: 30rem
    }
}

@media only screen and (max-width: 56.25rem) {
    .marketing.slim-banner {
        height: auto
    }
    .marketing.slim-banner .mk-wrapper {
        padding: 1rem
    }
    .marketing.slim-banner .mk-wrapper .mk-description {
        max-width: 18rem
    }
}

@media only screen and (max-width: 41.25rem) {
    .marketing.slim-banner .mk-wrapper .mk-description {
        max-width: 100%;
        width: 100%;
        font-size: .875rem;
        line-height: 1.57
    }
    .marketing.slim-banner .mk-wrapper .mk-description .mk-mobile-button {
        display: block;
        padding-top: .5rem;
        letter-spacing: .0625rem
    }
    .marketing.slim-banner .mk-wrapper .mk-button {
        display: none
    }
}

@media only screen and (max-width: 24.9375rem) {
    .marketing.slim-banner .mk-wrapper {
        width: 100%;
        display: table;
        text-align: center;
        padding: 1rem
    }
    .marketing.slim-banner .mk-wrapper .mk-description {
        padding: 0
    }
    .marketing.slim-banner .mk-wrapper .mk-description-fallback {
        margin: 0 auto
    }
    .marketing.slim-banner .mk-wrapper .mk-logo {
        display: none
    }
}

.m-tilegroup-popular-shows.row {
    max-width: 63.125rem;
    overflow: visible;
    padding-left: .625rem
}

@media only screen and (min-width: 42em) {
    .m-tilegroup-popular-shows.row {
        padding-left: 1.25rem;
        margin-bottom: 3.125rem
    }
}

@media only screen and (min-width: 62.5em) {
    .m-tilegroup-popular-shows.row {
        padding-left: .1875rem
    }
}

.m-tilegroup-popular-shows .m-tilegroup-arrow {
    visibility: hidden;
    top: 45%;
    opacity: 1;
    -webkit-transition: opacity 250ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -moz-transition: opacity 250ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
    transition: opacity 250ms cubic-bezier(0.23, 1, 0.32, 1) 0s
}

@media only screen and (min-width: 62.5em) {
    .m-tilegroup-popular-shows .m-tilegroup-arrow {
        visibility: visible
    }
}

.m-tilegroup-popular-shows .m-tilegroup-arrow.hidden {
    opacity: 0
}

.m-tilegroup-popular-shows .m-tilegroup-arrow.m-tilegroup-arrow-next,
.m-tilegroup-popular-shows .m-tilegroup-arrow.m-tilegroup-arrow-prev {
    z-index: 1;
    position: absolute;
    height: 20rem;
    top: 0;
    font-size: 2.375rem;
    padding-top: 6.25rem;
    width: 62.5rem
}

@media screen and (max-width: 71.875rem) {
    .m-tilegroup-popular-shows .m-tilegroup-arrow.m-tilegroup-arrow-next .icon,
    .m-tilegroup-popular-shows .m-tilegroup-arrow.m-tilegroup-arrow-prev .icon {
        opacity: 0
    }
}

.m-tilegroup-popular-shows .m-tilegroup-arrow.m-tilegroup-arrow-next {
    text-align: left;
    right: -62.5rem
}

.m-tilegroup-popular-shows .m-tilegroup-arrow.m-tilegroup-arrow-next .icon {
    color: #fff;
    position: relative;
    -webkit-transition: right 1000ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -moz-transition: right 1000ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
    transition: right 1000ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
    right: -3.125rem
}

.m-tilegroup-popular-shows .m-tilegroup-arrow.m-tilegroup-arrow-next.hidden .icon,
.m-tilegroup-popular-shows .m-tilegroup-arrow.m-tilegroup-arrow-next.slick-disabled .icon {
    right: 3.75rem
}

.m-tilegroup-popular-shows .m-tilegroup-arrow.m-tilegroup-arrow-prev {
    text-align: right;
    left: -62.5rem
}

.m-tilegroup-popular-shows .m-tilegroup-arrow.m-tilegroup-arrow-prev .icon {
    color: #fff;
    position: relative;
    -webkit-transition: left 1000ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -moz-transition: left 1000ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
    transition: left 1000ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
    left: -3.125rem
}

.m-tilegroup-popular-shows .m-tilegroup-arrow.m-tilegroup-arrow-prev.hidden .icon,
.m-tilegroup-popular-shows .m-tilegroup-arrow.m-tilegroup-arrow-prev.slick-disabled .icon {
    left: 3.75rem
}

.m-tilegroup-popular-shows .m-tilegroup-arrow.slick-disabled {
    opacity: 0
}

.m-tilegroup-popular-shows .tiles:not(.enabled) {
    max-height: 20rem;
    overflow: hidden
}

.m-tilegroup-popular-shows .tiles .slick-list {
    overflow: visible
}

@media only screen and (min-width: 62.5em) {
    .m-tilegroup-popular-shows .tiles .slick-slide {
        opacity: 0.2;
        -webkit-transition: opacity 333ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
        -moz-transition: opacity 333ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
        transition: opacity 333ms cubic-bezier(0.23, 1, 0.32, 1) 0s
    }
    .m-tilegroup-popular-shows .tiles .slick-slide.slick-active {
        opacity: 1
    }
}

.m-tilegroup-popular-shows .tiles:not(.enabled)~.m-tilegroup-arrow {
    opacity: 0 !important
}

.m-tilegroup-popular-shows .tiles:not(.enabled) {
    max-height: 18.125rem
}

@media only screen and (min-width: 62.5em) {
    .m-tilegroup-popular-shows .tiles {
        min-width: 63.125rem
    }
}

.m-tilegroup-popular-shows .tiles .tile {
    width: 12.625rem !important
}

.m-tilegroup-popular-shows .tiles .tile:not(.ad) {
    padding-right: .375rem !important
}

.m-tilegroup-popular-shows .tiles .tile .tile-show-name {
    font-size: 1rem;
    color: #fff;
    max-height: 3.5rem;
    line-height: 1.25rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal
}

.m-tilegroup-popular-shows .tiles .tile:last-of-type {
    margin-left: 0
}

.m-tilegroup-popular-shows .tiles .tile a.background-link {
    background: #2b2d36;
    min-height: 16.3125rem
}

.m-tilegroup-popular-shows .tiles .tile.ad {
    width: 24.875rem !important;
    background-color: rgba(77, 77, 77, 0.2);
    height: 16.3125rem !important;
    padding-right: 0 !important;
    border-right: .375rem solid transparent
}

.m-tilegroup-popular-shows .tiles .tile.ad .aspect-59x50 {
    position: static;
    width: auto;
    padding-bottom: inherit
}

.m-tilegroup-popular-shows .tiles .tile.ad.ad-hidden {
    display: none
}

.m-tilegroup-popular-shows .module-title {
    margin-top: 2.5rem;
    margin-bottom: .9375rem;
    letter-spacing: .125rem;
    text-transform: uppercase
}

.m-tilegroup-popular-shows .tiles .tile.hide-tune-in-copy .bg-gradient::after {
    background: none
}

.m-tilegroup-popular-shows .ad-place {
    margin-top: 1.5625rem;
    margin-left: -.625rem
}

@media only screen and (min-width: 42em) {
    .m-tilegroup-popular-shows .ad-place {
        margin-left: -1.25rem
    }
}

@media only screen and (min-width: 62.5em) {
    .m-tilegroup-popular-shows .ad-place {
        margin-left: -.1875rem
    }
}

.m-tilegroup-popular-shows .ad-place+.columns .module-title {
    margin-top: 1.5rem
}

.m-tilegroup-popular-shows.tile-strip .slick-track {
    transition: transform 883ms cubic-bezier(0.23, 1, 0.32, 1) 0s
}

.m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.related-shows .tiles .tile.new-home.related-shows {
    width: 8.25rem !important;
    margin-right: .5rem
}

.m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.related-shows .tiles .tile.new-home.related-shows .tile-show-name {
    color: #fff;
    font-size: 1rem;
    margin-top: 1rem;
    max-height: 3.5rem;
    line-height: 1.25rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal
}

@media only screen and (min-width: 48rem) {
    .m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.related-shows .tiles .tile.new-home.related-shows {
        width: 9.75rem !important;
        margin-right: 1rem
    }
}

@media only screen and (min-width: 64rem) {
    .m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.related-shows .tiles .tile.new-home.related-shows {
        width: 10.375rem !important;
        margin-right: 1rem
    }
}

@media only screen and (min-width: 90rem) {
    .m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.related-shows .tiles .tile.new-home.related-shows {
        width: 14.1875rem !important;
        margin-right: 1rem
    }
}

@media only screen and (min-width: 64rem) {
    .m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.related-shows .m-tilegroup-arrow.m-tilegroup-arrow-next,
    .m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.related-shows .m-tilegroup-arrow.m-tilegroup-arrow-prev {
        padding-top: 5.25rem
    }
}

@media only screen and (min-width: 90rem) {
    .m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.related-shows .m-tilegroup-arrow.m-tilegroup-arrow-next,
    .m-tilegroup-around-abc.new-home.m-tilegroup-around-abc.slider-with-fade-sides.related-shows .m-tilegroup-arrow.m-tilegroup-arrow-prev {
        padding-top: 7.75rem
    }
}

.m-tilegroup-trending-shows .module-title {
    margin-top: 2.5rem;
    margin-bottom: .9375rem;
    letter-spacing: .125rem;
    text-transform: uppercase
}

.m-tilegroup-trending-shows .button.loadmore-button {
    align-items: center;
    background-color: #e2b05e;
    border: none;
    border-radius: 1.5rem;
    color: #fff;
    display: flex;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    height: 2.75rem;
    width: 15rem;
    text-transform: uppercase;
    top: 1.25rem
}

.m-tilegroup-trending-shows .button.loadmore-button:hover {
    background-color: rgba(226, 176, 94, 0.7)
}

.m-tilegroup-trending-shows.ad-loaded .tiles.hero-tiles {
    display: block
}

.m-tilegroup-trending-shows .tiles.hero-tiles {
    display: none
}

.m-tilegroup-trending-shows .tiles.hero-tiles.tiles .tile:not(.ad) {
    padding-left: .1875rem;
    padding-right: .1875rem;
    width: 100%;
    float: left
}

@media only screen and (min-width: 62.5em) {
    .m-tilegroup-trending-shows .tiles.hero-tiles.tiles .tile:not(.ad) {
        overflow-y: hidden;
        height: 17.3369375rem;
        padding-left: .1875rem;
        padding-right: .1875rem;
        width: 66.6666666667%;
        float: left
    }
}

.m-tilegroup-trending-shows .tiles .tile.hide-tune-in-copy .bg-gradient::after {
    background: none
}

.datgPlayerControls .controlBar .control.volume.isEnabled:hover:before,
.datgPlayerControls .controlBar .control:hover:before {
    box-sizing: content-box
}

#svgPlayerIcons {
    display: none
}

.datgUi .ui-slider-handle {
    outline: 0
}

.m-videoplayer .playlist-meta-data,
.m-livevideoplayer .playlist-meta-data {
    height: 4.5rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    background: #001a3c;
    color: #fff;
    font-weight: 200;
    line-height: 1.125rem
}

.m-videoplayer .playlist-meta-data .playlist-title,
.m-livevideoplayer .playlist-meta-data .playlist-title {
    text-transform: uppercase;
    font-size: 1.125rem;
    text-align: center;
    letter-spacing: .1875rem
}

.m-videoplayer .playlist-meta-data .playlist-subtitle,
.m-livevideoplayer .playlist-meta-data .playlist-subtitle {
    font-size: 1rem
}

.m-videoplayer .m-videoplayer-wrapper,
.m-livevideoplayer .m-videoplayer-wrapper {
    background-color: #191919;
    position: relative
}

.m-videoplayer .m-videoplayer-image-background,
.m-livevideoplayer .m-videoplayer-image-background {
    background-position: center center;
    background-size: cover;
    height: 100%;
    opacity: 0.2;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    perspective: 1000
}

.m-videoplayer .m-videoplayer-videoplayer,
.m-livevideoplayer .m-videoplayer-videoplayer {
    background-color: #232323;
    background-position: center center;
    background-size: cover;
    padding: 0;
    position: relative
}

.m-videoplayer .aspectBuffer:after,
.m-livevideoplayer .aspectBuffer:after {
    content: '';
    display: block;
    width: 100%;
    padding-bottom: 56.25%;
    position: relative
}

.m-videoplayer .aspectBuffer:after>*,
.m-livevideoplayer .aspectBuffer:after>* {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.m-videoplayer .videoContainer,
.m-livevideoplayer .videoContainer {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.m-videoplayer.no-aspect-buffer .videoContainer,
.m-livevideoplayer.no-aspect-buffer .videoContainer {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative
}

.m-videoplayer.no-aspect-buffer .aspectBuffer::after,
.m-livevideoplayer.no-aspect-buffer .aspectBuffer::after {
    padding: 0
}

.m-videoplayer .datgPlayer,
.m-livevideoplayer .datgPlayer {
    height: 100%;
    width: 100%
}

.m-videoplayer .error-message,
.abcmedia.video .error-message {
    display: inline-block;
    padding: 40px;
    padding-top: 25%
}

.m-videoplayer .error-message .error-messages-wrapper,
.abcmedia.video .error-message .error-messages-wrapper {
    text-align: center
}

.m-videoplayer .error-message .error-messages-wrapper .text2,
.abcmedia.video .error-message .error-messages-wrapper .text2 {
    color: white
}

.abcmedia.video.m-message-active {
    background: black
}

.endCardOverlay button.end-card-btn-watch {
    text-transform: uppercase;
    background-color: #e2b05e;
    border-radius: 1.5rem;
    border: none;
    font-weight: 400
}

.endCardOverlay button.end-card-btn-watch:hover {
    background-color: rgba(226, 176, 94, 0.7)
}

.endCardOverlay .up-next-text {
    text-transform: capitalize
}

.m-videoplayer .m-videoplayer-content-row,
.m-livevideoplayer .m-videoplayer-content-row {
    position: relative
}

.m-videoplayer .m-videoplayer-header,
.m-livevideoplayer .m-videoplayer-header {
    display: inline-block;
    min-height: 64px;
    position: relative;
    width: 100%
}

.m-videoplayer .affilate-logo,
.m-livevideoplayer .affilate-logo {
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    position: relative;
    vertical-align: top
}

.m-videoplayer .m-videoplayer-content,
.m-livevideoplayer .m-videoplayer-content {
    margin: .5rem 0 0
}

@media only screen and (min-width: 30em) {
    .m-videoplayer .m-videoplayer-content,
    .m-livevideoplayer .m-videoplayer-content {
        margin: 1.875rem 0 0
    }
}

@media only screen and (min-width: 42em) {
    .m-videoplayer .m-videoplayer-content,
    .m-livevideoplayer .m-videoplayer-content {
        margin-bottom: 0
    }
}

.m-videoplayer .m-videoplayer-content-lf .m-videoplayer-title,
.m-livevideoplayer .m-videoplayer-content-lf .m-videoplayer-title {
    display: inline-block;
    margin-bottom: 0;
    margin-top: 0;
    position: relative;
    vertical-align: bottom
}

.m-videoplayer .m-videoplayer-content-lf .m-videoplayer-title.has-affilate,
.m-livevideoplayer .m-videoplayer-content-lf .m-videoplayer-title.has-affilate {
    max-width: 75%
}

@media only screen and (min-width: 30em) {
    .m-videoplayer .m-videoplayer-content-lf .m-videoplayer-title.has-affilate,
    .m-livevideoplayer .m-videoplayer-content-lf .m-videoplayer-title.has-affilate {
        max-width: 83%
    }
}

@media only screen and (min-width: 42em) {
    .m-videoplayer .m-videoplayer-content-lf .m-videoplayer-title.has-affilate,
    .m-livevideoplayer .m-videoplayer-content-lf .m-videoplayer-title.has-affilate {
        margin-bottom: 1.25rem
    }
}

@media only screen and (min-width: 62.5em) {
    .m-videoplayer .m-videoplayer-content-lf .m-videoplayer-title.has-affilate,
    .m-livevideoplayer .m-videoplayer-content-lf .m-videoplayer-title.has-affilate {
        max-width: 90%
    }
}

.m-videoplayer .m-videoplayer-content-sf .m-videoplayer-title,
.m-livevideoplayer .m-videoplayer-content-sf .m-videoplayer-title {
    color: #fff;
    display: inline-block;
    margin-bottom: .625rem;
    margin-top: .4375rem;
    vertical-align: top
}

@media only screen and (min-width: 30em) {
    .m-videoplayer .m-videoplayer-content-sf .m-videoplayer-title,
    .m-livevideoplayer .m-videoplayer-content-sf .m-videoplayer-title {
        font-size: 1.25rem;
        margin-bottom: .3125rem
    }
}

@media only screen and (min-width: 42em) {
    .m-videoplayer .m-videoplayer-content-sf .m-videoplayer-title,
    .m-livevideoplayer .m-videoplayer-content-sf .m-videoplayer-title {
        font-size: 1.875rem
    }
}

.m-videoplayer .m-videoplayer-content-sf .duration,
.m-livevideoplayer .m-videoplayer-content-sf .duration {
    font-size: .875rem;
    color: black;
    margin: 0 0 .625rem
}

.m-videoplayer .m-videoplayer-content-sf .duration .separator,
.m-livevideoplayer .m-videoplayer-content-sf .duration .separator {
    display: inline-block;
    margin: 0 .3125rem
}

@media only screen and (min-width: 30em) {
    .m-videoplayer .m-videoplayer-content-sf .duration,
    .m-livevideoplayer .m-videoplayer-content-sf .duration {
        font-size: 1rem
    }
}

.m-videoplayer .m-videoplayer-content-lf .m-videoplayer-hr,
.m-livevideoplayer .m-videoplayer-content-lf .m-videoplayer-hr {
    display: none
}

.m-videoplayer .m-videoplayer-content-sf .m-videoplayer-hr,
.m-livevideoplayer .m-videoplayer-content-sf .m-videoplayer-hr {
    display: none
}

.m-videoplayer .m-videoplayer-content-lf .m-videoplayer-episodemeta,
.m-livevideoplayer .m-videoplayer-content-lf .m-videoplayer-episodemeta {
    font-size: .9375rem;
    font-weight: 200;
    margin: 0 0 1.25rem
}

.m-videoplayer .m-videoplayer-content-lf .m-videoplayer-episodemeta p,
.m-livevideoplayer .m-videoplayer-content-lf .m-videoplayer-episodemeta p {
    color: #fff
}

@media only screen and (min-width: 42em) {
    .m-videoplayer .m-videoplayer-content-lf .m-videoplayer-episodemeta,
    .m-livevideoplayer .m-videoplayer-content-lf .m-videoplayer-episodemeta {
        margin: 0 0 1.875rem
    }
}

.m-videoplayer .m-videoplayer-content-sf .m-videoplayer-episodemeta,
.m-livevideoplayer .m-videoplayer-content-sf .m-videoplayer-episodemeta {
    color: #fff;
    font-size: .875rem;
    font-weight: 200;
    line-height: 1.5em;
    margin: 0 0 1.25rem
}

.m-videoplayer .m-videoplayer-content-sf .m-videoplayer-episodemeta p,
.m-livevideoplayer .m-videoplayer-content-sf .m-videoplayer-episodemeta p {
    color: #fff
}

@media only screen and (min-width: 30em) {
    .m-videoplayer .m-videoplayer-content-sf .m-videoplayer-episodemeta,
    .m-livevideoplayer .m-videoplayer-content-sf .m-videoplayer-episodemeta {
        margin: 0 0 1.875rem
    }
}

@media only screen and (min-width: 42em) {
    .m-videoplayer .m-videoplayer-content-sf .m-videoplayer-episodemeta,
    .m-livevideoplayer .m-videoplayer-content-sf .m-videoplayer-episodemeta {
        font-size: 1.125rem;
        margin: 0 0 1.875rem
    }
}

.m-videoplayer .expandable-section,
.m-livevideoplayer .expandable-section {
    max-height: 11.25rem;
    overflow: hidden
}

@media only screen and (min-width: 42em) {
    .m-videoplayer .expandable-section,
    .m-livevideoplayer .expandable-section {
        max-height: 8.75rem
    }
}

.m-videoplayer .expandable-section p:only-child,
.m-livevideoplayer .expandable-section p:only-child {
    margin-bottom: 0
}

.m-videoplayer .expandable-section p:last-of-type,
.m-livevideoplayer .expandable-section p:last-of-type {
    margin-bottom: 0
}

.m-videoplayer .ad-unit-wrapper {
    display: none
}

.m-videoplayer.withad .m-videoplayer-copy {
    min-height: 15.625rem
}

@media only screen and (min-width: 42em) {
    .m-videoplayer.withad .m-videoplayer-wrapper {
        position: relative
    }
}

@media only screen and (min-width: 42em) {
    .m-videoplayer.withad .m-videoplayer-content {
        min-height: 17.5rem
    }
}

.m-videoplayer.withad .ad-unit-wrapper {
    display: block;
    margin: 0;
    top: 1.875rem
}

@media only screen and (min-width: 42em) {
    .m-videoplayer.withad .ad-unit-wrapper {
        max-width: 20.625rem;
        margin: 0;
        position: absolute;
        right: 1.0625rem
    }
}

.m-videoplayer.withad .ad-unit-wrapper .ad-wrapper {
    margin: 1.25rem auto
}

@media only screen and (min-width: 42em) {
    .m-videoplayer.withad .ad-unit-wrapper .ad-wrapper {
        margin: 0
    }
}

.cssfilters .m-videoplayer-image-background {
    -webkit-filter: blur(100px);
    -moz-filter: blur(100px);
    filter: url("");
    filter: url("");
    filter: blur(100px)
}

.m-videoplayer .open .expandable-section {
    max-height: none
}

.no-cssfilters .m-videoplayer-image-background {
    opacity: 0.05
}

.flashIsNotInstalled .m-videoplayer .m-videoplayer-content-sf .m-videoplayer-title,
.flashIsNotInstalled .m-videoplayer .m-videoplayer-content-sf .m-videoplayer-episodemeta {
    display: none
}

.hide-season-number .m-videoplayer-season-number {
    display: none
}

.hide-episode-number .m-videoplayer-episode-number {
    display: none
}

.movies-and-specials-detail .m-videoplayer {
    margin-bottom: 1.875rem
}

@media only screen and (min-width: 42em) {
    .movies-and-specials-detail .m-videoplayer {
        margin-bottom: 2.5rem
    }
}

@media only screen and (min-width: 62.5em) {
    .movies-and-specials-detail .m-videoplayer {
        margin-bottom: 3.75rem
    }
}

.videoContainer.m-videoplayer-embed.hide-player,
.videoContainer.m-videoplayer-embed.affiliate-displayed .datgPlayer.m-videoplayer-container,
.videoContainer.m-videoplayer-embed.hbaMessage-displayed .datgPlayer.m-videoplayer-container {
    width: 1px;
    height: 1px
}

.hbaMessageWrapper {
    background-color: rgba(15, 15, 15, 0.85);
    height: 100%
}

.hbaMessageWrapper .hbaMessage {
    color: #fff;
    font-size: 1.375rem;
    margin: 0 auto;
    padding: 3.125rem 0;
    text-align: center;
    width: 80%
}

@media only screen and (min-width: 42em) {
    .hbaMessageWrapper .hbaMessage {
        padding: 7.625rem 0;
        margin-top: -.0625rem;
        width: 55%
    }
}

@media only screen and (min-width: 62.5em) {
    .hbaMessageWrapper .hbaMessage {
        width: 45%
    }
}

.hbaMessageWrapper .hbaLogo {
    padding-bottom: 1.625rem;
    width: 11.25rem
}

.hbaMessageWrapper .hbaText {
    color: #fff;
    font-size: 1.25rem;
    margin: 0;
    padding-bottom: 1.625rem
}

@media only screen and (min-width: 42em) {
    .hbaMessageWrapper .hbaText {
        font-size: 1.375rem;
        padding-bottom: 2.625rem
    }
}

.hbaMessageWrapper .ctaButton {
    background-color: rgba(255, 255, 255, 0.1);
    border: 2px solid #fff;
    color: #fff;
    font-size: 1rem;
    padding: .375rem 2.75rem
}

@media only screen and (min-width: 42em) {
    .hbaMessageWrapper .ctaButton {
        font-size: 1.125rem
    }
}

.hbaMessageWrapper .hbaTimer {
    color: #fff;
    font-size: .9375rem;
    font-style: italic;
    margin: 0
}

body.butterscotch .m-videoplayer-content-sf .m-videoplayer-episodemeta a {
    color: #f7b81b
}

body.garnet .m-videoplayer-content-sf .m-videoplayer-episodemeta a {
    color: #c50511
}

body.aluminum .m-videoplayer-content-sf .m-videoplayer-episodemeta a {
    color: #5c7594
}

body.default .m-videoplayer-content-sf .m-videoplayer-episodemeta a {
    color: #e2b05e
}

body.butterscotch .m-videoplayer .expandable-section a,
body.butterscotch .m-livevideoplayer .expandable-section a {
    color: #f7b81b
}

body.garnet .m-videoplayer .expandable-section a,
body.garnet .m-livevideoplayer .expandable-section a {
    color: #c50511
}

body.aluminum .m-videoplayer .expandable-section a,
body.aluminum .m-livevideoplayer .expandable-section a {
    color: #5c7594
}

body.default .m-videoplayer .expandable-section a,
body.default .m-livevideoplayer .expandable-section a {
    color: #e2b05e
}

.m-livevideoplayer .m-videoplayer-image-background {
    background-color: #000
}

.m-livevideoplayer .videoContainer {
    background-color: #000
}

.m-livevideoplayer .affilate-logo.hasDistro {
    height: 3.21875rem;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    width: 4.0625rem
}

@media only screen and (min-width: 42em) {
    .m-livevideoplayer .affilate-logo.hasDistro {
        margin-top: 5px;
        margin-bottom: 0;
        width: 5.625rem;
        height: 3.75rem
    }
}

.m-livevideoplayer .m-videoplayer-content-lf .m-videoplayer-title {
    left: 4.46875rem;
    margin-top: 0
}

@media only screen and (min-width: 42em) {
    .m-livevideoplayer .m-videoplayer-content-lf .m-videoplayer-title {
        left: 5.875rem
    }
}

div#facebook-comments i {
    display: inline-block;
    background-image: url("Sprite.png")
}

/*# sourceMappingURL=abc.css.map */

h1,
h2,
h3,
h4,
h5,
h6,
.text1,
.text2,
.text3,
.text4,
.text5,
body {
    font-family: 'Poppins', sans-serif;
}

body,
.m-menu .m-menu-wrapper {
    background: white;
}

h1,
h2,
h3,
h4,
h5,
h6,
.text5,
.copy-content .text3,
.copy-content ul,
.copy-content li,
.m-menu .white {
    color: black !important;
}

.copy-content a {
    color: #da074a !important;
}

.new-action-button {
    background: white;
    padding: 1rem;
    display: block;
    color: #da074a;
    border-radius: 1rem;
    margin: 1rem;
    font-weight: bold;
    text-align: center;
    font-size: 1.4rem;
}

@media only screen and (max-width: 767px) {
    .m-tilegroup-around-abc {
        margin-top: -2rem !important;
    }
    .new-action-button {
        font-size: 1rem;
        padding: 0.5rem
    }
    .module.marketing {
        text-align: center;
    }
}

.new-action-button:hover {
    background: #6f1632;
}

.m-show-logo {
    height: 260px;
}

@media only screen and (max-width: 1200px) {
    .m-show-logo {
        height: 150px;
    }
}

@media only screen and (max-width: 500px) {
    .m-show-logo {
        height: 190px;
        margin-bottom: 1rem;
    }
    .m-sharebar {
        display: none;
    }
    .mt-20 {
        margin-bottom: 0 !important;
    }
}

@media only screen and (max-width: 500px) {
    .m-show-logo {
        height: 190px;
        margin-bottom: 1rem;
    }
    .m-sharebar {
        display: none;
    }
}

@media only screen and (max-width: 350px) {
    .m-show-logo {
        height: 150px;
    }
}

.img-caption {
    display: block;
    margin-top: 1rem
}

.module .module-title,
.module.notitle {
    font-weight: 600;
}

strong {
    font-weight: bold;
}