/*------------------------------------*\
    $BASE
\*------------------------------------*/
.container-fluid, .container {
  max-width: 1310px;
}

body {
  /* color: #444; */
  /* font: 16px/22px nyt-imperial,georgia,'times new roman',times,serif; */
  font-family: Newsreader, serif;
  line-height: 1.375;
  min-height: 1500px;
}

/*h1, h2, h3, h4, h5, h6, strong, b {
  font-family: "Gotham Narrow", sans-serif;
}
*/
a {
  color: inherit;
}
a:hover {
  text-decoration: none;
}

main {
  padding-top: 20px;
  padding-bottom: 30px;
}
main .content-right .block {
  margin-bottom: 20px;
}

.most-tabs, .ui-tabs .ui-tabs-nav.most-tabs, .block-title {
  display: block;
  color: #005dd1;
  font-weight: bold;
  font-size: 14px;
  font-family: "Josefin Sans", sans-serif;
  margin-bottom: 15px;
  margin-top: 15px;
  padding: 0;
  position: relative;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
  font-weight: bold;
}
#ibt-video-title {
/*  margin-top: 50px;*/
  max-width: 300px;
  margin: 30px auto 0;
}

h3 {
  color: #222;
}

.byline {
  font-size: 13px;
}

.summary {
  margin-top: 16px;
  font-size: 14px;
  line-height: 1.5714;
  font-family: Georgia, serif;
  color: #666;
}

article a:hover {
  text-decoration: underline;
}

.feature article {
  padding: 18px 0;
  border-top: 1px solid #eee;
}
.feature article::before, .feature article::after {
  content: " ";
  display: table;
}
.feature article::after {
  clear: both;
}
.section-blocks {
  position: relative;
}
.section-blocks .block-declaration {
  font-size: 13px;
  color: #a5a5a5;
  font-family: 'DM Sans', sans-serif;
}
@media screen and (max-width: 539px) {
  .section-blocks .block-declaration {
    margin-top: -17px;
    margin-bottom: 17px;
  }
}
@media screen and (min-width: 540px) {
  .section-blocks .block-declaration {
    position: absolute;
    right: 0;
    top: 20px;
  }
}
.section-blocks .h2 {
  font-size: 22px;
  line-height: 1.1818;
}
.section-blocks .h3 {
  font-size: 17px;
  line-height: 1.1765;
}

.feature article .image {
  float: left;
  margin-right: 15px;
/*  margin-bottom: 4px;*/
  width: 120px;
}
@media(min-width:481px) and (max-width:767px) {
  .feature article .image { width: 134px; }
}
@media screen and (min-width:768px) {
/*  .feature article .image { width: 204px; }*/
  .feature article .image { width: 267px; }
}
@media screen and (min-width:992px) {
  .section-blocks .feature article .image,
  .content-left .feature article .image { width: 204px }
}

.feature article h3 {
  font-size: 20px
}
.section-blocks .summary { margin-top: 6px; }
@media screen and (max-width: 767px) {
  .section-blocks .image.full-sm { margin: 0 -15px; }
  .l-section-block  > li:first-child .heading { margin-top: 15px; }
}
@media screen and ((max-width: 599px) or ((min-width: 768px) and (max-width: 991px))) {
  .l-section-block  > li:nth-child(n+2) {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #f0f0f0;
  }
  .l-section-block  > li:nth-child(n+2) article {
    display: flex;
  }
  .l-section-block  > li:nth-child(n+2) .image {
    width: 160px;
    max-width: calc(50% - 7px);
    margin-right: 15px;
    flex: 0 0 auto;
  }
  .l-section-block  > li:nth-child(n+2) .heading {
    margin-top: 0;
    flex: 1 1 auto;
  }
}
@media screen and (min-width: 600px) {
  @supports (flex-wrap: wrap) {
    .l-section-block  {
      display: flex;
      flex-wrap: wrap;
    }
  }
}
@media screen and (min-width: 600px) and (max-width: 991px) {
  .l-section-block  > li:first-child {
    width: 100%;
    flex: 0 0 auto;
  }
  .l-section-block  > li:nth-child(n+2) {
    width: calc(50% - 10px);
    margin-top: 20px;
    flex: 0 0 auto;
  }
  .l-section-block  > li:nth-child(2n+2) {
    margin-right: 20px;
  }
  .blocks {
    display: flex;
    flex-flow: row wrap;
  }
  .blocks > div {
    width: calc(50% - 10px);
  }
}
@media screen and (min-width: 768px) {
  .l-section-block-1  > li:first-child article {
    display: flex;
    align-items: center;
  }
  .l-section-block-1  > li:first-child .image {
    width: 60%;
    flex: 0 0 auto;
    margin-right: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .l-section-block-2  > li:first-child article {
    display: flex;
    align-items: center;
  }
  .l-section-block-2  > li:first-child .image {
    width: 60%;
    flex: 0 0 auto;
    margin-right: 15px;
  }
}
@media screen and (min-width: 992px) {
  .l-section-block-1  > li:first-child .image { width: 50%; }
  .l-section-block-1 li:first-child {
    width: calc((100% + 41px) * 5 / 9 - 41px);
    flex: 0 0 auto;
  }
  .l-section-block-1 li:nth-child(n+2) {
    width: calc((100% + 41px) * 2 / 9 - 41px);
    margin-left: 41px;
  }
  .l-section-block-2 li:first-child {
    width: calc((100% + 41px) * 4 / 9 - 41px);
    flex: 0 0 auto;
  }
  .l-section-block-2 li:nth-child(n+2) {
    width: calc((100% + 41px) * 2.5 / 9 - 41px);
    margin-left: 41px;
  }
  .l-section-block li:nth-child(n+2) { position: relative; }
  .l-section-block li:nth-child(n+2):before {
    content: '';
    position: absolute;
    left: -21px;
    top: 0;
    bottom: 0;
    border-right: 1px solid #f0f0f0;
  }
  .l-section-block-2 li:first-child article {
    position: relative;
    padding-bottom: 0 !important;
  }
  .l-section-block-2 li:first-child .image {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
    float: none;
  }
  .l-section-block-2 li:first-child .heading {
    position: absolute;
    padding: 20px;
    left: 0;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    color: #fff;
    background: linear-gradient(to top, rgba(0,0,0,0.9), transparent);
  }
}
@media screen and (min-width: 768px) {
  .section-blocks .featured:not(.full) article {
    display: flex;
    align-items: center;
  }
  .section-blocks .featured .image {
    float: left;
    flex: 0 0 auto;
    margin-right: 17px;
    margin-bottom: 4px;
    width: 50%;
  }
}
@media screen and (min-width: 992px) {
  .section-blocks .featured.full { width: 43.75% !important; }
  .section-blocks .featured.full + div { width: 56.25% !important; }
  .section-blocks .featured article .image { width: 50%; }
}
.feature article h3 {
  font-size: 20px;
}
.feature article.full {
  display: block;
  border-top: 0;
  padding-top: 0;
}
.feature article.first {
  border-top: 0;
  padding-top: 0;
}
.sticky-scroll .feature article.full .image {
  float: none;
  width: 100%;
  margin-right: 0;
  margin-bottom: 12px;
}
.sticky-scroll .feature article.full h3 {
  font-size: 26px;
  line-height: 34px;
  font-family: Georgia, serif;
}
.feature .related-items {
  font-size: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.feature .related-items li {
  padding-top: 5px;
  padding-left: 3px;
}
.feature .related-items li::before {
  display: inline-block;
  content: "";
  background: #b1b1b1;
  width: 5px;
  height: 5px;
  margin-right: 8px;
  margin-bottom: 3px;
}

.feature2 .image {
  margin-bottom: 20px;
}
.feature2 article {
  padding-bottom: 10px;
}
.feature2 article::before, .feature2 article::after {
  content: " ";
  display: table;
}
.feature2 article::after {
  clear: both;
}
.feature2 .related-items li {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #eee;
  font-weight: bold;
  font-family: "Gotham Narrow", sans-serif;
}

.feature3 article {
  padding: 12px 0 10px;
  border-top: 1px solid #eee;
}
.feature3 article::before, .feature3 article::after {
  content: " ";
  display: table;
}
.feature3 article::after {
  clear: both;
}
.feature3 article .image {
  float: right;
  margin-left: 15px;
  margin-bottom: 4px;
  width: 120px;
}
@media (min-width: 481px) and (max-width: 767px) {
  .feature3 article .image {
    width: 134px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .feature3 article .image {
    width: 204px;
  }
}
@media screen and (min-width: 992px) {
  .content-left .feature3 article .image {
    width: 204px;
  }
}
.feature3 article:first-of-type {
  display: block;
  border-top: 0;
  padding-top: 0;
}
.sticky-scroll .feature3 article:first-of-type .image {
  float: none;
  width: 100%;
  margin-left: 0;
  margin-bottom: 12px;
}

.feature4 {
  padding-bottom: 15px;
}
.feature4 .image a {
  position: relative;
}
.feature4 .image a::before, .feature4 .image a::after {
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
}
.feature4 .image a::before {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(60%, rgba(0, 0, 0, 0.8)), color-stop(90%, rgba(0, 0, 0, 0.6)));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.8) 60%, rgba(0, 0, 0, 0.6) 90%);
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.8) 60%, rgba(0, 0, 0, 0.6) 90%);
  background-image: linear-gradient(to right bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.8) 60%, rgba(0, 0, 0, 0.6) 90%);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  z-index: 1;
}
.feature4 .image a::after {
  content: "\f452";
  font-size: 20px;
  font-family: "Genericons";
  color: white;
  z-index: 2;
}
.feature4 .large {
  position: relative;
}
.feature4 .large h3 {
  font-size: 18px;
  padding-top: 15px;
  padding-bottom: 20px;
}
.feature4 .large .image {
  position: relative;
  padding-bottom: 3px;
}
.feature4 .large .image::before {
  content: "";
  display: block;
  height: 3px;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FF2EA4BF', endColorstr='#FF080057');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJlYTRiZiIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjM2NhMWRhIi8+PHN0b3Agb2Zmc2V0PSI0OCUiIHN0b3AtY29sb3I9IiM0YjlmZmEiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iIzRiNWZiMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA4MDA1NyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #2ea4bf), color-stop(20%, #3ca1da), color-stop(48%, #4b9ffa), color-stop(75%, #4b5fb1), color-stop(100%, #080057));
  background-image: -moz-linear-gradient(left, #2ea4bf 0%, #3ca1da 20%, #4b9ffa 48%, #4b5fb1 75%, #080057 100%);
  background-image: -webkit-linear-gradient(left, #2ea4bf 0%, #3ca1da 20%, #4b9ffa 48%, #4b5fb1 75%, #080057 100%);
  background-image: linear-gradient(to right, #2ea4bf 0%, #3ca1da 20%, #4b9ffa 48%, #4b5fb1 75%, #080057 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.feature4 .large .image a::before {
  width: 66px;
  height: 66px;
}
.feature4 .large .image a::after {
  font-size: 38px;
}
@media screen and (min-width: 768px) {
  .feature4 .large .image a {
    padding-bottom: 56.25%;
    overflow: hidden;
  }
  .feature4 .large .image a img {
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
  }
}
.feature4 .small {
  margin-bottom: 15px;
}
.feature4 .small::before, .feature4 .small::after {
  content: " ";
  display: table;
}
.feature4 .small::after {
  clear: both;
}
.feature4 .small .image {
  float: left;
  width: 139px;
  margin-right: 15px;
}
.feature4 .small h3 {
  font-size: 16px;
  color: #444;
}
.feature4 .medium .image a::before {
  width: 53px;
  height: 54px;
}
.feature4 .medium .image a::after {
  font-size: 32px;
}
.feature4 .medium h3 {
  font-size: 16px;
  line-height: 24px;
  padding-top: 8px;
  padding-bottom: 45px;
}

/* above fold */
.above-fold { margin-bottom: 30px; }
@media screen and (max-width: 599px) {
  .above-fold .block-title { margin-top: 30px; }
  .above-fold .top-story .block-title {
    margin-top: 0;
    padding-top: 0;
  }
  .above-fold .top-story .block-title:before { display: none; }
  .above-fold .top-story .heading { margin-top: 15px; }
  .above-fold .image.full-sm { margin: 0 -15px; }
}
@media screen and (min-width: 600px) {
  .above-fold .block-title {
    margin-top: 0;
    padding-top: 0;
  }
  .above-fold .block-title:before { display: none; }
  .latest-news-block {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid #e4e4e4;
    align-items: flex-start;
  }
  .top-story article,
  .latest-news-block {
    display: flex;
  }
  .top-story .image,
  .latest-news-block .more-news {
    width: calc((100% + 41px) * 3 / 5 - 41px);
    flex: 0 0 auto;
    order: 2;
  }
  .top-story .txt,
  .latest-news-block .latest-news {
    flex: 1 1 auto;
    order: 1;

  }
  .top-story .image {
    margin-left: 20px;
  }
  .latest-news-block .more-news {
    margin-left: 41px;
    top: 50px;
  }
  .latest-news-block .more-news:before {
    content: '';
    position: absolute;
    left: -21px;
    top: 0;
    height: 100%;
    border-left: 1px solid #e4e4e4;
  }
  .above-fold .latest-news {
    display: flex;
    flex-direction: column;
/*     position:sticky; */
    top: 50px;
  }
  .above-fold .ul-timeline {
    flex: 1 1 auto;
  }

  .crypto-block .main { width: calc((100% + 41px) * 3 / 5 - 41px); }
  .crypto-block .crypto { width: calc((100% + 41px) * 2 / 5 - 41px); }

}
@media screen and (min-width: 600px) and (max-width: 991px) {
  .above-fold .aside {
    display: flex;
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid #e4e4e4;
  }
  .above-fold .bottom-line,
  .above-fold .economy-focus {
    width: calc(50% - 20px);
    flex: 0 0 auto;
  }
  .above-fold .bottom-line {
    margin-right: 41px;
    position: relative;
  }
  .above-fold .bottom-line:after {
    content: '';
    position: absolute;
    right: -21px;
    top: 0;
    height: 100%;
    border-right: 1px solid #e4e4e4;
  }
}
@media screen and (min-width: 992px) {
  .above-fold {
    display: flex;
    align-items: flex-start;
    margin-top: 10px;
  }
  .above-fold .main {
    width: calc((100% + 41px) * 5 / 7 - 41px);
    margin-right: 41px;
    flex: 0 0 auto;
/*     position: sticky; */
    top: 50px;
    display: flex;
    flex-direction: column;
  }
  .above-fold .latest-news-block { flex: 1 1 auto; }
  .above-fold .main:after {
    content: '';
    position: absolute;
    top: 0;
    right: -21px;
    height: 100%;
    border-right: 1px solid #dedede;
  }
  .above-fold .aside {
    flex: 1 1 auto;
/*     position: sticky; */
    top: 50px;
  }
  .above-fold .aside > :not(:last-child) {
    margin-bottom: 50px;
  }
}

.section-blocks:last-child {
  margin-bottom: 40px;
}
.block-title {
  margin-top: 0;
  margin-bottom: 20px;
}
.block-title.default { color: #000; }
.block-title.alert { color: #c31233; }
.block-title:not(.noborder) {
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid #e4e4e4;
}
@media screen and (max-width: 767px) {
  .block-title {
    position: relative;
    padding-top: 30px;
    border-top: 0;
    color: #000;
  }
  .block-title:before {
    content: '';
    width: 100vw;
    position: absolute;
    left: -15px;
    top: -5px;
    height: 4px;
    background: #f2f2f2;
    border-top: 1px solid #e7e7e7;
  }
}
@media screen and (max-width: 991px) {
  .section-blocks .gallery4 > li:not(:last-child) {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e4e4e4;
  }
  .section-blocks .gallery4 article { display: flex; }
  .section-blocks .gallery4 .image {
    flex: 0 0 auto;
    width: 47%;
    margin-right: 15px;
  }
}
@media screen and (max-width: 499px) {
  .section-blocks .gallery4-full-sm article {
    display: block;
  }
  .section-blocks .gallery4-full-sm .image {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 640px) {
  .section-blocks .gallery4 {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 640px) and (max-width: 991px) {
  .section-blocks .gallery4 > li {
    width: 50%;
    box-sizing: border-box;
    padding-right: 10px;
    flex: 0 0 auto;
  }
  .section-blocks .gallery4 > li:nth-last-child(2) {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
  }
}
@media screen and (min-width: 992px) {
  .section-blocks .gallery4 > li {
    width: calc(25% - 31px);
    flex: 0 0 auto;
    box-sizing: border-box;
  }
  .section-blocks .gallery4 > li:not(:last-child) {
    margin-right: 41px;
    position: relative;
  }
  .section-blocks .gallery4 > li:not(:last-child):after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: -20px;
    height: 100%;
    border-right: 1px solid #e4e4e4;
  }
  .section-blocks .gallery4 .image {
    margin-bottom: 20px;
  }
}
.section-blocks .feature article {
  border-top: 0;
  padding-top: 0;
  padding-bottom: 22px;
}
.section-blocks .feature .related-items {
  padding-top: 0;
  padding-bottom: 15px;
  margin-top: -13px;
}
.section-blocks .row {
  margin-left: -25px;
  margin-right: -25px;
}
.section-blocks .row > div {
  padding-left: 25px;
  padding-right: 25px;
}
.section-blocks .feature2 .row > div {
  border-left: 1px solid #e4e4e4;
}
.section-blocks .feature2 article {
  padding-bottom: 22px;
}

@media screen and (max-width: 991px) {
  .section-blocks > .row {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .section-blocks .featured2 article:after {
    content: '';
    display: table;
    clear: both;
  }
  .section-blocks .featured2 .image {
    float: left;
    margin-right: 20px;
    margin-bottom: 4px;
    width: 50%;
  }
  .section-blocks > .row .feature2 {
    -webkit-order: 1;
    order: 1;
  }
  .section-blocks > .row .feature {
    -webkit-order: 2;
    order: 2;
  }
}
@media screen and (max-width: 767px) {
  .section-blocks .feature2 article::before, .section-blocks .feature2 article::after {
    content: " ";
    display: table;
  }
  .section-blocks .feature2 article::after {
    clear: both;
  }
}
@media screen and (max-width: 500px) {
  .section-blocks .featured2 .image {
    margin-right: 15px;
    width: 50%;
  }
}
@media screen and (max-width: 767px) and (min-width: 481px) and (max-width: 767px) {
  .section-blocks .feature2 article .image { width: 134px; }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
  .section-blocks .feature2 article .image { width: 204px; }
}
@media screen and (max-width: 767px) and (min-width: 992px) {
  .section-blocks .section-blocks .feature2 article .image, .content-left .section-blocks .feature2 article .image { width: 204px; }
}
@media screen and (min-width: 992px) {
  .section-blocks .row { display: flex; }
  .section-blocks .featured2 { display: flex; }
}

.ul-dots {
  margin-top: 17px;
}
.ul-dots li {
  padding-left: 18px;
  font-size: 14px;
  font-weight: bold;
  font-family: Lora, serif;
  position: relative;
}
.ul-dots li:not(:last-child) {
  padding-bottom: 5px;
}
.ul-dots li:before {
  display: inline-block;
  content: "";
  width: 6px;
  height: 6px;
  margin-bottom: 3px;
  border-radius: 50%;
  background: #6a6a6a;
  position: absolute;
  left: 0;
  top: 0.5em;
  margin-top: -2px;
}
.ul-plain { margin-top: 20px; }
.ul-plain li {
  padding: 10px 0;
  font-size: 14px;
  font-weight: bold;
  font-family: Lora, serif;
  border-top: 1px solid #f4f4f4;
}
.ul-plain li:last-child {
  padding-bottom: 0;
}
.ul-timeline {
  padding-left: 31px;
  position: relative;
}
.ul-timeline:before {
  content: '';
  position: absolute;
  left: 2px;
  top: 0;
  bottom: 0;
  border-right: 2px solid #dedede;
}
.ul-timeline > li { position: relative; }
.ul-timeline > li:not(:last-child) { margin-bottom: 30px; }
.ul-timeline > li:before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #c31233;
  border: 4px solid #fff;
  border-width: 4px 0;
  position: absolute;
  left: -31px;
  top: 0;
}
.ibt-spotlight,
.ibt-fast-start { padding: 20px; }
.ibt-spotlight h2,
.ibt-fast-start h2 {
  margin-bottom: 10px;
  font-size: 19px;
  text-transform: uppercase;
  font-family: 'Josefin Sans', sans-serif;
  white-space: nowrap;
}
.ibt-spotlight p,
.ibt-fast-start p {
  margin-bottom: 15px;
  font-size: 13px;
  line-height: 1.3846;
  color: #555;
  font-family: 'DM Sans', sans-serif;
}
.ibt-spotlight img,
.ibt-fast-start img {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
}
.ibt-spotlight:after,
.ibt-fast-start:after {
  content: '';
  display: table;
  clear: both;
}
.ibt-spotlight { background: #f2f8fc; }
.ibt-spotlight .btn {
  display: inline-block;
  padding: 10px 20px;
  font-size: 15px;
  font-family: 'DM Sans', sans-serif;
  text-transform: uppercase;
  color: #fff;
  background: #0a65bf;
}
.ibt-fast-start { background: #f5f5f5; }
.ibt-fast-start form { display: flex; }
.ibt-fast-start input, .ibt-fast-start button { padding: 7px; }
.ibt-fast-start input {
  border: 1px solid #d0d0d0;
  border-right: 0;
  flex: 1 1 auto;
}
.ibt-fast-start button {
  flex: 1 0 auto;
  padding-left: 12px;
  padding-right: 12px;
  text-transform: uppercase;
  font-size: 11px;
  font-family: 'Josefin Sans', sans-serif;
  color: #fff;
  background: #af893d;
}
.crypto-block .more-news:not(:last-child) { margin-bottom: 50px; }

.more-news li.item {
  clear: both;
}
.more-news li.item:nth-child(n+2) {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #f0f0f0;
}
.more-news li.item:nth-child(n+2) .image {
  width: 162px;
  float: left;
  max-width: 50%;
  margin-right: 15px;
}
.more-news li.item:nth-child(n+2) .heading { margin-top: 0; }
.editors-picks .splide__arrows {
  position: absolute;
  right: -8px;
  top: -15px;
  display: flex;
}
.editors-picks .splide__arrow {
  position: static;
  transform: translateY(-100%);
  padding: 5px 8px;
  height: auto;
  width: auto;
  background: none;
  border-radius: 0;
}
.crypto-block .crypto .related-items li {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #f0f0f0;
}
.crypto-block .crypto .related-items article:after {
  content: '';
  display: table;
  clear: both;
}
.crypto-block .crypto .related-items .image {
  width: 140px;
  float: right;
  margin-left: 15px;
  max-width: 50%;
}
.crypto-block .crypto .related-items .heading {
  margin-top: 0;
}
.heading {
  font-family: Newsreader, serif;
  line-height: 1.2;
}
.heading:not(:first-child) { margin-top: 15px; }
.heading.fz15 { font-size: 15px; }
.heading.fz16 { font-size: 16px; }
.heading.fz17 { font-size: 17px; }
.heading.fz18 { font-size: 18px; }
.heading.fz19 { font-size: 19px; }
.heading.fz20 { font-size: 20px; }
.heading.fz22 { font-size: 22px; }
.heading.fz27 { font-size: 27px; }
.heading.fz28 { font-size: 28px; }
.crypto-block .aside .ul-sponsored article {
  margin-bottom: 30px;
}
@media screen and (max-width: 599px) {
  .crypto-block .image.full-sm { margin: 0 -15px; }
  .crypto-block .image.full-sm .image-tag { padding-left: 15px; }
  .crypto-block .crypto .related-items {
    position: relative;
    padding-bottom: 25px;
  }
  .crypto-block .crypto .related-items:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: -15px;
    width: 100vw;
    height: 4px;
    background: #f2f2f2;
    border-top: 1px solid #e7e7e7;
  }
  .crypto-block .aside .ul-sponsored { margin-top: 30px; }
  .ibt-spotlight,
  .ibt-fast-start {
    position: relative;
    margin: 0 -15px;
  }
  .ibt-spotlight {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .ibt-fast-start {
    padding-top: 30px;
    padding-bottom: 35px;
  }
  .ibt-spotlight:before,
  .ibt-fast-start:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 4px;
    background: #f2f2f2;
    border-top: 1px solid #e7e7e7;
  }

  .ibt-spotlight:not(:last-child),
  .ibt-fast-start:not(:last-child) { margin-bottom: 23px; }
}
@media screen and (min-width: 600px) {
  @supports (flex-wrap: wrap) {
    .crypto-block {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start;
      border-top: 1px solid #e4e4e4;
      padding-top: 25px;
    }
  }
  .left-block {
    display:flex;
    flex-wrap: wrap;
    align-items:flex-start;
    position: relative;
    width: 100%;
    padding-bottom: 25px;
  }

  .left-block:after {
    content: '';
display: block;
position: absolute;
right: -20px;
top: 0;
height: 100%;
border-right: 1px solid #dedede;
  }

  .crypto-block .block-title {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  .crypto-block .crypto {
    position: relative;
    order: 1;
    margin-right: 41px;
  }
  .crypto-block .crypto:after {
    content: '';
    display: block;
    position: absolute;
    right: -20px;
    top: 0;
    height: 100%;
    border-right: 1px solid #dedede;
  }
  .crypto-block .main {
    order: 2;
/*     position: sticky; */
/*     top: 50px; */
  }
  .crypto-block .left-block .crypto {
/*   position: sticky; */
/*   top: 50px; */
   }
  .crypto-block .crypto .related-items:not(:last-child) { margin-bottom: 50px; }
}


@media screen and (min-width: 992px) {

  .left-block {

    width: calc((100% + 41px) * 5 / 7 - 41px);
    margin-right: 41px;
    flex: 0 0 auto;
/*     position: sticky; */
/*     top: 50px; */
  }

  .crypto-block .aside {
/*     position: sticky; */
/*     top: 50px; */
  }

}

.crypto-block .aside:after {
  border:0;
}
@media screen and (min-width: 600px) and (max-width: 991px) {
  .crypto-block .block-title:before { display: none; }

  .crypto-block .aside {
    width: 100%;
    margin-top: 20px;
    padding-top: 25px;
    position: relative;
  }
  .crypto-block .aside:before {
    content: '';
    width: 100vw;
    position: absolute;
    left: -15px;
    top: 0;
    height: 4px;
    background: #f2f2f2;
    border-top: 1px solid #e7e7e7;
  }
  .crypto-block .aside .ul-sponsored, .crypto-block .aside .cont-block { display: flex; }
  .crypto-block .aside .ul-sponsored li,
  .crypto-block .aside .content,
  .ibt-spotlight,
  .ibt-fast-start { width: calc(50% - 10px); }
  .crypto-block .aside .ul-sponsored li:first-child, .crypto-block .aside .cont-block .content:first-child { margin-right: 20px; }
  .ibt-blocks { display: flex; }
  .ibt-spotlight {
    margin-right: 20px;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 992px) and (max-width: 1159px) {
  .ibt-spotlight img {
    position: relative;
    top: 20px;
    max-width: 40%;
  }
}
@media screen and (min-width: 992px) {
  .more-news li.item:first-child .image {
    width: 50%;
    float: right;
    margin-left: 10px;
  }
  .more-news li.item:first-child .heading { margin-top: 0; }
  .ibt-spotlight:not(:last-child),
  .ibt-fast-start:not(:last-child) { margin-bottom: 23px; }

  .crypto-block .main:after {
    content: '';
    display: block;
    position: absolute;
    right: -20px;
    top: 0;
    height: 100%;
    border-right: 1px solid #dedede;
  }
/*  .crypto-block .crypto,*/
  .crypto-block .aside { width: calc((100% + 41px) * 2 / 7 - 41px); }

  .crypto-block .aside .content:not(:first-child) {
    margin-top: 40px;
  }
}

.ibt-video .h3 {
  font-size: 14px;
  line-height: 1.4286;
  font-family: Lora, serif;
}
.ibt-video a {
  cursor: pointer;
}
.image.has-tag { position: relative; }
.image.has-tag img { display: block; }
.image.has-tag .image-tag {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  padding: 7px 7px 0 0;
  line-height: 1;
  letter-spacing: 0.1em;
  background: #fff;
}
.image.has-tag .alert {
  color: #c50d4e;
  font-size: 11px;
  text-transform: uppercase;
  font-family: 'Josefin Sans', sans-serif;
}
.image.has-tag time {
  font-size: 11px;
  font-family: 'DM Sans', sans-serif;
}
.image.has-tag time:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: middle;
  border: 0 solid transparent;
  border-width: 5px 0;
  border-left: 9px solid;
  margin-right: 7px;
}
.image.has-tag time.sm:before {
  border-width: 4px 0;
  border-left-width: 8px;
}
.ibt-video .primary .h2 {
  font-size: 28px;
  line-height: 1.2857;
  font-family: Lora, serif;
}
.ibt-video .primary .summary {
  color: #555;
}
.ibt-video .primary:not(:last-child) {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f0f0f0;
}
@media screen and (max-width: 559px) {
  .ibt-video .block-title { margin-top: 0; }
  .ibt-video .videos { padding-bottom: 30px; }
  .ibt-video .videos article { display: flex; }
  .ibt-video .videos > li:not(:first-child):not(:empty) {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #f0f0f0;
  }
  .ibt-video .videos .image {
    width: calc(50% - 10px);
    margin-right: 20px;
    flex: 0 0 auto;
  }
  .ibt-video .videos .txt {
    flex: 1 1 auto;
  }
}
@media screen and (min-width: 560px) {
  @supports (flex-wrap: wrap) {
    .ibt-video .videos {
      display: flex;
      flex-wrap: wrap;
      margin-right: -20px;
      margin-bottom: -20px;
    }
  }
  .ibt-video .videos > li {
    display: inline-block;
    vertical-align: top;
    width: 144px;
    margin-right: 20px;
    flex: 1 1 auto;
    max-width: calc(50% - 20px);
  }
  .ibt-video .videos > li:not(:empty) {
    margin-bottom: 20px;
  }
  .ibt-video .videos .image {
    margin-bottom: 17px;
  }
}
@media screen and (max-width: 639px) {
  .ibt-video .image.full-sm { margin: 0 -15px 25px; }
  .ibt-video .image.full-sm time { padding-left: 15px !important; }
}
@media screen and (min-width: 640px) {
  .ibt-video .primary {
    display: flex;
    align-items: center;
  }
  .ibt-video .primary .image {
    flex: 0 0 auto;
    width: calc((100% + 20px) * 3 / 5 - 20px);
    margin-right: 20px;
  }
  .ibt-video .primary .txt {
    flex: 1 1 auto;
  }
}
@media screen and (min-width: 992px) {
  .page-video-block { display: flex; }
  .page-video-block:not(:first-child) {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #e4e4e4;
  }
  .page-video-block > div { flex: 1 1 auto; }
  .page-video-block > div:first-child {
    flex: 0 0 auto;
    width: calc((100% + 41px) * 5 / 7 - 41px);
    margin-right: 41px;
    position: relative;
  }
  .page-video-block > div:first-child:after {
    content: '';
    position: absolute;
    right: -21px;
    top: 15px;
    bottom: 0;
    border-right: 1px solid #dedede;
  }
  .page-video-block .block-title {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
}
.most-popular-list {
  padding-bottom: 14px;
}
.most-popular-list li {
  display: -webkit-flex;
  display: flex;
  border-top: 1px solid #eee;
  padding-top: 15px;
  padding-bottom: 15px;
}
.most-popular-list li:after {
  content: " ";
  display: table;
  clear: both;
}
.most-popular-list li:first-child {
  border-top-width: 0;
}
.most-popular-list li .item-number {
  -webkit-flex: none;
  flex: none;
  -webkit-order: 1;
  order: 1;
  width: 30px;
  font-weight: bold;
  font-size: 20px;
  font-family: "DM Sans", sans-serif;
  color: black;
}
/*.most-popular-list li .item-number::after {
  content: "/";
  font-weight: 300;
  color: #999;
}*/
.most-popular-list li .item-link {
  -webkit-flex: 1;
  flex: 1;
  -webkit-order: 2;
  order: 2;
  font-size: 15px;
  line-height: 1.333;
  font-weight: bold;
  font-family: Lora, serif;/*
  line-height: 1.2;*/
}
.most-popular-list li .item-link a:hover {
  text-decoration: underline;
}
.most-popular-list li .item-image {
  -webkit-order: 3;
  order: 3;
  -webkit-flex: none;
  flex: none;
  margin-left: 10px;
  width: 85px;
  height: 85px;
  overflow: hidden;
  position: relative;
}
.most-popular-list li .item-image img {
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  width: auto;
  max-width: inherit;
}
@media screen and (min-width: 560px) and (max-width: 991px) {
  @supports (flex-wrap: wrap) {
    .most-popular-list {
      display: flex;
      flex-wrap: wrap;
    }
    .most-popular-list li { width: calc(50% - 10px); }
    .most-popular-list li:nth-child(odd) { margin-right: 20px; }
    .most-popular-list li:first-child { border-top-width: 1px; }
  }
}
@media screen and (min-width: 992px) {
  .most-popular-list { padding-bottom: 0; }
  .most-popular-list li:last-child { padding-bottom: 0; }
}

.page-footer {
  font-family: Helvetica,Arial,sans-serif;
}

/*------------------------------------*\
    $ELEMENT HEADER
\*------------------------------------*/

.page-header {
  position: relative;
  background-color: white;
  font-family: 'DM Sans', sans-serif;
}

.page-header,
.page-nav, .page-edition{
  font-size: 13px;
  line-height: 16px;
}
.page-header .menu, .page-nav .menu,.page-edition .menu {
  font-weight: 500;
  font-size: 14px;
/*  font-family: "Gotham Narrow",sans-serif;*/
}
.page-header .menu a,
.page-edition .menu a  {
  padding: 12px 15px;
  display: block;
}
.page-nav .menu a,
.page-nav .item {
  padding: 12px 15px;
}
.page-header .menu a:hover,
.page-nav .menu a:hover, .page-edition .menu a:hover  {
  background-color: black;
  color: white;
}
.page-nav .menu {
  padding: 12px 0;
}
.page-edition {
  font-family: "Gotham Narrow",sans-serif;
  color: #080808;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  z-index: 1;
  right: 0;
  width:30%;
  background-color: rgba(0, 0, 0, 0.5);
  overflow-y: auto;
}
.page-header .top {
  border-bottom: 1px solid #ccc;
}
.page-header .bottom {
  border-bottom: 3px solid black;
}
.page-header time {
  display: inline-block;
  text-transform: uppercase;
  color: #868686;
  margin-right: auto;
  padding-left: 30px;
}
.page-header > div {
  padding-left: 15px;
  padding-right: 15px;
}
.page-header .genericon {
  padding: 10px 0;
/*  padding: 10px 15px;*/
}
.page-header .logo, .page-header .logo-beta {
  flex: 1;
}
.page-header .logo-sm a,
.page-header .logo a {
  display: block;
  margin: 0 auto;
}
.page-header .logo-sm a {
  background: url("../images/ibt-logo-2023-sm.svg") center/contain no-repeat;
  width: 53px;
  height: 26px;
}

.page-header .logo-sm-beta a,
.page-header .logo-beta a {
  background: url("../images/logo-sm-beta.svg") center/contain no-repeat;
  display: block;
  width: 58px;
  height: 22px;
  margin: 0 auto;
}

.page-header .logo-sm a,
.page-header .logo-sm-beta a,
.page-header .bottom .genericon-menu,
.bottom .subscribe-btn a { display:none; }

.page-header .genericon::before {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
/*  vertical-align: middle;*/
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.page-header .genericon-menu::before {
  background-image: url("../images/icon_menu.svg");
}
.showMenu .page-header .genericon-menu::before {
  background-image: url("../images/icon_close.svg?1");
  background-size: 14px;
}
.page-header .genericon-search::before {
  background-image: url("../images/icon_search.svg");
}
.icon-search {
	background:#fff url("../images/icon_search.svg") no-repeat left top/contain;
	width:20px; height:20px; margin-right:15px; cursor:pointer;
}
.search-form { border:1px solid #eee; border-radius:20px; padding:15px 15px; }
.search-form .form-text { width:70%; }
.showSearch .page-header .genericon-search::before {
  background-image: url("../images/icon_close.svg?1");
  background-size: 14px;
}
.topic-block {
  text-align:center;padding:10px;border-bottom:1px solid #ccc;
}
.toggle-button2 {
  display:inline-block;color:#005dd1;font-weight: bold;margin-right: 14px;
}
.toggle-content2 {
  display:inline-block;
  font-size: 14px;
}
.toggle-content2 li {
  display:inline-block;
  margin:0 14px !important;
}
.page-header .top .subscribe-btn {
  position:absolute; right:0;
}
.page-header .subscribe-btn a {
  display: inline-block;
  padding: 8px 10px 6px;
/*  border-radius: 5px;*/
  background-color: black;
  color: white;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px;
  text-align: center;
  margin-left: 15px;
}
.page-header .top .subscribe-btn a {
  position: relative;
  right: 50px;
}
.page-header .bottom .subscribe-btn a {
  position: relative;
  display:none;
}

.page-header .subscribe-btn .sign-up { word-spacing:-4px; }
.page-header .menu {
  display: flex;
  color: #080808;
}
.page-header label {
  display: inline-block;
  color: #222;
  cursor: pointer;
  margin-left: auto;
  padding-right: 30px;
}
.page-header .logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 75%;
  height:30px;
  max-width: calc(100% - 76px);
  text-align: center;
}
.page-header .logo a {
  position: relative;
  display:inline-block;
  left: -3%;
  width:100%;
  max-width:600px;
}
.page-header .logo a .logo_text {
  display:inline-block; width:100%; height:30px; text-indent:-1500px; overflow:hidden; background:url(/www/images/ibt-logo-2023.svg) left center/100% no-repeat;
}
.page-header .logo a .edition {
  position: absolute;
  top:-2px;
  right:-20px;
  font-size: 0.85em;
  font-family: sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  padding-left:3px;
}

.page-header .login-btn {
  position: absolute;
  top: 26px;
  right: 6px;
  width: 30px;
  cursor: pointer;
}
.page-header .bottom .login-btn {
  display: none;
  top: 7px;
  right: 12px;
}
.page-header .login-btn .myaccount {
  display:none;
}
.page-header .login-btn ul {
  width: 200px;
  border: 1px solid #ccc;
  position: absolute;
  top: 38px;
  right: 0px;
  background: #fff;
  z-index:99999999;
  display:none
}
.page-header .login-btn li {
  padding: 10px;
}
.page-header .login-btn li a {
  display: block;
}

.fixed-header {
  padding-top:124px;
  .page-header { 
    position: fixed; z-index: 101; top:0; left:0; right:0; transition:top 0.5s; 
    .btn-edition, time { display:none; }
    .logo-sm { position:absolute; left:20px; }
    .logo-sm a, .logo-sm-beta a { text-indent:-200px; overflow:hidden; display:inline-block; margin-top:7px; }
    .bottom {
      .subscribe-btn a, .login-btn { display: block; }
      .genericon-menu { display: inline-block; }
    } 
  }
}

/*:not(.video-primis)*/
.fixed-header.down-scroll .page-header { top:-43px; transition:top 0.5s; }

@media screen and (max-width: 375px) {
  .page-header .genericon::before {
    width: 14px;
    height: 14px;
  }
}

@media screen and (min-width: 768px) {
  .page-header .top > div { height: 80px; }
  .page-header .logo-beta a {
    width: 500px;
    height:33px;
    background-image: url("../images/logo-md-beta.svg");
  }
  .page-header .genericon { padding: 10px; }
  .page-header .genericon-menu { margin-left: -10px; }
}

@media screen and (min-width: 992px) {
  .page-header .top > div { position: relative; }
  .page-header .genericon { padding: 10px 15px; }
  .page-header .genericon-menu { margin-left: -15px; }
}

@media screen and (min-width: 1160px) {
  .page-header .logo a {
    width: 600px;
  }
}

@media screen and (min-width: 1220px) {
  
    .fixed-header .page-header .top { display: none; }
    .fixed-header .bottom .subscribe-btn a { display:block; }
  
}

@media screen and (max-width: 1374px) {
  
  .page-header time { display:none; }
  
}

@media screen and (max-width: 1235px) {
  
  .page-header .btn-edition { display:none; }
  
}

@media screen and (max-width: 1219px) {
  .fixed-header { padding-top:81px; }
  .fixed-header .block-sticky { top:81px; }
  .fixed-header.down-scroll .page-header { top:-81px; transition:top 0.5s; }
  .page-header .bottom, .topic-block { display: none; }
}

@media screen and (max-width: 991px) {
  .page-header .top > div {
    padding-left: 0;
    padding-right: 0;
  }
  .page-header .subscribe-btn .newsletter { display: none; }
  .page-header .subscribe-btn .sign-up { word-spacing:normal; }
}

@media screen and (max-width: 767px) {
  .fixed-header { padding-top:51px; }
  .fixed-header .block-sticky { top:51px; }
  .fixed-header.down-scroll .page-header { top:-51px; transition:top 0.5s; }

  .page-header .top > div {
    padding: 12px 0;
    justify-content: start;
    align-items: center;
  }
  .page-header .genericon {
    padding: 0 15px;
    margin-left: -15px;
  }

  .page-header .subscribe-btn { display: none; }

  .page-header .login-btn {
    top: 12px;
  }

  .page-header .logo {
    position: static;
    transform: none;
    width: 100%;
    max-width: 83%;
    line-height:20px;
  }
  .page-header .logo a {
    max-width: 90%;
  }
}

.page-nav {
  font-family: "DM Sans",sans-serif;
  color: #080808;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  z-index: 1;
  left: 0;
  width: 100%;
/*  background-color: rgba(0, 0, 0, 0.5);*/
  background: #fff;
  overflow-y: auto;
}
.page-nav .menu {
  display: block;
  background-color: white;
}
@media screen and (max-width: 767px) {
  .page-nav .menu {
    column-count: 2;
    column-gap: 0;
  }
}
.page-nav .menu a,
.page-nav .item {
  display: block;
  line-height: 24px;
}
.page-nav .toggle-content ul.menu li.leaf {
  color: #313131;
/*  padding-left: 23px;*/
}
.page-nav .search-form {
  border: 0;
  border-radius: 0;
  border-bottom: 3px solid #000;
  background: #fff;
}
.page-nav .search-form .form-text {
  flex: 1 1 auto;
}
.page-nav .search-form .icon-search {
  order: 2;
  margin-right: 0;
  width: 16px;
  height: 16px;
}
.page-nav .newsletter {
  background: #fff;
  border-top: 1px solid #e5e5e5;
}

.showMenu .page-nav {
  opacity: 1;
  visibility: visible;
  position: fixed;
  z-index:200;
/*  max-height:calc(100vh / 1.2);*/
}
.showEdition .page-edition {
  opacity: 1;
  visibility: visible;
  position: fixed;
}
.page-edition .toggle-active {
  background-color: black;
  color: white;
  cursor: pointer;
  font-weight: normal;
  font-size: 15px;
  line-height: 24px;
  padding: 12px 15px;
  border-top: 1px solid #e5e5e5;
}
.editions .toggle-active::before {
  content: "\f475";
  font-family: "Genericons";
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  margin-right: 15px;
}


/*@media (min-width: 768px) and (max-width: 991px) {*/
@media (min-width: 768px) {
  .page-nav {
    top: 81px;
    max-width: 400px;
    box-shadow: 3px 3px 5px rgba(0,0,0,0.15);
    height: calc(100vh - 81px);
  }
  .fixed-header.showMenu .page-nav { top: 43px; }
  .page-nav .follow-us { border-bottom: 0; }
}
@media screen and (max-width: 767px) {
  .page-nav {
    top: 51px;
    height: calc(100vh - 51px);
  }
  .page-header .genericon-search { display:none; }
}

.follow-us {
  background-color: white;
  border-bottom: 3px solid black;
  text-align: center;
  font-weight: normal;
  font-size: 15px;
  line-height: 24px;
  border-top: 1px solid #e5e5e5;
  padding-top: 29px;
}

.follow-us-title {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 11px;
  color: #555;
}
.follow-us-links {
  padding-top: 16px;
  padding-bottom: 32px;
}

.follow-us-links a {
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
/*  border-radius: 50%;*/
  color: #121212;
/*  border-width: 2px;*/
/*  border-style: solid;*/
  position: relative;
}

.toggle {
  background-color: white;
}

.toggle-button {
  cursor: pointer;
  font-weight: normal;
  font-size: 15px;
  line-height: 24px;
  padding: 12px 15px;
  border-top: 1px solid #e5e5e5;
}

.expand .toggle-button,
.toggle-button:hover {
  background-color: black;
  color: white;
}

.toggle-button::after {
  content: "\f431";
  font-family: "Genericons";
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  float: right;
}

.editions .toggle-button::before {
  content: "\f475";
  font-family: "Genericons";
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  margin-right: 15px;
}

.expand .toggle-button::after {
  content: "\f432";
}

.page-nav .toggle-content {
  display: none;
}

.page-nav .expand .toggle-content {
  display: block;
}

.featured .toggle-content {
  color: #3e3e3e;
  font: 15px/24px "Roboto", sans-serif;
  border-top: 1px solid #e5e5e5;
  padding: 12px 15px;
}

.featured .toggle-content a:hover {
  color: black;
}

.newsletter .mail::before {
  content: "\f410";
  font-family: "Genericons";
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  margin-right: 15px;
}

/*.follow-us-links a::before,*/
.follow-us-links a svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: color 0.2s;
}
.follow-us-links a::before {
  font-family: "Genericons";
  font-size: 18px;
}
.follow-us-links a svg {
  width: 14px;
  height: 14px;
}

/*.follow-us-links a.facebook::before {
  content: "\f204";
}*/

.follow-us-links a.youtube svg {
  width:17px; height:17px;
}

/*.follow-us-links a.instagram::before {
  content: "\f215";
}*/

/*.follow-us-links a.linkedin::before {
  content: "\f207";
  font-size: 20px;
}*/

/*.follow-us-links a.tumblr::before {
  content: "\f214";
}
*/
/*.follow-us-links a:hover {
  color: white;
  border-color: transparent;
}*/

.follow-us-links a.facebook:hover {
  color: #3b5998;
}

.follow-us-links a.twitter:hover {
  color: #1da1f2;
}

.follow-us-links a.instagram:hover {
  color: #405de6;
}

.follow-us-links a.linkedin:hover {
  color: #0077b5;
}
.follow-us-links a.telegram:hover {
  color: #26a5e5;
}

/*.follow-us-links a.tumblr:hover {
  color: #35465c;
}
*/
.fg-1 {
  flex-grow: 1;
}

.follow-us-links .fg-1 {
  text-align: center;
  max-width: 66px;
}

.search {
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  height: 40px;
}
.search form {
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  right: 70px;
  z-index: 1;
  top: 0;
  width: 0;
  overflow: hidden;
}
.search form input {
  height: 40px;
}
.showSearch .search {
  left: 70px;
}
.showSearch .search form {
  width: calc(100% - 70px);
}
.search form > div {
  display: -webkit-flex;
  display: flex;
  background: #fff;
  width: 100%;
}
.search form > div .form-item {
  width: 100%;
  margin: 0;
}
.search form > div .form-item .form-text {
  font-size: 14px;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .search form > div .form-item .form-text {
    text-indent: 15px;
  }
}
.search form > div .form-actions {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 0;
}
.search form > div .form-actions::before {
  display: block;
  content: "\f400";
  font: 26px/40px "Genericons";
  width: 40px;
  height: 40px;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  background-color: black;
  color: white;
}
.search form > div .form-actions .form-submit {
  width: 40px;
  cursor: pointer;
  position: relative;
  background-color: transparent;
}
@media screen and (min-width: 992px) {
  .search {
    top: calc(100% + 23px);
  }
  .showSearch .search {
    left: 0;
  }
}

.tabs.primary {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  border-bottom: 1px solid #eee;
  margin-top: 20px;
  margin-bottom: 20px;
}
.tabs.primary li {
  border: 1px solid transparent;
  margin-bottom: -1px;
}
.tabs.primary li a {
  display: block;
  padding: 5px 10px;
}
.tabs.primary li.active {
  font-weight: bold;
  font-family: "Gotham Narrow", sans-serif;
  border-color: #eee;
  border-bottom-color: white;
}

.searchform {
  position: absolute;
  left: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  z-index: 1;
}
.showSearch .searchform {
  opacity: 1;
  visibility: visible;
}
.searchform > div {
  background-color: white;
}
.searchform input[type="text"] {
  width: 100%;
  height: 80px;
  color: black;
  font-size: 18px;
}
.searchform input[type="submit"] {
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (min-width: 992px) {
  .searchform {
    bottom: 3px;
  }
  .searchform input[type="text"] {
    height: 40px;
    font-size: 15px;
  }
}
@media screen and (max-width: 991px) {
  .searchform {
    background-color: rgba(0, 0, 0, 0.5);
    height: 100vh;
  }
}

/*------------------------------------*\
    $ELEMENT PAGER
\*------------------------------------*/
.item-list ul.pagination {
  border-top: 1px solid #eee;
  margin-top: 30px;
  padding-top: 30px;
  margin: 10px 0;
  text-align: center;
  font-family: 'DM Sans', sans-serif;
  font-size: 14px;
}
.item-list ul.pagination li {
  display: inline-block;
  margin: 0 7px;
}
.item-list ul.pagination li a {
  display: block;
  min-width: 20px;
  height: 20px;
  line-height: 20px;
  border-width: 0px;
  border-radius: 100px;
  text-transform: uppercase;
}
.item-list ul.pagination li a:hover {
  text-decoration: underline;
}
.item-list ul.pagination li.pager-item a {
  color: #000;
}
.item-list ul.pagination li.pager-current {
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  background: #000;
  font-weight: bold;
  border-radius: 100px;
}
@media screen and (max-width: 768px) {
/*  .item-list ul.pagination *:not(:first-child):not(:last-child) {display: none;}*/
/*  .item-list ul.pagination li:first-child {display: visible;font-size: 30px;padding:10px 20px;margin:0px 15px;}*/
/*  .item-list ul.pagination li:last-child {display: visible;font-size: 30px;padding:10px 20px;margin:0px 15px;}*/
}

.countdown_wrap {
  border-top: 1px solid #ddd;
  font-weight: bold;
  line-height: 24px;
  font-family: "Gotham Narrow",sans-serif;
  position: relative;
  max-width: 300px;
  margin: 35px auto 40px;
}
.countdown_wrap::before {
  content: "";
  display: block;
  height: 5px;
  background-color: #f9f9f9;
  position: absolute;
  top: 0;
  left: 1px;
  right: 1px;
}
.countdown_wrap header {
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 16px;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.countdown_wrap .box-title {
  font-size: 15px;
  text-transform: uppercase;
  color: #676767;
  letter-spacing: 1.5px;
  margin-bottom: 4px;
}
.countdown_wrap .title {
  font-size: 18px;
  color: black;
}
.countdown_wrap iframe {
  vertical-align: middle;
}

.scroll-top {
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 50px;
  height: 51px;
  position: fixed;
  z-index: 1000;
  right: 10px;
  bottom: 10px;
  display: block;
  background: url("../images/totop.png") center/contain no-repeat;
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
.scroll-top.show {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  visibility: visible;
}

.pf {
  font-weight: 500;
  font-size: 13px;
  line-height: 1.2;
  color: #333;
  background: hsl(0, 0%, 98%);
  border-top: 1px solid #ccc;
  border-bottom: 2px solid;
}
.pf a:hover {
  opacity:0.8;
}
.pf .logo {
  margin-bottom:35px;
}
.pf .logo a {
  display:inline-block;
/*  background:url('../images/header-logo.svg') center / contain no-repeat;*/
  width:100%;
  max-width:374px;
  height:21px;
}
.pf .logo a:hover {
  opacity:1;
}
.pf h2 {
  display:none;
}
.pf .title {
  font-family: 'Josefin Sans', sans-serif;
  font-weight:bold;
  font-size:13px;
  text-transform:uppercase;
  padding-bottom:18px;
}
.pf-top {
  text-align:center;
  border-bottom:1px solid #333;
  padding-top:40px;
  padding-bottom:35px;
}
.pf-top .social a {
  display:inline-block;
  width:36px;
  height:36px;
  border:2px solid white;
  font-size:16px;
  line-height:32px;
  border-radius:50%;
  margin-left:6px;
  margin-right:6px;
}
.pf-middle li a {
  display: block;
  padding: 8px 0;
}
.pf-middle li button {
  cursor:pointer;
  display: block;
  padding: 8px 0;
  background:none;
  color:#333;
}
ul li.subleaf {
  padding-left: 10px;
}
.pf-bottom {
  text-align:center;
  color:#999;
  padding-top:30px;
  padding-bottom:30px;
}
@media (min-width: 768px) {
  .pf-bottom {
    text-align: right;
    padding: 0;
    position: relative;
  }
  .pf-bottom > .container-fluid {
    position: relative;
  }
  .pf-bottom .logo-block {
    transform: translate(0, -50%);
    right: 15px;
  }
}
.footer-list-follow-us a > span,
.footer-list-follow-us svg {
  display: inline-block;
  vertical-align: middle;
}
.footer-list-follow-us a > .icon {
  margin-right: 1em;
  min-width: 12px;
  text-align: center;
}
.page-footer .copyright {
  font-size: 11px;
  margin-top: 7px;
}
@media (min-width: 768px) {
  .pf .logo a {
    max-width:450px;
    height:25px;
  }
  .pf-top .social a {
    width:41px;
    height:41px;
    line-height:37px;
    margin-left:15px;
    margin-right:15px;
  }
  .pf-middle {
    position:relative;
/*    border-bottom:1px solid #333;*/
    padding-top:40px;
    padding-bottom:40px;
  }
  .pf-middle::before {
    content:"";
    display:block;
    opacity:0.09;
    max-width:1280px;
    margin:0 auto;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    right:0;
  }
  .pf-middle > div {
    position:relative;
  }
}
@media (max-width: 767px) {
  .pf-middle ul:not(.footer-list-follow-us) {
    column-count: 3;
    column-gap: 0;
  }
}
@media (max-width: 499px) {
  .pf-middle ul:not(.footer-list-follow-us) { column-count: 2; }
}
@media (max-width: 767px) {
  .pf-middle .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
  .pf-middle .container-fluid  > div {
    border-bottom:1px solid #ccc;
  }
  .pf-middle ul {
    padding-left:15px;
  }
  .pf-middle ul li { display:none; }
  .pf .title {
    padding:15px;
    line-height: 1;
    font-weight: normal;
    cursor:pointer;
  }

  .pf .title::before {
    float:right;
    content:"";
    display:block;
    width:8px;
    height:8px;
    border-bottom:1px solid #333;
    border-right:1px solid #333;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-right:10px;
  }
  .pf .expand ul li {
    display:block;
  }
  .pf .expand ul {
    padding-bottom:25px;
  }
  .pf .expand .title::before {
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }
  .footer-follow-us {
    display: flex;
    align-items: center;
  }
  .footer-follow-us .title,
  .footer-follow-us .menu,
  .footer-follow-us li {
    display: inline-block;
    vertical-align: middle;
  }
  .footer-follow-us .title { flex: 1 1 auto; }
  .footer-follow-us .title:before { display: none; }
  .footer-follow-us .menu { margin-right: 10px; }
  .footer-follow-us li.leaf { padding-top: 0; }
  .footer-follow-us .txt { display: none; }
  .footer-follow-us a > .icon {
    margin-right: 0;
    padding: 5px 15px;
  }
}

#SIGNIN {
    position: fixed;
    z-index: 10001 !important;
    top: 0 !important;
    left: 0 !important;
    background-color: rgba(0,0,0,0.7) !important;
    -webkit-backdrop-filter: blur(2px) !important;
    backdrop-filter: blur(2px) !important;
    font: 14px/20px "Helvetica",sans-serif !important;
    color: #333 !important;
    height: 100vh;
    width: 100vw;
    overflow-y: scroll;
    padding-bottom: 20px;
}

#SIGNIN .nw-login {
    position: relative;
    margin: auto;
    max-width: 525px;
    width: 96%;
    z-index: 99999999;
}

.login-popup {
    margin-top: 30px;
    border-radius: 7px;
    padding: 10px;
    background: #fff;
}
.login-popup iframe {
  width: 100%;
}
.sponsored-block, .pro-block {
  position: relative;
  margin-top: 15px;
}
.sponsored-block .image-text, .pro-block .image-text {
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center;
  background-color: #c50058;
  font-family: "Gotham Narrow",sans-serif;
  font-size: 14px;
  padding: 4px;
  color: #efefef;
  font-weight: bold;
  text-transform: uppercase;
}
.sponsored-block .image-text a, .pro-block .image-text a {
  text-decoration: none;
}

.section-above-fold > div:nth-child(2) article {
  content: '';
  display: table;
  clear: both;
}
.section-above-fold > div:nth-child(2) .image {
  float: right;
  width: 160px;
  max-width: 50%;
  margin-top: 16px;
  margin-left: 15px;
}
@media (max-width: 599px) {
  .section-above-fold .image.full-sm {
    margin: 0 -15px;
  }
  .section-above-fold > div:nth-child(2) article {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid #e2e2e2;
  }
  .section-above-fold > div:nth-child(n+3) {
    margin-top: 30px;
  }
  .section-blocks .l-section-block li {
    margin-bottom: 20px;
  }
  .section-blocks .gallery4 {
    margin-top: 30px;
  }
}
@media (min-width: 600px) {
  @supports (flex-wrap: wrap) {
    .section-above-fold {
      display: flex;
      flex-wrap: wrap;
    }
  }
  .section-above-fold > div:first-child { order: 2; }
  .section-above-fold > div:nth-child(3) { order: 3; }
  .section-above-fold > div:nth-child(2) article:nth-child(n+2) { margin-top: 20px; }
}
@media (min-width: 600px) and (max-width: 859px) {
  .section-above-fold > div:nth-child(2) .image { display: none; }
}
@media (min-width: 600px) and (max-width: 991px) {
  .section-above-fold > div:first-child {
    width: calc((100% + 20px) * 3 / 5 - 20px);
    flex: 0 0 auto;
    margin-left: 20px;
  }
  .section-above-fold > div:nth-child(2) { width: calc((100% + 20px) * 2 / 5 - 20px); }
  .section-above-fold > div:nth-child(n+3) {
    width: 100%;
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid #e2e2e2;
  }
  .section-above-fold > div:nth-child(n+3) .image {
    width: calc(50% - 10px );
    margin-right: 20px;
    flex: 0 0 auto;
    float: left;
  }
  .section-above-fold > div:nth-child(n+3) article ~ * { overflow: hidden; }
  .section-above-fold > div:nth-child(n+3) .heading { margin-top: 0; }
}
@media (min-width: 992px) {
  .section-above-fold > div:first-child {
    width: calc((100% + 41px) * 3 / 7 - 41px);
    flex: 0 0 auto;
  }
  .section-above-fold > div:nth-child(n+2) { width: calc((100% + 41px) * 2 / 7 - 41px); }
  .section-above-fold > div:nth-last-child(n+2) {
    position: relative;
    margin-right: 41px;
  }
  .section-above-fold > div:nth-last-child(n+2):after {
    content: '';
    position: absolute;
    right: -21px;
    top: 0;
    bottom: 0;
    border-right: 1px solid #f0f0f0;
  }
  .section-above-fold > div:nth-child(2) article:nth-child(n+2) { margin-top: 50px; }
}

.section-more-news .heading { margin-top: 0; }
@media (max-width: 374px) {
  .section-more-news .heading { font-size: 16px; }
  .section-more-news .image { margin-bottom: 10px; }
  .section-more-news .summary { clear: both; }
}
@media (min-width: 375px) {
  .section-more-news .summary { overflow: hidden; }
}
@media (max-width: 799px) {
  .section-more-news .heading { font-size: 20px; }
}
@media (max-width: 699px) {
  .section-more-news .heading { font-size: 18px; }
}
@media (max-width: 399px) {
  .section-more-news .heading { font-size: 16px; }
}
@media (max-width: 991px) {
  .l-section-main .banner { display: none; }
  .page-video-block {
    margin-top: 20px;
  }
}
@media (min-width: 992px) {
  .l-section-main {
    display: flex;
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid #d4d4d4;
  }
  .l-section-main .most-popular {
    margin-top: 0;
  }
  .l-section-main .block-title {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  .l-section-main > div:first-child {
    width: calc(100% - 347px - 31px);
    flex: 0 0 auto;
  }
  .l-section-main-full-width > div:first-child {
    width: calc(100%);
  }
  .l-section-main > div:nth-child(2) {
    width: 339px;
    margin-left: 38px;
    padding-left: 38px;
    border-left: 1px solid #ddd;
    flex: 0 0 auto;
  }
  .l-section-main > div:nth-child(2) .ibt-blocks {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .section-more-news-block .banner {
    margin-top: 50px;
    text-align: center;
  }
  .page-sidebar .content {
    margin-top: 30px;
  }
  .block-fusion-lemon {
    margin-bottom: 30px;
  }
}


.block-title:not(.noborder) {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #e4e4e4;
}
@media screen and (max-width: 767px) {
.block-title {
    position: relative;
    padding-top: 30px;
    border-top: 0;
    color: #000;
}
}
.block-title {
    margin-top: 0;
    margin-bottom: 20px;
}

html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, ol, ul, li, form, legend, label, table, header, footer, nav, section, figure {
    margin: 0;
    padding: 0;
}
* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0 none;
    list-style: none outside none;
    margin: 0;
    outline: 0 none;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
user agent stylesheet
div {
    display: block;
}
.center, .social-capital .most-tabs {
    text-align: center;
}
body {
    font-family: Newsreader,serif;
    line-height: 1.375;
}
body {
    font-family: sans-serif;
    min-width: 320px;
    background-color: white;
}
@media screen and (max-width: 767px) {
.block-title:before {
    height: 0;
    border-top: 0;
}
}
@media screen and (max-width: 1459px) {
  .subscribe-btn {
    display: none;
  }
}
.editors-picks {
  position: relative;
}
.sign-up2 {
  cursor:pointer;
}
.video-link {
  cursor:pointer;
}
.zephr-modal-close {
  color: #fff;
  top: -20px;
  position: absolute;
  right: 5px;
  font-size: 1.8em;
  cursor:pointer;
}


@media screen and (max-width: 1199px) {
    .page-header .top .subscribe-btn {
      display: block;
    }
}
@media screen and (max-width: 1050px) {
  .page-header .logo { left:46%; }
}

@media screen and (max-width: 991px) {
    .page-header .subscribe-btn .newsletter { display: block; }
}

@media screen and (max-width: 920px) {
  .page-header .logo { max-width: calc(100% - 340px); }
}
@media screen and (max-width: 767px) {
  .page-header .top .subscribe-btn { display:none; }
  .page-header .logo { max-width:83%; }
  .logo-ibt .page-header .logo { max-width: calc(100% - 220px); }
}

@media screen and (max-width: 570px) {
  .logo-ibt .page-header .logo { text-align:left; }
  .logo-ibt .page-header .logo a { width:60px; margin-left:10px; }
  .logo-ibt .page-header .logo a .logo_text { background:url(/www/images/ibt-logo-2023-sm.svg) left center/72% no-repeat; min-width:50px; transition:background .5s; }
  .logo-ibt .page-header .logo a .edition { padding-left:0; right:-4px; }
  .logo-ibt .page-header .top .subscribe-btn { display:block; }
}

@media screen and (max-width: 330px) {
  .page-header .logo a { margin-left:0px; }
}

.popups {
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.popups > div {
  position: relative;
}
.popups .close {
  cursor: pointer;
  position: absolute;
  top: -24px;
  right: 0;
}


#SIGNIN {
    background-color: rgba(0,0,0,0.4) !important;
    -webkit-backdrop-filter: inherit !important;
    backdrop-filter: inherit !important;
}

.beehiiv-popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index:999999999999;
}
.beehiiv-close {
  color: #000;
  top: 5px;
  position: absolute;
    left: 10px;
    font-size: 1.8em;
    cursor: pointer;
}
@media screen and (max-width: 780px) {
  .beehiiv-popup {
    width: 95%;
  }
}