@font-face {
    font-family: MontserratBlack;
    src: url("/font/Montserrat-Black.woff") format("opentype"), url("/font/Montserrat-Black.otf") format("opentype");
}

.borderTESTESTTESTTESTTESTTESTClass {
    border-color: #C1E0FF;
    border-width: 1px;
    border-style: solid;
    /** OR USE INLINE
  border: 1px solid #C1E0FF;
  **/
}

.trackerHtml {
    color: #000000 !important;
}

html,
button,
input,
select,
textarea {
    color: #515050;
}
/*Removes the URL form any links within the JS print fn()*/
/*Used sofar on Billing History and Receipt Pages*/
@media print {
    a[href]:after {
        content: none !important;
    }
}

/*Validation messages*/
.text-danger ul {
    color: #fff;
    background: #DC5734;
    padding-top: 20px;
    padding-bottom: 10px;
}

    .text-danger ul li {
        margin-bottom: 10px;
        list-style: none;
        padding-left: 20px
    }

.text-danger {
    color: #DC5734;
}

html {
    font-size: 1em;
    line-height: 1.4;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html, body {
    height: 100%;
}

    body > form {
        height: 100%;
    }

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

*:focus {
    outline: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

a, a:hover, a:active, a:focus {
    color: #dc592b;
    outline: 0;
    transition: all 0.5s ease;
    text-decoration: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
img,
video {
    vertical-align: middle;
}

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

textarea {
    resize: vertical;
}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

body {
    font: 12px/22px 'Rokkitt', Helvetica, Helvetica Neue, Arial;
    font-weight: 400;
}

    body.authenticated, body.reverse {
        background-color: #292727;
    }

    body.reverse {
        color: #fff;
    }

    body.content-page {
        background-color: #f4f4f4;
    }

    body.content-detail {
        background-position: center 60px;
        background-repeat: no-repeat;
        background-size: 100%;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        -o-background-size: 100%;
        background-size: 100%;
    }

    body.video-playback {
        padding-top: 50px;
    }

.wrapper {
    margin: 0 30px;
    box-sizing: border-box;
}

.full-width-wrapper {
    margin: 0;
    /*padding: 0 30px;*/
    overflow-x: hidden;
    box-sizing: border-box;
    clear: both;
}

img {
    max-width: 100%;
}

/* ==============
    MOBILE: Menu
   ============== */

nav ul {
    margin: 0;
    padding: 0;
}

nav a {
    display: block;
    margin-bottom: 10px;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
}

    nav a:hover,
    nav a:visited {
        color: #000;
    }

    nav a:hover {
    }

/* ==========================================================================
   Custom styles
   ========================================================================== */

/* Home Update 09-06-2018 */
.get-on {
    background-color: #1d1c1c;
    margin: 0;
    padding: 5px 0;
    color: #fff;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
}
.get-on a {
    color: #626262;
}
.get-on a:hover {
    color: #dc592b !important;
}
.logo-list {
    border-bottom: 1px solid #313131;
    padding: 10px 0 0 0;
    margin: 0;
}
.home-anytime .logo-list {
    border-color: #fff;
}
.logo-list li {
    list-style-type: none;
    padding: 0 0 30px 0;
}
.logo-list li a {
    position: relative;
    display: inline-block;
}
.logo-list img {
    display: inline-block;
    transition: all 0.5s ease;
}
.logo-list .full-color {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    opacity: 0;
}
.logo-list li:hover img.full-color {
    opacity: 1;
    transition: all 0.5s ease;
}
.logo-list li:hover img:not(.full-color) {
    opacity: 0;
    transition: all 0.5s ease;
}
.home-anytime .logo-list img:not(.full-color) {
    opacity: .7;
}
.home-anytime h5 {
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 0;
}
.footer-container .copyright {
    clear: both;
    margin-top: 15px;
    border-top: 1px solid #313131;
    font-family: 'Montserrat', sans-serif;
    font-size: .8em;
    text-align: right;
    padding: 30px 0 100px 0;
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

h1 {
    font-size: 2.2em;
    line-height: .8em;
    margin-bottom: .25em;
}

.content-container h4 {
    font-size: 1.4em;
}

/* Header */
.header-container {
    width: 100%;
    padding: 80px 0 0 0;
    position: absolute;
    top: 0;
    z-index: 10;
    transition: all 0.5s ease;
}

    .header-container.stay-shrink {
        padding: 20px 0;
        background-color: rgba(52, 50, 50, 0.9);
    }

        .header-container.stay-shrink nav {
            font-family: 'Montserrat';
            font-size: .8em;
            font-weight: 600;
        }

    .header-container .title {
        margin-bottom: 30px;
    }

    .header-container.stay-shrink .title {
        margin-bottom: 0;
    }

.home.grid .header-container .title {
    float: left;
}

.home.grid .header-container nav {
    float: right;
}

.header-container nav a, .header-secondary nav a {
    margin: 0;
    padding: 10px 30px;
    border: 1px solid #dc592b;
    color: #dc592b;
    text-transform: uppercase;
    display: block;
    width: 100%;
    box-sizing: border-box;
}

.header-container nav li:first-child a, .header-secondary nav li:first-child a {
    margin-left: 0;
}

.header-container nav li:last-child a, .header-secondary nav li:last-child a {
    margin-right: 0;
    transition: all 0.5s ease;
}

    .header-container nav li:last-child a:hover, .header-secondary nav li:last-child a:hover {
        color: #fff;
        background-color: #dc592b;
        transition: all 0.5s ease;
    }

.header-auth, .header-secondary {
    position: relative;
    background-color: #201e1e;
    top: 0;
    z-index: 100;
    width: 100%;
}

    .header-auth .mobile-toggle {
        position: absolute;
        top: 50%;
        margin-top: -.5em;
        left: 5%;
        font-size: 2em;
    }

        .header-auth .mobile-toggle a {
            text-decoration: none;
            color: #bdbec0;
        }

    .header-auth .title, .header-secondary .title {
        padding: 15px 0;
        margin: 0;
    }

        .header-auth .title img, .header-secondary .title img {
            height: 30px;
            width: auto;
        }

    .header-auth header, .header-secondary header {
        text-align: center;
    }

    .header-auth nav.drop-down-menu {
        display: none;
        position: absolute;
        cursor: pointer;
        left: 0px;
        top: 60px;
        background-color: #414141;
    }

        .header-auth nav.drop-down-menu ul li {
            float: none;
            cursor: pointer;
        }

        .header-auth nav.drop-down-menu ul a {
            padding-left: 10px;
            padding-right: 10px;
        }

.header-auto nav.drop-down-menu ul li {
    float: none;
}

.header-auth nav.drop-down-menu .user-info {
    background-color: #393738;
}

    .header-auth nav.drop-down-menu .user-info .icon-down-dir {
        font-size: .5em;
        padding: 2px 0px 0px 2px;
        margin-left: -8px;
        color: #bcbec0;
    }

        .header-auth nav.drop-down-menu .user-info .icon-down-dir:after {
            border-color: #bcbec0;
        }

.header-auth nav .search-container .icon-search {
    font-size: .75em;
    padding: 0 25px;
}
a.gift-cards {
    display: inline-block !important;
}
a.start-watching {
    float: right;
    margin-right: 10px;
    background-color: #de562c;
    color: #fff;
    padding: 10px 15px;
    border: 1px solid #de562c;
    text-decoration: none;
    text-transform: uppercase;
    display: none;
    font-family: 'Montserrat', sans-serif;
    font-size: .8em;
}
a.start-watching strong, a.gift-cards strong {
    font-weight: 500;
}
a.start-watching strong {
    font-family: MontserratBlack;
    /*font-size: .8em;*/
}

a.start-watching span {
    display: inline-block;
    padding: 0 5px;
}

a.start-watching:hover {
    background-color: #a63415;
    border: 1px solid #a63415;
}

.search-container .icon-search:after, button.icon-search:after, .page-header h3 .icon-left-dir:after, .back .icon-left:after {
    content: '';
    position: absolute;
    left: 21px;
    top: -3px;
    width: 20px;
    height: 20px;
    display: block;
    padding: 1px;
    line-height: 30px;
    text-align: center;
    border: 2px solid #bcbec0;
    color: #bcbec0;
    border-radius: 50%;
    transition: all 0.5s ease;
}

.search-container.active .icon-search:after {
    border-color: #dc592b;
}

.page-header h3 a {
    color: #fff;
    text-decoration: none;
}

    .page-header h3 a span {
        color: #dc592b;
        font-size: 14px;
        width: 24px;
        margin-right: 8px;
        display: inline-block;
        text-align: center;
        line-height: 24px;
        margin-top: -6px;
    }

.page-header h3 .icon-left-dir:after {
    border-color: #dc592b;
    left: 0px;
    top: -6px;
}

.page-header h3 .icon-left-dir:before {
    line-height: 10px;
    position: relative;
    top: -3px;
}

.page-header h3 .icon-left-dir, .back .icon-left {
    position: relative;
}

.back .icon-left {
    display: inline-block;
    margin-left: -20px;
    font-size: 20px;
    line-height: 30px;
}

    .back .icon-left:before {
        padding-left: 26px;
        padding-top: 5px;
        color: #eee;
    }

    .back .icon-left:after {
        content: '';
        width: 30px;
        height: 30px;
    }

    .back .icon-left:hover:after, .back .icon-left:hover:before {
        color: #dc592b;
        border-color: #dc592b;
    }

div.search-container {
    position: absolute;
    font-size: 1em;
    padding: 0 25px;
    top: 50%;
    margin-top: -.6em;
    right: 5%;
}

    div.search-container a {
        color: #bcbec0;
        text-decoration: none;
    }

.search-promo {
    margin: 20px 0 20px 0;
    display: block;
    text-decoration: none;
    color: #fff;
}

    .search-promo:hover {
        color: #fff;
    }

        .search-promo:hover span {
            color: #de562c;
        }

    .search-promo span.icon-search {
        position: relative;
        font-size: 12px;
        margin-left: 10px;
    }

        .search-promo span.icon-search:after {
            content: '';
            position: absolute;
            left: -3px;
            top: -5px;
            width: 15px;
            height: 15px;
            display: block;
            padding: 1px;
            line-height: 30px;
            text-align: center;
            border: 2px solid #bcbec0;
            color: #bcbec0;
            border-radius: 50%;
            transition: all 0.5s ease;
        }

    .search-promo:hover span.icon-search:after {
        border-color: #de562c;
    }

.drop-down-menu ul a.top-level {
    border: 1px solid #de562c;
    color: #de562c;
    padding: 10px 15px;
    text-align: center;
}

.drop-down-menu ul ul {
    display: none;
    padding-top: 10px;
    position: relative;
}

.drop-down-menu ul a {
    display: block;
    color: #817e7e;
    text-transform: uppercase;
    text-align: left;
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
    margin: 0;
}

.drop-down-menu ul ul:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 30px;
    margin-left: -8px;
    width: 0px;
    height: 0px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #414141;
    z-index: 1;
}

.drop-down-menu ul ul li {
    float: none;
    min-width: 150px;
    background-color: #414141;
}

.ico-responsive {
    width: 75px;
    height: auto;
}

/* Home */
.home-introducing {
    background-color: #de562c;
    padding: 60px 10% 60px 10%;
    color: #fff;
    text-align: center;
}

    .home-introducing h2 {
        font-size: 2.2em;
        line-height: .7em;
    }

.home-mobile {
    background-color: #de562c;
    padding: 60px 0 0 0;
    color: #fff;
}

.home.grid .home-mobile {
    background-color: #b9b7b5;
    color: #5a5958;
}

    .home.grid .home-mobile h2 {
        font-family: MontserratBlack;
        text-transform: uppercase;
        line-height: .85em;
        font-size: 2.5em;
    }

        .home.grid .home-mobile h2 span {
            color: #5a5958;
            font-size: .6em;
        }

.home-mobile h2 {
    font-size: 3em;
    line-height: .7em;
    position: relative;
    color: #fff;
}

    .home-mobile h2 span {
        font-size: .8em;
        display: block;
        color: #2a2a2a;
    }

    .home-mobile h2:after {
        content: '';
        position: absolute;
        display: block;
        background-color: #fff;
        bottom: -15px;
        left: 0;
        width: 25px;
        height: 2px;
    }

.home-mobile .col {
    box-sizing: border-box;
    line-height: 1.6em;
}

    .home-mobile .col:nth-of-type(1) {
        /*display: none;*/
        padding-right: 25%;
        max-height: 550px;
        overflow: hidden;
    }

    .home-mobile .col:nth-of-type(2) {
        padding: 30px;
    }

    .home-mobile .col em {
        font-style: normal;
        color: #2c2c2c;
    }

.home-subscription {
    padding: 60px 10% 60px 10%;
    text-align: center;
    background-image: url(../img/bkg_subscription.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
}

.home.grid .home-subscription {
    background-image: url(../img/bkg_subscription-gray.jpg);
    background-position: left center;
    padding: 80px 10%;
}

.home-subscription h3 {
    /*color: #de562c;*/
    line-height: 1em;
    font-size: 2.2em;
    margin-bottom: 10px;
}

.home.grid .home-subscription h3 {
    font-family: MontserratBlack;
    font-size: 2.6em;
}

.home-updates {
    padding: 60px 10% 60px 10%;
    text-align: center;
    background-image: url(../img/bkg_up-to-date.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
}

    .home-updates .sign-up-form input {
        max-width: 100%;
        width: 350px;
    }

.home-anytime {
    background-color: #d7d4cf;
    padding: 120px 30px 60px 30px;
    text-align: center;
    background-image: url(../img/ico_devices.png);
    background-position: center 50px;
    background-repeat: no-repeat;
}

.home.grid .home-anytime {
    background-image: none;
    padding-top: 30px;
}

    .home.grid .home-anytime h4 {
        font-family: MontserratBlack;
        color: #fff;
        font-size: 2.6em;
        line-height: 1em;
        margin-bottom: 20px;
    }

    /*.home.grid .home-anytime h5 {
        font-family: MontserratBlack;
        color: #fff;
        font-size: 1em;
        margin-bottom: 15px;
        text-transform: uppercase;
    }*/

    .home.grid .home-anytime .price {
        width: 300px;
    }

.home-anytime h3 {
    color: #de562c;
    font-size: 2.2em;
    margin-bottom: 0;
    line-height: .8em;
}

.home-anytime a.btn {
    margin-top: 30px;
}

.intro-details {
    font-size: .8em;
    padding-top: 30px;
    margin-left: 110px;
    text-align: left;
}

    .intro-details .price .icon-right {
        position: absolute !important;
        left: 0;
        top: 30px;
        font-size: 50px !important;
        line-height: 70px;
        text-align: center;
        opacity: .5;
        transition: all 0.5s ease;
    }

    .intro-details .price a:hover .icon-right {
        opacity: 1;
        transition: all 0.5s ease;
    }

.home.grid .intro-details .icon-right.circled:before {
    padding-left: 8px;
    color: #fff;
}

.home.grid .intro-details .icon-right.circled:after {
    height: 90px;
    width: 90px;
}

.intro-details .disclaimer { /* 07-07-16 */
    font-size: 1.2em;
    color: #a4a3a1;
}

    .intro-details .disclaimer.right { /* 07-07-16 */
        width: 100%;
        float: none;
        display: block;
        margin-top: 10px;
    }

.intro-details .orange {
    font-size: 1.5em;
    padding-bottom: .2em;
    display: block;
}

.then-price {
    font-size: 1.2em;
}

.intro-details .price {
    display: block;
    /*margin-bottom: 30px;*/
}

.home-intro, .home-intro-login {
    background-color: #333;
    background-image: url(../img/bkg_home-intro.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
}

    .home-intro.video {
        background-image: url(../img/bkg_preview-video.jpg);
    }

.nra .home-intro {
    background-image: url(../img/bkg_nra.jpg);
}

    .nra .home-intro .intro-content {
        padding: 60px 10%;
        text-align: center;
        margin: 0 auto;
    }

.nra .intro-content .logo {
    position: relative;
    margin-bottom: 100px;
    display: block;
}

    .nra .intro-content .logo:after {
        content: '';
        position: absolute;
        bottom: -50px;
        left: 50%;
        margin-left: -18px;
        height: 5px;
        width: 35px;
        background-color: #fff;
        opacity: .4;
    }

.hunt-intro {
    background-color: #333;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
}

.home-intro.login {
    background-image: url(../img/bkg_login-intro.jpg);
    background-position: top left;
}

.home-intro .intro-content, .show-listing .intro-content, .hunt-intro .intro-content {
    padding: 250px 30px 150px 30px;
    background-color: rgba(0,0,0,.5);
}

.hunt-intro .intro-content {
    padding: 250px 5% 50px 5%;
}

.home-intro h1 span, .hunt-intro h1 span {
    color: #de562c;
}

.home-intro a.ico-gray-arrow, .hunt-intro a.ico-gray-arrow {
    position: absolute;
    left: 50%;
    margin-left: -25px;
    bottom: 25px;
}

.home-intro .intro-content, .show-listing .intro-content, .hunt-intro .intro-content {
    width: 100%;
    max-width: 100%;
    color: #fff;
    box-sizing: border-box;
}

.login .login-form {
    width: 100%;
    max-width: 100%;
    background-color: rgba(244, 244, 244, .8);
    border-top: 30px solid #767975;
    padding: 200px 40px 40px 40px;
    box-sizing: border-box;
}

    .login .login-form h2 {
        margin: 0;
    }

    .login .login-form label {
        display: block;
        margin-top: 15px;
        clear: both;
    }

    .login .login-form input {
        width: 100%;
        box-sizing: border-box;
    }

    .login .login-form label input {
        display: inline-block;
        width: auto;
        margin-right: 5px;
    }

/* Shows Grid */
.show-listing .left-col {
    padding-top: 30px;
}

    .show-listing .left-col p {
        line-height: 1.6em;
    }

    .show-listing .left-col h2 {
        font-size: 2.2em;
        margin: 0;
        line-height: .9em;
    }

        .show-listing .left-col h2.divider {
            padding-top: 30px;
            position: relative;
        }

            .show-listing .left-col h2.divider:before {
                content: '';
                width: 25px;
                height: 2px;
                background-color: #414141;
                top: 0px;
                left: 0px;
                position: absolute;
            }

        .show-listing .left-col h2 span {
            color: #de562c;
        }

    .show-listing .left-col h3 {
        font-size: 1.5em;
        margin: 0;
        color: #de562c;
    }

.shows-grid {
    margin-right: -30px;
}

    .shows-grid .shows-item {
        float: left;
        position: relative;
        width: 50%;
        padding-right: 30px;
        padding-bottom: 30px;
        box-sizing: border-box;
    }

/* Authenticated */
.content-container {
    padding-bottom: 50px;
    min-height: 80%;
}

    .content-container h3 {
        color: #fff;
        font-size: 2em;
        margin-bottom: 0;
    }
/* Genre Listing */
.genre-grid, .how-to-grid {
    margin-right: -1px;
}

/* 07-27-17 updates */
.genre-item.view-all {
    background-color: #d74420;
}

    .genre-item.view-all a {
        display: block;
        height: 100%;
        width: 100%;
        color: #fff;
        position: absolute;
        top: 0;
        left: 0;
        text-align: left;
        padding: 30px;
        box-sizing: border-box;
    }

        .genre-item.view-all a .content {
            position: absolute;
            bottom: 0;
        }

    .genre-item.view-all span.head {
        margin-top: 30px;
        display: block;
    }

        .genre-item.view-all span.head h2 {
            margin-top: 2px;
            font-size: 2.2em;
            font-size: 9vw;
            text-transform: uppercase;
        }

    .genre-item.view-all .icon-right.circled {
        opacity: .7;
        transition: all 0.5s ease;
        position: relative;
        font-size: 30px;
        left: -8px;
    }

    .genre-item.view-all:hover .icon-right.circled {
        opacity: 1;
        transition: all 0.5s ease;
        left: 5px;
    }

    .genre-item.view-all .icon-right.circled:before {
        padding: 0 10px;
    }

    .genre-item.view-all .icon-right.circled:after {
        content: '';
        position: absolute;
        left: 0;
        margin-left: 9px;
        top: 0;
        margin-top: -8px;
        width: 40px;
        height: 40px;
        display: block;
        padding: 1px;
        line-height: 10px;
        text-align: center;
        border: 1px solid #fff;
        color: #fff;
        border-radius: 50%;
        transition: all 0.5s ease;
    }
/* END: 07-27-17 updates */

.genre-grid .genre-item, .how-to-grid .how-to-item {
    position: relative;
    display: inline-block;
    margin: 30px 0 -6px 0;
    padding: 0 1px 0 0;
    cursor: pointer;
    float: left;
    width: 50%;
    box-sizing: border-box;
    text-align: center;
    /*z-index: 10;*/
}

.how-to-grid .how-to-item {
    padding-right: 15px;
}

    .how-to-grid .how-to-item:nth-child(2n+1) {
        clear: left;
    }

.genre-grid.caro {
    margin: -15px 0 0 0;
}

.full-width-wrapper .genre-grid.caro {
    padding: 0 30px;
}

.genre-grid.caro .genre-item {
    margin: 50px 0 -6px 0;
}

.genre-grid .genre-item.active:after {
    content: '';
    position: absolute;
    height: 6px;
    width: 100%;
    bottom: -6px;
    left: 0;
    background-color: #de562c;
    z-index: 1;
}

.genre-grid .genre-item.active:before {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 50%;
    margin-left: -8px;
    width: 0px;
    height: 0px;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #de562c;
    z-index: 1;
}

.genre-grid .genre-item .genre-item-detail {
    position: absolute;
    margin: -30px;
    height: 100%;
    width: 100%;
    background-color: #eee;
    top: 0;
    left: 0;
    padding: 30px;
    z-index: 10;
    display: none;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.genre-item-detail .bkg-image {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    /*display: none;*/
}

.genre-item-detail .description {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 10;
    text-align: left;
    color: #fff;
    padding: 30px;
    font-size: .8em;
}

    .genre-item-detail .description p {
        display: none;
    }

.genre-item-detail .add-to-list {
    position: absolute;
    left: 30px;
    top: 30px;
    z-index: 100;
}

.genre-item-detail .description h3 {
    font-size: 2em;
    margin: 0 0 15px 0;
}

.genre-item-detail .more-info {
    position: absolute;
    bottom: 15px;
    left: 50%;
    z-index: 10;
}

    .genre-item-detail .more-info a {
        display: block;
        margin-left: -10px;
        text-decoration: none;
        position: relative;
        font-size: .8em;
    }

        .genre-item-detail .more-info a:after {
            content: '';
            position: absolute;
            left: 0px;
            top: 0px;
            width: 20px;
            height: 20px;
            display: block;
            padding: 1px;
            line-height: 30px;
            text-align: center;
            border: 2px solid #de562c;
            color: #de562c;
            border-radius: 50%;
            transition: all 0.5s ease;
        }

        .genre-item-detail .more-info a:before {
            padding: 5px 0px 0px 3px;
        }

        .genre-item-detail .more-info a:hover {
            color: #fff;
        }

.genre-item .new-show {
    background-color: #de562c;
    color: #fff;
    position: absolute;
    padding: 5px 10px;
    right: 0px;
    top: 30px;
    z-index: 10;
    text-transform: uppercase;
}

.genre-item-detail .play-show {
    margin-bottom: 30px;
    text-align: center;
}

    .genre-item-detail .play-show a {
        display: inline-block;
        padding: 12px 0px 0px 7px;
        text-decoration: none;
        position: relative;
        font-size: 2em;
    }

        .genre-item-detail .play-show a:hover {
            color: #fff;
        }

            .genre-item-detail .play-show a:hover:after {
                border-color: #fff;
            }

        .genre-item-detail .play-show a:after {
            content: '';
            position: absolute;
            left: 0px;
            top: 0px;
            width: 40px;
            height: 40px;
            display: block;
            padding: 1px;
            line-height: 30px;
            text-align: center;
            border: 4px solid #de562c;
            color: #de562c;
            border-radius: 50%;
            transition: all 0.5s ease;
        }

.genre-item-detail .more-info.searchresult {
    margin-bottom: 100px;
    text-align: center;
}

    .genre-item-detail .more-info.searchresult a {
        margin-bottom: 100px;
        display: inline-block;
        padding: 7px 0px 0px 3px;
        text-decoration: none;
        position: relative;
        font-size: 2em;
    }

        .genre-item-detail .more-info.searchresult a:hover {
            margin-bottom: 100px;
            color: #fff;
        }

            .genre-item-detail .more-info.searchresult a:hover:after {
                margin-bottom: 100px;
                border-color: #fff;
            }

        .genre-item-detail .more-info.searchresult a:after {
            margin-bottom: 100px;
            content: '';
            position: absolute;
            left: 0px;
            top: 0px;
            width: 40px;
            height: 40px;
            display: block;
            padding: 1px;
            line-height: 30px;
            text-align: center;
            border: 4px solid #de562c;
            color: #de562c;
            border-radius: 50%;
            transition: all 0.5s ease;
        }

/* SEO Preview */
.seo-detail {
    background-color: #292728;
    padding: 200px 0 0 0;
    color: #fff;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

    .seo-detail h1 {
        font-family: MontserratBlack;
        font-size: 3em;
        line-height: 1em;
        position: relative;
        text-transform: none;
        color: #fff;
    }

    .seo-detail .show-description {
        font-family: 'Montserrat';
        padding: 0 0 40px 0;
        line-height: 1.6em;
        font-size: 1em;
        font-weight: 400;
        border-bottom: 1px solid #737473;
    }

.seo-listing {
    font-family: 'Montserrat';
    background-color: #292728;
    padding: 30px 0 80px 0;
    color: #fff;
}

    .seo-listing .how-to-item-detail p {
        font-size: .8em;
        margin-top: 20px;
    }

    .seo-listing .how-to-item-detail {
        margin-top: 30px;
    }

    .seo-listing .how-to-img a:after {
        /*content: '';
    border: none;*/
    }

    .seo-listing h2 {
        font-family: 'Montserrat';
        color: #de562c;
        font-size: 2em;
        line-height: 1em;
        font-weight: 800;
        margin-bottom: 0px;
    }

    .seo-listing .page-header {
        margin-top: 10px;
    }

    .seo-listing .show-name strong {
        display: block;
        margin: 17px 0;
        font-size: 1.5em;
    }

    .seo-listing .drop-down-menu ul a.top-level {
        border: none;
        padding: 0;
        color: #fff;
        font-size: 1.8em;
        font-weight: 600;
    }

    .seo-listing .page-header .col {
        padding-right: 10px;
    }

    .seo-listing .seo-tabs .current a {
        color: #fff;
    }

    .seo-listing span:before {
        font-size: 1.2em;
    }

    .seo-listing .icon-down-dir.circled:after {
        border: none;
    }

    .seo-listing .tab-content {
        display: none;
    }

        .seo-listing .tab-content.current {
            display: inherit;
        }

.seo-drop ul {
    list-style: none;
    position: relative;
    float: left;
    margin: 0;
    padding: 0
}

    .seo-drop ul a {
        display: block;
        padding: 5px 0;
        color: #de562c;
    }

.seo-drop > ul > li > a {
    color: #fff;
    font-weight: 600;
    font-size: 1.25em;
    padding: 15px 0;
}

.seo-drop ul li {
    position: relative;
    float: left;
    margin: 0;
    padding: 0
}

    .seo-drop ul li.current {
        color: #fff;
    }

.seo-drop ul ul li {
    float: none;
    width: 200px;
}

.seo-drop ul ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #393738;
    padding: 15px 0;
    z-index: 10;
}

    .seo-drop ul ul:before {
        content: '';
        position: absolute;
        top: -7px;
        left: 30px;
        margin-left: -8px;
        width: 0px;
        height: 0px;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #393738;
        z-index: 1;
    }

div.episode-num {
    padding-top: 10px;
    display: block;
}

.episode-cta a {
    color: #fff;
    text-decoration: none;
}

    .episode-cta a:hover {
        color: #de562c;
    }

    .episode-cta a span, .how-to-item-detail a span {
        color: #615d5d;
    }

.episode-cta span.nav-divider {
    display: inline-block;
    padding: 0 5px;
    position: relative;
}

    .episode-cta span.nav-divider:before {
        content: '';
        position: absolute;
        top: -12px;
        left: 5px;
        width: 1px;
        height: 15px;
        background-color: #615d5d;
    }

.episodes-container h4 {
    font-size: 1.5em;
    margin: 30px 0 0 0;
}

.episode-image {
    position: relative;
    max-width: 350px;
}

    .episode-image a:after, .how-to-img a:after {
        content: '\e805';
        font-family: outdoors;
        font-size: 1.2em;
        letter-spacing: -.1em;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -25px;
        margin-left: -25px;
        width: 40px;
        height: 40px;
        display: block;
        padding: 1px;
        line-height: 40px;
        text-align: center;
        border: 4px solid #de562c;
        color: #de562c;
        border-radius: 50%;
        transition: all 0.5s ease;
        text-decoration: none; /*added for IE: tgates:11/1/2016*/
    }

    .episode-image a:hover:after, .how-to-img a:hover:after {
        color: #fff;
        border-color: #fff;
        text-decoration: none; /*added for IE: tgates:11/1/2016*/
    }

.episodes-container {
}

.how-to-grid .how-to-item {
    cursor: default;
    color: #fff;
}

.how-to-item-detail {
    text-align: left;
    padding-right: 30px;
}

    .how-to-item-detail h4 {
        font-size: 1.2em;
        margin: 15px 0 -10px 0;
    }

    .how-to-item-detail a {
        color: #fff;
        text-decoration: none;
    }

    .how-to-item-detail p:first-of-type {
        display: none;
    }

    .how-to-item-detail a:hover {
        color: #de562c;
    }

.how-to-img {
    position: relative;
}

.content-detail, .tips {
    color: #fff;
}

    .content-detail .content-container {
        padding-top: 50px;
    }

        .content-detail .content-container .page-header {
            padding-bottom: 50px;
        }

.page-header .season-nav {
    clear: left;
    padding-top: 20px;
}

.season-switch .top-level {
    cursor: default;
}

.show-detail {
    position: relative;
    background-color: #191818;
    clear: left;
    margin-right: 1px;
    margin-top: 6px !important;
    float: left;
    width: 100%;
    z-index: 0;
    box-sizing: border-box;
    display: none;
}

.show-container {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 20px;
    position: relative;
    min-height: 600px;
    box-sizing: border-box;
    color: #fff;
}

    .show-container h3 {
        font-size: 2.4em;
        margin-bottom: 10px;
    }

.show-specs {
    margin-bottom: -10px;
    font-size: 1.4em;
    font-family: 'Roboto Condensed', sans-serif;
}

span.rating {
    display: inline-block;
    padding: 4px;
    border: 1px solid #fff;
    margin: 0 5px;
}

.episode-item span.rating, .episode-intro span.rating {
    padding: 1px 4px;
    margin-left: 0;
}

div.player-container {
    margin-top: 30px;
}

.home-intro.video .player-container {
    padding: 0 0 30px 0;
}

.add-btn {
    color: #fff;
    text-decoration: none;
    position: relative;
    padding-left: 36px;
    font-size: 1.2em;
    display: block;
    padding-top: 2px;
    margin-bottom: 40px;
    line-height: 18px;
}

    .add-btn:before {
        content: '\e809';
        position: absolute;
        left: 0px;
        top: 0px;
        width: 20px;
        height: 20px;
        display: block;
        padding: 1px;
        line-height: 22px;
        text-align: center;
        border: 2px solid #de562c;
        color: #de562c;
        border-radius: 50%;
        font-family: "outdoors";
        font-size: 14px;
        line-height: 20px;
        font-style: normal;
        font-weight: normal;
        transition: all 0.5s ease;
    }

    .add-btn.active:before {
        content: '\e80d';
    }

    .add-btn:hover:before {
        color: #fff;
        border-color: #fff;
        transition: all 0.5s ease;
    }

    .add-btn span.tag {
        white-space: nowrap;
        display: none;
        color: #292727;
        font-size: 12px;
        padding: 4px;
        position: relative;
        overflow: hidden;
        height: 20px;
        width: 100px;
        background: transparent url(../img/bkg_add-tag.png) no-repeat top left;
        padding: 4px 15px;
        margin: 0 0 0 -18px;
        line-height: 14px;
    }

    .add-btn:hover span.tag {
        display: inline-block;
    }

    .add-btn.active:hover span.tag {
        /*display: none;*/
        width: 135px;
    }

.show-container {
    font-size: 1.4vw;
    line-height: 1.8vw;
}

    .show-container .episode-caro {
        margin-right: -10px;
        position: relative;
    }

        .show-container .episode-caro button.slick-arrow, .genre-grid.caro button.slick-arrow {
            position: absolute;
            top: 15%;
            left: -30px;
            padding: 0px;
            z-index: 10;
            border: 2px solid #de562c;
            color: #de562c;
            background-color: transparent;
            text-align: center;
            overflow: hidden;
            height: 20px;
            width: 20px;
            border-radius: 50%;
        }

.genre-grid.caro {
    z-index: 1;
    position: relative;
}

    .genre-grid.caro button.slick-arrow {
        top: 50%;
        height: 30px;
        left: 0;
        width: 30px;
        font-size: 1.7em;
        display: none !important;
    }

.no-touch .genre-grid.caro button.slick-arrow {
    display: block !important;
}

button.slick-disabled {
    opacity: 0.2;
    cursor: default;
}

.show-container .episode-caro button.slick-arrow {
    font-size: 18px;
}

.show-container .episode-caro button.slick-next, .genre-grid.caro button.slick-next {
    left: auto;
    right: -20px;
}

.genre-grid.caro button.slick-next {
    right: 0;
}

.show-container .episode-caro button.slick-arrow:before, .genre-grid.caro button.slick-arrow:before {
    position: absolute;
    top: 4px;
    left: 1px;
    font-size: .6em;
}

.show-container .episode-caro button.slick-arrow:not(.slick-disabled):hover, .genre-grid.caro button.slick-arrow:not(.slick-disabled):hover {
    border-color: #fff;
    transition: all 0.5s ease;
}

    .show-container .episode-caro button.slick-arrow:not(.slick-disabled):hover:before, .genre-grid.caro button.slick-arrow:not(.slick-disabled):hover:before {
        color: #fff;
        transition: all 0.5s ease;
    }

.show-container .episode-caro .episode-item {
    padding-right: 10px;
    box-sizing: border-box;
}

    .show-container .episode-caro .episode-item .episode-intro p {
        font-size: .8em;
    }

    .show-container .episode-caro .episode-item .episode-intro a {
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
    }

        .show-container .episode-caro .episode-item .episode-intro a:hover {
            color: #de562c;
        }

        .show-container .episode-caro .episode-item .episode-intro a span {
            color: #615d5d;
            text-transform: none;
        }

.video-playback .episode-intro {
    margin-top: 30px;
}

    .video-playback .episode-intro h4 {
        font-size: 1.8em;
        margin: 0;
    }

.disclaimer {
    color: #bcbec0;
    font-size: .9em;
}

    .disclaimer.dark {
        color: #7e7e7e;
    }
/* Forms */
.search-box {
    position: relative;
}

button {
    background-color: transparent;
    border: none;
    transition: all 0.5s ease;
}

    button.icon-search {
        position: absolute;
        right: 10px;
        top: 8px;
        font-size: 12px;
        margin-left: 15px;
        color: #bcbec0;
    }

        button.icon-search:after {
            left: 1px;
            top: -4px;
        }

    button:hover {
        color: #de562c;
        transition: all 0.5s ease;
    }

    button.icon-search:hover:after {
        border-color: #de562c;
    }

input {
    font-family: 'Rokkitt', Helvetica, Helvetica Neue, Arial;
}

select {
    background: transparent;
    font-family: 'Rokkitt', Helvetica, Helvetica Neue, Arial;
    width: 100%;
    padding: 11px;
    font-size: 16px;
    line-height: 1;
    border: 0;
    border-radius: 0;
    position: relative;
    z-index: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    box-sizing: border-box;
}

    select::-ms-expand {
        display: none;
    }

    select.season-switch {
        cursor: pointer;
        color: #de562c;
        text-transform: uppercase;
        display: inline-block;
        border: 1px solid #de562c;
        width: auto;
        min-width: 120px;
        margin-right: 20px;
        background-color: transparent;
        background-image: url(../img/ico-arrow-down.png);
        background-position: 90% center;
        background-repeat: no-repeat;
    }

.select-wrap {
    position: relative;
    display: inline-block;
    width: 100%;
    background: #fff;
    border: 1px solid #b1b4b8;
}

    .select-wrap.icon:after {
        font-family: "outdoors";
        content: '\e803';
        position: absolute;
        right: 10px;
        top: 8px;
        color: #de562c;
        z-index: 0;
        display: block;
    }

.reverse .select-wrap {
    background: #4e4a4a;
    border: none;
}

    .reverse .select-wrap select {
        color: #fff;
    }

.search-box input {
    border: none;
    background-color: #363333;
    color: #fff;
    padding: 10px;
    font-family: 'Rokkitt', Helvetica, Helvetica Neue, Arial;
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    box-sizing: border-box;
}

.sign-up-form {
    max-width: 100%;
    width: 700px;
    margin: 0 auto;
    padding-top: 160px;
}

.reverse .sign-up-form {
    padding-top: 0px;
}

.sign-up-form h2 {
    font-size: 2em;
}

.sign-up-form label {
    display: block;
    margin-top: 15px;
}

.sign-up-form input {
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
    border: 1px solid #b1b4b8;
}

.reverse .sign-up-form input {
    background-color: #4e4a4a;
    border: none;
    color: #fff;
    width: 100%;
}

.sign-up-form label input {
    width: auto;
}

.sign-up-form p label {
    display: inline-block;
}

.sign-up-form label img {
    padding: 0 20px 0 10px;
}

.sign-up-form p.subheader {
    font-size: 1.5em;
    margin: 0;
    color: #515050;
}

div.ruled {
    padding: 20px 0 20px 0;
    line-height: 1em;
    margin-bottom: 30px;
    border-top: 1px solid #414141;
    border-bottom: 1px solid #414141;
}

    div.ruled h3, div.ruled p {
        line-height: .9em;
        margin: 0;
    }

.narrow-content {
    max-width: 100%;
    width: 1100px;
    margin: 0 auto;
    padding-top: 60px;
}

.search input[type="text"] {
    background-color: #383535;
    color: #fff;
    border: none;
    padding: 10px;
    width: 450px;
    max-width: 100%;
    box-sizing: border-box;
}

.search .advanced-search {
    background-color: #242222;
    width: 100%;
    padding: 50px;
    box-sizing: border-box;
}

.search ul, .search ul li {
    margin: 0;
    padding: 0;
}

.search ul {
    margin: 15px 0;
}

    .search ul li {
        padding-right: 30px;
        list-style-type: none;
        float: left;
        display: inline-block;
    }

.search label {
    cursor: pointer;
    color: #817e7e;
}

.search input[type="checkbox"] {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

    .search input[type="checkbox"] + label span {
        display: inline-block;
        width: 12px;
        height: 13px;
        background-image: url(../img/check-boxes.png);
        background-repeat: no-repeat;
        background-position: left -59px;
        padding-right: 8px;
    }

.search h3 input[type="checkbox"] + label span, .search h1 input[type="checkbox"] + label span {
    display: inline-block;
    width: 22px;
    height: 23px;
    background-position: left -23px;
}

.search h3 input[type="checkbox"]:checked + label span, .search h1 input[type="checkbox"]:checked + label span {
    background-position: left 0px;
}

.search input[type="checkbox"]:checked + label span {
    background-position: left -46px;
}

.search h3 label, .search h1 label {
    color: #fff;
}

button.close {
    display: inline-block;
    width: 27px;
    height: 28px;
    background-image: url(../img/ico-close.png);
    background-repeat: no-repeat;
    background-position: left 0px;
    cursor: pointer;
    transition: none;
}

    button.close:hover {
        background-position: left -28px;
        transition: none;
    }

/* Utility */
.right {
    float: right;
}

.left {
    float: left;
}

.clear {
    clear: both;
}

.center-text {
    text-align: center;
}

.border-bottom {
    padding: 0 0 30px 0;
    margin-bottom: 30px;
    border-bottom: 1px solid #414141;
}

a.btn, .login-form button, button.btn {
    background-color: #de562c;
    padding: 20px 30px;
    font-size: 1em;
    display: block;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    margin-bottom: 10px;
    text-align: center;
}

.home.grid .btn {
    width: auto;
    display: inline-block;
}

a.btn.inactive {
    background-color: transparent;
    border: 2px solid #de562c;
    color: #de562c;
    padding: 18px 28px;
    box-sizing: border-box;
}

    a.btn.inactive:hover {
        color: #fff;
        background-color: #de562c;
    }

.login-form button, button.btn {
    width: 100%;
    margin-top: 30px;
    font-family: 'Rokkitt', Helvetica, Helvetica Neue, Arial;
}

    a.btn:hover, .login-form button:hover, button.btn:hover {
        background-color: #a63415;
    }

    a.btn.grey, button.btn.grey {
        background-color: #2c2b2b;
        color: #969696;
    }

        a.btn.grey:hover, button.btn.grey:hover {
            color: #fff;
            background-color: #222;
        }

a.ico-gray-arrow {
    background-image: url(../img/ico-gray-arrow-down.png);
    display: block;
    width: 51px;
    height: 51px;
}

.home.grid a.all-shows {
    background-color: #201e1e;
    width: 100%;
    display: block;
    font-size: 1.2em;
    color: #fff;
    text-decoration: none;
    font-family: MontserratBlack;
    text-transform: uppercase;
    background-repeat: no-repeat;
    background-position: center 50px;
    padding: 25px 0;
    text-align: center;
    position: relative;
    z-index: 10;
}

a.ico-gray-arrow:hover {
    background-image: url(../img/ico-white-arrow-down.png);
}

ul#tabs {
    list-style-type: none;
    padding: 0;
    position: relative;
    z-index: 1;
}

    ul#tabs li {
        display: inline-block;
        background-color: transparent;
        border: solid 1px #de562c;
        padding: 5px;
        margin-bottom: 4px;
        color: #de562c;
        cursor: pointer;
        transition: all 0.5s ease;
    }

        ul#tabs li.external {
            padding: 0px;
        }

        ul#tabs li a {
            text-decoration: none;
            display: block;
            padding: 5px;
        }

        ul#tabs li:hover {
            /*background-color: rgba(0, 0, 0, .2);*/
            background-color: #de562c;
            color: #fff;
            transition: all 0.5s ease;
        }

        ul#tabs li a:hover {
            color: #fff;
        }

        ul#tabs li.active {
            color: #fff;
            background-color: #de562c;
            -webkit-transform: translate3d(0, 0, 0);
        }

div#tab {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    div#tab section {
        display: none;
        position: relative;
        z-index: 1;
    }

        div#tab section.active {
            display: block;
            height: auto;
        }

div.shaded {
    background-color: rgba(25, 25, 25, .8);
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
    left: 0;
    top: 0;
    display: none;
}

.home.grid .shaded {
    display: block;
    height: 2000px;
    background-color: rgba(25, 25, 25, .7);
    z-index: 0;
}

.home.grid section, footer {
    position: relative;
    z-index: 1;
}

.ajax-search div.shaded {
    display: block;
}

.ajax-search h5 {
    margin: 20px 0 0 0;
    font-size: 1.4em;
}

.page-header {
    margin: 30px 0 0 0;
}

    .page-header h4.nav-back {
        margin: 0;
    }

        .page-header h4.nav-back a {
            color: #bcbec0;
            text-decoration: none;
            text-transform: uppercase;
            position: relative;
        }

            .page-header h4.nav-back a:hover {
                color: #de562c;
            }

            .page-header h4.nav-back a .icon-left-dir {
                position: relative;
                color: #de562c;
                font-size: 14px;
            }

                .page-header h4.nav-back a .icon-left-dir:after {
                    content: '';
                    position: absolute;
                    top: -2px;
                    right: 1px;
                    z-index: 10;
                    border: 1px solid #de562c;
                    color: #de562c;
                    background-color: transparent;
                    text-align: center;
                    overflow: hidden;
                    height: 15px;
                    width: 15px;
                    border-radius: 50%;
                }

.indent-container {
    /*padding-top: 30px;*/
    clear: both;
}

    .indent-container h3 a {
        text-decoration: none;
        color: #fff;
        position: relative;
        z-index: 10;
    }

        .indent-container h3 a:hover {
            color: #de562c;
        }

.full-width-wrapper {
    /*margin-top: 30px;*/
}

.episodes .page-header, .tips .page-header {
    margin: 30px 0;
}

.page-header h2 {
    color: #fff;
    font-size: 3em;
    line-height: 1em;
    text-transform: uppercase;
    margin: 0;
}

.page-header h4.search {
    color: #fff;
}

.page-header h3 {
    line-height: 1em;
    margin: 0;
}

.page-header .episode-count {
    padding: 10px 0;
}

.icon-down-dir.circled, .icon-up-dir.circled {
    margin-left: -10px;
    text-decoration: none;
    position: relative;
    font-size: 1em;
}

    .icon-down-dir.circled:before, .icon-up-dir.circled:before {
        padding: 0 10px;
    }

    .icon-down-dir.circled:after, .icon-up-dir.circled:after {
        content: '';
        position: absolute;
        left: 50%;
        margin-left: -20%;
        top: 50%;
        margin-top: -23%;
        width: 10px;
        height: 10px;
        display: block;
        padding: 1px;
        line-height: 10px;
        text-align: center;
        border: 1px solid #de562c;
        color: #de562c;
        border-radius: 50%;
        transition: all 0.5s ease;
    }

.inline {
    display: inline-block;
}

span.orange {
    color: #de562c;
}

.margin-top {
    margin-top: 30px !important;
}

.margin-bottom {
    margin-bottom: 30px !important;
}

/* Footer */
.footer-container {
    background-color: #201e1f;
    color: #626262;
    padding: 50px 0;
}

    .footer-container nav {
        padding: 30px 0 0 0;
        font-family: 'Montserrat', sans-serif;
        font-size: .8em;
    }

        .footer-container nav a {
            color: #626262;
            display: inline-block;
            padding: 0;
        }

        .footer-container nav .active a {
            color: #de562c;
        }

        .footer-container nav a:hover {
            color: #fff;
        }

/* Feb 2016 additions */
.progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 4px;
    background-color: #ba1706;
}

.faq-container {
    background-color: #f4f4f4;
}

    .faq-container:nth-of-type(2n) {
        background-color: #eee;
    }

.faq-item {
    max-width: 100%;
    width: 1100px;
    margin: 0 auto;
    padding: 15px 0;
    box-sizing: border-box;
}

.faq-listing .contain {
    padding-left: 5%;
    padding-right: 5%;
}

.question {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    top: -5px;
}

    .question a {
        color: #505050;
        text-decoration: none;
        display: block;
        width: 100%;
        font-size: 1.5em;
        line-height: 1em;
        padding: 10px 40px 0 40px;
        position: relative;
        box-sizing: border-box;
    }

        .question a:before {
            content: 'Q';
            color: #de562c;
            font-size: 1.5em;
            display: inline-block;
            position: absolute;
            left: 0px;
            top: 8px;
        }

        .question a span {
            position: absolute;
            text-align: center;
            line-height: 25px;
            right: 0;
            border: 2px solid #505050;
            color: #505050;
            border-radius: 50%;
            box-sizing: border-box;
            height: 25px;
            width: 25px;
            margin-right: 15px;
        }

        .question a:hover span {
            color: #de562c;
            border: 2px solid #de562c;
        }

        .question a.open span {
            line-height: 20px;
        }

.answer {
    padding: 0 60px 0 40px;
}

.sign-up-form .right {
    text-align: right;
}

    .sign-up-form .right a {
        text-decoration: none;
    }

.responsive-table {
}

    .responsive-table table {
        width: 100%;
        border-collapse: collapse;
    }

    .responsive-table th {
        font-weight: normal;
    }

    .responsive-table tr.row-clickable {
        cursor: pointer;
    }

        .responsive-table tr.row-clickable:hover {
            background-color: #333;
        }

    .responsive-table td, .responsive-table th, table.secondary td {
        padding: 6px;
        border-bottom: 1px solid #414141;
        text-align: left;
    }

span.visa {
    background: transparent url(../img/cc-visa.png) no-repeat top left;
    width: 50px;
    height: 15px;
    display: inline-block;
    padding-right: 5px;
}

a.print {
    background: transparent url(../img/ico-print.png) no-repeat top left;
    padding-left: 28px;
}

.ruled a.print {
    position: relative;
    top: 8px;
}

a.printbuttonnoMainjsConflict {
    background: transparent url(../img/ico-print.png) no-repeat top left;
    padding-left: 28px;
}

.ruled a.printbuttonnoMainjsConflict {
    position: relative;
    top: 8px;
}

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

.larger-font {
    font-size: 1.2em;
}

.bill-info {
    padding-bottom: 80px !important;
}

.bottom-border {
    border-bottom: 1px solid #414141;
    padding-bottom: 10px;
}

/* START: 9-29-16 */
.image-grid {
    min-height: 100%;
    width: 100%;
}

    .image-grid a.img {
        display: inline-block;
        float: left;
        width: 50%;
        height: auto;
        position: relative;
    }

        .image-grid a.img img {
            width: 100%;
            height: auto;
        }

        .image-grid a.img:nth-of-type(1n+1) {
            display: inline-block;
        }

        .image-grid a.img:nth-of-type(1n+9) {
            display: none;
        }

        .image-grid a.img .hover {
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 1;
            background-color: rgba(25, 25, 25, .7);
        }

            .image-grid a.img .hover .hover-content {
                display: none;
                color: #fff;
                margin: 0 auto;
                width: 50%;
                text-align: center;
                position: absolute;
                top: 45%;
                width: 100%;
                font-size: 1.4em;
                font-size: 1.4vw;
            }

            .image-grid a.img .hover:hover {
                background-color: transparent;
            }

                .image-grid a.img .hover:hover .hover-content {
                    display: block;
                }

.home.grid .image-grid .img .icon-right.circled {
    font-size: 28px;
    text-decoration: none;
}

    .home.grid .image-grid .img .icon-right.circled:after {
        border: 2px solid #fff;
        width: 40px;
        height: 40px;
        left: 50%;
        margin-left: -23px;
        top: -8px;
        text-decoration: none;
    }

.home.grid .image-grid .img span {
    padding-bottom: 15px;
}

.home.grid .image-grid .img .hover-content {
    font-family: MontserratBlack;
    padding-top: 10px;
    text-transform: uppercase;
}

.remodal h1 {
    font-family: MontserratBlack;
    font-size: 2em;
    line-height: 1em;
}
.promo-container {
    position: relative;
    width: 100%;
    max-width: 790px;
    margin: 0 auto;
    font-family: 'Montserrat', sans-serif;
}
.promo-container .remodal-close {
    right: 30px;
    top: 10px;
}
.promo-container .remodal-close:before {
    font-size: 50px;
}
.promo-container p {
    color: #dae3e7;
    font-size: .85em;
    line-height: 1.6em;
}
.promo-container p strong {
    color: #fff;
}
.promo-container .promo-top {
    background: #3c4956 url(../img/bkg_promo-top.jpg) no-repeat top center;
    background-size: cover;
    padding: 45px 45px 30px 45px;
}
.promo-container .promo-top h1 {
    position: relative;
    text-transform: uppercase;
    font-size: 3em;
    margin: 0;
    padding-bottom: 20px;
}
.promo-container .promo-top h1:after {
    content: '';
    background-color: #d0492e;
    position: absolute;
    height: 5px;
    width: 200px;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
}
.promo-container h3 {
    font-family: 'MontserratBlack';
}
.promo-container .promo-bottom {
    background: #3c4956 url(../img/bkg_promo-bottom.jpg) no-repeat top center;
    background-size: cover;
    padding: 20px 20px 30px 20px;
}
.promo-container .btn {
    margin: 10px 0 20px 0 !important;
    font-weight: 700;
}

.video-promo {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 10px;
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 35px;
    padding-bottom: 150px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    color: #fff;
}

.h1c {
    font-family: MontserratBlack;
    font-size: .75em;
    color: #ffffff !important;
}
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.remodal .intro-details .price {
    padding-right: 15px;
}

.remodal .intro-details {
    padding-top: 0;
}

.remodal .content-container {
    margin-top: 30px;
}

.remodal .col-40 {
    margin-bottom: 30px;
    position: relative;
}

.remodal .btn {
    margin-bottom: 15px;
}
/*videopromo*/
.video-promo h1 {
    font-family: MontserratBlack;
    font-size: 2em;
    line-height: 1em;
}

.video-promo .intro-details .price {
    padding-right: 15px;
}

.video-promo .intro-details {
    padding-top: 0;
}

.video-promo .content-container {
    margin-top: 30px;
}

.video-promo .col-40 {
    margin-bottom: 30px;
}

.video-promo .btn {
    margin-bottom: 15px;
}
/* END: 9-29-16 */

.home-carousel div img {
    width: 100%;
    height: auto;
}

.home-carousel {
    position: relative;
}

    .home-carousel .slick-arrow {
        position: absolute;
        top: 0;
        height: 100%;
        z-index: 1;
        color: #fff;
        opacity: 0;
        padding: 0 20px;
        background-color: rgba(222,86,44,.5);
    }

    .home-carousel:hover .slick-arrow {
        opacity: 1;
    }

    .home-carousel .slick-arrow:hover {
        opacity: 1;
        background-color: rgba(32,30,30,.7);
    }

    .home-carousel .slick-prev {
        left: 0;
    }

    .home-carousel .slick-next {
        right: 0;
    }

.video-intro {
    background-image: url(/img/home/bkg_video-section.jpg);
    width: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    line-height: 1.4em;
}

    .video-intro h1 {
        font-family: MontserratBlack;
        margin: 0;
        padding-top: 20%;
        line-height: .95em;
        color: #fff;
    }

    .video-intro h3 {
        font-family: MontserratBlack;
    }

    .video-intro h1 span {
        font-size: 1.1em;
        text-shadow: 2px 2px rgba(30,30,30,.7);
    }

    .video-intro .wrapper {
        max-width: 900px;
        margin: 0 auto;
        padding-bottom: 5%;
    }

.home-anytime .social-btn {
    display: inline-block;
    padding: 5px 20px;
}

.home-anytime h3 {
    font-family: MontserratBlack;
    text-transform: uppercase;
    color: #5a5958;
    margin: 20px 0;
    font-size: 3.5em;
}

.home-anytime .large, .square-buttons .large {
    font-family: MontserratBlack;
    font-size: 1.4em;
}

.home-anytime .large {
    margin: 0;
    font-size: 1.2em;
    text-transform: uppercase;
}

.home-anytime .select-wrap {
    max-width: 300px;
    background-color: transparent;
    border-color: #de562c;
}

    .home-anytime .select-wrap select {
        color: #de562c;
        font-family: Montserrat;
        font-weight: 600;
    }

.home-anytime .xlarge {
    margin: 0;
    font-family: MontserratBlack;
    text-transform: uppercase;
    font-size: 1.5em;
}

.price-label {
    font-style: normal;
}

.square-buttons {
    margin: 60px 0;
}

    .square-buttons a, .square-buttons label {
        display: inline-block;
        background-color: #a2a19e;
        border: 12px solid #a2a19e;
        box-sizing: border-box;
        margin: 0 20px;
        font-size: 2em;
        line-height: 1.2em;
        text-align: center;
        color: #fff;
        font-family: MontserratBlack;
        text-transform: uppercase;
        cursor: pointer;
    }

        .square-buttons a span, .square-buttons label span {
            border: 5px solid #d1d0cf;
            height: 200px;
            width: 200px;
            box-sizing: border-box;
            padding: 70px 20px 20px 20px;
            display: inline-block;
            vertical-align: middle;
        }

        .square-buttons a:hover, .square-buttons a.active, .square-buttons label:hover, .square-buttons label.active {
            background-color: #de562c;
            border-color: #de562c;
            position: relative;
        }

            .square-buttons a.active:before, .square-buttons label.active:before {
                /*content: '✕';*/
                content: '\e80f';
                font-family: 'outdoors';
                position: absolute;
                bottom: 20px;
                left: 50%;
                margin-left: -15px;
                font-size: .9em;
                color: #fff;
            }

.grid-cta span.small {
    font-family: MontserratBlack;
    display: block;
    font-size: .9em;
    line-height: 1.2em;
    margin: -2px 0 15px 0;
}

.grid-cta .icon-right.circled {
    opacity: .7;
    transition: all 0.5s ease;
}

.grid-cta:hover .icon-right.circled {
    opacity: 1;
    transition: all 0.5s ease;
}

.mobile-apps {
    bottom: 30px;
    padding: 20px 0 40px 0;
    line-height: 1em;
    font-family: 'Montserrat';
    color: #fff;
    font-size: .65em;
}

    .mobile-apps a {
        color: #fff;
    }

    .mobile-apps .logos {
        display: block;
        padding-top: 5px;
    }

        .mobile-apps .logos a img {
            opacity: .6;
        }

        .mobile-apps .logos a:hover img {
            opacity: 1;
        }

        .mobile-apps .logos img {
            max-width: 40%;
            height: auto;
            box-sizing: border-box;
            display: inline-block;
            float: left;
            vertical-align: middle;
            padding-top: 2px;
        }

        .mobile-apps .logos a:first-of-type img {
            border-right: 1px solid #e8896c;
            padding: 5px 10px 5px 0;
            margin-right: 10px;
        }

.offer-grid {
    margin: 30px 0 100px 0;
}

.offer-item {
    position: relative;
    background-size: cover;
    background-position: center top;
    padding: 150px 50px 20px 50px;
    margin-bottom: 10px;
    min-height: 450px;
    box-sizing: border-box;
    font-family: Montserrat;
}

    .offer-item h2 {
        font-weight: 600;
        font-size: 2em;
        letter-spacing: -.05em;
        line-height: 1em;
        margin: 10px 0;
    }

    .offer-item .btn {
        background-color: transparent;
        border: 2px solid #de562c;
        font-family: 'Rokkitt', Helvetica, Helvetica Neue, Arial;
        color: #de562c;
        padding: 15px 30px;
        margin-top: 15px;
    }

        .offer-item .btn:hover {
            background-color: #de562c;
            color: #fff;
        }

    .offer-item .overlay {
        background: -moz-linear-gradient(top, rgba(48,47,47,0) 50%, rgba(48,47,47,0.65) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(48,47,47,0) 50%,rgba(48,47,47,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(48,47,47,0) 50%,rgba(48,47,47,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        position: absolute;
        height: 100%;
        width: 100%;
        z-index: 0;
        top: 0;
        left: 0;
    }

    .offer-item .remodal-close {
        color: #4b4b4c;
        right: 30px;
        top: 10px;
    }

    .offer-item .offer-content {
        position: relative;
        z-index: 1;
    }

    .offer-item .more-info {
        background-color: #201e1e;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        z-index: 500;
        padding: 20px 50px;
        box-sizing: border-box;
        border-top: 8px solid #de562c;
        color: #fff;
    }

        .offer-item .more-info:before {
            top: 0;
            left: 50px;
            border: solid transparent;
            content: '';
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-color: rgba(134, 213, 55, 0);
            border-top-color: #de562c;
            border-width: 12px;
        }

    .offer-item.wide {
        padding: 0;
        background-color: #c1c1c1;
        display: table;
        width: 100%;
        min-height: auto;
        color: #5f6062;
    }

        .offer-item.wide .photo {
            position: relative;
            background-size: cover;
            vertical-align: top;
            min-height: 250px;
        }

            .offer-item.wide .photo img {
                width: 100%;
                height: auto;
            }

        .offer-item.wide .offer-content {
            padding: 50px 50px;
            box-sizing: border-box;
        }

    .offer-item .domain a {
        color: #fff
    }

    .offer-item.wide .domain a {
        color: #5f6062
    }

    .offer-item .domain a:hover {
        color: #de562c;
    }

.join-text {
    opacity: .8;
}

.intro-details .mobile-apps .logos a:first-of-type img {
    border-right: 1px solid #666;
    padding: 5px 20px 5px 0;
    margin-right: 20px;
}

.intro-details .mobile-apps {
    font-size: .8em;
}

.plan-type {
    color: #de562c;
    font-size: 1.4em;
}

.sign-up-form input[type=button] {
    border: 0;
    background-color: #de562c;
    color: #fff;
    font-family: MontserratBlack;
    text-transform: uppercase;
    font-size: 2em;
    padding: 30px;
    margin-top: 30px;
    transition: all 0.5s ease;
}

    .sign-up-form input[type=button]:hover {
        background-color: #a63415;
        transition: all 0.5s ease;
    }

.home-anytime .btn {
    font-family: MontserratBlack;
    text-transform: uppercase;
    font-size: 2em;
    line-height: 1em;
    padding: 30px 60px;
}

.video-intro a {
    color: #fff;
    opacity: .7;
    position: relative;
    margin: 40px 0;
    display: block;
    font-size: 36px;
}

    .video-intro a:before {
        content: '';
        border: 5px solid #fff;
        border-radius: 50%;
        height: 70px;
        width: 70px;
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -40px;
        top: -22.5px;
    }

    .video-intro a:hover {
        opacity: 1;
    }

.home-grid-content {
    position: relative;
    z-index: 10;
}

.http://winnercommstage.myoutdoortv.com/player/showvideo?show-id=44804&video-id=45059-detail > h4 {
    margin: 0 0 5px 0;
    color: #ccc;
}

.next-video-detail .btn {
    margin: 0;
    padding: 10px 20px;
    border: 1px solid #dc592b;
    color: #dc592b;
    background-color: transparent;
    text-transform: uppercase;
    display: inline-block;
    font-size: .8em;
    box-sizing: border-box;
}

    .next-video-detail .btn:hover {
        color: #fff;
    }

.next-video #player {
    margin-bottom: 30px;
}

@media only screen and (min-width: 768px) {
    .next-video #player {
        width: calc(65% - 50px);
        float: left;
        padding-right: 50px;
        box-sizing: border-box;
        transition: all 0.5s ease;
    }

    .next-video .next-video-detail {
        margin-top: 30px;
        margin-left: 50px;
        width: 35%;
        float: left;
        padding: 30px 50px;
        box-sizing: border-box;
        background-color: #252324;
        transition: all 0.5s ease;
    }
}
/* ==========================================================================
   Media Queries
   ========================================================================== */

/* Height fix for home page - 160726 */
@media only screen and (max-height: 700px) {
    .home-intro {
        height: auto !important;
    }

        .home-intro .intro-content, .home-intro-login .intro-content {
            position: relative !important;
            left: auto !important;
            right: auto !important;
            bottom: auto !important;
            top: auto !important;
            width: 100% !important;
            max-width: 100% !important;
            color: #fff !important;
            box-sizing: border-box !important;
            padding: 200px 5% 150px 5% !important;
            /* background-color: rgba(0,0,0,.5) !important;*/
        }
}

/* Mobile view only */
@media only screen and (max-width: 767px) {
    .home-carousel .slick-arrow {
        padding: 0 10px;
    }

    .home.grid .header-container nav a {
        background-color: rgba(32,30,30,.4);
    }

    header {
        font-size: 12px;
    }
    a.start-watching, a.app-link {
        display: none;
    }
    a.gift-cards {
        clear: right;
        margin-right: 0;
        margin-top: 10px;
    }
    a.gift-cards, #signinNav a {
        min-width: 120px;
        box-sizing: border-box;
    }
    .title {
        max-width: 80%;
        height: auto;
    }

    .video-intro p {
        display: none;
    }

    .home.grid .home-mobile {
        text-align: center;
        padding: 15px 0 30px 0;
    }

        .home.grid .home-mobile .col {
            width: 100%;
            padding: 0;
        }

    .home-mobile h2:after {
        left: 50%;
        margin-left: -12px;
    }

    .home.grid .header-container {
        padding-top: 30px;
    }

    .home-grid-content {
        width: 100%;
    }

        .home-grid-content .content {
            position: absolute;
            display: block;
            top: -100vw;
            width: 100%;
            padding: 20px 30px;
            color: #fff;
            font-family: MontserratBlack;
            font-size: .8em;
            background-color: rgba(25, 25, 25, .7);
            height: 50vw;
            box-sizing: border-box;
        }

            .home-grid-content .content h1 {
                margin-bottom: 20px;
                line-height: .9em;
            }

            .home-grid-content .content p {
                display: none;
            }

        .home-grid-content .grid-cta {
            display: block;
            padding: 30px;
            background-color: #de562c;
        }

            .home-grid-content .grid-cta a {
                color: #fff;
                text-decoration: none;
                font-family: 'Rokkitt', Helvetica, Helvetica Neue, Arial;
            }

    .grid-cta a .large {
        font-family: MontserratBlack;
        font-size: 1.6em;
        line-height: .7em;
    }

    .header-auth nav.drop-down-menu .user-info, .header-auth nav.drop-down-menu ul ul, .header-auth nav.drop-down-menu ul ul a {
        background-color: #393738;
    }

        .header-auth nav.drop-down-menu .user-info ul {
            display: block;
        }

            .header-auth nav.drop-down-menu .user-info ul li {
                background-color: #393738;
            }

    .header-auth nav.drop-down-menu ul a {
        border-bottom: 1px solid #393738;
    }

    .header-auth nav.drop-down-menu ul .active a {
        color: #de562c;
    }

    .header-auth .drop-down-menu ul li.open > a:after, .header-auth .drop-down-menu ul .user-info > a:after {
        content: '';
        position: absolute;
        bottom: 6px;
        left: 15px;
        height: 2px;
        background-color: #de562c;
        width: 30px;
    }

    .header-auth .drop-down-menu ul ul:before {
        display: none;
    }

    .header-auth nav.drop-down-menu ul ul a {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .header-auth nav.drop-down-menu .user-info ul:before {
        display: none;
    }

    .header-auth nav li.search-container {
        display: none;
    }

    .episodes-container .episode-cta {
        margin-bottom: 50px;
    }

    .header-secondary {
        padding-bottom: 30px;
    }

    /* Force table to not be like tables anymore */
    .responsive-table table, .responsive-table thead, .responsive-table tbody, .responsive-table th, .responsive-table td, .responsive-table tr {
        display: block;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
        .responsive-table thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    .responsive-table tr {
        border: 1px solid #414141;
        margin-bottom: 10px;
    }

    .responsive-table td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #414141;
        position: relative;
        padding-left: 50%;
    }

        .responsive-table td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
        }

        /*
    Label the data
    */
        .responsive-table td:nth-of-type(1):before {
            content: "Date";
        }

        .responsive-table td:nth-of-type(2):before {
            content: "Description";
        }

        .responsive-table td:nth-of-type(3):before {
            content: "Service Period";
        }

        .responsive-table td:nth-of-type(4):before {
            content: "Payment Method";
        }

        .responsive-table td:nth-of-type(5):before {
            content: "Total";
        }

    .responsive-table.billing-detail td:nth-of-type(4):before {
        content: "Amount";
    }

    .bill-info {
        padding-bottom: 20px !important;
    }

    .home-anytime p.large {
        margin: -20px 0 0 0;
    }

    .home.grid .home-anytime .btn {
        max-width: 100%;
        display: block;
    }

    .square-buttons {
        text-align: center;
        margin: 20px 0;
    }

        .square-buttons span.large {
            display: block;
            padding: 10px 0;
        }

    .sign-up-form {
        padding-top: 40px;
    }
}

@media only screen and (min-width: 480px) {
    .genre-item.view-all span.head h2 {
        margin-top: 2px;
        font-size: 4.5vw;
    }

    body {
        font-size: 18px;
    }

    .wrapper {
        width: 90%;
        margin: 0 5%;
    }

    .full-width-wrapper {
        width: 100%;
        margin: 0;
    }

        .full-width-wrapper .indent-container {
            width: 90%;
            margin: 0 5%;
            padding-top: 20px;
        }

            .full-width-wrapper .indent-container:nth-child(2) {
                padding-top: 0;
            }

            .full-width-wrapper .indent-container:first-of-type {
                padding-top: 30px;
            }

    .show-listing .price {
        display: inline-block;
        margin-right: 25px;
    }

    a.btn {
        display: inline-block;
        margin-bottom: 0;
    }

    button.btn {
        display: inline-block;
        width: 300px;
        text-align: center;
    }

    .reverse .sign-up-form button.btn {
        display: inline-block;
        width: auto;
        text-align: center;
    }

    .header-container .title {
        float: left;
        margin-bottom: 0;
    }

    .header-container nav {
        float: right;
    }

    .icon-down-dir.circled, .icon-up-dir.circled {
        font-size: .6em;
    }

    div.search-container {
        font-size: .75em;
    }

    .square-buttons a span, .square-buttons label span {
        height: 250px;
        width: 250px;
    }
}

@media only screen and (min-width: 768px) {
    .genre-item.view-all span.head h2 {
        font-size: 3vw;
    }

    .offer-item:nth-of-type(2), .offer-item:nth-of-type(3) {
        width: calc(50% - 5px);
        float: left;
        display: inline-block;
    }

    .offer-item:nth-of-type(2) {
        margin-right: 10px;
    }

    .offer-item.wide .photo {
        width: 30%;
        display: table-cell;
        vertical-align: top;
    }

    .offer-item.wide .offer-content {
        width: 70%;
        display: table-cell;
        vertical-align: top;
    }

    .grid-cta .mobile-apps {
        position: absolute;
        padding: 0 40px;
    }

    .image-grid a.img {
        width: 33.333%;
    }
    /* start: 9-29-16*/
    .home.grid .icon-right.circled {
        position: relative;
        padding: 0 5px;
        font-size: 25px;
        margin-left: 10px;
        margin: 0 auto;
        /*display: block;*/ /*9-29-16*/
    }

    .home.grid .hover .icon-right.circled {
        display: block;
    }
    /* end: 9-29-16*/
    .home.grid .grid-cta .icon-right.circled {
        font-size: 26px;
        padding: 2px 6px;
        position: relative;
        left: 0;
    }

    .home.grid .grid-cta:hover .icon-right.circled {
        left: 10px;
    }

    .home.grid .icon-right.circled:after {
        content: '';
        position: absolute;
        width: 30px;
        height: 30px;
        border: 1px solid #fff;
        border-radius: 50%;
        left: 2px;
        top: -7px;
    }

    .home.grid .grid-cta .icon-right.circled:after {
        width: 40px;
        height: 40px;
    }

    a.app-link {
        float: right;
        margin-right: 10px;
        display: none;
    }

    .shrink a.start-watching, .shrink a.app-link {
        display: inline-block;
    }

    .image-grid a.img:nth-of-type(1n) {
        display: inline-block;
    }

    .image-grid a.img:nth-of-type(1n+10) {
        display: none;
    }

    .grid-intro .intro-content {
        width: 75%;
        padding: 25% 0 0 5%;
        display: table;
    }

    .grid-intro .content {
        vertical-align: middle;
        padding: 0 5%;
    }

    .home-grid-content {
        position: absolute;
        top: 0;
        margin-top: 33.3333%;
        min-height: 33.3333vw;
        width: 100%;
        background-color: rgba(32,30,30,.9);
        color: #fff;
        display: table;
        z-index: 10;
    }

        .home-grid-content .content {
            width: 66.6666%;
        }

        .home-grid-content .grid-cta {
            width: 33.3333%;
        }

        .home-grid-content .grid-more {
            position: absolute;
            bottom: -100px;
        }

        .home-grid-content h1 {
            font-family: 'MontserratBlack';
            font-size: 1.8em;
            line-height: 1em;
        }

    .grid-cta {
        background-color: #de562c;
        color: #fff;
        width: 25%;
        height: 100%;
        padding-top: 25%;
        position: relative;
    }

        .grid-cta > a {
            color: #fff;
            height: 100%;
            width: 100%;
            display: block;
            position: absolute;
            padding: 40px;
            text-decoration: none;
            top: 0;
            left: 0;
            box-sizing: border-box;
        }

        .grid-cta a .large {
            font-family: MontserratBlack;
            font-size: 1.6em;
            line-height: .7em;
        }

        .grid-cta a .more {
            margin-top: 10px;
        }

        .grid-cta a .bottom {
            position: absolute;
            bottom: 40px;
            right: 40px;
            transition: all 0.5s ease;
        }
        /*.grid-cta a:hover {
        background-color: #a63415;
    }*/
        /*
        via email chain
        Re: Regarding https://trello.com/c/yB4Desnb/966-myoutdoortv-homepage-on-ie

    */
        .grid-cta:hover, .grid-cta a:hover {
            background-color: #a63415;
        }

            .grid-cta a:hover .bottom {
                right: 30px;
                transition: all 0.5s ease;
                position: absolute;
                bottom: 40px;
            }

    body.authenticated, body.reverse, body.content-page {
        padding-top: 122px;
    }

    body.content-detail {
        background-position: center 120px;
    }

        body.content-detail .content-container {
            padding-top: 100px;
        }

    body.video-playback {
        padding-top: 50px;
    }

    h1 {
        font-size: 2.8em;
    }

    .header-secondary nav {
        margin-top: 36px;
        float: right;
    }

    .home-intro, .home-intro-login {
        height: 100%;
    }

        .home-intro.video {
            height: auto;
            min-height: 100%;
            padding-bottom: 60px;
        }

        .home-intro .price {
            margin-right: 25px;
        }

        .home-intro .btn, .show-listing .btn {
            margin-right: 10px;
        }

        .home-intro .intro-content, .home-intro-login .intro-content {
            position: absolute;
            bottom: 120px;
            left: 0px;
            padding: 0 5%;
            background-color: transparent;
        }

    .hunt-intro .intro-content {
        background-color: transparent;
        max-width: 50%;
    }

    .nra .home-intro .intro-content {
        padding: 0px 10%;
        position: absolute;
        top: 50%;
        left: 50%;
        max-width: 800px;
        transform: translate(-50%, -60%);
    }

    .home-intro.video .intro-content {
        padding: 0px 10%;
        position: relative;
        top: auto;
        left: auto;
        bottom: auto;
        /*max-width: 1200px;*/
        margin: 0 auto;
        transform: none;
    }

        .home-intro.video .intro-content h1 {
            margin: 0;
            padding: 200px 0 0 0;
        }

    .login .login-form {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 430px;
        padding: 40px;
        background-color: #f4f4f4;
        margin-left: -215px;
        margin-top: -180px;
    }

    .header-auth .mobile-toggle {
        display: none;
    }

    .search .btn {
        width: auto;
    }

    .genre-grid.caro button.slick-arrow {
        display: block !important;
    }

    .intro-details .price {
        display: inline-block;
    }

    .home-mobile .col:nth-of-type(1) {
        padding-right: 0px;
        display: inline-block;
    }

    .home-mobile .col {
        display: inline-block;
        width: 50%;
        float: left;
    }

    .home.grid .home-mobile {
        background: #b9b7b5 url(/img/home/bkg_mobile.jpg?v2) no-repeat right bottom;
        background-size: 50%;
        padding: 30px 0px 50px 0px;
    }

    .header-auth, .header-secondary {
        position: fixed;
    }

        .header-auth .title, .header-secondary .title {
            float: left;
            padding: 30px 0;
        }
    /* moved per Trello https://trello.com/c/UKZf4up5 to '1024 Media Queries' section - 8/22/2016 - tgates
    .header-auth .title img, .header-secondary .title img {
        height: 30px;
    }
*/
    .header-auto nav.drop-down-menu ul li {
        float: left;
    }

    div.search-container {
        display: none;
    }

    button.icon-search {
        position: relative;
        right: auto;
        top: auto;
    }

    .search-box input {
        width: 280px;
    }

    .sign-up-form .col {
        display: inline-block;
        float: left;
        width: 50%;
        box-sizing: border-box;
    }

    .sign-up-form .col {
        padding-right: 15px;
    }

    .sign-up-form .columns .col:nth-of-type(2n) {
        padding-left: 15px;
        padding-right: 0px;
    }

    .sign-up-form .col-20 {
        width: 20%;
        padding: 0 30px 0 0;
    }

        .sign-up-form .col-20:last-of-type {
            padding: 0;
        }

    .sign-up-form .col-40 {
        width: 40%;
        padding: 0 30px 0 0;
    }

    .genre-grid .genre-item, .how-to-grid .how-to-item {
        width: 33.3333333%;
    }

        .how-to-grid .how-to-item:nth-child(2n+1) {
            clear: none;
            background-color: transparent;
        }

        .how-to-grid .how-to-item:nth-child(3n+1) {
            clear: left;
        }

    .how-to-item-detail p:first-of-type {
        display: block;
    }

    .genre-item-detail .description p {
        display: block;
    }

    .show-container {
        padding: 50px 50px 100px 50px;
    }

        .show-container .overview {
            padding-right: 50%;
        }

    .page-header .col {
        float: left;
        padding-right: 30px;
    }

    .page-header .drop-container {
        margin-right: 0;
    }

    .search-box {
        float: right;
    }

    .icon-down-dir.circled, .icon-up-dir.circled {
        font-size: .8em;
    }

    .search-promo {
        float: right;
    }

    .episodes-container .episode-image {
        float: left;
    }

    .episodes-container .episode-intro {
        margin-left: 380px;
    }

    .episodes-container .episode-cta {
        clear: both;
        padding-top: 10px;
    }

    /* Drop down */
    .drop-down-menu ul {
        list-style: none;
        position: relative;
        margin: 0;
        padding: 0;
        text-align: left;
    }

        .drop-down-menu ul a {
            display: block;
            color: #817e7e;
            font-size: .8em;
            padding: 0 15px;
            text-transform: uppercase;
            text-align: left;
            position: relative;
            margin: 0;
        }

        .drop-down-menu ul ul a {
            min-width: 120px;
        }

        .drop-down-menu ul ul li:first-child {
            padding-top: 10px;
        }

        .drop-down-menu ul ul li:last-child {
            padding-bottom: 10px;
        }

    .no-touch .drop-down-menu ul a:hover {
        color: #de562c;
    }

    .no-touch .drop-down-menu ul ul a:hover:after {
        content: '';
        position: absolute;
        bottom: 6px;
        left: 15px;
        height: 2px;
        background-color: #de562c;
        width: 30px;
    }

    .no-touch .drop-down-menu ul a.top-level:hover {
        color: #fff;
        border-color: #fff;
    }

    .drop-down-menu ul li {
        position: relative;
        float: left;
        margin: 0;
        padding: 0;
    }

    .no-touch .drop-down-menu ul li li:hover {
        color: #de562c;
    }

    .drop-down-menu ul ul {
        display: none;
        position: absolute;
        float: left;
        z-index: 99;
        top: 100%;
        left: 0;
    }

        .drop-down-menu ul ul a {
            padding: 10px 15px;
        }

        .drop-down-menu ul ul ul {
            top: 0;
            left: 100%;
        }

    .no-touch .drop-down-menu ul li:hover > ul {
        display: block;
    }

    .touch .drop-down-menu ul li.hover > ul {
        display: block;
    }

    .show-container ul#tabs {
        position: absolute;
        bottom: 30px;
    }

    ul#tabs li, ul#tabs li a {
        padding: 10px 25px;
        text-transform: uppercase;
    }

    .footer-container nav {
        float: right;
        padding: 0;
    }

        .footer-container nav ul li {
            float: left;
            padding: 20px 0 0 30px;
        }

    .header-auth nav {
        float: right;
        margin: 50px 0 0 0;
    }

        .header-auth nav.drop-down-menu {
            display: block !important;
            background-color: transparent;
            position: relative;
            left: auto;
            top: auto;
        }

            .header-auth nav.drop-down-menu ul > li > a {
                color: #bcbec0;
            }

            .header-auth nav.drop-down-menu ul li {
                float: left;
            }

                .header-auth nav.drop-down-menu ul li.active > a {
                    color: #de562c;
                    position: relative;
                }

                .header-auth nav.drop-down-menu ul li.active:not(.search-container) > a:after {
                    content: '';
                    position: absolute;
                    bottom: -6px;
                    left: 15px;
                    height: 2px;
                    background-color: #414141;
                    width: 30px;
                }

                .header-auth nav.drop-down-menu ul li.active:not(.search-container):hover > a:after {
                    display: none;
                }

                .header-auth nav.drop-down-menu ul li.active.search-container:hover > a {
                    color: #a63415;
                }

                    .header-auth nav.drop-down-menu ul li.active.search-container:hover > a:after {
                        border-color: #a63415;
                    }

            .header-auth nav.drop-down-menu ul ul li a {
                min-width: 130px;
            }

        .header-auth nav .search-container {
            position: relative;
            margin: 0 15px;
        }

        .header-auth nav ul li a:hover {
            color: #de562c;
        }

        .header-auth nav .search-container a:hover:after {
            border-color: #de562c;
        }

        .header-auth nav .search-container:before, .header-auth nav .search-container:after {
            content: '';
            position: absolute;
            width: 1px;
            height: 30px;
            left: 0;
            top: -5px;
            background-color: #535353;
        }

        .header-auth nav .search-container:after {
            left: auto;
            right: 0;
        }

        .header-auth nav > ul > li.user-info ul {
            margin-left: -82px;
        }

            .header-auth nav > ul > li.user-info ul:before {
                left: auto;
                right: 30px;
            }

        .header-auth nav.drop-down-menu .user-info {
            float: right;
            background-color: transparent;
        }

    .shows-grid .shows-item {
        width: 33.333333%;
    }
    .footer-container nav {
        float: none;
        padding: 25px 0 0 0;
        width: 100%;
        box-sizing: border-box;
        max-width: 800px;
        text-align: left;
    }

    .footer-container nav ul {
        display: inline-grid;
        grid-template-columns: auto auto auto;
        grid-column-gap: 5em;
    }
    .footer-container nav ul li {
        text-align: left;
        padding: 0px;
    }

}

@media only screen and (min-width: 800px) {
    /* Trello https://trello.com/c/UKZf4up5 To help with the screen width and alignment of menu:  Added by tgates - 8/22/2016 - tgates */
    .header-auth .title img, .header-secondary .title img {
        height: 60px;
    }

}

@media only screen and (min-width: 1100px) {
    #signinNav li {
        float: left;
        margin-left: 10px;
    }
    #signinNav li .btn {
        color: #fff;
    }
    .footer-container nav {
        float: right;
        padding: 0 0 25px 0;
        width: 75%;
        text-align: right;
    }

    .get-on h5, .home-anytime h5 {
        font-size: 1.2em;
    }
    .logo-list {
        display: inline-block;
        margin-bottom: 60px;
    }
    .logo-list li {
        display: inline-block;
        padding: 30px;
    }


    .genre-item.view-all span.head h2 {
        margin-top: 8px;
        font-size: 2.5vw;
        line-height: .8em;
    }

    /* START: 9-29-16 */
    .remodal div[class^="col-"] {
        float: left;
        display: inline-block;
        box-sizing: border-box;
    }

    .remodal .col-60 {
        width: 55%;
        padding: 0 0 0 30px;
        font-size: 1.2em;
        line-height: 1.3em;
    }

    .remodal .col-40 {
        width: 45%;
        border-right: 1px solid #333;
        padding: 0 30px 0 0;
    }

    .video-promo div[class^="col-"] {
        float: left;
        display: inline-block;
        box-sizing: border-box;
        text-align: left;
    }

    .video-promo .col-60 {
        width: 55%;
        padding: 0 0 0 30px;
        font-size: 1.2em;
        line-height: 1.3em;
    }

    .video-promo .col-40 {
        width: 45%;
        border-right: 1px solid #333;
        padding: 0 30px 0 0;
    }

    .video-promo .intro-details .price {
        max-width: 50%;
    }
    /*video-promo*/
    /* END: 9-29-16 */
    .image-grid a.img {
        width: 25%;
    }

        .image-grid a.img:nth-of-type(1n) {
            display: inline-block;
        }

        .image-grid a.img:nth-of-type(1n+13) {
            display: none;
        }

    .home-grid-content {
        margin-top: 25%;
        min-height: 25vw;
        font-size: 1.8vw;
        line-height: 2.2vw;
    }

        .home-grid-content .content {
            width: 75%;
        }

        .home-grid-content .grid-cta {
            width: 25%;
        }

    .header-container.shrink {
        background-color: rgba(52,50,50,.9);
        position: fixed;
        top: 0;
        transition: all 0.5s ease;
        padding: 30px 0;
        z-index: 50;
    }

    .show-listing .left-col {
        float: left;
        padding-top: 0;
        width: 400px;
    }

    .show-container {
        font-size: 1.2vw;
        line-height: 1.5vw;
    }

    .shows-grid {
        margin: 50px -30px 0 450px;
    }

        .shows-grid .shows-item {
            width: 50%;
        }

    .intro-details .disclaimer.right { /* 07-07-16 */
        width: 40%;
        float: right;
        margin-top: 0;
    }
    /* moved per Trello https://trello.com/c/UKZf4up5 from '768 Media Queries' section - 8/22/2016 - tgates */
    .header-auth .title img, .header-secondary .title img {
        height: auto;
    }
}

@media only screen and (min-width: 1140px) {
    .home-intro .intro-content, .home-intro-login .intro-content, .show-listing .intro-content {
        width: 1000px;
        padding: 0 5%;
    }

    .home-intro.video .intro-content {
        padding: 0 5%;
    }

    .header-auth nav.drop-down-menu ul a {
        padding-left: 15px;
        padding-right: 15px;
    }

    .genre-grid .genre-item, .how-to-grid .how-to-item {
        width: 25%;
    }

        .how-to-grid .how-to-item:nth-child(2n+1), .how-to-grid .how-to-item:nth-child(3n+1) {
            clear: none;
            background-color: transparent;
        }

        .how-to-grid .how-to-item:nth-child(4n+1) {
            clear: left;
        }

    .shows-grid .shows-item {
        width: 33.333333%;
    }
}

@media only screen and (min-width: 1220px) {
    .home.grid .home-mobile {
        background-size: 600px;
        padding: 60px 0px 80px 0px;
    }

    .home-grid-content {
        font-size: 1.3vw;
        line-height: 1.8vw;
    }

    .image-grid a.img {
        width: 20%;
    }

        .image-grid a.img:nth-of-type(1n) {
            display: inline-block;
        }

        .image-grid a.img:nth-of-type(1n+16) {
            display: none;
        }

    .genre-grid .genre-item {
        width: 20%;
    }

    .home-grid-content {
        margin-top: 20%;
        min-height: 20vw;
        width: 80%;
    }

        .home-grid-content .content {
            width: 75%;
        }

        .home-grid-content .grid-cta {
            width: 25%;
        }

    .home-intro .intro-content, .home-intro-login .intro-content, .show-listing .intro-content {
        width: 1220px;
        padding: 0 0 0 5%;
    }

    .home-intro.video .intro-content {
        padding: 0 5%;
    }

        .home-intro.video .intro-content h1 {
            margin: 0;
            padding: 20px 0 0;
        }

    .faq-listing .contain {
        padding-left: 0;
        padding-right: 0;
    }
}

@media only screen and (min-width: 1580px) {
    .how-to-grid .how-to-item:nth-child(2n+1), .how-to-grid .how-to-item:nth-child(3n+1), .how-to-grid .how-to-item:nth-child(4n+1) {
        clear: none;
        background-color: transparent;
    }

    .how-to-grid .how-to-item:nth-child(5n+1) {
        clear: left;
    }

    .how-to-grid .how-to-item {
        width: 20%;
    }

    .shows-grid .shows-item {
        width: 25%;
    }

    .show-container {
        font-size: 1em;
        line-height: 1.4em;
    }
}

@media only screen and (min-width: 2100px) {
    .genre-item.view-all span.head h2 {
        margin-top: 8px;
        font-size: 1.75vw;
    }

    .home-grid-content {
        font-size: 1.1vw;
        line-height: 1.4vw;
    }

    .image-grid a.img {
        width: 16.6666%;
    }

        .image-grid a.img:nth-of-type(1n) {
            display: inline-block;
        }

    .home-grid-content {
        margin-top: 16.6666%;
        min-height: 16.6666vw;
        width: 66.6666%;
    }

        .home-grid-content .content {
            width: 75%;
        }

        .home-grid-content .grid-cta {
            width: 25%;
        }

    .home-mobile .col:nth-of-type(1) {
        width: 40%;
    }

    .home-mobile .col:nth-of-type(2) {
        width: 60%;
        padding-right: 30%;
    }

    .genre-grid .genre-item, .how-to-grid .how-to-item {
        width: 16.66666666%;
    }

        .how-to-grid .how-to-item:nth-child(2n+1), .how-to-grid .how-to-item:nth-child(3n+1), .how-to-grid .how-to-item:nth-child(4n+1), .how-to-grid .how-to-item:nth-child(5n+1) {
            clear: none;
            background-color: transparent;
        }

        .how-to-grid .how-to-item:nth-child(6n+1) {
            clear: left;
        }

    .shows-grid .shows-item {
        width: 20%;
    }
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

    .ir:before {
        content: "";
        display: block;
        width: 0;
        height: 150%;
    }

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

    .visuallyhidden.focusable:active,
    .visuallyhidden.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto;
    }

.invisible {
    visibility: hidden;
}

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

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.clear {
    clear: both;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
    }

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

    .footer-container, .header-auth, h1, button {
        display: none;
    }
}

/* ==========================================================================
   Plugins
   ========================================================================== */

/* /////// */
/* Slick Carousel */

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

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

.genre-grid.caro .slick-list {
    overflow: visible;
}

.slick-list:focus {
    outline: none;
}

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

.slick-slider .slick-track,
.slick-slider .slick-list {
    -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;
    top: 0;
    left: 0;
    display: block;
}

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

    .slick-track:after {
        clear: both;
    }

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

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

[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-arrow.slick-hidden {
    display: none;
}

/* Fontello Icons */
@font-face {
    font-family: 'outdoors';
    src: url('../font/outdoors.eot?86014477');
    src: url('../font/outdoors.eot?86014477#iefix') format('embedded-opentype'), url('../font/outdoors.woff?86014477') format('woff'), url('../font/outdoors.ttf?86014477') format('truetype'), url('../font/outdoors.svg?86014477#outdoors') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'outdoors';
    src: url('../font/outdoors.svg?86014477#outdoors') format('svg');
  }
}
*/

[class^="icon-"]:before, [class*=" icon-"]:before, .show-container .episode-caro button:before {
    font-family: "outdoors";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-down:before {
    content: '\e800';
}
/* 'î €' */
.icon-search:before {
    content: '\e801';
}
/* 'î ' */
.icon-up-dir:before {
    content: '\e802';
}
/* 'î ‚' */
.icon-down-dir:before {
    content: '\e803';
}
/* 'î ƒ' */
.icon-left-dir:before {
    content: '\e804';
}
/* 'î „' */
.icon-right-dir:before {
    content: '\e805';
}
/* 'î …' */
.icon-left:before {
    content: '\e806';
}
/* 'î †' */
.icon-right:before {
    content: '\e807';
}
/* 'î ‡' */
.icon-up:before {
    content: '\e808';
}
/* 'î ˆ' */
.icon-plus:before {
    content: '\e809';
}
/* 'î ‰' */
.icon-resize-full:before {
    content: '\e80a';
}
/* 'î Š' */
.icon-volume:before {
    content: '\e80b';
}
/* 'î ‹' */
.icon-pause:before {
    content: '\e80c';
}
/* 'î Œ' */
.icon-minus:before {
    content: '\e80d';
}
/* 'î ' */
.icon-menu-1:before {
    content: '\e80e';
}
/* 'î Ž' */
.icon-check-mark:before {
    content: '\e80f';
}
/* 'î ' */

/* jQuery Countdown styles 2.0.0. */
.countdown {
    font-family: 'Advent Pro', sans-serif;
    margin: 0 0 70px 0;
    max-width: 350px;
}

.countdown-rtl {
    direction: rtl;
}

.countdown-row {
    clear: both;
    width: 100%;
    padding: 0px 2px;
    text-align: center;
}
/*.countdown-show1 .countdown-section {
    width: 98%;
}
.countdown-show2 .countdown-section {
    width: 48%;
}
.countdown-show3 .countdown-section {
    width: 32.5%;
}
.countdown-show4 .countdown-section {
    width: 24.5%;
}
.countdown-show5 .countdown-section {
    width: 19.5%;
}
.countdown-show6 .countdown-section {
    width: 16.25%;
}
.countdown-show7 .countdown-section {
    width: 14%;
}*/
.countdown-section {
    display: inline-block;
    float: left;
    position: relative;
    font-size: 80%;
    text-align: left;
    padding-right: 20px;
    color: #9b9d97;
    text-transform: lowercase;
    line-height: 2em;
    box-sizing: border-box;
}

@media only screen and (min-width: 480px) {
    .countdown-section:before, .countdown-section:after {
        content: '';
        position: absolute;
        border-radius: 50%;
        background-color: #de562c;
        width: 5px;
        height: 5px;
        right: 7px;
        top: 20px;
    }

    .countdown-section:after {
        top: 38px;
    }

    .countdown-section:last-of-type:before, .countdown-section:last-of-type:after {
        display: none;
    }
}

.countdown-section:last-child {
    border-right: none;
}

.countdown-amount {
    font-size: 4em;
    line-height: 1em;
    color: #de562c;
}

.countdown-period {
    display: block;
    font-family: 'Rokkitt', sans-serif;
}

.countdown-descr {
    display: block;
    width: 100%;
}
/*
 *  Remodal - v1.0.7
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */

/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */

/* Hide scroll bar */

html.remodal-is-locked {
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
}

/* Anti FOUC */

.remodal,
[data-remodal-id] {
    display: none;
}

/* Necessary styles of the overlay */

.remodal-overlay {
    position: fixed;
    z-index: 9999;
    top: -5000px;
    right: -5000px;
    bottom: -5000px;
    left: -5000px;
    display: none;
}

/* Necessary styles of the wrapper */

.remodal-wrapper {
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow: auto;
    text-align: center;
    -webkit-overflow-scrolling: touch;
}

    .remodal-wrapper:after {
        display: inline-block;
        height: 100%;
        margin-left: -0.05em;
        content: "";
    }

/* Fix iPad, iPhone glitches */

.remodal-overlay,
.remodal-wrapper {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */

.remodal {
    position: relative;
    outline: none;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

.remodal-is-initialized {
    /* Disable Anti-FOUC */
    display: inline-block;
}
/*
 *  Remodal - v1.0.7
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */

/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */

/* Default theme styles for the background */

.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
    -webkit-filter: blur(3px);
    filter: blur(3px);
}

/* Default theme styles of the overlay */

.remodal-overlay {
    background: rgba(32,30,30, .97);
}

    .remodal-overlay.remodal-is-opening,
    .remodal-overlay.remodal-is-closing {
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }

    .remodal-overlay.remodal-is-opening {
        -webkit-animation-name: remodal-overlay-opening-keyframes;
        animation-name: remodal-overlay-opening-keyframes;
    }

    .remodal-overlay.remodal-is-closing {
        -webkit-animation-name: remodal-overlay-closing-keyframes;
        animation-name: remodal-overlay-closing-keyframes;
    }

/* Default theme styles of the wrapper */

.remodal-wrapper {
    padding: 10px 10px 0;
}

/* Default theme styles of the modal dialog */

.remodal {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 10px;
    padding: 35px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    color: #fff;
}

    .remodal.remodal-is-opening,
    .remodal.remodal-is-closing {
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }

    .remodal.remodal-is-opening {
        -webkit-animation-name: remodal-opening-keyframes;
        animation-name: remodal-opening-keyframes;
    }

    .remodal.remodal-is-closing {
        -webkit-animation-name: remodal-closing-keyframes;
        animation-name: remodal-closing-keyframes;
    }

/* Vertical align of the modal dialog */

.remodal,
.remodal-wrapper:after {
    vertical-align: middle;
}

/* Close button */

.btn.reverse {
    background-color: transparent;
    border: 1px solid #de562c;
    color: #de562c;
}

    .btn.reverse:hover {
        background-color: transparent;
        color: #fff;
    }

.remodal-close {
    position: absolute;
    top: 30px;
    right: 20px;
    display: block;
    overflow: visible;
    width: 35px;
    height: 35px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    text-decoration: none;
    color: #fff;
    border: 0;
    outline: 0;
    background: transparent;
}

    .remodal-close:hover,
    .remodal-close:focus {
        color: #de562c;
    }

    .remodal-close:before {
        font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
        font-size: 35px;
        line-height: 35px;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 75px;
        content: "\00d7";
        text-align: center;
    }

/* Dialog buttons */

.remodal-confirm,
.remodal-cancel {
    font: inherit;
    display: inline-block;
    overflow: visible;
    min-width: 110px;
    margin: 0;
    padding: 12px 0;
    cursor: pointer;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    border: 0;
    outline: 0;
}
/* take-with-me*/
.take-with-me a {
}

    .take-with-me a:hover {
    }

    .take-with-me a span {
        background-image: url('/img/icon_x_gray.png');
        background-repeat: no-repeat;
    }

    .take-with-me a:hover span {
        background-image: url('/img/icon_x_orange.png');
        background-repeat: no-repeat;
    }
/* Tips carousel */
.genre-grid.tips .genre-item .genre-item-detail {
    background-color: #d94a24;
}

    .genre-grid.tips .genre-item .genre-item-detail h3, .genre-grid.tips .tip-label h3 {
        line-height: .75em;
        text-transform: uppercase;
        font-size: 2.8em;
    }

        .genre-grid.tips .genre-item .genre-item-detail h3 span, .genre-grid.tips .tip-label h3 span {
            display: block;
            font-size: .5em;
        }

    .genre-grid.tips .genre-item .genre-item-detail p {
        font-family: 'Roboto Condensed', sans-serif;
        line-height: 1.2em;
    }

    .genre-grid.tips .genre-item .genre-item-detail .btn {
        padding: 15px 30px;
        background-color: transparent;
        border: 1px solid #fff;
    }

.tip-label {
    position: absolute;
    height: 100%;
    width: 100%;
    text-align: left;
    top: 0;
    left: 0;
    z-index: 1;
    line-height: 1.5em;
}

    .tip-label .align-bottom {
        position: absolute;
        bottom: 30px;
        left: 30px;
    }
/* End tips carousel */

@media only screen and (min-width: 480px) {
    .remodal button.btn {
        width: auto;
    }
}

/* Remove inner padding and border in Firefox 4+ for the button tag. */

.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
    padding: 0;
    border: 0;
}

/* Keyframes
   ========================================================================== */

@-webkit-keyframes remodal-opening-keyframes {
    from {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 0;
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes remodal-opening-keyframes {
    from {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 0;
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@-webkit-keyframes remodal-closing-keyframes {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    to {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        opacity: 0;
    }
}

@keyframes remodal-closing-keyframes {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    to {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        opacity: 0;
    }
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes remodal-overlay-opening-keyframes {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes remodal-overlay-closing-keyframes {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

/* Media queries
   ========================================================================== */

/* START: 9-29-16 */
@media only screen and (min-width: 768px) {
    .remodal {
        max-width: 800px;
    }
}

@media only screen and (min-width: 900px) {
    .remodal {
        max-width: 1225px;
    }
}
/* END: 9-29-16 */

/* IE8
   ========================================================================== */

.lt-ie9 .remodal-overlay {
    background: rgba(32,30,30,1);
}

.lt-ie9 .remodal {
    width: 700px;
}

/*https://trello.com/c/oOkyjyJS/403-my-downloads-updates-for-ui*/
.delete-this {
    position: relative;
    display: inline-block;
    padding-left: 20px;
}

    .delete-this:before {
        font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
        font-size: 25px;
        position: absolute;
        top: -1px;
        left: 0;
        display: block;
        content: "\00d7";
        text-align: center;
    }

/* Override for Akamai Captioning Language Dropdown */
.akamai-captioning-dropdown {
    color: #ffffff !important;
    color: currentColor !important;
}