#menu-main-menu .menu-item, #menu-menu-principal .menu-item {
    padding: 15px 0;
}

.main-content.fixpadding {
  padding-top: 25px !important;
}

.breadcrumb {
  max-width: 1200px;
  margin: 0 auto;
  margin-bottom: 32px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: stretch;
      align-items: stretch;
}

@media screen and (min-width: 46rem) {
  .breadcrumb {
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
  }
}

html {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
}

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

body {
  font-family: "Nunito", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  color: #333;
  margin: 0;
  padding: 0;
  height: 100%;
  scroll-behavior: smooth;
}

h1, h2, h3 {
  font-family: "Oswald", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-size: inherit;
  margin: 0;
}

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

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

ul {
  margin: 0;
  padding: 0;
  list-style-position: inside;
}

strong {
  font-weight: 600;
}

iframe {
  width: 100%;
}

figure {
  max-width: 100%;
  margin: 0;
  line-height: 1;
}

img {
  width: 100%;
  height: auto;
}

small {
  font-size: 12px;
}

@media screen {
  .screen-reader-only,
  .screen-reader-text {
    display: none;
  }
}

@media screen and (min-width: 46rem) {
  .mobile-only {
    display: none !important;
  }
}

.mobile-hide {
  display: none;
}

@media screen and (min-width: 46rem) {
  .mobile-hide {
    display: block;
  }

  #loginform.customlogin {
    max-width: 100%;
    min-width: 100%;
  }
}


@media screen and (max-width: 468px) {
  #loginform.customlogin {
    max-width: 100%;
    min-width: 100%;
  }
}

.alert {
  display: block;
  margin: auto;
  width: 90%;
  background-color: #ff9999;
  color: #991919;
  border: 1px solid #991919;
  padding: 15px;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 18px;
}

textarea,
select,
input:not([type='button']):not([type='checkbox']):not([type='radio']):not([type='submit']) {
  background-color: #FFF;
  border: 1px solid #BBB;
  padding: 10px;
  width: 100%;
}

textarea:-ms-input-placeholder,
select:-ms-input-placeholder,
input:not([type='button']):not([type='checkbox']):not([type='radio']):not([type='submit']):-ms-input-placeholder {
  color: #333;
}

textarea::placeholder,
select::placeholder,
input:not([type='button']):not([type='checkbox']):not([type='radio']):not([type='submit'])::placeholder {
  color: #333;
}

.lang-item {
  width: 25px !important;
}

@media screen and (min-width: 75rem) {
  .lang-item {
    width: 50px !important;
  }
}

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

.archive__section {
  border: 1px solid #e7e7e7;
  padding: 15px;
  margin-bottom: 15px;
}

.archive__section:hover, .archive__section:focus {
  background-color: #F7f7f7;
}

.archive__section .news__box {
  margin-bottom: 0;
  width: 100%;
}

.button, .button--large, .button--xlarge, .button--small, .button--xsmall, .button--red, .comment-reply-link, .button--grey, .button--green, .comment-form [type='submit'], input[class*='button'] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row no-wrap;
      flex-flow: row no-wrap;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: #f2f2f2;
  padding: 16px;
  height: 40px;
  line-height: 1;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05);
  transition: background-color 700ms, box-shadow 700ms, color 700ms;
  margin-bottom: 15px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.button .icon, .button--large .icon, .button--xlarge .icon, .button--small .icon, .button--xsmall .icon, .button--red .icon, .comment-reply-link .icon, .button--grey .icon, .button--green .icon, .comment-form [type='submit'] .icon, input[class*='button'] .icon {
  width: 22px;
  height: 22px;
  margin-right: 15px;
  fill: #333;
  transition: fill 700ms;
}

.button:hover, .button--large:hover, .button--xlarge:hover, .button--small:hover, .button--xsmall:hover, .button--red:hover, .comment-reply-link:hover, .button--grey:hover, .button--green:hover, .comment-form [type='submit']:hover, input[class*='button']:hover, .button:focus, .button--large:focus, .button--xlarge:focus, .button--small:focus, .button--xsmall:focus, .button--red:focus, .comment-reply-link:focus, .button--grey:focus, .button--green:focus, .comment-form [type='submit']:focus, input[class*='button']:focus {
  background-color: #cccccc;
  color: #FFF;
  text-decoration: none;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(0, 0, 0, 0.05);
  transition: background-color 700ms, box-shadow 700ms, color 700ms;
}

.button:hover .icon, .button--large:hover .icon, .button--xlarge:hover .icon, .button--small:hover .icon, .button--xsmall:hover .icon, .button--red:hover .icon, .comment-reply-link:hover .icon, .button--grey:hover .icon, .button--green:hover .icon, .comment-form [type='submit']:hover .icon, input[class*='button']:hover .icon, .button:focus .icon, .button--large:focus .icon, .button--xlarge:focus .icon, .button--small:focus .icon, .button--xsmall:focus .icon, .button--red:focus .icon, .comment-reply-link:focus .icon, .button--grey:focus .icon, .button--green:focus .icon, .comment-form [type='submit']:focus .icon, input[class*='button']:focus .icon {
  fill: #FFF;
  transition: fill 700ms;
}

.button--large {
  height: 48px;
  font-size: 18px;
  border-radius: 48px;
}

.button--large .icon {
  width: 22px;
  height: 22px;
  margin-right: 12px;
}

.button--xlarge {
  height: 56px;
  font-size: 18px;
  border-radius: 56px;
  padding: 20px;
}

.button--xlarge .icon {
  width: 24px;
  height: 24px;
  margin-right: 12px;
}

.button--small {
  height: 32px;
  font-size: 14px;
  border-radius: 32px;
}

.button--small .icon {
  width: 18px;
  height: 18px;
  margin-right: 10px;
}

.button--xsmall {
  height: 24px;
  font-size: 12px;
  border-radius: 24px;
  padding: 14px 16px;
}

.button--xsmall .icon {
  width: 18px;
  height: 18px;
  margin-right: 10px;
}

.button--red, .comment-reply-link {
  background-color: #045384;
  color: #FFF;
}

.button--red .icon, .comment-reply-link .icon {
  fill: #FFF;
}

.button--red:hover, .comment-reply-link:hover, .button--red:focus, .comment-reply-link:focus {
  background-color: #fb0000;
}

.button--grey {
  background-color: #333;
  color: #FFF;
}

.button--grey .icon {
  fill: #FFF;
}

.button--grey:hover, .button--grey:focus {
  background-color: #4d4d4d;
}

.button--green, .comment-form [type='submit'] {
  background-color: #00b894;
  color: #FFF;
}

.button--green .icon, .comment-form [type='submit'] .icon {
  fill: #FFF;
}

.button--green:hover, .comment-form [type='submit']:hover, .button--green:focus, .comment-form [type='submit']:focus {
  background-color: #00ebbd;
}

.brand {
  width: 170px;
  height: 50px;
}

.brand__picture {
  width: 100%;
  height: 100%;
}

.breadcrumb {
  display: none;
}

@media screen and (min-width: 46rem) {
  .breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    -ms-flex-align: center;
        align-items: center;
    padding: 30px 15px;
    margin-bottom: 0;
    font-size: 14px;
    width: 100vw;
  }
  .breadcrumb__item {
    margin: 0 2px;
    color: #045384;
  }
  .breadcrumb__item:last-child {
    color: #333;
  }
  .breadcrumb .caret {
    display: -ms-flexbox;
    display: flex;
  }
  .breadcrumb .caret svg {
    height: 16px;
    width: 16px;
    fill: #045384;
  }
}

.caret {
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-flow: row;
      flex-flow: row;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: baseline;
      align-items: baseline;
}

.caret svg {
  height: 22px;
  width: 22px;
  fill: #00b894;
}

.comments {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #e7e7e7;
}

.comments__title {
  font-size: 22px;
  font-family: "Oswald", sans-serif;
}

.comments ol, .comments ul {
  list-style-type: none;
  padding-left: 0;
}

.comments ol ol,
.comments ul ul {
  padding-left: 30px;
  border-left: 1px dashed #045384;
}

.vcard, .comment-reply-title {
  font-size: 18px;
  text-transform: uppercase;
}

.vcard .avatar, .comment-reply-title .avatar {
  width: 30px;
  height: 30px;
}

.comment-body, .comment-respond {
  border: 1px solid #e7e7e7;
  border-left: 5px solid #045384;
  padding: 15px;
  margin-bottom: 15px;
}

.comment-metadata {
  font-size: 12px;
}

.comment-reply-link {
  display: inline-block;
  margin: 15px 0;
  margin-bottom: 5px;
  height: auto;
}

.comment-respond {
  border-left: 1px solid #045384;
  border-color: #e7e7e7;
  background-color: #EFEFEF;
}

.comment-form [type='submit'] {
  border: 0;
  height: auto;
  font-size: 18px;
}

textarea#comment {
  border: 1px solid #e7e7e7;
}

.content {
  padding: 15px;
}

.content__title, .archive__title {
  font-size: 24px;
  margin: 32px 0;
  color: #045384;
  font-weight: 300;
  text-transform: uppercase;
}

.content__header {
  padding-bottom: 32px;
}

.main-content {
  padding-top: 150px;
  max-width: 1200px;
  margin: 0 auto;
}

@media screen and (min-width: 46rem) {
  .main-content {
    padding-top: calc(230px + 150px);
  }
}

.main-content:not(.frontpage) {
  max-width: 1200px;
  margin: 0 auto;
  margin-bottom: 32px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: stretch;
      align-items: stretch;
}

@media screen and (min-width: 46rem) {
  .main-content:not(.frontpage) {
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
  }
}

.single,
.page,
.archive,
.search {
  padding-top: 15px !important;
}

@media screen and (min-width: 46rem) {
  .single,
  .page,
  .archive,
  .search {
    width: 75%;
    padding: 0 15px;
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
  }
}

.page .content__title, .page .archive__title {
  margin-top: 0;
}

.the_content a {
  color: #045384;
  text-decoration: none;
}

.the_content a:hover {
  text-decoration: underline;
}

.controlWrap.upContent + main.main-content {
  padding-top: 150px;
}
.controlWrap {
	position: relative;
    z-index: 999;
}

.date-label {
  padding: 5px;
  font-size: 12px;
  color: #FFF;
  text-transform: capitalize;
}

.date-label .icon {
  width: 11px;
  height: 11px;
  margin-right: 5px;
  fill: #FFF;
}

.content__body .date-label {
  color: #333;
}

.content__body .date-label .icon {
  width: 12px;
  height: 12px;
  fill: #333;
}

.error {
  font-size: 60px;
  color: #045384;
}

small.error {
  font-size: 16px;
}

.sorry {
  font-size: 30px;
}

.maybe {
  font-size: 26px;
}

.footer-navigation {
  display: none;
}

@media screen and (min-width: 64rem) {
  .footer-navigation {
    display: block;
    margin: 32px 0;
  }
  .footer-navigation .footer-menu {
    margin: 0 auto;
    list-style-type: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    -ms-flex-pack: center;
        justify-content: center;
  }
  .footer-navigation .footer-menu .menu__item {
    text-align: left;
    font-size: 18px;
    text-transform: uppercase;
    font-family: "Oswald", sans-serif;
    font-weight: 300;
    border-right: 1px solid #cccccc;
    padding: 0 30px;
    color: #045384;
  }
  .footer-navigation .footer-menu .menu__item:last-child {
    border: 0;
  }
  .footer-navigation .footer-menu .sub-menu {
    all: unset;
    margin: 15px 0;
    display: block;
  }
  .footer-navigation .footer-menu .sub-menu .sub-menu__item {
    color: #333;
    text-transform: none;
    margin-bottom: 15px;
  }
  .footer-navigation .footer-menu .sub-menu .sub-menu__item:hover {
    color: #045384;
  }
}

.hero {
  background-color: #0083C4;
}

@media screen and (min-width: 40rem) {
  .hero {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 80% auto;
        grid-template-columns: 80% auto;
    grid-template-areas: 'hero_highlight hero_navigation' 'hero_highlight hero_navigation-all';
  }

}

@media screen and (min-width: 46rem) {
  .hero {
    -ms-grid-columns: 667px auto;
        grid-template-columns: 667px auto;
  }
}

@media screen and (min-width: 75rem) {
  .hero {
    -ms-grid-columns: 1015px auto;
        grid-template-columns: 1015px auto;
  }
	
}

.hero__highlight {
  position: relative;
  margin-bottom: 90px;
}

@media screen and (min-width: 30rem) {
  .hero__highlight {
    margin-bottom: 90px;
  }
}

@media screen and (min-width: 40rem) {
  .hero__highlight {
    grid-area: hero_highlight;
    margin-bottom: 0;
    overflow: hidden;
    max-height: 595px;
  }
}

.hero .the-picture {
  display: -ms-flexbox;
  display: flex;
}

.hero__info {
  position: absolute;
  width: 100%;
  top: 100%;
  background-color: #333;
  color: #f2f2f2;
}

@media screen and (min-width: 30rem) {
  .hero__info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}

@media screen and (min-width: 40rem) {
  .hero__info {
    top: unset;
    bottom: 0;
  }
}

@media screen and (min-width: 64rem) {
  .hero__info {
    height: 105px;
  }
}

.hero__title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 10px;
  height: 80px;
}

@media screen and (min-width: 64rem) {
  .hero__title {
    font-size: 24px;
    font-weight: 300;
    width: 100%;
    text-transform: uppercase;
    line-height: 1;
  }
}

.hero__read-more {
  display: block;
  position: relative;
  background-color: #6c5ce7;
  text-align: center;
  padding: 5px 0;
}

@media screen and (min-width: 30rem) {
  .hero__read-more {
    padding: 6px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    width: 110px;
  }
}

.hero__read-more::after, .hero__navigation-all::after {
  display: block;
  position: absolute;
  top: -10px;
  left: 0;
  right: 0;
  margin: auto;
  content: '';
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #045384;
}

@media screen and (min-width: 30rem) {
  .hero__read-more::after, .hero__navigation-all::after {
    top: calc(50% - 10px);
    left: calc(-100% - 20px);
    border-top: 10px solid transparent;
    border-right: 10px solid #045384;
    border-bottom: 10px solid transparent;
  }
}

.hero__navigation {
  list-style: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 50%;
  margin: 0 auto;
  padding-top: 15px;
}

@media screen and (min-width: 40rem) {
  .hero__navigation {
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    grid-area: hero_navigation;
    padding-top: 0;
    width: 100%;
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
}

.hero__navigation-item {
  width: 20px;
  height: 20px;
  background-color: #ff6262;
  border-radius: 100%;
}

@media screen and (min-width: 40rem) {
  .hero__navigation-item {
    position: relative;
    border-radius: 0;
    width: 100%;
    height: auto;
    padding: 10px;
    background-color: transparent;
  }
  .hero__navigation-item.active {
    background-color: #ff6262;
  }
  .hero__navigation-item.active::before {
    position: absolute;
    display: block;
    content: '';
    top: calc(50% - 10px);
    left: -10px;
    border-top: 10px solid transparent;
    border-right: 10px solid #ff6262;
    border-bottom: 10px solid transparent;
  }
  .hero__navigation-item:last-child {
    display: none;
  }
}

@media screen and (min-width: 40rem) and (min-width: 75rem) {
  .hero__navigation-item:last-child {
    display: block;
  }
}

.hero__navigation-all {
  display: block;
  position: relative;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  color: #FFF !important;
  padding: 15px;
  text-align: center;
  margin-top: 30px;
}

@media screen and (min-width: 40rem) {
  .hero__navigation-all {
    grid-area: hero_navigation-all;
  }
}

@media screen and (min-width: 46rem) {
  .hero__navigation-all {
    margin-top: 0;
  }
}

@media screen and (min-width: 64rem) {
  .hero__navigation-all {
    width: 165px;
    margin: 10px;
    height: 95px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
  }
}

.hero__navigation-all::after {
  border-bottom-color: rgba(255, 255, 255, 0.3);
}

@media screen and (min-width: 30rem) {
  .hero__navigation-all::after {
    top: 0;
    left: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-top: 10px solid #045384;
  }
}

.hero__thumb {
  cursor: pointer;
  display: block;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 40rem) {
  .hero__thumb {
    position: relative;
  }
  .hero__thumb-headline {
    display: none !important;
  }
}

.hero__thumb * {
  display: none;
}

@media screen and (min-width: 40rem) {
  .hero__thumb * {
    display: block;
  }
}

.hero .news-tag,
.hero .date-label {
  position: absolute;
}

.hero .news-tag {
  margin: 5px;
  z-index: 1;
  padding: 7px 12px;
}

.hero .date-label {
  right: 0;
  z-index: 3;
}

@media screen and (min-width: 46rem) {
  .highlights {
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (min-width: 64rem) {
  .highlights__news {
    margin: auto;
  }
}

.highlights__ads {
  margin: 5px 0;
  padding: 10px;
}

@media screen and (min-width: 46rem) {
  .highlights__ads {
    margin: 0;
    background-color: #e7e7e7;
  }
}

.home__body {
  padding: 15px;
}

@media screen and (min-width: 40rem) {
  .home__body {
    display: -ms-grid;
    display: grid;
    grid-gap: 10px;
    grid-template-areas: 'first-column' 'second-column';
  }
}

@media screen and (min-width: 46rem) {
  .home__body {
    grid-template-areas: 'first-column' 'second-column';
    grid-gap: 15px;
    max-width: 852px;
    padding: 15px 0;
    margin: auto;
  }
}

@media screen and (min-width: 75rem) {
  .home__body {
    max-width: 100%;
    -ms-grid-columns: auto 270px;
        grid-template-columns: auto 270px;
    grid-template-areas: 'first-column second-column';
  }
}

@media screen and (min-width: 30rem) {
  .home__body-column:nth-child(2) {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
  }
}

@media screen and (min-width: 75rem) {
  .home__body-column:nth-child(2) {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
  }
}

@media screen and (min-width: 46rem) {
  .home__body-column:first-child {
    display: -ms-grid;
    display: inline-block;
    -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    -ms-grid-rows: (290px)[3];
        grid-template-rows: repeat(3, 290px);
    grid-gap: 15px;
  }
}

.news__box {
    margin-bottom: 30px;
    display: inline-block;
    width: 48%;
	padding: 10px;
}
.row {
	margin-right: 0px;
    margin-left: 0px;
}
@media screen and (max-width: 410px) {
	.news__box {
		margin-bottom: 30px;
		display: inline-block;
		width: 100% !important; 
	}
}

.icon {
  width: 28px;
  height: 28px;
}

.lang-item {
  width: 50px;
  height: auto;
  display: block;
}

.main-footer {
  background-color: #f2f2f2;
  padding: 15px;
}

.main-footer__container {
  max-width: 1200px;
  margin: 0 auto;
}

.main-footer__subscribe {
  max-width: 300px;
  margin: 0 auto;
}

.main-footer .copy {
  text-align: center;
  font-size: 12px;
  width: 100%;
  display: block;
}

.more-info {
  border-top: 1px solid #e7e7e7;
  margin-top: 32px;
  padding-top: 32px;
}

.more-info__title {
  font-family: "Oswald", sans-serif;
  font-size: 22px;
  margin-bottom: 15px;
}

.more-info__list {
  list-style-type: none;
}

@media screen and (min-width: 64rem) {
  .more-info__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    grid-auto-rows: 1fr 1fr;
    grid-gap: 15px;
  }
}

.more-info__item {
  margin: 32px 0;
}

.more-info__item-title {
  font-weight: 300;
  margin-top: 15px;
  font-size: 22px;
}

.more-info__item-title:hover {
  color: #045384;
}

.news__box {
  margin-bottom: 30px;
}

.news__link {
  display: block;
}

@media screen and (min-width: 30rem) {
  .news__link {
    display: -ms-grid;
    display: grid;
    grid-column-gap: 10px;
    -ms-grid-rows: 90px 1fr 2fr;
        grid-template-rows: 90px 1fr 2fr;
    -ms-grid-columns: 150px auto;
        grid-template-columns: 150px auto;
    grid-template-areas: 'news__thumbnail news__info' 'news__title news__title' 'news__excerpt news__excerpt';
  }
}

@media screen and (min-width: 46rem) {
  .news__link {
    grid-template-areas: 'news__thumbnail news__info' 'news__title news__title' 'news__excerpt news__excerpt';
  }
}

.news__title {
  margin-top: 15px;
  grid-area: news__title;
  font-size: 24px;
}

@media screen and (min-width: 30rem) {
  .news__thumbnail {
    grid-area: news__thumbnail;
    width: 150px;
    height: 90px;
  }
}

.news__info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
  grid-area: news__info;
}

.news__info span:not(:last-child) {
  margin-right: 15px;
}

.news__info .date-label {
  color: #333;
}

.news__info .date-label .icon {
  fill: #333;
}

.news__info .comment-counter {
  font-size: 12px;
  color: #333;
}

.news__info .comment-counter .icon {
  width: 11px;
  height: 11px;
  margin-right: 5px;
  fill: #333;
}

.news__excerpt {
  margin: 0;
  margin-top: 10px;
  grid-area: news__excerpt;
}

.issue-number {
  font-size: 10px;
  font-family: monospace;
  grid-area: issue-number;
  color: #999;
}

.news-tag {
  padding: 2px 12px;
  text-transform: uppercase;
  background-color: #045384;
  font-family: "Oswald", sans-serif;
  font-weight: 300;
  font-size: 12px;
  letter-spacing: 2px;
  line-height: 1;
  color: #FFF;
}

.pagination .page-numbers {
  background-color: #e7e7e7;
  padding: 5px 15px;
  font-size: 12px;
  border: 1px solid #cccccc;
}

.pagination .page-numbers:hover {
  background-color: #ff9595;
  border-color: #045384;
}

.pagination .page-numbers.current {
  background-color: #1fffd3;
  border-color: #00b894;
}

.search-box {
  position: fixed;
  top: 50px;
  width: 100vw;
  padding: 15px;
  z-index: 6;
  background-color: #FFF;
  border: 1px solid #cccccc;
  border-top: 0;
  transform: translate3d(0, 0, 0);
  transition: transform 700ms linear;
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  max-width: 640px;
  left: 0;
  right: 0;
  margin: auto;
  display: none;
}

@media screen and (min-width: 75rem) {
  .search-box {
    right: 0;
  }
}

.search-box.active {
  transform: translate3d(0, 100px, 0);
  transition: transform 700ms linear;
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  display: block;
}

@media screen and (min-width: 46rem) {
  .search-box.active {
    transform: translate3d(0, 330px, 0);
    transition: transform 700ms linear;
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    display: block;
  }

  .search-box.active.fixpadding {
    transform: translate3d(0, 133px, 0);
  }
}

.search-form {
  margin: 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 10fr 1fr;
      grid-template-columns: 10fr 1fr;
}

.search-submit {
  border: 0;
  background-color: #045384;
  color: #FFF;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.sidebar {
  padding: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
}

.sidebar [class*='widget'] {
  padding: 0 5px 10px 5px;
}

@media screen and (min-width: 30rem) and (orientation: landscape) {
  .sidebar {
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    -ms-flex-pack: center;
        justify-content: center;
  }
}

@media screen and (min-width: 46rem) {
  .sidebar {
    width: 25%;
    padding: 0 15px;
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
    -ms-flex-pack: start;
        justify-content: flex-start;
    padding-top: 15px;
  }
}

@media screen and (min-width: 64rem) {
  .sidebar {
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
  }
}

.topbarsidebar {
  display: none;
}

@media screen and (min-width: 46rem) {
  .topbarsidebar {
    background-color: #FFF;
    position: absolute;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    z-index: 7;
    height: 230px;
  }
  .topbarsidebar .leaderboard {
    max-width: 768px;
  }
}

.topbarsidebar.hide {
  display: none;
}

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

.social-menu__title {
  font-size: 28px;
  margin-bottom: 15px;
  font-weight: 300;
}

.social-menu__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-bottom: 15px;
}

.social-menu__item {
  list-style: none;
  margin: 0 10px;
}

.stocks {
  margin: 25px 0;
}

@media screen and (min-width: 40rem) {
  .stocks {
    margin-top: 0;
  }
}

.stocks__row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 2fr 2fr 1fr 2fr;
      grid-template-columns: 2fr 2fr 1fr 2fr;
  border-bottom: 1px solid #a6a6a6;
}

.stocks__row:first-child {
  border-top: 1px solid #a6a6a6;
}

.stocks__row:nth-child(even) {
  background-color: #f2f2f2;
}

.stocks__cell {
  font-size: 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 10px 0;
}

.stocks__cell .icon {
  width: 20px;
  height: 20px;
}

.toggle-button {
  border: 0;
  background-color: transparent;
  padding: 0;
  fill: #333;
  cursor: pointer;
}

@media screen and (min-width: 75rem) {
  .toggle-button {
    display: none;
  }
}

.toggle-button:hover .icon {
  fill: #045384;
}

.topbar {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05);
  height: 150px;
  
  width: 100%;
  z-index: 3;
  background-color: #FFF;
  border-top: 1px solid #e7e7e7;
}

@media screen and (min-width: 75rem) {
  .topbar.low {
    position: absolute;
    top: 230px;
  }
}

.topbar__section, .topbar__section--top, .topbar__section--bottom {
  display: -ms-grid;
  display: grid;
}

.topbar__section--top {
  -ms-grid-columns: 1fr 4fr 50px;
      grid-template-columns: 1fr 4fr 50px;
  -ms-grid-rows: 95px;
      grid-template-rows: 95px;
  grid-template-areas: 'menu-toggle brand search-toggle';
}

@media screen and (min-width: 75rem) {
  .topbar__section--top {
    -ms-grid-columns: 1fr 4fr 50px;
        grid-template-columns: 1fr 4fr 50px;
    grid-template-areas: 'brand top-nav search-toggle';
  }
}

.topbar__section--bottom {
  -ms-grid-columns: 30px 1fr 94px;
      grid-template-columns: 30px 1fr 94px;
  grid-template-areas: 'bottom-nav bottom-nav bottom-nav';
  -ms-grid-rows: 55px;
      grid-template-rows: 55px;
  background-color: #f2f2f2;
}

@media screen and (min-width: 480px) {
  .topbar__section--bottom {
    -ms-grid-columns: 1fr 320px 1fr;
        grid-template-columns: 1fr 320px 1fr;
  }
}

@media screen and (min-width: 40rem) {
  .topbar__section--bottom {
    grid-template-areas: '. bottom-nav .';
  }
}

@media screen and (min-width: 75rem) {
  .topbar__section--bottom {
    -ms-grid-columns: 1fr 4fr 185px;
        grid-template-columns: 1fr 4fr 185px;
  }
}

.topbar .menu {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  list-style-type: none;
  font-family: "Oswald", sans-serif;
  font-weight: 300;
}

@media screen and (min-width: 75rem) {
  .topbar .menu {
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
}

@media screen and (min-width: 75rem) {
  .topbar .menu__item .menu-item {
    padding: 15px;
  }
  
}

.topbar .menu__item .featured {
  color: #045384;
}

@media screen and (min-width: 75rem) {
  .topbar .menu__item:hover {
    color: #045384;
  }
}

.topbar #top-nav {
  position: absolute;
  top: 150px;
  height: calc(100vh - 150px);
  width: 100vw;
  background-color: #FFF;
  z-index: 2;
  padding: 15px;
  transform: translate3d(-100vw, 0, 0);
  transition: transform 700ms linear;
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

@media screen and (min-width: 75rem) {
  .topbar #top-nav {
    position: relative;
    top: 0;
    height: auto;
    width: 100%;
    z-index: 0;
    box-shadow: none;
    padding: 0;
    transform: translate3d(0, 0, 0);
    transition: transform 700ms linear;
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  }
}

.topbar #top-nav.active {
  transform: translate3d(0, 0, 0);
  transition: transform 700ms linear;
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.topbar #top-nav .navigation {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
}

@media screen and (min-width: 75rem) {
  .topbar #top-nav .navigation {
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    -ms-flex-align: center;
        align-items: center;
  }
}

.topbar #top-nav .menu {
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  text-align: center;
  font-size: 22px;
  text-transform: uppercase;
}

@media screen and (min-width: 75rem) {
  .topbar #top-nav .menu {
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
  }
}

.topbar #top-nav .menu__item:not(:last-child) {
  margin-bottom: 25px;
}

@media screen and (min-width: 75rem) {
  .topbar #top-nav .menu__item:not(:last-child) {
    margin: 0 25px;
  }
}

@media screen and (min-width: 75rem) {
  .topbar #top-nav .menu__item:first-child {
    margin-left: 0;
  }
  .topbar #top-nav .menu__item:last-child {
    margin-left: 10px;
  }
  .topbar #top-nav .menu__item:hover .sub-menu {
    display: block;
    position: absolute;
    margin-top: 10px;
    padding: 15px;
    text-align: left;
  }
  .topbar #top-nav .menu__item:hover .sub-menu:before {
    left: calc(-100% + 40px);
  }
}

.topbar #top-nav .sub-menu {
  padding: 15px 30px;
  list-style-type: none;
  background-color: #e7e7e7;
  font-size: 18px;
  margin-top: 15px;
  position: relative;
  z-index: 7;
  display: none;
}

.topbar #top-nav .sub-menu .sub-menu__item {
  margin: 15px 0;
  color: #333;
}

.topbar #top-nav .sub-menu .sub-menu__item:hover {
  color: #045384;
}

@media screen and (min-width: 75rem) {
  .topbar #top-nav .sub-menu {
    box-shadow: 3px 3px 5px #999;
  }
}

.topbar #top-nav .sub-menu::before {
  display: block;
  position: absolute;
  top: -10px;
  left: 0;
  right: 0;
  margin: auto;
  content: '';
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #e7e7e7;
}

.topbar #top-nav .sub-menu.open {
  display: block;
}

@media screen and (min-width: 75rem) {
  .topbar #bottom-nav {
    -ms-flex-pack: start !important;
        justify-content: flex-start !important;
  }
  .topbar #bottom-nav .menu__item {
    font-size: 18px;
  }
}

.topbar #bottom-nav .navigation {
  width: 100%;
}

.topbar #menu-toggle {
  grid-area: menu-toggle;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.topbar #brand {
  grid-area: brand;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.topbar #top-nav {
  grid-area: top-nav;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.topbar #search-toggle {
  grid-area: search-toggle;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.topbar #bottom-nav {
  grid-area: bottom-nav;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

@media screen and (min-width: 75rem) {
  .topbar .topbar #search-toggle {
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
}

.tnp-subscription {
  max-width: 100% !important;
  font-family: Arial, sans-serif;
}

.closeBanner {
  display: block;
  text-align: right;
}

.widgettitle {
  display: none;
}

.widget_wrap {
  margin-bottom: 15px;
}

#spu-1478 .tnp-lists div.tnp-field {
  display: inline-block;
}

#spu-1478 .spu-content .tnp-subscription {
  margin: 15px 0 0;
}

#spu-1478 .spu-content h3 {
      font-size: 150%;
}

#spu-1478 .tnp-lists {
  float: left;
}

#spu-1478 .tnp-field-button {
    float: right;
}


.search-box label {
  margin-bottom: 0;
}





#spu-1486 .tnp-lists div.tnp-field {
  display: inline-block;
}

#spu-1486 .spu-content .tnp-subscription {
  margin: 15px 0 0;
}

#spu-1486 .spu-content h3 {
      font-size: 150%;
}

#spu-1486 .tnp-lists {
  float: left;
}

#spu-1486 .tnp-field-button {
    float: right;
}


.footernews {
      padding-top: 0;
}

.footernews .tnp-lists {
  float: left;
}

.footernews .tnp-field-button {
    float: right;
}

.footernews .tnp-subscription input.tnp-submit {
  background: #045384;
}

.footernews p {
      text-align: left;
    font-size: 18px;
    text-transform: uppercase;
    font-family: "Oswald", sans-serif;
    font-weight: 300;
    color: #045384;
}

.footernews .tnp-subscription {
  width: 100%;
  margin:15px 0;
}

.topbar #top-nav .menu__item:not(:last-child) {
  margin:0 10px;
}

#loginform.customlogin {
  max-width: 50%;
  min-width: 300px;
  margin:0 auto;
}

.login-submit .button {
    background: #444;
    color: #fff;
    width: auto;
    height: auto;
    margin: 0;
    padding: 10px;
    border:0;
    box-shadow:none;
}

.login-submit .button:hover {
    background: #444;
    color: #fff;
    width: auto;
    height: auto;
    margin: 0;
    padding: 10px;
    border:0;
    box-shadow:none;
}

.lwa.lwa-default {
  max-width: 500px;
}

.pum-theme-2140 .pum-title, .pum-theme-lightbox .pum-title {
  margin-bottom: 30px;
}

.tnp-field.tnp-field-list {
  display: inline-block;
  margin:20px 20px 20px 0;
}

.pum-title, .pum-theme-lightbox .pum-title {
  font-family: "Oswald", sans-serif !important;
      font-weight: 300;
}

.tnp-field input[type="submit"] {
  background: #045384;
    color: #fff;
    border-radius: 0;
    border: 0;
    cursor: pointer;
}

/****
Development by Nabeel Subhani 
***/ 

#top-header-banner {
	list-style: none;
	margin: auto;
	padding: 10px 20px;
}
.home-special-item {width: 33%; display: inline-block;}
	.home-special-item-img {width: 65%;}
.special-thumb {    width: 65%;}
@media screen and (min-width: 30rem) {
.home-special-item-img {width: 100%;  display: inline-block;}
.home-special-item {width: 100%; display: inline-block;}
.home-special-item > img {
    vertical-align: unset;
}
}

/* Create two equal columns that floats next to each other */
.column-img {
  float: left;
  width: 65%;
  padding: 10px;
}
.column-post {
  width: 33%;
  padding: 10px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column-img {
    width: 100%;
  }
  .column-post {
    width: 100%;
  }
}


.responsive-image {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    box-shadow: inset 0 0 80px rgba(0, 0, 0, 0.5);
}

.responsive-image img {
    display: block;
    width: 100%;
}

img {
    border: none;
}

@media (min-width: 37.5em) {
    body:after {
        content: "group-3";
        visibility: hidden;
        position: absolute;
        clip: rect(0 0 0 0);
    }
    body .js-breakpoints-group-3 {
        position: absolute;
    }
}

.tag::before {
    content: " ";
    display: inline-block;
    margin-right: 0.5rem;
    border-left: 2px solid #47a1d8;
    height: 0.75rem;
    padding: 0;
    width: 0;
}

.tag--news::before {
    border-color: #e91802;
}

.tag--uk-news::before {
    border-color: #e91802;
}

.tag--latin-america-news::before {
    border-color: #e91802;
}

.tag--middle-east-news::before {
    border-color: #e91802;
}

.tag--europe-news::before {
    border-color: #e91802;
}

.tag--science::before {
    border-color: #e91802;
}

.tag--business::before {
    border-color: #e91802;
}

.tag--technology::before {
    border-color: #e91802;
}

.tag--entertainment::before {
    border-color: #e91802;
}

.tag--australian-news::before {
    border-color: #e91802;
}

.tag--australian-features::before {
    border-color: #e91802;
}

.tag--asian-news::before {
    border-color: #e91802;
}

.tag--indian-news::before {
    border-color: #e91802;
}

.tag--african-news::before {
    border-color: #e91802;
}

.tag--african-features::before {
    border-color: #e91802;
}

.tag--african-watch-listen::before {
    border-color: #e91802;
}

.tag--us-canada-news::before {
    border-color: #e91802;
}

.tag--health::before {
    border-color: #e91802;
}

.tag--sport::before {
    border-color: #ffd930;
}

.tag--tennis::before {
    border-color: #ffd930;
}

.tag--golf::before {
    border-color: #ffd930;
}

.tag--football::before {
    border-color: #ffd930;
}

.tag--african-football::before {
    border-color: #ffd930;
}

.tag--formula-1::before {
    border-color: #ffd930;
}

.tag--good-food::before {
    border-color: #667d36;
}

.tag--earth::before {
    border-color: #008e9b;
}

.tag--capital::before {
    border-color: #064473;
}

.tag--future::before {
    border-color: #000;
}

.tag--culture::before {
    border-color: #362e67;
}

.tag--culture-na::before {
    border-color: #362e67;
}

.tag--autos::before {
    border-color: #c29a58;
}

.tag--travel::before {
    border-color: #589e50;
}

.tag--videos::before {
    border-color: #47a1d8;
}

.tag--videos-must-see::before {
    border-color: #47a1d8;
}

.tag--in-pictures::before {
    border-color: #47a1d8;
}

.tag--feature::before {
    border-color: #47a1d8;
}

.tag--magazine::before {
    border-color: #47a1d8;
}

.tag--default::before {
    border-color: #47a1d8;
}

.block-link {
    position: relative;
}

.block-link a,
.block-link abbr[title],
.block-link__link {
    position: relative;
    z-index: 2;
}

.block-link__overlay-link {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    text-indent: 200%;
    white-space: nowrap;
    visibility: visible;
    background: transparent;
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}

a.block-link__overlay-link {
    position: absolute;
    z-index: 1;
}

body.bbccom_platinum .advert--platinum::after,
body.bbccom_platinum .advert--platinum .bbccom_slot::after,
.module::after,
.module__content::after,
.module__title::after,
.top-list-item__link::after,
.module--weather .weather--results::after,
.module--weather .forecast::after,
.video__items::after,
.channels .channel__links::after,
.wsradio::after {
    clear: both;
    content: "";
    display: table;
}

.container,
.media-list,
.channels,
.ws,
.ws-headlines__list,
.ws-languages__list {
    margin-left: -8px;
    margin-right: -8px;
}

.container::after,
.media-list::after,
.channels::after,
.ws::after,
.ws-headlines__list::after,
.ws-languages__list::after {
    clear: both;
    content: "";
    display: table;
}

.module__content,
.module__title {
    margin: 0 auto;
    padding: 0 1rem;
}

@media (min-width: 80em) {
    .module__content,
    .module__title {
        max-width: 80rem;
    }
}

.module__title {
    margin-bottom: 1rem;
    font-family: Arial, Helvetica, freesans, sans-serif;
    font-weight: bold;
    color: #4a4a4a;
    font-size: 1.5rem;
}

.module__title__link {
    color: #4a4a4a;
    display: inline-block;
    font-size: 1.5rem;
}

.module__title__link.tag::before {
    height: 1.125rem;
    border-left-width: 0.225rem;
}

.module__title__link[href]:hover {
    color: #000;
}

@media (min-width: 37.5em) {
    .module__title {
        font-size: 1.75rem;
    }
}

.module--compound {
    padding: 0;
}

.module--compound .module {
    padding: 1rem 0 0 0;
}

.module--compound .module .module__title {
    padding: 0;
}

.module--compound .module .module__content {
    padding: 0;
}

.module--compound .module:last-of-type {
    padding-bottom: 1rem;
}

@media (min-width: 37.5em) {
    .module--highlight {
        background: #f6f6f6;
    }
}

.media {
    overflow: hidden;
    position: relative;
}

.media__image img {
    display: block;
    width: 100%;
}

.media__icon {
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: 1rem;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    background: #000;
}

.media__content {
    padding: 0.5rem 0 0 0;
}

.media__tag {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 0.75rem;
    text-transform: uppercase;
    font-size: 0.875rem;
    color: #767676;
}

.media__tag.tag::before {
    height: 0.65625rem;
    border-left-width: 0.13125rem;
}

.media__tag:hover {
    text-decoration: underline;
}

.media__summary,
.media__title {
    line-height: 1.2;
}

.media__title {
    margin: 0;
    padding: 0;
    font-size: 1.25rem;
}

.media__link {
    display: block;
    color: #212121;
}

.media__summary {
    font-size: 1rem;
    color: #4a4a4a;
    margin: 0;
    margin-top: 0.5rem;
}

.media:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

@media (max-width: 37.49em) {
    .media__summary {
        display: none;
    }
    .media__tag {
        font-size: 0.75rem;
    }
    .media__tag.tag::before {
        height: 0.5625rem;
        border-left-width: 0.125rem;
    }
    .media:not(.media--primary) {
        border-bottom: 1px solid #d3d3d3;
    }
    .media:not(.media--primary) .media__image {
        display: none;
        width: auto;
        float: none;
    }
    .media:not(.media--primary) .media__content {
        position: relative;
        padding: 0;
        width: auto;
        float: none;
        padding-bottom: 0.75rem;
        background: none;
        filter: progid: DXImageTransform.Microsoft.gradient(enabled=false) !important;
    }
    .media:not(.media--primary) .media__tag {
        margin-top: 0.5rem;
        color: #767676;
    }
    .media:not(.media--primary) .media__tag:hover {
        color: #767676;
    }
    .media:not(.media--primary) .media__title {
        font-size: 1rem;
    }
    .media:not(.media--primary) .media__link {
        text-shadow: none;
        color: #000;
    }
    .media:not(.media--primary) .media__summary {
        text-shadow: none;
        color: #4a4a4a;
    }
    .media:not(.media--primary) .media__icon {
        float: left;
        position: static;
        margin-right: 1rem;
        width: 2rem;
        height: 2rem;
        line-height: 2rem;
        font-size: 0.8rem;
    }
    .fontface .media:not(.media--primary).media--icon .media__content {
        margin-left: 3rem;
    }
}

@media (min-width: 37.5em) {
    .media__title {
        font-size: 1.25rem;
    }
}

.media-list {
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
    padding: 0;
}

.media-list__item {
    list-style: none;
    padding: 0;
    margin: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 1rem;
}

@media (max-width: 37.49em) {
    .media-list__item {
        margin-bottom: 0.75rem;
    }
    .media-list__item:last-of-type {
        margin-bottom: 0;
    }
}

.media--overlay {
    position: relative;
}

@media (min-width: 37.5em) {
    .media-list__item--1 .media--overlay .media__content {
        padding-right: 1rem;
        padding-bottom: 1rem;
        padding-left: 1rem;
    }
}

.media--overlay .media__image {
    float: none;
    padding: 0;
    width: 100%;
}

.media--overlay .media__content {
    float: none;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0;
    height: auto;
    padding: 15% 0.75rem 0.75rem 0.75rem;
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorStr=#00000000, endColorStr=#DD000000);
    background-color: transparent;
    background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.8));
    background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
    background-position-y: -1px;
    bottom: -1px;
}

.media--overlay .media__tag {
    color: #d3d3d3;
    margin-top: 0.75rem;
    position: relative;
    bottom: auto;
    left: auto;
    right: auto;
}

.media--overlay .media__tag:hover {
    color: #fff;
}

.media--overlay .media__link {
    color: #fff;
}

.media--overlay .media__summary {
    color: #d3d3d3;
}

@media (min-width: 37.5em) {
    .top-list__heading {
        font-size: 0.75rem;
    }
}

@media (min-width: 50em) {
    .top-list__heading {
        font-size: 1rem;
    }
}

.top-list__list {
    padding: 0;
    margin: 0;
    list-style: none;
    border: 1px solid #e91802;
}

@media (min-width: 37.5em) {
    .top-list__list {
        border: none;
        background: #2f2f2f;
    }
}

.top-list-item__link {
    display: block;
    padding: 2rem;
    min-height: 5rem;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    position: relative;
}

.module--promo .media-list__item {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
}

.module--promo .media__tag {
    font-size: 0.75rem;
}

.module--promo .media__tag.tag::before {
    height: 0.5625rem;
    border-left-width: 0.125rem;
}

.module--promo .media-list__item--1 .media__title {
    font-size: 1.5rem;
}

.module--promo .media-list__item--1 .media__tag {
    margin-top: 0.75rem;
}

@media (max-width: 37.49em) {
    .module--promo {
        padding-bottom: 0;
    }
}

@media (min-width: 37.5em) {
    .module--promo {
        padding-top: 0;
    }
    .module--promo .media-list__item--1 .media__tag {
        font-size: 0.875rem;
    }
    .module--promo .media-list__item--1 .media__tag.tag::before {
        height: 0.65625rem;
        border-left-width: 0.13125rem;
    }
    .module--promo .media-list__item--1 .media__icon {
        width: 4rem;
        height: 4rem;
        line-height: 4rem;
        font-size: 1.6rem;
    }
}

@media (min-width: 37.5em) and (max-width: 62.99em) {
    .module--promo .media-list__item {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 50%;
        float: left;
        padding-left: 8px;
        padding-right: 8px;
    }
    .module--promo .media__title {
        font-size: 1.25rem;
    }
    .module--promo .media__tag {
        font-size: 0.75rem;
    }
    .module--promo .media__tag.tag::before {
        height: 0.5625rem;
        border-left-width: 0.125rem;
    }
    .module--promo .media-list__item--1 {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        float: left;
        padding-left: 8px;
        padding-right: 8px;
    }
    .module--promo .media-list__item--1 .media__title {
        font-size: 2rem;
    }
    .module--promo .media-list__item--1 .media__summary {
        display: inherit;
    }
    .module--promo .media-list__item--1 .media__tag {
        font-size: 0.875rem;
    }
    .module--promo .media-list__item--1 .media__tag.tag::before {
        height: 0.65625rem;
        border-left-width: 0.13125rem;
    }
    .module--promo .media-list__item--4,
    .module--promo .media-list__item--5 {
        margin-bottom: 0;
    }
}

@media (min-width: 63em) and (max-width: 79.99em) {
    .module--promo .media__icon {
        width: 2.5rem;
        height: 2.5rem;
        line-height: 2.5rem;
        font-size: 1rem;
    }
}

@media (min-width: 63em) {
    .module--promo .media-list__item {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 25%;
        float: left;
        padding-left: 8px;
        padding-right: 8px;
        margin-bottom: 0;
    }
    .module--promo .media__title {
        font-size: 1.125rem;
    }
    .module--promo .media-list__item--1 {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 50%;
        float: left;
        padding-left: 8px;
        padding-right: 8px;
    }
    .module--promo .media-list__item--1 .media__title {
        font-size: 1.75rem;
    }
    .module--promo .media-list__item--2,
    .module--promo .media-list__item--3 {
        margin-bottom: 0.5625rem;
    }
}

.block-link:hover {
    animation: light-it-up 1s;
    animation-fill-mode: forwards;
    
}

@keyframes light-it-up {
    100% {
        -webkit-filter: brightness(110%) contrast(110%);
        filter: brightness(110%) contrast(110%);
    }
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}
.sticky + .main-content {
  padding-top: 60px;
}
.middle-story-ads {
	width: 300px; height: 250px; float: right;
    position: inherit;
    margin: 10px;

}
.middle-story-ads > li {list-style: none;}
/* .middle-story-ads .widgettitle {display: contents !important;} */

@media screen and (max-width: 30rem) {
.middle-story-ads {
	float: none;
	position: inherit;
	margin: auto;
}
}
@media screen and (min-width: 46rem) {

.middle-story-ads {
    
}
}
.popupform {}
.popupform > h3{    margin-top: -12px;
    margin-bottom: 15px;}
.popupform > .submit-btn {height: 45px; margin-top: 11px; width: 100%; border-radius: 4px;}
.popupform > input {}
.popupform > .label {}