@font-face {
  font-family: "HelveticaNeueReg";
  font-display: swap;
  src: url("sna-font/HelveticaNeueW23forSKY-Reg_T02.eot"), url("sna-font/HelveticaNeueW23forSKY-Reg_T02.eot?#iefix") format("embedded-opentype"), url("sna-font/HelveticaNeueMEforSKYW21-Rg_web.woff2") format("woff2"), url("sna-font/HelveticaNeueMEforSKYW21-Rg_web.woff") format("woff"), url("sna-font/HelveticaNeueMEforSKYW21-Rg_web.ttf") format("truetype"), url("sna-font/HelveticaNeueW23forSKY-Reg_T02.svg#HelveticaNeueW23forSKY-Reg_T02") format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "HelveticaNeueBold";
  font-display: swap;
  src: url("sna-font/HelveticaNeueW23forSKY-Bd_T02.eot"), url("sna-font/HelveticaNeueW23forSKY-Bd_T02.eot?#iefix") format("embedded-opentype"), url("sna-font/HelveticaNeueMEforSKYW21-Bd_web.woff2") format("woff2"), url("sna-font/HelveticaNeueMEforSKYW21-Bd_web.woff") format("woff"), url("sna-font/HelveticaNeueMEforSKYW21-Bd_web.ttf") format("truetype"), url("sna-font/HelveticaNeueW23forSKY-Bd_T02.svg#HelveticaNeueW23forSKY-Bd_T02") format("svg");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "sna-icons";
  font-display: block;
  src: url("sna-icons/snaicons.eot"), url("sna-icons/snaicons.eot?#iefix") format("embedded-opentype"), url("sna-icons/snaicons.woff2") format("woff2"), url("sna-icons/snaicons.woff") format("woff"), url("sna-icons/snaicons.ttf") format("truetype"), url("sna-icons/snaicons.svg#snaicons") format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "sna-icons2";
  font-display: block;
  src: url("sna-icons/snaicons2.eot"), url("sna-icons/snaicons2.eot?#iefix") format("embedded-opentype"), url("sna-icons/snaicons2.woff2") format("woff2"), url("sna-icons/snaicons2.woff") format("woff"), url("sna-icons/snaicons2.ttf") format("truetype"), url("sna-icons/snaicons2.svg#snaicons") format("svg");
  font-weight: 400;
  font-style: normal;
}
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
.faded {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.center {
  display: table;
  margin: 0 auto;
}

/*START:Flexbox Mixins */
/*END:Flexbox Mixins */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Flexbox Mixins */
/*END:Flexbox Mixins */
/*START:Aspect Ratio Mixins */
/*END:Aspect Ratio Mixins */
/*START:COLOR HEADER */
/*END:COLOR HEADER */
/*START:Load More Button */
/*END:Load More Button */
/*START:Big title used in video, info, prog and topic */
/*END:Big title used in video, info, prog and topic */
/*START:Responsive Property additions */
/*END:Responsive Property additions */
/*START:Play Icon For the Section Pages, blue icon */
/*END:Play Icon For the Section Pages, blue icon */
/*START:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*END:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*START:mixin for the dark component padding */
/*END:mixin for the dark component padding */
/*START:mixin for the dark component's inner container padding */
/*END:mixin for the dark component's inner container padding */
/*START:mixin for the button , which on hover adds the bg shadow */
/*END:mixin for the button , which on hover adds the bg shadow */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Global Header and Footer sizes */
/*END:Global Header and Footer sizes */
/*START:Page top and bottom padding  */
/*END:Page top and bottom padding  */
/*START:Side spacings */
/*END:Side spacings */
/*START:Live stream, Radio Page Bg dark theme varaibale */
/*END:Live stream, Radio Page Bg dark theme varaibale */
/*START:Program pages color */
/*END:Program pages color */
/*START:Colors */
/*END:Colors */
/*START:tags */
/*END:tags */
/*START:Video and infographic widget width */
/*END:Video and infographic widget width */
/*START:content  top media indicator and title colors font sizes and paddings */
/*END:content  top media indicator and title colors font sizes and paddings */
/*START:special coverage bg color */
/*END:special coverage bg color */
/*START:Sna New Title colors */
/*END:Sna New Title colors */
/*START:Description fo vdoa nd ig in desktop color */
/*END:Description fo vdoa nd ig in desktop color */
/*START:section comp dark bg as in design PSD */
/*END:section comp dark bg as in design PSD */
/*START:section comp light grey bg as in design PSD */
/*END:section comp light grey bg as in design PSD */
/*START:Section each Components, Spacings between one another*/
/*END:Section each Components, Spacings between one another*/
/*START:Media Indicator and Play Icon Colors */
/*END:Media Indicator and Play Icon Colors */
/*START:small News Item Percent for media an dheadline in mobile */
/*END:small News Item Percent for media an dheadline in mobile */
/*START:Media Items spacing */
/*END:Media Items spacing */
/*START:Image gallery spacings between images */
/*END:Image gallery spacings between images */
/*START:Image gallery detail page background color */
/*END:Image gallery detail page background color */
/*START:side padding total for section pages */
/*END:side padding total for section pages */
/*START:side padding total for listing pages */
/*END:side padding total for listing pages */
/*START:Prog Page revamp(Mar-2019) */
/*END:Prog Page revamp(Mar-2019) */
/*START:Featured component and text on image comp gradient */
/*END:Featured component and text on image comp gradient */
/*START:Date color on white bg , used in section pages */
/*END:Date color on white bg , used in section pages */
/*START:Promobar height Standardization */
/*END:Promobar height Standardization */
/*START:colors added for podcast page design change in apr-2021 */
/*END:colors added for podcast page design change in apr-2021 */
/* START: _list_page.scss */
.image-list.compact .media .content-wrapper .article-title-holder p {
  margin-bottom: 1.875rem;
}
@media only print, screen and (min-width:768px) {
  .image-list.compact .media .content-wrapper .article-title-holder p {
    margin-bottom: 1.25rem;
  }
}

/*START:Listing Page Flexbox Styles */
.sna-content-list {
  /*START:First group in Listing Page */
  /*END:First group in Listing Page */
  /*START:Second group in Listing Page */
  /*END:Second group in Listing Page */
  /*START:Third group in Listing Page */
  /*END:Third group in Listing Page */
}
.sna-content-list.first-group {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only print, screen and (min-width:1280px) {
  .sna-content-list.first-group {
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 0 -0.625rem;
  }
}
.sna-content-list.first-group .sna-content-list-summary {
  display: none;
}
.sna-content-list.first-group .default-img-with-summary {
  display: none;
}
.sna-content-list.first-group .first-group-right,
.sna-content-list.first-group .first-group-left {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
}
@media only print, screen and (min-width:820px) {
  .sna-content-list.first-group .first-group-right,
  .sna-content-list.first-group .first-group-left {
    width: 50%;
  }
}
.sna-content-list.first-group .first-group-right {
  padding-bottom: 1.25rem;
}
@media only print, screen and (min-width:820px) {
  .sna-content-list.first-group .first-group-right {
    background-color: #ffffff;
    background-clip: content-box;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}
@media only print, screen and (max-width:1279px) {
  .sna-content-list.first-group .first-group-right {
    padding-left: 0.3125rem;
  }
}
@media only print, screen and (min-width:768px) and (max-width:819px) {
  .sna-content-list.first-group .first-group-right {
    padding-left: 0;
  }
}
@media only print, screen and (max-width: 767px) {
  .sna-content-list.first-group .first-group-right {
    padding-left: 0;
  }
}
.sna-content-list.first-group .first-group-right .sna-content-list-summary {
  display: block;
}
.sna-content-list.first-group .first-group-right .default-img-with-summary {
  display: block;
}
.sna-content-list.first-group .first-group-right .default-img-with-out-summary {
  display: none;
}
.sna-content-list.first-group .first-group-left {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.sna-content-list.first-group .first-group-left .sna-content-list-item {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-bottom: 1.25rem;
  width: 100%;
}
@media only print, screen and (max-width:819px) {
  .sna-content-list.first-group .first-group-left .sna-content-list-item {
    padding-bottom: 0.625rem;
  }
}
@media only print, screen and (min-width:820px), only print, screen and (min-width:768px) and (max-width:819px) {
  .sna-content-list.first-group .first-group-left .sna-content-list-item {
    width: 50%;
  }
}
.sna-content-list.first-group .first-group-left .sna-content-list-item:nth-child(odd) {
  padding-left: 0.625rem;
}
@media only print, screen and (min-width:1280px) {
  .sna-content-list.first-group .first-group-left .sna-content-list-item:nth-child(odd) {
    padding-right: 0.625rem;
  }
}
@media only print, screen and (max-width:1279px) {
  .sna-content-list.first-group .first-group-left .sna-content-list-item:nth-child(odd) {
    padding-left: 0.3125rem;
    padding-right: 0.3125rem;
  }
}
@media only print, screen and (max-width: 767px) {
  .sna-content-list.first-group .first-group-left .sna-content-list-item:nth-child(odd) {
    padding-right: 0;
    padding-left: 0;
  }
}
@media only print, screen and (min-width:768px) and (max-width:819px) {
  .sna-content-list.first-group .first-group-left .sna-content-list-item:nth-child(odd) {
    padding-right: 0;
  }
}
.sna-content-list.first-group .first-group-left .sna-content-list-item:nth-child(even) {
  padding-right: 0.625rem;
}
@media only print, screen and (min-width:1280px) {
  .sna-content-list.first-group .first-group-left .sna-content-list-item:nth-child(even) {
    padding-left: 0.625rem;
  }
}
@media only print, screen and (max-width:1279px) {
  .sna-content-list.first-group .first-group-left .sna-content-list-item:nth-child(even) {
    padding-right: 0.3125rem;
  }
}
.sna-content-list.second-group, .sna-content-list.normal-group {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only print, screen and (min-width:1280px) {
  .sna-content-list.second-group, .sna-content-list.normal-group {
    margin: 0 -0.625rem;
  }
}
.sna-content-list.second-group .sna-content-list-item, .sna-content-list.normal-group .sna-content-list-item {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
  padding-bottom: 1.25rem;
}
@media only print, screen and (min-width:820px) {
  .sna-content-list.second-group .sna-content-list-item, .sna-content-list.normal-group .sna-content-list-item {
    width: 25%;
  }
}
@media only print, screen and (max-width:1279px) {
  .sna-content-list.second-group .sna-content-list-item, .sna-content-list.normal-group .sna-content-list-item {
    padding-bottom: 0.625rem;
  }
}
@media only print, screen and (min-width:768px) and (max-width:819px) {
  .sna-content-list.second-group .sna-content-list-item, .sna-content-list.normal-group .sna-content-list-item {
    width: 50%;
  }
}
.sna-content-list.second-group .sna-content-list-item:nth-child(odd), .sna-content-list.normal-group .sna-content-list-item:nth-child(odd) {
  padding-left: 0.625rem;
}
@media only print, screen and (min-width:1280px) {
  .sna-content-list.second-group .sna-content-list-item:nth-child(odd), .sna-content-list.normal-group .sna-content-list-item:nth-child(odd) {
    padding-right: 0.625rem;
  }
}
@media only print, screen and (max-width:1279px) {
  .sna-content-list.second-group .sna-content-list-item:nth-child(odd), .sna-content-list.normal-group .sna-content-list-item:nth-child(odd) {
    padding-left: 0.3125rem;
    padding-right: 0.3125rem;
  }
}
@media only print, screen and (min-width:768px) and (max-width:819px) {
  .sna-content-list.second-group .sna-content-list-item:nth-child(odd), .sna-content-list.normal-group .sna-content-list-item:nth-child(odd) {
    padding-right: 0;
  }
}
@media only print, screen and (max-width: 767px) {
  .sna-content-list.second-group .sna-content-list-item:nth-child(odd), .sna-content-list.normal-group .sna-content-list-item:nth-child(odd) {
    padding-right: 0;
    padding-left: 0;
  }
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .sna-content-list.second-group .sna-content-list-item:nth-child(4n+4), .sna-content-list.normal-group .sna-content-list-item:nth-child(4n+4) {
    padding-left: 0 !important;
  }
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .sna-content-list.second-group .sna-content-list-item:nth-child(4n+5), .sna-content-list.normal-group .sna-content-list-item:nth-child(4n+5) {
    padding-right: 0 !important;
  }
}
@media only print, screen and (max-width:1279px) {
  .sna-content-list.second-group .sna-content-list-item:nth-child(1), .sna-content-list.normal-group .sna-content-list-item:nth-child(1) {
    padding-right: 0;
  }
}
.sna-content-list.second-group .sna-content-list-item:nth-child(even), .sna-content-list.normal-group .sna-content-list-item:nth-child(even) {
  padding-right: 0.625rem;
}
@media only print, screen and (min-width:1280px) {
  .sna-content-list.second-group .sna-content-list-item:nth-child(even), .sna-content-list.normal-group .sna-content-list-item:nth-child(even) {
    padding-left: 0.625rem;
  }
}
@media only print, screen and (max-width:1279px) {
  .sna-content-list.second-group .sna-content-list-item:nth-child(even), .sna-content-list.normal-group .sna-content-list-item:nth-child(even) {
    padding-right: 0.3125rem;
    padding-left: 0.3125rem;
  }
}
@media only print, screen and (max-width: 767px) {
  .sna-content-list.second-group .sna-content-list-item:nth-child(even), .sna-content-list.normal-group .sna-content-list-item:nth-child(even) {
    padding-left: 0;
  }
}
@media only print, screen and (min-width:768px) and (max-width:819px) {
  .sna-content-list.second-group .sna-content-list-item:nth-child(even), .sna-content-list.normal-group .sna-content-list-item:nth-child(even) {
    padding-left: 0;
  }
}
@media only print, screen and (max-width:1279px) {
  .sna-content-list.second-group .sna-content-list-item:nth-child(4), .sna-content-list.normal-group .sna-content-list-item:nth-child(4) {
    padding-left: 0;
  }
}
@media only print, screen and (min-width:1280px) {
  .sna-content-list.second-group .sna-content-list-item:nth-child(4n+2), .sna-content-list.second-group .sna-content-list-item:nth-child(4n+3), .sna-content-list.normal-group .sna-content-list-item:nth-child(4n+2), .sna-content-list.normal-group .sna-content-list-item:nth-child(4n+3) {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}
@media only print, screen and (max-width: 767px) {
  .sna-content-list.second-group .sna-content-list-item:nth-child(4n+2), .sna-content-list.normal-group .sna-content-list-item:nth-child(4n+2) {
    padding-left: 0;
  }
  .sna-content-list.second-group .sna-content-list-item:nth-child(4n+3), .sna-content-list.normal-group .sna-content-list-item:nth-child(4n+3) {
    padding-right: 0;
  }
}
.sna-content-list.second-group .sna-content-list-summary, .sna-content-list.normal-group .sna-content-list-summary {
  display: none;
}
.sna-content-list.third-group {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  /*START:Style for no desktop ad in third group */
  /*END:Style for no desktop ad in third group */
}
@media only print, screen and (min-width:1280px) {
  .sna-content-list.third-group {
    margin: 0 -0.625rem;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
.sna-content-list.third-group .sna-content-list-summary {
  display: none;
}
.sna-content-list.third-group .third-group-right,
.sna-content-list.third-group .third-group-left {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.sna-content-list.third-group .third-group-right {
  width: 100%;
  display: none;
  padding-bottom: 1.25rem;
}
@media only print, screen and (min-width:1280px) {
  .sna-content-list.third-group .third-group-right {
    display: block;
    width: 25%;
  }
}
@media only print, screen and (min-width:1280px) {
  .sna-content-list.third-group .third-group-right {
    padding-left: 0.625rem;
    background-clip: content-box;
  }
}
.sna-content-list.third-group .third-group-right .sna-content-list-summary {
  display: block;
}
.sna-content-list.third-group .third-group-left {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
@media only print, screen and (min-width:1280px) {
  .sna-content-list.third-group .third-group-left {
    width: 75%;
  }
}
.sna-content-list.third-group .third-group-left .sna-content-list-item {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
  padding-bottom: 1.25rem;
}
@media only print, screen and (min-width:820px) {
  .sna-content-list.third-group .third-group-left .sna-content-list-item {
    width: 25%;
  }
}
@media only print, screen and (min-width:768px) and (max-width:819px) {
  .sna-content-list.third-group .third-group-left .sna-content-list-item {
    width: 50%;
  }
}
@media only print, screen and (max-width:1279px) {
  .sna-content-list.third-group .third-group-left .sna-content-list-item {
    padding-bottom: 0.625rem;
  }
  .sna-content-list.third-group .third-group-left .sna-content-list-item:nth-child(odd) {
    padding-left: 0.3125rem;
    padding-right: 0.3125rem;
  }
  .sna-content-list.third-group .third-group-left .sna-content-list-item:nth-child(even) {
    padding-right: 0.3125rem;
    padding-left: 0.3125rem;
  }
}
@media only print, screen and (min-width:768px) and (max-width:819px) {
  .sna-content-list.third-group .third-group-left .sna-content-list-item:nth-child(odd) {
    padding-right: 0;
  }
  .sna-content-list.third-group .third-group-left .sna-content-list-item:nth-child(even) {
    padding-left: 0;
  }
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .sna-content-list.third-group .third-group-left .sna-content-list-item:nth-child(4n+4) {
    padding-left: 0;
  }
  .sna-content-list.third-group .third-group-left .sna-content-list-item:nth-child(4n+5) {
    padding-right: 0;
  }
  .sna-content-list.third-group .third-group-left .sna-content-list-item:nth-child(1) {
    padding-right: 0;
  }
}
@media only print, screen and (max-width: 767px) {
  .sna-content-list.third-group .third-group-left .sna-content-list-item:nth-child(even) {
    padding-right: 0;
    padding-left: 0;
  }
  .sna-content-list.third-group .third-group-left .sna-content-list-item:nth-child(odd) {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only print, screen and (min-width:1280px) {
  .sna-content-list.third-group.no-desktop-ad .third-group-left {
    width: 100%;
  }
  .sna-content-list.third-group.no-desktop-ad .third-group-left .sna-content-list-item {
    width: 25%;
  }
}
@media only print, screen and (min-width:1280px) and (min-width:1280px) {
  .sna-content-list.third-group.no-desktop-ad .third-group-left .sna-content-list-item:nth-child(4n+1) {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  .sna-content-list.third-group.no-desktop-ad .third-group-left .sna-content-list-item:nth-child(4n+2) {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  .sna-content-list.third-group.no-desktop-ad .third-group-left .sna-content-list-item:nth-child(4n+3) {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  .sna-content-list.third-group.no-desktop-ad .third-group-left .sna-content-list-item:nth-child(4n) {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}
@media only print, screen and (min-width:1280px) and (max-width:1279px) {
  .sna-content-list.third-group.no-desktop-ad .third-group-left .sna-content-list-item:nth-child(4n+2) {
    padding-left: 0.3125rem;
    padding-right: 0.3125rem;
  }
  .sna-content-list.third-group.no-desktop-ad .third-group-left .sna-content-list-item:nth-child(4n+3) {
    padding-left: 0.3125rem;
    padding-right: 0.3125rem;
  }
  .sna-content-list.third-group.no-desktop-ad .third-group-left .sna-content-list-item:nth-child(4n) {
    padding-right: 0.3125rem;
  }
  .sna-content-list.third-group.no-desktop-ad .third-group-left .sna-content-list-item:nth-child(4n+1) {
    padding-left: 0.3125rem;
  }
}
@media only print, screen and (min-width:1280px) {
  .sna-content-list.third-group.no-desktop-ad .third-group-right {
    display: none;
  }
}
@media only print, screen and (min-width:1280px) {
  .sna-content-list.third-group.with-desktop-ad .third-group-left .sna-content-list-item:nth-child(7), .sna-content-list.third-group.with-desktop-ad .third-group-left .sna-content-list-item:nth-child(8) {
    display: none;
  }
}
@media only print, screen and (min-width:1280px) and (min-width:1280px) {
  .sna-content-list.third-group.with-desktop-ad .third-group-left .sna-content-list-item:nth-child(3n+1) {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  .sna-content-list.third-group.with-desktop-ad .third-group-left .sna-content-list-item:nth-child(3n+2) {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  .sna-content-list.third-group.with-desktop-ad .third-group-left .sna-content-list-item:nth-child(3n) {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}
@media only print, screen and (min-width:1280px) {
  .sna-content-list.third-group.with-desktop-ad .third-group-right {
    min-height: 620px;
    padding-right: 0.625rem;
  }
  .sna-content-list.third-group.with-desktop-ad .third-group-right .inside-content-dfp-default-bg {
    min-height: 620px;
    height: 100%;
  }
}
@media only print, screen and (min-width:1280px) and (max-width:1556px) {
  .sna-content-list.third-group.with-desktop-ad .third-group-left {
    max-width: calc(100% - 310px);
  }
  .sna-content-list.third-group.with-desktop-ad .third-group-right {
    min-width: 310px;
  }
}
@media only print, screen and (max-width: 767px) {
  .sna-content-list .listing-page-mobile-ad {
    position: absolute;
    visibility: hidden;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .sna-content-list .listing-page-mobile-ad-rendered {
    visibility: visible;
  }
}
.sna-content-list .sna-content-list-item {
  background-color: #1f242a;
  background-clip: content-box;
}
.sna-content-list .sna-content-list-item .content-wrapper {
  float: none !important;
}
.sna-content-list .sna-content-list-item .content-holder {
  display: block;
  height: 100%;
}
.sna-content-list .sna-content-list-item .sna-content-list-item-tmpl {
  display: block;
  height: 100%;
}
@media only print, screen and (max-width: 767px) {
  .sna-content-list .sna-content-list-item .article-title-holder {
    min-height: 0;
  }
}
@media only print, screen and (min-width:768px) {
  .sna-content-list .sna-content-list-item .article-title-holder {
    min-height: 0;
  }
}
@media screen and (min-width: 960px) {
  .sna-content-list .sna-content-list-item .article-title-holder {
    min-height: 0;
  }
}
@media only print, screen and (min-width:1280px) {
  .sna-content-list .sna-content-list-item .article-title-holder {
    min-height: 0;
  }
}
@media screen and (min-width: 1400px) {
  .sna-content-list .sna-content-list-item .article-title-holder {
    min-height: 0;
  }
}

.video-list .sna-content-list,
.image-list .sna-content-list {
  /*START:First group in Listing Page */
}
@media only print, screen and (min-width:1280px) {
  .video-list .sna-content-list.first-group .first-group-right,
  .image-list .sna-content-list.first-group .first-group-right {
    background-color: #1f242a;
  }
}

/*START:Image and video List Page Specific Styles */
@media only print, screen and (max-width: 767px) {
  .video-list .sna-content-list:first-child .first-group-right .sna-content-list-item:first-child h5,
  .video-list .sna-content-list:first-child .first-group-right .sna-content-list-item:first-child .h5,
  .image-list .sna-content-list:first-child .first-group-right .sna-content-list-item:first-child h5,
  .image-list .sna-content-list:first-child .first-group-right .sna-content-list-item:first-child .h5 {
    padding: 0;
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
    font-size: 5.64vw;
  }
}
@media only print, screen and (min-width:768px) {
  .video-list .sna-content-list:first-child .first-group-right .sna-content-list-item:first-child h5,
  .video-list .sna-content-list:first-child .first-group-right .sna-content-list-item:first-child .h5,
  .image-list .sna-content-list:first-child .first-group-right .sna-content-list-item:first-child h5,
  .image-list .sna-content-list:first-child .first-group-right .sna-content-list-item:first-child .h5 {
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
    font-size: 3.125vw;
  }
}
@media only print, screen and (min-width:1280px) {
  .video-list .sna-content-list:first-child .first-group-right .sna-content-list-item:first-child h5,
  .video-list .sna-content-list:first-child .first-group-right .sna-content-list-item:first-child .h5,
  .image-list .sna-content-list:first-child .first-group-right .sna-content-list-item:first-child h5,
  .image-list .sna-content-list:first-child .first-group-right .sna-content-list-item:first-child .h5 {
    font-size: 1.25vw;
  }
}
@media only print, screen and (min-width:1600px) {
  .video-list .sna-content-list:first-child .first-group-right .sna-content-list-item:first-child h5,
  .video-list .sna-content-list:first-child .first-group-right .sna-content-list-item:first-child .h5,
  .image-list .sna-content-list:first-child .first-group-right .sna-content-list-item:first-child h5,
  .image-list .sna-content-list:first-child .first-group-right .sna-content-list-item:first-child .h5 {
    font-size: 20px;
  }
}
@media only print, screen and (max-width: 767px) {
  .video-list .sna-content-list:first-child .first-group-right .sna-content-list-item:first-child p,
  .image-list .sna-content-list:first-child .first-group-right .sna-content-list-item:first-child p {
    font-size: 4.07vw;
  }
}
@media only print, screen and (min-width:768px) {
  .video-list .sna-content-list:first-child .first-group-right .sna-content-list-item:first-child p,
  .image-list .sna-content-list:first-child .first-group-right .sna-content-list-item:first-child p {
    font-size: 2.09vw;
  }
}
@media only print, screen and (min-width:1280px) {
  .video-list .sna-content-list:first-child .first-group-right .sna-content-list-item:first-child p,
  .image-list .sna-content-list:first-child .first-group-right .sna-content-list-item:first-child p {
    font-size: 1.1rem;
    line-height: 1.5;
  }
}
@media only print, screen and (min-width:1600px) {
  .video-list .sna-content-list:first-child .first-group-right .sna-content-list-item:first-child p,
  .image-list .sna-content-list:first-child .first-group-right .sna-content-list-item:first-child p {
    font-size: 16px;
  }
}

/*END:Image and video List Page Specific Styles */
/*START:blog list specific style */
.blog-list .sna-content-list .sna-content-list-item {
  background-color: #fff;
}
@media only print, screen and (max-width: 767px) {
  .blog-list .sna-content-list .sna-content-list-item .article-title-holder {
    padding: 0 0.625rem;
  }
}
.blog-list .sna-content-list .sna-content-list-item .content-holder {
  display: flex;
  position: relative;
  box-shadow: 0 1.5px 3px 0 rgba(0, 35, 64, 0.05);
}
@media only print, screen and (min-width:1280px) {
  .blog-list .sna-content-list .sna-content-list-item .content-holder:hover:after {
    content: " ";
    position: absolute;
    bottom: 0px;
    height: 5px;
    width: 100%;
    background-color: #AC0000;
  }
}
@media only print, screen and (min-width:820px) {
  .blog-list .sna-content-list .sna-content-list-item.item-0 {
    height: 100%;
  }
}

/*END:blog list specific style */
/*END:Listing Page Flexbox Styles */
/*START:Loader styles */
.content-list-ajax-loader {
  text-align: center;
  width: 2.5rem;
  /* height: 2.5rem; */
  margin: 0 auto;
}

/*START: css loader for load more */
.mnml-spinner {
  border-radius: 100%;
  border-style: solid;
  /*2.5 in 360 (2.5/360)*/
  border-width: 0.7vw;
  /*30px in 360 (30/360)*/
  height: 8.3vw;
  width: 8.3vw;
  -webkit-animation: basic 0.75s infinite linear;
  animation: basic 0.75s infinite linear;
  border-color: #555c78;
  border-top-color: rgba(105, 114, 146, 0.5);
  margin: 0 auto;
  max-width: 40px;
  max-height: 40px;
}

.darker-theme .mnml-spinner {
  border-color: #FFF;
  border-top-color: rgba(255, 255, 255, 0.5);
}

@media screen and (min-width: 574px) {
  .mnml-spinner {
    border-width: 3.3px;
  }
}
@-webkit-keyframes basic {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(359.9deg);
    transform: rotate(359.9deg);
  }
}
@keyframes basic {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(359.9deg);
    transform: rotate(359.9deg);
  }
}
/*END:Loader styles */
/*START:turn off the extra margin coming from video.scss line#34 */
.flexbox .compact .media.first-group, .flexbox .compact .media.second-group, .flexbox .compact .media.third-group, .flexbox .compact .media.js-group {
  margin-bottom: 0 !important;
}

/*END:turn off the extra margin coming from video.scss line#34 */
/*START:turn off the animation to prveent the jerk in the page as whole page content is animatable causing the performnace issue on scroll */
/* END: _list_page.scss */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Global Header and Footer sizes */
/*END:Global Header and Footer sizes */
/*START:Page top and bottom padding  */
/*END:Page top and bottom padding  */
/*START:Side spacings */
/*END:Side spacings */
/*START:Live stream, Radio Page Bg dark theme varaibale */
/*END:Live stream, Radio Page Bg dark theme varaibale */
/*START:Program pages color */
/*END:Program pages color */
/*START:Colors */
/*END:Colors */
/*START:tags */
/*END:tags */
/*START:Video and infographic widget width */
/*END:Video and infographic widget width */
/*START:content  top media indicator and title colors font sizes and paddings */
/*END:content  top media indicator and title colors font sizes and paddings */
/*START:special coverage bg color */
/*END:special coverage bg color */
/*START:Sna New Title colors */
/*END:Sna New Title colors */
/*START:Description fo vdoa nd ig in desktop color */
/*END:Description fo vdoa nd ig in desktop color */
/*START:section comp dark bg as in design PSD */
/*END:section comp dark bg as in design PSD */
/*START:section comp light grey bg as in design PSD */
/*END:section comp light grey bg as in design PSD */
/*START:Section each Components, Spacings between one another*/
/*END:Section each Components, Spacings between one another*/
/*START:Media Indicator and Play Icon Colors */
/*END:Media Indicator and Play Icon Colors */
/*START:small News Item Percent for media an dheadline in mobile */
/*END:small News Item Percent for media an dheadline in mobile */
/*START:Media Items spacing */
/*END:Media Items spacing */
/*START:Image gallery spacings between images */
/*END:Image gallery spacings between images */
/*START:Image gallery detail page background color */
/*END:Image gallery detail page background color */
/*START:side padding total for section pages */
/*END:side padding total for section pages */
/*START:side padding total for listing pages */
/*END:side padding total for listing pages */
/*START:Prog Page revamp(Mar-2019) */
/*END:Prog Page revamp(Mar-2019) */
/*START:Featured component and text on image comp gradient */
/*END:Featured component and text on image comp gradient */
/*START:Date color on white bg , used in section pages */
/*END:Date color on white bg , used in section pages */
/*START:Promobar height Standardization */
/*END:Promobar height Standardization */
/*START:colors added for podcast page design change in apr-2021 */
/*END:colors added for podcast page design change in apr-2021 */
.video-media sna-video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.normal_media_list_cont {
  padding: 0 10px;
}
@media only print, screen and (min-width:768px) {
  .normal_media_list_cont {
    padding: 0 0;
  }
}
@media only print, screen and (min-width:820px) {
  .normal_media_list_cont {
    padding: 0 0;
  }
}
@media only print, screen and (min-width:1280px) {
  .normal_media_list_cont {
    padding: 0 0;
  }
}
.normal_media_list_cont .normal_media_list_inner_cont {
  padding-top: 0;
}

.comp_3_three_item {
  margin-bottom: 25px;
}

.content_list_item_date_cont.on_image {
  color: #fff;
}
@media only print, screen and (max-width: 767px) {
  .content_list_item_date_cont.on_image.hide_for_mobile {
    display: none;
  }
}

/* START: New style for program episode */
html.html_programDetailPage,
html.html_segmentDetailPage,
html.html_episodeDetialPage {
  overflow-x: initial;
}
html.html_programDetailPage body,
html.html_segmentDetailPage body,
html.html_episodeDetialPage body {
  background-color: #232323;
}
/*START: issue fix:: prog detial submenu is coming on top of  notification  modal , see the card SNAREVAMP-5909
FE Web: UI issues for program page */
.sna_modal_on .programDetailPage footer,
.sna_modal_on .segmentDetailPage footer,
.sna_modal_on .episodeDetialPage footer {
  z-index: 3;
}

/*END: issue fix:: prog detial submenu is coming on top of  notification  modal , see the card  SNAREVAMP-5909
FE Web: UI issues for program page*/
.programDetailPage .sna_content_body,
.segmentDetailPage .sna_content_body,
.episodeDetialPage .sna_content_body {
  background-color: #232323;
}
.programDetailPage footer,
.segmentDetailPage footer,
.episodeDetialPage footer {
  position: relative;
  z-index: 2;
  background-color: white;
}
.programDetailPage .content_list_item,
.segmentDetailPage .content_list_item,
.episodeDetialPage .content_list_item {
  border-bottom: none;
}
.programDetailPage .content_list_item .content_list_item_date_cont,
.segmentDetailPage .content_list_item .content_list_item_date_cont,
.episodeDetialPage .content_list_item .content_list_item_date_cont {
  color: #f5f8f8;
}
.programDetailPage .content_list_item .content_list_item_headline,
.segmentDetailPage .content_list_item .content_list_item_headline,
.episodeDetialPage .content_list_item .content_list_item_headline {
  color: #FFF;
}

.program-episode-list {
  position: relative;
  z-index: 2;
  padding-bottom: 0px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
@media only print, screen and (max-width: 375px) {
  .program-episode-list {
    padding-bottom: 0px;
  }
}
@media only print, screen and (min-width:768px) {
  .program-episode-list {
    padding-bottom: 10px;
  }
}
@media only print, screen and (min-width:1280px) {
  .program-episode-list {
    padding-bottom: 20px;
  }
}
@media only print, screen and (max-width: 767px) {
  .program-episode-list {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    padding-top: 15px;
  }
}

.episode_wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  width: 100%;
  z-index: 2;
  top: 0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 10px;
}
@media only print, screen and (max-width: 375px) {
  .episode_wrapper {
    padding-bottom: 10px;
  }
}
@media only print, screen and (min-width:768px) {
  .episode_wrapper {
    padding-bottom: 0px;
  }
}
@media only print, screen and (min-width:1280px) {
  .episode_wrapper {
    padding-bottom: 0px;
  }
}
@media only print, screen and (max-width: 767px) {
  .episode_wrapper {
    width: 100vw;
    margin: 0 -10px;
  }
}
@media only print, screen and (min-width:768px) {
  .episode_wrapper {
    padding-right: 0;
  }
}
@media only print, screen and (max-width: 767px) {
  .episode_wrapper {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.episode_wrapper .episode_content {
  position: relative;
  width: 100%;
}
@media only print, screen and (min-width:768px) {
  .episode_wrapper .episode_content {
    width: 60%;
  }
}
.episode_wrapper .episode_content_inner_cont {
  position: relative;
}
.episode_wrapper .episode_content_inner_cont:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
}
.episode_wrapper .episode_content_inner_cont > .aspect_content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.episode_wrapper .episode_description {
  width: 100%;
  padding: 10px;
  align-content: flex-start;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only print, screen and (min-width:768px) {
  .episode_wrapper .episode_description {
    width: 40%;
    padding: 10px 10px 10px 10px;
  }
}
@media only print, screen and (min-width:820px) {
  .episode_wrapper .episode_description {
    padding: 15px 15px 15px 15px;
  }
}
@media only print, screen and (min-width:1280px) {
  .episode_wrapper .episode_description {
    padding: 20px 20px 20px 20px;
  }
}
.episode_wrapper .program_name {
  color: #FFF;
  font-family: HelveticaNeueBold, "Times New Roman";
  width: 100%;
  display: none;
  font-size: 1.375rem;
  padding: 10px;
  position: relative;
}
@media only print, screen and (min-width:768px) {
  .episode_wrapper .program_name {
    font-size: 1.55rem;
    padding: 10px;
  }
}
@media only print, screen and (min-width:820px) {
  .episode_wrapper .program_name {
    font-size: 32px;
    padding: 20px 10px 20px 20px;
  }
}
@media only print, screen and (min-width:820px) and (min-width:1279px) {
  .episode_wrapper .program_name {
    font-size: 36px;
  }
}
@media only print, screen and (min-width:820px) and (min-width:820px) and (max-width:1279px) {
  .episode_wrapper .program_name {
    font-size: calc(32px + (36 - 32) * (100vw - 820px) / (1279 - 820));
  }
}
@media only print, screen and (min-width:1280px) {
  .episode_wrapper .program_name {
    padding: 20px 10px 20px 20px;
    font-size: 36px;
  }
}
@media only print, screen and (min-width:1280px) and (min-width:1600px) {
  .episode_wrapper .program_name {
    font-size: 42px;
  }
}
@media only print, screen and (min-width:1280px) and (min-width:1280px) and (max-width:1600px) {
  .episode_wrapper .program_name {
    font-size: calc(36px + (42 - 36) * (100vw - 1280px) / (1600 - 1280));
  }
}
.episode_wrapper .program_name .program-name-text {
  position: relative;
  z-index: 1;
  padding-left: 10px;
  background-color: #262a36;
}
.episode_wrapper .program_name::before {
  content: "";
  height: 2px;
  width: 100%;
  position: absolute;
  top: 50%;
  background-color: rgba(93, 93, 93, 0.25);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: none;
}
.episode_wrapper .episode_headline {
  color: #FFF;
  width: 100%;
  font-family: HelveticaNeueBold;
  font-size: 1.4rem;
  margin-bottom: 10px;
}
@media only print, screen and (min-width:768px) {
  .episode_wrapper .episode_headline {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
@media only print, screen and (min-width:820px) {
  .episode_wrapper .episode_headline {
    font-size: 22px;
    margin-bottom: 10px;
  }
}
@media only print, screen and (min-width:820px) and (min-width:1279px) {
  .episode_wrapper .episode_headline {
    font-size: 24px;
  }
}
@media only print, screen and (min-width:820px) and (min-width:820px) and (max-width:1279px) {
  .episode_wrapper .episode_headline {
    font-size: calc(22px + (24 - 22) * (100vw - 820px) / (1279 - 820));
  }
}
@media only print, screen and (min-width:1280px) {
  .episode_wrapper .episode_headline {
    font-size: 28px;
    margin-bottom: 10px;
  }
}
@media only print, screen and (min-width:1280px) and (min-width:1600px) {
  .episode_wrapper .episode_headline {
    font-size: 32px;
  }
}
@media only print, screen and (min-width:1280px) and (min-width:1279px) and (max-width:1600px) {
  .episode_wrapper .episode_headline {
    font-size: calc(28px + (32 - 28) * (100vw - 1279px) / (1600 - 1279));
  }
}
.episode_wrapper .episode_summary {
  color: #fff;
  font-size: 16px;
}
@media only print, screen and (min-width:768px) {
  .episode_wrapper .episode_summary {
    font-size: 16px;
  }
}
@media only print, screen and (min-width:820px) {
  .episode_wrapper .episode_summary {
    font-size: 16px;
  }
}
@media only print, screen and (min-width:820px) and (min-width:1279px) {
  .episode_wrapper .episode_summary {
    font-size: 18px;
  }
}
@media only print, screen and (min-width:820px) and (min-width:820px) and (max-width:1279px) {
  .episode_wrapper .episode_summary {
    font-size: calc(16px + (18 - 16) * (100vw - 820px) / (1279 - 820));
  }
}
@media only print, screen and (min-width:1280px) {
  .episode_wrapper .episode_summary {
    font-size: 18px;
  }
}
@media only print, screen and (min-width:1280px) and (min-width:1600px) {
  .episode_wrapper .episode_summary {
    font-size: 20.8px;
  }
}
@media only print, screen and (min-width:1280px) and (min-width:1279px) and (max-width:1600px) {
  .episode_wrapper .episode_summary {
    font-size: calc(18px + (20.8 - 18) * (100vw - 1279px) / (1600 - 1279));
  }
}
.episode_wrapper .sna_content_head_date_icon {
  color: #f5f8f8;
  font-size: 14px;
  top: 1px;
}
@media only print, screen and (min-width:768px) {
  .episode_wrapper .sna_content_head_date_icon {
    top: 0px;
    font-size: 14px;
  }
}
@media only print, screen and (min-width:820px) {
  .episode_wrapper .sna_content_head_date_icon {
    font-size: 14px;
  }
}
@media only print, screen and (min-width:1280px) {
  .episode_wrapper .sna_content_head_date_icon {
    font-size: 16px;
  }
}
.episode_wrapper .sna_content_head_date {
  color: #f5f8f8;
  font-size: 16px;
}
@media only print, screen and (min-width:768px) {
  .episode_wrapper .sna_content_head_date {
    font-size: 14px;
  }
}
@media only print, screen and (min-width:820px) {
  .episode_wrapper .sna_content_head_date {
    font-size: 16px;
  }
}
@media only print, screen and (min-width:1280px) {
  .episode_wrapper .sna_content_head_date {
    font-size: 16px;
  }
}

.episode_content .episode-video-player, .episode_content .episode_img {
  position: absolute;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
}

.episode_sharing {
  padding-top: 20px;
}

/*START:title for prog components which is similar to section title big font */
.prog_comp_title {
  position: relative;
  color: #FFF;
  font-family: HelveticaNeueBold, "Times New Roman";
  font-size: 22px;
  padding-right: 6px;
  margin: 0  0  10px  0;
  padding-left: 0;
}
@media only print, screen and (max-width: 375px) {
  .prog_comp_title {
    font-size: 22px;
  }
}
@media only print, screen and (min-width:768px) {
  .prog_comp_title {
    font-size: 40px;
  }
}
@media only print, screen and (min-width:1280px) {
  .prog_comp_title {
    font-size: 40px;
  }
}
@media only print, screen and (max-width: 375px) {
  .prog_comp_title {
    padding-right: 6px;
  }
}
@media only print, screen and (min-width:768px) {
  .prog_comp_title {
    padding-right: 6px;
  }
}
@media only print, screen and (min-width:1280px) {
  .prog_comp_title {
    padding-right: 8px;
  }
}
@media only print, screen and (min-width:768px) {
  .prog_comp_title {
    margin: 0  0  15px  0;
  }
}
@media only print, screen and (min-width:820px) {
  .prog_comp_title {
    margin: 0  0  15px  0;
  }
}
@media only print, screen and (min-width:1280px) {
  .prog_comp_title {
    margin: 0 0 20px 0;
  }
}
.prog_comp_title .prog_comp_title_text::after {
  content: " ";
  width: 35px;
  background-image: url(../assets/img/svg-icons/content_go_arrow_white.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px 20px;
  margin-right: 10px;
  display: none;
}
@media only print, screen and (max-width: 767px) {
  .prog_comp_title .prog_comp_title_text::after {
    width: 32px;
    background-size: 13px 15px;
  }
}

.prog_comp_title_text {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  text-decoration: none;
  color: #FFF;
  padding: 0 10px;
  width: max-content;
}
.prog_comp_title_text:hover {
  text-decoration: none;
  color: #FFF;
}

.prog_comp_title:before {
  content: " ";
  top: 10px;
  right: 0;
  display: block;
  position: absolute;
  background-clip: content-box;
  width: 7px;
  height: calc(100% - 20px);
  background: #AC0000;
}
@media only print, screen and (max-width: 767px) {
  .prog_comp_title:before {
    top: 0;
    height: 100%;
    width: 6px;
  }
}

/*END:title for prog components which is similar to section title big font */
/*START:title for prog components which is similar to section title big font */
.sna_section_title_3 {
  position: relative;
  color: #232323;
  font-family: HelveticaNeueBold, "Times New Roman";
  font-size: 22px;
  padding-right: 6px;
  margin: 10px  0  10px  0;
  padding-left: 0;
}
@media only print, screen and (max-width: 375px) {
  .sna_section_title_3 {
    font-size: 22px;
  }
}
@media only print, screen and (min-width:768px) {
  .sna_section_title_3 {
    font-size: 40px;
  }
}
@media only print, screen and (min-width:1280px) {
  .sna_section_title_3 {
    font-size: 40px;
  }
}
@media only print, screen and (max-width: 375px) {
  .sna_section_title_3 {
    padding-right: 6px;
  }
}
@media only print, screen and (min-width:768px) {
  .sna_section_title_3 {
    padding-right: 6px;
  }
}
@media only print, screen and (min-width:1280px) {
  .sna_section_title_3 {
    padding-right: 8px;
  }
}
@media only print, screen and (min-width:768px) {
  .sna_section_title_3 {
    margin: 15px  0  15px  0;
  }
}
@media only print, screen and (min-width:820px) {
  .sna_section_title_3 {
    margin: 15px  0  15px  0;
  }
}
@media only print, screen and (min-width:1280px) {
  .sna_section_title_3 {
    margin: 20px 0 20px 0;
  }
}
.sna_section_title_3 .sna_section_title_3_text::after {
  content: " ";
  width: 35px;
  background-image: url(../assets/img/svg-icons/content_go_arrow.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px 20px;
  margin-right: 10px;
}
@media only print, screen and (max-width: 767px) {
  .sna_section_title_3 .sna_section_title_3_text::after {
    width: 32px;
    background-size: 13px 15px;
  }
}

.sna_section_title_3_text {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  text-decoration: none;
  color: #232323;
  padding: 0 10px;
  width: max-content;
}
.sna_section_title_3_text:hover {
  text-decoration: none;
  color: #232323;
}

.sna_section_title_3:before {
  content: " ";
  top: 10px;
  right: 0;
  display: block;
  position: absolute;
  background-clip: content-box;
  width: 7px;
  height: calc(100% - 20px);
  background: #AC0000;
}
@media only print, screen and (max-width: 767px) {
  .sna_section_title_3:before {
    top: 0;
    height: 100%;
    width: 6px;
  }
}

/*END:title for prog components which is similar to section title big font */
/*START:Minimal spinner color change for this dark theme page */
.mnml-spinner {
  border-color: rgba(255, 255, 255, 0.76);
  border-top-color: rgba(255, 255, 255, 0.5);
}
@media only print, screen and (max-width: 767px) {
  .mnml-spinner {
    margin-bottom: 20px;
  }
}

/*END:Minimal spinner color change for this dark theme page */
/*START:Program episode list and single item style */
.content_list_item .img-placeholder {
  height: 100%;
}
.content_list_item:hover, .content_list_item:active, .content_list_item:focus {
  background-color: transparent;
}
@media only print, screen and (min-width:1280px) and (any-pointer: fine) and (any-hover: hover) {
  .content_list_item:hover, .content_list_item:active, .content_list_item:focus {
    background-color: #262a36;
  }
}

/*START:Play now overlay */
.now_playing {
  display: none;
}

.current_playing_item .now_playing {
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}
@media only print, screen and (max-width:819px) {
  .current_playing_item .now_playing {
    height: calc(100% + 1px);
  }
}
@media only print, screen and (min-width:768px) {
  .current_playing_item .now_playing {
    font-size: 20px;
  }
}
@media only print, screen and (min-width:820px) {
  .current_playing_item .now_playing {
    font-size: 20px;
  }
}
@media only print, screen and (min-width:1280px) {
  .current_playing_item .now_playing {
    font-family: HelveticaNeueBold;
    font-size: 20px;
  }
}

/*END:Play now overlay */
/*START:More Menu for segment */
.prog_menu .header_links_with_sub_menu_icon {
  fill: white;
}
.prog_menu .menu_links_secondary {
  background: #262a35;
}
@media only print, screen and (min-width:820px) and (any-pointer: fine) and (any-hover: hover) {
  .prog_menu .menu_links_secondary .header_links_item:hover:after {
    background-color: #AC0000;
  }
}

/*END:More Menu for segment */
/*END:Program episode list and single item style */
/*START:styles for prog detail page with segment */
@media only print, screen and (min-width:768px) and (max-width:819px) {
  .prog_page_with_segment .more_media_items_cont {
    padding-top: 10px;
  }
}

/*END:styles for prog detail page with segment */
/*START:Program top with time and img */
@font-face {
  font-family: "HelveticaNeueReg";
  font-display: swap;
  src: url("sna-font/HelveticaNeueW23forSKY-Reg_T02.eot"), url("sna-font/HelveticaNeueW23forSKY-Reg_T02.eot?#iefix") format("embedded-opentype"), url("sna-font/HelveticaNeueMEforSKYW21-Rg_web.woff2") format("woff2"), url("sna-font/HelveticaNeueMEforSKYW21-Rg_web.woff") format("woff"), url("sna-font/HelveticaNeueMEforSKYW21-Rg_web.ttf") format("truetype"), url("sna-font/HelveticaNeueW23forSKY-Reg_T02.svg#HelveticaNeueW23forSKY-Reg_T02") format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "HelveticaNeueBold";
  font-display: swap;
  src: url("sna-font/HelveticaNeueW23forSKY-Bd_T02.eot"), url("sna-font/HelveticaNeueW23forSKY-Bd_T02.eot?#iefix") format("embedded-opentype"), url("sna-font/HelveticaNeueMEforSKYW21-Bd_web.woff2") format("woff2"), url("sna-font/HelveticaNeueMEforSKYW21-Bd_web.woff") format("woff"), url("sna-font/HelveticaNeueMEforSKYW21-Bd_web.ttf") format("truetype"), url("sna-font/HelveticaNeueW23forSKY-Bd_T02.svg#HelveticaNeueW23forSKY-Bd_T02") format("svg");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "sna-icons";
  font-display: block;
  src: url("sna-icons/snaicons.eot"), url("sna-icons/snaicons.eot?#iefix") format("embedded-opentype"), url("sna-icons/snaicons.woff2") format("woff2"), url("sna-icons/snaicons.woff") format("woff"), url("sna-icons/snaicons.ttf") format("truetype"), url("sna-icons/snaicons.svg#snaicons") format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "sna-icons2";
  font-display: block;
  src: url("sna-icons/snaicons2.eot"), url("sna-icons/snaicons2.eot?#iefix") format("embedded-opentype"), url("sna-icons/snaicons2.woff2") format("woff2"), url("sna-icons/snaicons2.woff") format("woff"), url("sna-icons/snaicons2.ttf") format("truetype"), url("sna-icons/snaicons2.svg#snaicons") format("svg");
  font-weight: 400;
  font-style: normal;
}
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
.faded {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.center {
  display: table;
  margin: 0 auto;
}

/*START:Flexbox Mixins */
/*END:Flexbox Mixins */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Flexbox Mixins */
/*END:Flexbox Mixins */
/*START:Aspect Ratio Mixins */
/*END:Aspect Ratio Mixins */
/*START:COLOR HEADER */
/*END:COLOR HEADER */
/*START:Load More Button */
/*END:Load More Button */
/*START:Big title used in video, info, prog and topic */
/*END:Big title used in video, info, prog and topic */
/*START:Responsive Property additions */
/*END:Responsive Property additions */
/*START:Play Icon For the Section Pages, blue icon */
/*END:Play Icon For the Section Pages, blue icon */
/*START:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*END:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*START:mixin for the dark component padding */
/*END:mixin for the dark component padding */
/*START:mixin for the dark component's inner container padding */
/*END:mixin for the dark component's inner container padding */
/*START:mixin for the button , which on hover adds the bg shadow */
/*END:mixin for the button , which on hover adds the bg shadow */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Global Header and Footer sizes */
/*END:Global Header and Footer sizes */
/*START:Page top and bottom padding  */
/*END:Page top and bottom padding  */
/*START:Side spacings */
/*END:Side spacings */
/*START:Live stream, Radio Page Bg dark theme varaibale */
/*END:Live stream, Radio Page Bg dark theme varaibale */
/*START:Program pages color */
/*END:Program pages color */
/*START:Colors */
/*END:Colors */
/*START:tags */
/*END:tags */
/*START:Video and infographic widget width */
/*END:Video and infographic widget width */
/*START:content  top media indicator and title colors font sizes and paddings */
/*END:content  top media indicator and title colors font sizes and paddings */
/*START:special coverage bg color */
/*END:special coverage bg color */
/*START:Sna New Title colors */
/*END:Sna New Title colors */
/*START:Description fo vdoa nd ig in desktop color */
/*END:Description fo vdoa nd ig in desktop color */
/*START:section comp dark bg as in design PSD */
/*END:section comp dark bg as in design PSD */
/*START:section comp light grey bg as in design PSD */
/*END:section comp light grey bg as in design PSD */
/*START:Section each Components, Spacings between one another*/
/*END:Section each Components, Spacings between one another*/
/*START:Media Indicator and Play Icon Colors */
/*END:Media Indicator and Play Icon Colors */
/*START:small News Item Percent for media an dheadline in mobile */
/*END:small News Item Percent for media an dheadline in mobile */
/*START:Media Items spacing */
/*END:Media Items spacing */
/*START:Image gallery spacings between images */
/*END:Image gallery spacings between images */
/*START:Image gallery detail page background color */
/*END:Image gallery detail page background color */
/*START:side padding total for section pages */
/*END:side padding total for section pages */
/*START:side padding total for listing pages */
/*END:side padding total for listing pages */
/*START:Prog Page revamp(Mar-2019) */
/*END:Prog Page revamp(Mar-2019) */
/*START:Featured component and text on image comp gradient */
/*END:Featured component and text on image comp gradient */
/*START:Date color on white bg , used in section pages */
/*END:Date color on white bg , used in section pages */
/*START:Promobar height Standardization */
/*END:Promobar height Standardization */
/*START:colors added for podcast page design change in apr-2021 */
/*END:colors added for podcast page design change in apr-2021 */
/*START:Episode Timing Component */
.episode_item_top {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  color: rgba(255, 255, 255, 0.8);
}
@media only print, screen and (min-width:1280px) {
  .episode_item_top {
    width: 100%;
    height: 35%;
  }
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .episode_item_top {
    width: 35%;
  }
}
@media only print, screen and (max-width: 767px) {
  .episode_item_top {
    width: 100%;
  }
}

.ep_top_right {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 40%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  background-color: #BDBDBD;
}
@media only print, screen and (max-width:1279px) {
  .ep_top_right {
    width: 70px;
  }
}

.ep_top_time_cont_1 {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  align-items: center;
  width: 50%;
  justify-content: center;
  border-left: 1px solid rgba(255, 255, 255, 0.4);
}
@media only print, screen and (min-width:1280px) {
  .ep_top_time_cont_1 {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
  }
}
@media only print, screen and (max-width:1279px) {
  .ep_top_time_cont_1 {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
}
@media only print, screen and (max-width: 767px) {
  .ep_top_time_cont_1 {
    padding-left: 0;
    border-left: none;
    border-left: 1px solid #666a76;
  }
}
.ep_top_time_cont_1 > div {
  text-align: center;
}

.ep_top_time_cont_2 {
  padding-right: 7px;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  align-items: center;
  width: 50%;
  justify-content: center;
}
@media only print, screen and (min-width:1280px) {
  .ep_top_time_cont_2 {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
  }
}
@media only print, screen and (max-width:1279px) {
  .ep_top_time_cont_2 {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
}
@media only print, screen and (max-width: 767px) {
  .ep_top_time_cont_2 {
    padding-right: 0;
  }
}
.ep_top_time_cont_2 > div {
  text-align: center;
}

.ep_top_zone {
  line-height: 1;
  padding-bottom: 10px;
  padding-top: 10px;
  text-align: center;
  font-size: 1rem;
}
@media only print, screen and (max-width: 375px) {
  .ep_top_zone {
    font-size: 0.85rem;
  }
}
@media only print, screen and (min-width:768px) {
  .ep_top_zone {
    font-size: 1.1rem;
  }
}
@media only print, screen and (min-width:1280px) {
  .ep_top_zone {
    font-size: 1.1rem;
  }
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .ep_top_zone {
    padding: 0 0 0 10px;
  }
}

.ep_top_time {
  line-height: 1;
  padding-bottom: 10px;
  text-align: center;
  font-size: 1.1rem;
}
@media only print, screen and (max-width: 375px) {
  .ep_top_time {
    font-size: 1rem;
  }
}
@media only print, screen and (min-width:768px) {
  .ep_top_time {
    font-size: 1.55rem;
  }
}
@media only print, screen and (min-width:1280px) {
  .ep_top_time {
    font-size: 1.6rem;
  }
}
@media only print, screen and (max-width:1279px) {
  .ep_top_time {
    padding: 0;
  }
}

@media only print, screen and (max-width: 767px) {
  .episode_item:first-child .ep_top_right {
    width: 120px;
  }
  .episode_item:first-child .ep_top_time_cont_1,
  .episode_item:first-child .ep_top_time_cont_2 {
    width: 50%;
  }
}

/*END:Episode Timing Component */
.program_detail_top {
  padding-bottom: 15px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only print, screen and (max-width: 375px) {
  .program_detail_top {
    padding-bottom: 15px;
  }
}
@media only print, screen and (min-width:768px) {
  .program_detail_top {
    padding-bottom: 10px;
  }
}
@media only print, screen and (min-width:1280px) {
  .program_detail_top {
    padding-bottom: 20px;
  }
}
.program_detail_top .program_main_image {
  position: relative;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 66.6666666667%;
  overflow: hidden;
}
.program_detail_top .program_main_image:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 30.6873184898%;
}
.program_detail_top .program_main_image > .aspect_content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
@media only print, screen and (max-width:1279px) {
  .program_detail_top .program_main_image {
    width: 100%;
  }
}
.program_detail_top .program_details {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 33.3333333333%;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 1rem;
}
@media only print, screen and (max-width:1279px) {
  .program_detail_top .program_details {
    width: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
}
@media only print, screen and (min-width:1280px) {
  .program_detail_top .program_details {
    flex-direction: column;
  }
}
@media only print, screen and (max-width: 375px) {
  .program_detail_top .program_details {
    font-size: 1rem;
  }
}
@media only print, screen and (min-width:768px) {
  .program_detail_top .program_details {
    font-size: 1.1rem;
  }
}
@media only print, screen and (min-width:1280px) {
  .program_detail_top .program_details {
    font-size: 1.275rem;
  }
}
.program_detail_top .program_details .program_description {
  background: #f1f2f4;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 10px;
}
@media only print, screen and (max-width: 375px) {
  .program_detail_top .program_details .program_description {
    padding: 10px;
  }
}
@media only print, screen and (min-width:768px) {
  .program_detail_top .program_details .program_description {
    padding: 10px;
  }
}
@media only print, screen and (min-width:1280px) {
  .program_detail_top .program_details .program_description {
    padding: 20px;
  }
}
@media only print, screen and (min-width:1280px) {
  .program_detail_top .program_details .program_description {
    width: 100%;
    height: 65%;
  }
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .program_detail_top .program_details .program_description {
    width: 65%;
  }
}
@media only print, screen and (max-width: 767px) {
  .program_detail_top .program_details .program_description {
    width: 100%;
    order: 1;
  }
}
.program_detail_top .program_details .program_description .program_description_content {
  color: #2F353E;
  font-size: 1rem;
}
@media only print, screen and (max-width: 375px) {
  .program_detail_top .program_details .program_description .program_description_content {
    font-size: 1rem;
  }
}
@media only print, screen and (min-width:768px) {
  .program_detail_top .program_details .program_description .program_description_content {
    font-size: 1.1rem;
  }
}
@media only print, screen and (min-width:1280px) {
  .program_detail_top .program_details .program_description .program_description_content {
    font-size: 1.275rem;
  }
}
.program_detail_top .program_details .ep_top_day {
  text-align: center;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
  line-height: 1;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 0;
  background: #cccfd7;
  color: #2F353E;
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .program_detail_top .program_details .ep_top_day {
    min-height: 40px;
    line-height: 40px;
  }
}
@media only print, screen and (max-width: 767px) {
  .program_detail_top .program_details .ep_top_day {
    width: 33.333%;
    height: 40px;
    line-height: 40px;
  }
}
.program_detail_top .program_details .ep_top_time_cont {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  background: #4c515e;
  color: #e6e6e6;
}
@media only print, screen and (max-width:1279px) {
  .program_detail_top .program_details .ep_top_time_cont {
    padding: 10px 10px;
  }
}
@media only print, screen and (max-width: 767px) {
  .program_detail_top .program_details .ep_top_time_cont {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 66.666%;
    padding: 0;
  }
}

.episode_detail_top_cont {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.episode_detail_top_cont .program_detail_top {
  background-color: #232323;
}
.episode_detail_top_cont .program_detail_top {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
}
@media only print, screen and (min-width:768px) {
  .episode_detail_top_cont .program_detail_top {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
}
@media only print, screen and (min-width:820px) {
  .episode_detail_top_cont .program_detail_top {
    width: 100%;
  }
}
@media only print, screen and (min-width:1280px) {
  .episode_detail_top_cont .program_detail_top {
    width: 60%;
  }
}

@media only print, screen and (max-width:1279px) {
  .episode_item_top {
    width: 100%;
    height: 35%;
  }
}

@media only print, screen and (max-width: 767px) {
  .ep_top_time_cont_1 {
    width: 50%;
    border-left: 1px solid rgba(255, 255, 255, 0.4);
  }
}

@media only print, screen and (max-width: 767px) {
  .ep_top_time_cont_2 {
    width: 50%;
  }
}

@media only print, screen and (max-width:1279px) {
  .ep_top_zone {
    padding-bottom: 10px;
    padding-top: 10px;
  }
}

@media only print, screen and (max-width:1279px) {
  .ep_top_time {
    padding-bottom: 10px;
  }
}

@media only print, screen and (max-width: 767px) {
  .episode_item:first-child .ep_top_right {
    width: 120px;
  }
  .episode_item:first-child .ep_top_time_cont_1,
  .episode_item:first-child .ep_top_time_cont_2 {
    width: 50%;
  }
}

.program_detail_top {
  padding-bottom: 10px;
}
@media only print, screen and (max-width: 375px) {
  .program_detail_top {
    padding-bottom: 10px;
  }
}
@media only print, screen and (min-width:768px) {
  .program_detail_top {
    padding-bottom: 15px;
  }
}
@media only print, screen and (min-width:1280px) {
  .program_detail_top {
    padding-bottom: 15px;
  }
}
.program_detail_top .program_main_image {
  width: 35%;
  overflow: hidden;
}
@media only print, screen and (min-width:820px) and (max-width:1279px) {
  .program_detail_top .program_main_image {
    width: 30%;
  }
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .program_detail_top .program_main_image {
    width: 30%;
  }
}
@media only print, screen and (max-width: 767px) {
  .program_detail_top .program_main_image {
    width: 35%;
  }
}
.program_detail_top .program_details {
  width: 65%;
}
@media only print, screen and (min-width:820px) and (max-width:1279px) {
  .program_detail_top .program_details {
    width: 70%;
  }
}
@media only print, screen and (max-width:1279px) {
  .program_detail_top .program_details {
    width: 70%;
  }
}
@media only print, screen and (max-width: 767px) {
  .program_detail_top .program_details {
    width: 65%;
  }
}
.program_detail_top .program_details .episode_item_top {
  height: 100%;
}
@media only print, screen and (max-width: 767px) {
  .program_detail_top .program_details .episode_item_top {
    width: 100%;
  }
}
.program_detail_top .program_details .episode_item_top .ep_top_day {
  width: 25%;
  background: #404040;
  color: #e6e6e6;
}
@media only print, screen and (max-width: 767px) {
  .program_detail_top .program_details .episode_item_top .ep_top_day {
    width: 100%;
    height: auto;
    line-height: 1;
  }
}
@media only print, screen and (min-width:1280px) {
  .program_detail_top .program_details .episode_item_top .ep_top_day {
    line-height: 1.2;
  }
}
.program_detail_top .program_details .episode_item_top .ep_top_time_cont {
  width: 75%;
  background-color: #2d2d2d;
  color: #e6e6e6;
}
@media only print, screen and (max-width: 767px) {
  .program_detail_top .program_details .episode_item_top .ep_top_time_cont {
    width: 100%;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding-bottom: 3px;
  }
}

@media only print, screen and (max-width: 767px) {
  .ep_top_time,
  .ep_top_zone {
    font-size: 14px;
  }
}

/*END:Program top with time and img */
/*START:Ads Custom padding styles*/
.dfp_halfpage_ad_listing_page_mobile.ad-served-from-dfp > div {
  margin-bottom: 20px;
}

.dfp-ad-desktop-list-page-ldb-2 .ad-served-from-dfp {
  padding-top: 10px;
}

/*END:Ads Custom padding styles*/
.fixed-bottom-left {
  z-index: 2;
}

/* END: New style for program episode */
/*START:Program mid menu for desktop */
.prog_links_cont {
  margin: 20px auto 0;
  position: -webkit-sticky;
  position: sticky;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  top: 0px;
  z-index: 3;
  color: white;
  display: none;
}
@media only print, screen and (min-width:768px) {
  .prog_links_cont {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
}
@media only print, screen and (min-width:820px) {
  .prog_links_cont {
    min-height: 56px;
  }
}
@media only print, screen and (min-width:1280px) {
  .prog_links_cont {
    min-height: 61px;
  }
}

.prog_menu {
  background-color: #2d2d2d;
}
@media only print, screen and (min-width:768px) {
  .prog_menu {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
  }
}
@media only print, screen and (min-width:768px) {
  .prog_menu .menu_links_main {
    width: 100%;
    max-width: none;
    justify-content: flex-start;
  }
}

@media only print, screen and (min-width:820px) and (max-width:1279px) {
  .prog_menu.prog_menu_with_more_than_7_item .menu_links_main {
    justify-content: space-between;
  }
}

@media only print, screen and (min-width:1280px) {
  .prog_menu.prog_menu_with_gt_eq_9_item .menu_links_main {
    justify-content: space-between;
  }
}

.prog_menu .menu_links_secondary {
  left: 0;
  right: initial;
}
.prog_menu .header_links_with_sub_menu:hover, .prog_menu .header_links_with_sub_menu:active, .prog_menu .header_links_with_sub_menu:focus {
  background-color: #262a35;
}
.prog_menu .header_links_with_sub_menu:hover .sec_header_links_item, .prog_menu .header_links_with_sub_menu:active .sec_header_links_item, .prog_menu .header_links_with_sub_menu:focus .sec_header_links_item {
  color: white;
}

@media only print, screen and (min-width:1280px) {
  #prog_links_cont .header_links_item > a {
    -webkit-font-smoothing: initial !important;
  }
}

#prog_links_cont .menu_links_main > .header_links_item {
  padding: 10px 20px 5px 20px;
}
#prog_links_cont .menu_links_main > .header_links_item.active > a, #prog_links_cont .menu_links_main > .header_links_item:hover > a, #prog_links_cont .menu_links_main > .header_links_item:active > a, #prog_links_cont .menu_links_main > .header_links_item:focus > a {
  border-bottom-color: #AC0000;
}
#prog_links_cont .menu_links_main > .header_links_item:first-child {
  padding: 10px 10px 5px 20px;
}

#prog_links_cont .menu_links_secondary .header_links_item {
  padding: 10px 5px 5px 0;
}
#prog_links_cont .menu_links_secondary .header_links_item.active, #prog_links_cont .menu_links_secondary .header_links_item:hover, #prog_links_cont .menu_links_secondary .header_links_item:active, #prog_links_cont .menu_links_secondary .header_links_item:focus {
  border-bottom-color: transparent;
}

/*END:Program mid menu for desktop */
/*START:QAM For Program, some customisations */
@media only print, screen and (max-width:819px) {
  .qa_outer_cont {
    display: block;
  }
}

/*END:QAM For Program, some customisations */

/*# sourceMappingURL=program.css.map */