.block-section.texture-style-13::after{
  opacity: 0.1;
}
.block-section.texture-style-22{
  background: #002e5f url(../images/callout-bg-1.png) left bottom no-repeat;
  background-size: cover;
  /* -webkit-mask: url(../images/edges/edge-blue-325-6.svg) exclude 100% calc(100% + 1px) no-repeat, linear-gradient(#000 0 0);
  mask: url(../images/edges/edge-blue-325-6.svg) exclude 0 calc(0% + 1px) no-repeat, linear-gradient(#002e5f 0 0); */
  position: relative;
}
.block-section.texture-style-22:before{
  content: '';
  background:url(../images/edges/edge-blue-325-6.svg) left top no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 325px;
  height: 6.5px;
}
.block-section.texture-style-23{
  background: #002F5E url(../images/texture-style-23.png) right top no-repeat;
  color: var(--color-primary-white, #FFF);
}

.home-from-list.texture-style-9{
  -webkit-mask: url(../images/masks/mask-top-312x6.svg) exclude 0 -1px no-repeat, linear-gradient(#000 0 0);
  mask: url(../images/masks/mask-top-312x6.svg) exclude 0 -1px no-repeat, linear-gradient(#000 0 0);
}

.home-from-list.texture-style-9{
  -webkit-mask: url(../images/masks/mask-top-312x6.svg) exclude 0 -1px no-repeat, linear-gradient(#000 0 0);
  mask: url(../images/masks/mask-top-312x6.svg) exclude 0 -1px no-repeat, linear-gradient(#000 0 0);
}

.block-section.texture-style-18{
  color: var(--color-primary-white, #FFF);
  background: #002f5e url(../images/texture-style-17.jpg) left bottom no-repeat;
  background-size: cover;
}

.block-section.texture-style-18:before{
  content: '';
  position: absolute;
  left: 0;
  bottom: -6px;
  z-index: 15;
  height: 6px;
  width: 312px;
  background: url(../images/edges/edge-stories-blue-bottom-left.svg) 0 0 no-repeat;
}

.block-section.texture-style-18:after{
  right: 0;
  bottom: -6px;
  z-index: 15;
  height: 6px;
  width: 325px;
  background: url(../images/edges/edge-stories-blue-bottom-right.svg) 0 0 no-repeat;
}

.billboard-style-2:after{
  display: none;
}

.billboard-style-2 .billboard-btns{
  max-width: 490px;
}

.billboard-style-2 .billboard-bg:before{
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #231F20;
  opacity: 0.5;
  z-index: 1;
}

.billboard-style-2 .billboard-content{
  max-width: inherit;
}

.billboard-style-2 .display-text-2{
  color: var(--color-primary-yellow, #FAA21B);
  letter-spacing: 0;
}

.billboard-style-2 .billboard-sub-title{
  font-size: 26px;
  line-height: 28.6px;
  font-weight: 700;
  margin-bottom: 24px;
}

.billboard-style-2 .billboard-text .h4{
  margin-top: 0;
  font-size: 51px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 0;
}

.billboard-style-2 .billboard-bg:after{
  content: '';
  width: 100%;
  height: 16px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(../images/masks/billboard-mask.svg) no-repeat;
  background-size: cover;
  z-index: 2;
}

/*** Home Page ***/

.home-banner-slider{
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
}

.home-banner-video{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.home-banner-video #videoHero{
  height: 100%;
}

.home-banner-video #videoIframe{
  height: 100%;
}

.home-banner-video #my-video{
  height: 100%!important;
}

.home-banner-video .jwplayer.jw-stretch-uniform .jw-media video{
  object-fit: cover;
}

.home-banner-video .jwplayer{
  height: 100%;
}

.home-banner-video .jw-display.jw-reset{

}

.home-banner-video .jw-controlbar.jw-reset{
  display: none;
}

.home-banner-video #videoIframe .jw-icon-playback,
.home-banner-video #videoIframe .jw-icon-rewind,
.home-banner-video #videoIframe .jw-display-icon-rewind,
.home-banner-video #videoIframe .jw-slider-time,
.home-banner-video #videoIframe .jw-settings-sharing,
.home-banner-video #videoIframe .jw-icon-settings,
.home-banner-video #videoIframe .jw-icon-fullscreen,
.home-banner-video #videoIframe .jw-slider-time,
.home-banner-video #videoIframe .jw-text-elapsed,
.home-banner-video #videoIframe .jw-text-countdown,
.home-banner-video #videoIframe .jw-text-duration
 {
    display:none !important;
}

.home-banner-video #videoIframe .jw-svg-icon-volume-0 {
   height: 54px !important;
   width: 54px !important;
}

.home-banner-video #videoIframe .embed-responsive-4by3  .jw-icon-volume {
    margin-bottom: 50vh !important;
    position:absolute !important;
}

.home-banner-slider-warpper .swiper-slide:only-child ~ .heroes-banner-slider-controls {
    display: none;
}

.home-banner-slider-warpper {
  --slider-p-x: 0;
  position: relative;
  padding: 0 var(--slider-p-x);
}
@media (width > 992px) {
  .home-banner-slider-warpper {
    --slider-p-x: max(70px, 6.7708333333vw);
    margin: 0 auto;
    max-width: 1896px;
  }
}
@media (width >= 1920px) {
  .home-banner-slider-warpper {
    --slider-p-x: 130px;
  }
}
.home-banner-slider-warpper .home-banner-slider.on-play + .heroes-banner-slider-controls [data-control-action=play] {
  display: none;
}
.home-banner-slider-warpper .home-banner-slider.on-pause + .heroes-banner-slider-controls [data-control-action=pause] {
  display: none;
}
.home-banner-slider-warpper .home-banner-slider .swiper-slide {
  height: auto;
  max-height: 690px;
  -webkit-mask: url("../images/masks/mask-bottom-312x6.svg") exclude 0 calc(100% + 1px) no-repeat, linear-gradient(#000 0 0);
          mask: url("../images/masks/mask-bottom-312x6.svg") exclude 0 calc(100% + 1px) no-repeat, linear-gradient(#000 0 0);
}
@media (width > 768px) {
  .home-banner-slider-warpper .home-banner-slider .swiper-slide {
    -webkit-mask: url("../images/masks/mask-bottom-312x6.svg") exclude 0 calc(100% + 1px) no-repeat, url("../images/masks/mask-bottom-312x6.svg") exclude calc(100% + 250px) calc(100% + 1px) no-repeat, linear-gradient(#000 0 0);
            mask: url("../images/masks/mask-bottom-312x6.svg") exclude 0 calc(100% + 1px) no-repeat, url("../images/masks/mask-bottom-312x6.svg") exclude calc(100% + 250px) calc(100% + 1px) no-repeat, linear-gradient(#000 0 0);
  }
}
.home-banner-slider-warpper .heroes-banner-slider-body {
  height: 100%;
  display: grid;
  max-height: 587px;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2, 1fr);
  align-items: flex-end;
}
@media (width > 768px) {
  .home-banner-slider-warpper .heroes-banner-slider-body {
    max-height: none;
    grid-template-columns: 1fr 0.5fr 1fr;
    grid-template-rows: 1fr;
  }
}
@media (width > 1200px) {
  .home-banner-slider-warpper .heroes-banner-slider-body {
    grid-template-columns: repeat(3, 1fr);
  }
}
.home-banner-slider-warpper .heroes-banner-slider-body::after {
  inset: 0;
  opacity: 0.5;
  background: linear-gradient(180deg, rgba(0, 6, 20, 0) 22.5%, #000614 100%);
}
@media (width > 768px) {
  .home-banner-slider-warpper .heroes-banner-slider-body::after {
    background: linear-gradient(270deg, rgba(0, 6, 20, 0) 0%, #000614 100%);
  }
}
.home-banner-slider-warpper .heroes-banner-slider-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center bottom;
     object-position: center bottom;
}
.home-banner-slider-warpper .heroes-banner-slider-content {
  grid-row: 2/3;
  grid-column: 1/2;
  position: relative;
  z-index: 20;
  width: 100%;
  margin: 0 auto;
  max-width: 375px;
  text-align: center;
  color: var(--color-primary-white, #fff);
  padding: 20px 8px 84px;
}
@media (width > 768px) {
  .home-banner-slider-warpper .heroes-banner-slider-content {
    grid-row: 1;
    grid-column: 1/3;
    margin: 0;
    text-align: left;
    max-width: max(768px, 44.2708333333vw);
    padding: 20px max(20px, 4.8484848485vw) max(84px, 6.0606060606vw);
  }
}
@media (width >= 1650px) {
  .home-banner-slider-warpper .heroes-banner-slider-content {
    max-width: 850px;
    padding: 50px 80px 100px;
  }
}
.home-banner-slider-warpper .heroes-banner-slider-content-btns {
  display: flex;
  align-items: self-start;
  -moz-column-gap: 10px;
       column-gap: 10px;
  margin-top: 22px;
}
.home-banner-slider-warpper .heroes-banner-slider-content-btns .btn:not(.btn-add-favorite) {
  flex: 1;
  min-width: 220px;
}
@media (width > 768px) {
  .home-banner-slider-warpper .heroes-banner-slider-content-btns .btn:not(.btn-add-favorite) {
    flex: 0;
  }
}
@media (width <= 992px) {
  .home-banner-slider-warpper .heroes-banner-slider-content-btns .btn:not(.btn-add-favorite) {
    --btn-height: 56px;
  }
}
.home-banner-slider-warpper .heroes-banner-slider-content-btns .btn-add-favorite {
  --icon-w: 40px;
  --icon-h: 40px;
}
@media (width > 992px) {
  .home-banner-slider-warpper .heroes-banner-slider-content-btns .btn-add-favorite {
    --w: 72px;
    --h: 72px;
  }
}
.home-banner-slider-warpper .heroes-banner-slider-description {
  margin: 10px 0 0;
  font-size: clamp(18px, 1.5vw, 24px);
}
.home-banner-slider-warpper .heroes-banner-slider-description p:last-child {
  margin-bottom: 0 !important;
}
.home-banner-slider-warpper .heroes-banner-slider-badge {
  margin-bottom: 12px;
}
.home-banner-slider-warpper .heroes-banner-slider-title {
  margin: 0;
  font-size: clamp(48px, 5.625vw, 90px);
}
.home-banner-slider-warpper .heroes-banner-slider-picture {
  align-self: stretch;
  grid-row: 1/3;
  grid-column: 1/2;
  z-index: 5;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
@media (width > 768px) {
  .home-banner-slider-warpper .heroes-banner-slider-picture {
    grid-row: 1;
    grid-column: 2/4;
    z-index: 15;
    align-self: normal;
  }
}
.home-banner-slider-warpper .heroes-banner-slider-picture img {
  display: block;
  width: 100%;
  height: 109%;
  max-width: none;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: -24px;
  -o-object-position: center bottom;
     object-position: center bottom;
}
@media (width > 768px) {
  .home-banner-slider-warpper .heroes-banner-slider-picture img {
    height: 100%;
    max-height: 690px;
    max-width: 100%;
    width: auto;
    margin-bottom: 0;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.home-banner-slider-warpper .heroes-banner-slider-controls {
  position: absolute;
  bottom: 24px;
  z-index: 50;
  display: flex;
  -moz-column-gap: 20px;
       column-gap: 20px;
  align-items: center;
  justify-content: center;
  left: var(--slider-p-x);
  right: var(--slider-p-x);
}
@media (width > 768px) {
  .home-banner-slider-warpper .heroes-banner-slider-controls {
    bottom: 14px;
  }
}
.home-banner-slider-warpper .heroes-banner-slider-controls .btn-icon-circle {
  --bg: rgba(0, 47, 94, 0.80);
  --bg-hover: rgba(0, 47, 94, 1);
  margin-left: 12px;
}
.home-banner-slider-warpper .heroes-banner-slider-pagination {
  --swiper-pagination-bottom: auto;
  --swiper-pagination-top: auto;
  width: auto;
  padding: 10px 0;
  position: relative;
}
.home-banner-slider-warpper .swiper-button-next,
.home-banner-slider-warpper .swiper-button-prev {
  --swiper-navigation-sides-offset: 0;
  --swiper-navigation-top-offset: 48.75%;
}

 .home-banner-slider-warpper .heroes-banner-slider-body::after{
   content: "";
   z-index: 10;
   display: block;
   position: absolute;
 }


.home-banner-slider-block .home-banner-slider-warpper{
  padding: 0;
  max-width: 100%;
  max-height: 690px;
}

.home-banner-slider-block .swiper-slide{
  z-index: 0;
}

.home-banner-slider-block .swiper-slide.swiper-slide-active{
  z-index: 10;
}

.home-banner-slider-block .home-banner-subtitle{
  margin-top: 16px;
  margin-bottom: 0;
  line-height: 1.2;
}

.home-banner-slider-block .home-banner-logo{
  display: block;
}

.home-banner-slider-block .heroes-banner-slider-content-btns {
  margin-top: 0;
  padding-top: 24px;
}

.home-banner-slider-block .home-banner-suptitle{
  margin-top: 0;
  margin-bottom: 16px;
  line-height: 1.2;
  letter-spacing: 0;
}

.home-banner-slider-block .home-suptitle-img{
  max-width: 319px;
  margin-bottom: 16px;
  margin-top: 4px;
}

.home-banner-slider-block .heroes-banner-slider-body {
    padding: 45px 97px 0;
}

.home-banner-slider-block .heroes-banner-slider-content {
  max-width: 100%;
}

.home-banner-slider-block .heroes-banner-slider-description{
  max-width: 542px;
  margin-top: 6px;
  overflow: hidden;
  display: -webkit-box; 
  -webkit-box-orient: vertical; 
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
}

.home-banner-slider-block .heroes-banner-slider-picture{
  position: absolute;
  right: 0;
  bottom: 0;
}

.home-banner-slider-block .heroes-banner-slider-prev{
  left: 24px;
}

.home-banner-slider-block .heroes-banner-slider-next{
  right: 24px;
}

.home-banner-slider-block .home-banner-slider-warpper .heroes-banner-slider-content-btns .btn{
  min-width: 275px;
}

.home-banner-slider-block .home-banner-slider-warpper .heroes-banner-slider-controls{
  bottom: 30px;
}

.home-banner-slider-block .slider-type-2 .heroes-banner-slider-body{
  padding-top: 7px;
}

.home-banner-slider-block .slider-type-2 .heroes-banner-slider-description{
  max-width: 925px;
}

.home-schedule-top{
  display: flex;
  justify-content: space-between;
}

.btn-schedule{
  border: 2px solid #002F5E;
  background: #002751;
  color: #ffff;
  font-size: 21px;
  text-transform: uppercase;
  padding: 26px 16px;
  min-width: 295px;
  height: 73px;
}

.btn-schedule svg{
  margin-left: 2px;
}

.btn-schedule::after{
  display: none;
}

/* .home-schedule-block.texture-style-6{
  -webkit-mask: url(../images/masks/edge-blue-bottom.svg) exclude 0 -1px no-repeat, linear-gradient(#000 0 0);
    mask: url(../images/edges/edge-blue-bottom.svg) exclude 0 calc(100% - 1px) no-repeat, linear-gradient(#002e5f 0 0);
} */

.home-schedule{
  display:  flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin-bottom: 4px;
}

.home-schedule .schedule-item{
  width: 33%;
  display: flex;
  flex-wrap: wrap;
  border-radius: 3px;
  background: #F9F6F2;
  padding: 16px 12px 12px;
  position: relative;
}

.home-schedule .schedule-item.up-next{
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 2px solid #C8C1B1;
}

.home-schedule .schedule-item.later{
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.home-schedule .schedule-item .col-img{
  flex-basis: 115px;
}

.home-schedule .schedule-item img{
  width: 115px;
  height: 115px;
  box-shadow: 0px 4px 10px 0px #0000001F;
  display: block;
  object-fit: cover;
}
.home-schedule .schedule-item .col-text{
  flex: 1 1;
  padding-left: 12px;
}
.home-schedule .schedule-item .col-text .schedule-time{
  color: #231F20;
  font-weight: 800;
}

.home-schedule .schedule-item .col-text .schedule-title{
  font: 800 clamp(23px, 2.8225806452vw, 28px)/1 var(--font-family-roboto-condensed, sans-serif);
  color: #002F5E;
}
.home-schedule .schedule-item p{
  margin-bottom: 12px;
}

.home-schedule .schedule-item.on-now{
    margin-right: 12px;
    border: 6px solid #4C6A8E;
    border-radius: 8px;
    box-shadow: 0px 6px 20px 0px #00000029;


}

.home-schedule .on-now .schedule-time span{
  color: var(--color-primary-black);
  background: var(--color-yellow-brighten-yellow-bright--600);
  font-family: var(--font-family-roboto-condensed);
  font-weight: 800;
  font-size: 19px;
  line-height: 19px;
  padding: 3px 8px;
  text-transform: uppercase;
  border: 1px solid var(--color-primary-yellow);
  border-radius: 5px;
}

.home-schedule .schedule-progress{
  position: absolute;
  width: 100%;
  height: 8px;
  left: 0;
  bottom: 0px;
  accent-color:#BA3D21;
  border-radius: 0;
  block-size: 8px;
}
progress::-webkit-progress-bar {
  background-color: #C8C1B1;
  border-radius: 0px;
  height: 8px;
}

progress::-webkit-progress-value {
  background-color: #BA3D21;
}

.home-schedule .up-next .schedule-time span{
  color: #001937;
  background: #D9DDE8;
  font-family: var(--font-family-roboto-condensed);
  font-weight: 800;
  font-size: 19px;
  line-height: 19px;
  padding: 3px 8px;
  text-transform: uppercase;
  border: 1px solid #7C92AE;
  border-radius: 5px;
}

.home-schedule .later .schedule-time span{
  color: #231F20;
  background: #CECDCD;
  font-family: var(--font-family-roboto-condensed);
  font-weight: 800;
  font-size: 19px;
  line-height: 19px;
  padding: 3px 8px;
  text-transform: uppercase;
  border: 1px solid #9F9D9D;
  border-radius: 5px;
}

.home-schedule .later{
  -webkit-mask: url(../images/masks/mask-top-325x7.svg) exclude 100% calc(100% + 1px) no-repeat, linear-gradient(#000 0 0);
mask: url(../images/masks/mask-bottom-195x3.svg) exclude 95% 100% no-repeat, linear-gradient(#002e5f 0 0);
}


.home-card-grid .card-grid-2{
  --card-per-row: 2;
}

.home-card-grid .card-grid-2 .card-simple-body{
  padding: 32px 56px 24px;
}

.home-card-grid .card-grid-2 .card-simple-bg{
  aspect-ratio: 1 / .56288;
}

.home-card-grid .grid-sz-3 .card-simple-bg{
  aspect-ratio: 1 / .5625;
}

.home-card-grid .is-episode-card .card-simple-title{
  font-size: clamp(33px, 5.1411290323vw, 51px);
  line-clamp: 3;
-webkit-line-clamp: 3;
}

.home-card-grid .grid-sz-3 .card-simple-title{
  font-size: clamp(23px, 3.8306451613vw, 38px);
  line-height: 1;
}

.home-card-grid .is-episode-card .card-simple-content-btn .btn-blue{
  width: 100%;
  height: 64px;
}

.shop-block{
  position: relative;
}

.shop-block .shop-head{
  position: relative;
  padding-left: 144px;
  padding-right: 120px;
  padding-bottom: 50px;
}

.shop-block .shop-block-style-2 .shop-head{
  padding-left: 264px;
}

.shop-block .shop-head::before{
  z-index: 2;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 12px;
  width: 100%;
  height: var(--divider-star-height);
  background: url(../images/star-divider-yellow-26.png) 0 0 repeat-x;
}

.shop-block .shop-bottom{
  padding-left: 144px;
  padding-right: 120px;
}

.shop-block .shop-block-style-2 .shop-bottom{
  padding-left: 264px;
  padding-right: 120px;
}

.shop-block .shop-title-img img{
  max-height: 157px;
}
.shop-item{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.shop-item .shop-content{
  width: 51%;
}

.shop-item.shop-content-right{
  flex-direction: row-reverse;
}

.shop-item.shop-content-right .shop-head{
  padding-left: 120px;
  padding-right: 144px;
}

.shop-item.shop-content-right .shop-bottom{
  padding-left: 120px;
  padding-right: 144px;
}

.shop-item .shop-content .badge-wrapper{
  margin-bottom: 6px;
}

.shop-item .shop-content .badge-wrapper span{
  padding: 4px 8px;
}

.shop-item .shop-content h2{
  margin-bottom: 6px;
  margin-top: 0;
  color: #002F5E;
}

.shop-item .shop-content .h6{
  color: #002F5E;
  margin-bottom: 0;
  letter-spacing: 0.04px;
}

.shop-item .shop-content .shop-btn .btn{
  min-width: 328px;
  height: 64px;
}

.shop-item .shop-content .shop-description{
  margin-bottom: 24px;
}

.shop-item .shop-item-picture{
  position: relative;
  z-index: 3;
  width: 49%;
}

.shop-item .shop-item-picture img{
  display: block;
  width: 100%;
}

.shop-item .shop-item-picture .frame{
  position: absolute;
  z-index: 20;
  inset: 0;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.shop-block-style-2{
  color: #fff;
}

.home-slim-banner{
  max-width: 1872px;
  margin: auto;
}
.home-heroes-slider-block{
  position: relative;
  z-index: 6;
}
.home-heroes-slider-block .heroes-banner-title {
    max-width: 1920px;
    margin-bottom: -230px;
}
@media (width > 992px) {
  .home-heroes-slider-block .heroes-banner-title{
    padding: 0 52px;
  }
}
.home-heroes-slider-block .hero-card-item{
  display: flex;
  align-items: end;
  flex-wrap: wrap;
}
.home-heroes-slider{
  overflow: hidden;
}
.home-heroes-slider-block .hero-pagination{
  bottom: 20px;
}
.home-heroes-slider-block .swiper-pagination .swiper-pagination-bullet-active {
  transform: scale(1.5);
  opacity: 1;
}
.home-heroes-slider-block .swiper-pagination span {
  cursor: pointer;
  background: #fff;
  opacity: 0.6;
  margin: 0 6px!important;
}

.home-heroes-slider-block .home-hero-card-content{
  text-align: left;
  color: var(--color-primary-white, #fff);
  width: 38.5%;
  padding-left: 265px;
  padding-bottom: 185px;
  padding-right: 24px;
}

.home-heroes-slider-block .home-hero-card-content .badge-wrapper span{
  padding: 5px 8px;
}

.home-heroes-slider-block .hero-subtitle-img{
  max-width: 399px;
  width: 100%;
}

.home-heroes-slider-block .hero-description{
  margin-bottom: 8px;
}

.home-heroes-slider-block .hero-btns{
  display: flex;
  align-items: center;
  column-gap: 10px;
}

.home-heroes-slider-block .hero-btns .btn-blue{
  min-width: 220px;
}


.home-heroes-slider-block .hero-card {
  width: 61.5%;
  max-width: 61.5%;
  padding-top: 36px;
  margin-bottom: 0;
}

.home-heroes-slider-block .hero-card-bg{
  position: relative;
}

.home-heroes-slider-block .hero-card-bg,
.home-heroes-slider-block .hero-card-frame
{
  inset: inherit;
  bottom: 0;
  left: 0;
  width: 100%;
  max-height: 664px;
}

.home-heroes-slider-block .hero-card-picture{
  inset: inherit;
  left: -30px;
  bottom: 0;
}

.home-heroes-slider-block .hero-card-bg img, .home-heroes-slider-block .hero-card-frame img{
  display: block;
}

.home-heroes-slider-block .hero-card-inner{
  box-shadow: none;
}

.home-from-list{
  margin-top: -51px;
}

.block-section-head .section-head-btn{
  position: relative;
  z-index: 20;
  margin: auto;
  text-align: center;
  padding-top: 16px;
}

.block-section-head a{
  position: absolute;
  margin: auto;
  width: 275px;
  height: 64px;
  left: 0;
  right: 0;
  top: 25px;
}

.block-section-head a:before{
  content: '';
  position: absolute;
  top: 0;
  left: -23px;
  width: calc(100% + 46px);
  height: 100%;
  background: #002F5E;
}

.home-from-list .block-section-head{
  padding-top: 50px;
}

.home-from-list .block-section-head::before{
  content: "";
  display: block;
  position: absolute;
  z-index: 15;
  top: 0;
  width: 100%;
  height: var(--divider-star-height);
  background: url(../images/star-divider-white-26.png) 0 0 repeat-x;
}

.home-from-list .block-section-head::after{
  background: url(../images/star-divider-white-26.png) 0 0 repeat-x;
}

.home-from-list .block-section-head .display-text-2{
  margin-bottom: 8px;
  color: var(--color-primary-yellow, #FAA21B);
}

.home-from-list .game-slider .card-simple{
  --card-width: min(330px, 89vw);
}

.home-from-list .game-slider .card-simple-bg{
  aspect-ratio: auto;
  border-radius: 35px;
}

.home-from-list .game-slider .card-simple-bg img{
  border-radius: 20px;
}

.favorite-home-slider .card-simple{
  /* --card-width: min(566px, 89vw); */
}

.favorite-home-slider .card-simple.is-episode-card .card-simple-body{
  padding-bottom: 0px;
}

.favorite-home-slider .card-simple .card-simple-title{
  margin-bottom: 16px;
}

.favorite-home-slider .card-simple-content .card-simple-subtitle{
  font-weight: 800;
  color: #231F20;
  margin-bottom: 16px;
}

.favorite-home-slider .card-simple-content .card-simple-episodes{
  margin-bottom: 4px;
  padding-top: 0;
  line-height: 1;
  letter-spacing: 0;
}

.favorite-home-slider .card-simple-description p{
  line-height: 1.5;
}

.favorite-home-slider .card-simple-description p span{
  position: relative;
  font-weight: 600;
}

.favorite-home-slider .card-simple-description p span+span {
    padding-left: .5em;
}

.favorite-home-slider .card-simple-description p span+span:before{
  content: "•";
  position: absolute;
  left: 0;
  top: 50%;
  font-size: 1em;
  color: var(--color-primary-yellow, #FAA21B);
  transform: translateY(-50%);
}

.favorite-home-slider .card-simple-content .card-simple-episodes span{
  font-size: clamp(19px, 2.8225806452vw, 28px);
}

.favorite-home-slider .card-simple-content-btn{
  padding-top: 16px;
  margin-bottom: 24px;
}


.favorite-home-slider .card-simple-bottom{
  padding-top: 18px;
  position: relative;
}

.favorite-home-slider .card-simple-bottom:before{
  content: '';
  position: absolute;
  width: calc(100% + 48px);
  height: 2px;
  background: #C9C3BA;
  left: -24px;
  top: 0;
}

.favorite-home-slider .card-simple-bottom a{
  font-size: 21px;
  text-decoration: none;
  font-weight: 600;
  display: inline-block;
  padding-top: 18px;
  padding-bottom: 18px;
}
.favorite-home-slider .card-simple-bottom .info-1{
  border-bottom: 1px solid #C9C3BA;
}

.callout-slim-banner{
  padding-left: 24px;
  padding-right: 24px;
}

/* .callout-slim-banner p{
  color: var(--color-primary-text, #020000);
} */


.home-latest-stories .card-simple-title{
  color: #002F5E;
  margin-bottom: 8px;
}

.home-latest-stories .card-simple-grid-loadmore .btn{
  border-color: #0662bb;
  color: #002F5E;
  min-width: 275px;
}

.home-latest-stories .card-stories .card-simple-content-btn{
padding-top: 16px;
}

@media (width > 992px) {
  .home-latest-stories .card-simple-grid-loadmore{
    text-align: center;
    margin: auto;
  }
}

.home-latest-stories .card-simple-grid-loadmore p{
  margin-bottom: 10px;
}

.home-latest-stories .card-simple-grid-loadmore p span{
  font-weight: 600;
  color: #BA3D21;
}

.home-watch-section .tabs-block-nav{
  margin: 0;
}

.home-watch-section .tab-content h3{
  margin-bottom: 4px;
}
.home-watch-section .tab-content h4{
  font-weight: 800;
  letter-spacing: 0;
}

.home-watch-section .watch-item-body-btn .btn{
    min-width: 280px;
}

.card-stories.featured-storie{
  align-items:center;
}

.card-stories.featured-storie .card-simple-body{
  padding-left: 0;
  width: 41%;
  padding-right: 28px;
}

.card-stories.featured-storie .card-simple-top{
  width: 58%;
}

.card-stories.featured-storie .badge-wrapper{
  margin-bottom: 12px;
  color: #002F5E;
}

.card-stories.featured-storie .card-simple-title{
  margin-bottom: 12px;
}

.card-stories .story-date{
 color: #BA3D21;
 font: 800 clamp(19px, 2.1169354839vw, 21px)/1 var(--font-family-roboto-condensed, sans-serif);
 margin-bottom: 12px;
}

.card-stories.featured-storie .card-simple-content-btn a{
  margin-top: 0;
  color: #fff;
  min-width: 157px;
}

/*** End Home Page  ***/

/*** Back to Top ***/
#backToTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 100;
  display: none;
  border: none;
  padding: 0 8px;
  border-radius: 50%;
  cursor: pointer;
  min-width: inherit;
}
/*** End Home Page ***/

/*** Search Page ***/

.search-page{
  background: #002F5E;
  color: #FDFCFB;
  padding-bottom: 56px;
}

.search-page .search-top{
  padding: 16px 24px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.search-page .search-top .search-close a{
  color: #FDFCFB;
  text-decoration: none;
  display: flex;
  align-items: center;
  column-gap: 10px;
}

.search-page .search-top .search-close span{
  font: normal 900 clamp(19px, 2.1169354839vw, 21px)/1 var(--font-family-prompt);
  letter-spacing: 0.04em;
}

.search-page .search-top .search-close img{
  width: 56px;
  height: 56px;
}

.search-page .search-form{
  position: relative;
}

.search-page .search-form input{
  width: 100%;
  background: transparent;
  border: none;
  font-size: clamp(23px, 3.8306451613vw, 38px);
  font-weight: 900;
  line-height: 1;
  padding: 19.5px 56px;
  color: #FDFCFB;
  border-bottom: 3px solid var(--Color-Stroke-stroke-blue-02, #4C6A8E);
  border-radius: 0;
  height: auto;
  letter-spacing: -0.01em;
}

.search-page .search-form input:focus{
  box-shadow: none;
}

.search-page .search-form input::placeholder{
  opacity: 0.7;
  color: #FDFCFB;
}

.search-page .search-form .search-btn{
  position: absolute;
  left: 0;
  top: 24px;
}

.search-page .search-form .search-close{
  position: absolute;
  right: 0;
  top: 32px;
}

.search-page .search-form .search-close svg{
  background: #fff;
  border-radius: 50%;
}

.search-tags{
  max-width: 716px;
  display: flex;
  flex-wrap: wrap;
  column-gap: 12px;
  row-gap: 12px;
}

.search-popular .h3{
  margin: auto;
}

.search-tags .search-tag a{
  font: 800 clamp(20px, 2.8225806452vw, 28px)/1 var(--font-family-roboto-condensed, sans-serif);
  background: #235486;
  color: #FFFFFF;
  text-decoration: none;
  padding: 12px 16px;
  border-radius: 4px;
  display: inline-block;
}

.search-trending .h3{
  margin: auto;
}

.search-page .card-programm-style-2 .card-programm-content{
  padding: 12px 0 8px;
}

.search-page .card-programm-style-2 .card-programm-content .card-programm-label{
  margin-bottom: 8px;
}

.search-page .filter-container{
  background: #002044;
}

.search-page .filter-container .btn{
  color: #FDFCFB;
  border: 2px solid var(--Color-Text-txt-link, #0662BB);
}

.search-page .filter-sort-select .nice-select{
  border: 2px solid var(--Color-Text-txt-link, #0662BB);
  background: #002F5E;
}

.search-page .filter-sort-select .nice-select .current::before{
  border-right: 1px solid #020000;
}

.search-page .filter-tags-item{
  color: #FFFFFF;
  border-color: #647E9D;
}

.search-page .filter-tags-item a{
  color: #FFFFFF;
}

.search-page .filter-tags-cancel{
  color: #86AEF0;
}

.search-page .filter-results{
  margin-bottom: 14px;
}

.results-list{
  padding-left: 16px;
  padding-right: 16px;
}

.results-list .card-search{
  display: flex;
  width: 100%;
  column-gap: 24px;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 38px;
  border-bottom: 2px solid var(--Color-Stroke-stroke-blue-02, #4C6A8E)
}

.results-list .card-search .card-simple-top{
  flex: 0 0 280px;
}

.results-list .card-search .card-simple-bg{
  aspect-ratio: auto;
}

.results-list .card-search .card-simple-body{
  flex: 1 1 auto;
  padding-top: 0;
}

.results-list .card-search .card-simple-content{
  display: flex;
  flex-wrap: wrap;
  row-gap: 12px;
}

.results-list .card-search .card-simple-label{
  padding-top: 0;
  width: 100%;
}

.results-list .card-search .card-simple-title{
  font-size: 38px;
  margin-top: 0;
}

.results-list .card-search .card-simple-content p{
  width: 100%;
}

.results-list .card-search .card-date{
  display: flex;
  align-items: center;
  column-gap: 10px;
}

.results-list .card-search .card-date a{
  text-decoration: none;
  color: #FDFCFB;
}

.results-list .card-search .card-show{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.results-list .card-search .card-show svg{
}

.results-list .card-search .card-show a{
  color: #86AEF0;
  margin-left: 10px;
}

.results-list .card-search.card-actor .card-simple-top{
  box-shadow: none;
}

.results-list .card-search.card-actor .card-simple-bg{
  border-radius: 50%;
}

.results-list .card-search.card-video .card-simple-bg img{
  max-height: 252px;
  object-position: center;
}

.results-list .card-simple-grid-loadmore .btn{
  border-color: #0662BB;
  min-width: 220px;
}

.search-page .search-suggestions{
  padding-top: 56px;
  padding-bottom: 200px;
}

.search-page .search-suggestions p{
  font-size: 21px;
  margin-bottom: 24px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.01em;
}

.search-page .no-results{
  text-align: center;
  padding-top: 40px;
  padding-bottom: 24px;
  font-size: 28px;
  font-weight: 900;
  line-height: 1.1;
}

.search-page .no-results p{
  font-size: 28px;
  font-weight: 900;
  line-height: 1.1;
  margin-bottom: 0;
}

/*** End Search Page ***/

/*** Primaru Billboard ***/

.primary-billboard{
  mask: inherit;
}

.primary-billboard:before{
  content: "";
  z-index: 2;
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: .5;
  background: linear-gradient(270deg, rgba(0, 6, 20, 0) 0%, #000614 100%);
}

.billboard.primary-billboard:after{
  content: '';
  width: 100%;
  height: 16px;
  position: absolute;
  bottom: 0!important;
  opacity: 1;
  left: 0;
  background: url(../images/masks/billboard-mask-primary.svg) no-repeat;
  background-size: cover;
  z-index: 2;
  inset: inherit;
}

.primary-billboard .billboard-detail-picture{
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
}

.primary-billboard .billboard-detail-picture img{
  height: 100%;
}

.primary-billboard .billboard-body{
  padding: 0 176px;
  padding-top: 150px;
}

.primary-billboard .billboard-content{
  padding-bottom: 100px;
  margin: 0 auto;
  max-width: 1896px;
  width: 100%;
  position: relative;
  z-index: 3;
}

.primary-billboard .billboard-badge{
  margin-bottom: 12px;
}

.primary-billboard .billboard-badge span{
  padding: 4px 8px;
}

.primary-billboard .billboard-subtitle{
  max-width: 545px;
}

.primary-billboard .btn-edged{
  width: 275px;
}


/*** End primary billboard ***/

.header-detail-banner{
  position: relative;
  color: #FDFCFB;
}

.header-detail-banner img{
  display: block;
  width: 100%;
  max-height: 690px;
  min-height: 554px;
  object-fit: cover;
}

.header-detail-banner .header-detail-picture{
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
}

.header-detail-banner .header-detail-picture img{
  height: 100%;
}

.header-detail-banner #countdown{
  position: absolute;
  left: 0;
  right: 0;
  z-index: 2;
  width: 100%;
  height: 340px;
  bottom: 0;
  margin: auto;
  text-align: center;
  color: var(--color-primary-white, #FFF);
}

.header-detail-banner #countdown{
  background: linear-gradient(180deg, rgba(3, 12, 29, 0) 0%, rgba(0, 9, 26, 0.66) 100%);
}

.header-detail-banner #countdown #timer{
  display: flex;
  justify-content: center;
}


.header-detail-banner #countdown #timer span:nth-child(1){
  --btn-color: var(--color-primary-black, #231F20);
  --btn-bg-color: var(--color-primary-yellow, #FAA21B);
  --btn-bg-hover-color: var(--color-secondary-bright-yellow, #FFB320);
  background: none;
  font-size: 60px;
  line-height: 1;
  font-weight: 900;
  font-family: var(--font-family-prompt, "Prompt", sans-serif);
  letter-spacing: 4%;
  height: 120px;
  width: 120px;
  color: rgba(2, 0, 0, 1);
  display: flex;
  align-items: center;
  justify-content: center;
  /* background: url(../images/count-bg.png) center center/cover no-repeat; */
  border-radius: 5px;
  margin-left: 6px;
  margin-right: 6px;
  margin-bottom: 4px;
  transition: inherit;
  background: var(--btn-bg-color);
  -webkit-mask: url(../images/masks/button-bkg-black.png) left top repeat;
  mask: url(../images/masks/button-bkg-black.png) left top repeat;
}


.header-detail-banner #countdown #timer span:nth-child(2){
  text-transform: uppercase;
  font: 800 clamp(18px, 2.4193548387vw, 24px)/1.5 var(--font-family-figtree, sans-serif);
  line-height: 36px;
}

.header-detail-banner #countdown .h4{
  margin: auto;
  margin-bottom: 12px;
}

.header-detail-intro{
  background: url(../images/intro-bg.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}

.header-detail-intro .intro-logo{
  padding: 8px;
}

.header-detail-intro .intro-logo{
  max-width: 487px;
}

.header-detail-intro .intro-text{
  color: #FDFCFB;
}

.header-detail-intro .intro-menu{
  border-bottom: 2px solid #002F5E;
}

.header-detail-intro .intro-menu .item{
  padding-bottom: 20px;
}

.header-detail-intro .intro-menu a{
  color: #fff;
  text-decoration: none;
}

.header-detail-intro .intro-menu a svg{
  width: 32px;
  height: 32px;
  margin-bottom: 15px;
}

.header-detail-intro .intro-menu a span{
  display: flex;
  font-size: 23px;
  line-height: 1;
}

.header-detail-intro .intro-menu a span svg{
  width: 24px;
  height: 24px;
  margin-left: 8px;
  transform: translateY(-1px);
}

.intro-content{
  color: var(--color-primary-white, #FFF);
}

.intro-btns{
  display: flex;
  -moz-column-gap: 16px;
  column-gap: 16px;
  align-items: center;
}

.intro-content .h4{
  margin: auto;
  font-weight: 800;
}

.intro-content .intro-summary{
  flex: 1 1 74.5%;
}

.intro-content .intro-summary .h3{
  position: relative;
  padding-bottom: 22px;
}
.intro-content .intro-summary .intro-btns{
  column-gap: 7px;
}
.intro-content .intro-summary .intro-btn{
  width: 260px;
  height: 58px;
}

.intro-content .intro-summary .intro-btn svg{
  height: 32px;
  width: 32px;
  position: relative;
  z-index: 2;
  margin-right: 5.5px;
  transform: translateY(-2px);
}

.intro-content .intro-summary .h3:before{
  content: '';
  position: absolute;
  width: 64px;
  height: 6px;
  bottom: 0;
  left: 0;
  background: var(--color-primary-yellow);
}

.intro-content .intro-summary .h4{
  margin-bottom: 12px;
  letter-spacing: 0;
}

.intro-content .intro-shelude{
  flex: 1 1 25.5%;
  border-left: 2px solid #002F5E;
  padding-left: 40px;
}

.intro-content .intro-shelude .item{
  padding-bottom: 28px;
}

.intro-content .intro-shelude .h4.font-family-roboto-condensed{
  letter-spacing: 0;
}

.intro-content .intro-shelude .schelude-h4{
  font-weight: 900;
  margin-bottom: 5px;
}

.intro-content .intro-shelude .episode-number{
  margin-bottom: 0;
  font-size: 26px;
  font-weight: 800;
  letter-spacing: 0;
}

.intro-content .intro-shelude .episode-number span{
  display: inline-block;
  position: relative;
  padding-right: 19px;
}

.intro-content .intro-shelude .episode-number span:before{
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 3px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--color-primary-yellow);
}

.intro-content .intro-shelude .episode-number span:nth-last-child(1)::before{
  display: none;
}

.intro-content .intro-shelude .baby-blue{
  color: var(--color-secondary-baby-blue);
  font-size: 21px;
  line-height: 1;
}

.single-show .card-simple-grid-loadmore .btn{
	color: #fff;
}

.card-simple-grid-loadmore.movies-upcoming-btn .btn{
  color: #fff;
}

/*** About section ***/

.texture-style-11{
  --mask-height: 15px;
  position: relative;
  -webkit-mask: url(../images/masks/about-ed.svg) exclude 0 0 repeat-x, linear-gradient(#F4F0E9 0 0);
  mask: url(../images/masks/about-ed.svg) exclude 0 0 repeat-x, linear-gradient(#F4F0E9 0 0);
  background: #5F4E44;
  color: var(--color-primary-white, #fff);
  overflow: hidden;
}

.texture-style-11:before{
  content: '';
  position: absolute;
  max-width: 630px;
  max-height: 1143px;
  width: 100%;
  height: 100%;
  top: 741px;
  left: 0;
  opacity: 0.2;
  background: linear-gradient(0deg, #5F4E44 6.75%, rgba(95, 78, 68, 0) 30.31%), url(../images/about-texture-1.png);
}

.texture-style-11:after{
  content: '';
  position: absolute;
  max-width: 630px;
  max-height: 1143px;
  width: 100%;
  height: 100%;
  bottom: -389px;
  right: 0;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  opacity: 0.2;
  background: linear-gradient(0deg, #5F4E44 6.75%, rgba(95, 78, 68, 0) 30.31%), url(../images/about-texture-1.png);
}


.about-block .block-section-head:not(.no-divider)::after{
  background: url(../images/star-divider-white-26.png) 0 0 repeat-x;
}

.texture-style-11 .btn{
  color: var(--color-tan-bright-100);
}

.block-section.texture-style-11.texture-style-11::before, .block-section.texture-style-11.texture-style-11::after{
  z-index: 0;
}

@media (width <= 768px) {
  .texture-style-11:before{
      top: 920px;
      left: 0.75px;
      background: linear-gradient(180deg, rgba(95, 78, 68, 0) 0%, #5F4E44 100%), url(../images/about-texture-1.png);
      background-repeat: no-repeat;
      background-size: contain;
  }

  .texture-style-11:after{
    display: none;
  }

  .about-block .block-section-head:not(.no-divider)::after{
    background-size: auto var(--divider-star-height);
  }
}


.about-block .btn{
  color: var(--color-primary-white, #fff);
}

.about-block .about-content{
  max-width: 920px;
  margin: auto;
}

.about-block{
  padding-top: 338px;
}

.about-block .about-banner-bg{
  position: absolute;
  top: 0;
  width: 100%;
  max-height: 764px;
  /* height: 100%; */
}

.about-block .about-banner-bg::after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(95, 78, 68, 0) 31.25%, #5F4E44 100%);
}

.about-block .about-banner-bg img{
  width: 100%;
  object-fit: cover;
  max-height: 764px;

}

.about-block .about-content{
  margin-top: 98px;
}
.about-block .about-content .btn{
  border-color: #FDFCFB;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 21px;
  line-height: 21px;
}

.about-block .about-content .img-block img{
  display: flex;
  width: 100%;
  margin-bottom: 24px;
  position: relative;
}

.about-block .about-content .content p{
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  color: var(--color-tan-bright-100);

}

.about-block .content .text-block p.highlight-chapter{
  font-size: 32px;
  line-height: 42.5px;
  font-weight: 500;
  letter-spacing: -0.3px;
  margin-bottom: 26px;
  -webkit-mask: url(../images/title-texture.png) 50% / cover no-repeat;
  mask: url(../images/title-texture.png) 5% / no-repeat;
  font-family: var(--primary-roboto-condensed, "Roboto Condensed", sans-serif);
}

.about-block .content .text-block p.highlight-chapter::first-letter{
  color: inherit;
}

.text-block-load-more{
  text-align: center;
  margin-top: 24px;
}

.text-block-load-more .btn{
  --btn-color: currentColor;
    min-width: auto;
    border: 2px solid currentColor;
    background: transparent;
}
.text-block-load-more .btn::after{
  display: none;
}
.text-block-load-more .btn span{
  gap: 4px;
  display: flex;
  align-items: center;
}

.collapsed-text {
  position: relative;
  max-height: 500px;
  overflow: hidden;
  transition: max-height 0.5s ease-out;
  -webkit-mask: linear-gradient(0deg, rgba(95, 78, 68, 0) 0%, #5F4E44 100%);
    mask: linear-gradient(0deg, rgba(95, 78, 68, 0) 0%, #5F4E44 100%);
}

.expanded-text {
  max-height: 100%;
}

.meet-cast{
  background-color: #5F4E44;
  color: var(--color-primary-white, #fff);
}

.meet-cast .thecast-slider{
  text-align: center;
}

.meet-cast .thecast-slider a{
  color: var(--color-primary-white, #fff);
  text-decoration: none;
  display: block;
}

.meet-cast .thecast-slider img{
  width: 280px;
  height: 280px;
  border-radius: 50%;
  display: block;
  margin-bottom: 16px;
}

.thecast-slider .swiper-slide {
    width: -moz-fit-content;
    width: fit-content;
}

.thecast-slider .h4{
  margin: auto;
  margin-bottom: 2px;
}

.thecast-slider .character-name{
  font-size: 21px;
  line-height: 21.5px;
  color: #FDFCFB;
  font: 400 clamp(16px, 2.1vw, 21px)/1.4 var(--font-family-figtree, sans-serif);
  opacity: 0.5;
}

.clips-extras{
  background-color: #5F4E44;
  color: var(--color-primary-white, #fff);
}

.clips-extras .video-card{
  max-width: 448px;
  width: 100%;
}

/*** Movies Nav ***/
.show-movie-nav{
  display: flex;
  align-items: center;
  position: relative;
  z-index: 99;
  color: #FDFCFB;
  background: var(--color-blue-darken-blue-dark--500);
  width: 100%;
  padding-left: 32px;
  padding-right: 28px;
  border-top: 1px solid #34567E;
  border-bottom: 2px solid #34567E;
}

.show-movie-nav a{
  color: #FDFCFB;
  text-decoration: none;
}

.show-movie-nav .col-title{
  flex: 1 1 20%;
  padding-left: 16px;
}

.show-movie-nav .col-title p{
  margin-bottom: 0;
  font: normal 800 clamp(19px, 2.8vw, 28px)/1 var(--font-family-roboto-condensed, sans-serif);
}

.show-movie-nav .col-menu {
  flex: 1 1 80%;
}
.show-movie-nav .col-menu ul{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  list-style: none;
  margin: auto;
  padding: 0;
}

.show-movie-nav .col-menu ul li{
  padding-top: 31px;
  padding-bottom: 30px;
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
  align-items: center;
  position: relative;
}

.show-movie-nav .col-menu ul li.active:before{
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 8px;
  background-color: #FAA21B;
  z-index: 3;
}

.show-movie-nav .col-menu ul li:hover:before{
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 8px;
  background-color: #FAA21B;
  z-index: 3;
}

.show-movie-nav .col-menu ul li a{
  text-transform: uppercase;
  font-family: var(--font-family-prompt, "Prompt", sans-serif);
  font-size: 23px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.028em;
}

.show-movie-nav .col-menu ul li svg{
  margin-left: 5px;
  margin-bottom: 2px;
}

/*** End Movies Nav ***/

/*** Episode guide ***/

.breadcrumb-2 .breadcrumb ul li a{
    color: var(--color-ui-ui-link-primary-dark);
}

.texture-style-blue{
  --mask-height: 16px;
  -webkit-mask: url(../images/edges/edge-blue-bottom.svg) exclude 0 100% repeat-x, linear-gradient(#000 0 0);
  mask: url(../images/edges/edge-blue-bottom.svg) exclude 0 100% repeat-x, linear-gradient(#000 0 0);
}

.episode-guide-section .find-to-watch{
  padding-top: 50px;
}

.episode-guide-section{
  padding-bottom: 60px;
}

.episode-guide-section h1{
  margin-top: 3px;
}

.episode-guide .episode-nr{
  display: flex;
}

.episode-guide .episode-nr .h3{
  font-family: var(--font-family-roboto-condensed);
  font-weight: 800;
  letter-spacing: 0;
  margin-bottom: 16px;
}

.episode-guide .season-nav{
  padding-left: 12px;
  padding-top: 4px;
}

.episode-guide .season-nav div{
  height: 16px;
  cursor: pointer;
}

.episode-guide .season-nav svg{
  color: #53A3EE;
}

.episode-count{
  font-family: var(--font-family-roboto-condensed);
  font-weight: 800;
  margin: auto;
  color: var(--color-secondary-baby-blue);
  letter-spacing: 0;
}

.episode-list .item{
  display: flex;
  flex-wrap: wrap;
  padding-top: 50px;
  padding-bottom: 50px;
}

.episode-list .item .col-nr{
  flex: 1 1 16%;
}

.episode-list .item .col-nr p{
  position: relative;
  margin: auto;
}

.episode-list .item .col-nr p span{
  padding-right: 34px;
  position: relative;
}

.episode-list .item .col-nr p span:before{
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 14px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--color-primary-yellow);
}

.episode-list .item .col-nr p span:nth-last-child(1):before{
  display: none;
}

.episode-list .item .col-img{
  flex: 1 1 33%;
  position: relative;
  padding-left: 8px;
  padding-right: 8px;
}

.episode-list .item .col-img img{
  width: 100%;
  border-radius: 5px;
  display: block;
}

.episode-list .item .col-img .btn{
  position: absolute;
  right:18px;
  top: 8px;
  z-index: 25;
}

.episode-list .item .col-info{
  flex: 1 1 50%;
  padding-left: 16px;
  padding-right: 8px;
}

.episode-list .item .col-info .h4{
  margin: auto;
  margin-bottom: 12px;
}

.episode-list .item .col-info .description{
  margin-bottom: 0;
}

.episode-list .item .col-info .card-simple-content-btn{
  margin-bottom: 24px;
  padding-top: 0;
}

.episode-list .item .col-info a{
  color: var(--color-primary-white, #fff);
}

.episode-list .item .col-info .btn{
  min-width: 190px;
}

.episode-list .item .col-info a svg{
  width: 32px;
  height: 32px;
}
.episode-list .item .col-info .notification{
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}

.episode-list .item .col-info .notification .text-bg{
  color: var(--color-primary-black);
  background: var(--color-yellow-brighten-yellow-bright--600);
  font-family: var(--font-family-roboto-condensed);
  font-weight: 800;
  font-size: 19px;
  line-height: 19px;
  margin-right: 6px;
  display: flex;
  align-items: center;
  padding: 3px 8px;
  text-transform: uppercase;
  border: 1px solid var(--color-primary-yellow);
  border-radius: 5px;
}

.episode-list .item .col-info .notification .text-bg svg{
  width: 24px;
  height: 24px;
  margin-right: 2.5px;
}

.episode-list .item .col-info .notification .date{
  font-family: var(--font-family-roboto-condensed);
  font-weight: 800px;
  font-size: 21px;
  line-height: 1;
}
/*** End Episode guide ***/

/*** Clips Extras ***/

.page-clips-extras .texture-style-blue{
  color: var(--color-primary-white, #fff);
}

.page-clips-extras .texture-style-blue .card-simple-title a{
  color: var(--color-primary-white, #fff);
}

.page-clips-extras .texture-style-blue .card-simple-label{
  margin-bottom: 4px;
}

.page-clips-extras .card-simple-content-publishdate{
  margin-bottom: 0;
  margin-top: 8px;
}

.page-clips-extras .card-simple.is-playlist .card-simple-bg{
  margin-bottom: 0;
}

.page-clips-extras .card-simple-grid-loadmore .btn{
  border-color: #0662bb;
}

.page-clips-extras .simple-slider:not(.simple-programm-slider,
.page-clips-extras .is-episode-slider) .swiper-button-next,
.page-clips-extras .simple-slider:not(.simple-programm-slider,
.page-clips-extras .is-episode-slider) .swiper-button-prev{
  top: 153px!important;
}

/*** End Clips Extras ***/

/*** Storie & Quizzes ***/
.page-stories-quizzes .card-simple-title{
  color: #002F5E;
}

.page-stories-quizzes .card-simple-label{
  margin-bottom: 8px;
}

.page-stories-quizzes .card-simple-bg{
  margin-bottom: 0;
}

.page-stories-quizzes .card-simple-grid-loadmore .btn{
  border-color: #0662bb;
  color: #0662bb;
}
.page-stories-quizzes .card-simple-bg{
    min-height: 202px;
}

/*** End Storie & Quizzes ***/

/*** Gallery List ***/

.gallery-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 columns by default */
  gap: 24px;
}
.gallery-list .gallery-item {
	margin-bottom: 24px;
  position:relative;
}
/* .gallery-list .gallery-item:nth-child(4){
  margin-bottom: 120px;
} */
.gallery-list .gallery-item img {
	width: 100%;
	display: block;
}

.page-photos .btn-load-more{
  text-align: center;
}

.page-photos .btn-load-more a{
    height: 64px;
    min-width: 195px;
}

.page-photos .btn-load-more a{
  color: var(--color-primary-white, #fff);
  border-color: #0662bb;
}

/* .gallery-item:after{
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  background: #2A334280;
  opacity: 0;
  transition: 0.3s;
} */

.gallery-item > a.open-img{
  position: relative;
  display: block;
}
.gallery-item > a.open-img:after{
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  background: #2A334280;
  opacity: 0;
  transition: 0.3s;
}

.gallery-item .gallery-share{
  font-size: 18px;
  line-height: 27px;
  font-weight:  800;
  text-transform: uppercase;
  position: absolute;
  top: 8px;
  left: 8px;
  display: flex;
  align-items: center;
  opacity: 0;
  transition: 0.4s;
  z-index: 2;
}

.gallery-item > a.open-img .expand-img{
  top: 8px;
  right: 8px;
}
.gallery-item .gallery-item-content{
  display: none;
}

.gallery-item .gallery-share span{
  height: 48px;
  width: 48px;
  border-radius: 50%;
  background: #002F5ECC;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 6px;
}

.hover-icon{
  position: absolute;
  height: 48px;
  width: 48px;
  border-radius: 50%;
  background: #002F5ECC;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 6px;
  cursor: pointer;
  opacity: 0;
  transition: 0.4s;
  z-index: 2;
}

.hover-icon.gallery-download{
  top: 8px;
  right: 64px;
}

.hover-icon.open-img{
  top: 8px;
  right: 8px;
}

.hover-icon.open-info{
  bottom: 8px;
  right: 8px;
}

/* .gallery-item:hover:after,  */
.gallery-item:hover > a.open-img:after,
.gallery-item:hover .gallery-share, .gallery-item:hover .hover-icon{
  opacity: 1;
}

.gallery-item .gallery-desc{
  position: absolute;
  width: calc(100% - 16px);
  left: 8px;
  bottom: 64px;
  border: 1px solid #34567E;
  box-shadow: 0px 6px 20px 0px #00000029;
  background-color: #000c1f;
  padding: 12px;
  display: none;
  z-index: 3;
}

.gallery-item .gallery-desc .btn-close-info{
  position: absolute;
  right: 8px;
  top: 8px;
}

.gallery-item .gallery-desc .actor-name{
  font-weight: 600;
}
.gallery-item .gallery-desc .dot{
  color: #FAA21B;
}
.gallery-item .gallery-desc .movie-name{
  font-size: 18px;
}
.gallery-item .gallery-desc p{
  margin-bottom: 0;
  font-size: 21px;
  line-height: 1.5;
  font-weight: 400;
}

.insp-gallery {
  display: none;
  flex-wrap: wrap;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: var(--color-primary-white, #fff);
}
.insp-gallery .modal-gallery{
  position: relative;
  z-index: 3;
  top: 50%;
  transform: translateY(-50%);
}
.modal-img{
  position: relative;
  display: block;
  max-width: 1464px;
  width: 100%;
  max-height: 836px;
  object-fit: contain;
  margin: auto;
  border-radius: 4px;
  z-index: 2;
}
.modal-img::selection{
  background: transparent;
}
.insp-gallery:before{
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100vw;
  height: 100vh;
  background-color: #002F5E;
}
.insp-gallery.fade:before {
  opacity: 0;
}
.insp-gallery.show:before {
  opacity: 0.95;
}

.gallery-nav{
  width: 64px;
  height: 64px;
  border-radius: 50%;
  border: 2px solid #0662BB85;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #01172C;
  z-index: 3;
}

.gallery-nav.prev {
  left: 24px;
}
.gallery-nav.next {
  right: 24px;
}
.gallery-top{
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 20px;
  padding-left: 20px;
  z-index: 3;
}
#videoGallery .video-content,
#trailerModal .video-content{
  position: relative;
  padding: 10px;
  display: block;
  max-width: 1484px;
  width: 100%;
  height: 856px;
  margin: auto;
  border-radius: 4px;
  z-index: 2;
}
#videoGallery .video-content video{
  width: 100%;
}
#videoGallery .video-content .video-title,
#trailerModal .video-content .video-title{
  position: absolute;
  left: 10px;
  top: -28px;
  font: normal 800 clamp(19px, 2.1169354839vw, 21px)/1 var(--font-family-roboto-condensed, sans-serif);
}
#myGallery .more-info span:nth-child(2),
#trailerModal .more-info span:nth-child(2){
  display: none;
}
#myGallery .more-info.less-info span:nth-child(1),
#trailerModal .more-info.less-info span:nth-child(1){
  display: none;
}
#myGallery .more-info.less-info span:nth-child(2),
#trailerModal .more-info.less-info span:nth-child(2){
  display: inline-block;
}
#myGallery .more-info.less-info svg,
#trailerModal .more-info.less-info svg {
  transform: scaleY(-1);
}
.gallery-bottom .actor-name a {
  color: #8EADEB;
}
.gallery-top .counter {
  display: inline-block;
  font-size: 18px;
  border: 2px solid #002F5E;
  border-radius: 100px;
  background: #000C1F;
  padding: 10px 22px;
  margin-bottom: 12px;
  line-height: 1;
}
#imageDescription .gallery-title {
  font: normal 800 clamp(19px, 2.1169354839vw, 21px)/1.5 var(--font-family-roboto-condensed, sans-serif);
}
.gallery-top .gallery-title{
  font: normal 800 clamp(19px, 2.1169354839vw, 21px)/1 var(--font-family-roboto-condensed, sans-serif);
  padding-left: 5px;
}

.gallery-info{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
}

.gallery-info .gallery-btn{
  position: absolute;
  bottom: 16px;
  right: 16px;
  display: flex;
  z-index: 11;
}

.gallery-info .gallery-btn > a{
  width: 64px;
  height: 64px;
  border-radius: 50%;
  border: 2px solid #0662BB85;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #01172C;
  color: var(--color-primary-white, #fff);
  margin-left: 10px;
  text-decoration: none;
}

.gallery-info .gallery-btn > .more-info{
  width: auto;
  border-radius: 64px;
  font: normal 800 clamp(18px, 2.1169354839vw, 21px) var(--font-family-prompt, "Prompt", sans-serif);
  padding: 12px 16px 12px 24px;
  text-transform: uppercase;
}

.gallery-bottom{
  background: #002044E5;
  padding-top: 40px;
  padding-bottom: 40px;
  display: none;
}

.gallery-info .gallery-bottom p{
  margin-bottom: 0;
}

.gallery-info .gallery-bottom .btn-close-info{
 display: none;
}

.gallery-bottom .content div{
  display: flex;
  align-items: center;
}

.gallery-bottom .content div{
  font-size: 18px;
  line-height: 25px;
}

.gallery-bottom .content p{
  font-size: 18px;
}

.gallery-bottom .content .desc{
  font-size: 24px;
  margin-bottom: 16px;
}

.gallery-bottom .content .title-video{
  font: normal 800 clamp(19px, 2.1169354839vw, 21px)/1 var(--font-family-roboto-condensed, sans-serif);
  margin-bottom: 4px;
}


/*** End Gallery List ***/

.page-meet-cast .texture-style-4{
  padding-bottom: 165px;
}

.cast-list{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  color: #FDFCFB;
  --col-gap: 90px;
  --row-gap: 54px;
    gap: var(--row-gap) var(--col-gap);
}

.cast-list .card-actor{
  --card-width: min(280px, 46vw);
  position: relative;
  width: var(--card-width);
  text-align: center;
}

.cast-list .card-actor img{
  max-width: 280px;
  width: 100%;
  object-fit: cover;
  border-radius: 50%;
  margin: auto;
  display: block;
}

.cast-list .card-actor .actor-name{
  font-size: 38px;
  line-height: 1;
  font-weight: 900;
  margin-top: 20px;
  margin-bottom: 0px
}
.cast-list .card-actor .character-name{
  font-size: 21px;
  line-height: 1.5;
  opacity: 0.5;
  margin-bottom: 0;
}
/*** End Meet the cast ***/

/*** Actor cast ***/
.breadcrumb-actor li{
  color: #020000;
}

.breadcrumb-actor li:nth-last-child(1) span{
  color: #020000;
}

.page-actor-cast .block-section.texture-style-4::before{
  width: 100%;
  height: 16px;
  position: absolute;
  top: 0px!important;
  opacity: 1;
  left: 0!important;
  background: url(../images/edges/edge-blue-bottom.svg) no-repeat;
  background-size: cover;
  z-index: 2;
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}

.actor-cast{
  display: grid;
  grid-template-columns: auto auto;
  grid-auto-flow: column;
  grid-gap: 12px;
  grid-template-columns: minmax(448px, 1fr);
}

.cast-actor-bg{
  position: relative;
}

.cast-actor-bg:before{
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url(../images/cast/actor-cast-bg.png) left bottom no-repeat;
  opacity: 0.3;
}

.actor-cast .col-img{
  grid-row: span 3;
  position: relative;
}

.actor-cast .col-img .btn{
  position: absolute;
  right: 8px;
  top: 8px;
}

.actor-cast .col-img img{
  width: 100%;
  box-shadow: 0px 6px 20px 0px #00000029;
  border-radius: 4px;
  display: block;
}

.actor-cast .col-name{
  padding-left: 10px;
}

.actor-cast .col-info{
  padding-left: 10px;
}

.actor-cast .character-name{
  font-family: var(--font-family-roboto-condensed, sans-serif);
  font-weight: 800;
  font-size: 38px;
  line-height: 38px;
  margin-bottom: 10px;
}

.actor-cast .actor-name{
  font-family: var(--font-family-roboto-condensed, sans-serif);
  font-weight: 800;
  font-size: 28px;
  line-height: 28px;
  color: #002F5E;
  padding-bottom: 14px;
  position: relative;
}

.actor-cast .col-info .description{
  margin-bottom: 24px;
}

.actor-cast .actor-name a{
  color: #002F5E;
  text-decoration: none;
}

.actor-cast .actor-name:before{
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 64px;
  height: 6px;
  background: #FAA21B;
}

.actor-cast .col-info .biography{
  font: 900 28px/1.1 var(--font-family-prompt);
  line-height: 1;
  margin-bottom: 24px;
  letter-spacing: 0.04em;
}

.page-header-2{
  -webkit-mask: inherit;
  mask: inherit;
}


.specials-events-section .find-to-watch{
  padding-top: 30px;
  padding-bottom: 4px;
}

.events-list .item{
  display: flex;
  flex-wrap: wrap;
}
.events-list .col-date{
  flex: 0 0 17%;
  padding-top: 0px;
}

.events-list .col-date p{
  text-align: center;
  float: left;
  letter-spacing: 0px!important;
}

.events-list .col-date p span{
  display: block;
  font-size: 21px;
  line-height: 21px;
}

.events-list .col-event{
  max-width: 920px
}

.events-list .col-event p{
  margin-bottom: 24px;
}

.text-blue{
  color: #A0BEE4;
}

.events-list p.underline{
  position: relative;
  padding-bottom: 22px;
}

.events-list p.underline:before{
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 64px;
  height: 6px;
  background: #FAA21B;
}

.events-list .date{
  display: flex;
  align-items: center;
  margin-bottom: 24px;
  line-height: 1;
}

.events-list .date svg{
  margin-right: 4px;
}

.events-list .col-event{

}

.events-list .col-event .event-img{
  width: 100%;
  margin-bottom: 24px;
  display: block;
}

.events-list .col-event .card-simple-content-btn{
 padding-top: 0;
 margin-bottom: 24px;
}

.events-list .col-event .description{
  margin-bottom: 35px;
}

.events-list .col-event .btn{
  color: #FDFCFB;
  height: 64px;
  min-width: 188px;
}

.events-list .col-event .card-simple-content-btn{
  margin-top: -11px;
}

.events-list .schedule-item p{
  margin-bottom: 0;
}

.events-list .schedule-item .underline{
  padding-bottom: 16px;
  line-height: 1;
}

.events-list .schedule-item .underline:before{
  width: 31px;
}

.schedule-info{
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #34567E;
  border-bottom: 2px solid #34567E;
}

.schedule-info .col-1{
  flex: 1 1 24%;
  padding-top: 18px;
  padding-left: 10px;
}

.schedule-info .col-2{
  flex: 1 1 76%;
  padding-top: 10px;
  padding-bottom: 24px;
}
.schedule-info .col-2 .h4{
  line-height: 38.5px;
  margin-top: 0;
  margin-bottom: 12px;
}
.schedule-info .col-2 .h6.text-blue{
  line-height: 1;
}

.events-list .col-2 .h6.text-blue a{
  text-decoration: none;
  color: #A0BEE4;
}

.upcoming-top{
  position: relative;
}

.upcoming-top p{
  color: #01172C;
}

.upcoming-top::after{
  content: '';
  position: absolute;
  z-index: 15;
  bottom: calc(var(--padding-y) - var(--divider-star-height) - 10px);
  width: 100%;
  height: var(--divider-star-height);
  background: url(../images/star-divider-yellow-26.png) 0 0 repeat-x;
}

.upcoming-list .events-list{
  color: var(--color-primary-text, #020000);
}

.upcoming-list .events-list .col-date p{
  color: #34567E;
  font-size: 38px;
  line-height: 1;
}
.upcoming-list .events-list .col-date span{
  font-size: 21px;
}

.upcoming-list .text-blue{
  color: #002F5E;
}

.upcoming-list .schedule-top .h5{
  margin-bottom: 4px;
}

.upcoming-list .card-simple-content-btn .btn{
  color: #002F5E;
}

.upcoming-list .schedule-info{
  border-top: 1px solid #C9C3BA;
  border-bottom: 2px solid #C9C3BA;
}

.schedule-info .col-1 svg{
  display: none;
}

.upcoming-list .schedule-info .col-2 .h4{
  color: #002F5E;
}


/*** End Actor cast ***/

/*** Stories Lading ***/

.breadcrumb-stories{
  background-color: #000C1F;
}

.breadcrumb-stories .breadcrumb{
  max-width: 1840px;
  padding-left: 8px;
  padding-right: 8px;
  margin: auto;
  color: #fff;
}

.breadcrumb-stories .breadcrumb a{
  color: #fff;
}

.page-stories .texture-style-18{
  --slider-p-x: 140px;
  padding: 0 var(--slider-p-x);
}

.page-stories .primary-billboard{
  transform: translateY(32px);
}

.page-stories .primary-billboard .billboard-body{
  padding: 0 78px;
  padding-top: 155px;
}

.page-stories .texture-style-13:before{
  display: none;
}

.page-stories .texture-style-13:after{
  opacity: 0.1;
}

.page-stories .stories-billboard{
  transform: translateY(0);
  -webkit-mask: url(../images/edges/edge-billboard-storie.svg) exclude 0 0 repeat-x, linear-gradient(#000 0 0);
  mask: url(../images/edges/edge-billboard-storie.svg) exclude 0 0 repeat-x, linear-gradient(#000 0 0);
}

.billboard.billboard-style-2.blue-masks{
  position: relative;
  mask: inherit;
}

.billboard.billboard-style-2.blue-masks::before{
  content: '';
  width: 294px;
  height: 9px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(../images/masks/billboard-mask-blue.svg) no-repeat;
  background-size: cover;
  z-index: 2;
}

.billboard-style-2 .billboard-bg:after{
  background: url(../images/masks/billboard-mask-primary.svg) no-repeat;
  height: 15px;
}

.billboard.billboard-style-2.blue-masks:after{
  content: '';
  width: 294px;
  height: 9px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(../images/edges/billboard-edge-294-9.png) no-repeat;
  background-size: cover;
  z-index: 2;
}

.billboard.primary-billboard.stories-billboard:after{
  background: url(../images/edges/edge-billboard-storie-blue.svg) no-repeat;
  height: 15px;
}

.page-stories .stories-billboard .billboard-body{
  padding-top: 178px;
  padding-left: 177px;
}

.page-stories .stories-billboard .billboard-title{
  margin-bottom: 8px;
}

.page-stories .stories-billboard .btn-edged{
  min-width: 275px;
}

.page-stories .primary-billboard .billboard-body .h5{
  margin-bottom: 8px;
  letter-spacing: 0;
  line-height: 1;
}

.page-stories .primary-billboard .billboard-subtitle{
  max-width: 100%;
}

.page-stories .primary-billboard .billboard-btn{
  display: flex;
  column-gap: 10px;
}

.page-stories .primary-billboard .billboard-btn .btn-edged{
  min-width: 220px;
  width: 220px;
  height: 72px;
}

.page-stories .primary-billboard .billboard-btn .btn-add-favorite{
  width: 72px;
  height: 72px;
}

.stories-billboard .billboard-subtitle{
  font: 800 40px/1 var(--font-family-roboto-condensed, sans-serif);
  max-width: 100%;
}
.page-stories{

}
.page-stories .card-simple-title{
  line-clamp: 3;
-webkit-line-clamp: 3;
  margin-bottom: 8px;
  color: #002F5E;
}

.page-stories .texture-style-14 .btn-blue{
  height: 64px;
}

.page-stories .texture-style-6 .card-simple-title{
  color: #fff;
}

.page-stories .card-simple-grid .card-simple-content-btn{
  padding-top: 0;
}

.page-stories .card-simple-grid .card-simple-content-btn a{
  font-size: 21px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.01em;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  margin-top: 16px;
}
.latest-stories .row{
  display: flex;
  flex-wrap: wrap;
  grid-row-gap: 24px;
}
.latest-stories .block-content-inner{
  padding-left: 0;
  padding-right: 30px;
  width: 77%;
}
.latest-stories .block-content-side{
  width: 23%;
  flex-basis: auto;
}
.card-stories{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 24px;
}
.card-stories .card-simple-top{
  width: 43%;
}
.card-stories .card-simple-body{
  width: 57%;
  padding-left: 24px;
  padding-top: 0;
}
.card-stories .card-simple-description{
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.card-stories .card-simple-content-btn {
  padding-top: 12px;
}
.card-stories .card-simple-content-btn a{
  font-size: 21px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.01em;
  color: #0662BB;
  text-decoration: none;
  text-transform: uppercase;
  margin-top: 16px;
}
.latest-stories .block-content-side .section-ad-block+.section-ad-block{
  margin-top: 0px;
}
.story-card{
  margin-bottom: 0px;
}
.story-card .card-simple-title{
  -webkit-line-clamp: inherit;
  margin-bottom: 8px;
  margin-top: 4px;
  color: #002F5E;
}
.story-card .card-simple-description{
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.story-card .card-simple-content-btn{
  padding-top: 8px;
  line-height: 1;
}
.story-card .card-simple-content-btn a{
  font-size: 21px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.01em;
  color: #0662BB;
  text-decoration: none;
  text-transform: uppercase;
  margin-top: 16px;
}

/*** End Stories Lading ***/

/*** Article stories ***/

.article-header{
  color: #fff;
}

.article-header .article-top-bg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  inset: 0 0 8% 0;
}

.article-header .article-top-bg img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.article-top{
  position: relative;
  z-index: 2;
}

.article-top .soc-links,
.gallery-list .soc-links,
.insp-gallery .soc-links {
  display: block;
}

.article-top .soc-links li,
.gallery-list .soc-links li,
.insp-gallery .soc-links li {
  padding: 11px 16px;
}

.article-top .soc-links a,
.gallery-list .soc-links a,
.insp-gallery .soc-links a {
  color: #002F5E;
  display: flex;
  align-items: center;
  column-gap: 16px;
  font-size: 24px;
  line-height: 36px;
  font-weight: 800;
}

.gallery-list .dropdown-arrow {
  left: 33px !important;
}

.article-top .billboard-badge{
  margin-bottom: 16px;
}

.article-top h1.article-title {
  margin-top: 0;
  margin-bottom: 16px;
  letter-spacing: 1.6px;
  line-height: 68.34px;
  font: normal 900 clamp(40px, 6.7540322581vw, 67px) / 1 var(--font-family-prompt);
}

.article-top h2{
  margin-top: 0;
  margin-bottom: 16px;
  letter-spacing: 1.6px;
  line-height: 68.34px;
}

.article-top .article-time{
  margin-top: 0;
  margin-bottom: 16px;
  font-family: var(--font-family-roboto-condensed, "Roboto Condensed", sans-serif);
  font-size: 21px;
  line-height: 21px;
  text-transform: uppercase;
  font-weight: 800;
}

.article-top .article-author{
  margin-bottom: 5px;
  font-size: 21px;
  line-height: 31.5px;
}

.article-top .article-author a{
  color: #fff;
}

.article-date{
  font-size: 16px;
  line-height: 22.4px;
  margin-bottom: 16px;
  letter-spacing: 0;
}

.article-date .dot{
  font-size: 20px;
  color: #FAA21B;
  display: inline-block;
  line-height:22px;
}

.article-top .article-btn{
  display: flex;
  column-gap: 12px;
}

.article-top .article-btn .btn{
  min-width: auto;
  padding-left: 11px;
  padding-right: 11px;
  height: 48px;
}
.article-top .article-btn .btn span{
  gap: 1;
}
.article-featured{
  position: relative;
  max-width: 1648px;
  padding-left: 8px;
  padding-right: 8px;
  margin: auto;
  -webkit-mask: url("../images/masks/heroes-bg-left-mask.svg") exclude bottom left 0 no-repeat,url("../images/masks/heroes-bg-right-mask.svg") exclude bottom right 0 no-repeat,linear-gradient(#000 0 0);
   mask: url("../images/masks/heroes-bg-left-mask.svg") exclude bottom left 0 no-repeat,url("../images/masks/heroes-bg-right-mask.svg") exclude bottom right 0 no-repeat,linear-gradient(#000 0 0)
}

.article-featured img{
  display: block;
}

.article-content.block-content{
  padding-bottom: 50px;
  flex-wrap: wrap;
}

.article-content.block-content .block-content-container{
  flex: 1 1;
}

.article-content .block-content-side .card-simple{
  width: 100%;
}
.article-content .block-content-side{
  display: flex;
  flex-direction: column;
}

.block-audio-player{
  border-radius: 0;
  padding: 23px 24px 23px 24px;
  border-top: 2px solid #C8C1B1;
  background: var(--colors-insp-card-background, #FDFCFB);
  margin-bottom: 32px;
  margin-left: -20px;
  margin-right: -30px;
}

.block-audio-player p{
  margin-bottom: 12px;
  font-family: var(--font-family-roboto-condensed, "Roboto Condensed", sans-serif);
  font-size: 21px;
  line-height: 21px;
  color: #000;
  font-weight: 800;
}

.audio {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  user-select: none;
  -webkit-user-select: none;
}
.audio .play-pause-btn {
  cursor: pointer;
  background: #002F5E;
  height: 48px;
  width: 48px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.audio .spinner {
  width: 18px;
  height: 18px;
  background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/355309/loading.png);
  background-size: cover;
  background-repeat: no-repeat;
  animation: spin 0.4s linear infinite;
  display: none;
}
.audio .slider {
  flex-grow: 1;
  background-color: #C8C1B1;
  cursor: pointer;
  position: relative;
  height: 8px;
}
.audio .slider .progress {
  background-color: #BA3D21;
  border-radius: inherit;
  position: absolute;
  pointer-events: none;
  height: 8px;
}
.audio .slider .progress .pin {
  height: 8px;
  width: 8px;
  border-radius: 8px;
  position: absolute;
  pointer-events: all;
}
.audio .controls {
  color: #55606E;
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  margin-top: 8px;
}
.audio .controls .slider {
  margin-left: 15px;
  border-radius: 2px;
  height: 8px;
  width: 100%;
}
.audio .controls .slider .progress {
  width: 0;
  height: 100%;
}
.audio .controls .slider .progress .pin {
  right: -8px;
  top: 0px;
}
.audio .controls .time-control {
  cursor: default;
  margin-left: 15px;
  font-size: 16px;
  line-height: 16px;
  color: #000;
  font-family: var(--font-family-roboto-condensed, "Roboto Condensed", sans-serif);
  font-weight: 800;
  margin-top: 5px;
}
.audio .volume {
  position: relative;
  display: none;
}
.audio .volume .volume-btn {
  cursor: pointer;
}
.audio .volume .volume-btn.open path {
  fill: #44BFA3;
}
.audio .volume .volume-controls {
  width: 30px;
  height: 135px;
  background-color: rgba(0, 0, 0, 0.62);
  border-radius: 7px;
  position: absolute;
  left: -3px;
  bottom: 52px;
  flex-direction: column;
  align-items: center;
  display: flex;
}
.audio .volume .volume-controls.hidden {
  display: none;
}
.audio .volume .volume-controls .slider {
  margin-top: 12px;
  margin-bottom: 12px;
  width: 6px;
  border-radius: 3px;
}
.audio .volume .volume-controls .slider .progress {
  bottom: 0;
  height: 100%;
  width: 6px;
}
.audio .volume .volume-controls .slider .progress .pin {
  left: -5px;
  top: -8px;
}

.article-content .block-content-figure figure.highlighted{

}

.article-content .block-content-figure{
  margin-top: 0;
  margin-bottom: 0;
}

.article-content .block-content-text .block-content-figure{
  margin-bottom: 2.3333333333rem
}

.article-content .block-content-text .block-content-figure .wp-caption{
  margin-bottom: 0;
}

.block-content-blockquote {
  margin-left: -65px;
  margin-right: -65px;
  padding-top: 18px;
  padding-bottom: 32px;
  margin-bottom: 24px;
}

.block-content-blockquote .top-quote{
  position: absolute;
  left:  85px;
  top: -82px;
  transform: rotate(180deg);
}

.block-content-blockquote .bottom-quote{
  position: absolute;
  right:  85px;
  bottom: -82px;
}

.top-quote svg, .bottom-quote svg{
  color: #FAA21B;
}

.block-content-blockquote .h4{
  margin: auto;
  margin-bottom: 8px;
  font-weight: 800;
  letter-spacing: 0;
}

.block-content-blockquote .author-quote{
  display: flex;
  align-items: center;
  font-size: 21px;
  font-weight: 800;
  line-height: 21px;
  letter-spacing: 0;
  margin-bottom: 0;
}
.block-content-blockquote .author-quote span{
  padding-top: 2px;
}

.block-content-blockquote blockquote{
  padding-top: 48px;
  padding-bottom: 32px;
  padding-left: 152px;
  padding-right: 152px;
  color: var(--color-primary-white, #FFF);
  background: #002f5e url(../images/quote-bg.jpg) left bottom no-repeat;
  background-size: cover;
  width: 100%;
  margin: auto;
  position: relative;
}

.article-content .block-content-divider{
  margin-top: 0;
}

.article-content .block-content-signature .title{
  font-size: 21px;
  line-height: 21px;
  font-weight: 900;
}

.article-content .block-content-side-next-post .card-simple .card-simple-bg{
   aspect-ratio: 1 / .56;
}

.article-content .block-content-side .block-content-side-next-post .title{
  padding-bottom: 8px;
}

.article-content .block-content-side .block-content-side-next-post .card-simple-title{
  color: #002F5E;
}

.article-content .block-content-side .ad-block-list{
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  justify-content: center;
  height: 100%;
  /* height: calc(100% - 360px); */
}

.article-content .block-content-side .ad-block-list .section-ad-block{
  margin: 0;
  padding-top: 32px;
  padding-bottom: 32px;
}

/* .block-content-blockquote blockquote:before{
  content: '';
  position: absolute;
  width: 80px;
  height: 56.75px;
  background: url(../images/left_quote.svg) left bottom no-repeat;
  background-size: contain;
  left: 110px;
  top: -36px;
} */

/* .block-content-blockquote blockquote:after{
  content: '';
  position: absolute;
  width: 80px;
  height: 56.75px;
  background: url(../images/left_quote.svg) left bottom no-repeat;
  background-size: contain;
  right: 110px;
  bottom: -36px;
  transform: rotate(180deg);
} */

.block-content-author .row{
  display: flex;
  flex-wrap: wrap;
  column-gap: 24px;
  border-top: 2px solid #c9c3ba;
  border-bottom: 2px solid #c9c3ba;
}

.block-content-author .row .col-img{
  flex-basis: 156px;
}

.block-content-author .row .col-content{
  flex: 1 1;
}

.block-content-author .row .col-content .small{
  font-size: 21px;
  line-height: 21px;
  font-family: var(--font-family-roboto-condensed, "Roboto Condensed", sans-serif);
  letter-spacing: 0;
  margin-bottom: 0;
}

.block-content-author .row .col-content .name{
  color: #002F5E;
  font-family: var(--font-family-figtree, "Figtree", sans-serif);
  margin-bottom: 16px;
  letter-spacing: 0;
}

.block-content-author .row .col-content .description{
  font-size: 21px;
  line-height: 31.5px;
  margin-bottom: 20px;
}

.sweeps-block .description{
  margin-bottom: 24px;
}

.sweeps-block .date-time{
  font: 800 clamp(23px, 2.8225806452vw, 28px)/1 var(--font-family-roboto-condensed, sans-serif);
}

.sweeps-block .date-time .dot{
  color: #FAA21B;
  font-size: 28px;
  display: inline-block;
}

.fb-comment{
  position: relative;
  width: 100%;
  max-width: 100%;
  padding-top: 13px;
  padding-bottom: 13px;
}

.fb-comment .block-content-container{
  background-color: #fff;
}

.fb-comment::before{
  content: '';
  position: absolute;
  left: 0;
  top: -1px;
  width: 100%;
  height: 13px;
  background: url(../images/fb-border.png) left top repeat;
}

.fb-comment::after{
  content: '';
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 13px;
  background: url(../images/fb-border.png) left top repeat;
}
.article-slide-btn{
  width: 328px;
}

.article-legacy-header{
  color: #002F5E;
}
.article-legacy-header .article-top{
  max-width: 1172px;
  margin: auto;
  padding-left: 8px;
}

.article-legacy-header .article-top h1.article-title{
  letter-spacing: -0.01em;
  line-height: 52.02px;
  --underline-width: 64px;
    margin: 0 0 24px;
    letter-spacing: .04em;
    font: normal 900 clamp(33px, 5.1411290323vw, 51px) / 1 var(--font-family-prompt);
}

.article-legacy-header .article-top h3{
  letter-spacing: -0.01em;
  line-height: 52.02px;
}
.article-legacy-header .article-top .article-author{
  font-size: 18px;
  line-height: 25.2px;
}
.article-legacy-header .article-date{
  margin-bottom: 32px;
}
.article-legacy-header .article-top-bg{
  inset: 0 0 9% 0;
}
.article-legacy-header .row{
  display: flex;
  flex-wrap: wrap;
  column-gap: 25px;
}
@media (max-width: 768px){
  .article-legacy-header .article-top .col-img{
    padding-right: 8px;
  }
  .single-story .block-content-text img{
    width: auto !important;
    height: auto !important;
  }
}

.article-legacy-header .col-img{
  width: calc(71% - 25px);
}
.article-legacy-header .col-img img{
  display: block;
}
.article-legacy-header .col-content{
  width: 28%;
}
.article-legacy-header .col-content a{
  color: #0662BB;
}
.article-legacy-header .article-btn .btn{
  padding: 8px;
}
.article-legacy-header .article-btn .btn-add-favorite{
  width: 210px;
}
.article-legacy-content .highlight-chapter{
  margin-bottom: 28px;
}
.article-legacy-content .block-content-text .block-content-figure{
  margin-bottom: 28px;
}
.article-legacy-content .block-title{
  font: 800 clamp(23px, 2.8225806452vw, 38px)/1 var(--font-family-roboto-condensed, sans-serif);
  color: #002F5E;
  margin-bottom: 4px;
}
.article-legacy-content .block-location{
  margin-bottom: 4px;
}
.article-legacy-content .block-date{
  font-family: var(--font-family-roboto-condensed, sans-serif);
  color: #020000;
  font-size: 21px;
  line-height: 1.2;
  font-weight: 700;
}
.article-legacy-content .block-date span{
  color: #FAA21B;
}
.article-legacy-content .block-content-text p{
  max-width: 772px;
}

.article-legacy-content .block-content-blockquote{
  margin-left: -80px;
  margin-right: -50px;
}

.block-ranked-title{
  font: 800 clamp(23px, 2.8225806452vw, 38px)/1 var(--font-family-roboto-condensed, sans-serif);
  color: #002F5E;
  margin-bottom: 30px;
}

.article-ranked-content .block-content-text p{
  max-width: 772px;
}

.article-ranked-content .block-btn{
  max-width: 772px;
}

.article-ranked-content .block-btn .btn{
  width: 100%;
  height: 72px;
}
.article-ranked-content .block-btn.next-prev{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.article-ranked-content .block-btn.next-prev .btn{
  width: 326px;
}

.article-ranked-content .block-btn .article-pag{
  font-size: 21px;
  line-height: 21px;
  color: #002F5E;
  font-weight: 900;
  text-transform: uppercase;
}

.article-ranked-content .block-btn .btn span{
  display: flex;
  align-items: center;
  column-gap: 4px;
}

.slim-banner-subscribe{
  justify-content: space-between;
}

.slim-banner-subscribe .subscribe-form{
  margin: 0;
  padding: 0;
}
.slim-banner-subscribe .subscribe-form .subscribe-form-input{
  height: 72px;
}
.sweeps-block-stories{
  margin:auto;
}
/*** End Article stories ***/
@media(max-width: 1690px){
  .home-heroes-slider-block .home-hero-card-content{
    padding-left: 120px;
    padding-bottom: 120px;
  }
}

@media(max-width: 1500px){
  .show-movie-nav .col-menu{
    overflow-x: auto;
    display: inline-flex;
    white-space: nowrap;
    scrollbar-width: none;
    -ms-overflow-style: none;
    position: relative;
  }
  .sweeps-block-stories{
    margin: auto;
  }
  .shop-block .shop-head, .shop-block .shop-bottom,
  .shop-item.shop-content-right .shop-head, .shop-item.shop-content-right .shop-bottom,
  .shop-block .shop-block-style-2 .shop-head, .shop-block .shop-block-style-2 .shop-bottom{
    padding-left: 80px;
    padding-right: 80px;
  }
  .home-heroes-slider-block .heroes-banner-title{
    margin-bottom: -80px;
  }
}
@media(max-width: 1200px){
  .home-schedule .schedule-item{
    width: 100%;
  }
  .home-schedule .schedule-item.on-now{
    margin-right: 0;
    margin-bottom: 12px;
    width: calc(100% + 4px);
    margin-left: -2px;
  }
  .home-schedule .schedule-item.up-next{
    border-top-right-radius: 3px;
    border-bottom-left-radius: 0px;
    border-right: none;
    border-bottom: 2px solid #C8C1B1;
  }
  .home-schedule .schedule-item.later{
    border-top-right-radius: 0;
    border-bottom-left-radius: 3px;
  }
  .home-heroes-slider-block .home-hero-card-content{
    width: 100%;
    padding-top: 50px;
  }
  .home-heroes-slider-block .hero-card{
    max-width: 100%;
    width: 100%;
  }
  .home-heroes-slider-block .hero-card-item{
    flex-direction: column-reverse;
  }
  .home-heroes-slider-block .hero-card-picture{
    left: 0;
  }
  .home-heroes-slider-block .swiper-slide{
    width: 100%;
  }
  .home-heroes-slider-block .heroes-carousel-prev, .home-heroes-slider-block .heroes-carousel-next{
    display: none;
  }
  .home-heroes-slider-block .home-hero-card-content{
    padding-left: 8px;
    padding-right: 8px;
  }
  .home-heroes-slider-block .hero-description{
    max-width: 400px;
  }
}

@media(max-width: 768px){
  .home-banner-slider-block .heroes-banner-slider {
    height: 656px;
  }
  .home-banner-slider-block .heroes-banner-slider .swiper-slide{
    align-content: end;
  }
  .home-banner-slider-block .heroes-banner-slider-picture{
    height: 100%;
  }
  .home-banner-slider-block .heroes-banner-slider-picture img{
    height: 100%;
    margin-bottom: 0;
  }
  .home-banner-slider-block .heroes-banner-slider-body{
    padding:  45px 0;
  }
  .home-heroes-slider-block .hero-card-badge{
    margin-bottom: 8px;
  }
  .home-banner-slider-block .heroes-banner-slider-content{
    padding-bottom: 70px;
  }
  .home-banner-slider-block .home-banner-slider-warpper .heroes-banner-slider-content-btns .btn{
    height: 64px;
  }
  .home-banner-slider-block .home-banner-slider-warpper .heroes-banner-slider-controls{
    bottom: 24px;
  }
  .home-banner-slider-block .heroes-banner-slider-description{
    text-align: left;
  }
  .home-banner-slider-block .home-banner-subtitle{
    font-size: 23px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 0;
  }
  .home-banner-slider-block .home-banner-suptitle{
    font-size: 28px;
    font-weight: 800;
    margin-bottom: 12px;
  }
  .home-banner-slider-block .home-banner-logo {
    max-width: 90%;
    margin: 0 auto;
  }
  .home-banner-slider-block .home-suptitle-img {
    width: 90%;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
  .home-banner-slider-block .home-suptitle-img img {
    margin: 0 auto;
  }
  .home-banner-slider-block .heroes-banner-slider-description {
    text-align: center;
  }
  .home-schedule{
    padding-bottom: 84px;
  }
  .btn-schedule{
    bottom: 0px;
    position: absolute;
    width: 100%;
    left: 0;
  }
  .home-schedule .schedule-item{
    padding: 8px 12px 16px;
  }
  .home-schedule .schedule-item.on-now{
    border-width: 4px;
    margin-top: -2px;
    margin-bottom: 8px;
  }
  .home-schedule .schedule-item .col-img{
    flex-basis: 96px;
  }
  .home-schedule .schedule-item .col-text{
    padding-left: 8px;
  }
  .home-schedule .schedule-item img{
    width: 96px;
    height: 96px;
  }
  .home-card-grid .card-grid-2{
    --card-per-row: 1;
    --row-gap: 32px;
  }
  .home-card-grid .card-grid-2 .card-simple-body{
    padding: 16px;
  }
  .home-card-grid .is-episode-card .card-simple-content-btn .btn-blue{
    height: 48px;
  }
  .home-card-grid .is-episode-card .card-simple-title{
    font-weight: 800;
  }
  .shop-block .shop-head::before{
  height: 26px;
  }
  .shop-block .shop-item{
    flex-direction: column-reverse;
    padding-left: 8px;
    padding-right: 8px;
  }
  .shop-item .shop-content{
    width: 100%;
    padding-top: 12px;
  }
  .shop-item .shop-item-picture{
    width: 100%;
  }
  .shop-item .shop-item-picture img{
    aspect-ratio: 1 / .56288;
  }
  .shop-block .shop-head, .shop-block .shop-bottom, .shop-item.shop-content-right .shop-head, .shop-item.shop-content-right .shop-bottom, .shop-block .shop-block-style-2 .shop-head, .shop-block .shop-block-style-2 .shop-bottom{
    padding-left: 0px;
    padding-right: 0px;
  }
  .shop-item .shop-content .badge-wrapper span{
    padding: 2px 4px;
  }
  .shop-item .shop-content .h6{
    font-size: 19px;
  }
  .shop-item .shop-content .shop-btn .btn{
    height: 56px;
    width: 100%;
  }
  .home-heroes-slider-block .heroes-banner-title{
    margin-top: 4px;
    margin-bottom: -60px;
  }
  .home-heroes-slider-block .heroes-banner-title img{
    max-width: 95%;
  }
  .home-heroes-slider-block .home-hero-card-content{
    padding-top: 46px;
    padding-bottom: 92px;
  }
  .home-heroes-slider-block .home-hero-card-content .badge-wrapper span{
    padding: 2px 4px;
  }
  .home-heroes-slider-block .hero-subtitle-img{
    max-width: 343px;
  }
  .home-heroes-slider-block .hero-btns .btn-blue{
    width: 85%;
  }
  .home-from-list .block-section-head{
    padding-top: 46px;
    padding-bottom: 40px;
  }
  .home-from-list .block-section-head::before, .home-from-list .block-section-head::after{
    height: 26px;
  }
  .home-from-list .block-section-head .display-text-2{
    font-size: 40px;
    letter-spacing: 0.04em;
  }
  .home-from-list .block-section-head .h5{
    font-size: 19px;
  }
  .home-from-list .game-slider h3{
    margin-bottom: 16px;
  }
  .home-from-list .game-slider .card-simple{
    --card-width: min(237px, 89vw);
  }
  .home-latest-stories .block-content-side{
      display: none;
  }
  .home-latest-stories .card-simple-grid-loadmore{
    width: 100%;
  }
  .card-stories.featured-storie{
    flex-direction: column-reverse;
  }
  .card-stories.featured-storie .card-simple-content-btn a{
    width: 100%;
  }
  .favorite-home-slider .card-simple.is-episode-card .card-simple-body{
    padding: 12px 16px;
    padding-bottom: 0;
  }
  .favorite-home-slider .card-simple-content .card-simple-subtitle{
    letter-spacing: 0;
  }
  .favorite-home-slider .card-simple-content .card-simple-episodes span{
    font-size: 23px;
    font-weight: 800;
  }
  .favorite-home-slider .card-simple-description p span{
    display: none;
  }
  .favorite-home-slider .card-simple-bottom{
    padding-left: 6px;
  }
  .favorite-home-slider .card-simple-bottom .title-bottom{
    line-height: 1;
    letter-spacing: 0;
  }
  .favorite-home-slider .card-simple-bottom a{
    font-size: 18px;
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .favorite-home-slider .card-simple-bottom:before{
    width: calc(100% + 32px);
    left: -16px;
  }
  .callout-slim-banner{
    padding-left: 8px;
    padding-right: 8px;
  }
  .shop-block .shop-item.shop-block-style-2{
    padding-left: 0;
    padding-right: 0;
  }
  .shop-block .shop-item.shop-block-style-2 .shop-content{
    padding-left: 16px;
    padding-right: 16px;
  }
  .shop-block .shop-item.shop-block-style-2 .shop-item-picture img{
    aspect-ratio: auto;
  }
  .shop-block .shop-block-style-2 .shop-head{
    padding-bottom: 40px;
  }
  .home-latest-stories .card-simple-title{
    margin-bottom: 4px;
  }
  .home-latest-stories .card-stories .card-simple-content-btn{
    padding-top: 4px;
  }
  .card-stories.featured-storie .card-simple-body{
    width: 100%;
  }
  .card-stories.featured-storie .card-simple-top{
    width: 100%;
  }
  .home-watch-section .tab-content h4{
    font-size: 23px;
    margin-bottom: 24px!important;
  }
  .page-template-html-showsmovies-landing .find-to-watch{
    padding-top: 23px;
  }
  .texture-style-4.bottom-mask:after{
    content: '';
    width: 100%;
    height: 16px;
    position: absolute;
    bottom: 0!important;
    opacity: 1;
    left: 0;
    background: url(../images/masks/edge-style-4-mob.svg) no-repeat;
    background-size: cover;
    z-index: 2;
    inset: inherit;
  }
  .search-page .search-top{
    padding: 10px 12px;
  }

  .search-page .search-top .search-close svg{
    width: 40px;
    height: 40px;
  }

  .search-page .search-form input{
    font-size: 23px;
    padding: 16px 26px 13px;
    letter-spacing: 0;
  }

  .search-page .search-form{
    margin-top: 16px;
  }

  .search-page .search-form .search-btn{
    top: 16.5px;
  }

  .search-page .search-form .search-btn svg{
    width: 24px;
    height: 24px;
  }

  .search-page .search-form .search-close{
    top: 16px;
  }

  .search-page .search-form .search-close svg{
    width: 16px;
    height: 16px;
  }

  .block-section-head .section-head-btn{
    display: none;
  }

  .search-tags .search-tag a{
    font-weight: 700;
    padding: 8px 10px;
  }

  .search-page .card-simple-grid{
    --row-gap: 22px;
  }

  .search-page .no-results
  {
    padding-bottom: 24px;
    padding-bottom: 0;
  }

  .search-page .search-suggestions{
    padding-left: 8px;
  }

  .search-page .search-suggestions p{
    font-size: 19px;
  }

  .search-page .no-results p{
    font-size: 23px;
    padding-left: 16px;
    padding-right: 16px;
  }
  .search-page .results p{
    font-size: 19px;
  }
  .results-list .card-search{
    align-items: flex-start;
    padding-top: 16px;
    padding-bottom: 14px;
    column-gap: 12px;
  }
  .results-list .card-search .card-simple-top{
    flex: 0 0 92px;
  }
  .results-list{
    padding: 0;
    padding-top: 10px;
  }
  .results-list .card-search .card-simple-content{
    row-gap: 8px;
  }
  .results-list .card-search .card-simple-title{
    font-size: 28px;
  }
  .results-list .card-search .card-simple-content p{
    font-size: 18px;
  }

  .results-list .card-video .card-simple-description{
    line-clamp: none;
    -webkit-line-clamp: none;
  }
  .results-list .card-simple-grid-loadmore .btn{
    min-width: 178px;
  }


  /* .billboard-style-2 .billboard-content{
    padding-bottom: 30px;
  } */

  .billboard-style-2 .display-text-2{
    font-size: 60px;
    line-height: 1;
    margin-bottom: 4px;
  }
  .billboard-style-2 .billboard-text .h4{
    font-size: 33px;
    margin-bottom: 24px;
  }
  .primary-billboard {
    text-align: center;
  }
  .primary-billboard .billboard-content{
    padding: 0;
  }
  .primary-billboard .billboard-body{
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 165px;
    padding-bottom: 82px;
  }
  .primary-billboard .billboard-detail-picture{
    width: 100%;
  }
  .primary-billboard .billboard-detail-picture img{
    width: 100%;
  }
  .primary-billboard .billboard-content .btn{
    width: 100%;
  }
  .billboard.primary-billboard:after{
    background-position: right;
  }
  .header-detail-banner img{
    max-height: 544px;
    min-height: 544px;
  }
  .intro-content .intro-summary .intro-btn{
    width: 225px;
  }
  .header-detail-banner #countdown #timer span:nth-child(1){
    width: 80px;
    height: 80px;
    font-size: 40px;
    line-height: 40px;
  }
  .header-detail-banner #countdown .h4{
    font-size: 40px;
  }
  .header-detail-intro .intro-logo{
    max-width: 235px;
  }
  .header-detail-intro .intro-menu{
    position:relative;
  }
  .header-detail-intro .intro-menu:after{
    content: '';
    position: absolute;
    height: 100%;
    width: 72px;
    right: 0;
    top: 0;
    background: linear-gradient(90deg, rgba(0, 6, 20, 0) 5.1%, rgba(0, 6, 20, 0.7) 100%);
  }
  .header-detail-intro .intro-menu a svg {
    margin-bottom: 10px;
  }
  .header-detail-intro .intro-menu a span{
    font-size: 18px;
    margin-bottom: 6px;
  }
  .header-detail-intro .intro-menu .intro-menu-nav{
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding-top: 22px!important;
    position: relative;
  }

  .header-detail-intro .intro-menu .item{
    padding-left: 0px;
    padding-right: 30px;
    padding-bottom: 0px;
  }
  .intro-content .intro-summary{
    flex: 1 1 100%;
  }
  .intro-content .intro-summary .h3{
    padding-bottom: 18px;
  }
  .intro-content .intro-shelude{
    flex: 1 1 100%;
    padding-left: 0;
    border: none;
    padding-bottom: 20px;
    padding-top: 34px;
  }
  .intro-content .intro-shelude .item{
    padding-bottom: 24px;
  }
  .intro-content .intro-shelude .item .h4{
    margin-bottom: 4px;
  }
  .intro-content .intro-shelude .episode-number{
    font-size: 23px;
    line-height: 1;
  }
  .intro-content .intro-shelude .episode-number span{
    padding-right: 17px;
  }
  .intro-content .intro-shelude .baby-blue{
    font-size: 19px;
  }
  .intro-content{
    padding-top: 24px!important
  }
  .intro-btns{
    position: absolute;
    bottom: 40px;
  }
  .about-block{
    padding-top: 123px;
  }
  .about-block .about-content{
    margin-top: 24px;
  }
  .about-block .display-text-1{
    padding-left: 8px;
  }
  .about-block .about-content {
    padding-left: 8px;
    padding-right: 8px;
  }
  .about-block .about-content .block-content-inner{
    --max-height: 420px;
  }
  .about-block .content .text-block:nth-child(1) p{
    font-size: 24px;
    line-height: 36px;
    font-weight: 500;
    letter-spacing: -0.2px;
  }
  .about-block .content .text-block:nth-child(1) p::first-line{
    line-height: 36px;
  }
  .about-block .content .text-block:nth-child(1) p::first-letter{
   line-height: 70px;
  }
  .about-block .about-content .content p{
    font-size: 22px;
    line-height: 33px;
  }
  .about-block .about-content .collapsed-text{
    max-height: 530px;
    -webkit-mask: linear-gradient(0deg, rgba(95, 78, 68, 0) 0%, #5F4E44 186px);
      mask: linear-gradient(0deg, rgba(95, 78, 68, 0) 0%, #5F4E44 186px);
  }
  .meet-cast .thecast-slider img{
    max-height: 236px;
    max-width: 236px;
    width: 100%;
  }
  .thecast-slider .h4{
    line-height: 28.56px;
  }
  .thecast-slider .character-name{
    font-size: 18px;
    line-height: 27px;
  }
  .header-detail-banner .header-detail-picture {
    max-height: 530px;
  }
  .header-detail-banner .header-detail-picture img{
    max-height: 530px;
    min-height: auto;
  }
  .header-detail-banner #countdown{
    height: 290px;
  }

  .show-movie-nav{
    padding-left: 8px;
    padding-right: 8px;
  }

  .show-movie-nav:after{
    content: '';
    position: absolute;
    height: 100%;
    width: 72px;
    right: 0;
    top: 0;
    background: linear-gradient(90deg, rgba(0, 6, 20, 0) 5.1%, rgba(0, 6, 20, 0.7) 100%);
  }

  .show-movie-nav .col-menu{
    flex: 1 1 100%;
  }

  .show-movie-nav ul{
      padding-left: 0;
  }

  .show-movie-nav .col-menu ul li{
    padding-top: 22px;
    padding-bottom: 20px;
    margin-left: 12px;
    margin-right: 12px;
  }

  .show-movie-nav .col-menu ul li:nth-child(1){
    margin-left: 0;
  }
  .show-movie-nav .col-menu ul li a{
    font-size: 18px;
  }
  .show-movie-nav .col-menu ul li.active:before{
    height: 6px;
    bottom: -4px;
  }

  .show-movie-nav .col-title {
    display: none;
  }
  .episode-guide-section{
    padding-bottom: 54px;
  }
  .page-title{
    padding-top: 8px!important;
  }
  .episode-guide{
    padding-top: 0!important;
  }
  .episode-guide .season-nav{
    padding-top: 0;
  }
  .episode-guide .episode-nr .h3{
    margin-bottom: 2px;
    line-height: 40px;
  }
  .episode-count{
    line-height: 34px;
  }
  .episode-list .item{
    flex-direction: row;
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .episode-list .item .col-nr{
    flex: 1 1 100%;
    order: 2;
    margin-bottom: 12px;
  }
  .episode-list .item .col-nr p{
    line-height: 28px;
  }
  .episode-list .item .col-nr p span{
    padding-right: 19px;
  }
  .episode-list .item .col-nr p span:before{
    height: 6px;
    width: 6px;
    right: 8px;
  }
  .episode-list .item .col-img{
    flex: 1 1 100%;
    order: 1;
    padding: 0;
    margin-bottom: 24px;
  }
  .episode-list .item .col-img img{
    display: block;
    height: 202px;
        object-fit: cover;
  }
  .episode-list .item .col-info{
    flex: 1 1 100%;
    order: 3;
    padding: 0;
  }
  .episode-list .item .col-info .h4{
    line-height: 29px;
  }
  .episode-list .item .col-info .card-simple-content-btn{
    margin-bottom: 16px;
  }
  .episode-list .item .col-info .btn{
    height: 56px;
    min-width: 172px;
  }
  .episode-list .item .col-info .description{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    line-height: 1.5em;
    max-height: 3em;
  }
  .episode-guide-section .find-to-watch{
    padding-top: 26px;
  }

  /*** Clips Extras ***/
  .page-clips-extras .texture-style-blue .card-simple-body{
    padding-top: 8px;
  }

  /*** End Clips Extras ***/

  .page-stories-quizzes .card-simple-grid{
    --row-gap: 40px;
  }

  .page-stories-quizzes .card-simple-title{
      margin: 0;
  }

  .page-stories-quizzes .card-simple-grid-loadmore .btn{
    --btn-height: 64px;
    min-width: 195px;
  }


  .gallery-list {
  grid-template-columns: 1fr; /* switch to 1 column */
    gap: 0;
  }
  .gallery-list .gallery-item{
    padding-bottom: 58px;
    margin-bottom: 40px;
  }
  .gallery-list .gallery-item:nth-child(6){
    margin-bottom: 40px;
  }
  .gallery-list .gallery-item::after{
    display: none;
  }
  .gallery-item .gallery-share{
    opacity: 1;
    top: inherit;
    bottom: 0;
    left: 0;
  }
  .gallery-item .hover-icon.open-info, .gallery-item .hover-icon.gallery-download{
    opacity: 1;
    top: inherit;
    bottom: 0;
  }
  .gallery-item a svg {
    fill: #fff;
  }
  .hover-icon.open-info{
    right: 56px;
  }
  .hover-icon.gallery-download{
    right: 0;
  }
  .hover-icon.open-img{
    opacity: 1;
  }
  .insp-gallery .modal-img{
    height: auto;
  }

  #videoGallery .video-content{
    height: 100%;
    display: flex;
    align-content: center;
    padding: 0;
  }

  #videoGallery .video-content .video-title{
    top: 50px;
  }

  .gallery-bottom{
    padding-bottom: 90px;
  }

  .gallery-nav.next{
    right: 4px;
  }
  .gallery-nav.prev{
    left: 4px;
  }

  .gallery-info .gallery-bottom p{
    font-size: 18px;
  }

  .page-meet-cast .texture-style-4{
    padding-bottom: 36px;
  }

  .cast-list{
    --col-gap: 12px;
    --row-gap: 24px;
    --card-per-row: 2;
    gap: var(--row-gap) var(--col-gap);
  }

  .cast-list .card-actor .actor-name{
    font-size: 28px;
    margin-bottom: 2px;
  }
  .cast-list .card-actor .character-name{
    font-size: 18px;
  }
  .actor-cast{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    grid-gap: 0;
  }
  .actor-cast .col-name{
    order: 1;
    width: 100%;
    padding-left: 0;
  }
  .actor-cast .col-img{
    width: 100%;
    padding-right: 0;
    order: 2;
    margin-bottom: 24px;
  }
  .actor-cast .col-info{
    width: 100%;
    order: 3;
    padding-left: 0;
  }
  .actor-cast .character-name{
    font-size: 28px;
    line-height: 33.6px;
    margin-bottom: 0;
  }
  .actor-cast .actor-name{
    font-size: 23px;
    margin-bottom: 24px;
    padding-bottom: 16px;
  }
  .actor-cast .col-info .btn{
    width: 100%;
    font-size: 21px;
    line-height: 1;
  }
  .actor-cast .col-info .biography{
    margin-bottom: 16px;
    font-size: 23px;
    letter-spacing: 0.04rem;
  }

  .page-header-2{
    padding-top: 77.5px;
    padding-bottom: 77.5px;
    height: auto;
  }
  .page-header-2 h1{
    font-size: 48px;
  }
  .page-header-2 p{
    margin-bottom: 0;
    line-height: 1;
  }

  .page-header-2::after{
    display: none;
  }
  .events-list .col-date{
    display: none;
  }
  .events-list .col-event .btn{
    width: 100%;
    height: 56px;
  }
  .events-list .schedule-top .h5{
    margin-bottom: 4px!important;
  }
  .events-list .schedule-top .h6{
    margin-bottom: 4px;
    font-size: 19px;
    line-height: 22.8px;
  }
  .schedule-info .col-1{
    flex: 1 1 100%;
    padding-top: 20px;
    padding-left: 4px;
  }
  .schedule-info .col-1 svg{
    margin-right: 8px;
    display: inline-block;
  }
  .schedule-info .col-2{
    flex: 1 1 100%;
    padding-left: 28px;
    padding-bottom: 10px;
    padding-top: 4px;
  }
  .schedule-info .col-2 .h4{

    line-height: 28.56px;
  }
  .schedule-info .col-2 .h6.text-blue{
    font-size: 18px;
    line-height: 18px;
    letter-spacing: 0.02em;
  }
  .schedule-info .col-1 .h5{
    font-size: 19px;
  }
  .schedule-date .h4{
    line-height: 1;
  }
  .upcoming-top::after{
    background: url(../images/star-divider-yellow-26.png) 19px 0 repeat-x;
    background-size: contain;
  }
  .upcoming-top p{
    padding-bottom: 20px;
  }
  .specials-events-section .find-to-watch{
    padding-top: 10px;
  }
  .page-stories .texture-style-18{
        --slider-p-x: 0px;
  }
  .page-stories .primary-billboard .billboard-body{
    padding: 0 8px;
    padding-top: 218px;
    padding-bottom: 24px;
  }
  .page-stories .primary-billboard{
    transform: translate(0);
  }

  .page-stories .primary-billboard .billboard-title{
    margin-bottom: 8px;
  }

  .page-stories .primary-billboard .billboard-title span{
    font-size: 48px;
  }
  .page-stories .primary-billboard .billboard-btn .btn-edged{
    width: 100%;
    height: 56px;
  }
  .page-stories .primary-billboard .billboard-btn .btn-add-favorite{
    height: 56px;
    width: 56px;
  }
  .page-stories .primary-billboard .h4{
    font-size: 23px;
    line-height: 23px;
    margin-bottom: 8px!important;
    font-weight: 800;
    letter-spacing: 0;
    font-family: var(--font-family-roboto-condensed, sans-serif);
  }
  .page-stories .primary-billboard .billboard-text{
    margin-bottom: 24px;
  }

  .page-stories .card-simple-body{
    padding-top: 16px;
  }
  .page-stories .texture-style-14 .btn-blue{
    width: 100%;
    margin-top: -12px;
  }
  .slim-banner-subscribe .subscribe-form{
    max-width: 100%;
    width: 100%;
  }
  .slim-banner-subscribe .subscribe-form .subscribe-form-input{
    height: 56px;
  }
  .slim-banner-subscribe .subscribe-form .btn{
    width: 48px;
  }
  .page-stories .stories-billboard .billboard-body{
    padding-top: 256px;
  }
  .page-stories .stories-billboard .billboard-badge{
    margin-bottom: 10px;
  }
  .page-stories .stories-billboard .billboard-badge span{
    padding: 4px;
  }
  .stories-billboard .billboard-subtitle{
    font-size: 23px;
    line-height: 23px;
  }
  .page-stories .stories-billboard .btn-edged{
    height: 64px;
  }
  .page-stories .texture-style-6 .card-simple-grid{
    --row-gap: 32px;
  }
  .page-stories .texture-style-6 .card-simple-title{
    margin-bottom: 0px;
  }
  .page-stories .texture-style-6 .card-simple-description{
    line-clamp: 2;
    -webkit-line-clamp: 2;
  }
  .page-stories .card-simple-grid .card-simple-content-btn a{
    font-size: 18px;
    line-height: 18px;
  }
  .page-stories .texture-style-6 .view-more{
    width: 100%;
    height: 64px;
  }
  .latest-stories .block-content-inner{
    padding-right: 0;
    width: 100%;
  }
  .card-stories .card-simple-top{
    width: 100%;
  }
  .card-stories .card-simple-body{
    width: 100%;
    padding-left: 0;
    padding-top: 12px;
  }
  .card-stories .card-simple-content-btn a{
    font-size: 18px;
    line-height: 18px;
  }
  .card-stories .card-simple-content-btn{
    padding-top: 4px;
  }
  .article-top h1.article-title,
  .article-top h2{
    line-height: 40.8px;
    margin-bottom: 12px;
    letter-spacing: 0;
  }
  .article-top .billboard-badge{
    margin-bottom: 12px;
  }
  .article-top .article-time{
    margin-bottom: 12px;
  }
  .article-top .article-author{
    line-height: 27px;
    font-size: 18px;
    margin-bottom: 0;
  }
  .article-content.block-content{
    padding-bottom: 32px;
  }
  .article-top .article-btn .btn{
    padding: 8px 6px;
  }
  .article-top .article-btn .btn.btn-add-favorite{
    min-width: 239px;
    width: 100%;
  }
  .block-audio-player{
    margin-left: 0;
    margin-right: 0;
    padding: 16px;
    margin-top: 0px;
    margin-bottom: 24px;
  }
  .block-audio-player p{
    font-size: 19px;
    line-height: 22.8px;
  }
  .article-header .article-top-bg{
    inset: 0 0 5.2% 0;
  }
  .audio .play-pause-btn{
    height: 44px;
    width: 44px;
  }
  .block-content-blockquote{
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 8px;
  }

  .block-content-blockquote blockquote{
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 40px;
  }

  .top-quote svg, .bottom-quote svg{
    height: 113px;
    width: 113px;
  }

  .block-content-blockquote .top-quote{
    left: -10px;
    top: -72px;
  }
  .block-content-blockquote .bottom-quote{
    right: -14px;
    bottom: -68px;
  }
  .block-content-blockquote .author-quote{
    font-size: 19px;
    line-height: 19px;
    letter-spacing: 0;
  }
  .block-content-blockquote .author-quote svg{
    width: 16px;
    height: 16px;
  }
  .block-content-author .row .col-img{
    flex-basis: 100%;
  }
  .block-content-author .row{
    padding: 8px;
  }
  .block-content-author .row .col-content .small{
    font-weight: 400;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 19.8px;
    margin-top: 6px;
  }
  .block-content-author .row .col-content .name{
    font-size: 28px;
    line-height: 30.8px;
    letter-spacing: -0.01em;
    margin-bottom: 8px;
  }
  .block-content-author .row .col-content .description{
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 16px;
  }
  .block-content-author ul.soc-links{
    column-gap: 24px;
  }
  .block-content-author ul.soc-links a svg{
    width: 24px;
    height: 24px;
  }
  .article-content .block-content-side .block-content-side-next-post .title{
    font-size: 23px;
    line-height: 23px;
    padding-bottom: 13px;
    margin-bottom: 12px;
  }
  .article-content .block-content-side .block-content-side-next-post .card-simple-label{
    font-size: 16px;
    line-height: 16px;
  }

  .article-content .block-content-side .block-content-side-next-post .card-simple-title{
    font-size: 23px;
  }
  .fb-comment{
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
  }
  .article-content .block-content-side{
    order: 3;
  }
  .sweeps-block-stories{
    order: 2;
    padding-left: 0;
    padding-right: 0;
  }
  .article-legacy-content .block-content-blockquote{
    margin-left: 0;
    margin-right: 0;
  }
  .sweeps-block .description{
    margin-bottom: 20px;
  }
  .article-legacy-header .row{
    flex-direction: column-reverse;
  }
  .article-legacy-header .article-top h1.article-title{
    line-height: 33.66px;
    margin-bottom: 12px;
    padding-right: 10px;
  }

    .article-legacy-header .article-top h3{
    line-height: 33.66px;
    margin-bottom: 12px;
    padding-right: 10px;
  }
  .article-legacy-header .col-content{
    width: 100%;
    padding-right: 8px;
  }
  .article-legacy-header .col-img{
    width: 100%;
  }
  .article-legacy-header .article-top .billboard-badge{
    margin-bottom: 14px;
  }
  .article-legacy-header .article-top .article-author{
    line-height: 27px;
    margin-bottom: 8px;
  }
  .article-legacy-header .article-date{
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 19.6px;
  }
  .article-legacy-header .article-top .article-btn{
    margin-bottom: 16px;
  }
  /* .article-top .article-btn .btn.btn-add-favorite{
    min-width: 223px;
  } */
  .article-legacy-content .block-title{
    font-size: 28px;
    line-height: 33.6px;
    margin-bottom: 0;
  }
  .article-legacy-content .block-location{
    margin-bottom: 0;
  }
  .article-ranked-content .block-btn.next-prev .btn{
    width: 136px;
    min-width: 136px;
  }
  .article-legacy-content .block-content-text .block-content-figure{
    margin-bottom: 2.3333333333rem;
  }
  .article-legacy-content .block-date{
    font-size: 18px;
    line-height: 27px;
  }
  .block-ranked-title{
    font-size: 28px;
    line-height: 33.6px;
    margin-bottom: 20px;
  }
  .article-slide-btn{
    width: 100%;
    height: 64px;
  }
}