@charset "UTF-8";
@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 */
/*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 */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
body, input {
  font-family: "HelveticaNeueReg";
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: middle;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

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

img {
  color: transparent;
}

.sna-flex {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.sna-flex-wrap {
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

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

.sna-flex-item {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}

.hidden {
  display: none !important;
}

.invisible {
  visibility: hidden;
}

.noscroll {
  overflow: hidden !important;
}

.text_align_center {
  text-align: center;
}

/* START: Add h1 to all pages */
.page-header-hidden {
  font-size: 0;
  width: 1px;
  height: 1px;
  display: inline-block;
  overflow: hidden;
  position: absolute !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  clip: rect(1px, 1px, 1px, 1px);
}

/* END: Add h1 to all pages */
/*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 */
.news-ticker-area .ticker-holder .newsticker {
  margin: 0;
}

.news-ticker-area .ticker-holder {
  padding: 0;
}

.faded {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

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

/*START:Flexbox Mixins */
/*END:Flexbox Mixins */
.news-ticker-area {
  z-index: 2;
}
.news-ticker-area .ticker-buttons {
  margin: 0.5rem 0 0;
}
.news-ticker-area .ticker-buttons li {
  margin-right: 0;
  float: left !important;
}
@media only print, screen and (min-width:48em) {
  .news-ticker-area .ticker-buttons li {
    margin-left: 0.75rem;
  }
}
@media only print, screen and (min-width:79.9377em) {
  .news-ticker-area .ticker-buttons li {
    margin-left: 0.625rem;
  }
}
@media only print, screen and (min-width:48em) {
  .news-ticker-area .ticker-buttons li:first-child {
    margin-left: 1.25rem;
  }
}
@media only print, screen and (min-width:79.9377em) {
  .news-ticker-area .ticker-buttons li:first-child {
    margin-left: 1.25rem;
  }
}
.news-ticker-area .ticker-buttons li a {
  background: #454b55;
  color: #ffffff;
  font-size: 0.8125rem;
  padding: 0.25rem 0.25rem;
  text-align: center;
  display: table;
}
.news-ticker-area .ticker-buttons li a i {
  display: table-cell;
  vertical-align: middle;
  line-height: 1;
}
.news-ticker-area .ticker-holder {
  width: calc(100% - 56px);
  margin-right: 56px;
  z-index: 1;
}
@media only print, screen and (min-width:48em) {
  .news-ticker-area .ticker-holder {
    width: calc(100% - 5.125rem);
    margin-right: 5.125rem;
  }
}
@media only print, screen and (min-width:79.9377em) {
  .news-ticker-area .ticker-holder {
    width: calc(100% - 5.125rem);
    margin-right: 5.125rem;
  }
}
.news-ticker-area .ticker-holder .tickercontainer {
  height: auto !important;
}
.news-ticker-area .ticker-holder .tickercontainer, .news-ticker-area .ticker-holder .ticker-inner-container {
  direction: rtl;
  float: right;
  overflow: hidden;
}
.news-ticker-area .ticker-holder .newsticker {
  position: relative;
}
.news-ticker-area .ticker-holder .newsticker li {
  float: right;
  position: relative;
  white-space: nowrap;
  display: inline-block;
  font-family: HelveticaNeueBold, "Times New Roman";
}
.news-ticker-area .section-title {
  cursor: default;
  position: relative;
  text-align: center;
  width: auto;
  z-index: 10;
  font-family: HelveticaNeueBold, "Times New Roman";
}

.ticker-area {
  position: relative;
  overflow: hidden;
  height: 2.75rem;
}

.main-page.show-breaking-news {
  padding-bottom: 40px !important;
  padding-bottom: calc(40px + constant(safe-area-inset-bottom)) !important;
  padding-bottom: calc(40px + env(safe-area-inset-bottom)) !important;
}
@media only print, screen and (min-width:48em) {
  .main-page.show-breaking-news {
    padding-bottom: 2.75rem;
  }
}
@media only print, screen and (min-width:79.9377em) {
  .main-page.show-breaking-news {
    padding-bottom: 3rem;
  }
}

.breaking-news-ticker-area {
  z-index: 5;
  background: #F8EB20;
  width: 100%;
  margin: 0 auto;
  -webkit-transform-origin: 50% 50%;
  -moz-animation-transform-origin: 50% 50%;
  -o-animation-transform-origin: 50% 50%;
  -ms-animation-transform-origin: 50% 50%;
  animation-transform-origin: 50% 50%;
  -webkit-animation: ticker-animation ease 1s 1 forwards;
  -moz-animation: ticker-animation ease 1s 1 forwards;
  -o-animation: ticker-animation ease 1s 1 forwards;
  -ms-animation: ticker-animation ease 1s 1 forwards;
  animation: ticker-animation ease 1s 1 forwards;
}
.breaking-news-ticker-area.ticker-area, .breaking-news-ticker-area .mask, .breaking-news-ticker-area .inner-mask, .breaking-news-ticker-area .breaking-newsticker, .breaking-news-ticker-area .breaking-newsticker li, .breaking-news-ticker-area .section-title {
  height: 40px !important;
  line-height: 40px !important;
}
@media only print, screen and (min-width:48em) {
  .breaking-news-ticker-area.ticker-area, .breaking-news-ticker-area .mask, .breaking-news-ticker-area .inner-mask, .breaking-news-ticker-area .breaking-newsticker, .breaking-news-ticker-area .breaking-newsticker li, .breaking-news-ticker-area .section-title {
    height: 2.75rem;
  }
}
@media only print, screen and (min-width:79.9377em) {
  .breaking-news-ticker-area.ticker-area, .breaking-news-ticker-area .mask, .breaking-news-ticker-area .inner-mask, .breaking-news-ticker-area .breaking-newsticker, .breaking-news-ticker-area .breaking-newsticker li, .breaking-news-ticker-area .section-title {
    height: 3rem;
  }
}
.breaking-news-ticker-area ul.breaking-newsticker {
  position: relative;
  width: 1440px;
  list-style-type: none;
}
.breaking-news-ticker-area ul.breaking-newsticker li {
  margin: 0;
  line-height: 1;
  font-size: 18px;
  padding: 0 7px;
}
@media only print, screen and (min-width:48em) {
  .breaking-news-ticker-area ul.breaking-newsticker li {
    font-size: 1.25rem;
    padding: 0 0.4375rem;
  }
}
@media only print, screen and (min-width:79.9377em) {
  .breaking-news-ticker-area ul.breaking-newsticker li {
    font-size: 1.375rem;
    padding: 0 0.4375rem;
  }
}
.breaking-news-ticker-area ul.breaking-newsticker li:not(:last-child):after {
  content: " ";
  position: absolute;
  left: -2px;
  right: auto;
  background: #000000;
  height: 1.5rem;
  width: 2px;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
}
.breaking-news-ticker-area .section-title {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  color: #F8EB20;
  background: #000000;
  line-height: 1;
  font-size: 23px;
  margin-right: 0;
  width: 56px;
}
@media only print, screen and (min-width:48em) {
  .breaking-news-ticker-area .section-title {
    font-size: 1.625rem;
    margin-right: 0;
    width: 5.125rem;
  }
}
@media only print, screen and (min-width:79.9377em) {
  .breaking-news-ticker-area .section-title {
    font-size: 1.625rem;
    margin-right: 0;
    width: 5.125rem;
  }
}

#breakingNewsTicker {
  right: 0;
}

@keyframes ticker-animation {
  0% {
    opacity: 0;
    -moz-transform: translate(0px, -25px);
  }
  100% {
    opacity: 1;
    -moz-transform: translate(0px, 0px);
  }
}
@-moz-keyframes ticker-animation {
  0% {
    opacity: 0;
    -moz-transform: translate(0px, -25px);
  }
  100% {
    opacity: 1;
    -moz-transform: translate(0px, 0px);
  }
}
@-webkit-keyframes ticker-animation {
  0% {
    opacity: 0;
    -moz-transform: translate(0px, -25px);
  }
  100% {
    opacity: 1;
    -moz-transform: translate(0px, 0px);
  }
}
@-o-keyframes ticker-animation {
  0% {
    opacity: 0;
    -moz-transform: translate(0px, -25px);
  }
  100% {
    opacity: 1;
    -moz-transform: translate(0px, 0px);
  }
}
@-ms-keyframes ticker-animation {
  0% {
    opacity: 0;
    -moz-transform: translate(0px, -25px);
  }
  100% {
    opacity: 1;
    -moz-transform: translate(0px, 0px);
  }
}
.show-breaking-news .breaking-news-ticker {
  position: fixed;
  bottom: 0px;
  /*iOS < 11.2*/
  pading-bottom: constant(safe-area-inset-bottom);
  /*iOS 11.2 >*/
  padding-bottom: env(safe-area-inset-bottom);
  z-index: 5;
  width: 100%;
  background-color: rgb(255, 255, 255);
}

/*START:Page bottom and top padding, common for all page override in anypage specific css */
.sna_content_body {
  padding-top: 15px;
  padding-bottom: 0;
  min-height: calc(100vh - 44px - 950px);
}
@media only print, screen and (min-width:48em) {
  .sna_content_body {
    padding-top: 10px;
    padding-bottom: 0;
    min-height: calc(100vh - 88px - 839px);
  }
}
@media only print, screen and (min-width:820px) {
  .sna_content_body {
    padding-top: 10px;
    padding-bottom: 0;
    min-height: calc(100vh - 201px - 820px);
  }
}
@media only print, screen and (min-width: 1137px) {
  .sna_content_body {
    min-height: calc(100vh - 201px - 820px);
  }
}
@media only print, screen and (min-width:79.9377em) {
  .sna_content_body {
    padding-top: 20px;
    padding-bottom: 0px;
    min-height: calc(100vh - 206px - 409px);
  }
}

/*END:Page bottom and top padding, common for all page override in anypage specific css */
.body_content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.comp_1:not(.sna_row_release),
.comp_2:not(.sna_row_release),
.comp_3:not(.sna_row_release),
.comp_4:not(.sna_row_release),
.ig_comp:not(.sna_row_release),
.comp_6:not(.sna_row_release),
.featured_topic_comp:not(.sna_row_release),
.comp_8:not(.sna_row_release),
.comp_9:not(.sna_row_release),
.comp_10:not(.sna_row_release),
.comp_11:not(.sna_row_release),
.comp_12:not(.sna_row_release),
.comp_13:not(.sna_row_release),
.comp_14:not(.sna_row_release),
.comp_15:not(.sna_row_release),
.comp_16:not(.sna_row_release),
.comp_17:not(.sna_row_release),
.comp_18:not(.sna_row_release),
.comp_21:not(.sna_row_release),
.comp_22:not(.sna_row_release),
.comp_23:not(.sna_row_release),
.comp_24:not(.sna_row_release),
.comp_25:not(.sna_row_release),
.video_carousel_comp:not(.sna_row_release),
.video_widget_comp:not(.sna_row_release) {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
}

.sna_row_release {
  width: 100%;
}
@media only print, screen and (min-width:79.9377em) {
  .sna_row_release {
    margin-left: -10px;
    margin-right: -10px;
    width: calc(100% + 20px);
  }
}
@media only print, screen and (min-width:100em) {
  .sna_row_release {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    width: 100vw;
  }
}

.sna_row {
  margin: 0 auto;
}
@media only print, screen and (min-width:79.9377em) {
  .sna_row {
    max-width: 1440px;
  }
}

/*START:Aspect Ratio styles */
.aspect_16_9 {
  position: relative;
}
.aspect_16_9:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
}
.aspect_16_9 > .aspect_content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.aspect_16_9.aspect_16_9_with_3_img_down:before {
  padding-top: calc(56.25% + ((100% + 10px) / 3 - 10px) * 0.5625 + 10px);
}

.aspect_4_3 {
  position: relative;
}
.aspect_4_3:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 75%;
}
.aspect_4_3 > .aspect_content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.aspect_1420_435 {
  position: relative;
}
.aspect_1420_435:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 30.6338028169%;
}
.aspect_1420_435 > .aspect_content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.aspect_23_18 {
  position: relative;
}
.aspect_23_18:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 78.2608695652%;
}
.aspect_23_18 > .aspect_content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.aspect_1_2 {
  position: relative;
}
.aspect_1_2:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 200%;
}
.aspect_1_2 > .aspect_content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.aspect_5_2 {
  position: relative;
}
.aspect_5_2:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 40%;
}
.aspect_5_2 > .aspect_content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.aspect_20_7 {
  position: relative;
}
.aspect_20_7:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 35%;
}
.aspect_20_7 > .aspect_content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.aspect_1_1 {
  position: relative;
}
.aspect_1_1:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 100%;
}
.aspect_1_1 > .aspect_content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.aspect_8_9 {
  position: relative;
}
.aspect_8_9:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 112.5%;
}
.aspect_8_9 > .aspect_content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.aspect_9_16 {
  position: relative;
}
.aspect_9_16:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 177.7777777778%;
}
.aspect_9_16 > .aspect_content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.aspect_17_5 {
  position: relative;
}
.aspect_17_5:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 29.4117647059%;
}
.aspect_17_5 > .aspect_content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.aspect_25_11 {
  position: relative;
}
.aspect_25_11:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 44%;
}
.aspect_25_11 > .aspect_content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

/*END:Aspect Ratio styles */
/* START: Styles for image placeholder and main image */
.img-placeholder {
  width: 100%;
  height: auto;
}

.main-img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.main-img.vertical {
  width: auto;
  height: 100%;
  left: 50%;
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.main_img_aspect {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: auto;
}

/* END: Styles for image placeholder and main image : */
/*START:Dark Layout Page */
.liveStreamPage .sna_content_body {
  background-color: #232323;
}

/*END:Dark Layout Page */
.blockUI {
  opacity: 6;
  filter: alpha(opacity=600);
}

.blockUI.blockMsg {
  padding: 0 !important;
  margin: 0 !important;
  width: auto !important;
  top: 40% !important;
  left: 50% !important;
  text-align: center !important;
  cursor: wait !important;
  background: none !important;
  border: 0 !important;
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media only print, screen and (min-width:79.9377em) {
  body > .blockUI.blockMsg {
    margin-left: -140px !important;
    -moz-transform: translateX(50%);
    -o-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
  }
}

.no-js .lazy {
  display: none;
}

.loader-full-width {
  position: absolute;
  z-index: 5;
  width: 100%;
  height: 100%;
  background: #FFF;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  left: 0;
  justify-content: center;
  opacity: 0.9;
}
.loader-full-width.page-loader-logout {
  opacity: 0.5;
}

/* Visibility */
@media only print, screen and (min-width:79.9377em) {
  .hide_large_only {
    display: none !important;
  }
}

@media only print, screen and (max-width: 47.9375em) {
  .hide_small_only {
    display: none !important;
  }
}

@media only print, screen and (min-width:48em) and (max-width:79.9376em) {
  .hide_medium_only {
    display: none !important;
  }
}

@media only print, screen and (max-width:79.9376em) {
  .hide_medium_down {
    display: none !important;
  }
}

@media only print, screen and (min-width:48em) {
  .hide_medium_up {
    display: none !important;
  }
}

@media only print, screen and (max-width:819px) {
  .hide_tablet_down {
    display: none !important;
  }
}

@media only print, screen and (min-width:820px) and (max-width:1279px) {
  .hide_medium_laptop_only {
    display: none !important;
  }
}

.hide {
  display: none !important;
}

.fixed-bottom-left {
  height: 40px;
  width: 40px;
  background-color: #fcfdf8;
  /*display: flex;*/
  display: none;
  align-items: center;
  justify-content: center;
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 1;
}
@media only print, screen and (max-width: 47.9375em) {
  .fixed-bottom-left {
    bottom: 70px;
  }
}
@media only print, screen and (min-width:79.9377em) {
  .fixed-bottom-left {
    height: 50px;
    width: 50px;
  }
}

@media only print, screen and (max-width: 47.9375em) {
  .mobile_sticky_ldb_on .fixed-bottom-left {
    bottom: 70px;
  }
  .mobile_sticky_ldb_on.show-breaking-news .fixed-bottom-left {
    bottom: 120px;
  }
}
@media only print, screen and (min-width:48em) {
  .show-breaking-news .fixed-bottom-left {
    bottom: 50px;
  }
}
@media only print, screen and (max-width: 47.9375em) {
  .show-breaking-news .fixed-bottom-left {
    bottom: calc(50px + constant(safe-area-inset-bottom));
    bottom: calc(50px + env(safe-area-inset-bottom));
  }
}

.scroll_top {
  box-shadow: rgba(0, 0, 0, 0.29) 0px 0px 10px 0px;
}
.scroll_top img {
  cursor: pointer;
  max-width: 30px;
}
@media only print, screen and (min-width:79.9377em) and (max-width:99999999em) {
  .scroll_top img {
    max-width: 40px;
  }
}
.scroll_top .go_to_top {
  display: none;
  height: 100%;
  padding: 10px;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak, .ng-hide:not(.ng-hide-animate) {
  display: none !important;
}

ng\:form {
  display: block;
}

.ng-animate-shim {
  visibility: hidden;
}

.ng-anchor {
  position: absolute;
}

html,
body {
  overflow-x: hidden;
}

body, body .cc-message {
  font-family: "HelveticaNeueReg";
  line-height: 1.5;
}

body {
  padding-right: constant(safe-area-inset-right);
  padding-right: env(safe-area-inset-right);
  padding-left: constant(safe-area-inset-left);
  padding-left: env(safe-area-inset-left);
  background-color: #f5f8f8;
}

.body_content {
  line-height: 1.4;
}

button {
  font-family: HelveticaNeueReg;
}

* {
  box-sizing: border-box;
  line-height: 1.5;
}

a {
  text-decoration: none;
}

/*START:SNA Icon Font General Class */
.sna_font_icon {
  line-height: 1 !important;
}
.sna_font_icon:after {
  font-family: sna-icons;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-decoration: inherit;
}

/*END:SNA Icon Font General Class */
/*START:hide the modal initially */
.sna_modal_container {
  display: none;
}

/*END:hide the modal initially */
/*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:  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:Fix for iOS 13 new feature text zooming */
/*START:Fix for iOS 13 new feature text zooming */
@media screen and (max-width: 320px) {
  body.safari-browser-mobile {
    min-width: 320px;
    overflow-x: scroll !important;
  }
  .safari-browser-mobile .article-list-item.first-article-list-item .article-media,
  .safari-browser-mobile .sna_row_release.live-stream-page,
  .safari-browser-mobile .radio-stream-page .sna_row_release .radio_jw_player,
  .safari-browser-mobile .radio-stream-page .sna_row_release {
    min-width: 320px;
    margin-right: 0 !important;
    margin-left: 0 !important;
    max-width: unset !important;
  }
  .safari-browser-mobile .menu_mask, .safari-browser-mobile .header_links {
    min-width: 320px !important;
    position: absolute !important;
    overflow-x: hidden !important;
  }
  .safari-browser-mobile .header_top .logo_cont .logo {
    margin-left: 35px;
  }
}
/*END:Fix for iOS 13 new feature text zooming */
/*END:Fix for iOS 13 new feature text zooming */
/*START:header  where the logo and search comes in desktop and logo and menu btn and live in mobile */
/*START:header  where the logo and search comes in desktop and logo and menu btn and live in mobile */
.header_top_cont * {
  -webkit-font-smoothing: auto !important;
}

.header_top_cont {
  align-items: center;
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
@media only print, screen and (min-width:820px) {
  .header_top_cont {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 35px 10px 30px 10px;
    justify-content: flex-start;
  }
}
@media only print, screen and (min-width:1280px) {
  .header_top_cont {
    padding: 35px 20px 30px 20px;
  }
}

.header_top {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  padding: 13px 0;
}
@media only print, screen and (min-width:768px) {
  .header_top {
    padding: 25px 0;
  }
}
@media only print, screen and (min-width:820px) {
  .header_top {
    padding: 0;
    order: 1;
    z-index: 1;
    width: 100%;
  }
}
.header_top .logo_cont {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.header_top .logo_cont .logo {
  height: 25px;
}
@media only print, screen and (max-width:819px) {
  .header_top .logo_cont .logo {
    width: auto;
  }
}
@media only print, screen and (min-width:768px) {
  .header_top .logo_cont .logo {
    height: 38px;
  }
}
@media only print, screen and (min-width:320px) and (max-width:768px) {
  .header_top .logo_cont .logo {
    height: calc(25px + (38 - 25) * (100vw - 320px) / (768 - 320));
  }
}
@media only print, screen and (max-width: 767px) {
  .header_top .logo_cont .logo {
    height: 25px;
  }
}
@media only print, screen and (max-width: 767px) and (min-width:768px) {
  .header_top .logo_cont .logo {
    height: 26px;
  }
}
@media only print, screen and (max-width: 767px) and (min-width:320px) and (max-width:768px) {
  .header_top .logo_cont .logo {
    height: calc(25px + (26 - 25) * (100vw - 320px) / (768 - 320));
  }
}
@media only print, screen and (min-width:820px) {
  .header_top .logo_cont .logo {
    max-width: 250px;
    min-width: 230px;
    width: 22vw;
    height: auto;
  }
}

/*END:header  where the logo and search comes in desktop and logo and menu btn and live in mobile */
/*END:header  where the logo and search comes in desktop and logo and menu btn and live in mobile */
/*START:menu in mobile and tablet */
/*START:mobile menu in open state , the header will come that is repllica of actual site header */
.header_links .menu_header {
  position: relative;
  display: none;
}
@media only print, screen and (max-width:819px) {
  .header_links .menu_header {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    background-image: url(../assets/img/header/header_bg_v2.jpg);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: cover;
    justify-content: flex-start;
  }
}
.header_links .personalization_mobile_menu {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 10px;
  margin-right: auto;
}
.header_links .personalization_mobile_menu #menu_user_link {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  font-family: HelveticaNeueBold;
  color: #232323;
  font-size: 14px;
  text-decoration: none;
}
.header_links .personalization_mobile_menu #menu_user_link .menu_user_sign_in_icon_cont {
  padding-left: 5px;
}
.header_links .personalization_mobile_menu #menu_user_link .menu_user_sign_in_icon_cont .signout {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.header_links .menu_close {
  padding: 13px 10px 13px 15px;
  border: none;
  min-width: 40px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.header_links .menu_close img {
  width: 100%;
  height: 100%;
}
@media only print, screen and (min-width:820px) {
  .header_links .menu_close {
    display: none;
  }
}
.header_links .header_img {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 13px 0;
}
.header_links .header_img a {
  line-height: 0;
}
.header_links .header_img img {
  height: 25px;
}
@media only print, screen and (min-width:768px) {
  .header_links .header_img img {
    height: 26px;
  }
}
@media only print, screen and (min-width:320px) and (max-width:768px) {
  .header_links .header_img img {
    height: calc(25px + (26 - 25) * (100vw - 320px) / (768 - 320));
  }
}
@media only print, screen and (min-width:768px) {
  .header_links .header_img img {
    max-width: 250px;
  }
}
@media only print, screen and (min-width:820px) {
  .header_links .header_img {
    display: none;
  }
}

/*END:mobile menu in open state , the header will come that is repllica of actual site header */
/*START:menu in mobile and tablet */
.menu_mask {
  display: none;
  background: #212121;
  cursor: pointer;
  /* display: none;*/
  height: 100vh;
  opacity: 0.5;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10011;
}

@media only print, screen and (max-width:819px) {
  .menu_open {
    overflow: hidden;
    height: 100%;
  }
  .menu_open .menu_mask {
    display: block;
  }
  .menu_open .header_links {
    transition: all 0.25s ease-out;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.menu_icon_cont {
  cursor: pointer;
  padding-right: 10px;
  padding-left: 15px;
  padding: 13px 10px 13px 15px;
}
@media only print, screen and (min-width:820px) {
  .menu_icon_cont {
    display: none;
  }
}
.menu_icon_cont img {
  width: 100%;
  height: 100%;
}

@media only print, screen and (max-width:819px) {
  nav#site-menu {
    display: none;
  }
}

@media only print, screen and (max-width:819px) {
  .menu_open nav#site-menu {
    display: block;
  }
}

/*END:menu in mobile and tablet */
/*START:menu footer which contains social icons, only comes in mobile and tablet */
.menu-footer {
  display: none;
}
.menu-footer .footer_row_1 {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
  padding: 10px;
  align-items: center;
}
.menu-footer .footer_row_1 .footer_logo_cont {
  width: 25%;
  padding: 0;
}
.menu-footer .footer_row_1 .footer_logo_cont .footer_logo {
  width: 100%;
  height: auto;
}
.menu-footer .footer_row_1 .footer_info {
  width: 75%;
  padding: 0;
  white-space: initial;
  margin-right: 10px;
  color: #d0d0d0;
  font-size: 0.75rem;
}
@media only print, screen and (max-width: 375px) {
  .menu-footer .footer_row_1 .footer_info {
    font-size: 0.75rem;
  }
}
@media only print, screen and (min-width:768px) {
  .menu-footer .footer_row_1 .footer_info {
    font-size: 1rem;
  }
}
@media only print, screen and (min-width:1280px) {
  .menu-footer .footer_row_1 .footer_info {
    font-size: 1.275rem;
  }
}
@media only print, screen and (max-width:819px) {
  .menu-footer {
    display: block;
  }
}
.menu-footer .menu-footer-social-cont {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-around;
  flex-wrap: nowrap;
  padding: 10px 0;
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .menu-footer .menu-footer-social-cont {
    justify-content: flex-start;
    padding: 20px 20px;
  }
}
.menu-footer .menu-footer-social {
  width: 40px;
  height: 40px;
}
@media print, screen and (max-width: 420px) {
  .menu-footer .menu-footer-social {
    width: 35px;
    height: 35px;
  }
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .menu-footer .menu-footer-social {
    margin-left: 20px;
  }
}
@media only print, screen and (max-width: 767px) {
  .menu-footer .menu-footer-social {
    margin-left: 5px;
  }
}
.menu-footer .menu-footer-social svg {
  width: 100%;
  height: 100%;
  color: #232323;
}
.menu-footer .menu-footer-social.nabd {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
.menu-footer .menu-footer-social.nabd svg {
  width: 26px;
  height: 26px;
  fill: #FFF;
}

/*END:menu footer which contains social icons, only comes in mobile and tablet */
/*START:Live stream button on mobile and tablet(less than small desktop) */
.header_top_mobile_btn_cont {
  padding-left: 10px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  align-items: center;
  margin-right: auto;
}
@media only print, screen and (min-width:820px) {
  .header_top_mobile_btn_cont {
    display: none;
  }
}

.header_top_radio_btn,
.header_top_live_btn {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  color: white !important;
  font-family: HelveticaNeueBold;
  border: none;
  padding: 6px 7px;
  align-items: center;
  font-size: 13px;
  line-height: 1;
  flex: 0 0 auto;
  text-decoration: none;
}
@media only print, screen and (min-width:768px) {
  .header_top_radio_btn,
  .header_top_live_btn {
    padding: 7px 10px;
    font-size: 16px;
  }
}

.header_top_live_btn {
  background-color: #AC0000;
  margin-right: 10px;
}

.header_top_radio_btn {
  background-color: #032c67;
}
.header_top_radio_btn_icon,
.header_top_live_btn_icon {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 15px;
  height: 15px;
  fill: #FFF;
  margin-left: 4px;
  display: none;
}
@media only print, screen and (min-width:768px) {
  .header_top_radio_btn_icon,
  .header_top_live_btn_icon {
    width: 17px;
    height: 17px;
  }
}
@media screen and (min-width: 360px) {
  .header_top_radio_btn_icon,
  .header_top_live_btn_icon {
    display: block;
  }
}

/*END:Live stream button on mobile and tablet(less than small desktop) */
/*START:sub menu , expand colapse in mobile and tablet*/
@media only print, screen and (max-width:819px) {
  .header_links_with_sub_menu {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.header_links_with_sub_menu > a {
  position: relative;
}
@media only print, screen and (max-width:819px) {
  .header_links_with_sub_menu .menu_links_secondary {
    width: 100%;
    /* background-color: rgba(188, 188, 188, 0.4);*/
  }
}
@media only print, screen and (max-width:819px) and (max-width:819px) {
  .header_links_with_sub_menu .menu_links_secondary a {
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: none !important;
    font-size: 15px;
  }
}

.sub_nav_item_collapsed {
  display: none;
}

@media only print, screen and (max-width:819px) {
  .nav_item_expanded .header_links_with_sub_menu_collapsed_icon {
    -webkit-transform: translateY(-50%) rotate(180deg) !important;
    transform: translateY(-50%) rotate(180deg) !important;
    top: 50% !important;
  }
}

@media only print, screen and (max-width:819px) {
  .header_links_with_sub_menu.nav_item_expanded > a {
    padding-bottom: 8px;
  }
}

@media only print, screen and (max-width:819px) {
  .menu_links_secondary {
    background-color: #f4f5f9;
  }
}

/*END:sub menu , expand colapse in mobile and tablet*/
.mobile_menu_btn {
  border-top: none !important;
}
@media only print, screen and (min-width:820px) {
  .mobile_menu_btn {
    display: none !important;
  }
}

#menu_user_icon {
  width: 20px;
  height: 20px;
}

.header_links svg + .header_links_item {
  border-top: none;
}

@media only print, screen and (max-width:819px) {
  .header_links .header_links_item.sec_header_links_item {
    font-family: HelveticaNeueReg;
  }
}

/*END:menu in mobile and tablet */
/* START: FIX TO MENU DOUBLE TAB ISSUE ON IOS TOUCH */
@media only print, screen and (min-width:1280px), only print, screen and (min-width:820px) and (max-width:1279px) {
  .touch .header_links .menu_links_main .header_links_item a:after {
    content: "";
    display: none;
  }
  .touch .header_links .menu_links_main .header_links_item a:hover:after {
    content: "";
    display: none;
  }
}

/* END: FIX TO MENU DOUBLE TAB ISSUE ON IOS TOUCH */
.header_links {
  position: relative;
}
@media only print, screen and (max-width:819px) {
  .header_links {
    background: #f5f8f8;
    margin: 0;
    color: #000;
    font-size: 20px;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    white-space: nowrap;
    width: 100%;
    z-index: 10012;
    height: 100%;
    right: 0;
    top: 0;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@media only print, screen and (min-width:768px) and (max-width:819px) {
  .header_links {
    max-width: 425px;
  }
}
@media only print, screen and (min-width:820px) {
  .header_links {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
  }
}
.header_links .menu_links_main {
  padding: 0 10px 0;
}
@media only print, screen and (min-width:820px) {
  .header_links .menu_links_main {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 1200px;
    padding: 0 10px 0 0;
  }
}
@media only print, screen and (min-width:1280px) {
  .header_links .menu_links_main {
    width: calc(100% - 280px);
    padding: 0 20px 0;
  }
}
@media only print, screen and (min-width:820px) and (max-width:1279px) {
  .header_links .menu_links_main {
    width: calc(100% - 225px);
  }
}
@media only print, screen and (min-width:1600px) {
  .header_links .menu_links_main {
    justify-content: space-between;
  }
}
@media only print, screen and (min-width:820px) {
  .header_links .menu_links_main .profile_menu {
    display: none;
  }
}
@media only print, screen and (max-width:819px) {
  .header_links .menu_links_main .profile_menu {
    border: 0px none;
    background-color: #AC0000;
    margin-top: 20px;
  }
  .header_links .menu_links_main .profile_menu .profile_link {
    background-color: transparent;
    padding: 7.5px 20px 7px !important;
  }
  .header_links .menu_links_main .profile_menu .profile_link .login_link_img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin-left: 10px;
  }
  .header_links .menu_links_main .profile_menu .profile_link:active {
    background-color: transparent !important;
  }
  .header_links .menu_links_main .profile_menu .login_link_text {
    color: #ffffff;
    white-space: nowrap;
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
  }
  .header_links .menu_links_main .profile_menu.header_links_with_sub_menu .header_links_with_sub_menu_collapsed_icon {
    left: 4%;
  }
  .header_links .menu_links_main .profile_menu.header_links_with_sub_menu .header_links_with_sub_menu_collapsed_icon svg {
    fill: #ffffff;
  }
  .header_links .menu_links_main .profile_menu.header_links_with_sub_menu.nav_item_expanded .header_links_with_sub_menu_collapsed_icon {
    top: 40% !important;
  }
  .header_links .menu_links_main .profile_menu .header_links_item {
    font-family: HelveticaNeueBold, "Times New Roman";
  }
}
.header_links .menu_links_side {
  display: none;
  padding-left: 10px;
}
@media only print, screen and (min-width:1280px), only print, screen and (min-width:820px) and (max-width:1279px) {
  .header_links .menu_links_side {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-end;
  }
}
@media only print, screen and (min-width:1280px) {
  .header_links .menu_links_side {
    padding-left: 20px;
    width: 280px;
  }
}
@media only print, screen and (min-width:820px) and (max-width:1279px) {
  .header_links .menu_links_side {
    width: 225px;
  }
}
.header_links .header_links_item {
  padding: 14px 20px;
  cursor: pointer;
  white-space: nowrap;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  border-top: 2px solid transparent;
}
.header_links .header_links_item .icon {
  width: 70px;
  max-width: none;
  display: inline-block;
}
@media only print, screen and (max-width:819px) {
  .header_links .header_links_item {
    flex: 1 0 auto;
    width: 100%;
    border-top: 1px solid #e8e8e8;
    order: 3;
    font-size: 16px;
    padding: 0;
    font-family: HelveticaNeueBold;
  }
}
@media only print, screen and (max-width:819px) and (min-width:768px) {
  .header_links .header_links_item {
    font-size: 16px;
  }
}
@media only print, screen and (max-width:819px) and (min-width:320px) and (max-width:768px) {
  .header_links .header_links_item {
    font-size: calc(16px + (16 - 16) * (100vw - 320px) / (768 - 320));
  }
}
@media only print, screen and (max-width:819px) {
  .header_links .header_links_item:nth-last-child(2) {
    border-bottom: 1px solid #e8e8e8;
  }
}
@media only print, screen and (min-width:1600px) {
  .header_links .header_links_item:first-child {
    padding-right: 0;
  }
  .header_links .header_links_item:last-child {
    padding-left: 0;
  }
}
@media only print, screen and (min-width:820px) {
  .header_links .header_links_item {
    padding: 10px 20px 10px;
    font-family: HelveticaNeueBold;
    /*START:Menu Active/hover as the border */
    /*END:Menu Active/hover as the border */
  }
  .header_links .header_links_item:not(.search):not(.live_btn_cont):not(.radio_btn_cont):not(.bn_btn_cont):not(.notification_pref_btn_cont) {
    padding: 10px 0px 5px 0px;
  }
  .header_links .header_links_item:not(.search):not(.live_btn_cont):not(.radio_btn_cont):not(.bn_btn_cont):not(.notification_pref_btn_cont) a:not(.sec_header_links_item) {
    padding: 0 0px 5px 0px;
  }
  .header_links .header_links_item:not(.search):not(.live_btn_cont):not(.radio_btn_cont):not(.bn_btn_cont):not(.header_links_with_sub_menu):hover a:not(.sec_header_links_item), .header_links .header_links_item.active:not(.search):not(.live_btn_cont):not(.radio_btn_cont):not(.bn_btn_cont) a:not(.sec_header_links_item) {
    border-bottom: 3px solid #be2f21;
  }
}
@media only print, screen and (max-width:819px) {
  .header_links .header_links_item {
    position: relative;
  }
  .header_links .header_links_item.active:not(.search):not(.live_btn_cont):not(.radio_btn_cont):not(.sec_header_links_item) {
    color: #AC0000 !important;
  }
  .header_links .header_links_item.active:not(.search):not(.live_btn_cont):not(.radio_btn_cont):not(.sec_header_links_item) .sec_header_links_item {
    color: #AC0000 !important;
  }
  .header_links .header_links_item a:not(.live_btn):not(.radio_btn):not(.bn_btn) {
    padding: 10px 20px;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .header_links .header_links_item a:not(.live_btn):not(.radio_btn):not(.bn_btn):active {
    background-color: #dddfe6;
  }
  .header_links .header_links_item a:not(.live_btn):not(.radio_btn):not(.bn_btn).profile_link {
    padding: 20px 20px;
  }
}
.header_links .header_links_item a {
  width: 100%;
  color: inherit;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
@media only print, screen and (max-width:819px) {
  .header_links .header_links_item.header_links_more {
    display: none !important;
  }
}
.header_links .header_links_item.header_links_with_sub_menu {
  position: relative;
}
.header_links .header_links_item.header_links_with_sub_menu > a {
  padding-left: 25px !important;
}
@media only print, screen and (min-width:1280px), only print, screen and (min-width:820px) and (max-width:1279px) {
  .header_links .header_links_item.header_links_with_sub_menu > a {
    position: relative;
  }
}
.header_links .header_links_item.header_links_with_sub_menu .header_links_with_sub_menu_collapsed_icon {
  position: absolute;
  top: 60%;
  left: auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  margin-left: 5px;
}
.header_links .header_links_item.header_links_with_sub_menu .header_links_with_sub_menu_icon {
  width: 19px;
  height: 19px;
}
@media only print, screen and (max-width:819px) {
  .header_links .header_links_item.header_links_with_sub_menu .header_links_with_sub_menu_icon {
    width: 24px;
    height: 24px;
    fill: #000;
  }
}
@media only print, screen and (max-width:819px) {
  .header_links .header_links_item.header_links_with_sub_menu.active .header_links_with_sub_menu_icon {
    fill: #AC0000;
  }
}

/*START:Secondary Menu */
.menu_links_secondary {
  display: none;
  position: absolute;
  overflow: hidden;
  top: 100%;
  right: 0%;
  background: white;
  z-index: 5;
  min-width: 220px;
}
@media only print, screen and (max-width:819px) {
  .menu_links_secondary {
    position: relative;
    overflow: hidden;
  }
}
.menu_links_secondary .header_links_item {
  position: relative;
}
.menu_links_secondary .header_links_item:not(:last-child) {
  border-bottom: 1px solid rgba(210, 210, 210, 0.59);
}
@media only print, screen and (min-width:1280px), only print, screen and (min-width:820px) and (max-width:1279px) {
  .menu_links_secondary .header_links_item:hover:after {
    content: " ";
    position: absolute;
    width: 100%;
    height: 3px;
    background-color: #AC0000;
    left: 0;
    bottom: 0;
  }
}
.menu_links_secondary .logout {
  background: url(../assets/img/svg-icons/logout_v2.svg) no-repeat 20px center transparent;
  color: #AC0000;
}
.menu_links_secondary .logout span {
  color: #AC0000;
}

.header_links_with_sub_menu_icon {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

@media only print, screen and (min-width:1280px), only print, screen and (min-width:820px) and (max-width:1279px) {
  html:not(.touch) .header_links_with_sub_menu:hover .menu_links_secondary {
    display: block;
    opacity: 1;
    box-shadow: 1px 4px 4px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 1px 4px 4px rgba(0, 0, 0, 0.15);
  }
  html:not(.touch) .header_links_with_sub_menu:hover .header_links_with_sub_menu_icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

@media only print, screen and (min-width:820px) and (max-width:1279px) {
  .header_links_with_sub_menu.nav_item_expanded .menu_links_secondary {
    display: block;
    opacity: 1;
    box-shadow: 1px 4px 4px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 1px 4px 4px rgba(0, 0, 0, 0.15);
  }
  .header_links_with_sub_menu.nav_item_expanded .header_links_with_sub_menu_icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

.header_links_with_sub_menu:hover .sec_header_links_item {
  text-decoration: none;
  color: black;
}
.header_links_with_sub_menu:hover .sec_header_links_item > span {
  padding-bottom: 5px;
  padding-right: 5px;
  padding-left: 5px;
}
@media only print, screen and (max-width:819px) {
  .header_links_with_sub_menu:hover .sec_header_links_item > span {
    padding: 0;
  }
}
.header_links_with_sub_menu:hover .sec_header_links_item > span img {
  vertical-align: middle;
}

/*END:Secondary Menu */
/*START:FLYOUT VIDEO which comes in right bottom in desktop */
/*START:FLYOUT VIDEO which comes in right bottom in desktop */
.show-breaking-news .flyout_video_container {
  bottom: 45px;
}

.flyout_video_container {
  display: inline;
  position: fixed;
  bottom: 5px;
  right: 5px;
  width: 355.5555px;
  height: 200px;
  border: none;
  overflow: hidden;
  z-index: 10000;
  box-shadow: 0 0 10px grey;
  --background: url();
  background-repeat: no-repeat;
  background-size: 401px 225px;
}
.flyout_video_container .flyout_close {
  direction: ltr;
  position: absolute;
  top: 4%;
  left: 3%;
  height: 10%;
  width: 10%;
  display: inline;
  z-index: 999999;
  cursor: pointer;
}
.flyout_video_container .flyout_close img {
  height: 100%;
  width: auto;
}
.flyout_video_container .flyout_text {
  position: absolute;
  top: 3%;
  right: 4%;
  display: inline;
  z-index: 2;
  font-size: 18px;
  text-shadow: 0 0 5px black;
  color: white;
  max-width: 80%;
  cursor: pointer;
  text-align: right;
  font-family: HelveticaNeueBold;
}
.flyout_video_container .jw-icon-settings {
  display: none !important;
}

/*END:FLYOUT VIDEO which comes in right bottom in desktop */
/*END:FLYOUT VIDEO which comes in right bottom in desktop */
input::-ms-clear {
  display: none !important;
}

/*START:this items comes in more menu, only for laptop, so hide in all and in desktop these items will be there on main menu items */
.header_links .header_links_item.extra_menu_items_for_small_laptop {
  display: none;
}
@media only print, screen and (min-width:820px) and (max-width:1279px) {
  .header_links .header_links_item.extra_menu_items_for_small_laptop {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
}

/*END:this items comes in more menu, only for laptop, so hide in all and in desktop these items will be there on main menu items */
/*START:header top bar */
/*START:header top bar */
.header_top_bar {
  width: 100%;
  background: #232323;
}
@media only print, screen and (min-width:1280px) {
  .header_top_bar {
    min-height: 40px;
  }
}
@media only print, screen and (max-width:819px) {
  .header_top_bar {
    display: none;
  }
}
.header_top_bar .header_top_bar_inner_cont {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only print, screen and (min-width:820px) {
  .header_top_bar .header_top_bar_inner_cont {
    padding: 0 10px;
  }
}
@media only print, screen and (min-width:1280px) {
  .header_top_bar .header_top_bar_inner_cont {
    padding: 0 20px;
  }
}
@media only print, screen and (min-width:820px) {
  .header_top_bar .header_top_bar_inner_cont .header_top_bar_left {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: auto;
  }
}

.header_today_date {
  color: #FFF;
  font-size: 0.875rem;
}
@media only print, screen and (max-width:819px) {
  .header_today_date {
    display: none;
  }
}
@media only print, screen and (min-width:820px) {
  .header_today_date {
    padding: 5px 0 5px 20px;
  }
}
@media only print, screen and (min-width:1280px) {
  .header_today_date {
    padding: 8px 0 8px 20px;
    padding-left: 30px;
    text-align: right;
  }
}

/*START:personalization at the header topbar */
[data-is-uptodate=false] .profile_wrapper {
  position: relative;
}
[data-is-uptodate=false] .profile_wrapper:after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 4px;
  z-index: 1;
  position: absolute;
  right: -1px;
  top: -1px;
  background-color: #AC0000;
}
@media only print, screen and (max-width:819px) {
  [data-is-uptodate=false] .profile_wrapper:after {
    background-color: #ffffff;
  }
}
[data-is-uptodate=false] .settings:after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #AC0000;
  margin-right: 10px;
}

@media only print, screen and (min-width:820px) {
  .personalization_cont {
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    position: relative;
  }
}
@media only print, screen and (min-width:820px) {
  .personalization_cont .cont_wrapper {
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    justify-content: flex-start;
    padding: 5px 15px 5px 15px;
    align-items: center;
  }
  .personalization_cont .cont_wrapper img {
    width: 28px;
    height: 28px;
  }
}
@media only print, screen and (min-width:820px) and (min-width:768px) {
  .personalization_cont .cont_wrapper img {
    width: 35px;
  }
}
@media only print, screen and (min-width:820px) and (min-width:320px) and (max-width:768px) {
  .personalization_cont .cont_wrapper img {
    width: calc(28px + (35 - 28) * (100vw - 320px) / (768 - 320));
  }
}
@media only print, screen and (min-width:820px) and (min-width:768px) {
  .personalization_cont .cont_wrapper img {
    height: 35px;
  }
}
@media only print, screen and (min-width:820px) and (min-width:320px) and (max-width:768px) {
  .personalization_cont .cont_wrapper img {
    height: calc(28px + (35 - 28) * (100vw - 320px) / (768 - 320));
  }
}
@media only print, screen and (min-width:820px) and (min-width:820px) {
  .personalization_cont .cont_wrapper img {
    width: 24px;
    height: 24px;
  }
}
@media only print, screen and (min-width:820px) {
  .personalization_cont .cont_wrapper img.signout {
    width: 24px;
    height: 24px;
  }
}
@media only print, screen and (min-width:820px) and (min-width:768px) {
  .personalization_cont .cont_wrapper img.signout {
    width: 31px;
  }
}
@media only print, screen and (min-width:820px) and (min-width:320px) and (max-width:768px) {
  .personalization_cont .cont_wrapper img.signout {
    width: calc(24px + (31 - 24) * (100vw - 320px) / (768 - 320));
  }
}
@media only print, screen and (min-width:820px) and (min-width:768px) {
  .personalization_cont .cont_wrapper img.signout {
    height: 31px;
  }
}
@media only print, screen and (min-width:820px) and (min-width:320px) and (max-width:768px) {
  .personalization_cont .cont_wrapper img.signout {
    height: calc(24px + (31 - 24) * (100vw - 320px) / (768 - 320));
  }
}
@media only print, screen and (min-width:820px) and (min-width:820px) {
  .personalization_cont .cont_wrapper img.signout {
    width: 24px;
    height: 24px;
    border-radius: 50%;
  }
}
@media only print, screen and (min-width:820px) {
  .personalization_cont .cont_wrapper .login_link {
    color: #FFF;
    text-decoration: none;
    visibility: hidden;
  }
  .personalization_cont .cont_wrapper .login_link_text {
    font-family: HelveticaNeueBold, "Times New Roman";
    font-size: 14px;
    padding-right: 5px;
    white-space: nowrap;
    max-width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
  }
}
@media only print, screen and (min-width:1280px) {
  .personalization_cont .cont_wrapper {
    padding: 8px 15px 8px 15px;
  }
}
.personalization_cont .cont_wrapper a img {
  vertical-align: middle;
}
@media only print, screen and (max-width:819px) {
  .personalization_cont .cont_wrapper {
    max-width: 200px;
  }
}
.personalization_cont .user-dropdown {
  position: absolute;
  display: none;
  left: 0;
  top: 100%;
  background: white;
  width: 220px;
  z-index: 4;
}
.personalization_cont .user-dropdown ul {
  margin: 0;
}
.personalization_cont .user-dropdown ul li a {
  padding: 14px 10px 14px;
  cursor: pointer;
  white-space: nowrap;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e8e8e8;
  color: #232323;
  font-size: 1rem;
  font-family: HelveticaNeueBold, "Times New Roman";
}
.personalization_cont .user-dropdown ul li.logout a {
  background: url("../assets/img/svg-icons/logout_v2.svg") no-repeat 20px center transparent;
  color: #AC0000;
}
@media only print, screen and (min-width:820px) and (any-pointer: fine) and (any-hover: hover) {
  .personalization_cont:focus .cont_wrapper, .personalization_cont:active .cont_wrapper, .personalization_cont:hover .cont_wrapper {
    background-color: #595959;
  }
}
.personalization_cont:focus .toogle_icon, .personalization_cont:active .toogle_icon, .personalization_cont:hover .toogle_icon {
  background-color: #50494b;
}
.personalization_cont .toogle_icon {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: #343031;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  display: none;
}
.personalization_cont .toogle_icon svg {
  fill: #FFF;
  width: 30px;
  height: 30px;
}
.personalization_cont[data-signed-in=true] .toogle_icon {
  display: flex;
}
.personalization_cont[data-signed-in=true].profile-open .user-dropdown {
  display: block;
}
.personalization_cont[data-signed-in=true].profile-open .toogle_icon svg {
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

/*END:personalization at the header topbar */
/*END:header top bar */
/*END:header top bar */
/*START:search in site header */
/*START:search in site header */
/*START:search in site header , comes in desktop and laptop*/
.header-search form {
  height: 100%;
  position: relative;
}
.header-search input {
  -webkit-appearance: none;
  border: none;
  width: 245px;
  outline: none;
  padding: 5px 35px 5px 7px;
  font-size: 1rem;
  box-shadow: 0 1.5px 3px 2px rgba(0, 35, 64, 0.1);
  margin: 0;
  height: 100%;
}
@media only print, screen and (min-width:1280px) {
  .header-search input {
    width: 275px;
  }
}
.header-search input::-webkit-search-cancel-button {
  display: none;
}
.header-search input::placeholder {
  color: rgba(41, 38, 39, 0.38);
  font-size: 14px;
}
.header-search .submit-search {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  cursor: pointer;
  width: 35px;
  padding-right: 3px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.header-search .submit-search .header_search_icon {
  width: 22px;
  height: 22px;
  fill: rgba(41, 38, 39, 0.38);
}

input#search_query:focus + .submit-search .header_search_icon {
  fill: #232323;
}

/*END:search in site header , comes in desktop and laptop*/
/*START:search bar which comes inside menu in mobile and tablet */
@media only print, screen and (max-width:819px) {
  .header_links_item.search {
    padding-left: 10px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: stretch;
    margin-top: 20px;
    margin-bottom: 0;
    background-color: #fff;
    box-shadow: 0 1.5px 3px 2px rgba(0, 35, 64, 0.1);
  }
  .header_links_item.search .menu_search_icon {
    width: 20px;
    height: 20px;
    fill: rgba(41, 38, 39, 0.38);
  }
  .header_links_item.search input, .header_links_item.search input:focus {
    outline: none;
    flex: 1 1 auto;
    order: 1;
    padding-left: 0;
    padding-right: 0;
    border: none;
    font-family: "HelveticaNeueReg";
    padding-top: 4px;
    padding-bottom: 4px;
    height: 40px;
    margin-bottom: 0;
    font-size: 14px;
  }
  .header_links_item.search input::placeholder {
    color: rgba(41, 38, 39, 0.38);
    font-size: 14px;
  }
  .header_links_item.search input[type=search]::-webkit-search-cancel-button,
  .header_links_item.search input[type=search]::-webkit-search-decoration,
  .header_links_item.search input[type=search]::-webkit-search-results-button,
  .header_links_item.search input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none;
  }
  .header_links_item.search .search_icon_cont {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 33px;
    padding: 3px;
  }
}

input#mobile_search:focus + .search_icon_cont .menu_search_icon {
  fill: #232323;
}

/*END:search bar which comes inside menu in mobile and tablet */
/*END:search in site header */
/*END:search in site header */
/*START:Include the styles for the quick access menu which comes in mobile layout */
.qa_outer_cont {
  min-height: 45px;
  box-shadow: 0 3px 6px 0 rgba(0, 35, 64, 0.05);
  background-color: white;
  position: relative;
}
@media only print, screen and (min-width:768px) {
  .qa_outer_cont {
    display: none;
  }
}
.qa_outer_cont::after {
  background: -webkit-linear-gradient(0deg, #fff, rgba(255, 255, 255, 0));
  height: 45px;
  position: absolute;
  pointer-events: none;
  left: 0;
  top: 0;
  width: 24px;
  z-index: 2;
  content: " ";
}

.qam_cont, .qam_sub_menu_cont {
  background-color: white;
  width: 100%;
  white-space: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.searchPage .qa_outer_cont {
  position: relative;
}

.qam_cont {
  transform: translateY(0%);
  min-height: 45px;
  transition: transform 0.4s ease-out;
  display: inline-flex;
  flex: 0 0 auto;
}

.qam_item {
  padding: 10px 15px 0;
  display: inline-block;
  color: rgba(35, 35, 35, 0.75);
  text-decoration: none;
  position: relative;
  order: 3;
  padding: 0 15px 0;
  font-family: HelveticaNeueBold;
  font-size: 14px;
  height: 45px;
  display: inline-flex;
  align-items: center;
}
.qam_item:hover, .qam_item:active, .qam_item:focus {
  text-decoration: none;
  color: rgba(35, 35, 35, 0.75);
}
.qam_item.active {
  color: rgba(35, 35, 35, 0.75);
  order: 2;
}
.qam_item.active:after {
  content: "";
  background: #be2f21;
  height: 2px;
  display: block;
  width: calc(100% - 20px);
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  bottom: 10px;
}
.qam_item:first-child {
  order: 1;
}

.qam_item_text .icon {
  width: 40px;
  display: inline-block;
  max-width: none;
  margin: 0 0 5px;
}

.qam_fixed_on .qam_cont {
  height: auto;
  min-height: 45px;
  box-shadow: 0 3px 6px 0 rgba(0, 35, 64, 0.05);
  position: fixed;
  top: 0;
  z-index: 6;
}

.qam_off_screen_from_top .qam_cont {
  transform: translateY(-100%);
}

.qam_off_screen_from_top.qam_fixed_on .qam_cont {
  transform: translateY(0%);
}

/*START:hide quick access menu when the no scroll is there on the hml element(radio page app install popup) */
.qam_off_screen_from_top.qam_fixed_on.noscroll .qam_cont {
  display: none;
}

/*END:hide quick access menu when the no scroll is there on the hml element(radio page app install popup) */
/*START:Quick access Menu, sub menu */
.qa_sub_menu_outer_cont {
  box-shadow: 0 3px 6px 0 rgba(0, 35, 64, 0.05);
}
@media only print, screen and (min-width:768px) {
  .qa_sub_menu_outer_cont {
    display: none;
  }
}

.qam_sub_menu_cont {
  padding: 5px 10px 10px 10px;
  display: inline-flex;
  flex: 0 0 auto;
  border-top: 1px solid rgba(0, 0, 0, 0.1294117647);
}

.qam_sub_menu_item_outer_cont {
  display: inline-block;
  padding: 0 5px;
  order: 3;
}
.qam_sub_menu_item_outer_cont.active {
  order: 2;
}
.qam_sub_menu_item_outer_cont:first-child {
  order: 1;
}
.qam_sub_menu_item_outer_cont:last-child:not(.active) {
  padding-left: 10px;
}
.qam_sub_menu_item_outer_cont.active .qam_sub_menu_item_text {
  border: 1px solid #a20000;
  color: #FFF;
  background-color: #a20000;
}

.qam_sub_menu_item {
  color: #232323;
  text-decoration: none;
  position: relative;
  font-family: HelveticaNeueBold;
  font-size: 12px;
  display: flex;
  align-items: center;
  min-height: 45px;
}
.qam_sub_menu_item:hover, .qam_sub_menu_item:active, .qam_sub_menu_item:focus {
  text-decoration: none;
  color: #232323;
}

.qam_sub_menu_item_text {
  background-color: #e3e5ea;
  display: inline-block;
  border: 1px solid #e6e8ec;
  padding: 3px 10px;
}

/*START:Hide the submenu from the content pages */
.articleDetailPage .qa_sub_menu_outer_cont,
.videoDetailPage .qa_sub_menu_outer_cont,
.imageGalleryDetailPage .qa_sub_menu_outer_cont,
.blogDetailPage .qa_sub_menu_outer_cont,
.staticPage .qa_sub_menu_outer_cont,
.notFoundPage .qa_sub_menu_outer_cont,
.pollDetailPage .qa_sub_menu_outer_cont,
.infographicDetailPage .qa_sub_menu_outer_cont {
  display: none;
}

/*END:Hide the submenu from the content pages */
/*END:Quick access Menu, sub menu */
/*END:Include the styles for the quick access menu which comes in mobile layout */
/*START:Weather Widget in header */
.head_weather_wid_cont {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  align-self: stretch;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  cursor: pointer;
  position: relative;
}

.head_weather_wid_cont {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.head_weather_wid_cont:hover, .head_weather_wid_cont:active, .head_weather_wid_cont:focus {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.head_weather_wid_cont > div:first-child {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  position: relative;
}
.head_weather_wid_cont > div:first-child:hover, .head_weather_wid_cont > div:first-child:active, .head_weather_wid_cont > div:first-child:focus {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

.head_weather_wid_temp_cont {
  color: #FFF;
  height: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 10px 5px 10px;
  font-size: 14px;
}
@media only print, screen and (min-width:1280px) {
  .head_weather_wid_temp_cont {
    padding: 8px 10px 8px 10px;
  }
}

.head_weather_wid_temp_icon {
  fill: #FFF;
  width: 15px;
  height: 15px;
}

.head_weather_wid_temp_text {
  padding-left: 10px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: baseline;
  direction: ltr;
}
.head_weather_wid_temp_text > span:first-child {
  font-family: HelveticaNeueBold;
}

.head_weather_wid_temp_icon_cont {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}

.head_weather_wid_temp_location_cont {
  padding-right: 10px;
}

.head_weather_wid_toogle_btn_cont {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: #343031;
  height: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}

.head_weather_wid_cont > div:first-child:hover .head_weather_wid_toogle_btn_cont,
.head_weather_wid_cont > div:first-child:active .head_weather_wid_toogle_btn_cont,
.head_weather_wid_cont > div:first-child:focus .head_weather_wid_toogle_btn_cont {
  background-color: #50494b;
}
.head_weather_wid_cont > div:first-child:hover .head_weather_wid_temp_cont,
.head_weather_wid_cont > div:first-child:active .head_weather_wid_temp_cont,
.head_weather_wid_cont > div:first-child:focus .head_weather_wid_temp_cont {
  background-color: #5d5658;
}

.head_weather_wid_toogle_icon {
  fill: #FFF;
  width: 30px;
  height: 30px;
}

/*START:Weather widegt full view */
.weather_wid_expanded_view_cont {
  position: absolute;
  background: white;
  top: 100%;
  right: 0px;
  z-index: 6;
  width: calc(212px + 0px);
  display: none;
  box-shadow: 0px 1px 3px 0px #e0e0e0;
  padding: 0 0px;
  overflow: hidden;
  border-radius: 3px;
}

.mobile_weather_menu {
  display: none;
}
@media only print, screen and (max-width:819px) {
  .mobile_weather_menu {
    display: block;
    margin-top: 20px;
  }
}

.weather_wid_expanded_view_inner_cont {
  cursor: initial;
  margin: 0 0px;
}

.head_weather_wid_expanded_view_on .weather_wid_expanded_view_cont {
  display: block;
}

.weather_wid_expanded_view_temp_main {
  padding: 18px 12px 18px 26px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only print, screen and (min-width:820px) {
  .weather_wid_expanded_view_temp_main {
    background-color: #EDEDED;
    color: #000;
  }
}

.weather_wid_expanded_view_temp_main_deg {
  font-size: 28px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: baseline;
  line-height: 1;
  direction: ltr;
}

.weather_wid_expanded_view_temp_main_deg_bold {
  font-family: HelveticaNeueBold;
}

.weather_wid_expanded_view_temp_main_icon_cont {
  line-height: 1;
  font-size: 0;
}

.weather_wid_expanded_view_temp_main_icon {
  fill: #000;
  width: 42px;
  height: 46px;
}

.weather_wid_expanded_view_city {
  background-color: #D5d5d5;
  color: #051137;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  padding: 12px 0;
}

.weather_wid_expanded_view_city_text {
  padding-right: 5px;
}

/*START:List of items */
.weather_wid_expanded_view_list_cont {
  background-color: #F6F6F6;
}

.weather_wid_expanded_view_list_item_day {
  color: #051137;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 58%;
}

.weather_wid_expanded_view_list_item_deg {
  color: #232323;
  padding-left: 0;
  direction: ltr;
  text-align: right;
  font-size: 14px;
}

.weather_wid_expanded_view_list_item_icon_cont {
  padding-right: 0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}

.weather_wid_expanded_view_list_item_icon {
  fill: #232323;
  height: 16px;
  width: 16px;
}

.weather_wid_expanded_view_list_item {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  padding: 5px 10px;
  justify-content: space-between;
}
.weather_wid_expanded_view_list_item:not(:first-child) {
  border-top: 1px solid #e6e7ea;
}
.weather_wid_expanded_view_list_item:not(:last-child) {
  border-bottom: 1px solid #eaebed;
}

/*END:List of items */
/*START:Weather Widget In Mobile Menu */
@media only print, screen and (max-width:819px) {
  #site-menu .weather_wid_expanded_view_cont {
    display: block;
    width: 100%;
    background: #211e1f;
    color: white;
  }
  #site-menu .head_weather_wid_temp_cont, #site-menu .head_weather_wid_toogle_btn_cont, #site-menu .weather_wid_expanded_view_list_cont {
    display: none;
  }
  #site-menu .weather_wid_expanded_view_cont {
    position: static;
    width: 100%;
    box-shadow: none;
    padding: 0;
    overflow: initial;
    margin-bottom: 10px;
  }
  #site-menu .weather_wid_expanded_view_city {
    background-color: transparent;
    font-size: 14px;
    padding: 0;
    margin-left: auto;
    font-family: HelveticaNeueBold;
    justify-content: flex-start;
    min-width: calc(100% - 100px);
    color: #fff;
  }
  #site-menu .weather_wid_expanded_view_city_text {
    white-space: normal;
  }
  #site-menu .weather_wid_expanded_view_temp_main {
    padding: 10px;
    align-items: center;
    justify-content: flex-start;
  }
  #site-menu .weather_wid_expanded_view_temp_main_deg {
    font-size: 14px;
    line-height: 1;
    padding-left: 7px;
  }
  #site-menu .weather_wid_expanded_view_temp_main_deg_bold {
    font-family: HelveticaNeueBold;
    line-height: 1;
  }
  #site-menu .weather_wid_expanded_view_temp_main_icon_cont {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
  }
  #site-menu .weather_wid_expanded_view_temp_main_icon {
    fill: #FFF;
    width: 16px;
    height: 16px;
  }
}

/*END:Weather Widget In Mobile Menu */
/*END:Weather widegt full view */
/*END:Weather Widget in header */
/*START:Second Level Navigation comes in desktop, this has been added for sports(oct-2019) */
.sln_cont {
  background-color: #edf0f6;
  box-shadow: 0px 3px 3px 0px #ccd5e5;
  display: none;
}
@media only print, screen and (min-width:820px) {
  .sln_cont {
    display: block;
  }
}

.ie11 .sln_inner_cont {
  height: 50px;
}

.sln_inner_cont {
  max-width: 1440px;
  margin: 0 auto;
  padding-right: 10px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: stretch;
  color: #1d2576;
  justify-content: space-around;
}
@media only print, screen and (min-width:1280px) {
  .sln_inner_cont {
    justify-content: flex-start;
    padding-right: 5px;
  }
}

.sln_header_item {
  min-height: 50px;
  padding-bottom: 5px;
  position: relative;
  font-family: HelveticaNeueBold;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  cursor: pointer;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media only print, screen and (min-width:820px) {
  .sln_header_item.active:after {
    width: 100%;
    height: 3px;
    background-color: #1d2576;
    content: " ";
    display: block;
    position: absolute;
    right: 0;
    top: 100%;
  }
}
@media only print, screen and (min-width:1280px) and (any-pointer: fine) and (any-hover: hover) {
  .sln_header_item:hover:after {
    width: 100%;
    height: 3px;
    background-color: #1d2576;
    content: " ";
    display: block;
    position: absolute;
    right: 0;
    top: 100%;
  }
}
.sln_header_item:last-child a:after {
  display: none;
}
.sln_header_item:nth-child(2) a {
  padding-right: 20px;
}
@media only print, screen and (min-width:1280px) {
  .sln_header_item:nth-child(2) a {
    padding-right: 25px;
  }
}
.sln_header_item a {
  text-decoration: none;
  color: #1d2576;
  position: relative;
  padding-right: 20px;
  padding-left: 20px;
}
@media only print, screen and (min-width:1280px) {
  .sln_header_item a {
    padding-right: 25px;
    padding-left: 25px;
  }
}
.sln_header_item a:hover, .sln_header_item a:active, .sln_header_item a:focus {
  text-decoration: none;
  color: #1d2576;
}
.sln_header_item a:after {
  width: 1px;
  height: calc(100% - 8px);
  background-color: rgba(26, 67, 159, 0.2784313725);
  content: " ";
  display: none;
  position: absolute;
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
}

/*END:Second Level Navigation comes in desktop, this has been added for sports(oct-2019) */
/*START:button in the menu both in desktop and mobile styles */
@media only print, screen and (min-width:820px) {
  .header_links .menu_links_main .header_links_item.search, .header_links .menu_links_main .header_links_item.live_btn_cont, .header_links .menu_links_main .header_links_item.radio_btn_cont, .header_links .menu_links_main .header_links_item.bn_btn_cont {
    display: none;
  }
}

/*START:buttons comes in menu and header in desktop and mobile styles common */
.header_links {
  /*START:On Desktop, colors on hover of live , radio and alaan button needs to be changed */
  /*END:On Desktop, colors on hover of live , radio and alaan button needs to be changed */
}
.header_links .live_btn_cont,
.header_links .radio_btn_cont,
.header_links .bn_btn_cont,
.header_links .notification_pref_btn_cont {
  align-items: center;
  justify-content: center;
  padding: 10px 10px;
  border-top: none;
}
@media only print, screen and (min-width:820px) {
  .header_links .live_btn_cont,
  .header_links .radio_btn_cont,
  .header_links .bn_btn_cont,
  .header_links .notification_pref_btn_cont {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only print, screen and (max-width:819px) {
  .header_links .live_btn_cont,
  .header_links .radio_btn_cont,
  .header_links .bn_btn_cont,
  .header_links .notification_pref_btn_cont {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
  }
}
.header_links .live_btn_cont .live_btn,
.header_links .live_btn_cont .radio_btn,
.header_links .live_btn_cont .bn_btn,
.header_links .radio_btn_cont .live_btn,
.header_links .radio_btn_cont .radio_btn,
.header_links .radio_btn_cont .bn_btn,
.header_links .bn_btn_cont .live_btn,
.header_links .bn_btn_cont .radio_btn,
.header_links .bn_btn_cont .bn_btn,
.header_links .notification_pref_btn_cont .live_btn,
.header_links .notification_pref_btn_cont .radio_btn,
.header_links .notification_pref_btn_cont .bn_btn {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 9px 10px;
  color: white;
  background-color: #AC0000;
  font-family: HelveticaNeueBold;
  font-size: 14px;
  cursor: pointer;
  outline: none;
  border: none;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.15);
  overflow-y: hidden;
}
@media only print, screen and (max-width:819px) {
  .header_links .live_btn_cont .live_btn,
  .header_links .live_btn_cont .radio_btn,
  .header_links .live_btn_cont .bn_btn,
  .header_links .radio_btn_cont .live_btn,
  .header_links .radio_btn_cont .radio_btn,
  .header_links .radio_btn_cont .bn_btn,
  .header_links .bn_btn_cont .live_btn,
  .header_links .bn_btn_cont .radio_btn,
  .header_links .bn_btn_cont .bn_btn,
  .header_links .notification_pref_btn_cont .live_btn,
  .header_links .notification_pref_btn_cont .radio_btn,
  .header_links .notification_pref_btn_cont .bn_btn {
    justify-content: center;
  }
}
@media only print, screen and (min-width:820px) and (max-width:1279px) {
  .header_links .live_btn_cont .live_btn,
  .header_links .live_btn_cont .radio_btn,
  .header_links .live_btn_cont .bn_btn,
  .header_links .radio_btn_cont .live_btn,
  .header_links .radio_btn_cont .radio_btn,
  .header_links .radio_btn_cont .bn_btn,
  .header_links .bn_btn_cont .live_btn,
  .header_links .bn_btn_cont .radio_btn,
  .header_links .bn_btn_cont .bn_btn,
  .header_links .notification_pref_btn_cont .live_btn,
  .header_links .notification_pref_btn_cont .radio_btn,
  .header_links .notification_pref_btn_cont .bn_btn {
    padding: 10px 10px;
  }
}
.header_links .radio_btn_cont .radio_btn {
  background-color: #032c67;
}
.header_links .bn_btn_cont .bn_btn {
  background-color: #232323;
  color: #F8EB20;
}
.header_links .live_btn_cont .live_btn:active {
  background-color: #cb0000;
}
@media only print, screen and (min-width:1280px) and (any-pointer: fine) and (any-hover: hover) {
  .header_links .live_btn_cont .live_btn:focus, .header_links .live_btn_cont .live_btn:hover {
    background-color: #cb0000;
  }
}
.header_links .radio_btn_cont .radio_btn:active {
  background-color: #063E7B;
}
@media only print, screen and (min-width:1280px) and (any-pointer: fine) and (any-hover: hover) {
  .header_links .radio_btn_cont .radio_btn:focus, .header_links .radio_btn_cont .radio_btn:hover {
    background-color: #063E7B;
  }
}
.header_links .bn_btn_cont .bn_btn:active {
  background-color: #F8EB20;
  color: #232323;
}
@media only print, screen and (min-width:1280px) and (any-pointer: fine) and (any-hover: hover) {
  .header_links .bn_btn_cont .bn_btn:focus, .header_links .bn_btn_cont .bn_btn:hover {
    color: #232323;
    background-color: #F8EB20;
  }
}

/*END:buttons comes in menu and header in desktop and mobile styles common */
/*START: stripe in begining button in menus both mobile and desktop */
.bn_btn,
.live_btn,
.radio_btn,
.header_top_radio_btn,
.header_top_live_btn {
  position: relative;
  overflow-y: hidden;
}
.bn_btn::before,
.live_btn::before,
.radio_btn::before,
.header_top_radio_btn::before,
.header_top_live_btn::before {
  content: "";
  position: absolute;
  display: block;
  width: 4px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  height: calc(100% + 4px);
}

.live_btn::before,
.header_top_live_btn::before {
  background-color: #cb0000;
}

.header_top_radio_btn::before,
.radio_btn::before {
  background-color: #063E7B;
}

.bn_btn::before {
  background-color: #F8EB20;
}

/*END: stripe in begining button in menus both mobile and desktop */
/*START:Desktop and mobile icon in header side btns like live, radio btns */
.header_menu_btn_icon_cont {
  padding-left: 6px;
  align-items: center;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.header_menu_btn_icon {
  width: 16px;
  height: 16px;
  max-width: none;
  fill: #FFF;
}

@media only print, screen and (min-width:820px) and (max-width:1279px) {
  .live_btn_cont.header_links_item .header_menu_btn_icon_cont,
  .radio_btn_cont.header_links_item .header_menu_btn_icon_cont {
    display: none;
  }
}

/*END:Desktop and mobile icon in header side btns like live, radio btns */
/*START:in mobile menu, live stream and radio also breaking news and notification pref containers padding */
.live_radio.mobile_menu_btn.live_radio.mobile_menu_btn {
  padding-top: 10px;
  width: calc(100% + 20px);
  margin: 0 -10px;
}
@media only print, screen and (max-width:819px) {
  .live_radio.mobile_menu_btn.live_radio.mobile_menu_btn {
    padding-top: 0;
  }
}

.bn_notification_pref.mobile_menu_btn.bn_notification_pref.mobile_menu_btn {
  padding-bottom: 5px;
  width: calc(100% + 20px);
  margin: 0 -10px;
}

/*END:in mobile menu, live stream and radio also breaking news and notification pref containers padding */
/*START:Notifcation bell icon header side menu item in desktop */
.notification_pref_btn_cont {
  padding-right: 0 !important;
  padding-left: 5px !important;
}

.header_links_item.notification_pref_btn_cont .notification-bell-pref-menu {
  height: 36px;
  display: flex;
  align-items: center;
  padding: 0 5px !important;
  background-color: #232323;
}
.header_links_item.notification_pref_btn_cont:hover .notification-bell-pref-menu, .header_links_item.notification_pref_btn_cont:active .notification-bell-pref-menu, .header_links_item.notification_pref_btn_cont:focus .notification-bell-pref-menu {
  border-bottom: none !important;
}
.header_links_item.notification_pref_btn_cont:hover .notification-bell-pref-menu .notification-bell-pref-menu-bell-icon, .header_links_item.notification_pref_btn_cont:active .notification-bell-pref-menu .notification-bell-pref-menu-bell-icon, .header_links_item.notification_pref_btn_cont:focus .notification-bell-pref-menu .notification-bell-pref-menu-bell-icon {
  color: #F8EB20;
}

.notification_bell_pref_menu_bell_icon {
  width: 20px;
  height: 20px;
  fill: #F8EB20;
  color: #F8EB20;
}
@media only print, screen and (min-width:768px) {
  .notification_bell_pref_menu_bell_icon {
    width: 20px;
    height: 20px;
  }
}
@media only print, screen and (min-width:1280px) {
  .notification_bell_pref_menu_bell_icon {
    width: 24px;
    height: 24px;
  }
}

/*END:Notifcation bell icon header side menu item in desktop */
/*START:notification btn in mobile menu */
.notification_pref_mobile_menu_btn {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  padding: 10px 0 10px 15px;
}

/*END:notification btn in mobile menu */
/*END:button in the menu both in desktop and mobile styles */
/*START:rebrand jul-2020 */
.header_and_menu_cont {
  background-image: url(../assets/img/header/header_bg_v2.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media only print, screen and (max-width:819px) {
  .header_and_menu_cont {
    background-position: 100% 100%;
  }
}

/*END:rebrand jul-2020 */
@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 */
.news-ticker-area .ticker-holder .newsticker {
  margin: 0;
}

.news-ticker-area .ticker-holder {
  padding: 0;
}

.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 */
.promo_parent {
  width: 100%;
  position: relative;
}
@media only print, screen and (min-width:1280px) {
  .promo_parent {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
  }
}

.promo_container {
  position: relative;
  -webkit-transition: height 200ms;
  transition: height 200ms;
  transition-timing-function: ease-in-out;
  height: initial;
  display: block;
}
@media only print, screen and (min-width:820px) {
  .promo_container {
    height: 50px;
  }
}
@media only print, screen and (min-width:1280px) {
  .promo_container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
  }
}
.promo_container.hide {
  height: 0;
}
.promo_container > a {
  width: 100%;
  height: 100%;
  color: inherit;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}
@media only print, screen and (max-width:1279px) {
  .promo_container > a {
    display: block;
  }
}
.promo_container > a:not([href]) {
  /* Styles for anchors without href */
  cursor: default;
}
.promo_container .promo_content {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: calc(100% - 120px);
  max-width: 1280px;
  height: 100%;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}
@media only print, screen and (max-width: 767px) {
  .promo_container .promo_content.show_field {
    height: 50px;
  }
  .promo_container .promo_content.show_field .promo_content_detail {
    display: none;
  }
  .promo_container .promo_content.show_field .email_text {
    display: block;
    padding-top: 10px;
    position: static;
    width: 100%;
  }
  .promo_container .promo_content.show_field .email_text form {
    position: static;
    display: block;
  }
  .promo_container .promo_content.show_field .email_text form .email_text_input {
    height: 30px;
    width: calc(100% - 62px);
    font-size: 14px;
  }
  .promo_container .promo_content.show_field .email_text form .clear {
    position: absolute;
    left: 0;
    top: 0;
  }
  .promo_container .promo_content.show_field .email_text form .clear .subscribe_btn {
    height: 30px;
    font-size: 16px;
    padding: 3px 10px;
  }
}
@media only print, screen and (max-width:1279px) {
  .promo_container .promo_content {
    margin-right: 20px;
    width: calc(100% - 60px);
  }
}
.promo_container .promo_content .promo_content_detail {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  min-height: 40px;
  height: 100%;
  font-size: 20px;
  align-items: center;
}
@media only print, screen and (max-width:819px) {
  .promo_container .promo_content .promo_content_detail {
    font-size: 16px;
    line-height: 24px;
  }
}
.promo_container .promo_content .promo_content_detail .subscribe_btn_wrapper {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  margin-right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
@media only print, screen and (max-width:1279px) {
  .promo_container .promo_content .promo_content_detail .subscribe_btn_wrapper {
    margin-left: 20px;
  }
}
.promo_container .promo_content .promo_content_detail .subscribe_btn_wrapper .subscribe_btn {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  border: 0;
  padding: 5px 10px;
  border-radius: 7px;
}
@media only print, screen and (min-width:768px) and (max-width:819px) {
  .promo_container .promo_content .promo_content_detail .subscribe_btn_wrapper .subscribe_btn {
    padding: 2px 5px;
    font-size: 18px;
  }
}
@media only print, screen and (max-width: 767px) {
  .promo_container .promo_content .promo_content_detail .subscribe_btn_wrapper .subscribe_btn {
    display: none;
  }
}
.promo_container .promo_content .promo_content_detail .promo_message {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 20px;
}
@media only print, screen and (max-width:1279px) {
  .promo_container .promo_content .promo_content_detail .promo_message {
    padding-right: 10px;
  }
}
@media only print, screen and (max-width: 767px) {
  .promo_container .promo_content .promo_content_detail .promo_message .promo_text {
    line-height: 22px;
    padding-top: 4px;
    padding-bottom: 4px;
  }
}
.promo_container .promo_content .promo_content_detail .promo_message .promo_desc {
  display: none;
  font-size: 15px;
  color: #d0d0d0;
  line-height: 18px;
}
.promo_container .promo_content .promo_content_detail img {
  height: calc(100% - 20px);
  width: auto;
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .promo_container .promo_content .promo_content_detail img {
    height: calc(100% - 15px);
  }
}
@media only print, screen and (max-width:819px) {
  .promo_container .promo_content .promo_content_detail img {
    width: 30px;
    min-height: 30px;
    height: auto;
  }
}
.promo_container .promo_content form {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  width: 322px;
}
@media only print, screen and (min-width:768px) and (max-width:819px) {
  .promo_container .promo_content form {
    width: 317px;
  }
}
@media only print, screen and (max-width: 767px) {
  .promo_container .promo_content form {
    width: 100%;
  }
}
.promo_container .promo_content form #mce-responses #mce-error-response:after {
  top: 0;
}
.promo_container .promo_content form #mce-responses #mce-error-response:before {
  top: 9px;
}
.promo_container .promo_content .email_text {
  display: none;
  padding-left: 10px;
}
.promo_container .promo_content .email_text .mc-field-group {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.promo_container .promo_content .email_text .mc-field-group .email_text_input {
  border-radius: 0;
  border: 0;
  font-size: 18px;
  padding-right: 5px;
  height: 40px;
  width: 250px;
  outline: none;
  margin: 0;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
}
.promo_container .promo_content .email_text {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media only print, screen and (max-width: 767px) {
  .promo_container .promo_content .email_text {
    display: none;
  }
}
.promo_container .promo_content button.subscribe_btn {
  cursor: pointer;
  font-size: 20px;
  border: 0;
  padding: 5px 10px;
  position: static;
  font-family: HelveticaNeueReg;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: width 250ms ease-out, padding 250ms ease-out;
  overflow: hidden;
  margin-right: 0;
  margin-bottom: 0;
  height: 40px;
  outline: none;
}
@media only print, screen and (min-width:768px) and (max-width:819px) {
  .promo_container .promo_content button.subscribe_btn {
    font-size: 18px;
  }
}
@media only print, screen and (min-width:768px) and (max-width:819px) {
  .promo_container .promo_content button.subscribe_btn {
    padding: 5px 10px;
    padding-bottom: 5px;
  }
}
.promo_container .promo_content button.subscribe_btn span {
  color: #fff;
  font-size: 100%;
  margin: 0;
}
.promo_container .promo_content button.subscribe_btn img {
  display: none;
}
.promo_container .promo_content button.subscribe_btn.collapsed {
  width: 0;
  padding: 0;
}
.promo_container .promo_content button.subscribe_btn.collapsed span,
.promo_container .promo_content button.subscribe_btn.collapsed img {
  visibility: hidden;
}
@media only print, screen and (min-width:768px) and (max-width:819px) {
  .promo_container .promo_content .promo_content_detail {
    width: 100%;
    font-size: 18px;
  }
}
@media only print, screen and (max-width: 767px) {
  .promo_container .promo_content {
    margin-right: 10px;
    display: block;
    width: calc(100% - 50px);
  }
  .promo_container .promo_content .promo_content_detail {
    width: 100%;
    font-size: 18px;
  }
  .promo_container .promo_content .subscribe_btn {
    display: none;
  }
}
.promo_container img.close_icon {
  position: absolute;
  height: 20px;
  width: auto;
  top: calc(50% - 10px);
  left: 20px;
}
@media only print, screen and (max-width:1279px) {
  .promo_container img.close_icon {
    left: 10px;
  }
}
.promo_container img.close_icon:hover {
  cursor: pointer;
}
@media only print, screen and (max-width: 767px) {
  .promo_container img.close_icon {
    left: 10px;
  }
}
.promo_container.breaking_news {
  background: #fedf01;
  color: #000;
}
.promo_container.breaking_news a:hover {
  color: #000;
}
.promo_container.breaking_news .promo_content_detail img {
  height: 100%;
}
.promo_container.breaking_news .subscribe_btn {
  color: #fff;
  background: #000;
}
.promo_container.fb_messanger {
  background: #dbdfe8;
  color: #013793;
}
.promo_container.fb_messanger a:hover {
  color: #013793;
}
.promo_container.fb_messanger .subscribe_btn {
  color: #fff;
  background: #2777d3;
}
.promo_container.whats_app {
  background: #13863B;
  color: #fff;
}
.promo_container.whats_app a:hover {
  color: #fff;
}
.promo_container.whats_app a:focus {
  color: #fff;
}
.promo_container.whats_app .subscribe_btn {
  color: #000;
  background: #fff;
}
.promo_container.news_letter {
  background: #2f353e;
  color: #fff;
}
.promo_container.news_letter a {
  cursor: default;
}
.promo_container.news_letter a:hover, .promo_container.news_letter a:focus {
  color: #fff;
}
.promo_container.news_letter .promo_content_detail .promo_message .promo_desc {
  display: block;
  padding-bottom: 5px;
}
@media only print, screen and (min-width:768px) {
  .promo_container.news_letter .promo_content_detail .promo_message .promo_text {
    line-height: 32px;
  }
  .promo_container.news_letter .promo_content_detail .promo_message .promo_desc {
    display: block;
  }
}
.promo_container.news_letter .email_text {
  display: block;
}
@media only print, screen and (max-width: 767px) {
  .promo_container.news_letter .email_text {
    display: none;
  }
}
.promo_container.news_letter .subscribe_btn {
  color: #fff;
  background: #2777d3;
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
@media only print, screen and (max-width:1279px) {
  .promo_container.news_letter .subscribe_btn {
    margin-left: 10px;
  }
}
@media only print, screen and (max-width: 767px) {
  .promo_container.news_letter .subscribe_btn {
    margin-left: 0;
  }
}
.promo_container.telegram {
  background: #1C7DAB;
  color: #fff;
}
.promo_container.telegram a:hover {
  color: #fff;
}
.promo_container.telegram .subscribe_btn {
  color: #000;
  background: #fff;
}
.promo_container.in_house {
  background: #000;
  color: #fff;
}
.promo_container.in_house a:hover {
  color: currentColor;
}
.promo_container.in_house .subscribe_btn {
  color: #fff;
  background: #d32733;
}
.promo_container.in_house img.close_icon {
  background: #f6f7fa;
  padding: 5px;
  height: 30px;
  top: calc(50% - 15px);
  left: 15px;
}
@media only print, screen and (max-width: 767px) {
  .promo_container.in_house img.close_icon {
    height: 25px;
    top: calc(50% - 12px);
    left: 10px;
  }
}

.promo_thank_you {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  bottom: 10px;
  right: -340px;
  height: 100px;
  z-index: 10001;
  background: #f3f3f3;
  width: 340px;
  overflow: hidden;
  -webkit-transition: right 200ms;
  transition: right 200ms;
  transition-timing-function: ease-in-out;
}
@media only print, screen and (max-width:819px) {
  .promo_thank_you {
    display: none;
  }
}
.promo_thank_you.hide {
  display: none;
}
.promo_thank_you.show {
  right: 0;
}
.promo_thank_you .thank_you_content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.promo_thank_you .thank_you_content .thank_you_content_detail {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.promo_thank_you .thank_you_content .thank_you_content_detail .thank_you_message {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  width: 240px;
}
.promo_thank_you .thank_you_content .thank_you_content_detail .thank_you_message .thank_you_text {
  padding-top: 15px;
  width: 100%;
}
.promo_thank_you .thank_you_content .thank_you_content_detail .thank_you_message .sna_domain {
  color: #6d758d;
  width: 100%;
}
.promo_thank_you .thank_you_content .thank_you_content_detail .logo_img {
  height: 100%;
  padding: 10px;
  background: #d0d0d0;
}
.promo_thank_you .thank_you_content .thank_you_content_detail .logo_img img {
  height: 80px;
  width: auto;
}
.promo_thank_you img.close_icon {
  position: absolute;
  width: 15px;
  height: 15px;
  top: 5px;
  left: 5px;
}

.mail_chimp {
  display: none;
}

/*START:Full Image Banner */
@media only print, screen and (max-width: 767px) {
  .in_house .in_house_full_image_content_img_desktop_tablet {
    display: none;
  }
}
@media only print, screen and (min-width:768px) {
  .in_house .in_house_full_image_content_img_mobile {
    display: none;
  }
}

/*END:Full Image Banner */
/*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:  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 */
.sna-footer {
  padding-top: 0px;
  padding-bottom: 0;
  padding-right: 20px;
  padding-left: 20px;
  clear: both;
  -webkit-font-smoothing: antialiased;
  width: 100%;
}
@media only print, screen and (max-width:1279px) {
  .sna-footer {
    padding-right: 10px;
    padding-left: 10px;
  }
}

footer#site_footer {
  background-color: #fff;
}

/*START: RE-BRANDING  2020*/
.sna-social {
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  border-bottom: 1px solid;
  border-color: rgba(35, 35, 35, 0.25);
  padding-bottom: 10px;
  margin: 10px 0;
  align-items: center;
  justify-content: space-between;
}
@media only print, screen and (min-width:1280px) and (max-width:1599999984px) {
  .sna-social {
    padding-bottom: 20px;
    margin: 20px 0;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
.sna-social .sna-stores {
  align-items: center;
}
@media only print, screen and (max-width: 767px) {
  .sna-social .sna-stores {
    flex-direction: column;
    background: #e9eff0;
    width: 100%;
    align-items: flex-start;
    padding: 10px;
  }
}
@media only print, screen and (max-width:1279px) {
  .sna-social .sna-stores {
    margin-bottom: 20px;
    flex-direction: column;
    align-items: end;
  }
}
@media only print, screen and (min-width:1280px) and (max-width:1599999984px) {
  .sna-social .sna-stores {
    width: 50%;
  }
}
.sna-social .sna-stores .sna-stores-label-text {
  margin-left: 20px;
  color: #232323;
  font-size: 1rem;
  font-family: HelveticaNeueBold;
}
@media only print, screen and (max-width:1279px) {
  .sna-social .sna-stores .sna-stores-label-text {
    margin-bottom: 10px;
    font-size: 18px;
  }
}
@media only print, screen and (max-width: 767px) {
  .sna-social .sna-stores .sna-stores-label-text {
    font-size: 14px;
  }
}
@media only print, screen and (max-width: 767px) {
  .sna-social .sna-stores .sna-stores-links {
    width: 100%;
  }
}
.sna-social .sna-stores .sna-stores-links a {
  text-decoration: none;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.sna-social .sna-stores .sna-stores-links img {
  margin-right: 20px;
  width: 132px;
  height: 40px;
}
.sna-social .sna-stores .sna-stores-links img:first-child {
  margin-right: 0;
}
@media only print, screen and (max-width: 767px) {
  .sna-social .sna-stores .sna-stores-links img {
    margin-right: 0;
    width: 49%;
    height: auto;
  }
  .sna-social .sna-stores .sna-stores-links img:last-child {
    width: calc(49% - 10px) !important;
  }
}
.sna-social .sna-social-coverage {
  align-items: center;
  justify-content: flex-end;
}
@media only print, screen and (min-width:1280px) and (max-width:1599999984px) {
  .sna-social .sna-social-coverage {
    width: 50%;
  }
}
@media only print, screen and (max-width: 767px) {
  .sna-social .sna-social-coverage {
    flex-direction: column;
    width: 100%;
  }
}
@media only print, screen and (max-width: 767px) {
  .sna-social .sna-social-coverage .sna-social-coverage-links {
    width: 100%;
    justify-content: space-between;
  }
}
.sna-social .sna-social-coverage .sna-social-coverage-links a {
  text-decoration: none;
  display: block;
  margin-right: 20px;
}
@media only print, screen and (max-width: 767px) {
  .sna-social .sna-social-coverage .sna-social-coverage-links a:first-child {
    margin-right: 0;
  }
}

/*START: FOOTER PART 2*/
.sna-footer-links-and-subscription {
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: flex-start;
  border-bottom: 1px solid;
  border-color: rgba(35, 35, 35, 0.25);
  padding-bottom: 10px;
  margin-bottom: 10px;
}
@media only print, screen and (min-width:1280px) and (max-width:1599999984px) {
  .sna-footer-links-and-subscription {
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}
.sna-footer-links-and-subscription .sna-footer-links {
  width: 100%;
}
@media only print, screen and (max-width: 767px) {
  .sna-footer-links-and-subscription .sna-footer-links {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media only print, screen and (min-width:1280px) and (max-width:1599999984px) {
  .sna-footer-links-and-subscription .sna-footer-links {
    width: 60%;
  }
}
.sna-footer-links-and-subscription .sna-footer-links .sna-footer-links-col {
  width: 25%;
}
@media only print, screen and (max-width: 767px) {
  .sna-footer-links-and-subscription .sna-footer-links .sna-footer-links-col {
    width: 50%;
    border-bottom: 1px solid;
    border-color: rgba(35, 35, 35, 0.25);
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
}
.sna-footer-links-and-subscription .sna-footer-links .sna-footer-links-col .sna-footer-col-title {
  margin-bottom: 20px;
  color: #232323;
  font-size: 1rem;
  font-family: HelveticaNeueBold;
}
@media only print, screen and (max-width: 767px) {
  .sna-footer-links-and-subscription .sna-footer-links .sna-footer-links-col .sna-footer-col-title {
    font-size: 18px;
  }
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .sna-footer-links-and-subscription .sna-footer-links .sna-footer-links-col .sna-footer-col-title {
    font-size: 18px;
  }
}
.sna-footer-links-and-subscription .sna-footer-links .sna-footer-links-col a {
  display: block;
  text-decoration: none;
  color: #232323;
  font-size: 1rem;
  margin-bottom: 10px;
}
.sna-footer-links-and-subscription .sna-footer-links .sna-footer-links-col a:hover {
  color: #2777d3;
}
@media only print, screen and (max-width:1279px) {
  .sna-footer-links-and-subscription .sna-footer-links .sna-footer-links-col a {
    font-size: 16px;
  }
}
@media only print, screen and (max-width: 767px) {
  .sna-footer-links-and-subscription .sna-footer-links .sna-footer-links-col a {
    font-size: 16px;
  }
}
.sna-footer-links-and-subscription .sna-subscription {
  width: 100%;
  justify-content: flex-end;
  align-items: flex-start;
}
@media only print, screen and (min-width:1280px) and (max-width:1599999984px) {
  .sna-footer-links-and-subscription .sna-subscription {
    width: 40%;
    border-right: 1px solid;
    border-color: rgba(35, 35, 35, 0.25);
  }
}
.sna-footer-links-and-subscription .sna-subscription .sna-subscription-container {
  width: 100%;
  box-shadow: 0 1.5px 3px 0 rgba(0, 35, 64, 0.05);
  background-color: #e9eff0;
  justify-content: flex-end;
  padding: 10px;
}
@media only print, screen and (min-width:1280px) and (max-width:1599999984px) {
  .sna-footer-links-and-subscription .sna-subscription .sna-subscription-container {
    width: 90%;
    padding: 20px;
  }
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .sna-footer-links-and-subscription .sna-subscription .sna-subscription-container {
    text-align: center;
  }
}
.sna-footer-links-and-subscription .sna-subscription .sna-subscription-container h3 {
  color: #000000;
  font-size: 1.25rem;
  font-family: HelveticaNeueBold;
  margin-bottom: 20px;
}
@media only print, screen and (max-width: 767px) {
  .sna-footer-links-and-subscription .sna-subscription .sna-subscription-container h3 {
    margin-bottom: 0px;
    font-size: 18px;
  }
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .sna-footer-links-and-subscription .sna-subscription .sna-subscription-container h3 {
    font-size: 18px;
  }
}
.sna-footer-links-and-subscription .sna-subscription .sna-subscription-container span.newsletter-desc {
  color: #232323;
  font-size: 1.25rem;
  margin-bottom: 20px;
  display: block;
}
@media only print, screen and (max-width:1279px) {
  .sna-footer-links-and-subscription .sna-subscription .sna-subscription-container span.newsletter-desc {
    font-size: 16px;
  }
}
@media only print, screen and (max-width: 767px) {
  .sna-footer-links-and-subscription .sna-subscription .sna-subscription-container span.newsletter-desc {
    font-size: 16px;
  }
}
.sna-footer-links-and-subscription .sna-subscription .sna-subscription-container input {
  width: 100%;
  padding: 10px;
  background-color: #fff;
  border: none;
  font-size: 1.25rem;
  margin-bottom: 10px;
  border-radius: 0;
  outline: none;
  color: #232323;
}
.sna-footer-links-and-subscription .sna-subscription .sna-subscription-container button {
  font-family: HelveticaNeueBold;
  border: none;
  background-color: #AC0000;
  color: #FFF;
  border: 1px solid #AC0000;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-decoration: none;
  font-size: 1.1rem;
  padding: 10px 20px;
}
@media only print, screen and (max-width: 375px) {
  .sna-footer-links-and-subscription .sna-subscription .sna-subscription-container button {
    font-size: 1.1rem;
  }
}
@media only print, screen and (min-width:768px) {
  .sna-footer-links-and-subscription .sna-subscription .sna-subscription-container button {
    font-size: 1.1rem;
  }
}
@media only print, screen and (min-width:1280px) {
  .sna-footer-links-and-subscription .sna-subscription .sna-subscription-container button {
    font-size: 1.1rem;
  }
}
@media only print, screen and (min-width:768px) {
  .sna-footer-links-and-subscription .sna-subscription .sna-subscription-container button {
    padding: 10px;
  }
}
@media only print, screen and (min-width:1280px) {
  .sna-footer-links-and-subscription .sna-subscription .sna-subscription-container button {
    -webkit-font-smoothing: antialiased;
  }
}
@media only print, screen and (min-width:820px) and (min-width:820px) and (any-pointer: fine) and (any-hover: hover) {
  .sna-footer-links-and-subscription .sna-subscription .sna-subscription-container button:hover {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
    background-color: #AC0000;
    color: #FFF;
  }
}
.sna-footer-links-and-subscription .sna-subscription .sna-subscription-container button:active, .sna-footer-links-and-subscription .sna-subscription .sna-subscription-container button:focus {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  background-color: #AC0000;
  color: #FFF;
}
.sna-footer-links-and-subscription .sna-subscription .sna-subscription-container button {
  width: 100%;
  text-align: center;
}
.sna-footer-links-and-subscription .sna-subscription .sna-subscription-container button img {
  display: none;
}

/*END: FOOTER PART 2*/
.sna-footer-copyright {
  align-items: center;
  justify-content: center;
  padding-bottom: 20px;
}
@media only print, screen and (max-width:1279px) {
  .sna-footer-copyright {
    flex-direction: column;
    text-align: center;
    padding-bottom: 10px;
  }
}
.sna-footer-copyright img {
  width: 154px;
  height: 26px;
}
.sna-footer-copyright .footer_info {
  color: #595959;
  font-size: 1rem;
  margin-right: 20px;
}
@media only print, screen and (max-width:1279px) {
  .sna-footer-copyright .footer_info {
    margin-top: 10px;
    margin-right: 0;
  }
}
@media only print, screen and (max-width: 767px) {
  .sna-footer-copyright .footer_info {
    font-size: 0.75rem;
  }
}

.goto-top {
  background-color: #e9eff0;
  text-align: center;
  padding: 10px;
  color: #232323;
  font-size: 1.25rem;
  font-family: HelveticaNeueBold;
  cursor: pointer;
}
@media only print, screen and (max-width: 767px) {
  .goto-top {
    font-size: 1rem;
  }
}
@media only print, screen and (max-width:1279px) {
  .goto-top {
    width: calc(100% + 20px);
    margin: 0 -10px;
  }
}
.goto-top img {
  width: 10px;
  transform: rotate(90deg);
  margin-right: 10px;
}

/*END: RE-BRANDING  2020*/
/*START: Old Code for subscription form in footer and in settings page required for validation messages*/
@media only print, screen and (max-width: 767px) {
  #mc_embed_signup {
    width: 100%;
  }
}
@media only print, screen and (max-width: 767px) and (min-width:768px) {
  #mc_embed_signup {
    position: absolute;
    right: 10px;
    bottom: 15px;
  }
}
@media only print, screen and (max-width: 767px) {
  #mc_embed_signup.email_text {
    position: static;
    transform: none;
    width: calc(100% - 10px);
  }
}
#mc_embed_signup .mc-field-group {
  position: relative;
  z-index: 4 !important;
}
#mc_embed_signup .arrow {
  border-width: 11px;
  border-bottom-color: #fff;
  border-top-width: 0;
  margin-left: -11px;
  top: -11px;
  position: absolute;
}
#mc_embed_signup .arrow:after {
  border-width: 10px;
  border-color: transparent;
  border-bottom-color: blue;
  border-top-width: 0;
  margin-left: -10px;
  top: 1px;
  content: " ";
  border-style: solid;
  display: block;
  height: 0;
  position: absolute;
  width: 0;
  left: calc(100% - 120px);
}

#mc_embed_signup {
  z-index: 4 !important;
}
#mc_embed_signup .mc-field-group.empty div.mce_inline_error {
  display: none;
}
#mc_embed_signup .mc-field-group.empty div.mce_inline_error:after, #mc_embed_signup .mc-field-group.empty div.mce_inline_error:before {
  display: none;
}
#mc_embed_signup .mc-field-group div.mce_inline_error {
  color: #e6e8ec;
  background-color: transparent;
  font-weight: normal;
  font-family: HelveticaNeueReg;
  font-size: 16px;
  padding-right: 0;
  display: inline-block;
  height: 0;
  width: 0;
  overflow: hidden;
  padding: 0;
  margin: 0;
}
#mc_embed_signup .mc-field-group div.mce_inline_error:after {
  border-width: 10px;
  border-color: transparent;
  border-bottom-color: #fff;
  border-top-width: 0;
  margin-left: -10px;
  top: 41px;
  content: " ";
  border-style: solid;
  display: block;
  height: 0;
  position: absolute;
  width: 0;
  left: calc(100% - 93px);
  z-index: 4 !important;
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  #mc_embed_signup .mc-field-group div.mce_inline_error:after {
    top: 47px;
  }
}
@media only print, screen and (max-width: 767px) {
  #mc_embed_signup .mc-field-group div.mce_inline_error:after {
    top: 34px;
  }
}
#mc_embed_signup .mc-field-group div.mce_inline_error:before {
  position: absolute;
  top: 50px;
  left: calc(100% - 185px);
  border: 1px solid #000;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
  content: " البريد الإلكتروني غير صحيح";
  color: #000;
  padding: 5px 10px;
  background: #fff;
  display: inline-block;
  border-radius: 5px;
  z-index: 4 !important;
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  #mc_embed_signup .mc-field-group div.mce_inline_error:before {
    top: 56px;
  }
}
@media only print, screen and (max-width: 767px) {
  #mc_embed_signup .mc-field-group div.mce_inline_error:before {
    top: 43px;
  }
}
#mc_embed_signup.settings_email {
  position: static;
}
@media only print, screen and (max-width: 767px) {
  #mc_embed_signup.settings_email {
    width: 100%;
  }
}
@media only print, screen and (max-width: 767px) {
  #mc_embed_signup.settings_email .mc-field-group {
    width: 90%;
  }
}
#mc_embed_signup.settings_email .mc-field-group div.mce_inline_error:after {
  top: 53px;
}
#mc_embed_signup.settings_email .mc-field-group div.mce_inline_error:before {
  top: 62px;
}

@media only print, screen and (min-width:768px) and (max-width:1279px) {
  #mc_embed_signup.settings_email #mce-responses, #mc_embed_signup.footer_email #mce-responses {
    position: relative;
  }
}
#mc_embed_signup #mce-responses {
  position: relative;
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  #mc_embed_signup #mce-responses {
    position: static;
    height: 0;
  }
}
#mc_embed_signup #mce-responses #mce-error-response {
  color: #e6e8ec;
  font-size: 16px;
  padding-right: 0;
  height: 0;
  width: 0;
  overflow: hidden;
  padding: 0;
}
@media only print, screen and (max-width:1279px) {
  #mc_embed_signup #mce-responses #mce-error-response {
    display: inline-block;
  }
}
#mc_embed_signup #mce-responses #mce-error-response a {
  display: none;
}
#mc_embed_signup #mce-responses #mce-error-response:after {
  border-width: 10px;
  border-color: transparent;
  border-bottom-color: #fff;
  border-top-width: 0;
  margin-left: -10px;
  top: 1px;
  content: " ";
  border-style: solid;
  display: block;
  height: 0;
  position: absolute;
  width: 0;
  left: calc(100% - 69px);
  z-index: 4 !important;
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  #mc_embed_signup #mce-responses #mce-error-response:after {
    top: 47px;
  }
}
#mc_embed_signup #mce-responses #mce-error-response:before {
  position: absolute;
  top: 10px;
  left: calc(100% - 138px);
  border: 1px solid #000;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
  content: " تم التسجيل مسبقاً";
  color: black;
  padding: 5px 10px;
  background: #fff;
  display: inline-block;
  border-radius: 5px;
  z-index: 4 !important;
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  #mc_embed_signup #mce-responses #mce-error-response:before {
    top: 56px;
  }
}
#mc_embed_signup #mce-responses #mce-success-response {
  color: #e6e8ec;
  font-size: 16px;
  padding-right: 0;
  display: none !important;
}
@media only print, screen and (max-width:1279px) {
  #mc_embed_signup #mce-responses #mce-success-response {
    display: inline-block;
  }
}
#mc_embed_signup #mce-responses #mce-success-response:before {
  content: "شكرًا للاشتراك بالنشرة الإخبارية";
  color: #2777d3;
  padding-top: 10px;
  display: inline-block;
}
#mc_embed_signup.footer_email #mce-responses #mce-error-response:before {
  top: -48px;
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  #mc_embed_signup.footer_email #mce-responses #mce-error-response:before {
    top: -48px;
  }
}
#mc_embed_signup.footer_email #mce-responses #mce-error-response:after {
  top: -58px;
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  #mc_embed_signup.footer_email #mce-responses #mce-error-response:after {
    top: -58px;
  }
}
#mc_embed_signup.settings_email #mce-responses #mce-error-response:before {
  top: 10px;
}
#mc_embed_signup.settings_email #mce-responses #mce-error-response:after {
  top: 1px;
}

.mc-field-group.settings {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 80%;
  max-width: 400px;
  flex-wrap: wrap;
}
.mc-field-group.settings .clear {
  width: 25%;
  margin-top: 7px;
  height: calc(100% - 27px);
}
.mc-field-group.settings .clear input {
  padding: 11px;
  width: 100%;
}

#mc-embedded-subscribe.subscribed {
  background: #4CAF50;
}
#mc-embedded-subscribe.subscribed span {
  padding-left: 10px;
}
@media only print, screen and (max-width: 767px) {
  #mc-embedded-subscribe.subscribed span {
    padding-left: 5px;
  }
}
#mc-embedded-subscribe.subscribed img {
  display: inline;
}

/*END: Old Code for subscription form in footer and in settings page required for validation messages*/

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