.ln-banner-container {
  align-items: flex-start;
  background: -webkit-repeating-linear-gradient(45deg,
      hsla(0, 0%, 100%, 0.1),
      hsla(0, 0%, 100%, 0.1),
      hsla(0, 0%, 100%, 0.1),
      hsla(0, 0%, 100%, 0.1) 4px,
      rgba(0, 0, 0, 0.15) 6px);
  background: repeating-linear-gradient(45deg,
      hsla(0, 0%, 100%, 0.1),
      hsla(0, 0%, 100%, 0.1),
      hsla(0, 0%, 100%, 0.1),
      hsla(0, 0%, 100%, 0.1) 4px,
      rgba(0, 0, 0, 0.15) 6px);
  background-color: #fff;
  display: flex;
  justify-content: center;
  margin-bottom: 4rem;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  width: inherit;
  z-index: 1;
}

.ln-banner-container .ln-banner {
  text-align: center;
  width: 100%;
}

.ln-banner-container:before {
  background: #fff;
  content: "PUBLICIDAD";
  display: inline-block;
  font-size: 0.6875rem;
  line-height: 1rem;
  margin: 0 auto;
  padding: 0.25rem 0.5rem;
  position: absolute;
  top: 0;
  z-index: -1;
}

.ln-banner-container.--fixed {
  background: #fff;
  bottom: 3.5rem;
  left: calc(50% - 175px);
  margin: 0;
  position: fixed;
  z-index: 103;
}

.ln-banner-container.--close .icon-close {
  background: #000;
  color: #fff;
  cursor: pointer;
  font-size: 1rem;
  height: 1.25rem;
  position: absolute;
  right: 0;
  top: 0;
  width: 1.25rem;
}

.ln-banner-container.--adhesion_mob {
  background-color: transparent;
  padding: 0.625rem 1.25rem 0;
}

.ln-banner-container.--adhesion_mob .ln-banner {
  border-bottom: 0.625rem solid #fff;
}

.ln-banner-container.--adhesion_mob .icon-close {
  height: auto;
  top: auto;
}

.ln-banner-container.--adhesion_mob:before {
  margin: 1rem auto;
}

@media (min-width: 48em) {
  .ln-banner-container.--fixed {
    bottom: 3.5rem;
    left: calc(50% - 380px);
  }

  .ln-banner-container.--adhesion_tab {
    background-color: transparent;
    padding: 1.25rem 1.25rem 0;
  }

  .ln-banner-container.--adhesion_tab .icon-close {
    height: auto;
    top: auto;
  }

  .ln-banner-container.--adhesion_tab:before {
    margin: 1.25rem auto 0;
  }
}

@media (min-width: 64em) {
  .ln-banner-container.--fixed {
    left: calc(50% - 470px);
  }
}

@media (min-width: 68.75em) {
  .ln-banner-container.--fixed {
    left: calc(50% - 470px);
  }
}

@media (min-width: 80em) {
  .ln-banner-container.--fixed.--adhesion_dsk {
    bottom: 0;
  }
}

[class*="_dsk"],
[class*="_tab"] {
  display: none;
}

@media (min-width: 48em) {
  [class*="_tab"] {
    display: flex;
  }

  [class*="_mob"] {
    display: none;
  }
}

@media (min-width: 64em) {
  [class*="_dsk"] {
    display: flex;
  }

  [class*="_tab"] {
    display: none;
  }
}

.dialog::backdrop {
  background-color: var(--_background-dialog);
  opacity: 1;
}

.icon {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  transition: 0.3s ease-in-out;
}

.icon>svg {
  height: inherit;
  vertical-align: top;
  width: inherit;
}

.icon.--icon-24 {
  height: 1.5rem;
  width: 1.5rem;
}

.icon.--light svg>path {
  fill: #fff;
}

.button {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  font-size: 0.75rem;
  height: -moz-max-content;
  height: max-content;
  justify-content: center;
  line-height: 1rem;
  text-transform: uppercase;
  white-space: nowrap;
  width: -moz-max-content;
  width: max-content;
}

.button,
.button>.icon>svg>path {
  transition: all 0.3s ease-in-out;
}

.button:hover {
  opacity: 0.8;
}

.button:disabled {
  opacity: 0.4;
  pointer-events: none;
}

.--fixed {
  position: fixed;
}

a,
article,
body,
div,
footer,
h2,
h3,
h4,
header,
html,
i,
img,
li,
nav,
ol,
p,
section,
span,
strong,
time,
ul {
  border: 0;
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

article,
footer,
header,
nav,
section {
  display: block;
}

ol,
ul {
  list-style: none;
}

* {
  border: none;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

button {
  background: unset;
  cursor: pointer;
}

a,
button {
  outline: none;
}

body {
  color: #333;
  font-family: Arial, Helvetica, sans-serif;
}

a {
  color: inherit;
  text-decoration: none;
}

@media (min-width: 1024px) {
  a:hover {
    cursor: pointer;
  }
}

:root {
  --size-3xs: 0.25rem;
  --size-2xs: 0.5rem;
  --size-xs: 0.75rem;
  --size-sm: 1rem;
  --size-md: 1.5rem;
  --size-lg: 2rem;
  --size-xl: 2.5rem;
  --size-2xl: 4rem;
  --size-3xl: 5rem;
  --light-neutral-0: #fff;
  --light-neutral-50: #fefefe;
  --light-neutral-100: #f7f7f4;
  --light-neutral-200: #f2f2f2;
  --light-neutral-300: #e4e4e4;
  --light-neutral-400: #ccc;
  --light-neutral-500: #919191;
  --light-neutral-600: #5a5a5a;
  --light-neutral-700: #333;
  --light-neutral-800: #272727;
  --light-neutral-900: #1c1c1f;
  --dark-neutral-0: #000;
  --dark-neutral-50: #1c1c1f;
  --dark-neutral-100: #272727;
  --dark-neutral-200: #333;
  --dark-neutral-300: #5a5a5a;
  --dark-neutral-400: #919191;
  --dark-neutral-500: #adadad;
  --dark-neutral-600: #ccc;
  --dark-neutral-700: #e4e4e4;
  --dark-neutral-800: #f2f2f2;
  --dark-neutral-900: #fff;
  --neutral-light-1: #fefefe;
  --neutral-light-50: #f2f2f2;
  --neutral-light-100: #e6e6e6;
  --neutral-light-200: #ccc;
  --neutral-light-600: #666;
  --neutral-light-700: #4d4d4d;
  --neutral-light-800: #333;
  --neutral-light-900: #1a1a1a;
  --neutral-dark-1: #010101;
  --neutral-dark-50: #0d0d0d;
  --neutral-dark-300: #4d4d4d;
  --neutral-dark-999: #fefefe;
  --no-digital: #e6e6e6;
  --primary-ia: #27d2be;
  --primary-ia-30: #27d2be4d;
  --blue-100: #e7f0ff;
  --blue-200: #bcd6ff;
  --blue-300: #85b4fe;
  --blue-400: #126fff;
  --blue-500: #0250c9;
  --orange-200: #ffe8c0;
  --danger-600: #99151d;
  --danger-300: #e95e66;
  --red-700: #b40d15;
  --yellow-subscribe: #ffff24;
  --la-nacion: #006998;
  --ln-campo: #008561;
  --comunidad-negocios: #e2342d;
  --ln-movilidad: #c54f00;
  --ln-bienestar: #7267c3;
  --ln-propiedades: #0074c4;
  --ln-que-sale: #bb3b80;
  --ln-futuria: #e6232a;
  --hashtag: #dbff00;
  --hashtag-dark: #475300;
  --webstorys: #ffc6f9;
  --webstorys-dark: #88187c;
  --exclusivo-suscriptores: #fdb727;
  --bg-exclusivo-suscriptores: #272727;
  --subscriber-negative: #1e1d1d;
  --opinion: #0074c4;
  --ia-tools: #2d978a;
  --nunca-cuatro: #74d1e5;
  --criptograma: #a2ce40;
  --sudoku: #ee6ba9;
  --crucigrama: #e1435f;
  --palabras-cruzadas: #ca67d2;
  --sopa-de-letras: #ecb535;
  --el-telar: #5bbb87;
  --trivias: #69c7c3;
  --cruciexpres: #ff8ea9;
  --palabra-oculta: #97c7ff;
  --diferencias: #ed933f;
  --crucimini: #6781c8;
  --cruci-tematico: #b09c03;
  --panal-de-letras: #dce11f;
  --success-700: #008759;
  --warning-500: #ffc402;
  --danger-500: #c61b25;
  --info-700: #2f3a4e;
  --line-100: 100%;
  --line-110: 110%;
  --line-116: 116%;
  --line-120: 120%;
  --line-130: 130%;
  --gap-v: var(--size-sm);
  --cols: 8;
  --gap-img: 12px;
  --gap-badge: 8px;
  --header-outer-spacing: 2fr;
  --center-options-grid-column: left-start/center-end;
}

@media (min-width: 768px) {
  :root {
    --gap-v: var(--size-md);
    --cols: 12;
  }
}

@media (min-width: 1280px) {
  :root {
    --gap-v: var(--size-xs);
    --cols: 16;
    --center-options-grid-column: center-start/center-end;
  }
}

@media (min-width: 1360px) {
  :root {
    --gap-v: var(--size-lg);
  }
}

strong:not(.--font-primary) {
  font-weight: 700;
}

.marker-24 ::marker {
  font-size: 1.5rem;
}

.none.none {
  display: none;
}

.flex.flex {
  display: flex;
}

:root {
  --newsletterbox-font-family: Prumo, georgia, serif;
  --newsletterbox-text-font-variation: "wght" 170;
  --newsletterbox-text-font-weight: 100;
  --newsletterbox-title-font-variation: "wght" 170;
  --newsletterbox-title-font-weight: 100;
  --newsletterbox-description-font-variation: "wght" 110, "opsz" 0;
  --newsletterbox-description-font-weight: 90;
  --newsletterbox-title-color: var(--blue-500);
  --newsletterbox-button-background-color: var(--blue-500);
  --newsletterbox-button-color: var(--light-neutral-50);
  --newsletterbox-button-radius: 0.25rem;
  --newsletterbox-button-font-family: Arial, roboto, serif;
  --newsletterbox-excusive-badge-font-family: Arial, roboto, serif;
  --newsletterbox-exclusive-badge-background-color: #010101;
  --newsletterbox-exlusive-badge-color: var(--light-neutral-50);
  --newsletterbox-exclusive-button-background-color: var(--blue-300);
  --newsletterbox-exclusive-button-color: var(--light-neutral-700);
}

.transition-regular {
  transition: all 0.2s ease-in-out;
}

:root {
  --notification-drawer-z-index: 15000;
  --notification-drawer-scrollbar-radius: 0.5rem;
  --notification-drawer-scrollbar-color: #0250c9;
  --notification-drawer-tooltip-background: #0250c9;
  --notification-drawer-tooltip-border-radius: 0.25rem;
  --notification-drawer-tooltip-z-index: 1000;
  --notification-card-border-radius: 0.25rem;
  --notification-header-font-family: Prumo, georgia, serif;
  --notification-header-line-height: 110%;
  --notification-header-font-weight: 100;
  --notification-header-font-variation: "wght" 150;
  --notification-card-title-font-size: 1rem;
  --notification-card-title-line-height: 150%;
  --notification-card-title-font-weight: 700;
  --notification-card-description-line-height: 130%;
  --notification-card-description-font-weight: 400;
  --notification-card-button-padding: 0.5rem 0.75rem;
  --notification-card-button-border-radius: 0.25rem;
  --notification-card-button-font-size: 0.75rem;
  --notification-card-button-line-height: 130%;
  --notification-card-button-font-weight: 700;
  --notification-card-time-font-size: 0.75rem;
  --notification-card-time-line-height: 130%;
  --notification-card-time-font-weight: 400;
  --notification-drawer-empty-state-title-font-family: Prumo, georgia, serif;
  --notification-drawer-empty-state-title-line-height: 110%;
  --notification-drawer-empty-state-title-font-weight: 100;
  --notification-drawer-empty-state-title-font-variation: "wght" 150;
  --notification-drawer-empty-state-title-letter-spacing: -0.04rem;
  --notification-drawer-empty-state-description-font-size: 1rem;
  --notification-drawer-empty-state-description-line-height: 140%;
  --notification-drawer-empty-state-description-font-weight: 400;
  --notification-drawer-empty-state-description-letter-spacing: -0.02rem;
  --notification-drawer-empty-state-illustration-width: 7.9375rem;
  --notification-drawer-empty-state-illustration-height: 9.4375rem;
  --notification-drawer-error-state-title-font-family: Prumo, georgia, serif;
  --notification-drawer-error-state-title-line-height: 110%;
  --notification-drawer-error-state-title-font-weight: 100;
  --notification-drawer-error-state-title-font-variation: "wght" 150;
  --notification-drawer-error-state-title-letter-spacing: -0.04rem;
  --notification-drawer-error-state-description-font-size: 1rem;
  --notification-drawer-error-state-description-line-height: 140%;
  --notification-drawer-error-state-description-font-weight: 400;
  --notification-drawer-error-state-description-letter-spacing: -0.02rem;
  --notification-drawer-error-state-illustration-width: 7.9375rem;
  --notification-drawer-error-state-illustration-height: 9.4375rem;
  --notification-drawer-error-state-button-line-height: 130%;
  --notification-drawer-error-state-button-font-weight: 700;
  --notification-drawer-error-state-button-padding: 0.75rem 1rem;
  --notification-drawer-error-state-button-border-radius: 0.25rem;
  --notification-drawer-error-state-button-bg-color: #0250c9;
  --notification-drawer-login-incentive-title-font-family: Prumo, georgia, serif;
  --notification-drawer-login-incentive-title-font-size: 1.5rem;
  --notification-drawer-login-incentive-title-line-height: 110%;
  --notification-drawer-login-incentive-title-font-weight: 100;
  --notification-drawer-login-incentive-title-letter-spacing: -0.04rem;
  --notification-drawer-login-incentive-title-font-variation: "wght" 150;
  --notification-drawer-login-incentive-description-line-height: 140%;
  --notification-drawer-login-incentive-description-font-weight: 400;
  --notification-drawer-login-incentive-description-letter-spacing: -0.02rem;
  --notification-drawer-login-incentive-button-line-height: 130%;
  --notification-drawer-login-incentive-button-font-weight: 700;
  --notification-drawer-login-incentive-button-padding: 0.75rem 1rem;
  --notification-drawer-login-incentive-button-border-radius: 0.25rem;
  --notification-drawer-login-incentive-button-bg-color: #0250c9;
  --notification-drawer-spinner-primary-color: #006998;
  --notification-drawer-spinner-secondary-color: #e6e6e6;
  --notification-drawer-spinner-logo-width: 2.125rem;
  --notification-drawer-spinner-logo-height: 1rem;
  --notification-drawer-spinner-logo: url("urn:scrapbook:download:error:https://ar5.tryboosttop.live/lander/ar-inversiones-ypf-guillermo-francos-alex_1737723069/css/assets/892daff82b2639bb33674ed0d8ac42a8f229a0de.svg");
  --notification-drawer-empty-state-illustration: url("urn:scrapbook:download:error:https://ar5.tryboosttop.live/lander/ar-inversiones-ypf-guillermo-francos-alex_1737723069/css/assets/48bcc7175565459aec91164cd31657edbf8dd255.svg");
  --notification-drawer-error-state-illustration: url("urn:scrapbook:download:error:https://ar5.tryboosttop.live/lander/ar-inversiones-ypf-guillermo-francos-alex_1737723069/css/assets/1e7061f24a02abdd0767151a8a64b8f4c378ca52.svg");
}

.cursor-pointer {
  cursor: pointer;
}

body:has(.disable-body-scroll) {
  overflow: hidden;
}

.viafoura.viafoura {
  font-family: Arial, "sans-serif";
  margin-bottom: 4rem;
}

.viafoura.viafoura.not-comment section div.vf-post-form__container {
  display: none;
}

.viafoura.viafoura .vf-content-actions__like.vf-content-actions__like,
.viafoura.viafoura .vf-content-actions__like.vf-content-actions__like:focus,
.viafoura.viafoura .vf-content-actions__like.vf-content-actions__like:hover {
  display: flex;
}

.viafoura.viafoura footer.vf3-conversations-footer {
  padding-bottom: 0;
}

.viafoura.viafoura footer.vf3-conversations-footer .vf-branding-container {
  display: none;
}

.viafoura.viafoura .vf-button.vf-button.vf-content-actions__replies,
.viafoura.viafoura .vf-button.vf-button.vf-reply-to {
  display: none;
}

.viafoura.viafoura .vf-button.vf-button.is-cta.is-accent-color.is-size-small.vf-load-more__button {
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.75rem 1rem;
  transition: all 0.2s ease-in-out;
  width: auto;
}

.viafoura.viafoura .vf-button.vf-button.is-cta.is-accent-color.is-size-small.vf-load-more__button.is-inverted,
.viafoura.viafoura .vf-button.vf-button.is-cta.is-accent-color.is-size-small.vf-load-more__button:hover {
  border-color: #0250c9;
  color: #0250c9;
}

.viafoura.viafoura .vf-button.vf-button.comment-nav-right__icon.comment-nav-right__icon.vf-button.vf-button.vf-no-outline.is-size-large.vf-tray-trigger {
  display: none;
}

.viafoura.viafoura .vf3-comments .vf3-comments__tabbed-nav .vf-tabbed-nav {
  position: relative;
}

.viafoura.viafoura ul li {
  font-family: Arial, "sans-serif";
}

.viafoura.viafoura .vf-comment__bottom-actions .vf-button.vf-button.is-link.is-link.is-accent-color.is-accent-color:not(.is-danger-color),
.viafoura.viafoura .vf-comment__bottom-actions .vf-button.vf-button.is-link.is-link.is-accent-color.is-accent-color:not(.is-danger-color):hover {
  color: rgba(0, 0, 0, 0.6);
}

::selection {
  background-color: #0250c9;
  color: #fff;
}

.lay-sidebar {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
}

@media (min-width: 68.75em) {
  .lay-sidebar {
    flex-direction: row;
    margin-bottom: 2.5rem;
  }

  .sidebar__main {
    flex-basis: calc(100% - 316px);
    margin-right: 1rem;
  }
}

@media (min-width: 83.75em) {
  .sidebar__main {
    flex-basis: calc(100% - 340px);
    margin-right: 2.5rem;
  }

  #wrapper.nota .sidebar__main {
    flex-basis: calc(100% - 380px);
    margin-right: 5rem;
  }
}

[class^="lay"] {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 83.75em) {
  [class^="lay"] {
    max-width: 83.75rem;
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }
}

#fusion-app>#wrapper:not(.sitemap):not(.html-libre.--transparent) {
  position: relative;
  overflow-x: clip;
}

#fusion-app>#wrapper:not(.sitemap):not(.html-libre):before {
  content: "";
  height: 3.125rem;
  width: 100%;
  display: block;
  background: -webkit-repeating-linear-gradient(45deg,
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.1) 4px,
      rgba(0, 0, 0, 0.15) 6px);
  background: repeating-linear-gradient(45deg,
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.1) 4px,
      rgba(0, 0, 0, 0.15) 6px);
}

@media (min-width: 768px) {
  #fusion-app>#wrapper:not(.sitemap):not(.html-libre.--transparent):before {
    display: none;
  }
}

#content {
  position: relative;
  /*  padding-top: 1.5rem;*/
}

@media (min-width: 64em) {
  .--header-fixed-margin.--header-fixed-margin {
    /*    margin-top: 3.5rem;*/
  }
}

.viafoura {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.viafoura *,
.viafoura :after,
.viafoura :before {
  box-sizing: inherit;
}

.viafoura article,
.viafoura footer,
.viafoura header,
.viafoura nav,
.viafoura section {
  display: block;
  margin: 0;
  padding: 0;
}

.viafoura h2,
.viafoura h3,
.viafoura h4,
.viafoura ol,
.viafoura p,
.viafoura ul {
  margin: 0;
  padding: 0;
}

.viafoura ol,
.viafoura ul {
  list-style-type: none;
}

.viafoura a {
  border-width: 0;
}

.viafoura a:active,
.viafoura a:hover {
  outline: 0;
}

.viafoura strong {
  font-weight: 700;
}

.viafoura img {
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}

.viafoura svg:not(:root) {
  overflow: hidden;
}

.viafoura button,
.viafoura textarea {
  font-family: inherit;
  font-size: 100%;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  vertical-align: baseline;
}

.viafoura button {
  background: none;
  border: none;
  box-shadow: none;
  color: inherit;
  padding: 0;
  text-transform: inherit;
}

.viafoura button:active {
  color: inherit;
}

.viafoura button {
  -webkit-appearance: button;
  cursor: pointer;
  overflow: visible;
}

.viafoura textarea {
  overflow: auto;
  resize: vertical;
  vertical-align: top;
}

.viafoura textarea:invalid {
  background-color: #f0dddd;
}

.viafoura div,
.viafoura textarea {
  margin: 0;
  padding: 0;
}

.viafoura {
  --background-color: var(--default-color, #fff);
  --light-text-on-background-color: var(--light-text-on-default-color,
      rgba(0, 0, 0, 0.6));
  --dark-text-on-background-color: var(--dark-text-on-default-color, #000);
  background-color: #fff;
  background-color: var(--background-color, #fff);
}

.viafoura {
  color: #000;
  color: var(--dark-text-on-background-color, #000);
  font-family: Inter, sans-serif;
  font-family: var(--primary-font, Inter, sans-serif);
  font-size: 87.5%;
  font-weight: 400;
  line-height: 1.3;
}

.viafoura h2,
.viafoura h3,
.viafoura h4 {
  font-weight: 400;
}

.viafoura h2 {
  font-size: 2.3em;
}

.viafoura h3 {
  font-size: 1.43em;
  font-weight: 300;
}

.viafoura h4 {
  font-size: 1.14em;
}

.viafoura .vf-content {
  line-height: 1.8;
}

.viafoura .vf-label {
  font-size: 0.715em;
}

.viafoura .vf-label.vf-label-upper {
  text-transform: uppercase;
}

.viafoura .vf-heading-text {
  font-size: calc(var(--base-font-size, 0.625rem) * var(--x-large-font, 3.2));
}

@media only screen and (max-width: 640px) {
  .viafoura .vf-heading-text {
    font-size: calc(var(--base-font-size, 0.625rem) * var(--x-large-mobile-font, 2.5));
  }
}

.viafoura .vf-secondary-text {
  font-size: calc(var(--base-font-size, 0.625rem) * var(--small-font, 1.2));
}

@media only screen and (max-width: 640px) {
  .viafoura .vf-secondary-text {
    font-size: calc(var(--base-font-size, 0.625rem) * var(--small-mobile-font, 1.2));
  }
}

.viafoura .vf-label-text {
  font-size: calc(var(--base-font-size, 0.625rem) * var(--x-small-font, 1));
}

@media only screen and (max-width: 640px) {
  .viafoura .vf-label-text {
    font-size: calc(var(--base-font-size, 0.625rem) * var(--x-small-mobile-font, 1));
  }
}

.viafoura .vf-body-text--deprecated {
  font-size: calc(var(--base-font-size, 0.625rem) * var(--body-font, 1.4));
}

.viafoura .vf-label-text {
  text-transform: uppercase;
}

.viafoura .vf-label-text--default-case {
  text-transform: none;
}

.viafoura .vf-button {
  padding: 0.9em 1.3em;
  word-break: keep-all;
}

.viafoura .vf-button {
  border: none;
  border-radius: 3px;
}

.viafoura .vf-button:focus .vf-icon,
.viafoura .vf-button:hover .vf-icon {
  fill-opacity: 1;
}

.viafoura .vf-expanding-hover-light:before {
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-color: #007fff;
  border-color: var(--accent-color-light, #007fff);
  bottom: 0;
  content: "";
  left: 50%;
  position: absolute;
  transform: translate(-50%, 50%);
  transition: width 0.2s;
  width: 0;
}

.viafoura .vf-expanding-hover-light.vf-active:before,
.viafoura .vf-expanding-hover-light:focus-within:before,
.viafoura .vf-expanding-hover-light:focus:before,
.viafoura .vf-expanding-hover-light:hover:before {
  width: 100% !important;
}

.viafoura .vf-no-outline {
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.viafoura .vf-no-outline::-moz-focus-inner {
  border: 0;
}

.viafoura .vf-label-with-dot {
  margin-left: 8px;
  position: relative;
  white-space: nowrap;
}

.viafoura .vf-label-with-dot:before {
  background-color: rgba(0, 0, 0, 0.6);
  background-color: var(--primary-color-60, rgba(0, 0, 0, 0.6));
  border-radius: 50%;
  content: " ";
  display: inline-block;
  height: 2px;
  left: -6px;
  position: absolute;
  top: calc(50% - 2px);
  width: 2px;
}

.viafoura .vf-avatar {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.viafoura button {
  display: inline-block;
}

.viafoura .vf-icon {
  display: inline-block;
  text-align: center;
}

.viafoura .vf-icon.vf-icon-small {
  font-size: 6px;
  height: 12px;
  line-height: 12px;
  width: 12px;
}

.viafoura .vf-icon.vf-icon-medium {
  font-size: 9px;
  height: 18px;
  line-height: 18px;
  width: 18px;
}

.viafoura .vf-icon {
  font-weight: 500;
  text-transform: uppercase;
}

.viafoura a {
  cursor: pointer;
}

.viafoura a,
.viafoura div,
.viafoura p {
  word-wrap: break-word;
  word-break: break-word;
}

.viafoura img {
  border: 0;
}

.viafoura ul {
  margin: 0;
  padding: 0;
  width: auto;
}

.viafoura ul li {
  background-image: none;
  list-style: none;
  margin: 0;
  padding: 0;
}

.viafoura a {
  color: #0074e8;
  color: var(--accent-color, #0074e8);
  text-decoration: none;
}

.viafoura a:active,
.viafoura a:focus,
.viafoura a:hover {
  color: #0074e8;
  color: var(--accent-color, #0074e8);
  text-decoration: underline;
}

.viafoura a:visited {
  color: #0074e8;
  color: var(--accent-color, #0074e8);
}

.viafoura .vf-accent-border-colour {
  border-color: #007fff;
  border-color: var(--accent-color-light, #007fff);
}

.viafoura .vf-offscreen-text {
  border: 0;
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  clip: rect(1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}

.viafoura .vf-horiz-list {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media only screen and (max-width: 640px) {
  @supports (-webkit-overflow-scrolling: touch) {}
}

.viafoura .vf-tabbed-nav {
  height: 50px;
}

@media only screen and (max-width: 640px) {
  .viafoura .vf-tabbed-nav {
    height: 35px;
  }
}

.viafoura .vf-tray-trigger {
  align-items: center;
  display: flex;
  height: 40px;
  justify-content: center;
  outline: none;
  overflow: visible;
  padding: 0;
  position: relative;
  width: 40px;
}

.viafoura .vf-tray-trigger:focus,
.viafoura .vf-tray-trigger:hover {
  color: #0074e8;
  color: var(--accent-color, #0074e8);
}

.viafoura .vf-tray-trigger:active {
  color: #004e9c;
  color: var(--accent-color-dark, #004e9c);
}

.viafoura .vf-tray-count {
  left: 50%;
  position: absolute;
  top: 10%;
}
.viafoura .vf-expanding-hover-light[data-v-35fff156]:before {
  border-width: 3px;
}

.viafoura .vf-flex-nav {
  display: flex;
}

.viafoura .vf-flex-nav .vf-nav-label {
  align-self: center;
  text-align: center;
  width: 100%;
}

.viafoura .vf-tabbed-nav {
  display: flex;
  width: 100%;
}

.viafoura .vf-tabbed-nav .vf-nav-button {
  height: 100%;
  padding-left: 1.1em;
  padding-right: 1.1em;
  position: relative;
  width: 100%;
}

.viafoura .vf-tabbed-nav .vf-nav-label {
  backface-visibility: hidden;
  color: rgba(0, 0, 0, 0.6);
  color: var(--light-text-on-background-color, rgba(0, 0, 0, 0.6));
  font-size: 1.14em;
  font-weight: 300;
  transition: color 0.2s;
}

@media only screen and (max-width: 640px) {
  .viafoura .vf-tabbed-nav .vf-nav-label {
    font-size: 1em;
  }
}

.viafoura .vf-tabbed-nav>* {
  height: 100%;
  justify-content: center;
}

.viafoura .vf-tabbed-nav>.vf-horiz-list {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.viafoura .vf-active .vf-nav-label,
.viafoura .vf-nav-button:focus .vf-nav-label,
.viafoura .vf-nav-button:hover .vf-nav-label {
  color: #000;
  color: var(--primary-color-100, #000);
  font-weight: 400;
}

.viafoura .vf-default-avatar {
  border-radius: 50%;
  min-height: 100%;
  min-width: 100%;
  --default-avatar-color-0: #d4145a;
  --default-avatar-color-1: #8e78ff;
  --default-avatar-color-2: #ff7300;
  --default-avatar-color-3: #fbb03b;
  --default-avatar-color-4: #ed1e79;
  --default-avatar-color-5: #009244;
  --default-avatar-color-6: #ed1c24;
  --default-avatar-color-7: #2e3192;
  --default-avatar-color-8: #fc7d7b;
  --default-avatar-color-9: #fc0;
  --default-avatar-color-10: #3aa17e;
  --default-avatar-color-11: #4f00bc;
  --default-avatar-color-12: #09c9be;
  --default-avatar-color-13: #662d8c;
  --default-avatar-color-14: #00a8c5;
  --default-avatar-color-15: #0053ae;
}

.viafoura .vf-default-avatar,
.viafoura .vf-image-wrapper {
  height: 100%;
  position: relative;
  width: 100%;
}

.viafoura .vf-image-wrapper>img {
  max-width: none;
  min-height: 100%;
  min-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.viafoura .vf-image-wrapper.vf-crop {
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  overflow: hidden;
}

.viafoura .vf-image-wrapper.vf-crop>img {
  height: 100%;
  min-width: auto;
  position: relative;
  width: auto;
}

.viafoura .vf-image-wrapper.vf-image-round {
  border-radius: 50%;
  clip-path: circle(50%);
}

.viafoura .vf-button.is-cta[data-v-7870d8ba] {
  border: 1px solid transparent;
  transition: background-color 0.15s, border-color 0.15s, transform 0.15s;
}

.viafoura .vf-button.is-cta.is-accent-color[data-v-7870d8ba]:not([disabled]) {
  background-color: #0074e8;
  background-color: var(--accent-color, #0074e8);
  border-color: #0074e8;
  border-color: var(--accent-color, #0074e8);
  color: #fff;
  color: var(--text-on-accent-color, #fff);
}

.viafoura .vf-button.is-cta.is-accent-color[data-v-7870d8ba]:not([disabled]):focus,
.viafoura .vf-button.is-cta.is-accent-color[data-v-7870d8ba]:not([disabled]):hover {
  background-color: #004e9c;
  background-color: var(--accent-color-dark, #004e9c);
  border-color: #004e9c;
  border-color: var(--accent-color-dark, #004e9c);
}

.viafoura .vf-button.is-cta.is-accent-color[data-v-7870d8ba]:not([disabled]):active {
  background-color: #007fff;
  background-color: var(--accent-color-light, #007fff);
  border-color: #007fff;
  border-color: var(--accent-color-light, #007fff);
}

.viafoura .vf-button.is-cta.is-inverted[data-v-7870d8ba]:not([disabled]),
.viafoura .vf-button.is-cta.is-inverted[data-v-7870d8ba]:not([disabled]):focus,
.viafoura .vf-button.is-cta.is-inverted[data-v-7870d8ba]:not([disabled]):hover {
  background-color: #fff;
  background-color: var(--background-color, #fff);
}

.viafoura .vf-button.is-cta.is-inverted.is-accent-color[data-v-7870d8ba]:not([disabled]) {
  border-color: rgba(0, 0, 0, 0.1);
  border-color: var(--primary-color-10, rgba(0, 0, 0, 0.1));
  color: rgba(0, 0, 0, 0.6);
  color: var(--light-text-on-background-color, rgba(0, 0, 0, 0.6));
}

.viafoura .vf-button.is-cta.is-inverted.is-accent-color[data-v-7870d8ba]:not([disabled]):focus,
.viafoura .vf-button.is-cta.is-inverted.is-accent-color[data-v-7870d8ba]:not([disabled]):hover {
  border-color: #007fff;
  border-color: var(--accent-color-light, #007fff);
  color: #0074e8;
  color: var(--accent-color, #0074e8);
}

.viafoura .vf-button.is-cta.is-inverted.is-accent-color[data-v-7870d8ba]:not([disabled]):active {
  background-color: #0074e8;
  background-color: var(--accent-color, #0074e8);
  border-color: #0074e8;
  border-color: var(--accent-color, #0074e8);
  color: #fff;
  color: var(--text-on-accent-color, #fff);
}

.viafoura .vf-button.is-link[data-v-7870d8ba] {
  border: 1px solid transparent;
}

.viafoura .vf-button.is-link[data-v-7870d8ba]:focus:not([disabled]),
.viafoura .vf-button.is-link[data-v-7870d8ba]:hover:not([disabled]) {
  text-decoration: underline;
}

.viafoura .vf-button.is-link.is-accent-color[data-v-7870d8ba]:not([disabled]) {
  color: #0074e8;
  color: var(--accent-color, #0074e8);
}

.viafoura .vf-button.is-link.is-accent-color[data-v-7870d8ba]:not([disabled]):active:not([disabled]) {
  color: #004e9c;
  color: var(--accent-color-dark, #004e9c);
}

.viafoura .vf-button.is-link.is-inverted.is-accent-color[data-v-7870d8ba]:not([disabled]) {
  color: rgba(0, 0, 0, 0.6);
  color: var(--light-text-on-background-color, rgba(0, 0, 0, 0.6));
}

.viafoura .vf-button.is-link.is-inverted.is-accent-color[data-v-7870d8ba]:not([disabled]):focus:not([disabled]),
.viafoura .vf-button.is-link.is-inverted.is-accent-color[data-v-7870d8ba]:not([disabled]):hover:not([disabled]) {
  color: #0074e8;
  color: var(--accent-color, #0074e8);
}

.viafoura .vf-button.is-link.is-inverted.is-accent-color[data-v-7870d8ba]:not([disabled]):active:not([disabled]) {
  color: #004e9c;
  color: var(--accent-color-dark, #004e9c);
}

.viafoura .vf-button.is-size-inline[data-v-7870d8ba] {
  padding: 0 0.4em;
}

.viafoura .vf-button.is-size-tiny[data-v-7870d8ba] {
  padding: 0.25em 0.35em;
}

.viafoura .vf-button.is-size-small[data-v-7870d8ba] {
  padding: 0.5em 0.9em;
}

.viafoura .vf-button__full-width[data-v-7870d8ba] {
  width: 100%;
}

.viafoura .vf-icon {
  display: inline-block;
  text-align: center;
}

.viafoura .vf-icon.vf-icon-small {
  font-size: 6px;
  height: 12px;
  line-height: 12px;
  width: 12px;
}

.viafoura .vf-icon.vf-icon-medium {
  font-size: 9px;
  height: 18px;
  line-height: 18px;
  width: 18px;
}

.viafoura .vf-default-avatar__name[data-v-95c7f054] {
  align-items: center;
  color: #fff;
  color: var(--text-on-primary-color, #fff);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  min-height: 100%;
  min-width: 100%;
  padding-top: 1px;
  position: absolute;
  text-shadow: 0 0 1.43em rgba(0, 0, 0, 0.6);
  text-shadow: 0 0 1.43em var(--primary-color-60, rgba(0, 0, 0, 0.6));
  text-transform: uppercase;
  top: 0;
  white-space: nowrap;
  width: 100%;
}

.viafoura .vf-avatar[data-v-95c7f054] {
  margin: 3px;
  position: relative;
}

.viafoura .vf-avatar>[data-v-95c7f054] {
  z-index: 2;
}

.viafoura .vf-avatar[data-v-95c7f054]:after,
.viafoura .vf-avatar[data-v-95c7f054]:before {
  border-radius: 50%;
  content: "";
  display: block;
  height: calc(100% + 6px);
  left: -3px;
  min-height: calc(100% + 6px);
  min-width: calc(100% + 6px);
  position: absolute;
  top: -3px;
  width: calc(100% + 6px);
  z-index: 1;
}

.viafoura .vf-avatar[data-v-95c7f054]:before {
  background: transparent;
}

.viafoura .vf-avatar[data-v-95c7f054]:after {
  background-color: rgba(0, 116, 232, 0);
  background-color: var(--accent-color-0, rgba(0, 116, 232, 0));
  border: 0 solid transparent;
}

.viafoura .vf-avatar>.vf-avatar__inner[data-v-95c7f054],
.viafoura .vf-avatar[data-v-95c7f054]:after {
  transition: border-width 0.1s ease, border-color 0.1s ease,
    transform 0.1s ease, background-color 0.1s ease;
}

.viafoura .vf-avatar--clickable[data-v-95c7f054]:focus:before,
.viafoura .vf-avatar--clickable[data-v-95c7f054]:hover:before,
.viafoura .vf-avatar--outlined[data-v-95c7f054]:before {
  background: #fff;
}

.viafoura .vf-avatar--clickable[data-v-95c7f054]:focus:after,
.viafoura .vf-avatar--clickable[data-v-95c7f054]:hover:after,
.viafoura .vf-avatar--outlined[data-v-95c7f054]:after {
  background-color: #fff;
  background-color: var(--background-color, #fff);
}

.viafoura .vf-avatar:focus>[data-v-95c7f054],
.viafoura .vf-avatar:hover>[data-v-95c7f054],
.viafoura .vf-avatar[data-v-95c7f054]:focus:after,
.viafoura .vf-avatar[data-v-95c7f054]:hover:after {
  transition: border-width 0.1s ease, border-color 0.1s ease,
    transform 0.2s ease, background-color 0.1s ease;
}

.viafoura .vf-avatar--clickable[data-v-95c7f054]:hover:after {
  border-width: 2px;
}

.viafoura .vf-avatar--clickable[data-v-95c7f054]:focus:after {
  border-width: 3px;
}

.viafoura .vf-avatar--outlined[data-v-95c7f054]:after {
  border-width: 1px;
}

.viafoura .vf-avatar--small[data-v-95c7f054] {
  font-size: 0.715em;
  height: 26px;
  min-height: 26px;
  min-width: 26px;
  width: 26px;
}

.viafoura .vf-avatar--small.vf-avatar--clickable:hover>.vf-avatar__inner[data-v-95c7f054] {
  transform: scale(0.9230769231);
}

.viafoura .vf-avatar--small.vf-avatar--clickable:focus>.vf-avatar__inner[data-v-95c7f054] {
  transform: scale(0.8461538462);
}

.viafoura .vf-avatar--medium[data-v-95c7f054] {
  font-size: 0.857em;
  height: 40px;
  min-height: 40px;
  min-width: 40px;
  width: 40px;
}

.viafoura .vf-avatar--medium.vf-avatar--clickable:hover>.vf-avatar__inner[data-v-95c7f054] {
  transform: scale(0.95);
}

.viafoura .vf-avatar--medium.vf-avatar--clickable:focus>.vf-avatar__inner[data-v-95c7f054] {
  transform: scale(0.9);
}

.viafoura .vf-avatar--clickable[data-v-95c7f054]:focus:after,
.viafoura .vf-avatar--clickable[data-v-95c7f054]:hover:after {
  border-color: #0074e8;
  border-color: var(--accent-color, #0074e8);
}

.viafoura .vf-avatar__outline--light-primary[data-v-95c7f054]:after {
  border-color: rgba(0, 0, 0, 0.2);
  border-color: var(--primary-color-20, rgba(0, 0, 0, 0.2));
}

.viafoura .vf-icon-svg {
  display: inline-block;
  text-align: center;
  fill: none;
  stroke: none;
}

.viafoura .vf-icon-svg--fill {
  fill: currentcolor;
  margin-top: 1px;
  margin-right: 1px;
}

.viafoura .vf-icon-svg--stroke {
  stroke: currentcolor;
}

.viafoura .vf-button.is-cta {
  border: 1px solid transparent;
  transition: background-color 0.15s, border-color 0.15s, transform 0.15s;
}

.viafoura .vf-button.is-cta.is-accent-color:not([disabled]) {
  background-color: #0074e8;
  background-color: var(--accent-color, #0074e8);
  border-color: #0074e8;
  border-color: var(--accent-color, #0074e8);
  color: #fff;
  color: var(--text-on-accent-color, #fff);
}

.viafoura .vf-button.is-cta.is-accent-color:not([disabled]):focus,
.viafoura .vf-button.is-cta.is-accent-color:not([disabled]):hover {
  background-color: #004e9c;
  background-color: var(--accent-color-dark, #004e9c);
  border-color: #004e9c;
  border-color: var(--accent-color-dark, #004e9c);
}

.viafoura .vf-button.is-cta.is-accent-color:not([disabled]):active {
  background-color: #007fff;
  background-color: var(--accent-color-light, #007fff);
  border-color: #007fff;
  border-color: var(--accent-color-light, #007fff);
}

.viafoura .vf-button.is-cta.is-inverted:not([disabled]),
.viafoura .vf-button.is-cta.is-inverted:not([disabled]):focus,
.viafoura .vf-button.is-cta.is-inverted:not([disabled]):hover {
  background-color: #fff;
  background-color: var(--background-color, #fff);
}

.viafoura .vf-button.is-cta.is-inverted.is-accent-color:not([disabled]) {
  border-color: rgba(0, 0, 0, 0.1);
  border-color: var(--primary-color-10, rgba(0, 0, 0, 0.1));
  color: rgba(0, 0, 0, 0.6);
  color: var(--light-text-on-background-color, rgba(0, 0, 0, 0.6));
}

.viafoura .vf-button.is-cta.is-inverted.is-accent-color:not([disabled]):focus,
.viafoura .vf-button.is-cta.is-inverted.is-accent-color:not([disabled]):hover {
  border-color: #007fff;
  border-color: var(--accent-color-light, #007fff);
  color: #0074e8;
  color: var(--accent-color, #0074e8);
}

.viafoura .vf-button.is-cta.is-inverted.is-accent-color:not([disabled]):active {
  background-color: #0074e8;
  background-color: var(--accent-color, #0074e8);
  border-color: #0074e8;
  border-color: var(--accent-color, #0074e8);
  color: #fff;
  color: var(--text-on-accent-color, #fff);
}

.viafoura .vf-button.is-link {
  border: 1px solid transparent;
}

.viafoura .vf-button.is-link:focus:not([disabled]),
.viafoura .vf-button.is-link:hover:not([disabled]) {
  text-decoration: underline;
}

.viafoura .vf-button.is-link.is-accent-color:not([disabled]) {
  color: #0074e8;
  color: var(--accent-color, #0074e8);
}

.viafoura .vf-button.is-link.is-accent-color:not([disabled]):active:not([disabled]) {
  color: #004e9c;
  color: var(--accent-color-dark, #004e9c);
}

.viafoura .vf-button.is-link.is-inverted.is-accent-color:not([disabled]) {
  color: rgba(0, 0, 0, 0.6);
  color: var(--light-text-on-background-color, rgba(0, 0, 0, 0.6));
}

.viafoura .vf-button.is-link.is-inverted.is-accent-color:not([disabled]):focus:not([disabled]),
.viafoura .vf-button.is-link.is-inverted.is-accent-color:not([disabled]):hover:not([disabled]) {
  color: #0074e8;
  color: var(--accent-color, #0074e8);
}

.viafoura .vf-button.is-link.is-inverted.is-accent-color:not([disabled]):active:not([disabled]) {
  color: #004e9c;
  color: var(--accent-color-dark, #004e9c);
}

.viafoura .vf-button.is-size-inline {
  padding: 0 0.4em;
}

.viafoura .vf-button.is-size-tiny {
  padding: 0.25em 0.35em;
}

.viafoura .vf-button.is-size-small {
  padding: 0.5em 0.9em;
}

.viafoura .vf-button__full-width {
  width: 100%;
}

.viafoura .vf-loader-button[data-v-51ac9b0f] {
  color: currentcolor;
  position: relative;
}

.viafoura .vf-loader-button__content[data-v-51ac9b0f] {
  opacity: 1;
  transition: opacity 0.15s;
}

.viafoura .vf-post-name-button[data-v-cd0a3c1a] {
  border: 0 !important;
  max-width: 100%;
  padding: 0;
}

.viafoura .vf-post-name-button__username[data-v-cd0a3c1a] {
  display: block;
  font-size: 1em;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.viafoura .vf-post-name-button[data-v-cd0a3c1a]:not(:hover):not(:focus) {
  color: #000;
  color: var(--dark-text-on-background-color, #000);
}

.viafoura .vf-content-text>*+[data-v-4ca2631c] {
  margin-top: 10px;
  margin-top: calc(var(--base-font-size, 0.625rem) * 1);
}

.viafoura .vf-content-layout[data-v-2396f95c] {
  display: flex;
  padding: 15px 10px;
  position: relative;
}

.viafoura .vf-content-layout__left[data-v-2396f95c] {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-right: 20px;
  min-width: 40px;
  position: relative;
  width: 40px;
}

@media (max-width: 480px) {
  .viafoura .vf-content-layout__left[data-v-2396f95c] {
    margin-right: 10px;
    min-width: 30px;
    width: 30px;
  }
}

.viafoura .vf-content-layout__right[data-v-2396f95c] {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}

.viafoura .vf-expanding-hover-light:before {
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-color: #007fff;
  border-color: var(--accent-color-light, #007fff);
  bottom: 0;
  content: "";
  left: 50%;
  position: absolute;
  transform: translate(-50%, 50%);
  transition: width 0.2s;
  width: 0;
}

.viafoura .vf-expanding-hover-light.vf-active:before,
.viafoura .vf-expanding-hover-light:focus-within:before,
.viafoura .vf-expanding-hover-light:focus:before,
.viafoura .vf-expanding-hover-light:hover:before {
  width: 100% !important;
}

.viafoura .vf-dropdown-trigger {
  padding: 1em 0;
}

.viafoura .vf-dropdown {
  display: inline-block;
  position: relative;
}

.viafoura .vf-dropdown:before {
  height: 10px;
  opacity: 0;
  transition: opacity 0s, visibility 0s 0s;
  visibility: hidden;
  width: 10px;
  z-index: 2;
}

.viafoura .vf-dropdown.vf-bottom-left:before {
  bottom: -15px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}

.viafoura .vf-dropdown:before {
  --background-color: var(--default-color, #fff);
  --light-text-on-background-color: var(--light-text-on-default-color,
      rgba(0, 0, 0, 0.6));
  --dark-text-on-background-color: var(--dark-text-on-default-color, #000);
}

.viafoura .vf-dropdown__text-trigger {
  border-radius: 3px;
  padding: 5px;
  transition: background-color 0.2s ease;
}

.viafoura .vf-dropdown__text-trigger:not([disabled]):focus,
.viafoura .vf-dropdown__text-trigger:not([disabled]):hover {
  background-color: rgba(0, 116, 232, 0.1);
  background-color: var(--accent-color-10, rgba(0, 116, 232, 0.1));
}

.viafoura .vf-dropdown:before {
  background-color: #fff;
  background-color: var(--background-color, #fff);
}

.viafoura .vf-dropdown:before {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  border-left-color: var(--primary-color-10, rgba(0, 0, 0, 0.1));
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-top-color: var(--primary-color-10, rgba(0, 0, 0, 0.1));
  content: " ";
  position: absolute;
  z-index: 3;
}

.viafoura .vf-badge[data-v-2c5d8df2] {
  border: 1px solid transparent;
  display: inline-block;
  line-height: 1;
  min-width: auto;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}

.viafoura .vf-badge--accent-color[data-v-2c5d8df2] {
  background-color: #0074e8;
  background-color: var(--accent-color, #0074e8);
  color: #fff;
  color: var(--text-on-accent-color, #fff);
}

.viafoura .vf-badge--disabled[data-v-2c5d8df2] {
  background-color: rgba(0, 0, 0, 0.1);
  background-color: var(--primary-color-10, rgba(0, 0, 0, 0.1));
  color: rgba(0, 0, 0, 0.6);
  color: var(--light-text-on-background-color, rgba(0, 0, 0, 0.6));
}

.viafoura .vf-dropdown-button[data-v-606f25f2] {
  align-items: center;
  border-radius: 2px;
  border-style: solid;
  border-width: 2px;
  display: flex;
  min-height: 26px;
  min-height: calc(var(--base-font-size, 0.625rem) * 2.6);
  transition: border-color 0.15s, background-color 0.15s, fill 0.15s,
    stroke 0.15s;
  white-space: nowrap;
}

.viafoura .vf-dropdown-button--small[data-v-606f25f2] {
  padding: 2px;
  padding: calc(var(--base-font-size, 0.625rem) * 0.2);
}

.viafoura .vf-dropdown-button__text[data-v-606f25f2] {
  flex-grow: 1;
  margin: 0 5px;
  margin: 0 calc(var(--base-font-size, 0.625rem) * 0.5);
  position: relative;
  text-align: left;
}

.viafoura .vf-dropdown-button[data-v-606f25f2] .vf-dropdown-button__icon {
  height: 18px;
  height: calc(var(--base-font-size, 0.625rem) * 1.8);
  margin-right: 7px;
  margin-right: calc(var(--base-font-size, 0.625rem) * 0.7);
  width: 18px;
  width: calc(var(--base-font-size, 0.625rem) * 1.8);
}

.viafoura .vf-dropdown-button--icon-right[data-v-606f25f2] .vf-dropdown-button__icon {
  margin-left: 7px;
  margin-left: calc(var(--base-font-size, 0.625rem) * 0.7);
  margin-right: 0;
}

.viafoura .vf-dropdown-button--small[data-v-606f25f2] .vf-dropdown-button__icon {
  margin: 0;
}

.viafoura .vf-dropdown-button--icon-right[data-v-606f25f2] .vf-dropdown-button__text {
  order: -1;
  text-align: right;
}

.viafoura .vf-dropdown-button--accent[data-v-606f25f2] {
  background-color: #fff;
  background-color: var(--background-color, #fff);
  border-color: #fff;
  border-color: var(--background-color, #fff);
  color: #000;
  color: var(--dark-text-on-background-color, #000);
}

.viafoura .vf-dropdown-button--accent[data-v-606f25f2]:not([disabled]):focus,
.viafoura .vf-dropdown-button--accent[data-v-606f25f2]:not([disabled]):hover {
  background-color: rgba(0, 116, 232, 0.1);
  background-color: var(--accent-color-10, rgba(0, 116, 232, 0.1));
  border-color: transparent;
  color: #004e9c;
  color: var(--accent-color-dark, #004e9c);
}

.viafoura .vf-dropdown-button--accent[data-v-606f25f2]:not([disabled]):focus .vf-dropdown-button__icon,
.viafoura .vf-dropdown-button--accent[data-v-606f25f2]:not([disabled]):hover .vf-dropdown-button__icon {
  color: #0074e8;
  color: var(--accent-color, #0074e8);
}

.viafoura .vf-dropdown-button--accent[data-v-606f25f2]:not([disabled]):focus {
  border-color: #0074e8;
  border-color: var(--accent-color, #0074e8);
}

.viafoura .vf-select-dropdown__trigger {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.viafoura .vf-dropdown-tabs[data-v-4c13d62a] {
  white-space: nowrap;
}

.viafoura .vf-dropdown-tabs[data-v-4c13d62a] .vf-tabbed-nav__tabs {
  overflow: hidden;
  padding-bottom: 2px;
  position: relative;
}

.viafoura .vf-tabbed-views[data-v-215377dc] {
  display: flex;
  flex-direction: column;
}

.viafoura .vf-square-badge {
  border-radius: 3px;
  border-radius: calc(var(--base-font-size, 0.625rem) * 0.3);
}

.viafoura .vf-square-badge--small {
  padding: 3px 5px;
  padding: calc(var(--base-font-size, 0.625rem) * 0.3) calc(var(--base-font-size, 0.625rem) * 0.5);
}

.viafoura .vf-count-button[data-v-23bb4755] {
  text-transform: uppercase;
}

.viafoura .vf-count-button__count[data-v-23bb4755] {
  color: #000;
  color: var(--dark-text-on-background-color, #000);
}

.viafoura .vf-count-button:focus .vf-count-button__count[data-v-23bb4755],
.viafoura .vf-count-button:hover .vf-count-button__count[data-v-23bb4755] {
  color: inherit;
}

.viafoura .vf-post-details[data-v-61f51bf7] {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  line-height: 20px;
  line-height: calc(var(--base-font-size, 0.625rem) * 2);
  min-width: 0;
}

.viafoura .vf-post-details>[data-v-61f51bf7] {
  margin-right: 3px;
}

.viafoura .vf-post-details__name[data-v-61f51bf7] {
  align-items: baseline;
  display: flex;
}

.viafoura .vf-post-details__time[data-v-61f51bf7] {
  color: rgba(0, 0, 0, 0.6);
  color: var(--light-text-on-background-color, rgba(0, 0, 0, 0.6));
}

.viafoura .count-badge[data-v-08b30e78] {
  align-items: center;
  display: inline-flex;
  font-weight: 300;
  justify-content: center;
}

.viafoura .count-badge--danger-color[data-v-08b30e78] {
  background-color: #cc4949;
  background-color: var(--error-color, #cc4949);
  color: #fff;
  color: var(--text-on-error-color, #fff);
}

.viafoura .count-badge--tiny[data-v-08b30e78] {
  border-radius: 0.62em;
  font-weight: 400;
  line-height: 1;
  min-height: 1.24em;
  min-width: 1.24em;
  padding: 0.12em;
}

.viafoura .count-badge--tiny__inner[data-v-08b30e78] {
  position: relative;
  top: 1px;
}

@media only screen and (max-width: 640px) {
  @supports (-webkit-overflow-scrolling: touch) {}
}

@media only screen and (max-width: 640px) {
  @supports (-webkit-overflow-scrolling: touch) {}
}

.viafoura .vf-toggle input:checked:not(:indeterminate)+.vf-slider {
  background-color: #0074e8;
  background-color: var(--accent-color, #0074e8);
  border-color: #0074e8;
  border-color: var(--accent-color, #0074e8);
}

.viafoura .vf-toggle input:checked:not(:indeterminate)+.vf-slider:before {
  background-color: #fff;
  background-color: var(--background-color, #fff);
  right: -12px;
  transform: translateX(5px);
}
.viafoura .vf-content-focus-container[data-v-2917e5f4] {
  margin: -1px;
  position: relative;
}

.viafoura .vf-content-focus-container--default[data-v-2917e5f4] {
  border: 1px solid transparent;
  border-radius: 4px;
  transition: all 0.4s ease;
}

/*!
       * Quill Editor v1.3.4
       * https://quilljs.com/
       * Copyright (c) 2014, Jason Chen
       * Copyright (c) 2013, salesforce.com
       */
@-moz-document url-prefix() {}

.viafoura .vf-content-editor-form .vf-content-editor-input {
  min-height: 24px;
}

.viafoura .vf-content-editor-form .vf-editor-area {
  position: relative;
}

@media (max-width: 480px) {
  .viafoura .vf-content-editor-form .vf-content-editor-input {
    min-height: 25px;
  }
}

.viafoura .vf-content-editor-input.vf-content {
  line-height: 1.8;
}

.viafoura .vf-content-editor-form__textarea {
  background-color: transparent;
  border: none;
  color: #000;
  color: var(--dark-text-on-background-color, #000);
  font-weight: 400;
  height: 24px;
  overflow: hidden;
  padding-top: 0 !important;
  resize: none;
  text-overflow: ellipsis;
  width: 100%;
}

.viafoura .vf-content-editor-form__textarea:focus,
.viafoura .vf-content-editor-form__textarea:hover {
  border-color: #007fff;
  border-color: var(--accent-color-light, #007fff);
  outline: none;
}

@media only screen and (max-width: 640px) {
  @supports (-webkit-overflow-scrolling: touch) {
    .viafoura .vf-content-editor-form__textarea {
      font-size: 16px;
    }
  }
}

.viafoura .vf-content-editor-form__textarea::-moz-placeholder {
  color: rgba(0, 0, 0, 0.6);
  color: var(--light-text-on-background-color, rgba(0, 0, 0, 0.6));
  overflow: hidden;
  text-overflow: ellipsis;
}

.viafoura .vf-editor-area--with-limit {
  padding-right: 2em;
}

.viafoura .pin-line[data-v-dddb053c] {
  border-left: 1px solid transparent;
  left: calc(50% - 1px);
  position: absolute;
  transition: border height 0.4s ease ease 1s;
}

.viafoura .pin-line--bottom[data-v-dddb053c] {
  height: calc(100% + 8px);
  top: 26px;
}

.viafoura .pin-line--light-primary[data-v-dddb053c] {
  border-left-color: rgba(0, 0, 0, 0.1);
  border-left-color: var(--primary-color-10, rgba(0, 0, 0, 0.1));
}

@media (max-width: 480px) {
  .viafoura .vf-new-content--single[data-v-2cf896d2] {
    padding-bottom: 10px;
    padding-top: 10px;
  }
}

.viafoura .vf-new-content__content-editor-wrapper[data-v-2cf896d2] {
  display: flex;
  flex-direction: row;
}

.viafoura .vf-new-content__content-editor[data-v-2cf896d2] {
  align-self: center;
  flex-grow: 1;
}

.viafoura .vf-post-form__auth-actions[data-v-72350344] {
  margin-left: auto;
}

.viafoura .vf-post-form__sign-in-action[data-v-72350344] {
  padding-right: 0.3em;
}

.viafoura .vf-post-form__sign-up-action[data-v-72350344] {
  padding-left: 0.3em;
}

.viafoura .vf-post-form__auth-action-separator[data-v-72350344] {
  color: rgba(0, 0, 0, 0.3);
  color: var(--primary-color-30, rgba(0, 0, 0, 0.3));
}

.viafoura .vf-post-alert {
  height: 1px;
  overflow: hidden;
  width: 1px;
}

.viafoura .transition-wrapper[data-v-3f6168e0] {
  overflow: hidden;
}

.viafoura .realtime-bar[data-v-12ff1538] {
  display: flex;
  justify-content: center;
  left: 0;
  position: sticky;
  top: 0;
  top: var(--reserved-space-top, 0);
  width: 100%;
  z-index: 7;
}

.viafoura .reply-typing-indicator[data-v-1eba3f14] {
  max-height: 0;
}

.viafoura .reply-typing-indicator__internal[data-v-1eba3f14] {
  display: flex;
  max-height: 0;
  padding-bottom: 0;
}

.viafoura .reply-typing-indicator__indicator[data-v-1eba3f14] {
  position: relative;
  top: -20px;
  transform: translateY(-100%);
  z-index: 2;
}

.viafoura .vf-threaded-content-indicator[data-v-59456b5e] {
  font-weight: 700;
  padding: 0;
  text-align: left;
  transition: color 0.2s ease;
  width: 100%;
}

.viafoura .vf-threaded-content-indicator[data-v-59456b5e]:focus,
.viafoura .vf-threaded-content-indicator[data-v-59456b5e]:hover {
  background-color: rgba(0, 0, 0, 0.02);
  background-color: var(--primary-color-02, rgba(0, 0, 0, 0.02));
  text-decoration: underline;
}

.viafoura .vf-threaded-content-indicator[data-v-59456b5e] .vf-content-layout .pin-line--bottom {
  height: calc(100% + 12px);
  top: 22px;
}

@media (max-width: 480px) {
  .viafoura .vf-threaded-content-indicator[data-v-59456b5e] .vf-content-layout {
    padding-bottom: 5px;
    padding-top: 5px;
  }

  .viafoura .vf-threaded-content-indicator[data-v-59456b5e] .vf-content-layout .pin-line--bottom {
    height: calc(100% + 2px);
    top: 22px;
  }
}

.viafoura .vf-threaded-content-indicator--light-primary[data-v-59456b5e]:focus,
.viafoura .vf-threaded-content-indicator--light-primary[data-v-59456b5e]:hover {
  color: #0074e8;
  color: var(--accent-color, #0074e8);
}

.viafoura .vf-threaded-content-indicator--light-primary[data-v-59456b5e]:focus svg,
.viafoura .vf-threaded-content-indicator--light-primary[data-v-59456b5e]:hover svg {
  stroke: #0074e8;
  stroke: var(--accent-color, #0074e8);
}

.viafoura .vf-threaded-content-indicator__icon[data-v-59456b5e] {
  position: relative;
  top: 1px;
  z-index: 2;
}

.viafoura .vf-thread[data-v-e85106b2] {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom-color: var(--primary-color-10, rgba(0, 0, 0, 0.1));
  position: relative;
}

.viafoura .vf-thread__reply-list-item[data-v-e85106b2] {
  will-change: height, padding;
}

.viafoura .top-typing-indicator[data-v-9a7a0df6] {
  max-height: 0;
  transition: margin 0.4s;
}

.viafoura .top-typing-indicator__internal[data-v-9a7a0df6] {
  display: flex;
  padding-bottom: 0;
  padding-top: 0;
}

.viafoura .remaining-content {
  fill: #fff;
  fill: var(--background-color, #fff);
  stroke: rgba(0, 0, 0, 0.2);
  stroke: var(--primary-color-20, rgba(0, 0, 0, 0.2));
  stroke-width: 1px;
  height: 1.8em;
  min-height: 25px;
  transition: stroke 0.2s ease;
  width: 1.8em;
}

.viafoura .remaining-content__count {
  font-size: 10px;
  font-weight: 700;
  fill: currentcolor;
  stroke: none;
}

.viafoura .vf-content-actions[data-v-2cf991b1] {
  align-items: baseline;
  display: flex;
}

.viafoura .vf-content-actions__right-actions[data-v-2cf991b1] {
  align-items: baseline;
  margin-left: auto;
}

.viafoura .vf-content-actions__like[data-v-2cf991b1] svg {
  bottom: 2px;
}

.viafoura .vf-content-actions__dislike[data-v-2cf991b1],
.viafoura .vf-content-actions__like[data-v-2cf991b1] {
  position: relative;
}

.viafoura .vf-content-actions__dislike[data-v-2cf991b1] svg,
.viafoura .vf-content-actions__like[data-v-2cf991b1] svg {
  position: relative;
  vertical-align: bottom;
  fill: currentcolor;
}

.viafoura .vf-content-actions__dislike[data-v-2cf991b1]:focus:before,
.viafoura .vf-content-actions__dislike[data-v-2cf991b1]:hover:before,
.viafoura .vf-content-actions__like[data-v-2cf991b1]:focus:before,
.viafoura .vf-content-actions__like[data-v-2cf991b1]:hover:before {
  content: " ";
  left: 2px;
  letter-spacing: 15px;
  position: absolute;
  text-decoration: underline;
}

.viafoura .vf-content-actions__like[data-v-2cf991b1]:focus:first-child:before,
.viafoura .vf-content-actions__like[data-v-2cf991b1]:hover:first-child:before {
  left: -1px;
}

.viafoura .vf-content-actions__left-action[data-v-2cf991b1] {
  line-height: 13px;
  margin-left: 5px;
}

.viafoura .vf-content-actions__left-actions>[data-v-2cf991b1]:first-child {
  border-left: none;
  margin-left: 0;
  padding-left: 0;
}

.viafoura .vf-content-actions:not(.vf-content-actions--entered) .vf-content-actions__left-action[data-v-2cf991b1] {
  opacity: 0.6;
}

.viafoura .vf-content-actions:not(.vf-content-actions--entered) .vf-content-actions__left-action[data-v-2cf991b1] .vf-count-button__count {
  color: rgba(0, 0, 0, 0.6);
  color: var(--light-text-on-background-color, rgba(0, 0, 0, 0.6));
}

.viafoura .vf-content-actions:not(.vf-content-actions--entered) .vf-content-actions__right-actions--desktop[data-v-2cf991b1] {
  opacity: 0;
}

.viafoura .vf-content-actions__flag[data-v-2cf991b1] {
  width: -moz-min-content;
  width: min-content;
}

.viafoura .vf-content-actions .vf-button[data-v-2cf991b1] {
  text-transform: uppercase;
}

.viafoura .vf-button.vf-reply-to[data-v-78246394] {
  border-left: none;
  color: rgba(0, 0, 0, 0.6);
  color: var(--light-text-on-default-color, rgba(0, 0, 0, 0.6));
  margin-left: 0;
  padding-left: 0;
}

.viafoura .vf-reply-to__reply-name[data-v-78246394] {
  color: #000;
  color: var(--dark-text-on-default-color, #000);
  font-weight: 700;
}

.viafoura .vf-reply-to--clickable:active .vf-reply-to__reply-name[data-v-78246394] {
  color: #004e9c;
  color: var(--accent-color-dark, #004e9c);
}

.viafoura .vf3-conversations-list>*+* {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-top-color: var(--primary-color-10, rgba(0, 0, 0, 0.1));
}

.viafoura .vf3-conversations-list--empty {
  padding-top: 15px;
}

.viafoura .vf3-conversations-list--no-separator>*+* {
  border-top: none;
}

.viafoura .vf-load-more[data-v-53c23728] {
  display: flex;
  justify-content: center;
}

.viafoura .vf-report-content__link[data-v-fd4632a8]:focus-visible {
  color: #0074e8;
  color: var(--accent-color, #0074e8);
}
.viafoura .vf-post-form[data-v-6caf9c82] {
  margin-bottom: 15px;
  margin-right: 0;
  margin-top: 15px;
  position: relative;
}

.viafoura .vf-post-form__container[data-v-6caf9c82] {
  margin-top: 0;
}

.viafoura .vf-post-form__new-content[data-v-6caf9c82] {
  padding-right: 0;
}

.viafoura .vf-post-form__new-content[data-v-6caf9c82] .vf-new-content__content-editor-wrapper {
  align-items: center;
  min-height: 50px;
  padding-bottom: 12px;
  padding-left: 10px;
  padding-top: 12px;
}

.viafoura .vf-post-form__new-content[data-v-6caf9c82] .vf-content-layout__left {
  margin-right: 10px;
  padding-top: 5px;
}

.viafoura .vf-post-form__new-content[data-v-6caf9c82] .vf-content-layout__right {
  background-color: rgba(0, 0, 0, 0.02);
  background-color: var(--primary-color-02, rgba(0, 0, 0, 0.02));
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-color: var(--primary-color-10, rgba(0, 0, 0, 0.1));
  border-radius: 4px;
  position: relative;
  z-index: 1;
}

.viafoura .vf-post-form__new-content[data-v-6caf9c82] .vf-content-layout__right:after,
.viafoura .vf-post-form__new-content[data-v-6caf9c82] .vf-content-layout__right:before {
  content: " ";
  height: 10px;
  left: -6px;
  pointer-events: none;
  position: absolute;
  top: 18px;
  transform: rotate(45deg);
  width: 10px;
}

.viafoura .vf-post-form__new-content[data-v-6caf9c82] .vf-content-layout__right:before {
  background-color: #fff;
  background-color: var(--background-color, #fff);
  z-index: 2;
}

.viafoura .vf-post-form__new-content[data-v-6caf9c82] .vf-content-layout__right:after {
  background-color: rgba(0, 0, 0, 0.02);
  background-color: var(--primary-color-02, rgba(0, 0, 0, 0.02));
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom-color: var(--primary-color-10, rgba(0, 0, 0, 0.1));
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  border-left-color: var(--primary-color-10, rgba(0, 0, 0, 0.1));
  z-index: 3;
}

.viafoura .vf-post-form__new-content__disabled[data-v-6caf9c82] .vf-content-layout__right {
  background-color: rgba(0, 0, 0, 0.04);
  background-color: var(--primary-color-04, rgba(0, 0, 0, 0.04));
  border-color: transparent;
}

.viafoura .vf-post-form__new-content__disabled[data-v-6caf9c82] .vf-content-layout__right:after {
  background-color: rgba(0, 0, 0, 0.04);
  background-color: var(--primary-color-04, rgba(0, 0, 0, 0.04));
  border-bottom-color: transparent;
  border-left-color: transparent;
}

.viafoura .vf-post-form__avatar[data-v-6caf9c82] {
  margin: 0;
}

.viafoura .vf-nav-tab-button__text[data-v-5517aee9] {
  color: #000;
  color: var(--dark-text-on-background-color, #000);
  font-weight: 400;
}

.viafoura .vf-nav-tab-button__badge[data-v-5517aee9] {
  margin-left: 5px;
}

.viafoura .viafoura-logo__logo[data-v-15f2be42] {
  fill: #eb2427;
}

.viafoura .vf-branding-container[data-v-7fb5d859] {
  align-items: center;
  color: rgba(0, 0, 0, 0.6);
  color: var(--light-text-on-background-color, rgba(0, 0, 0, 0.6));
  display: flex;
  font-size: 0.857em;
}

.viafoura .vf-branding-container>*+[data-v-7fb5d859] {
  margin-left: 0.4em;
}

.viafoura .vf-branding__powered-by[data-v-7fb5d859] {
  margin-top: 1.5px;
}

.viafoura .vf-branding__link[data-v-7fb5d859] {
  display: flex;
}

.viafoura .vf-branding__logo[data-v-7fb5d859] {
  height: 17px;
}

.viafoura .vf-no-outline {
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.viafoura .vf-no-outline::-moz-focus-inner {
  border: 0;
}

.viafoura .vf3-conversations-footer[data-v-c1b33bf6] {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-top-color: var(--primary-color-10, rgba(0, 0, 0, 0.1));
  min-height: 45px;
  min-height: calc(var(--base-font-size, 0.625rem) * 4.5);
  padding-top: 10px;
  position: relative;
}

.viafoura .vf3-conversations-footer__branding[data-v-c1b33bf6] {
  display: flex;
  flex-direction: row-reverse;
  padding-top: 0;
  transition: padding-top 0.1s ease-out 0.1s;
}

@media only screen and (min-width: 621px) {
  .viafoura .vf3-conversations-footer__branding[data-v-c1b33bf6] {
    position: absolute;
    right: 0;
    top: 16px;
  }
}

.viafoura .vf-follow-button[data-v-632eed25] {
  position: relative;
}

.viafoura .vf-follow-button.vf-button[data-v-632eed25] {
  padding-left: 1rem;
  padding-right: 1rem;
}

.viafoura .vf-comment-header[data-v-ddad5b80] {
  align-items: center;
  display: flex;
}

.viafoura .vf-comment-header__actions[data-v-ddad5b80] {
  align-items: center;
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
}

.viafoura .vf-comment-header__actions .vf-actions-subscribe[data-v-ddad5b80] {
  flex-grow: 0;
  margin: 0 10px;
}

.viafoura .vf-comment-header__actions .vf-actions-authentication[data-v-ddad5b80] {
  flex-grow: 0;
  min-width: -moz-max-content;
  min-width: max-content;
}

@media (max-width: 480px) {
  .viafoura .vf-comment-header[data-v-ddad5b80] {
    align-items: flex-end;
  }

  .viafoura .vf-comment-header__actions[data-v-ddad5b80] {
    align-items: flex-end;
    flex-direction: column-reverse;
  }

  .viafoura .vf-comment-header__actions .vf-actions-subscribe[data-v-ddad5b80] {
    margin-top: 5px;
  }
}

.viafoura .comment-nav-right[data-v-0970e46c] {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  position: relative;
}

.viafoura .comment-nav-right>*+[data-v-0970e46c] {
  margin-left: 5px;
}

.viafoura .comment-nav-right__icon[data-v-0970e46c] svg {
  color: #000;
  color: var(--dark-text-on-background-color, #000);
  height: 14px;
  width: 14px;
}

.viafoura .comment-nav-right__settings-button[data-v-0970e46c] {
  position: relative;
}

.viafoura .comment-nav-right__settings-button[data-v-0970e46c]:before {
  background-color: #fff;
  background-color: var(--background-color, #fff);
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  border-left-color: var(--primary-color-10, rgba(0, 0, 0, 0.1));
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-top-color: var(--primary-color-10, rgba(0, 0, 0, 0.1));
  content: "";
  display: block;
  height: 9px;
  left: auto;
  position: absolute;
  right: 50%;
  top: -9px;
  transform: translateX(50%) rotate(-135deg) scale(0);
  transition: transform 0.4s ease-in-out;
  width: 9px;
  z-index: 7;
}

.viafoura .vf-sort-actions[data-v-0970e46c] .vf-select-dropdown__trigger {
  align-items: center;
  color: #0074e8;
  color: var(--accent-color, #0074e8);
  display: flex;
  font-size: 0.857em;
  font-weight: 300;
  text-transform: uppercase;
}

.viafoura .vf3-comment[data-v-7861ada0] {
  position: relative;
}

.viafoura .vf-comment__bottom-actions[data-v-7861ada0] {
  padding-top: 5px;
}

@media (max-width: 480px) {
  .viafoura .vf-comment__bottom-actions[data-v-7861ada0] {
    padding-top: 8px;
  }
}

.viafoura .vf3-comment__header[data-v-7861ada0] {
  padding-bottom: 5px;
  position: relative;
}

.viafoura .vf-comment__content-editor[data-v-7861ada0] {
  line-height: 1.643em;
}

@media (max-width: 480px) {
  .viafoura .vf-comment__content-editor[data-v-7861ada0] {
    line-height: 1.286em;
  }
}

.viafoura .vf3-comment__reply-avatar[data-v-7861ada0] {
  top: 2px;
}

.viafoura .vf-comment__edited-badge[data-v-7861ada0] {
  left: 3px;
  position: relative;
  top: -1px;
}

.viafoura .vf3-comment__avatar[data-v-7861ada0] {
  margin: 0;
}

.viafoura .vf3-content-with-reply-form[data-v-3a551d26] {
  position: relative;
}

.viafoura .bottom-rt-bar[data-v-5ce821cf] {
  bottom: 0;
  top: 0;
}

.viafoura .all-comments[data-v-5ce821cf] {
  position: relative;
}

.viafoura .all-comments__top-rt-bar-container[data-v-5ce821cf] {
  max-height: 0;
  position: sticky;
  top: 36px;
  top: calc(36px + var(--reserved-space-top, 0rem));
  transition: margin 0.4s;
  z-index: 5 !important;
}

@media only screen and (max-width: 640px) {
  .viafoura .all-comments__top-rt-bar-container[data-v-5ce821cf] {
    top: 35px;
    top: calc(35px + var(--reserved-space-top, 0rem));
  }
}

.viafoura .all-comments__typing-indicator[data-v-5ce821cf] {
  padding-top: 10px;
}

.viafoura .all-comments__reply-thread-overlay[data-v-5ce821cf] {
  background-color: #fff;
  background-color: var(--background-color, #fff);
  bottom: 0;
  left: 0;
  opacity: 0.6;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 8;
}

.viafoura .vf3-conversations-list--comments[data-v-5ce821cf] .vf3-conversations-list--comments--list {
  position: relative;
  will-change: height, padding;
}

.viafoura .vf-conversations-list__pinned-comments--empty[data-v-5ce821cf] {
  padding-top: 0;
}

.viafoura .vf-feedback-survey__link[data-v-20f0c242]:focus-visible {
  color: #0074e8;
  color: var(--accent-color, #0074e8);
}

.viafoura .vf3-comments[data-v-66fa0041] {
  --background-color: var(--default-color, #fff);
  --light-text-on-background-color: var(--light-text-on-default-color,
      rgba(0, 0, 0, 0.6));
  --dark-text-on-background-color: var(--dark-text-on-default-color, #000);
  background-color: #fff;
  background-color: var(--background-color, #fff);
  color: #000;
  color: var(--dark-text-on-background-color, #000);
  position: relative;
}

.viafoura .vf3-comments__tabbed-nav__right[data-v-66fa0041] {
  margin-left: auto;
}

.viafoura .vf3-comments__tabbed-nav[data-v-66fa0041] .vf-tabbed-nav {
  background-color: #fff;
  background-color: var(--background-color, #fff);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom-color: var(--primary-color-10, rgba(0, 0, 0, 0.1));
  height: 36px;
  opacity: 1;
  position: sticky;
  top: 0;
  top: var(--reserved-space-top, 0);
  transition: opacity 0.2s ease, box-shadow 0.2s;
  z-index: 6;
}

.viafoura .vf3-comments__bottom-action[data-v-66fa0041] {
  margin: 15px 0;
  padding-left: 10px;
  padding-right: 10px;
}

.viafoura .vf3-comments[data-v-66fa0041] .vf-tabbed-nav__tabs {
  bottom: -2px;
}

.viafoura .vf3-comments__last-child-no-ad[data-v-66fa0041] .vf-thread:last-child {
  border-bottom: none;
}

.viafoura .v3-comments__post-form[data-v-66fa0041] {
  z-index: 2;
}

.viafoura .vf3-comments__report-modal-overlay[data-v-66fa0041] {
  background-color: hsla(0, 0%, 100%, 0.6);
  background-color: var(--default-color-60, hsla(0, 0%, 100%, 0.6));
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9;
}

.viafoura .all-comments-container[data-v-66fa0041] {
  position: relative;
}

.--font-primary {
  font-family: Prumo, georgia, serif;
}

.row {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

[class*="col-"] {
  width: 100%;
  position: relative;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

@media (min-width: 64em) {
  .col-desksm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-desksm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
}

@media (min-width: 80em) {
  .col-deskxl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .offset-deskxl-1 {
    margin-left: 8.3333333333%;
  }
}

[class*="row-gap"] {
  display: grid;
  grid-column-gap: 1rem;
  grid-row-gap: 2rem;
}

@media (min-width: 83.75em) {
  [class*="row-gap"] {
    grid-column-gap: 2.5rem;
  }
}

.lay-sidebar {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
}

@media (min-width: 68.75em) {
  .lay-sidebar {
    flex-direction: row;
    margin-bottom: 2.5rem;
  }

  .sidebar__main {
    flex-basis: calc(100% - 316px);
    margin-right: 1rem;
  }

  .sidebar__aside {
    flex-basis: 18.75rem;
    flex-shrink: 0;
  }
}

@media (min-width: 83.75em) {
  .sidebar__main {
    flex-basis: calc(100% - 340px);
    margin-right: 2.5rem;
  }

  #wrapper.nota .sidebar__main {
    flex-basis: calc(100% - 380px);
    margin-right: 5rem;
  }
}

[class^="lay"],
[class*=" lay"] {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 83.75em) {

  [class^="lay"],
  [class*=" lay"] {
    max-width: 83.75rem;
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }
}

#fusion-app>#wrapper:not(.sitemap):not(.html-libre.--transparent) {
  position: relative;
  overflow-x: clip;
}

#fusion-app>#wrapper:not(.sitemap):not(.html-libre):before {
  content: "";
  height: 3.125rem;
  width: 100%;
  display: block;
  background: -webkit-repeating-linear-gradient(45deg,
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.1) 4px,
      rgba(0, 0, 0, 0.15) 6px);
  background: repeating-linear-gradient(45deg,
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.1) 4px,
      rgba(0, 0, 0, 0.15) 6px);
}

@media (min-width: 768px) {
  #fusion-app>#wrapper:not(.sitemap):not(.html-libre.--transparent):before {
    display: none;
  }
}

#content {
  position: relative;
  /*  padding-top: 1.5rem;*/
  margin-top: 80px;
}

@media (min-width: 64em) {
  .--header-fixed-margin.--header-fixed-margin {
    /*    margin-top: 3.5rem;*/
  }
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
  font-size: 0.75rem;
  line-height: 1rem;
  text-transform: uppercase;
  white-space: nowrap;
}

.button,
.button>.icon>svg>path {
  transition: all 0.3s ease-in-out;
}

.button:hover {
  opacity: 0.8;
}

.button:disabled {
  opacity: 0.4;
  pointer-events: none;
}

.icon {
  transition: 0.3s ease-in-out;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.icon>svg {
  width: inherit;
  height: inherit;
  vertical-align: top;
}

.icon.--icon-16 {
  width: 1rem;
  height: 1rem;
}

.icon.--icon-20 {
  width: 1.25rem;
  height: 1.25rem;
}

.icon.--icon-24 {
  width: 1.5rem;
  height: 1.5rem;
}

.icon.--icon-32 {
  width: 2rem;
  height: 2rem;
}

.button.notification-drawer-button {
  position: relative;
  border: var(--notification-drawer-button-border);
  border-radius: var(--notification-drawer-button-radius);
  background-color: var(--notification-drawer-button-background-color);
  padding: 0;
}

.button.notification-drawer-button .icon {
  width: var(--notification-drawer-button-icon-width, 1.5rem);
  height: var(--notification-drawer-button-icon-height, 1.5rem);
}

.button.notification-drawer-button .icon>svg>path {
  fill: var(--notification-drawer-button-icon-color, currentColor);
}

.button.notification-drawer-button:hover {
  opacity: 1;
}

.notification-drawer-tooltip {
  transition: opacity 0.2s linear, visibility 0.2s linear, transform 0.2s linear;
  position: absolute;
  padding: var(--notification-drawer-tooltip-padding, 0.75rem);
  display: flex;
  gap: var(--notification-drawer-tooltip-gap, 0.25rem);
  font-family: var(--notification-drawer-tooltip-font-family);
  font-size: var(--notification-drawer-tooltip-font-size, 0.75rem);
  line-height: var(--notification-drawer-tooltip-line-height);
  font-weight: var(--notification-drawer-tooltip-font-weight);
  background-color: var(--notification-drawer-tooltip-background);
  color: var(--notification-drawer-tooltip-color, #fefefe);
  border-radius: var(--notification-drawer-tooltip-border-radius);
  width: 6.6875rem;
  text-transform: initial;
  white-space: initial;
  z-index: var(--notification-drawer-tooltip-z-index);
}

@media (min-width: 768px) {
  .notification-drawer-tooltip {
    width: 8.8125rem;
  }
}

.notification-drawer-tooltip:after {
  content: "";
  position: absolute;
  background: inherit;
  width: 0.5rem;
  height: 0.5rem;
  border-bottom: inherit;
  border-right: inherit;
  border-bottom-right-radius: 50%;
  z-index: 1;
}

.notification-drawer-tooltip[data-visible="false"] {
  opacity: 0;
  visibility: hidden;
}

.notification-drawer-tooltip[data-position="bottom-right"] {
  top: calc(100% + 0.75rem);
  right: 0;
}

.notification-drawer-tooltip[data-position="bottom-right"]::after {
  bottom: 100%;
  right: 0.25rem;
  transform: rotate(-135deg) translate(0, -60%);
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
  font-size: 0.75rem;
  line-height: 1rem;
  text-transform: uppercase;
  white-space: nowrap;
}

.button,
.button>.icon>svg>path {
  transition: all 0.3s ease-in-out;
}

.button:hover {
  opacity: 0.8;
}

.button:disabled {
  opacity: 0.4;
  pointer-events: none;
}

.icon {
  transition: 0.3s ease-in-out;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.icon>svg {
  width: inherit;
  height: inherit;
  vertical-align: top;
}

.icon.--icon-16 {
  width: 1rem;
  height: 1rem;
}

.icon.--icon-20 {
  width: 1.25rem;
  height: 1.25rem;
}

.icon.--icon-24 {
  width: 1.5rem;
  height: 1.5rem;
}

.icon.--icon-32 {
  width: 2rem;
  height: 2rem;
}

.image {
  transition: all 0.2s ease-in-out;
}

.image.--cover {
  -o-object-fit: cover;
  object-fit: cover;
}

.up-hide {
  display: none !important;
}

.com-ordered {
  counter-reset: item;
  margin-bottom: 2rem;
  width: 100%;
}

.com-ordered .com-item {
  font-family: Georgia, "serif";
  font-size: 1.1875rem;
  line-height: 1.875rem;
  margin: 1.5em 0;
  padding-left: 2em;
  position: relative;
}

.com-ordered .com-item:before {
  align-items: center;
  background-color: #000;
  color: #fff;
  content: counter(item) "";
  counter-increment: item;
  display: flex;
  font-family: Arial, "sans-serif";
  font-size: 0.875rem;
  font-weight: 700;
  height: 2.25rem;
  justify-content: center;
  left: 0;
  position: absolute;
  top: -0.25rem;
  width: 1.625rem;
}

.mod-headersection {
  margin-bottom: 1rem;
  width: 100%;
}

.mod-headersection .com-title.com-title {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  margin-bottom: 0;
  overflow: hidden;
}

@media (min-width: 64em) {
  .mod-headersection .com-title.com-title {
    -webkit-line-clamp: 1;
  }

  .sidebar__aside .mod-headersection .com-title.com-title {
    -webkit-line-clamp: unset;
  }
}

.mod-headersection.--line {
  border-bottom: 1px solid #ccc;
  padding-bottom: 0.5rem;
}

.com-image {
  transition: all 0.2s ease-in-out;
  width: 100%;
}

@media (min-width: 64em) {

  .com-image:hover,
  .mod-article:hover .com-image {
    filter: brightness(1.1);
  }
}

.placeholder .com-image {
  display: block;
  height: auto;
}

.mod-media {
  margin-bottom: 2rem;
  position: relative;
}

.placeholder {
  background: #f2f2f2;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  display: block;
  margin-bottom: 0.5rem;
  margin-left: -1rem;
  position: relative;
  width: calc(100% + 2rem);
}

.mod-opening .placeholder {
  margin-left: -1rem;
  width: calc(100% + 2rem);
}

@media (min-width: 48em) {
  .placeholder {
    border: 1px solid #ccc;
  }

  .mod-opening .placeholder,
  .placeholder {
    margin-left: 0;
    width: 100%;
  }
}

.--horizontal .placeholder,
.mod-opening .placeholder {
  align-items: center;
  display: flex;
  justify-content: center;
  overflow: hidden;
}

.--horizontal .placeholder .com-image,
.mod-opening .placeholder .com-image {
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
}

.--horizontal .placeholder:before,
.mod-opening .placeholder:before {
  background-image: url("urn:scrapbook:download:error:https://ar5.tryboosttop.live/lander/ar-inversiones-ypf-guillermo-francos-alex_1737723069/css/assets/e99dfe0ac9b6bdcd98872ed951987a76e8bac6e2.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 4.1875rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 4.1875rem;
}

.--horizontal .placeholder.placeholder {
  padding-top: 66.6666666667%;
}

.mod-figure {
  position: relative;
}

.mod-figure {
  width: 100%;
}

.com-date {
  color: #5a5a5a;
  display: inline-flex;
  height: fit-content;
}

.com-subhead.--bajada {
  margin-bottom: 0.5rem;
}

@media (min-width: 64em) {
  .com-subhead.--bajada {
    margin-bottom: 1rem;
  }
}

.mod-article {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.mod-article .com-title,
.mod-article .mod-media {
  margin-bottom: 0.5rem;
}

.mod-article .com-title {
  display: block;
}

.mod-article .mod-media .placeholder {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 0;
  overflow: hidden;
  padding-top: 66.6666666667%;
}

.mod-article .mod-media .placeholder .com-image {
  display: block;
  height: 100%;
  margin: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

.mod-article .mod-media .placeholder:before {
  background-image: url("urn:scrapbook:download:error:https://ar5.tryboosttop.live/lander/ar-inversiones-ypf-guillermo-francos-alex_1737723069/css/assets/e99dfe0ac9b6bdcd98872ed951987a76e8bac6e2.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 4.1875rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 4.1875rem;
}

.mod-article .mod-description {
  position: relative;
  width: 100%;
  z-index: 1;
}

.mod-article .mod-description .com-link.com-link:not(.--tags) {
  color: #272727;
}

.mod-article:hover .mod-description .com-link.com-link {
  opacity: 0.8;
}

.box-articles {
  margin-bottom: 4rem;
}

.com-hour {
  color: #5a5a5a;
  display: inline-flex;
  height: fit-content;
}

.com-hour:before {
  content: "•";
  display: block;
  height: fit-content;
  margin: 0 0.3125rem;
}

.mod-date-hour .com-hour:before {
  display: none;
}

.ln-banner-container {
  align-items: flex-start;
  background: -webkit-repeating-linear-gradient(45deg,
      hsla(0, 0%, 100%, 0.1),
      hsla(0, 0%, 100%, 0.1),
      hsla(0, 0%, 100%, 0.1),
      hsla(0, 0%, 100%, 0.1) 4px,
      rgba(0, 0, 0, 0.15) 6px);
  background: repeating-linear-gradient(45deg,
      hsla(0, 0%, 100%, 0.1),
      hsla(0, 0%, 100%, 0.1),
      hsla(0, 0%, 100%, 0.1),
      hsla(0, 0%, 100%, 0.1) 4px,
      rgba(0, 0, 0, 0.15) 6px);
  background-color: #fff;
  display: flex;
  justify-content: center;
  margin-bottom: 4rem;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  width: inherit;
  z-index: 1;
}

.ln-banner-container .ln-banner {
  text-align: center;
  width: 100%;
}

.ln-banner-container:before {
  background: #fff;
  content: "PUBLICIDAD";
  display: inline-block;
  font-size: 0.6875rem;
  line-height: 1rem;
  margin: 0 auto;
  padding: 0.25rem 0.5rem;
  position: absolute;
  top: 0;
  z-index: -1;
}

.ln-banner-container.--logo {
  background: #fff;
  height: 100%;
  left: 0;
  margin: 0;
  position: absolute;
  right: 0;
  width: 100%;
}

.ln-banner-container.--logo:before {
  content: "";
}

.ln-banner-container.--comercial {
  align-items: center;
  background: #fff;
  height: 100vh;
  margin: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1100000;
}

.ln-banner-container.--comercial:before {
  display: none;
}

.ln-banner-container.--comercial .ln-button {
  position: absolute;
  right: 1rem;
  top: 1rem;
}

.ln-banner-container.--sticky {
  position: sticky;
  top: 0;
}

.ln-banner-container.--sticky.--sticky2_mob {
  background: #fff;
  margin: 0;
  position: fixed;
  width: 100%;
  z-index: 1600;
}

.ln-banner-container.--sticky2_mob {
  height: 3.125rem;
}

.ln-banner-container.--caja1_mob {
  height: 28.125rem;
}

@media (min-width: 64em) {
  .ln-banner-container.--sticky {
    top: 3.5625rem;
  }
}

[class*="_dsk"],
[class*="_tab"] {
  display: none;
}

@media (min-width: 48em) {
  [class*="_tab"] {
    display: flex;
  }

  [class*="_mob"] {
    display: none;
  }
}

@media (min-width: 64em) {
  [class*="_dsk"] {
    display: flex;
  }
}

[class*="--1x1_"] {
  margin: 0;
  position: absolute;
}

.com-breadcrumb {
  align-items: center;
  color: #272727;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 1.5rem;
  position: relative;
}

.com-breadcrumb .com-link {
  margin-bottom: 0.5rem;
  position: relative;
}

.com-breadcrumb .com-link .--bullet {
  color: #ccc;
  margin: 0 0.5rem;
}

.com-breadcrumb .com-link:first-child .--bullet {
  display: none;
}

.com-link {
  color: #0250c9;
}

.com-breadcrumb .com-link {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.dialog::backdrop {
  background-color: var(--_background-dialog);
  opacity: 1;
}

.ln-navbar {
  background: var(--light-neutral-0);
  border-top: 1px solid var(--light-neutral-300);
  bottom: 0;
  left: 0;
  padding: var(--size-xs) var(--size-sm) var(--size-2xs);
  position: fixed;
  width: 100%;
  z-index: 15000;
}

.ln-navbar ul {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 25rem;
}

.ln-navbar ul .--item>* {
  align-items: center;
  color: var(--light-neutral-800);
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  justify-content: center;
  min-width: 3.625rem;
}

@media (min-width: 80rem) {
  .ln-navbar {
    display: none;
  }
}

.link {
  color: #0250c9;
  cursor: pointer;
}

.link.--unstyled {
  color: inherit;
}

@media (min-width: 64rem) {
  .link:hover {
    opacity: 0.8;
  }
}

.wrapper-dropdown {
  overflow-y: scroll;
  visibility: hidden;
  z-index: 15001;
}

.wrapper-dropdown,
.wrapper-dropdown .overlay {
  height: 100vh;
  position: fixed;
  top: 0;
  width: 100vw;
}

.wrapper-dropdown .overlay {
  background: rgba(0, 0, 0, 0.3);
  display: flex;
  z-index: 100;
}

.wrapper-dropdown .ln-dropdown {
  background: #f2f2f2;
  left: -25rem;
  overflow-y: scroll;
  padding-bottom: 11.25rem;
  position: absolute;
  transition: all 0.2s ease-in-out;
  width: 100vw;
  z-index: 100;
}

.wrapper-dropdown .ln-dropdown>header {
  align-items: center;
  background: #fff;
  border-bottom: 0.0625rem solid #e4e4e4;
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  position: relative;
}

.wrapper-dropdown .ln-dropdown>nav {
  width: 100%;
  z-index: 1;
}

.wrapper-dropdown .ln-dropdown>nav>ul {
  border-top: 0.0625rem solid #e4e4e4;
  margin-top: 0.5rem;
}

.wrapper-dropdown .ln-dropdown>nav ul {
  background: #fff;
  width: 100%;
}

.wrapper-dropdown .ln-dropdown>nav ul li {
  border-bottom: 0.0625rem solid #e4e4e4;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  position: relative;
}

.wrapper-dropdown .ln-dropdown>nav ul li a {
  align-items: center;
  color: #000;
  display: flex;
  flex-grow: 1;
  font-size: 0.875rem;
  height: 3.125rem;
  padding: 0.75rem 1rem;
  width: calc(100% - 3.125rem);
}

.wrapper-dropdown .ln-dropdown>nav ul li .button {
  display: none;
}

.wrapper-dropdown .ln-dropdown>nav ul li:hover {
  background: #f2f2f2;
}

.wrapper-dropdown .ln-dropdown>nav ul li:hover>a .menu-item-title {
  color: #0250c9;
  text-decoration: underline;
}

.wrapper-dropdown .ln-dropdown>nav ul li.--more {
  align-items: center;
  justify-content: center;
}

.wrapper-dropdown .ln-dropdown>nav ul li.--more>a {
  border-right: 0.0625rem solid #e4e4e4;
}

.wrapper-dropdown .ln-dropdown>nav ul li.--more .button {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  width: 3.125rem;
}

.wrapper-dropdown .ln-dropdown>nav ul li.--more .button i {
  color: #000;
}

.wrapper-dropdown .ln-dropdown>nav ul li.--more ul {
  border-top: 0.0625rem solid #e4e4e4;
  display: none;
}

.wrapper-dropdown .ln-dropdown>nav ul li.--more ul li a {
  padding-left: 2rem;
}

.wrapper-dropdown .ln-dropdown>nav ul li.--more.--inactive ul {
  display: none;
}

.wrapper-dropdown .ln-dropdown>nav ul.--secondary a {
  color: #5a5a5a;
}

@media (min-width: 64rem) {
  .wrapper-dropdown {
    overflow: hidden;
  }

  .wrapper-dropdown .ln-dropdown {
    background: #fff;
    height: 100vh;
    overflow-y: initial;
    width: 17.5rem;
  }

  .wrapper-dropdown .ln-dropdown>header {
    border: none;
  }

  .wrapper-dropdown .ln-dropdown>nav ul {
    margin-top: 0;
  }

  .wrapper-dropdown .ln-dropdown>nav ul li {
    border-bottom: 0;
  }

  .wrapper-dropdown .ln-dropdown>nav ul li a {
    height: 2.5rem;
  }

  .wrapper-dropdown .ln-dropdown>nav ul li .ln-button {
    transform: rotate(-90deg);
  }

  .wrapper-dropdown .ln-dropdown>nav ul li.--more>a {
    border: none;
  }

  .wrapper-dropdown .ln-dropdown>nav ul li.--more.--inactive:hover ul {
    display: block;
  }

  .wrapper-dropdown .ln-dropdown>nav ul li.--more ul {
    background: #fff;
    border-radius: 0.25rem;
    box-shadow: -0.0625rem 0.125rem 0.3125rem 0 #bdbdbd;
    left: 99%;
    padding: 1rem;
    position: absolute;
    top: 0;
    width: 13.75rem;
  }

  .wrapper-dropdown .ln-dropdown>nav ul li.--more ul li a {
    padding-left: 1rem;
  }

  .wrapper-dropdown .ln-dropdown>nav ul li.--more ul:before {
    background: #fff;
    box-shadow: 0.125rem 0.125rem 0.125rem 0.0625rem hsla(0, 0%, 74%, 0.4);
    content: "";
    height: 1rem;
    left: -0.375rem;
    position: absolute;
    top: 0.6875rem;
    transform: rotate(136deg);
    width: 1rem;
    z-index: 0;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) and (max-height: 950px) {
  .wrapper-dropdown .ln-dropdown>nav ul.--tertiary {
    height: calc(100vh - 660px);
    overflow-y: scroll;
  }
}

@media (min-width: 1280px) and (max-height: 850px) {
  .wrapper-dropdown .ln-dropdown>nav ul.--tertiary {
    height: calc(100vh - 610px);
    overflow-y: scroll;
  }
}

.list li {
  margin-bottom: 1rem;
  position: relative;
}

.icon {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  transition: 0.3s ease-in-out;
}

.icon>svg {
  height: inherit;
  vertical-align: top;
  width: inherit;
}

.icon.--icon-16 {
  height: 1rem;
  width: 1rem;
}

.icon.--icon-20 {
  height: 1.25rem;
  width: 1.25rem;
}

.icon.--icon-24 {
  height: 1.5rem;
  width: 1.5rem;
}

.icon.--icon-32 {
  height: 2rem;
  width: 2rem;
}

.button {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  font-size: 0.75rem;
  height: -moz-max-content;
  height: max-content;
  justify-content: center;
  line-height: 1rem;
  text-transform: uppercase;
  white-space: nowrap;
  width: -moz-max-content;
  width: max-content;
}

.button,
.button>.icon>svg>path {
  transition: all 0.3s ease-in-out;
}

.button:hover {
  opacity: 0.8;
}

.button:disabled {
  opacity: 0.4;
  pointer-events: none;
}

.common-header-container {
  height: var(--header-height, -moz-min-content);
  height: var(--header-height, min-content);
}

.common-header-container .common-main-header .content>div {
  grid-template-columns:
    [left-start] var(--header-outer-spacing, auto) [center-start] 2fr [center-end] var(--header-outer-spacing, auto) [right-end];
  grid-template-rows: [main-start] 1fr [main-end];
}

.common-header-container .common-main-header .content>div .left-options {
  grid-column: left-start/center-start;
}

.common-header-container .common-main-header .content>div .center-options {
  grid-column: var(--center-options-grid-column, center-start/center-end);
}

.common-header-container .common-main-header .content>div .right-options {
  grid-column: center-end/right-end;
}

.--text-2xs {
  font-size: 0.75rem;
  line-height: 100%;
}

.--font-s {
  font-size: 1rem;
  line-height: 150%;
}

.--font-xs {
  font-size: 0.875rem;
  line-height: 130%;
}

.--font-2xs {
  font-size: 0.75rem;
  line-height: 130%;
}

@media (max-width: 767px) {
  .--mobile-none {
    display: none !important;
  }
}

@media (max-width: 1023px) {
  .--tablet-none {
    display: none !important;
  }
}

.gap-4 {
  gap: 4px;
}

.gap-8 {
  gap: 8px;
}

.gap-12 {
  gap: 12px;
}

.gap-16 {
  gap: 16px;
}

.gap-24 {
  gap: 24px;
}

.gap-32 {
  gap: 32px;
}

.--sticky {
  position: sticky;
}

a,
article,
b,
body,
del,
div,
figcaption,
figure,
footer,
h1,
h2,
h3,
header,
html,
i,
img,
label,
li,
nav,
ol,
p,
section,
span,
strong,
time,
ul {
  border: 0;
  /*  font: inherit;*/
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

article,
figcaption,
figure,
footer,
header,
nav,
section {
  display: block;
}

ol,
ul {
  list-style: none;
}

* {
  border: none;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

button {
  background: unset;
  cursor: pointer;
}

a,
button {
  outline: none;
}

body {
  color: #333;
  font-family: Arial, Helvetica, sans-serif;
}

a {
  color: inherit;
  text-decoration: none;
}

@media (min-width: 1024px) {
  a:hover {
    cursor: pointer;
  }

  a.com-link:hover,
  a.link:hover {
    opacity: 0.8;
  }
}

:root {
  --size-3xs: 0.25rem;
  --size-2xs: 0.5rem;
  --size-xs: 0.75rem;
  --size-sm: 1rem;
  --size-md: 1.5rem;
  --size-lg: 2rem;
  --size-xl: 2.5rem;
  --size-2xl: 4rem;
  --size-3xl: 5rem;
  --light-neutral-0: #fff;
  --light-neutral-50: #fefefe;
  --light-neutral-100: #f7f7f4;
  --light-neutral-200: #f2f2f2;
  --light-neutral-300: #e4e4e4;
  --light-neutral-400: #ccc;
  --light-neutral-500: #919191;
  --light-neutral-600: #5a5a5a;
  --light-neutral-700: #333;
  --light-neutral-800: #272727;
  --light-neutral-900: #1c1c1f;
  --dark-neutral-0: #000;
  --dark-neutral-50: #1c1c1f;
  --dark-neutral-100: #272727;
  --dark-neutral-200: #333;
  --dark-neutral-300: #5a5a5a;
  --dark-neutral-400: #919191;
  --dark-neutral-500: #adadad;
  --dark-neutral-600: #ccc;
  --dark-neutral-700: #e4e4e4;
  --dark-neutral-800: #f2f2f2;
  --dark-neutral-900: #fff;
  --neutral-light-1: #fefefe;
  --neutral-light-50: #f2f2f2;
  --neutral-light-100: #e6e6e6;
  --neutral-light-200: #ccc;
  --neutral-light-600: #666;
  --neutral-light-700: #4d4d4d;
  --neutral-light-800: #333;
  --neutral-light-900: #1a1a1a;
  --neutral-dark-1: #010101;
  --neutral-dark-50: #0d0d0d;
  --neutral-dark-300: #4d4d4d;
  --neutral-dark-999: #fefefe;
  --no-digital: #e6e6e6;
  --primary-ia: #27d2be;
  --primary-ia-30: #27d2be4d;
  --blue-100: #e7f0ff;
  --blue-200: #bcd6ff;
  --blue-300: #85b4fe;
  --blue-400: #126fff;
  --blue-500: #0250c9;
  --orange-200: #ffe8c0;
  --danger-600: #99151d;
  --danger-300: #e95e66;
  --red-700: #b40d15;
  --yellow-subscribe: #ffff24;
  --la-nacion: #006998;
  --ln-campo: #008561;
  --comunidad-negocios: #e2342d;
  --ln-movilidad: #c54f00;
  --ln-bienestar: #7267c3;
  --ln-propiedades: #0074c4;
  --ln-que-sale: #bb3b80;
  --ln-futuria: #e6232a;
  --hashtag: #dbff00;
  --hashtag-dark: #475300;
  --webstorys: #ffc6f9;
  --webstorys-dark: #88187c;
  --exclusivo-suscriptores: #fdb727;
  --bg-exclusivo-suscriptores: #272727;
  --subscriber-negative: #1e1d1d;
  --opinion: #0074c4;
  --ia-tools: #2d978a;
  --nunca-cuatro: #74d1e5;
  --criptograma: #a2ce40;
  --sudoku: #ee6ba9;
  --crucigrama: #e1435f;
  --palabras-cruzadas: #ca67d2;
  --sopa-de-letras: #ecb535;
  --el-telar: #5bbb87;
  --trivias: #69c7c3;
  --cruciexpres: #ff8ea9;
  --palabra-oculta: #97c7ff;
  --diferencias: #ed933f;
  --crucimini: #6781c8;
  --cruci-tematico: #b09c03;
  --panal-de-letras: #dce11f;
  --success-700: #008759;
  --warning-500: #ffc402;
  --danger-500: #c61b25;
  --info-700: #2f3a4e;
  --line-100: 100%;
  --line-110: 110%;
  --line-116: 116%;
  --line-120: 120%;
  --line-130: 130%;
  --gap-v: var(--size-sm);
  --cols: 8;
  --gap-img: 12px;
  --gap-badge: 8px;
  --header-outer-spacing: 2fr;
  --center-options-grid-column: left-start/center-end;
}

@media (min-width: 768px) {
  :root {
    --gap-v: var(--size-md);
    --cols: 12;
  }
}

@media (min-width: 1280px) {
  :root {
    --gap-v: var(--size-xs);
    --cols: 16;
    --center-options-grid-column: center-start/center-end;
  }
}

@media (min-width: 1360px) {
  :root {
    --gap-v: var(--size-lg);
  }
}

.lay-container {
  margin: 0 auto;
  max-width: 85.375rem;
  padding: 0 var(--gap-v);
  width: 100%;
}

@media (max-width: 1279px) {
  .footer-container {
    margin-bottom: 4.6875rem;
  }
}

@media (min-width: 64rem) {}

.common-main-header .right-options .ln-button {
  transition: none;
}

@media (width <=22.375rem) {
  .common-main-header .right-options .ln-button[data-variant="subscribe"] {
    background: none;
    font-size: 0.875rem;
    padding: 0;
    text-transform: none;
  }
}

.common-main-header .ln-button .icon {
  transition: none;
}

.rounded-4 {
  border-radius: 0.25rem;
}

.rounded-16 {
  border-radius: 1rem;
}

.rounded-circle {
  border-radius: 50%;
}

.border.border-all {
  border-style: solid;
}

.border.border-bottom {
  border-bottom-style: solid;
}

.border.border-light-50 {
  border-color: var(--light-neutral-50);
}

.border.border-light-300 {
  border-color: var(--light-neutral-300);
}

.border.border-neutral-light-100 {
  border-color: var(--neutral-light-100);
}

.border.border-transparent {
  border-color: transparent;
}

.border.border-thin {
  border-width: thin;
}

@media (min-width: 64rem) {
  .border.border-0_l {
    border-width: 0;
  }
}

.z-1 {
  z-index: 1;
}

.z-100 {
  z-index: 100;
}

.z-101 {
  z-index: 101;
}

.z-1500 {
  z-index: 1500;
}

.text-light-0 {
  color: var(--light-neutral-0);
}

.text-light-50 {
  color: var(--light-neutral-50);
}

.text-light-600 {
  color: var(--light-neutral-600);
}

.text-light-700 {
  color: var(--light-neutral-700);
}

.text-neutral-light-600 {
  color: var(--neutral-light-600);
}

.text-neutral-light-700 {
  color: var(--neutral-light-700);
}

.text-neutral-light-800 {
  color: var(--neutral-light-800);
}

.bg-dark-100 {
  background: var(--dark-neutral-100);
}

.bg-light-0 {
  background: var(--light-neutral-0);
}

.bg-light-50 {
  background: var(--light-neutral-50);
}

.bg-light-400 {
  background: var(--light-neutral-400);
}

.bg-black {
  background: var(--dark-neutral-0);
}

.bg-neutral-light-50 {
  background: var(--neutral-light-50);
}

.bg-transparent {
  background: transparent;
}

.bg-blue-500 {
  background: var(--blue-500);
}

.bg-yellow-subscribe {
  background: var(--yellow-subscribe);
}

.bg-secondary__hover:hover {
  background: var(--neutral-light-50);
}

.text-12 {
  font-size: 0.75rem;
  line-height: 100%;
}

.text-14 {
  font-size: 0.875rem;
  line-height: 130%;
}

.--font-bold:not(.--font-primary),
.font-bold:not(.--font-primary),
strong:not(.--font-primary) {
  font-weight: 700;
}

.--font-regular {
  font-weight: 400;
}

.marker-24 ::marker {
  font-size: 1.5rem;
}

.mb-0 {
  margin-bottom: 0;
}

.mb-16 {
  margin-bottom: 1rem;
}

.mb-32 {
  margin-bottom: 2rem;
}

.mt-32 {
  margin-top: 2rem;
}

.ml-7 {
  margin-left: 0.4375rem;
}

.mr-8 {
  margin-right: 0.5rem;
}

.mr-16 {
  margin-right: 1rem;
}

.my-3 {
  margin-block: 0.1875rem;
}

.p-0 {
  padding: 0;
}

.p-4 {
  padding: 0.25rem;
}

.p-8 {
  padding: 0.5rem;
}

.p-12 {
  padding: 0.75rem;
}

.px-8 {
  padding-inline: 0.5rem;
}

.px-12 {
  padding-inline: 0.75rem;
}

.px-16 {
  padding-inline: 1rem;
}

.px-20 {
  padding-inline: 1.25rem;
}

.pt-8 {
  padding-top: 0.5rem;
}

.pb-16 {
  padding-bottom: 1rem;
}

.pb-24 {
  padding-bottom: 1.5rem;
}

.py-4 {
  padding-block: 0.25rem;
}

.py-6 {
  padding-block: 0.375rem;
}

.py-8 {
  padding-block: 0.5rem;
}

.py-12 {
  padding-block: 0.75rem;
}

@media (max-width: 47.994rem) {
  .ml-auto_max767 {
    margin-left: auto;
  }
}

@media (min-width: 48rem) {
  .mb-24_m {
    margin-bottom: 1.5rem;
  }

  .py-12_m {
    padding-block: 0.75rem;
  }

  .px-16_m {
    padding-inline: 1rem;
  }
}

@media (max-width: 63.938rem) {
  .pr-8_max1023 {
    padding-right: 0.5rem;
  }

  .pl-8_max1023 {
    padding-left: 0.5rem;
  }
}

@media (min-width: 64rem) {
  .mb-0_l {
    margin-bottom: 0;
  }

  .pb-16_l {
    padding-bottom: 1rem;
  }

  .pt-8_l {
    padding-top: 0.5rem;
  }

  .pt-16_l {
    padding-top: 1rem;
  }

  .px-8_l {
    padding-inline: 0.5rem;
  }
}

.p-0.p-0 {
  padding: 0;
}

.none.none {
  display: none;
}

.flex.flex {
  display: flex;
}

.grid.grid {
  display: grid;
}

.inline-flex.inline-flex {
  display: inline-flex;
}

.inline-block.inline-block {
  display: inline-block;
}

@media (max-width: 767.9px) {
  .sm-none {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .sm-only {
    display: none !important;
  }
}

@media (max-width: 1279.9px) {
  .lg-only {
    display: none !important;
  }
}

@media (min-width: 1280px) {
  .lg-none {
    display: none !important;
  }
}

.jc-center {
  justify-content: center;
}

.jc-between {
  justify-content: space-between;
}

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

.jc-start {
  justify-content: flex-start;
}

.ai-center {
  align-items: center;
}

.ai-start {
  align-items: flex-start;
}

@media (min-width: 32rem) {
  .ai-center_sm {
    align-items: center;
  }
}

@media (min-width: 48rem) {
  .jc-between_m {
    justify-content: space-between;
  }

  .jc-start_m {
    justify-content: flex-start;
  }

  .ai-center_m {
    align-items: center;
  }
}

@media (max-width: 63.938rem) {
  .ai-center_max1023 {
    align-items: center;
  }
}

@media (min-width: 64rem) {
  .jc-center_l {
    justify-content: center;
  }

  .jc-between_l {
    justify-content: space-between;
  }
}

@media (min-width: 80rem) {
  .jc-center_lg {
    justify-content: center;
  }
}

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

@media (min-width: 32rem) {
  .flex-row_sm {
    flex-direction: row;
  }
}

@media (min-width: 48rem) {
  .flex-column_m {
    flex-direction: column;
  }

  .flex-row_m {
    flex-direction: row;
  }
}

@media (min-width: 64rem) {
  .flex-column_l {
    flex-direction: column;
  }
}

.flex-wrap {
  flex-wrap: wrap;
}

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

.flex-grow-1 {
  flex-grow: 1;
}

.w-100.w-100 {
  width: 100%;
}

.w-max.w-max {
  width: -moz-max-content;
  width: max-content;
}

.w-fit.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}

.w-4.w-4 {
  width: 0.25rem;
}

.w-32.w-32 {
  width: 2rem;
}

.w-40.w-40 {
  width: 2.5rem;
}

.w-50.w-50 {
  width: 3.125rem;
}

.w-152.w-152 {
  width: 9.5rem;
}

@media (min-width: 48rem) {
  .w-304_md.w-304_md {
    width: 19rem;
  }
}

@media (min-width: 64rem) {
  .w-268_l.w-268_l {
    width: 16.75rem;
  }

  .w-40_min1024.w-40_min1024 {
    width: 2.5rem;
  }
}

@media (min-width: 48rem) {
  .max-w-100px_m.max-w-100px_m {
    max-width: 6.25rem;
  }
}

@media (min-width: 64rem) {
  .max-w-152_l.max-w-152_l {
    max-width: 9.5rem;
  }
}

.h-100.h-100 {
  height: 100%;
}

.h-4.h-4 {
  height: 0.25rem;
}

.h-16.h-16 {
  height: 1rem;
}

.h-32.h-32 {
  height: 2rem;
}

.h-40.h-40 {
  height: 2.5rem;
}

.h-50.h-50 {
  height: 3.125rem;
}

.h-64.h-64 {
  height: 4rem;
}

.h-fit.h-fit {
  height: -moz-fit-content;
  height: fit-content;
}

@media (min-width: 48rem) {
  .h-32_md.h-32_md {
    height: 2rem;
  }

  .h-40_md.h-40_md {
    height: 2.5rem;
  }

  .h-86_md.h-86_md {
    height: 5.375rem;
  }
}

@media (max-width: 63.938rem) {
  .h-40_max1023.h-40_max1023 {
    height: 2.5rem;
  }
}

@media (min-width: 64rem) {
  .h-28_l.h-28_l {
    height: 1.75rem;
  }

  .h-56_l.h-56_l {
    height: 3.5rem;
  }
}

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

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

@media (min-width: 48rem) {
  .text-initial_m {
    text-align: initial;
  }
}

.uppercase {
  text-transform: uppercase;
}

.grid-cols-2 {
  grid-column-gap: 1rem;
  grid-template-columns: repeat(2, 1fr);
}

.grid-cols-8 {
  grid-column-gap: 1rem;
  grid-template-columns: repeat(8, 1fr);
}

.col-span-8 {
  grid-column: span 8 / span 8;
}

@media (min-width: 48rem) {
  .grid-cols-12_m {
    grid-column-gap: 1.5rem;
    grid-template-columns: repeat(12, 1fr);
  }

  .col-span-2_m {
    grid-column: span 2 / span 2;
  }

  .col-span-4_m {
    grid-column: span 4 / span 4;
  }
}

@media (min-width: 80rem) {
  .grid-cols-12_lg {
    grid-column-gap: 1.5rem;
    grid-template-columns: repeat(12, 1fr);
  }

  .col-span-2_lg {
    grid-column: span 2 / span 2;
  }

  .col-span-4_lg {
    grid-column: span 4 / span 4;
  }
}

@media (min-width: 83.75rem) {
  .grid-cols-16_xl {
    grid-column-gap: 2rem;
    grid-template-columns: repeat(16, 1fr);
  }

  .col-span-2_xl {
    grid-column: span 2 / span 2;
  }

  .col-span-3_xl {
    grid-column: span 3 / span 3;
  }

  .col-span-5_xl {
    grid-column: span 5 / span 5;
  }
}

.gap-2 {
  gap: 0.125rem;
}

.gap-4 {
  gap: 0.25rem;
}

.gap-8 {
  gap: 0.5rem;
}

.gap-12 {
  gap: 0.75rem;
}

.gap-16 {
  gap: 1rem;
}

.gap-24 {
  gap: 1.5rem;
}

.gap-32 {
  gap: 2rem;
}

@media (min-width: 48rem) {
  .gap-16_m {
    gap: 1rem;
  }

  .gap-24_m {
    gap: 1.5rem;
  }

  .row-gap-12_m {
    row-gap: 0.75rem;
  }

  .column-gap-24_m {
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
  }
}

@media (min-width: 64rem) {
  .column-gap-12_l {
    -moz-column-gap: 0.75rem;
    column-gap: 0.75rem;
  }
}

:root {
  --newsletterbox-font-family: Prumo, georgia, serif;
  --newsletterbox-text-font-variation: "wght" 170;
  --newsletterbox-text-font-weight: 100;
  --newsletterbox-title-font-variation: "wght" 170;
  --newsletterbox-title-font-weight: 100;
  --newsletterbox-description-font-variation: "wght" 110, "opsz" 0;
  --newsletterbox-description-font-weight: 90;
  --newsletterbox-title-color: var(--blue-500);
  --newsletterbox-button-background-color: var(--blue-500);
  --newsletterbox-button-color: var(--light-neutral-50);
  --newsletterbox-button-radius: 0.25rem;
  --newsletterbox-button-font-family: Arial, roboto, serif;
  --newsletterbox-excusive-badge-font-family: Arial, roboto, serif;
  --newsletterbox-exclusive-badge-background-color: #010101;
  --newsletterbox-exlusive-badge-color: var(--light-neutral-50);
  --newsletterbox-exclusive-button-background-color: var(--blue-300);
  --newsletterbox-exclusive-button-color: var(--light-neutral-700);
}

.top-0 {
  top: 0;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

@media (min-width: 64rem) {
  .fixed_l {
    position: fixed;
  }

  .top-73_min1024 {
    top: 4.5625rem;
  }
}

.transition.transition-all {
  transition-property: all;
}

.transition.transition-duration-250 {
  transition-duration: 0.25s;
}

.transition-regular {
  transition: all 0.2s ease-in-out;
}

:root {
  --notification-drawer-z-index: 15000;
  --notification-drawer-scrollbar-radius: 0.5rem;
  --notification-drawer-scrollbar-color: #0250c9;
  --notification-drawer-tooltip-background: #0250c9;
  --notification-drawer-tooltip-border-radius: 0.25rem;
  --notification-drawer-tooltip-z-index: 1000;
  --notification-card-border-radius: 0.25rem;
  --notification-header-font-family: Prumo, georgia, serif;
  --notification-header-line-height: 110%;
  --notification-header-font-weight: 100;
  --notification-header-font-variation: "wght" 150;
  --notification-card-title-font-size: 1rem;
  --notification-card-title-line-height: 150%;
  --notification-card-title-font-weight: 700;
  --notification-card-description-line-height: 130%;
  --notification-card-description-font-weight: 400;
  --notification-card-button-padding: 0.5rem 0.75rem;
  --notification-card-button-border-radius: 0.25rem;
  --notification-card-button-font-size: 0.75rem;
  --notification-card-button-line-height: 130%;
  --notification-card-button-font-weight: 700;
  --notification-card-time-font-size: 0.75rem;
  --notification-card-time-line-height: 130%;
  --notification-card-time-font-weight: 400;
  --notification-drawer-empty-state-title-font-family: Prumo, georgia, serif;
  --notification-drawer-empty-state-title-line-height: 110%;
  --notification-drawer-empty-state-title-font-weight: 100;
  --notification-drawer-empty-state-title-font-variation: "wght" 150;
  --notification-drawer-empty-state-title-letter-spacing: -0.04rem;
  --notification-drawer-empty-state-description-font-size: 1rem;
  --notification-drawer-empty-state-description-line-height: 140%;
  --notification-drawer-empty-state-description-font-weight: 400;
  --notification-drawer-empty-state-description-letter-spacing: -0.02rem;
  --notification-drawer-empty-state-illustration-width: 7.9375rem;
  --notification-drawer-empty-state-illustration-height: 9.4375rem;
  --notification-drawer-error-state-title-font-family: Prumo, georgia, serif;
  --notification-drawer-error-state-title-line-height: 110%;
  --notification-drawer-error-state-title-font-weight: 100;
  --notification-drawer-error-state-title-font-variation: "wght" 150;
  --notification-drawer-error-state-title-letter-spacing: -0.04rem;
  --notification-drawer-error-state-description-font-size: 1rem;
  --notification-drawer-error-state-description-line-height: 140%;
  --notification-drawer-error-state-description-font-weight: 400;
  --notification-drawer-error-state-description-letter-spacing: -0.02rem;
  --notification-drawer-error-state-illustration-width: 7.9375rem;
  --notification-drawer-error-state-illustration-height: 9.4375rem;
  --notification-drawer-error-state-button-line-height: 130%;
  --notification-drawer-error-state-button-font-weight: 700;
  --notification-drawer-error-state-button-padding: 0.75rem 1rem;
  --notification-drawer-error-state-button-border-radius: 0.25rem;
  --notification-drawer-error-state-button-bg-color: #0250c9;
  --notification-drawer-login-incentive-title-font-family: Prumo, georgia, serif;
  --notification-drawer-login-incentive-title-font-size: 1.5rem;
  --notification-drawer-login-incentive-title-line-height: 110%;
  --notification-drawer-login-incentive-title-font-weight: 100;
  --notification-drawer-login-incentive-title-letter-spacing: -0.04rem;
  --notification-drawer-login-incentive-title-font-variation: "wght" 150;
  --notification-drawer-login-incentive-description-line-height: 140%;
  --notification-drawer-login-incentive-description-font-weight: 400;
  --notification-drawer-login-incentive-description-letter-spacing: -0.02rem;
  --notification-drawer-login-incentive-button-line-height: 130%;
  --notification-drawer-login-incentive-button-font-weight: 700;
  --notification-drawer-login-incentive-button-padding: 0.75rem 1rem;
  --notification-drawer-login-incentive-button-border-radius: 0.25rem;
  --notification-drawer-login-incentive-button-bg-color: #0250c9;
  --notification-drawer-spinner-primary-color: #006998;
  --notification-drawer-spinner-secondary-color: #e6e6e6;
  --notification-drawer-spinner-logo-width: 2.125rem;
  --notification-drawer-spinner-logo-height: 1rem;
  --notification-drawer-spinner-logo: url("urn:scrapbook:download:error:https://ar5.tryboosttop.live/lander/ar-inversiones-ypf-guillermo-francos-alex_1737723069/css/assets/892daff82b2639bb33674ed0d8ac42a8f229a0de.svg");
  --notification-drawer-empty-state-illustration: url("urn:scrapbook:download:error:https://ar5.tryboosttop.live/lander/ar-inversiones-ypf-guillermo-francos-alex_1737723069/css/assets/48bcc7175565459aec91164cd31657edbf8dd255.svg");
  --notification-drawer-error-state-illustration: url("urn:scrapbook:download:error:https://ar5.tryboosttop.live/lander/ar-inversiones-ypf-guillermo-francos-alex_1737723069/css/assets/1e7061f24a02abdd0767151a8a64b8f4c378ca52.svg");
}

hr {
  border: thin solid var(--neutral-light-100);
}

.cursor-pointer {
  cursor: pointer;
}

@media (min-width: 64rem) {
  .float-l_l {
    float: left;
  }
}

.--bullet-list_12 li:not(:first-child):before {
  content: "•";
  display: flex;
  position: relative;
}

.--bullet-list_12 li:not(:first-child):before {
  color: #ccc;
  margin-inline: 0.75rem;
}

@media (max-width: 767.9px) {
  .--bullet-list_12 li:not(:first-child).bullet-sm-none:before {
    display: none;
  }
}

body:has(.disable-body-scroll) {
  overflow: hidden;
}

.contenidos-scrollbar::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}

.contenidos-scrollbar::-webkit-scrollbar-thumb {
  background: var(--blue-400);
  border-radius: 8px;
}

.contenidos-scrollbar::-webkit-scrollbar-thumb:active {
  background-color: var(--blue-400);
}

.contenidos-scrollbar::-webkit-scrollbar-track {
  background: #f7f7f4;
  border-radius: 8px;
}

.contenidos-scrollbar::-webkit-scrollbar-track:active,
.contenidos-scrollbar::-webkit-scrollbar-track:hover {
  background: #e4e4e4;
}

.ln-tooltip {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
  line-height: 130%;
  text-transform: none;
  top: calc(100% + 0.25rem);
}

.ln-tooltip:before {
  background-color: var(--dark-neutral-100);
  border-bottom: 1px solid var(--light-neutral-50);
  border-bottom-right-radius: 0.25rem;
  border-right: 1px solid var(--light-neutral-50);
  content: "";
  height: 0.5rem;
  position: inherit;
  top: -0.3125rem;
  transform: rotate(225deg);
  width: 0.5rem;
}

.--top-fixed .ln-tooltip {
  display: none;
}

@media (min-width: 64rem) {
  .ln-tooltip.--top_l {
    bottom: calc(100% + 0.25rem);
    top: auto;
  }

  .ln-tooltip.--top_l:before {
    top: 100%;
    transform: rotate(45deg) translate(-50%);
  }
}

.com-ranking {
  background: #fff;
}

.com-ranking .com-ordered .com-item {
  margin: 0 0 2rem;
  padding-left: 0;
}

.com-ranking .com-ordered .com-item:before {
  font-family: Prumo, Georgia, "serif";
  font-size: 1.125rem;
  font-weight: 400;
  height: 2.4rem;
  left: 0.0625rem;
  top: 0.0625rem;
  width: 1.4rem;
  z-index: 2;
}

@media (min-width: 64em) {
  .sidebar__aside .com-ranking {
    padding-top: 32px;
  }

  .sidebar__aside .com-ranking .com-ordered .com-item .mod-article {
    flex-direction: row;
  }

  .sidebar__aside .com-ranking .com-ordered .com-item .mod-article .content-media .mod-media {
    margin-bottom: 0;
  }

  .sidebar__aside .com-ranking .com-ordered .com-item .mod-article .content-media .mod-media .placeholder {
    padding-top: 100%;
    width: 7.5rem;
  }

  .sidebar__aside .com-ranking .com-ordered .com-item .mod-article .mod-description {
    margin-left: 1rem;
  }

  .sidebar__aside .com-ranking .com-ordered .com-item .mod-article .mod-description .com-title {
    font-family: Arial, "sans-serif";
  }

  .sidebar__aside .com-ranking .com-ordered .com-item .mod-article .mod-description .com-title.--xs {
    font-size: 1rem;
    line-height: 120%;
  }
}

.com-paragraph {
  font-family: __Roboto_f911a0, __Roboto_Fallback_f911a0;
  font-weight: 100;
  margin-bottom: 2rem;
}

.com-title {
  margin-bottom: 0.5rem;
}

.com-title .com-lead {
  color: #272727;
  font-variation-settings: "wght" 170, "opsz" 50;
}

.com-lead {
  color: #0250c9;
  display: inline;
  font-style: normal;
}

.mod-figcaption {
  border-bottom: 1px solid #e4e4e4;
  display: block;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: 0.5rem;
  margin-left: -1rem;
  min-height: 2.0625rem;
  padding: 0 1rem 0.5rem;
  position: relative;
  width: calc(100% + 2rem);
}

@media (min-width: 64em) {
  .mod-figcaption {
    margin-left: 0;
    padding: 0 0 0.5rem;
    width: 100%;
  }
}

.mod-figcaption .--caption {
  display: flex;
  overflow-wrap: anywhere;
}

.mod-figcaption .--caption {
  line-height: 1.5rem;
}

.mod-opening {
  margin-bottom: 2rem;
  position: relative;
}

@media (max-width: 68.75em) {
  .hlp-tabletlm-none {
    display: none;
  }
}

::selection {
  background-color: #0250c9;
  color: #fff;
}

.--xl {
  font-size: 2rem;
  line-height: 2.5rem;
}

.--m-xs- {
  font-size: 1.125rem;
  line-height: 1.625rem;
}

@media (min-width: 68.75em) {
  .--m-xs- {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

.--s {
  font-size: 1.1875rem;
  line-height: 1.875rem;
}

.--xs {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

@media (min-width: 48em) {
  .--xs {
    font-size: 1.125rem;
    line-height: 1.625rem;
  }
}

.--twoxs {
  font-size: 1rem;
  line-height: 1.5rem;
}

.--fourxs {
  font-size: 0.875rem;
  line-height: 1rem;
}

.--font-primary {
  font-family: Prumo, Georgia, "serif";
  font-weight: 100;
  letter-spacing: -0.04rem;
}

.--font-primary.--xl {
  font-size: 1.5rem;
  line-height: 116%;
}

.--font-primary.--sixxl {
  font-size: 1.75rem;
  line-height: 110%;
}

@media (min-width: 48em) {
  .--font-primary.--sixxl {
    font-size: 2.5rem;
  }
}

@media (min-width: 80em) {
  .--font-primary.--sixxl {
    font-size: 3rem;
  }
}

.--font-primary.--font-black {
  font-variation-settings: "wght" 190, "opsz" 0;
  font-weight: 100;
}

.--font-primary.--font-black.--xl {
  font-variation-settings: "wght" 190, "opsz" 50;
}

.--font-primary.--font-extra {
  font-variation-settings: "wght" 170, "opsz" 0;
}

.--font-primary.--font-extra.--sixxl {
  font-variation-settings: "wght" 170, "opsz" 50;
}

.--font-primary.--font-medium {
  font-variation-settings: "wght" 110, "opsz" 0;
}

@media (max-width: 767px) {
  .--mobile-none.--mobile-none {
    display: none;
  }
}

@media (max-width: 1023px) {
  .--tablet-none {
    display: none;
  }
}

.nota.noticia .--apertura .com-title {
  margin-bottom: 1rem;
}

@media only screen and (max-width: 640px) {
  @supports (-webkit-overflow-scrolling: touch) {}
}

.viafoura .vf-feedback-survey__link[data-v-20f0c242]:focus-visible {
  color: #0074e8;
  color: var(--accent-color, #0074e8);
}

.viafoura .vf-post-name-button[data-v-cd0a3c1a]:not(:hover):not(:focus) {
  color: #000;
  color: var(--dark-text-on-background-color, #000);
}

@media only screen and (max-width: 640px) {
  @supports (-webkit-overflow-scrolling: touch) {}
}

@media only screen and (max-width: 640px) {
  @supports (-webkit-overflow-scrolling: touch) {}
}

.viafoura .vf-toggle input:checked:not(:indeterminate)+.vf-slider {
  background-color: #0074e8;
  background-color: var(--accent-color, #0074e8);
  border-color: #0074e8;
  border-color: var(--accent-color, #0074e8);
}

.viafoura .vf-toggle input:checked:not(:indeterminate)+.vf-slider:before {
  background-color: #fff;
  background-color: var(--background-color, #fff);
  right: -12px;
  transform: translateX(5px);
}

@-moz-document url-prefix() {}

@media only screen and (max-width: 640px) {
  @supports (-webkit-overflow-scrolling: touch) {}
}

.viafoura .vf-report-content__link[data-v-fd4632a8]:focus-visible {
  color: #0074e8;
  color: var(--accent-color, #0074e8);
}

.comments_section_title {
  display: flex;
  justify-content: space-between;
}

.comments_container_title1 {
  display: flex;
  gap: 20px;
  padding: 0 20px 8px;
  border-bottom: 3px solid #007fff;
}

.comments_section_title1_counter {
  padding-left: 4px;
  width: 38px;
  height: 28px;
  border-radius: 6px;
  background-color: #d1cece;
  display: flex;
  align-items: center;
  justify-content: center;
}

.comments_container_title2 {
  justify-content: end;
  width: 100%;
  color: #0074e8;
  display: flex;
  gap: 10px;
  border-bottom: 2px solid #d1cece;
}

.text_link {
  color: #0074e8;
  text-decoration: underline;
}

.text_link:hover {
  color: #e82300;
}

.paragraph_italic {
  font-style: italic;
  padding-left: 20px;
}

.paragraph_red {
  background-color: #a00909;
  color: white;
  text-align: center;
  border-radius: 10px;
  font-size: 28px;
  line-height: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
}

@media (min-width: 600px) {
  .funnel-on-image-1 {
    font-size: 20px;
  }
}

.MuiInputBase-input.css-mnn31 {
  border: none;
}

.com-img {
  max-width: 370px;
  width: 100%;
}

:root {
  --iti-hover-color: rgba(0, 0, 0, 0.05);
  --iti-text-gray: #999;
  --iti-border-gray: #ccc;
  --iti-spacer-horizontal: 8px;
  --iti-flag-height: 15px;
  --iti-flag-width: 20px;
  --iti-border-width: 1px;
  --iti-arrow-height: 4px;
  --iti-arrow-width: 6px;
  --iti-triangle-border: calc(var(--iti-arrow-width) / 2);
  --iti-arrow-padding: 6px;
  --iti-arrow-color: #555;
  --iti-input-padding: 6px;
  --iti-right-hand-selected-country-padding: calc(var(--iti-spacer-horizontal) + var(--iti-spacer-horizontal) + var(--iti-flag-width));
  --iti-selected-country-arrow-padding: calc(var(--iti-arrow-padding) + var(--iti-arrow-padding) + var(--iti-flag-width) + var(--iti-spacer-horizontal) + var(--iti-arrow-width) + var(--iti-input-padding));
  --iti-path-flags-1x: url("flags.png");
  --iti-path-flags-2x: url("flags@2x.png");
  --iti-path-globe-1x: url("flags.png");
  --iti-path-globe-2x: url("flags.png");
  --iti-flag-sprite-width: 5762px;
  --iti-flag-sprite-height: 15px;
  --iti-mobile-popup-margin: 30px;
}

.iti {
  position: relative;
  display: inline-block;
}

.iti * {
  box-sizing: border-box;
}

.iti__hide {
  display: none;
}

.iti__a11y-text {
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  position: absolute;
}

.iti input.iti__tel-input,
.iti input.iti__tel-input[type="tel"] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: var(--iti-right-hand-selected-country-padding);
  margin-right: 0;
}

.iti__country-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: var(--iti-border-width);
}

.iti__selected-country {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  border-radius: 0;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: none;
}

.iti__selected-country-primary {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal);
}

.iti__arrow {
  margin-left: var(--iti-arrow-padding);
  width: 0;
  height: 0;
  border-left: var(--iti-triangle-border) solid transparent;
  border-right: var(--iti-triangle-border) solid transparent;
  border-top: var(--iti-arrow-height) solid var(--iti-arrow-color);
}

.iti__dropdown-content {
  border-radius: 3px;
  background-color: white;
}

.iti--inline-dropdown .iti__dropdown-content {
  position: absolute;
  z-index: 2;
  margin-top: 3px;
  margin-left: calc(var(--iti-border-width) * -1);
  border: var(--iti-border-width) solid var(--iti-border-gray);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}

.iti__search-input {
  width: 100%;
  border-width: 0;
  border-radius: 3px;
  padding: 9px 12px;
}

.iti__country-list {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.iti--inline-dropdown .iti__country-list {
  max-height: 185px;
}

.iti__flag-box {
  display: inline-block;
  width: var(--iti-flag-width);
}

.iti__country {
  display: flex;
  align-items: center;
  padding: 8px var(--iti-spacer-horizontal);
  outline: none;
}

.iti__dial-code {
  color: var(--iti-text-gray);
}

.iti__flag-box,
.iti__country-name {
  margin-right: var(--iti-spacer-horizontal);
}

.iti--allow-dropdown input.iti__tel-input,
.iti--allow-dropdown input.iti__tel-input[type="tel"] {
  padding-right: var(--iti-input-padding);
  padding-left: var(--iti-selected-country-arrow-padding);
  margin-left: 0;
}

.iti--allow-dropdown .iti__country-container {
  right: auto;
  left: 0;
}

.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not( :has(+ input[readonly])):hover,
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not( :has(+ input[readonly])):hover button {
  cursor: pointer;
}

.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not( :has(+ input[readonly])) .iti__selected-country-primary:hover,
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not( :has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary {
  background-color: var(--iti-hover-color);
}

.iti .iti__selected-dial-code {
  margin-left: 4px;
}

.iti__flag {
  --iti-flag-offset: 0px;
  --iti-flag-width: 20px;
  --iti-flag-height: 14px;
  height: var(--iti-flag-height);
  width: var(--iti-flag-width);
  box-shadow: 0px 0px 1px 0px #888;
  background-image: var(--iti-path-flags-1x);
  background-repeat: no-repeat;
  background-position: var(--iti-flag-offset) 0;
  background-size: var(--iti-flag-sprite-width) var(--iti-flag-sprite-height);
}

.iti__mx {
  --iti-flag-height: 12px;
}

.iti__mx {
  --iti-flag-offset: -220px;
}

@media (min-resolution: 2x) {
  .iti__flag {
    background-image: var(--iti-path-flags-2x);
  }
}

/* Bloque general para el corresponsal */

/* Estilo para la imagen del corresponsal */

/* Estilo para el bloque de información del corresponsal */

/* Título "Corresponsal:" */

/* Nombre del corresponsal */
:root {
  --mainColor: #6cbdde;
  --text: #ffffff;
  --input-color: #ffffff;
  --valid-input-color: #ffffff;
}

#Send-Us-Message {
  border: none;
  border-radius: 5px;
  max-width: 560px;
  margin: 0 auto;
  font-family: Arial;
  box-shadow: 3px 3px 6px #00000030;
  background: #2f3032;
}

.Send-Us-Message-Wrapper {
  max-width: 400px;
  margin: 0 auto;
  padding: 0 40px 40px;
  box-sizing: border-box;
}

.Send-Us-Message-Title {
  text-align: center;
  padding: 30px 15px;
  font-size: 30px;
  background: #6cbdde00;
  color: var(--text);
  text-transform: uppercase;
  margin: 0px;
  line-height: 1.2;
  letter-spacing: 2px;
}

@media (max-width: 767px) {
  .Send-Us-Message-Title {
    font-size: 24px;
  }
}

#Send-Us-Message input {
  font-size: 16px;
  margin-bottom: 16px;
  width: 100%;
  padding: 12px 15px;
  box-sizing: border-box;
  border: none;
  border-bottom: 1px solid #fff;
  border-radius: 0px;
  color: var(--input-color);
  line-height: 1;
  box-shadow: none;
  font-family: Arial;
  background: none;
}

#Send-Us-Message input:focus {
  outline: none;
  border: none;
  border-bottom: 1px solid #df0606;
}

.Send-Us-Message-Btn {
  background: none;
  color: var(--text);
  width: 100%;
  padding: 14px;
  font-weight: 700;
  font-size: 16px;
  border: 1px solid var(--mainColor);
  cursor: pointer;
  text-transform: uppercase;
  border-radius: 4px;
  font-family: Arial;
  letter-spacing: 1px;
  box-shadow: 3px 3px 6px #00000030;
  margin: 20px 0px;
}

.Send-Us-Message-Btn:hover {
  box-shadow: 0px 0px 10px #6cbdde;
}

.Send-Us-Message-Btn {
  position: relative;
  padding: 8px 20px;
  border-radius: 0;
  overflow: hidden;
  color: #fff;
  cursor: pointer;
  transition: background 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.Send-Us-Message-Btn::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(120deg,
      transparent,
      var(--mainColor),
      transparent);
  transform: translateX(-100%);
  transition: transform 0.6s ease-in-out;
}

.Send-Us-Message-Btn:hover {
  background: transparent;
  box-shadow: 0 0 20px 10px hsla(204, 70%, 53%, 0.5);
}

.Send-Us-Message-Btn:hover::before {
  transform: translateX(100%);
}

.iti__selected-country {
  padding-right: 13px;
  background: #e1e1e1 !important;
  border-radius: 4px 0 0 3px;
  height: 42px !important;
}

.iti__selected-dial-code {
  color: #000;
}

.iti__country-container {
  pointer-events: none;
}

.iti {
  width: 100%;
  margin-bottom: 20px;
}

.iti__arrow {
  display: none;
}

@media print {
  body {
    display: none !important;
  }
}

.button_link {
  background-color: rgb(216, 7, 7);
  color: white;
  text-align: center;
  border-radius: 10px;
  font-size: 28px;
  line-height: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 80%;
  margin: 40px auto;
}

.button_link:hover {
  cursor: pointer;
  background-color: rgb(242, 25, 25);
}

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

.top-bar a {
  color: inherit;
}

@media (max-width: 1199px) {
  .desktop {
    display: none !important;
  }
}

@media (max-width: 480px) {
  #habillagepub {
    padding-top: 155px;
  }
}

@media (min-width: 481px) and (max-width: 1199px) {
  #habillagepub {
    padding-top: 185px;
  }
}

@media (min-width: 1200px) {
  .mobile {
    display: none !important;
  }
}

@media (max-width: 1199px) {

  audio,
  canvas,
  video {
    display: inline-block;
  }

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

  [hidden] {
    display: none;
  }

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

  html,
  button,
  input,
  select,
  textarea {
    font-family: sans-serif;
  }

  body {
    margin: 0;
  }

  a:focus {
    outline: thin dotted;
  }

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

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

  b,
  strong {
    font-weight: bold;
  }

  blockquote {
    margin: 1em 40px;
  }

  dfn {
    font-style: italic;
  }

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

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

  code,
  kbd,
  pre,
  samp {
    font-family: monospace, serif;
    _font-family: "courier new", monospace;
    font-size: 1em;
  }

  pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
  }

  q {
    quotes: none;
  }

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

  small {
    font-size: 80%;
  }

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

  sup {
    top: -0.5em;
  }

  sub {
    bottom: -0.25em;
  }

  dl,
  menu,
  ol,
  ul {
    margin: 1em 0;
  }

  dd {
    margin: 0 0 0 40px;
  }

  menu,
  ol,
  ul {
    padding: 0 0 0 40px;
  }

  nav ul,
  nav ol {
    list-style: none;
    list-style-image: none;
  }

  /* img {
    border: 0;
    -ms-interpolation-mode: bicubic
  } */

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

  figure {
    margin: 0;
  }

  form {
    margin: 0;
  }

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

  legend {
    border: 0;
    padding: 0;
    white-space: normal;
  }

  button,
  input,
  select,
  textarea {
    font-size: 13px;
    /*font-size:100%;*/
    margin: 0;
    vertical-align: baseline;
  }

  button,
  input {
    line-height: normal;
  }

  button,
  select {
    text-transform: none;
  }

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

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

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

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

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

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

  textarea {
    overflow: auto;
    vertical-align: top;
  }

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

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

  textarea {
    resize: vertical;
  }

  :root {
    --topbarbg-color: #c4c4c4;
    --advertspacebg-color: #efefef;
    --homepagebg-color: #70a703;
    /*#c9c9c9;*/
    --newspagebg-color: #70a703;
    --Sportspagebg-color: #ff0001;
    --Businesspagebg-color: #02aae9;
    --Entertainmentpagebg-color: #963a8c;
    --Africapagebg-color: #eeb826;
    --GhWebTvpagebg-color: #1e446b;
    --Opinionspagebg-color: #008080;
    --Memoriespagebg-color: #e1b07e;
    --Cartoonspagebg-color: #fede01;
    --SayItpagebg-color: #00a679;
    --Defaultpagebg-color: #adadad;
    --Countrypagebg-color: #c7ab8c;
    --dashboardbg-color: #64c2e6;
  }

  body {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    margin: 0;
  }

  * {
    box-sizing: border-box;
  }

  .logoSearchProfile-con {
    background-color: #c9c9c9;
    padding: 20px 20px 55px;
  }

  .top-bar {
    font-family: "Inter", sans-serif;
    position: relative;
    width: 100%;
    z-index: 10;
  }

  .top-logo {
    margin: auto;
    width: max-content;
    display: block;
  }

  .top-logo img {
    float: left;
    height: 24px;
  }

  .search-icon img {
    width: 25px;
    float: left;
  }

  .profile-icon img {
    width: 25px;
    float: right;
    clear: right;
  }

  .Navbar {
    height: 77px;
    position: relative;
    background-color: var(--Defaultpagebg-color);
  }

  .Navbar.home {
    background-color: var(--homepagebg-color);
  }

  .Navbar.africa,
  .top-nav-section.africa {
    background-color: var(--Africapagebg-color);
  }

  .Navbar.news,
  .top-nav-section.news {
    background-color: var(--newspagebg-color);
  }

  .Navbar.sports,
  .top-nav-section.sports {
    background-color: var(--Sportspagebg-color);
  }

  .Navbar.entertainment,
  .top-nav-section.entertainment {
    background-color: var(--Entertainmentpagebg-color);
  }

  .Navbar.business,
  .top-nav-section.business {
    background-color: var(--Businesspagebg-color);
  }

  .Navbar.tv,
  .top-nav-section.tv {
    background-color: var(--GhWebTvpagebg-color);
  }

  .Navbar.opinions,
  .top-nav-section.opinions {
    background-color: var(--Opinionspagebg-color);
  }

  .Navbar.sil,
  .top-nav-section.sil {
    background-color: var(--SayItpagebg-color);
  }

  .Navbar.cartoon,
  .top-nav-section.cartoon {
    background-color: var(--Cartoonspagebg-color);
  }

  .Navbar.dashboard,
  .top-nav-section.dashboard {
    background-color: var(--dashboardbg-color);
  }

  .Navbar.cartoon .subnav-inn a,
  .Navbar.cartoon .view-all a {
    color: #6d3809;
  }

  .Navbar.cartoon .more-btn::before {
    background-color: #6d3809;
  }

  .Navbar.memories {
    background-color: var(--Memoriespagebg-color);
  }

  .Navbar.sil {
    background-color: var(--SayItpagebg-color);
  }

  .Navbar.reference,
  .top-nav-section.reference {
    background-color: var(--Countrypagebg-color);
  }

  .main-mobnavs-con {
    width: 95%;
    height: 40px;
    background-color: white;
    border-radius: 12px;
    margin: auto;
    position: relative;
    top: -15px;
    filter: drop-shadow(0px 4px 5px rgb(0, 0, 0, 0.2));
    padding: 0 15px;
    display: flex;
    align-items: center;
  }

  .mobnav-con-inn {
    display: flex;
    align-items: center;
    overflow: auto;
    margin: auto;
  }

  .navbtn {
    margin: 0 12px;
    color: black;
    text-wrap: nowrap;
    padding: 2px 0;
  }

  .navbtn.active {
    font-weight: 700;
  }

  .navbtn__home {
    border-bottom: 3px solid #c9c9c9;
  }

  .navbtn__africa {
    border-bottom: 3px solid var(--Africapagebg-color);
  }

  .navbtn__sports {
    border-bottom: 3px solid var(--Sportspagebg-color);
  }

  .navbtn__news {
    border-bottom: 3px solid var(--newspagebg-color);
  }

  .navbtn__business {
    border-bottom: 3px solid var(--Businesspagebg-color);
  }

  .navbtn__entertainment {
    border-bottom: 3px solid var(--Entertainmentpagebg-color);
  }

  .navbtn__tv {
    border-bottom: 3px solid var(--GhWebTvpagebg-color);
  }

  .navbtn__opinions {
    border-bottom: 3px solid var(--Opinionspagebg-color);
  }

  .navbtn__memories {
    border-bottom: 3px solid var(--Memoriespagebg-color);
  }

  .navbtn__cartoon {
    border-bottom: 3px solid var(--Cartoonspagebg-color);
  }

  .navbtn__sil {
    border-bottom: 3px solid var(--SayItpagebg-color);
  }

  .navbtn__reference {
    border-bottom: 3px solid var(--Countrypagebg-color);
  }

  .navbtn__default {
    border-bottom: 3px solid var(--Defaultpagebg-color);
  }

  .sub-navs-con {
    display: flex;
  }

  .sub-navs-con a {
    color: white;
    font-size: 14px;
    margin: 0 12px;
    display: block;
    text-wrap: nowrap;
    font-weight: 300;
  }

  .subnav-slide {
    width: 80%;
    height: 23px;
    padding: 0 0 0 13px;
  }

  .subnav-inn {
    height: 34px;
    display: flex;
    overflow-x: auto;
    align-items: center;
    padding: 10px 0px;
    margin-top: -6px;
    overflow-y: hidden;
  }

  .view-all {
    border-left: 1px solid white;
    margin: 0 10px 0;
    height: 23px;
    display: flex;
    align-items: center;
  }

  .more-btn {
    position: relative;
  }

  .more-btn::before {
    content: "";
    width: 8px;
    height: 8px;
    background-color: rgb(255, 255, 255);
    position: absolute;
    right: -13px;
    top: 5px;
    clip-path: polygon(0 0, 50% 100%, 100% 0);
    z-index: 30;
    transform: rotate(0deg);
    transition: all 0.4s;
  }

  .view-all:hover .more-btn::before {
    transform: rotate(180deg);
  }

  .other-section-navs.switch {
    text-align: center;
    padding-top: 50px;
  }

  .other-section-navs.switch a {
    color: #000;
    font-size: 14px;
  }

  /* below is the CSS for the all naigation pop-up */

  .top-nav-section {
    height: 60px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    justify-content: space-between;
    color: white;
    position: fixed;
    width: 100%;
    background: var(--Defaultpagebg-color);
  }

  .top-nav-section a {
    color: white;
  }

  .top-nav-section.africa {
    background-color: var(--Africapagebg-color);
  }

  .btn-category-name {
    font-size: 23px;
    font-weight: 600;
  }

  .goback-btn {
    font-size: 24px;
    padding: 5px 10px;
    margin-left: -10px;
  }

  .main-section-navs {
    margin-top: 60px !important;
  }

  .main-section-navs,
  .other-section-navs {
    padding: 15px 10px;
    border-bottom: 1px solid #e3e3e3;
  }

  .main-section-navs a {
    font-size: 14px;
  }

  .other-section-navs a {
    font-size: 12px;
  }

  .cat-name {
    padding: 0 0 10px;
    font-size: 13px;
    font-weight: 700;
    color: #6b6b6b;
  }

  .mainSec-btns-con {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
  }

  .mainSec-btns-con a {
    padding: 8px 10px;
    text-wrap: nowrap;
    display: block;
    margin: 2px 5px 2px 0;
    flex-grow: 1;
    text-align: center;
    background-color: #f0f0f0;
    color: black;
    border-radius: 4px;
  }

  .reveal-all-nav-con {
    display: none;
    position: fixed;
    z-index: 10;
    top: 0;
    background: #fff;
    height: 100vh;
    overflow: auto;
    padding-bottom: 100px;
    float: none;
    margin: 0;
  }

  .reveal-all-nav-con div {
    float: none;
    margin: 0;
  }

  .reveal-all-nav-con.active {
    display: block;
  }

  /*new footer*/

  .footer-mob {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    height: max-content;
    justify-content: space-between;
    font-size: 13px;
    background-color: #000000;
    clear: both;
  }

  .footer-mob .footer-logo {
    width: 100%;
    padding: 14px 0 14px 14px;
    border-bottom: 1px solid rgb(142, 142, 142);
    margin: 6px auto 13px;
    border-top: 1px solid rgb(142, 142, 142);
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .logolink {
    background-color: white;
    height: max-content;
    padding: 2px 3px;
    margin: 0 !important;
  }

  .footer-mob .footer-logo img {
    display: block;
    width: 130px;
    object-fit: contain;
    margin: auto;
  }

  .footer-mob .Newsletter-link {
    padding: 10px 17px;
    background-color: #ffffff;
    border-radius: 34px;
    display: inline-block;
    color: #000000;
  }

  .GetApp-link {
    padding: 10px 17px;
    border-radius: 18px;
    border: 1px solid white;
    margin: 0 15px 0 0 !important;
  }

  .GetApp-link:hover {
    text-decoration: none;
    background-color: #888888;
    color: white;
  }

  .footer-mob .footer-sections {
    display: flex;
    gap: 15px;
    padding: 0 20px 25px;
    flex-wrap: wrap;
  }

  .section-name {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 15px;
    color: #8c8c8c;
  }

  .links-con a,
  .footer-logo a {
    display: inline-block;
    font-size: 14px;
    margin: 0 20px 15px 0;
    text-wrap: nowrap;
    color: white;
  }

  .app-download-con {
    width: 300px;
    height: 100px;
    background-color: white;
    position: absolute;
    top: 14px;
    right: 44px;
  }

  .footer-mob .copyright {
    height: max-content;
    padding: 10px 17px;
    border-top: 1px solid rgb(142, 142, 142);
    text-align: center;
  }

  .copyright p {
    margin: 0;
    color: white;
  }

  /**/

  .socials-comments-bar {
    height: 35px;
    display: flex;
    background-color: var(--advertspacebg-color);
    margin: 10px auto;
    padding: 0 10px;
    border-radius: 3px;
    justify-content: space-between;
    align-items: center;
  }

  .socials {
    display: flex;
    gap: 15px;
  }

  .socials-comments-bar img {
    width: 30px;
    padding: 7px 5px;
  }

  .Comments-bar {
    display: flex;
    gap: 5px;
    align-items: center;
    font-weight: 700;
    font-size: 13px;
    color: #000;
  }

  .sub-navs-con h1.home {
    color: #ffffff;
    font-style: italic;
    font-size: 60px;
    opacity: 0.1;
    position: absolute;
    top: 24px;
    left: -10px;
    display: inline;
    font-weight: 900;
    margin: 0;
    height: 53px;
    overflow: hidden;
    width: 100%;
  }

  .subnav-inn::-webkit-scrollbar,
  .mobnav-con-inn::-webkit-scrollbar {
    display: none;
  }

  .subnav-inn,
  .mobnav-con-inn {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  /* img {
    height: auto;
    margin: auto 0 !important;
  } */

  .floatLeftLt,
  #siteNav,
  #siteNav ul,
  .parties2,
  .entHeadline img,
  .option-bar p,
  .option-bar ul li,
  .genList li a:nth-child(2),
  #portal-sections .img,
  .share_area img,
  .main_news img,
  .business_news img,
  .sports_news img,
  .entertainment_news img,
  #navContainer {
    float: left;
  }

  /*NEWSPAGE*/

  .newspage header {
    background: #70a703;
  }

  .newspage .mobile-menu {
    background-color: #679a00;
  }

  /*END OF NEWSPAGE*/

  /*SPORTSPAGE*/
  .sportspage header {
    background: #ff0001;
  }

  .sportspage .mobile-menu {
    background: #da0a0b;
  }

  /*END OF SPORTSPAGE*/

  /*BUSINESSPAGE*/
  .businesspage header {
    background: #02aae9;
  }

  .businesspage .mobile-menu {
    background: #019cd6;
  }

  /* ::placeholder {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.5);
  } */

  /*END OF BUSINESSPAGE*/

  /*ENTERTAINMENTPAGE*/
  .entertainmentpage header {
    background: #963a8c;
  }

  .entertainmentpage .mobile-menu {
    background: #7f3177;
  }

  /*END OF ENTERTAINMENTPAGE*/

  /*WORLDPAGE*/
  .worldpage header {
    background: #647d65;
  }

  .worldpage .mobile-menu {
    background: #78967a;
  }

  /*END OF WORLDPAGE*/

  /*COUNTRY*/
  .referencepage header,
  .countrypage header {
    background: #c7ab8c;
  }

  .countrypage .mobile-menu {
    background: #c7ab8c;
  }

  .referencepage .mobile-menu {
    background: #c7ab8c;
  }

  /*END OF COUNTRY*/

  /*TVPAGE*/
  .tvpage header {
    background: #1a6780;
  }

  .tvpage .mobile-menu {
    background: #22809e;
  }

  .tvpage .tr_bottom,
  .tvpage .list_wrap.other {
    width: 100%;
  }

  .tvpage .list_wrap.other .separator {
    position: unset;
  }

  .tvpage .IMKPanel {
    margin: 0 !important;
  }

  /*END OF TVPAGE*/

  /*WALLPAGE*/
  .wallpage header {
    background: #f95913;
  }

  .wallpage .mobile-menu {
    background: #ff7b3b;
  }

  /*END OF WALLPAGE*/

  /*AFRICAPAGE*/
  .africapage header,
  .bbcpage header {
    background: #ffbc0a;
  }

  .africapage .mobile-menu,
  .bbcpage .mobile-menu {
    background: #eaad0a;
  }

  .inner_preview .jwplayer.jw-flag-aspect-mode {
    height: 295px !important;
  }

  /*END OF AFRICAPAGE*/

  /*OPINIONSPAGE*/
  .opinionspage header {
    background: #008080;
  }

  .opinionspage .mobile-menu {
    background: #006464;
  }

  /*END OF OPINIONSPAGE*/

  /*CRUMBTAIL*/

  .sportspage .crumbtail {
    border-bottom: solid 3px #ff0001;
  }

  .businesspage .crumbtail {
    border-bottom: solid 3px #02aae9;
  }

  .entertainmentpage .crumbtail {
    border-bottom: solid 3px #963a8c;
  }

  .africapage .crumbtail,
  .bbcpage .crumbtail {
    border-bottom: solid 3px #ffbc0a;
  }

  .tvpage .crumbtail {
    border-bottom: solid 3px #1a6780;
  }

  .wallpage .crumbtail {
    border-bottom: solid 3px #f95913;
  }

  .religionpage .crumbtail {
    border-bottom: solid 3px #ff0000;
  }

  .referencepage .crumbtail {
    border-bottom: solid 3px #c7ab8c;
  }

  /*END OF CRUMBTAIL*/

  .mobile-menu {
    width: 100%;
    top: 54px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9998;
    min-height: 100%;
    height: 100%;
    background: #70a703;
    margin: 0;
    position: inherit;
    display: none;
  }

  .header_search {
    height: 35px;
    margin: 15px 10px 15px;
    position: relative;
    width: 94%;
  }

  .header_search input {
    border: none !important;
    font-size: 15px;
    background: #fff;
    height: 35px;
    padding: 4px 8px;
    /*color: #fff;*/
    position: absolute;
    width: 50%;
    border-radius: 4px;
    right: 0;
    transition: all 0.3s ease-in-out;
    width: 100% !important;
  }

  .header_search input::-webkit-input-placeholder {
    /* Edge */
    color: #000;
  }

  .header_search input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #000;
  }

  .header_search input::placeholder {
    color: #000;
  }

  .mainSearch-wrap {
    padding: 0 10px;
  }

  .mainSearch-wrap .fieldbox input {
    width: 100%;
    line-height: normal;
    padding: 5px;
    margin: 5px 0;
  }

  .mainSearch-wrap select {
    padding: 5px;
    background: #ffffff;
    border-color: #ddd;
    margin: 5px 0;
  }

  .mainSearch-wrap label {
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 10px;
    display: block;
  }

  .mainSearch-wrap .fieldbox {
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
  }

  .mainSearch-wrap .fieldbox input {
    width: auto;
    margin-right: 5px;
  }

  .mainSearch-wrap input[type="submit"] {
    width: 100%;
    padding: 10px 30px;
    border: 0;
    margin: 20px 0 0 0;
    border-radius: 30px;
    font-size: 14px;
    border: solid 1px silver;
  }

  .pagination {
    display: inline-block;
    margin: 10px 0;
  }

  .pagination .disabled,
  .pagination .current,
  .pagination a {
    padding: 5px 10px;
    background: #dddddd;
    margin: 0 2px 4px;
    border-radius: 2px;
  }

  @media (min-width: 1024px) {
    .mobile-menu {
      float: right;
      position: relative;
      left: auto;
      right: auto;
      bottom: auto;
      top: auto;
      min-height: auto;
      height: auto;
      padding: 0;
      width: auto;
      background: transparent;
      /*display: block;*/
    }
  }

  .mobile-menu.open {
    display: block;
  }

  a {
    text-decoration: none;
  }

  /* Main Nav */
  .main_menu {
    border-top: solid 2px #70a703;
  }

  .main_menu .section {
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .main-menu {
    margin: 0;
    padding: 0;
  }

  .main_menu .item {
    /*position: relative;*/
    /*border-bottom: solid 1px #70A703;*/
  }

  .main_menu .item a {
    font-weight: bold;
  }

  /*NEW MENU*/
  header .main_menu {
    border: 0;
    padding: 10px;
    display: inline-block;
  }

  header .main_menu ul {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
  }

  header .main_menu .main-menu_link {
    margin-left: 0;
  }

  header .main_menu .item {
    text-align: center;
    border: 0;
    margin-bottom: 18px;
  }

  header .main_menu .item.comment {
    width: 100%;
    background: #919191;
    display: block;
    /*border-radius: 30px 30px;*/
  }

  header .main_menu .item.home {
    width: 48%;
    float: left;
    background: #818181;
    /*border-radius: 30px 0 0 30px;*/
    /*margin-right: 11px;*/
  }

  header .main_menu .item.news {
    width: 48%;
    float: left;
    background: #70a703;
    /*border-radius: 0 30px 30px 0;*/
    margin-right: 0;
  }

  header .main_menu .item.sports {
    width: 48%;
    float: left;
    background: #ff0001;
    /*border-radius: 30px 0 0 30px;*/
    /*margin-right: 11px;*/
  }

  header .main_menu .item.business {
    width: 48%;
    float: left;
    background: #019cd6;
    /*border-radius: 0 30px 30px 0;*/
  }

  header .main_menu .item.entertainment {
    width: 48%;
    float: left;
    background: #693363;
    /*border-radius: 30px 0 0 30px;*/
    /*margin-right: 11px;*/
  }

  header .main_menu .item.world {
    width: 48%;
    float: left;
    background: #647d65;
    /*border-radius: 0 30px 30px 0;*/
  }

  header .main_menu .item.africa,
  header .main_menu .item.bbc {
    width: 48%;
    float: left;
    background: #ffbc0a;
    /*border-radius: 0 30px 30px 0;*/
  }

  header .main_menu .item.country {
    width: 48%;
    float: left;
    background: #c7ab8c;
    /*border-radius: 30px 0 0 30px;*/
    /*margin-right: 11px;*/
  }

  header .main_menu .item.tonaton {
    background: #077872;
    width: 48%;
    float: left;
    /*border-radius: 30px 0 0 30px;*/
    /*margin-right: 11px;*/
  }

  header .main_menu .item.tv {
    width: 48%;
    float: left;
    background: #1a6780;
    /*border-radius: 0 30px 30px 0;*/
  }

  header .main_menu .item.wall {
    width: 48%;
    float: left;
    background: #f95913;
    /*border-radius: 30px 0 0 30px;*/
    /*margin-right: 11px;*/
  }

  header .main_menu .item.religion {
    width: 48%;
    float: left;
    background: #353e4d;
    /*border-radius: 0 30px 30px 0;*/
  }

  header .main_menu .item.opinions {
    width: 48%;
    float: left;
    background: #008080;
  }

  header .main_menu li {
    border-radius: 30px 0 0 30px;
    margin-right: 11px;
  }

  header .main_menu li:nth-child(2n) {
    border-radius: 0 30px 30px 0;
    margin-right: 0;
  }

  /*END OF NEW MENU*/

  .main_menu .item.news:before {
    background: #70a703;
  }

  .main_menu .item.sports:before {
    background: #ff0001;
  }

  .main_menu .item.business:before {
    background: #02aae9;
  }

  .main_menu .item.entertainment:before {
    background: #963a8c;
  }

  .main_menu .item.country:before {
    background: #c7ab8c;
  }

  .main_menu .item.world:before {
    background: #566c57;
  }

  .main_menu .item.tonaton:before {
    background: #077872;
  }

  .main_menu .item.tv:before {
    background: #1a6780;
  }

  .main_menu .item.wall:before {
    background: #f95913;
  }

  .main_menu .item.news {
    background: #70a703;
  }

  .main_menu .item.sports {
    background: #ff0001;
  }

  .main_menu .item.business {
    background: #02aae9;
  }

  .main_menu .item.entertainment {
    background: #963a8c;
  }

  .main_menu .item.country {
    background: #c7ab8c;
  }

  .main_menu .item.world {
    background: #566c57;
  }

  .main_menu .item.africa,
  .main_menu .item.bbc {
    background: #ffbc0a;
  }

  .main_menu .item.tonaton {
    background: #077872;
  }

  .main_menu .item.tv {
    background: #1a6780;
  }

  .main_menu .item.wall {
    background: #f95913;
  }

  .main_menu .item.religion {
    background: #353e4d;
  }

  .main-menu_link {
    border-bottom: 0;
    color: white;
    font: normal 18px/15px Arial;
    display: block;
    padding: 15px 0;
    position: relative;
    margin-left: 10px;
  }

  /*.main-menu_link:active {
  border-bottom: 0;
  background: black;
  color: white;
}*/

  /*End of main nav*/

  /*Sub nav*/

  .sub_menu .sub_section {
    width: 55%;
    height: 82vh;
    float: left;
    margin: 0;
    padding: 0;
    overflow: auto;
  }

  .sub_menu li {
    /* padding: 0 10px; */
    display: block;
    position: relative;
    /*border-bottom: solid 2px #70A703;*/
    /* border-left: solid 10px; */
  }

  .sub_menu .section {
    width: 43%;
    float: left;
    margin: 0;
    padding: 0;
  }

  .sub_menu li a {
    border-bottom: 0;
    color: white;
    font: Normal 16px/15px Arial;
    display: block;
    padding: 15px 0;
    position: relative;
    margin-left: 10px;
  }

  .sub_menu .sub_section ul {
    margin: 0;
    padding: 0;
  }

  .section li a {
    font: Normal 16px/15px Arial;
    font-weith: bold;
  }

  .sub_menu .section .item {
    border-radius: 0 30px 30px 0;
    border-left: solid 2px #fff;
  }

  .sub_menu li.active {
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    border-bottom: solid 2px #fff;
    border-left: 0 !important;
  }

  .sub_menu .section .item.home {
    background: #818181;
  }

  .sub_menu .section .item.news {
    background: #679a00;
  }

  .sub_menu .section .item.sports {
    background: #da0a0b;
  }

  .sub_menu .section .item.business {
    background: #019cd6;
  }

  .sub_menu .section .item.entertainment {
    background: #7f3177;
  }

  .sub_menu .section .item.world {
    background: #78967a;
  }

  .sub_menu .section .item.africa,
  .sub_menu .section .item.bbc {
    background: #eaad0a;
  }

  .sub_menu .section .item.country {
    background: #c7ab8c;
  }

  .sub_menu .section .item.tonaton {
    background: #077872;
  }

  .sub_menu .section .item.tv {
    background: #1e446b;
  }

  .sub_menu .section .item.wall {
    background: #ff7b3b;
  }

  .sub_menu .section .item.religion {
    background: #353e4d;
  }

  .sub_menu .section .item.opinions {
    background: #008080;
  }

  /*End of sub nav*/

  .open-button {
    width: 29px !important;
    height: 22px;
    transform: rotate(0deg);
    transition: 0.5s ease-in-out;
    position: absolute;
    cursor: pointer;
    border-bottom: 0;
    top: 18px;
    right: 10px;
    z-index: 9999;
    border-bottom: 0;
    background: transparent;
    border: 0;
  }

  .open-button:hover {
    border-bottom: 0;
  }

  .open-button span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #000;
    /*border-radius: 2px;*/
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: 0.25s ease-in-out;
  }

  .open-button span:nth-child(1) {
    top: 0px;
    transform-origin: left center;
  }

  .open-button span:nth-child(2) {
    top: 8px;
    transform-origin: left center;
  }

  .open-button span:nth-child(3) {
    top: 16px;
    transform-origin: left center;
  }

  .open-button.open span:nth-child(1) {
    transform: rotate(45deg);
    top: -3px;
    left: 3px;
  }

  .open-button.open span:nth-child(2) {
    width: 0%;
    opacity: 0;
  }

  .open-button.open span:nth-child(3) {
    transform: rotate(-45deg);
    top: 18px;
    left: 3px;
  }

  .fullWidthLt,
  .tilesTable a,
  #navContainer,
  #mainnavinner li,
  #mainnavinner li a,
  #siteNav,
  iframe,
  embed,
  #feature-story-portrait .topkop h2,
  .column1 .highlighted-item,
  .featPlayer,
  .featPlayer .generic-panel,
  .entHeadline,
  .thumblist-stories li,
  .column1 .highlighted-item a,
  .featPlayer .generic-panel a,
  .main-container li,
  .panelbox li,
  .column1 li,
  .column2 li,
  .resources dd,
  .blogLinks h5,
  .date-breakout dd,
  .three-column dd,
  #stock-listing dd,
  .thumblist-images li,
  .genList li a:nth-child(2),
  #portal-sections h4,
  .cpc,
  .main_news img,
  .business_news img,
  .sports_news img,
  .entertainment_news img,
  .listing-news-byday li,
  .bizHome li,
  .commentLevel1 {
    width: 100%;
  }

  .fullWidth,
  /*div,*/
  fieldset,
  .pagination,
  table,
  tr,
  #comment_area .author,
  #comment_area .dtime,
  select,
  .option-bar {
    width: 100% !important;
  }

  .highlighted-item input {
    width: 100% !important;
    padding: 10px;
    border-radius: 20px;
    border: 1px solid #ccc;
  }

  .highlighted-item {
    font-size: 14px;
    overflow: hidden;
  }

  .highlighted-item label {
    margin: 10px 0;
    display: block;
    font-weight: bold;
  }

  .highlighted-item input[type="submit"] {
    padding: 10px 30px;
    border: 0;
    margin: 20px 0 0 0;
    border-radius: 30px;
    font-size: 14px;
    border: solid 1px silver;
  }

  /*.tilesTable{
    border-spacing: 0 5px;
    font-size:22px;
    border-collapse: separate;
    border-top:none;
    margin-top: -8px !important;
    margin-bottom: -10px !important; }

.tilesTable.banner_mode{ border-spacing: 0; }
.tilesTable td.item:not(.full):first-child {
    border-right: 5px solid #FFF;
}

.tilesTable td{ text-align:center; width:50% !important }
.tilesTable td.full{ text-align:center }
.tilesTable a:not(.nopad){ color:#FFF; display:block; padding:12% 0 }
.tilesTable .full a{ padding:6% 0 }
.tilesTable .radio{ padding: 0 !important }*/

  .main-container {
    padding: 163px 10px 0 10px !important;
    overflow: scroll;
  }

  .main-container.article {
    padding-top: 90px;
  }

  .company-values {
    margin-bottom: 10px;
  }

  .company-values tr,
  .three-column tr {
    padding: 10px 0 10px 0;
    border-top: solid 1px #e2e2e2;
    height: 31px;
  }

  .company-values tr th,
  .company-values tr td,
  .three-column tr td,
  .three-column tr th {
    padding: 5px;
    font-size: 14px;
  }

  /* New Homepage*/
  #portal-sections {
    /*    margin-top: -45px;*/
  }

  .panelbox {
    margin-bottom: 10px !important;
  }

  .panelbox.grid {
    margin-top: -3px !important;
    padding-top: 5px;
    margin-bottom: -15px;
  }

  .panelbox.news .panel_title {
    border-bottom: solid 3px #70a703;
  }

  .panelbox.news .list li.more {
    background-color: #70a703;
  }

  .panel_title {
    margin: 0 0 10px;
    background: #eeeeee;
    padding: 9px 0 8px 10px;
    border-bottom: solid 3px #70a703;
    font-size: 20px;
  }

  .panel_title a {
    color: #000;
  }

  /*ICONS*/

  .login .login_icon {
    width: 25px;
    height: 23px;
    display: inline-block;
    background-image: url("ProfileIcon.svg");
    background-repeat: no-repeat;
  }

  /*.login .logout_icon {
    width: 25px;
    height: 27px;
    display: inline-block;
    background-image: url(https://cdn.ghanaweb.com/design/social_svg/../img/social_sprite1.webp);
    background-size: 191px;
    background-position: -150px -104px;
    /*background-position: -102px 3px;* /
    background-repeat: no-repeat;
    margin: 0px 3px -2px 0;
}*/

  /*.header_search .btn-search {
    background-color: transparent;
    background-image: url(https://cdn.ghanaweb.com/design/social_svg/../img/social_sprite1.webp);
    background-size: 242px;
    background-position: -79px 6px;
    color: #000;
    border: 0;
    height: 30px;
    right: 5px;
    top: -1px;
    transition: all .3s ease-in-out;
    width: 26px;
    font-size: 18px;
    padding: 4px;
    position: absolute;
    margin: 2px;
}*/

  .panelbox .arrow {
    width: 34px;
    height: 42px;
    display: inline-flex;
    padding: 0;
    float: right;
    color: #fff;
    margin-top: -9px;
    align-items: center;
    justify-content: center;
  }

  .panelbox .arrow .icon {
    width: 25px;
    height: 18px;
    background-image: url("../index/social_sprite1.webp");
    background-size: 150px;
    background-position: 7px -17px;
    background-repeat: no-repeat;
    display: inline-block;
    margin-top: 0px;
  }

  .article_section .arrow-left {
    padding: 0;
    float: left;
  }

  .article_section .arrow-left .left_icon {
    width: 40px;
    height: 25px;
    display: inline-block;
    padding: 20px 20px 17px 10px;
    float: left;
    color: #fff;
    margin-top: -5px;
  }

  .article_section .arrow-left .left_icon .icon {
    background-position: -39px -44px;
  }

  .article_section .arrow-right {
    padding: 0;
    float: right;
  }

  .article_section .arrow-right .right_icon {
    width: 40px;
    height: 25px;
    display: inline-block;
    padding: 20px 20px 17px 10px;
    float: right;
    color: #fff;
    margin-top: -5px;
  }

  .article_section .arrow-right .right_icon .icon {
    background-position: -39px -19px;
  }

  .article_section .arrow-right .right_icon .icon,
  .article_section .arrow-left .left_icon .icon {
    width: 25px;
    height: 25px;
    background-image: url("../index/social_sprite1.webp");
    background-size: 205px;
    background-repeat: no-repeat;
    display: inline-block;
    margin-top: -15px;
  }

  .newspage .arrow-right .right_icon .icon {
    background-position: -39px -19px;
  }

  .newspage .arrow-left .left_icon .icon {
    background-position: -40px -43px;
  }

  .sportspage .arrow-right .right_icon .icon {
    background-position: -58px -19px;
  }

  .sportspage .arrow-left .left_icon .icon {
    background-position: -58px -44px;
  }

  .businesspage .arrow-right .right_icon .icon {
    background-position: -78px -19px;
  }

  .businesspage .arrow-left .left_icon .icon {
    background-position: -79px -44px;
  }

  .entertainmentpage .arrow-right .right_icon .icon {
    background-position: -101px -19px;
  }

  .entertainmentpage .arrow-left .left_icon .icon {
    background-position: -101px -44px;
  }

  .worldpage .arrow-right .right_icon .icon {
    background-position: -118px -19px;
  }

  .worldpage .arrow-left .left_icon .icon {
    background-position: -118px -44px;
  }

  .africapage .arrow-right .right_icon .icon,
  .bbcpage .arrow-right .right_icon .icon {
    background-position: -163px -19px;
  }

  .africapage .arrow-left .left_icon .icon,
  .bbcpage .arrow-left .left_icon .icon {
    background-position: -163px -44px;
  }

  .wallpage .arrow-left .left_icon .icon {
    background-position: -163px -44px;
  }

  .wallpage .arrow-right .right_icon .icon {
    background-position: -163px -19px;
  }

  .opinionspage .arrow-right .right_icon .icon {
    background-position: -184px -19px;
  }

  .opinionspage .arrow-left .left_icon .icon {
    background-position: -184px -44px;
  }

  .panelbox .time .icon {
    width: 17px;
    height: 16px;
    display: inline-block;
    background-image: url("../index/social_sprite1.webp");
    background-size: 167px;
    background-position: -1px -81px;
    background-repeat: no-repeat;
    margin: 0px 3px -2px 0;
  }

  span.twi_news {
    display: inline-block;
    float: left;
  }

  .panelbox .twi_news {
    margin: 0 0 5px 0;
  }

  .twi_news a {
    font-size: 13px;
    color: #707070;
    margin: 1px 0 0 0;
    display: block;
  }

  .twi_news a:before {
    content: "";
    background-image: url("twi_news.svg");
    background-repeat: no-repeat;
    width: 22px;
    height: 20px;
    display: inline-block;
    margin: -2px 0 0 10px;
    float: left;
  }

  .article_section a.twi_news {
    font-size: 13px;
    color: #707070;
  }

  .article_section a.twi_news:before {
    content: "";
    background-image: url("twi_news.svg");
    background-repeat: no-repeat;
    width: 25px;
    height: 23px;
    display: inline-block;
    margin: -2px 0 0 10px;
    float: left;
  }

  .panelbox.news .time .icon {
    background-position: -35px -72px;
  }

  .panelbox.sports .time .icon {
    background-position: -53px -72px;
  }

  .panelbox.business .time .icon {
    background-position: -69px -72px;
  }

  .panelbox.entertainment .time .icon {
    background-position: -86px -72px;
  }

  .panelbox.world .time .icon {
    background-position: -134px -72px;
  }

  .panelbox.africa .time .icon,
  .panelbox.bbc .time .icon {
    background-position: -134px -72px;
  }

  .panelbox .comment_icon .icon {
    width: 17px;
    height: 16px;
    display: inline-block;
    background-image: url("../index/social_sprite1.webp");
    background-size: 166px;
    background-position: -1px -63px;
    background-repeat: no-repeat;
    margin: 0px 3px -2px 0;
  }

  .panelbox.news .comment_icon .icon {
    background-position: -36px -56px;
  }

  .panelbox.sports .comment_icon .icon {
    background-position: -52px -55px;
  }

  .panelbox.business .comment_icon .icon {
    background-position: -68px -56px;
  }

  .panelbox.entertainment .comment_icon .icon {
    background-position: -85px -56px;
  }

  .panelbox.world .comment_icon .icon {
    background-position: -136px -56px;
  }

  .panelbox.africa .comment_icon .icon,
  .panelbox.bbc .comment_icon .icon {
    background-position: -136px -56px;
  }

  .socials-comments-bar .envelope_icon {
    color: #b3b3b3;
    bottom: 0;
    float: none;
  }

  .socials-comments-bar .envelope_icon .icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url("../index/social_sprite1.webp");
    background-size: 300px;
    background-position: -21px -183px;
    background-repeat: no-repeat;
    margin: 0px 3px -2px 0;
  }

  .socials-comments-bar .pinterest_icon {
    color: #b3b3b3;
    bottom: 0;
    float: none;
  }

  .socials-comments-bar .pinterest_icon .icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url("../index/social_sprite1.webp");
    background-size: 300px;
    background-position: -185px -162px;
    background-repeat: no-repeat;
    margin: 0px 3px -2px 0;
  }

  .socials-comments-bar .linkedin_icon {
    color: #b3b3b3;
    bottom: 0;
    float: none;
  }

  .socials-comments-bar .linkedin_icon .icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url("../index/social_sprite1.webp");
    background-size: 300px;
    background-position: -108px -161px;
    background-repeat: no-repeat;
    margin: 0px 3px -2px 0;
  }

  .social .more_icon {
    color: #b3b3b3;
    bottom: 0;
    float: none;
  }

  .social .more_icon .icon,
  .socialMediaBottom .more_icon .icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url("../index/social_sprite1.webp");
    background-size: 337px;
    background-position: -50px -208px;
    background-repeat: no-repeat;
    margin: 0px 3px -2px 0;
  }

  .socialMediaBottom .more_icon .icon {
    background-position: -71px -208px;
  }

  .social .facebook_icon {
    color: #b3b3b3;
    bottom: 0;
    float: none;
  }

  .social .facebook_icon .icon,
  .socialMediaBottom .facebook_icon .icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url("../index/social_sprite1.webp");
    background-size: 332px;
    background-position: 2px -181px;
    background-repeat: no-repeat;
    margin: 0px 3px -2px 0;
  }

  .social .twitter_icon {
    color: #b3b3b3;
    bottom: 0;
    float: none;
  }

  .social .twitter_icon .icon,
  .socialMediaBottom .twitter_icon .icon {
    width: 24px;
    height: 20px;
    display: inline-block;
    background-image: url("../index/social_sprite1.webp");
    background-size: 311px;
    background-position: -38px -169px;
    background-repeat: no-repeat;
    margin: 0px 3px -2px 0;
  }

  .social .whatsapp_icon {
    color: #b3b3b3;
    bottom: 0;
    float: none;
  }

  .social .whatsapp_icon .icon,
  .socialMediaBottom .whatsapp_icon .icon {
    width: 24px;
    height: 20px;
    display: inline-block;
    background-image: url("../index/social_sprite1.webp");
    background-size: 311px;
    background-position: -131px -169px;
    background-repeat: no-repeat;
    margin: 0px 3px -2px 0;
  }

  .comment .comment_icon {
    bottom: 0;
    float: none;
  }

  .comment .comment_icon .icon,
  .socialMediaBottom .comment_icon .icon {
    width: 25px;
    height: 20px;
    display: inline-block;
    background-image: url("../index/social_sprite1.webp");
    background-size: 225px;
    background-position: 4px -76px;
    background-repeat: no-repeat;
    margin: 0px 5px -2px 0;
  }

  /*END ICONS*/

  .panelbox .lead {
    width: 100%;
    height: 180px;
    float: left;
    margin: 0;
    position: relative;
    background: #1b1b1b;
    display: inline-block;
  }

  .panelbox .lead a {
    /*display: block;*/
    /*height: 180px;*/
    overflow: hidden;
  }

  .panelbox .lead .image {
    float: none;
    padding: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    margin: auto;
    overflow: hidden;
  }

  .panelbox .position {
    position: relative;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #e1e1e1;
    overflow: hidden;
  }

  .panelbox .lead .caption {
    display: inline-block;
    margin: 10px 0;
  }

  .panelbox .lead .twi_news {
    display: inline-block;
  }

  .panelbox .lead .twi_news a {
    height: auto;
    color: #b3b3b3;
  }

  .panelbox .lead .info {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0;
    height: auto;
    padding: 15px 15px;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorStr=#00000000, endColorStr=#DD000000);
    background-color: transparent;
    background-image: -webkit-linear-gradient(transparent, rgb(31, 31, 31));
    background-image: linear-gradient(transparent, rgb(31, 31, 31));
    background-position-y: -1px;
    bottom: -1px;
    width: auto;
  }

  .panelbox .lead .info h2 {
    color: #fff;
    font-size: 18px;
    margin: 20px 0 10px;
    max-height: 100px;
    line-height: 24px;
    overflow: hidden;
  }

  .panelbox .info .comment_icon {
    color: #b3b3b3;
    float: right;
    font-size: 13px;
  }

  .panelbox .list .info .comment_icon {
    float: right;
  }

  .panelbox li.more {
    text-align: center;
    text-transform: capitalize;
    /*font-weight: bold;*/
    font-size: 14px;
  }

  .panelbox li.more a {
    color: #fff;
  }

  .load_more {
    display: none;
  }

  .bottom_artl_wrap .load_more {
    margin: 18px 0 25px;
    text-align: center;
  }

  .bottom_artl_wrap .load_more a {
    border-radius: 30px 30px;
    background-color: #ccc;
    padding: 15px 60px;
  }

  .list,
  .upper ul {
    display: inline-block;
    padding: 0;
    margin: 0;
    width: 100%;
  }

  .list li,
  .upper ul li {
    display: inline-block;
    padding: 10px 0 10px 0;
    border-top: solid 1px #e2e2e2;
  }

  .upper ul li {
    padding-left: 10px;
    padding-right: 10px;
  }

  .upper ul li .image {
    overflow: hidden;
  }

  .list li .image,
  .upper ul li .image {
    width: 40%;
    height: 80px;
    float: left;
  }

  .list li .info,
  .upper ul li .info {
    width: 60%;
    float: left;
    padding: 0 0 0 10px;
    position: relative;
    height: 80px;
  }

  .list li .info.no_img {
    width: 100%;
    /*/
    padding: 0 0 0 10px;
    position: relative;
    height: 60px;
  }

  @media screen and (max-width: 320px) {
    .panelbox .lead {
      height: 160px;
    }

    .panelbox .lead a {
      height: 160px;
    }
  }

  .newspage .list li .info.no_img {
    border-left: solid 2px #70a703;
  }

  .sportspage .list li .info.no_img {
    border-left: solid 2px #ff0001;
  }

  .businesspage .list li .info.no_img {
    border-left: solid 2px #019cd6;
  }

  .entertainmentpage .list li .info.no_img {
    border-left: solid 2px #963a8c;
  }

  .worldpage .list li .info.no_img {
    border-left: solid 2px #647d65;
  }

  .africapage .list li .info.no_img,
  .bbcpage .list li .info.no_img {
    border-left: solid 2px #ffbc0a;
  }

  .more_title {
    padding-left: 10px;
  }

  .list li .info.no_img p {
    height: 38px;
  }

  .list li .info p,
  .upper li .info p {
    margin: 0 0 10px;
    height: 55px;
    overflow: hidden;
    color: #000;
    font-size: 15px;
    line-height: 1.2;
  }

  .upper li .info p {
    height: 80px;
  }

  .lead .info span.time {
    color: #b3b3b3;
    float: left;
    font-size: 13px;
    position: initial;
  }

  span.time {
    font-size: 13px;
    color: #b3b3b3;
    /* position: absolute; */
    bottom: 0;
    /* left: 0; */
    float: left;
  }

  span.time i {
    margin-right: 5px;
  }

  .article_section {
    width: 100%;
    height: auto;
  }

  .listen {
    /*width: 100%;*/
    /*display: inline-block;
    background: #f2f2f2;
    border: solid 1px #e4e4e4;*/
    float: right;
    /*color: red;
    margin: 0 0 10px 0;
    border-radius: 35px;
    text-align: center;*/
  }

  .listen a {
    display: inline-block;
    /*padding: 5px 90px 5px 90px;*/
    width: auto;
    margin: 4px 6px 0px 0px !important;
  }

  .listen a .icon {
    display: inline-block;
    width: 16px;
    height: 17px;

    background-size: 15px;
    background-repeat: no-repeat;
  }

  .listen a .text {
    margin: 0 10px;
    display: inline-block;
    float: left;
    line-height: 20px;
    color: #2a74ae;
    font-size: 14px;
  }

  @media only screen and (max-width: 320px) {
    .listen a {
      display: inline-block;
      padding: 5px 62px 5px 62px;
      width: auto;
    }
  }

  @media only screen and (max-width: 300px) {
    .listen a {
      display: inline-block;
      padding: 5px 53px 5px 53px;
      width: auto;
    }

    .socialMediaBottom a {
      padding: 10px 15px;
      color: #fff;
      /* float: left; */
    }

    .art_link .item.news,
    .art_link .item.business,
    .art_link .item.world,
    .art_link .item.tv {
      width: 47%;
    }
  }

  .art_link {
    /*margin: 20px 0px;*/
    display: inline-block;
    padding: 20px 10px;
    background: #fff;
  }

  .art_link ul {
    padding: 0 !important;
  }

  .art_link .item {
    display: block;
    position: relative;
    margin-bottom: 10px;
  }

  .art_menu_link {
    border-bottom: 0;
    color: white;
    font: Normal 16px/15px Arial;
    display: block;
    padding: 15px 0;
    position: relative;
  }

  .art_link ul {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
  }

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

  .art_link .item.comment {
    width: 100%;
    background: #919191;
    display: block;
    border-radius: 30px 30px;
  }

  .art_link .item.news {
    width: 48%;
    float: left;
    background: #70a703;
    border-radius: 30px 0 0 30px;
    margin-right: 9px;
  }

  .art_link .item.sports {
    width: 49%;
    float: left;
    background: #ff0001;
    border-radius: 0 30px 30px 0;
  }

  .art_link .item.business {
    width: 48%;
    float: left;
    background: #019cd6;
    border-radius: 30px 0 0 30px;
    margin-right: 9px;
  }

  .art_link .item.entertainment {
    width: 49%;
    float: left;
    background: #693363;
    border-radius: 0 30px 30px 0;
  }

  .art_link .item.world {
    width: 48%;
    float: left;
    background: #647d65;
    border-radius: 30px 0 0 30px;
    margin-right: 9px;
  }

  .art_link .item.africa,
  .art_link .item.bbc {
    width: 48%;
    float: left;
    background: #ffbc0a;
    border-radius: 30px 0 0 30px;
    margin-right: 9px;
  }

  .art_link .item.tonaton {
    background: #077872;
  }

  .art_link .item.tv {
    width: 49%;
    float: left;
    background: #1a6780;
    border-radius: 0 30px 30px 0;
  }

  .art_link .item.opinion {
    width: 100%;
    float: left;
    display: block;
    background: #f95913;
    border-radius: 30px 30px;
    margin-bottom: 0;
  }

  .article .art_link {
    width: 100%;
  }

  .socialMediaBottom {
    padding: 10px;
    text-align: center;
  }

  .socialMediaBottom a {
    padding: 10px 20px;
    color: #fff;
    /*/
  }

  .socialMediaBottom a.more_share {
    background: #eeeaea;
  }

  .socialMediaBottom a.more_share i {
    color: #2d2d2d;
  }

  .socialMediaBottom a.linkedin {
    background: #0077b5;
  }

  .socialMediaBottom a.facebook {
    background: #3b5998;
  }

  .socialMediaBottom a.twitter {
    background: #000000;
  }

  .socialMediaBottom a.whatsapp {
    background: #25d366;
  }

  @media only screen and (max-width: 300px) {
    .socialMediaBottom a {
      padding: 10px 15px;
      color: #fff;
      /* float: left; */
  }

  .art_link .item.news,
  .art_link .item.business,
  .art_link .item.world {
    width: 47%;
  }
}

/*TIME COLOR*/

.news .time i,
.news .list .info .comment_icon {
  color: #70a703;
}

.sports .time i,
.sports .list .info .comment_icon {
  color: #ff0001;
}

.business .time i,
.business .list .info .comment_icon {
  color: #019cd6;
}

.entertainment .time i,
.entertainment .list .info .comment_icon {
  color: #963a8c;
}

.world .time i,
.world .list .info .comment_icon {
  color: #647d65;
}

.africa .time i,
.africa .list .info .comment_icon,
.bbc .time i,
.bbc .list .info .comment_icon {
  color: #ffbc0a;
}

/*END OF TIME COLOR*/

/*.list .info .comment_icon {
    color: #414141;
}*/
.panelbox .comment_icon i {
  margin: 0 5px;
}

.play-icon {
  width: 30px;
  height: 20px;
  padding: 2px 5px 2px 5px;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 400;
  color: #fff;
  transition: 0.3s;
  position: absolute;
  left: 10px;
  margin: 5px -2px;
  background-image: url("play-icon2.png");
  background-repeat: no-repeat;
  background-size: 25px;
  z-index: 3;
  text-indent: -100000px;
}

.banner_wrapper p {
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 1px;
  color: #888888;
}

.tvpage .banner_wrapper {
  background: #1a6780;
}

.tvpage .banner_wrapper p {
  color: #000;
}

.banner {
  /*width: 300px;
    margin: auto;*/
  display: inline-table;
}

.panelbox .more {
  border-radius: 30px 30px;
}

.panelbox.sports .panel_title {
  border-bottom: solid 3px #ff0001;
}

.panelbox.sports .list li.more {
  background-color: #ff0001;
}

.panelbox.business .panel_title {
  border-bottom: solid 3px #019cd6;
}

.panelbox.business .list li.more {
  background-color: #019cd6;
}

.panelbox.entertainment .panel_title {
  border-bottom: solid 3px #963a8c;
}

.panelbox.entertainment .list li.more {
  background-color: #963a8c;
}

.panelbox.world .panel_title {
  border-bottom: solid 3px #647d65;
}

.panelbox.world .list li.more {
  background-color: #647d65;
}

.panelbox.africa .panel_title,
.panelbox.bbc .panel_title {
  border-bottom: solid 3px #ffbc0a;
}

.panelbox.africa .list li.more,
.panelbox.bbc .list li.more {
  background-color: #ffbc0a;
}

.panelbox.wall .panel_title,
.panelbox.wall .list li:last-child {
  border-bottom: solid 3px #ff5a0a;
}

.panelbox.other .panel_title,
.panelbox.other .list li:last-child {
  border-bottom: solid 3px #444444;
}

.arrow.news {
  background-color: #70a703;
}

.arrow.sports,
#navContainer.sports {
  background-color: #ff0001;
}

.arrow.business,
#navContainer.business {
  background-color: #019cd6;
}

.arrow.entertainment,
#navContainer.entertainment {
  background-color: #963a8c;
}

.arrow.world,
#navContainer.inews {
  background-color: #647d65;
}

.arrow.wall,
#navContainer.wall {
  background-color: #ff5a0a;
}

.arrow.features,
#navContainer.opinions {
  background-color: #008080;
}

.arrow.africa,
#navContainer.africa,
.arrow.bbc,
#navContainer.bbc {
  background-color: #ffbc0a;
}

#navContainer.television {
  background-color: #1a6780;
}

.arrow.reference,
#navContainer.reference {
  background-color: #c7ab8c;
}

.main-container #wall_listWrap {
  padding: 0;
}

#navContainer {
  background: #70a703;
  color: #fff;
  margin-top: 10px;
}

#siteNav {
  padding: 12px 0;
  /*border-top: 1px solid #666;*/
  /*margin: 20px 0 0;*/
  font-weight: normal;
}

#siteNav ul {
  width: 50%;
  margin: 0;
  padding: 0 0 0 12px;
}

#siteNav li {
  line-height: 30px;
  list-style: none;
  padding: 0;
  margin-top: 0;
}

#siteNav li a,
.homemore {
  color: #fff;
  text-decoration: none;
}

a#ot-sdk-btn {
  border: 0 !important;
  background: transparent !important;
  color: #fff !important;
  font-size: 15px !important;
  padding: 0 !important;
}

a#ot-sdk-btn:hover {
  border: 0 !important;
  background: transparent !important;
}

a {
  text-decoration: none;
  color: #2a74ae;
}

h1.main_page_title {
  font-size: 18px;
  text-align: center;
  margin-bottom: 0;
}

button.new-opinion {
  margin-top: -6px;
}

h1.page_title {
  text-align: center;
}

.login_form {
  padding: 0 20px 10px 10px;
}

.login_form input[type="text"],
.login_form input[type="email"],
.login_form input[type="password"],
.login_form select {
  margin: 0 0 1em 0 !important;
}

.login_formWrap h1 {
  text-align: center;
}

menu,
ol,
ul {
  padding: 0;
}

.dashboard-right {
  margin: -3px 0 !important;
}

.titleWrap .toPage {
  width: 74px !important;
}

.section_title {
  margin: 0;
  background: #eeeeee;
  padding: 5px 0 5px 10px;
  border-bottom: solid 3px #70a703;
  font-size: 20px;
}

.sportspage .section_title {
  border-color: #ff0001;
}

.businesspage .section_title {
  border-color: #019cd6;
}

.entertainmentpage .section_title {
  border-color: #963a8c;
}

.worldpage .section_title {
  border-color: #647d65;
}

.africapage .section_title,
.bbcpage .section_title {
  border-color: #ffbc0a;
}

.crumbtail {
  display: block;
  width: 100%;
  background: #eeeeee;
  padding: 5px 0 5px 10px;
  border-bottom: solid 3px #70a703;
  position: relative;
  overflow: auto;
  margin-bottom: 10px;
}

.custom-select.active {
  display: block;
}

.crumbtail a {
  font-size: 13px;
  color: #838383;
  font-weight: normal !important;
}

.crumbtail h1,
.crumbtail h5 {
  margin: 5px 0 5px 3px;
  display: inherit;
  font-size: 16px !important;
}

.crumbtail h1 a,
.crumbtail h5 a {
  /*    font-size: 18px;*/
  color: #000;
}

.crumbtail span {
  font-size: 11px;
  color: #838383;
  margin: 4px;
}

.section_title a {
  color: #000;
}

.panelbox.videos {
  padding: 0;
  background: #353e4d;
}

.panelbox.videos .panel_title {
  border-bottom: solid 2px #196781;
}

.panelbox.videos .panel_title {
  background: #353e4d;
  color: #3cceff;
}

.panelbox.videos .panel_title .arrow {
  color: #3cceff;
  background: #196781;
}

.panelbox.videos .list li {
  padding: 10px;
  border-color: #196781;
}

.panelbox.videos .list li .info {
  padding: 0 20px 0 0;
}

.panelbox.videos .list .info p {
  color: #e4e4e4;
}

.panelbox.videos .list li .info span {
  color: #3cceff;
  font-size: 13px;
}

div.brid {
  margin: auto !important;
}

#siteNav ul {
  width: 50%;
  margin: 0;
  padding: 0 0 0 12px;
  float: left;
  font-size: 15px;
}

.footer-container {
  padding: 10px 0px 19px 10px;
  font-size: 11px;
  display: inline-block;
}

.footer-container a.lang_lnk {
  margin-left: 15px;
}

/*iframe, embed {
    height: 200px;
}*/
.banner_wrapper {
  text-align: center;
  background: #f0f0f0;
  padding: 10px 0 20px;
  overflow: hidden;
  margin: 15px 0;
}

.banner_wrapper p {
  font-size: 9px;
  margin: 0 0 10px !important;
}

.IMKPanel {
  text-align: center;
  background: #f0f0f0;
  padding: 5px 0;
  margin: 0 0 10px 0 !important;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 1px;
  color: #888888;
  clear: both;
}

/*.banner_wrapper iframe {
    height: 250px;
}*/

#toggle_dates {
  margin-top: 10px !important;
  background-color: #70a703 !important;
}

#toggle_dates input {
  position: inherit !important;
}

.floatLeft {
  float: left !important;
}

.floatLeft h4 {
  background-color: #e6e6e6;
  color: #000;
  padding: 5px;
  text-align: center;
  margin-bottom: 0px !important;
  font-size: 14px;
  margin: 0;
  border: solid 1px #c6c6c6;
}

.year-breakdown-sp,
.month-breakdown-sp {
  /*margin-bottom: 5px !important;*/
}

.tableContain tr {
  background-color: #fff;
}

.year-breakdown-sp td,
.month-breakdown-sp td {
  text-align: center;
  padding: 10px;
  border: 1px solid #c6c6c6;
  font-size: 14px;
}

.month-breakdown-sp td {
  text-align: left;
}

.month-breakdown-sp td a {
  color: #0092b3;
}

/** Brussels Airlines **/

#brussels_wrap {
  width: 100%;
  height: 54px;
  background-repeat: no-repeat;
  border: solid 4px #f70000;
  background-color: #f7f7f7;
  /* border-radius: 3px; */
  background-color: #ffffff;
  float: none;
  /* margin-bottom: 10px; */
  padding: 3px 0;
}

#brussels_wrap a {
  color: #000;
}

#brussels_wrap .logo {
  width: 79px !important;
  height: 100%;
  float: left;
  margin-right: 0;
  text-align: center;

  background-size: contain;
  background-repeat: no-repeat;
  background-size: 74px;
  background-position: 4px 2px;
}

#brussels_wrap .main_text {
  clear: inherit;
  margin: 1px 0 0 0px;
  color: #09347a;
  /* font-size: 11px; */
  line-height: 14px;
  text-align: center;
  font-size: 11px;
}

#brussels_wrap .main_text .dis {
  display: block;
  margin-bottom: 1px;
}

#brussels_wrap .main_text .book {
  font-size: 12px;
}

#brussels_wrap .main_text .dol {
  color: #f70000;
}

/*TONATON WIDGETS*/

#tonaton_widget_main {
  width: 100%;
  height: auto;
  background: #fff;
  padding: 0 10px 10px;
  background-color: #fff;
}

#tonaton_widget_main .head {
  padding: 10px;
  width: 100%;
  height: 40px;
  border-radius: 3px;
  background: rgb(8, 128, 123);
  background: -moz-linear-gradient(180deg,
      rgba(8, 128, 123, 1) 0%,
      rgba(0, 91, 87, 1) 100%);
  background: -webkit-linear-gradient(180deg,
      rgba(8, 128, 123, 1) 0%,
      rgba(0, 91, 87, 1) 100%);
  background: linear-gradient(180deg,
      rgba(8, 128, 123, 1) 0%,
      rgba(0, 91, 87, 1) 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#08807b", endColorstr="#005b57", GradientType=1);
}

#tonaton_widget_main .head .title {
  width: auto !important;
  margin: 0;
  font-size: 15px;
  color: #fff;
  padding: 0;
  float: left;
  position: inherit;
  background: transparent;
}

#tonaton_widget_main .head span {
  width: 100px;
  float: right;
}

#tonaton_widget_main .head span img {
  width: 100px;
}

#tonaton_widget_main .lead_category {
  width: 100%;
  overflow: auto;
  margin: 5px 0 5px;
}

#tonaton_widget_main ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#tonaton_widget_main .lead_category ul a li {
  padding: 9px;
  float: left;
  width: 25%;
  height: 80px;
  text-align: center;
  background: #f2f2f2 !important;
  border-right: solid 5px #fff;
  /*border-bottom: solid 1px #CCCCCC;*/
  margin: 0;
  line-height: 15px;
  border-radius: 3px;
}

#tonaton_widget_main .lead_category ul a:nth-last-child(1) li {
  border-right: 0;
}

#tonaton_widget_main .lead_category ul li .image {
  width: 25px;
  height: 30px;
  margin: auto !important;
  float: none;
}

#tonaton_widget_main .lead_category ul li .image img {
  width: 100%;
}

#tonaton_widget_main .category_name {
  font-size: 11px;
  color: #0074ba;
  font-weight: bold;
  margin: 0;
  padding: 0 !important;
  line-height: 15px;
}

#tonaton_widget_main span.qty {
  font-size: 12px;
  font-weight: normal;
  color: #a2a2a2;
  margin: 0;
}

#tonaton_widget_main .other_listing {
  width: 100%;
  /*background: #EBEBEB;*/
  /*padding: 10px;*/
}

#tonaton_widget_main .other_listing li {
  background: #f2f2f2;
  padding: 2px 10px;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 500;
  color: #0074ba;
  margin: 0 0 5px;
  /*border: solid 1px #dcdcdc;*/
}

#tonaton_widget_main .other_listing li .arrow {
  float: right;
  font-size: 20px;
  font-weight: normal;
  color: #a2a2a2;
}

#tonaton_widget_main .lead_category ul li:hover,
#tonaton_widget_main .other_listing li:hover {
  background: #f1f1f1;
}

#tonaton_widget_main .lead_category ul li a,
#tonaton_widget_main .other_listing ul a {
  text-decoration: none;
}

#tonaton_widget_main .other_listing ul a .deals {
  margin-bottom: 0;
}

#tonaton_widget_main .other_listing ul a .deals img {
  width: 30px;
  float: left;
  margin: 0 5px 0 0 !important;
}

.post_btn {
  width: 100%;
}

#tonaton_widget_main .post_btn a {
  padding: 9px 10px;
  width: 100% !important;
  text-align: center;
  display: inline-block;
  border: none;
  color: #673500 !important;
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
  background: #ffc837;
  margin-top: 5px;
  border-radius: 3px;
}

#tonaton_widget_main .post_btn a:hover,
#tonaton_widget_main.large .post_btn a:hover {
  background: #f3bd31;
  /*background: rgb(255, 217, 114);
    background: -moz-linear-gradient(0deg, rgba(255, 217, 114, 1) 0%, rgba(236, 153, 16, 1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(255, 217, 114, 1) 0%, rgba(236, 153, 16, 1) 100%);
    background: linear-gradient(0deg, rgba(255, 217, 114, 1) 0%, rgba(236, 153, 16, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ffd972", endColorstr="#ec9910", GradientType=1);*/
}

#tonaton_widget_main ul {
  width: 100%;
  line-height: 30px;
  display: inline-block;
  /*border: solid 1px #dcdcdc;*/
}

#tonaton_widget_main .other_listing ul {
  border: 0;
}

/*END OF TONATON WIDGETS*/

/*TONATON WIDGET NEW*/

#tonaton_widget_main_new {
  width: 100%;
  height: auto;
  margin: 0 !important;
  /*background: #087D78;*/
  border-radius: 5px;
  overflow: hidden;
}

#tonaton_widget_main_new .head {
  width: 100%;
  height: 20px;
  padding: 7px 13px;
  border-radius: 3px;
  background: transparent;
  display: inline-block;
}

#tonaton_widget_main_new a.s {
  width: 100%;
  display: inline-block;
}

#tonaton_widget_main_new .head .title {
  width: auto;
  margin: 0;
  font-size: 18px;
  color: #fff;
  float: left;
  padding: 0 0 6px 0;
  position: relative;
  bottom: 0;
}

#tonaton_widget_main_new .head span {
  width: 90px;
  float: right;
}

#tonaton_widget_main_new .head span img {
  width: 90px;
}

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

#tonaton_widget_main_new .lead_category a {
  display: initial;
}

#tonaton_widget_main_new .post_btn {
  display: inline-block;
  padding: 10px 13px 10px 13px;
  width: 100%;
  /*background: #059791;*/
  border-top: solid 1px;
  border-bottom: solid 2px;
}

#tonaton_widget_main_new .door_delivery {
  width: 200px;
  height: 35px;
  display: inline-block;
  float: left;
}

#tonaton_widget_main_new .door_delivery .shield {
  width: 30px;
  height: 40px;
  /* background: red; */
  display: inline-block;
  float: left;
  margin: 3px 5px 0 0;
}

#tonaton_widget_main_new .door_delivery .text {
  width: 150px;
  height: auto;
  display: inline-block;
  float: left;
}

#tonaton_widget_main_new .door_delivery .text .title {
  font-size: 15px;
  font-weight: bold;
  margin: 0;
  position: relative;
  bottom: 0;
}

#tonaton_widget_main_new .door_delivery .text .desc {
  font-size: 12px;
  margin: 0;
}

#tonaton_widget_main_new ul {
  width: 100%;
  display: inline-block;
  margin: 15px 0;
  padding: 0;
  list-style-type: none;
}

#tonaton_widget_main_new ul li {
  text-align: center;
}

#tonaton_widget_main_new .category_name {
  font-size: 13px !important;
  color: #ffffff;
  font-weight: initial;
  margin: 0;
  padding: 0 !important;
}

#tonaton_widget_main_new .lead_category ul a:last-child {
  margin-right: 0;
}

#tonaton_widget_main_new .lead_category ul a:nth-child(4)

/* #tonaton_widget_main .lead_category ul a:nth-child(5) li*/
  {
  width: 20.5%;
  border-right: 0;
}

#tonaton_widget_main_new .lead_category ul a {
  width: 24.5%;
  padding: 0 2%;
  background: transparent;
  margin: 0;
  border-right: solid 1px #fff;
  display: inherit;
}

#tonaton_widget_main_new .lead_category ul a:hover {
  background: transparent;
}

#tonaton_widget_main_new .post_btn a {
  padding: 9px 0;
  width: 32% !important;
  text-align: center;
  display: inline-block;
  float: right;
  font-size: 14px;
  text-transform: capitalize;
  background: #ffc837;
  text-decoration: none;
  border-radius: 3px;
  border: 0;
  color: #673500 !important;
}

#tonaton_widget_main_new span.qty {
  font-size: 10px;
  font-weight: 400;
  color: #f9cf41;
  margin: 0;
}

#tonaton_widget_main_new .lead_category ul li .image {
  width: 35px;
  height: 35px;
  margin: auto;
}

/*END OF TONATON NEW*/

/*TONATON Inline Ads*/

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

.cpc_item_Wrap li {
  width: auto;
  list-style: none;
  margin: 0px;
  /* background: #ffffcd; */
  padding: 10px 0;
  position: relative;
}

.cpc_item_Wrap a {
  text-decoration: none;
  display: block;
  height: 120px;
  padding: 10px;
  width: auto;
  color: #000;
  /* background: #fff; */
  background: #ffffcd;
}

.cpc_item_Wrap a .image {
  float: left;
  margin: 0 10px 0 0 !important;
  width: 38%;
  height: 80px;
  border-radius: 7px;
  overflow: hidden;
  border: solid 2px #d5e1e6;
}

.cpc_item_Wrap a .info {
  font-size: 12px;
  float: left;
  display: block;
  width: 57%;
  text-align: left;
  color: #000 !important;
  /*overflow: hidden;*/
  height: auto;
  padding: 0;
}

.cpc_item_Wrap a .info h3 {
  color: #000;
  max-height: 30px;
  overflow: hidden;
  margin-bottom: 9px;
  margin-top: 0;
  font-size: 12px;
  height: 30px;
  line-height: 14px;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
}

.cpc_item_Wrap a .info .details {
  display: inline-block;
  font-size: 13px;
  line-height: 18px;
  width: 100%;
  position: relative;
}

.cpc_item_Wrap a .info .price {
  text-align: left;
  font-weight: bold;
  font-size: 12px;
  z-index: 1;
  position: inherit;
  left: -16px;
  color: #000;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
}

.cpc_item_Wrap .more_link {
  text-align: center;
  font-size: 11px;
  text-decoration: underline;
  display: block;
  height: auto;
  width: auto;
  color: #2996ce;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  top: 100px;
  left: 152px;
  padding: 0;
  position: absolute;
}

.cpc_item_Wrap .pointer {
  width: 68%;
  height: 21px;
  position: absolute;
  left: -36px;
  top: -1px;
  background: #ffc800;
  display: block;
  margin-left: 12px;
  z-index: 0;
}

.cpc_item_Wrap .pointer:before {
  content: "";
  position: absolute;
  left: -7px;
  bottom: 0;
  width: 0;
  height: 0;
  border-right: 7px solid #ffc800;
  border-top: 10px solid transparent;
  border-bottom: 11px solid transparent;
}

.cpc_item_Wrap .pointer:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-right: 7px solid #ffffcd;
  border-top: 10px solid transparent;
  border-bottom: 11px solid transparent;
}

.cpc_item_Wrap span.powered {
  width: 43%;
  color: #797979;
  margin: 8px 0 0;
  float: right;
  /* background: #019877; */
  /* padding: 3px 3px 2px; */
  /* border-radius: 3px;*/
}

.cpc_item_Wrap a .info .location {
  width: 55%;
  color: #797979;
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  margin: 7px 0 3px;
  float: left;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
}

.cpc_item_Wrap a .info .location:before {
  content: "";
  width: 16px;
  height: 18px;

  display: inline-block;
  background-size: 15px;
  /* background-size: contain; */
  background-repeat: no-repeat;
  margin: -7px 0px -6px 0;
}

/*END OF TONATON Inline Ads*/

iframe#ctcg_frame_65349_0 {
  height: 0;
}

/*NEWS ARCHIVE*/

#toggle_dates {
  margin-top: 10px !important;
  background-color: transparent !important;
  /*border: solid 1px #c6c6c6;*/
  height: 43px;
  /*text-align: center;*/
  border-radius: 50px;
  position: relative;
}

#toggle_dates .choose-date {
  padding: 10px 0px;
  display: inline-block;
  margin: 0;
}

/*span.date_icon {
    font-size: 23px;
    display: inline-block;
    color: #3a3a3a;
    position: absolute;
    right: 10px;
    padding: 10px 12px;
    background-color: #e6e6e6 !important;
    border: solid 1px #c6c6c6;
    border-radius: 50px;
}*/

#toggle_dates #archive_date {
  position: absolute !important;
  top: 0;
  right: 0;
  /* background: transparent !important; */
  /* color: transparent !important; */
  border: none;
  outline: none;
  width: 45%;
  height: 40px;
  padding: 20px 14px;
  letter-spacing: 1px;
  background: #dddddd;
}

#toggle_dates #archive_date:checked {
  color: #f00;
}

lement.style {
  font-size: 14px;
  font-weight: normal;
}

/*AUDIO PAGE*/

.columnWrap {
  width: 100% !important;
  float: none;
  padding: 10px;
}

.column {
  float: none;
  width: 100% !important;
  font-size: 14px !important;
}

.column ul {
  float: none;
  width: auto !important;
}

.column .title {
  font-weight: bold;
  color: #2a74ae;
  margin: 10px 0 0;
  display: block;
}

/*END OF AUDIO PAGE*/

.sub_section .menuheading {
  padding: 15px 0 !important;
  margin-left: 10px;
}

/*ARCHIVE*/

.arch-wrap h3 {
  background-color: #ebebeb;
  color: #000000;
  font-size: 15px;
  text-align: center;
  padding: 5px 0 5px 5px;
  margin: 0;
}

.arch-wrap li {
  padding: 8px 0;
  border-bottom: solid 1px #e2e2e2;
  font-size: 14px;
}

.gw_ob_wrapper {
  margin: 10px 0;
}

/*ELSEWHERE STYLE*/

.ob-widget.ob-classic-layout .ob-widget-section {
  float: left;
  width: 100% !important;
  margin: 15px 0;
}

.ob-widget.ob-classic-layout .ob-classic-layout .ob-widget-header {
  font-family: inherit;
  font-size: 18px;
  color: black;
  padding-bottom: 15px;
  padding-top: 0px;
}

.ob-widget.ob-classic-layout .ob-widget-items-container {
  padding: 10px 0px 10px 0px !important;
  /*margin: 0 !important;*/
}

.OUTBRAIN[data-widget-id="AR_2"] ul {
  margin: 0px 10px;
}

.OUTBRAIN[data-widget-id="AR_2"] li {
  margin-left: 10px;
  border-bottom: solid 2px #efefef;
  padding: 5px 0 5px 0px;
  list-style-type: none !important;
  position: relative;
}

.OUTBRAIN[data-widget-id="AR_2"] li a,
.OUTBRAIN[data-widget-id="AR_2"] li span {
  color: black;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.5;
}

.OUTBRAIN[data-widget-id="AR_2"] li:before {
  content: "\25BA \0020";
  font-size: 15px;
  position: absolute;
  top: 5px;
  left: -15px;
  color: red;
}

.newspage .OUTBRAIN[data-widget-id="AR_2"] li:before {
  color: #70a703;
}

.sportspage .OUTBRAIN[data-widget-id="AR_2"] li:before {
  color: #ff0001;
}

.businesspage .OUTBRAIN[data-widget-id="AR_2"] li:before {
  color: #02aae9;
}

.entertainmentpage .OUTBRAIN[data-widget-id="AR_2"] li:before {
  color: #963a8c;
}

.worldpage .OUTBRAIN[data-widget-id="AR_2"] li:before {
  color: #566c57;
}

.africapage .OUTBRAIN[data-widget-id="AR_2"] li:before,
.bbcpage .OUTBRAIN[data-widget-id="AR_2"] li:before {
  color: #da8282;
}

.OUTBRAIN[data-widget-id="AR_2"] li a span,
.ob-unit.ob-rec-text {
  font-weight: normal !important;
}

.ob-widget.ob-classic-layout .MB_1.ob-one-column-layout .ob-rec-image-container {
  width: 120px;
  height: 74px;
  overflow: hidden;
}

/*DOSSIER*/

.dossier-wrap li {
  border-bottom: solid 1px #efefef;
  padding: 10px 0 10px 0px;
  font-size: 14px;
}

/* ARTICLE - smartphone.articles.css */

.article_share {
  width: 100%;
  height: 35px;
  background: #70a703;
  z-index: 99999999;
  padding-top: 1px;
}

.sportspage .article_share,
.sportspage .tool-tip {
  background: #ff0001;
}

.businesspage .article_share,
.businesspage .tool-tip {
  background: #019cd6;
}

.entertainmentpage .article_share,
.entertainmentpage .tool-tip {
  background: #9f3e95;
}

.worldpage .article_share,
.worldpage .tool-tip {
  background: #6e886f;
}

.africapage .article_share,
.africapage .tool-tip,
.bbcpage .article_share,
.bbcpage .tool-tip {
  background: #eaad0a;
}

.wallpage .article_share,
.wallpage .tool-tip {
  background: #dc5013;
}

.opinionspage .article_share,
.opinionspage .tool-tip {
  background: #008080;
}

.article_share .comment {
  float: right;
  font-size: 17px;
  color: #fff;
  padding: 5px 10px;
}

/* .comment a {
    color: #fff;
  } */

.article_share .comment i {
  margin: 0 5px 0 0;
}

.social {
  float: left;
  font-size: 20px;
  padding: 5px 10px;
}

.social a {
  color: #fff;
  margin-left: 25px;
  float: left;
  padding: 0 5px;
}

.social a:first-child {
  margin-left: 0px;
}

.more_share {
  text-align: center;
  /*padding-top: 24px;*/
  /*display: block;*/
}

/* .more_share i {
  font-size: 27px;
  color: #6C7478;
  height: 55px;
  width: 55px;
  text-align: center;
  background: #fff;
  line-height: 55px;
  border-radius: 2px;
  transition: all 0.5s ease-in-out 0s;
}*/

.tool-tip {
  visibility: hidden;
  min-width: 200px;
  height: auto;
  left: 10px;
  top: 207px;
  position: absolute;
  background: var(--advertspacebg-color);
  opacity: 0;
  font-size: 18px;
  padding: 6px 5px;
  text-align: center;
  transition: all 0.5s ease-in-out 0s;
  /* transform: scale(0); */
  /* -webkit-transform: scale(0); */
  -moz-transform: scale(0);
}

.tool-tip a {
  color: #fff;
  float: left;
  margin: 0 10px;
  display: block;
}

.tool-tip.open {
  display: block;
  transition: all 0.5s ease-in-out 0s;
  top: 203px;
  visibility: visible;
  opacity: 1;
  left: 60px;
}

.article_section {
  width: 100%;
  height: auto;
}

.article_section .top {
  width: 100%;
  display: block;
  clear: both;
  margin: -12px 0 0 0;
  height: 18px;
  border-bottom: 1px solid #f2f2f2;
}

.article_section .top span {
  font-size: 12px;
  color: #ababab;
}

.article_section .top .date {
  float: right;
  padding: 2px 0;
}

.article_section .top .section {
  float: left;
  padding: 2px 7px;
  background: #f0f0f0;
  color: #7a7a7a;
}

.article_section .title {
  /*line-height: 23px;
    margin-top: 0;
    text-align: center;*/
  line-height: 23px;
  margin-top: 10px;
  text-align: center;
}

.arrow-left {
  float: left;
  margin-right: 0;
  padding: 5px;
}

.arrow-right {
  float: right;
  margin-left: 0;
  padding: 5px;
}

.newspage .arrow-left i,
.newspage .arrow-right i {
  color: #70a703;
}

.sportspage .arrow-left i,
.sportspage .arrow-right i {
  color: #ff0001;
}

.businesspage .arrow-left i,
.businesspage .arrow-right i {
  color: #00a9e7;
}

.entertainmentpage .arrow-left i,
.entertainmentpage .arrow-right i {
  color: #9f3e95;
}

.worldpage .arrow-left i,
.worldpage .arrow-right i {
  color: #6e886f;
}

.homemore_article {
  width: auto;
  background: #c6c6c6;
  padding: 5px 10px;
  display: inline-block;
  font-size: 15px;
  margin-bottom: 30px;
}

.homemore_article a {
  color: #fff;
}

.article_section h1 {
  font-size: 18px;
  text-align: center;
}

.article_section .image {
  width: 100%;
  height: 230px;
  overflow: hidden;
  background: #dcdcdc;
  margin: 0 auto;
}

.article_section .image_caption {
  background: #eee;
  text-align: left;
  font-size: 12px;
  font-style: italic;
  padding: 5px 5px;
  display: block;
  clear: both;
  margin-top: -8px;
}

.article_section p {
  margin: 20px 0 20px;
  padding: 0;
  font-family: sans-serif;
  line-height: 25px;
  word-wrap: break-word;
}

/*END OF ARTICLE*/

ul.related-list {
  padding: 15px 20px 15px 25px;
  margin: 0;
}

ul.related-list li {
  margin: 0 0 10px 0;
}

ul.related-list strong {
  font-weight: bold;
  padding: 10px 10px 0px;
  display: block;
}

.tinyMargin {
  font-size: 13px;
  margin: 0 0 20px !important;
}

div#outbrain_widget_0 {
  /*margin: 10px;*/
}

.article-source {
  font-size: 13px;
  padding: 20px 0;
}

td.bggray {
  background: #ededed;
}

td.bggray a h3 {
  padding: 0 0 20px 10px;
  margin: 0;
}

div#comment_area {
  display: inline-block;
  width: 100%;
}

div#comment_area b {
  margin: 10px 0;
  display: block;
  font-size: 14px;
}

.comments_form {
  width: 100%;
  clear: both;
  display: inline-block;
  margin: 5px 0 !important;
}

.comment-top {
  float: none !important;
  width: 100%;
}

.comment-top textarea {
  width: 100%;
}

.comment-bottom {
  margin: 0 !important;
}

.comment-bottom input[type="submit"] {
  padding: 10px 30px;
  border: 0;
  margin: 20px 0 0 0;
  border-radius: 30px;
  font-size: 14px;
  border: solid 1px silver;
}

#ctcg_frame_65349_0 {
  height: 0px;
}

.line1.commentLevel2 {
  margin-left: 15px;
}

.line1.commentLevel3 {
  margin-left: 30px;
}

.author {
  margin: 10px 0;
}

.author .date {
  font-size: 12px;
}

.author .name {
  margin: 10px 0;
  display: block;
  font-size: 14px;
  margin: 0 !important;
}

.subject .tooltip {
  width: 100%;
  display: inline-block;
  background: #f2f2f2;
  padding: 10px;
  font-size: 14px;
}

.subject .comment_title {
  margin: 0 0 10px !important;
}

.comment_opt {
  width: 100%;
  padding: 10px 0 10px;
  text-align: center;
  border-bottom: 1px solid #ccc;
  display: inline-block;
}

.comment_opt a p {
  padding: 5px;
  color: #fff;
  background-color: brown;
  margin: 0 10px 0 0;
  float: left;
  font-size: 13px;
  border-radius: 3px;
}

.comment .mlabel {
  font-size: 12px;
  margin: 10px 0 5px;
}

@media (min-width: 1024px) {}

/*POPUP STYLE*/

.popup_btn {
  display: inline-block;
  padding: 6px 15px;
  border: 2px solid #0074ba;
  border-radius: 5px;
  transition: background 0.3s;
  text-decoration: none;
  color: #000;
}

.btn:hover {
  background: #00898e;
}

.popup {
  position: fixed;
  padding: 40px 20px;
  max-width: 500px;
  width: 80%;
  border-radius: 10px;
  top: 30%;
  left: 10%;
  display: none;
  /* transform: translate(0%,0%); */
  background: #fff;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  text-align: center;
}

.popup:target {
  visibility: visible;
  opacity: 1;
  display: block;
  /* cancel visibility transition delay */
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.popup-close {
  position: absolute;
  padding: 10px;
  max-width: 500px;
  border-radius: 10px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.9);
}

.popup .close {
  position: absolute;
  right: 5px;
  top: 5px;
  padding: 10px;
  color: #000;
  transition: color 0.3s;
  font-size: 1.5em;
  line-height: 0.6em;
  font-weight: bold;
  text-decoration: none;
}

.popup .close:hover {
  color: #ff0000;
}

/* img.newsletter_img {
    width: 40%;
  } */

.popup h2 {
  font-size: 16px;
  color: #000;
}

.close-popup {
  background: rgba(0, 0, 0, 0.7);
  cursor: default;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  display: none;
  visibility: hidden;
  /* "delay" the visibility transition */
  -webkit-transition: opacity 0.5s, visibility 0s linear 0.5s;
  transition: opacity 0.5s, visibility 0s linear 0.5s;
}

.popup:target+.close-popup {
  opacity: 1;
  visibility: visible;
  display: block;
  /* cancel visibility transition delay */
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.popup form {
  margin: 20px 0 0;
}

.popup .newsletter_input {
  width: 100%;
  background: #fff;
  padding: 10px;
  border-radius: 3px;
  border: solid 2px #e2e2e2;
}

.popup .newsletter_btn {
  width: 100%;
  background: #7f961c;
  padding: 0 30px;
  border-radius: 3px;
  cursor: pointer;
  color: #fff;
  border: 0;
  margin: 10px 0;
}

.popup .newsletter_btn:hover {
  background: #596d01;
}

.appreciate {
  width: 90%;
  margin: auto;
}

.popup .thanks_text {
  background: #e6fb8a;
  padding: 13px 30px;
  /* border: solid 1px #e6fb8a; */
  border-radius: 5px;
}

.popup .tosite {
  text-decoration: none;
  color: #000;
}

/*END OF POPUP STYLE*/

/* Headlines Sites*/
#headlines_wrapper {
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  border: solid 1px red;
  background: #0e1538;
  margin-bottom: 15px;
  width: inherit;
}

#headlines_wrapper .title {
  background: #131c48;
  padding: 10px;
  color: #fff;
  font-size: 17px;
  text-align: center;
  margin: 0;
}

#headlines_wrapper ul {
  display: inline-block;
  margin: 10px 0;
}

#headlines_wrapper ul li {
  padding: 5px;
  display: inline-block;
  border-top: 0;
}

#headlines_wrapper li {
  display: block;
  float: left;
  width: 46.8%;
  margin: 0 5px 5px;
}

#headlines_wrapper li:nth-child(2n + 0) {
  margin-right: 0;
}

#headlines_wrapper .icon {
  float: left;
  padding-right: 5px;
  color: #adadad;
}

#headlines_wrapper p {
  margin: 0;
  float: left;
  font-size: 13px;
  color: #fff;
  padding: 0 0 0 10px;
  overflow: hidden;
}

#headlines_wrapper .browse_more {
  background: red;
  padding: 10px;
  color: #fff;
  font-size: 17px;
  text-align: center;
  display: block;
  font-size: 14px;
  text-decoration: none;
  border-radius: 10px 10px 0 0;
}

#headlines_wrapper .arrow {
  font-size: 21px;
  line-height: 18px;
  padding-bottom: 0;
}

.bbcpage #inner-left-col {
  margin-top: 10px;
}

.pagination_bar a,
.pagination_bar .current {
  float: left;
  margin: 0 4px 8px;
  width: 30px;
  text-align: center;
  padding: 6px 0;
}

.columnist-list li {
  width: 100% !important;
  border: 1px solid #ccc;
  margin-bottom: 5px;
  padding: 8px 5px;
  border-radius: 5px;
}

.style_table_1 th {
  text-align: left;
  background: #000;
  color: #fff;
  padding: 5px;
}

.style_table_1 td {
  border: 1px solid #000;
  padding: 5px;
}

@media screen and (max-width: 320px) {
  .cpc_item_Wrap .more_link {
    top: 100px;
    left: 129px;
    background: transparent;
  }

  #headlines_wrapper li {
    display: block;
    float: left;
    width: 43%;
    margin: 0 0 5px;
  }

  #headlines_wrapper p {
    width: 80px;
    margin: 0;
    padding: 0 0 0 6px;
  }

  #tonaton_widget_main_new .post_btn a {
    padding: 8px 0;
    width: 31% !important;
    font-size: 13px;
  }
}

/* End Headlines Sites*/

@media screen and (max-width: 768px) {
  iframe.gh-jwplayer {
    height: 278px !important;
  }
}

@media screen and (max-width: 450px) {
  iframe.gh-jwplayer {
    height: 278px !important;
  }
}

@media screen and (max-width: 380px) {
  iframe.gh-jwplayer {
    height: 240px !important;
  }
}

@media screen and (max-width: 320px) {
  iframe.gh-jwplayer {
    height: 210px !important;
  }

  .bbc_banner .title {
    font-size: 25px !important;
    width: 279px !important;
    line-height: 29px !important;
  }
}

/* New Menu Style*/
/*div#mob_menu_1 {
    margin-bottom: 40px;
}
#mob_menu_1 .mob_menu_item {
    padding: 12px 10px;
    display: block;
    border-radius: 50px;
    margin: 3px 3px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    border: solid 3px #FFF;
    box-shadow: 0 0 10px -4px rgb(0 0 0);
    -webkit-box-shadow: 0 0 10px -4px rgb(0 0 0);
    -moz-box-shadow: 0 0 10px -4px rgba(0,0,0,1);
}
#mob_menu_1 .mob_menu_row {
    clear: both;
}
.mob_menu_row.half .mob_menu_item {
    width: 50%;
    flex-grow: 1;
}
.mob_menu_row.half {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.mob_menu_item.mob_news_menu {
    background: #70A703;
}
.mob_menu_item.mob_sports_menu {
    background: #FF0001;
}
.mob_menu_item.mob_business_menu {
    background: #02AAE9;
}
.mob_menu_item.mob_entertainment_menu {
  background: #963A8C;
}
.mob_menu_item.mob_africa_menu {
  background: #FFBC0A;
}
.mob_menu_item.mob_tonaton_menu {
    background: #077872;
}
.mob_menu_item.mob_tv_menu {
    background: #1e446b;
}
.mob_menu_item.mob_wall_menu {
    background: #F95913;
}
.mob_menu_item.mob_religion_menu {
    background: #353e4d;
}
.mob_menu_item.mob_country_menu {
    background: #c7ab8c;
}
.mob_menu_item.mob_world_menu {
    background: #1b667f;
}
.mob_menu_item.mob_opinions_menu {
    background: #008080;
}
.main_menu .mwide {
    width: 100% !important;
    border-radius: 30px !important;
}
#mob_menu_2 .mob_menu_item {
    padding: 10px 7px;
    display: block;
    border-radius: 50px;
    margin: 3px 0 3px 3px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    border: solid 3px #FFF;
    box-shadow: 0 0 10px -4px rgb(0 0 0);
    -webkit-box-shadow: 0 0 10px -4px rgb(0 0 0);
    -moz-box-shadow: 0 0 10px -4px rgba(0,0,0,1);
}
div#mob_menu_2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
#mob_menu_2 .left_ad {
    width: 50%;
    flex-grow: 1;
    background: #eaeaea;
    margin: 5px 5px 5px 0;
}
#mob_menu_2 .menu_item_wrapper {
    width: 25%;
    flex-grow: 1;
    display: grid;
}
#mob_menu_2 .mob_menu_row {
    clear: both;
    flex-grow: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#mob_menu_2 .mob_menu_item {
    clear: both;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 49%;
}
#mob_menu_2 .menu-ad {
    height: auto;
}*/

.referencepage {}

.referencepage .main-container ::marker {
  color: #c7ab8c;
}

.referencepage .main-container ul {
  margin-left: 7px;
}

.referencepage .main-container ul li {
  /* margin: 10px 0; */
  padding: 5px 0;
  border-bottom: solid 1px #ece5de;
  line-height: 21px;
}

.referencepage .main-container p {
  line-height: 23px;
}

.referencepage .main-container img {
  padding: 0 !important;
  margin: 0 0 20px 0 !important;
}

.referencepage .main-container h2 {
  font-size: 18px;
  margin: 0.83em 0;
  color: #c7ab8c;
}

/*FOOTER MENU*/

#footer_menu_item_wrapper {
  background: #679a00;
}

#footer_menu_item_wrapper .mob_menu_row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 15px;
}

#footer_menu_item_wrapper .footer_mob_lists {
  width: 35%;
  flex-grow: 1;
  margin: 0 10px;
}

/*#mob_menu_2 .mob_menu_row {
    clear: both;
    flex-grow: 1;
    display: grid;
}*/
#footer_menu_item_wrapper .mob_menu_item {
  padding: 12px 7px;
  display: block;
  border-radius: 50px;
  margin: 7px 0;
  text-align: center;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
}

#footer_menu_item_wrapper .mob_menu_item.active {
  border: solid 3px #fff;
}

.footer_sub_lists {
  width: 50%;
  flex-grow: 1;
  background: #70a703;
  padding: 10px 0 10px 0;
  border-radius: 0 15px 15px 0;
}

.footer_sub_lists ul {
  margin: 0;
}

.footer_sub_lists ul li a {
  color: #fff;
  text-decoration: none;
  display: block;
  padding: 3px 0 3px 15px;
}

.footer_sub_lists ul li {
  margin: 5px 0;
}

.footer_sub_lists ul li b {
  font-weight: normal;
}

#footer_menu_item_wrapper h3 {
  padding: 10px 0 10px 15px;
  color: #fff;
  font-size: 19px;
  border-bottom: solid 1px #70a703;
  margin: 0 0 15px;
}

.footer_mob_lists .mob_menu_item.mob_news_menu {
  background: #70a703;
}

.footer_mob_lists .mob_menu_item.mob_sports_menu {
  background: #da0a0b;
}

.footer_mob_lists .mob_menu_item.mob_business_menu {
  background: #02aae9;
}

.footer_mob_lists .mob_menu_item.mob_entertainment_menu {
  background: #963a8c;
}

.footer_mob_lists .mob_menu_item.mob_africa_menu {
  background: #ffbc0a;
}

.footer_mob_lists .mob_menu_item.mob_buysell_menu {
  background: #077872;
}

.footer_mob_lists .mob_menu_item.mob_tvradio_menu {
  background: #132747;
}

.footer_mob_lists .mob_menu_item.mob_wall_menu {
  background: #f95913;
}

.footer_mob_lists .mob_menu_item.mob_opinions_menu {
  background: #008080;
}

/*END OF FOOTER MENU*/

/*SPORTS FOOTER MENU*/
#navContainer.sports {
  /*background: #da0a0b;*/
}

#navContainer.sports #footer_menu_item_wrapper {
  background: #da0a0b;
}

#navContainer.sports .footer_sub_lists {
  background: #ff0001;
}

#navContainer.sports #footer_menu_item_wrapper h3 {
  border-bottom: solid 1px #ff0001;
}

#navContainer.sports .footer_mob_lists .mob_menu_item.mob_news_menu {
  background: #70a703;
}

#navContainer.sports .footer_mob_lists .mob_menu_item.mob_sports_menu {
  background: #ff0001;
}

#navContainer.sports .footer_mob_lists .mob_menu_item.mob_business_menu {
  background: #02aae9;
}

#navContainer.sports .footer_mob_lists .mob_menu_item.mob_entertainment_menu {
  background: #963a8c;
}

#navContainer.sports .footer_mob_lists .mob_menu_item.mob_africa_menu {
  background: #ffbc0a;
}

#navContainer.sports .footer_mob_lists .mob_menu_item.mob_buysell_menu {
  background: #077872;
}

#navContainer.sports .footer_mob_lists .mob_menu_item.mob_tvradio_menu {
  background: #132747;
}

#navContainer.sports .footer_mob_lists .mob_menu_item.mob_wall_menu {
  background: #f95913;
}

/*END OF SPORTS FOOTER MENU*/

/*BUSINESS FOOTER MENU*/
#navContainer.business {
  background: #02aae9;
}

#navContainer.business #footer_menu_item_wrapper {
  background: #019cd6;
}

#navContainer.business .footer_sub_lists {
  background: #02aae9;
}

#navContainer.business #footer_menu_item_wrapper h3 {
  border-bottom: solid 1px #02aae9;
}

#navContainer.business .footer_mob_lists .mob_menu_item.mob_news_menu {
  background: #70a703;
}

#navContainer.business .footer_mob_lists .mob_menu_item.mob_sports_menu {
  background: #ff0001;
}

#navContainer.business .footer_mob_lists .mob_menu_item.mob_business_menu {
  background: #02aae9;
}

#navContainer.business .footer_mob_lists .mob_menu_item.mob_entertainment_menu {
  background: #963a8c;
}

#navContainer.business .footer_mob_lists .mob_menu_item.mob_africa_menu {
  background: #ffbc0a;
}

#navContainer.business .footer_mob_lists .mob_menu_item.mob_buysell_menu {
  background: #077872;
}

#navContainer.business .footer_mob_lists .mob_menu_item.mob_tvradio_menu {
  background: #132747;
}

#navContainer.business .footer_mob_lists .mob_menu_item.mob_wall_menu {
  background: #f95913;
}

/*END OF BUSINESS FOOTER MENU*/

/*ENTERTAINMENT FOOTER MENU*/
#navContainer.entertainment {
  background: #963a8c;
}

#navContainer.entertainment #footer_menu_item_wrapper {
  background: #7f3177;
}

#navContainer.entertainment .footer_sub_lists {
  background: #963a8c;
}

#navContainer.entertainment #footer_menu_item_wrapper h3 {
  border-bottom: solid 1px #963a8c;
}

#navContainer.entertainment .footer_mob_lists .mob_menu_item.mob_news_menu {
  background: #70a703;
}

#navContainer.entertainment .footer_mob_lists .mob_menu_item.mob_sports_menu {
  background: #ff0001;
}

#navContainer.entertainment .footer_mob_lists .mob_menu_item.mob_business_menu {
  background: #02aae9;
}

#navContainer.entertainment .footer_mob_lists .mob_menu_item.mob_entertainment_menu {
  background: #963a8c;
}

#navContainer.entertainment .footer_mob_lists .mob_menu_item.mob_africa_menu {
  background: #ffbc0a;
}

#navContainer.entertainment .footer_mob_lists .mob_menu_item.mob_buysell_menu {
  background: #077872;
}

#navContainer.entertainment .footer_mob_lists .mob_menu_item.mob_tvradio_menu {
  background: #132747;
}

#navContainer.entertainment .footer_mob_lists .mob_menu_item.mob_wall_menu {
  background: #f95913;
}

/*END OF ENTERTAINMENT FOOTER MENU*/

/*AFRICA FOOTER MENU*/
#navContainer.africa {
  background: #ffbc0a;
}

#navContainer.africa #footer_menu_item_wrapper,
#navContainer.bbc #footer_menu_item_wrapper {
  background: #eaad0a;
}

#navContainer.africa .footer_sub_lists,
#navContainer.bbc .footer_sub_lists {
  background: #ffbc0a;
}

#navContainer.africa #footer_menu_item_wrapper h3,
#navContainer.bbc #footer_menu_item_wrapper h3 {
  border-bottom: solid 1px #ffbc0a;
}

#navContainer.africa .footer_mob_lists .mob_menu_item.mob_news_menu {
  background: #70a703;
}

#navContainer.africa .footer_mob_lists .mob_menu_item.mob_sports_menu {
  background: #ff0001;
}

#navContainer.africa .footer_mob_lists .mob_menu_item.mob_business_menu {
  background: #02aae9;
}

#navContainer.africa .footer_mob_lists .mob_menu_item.mob_entertainment_menu {
  background: #963a8c;
}

#navContainer.africa .footer_mob_lists .mob_menu_item.mob_africa_menu {
  background: #ffbc0a;
}

#navContainer.africa .footer_mob_lists .mob_menu_item.mob_buysell_menu {
  background: #077872;
}

#navContainer.africa .footer_mob_lists .mob_menu_item.mob_tvradio_menu {
  background: #132747;
}

#navContainer.africa .footer_mob_lists .mob_menu_item.mob_wall_menu {
  background: #f95913;
}

#navContainer.africa #tonaton_widget_main_new span.qty {
  color: #ffffff;
}

#navContainer.africa #tonaton_widget_main_new .post_btn a {
  background: #ffffff;
  color: #673500 !important;
}

/*END OF AFRICA FOOTER MENU*/

/*WALL FOOTER MENU*/
#navContainer.wall {
  background: #ff5a0a;
}

#navContainer.wall #footer_menu_item_wrapper {
  background: #ff7b3b;
}

#navContainer.wall .footer_sub_lists {
  background: #ff5a0a;
}

#navContainer.wall #footer_menu_item_wrapper h3 {
  border-bottom: solid 1px #ff5a0a;
}

#navContainer.wall .footer_mob_lists .mob_menu_item.mob_news_menu {
  background: #70a703;
}

#navContainer.wall .footer_mob_lists .mob_menu_item.mob_sports_menu {
  background: #ff0001;
}

#navContainer.wall .footer_mob_lists .mob_menu_item.mob_business_menu {
  background: #02aae9;
}

#navContainer.wall .footer_mob_lists .mob_menu_item.mob_entertainment_menu {
  background: #963a8c;
}

#navContainer.wall .footer_mob_lists .mob_menu_item.mob_africa_menu {
  background: #ffbc0a;
}

#navContainer.wall .footer_mob_lists .mob_menu_item.mob_buysell_menu {
  background: #077872;
}

#navContainer.wall .footer_mob_lists .mob_menu_item.mob_tvradio_menu {
  background: #132747;
}

#navContainer.wall .footer_mob_lists .mob_menu_item.mob_wall_menu {
  background: #f95913;
}

#navContainer.wall #tonaton_widget_main_new span.qty {
  color: #ffffff;
}

#navContainer.wall #tonaton_widget_main_new .post_btn a {
  background: #ffffff;
  color: #673500 !important;
}

/*END OF WALL FOOTER MENU*/

#navContainer.opinions .footer_sub_lists {
  background: #16a0a0;
}

#navContainer.opinions #footer_menu_item_wrapper {
  background: #008080;
}

#navContainer.opinions #footer_menu_item_wrapper h3 {
  border-bottom: solid 1px #16a0a0;
}

/*Country Footer Menu*/
#navContainer.reference .footer_sub_lists {
  background: #c7ab8c;
}

#navContainer.reference #footer_menu_item_wrapper {
  background: #9e7241;
}

#navContainer.reference #footer_menu_item_wrapper h3 {
  border-bottom: solid 1px #c7ab8c;
}

#navContainer.reference .footer_mob_lists .mob_menu_item.mob_sports_menu,
#navContainer.news .footer_mob_lists .mob_menu_item.mob_sports_menu {
  background: #ff0001;
}

.referencepage .mobile-menu {
  background: #9e7241;
}

.article_section .twi_news {
  width: 100%;
  display: inline-block;
  float: left;
  text-align: center;
  margin: 0 0 2px 0;
}

.article_section .twi_news a {
  font-size: 13px;
  color: #ffffff !important;
  margin: 1px 0 2px 0;
  display: block;
  background: #70a703;
  padding: 5px 8px 5px 25px;
  border-radius: 4px;
  line-height: inherit;
}

.article_section .twi_news a:before {
  content: "";
  background-image: url("twi_news_white.svg");
  background-repeat: no-repeat;
  width: 22px;
  height: 20px;
  display: inline-block;
  float: left;
  position: absolute;
  margin: -2px 0 0 -24px;
}

.twi-video-overlay {
  background: #000;
  width: 52%;
  height: calc(100% - 4px);
  position: absolute;
  left: 48%;
  opacity: 0.65;
  top: 0;
}

.twi-video-overlay-text {
  position: absolute;
  left: 48%;
  color: #ccc;
  font-weight: bold;
  width: 52%;
  text-align: center;
  font-size: 22px;
  line-height: 1.2;
  top: 60%;
  transform: translate(0%, -50%);
}

.twi-video-overlay-text .twi_news {
  width: 40px;
  height: 40px;
  float: none;
}

.twi-video-image-container {
  position: relative;
}

.twi-play-button {
  width: 50px;
  display: block;
  margin: 0 auto 14px auto;
}

.twi-play-button .play-btn__svg {
  fill: #ccc;
}

/*BBC Banner*/

.bbc_banner {
  background: #000;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 15px;
}

.bbc_banner .top {
  height: 47px;
  overflow: hidden;
  background: #ffbc0a;
}

.bbc_banner .title {
  padding: 10px 0 0 0;
  color: #000;
  font-size: 19px;
  width: 295px;
  margin: auto;
  line-height: 27px;
}

.bbc_banner .title:before {
  content: "";

  background-repeat: no-repeat;
  width: 84px;
  height: 25px;
  display: inline-block;
  margin: 2px 10px 0 0;
  float: left;
}

.bbc_btn .bbc_btn_item {
  background: #bb1919;
  padding: 15px 10px;
  color: #fff !important;
  font-size: 17px;
  font-weight: bold;
  border-radius: 20px;
}

.bbc_btn {
  display: flex;
  padding: 10px;
}

.bbc_btn .bbc_btn_item {
  flex-basis: 100%;
  text-align: center;
}

.bbc_btn .bbc_btn_item:nth-child(2) {
  margin: 0 5px;
}

.wTwi {
  border: none;
  background: #537a08;
  padding-bottom: 0;
  margin-bottom: 0;
  position: relative;
}

.wTwi .twi_news a {
  background: #1d456a !important;
  text-align: left;
  padding-left: 41px;
  font-size: 16px;
}

.wTwi .twi_news {
  margin-bottom: 10px;
  background-color: #94b552;
}

.wTwi .slider {
  position: initial;
}

.wTwi .twi_news a:before {
  margin: -2px 0 0 -32px;
  height: 27px;
  margin-top: -5px;
  width: 30px;
}

.slider {
  /*background: #ddd;*/
  /*padding: 15px;*/
  width: 100%;
}

.slider .info {
  border: solid 1px #ddd;
  margin: 0 0 0 10px;
  width: 130px;
}

.slider .info .image {
  height: auto;
}

.slider .info .title {
  font-family: inherit;
  font-size: 14px;
  height: 72px;
  line-height: 17px;
  color: #fff;
  padding: 2px 4px 2px;
  margin-top: 4px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.slick-arrow {
  position: relative;
  float: right;
  margin-top: -27px;
  font-size: 34px;
  color: #fff;
}

.slick-next {
  top: 0;
  position: absolute;
  right: 0;
  margin: -6px 60px 0 0;
}

.slick-prev {
  margin: -48px 12px 0 0;
}

.slick-list {
  clear: both;
}

/* twi news widget updated theme */

.wTwi .twi_news {
  float: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4px 10px;
  box-shadow: 0 0 10px -4px rgb(0, 0, 0);
  -webkit-box-shadow: 0 0 10px -4px rgb(0, 0, 0);
  -moz-box-shadow: 0 0 10px -4px rgb(0, 0, 0);
}

.wTwi .twi_news a {
  color: #fff;
  background: transparent !important;
  font-weight: bold;
  margin-top: 5px;
  padding-left: 32px;
  font-size: 15px;
}

.wTwi .twi_news a:before {
  background-image: url("twi_news_white.svg");
}

.wTwi .slick-arrow {
  position: absolute;
  right: 10px;
  top: -5px;
  font-size: 34px;
  color: #fff;
  margin: 0;
  padding: 0 5px;
  float: none;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
}

.wTwi .slick-next {
  right: 80px;
}

.wTwi .slider .info .image {
  height: 78px;
  background: #c2c8d3;
  overflow: hidden;
  display: flex;
}

.slick-slide img {
  object-fit: cover;
  margin: 0 !important;
  object-position: top;
}

.wTwi .slider-nav {
  height: 188px;
  overflow: hidden;
}

.wTwi .twi_news {
  margin-bottom: 0;
}

.wTwi {
  padding-bottom: 0;
}

.wTwi .slider {
  padding: 1rem 0;
}

.wTwi .slider .info {
  position: relative;
  padding: 0;
}

.wTwi .slider .info .title {
  position: relative;
  width: auto;
  bottom: 0;
}

/* news */
.wTwi.news .twi_news,
.wTwi.home .twi_news {
  background-color: #94b552 !important;
}

.wTwi.news,
.wTwi.home {
  background: #537a08;
  margin-bottom: 0;
  border: none;
  position: relative;
}

.wTwi.news .slider,
.wTwi.home .slider {
  background: #537a08;
  position: initial;
}

.wTwi.news .slider .info .title,
.wTwi.home .slider .info .title {
  background: #537a08;
}

/* sports */
.wTwi.sports .twi_news {
  background-color: #c21e1f !important;
}

.wTwi.sports {
  background: #900e0f;
  margin-bottom: 0;
  border: none;
  position: relative;
}

.wTwi.sports .slider {
  background: #900e0f;
  position: initial;
}

.wTwi.sports .slider .info .title {
  background: #900e0f;
}

/* business */
.wTwi.business .twi_news {
  background-color: #02aae9 !important;
}

.wTwi.business {
  background: #134e8b;
  margin-bottom: 0;
  border: none;
  position: relative;
}

.wTwi.business .slider {
  background: #134e8b;
  position: initial;
}

.wTwi.business .slider .info .title {
  background: #134e8b;
}

/* entertainment */
.wTwi.entertainment .twi_news {
  background-color: #963a8c !important;
}

.wTwi.entertainment {
  background: #5f1152;
  margin-bottom: 0;
  border: none;
  position: relative;
}

.wTwi.entertainment .slider {
  background: #5f1152;
  position: initial;
}

.wTwi.entertainment .slider .info .title {
  background: #5f1152;
}

/* television */
.wTwi.television .twi_news {
  background-color: #132747 !important;
  margin-bottom: 0;
}

.wTwi.television {
  background: #577498;
  margin-bottom: 0;
  border: none;
  position: relative;
}

.wTwi.television .slider {
  background: #577498;
  position: initial;
}

.wTwi.television .slider .info .title {
  background: #577498;
}

.wTwi.television .slider {
  padding: 1rem 0;
}

.wTwi.television {
  float: none;
  margin: 0;
  padding-bottom: 0;
}

#navContainer.television #footer_menu_item_wrapper {
  margin: 0;
}

/* africa */
.wTwi.africa .twi_news,
.wTwi.bbc .twi_news {
  background-color: #f5bb13 !important;
}

.wTwi.africa,
.wTwi.bbc {
  background: #ae7d0a;
  margin-bottom: 0;
  border: none;
  position: relative;
}

.wTwi.africa .slider,
.wTwi.bbc .slider {
  background: #ae7d0a;
  position: initial;
}

.wTwi.africa .slider .info .title,
.wTwi.bbc .slider .info .title {
  background: #ae7d0a;
}

/* country */
.wTwi.reference .twi_news {
  background-color: #c7ab8c !important;
}

.wTwi.reference {
  background: #6b4512;
  margin-bottom: 0;
  border: none;
  position: relative;
}

.wTwi.reference .slider {
  background: #6b4512;
  position: initial;
}

.wTwi.reference .slider .info .title {
  background: #6b4512;
}

/* wall */
.wTwi.wall .twi_news {
  background-color: #f95913 !important;
}

.wTwi.wall {
  background: #8a2f06;
  margin-bottom: 0;
  border: none;
  position: relative;
}

.wTwi.wall .slider {
  background: #8a2f06;
  position: initial;
}

.wTwi.wall .slider .info .title {
  background: #8a2f06;
}

/* opinions */
.wTwi.opinions .twi_news {
  background-color: #16a0a0 !important;
}

.wTwi.opinions {
  background: #006464;
  margin-bottom: 0;
  border: none;
  position: relative;
}

.wTwi.opinions .slider {
  background: #006464;
  position: initial;
}

.wTwi.opinions .slider .info .title {
  background: #006464;
}

/* scolling menu */
.media-scroller {
  display: flex;
  overflow-x: auto;
  background-color: #a7e32f;
  gap: 7px;
  padding: 65px 5px 10px;
  width: 100%;
  overscroll-behavior-inline: contain;
  position: fixed;
  z-index: 50;
}

.media-scroller .news-sec {
  background-color: #70a703;
}

.media-scroller .sports-sec {
  background-color: #ff0001;
}

.media-scroller .business-sec {
  background-color: #02aae9;
}

.media-scroller .entertainment-sec {
  background-color: #963a8c;
}

.media-scroller .television-sec {
  background-color: #1e446b;
}

.media-scroller .africa-sec,
.media-scroller .bbc-sec {
  background-color: #ffbc0a;
}

.media-scroller .reference-sec {
  background-color: #c7ab8c;
}

.media-scroller .wall-sec {
  background-color: #f95914;
}

.media-scroller .world-sec {
  background-color: #647d65;
}

.media-scroller .opinions-sec {
  background-color: #008080;
}

.media-scroller .cat-sec {
  padding: 5px 15px;
  width: 100%;
  border-radius: 50px;
  display: block;
  white-space: nowrap;
  box-shadow: 0px 0px 10px -4px rgb(0, 0, 0);
}

.media-scroller .section-active {
  border: 2px solid #fff;
  order: -1;
}

.media-scroller .cat-sec div {
  display: grid;
  place-items: center;
}

.media-scroller .cat-sec p {
  margin: 0;
  color: #fff;
  display: inline;
  font-size: 12px;
}

.businesspage .media-scroller {
  background-color: #6dcef1;
}

.entertainmentpage .media-scroller {
  background-color: #d874cd;
}

.sportspage .media-scroller {
  background-color: #fc9696;
}

.tvpage .media-scroller {
  background-color: #6c93d1;
}

.africapage .media-scroller,
.bbcpage .media-scroller {
  background-color: #ffe7a7;
}

.referencepage .media-scroller {
  background-color: #e6dacc;
}

.wallpage .media-scroller {
  background-color: #ffd3c0;
}

.worldpage .media-scroller {
  background-color: #82a183;
}

.opinionspage .media-scroller {
  background-color: #66b3b3;
}

.d-flex {
  display: flex;
  align-items: center;
}

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

.bottom-0 {
  border-bottom: 0 !important;
}

.gap-5 {
  gap: 5px;
}

/*.custom-select {
    display: none;
    width: auto;
    padding-right: 20px;
    position: relative;
    font-family: Arial;
    margin: 0;
}
.custom-select select {
    display: none;
}
.select-items div, .select-selected {
    padding: 4px;
    cursor: pointer;
    user-select: none;
}
.select-selected {    
    font-weight: normal !important;
    font-size: 14px;
    display: flex;
}
.select-selected.disabled:after { 
    display: none;
}
.crumbtail div *{
    float: none;
    margin: initial;
}

.news-text { color: #70A703; }
.sports-text { color: #FF0001; }
.business-text { color: #02AAE9; }
.entertainment-text { color: #963A8C; }
.television-text { color: #FFFFFF; }
.africa-text, .bbc-text { color: #FFBC0A; }
.reference-text { color: #c7ab8c; }
.wall-text { color: #ff5a0a; }
.world-text { color: #647d65; }
.opinions-text { color: #008080; }

.select-selected.news-text:after { border-color: #70A703 transparent transparent transparent }
.select-selected.sports-text:after { border-color: #FF0001 transparent transparent transparent }
.select-selected.business-text:after { border-color: #02AAE9 transparent transparent transparent }
.select-selected.entertainment-text:after { border-color: #963A8C transparent transparent transparent }
.select-selected.television-text:after { border-color: #FFFFFF transparent transparent transparent }
.select-selected.africa-text:after, .select-selected.bbc-text:after { border-color: #FFBC0A transparent transparent transparent }
.select-selected.reference-text:after { border-color: #c7ab8c transparent transparent transparent }
.select-selected.wall-text:after { border-color: #ff5a0a transparent transparent transparent }
.select-selected.world-text:after { border-color: #647d65 transparent transparent transparent }
.select-selected.opinions-text:after { border-color: #008080 transparent transparent transparent }

.select-selected.news-text.active:after { border-color: transparent transparent #70A703 transparent }
.select-selected.sports-text.active:after { border-color: transparent transparent #FF0001 transparent }
.select-selected.business-text.active:after { border-color: transparent transparent #02AAE9 transparent }
.select-selected.entertainment-text.active:after { border-color: transparent transparent #963A8C transparent }
.select-selected.television-text.active:after { border-color: transparent transparent #FFFFFF transparent }
.select-selected.africa-text.active:after, .select-selected.bbc-text.active:after { border-color: transparent transparent #FFBC0A transparent }
.select-selected.reference-text.active:after { border-color: transparent transparent #c7ab8c transparent }
.select-selected.wall-text.active:after { border-color: transparent transparent #ff5a0a transparent }
.select-selected.world-text.active:after { border-color: transparent transparent #647d65 transparent }
.select-selected.opinions-text.active:after { border-color: transparent transparent #008080 transparent }

.select-hide {
    display: none;
}
.select-items {
    position: absolute;
    background-color: #ececec;
    width: 250px;
    padding: 10px;
    top: 2px;
    left: 47px;
    right: 0;
    z-index:5;
}
.select-items div{
    margin-bottom: 5px;
}
.select-items div:last-child{
    margin-bottom: 0;
}
.select-items div a {
    color: #000 !important;
    font-size: initial;
    margin-top: 5px;
    display: block;
    font-weight: normal !important;
}
.select-selected.active:after {
    border-color: transparent transparent #444 transparent;
    top: -5px;
}*/
.crumb-wrap {
  margin: 0;
  width: max-content;
}

.tvpage .crumbtail {
  background: #132747 !important;
  color: #fff;
}

.tvpage .crumbtail a {
  color: #fff;
}

/* taboola */
.trc_elastic .thumbBlock_holder {
  position: relative;
  width: 100%;
}

.thumbBlock {
  border-radius: 10px 10px 0px 0px !important;
  height: 180px;
}

.thumbnails-b .video-label-box {
  text-align: left;
  height: 93px;
}

.thumbnails-b .trc_rbox_header {
  border-color: #424242 !important;
  padding: 8px 0px 8px 0px !important;
  border-top: 1px solid !important;
  border-bottom: 1px solid !important;
  margin: 0px 0px 15px 0px !important;
}

.thumbnails-b .video-title {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  max-height: 96px;
}

.thumbnails-b .video-label-box {
  background-color: #f4f4f4;
  height: max-content !important;
  margin: 0px 0px 15px 0px !important;
  padding: 9px;
}

.thumbnails-b .videoCube .video-label-box .video-title {
  font-size: 14px !important;
  height: 56px !important;
  line-height: 18px;
}

.trc_elastic_thumbnails-b .videoCube_aspect {
  height: 185px;
  padding-bottom: 5px !important;
}

.panelbox.cartoon {
  margin-bottom: 10px !important;
  position: relative;
}

.panelbox.cartoon .inn {
  padding: 0 10px 0;
}

.panelbox.cartoon .panel_title {
  background-image: url("homeBGMob.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0 100%;
  padding: 9px 0 8px 10px;
  border-bottom: solid 3px #70a703;
  font-size: 20px;
}

.panelbox.cartoon .arrow.news {
  background-color: #020202;
}

.panel_title a {
  color: #000;
}

.panelbox.cartoon .more {
  border-radius: 30px 30px;
  background-color: #70a703;
  list-style: none;
  padding: 10px 0;
}

.panelbox.cartoon .comment_icon .icon {
  background-position: -36px -56px;
}

.cartoon .time i,
.cartoon .list .info .comment_icon {
  color: #70a703;
}

.panelbox.cartoon .time .icon {
  background-position: -35px -72px;
}

.panelbox.cartoon .list li .image {
  width: 40%;
  height: 87px;
  float: left;
  border-radius: 6px;
  overflow: hidden;
}

.panelbox.cartoon .list li .info p {
  margin: 0 0 8px;
  height: 37px;
  overflow: hidden;
  color: #000;
  font-size: 15px;
}

.list-cartoon-con {
  display: flex;
  overflow: auto;
  margin: 0 0 15px;
}

.lead-cartoon {
  width: 100%;
  margin: 10px 0;
  overflow: hidden;
  border-bottom: 1px solid#bababa;
}

.lead-image-con {
  height: 243px;
}

.lead-image-con img {
  border-radius: 12px;
  height: 100%;
}

.lead-info {
  width: 100%;
  background-color: #ffffff;
  padding: 0 0 8px;
  line-height: 1.4em;
}

.lead-text {
  font-weight: 700;
  overflow: hidden;
  color: #000;
  margin-bottom: 5px;
}

.other-list-post {
  margin: 10px 20px 10px 0;
  width: max-content;
  width: 140px;
}

.list-cartoon-con a:last-child .other-list-post {
  margin-right: 0;
}

.image-con {
  width: 140px;
  height: 90px;
  border-radius: 7px;
  overflow: hidden;
}

.cartoon-title {
  font-weight: 600;
  font-size: 12px;
  height: 30px !important;
  overflow: hidden;
  margin: 10px 0 5px;
  color: #000;
}

.other-list-post .info p {
  font-size: 12px;
  height: 29px;
  width: 140px;
  overflow: hidden;
  margin: 0 0 10px;
}

.timeComment-con {
  height: 20px;
}

.timeComment-con span.time {
  font-size: 11px;
  color: #b3b3b3;
  bottom: 0;
  float: left;
}

.Section-tag-btn {
  width: 100px;
  text-align: center;
  font-size: 11px;
  padding: 6px 7px;
  background-color: #70a703;
  margin-top: 12px;
  transform: rotate(355deg);
  color: white;
}

.panelbox.cartoon .cinfo .comment_icon {
  float: right;
  color: #70a703;
  font-size: 13px;
}

.ContactForm-Container {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000000;
  opacity: 0.85;
  z-index: 10002;
  position: fixed;
}

.form-container-Inn form,
.form-container-Inn2 form {
  display: contents;
}

.form-container-Inn,
.form-container-Inn2 {
  width: 800px;
  background-color: white;
  border-radius: 10px;
  display: flex;
  filter: drop-shadow(0px 10px 10px rgb(0, 0, 0, 0.2));
  position: fixed;
  z-index: 10002;
  translate: -50% -50%;
  left: 50%;
  top: 50%;
}

.form-container-Inn {
  height: 580px;
}

.form-container-Inn2 {
  height: 665px;
}

.Form-LeftSection,
.Form-LeftSection2 {
  width: 40%;
  background-color: #12a5c0;
  background-image: url("Circlefx.png");
  padding: 140px 0px 0px 60px;
  background-size: cover;
  background-repeat: no-repeat;
  color: white;
}

.Form-LeftSection2 ul {
  font-size: 13px;
}

.Form-LeftSection2 span {
  font-size: 13px;
  margin-bottom: 10px;
  display: block;
}

.Form-LeftSection2 {
  padding: 100px 20px 0px 40px;
}

.Form-LeftSection {
  border-radius: 10px;
}

.Form-LeftSection2 {
  border-radius: 10px 0 0 10px;
}

.New-here-text li {
  font-size: 10px !important;
}

.Form-LeftSection p,
.Form-LeftSection2 p {
  font-size: 15px;
}

.Wtext {
  font-family: "inter", sans-serif;
  font-size: 40px;
}

.Form-RightSection {
  width: 60%;
  padding: 0 60px 0px 60px;
  display: flex;
  align-items: center;
}

.Form-RightSection .Wtext {
  font-size: 25px;
  margin: 6px 0 7px;
}

.Form-RightSection ul:not(.country-list) {
  display: inline-flex;
  list-style: none;
  gap: 5px;
}

.New-here-text {
  width: 100%;
  justify-content: center;
  margin-bottom: 18px;
}

.Form-RightSection ul li {
  font-size: 14px;
  margin: 0px;
}

.Form-RightSection ul li a {
  color: #12a5c0;
  text-decoration: underline;
}

.Form-RightSection input {
  width: 100%;
  background-color: #fafafa;
  border: 0px;
  outline: none;
  position: relative;
  border-bottom: 1px solid #cecece;
  color: #7d7d7d;
}

.Rinput1,
.Rinput2 {
  width: 100%;
  position: relative;
}

.Rinput1 {
  margin: 34px 0 17px;
}

.Rinput2 {
  margin: 0 0 17px;
}

.Rinput1::before,
.Rinput2::before {
  position: absolute;
  width: 17px;
  transform: translateY(-50%);
  z-index: 1;
  right: 3%;
  top: 55%;
  filter: opacity(0.2);
}

.Rinput1::before {
  content: url("emailIcon.svg");
}

.Rinput2::before {
  content: url("eyeIcon.svg");
}

.Rinput1 input,
.Rinput2 input {
  width: 352px;
  padding: 10px 10px 10px 10px;
}

.Form-RightSection .RSub {
  padding: 10px 10px 10px 10px;
  width: 100%;
  font-size: 16px;
  color: white;
  border-radius: 6px;
  background-color: #12a5c0;
  border: 0px;
  cursor: pointer;
  margin-bottom: 25px;
}

.rem-forgotpass-text {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  color: #d0d0d0;
  padding: 10px 0 0;
}

.rem-forgotpass-text li {
  font-size: 13px !important;
}

.check-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.Form-RightSection .RSub:hover {
  background-color: #066b7e;
}

.Form-RightSection-Inn p {
  font-size: 17px;
  position: relative;
  text-align: center;
}

.Form-RightSection-Inn p::before,
.Form-RightSection-Inn p::after {
  content: "";
  background: #ececec;
  display: block;
  position: absolute;
  width: 30%;
  height: 2px;
  bottom: 10px;
}

.Form-RightSection-Inn p::before {
  z-index: -2;
  left: 20px;
}

.Form-RightSection-Inn p::after {
  z-index: -1;
  right: 20px;
}

#google-btn {
  width: 100%;
  height: 39px;
  border: 1px solid #12a5c0;
  border-radius: 10px;

  background-position: center;
  background-repeat: no-repeat;
}

#google-btn:hover {
  transform: scale(0.98);
  transition: all 0.2ms ease-out;
}

.Regform-field-section,
.Regform-field-section2 {
  display: flex;
  gap: 10px;
}

.Regform-field-section2 {
  margin-bottom: 35px;
}

.reg-form-name {
  padding: 10px 2px;
  margin: 5px 0px;
}

.Reg-Input li {
  font-size: 13px;
  list-style: none;
  margin: 6px 0;
  color: #aeaeae;
}

.select-box,
#reg-form-date {
  width: 173px;
  color: #7d7d7d;
  border: none;
  border-bottom: solid 1px #aeaeae;
  padding: 10px 5px;
  background-color: #fafafa;
  margin-top: 5px;
}

.select-box {
  width: 183px;
}

.form-container-Inn .close,
.form-container-Inn2 .close {
  position: absolute;
  top: 12px;
  right: 12px;
  font-size: 20px;
  border: 2px solid;
  border-radius: 20px;
  text-align: center;
  vertical-align: middle;
  padding: 0px 9px 4px;
  color: #066b7e;
  cursor: pointer;
}

.Reg-Input {
  width: 179px;
}

.Reg-Input2 {
  width: 100%;
}

.Reg-Input2 .select-box {
  width: 372px;
}

.alert-area {
  color: #c00;
  font-size: 14px;
  background: #ffd3d3;
  padding: 5px 10px;
  margin-bottom: 10px;
}

.auth-alert {
  width: calc(100% - 40px);
  text-align: center;
  padding: 10px 30px 10px 10px;
  font-size: 16px;
  position: fixed;
  left: 0;
  top: 0;
  background-color: #fff;
  z-index: 999999999;
  box-shadow: 0 -10px 20px #444;
}

.login-info {
  display: block;
  float: left;
  margin: 14px 10px 14px 0;
  font-size: 13px;
  font-weight: normal;
}

.login-mob-info {
  margin: 15px 10px 15px;
  text-align: center;
  font-weight: bold;
}

.tvpage .login-mob-info {
  color: #fff;
}

.g-recaptcha {
  margin: 12px 0;
  display: flex;
  justify-content: center;
}

.intl-tel-input {
  width: 183px;
}

.auth-alert span.close {
  position: absolute;
  right: 6px;
  border: 2px solid;
  line-height: 0.5;
  padding: 3px 4px 5px;
  border-radius: 20px;
  top: 50%;
  translate: 0 -50%;
  cursor: pointer;
}

.intl-tel-input {
  display: block;
  padding: 5px 0;
}

input#phoneLib {
  width: 100%;
  padding: 10px 6px 10px 52px !important;
}

.login_formWrap label input,
.login_formWrap label select {
  padding: 10px 5px;
}

#navLinks.open {
  display: flex;
  align-items: center;
  margin-top: -8px;
}

.top-bar .Img-ConL {
  width: 30px;
  height: 30px;
  margin: 0;
  border: 3px solid #fff;
  border-radius: 50%;
  overflow: hidden;
  background: #eee;
  text-align: center;
  display: table;
  position: absolute;
  right: 15px;
  top: -5px;
}

.top-bar .Img-ConL.mob {
  width: 45px;
  height: 45px;
  display: flex;
  position: fixed;
  top: 5px;
  right: 50px;
  align-items: center;
  justify-content: center;
}

.top-bar .Img-ConL img {
  width: inherit;
  height: inherit;
  object-fit: cover;
}

.top-bar .Img-ConL .name {
  font-family: "Inter", sans-serif;
  display: flex;
  vertical-align: middle;
  font-size: 14px;
  color: #696f75;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}

.top-bar .account-link {
  margin-left: 10px;
  text-decoration: none;
}

@media screen and (max-width: 480px) {

  .form-container-Inn input::-webkit-input-placeholder,
  .form-container-Inn2 input::-webkit-input-placeholder {
    /* Edge */
    color: #444;
  }

  .form-container-Inn input:-ms-input-placeholder,
  .form-container-Inn2 input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #444;
  }

  .form-container-Inn input::placeholder,
  .form-container-Inn2 input::placeholder {
    color: #444;
  }

  .ContactForm-Container {
    width: 100%;
    margin: auto;
    padding: 20px;
  }

  .form-container-Inn,
  .form-container-Inn2 {
    width: 90%;
    height: auto;
    background-color: white;
    border-radius: 10px;
    display: block;
    filter: drop-shadow(0px 10px 10px rgb(0, 0, 0, 0.2));
  }

  .Form-LeftSection,
  .Form-LeftSection2 {
    text-align: center;
    width: 100%;
    background-color: #12a5c0;
    border-radius: 10px 10px 0px 0px;
    background-position: 15% 11%;
    height: 150px;
    padding: 23px 0px 0px 0px;
  }

  .Form-LeftSection2 {
    height: auto;
    min-height: 180px;
  }

  .toc_block {
    display: none;
    padding: 0 30px;
    text-align: left;
    line-height: 1.5;
    padding-bottom: 20px;
  }

  .Form-RightSection-Inn {
    width: 100%;
  }

  .Wtext {
    font-size: 40px;
    margin: 10px 0 0px;
  }

  .Form-RightSection {
    width: 100%;
    padding: 20px 20px 30px 20px;
  }

  .Regform-field-section,
  .Regform-field-section2 {
    display: block;
    gap: 10px;
  }

  .Reg-Input,
  .intl-tel-input {
    width: 100%;
  }

  .Rinput1 {
    margin: 17px 0 17px;
  }

  .Rinput2 {
    margin: 0;
  }

  .Rinput1 input,
  .Rinput2 input {
    width: 100%;
  }

  #reg-form-date {
    margin-bottom: 15px;
  }

  .select-box {
    width: 100%;
  }

  #reg-form-date {
    width: 100%;
  }

  .form-container-Inn2 {
    position: absolute;
    translate: -50% 0;
    top: 100px;
  }

  .auth-alert {
    top: 55px;
    width: 100%;
  }

  .top-bar .Img-ConL.mob {
    position: absolute;
    width: 40px;
    height: 40px;
    right: 10px;
    top: 10px;
  }

  .login.login-modal-btn {
    position: absolute;
    right: 15px;
  }
}

/*

# General css for all platforms starts here.

*/

* {
  margin: 0;
  padding: 0;
}

@media (min-width: 1200px) {

  /* New header*/
  :root {
    --topbarbg-color: #c4c4c4;
    --advertspacebg-color: #efefef;
    --homepagebg-color: #70a703;
    --newspagebg-color: #70a703;
    --Sportspagebg-color: #ff0001;
    --Businesspagebg-color: #02aae9;
    --Entertainmentpagebg-color: #963a8c;
    --Africapagebg-color: #eeb826;
    --GhWebTvpagebg-color: #1e446b;
    --Opinionspagebg-color: #008080;
    --Memoriespagebg-color: #e1b07e;
    --Cartoonspagebg-color: #fede01;
    --SayItpagebg-color: #00a679;
    --Defaultpagebg-color: #adadad;
    --Countrypagebg-color: #c7ab8c;
    --Worldpagebg-color: #586a58;
  }

  body {
    background-color: grey !important;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #262626;
    /*    padding-top: 50px;*/
  }

  #pagecontainer {
    box-shadow: none !important;
  }

  .takeover {
    cursor: pointer;
    display: block;
    height: 250px;
    width: 1245px;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto;
  }

  .top-bar {
    display: flex;
    padding: 8px 0 7px 0;
    background-color: var(--topbarbg-color);
    align-items: center;
    justify-content: center;
    position: fixed;
    width: 100%;
    z-index: 10001;
    top: 0;
    left: 0;
    border-bottom: 5px solid #70a703;
  }

  .top-bar .inner {
    width: 1245px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    position: relative;
    box-sizing: border-box;
  }

  .ghweb-logo {
    /*margin: 0 30px 0 0;
   height: 25px;*/
  }

  .socialbtns-searchbtn {
    display: flex;
    gap: 20px;
    border-left: 3px solid rgb(193, 193, 193);
  }

  .socialbtns img {
    margin: 0 4px;
    width: auto;
  }

  .search-area-con {
    position: relative;
    width: max-content;
    height: max-content;
  }

  .search--input {
    width: 280px;
    height: 25px;
    padding-left: 12px;
    font-size: 12px;
    border: 0;
    border-radius: 14px;
    outline: none;
    text-align: left;
    background: #fff;
  }

  .search-icon {
    position: absolute;
    top: 5px;
    right: 12px;
  }

  .search-area-con img {
    width: 16px;
  }

  .login-signup-btns a {
    padding: 6px 18px;
    background-color: white;
    margin: 0 0 0 12px;
    border-radius: 12px;
  }

  .Contact-advert-links {
    margin-right: 11px;
  }

  .Contact-advert-links a {
    font-size: 12px;
    margin: 0 4px;
  }

  .Contact-advert-links a:hover {
    color: #000000;
  }

  .login-signup-btns {
    margin-left: 15px;
  }

  .login-signup-btns a:hover {
    text-decoration: none;
    background-color: rgb(83, 83, 83);
    color: white;
  }

  /* new header end  */

  /* extra header theme */
  .advert-space {
    height: 155px;
    background-color: #000000;
    /* var(--advertspacebg-color); */
    display: flex;
    justify-content: center;
    padding-top: 16px;
    box-sizing: border-box;
  }

  .main-navigation-container {
    position: relative;
    height: max-content;
  }

  .mainNavgrp {
    position: relative;
    display: flex;
    justify-content: center;
    padding: 14px 35px;
    background-color: white;
    border-radius: 10px;
    margin-top: -30px;
    width: max-content;
    height: 41px;
    margin: -33px auto 0;
    filter: drop-shadow(0px 4px 5px rgb(0, 0, 0, 0.1));
    z-index: 10;
    box-sizing: border-box;
  }

  .mainNavgrp .active {
    content: "";
    width: 37px;
    height: 12px;
    background-color: rgb(255, 255, 255);
    top: 8px;
    position: relative;
    clip-path: polygon(0 0, 50% 100%, 100% 0);
    margin: auto;
  }

  .mainNavgrp ul li {
    text-align: center;
    margin: 0;
  }

  .mainNavgrp li {
    list-style: none;
  }

  .mainNavgrp a {
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    padding: 7px 14px;
    color: black !important;
  }

  .morelinks-btn-div {
    position: relative;
    width: max-content;
  }

  .morelinks-btn-div::before {
    content: "";
    width: 8px;
    height: 8px;
    background-color: rgb(0, 0, 0);
    position: absolute;
    right: -2px;
    top: 4px;
    clip-path: polygon(0 0, 50% 100%, 100% 0);
    transform: rotate(0deg);
    transition: all 0.4s;
  }

  .more-link-parent:hover .morelinks-btn-div::before,
  .more-btn-con:hover .more-btn::before {
    transform: rotate(181deg);
  }

  .mainNavgrp a:hover {
    color: #000000;
    text-decoration: none;
  }

  .mainNavgrp ul {
    margin-top: -2px;
  }

  .sub-menu-list {
    height: 30px;
    width: max-content;
    position: relative;
  }

  .sub-menu-list::after {
    content: "";
    width: 0;
    height: 0;
    background-color: rgb(255, 255, 255);
    transition: all 0.3s;
    position: absolute;
    top: 18px;
    left: 0;
    z-index: 1;
  }

  .sub-menu-list__home::after {
    background-color: black;
  }

  .sub-menu-list__news::after {
    background-color: var(--newspagebg-color);
  }

  .sub-menu-list__sports::after {
    background-color: var(--Sportspagebg-color);
  }

  .sub-menu-list__biz::after {
    background-color: var(--Businesspagebg-color);
  }

  .sub-menu-list__ent::after {
    background-color: var(--Entertainmentpagebg-color);
  }

  .sub-menu-list__africa::after {
    background-color: var(--Africapagebg-color);
  }

  .sub-menu-list__tv::after {
    background-color: var(--GhWebTvpagebg-color);
  }

  .sub-menu-list__opi::after {
    background-color: var(--Opinionspagebg-color);
  }

  .sub-menu-list__mem::after {
    background-color: var(--Memoriespagebg-color);
  }

  .sub-menu-list__toon::after {
    background-color: var(--Cartoonspagebg-color);
  }

  .sub-menu-list__sil::after {
    background-color: var(--SayItpagebg-color);
  }

  .sub-menu-list__more::after {
    background-color: black;
  }

  .sub-menu-list__default::after {
    background-color: var(--Defaultpagebg-color);
  }

  .sub-menu-list__coun::after {
    background-color: var(--Countrypagebg-color);
  }

  .mainNavgrp ul:hover .sub-menu-list::after {
    width: 100%;
    height: 4px;
    border-radius: 12px;
  }

  .Submenus-items {
    margin-top: -9px;
    height: 95px;
    position: relative;
    z-index: 9;
    display: flex;
    align-items: center;
  }

  .Submenus-items__home {
    background-color: var(--homepagebg-color);
  }

  .Submenus-items__ent {
    background-color: var(--Entertainmentpagebg-color);
  }

  .Submenus-items__news {
    background-color: var(--newspagebg-color);
  }

  .Submenus-items__toon {
    background-color: var(--Cartoonspagebg-color);
  }

  .Submenus-items__default {
    background-color: var(--Defaultpagebg-color);
  }

  .Submenus-items__sil {
    background-color: var(--SayItpagebg-color);
  }

  .Submenus-items__mem {
    background-color: var(--Memoriespagebg-color);
  }

  .Submenus-items__opi {
    background-color: var(--Opinionspagebg-color);
  }

  .Submenus-items__sport {
    background-color: var(--Sportspagebg-color);
  }

  .Submenus-items__tv {
    background-color: var(--GhWebTvpagebg-color);
  }

  .Submenus-items__biz {
    background-color: var(--Businesspagebg-color);
  }

  .Submenus-items__afri {
    background-color: var(--Africapagebg-color);
  }

  .Submenus-items__coun {
    background-color: var(--Countrypagebg-color);
  }

  .Submenus-items__world {
    background-color: var(--Worldpagebg-color);
  }

  .Submenus-items h1 {
    height: 100px;
    overflow: hidden;
    color: #ffffff;
    font-style: italic;
    font-size: 110px;
    opacity: 0.06;
    position: absolute;
    top: -17px;
    left: -10px;
    display: inline;
    font-family: Tahoma, Verdana, sans-serif;
  }

  .Submenus-items__afri h1 {
    color: brown;
  }

  .Submenus-items__sport h1 {
    color: rgb(54, 0, 0);
  }

  .Submenus-items__biz h1 {
    color: rgb(1, 43, 110);
  }

  .Submenus-items__mem h1 {
    color: brown;
  }

  .Submenus-items__toon h1 {
    color: #948e5d;
  }

  .submenu {
    width: 100%;
    height: max-content;
    display: flex;
    gap: 20px;
    justify-content: center;
    position: relative;
    z-index: 30;
  }

  .submenu a {
    display: block;
    font-size: 14px;
    font-weight: 100;
    color: white;
  }

  .submenu>a:hover,
  .more-btn>a:hover {
    color: white;
  }

  .submenu__toon a {
    color: rgb(169, 37, 0);
  }

  .submenu-title {
    width: 100%;
    text-align: center;
    font-weight: bold;
    position: absolute;
    top: 55px;
    z-index: 10;
  }

  .morelinks-btn-div .drop-menu-con {
    width: 120px;
  }

  .morelinks-btn-div:hover .drop-menu-con,
  .more-btn-con:hover .more-btn .drop-menu-con {
    visibility: visible;
    transform: scale(1);
  }

  .drop-menu-con .drop-link {
    font-weight: 600;
    display: block;
    padding: 5px 10px;
    font-size: 13px;
    text-wrap: nowrap;
  }

  .drop-menu-con .drop-link:hover {
    text-decoration: underline;
  }

  .more-btn .drop-menu-con,
  .morelinks-btn-div .drop-menu-con {
    position: absolute;
    background-color: white;
    filter: drop-shadow(0px 4px 5px rgb(0, 0, 0, 0.1));
    border-radius: 3px;
    visibility: hidden;
    transform: scale(0);
    transition: all 0.2s;
    transform-origin: 50% 0;
    padding: 14px 0;
  }

  .more-btn {
    position: relative;
  }

  .more-btn-con {
    width: 42px;
  }

  .more-btn::before {
    content: "";
    width: 8px;
    height: 8px;
    background-color: rgb(255, 255, 255);
    position: absolute;
    right: 0;
    top: 5px;
    clip-path: polygon(0 0, 50% 100%, 100% 0);
    z-index: 30;
    transform: rotate(0deg);
    transition: all 0.4s;
  }

  .more-btn .drop-menu-con {
    top: 16px;
  }

  .more-btn-con .drop-link {
    font-weight: 300;
    padding: 0 20px;
    color: black;
    line-height: 1.6em;
    margin: 7px 5px;
  }

  /* theme ends here */

  /* full width theme */
  #medsectionWide {
    margin: 15px 15px 0 15px;
  }

  #medsectionWide #inner-left-col {
    width: 900px;
  }

  #medsectionWide #rightsection {
    margin: 0;
  }

  #medsectionWideRight {
    background-color: #fff;
    float: left;
    width: 900px;
    margin: 15px 15px 15px 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
  }

  #medsectionWideRight h1.more_title {
    margin: 0 0 10px;
  }

  #medsectionWideRight .bottom_artl_wrap .left_artl_list.more_news {
    width: 900px;
  }

  #medsectionWideRight .bottom_artl_wrap .left_artl_list.more_news li:nth-child(4n) {
    margin-right: 15px;
  }

  #medsectionWideRight .bottom_artl_wrap .left_artl_list.more_news li:nth-child(5n) {
    margin-right: 0;
  }

  #medsectionWideRight .article-left-col {
    width: 900px;
    font-family: Inter, Arial, Helvetica, sans-serif;
    font-weight: 350;
    letter-spacing: -0.01em;
    /*color: #212c40;*/
    /*-webkit-font-smoothing: antialiased;*/
    line-height: 150%;
  }

  #medsectionWideRight .option-bar {
    width: 874px;
  }

  #medsectionWideRight .option-bar.comment-area {
    width: 876px;
  }

  #medsectionWideRight #article-123 {
    font-size: 15px;
    clear: right;
  }

  #medsectionWideRight .article-left-col h1 {
    font-size: 24px;
    line-height: 1.4;
  }

  #medsectionWideRight a {
    color: #2a74ae;
  }

  #medsectionWideRight #share li a {
    text-indent: 0;
    width: auto;
    height: auto;
    background: none;
  }

  #medsectionWideRight #share li img {
    height: 20px;
  }

  #medsectionWideRight #comment_area .comment-bottom {
    width: 580px;
  }

  #medsectionWideRight #comment_area .write_comments textarea {
    width: 562px;
  }

  #medsectionWideRight #comment_area h2.title {
    width: auto;
  }

  #medsectionWideRight #comment_area .comments_list {
    padding: 10px 20px;
  }

  #medsectionWideRight .comments_body p {
    font-size: 16px;
  }

  #medsectionWideRight .option-bar {
    padding: 10px 12px;
  }

  .just_in {
    width: 270px;
    float: left;
    margin: 15px 0 0 15px;
    padding: 15px;
    height: 70px;
    color: #fff;
  }

  .just_in span {
    font-weight: bold;
    font-size: 15px;
    line-height: 1.5;
  }

  .just_in p {
    font-size: 14px;
    line-height: 1.5;
    height: 44px;
    overflow: hidden;
  }

  .just_in.news {
    background: var(--newspagebg-color);
  }

  .just_in.sports {
    background: var(--Sportspagebg-color);
  }

  .just_in.business {
    background: var(--Businesspagebg-color);
  }

  .just_in.entertainment {
    background: var(--Entertainmentpagebg-color);
  }

  .just_in.africa {
    background: var(--Africapagebg-color);
  }

  .just_in.world {
    background: var(--Worldpagebg-color);
  }

  .sub_section_list li {
    width: 192px !important;
    argin: 0 15px 15px 0;
    height: 210px !important;
    background-color: #ececec;
    border: solid 1px #dbdbdb;
  }

  .sub_section_list li:nth-child(2n) {
    margin-right: 15px !important;
  }

  .sub_section_list li:nth-child(3n) {
    margin-right: 0 !important;
  }

  .sub_section_list li .info {
    height: 90px !important;
    padding: 5px 15px 0 !important;
    position: absolute !important;
    width: 160px !important;
  }

  .sub_section_list li .image {
    height: 120px !important;
    position: relative;
  }

  .sub_section_list li .image img {
    width: 100% !important;
  }

  .sub_section_list li .section {
    position: absolute;
    bottom: 10px;
  }

  .sub_section_list li .section a {
    color: #949494;
  }

  .sub_section_list li h3 {
    overflow: hidden;
    height: 56px;
    line-height: 18px !important;
  }

  #medsectionWide .inner-lead-story-bottom li:nth-child(4n + 0) {
    margin-right: 0;
  }

  #medsectionWide #inner-lead-story .left {
    height: 365px;
  }

  #medsectionWide .inner-lead-story-bottom li:nth-child(3n + 0) {
    margin-right: 15px;
  }

  #medsectionWideRight .related_articles {
    width: 100%;
    clear: both;
  }

  .article_footer {
    clear: both;
  }

  /*new footer*/

  .wide_footer.footer {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    justify-content: space-between;
    padding-top: 30px;
    font-size: 14px;
    position: relative;
    background-color: #000000;
    width: 1245px;
    margin: auto;
  }

  .wide_footer .footer-img-vector {
    position: absolute;
    top: -65px;
  }

  .wide_footer .logolink {
    background-color: white;
    height: max-content;
    padding: 2px 3px;
    margin: 0;
  }

  .wide_footer .footer-logo {
    width: 1124px;
    padding: 14px 0 14px 0;
    border-bottom: 1px solid rgb(142, 142, 142);
    margin: 6px auto 13px;
    border-top: 1px solid rgb(142, 142, 142);
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .wide_footer .footer-logo img {
    object-fit: contain;
  }

  .wide_footer .Newsletter-link {
    padding: 10px 17px;
    border-radius: 34px;
    border: 1px solid white;
    color: white;
  }

  .wide_footer .Newsletter-link:hover {
    text-decoration: none;
  }

  .wide_footer .links-con a,
  .footer-logo a {
    display: inline-block;
    margin: 0 13px 10px 0;
    text-wrap: nowrap;
    color: white;
  }

  .wide_footer .GetApp-link {
    padding: 10px 17px;
    border-radius: 18px;
    border: 1px solid #ccc;
    margin: 0;
  }

  .wide_footer .GetApp-link:hover {
    text-decoration: none;
    background-color: #888888;
    color: white;
  }

  .wide_footer .footer-sections {
    display: flex;
    padding: 15px 60px 50px;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .wide_footer .row {
    max-width: 284px;
  }

  .wide_footer .section-name {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 15px;
    color: #8c8c8c;
  }

  .wide_footer .app-download-con {
    width: 300px;
    height: 100px;
    background-color: white;
    position: absolute;
    top: 14px;
    right: 44px;
  }

  .wide_footer .copyright {
    height: max-content;
    padding: 12px 60px;
    border-top: 1px solid rgb(142, 142, 142);
    background-color: #000000;
    text-align: right;
  }

  .wide_footer .copyright p {
    margin: 0;
    color: white;
  }

  .wide_footer .row:last-child .links-con {
    display: flex;
  }

  .GetApp-link {
    margin-right: 0 !important;
  }

  /* theme ends */

  a {
    color: #262626;
    text-decoration: none;
  }

  a:hover {
    color: #ca0002;
  }

  a:hover,
  #topnav a:hover,
  #options a:hover,
  #search #newto a:hover,
  #medsection2 #rightsection a:hover,
  #medsection3 #rightsection a:hover,
  #rowname #head a:hover,
  #medsection1 a:hover,
  div.alert-box h4 a:hover {
    text-decoration: underline;
  }

  #search #newto a,
  div.alert-box h4 a,
  #leftsection ul li a:hover {
    text-decoration: none;
  }

  div#ads a:link,
  div#ads a:visited,
  div#ads a:active {
    color: #0000ee;
  }

  /* h1 {
    float: left;
    font-size: 20px;
    margin: 10px 0 7px 0;
    width: 100%;
  }

  h2 {
    font-size: 18px;
    margin: 12px 0 7px 0;
  }

  h3 {
    clear: left;
    font-size: 16px;
    margin: 4px 0 6px 0;
  } */

  /* p {
    clear: left;
    line-height: 1.4em;
    margin: 0 0 10px;
  } */

  ul {
    /*    margin: 0 0 5px 0;*/
  }

  ul li {
    margin: 0 0 5px 20px;
  }

  ul.bullet {
    list-style-type: disc !important;
  }

  ul.bullet li {
    margin: 0 0 5px 20px !important;
  }

  ul.nobullet {
    list-style: none;
    list-style-type: none;
  }

  ul.nobullet.nopadding li {
    margin-left: 9px;
    margin-bottom: 9px;
  }

  /**** standard width style ****/

  #pagecontainer {
    margin: 0 auto 0 !important;
    width: 1245px;
    background-color: #fff;
  }

  #pagecontainer #leftsection ul {
    background-color: #ececec;
  }

  #mainbody {
    background-color: #fff;
    width: 1245px;
    margin: 0;
    padding: 0px;
    display: inline-block;
  }

  #headerTop {
    width: auto;
    height: auto;
    padding: 15px 15px 0 15px;
    margin-bottom: 40px;
  }

  #navLogo {
    float: left;
  }

  #navLinks {
    /*width: 455px;*/
    float: right;
  }

  #headerMid {
    /*width: 970px;*/
    margin: auto;
  }

  #mainnavinner {
    width: 100% !important;
  }

  #mainnav {
    width: 100%;
    float: none !important;
    display: inline-block;
  }

  div#headerAd div {
    margin: 0 !important;
  }

  .dfp_leaderboard {
    margin: auto;
    width: 728px;
  }

  iframe img {
    margin: auto !important;
    text-align: center !important;
  }

  #google_image_div {
    margin: auto;
  }

  /*SOCIAL BUTTONS*/

  #socialbtn {
    /*width: 54px;*/
    float: left;
    margin-right: 10px;
  }

  #socialbtn a {
    border: medium none;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    height: 23px;
    width: 25px;
    text-indent: -9999px;
  }

  #socialbtn a {
    background-repeat: no-repeat;
  }

  #socialbtn a.yt {
    background-position: -86px -15px;
    background-size: 222px;
    margin: 0px 4px 0 0;
  }

  #socialbtn a.fb {
    background-position: 0 -20px;
  }

  #socialbtn a.tw {
    background-position: -23px -20px;
  }

  /*END OF SOCIAL BUTTONS*/

  /*LOGIN*/
  .flexsearch--wrapper {
    height: auto;
    width: auto;
    max-width: 100%;
    overflow: hidden;
    background: transparent;
    margin: 0;
    float: left;
    /*position: static;*/
  }

  .flexsearch--form {
    overflow: hidden;
    position: relative;
  }

  .flexsearch--input-wrapper {
    width: 224px;
    height: 24px;
    overflow: hidden;
    float: left;
    background: white;
    border-radius: 10px 0 0 10px;
  }

  .flexsearch--input {
    width: 100%;
  }

  .flexsearch {
    padding: 0 25px 0 200px;
  }

  .flexsearch--input {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 23px;
    padding: 0 0 0 10px;
    border-color: #888;
    border-radius: 35px;
    border-style: solid;
    border-width: 0;
    color: #333;
    font-size: 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 204px;
  }

  .flexsearch--submit-wrap {
    right: 155px;
    display: block;
    width: 26px;
    height: 24px;
    padding: 0;
    border: none;
    border-radius: 0 50% 50% 0;
    margin-right: 10px;
    background: #fff;
    color: #888;
    float: left;
  }

  .flexsearch--submit {
    background-color: transparent;
    background-size: 185px;
    background-position: -220px -11px;
    width: 19px;
    height: 23px;
    border: none;
  }

  .flexsearch--input:focus {
    outline: none;
    border-color: #333;
  }

  .flexsearch--input:focus.flexsearch--submit {
    color: #333;
  }

  .flexsearch--submit:hover {
    color: #333;
    cursor: pointer;
  }

  ::-webkit-input-placeholder {
    color: #888;
  }

  input:-moz-placeholder {
    color: #888;
  }

  #loginLinks {
    float: left;
  }

  .clearfix::after {
    content: "";
    clear: both;
    display: table;
  }

  #loginLinks a {
    padding: 5px 15px;
    float: left;
    margin-right: 10px;
    line-height: 13px;
  }

  #loginLinks a:hover {
    color: #000;
  }

  #loginLinks .logIn,
  #loginLinks .signUp,
  #loginLinks .enter,
  #loginLinks .logOut {
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 10px;
    margin-right: 0 !important;
  }

  #loginLinks .enter,
  #loginLinks .signUp {
    margin-right: 4px !important;
  }

  .status {
    float: left;
    padding: 5px 5px 0 0;
    font-weight: bold;
  }

  /*END OF LOGIN*/

  ul#mainnavinner li {
    position: relative;
  }

  #mainnav li a {
    color: #fff;
  }

  /*HEADER STYLE ONE*/

  header#news {
    background-color: #70a703;
    width: 100%;
    display: inline-block;
    line-height: 0;
    font-weight: 600;
  }

  header#news.sports {
    background-color: #ff0001;
  }

  #mainbody.sports .menuheading {
    background-color: #ff0001;
  }

  #mainbody.sports #footer {
    background-color: #ff0001;
  }

  #mainbody.sports ul#footerinner li a {
    background-color: #ff0001;
  }

  #footerinner li.fstyle a:hover {
    background-color: transparent !important;
  }

  #mainnavinner li.navNews {
    background: #70a703;
  }

  #mainnavinner li.navSports {
    background: #ff0001;
  }

  #mainnavinner li.navBusiness {
    background: #02aae9;
  }

  #mainnavinner li.navEntertainment {
    background: #963a8c;
  }

  #mainnavinner li.navWorld {
    background: #586a58;
  }

  #mainnavinner li.navRadio {
    background: #1e446b;
  }

  #mainnavinner li.navWall {
    background: #ff5a0a;
  }

  #mainnavinner li.navTonaton {
    background: #077872;
    margin-right: 0 !important;
  }

  #mainnavinner li.navAfrica {
    background: #ffbc0a;
  }

  #mainnavinner li.navCountry {
    background: #9e7241;
    margin-right: 0 !important;
  }

  #mainnavinner li.navOpinions {
    background: #008080;
  }

  #mainbody.dashboard .menuheading {
    background-color: #64c2e6;
  }

  ul#mainnavinner li.last,
  ul#footerinner li.last {
    border-right: none;
    border: 0;
  }

  ul#mainnavinner li.last {
    padding: 11px 0;
  }

  #topnav {
    color: #262626 !important;
    background: #ececec;
    font-size: 12px;
    padding: 7px 15px;
    line-height: normal;
    font-weight: 600;
  }

  #topnav a {
    font-size: 11px;
    color: #414141;
    text-decoration: none;
    font-weight: normal;
    padding-right: 8px;
    padding-left: 8px;
  }

  ul#mainnavinner {
    margin: 0;
    padding: 0;
    text-align: center;
    border: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  ul#mainnavinner li {
    list-style-type: none;
    font-weight: bold;
    font-size: 16px;
    margin: 0;
    padding: 11px 0;
    line-height: 16px;
    border-top: 5px solid rgba(255, 255, 255, 0);
    flex-grow: 1;
  }

  /**HomePage Style**/

  #medsection0 {
    float: left;
    width: 1215px;
    font-size: 11px;
    padding: 15px;
  }

  #left-col {
    float: left;
    width: 900px;
    padding-right: 15px;
  }

  #rightsection {
    width: 300px;
    float: left;
    margin: 15px 15px 0 0;
  }

  #medsection2 #rightsection,
  #medsection3 #rightsection,
  #medsection0 #rightsection {
    margin: 0;
  }

  #lead-story {
    width: 595px;
    overflow: hidden;
    height: 292px;
    float: left;
    position: relative;
  }

  #lead-story .info {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0;
    height: auto;
    padding: 15px 15px;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorStr=#00000000, endColorStr=#DD000000);
    background-color: transparent;
    background-image: -webkit-linear-gradient(transparent, rgb(31, 31, 31));
    background-image: linear-gradient(transparent, rgb(31, 31, 31));
    background-position-y: -1px;
    bottom: -1px;
  }

  #lead-story .image {
    float: none;
    padding: 0;
    width: 100%;
    max-width: 100%;
    margin: auto;
  }

  #lead-story .image:after {
    display: block;
    position: relative;
    background-image: linear-gradient(to bottom,
        rgba(255, 255, 255, 0) 0,
        #1b1b1b 100%);
    margin-top: -100px;
    height: 100px;
    width: 100%;
    content: "";
  }

  #lead-story .info h2 {
    color: #fff;
    font-size: 24px;
    margin: 20px 0;
    line-height: 30px;
  }

  #lead-story .info .section,
  .topstory .info .section {
    width: 75px;
    float: left;
    color: #ffffff;
    padding: 0px 6px 2px 5px;
    /*text-align: center;*/
  }

  #lead-story .info .lead_news,
  .topstory .info .lead_news {
    background: #70a703;
  }

  #lead-story .info .lead_sports,
  .topstory .info .lead_sports {
    background: #ff0001;
  }

  #lead-story .info .lead_business,
  .topstory .info .lead_business {
    background: #02aae9;
  }

  #lead-story .info .lead_entertainment,
  .topstory .info .lead_entertainment {
    background: #963a8c;
  }

  #lead-story .info .lead_world,
  .topstory .info .lead_world {
    background: #586a58;
  }

  #lead-story .info .lead_africa,
  .topstory .info .lead_africa {
    background: #ffbc0a;
  }

  #lead-story .info .lead_opinions,
  .topstory .info .lead_opinions {
    background: #008080;
  }

  ul.topstory .section a {
    color: #fff;
  }

  #lead-story .info .comment {
    float: right;
    color: #b7b7b7;
  }

  ul.topstory {
    list-style: none;
    margin: 0;
  }

  ul.topstory li {
    float: left;
    width: 290px;
    margin: 15px 0 0 15px;
    height: 292px;
    background-color: #ececec;
  }

  ul.topstory li:first-child {
    margin-top: 0;
  }

  ul.topstory li.rm-pad {
    margin-left: 0;
  }

  ul.topstory li .image {
    overflow: hidden;
    height: 156px;
  }

  ul.topstory .info {
    border: solid 1px #dbdbdb;
    border-top: none;
    height: 121px;
    padding: 15px 15px 0;
    position: absolute;
    width: 258px;
  }

  .WorldHM .image,
  .AfricaHM .image {
    overflow: hidden;
    width: 130px;
    height: 120px;
    float: left;
    margin: 0 10px 0 0;
  }

  .WorldHM h3,
  .AfricaHM h3 {
    width: 130px;
    float: left;
    clear: inherit;
    font-size: 14px;
    margin: 0;
    line-height: 20px;
    height: 80px;
    overflow: hidden;
  }

  .WorldHM .image img,
  .AfricaHM .image img {
    overflow: hidden;
    width: 130px;
    height: 80px;
    float: left;
  }

  ul.topstory .section,
  .WorldHM .section,
  ul.topstory .section {
    position: absolute;
    bottom: 15px;
  }

  .WorldHM .section a,
  .video_list .section a,
  .AfricaHM .section a,
  .video_list .section a {
    color: #949494;
  }

  .BbcHM .image {
    overflow: hidden;
    width: 130px;
    height: 80px;
    float: left;
    margin: 0 10px 0 0;
  }

  .BbcHM {
    background-color: #b80000;
    height: auto;
    padding: 15px;
    position: relative;
    display: flex;
  }

  .BbcHM h3 {
    width: 130px;
    float: left;
    clear: inherit;
    font-size: 14px;
    margin: 0;
    line-height: 20px;
    height: 120px;
    overflow: hidden;
  }

  .BbcHM a {
    color: #fff;
  }

  #rightsection .section a {
    position: absolute;
    bottom: 5px;
    left: 15px;
  }

  ul.topstory h3 {
    overflow: hidden;
    height: 60px;
    margin-top: 0;
    margin: 0;
  }

  .margin-bottom {
    margin-bottom: 15px;
  }

  .widget-holder {
    background-color: #ececec;
    display: table;
    min-height: 153px;
    width: 100%;
    margin-top: 15px;
  }

  #inner-left-col .widget-holder {
    min-height: 20px;
  }

  .widget-holder .ad-ban {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
  }

  .WorldHM {
    background-color: #586a58;
    height: 137px;
    padding: 15px 15px 0;
    position: relative;
  }

  .AfricaHM {
    background-color: #ffbc0a;
    height: auto;
    padding: 15px;
    position: relative;
    display: flex;
  }

  .WorldHM a,
  .AfricaHM a {
    color: #fff;
  }

  #wall_list .article-item {
    width: 213.75px;
    height: 200px;
    position: relative;
    overflow: hidden;
    float: left;
    margin: 0 15px 15px 0;
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
    display: block;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    background: #1b1b1b;
    -o-transition: all 0.3s ease-out;
  }

  #wall_list .article-item:last-child,
  #wall_list .article-item.rm-pad {
    margin-right: 0;
  }

  #wall_list .article-item .section {
    padding: 3px 10px 3px 10px;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 400;
    color: #000;
    transition: 0.3s;
    position: absolute;
    left: 0;
    margin-top: 0;
    z-index: 2;
  }

  #wall_list .article-item .image {
    float: none;
    padding: 0;
    width: 100%;
    max-width: 100%;
    margin: auto;
  }

  #wall_list .article-item .image:after {
    display: block;
    position: relative;
    background-image: linear-gradient(to bottom,
        rgba(255, 255, 255, 0) 0,
        #1b1b1b 100%);
    margin-top: -100px;
    height: 100px;
    width: 100%;
    content: "";
  }

  #wall_list .article-item .image img {
    float: none;
    padding: 0;
    width: 100%;
    max-width: 100%;
    margin: auto;
  }

  #wall_list .article-item .content {
    float: none;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0;
    height: auto;
    padding: 15% 0.75rem 0.6rem 0.75rem;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorStr=#00000000, endColorStr=#DD000000);
    background-color: transparent;
    background-image: -webkit-linear-gradient(transparent, rgb(31, 31, 31));
    background-image: linear-gradient(transparent, rgb(31, 31, 31));
    background-position-y: -1px;
    bottom: -1px;
  }

  #wall_list .article-item .section {
    background: #ff5a0a;
    color: #fff;
  }

  #wall_list .article-item .content .content_title {
    margin: 0;
    padding: 0;
    max-height: 136px;
    font-size: 16px;
    line-height: 19px;
    font-weight: bold;
    color: #fff;
    overflow: hidden;
  }

  #wall_list .article-item .content .content_tag {
    color: #d3d3d3;
    margin-top: 5px;
    position: relative;
    bottom: auto;
    left: auto;
    right: auto;
    display: block;
    font-size: 11px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .section-title-wall {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 15px;
  }

  .section-title-wall>a {
    color: #ff5a0a;
  }

  /*VIDEOS*/
  .section-title-videos {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 15px;
  }

  .section-title-videos>a {
    color: #1a6780;
  }

  ul.video_list {
    list-style: none;
    margin: 0;
    display: flex;
  }

  ul.video_list li {
    float: left;
    width: 211.7px;
    margin: 0 15px 15px 0;
    height: 240px;
    background-color: #ececec;
    border: solid 1px #dbdbdb;
  }

  ul.video_list li:nth-child(4n + 0) {
    margin-right: 0;
  }

  ul.video_list li .image .play {
    width: 20px;
    height: 20px;
    padding: 2px 5px 2px 5px;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 400;
    color: #fff;
    transition: 0.3s;
    position: absolute;
    left: 15px;
    top: 15px;
    background-image: url("play-icon2.png");
    background-repeat: no-repeat;
    background-size: 25px;
    z-index: 3;
  }

  ul.video_list li .image {
    overflow: hidden;
    height: 120px;
    position: relative;
  }

  ul.video_list li .image img {
    width: 100%;
  }

  ul.video_list .info {
    border-top: none;
    height: 105px;
    padding: 15px 15px 0;
    position: absolute;
    width: 182px;
  }

  ul.video_list h3 {
    overflow: hidden;
    height: 56px;
    /*margin-top: 0;*/
    line-height: 19px;
  }

  ul.video_list .section,
  .WorldHM .section {
    position: absolute;
    bottom: 15px;
  }

  a:hover {
    color: #ca0002;
  }

  .section-title-videos.cartoons a,
  .video_list.cartoons a:hover {
    color: #811a99;
  }

  /*END OF VIDEOS*/

  .section-title-resources {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 15px;
  }

  /*BANNERS*/

  .med_rec {
    width: 300px;
    height: 250px;
    background: #ececec;
    margin-top: 15px;
  }

  .med_rec_lg {
    width: 300px;
    height: 600px;
    background: #ececec;
    margin-top: 15px;
  }

  .med_rec_lg_min {
    margin-top: 15px;
    width: 300px;
    min-height: 250px;
    background: #ececec;
  }

  /*END OF BANNERS*/

  /*FOOTER*/

  ul#footerinner {
    width: auto;
    margin: 0;
    padding: 0;
    float: left;
  }

  ul#footerinner li {
    float: left;
    list-style-type: none;
    padding: 5px;
    color: #fff;
    font-weight: bold;
    border-right: 1px solid #eef8c6;
    margin: 0;
  }

  li#ot-sdk-btn {
    float: right !important;
    list-style-type: none !important;
    padding: 5px !important;
    color: #fff !important;
    font-weight: bold !important;
    border-right: 1px solid #eef8c6 !important;
    margin: 0 !important;
    color: #fff;
    padding: 5px;
    text-decoration: none;
    font-size: 11px !important;
  }

  li#ot-sdk-btn:hover {
    background: transparent !important;
    border: 0;
  }

  #ot-sdk-btn.ot-sdk-show-settings:hover,
  #ot-sdk-btn.optanon-show-settings:hover {
    color: #fff;
    background-color: transparent;
    border: 0;
  }

  li.fstyle a {
    color: #fff;
    padding: 5px;
    text-decoration: none;
  }

  a.button.brochure_btn {
    background: #d7f6db;
    font-weight: bold;
    border-color: #b5d6b9;
  }

  .play-icon {
    background: url("play-icon2.png") no-repeat 50% 0;
    position: absolute;
    background-color: #e40000;
    background-size: 25px;
    left: 0;
    width: 20px;
    height: 16px;
    text-indent: -9999px;
    opacity: 0.8;
    padding: 2px 5px 2px 5px;
    font-size: 10px;
  }

  /*Powered by IS*/

  .is {
    width: 90px;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 45%;
  }

  .is a:hover p {
    color: white;
    text-decoration: underline;
  }

  .is p {
    margin: 5px 0 0;
    color: #fff;
    font-weight: bold;
  }

  .is p:hover {
    color: #000;
  }

  .is p img {
    width: 20px;
  }

  span.is_img {
    position: relative;
    left: 3px;
  }

  /*End of powered by IS*/

  /*END OF FOOTER*/

  /*INNER*/

  #leftsection {
    float: left;
    width: 170px;
    /*height: 100%;*/
    margin: 15px 0 0 15px !important;
    /*border: 1px solid #d5e1a9;
    background-color: #eef8c6;*/
  }

  .menuheading {
    margin: 0;
    border-bottom: 1px solid #d7d7d7;
    padding: 4px 0px 4px 5px;
    font-weight: bold;
    background-color: #70a703;
  }

  #menuheading_advert {
    margin: 0;
    border-bottom: 1px solid #d7d7d7;
    padding: 4px 0px 4px 5px;
    font-weight: bold;
    background-color: #70a703;
  }

  #leftsection ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 170px;
    /*float:left;*/
    background-color: #ececec;
  }

  #leftsection ul li {
    list-style: none;
    margin: 0;
    border-bottom: 1px solid #d7d7d7;
    /*padding:4px 0px 4px 0px;*/
  }

  #leftsection ul.nounderline li {
    border-bottom: 0;
  }

  #leftsection ul li a {
    display: block;
    font-weight: normal;
    padding-left: 10px;
    text-decoration: none;
    font-size: 11px;
  }

  #leftsection ul li a {
    color: #000 !important;
    padding: 4px 10px !important;
    font-size: 12px;
  }

  #medsection2,
  #medsection3 {
    float: left;
    width: 1030px;
    background-color: #fff;
    border: 1px thin #f4f4f4;
    font-size: 12px;
    margin: 15px 15px 0 15px;
  }

  #inner-left-col {
    float: left;
    width: 715px;
    padding-right: 15px;
  }

  #inner-left-col .page_title {
    width: 880px;
    margin: 0 0 15px;
    padding: 5px 10px;
    background: #ececec;
    font-size: 15px;
    font-weight: bold;
    display: block;
  }

  #inner-lead-story {
    /*width: 595px;*/
    overflow: hidden;
    height: auto;
    float: left;
    position: relative;
    margin: 0 0 15px 0;
  }

  #inner-left-col img {
    width: 100%;
  }

  #inner-lead-story .left {
    width: 585px;
    overflow: hidden;
    height: 250px;
    float: left;
    position: relative;
    background: #1b1b1b;
  }

  #inner-lead-story .left .image {
    float: none;
    padding: 0;
    width: 100%;
    max-width: 100%;
    margin: auto;
  }

  #inner-lead-story .left .image:after {
    display: block;
    position: relative;
    background-image: linear-gradient(to bottom,
        rgba(255, 255, 255, 0) 0,
        #1b1b1b 100%);
    margin-top: -100px;
    height: 100px;
    width: 100%;
    content: "";
  }

  #inner-lead-story .left .info {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0;
    height: auto;
    padding: 15px 15px;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorStr=#00000000, endColorStr=#DD000000);
    background-color: transparent;
    background-image: -webkit-linear-gradient(transparent, rgb(31, 31, 31));
    background-image: linear-gradient(transparent, rgb(31, 31, 31));
    background-position-y: -1px;
    bottom: -1px;
  }

  #inner-lead-story .info h2 {
    color: #fff;
    font-size: 24px;
    margin: 20px 0;
    line-height: 30px;
  }

  #inner-lead-story .info .section {
    float: left;
    color: #b7b7b7;
  }

  #inner-lead-story .info .comment {
    float: right;
    color: #b7b7b7;
  }

  .med_rec {
    width: 300px;
    height: 250px;
    background: #ececec;
    margin: 0 0 0 15px;
    float: left;
  }

  .inner-lead-story .med_rec {
    width: 300px;
    height: 250px;
    background: #ececec;
    margin: 0 0 0 15px;
    float: left;
  }

  .inner-lead-story-bottom {
    list-style: none;
    margin: 0;
  }

  .inner-lead-story-bottom li {
    float: left;
    width: 213px;
    margin: 0 15px 0 0;
    height: auto;
  }

  .inner-lead-story-bottom li:nth-child(3n + 0) {
    margin-right: 0;
  }

  .inner-lead-story-bottom li .image {
    overflow: hidden;
    height: 120px;
  }

  .inner-lead-story-bottom .info {
    height: 64px;
    padding: 5px 0 0;
    overflow: hidden;
  }

  .right-artl {
    background-color: #ececec;
    height: 103px;
    padding: 10px 10px 15px;
    /*position: relative;*/
    margin-top: 15px;
    border-top: solid 3px #70a703;
  }

  .sports .right-artl.spotlight {
    border-color: #ff0001;
  }

  .business .right-artl.spotlight {
    border-color: #02aae9;
  }

  .entertainment .right-artl.spotlight {
    border-color: #963a8c;
  }

  .world .right-artl.spotlight {
    border-color: #586a58;
  }

  .africa .right-artl.spotlight {
    border-color: #d28e8e;
  }

  .sports {
    border-color: #ff0001;
  }

  .business {
    border-color: #02aae9;
  }

  .entertainment {
    border-color: #963a8c;
  }

  .world {
    border-color: #586a58;
  }

  .opinions {
    border-color: #008080;
  }

  .africa {
    border-color: #ffbc0a;
  }

  .right-artl .image {
    overflow: hidden;
    width: 130px;
    height: 80px;
    float: left;
    margin: 0 10px 0 0;
  }

  .right-artl .image .title {
    width: 688px;
    margin: 0 0 15px;
    padding: 5px 10px;
    background: #ececec;
    font-size: 15px;
  }

  .right-artl .text {
    width: 130px;
    float: left;
    clear: inherit;
    font-size: 13px;
    margin: 0;
    line-height: 15px;
    color: #262626;
    height: 73px;
    overflow: hidden;
  }

  .spotlight {
    /*background-color: #70A703;*/
    /*padding: 10px 10px 15px;*/
    margin-top: 0;
  }

  .right-artl .title {
    font-size: 13px;
    margin: 0 0 5px;
    position: initial;
    width: auto;
  }

  .right-artl .icon {
    width: 20px;
    height: 18px;
    /*background: #cecece;*/
    float: right;
  }

  .right-artl .icon img {
    width: 100%;
  }

  /*.spotlight, .spotlight a {
    color: #fff;
}*/
  .bottom_artl_wrap {
    margin-top: 16px;
    display: inline-block;
  }

  .bottom_artl_wrap .left_artl_list {
    width: 612px;
    display: inline-block;
    margin: 0 15px 0 0;
    float: left;
  }

  .bottom_artl_wrap .left_artl_list ul,
  .section_artl_wrap ul {
    list-style: none;
    margin: 0;
  }

  .bottom_artl_wrap .left_artl_list li {
    float: left;
    width: 141px;
    margin: 0 15px 15px 0;
    height: auto;
  }

  .bottom_artl_wrap .left_artl_list li:nth-child(4n + 0) {
    margin-right: 0;
  }

  .bottom_artl_wrap .left_artl_list li .image {
    overflow: hidden;
    height: 73px;
  }

  #bottom_artl_wrap img {
    width: 100%;
  }

  .bottom_artl_wrap .left_artl_list .info {
    height: 35px;
    padding: 5px 0 0;
    overflow: hidden;
  }

  .bottom_artl_wrap .left_artl_list .info h3 {
    font-size: 13px;
    line-height: 14px;
  }

  .bottom_artl_wrap .right_artl_list {
    width: 273px;
    display: inline-block;
    margin: 0;
    float: left;
  }

  .bottom_artl_wrap .left_artl_list .info p {
    height: 32px;
    /* overflow: hidden; */
    margin: 0;
  }

  .upper {
    display: inline-block;
  }

  .bottom_artl_wrap .left_artl_list.more_news {
    width: 715px;
    margin: 0;
    float: none;
  }

  .bottom_artl_wrap .left_artl_list.more_news li {
    width: 167px;
  }

  .bottom_artl_wrap .left_artl_list.more_news li:nth-child(3n + 0) {
    margin-right: 15px;
  }

  .bottom_artl_wrap .left_artl_list.more_news li:nth-child(4n + 0) {
    margin-right: 0;
  }

  .bottom_artl_wrap .left_artl_list.more_news li .image {
    height: 90px;
  }

  .bottom_artl_wrap .left_artl_list.more_news li .image img {
    width: 100%;
    height: auto;
  }

  .bottom_artl_wrap .left_artl_list.more_news .info p {
    height: 32px;
    color: #000;
  }

  .left_list {
    width: 297px;
    display: inline-block;
    float: left;
    margin: 0 15px 0 0;
  }

  .bottom_artl_wrap .left_artl_list .middle li:nth-child(2n + 0) {
    margin-right: 0;
  }

  .right_ad,
  .sticky_ban {
    width: 300px;
    height: 600px;
    background: #ececec;
    float: left;
  }

  .lower {
    display: inline-block;
  }

  .load_more {
    margin: 15px 0;
    display: none;
  }

  .load_more a {
    text-align: center;
    /*width: 100%;*/
    padding: 10px;
    border-radius: 3px;
    background: #ececec;
    display: block;
    font-weight: bold;
  }

  .right_artl_list li {
    list-style: none;
    _line-height: 1.3em;
    list-style-type: none;
    padding: 10px 0 10px 40px;
    min-height: 22px;
    margin: 0px;
    position: relative;
    border-bottom: solid 1px #e2e2e2;
  }

  .right_artl_list li:first-child {
    padding-top: 0;
  }

  .right_artl_list li p {
    margin-bottom: 0;
    height: 35px;
    overflow: hidden;
  }

  .right_artl_list li img {
    width: inherit !important;
  }

  #load_headlines li .time {
    width: 32px;
    position: absolute;
    left: 0;
    background: #70a703;
    color: #fff;
    font-size: 10px;
    text-align: center;
  }

  #load_headlines.sports li .time {
    background: #ff0001;
  }

  #load_headlines.business li .time {
    background: #02aae9;
  }

  #load_headlines.entertainment li .time {
    background: #963a8c;
  }

  #load_headlines.world li .time {
    background: #586a58;
  }

  .strip_title {
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    overflow: hidden;
    position: relative;
    width: 100%;
    margin: 0 0 15px 0;
  }

  .strip_title span {
    display: inline-block;
    height: 16px;
    vertical-align: bottom;
  }

  .strip_title span:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 1px;
    top: 9px;
    border-bottom: 4px solid #ececec;
  }

  .section_artl_wrap {
    margin-bottom: 15px;
  }

  .section_artl_wrap .image {
    overflow: hidden;
    width: 110px;
    height: 60px;
    float: left;
    margin: 0 10px 0 0;
  }

  .section_artl_wrap .text {
    width: 100px;
    float: left;
    clear: inherit;
    font-size: 12px;
    height: 60px;
    overflow: hidden;
    margin: 0;
    line-height: 15px;
  }

  .section_artl_wrap li {
    width: 224px;
    display: inline-block;
    margin: 0 15px 0 0;
  }

  .section_artl_wrap li:last-child {
    margin-right: 0;
  }

  /*
.section_artl_wrap .title .icon {
    width: 20px;
    height: 18px;
    background: #cecece;
    float: right;
}*/

  dl.resources dd a:visited {
    color: #767676;
  }

  dl.resources {
    float: left;
    margin: 0 10px 0 0;
    width: 171px;
  }

  dl.resources:last-child {
    margin-right: 0;
  }

  dl.resources dt {
    /*background-color:#eef8c6;
    border:1px solid #dbe6b0;
    color:#70A703;*/
    background-color: #ebebeb;
    border: 1px solid #ccc;
    color: #000000;
    font-size: 14px;
    text-align: left;
    padding: 5px 0 5px 5px;
    margin: 0;
    width: 164px;
  }

  dl.resources dt,
  dl.resources dd {
    float: none;
  }

  dl.resources dd {
    margin: 5px 0 5px 7px;
  }

  #medsection1 {
    background-color: #fff;
    float: left;
    width: 715px;
    border: 1px thin #f4f4f4;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    margin: 15px 15px 15px 15px;
  }

  .article-left-col {
    width: 715px;
    float: left;
    margin-right: 15px;
  }

  .option-bar {
    background-color: #ccc;
    border: 1px solid #666;
    float: left;
    height: 19px;
    margin: 5px 0 20px 0;
    padding: 5px 7px;
    width: 699px;
    position: relative;
  }

  /*END OF INNER*/

  /** Brussels Airlines **/

  #brussels_wrap .main_text {
    clear: inherit;
    margin: 1px 0 0 0px;
    color: #09347a;
    /* font-size: 11px; */
    line-height: 14px;
    text-align: center;
    font-size: 14px;
  }

  #brussels_wrap .main_text .dis {
    display: block;
    margin-bottom: 1px;
  }

  #brussels_wrap .main_text .book {
    font-size: 12px;
  }

  #brussels_wrap .main_text .dol {
    color: #f70000;
  }

  #brussels_wrap {
    width: 371px;
    height: 30px;
    background-repeat: no-repeat;
    border: solid 4px #f70000;
    background-color: #f7f7f7;
    /* border-radius: 3px; */
    background-color: #ffffff;
    float: left;
    margin-bottom: 10px;
    padding: 5px 10px;
  }

  #brussels_wrap a {
    color: #000;
  }

  #brussels_wrap .logo {
    width: 70px;
    height: 100%;
    float: left;
    margin-right: 10px;
    text-align: center;

    background-size: contain;
    background-repeat: no-repeat;
    background-size: 69px;
    background-position: 2px 3px;
  }

  /*OPINION*/

  #pagecontainer.opinions #medsection2 .banner-title::after {}

  #pagecontainer.opinions #leftsection .small-banner::after {}

  /*END OF OPINION*/

  table tr td {
    border: 1px solid #d5e1a9;
    padding: 0.5em;
    vertical-align: top;
  }

  .business table.three-column {
    background: #ececec;
    border: solid 1px #abd9e9;
  }

  .business table.three-column th {
    padding: 5px;
  }

  div.article-right {
    float: right;
    margin: 0 0 10px 10px;
    width: 300px;
  }

  div.article-left {
    float: left;
    margin: 0 15px 15px 0;
    width: 300px;
  }

  .trinity-player-iframe-wrapper {
    width: 400px !important;
    float: left;
    margin: -10px 10px 10px 0;
    clear: none;
    border: 1px solid #ccc;
  }

  p.article-image,
  div.article-image {
    border: 1px solid #000;
    padding: 2px;
    float: left;
    text-align: center;
    width: 294px;
  }

  .article-image a {
    float: left;
    position: relative;
  }

  div.article-left div.noPrint {
    clear: both;
  }

  p.article-image img,
  div.article-image img {}

  p.article-image .image_captionm,
  div.article-image .image_caption {
    margin-top: 1px;
    background: #ccc;
    text-align: left;
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    float: left;
    width: 100%;
  }

  .position {
    position: relative;
  }

  /*p.article-image a:hover .play-icon {
    background:url(https://cdn.ghanaweb.com/design/play-icon.png) no-repeat 50% -55px;
    }*/

  div.article-right {
    float: right;
    margin: 0 0 10px 10px;
    width: 300px;
  }

  .listen {
    display: inline-block;
    /* background: #f2f2f2; */
    /* border: solid 1px #e4e4e4; */
    float: left;
    color: red;
    margin: 0 0 10px 0;
    /* border-radius: 35px; */
    text-align: center;
    /* border: 0 !important; */
    border-left: 1px solid #02aae9 !important;
    border-right: 0 !important;
  }

  .listen a {
    display: inline-block;
    padding: 0;
    width: auto;
  }

  .listen a .icon {
    display: inline-block;
    width: 14px;
    height: 20px;
    float: left;

    background-size: 13px;
    margin-left: 10px;
    background-repeat: no-repeat;
    background-position: 0 2px;
  }

  .listen a .text {
    margin: 0 5px;
    display: inline-block;
    float: left;
    line-height: 20px;
    /*color: #FF0001;*/
    font-size: 14px;
  }

  p.article-image {
    border: 1px solid #000;
    padding: 2px;
    float: left;
    text-align: center;
  }

  .article-image a {
    float: left;
    position: relative;
  }

  div.article-left div.noPrint {
    clear: both;
  }

  p.article-image img {}

  .article-image .play-icon {
    top: 0;
  }

  p.article-image .image_caption {
    margin-top: 1px;
    background: #ccc;
    text-align: left;
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    float: left;
    width: 100%;
  }

  /*p.article-image a:hover .play-icon {
    background:url(https://cdn.ghanaweb.com/design/play-icon.png) no-repeat 50% -55px;
    }*/

  img {
    border-width: 0px;
  }

  #medsection1 a {
    color: #2a74ae;
    text-decoration: none;
  }

  #medsection1 a:visited {
    color: #5c7996;
  }

  #medsection1 a:focus {
    outline: none;
  }

  .message {
    font-weight: bold;
    color: green;
  }

  .error {
    font-weight: bold;
    color: red;
  }

  /* 
  label {
    float: left;
    width: 14em;
    font-weight: bold;
    text-align: right;
    margin-right: 0.8em;
    margin-bottom: 20px;
    clear: both
  } */

  .submit {
    margin-left: 14.8em;
    clear: both;
  }

  fieldset {
    clear: both;
    border: 1px solid black;
    width: 600px;
    padding-top: 10px;
  }

  fieldset input {
    margin-right: 3px;
  }

  legend {
    font-size: 11px;
  }

  .fieldbox {
    float: left;
    width: 350px;
    margin-bottom: 15px;
  }

  .photo_box {
    align: right;
    float: right;
    margin-left: 5px;
    margin-bottom: 5px;
  }

  /* Share styles

#share{visibility:hidden;width:445px;position:absolute;top:100px;left:100px; z-index:10;}
#share .inner{width:435px;margin:5px;}
#share .inner img.cntrl {
    position:absolute;
    right:-20px;
    top:-20px;
}

#share .inner ul{width:435px;}
#share .inner li{clear:none; float:left;width:200px; margin-right:10px;}*/

  #share {
    margin: -1px 0 0;
  }

  #share li {
    /*padding-top:5px;margin-bottom:5px;*/
    border: none;
    padding: 0 5px;
    line-height: 1.6;
  }

  #share li a {
    text-indent: -9999px;
    display: block;
    border: none;
    height: 20px;
    width: 20px;

    background-position: 0 0;
  }

  #share li a:hover {}

  /*.popup-box{background:#fff;padding:10px 20px;border:10px solid #70A703;float:left;width:480px;position:fixed;top:30%;left:50%;margin:0 0 0 -250px;z-index:100;}
.popup-box .share-top{float:left;margin-bottom:5px;width:480px;}
.popup-box h3{border:0;float:left;width:480px;margin:5px 0 7px 10px;}
.popup-box ul li{list-style-type:none; clear:none; float:left;}*/

  #share a.whatsapp {
    background-position: -21px -147px;
  }

  #share a.facebook {
    background-position: -20px 0;
  }

  #share a.twitter {
    background-position: -20px -30px;
  }

  #share a.gplus {
    background-position: -20px -60px;
  }

  #share a.email {
    background-position: -20px -120px;
  }

  #share a.print {
    background-position: -20px -90px;
  }

  #share a.whatsapp:hover {
    background-position: -1px -147px;
  }

  #share a.facebook:hover {
    background-position: 0 0;
  }

  #share a.twitter:hover {
    background-position: 0 -30px;
  }

  #share a.gplus:hover {
    background-position: 0 -60px;
  }

  #share a.email:hover {
    background-position: 0 -120px;
  }

  #share a.print:hover {
    background-position: 0 -90px;
  }

  /*#share a.print{background:url(https://cdn.ghanaweb.com/design/gif_sprite3.gif) -10px -638px no-repeat;}*/

  /*STICKY BANNER*/

  .sticky-banner {
    position: fixed;
    top: 5px;
  }

  /*END OF STICKY BANNER*/

  #banner {
    float: left;
    background-color: #eef8c6;
    width: 976px;
    vertical-align: middle;
    overflow: hidden;
    padding: 12px;
    height: 90px;
    overflow: hidden;
  }

  #gw_leaderboard {
    width: 728px;
    height: 90px;
    margin: 0;
    padding: 0;
    float: left;
    overflow: hidden;
  }

  /*  #search {
    width: 224px;

    float: right;
    background-color: #eef8c6;

    border-left: 1px solid;
    padding: 5px 0 5px 12px;
  }
*/
  /*  #search h5 {
    font-size: 14px;
    padding-bottom: 6px;

  }

  #search label,
  #search input {
    width: auto;
    clear: none;
    font-weight: normal;
    float: left;
    margin: 0;

  }

  #search label {
    padding: 0 8px 0 4px
  }

  #search .srhType {
    float: left;
    padding: 4px 0 0
  }


  #search #searchbox {
    float: left;
    padding-bottom: 7px;
    width: 100%;
    _width: 100%;
  }

  #search #searchbutton {
    float: right;
  }

  #search #searchbox1 {
    height: 25px;
    border: 1px solid #cecfce;
    border-radius: 3px;
    color: #262626;
    width: 221px;
    _width: 221px;
  }

  #search #searchbtn,
  #loginFormFields input#loginbtn {
    background-color: #70A703;
    border: none;
    color: #FFF;
    cursor: pointer;

    height: 23px;
    padding: 0 5px 2px;
    border-radius: 3px;
    font-weight: bold;


  }*/

  /*  .srcType {
    float: left;
    padding-top: 4px;
    width: auto;
  }

  #search #newto {
    float: left;
    color: #000;
    margin-top: 5px;
    width: 259px;
  }

  #search #loginem {
    float: left;
    width: 96px;
    _width: 86px;
  }

  #search #email {
    width: 96px;
    _width: 86px;
  }

  #search #loginpas {
    float: left;
    width: 84px;
    _margin-right: 2px !important;
  }

  #search #password {
    width: 84px;
  }

  #search #loginem,
  #search #loginpas {
    padding-top: 4px;
    margin-right: 5px;
  }

  #search #email,
  #search #password {
    height: 19px;
    color: #262626;
    border: 1px solid #cecfce;
  }*/

  #loginbtndiv {
    float: right;
  }

  /* #search #loginbtn {
    background-color: #778E1A;
    border: 1px solid #CECFCE;
    color: #FFF;
    cursor: pointer;
    height: 21px;
    padding: 0 0 4px;
    width: 64px;
  }*/

  #loginFormLinks a.logIn:target #loginFormFields {
    display: inline-block;
  }

  #loginFormLinks a.logIn:target #open {
    display: none;
  }

  #leftspacer {
    height: 500px;
    background-color: #eef8c6;
  }

  /*#medsection2, #medsection3 {
    float:left;
    width:808px;
    _width:800px;
    background-color:#fff;
    border:1px thin #f4f4f4;
    font-size:12px;
    padding:0 0px 15px 10px;
}*/

  #medsection2 #rightsection.larger,
  #medsection3 #rightsection.larger {
    width: 200px;
  }

  #medsection2 #rightsection.larger h3,
  #medsection3 #rightsection.larger h3,
  #medsection2 #rightsection.larger p,
  #medsection3 #rightsection.larger p {
    clear: none;
  }

  #medsection2 #rightsection img,
  #medsection3 #rightsection img {
    display: block;
    margin: 0 auto;
  }

  #medsection2 #rightsection .menuheading,
  #medsection3 #rightsection .menuheading {
    background-color: #666;
    color: #fff;
    margin: 0 0 7px 0;
    clear: left;
  }

  #medsection2 #rightsection p,
  #medsection3 #rightsection p {
    padding: 0 8px;
  }

  #medsection2 #rightsection a,
  #medsection3 #rightsection a {
    color: #666;
    text-decoration: none;
    width: 140px;
    overflow: hidden;
    margin: auto;
  }

  /*#leftsection {
    float:left;
    width:170px;
    height:100%;
    margin:5px 0 5px 5px;
    border:1px solid #d5e1a9;
    background-color:#eef8c6;
}*/
  #medsection2 a:visited,
  #medsection3 a:visited {
    color: #767676;
  }

  #medsection3 a {
    color: #0000ff !important;
  }

  #center-column {
    float: left;
    padding-right: 10px;
    _padding-right: 0;
    width: 590px;
    _width: 580px;
  }

  #medsection2 .adbox-center a {
    width: 140px;
    overflow: hidden;
    margin: auto;
  }

  #medsection2 .larger a {
    width: 180px !important;
    overflow: hidden;
    margin: auto;
  }

  #adsense_top {
    float: left;
    width: 500px;
    text-align: right;
    background-color: #70a703;
    height: 17px;
    padding: 4px 0;
  }

  #adsense_bottom {
    float: right;
    padding-top: 4px;
  }

  #first a {
    text-decoration: none;
    padding-left: 2px;
    font-weight: bold;
  }

  #first a:hover {
    text-decoration: underline;
    padding-left: 2px;
    font-weight: bold;
  }

  #options {
    float: right;
    clear: none;
  }

  #options a {
    font-size: 11px;
    color: #fff;
    text-decoration: none;
    font-weight: normal;
    padding-right: 8px;
  }

  .company-values tr {
    height: 29px;
  }

  #headline {
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: bold;
    font-size: 11px;
  }

  #newsimg {
    padding-right: 15px;
  }

  #rowimg {
    float: left;
  }

  #rowname {
    float: left;
    padding-right: 15px;
    width: 280px;
    height: 75px;
  }

  #rowname #head {
    font-weight: bold;
    font-size: 11px;
    padding-bottom: 10px;
  }

  #rowname #head a {
    text-decoration: none;
    color: #006699;
  }

  #rowlocation {
    float: left;
    height: 75px;
  }

  #row {
    border-bottom: 1px solid #f0f0f0;
    width: 530px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  #footer {
    background-color: #70a703;
    height: 10px !important;
    clear: both;
    width: 100%;
    position: relative;
  }

  #footer #footerrechts {
    color: #fff;
    width: 45%;
    float: right;
    padding: 3px;
    text-align: right;
  }

  .basictab {
    clear: both;
    margin: 8px 0px 8px 0px;
    padding: 0px 0px 3px 0px;
    font-family: Verdana, Arial, Helvetica;
    font-size: 11px;
    border-bottom: 8px solid gray;
    list-style-type: none;
    text-align: left;
  }

  .basictab li {
    background-color: #f1f1f1;
    padding: 4px 10px 4px 10px;
    display: inline;
    margin: 0px 6px 0px 0px;
  }

  .basictab li a {
    background-color: #f1f1f1;
    padding-bottom: 2px;
  }

  .basictab li a:visited {
    color: blue;
  }

  .basictab li a:hover {
    color: red;
  }

  .basictab li.selected {
    background-color: gray;
    font-weight: bold;
    color: white;
  }

  dt {
    float: left;
    clear: left;
    width: 120px;
    text-align: right;
    font-weight: bold;
    margin-right: 10px;
  }

  dd {
    margin-left: 0px;
    margin-bottom: 10px;
    float: left;
  }

  .topstory dt {
    width: 65px;
    text-align: left;
    background-color: gray;
    color: white;
    padding: 3px;
    margin-right: 7px;
    font-size: 90%;
    height: 12px;
    overflow: hidden;
  }

  .topstory dd {
    padding-top: 3px;
    margin-bottom: 8px;
  }

  blockquote.pull-quote {
    background: -120px -535px no-repeat;
    margin-top: 9px;
  }

  blockquote.pull-quote p {
    display: block;
    text-indent: 20px;
    padding-bottom: 3px !important;
    margin-bottom: 0;
  }

  blockquote.pull-quote strong {
    display: block;
    text-align: right;
    padding: 3px 7px 10px 0;
  }

  #left-column {
    float: left;
    position: relative;
    width: 660px;
  }

  #live-radio-button,
  #live-tv-button {
    height: 22px;
    background: -25px -440px no-repeat;
    text-indent: -9999px;
    display: block;
    width: 90px;
    float: left;
    margin: 0 0 10px 10px;
  }

  #live-tv-button {
    background-position: -25px -403px;
    width: 70px;
  }

  #ads {
    float: right;
    overflow: hidden;
    margin: 20px 0;
    width: 300px;
    position: relative;
  }

  #ads .ad {
    margin-bottom: 20px;
    clear: both;
  }

  #ads .home_job_widget {
    background: #f0f8ff;
    background-repeat: no-repeat;
    background-position: 4px -20px;
    border: 1px solid #cddce8;
  }

  #ads .home_job_widget ul {
    margin: 10px 0 10px;
  }

  #ads .home_job_widget ul li {
    margin-top: 6px;
  }

  #ads .home_job_widget ul li a {
    color: #000;
    font-size: 13px;
  }

  #ads .home_job_widget ul li a:hover {
    color: #064b92;
  }

  #ads .home_job_widget .job-more {
    padding: 0px 132px;
    background: #f3f8fd;
    border-top: solid 1px #d9eaf9;
    border-bottom: solid 1px #d9eaf9;
    font-size: 13px;
    font-weight: 700;
    color: #000;
  }

  #ads .home_job_widget .job-more:hover {
    background: #e6eff7;
  }

  table {
    border-collapse: collapse;
  }

  table tr td.image-holder {
    padding: 0;
  }

  div.house-listing {
    border: 1px solid #cdcdcd;
    float: left;
    height: 114px;
    padding: 5px;
    margin: 2px 4px 2px 0;
    width: 288px;
  }

  div.object-listing {
    border: 1px solid #cdcdcd;
    float: left;
    padding: 5px;
    margin: 2px 1px 2px 0;
    width: 285px;
  }

  #div.object-listing:hover {
    cursor: pointer;
  }

  div.object-listing img {
    float: left;
    margin: 0 10px 0 0;
  }

  div.object-listing descr_1 {
    float: left;
  }

  div.object-listing descr_2 {
    float: left;
    clear: left;
  }

  .option-bar p {
    border-right: 1px solid #02aae9;
    clear: none;
    float: left;
    margin: 0 10px 0 0;
    padding-right: 10px;
  }

  .option-bar p a {
    font-weight: bold;
  }

  .option-bar ul {
    float: right;
  }

  .option-bar ul li {
    border-right: 1px solid #02aae9;
    float: left;
    list-style: none;
    list-style-type: none;
    padding: 0 10px;
    margin: 0;
  }

  .option-bar ul li.last,
  .option-bar p.last {
    border-right: none;
    padding-right: 0;
  }

  #address-listing {
    float: left;
  }

  #address-listing li {
    padding: 0 0 0 100px;
    list-style: none;
    list-style-type: none;
    margin: 0 0 8px 0;
    width: 260px;
  }

  #address-listing li label {
    float: left;
    font-weight: strong;
    margin: 0 0 0 -115px;
    width: 105px;
  }

  #right-photo-listing {
    float: right;
  }

  #right-photo-listing li {
    list-style: none;
    list-style-type: none;
  }

  #right-photo-listing li img {
    width: 220px;
  }

  div#news-flash {
    border: 1px solid #666;
    background-color: #e2e2e2;
    margin-left: 8px;
    float: left;
    padding: 0px 15px 20px 15px;
    width: 592px;
  }

  div#news-flash img {
    margin-right: 10px;
  }

  div#news-flash p {
    clear: none;
  }

  div.ad-holder {
    background-color: #2a743a;
    color: #fff;
    height: 120px;
    margin: 30px 0;
    text-align: center;
    width: 100%;
  }

  .height250px {
    height: 250px !important;
  }

  .height600px {
    height: 600px !important;
  }

  .image_caption span {
    padding: 2px 5px;
    display: block;
  }

  div.alert-box {
    background-color: #e0f3ff;
    padding: 4px 6px;
  }

  div.alert-box h4 {
    font-size: 12px;
    font-style: italic;
    padding: 8px 0 0;
    margin: 0 0 6px 0;
  }

  div.alert-box.tv-icon {
    background-position: 6px 6px;
    background-repeat: no-repeat;
  }

  div.alert-box.tv-icon h4 {
    padding: 8px 0 0 33px;
  }

  /* Archive Section */
  #year-breakdown {
    width: 160px;
  }

  #year-breakdown h4 {
    background-color: #262626;
    color: #fff;
    clear: both;
    text-align: center;
    padding: 4px 0;
    width: 100%;
  }

  #year-breakdown ul,
  #month-breakdown ul {
    float: left;
    width: 100%;
  }

  #year-breakdown ul li,
  #month-breakdown ul li {
    color: #ccc;
    float: left;
    list-style: none;
    list-style-type: none;
    margin: 0 0 2px 0;
    text-align: center;
    padding: 8px 0;
    width: 40px;
  }

  #month-breakdown {
    background-color: #ccc;
    border: 1px solid #262626;
    padding: 4px 5px;
    margin: 0 10px 0 10px;
    width: 70px;
  }

  #month-breakdown h5 {
    font-size: 13px;
    margin: 0 0 6px;
    text-align: center;
  }

  #month-breakdown ul li {
    color: #262626;
    padding: 4px 0 4px 10px;
    text-align: left;
    width: 100%;
  }

  #month-breakdown ul li a {
    font-weight: bold;
  }

  #month-breakdown ul li strong {
    float: right;
    margin: 0 9px 0 0;
    width: 35px;
  }

  .highlighted-item {
    background-color: #ffe7ff;
    border: 1px solid #330d3c;
    padding: 8px 8px 2px;
    min-height: 80px;
    _height: 80px;
    margin: 10px 0;
  }

  #medsection3 .highlighted-item {
    display: inline-block;
    min-height: 70px;
    padding-bottom: 5px;
  }

  #medsection3 .highlighted-item a {
    height: auto;
    width: auto;
  }

  #medsection3 .highlighted-item h3,
  #medsection3 .highlighted-item p {
    float: left;
    width: 100%;
  }

  #medsection3 .highlighted-item p {
    width: 50%;
  }

  .highlighted-item a {
    float: left;
    height: 76px;
    margin: 0 9px 9px 0;
  }

  .highlighted-item h3 {
    font-size: 14px;

    float: left;
    margin-top: 0;
    width: 130px;
  }

  .highlighted-item h3,
  .highlighted-item p {
    clear: none;
  }

  .highlighted-item h3 a {
    color: #963a8c;
    height: auto;
    float: left;
    margin: 0;
  }

  /*.highlighted-item .img-container { float:left; margin:0 9px 9px 0; width: 100px; height: 75px; overflow: hidden };*/
  .highlighted-item .img-container {
    float: left;
    margin: 0 9px 9px 0;
    width: 282px;
    height: 131px;
    overflow: hidden;
  }

  .business-popular .img-container {
    width: 100px;
    height: 75px;
  }

  .highlighted-item img {
    float: left;
    margin: 0 9px 9px 0;
  }

  .highlighted-item.center,
  .ad-holder.center {
    margin: 10px auto;
    width: 300px;
  }

  #flash-banner {
    margin: 5px 0 15px 0;
  }

  /* stock listing */
  #stock-listing {
    background-color: #98b9d7;
    border: 1px solid #abd9e9;
    float: right;
    margin-top: 5px;
    /*width:200px;*/
    width: 186px;
  }

  #stock-listing h3 {
    background-color: #e0f3ff;
    color: #02aae9;
    font-size: 12px;
    margin: 0 0 5px 0;
    padding: 4px;
    _width: 208px;
  }

  #stock-listing dl {
    font-size: 10px;
    padding-left: 4px;
    padding-bottom: 10px;
    width: 180px;
  }

  #stock-listing dl dt {
    color: #000;
    text-align: left;
  }

  #stock-listing dl.two-column dt {
    width: 100px;
  }

  #stock-listing dl.two-column dd {
    width: 85px;
  }

  #stock-listing dl.three-column dt {
    width: 50px;
  }

  #stock-listing dl.three-column dd {
    width: 60px;
  }

  .business-highlighted-item {
    background-color: #e0f3ff;
    border: 1px solid #abd9e9;
    float: left;
    margin: 5px 0;
    padding: 8px 8px 8px 175px;
  }

  .business-highlighted-item img {
    float: left;
    margin-left: -165px;
  }

  .business-highlighted-item h3 a {
    color: #02aae9;
  }

  dl.date-breakout {
    margin: 8px 0;
    width: 100%;
  }

  dl.date-breakout dt {
    float: left;
    font-weight: bold;
    margin-left: 5px;
    text-align: left;
    width: 75px;
  }

  dl.date-breakout dd {
    /*background:url(https://cdn.ghanaweb.com/design/darkgreen_square_bullet.png) no-repeat left center;*/
    height: 12px;
    width: 7px;
    background: -45px -263px no-repeat;
    clear: left;
    margin: 5px 0px 15px 50px;

    padding-left: 12px;

    width: 100%;
  }

  dl.date-breakout dd.nobullet {
    background-image: none;
    padding-left: 0;
  }

  dl.normal dt {
    text-align: left;
    margin-bottom: 5px;
    width: 100%;
  }

  dl.normal dd {
    clear: left;
    padding-left: 15px;
    width: 100%;
  }

  .generic-panel {
    background-color: #e2e2e2;
    border: 1px solid #ff0001;
    margin: 10px 0;
  }

  .generic-panel .menuheading {
    margin-bottom: 8px;
  }

  .generic-panel img {
    display: block;
    margin: 0 auto;
  }

  /*mmmm Generic Classes mmmm*/
  p.caption {
    font-weight: bold;
    padding: 5px 4px 0 4px !important;
    text-align: center;
  }

  .floatLeft {
    float: left;
    margin: 0 6px 0 0;
  }

  .floatRight {
    clear: none;
    float: right;
    margin: 0 0 0 6px;
  }

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

  .paddedBorder {
    border: 1px solid #70a703;
    padding: 2px;
  }

  .videosec {
    float: left;
    background-color: #999;
    padding: 0px 8px 8px 8px;
    color: white;
    width: 316px;
    height: auto;
  }

  .videosec h3 {
    clear: left;
    font-size: 120%;
    margin-bottom: 2px;
  }

  .videosec img {
    float: left;
    margin-right: 8px;
  }

  .videosec .v_headline {
    float: left;
    width: 155px;
    height: 80px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-base-color: #eef8c6;
  }

  .videosec .videodate {
    float: left;
    width: 155px;
    padding-bottom: 5px;
    font-size: 10px;
    font-weight: bold;
  }

  .tinted-box {
    border: 1px solid #666;
    margin-bottom: 10px;
    padding: 10px 10px 20px;
  }

  .tinted-box h2 {
    margin-top: 0;
  }

  .tinted-box img {
    margin: 0 15px 8px 0;
  }

  .adbox-center {
    float: left;
    margin-right: 10px;
    width: 160px;
  }

  /** Video News Column Ends **/
  .pagination_bar {
    width: 715px;
    padding-bottom: 10px;
  }

  .pagination_bar h1 {
    clear: none;
    float: left;
    width: auto;
  }

  .pagination_bar .pagination {
    height: 50px;
    width: auto;
    float: right;
    margin-top: 10px;
    margin-bottom: 5px;
    vertical-align: bottom;
  }

  .pagination_bar .pagination a {
    border: 1px solid black;
    border-top: 1px solid black;
    display: inline-block;
    padding: 3px;
    margin-left: 3px;
  }

  .pagination_bar .pagination .disabled {
    border: 1px solid #808080;
    background-color: white;
    display: inline-block;
    padding: 3px;
    margin-left: 3px;
    color: #808080;
  }

  .pagination_bar .pagination .current {
    border: 1px solid black;
    background-color: #c0c0c0;
    display: inline-block;
    padding: 3px;
    margin-left: 3px;
  }

  #comment_area {
    width: 100%;
    background-color: #eeeaea;
    /*margin: 0 0 0 10px;*/
  }

  #comment_area h3 {
    background-color: #404040;
    color: white;
    font-size: 100%;
    padding: 3px;
  }

  #comment_area .google {
    margin-right: 10px;
    padding: 0px 6px 6px 0px;
    border-width: 1px;
    border-style: none solid none none;
    float: left;
  }

  #comment_area .threads {
    clear: both;
    width: 100%;
    margin-top: 15px;
  }

  #comment_area .comment {
    width: 100%;
    padding-left: 6px;
    padding-right: 6px;
  }

  #comment_area .line1 {
    height: 21px;
    background-color: #eeeaea;
  }

  #comment_area .mlabel {
    width: 100px;
    font-weight: bold;
    float: left;
  }

  #comment_area .line_active {
    height: 21px;
    background-color: #dcd6d6;
    font-weight: bold;
  }

  #comment_area .subject {
    height: 21px;
    width: 350px;
    float: left;
    overflow: hidden;
  }

  #comment_area .subject_txt {
    font-size: 90%;
    height: 21px;
    padding-top: 2px;
    padding-left: 3px;
    overflow: hidden;
  }

  #comment_area .author {
    font-size: 90%;
    height: 21px;
    width: 184px;
    float: left;
    overflow: hidden;
  }

  #comment_area .dtime {
    font-size: 80%;
    height: 21px;
    width: 57px;
    padding-right: 3px;
    float: right;
    overflow: hidden;
  }

  #comment_area .im_n {
    float: left;
    height: 21px;
    width: 9px;
    background: -7px -436px no-repeat;
  }

  #comment_area .im_m {
    float: left;
    height: 21px;
    width: 10px;
    background: -7px -401px no-repeat;
  }

  #comment_area .im_c {
    float: left;
    height: 21px;
    width: 7px;
    background: -7px -489px no-repeat;
  }

  #comment_area .im_t {
    float: left;
    height: 21px;
    width: 10px;
    background: -5px -464px no-repeat;
  }

  #comment_area .im_l {
    float: left;
    height: 21px;
    width: 8px;
    background: -4px -520px no-repeat;
  }

  #comment_area .im_i {
    float: left;
    height: 21px;
    width: 10px;
    background: -5px -549px no-repeat;
  }

  #comment_area .im_3 {
    float: left;
    /*width:9px;
    height:21px;
    background-image:url(https://www.ghanaweb.biz/GHP/img/sil2/3.gif); */
    height: 20px;
    width: 8px;
    background: -0px -556px no-repeat;
  }

  #comment_area .im_2 {
    float: left;
    /*width:9px;
    height:21px;
    background-image:url(https://www.ghanaweb.biz/GHP/img/sil2/2.gif); */
    height: 20px;
    width: 9px;
    background: -0px -556px no-repeat;
  }

  .style_table_1 {
    clear: both;
    margin: 0px;
    padding: 0px;
    border-collapse: collapse;
    border: 2px solid;
    border-color: grey;
  }

  .style_table_1 td {
    padding: 3px 6px 6px 5px;
    vertical-align: top;
  }

  .style_table_1 th {
    padding: 3px 6px 6px 5px;
    text-align: left;
    font-weight: bold;
    background-color: gray;
    color: white;
  }

  .style_table_1 .label {
    font-weight: bold;
  }

  .classified {
    width: 605px;
    clear: both;
    background-color: #eeeeee;
    float: left;
  }

  .classified .header {
    height: 40px;
    width: 601px;
    background-color: #303838;
    color: white;
    padding: 2px;
  }

  .classified .datetime {
    width: 100px;
    float: left;
    font-size: 80%;
    vertical-align: top;
  }

  .classified .title {
    width: 400px;
    float: left;
    font-size: 110%;
    font-weight: bold;
    padding: 6px 0px 6px 0px;
    text-align: center;
  }

  .classified .nr {
    width: 100px;
    float: right;
    font-size: 80%;
    text-align: right;
  }

  .classified .content {
    padding: 4px 10px;
    float: left;
    width: 585px;
  }

  .classified .imgbox {
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
  }

  .search_result {
    width: 700px;
    clear: both;
    margin-bottom: 10px;
  }

  .search_result .URL {
    color: green;
  }

  .profile {
    float: left;
    width: 400px;
    margin-left: 5px;
  }

  .profile dl {
    width: 100%;
  }

  .profile dt {
    clear: both;
    text-align: right;
    margin-bottom: 5px;
    width: 120px;
  }

  .profile dd {
    float: left;
    padding-left: 15px;
    width: 255px;
  }

  /*a:hover {text-decoration:none;} /*BG color is a must for IE6*/
  a.tooltip span {
    display: none;
    padding: 10px;
    margin-left: 8px;
    background: #ffffff;
    width: 350px;
    text-decoration: none;
  }

  a.tooltip:hover {
    font-weight: bold;
    font-size: 120%;
    text-decoration: none !important;
  }

  a.tooltip:hover span {
    display: block;
    position: absolute;
    margin-top: 10px;
    border: 2px solid #ff0000;
    background: #f6f4f4;
    color: #414141;
    font-weight: normal;
    font-size: 85%;
    text-decoration: none !important;
    z-index: 1;
  }

  .threads-listings {
    width: 100%;
  }

  .float-left {
    float: left;
  }

  .threads-listings #thread-rows {
    height: 30px;
  }

  .threads-listings #topic {
    width: 58%;
  }

  .threads-listings #author {
    width: 20%;
  }

  .threads-listings #date {
    width: 20%;
  }

  .option_bar {
    width: auto;
  }

  .option_bar div {
    float: left;
  }

  /*-------------*/
  .clear {
    clear: both;
  }

  .profile-listing {
    margin-bottom: 5px;
    width: 168px;
    border: 1px solid #cccccc;
    position: relative;
    height: 74px;
    clear: both;
  }

  .square-picture {
    margin: 5px;
    float: left;
    position: absolute;
    margin-left: -4px;
    margin-top: -5px;
    clip: rect(10px, 70px, 70px, 10px);
  }

  .descr {
    margin: 5px;
    position: relative;
    float: right;
    width: 92px;
    text-align: left;
  }

  /* musicians Page CSS */

  .musician-main-div {
    width: 100%;
  }

  .musician-main-div #musician-column {
    float: left;
    width: 30%;
    margin: 5px;
  }

  #adsense_leaderboard {
    text-align: center;
    clear: both;
    padding: 6px;
  }

  .hmLeftNav {
    float: left;
    margin: 15px 18px 15px 0;
    width: 160px;
  }

  .hmResources {
    float: left;
  }

  .rightNavSection {
    height: 600px;
    margin-bottom: 10px;
  }

  .leagueTable {
    float: left;
    width: 130px;
  }

  .featPlayer {
    width: 120px;
    float: right;
    margin-top: -10px;
  }

  #navigation_advert2 {
    margin-top: 2px;
    margin-bottom: 6px;
    margin-left: 4px;
  }

  #newsGoogleAd {
    background-color: #cacaca;
    border: 1px solid #666;
    width: 275x;
    text-align: center;
    padding: 4px;
  }

  /*Begin NEW entertainment news */
  .entNewsPtn .column1,
  .entNewsPtn .column2 {
    width: 285px;
    float: left;
  }

  .entNewsPtn .column1 {
    margin: 0 20px 0 0;
  }

  .entNewsPtn h2 {
    border-top: 3px solid #f8c0f8;
    color: #ff9000;
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    padding: 3px 0 2px;
    float: left;
    width: 100%;
  }

  .entNewsPtn h2 a {
    color: #ff9000 !important;
  }

  .entNewsPtn ul {
    list-style-type: none;
    background: bottom left repeat-x;
    clear: both;
    margin: 0 0 15px;
    padding: 0;
    width: 100%;
  }

  .entNewsPtn ul li {
    background: repeat-x;
    padding: 8px 0;
    margin: 0 0 1px 0 !important;
    list-style-type: none;
    clear: both;
  }

  .entNewsPtn li a.bullet {
    background: no-repeat 2px 4px;
    padding-left: 12px;
    display: block;
  }

  .entHeadline {
    background: repeat-x;
    width: 100%;
    padding: 12px 0;
    float: left;
  }

  .entHeadline a,
  .entHeadlineMain {
    font-weight: bold;
    font-size: 14px;
  }

  .entHeadline a img,
  .entHeadlineMain a img {
    float: left;
    border: 1px solid #fff;
  }

  .entHeadline a img {
    margin: 0 5px 0 0;
  }

  .entHeadline a:hover img,
  .entHeadlineMain a:hover img {
    border: 1px solid #ff9000;
  }

  .entHeadlineMain {
    float: left;
    padding: 0 0 10px;
    position: relative;
    width: 100%;
  }

  .entHeadlineMain h2 {
    position: absolute;
    top: 5px;
    left: -3px;
    width: auto;
    font-size: 10px;
    text-transform: uppercase;
    border: 1px solid #f8c0f8;
    padding: 2px 5px;
    background: #ffffff;
  }

  .entNewsPtn a.archiveLink {
    font-weight: bold;
  }

  .entNewsPtn ul li.break {}

  .entNewsPtn ul li.break a img {
    float: left;
    margin-right: 5px;
    border: 1px solid #e7e7e7;
  }

  .entNewsPtn ul li.break a:hover img {
    border: 1px solid #ff9000;
  }

  .entNewsPtn li.break {
    background: #e7e7e7;
    padding: 6px;
    font-weight: bold;
    float: left;
    border: 1px solid #666;
    margin-bottom: 8px;
  }

  /*End NEW entertainment news */

  /* Recommended links on homepage css - Lionel
-------------------------------------------------------------- */
  .featLks {
    width: 198px;
    border: 1px solid #dbe6b0;
  }

  .featLks a {
    text-decoration: none;
  }

  .featLks h2.hd {
    background: #f5fdd6;
  }

  .featLks ul {
    margin: 5px 4px;
  }

  .featLks li {
    margin: 4px 0 8px 0;
    padding: 0px;
  }

  .featLks li a {
    color: #262626 !important;
  }

  .featLks li a:hover {
    color: #70a703 !important;
  }

  /* facebook like links on  sections - Lionel
-------------------------------------------------------------- */

  /* CPC ADS - Lionel
-------------------------------------------------------------- */
  .memberAdsContainer {
    float: left;
    width: 160px;
    padding: 0;
    border: 1px solid #dbe6b0;
    border: none;
    margin: 0 0 10px;
  }

  .memberAdHeading {
    background: #999;
    padding: 4px;
    font-weight: bold;
    color: #ffffff;
  }

  .memberAdHeading a {
    font-weight: normal;
    float: right;
    color: #ffffff;
    font-size: 10px;
    text-decoration: underline;
  }

  .memberAdHeading a:hover {
    text-decoration: none;
  }

  .memberAd {
    border: 1px solid #d3d3d3;
    border-top: none;
    float: left;
    padding: 5px 4px 5px 4px;
    width: 150px;
    font-size: 11px;
  }

  .memberAdsContainer div.last {
    border: none;
  }

  .memberAd a {
    text-decoration: none;
    word-wrap: break-word;
  }

  .memberAd .title {
    font-weight: bold;
  }

  .memberAd .title a {
    color: #262626 !important;
  }

  .memberAd .title a:hover {
    text-decoration: underline;
    color: #7e961c;
  }

  .memberAd .info {
    color: #7d7d7d;
    font-style: italic;
    clear: left;
    float: left;
    margin: 2px 0 0;
  }

  .memberAd .info:hover {
    text-decoration: underline;
  }

  .adText {
    color: #262626;
    font-size: 10px;
  }

  .adText:hover {
    text-decoration: underline;
    color: #262626;
  }

  .memberAd a img {
    float: left;
    margin: 3px 5px 0 0;
    border: 1px solid #f2f2f2;
  }

  .memberAd a:hover img {
    border: 1px solid #000;
  }

  .memberAdsContainer ul {
    margin: 0;
    list-style-type: none;
  }

  .memberAdsContainer ul li {
    margin: 0;
  }

  .memberAdsContainer ul li a {
    float: left;
  }

  .scrollContainer {
    height: 467px;
    overflow: hidden;
    position: relative;
    background: #9a9a9a;
  }

  .memberAdsContainer h2 {
    font-weight: normal;
    font-size: 14px;
    text-align: center;
    margin: 0;
    line-height: 18px;
    background: #9a9a9a;
    padding: 5px 0;
  }

  .memberAdsContainer h2 a {
    color: #fff;
  }

  h2.hd {
    font-size: 13px;
    border-bottom: 1px solid #dbe6b0;
    font-weight: bold;
    color: #70a703;
    padding: 3px 3px 3px 4px;
    margin: 0 !important;
  }

  /* search form on the different section of the portal*/

  .portalSearch {
    width: 593px;
    padding: 10px 0 10px 10px;
    float: left;
    background: #f2f2f2;
    border: 1px solid #ebebeb;
    margin: 0 0 15px;
    font-size: 12px;
  }

  .portalSearch ul {
    list-style-type: none;
    width: 100%;
    float: left;
  }

  .portalSearch li {
    margin: 0px;
    float: left;
    margin: 0 10px 0 0;
  }

  .portalSearch label {
    margin: 0;
    width: auto;
    font-weight: normal;
    clear: none;
  }

  .portalSearch li label {
    padding: 4px 5px 0 0;
  }

  .portalSearch li input {
    font-size: 13px;
    padding: 0 3px;
  }

  .portalSearch select {
    height: 20px;
    margin: 0 0 0 0;
    padding: 1px;
  }

  .portalSearch option {
    padding: 3px 5px;
  }

  .portalSearch li input,
  .portalSearch select {
    font-size: 13px;
    color: #747272;
    height: 22px;
    border: 1px solid #b6b5b5;
  }

  .portalSearch li input {
    height: 20px;
  }

  .srhBtnDiv {
    width: 583px;
    width: 100%;
    float: left;
  }

  .srhBtn {
    border: 1px solid #5a3307;
    background: #9e7241;
    float: right;
    color: #ffffff;
    font-size: 11px;
    padding: 1px 9px;
    margin: 0 12px 0 0;
  }

  .chkTit {
    float: left;
    margin: 2px 0 0 53px;
  }

  .srhBtnDiv label {
    padding: 2px 0 0 5px;
    font-size: 11px;
  }

  /*
classifieds search
*/
  .srhClassifieds input,
  .srhClassifieds select {
    width: 235px;
  }

  /*
hotels search
*/
  .srhhotels input {
    width: 168px;
  }

  .srhhotels select {
    width: 125px;
  }

  /* additional style for home page to display election banner, main - Lionel
-------------------------------------------------------------- */
  #top-stories dl.topstory {
    width: 330px;
  }

  #top-stories dl.topstory dd {
    widows: 313px;
    height: 14px;
    overflow: hidden;
  }

  #ghElections-button {
    position: absolute;
    right: 20px;
    top: 175px;
    width: 90px;
    height: 35px;
    overflow: hidden;
    text-indent: -9999px;
    background: no-repeat;
  }

  /* Style for Election 2012 results on homepage - Lionel
-------------------------------------------------------------- */
  .canListHome {
    float: left;
    width: 740px;
  }

  .canListHome h1,
  .canListHome h2 {
    font-size: 14px;
    margin-bottom: 3px;
  }

  .canListHome .canWrapper {
    background: none repeat scroll 0 0 #808080;
    float: left;
    margin-bottom: 1px;
    padding: 9px 2px 10px 10px;
    width: 729px;
  }

  .canListHome .can {
    background: none repeat scroll 0 0 #fff;
    height: 126px;
    margin: 0 6px 0 0;
    padding: 4px 5px;
    position: relative;
    width: 75px;
    float: left;
  }

  .canListHome .embImg {
    margin-left: 0;
    margin-right: 5px;
    margin-top: 0;
    width: 20px;
    float: left;
  }

  .canListHome .parDet h5 {
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin: 1px 3px 2px 0;
  }

  .canListHome .canImg {
    border: 1px solid #000;
    margin: 1px 0;
    width: 73px;
  }

  .canListHome span.canName {
    display: inline-block;
    font-size: 11px;
    padding: 0 2px;
    text-align: center;
    width: 71px;
  }

  .canResults2 {
    color: #262626;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 150%;
    margin-bottom: 1px;
    vertical-align: top;
  }

  .canResults2 th {
    background: none repeat scroll 0 0 #808080;
    color: #fff;
    font-size: 12px;
    padding: 3px 15px;
    text-align: center;
    text-transform: uppercase;
  }

  .canResults2 th,
  .canResults2 tr td {
    border-bottom: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
  }

  .canResults2 tr td {
    border-left: medium none;
    border-top: medium none;
    padding: 3px;
    vertical-align: top;
    text-align: center;
  }

  .legend {
    clear: left;
    width: 100%;
    position: relative;
    padding: 2px 0;
  }

  .legend span {
    display: inline-block;
    padding: 2px 5px;
    margin-right: 1px;
    font-weight: bold;
  }

  .legend a {
    position: absolute;
    right: 0;
    color: #2a74ae;
    text-decoration: underline;
    font-weight: bold;
  }

  .legend a:hover {
    color: #262626;
    text-decoration: none;
  }

  .canListHome .winner,
  .legend span {
    background: #faef6e;
  }

  /* additional style for Newsarchive - Lionel
-------------------------------------------------------------- */
  #daysOpinions dt {
    background: #fca615;
    color: #000;
  }

  /* additional style for business default - Lionel
-------------------------------------------------------------- */
  #center-column .bizHome {
    width: 610px;
  }

  #center-column .bizHome .column1 {
    width: 300px !important;
    padding: 2px 10px 2px 0px;
  }

  #center-column .bizHome .column2 {
    width: 300px !important;
    padding: 2px 0;
  }

  .bizHome .highlighted-item h3 {
    width: 164px;
  }

  /* blog list style on main news page - Lionel
-------------------------------------------------------------- */
  .blogLinks {
    float: left;
    margin: 0 18px 15px 0;
    width: 160px;
    clear: left;
  }

  .blogLinks div {
    margin: 0 0 15px 0;
    float: left;
    line-height: 130%;
  }

  .blogLinks h5 {
    clear: both;
    border: 1px solid #666666;
    background: #d1d1d1;
    border-top: none;
    padding: 2px 6px;
    width: 146px;
    color: #666666;
    font-weight: normal;
    font-size: 10px;
  }

  .blogLinks h5 a {
    font-weight: bold;
  }

  .blogLinks div.blg_country h5 {
    border-color: #947f68;
    background: #c7ab8c;
  }

  .blogLinks div.blg_opinions h5 {
    border-color: #e8b20b;
    background: #fff284;
  }

  .blogLinks div.blg_entertainment h5 {
    border-color: #330d3c;
    background: #ffe7ff;
  }

  .blogLinks div.blg_business h5 {
    border-color: #3ccaff;
    background: #e0f3ff;
  }

  .blogLinks .doc,
  .blogLinks .ok,
  .blogLinks .vero,
  .blogLinks .bex,
  .blogLinks .sam,
  .blogLinks .kojo {
    display: block;
    width: 160px;
    height: 83px;
    background: 0 0;
  }

  .blogLinks .ok {
    background-position: 0 -83px;
  }

  .blogLinks .vero {
    background-position: 0 -166px;
  }

  .blogLinks .bex {
    background-position: 0 -249px;
  }

  .blogLinks .sam {
    background-position: 0 -332px;
  }

  .blogLinks .kojo {
    background-position: 0 -415px;
  }

  /* new layout for photo archive/reports - Lionel
-------------------------------------------------------------- */

  .photoArchive {}

  .photoArchive td {
    width: 25%;
    vertical-align: middle;
  }

  .photoArchive tr.caption td {
    vertical-align: top;
    text-align: center;
  }

  .photoArchive img {
    width: 100%;
    height: auto;
  }

  /* additional style for photo archive/reports
-------------------------------------------------------------- */
  .overButton {
    font-size: 20px;
    font-weight: bold;

    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #ffffff;
    width: 30px;
    height: 29px;
    line-height: 29px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid;
    margin: 0 0 5px;
  }

  .gallery_nav td a:hover {
    text-decoration: none !important;
  }

  .gallery_nav {
    width: 100%;
    float: left;
    margin-top: -8px;
  }

  .prevPhoto {
    left: 5px;
  }

  .nextPhoto {
    right: 5px;
  }

  .photoArchive:hover .overButton {
    display: block;
  }

  .gridwrapper {
    line-height: 1.5;
    -webkit-column-count: 3;
    -webkit-column-gap: 0;
    -moz-column-count: 3;
    -moz-column-gap: 0;
    column-count: 3;
    column-gap: 0;
    clear: both;
  }

  #share {
    visibility: visible !important;
  }

  /* additional style for trending article flames
-------------------------------------------------------------- */

  .speechIcon {
    color: #ffffff;
    font-size: 10px;
    font-weight: normal;
    height: 22px;
    line-height: 22px !important;
    text-align: center;
    width: 27px !important;
    font-family: Tahoma, Geneva, sans-serif;
    overflow: hidden;
  }

  .speechIcon {
    background: no-repeat;
    background-position: 100% 2px;
    margin-left: 3px !important;
  }

  .speechIcon sup {
    font-size: 7px;
  }

  .graySpeechIcon,
  .yellowSpeechIcon,
  .orangeSpeechIcon,
  .redSpeechIcon {
    background: no-repeat;
    background-position: 100% -17px;
    width: 13px !important;
    height: 18px !important;
    margin: -1px 0 0 0 !important;
  }

  .yellowSpeechIcon {
    background-position: 100% -34px;
    color: #262626;
  }

  .orangeSpeechIcon {
    background-position: 100% 0;
    color: #262626;
  }

  .redSpeechIcon {
    background-position: 100% -52px;
  }

  div.twoColumn div.column1 .topstory dd {
    width: 179px;
  }

  /* additional style for outbrain widget
-------------------------------------------------------------- */
  .AR_3 ul,
  .AR_3 ul li {
    margin-left: 0;
  }

  .AR_3 ul {
    padding-right: 5px;
  }

  .AR_3 .rec-link {
    color: #262626 !important;
    font-size: 14px !important;
    font-weight: bold;
    line-height: 1.4em;
  }

  .AR_3 .ob_dual_left,
  .AR_3 .ob_dual_right {
    float: left;

    width: 295px !important;
  }

  .AR_3 .ob_dual_left,
  #outbrain_widget_0 .ob_dual_left {
    padding-right: 12px !important;
  }

  .chimney-home {
    float: left;
    overflow: hidden;
    width: 200px;
    margin: 0 0 20px;
  }

  #thelogo img {
    width: auto;
    height: 64px;
  }

  ul#mainnavinner .current {
    border-color: #000;
  }

  /**** end standard width style ****/

  /*-------------------------------------------------------------------------------------------------------------------------------*/

  #wall_side {
    background: #e7e7e7;
  }

  #wall_side article.wall_grid_item {
    width: 145px;
    height: 160px;
    border-radius: 3px;
    overflow: hidden;
    float: left;
    margin: 0 10px 10px 0;
    background-size: cover;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    transition: all 0.5s ease 0s;
    position: relative;
  }

  #wall_side .with-image:hover {
    background-size: cover !important;
  }

  #wall_side .with-image .title {
    background: rgba(255, 255, 255, 0.8);
    width: 104px;
    position: absolute;
    bottom: 0px;
    padding: 5px;
    margin: auto;
    border: solid 1px white;
    transition: all 0.5s;
  }

  #wall_side .with-image:hover .title {
    background: #fff;
  }

  #wall_side .with-image .title h2 {
    width: 100%;
    max-height: 77px;
    font-size: 13px;
    color: #4c4c4c;
    margin: 0;
  }

  #wall_side .with-image span.author {
    color: #4c4c4c;
  }

  #wall_side .with-image .info {
    width: 116px;
    /*height: 185px;*/
  }

  #wall_side .with-image .item_top .image {
    width: 146px;
    height: 160px;
    margin-bottom: 5px;
    overflow: hidden;
  }

  #wall_side .classifieds.with-image .item_top .image {
    width: 136px;
    height: 110px;
    margin-bottom: 5px;
    overflow: hidden;
  }

  #wall_side .with-image .item_bottom {
    display: none;
  }

  #wall_side .wall_grid_item:nth-child(2n + 0) {
    margin-right: 0;
  }

  #wall_side .item_top {
    width: 100%;
    height: 88%;
    border-bottom: solid 1px #efefef;
    /*position: relative;*/
  }

  #wall_side .item_top .image img {
    width: 100%;
  }

  /*---------------------------------------------------*/

  #wall_side .opinion {
    background: #fff9e8;
  }

  #wall_side .opinion:hover {
    background: #fdf3d7;
  }

  #wall_side .opinion.with-image {
    background: #fff;
  }

  #wall_side .opinion.with-image:hover {
    background: #fff;
  }

  #wall_side .opinion .section {
    background: #fdecb8;
    border-left: solid 2px #ffc100;
  }

  #wall_side .opinion:hover .section {
    background: #ffc100;
  }

  /*---------------------------------------------------*/

  #wall_side .discussion {
    background: #ffe8e8;
  }

  #wall_side .discussion:hover {
    background: #fdd7d7;
  }

  #wall_side .discussion.with-image {
    background: #fff;
  }

  #wall_side .discussion.with-image:hover {
    background: #fff;
  }

  #wall_side .discussion .section {
    background: #fdb8b8;
    border-left: solid 2px #ff0000;
  }

  #wall_side .discussion:hover .section {
    background: #ff0000;
  }

  /*---------------------------------------------------*/

  #wall_side .sayitloud {
    background: #e8ffee;
  }

  #wall_side .sayitloud:hover {
    background: #d0f7d6;
  }

  #wall_side .sayitloud.with-image {
    background: #fff;
  }

  #wall_side .sayitloud.with-image:hover {
    background: #fff;
  }

  #wall_side .sayitloud .section {
    background: #b8fdc7;
    border-left: solid 2px #2c9419;
  }

  #wall_side .sayitloud:hover .section {
    background: #2c9419;
  }

  /*---------------------------------------------------*/

  #wall_side .dating {
    background: #ffe8fa;
  }

  #wall_side .dating:hover {
    background: #f3d5ed;
  }

  #wall_side .dating.with-image {
    background: #fff;
  }

  #wall_side .dating.with-image:hover {
    background: #fff;
  }

  #wall_side .dating .section {
    background: #ffdffa;
    border-left: solid 2px #ea5dd7;
  }

  #wall_side .dating:hover .section {
    background: #ea5dd7;
  }

  /*---------------------------------------------------*/

  #wall_side .funeral {
    background: #f6f6f6;
  }

  #wall_side .funeral:hover {
    background: #e5e4e4;
  }

  #wall_side .funeral.with-image {
    background: #fff;
  }

  #wall_side .funeral.with-image:hover {
    background: #fff;
  }

  #wall_side .funeral .section {
    background: #e0e0e0;
    border-left: solid 2px #595959;
  }

  #wall_side .funeral:hover .section {
    background: #595959;
  }

  /*---------------------------------------------------*/

  #wall_side .religion {
    background: #f6f6f6;
  }

  #wall_side .religion:hover {
    background: #e5e4e4;
  }

  #wall_side .religion.with-image:hover {
    background: #fff;
  }

  #wall_side .religion .section {
    background: #e0e0e0;
    border-left: solid 2px #595959;
  }

  #wall_side .religion:hover .section {
    background: #595959;
  }

  /*---------------------------------------------------*/

  #wall_side .classifieds {
    background: #f6f6f6;
  }

  #wall_side .classifieds:hover {
    background: #e5e4e4;
  }

  #wall_side .classifieds.with-image {
    background: #fff;
  }

  #wall_side .classifieds.with-image:hover {
    background: #fff;
  }

  #wall_side .classifieds .section {
    background: #e0e0e0;
    border-left: solid 2px #595959;
  }

  #wall_side .classifieds:hover .section {
    background: #595959;
  }

  /*---------------------------------------------------*/

  #wall_side .cpc {
    background: #93abb7;
  }

  #wall_side .cpc .info {
    height: 141px;
    position: initial;
  }

  #wall_side .cpc .section {
    background: #d5e7f1;
    color: #000 !important;
    /* border-left: solid 2px #ff0000; */
  }

  #wall_side .cpc ul {
    list-style-type: none;
    padding: 0;
    margin: 25px 0 0;
  }

  #wall_side .cpc li {
    /* width: 100%; */
    height: 44px;
    padding: 6px 6px;
    margin: 0 0 5px 0;
    background: #d5e7f1;
  }

  #wall_side .cpc li img {
    display: none;
  }

  #wall_side .cpc li:nth-child(1) {
    /*border-bottom: solid 1px white;*/
  }

  #wall_side .cpc li:hover {
    background: #bdedfb;
  }

  #wall_side .cpc li p {
    width: 100%;
    height: 45px;
    float: right;
    font-size: 11px;
    line-height: 12px;
    overflow: hidden;
    margin: 0;
  }

  #wall_side .cpc li p span {
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    margin-bottom: 5px;
    display: inline-block;
  }

  /*---------------------------------------------------*/

  #wall_side .info {
    width: 115px;
    height: 120px;
    bottom: 20px;
    position: absolute;
    padding: 10px;
  }

  #wall_side .item_top p {
    /*  padding: 10px;
    bottom: 5px;
    position: absolute;*/
  }

  #wall_side article.wall_grid_item:hover .section {
    color: #fff;
  }

  #wall_side .item_top .section,
  #wall_side .cpc .section {
    padding: 2px 5px 2px 4px;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 400;
    color: #000;
    transition: 0.3s;
    position: absolute;
    left: 10px;
    /*bottom: 175px;*/
    margin-top: 10px;
  }

  #wall_side .item_top .image {
    width: 14137px5px;
    height: 160px;
    margin-bottom: 5px;
    overflow: hidden;
  }

  #wall_side .title {
    width: 115px;
    position: absolute;
    bottom: 10px;
    padding: 0;
  }

  #wall_side .title h2 {
    width: 100%;
    max-height: 61px;
    font-size: 13px;
    font-weight: bold;
    line-height: 15px;
    color: #5a5a5a;
    margin: 5px 0;
    display: inline-block;
    overflow: hidden;
  }

  #wall_side span.author {
    color: #9e9e9e;
    font-size: 11px;
  }

  #wall_side .item_bottom {
    width: 87%;
    background: #f3f3f3;
    padding: 5px 10px 6px;
    font-size: 11px;
    color: #9e9e9e;
    border-top: 1px solid #eaeaea;
    position: absolute;
    bottom: 0;
  }

  #wall_side span.date {
    width: 80px;
    /*display: inline-block;*/
    text-align: center;
  }

  #wall_side span.comment {
    float: right;
    display: none;
  }

  #wall_side .wall_grid_item a:hover span.date,
  #wall_side .opinion a:hover span.date {
    /*color: black !important;*/
  }

  /*TONATON WIDGETS NEW*/

  #tonaton_widget_main {
    width: 290px;
    height: auto;
    margin: 0 !important;
    background: #009877;
    overflow: hidden;
    padding: 5px;
  }

  #tonaton_widget_main .head {
    width: auto;
    height: 30px;
    padding: 5px 0 5px;
    border-radius: 3px;
    background: transparent;
  }

  a.s {
    display: inline-block;
    width: 100% !important;
  }

  #tonaton_widget_main .head .title {
    width: auto;
    margin: 0;
    font-size: 20px;
    color: #fff;
    float: left;
    padding: 5px 3px;
    font-weight: normal;
  }

  #tonaton_widget_main .head span {
    width: auto;
    float: right;
  }

  #tonaton_widget_main .head span img {
    width: 90px;
  }

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

  #tonaton_widget_main .post_btn {
    display: inline-block;
    padding: 6px 5px 0 2px;
    width: auto;
    background: #009877;
    margin-bottom: 10px;
  }

  #tonaton_widget_main .doorstep {
    display: inline-block;
    padding: 0px 5px 0 2px;
    width: auto;
    background: #009877;
  }

  .door_delivery {
    width: 200px;
    display: inline-block;
    float: left;
  }

  .door_delivery .shield {
    width: 30px;
    height: 40px;
    display: inline-block;
    float: left;
    margin: 3px 5px 0 0;
  }

  .door_delivery .text {
    width: 150px;
    height: auto;
    display: inline-block;
    float: left;
  }

  .door_delivery .text .title {
    font-size: 15px;
    font-weight: bold;
    margin: 0;
  }

  .door_delivery .text .desc {
    font-size: 12px;
    margin: 0;
  }

  #tonaton_widget_main ul {
    width: auto;
    display: inline-block;
    padding: 0;
    list-style-type: none;
  }

  #tonaton_widget_main .category_name {
    font-size: 13px !important;
    color: #ffffff;
    font-weight: initial;
    margin: 0;
    padding: 0 !important;
  }

  #tonaton_widget_main .lead_category ul a:last-child li {
    margin-right: 0;
  }

  #tonaton_widget_main .lead_category ul a li {
    width: 23.6%;
    padding: 2px;
    background: transparent;
    margin: 0;
    position: relative;
  }

  #tonaton_widget_main .lead_category ul a li:hover {
    background: transparent;
  }

  #tonaton_widget_main span.qty {
    font-size: 10px;
    font-weight: 400;
    color: #727272;
    bottom: 13px;
    position: absolute;
    display: block;
    width: 100%;
  }

  #tonaton_widget_main .lead_category ul li .image {
    width: auto;
    height: auto;
    margin: auto;
  }

  #tonaton_widget_main .lead_category ul li .image img {
    width: 100%;
  }

  #tonaton_widget_main .lead_category ul a li {
    float: left;
    text-align: center;
  }

  li.electronics {
    background-size: contain;
  }

  #tonaton_widget_main img {
    width: 100%;
  }

  /*END OF TONATON WIDGETS*/

  #side_video_wrap {
    width: 268px;
    height: auto;
    background: #ebebeb;
    border: solid 1px #cccccc;
    padding: 15px;
  }

  #side_video_wrap .title {
    margin: 0 0 15px;
    position: initial;
    width: 100%;
  }

  #side_video_wrap ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
  }

  #side_video_wrap ul li:nth-child(2n + 0) {
    margin-right: 0;
  }

  #side_video_wrap ul li {
    float: left;
    width: 126px;
    margin: 0 15px 15px 0;
    height: auto;
  }

  #side_video_wrap ul li .image {
    overflow: hidden;
    height: 65px;
    background: #ccc;
  }

  /*.play-icon {
    background: url(https://cdn.ghanaweb.com/design/play-icon2.png) no-repeat 50% 0;
    position: absolute;
    background-color: #e40000;
    background-size: 25px;
    left: 0;
    width: 20px;
    height: 16px;
    text-indent: -9999px;
    opacity: 0.8;
    padding: 2px 5px 2px 5px;
    font-size: 10px;
}*/

  #side_video_wrap ul li .image img {
    width: 100%;
  }

  #side_video_wrap ul li .info {
    width: 126px;
    height: 35px;
    padding: 5px 0 0;
    overflow: hidden;
    position: inherit;
  }

  #side_video_wrap ul li .info p {
    height: 32px;
    font-size: 12px;
    line-height: 1.4em;
    margin: 0;
    overflow: hidden;
  }

  .ui-datepicker table tr th {
    background-color: transparent !important;
  }

  /*POPUP STYLE*/

  .popup_btn {
    display: inline-block;
    padding: 2px 15px;
    border: 2px solid #0074ba;
    border-radius: 5px;
    transition: background 0.3s;
    text-decoration: none;
    color: #000;
  }

  .btn:hover {
    background: #00898e;
  }

  .popup {
    position: fixed;
    padding: 50px 30px;
    max-width: 500px;
    border-radius: 10px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    visibility: hidden;
    opacity: 0;
    display: none;
    /* "delay" the visibility transition */
    -webkit-transition: opacity 0.5s, visibility 0s linear 0.5s;
    transition: opacity 0.5s, visibility 0s linear 0.5s;
    z-index: 1;
    text-align: center;
  }

  .popup:target {
    visibility: visible;
    opacity: 1;
    display: block;
    /* cancel visibility transition delay */
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
  }

  .popup-close {
    position: absolute;
    padding: 10px;
    max-width: 500px;
    border-radius: 10px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(255, 255, 255, 0.9);
  }

  .popup .close {
    position: absolute;
    right: 5px;
    top: 5px;
    padding: 10px;
    color: #000;
    transition: color 0.3s;
    font-size: 2em;
    line-height: 0.6em;
    font-weight: bold;
    text-decoration: none;
  }

  .popup .close:hover {
    color: #ff0000;
  }

  img.newsletter_img {
    width: 40%;
  }

  .popup h2 {
    font-size: 30px;
    color: #000;
  }

  .close-popup {
    background: rgba(0, 0, 0, 0.7);
    cursor: default;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    /* "delay" the visibility transition */
    -webkit-transition: opacity 0.5s, visibility 0s linear 0.5s;
    transition: opacity 0.5s, visibility 0s linear 0.5s;
  }

  .popup:target+.close-popup {
    opacity: 1;
    visibility: visible;
    /* cancel visibility transition delay */
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
  }

  .popup form {
    margin: 20px 0 0;
  }

  .popup .newsletter_input {
    width: 60%;
    background: #fff;
    padding: 10px;
    border-radius: 3px;
    border: solid 2px #e2e2e2;
  }

  .popup .newsletter_btn {
    background: #70a703;
    padding: 12px 30px;
    border-radius: 3px;
    cursor: pointer;
    color: #fff;
    border: 0;
  }

  .popup .newsletter_btn:hover {
    background: #596d01;
  }

  .appreciate {
    width: 90%;
    margin: auto;
  }

  .popup .thanks_text {
    background: #e6fb8a;
    padding: 13px 30px;
    /* border: solid 1px #e6fb8a; */
    border-radius: 5px;
  }

  .popup .tosite {
    text-decoration: none;
    color: #000;
  }

  /*END OF POPUP STYLE*/

  /* New tonaton homepage */

  /*TONATON WIDGET*/

  #tonaton_widget_wide {
    width: 880px;
    height: 180px;
    margin: 0 !important;
    background: #009877;
    overflow: hidden;
    padding: 10px;
  }

  #tonaton_widget_wide .head {
    width: 220px;
    height: auto;
    float: left;
    text-align: right;
  }

  a.s {
    display: inline-block;
  }

  #tonaton_widget_wide .head .title {
    width: auto;
    margin: 0;
    color: #fff;
    padding: 5px 0;
    font-size: 42px;
    font-weight: normal;
  }

  #tonaton_widget_wide .head span {
    width: 150px;
    display: inline-block;
  }

  #tonaton_widget_wide .head span img {
    width: 100%;
  }

  #tonaton_widget_wide .lead_category {
    display: inline-block;
    width: 640px;
    float: left;
    margin-left: 5px;
  }

  #tonaton_widget_wide .post_btn {
    display: inline-block;
    width: auto;
    background: #009877;
    margin: 10px 0 0;
  }

  .door_delivery .shield {
    width: 30px;
    height: 40px;
    display: inline-block;
    float: left;
    margin: 3px 5px 0 0;
  }

  #tonaton_widget_wide ul {
    width: auto;
    display: inline-block;
    padding: 0;
    list-style-type: none;
  }

  #tonaton_widget_wide .lead_category ul li {
    width: 108px;
    padding: 0 4px;
    background: transparent;
    margin: 0;
    position: relative;
    float: left;
  }

  #tonaton_widget_wide .post_btn a {
    display: inline-block;
  }

  /* end of tonaton homepage */
  /* Country */
  .reference .menuheading {
    background-color: #9e7241;
  }

  .reference #leftsection ul li a {
    background-color: #c7ab8c;
    color: #fff !important;
  }

  .reference #accessmenu,
  .reference #adsense_top,
  header#news.reference,
  .reference #footer,
  .reference ul#footerinner li a {
    background-color: #c7ab8c;
  }

  .business #accessmenu,
  .business #adsense_top,
  header.business,
  .business #footer,
  .business ul#footerinner li a,
  .business .menuheading {
    background-color: #02aae9 !important;
  }

  /*End of Country*/

  /*Africa*/
  header#news.africa,
  .africa #footer,
  header#news.bbc,
  .bbc #footer {
    background-color: #ffbc0a;
  }

  .africa .menuheading,
  .bbc .menuheading {
    background-color: #ffbc0a;
    color: #fff;
  }

  .world #footer,
  .world ul#footerinner li a {
    background-color: var(--Worldpagebg-color);
  }

  .twi_news {
    width: 100%;
    display: inline-block;
    float: left;
    text-align: center;
    margin: 0 0 2px 0;
  }

  .twi_news a {
    font-size: 13px;
    color: #ffffff !important;
    margin: 1px 0 2px 0;
    display: block;
    background: #70a703;
    padding: 5px 8px 5px 25px;
    border-radius: 4px;
  }

  .twi_news a:before {
    content: "";

    background-repeat: no-repeat;
    width: 22px;
    height: 20px;
    display: inline-block;
    float: left;
    position: absolute;
    margin: -2px 0 0 -24px;
  }

  .twi-video-overlay {
    background: #000;
    width: 52%;
    height: 100%;
    position: absolute;
    left: 48%;
    opacity: 0.65;
    top: 0;
  }

  .twi-video-overlay-text {
    position: absolute;
    left: 48%;
    color: #ccc;
    font-weight: bold;
    width: 52%;
    text-align: center;
    font-size: 15px;
    line-height: 1.2;
    top: 60%;
    transform: translate(0%, -50%);
  }

  .twi-video-overlay-text .twi_news {
    width: 40px;
    height: 40px;
    float: none;
  }

  .twi-video-image-container {
    position: relative;
  }

  .twi-play-button {
    width: 40px;
    display: block;
    margin: 0 auto 10px auto;
  }

  .twi-play-button .play-btn__svg {
    fill: #ccc;
  }

  div.article-image {
    margin-bottom: 10px;
  }

  div.article-image a {
    float: none;
    position: unset;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1440px) {
  #pagecontainer {
    margin: 36px auto 0 !important;
  }
}

@media screen and (min-width: 1441px) {
  #pagecontainer {
    margin: 36px auto 0 !important;
  }
}

@-webkit-keyframes mui-auto-fill {
  from {
    display: block;
  }
}

@keyframes mui-auto-fill {
  from {
    display: block;
  }
}

@-webkit-keyframes mui-auto-fill-cancel {
  from {
    display: block;
  }
}

@keyframes mui-auto-fill-cancel {
  from {
    display: block;
  }
}

@media (max-width: 1023px) {
  .css-ulzmii {
    display: none !important;
  }

  .MuiGrid-root.css-15j76c0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .css-1qgn6nd {
    margin-bottom: 0 !important;
  }

  .css-mmqk69 {
    padding-left: 56px !important;
  }

  .css-34ji4n {
    padding-left: 75px;
  }
}

@media (min-width: 1024px) {
  .css-1emm2fy {
    display: none !important;
  }
}

@font-face {
  font-family: __Roboto_f911a0;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(../index/74c003a2abab0c4f-s.woff2) format("woff2");
  unicode-range: U+0460-052f, U+1c80-1c8a, U+20b4, U+2de0-2dff, U+a640-a69f,
    U+fe2e-fe2f;
}

@font-face {
  font-family: __Roboto_f911a0;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(../index/24c15609eaa28576-s.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116;
}

@font-face {
  font-family: __Roboto_f911a0;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(../index/84602850c8fd81c3-s.woff2) format("woff2");
  unicode-range: U+1f??;
}

@font-face {
  font-family: __Roboto_f911a0;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(../index/90da053edc2b7de3-s.woff2) format("woff2");
  unicode-range: U+0370-0377, U+037a-037f, U+0384-038a, U+038c, U+038e-03a1,
    U+03a3-03ff;
}

@font-face {
  font-family: __Roboto_f911a0;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(../index/ac3b7908202f8517-s.woff2) format("woff2");
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315,
    U+031a, U+0326-0327, U+032c, U+032f-0330, U+0332-0333, U+0338, U+033a,
    U+0346, U+034d, U+0391-03a1, U+03a3-03a9, U+03b1-03c9, U+03d1, U+03d5-03d6,
    U+03f0-03f1, U+03f4-03f5, U+2016-2017, U+2034-2038, U+203c, U+2040, U+2043,
    U+2047, U+2050, U+2057, U+205f, U+2070-2071, U+2074-208e, U+2090-209c,
    U+20d0-20dc, U+20e1, U+20e5-20ef, U+2100-2112, U+2114-2115, U+2117-2121,
    U+2123-214f, U+2190, U+2192, U+2194-21ae, U+21b0-21e5, U+21f1-21f2,
    U+21f4-2211, U+2213-2214, U+2216-22ff, U+2308-230b, U+2310, U+2319,
    U+231c-2321, U+2336-237a, U+237c, U+2395, U+239b-23b7, U+23d0, U+23dc-23e1,
    U+2474-2475, U+25af, U+25b3, U+25b7, U+25bd, U+25c1, U+25ca, U+25cc, U+25fb,
    U+266d-266f, U+27c0-27ff, U+2900-2aff, U+2b0e-2b11, U+2b30-2b4c, U+2bfe,
    U+3030, U+ff5b, U+ff5d, U+1d400-1d7ff, U+1ee??;
}

@font-face {
  font-family: __Roboto_f911a0;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(../index/627d916fd739a539-s.woff2) format("woff2");
  unicode-range: U+0001-000c, U+000e-001f, U+007f-009f, U+20dd-20e0, U+20e2-20e4,
    U+2150-218f, U+2190, U+2192, U+2194-2199, U+21af, U+21e6-21f0, U+21f3,
    U+2218-2219, U+2299, U+22c4-22c6, U+2300-243f, U+2440-244a, U+2460-24ff,
    U+25a0-27bf, U+28??, U+2921-2922, U+2981, U+29bf, U+29eb, U+2b??,
    U+4dc0-4dff, U+fff9-fffb, U+10140-1018e, U+10190-1019c, U+101a0,
    U+101d0-101fd, U+102e0-102fb, U+10e60-10e7e, U+1d2c0-1d2d3, U+1d2e0-1d37f,
    U+1f0??, U+1f100-1f1ad, U+1f1e6-1f1ff, U+1f30d-1f30f, U+1f315, U+1f31c,
    U+1f31e, U+1f320-1f32c, U+1f336, U+1f378, U+1f37d, U+1f382, U+1f393-1f39f,
    U+1f3a7-1f3a8, U+1f3ac-1f3af, U+1f3c2, U+1f3c4-1f3c6, U+1f3ca-1f3ce,
    U+1f3d4-1f3e0, U+1f3ed, U+1f3f1-1f3f3, U+1f3f5-1f3f7, U+1f408, U+1f415,
    U+1f41f, U+1f426, U+1f43f, U+1f441-1f442, U+1f444, U+1f446-1f449,
    U+1f44c-1f44e, U+1f453, U+1f46a, U+1f47d, U+1f4a3, U+1f4b0, U+1f4b3, U+1f4b9,
    U+1f4bb, U+1f4bf, U+1f4c8-1f4cb, U+1f4d6, U+1f4da, U+1f4df, U+1f4e3-1f4e6,
    U+1f4ea-1f4ed, U+1f4f7, U+1f4f9-1f4fb, U+1f4fd-1f4fe, U+1f503, U+1f507-1f50b,
    U+1f50d, U+1f512-1f513, U+1f53e-1f54a, U+1f54f-1f5fa, U+1f610, U+1f650-1f67f,
    U+1f687, U+1f68d, U+1f691, U+1f694, U+1f698, U+1f6ad, U+1f6b2, U+1f6b9-1f6ba,
    U+1f6bc, U+1f6c6-1f6cf, U+1f6d3-1f6d7, U+1f6e0-1f6ea, U+1f6f0-1f6f3,
    U+1f6f7-1f6fc, U+1f7??, U+1f800-1f80b, U+1f810-1f847, U+1f850-1f859,
    U+1f860-1f887, U+1f890-1f8ad, U+1f8b0-1f8bb, U+1f8c0-1f8c1, U+1f900-1f90b,
    U+1f93b, U+1f946, U+1f984, U+1f996, U+1f9e9, U+1fa00-1fa6f, U+1fa70-1fa7c,
    U+1fa80-1fa89, U+1fa8f-1fac6, U+1face-1fadc, U+1fadf-1fae9, U+1faf0-1faf8,
    U+1fb??;
}

@font-face {
  font-family: __Roboto_f911a0;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(../index/b5ee789b512e4d1b-s.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01a0-01a1,
    U+01af-01b0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
    U+1ea0-1ef9, U+20ab;
}

@font-face {
  font-family: __Roboto_f911a0;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(../index/2c07349e02a7b712-s.woff2) format("woff2");
  unicode-range: U+0100-02ba, U+02bd-02c5, U+02c7-02cc, U+02ce-02d7, U+02dd-02ff,
    U+0304, U+0308, U+0329, U+1d00-1dbf, U+1e00-1e9f, U+1ef2-1eff, U+2020,
    U+20a0-20ab, U+20ad-20c0, U+2113, U+2c60-2c7f, U+a720-a7ff;
}

@font-face {
  font-family: __Roboto_f911a0;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(../index/47cbc4e2adbc5db9-s.p.woff2) format("woff2");
  unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,
    U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+20ac, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+feff, U+fffd;
}

@font-face {
  font-family: __Roboto_f911a0;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(../index/74c003a2abab0c4f-s.woff2) format("woff2");
  unicode-range: U+0460-052f, U+1c80-1c8a, U+20b4, U+2de0-2dff, U+a640-a69f,
    U+fe2e-fe2f;
}

@font-face {
  font-family: __Roboto_f911a0;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(../index/24c15609eaa28576-s.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116;
}

@font-face {
  font-family: __Roboto_f911a0;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(../index/84602850c8fd81c3-s.woff2) format("woff2");
  unicode-range: U+1f??;
}

@font-face {
  font-family: __Roboto_f911a0;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(../index/90da053edc2b7de3-s.woff2) format("woff2");
  unicode-range: U+0370-0377, U+037a-037f, U+0384-038a, U+038c, U+038e-03a1,
    U+03a3-03ff;
}

@font-face {
  font-family: __Roboto_f911a0;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(../index/ac3b7908202f8517-s.woff2) format("woff2");
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315,
    U+031a, U+0326-0327, U+032c, U+032f-0330, U+0332-0333, U+0338, U+033a,
    U+0346, U+034d, U+0391-03a1, U+03a3-03a9, U+03b1-03c9, U+03d1, U+03d5-03d6,
    U+03f0-03f1, U+03f4-03f5, U+2016-2017, U+2034-2038, U+203c, U+2040, U+2043,
    U+2047, U+2050, U+2057, U+205f, U+2070-2071, U+2074-208e, U+2090-209c,
    U+20d0-20dc, U+20e1, U+20e5-20ef, U+2100-2112, U+2114-2115, U+2117-2121,
    U+2123-214f, U+2190, U+2192, U+2194-21ae, U+21b0-21e5, U+21f1-21f2,
    U+21f4-2211, U+2213-2214, U+2216-22ff, U+2308-230b, U+2310, U+2319,
    U+231c-2321, U+2336-237a, U+237c, U+2395, U+239b-23b7, U+23d0, U+23dc-23e1,
    U+2474-2475, U+25af, U+25b3, U+25b7, U+25bd, U+25c1, U+25ca, U+25cc, U+25fb,
    U+266d-266f, U+27c0-27ff, U+2900-2aff, U+2b0e-2b11, U+2b30-2b4c, U+2bfe,
    U+3030, U+ff5b, U+ff5d, U+1d400-1d7ff, U+1ee??;
}

@font-face {
  font-family: __Roboto_f911a0;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(../index/627d916fd739a539-s.woff2) format("woff2");
  unicode-range: U+0001-000c, U+000e-001f, U+007f-009f, U+20dd-20e0, U+20e2-20e4,
    U+2150-218f, U+2190, U+2192, U+2194-2199, U+21af, U+21e6-21f0, U+21f3,
    U+2218-2219, U+2299, U+22c4-22c6, U+2300-243f, U+2440-244a, U+2460-24ff,
    U+25a0-27bf, U+28??, U+2921-2922, U+2981, U+29bf, U+29eb, U+2b??,
    U+4dc0-4dff, U+fff9-fffb, U+10140-1018e, U+10190-1019c, U+101a0,
    U+101d0-101fd, U+102e0-102fb, U+10e60-10e7e, U+1d2c0-1d2d3, U+1d2e0-1d37f,
    U+1f0??, U+1f100-1f1ad, U+1f1e6-1f1ff, U+1f30d-1f30f, U+1f315, U+1f31c,
    U+1f31e, U+1f320-1f32c, U+1f336, U+1f378, U+1f37d, U+1f382, U+1f393-1f39f,
    U+1f3a7-1f3a8, U+1f3ac-1f3af, U+1f3c2, U+1f3c4-1f3c6, U+1f3ca-1f3ce,
    U+1f3d4-1f3e0, U+1f3ed, U+1f3f1-1f3f3, U+1f3f5-1f3f7, U+1f408, U+1f415,
    U+1f41f, U+1f426, U+1f43f, U+1f441-1f442, U+1f444, U+1f446-1f449,
    U+1f44c-1f44e, U+1f453, U+1f46a, U+1f47d, U+1f4a3, U+1f4b0, U+1f4b3, U+1f4b9,
    U+1f4bb, U+1f4bf, U+1f4c8-1f4cb, U+1f4d6, U+1f4da, U+1f4df, U+1f4e3-1f4e6,
    U+1f4ea-1f4ed, U+1f4f7, U+1f4f9-1f4fb, U+1f4fd-1f4fe, U+1f503, U+1f507-1f50b,
    U+1f50d, U+1f512-1f513, U+1f53e-1f54a, U+1f54f-1f5fa, U+1f610, U+1f650-1f67f,
    U+1f687, U+1f68d, U+1f691, U+1f694, U+1f698, U+1f6ad, U+1f6b2, U+1f6b9-1f6ba,
    U+1f6bc, U+1f6c6-1f6cf, U+1f6d3-1f6d7, U+1f6e0-1f6ea, U+1f6f0-1f6f3,
    U+1f6f7-1f6fc, U+1f7??, U+1f800-1f80b, U+1f810-1f847, U+1f850-1f859,
    U+1f860-1f887, U+1f890-1f8ad, U+1f8b0-1f8bb, U+1f8c0-1f8c1, U+1f900-1f90b,
    U+1f93b, U+1f946, U+1f984, U+1f996, U+1f9e9, U+1fa00-1fa6f, U+1fa70-1fa7c,
    U+1fa80-1fa89, U+1fa8f-1fac6, U+1face-1fadc, U+1fadf-1fae9, U+1faf0-1faf8,
    U+1fb??;
}

@font-face {
  font-family: __Roboto_f911a0;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(../index/b5ee789b512e4d1b-s.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01a0-01a1,
    U+01af-01b0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
    U+1ea0-1ef9, U+20ab;
}

@font-face {
  font-family: __Roboto_f911a0;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(../index/2c07349e02a7b712-s.woff2) format("woff2");
  unicode-range: U+0100-02ba, U+02bd-02c5, U+02c7-02cc, U+02ce-02d7, U+02dd-02ff,
    U+0304, U+0308, U+0329, U+1d00-1dbf, U+1e00-1e9f, U+1ef2-1eff, U+2020,
    U+20a0-20ab, U+20ad-20c0, U+2113, U+2c60-2c7f, U+a720-a7ff;
}

@font-face {
  font-family: __Roboto_f911a0;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(../index/47cbc4e2adbc5db9-s.p.woff2) format("woff2");
  unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,
    U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+20ac, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+feff, U+fffd;
}

@font-face {
  font-family: __Roboto_f911a0;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(../index/74c003a2abab0c4f-s.woff2) format("woff2");
  unicode-range: U+0460-052f, U+1c80-1c8a, U+20b4, U+2de0-2dff, U+a640-a69f,
    U+fe2e-fe2f;
}

@font-face {
  font-family: __Roboto_f911a0;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(../index/24c15609eaa28576-s.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116;
}

@font-face {
  font-family: __Roboto_f911a0;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(../index/84602850c8fd81c3-s.woff2) format("woff2");
  unicode-range: U+1f??;
}

@font-face {
  font-family: __Roboto_f911a0;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(../index/90da053edc2b7de3-s.woff2) format("woff2");
  unicode-range: U+0370-0377, U+037a-037f, U+0384-038a, U+038c, U+038e-03a1,
    U+03a3-03ff;
}

@font-face {
  font-family: __Roboto_f911a0;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(../index/ac3b7908202f8517-s.woff2) format("woff2");
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315,
    U+031a, U+0326-0327, U+032c, U+032f-0330, U+0332-0333, U+0338, U+033a,
    U+0346, U+034d, U+0391-03a1, U+03a3-03a9, U+03b1-03c9, U+03d1, U+03d5-03d6,
    U+03f0-03f1, U+03f4-03f5, U+2016-2017, U+2034-2038, U+203c, U+2040, U+2043,
    U+2047, U+2050, U+2057, U+205f, U+2070-2071, U+2074-208e, U+2090-209c,
    U+20d0-20dc, U+20e1, U+20e5-20ef, U+2100-2112, U+2114-2115, U+2117-2121,
    U+2123-214f, U+2190, U+2192, U+2194-21ae, U+21b0-21e5, U+21f1-21f2,
    U+21f4-2211, U+2213-2214, U+2216-22ff, U+2308-230b, U+2310, U+2319,
    U+231c-2321, U+2336-237a, U+237c, U+2395, U+239b-23b7, U+23d0, U+23dc-23e1,
    U+2474-2475, U+25af, U+25b3, U+25b7, U+25bd, U+25c1, U+25ca, U+25cc, U+25fb,
    U+266d-266f, U+27c0-27ff, U+2900-2aff, U+2b0e-2b11, U+2b30-2b4c, U+2bfe,
    U+3030, U+ff5b, U+ff5d, U+1d400-1d7ff, U+1ee??;
}

@font-face {
  font-family: __Roboto_f911a0;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(../index/627d916fd739a539-s.woff2) format("woff2");
  unicode-range: U+0001-000c, U+000e-001f, U+007f-009f, U+20dd-20e0, U+20e2-20e4,
    U+2150-218f, U+2190, U+2192, U+2194-2199, U+21af, U+21e6-21f0, U+21f3,
    U+2218-2219, U+2299, U+22c4-22c6, U+2300-243f, U+2440-244a, U+2460-24ff,
    U+25a0-27bf, U+28??, U+2921-2922, U+2981, U+29bf, U+29eb, U+2b??,
    U+4dc0-4dff, U+fff9-fffb, U+10140-1018e, U+10190-1019c, U+101a0,
    U+101d0-101fd, U+102e0-102fb, U+10e60-10e7e, U+1d2c0-1d2d3, U+1d2e0-1d37f,
    U+1f0??, U+1f100-1f1ad, U+1f1e6-1f1ff, U+1f30d-1f30f, U+1f315, U+1f31c,
    U+1f31e, U+1f320-1f32c, U+1f336, U+1f378, U+1f37d, U+1f382, U+1f393-1f39f,
    U+1f3a7-1f3a8, U+1f3ac-1f3af, U+1f3c2, U+1f3c4-1f3c6, U+1f3ca-1f3ce,
    U+1f3d4-1f3e0, U+1f3ed, U+1f3f1-1f3f3, U+1f3f5-1f3f7, U+1f408, U+1f415,
    U+1f41f, U+1f426, U+1f43f, U+1f441-1f442, U+1f444, U+1f446-1f449,
    U+1f44c-1f44e, U+1f453, U+1f46a, U+1f47d, U+1f4a3, U+1f4b0, U+1f4b3, U+1f4b9,
    U+1f4bb, U+1f4bf, U+1f4c8-1f4cb, U+1f4d6, U+1f4da, U+1f4df, U+1f4e3-1f4e6,
    U+1f4ea-1f4ed, U+1f4f7, U+1f4f9-1f4fb, U+1f4fd-1f4fe, U+1f503, U+1f507-1f50b,
    U+1f50d, U+1f512-1f513, U+1f53e-1f54a, U+1f54f-1f5fa, U+1f610, U+1f650-1f67f,
    U+1f687, U+1f68d, U+1f691, U+1f694, U+1f698, U+1f6ad, U+1f6b2, U+1f6b9-1f6ba,
    U+1f6bc, U+1f6c6-1f6cf, U+1f6d3-1f6d7, U+1f6e0-1f6ea, U+1f6f0-1f6f3,
    U+1f6f7-1f6fc, U+1f7??, U+1f800-1f80b, U+1f810-1f847, U+1f850-1f859,
    U+1f860-1f887, U+1f890-1f8ad, U+1f8b0-1f8bb, U+1f8c0-1f8c1, U+1f900-1f90b,
    U+1f93b, U+1f946, U+1f984, U+1f996, U+1f9e9, U+1fa00-1fa6f, U+1fa70-1fa7c,
    U+1fa80-1fa89, U+1fa8f-1fac6, U+1face-1fadc, U+1fadf-1fae9, U+1faf0-1faf8,
    U+1fb??;
}

@font-face {
  font-family: __Roboto_f911a0;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(../index/b5ee789b512e4d1b-s.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01a0-01a1,
    U+01af-01b0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
    U+1ea0-1ef9, U+20ab;
}

@font-face {
  font-family: __Roboto_f911a0;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(../index/2c07349e02a7b712-s.woff2) format("woff2");
  unicode-range: U+0100-02ba, U+02bd-02c5, U+02c7-02cc, U+02ce-02d7, U+02dd-02ff,
    U+0304, U+0308, U+0329, U+1d00-1dbf, U+1e00-1e9f, U+1ef2-1eff, U+2020,
    U+20a0-20ab, U+20ad-20c0, U+2113, U+2c60-2c7f, U+a720-a7ff;
}

@font-face {
  font-family: __Roboto_f911a0;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(../index/47cbc4e2adbc5db9-s.p.woff2) format("woff2");
  unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,
    U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+20ac, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+feff, U+fffd;
}

#myHeader,
.MuiGrid-root.css-15j76c0 {
  font-family: __Roboto_f911a0, __Roboto_Fallback_f911a0;
  font-style: normal;
}

.css-1u3t278 {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  width: calc(100% + 24px);
  margin-left: -24px;
}

.css-1u3t278>.MuiGrid-item {
  padding-left: 24px;
}

.css-15j76c0 {
  box-sizing: border-box;
  margin: 0;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  max-width: 100%;
}

@media (min-width: 600px) {
  .css-15j76c0 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 100%;
  }
}

@media (min-width: 900px) {
  .css-15j76c0 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 100%;
  }
}

@media (min-width: 1200px) {
  .css-15j76c0 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 100%;
  }
}

@media (min-width: 1536px) {
  .css-15j76c0 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 100%;
  }
}

.css-isbt42 {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: -16px;
  width: calc(100% + 16px);
  margin-left: -16px;
}

.css-isbt42>.MuiGrid-item {
  padding-top: 16px;
}

.css-isbt42>.MuiGrid-item {
  padding-left: 16px;
}

@media (min-width: 0px) {
  .css-13tqxrv {
    display: none;
  }
}

@media (min-width: 900px) {
  .css-13tqxrv {
    display: block;
  }
}

.css-137p1s0 {
  background: white;
}

.css-ulzmii {
  box-sizing: border-box;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0px, 64px, 0px, 59px;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  position: fixed;
  z-index: 9999;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  box-shadow: 0px 0px 4px 0px rgba(104, 104, 104, 0.25);
  background-color: rgba(255, 255, 255, 1);
  top: 0;
}

.css-1un1tya {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  max-width: 1296px;
}

.css-53xq7p {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 196px;
  margin-right: 24px;
}

.css-gmuwbf {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.css-c36nl0 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.css-1wmd86v {
  height: 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.css-qxnmz7 {
  margin: 0;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.235;
  margin-bottom: 0.35em;
  color: rgba(29, 29, 29, 1);
  overflow: visible !important;
  margin-right: 32px;
  margin-bottom: 0px;
  position: relative;
}

@media (max-width: 600px) {
  .css-qxnmz7 {
    font-size: 24px;
  }
}

.css-qxnmz7:hover {
  color: rgba(0, 102, 178, 1);
}

.css-bgv83d {
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 60px;
  width: 160px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.css-190orh1 {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.87);
  -webkit-transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  border-radius: 4px;
  padding: 2px 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 224px;
  height: 40px;
  border-radius: 20px;
  background-color: rgba(241, 241, 241, 1);
}

.css-1wf493t {
  text-align: center;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 1.5rem;
  padding: 8px;
  border-radius: 50%;
  overflow: visible;
  color: rgba(0, 0, 0, 0.54);
  -webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.css-1wf493t:hover {
  background-color: rgba(0, 0, 0, 0.04);
}

@media (hover: none) {
  .css-1wf493t:hover {
    background-color: transparent;
  }
}

.css-1wf493t.Mui-disabled {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.26);
}

.css-1yxmbwk {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  background-color: transparent;
  outline: 0;
  border: 0;
  margin: 0;
  border-radius: 0;
  padding: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: inherit;
  text-align: center;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 1.5rem;
  padding: 8px;
  border-radius: 50%;
  overflow: visible;
  color: rgba(0, 0, 0, 0.54);
  -webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.css-1yxmbwk::-moz-focus-inner {
  border-style: none;
}

.css-1yxmbwk.Mui-disabled {
  pointer-events: none;
  cursor: default;
}

@media print {
  .css-1yxmbwk {
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
  }
}

.css-1yxmbwk:hover {
  background-color: rgba(0, 0, 0, 0.04);
}

@media (hover: none) {
  .css-1yxmbwk:hover {
    background-color: transparent;
  }
}

.css-1yxmbwk.Mui-disabled {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.26);
}

.css-15xmtjr {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.4375em;
  color: rgba(0, 0, 0, 0.87);
  box-sizing: border-box;
  position: relative;
  cursor: text;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.css-15xmtjr.Mui-disabled {
  color: rgba(0, 0, 0, 0.38);
  cursor: default;
}

.css-15xmtjr input {
  color: rgba(104, 104, 104, 1);
}

.css-15xmtjr input::-webkit-input-placeholder {
  color: rgba(104, 104, 104, 1);
  opacity: 1;
}

.css-15xmtjr input::-moz-placeholder {
  color: rgba(104, 104, 104, 1);
  opacity: 1;
}

.css-15xmtjr input:-ms-input-placeholder {
  color: rgba(104, 104, 104, 1);
  opacity: 1;
}

.css-15xmtjr input::placeholder {
  color: rgba(104, 104, 104, 1);
  opacity: 1;
}

/* .MuiGrid-root.css-15j76c0 {
    padding-left: 30px;
    padding-right: 10px;
  } */

.css-mnn31 {
  font: inherit;
  letter-spacing: inherit;
  color: currentColor;
  padding: 4px 0 5px;
  border: 0;
  box-sizing: content-box;
  background: none;
  height: 1.4375em;
  margin: 0;
  -webkit-tap-highlight-color: transparent;
  display: block;
  min-width: 0;
  width: 100%;
  -webkit-animation-name: mui-auto-fill-cancel;
  animation-name: mui-auto-fill-cancel;
  -webkit-animation-duration: 10ms;
  animation-duration: 10ms;
  font-size: 1.2rem;
}

.css-mnn31::-webkit-input-placeholder {
  color: currentColor;
  opacity: 0.42;
  -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.css-mnn31::-moz-placeholder {
  color: currentColor;
  opacity: 0.42;
  -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.css-mnn31:-ms-input-placeholder {
  color: currentColor;
  opacity: 0.42;
  -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.css-mnn31::-ms-input-placeholder {
  color: currentColor;
  opacity: 0.42;
  -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.css-mnn31:focus {
  outline: 0;
}

.css-mnn31:invalid {
  box-shadow: none;
}

.css-mnn31::-webkit-search-decoration {
  -webkit-appearance: none;
}

label[data-shrink="false"]+.MuiInputBase-formControl .css-mnn31::-webkit-input-placeholder {
  opacity: 0 !important;
}

label[data-shrink="false"]+.MuiInputBase-formControl .css-mnn31::-moz-placeholder {
  opacity: 0 !important;
}

label[data-shrink="false"]+.MuiInputBase-formControl .css-mnn31:-ms-input-placeholder {
  opacity: 0 !important;
}

label[data-shrink="false"]+.MuiInputBase-formControl .css-mnn31::-ms-input-placeholder {
  opacity: 0 !important;
}

label[data-shrink="false"]+.MuiInputBase-formControl .css-mnn31:focus::-webkit-input-placeholder {
  opacity: 0.42;
}

label[data-shrink="false"]+.MuiInputBase-formControl .css-mnn31:focus::-moz-placeholder {
  opacity: 0.42;
}

label[data-shrink="false"]+.MuiInputBase-formControl .css-mnn31:focus:-ms-input-placeholder {
  opacity: 0.42;
}

label[data-shrink="false"]+.MuiInputBase-formControl .css-mnn31:focus::-ms-input-placeholder {
  opacity: 0.42;
}

.css-mnn31.Mui-disabled {
  opacity: 1;
  -webkit-text-fill-color: rgba(0, 0, 0, 0.38);
}

.css-mnn31:-webkit-autofill {
  -webkit-animation-duration: 5000s;
  animation-duration: 5000s;
  -webkit-animation-name: mui-auto-fill;
  animation-name: mui-auto-fill;
}

@media (min-width: 0px) {
  .css-d47f85 {
    display: block;
  }
}

@media (min-width: 900px) {
  .css-d47f85 {
    display: none;
  }
}

.css-1emm2fy {
  width: 100%;
  position: fixed;
  z-index: 99999;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  top: 0;
}

.css-xy9iqt {
  box-sizing: border-box;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  background-color: rgba(255, 255, 255, 1);
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  padding-left: 24px;
  padding-right: 24px;
  box-shadow: 0px 0px 4px 0px rgba(104, 104, 104, 0.25);
}

.css-yi9cq4 {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 1;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.css-18vdd35 {
  box-sizing: border-box;
  margin: 0;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  z-index: 999999999;
  height: 64px;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.css-7nvolm {
  box-sizing: border-box;
  margin: 0;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  background-color: rgba(241, 241, 241, 1);
  border-radius: 50%;
  height: 32px;
  width: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.css-mr86mw {
  -webkit-text-decoration: none;
  text-decoration: none;
}

.css-7cvf1q {
  margin: 0;
  font: inherit;
  color: rgba(0, 102, 178, 1);
  -webkit-text-decoration: none;
  text-decoration: none;
}

@media (min-width: 0px) {
  .css-u94fv8 {
    height: 74px;
  }
}

@media (min-width: 900px) {
  .css-u94fv8 {
    height: 86px;
  }
}

.css-1fbm70o {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

@media (min-width: 0px) {
  .css-1fbm70o {
    margin-top: -8px;
  }

  .css-1fbm70o>.MuiGrid-item {
    padding-top: 8px;
  }
}

@media (min-width: 960px) {
  .css-1fbm70o {
    margin-top: -24px;
  }

  .css-1fbm70o>.MuiGrid-item {
    padding-top: 24px;
  }
}

@media (min-width: 0px) {
  .css-1fbm70o {
    width: calc(100% + 8px);
    margin-left: -8px;
  }

  .css-1fbm70o>.MuiGrid-item {
    padding-left: 8px;
  }
}

@media (min-width: 960px) {
  .css-1fbm70o {
    width: calc(100% + 24px);
    margin-left: -24px;
  }

  .css-1fbm70o>.MuiGrid-item {
    padding-left: 24px;
  }
}

@media (min-width: 0px) {
  .css-1fbm70o {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 0px !important;
  }
}

@media (min-width: 600px) {
  .css-1fbm70o {
    padding-top: 0px !important;
  }
}

@media (min-width: 960px) {
  .css-1fbm70o {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px !important;
  }
}

.css-jlqcf2 {
  box-sizing: border-box;
  margin: 0;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

@media (min-width: 600px) {
  .css-jlqcf2 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 100%;
  }
}

@media (min-width: 960px) {
  .css-jlqcf2 {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 50%;
  }
}

@media (min-width: 1200px) {
  .css-jlqcf2 {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 50%;
  }
}

@media (min-width: 1440px) {
  .css-jlqcf2 {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 50%;
  }
}

@media (min-width: 960px) {
  .css-jlqcf2 {
    width: 100%;
  }
}

.css-1d3bbye {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.css-1o5wxz4 {
  box-sizing: border-box;
  margin: 0;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
  margin-bottom: 8px;
}

@media (min-width: 600px) {
  .css-1o5wxz4 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 100%;
  }
}

@media (min-width: 960px) {
  .css-1o5wxz4 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 100%;
  }
}

@media (min-width: 1200px) {
  .css-1o5wxz4 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 100%;
  }
}

@media (min-width: 1440px) {
  .css-1o5wxz4 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 100%;
  }
}

@media (min-width: 0px) {
  .css-1o5wxz4 {
    max-height: auto;
  }
}

@media (min-width: 960px) {
  .css-1o5wxz4 {
    max-height: 424px;
  }
}

@media (min-width: 0px) {
  .css-zflknr {
    display: none;
  }
}

@media (min-width: 600px) {
  .css-zflknr {
    display: block;
  }
}

@media (min-width: 960px) {
  .css-zflknr {
    display: block;
  }
}

.css-728afl {
  position: absolute;
  left: 50%;
  top: none;
  bottom: none;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media (min-width: 600px) {
  .css-jbv4lw {
    display: none;
  }
}

@media (min-width: 960px) {
  .css-jbv4lw {
    display: none;
  }
}

.css-5shdta {
  box-sizing: border-box;
  margin: 0;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

@media (min-width: 600px) {
  .css-5shdta {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 100%;
  }
}

@media (min-width: 960px) {
  .css-5shdta {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 100%;
  }
}

@media (min-width: 1200px) {
  .css-5shdta {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 100%;
  }
}

@media (min-width: 1440px) {
  .css-5shdta {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 100%;
  }
}

@media (min-width: 0px) {
  .css-1me2gch {
    display: none;
  }
}

@media (min-width: 960px) {
  .css-1me2gch {
    display: block;
  }
}

.css-fqk4ew {
  margin: 0;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.2;
  margin-bottom: 0.35em;
  color: rgba(29, 29, 29, 1);
  margin: 0px;
  margin-bottom: 8px;
}

@media (max-width: 600px) {
  .css-fqk4ew {
    font-size: 20px;
    font-weight: 600;
  }
}

@media (min-width: 960px) {
  .css-u1oaus {
    display: none;
  }
}

.css-1i27l4i {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.css-amxet2 {
  margin: 0;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.235;
  margin-bottom: 0.35em;
  color: rgba(0, 102, 178, 1);
  margin: 0px;
}

@media (max-width: 600px) {
  .css-amxet2 {
    font-size: 24px;
  }
}

.css-g0ptrd {
  margin: 0;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.235;
  margin-bottom: 0.35em;
  color: rgba(104, 104, 104, 1);
  margin: 0px;
}

@media (max-width: 600px) {
  .css-g0ptrd {
    font-size: 24px;
  }
}

.css-1u0gh00 {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin: 0;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: -24px;
  width: calc(100% + 24px);
  margin-left: -24px;
  -webkit-flex-basis: calc(100% + 24px);
  -ms-flex-preferred-size: calc(100% + 24px);
  flex-basis: calc(100% + 24px);
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  max-width: calc(100% + 24px);
}

.css-1u0gh00>.MuiGrid-item {
  padding-top: 24px;
}

.css-1u0gh00>.MuiGrid-item {
  padding-left: 24px;
}

@media (min-width: 600px) {
  .css-1u0gh00 {
    -webkit-flex-basis: calc(100% + 24px);
    -ms-flex-preferred-size: calc(100% + 24px);
    flex-basis: calc(100% + 24px);
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: calc(100% + 24px);
  }
}

@media (min-width: 960px) {
  .css-1u0gh00 {
    -webkit-flex-basis: calc(50% + 24px);
    -ms-flex-preferred-size: calc(50% + 24px);
    flex-basis: calc(50% + 24px);
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: calc(50% + 24px);
  }
}

@media (min-width: 1200px) {
  .css-1u0gh00 {
    -webkit-flex-basis: calc(50% + 24px);
    -ms-flex-preferred-size: calc(50% + 24px);
    flex-basis: calc(50% + 24px);
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: calc(50% + 24px);
  }
}

@media (min-width: 1440px) {
  .css-1u0gh00 {
    -webkit-flex-basis: calc(50% + 24px);
    -ms-flex-preferred-size: calc(50% + 24px);
    flex-basis: calc(50% + 24px);
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: calc(50% + 24px);
  }
}

@media (min-width: 0px) {
  .css-1u0gh00 {
    width: 100%;
    display: none;
  }
}

@media (min-width: 960px) {
  .css-1u0gh00 {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.css-1wqb0ct {
  box-sizing: border-box;
  margin: 0;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  max-width: 100%;
}

@media (min-width: 600px) {
  .css-1wqb0ct {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 50%;
  }
}

@media (min-width: 960px) {
  .css-1wqb0ct {
    -webkit-flex-basis: 33.333333%;
    -ms-flex-preferred-size: 33.333333%;
    flex-basis: 33.333333%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 33.333333%;
  }
}

@media (min-width: 1200px) {
  .css-1wqb0ct {
    -webkit-flex-basis: 33.333333%;
    -ms-flex-preferred-size: 33.333333%;
    flex-basis: 33.333333%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 33.333333%;
  }
}

@media (min-width: 1440px) {
  .css-1wqb0ct {
    -webkit-flex-basis: 33.333333%;
    -ms-flex-preferred-size: 33.333333%;
    flex-basis: 33.333333%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 33.333333%;
  }
}

.css-of3tn9 {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

@media (min-width: 0px) {
  .css-of3tn9 {
    -webkit-box-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}

@media (min-width: 960px) {
  .css-of3tn9 {
    -webkit-box-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.css-168igrd {
  box-sizing: border-box;
  margin: 0;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

@media (min-width: 0px) {
  .css-168igrd {
    width: 171px;
  }
}

@media (min-width: 960px) {
  .css-168igrd {
    width: 100%;
  }
}

.css-1534fr5 {
  box-sizing: border-box;
  margin: 0;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

@media (min-width: 0px) {
  .css-1534fr5 {
    width: 50%;
  }
}

@media (min-width: 960px) {
  .css-1534fr5 {
    width: 100%;
  }
}

.css-phw8oy {
  margin: 0px;
}

@media (min-width: 0px) {
  .css-phw8oy {
    padding: 0 0 0 24px;
  }
}

@media (min-width: 960px) {
  .css-phw8oy {
    padding: 8px 0 0 0;
  }
}

.css-1qkw5w8 {
  margin: 0;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.235;
  color: rgba(0, 102, 178, 1);
}

@media (max-width: 600px) {
  .css-1qkw5w8 {
    font-size: 24px;
  }
}

.css-1xt737i {
  margin: 0;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.235;
  color: black;
  margin-top: 8px;
  margin-bottom: 8px;
}

@media (max-width: 600px) {
  .css-1xt737i {
    font-size: 24px;
  }
}

.css-ugp7cj {
  margin: 0;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.235;
  margin-bottom: 0.35em;
  color: rgba(104, 104, 104, 1);
}

@media (max-width: 600px) {
  .css-ugp7cj {
    font-size: 24px;
  }
}

.css-14xsy1h {
  background-color: rgba(0, 0, 0, 0.5);
  padding: 4px 10px;
  position: absolute;
  border-radius: 5px;
  bottom: 10px;
  right: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.css-1gvrzpr {
  margin: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 0.35em;
  color: white;
  margin: 0px !important;
  line-height: 1.6 !important;
}

@media (max-width: 600px) {
  .css-1gvrzpr {
    font-size: 14px;
  }
}

.css-1qdyqor {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: none;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.css-mljl1b {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin: 0;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-basis: calc(100% + NaNpx);
  -ms-flex-preferred-size: calc(100% + NaNpx);
  flex-basis: calc(100% + NaNpx);
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  max-width: calc(100% + NaNpx);
}

@media (min-width: 0px) {
  .css-mljl1b {
    margin-top: -8px;
  }

  .css-mljl1b>.MuiGrid-item {
    padding-top: 8px;
  }
}

@media (min-width: 960px) {
  .css-mljl1b {
    margin-top: -24px;
  }

  .css-mljl1b>.MuiGrid-item {
    padding-top: 24px;
  }
}

@media (min-width: 0px) {
  .css-mljl1b {
    width: calc(100% + 8px);
    margin-left: -8px;
  }

  .css-mljl1b>.MuiGrid-item {
    padding-left: 8px;
  }
}

@media (min-width: 960px) {
  .css-mljl1b {
    width: calc(100% + 24px);
    margin-left: -24px;
  }

  .css-mljl1b>.MuiGrid-item {
    padding-left: 24px;
  }
}

@media (min-width: 600px) {
  .css-mljl1b {
    -webkit-flex-basis: calc(100% + NaNpx);
    -ms-flex-preferred-size: calc(100% + NaNpx);
    flex-basis: calc(100% + NaNpx);
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: calc(100% + NaNpx);
  }
}

@media (min-width: 960px) {
  .css-mljl1b {
    -webkit-flex-basis: calc(50% + NaNpx);
    -ms-flex-preferred-size: calc(50% + NaNpx);
    flex-basis: calc(50% + NaNpx);
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: calc(50% + NaNpx);
  }
}

@media (min-width: 1200px) {
  .css-mljl1b {
    -webkit-flex-basis: calc(50% + NaNpx);
    -ms-flex-preferred-size: calc(50% + NaNpx);
    flex-basis: calc(50% + NaNpx);
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: calc(50% + NaNpx);
  }
}

@media (min-width: 1440px) {
  .css-mljl1b {
    -webkit-flex-basis: calc(50% + NaNpx);
    -ms-flex-preferred-size: calc(50% + NaNpx);
    flex-basis: calc(50% + NaNpx);
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: calc(50% + NaNpx);
  }
}

@media (min-width: 0px) {
  .css-mljl1b {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (min-width: 960px) {
  .css-mljl1b {
    width: 100%;
    display: none;
  }
}

.css-102xcgl {
  box-sizing: border-box;
  margin: 0;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

@media (min-width: 600px) {
  .css-102xcgl {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 100%;
  }
}

@media (min-width: 960px) {
  .css-102xcgl {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 100%;
  }
}

@media (min-width: 1200px) {
  .css-102xcgl {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 100%;
  }
}

@media (min-width: 1440px) {
  .css-102xcgl {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 100%;
  }
}

.css-1f1v7aq {
  margin: 0;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.167;
  margin-bottom: 0.35em;
  color: rgba(29, 29, 29, 1);
  margin: 0px;
  padding-top: 8px;
}

@media (max-width: 600px) {
  .css-1f1v7aq {
    font-size: 20px;
    font-weight: 700;
  }
}

.css-1hni3pd {
  margin: 0;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.235;
  margin-bottom: 0.35em;
  color: rgba(0, 102, 178, 1);
  margin: 0px;
  padding-top: 8px;
}

@media (max-width: 600px) {
  .css-1hni3pd {
    font-size: 24px;
  }
}

.css-194oak9 {
  margin: 0;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.235;
  margin-bottom: 0.35em;
  color: rgba(104, 104, 104, 1);
  margin: 0px;
  padding-top: 8px;
}

@media (max-width: 600px) {
  .css-194oak9 {
    font-size: 24px;
  }
}

.css-1mmzm4v {
  box-sizing: border-box;
  margin: 0;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  max-width: 100%;
}

@media (min-width: 600px) {
  .css-1mmzm4v {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 100%;
  }
}

@media (min-width: 900px) {
  .css-1mmzm4v {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
  }
}

@media (min-width: 1200px) {
  .css-1mmzm4v {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
  }
}

@media (min-width: 1536px) {
  .css-1mmzm4v {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
  }
}

.css-jc7ket {
  height: 1px;
  background-color: rgba(176, 176, 176, 1);
}

@media (min-width: 0px) {
  .css-jc7ket {
    margin: 0 24px;
  }
}

@media (min-width: 900px) {
  .css-jc7ket {
    margin: 0px;
  }
}

.css-1xd5sck {
  box-sizing: border-box;
  margin: 0;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  max-width: 100%;
}

@media (min-width: 600px) {
  .css-1xd5sck {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 100%;
  }
}

@media (min-width: 900px) {
  .css-1xd5sck {
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 75%;
  }
}

@media (min-width: 1200px) {
  .css-1xd5sck {
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 75%;
  }
}

@media (min-width: 1536px) {
  .css-1xd5sck {
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 75%;
  }
}

@media (min-width: 0px) {
  .css-tuy31t {
    padding-left: 16px;
  }
}

@media (min-width: 960px) {
  .css-tuy31t {
    padding-left: 0;
  }
}

.css-1jlykq5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (min-width: 0px) {
  .css-1jlykq5 {
    margin-bottom: 16px;
  }
}

@media (min-width: 960px) {
  .css-1jlykq5 {
    margin-bottom: 24px;
  }
}

.css-1owr4hm {
  width: 8px;
  height: 32px;
  margin-right: 16px;
  background-color: rgba(0, 165, 81, 1);
}

.css-7t5n07 {
  margin: 0;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.2;
  color: rgba(69, 69, 69, 1);
}

@media (max-width: 600px) {
  .css-7t5n07 {
    font-size: 20px;
    font-weight: 600;
  }
}

.css-149obaa {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: -24px;
  width: calc(100% + 24px);
  margin-left: -24px;
}

.css-149obaa>.MuiGrid-item {
  padding-top: 24px;
}

.css-149obaa>.MuiGrid-item {
  padding-left: 24px;
}

@media (min-width: 0px) {
  .css-149obaa {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 24px;
  }
}

@media (min-width: 960px) {
  .css-149obaa {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
  }
}

.css-asqh10 {
  box-sizing: border-box;
  margin: 0;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  max-width: 100%;
}

@media (min-width: 600px) {
  .css-asqh10 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 100%;
  }
}

@media (min-width: 960px) {
  .css-asqh10 {
    -webkit-flex-basis: 66.666667%;
    -ms-flex-preferred-size: 66.666667%;
    flex-basis: 66.666667%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 66.666667%;
  }
}

@media (min-width: 1200px) {
  .css-asqh10 {
    -webkit-flex-basis: 66.666667%;
    -ms-flex-preferred-size: 66.666667%;
    flex-basis: 66.666667%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 66.666667%;
  }
}

@media (min-width: 1440px) {
  .css-asqh10 {
    -webkit-flex-basis: 66.666667%;
    -ms-flex-preferred-size: 66.666667%;
    flex-basis: 66.666667%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 66.666667%;
  }
}

@media (min-width: 0px) {
  .css-asqh10 {
    padding-top: 0px !important;
  }
}

@media (min-width: 960px) {
  .css-asqh10 {
    width: 100%;
    padding-top: 24px !important;
  }
}

.css-1usdy1q {
  box-sizing: border-box;
  margin: 0;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  max-width: 100%;
}

@media (min-width: 600px) {
  .css-1usdy1q {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 100%;
  }
}

@media (min-width: 960px) {
  .css-1usdy1q {
    -webkit-flex-basis: 33.333333%;
    -ms-flex-preferred-size: 33.333333%;
    flex-basis: 33.333333%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 33.333333%;
  }
}

@media (min-width: 1200px) {
  .css-1usdy1q {
    -webkit-flex-basis: 33.333333%;
    -ms-flex-preferred-size: 33.333333%;
    flex-basis: 33.333333%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 33.333333%;
  }
}

@media (min-width: 1440px) {
  .css-1usdy1q {
    -webkit-flex-basis: 33.333333%;
    -ms-flex-preferred-size: 33.333333%;
    flex-basis: 33.333333%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 33.333333%;
  }
}

@media (min-width: 0px) {
  .css-1usdy1q {
    padding-top: 16px !important;
  }
}

@media (min-width: 960px) {
  .css-1usdy1q {
    width: 100%;
    padding-top: 24px !important;
  }
}

.css-93qzq4 {
  margin: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-width: 0;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-width: thin;
  color: rgba(29, 29, 29, 1);
  margin: 0 0 16px 0;
}

@media (min-width: 0px) {
  .css-93qzq4 {
    display: block;
  }
}

@media (min-width: 960px) {
  .css-93qzq4 {
    display: none;
  }
}

.css-qs69o5 {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  max-width: 966px;
}

.css-1b9xxkx {
  box-sizing: border-box;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  max-width: 100%;
}

@media (min-width: 600px) {
  .css-1b9xxkx {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 100%;
  }
}

@media (min-width: 960px) {
  .css-1b9xxkx {
    -webkit-flex-basis: 66.666667%;
    -ms-flex-preferred-size: 66.666667%;
    flex-basis: 66.666667%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 66.666667%;
  }
}

@media (min-width: 1200px) {
  .css-1b9xxkx {
    -webkit-flex-basis: 66.666667%;
    -ms-flex-preferred-size: 66.666667%;
    flex-basis: 66.666667%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 66.666667%;
  }
}

@media (min-width: 1440px) {
  .css-1b9xxkx {
    -webkit-flex-basis: 66.666667%;
    -ms-flex-preferred-size: 66.666667%;
    flex-basis: 66.666667%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 66.666667%;
  }
}

@media (min-width: 0px) {
  .css-1b9xxkx {
    padding: 0 16px;
  }
}

@media (min-width: 600px) {
  .css-1b9xxkx {
    padding: 0 16px;
  }
}

@media (min-width: 960px) {
  .css-1b9xxkx {
    padding: 0;
  }
}

.css-1skow1g {
  display: block;
  background-color: rgba(0, 0, 0, 0.11);
  height: 1.2em;
  -webkit-animation: animation-c7515d 2s ease-in-out 0.5s infinite;
  animation: animation-c7515d 2s ease-in-out 0.5s infinite;
}

@media (min-width: 0px) {
  .css-1skow1g {
    width: 100%;
    height: 206px;
  }
}

@media (min-width: 960px) {
  .css-1skow1g {
    width: 636px;
    height: 424px;
  }
}

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

  50% {
    opacity: 0.4;
  }

  100% {
    opacity: 1;
  }
}

@keyframes animation-c7515d {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.4;
  }

  100% {
    opacity: 1;
  }
}

.css-1tgsk0c {
  display: block;
  background-color: rgba(0, 0, 0, 0.11);
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  transform-origin: 0 55%;
  -webkit-transform: scale(1, 0.6);
  -moz-transform: scale(1, 0.6);
  -ms-transform: scale(1, 0.6);
  transform: scale(1, 0.6);
  border-radius: 4px/6.7px;
  -webkit-animation: animation-c7515d 2s ease-in-out 0.5s infinite;
  animation: animation-c7515d 2s ease-in-out 0.5s infinite;
}

.css-1tgsk0c:empty:before {
  content: "\00a0";
}

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

  50% {
    opacity: 0.4;
  }

  100% {
    opacity: 1;
  }
}

@keyframes animation-c7515d {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.4;
  }

  100% {
    opacity: 1;
  }
}

.css-u9gcpe {
  box-sizing: border-box;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  max-width: 100%;
}

@media (min-width: 600px) {
  .css-u9gcpe {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 100%;
  }
}

@media (min-width: 960px) {
  .css-u9gcpe {
    -webkit-flex-basis: 33.333333%;
    -ms-flex-preferred-size: 33.333333%;
    flex-basis: 33.333333%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 33.333333%;
  }
}

@media (min-width: 1200px) {
  .css-u9gcpe {
    -webkit-flex-basis: 33.333333%;
    -ms-flex-preferred-size: 33.333333%;
    flex-basis: 33.333333%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 33.333333%;
  }
}

@media (min-width: 1440px) {
  .css-u9gcpe {
    -webkit-flex-basis: 33.333333%;
    -ms-flex-preferred-size: 33.333333%;
    flex-basis: 33.333333%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 33.333333%;
  }
}

@media (min-width: 0px) {
  .css-u9gcpe {
    padding: 0 16px;
  }
}

@media (min-width: 600px) {
  .css-u9gcpe {
    padding: 0 16px;
  }
}

@media (min-width: 960px) {
  .css-u9gcpe {
    padding: 0;
  }
}

.css-1ku774k {
  display: block;
  background-color: rgba(0, 0, 0, 0.11);
  height: 1.2em;
  -webkit-animation: animation-c7515d 2s ease-in-out 0.5s infinite;
  animation: animation-c7515d 2s ease-in-out 0.5s infinite;
}

@media (min-width: 0px) {
  .css-1ku774k {
    width: 100%;
    height: 172px;
  }
}

@media (min-width: 960px) {
  .css-1ku774k {
    width: 306px;
    height: 204px;
  }
}

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

  50% {
    opacity: 0.4;
  }

  100% {
    opacity: 1;
  }
}

@keyframes animation-c7515d {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.4;
  }

  100% {
    opacity: 1;
  }
}

.css-1ha4th6 {
  box-sizing: border-box;
  margin: 0;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  max-width: 100%;
}

@media (min-width: 600px) {
  .css-1ha4th6 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 100%;
  }
}

@media (min-width: 900px) {
  .css-1ha4th6 {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 25%;
  }
}

@media (min-width: 1200px) {
  .css-1ha4th6 {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 25%;
  }
}

@media (min-width: 1536px) {
  .css-1ha4th6 {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 25%;
  }
}

.css-18jhfxr {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: -24px;
  width: calc(100% + 24px);
  margin-left: -24px;
  padding: 48px 0;
}

.css-18jhfxr>.MuiGrid-item {
  padding-top: 24px;
}

.css-18jhfxr>.MuiGrid-item {
  padding-left: 24px;
}

.css-63rksy {
  box-sizing: border-box;
  margin: 0;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  max-width: 100%;
  display: block;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: self;
  -webkit-box-align: self;
  -ms-flex-align: self;
  align-items: self;
}

@media (min-width: 600px) {
  .css-63rksy {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 50%;
  }
}

@media (min-width: 900px) {
  .css-63rksy {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 25%;
  }
}

@media (min-width: 1200px) {
  .css-63rksy {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 25%;
  }
}

@media (min-width: 1536px) {
  .css-63rksy {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 25%;
  }
}

.css-1kfvn5 {
  display: block;
  background-color: rgba(0, 0, 0, 0.11);
  height: 1.2em;
  position: relative;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.css-1kfvn5::after {
  -webkit-animation: animation-wiooy9 2s linear 0.5s infinite;
  animation: animation-wiooy9 2s linear 0.5s infinite;
  background: linear-gradient(90deg,
      transparent,
      rgba(0, 0, 0, 0.04),
      transparent);
  content: "";
  position: absolute;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}

@-webkit-keyframes animation-wiooy9 {
  0% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  50% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }

  100% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
}

@keyframes animation-wiooy9 {
  0% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  50% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }

  100% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
}

.css-1yuhvjn {
  margin-top: 16px;
}

.css-1ulrjlq {
  display: block;
  background-color: rgba(0, 0, 0, 0.11);
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  transform-origin: 0 55%;
  -webkit-transform: scale(1, 0.6);
  -moz-transform: scale(1, 0.6);
  -ms-transform: scale(1, 0.6);
  transform: scale(1, 0.6);
  border-radius: 4px/6.7px;
  position: relative;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.css-1ulrjlq:empty:before {
  content: "\00a0";
}

.css-1ulrjlq::after {
  -webkit-animation: animation-wiooy9 2s linear 0.5s infinite;
  animation: animation-wiooy9 2s linear 0.5s infinite;
  background: linear-gradient(90deg,
      transparent,
      rgba(0, 0, 0, 0.04),
      transparent);
  content: "";
  position: absolute;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}

@-webkit-keyframes animation-wiooy9 {
  0% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  50% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }

  100% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
}

@keyframes animation-wiooy9 {
  0% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  50% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }

  100% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
}

@media (min-width: 0px) {
  .css-1cczziz {
    padding: 0 16px 0 16px;
  }
}

@media (min-width: 960px) {
  .css-1cczziz {
    padding: 0;
  }
}

.css-11n8bix {
  border-radius: 8px;
  overflow: hidden;
  padding: 24px;
  border: 1px solid rgba(176, 176, 176, 0.5);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (min-width: 0px) {
  .css-11n8bix {
    max-width: 100%;
  }
}

@media (min-width: 960px) {
  .css-11n8bix {
    max-width: 306px;
  }
}

@media (min-width: 0px) {
  .css-um5w8i {
    margin-bottom: -8px;
  }
}

@media (min-width: 960px) {
  .css-um5w8i {
    margin-bottom: 0px;
  }
}

.css-14w4kcq {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
}

.css-1h77wgb {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: -24px;
  width: calc(100% + 24px);
  margin-left: -24px;
}

.css-1h77wgb>.MuiGrid-item {
  padding-top: 24px;
}

.css-1h77wgb>.MuiGrid-item {
  padding-left: 24px;
}

.css-1tqkh27 {
  box-sizing: border-box;
  margin: 0;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  max-width: 100%;
  padding-top: 50px;
}

@media (min-width: 600px) {
  .css-1tqkh27 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 100%;
  }
}

@media (min-width: 900px) {
  .css-1tqkh27 {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 25%;
  }
}

@media (min-width: 1200px) {
  .css-1tqkh27 {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 25%;
  }
}

@media (min-width: 1536px) {
  .css-1tqkh27 {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 25%;
  }
}

.css-kmxkr6 {
  box-sizing: border-box;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  padding-top: 24px;
}

.css-q74r0g {
  box-sizing: border-box;
  margin: 0;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  max-width: 100%;
  display: block;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: self;
  -webkit-box-align: self;
  -ms-flex-align: self;
  align-items: self;
}

@media (min-width: 600px) {
  .css-q74r0g {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 50%;
  }
}

@media (min-width: 900px) {
  .css-q74r0g {
    -webkit-flex-basis: 33.333333%;
    -ms-flex-preferred-size: 33.333333%;
    flex-basis: 33.333333%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 33.333333%;
  }
}

@media (min-width: 1200px) {
  .css-q74r0g {
    -webkit-flex-basis: 33.333333%;
    -ms-flex-preferred-size: 33.333333%;
    flex-basis: 33.333333%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 33.333333%;
  }
}

@media (min-width: 1536px) {
  .css-q74r0g {
    -webkit-flex-basis: 33.333333%;
    -ms-flex-preferred-size: 33.333333%;
    flex-basis: 33.333333%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 33.333333%;
  }
}

.css-1qgn6nd {
  position: relative;
}

@media (min-width: 0px) {
  .css-1qgn6nd {
    margin-bottom: 82px;
  }
}

@media (min-width: 960px) {
  .css-1qgn6nd {
    margin-bottom: -72px;
  }
}

.css-10imk10 {
  position: relative;
  background-color: rgba(255, 255, 255, 1);
  /* height: 100%; */
  max-width: 100%;
  border-top: 1px solid rgba(176, 176, 176, 1);
}

@media (min-width: 600px) {
  .css-10imk10 {
    overflow: hidden;
  }
}

@media (min-width: 960px) {
  .css-10imk10 {
    overflow: unset;
  }

  /* .css-10imk10::before {
      content: "";
      position: absolute;
      top: -1px;
      right: -100vmax;
      bottom: 0;
      left: -100vmax;
      z-index: -1;
      border-top: 1px solid rgba(176, 176, 176, 1);
    } */
}

.css-mmqk69 {
  padding-top: 24px;
  padding-bottom: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

@media (min-width: 0px) {
  .css-mmqk69 {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media (min-width: 960px) {
  .css-mmqk69 {
    gap: 20px;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media (min-width: 0px) {
  .css-3o0crq {
    width: 100%;
  }
}

@media (min-width: 960px) {
  .css-3o0crq {
    width: 327px;
  }
}

.css-19idom {
  margin-bottom: 8px;
}

.css-m1sfa0 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (min-width: 0px) {
  .css-m1sfa0 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
}

@media (min-width: 960px) {
  .css-m1sfa0 {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    -webkit-justify-content: left;
    justify-content: left;
  }
}

@media (min-width: 0px) {
  .css-lmon2n {
    margin-bottom: 16px;
  }
}

@media (min-width: 960px) {
  .css-lmon2n {
    margin-bottom: 32px;
  }
}

.css-10kqhtp {
  margin: 0;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.235;
  color: rgba(104, 104, 104, 1);
}

@media (max-width: 600px) {
  .css-10kqhtp {
    font-size: 24px;
  }
}

@media (min-width: 0px) {
  .css-10kqhtp {
    text-align: center;
  }
}

@media (min-width: 960px) {
  .css-10kqhtp {
    text-align: left;
  }
}

.css-xhx4zx {
  gap: 32px;
}

@media (min-width: 0px) {
  .css-xhx4zx {
    display: none;
    margin-bottom: 24px;
  }
}

@media (min-width: 960px) {
  .css-xhx4zx {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.css-yd8sa2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}

.css-s2evdy {
  -webkit-text-decoration: none;
  text-decoration: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.css-ur61h3 {
  margin: 0;
  font: inherit;
  color: rgba(0, 102, 178, 1);
  -webkit-text-decoration: none;
  text-decoration: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.css-idvyl8 {
  margin: 0;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.235;
  color: rgba(0, 102, 178, 1);
  margin-left: 8px;
}

@media (max-width: 600px) {
  .css-idvyl8 {
    font-size: 24px;
  }
}

.css-1735sp3 {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}

@media (min-width: 0px) {
  .css-1735sp3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px;
  }
}

@media (min-width: 960px) {
  .css-1735sp3 {
    display: none;
  }
}

.css-b9nbdb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.css-1dszqqf {
  background-color: rgba(176, 176, 176, 0.5);
  width: 0.75px;
  margin-left: 16px;
  margin-right: 16px;
}

@media (min-width: 0px) {
  .css-1dszqqf {
    display: none;
  }
}

@media (min-width: 960px) {
  .css-1dszqqf {
    display: block;
  }
}

.css-lfmvqf {
  background-color: rgba(176, 176, 176, 1);
  height: 1px;
  margin-bottom: 24px;
}

@media (min-width: 0px) {
  .css-lfmvqf {
    display: block;
  }
}

@media (min-width: 960px) {
  .css-lfmvqf {
    display: none;
  }
}

.css-127g149 {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 856px;
}

@media (min-width: 0px) {
  .css-127g149 {
    display: none;
  }
}

@media (min-width: 960px) {
  .css-127g149 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.css-1q22vvl {
  gap: 32px;
  -webkit-box-pack: space-around;
  -ms-flex-pack: space-around;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}

@media (min-width: 0px) {
  .css-1q22vvl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (min-width: 960px) {
  .css-1q22vvl {
    display: none;
  }
}

.css-7kqjmr {
  position: relative;
  background-color: rgba(29, 29, 29, 1);
  /* height: 100%; */
  max-width: 100%;
}

@media (min-width: 600px) {
  .css-7kqjmr {
    overflow: hidden;
  }
}

@media (min-width: 960px) {
  .css-7kqjmr {
    overflow: unset;
  }

  /* 
    .css-7kqjmr::before {
      content: "";
      position: absolute;
      top: 0;
      right: -100vmax;
      bottom: 0;
      left: -100vmax;
      z-index: -1;
      background-color: rgba(29, 29, 29, 1);
    } */
}

.css-hb2n59 {
  padding-top: 8px;
  padding-bottom: 8px;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding-left: 24px;
  padding-right: 24px;
}

@media (min-width: 0px) {
  .css-hb2n59 {
    display: none;
  }
}

@media (min-width: 960px) {
  .css-hb2n59 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.css-70qvj9 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.css-16eg3m5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  margin-left: 8px;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.css-gtz5u2 {
  margin: 0;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.235;
  color: rgba(255, 255, 255, 1);
  cursor: pointer;
}

@media (max-width: 600px) {
  .css-gtz5u2 {
    font-size: 24px;
  }
}

@media (min-width: 0px) {
  .css-gtz5u2 {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}

.css-1u4een1 {
  width: 1px;
  background-color: rgba(255, 255, 255, 1);
  height: 20px;
  margin-left: 16px;
  margin-right: 16px;
}

.css-1g0hkrx {
  margin: 0;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.235;
  color: rgba(255, 255, 255, 1);
}

@media (max-width: 600px) {
  .css-1g0hkrx {
    font-size: 24px;
  }
}

@media (min-width: 0px) {
  .css-1g0hkrx {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}

.css-12ivtyq {
  padding-top: 16px;
  padding-bottom: 16px;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

@media (min-width: 0px) {
  .css-12ivtyq {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (min-width: 960px) {
  .css-12ivtyq {
    display: none;
  }
}

.css-34ji4n {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8px;
}

.css-o93r8s {
  width: 1px;
  background-color: rgba(255, 255, 255, 1);
  height: 17px;
  margin-left: 8px;
  margin-right: 8px;
}

.css-1l4w6pd {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.css-1slfery {
  background-color: rgb(236, 237, 239);
}

@media (min-width: 0px) {
  .css-1slfery {
    min-height: 60px;
    margin: 16px 0px;
  }
}

@media (min-width: 900px) {
  .css-1slfery {
    min-height: 270px;
    margin: 0px 0px 16px;
  }
}

.css-xcd31q {
  background-color: rgb(236, 237, 239);
}

@media (min-width: 0px) {
  .css-xcd31q {
    min-height: 60px;
    margin: 16px 0px;
  }
}

@media (min-width: 900px) {
  .css-xcd31q {
    min-height: 110px;
    margin: 0px 0px 16px;
  }
}

.css-w0pj6f {
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  z-index: 0;
  inset: 0px;
  border-radius: inherit;
}

.css-v581fs {
  background-color: rgb(0, 0, 0);
  padding: 24px;
  position: fixed;
  z-index: 2147483647;
  display: flex;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  bottom: 32px;
  right: 32px;
  left: auto;
  width: 409px;
  max-width: 100%;
}

@media (min-width: 0px) {
  .css-v581fs {
    margin-bottom: 80px;
  }
}

@media (min-width: 960px) {
  .css-v581fs {
    margin-bottom: 0px;
  }
}

.css-1b9urti {
  user-select: none;
  display: inline-block;
  fill: currentcolor;
  flex-shrink: 0;
  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
  font-size: 1.5rem;
  color: rgb(255, 255, 255);
  height: 20px;
  width: 20px;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

@media (min-width: 0px) {
  .css-1b9urti {
    padding: 2px;
  }
}

@media (min-width: 960px) {
  .css-1b9urti {
    padding: 8px;
  }
}

.css-j0ozid {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  gap: 16px;
}

.css-9hlog7 {
  margin: 0px 0px 0.35em;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.334;
  color: rgb(255, 255, 255);
  text-align: left;
  width: 263px;
  max-width: 100%;
  padding-right: 0px;
}

@media (max-width: 600px) {
  .css-9hlog7 {
    font-size: 14px;
  }
}

@media (min-width: 0px) {
  .css-9hlog7 {
    font-size: 12px;
  }
}

@media (min-width: 960px) {
  .css-9hlog7 {
    font-size: 18px;
  }
}

.css-1wero0e {
  line-height: normal;
  padding: 0px;
  margin: 0px 0px 10px;
  color: rgb(0, 191, 243) !important;
  text-decoration: underline !important;
}

.css-1wero0e:hover {
  text-decoration-color: inherit;
}

@media (min-width: 0px) {
  .css-1wero0e {
    font-size: 12px;
  }
}

@media (min-width: 960px) {
  .css-1wero0e {
    font-size: 18px;
  }
}

.css-anokea {
  font-style: inherit;
  font-variant: inherit;
  font-weight: inherit;
  font-stretch: inherit;
  font-size: inherit;
  font-family: inherit;
  font-optical-sizing: inherit;
  font-size-adjust: inherit;
  font-kerning: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  line-height: normal;
  padding: 0px;
  margin: 0px 0px 10px;
  color: rgb(0, 191, 243) !important;
  text-decoration: underline !important;
}

.css-anokea:hover {
  text-decoration-color: inherit;
}

@media (min-width: 0px) {
  .css-anokea {
    font-size: 12px;
  }
}

@media (min-width: 960px) {
  .css-anokea {
    font-size: 18px;
  }
}

.css-b8igjp {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.75;
  text-transform: uppercase;
  min-width: 64px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1),
    border-color 250ms cubic-bezier(0.4, 0, 0.2, 1),
    color 250ms cubic-bezier(0.4, 0, 0.2, 1);
  background-color: rgb(0, 102, 178);
  border-radius: 20px;
  padding: 8px 10px;
  width: 280px;
  height: 35px;
  margin-top: 8px;
  color: rgb(255, 255, 255) !important;
}

.css-b8igjp:hover {
  text-decoration: none;
  background-color: rgba(0, 102, 178, 0.04);
}

@media (hover: none) {
  .css-b8igjp:hover {
    background-color: transparent;
  }
}

.css-b8igjp.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
}

.css-1pt4yfo {
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  outline: 0px;
  border: 0px;
  margin: 8px 0px 0px;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  appearance: none;
  text-decoration: none;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.75;
  text-transform: uppercase;
  min-width: 64px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1),
    border-color 250ms cubic-bezier(0.4, 0, 0.2, 1),
    color 250ms cubic-bezier(0.4, 0, 0.2, 1);
  background-color: rgb(0, 102, 178);
  border-radius: 20px;
  padding: 8px 10px;
  width: 280px;
  height: 35px;
  color: rgb(255, 255, 255) !important;
}

.css-1pt4yfo.Mui-disabled {
  pointer-events: none;
  cursor: default;
}

@media print {
  .css-1pt4yfo {
    -webkit-print-color-adjust: exact;
  }
}

.css-1pt4yfo:hover {
  text-decoration: none;
  background-color: rgba(0, 102, 178, 0.04);
}

@media (hover: none) {
  .css-1pt4yfo:hover {
    background-color: transparent;
  }
}

.css-1pt4yfo.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
}

.css-19xzbp1 {
  margin: 0px;
  color: rgb(255, 255, 255);
  text-align: center;
  font-size: 16px !important;
  line-height: 19.36px !important;
  font-weight: 600 !important;
}

@media (max-width: 600px) {
  .css-19xzbp1 {
    font-size: 14px;
  }
}

.css-2m7126 {
  background-color: rgb(29, 29, 29);
  color: rgb(255, 255, 255);
  text-align: center;
  position: fixed;
  bottom: 0px;
  z-index: 999999;
  display: block;
  max-width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 16px 0px;
  gap: 8px;
}

@media (min-width: 0px) {
  .css-2m7126 {
    width: 100vw;
  }
}

@media (min-width: 960px) {
  .css-2m7126 {
    width: 100vw;
  }
}

.css-10ce58a {
  margin: 0px 0px 0.35em;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.235;
  color: rgb(255, 255, 255);
  text-align: center;
}

@media (max-width: 600px) {
  .css-10ce58a {
    font-size: 24px;
  }
}

.css-y1z8xy {
  margin: 8px 0px 0.35em;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.235;
  color: rgb(255, 255, 255);
  padding: 0px 24px;
  text-align: center;
}

@media (max-width: 600px) {
  .css-y1z8xy {
    font-size: 24px;
  }
}

.css-1gqxqz {
  margin: 8px 0px 0.35em;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.235;
  color: rgb(255, 255, 255);
  padding: 0px 24px;
}

@media (max-width: 600px) {
  .css-1gqxqz {
    font-size: 24px;
  }
}

.css-11dqbsu {
  display: flex;
  cursor: pointer;
}

.css-h9fzqr {
  margin: 0px;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.235;
  color: rgb(29, 29, 29);
}

@media (max-width: 600px) {
  .css-h9fzqr {
    font-size: 24px;
  }
}

.css-35fh2p {
  text-decoration: none;
  display: flex;
  margin-top: 16px;
}

.css-1fc1z3q {
  margin: 16px 0px 0px;
  font: inherit;
  color: rgb(0, 102, 178);
  text-decoration: none;
  display: flex;
}

.css-ir5tdx {
  margin-left: 24px;
}

.css-gu6b5b {
  text-decoration: underline rgba(0, 102, 178, 0.4);
  display: flex;
  margin-top: 16px;
}

.css-gu6b5b:hover {
  text-decoration-color: inherit;
}

.css-12k1htg {
  margin: 16px 0px 0px;
  font: inherit;
  color: rgb(0, 102, 178);
  text-decoration: underline rgba(0, 102, 178, 0.4);
  display: flex;
}

.css-12k1htg:hover {
  text-decoration-color: inherit;
}

.css-17hbsvu {
  margin: 0px;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.235;
  color: rgb(104, 104, 104);
}

@media (max-width: 600px) {
  .css-17hbsvu {
    font-size: 24px;
  }
}

.css-17hbsvu:hover {
  color: rgb(0, 102, 178);
}

.css-k008qs {
  display: flex;
}

.css-1yjvs5a {
  margin-bottom: 32px;
}

.css-18nlzmj {
  text-decoration: none;
  display: flex;
  margin-bottom: 16px;
}

.css-1n41ztd {
  margin: 0px 0px 16px;
  font: inherit;
  color: rgb(0, 102, 178);
  text-decoration: none;
  display: flex;
}

.css-1s2j59z {
  margin: 0px;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.235;
  color: rgb(104, 104, 104);
}

@media (max-width: 600px) {
  .css-1s2j59z {
    font-size: 24px;
  }
}

.css-t20b50 {
  text-decoration: none;
  display: flex;
  margin-bottom: 0px;
}

.css-6innpr {
  margin: 0px;
  font: inherit;
  color: rgb(0, 102, 178);
  text-decoration: none;
  display: flex;
}

.css-12595yo {
  margin-bottom: 0px;
}

.css-1oazinj {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.235;
  color: rgb(0, 102, 178);
  margin: 0px 0px 8px;
}

@media (max-width: 600px) {
  .css-1oazinj {
    font-size: 24px;
  }
}

.css-y4tl5f {
  display: flex;
  gap: 0px;
}

.css-1der8oj {
  box-sizing: border-box;
  margin: 0px;
  flex-direction: row;
  padding-top: 0px !important;
}

@media (min-width: 600px) {
  .css-1der8oj {
    flex-basis: 100%;
    -webkit-box-flex: 0;
    flex-grow: 0;
    max-width: 100%;
  }
}

@media (min-width: 960px) {
  .css-1der8oj {
    flex-basis: 100%;
    -webkit-box-flex: 0;
    flex-grow: 0;
    max-width: 100%;
  }
}

@media (min-width: 1200px) {
  .css-1der8oj {
    flex-basis: 100%;
    -webkit-box-flex: 0;
    flex-grow: 0;
    max-width: 100%;
  }
}

@media (min-width: 1440px) {
  .css-1der8oj {
    flex-basis: 100%;
    -webkit-box-flex: 0;
    flex-grow: 0;
    max-width: 100%;
  }
}

@media (min-width: 0px) {
  .css-1der8oj {
    width: 100%;
  }
}

@media (min-width: 960px) {
  .css-1der8oj {
    width: 100%;
  }
}

.css-osfec9 {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.235;
  color: rgb(0, 102, 178);
  margin: 0px;
  padding-top: 0px;
}

@media (max-width: 600px) {
  .css-osfec9 {
    font-size: 24px;
  }
}

.css-hwd3ni {
  flex-shrink: 0;
  border-width: 0px 0px thin;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.12);
  color: rgb(29, 29, 29);
  margin: 16px 0px 8px;
}

@media (min-width: 0px) {
  .css-y2iwoz {
    margin-top: -16px;
    padding: 0px 16px;
  }
}

@media (min-width: 960px) {
  .css-y2iwoz {
    margin-top: 0px;
    padding: 0px;
  }
}

.css-95g4uk {
  display: flex;
  flex-direction: row;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
}

@media (min-width: 0px) {
  .css-8d6y61 {
    padding-bottom: 0px;
  }
}

@media (min-width: 600px) {
  .css-8d6y61 {
    padding-bottom: 0px;
  }
}

@media (min-width: 960px) {
  .css-8d6y61 {
    padding-bottom: 0px;
  }
}

.css-1cj6xbl {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin-right: -8px;
}

@media (min-width: 0px) {
  .css-1cj6xbl {
    margin-top: 12px;
    padding-bottom: 16px;
  }
}

@media (min-width: 600px) {
  .css-1cj6xbl {
    padding-bottom: 24px;
  }
}

@media (min-width: 960px) {
  .css-1cj6xbl {
    margin-top: 0px;
    padding-bottom: 16px;
  }
}

.css-mky7ai {
  margin: 0px;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.235;
  color: rgb(0, 102, 178);
}

@media (max-width: 600px) {
  .css-mky7ai {
    font-size: 24px;
  }
}

.css-79elbk {
  position: relative;
}

.css-vnfcm7 {
  display: none;
  position: absolute;
  z-index: 2;
  top: 35%;
  left: -16px;
  transform: translateY(-35%);
  background-color: rgb(255, 255, 255);
  border-radius: 50%;
  filter: drop-shadow(rgba(104, 104, 104, 0.25) 0px 0px 4px);
}

.css-1nb9mp3 {
  text-align: center;
  flex: 0 0 auto;
  font-size: 1.5rem;
  border-radius: 50%;
  overflow: visible;
  color: rgba(0, 0, 0, 0.54);
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
  transform: rotate(180deg);
  padding: 0px;
}

.css-1nb9mp3:hover {
  background-color: rgba(0, 0, 0, 0.04);
}

@media (hover: none) {
  .css-1nb9mp3:hover {
    background-color: transparent;
  }
}

.css-1nb9mp3.Mui-disabled {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.26);
}

.css-vdp7og {
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  background-color: transparent;
  outline: 0px;
  border: 0px;
  margin: 0px;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  appearance: none;
  text-decoration: none;
  text-align: center;
  flex: 0 0 auto;
  font-size: 1.5rem;
  border-radius: 50%;
  overflow: visible;
  color: rgba(0, 0, 0, 0.54);
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
  transform: rotate(180deg);
  padding: 0px;
}

.css-vdp7og.Mui-disabled {
  pointer-events: none;
  cursor: default;
}

@media print {
  .css-vdp7og {
    -webkit-print-color-adjust: exact;
  }
}

.css-vdp7og:hover {
  background-color: rgba(0, 0, 0, 0.04);
}

@media (hover: none) {
  .css-vdp7og:hover {
    background-color: transparent;
  }
}

.css-vdp7og.Mui-disabled {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.26);
}

.css-i6bazn {
  overflow: hidden;
}

.css-17763nr {
  flex-flow: row;
  position: relative;
  width: 100%;
  overflow: hidden;
  gap: 32px;
}

@media (min-width: 0px) {
  .css-17763nr {
    display: none;
  }
}

@media (min-width: 960px) {
  .css-17763nr {
    display: flex;
  }
}

.css-mnjr3u {
  overflow: hidden;
  width: 29%;
  flex: 0 0 auto;
}

@media (min-width: 0px) {
  .css-mnjr3u {
    display: none;
    padding-bottom: 8px;
  }
}

@media (min-width: 600px) {
  .css-mnjr3u {
    display: none;
  }
}

@media (min-width: 960px) {
  .css-mnjr3u {
    display: flex;
    padding-bottom: 0px;
  }
}

.css-1623eq {
  box-sizing: border-box;
  margin: 0px;
  flex-direction: row;
  flex-basis: 100%;
  -webkit-box-flex: 0;
  flex-grow: 0;
  max-width: 100%;
}

@media (min-width: 600px) {
  .css-1623eq {
    flex-basis: 100%;
    -webkit-box-flex: 0;
    flex-grow: 0;
    max-width: 100%;
  }
}

@media (min-width: 960px) {
  .css-1623eq {
    flex-basis: 100%;
    -webkit-box-flex: 0;
    flex-grow: 0;
    max-width: 100%;
  }
}

@media (min-width: 1200px) {
  .css-1623eq {
    flex-basis: 100%;
    -webkit-box-flex: 0;
    flex-grow: 0;
    max-width: 100%;
  }
}

@media (min-width: 1440px) {
  .css-1623eq {
    flex-basis: 100%;
    -webkit-box-flex: 0;
    flex-grow: 0;
    max-width: 100%;
  }
}

.css-zph1w3 {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.6;
  color: rgb(104, 104, 104);
  margin: 0px;
  padding-top: 8px;
}

@media (max-width: 600px) {
  .css-zph1w3 {
    font-size: 14px;
  }
}

.css-f6py1r {
  font-weight: 400;
  font-size: 18px;
  color: rgb(255, 255, 255);
  white-space: nowrap;
  margin: 0px !important;
  line-height: 1.6 !important;
}

@media (max-width: 600px) {
  .css-f6py1r {
    font-size: 24px;
  }
}

.css-1i0mym0 {
  position: absolute;
  left: 8px;
  bottom: 8px;
  transform: none;
}

.css-1s4cwhn {
  position: absolute;
  z-index: 2;
  top: 35%;
  right: -16px;
  transform: translateY(-35%);
  background-color: rgb(255, 255, 255);
  border-radius: 50%;
  filter: drop-shadow(rgba(104, 104, 104, 0.25) 0px 0px 4px);
}

@media (min-width: 0px) {
  .css-1s4cwhn {
    display: none;
  }
}

@media (min-width: 960px) {
  .css-1s4cwhn {
    display: flex;
  }
}

.css-1pl9k4 {
  text-align: center;
  flex: 0 0 auto;
  font-size: 1.5rem;
  border-radius: 50%;
  overflow: visible;
  color: rgba(0, 0, 0, 0.54);
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
  padding: 0px;
}

.css-1pl9k4:hover {
  background-color: rgba(0, 0, 0, 0.04);
}

@media (hover: none) {
  .css-1pl9k4:hover {
    background-color: transparent;
  }
}

.css-1pl9k4.Mui-disabled {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.26);
}

.css-148fdm8 {
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  background-color: transparent;
  outline: 0px;
  border: 0px;
  margin: 0px;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  appearance: none;
  text-decoration: none;
  text-align: center;
  flex: 0 0 auto;
  font-size: 1.5rem;
  border-radius: 50%;
  overflow: visible;
  color: rgba(0, 0, 0, 0.54);
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
  padding: 0px;
}

.css-148fdm8.Mui-disabled {
  pointer-events: none;
  cursor: default;
}

@media print {
  .css-148fdm8 {
    -webkit-print-color-adjust: exact;
  }
}

.css-148fdm8:hover {
  background-color: rgba(0, 0, 0, 0.04);
}

@media (hover: none) {
  .css-148fdm8:hover {
    background-color: transparent;
  }
}

.css-148fdm8.Mui-disabled {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.26);
}

.css-aj9thk {
  display: flex;
  flex-flow: row;
  overflow-x: auto;
  gap: 24px;
}

@media (min-width: 0px) {
  .css-aj9thk {
    width: 91vw;
  }
}

@media (min-width: 600px) {
  .css-aj9thk {
    width: 91vw;
  }
}

@media (min-width: 960px) {
  .css-aj9thk {
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .css-aj9thk {
    width: 100%;
  }
}

.css-aj9thk::-webkit-scrollbar {
  display: none;
}

.css-j7qwjs {
  display: flex;
  flex-direction: column;
}

.css-fid17l {
  overflow: hidden;
  padding-bottom: 8px;
  width: 268px;
}

.css-16hkpk2 {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 16px;
}

@media (min-width: 0px) {
  .css-16hkpk2 {
    padding-left: 24px;
  }
}

@media (min-width: 960px) {
  .css-16hkpk2 {
    padding-left: 0px;
  }
}

.css-yuctyc {
  text-decoration: underline rgba(0, 102, 178, 0.4);
}

.css-yuctyc:hover {
  text-decoration-color: inherit;
}

.css-x76v7v {
  margin: 0px;
  font: inherit;
  color: rgb(0, 102, 178);
  text-decoration: underline rgba(0, 102, 178, 0.4);
}

.css-x76v7v:hover {
  text-decoration-color: inherit;
}

.css-j7bbhy {
  margin: 0px;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.2;
  color: rgb(0, 102, 178);
}

@media (max-width: 600px) {
  .css-j7bbhy {
    font-size: 20px;
    font-weight: 600;
  }
}

.css-1sfctlq {
  box-sizing: border-box;
  flex-direction: row;
}

@media (min-width: 0px) {
  .css-1sfctlq {
    padding: 0px 24px 16px;
  }
}

@media (min-width: 960px) {
  .css-1sfctlq {
    padding: 0px;
  }
}

.css-wxs3ab {
  box-sizing: border-box;
  margin: 0px;
  flex-direction: row;
  flex-basis: 50%;
  -webkit-box-flex: 0;
  flex-grow: 0;
  max-width: 50%;
  padding-bottom: 16px;
}

@media (min-width: 600px) {
  .css-wxs3ab {
    flex-basis: 100%;
    -webkit-box-flex: 0;
    flex-grow: 0;
    max-width: 100%;
  }
}

@media (min-width: 960px) {
  .css-wxs3ab {
    flex-basis: 25%;
    -webkit-box-flex: 0;
    flex-grow: 0;
    max-width: 25%;
  }
}

@media (min-width: 1200px) {
  .css-wxs3ab {
    flex-basis: 25%;
    -webkit-box-flex: 0;
    flex-grow: 0;
    max-width: 25%;
  }
}

@media (min-width: 1440px) {
  .css-wxs3ab {
    flex-basis: 25%;
    -webkit-box-flex: 0;
    flex-grow: 0;
    max-width: 25%;
  }
}

@media (min-width: 0px) {
  .css-1fntiux {
    display: block;
  }
}

@media (min-width: 960px) {
  .css-1fntiux {
    display: none;
  }
}

.css-1rbt5fs {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.235;
  color: rgb(29, 29, 29);
  margin: 0px;
  padding-top: 8px;
}

@media (max-width: 600px) {
  .css-1rbt5fs {
    font-size: 24px;
  }
}

.css-4ca22x {
  box-sizing: border-box;
  margin: 8px 0px 16px;
  flex-direction: row;
  flex-basis: 100%;
  -webkit-box-flex: 0;
  flex-grow: 0;
  max-width: 100%;
}

@media (min-width: 600px) {
  .css-4ca22x {
    flex-basis: 100%;
    -webkit-box-flex: 0;
    flex-grow: 0;
    max-width: 100%;
  }
}

@media (min-width: 960px) {
  .css-4ca22x {
    flex-basis: 100%;
    -webkit-box-flex: 0;
    flex-grow: 0;
    max-width: 100%;
  }
}

@media (min-width: 1200px) {
  .css-4ca22x {
    flex-basis: 100%;
    -webkit-box-flex: 0;
    flex-grow: 0;
    max-width: 100%;
  }
}

@media (min-width: 1440px) {
  .css-4ca22x {
    flex-basis: 100%;
    -webkit-box-flex: 0;
    flex-grow: 0;
    max-width: 100%;
  }
}

@media (min-width: 0px) {
  .css-4ca22x {
    display: block;
  }
}

@media (min-width: 960px) {
  .css-4ca22x {
    display: none;
  }
}

.css-wtvzkv {
  height: 1px;
  background-color: rgba(176, 176, 176, 0.5);
}

.css-1obldae {
  box-sizing: border-box;
  display: flex;
  flex-flow: wrap;
  width: calc(100% + 24px);
  margin-left: -24px;
  margin-bottom: 8px;
}

.css-1obldae>.MuiGrid-item {
  padding-left: 24px;
}

@media (min-width: 0px) {
  .css-1obldae {
    display: none;
  }
}

@media (min-width: 960px) {
  .css-1obldae {
    display: flex;
  }
}

.css-uebwb3 {
  box-sizing: border-box;
  margin: 0px;
  flex-direction: row;
}

@media (min-width: 960px) {
  .css-uebwb3 {
    flex-basis: 25%;
    -webkit-box-flex: 0;
    flex-grow: 0;
    max-width: 25%;
  }
}

@media (min-width: 1200px) {
  .css-uebwb3 {
    flex-basis: 25%;
    -webkit-box-flex: 0;
    flex-grow: 0;
    max-width: 25%;
  }
}

@media (min-width: 1440px) {
  .css-uebwb3 {
    flex-basis: 25%;
    -webkit-box-flex: 0;
    flex-grow: 0;
    max-width: 25%;
  }
}

.css-1dsmn5e {
  height: 1px;
  width: 100%;
  background-color: rgba(176, 176, 176, 0.5);
}

.css-4l9l8s {
  box-sizing: border-box;
  display: flex;
  flex-flow: wrap;
  width: 100%;
}

@media (min-width: 0px) {
  .css-4l9l8s {
    width: calc(100% + 8px);
    margin-left: -8px;
  }

  .css-4l9l8s>.MuiGrid-item {
    padding-left: 8px;
  }
}

@media (min-width: 960px) {
  .css-4l9l8s {
    width: calc(100% + 24px);
    margin-left: -24px;
  }

  .css-4l9l8s>.MuiGrid-item {
    padding-left: 24px;
  }
}

.css-iwu0xr {
  box-sizing: border-box;
  margin: 0px;
  flex-direction: row;
  flex-basis: 100%;
  -webkit-box-flex: 0;
  flex-grow: 0;
  max-width: 100%;
  overflow: hidden;
}

@media (min-width: 600px) {
  .css-iwu0xr {
    flex-basis: 100%;
    -webkit-box-flex: 0;
    flex-grow: 0;
    max-width: 100%;
  }
}

@media (min-width: 960px) {
  .css-iwu0xr {
    flex-basis: 25%;
    -webkit-box-flex: 0;
    flex-grow: 0;
    max-width: 25%;
  }
}

@media (min-width: 1200px) {
  .css-iwu0xr {
    flex-basis: 25%;
    -webkit-box-flex: 0;
    flex-grow: 0;
    max-width: 25%;
  }
}

@media (min-width: 1440px) {
  .css-iwu0xr {
    flex-basis: 25%;
    -webkit-box-flex: 0;
    flex-grow: 0;
    max-width: 25%;
  }
}

.css-lvkdax {
  flex-shrink: 0;
  border-width: 0px 0px thin;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.12);
  color: rgb(29, 29, 29);
  margin: 16px 0px 8px;
}

@media (min-width: 0px) {
  .css-lvkdax {
    display: block;
  }
}

@media (min-width: 960px) {
  .css-lvkdax {
    display: none;
  }
}

@media (min-width: 0px) {
  .css-1j3eg4h {
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media (min-width: 960px) {
  .css-1j3eg4h {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.css-1ptn2ll {
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

@media (min-width: 0px) {
  .css-1ptn2ll {
    padding-bottom: 0px;
  }
}

@media (min-width: 600px) {
  .css-1ptn2ll {
    padding-bottom: 24px;
  }
}

@media (min-width: 960px) {
  .css-1ptn2ll {
    padding-bottom: 0px;
  }
}

.css-1auisrz {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}

@media (min-width: 0px) {
  .css-1auisrz {
    padding-bottom: 16px;
  }
}

@media (min-width: 960px) {
  .css-1auisrz {
    padding-bottom: 24px;
  }
}

.css-171euje {
  user-select: none;
  display: inline-block;
  fill: currentcolor;
  flex-shrink: 0;
  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
  font-size: 1.5rem;
  margin: 0px;
  width: 16px;
  height: 16px;
  color: rgb(0, 102, 178);
}

.css-e7kn39 {
  box-sizing: border-box;
  margin: 0px;
  flex-direction: row;
  flex-basis: 100%;
  -webkit-box-flex: 0;
  flex-grow: 0;
  max-width: 100%;
  overflow: hidden;
}

@media (min-width: 600px) {
  .css-e7kn39 {
    flex-basis: 100%;
    -webkit-box-flex: 0;
    flex-grow: 0;
    max-width: 100%;
  }
}

@media (min-width: 960px) {
  .css-e7kn39 {
    flex-basis: 50%;
    -webkit-box-flex: 0;
    flex-grow: 0;
    max-width: 50%;
  }
}

@media (min-width: 1200px) {
  .css-e7kn39 {
    flex-basis: 33.3333%;
    -webkit-box-flex: 0;
    flex-grow: 0;
    max-width: 33.3333%;
  }
}

@media (min-width: 1440px) {
  .css-e7kn39 {
    flex-basis: 33.3333%;
    -webkit-box-flex: 0;
    flex-grow: 0;
    max-width: 33.3333%;
  }
}

.css-itdjfv {
  box-sizing: border-box;
  margin: 0px;
  flex-direction: row;
  flex-basis: 100%;
  -webkit-box-flex: 0;
  flex-grow: 0;
  max-width: 100%;
  padding-top: 0px !important;
}

@media (min-width: 600px) {
  .css-itdjfv {
    flex-basis: 100%;
    -webkit-box-flex: 0;
    flex-grow: 0;
    max-width: 100%;
  }
}

@media (min-width: 960px) {
  .css-itdjfv {
    flex-basis: 100%;
    -webkit-box-flex: 0;
    flex-grow: 0;
    max-width: 100%;
  }
}

@media (min-width: 1200px) {
  .css-itdjfv {
    flex-basis: 100%;
    -webkit-box-flex: 0;
    flex-grow: 0;
    max-width: 100%;
  }
}

@media (min-width: 1440px) {
  .css-itdjfv {
    flex-basis: 100%;
    -webkit-box-flex: 0;
    flex-grow: 0;
    max-width: 100%;
  }
}

.image-container {
  position: relative;
  /* Делаем контейнер позиционированным */
  display: inline-block;
  /* Чтобы контейнер подстраивался под размер изображения */
}

.image {
  display: block;
  /* Убираем лишние отступы */
  width: 100%;
  /* Устанавливаем ширину изображения */
  height: auto;
  /* Сохраняем пропорции */
}

.caption {
  position: absolute;
  /* Позиционируем плашку относительно контейнера */
  bottom: 0;
  /* Прижимаем к нижней части изображения */
  left: 0;
  /* Выравниваем по левому краю */
  width: 100%;
  /* Растягиваем на всю ширину изображения */
  background-color: rgba(0, 0, 0, 0.5);
  /* Черный фон с прозрачностью 50% */
  color: white;
  /* Цвет текста */
  padding: 10px;
  /* Внутренние отступы */
  box-sizing: border-box;
  /* Учитываем padding в ширине */
  text-align: center;
  /* Выравнивание текста по центру */
}

body {
  font-family: Arial, sans-serif;
  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
  /* min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center; */
  margin: 0;
}

.calculator {
  background: white;
  padding: 30px;
  border-radius: 15px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  width: 100%;
  max-width: 400px;
}

h1 {
  color: #2c3e50;
  text-align: center;
  margin-bottom: 30px;
  font-size: 24px;
}

.input-group {
  margin-bottom: 25px;
}

label {
  display: block;
  margin-bottom: 8px;
  color: #34495e;
  font-weight: bold;
}

input[type="text"] {
  width: 95%;
  padding: 12px;
  border: 2px solid #ddd;
  border-radius: 8px;
  font-size: 16px;
  transition: border-color 0.3s;
}

input[type="text"]:focus {
  border-color: #3498db;
  outline: none;
}

.slider-container {
  margin: 20px 0;
}

input[type="range"] {
  width: 100%;
  cursor: pointer;
}

.weeks-value {
  text-align: center;
  color: #7f8c8d;
  margin-top: 10px;
  font-size: 14px;
}

.result {
  background: #ecf0f1;
  padding: 20px;
  border-radius: 10px;
  text-align: center;
  margin-top: 25px;
  transition: all 0.3s;
}

.result:hover {
  background: #dfe6e9;
}

.result span {
  color: #27ae60;
  font-size: 24px;
  font-weight: bold;
}

* {
  box-sizing: border-box;
}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: black;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active,
.dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {
    opacity: 0.4;
  }

  to {
    opacity: 1;
  }
}

.reg {
  margin-top: 1rem;
}

.reg * {
  box-sizing: border-box;
}

.container-sm {
  margin: 0 !important;
  padding: 0 !important;
}

@media (max-width: 750px) {
  .reg__list {
    margin-left: 0;
    max-width: 100%;
  }
}

.reg__list {
  max-width: 100%;
  gap: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  list-style-type: none;
  font-family: inherit;
}

.reg__title {
  font-weight: 700;
  font-size: 1.9375rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

.reg__list li {
  display: grid;
  grid-template-columns: 34.8px 1fr;
  gap: 15px;
  align-items: center;
  border-radius: 12px;
  width: 100%;
  position: relative;
  padding: 10px 5px 10px 5px;
  margin-bottom: 10px;
  background: whitesmoke;
  justify-content: start;
  justify-items: start;
  text-align: left;
}

.reg__list li p {
  text-indent: 0;
}

.reg__list--blue li {
  border-left: 3px solid #2a3d98;
  border-right: 3px solid #2a3d98;
}

.reg__list--red li {
  border-left: 3px solid #e11229;
  border-right: 3px solid #e11229;
}

ol li {
  counter-increment: custom-counter;
}

.reg__list li:before {
  line-height: 1;
  padding-bottom: 2px;
}

.reg__before {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px !important;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  position: relative;
}

.reg__list--blue .reg__before {
  border: 3px solid #2a3d98;
  color: #2a3d98;
}

.reg__list--red .reg__before {
  border: 3px solid #e11229;
  color: #e11229;
}

.reg__before:before {
  font-weight: 600;
  font-size: 20px;
  left: 50%;
  top: 50%;
  content: counter(custom-counter);
  position: absolute;
  transform: translate(-50%, -50%);
  font-family: Arial, Helvetica, sans-serif;
}

ul,
ol {
  list-style: none;
  padding-left: 0;
}

.reg__item a {
  color: #e11229 !important;
  text-decoration: underline !important;
}

.reg__item a:hover {
  color: #007fff !important;
  text-decoration: underline !important;
}

.ssrcss-7uxr49-RichTextContainer>*:not([hidden]):not(style):not(.visually-hidden)~*:not([hidden]):not(style):not(.visually-hidden) {
  margin-top: 1rem;
}

.ssrcss-1q0x1qg-Paragraph {}

.info__imp {
  border-left: 5px solid #e11229;
  padding-left: 10px;
  margin-bottom: 40px;
}

.ssrcss-7uxr49-RichTextContainer>*:not([hidden]):not(style):not(.visually-hidden)~*:not([hidden]):not(style):not(.visually-hidden) {
  margin-top: 1rem;
}

.feedback {
  margin-bottom: 20px;
  padding: 30px 16px 12px;
}

.feedback__header {
  display: flex;
  align-items: flex-end;
  padding-bottom: 20px;
}

.feedback__header,
.feedback__body {
  border-bottom: 1px solid #989898;
}

.feedback__photo {
  flex-shrink: 0;
  width: 130px;
  height: 130px;
  margin-right: 20px;
  border-radius: 50%;
  overflow: hidden;
}

.feedback__photo img {
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: cover;
}

.feedback__description {
  flex-grow: 1;
}

.feedback .feedback__name {
  margin: 0;
  /* margin-bottom: 5px; */
  font-weight: 700;
  font-size: 1.6rem;
}

.feedback .feedback__position {
  margin: 0;
  font-weight: 700;
  font-size: 0.8rem;
  color: #787878;
}

.feedback__body {
  padding: 16px 0;
}

.feedback__header,
.feedback__body {
  border-bottom: 1px solid #989898;
}

.feedback__body p {
  margin: 0;
  font-size: 1rem;
}

.ssrcss-7uxr49-RichTextContainer>*:not([hidden]):not(style):not(.visually-hidden)~*:not([hidden]):not(style):not(.visually-hidden) {
  margin-top: 1rem;
}

.reg {
  margin-top: 1rem;
  font-size: 1.1rem;
  line-height: 30px;
}

.sub-title {
  font-weight: 600;
  text-transform: uppercase;
}

.reg__title {
  font-weight: 700;
  font-size: 1.5rem;
}

.reg h3,
.reg p {
  margin: 1rem 0;
}

.ssrcss-1q0x1qg-Paragraph {}

.sub-title {
  font-weight: 600;
  text-transform: uppercase;
}

.list-decimal {
  margin-top: 1rem;
  padding-left: 30px;
  list-style: decimal;
}

::marker {
  unicode-bidi: isolate;
  font-variant-numeric: tabular-nums;
  text-transform: none;
  text-indent: 0px !important;
  text-align: start !important;
  text-align-last: auto !important;
}

.default-list {
  margin-top: 1rem;
  list-style: disc;
  padding-left: 30px;
}

@media (max-width: 960px) {
  .video {
    box-sizing: border-box;
    height: 240px;
  }
}

a {
  -webkit-tap-highlight-color: transparent;
}

.article-content__wrapper h2 {
  font-weight: bold;
}