Untitled
unknown
plain_text
2 years ago
93 kB
5
Indexable
<style>
.top-banner .content a.play-now {
padding: 14px 31px !important;
border-radius: 4px !important;
color: #fff;
display: inline-block !important;
background: #2d6eff !important;
}
.main-content > .episodes.new-episodes:nth-child(8) > div:nth-child(2),
.main-content > .episodes.new-episodes:nth-child(6) > div:nth-child(2) {
display: none;
}
div#SwiperGenre [data-name-component="HeroCarousel"],
.collections .collection {
display: none;
}
[data-name-component="ProgrammeCarousel"] .swiper-container:not(.eg-my-swiper) .swiper-wrapper .swiper-slide {
opacity: 1;
}
button.slick-prev.slick-arrow {
position: absolute;
top: 50%;
width: 1.6875rem;
height: 2.75rem;
margin-top: -1.375rem;
z-index: 10;
cursor: pointer;
background-size: 1.6875rem 2.75rem;
background-position: 50%;
background-repeat: no-repeat;
transition: all .3s ease-in-out;
outline: 0;
left: -3.125rem;
background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDE0MS43IDE0MS43IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGU+LnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiNmZmY7c3Ryb2tlLXdpZHRoOjE1LjY1OTU7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTMwLjkgNzAuOGw3OS43LTU5TTExMC42IDEyOS45TDMwLjkgNzAuOCIvPjwvc3ZnPg==);
font-size: 0px;
}
button.slick-next.slick-arrow {
position: absolute;
top: 50%;
width: 1.6875rem;
height: 2.75rem;
margin-top: -1.375rem;
z-index: 10;
cursor: pointer;
background-size: 1.6875rem 2.75rem;
background-position: 50%;
background-repeat: no-repeat;
transition: all .3s ease-in-out;
outline: 0;
right: -3.125rem;
background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDE0MS43IDE0MS43IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGU+LnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiNmZmY7c3Ryb2tlLXdpZHRoOjE1LjY1OTU7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTExMC42IDcwLjhsLTc5LjcgNTkuMU0zMC45IDExLjhsNzkuNyA1OSIvPjwvc3ZnPg==);
font-size: 0px;
}
[data-name-component="ProgrammeCarousel"] .swiper-container:not(.eg-my-swiper) .swiper-button-next,
[data-name-component="ProgrammeCarousel"] .swiper-container:not(.eg-my-swiper) .swiper-button-prev {
display: none;
}
.main-content > [data-name-component="ProgrammeCarousel"]:nth-child(4) .swiper-pagination {
display: none;
}
@media only screen and (max-width: 64rem) {
button.slick-next.slick-arrow {
right: 0;
}
button.slick-prev.slick-arrow {
left: 0;
}
}
.top-banner.eg-limited,
.top-banner.eg-agatha,
.eg-hero-banner.top-banner {
/* max-height: 44rem;
height: 44rem; */
}
#SwiperGenre > .top-banner {
max-height: 44rem;
height: 44rem;
}
.top-banner.eg-limited .content nav+h1,
.top-banner.eg-agatha .content nav+h1,
.eg-hero-banner.top-banner .content nav+h1 {
transition: all .3s ease-in-out;
margin-top: 13.5rem;
margin-bottom: 0.625rem;
font-size: 267%;
font-family: MuseoSans-700;
max-width: 43.75rem;
}
.top-banner.eg-limited .image-wrapper,
.top-banner.eg-agatha .image-wrapper,
.eg-hero-banner.top-banner .image-wrapper {
background-color: #000;
max-width: 87.5rem;
left: 0;
right: 0;
margin-right: auto;
margin-left: auto;
overflow: hidden;
}
.top-banner.eg-limited .content .wrapper,
.top-banner.eg-agatha .content .wrapper,
.eg-hero-banner.top-banner .content .wrapper {
position: relative;
max-height: 15rem;
overflow: visible;
z-index: 2;
}
.collections .swiper.episodes .columns.mobile .actions {
flex-direction: column;
align-items: flex-start;
margin-bottom: 0px !important;
}
.collections .swiper.episodes .columns.mobile .actions > p{
margin-top: 10px;
}
.top-banner.auto.eg-hero-banner {
z-index: -1;
}
main > [data-name-component="ProgrammeCarousel"]:nth-child(4) {
margin-top: -140px;
}
.collections .navigation .category span {
font-size: 16px;
border: 1px solid #fff;
width: auto;
padding: 5px 10px;
max-width: 130px;
}
.top-banner .content .image-wrapper:after {
position: absolute;
left: 0;
bottom: -0.1875rem;
content: "";
width: 100%;
height: 12.5rem;
background-color: rgba(23,27,35,0);
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr="#FF171B23",endColorstr="#FF171B23");
background-image: -owg-linear-gradient(to bottom,rgba(23,27,35,0) 0,rgba(23,27,35,.43) 32%,rgba(23,27,35,.69) 54%,rgba(23,27,35,.75) 59%,rgba(23,27,35,.9) 74%,#171b23 89%,#171b23 100%);
background-image: -webkit-linear-gradient(180deg,rgba(23,27,35,0) 0,rgba(23,27,35,.43) 32%,rgba(23,27,35,.69) 54%,rgba(23,27,35,.75) 59%,rgba(23,27,35,.9) 74%,#171b23 89%,#171b23);
background-image: -moz-linear-gradient(to bottom,rgba(23,27,35,0) 0,rgba(23,27,35,.43) 32%,rgba(23,27,35,.69) 54%,rgba(23,27,35,.75) 59%,rgba(23,27,35,.9) 74%,#171b23 89%,#171b23 100%);
background-image: -o-linear-gradient(to bottom,rgba(23,27,35,0) 0,rgba(23,27,35,.43) 32%,rgba(23,27,35,.69) 54%,rgba(23,27,35,.75) 59%,rgba(23,27,35,.9) 74%,#171b23 89%,#171b23 100%);
background-image: linear-gradient(180deg,rgba(23,27,35,0) 0,rgba(23,27,35,.43) 32%,rgba(23,27,35,.69) 54%,rgba(23,27,35,.75) 59%,rgba(23,27,35,.9) 74%,#171b23 89%,#171b23);
z-index: 3;
}
.main-content > div[data-name-component="ProgrammeCarousel"]:nth-child(6) > div:last-child,
.main-content > div[data-name-component="ProgrammeCarousel"]:nth-child(8) > div:last-child {
position: relative;
/* margin-top: -120px; */
}
.main-content > div[data-name-component="ProgrammeCarousel"]:nth-child(6) > div:last-child::before,
.main-content > div[data-name-component="ProgrammeCarousel"]:nth-child(8) > div:last-child::before {
content: '';
background: #171b23;
position: absolute;
width: 100%;
height: 100%;
left: -5%;
}
.main-content > div[data-name-component="ProgrammeCarousel"]:nth-child(6) > div:last-child::after,
.main-content > div[data-name-component="ProgrammeCarousel"]:nth-child(8) > div:last-child::after {
content: '';
background: #171b23;
position: absolute;
width: 100%;
height: 100%;
right: -5%;
}
div[data-name-component="ProgrammeCarousel"] .image-background.b-lazy.b-loaded {
background-size: 100% !important;
}
/* .top-banner .content .image-wrapper:after {
bottom: 6.8125rem !important;
} */
@media (max-width: 767px) {
.top-banner.eg-limited .content nav+h1, .top-banner.eg-agatha .content nav+h1, .eg-hero-banner.top-banner .content nav+h1 {
margin-top: 1.5rem;
}
div[data-name-component="ProgrammeCarousel"] .image-background.b-lazy.b-loaded {
background-size: cover !important;
background-position: right;
}
.collections .swiper.episodes .columns.mobile .actions {
margin-bottom: 30px !important;
}
.top-banner.eg-limited > .content > .row,
.top-banner.eg-agatha > .content > .row,
.eg-hero-banner.top-banner > .content > .row {
background: #000;
}
.main-content > div[data-name-component="ProgrammeCarousel"]:nth-child(6) > div:last-child::after,
.main-content > div[data-name-component="ProgrammeCarousel"]:nth-child(8) > div:last-child::after {
background: #000;
}
.main-content > div[data-name-component="ProgrammeCarousel"]:nth-child(6) > div:last-child::before,
.main-content > div[data-name-component="ProgrammeCarousel"]:nth-child(8) > div:last-child::before {
background: #000;
}
}
html body #SwiperGenre + div .swiper-slide.out .card:hover .card-content{
opacity: 1;
}
.eg-agatha + .row + .row .swiper-slide.out .card:hover .card-content,
.eg-limited + .row + .row .swiper-slide.out .card:hover .card-content{
opacity: 1;
}
main > [data-name-component="ProgrammeCarousel"]:nth-child(4){
z-index: 111;
}
html body .top-banner.auto.eg-hero-banner {
z-index: 1 !important;
}
</style>
window.newToBrit1 = `
<div data-name-component="ProgrammeCarousel" class="swiper episodes new-episodes">
<div class="row">
<div class="columns">
<div class="top-wrapper">
<h2 class="title">New to BritBox</h2>
<div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets"><span
class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button"
aria-label="Go to slide 1"></span><span class="swiper-pagination-bullet" tabindex="0"
role="button" aria-label="Go to slide 2"></span><span class="swiper-pagination-bullet"
tabindex="0" role="button" aria-label="Go to slide 3"></span><span
class="swiper-pagination-bullet" tabindex="0" role="button"
aria-label="Go to slide 4"></span><span class="swiper-pagination-bullet" tabindex="0"
role="button" aria-label="Go to slide 5"></span></div>
</div>
</div>
</div>
<div class="row">
<div class="columns">
<div class="swiper-horizontal">
<div data-slides-per-view="4" data-slides-per-group="4"
class="swiper-container swiper-container-initialized swiper-container-horizontal eg-my-swiper">
<div class="swiper-wrapper" style="transform: translate3d(0px, 0px, 0px);">
<div class="swiper-slide swiper-slide-active" style="opacity: 1;">
<div class="box">
<div data-title="Redemption" data-title-tracking="Redemption" data-colnumber="1" class="card episode">
<div class="ribbon Blue-normal">New</div> <a href="/us/show/Redemption_75460#" onclick="dataLayer.push({'event':'eventSend','actionType': 'submit','actionName':'Navigation','eventLabels':{'eventType':'atc','container':'page','status':'success','label':'selects a program tile in a rail','name':'Redemption'}})">
<div class="image pulsate loaded"><img src="https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=75&Width=391&Height=220&ImageUrl=334219.jpg&imageType=tile" class="b-lazy b-loaded"></div>
</a>
<div class="info-text">Redemption<span>Season 1 · Year: 2022</span>
</div>
<div class="layer-dark"></div>
<div class="card-content">
<div class="card-content-inside">
<div class="description">
<div class="top-animation"><a href="/us/episode/Casualty_S36_E38_m0018k4c" onclick="dataLayer.push({'event':'eventSend','actionType': 'submit','actionName':'Navigation','eventLabels':{'eventType':'atc','container':'page','status':'success','label':'selects a program tile in a rail','name':'Redemption'}})">
<div class="top">
Redemption
</div>
<div class="inner-content">
<div class="season">
<div class="description">
</div>
<div class="more-info">
EPISODE 1· Season 1
</div>
</div>
</div>
</a></div>
<div class="actions bottom">
<!--fragment#83b783e596#head--><a fragment="e8cc0a1b90" href="/us/show/Redemption_75460#" data-itemid="43145" class="play-now"><span class="play-animation"><img src="/content/img/action-svg/play_now.svg"> <img src="/content/img/action-svg/continue_watching.svg" style="display: none;"> <img src="/content/img/action-svg/trailer.svg" style="display: none;"></span> <span>Play now
</span></a>
<!----> <a fragment="e8cc0a1b90" href="/us/show/Redemption_75460#" class="discover"><i class="icon-discover-more"></i> <span>Discover
more</span></a>
<!--fragment#83b783e596#tail-->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide swiper-slide-next" style="opacity: 1;">
<div class="box">
<div data-title="Death in Paradise" data-title-tracking="Death in Paradise" data-colnumber="1" class="card episode">
<div class="ribbon Blue-normal">New</div> <a href="/us/season/Death_in_Paradise_S11_m00134xn#" onclick="dataLayer.push({'event':'eventSend','actionType': 'submit','actionName':'Navigation','eventLabels':{'eventType':'atc','container':'page','status':'success','label':'selects a program tile in a rail','name':'Death in Paradise'}})">
<div class="image pulsate loaded"><img src="https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=75&Width=391&Height=220&ImageUrl=332357.png&imageType=tile" class="b-lazy b-loaded"></div>
</a>
<div class="info-text">Death in Paradise<span>Season 11 · Year: 2022</span>
</div>
<div class="layer-dark"></div>
<div class="card-content">
<div class="card-content-inside">
<div class="description">
<div class="top-animation"><a href="/us/season/Death_in_Paradise_S11_m00134xn#" onclick="dataLayer.push({'event':'eventSend','actionType': 'submit','actionName':'Navigation','eventLabels':{'eventType':'atc','container':'page','status':'success','label':'selects a program tile in a rail','name':'Death in Paradise'}})">
<div class="top">Death in Paradise</div>
<div class="inner-content">
<div class="season">
<div class="description">When a kidnapping ends in murder, Neville and the team must work out what went wrong.</div>
<div class="more-info">
EPISODE 1· Season 11
</div>
</div>
</div>
</a></div>
<div class="actions bottom">
<!--fragment#83b783e596#head--><a fragment="15c66575f2" href="/us/season/Death_in_Paradise_S11_m00134xn#" data-itemid="24258" class="play-now"><span class="play-animation"><img src="/content/img/action-svg/play_now.svg"> <img src="/content/img/action-svg/continue_watching.svg" style="display: none;"> <img src="/content/img/action-svg/trailer.svg" style="display: none;"></span> <span>Play now
</span></a>
<!----> <a fragment="15c66575f2" href="/us/show/Redemption_75460#" class="discover"><i class="icon-discover-more"></i> <span>Discover
more</span></a>
<!--fragment#83b783e596#tail-->
</div>
</div>
</div>
</div>
</div>
</div>
</div>`;
window.newToBrit2 = `<div class="swiper-slide" style="opacity: 1;">
<div class="box">
<div data-title="Shakespeare & Hathaway" data-title-tracking="Shakespeare & Hathaway" data-colnumber="1" class="card episode">
<div class="ribbon Blue-normal">New</div> <a href="/us/show/Shakespeare_and_Hathaway_Private_Investigators_b09trrn9#" onclick="dataLayer.push({'event':'eventSend','actionType': 'submit','actionName':'Navigation','eventLabels':{'eventType':'atc','container':'page','status':'success','label':'selects a program tile in a rail','name':'Shakespeare & Hathaway'}})">
<div class="image pulsate loaded"><img src="https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format=%27jpg%27&Quality=80&Width=405&Height=227&ImageUrl=213232.jpg&imageType=tile" class="b-lazy b-loaded"></div>
</a>
<div class="info-text">Shakespeare & Hathaway<span>Season 1 · Year: 2018</span>
</div>
<div class="layer-dark"></div>
<div class="card-content">
<div class="card-content-inside">
<div class="description">
<div class="top-animation"><a href="/us/show/Shakespeare_and_Hathaway_Private_Investigators_b09trrn9#" onclick="dataLayer.push({'event':'eventSend','actionType': 'submit','actionName':'Navigation','eventLabels':{'eventType':'atc','container':'page','status':'success','label':'selects a program tile in a rail','name':'Shakespeare & Hathaway'}})">
<div class="top">Shakespeare & Hathaway</div>
<div class="inner-content">
<div class="season">
<div class="description">Frank Hathaway finds an unlikely partner in Lu Shakespeare when the pair try to catch a killer and clear Lu's name.</div>
<div class="more-info">
EPISODE 1· Season 1
</div>
</div>
</div>
</a></div>
<div class="actions bottom">
<!--fragment#83b783e596#head--><a fragment="3e77fe5fd8" href="/us/show/Shakespeare_and_Hathaway_Private_Investigators_b09trrn9#" data-itemid="21889" class="play-now"><span class="play-animation"><img src="/content/img/action-svg/play_now.svg"> <img src="/content/img/action-svg/continue_watching.svg" style="display: none;"> <img src="/content/img/action-svg/trailer.svg" style="display: none;"></span> <span>Play now
</span></a>
<!----> <a fragment="3e77fe5fd8" href="/us/show/Shakespeare_and_Hathaway_Private_Investigators_b09trrn9#" class="discover"><i class="icon-discover-more"></i> <span>Discover
more</span></a>
<!--fragment#83b783e596#tail-->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" style="opacity: 1;">
<div class="box">
<div data-title="Murder in Provence" data-title-tracking="Murder in Provence" data-colnumber="1" class="card episode">
<div class="ribbon Blue-normal">New</div> <a href="/us/show/Murder_in_Provence_73779#" onclick="dataLayer.push({'event':'eventSend','actionType': 'submit','actionName':'Navigation','eventLabels':{'eventType':'atc','container':'page','status':'success','label':'selects a program tile in a rail','name':'Murder in Provence'}})">
<div class="image pulsate loaded"><img src="https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=75&Width=391&Height=220&ImageUrl=321588.jpg&imageType=tile" class="b-lazy b-loaded"></div>
</a>
<div class="info-text">Murder in Provence<span>Season 1 · Year: 2022</span>
</div>
<div class="layer-dark"></div>
<div class="card-content">
<div class="card-content-inside">
<div class="description">
<div class="top-animation"><a href="/us/show/Murder_in_Provence_73779#" onclick="dataLayer.push({'event':'eventSend','actionType': 'submit','actionName':'Navigation','eventLabels':{'eventType':'atc','container':'page','status':'success','label':'selects a program tile in a rail','name':'Murder in Provence'}})">
<div class="top">Murder in Provence</div>
<div class="inner-content">
<div class="season">
<div class="description">Bienvenue en Provence! Among the sun-drenched hills of southern France, Antoine Verlaque and his spontaneous amoureuse, Marine Bonnet, solve crimes in the beautiful town of Aix.</div>
<div class="more-info">
EPISODE 1· Season 1
</div>
</div>
</div>
</a></div>
<div class="actions bottom">
<!--fragment#83b783e596#head--><a fragment="692c35665b" href="/us/show/Murder_in_Provence_73779#" data-itemid="41574" class="play-now"><span class="play-animation"><img src="/content/img/action-svg/play_now.svg"> <img src="/content/img/action-svg/continue_watching.svg" style="display: none;"> <img src="/content/img/action-svg/trailer.svg" style="display: none;"></span> <span>Play now
</span></a>
<!----> <a fragment="692c35665b" href="/us/show/Murder_in_Provence_73779#" class="discover"><i class="icon-discover-more"></i> <span>Discover
more</span></a>
<!--fragment#83b783e596#tail-->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide out next-1" style="opacity: 0.2;">
<div class="box">
<div data-title="Why Didn't They Ask Evans?" data-title-tracking="Why Didn't They Ask Evans?" data-colnumber="1" class="card episode">
<div class="ribbon Blue-normal">New</div> <a href="/us/show/Why_Didnt_They_Ask_Evans_68247#" onclick="dataLayer.push({'event':'eventSend','actionType': 'submit','actionName':'Navigation','eventLabels':{'eventType':'atc','container':'page','status':'success','label':'selects a program tile in a rail','name':'Why Didn't They Ask Evans?'}})">
<div class="image pulsate loaded"><img data-v-c37533c6="" class="b-lazy b-loaded" src="https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=80&Width=405&Height=227&ImageUrl=325069.jpg&imageType=tile"></div>
</a>
<div class="info-text">Why Didn't They Ask Evans?<span>Season 1 · Year: 2022</span>
</div>
<div class="layer-dark"></div>
<div class="card-content">
<div class="card-content-inside">
<div class="description">
<div class="top-animation"><a href="/us/show/Why_Didnt_They_Ask_Evans_68247#" onclick="dataLayer.push({'event':'eventSend','actionType': 'submit','actionName':'Navigation','eventLabels':{'eventType':'atc','container':'page','status':'success','label':'selects a program tile in a rail','name':'Why Didn't They Ask Evans?'}})">
<div class="top">Why Didn't They Ask Evans?</div>
<div class="inner-content">
<div class="season">
<div class="description">Agatha Christie's wittiest mystery ever. Lucy Boynton and Will Poulter star in Hugh Laurie’s new adaptation, where two amateur sleuths set out to find the meaning behind a dead man’s mysterious final words.</div>
<div class="more-info">
EPISODE 1· Season 1
</div>
</div>
</div>
</a></div>
<div class="actions bottom">
<!--fragment#83b783e596#head--><a fragment="162826b1fda" href="/us/show/Why_Didnt_They_Ask_Evans_68247#" data-itemid="42200" class="play-now"><span class="play-animation"><img src="/content/img/action-svg/play_now.svg"> <img src="/content/img/action-svg/continue_watching.svg" style="display: none;"> <img src="/content/img/action-svg/trailer.svg" style="display: none;"></span> <span>Play now
</span></a>
<!----> <a fragment="162826b1fda" href="/us/show/Why_Didnt_They_Ask_Evans_68247#" class="discover"><i class="icon-discover-more"></i> <span>Discover
more</span></a>
<!--fragment#83b783e596#tail-->
</div>
</div>
</div>
</div>
</div>
</div>
</div>`;
window.newToBrit3 = `<div class="swiper-slide out next-2" style="opacity: 0.1;">
<div class="box">
<div data-title="Sister Boniface Mysteries" data-title-tracking="Sister Boniface Mysteries" data-colnumber="1" class="card episode">
<div class="ribbon Blue-normal">New</div> <a href="/us/show/Sister_Boniface_Mysteries_73774#" onclick="dataLayer.push({'event':'eventSend','actionType': 'submit','actionName':'Navigation','eventLabels':{'eventType':'atc','container':'page','status':'success','label':'selects a program tile in a rail','name':'Sister Boniface Mysteries'}})">
<div class="image pulsate loaded"><img src="https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=75&Width=391&Height=220&ImageUrl=319335.jpg&imageType=tile" class="b-lazy b-loaded"></div>
</a>
<div class="info-text">Sister Boniface Mysteries<span>Season 1 · Year: 2022</span>
</div>
<div class="layer-dark"></div>
<div class="card-content">
<div class="card-content-inside">
<div class="description">
<div class="top-animation"><a href="/us/show/Sister_Boniface_Mysteries_73774#" onclick="dataLayer.push({'event':'eventSend','actionType': 'submit','actionName':'Navigation','eventLabels':{'eventType':'atc','container':'page','status':'success','label':'selects a program tile in a rail','name':'Sister Boniface Mysteries'}})">
<div class="top">Sister Boniface Mysteries</div>
<div class="inner-content">
<div class="season">
<div class="description">
First there was Father Brown. Now, say hello to Sister Boniface. This clever, moped-riding nun is the police's secret weapon for solving murders in this divine Father Brown spin-off.
</div>
<div class="more-info">
EPISODE 1· Season 1
</div>
</div>
</div>
</a></div>
<div class="actions bottom">
<!--fragment#83b783e596#head--><a fragment="a2740efb79" href="/us/show/Sister_Boniface_Mysteries_73774#" data-itemid="41171" class="play-now"><span class="play-animation"><img src="/content/img/action-svg/play_now.svg"> <img src="/content/img/action-svg/continue_watching.svg" style="display: none;"> <img src="/content/img/action-svg/trailer.svg" style="display: none;"></span> <span>Play now
</span></a>
<!----> <a fragment="a2740efb79" href="/us/show/Sister_Boniface_Mysteries_73774#" class="discover"><i class="icon-discover-more"></i> <span>Discover
more</span></a>
<!--fragment#83b783e596#tail-->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide out" style="opacity: 0.05;">
<div class="box">
<div data-title="The Bay" data-title-tracking="The Bay" data-colnumber="1" class="card episode">
<div class="ribbon Blue-normal">New</div> <a href="/us/show/The_Bay_p07kgkwc#" onclick="dataLayer.push({'event':'eventSend','actionType': 'submit','actionName':'Navigation','eventLabels':{'eventType':'atc','container':'page','status':'success','label':'selects a program tile in a rail','name':'The Bay'}})">
<div class="image pulsate loaded"><img src="https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=75&Width=391&Height=220&ImageUrl=302259.jpg&imageType=tile" class="b-lazy b-loaded"></div>
</a>
<div class="info-text">The Bay<span>Season 3 · Year: 2022</span>
</div>
<div class="layer-dark"></div>
<div class="card-content">
<div class="card-content-inside">
<div class="description">
<div class="top-animation"><a href="/us/show/The_Bay_p07kgkwc#" onclick="dataLayer.push({'event':'eventSend','actionType': 'submit','actionName':'Navigation','eventLabels':{'eventType':'atc','container':'page','status':'success','label':'selects a program tile in a rail','name':'The Bay'}})">
<div class="top">The Bay</div>
<div class="inner-content">
<div class="season">
<div class="description">
When Family Liaison Officer Lisa Armstrong is assigned to a missing persons investigations, it initially seems like any other - tragic, but all too familiar. This time, it is especially challenging for her not to get emotionally involved.
</div>
<div class="more-info">
EPISODE 1· Season 3
</div>
</div>
</div>
</a></div>
<div class="actions bottom">
<!--fragment#83b783e596#head--><a fragment="1d03abf00f" href="/us/show/The_Bay_p07kgkwc#" data-itemid="24144" class="play-now"><span class="play-animation"><img src="/content/img/action-svg/play_now.svg"> <img src="/content/img/action-svg/continue_watching.svg" style="display: none;"> <img src="/content/img/action-svg/trailer.svg" style="display: none;"></span> <span>Play now
</span></a>
<!----> <a fragment="1d03abf00f" href="/us/show/The_Bay_p07kgkwc#" class="discover"><i class="icon-discover-more"></i> <span>Discover
more</span></a>
<!--fragment#83b783e596#tail-->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide out" style="opacity: 0.05;">
<div class="box">
<div data-title="Hope Street" data-title-tracking="Hope Street" data-colnumber="1" class="card episode">
<div class="ribbon Blue-normal">New</div> <a href="/us/show/Hope_Street_72532#" onclick="dataLayer.push({'event':'eventSend','actionType': 'submit','actionName':'Navigation','eventLabels':{'eventType':'atc','container':'page','status':'success','label':'selects a program tile in a rail','name':'Hope Street'}})">
<div class="image pulsate loaded"><img data-v-c37533c6="" class="b-lazy b-loaded" src="https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=80&Width=405&Height=227&ImageUrl=330629.jpg&imageType=tile"></div>
</a>
<div class="info-text">Hope Street<span>Season 1 · Year: 2021</span>
</div>
<div class="layer-dark"></div>
<div class="card-content">
<div class="card-content-inside">
<div class="description">
<div class="top-animation"><a href="/us/show/Hope_Street_72532#" onclick="dataLayer.push({'event':'eventSend','actionType': 'submit','actionName':'Navigation','eventLabels':{'eventType':'atc','container':'page','status':'success','label':'selects a program tile in a rail','name':'Hope Street'}})">
<div class="top">Hope Street</div>
<div class="inner-content">
<div class="season">
<div class="description">Amara Karan (Bancroft) stars in this uplifting original crime drama. A small town in Northern Ireland sees the mysterious arrival of English DC Leila Hussain, the first Muslim officer in the town’s history.</div>
<div class="more-info">
EPISODE 1· Season 1
</div>
</div>
</div>
</a></div>
<div class="actions bottom">
<!--fragment#83b783e596#head--><a fragment="a365942668" href="/us/show/Hope_Street_72532#" data-itemid="41014" class="play-now"><span class="play-animation"><img src="/content/img/action-svg/play_now.svg"> <img src="/content/img/action-svg/continue_watching.svg" style="display: none;"> <img src="/content/img/action-svg/trailer.svg" style="display: none;"></span> <span>Play now
</span></a>
<!----> <a fragment="a365942668" href="/us/show/Hope_Street_72532#" class="discover"><i class="icon-discover-more"></i> <span>Discover
more</span></a>
<!--fragment#83b783e596#tail-->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide out" style="opacity: 0.05;">
<div class="box">
<div data-title="Traces" data-title-tracking="Traces" data-colnumber="1" class="card episode">
<div class="ribbon Blue-normal">New</div> <a href="/us/show/Traces_63419#" onclick="dataLayer.push({'event':'eventSend','actionType': 'submit','actionName':'Navigation','eventLabels':{'eventType':'atc','container':'page','status':'success','label':'selects a program tile in a rail','name':'Traces'}})">
<div class="image pulsate loaded"><img src="https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format=%27jpg%27&Quality=80&Width=405&Height=227&ImageUrl=302432.jpg&imageType=tile" class="b-lazy b-loaded"></div>
</a>
<div class="info-text">Traces<span>Season 2 · Year: 2022</span>
</div>
<div class="layer-dark"></div>
<div class="card-content">
<div class="card-content-inside">
<div class="description">
<div class="top-animation"><a href="/us/show/Traces_63419#" onclick="dataLayer.push({'event':'eventSend','actionType': 'submit','actionName':'Navigation','eventLabels':{'eventType':'atc','container':'page','status':'success','label':'selects a program tile in a rail','name':'Traces'}})">
<div class="top">Traces</div>
<div class="inner-content">
<div class="season">
<div class="description">Breaking Bad’s Laura Fraser stars in this suspense-filled crime thriller driven by a personal tragedy and murder left unsolved - until now.</div>
<div class="more-info">
EPISODE 1· Season 2
</div>
</div>
</div>
</a></div>
<div class="actions bottom">
<!--fragment#83b783e596#head--><a fragment="17bc56e61c" href="/us/show/Traces_63419#" data-itemid="35324" class="play-now"><span class="play-animation"><img src="/content/img/action-svg/play_now.svg"> <img src="/content/img/action-svg/continue_watching.svg" style="display: none;"> <img src="/content/img/action-svg/trailer.svg" style="display: none;"></span> <span>Play now
</span></a>
<!----> <a fragment="17bc56e61c" href="/us/show/Traces_63419#" class="discover"><i class="icon-discover-more"></i> <span>Discover
more</span></a>
<!--fragment#83b783e596#tail-->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide"
aria-disabled="false"></div>
<div class="swiper-button-prev swiper-button-disabled" tabindex="0" role="button"
aria-label="Previous slide" aria-disabled="true"></div><span class="swiper-notification"
aria-live="assertive" aria-atomic="true"></span>
</div>
</div>
</div>
</div>
</div>
`;
window.britboxOriginal1 = `
<div class="swiper swiper episodes new-episodes" data-name-component="ProgrammeCarousel">
<div class="row">
<div class="columns">
<h2 class="title">Britbox Original</h2>
<div class="swiper-horizontal">
<div data-slides-per-view="4" data-slides-per-group="4"
class="swiper-container swiper-container-initialized swiper-container-horizontal eg-my-swiper">
<div class="swiper-wrapper"
style="transform: translate3d(-3780px, 0px, 0px); transition-duration: 0ms;">
<div class="swiper-slide out prev-2" style="opacity: 0.05;">
<div class="box">
<div data-title="Murder in Provence" data-title-tracking="Murder in Provence"
data-colnumber="7" class="card "><a href="/us/show/Murder_in_Provence_73779"
onclick="dataLayer.push({'event':'eventSend','actionType': 'submit','actionName':'Navigation','eventLabels':{'eventType':'atc','container':'page','status':'success','label':'selects a program tile in a rail','name':'Murder in Provence'}})">
<div class="image pulsate loaded"><img
src="https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=75&Width=391&Height=220&ImageUrl=321588.jpg&imageType=tile"
class="b-lazy b-loaded"></div>
</a>
<div class="card-content">
<div class="card-content-inside">
<div class="description">
<div class="top-animation"><a href="/us/show/Murder_in_Provence_73779"
onclick="dataLayer.push({'event':'eventSend','actionType': 'submit','actionName':'Navigation','eventLabels':{'eventType':'atc','container':'page','status':'success','label':'selects a program tile in a rail','name':'Murder in Provence'}})">
<div class="top"> Murder in Provence </div>
<div class="inner-content">
<div class="season">
<div class="description"> Bienvenue en Provence! Among
the sun-drenched hills of southern France, Antoine
Verlaque and his spontaneous amoureuse, Marine
Bonnet, solve crimes in the beautiful town of Aix.
</div>
<div class="more-info"> Show · 1 Season </div>
</div>
</div>
</a></div>
<div class="actions bottom">
<!--fragment#5573603a9f#head--><a fragment="5573603a9f"
href="/us/show/Murder_in_Provence_73779" data-itemid="41571"
class="play-now"><span class="play-animation"><img
src="/content/img/action-svg/play_now.svg"> <img
src="/content/img/action-svg/continue_watching.svg"
style="display: none;"> <img
src="/content/img/action-svg/trailer.svg"
style="display: none;"></span> <span>Play now
</span></a>
<!----> <a fragment="5573603a9f"
href="/us/show/Murder_in_Provence_73779" class="discover"><i
class="icon-discover-more"></i> <span>Discover
more</span></a>
<!--fragment#5573603a9f#tail-->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide next-1" style="opacity: 1;">
<div class="box">
<div data-title="The Bay" data-title-tracking="The Bay" data-colnumber="17"
class="card "><a href="/us/show/The_Bay_p07kgkwc"
onclick="dataLayer.push({'event':'eventSend','actionType': 'submit','actionName':'Navigation','eventLabels':{'eventType':'atc','container':'page','status':'success','label':'selects a program tile in a rail','name':'The Bay'}})">
<div class="image pulsate loaded"><img
src="https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=75&Width=391&Height=220&ImageUrl=302259.jpg&imageType=tile"
class="b-lazy b-loaded"></div>
</a>
<div class="card-content">
<div class="card-content-inside">
<div class="description">
<div class="top-animation"><a href="/us/show/The_Bay_p07kgkwc"
onclick="dataLayer.push({'event':'eventSend','actionType': 'submit','actionName':'Navigation','eventLabels':{'eventType':'atc','container':'page','status':'success','label':'selects a program tile in a rail','name':'The Bay'}})">
<div class="top"> The Bay </div>
<div class="inner-content">
<div class="season">
<div class="description"> When Family Liaison Officer
Lisa Armstrong is assigned to a missing persons
investigations, it initially seems like any other -
tragic, but all too familiar. This time, it is
especially challenging for her not to get
emotionally involved. </div>
<div class="more-info"> Show · 3 Seasons </div>
</div>
</div>
</a></div>
<div class="actions bottom">
<!--fragment#424c9bd173#head--><a fragment="424c9bd173"
href="/us/show/The_Bay_p07kgkwc" data-itemid="24144"
class="play-now"><span class="play-animation"><img
src="/content/img/action-svg/play_now.svg"> <img
src="/content/img/action-svg/continue_watching.svg"
style="display: none;"> <img
src="/content/img/action-svg/trailer.svg"
style="display: none;"></span> <span>Play now
</span></a>
<!----> <a fragment="424c9bd173" href="/us/show/The_Bay_p07kgkwc"
class="discover"><i class="icon-discover-more"></i>
<span>Discover more</span></a>
<!--fragment#424c9bd173#tail-->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide next-1 out prev-2 swiper-slide-active" style="opacity: 0.1;">
<div class="box">
<div data-title="Grace" data-title-tracking="Grace" data-colnumber="13" class="card "><a
href="/us/show/Grace_65424"
onclick="dataLayer.push({'event':'eventSend','actionType': 'submit','actionName':'Navigation','eventLabels':{'eventType':'atc','container':'page','status':'success','label':'selects a program tile in a rail','name':'Grace'}})">
<div class="image pulsate loaded"><img
src="https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=75&Width=391&Height=220&ImageUrl=302291.jpg&imageType=tile"
class="b-lazy b-loaded"></div>
</a>
<div class="card-content">
<div class="card-content-inside">
<div class="description">
<div class="top-animation"><a href="/us/show/Grace_65424"
onclick="dataLayer.push({'event':'eventSend','actionType': 'submit','actionName':'Navigation','eventLabels':{'eventType':'atc','container':'page','status':'success','label':'selects a program tile in a rail','name':'Grace'}})">
<div class="top"> Grace </div>
<div class="inner-content">
<div class="season">
<div class="description"> John Simm (Life on Mars) stars
as tenacious yet troubled detective Roy Grace. As he
walks a career tightrope, he is assigned to a
missing person case. </div>
<div class="more-info"> Show · 1 Season </div>
</div>
</div>
</a></div>
<div class="actions bottom">
<!--fragment#12787032c6c#head--><a fragment="12787032c6c"
href="/us/show/Grace_65424" data-itemid="36815"
class="play-now"><span class="play-animation"><img
src="/content/img/action-svg/play_now.svg"> <img
src="/content/img/action-svg/continue_watching.svg"
style="display: none;"> <img
src="/content/img/action-svg/trailer.svg"
style="display: none;"></span> <span>Play now
</span></a>
<!----> <a fragment="12787032c6c" href="/us/show/Grace_65424"
class="discover"><i class="icon-discover-more"></i>
<span>Discover more</span></a>
<!--fragment#12787032c6c#tail-->
</div>
</div>
</div>
</div>
</div>
</div>
</div>`;
window.britboxOriginal2 = `<div class="swiper-slide out prev-1" style="opacity: 0.05;">
<div class="box">
<div data-title="Sister Boniface Mysteries"
data-title-tracking="Sister Boniface Mysteries" data-colnumber="4" class="card "><a
href="/us/show/Sister_Boniface_Mysteries_73774"
onclick="dataLayer.push({'event':'eventSend','actionType': 'submit','actionName':'Navigation','eventLabels':{'eventType':'atc','container':'page','status':'success','label':'selects a program tile in a rail','name':'Sister Boniface Mysteries'}})">
<div class="image pulsate loaded"><img
src="https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=75&Width=391&Height=220&ImageUrl=319335.jpg&imageType=tile"
class="b-lazy b-loaded"></div>
</a>
<div class="card-content">
<div class="card-content-inside">
<div class="description">
<div class="top-animation"><a
href="/us/show/Sister_Boniface_Mysteries_73774"
onclick="dataLayer.push({'event':'eventSend','actionType': 'submit','actionName':'Navigation','eventLabels':{'eventType':'atc','container':'page','status':'success','label':'selects a program tile in a rail','name':'Sister Boniface Mysteries'}})">
<div class="top"> Sister Boniface Mysteries </div>
<div class="inner-content">
<div class="season">
<div class="description"> First there was Father Brown.
Now, say hello to Sister Boniface. This clever,
moped-riding nun is the police's secret weapon for
solving murders in this divine Father Brown
spin-off. </div>
<div class="more-info"> Show · 1 Season </div>
</div>
</div>
</a></div>
<div class="actions bottom">
<!--fragment#80d18f7eeb#head--><a fragment="80d18f7eeb"
href="/us/show/Sister_Boniface_Mysteries_73774"
data-itemid="41171" class="play-now"><span
class="play-animation"><img
src="/content/img/action-svg/play_now.svg"> <img
src="/content/img/action-svg/continue_watching.svg"
style="display: none;"> <img
src="/content/img/action-svg/trailer.svg"
style="display: none;"></span> <span>Play now
</span></a>
<!----> <a fragment="80d18f7eeb"
href="/us/show/Sister_Boniface_Mysteries_73774"
class="discover"><i class="icon-discover-more"></i>
<span>Discover more</span></a>
<!--fragment#80d18f7eeb#tail-->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide next-2 out" style="opacity: 0.05;">
<div class="box">
<div data-title="Irvine Welsh's Crime" data-title-tracking="Irvine Welsh's Crime"
data-colnumber="10" class="card "><a href="/us/show/Irvine_Welshs_Crime_71638"
onclick="dataLayer.push({'event':'eventSend','actionType': 'submit','actionName':'Navigation','eventLabels':{'eventType':'atc','container':'page','status':'success','label':'selects a program tile in a rail','name':'Irvine Welsh's Crime'}})">
<div class="image pulsate"><img src="/Content/img/transparent.png"
data-src="https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=75&Width=391&Height=220&ImageUrl=312442.jpg&imageType=tile"
class="b-lazy"></div>
</a>
<div class="card-content">
<div class="card-content-inside">
<div class="description">
<div class="top-animation"><a href="/us/show/Irvine_Welshs_Crime_71638"
onclick="dataLayer.push({'event':'eventSend','actionType': 'submit','actionName':'Navigation','eventLabels':{'eventType':'atc','container':'page','status':'success','label':'selects a program tile in a rail','name':'Irvine Welsh's Crime'}})">
<div class="top"> Irvine Welsh's Crime </div>
<div class="inner-content">
<div class="season">
<div class="description"> From the creator of
Trainspotting comes this highly anticipated
detective drama. When a local girl goes missing, DI
Ray Lennox investigates her disappearance while
battling his own inner demons. </div>
<div class="more-info"> Show · 1 Season </div>
</div>
</div>
</a></div>
<div class="actions bottom">
<!--fragment#40c25bba86#head--><a fragment="40c25bba86"
href="/us/show/Irvine_Welshs_Crime_71638" data-itemid="40035"
class="play-now"><span class="play-animation"><img
src="/content/img/action-svg/play_now.svg"> <img
src="/content/img/action-svg/continue_watching.svg"
style="display: none;"> <img
src="/content/img/action-svg/trailer.svg"
style="display: none;"></span> <span>Play now
</span></a>
<!----> <a fragment="40c25bba86"
href="/us/show/Irvine_Welshs_Crime_71638" class="discover"><i
class="icon-discover-more"></i> <span>Discover
more</span></a>
<!--fragment#40c25bba86#tail-->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide next-1 out" style="opacity: 0.05;">
<div class="box">
<div data-title="The Long Call" data-title-tracking="The Long Call" data-colnumber="5"
class="card "><a href="/us/show/The_Long_Call_69699"
onclick="dataLayer.push({'event':'eventSend','actionType': 'submit','actionName':'Navigation','eventLabels':{'eventType':'atc','container':'page','status':'success','label':'selects a program tile in a rail','name':'The Long Call'}})">
<div class="image pulsate loaded"><img
src="https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=75&Width=391&Height=220&ImageUrl=309105.jpg&imageType=tile"
class="b-lazy b-loaded"></div>
</a>
<div class="card-content">
<div class="card-content-inside">
<div class="description">
<div class="top-animation"><a href="/us/show/The_Long_Call_69699"
onclick="dataLayer.push({'event':'eventSend','actionType': 'submit','actionName':'Navigation','eventLabels':{'eventType':'atc','container':'page','status':'success','label':'selects a program tile in a rail','name':'The Long Call'}})">
<div class="top"> The Long Call </div>
<div class="inner-content">
<div class="season">
<div class="description"> Based on Ann Cleeves’
bestselling novel, the intriguing and flawed DI
Matthew Venn is led back into the community he left
behind - and the deadly secrets that lurk there.
</div>
<div class="more-info"> Show · 1 Season </div>
</div>
</div>
</a></div>
<div class="actions bottom">
<!--fragment#7e887a642f#head--><a fragment="7e887a642f"
href="/us/show/The_Long_Call_69699" data-itemid="39542"
class="play-now"><span class="play-animation"><img
src="/content/img/action-svg/play_now.svg"> <img
src="/content/img/action-svg/continue_watching.svg"
style="display: none;"> <img
src="/content/img/action-svg/trailer.svg"
style="display: none;"></span> <span>Play now
</span></a>
<!----> <a fragment="7e887a642f" href="/us/show/The_Long_Call_69699"
class="discover"><i class="icon-discover-more"></i>
<span>Discover more</span></a>
<!--fragment#7e887a642f#tail-->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide out prev-2" style="opacity: 0.05;">
<div class="box">
<div data-title="Reyka" data-title-tracking="Reyka" data-colnumber="11" class="card "><a
href="/us/show/Reyka_71591"
onclick="dataLayer.push({'event':'eventSend','actionType': 'submit','actionName':'Navigation','eventLabels':{'eventType':'atc','container':'page','status':'success','label':'selects a program tile in a rail','name':'Reyka'}})">
<div class="image pulsate"><img src="/Content/img/transparent.png"
data-src="https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=75&Width=391&Height=220&ImageUrl=311557.jpg&imageType=tile"
class="b-lazy"></div>
</a>
<div class="card-content">
<div class="card-content-inside">
<div class="description">
<div class="top-animation"><a href="/us/show/Reyka_71591"
onclick="dataLayer.push({'event':'eventSend','actionType': 'submit','actionName':'Navigation','eventLabels':{'eventType':'atc','container':'page','status':'success','label':'selects a program tile in a rail','name':'Reyka'}})">
<div class="top"> Reyka </div>
<div class="inner-content">
<div class="season">
<div class="description"> Haunted by her past, flawed
but brilliant criminal profiler Reyka Gama
investigates brutal murders committed in the sugar
cane fields of South Africa. </div>
<div class="more-info"> Show · 1 Season </div>
</div>
</div>
</a></div>
<div class="actions bottom">
<!--fragment#c48db8b1a0#head--><a fragment="c48db8b1a0"
href="/us/show/Reyka_71591" data-itemid="39815"
class="play-now"><span class="play-animation"><img
src="/content/img/action-svg/play_now.svg"> <img
src="/content/img/action-svg/continue_watching.svg"
style="display: none;"> <img
src="/content/img/action-svg/trailer.svg"
style="display: none;"></span> <span>Play now
</span></a>
<!----> <a fragment="c48db8b1a0" href="/us/show/Reyka_71591"
class="discover"><i class="icon-discover-more"></i>
<span>Discover more</span></a>
<!--fragment#c48db8b1a0#tail-->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide next-2 out prev-1 swiper-slide-next" style="opacity: 0.2;">
<div class="box">
<div data-title="The Tower" data-title-tracking="The Tower" data-colnumber="14"
class="card "><a href="/us/show/The_Tower_70088"
onclick="dataLayer.push({'event':'eventSend','actionType': 'submit','actionName':'Navigation','eventLabels':{'eventType':'atc','container':'page','status':'success','label':'selects a program tile in a rail','name':'The Tower'}})">
<div class="image pulsate loaded"><img
src="https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=75&Width=391&Height=220&ImageUrl=312948.jpg&imageType=tile"
class="b-lazy b-loaded"></div>
</a>
<div class="card-content">
<div class="card-content-inside">
<div class="description">
<div class="top-animation"><a href="/us/show/The_Tower_70088"
onclick="dataLayer.push({'event':'eventSend','actionType': 'submit','actionName':'Navigation','eventLabels':{'eventType':'atc','container':'page','status':'success','label':'selects a program tile in a rail','name':'The Tower'}})">
<div class="top"> The Tower </div>
<div class="inner-content">
<div class="season">
<div class="description"> Gemma Whelan (Game of Thrones)
and Jimmy Akingbola (Kate & Koji) star in this
eye-opening crime thriller that explores the
terrifying realities of life on duty. </div>
<div class="more-info"> Show · 1 Season </div>
</div>
</div>
</a></div>
<div class="actions bottom">
<!--fragment#12830632fbc#head--><a fragment="12830632fbc"
href="/us/show/The_Tower_70088" data-itemid="40057"
class="play-now"><span class="play-animation"><img
src="/content/img/action-svg/play_now.svg"> <img
src="/content/img/action-svg/continue_watching.svg"
style="display: none;"> <img
src="/content/img/action-svg/trailer.svg"
style="display: none;"></span> <span>Play now
</span></a>
<!----> <a fragment="12830632fbc" href="/us/show/The_Tower_70088"
class="discover"><i class="icon-discover-more"></i>
<span>Discover more</span></a>
<!--fragment#12830632fbc#tail-->
</div>
</div>
</div>
</div>
</div>
</div>
</div>`;
window.britboxOriginal3 = `<div class="swiper-slide next-2 out prev-1 swiper-slide-next" style="opacity: 0.2;">
<div class="box">
<div data-title="The Mallorca Files" data-title-tracking="The Mallorca Files" data-colnumber="2" class="card "><a href="/us/show/The_Mallorca_Files_m000bqkm" onclick="dataLayer.push({'event':'eventSend','actionType': 'submit','actionName':'Navigation','eventLabels':{'eventType':'atc','container':'page','status':'success','label':'selects a program tile in a rail','name':'The Mallorca Files'}})">
<div class="image pulsate loaded"><img data-v-c37533c6="" class="b-lazy b-loaded" src="https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=80&Width=405&Height=227&ImageUrl=302709.jpg&imageType=tile"></div>
</a>
<div class="card-content">
<div class="card-content-inside">
<div class="description">
<div class="top-animation"><a href="/us/show/The_Mallorca_Files_m000bqkm" onclick="dataLayer.push({'event':'eventSend','actionType': 'submit','actionName':'Navigation','eventLabels':{'eventType':'atc','container':'page','status':'success','label':'selects a program tile in a rail','name':'The Mallorca Files'}})">
<div class="top">The Mallorca Files</div>
<div class="inner-content">
<div class="season">
<div class="description"> From the award-winning writers
of A Confession, Stephen Merchant portrays killer
Stephen Port in this poignant true crime drama told
from the perspective of the victims' families.
</div>
<div class="more-info"> Show · 1 Season </div>
</div>
</div>
</a></div>
<div class="actions bottom">
<!--fragment#600c633df6#head--><a fragment="600c633df6" href="/us/show/The_Mallorca_Files_m000bqkm" data-itemid="43208" class="play-now"><span class="play-animation"><img src="/content/img/action-svg/play_now.svg"> <img src="/content/img/action-svg/continue_watching.svg" style="display: none;"> <img src="/content/img/action-svg/trailer.svg" style="display: none;"></span> <span>Play now
</span></a>
<!----> <a fragment="600c633df6" href="/us/show/The_Mallorca_Files_m000bqkm" class="discover"><i class="icon-discover-more"></i> <span>Discover
more</span></a>
<!--fragment#600c633df6#tail-->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide out" style="opacity: 0.05;">
<div class="box"><div data-title="A Confession" data-title-tracking="A Confession" data-colnumber="15" class="card "><a href="/us/show/A_Confession_p0891f13" onclick="dataLayer.push({'event':'eventSend','actionType': 'submit','actionName':'Navigation','eventLabels':{'eventType':'atc','container':'page','status':'success','label':'selects a program tile in a rail','name':'A Confession'}})" tabindex="0"><div class="image pulsate loaded"><img src="https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=75&Width=391&Height=220&ImageUrl=308647.png&imageType=tile" class="b-lazy b-loaded"></div></a> <div class="card-content"><div class="card-content-inside"><div class="description"><div class="top-animation"><a href="/us/show/A_Confession_p0891f13" onclick="dataLayer.push({'event':'eventSend','actionType': 'submit','actionName':'Navigation','eventLabels':{'eventType':'atc','container':'page','status':'success','label':'selects a program tile in a rail','name':'A Confession'}})" tabindex="0"><div class="top">
A Confession
</div> <div class="inner-content"><div class="season"><div class="description">
Martin Freeman stars in BAFTA-nominated true story of Detective Superintendent Stephen Fulcher, who heroically risks his good name to track down the culprit responsible for the disappearance of 22-year-old Sian O’Callaghan.
</div> <div class="more-info">
Show
· 1
Season
</div></div></div></a></div> <div class="actions bottom"><!--fragment#4573ae5ebf#head--><a fragment="4573ae5ebf" href="/us/show/A_Confession_p0891f13" data-itemid="26113" class="play-now" tabindex="0"><span class="play-animation"><img src="/content/img/action-svg/play_now.svg"> <img src="/content/img/action-svg/continue_watching.svg" style="display: none;"> <img src="/content/img/action-svg/trailer.svg" style="display: none;"></span> <span>Play now </span></a> <!----> <a fragment="4573ae5ebf" href="/us/show/A_Confession_p0891f13" class="discover" tabindex="0"><i class="icon-discover-more"></i> <span>Discover more</span></a><!--fragment#4573ae5ebf#tail--></div></div></div></div></div></div>
</div>
<div class="swiper-slide" style="opacity: 1;">
<div class="box">
<div data-title="Wild Bill" data-title-tracking="Wild Bill" data-colnumber="15"
class="card "><a href="/us/show/Wild_Bill_59289"
onclick="dataLayer.push({'event':'eventSend','actionType': 'submit','actionName':'Navigation','eventLabels':{'eventType':'atc','container':'page','status':'success','label':'selects a program tile in a rail','name':'Wild Bill'}})">
<div class="image pulsate loaded"><img
src="https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=75&Width=391&Height=220&ImageUrl=302524.jpg&imageType=tile"
class="b-lazy b-loaded"></div>
</a>
<div class="card-content">
<div class="card-content-inside">
<div class="description">
<div class="top-animation"><a href="/us/show/Wild_Bill_59289"
onclick="dataLayer.push({'event':'eventSend','actionType': 'submit','actionName':'Navigation','eventLabels':{'eventType':'atc','container':'page','status':'success','label':'selects a program tile in a rail','name':'Wild Bill'}})">
<div class="top"> Wild Bill </div>
<div class="inner-content">
<div class="season">
<div class="description"> Six-time Golden Globe nominee
Rob Lowe stars as once high-flying US police chief
who relocates to East Lincolnshire, England to shake
up the local police force, as well as his own life.
</div>
<div class="more-info"> Show · 1 Season </div>
</div>
</div>
</a></div>
<div class="actions bottom">
<!--fragment#a18a6940d9#head--><a fragment="a18a6940d9"
href="/us/show/Wild_Bill_59289" data-itemid="31295"
class="play-now"><span class="play-animation"><img
src="/content/img/action-svg/play_now.svg"> <img
src="/content/img/action-svg/continue_watching.svg"
style="display: none;"> <img
src="/content/img/action-svg/trailer.svg"
style="display: none;"></span> <span>Play now
</span></a>
<!----> <a fragment="a18a6940d9" href="/us/show/Wild_Bill_59289"
class="discover"><i class="icon-discover-more"></i>
<span>Discover more</span></a>
<!--fragment#a18a6940d9#tail-->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide out prev-1 swiper-slide-prev" style="opacity: 0.05;">
<div class="box">
<div data-title="McDonald & Dodds" data-title-tracking="McDonald & Dodds"
data-colnumber="12" class="card "><a href="/us/show/McDonald_and_Dodds_59989"
onclick="dataLayer.push({'event':'eventSend','actionType': 'submit','actionName':'Navigation','eventLabels':{'eventType':'atc','container':'page','status':'success','label':'selects a program tile in a rail','name':'McDonald & Dodds'}})">
<div class="image pulsate loaded"><img
src="https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=75&Width=391&Height=220&ImageUrl=285073.png&imageType=tile"
class="b-lazy b-loaded"></div>
</a>
<div class="card-content">
<div class="card-content-inside">
<div class="description">
<div class="top-animation"><a href="/us/show/McDonald_and_Dodds_59989"
onclick="dataLayer.push({'event':'eventSend','actionType': 'submit','actionName':'Navigation','eventLabels':{'eventType':'atc','container':'page','status':'success','label':'selects a program tile in a rail','name':'McDonald & Dodds'}})">
<div class="top"> McDonald & Dodds </div>
<div class="inner-content">
<div class="season">
<div class="description"> When two mismatched cops are
partnered up, they instantly lock horns over their
different approaches to policing – and to life.
</div>
<div class="more-info"> Show · 2 Seasons </div>
</div>
</div>
</a></div>
<div class="actions bottom">
<!--fragment#16915847be8#head--><a fragment="16915847be8"
href="/us/show/McDonald_and_Dodds_59989" data-itemid="31723"
class="play-now"><span class="play-animation"><img
src="/content/img/action-svg/play_now.svg"> <img
src="/content/img/action-svg/continue_watching.svg"
style="display: none;"> <img
src="/content/img/action-svg/trailer.svg"
style="display: none;"></span> <span>Play now
</span></a>
<!----> <a fragment="16915847be8"
href="/us/show/McDonald_and_Dodds_59989" class="discover"><i
class="icon-discover-more"></i> <span>Discover
more</span></a>
<!--fragment#16915847be8#tail-->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide next-1 out" style="opacity: 0.05;">
<div class="box">
<div data-title="The Pembrokeshire Murders"
data-title-tracking="The Pembrokeshire Murders" data-colnumber="9" class="card "><a
href="/us/show/The_Pembrokeshire_Murders_63921"
onclick="dataLayer.push({'event':'eventSend','actionType': 'submit','actionName':'Navigation','eventLabels':{'eventType':'atc','container':'page','status':'success','label':'selects a program tile in a rail','name':'The Pembrokeshire Murders'}})">
<div class="image pulsate loaded"><img
src="https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=75&Width=391&Height=220&ImageUrl=302299.jpg&imageType=tile"
class="b-lazy b-loaded"></div>
</a>
<div class="card-content">
<div class="card-content-inside">
<div class="description">
<div class="top-animation"><a
href="/us/show/The_Pembrokeshire_Murders_63921"
onclick="dataLayer.push({'event':'eventSend','actionType': 'submit','actionName':'Navigation','eventLabels':{'eventType':'atc','container':'page','status':'success','label':'selects a program tile in a rail','name':'The Pembrokeshire Murders'}})">
<div class="top"> The Pembrokeshire Murders </div>
<div class="inner-content">
<div class="season">
<div class="description"> The extraordinary true-to-life
pursuit of the most notorious serial killer in Welsh
history. </div>
<div class="more-info"> Show · 1 Season </div>
</div>
</div>
</a></div>
<div class="actions bottom">
<!--fragment#e08d693b49#head--><a fragment="e08d693b49"
href="/us/show/The_Pembrokeshire_Murders_63921"
data-itemid="35746" class="play-now"><span
class="play-animation"><img
src="/content/img/action-svg/play_now.svg"> <img
src="/content/img/action-svg/continue_watching.svg"
style="display: none;"> <img
src="/content/img/action-svg/trailer.svg"
style="display: none;"></span> <span>Play now
</span></a>
<!----> <a fragment="e08d693b49"
href="/us/show/The_Pembrokeshire_Murders_63921"
class="discover"><i class="icon-discover-more"></i>
<span>Discover more</span></a>
<!--fragment#e08d693b49#tail-->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide"
aria-disabled="false"></div>
<div class="swiper-button-prev" tabindex="0" role="button" aria-label="Previous slide"
aria-disabled="false"></div><span class="swiper-notification" aria-live="assertive"
aria-atomic="true"></span>
</div>
</div>
</div>
</div>
</div>`;
(function () {
/* main variables */
var debug = 0;
var variation_name = "";
/* all Pure helper functions */
function waitForElement(selector, trigger, delayInterval, delayTimeout) {
var interval = setInterval(function () {
if (
document && document.querySelector(selector) && document.querySelectorAll(selector).length > 0 && window.newToBrit1 && window.newToBrit2 && window.newToBrit3 && window.britboxOriginal1 && window.britboxOriginal2 && window.britboxOriginal3
) {
clearInterval(interval);
trigger();
}
}, delayInterval);
setTimeout(function () {
clearInterval(interval);
}, delayTimeout);
}
function init() {
var britboxOriginal = window.britboxOriginal1 + window.britboxOriginal2 + window.britboxOriginal3;
var newToBritbox = window.newToBrit1 + newToBrit2 + newToBrit3;
var collectionhtml = `
<div class="top-banner auto eg-agatha">
<div class="content">
<div class="image-wrapper loaded">
<div class="Half-degraded"></div>
<div class="image-background b-lazy b-loaded" style="background-image: url("https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=65&Width=1800&Height=600&ImageUrl=305522.jpg&imageType=hero3x1");"><div class="Half-degraded"></div></div>
</div>
<div class="row">
<div class="columns mobile">
<div class="wrapper">
<nav></nav>
<h1>Agatha Christie Collection</h1>
<p class="description">Watch the largest overall collection of Agatha Christie adaptations, spanning films,TV series, and aaudio plays of the iconic mystery novelist</p>
</div>
<div data-id="41571" class="actions"><a fragment="40a953c03e" href="https://account.britbox.com/signup?callback=https://www.britbox.com/us/account/signupcallback?returnURL=/us/&country=us&geo=us&deviceName=macosx&deviceType=desktop_web&modelNo=chrome_version.102.0.5005&serialNo=23153264-bdb0-428f-80d4-7b8a84bbb627&exp=1655487450&action=skipIdle&key=cb2a0dced731ad56c894dd73d44c397862f1dfd839488540c96471bb44ec1fda855c827122c69cf7e3ffc389501f7ce1de2a5e8590762bca10138014a2541999" data-itemid="41571" https:="" account.britbox.com="" class="play-now"><span class="play-animation"></span> <span>Start Your Free Trial</span></a><p>Free 7-day trial, then just $6.99/month or $69.99/year</p></div>
</div>
</div>
</div>
</div>
`;
document.querySelector('.main-content > .episodes.new-episodes:nth-child(5)').insertAdjacentHTML('afterbegin', collectionhtml);
document.querySelector('.main-content > .episodes.new-episodes:nth-child(5)').insertAdjacentHTML('beforebegin', newToBritbox);
var limitedhtml = `
<div class="top-banner auto eg-limited">
<div class="content">
<div class="image-wrapper loaded">
<div class="Half-degraded"></div>
<div class="image-background b-lazy b-loaded" style="background-image: url("https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=65&Width=1800&Height=600&ImageUrl=306625.png&imageType=hero3x1");"><div class="Half-degraded"></div></div>
</div>
<div class="row">
<div class="columns mobile">
<div class="wrapper">
<nav></nav>
<h1>Limited Series</h1>
<p class="description">Brilliant stories and gripping tales of crime and detection. Start your thrilling watching with a limited serise.</p>
</div>
<div data-id="41571" class="actions"><a fragment="40a953c03e" href="https://www.britbox.com/us/account/login?returnURL=/us/" data-itemid="41571" https:="" account.britbox.com="" class="play-now"><span class="play-animation"></span> <span>Start Your Free Trial</span></a>
<p>Free 7-day trial, then just $6.99/month or $69.99/year</p></div>
</div>
</div>
</div>
</div>
`;
document.querySelector('.main-content > .episodes.new-episodes:nth-child(7)').insertAdjacentHTML('afterbegin', limitedhtml);
document.querySelector('.main-content > .episodes.new-episodes:nth-child(7)').insertAdjacentHTML('beforebegin', britboxOriginal);
var heroHTML = `
<div class="top-banner auto eg-hero-banner">
<div class="content">
<div class="image-wrapper loaded">
<div class="Half-degraded"></div>
<div class="image-background b-lazy b-loaded" style="background-image: url("https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=65&Width=1401&Height=467&ImageUrl=325065.jpg&imageType=hero3x1");"></div>
</div>
<div class="row">
<div class="columns mobile">
<div class="wrapper">
<nav></nav>
<h1>Why Didn't They Ask Evans?</h1>
<p class="description">
Agatha Christie's wittiest mystery ever. Lucy Boynton and Will Poulter star in Hugh Laurie’s new adaptation, where two amateur sleuths set out to find the meaning behind a dead man’s mysterious final words.
</p>
</div>
<div data-id="41571" class="actions"><a fragment="40a953c03e" href="https://www.britbox.com/us/account/login?returnURL=/us/" data-itemid="41571" https:="" account.britbox.com="" class="play-now"><span class="play-animation"></span> <span>Start Your Free Trial</span></a></div>
</div>
</div>
</div>
</div>
`;
document.querySelector('div#SwiperGenre [data-name-component="HeroCarousel"]').insertAdjacentHTML('beforebegin', heroHTML);
waitForElement(
'[data-name-component="ProgrammeCarousel"] .swiper-container-initialized.swiper-container:not(.eg-my-swiper)',
function () {
document.querySelectorAll('[data-name-component="ProgrammeCarousel"] .swiper-container:not(.eg-my-swiper)').forEach(function (item) {
let slider = item.swiper;
slider.destroy();
})
waitForjQuery(function () {
addScript();
waitForSlick(function () {
var $ = window.jQuery;
$('[data-name-component="ProgrammeCarousel"] .swiper-container:not(.eg-my-swiper) .swiper-wrapper').slick({
dots: false,
infinite: true,
speed: 300,
slidesToShow: 4,
slidesToScroll: 4,
centerMode: false,
responsive: [
{
breakpoint: 767,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
centerMode: true
},
},
],
});
$('[data-name-component="ProgrammeCarousel"] .swiper-container:not(.eg-my-swiper) .swiper-wrapper').on('beforeChange', function(event, slick, currentSlide, nextSlide) {
setTimeout(function() {
window.scroll(0, window.pageYOffset + 1);
}, 200)
});
});
});
},
50,
10000
);
}
function waitForSlick(trigger) {
var interval = setInterval(function () {
if (window.jQuery.fn.slick != undefined) {
clearInterval(interval);
trigger();
}
}, 50);
setTimeout(function () {
clearInterval(interval);
}, 15000)
}
function waitForjQuery(trigger) {
var interval = setInterval(function () {
if (window.jQuery != undefined) {
clearInterval(interval);
trigger();
}
}, 50);
setTimeout(function () {
clearInterval(interval);
}, 15000)
}
function addScript() {
var cssScript = '' +
"<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css'/>";
document.querySelector('head').insertAdjacentHTML('beforeend', cssScript);
var swiperScript = document.createElement('script');
swiperScript.src = 'https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js';
document.getElementsByTagName('head')[0].appendChild(swiperScript);
}
waitForElement(
'.main-content [data-name-component="HeroCarousel"] .swiper-container',
init,
50,
10000
);
})();Editor is loading...