@font-face {
    font-family: 'PF DIN Max';
    src: url('/images/f1/font/PFDINMax-WideBold.woff2') format('woff2'),
        url('/images/f1/font/PFDINMax-WideBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PF DIN Max';
    src: url('/images/f1/font/PFDINMax-CondensedBold.woff2') format('woff2'),
        url('/images/f1/font/PFDINMax-CondensedBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PF DIN Max';
    src: url('/images/f1/font/PFDINMax-Bold.woff2') format('woff2'),
        url('/images/f1/font/PFDINMax-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PF DIN Max';
    src: url('/images/f1/font/PFDINMax-Medium.woff2') format('woff2'),
        url('/images/f1/font/PFDINMax-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PF DIN Max';
    src: url('/images/f1/font/PFDINMax-Book.woff2') format('woff2'),
        url('/images/f1/font/PFDINMax-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PF DIN Max';
    src: url('/images/f1/font/PFDINMax-WideMedium.woff2') format('woff2'),
        url('/images/f1/font/PFDINMax-WideMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tektur Condensed';
    src: url('/images/f1/font/TekturCondensed-Black.woff2') format('woff2'),
        url('/images/f1/font/TekturCondensed-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tektur Condensed';
    src: url('/images/f1/font/TekturCondensed-Bold.woff2') format('woff2'),
        url('/images/f1/font/TekturCondensed-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tektur SemiCondensed';
    src: url('/images/f1/font/TekturSemiCondensed-Black.woff2') format('woff2'),
        url('/images/f1/font/TekturSemiCondensed-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tektur Condensed';
    src: url('/images/f1/font/TekturCondensed-SemiBold.woff2') format('woff2'),
        url('/images/f1/font/TekturCondensed-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tektur Condensed';
    src: url('/images/f1/font/TekturCondensed-ExtraBold.woff2') format('woff2'),
        url('/images/f1/font/TekturCondensed-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tektur Condensed';
    src: url('/images/f1/font/TekturCondensed-Regular.woff2') format('woff2'),
        url('/images/f1/font/TekturCondensed-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tektur Condensed';
    src: url('/images/f1/font/TekturCondensed-Medium.woff2') format('woff2'),
        url('/images/f1/font/TekturCondensed-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tektur SemiCondensed';
    src: url('/images/f1/font/TekturSemiCondensed-ExtraBold.woff2') format('woff2'),
        url('/images/f1/font/TekturSemiCondensed-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tektur SemiCondensed';
    src: url('/images/f1/font/TekturSemiCondensed-Regular.woff2') format('woff2'),
        url('/images/f1/font/TekturSemiCondensed-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tektur';
    src: url('/images/f1/font/Tektur-Bold.woff2') format('woff2'),
        url('/images/f1/font/Tektur-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tektur SemiCondensed';
    src: url('/images/f1/font/TekturSemiCondensed-Medium.woff2') format('woff2'),
        url('/images/f1/font/TekturSemiCondensed-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tektur';
    src: url('/images/f1/font/Tektur-Regular.woff2') format('woff2'),
        url('/images/f1/font/Tektur-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tektur SemiCondensed';
    src: url('/images/f1/font/TekturSemiCondensed-SemiBold.woff2') format('woff2'),
        url('/images/f1/font/TekturSemiCondensed-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tektur';
    src: url('/images/f1/font/Tektur-Black.woff2') format('woff2'),
        url('/images/f1/font/Tektur-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tektur SemiCondensed';
    src: url('/images/f1/font/TekturSemiCondensed-Bold.woff2') format('woff2'),
        url('/images/f1/font/TekturSemiCondensed-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tektur';
    src: url('/images/f1/font/Tektur-Medium.woff2') format('woff2'),
        url('/images/f1/font/Tektur-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tektur';
    src: url('/images/f1/font/Tektur-ExtraBold.woff2') format('woff2'),
        url('/images/f1/font/Tektur-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tektur';
    src: url('/images/f1/font/Tektur-SemiBold.woff2') format('woff2'),
        url('/images/f1/font/Tektur-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'icomoon';
    src: url('/images/f1/font/icomoon.eot') format('eot'),
        url('/images/f1/font/icomoon.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

      .site {
  width: 100%;
  overflow: hidden;
  max-width: 1920px;
  margin: 0 auto; 
  /*background-image: url(/images/f1/BG_MINISITE_HOME_F1.jpg);*/
  /*background-image:url('/images/f1/f1_new_design/BG_Pattern_F1_5.webp');*/
  background-image: url("/images/f1/f1_new_design/BG_Pattern_F1_Black.webp")!important;
  background-size: 100%;
    /*background-repeat: no-repeat;*/
}
body {
    background: #f3f3f3;
}
table {
    color: #000;
}
.video_info p {
    color: #000;
}
.title p {
    color: #fff;
}
.members-controls span {
    color: #fff;
    font-size: 0.9rem;
}
button span {
    color: #fff;
    font-size: 1.4rem;
    float: unset;
}
.watch-btn .progress {
    width: 48px;
    height: 55px;
    border-radius: 50%;
    position: relative;
    padding: 0;
    float: left;
    display: inline-block;
    margin-top: 10px;
    background-image: url(/images/SPRT_ELEMENTS_EURO2020.png);
    background-position: -199px -188px;
    background-size: 650px;
    border: 0px;
}
h2, h1 {
    color: #000;
}
p {
    color: #000;
}
.webtv-btn a {
    margin: 40px auto;
    text-decoration: none;
    background: #4cbdcf;
    padding: 10px 20px;
    min-width: 140px;
    display: inline-block;
}
.watch-btn .progress canvas {
    position: absolute;
    top: -2px;
    left: -2px;
    display: none;
}

.banner-placeholder {
  
    margin: 0 auto;
}
.banner-placeholder.light {
    background: #fff;
}
.watch-btn .title {
    padding-top: 5px;
}
.site-main {
    max-width: 1260px;
    margin: 0 auto;
    background-color: #fff;
   
    padding: 20px;
    padding-bottom: 0px;
}
.site-stadium h2 {
    color: #fff;
}
.site-stadium {
    background-color: transparent !important;
    margin-top: 0px !important;
}
.site-sponsors {
        margin-top: 0px !important;
}
.site-sponsors h2 {
    text-align: center;
}
.site-footer {
    background-color: #e10600;
}

@media (max-width: 1999px) {
    .site-footer {
        padding-bottom:100px;
    }
}

@media (max-width: 1239px) {
    .site-footer {
        padding-bottom:120px;
    }
}

@media (max-width: 1010px) {
    .site-footer {
        padding-bottom:140px;
    }
}

.copyright p {
    color:#fff;
}
.site-footer h2 {
    color: #fff;
}

.sponsor_div {
    text-align: center;
    margin-top: 30px;
}
.sponsors_text {
    color: #666;
    font-size: 0.8rem;
    margin-bottom: 20px;
}

.addthis_inline_share_toolbox_m12x {
    float: left;
    display:none;
    
}
  div#fifalogo {
    background-image:url(/images/WorldCup/logo_bg_left.png);
    width: calc((100vw - 1410px) / 2);
    height: 200px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1000;
    position: absolute;
    top: calc(50% - 100px);
    left: 2%;
}

  @media (min-width: 1920px) {
    div#fifalogo {
       left: calc(((100vw - 1920px) / 2) + 80px);
        width: 320px;
    }
}

  /*NEXT PREV BUTTONS MENU*/

       button.flickity-prev-next-button.previous {
 
        background-image: url(/images/worldcup/L_BTN_HOMEPG.png) !important;
        background-repeat: no-repeat !important;
        background-position: top left;
        height: 55px;
           opacity: 0.8;
    }
       button.flickity-prev-next-button.previous:hover, button.flickity-prev-next-button.next:hover {
            opacity: 1;
        }
       button.flickity-prev-next-button.next {
     
            background-image: url(/images/worldcup/R_BTN_HOMEPG.png) !important;
            background-repeat: no-repeat  !important;
            background-position: top right;
            height: 55px;
            opacity: 0.8;
        
        }
       .carousel .flickity-prev-next-button.next {
            right: 24px;
        }
       .flickity-prev-next-button svg {
            display: none;
        }
/*NEXT PREV BUTTONS MENU*/


.banner-placeholder.horizontal.top {
    width: 100%;
    
    margin:0 auto;
    display: inline-block;
    position: relative;
    top: 80px;
    padding: 10px 0px;
}
div.site-content {
    position: relative;
    top: 80px;
}

 @media (max-width: 1199px) {       
        .banner-placeholder.horizontal.top {
             top: 130px;
        }

        div.site-content {
            top: 130px;
        }
       .live-mobile a, .members-controls a {
           font-size:0.8rem;
       }
}

   @media (max-width: 993px) {
               .plbbanner {
                   width:100%;
                   
               }
               .plbbanner .banner2 {
                   display:block;
               }
                .banner-placeholder.vertical {
                   padding-bottom: 0px;
                    margin-bottom: 0px;

               }
           }
 #featuredContentContainer iframe {
    min-height: 589px;
    border: 0px;
    overflow: hidden;
    width: 100%;
}

 .share_label {
    
    color: #999797;
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 40px;
    vertical-align: top;
    display: inline-block;
    padding-right: 10px;
 }
 .player-container {
    border-bottom: 0px solid #212121;
}

h2 {
   
    letter-spacing: normal !important;
word-spacing: normal !important;
}
.item h2, .item .excerpt{
    color: #fff;
}

.footer-lines {
    background: url(/images/f1/Red_Lines_Footer.png);
    height: 50px;
    display: block;
    width: 100%;
    background-size: contain;
    margin-bottom: -40px;
}
.live_header {
    font-family: 'Tektur';
    font-weight: bold;
    letter-spacing: 2px;
    font-size: 15px;
    transition: all 0.5s ease;
    color:#ffffff;
}
.live-mobile a, .members-controls a {
    text-align: center;
    display: block;
}
.Blink {
    animation: blinker 1.5s cubic-bezier(.5, 0, 1, 1) infinite alternate;  
}

@keyframes blinker {  
  from { color:#ffffff; }
  to { color:#e10600; }
}


.live-mobile img {
    width: 100px;
    padding-top: 5px;
}
.toolbox-right {
    max-width: 160px;
}
.f1logo {
    font-style: italic;
    font-family: 'Tektur';
    font-weight: bolder;
    font-size: 25px;
    display: block;
    text-align: center;
    line-height: 0.9;
}
.footer-list li a, .copyright, .copyright2 {
    color: #fff;
}

.footer-list li {
    border-right: 1px solid #fff;
}
.logo_sponsor_inner {
    position: absolute;
    width: 150px;
    right: 65px;
    border-bottom: 1px solid #CCC;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom-left-radius: 11px;
    border-bottom-right-radius: 12px;
    top: 210px;
    height: 80px;
    z-index: 9;
}
.logo_sponsor {
    position: absolute;
    z-index: 99999;
    top: 160px;
    right: 60px;
    width: 145px;
    margin-top:3vw;
    transition: all .3s ease;
}
@media (max-width: 576px) {
    .logo_sponsor_inner {
    top: 180px;
}
    .logo_sponsor {
    top: 165px;
}
}

.site-main{
    background:#15151f;
}
.grid__col-auto h1,
.grid__col-auto p,
.player-container h2 {
    color: #fff;
}
.banner-placeholder.light {
    background: #605d5d94;
    background-image: url("/images/f1/f1_new_design/Banner_BG_Black.png");
    min-height: 600px;
    background-repeat: no-repeat;
    background-size: cover;
}

@media(max-width:576px){
    .banner-placeholder.light {
        min-height:300px;
    }
}
.newsletter-sign-up, .playing-now{
    bottom:-110px!important;
}
.flickity-prev-next-button svg{
    display:inline-block
}