@import url('https://fonts.googleapis.com/css?family=Fira+Sans+Extra+Condensed|Work+Sans&display=swap');

@font-face {
    font-family: "Klavika";
    src: url("/global/assets/fonts/klavika-regular-webfont.woff");
    font-weight: 400;
}

@font-face {
    font-family: "Klavika";
    src: url("/global/assets/fonts/klavika-light-webfont.woff");
    font-weight: 300;
}

html,
body {
    width: 100% !important;
    min-height: 100%;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 1rem;
    background-color: #141414 !important;
}
body.standard {
  background-color:#fff;
}
.wrap-allContent {
  background-color: #141414 !important;
}
body.webapp, body.checkout, body.watch, body.webview {
  min-height:100%;
  background-color:#000;
  /* background: linear-gradient(
    #000 5%, 
    #252525 20%,
    #252525 70%,
    #181c1c 85%,
    #000
  ); */
  margin: 0;
  background-repeat: no-repeat;
  color:#fff;
}
.webapp header, .checkout header {
  background-color:#000;
  color:#fff;
}
/*.webapp header {
  background-color: #fff;
  color: #000;
}*/
/*#wrapper {
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}*/
#wrapper.container {
    background-color: #efefef;
    padding: 84px 0 0 0;
    overflow: hidden;
}

#wrapper.container {
    padding: 0;
}

#topLeaderboard {
    text-align: center;
    margin:5px 0;
}
@media (min-width: 0) and (max-width: 767px){
    #topLeaderboard {
        margin:0 0 5px 0;
    }

    #topLeaderboard a img {
        width: 100%;
    }
    .live-message h3 {
        flex-wrap: wrap;
    }
    .live-message span {
        display: block;
    }
    .live-message .hide-on-mobile {
        display: none;
    }
}

.internal-page-uniform,
.about-page,
.contact-us,
.custom-page-content-container {
    padding: 0 16px 16px;
}

a {
  color: #d1d7de;
}
a:hover {
  color:#d1d7de;
}

/* h1,
h2,
h3,
h4,
h1 > span,
h2 > span,
h3 > span,
h4 > span {
    font-family: 'Fira Sans Extra Condensed', sans-serif;
} */

#op_back {
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    z-index: 999;
    display: none;
}

form {
    margin: 0;
    padding: 0;
}

.margin_bottom20 {
    margin-bottom: 20px !important;
}

.podcast_list {
    margin-right: 15px;
    padding: 6px 10px 6px 10px;
}

.epi_login_btn {
    font-size: 18px !important;
}

.navbar-default .navbar-nav>li>a{
    color: #333333;
}

.well,
.navbar,
.navbar-inner,
.popover,
.btn,
.tooltip,
input,
.honorary-input,
select,
textarea,
pre,
.progress,
.modal,
.add-on,
.alert,
.table-bordered,
.nav > .active > a,
.dropdown-menu,
.tooltip-inner,
.badge,
.label,
.img-polaroid {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    border-collapse: collapse !important;
    background-image: none !important;
}

.well {
    background-color: #dadada;
}

.dropdown-menu {
    -webkit-background-clip: inherit;
    background-clip: inherit;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #dadada;
}

.help-block {
    color: #797979;
    margin-top:10px;
    margin-bottom:10px;
}

.div_clear {
    clear: both;
}

.cat_slider_container {
    margin-top: 0;
}

.cat_slider_row {
    position: relative;
}

.cat_slider_row.program.with_side_box .gray_box {
    margin-bottom: 55px;
}

.zero_margin_bottom {
    margin-bottom: 0;
}

.top_margin30 {
    margin-top: 30px;
}

.gray_box {
    background-color: #dadada !important;
}

.graybox_header {
    /* font-family: "Fira Sans Extra Condensed", sans-serif; */
    color: #4f4f4f;
    text-transform: uppercase;
}

.gray_box_text {
    color: #434343;
    font-size: 15px;
}

.cat_slider {
}

.cat_slider_row.with_side_box .cat_slider {
    padding-left: 0;
    padding-right: 0;
}

@media only screen and (min-width: 992px) {
    /*.cat_slider{
        padding-right:0px;padding-left:10px;
    }*/
    .cat_slider_row.program.with_side_box .gray_box {
        margin-bottom: 0;
    }

    .cat_slider_row.with_side_box .cat_slider {
        padding-left: 10px;
        padding-right: 0;
    }
}

.cat_info {
    font-size: 13px;
    color: #434343;
}

.cat_info .cat_info_inner {
    padding: 0 5px 5px 5px;
}

.cat_info .dropdown-shim {
    background-color: #efefef;
    height: 50px;
}

.cat_info .cat_description p {
    width: 80%;
    float: left;
    margin: 0;
}

.cat_info_header {
    font-size: 15px;
    font-weight: bolder;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.play_button {
    color: #B01E25;
    font-size: 40px;
    margin: 0 0 0 5px;
}

.home_top_slider {
    width: 100%;
}

/* .home_top_slider_width{
    width:100% !important;
} */

.slider_image_width {
    width: 100% !important;
}

.btn-cta {
  background: #EF7631;
  border-color:#EF7631;
  border:0;
  color: #fff;
  border-radius: 8px !important;
  text-transform:uppercase;
  font-weight:bold;
  transition: 0.2s;
}
.btn-cta:hover {
    background-color: #CD540F;
    border-color: #CD540F;
    color:#fff;
}
.btn-cta:active,
.btn-cta:focus,
.btn-cta:active:focus,
.btn-cta:active:hover {
    background-color: #CD540F;
    border-color: #CD540F;
    color:#fff;
}

.btn-primary {
  background: #12b4dc;
  border-color:#12b4dc;
  border: 0;
  color: #fff;
  border-radius: 8px !important;
  text-transform:uppercase;
  font-weight:bold; 
  transition: 0.2s;
}

.btn-primary:hover {
    background-color: #0f99bb;
    border-color: #0f99bb;
    color:#fff;
}

.btn-primary:active,
.btn-primary:focus,
.btn-primary:active:focus,
.btn-primary:active:hover {
    background-color: #0f99bb;
    border-color: #0f99bb;
    color:#fff;
}

.btn-alternate {
  background: #3E4347;
  border-color:#3E4347;
  border:0;
  color: #fff;
  border-radius: 8px !important;
  text-transform:uppercase;
  font-weight:bold;
  transition: 0.2s;
}
.btn-alternate:hover {
    background-color: #000;
    border-color: #000;
    color:#fff;
}
.btn-alternate:active,
.btn-alternate:focus,
.btn-alternate:active:focus,
.btn-alternate:active:hover {
    background-color: #000;
    border-color: #000;
    color:#fff;
}

h1 {
  color: #4F4F4F;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 4.2rem;
  line-height: 4rem;
  margin: 1rem 0;
  letter-spacing: -0.1rem;
}

.dropdown-menu {
    margin-top: 3px !important;
}

.navbar .navbar-collapse,
.dropdown-menu > li > a {
    text-align: center;
    font-size: 18px;
}

.top_search {
    padding-right: 0;
}

.top_search_icon {
    width: 16px;
    height: 16px;
}

.top_user_icon {
    padding-left: 0;
    padding-right: 0;
}

.top_user_image {
    margin-top: -5px;
}

.footer_header_title {
    color: #B01E25;
    /* font-family: "Fira Sans Extra Condensed", sans-serif; */
    cursor: pointer;
}

.footer_header_icon {
    font-size: 18px !important;
    padding-top: 16px !important;
}

.foot_social {
    display: inline !important;
}

.subscribe_dropdown {
    float: left;
    background: #494949;
    z-index: 100;
}

.subscribe_btn {
    background: #494949 !important;
    outline: none !important;
}

.sub_top_text {
    color: #fff;
    font-size: 14px !important;
}

.sub_caret {
    color: #fff !important;
    margin-left: 20px !important;
}

.sub_dropdown_list_common {
    background: #494949 !important;
    margin-top: 0 !important;
    border-top: none !important;
}

.sub_drop_list {
    color: #fff !important;
    font-size: 14px !important;
    padding: 3px 10px !important;
}

.premium_header {
    /* font-family: "Fira Sans Extra Condensed", sans-serif; */
    color: #27251f;
    text-transform: uppercase;
    margin-top: 0;
}

.premium_back1 {
    background-image: url("/images/responsive/prem_back.png");
    background-size: 100% 100%;
}

.premium_back2 {
    background-color: #fff;
    border: 1px solid #333;
    margin-top: 30px;
    margin-bottom: 30px;
}

.premium_text_header {
    color: #27251f;
}

.premium_sub_text {
    font-size: 22px;
    color: #27251f;
}

.premium_join_now {
    padding: 5px 50px 5px 50px;
}

.foot1 {
    width: 100%;
    background-color: #27251f;
    margin-top: 0;
    padding-top: 15px;
    padding-bottom: 15px;
}

@media (min-width: 768px) {
    .foot1 .collapse {
        display: block !important;
    }

    .foot1 .footer_header_icon {
        display: none !important;
    }
}

#foot {
    font-size: 16px;
}

.foot3 {
    font-size: 14px;
}

.foot_span1 {
    text-decoration: none;
    color: #333;
}

.foot_link {
    text-decoration: none;
    color: #333;
}

.margin_left20 {
    margin-left: 20px;
}

.navbar-inverse {
    background-color: #27251f !important;
    text-transform: uppercase;
}

.navbar-inverse .navbar-nav > li > a {
    color: #ffffff;
    letter-spacing: 0;
}

.navbar-inverse .navbar-nav > li > a:hover {
    color: #db862a;
}

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

.navbar.center .navbar-inner .nav {
    float: none;
    display: inline-block;
}

/*SEARCH FORM IN NAV*/

.search-form,
.search-form:focus {
    border-radius: 30px 0 0 30px !important;
    box-shadow: none;
    border: 2px solid #fff;
    border-right: 0;
    outline: none !important;
    background-color: #27251f !important;
    padding: 0 15px !important;
    /*padding-bottom: 21px !important;*/
    color: #adadad;
    height: 42px;
}

.search-btn,
.search-btn:hover,
.search-btn:after,
.search-btn:before,
.search-btn:active,
.search-btn:visited {
    border-radius: 0 30px 30px 0 !important;
    cursor: pointer;
    background-color: #27251f !important;
    border: 2px solid #fff !important;
    border-left: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 9px 15px 9px 15px !important;
}

.search_icon {
    color: #fff;
    font-size: 16px;
}

@media (max-width: 1220px) {
    .navbar .nav > li {
        padding: 0 4px 0 3px;
    }

    .navbar .nav > li > a {
        font-size: 14px;
        padding: 0 15px;
    }
}

@media (max-width: 768px) {
    .navbar .nav > li > a {
        font-size: 14px;
        padding: 10px 5px;
    }
}

@media (max-width: 992px) {
    .navbar .nav > li > a {
        font-size: 14px;
        padding: 0 6px;
    }
}

@media (min-width: 1200px) {
    .navbar .nav > li {
        padding: 0 0 0 5px;
    }
}

.two_sides_30_pad {
    padding-right: 30px;
    padding-left: 30px;
}

.forgot_pass_email {
    width: 240px;
    display: inline-block;
    margin-bottom: 10px;
}

.go_button {
    vertical-align: top !important;
}

.nopad {
    padding-left: 0;
    padding-right: 0;
}

/*SEARCH IN MAIN*/

.search-form-2,
.search-form-2:focus {
    border-radius: 0 0 0 0 !important;
    box-shadow: none;
    border: 1px solid #bcbcbc;
    border-right: 0;
    outline: none !important;
    background-color: #eeeeee !important;
    padding: 30px 20px !important;
    font-size: 18px;
}

.search-btn-2,
.search-btn-2:hover,
.search-btn-2:after,
.search-btn-2:before,
.search-btn-2:active,
.search-btn-2:visited {
    border-radius: 0 0 0 0 !important;
    cursor: pointer;
    background-color: #eeeeee !important;
    border: 1px solid #bcbcbc !important;
    border-left: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 20px 20px 19px 20px !important;
}

.search_icon-2 {
    color: #434343;
    font-size: 16px;
}

.showme {
    display: block;
}

.hideme {
    display: none;
}

.lets_talk_form {
    background-color: #e0e0e0;
    font-size: 2em;
    padding: 50px;
}

.letstalk_form_control {
    border: none;
    border-bottom: 1px solid #000;
    background-color: #e0e0e0;
    text-align: center;
    outline: none;
}

.about_red_btn {
    font-size: 28px;
    font-weight: bold;
    background-color: #B01E25;
    margin-top: 30px;
}

.font20 {
    font-size: 20px;
}

.black_back {
    background-color: #000;
}

.abt_top_2box {
    padding: 19px;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    top: 15px;
}

.abt_top_2graybox {
    padding: 30px 15px;
    background-color: #ccc;
}

.our_team {
    background-color: #333;
    color: #fff;
    width: 100%;
    padding: 10px 15px;
}

.abt_show_more {
    color: #000;
    text-decoration: underline;
}

.letstalk_link {
    font-size: 26px;
    font-weight: bold;
    background-color: #000;
    margin-top: 30px;
    margin-bottom: 15px;
    color: #fff !important;
}

.abt_list {
    color: #000;
}

.font_color_dd0303 {
    color: #B01E25;
}

.font_size_16 {
    font-size: 16px;
}

.abt_press_caption {
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    width: calc(100% - 30px);
    padding: 10px 10px;
    position: absolute;
    bottom: 0;
}

.abt_partner_img_width {
    width: 200px;
}

.padding20_30 {
    padding: 20px 30px;
}

.app_iphone_app_icon {
    display: inline-block;
    overflow: hidden;
    background: url(http://linkmaker.itunes.apple.com/images/badges/en-us/badge_appstore-lrg.svg) no-repeat;
    width: 165px;
    height: 40px;
}

/*---------------------carousal--------------------*/

.carousel-control {
    position: absolute;
    top: 40%;
    left: 8px;
    width: 28px;
    height: 28px;
    margin-top: 25px;
    font-size: 60px;
    font-weight: 900;
    line-height: 25px;
    color: #ffffff;
    text-align: center;
    background: #ffffff;
    border: 3px solid #ffffff;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    opacity: 1;
    padding-top: 1px;
    filter: alpha(opacity=100);
}

.carousel-control.right {
    right: 14px;
    left: auto;
    font-size: 20px;
    color: #000000;
    background-image: none;
    padding-left: 3px;
}

.carousel-control.left {
    font-size: 20px;
    color: #000000;
    background-image: none;
    padding-right: 3px;
}

.carousel-caption {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 15px;
    background: #333333;
    background: rgba(0, 0, 0, 0.75);
}

.carousel-caption p {
    margin-bottom: 0;
}

@media screen and (max-width: 700px) {
    .carousel-caption p {
        font-size: 13px;
    }

    .carousel-caption {
        background: rgba(0, 0, 0, 0.55);
    }

    .carousel-control {
        top: 20%;
    }
}

@media (min-width: 1200px) {
    #wrapper.container {
        width: 1200px;
    }
}

/*email subscribe*/

.search-form-3,
.search-form-3:focus {
    border-radius: 0 0 0 0 !important;
    box-shadow: none;
    border: 1px solid #bcbcbc;
    border-right: 0;
    outline: none !important;
    background-color: #eeeeee !important;
    padding: 30px 20px !important;
    font-size: 18px;
}

.search-btn-3,
.search-btn-3:hover,
.search-btn-3:after,
.search-btn-3:before,
.search-btn-3:active,
.search-btn-3:visited {
    border-radius: 0 0 0 0 !important;
    cursor: pointer;
    background-color: #63b440 !important;
    border: 1px solid #63b440 !important;
    border-left: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 16px 40px !important;
    color: #fff;
}

.search_icon-3 {
    color: #fff;
    font-size: 23px;
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    /* padding-right: 10px;*/
    padding-left: 15px;
}

.col-xs-5ths img,
.col-sm-5ths img,
.col-md-5ths img,
.col-lg-5ths img {
    display: block;
}

.col-xs-5ths {
    width: 100%;
    float: left;
    display: block;
    /*margin-bottom:30px;
    padding-bottom:30px;
    border-bottom:1px solid #ccc;
    text-align:center;
    margin-left: auto;
    margin-right: auto;*/
}

/* @media (max-width: 768px) {
    .navbar-header{
        min-width:270px !important;
    }


} */

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 100%;
        float: left;
        display: block;
        /*margin-bottom:30px;
        padding-bottom:30px;
        border-bottom:1px solid #ccc;
        text-align:center;*/
    }
}

@media (max-width: 768px) {
    .col-sm-5ths {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 19.8%;
        float: left;
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: 0 solid #ccc;
        text-align: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 19.8%;
        float: left;
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: 0 solid #ccc;
        text-align: left;
    }
}

#foot .col-xs-5ths {
    padding-left: 0;
    width: 100% !important;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-right: 0;
}

.foot_ad {
    /*padding-right: 25px;*/
}

@media (min-width: 768px) {
    #foot .col-sm-5ths {
        padding-left: 0;
        width: 100% !important;
        margin-bottom: 10px;
        padding-bottom: 10px;
        padding-right: 0;
    }
}

@media (min-width: 992px) {
    #foot .col-md-5ths {
        /*padding-left:50px;*/
        width: 19.8% !important;
        padding-right: 0;
    }
}

@media (min-width: 1200px) {
    #foot .col-lg-5ths {
        /*padding-left:40px;*/
        width: 19.8% !important;
        padding-right: 0;
    }
}

.viewmoreButton {
    padding: 7px 10px;
    background-color: #B01E25;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    bottom: 15px;
    left: 15px;
    position: absolute;
}

@media only screen and (max-width: 991px) {
    .viewmoreButton {
        top: 10px;
        right: 10px;
        bottom: auto;
        left: auto;
        padding: 5px 10px;
    }
}

.viewmoreButton i {
    color: #fff;
    font-size: 20px;
    font-weight: 100;
}

.viewmoreButton:hover,
.viewmoreButton:visited,
.viewmoreButton:active {
    background-color: #B01E25;
    text-decoration: none;
    color: #fff;
}

.viewmoreButton1 {
    padding: 7px 10px;
    background-color: #B01E25;
    text-decoration: none !important;
    color: #fff;
    font-size: 14px;
}

.viewmoreButton1 i {
    color: #fff;
    font-size: 20px;
    font-weight: 100;
}

.viewmoreButton1:hover,
.viewmoreButton1:visited,
.viewmoreButton1:active {
    background-color: #B01E25;
    text-decoration: none;
    color: #fff;
}



ul.content-slider > li {
    background-color: transparent;
}

.content-slider img {
    width: 100% !important;
}

.inside {
    margin-top: 20px;
    margin-bottom: 20px;
    background: #ededed;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, #f4f4f4),
        color-stop(100%, #ededed)
    );
    background: -moz-linear-gradient(top, #f4f4f4 0%, #ededed 100%);
    background: -ms-linear-gradient(top, #f4f4f4 0%, #ededed 100%);
}

.inside-full-height {
    height: 100%;
    margin-top: 0;
    margin-bottom: 0;
}

.row-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
}

.col-height {
    display: table-cell;
    float: none;
    height: 100%;
}

.col-top {
    vertical-align: top;
}

.col-middle {
    vertical-align: middle;
}

.col-bottom {
    vertical-align: bottom;
}

@media (min-width: 480px) {
    .row-xs-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }

    .col-xs-height {
        display: table-cell;
        float: none;
        height: 100%;
    }

    .col-xs-top {
        vertical-align: top;
    }

    .col-xs-middle {
        vertical-align: middle;
    }

    .col-xs-bottom {
        vertical-align: bottom;
    }
}

@media (min-width: 768px) {
    .row-sm-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }

    .col-sm-height {
        display: table-cell;
        float: none;
        height: 100%;
    }

    .col-sm-top {
        vertical-align: top;
    }

    .col-sm-middle {
        vertical-align: middle;
    }

    .col-sm-bottom {
        vertical-align: bottom;
    }
}

@media (min-width: 992px) {
    .row-md-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }

    .col-md-height {
        display: table-cell;
        float: none;
        height: 100%;
    }

    .col-md-top {
        vertical-align: top;
    }

    .col-md-middle {
        vertical-align: middle;
    }

    .col-md-bottom {
        vertical-align: bottom;
    }
}

@media (min-width: 1200px) {
    .row-lg-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }

    .col-lg-height {
        display: table-cell;
        float: none;
        height: 100%;
    }

    .col-lg-top {
        vertical-align: top;
    }

    .col-lg-middle {
        vertical-align: middle;
    }

    .col-lg-bottom {
        vertical-align: bottom;
    }
}

#content-slider-noteworthy .collapse.in {
    display: inline-block;
}

/* Login*/
@media (min-width: 768px) {
    .omb_row-sm-offset-3 div:first-child[class*="col-"] {
        margin-left: 25%;
    }
}

.omb_login .omb_authTitle {
    text-align: center;
    /*line-height: 270%;*/
    color: #B01E25;
}

.omb_login .omb_socialButtons a {
    color: white;
    opacity: 0.9;
}

.omb_login .omb_socialButtons a:hover {
    color: white;
    opacity: 1;
}

.omb_login .omb_socialButtons .omb_btn-facebook,
.omb_login .omb_socialButtons .omb_btn-facebook span {
    background: #3b5998;
    color: #fff !important;
}

.omb_login .omb_loginOr {
    position: relative;
    font-size: 1.5em;
    color: #aaa;
    margin-top: 1em;
    margin-bottom: 1em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.omb_login .omb_loginOr .omb_hrOr {
    background-color: #cdcdcd;
    height: 1px;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.omb_login .omb_loginOr .omb_spanOr {
    display: block;
    margin-top: -1.2rem;
    text-align: center;
    position: absolute;
    width: 60px;
    background-color: #efefef;
    left: calc(50% - 30px);
}

.omb_login.no_dark_bg .omb_loginOr .omb_spanOr {
    background-color: #efefef;
}

.omb_login.white_bg .omb_loginOr .omb_spanOr {
    background-color: #fff;
}

.omb_login .omb_loginForm .input-group.i {
    width: 2em;
}

.omb_login .omb_loginForm .help-block {
    color: red;
}

@media (min-width: 768px) {
    .omb_login .omb_forgotPwd {
        text-align: right;
        margin-top: 10px;
    }
}

.omb_forgotPwd a {
    color: #333;
}

#log_box {
    background-color: #dadada;
    padding: 20px !important;
    border: 1px solid #bdbdbd;
}

/*
.form-box {
    background-color: #dadada;
    padding: 20px !important;
    border: 1px solid #bdbdbd;
}
*/
/* login style ends */

/* LOOK SCREEN STYLES */

.lock-screen-wrapper {
    text-align: center;
}

.lock-screen-wrapper .btn,
.lock-screen-wrapper .panel {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.lock-screen-wrapper .panel-body img {
    margin: 10px;
    border: 8px solid #ccc;
    height: 150px;
    width: 150px;
    background: #ccc;
}

/* LOOK SCREEN STYLES end */

/* Network Page Start */

.red {
    color: #B01E25 !important;
}

.grey {
    color: #8a8d8f;
}

.marginTop20 {
    margin-top: 20px;
}

.network {
}

.netSocial {
    text-align: right;
}

.network h3 {
    margin-top: 0;
    font-size: 1.3em;
    font-weight: 600;
    max-width: 100%;
}

.padHor {
    padding: 0 1rem;
}

.padVer {
    padding: 1rem 0;
}

.padVer2 {
    padding: 2rem 0;
}

.marBott30 {
    margin-bottom: 30px;
}

.marBott33 {
    margin-bottom: 33px;
}

.marBott15 {
    margin-bottom: 15px;
}

.networkImg {
    width: 100%;
}

.netBtn {
    background-color: #8a8d8f;
    color: #ffffff;
    font-weight: 600;
}

.netSubscribe ul.dropdown-menu {
    background-color: #8a8d8f;
    border: 5px solid #8a8d8f;
    border-radius: 0 !important;
    color: #ffffff;
    font-size: 1em;
    margin: -4px 0 0 15px !important;
}

.text_underline {
    text-decoration: underline;
}

@media (max-width: 768px) {
    .netSocial {
        text-align: left;
        margin-bottom: 15px;
    }
}

.viewMorebtn {
    background-color: #494949;
    outline: none;
    color: #ffffff;
}

/* Network Page End */

/*PodacstPage */
#podcast .glyphicon {
    margin-right: 0;
}

#podcast .thumbnail {
    margin-bottom: 20px;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 0 solid #000;
}

#podcast .item.list-group-item {
    float: none;
    width: 100%;
    margin-bottom: 10px;
    background-color: #fff !important;
    border-bottom: 0 solid #bdbdbd;
    font-weight: normal;
    padding: 0 0;
}

#podcast .item.list-group-item:nth-of-type(odd):hover,
#podcast .item.list-group-item:hover {
}

#podcast .item.list-group-item .list-group-image {
    margin-right: 10px;
}

#podcast .item.list-group-item .thumbnail {
    margin-bottom: 0;
}

#podcast .item.list-group-item .caption {
    padding: 0 9px 0 9px;
}

#podcast .item.list-group-item:before,
.item.list-group-item:after {
    display: table;
    content: " ";
}

#podcast .item.list-group-item img {
    float: left;
}

#podcast .item.list-group-item:after {
    clear: both;
}

#podcast .list-group-item-text {
    margin: 0 0 11px;
    text-align: justify;
}

.smll_img {
    width: 100px !important;
}

#podcast .list-group-item-heading {
    font-weight: bold;
}

#podcast .pagination > li > a,
#podcast .pagination > li > span {
    border: 1px solid #ddd;
    color: #000;
}

/*
#podcast .pagination>li:first-child>a, #podcast .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

#podcast .pagination>li:last-child>a, #podcast .pagination>li:last-child>span {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}*/

#podcast .dropdown-menu > li > a {
    text-align: left !important;
}

#podcast .dropdown-menu {
    margin-top: -1px !important;
    border: 1px solid #ccc;
}

#podcast .dropdown-submenu {
    position: relative;
}

#podcast .dropdown-submenu > .dropdown-menu {
    top: 0 !important;
    left: 100% !important;
    margin-top: -10px !important;
}

#podcast .dropdown-submenu:hover > .dropdown-menu {
    display: block !important;
}

#podcast .dropdown-submenu > a:after {
    display: block !important;
    content: " " !important;
    float: right !important;
    width: 0 !important;
    height: 0 !important;
    border-color: transparent !important;
    border-style: solid !important;
    border-width: 5px 0 5px 5px !important;
    border-left-color: #ccc !important;
    margin-top: 5px !important;
    margin-right: -10px !important;
}

#podcast .dropdown-submenu:hover > a:after {
    border-left-color: #fff !important;
}

#podcast .dropdown-submenu.pull-left {
    float: none !important;
}

#podcast .dropdown-submenu.pull-left > .dropdown-menu {
    left: -100% !important;
    margin-left: 10px !important;
}

/*PodacstPage End*/

/*Premium Page */
.pricing {
    width: 100%;
    font-size: 0;
    opacity: 1;
    transition: opacity 0.2s ease;
}

.price-option {
    display: inline-block;

    vertical-align: middle;

    font-size: 16px;
    opacity: 1;
    transition: opacity 0.2s ease;
}

.price-option:last-child {
    margin-right: 0;
}

.pricing:hover .price-option {
    opacity: 0.6;
}

.pricing:hover .price-option:hover {
    opacity: 1;
}


/*Premium Page End*/

/*New Network Page Start*/

.uppCas {
    text-transform: uppercase !important;
}

.fontBold {
    font-weight: 600 !important;
}

.min130 {
    min-height: 130px;
}

/*New Network Page End */

.marShareIcon {
    margin-top: 45px;
    text-align: center;
}

.marginLeft15 {
    margin-left: 15px;
}

/*FlowPlawer CSS Start*/

.playful {
    top: 125px;
}

.fp-controls {
    height: 110px !important;
}

.playful .fp-timeline {
    background: #182554 !important;
    background: url(../images/wave1.png) no-repeat !important;
    height: 88px !important;
    background-size: 100% 100% !important;
    text-shadow: 0 !important;
}

.fp-progress {
    background-color: white !important;
    height: 88px !important;
    opacity: 0.5;
}

.fp-buffer {
    display: none !important;
}

.playful.is-touch.is-mouseover .fp-progress:before {
    background-color: red !important;
}

.playful.is-touch.is-mouseover .fp-progress:after,
.playful.is-touch.is-mouseover .fp-progress:before {
    top: 39px !important;
}

.playful.is-touch.is-mouseover .fp-progress:after {
    top: 35px !important;
}

.playful .fp-play:before {
    /*play button*/
    content: "" !important;
}

.playful .fp-play {
    background: url(../images/playbtn.png) no-repeat !important;
    width: 94px !important;
    height: 94px !important;
    background-size: 68px !important;
    top: 20px;
}

.is-playing.playful .fp-play:before {
    /*pause button*/
    content: "" !important;
    color: #bb3b20 !important;
}

.is-playing.playful .fp-play {
    background: url(../images/pause-btn.png) no-repeat !important;
    width: 94px !important;
    height: 94px !important;
    background-size: 68px !important;
    top: 20px;
}

.playful .fp-mute:before {
    color: #bb3b20 !important;
}

.playful.fixed-controls .fp-elapsed,
.playful.fixed-controls.is-mouseover .fp-elapsed,
.playful.fixed-controls .fp-time em {
    top: -25px !important;
    color: #bb3b20 !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
    text-shadow: 0 0 0 #fff !important;
}

.playful .fp-brand {
    top: 45px !important;
    color: #bb3b20 !important;
}

.playful.fixed-controls .fp-volume {
    top: 47px;
    color: #bb3b20 !important;
}

.playful.fixed-controls .fp-controls {
    background-color: transparent !important;
}

.playful .fp-controls {
    background-image: linear-gradient(
        to bottom,
        rgba(253, 253, 253, 0.85),
        rgba(255, 255, 255, 0.85)
    ) !important;
}

.playful.fixed-controls .fp-controls .fp-play,
.playful.fixed-controls.is-mouseover .fp-controls .fp-play {
    left: 0 !important;
}

.fp-title {
    display: none;
}

.playful .fp-mute:after {
    width: 10px !important;
    height: 10px !important;
    right: 13px !important;
    top: 10px !important;
}

/*FlowPlawer CSS End*/

/* ------ NAVBAR STUFF ------*/
/* Menu */

#main-menu {
    background: white;
    border-radius: 0;
    min-height: 84px;
    margin-bottom: 0;
    border: none;
    position: fixed;
    top:0;
    z-index: 5;
}

#wrapper.container.static #main-menu {
    position:inherit;
}

@media (min-width: 0) and (max-width: 767px){
    #main-menu {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 991px){
    #main-menu {
        width: 750px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #main-menu {
        width: 970px;
    }
    .review-btn {
        margin-top: 8px;
    }
}

@media (min-width: 1200px) {
    #main-menu {
        width: 1200px;
    }
}

#main-menu .navbar-brand {
    background: url("/images/home/am-logo.jpg") no-repeat center;
    padding: 0;
    width: 260px;
    height: 84px;
}

@media screen and (max-width: 991px) {
    #main-menu .navbar-brand {
        width:190px;
        background-size:190px;
    }
}

#main-menu .navbar-nav.navbar-right {
    padding-right: 16px;
}

#main-menu .navbar-nav > li {
    height: 84px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

#main-menu .navbar-nav > li.active > a {
    background-color: transparent;
    color: #B01E25;
}

#main-menu .navbar-nav > li.active > a:after {
    content: "";
    display: block;
    width: 100%;
    margin-top: -10px;
    height: 2px;
    background-color: #B01E25;
    left: 0;
}

#main-menu .navbar-nav > li > a {
    text-transform: uppercase;
    padding: 0 10px;
    position: relative;
    font-size: 1rem;
    letter-spacing: 0;
}

@media screen and (max-width: 767px) {
    .navbar-header .navbar-toggle {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    #main-menu .navbar-nav > li {
        height: 40px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    #main-menu .navbar-nav > li > a {
        padding: 10px 7px;
        font-size: 0.9rem;
    }
}

#main-menu .navbar-nav > li > a.btn.btn-primary {
    background-color: #B01E25;
    border-color: #B01E25;
    color: white;
    text-transform: uppercase;
    line-height: 16px;
    border-radius: 0;
    padding: 6px 16px;
    font-size: 1rem;
    font-weight: 400;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    #main-menu .navbar-nav > li > a {
        padding: 10px 4px;
        font-size: 0.7rem;
    }

    #main-menu .navbar-nav > li > a.btn.btn-primary {
        padding: 6px 8px;
        font-size: 0.7rem;
    }
}

#main-menu .navbar-nav > li > a.btn.btn-primary .fa {
    margin-right: 5px;
}

#toggle_sidebar {
    cursor: pointer;
    margin-top: 20px;
}

#toggle_sidebar3 {
    cursor: pointer;
    float: left;
    margin-top: 20px;
}

/* collapsed navbar */
body {
    -webkit-transition: padding 0.1s ease;
    transition: padding 0.1s ease;
}

nav a,
nav img,
#search-form {
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

nav.navbar.shrink {
    min-height: 60px;
}

nav.navbar.shrink #toggle_sidebar {
    margin-top: -15px;
}

nav.navbar.shrink #toggle_sidebar3 {
    margin-top: -15px;
}

nav.navbar.shrink .navbar-form {
    margin-top: -15px;
    padding-bottom: 0;
}

nav.navbar.shrink #ulogo {
    margin-top: -7px;
}

/*nav.navbar.shrink  .nav.navbar-nav.navbar-right {
    display:none;
}*/
nav.navbar.shrink .hide_google_ad {
    display: none !important;
}

nav.navbar.shrink .navbar-toggle {
    margin: 0 0 0 0;
    padding: 0 0;
}

/* collapsed navbar end */

/* ------ END NAVBAR STUFF ------*/

/*Term*/

.term p {
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.term a {
    color: #000000;
    text-decoration: underline;
}

.term a:hover,
.term a:active,
.term a:visited,
.term a:hover:focus {
    text-decoration: none;
}

.termPoint {
    font-weight: normal;
    text-decoration: underline;
    font-size: 18px;
}

.term ul {
    list-style-type: disc;
    padding-left: 40px;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 40px;
}

.term ol {
    list-style: lower-roman;
}

.term .policy ul {
    list-style: lower-alpha;
}

.term h4 {
    font-weight: 600;
    font-size: 16px;
}

.unsub p {
    font-size: 18px;
}

.greenbtn {
    width: 100%;
    background-color: #76ae4d;
    font-size: 20px;
    border: none;
}

.unsub .summail {
    height: 40px !important;
    border-radius: 5px !important;
}

.premiummember .newCus {
    background-color: #828282;
    color: #fff;
    font-size: 20px;
    padding: 15px 15px;
}

.text-input {
    height: 40px !important;
    border-radius: 5px !important;
}

.honorary-input-inner {
    height: 26px;
}

textarea.text-input {
    height: 100px !important;
}

.premiummember .summail {
    height: 40px !important;
    border-radius: 5px !important;
}

.premiummember label {
    font-size: 16px;
}

.premiummember select.dropdate-select {
    font-size: 16px;
    padding: 9px 5% 9px 1%;
    border-radius: 5px !important;
}

.premiummember select.dropdate-select:nth-child(2) {
    width: 32%;
    float: right;
}

.premiummember select.dropdate-select:last-child {
    width: 32%;
    float: left;
}

.premiummember select.dropdate-select:nth-child(3) {
    width: 33%;
    position: absolute;
    margin: auto;
    right: 0;
    left: 0;
}

.inline-block {
    width: 100%;
    display: inline-block;
}

/*
.premiummember select.dropdate-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}*/

.premiummember button#dropdownMenu1 {
    width: 100% !important;
    text-align: left;
    font-size: 16px;
    border-radius: 5px !important;
}

.premiummember button#dropdownMenu1 span {
    margin-left: auto;
    float: right;
    margin-top: 10px;
}

.premiummembe .dropdown .navbar .navbar-collapse,
.dropdown-menu > li > a {
    text-align: left !important;
}

.premiummember .greBtn {
    max-width: 180px;
    background-color: #acacac;
    font-size: 20px;
    border: none;
    float: right;
    height: 51px;
    min-width: 300px;
    width: 100%;
}

.height40 {
    height: 40px !important;
    border-radius: 5px !important;
}

/*26 Dec*/

.premiummember .changeBtn {
    background-color: #000000;
    color: #ffffff;
    padding: 1px 10px;
    font-weight: normal;
    font-size: 16px;
}

.premiummember .fontNor {
    font-weight: normal;
}

.font18 {
    font-size: 18px;
}

.price {
    border-bottom: 1px solid #000;
    width: auto;
}

.promeCode {
    font-size: 14px;
}

.addProBtn {
    background-color: #000000;
    color: #ffffff;
    padding: 1px 10px;
    font-weight: normal;
    font-size: 16px;
}

.removeBtn {
    background-color: #B01E25;
    color: #ffffff;
    padding: 1px 10px;
    font-weight: normal;
    font-size: 16px;
    border: 0;
}

.font16 {
    font-size: 16px;
}

.placeordeBtn {
    width: 100%;
    background-color: #B01E25;
    font-size: 20px;
    border: none;
    max-width: 350px;
    color: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
}

.preMemSub {
    padding: 10px;
    background-color: #eee;
    border: 1px solid #ccc;
}

/* stepwizard  */

.mtop {
    margin-top: 2%;
}

.stepwizard-step p {
    margin-top: 10px;
    font-size: 16px;
    font-weight: 600;
}

.stepwizard-row {
    display: table-row;
    margin-bottom: 2%;
    margin-top: 2%;
}

.stepwizard {
    margin-top: 15px;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
    top: 22px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 96%;
    height: 5px;
    background-color: #ccc;
    z-index: 0;
}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
    width: 33.33%;
}

.btn-circle {
    width: 50px;
    height: 50px;
    text-align: center;
    padding: 8px 0;
    font-size: 18px;
    line-height: 1.428571429;
    border-radius: 50% !important;
    font-weight: bold;
    background-color: #b0b0b0;
    border: 5px Solid #dedede;
    color: #ffffff;
}

.new-primary {
    background-color: #f6e00b;
    color: #fff;
    border: 5px solid #dedede !important;
}

.new-primary:hover,
.new-primary:active {
    background-color: #f6e00b;
    color: #ffffff;
    border: 5px solid #dedede !important;
}

.new-default:hover,
.new-default:active {
    color: #ffffff;
}

.btn-circle:hover,
.btn-circle:active {
    color: #ffffff;
    background-color: #f6e00b;
}

.bdr {
    border: 1px solid #dedede;
    background-color: rgba(245, 245, 245, 0.52);
    margin: 10px 5px;
    padding: 10px 8px;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor: pointer;
    opacity: 1;
}

.one,
.two,
.three {
    display: none;
}

/*My Account*/

.profile_pic {
    float: right;
}

.profileName {
    padding: 0 15px;
}

.img-circle.profile_img {
    width: 70px;
    background: #fff;
    z-index: 1000;
    position: inherit;
    margin-top: 10px;
    border: 1px solid rgba(52, 73, 94, 0.44);
    padding: 4px;
}

.signoutBtn {
    background-color: #494949;
    font-size: 20px;
    border: none !important;
    color: #ffffff;
    padding: 18px 20%;
}

.signoutBtn:hover,
.signoutBtn:active,
.signoutBtn:focus,
.signoutBtn:visited {
    background-color: #494949;
    border: none !important;
    color: #ffffff;
}

.marginTop15 {
    margin-top: 15px;
}

.marginTop25 {
    margin-top: 25px;
}

.marginRight {
    margin-right: 15px !important;
}

.manageAcc {
    height: auto;
    min-height: 150px;
    /*background-color: #fff;
    border: 1px solid #dadada;
    */
}

.textTranNone {
    text-transform: none !important;
}

.about_full_width {
    width: 100% !important;
}

.not_available_else {
    /* font-family: "Work Sans", sans-serif !important; */
    color: #000 !important;
    font-weight: bold !important;
}

.podast_search {
    background-color: #fff !important;
    border: 1px solid #ccc !important;
    border-right: 0 !important;
    border-radius: 0 0 0 0 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.podcast_search_btn {
    background-color: #fff !important;
    border: 1px solid #ccc !important;
    border-left: none !important;
    border-radius: 0 0 0 0 !important;
    padding: 0;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

.podcast_search_icon {
    color: #000 !important;
    font-size: 10px !important;
}

.all_podcast_title {
    color: #B01E25 !important;
    /* font-family: "Work Sans", sans-serif !important; */
    margin-top: 20px !important;
}

.no_underline {
    text-decoration: none;
}

.podcast_ad_get_started_btn {
    font-size: 24px !important;
    font-weight: bold !important;
    background-color: #27251f !important;
    margin-top: 30px !important;
    margin-bottom: 15px !important;
    border: 1px solid #27251f !important;
}

.podcast_ad_get_started_btn_icon {
    top: 4px;
}

.tungsten27251F {
    font-family: "Fira Sans Extra Condensed", sans-serif;
    color: #27251f;
}

.font50 {
    font-size: 50px;
}

.klavika27251F {
    font-family: "Klavika", sans-serif;
    color: #27251f;
}

.font60 {
    font-size: 60px;
}

.pricing_sup {
    top: -0.7em !important;
    font-size: 30px !important;
}

.backccc {
    background: #ccc;
}

.pricing_join_now {
    color: #fff !important;
}

.pricing_red_head {
    background: #c21c2a !important;
    text-decoration: none !important;
}

.pricing_number_head {
    font-weight: normal;
    font-size: 52px;
}

.joining_benefits_head {
    color: #000;
    margin-bottom: 0;
    font-size: 35px;
    font-weight: bold;
}

.pricing_list_style {
    list-style: square url("../images/red_bullet.png") !important;
    font-size: 18px !important;
    line-height: 45px !important;
}

.blackback {
    background: #000;
}

.squaredTwo {
    width: 20px;
    height: 20px;
    position: relative;
    background: #fcfff4;
    background: -webkit-linear-gradient(
        top,
        #fcfff4 0%,
        #dfe5d7 40%,
        #b3bead 100%
    );
    background: linear-gradient(
        to bottom,
        #fcfff4 0%,
        #dfe5d7 40%,
        #b3bead 100%
    );
    box-shadow: inset 0 1px 1px white, 0 1px 3px rgba(0, 0, 0, 0.5);
}

.squaredTwo label {
    width: 16px;
    height: 16px;
    cursor: pointer;
    position: absolute;
    left: 2px;
    top: 2px;
    background: -webkit-linear-gradient(top, #222222 0%, #45484d 100%);
    background: linear-gradient(to bottom, #222222 0%, #45484d 100%);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), 0 1px 0 white;
}

.squaredTwo label:after {
    content: "";
    width: 9px;
    height: 5px;
    position: absolute;
    top: 4px;
    left: 4px;
    border: 3px solid #fcfff4;
    border-top: none;
    border-right: none;
    background: transparent;
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.squaredTwo label:hover::after {
    opacity: 0.3;
}

.squaredTwo input[type="radio"] {
    visibility: hidden;
}

.squaredTwo input[type="radio"]:checked + label:after {
    opacity: 1;
}

.premiium_gift {
    background: url("/images/aandb/podcast_premium_gift_bg7.jpg") !important;
    background-size: 100% 100% !important;
}

.premium_gift_head {
    color: #c4a85e !important;
    line-height: 64px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    font-size: 34px;
}

.marginTop_zero {
    margin-top: 0 !important;
}

.goldBtn {
    font-weight: bold !important;
    font-size: 20px !important;
    padding-right: 20px !important;
    padding-left: 20px !important;
    background-color: #c4a85e !important;
    color: #fff !important;
}

.program2_premium_box {
    margin-top: 0;
    padding-left: 15px;
    padding-right: 15px;
}

.program2_premium_box_inside {
    background-image: url("/images/responsive/prem_back.png");
    background-size: 100% 100%;
}

.want_more_episode {
    background-color: #fff;
    border: 1px solid #333;
    margin-top: 30px;
    margin-bottom: 30px;
}

.wantmore_btn {
    padding: 5px 50px 5px 50px;
}

.klavika-regular {
    font-family: "Klavika", sans-serif;
    font-weight: 400;
}

.premium_member_login_btn {
    font-size: 16px;
    margin-bottom: 10px;
    margin-right: 30px;
}

.become_premium_member_btn {
    font-size: 16px;
    margin-bottom: 10px;
}

/*26 Dec*/

.premiummember .changeBtn {
    background-color: #000000;
    color: #ffffff;
    padding: 1px 10px;
    font-weight: normal;
    font-size: 16px;
}

.premiummember .fontNor {
    font-weight: normal;
}

.font18 {
    font-size: 18px;
}

.price {
    border-bottom: 1px solid #000;
    width: auto;
}

.promeCode {
    font-size: 14px;
}

.addProBtn {
    background-color: #000000;
    color: #ffffff;
    padding: 1px 10px;
    font-weight: normal;
    font-size: 16px;
}

.removeBtn {
    background-color: #B01E25;
    color: #ffffff;
    padding: 1px 10px;
    font-weight: normal;
    font-size: 16px;
    border: 0;
}

.font16 {
    font-size: 16px;
}

.placeordeBtn {
    width: 100%;
    background-color: #B01E25;
    font-size: 20px;
    border: none;
    max-width: 350px;
    color: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
}

.preMemSub {
    padding: 10px;
    background-color: #eee;
    border: 1px solid #ccc;
}

/* stepwizard  */

.mtop {
    margin-top: 2%;
}

.stepwizard-step p {
    margin-top: 10px;
    font-size: 16px;
    font-weight: 600;
}

.stepwizard-row {
    display: table-row;
    margin-bottom: 2%;
    margin-top: 2%;
}

.stepwizard {
    margin-top: 15px;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
    top: 22px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 96%;
    height: 5px;
    background-color: #ccc;
    z-index: 0;
}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
    width: 33.33%;
}

.btn-circle {
    width: 50px;
    height: 50px;
    text-align: center;
    padding: 8px 0;
    font-size: 18px;
    line-height: 1.428571429;
    border-radius: 50% !important;
    font-weight: bold;
    background-color: #b0b0b0;
    border: 5px Solid #dedede;
    color: #ffffff;
}

.new-primary {
    background-color: #f6e00b;
    color: #fff;
    border: 5px solid #dedede !important;
}

.new-primary:hover,
.new-primary:active {
    background-color: #f6e00b;
    color: #ffffff;
    border: 5px solid #dedede !important;
}

.new-default:hover,
.new-default:active {
    color: #ffffff;
}

.btn-circle:hover,
.btn-circle:active {
    color: #ffffff;
    background-color: #f6e00b;
}

.bdr {
    border: 1px solid #dedede;
    background-color: rgba(245, 245, 245, 0.52);
    margin: 10px 5px;
    padding: 10px 8px;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor: pointer;
    opacity: 1;
}

.one,
.two,
.three {
    display: none;
}

/*My Account*/

.profile_pic {
    float: right;
}

.profileName {
    padding: 0 15px;
}

.img-circle.profile_img {
    width: 70px;
    background: #fff;
    z-index: 1000;
    position: inherit;
    margin-top: 10px;
    border: 1px solid rgba(52, 73, 94, 0.44);
    padding: 4px;
}

.signoutBtn {
    background-color: #494949;
    font-size: 20px;
    border: none !important;
    color: #ffffff;
    padding: 18px 20%;
}

.signoutBtn:hover,
.signoutBtn:active,
.signoutBtn:focus,
.signoutBtn:visited {
    background-color: #494949;
    border: none !important;
    color: #ffffff;
}

.marginTop15 {
    margin-top: 15px;
}

.marginTop25 {
    margin-top: 25px;
}

.marginRight {
    margin-right: 15px;
}

.textTranNone {
    text-transform: none !important;
}

.panel-body {
    padding: 15px;
    background-color: #eeeeee;
}

.dropAddCard {
    text-align: left;
    height: 40px;
    border-radius: 5px !important;
}

.dropCaret {
    float: right;
    margin-top: 10px;
}

.width50 {
    width: 50px;
}

.cardCheck {
    float: left;
    text-align: left;
    width: 16px;
    margin-top: -8px !important;
    margin-right: 15px !important;
}

/*.createBtn {
    width: 100%;
    background-color: #76ae4d;
    font-size: 20px;
    border: none;
    max-width: 150px;
    border-radius: 5px !important;
}

.cancleBtn {
    width: 100%;
    background-color: #B01E25;
    font-size: 20px;
    border: none;
    max-width: 150px;
    border-radius: 5px !important;
}
*/

.textCenter {
    text-align: center;
}

.marginTop35 {
    margin-top: 35px;
}

.max150 {
    max-width: 150px;
}
/*
.cancleBtn:hover,
.createBtn:hover {
    background-color: #27251f;
}
*/
.getPass {
    border: 1px solid #828282;
    box-shadow: -2px -2px 2px 2px #f1f1f1;
}

.marTop8 {
    margin-top: 8px;
}

.manageAddress thead.thead-default {
    background-color: #27251f;
    color: #ffffff;
    font-size: 18px;
}

.manageAddress ul {
    list-style: none;
    font-size: 16px;
    padding-left: 15px;
}

.makeBtn {
    width: 100%;
    background-color: #27251f;
    color: #ffffff;
    font-size: 18px;
    border: none;
    border-radius: 5px !important;
    float: right;
    max-width: 250px;
}

.makeBtn:hover {
    background-color: #76ae4d;
}

.removeBtn {
    background-color: #27251f;
    color: #ffffff;
    font-size: 18px;
    border: none;
    border-radius: 5px !important;
}

.removeBtn:hover {
    background-color: #B01E25;
}

.checkOutBtn {
    background-color: #27251f;
    color: #ffffff;
    font-size: 18px;
    border: none;
    border-radius: 5px !important;
    padding: 15px 20px;
}

.checkOutBtn:hover {
    background-color: #76ae4d;
}

.blog .post {
    border-bottom: 1px solid #000000;
    border-bottom-style: dotted;
}

.blog p {
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.blog h1 {
}

.blog h2 {
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    text-decoration: underline;
}

.blog h2 a {
    color: #000000;
}

.blog h3 {
    font-size: 18px;
    font-weight: 600;
}

.blog h3 span {
    font-weight: normal;
}

/*My Podcast*/

.myPodcast .urlInput {
    height: 40px !important;
    border-radius: 5px !important;
    width: 167px;
}

.myPodcast .iTuneBtn {
    background-color: #ffffff;
    font-size: 18px;
    border: none !important;
    color: #000000;
    padding: 7px 30px;
    border-radius: 5px !important;

    -moz-box-shadow: inset 0 0 10px #c2c2c2;
    -webkit-box-shadow: inset 0 0 10px #c2c2c2;
    box-shadow: inset 0 0 10px #c2c2c2 !important;
}

.iTuneBtn img {
    margin-top: -3px;
}

.yellCol {
    color: #f29b42;
}

.myPodcast .topRow {
    margin-top: 15px;
}

@media (min-width: 769px) {
    .myPodcast .topRow {
        margin-top: -100px;
    }
}

/* Premium Help*/

.help ul li {
    list-style-type: decimal !important;
}

.help ul li ol li {
    list-style-type: upper-latin !important;
}

.allImg {
    display: inline;
    margin-top: -5px;
}

.helpImgBorder {
    border: 1px solid #c1c1c1;
    margin-top: 15px;
    margin-bottom: 15px;
}

/*Killer Klips*/

.killerklips h3 {
    margin-top: 10px;
}

/*Even More*/

.evenmore ul li {
    float: left;
    font-size: 18px;
    font-weight: 600;
    margin: 10px 0;
}

.evenmore ul li span {
    float: left;
    font-weight: normal;
}

.evenmore .logoImg {
    height: 25px;
    margin-top: -3px;
}

.padLeft0 {
    padding-left: 0;
}

.premiumterms ul li {
    float: left;
    font-size: 18px;
    font-weight: 600;
    margin: 10px 0;
}

.premiumterms ul li p {
    float: left;
    font-weight: normal;
    margin: 10px 0;
    font-size: 16px;
}

.premiumterms ul li p a {
    color: #333;
    text-decoration: underline;
}

.premiumterms ul li ol li {
    list-style-type: upper-latin !important;
    font-weight: normal;
}

/*Error Page*/

.error {
    border: 2px solid #828282;
}

.error ul li {
    font-size: 18px;
    margin: 10px 0;
}

.error a,
.error a:hover,
.error a:active {
    color: #000000;
    text-decoration: underline;
}

.episodes-list-container > * {
    width: 49%;
    margin-bottom: 10px;
}

.episodes-list-container > *.twitter-section {
    width: 100%;
    margin-top: 50px;
}


/* 404 Page */
.error-404-page {
    text-align:center;
    padding-bottom:20px;
}

.error-404-page h1 {
    font-size: 10rem;
    line-height: initial;
    color:#fff;
}

.error-404-page h2 {
    font-size: 3rem;
    font-weight:bold;
    line-height:initial;
}

.error-404-page .homeLink {
    padding: 20px 0;
}

.error-404-page .homeLink a.btn.btn-secondary, .error-404-page .homeLink a.btn.btn-secondary:visited
{
    border-radius: 0;
    background-color: #12b4dc;
    border-color: #12b4dc;
    text-transform: uppercase;
    padding: 2px 32px;
    font-weight: 400;
    font-size: 17px;
    color:#ffffff;
    text-decoration: none;
}

.error-404-page .homeLink a.btn.btn-secondary:hover
{
    text-decoration: none;
    background-color:#0f99bb;
    border-color:#0f99bb;
}


/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
    .episodes-list-container > * {
        width: 24%;
    }

    .episodes-list-container > *.twitter-section iframe {
        min-height: 300px !important;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
    .episodes-list-container > * {
        width: 19%;
    }

    .episodes-list-container > *.twitter-section {
        width: 19%;
        margin-top: 0;
    }

    .episodes-list-container > *.twitter-section iframe {
        min-height: 300px !important;
    }
}

.error,
.error-message {
    margin: 10px 0;
    border: 2px solid #da291c;
    color: #da291c;
    padding: 5px;
    text-align: center;
}

button,
input[type="button"],
input[type="submit"] {
    -webkit-appearance: none;
    border: 0;
}

.pagination > li > a,
.pagination > li > span {
    color: #4F4F4F;
    background: none;
    border:none;
    font-size: 0.85rem;
    text-transform: uppercase;
    padding: 8px;
}

.pagination > li:last-child > a,
.pagination > li:first-child > a {
    border-radius: 0;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
    color: #4F4F4F;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background-color: #db862a;
    border-color: #db862a;
    color:#000000;
}

/* Homepage Specific Styles */

.homepage-container ul.content-slider .cat_info .cat_info_inner {
    padding: 0 5px 5px 5px;
}

.homepage-container ul.content-slider .cat_info .dropdown-shim {
    background-color: #efefef;
    height: 0;
}

.homepage-container .cat_slider_row .program.with_side_box .cat_slider,
.homepage-container .cat_slider_row .asset.with_side_box .cat_slider {
    padding-right: 0;
    padding-left: 10px;
}

@media only screen and (max-width: 991px) {
    .homepage-container .cat_slider_row.program.with_side_box .gray_box {
        margin-bottom: 0;
    }

    .homepage-container .cat_slider_row .program.with_side_box .cat_slider,
    .homepage-container .cat_slider_row .asset.with_side_box .cat_slider {
        padding-left: 0;
    }
}

.homepage-container .homepage-subscribe-dropdown {
    background-color: #494949;
    color: #fff;
    font-size: 1em;
    display: none;
    border-top: 0;
}

.homepage-container .homepage-subscribe-dropdown.open {
    display: block;
    z-index: 1000;
}

@media only screen and (min-width: 992px) {
    div.col-md-3.twentypct {
        width:20%;
    }
}

/* End Homepage Specific Styles */

.responsive-img {
    max-width: 100%;
}

.full-width-image-container img {
    width: 100% !important;
}

.premium-overlay {
    background-color: rgba(224, 224, 224, 0.88) !important;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 100;
}

@media only screen and (max-width: 1199px) {
    .premium-overlay .premium_back2 {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .premium-overlay .premium_sub_text {
        font-size: 16px;
    }
}

.bold {
    font-weight: bold;
}

.no-margin {
    margin: 0 !important;
}

.fine-print {
    font-size: 12px;
}

.highlight {
    color: #12b4dc;
}

.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    flex-direction: row;
    -webkit-flex-direction: row;

    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;

    -webkit-align-items: flex-start;
    -webkit-justify-content: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
}

.flex > * {
    float: none !important;
}

.flex.no-wrap {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.flex.no-wrap-md {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex.vertical {
    flex-direction: column;
    -webkit-flex-direction: column;
}

.flex.stretch {
    justify-content: stretch;
    -webkit-justify-content: stretch;
}

.flex.space-between {
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.flex.space-around {
    justify-content: space-around;
    -webkit-justify-content: space-around;
}

.flex.align-center {
    align-items: center;
    -webkit-align-items: center;
}

.flex.align-end {
    align-items: flex-end;
    -webkit-align-items: flex-end;
}

.flex.align-stretch {
    align-items: stretch;
    -webkit-align-items: stretch;
}

.flex.center {
    justify-content: center;
    -webkit-justify-content: center;
}

.flex.end {
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
}

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

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

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

/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {
    .top-gutter-xs {
        margin-top: 20px;
    }
}

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
    .top-gutter-sm {
        margin-top: 20px;
    }

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

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
    .top-gutter-xs.no-top-gutter-md,
    .top-gutter-sm.no-top-gutter-md {
        margin-top: 0;
    }

    .top-gutter-md {
        margin-top: 20px;
    }

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

    .flex.no-wrap-md {
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
    .top-gutter-lg {
        margin-top: 20px;
    }
}

.home-slider-adjacent {
    padding-left: 0 !important;
    flex-direction: row;
    -webkit-flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    margin-top: 10px;
}

.home-slider-adjacent > a {
    width: 49%;
}

@media only screen and (min-width: 992px) {
    .home-slider-adjacent {
        padding-left: 5px !important;
        flex-direction: column;
        -webkit-flex-direction: column;
        margin-top: 0;
    }

    .home-slider-adjacent > a {
        width: 100%;
    }
}

.ad-container {
    max-width: 100%;
    overflow-x: hidden;
    display: none;
}

/* TABLE ADJUSTMENTS, GROSS */
table[cellpadding="1"] > tr > th,
table[cellpadding="1"] > tr > td,
table[cellpadding="1"] > tbody > tr > th,
table[cellpadding="1"] > tbody > tr > td {
    padding: 1px;
}

table[cellpadding="2"] > tr > th,
table[cellpadding="2"] > tr > td,
table[cellpadding="2"] > tbody > tr > th,
table[cellpadding="2"] > tbody > tr > td {
    padding: 2px;
}

table[cellpadding="3"] > tr > th,
table[cellpadding="3"] > tr > td,
table[cellpadding="3"] > tbody > tr > th,
table[cellpadding="3"] > tbody > tr > td {
    padding: 3px;
}

table[cellpadding="4"] > tr > th,
table[cellpadding="4"] > tr > td,
table[cellpadding="4"] > tbody > tr > th,
table[cellpadding="4"] > tbody > tr > td {
    padding: 4px;
}

table[cellpadding="5"] > tr > th,
table[cellpadding="5"] > tr > td,
table[cellpadding="5"] > tbody > tr > th,
table[cellpadding="5"] > tbody > tr > td {
    padding: 5px;
}

/* END TABLE ADJUSTMENTS */

/* SLIDER UNINITIALIZED STATE */

.content-slider:not(.lightSlider) {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    flex-direction: row;
    -webkit-flex-direction: row;

    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;

    -webkit-align-items: flex-start;
    -webkit-justify-content: space-between;
    align-items: flex-start;
    justify-content: space-between;

    padding: 0;
    margin: 0;
}

.content-slider:not(.lightSlider) li {
    width: 100%;
    display: none;
}

.content-slider:not(.lightSlider)[data-max-slides="4"] li {
    max-width: 24%;
}

.content-slider:not(.lightSlider)[data-max-slides="5"] li {
    max-width: 19%;
}

.content-slider:not(.lightSlider)[data-max-slides="4"] li:nth-child(-n + 4) {
    display: initial;
}

.content-slider:not(.lightSlider)[data-max-slides="5"] li:nth-child(-n + 5) {
    display: initial;
}

@media only screen and (max-width: 992px) {
    .content-slider:not(.lightSlider)[data-max-slides="4"] li {
        max-width: 32%;
    }

    .content-slider:not(.lightSlider)[data-max-slides="4"] li:nth-child(4) {
        display: none;
    }

    .content-slider:not(.lightSlider)[data-max-slides="4"] li:nth-child(-n + 3) {
        display: initial;
    }

    .content-slider:not(.lightSlider)[data-max-slides="5"] li {
        max-width: 24%;
    }

    .content-slider:not(.lightSlider)[data-max-slides="5"] li:nth-child(5) {
        display: none;
    }

    .content-slider:not(.lightSlider)[data-max-slides="5"] li:nth-child(-n + 4) {
        display: initial;
    }
}

@media only screen and (max-width: 767px) {
    .content-slider:not(.lightSlider)[data-max-slides="4"] li {
        max-width: 49%;
    }

    .content-slider:not(.lightSlider)[data-max-slides="4"] li:nth-child(3) {
        display: none;
    }

    .content-slider:not(.lightSlider)[data-max-slides="4"] li:nth-child(-n + 2) {
        display: initial;
    }

    .content-slider:not(.lightSlider)[data-max-slides="5"] li {
        max-width: 32%;
    }

    .content-slider:not(.lightSlider)[data-max-slides="5"] li:nth-child(4) {
        display: none;
    }

    .content-slider:not(.lightSlider)[data-max-slides="5"] li:nth-child(-n + 3) {
        display: initial;
    }
}

@media only screen and (max-width: 479px) {
    .content-slider:not(.lightSlider)[data-max-slides="5"] li {
        max-width: 49%;
    }

    .content-slider:not(.lightSlider)[data-max-slides="5"] li:nth-child(3) {
        display: none;
    }

    .content-slider:not(.lightSlider)[data-max-slides="5"] li:nth-child(-n + 2) {
        display: initial;
    }
}
@media only screen and (max-width: 440px) {
    .view-links {
        width: 100%;
    }
    .view-links div {
        width: 100%;
    }
    .view-links a, .view-links h2 {
        display: inline-block !important;
        width: 100%;
        margin-bottom: 8px !important;
        margin-right: 0 !important;
    }
}

/* END SLIDER UNINITIALIZED STATE */

/* ADDRESS AND PAYMENT SPECIFIC STYLES */

.select-member-data .member-data-container {
    width: 45%;
    margin-bottom:40px;
}
@media only screen and (max-width: 550px) {
  .select-member-data .member-data-container {
    width: 100%;
}
}
/*
@media only screen and (min-width: 768px) {
    .select-member-data .member-data-container {
        width: 48%;
    }
}

@media only screen and (min-width: 992px) {
    .select-member-data .member-data-container {
        width: 32%;
    }
}
*/
/* END ADDRESS AND PAYMENT SPECIFIC STYLES */

/* SHARE ICON STYLES */
.share-box {
}

.share-box a {
    margin-left: 10px;
    display: inline-block;
}

.share-box a:first-child {
    margin-left: 0;
}

.share-box a div {
    width: 32px;
    height: 32px;
    background-color: #7f7f7f;
    border-radius: 50%;
    color: #fff;
    line-height: 32px;
    text-align: center;
}

.share-box a div i {
    font-size: 18px;
    line-height: 32px;
}

.share-box a:hover div {
    background-color: #646464;
}

/* END SHARE ICON STYLES */

/* FANCYBOX ADJUSTMENTS */

#fancybox-wrap,
#fancybox-wrap * {
    box-sizing: initial;
}

#fancybox-wrap .responsive-form,
#fancybox-wrap .responsive-form * {
    box-sizing: border-box;
}

#fancybox-wrap .row {
    box-sizing: border-box;
}

#fancybox-wrap .row * {
    box-sizing: border-box;
}

.modal-mobile {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 10000;
    opacity: 0;
    display: none;
}

.modal-mobile.displayed {
    display: block;
    opacity: 1;
}

.modal-mobile .header-bar {
    background-color: #000;
    color: #fff;
    height: 40px;
    width: 100%;
    line-height: 40px;
    position: absolute;
    padding-left: 5px;
    z-index: 100;
}

.modal-mobile .header-bar .header-bar-content {
    position: relative;
    height: 100%;
}

.modal-mobile .header-title {
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
}

.modal-mobile .close-button {
    background-color: #fff;
    text-align: center;
    color: #000;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 70px;
    height: 30px;
    line-height: 30px;
}

.modal-mobile .modal-content {
    padding: 50px 10px 10px 10px;
    position: static;
    height: 100%;
    overflow-y: auto;
}

.modal-mobile .row {
    margin-left: -10px !important;
    margin-right: -10px !important;
}

.mobile-modal .row .col-lg-1,
.mobile-modal .row .col-lg-10,
.mobile-modal .row .col-lg-11,
.mobile-modal .row .col-lg-12,
.mobile-modal .row .col-lg-2,
.mobile-modal .row .col-lg-3,
.mobile-modal .row .col-lg-4,
.mobile-modal .row .col-lg-5,
.mobile-modal .row .col-lg-6,
.mobile-modal .row .col-lg-7,
.mobile-modal .row .col-lg-8,
.mobile-modal .row .col-lg-9,
.mobile-modal .row .col-md-1,
.mobile-modal .row .col-md-10,
.mobile-modal .row .col-md-11,
.mobile-modal .row .col-md-12,
.mobile-modal .row .col-md-2,
.mobile-modal .row .col-md-3,
.mobile-modal .row .col-md-4,
.mobile-modal .row .col-md-5,
.mobile-modal .row .col-md-6,
.mobile-modal .row .col-md-7,
.mobile-modal .row .col-md-8,
.mobile-modal .row .col-md-9,
.mobile-modal .row .col-sm-1,
.mobile-modal .row .col-sm-10,
.mobile-modal .row .col-sm-11,
.mobile-modal .row .col-sm-12,
.mobile-modal .row .col-sm-2,
.mobile-modal .row .col-sm-3,
.mobile-modal .row .col-sm-4,
.mobile-modal .row .col-sm-5,
.mobile-modal .row .col-sm-6,
.mobile-modal .row .col-sm-7,
.mobile-modal .row .col-sm-8,
.mobile-modal .row .col-sm-9,
.mobile-modal .row .col-xs-1,
.mobile-modal .row .col-xs-10,
.mobile-modal .row .col-xs-11,
.mobile-modal .row .col-xs-12,
.mobile-modal .row .col-xs-2,
.mobile-modal .row .col-xs-3,
.mobile-modal .row .col-xs-4,
.mobile-modal .row .col-xs-5,
.mobile-modal .row .col-xs-6,
.mobile-modal .row .col-xs-7,
.mobile-modal .row .col-xs-8,
.mobile-modal .row .col-xs-9 {
    padding-left: 10px;
    padding-right: 10px;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    100% {
        opacity: 0;
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    100% {
        opacity: 0;
    }
}

.zoomOut {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

/* END FANCYBOX ADJUSTMENTS */

/* MEDIA PLAYER STYLES */

.media-player .full-player {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    flex-direction: row;
    -webkit-flex-direction: row;

    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;

    -webkit-align-items: flex-start;
    -webkit-justify-content: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
}

.media-player .play-button,
.most-popular-page .play-button {
    color: #B01E25;
    margin-right: 20px;
    margin-top: 14px;
    display: inline-block;
    font-family: FontAwesome, sans-serif;
    font-weight: normal;
    font-size: 100px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor: pointer;
}

/*.media-player .play-button:before,
.most-popular-page .play-button:before {
    content: "\f144";
}*/

.media-player.minimal .play-button {
    font-size: 36px;
    margin-right: 0;
    margin-top: 0;
    line-height: 31px;
}

/*.media-player.is-playing .play-button:before {
    content: "\f28b";
}*/

.media-player .play-track-container {
    width: 100%;
}

.media-player .bottom-controls {
    margin-top: 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    flex-direction: row;
    -webkit-flex-direction: row;

    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;

    -webkit-align-items: center;
    -webkit-justify-content: space-between;
    align-items: center;
    justify-content: space-between;
}

.media-player .bottom-controls .time-track {
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
}

.media-player .mute-button {
    background-color: #B01E25;
    border-radius: 5px;
    padding: 5px 10px;
    min-width: 55px;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
    text-align: center;

    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    flex-direction: row;
    -webkit-flex-direction: row;

    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;

    -webkit-align-items: center;
    -webkit-justify-content: center;
    align-items: center;
    justify-content: center;
}

.media-player.muted .mute-button {
    opacity: 0.6;
}

.media-player .mute-button > i {
    /*margin-right: 10px;*/
    font: normal normal normal 16px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.media-player .mute-button > i.muted-indicator {
    display: none;
    margin-left: 3px;
    font-size: 10px;
}

.media-player .mute-button > i:before {
    content: "\f028";
}

.media-player.muted .mute-button > i:before {
    content: "\f026";
}

.media-player.muted .mute-button > i.muted-indicator {
    display: inline-block;
}

.media-player.muted .mute-button > i.muted-indicator:before {
    content: "\f00d";
}

.media-player .download-link {
    margin-top: 44px;
}

.media-player .fa-download {
    font-size: 40px;
    color: #B01E25;
    margin-top: 0;
    margin-left: 20px;
}

/* END MEDIA PLAYER STYLES */

/* BLOG FIXES */
.blog-embed {
    width: 100%;
    max-width: 960px;
    overflow: hidden;
}

.blog-embed object,
.blog-embed iframe {
    max-width: 100%;
    overflow: hidden;
}

.blog-image-container img {
    max-width: 100px;
}

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
    .blog-image-container img {
        max-width: 100%;
    }
}

/* END BLOG FIXES */

/* CHECKOUT SPECIFIC STYLES */

.checkout-section {
    margin-bottom: 40px;
}

.checkout-section .header-row,  .my-account .header-row {
    margin-bottom: 10px;
}

/* END CHECKOUT SPECIFIC STYLES */

/* PODCASTS PAGE STYLES */

.podcast-page, .most-popular-page {
    padding: 0 16px;
}

.podcast-page .header-row {
/*    margin: 16px 0 10px 0;*/
}

@media screen and (max-width: 767px) {
  .podcast-overall-container.one-per-row .podcast-container {
      width: auto;
      flex-direction: column;
      padding-bottom: 10px;
  }
  .podcast-overall-container.one-per-row .podcast-container .info-container {
    margin-left: 0px;
    margin-top: 10px;
  }
  .podcast-overall-container.one-per-row .podcast-container .image-container {
    min-width:initial;
    max-width: initial;
    width:100%
  }
}


.podcast-page .header-row h1 {
    margin: 0;
    width: calc(100% - 95px);
    text-transform: none;
    font-size: 24px;
    margin-top: 25px;
    font-weight: 700;
    color:#fff;
}

.podcast-page .header-row .actions-container {
    margin-top: 10px;
}

.podcast-page .header-row .category-and-view-toggles {
    margin-right: 0;
    width: 100%;
}

.podcast-page .header-row .category-and-view-toggles .dropdown-container {
    margin-right: 1rem;
}

.podcast-page .header-row .category-and-view-toggles .dropdown-container + .btn {
    margin-right: 2rem;
    border-color: #db862a;
    border-width: 2px;
    background: none;
    text-transform: uppercase;
    color: #4F4F4F;
}

.podcast-page .header-row .category-and-view-toggles .dropdown-container .dropdown > a {
    display: block;
    margin-top: 0;
}

.podcast-page .header-row .category-and-view-toggles .btn-group {
    margin-left: 1rem;
}

.podcast-page .header-row .category-and-view-toggles .btn-group .btn {
    border:none;
    background: none;
    color: #4F4F4F;
    padding: 0;
    font-size: 1.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
}

.podcast-page .header-row .category-and-view-toggles .btn-group .btn-danger {
    color: white;
}

.podcast-page .header-row .alphabetical-filter {
    width: 100%;
    margin-top: 10px;
}

.podcast-page .header-row .alphabetical-filter .pagination {
    margin: 0;
    display: block;
}

.podcast-page .tab-container {
    border-bottom: 8px solid #B01E25;
    margin-top: 20px;
}

.podcast-page .tab-container > div {
    background-color: #dadada;
    text-align: center;
    min-width: 20%;
    cursor: pointer;
    margin-left: 10px;
    font-size: 200%;
    padding-top: 4px;
}

.podcast-page .tab-container > div:hover,
.podcast-page .tab-container > div.active {
    background-color: #B01E25;
    color: #fff;
}

.podcast-page .blog-container {
    width: 49%;
    margin-top: 20px;
    background-color: #fff;
}

.podcast-page .blog-container.first {
    width: 100%;
    background-color: #efefef;
}

.podcast-page .blog-container .image-container {
    position: relative;
}

.podcast-page .blog-container .image-container .video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("/images/videos/video_overlay.png");
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.podcast-page .blog-container .blog-text {
    padding: 5px;
}

.podcast-page .blog-container:not(.first) .blog-text .blog-links {
    margin-top: 5px;
}

.podcast-page .blog-container .blog-text .play_button {
    font-size: 28px;
    margin: 0;
    line-height: 25px;
}

.podcast-page .blog-container .blog-text .video-circle {
    height: 25px;
    width: 25px;
    background-color: #B01E25;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 25px;
    font-size: 14px;
}

.podcast-page .blog-container .blog-text .video-circle:before {
    content: "\f03d";
}

.podcast-page .blog-container .blog-text .read-circle {
    height: 25px;
    width: 25px;
    background-color: #B01E25;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 25px;
    font-size: 14px;
}

.podcast-page .blog-container .blog-text .read-circle:before {
    content: "\f1ea";
}

.podcast-page .blog-container .blog-title {
    font-weight: bold;
    /* font-family: "Fira Sans Extra Condensed", sans-serif; */
    font-size: 200%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.podcast-page .blog-container.first .image-container {
    width: 100%;
    overflow: hidden;
}

.podcast-page .blog-container.first .blog-text {
    width: 100%;
}

.podcast-page .blog-container .blog-description {
    font-size: 15px;
    height: 3em;
}

.podcast-page .blog-container.first .blog-description {
    width: 100%;
    word-wrap: break-word;
    overflow: hidden;
    position: relative;
    text-align: justify;
    margin-right: -1em;
    padding-right: 1em;
    height: 178px;
    max-height: 178px;
    margin-bottom: 22px;
}

.podcast-page .blog-text .blog-links .read-more {
    line-height: 25px;
}

.podcast-page .blog-text .blog-links .blog-icon {
    height: 25px;
}

.podcast-page .blog-container.first .blog-description:before {
    content: "...";
    position: absolute;
    right: 0;
    bottom: 0;
}

.podcast-page .blog-container.first .blog-description:after {
    content: "";
    position: absolute;
    right: 0;
    width: 1em;
    height: 100%;
    margin-top: 0.2em;
    background: #efefef;
}

@media only screen and (min-width: 768px) {
    .podcast-page .header-row .category-and-view-toggles,
    .podcast-page .header-row .alphabetical-filter {
        width: auto;
    }

    .podcast-page .header-row .alphabetical-filter {
        margin-top: 0;
    }
}

@media only screen and (min-width: 992px) {
    .podcast-page .header-row h1,
    .podcast-page .header-row .actions-container,
    .podcast-page .header-row .category-and-view-toggles,
    .podcast-page .header-row .alphabetical-filter {
        width: auto;
        margin-top: 0;
    }
}

.podcast-container {
    width: 49%;
    margin-top: 10px;
}

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
    .podcast-container {
        width: 24%;
    }

    .podcast-page .blog-container {
        width: 32%;
    }

    .podcast-page .blog-container.first .image-container {
        width: 32%;
        max-height: 265px;
    }

    .podcast-page .blog-container.first .blog-text {
        width: 66%;
        padding: 0;
    }

    .podcast-page .blog-container.first .blog-description {
        height: 136px;
        max-height: 136px;
        margin-bottom: 14px;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
    .podcast-container {
        width: 24%;
    }

    .podcast-page .blog-container {
        width: 32%;
    }

    .podcast-page .blog-container.first .image-container {
        width: 32%;
        max-height: 265px;
    }

    .podcast-page .blog-container.first .blog-text {
        width: 66%;
        padding: 0;
    }

    .podcast-page .blog-container.first .blog-description {
        height: 178px;
        max-height: 178px;
        margin-bottom: 22px;
    }
}

/* Small Devices */
@media only screen and (max-width: 767px) {
    .podcast-container .info-container h2 {
        font-size: 20px;
    }
}

.podcast-container {
    flex-direction: column;
}

.podcast-container.invisible {
    visibility: hidden;
}

.podcast-container .image-container {
    width: 100%;
}

.podcast-container .info-container {
    width: 100%;
}

.podcast-page .more {
    text-align: center;
    padding: 0 0 1rem 0;
}

.podcast-page .more a {
    font-weight: bold;
    color: black;
}

.podcast-container .info-container {
    display:none;
}

.podcast-container .info-container a:hover {
    text-decoration: none;
}

.podcast-container .info-container a h2 {
    font-size: 1rem;
    /* font-family: "Work Sans", sans-serif; */
    font-weight: bold;
    margin:0;
    line-height: 1rem;
}

.podcast-container .info-container > div:last-child {
    display: none;
}
@media screen and (min-width: 768px) {

  .podcast-overall-container.one-per-row .podcast-container {
      width: 100%;
      margin-top: 20px;
      flex-direction: row;
  }

  .podcast-overall-container.one-per-row .podcast-container .info-container {
    margin-left: 10px;
    margin-top: 0px;
  }
  .podcast-overall-container.one-per-row .podcast-container .image-container {
    min-width: 25%;
    width: 25%;
    max-width: 25%;
}

}

.podcast-overall-container.one-per-row .podcast-container .info-container {
    display:block;
}
.podcast-overall-container.one-per-row .podcast-container .info-container > div:last-child {
    display: block;
}

@media only screen and (min-width: 992px) {
    .podcast-overall-container.one-per-row .podcast-container .image-container {
        width: auto;
        min-width: 235px;
        max-width: 235px;
    }
}

.dropdown-menu > li > a {
    font-size: 0.85rem;
    text-transform: uppercase;
    color: #4F4F4F;
}

.dropdown .btn[data-toggle="dropdown"] {
    font-size: 0.85rem;
    text-transform: uppercase;
}

.dropdown .btn.btn-default[data-toggle="dropdown"] {
    border:none;
    background: none;
    color: #4F4F4F;
}

.dropdown-menu {
    border: none;
    background-color: white;
}

.podcast-page .dropdown-menu > li > a.active,
.podcast-page .dropdown-menu > li > a.active:hover,
.podcast-page .dropdown-menu > li > a.active:visited {
    color: #db862a;
}

.podcast-page .dropdown-menu > li > a:visited {
    color: black;
}

.podcast-page .dropdown-menu > li > a:hover,
.podcast-page .dropdown-menu > li > a:active {
    color: #db862a;
}

/* END PODCASTS PAGE STYLES */

/* CUSTOM PAGE STYLING */

.custom-page-content-container > table {
    background-color: #efefef !important;
}

.custom-page-content-container > span > table {
    background-color: #efefef !important;
}

/* END CUSTOM PAGE STYLING */

/* FROM OLD STYLESHEET */

.blackHeader {
    color: #000000;
    font-size: 24px;
    font-weight: bold;
}

.defaultHeader {
    color: #B01E25;
    font-size: 36px;
    letter-spacing: normal;
    margin-top: 20px;
    margin-bottom: 10px;
    /* font-family: "Fira Sans Extra Condensed", sans-serif; */
}

.defaultHeader.band,
.defaultSubHeader.band {
    background-color: #666;
    color: #fff;
    padding: 5px;
    font-weight: normal;
    margin-bottom: 10px;
}

/* END OLD STYLESHEET */

/* MISC STYLES */
.standard-top-margin {
    margin-top: 20px;
}

.header-bar-behind {
    text-align: center;
    position: relative;
    margin-bottom: 16px;
}

.header-bar-behind:before {
    border-top: 8px solid #000;
    content: "";
    position: absolute;
    top: 50%;
    margin: -4px auto 0 auto;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.header-bar-behind > h2 {
    background-color: #efefef;
    display: inline;
    margin-top: 0;
    padding: 0 4%;
    font-size: 32px;
    font-weight: bold;
}

.footer-right-ad-container img {
    max-width: 100%;
}

.btn-rounded {
    border-radius: 5px !important;
}

.error.form-errors {
    padding: 5px;
}

.line-clamp {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.line-clamp.lines-2 {
    -webkit-line-clamp: 2;
    line-height: 1.5em;
    max-height: 3em;
}

.line-clamp.lines-3 {
    -webkit-line-clamp: 3;
    line-height: 1.5em;
    max-height: 4.5em;
}

.container > table {
    background-color: #efefef !important;
}

/* END MISC STYLES */

/* ABOUT PAGE STYLES */

.team.entry {
    margin-top: 20px;
}

.team.entry .headshot-container {
    width: 100%;
}

.team.entry .details {
    font-size: 14px;
    flex: 1;
    width: 100%;
}

.team.entry .team-details-container {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.team.entry .team-info {
    width: 100%;
}

.team.entry .team-actions {
    width: 100%;
    margin-top: 5px;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
}

.team.entry .team-actions a {
    color: #fff;
    display: block;
}

.team.entry .team-actions a:hover,
.team.entry .team-actions a:active {
    color: #e7e7e7;
}

.team.entry .team-actions a > i {
    font-size: 20px;
    line-height: 17px;
}

@media only screen and (max-width: 479px) {
    .team.entry .team-actions .team-action {
        padding-top: 0 !important;
    }
}

@media only screen and (min-width: 480px) {
    .team.entry .team-details-container {
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .team.entry .team-actions {
        margin-top: 0;
        justify-content: center;
        -webkit-justify-content: center;
        text-align: center;
        width: 20px;
        margin-left: 10px;
    }
}

.press.entry {
    position: relative;
}

.press.entry .details {
    color: #ffffff;
    font-size: 14px;
    position: absolute;
    bottom: 0;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.5);
}

.about-4per-container .entry,
.about-5per-container .entry {
    width: 47%;
}

/* Medium Devices, Desktops */
@media only screen and (min-width: 768px) {
    .about-4per-container .entry,
    .about-5per-container .entry {
        width: 30%;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width: 992px) {
    .about-4per-container .entry,
    .about-5per-container .entry {
        width: 21%;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width: 992px) {
    .about-5per-container .entry {
        width: 18%;
    }
}

.about-4per-container .details,
.about-5per-container .details {
    background-color: #272520;
    color: white;
    padding: 5px;
}

.about-our-team-container .details .name {
    font-size: 19px;
}

.our-goal-container .our-goal-img {
    margin: 0 20px 0 0;
}

@media only screen and (max-width: 991px) {
    .our-goal-container > * {
        width: 100%;
        text-align: center;
    }

    .our-goal-container .our-goal-img {
        margin: 0 0 20px 0;
    }

    .our-goal-container .our-goal-img img {
        max-width: 100%;
    }
      .most-popular-page a.play-button {
        min-width: 75px !important;
        min-height: 75px !important;
        width: 75px !important;
        height: 75px !important;
        font-size: 33px !important;
    }
}

/* END ABOUT PAGE STYLES */

/* CONTACT PAGE STYLES */
.contact-cs-wrapper {
    margin: 32px 0;
}

@media only screen and (max-width: 991px) {
    .contact-cs-wrapper {
        margin-bottom: 33px;
    }
}

/* END CONTACT PAGE STYLES */


/* FAQ PAGE */
.faq-page {
    font-size: 18px;
    line-height: 25px;
    margin-bottom: -20px;
    padding: 0px 0px 40px;
}
.faq-page h1{
    font-size: 36px;
    line-height: initial;
    color: #FFFFFF;
}
.faq-page ol,
.faq-page ul {
    list-style: none;
    margin-left:0;
    padding-left:0;
}

.faq-page ol li,
.faq-page ul li {
    margin: 5px 0px;
}

.faq-page ol.faq-questions>li,
.faq-page ul.faq-questions>li {
    font-weight: bold;
    font-size: 18px;
    margin: 20px 0px;
    border-bottom: 1px solid #323232;
    padding-bottom: 20px;
    overflow: hidden;
}

.faq-page .faq-answer {
    font-weight: normal;
    font-size: 16px;
    padding-top:5px;
    display: none;
}
.faq-page .faq-question{
    cursor:pointer;
}


.faq-answer table.responsive tr td, .faq-answer table.responsive tr th {
    padding: 10px;
    border: solid 1px #fff;
    border-style: solid;
    text-align: left;
    vertical-align: top;
    font-weight: normal;
}
.faq-answer table.responsive {margin-top: 10px;margin-bottom: 5px;}
.faq-answer table.responsive thead tr th {font-weight: bold;}
.faq-answer .table>thead:first-child>tr:first-child>th {border-top: 1px solid #fff;  background-color: #ffffff4d !important;}
@media screen and (max-width: 767px) {
   .faq-answer  table.responsive thead {
        display: none;
    }
    .faq-answer table.responsive tbody th{background-color: #ffffff4d !important;font-weight: bold;}
    .faq-answer table.responsive tbody th, .faq-answer table.responsive tbody td {
        display: block;
    }
    .faq-answer  table.responsive tbody td {
        padding-left: 50%;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 10px;
        position: relative;
        min-height: 65px;
    }
    .faq-answer table.responsive tbody td:nth-of-type(1):before {
        content: "Supported Devices";
    }
     .faq-answer table.responsive tbody td:nth-of-type(2):before {
        content: "Minimum Operating System Version";
    }
    .faq-answer table.responsive tbody td:before {
        position: absolute;
        left: 0px;
        width: 45%;
        padding-right: 10px;
        padding-left: 10px;
        font-weight: bold;
    }
}
@media only screen and (max-width: 1260px) {
    .faq-page {
        padding-right: 10px;
        padding-left: 10px;
    }
}
@media only screen and (max-width: 1250px) {
    .faq-page {
        padding-right: 8px;
        padding-left: 8px;
    }
}
@media only screen and (max-width: 1240px) {
    .faq-page {
        padding-right: 0.75rem;
        padding-left: 0.75rem;
    }
}
@media only screen and (max-width: 1230px) {
    .faq-page {
        padding-right: 1rem;
        padding-left: 1rem;
    }
}
@media only screen and (max-width: 1220px) {
    .faq-page {
        padding-right: 1.4rem;
        padding-left: 1.4rem;
    }
}
@media only screen and (max-width: 1210px) {
    .faq-page {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }
}
@media only screen and (max-width: 1200px) {
    .faq-page {
        padding-right: 2rem;
        padding-left: 2rem;
    }
}
@media (max-width: 768px) {
    .faq-page {
        padding-right: 1rem;
        padding-left: 1rem;
    }
}
@media only screen and (max-width: 480px) {
   .faq-page .faq-answer {    
        font-size: 14px;
   }
}
/* END FAQ PAGE */

/* INTERNAL UNIFORM STYLES */
.internal-page-uniform {
    line-height: 20px;
    font-size: 16px;
}

.internal-page-uniform .header-bar-behind {
    text-align: center;
    position: relative;
    margin-bottom: 0;
}

.internal-page-uniform .header-bar-behind:before {
    border-top: 8px solid #000;
    content: "";
    position: absolute;
    top: 50%;
    margin: -4px auto 0 auto;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

@media only screen and (max-width: 768px) {
    .internal-page-uniform .header-bar-behind:before {
        border-top: none;
    }
}

.internal-page-uniform .header-bar-behind > h2 {
    background-color: #efefef;
    display: inline;
    margin-top: 0;
    padding: 0 4%;
    font-size: 32px;
    line-height: 32px;
    font-weight: bold;
}

.internal-page-uniform .intro-text {
    text-align: center;
}

.internal-page-uniform section {
    margin-top: 13px;
}

.internal-page-uniform section.no-lh-accounting-bottom + section {
    margin-top: 18px;
}

.internal-page-uniform section.no-header {
    margin-top: 26px;
}

.internal-page-uniform section:not(.no-header) .content {
    margin-top: 14px;
}

.internal-page-uniform section .content + .content.no-lh-top {
    margin-top: 25px;
}

.internal-page-uniform section .content.block-list-container {
    margin-top: -2px !important;
}

.internal-page-uniform section .content.no-lh-top {
    margin-top: 18px;
}

@media only screen and (min-width: 992px) {
    /*.internal-page-uniform {
        line-height: 32px;
        font-size: 22px;
    }
*/
    .internal-page-uniform .intro-text {
        text-align: center;
        margin-right: 14%;
        margin-left: 14%;
    }

    .internal-page-uniform section {
        margin-top: 27px;
    }

    .internal-page-uniform section.no-header {
        margin-top: 42px;
    }

    .internal-page-uniform section.no-lh-accounting-bottom + section {
        margin-top: 36px;
    }

    .internal-page-uniform section:not(.no-header) .content {
        margin-top: 29px;
    }

    .internal-page-uniform section .content + .content.no-lh-top {
        margin-top: 41px;
    }

    .internal-page-uniform section .content.block-list-container {
        margin-top: 17px !important;
    }

    .internal-page-uniform section .content.no-lh-top {
        margin-top: 37px;
    }
}

/* END INTERNAL UNIFORM STYLES */

/* START CUSTOM FLEX COLUMN LAYOUT */
.flex .full-row {
    width: 100%;
}

/* Default for all layouts. Meant for very small viewports. */
.flex [class*="layout-"] {
    width: 100%;
}

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
    .flex .layout-3-col {
        width: 50%;
    }
}

@media only screen and (min-width: 992px) {
    .flex .layout-3-col {
        width: 32%;
    }
}

.flex .my-10 {
    margin: 10px 0;
}

.flex .my-15 {
    margin: 15px 0;
}

/* END CUSTOM FLEX COLUMN LAYOUT */

/* Sponsor and Killer Deals */
@media only screen and (min-width: 768px) {
    .sponsor-content .layout-3-col:nth-child(3n + 2) {
        margin-left: 0;
        margin-right: 0;
    }
}

@media only screen and (min-width: 992px) {
    .sponsor-content .layout-3-col:nth-child(3n + 2) {
        margin-left: 1%;
        margin-right: 1%;
    }
}

/* End Sponsor and Killer Deals */

/* App page styles */
.app-page .features-container .column {
    max-width: 50%;
}

.app-page .features-container .column:first-child {
    padding-right: 100px;
}

.app-page .features-container .entry-text {
    padding-top: 3px;
    padding-left: 5px;
}

@media only screen and (max-width: 768px) {
    .app-page .features-container .column {
        max-width: 100%;
        width: 100%;
    }

    .app-page .features-container .column:first-child {
        padding-right: 0;
    }

    .app-page .features-container .column > * {
        justify-content: center;
    }
}

.app-page .store-button {
    margin-top: 50px;
}

.app-page .store-button:first-child {
    margin-right: 10%;
}

@media only screen and (max-width: 768px) {
    .app-page .store-button {
        margin-right: 0 !important;
        width: 100%;
        justify-content: center;
    }
}

/* Advertising page styles */
.advertising-page .solutions-container > * {
    width: 25%;
    padding: 0 20px;
    margin: 10px 0;
    border-right: 2px solid black;
    text-align: center;
}

.advertising-page .solutions-container > *:nth-child(4),
.advertising-page .solutions-container > *:nth-child(8) {
    border-right: none;
}

@media only screen and (max-width: 1200px) {
    .advertising-page .solutions-container > * {
        width: 33%;
    }

    .advertising-page .solutions-container > *:nth-child(4),
    .advertising-page .solutions-container > *:nth-child(8) {
        border-right: 2px solid black;
    }

    .advertising-page .solutions-container > *:nth-child(3),
    .advertising-page .solutions-container > *:nth-child(6),
    .advertising-page .solutions-container > *:nth-child(8) {
        border-right: none;
    }    
}
@media only screen and (max-width: 768px) {
    .advertising-page .solutions-container > * {
        width: 50%;
    }

    .advertising-page .solutions-container > *:nth-child(3) {
        border-right: 2px solid black !important;
    }

    .advertising-page .solutions-container > *:nth-child(2),
    .advertising-page .solutions-container > *:nth-child(4),
    .advertising-page .solutions-container > *:nth-child(6),
    .advertising-page .solutions-container > *:nth-child(8) {
        border-right: none;
    }
}

.advertising-page .research-container .graphic {
    width: 45%;
}

.advertising-page .research-container .divider {
    width: 10%;
}

.advertising-page .research-container .graphic img {
    width: 100%;
}

@media only screen and (max-width: 992px) {
    .advertising-page .research-container .graphic {
        width: 100%;
        margin-bottom: 20px;
    }

    .advertising-page .research-container .divider {
        display: none;
    }
}

.advertising-page .results-container .graphic {
    width: 32%;
}

.advertising-page .results-container .graphic img {
    width: 100%;
}

@media only screen and (max-width: 480px) {
    .advertising-page .results-container .graphic {
        width: 100%;
    }   
}

.advertising-page .brand-container .graphic {
    width: 19%;
    padding: 2% 5%;
}

.advertising-page .brand-container .graphic img {
    width: 100%;
}

@media only screen and (max-width: 1200px) {
    .advertising-page .brand-container .graphic {
        width: 24%;
    }
}

@media only screen and (max-width: 768px) {
    .advertising-page .brand-container .graphic {
        width: 32%;
    }
}

.partners-upsell-container ul {
    padding-left: 20px;
}

.partners-upsell-container .black-circle {
    position: absolute;
    left: -150px;
    top: 20px;
}

@media only screen and (max-width: 992px) {
    .partners-upsell-container .black-circle {
        display: none;
    }
    .latest-episode-title-section .view-links {
        display: flex;
        flex-wrap: wrap;
    }
}

/* START Load Layover Styles */
#pastEpisodesLoadingDiv {
    height: 100px;
    position: relative;
}

#pastEpisodesLoadingDiv .loadMessage {
    font-size: 150%;
    text-align: center;
    margin: 3px 0 0 0;
}

/* END Load Layover Styles */

/* Pay Per View Styles */
.pay-per-view  .row {
    margin-top: 20px;
    min-height: 300px;
}

.pay-per-view .video-wrap {
    width: 100%;
    margin: 0 auto;
}

@media only screen and (min-width: 992px) {
    .pay-per-view .video-wrap {
        max-width: 800px;
    }

    .pay-per-view  .row {
        margin-top: 40px;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 768px) {
    .pay-per-view .font50 {
        font-size: 36px;
    }
}

.pay-per-view .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.pay-per-view .video-container iframe,
.pay-per-view .video-container object,
.pay-per-view .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Fancybox custom styling */
.fancybox-nox.fancybox-is-open .fancybox-bg {
    opacity: 0.75;
}

.fancybox-nox #fancybox-close {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    background: transparent url("/pg/jsp/common/utils/js/jquery/fancybox/fancybox.png") -40px 0;
    cursor: pointer;
    z-index: 1103;
    display: none;
    outline: none;
}

.fancybox-nox .fancybox-content {
    overflow: visible;
    margin-bottom: 0 !important;
    padding: 15px;
}

.fancybox-nox .newsletter-signup {
    width: 510px;
    padding: 15px 0;
}

.fancybox-nox .upsell-modal {
    width: 524px;
}

.iframe-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media print {
    html,
    body {
        height: auto !important;
        overflow: visible !important;
    }
    #wrapper {
        height: auto !important;
        overflow: visible !important;
    }
}

/* Search */
#search.bg-primary {
    padding: 16px 0;
    margin: 0 -15px;
    background-color: #12b4dc;
}

#search .row {
    margin: 0;
}

#search .form-inline-container {
    background-color: white;
    padding: 8px 16px;
}

#search .form-row-button-container {
    display: none;
}

@media screen and (max-width: 767px) {
    #search .form-row-button-container {
        display: block;
        text-align: center;
        padding: 16px 0 0 0;
    }
    #search .button-search-container {
        display: none;
    }
    #search .form-row-button-container .button-search-container {
        display: initial;
    }
    #search .form-inline-container .input-group {
        width: 100%;
    }
}

#search form .input-group .btn.btn-secondary,  
#search .form-row-button-container .btn.btn-secondary {
    border-radius: 0;
    background-color: #db862a;
    border-color: #db862a;
    text-transform: uppercase;
    padding: 2px 32px;
    font-weight: 400;
    font-size: 17px;
}

#search form .input-group .form-control,
#search form .input-group .form-control:focus,
#search form .input-group .form-control:active {
    border-radius: 0;
    box-shadow: none;
    border: none;
    outline: none;
    font-size: 18px;
    font-weight: 300;
}

/* Listings */

.listing {
    padding: 32px 0;
    display: flex;
    align-items: stretch;
    justify-content: space-around;
}

.watch .listing {
  padding: 10px 0;
}
.listing .listing-side-heading {
    width: 100px;
    border-right: 4px solid #db862a;
    padding-right: 16px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    text-align: right;
    min-height: 300px;
}
@media screen and (max-width: 990px) {
    .listing {
        flex-wrap: wrap;
        padding: 16px 0 0 0;
    }
    .listing .listing-side-heading {
        width: 100%;
        flex-direction: row;
        justify-content: flex-start;
        border-right: none;
        line-height: initial !important;
        min-height: auto !important;
        margin-bottom: 16px;
        padding: 0;
    }
    #search .form-inline-container {
        margin: 0 16px;
    }
}

.listing .listing-side-heading.radio-streams {
    min-height:194px !important;
}

@media screen and (max-width: 990px) {
    .listing .listing-side-heading.radio-streams {
        min-height: auto !important;
        margin-bottom: 16px;
    }
}

.listing .listing-side-heading h2,
.listing .listing-side-heading .listing-side-heading-title {
    transform: rotate(-90deg);
    color: #4F4F4F;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 5rem;
    margin: 0;
    line-height: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100px;
    width: 100px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    z-index: 2;
    right: 0;
    white-space: nowrap;
}

@media screen and (max-width: 990px) {
    .listing .listing-side-heading h2, .listing .listing-side-heading .listing-side-heading-title {
        transform: rotate(0deg); 
        font-size: 4rem;
        position: relative; 
        line-height:  initial;
        height: initial;
        width: 100%;
        right: auto;
        padding-right: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 2;
        white-space: nowrap;
        border-bottom: 4px solid #db862a;
    }
}

@media screen and (max-width: 480px) {
    .listing .listing-side-heading h2, .listing .listing-side-heading .listing-side-heading-title {
        font-size: 3rem;
    }
    .most-popular-page h1 {
        font-size: 2.2rem;
    }
   /* .most-popular-page .podcast-container .image-container {
        width: 100% !important;
        max-width: 100% !important;
    }
    .most-popular-page .podcast-container .info-container {
        width: 100% !important;
        max-width: 100% !important;
    }
    .most-popular-page .flex.no-wrap {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }*/
}

.listing .listing-side-heading .listing-side-heading-bottom {
    /* Styles for the description */
    display: block;
}

.listing .listing-side-heading a {
    color: #12b4dc;
    text-decoration: none;
}

.listing .listing-items {
    max-width: calc(100% - 80px) !important; 
    width: 100%;
}

@media screen and (max-width:  990px) {
    .listing .listing-items {
      width: 100%;
    }
}

.listing .listing-items [class^="col"] {
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
}

.listing .listing-items .row {
    margin-left: 0;
    margin-right: 0;
}

@media screen and (min-width: 992px) {
    .listing .listing-items .row:not(:last-child) {
        margin-bottom: 32px;
    }
}

.listing .listing-items .listing-item {
    width: 100%;
    background-color: white;
    padding: 6px;
}

.listing .listing-items .listing-item .listing-item-cover img {
    width: 100%;
}

.listing .listing-items .listing-item .listing-item-title {
    height: 50px;
    margin: 8px 0;
}

.listing .listing-items .listing-item .listing-item-description {
    /* Implement listing item description */
    display: block;
}

.listing .listing-items .listing-item .listing-item-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.listing .listing-items .listing-item .listing-item-actions .listing-item-play {
    color: #12b4dc;
    border: 1px solid #12b4dc;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
}

.listing .listing-item-actions-toggle .dropdown-menu li a {
    font-size: 0.9rem;
}

.listing .listing-item-actions-toggle .dropdown-menu li a:hover {
    color: #12b4dc;
    background: #fafafa;
}

.listing .listing-item-actions-toggle button {
    width: 28px;
    height: 28px;
    border: none;
    border-radius: 0;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    font-size: 1.5rem;
    color: #cbcbcb;
    transition: color 0.3s;
    background-color: transparent;
    padding: 0;
}

.listing .listing-item-actions-toggle button:hover,
.listing .listing-item-actions-toggle button:focus,
.listing .listing-item-actions-toggle button:active {
    background-color: transparent;
    color: #4F4F4F;
}

.listing.search {
    display:inherit;
    padding-bottom:0;
}

/* Streams */

.streams {
    display: block;
    padding: 0 16px 16px;
}

.streams .more{
    text-align: center;
    padding: 16px 0;
}

.streams .more a {
    font-weight: bold;
    color: black;
}

.streams h1 {
    margin-bottom:0;
}

/*
.streams .stream-items {
    margin-top:-15px;
}
*/
.streams .stream-items .stream-item {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    min-height: 200px;
    margin: 16px 0 0;
    background: white;
}

.streams .stream-items .stream-item .stream-item-cover a img {
    width: 200px;
    height: auto;
    background: #C0C0C0;
}

.streams .stream-items .stream-item .stream-item-content {
    width: calc(100% - 200px);
    height: 200px;
    padding: 24px;
}

@media screen and (max-width: 767px) {
    .streams {
        padding-bottom:0;
    }
    .streams .stream-items .stream-item {
        display: block;
        min-height: 0;
        margin: 32px 0;
    }

    .streams .stream-items .stream-item .stream-item-cover a img {
        width: 100%;
        max-width: 300px;
        margin: auto;
        display: block;
    }

    .streams .stream-items .stream-item .stream-item-content {
        text-align: center;
        width: 100%;
        height: auto;

    }
}

.streams .stream-items .stream-item .stream-item-title {
    padding: 0;
}

.streams .stream-items .stream-item .stream-item-title a {
    line-height: 1rem;
    margin: 0 0 4px;
    /* font-family: "Work Sans", sans-serif; */
    font-weight: bold;
    font-size: 1rem;
    color: #4d4d4d;
    font-weight: bold;
}

.streams .stream-items .stream-item .stream-item-description {
    font-size: 0.85rem;
    font-weight: normal;
    color: #4F4F4F;
}

.streams.streams-home  {
    padding: 32px 16px;
}

.streams.streams-home .stream-items {
    display: flex;
    align-items: center;
    justify-content: center;
}

.streams.streams-home .stream-items .stream-item {
    margin: 16px;
}

.streams.streams-home .stream-items .stream-item .stream-item-cover a img {
    width: 200px;
    height: auto;
    max-width: 100%;
}

@media screen and (max-width: 1199px) {
    .streams.streams-home  .stream-items {
        display: block;
        text-align: center;
    }

    .streams.streams-home  .stream-items .stream-item {
        display: inline-block;
        vertical-align: middle;
    }

    .streams.streams-home .stream-items .stream-item .stream-item-cover a img {
        height: auto;
    }
}

/* Program */


.program  .row{
    margin: 0;
}

.program-header {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.program-header .program-cover {
    margin-right: 32px;
}
@media (max-width: 650px){
    .program-header .program-cover {
        display:none;
    }
}

.program-cover img {
    width: 275px;
    height: auto;
}


.program-links {
    padding-top: 0px;
    margin: 10px 0;
}

.program h1,
.program h2,
.program h3,
.program h4,
.streams h3 {
    font-size: 1.5rem;
    text-transform: uppercase;
    color: #12b4dc;
    max-width: 100%;
    padding-bottom: 4px;
    display: inline-block;
    font-weight: 400;
}

/*.streams h3 {
    font-weight: bold;
}*/


.latest-episodes-container {
    margin-top: 20px;
}
.latest-episodes-container .program-episode {
    margin: 0;
}

.program h2 {
    margin: 0;
    color: #1E1E38;
    border: none;
    font-size: 1.8rem;
}

.program h3 {
    margin: 8px 0;
}

.program h4 {
    color: #ffffff;
    margin: 0 0 24px;
    border: none;
}

.program .program-links-items a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px
}

.program .program-links-items a:hover {
    background: silver;
    text-decoration: none;
}

.program .program-links-items a:focus {
    text-decoration: none !important;
}

.program .program-links-items a i {
    font-size: 22px;
    color: #4F4F4F;
}

.program .program-links-items.program-links-items-square a i {
    color: #E6E5E6;
    background: gray;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 5px;
    font-size: 16px;
}

.program .program-links-items a:hover i {
    color: black;
}

.program .program-links-items.program-links-items-square a:hover i {
    color: #E6E5E6;
    background: black;
}

.program-info .program-info-description {
    margin: 16px 0 0 0;
    font-size: 1rem;
}

.program-info-show-more {
    font-size: 1rem;
}

.program-episode {
    /* background: white; */
    color: #fff;
    padding: 0;
}

.program-player.media-player {
    display: flex;
    /*flex-wrap: wrap;*/
    align-items: start;
    margin: 0;
}

.program-player.media-player .play-button, .most-popular-page a.play-button {
    color: #12b4dc;
    /*border: 1px solid #12b4dc;*/
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 10px 0 0;
    font-size: 40px;
    padding: 0;
    line-height: 1;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.most-popular-page a.play-button {
    min-width: 235px;
    min-height: 235px;
    width: 235px;
    height: 235px;
    font-size: 75px;
}

.program-player.media-player .play-button:hover {
    text-decoration: none;
}

.program-player.media-player .program-waveform {
    width: 100%;
}

.program-player.media-player .program-waveform .play-track,
.program-player.media-player .program-waveform .play-track wave {
    max-height: 58px !important;
}

.program-player.media-player .program-waveform .program-time {
    font-size: 0.8rem;
    margin-top: 2px;
    font-weight: bold;
    padding-bottom: 16px;
}

.program-player.media-player .program-waveform .program-time .program-time-ellapsed {
    color: #B01E25;
    display: inline-block;
}

.program-episode .program-title, .stream-item-past-content .program-title {
    text-transform: none;
    margin: 0 0 4px;
    /* font-size: 1rem; */
    font-size: 16px;
    /* font-family: "Work Sans", sans-serif; */
    font-weight: 600;
    width: 100%;
}

.program-episode .program-date, .stream-item-past-content .program-date {
    color: #797979;
    font-size: 0.8rem;
    /*margin: 0 0 0 50px;*/
    font-weight: 600;
    width: 100%;
}

.program-episode .program-description,
.program-episode .program-description p {
    font-size: 0.85rem;
    color: #ffffff;
}

.program-episode .program-description a,
.program-episode .program-description p a {
    color: #ffffff;
}

.program-episodes-previous {
    padding: 0;
}

.program-episodes-previous .program-episode-previous .program-player.media-player .program-episode-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 58px);
}

.program-episodes-previous .program-episode-previous .program-player.media-player .program-episode-info .program-date,
.program-episodes-previous .program-episode-previous .program-player.media-player .program-episode-info .program-title {
    margin: 0;
    padding: 0;
}

.program-episodes-previous .program-episode-previous .program-player.media-player .program-episode-info .program-title {
    font-size: 0.85rem;
}

.program-episodes-previous .program-episode-previous .program-player.media-player .program-episode-info .program-info-meta {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    font-weight: normal;
    font-size: 0.8rem;
    color: #12b4dc;
    font-weight: bold;
}

.program-episodes-previous .program-episode-previous .program-player.media-player .program-episode-info .program-info-meta > div:not(:first-child) {
    margin-left: 24px;
}

.program-episodes-previous .program-episode-previous .program-player.media-player .program-episode-info .program-info-meta label {
    color: #4F4F4F;
    font-weight: normal;
    margin: 0;
}

.more {
    text-align: right;
    margin: 16px 0;
}

.more a {
    color: #12b4dc;
}

.iconAltText {
    display:none;
}

/* Footer */

#footer {
    padding: 32px 0;
    background-color: #e6e5e6;
}

#footer > .row {
    margin-left: 0;
    margin-right: 0;
}

#footer h3 {
    color: #12b4dc;
    text-transform: uppercase;
    margin: 0;
    font-size: 1.5rem;
    padding-bottom: 16px;
    border-bottom: 1px solid #12b4dc;
    display: inline-block;
}

#footer ul {
    list-style: none;
    padding: 0;
    margin: 16px 0;
}

#footer ul li {
    line-height: 24px;
}

#footer ul div .footer_links,
#footer ul li a {
    color: #333333;
    text-decoration: none;
    font-weight: 300;
}

#footer ul li a:hover {
    color: #12b4dc;
    text-decoration: underline;
}

#footer .donate {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #db862a;
    padding: 8px 16px;
    margin: 24px 0;
}

#footer .donate:hover {
    text-decoration: none;
}

#footer .donate .text {
    color: #000000;
    text-transform: uppercase;
    font-weight: 600;
    margin-right: 16px;
    line-height: 1rem;
    font-size: 1rem;
}

#footer .donate .icon {
    background: white;
    padding: 6px;
    color: #B01E25;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 40px;
    font-size: 24px;
}

#footer .socials {
    display: block;
    margin: 0 0 16px 0;
}

#footer .socials a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
}

#footer .socials a:hover {
    background: silver;
    text-decoration: none;
}

#footer .socials a i {
    font-size: 26px;
    color: black;
}

#footer p {
    margin: 16px 0;
    color: #000000;
    font-weight: 300;
    line-height: 24px;
    font-size: 0.9rem;
}

#footer p a {
    color: #12b4dc;
}
/*@media screen and (max-width: 992px) {
    div#mep_0 {
        width: 100% !important;
    }
    video#videoplayer_native_hls {
        width: 100% !important;
    }
}*/
.videoContainer .mejs-container.svg.mejs-video,
 .videoContainer .mejs-overlay.mejs-layer.mejs-overlay-play,
.videoContainer .mejs-poster.mejs-layer,
.videoContainer .mejs-captions-layer.mejs-layer,
 .videoContainer video{
margin: 0 !important;
text-align: center;
 width: 100% !important;
height: auto !important;
}

.videoContainer{
  position: relative;
  display: flex;
  justify-content: center;
  margin-bottom:10px;
  /*max-width:1000px;*/
  margin:0 auto;
}

.videoContainer .mejs-layer, 
.videoContainer .mejs-container,
.videoContainer .mejs-overlay {
position: absolute !important;
 top: 0 !important;
bottom: 0 !important;
left: 0 !important;
 right: 0 !important;
height: auto !important;
}
.play-icon {
    position: relative;
    text-align: center;
    height: 0;
    display: block;
    z-index: 1000;
}
.program-details {
    background: #ffffff;
    padding: 16px;
}
.program-description {
    width: calc(100% - 50px);
    margin-left: 50px;
}
.play-button i {
    font-style: normal;
    font-size: 40px;
}
.latest-episode-title-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    min-height: 50px;
    padding-top: 10px;
}

@media screen and (max-width: 724px) {
    .latest-episode-title-section {
        flex-direction:column-reverse;
        align-items: flex-start;
        padding-top: 0px;
        padding-bottom:8px;
        height: auto;
    }
    .latest-episode-title-section .view-links {
        padding-top:16px;
        display: flex;
        /* flex-wrap: wrap; */
    }
    .latest-episode-title-section .subscribe-links {
        padding-top:3px;
        margin-bottom:-8px;
    }
}

.alternate-link {
    margin-top: 20px;
}
.subscribe-links h3 {
margin: 0;
}
.latest-episode-title-section h2 {
    padding-bottom: 0;
}
.program .main-truncate {
    margin-bottom: 0;
    width: 100%;
    overflow: hidden;
     text-overflow: ellipsis; 
    max-height: calc(1.42857143rem * 10);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical; 
}
.latest-episode-title-section h2 {
    font-family: "Work Sans", sans-serif;
    font-size: 0.85rem;
    padding: 8px;
    display:inline;
    margin-right: 8px;
}
.latest-btn, .trending-btn, .latest-btn:focus, .trending-btn:focus, .latest-btn:hover, .trending-btn:hover {
    font-size: 0.85rem;
    text-transform: uppercase;
    padding: 8px;
    text-decoration: none;
    text-align: center;
    color: #000000;
    border: 1px solid #4F4F4F;
    margin-right: 8px;
}
.latest-episode-title-section h2.active {
    background-color: #db862a;
    color: #000000;
    text-decoration: none;
    text-align: center;
    line-height: 1.42857143;
    border: solid 1px #db862a;
}
.live-message {
    background: #db862a;
    padding: 10px;
    color: #ffffff;
    text-align: center;
    display: flex;
    justify-content: center;
}
.live-message h3 {
    margin: 0;
}
a.live-message, a.live-message:hover, a.live-message.active {
    color: #ffffff;
}
.program-links-items a {
    display: inline-flex !important;
}
.episode-text {
    font-family: "Work Sans", sans-serif;
    
}
@media (min-width: 990px) and (max-width: 1200px) {
    .episode-text {
        display: none;
    }
}

/* Begin TailWind Styles */
  html {
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
  }
  body {
    margin: 0;
  }
  hr {
    height: 0;
    color: inherit;
  }
  abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  pre,
  samp {
    font-family: ui-monospace, SFMono-Regular, Consolas, Liberation Mono, Menlo,
      monospace;
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
  }
  button,
  input,
  optgroup,
  select,
  textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
  }
  button,
  select {
    text-transform: none;
  }
  [type="button"],
  [type="reset"],
  [type="submit"],
  button {
    -webkit-appearance: button;
  }
  ::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }
  :-moz-focusring {
    outline: 1px dotted ButtonText;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  legend {
    padding: 0;
  }
  progress {
    vertical-align: baseline;
  }
  ::-webkit-inner-spin-button,
  ::-webkit-outer-spin-button {
    height: auto;
  }
  [type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
  }
  summary {
    display: list-item;
  }
  blockquote,
  dd,
  dl,
  figure,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  hr,
  p,
  pre {
    margin: 0;
  }
  button {
    background-color: transparent;
    background-image: none;
  }
  fieldset,
  ol,
  ul {
    margin: 0;
    padding: 0;
  }
  ol,
  ul {
    list-style: none;
  }
  *,
  :after,
  :before {
    box-sizing: border-box;
    border: 0 solid;
  }
  hr {
    border-top-width: 1px;
  }
  img {
    border-style: solid;
  }
  textarea {
    resize: vertical;
  }
  input::-moz-placeholder,
  textarea::-moz-placeholder {
    opacity: 1;
    color: #949da4;
  }
  input:-ms-input-placeholder,
  textarea:-ms-input-placeholder {
    opacity: 1;
    color: #949da4;
  }
  input::placeholder,
  textarea::placeholder {
    opacity: 1;
    color: #949da4;
  }
  [role="button"],
  button {
    cursor: pointer;
  }
  :-moz-focusring {
    outline: auto;
  }
  table {
    border-collapse: collapse;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    text-decoration: inherit;
  }
  button,
  input,
  optgroup,
  select,
  textarea {
    padding: 0;
    line-height: inherit;
    color: inherit;
  }
  code,
  kbd,
  pre,
  samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
      Liberation Mono, Courier New, monospace;
  }
  audio,
  canvas,
  embed,
  iframe,
  img,
  object,
  svg,
  video {
    display: block;
    vertical-align: middle;
  }
  img,
  video {
    max-width: 100%;
    height: auto;
  }
  [hidden] {
    display: none;
  }
  *,
  :after,
  :before {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-transform: translateX(var(--tw-translate-x))
      translateY(var(--tw-translate-y)) rotate(var(--tw-rotate))
      skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
      scaleY(var(--tw-scale-y));
    --tw-border-opacity: 1;
    border-color: rgba(218, 223, 227, var(--tw-border-opacity));
    --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-blur: var(--tw-empty, /*!*/ /*!*/);
    --tw-brightness: var(--tw-empty, /*!*/ /*!*/);
    --tw-contrast: var(--tw-empty, /*!*/ /*!*/);
    --tw-grayscale: var(--tw-empty, /*!*/ /*!*/);
    --tw-hue-rotate: var(--tw-empty, /*!*/ /*!*/);
    --tw-invert: var(--tw-empty, /*!*/ /*!*/);
    --tw-saturate: var(--tw-empty, /*!*/ /*!*/);
    --tw-sepia: var(--tw-empty, /*!*/ /*!*/);
    --tw-drop-shadow: var(--tw-empty, /*!*/ /*!*/);
    --tw-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
      var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
      var(--tw-sepia) var(--tw-drop-shadow);
  }
  .program-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  @media (min-width: 370px) {
    .program-container {
      max-width: 370px;
    }
  }
  @media (min-width: 640px) {
    .program-container {
      max-width: 640px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }
  @media (min-width: 768px) {
    .program-container {
      max-width: 768px;
    }
  }
  @media (min-width: 1024px) {
    .program-container {
      max-width: 1024px;
      padding-right: 4rem;
      padding-left: 4rem;
    }
  }
  @media (min-width: 1280px) {
    .program-container {
      max-width: 1280px;
      padding-right: 5rem;
      padding-left: 5rem;
    }
  }
  @media (min-width: 1536px) {
    .program-container {
      max-width: 1536px;
      padding-right: 6rem;
      padding-left: 6rem;
    }
  }
  .pointer-events-none {
    pointer-events: none !important;
  }
  .visible {
    visibility: visible !important;
  }
  .invisible {
    visibility: hidden !important;
  }
  .static {
    position: static !important;
  }
  .fixed {
    position: fixed !important;
  }
  .absolute {
    position: absolute !important;
  }
  .relative {
    position: relative !important;
  }
  .inset-0 {
    right: 0 !important;
    left: 0 !important;
  }
  .inset-0,
  .inset-y-0 {
    top: 0 !important;
    bottom: 0 !important;
  }
  .bottom-0 {
    bottom: 0 !important;
  }
  .left-0 {
    left: 0 !important;
  }
  .top-0 {
    top: 0 !important;
  }
  .\!left-\[calc\(100\%-100px\)\] {
    left: calc(100% - 100px) !important;
  }
  .\!top-0 {
    top: 0 !important;
  }
  .\!left-\[100px\] {
    left: 100px !important;
  }
  .left-2\/4 {
    left: 50% !important;
  }
  .top-2\/4 {
    top: 50% !important;
  }
  .left-\[-110\%\] {
    left: -110% !important;
  }
  .left-\[-100\%\] {
    left: -100% !important;
  }
  .left-\[10\%\] {
    left: 10% !important;
  }
  .right-0 {
    right: 0 !important;
  }
  .bottom-28 {
    bottom: 7rem !important;
  }
  .-bottom-8 {
    bottom: -2rem !important;
  }
  .left-1\/2 {
    left: 50% !important;
  }
  .bottom-\[-20\%\] {
    bottom: -20% !important;
  }
  .bottom-\[5\.5rem\] {
    bottom: 5.5rem !important;
  }
  .-top-3\.5 {
    top: -0.875rem !important;
  }
  .-top-3 {
    top: -0.75rem !important;
  }
  .bottom-\[85px\] {
    bottom: 85px !important;
  }
  .top-\[-3rem\] {
    top: -3rem !important;
  }
  .top-\[67px\] {
    top: 67px !important;
  }
  .bottom-24 {
    bottom: 6rem !important;
  }
  .right-8 {
    right: 2rem !important;
  }
  .top-\[300px\] {
    top: 300px !important;
  }
  .top-\[-4rem\] {
    top: -4rem !important;
  }
  .z-\[76\] {
    z-index: 76 !important;
  }
  .z-\[1\] {
    z-index: 1 !important;
  }
  .z-\[-10\] {
    z-index: -10 !important;
  }
  .z-\[-5\] {
    z-index: -5 !important;
  }
  .z-10 {
    z-index: 10 !important;
  }
  .z-\[9001\] {
    z-index: 9001 !important;
  }
  .z-30 {
    z-index: 30 !important;
  }
  .z-50 {
    z-index: 50 !important;
  }
  .z-\[99999\] {
    z-index: 99999 !important;
  }
  .z-0 {
    z-index: 0 !important;
  }
  .z-20 {
    z-index: 20 !important;
  }
  .col-span-2 {
    grid-column: span 2 / span 2 !important;
  }
  .col-span-8 {
    grid-column: span 8 / span 8 !important;
  }
  .row-span-1 {
    grid-row: span 1 / span 1 !important;
  }
  .row-span-2 {
    grid-row: span 2 / span 2 !important;
  }
  .float-right {
    float: right !important;
  }
  .m-auto {
    margin: auto !important;
  }
  .m-4 {
    margin: 1rem !important;
  }
  .m-0\.5 {
    margin: 0.125rem !important;
  }
  .m-0 {
    margin: 0 !important;
  }
  .m-2\.5 {
    margin: 0.625rem !important;
  }
  .m-2 {
    margin: 0.5rem !important;
  }
  .m-5 {
    margin: 1.25rem !important;
  }
  .m-1 {
    margin: 0.25rem !important;
  }
  .my-8 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .mx-\[2\%\] {
    margin-left: 2% !important;
    margin-right: 2% !important;
  }
  .my-\[5\%\] {
    margin-top: 5% !important;
    margin-bottom: 5% !important;
  }
  .mx-4 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .my-6 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-5 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }
  .mx-8 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .mx-\[20px\] {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .my-\[10px\] {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .mx-6 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .my-4 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .ml-8 {
    margin-left: 2rem !important;
  }
  .mt-4 {
    margin-top: 1rem !important;
  }
  .mt-2 {
    margin-top: 0.5rem !important;
  }
  .mb-4 {
    margin-bottom: 1rem !important;
  }
  .ml-16 {
    margin-left: 4rem !important;
  }
  .mb-3 {
    margin-bottom: 0.75rem !important;
  }
  .mt-5 {
    margin-top: 1.25rem !important;
  }
  .mb-16 {
    margin-bottom: 4rem !important;
  }
  .mt-8 {
    margin-top: 2rem !important;
  }
  .mt-\[5px\] {
    margin-top: 5px !important;
  }
  .mt-12 {
    margin-top: 3rem !important;
  }
  .ml-1 {
    margin-left: 0.25rem !important;
  }
  .mr-4 {
    margin-right: 1rem !important;
  }
  .mr-1 {
    margin-right: 0.25rem !important;
  }
  .mt-24 {
    margin-top: 6rem !important;
  }
  .mb-8 {
    margin-bottom: 2rem !important;
  }
  .mb-2 {
    margin-bottom: 0.5rem !important;
  }
  .mt-6 {
    margin-top: 1.5rem !important;
  }
  .ml-2 {
    margin-left: 0.5rem !important;
  }
  .ml-auto {
    margin-left: auto !important;
  }
  .-mb-2 {
    margin-bottom: -0.5rem !important;
  }
  .-mt-1 {
    margin-top: -0.25rem !important;
  }
  .-mb-5 {
    margin-bottom: -1.25rem !important;
  }
  .mb-10 {
    margin-bottom: 2.5rem !important;
  }
  .mb-6 {
    margin-bottom: 1.5rem !important;
  }
  .mt-1 {
    margin-top: 0.25rem !important;
  }
  .mr-8 {
    margin-right: 2rem !important;
  }
  .mt-\[30px\] {
    margin-top: 30px !important;
  }
  .mb-\[15px\] {
    margin-bottom: 15px !important;
  }
  .mb-1 {
    margin-bottom: 0.25rem !important;
  }
  .-mt-2 {
    margin-top: -0.5rem !important;
  }
  .-mt-6 {
    margin-top: -1.5rem !important;
  }
  .mt-auto {
    margin-top: auto !important;
  }
  .ml-3 {
    margin-left: 0.75rem !important;
  }
  .mr-3 {
    margin-right: 0.75rem !important;
  }
  .mt-3 {
    margin-top: 0.75rem !important;
  }
  .mr-2 {
    margin-right: 0.5rem !important;
  }
  .mr-5 {
    margin-right: 1.25rem !important;
  }
  .-ml-1 {
    margin-left: -0.25rem !important;
  }
  .mb-5 {
    margin-bottom: 1.25rem !important;
  }
  .block {
    display: block !important;
  }
  .inline-block {
    display: inline-block !important;
  }
  .inline {
    display: inline !important;
  }
  .flex {
    display: flex !important;
  }
  .inline-flex {
    display: inline-flex !important;
  }
  .grid {
    display: grid !important;
  }
  .contents {
    display: contents !important;
  }
  .\!hidden,
  .hidden {
    display: none !important;
  }
  .h-screen {
    height: 100vh !important;
  }
  .h-1 {
    height: 0.25rem !important;
  }
  .h-full {
    height: 100% !important;
  }
  .h-8 {
    height: 2rem !important;
  }
  .h-6 {
    height: 1.5rem !important;
  }
  .h-\[1px\] {
    height: 1px !important;
  }
  .h-\[8px\] {
    height: 8px !important;
  }
  .h-12 {
    height: 3rem !important;
  }
  .h-5 {
    height: 1.25rem !important;
  }
  .h-\[40px\] {
    height: 40px !important;
  }
  .\!h-\[1787px\] {
    height: 1787px !important;
  }
  .\!h-\[1625px\] {
    height: 1625px !important;
  }
  .h-\[2\.7rem\] {
    height: 2.7rem !important;
  }
  .h-0 {
    height: 0 !important;
  }
  .h-\[95vh\] {
    height: 95vh !important;
  }
  .h-10 {
    height: 2.5rem !important;
  }
  .h-\[2px\] {
    height: 2px !important;
  }
  .h-\[70vh\] {
    height: 70vh !important;
  }
  .h-1\/3 {
    height: 33.333333% !important;
  }
  .h-4 {
    height: 1rem !important;
  }
  .h-7 {
    height: 1.75rem !important;
  }
  .h-20 {
    height: 5rem !important;
  }
  .h-16 {
    height: 4rem !important;
  }
  .h-\[100\%\] {
    height: 100% !important;
  }
  .h-\[50px\] {
    height: 50px !important;
  }
  .h-\[21px\] {
    height: 21px !important;
  }
  .h-48 {
    height: 12rem !important;
  }
  .h-\[65px\] {
    height: 65px !important;
  }
  .h-\[28px\] {
    height: 28px !important;
  }
  .h-64 {
    height: 16rem !important;
  }
  .h-\[210px\] {
    height: 210px !important;
  }
  .h-px {
    height: 1px !important;
  }
  .h-\[2em\] {
    height: 2em !important;
  }
  .h-\[3\.75rem\] {
    height: 3.75rem !important;
  }
  .h-\[3\.25rem\] {
    height: 3.25rem !important;
  }
  .h-\[2\.25rem\] {
    height: 2.25rem !important;
  }
  .h-auto {
    height: auto !important;
  }
  .h-24 {
    height: 6rem !important;
  }
  .h-\[80px\] {
    height: 80px !important;
  }
  .h-\[25px\] {
    height: 25px !important;
  }
  .max-h-\[605px\] {
    max-height: 605px !important;
  }
  .max-h-\[90vh\] {
    max-height: 90vh !important;
  }
  .max-h-\[710px\] {
    max-height: 710px !important;
  }
  .max-h-60 {
    max-height: 15rem !important;
  }
  .max-h-\[36rem\] {
    max-height: 36rem !important;
  }
  .min-h-\[4rem\] {
    min-height: 4rem !important;
  }
  .min-h-\[70vh\] {
    min-height: 70vh !important;
  }
  .min-h-screen {
    min-height: 100vh !important;
  }
  .min-h-\[370px\] {
    min-height: 370px !important;
  }
  .min-h-\[700px\] {
    min-height: 700px !important;
  }
  .w-full {
    width: 100% !important;
  }
  .w-screen {
    width: 100% !important;
  }
  .w-\[10px\] {
    width: 10px !important;
  }
  .w-80 {
    width: 20rem !important;
  }
  .w-8 {
    width: 2rem !important;
  }
  .w-1\/2 {
    width: 50% !important;
  }
  .w-\[8px\] {
    width: 8px !important;
  }
  .w-12 {
    width: 3rem !important;
  }
  .w-5 {
    width: 1.25rem !important;
  }
  .\!w-\[425px\] {
    width: 425px !important;
  }
  .\!w-\[352px\] {
    width: 352px !important;
  }
  .w-\[90\%\] {
    width: 90% !important;
  }
  .w-\[95vw\] {
    width: 95vw !important;
  }
  .w-1\/3 {
    width: 33.333333% !important;
  }
  .w-\[fit-content\] {
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .w-10\/12 {
    width: 83.333333% !important;
  }
  .w-10 {
    width: 2.5rem !important;
  }
  .w-20 {
    width: 5rem !important;
  }
  .w-11\/12 {
    width: 91.666667% !important;
  }
  .w-1\/4 {
    width: 25% !important;
  }
  .w-28 {
    width: 7rem !important;
  }
  .w-2\/3 {
    width: 66.666667% !important;
  }
  .w-40 {
    width: 10rem !important;
  }
  .w-4 {
    width: 1rem !important;
  }
  .w-\[100\%\] {
    width: 100% !important;
  }
  .w-\[175px\] {
    width: 175px !important;
  }
  .w-\[65px\] {
    width: 65px !important;
  }
  .w-\[25\%\] {
    width: 25% !important;
  }
  .w-3\/4 {
    width: 75% !important;
  }
  .w-\[262px\] {
    width: 262px !important;
  }
  .w-1\/5 {
    width: 20% !important;
  }
  .w-6 {
    width: 1.5rem !important;
  }
  .w-\[3\.75rem\] {
    width: 3.75rem !important;
  }
  .w-3\/5 {
    width: 60% !important;
  }
  .w-\[109px\] {
    width: 109px !important;
  }
  .w-\[3\.25rem\] {
    width: 3.25rem !important;
  }
  .w-\[6\.25rem\] {
    width: 6.25rem !important;
  }
  .w-\[25px\] {
    width: 25px !important;
  }
  .min-w-\[330px\] {
    min-width: 330px !important;
  }
  .min-w-\[300px\] {
    min-width: 300px !important;
  }
  .min-w-full {
    min-width: 100% !important;
  }
  .min-w-\[151px\] {
    min-width: 151px !important;
  }
  .max-w-\[1100px\] {
    max-width: 1100px !important;
  }
  .max-w-\[710px\] {
    max-width: 710px !important;
  }
  .max-w-\[880px\] {
    max-width: 880px !important;
  }
  .max-w-\[430px\] {
    max-width: 430px !important;
  }
  .max-w-full {
    max-width: 100% !important;
  }
  .max-w-\[374px\] {
    max-width: 374px !important;
  }
  .max-w-\[1200px\] {
    max-width: 1200px !important;
  }
  .max-w-\[625px\] {
    max-width: 625px !important;
  }
  .max-w-\[90\%\] {
    max-width: 90% !important;
  }
  .max-w-sm {
    max-width: 24rem !important;
  }
  .max-w-\[800px\] {
    max-width: 800px !important;
  }
  .max-w-md {
    max-width: 28rem !important;
  }
  .max-w-\[384px\] {
    max-width: 384px !important;
  }
  .flex-1 {
    flex: 1 1 0% !important;
  }
  .flex-auto {
    flex: 1 1 auto !important;
  }
  .flex-none {
    flex: none !important;
  }
  .flex-shrink {
    flex-shrink: 1 !important;
  }
  .flex-grow {
    flex-grow: 1 !important;
  }
  .origin-top-right {
    transform-origin: top right !important;
  }
  .-translate-x-1\/2 {
    --tw-translate-x: -50% !important;
  }
  .-translate-x-1\/2,
  .rotate-180 {
    transform: var(--tw-transform) !important;
  }
  .rotate-180 {
    --tw-rotate: 180deg !important;
  }
  .rotate-0 {
    --tw-rotate: 0deg !important;
  }
  .rotate-0,
  .scale-95 {
    transform: var(--tw-transform) !important;
  }
  .scale-95 {
    --tw-scale-x: 0.95 !important;
    --tw-scale-y: 0.95 !important;
  }
  .scale-100 {
    --tw-scale-x: 1 !important;
    --tw-scale-y: 1 !important;
  }
  .scale-100,
  .scale-50 {
    transform: var(--tw-transform) !important;
  }
  .scale-50 {
    --tw-scale-x: 0.5 !important;
    --tw-scale-y: 0.5 !important;
  }
  .scale-0 {
    --tw-scale-x: 0 !important;
    --tw-scale-y: 0 !important;
  }
  .scale-0,
  .transform {
    transform: var(--tw-transform) !important;
  }
  @-webkit-keyframes pulse {
    50% {
      opacity: 0.5;
    }
  }
  @keyframes pulse {
    50% {
      opacity: 0.5;
    }
  }
  .animate-pulse {
    -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
  }
  @-webkit-keyframes spin {
    to {
      transform: rotate(1turn);
    }
  }
  .animate-spin {
    -webkit-animation: spin 1s linear infinite !important;
    animation: spin 1s linear infinite !important;
  }
  @-webkit-keyframes linear-progress {
    0% {
      width: 0;
    }
    to {
      width: 100%;
    }
  }
  @keyframes linear-progress {
    0% {
      width: 0;
    }
    to {
      width: 100%;
    }
  }
  .animate-linear-progress {
    -webkit-animation: linear-progress 6s linear !important;
    animation: linear-progress 6s linear !important;
  }
  .cursor-pointer {
    cursor: pointer !important;
  }
  .cursor-default {
    cursor: default !important;
  }
  .cursor-not-allowed {
    cursor: not-allowed !important;
  }
  .select-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
  }
  .list-disc {
    list-style-type: disc !important;
  }
  .grid-flow-row {
    grid-auto-flow: row !important;
  }
  .grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
  .flex-row {
    flex-direction: row !important;
  }
  .flex-col {
    flex-direction: column !important;
  }
  .flex-col-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-wrap {
    flex-wrap: wrap !important;
  }
  .place-content-center {
    place-content: center !important;
  }
  .content-center {
    align-content: center !important;
  }
  .content-end {
    align-content: flex-end !important;
  }
  .items-start {
    align-items: flex-start !important;
  }
  .items-center {
    align-items: center !important;
  }
  .items-stretch {
    align-items: stretch !important;
  }
  .justify-end {
    justify-content: flex-end !important;
  }
  .justify-center {
    justify-content: center !important;
  }
  .justify-between {
    justify-content: space-between !important;
  }
  .justify-around {
    justify-content: space-around !important;
  }
  .justify-evenly {
    justify-content: space-evenly !important;
  }
  .justify-items-start {
    justify-items: start !important;
  }
  .justify-items-end {
    justify-items: end !important;
  }
  .gap-4 {
    gap: 1rem !important;
  }
  .gap-y-4 {
    row-gap: 1rem !important;
  }
  .space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0 !important;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))) !important;
    margin-bottom: calc(1rem * var(--tw-space-y-reverse)) !important;
  }
  .space-x-5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0 !important;
    margin-right: calc(1.25rem * var(--tw-space-x-reverse)) !important;
    margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse))) !important;
  }
  .space-x-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0 !important;
    margin-right: calc(2rem * var(--tw-space-x-reverse)) !important;
    margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse))) !important;
  }
  .space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0 !important;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse)) !important;
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))) !important;
  }
  .space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0 !important;
    margin-right: calc(1rem * var(--tw-space-x-reverse)) !important;
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))) !important;
  }
  .space-x-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0 !important;
    margin-right: calc(1.5rem * var(--tw-space-x-reverse)) !important;
    margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse))) !important;
  }
  .space-y-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0 !important;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))) !important;
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)) !important;
  }
  .space-x-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0 !important;
    margin-right: calc(0.75rem * var(--tw-space-x-reverse)) !important;
    margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse))) !important;
  }
  .divide-y > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0 !important;
    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) !important;
    border-bottom-width: calc(1px * var(--tw-divide-y-reverse)) !important;
  }
  .divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1 !important;
    border-color: rgba(243, 246, 249, var(--tw-divide-opacity)) !important;
  }
  .place-self-center {
    place-self: center !important;
  }
  .self-start {
    align-self: flex-start !important;
  }
  .self-center {
    align-self: center !important;
  }
  .justify-self-end {
    justify-self: end !important;
  }
  .overflow-auto {
    overflow: auto !important;
  }
  .overflow-hidden {
    overflow: hidden !important;
  }
  .overflow-y-auto {
    overflow-y: auto !important;
  }
  .overflow-x-hidden {
    overflow-x: hidden !important;
  }
  .truncate {
    overflow: hidden !important;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box;
    max-height: 6rem;
  }
  .whitespace-normal {
    white-space: normal !important;
  }
  .whitespace-nowrap {
    white-space: nowrap !important;
  }
  .rounded {
    border-radius: 0.35rem !important;
  }
  .rounded-lg {
    border-radius: 0.5rem !important;
  }
  .rounded-full {
    border-radius: 9999px !important;
  }
  .rounded-md {
    border-radius: 0.375rem !important;
  }
  .rounded-2xl {
    border-radius: 1rem !important;
  }
  .rounded-xl {
    border-radius: 0.75rem !important;
  }
  .rounded-sm {
    border-radius: 0.125rem !important;
  }
  .rounded-r-lg {
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .bg-contain {
    background-size: contain !important;
  }
  .bg-cover {
    background-size: cover !important;
  }
  .bg-top {
    background-position: top !important;
  }
  .bg-right {
    background-position: 100% !important;
  }
  .bg-center {
    background-position: 50% !important;
  }
  .bg-bottom {
    background-position: bottom !important;
  }
  .bg-no-repeat {
    background-repeat: no-repeat !important;
  }
  .fill-current {
    fill: currentColor !important;
  }
  .object-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-left {
    -o-object-position: left !important;
    object-position: left !important;
  }
  .p-20 {
    padding: 5rem !important;
  }
  .p-2 {
    padding: 0.5rem !important;
  }
  .p-4 {
    padding: 1rem !important;
  }
  .p-6 {
    padding: 1.5rem !important;
  }
  .p-\[1px\] {
    padding: 1px !important;
  }
  .p-5 {
    padding: 1.25rem !important;
  }
  .p-2\.5 {
    padding: 0.625rem !important;
  }
  .p-1 {
    padding: 0.25rem !important;
  }
  .p-8 {
    padding: 2rem !important;
  }
  .px-3 {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }
  .py-3 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
  .py-6 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .px-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .px-5 {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }
  .py-20 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .py-4 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .py-2\.5 {
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important;
  }
  .px-6 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .px-16 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .px-8 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .py-12 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .px-28 {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }
  .py-5 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }
  .px-10 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
  .py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-8 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .py-\[20px\] {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .px-9 {
    padding-left: 2.25rem !important;
    padding-right: 2.25rem !important;
  }
  .py-14 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
  .pb-10 {
    padding-bottom: 2.5rem !important;
  }
  .pt-10 {
    padding-top: 2.5rem !important;
  }
  .pb-16 {
    padding-bottom: 4rem !important;
  }
  .pt-12 {
    padding-top: 3rem !important;
  }
  .pb-14 {
    padding-bottom: 3.5rem !important;
  }
  .pt-4 {
    padding-top: 1rem !important;
  }
  .pt-16 {
    padding-top: 4rem !important;
  }
  .pb-6 {
    padding-bottom: 1.5rem !important;
  }
  .pl-2 {
    padding-left: 0.5rem !important;
  }
  .pt-8 {
    padding-top: 2rem !important;
  }
  .pb-2 {
    padding-bottom: 0.5rem !important;
  }
  .pt-2 {
    padding-top: 0.5rem !important;
  }
  .pt-6 {
    padding-top: 1.5rem !important;
  }
  .pt-7 {
    padding-top: 1.75rem !important;
  }
  .pb-8 {
    padding-bottom: 2rem !important;
  }
  .pb-5 {
    padding-bottom: 1.25rem !important;
  }
  .pb-12 {
    padding-bottom: 3rem !important;
  }
  .pb-4 {
    padding-bottom: 1rem !important;
  }
  .pb-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-4 {
    padding-left: 1rem !important;
  }
  .pl-1 {
    padding-left: 0.25rem !important;
  }
  .pr-1 {
    padding-right: 0.25rem !important;
  }
  .pt-1 {
    padding-top: 0.25rem !important;
  }
  .pr-2 {
    padding-right: 0.5rem !important;
  }
  .pt-\[80px\] {
    padding-top: 80px !important;
  }
  .pb-\[20px\] {
    padding-bottom: 20px !important;
  }
  .pt-\[50px\] {
    padding-top: 50px !important;
  }
  .pt-\[56\.25\%\] {
    padding-top: 56.25% !important;
  }
  .pb-24 {
    padding-bottom: 6rem !important;
  }
  .pr-4 {
    padding-right: 1rem !important;
  }
  .pl-3 {
    padding-left: 0.75rem !important;
  }
  .pr-10 {
    padding-right: 2.5rem !important;
  }
  .pl-10 {
    padding-left: 2.5rem !important;
  }
  .pt-5 {
    padding-top: 1.25rem !important;
  }
  .text-left {
    text-align: left !important;
  }
  .text-center {
    text-align: center !important;
  }
  .text-right {
    text-align: right !important;
  }
  .align-baseline {
    vertical-align: baseline !important;
  }
  .align-top {
    vertical-align: top !important;
  }
  .align-middle {
    vertical-align: middle !important;
  }
  .align-text-top {
    vertical-align: text-top !important;
  }
  .font-serif {
    font-family: ui-serif, Georgia, Cambria, Times New Roman, Times, serif !important;
  }
  .text-sm {
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
  }
  .text-3xl {
    font-size: 1.875rem !important;
    line-height: 2.25rem !important;
  }
  .text-4xl {
    font-size: 2.25rem !important;
    line-height: 2.5rem !important;
  }
  .text-2xl {
    font-size: 1.5rem !important;
    line-height: 2rem !important;
  }
  .text-xs {
    font-size: 0.75rem !important;
    line-height: 1rem !important;
  }
  .text-base {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
  }
  .text-lg {
    font-size: 1.125rem !important;
  }
  .text-lg,
  .text-xl {
    line-height: 1.75rem !important;
  }
  .text-xl {
    font-size: 1.25rem !important;
  }
  .text-\[\.9rem\] {
    font-size: 0.9rem !important;
  }
  .text-\[15px\] {
    font-size: 15px !important;
  }
  .text-\[18px\] {
    font-size: 18px !important;
  }
  .text-5xl {
    font-size: 3rem !important;
    line-height: 1 !important;
  }
  .font-bold {
    font-weight: 700 !important;
  }
  .font-light {
    font-weight: 300 !important;
  }
  .font-medium {
    font-weight: 500 !important;
  }
  .font-black {
    font-weight: 900 !important;
  }
  .font-semibold {
    font-weight: 600 !important;
  }
  .font-extralight {
    font-weight: 200 !important;
  }
  .font-normal {
    font-weight: 400 !important;
  }
  .font-thin {
    font-weight: 100 !important;
  }
  .font-extrabold {
    font-weight: 800 !important;
  }
  .uppercase {
    text-transform: uppercase !important;
  }
  .lowercase {
    text-transform: lowercase !important;
  }
  .capitalize {
    text-transform: capitalize !important;
  }
  .normal-case {
    text-transform: none !important;
  }
  .italic {
    font-style: italic !important;
  }
  .leading-relaxed {
    line-height: 1.625 !important;
  }
  .leading-\[19px\] {
    line-height: 19px !important;
  }
  .leading-5 {
    line-height: 1.25rem !important;
  }
  .leading-\[52px\] {
    line-height: 52px !important;
  }
  .leading-\[27px\] {
    line-height: 27px !important;
  }
  .leading-\[44px\] {
    line-height: 44px !important;
  }
  .leading-10 {
    line-height: 2.5rem !important;
  }
  .leading-8 {
    line-height: 2rem !important;
  }
  .leading-7 {
    line-height: 28px !important;
  }
  .leading-6 {
    line-height: 1.5rem !important;
  }
  .tracking-\[10px\] {
    letter-spacing: 10px !important;
  }
  .tracking-widest {
    letter-spacing: 0.1em !important;
  }
  .text-accent-alt {
    --tw-text-opacity: 1 !important;
    color: rgba(255, 108, 2, var(--tw-text-opacity)) !important;
  }
  .text-gray-600 {
    color: rgba(99, 105, 111, var(--tw-text-opacity)) !important;
  }
  .text-gray-600,
  .text-red {
    --tw-text-opacity: 1 !important;
  }
  .text-red {
    color: rgba(224, 54, 11, var(--tw-text-opacity)) !important;
  }
  .text-blue-400 {
    color: rgba(96, 165, 250, var(--tw-text-opacity)) !important;
  }
  .text-blue-400,
  .text-white {
    --tw-text-opacity: 1 !important;
  }
  .text-white {
    color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
  }
  .text-gray-300 {
    --tw-text-opacity: 1 !important;
    color: rgba(193, 198, 203, var(--tw-text-opacity)) !important;
  }
  .text-\[\#00AB9D\] {
    --tw-text-opacity: 1 !important;
    color: rgba(0, 171, 157, var(--tw-text-opacity)) !important;
  }
  .text-gray-400 {
    --tw-text-opacity: 1 !important;
    color: rgba(148, 157, 164, var(--tw-text-opacity)) !important;
  }
  .text-gray-900 {
    --tw-text-opacity: 1 !important;
    color: rgba(32, 40, 44, var(--tw-text-opacity)) !important;
  }
  .text-gray-200 {
    color: rgba(218, 223, 227, var(--tw-text-opacity)) !important;
  }
  .text-accent,
  .text-gray-200 {
    --tw-text-opacity: 1 !important;
  }
  .text-accent {
    color: #12b4dc !important;
  }
  .text-\[\#4BA79C\] {
    --tw-text-opacity: 1 !important;
    color: rgba(75, 167, 156, var(--tw-text-opacity)) !important;
  }
  .text-black {
    color: rgba(0, 0, 0, var(--tw-text-opacity)) !important;
  }
  .text-black,
  .text-teal {
    --tw-text-opacity: 1 !important;
  }
  .text-teal {
    color: rgba(0, 171, 157, var(--tw-text-opacity)) !important;
  }
  .text-gray-500 {
    --tw-text-opacity: 1 !important;
    color: rgba(119, 128, 134, var(--tw-text-opacity)) !important;
  }
  .text-gray-950 {
    color: rgba(4, 13, 20, var(--tw-text-opacity)) !important;
  }
  .text-gray-950,
  .text-orange {
    --tw-text-opacity: 1 !important;
  }
  .text-orange {
    color: rgba(254, 109, 1, var(--tw-text-opacity)) !important;
  }
  .text-gray-800 {
    --tw-text-opacity: 1 !important;
    color: rgba(60, 66, 70, var(--tw-text-opacity)) !important;
  }
  .underline {
    text-decoration: underline !important;
  }
  .subpixel-antialiased {
    -webkit-font-smoothing: auto !important;
    -moz-osx-font-smoothing: auto !important;
  }
  .placeholder-transparent::-moz-placeholder {
    color: transparent !important;
  }
  .placeholder-transparent:-ms-input-placeholder {
    color: transparent !important;
  }
  .placeholder-transparent::placeholder {
    color: transparent !important;
  }
  .placeholder-red::-moz-placeholder {
    --tw-placeholder-opacity: 1 !important;
    color: rgba(224, 54, 11, var(--tw-placeholder-opacity)) !important;
  }
  .placeholder-red:-ms-input-placeholder {
    --tw-placeholder-opacity: 1 !important;
    color: rgba(224, 54, 11, var(--tw-placeholder-opacity)) !important;
  }
  .placeholder-red::placeholder {
    --tw-placeholder-opacity: 1 !important;
    color: rgba(224, 54, 11, var(--tw-placeholder-opacity)) !important;
  }
  .opacity-70 {
    opacity: 0.7 !important;
  }
  .opacity-50 {
    opacity: 0.5 !important;
  }
  .opacity-40 {
    opacity: 0.4 !important;
  }
  .opacity-30 {
    opacity: 0.3 !important;
  }
  .opacity-60 {
    opacity: 0.6 !important;
  }
  .opacity-0 {
    opacity: 0 !important;
  }
  .opacity-100 {
    opacity: 1 !important;
  }
  .opacity-80 {
    opacity: 0.8 !important;
  }
  .opacity-25 {
    opacity: 0.25 !important;
  }
  .opacity-75 {
    opacity: 0.75 !important;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
  }
  .shadow,
  .shadow-none {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
      var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  }
  .shadow-none {
    --tw-shadow: 0 0 #0000 !important;
  }
  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
      0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
  }
  .shadow-lg,
  .shadow-xl {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
      var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
      0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
  }
  .shadow-md {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
      0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
      var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  }
  .outline-none {
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
  }
  .ring {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
      var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
      calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  }
  .ring,
  .ring-1 {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow, 0 0 #0000) !important;
  }
  .ring-1 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
      var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
      calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  }
  .ring-2 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
      var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
      calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow, 0 0 #0000) !important;
  }
  .ring-green-500 {
    --tw-ring-opacity: 1 !important;
    --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity)) !important;
  }
  .ring-black {
    --tw-ring-opacity: 1 !important;
    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity)) !important;
  }
  .ring-accent {
    --tw-ring-opacity: 1 !important;
    --tw-ring-color: rgba(18, 180, 220, var(--tw-ring-opacity)) !important;
  }
  .ring-opacity-5 {
    --tw-ring-opacity: 0.05 !important;
  }
  .drop-shadow-lg {
    --tw-drop-shadow: drop-shadow(0 10px 8px rgba(0, 0, 0, 0.04))
      drop-shadow(0 4px 3px rgba(0, 0, 0, 0.1)) !important;
  }
  .drop-shadow-lg,
  .saturate-50 {
    filter: var(--tw-filter) !important;
  }
  .saturate-50 {
    --tw-saturate: saturate(0.5) !important;
  }
  .filter {
    filter: var(--tw-filter) !important;
  }
  .transition {
    transition-property: background-color, border-color, color, fill, stroke,
      opacity, box-shadow, transform, filter, -webkit-backdrop-filter !important;
    transition-property: background-color, border-color, color, fill, stroke,
      opacity, box-shadow, transform, filter, backdrop-filter !important;
    transition-property: background-color, border-color, color, fill, stroke,
      opacity, box-shadow, transform, filter, backdrop-filter,
      -webkit-backdrop-filter !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 0.15s !important;
  }
  .transition-all {
    transition-property: all !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 0.15s !important;
  }
  .transition-left {
    transition-property: left !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 0.15s !important;
  }
  .transition-opacity {
    transition-property: opacity !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 0.15s !important;
  }
  .transition-height {
    transition-property: height !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 0.15s !important;
  }
  .duration-400 {
    transition-duration: 0.4s !important;
  }
  .duration-\[300ms\] {
    transition-duration: 0.3s !important;
  }
  .duration-200 {
    transition-duration: 0.2s !important;
  }
  .duration-100 {
    transition-duration: 0.1s !important;
  }
  .duration-75 {
    transition-duration: 75ms !important;
  }
  .duration-300 {
    transition-duration: 0.3s !important;
  }
  .duration-\[600ms\] {
    transition-duration: 0.6s !important;
  }
  .duration-500 {
    transition-duration: 0.5s !important;
  }
  .duration-1200 {
    transition-duration: 1.2s !important;
  }
  .ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
  }
  .ease-in {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
  }
  .ease-\[ease\] {
    transition-timing-function: ease !important;
  }
  a {
    color: inherit;
    text-decoration: none;
  }
  * {
    box-sizing: border-box;
  }

  .hover\:scale-125:hover {
    --tw-scale-x: 1.25 !important;
    --tw-scale-y: 1.25 !important;
    transform: var(--tw-transform) !important;
  }
  .hover\:border-b-2:hover {
    border-bottom-width: 2px !important;
  }
  .hover\:border-gray-900:hover {
    --tw-border-opacity: 1 !important;
    border-color: rgba(32, 40, 44, var(--tw-border-opacity)) !important;
  }
  .hover\:border-gray-400:hover {
    --tw-border-opacity: 1 !important;
    border-color: rgba(148, 157, 164, var(--tw-border-opacity)) !important;
  }
  .hover\:border-gray-200:hover {
    --tw-border-opacity: 1 !important;
    border-color: rgba(218, 223, 227, var(--tw-border-opacity)) !important;
  }
  .hover\:border-teal-dark:hover {
    --tw-border-opacity: 1 !important;
    border-color: rgba(0, 94, 80, var(--tw-border-opacity)) !important;
  }
  .hover\:border-orange-dark:hover {
    --tw-border-opacity: 1 !important;
    border-color: rgba(219, 112, 28, var(--tw-border-opacity)) !important;
  }
  .hover\:border-gray-50:hover {
    --tw-border-opacity: 1 !important;
    border-color: rgba(252, 252, 253, var(--tw-border-opacity)) !important;
  }
  .hover\:bg-gray-500:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(119, 128, 134, var(--tw-bg-opacity)) !important;
  }
  .hover\:bg-\[\#ff7716\]:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(255, 119, 22, var(--tw-bg-opacity)) !important;
  }
  .hover\:bg-gray-50:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(252, 252, 253, var(--tw-bg-opacity)) !important;
  }
  .hover\:bg-gray-100:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(243, 246, 249, var(--tw-bg-opacity)) !important;
  }
  .hover\:bg-off-white:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(239, 239, 239, var(--tw-bg-opacity)) !important;
  }
  .hover\:bg-shaded-50:hover {
    background-color: rgba(0, 0, 0, 0.05) !important;
  }
  .hover\:bg-gray-900:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(32, 40, 44, var(--tw-bg-opacity)) !important;
  }
  .hover\:bg-gray-400:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(148, 157, 164, var(--tw-bg-opacity)) !important;
  }
  .hover\:bg-gray-200:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(218, 223, 227, var(--tw-bg-opacity)) !important;
  }
  .hover\:bg-teal-dark:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(0, 94, 80, var(--tw-bg-opacity)) !important;
  }
  .hover\:bg-orange-dark:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(219, 112, 28, var(--tw-bg-opacity)) !important;
  }
  .hover\:bg-opacity-80:hover {
    --tw-bg-opacity: 0.8 !important;
  }
  .hover\:text-accent:hover, .hover\:text-accent:focus {
    --tw-text-opacity: 1 !important;
    /*color: rgba(18, 180, 220, var(--tw-text-opacity)) !important;*/
  }
  .hover\:text-white:hover {
    --tw-text-opacity: 1 !important;
    color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
  }
  .hover\:text-gray-950:hover {
    --tw-text-opacity: 1 !important;
    color: rgba(4, 13, 20, var(--tw-text-opacity)) !important;
  }
  .hover\:opacity-80:hover {
    opacity: 0.8 !important;
  }
  .hover\:opacity-100:hover {
    opacity: 1 !important;
  }
  .hover\:ring-2:hover {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
      var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
      calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow, 0 0 #0000) !important;
  }
  .hover\:ring-accent:hover {
    --tw-ring-opacity: 1 !important;
    --tw-ring-color: rgba(18, 180, 220, var(--tw-ring-opacity)) !important;
  }
  .focus\:outline-none:focus {
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
  }
  .focus\:ring:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
      var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
      calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow, 0 0 #0000) !important;
  }
  .focus-visible\:border-indigo-500:focus-visible {
    --tw-border-opacity: 1 !important;
    border-color: rgba(99, 102, 241, var(--tw-border-opacity)) !important;
  }
  .focus-visible\:border-gray-300:focus-visible {
    --tw-border-opacity: 1 !important;
    border-color: rgba(193, 198, 203, var(--tw-border-opacity)) !important;
  }
  .focus-visible\:border-red:focus-visible {
    --tw-border-opacity: 1 !important;
    border-color: rgba(224, 54, 11, var(--tw-border-opacity)) !important;
  }
  .focus-visible\:bg-gray-100:focus-visible {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(243, 246, 249, var(--tw-bg-opacity)) !important;
  }
  .focus-visible\:outline-none:focus-visible {
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
  }
  .focus-visible\:ring-2:focus-visible {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
      var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
      calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow, 0 0 #0000) !important;
  }
  .focus-visible\:ring-white:focus-visible {
    --tw-ring-opacity: 1 !important;
    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity)) !important;
  }
  .focus-visible\:ring-accent:focus-visible {
    --tw-ring-opacity: 1 !important;
    --tw-ring-color: rgba(18, 180, 220, var(--tw-ring-opacity)) !important;
  }
  .focus-visible\:ring-opacity-75:focus-visible {
    --tw-ring-opacity: 0.75 !important;
  }
  .focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px !important;
  }
  .active\:border-accent:active {
    --tw-border-opacity: 1 !important;
    border-color: rgba(18, 180, 220, var(--tw-border-opacity)) !important;
  }
  .active\:border-gray-800:active {
    --tw-border-opacity: 1 !important;
    border-color: rgba(60, 66, 70, var(--tw-border-opacity)) !important;
  }
  .active\:border-gray-500:active {
    --tw-border-opacity: 1 !important;
    border-color: rgba(119, 128, 134, var(--tw-border-opacity)) !important;
  }
  .active\:border-gray-300:active {
    --tw-border-opacity: 1 !important;
    border-color: rgba(193, 198, 203, var(--tw-border-opacity)) !important;
  }
  .active\:border-teal-extra-dark:active {
    --tw-border-opacity: 1 !important;
    border-color: rgba(5, 72, 61, var(--tw-border-opacity)) !important;
  }
  .active\:border-orange-extra-dark:active {
    --tw-border-opacity: 1 !important;
    border-color: rgba(141, 75, 23, var(--tw-border-opacity)) !important;
  }
  .active\:border-gray-200:active {
    --tw-border-opacity: 1 !important;
    border-color: rgba(218, 223, 227, var(--tw-border-opacity)) !important;
  }
  .active\:bg-shaded-200:active {
    background-color: rgba(0, 0, 0, 0.2) !important;
  }
  .active\:bg-gray-800:active {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(60, 66, 70, var(--tw-bg-opacity)) !important;
  }
  .active\:bg-gray-500:active {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(119, 128, 134, var(--tw-bg-opacity)) !important;
  }
  .active\:bg-gray-300:active {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(193, 198, 203, var(--tw-bg-opacity)) !important;
  }
  .active\:bg-teal-extra-dark:active {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(5, 72, 61, var(--tw-bg-opacity)) !important;
  }
  .active\:bg-orange-extra-dark:active {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(141, 75, 23, var(--tw-bg-opacity)) !important;
  }
  .active\:bg-gray-200:active {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(218, 223, 227, var(--tw-bg-opacity)) !important;
  }
  .active\:text-white:active {
    --tw-text-opacity: 1 !important;
    color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
  }
  .active\:text-gray-950:active {
    --tw-text-opacity: 1 !important;
    color: rgba(4, 13, 20, var(--tw-text-opacity)) !important;
  }

  @media (min-width: 370px) {
    .xs\:visible {
      visibility: visible !important;
    }
    .xs\:mt-6 {
      margin-top: 1.5rem !important;
    }
    .xs\:inline-block {
      display: inline-block !important;
    }
    .xs\:h-72 {
      height: 18rem !important;
    }
    .xs\:w-36 {
      width: 9rem !important;
    }
    .xs\:px-4 {
      padding-left: 1rem !important;
      padding-right: 1rem !important;
    }
    .xs\:pl-0 {
      padding-left: 0 !important;
    }
  }
  @media (max-height: 414px) {
    .short\:h-96 {
      height: 24rem !important;
    }
  }
  @media (min-width: 640px) {
    .sm\:container {
      width: 100%;
      margin-right: auto;
      margin-left: auto;
      padding-right: 1rem;
      padding-left: 1rem;
    }
    @media (min-width: 370px) {
      .sm\:container {
        max-width: 370px;
      }
    }
    @media (min-width: 640px) {
      .sm\:container {
        max-width: 640px;
        padding-right: 2rem;
        padding-left: 2rem;
      }
    }
    @media (min-width: 768px) {
      .sm\:container {
        max-width: 768px;
      }
    }
    @media (min-width: 1024px) {
      .sm\:container {
        max-width: 1024px;
        padding-right: 4rem;
        padding-left: 4rem;
      }
    }
    @media (min-width: 1280px) {
      .sm\:container {
        max-width: 1280px;
        padding-right: 5rem;
        padding-left: 5rem;
      }
    }
    @media (min-width: 1536px) {
      .sm\:container {
        max-width: 1536px;
        padding-right: 6rem;
        padding-left: 6rem;
      }
    }
    .sm\:mt-8 {
      margin-top: 2rem !important;
    }
    .sm\:ml-8 {
      margin-left: 2rem !important;
    }
    .sm\:block {
      display: block !important;
    }
    .sm\:hidden {
      display: none !important;
    }
    .sm\:h-12 {
      height: 3rem !important;
    }
    .sm\:w-full {
      width: 100% !important;
    }
    .sm\:w-2\/5 {
      width: 40% !important;
    }
    .sm\:w-8\/12 {
      width: 66.666667% !important;
    }
    .sm\:w-1\/2 {
      width: 50% !important;
    }
    .sm\:w-1\/3 {
      width: 33.333333% !important;
    }
    .sm\:w-12 {
      width: 3rem !important;
    }
    .sm\:w-\[72\%\] {
      width: 72% !important;
    }
    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .sm\:flex-row {
      flex-direction: row !important;
    }
    .sm\:justify-between {
      justify-content: space-between !important;
    }
    .sm\:px-0 {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
    .sm\:py-0 {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
    }
    .sm\:pt-10 {
      padding-top: 2.5rem !important;
    }
    .sm\:text-left {
      text-align: left !important;
    }
    .sm\:text-8xl {
      font-size: 6rem !important;
      line-height: 1 !important;
    }
    .sm\:text-sm {
      font-size: 0.875rem !important;
      line-height: 1.25rem !important;
    }
  }
  @media (min-width: 768px) {
    .md\:\!left-\[calc\(100\%-200px\)\] {
      left: calc(100% - 200px) !important;
    }
    .md\:bottom-0 {
      bottom: 0 !important;
    }
    .md\:bottom-12 {
      bottom: 3rem !important;
    }
    .md\:left-1\/2 {
      left: 50% !important;
    }
    .md\:mx-auto {
      margin-left: auto !important;
      margin-right: auto !important;
    }
    .md\:mt-3 {
      margin-top: 0.75rem !important;
    }
    .md\:mt-20 {
      margin-top: 5rem !important;
    }
    .md\:block {
      display: block !important;
    }
    .md\:flex {
      display: flex !important;
    }
    .md\:hidden {
      display: none !important;
    }
    .md\:h-20 {
      height: 5rem !important;
    }
    .md\:h-2 {
      height: 0.5rem !important;
    }
    .md\:h-96 {
      height: 24rem !important;
    }
    .md\:h-110 {
      height: 27.5rem !important;
    }
    .md\:w-6\/12 {
      width: 50% !important;
    }
    .md\:w-\[600px\] {
      width: 600px !important;
    }
    .md\:w-\[fit-content\] {
      width: -webkit-fit-content !important;
      width: -moz-fit-content !important;
      width: fit-content !important;
    }
    .md\:w-1\/2 {
      width: 50% !important;
    }
    .md\:w-16 {
      width: 4rem !important;
    }
    .md\:w-7\/12 {
      width: 58.333333% !important;
    }
    .md\:w-1\/4 {
      width: 25% !important;
    }
    .md\:w-\[300px\] {
      width: 300px !important;
    }
    .md\:w-20 {
      width: 5rem !important;
    }
    .md\:w-96 {
      width: 24rem !important;
    }
    .md\:max-w-xs {
      max-width: 20rem !important;
    }
    .md\:-translate-x-1\/2 {
      --tw-translate-x: -50% !important;
      transform: var(--tw-transform) !important;
    }
    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .md\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
    .md\:flex-row {
      flex-direction: row !important;
    }
    .md\:items-start {
      align-items: flex-start !important;
    }
    .md\:gap-8 {
      gap: 2rem !important;
    }
    .md\:space-x-6 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0 !important;
      margin-right: calc(1.5rem * var(--tw-space-x-reverse)) !important;
      margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse))) !important;
    }
    .md\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0 !important;
      margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))) !important;
      margin-bottom: calc(0px * var(--tw-space-y-reverse)) !important;
    }
    .md\:bg-transparent {
      background-color: transparent !important;
    }
    .md\:p-0 {
      padding: 0 !important;
    }
    .md\:px-16 {
      padding-left: 4rem !important;
      padding-right: 4rem !important;
    }
    .md\:px-0 {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
    .md\:py-3 {
      padding-top: 0.75rem !important;
      padding-bottom: 0.75rem !important;
    }
    .md\:px-4 {
      padding-left: 1rem !important;
      padding-right: 1rem !important;
    }
    .md\:py-24 {
      padding-top: 6rem !important;
      padding-bottom: 6rem !important;
    }
    .md\:pb-0 {
      padding-bottom: 0 !important;
    }
    .md\:pr-1 {
      padding-right: 0.25rem !important;
    }
    .md\:pt-16 {
      padding-top: 4rem !important;
    }
    .md\:pb-1 {
      padding-bottom: 0.25rem !important;
    }
    .md\:pb-16 {
      padding-bottom: 4rem !important;
    }
    .md\:text-left {
      text-align: left !important;
    }
    .md\:text-center {
      text-align: center !important;
    }
    .md\:text-3xl {
      font-size: 1.875rem !important;
      line-height: 2.25rem !important;
    }
    .md\:text-xl {
      font-size: 1.25rem !important;
      line-height: 1.75rem !important;
    }
    .md\:text-white {
      --tw-text-opacity: 1 !important;
      color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
    }
  }
  @media (min-width: 1024px) {
    .lg\:block {
      display: block !important;
    }
    .lg\:hidden {
      display: none !important;
    }
    .lg\:w-1\/3,
    .lg\:w-4\/12 {
      width: 33.333333% !important;
    }
    .lg\:w-52 {
      width: 13rem !important;
    }
    .lg\:w-6\/12 {
      width: 50% !important;
    }
    .lg\:flex-nowrap {
      flex-wrap: nowrap !important;
    }
    .lg\:text-lg {
      font-size: 1.125rem !important;
      line-height: 1.75rem !important;
    }
  }
  @media (min-width: 1280px) {
    .xl\:mt-20 {
      margin-top: 5rem !important;
    }
    .xl\:block {
      display: block !important;
    }
    .xl\:w-\[480px\] {
      width: 480px !important;
    }
    .xl\:py-6 {
      padding-top: 1.5rem !important;
      padding-bottom: 1.5rem !important;
    }
    .xl\:px-8 {
      padding-left: 2rem !important;
      padding-right: 2rem !important;
    }
    .xl\:pr-2 {
      padding-right: 0.5rem !important;
    }
  }
  @media (min-width: 1536px) {
    .\32xl\:block {
      display: block !important;
    }
    .\32xl\:hidden {
      display: none !important;
    }
  }

/* End TailWind Styles */

  .footer-main-container {
    background-color: #141414;
    color: #606867;
    /* border-top: 1px solid #e3e8e9; */
    border-top: 1px solid #e3e8e980 !important;
  }

  .top-menu-container a,
  .top-menu-container_mobile a {
    padding: 0 25px;
    display: inline-block;
    color: #797979;
    font-size: 16px;
  }
  .watch nav a, .watch nav img {
    -webkit-transition: none;
    transition: none;
  }
  .watch .top-menu-container a, 
  .watch .top-menu-container_mobile a {
    margin: 0 24px 0 0 !important;
    padding: 0.75rem 0.25rem;
    color: #ffffff;
  }
  .top-menu-container a:hover,
  .top-menu-container_mobile a:hover,
  .top-menu-container a.active,
  .top-menu-container_mobile a.active {
    text-decoration: none;

  }
  .watch .top-menu-container a:hover,
  .watch .top-menu-container_mobile a:hover {
    color: #12b4dc;
    /* padding-bottom: 0.5625rem;
    border-bottom: solid 3px #12b4dc; */
  }
  .watch .top-menu-container a.active,
  .watch .top-menu-container_mobile a.active {
    color: #fff;
    padding-bottom: 0.5625rem;
    border-bottom: solid 3px #12b4dc;
  }
  .top-menu-container a:hover img,
  .top-menu-container_mobile a:hover img,
  .top-menu-container a.active img,
  .top-menu-container_mobile a.active img {
    filter: none !important;
  }

  .main-header-container {
    padding: 0 0.5rem;
  }
  .website-logo {
    max-width: 7rem;
    height: auto;
  }
  .webview .website-logo {
    margin:64px auto 0;
  }
  .watch .main-header-container {
    padding: 0;
    margin: 0;
  }
  .watch .website-logo {
    max-width: 12rem;
    width: 12rem !important;
    /* margin: 22px auto; */
  }
  .watch .menu-header-mobile {
    width: 48px;
    height: 48px;
  }
  @media (max-width: 640px) {
    .website-logo {
      margin-left: 0 !important;
    }

    .webview .website-logo {
      margin:64px auto 0 !important;
    }
  }
  @media (max-width: 780px) {
    .watch .website-logo {
      width: 11rem !important;
      max-width: none !important;
    }
    .watch .main-header-container {
      width: 100%;
    }
  }
  @media ( max-width: 991px) {
    .watch .main-header-container {
      display: none;
    }
    .watch .header-container {
      width: 100%;
    }
    .watch .header-container {
      width: 100%;
      height: 100vh;
      max-height: 0;
      position: absolute;
      top: 70px;
      left: 0;
      z-index: 100;
      background: #1e1e1e;
      transition: max-height 400ms ease-out;
    }
    .watch .header-container.active {
      /* transform: translateY(0px) translateX(0px); */
      max-height: 100vh;
      transition: max-height 400ms ease-in;
    }
    .watch .top-menu-container_mobile {
      width: 100%;
    }
  }
  @media (min-width: 992px) {
    .watch .menu-header-mobile {
      display: none !important;
    }
    .watch .header-container {
      display: none;
    }
  }

  .footer-container {
    max-width: 1200px;
    margin: auto;
    padding: 0 2rem;
  }
  @media (min-width: 640px) {
    .footer-container .sm\:w-1\/2 {
      /* width: 75% !important; */
    }
}


.content-episodes #pastEpsContainer {
  display:grid;
  column-gap: 15px;
  row-gap: 40px;
  align-items: center;
}

.content-episodes #pastEpsContainer div.program-episode {
  display:grid;
  grid-template-columns: 1fr 2fr 1fr;
  column-gap: 15px;
  row-gap: 15px;
  align-items: center;
}

.content-episodes #pastEpsContainer div.episode-share {
  text-align:right;
}

.program #pastEpsContainer .episode-info {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.program #pastEpsContainer .episode-info > * {
  margin: 0;
  padding: 0;
}
@media (max-width: 640px) {
  .program .episode-info.initial {
    margin: 15px 0 40px;
  }
  .content-episodes #pastEpsContainer {
    row-gap: 20px;
  }
  .content-episodes #pastEpsContainer div.program-episode {
    grid-template-columns: 1.5fr 2fr .5fr;
    column-gap: 10px;
  }
  .program #pastEpsContainer .season-episode-number,
  .program #pastEpsContainer .program-title {
    font-size: 14px;
  }
  .program .episode-info.initial .season-episode-number {
    font-size: 16px;
  }
  .program .episode-info.initial .program-title {
    padding-bottom: 0;
    font-size: 16px;
  }
  .program .episode-info.initial .program-description {
    font-size: 14px;
  }
  .program #pastEpsContainer .program-date {
    margin-bottom: 0;
    font-size: 14px;
  }
  .program .programSeasons {
    margin: 20px 0;
  }
}
/*@media (min-width:640px) {
  .content-episodes #pastEpsContainer > div {
    width: calc((100% - 4rem) / 2);
  }
}
@media (min-width: 780px) {
  .content-episodes #pastEpsContainer > div {
    width: calc((100% - 4rem) / 4);
  }
}
*/


.program-tabs a, .program-tabs a:hover {
  text-decoration: none;
}

.program-tabs span {
  color:#bebebb;
  font-family: Helvetica, Arial, sans-serif;
  font-weight:bold;
  cursor:pointer;
  margin-right:50px;
  margin-bottom:10px;
}
.program-tabs span:last-child {margin-right: 0px;}
.program-tabs span.active, .program-tabs span:hover {
  border-bottom: 5px solid #12b4dc;
  color:#fff;
}
.videoContainer a:hover {
  color: #fff;
}
.videoContainer img {
  border-radius: 0.35rem;
}
.footer-links a {
  padding: 5px;
}
@media (max-width: 658px) {
  .footer-links a {
    padding: 0;
  }
}





/*  Program page  Start */
.watch-scrollers, .program, #siteContentWrapper{
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding-bottom:40px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color:#fff;
  font-weight:500;
  line-height: initial;
  letter-spacing:initial;
  background-color: #141414;
}

.watch-scrollers, .program {
  max-width: 1200px;
}

.program h1, .program h2, .program h3, .program h4, .program h5 {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color:#fff;
  font-weight:500;
  line-height: initial;
  letter-spacing:initial;
}

.watch .season-scrollers, .program .episode-info.initial, .program .content-episodes, .program .programFilters .program-tabs, .program .programSeasons {
  padding-left:50px;
  padding-right:50px;
}

.watch .season-scrollers {
  margin-top: 16px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 20px;
}
.program .episode-info.initial {
  margin: 40px 0;
}
.program .episode-info.initial .program-title {
  margin-bottom: 20px;
}

.program .programFilters {
  border-bottom: 1px solid #323232;
  margin-bottom: 20px;
}
.program .programSeasons {
  margin: 20px 0;
}

.program .current-episode-img img {
    margin: 0 auto;
}
.program .programTitle, .program .season-episode-number, .program .program-date {
  font-size:16px;
}
.program .program-description {
  font-size:16px;
}
.program .season-episode-number, .program .program-date {
  color:#797979;
  font-weight:700;
}
.program .program-date {
  font-size: 16px;
}
.program .season-episode-number {
  margin-bottom: 10px;
}
.program select {
  background-color: #ffffff4d !important;
  border: 1px solid #fff0;
  /* color: #fff !important; */
  cursor: pointer;
  position: relative;
  text-align: left;
  border-radius: 3px !important;
  box-sizing: border-box;
  font-size: 14px !important;
  font-weight: 600;
  outline: none;
  padding: 8.5px 22px !important;
  padding-right: 42px !important;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-position: right 5px center;
  background-size: 30px 24px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="12" height="12"><path d="M8 10 L12 14 L16 10" stroke="white" stroke-width="2" fill="none"/></svg>') !important;
}
.program select option {
  color: black !important;
}



@media only screen and (min-width: 768px) {
    .program .current-episode-img img {
        margin: 0;
    }
}

.program .line-clamp.lines-2 p {
    margin-bottom: 0;
}

.topadd {
    margin: 0 auto;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #ffffff;
}

.blackbg {
    background-color: #010101;
    margin-top: 5px;
}

.progHeader img {
    margin: 0 auto;
    margin-top:-37px;
}

.program p {
    color: #4F4F4F;
    font-size: 1rem;
}

.program .truncate {
    margin-bottom: 0;
    width: 100%;
    overflow: hidden;
     text-overflow: ellipsis; 
    overflow: hidden;
    line-height: 1.42857143;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical; 
}
.program .letestEpiDes .description {
    margin-bottom: 10px;
}

.program .letestEpiDes .description p,
.program .letestEpiDes .description div {
}

.program .header-row {
    margin-top: 20px;
}

.program .header-row h1 {
    font-size: 2em;
    font-weight: 300;
    margin: 0;
    text-transform: uppercase;
    color: #434343;
}

@media (max-width: 767px) {
  .watch .season-scrollers, .program .episode-info.initial, .program .content-episodes, .program .programFilters .program-tabs, .program .programSeasons {
    padding-left:15px;
    padding-right:15px;
  }
  .program h1 {
        margin-bottom: 10px;
    }

    .program .ancillary-actions {
        width: 100%;
    }
}

@media (max-width: 550px) {
    .program .ancillary-actions {
        justify-content: space-between;
        -webkit-justify-content: space-between;
    }
}

h2 {
    margin-top: 10px;
    padding-right: 10px;
}

.program h2 {
    color: #4f4f4f;
    font-size: 2em;
    font-weight: 300;
    font-family: "Fira Sans Extra Condensed", sans-serif;
    text-transform: uppercase;
}

.program h3 {
    font-size: 1.2em;
    color: #4f4f4f;
    font-family: "Fira Sans Extra Condensed", sans-serif;
    max-width: 65%;
}

.program .subBtn {
    background-color: #434343;
    border-radius: 5px !important;
    color: #ffffff;
    font-family: "Fira Sans Extra Condensed", sans-serif;
    font-size: 1.3em;
    font-weight: bold;
    margin-top: 20px;
    min-width: 160px;
}

@media (max-width: 767px) {
    .program .subBtn {
        min-width: 0;
    }
}

.program .dropdown-menu {
    background-color: #414141;
    border: 5px solid #414141;
    border-radius: 0 !important;
    color: #ffffff;
    font-size: 1em;
    margin: -6px 0 0 !important;
}

.program .dropdown,
.dropup {
    float: left;
    margin: 0 0;
}

.letestEpiDes p > a,
.letestEpiDes div > a {
    color: #4F4F4F;
    text-decoration: none;
    font-weight: bold;
}

.program .dropdown-menu > li > a {
    color: #ffffff !important;
}

.program .dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
    background-color: transparent;
    color: #ffffff;
    text-decoration: none;
}

.subsdown {
    display: inline-block;
    float: none;
    margin-top: 0;
}

.subsdown2 {
    display: inline-block;
    margin-bottom: 0;
    float: none;
}

.subdownimg {
    margin: 0 20px 0 0;
    border-radius: 5px;
}

.subsImg {
    margin: 0 20px 10px 0;
    display: inline-block;
    float: none;
}

.subsImg img {
    height: 37px;
    min-width: 45px;
}

.prog_sub_drop {
    margin: 0 !important;
    display: inline-block !important;
    float: none !important;
}

.prog_sub_drop button {
    text-align: left !important;
    outline: none !important;
    margin-top: 0 !important;
}

.prog_sub_drop ul li a {
    text-align: left;
    padding: 3px 8px;
}

.program .social {
    margin-top: 20px !important;
}

.program .social img {
    margin-left: 10px;
}

.program .advisoty {
    margin-top: 20px;
}

.program .letestEpiDes p span {
    font-size: 1.5em;
}

.program .dateTime {
    margin-bottom: 15px;
}

.program .dateTime span,
.program .dateTime {
    color: #4f4f4f;
    font-size: 1.1em;
    margin-right: 10px;
    font-weight: bold;
}

.program .pastEpi {
    margin-bottom: 15px;
}

.program .pastEpiItem {
    margin-bottom: 15px;
}

.program .pastEpiItem img {
    margin-bottom: 15px;
    max-width: 320px;
    width: 100%;
    float: left;
}

.jp-audio {
    width: 100% !important;
}

.jp-controls {
    padding: 20px 20px 0 0 !important;
}

.jp-play {
    width: 60px !important;
    height: 60px !important;
}

.jp-progress {
    left: 50px !important;
    width: 84% !important;
}

.program .pastEpiItem p {
    color: #8a8d8f;
    font-size: 1.1em;
    font-family: "Work Sans", sans-serif;
    max-width: 375px;
}

.program .letestTweets {
    border: 1px solid #646363;
    padding: 15px;
    height: 370px;
    overflow-y: auto;
    border-right: 2px solid #646363 !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.program .letestTweets p,
.program .letestTweets p a {
    color: #4f4f4f;
    font-size: 1em;
}

.program .aside {
    width: 75%;
}

.program .aside1 {
    width: 75%;
    margin-top: 13%;
}

.col-item .collapse.in {
    display: inline-block;
}

.fontPlaybtn {
    font-size: 2.5em;
}

.subIcon img {
    margin: 15px 4px;
}

.askMe {
    margin-bottom: 15px;
}

.lettestComm {
    max-height: 243px;
    overflow-y: scroll;
    margin-bottom: 15px;
}

.white {
    color: #ffffff;
    margin-top: 2px;
}

.fontIcon {
    font-size: 4em;
}

.letestEpiDes .social {
    margin-top: 0;
    float: left;
}

.letestEpiDes .social > a {
    float: right;
}

.moreepiBtn {
    background-color: #494949;
    color: #fff;
    font-size: 14px;
    margin-bottom: 15px;
    padding: 10px 15px;
    text-decoration: none !important;
    margin-right: 0 !important;
}

.moreepiBtn:hover,
.moreepiBtn:active,
.moreepiBtn:focus {
    color: #ddd;
}

.letestTweets::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
    border-radius: 10px;
    background-color: #fff;
}

.letestTweets::-webkit-scrollbar {
    width: 5px;
    background-color: #cccccc;
}

.letestTweets::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
    background-color: #cccccc;
}

/*  Program page  End */





/* Donation Page styles */
.donate {
    font-size: 15px;
    max-width:1200px;
    margin:0 auto;
    margin-top:50px;
    margin-bottom:40px;
}
.donate .product-content {
  display:flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.donate .header {
    font-family: 'Gotham SSm A', 'Gotham SSm B', Arial, sans-serif;
	text-align: center;
    font-size: 24px;
    line-height: 23px;
    font-weight: 300;
    color: #000;
    font-weight: bold;
    margin-bottom: 0;
}
.donate .sub-header {
    font-weight: bold;
    text-transform: capitalize;
    font-size: 28px;
	/* line-height: 14px; */
    margin-bottom: 20px;
    color: #ffffff;
    border: none;
}
.donate .redemption-container {
}
.donate .redemption-container a {
	white-space: nowrap;
}
.donate .image-container,
.donate .whats-included-container {
    width: 50%;
    padding: 0 25px;
}
.donate .whats-included-container {
	border: 1px solid #D0DEF3;
}
.donate .whats-included-container .sub-header {
	background-color: #D0DEF3;
	text-align: center;
	padding: 25px 55px;
	margin: 0px;
}
.donate .whats-included-container .perk-container {
	padding: 25px;
}
.donate .whats-included-container .perk {
	margin-bottom: 10px;
}
.donate .image-container img {
    width: 100%;
}
.donate .image-container .size-note {
	margin-top: 10px;
	font-size: 80%;
}
.donate .form-container {
    width: 50%;
    /* padding-left: 40px; */
	letter-spacing: normal;
}
.donate .gray-section {
    /* background-color: #173331; */
    /* background-color: #252525; */
    padding: 0 25px 20px;
    /* margin-bottom: 30px; */
}
.donate .white-section {
	background-color: #ffffff;
	padding: 0 25px;
	margin-bottom: 30px;
}
.donate ul > li {
    display: inline-block;
    margin-right: 40px;
}
.donate ul > li:last-child {
	margin-right: 0px;
}
.donate .gift-amount-manual {
    margin-top: 28px;
}
.donate.modal .gift-amount-manual {
    margin-top: 10px;
}
.donate .gift-amount-manual input {
    width: 45%;
}

.donate .form-container .delivery-methods ul {
	display: flex;
	justify-content: space-between;
	column-gap: 25px;
}
.donate .form-container .delivery-methods ul li {
	margin-right: 0;
	width: 50%;
}
.donate .form-container .delivery-methods ul li label {
	display: block;
    text-align: center;
}
.donate .input-label {
    font-weight: bold;
    margin-bottom: 15px;
}
.custom-dropdown {
  min-width: 180px;
  width: 100%;
  border-radius: 8px;
  /* padding: 0 5px; */
  position: relative;
  margin-bottom: 0;
}
.donate .custom-dropdown {
  border: solid 1px #797979;
}
.custom-dropdown:after {
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding: 10px 3px;
  position: absolute;
  right: 10px;
  top: 11px;
  z-index: 1;
  /* width: 10%; */
  line-height: 10%;
  pointer-events: none;
  box-sizing: border-box;
}
.donate .custom-dropdown:after {
  top: 15px;
}
.custom-dropdown select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /*
  min-width: 178px;
  padding: 0 25px 0 5px;
  font-weight: normal;
  */
}
.custom-dropdown select:active, .custom-dropdown select:focus {
  border-color: #12b4dc;
}
.donate input[type=text],
.donate input[type=number],
.donate input[type=password],
.donate select {
    width: 100%;
    /* margin-bottom: 20px !important; */
    line-height: 22px !important;
	padding: 8px !important;
}
.donate input[type=number] {
    line-height: 22px !important;
}
.donate.modal input[type=text],
.donate.modal select {
    margin-bottom: 10px !important;
}
.donate .selected-input-container {
  margin-bottom: 20px;
}
.donate .selected-input-value {
  font-size: 78px;
  color: #12b4dc;
  line-height: 1;
}
.donate select {
    background-position: 98%;
    border: solid 1px #797979;
    background: #252525;
    border-radius: 8px !important;
    padding: 14px 8px !important;
}
.donate .last input[type=text],
.donate .last input[type=password], #giftCardAmountManual {
    margin-bottom: 0px !important;
}
.donate textarea {
    width: 100%;
    height: 150px;
    margin-bottom: 5px;
}
.donate .form-container #mailDelivery {
    display: none;
}
.donate #characterCount {
    text-align: right;
    margin-bottom: 20px;
}
.donate.modal #characterCount {
	margin-bottom: 10px;
}
.donate .button-container {
    text-align: center;
}
.donate.modal .button-container {
	margin-top: 20px;
}
.donate .button-container input[type=submit],
.donate .button-container button {
    width: calc(100% - 50px);
	font-size: 16px;
	line-height: 13px;
  background-color: #12b4dc;
}
.donate #gift_delivery_date {
    width: calc(100% - 31px);
    margin-right: 8px;
}
.donate .ui-datepicker-trigger {
    height: 26px;
    vertical-align: middle;
    margin-bottom: 2px;
    cursor: pointer;
}
.donate.modal #gift_delivery_date {
	margin-bottom: 0px !important;
}
.donate.modal .ui-datepicker-trigger {
	margin-bottom: 0px;
}
.donate input[type=radio] + label {
	line-height: 26px;
}
.donate input[type=radio] + label > span{
  display: inline-block;
  width: 16px;
  height: 16px;
  font-size: 16px;
  margin: 0.25em 0.5em 0.25em 0em;
  border: 1px solid #333;
  vertical-align: bottom;
  cursor:	pointer;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.donate input[type=radio]:checked + label > span > span{
  display          : block;
  width            : 8px;
  height           : 8px;
  margin           : 4px;
  background-color : #333;
  border-radius:	50%;
  -moz-box-sizing: content-box;
  box-sizing: content-box;

}

@media (max-width: 768px) {
  .donate {
    margin-top:25px;
  }
  .donate .product-content {
    display:block;
    justify-content: normal;
    -webkit-justify-content: normal;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .donate.content-container {
    width: 100% !important;
  }
  .donate .header {
    font-size: 22px;
    line-height: 21px;
    margin-bottom: 0;
    line-height: 19.54px !important;
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
  .donate .redemption-container {
  }
  .donate .image-container {
      width: 100%;
      margin-bottom: 20px;
      text-align: center;
      padding: 0 15px;
  }
  .donate .whats-included-container {
      width: 90%;
      margin: 0px auto 20px auto;
      text-align: center;
  }
  .donate .whats-included-container .sub-header {
    padding: 25px;
  }
  .donate .image-container img {
      width: 100%;
      margin: auto;
  }
  .donate .form-container {
      width: 100%;
      padding-left: 0px;
  }
  .donate .gray-section, .donate .white-section {
      margin-bottom: 0;
      /* padding-top: 0; */
      padding: 0 15px 0;
  }
  .donate ul.gift-amounts > li {
      display: block;
      margin-right: 0px;
      margin-bottom: 20px;
      line-height: 30px;
  }
  .donate .custom-dropdown {
    margin-bottom: 20px;
  }
  .donate .other-select {
    width: 115px;
  }
  .donate input[type=number] {
    width: 100%;
  }
  .donate input[type=text],
  .donate input[type=password],
  .donate select
  .donate textarea,
  .donate input[type=number] {
    font-size: 14px;
  }
  .donate.modal input[type=text],
  .state-mobile.donate.modal select {
    margin-bottom: 20px !important;
  }
  .donate .button-container {
      /* margin-top: 30px; */
  }
  .donate .button-container input[type=submit] {
    width: calc(100% - 30px);
  }
}
/* End Donation Page Styles */


/* Checkout Page Styles */
.checkout .checkout-flow {
  max-width: 600px;
  margin: 0 auto;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color:#fff;
  font-weight:500;
  line-height: initial;
  letter-spacing:initial;
  text-align:left;
  padding:0 50px;
  margin-top: 20px;
}
@media (max-width: 767px) {
  .checkout .checkout-flow {
    padding-left:15px;
    padding-right:15px;
  }
}
.checkout .checkout-flow .form-section {
  margin-top: 40px;
}
.checkout .checkout-flow .form-section.order-details {
  margin-top: 0px;
}
.checkout .checkout-flow .form-section.order-details .table,
.checkout .checkout-flow .form-section.order-details .table tr,
.checkout .checkout-flow .form-section.order-details .table th,
.checkout .checkout-flow .form-section.order-details .table td {
  border:0;
  margin-left:0;
  margin-right:0;
  padding-left:0;
  padding-right:0;
}
.checkout .checkout-flow h1, .checkout .checkout-flow h2, .checkout .checkout-flow h3, .checkout .checkout-flow h4, .checkout .checkout-flow h5 {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color:#fff;
  font-weight:500;
  line-height: initial;
  letter-spacing:initial;
  text-transform:capitalize; 
}
.checkout .checkout-flow h1, .checkout .checkout-flow h2 {
  font-size: 28px;
  font-weight: bold;
  line-height: 34px;
}
.checkout .form-group {
  margin-bottom: 20px;
}
.checkout .checkout-flow .btn-cta, .checkout .checkout-flow .btn-primary, .checkout .checkout-flow .btn-alternate {
  width: 100%;
}
.checkout .checkout-flow .select-delete-buttons {
  column-gap: 20px;
  row-gap: 10px;
  padding-top:10px; 
}
.checkout .checkout-flow .order-detail {
  column-gap: 20px;
  row-gap: 10px;
  padding-top:10px;
  grid-template-columns: 4fr 1fr 1fr;
}
.checkout .create-address-account h3, .checkout .total-order-confirmation h3, .checkout .my-account h3 {
  margin-top: 0px;
  margin-bottom: 20px;
  border-bottom: 5px solid #12b4dc;
  color: #fff;
  font-weight: bold;
  font-size:16px;
}
.checkout .create-address-account .help-block a, .checkout .create-address-account .login-trouble a {
  color:#12b4dc;
}

.checkout .text-input {
  background-color: #3E4347;
  border-color: #3E4347;
  color: #fff;
  font-size: 16px;
}
.checkout .text-input:active, .checkout .text-input:focus, .checkout .text-input.braintree-hosted-fields-focused {
  border-color: #12b4dc;
  border-width:1px;
}
.checkout .text-input[disabled], .checkout .text-input[readonly] {
  background-color: #000;
}
.checkout input:-internal-autofill-selected {
  background-color: #3E4347;
  border-color: #3E4347;
  color: #797979;
  font-size: 16px;
}
.checkout .privacy-terms-text {
  font-size: 12px;
  line-height: 15px;
  font-weight: 500;
  color: #797979;
}
.checkbox-container {
  display: block;
  position: relative;
  padding-left: 22px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0 !important;
  width: 0;
}
.checkmark {
  position: absolute;
  top: 5px;
  left: 0;
  height: 13px;
  width: 13px;
  background-color: #3e4347;
  border-radius: 3px;
}

/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkmark {
  background-color: #3e4347;
}

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark {
  background-color: #12b4dc;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox-container .checkmark:after {
  left: 5px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.checkout a, .checkout a.links {
  /*font-size: 12px;*/
  color:#12b4dc;
} 
.checkout form {
  /*margin-bottom: 20px;*/
}

.checkout .privacy-terms-text a {
  color: #12b4dc;
}
.checkout #cvv_container .text-input {
  width: 70px;
  margin-bottom: 5px;
}
.checkout .bg-warning {
  background-color: #12b4dc !important;
  color:#000;
  font-weight:bold;
  padding: 10px;
  border-radius: 10px;
}
.checkout .bg-warning a, .checkout .bg-warning a:visited {
  color:#000;
  text-decoration: underline; 
}
.checkout .bg-warning a:hover  {
  text-decoration:none;
  color:#000;
}
@media (max-width: 768px) {
  .checkout .create-address-account {
    padding:0 10px;
  }
}
.checkout .cvv-section {
  display: flex;
}
.checkout .cvv-container {
  background-color:#f0f0f0;
  padding: 10px;
  border-radius: 10px;
  margin-top:10px;
}
/* End Checkout Page Styles */


.swiper {
  width: 100%;
}
.swiper-slide.has-paging {
  width: 90% !important;
}
.swiper-button-next, .swiper-button-prev {
  top: unset !important;
  bottom: 0 !important;
  color: #051F1D !important;
}
.swiper-button-next:after, .swiper-button-prev:after {
  display: none;
}
span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #051F1D !important;
}
span.swiper-pagination-bullet {
  background-color: #6F7977;
}

.swiper-homeslider {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.watch-slider-responsive {
  position: relative;
}
.watch-slider-container {
  display: flex;
  align-items: end;
  -webkit-align-items: flex-end;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  /* height: 600px; */
  flex-wrap: nowrap;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.watch-slider-gradient {
  height: 222px;
  width: 100%;
  position: absolute;
  background: linear-gradient(to bottom, transparent 0%, #141414 100%);
  z-index: 0;
}
.watch-slider-content {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin-bottom: 40px;
  margin-left: 40px;
  margin-right:40px;
  text-align: left;
  width: 100%;
  z-index: 10;
}
.watch-slider-content .watch-tagline {
  /* font-size: 27px; */
  font-size: 16px;
  font-weight: 500;
  line-height: 16px; 
  color: #fff;
  margin-bottom: 7px;
}
.watch-slider-content .watch-title {
  /* font-size: 47px; */
  font-size: 28px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  line-height: 28px;
  margin-bottom: 0px;
}
.watch-slider-content .watch-link-container {
  margin-top:10px;
}
.watch-slider-content a.watch-link {
  border-radius: 3px;
  display: inline-block;
  font-size: 20px;
  /* line-height: 45px; */
  font-weight: bold;
  padding: 10px 30px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background-color: #12b4dc;
}
.watch-slider-content a.watch-link:hover {
  background-color: #0f99bb;
  color: #fff;
}
.watch-slider-content .watch-desc {
  font-size: 14px;
  line-height: 14px;
  font-weight:bold;
  margin-top:8px;
  margin-bottom: 2px; 
  color: #fff;
}
.watch-scrollers .content-slider {
  height: auto !important;
}
.watch-scrollers .lSAction {
  /* display: none !important; */
}
/* .watch .lSSlideOuter, .watch .lSSlideWrapper, .lightSlider {
  overflow: visible !important;
} */
.watch .photo {
  overflow: hidden;
  /*max-height: 150px;*/
}
.watch .lSAction>.lSPrev,
.watch .lSAction>.lSNext {
  transition: all 0.25s ease !important;
  width: 40px;
  top: 0;
  height: 100%;
  display: flex;
  opacity:1;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
/* .watch .lSAction>a:hover {
  opacity: .9 !important;
} */
.watch .lSAction>.lSNext {
  background: rgb(255,255,255);
  background: linear-gradient(90deg, rgba(20,20,20,0) 0%, rgba(20,20,20,1) 50%);
  right: -40px;
}

.watch .lSAction>.lSPrev {
  background: rgb(255,255,255);
  background: linear-gradient(270deg, rgba(20,20,20,0) 0%, rgba(20,20,20,1) 50%);
  /*top: 20px;*/
  /* height: 150px; */
  left: -40px;
}


.watch .lSAction>.lSPrev:before {
  transition: all 0.25s ease !important;
  content: '\f104';
  color: #fff;
  font-family: "Font Awesome 5 free"; 
  font-weight: 700;
  font-size: x-large;
}
.watch .lSAction>.lSNext:before {
  transition: all 0.25s ease !important;
  content: '\f105';
  color: #fff;
  font-family: "Font Awesome 5 free"; 
  font-weight: 700;
  font-size: x-large;
}
.watch-scrollers .photo img {
  border-radius: 0.35rem;
}
.watch-scrollers .slide-desc,
.watch-scrollers .slide-title {
  display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.listing-episode:hover .slide-desc {
  color: #fff;
}
.watch-scrollers .listing-episode {
  text-decoration: none;
  color: #fff;
}
.watch-scrollers .listing-episode:hover,
.listing-episode:hover .slide-desc {
  opacity: .85;
}
.watch-scrollers .slide-details {
  margin-top:5px;
}
.watch-scrollers .slide-title {
  color: #D2D6DB;
  font-size: 12px;
  font-weight: 500;
}
.watch-scrollers .slide-desc {
  color: #ffffff;
  font-weight: 700;
  font-size: 20px;
}
.season-scrollers h2 {
  text-transform: none;
  margin-left:40px;
  font-size: 24px;
  margin-top:25px;
  font-weight: 700;
}
@media screen and (max-width: 991px) {
  .watch-slider-content {
    /* margin: 0; */
    /* width: 100%; */
    /* padding: 0 20px; */
    text-align: left;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right:20px;
  }
  .watch .season-scrollers {
    padding-right: 0px;
    padding-left: 0px;
  }
  .season-scrollers h2 {
    margin-left:20px;
  }
  .listing .listing-items {
    max-width: calc(100% - 40px) !important; 
  }
  .watch .lSAction>.lSPrev {
    left: -20px;
  }
  .watch .lSAction>.lSNext {
    right: -20px;
  }
}
@media screen and (max-width: 760px) {
  .watch-slider-container {
    /* height: 430px; */
  }
  /* .watch-slider-content {
    margin: 0;
    width: 100%;
    padding: 0 20px;
    text-align: left;
  } */
  .watch-slider-content .watch-tagline {
    font-size: 16px;
  }
  .watch-slider-content .watch-title {
    font-size: 28px;
    /* line-height: 14px; */
  }
  .watch-slider-content .watch-desc {
    font-size: 14px;
  }

}
@media screen and (max-width: 575px) {
  .watch-slider-gradient {
    height:75%;
  }
  .watch-slider-content {
    width: 100%;
    max-width: calc(100% - 40px);
    margin-bottom:-15%;
  }
  .watch-slider-content a.watch-link {
    width:100%
  }
  .watch-slider-container {
    
  }
  .watch .lSAction>.lSPrev,
  .watch .lSAction>.lSNext,
  .watch .lSAction>.lSPrev:before,
  .watch .lSAction>.lSNext:before {
    background: none !important;
    display: none !important;
  }

}
/* .ratio-container {
  box-sizing: border-box;
  resize: horizontal;
  overflow: auto;
  max-width: 100%;
  height: calc(100vh - 16px);
}
.ratio-item {
  width: 100%;
} */
/* PRIVACY STYLES */
.custom-page-content-container h2,
.custom-page-content-container h3,
.custom-page-content-container h4
{
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin: 20px 0;
  font-weight: bold;
}
.custom-page-content-container h2 {
  font-size: 26px;
}
.custom-page-content-container h3 {
  font-size: 22px;
}
.custom-page-content-container h4 {
  font-size: 18px;
}
.custom-page-content-container p {
  margin-bottom: 20px;
}
.custom-page-content-container ul {
  padding-left: 45px;
  list-style: disc;
}
.custom-page-content-container table {
  background: #fff !important;

}
.custom-page-content-container table tr {
  border-bottom: solid 1px #ddd;
}
.custom-page-content-container table tr td, .custom-page-content-container table tr th {
  border:none;
}
.custom-page-content-container a {
  color: #12b4dc;
}
.watch-header {
  width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
  background-color: #141414;
  font-family: system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',sans-serif !important;
  font-weight: 600 !important;
  font-size: 1rem;
  letter-spacing: normal;
  border-color: #323232;
}
.watch-header-container {
  max-width: 1200px;
  width: 100%;
  margin: auto;
  /* padding: 0 2rem; */
  min-height: 5rem;
}
.watch a.donate-button {
  border-radius: 3px;
  background-color: #12b4dc;
  color: #fff;
  display: block;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  text-transform: capitalize;
  letter-spacing: normal;
}
.watch a.donate-button:hover {
  background-color: #0f99bb;
  color: #fff;
}
.watch .top-menu-container a span {
  /* border-bottom: solid 2px #1E1E1E; */
  /* color: #ffffff; */
}
.watch .top-menu-container a.active span, .watch .top-menu-container a:hover span {
  /* border-bottom: solid 2px #0f99bb; */
}
/* WEBVIEW STYLES */
.webview-header-container {
  max-width: 1200px;
  padding: 0 40px;
}
.webview .internal-page-uniform, .about-page, .contact-us, .custom-page-content-container {
  padding:15px;
}
@media (min-width: 1264px) {
  .watch-header-container, .footer-container {
    padding: 0;
    /* padding: 0 2rem; */
  }
  .watch .season-scrollers {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1200px) {
  .watch .season-scrollers {
    margin-top: 32px;
  }
}
@media (max-width: 991px) {
  .watch-header-container, .footer-container {
    /* padding: 0 20px; */
  }
}
@media (max-width: 768px) {
  .watch-header {
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .watch-header-container {
    min-height: 4.5rem;
  }
  .watch a.donate-button {
    margin-right: 0.5rem;
    /* margin-left: 0.5rem; */
    padding: 0.5rem;
    font-size: 1rem;
  }
  .webview .donate .image-container {
    padding: 0;
  }
 .webview .donate .header {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .webview-header-container {
    padding: 0 15px;
  }  
}

@media (max-width: 448px) {
  .watch a.donate-button {
    display: none;
  }
  .language-selector {
    width: 48px;
    height: 48px;
  }
}
@media (max-width: 329px) {
  .watch-header-container .website-logo  {
    width:100% !important;
    padding-top:1rem;
  }
  #login-holder, .watch-header-container .language-container, .watch-header-container .login-logout-btn  {
    width:100% !important;
  }
  .watch-header-container .language-container {
    padding:1rem 0;
  }
}

.webview .back-link i.fa-angle-left {
  color: #fff;
  font-weight: 600;
  font-size: 40px;
}


/* WEBVIEW STYLES */
.livestream .product-content {
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.webview header {
  margin-bottom:15px;
}
.webview .donate, .webview .livestream {
  margin-top:0;
  font-weight:normal;
}
.webview-logo {
  width: 118px;
  margin:15px auto 0;
}
.webview-logo.notch {
  margin-top:64px;
}
.webview .image-container img {
  border-radius: 10px;
}
.webview .livestream .video-container, .webview .donate .video-container{
  width: 50%;
  padding: 0 25px;
}
.webview .donate .header, .webview .livestream .header {
  font-weight:500;
}
.webview .donate .sub-header, .webview .livestream .sub-header {
  font-size:24px;
  font-weight:700;
  margin-bottom:20px;
}
.webview .donate .donate-content, .webview .livestream .livestream-content {
  margin-bottom:20px;
  font-size:14px;
}
.webview .donate .donate-content ul, .webview .livestream .livestream-content ul {
  padding:0 0 0 25px;
}
.webview .donate ul > li, .webview .livestream ul > li {
  display: list-item;
  margin-right: initial;
  margin-bottom:3px;
}
.webview .donate .donate-disclaimer, .webview .livestream .donate-disclaimer {
  color:#797979;
  font-size:12px;
}
.webview .donate .form-container, .webview .livestream .form-container {
  width: 50%;
  padding: 0 25px 0 0;
  letter-spacing: normal;
}

.webview .donate .button-container input[type=submit],
.webview .donate .button-container button,
.webview .livestream .button-container input[type=submit],
.webview .livestream .button-container button {
  width: 100%;
  margin-bottom:20px;
  background-color:#fff;
  color:#000;
}

@media (max-width: 768px) {
  .livestream .product-content {
    display: block;
    justify-content: normal;
    -webkit-justify-content: normal;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .webview .livestream .video-container, .webview .donate .video-container {
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
    padding: 0;
  }
  .donate .image-container, .livestream .video-container {
    margin-bottom:20px;
  }

  .webview .donate .form-container,
  .webview .livestream .form-container {
    width: 100%;
    padding: 0;
  }
  .webview .donate .button-container input[type=submit],
  .webview .donate .button-container button,
  .webview .livestream .button-container input[type=submit],
  .webview .livestream .button-container button {
    margin-bottom:75px;
  }
}
/* END WEBVIEW STYLES */
/* Footer start*/
footer {
  font-size:14px;
  font-weight:500;
}
.footer-main-container {
  background: #141414;
  color: #ffffff;
  border-top: 1px solid #323232 !important;
  padding:20px 0;
}
.watch-footer-logos {
  grid-gap: 20px;
  gap: 20px;
  grid-template-columns: 1fr 1fr;
}
footer .apps-external-container {
  align-items: flex-end;
   -webkit-align-items: flex-end;
}
.apps-external-links {
  grid-gap: 20px;
  gap: 20px;
  grid-template-columns: 1fr 1fr;
}
footer .app-buttons-header {
  text-align:right;
  margin-bottom:10px;
}
.apps-external-links img {
  height:40px;
  width:auto;
}
.second-footer-section {
  margin-top: 40px;
  font-weight:700;
}
.footer-links-container {
  row-gap: 20px;
}
.footer-links-section {
  max-width:200px;
}
.footer-links-section > div {
  /*color: #bebebb;*/
}
.footer-link a {
  text-decoration: none;
  font-size:18px;
  color: #bebebb;
}
.footer-link a:hover {
  opacity: .5;
  color: unset !important;
}
a.footer-title-link {
  font-size: 14px;
  /*text-decoration: none;*/
}
footer .copyright {
  font-weight:normal;
}
button#ot-sdk-btn {
  color: #bebebb !important;
  padding: 0 !important;
  border: none !important;
  font-size: 18px !important;
  text-align: left;
}
button#ot-sdk-btn:hover {
  opacity: .5;
  background: none !important;
}
@media (max-width: 767px) {
  .first-footer-section {
    flex-direction: column;
    align-items: flex-start !important;
  }
  .watch-footer-logos {
    margin-bottom: 20px;
  }
  footer .apps-external-container {
    align-items: flex-start;
     -webkit-align-items: flex-start;
  }
  .footer-links-section {
    width: 50%;
    max-width:50%;
  }
}
/* Footer END*/
.hide-and-disable-arrows {
  transition: all 0.25s ease !important;
  /* background: none !important; */
  opacity: 0 !important;
  pointer-events: none;
}
.language-container {
  column-gap: 30px;
}
.language-selector {
  display: flex;
  align-items: center;
  justify-content: center;
  /* width: 48px;
  height: 48px; */
}
.language-selector img {
  height: 24px;
  width: 24px;
  cursor:pointer;
}
/* language modal */
.language-modal {
  padding: 0 !important;
  background: #1E1E1E !important; 
  width: 500px;
  max-width: 100%;
}
.modal-mobile .modal-content .language-modal {
  width:100%;
}
.language-modal .language-modal-header {
  padding: 22px;
  border-bottom: 1px solid;
}
.language-modal .language-title {
    text-align: center;
    font-size: 24px;
    line-height: 32px;
    margin: 24px 0;
}
.language-modal-default-buttons {
    /* text-align: center; */
}
.language-modal-default-buttons a:hover {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}
.language-modal-default-buttons a.def-button {
    padding: 10px 18px;
    border-radius: 8px;
    background: #ffffff;
    color: #000000;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    display:block;
    text-align:center;
}
.language-modal-default-buttons a.def-button:hover {
    color: #000000;
}
.language-modal-default-buttons .english-name {
  color: #797979;
  margin-top:5px;
  text-align:center;
  font-size:0.9em;
}

.language-full-modal {
  padding: 0 !important;
  background: #1E1E1E !important; 
  width: 1024px;
  min-height: 500px;
}

.language-full-modal .language-full-modal-header {
  padding: 22px;
  border-bottom: 1px solid;
}
.language-full-modal .language-title {
    text-align: center;
    font-size: 24px;
    line-height: 32px;
    margin: 24px 0;
}
.language-full-modal-full-options {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    column-gap: 10px;
    row-gap: 10px;
    padding: 0 22px 22px;
}
.language-full-modal-full-options a {
    justify-self: stretch;
    font-size: 14px;
    line-height: 20px;
    padding: 8px 12px;
    border: 1px solid #1E1E1E;
}

.language-full-modal-full-options a:hover {
    border: 1px solid #1E1E1E;
    border-radius: 8px;
    color: #FFFFFF;
    text-decoration: none;
}
.language-full-modal-full-options a.selected {
    border: 1px solid #FFF;
    border-radius: 8px;
    color: #FFFFFF;
    text-decoration: none;
}
.language-full-modal-full-options .english-name {
  color: #bebebb;
}
@media (max-width: 1100px) {
  .language-full-modal {
      width:initial;
  }
}
@media (min-width: 914px) and (max-width: 1024px) {
    .language-full-modal {
        max-width: calc(100% - 20px);
    }
    .language-full-modal-full-options {
        grid-template-columns: repeat(4, 1fr);
    }
}
@media (min-width: 512px) and (max-width: 913px) {
    .language-full-modal {
        max-width: 100%;
    }
    .language-full-modal-full-options {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 511px) {
    .language-full-modal {
        max-width: 100%;
    }
    .language-full-modal-full-options {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Episode Tooltip */
.episode-tooltip {
  position: absolute;
  background-color: #f9f9f9;
  color: black;
  text-align: center;
  border-radius: 4px !important;
  padding: 5px 10px;
  z-index: 99999;
  transform: translateY(0);
  opacity: 1;
  transition: opacity 0.3s;
  width: 300px; 
  margin-left: 5px;
  line-height: 15px;
  /* Tooltip arrow pointing towards the thumbnail (for tooltip on the right side) */
  &::after {
    content: " ";
    position: absolute;
    top: 50%;
    right: 100%; 
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #f9f9f9 transparent transparent; 
  }
  /* Adjustments when the tooltip is on the left */
  &.tooltip-left {
    right: 100%; 
    margin-left: -5px;
  }

  /* Tooltip arrow pointing towards the thumbnail (for tooltip on the left side) */
  &.tooltip-left::after {
    content: " ";
    position: absolute;
    top: 50%;
    left: 100%; 
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #f9f9f9; 
  }

  .tooltip-content {
    text-align: left;

    strong {
      font-size: 13px;
    }

    > div {
      margin-top: 7px;
      font-size: 13px;
    }
    
    div:empty {
      display: none;
    }
  }

}

@media all and (max-width: 768px) {
  .episode-tooltip {
    display: none;
  }
}