<>
.accordion {
padding: 0;
}
.accordion-panel {
visibility: hidden;
transition: max-height 2s cubic-bezier(0101) 0svisibility 0s ease 2s;
}
.accordion-panel.expanded {
visibility: visible;
}
.accordion-header {
border-bottom: 1px solid rgba(2552552550.5);
}
.accordion h1 a:focus-visibleh2 a:focus-visibleh3 a:focus-visibleh4 a:focus-visibleh5 a:focus-visibleh6 a:focus-visiblep a:focus-visible {
color: #007bff;
}
<>
/* temp solution */
.iMfDiX {
overflow: unset;
}
.iMfDiX p,
.sports-interlinking-module .iMfDiX a {
font-weight: 400;
}
.iMfDiX p,
.iMfDiX .accordion {
line-height: 1.6;
}
<>
nav {
background-color: rgba(0001);
}
/*
.skip-content {
background-color: rgba(0000);
}
*/
@font-face {
font-display: swap;
font-family: "Max Sans";
font-: normal;
font-weight: 300;
src: url("https://braze-images.com/appboy/communication/assets/font_assets/files/645d2129e40b0015c8e2e858/original.woff2") format("woff2"),
url("https://braze-images.com/appboy/communication/assets/font_assets/files/645d21292361b943a7d1981b/original.woff") format("woff"),
url("https://braze-images.com/appboy/communication/assets/font_assets/files/645d2129d1706840436774aa/original.ttf") format("truetype");
}
h1>em,
h2>em,
h3>em,
h4>em,
h5>em,
h6>em {
font-: normal !important;
font-weight: bold;
letter-spacing: .1em;
text-transform: uppercase;
}
div[id*="Code"] {
width: 100%;
}
@media (max-width: 991px) {
.image-grid .row {
padding-left: 7px;
padding-right: 7px;
}
.image-grid .col.col-custom {
margin-bottom: 15px;
padding-left: 7px;
padding-right: 7px;
}
}
/* remove clickable titles */
.image-grid .col.col-custom a {
cursor: not-allowed;
pointer-events: none;
text-decoration: none;
}
/* remove titles as text below images */
.image-grid .col.col-custom h6 {
display: none;
}
.image-grid img.img-collection {
border: none !important;
}
/**
* ----------------------------------------
* Hero & Spotlight Intro
* ----------------------------------------
*/
.max-section-hero-3col-parent {
padding-top: 56px;
position: relative;
}
.max-section-hero-3col-parent::after {
background: linear-gradient(0degrgba(0001) 5%rgba(000.7) 35%rgba(0000) 45%);
bottom: 0;
content: '';
display: block;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 0;
}
.max-section-hero-3col .rich-text,
.max-section-hero-3col a {
z-index: 1;
}
.max-section-hero-3col .col-md-4 {
background-repeat: no-repeat;
}
.max-section-hero-3col .col-md-4 h3 {
font-weight: bold;
margin: 0;
letter-spacing: .1em;
line-height: 1.1;
text-shadow: 0 0 .6em #000;
text-transform: uppercase;
}
.max-section-hero-3col .col-md-4 p {
font-size: 1.25rem;
font-weight: 500;
margin: 0;
letter-spacing: .1em;
line-height: 1.1;
text-shadow: 0 0 .6em #000;
text-transform: uppercase;
}
.max-section-hero-3col .col-md-4 img {
margin: .5rem auto;
max-width: 200px;
}
.max-section-hero-3col .col-md-12 p {
font-size: 1.6rem;
}
.max-section-hero-3col .col-md-12 h5 {
font-size: .8rem;
color: #888888;
margin-bottom: 0rem;
font-weight: normal;
}
@media (min-width: 576px) {
.max-section-hero-3col .row .flex-column {
background-position-y: -50px;
}
.max-section-hero-3col .col-sm-4 {
padding-top: 40vh !important;
}
.max-section-hero-3col .col-md-4>div:nth-child(2) {
margin-bottom: 14rem;
text-align: center;
}
.max-section-hero-3col .col-md-4>div:nth-child(2) img {
z-index: 1;
position: relative;
}
.max-section-hero-3col .col-md-12 {
bottom: 0vw;
left: 0;
position: absolute;
}
}
@media (max-width: 575px) {
.max-section-hero-3col .col-md-4 {
background-position: 10vw -5vw !important;
background-size: 118% !important;
min-height: 120px;
}
.max-section-hero-3col-parent::after {
display: none;
}
.max-section-hero-3col .col-md-4 {
background-position: 250% 10%;
background-size: 90%;
}
.max-section-hero-3col .col-md-4::after {
background: linear-gradient(90degrgba(0001) 25%rgba(0000) 60%);
bottom: 0;
content: '';
display: block;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 0;
}
.max-section-hero-3col .col-md-4>div:nth-child(1){
position: relative;
left: -25%;
}
.max-section-hero-3col .col-md-4>div:nth-child(2) {
position: relative;
left: -25%;
z-index: 1;
}
.max-section-hero-3col .col-md-4 img {
margin: 0rem auto;
max-width: 140px;
}
.max-section-hero-3col .col-md-12 {
margin: 1rem auto 4rem;
}
}
/**
* ----------------------------------------
* Feature Sections
* ----------------------------------------
*/
.max-section-feature {
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.max-section-originals {
padding-top: 10rem !important;
}
@media (max-width: 575px) {
.max-section-originals-parent {
background-position: calc(70%) -80px;
}
.max-section-originals {
padding-top: 7rem !important;
}
}
/* left gradient */
.max-section-feature::before {
background: linear-gradient(90degrgba(000.8) 0%rgba(0000) 60%);
content: '';
bottom: 0;
display: block;
height: 100%;
left: calc(50% - 50vw);
width: 100vw;
position: absolute;
z-index: 2;
}
@media (max-width: 991px) {
/* left gradient */
.max-section-feature::before {
background: linear-gradient(90degrgba(000.8) 0%rgba(0000) 30%);
}
}
/* bottom gradient */
.max-section-feature::after {
background: linear-gradient(0degrgb(000) 40%rgba(0000) 55%);
content: '';
bottom: 0;
display: block;
height: 100%;
left: calc(50% - 50vw);
width: 100vw;
position: absolute;
z-index: 1;
}
.max-section-feature .row {
position: relative;
}
.max-section-feature .col-md-12>.text {
padding-bottom: 6rem;
padding-top: 6rem;
position: relative;
z-index: 2;
}
/* headline for content modules */
.max-section-feature h2 {
font-size: calc(1.575rem + 2.5vw);
font-weight: 300;
margin: 0;
line-height: 1.1;
}
@media (min-width: 576px) {
.max-section-feature h2 {
margin: 0;
max-width: 580px;
}
}
@media (min-width: 992px) {
.max-section-feature h2 {
font-size: calc(1.575rem + 4vw);
line-height: 4.5rem;
}
}
@media (min-width: 1200px) {
.max-section-feature h2 {
font-size: 4.5rem;
}
}
.max-section-feature h3 {
margin: 0;
}
/* lead image */
.max-section-feature .layout .flex-column>.initial-img-wrapper:nth-child(1) {
display: block;
height: auto;
position: absolute;
right: 0;
top: -34%;
width: 50%;
z-index: 1;
}
/* for The Penguin */
.max-section-originals .layout .flex-column>.initial-img-wrapper:nth-child(1) {
top: -30%;
width: 45%;
}
/* lead image for sport */
.max-section-feature.max-section-sports .layout .flex-column>.initial-img-wrapper:nth-child(1) {
right: -12%;
top: -46%;
width: 75%;
}
/* logo for lead image title - left bottom corner */
.max-section-feature .col-md-12>.text::after {
background-position: center;
background-repeat: no-repeat;
background-size: contain;
content: "";
bottom: 1%;
display: block;
filter: drop-shadow(3px 3px 3px #000);
height: 30%;
right: 0;
position: absolute;
width: 10%;
z-index: 2;
}
.max-section-originals .col-md-12>.text::after {
background-image: url(https://beam-images.warnermediacdn.com/2025-04/TT_ENG.png?host=wbd-dotcom-drupal-prd-us-east-1.s3.amazonaws.com);
}
.max-section-life .col-md-12>.text::after {
background-image: url(https://beam-images.warnermediacdn.com/2025-02/TheFallofDiddy_S1_PA_TT_ENG_01.png?host=wbd-dotcom-drupal-prd-us-east-1.s3.amazonaws.com);
}
.max-section-family .col-md-12>.text::after {
background-image: url(https://beam-images.warnermediacdn.com/2025-05/Teen%20Titans%20Go!.png?host=wbd-dotcom-drupal-prd-us-east-1.s3.amazonaws.com);
width: 10%;
}
.max-section-originals .col-md-12>.text::after {
width: 15%;
}
/* show image grid above the gradient */
.max-section-feature .image-grid {
padding-bottom: 2rem;
position: relative;
z-index: 2;
}
/* lead image sizes for content modules */
@media (max-width: 1199px) {
.max-section-feature .layout .flex-column>.initial-img-wrapper:nth-child(1) {
width: 60%;
}
}
@media (max-width: 991px) {
.max-section-feature .layout .flex-column>.initial-img-wrapper:nth-child(1) {
width: 70%;
}
.max-section-feature.max-section-sports .layout .flex-column>.initial-img-wrapper:nth-child(1) {
width: 90%;
}
.max-section-feature .col-md-12>.text {
padding-bottom: 2rem !important;
width: 15%;
}
}
@media (max-width: 767px) {
.max-section-feature .layout .flex-column>.initial-img-wrapper:nth-child(1) {
width: 80%;
}
.max-section-feature.max-section-sports .layout .flex-column>.initial-img-wrapper:nth-child(1) {
width: 110%;
}
.max-section-life::after {
background: linear-gradient(0degrgba(0001) 40%rgba(0000) 55%);
}
}
@media (max-width: 575px) {
.max-section-feature::before {
background: none;
}
.max-section-feature::after {
background: linear-gradient(0degrgb(000) 65%rgba(0000) 75%);
}
.max-section-originals::after {
background: linear-gradient(0degrgb(000) 55%rgba(0000) 70%);
}
.max-section-feature .layout .flex-column>.initial-img-wrapper:nth-child(1) {
height: auto;
right: -10%;
top: -20%;
width: 120%;
}
/* for The Penguin */
.max-section-originals .layout .flex-column>.initial-img-wrapper:nth-child(1) {
right: 0%;
top: -15%;
width: 100%;
}
.max-section-feature.max-section-sports .layout .flex-column>.initial-img-wrapper:nth-child(1) {
right: 0%;
top: -10%;
width: 100%;
}
/* temp solution for athletes blue background image
extra code to decrease padding above the module */
.max-section-feature.max-section-sports {
padding-top: 0rem !important;
}
.max-section-feature h2,
.max-section-feature h3 {
text-align: center !important;
}
.max-section-feature .col-md-12>.text {
padding-bottom: 1rem !important;
padding-top: 65vw !important;
text-align: center !important;
}
.max-section-feature .col-md-12>.text::after {
bottom: 30%;
height: 30%;
left: 50%;
transform: translate(-50%);
width: 30%;
}
.max-section-originals .col-md-12>.text::after {
width: 45%;
}
}
.max-section-feature.max-section-olympics .col-md-12>div[id*="Code"]>.row {
padding-bottom: 3rem;
padding-top: 5.5rem;
position: relative;
z-index: 2;
}
@media (max-width: 767px) {
.max-section-feature.max-section-olympics .col-md-12>div[id*="Code"]>.row {
padding-bottom: 3rem;
padding-top: 15.5rem;
position: relative;
z-index: 2;
}
}
.max-section-feature.max-section-sports .col-md-12>div[id*="Code"]>.row {
padding-bottom: 0;
padding-top: 2.5rem;
position: relative;
z-index: 2;
}
@media (max-width: 575px) {
.max-section-feature.max-section-sports::before {
background: none;
}
.max-section-feature.max-section-sports .col-md-12>div[id*="Code"]>.row {
padding-bottom: 1rem !important;
padding-top: 55vw !important;
text-align: center;
}
}
@media (min-width: 576px) {
.max-section-feature .col-md-12>.text {
padding-bottom: 0rem;
padding-top: 0rem;
height: 280px;
}
.max-section-sports .col-md-12>.text {
height: auto;
}
.max-section-feature .col-md-12>.text>div {
position: relative;
z-index: 2;
transform: translateY(0%);
top: 50%;
}
}
@media (min-width: 992px) {
.max-section-feature .col-md-12>.text>div {
transform: translateY(-50%);
}
}
/**
* ----------------------------------------
* Olympics Section
* ----------------------------------------
*/
.max-section-olympics::after {
background: linear-gradient(0degrgb(000) 0%rgba(0000) 30%);
}
.max-section-olympics h2 {
font-size: 3.3rem !important;
font-weight: 600;
letter-spacing: .1em;
margin: .5rem 0 1rem 0;
text-align: left;
text-transform: uppercase;
line-height: 3rem;
}
.max-section-olympics h2 svg,
.max-section-olympics h2 span {
display: inline-block;
}
.max-section-olympics h2 img {
max-width: 300px;
margin-top: 3rem;
}
@media (max-width: 1199px) {
.max-section-olympics h2 img {
margin-top: auto;
}
}
.max-section-olympics p {
margin-bottom: 2rem;
}
.max-section-olympics h5 {
font-size: .8rem;
color: #888888;
margin-bottom: 2rem;
font-weight: normal;
}
.max-section-olympics h5 {
font-size: .8rem;
color: #888888;
margin-bottom: 0rem;
font-weight: normal;
margin-bottom: 2rem;
}
.max-section-olympics h2>svg:first-of-type {
border-right: 3px solid #fff;
margin: 0 .5em 0 0;
padding: .25em .5em .25em 0;
width: 140px;
}
.max-section-olympics h2>svg#sports-logo-bleacher-report {
height: 44px;
margin: 0 .3em 0 0;
}
@media (max-width: 991px) {
.max-section-olympics p {
margin-bottom: 1rem;
}
.max-section-olympics h2 img {
max-width: 250px;
margin-top: 6rem;
}
}
@media (max-width: 767px) {
.max-section-olympics::after {
background: linear-gradient(0degrgb(000) 40%rgba(0000) 80%);
}
}
@media (max-width: 575px) {
.max-section-olympics h2 {
justify-content: center;
}
.max-section-olympics p {
margin-bottom: .5rem;
}
.max-section-olympics h2 img {
max-width: 250px;
margin-top: 4rem;
}
.max-section-olympics::after {
background: linear-gradient(0degrgb(000) 25%rgba(0000) 60%);
}
}
/**
* ----------------------------------------
* Sports Section
* ----------------------------------------
*/
.max-section-sports h2 {
font-size: 2.3rem !important;
font-weight: 600;
letter-spacing: .1em;
margin: 0 0 1rem 0;
text-align: center;
text-transform: uppercase;
}
.max-section-sports h2 svg,
.max-section-sports h2 span {
display: inline-block;
}
.max-section-sports h2 img {
max-width: 300px;
margin-top: 3rem;
}
@media (max-width: 1199px) {
.max-section-sports h2 img {
margin-top: auto;
}
}
.max-section-sports p {
margin-bottom: 3rem;
}
.max-section-sports h2>svg:first-of-type {
border-right: 3px solid #fff;
margin: 0 .5em 0 0;
padding: .25em .5em .25em 0;
width: 140px;
}
.max-section-sports h2>svg#sports-logo-bleacher-report {
height: 44px;
margin: 0 .3em 0 0;
}
/* Sports legal line */
.max-section-sports .image-grid::after {
content: "TNT Sports plan required.";
font-size: .8rem;
color: #999999;
text-align: left;
display: block;
line-height: 1rem;
}
.max-section-feature.max-section-sports .content-tray {
padding-bottom: 2rem;
position: relative;
z-index: 2;
}
.max-section-feature.max-section-sports .content-tray .event-title-container {
display: block;
}
@media (max-width: 991px) {
.image-grid .col-sm {
margin-bottom: 15px;
padding-left: 7px;
padding-right: 7px;
}
.max-section-sports p {
margin-bottom: 1rem;
}
.max-section-sports h2 img {
max-width: 250px;
margin-top: 6rem;
}
}
@media (max-width: 767px) {
.max-section-sports::after {
background: linear-gradient(0degrgb(000) 40%rgba(0000) 80%);
}
}
@media (max-width: 575px) {
.max-section-sports h2 {
justify-content: center;
}
.max-section-sports p {
margin-bottom: .5rem;
}
.max-section-sports h2 img {
max-width: 250px;
margin-top: 4rem;
}
.max-section-sports::after {
background: linear-gradient(0degrgb(000) 55%rgba(0000) 80%);
}
}
.max-section-sports .image-grid img {
border-radius: 10px;
}
.max-section-sports .image-grid h6 {
margin-top: .4rem;
margin-bottom: 0rem;
text-align: center;
font-weight: bold;
}
/* remove clickable titles */
.max-section-sports .image-grid .col.col-custom a {
cursor: not-allowed;
pointer-events: none;
text-decoration: none;
}
/**
* ----------------------------------------
* Numbered Questions
* ----------------------------------------
*/
.faq-headline>div {
width: 100%;
}
.faq-headline h2 {
text-align: center;
}
.faq-headline img {
max-width: 160px;
width: 45%;
}
.max-section-numbered-question .accordion {
padding: 0;
}
.max-section-numbered-question .accordion-header {
border: 0;
color: #4f8bff;
font-size: 1rem;
font-weight: bold;
padding: 0;
}
.max-section-numbered-question .accordion-panel {
border: 0;
}
.max-section-numbered-question .accordion-header svg {
display: none;
}
.max-section-numbered-question .col-lg-10 {
padding-left: 5rem;
}
.max-section-numbered-question .col-lg-10>.rich-text {
position: relative;
}
.max-section-numbered-question .col-lg-10>div:nth-child(n + 1) {
counter-increment: question-counter;
}
.max-section-numbered-question .col-lg-10>div:nth-child(n + 1)::before {
--size: 3rem;
background: linear-gradient(#2E3F4D 50%#4F6984);
border-radius: 50%;
color: #fff;
content: counter(question-counter);
font-size: calc(var(--size) - 1rem);
font-weight: 700;
height: var(--size);
left: calc(-1 * var(--size) - 1rem);
line-height: var(--size);
position: absolute;
text-align: center;
top: 1rem;
width: var(--size);
}
<>
/* remove camel text formating in fiiter legal links */
.max-section-footer .btn--legal-link {
text-transform: none;
}
<>
/* temp solution for HBO Max | Sports logo */
.max-plan-picker-promo-banner #hbomax-sports-logo {
max-width: 200px;
}
HBO Max is here. And it's all good.
Content varies by plan. *Price for Standard with Ads subscription. Auto-renews unless cancelled. Saver plans available via HBOMax.com only. For more informationsee here. 18+
<>
/**
* ----------------------------------------
* Hero
* ----------------------------------------
*/
.max-section-hero-parent {
position: relative;
}
.max-section-hero>div {
align-content: center;
}
.max-section-hero-parent::before {
background: linear-gradient(0degblack 10%transparent 45%)radial-gradient(97.07% 97.07% at 135% 37%rgba(0000) 60%#000 100%);
bottom: 0;
content: '';
display: block;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 0;
}
.max-section-hero-parent {
background-position: right 55px;
background-size: 85%;
background-repeat: no-repeat;
}
@media (max-width: 1600px) {
.max-section-hero-parent {
background-size: 1300px;
}
}
@media (min-width: 992px) {
.max-section-hero.container {
max-width: 1346px;
padding: 3rem !important;
}
.max-section-hero>div {
width: 60% !important;
}
.max-section-hero>div>div>div>div {
text-align: left !important;
}
.max-section-hero>div>div>a {
align-self: start !important;
}
}
@media (min-width: 1200px) {
.max-section-hero>div {
width: 50% !important;
}
}
@media (max-width: 991px) {
.max-section-hero-parent::before {
background: linear-gradient(180degrgba(0000) 0vwrgba(000.2) 20vwrgba(0001) 50vw);
}
.max-section-hero-parent {
background-size: 164%;
background-position: right 56px;
}
.max-section-hero h1 {
margin-top: 30vw !important;
}
}
@media (max-width: 767px) {
.max-section-hero-parent::before {
background: linear-gradient(180degrgba(0000) 0vwrgba(000.1) 40vwrgba(000.7) 50vwrgba(0001) 100vw);
}
.max-section-hero-parent {
background-size: 196%;
background-position: right 56px;
}
.max-section-hero h1 {
margin-top: 40vw !important;
}
}
@media (max-width: 575px) {
.max-section-hero-parent::before {
background: linear-gradient(180degrgba(0000) 0vwrgba(000.1) 47vwrgba(000.7) 52vwrgba(0001) 100vw);
}
}
.max-section-hero-parent.aos-animate {
transform: none !important;
}
.max-section-hero a {
position: relative;
z-index: 1;
}
.max-section-hero .btn {
min-width: calc(14ch + 48px);
}
.max-section-hero .btn--secondary:hover {
color: #ffffff;
}
.max-section-hero img {
max-height: 58px;
margin: 0px auto;
}
.max-section-hero .hero-bundle-plans img {
max-height: 60px;
margin: .5rem auto;
}
.max-section-hero h1 {
font-size: clamp(2rem9vw3.4rem);
font-weight: bold;
margin-bottom: 1rem;
margin-top: 4rem;
line-height: 1;
}
.max-section-hero h3 {
font-weight: normal;
margin-top: 1.5rem;
margin-bottom: .5rem;
}
.max-section-hero h4 {
margin-bottom: .5rem;
}
.max-section-hero .hero-bundle-plans h4 {
margin-bottom: 1rem;
}
.max-section-hero h5 {
font-weight: normal;
letter-spacing: .05em;
margin: .5rem auto .8rem;
}
.max-section-hero h5 strong {
font-size: 1.5rem;
}
.max-section-hero .hero-hbomax-plans,
.max-section-hero .hero-bundle-plans {
align-content: end;
align-items: end;
align-self: end;
justify-content: end;
}
.max-section-hero .hero-bundle-plans h5 {
margin-top: .6rem;
}
.max-section-hero .hero-bundle-plans h6 {
font-weight: normal;
letter-spacing: .05em;
margin-top: 0rem;
margin-bottom: .9rem;
}
.max-section-hero h5 sup {
font-size: 55%;
}
.max-section-hero .legal {
margin-top: 1rem;
opacity: .8;
line-height: 1.3;
}
@media (min-width: 992px) and (max-width: 1200px) {
.max-section-hero .hero-hbomax-plans {
flex: 0 0 44%;
max-width: 44%;
}
.max-section-hero .hero-bundle-plans {
flex: 0 0 56%;
max-width: 56%;
}
}
@media (max-width: 767px) {
.max-section-hero h1 {
margin-top: 3rem;
margin-bottom: .5rem;
line-height: 1.1 !important;
}
.max-section-hero h3 {
font-size: 1.2rem;
margin-top: .5rem;
display: none;
}
.max-section-hero h5 {
margin-top: .7rem;
}
.max-section-hero img {
max-height: 55px;
margin: 0rem auto 0rem;
}
.max-section-hero .hero-bundle-plans img {
max-height: 50px;
margin: .8rem auto 0rem;
}
}
Save £5/month for 1 year
TNT Sports
Stream on 2 devices at once in Full HD
Sports onlylive and on demand
Footballrugbytennisand more
12x£25.99/month
Then renews at the regular monthly price
Save £8.99/month for 1 year
Standard with Ads & TNT Sports
Stream on 2 devices at once in Full HD
30 downloads (limits apply)
Footballrugbytennisand more
12x£27.99/month
Then renews at the regular monthly price
Auto-renews monthly unless cancelled. Cooling-off & refund rights lost if you request immediate access. Cancel in account settings; access retained until end of billing period. Channelslive contentreplays and sports (where included) contain ads. All plans may contain sponsorship & Cross-Promotional Content. See Terms of Use for details. For tech requirementsvisit our Help Centre.
12-month minimum termthen auto-renews as a rolling Monthly plan at the then-current price (see details hereprices subject to change). Cancel at any time via account settingseffective at the end of the respective minimum term (if cancelled during the initial minimum termall monthly instalments will remain payable). You lose your cooling-off right when you access contentif you ask for your subscription to start immediately.
Channelslive contentreplays (where included) and sports contain ads. All plans may contain sponsorship and Cross-Promotional Content. See Terms of Use for details. For tech requirementsvisit our Help Centre.
*Savings based on the 12-month saver plan price vs. the regular monthly or bundle plan price paid over 12 months. Saver plans only available via HBOMax.com
<>
.max-section-intro {
padding-top: 3rem !important;
padding-bottom: .5rem !important;
padding-inline: 2rem !important;
}
@media (min-width: 576px) {
.max-section-intro {
padding-top: 5rem !important;
padding-bottom: 1rem !important;
}
}
.max-section-portraits::after {
content: "Content varies by plan.";
font-size: 65%;
display: block;
position: relative;
bottom: 0rem;
text-align: right;
color: #cccccc;
z-index: 2;
margin: 1rem 1rem;
line-height: 1.1rem;
}
Stories That Never Let Go
<>
@media (min-width: 576px) {
.genre-carousel-container .slide .carousel-item[data-category="cat6"] .col-3:nth-child(2) img {
content: url("https://beam-images.warnermediacdn.com/2026-03/OBAA_Oscars_1x1.jpg?host=wbd-dotcom-drupal-prd-us-east-1.s3.amazonaws.com");
}
}
.max-section-portraits {
padding-top: 0rem !important;
padding-bottom: 0rem !important;
}
.overflow-x-scroll {
overflow-x: scroll !important;
}
.genre-characters .row {
min-width: 1200px;/*1890px;*/
}
.genre-characters .col {
background-position: top center;
background-size: cover;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
height: 26vw; /*30vw;*/
margin-bottom: 1rem;
min-height: 320px; /*360px;*/
min-width: 170px;
position: relative;
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.genre-characters .coming-soon {
display: none; /** temp hidden **/
position: absolute;
letter-spacing: 1px;
top: 4px;
background-color: white;
text-transform: uppercase;
padding: 0px 10px;
border-radius: 2px;
color: rgb(243231);
font-size: 12px;
font-weight: 700;
box-shadow: 0px 5px 8px rgb(2432310.7);
}
.genre-characters .col::after {
background-image: linear-gradient(180degrgba(0000) 70%rgb(000) 95%);
content: "";
height: 100%;
position: absolute;
width: 100%;
}
.genre-characters h4,
.genre-characters p,
.genre-characters img {
z-index: 1;
}
.genre-characters p {
font-size: 0.6rem;
font-weight: 300;
letter-spacing: 0.05rem;
text-transform: uppercase;
color: rgba(2312312310.8);
}
.genre-characters p span.fw-medium {
font-weight: 600;
}
.genre-characters img {
max-width: 100px;
}
.genre-characters .row>.col:nth-child(3) h4:before {
content: "";
font-size: .9rem;
display: block;
position: relative;
text-align: center;
margin-bottom: .7rem;
line-height: 1.1rem;
font-weight: 500;
}
Blockbusters
Warner Bros.
One Battle After Another
All of Harry Potter
Warner Bros.
Harry Potter 8-film collection
Unmissable Sport
TNT Sports
UEFA Champions League
Watercooler Drama
HBO Original
Euphoria
Absolute Classics
Warner Bros.
Friends
Iconic Series
HBO Original
Game of Thrones
Wall-to-Wall
<>
.genre-carousel-container::after {
content: "Content varies by plan.";
font-size: 65%;
display: block;
position: relative;
bottom: 0rem;
text-align: right;
color: #cccccc;
z-index: 2;
margin: 1rem auto;
line-height: 1.1rem;
}
.code-for-genre-carousel-parent {
display: none;
}
.genre-carousel-container-parent {
margin-bottom: 6rem;
}
.genre-carousel-container {
padding-inline: 0 !important;
padding-right: 15px !important;
padding-left: 15px !important;
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.genre-carousel-container .carousel {
overflow: visible !important;
}
/* Indicators */
.genre-carousel-container .carousel-indicators {
bottom: unset;
margin: 0;
position: absolute;
top: -6.3rem;
z-index: 10 !important;
scrollbar-width: none;
justify-content: flex-start;
overflow: scroll;
opacity: 1;
}
.genre-carousel-container .carousel-indicators::-webkit-scrollbar {
width: 0 !important
}
.genre-carousel-container .carousel {
opacity: 0;
}
.carousel.show {
opacity: 1 !important;
-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
}
.genre-carousel-container .carousel-indicators li {
text-indent: 0 !important;
color: white;
background-color: transparent !important;
width: auto !important;
height: auto !important;
padding: 0 3.5rem;
font-size: 3.5rem;
font-weight: 100;
opacity: 0.5;
transform: scale(0.9);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
white-space: pre; /* no break text */
}
.genre-carousel-container .carousel-indicators li:focus-visible {
box-shadow: rgb(000) 0px 0px 0px 2pxrgb(255255255) 0px 0px 0px 5px;
border-radius: 12px;
outline: none;
opacity: 1;
}
.genre-carousel-container .carousel-indicators .active {
opacity: 1;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.genre-carousel-container .carousel-indicators li:first-child {
margin-left: 500px;
}
.genre-carousel-container .carousel-indicators li:last-child::after {
/* use this for Safari compatibility */
position: absolute;
content: '';
width: 500px;
height: 100%;
}
.genre-carousel-container .carousel-indicators {
-webkit-mask-image: linear-gradient(to righttransparent 0%black 20% 80%transparent 100%);
mask-image: linear-gradient(to righttransparent 0%black 20% 80%transparent 100%);
}
/* Carousel Prev/Next Arrows */
.genre-carousel-container .carousel-control-prev,
.genre-carousel-container .carousel-control-next {
opacity: 0.5 !important;
align-items: flex-start;
top: -3.6rem;
z-index: 20;
overflow: visible;
background-image: none !important;
}
.genre-carousel-container .carousel-control-prev:focus-visible svg,
.genre-carousel-container .carousel-control-next:focus-visible svg {
box-shadow: rgb(000) 0px 0px 0px 2pxrgb(255255255) 0px 0px 0px 5px;
border-radius: 12px;
outline: none;
}
.genre-carousel-container .carousel-control-prev:focus-visible,
.genre-carousel-container .carousel-control-next:focus-visible {
outline: none;
opacity: 1 !important;
}
.genre-carousel-container .carousel-control-prev:hover,
.genre-carousel-container .carousel-control-next:hover {
opacity: 1 !important;
}
.genre-carousel-container .carousel-control-prev {
justify-content: flex-start;
}
.genre-carousel-container .carousel-control-prev svg {
transform: rotate(-180deg);
}
.genre-carousel-container .carousel-control-next {
justify-content: flex-end;
}
/* General */
.genre-carousel-container .row {
margin-inline: -8px;
}
.genre-carousel-container .carousel-inner>.carousel-item {
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.genre-carousel-container h2 {
font-size: 2.5rem;
margin-bottom: 5rem;
font-weight: 100;
}
.genre-carousel-container h4 {
font-size: 2.2rem;
font-weight: 300;
margin-top: 1.5rem;
margin-bottom: 0;
}
.genre-carousel-container p {
font-size: 1.6rem;
font-weight: 500;
margin-top: 0.5rem;
}
.genre-carousel-container .carousel-inner .col-3 {
padding: 8px;
}
.genre-carousel-container .carousel-item img {
opacity: 1;
}
.genre-carousel-container .carousel-item .img-anim-out {
animation-name: animateOut;
animation-duration: .2s;
animation-fill-mode: both;
animation-timing-function: ease-in-out;
}
.genre-carousel-container .carousel-item .img-anim-in {
animation-name: animateIn;
animation-duration: .4s;
animation-fill-mode: both;
animation-timing-function: ease-in-out;
}
/* Accesability Reduce Motion */
@media (prefers-reduced-motion: reduce){
.genre-carousel-container .carousel-item .img-anim-out {
animation-name: null;
}
.genre-carousel-container .carousel-item .img-anim-in {
animation-name: null;
}
}
@keyframes animateIn {
0% {
opacity: 0;
transform: scale(0.95) translateX(15px);
}
25% {
opacity: 1;
transform: scale(0.95) translateX(15px);
}
100% {
opacity: 1;
transform: scale(1) translateX(0px);
}
}
@keyframes animateOut {
0% {
opacity: 1;
transform: scale(1) translateX(0px);
}
100% {
opacity: 0;
transform: scale(0.95) translateX(15px);
}
}
@media (max-width: 767px) {
.genre-carousel-container {
padding-top: 0 !important;
}
.genre-carousel-container .carousel-indicators {
top: -4.4rem;
margin-left: 1rem !important;
margin-right: 1rem !important;
}
.genre-carousel-container .carousel-indicators li {
font-size: 1.8rem;
padding: 0 1em;
}
.genre-carousel-container .carousel-inner {
padding-inline: 0;
padding-top: 0 !important;
}
.genre-carousel-container h2 {
font-size: 1.4rem;
margin-bottom: 4rem;
}
.genre-carousel-container h4 {
font-size: 1.6rem;
}
.genre-carousel-container p {
font-size: 1.3rem;
}
.genre-carousel-container .carousel-inner .col-3 {
padding: 4px;
}
.genre-carousel-container .carousel .carousel-control-prev,
.carousel .carousel-control-next {
top: -3rem !important;
}
}
@media (max-width: 575px) {
.genre-carousel-container .carousel-inner .col-3 {
flex: 0 0 50%;
max-width: 50%;
}
}
The New Streaming Home of TNT Sports
TNT Sports brings you the UEFA Champions LeagueEuropa & Conference Leagueexclusive Premier League games; plus FA CupRugbyMotoGPUFCGolfCricketSnookerTennisCycling & more in 2026/27.
<>
.max-section-tnt-sports {
margin-top: 4rem;
}
.max-section-tnt-sports>div>div>div:nth-child(2) {
height: auto !important;
margin: .5rem auto 0rem;
z-index: 2;
}
.max-section-tnt-sports a {
z-index: 2;
margin-bottom: 2rem;
}
.max-section-tnt-sports h3>img {
max-width: 220px;
}
.max-section-tnt-sports h2 {
font-size: 2.1875rem;
line-height: 1.1;
font-weight: 600;
margin: 1rem 0rem 1rem;
max-width: 500px;
}
.max-section-tnt-sports p {
max-width: 500px;
}
.max-section-tnt-sports>div>div::after {
content: "TNT Sports plan required.";
font-size: 65%;
display: block;
position: relative;
bottom: 3rem;
align-self: end;
color: #cccccc;
z-index: 2;
margin-top: 1rem;
line-height: 1.1rem;
}
/* TNT Sports - lead image */
.max-section-tnt-sports .layout .flex-column>.initial-img-wrapper:nth-child(1) {
top: -5%;
width: 80%;
right: -10%;
}
.max-section-tnt-sports-parent {
background-position: center -200px;
}
.max-section-tnt-sports::after {
background: linear-gradient(0degrgb(000) 0%rgb(000.7) 50%rgba(0000) 70%);
}
@media (max-width: 1200px) {
.max-section-tnt-sports h2 {
font-size: 2.6rem;
max-width: 50%
}
.max-section-tnt-sports .layout .flex-column>.initial-img-wrapper:nth-child(1) {
top: -10%;
width: 90%;
right: -15%;
}
.max-section-tnt-sports::after {
background: linear-gradient(0degrgb(000) 30%rgba(0000) 65%);
}
}
@media (max-width: 991px) {
.max-section-tnt-sports h2 {
font-size: 2.2rem;
max-width: 50%
}
.max-section-tnt-sports .layout .flex-column>.initial-img-wrapper:nth-child(1) {
top: -15%;
width: 100%;
right: -20%;
}
.max-section-tnt-sports::after {
background: linear-gradient(0degrgb(000) 50%rgba(0000) 65%);
}
.max-section-tnt-sports>div>div>div:nth-child(2) {
margin: .5rem auto 0rem;
}
}
@media (max-width: 767px) {
.max-section-tnt-sports {
margin-top: 12rem !important;
}
.max-section-tnt-sports h2 {
font-size: 1.5rem;
max-width: 100%;
}
.max-section-tnt-sports p {
max-width: 100%;
}
.max-section-tnt-sports .layout .flex-column>.initial-img-wrapper:nth-child(1) {
top: -40%;
width: 120%;
right: -6%;
}
.max-section-tnt-sports .col-md-12>.text::after {
width: 25%;
}
.max-section-tnt-sports::after {
background: linear-gradient(0degrgb(000) 65%rgba(0000) 85%);
}
.max-section-tnt-sports a {
align-self: center;
}
.max-section-tnt-sports h3,
.max-section-tnt-sports h2,
.max-section-tnt-sports p {
text-align: center !important;
}
}
@media (max-width: 575px) {
.max-section-tnt-sports {
margin-top: 0rem !important;
}
.max-section-tnt-sports h2 {
font-size: 2rem;
}
.max-section-tnt-sports p {
text-align: center !important;
}
.max-section-tnt-sports .layout .flex-column>.initial-img-wrapper:nth-child(1) {
top: -8%;
right: -15%;
width: 140%;
}
.max-section-tnt-sports h3>svg {
max-width: 45vw;
}
.max-section-tnt-sports h3 {
margin-top: 40vw;
}
.max-section-tnt-sports::after {
background: linear-gradient(0degrgb(000) 50%rgba(0000) 85%);
}
}
What is HBO Max?
Succession. The Sopranos. Even everyone’s favourite Friends. Our iconic originals have a brand-new homealongside breakout hits we can’t wait to sharelike The Pitt. That means every single moment of our greatest shows and film series are now all in one place.
HBO Max is the home of stories that stick with you — where favourite characters from HBOWarner Bros.the DC Universeand Harry Potter live (and occasionally die) together. Where dragons meet live sport and icons meet new legendsin the showsmoviesand sporting action we're all talking about.
Content varies by plan.
How do I sign up for HBO Max?
You can sign up on this page or through select partners. The app is available to download via all major app stores.
To find out moresee How to get HBO Max
More Questions About HBO Max?
<>
.full-terms-and-conditions #full-terms-and-conditions {
margin-bottom: 6rem;
}
.full-terms-and-conditions h5.legal {
font-size: 1rem;
}
.full-terms-and-conditions p.legal.small {
font-size: .9rem;
line-height: 1.3;
}
More information:
Content varies by plan. *Price for Standard with Ads plan. Monthly plans auto-renews monthly unless cancelled. Cancel via account settings and retain access until end of billing period.
Cooling-off and refund rights lost if you request immediate access. See Terms of Use for details. For tech requirementsvisit our Help Centre. Saver plans available via HBOMax.com only. 18+