﻿@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;
}

table a {
    color: #000 !important;
}
h2 {
    word-spacing: normal !important;
    letter-spacing: normal !important;
}
.site {
    background-position: calc( 50% - 10px ) -30px;
    width: 100%;
    overflow: hidden;
    max-width: 1920px;
    margin: 0 auto;
    background-image: url('/images/f1/BG_F1_fi.jpg');
    background-repeat: no-repeat;
    background-color: #fff;
    background-size: inherit;
    }
        .site-content-stadium {
            background-size: 100%;
            background-repeat: no-repeat;
            position:relative;
           
        }
        table a {
    color: #000;
}
                table a:hover {
    color: #e10600;
}
.formula1 {
    color: #000;
}

.teamf1:after, standings:after, .programrounds::after  {
    background: url(/images/f1/line_f1.png);
    width: 100%;
    content: '';
    height: 40px;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
}
h3 {
    color: #000;
    font-size: 1rem;
}
.gray {
    color:#9d9d9d !important;
}
.red {
    color: #e10600 !important;
}
.gprix {
    font-family: 'PF DIN Max';
    font-size: 20px;
    font-weight: 500;
    color: #000;
}
.gprix span {
    color: #e10600 !important;
}
.gpx {
    color: #e10600;
    font-weight: 700;
    font-family: 'PF DIN Max';
    font-size: 13px;
}
.venue {
    color: #000;
    font-family: 'PF DIN Max';
}
.empty10 {
margin:15px;
}
.f1live {
    font-family: 'PF DIN Max';
    color: #e10600 !important;
    text-align: right;
    font-size: 20px;
    font-weight: 500;
}
.round { 
    color: #e10600 !important;
    font-weight: 500;
    font-size: 24px;
    font-family: 'PF DIN Max';
    margin: 0;
}
 .arrowtitle {
    font-size: 15px;
    margin-left: 6px;
}
.title_f1 span {
    color: #e10600;
    font-size: 15px;
    margin-left: 6px;
}
span.seperator {
    color: #e10600 !important;
}
.title_f1 {
    letter-spacing: initial;
    color: #000;
    word-spacing: initial;
}
span.title_race_ins {
    font-family: 'PF DIN Max';
    font-weight: bolder;
    font-size: 20px;
}
.hour {
    font-family: 'PF DIN Max';
    font-size: 20px;
}
.teamf1 a img {
    width: 95%;
    text-align: center;
    display: block;
    margin-left: 2.5%;
}
.f1_teams_title {
    background: url(/images/f1/races_title_2.png);
    background-repeat: no-repeat;
    min-width: 320px;
    display: inline-block;
    min-height: 50px;
    float: right;
    margin-right: 25px;
    margin-top: 10px;
}

.news_content {
    position: relative;
}
    .news_content:before {
        position:absolute;
        content:'';
        left:-25px;
        top:20px;
        width:41px;
        height:90%;
        background-image:url(/images/f1/news_f1_left_bg_2.png);
        background-size:cover;
        background-repeat:no-repeat;

    }
        .news_content:after {
            position:absolute;
        content:'';
        right:-468px;
        top:20px;
        width:500px;
        height:90%;
        background-image:url(/images/f1/news_f1_right_bg_2.png);
        background-size:cover;
        background-repeat:no-repeat;
    }
.banner-placeholder.horizontal.bgf1banner {
    background: url(/images/f1/BG_BANNER_F1.jpg);
    background-repeat: no-repeat;
    background-position: center;
    min-height: 260px;
    background-size: contain;
    padding: 20px;
}
body {
    background: #000;
}
.news_content {
    display: flow-root;
}
.video_info p {
    color: #000;
}
.races_bg {
    background-image: url(/images/f1/BG_MINISITE_HOME_F1_SCHEDULE_SECTION.jpg);
    padding-bottom: 60px;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 20px 0px;
}
h2, h3, h4 {
    font-family: 'PF DIN Max';
}
.races_bg h2 {
    color: #ffffff;
    padding: 2px 0px 0px 170px; 
}
    .races_bg .site-main {
        background-color:transparent !important;
    }
    .races_bg h2 {
    }
.videoteaserarea .item.overlay a::before, .item.overlay a::before {
    bottom: -100px !important;
}
.bg_section_videos {
    padding: 22px !important;
    background-position: 7px 85px;
    background-size: 98% 82%;
    padding: 50px !important;
    height: 1100px;
}
.bg_section_tracks {
    background-image: url(/images/f1/LINES_MINISITE_HOME_F1_PISTES_2.png);
    background-repeat: no-repeat;
    padding: 22px !important;
    background-position: 7px 85px;
    background-size: 98% 78%;
    padding: 30px !important;
    height: 400px;
}
.tabs.matches {
    padding-top: 0px;
    font-size: 1.175rem;
    font-weight: 500;
    text-align: left;
    width:100%;
    margin: 10px 0px 20px 0px;
}

.tabs.matches li {
    width: auto;
    margin-right: 10px;
    color: #c8c8c8;
    font-weight: 400;
}
.tabs.matches li a, .tabs.matches li {
    color:#c8c8c8;
    text-decoration: none;
}

.tabs.matches li.active,.tabs.matches li.active a {
    color:#FF0451;
    text-decoration: none;
    font-weight: 600;
} 
table {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
  color:#000;
}
.gray a {
    color: #9d9d9d !important;
}
thead tr {
    background: transparent !important ;
}
thead tr th {
    color: #9d9d9d;
    text-align: left;
    text-transform: inherit;
}
table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

table tr {
  padding: .35em;
  background-color: #fff;
}
  tbody tr:nth-child(even)
  {
    background: #f3f3f3;
  }
table th,
table td {
  padding: .625em;
  text-align: left;
}

table th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}

@media screen and (max-width: 600px) {
  table {
    border: 0;
  }
  .f1live {
    font-size: 14px !important;
}
    .bg_section_tracks {
        background-image:none;
            height: 300px;
    }
    .xmas-toolbar .previous, .xmas-toolbar .next {
        display:none;
    }
    .carousel .flickity-prev-next-button.previous {
         left:-25px !important;
    }
    .carousel .flickity-prev-next-button.next {
        right:-40px !important;
    }
    .date{
        margin-bottom: 20px;
        text-align:right !important;
    }
    .news_bg {
        display:none;
    }
    .bg_section_videos {
        background-image:none;
        height: auto;
        padding-bottom: 120px !important;
    }
    article.tracks.carousel-cell {
        width:100% !important;
        padding:0px !important;
    }
    .carousel.tracks {
        padding:0px !important;
    }
.month {
    margin: inherit !important;
    float: right;
    width: 70px;
    margin-top: -15px !important;
    text-transform: capitalize !important;
}
  table caption {
    font-size: 1.3em;
  }
  
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  table {
    text-align: left;
}
  thead {
    color: #9d9d9d;
    font-weight: 100;
}
  table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }
  
  table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  table td:last-child {
    border-bottom: 0;
  }
}
.watch-btn .progress {
    width: 48px;
    height: 55px;
    border-radius: 50%;
    position: relative;
    padding: 0;
    float: left;
    display: inline-block;
    margin-top: 10px;
    background-position: -199px -188px;
    background-size: 650px;
    border: 0px;
}
.site-sponsors h2 {
    text-align: center;
    color: #8A1437;
}
div#fifalogo {
    display: none !important;
}
.date {
    text-align: center;
    font-weight: bold;
    font-size: 19px;
    font-family: 'PF DIN Max';
}
.flag {
    float: right;
    width: 13%;
    margin-top: 0px;
}
.infobox {
    float: left;
}
.meta_gpx {
margin-bottom:10px;
clear:both;
}
.month {
    text-align: center;
    background-color: #ccc;
    max-width: 70px;
    border-radius: 10px;
    display: block;
    margin: 0 auto;
    font-family: 'PF DIN Max';
    text-transform:uppercase !important;
}
h3.stading_title a {
    color: #000;
}
        .live_btn {
            background: #C90000;
            width: 140px;
            text-align: center;
            font-size: 1.2rem;
            padding: 10px;
            border-radius: 1.5px;
            margin:60px 0px;
        }
.site-footer {
    background-color: #e10600;
}
.carousel.tracks {
    padding: 0px 75px 0px 37px;
}
article.tracks.carousel-cell {
    padding: 15px 10px;
    width: 360px;
}
.news .item .content-container {
bottom:30px; 
}
p.excerpt.visible__md {
    display: none;
}
h2 {
    color: #000000;
}
.webtv-btn a {
    margin: 40px auto;
    text-decoration: none;
    background: #e10600;
    padding: 10px 20px;
    min-width: 240px;
    display: inline-block;
    border-radius:3PX;
}
.watch-btn .progress canvas {
    position: absolute;
    top: -2px;
    left: -2px;
    display: none;
}
.banner-placeholder.light {
    background: #fff;
}
.watch-btn .title {
    padding-top: 5px;
}
.site-main {
    max-width: 1260px;
    margin: 0 auto;
    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;
         background-size: 100% !important;
            background-repeat: no-repeat;
             background-color:#fff
}
.site-sponsors h2 {
    text-align: center;
}


@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;
}

.eurosecondary {
    max-width: 300px;
   height: 250px;
    overflow: hidden;
    margin-bottom:20px;
}
.entry-video-side {
    float: left;
    width: 320px;
}
.videos h2 {
    color: #fff;
    font-weight: normal;
    font-size: 1rem;
    margin-bottom: 45px;
}
.item h2 {
    color: #fff;
    letter-spacing: normal;
    word-spacing: normal;
}
section.videoteaserarea {
    margin-left: -10px;
    padding-left: 0px;
}
article.item-portrait.carousel-cell {
     width: 31.3%;
            padding: 7px 15px;
            padding-top: 20px;
            margin: 0px 17px;
            min-height: 175px;
}
.carousel .carousel-cell {
    border:0px !important;
}
.secondteam div, .firsteam div {
    padding-top:5px;
    font-size: 1rem;
    font-weight:600;
}
.dategame {
    text-align: center;
    color: #8F2343;
    font-size:0.9rem;
       font-weight:600;
        margin-bottom: 15px;
}
.firsteam {
display: block;
    float: left;
    width: 35%;
    color: #575757;
    font-size: 0.8rem;
     padding: 20px 10px;
}
.secondteam {
display: block;
    float: left;
    width: 35%;
    color: #575757;
    font-size: 0.8rem;
    padding: 15px 7px;
}
.matchtime {
float: left;
    width: 30%;
    color: #575757;
    font-weight: bold;
    margin-top: 35px;
}
.firsteam img, .secondteam img {
    width: 90px;
    text-align: center;
    float: none !important;
}

        .matches button.flickity-prev-next-button.previous, .matches button.flickity-prev-next-button.next {
            background: transparent;
        }
        .matches .carousel .flickity-prev-next-button.next {
            right:-10px;
        }
/*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;
}*/
.sponsors_text {
    color: #666;
    font-size: 0.8rem;
    margin-bottom: 20px;
}

        @media (max-width: 600px) {
        .euromain, .eurosecondary {
    max-width: 100% !important;
    height: auto !important;
    float: none;
    margin-top: 20px;
        margin-right: 0px;
}
            article.item-portrait.carousel-cell {
                width:100%;
                padding:0px;
                margin:0px;
                min-height:auto;
            }
            .site-content-stadium {

                background-size: cover;
            }
            .entry-video-side {
    width: 100%;
}
          
        }
          .webtv-btn.site-main.site-sponsors {
    float: none;
}
          .banner-placeholder.horizontal {
    /*padding-top: 30px;*/
    padding-bottom: 30px;
}
  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%;
}

.centered {
    position: absolute;
    top: 85%;
    left: 50%;
    bottom: 0px;
    transform: translate(-50%, -50%);
    display: block;
    position: absolute;    
    padding: 5px 20px;
    vertical-align: bottom;
    z-index: 9;
    width: 100%;
    text-align: center;
    height: 75px;
    background: #000000a6;
}



  @media (min-width: 1920px) {
        div#fifalogo {
           left: calc(((100vw - 1920px) / 2) + 80px);
            width: 320px;
        }     
}

  .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;
       }
}

  /*NEXT PREV BUTTONS MENU*/
       button.flickity-prev-next-button.previous {
 
        background-image: url(/images/f1/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;
        }
.carousel .flickity-prev-next-button {
    background: transparent !important;
}
       button.flickity-prev-next-button.next {
     
            background-image: url(/images/f1/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*/

.euromain {
padding: 5px;

}
        @media (max-width: 1259px) {
            .entry-video-side{
                width:26%;
            }
            .euromain {
                width:46%;
            }
        }

          @media (max-width: 1219px) {
            .entry-video-side{
                width:25%;
                padding: 0px 7px;
            }
            .euromain {
                width:50%;
            }
        }

          
          @media (max-width: 1199px) {
            .entry-video-side{
                width:24%;
                padding: 0px 7px;
            }
            .euromain {
                width:50%;
            }
        }
           @media (max-width: 1039px) {
            .entry-video-side{
               width: 50%;
                padding: 15px;
            }
            .euromain {
                width: 100%;
                max-width: 100%;
                float: none;
            }
             .euromain a{
                width: 100%;
              
            }
            .eurosecondary {
                max-width:100%;
                height:auto;
                /* max-width: 300px; */
                /* height: 250px; */
               
            }
        }

        @media (max-width: 550px) {
            .entry-video-side{
               width: 100%;
                padding: 0px;
            }
            .euromain {
                width: 100%;
                max-width: 100%;
                float: none;
            }
             .euromain a{
                width: 100%;
              
            }
            .eurosecondary {
                max-width:100%;
                height:auto;
                /* max-width: 300px; */
                /* height: 250px; */
               
            }
        }

        @media (max-width: 700px) {
            .item h2 {
                font-size: 0.895rem;
                
            }
            .centered {
                height:50px;
            }
            .centered h2{
               padding: 0px;
            }
        }

        @media (max-width: 479px) {
            .centered {
                height: 50px;
                top: 97%;
            }
             .eurosecondary .f1-cc--image, .eurorest .f1-cc--image {
    max-height: 280px;
}
        }
 .matchtime div {
    font-size: 0.8em;
    font-weight: 500;
    padding-top: 10px;
}

 .f1-ccv--image {
    min-height: 100px !important;
}
 .footer-lines {
    margin-bottom: -51px !important;
}


                        .watch-btn a {
                        border-right: 0px solid #fff !important;
                    }
                        .toolbox-right {
                        max-width: 150px;
                    }

                        .live-mobile a, .members-controls a {
                            padding-right: 20px;
                            text-align: right;
                            text-decoration: none;
                            font-weight: bold;
                            font-size: 0.9rem;
                            font-weight: 400;
                        }

                        .live-mobile img {
                            width: 100px;
                            padding-top: 5px;                           
                        }
                        .live-mobile::after {
                            background:none;
                        }
                           @media (max-width: 767px) {       
                            .live-mobile, .members-controls {
                                max-width:50% !important;
                            }
                            .minisite-sections .carousel .flickity-prev-next-button.next {
                                right: -26px;
                            }
                           .live-mobile a, .members-controls a {
                               font-size:0.8rem;
                           }
                           
                              .toolbox-right {
                                max-width: 300px;
                            }
                        }

                        @media (max-width: 380px) {

                            .live-mobile a, .members-controls a {
                               font-size:0.5rem;
                           }
                           .live-mobile, .members-controls {
                                max-width: 60% !important;
                            }
                             .live-mobile img {
                            width: 60px;
                                                   
                            }
                        }
    
fieldset {
    border: 0px;
    margin: 0px;
    padding: 0px;
}
fieldset.f1-border {
max-width: 530px;
    float: left;
    border-top: solid 10px #e10600;
    border-right: solid 10px #e10600;
    border-top-right-radius: 25px;
    border-bottom: 0px;
    border-left: 0px;
    margin-right: 15px;
}
p.f1--title {
    transition: all 0.5s ease;
    font-family: 'Tektur';
    padding: 0px;
    margin: 0px;
    color: #000;
    font-weight: bold;
    line-height: 1.5;
    padding-bottom: 10px;
}
.euromain a:hover .f1--title {
    text-decoration:underline;
}
.euromain img {
     transition: all 0.5s ease;
}
.euromain a:hover img {
    transform: scale(1.03);
}
span.misc--tag {
    font-family: 'Tektur';
    font-size: 12px;
    color: #e10600;
}
.eurosecondary .content-container, .eurorest .content-container {
    transition: all 0.5s ease;
    position: relative;
    bottom: unset;
    padding: 0px;
    margin-top: 40px;
    border-color: #d0d0d2 !important;
    border-bottom-right-radius: 15px;
    border-right: solid 1px;
    border-bottom: solid 1px;
    padding-bottom: 15px;
}
.eurosecondary a:hover .content-container, .eurorest a:hover .content-container {
    border-color:red !important;
    margin-top: 30px;
}
.f1-cc--image img {
    transition: all 0.5s ease;
}
a:hover .f1-cc--image img {
    transform: scale(1.1);
}
.item a {
    position:initial;
}
.f1-cc--image {
    max-height: 160px;
    overflow: hidden;
}
.item.overlay a::before{
    background:none;
}
.item h2 {
        font-family: 'Tektur';
    color: #000;
    font-weight: 200;
    font-size: 16px;
}
.item:hover.overlay a::before {
    background: none;
}
.f1-ccm--image {
    max-height: 400px;
    overflow: hidden;
}
.webtv-btn a {
    transition: all 0.5s ease;
       font-family: 'Tektur';
}
.webtv-btn .arrow {
  border: solid #fff;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}
webtv-btn a .right {
        transition: all 0.5s ease;
}
.webtv-btn .right {
    transition: all 0.5s ease;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.webtv-btn a:hover .right {
    transition: all 0.5s ease;
    margin-left: 10px;
}
.bg_section_videos h2 {
       font-family: 'Tektur';
}
.bg_section_videos h2 .arrow {
      border: solid red;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    margin-bottom: 4px;
}
.bg_section_videos h2 .right {
           transition: all 0.5s ease;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.f1-videos-fs {
    border-top: 10px solid #000;
}
.f1-videos-lg-fs {
        padding-right: 15px;
}
.f1-videos-zone .content-container {
display: block;
    position: relative;
    bottom: 0;
    margin-top: 10px;
    padding: 0px 20px;
    transition: all 0.5s ease;
}
.f1-ccv--image {
    display: block;
    min-height: 195px;
    overflow: hidden;
    position: relative;
}
.f1-ccv--photo {
}
.f1-ccv--image::after {
    transition: all 0.5s ease;
    content: "\e907";
    font-family: icomoon!important;
    position: absolute;
    background-color: red;
    z-index: 999;
    left: 0;
    bottom: 0;
    padding: 10px;
    font-size: 20px;
    border-top-right-radius: 10px;
}

.f1-videos-zone a:hover .f1-ccv--image::after {
padding: 15px;
font-size: 23px;
}

.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; }
}
.f1logo {
    font-style: italic;
    font-family: 'Tektur';
    font-weight: bolder;
    font-size: 25px;
    display: block;
    text-align: center;
    line-height: 0.9;
}
img.drive-image-f1 {
    width: 50px;
    margin-right: 10px;
}
.footer-list li a, .copyright, .copyright2 {
    color: #fff;
}
.footer-list li {
    border-right: 1px solid #fff;
}
.item .content-container {
 
    left: 0rem;
  
}