Formula 1® Sim Racing

<!DOCTYPE html> <html lang="en"> <head> <meta name="facebook-domain-verification" content="ssb5id6huxmbz8ci68hgcj1lile3pw" /> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="description" content="Formula 1® Sim Racing is back for its 7th season! Compete against the fastest drivers in the world on F1® 23 and you could be signed by an offical F1® Team!"> <meta name="author" content="Codemasters PLC"> <meta http-equiv="Content-Type" content="text/html;; charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>Formula 1® Sim Racing</title> <link rel="shortcut icon" href="/bundles/f1microsite/images/favicon.ico?2.1.2" /> <meta property="og:url" content="http://f1esports.com/" /> <meta property="og:type" content="website" /> <meta property="og:title" content="F1® Sim Racing 2024" /> <meta property="og:description" content="Formula 1® Sim Racing is back for its 7th season! Compete against the fastest drivers in the world on F1® 23 and you could be signed by an offical F1® Team!" /> <meta property="og:image" content="http://f1esports.com/bundles/f1microsite/images/favicon.ico?2.1.2" /> <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-oi8o31xSQq8S0RpBcb4FaLB8LJi9AT8oIdmS1QldR8Ui7KUQjNAnDlJjp55Ba8FG" crossorigin="anonymous"> <script type="application/ld+json"> { "@context" : "http://schema.org", "@type" : "WebSite", "name" : "F1® Sim Racing 2024", "url" : "http://f1esports.com/" } </script>  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <script src="https://code.jquery.com/jquery-3.6.0.js"></script> <script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script>  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> <link rel="stylesheet" href="/compiled/base.css?2.1.2" media="screen" /> <style> #f1ms-pane * { -webkit-box-sizing: content-box!important; -moz-box-sizing: content-box!important; box-sizing: content-box!important; } #f1ms-pane *:before, #f1ms-pane *:after { -webkit-box-sizing: content-box!important; -moz-box-sizing: content-box!important; box-sizing: content-box!important; } .Site-header * { -webkit-box-sizing: content-box!important; -moz-box-sizing: content-box!important; box-sizing: content-box!important; } #f1ms-menu-inner:before, .Site-header *:after { -webkit-box-sizing: content-box!important; -moz-box-sizing: content-box!important; box-sizing: content-box!important; } .h1, .h2, .h3, h1, h2, h3 { margin-top: 13px; margin-bottom: 27px; } /* FONT SIZES */ .font8 {font-size:8px;}.font10 {font-size:10px;}.font12 {font-size:12px;}.font14 {font-size:14px;}.font16 {font-size:16px;}.font18 {font-size:18px;}.font20 {font-size:20px;}.font22 {font-size:22px;}.font24 {font-size:24px;}.font26 {font-size:26px;}.font28 {font-size:28px;}.font30 {font-size:30px;}.font32 {font-size:32px;}.font34 {font-size:34px;}.font36 {font-size:36px;}.font38 {font-size:38px;}.font40 {font-size:40px;}.font42 {font-size:42px;}.font44 {font-size:44px;}.font46 {font-size:46px;}.font48 {font-size:48px;}.font50 {font-size:50px;}.font52 {font-size:52px;}.font54 {font-size:54px;}.font56 {font-size:56px;}.font58 {font-size:58px;}.font60 {font-size:60px;}.font62 {font-size:62px;}.font64 {font-size:64px;}.font66 {font-size:66px;}.font68 {font-size:68px;}.font70 {font-size:70px;} /* PADDING */ .pad5 {padding:5px;}.pad10 {padding:10px;}.pad15 {padding:15px;}.pad20 {padding:20px;}.pad25 {padding:25px;}.pad30 {padding:30px;}.pad35 {padding:35px;}.pad40 {padding:40px;}.pad45 {padding:45px;}.pad50 {padding:50px;}.pad110 {padding:110px;} .padtop3 {padding-top:3px;}.padtop5 {padding-top:5px;}.padtop10 {padding-top:10px;}.padtop15 {padding-top:15px;}.padtop20 {padding-top:20px;}.padtop25 {padding-top:25px;}.padtop30 {padding-top:30px;}.padtop35 {padding-top:35px;}.padtop40 {padding-top:40px;}.padtop45 {padding-top:45px;}.padtop50 {padding-top:50px;}.padtop60 {padding-top:60px;}.padtop70 {padding-top:70px;}.padtop80 {padding-top:80px;}.padtop90 {padding-top:90px;}.padtop100 {padding-top:100px;}.padtop110 {padding-top:110px;}.padtop120 {padding-top:120px;}.padtop130 {padding-top:130px;}.padtop140 {padding-top:140px;}.padtop150 {padding-top:150px;}.padtop160 {padding-top:160px;}.padtop170 {padding-top:170px;}.padtop180 {padding-top:180px;}.padtop190 {padding-top:190px;}.padtop200 {padding-top:200px;}.padtop25response {padding-top:25%;} .padbot5 {padding-bottom:5px;}.padbot10 {padding-bottom:10px;}.padbot15 {padding-bottom:15px;}.padbot20 {padding-bottom:20px;}.padbot25 {padding-bottom:25px;}.padbot30 {padding-bottom:30px;}.padbot35 {padding-bottom:35px;}.padbot40 {padding-bottom:40px;}.padbot45 {padding-bottom:45px;}.padbot50 {padding-bottom:50px;}.padbot60 {padding-bottom:60px;}.padbot70 {padding-bottom:70px;}.padbot80 {padding-bottom:80px;}.padbot90 {padding-bottom:90px;}.padbot100 {padding-bottom:100px;}.padbot110 {padding-bottom:110px;}.padbot120 {padding-bottom:120px;}.padbot130 {padding-bottom:130px;}.padbot140 {padding-bottom:140px;}.padbot150 {padding-bottom:150px;} .padleft5 {padding-left:5px;}.padleft10 {padding-left:10px;}.padleft15 {padding-left:15px;}.padleft20 {padding-left:20px;}.padleft25 {padding-left:25px;}.padleft30 {padding-left:30px;}.padleft35 {padding-left:35px;}.padleft40 {padding-left:40px;}.padleft45 {padding-left:45px;}.padleft50 {padding-left:50px;}.padleft60 {padding-left:60px;}.padleft70 {padding-left:70px;}.padleft80 {padding-left:80px;}.padleft90 {padding-left:90px;}.padleft100 {padding-left:100px;}.padleft110 {padding-left:110px;}.padleft120 {padding-left:120px;}.padleft130 {padding-left:130px;}.padleft140 {padding-left:140px;}.padleft150 {padding-left:150px;}.padleft200 {padding-left:200px;}.padleft300 {padding-left:300px;}.padleft400 {padding-left:400px;}.padleft500 {padding-left:500px;}.padleft550 {padding-left:550px;}.padleft600 {padding-left:600px;}.padleft700 {padding-left:700px;} .padright5 {padding-right:5px;}.padright10 {padding-right:10px;}.padright15 {padding-right:15px;}.padright20 {padding-right:20px;}.padright25 {padding-right:25px;}.padright30 {padding-right:30px;}.padright35 {padding-right:35px;}.padright40 {padding-right:40px;}.padright45 {padding-right:45px;}.padright50 {padding-right:50px;}.padright55 {padding-right:55px;}.padright60 {padding-right:60px;}.padright65 {padding-right:65px;}.padright70 {padding-right:70px;} /* RESPONSIVE PADDING */ .padtop2response {padding-top:2%;}.padtop5response {padding-top:5%;}.padtop7response {padding-top:7%;}.padtop10response {padding-top:10%;}.padtop12response {padding-top:12%;}.padtop15response {padding-top:15%;}.padtop17response {padding-top:17%;}.padtop20response {padding-top:20%;}.padtop25response {padding-top:25%;}.padtop30response {padding-top:30%;}.padtop32response {padding-top:32%;}.padtop35response {padding-top:35%;}.padtop37response {padding-top:37%;}.padtop40response {padding-top:40%;}.padtop42response {padding-top:42%;} .padleft2response {padding-left:2%;}.padleft5response {padding-left:5%;}.padleft7response {padding-left:7%;}.padleft10response {padding-left:10%;}.padleft12response {padding-left:12%;}.padleft15response {padding-left:15%;}.padleft17response {padding-left:17%;}.padleft20response {padding-left:20%;}.padleft25response {padding-left:25%;}.padleft30response {padding-left:30%;}.padleft32response {padding-left:32%;}.padleft35response {padding-left:35%;}.padleft37response {padding-left:37%;}.padleft40response {padding-left:42%;}.padleft40response {padding-left:42%;}.padleft45response {padding-left:45%;}.padleft47response {padding-left:47%;}.padleft50response {padding-left:50%;} /* MARGIN */ .mar0 {margin:0;} .martop5 {padding-top:5px;}.martop10 {margin-top:10px;}.martop15 {margin-top:15px;}.martop20 {margin-top:20px;}.martop25 {margin-top:25px;}.martop30 {margin-top:30px;}.martop35 {margin-top:35px;}.martop40 {margin-top:40px;}.martop45 {margin-top:45px;}.martop50 {margin-top:50px;} .marbot5 {margin-bottom:5px;}.marbot10 {margin-bottom:10px;}.marbot15 {margin-bottom:15px;}.marbot20 {margin-bottom:20px;}.marbot25 {margin-bottom:25px;}.marbot30 {margin-bottom:30px;}.marbot35 {margin-bottom:35px;}.marbot40 {margin-bottom:40px;}.marbot45 {margin-bottom:45px;}.marbot50 {margin-bottom:50px;} .marleft5 {margin-left:5px;}.marleft10 {margin-left:10px;}.marleft15 {margin-left:15px;}.marleft20 {margin-left:20px;}.marleft25 {margin-left:25px;}.marleft30 {margin-left:30px;}.marleft35 {margin-left:35px;}.marleft40 {margin-left:40px;}.marleft45 {margin-left:45px;}.marleft50 {margin-left:50px;} .marright5 {margin-right:5px;}.marright10 {margin-right:10px;}.marright15 {margin-right:15px;}.marright20 {margin-right:20px;}.marright25 {margin-right:25px;}.marright30 {margin-right:30px;}.marright35 {margin-right:35px;}.marright40 {margin-right:40px;}.marright45 {margin-right:45px;}.marright50 {margin-right:50px;} /* WEIGHTS */ .light {font-weight:300;} .reg {font-weight:400;} .semi_bold {font-weight:600;} .bold {font-weight:700; } .xbold {font-family:800; } /* CASE */ .upper {text-transform:uppercase; } .lower {text-transform:lowercase; } /* TEXT POSITION */ .center {text-align:center;} /* FLOAT POSITION */ .float_right {float:right;} .float_left {float:left;} .float_center {margin:0 auto; } /*************************** COOKIE BOX ***************************/ #cookie_box { position: fixed; display: none; bottom: 0px; font-size: 0.8em; z-index: 1000; background:#393939; padding:5px; text-align:center; width:100%; color:#ffffff; } #cookie_box a:hover { color:#ffffff; text-decoration: underline } .cookie_box_close { font-family: "bentonsans"; font-size: 12px; color: #fff; background: #e10600; border: none; text-decoration: none; cursor: pointer; padding: 8px 15px; border: 0px none; text-transform: uppercase; border-radius: 5px; letter-spacing: .5px; float: right; margin: 55px 10px; white-space: nowrap; } /*Cookie Consent End*/ </style>  <link href="https://fonts.googleapis.com/css?family=Titillium+Web:400,400i,600,700" rel="stylesheet"> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script type="text/javascript" src="/bundles/f1microsite/js/picturefill.min.js?2.1.2"></script> <script type="text/javascript" src="/bundles/f1microsite/js/fontawesome.min.js?2.1.2"></script> <script type="text/javascript" src="/bundles/f1microsite/js/fontawesome.regular.min.js?2.1.2"></script> <script type="text/javascript" src="/bundles/f1microsite/js/fontawesome.solid.min.js?2.1.2"></script> <script type="text/javascript" src="/bundles/f1microsite/js/fontawesome.brands.min.js?2.1.2"></script> <script src="/bundles/fosjsrouting/js/router.js?2.1.2"></script> <script src="/js/routing?callback=fos.Router.setData"></script> <script type="text/javascript"> $(document).ready(function() { /****************** COOKIE NOTICE ******************/ if(getCookie('show_cookie_message') != 'no') { $('#cookie_box').show(); } $('.cookie_box_close').click(function() { $('#cookie_box').animate({opacity:0 }, "slow"); setCookie('show_cookie_message','no'); return false; }); }); function setCookie(cookie_name, value) { var exdate = new Date(); exdate.setDate(exdate.getDate() + (365*25)); document.cookie = cookie_name + "=" + escape(value) + "; expires="+exdate.toUTCString() + "; path=/"; } function getCookie(cookie_name) { if (document.cookie.length>0) { cookie_start = document.cookie.indexOf(cookie_name + "="); if (cookie_start != -1) { cookie_start = cookie_start + cookie_name.length+1; cookie_end = document.cookie.indexOf(";",cookie_start); if (cookie_end == -1) { cookie_end = document.cookie.length; } return unescape(document.cookie.substring(cookie_start,cookie_end)); } } return ""; } $(function() { $('#modal .close-button').click(closeLogin); $('#modal-overlay').click(closeLogin); }); function closeLogin() { var modal = document.querySelector("#modal"); var modalOverlay = document.querySelector("#modal-overlay"); modal.classList.toggle("closed"); modalOverlay.classList.toggle("closed"); return false; }; function openLogin() { $('.modal-guts').html('<iframe src="" title="login" width="400" height="300">' + '<p>Your browser does not support iframes. Please <a href="/login" title="login">login here</a> instead.</p>' + '</iframe>'); var path = '/login'; $('.modal-guts iframe').attr('src', path); openModal(); }; function openModal() { var modal = document.querySelector("#modal"); var modalOverlay = document.querySelector("#modal-overlay"); modal.classList.toggle("closed"); modalOverlay.classList.toggle("closed"); }; function removeCookies() { var res = document.cookie; var multiple = res.split(";"); for(var i = 0; i < multiple.length; i++) { var key = multiple[i].split("="); document.cookie = key[0]+" =; expires = Thu, 01 Jan 1970 00:00:00 UTC"; } } $(function() { loadCookieAgreement(); $('.onoffswitch-checkbox').change(toggleCookieAgreement); }); function loadCookieAgreement() { if ($.cookie('F1ESOK') == 1) $('.onoffswitch-checkbox').prop("checked", true); } function toggleCookieAgreement() { if ($(this).prop("checked")) { $.cookie('F1ESOK', 1); //user has agreed } else { $.cookie('F1ESOK', 0); //user has refused } } $(function() { loadCookieAgreement2(); $('#onoffswitch-funct').change(toggleCookieAgreement); }); function loadCookieAgreement2() { if ($.cookie('F1ESOK') == 1) $('#onoffswitch-funct').prop("checked", true); } function toggleCookieAgreement2() { if ($(this).prop("checked")) { $.cookie('F1ESFUNOK', 1); //user has agreed } else { $.cookie('F1ESFUNOK', 0); //user has refused } } $(function() { loadCookieAgreement2(); $('#onoffswitch-advert').change(toggleCookieAgreement); }); function loadCookieAgreement2() { if ($.cookie('F1ESOK') == 1) $('#onoffswitch-advert').prop("checked", true); } function toggleCookieAgreement2() { if ($(this).prop("checked")) { $.cookie('F1ESADOK', 1); //user has agreed } else { $.cookie('F1ESADOK', 0); //user has refused } } </script> <style> .truste_box_overlay { position: absolute; z-index: 3999998; top: 0px; left: 0px; bottom: 0px; right: 0px; border-radius: 5px; padding: 10px; background: url(https://downloads.f1esports.com/web-assets/img/trans.png); width: 80%; max-width: 660px; min-width: 220px; margin: 20px auto; box-sizing: content-box; height: 560px; } .popup-overlay { /*Hides pop-up when there is no "active" class*/ visibility: hidden; position: absolute; width: 50%; height: 50%; left: 25%; } .popup-overlay.active-cookie { /*displays pop-up when "active" class is present*/ visibility: visible; text-align: center; position:fixed; z-index:99999; } .popup-content { /*Hides pop-up content when there is no "active" class */ visibility: hidden; } .popup-content.active-cookie { /*Shows pop-up content when "active" class is present */ visibility: visible; } .mainHeader h1 { display: inline-block; font-family: 'F1-Regular-Bold'; font-size: 14px; margin-bottom: 13px; letter-spacing: 0; line-height: 17px; } .mainHeader .logo { width: 160px; margin: 0 auto; } @media screen and (max-width: 767px) .mainContent .mainHeader p { font-size: 13px; text-align: justify; } .mainContent p { color: #38383f; margin: 11px 0; text-align: justify; font-size: 13px; letter-spacing: 0; line-height: 18px; } .mainContent { padding: 20px 20px 0 20px; direction: ltr; } .onoffswitch { position: relative; width: 65px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; } .onoffswitch-checkbox { display: none; } .onoffswitch-label { display: block; overflow: hidden; cursor: pointer; border: 2px solid #999999; border-radius: 9px; margin: 0; padding: 0; text-align: left; } .onoffswitch-inner { display: block; width: 200%; margin-left: -100%; transition: margin 0.3s ease-in 0s; } .onoffswitch-inner:before, .onoffswitch-inner:after { display: block; float: left; width: 50%; height: 19px; padding: 0; line-height: 19px; font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold; box-sizing: border-box; } .onoffswitch-inner:before { content: "ON"; padding-left: 10px; background-color: #FF1000; color: #FFFFFF; } .onoffswitch-inner:after { content: "OFF"; padding-right: 10px; background-color: #EEEEEE; color: #999999; text-align: right; } .onoffswitch-switch { display: block; width: 18px; margin: 0.5px; background: #FFFFFF; position: absolute; top: 0; bottom: 0; right: 45px; border: 2px solid #999999; border-radius: 9px; transition: all 0.3s ease-in 0s; } .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left: 0; } .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { right: 0px; } .button-container {float:right;} *:focus { outline: 0; } .button-container { float: right; /* text-align: right; */ padding-left: 15px; } </style> <div class="popup-overlay"> <div id="pop-div004451934926997936" class="popup-content truste_overlay" style="background-color: rgb(0, 0, 0); opacity: 0.6; position: fixed; z-index: 2999998; width: 100%; height: 100%; top: 0px; left: 0px; overflow: hidden;"></div> <div id="pop-div208742082765859844" class="popup-content truste_box_overlay" style="position: absolute; z-index: 3999998; top: 0px; left: 0px; bottom: 0px; right: 0px; border-radius: 5px; padding: 10px; background: url('https://downloads.f1esports.com/web-assets/img/trans.png'); width: 80%; max-width: 660px; min-width: 220px; margin: 20px auto; box-sizing: content-box; height: 560px;"> <div id="pop-div304465914550132233" class="truste_box_overlay_inner" role="dialog" aria-label="Your choices regarding the use of cookies on this site" style="position: relative; width: 100%; height: 560px; outline: none;"> <img src="https://downloads.f1esports.com/web-assets/img/transparent.png" alt="transparent background" style="display: block; width: 100%; height: 100%;"> <div id="pop-frame048512826193251013" title="F1Esports Cookie Consent Manager"scrolling="no" style="border: 0px; border-radius: 2px; overflow: hidden; background: rgb(255, 255, 255); display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 560px;"> <div> <div class="mainContent" aria-hidden="false" style=""> <div class="gdpr"><div class="mainHeader consentHeader"> <div class="logo"><img alt="Logo" src="https://downloads.f1esports.com/web-assets/img/f1-logo.png" style="width: 100%;"></div> <h1><span style="color:#15151e;">Cookies and Related Technologies on This Site</span></h1> <p>Please choose whether this site may use cookies or related technologies (“Cookies”) as described below. You can learn more about how this site uses cookies and related technologies by reading our privacy policy linked below.</p> </div> <div aria-hidden="true" style="display: none;"></div> <div class="prefPanel"> <div tabindex="0" role="group" aria-label="Required Cookies. These cookies are required to enable core site functionality."> <div class="cookiecat"> <span class="gwt-InlineHTML"><h3>Required Cookies</h3></span> <div class="row"> <div class="col-sm-12 col-md-9"> <div class="text-container-cookies"> <span class="gwt-InlineHTML">These cookies are required to enable core site functionality.</span> </div> </div> <div class="col-sm-12 col-md-2"> <div class="button-container"> <div class="onoffswitch"> <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="myonoffswitch"> <label class="onoffswitch-label" for="myonoffswitch"> <span class="onoffswitch-inner"></span> <span class="onoffswitch-switch"></span> </label> </div> </div> </div> </div> <div></div> <span class="gwt-InlineHTML"><h3>Functional Cookies</h3></span> <div class="row"> <div class="col-sm-12 col-md-9"> <div class="text-container-cookies"> <span class="gwt-InlineHTML">These cookies allow us to analyze site usage so we can measure and improve performance.</span> </div> </div> <div class="col-sm-12 col-md-2"> <div class="onoffswitch"> <input type="checkbox" name="onoffswitch-funct" class="onoffswitch-checkbox" id="myonoffswitch1"> <label class="onoffswitch-label" for="myonoffswitch1"> <span class="onoffswitch-inner"></span> <span class="onoffswitch-switch"></span> </label> </div> </div> </div> <div></div> <span class="gwt-InlineHTML"><h3>Advertising Cookies</h3></span> <div class="row"> <div class="col-sm-12 col-md-9"> <div class="text-container-cookies"> <span class="gwt-InlineHTML">These cookies are used by advertising companies to serve ads that are relevant to your interests.</span> </div> </div> <div class="col-sm-12 col-md-2"> <div class="button-container"> <div class="onoffswitch"> <input type="checkbox" name="onoffswitch-advert" class="onoffswitch-checkbox" id="myonoffswitch2"> <label class="onoffswitch-label" for="myonoffswitch2"> <span class="onoffswitch-inner"></span> <span class="onoffswitch-switch"></span> </label> </div> </div> </div> </div> <div><br></div> </div> </div> </div> <div class="optedOutMessage hidden"></div> <div class="warningMessage warningMessageHttps warningMessageOptoutFailed" tabindex="0" aria-hidden="true" style="display: none;"><div class="gwt-HTML">Some opt-outs failed. Opt-out requests responded with error or timeout. Please try again</div></div> <div aria-hidden="true" style="display: none;"></div> <div class="pdynamicbutton" style="visibility: visible;"><div aria-hidden="true" tabindex="0" class="warningMessage warningMessageHttps" style="display: none;"></div> <div class=""></div> </div></div></div> <div aria-hidden="true" tabindex="0" class="warningMessage" style="display: none;"></div> <div class="footer" role="contentinfo" aria-hidden="false" style=""><div class="privacy-content" style="padding-top:10px;"> <a id="privacyPolicyAnchor" href="https://f1esports.com/legal-notice#cookies" target="_blank"><span style="padding-left:0px;height:20px;vertical-align:middle">Privacy Policy</span></a></div> <div class="center"><select class="gwt-ListBox" aria-hidden="true" style="display: none;"></select></div> <div></div> <div></div> <br class="spacing"></div></div> </div> <div id="closebtn-id0.07237882238832216" style="position: absolute; top: -20px; right: -20px;"> <a aria-label="close button" role="button" tabindex="1" style="cursor: pointer;"> <img id="pop-close-cookies" alt="close button" src="https://downloads.f1esports.com/web-assets/img/closebtn.png" style="border: 0px;"> </a> </div> </div> </div> </div> <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/jqc-1.12.4/dt-1.10.15/fh-3.1.2/r-2.1.1/datatables.min.css"/> <script type="text/javascript" src="https://cdn.datatables.net/v/dt/jqc-1.12.4/dt-1.10.15/fh-3.1.2/r-2.1.1/datatables.min.js"></script> <link rel="stylesheet" href="https://vjs.zencdn.net/6.2.5/video-js.css" media="screen" /> <link rel="stylesheet" href="/wp-content/themes/f1esports/css/news.css" media="screen" /> <link rel="stylesheet" href="/bundles/f1microsite/css/info.css?2.1.2" media="screen" /> <link rel="stylesheet" href="/compiled/homepage.css?2.1.2" media="screen" /> <script type="text/javascript"> var final = new Date("November 25, 2017 16:00:00 UTC"); var finalEnd = new Date("November 25, 2017 19:00:00 UTC"); var $table, round, end = final, now = new Date(); var full = false; if (now > final) { end = finalEnd; } else { end = final; } $(function() { // Grab a handle to the video var video = document.getElementById("f1esports-video"); // Turn off the default controls video.controls = false; // $('#home-leaderboard ul a').click(function() { // //alert($(this).data('platform')); // $table.ajax // .url(Routing.generate('scores', {skip: 0, round: 19, platform: $(this).data('platform'), take: 10})) // .load(null, false); // $('#home-leaderboard ul a.active').removeClass('active'); // $(this).addClass('active'); // return false; // }); // renderLeaderboard(); // Leaderboard Call // var nsOptions = { // sliderId: "ninja-slider", // transitionType: "fade", // autoAdvance: true, // rewind: true, // delay: 5000, // transitionSpeed: "default", // aspectRatio: "?:100%", // "?:100%" is for responsive scaling based on window height // initSliderByCallingInitFunc: false, // shuffle: false, // startSlideIndex: 0, //0-based // navigateByTap: false, // pauseOnHover: false, // keyboardNav: true, // before: null, // license: "b21259" // }; // var nslider = new NinjaSlider(nsOptions); //if (Math.max(document.documentElement.clientWidth, window.innerWidth || 0) >= 768) // skrollr.init({}); // Refresh Skrollr after resizing our sections //s.refresh($('.homeSlide')); $('#home-intro .more').click(function() { $('#home-intro p').show("slow", function() { $('#home-intro .more').hide(); $('#home-intro .f1ms-cta-btn').show("fast"); }); return false; }); $('#home-leaderboard .tabs li a').click(function(){ $.ajax({ type: 'get', dataType: 'html', url: Routing.generate('leaderboard_qualified', {round:$(this).data('route')}), success: function(data) { $('#home-leaderboard .driver-tiles-wrap').html(data); if (full) $('.driver-tiles').css('visibility', 'visible'); }, error: function(obj, msg, exception) { $('#home-leaderboard .driver-tiles-wrap').html(msg); } }); $('#home-leaderboard .tabs .active').removeClass('active'); $(this).addClass('active'); return false; }); $('#home-leaderboard .more').click(function() { $('#home-leaderboard-inner').css('max-height', '1000px'); $('.driver-tiles').css('visibility', 'visible'); $(this).hide(); full = true; return false; }); }); function showCountdown() { // if (now > finalEnd) { // $('.slider-countdown-inner h3').html('Season 2017 has ended'); // $('.slider-wrap .f1ms-cta-btn').hide(); // } else if (now > final) { // $('.slider-countdown-inner h3').html('Final stream is live'); // } else { // $('.slider-countdown-inner h3').html('Final starts in'); // $('#countdown').css('visibility', 'visible'); // $('.slider-wrap .f1ms-cta-btn').hide(); // } } function renderLeaderboard() { $table = $('.datagrid table') .on('xhr.dt', function (e, settings, json, xhr) { //after ajax request, capture the total row count total = json.total; //and last updated date if (json.updated) lastupdate = json.updated //and gamertags for highlighting the driver's results gamertags = json.gamertags; }) .DataTable({ "scrollY": "335px", "scrollCollapse": true, "searching": false, "paging": false, "ordering": false, "ajax": { url: Routing.generate('scores', {skip: 0, round: 19, platform: 0, take: 10}), dataSrc: 'data' }, "responsive": { details: true }, "language": { //"zeroRecords": "Nothing found", "info": "", "infoEmpty": "You have no score yet. Try changing the platform." } }) .columns.adjust() .responsive.recalc(); } </script> <script src="https://downloads.f1esports.com/web-assets/js/owl.carousel.min.js"></script> <script type="text/javascript" src="https://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script>  <script type="text/javascript" src="/bundles/f1microsite/js/dscountdown.min.js?2.1.2"></script> <style type="text/css"> .f1-bg--carbonBlack { background-color: #15151e; } .carbon-bg { position:relative; display:block; width:100%; height:auto; } .carbon-bg::after { content: ""; background:url(https://downloads.f1esports.com/Images/2020/carbon-stripe.png); opacity: 0.5; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; } .white_bg { background-color:#fff; box-shadow: inset 0 0 20px rgba(0,0,0,0.15); } .rules-link:hover { text-decoration:none; cursor: pointer; } .slider-wrap-top { z-index: 2; clear: both; overflow: hidden; margin: 0 auto; position: absolute; left: 0; right: 0; top: 125px; /* bottom: 0; */ padding: 0 9px; } .white_txt { color:#fff; } .video_close { position: absolute; right: 20; top: 20; cursor: pointer; } @media (min-width: 1360px) .f1-collection .f1-cc--collection:after { height: 12px; } .f1-collection .f1-cc--collection:after { content: ''; display: block; background-image: url(https://downloads.f1esports.com/Images/2020/white-x1.png); background-size: 12px; transition: all 0.5s cubic-bezier(0.2, 0, 0.05, 1); height: 10px; position: absolute; bottom: 0; right: 0; left: 0; } .no-margin { margin: 0; } @media (min-width: 768px) { .f1-bold--m { font-size: 25px; line-height: 30px; color: #fff; } } .f1-bold--m { font-family: "F1-Regular-Bold"; font-size: 20px; line-height: 24px; } .f1-bold--s { font-family: "F1-Regular-Bold"; font-size: 20px; line-height: 24px; font-size: 25px; line-height: 30px; color: #fff; } .f1-color--white { color: #ffffff; } .f1-border--top-right legend { line-height: 1; text-align: left; padding-right: 20px; margin-right: 20px; } legend { padding: 0; } @media (min-width: 768px) { .f1-latest--curated .f1-race-hub--latest.f1-bg--colorTheme, .f1-latest--curated .f1-collection.f1-bg--colorTheme { padding: 40px 0; } } .f1-latest--curated .f1-race-hub--latest.f1-bg--colorTheme, .f1-latest--curated .f1-collection.f1-bg--colorTheme { padding: 30px 0; } .f1-collection { padding: 40px 0; border-bottom: solid 2px #000000; } .f1-bg--gray6 { background-color: #38383f; width: 100%; overflow-x: hidden; } @media (min-width: 1360px) { .f1-collection .f1-cc--collection--caption { bottom: 0; padding: 40px 30px; transform: none; top: auto; } } .f1-collection .f1-cc--collection--caption { position: absolute; right: 0; top: 50%; left: 0; padding: 30px; transform: translateY(-50%); transition: all 0.5s cubic-bezier(0.2, 0, 0.05, 1); height: 100%; } .f1-collection .f1-cc--collection { border-top-right-radius: 15px; border-top-left-radius: 15px; backface-visibility: hidden; position: relative; overflow: hidden; background: #000000; } .f1-cc { display: flex; overflow: hidden; position: relative; align-items: center; flex-wrap: wrap; } .f1-center { text-align: center; } @media (min-width: 768px) { .f1-image--hover-zoom { -webkit-transform: translate3d(0, 0, 0); } .f1-color--white { color: #ffffff; } .f1-collection .f1-cc--collection:hover:after, .f1-collection .f1-cc--collection:focus:after { background-image: url(https://downloads.f1esports.com/Images/2020/warmRed-x1.png); background-size: 12px; } } @media (min-width: 1360px) { .f1-collection .f1-cc--collection:after { height: 12px; } } .f1-collection .f1-cc--collection:after { content: ''; display: block; background-image: url(https://downloads.f1esports.com/Images/2020/white-x1.png); background-size: 12px; transition: all 0.5s cubic-bezier(0.2, 0, 0.05, 1); height: 10px; position: absolute; bottom: 0; right: 0; left: 0; } .f1-collection .f1-cc--collection { border-top-right-radius: 15px; border-top-left-radius: 15px; backface-visibility: hidden; position: relative; overflow: hidden; background: #000000; } .f1-cc { display: flex; overflow: hidden; position: relative; align-items: center; flex-wrap: wrap; } .f1-collection .f1-cc--collection:hover .f1-cc--collection--photo, .f1-collection .f1-cc--collection:focus .f1-cc--collection--photo { opacity: .4; } @media (min-width: 768px) { .no-touch .f1-image--hover-zoom:hover picture, .no-touch .f1-image--hover-zoom:focus picture { transform: scale(1.1); } } img.lazy.loaded { width:148%;} .f1-collection .f1-cc--collection--photo { display: block; width: 100%; height: 275px; opacity: .6; } @media (min-width: 768px) { .f1-image--hover-zoom picture { transform: scale(1); transition: transform 0.5s cubic-bezier(0.2, 0, 0.05, 1); } } .f1-center { text-align: center; } @media (min-width: 1360px) { .f1-collection .f1-cc--collection--caption { bottom: 0; padding: 40px 30px; transform: none; top: auto; } } .f1-collection .f1-cc--collection--caption { position: absolute; right: 0; top: 50%; left: 0; padding: 30px; transform: translateY(-50%); transition: all 0.5s cubic-bezier(0.2, 0, 0.05, 1); height: 100%; } .f1-collection .f1-cc--collection--caption p { position: relative; top: 50%; transform: translateY(-50%); } @media (min-width: 768px) { .f1-bold--m { font-size: 25px; line-height: 30px; } } .f1-bold--m { font-family: "F1-Regular-Bold"; font-size: 20px; line-height: 24px; } .f1-collection .f1-cc--collection:after { content: ''; display: block; background-image: url(https://downloads.f1esports.com/Images/2020/white-x1.png); background-size: 12px; transition: all 0.5s cubic-bezier(0.2, 0, 0.05, 1); height: 10px; position: absolute; bottom: 0; right: 0; left: 0; } .f1-border--top-right { border-top: solid 10px #e10600; border-right: solid 10px #e10600; border-top-right-radius: 15px; padding-top: 10px; padding-right: 10px; } .f1-border-color--carbonBlack { border-color: #15151e !important; } @media (min-width: 1360px) { .f1-collection .f1-cc--collection:after { height: 12px; } } .f1-border--top-right legend { line-height: 1; text-align: left; padding-right: 20px; margin-right: 20px; } legend { padding: 0; } legend { display: block; padding-inline-start: 2px; padding-inline-end: 2px; border-width: initial; border-style: none; min-width:250px; border-color: initial; border-image: initial; } fieldset, figure { margin: 0; } fieldset { display: block; margin-inline-start: 2px; margin-inline-end: 2px; padding-block-start: 0.35em; padding-inline-start: 0.75em; padding-inline-end: 0.75em; padding-block-end: 0.625em; min-inline-size: min-content; border-width: 2px; border-style: groove; border-color: threedface; border-image: initial; } fieldset { border: 0; padding: 0; } .f1-border-color--carbonBlack { border-color: #15151e !important; } .f1-border--top-right { border-top: solid 10px #e10600; border-right: solid 10px #e10600; border-top-right-radius: 15px; padding-top: 10px; padding-right: 10px; } @media (min-width: 768px) { .f1-border--top-right { border-top-right-radius: 25px; padding-top: 20px; padding-right: 20px; } } a:focus, a:hover { color: inherit!important; } @media (min-width: 768px) .f1-image--hover-zoom { -webkit-transform: translate3d(0, 0, 0); } .f1-bold--t { font-size: 25px; line-height: 30px; color: #fff; font-family: "F1-Regular-Bold"; font-size: 35px; line-height: 35px; } .f1-bold--t { display: block; } .f1-bold--s { display: none; } a.f1-cc.f1-cc--collection.f1-color--white.f1-center.f1-center.f1-image--hover-zoom:hover .f1-bold--t { display:none; transition: all 0.5s cubic-bezier(0.2, 0, 0.05, 1); transition-duration: .8s; transition-delay: .2s; } a.f1-cc.f1-cc--collection.f1-color--white.f1-center.f1-center.f1-image--hover-zoom:hover .f1-bold--s { display:block; transition: all 0.5s cubic-bezier(0.2, 0, 0.05, 1); transition-duration: .8s; transition-delay: .8s; } .f1-bold--t span { font-size: 50px; } .videoWrapper { position: relative; padding-bottom: 40.5%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 80%; height: 80%; margin: 40px auto; } .vid_pop_player { margin:5% auto; display:block; } .video_close { position: absolute!important; top: 20px; right: 20px; cursor: pointer; } .summary-container { padding-left: 54px; padding-right: 54px; } .summary-container:hover { animation: slide 1s right; animation-delay: 1s; animation-direction: left; transition: 1s; transform: scale(1.05); } .country { font-family: F1-Regular-Bold; font-size: 13px; line-height: 15px; margin: 0 auto; min-height: 70px; text-align: center; text-transform: uppercase; width: 90%; } .country .flag { display: block; height: 32px; margin: 0 auto 10px; width: 48px; } .country .name { color: #fff; margin: 2px 0 0; font-size: 18px; } .country { margin-top:25px; } .show-title { text-align: center; font-family: 'F1-Regular-Bold'; color: #8a8a8a; text-transform: uppercase; font-size: 14px; margin-top: 14px; } .date-container span { font-family: 'F1-Regular-Bold'; } .date-container { text-align: center; font-family: 'F1-Regular'; margin-bottom:8px; } .country .flag img { width: 100%; height: 100%; border-radius: 5px; } .infographic-new-mobile { display:none; } .infographic-new { width:100%; } .driver-tiles li h3 { font-size:16px!important; width: 196px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #f1ms-body { width: 100%; padding: 59px 0 0 0!important; } #home-leaderboard #imagewrap { background: #15151e; /* background: url(https://downloads.f1esports.com/Images/pixel-background-v4.jpg) no-repeat center; */ padding-top: 50px; padding-bottom: 35px; background-size: cover; } *, *::before, *::after { box-sizing: border-box!important; } * { box-sizing: border-box; } .col-md-4.arrow { width: 30%; } .f1-lines { padding-right: 4px; padding-bottom: 8px; border-right: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; border-bottom-right-radius: 18px; height: 77px; } a#frontpagebutton.curve { width: 80%; height: 43px; font-size: 22px; font-weight: 500; padding: 3px; } a#frontpagebutton.curve { font-decoration:none; font-weight:550; } .col-md-4.arrow { position:relative; } .stage-arrow { position: absolute; right: -9px; top: 50%; height: 33px; width: auto; z-index: 600; } .col-md-4 .stage { min-height: 524px; width:97.3%; } .pro-draft-container { display: table; height: 290px; width: 100%; } .big-date { font-family: F1-Regular-Bold; font-size: 31px; text-transform: uppercase; display: table-cell; vertical-align: middle; } .take-part-para { text-transform: uppercase; } #team-container {display:none!important;} .take-part-para span { font-family: F1-Regular-Bold; font-size: 20px; text-transform: uppercase; } @media (min-width: 768px) .collection-preview .tags-pattern { position: relative; padding-bottom: 0; } @media only screen and (-webkit-min-device-pixel-ratio: 2), not all, not all, not all, only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) .collection-preview .tags-pattern { background-image: url(/bundles/f1microsite/images/patterns/gray3-x2.png); } .collection-preview .tags-pattern { background-image: url(/bundles/f1microsite/images/patterns/gray3-x1.png); background-size: 30px; padding-bottom: 20px; } .series-header { text-align:center; font-family: 'F1-Regular-wide'; } .points-header { color: #fff; font-family: 'F1-Regular-Bold'; margin-top: 0px; margin-bottom: -6px; text-align: center; font-size: 10px; } .team-names { margin-top: 0px; margin-bottom: 0px; margin-left: 7px; } .constructor-points { margin-top: 0px; margin-bottom: 0px; text-align: center; background-color: rgba(255, 255, 255, 0.5); min-height: 40px; max-height: 70px; line-height: 37px; } .team-position { margin-top: 0px; margin-bottom: 0px; background-color: rgba(0, 0, 0, 0.58); padding: 2px; /* border-bottom-right-radius: 8px; */ /* width: 47px; */ line-height: 36px; min-height: 40px; max-height: 80px; /* margin-left: 8px; */ text-align: center; color: #fff; } .constructor-logo { height: 40px; text-align: right; } table.constructor-results { border-collapse:separate; border-spacing:5em; width:100%; } .driver-tiles a { padding:0px!important; } .not-selected h3 span { color: #a5130f!important; } li.not-selected { background: rgba(8, 8, 8, 0.04)!important; color: #adacac!important; } .not-selected span { color: #7b0502!important; } img.team-logo { display: block; margin: auto; padding: 18px; max-width:100%; width:300px; } .constructors-background { background: url(https://downloads.f1esports.com/web-assets/img/f1sr-red-background-textured.jpg) no-repeat center; padding-top: 50px; padding-bottom: 35px; background-size: cover; /*background-attachment: fixed;*/ } .background-info .info { display: none; } .background-info { z-index: -1; background: url(/bundles/f1microsite/images/f1-lb-bg.jpg) repeat; } .info { background:rgba(000,000,000,.2); } .info-inner { background:none!important; } table.dataTable.display tbody tr.odd { background: rgba(138, 4, 4, 0.7); color: #fff; } .overlay-team { background: rgba(255, 255, 255, 0.85); padding-top:25px; padding-bottom:30px; } .team-background { background-color: #a4a4a4; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' %3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='0' y1='0' y2='1' gradientTransform='rotate(0,0.5,0.5)'%3E%3Cstop offset='0' stop-color='%23000000'/%3E%3Cstop offset='1' stop-color='%23000000'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpattern id='b' width='14' height='14' patternUnits='userSpaceOnUse'%3E%3Ccircle fill='%23a4a4a4' cx='7' cy='7' r='7'/%3E%3C/pattern%3E%3Crect width='100%25' height='100%25' fill='url(%23a)'/%3E%3Crect width='100%25' height='100%25' fill='url(%23b)' fill-opacity='0.17'/%3E%3C/svg%3E"); background-attachment: fixed; } .slider-wrap-inner { position:relative; padding:0; } #text-container { background-color:rgba(000,000,000,.7); color:#fff; position: absolute; top: 59px; width: 100%; } .video-bg.home_three{position:fixed} section .video-bg{position:absolute;z-index:100;top:50%;left:50%;-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;background-size:cover;overflow:hidden} .video-bg{position:absolute;z-index:100;top:50%;left:50%;-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;background-size:cover;overflow:hidden} video { position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); } @media only screen and (max-width: 991px) { .videoContainer video { min-width: 100%!important; height: auto!important; } .col-md-4.arrow { width:97.3%; } } @media only screen and (max-width: 1200px) { .videoContainer { height: 80vh!important; } .col-md-4.arrow { width:97.3%; } } @media only screen and (max-width: 900px) { .videoContainer { height: 70vh!important; } .col-md-4.arrow { width:97.3%; } } @media only screen and (max-width: 800px) { .videoContainer { height: 50vh!important; } #text-container {display:none;} .col-md-4.arrow { width:97.3%; } } .video-js .vjs-tech { top:50%!important; left:50%!important; } .videoContainer { position:absolute; height:100%; width:100%; overflow: hidden; height: 100vh; margin-left: 0px;width:100%; } .videoContainer video { min-width: 100%; min-height: 100%; } video { object-fit: fill; } .video-subhead { font-weight: 200; font-size: 23px; margin-bottom: 15px; color:#fff; text-align:center; } f1esports-video:-webkit-full-screen { width: 100%!important; height: 100%!important; max-height: 100%!important; } #f1esports-video:-webkit-full-screen { width: 100%!important; height: 100%!important; max-height: 100%!important; } .videoContainer:fullscreen, .videoContainer:-ms-fullscreen, .videoContainer:-moz-full-screen, .videoContainer:-webkit-full-screen { top:0!important; left:0!important; position:absolute; width: 100%!important; height: 100%!important; } f1esports-video:-webkit-full-screen { width: 100%!important; height: 100%!important; max-height: 100%!important; } #f1esports-video:-webkit-full-screen { width: 100%!important; height: 100%!important; max-height: 100%!important; } .videoContainer:fullscreen, .videoContainer:-ms-fullscreen, .videoContainer:-moz-full-screen, .videoContainer:-webkit-full-screen { top:0!important; left:0!important; position:absolute; width: 100%!important; height: 100%!important; } .videoContainer video { min-width: auto; min-height: 100%; } video { object-fit: fill; } video { position: absolute; left: 50%; top: 50%; height:auto!important; width:100%!important; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .driver-tiles li { padding-top: 2px; padding-bottom: 2px; padding-right:2px; padding-left:2px; } #home-leaderboard-inner { max-height: 381px; padding: 20px 20px; } .stage { position:relative; } .we-are-here { position: absolute; left: 0%; right: 0%; bottom: 9px; color: #ffffffb0; } .stage { /* border: #d20903e8 solid 1px; */ color:#000; margin:2.5px; background: #ffffff; border-radius: 19px; /* outline: 2px shadow #000; */ /* position: relative; */ /* -moz-box-shadow: 1px 2px 2px 1.5px rgba(0, 0, 0, 0.33); */ /* -webkit-box-shadow: 1px 2px 2px 1.5px rgba(0, 0, 0, 0.33); */ /* box-shadow: 1px 2px 2px 1.5px rgba(0, 0, 0, 0.33); */ } .but-container { margin-top:30px; padding-bottom:20px; } #frontpagebutton { margin-top:14px; } .curve { border-radius:6px; } .take-part-intro { font-family:'F1-Regular'; } .f1ms-cta-btn { background: #e10600; border-radius:7px; } .take-part-title { padding-top: 10px; } .heading-text { font-family:F1-Regular-Wide; font-size:20px; margin-top:0px; } @font-face { font-family: 'F1-Regular-Wide'; src: url('/bundles/f1microsite/fonts/F1/F1_Display_WEB/F1-Display-Wide/Formula1_Display-Wide_web.woff2') format('woff2'), /* Super Modern Browsers */ url('/bundles/f1microsite/fonts/F1/F1_Display_WEB/F1-Display-Wide/Formula1_Display-Wide_web.ttf') format('truetype') /* Safari, Android, iOS */ } .take-part-number { font-size: 36px; padding-top: 23px; margin-bottom:8px; } .heading-background { width:100%; border-top-right-radius:19px;border-top-left-radius:19px; background-color:#f7f4f1; height:100%; border-bottom: 1px solid #e4e4e4; margin-bottom:14px; } p.take-part-para { font-family: 'F1-Regular'; margin:auto; } h2 span { color: #e10600; } h1 span { color: #e10600; } h3 span { color: #e10600; } .dataTables_scrollHead { font-family: 'F1-Regular'!important; background-color: rgba(247, 30, 30, 0.4); } th.sorting_disabled { font-family: 'F1-Regular'; } .slider-text h2 { font-family:'F1-Regular'!important; } .take-part-overlay { /*background-color: #e10600ed;*/ /* background-size: cover; */ clear: both; padding-top: 35px; padding-bottom: 15px; overflow: hidden; color: #fff; min-height: 277px; } .take-part-bg { background: url(https://downloads.f1esports.com/Images/infographic-background.jpg) center no-repeat; background-size: cover; clear: both; overflow: hidden; } .dataTables_scrollBody { max-height:450px!important; } .slider-countdown { height: 100%; position: relative; } .dataTable thead { color: white!important; } table.dataTable.display tbody tr.odd { background-color: rgba(160, 160, 160, 0.44); color: #fff!important; } table.dataTable.display tbody tr.odd:hover { background-color: rgba(160, 160, 160, 0.44); } table.dataTable tbody tr { background-color: rgba(185, 183, 183, 0.49); color: #fff!important; } table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover { background-color: rgba(185, 183, 183, 0.49); } a#lb-button { margin:5px; background-color: rgba(109, 108, 108, 0.55); padding: 2px 6px 3px 6px; color: #fff; border: 1px solid #000000; broder-radius:2px; text-align: center; text-decoration: none!important; font-family: 'F1-Regular'; } #home-news ul li a h4 { color: #000; margin: 20px 20px 20px 20px; font-size: 15px!important; /* letter-spacing: 1px; */ line-height: 18px; text-transform: capitalize; text-align:left; } #ninja-slider:before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+30,0.65+80 */ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,0.65) 80%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0.65) 80%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0.65) 80%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ z-index:1; } .news-article-text { font-size: 17px; font-family: 'F1-Regular'; font-weight: 500; } #news-image-parent { overflow:hidden; border-bottom-right-radius:18px; } .news-image-container { height: 242px; background-size: cover; background-repeat:none; } a .news-image-container { display:block; max-width: 100%; transition: all .4s ease-in-out; position:relative; z-index: 0; } a:hover .news-image-container { transform: scale(1.1);max-width: 100%; } .slider-wrap { z-index: 2; clear: both; overflow: hidden; margin: 0 auto; position: absolute; left: 0; right: 0; bottom: 0; padding: 0 9px; } .slider-text { text-align: center; color: white; } .slider-text h1 { font-family: 'F1-Regular'; line-height: 40px; font-weight: bold; font-size: 40px; letter-spacing: 1px; } .slider-text h2 { font-size: 17px; text-transform: none; /*margin: 25px 10px;*/ line-height: 25px; font-weight:normal; font-family:'Titillium Web', sans-serif; } .slider-text p { font-size: 18px; line-height: 26px; max-width: 700px; margin: 0 auto; font-family: 'F1-Regular'; display:none; } .slider-countdown-inner { font-family: 'F1-Regular'; color: white; text-align: center; margin: 30px auto 0 auto; clear: both; overflow: hidden; position: relative; } .dsCountDown.ds-custom { font-family: 'F1-Regular-Bold'!important; font-weight: bold!important; font-size: 40px; } .slider-countdown-inner h3 { font-size: 14px; font-family: 'F1-Regular'; text-transform: uppercase; color: #ccc; } .slider-countdown-inner #countdown { visibility:hidden; } .slider-wrap svg { font-size: 50px; color: white; margin: 35px auto 0 auto; display: block; opacity: 0.2; } #intro-border { height:3px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#60c1ba+0,0f0d0e+100 */ background: rgb(96,193,186); /* Old browsers */ background: -moz-linear-gradient(left, rgba(96,193,186,1) 0%, rgba(15,13,14,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(96,193,186,1) 0%,rgba(15,13,14,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(96,193,186,1) 0%,rgba(15,13,14,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60c1ba', endColorstr='#0f0d0e',GradientType=1 ); /* IE6-9 */ } .bcg { background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; height: 100%; width: 100%; position:relative; z-index:0; clear:both; overflow:hidden; } #home-final .bcg {background-image:url('/bundles/f1microsite/images/abu-dhabi_full.jpg')} #home-intro { clear:both; background:black; } #home-intro .bcg { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#218e9f+0,71e8d1+100 */ background: #218e9f; /* Old browsers */ background: -moz-linear-gradient(left, #218e9f 0%, #71e8d1 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #218e9f 0%,#71e8d1 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #218e9f 0%,#71e8d1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#218e9f', endColorstr='#71e8d1',GradientType=1 ); /* IE6-9 */ } #home-intro .bcg:before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.1; background: url('/bundles/f1microsite/images/geometric.jpg') center top no-repeat; background-size: 400%; z-index:-1; } #home-final h1:first-of-type { position: fixed; top: 30%; left: 30%; opacity:0; } #home-final h1:last-of-type { position: fixed; top: 35%; left: 50%; margin: 0 0 0 -50px; opacity:0; } #home-final-inner { text-align:center; } #home-final .f1ms-cta-link { max-width:none; } #home-intro-outer { text-align: center; width: 100%; max-width: 1600px; min-height: 100%; margin: 0 auto; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } a.lastpost_title { color: #000; font-family: 'Titillium Web', sans-serif; font-size:16px; } #home-intro-inner { margin: auto; padding: 70px 10px 50px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color:white; max-width:800px; } #home-intro h2 { margin-top:0; } #home-intro p { font-size: 16px; line-height: 24px; } #home-intro p a { color:#d31411; text-decoration: none; } #home-intro p a:hover { text-decoration: underline; } #home-intro h3 { font-size: 16px; font-weight: 500; font-family: 'Titillium Web', sans-serif; text-transform: uppercase; margin:10px 0 5px 0; } #home-intro ul { clear: both; overflow: hidden; margin-bottom:20px; } #home-intro li { text-align: center; margin-bottom:30px; } #home-intro li:last-of-type { margin-bottom:0; } #home-intro li span { background: #292929; color: white; display: block; width: 80px; height: 80px; border-radius: 40px; line-height: 80px; font-size: 124px; margin: 0 auto; } #home-intro li img { height: 15px; } #home-intro a.more { color: #292929; text-decoration: none; font-size: 14px; line-height: 16px; } #home-intro a.more svg { font-size: 16px; } #home-events { width: 100%; margin: 0 auto; padding: 50px 0 0 0; position:relative; background:white; } #home-final { height:100%; position:relative; } #home-final-outer { position: absolute; bottom: 0; left: 0; right: 0; margin: auto; border-bottom: 200px solid white; overflow: visible; } #home-final-inner { margin: 0 auto -160px auto; overflow: visible; padding: 20px 50px 0 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: white; padding: 10px; position: relative; max-width: 660px; } .splash-event { overflow: hidden; clear: both; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align:center; } .splash-event img { width: 100%; display:block; } .splash-event div { background: white; padding: 10px; position: relative; margin: -43px 5% 20px 5%; max-width:800px; } .splash-event h2 { margin:0; letter-spacing:-1px; } .splash-event h2 span { color: #888888; font-size: 80%; text-transform: none; } .splash-event h4 { color: #888; padding: 0; margin: 2px; font-weight: lighter; font-size: 13px; } .splash-event p { color: #333; line-height: 21px; margin-bottom: 20px; } #home-advert { width:100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#292929+0,361639+47,004d5f+100 */ background: #292929; /* Old browsers */ background: -moz-linear-gradient(left, #292929 0%, #361639 47%, #004d5f 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #292929 0%,#361639 47%,#004d5f 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #292929 0%,#361639 47%,#004d5f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#292929', endColorstr='#004d5f',GradientType=1 ); /* IE6-9 */ display:block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #home-advert a { float:left; overflow: hidden; display:block; width:100%; } #home-advert a img { width:100%; display:block; } #home-advert ul { margin: 0; padding: 0; overflow: hidden; text-align: center; float: left; width: 100%; min-height: 70px; position: relative; height: 70px; } #home-advert ul li { width: 90px; height: 100%; display: inline-block; position: relative; margin-right:30px; } #home-advert ul li:last-of-type { margin:0; } #home-advert ul li img { max-height: 100%; max-width: 100%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .splash-howto { background: #000; clear: both; color:white; padding:25px; width:100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ text-align:center; position:relative; z-index:1; } .splash-howto:before { content:''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; opacity: 0.2; background: url('/bundles/f1microsite/images/how-to-enter.jpg') center top no-repeat; -ms-background-size: cover; -o-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .splash-howto li:before { content: ''; background: white; width: 1px; display: block; margin: 0 auto; height: 50px; margin: 0 auto 10px auto; opacity: 0.4; } .splash-howto li:first-of-type:before { display:none; } .splash-howto span { background: white; color: #0a4058; display: block; width: 30px; height: 30px; line-height: 30px; border-radius: 20px; margin: 0 auto; font-size: 16px; font-family: "bentonsans"; font-weight: bold; } .splash-howto h2 { margin: 0 0 25px 0; } .splash-howto h3 { text-transform: uppercase; font-size: 15px; font-family: 'Titillium Web', sans-serif; letter-spacing: 1px; line-height: 16px; margin: 10px 0; } .splash-howto p { line-height: 20px; margin: 10px auto; max-width:480px; } .splash-howto img { width: 27%; max-width: 110px; margin: 10px 2%; } .splash-howto img:last-of-type { width: 23%; } .splash-howto a { color:white; text-decoration: none; font-style:italic; } .splash-howto .f1ms-cta-btn { display:none; } #home-news-inner { width: 100%; margin: 0 auto; clear: both; overflow: hidden; padding: 50px 0 0 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #home-news-inner h2 { text-align: center; margin:0 25px 40px 0; } #home-news ul { clear:both; overflow:hidden; } .home-news-shadow{ box-shadow: 3px 3px 3px #333; } #home-news ul li { display:inline-block; width: 100%; padding: 0 25px 25px 0; overflow: hidden; margin:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #home-news ul li:after{ content:''; clear:both; display:block; } #home-news ul li:nth-last-of-type(-n+2) { padding-bottom:0; } #home-news ul li a { background: white; display: block; height: auto; font-family: 'Titillium Web', sans-serif; letter-spacing: 1px; font-size: 15px; color: black; text-decoration: none; line-height: 26px; overflow:hidden; } #home-news ul li a img { display:block; width:100%; transition: all .4s ease-in-out; position:relative; z-index: 0; } #home-news ul li a:hover img { transform: scale(1.1); } #home-news ul li a h3 { padding: 20px 0 0 0; margin: 0; background: white; z-index: 1; position: relative; font-size: 15px; line-height: 20px; height:60px; overflow:hidden; } #home-news .f1ms-cta-link { margin-top: 0; } #info-suzuka, #video-suzuka { display:none; } .home-video-left { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-size:cover; position: relative; cursor: pointer; overflow:hidden; } .home-video-left:after { padding-top: 56.25%; display: block; content: ''; } .home-video-right { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-size:cover; position: relative; cursor: pointer; overflow:hidden; float:right; width: 33.32%; } .home-video-right:after { padding-top: 56.25%; display: block; content: ''; } .home-video-right:last-of-type { border-top:1px solid #60C1BA; } #home-intro .video-js { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: auto; height: auto; } #home-intro .vjs-poster { transition: all .4s ease-in-out; } #home-intro .vjs-big-play-button { left: 50%; top: 50%; margin: -23px 0 0 -45px; } .home-video-left:hover .vjs-poster, .home-video-right:hover .vjs-poster { transform: scale(1.1); } .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; visibility: hidden; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #home-leaderboard-inner > h2 { text-align: center; } @media (min-width: 370px) { .slider-text p { display:block; } } @media (min-width: 420px) { #ninja-slider .caption { font-size: 50px; } #ninja-slider #sl-countdown .caption { bottom: 12%; margin-bottom: 460px; } #home-news ul li { width: 50%; } #home-intro li { float: left; width: 33%; margin-bottom:0; } } @media (min-width: 650px) { .splash-event { text-align:left; } .splash-event#qualifiers, .splash-event#abu { padding:40px 0 0 0; } .splash-event#qualifiers, .splash-event#abu { padding:0 0 60px 0; } .splash-event#london { padding: 0 0 60px 0; } .splash-event img { width: 50%; float: left; position: initial; } .splash-event#qualifiers img, .splash-event#abu img { float:right; } .splash-event div { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 50%; padding: 10px 30px 0 30px; margin:0; } .splash-event#qualifiers div, .splash-event#abu div { float:right; } .splash-event p { font-size: 90%; } .splash-event .f1ms-cta-link { max-width: none; display:inline; } .home-video-left { float:left; width: 66.68%; } .home-video-left { border-right:1px solid #60C1BA; } .home-video-right { display:block; } #home-advert { padding:15px; } #home-advert a { width:50%; } #home-advert ul { width:50%; position:absolute; top:0; right:0; bottom:0; height:auto; } .slider-text h2 { font-size: 17px; } .ds-custom .ds-element { margin-right: 20px; } .ds-custom .ds-element-title { font-size: 13px; line-height: 69px; } .ds-custom .ds-element-value { font-size: 24px; } } @media (min-width: 1024px) { .splash-event { width: 76%; margin: 0 auto; min-width:700px; max-width:1200px; } .splash-event p { font-size: 100%; line-height: 24px; } .splash-event div { padding: 0 30px 0 0; } .splash-event#london div { padding: 0 0 0 30px; } .info .splash-event { width:800px; } .info .splash-event div { margin-left:0; } .splash-howto { padding: 100px 0; } .splash-howto h2 { margin-bottom:50px; } .splash-howto .f1ms-cta-btn { display:block; font-style: normal; margin-top: 3%; } .news-image-container { height: 255px; } } @media (min-width: 1080px) { .news-image-container { height: 200px; } } @media (min-width: 1200px) { #home-news ul li { width: 25%; } #home-advert ul li { width: 130px; margin-right:40px; } .news-image-container { height: 295px; } } @media (min-width: 1400px) { .news-image-container { height: 255px; } } .f1ms-cta-white-btn { width: 200px; background: #fff; color: #000 !important; border-radius: 5px; text-transform: uppercase; font-size: 14px; height: 36px; outline: 0; font-family: 'Titillium Web', sans-serif; letter-spacing: 1px; cursor: pointer; margin: 0 auto; display: block; text-decoration: none; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 0; white-space: nowrap; min-width: 130px; line-height: 36px; } @media screen and (min-width: 0px) and (max-width: 700px) { #mobile-vid { display: block; } #desktop-vid { display: none!important; } .col-md-4.arrow {width:96.8%;} } @media screen and (min-width: 701px) and (max-width: 1024px) { #desktop-vid { display: block; } #mobile-vid { display: none!important; } } </style> <script type="text/javascript"> if( (self.parent && !(self.parent===self)) &&(self.parent.frames.length!=0)){ self.parent.location=document.location } </script> <script type="text/javascript"> if(document.referrer.indexOf("f1deck.com") != -1) { window.location = "http://www.youtube.com/watch_popup?v=oHg5SJYRHA0"; } </script>  <script> var _comscore = _comscore || []; _comscore.push({ c1: "2", c2: "26086230" }); (function() { var s = document.createElement("script"), el = document.getElementsByTagName("script")[0]; s.async = true; s.src = (document.location.protocol == "https:" ? "https://sb" : "http://b") + ".scorecardresearch.com/beacon.js"; el.parentNode.insertBefore(s, el); })(); </script> <noscript> <img src="https://sb.scorecardresearch.com/p?c1=2&c2=26086230&cv=2.0&cj=1" /> </noscript>   <script> (function(h,o,t,j,a,r){ h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; h._hjSettings={hjid:947507,hjsv:6}; a=o.getElementsByTagName('head')[0]; r=o.createElement('script');r.async=1; r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; a.appendChild(r); })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv='); </script> </head> <body class="Site"> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-104919384-1', 'auto'); ga('send', 'pageview'); </script> <div id='skrollr-body'> <header class="Site-header"> <style> //// NEW ONE //// .global-header { height:45px; z-index: 500; display: inline-flex; } #f1ms-menu { top: 39px; } .fia-logo { width:35px; opacity:.4; } /*Filter styles*/ .saturate { filter: saturate(3); } .grayscale { filter: grayscale(100%); } .contrast { filter: contrast(160%); } .brightness { filter: brightness(0.25); } .blur { filter: blur(3px); } .invert { filter: invert(100%); } .sepia { filter: sepia(100%); } .huerotate { filter: hue-rotate(180deg); } .rss.opacity { filter: opacity(50%); } .fia-container { float:left; } .formula-titles { list-style: none; display: inline-block; float:left; } .global-links { float: right; margin-top: 3px; } .f1-tv-logo-container { float: right; margin-top: 7px; } .f1-tv-logo { } .global-link-item { display:inline-block; } .global-header .f2-f3-nav a { font-family: F1-Regular-Bold; font-size: 12px; margin-right: 20px; color: #949498; } .f2-f3-nav { margin-left:8px; margin-top:8px; } .fia-logo-container { margin-top:8px; margin-right:9px; } .global-header .global-links li a { font-size: 14px; letter-spacing: .2px; display: block; color: #15151e; position: relative; padding: 10px 10px 10px 0; margin: 3px 13px; border: solid 1px #d0d0d2; border-top: 0; border-left: 0; border-bottom-right-radius: 10px; line-height: 23px; } @media (min-width: 889px) { .global-header .global-links li a { font-size: 12px; border: none; padding: 2px 0 6px; } .global-header a { font-weight: 600; } .global-header .global-links li.f1tv a:after, .global-header .global-links li.f1tv a:before { content: ""; height: 25px; width: 1px; display: block!important; background-color: #d0d0d2!important; position: absolute; top: 50%; transform: translateY(-50%); margin-right:5px; } .global-header .global-links li a:active, .global-header .global-links li a:focus, .global-header .global-links li a:hover { color: #e10600!important; text-decoration: underline!important; } } .global-header a { display: block; font-family: "Titillium Web",Helvetica,sans-serif; font-weight: 600; text-transform: uppercase; } a:focus, a:hover { text-decoration:none!important; } @media (max-width: 888px) { .global-header {display:none!important;} #f1ms-menu {top:0!important;} } .global-header { z-index: 99999; position: relative; background-color: #fff; /* display: block; */ /* position: absolute; */ width: 100%; } </style> <div class="global-header"> <div class="fluid_container">  <div class="formula-titles"> <div class="divider-line"></div> <div class="f2-f3-nav global-link-item"> <ul> <li class="global-link-item" style="margin-left:18px!important;"> <a href="https://formula1.com" class="f2f3-black"> <span>F1<sup>®</sup></span> </a> </li> <li class="global-link-item" > <a class="f2f3-grey" href="http://www.fiaformula2.com/" target="_blank"> <span>F2<sup>™</sup></span> </a> </li> <li class="global-link-item" > <a class="f2f3-grey" href="http://www.fiaformula3.com/" target="_blank"> <span>F3<sup>™</sup></span> </a> </li> </ul> </div> </div> <div class="f1-tv-logo-container"> <div class="f1-tv-logo"> </div> </div> <div class="global-links"> <ul class="global-link-list"> <li class="global-link-item" ><a href="https://www.f1authentics.com/" target="_blank" rel="noopener" data-locationinpage="navigation" data-pathtype="external">Authentics<span class="icon icon-chevron-right"></span></a></li> <li class="global-link-item" ><a href="https://f1store.formula1.com/en/?_s=bm-fi-f1-prtsite-gaming-230720-jm" target="_blank" rel="noopener" data-locationinpage="navigation" data-pathtype="external">Store<span class="icon icon-chevron-right"></span></a></li> <li class="global-link-item" ><a href="https://tickets.formula1.com" target="_blank" rel="noopener" data-locationinpage="navigation" data-pathtype="external">Tickets<span class="icon icon-chevron-right"></span></a></li> <li class="global-link-item" ><a href="https://tickets.formula1.com/en/h-formula1-hospitality" target="_blank" rel="noopener" data-locationinpage="navigation" data-pathtype="external">Hospitality<span class="icon icon-chevron-right"></span></a></li> <li class="global-link-item" ><a href="https://f1experiences.com/calendar-of-events" target="_blank" rel="noopener" data-locationinpage="navigation" data-pathtype="external">Experiences<span class="icon icon-chevron-right"></span></a></li> <li class=" global-link-item f1tv"> <a href="https://f1tv.formula1.com/en/" data-locationinpage="navigation" data-pathtype="external" target="“_blank”"> <img src="https://www.formula1.com/etc/designs/fom-website/images/f1-tv-logo.svg" alt="F1 TV Logo" width="72" height="12" style="padding-left: 24px;padding-right: 24px;"> </a> </li> </ul> </div> </div> </div> <style> .global-nav-mob { background-color: #ffffff; } ul.expand { background-color: #000; } </style> <div id="f1ms-menu"> <div id="f1ms-menu-inner"> <ul id="desktop-menu"> <li class="has-sub "> <a href="#" title="World Championship" id="pro-series">World Championship</a> <ul> <li> <a href="/world/results/2023" title="World Championship Results">Results</a> </li> <li> <a href="/world-championship/teams" title="World Championship Teams">Teams</a> </li> <li> <a href="/world-championship" title="World Championship Guide">Guide</a> </li> </ul> </li> <li class="has-sub "> <a href="#" title="Challengers" id="challenger-series">Challengers</a> <ul> <li> <a href="/challenger/results/2022" title="Challenger Series Results">Results</a> </li> <li> <a href="/challenger/drivers/2022" title="Challenger Series Drivers">Drivers</a> </li> <li> <a href="/challengers" title="Challenger Series Guide">Guide</a> </li> </ul> </li> <li class="has-sub "> <a href="#" title="Qualification" id="qualification">Qualification</a> <ul> <li> <a href="/qualification/results/2023" title="'23 Qualification Results">Results</a> </li>  <li> <a href="/qualification" title="Qualification Guide">Guide</a> </li> </ul> </li> <li class=''> <a href="/news" title="Go to news">News</a> </li> <li class="has-sub "> <a href="#" title="Watch the F1 Esports Series" id="qualification">Watch</a> <ul> <li class="has-subs "> <a href="/videos" title="Go to videos">Videos</a> </li> <li class=''> <a href="/live-stream" title="Go to live stream">Live<span> Stream</span></a> </li> </ul> </li> <li class="has-sub "> <a href="#" title="About the F1 Esports Series" id="qualification">About</a> <ul> <li class='has-subs '> <a href="/about" title="About the F1 Esports Series">About</a> </li> <li class='has-subs '> <a href="/information" title="Go to tournament guide"><span>Tournament </span>Guide</a> </li> </ul> </li> </ul> <a href="#" title="Open main menu" id='responsive-menu-toggle'>Main menu</a> <div id="responsive-menu"> <ul> <li> <a href="/news" title="Go to news">News</a> </li> <li> <a href="/world/results/2023" title="2023 Results">World Championship Results</a> </li> <li> <a href="/world-championship/teams" title="Go to team profiles">World Championship Teams</a> </li> <li> <a href="/world-championship" title="About the F1 Esports World Championship">Pro Championship Guide</a> </li> <li> <a href="/challengers" title="F1 Esports: Challengers">Challengers</a> </li> <li> <a href="/challenger/results/2022" title="F1 Esports: Challengers Results">Challengers Results</a> </li> <li> <a href="/challenger/drivers/2022" title="F1 Esports: Challengers Results">Challengers Drivers</a> </li> <li> <a href="/qualification/results/2023" title="2023 Results">Qualification Results</a> </li> <li> <a href="/qualification" title="About the F1 Esports Series Qualification">Qualification Guide</a> </li> <li> <a href="/videos" title="Go to videos">Videos</a> </li> <li> <a href="/live-stream" title="Go to live stream">Live Stream</a> </li> <li> <a href="/about" title="About the F1 Esports Series">About The Series</a> </li> <li> <a href="/information" title="Go to tournament info">Tournament Guide</a> </li> <div class="global-nav-mob"> <li class="has-image show-nav"> <a href="https://f1tv.formula1.com/en/" data-locationinpage="navigation" data-pathtype="external" target="“_blank”"> <img src="https://www.formula1.com/etc/designs/fom-website/images/f1-tv-logo.svg" alt="F1 TV Logo" width="72" height="12"><span class="icon icon-chevron-right"></span> </a> </li> <li class="show-nav"><a href="https://www.f1authentics.com/" target="_blank" rel="noopener" data-locationinpage="navigation" data-pathtype="external">Authentics<span class="icon icon-chevron-right"></span></a></li> <li class="show-nav"><a href="https://f1store2.formula1.com/en/?_s=bm-fi-f1-prtsite-topnav-230720-jm" target="_blank" rel="noopener" data-locationinpage="navigation" data-pathtype="external">Store<span class="icon icon-chevron-right"></span></a></li> <li class="show-nav"><a href="https://tickets.formula1.com" target="_blank" rel="noopener" data-locationinpage="navigation" data-pathtype="external">Tickets<span class="icon icon-chevron-right"></span></a></li> <li class="show-nav"><a href="https://tickets.formula1.com/en/h-formula1-hospitality" target="_blank" rel="noopener" data-locationinpage="navigation" data-pathtype="external">Hospitality<span class="icon icon-chevron-right"></span></a></li> <li class="show-nav"><a href="https://f1experiences.com/calendar-of-events" target="_blank" rel="noopener" data-locationinpage="navigation" data-pathtype="external">Experiences<span class="icon icon-chevron-right"></span></a></li> </div> </ul> </div> <a href="/login" title="Log in" id='f1-user'>Profile</a> <a href="/" title="Go to homepage" id='f1-logo'>Homepage</a> </div> </div> </header> <style> .news-bar { transition: all .15s ease-in-out; position: fixed; bottom: 0px; left: 0px; width: 100%; color: #fff; background: rgba(000,000,000,.7); z-index:500; } .close-button { color: #000; float: left; position: relative; margin-left: 32px; margin-top: 18px; border-radius: 50%; background-color: #fff; width: 20px; height: 20px; text-align: center; } .register-news { width: 200px; background: #fff; color: #000 !important; border-radius: 5px; text-transform: uppercase; font-size: 14px; height: 36px; outline: 0; font-family: 'Titillium Web', sans-serif; letter-spacing: 1px; cursor: pointer; margin: 0 auto; display: block; text-decoration: none; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 0; white-space: nowrap; min-width: 130px; line-height: 36px; } @media (max-width: 888px) { #f1ms-menu ul li a { text-transform: uppercase; text-align: left; border-right: 1px solid #9a9999; border-bottom: 1px solid #9a9999; margin-right: 25px; margin-top: 5px; border-bottom-right-radius: 21px; margin-bottom: 5px; margin-left:5px; } } </style> <script src="https://code.jquery.com/ui/1.13.2/jquery-ui.min.js" integrity="sha256-lSjKY0/srUM9BE3dPm+c4fBo1dky2v27Gdjm2uoZaL0=" crossorigin="anonymous"></script> <script src="https://code.jquery.com/jquery-migrate-3.4.0.min.js" integrity="sha256-mBCu5+bVfYzOqpYyK4jm30ZxAZRomuErKEFJFIyrwvM=" crossorigin="anonymous"></script> <script> function F1EsportsNewsBar(){ days=30; myDate = new Date(); myDate.setTime(myDate.getTime()+(days*24*60*60*1000)); document.cookie = 'F1EsportsNewsBar=Accepted; expires=' + myDate.toGMTString(); } var cookie = document.cookie.split(';') .map(function(x){ return x.trim().split('='); }) .filter(function(x){ return x[0]==='F1EsportsNewsBar'; }) .pop(); if(cookie && cookie[1]==='Accepted') { $("#newsbar").hide(); } $('.close-button a').on('click', function(){ F1EsportsNewsBar(); return false; }); </script> <script type="text/javascript"> jQuery(function($){ $('#responsive-menu-toggle').click(function(){ $(this).toggleClass('open'); $('#responsive-menu > ul').toggleClass('expand'); return false; }); //$("#responsive-menu > a").focusout(function() { //if (!$('#responsive-menu ul a').is(':focus')) { // alert($(":focus").attr('title')); // $('#responsive-menu > a').toggleClass('open'); // $('.responsive-menu').toggleClass('expand'); //} //}); }); </script> <link rel="stylesheet" href="/etc/designs/fom-website/libs.min.css" type="text/css"> <link rel="stylesheet" href="https://downloads.f1esports.com/web-assets/css/owl.carousel.css"> <div class="videoContainer" style="position:relative;background: url('https://downloads.f1esports.com/web-assets/img/f1simracing.jpg') 0% 0% / cover no-repeat;"> <div id="mobile-vid"> <video id="f1esports-video " class="video-bg-new home_top_vid" autoplay="yes" playsinline muted="yes" loop="yes" > <source src="https://downloads.f1esports.com/Videos/F1SimRacingIntro.mp4" type="video/mp4"> <source src="" type="video/ogg"> </video> </div> <div id="desktop-vid"> <video id="f1esports-video" class="video-bg-new home_top_vid" autoplay="yes" playsinline muted="yes" loop="yes" > <source src="https://downloads.f1esports.com/Videos/F1SimRacingIntro.mp4" type="video/mp4"> <source src="" type="video/ogg"> </video> </div> <div id="text-container"> <div class="fluid_container"> <div class="row" > <div class="col-md-7 blk_shadow white_txt"> <div class="slider-wrap-inner"> <div class="slider-text"> <h2 class="header-tagline" style="padding-bottom:8px;margin-bottom:8px;padding-top:6px;">   Join the F1® Sim Racing official Discord </h2> </div> </div> </div>  <div class="col-md-3 blk_shadow white_txt"> <div class="slider-wrap-inner"> <div class="slider-text"> <a class='f1ms-cta-white-btn' href='https://f1esports.com/discord' style='margin-top:12px;' title='Find out more'>Join Now</a> </div> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> var MYBLOG_LIMIT = 4; var MYWRAPPER_CLASS = 'homenews'; var WP={open:function(b){var a={posts:function(){var d=MYBLOG_LIMIT;var e=0;var c={all:function(g){var f=b+"/api/get_recent_posts/";f+="?count="+d+"&page="+e+"&callback=?";jQuery.getJSON(f,function(l){var k=l.posts;for(var j=0;j<k.length;j++){var h=k[j];h.createComment=function(i,m){i.postId=h.id;a.comments().create(i,m)}}g(k)})},findBySlug:function(f,h){var g=b+"/api/get_post/";g+="?slug="+f+"&callback=?";jQuery.getJSON(g,function(i){h(i.post)})},limit:function(f){d=f;return c},page:function(f){e=f;return c}};return c},pages:function(){var c={findBySlug:function(d,f){var e=b+"/api/get_page/";e+="?slug="+d+"&callback=?";jQuery.getJSON(e,function(g){f(g.page)})}};return c},categories:function(){var c={all:function(e){var d=b+"/api/get_category_index/";d+="?callback=?";jQuery.getJSON(d,function(f){e(f.categories)})}};return c},tags:function(){var c={all:function(e){var d=b+"/api/get_tag_index/";d+="?callback=?";jQuery.getJSON(d,function(f){e(f.tags)})}};return c},comments:function(){var c={create:function(f,e){var d=b+"/api/submit_comment/";d+="?post_id="+f.postId+"&name="+f.name+"&email="+f.email+"&content="+f.content+"&callback=?";jQuery.getJSON(d,function(g){e(g)})}};return c}};return a}}; //var blog = WP.open('https://f1esports.com/news'); //blog.posts().all(function(posts){ // for(var i = 0; i < posts.length; i++){ // jQuery('.'+MYWRAPPER_CLASS).append(function(){ // return (posts[i].attachments.length > 0) ? // '<li><a class="lastpost_title" href="'+posts[i].url+'"><div id="news-image-parent"><div class="news-image-container" style="background:url('+ posts[i].attachments[0].url +')no-repeat center;background-size: 597px!important;overflow: hidden;"></div></div><div class="f1-lines"><h4 class="news-article-text">'+posts[i].title+'</h4></div></a></li>' // : '<a href="'+posts[i].url+'"><h4>'+posts[i].title+'</h4></a>'; // }); // } //}); </script> <section id="home-news"> <div class="pink-border"></div> <div class='faint-border'></div> <div id="home-news-inner"> <h2>F1® Sim Racing News</h2> <ul class="homenews"> <li> <a class="lastpost_title" href="https://f1esports.com/news/?p=3494"> <div id="news-image-parent"> <div class="news-image-container" style="background:url('https://f1esports.com/wp-content/uploads/2024/05/Round-6_2.jpg')no-repeat center;background-size: 597px!important;overflow: hidden;"> </div> </div> <div class="f1-lines"> <h4 class="news-article-text">F1 Sim Racing World Championship: Event 3 Preview - Rasmussen leads the way</h4> </div> </a> </li> <li> <a class="lastpost_title" href="https://f1esports.com/news/?p=3346"> <div id="news-image-parent"> <div class="news-image-container" style="background:url('https://f1esports.com/wp-content/uploads/2024/04/cac4572f59ec769926303e4529ab5a3f.jpg')no-repeat center;background-size: 597px!important;overflow: hidden;"> </div> </div> <div class="f1-lines"> <h4 class="news-article-text">F1<strong>®</strong> Sim Racing World Championship: Event 2 Preview</h4> </div> </a> </li> <li> <a class="lastpost_title" href="https://f1esports.com/news/?p=3324"> <div id="news-image-parent"> <div class="news-image-container" style="background:url('https://f1esports.com/wp-content/uploads/2024/04/GKZ3ja4WwAARgEZ.jpg')no-repeat center;background-size: 597px!important;overflow: hidden;"> </div> </div> <div class="f1-lines"> <h4 class="news-article-text">Event 2 - Get the low-down!</h4> </div> </a> </li> <li> <a class="lastpost_title" href="https://f1esports.com/news/?p=3296"> <div id="news-image-parent"> <div class="news-image-container" style="background:url('https://f1esports.com/wp-content/uploads/2024/04/f1-sim-racing-article.jpg')no-repeat center;background-size: 597px!important;overflow: hidden;"> </div> </div> <div class="f1-lines"> <h4 class="news-article-text">F1 Sim Racing 2023 World Championship Calendar Announced!</h4> </div> </a> </li> </ul> <div style='margin-right:25px;margin-bottom:45px;margin-top:25px;'> <a class='f1ms-cta-btn' href='/news/' title='Read more news'>View Latest News</a> </div> </div> </section>  <style> a.f1ms-cta-white-btn:hover { color: #e10600!important; } img.f1esports-logo-about { width: 333px; margin-bottom:15px; } img.aramco-presenting { width: 87px; margin-bottom: 25px; } .esports-about-text h2 { text-align: center; color: #fff; } .esports-about-text { margin-top: 41px; } .overlay-cover { background-color: rgb(0 0 0 / 33%); height: 100%; } @media only screen and (max-width: 880px) { #about-esports { background-size: cover!important; } .f1virtuallogo { width:93%; margin-bottom:20px!important; } img.vgp-social-icon { width: 15%!important; } .vgp-logo-text { margin-bottom:20px; } } #about-esports { height:400px; background: url('https://downloads.f1esports.com/web-assets/img/VGP_Generic.jpg') no-repeat center; background-size: cover; background-attachment: fixed; } img.vgp-social-icon { width: 6.8%; } .watch-link { display:none; } .watch-link { padding-top: 7px; } .grey_bg { background-color: #38383f; color: #fff; } .matrix-pattern { background-image:url('https://downloads.f1esports.com/web-assets/img/F1_CrossGrid.png'); background-size:100%; } .flag-top { background-image:url('https://downloads.f1esports.com/web-assets/img/top-left-flag.png'); background-size: 76% 147%; background-position-x: left; background-repeat: no-repeat; } .flag-bottom { background-image:url('https://downloads.f1esports.com/web-assets/img/bottom-right-flag.png'); background-size: 66% 100%; background-position-x: right; background-repeat: no-repeat; } .inside-padding { padding-top: 50px; padding-bottom: 50px; } .red-border-padding { padding:12px; } .red-border { border: 3px solid #e10600; border-radius: 11px; } .chevron-stripe { background-image: url(https://downloads.f1esports.com/web-assets/img/RGB-Chevrons.png); background-size: 201px; background-repeat: repeat-x; background-position: bottom; } .tags-pattern { background-image: url('https://downloads.f1esports.com/web-assets/img/gray3-x1.png'); background-size: 30px; } img.schedule-flag { width: 20px; } .day-text span { color: #ffffff; font-size: 15px; } .day-text { color:#e10600; font-family: 'F1-Regular-Black'; font-size: 31px; } h2.schedule-title.center { font-family: 'F1-Regular-Black'; font-size: 40px; text-transform: uppercase; font-weight: 900; } h2.schedule-title-overlay.center { background: url("https://downloads.f1esports.com/web-assets/img/gray3-x1.avif") repeat center center; background-size: 6px 6px; background-clip: content-box; -webkit-text-fill-color: transparent; -webkit-background-clip: text; font-family: 'F1-Regular-Black'; font-size: 40px; text-transform: uppercase; font-weight: 900; } .schedule-text-container { position:relative; } .title-texture-overlay { position: absolute; top: -13px; left: 343px; display: block; } @media (max-width: 1220px) { .title-texture-overlay { position: absolute; top: -13px; left: 289px; display:none; } } h3.race-quali-text { font-family: 'F1-Regular-Italic'; font-size: 18px; color: #e10600; } span.time-bold-text { font-family: 'F1-Regular-Bold'; font-size: 14px; } .day-container { margin-top:15px; } @media (max-width: 700px) { .day-container { margin-top:55px; } } </style> <script> $('#countdown').dsCountDown({ //endDate: new Date("November 24, 2019 19:59:59 UTC"), endDate: new Date("May 8, 2024 14:59:59 UTC"), theme: 'custom', // Set the theme 'white', 'black', 'red', 'flat', 'custom', onBevoreStart: showCountdown, onFinish: showWatchLink, titleDays: 'd', titleHours: 'h', titleMinutes: 'm', titleSeconds: 's' }); $('#countdown1').dsCountDown({ //endDate: new Date("December 4, 2019 18:59:59 UTC"), endDate: new Date("April 12, 2024 14:59:59 UTC"), theme: 'custom', // Set the theme 'white', 'black', 'red', 'flat', 'custom', onBevoreStart: showCountdown, titleDays: 'd', titleHours: 'h', titleMinutes: 'm', titleSeconds: 's' }); function showWatchLink() { $('.ds-element').hide(); $('.watch-link').show(); } </script> <div class="grey_bg"> <div class="matrix-pattern"> <div class="flag-top"> <div class="chevron-stripe"> <div class="red-border-padding"> <div class="inside-padding"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="schedule-text-container"> <h2 class="schedule-title center"><span>EVENT 3</span> SCHEDULE</h2> <div class="title-texture-overlay"> <h2 class="schedule-title-overlay center"><span>EVENT 3</span> SCHEDULE</h2> </div> </div> </div> </div> <div class="row"> <div class="col-md-4"> <div class="day-container"> <div class="col-md-12"> <h2 class="day-text">TUESDAY <span>May 7th</span></h2> </div> <div class="day-row-container"> <div class="row"> <div class="col-md-6"> <h3 class="race-quali-text"><b>QUALIFYING</b> <span style="font-size:14px;color:#ffffff;">at</span></h3> <div class="col-md-12"> <div class="row"> <div class="col-md-4"> <div class="time-padding"> <span class="time-bold-text">10:00 UTC</span> </div> </div> <div class="col-md-8"> <div class="round-text-container"> <span class="round-cap-text">RND 8 </span><img class="schedule-flag" src="https://downloads.f1esports.com/Images/2020/mexico-flag.png"> </div> <div class="round-text-container"> <span class="round-cap-text">RND 9 </span><img class="schedule-flag" src="https://downloads.f1esports.com/Images/2020/brazil-flag.png"> </div> </div> </div> </div> </div> <div class="col-md-6"> <h3 class="race-quali-text"><b>RACE</b> <span style="font-size:14px;color:#ffffff;">at</span></h3> <div class="col-md-12"> <div class="row"> <div class="col-md-4"> <div class="time-padding"> <span class="time-bold-text">15:00 UTC</span> </div> </div> <div class="col-md-8"> <div class="round-text-container"> <span class="round-cap-text">RND 8 </span><img class="schedule-flag" src="https://downloads.f1esports.com/Images/2020/mexico-flag.png"> </div> <div class="round-text-container"> <span class="round-cap-text">RND 9 </span><img class="schedule-flag" src="https://downloads.f1esports.com/Images/2020/brazil-flag.png"> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="col-md-4"> <div class="day-container"> <div class="col-md-12"> <h2 class="day-text">WEDNESDAY <span>May 8th</span></h2> </div> <div class="day-row-container"> <div class="row"> <div class="col-md-6"> <h3 class="race-quali-text"><b>QUALIFYING</b> <span style="font-size:14px;color:#ffffff;">at</span></h3> <div class="col-md-12"> <div class="row"> <div class="col-md-4"> <div class="time-padding"> <span class="time-bold-text">10:00 UTC</span> </div> </div> <div class="col-md-8"> <div class="round-text-container"> <span class="round-cap-text">RND 10 </span><img class="schedule-flag" src="https://downloads.f1esports.com/Images/2020/usa-flag.png"> </div> <div class="round-text-container"> <span class="round-cap-text">RND 11 </span><img class="schedule-flag" src="https://downloads.f1esports.com/Images/2020/qatar-flag.png"> </div> </div> </div> </div> </div> <div class="col-md-6"> <h3 class="race-quali-text"><b>RACE</b> <span style="font-size:14px;color:#ffffff;">at</span></h3> <div class="col-md-12"> <div class="row"> <div class="col-md-4"> <div class="time-padding"> <span class="time-bold-text">15:00 UTC</span> </div> </div> <div class="col-md-8"> <div class="round-text-container"> <span class="round-cap-text">RND 10 </span><img class="schedule-flag" src="https://downloads.f1esports.com/Images/2020/usa-flag.png"> </div> <div class="round-text-container"> <span class="round-cap-text">RND 11 </span><img class="schedule-flag" src="https://downloads.f1esports.com/Images/2020/qatar-flag.png"> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="col-md-4"> <div class="day-container"> <div class="col-md-12"> <h2 class="day-text">THURSDAY <span>May 9th</span></h2> </div> <div class="day-row-container"> <div class="row"> <div class="col-md-6"> <h3 class="race-quali-text"><b>QUALIFYING</b> <span style="font-size:14px;color:#ffffff;">at</span></h3> <div class="col-md-12"> <div class="row"> <div class="col-md-4"> <div class="time-padding"> <span class="time-bold-text">10:00 UTC</span> </div> </div> <div class="col-md-8"> <div class="round-text-container"> <span class="round-cap-text">RND 12 </span><img class="schedule-flag" src="https://downloads.f1esports.com/Images/2020/abudhabi-flag.png"> </div> </div> </div> </div> </div> <div class="col-md-6"> <h3 class="race-quali-text"><b>RACE</b> <span style="font-size:14px;color:#ffffff;">at</span></h3> <div class="col-md-12"> <div class="row"> <div class="col-md-4"> <div class="time-padding"> <span class="time-bold-text">15:00 UTC</span> </div> </div> <div class="col-md-8"> <div class="round-text-container"> <span class="round-cap-text">RND 12 </span><img class="schedule-flag" src="https://downloads.f1esports.com/Images/2020/abudhabi-flag.png"> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-md-12"> <div class="watch-text-container" style="margin-top:50px;"> <a class="f1ms-cta-white-btn" style="margin-top:10px;" href="https://www.youtube.com/channel/UCB_qr75-ydFVKSF9Dmo6izg" target="_blank" title="Register now">WATCH NOW</a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>  <section id="calendar-container" class="f1-bg--carbonBlack"> <div class="container"> <div class="row padtop40 padbot10"> <div class="border-container"> <h2 class="calendar-title center">CALENDAR</h2> </div> </div class="row padtop20 padbot50"> <div> <div class="owl-carousel"> <div> <div class="calendar-container"> <h1 class="show-number"> <span class="show-name">Round</span><br>1 </h1> <div class="country"> <div class="flag"> <img src="https://downloads.f1esports.com/Images/2020/bahrain-flag.png" class="cq-dd-image" data-emptytext="Image"> </div> <span class="name">Sakhir</span> </div> <div class="show-dates"> <div class="show-title"> Show 1 </div> <div class="date-container"> <span>24 NOV '23</span> <br> 19:00 (UTC) </div> </div> </div> </div> <div> <div class="calendar-container"> <h1 class="show-number"> <span class="show-name">Round</span><br>2 </h1> <div class="country"> <div class="flag"> <img src="https://downloads.f1esports.com/Images/2020/jeddah-flag.png" class="cq-dd-image" data-emptytext="Image"> </div> <span class="name">Jeddah</span> </div> <div class="show-dates"> <div class="show-title"> Show 2 </div> <div class="date-container"> <span>10 APR '24</span> <br> 17:00 (CEST) </div> </div> </div> </div> <div> <div class="calendar-container"> <h1 class="show-number"> <span class="show-name">Round</span><br>3 </h1> <div class="country"> <div class="flag"> <img src="https://downloads.f1esports.com/Images/2020/austria-flag.png" class="cq-dd-image" data-emptytext="Image"> </div> <span class="name">Spielberg</span> </div> <div class="show-dates"> <div class="show-title"> Show 2 </div> <div class="date-container"> <span>10 APR '24</span> <br> 18:30 (CEST) </div> </div> </div> </div> <div> <div class="calendar-container"> <h1 class="show-number"> <span class="show-name">Round</span><br>4 </h1> <div class="country"> <div class="flag"> <img src="https://downloads.f1esports.com/Images/2020/uk-flag.png" class="cq-dd-image" data-emptytext="Image"> </div> <span class="name">Silverstone</span> </div> <div class="show-dates"> <div class="show-title"> Show 3 </div> <div class="date-container"> <span>11 APR '24</span> <br> 17:00 (CEST) </div> </div> </div> </div> <div> <div class="calendar-container"> <h1 class="show-number"> <span class="show-name">Round</span><br>5 </h1> <div class="country"> <div class="flag"> <img src="https://downloads.f1esports.com/Images/2020/belgium-flag.png" class="cq-dd-image" data-emptytext="Image"> </div> <span class="name">Spa</span> </div> <div class="show-dates"> <div class="show-title"> Show 3 </div> <div class="date-container"> <span>11 APR '24</span> <br> 18:30 (CEST) </div> </div> </div> </div> <div> <div class="calendar-container"> <h1 class="show-number"> <span class="show-name">Round</span><br>6 </h1> <div class="country"> <div class="flag"> <img src="https://downloads.f1esports.com/Images/2020/netherlands-flag.png" class="cq-dd-image" data-emptytext="Image"> </div> <span class="name">Zandvoort</span> </div> <div class="show-dates"> <div class="show-title"> Show 4 </div> <div class="date-container"> <span>12 APR '24</span> <br> 17:00 (CEST) </div> </div> </div> </div> <div> <div class="calendar-container"> <h1 class="show-number"> <span class="show-name">Round</span><br>7 </h1> <div class="country"> <div class="flag"> <img src="https://downloads.f1esports.com/Images/2020/usa-flag.png" class="cq-dd-image" data-emptytext="Image"> </div> <span class="name">Austin</span> </div> <div class="show-dates"> <div class="show-title"> Show 4 </div> <div class="date-container"> <span>12 APR '24</span> <br> 18:30 (CEST) </div> </div> </div> </div> <div> <div class="calendar-container"> <h1 class="show-number"> <span class="show-name">Round</span><br>8 </h1> <div class="country"> <div class="flag"> <img src="https://downloads.f1esports.com/Images/2020/mexico-flag.png" class="cq-dd-image" data-emptytext="Image"> </div> <span class="name">Mexico City</span> </div> <div class="show-dates"> <div class="show-title"> Show 5 </div> <div class="date-container"> <span>7 MAY '24</span> <br> 17:00 (CEST) </div> </div> </div> </div> <div> <div class="calendar-container"> <h1 class="show-number"> <span class="show-name">Round</span><br>9 </h1> <div class="country"> <div class="flag"> <img src="https://downloads.f1esports.com/Images/2020/brazil-flag.png" class="cq-dd-image" data-emptytext="Image"> </div> <span class="name">Sao Paulo</span> </div> <div class="show-dates"> <div class="show-title"> Show 5 </div> <div class="date-container"> <span>7 MAY '24</span> <br> 18:30 (CEST) </div> </div> </div> </div> <div> <div class="calendar-container"> <h1 class="show-number"> <span class="show-name">Round</span><br>10 </h1> <div class="country"> <div class="flag"> <img src="https://downloads.f1esports.com/Images/2020/usa-flag.png" class="cq-dd-image" data-emptytext="Image"> </div> <span class="name">Las Vegas</span> </div> <div class="show-dates"> <div class="show-title"> Show 6 </div> <div class="date-container"> <span>8 MAY '24</span> <br> 17:00 (CEST) </div> </div> </div> </div> <div> <div class="calendar-container"> <h1 class="show-number"> <span class="show-name">Round</span><br>11 </h1> <div class="country"> <div class="flag"> <img src="https://downloads.f1esports.com/Images/2020/qatar-flag.png" class="cq-dd-image" data-emptytext="Image"> </div> <span class="name">Losail</span> </div> <div class="show-dates"> <div class="show-title"> Show 6 </div> <div class="date-container"> <span>8 MAY '24</span> <br> 18:30 (CEST) </div> </div> </div> </div> <div> <div class="calendar-container"> <h1 class="show-number"> <span class="show-name">Round</span><br>12 </h1> <div class="country"> <div class="flag"> <img src="https://downloads.f1esports.com/Images/2020/abudhabi-flag.png" class="cq-dd-image" data-emptytext="Image"> </div> <span class="name">Yas Marina</span> </div> <div class="show-dates"> <div class="show-title"> Show 7 </div> <div class="date-container"> <span>9 MAY '24</span> <br> 19:00 (CEST) </div> </div> </div> </div> </div> </div> </div> </div> </section> <style> .flag-container { padding-top:15px; display:inline-flex; } .round-flag { width:45px!important; text-align:center; } .calendar-title { color:#fff; } span.show-name { font-size:10px; } .owl-nav { text-align:center!important; font-size:19px; } .calendar-container { padding:15px; color:#fff; border-right: 2px solid #adadad; border-bottom: 2px solid #adadad; border-bottom-right-radius:15px; } .green_bg { /* background-color: #093A2B; */ text-align: center; font-family: 'F1-Regular-Black'; font-size: 19px; } .show-number { font-family:'F1-Regular-wide'; text-align:center; } .show-date { font-family:'F1-Regular'; text-align:center; font-size:10px; } .team-names span { color: #333; } </style> <style> @media (min-width: 768px) { .f1-standings .f1-podium { margin: 0px 10px; } } .f1-standings .f1-podium { margin: 0px -10px; padding: 10px; border-radius: 10px; background-color: rgb(243, 243, 243); } .f1-podium { counter-reset: podium 0; list-style-type: none; padding: 0px; } .f1-color--carbonBlack { color: rgb(21, 21, 30); } .f1-standings .f1-podium--item { padding: 0px; } .f1-podium--item { align-items: center; backface-visibility: hidden; border-radius: 5px; display: flex; flex-wrap: wrap; justify-content: flex-start; margin-bottom: 2px; overflow: hidden; padding: 5px 10px; } li, ol, ul { margin-top: 0px; margin-right: 0px; margin-left: 0px; padding: 0px; } @media (min-width: 576px) { .f1-standings .f1-podium--link { padding: 15px 10px 15px 20px; } } .f1-standings .f1-podium .team-color-icon { width: 4px; height: 14px; margin: 0px 10px; } .f1--xs { font-family: F1; font-size: 14px; line-height: 17px; } .f1-standings .f1-podium--link .f1-podium-subdetail { margin-left: 10px; } .f1-capitalize { text-transform: capitalize; } .misc--label { font-family: "Titillium Web"; font-size: 13px; line-height: 15px; letter-spacing: 0.5px; font-weight: 400; } .f1-color--gray5 { color: rgb(103, 103, 109); } @media (min-width: 768px) { .d-md-inline { display: inline !important; } } .f1-capitalize { text-transform: capitalize; } @media (min-width: 768px) .d-md-inline { display: inline !important; } .f1-podium--surname { font-family: F1Bold; font-size: 14px; line-height: 17px; } .f1-uppercase { text-transform: uppercase; } @media (min-width: 576px) { .f1-standings .f1-podium--time { margin-left: 10px; } } .f1-standings .f1-podium--rank { position: relative; top: 1px; text-align: right; width: 20px; } .f1-bold--xs { font-family: F1Bold; font-size: 14px; line-height: 17px; } .f1-standings .f1-podium--time { margin-left: 5px; display: inline; } .f1-podium--time { margin-left: auto; min-width: 95px; text-align: center; } .text-semi-bold { font-weight: 600; } .f1-label { border-radius: 15px; line-height: 1; display: table; padding: 2px 10px; width: auto; } .misc--label { font-family: "Titillium Web"; font-size: 13px; line-height: 15px; letter-spacing: 0.5px; font-weight: 400; } .f1-bg--gray2 { background-color: rgb(237, 237, 237); } .f1-standings .f1-podium--rank { position: relative; top: 1px; text-align: right; width: 20px; } .f1-bold--xs { font-family: F1Bold; font-size: 14px; line-height: 17px; } .f1-standings .f1-podium--link { transition: all 0.4s cubic-bezier(0.35, 0.15, 0.6, 1) 0s; width: 100%; align-items: center; backface-visibility: hidden; border-radius: 5px; display: flex; flex-wrap: wrap; justify-content: flex-start; overflow: hidden; padding: 15px; } .f1-bg--white { background-color: rgb(255, 255, 255); } .owl-carousel .owl-stage-outer { margin-bottom: 55px; /*padding-left: 20%;*/ } .flag-container { padding-top:15px; display:inline-flex; } .round-flag { width:45px!important; text-align:center; } .calendar-title { color:#fff; } span.show-name { font-size:10px; } .owl-nav { text-align:center!important; font-size:19px; } .calendar-container { padding:15px; color:#fff; border-right: 2px solid #adadad; border-bottom: 2px solid #adadad; border-bottom-right-radius:15px; } .green_bg { /* background-color: #093A2B; */ text-align: center; font-family: 'F1-Regular-Black'; font-size: 19px; } .show-number { font-family:'F1-Regular-wide'; text-align:center; } .show-date { font-family:'F1-Regular'; text-align:center; font-size:10px; } .team-names span { color: #333; } .owl-nav span { text-align: center!important; font-size: 43px; /* font-size: 14px; */ border: 1px solid #adadad; border-radius: 50%; background-color: #adadad; height: 25px; width: 25px; margin-left: 25px; color: #000; line-height: 13px; display: inline-flex; /* text-align: center; */ padding-left: 5px; margin-top: 20px; } </style> <script> // OWL Carousel $(document).ready(function(){ $('.owl-carousel').owlCarousel({ loop:true, margin:10, responsiveClass:true, responsive:{ 0:{ items:1, nav:true }, 600:{ items:3, nav:false }, 1000:{ items:5, nav:true, loop:false } } }) }); </script> <div class="teams-section" style="" > <div class="carbon-bg" style="padding-bottom:50px;"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="header-container"> <h2 class="title-header"> 10 OFFICIAL F1® Sim Racing TEAMS </h2> </div> </div> </div> </div> <style> .title-header { text-align:center; padding-top:25px; } .header-container { text-align:center; margin-top:25px; } h2.team-name { margin-top: 0px; } .name-container { padding-top: 73px; min-width: 75px; text-align: center; color: #ffffff; } .team-container { border-bottom-right-radius: 18px; } .overlay-cover { height:100%; width:100%; background-color: rgba(000,000,000,.2); } </style> <div class="live-show-container"> <div class="container-fluid"> <div class="row "> <div class="col-md-1 "> </div> <a href="/world-championship/teams/alphatauri" alt="Toro Rosso Team page"> <div class="col-md-2 team-container"> <div class="team-logo team-9"> <div class="overlay-cover"> <div class="name-container"> <h2 class="team-name"> AlphaTauri </h2> </div> </div></div> </div> </a> <a href="/world-championship/teams/alpine" alt="Alpine Team page"> <div class="col-md-2 team-container"> <div class="team-logo team-7"> <div class="overlay-cover"> <div class="name-container"> <h2 class="team-name"> Alpine </h2> </div> </div></div> </div> </a> <a href="/world-championship/teams/aston-martin" alt="Aston Martin Team page"> <div class="col-md-2 team-container"> <div class="team-logo team-8"> <div class="overlay-cover"> <div class="name-container"> <h2 class="team-name"> Aston Martin </h2> </div> </div></div> </div> </a> <a href="/world-championship/teams/ferrari" alt="Ferrari Team page"> <div class="col-md-2 team-container"> <div class="team-logo team-2"> <div class="overlay-cover"> <div class="name-container"> <h2 class="team-name"> Ferrari </h2> </div> </div> </div> </div> </a> <a href="/world-championship/teams/haas" alt="Haas Team page"> <div class="col-md-2 team-container"> <div class="team-logo team-3"> <div class="overlay-cover"> <div class="name-container"> <h2 class="team-name"> Haas </h2> </div> </div> </div> </div> </a> <div class="col-md-1 "> </div> </div> <div class="row "> <div class="col-md-1 hide-mob"> </div> <a href="/world-championship/teams/kick-f1" alt="Kick F1 Team page"> <div class="col-md-2 team-container"> <div class="team-logo team-1"> <div class="overlay-cover"> <div class="name-container"> <h2 class="team-name"> Kick F1 </h2> </div> </div> </div> </div> </a> <a href="/world-championship/teams/mclaren" alt="McLaren Team page"> <div class="col-md-2 team-container"> <div class="team-logo team-4"> <div class="overlay-cover"> <div class="name-container"> <h2 class="team-name"> McLaren </h2> </div> </div> </div> </div> </a> <a href="/world-championship/teams/mercedes" alt="Mercedes Team page"> <div class="col-md-2 team-container"> <div class="team-logo team-5"> <div class="overlay-cover"> <div class="name-container"> <h2 class="team-name"> Mercedes </h2> </div> </div></div> </div> </a> <a href="/world-championship/teams/red-bull" alt="Red Bull Team page"> <div class="col-md-2 team-container"> <div class="team-logo team-6"> <div class="overlay-cover"> <div class="name-container"> <h2 class="team-name"> Red Bull </h2> </div> </div></div> </div> </a> <a href="/world-championship/teams/williams" alt="Williams Team page"> <div class="col-md-2 team-container"> <div class="team-logo team-10"> <div class="overlay-cover"> <div class="name-container"> <h2 class="team-name"> Williams </h2> </div> </div></div> </div> </a> </div> </div> </div> <style> .team-container { overflow: hidden; } .team-1 { background-image:url('https://downloads.f1esports.com/Images/2023-cars/teams/small+thumbs/kick-f1.jpg'); background-size:cover; width: 100%; } .team-2 { background-image:url('https://downloads.f1esports.com/Images/2023-cars/teams/small+thumbs/ferrari.jpg'); background-size:cover; width: 100%; } .team-3 { background-image:url('https://downloads.f1esports.com/Images/2023-cars/teams/small+thumbs/haas.jpg'); background-size:cover; width: 100%; } .team-4 { background-image:url('https://downloads.f1esports.com/Images/2023-cars/teams/small+thumbs/mclaren.jpg'); background-size:cover; width: 100%; } .team-5 { background-image:url('https://downloads.f1esports.com/Images/2023-cars/teams/small+thumbs/mercedes.jpg'); background-size:cover; width: 100%; } .team-6 { background-image:url('https://downloads.f1esports.com/Images/2023-cars/teams/small+thumbs/redbull.jpg'); background-size:cover; width: 100%; } .team-7 { background-image:url('https://downloads.f1esports.com/Images/2023-cars/teams/small+thumbs/alpine.jpg'); background-size:cover; width: 100%; } .team-8 { background-image:url('https://downloads.f1esports.com/Images/2023-cars/teams/small+thumbs/aston-martin.jpg'); background-size:cover; width: 100%; } .team-9 { background-image:url('https://downloads.f1esports.com/Images/2023-cars/teams/small+thumbs/alpha-tauri.jpg'); background-size:cover; width: 100%; } .team-10 { background-image:url('https://downloads.f1esports.com/Images/2023-cars/teams/small+thumbs/williams.jpg'); background-size:cover; width: 100%; } .team-logo {height:172px;transition: all .4s ease-in-out; border-bottom-right-radius: 25px;overflow: hidden;margin-bottom:27px;} .team-logo:hover { transform: scale(1.1);max-width: 100%;} </style> </div> </div> <div class="about-f1sr" style=" background-color: #38383f; padding-top: 50px; padding-bottom: 50px; color: #fff; "> <style> img.stream-icon { width: 95px; padding-top: 25px; } .stream-text { color:#fff; font-size:13pt; font-family: 'F1-Regular'; } </style> <div class="container"> <div class="row"> <div class="col-md-12"> <center> <h2>Follow the action</h2> </center> </div> </div> <div class="row"> <div class="col-md-12"> <center> <text class="stream-text"> Keep up to date with all of the official F1® Sim Racing action! </text> </center> </div> </div> <div class="row"> <div class="col-md-4"> <center> <a href="https://f1esports.com/discord" target="_blank"> <img src="https://downloads.f1esports.com/web-assets/img/discord_icon.png" class="stream-icon"/> </a> </center> </div> <div class="col-md-4"> <center> <a href="https://twitch.tv/formula1" target="_blank"> <img src="https://downloads.f1esports.com/web-assets/img/twitch_icon.png" class="stream-icon"/> </a> </center> </div> <div class="col-md-4"> <center> <a href="https://youtube.com/@F1EsportsOfficial" target="_blank"> <img src="https://downloads.f1esports.com/web-assets/img/youtubeplay_icon.png" class="stream-icon"/> </a> </center> </div> <div class="col-md-4"> <center> <a href="https://twitter.com/F1Esports" target="_blank"> <img src="https://downloads.f1esports.com/web-assets/img/x_icon.png" class="stream-icon"/> </a> </center> </div> <div class="col-md-4"> <center> <a href="https://www.instagram.com/f1esports" target="_blank"> <img src="https://downloads.f1esports.com/web-assets/img/instagram2_icon.png" class="stream-icon"/> </a> </center> </div> <div class="col-md-4"> <center> <a href="https://tiktok.com/@f1esports/" target="_blank"> <img src="https://downloads.f1esports.com/web-assets/img/tiktok_icon.png" class="stream-icon"/> </a> </center> </div> </div> </div> </div> <style> .f1-standings { text-align: center; } .f1-color--carbonBlack { color: #15151e; } .f1-bg--offWhite { background-color: #f7f4f1; } .f1-standings .f1-tab-content-wrapper { position: relative; } .f1-tab-widget .f1-tab-content-wrapper { padding: 20px 0; } .f1-bg--gray1 { background-color: #f3f3f3; } @media (min-width: 1024px) .f1-standings .f1-tab-content-wrapper:before { height: 335px; } .f1-standings .f1-tab-content-wrapper:before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 270px; background: url(images/homepage/standings/bg.jpg) no-repeat center bottom #f3f3f3; background-size: cover; } @media (min-width: 1024px) .f1-podium--top-positions { margin-top: 110px; } @media (min-width: 768px) .f1-podium--top-positions { margin-left: 10px; margin-top: 90px; margin-right: 10px; padding: 0 10px; } .f1-podium--top-positions { margin: 115px 0 10px; } .f1-standings .title { margin: 20px 0 30px 0; font-family: F1Wide; font-size: 20px; line-height: 24px; } .f1-color--white { color: #fff; } @media (min-width: 768px) .f1-podium--position { margin-bottom: 0; } .f1-podium--position { margin-bottom: -20px; margin-right: 10px; margin-top: 30px; vertical-align: top; width: calc(31.7% - 10px); } .f1-podium--position.pos--1 { margin-top: 0; width: 35.4%; } @media (min-width: 768px) .f1-podium--position { margin-bottom: 0; } .f1-podium--position { margin-bottom: -20px; margin-right: 10px; margin-top: 30px; vertical-align: top; width: calc(31.7% - 10px); } @media (min-width: 768px) .d-md-inline-block { display: inline-block!important; } @media (min-width: 1024px) .f1-podium--position.pos--1 .driver-rank { height: 170px; } @media (min-width: 768px) .f1-podium--position.pos--1 .driver-rank { height: 130px; } .f1-podium--position.pos--1 .driver-rank { height: 150px; } @media (min-width: 1024px) .f1-podium--position .driver-rank { height: 140px; } .f1-podium--position .driver-rank { border-radius: 15px 15px 0 0; height: 100px; position: relative; } .f1-bg--white { background-color: #fff; } @media (min-width: 1024px) .f1-podium--position .driver-rank { height: 140px; } .f1-podium--position .driver-rank { border-radius: 15px 15px 0 0; height: 100px; position: relative; } .f1-bg--white { background-color: #fff; } @media (min-width: 1024px) .f1-podium--position .driver-rank [class*=icon-slash] { font-size: 100px; } @media (min-width: 768px) .f1-podium--position .driver-rank [class*=icon-slash] { top: -15px; } .f1-podium--position .driver-rank [class*=icon-slash] { font-size: 90px; left: 15px; position: absolute; top: 10px; } .f1-podium--position .driver-name { border-radius: 0 0 15px 15px; padding: 25px; } .f1--xs { font-family: F1; font-size: 14px; line-height: 17px; } .f1-podium--position .driver-name .f1-podium--flag { display: inline-block; width: 22px; } @media (min-width: 768px) .constructors .f1-podium--position .constructors-car { background-color: transparent; margin-top: 0; padding-bottom: 0; } .constructors .f1-podium--position .constructors-car { background-color: #fff; margin-top: -50px; padding-bottom: 10px; } .constructors .f1-podium--position { position: relative; } .f1-podium--position:last-child { margin-right: 0; } @media (min-width: 768px) .f1-podium--position { margin-bottom: 0; } .f1-podium--position { margin-bottom: -20px; margin-right: 10px; margin-top: 30px; vertical-align: top; width: calc(31.7% - 10px); } @media (min-width: 768px) .d-md-inline-block { display: inline-block!important; } media (min-width: 768px) .f1-standings .f1-podium { margin: 0 10px 0 10px; } .f1-standings .f1-podium { margin: 0 -10px 0 -10px; padding: 10px; border-radius: 10px; background-color: #f3f3f3; } .f1-podium { counter-reset: podium; list-style-type: none; padding: 0; } .f1-color--carbonBlack { color: #15151e; } .f1-standings .standing-cta { margin: 10px 0 20px 0; } .btn.btn--default, .btn.btn--follow, .btn.btn--live { background: #e10600; box-shadow: none; color: #fff; } .btn { appearance: none; border-radius: 5px; border: none; box-sizing: border-box; cursor: pointer; display: inline-block; line-height: 1; text-decoration: none; text-transform: uppercase; transition: all .5s cubic-bezier(.2,0,.05,1); font-family: "Titillium Web"; font-size: 13px; line-height: 15px; letter-spacing: .5px; font-weight: 400; font-weight: 600; position: relative; padding: 12px 35px 12px 15px; } @media (min-width: 768px) .d-md-inline-block { display: inline-block!important; } .btn i, .btn.btn--follow:after { display: block; position: absolute; top: 50%; transform: translateY(-50%); right: 15px; height: 1em; width: 1em; margin-top: -1px; } .f1-standings .f1-podium--item { padding: 0; } .f1-podium--item { align-items: center; backface-visibility: hidden; border-radius: 5px; display: flex; flex-wrap: wrap; justify-content: flex-start; margin-bottom: 2px; overflow: hidden; padding: 5px 10px; } @media (min-width: 576px) .f1-standings .f1-podium--link { padding: 15px 10px 15px 20px; } .f1-standings .f1-podium--link { padding: 10px 5px 10px 10px; transition: .4s cubic-bezier(.35,.15,.6,1); width: 100%; align-items: center; backface-visibility: hidden; border-radius: 5px; display: flex; flex-wrap: wrap; justify-content: flex-start; overflow: hidden; padding: 15px; } .f1-standings .f1-podium--rank { position: relative; top: 1px; text-align: right; width: 20px; } .f1-bold--xs { font-family: F1Bold; font-size: 14px; line-height: 17px; } .f1-standings .f1-podium .team-color-icon { width: 4px; height: 14px; margin: 0 10px; } @media (min-width: 768px) .constructors .f1-podium--position .constructor-rank .constructor-logo img { max-width: 100%; } .constructors .f1-podium--position .constructor-rank .constructor-logo img { display: inline-block; max-width: 200px; width: 85%; } .constructors .f1-podium--position [class*=icon-slash] { font-size: 120px; line-height: 0; position: static; } .common-banner-video .close-btn, .icon, .link-list--items.keyfacts-list li a::after, .nav-mobile-header .nav-burger button.close, .nav-mobile-header .nav-burger button.open, .page-assembly-banner-video .close-btn { font-family: icomoon!important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (min-width: 576px) .f1-standings .f1-podium--link { padding: 15px 10px 15px 20px; } .f1-standings .f1-podium--link { padding: 10px 5px 10px 10px; transition: .4s cubic-bezier(.35,.15,.6,1); width: 100%; align-items: center; backface-visibility: hidden; border-radius: 5px; display: flex; flex-wrap: wrap; justify-content: flex-start; overflow: hidden; padding: 15px; } .f1-standings .f1-podium--rank { position: relative; top: 1px; text-align: right; width: 20px; } .black_txt { color:#000; } </style> <section class="standings" id="constructors"> <div class="constructors-background"> <div class="container"> <div class="row"> <div class="col-md-12"> <h2 class="series-header">Constructor Standings</h2> </div> </div> <div class="col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 col-xs-12"> <table class="constructor-results" style="border-spacing: 7px 1em;"> <tbody><tr> <th></th> <th colspan="1"></th> <th><h2 class="points-header black_txt">Points</h2></th> </tr>  <tr> <td style="margin-bottom:7px!important;background-color:#F91536;width: 57px;"> <h2 class="team-position">1</h2> </td> <td style="margin-bottom:7px!important;background-color:#F91536;"> <div> <div> <h2 class="team-names white_txt">Ferrari</h2> </div> </div> </td> <td style="background-color:#F91536;"> <h2 class="constructor-points">253</h2> </td> </tr>   <tr> <td style="margin-bottom:7px!important;background-color:#00E701;width: 57px;"> <h2 class="team-position">2</h2> </td> <td style="margin-bottom:7px!important;background-color:#00E701;"> <div> <div> <h2 class="team-names white_txt">KICK F1 SIM RACING</h2> </div> </div> </td> <td style="background-color:#00E701;"> <h2 class="constructor-points">213</h2> </td> </tr>   <tr> <td style="margin-bottom:7px!important;background-color:#3671C6;width: 57px;"> <h2 class="team-position">3</h2> </td> <td style="margin-bottom:7px!important;background-color:#3671C6;"> <div> <div> <h2 class="team-names white_txt">Red Bull Sim Racing</h2> </div> </div> </td> <td style="background-color:#3671C6;"> <h2 class="constructor-points">209</h2> </td> </tr>   <tr> <td style="margin-bottom:7px!important;background-color:#6CD3BF;width: 57px;"> <h2 class="team-position">4</h2> </td> <td style="margin-bottom:7px!important;background-color:#6CD3BF;"> <div> <div> <h2 class="team-names">MERCEDES-AMG</h2> </div> </div> </td> <td style="background-color:#6CD3BF;"> <h2 class="constructor-points">197</h2> </td> </tr>   <tr> <td style="margin-bottom:7px!important;background-color:#B6BABD;width: 57px;"> <h2 class="team-position">5</h2> </td> <td style="margin-bottom:7px!important;background-color:#B6BABD;"> <div> <div> <h2 class="team-names">HAAS ESPORTS</h2> </div> </div> </td> <td style="background-color:#B6BABD;"> <h2 class="constructor-points">116</h2> </td> </tr>   <tr> <td style="margin-bottom:7px!important;background-color:#F58020;width: 57px;"> <h2 class="team-position">6</h2> </td> <td style="margin-bottom:7px!important;background-color:#F58020;"> <div> <div> <h2 class="team-names">MCLAREN SHADOW</h2> </div> </div> </td> <td style="background-color:#F58020;"> <h2 class="constructor-points">83</h2> </td> </tr>   <tr> <td style="margin-bottom:7px!important;background-color:#37BEDD;width: 57px;"> <h2 class="team-position">7</h2> </td> <td style="margin-bottom:7px!important;background-color:#37BEDD;"> <div> <div> <h2 class="team-names white_txt">WILLIAMS ESPORTS</h2> </div> </div> </td> <td style="background-color:#37BEDD;"> <h2 class="constructor-points">81</h2> </td> </tr>   <tr> <td style="margin-bottom:7px!important;background-color:#5E8FAA;width: 57px;"> <h2 class="team-position">8</h2> </td> <td style="margin-bottom:7px!important;background-color:#5E8FAA;"> <div> <div> <h2 class="team-names white_txt">ALPHATAURI ORLEN</h2> </div> </div> </td> <td style="background-color:#5E8FAA;"> <h2 class="constructor-points">51</h2> </td> </tr>   <tr> <td style="margin-bottom:7px!important;background-color:#358C75;width: 57px;"> <h2 class="team-position">9</h2> </td> <td style="margin-bottom:7px!important;background-color:#358C75;"> <div> <div> <h2 class="team-names" style="color:#fff!important;">ASTON MARTIN</h2> </div> </div> </td> <td style="background-color:#358C75;"> <h2 class="constructor-points">22</h2> </td> </tr>   <tr> <td style="margin-bottom:7px!important;background-color:#2293D1;width: 57px;"> <h2 class="team-position">10</h2> </td> <td style="margin-bottom:7px!important;background-color:#2293D1;"> <div> <div> <h2 class="team-names white_txt">ALPINE ESPORTS</h2> </div> </div> </td> <td style="background-color:#2293D1;"> <h2 class="constructor-points">11</h2> </td> </tr>  </tbody></table> </div> </div> </div> </section> <section id="home-intro"> <div class="bcg inner-shadow" data-center-top="background-position: 50% 0px;" data-top-bottom="background-position: 50% 0;" data-anchor-target="#home-intro"> <div class="home-video-left inner-shadow"> <video class="video-js" controls preload="auto" poster="https://downloads.f1esports.com/web-assets/img/dreamhack-thumb.webp" data-setup="{}"> <source src="https://downloads.f1esports.com/web-assets/video/f1sr-e1-highlights.mp4" type='video/mp4'> <p class="vjs-no-js"> To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a> </p> </video> </div> <div class="home-video-right"> <video class="video-js" controls preload="auto" poster="https://downloads.f1esports.com/web-assets/img/bahrain-ronhaar-thumb.webp" data-setup="{}"> <source src="https://downloads.f1esports.com/web-assets/video/bahrain-track-guide.mp4" type='video/mp4'> <p class="vjs-no-js"> To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a> </p> </video> </div> <div class="home-video-right"> <video class="video-js" controls preload="auto" poster="https://downloads.f1esports.com/web-assets/img/silverstone-thumb.jpg" data-setup="{}"> <source src="https://downloads.f1esports.com/web-assets/video/silverstone-track-guide.mp4" type='video/mp4'> <p class="vjs-no-js"> To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a> </p> </video> </div> </div> </section> <section id="home-intro"> <div class="bcg inner-shadow" data-center-top="background-position: 50% 0px;" data-top-bottom="background-position: 50% 0;" data-anchor-target="#home-intro"> <div id="home-intro-outer"> <div id="home-intro-inner"> <h2>THINK YOU HAVE WHAT IT TAKES?</h2> <p style="max-width:none;">Stay up to date with all things F1® Sim Racing by registering below and you could become an official F1® Sim Racing driver for an official F1® team, competing in the F1® Sim Racing World Championship, when qualification resumes.</p> <br><a class="f1ms-cta-white-btn" style="margin-top:10px;" href="/login" title="Register now">Register Now</a> <div style="padding-bottom:10px;"></div> </div> </div> </div> </section> <div id="intro-border"></div> <div id="home-advert"> <a href='https://www.ea.com/en-gb/games/f1/f1-23/buy?src=F1Esports_site' title='Buy the F1®23 videogame' target="_blank"> <picture>  <source srcset="/bundles/f1microsite/images/970x250.png?2.1.2" media="(min-width: 330px) and (max-width: 649px)"> <source srcset="/bundles/f1microsite/images/480x70.png?2.1.2" media="(min-width: 650px) and (max-width: 1200px)"> <source srcset="/bundles/f1microsite/images/980x120.png?2.1.2" media="(min-width: 1201px)">  <img srcset="/bundles/f1microsite/images/320x50.png?2.1.2" alt="F1®2023 game"> </picture> </a> <ul> <li><img src="/bundles/f1microsite/images/logo_xbox.png?2.1.2" alt="Xbox logo" /></li> <li><img src="/bundles/f1microsite/images/logo_ps4.png?2.1.2" alt="Playstation logo" /></li> <li><img src="/bundles/f1microsite/images/logo_steam.png?2.1.2" alt="Steam logo" /></li> </ul> </div> <footer class="Site-footer"> <div class="upper-wrapper"> <div class="wrapper-inner"> <div class="calender-wrapper">  </div> <div class="social-media-wrapper"> <div class="social-media-table"> <div class="social-media-cell facebook-cell"> <a href="https://www.facebook.com/f1esports" target="_blank" title="Follow F1Esports on Facebook - opens in a new window"><i class="fab fa-facebook social-icon"></i></a> </div> <div class="social-media-cell twitter-cell"> <a href="https://twitter.com/f1esports" target="_blank" title="Follow F1Esports on Twitter - opens in a new window"><i class="fab fa-twitter-square social-icon"></i></a> </div> <div class="social-media-cell youtube-cell"> <a href="https://www.youtube.com/F1esportsofficial" target="_blank" title="Follow F1Esports on Youtube - opens in a new window"><i class="fab fa-youtube social-icon"></i></a> </div> <div class="social-media-cell instagram-cell"> <a href="https://www.instagram.com/f1esports/" target="_blank" title="Follow F1Esports on Instagram - opens in a new window"><i class="fab fa-instagram social-icon"></i></a> </div> </div> </div> </div> </div> <div class="splash-footer"> <div class="fluid-container"> <div class="row no-gutters"> <div class="col-md-4 no-gutters"> <div class="f1esports-container"> <a href="https://www.f1esports.com/" title="F1 Esports website" target="_blank"> <img src="/bundles/f1microsite/images/esports-white.png?2.1.2" alt="Formula 1 esports series logo" class="f1esports-logo-footer" usemap="#newbalance" /> </a> </div> </div> <div class="col-md-4 no-gutters"> <div class="sponsors-container"> <a href="https://www.saudiaramco.com/" target="_blank"> <img src="https://downloads.f1esports.com/Images/aramco-presenting.png" class="sponsor-logos-aramco" alt="Aramco Presents"> </a> <img src="https://downloads.f1esports.com/Images/dhl-fanatec-logo.png" class="sponsor-logos" alt="F1Esports Sponsors" usemap="#f1esports-sponsors"> <map name="f1esports-sponsors"> <area shape="rect" coords="0,0,139,40" alt="DHL" href="https://www.dhl.com/" target="_blank"> <area shape="rect" coords="151,0,290,40" alt="Fanatec" href="https://www.fanatec.com/" target="_blank"> </map> </div> </div> <div class="col-md-4 no-gutters"> <div class="partners-container"> <div class="col-sm-6 col-xs-6 col-md-12"> <a href="http://www.codemasters.com/" title="Visit Codemasters website" target="_blank"> <img src="/bundles/f1microsite/images/logo_codemasters.png?2.1.2" alt="Codemasters logo" class="partner-logo cm" /> </a> </div> </ul> </div> </div> </div> </div> </div> <div class="splash-copyright"> <p><a class="legal-link" href="mailto:support@f1esports.com" title="Email support" target="_blank">Support</a> | <a class="legal-link" href="/legal-notice" title="Legal notice">Legal</a> | <a class="legal-link" href="https://www.f1esports.cn/" title="Legal notice">China Championship</a> | <a class="legal-link" href="https://www.formula1.com/" title="Visit Formula 1 website" target="_blank">Formula1.com</a> <span class="breaker">|</span> ©2003-2024 Formula 1 World Championship Limited</p> </div> </footer> <style type="text/css"> .sponsor-logos-aramco { width:80%; } .sponsors-container { display: block; text-align:center; } .sponsor-logos { width: 215px; text-align: center; margin: auto; padding-top: 10px; display: block; } .sponsor-logos-aramco { width: 140px; text-align: center; margin: auto; padding-top: 10px; display: block; } img.partner-logo.cm { width: 134px; padding-top: 0; } .f1esports-container { width: 250px; margin: 25px 0px 0px 31px; } .splash-footer { min-height: 77px; background-color: #212121; /* border-top: 2px solid #000000; */ } .center { text-align:center; } .legal-link { padding-left:4px; padding-right:4px; } .splash-copyright { font-family: 'Titillium Web', sans-serif!important; } .splash-social a { position: relative; display: inline-block; width: 28px; height: 28px; color: #292929; text-decoration: none; font-family: 'Titillium Web', sans-serif; font-weight: 700; line-height: 15px; font-size: 14px; margin-left: 10%; text-align: center; overflow: hidden; } .splash-copyright { background: #191919; color: #888; text-align: center; padding: 5px 0; font-size: 12px; } .splash-copyright p { margin:0; } .splash-copyright p a { color:#bbb; text-decoration: none; } .splash-copyright p a:hover { text-decoration: underline; } .splash-copyright .breaker { display:block; height: 0; width:0; overflow:hidden; padding-left: 4px; padding-right: 4px; } .splash-footer .footer-pad { display:none; } @media (min-width: 650px) { .splash-footer #social { background: none; } .splash-footer #social a { color: #eee; } .splash-footer #codemasters { position: absolute; top: 64px; right: 25px; margin:0; } .splash-footer #playseat-container { position: absolute; top: 72px; right: 180px; margin:0; } .splash-footer #dhl-container { position: absolute; top: 17px; right: -2px; margin:0; } .splash-footer #f1 { position:absolute; left:25px; top:45px; margin:3px 0 0 0; } .splash-copyright .breaker { display:inline; height:auto; width:auto; } .splash-footer .footer-pad { display:none; } } @media (max-width: 600px) { .splash-footer #dhl-container { display: inline-flex; width: 162px; padding-left: 74px; margin: 25px auto 0 auto; } } .social-icon{color: white;font-size: 21px;text-align:center;} @media only screen and (min-width: 768px) .upper-wrapper .wrapper-inner { min-height: 42px; border-bottom: 5px solid #0e0e14; } .upper-wrapper { border-bottom: 1px solid #2c2c34; min-height: 40px!important; background-color: #38383f; } .upper-wrapper .wrapper-inner{ border-bottom: 3px solid #2c2c34; background-color: #38383f; } .Site-footer .upper-wrapper:before, .Site-footer .middle-wrapper:before, .Site-folder .lower-wrapper:before, .Site-folder .upper-wrapper:after, .Site-folder .middle-wrapper:after, .Site-folder .lower-wrapper:after { content: " "; display: table; width: 100%; } .no-gutters { margin-right: 0; margin-left: 0; padding-right:0; padding-left:0; > .col, > [class*="col-"] { padding-right: 0!important; padding-left: 0!important; } } .fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%} .fa-2x{font-size:2em} .fa-3x{font-size:3em} .fa-4x{font-size:4em} .fa-5x{font-size:5em} .fa-fw{width:1.28571429em;text-align:center} .fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none} .fa-ul>li{position:relative} .fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center} .fa-li.fa-lg{left:-1.85714286em} .fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em} .fa-pull-left{float:left} .fa-pull-right{float:right} .fa.fa-pull-left{margin-right:.3em} .fa.fa-pull-right{margin-left:.3em} .pull-right{float:right} .pull-left{float:left} .fa.pull-left{margin-right:.3em} .fa.pull-right{margin-left:.3em} .fa-youtube:before{content:"\f167"} .fa-instagram:before{content:"\f16d"} .fa-twitter:before{content:"\f099"} .fa-facebook-official:before{content:"\f230"} .fa-facebook:before{content:"\f09a"} .fa-rss:before{content:"\f09e"} .fa-check:before{content:"\f00c"} .fa-exclamation-triangle{content:"\f071"} .Site-footer .middle-wrapper{background-color:#15151e} .Site-footer .social-media-wrapper span{color:#fff} .Site-footer .social-media-wrapper .fa{font-size:2.1rem} .Site-footer .social-media-wrapper .fa:hover{color:#ddd} .Site-footer .social-media-wrapper .twitter-cell a::after{background-color:#003c52} .Site-footer .social-media-wrapper .twitter-cell a:hover{background-color:#00aced} .Site-footer .social-media-wrapper .facebook-cell a::after{background-color:#16233e} .Site-footer .social-media-wrapper .facebook-cell a:hover{background-color:#3b5998} .Site-footer .social-media-wrapper .instagram-cell a::after{background-color:#5d1e2f} .Site-footer .social-media-wrapper .instagram-cell a:hover{background-color:#fb3958} .Site-footer .social-media-wrapper .rss-feed-cell a::after{background-color:#da5d29} .Site-footer .social-media-wrapper .rss-feed-cell a:hover{background-color:#00aced} .Site-footer .social-media-wrapper .youtube-cell a::after{background-color:#430000} .Site-footer .social-media-wrapper .youtube-cell a:hover{background-color:#cc181e} .Site-footer .social-media-wrapper .social-media-table{display:table;table-layout:fixed;width:100%;height:100%} .Site-footer .social-media-wrapper .social-media-cell{display:table-cell;border-right:1px solid #2c2c34;text-align:center;vertical-align:middle} @media only screen and (max-width:767px){.Site-footer .social-media-wrapper .social-media-cell:last-child{border-right:0} } @media only screen and (min-width:1440px){.Site-footer .social-media-wrapper .social-media-cell:first-child{border-left:1px solid #2c2c34} } .Site-footer .social-media-wrapper .social-media-cell a{width:100%;display:inline-block;padding:7px 0;position:relative} @media only screen and (max-width:767px){.Site-footer .social-media-wrapper .social-media-cell a{padding-top:13px;padding-bottom:13px} } .Site-footer .social-media-wrapper .social-media-cell a::after{content:'';position:absolute;width:100%;height:5px;bottom:-5px;left:0} @media only screen and (min-width:768px){img.f1esports-logo-footer {padding-top: 30px;} img.partner-logo.cm {padding-top:29px;} .Site-footer .social-media-wrapper{width:50%;float:left;}.partner-logo {max-width: 100%;width: 120px;display: block;padding: 0px; margin-top:21px ;float: right;} } @media only screen and (min-width:1024px){.Site-footer .social-media-wrapper{width:20%} } .Site-footer .calender-wrapper{text-align:center;border-bottom:1px solid #2c2c34;padding:7px 0} .Site-footer .calender-wrapper .download-cal{font-size:12px;font-size:1.2rem;color:#fff;font-family:"Titillium Web",Helvetica,sans-serif;font-weight:700;background:url('https://downloads.f1esports.com/Images/ico-cal-down.png') no-repeat left bottom;padding-left:30px;display:inline-block;text-transform:uppercase} .Site-footer .calender-wrapper .download-cal:hover{color:#fff;background-position:left bottom;text-decoration:underline} @media only screen and (min-width:768px){.Site-footer .calender-wrapper{border-bottom:0;width:50%;float:right} } @media only screen and (min-width:1024px){.Site-footer .calender-wrapper{width:80%;text-align:right;padding-right:20px} } .Site-footer .footer-list .nav-label{font-size:1.4rem;line-height:2;display:block;padding:10px 15px 8px;background-color:#2c2c34;border-bottom:1px solid #5b5b61} .Site-footer .footer-list>li span{color:#fff;font-size:15px;font-size:1.5rem;font-family:'F1BoldRegular',Helvetica,sans-serif;font-weight:500} @media only screen and (max-width:1023px){.Site-footer .footer-list .nav-label{background:0;border-bottom-color:#282830;padding:12px 6px} .Site-footer .footer-list .nav-label a{display:block} .Site-footer .footer-list .nav-label.open{border-bottom:0} .Site-footer .footer-list .nav-label.open .icon-arrow{-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-o-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);margin-top:0} .Site-footer .footer-list .nav-label.open span{color:#fff} .Site-footer .footer-list .nav-label .icon-arrow{font-size:6px;display:inline-block;float:right;margin-top:3px} .f1esports-container {width: 300px;margin: auto;padding-top: 14px;padding-bottom: 4px;} .sponsor-logos {width: 330px;} .partner-logo {width: 115px;display: block;padding: 0px;margin:auto;margin-top:21px;} } @media only screen and (min-width:1024px){.Site-footer .footer-list{display:table;width:100%} .Site-footer .footer-list .nav-label{background:0;border-bottom:0} .Site-footer .footer-list .nav-label a:hover{text-decoration:underline} .Site-footer .footer-list .nav-label a:hover span{color:#fff} .Site-footer .footer-list .icon-arrow{display:none} .Site-footer .footer-list>li{display:table-cell;vertical-align:top} .Site-footer .footer-list>li span{color:#fff} } @media only screen and (min-width:1280px){.Site-footer .footer-list{display:block} .Site-footer .footer-list>li{display:inline-block;vertical-align:top;padding-left:26px} .Site-footer .footer-list>li:first-child{padding-left:0} .Site-footer .footer-list.footer-secondary-list>li{padding-left:0;display:block} } .Site-footer .footer-sub-list li{line-height:1} .Site-footer .footer-sub-list a{color:#949498;font-weight:700;display:inline-block;padding:5px 15px;font-size:1.2rem;line-height:1.425;text-transform:uppercase} .Site-footer .footer-sub-list a:hover{color:#fff;text-decoration:underline} @media only screen and (max-width:1023px){.Site-footer .footer-sub-list{display:none} .Site-footer .footer-sub-list.show{display:block;border-bottom:1px solid #282830;padding-bottom:25px;margin-bottom:5px} .Site-footer .footer-sub-list a{padding:10px 30px 8px} .Site-footer .footer-sub-list li{border-bottom:.5px solid #2c2c34} .Site-footer .footer-sub-list li:last-child{border-bottom:0} } @media only screen and (max-width:1023px){.Site-footer .footer-sub-list{margin-top:-10px} .Site-footer .footer-sub-list li{border-bottom:0} .Site-footer .footer-sub-list li a{font-size:16px;font-size:1.6rem;padding:2px 6px;display:block;text-transform:none;line-height:01.25;color:#fff} } @media only screen and (min-width:1024px){.Site-footer .footer-secondary-nav{margin:10px 20px;border-top:1px solid #5b5b61;text-align:center} .Site-footer .footer-secondary-nav .footer-sub-list{width:100%} .Site-footer .footer-secondary-nav .footer-sub-list li{display:inline-block;vertical-align:top} .Site-footer .footer-secondary-nav .nav-label{display:none} .Site-footer .footer-secondary-nav .footer-sub-list a{color:#aaa} .Site-footer .footer-secondary-nav .footer-sub-list a:hover{color:#fff} } @media only screen and (min-width:1280px){.Site-footer .footer-secondary-nav .footer-sub-list a{padding:17px 15px 8px} } @media only screen and (max-width:1023px){.Site-footer .footer-secondary-nav{padding-left:15px;padding-right:15px} .Site-footer .footer-secondary-nav .footer-list .nav-label{border-bottom:0} } .Site-footer .lower-wrapper{background-color:#15151e} .Site-footer .lower-wrapper .col-wrapper{float:left;padding:30px 0 20px 0} .Site-footer .lower-wrapper .col-wrapper img{width:100%;max-width:224px} @media only screen and (max-width:767px){.Site-footer .lower-wrapper .col-wrapper img{max-width:200px} } .Site-footer .lower-wrapper .logo-f1{padding-left:35px} .Site-footer .lower-wrapper .logo-f1 .logo{margin-top:8px;max-width:224px} .Site-footer .lower-wrapper .copyright-text-wrapper{width:100%;text-align:center;border-top:1px solid #888} .Site-footer .lower-wrapper .copyright-text-wrapper p{color:#545454;font-size:1.2rem;line-height:1.4;font-family:'bentonsans',Helvetica,sans-serif;font-weight:400} @media only screen and (min-width:768px){.Site-footer .lower-wrapper .copyright-text-wrapper{border-top:0;margin-top:8px;margin-right:20px;float:right;width:auto;text-align:right} } @media only screen and (max-width:767px){.Site-footer .lower-wrapper .wrapper-inner{text-align:center} .Site-footer .lower-wrapper .wrapper-inner .col-wrapper{display:inline-block;float:none;padding:20px 0 5px 0;vertical-align:top;border-top-color:#282830} .Site-footer .lower-wrapper .wrapper-inner .col-wrapper.copyright-text-wrapper{width:auto;margin:0 15px 10px;display:block} .Site-footer .lower-wrapper .wrapper-inner .col-wrapper.copyright-text-wrapper p{font-size:.9rem} .Site-footer .upper-wrapper,.Site-footer .middle-wrapper{background:#e34a9c} .Site-footer .calender-wrapper .download-cal,.Site-footer .footer-list>li span,.Site-footer .footer-sub-list a,.Site-footer .lower-wrapper .copyright-text-wrapper p{color:#fff} .Site-footer .social-media-wrapper .fa:hover{color:#fff} .Site-footer .footer-secondary-nav{border-top-color:#e96db3} .Site-footer .lower-wrapper .col-wrapper img{vertical-align:middle} .Site-footer .logo-tata .logoBeforeTata{display:inline-block;margin-right:15px;border-right:#c4578c 1px solid} .Site-footer .logo-tata .logoBeforeTata a{display:inline-block;width:34px;margin-right:20px} .Site-footer .social-media-wrapper .social-media-cell a::after{display:none} .f1esports-container {width: 300px;margin: auto;padding-top: 14px;padding-bottom: 4px;} .sponsor-logos {width: 330px;} .partner-logo {width: 115px;display: block;padding: 5px;margin:auto;} } .Site-footer .calender-wrapper .download-cal{background:url('https://downloads.f1esports.com/Images/ico-cal-down-white.png') no-repeat left bottom} @media only screen and (min-width:768px){.Site-footer .upper-wrapper{border-bottom:2px solid #38383f} .Site-footer .lower-wrapper .col-wrapper{width:43%} .Site-footer .lower-wrapper .logo-f1{width:25%} .Site-footer .lower-wrapper .logo-tata{width:32%} } @media only screen and (max-width:767px){.event-override .navigation-component .navigation-list-wrap{background:#e557a3;border-top:1px solid #ec8cbd} .Site-footer .lower-wrapper .copyright-text-wrapper{border-top-color:#ec8cbd} .Site-footer .lower-wrapper .logo-f1{width:30%} .Site-footer .lower-wrapper .logo-tata{width:70%} } @media only screen and (max-width:1023px){.Site-footer .footer-list .nav-label{background:0;border-bottom-color:#e96db3} .Site-footer .footer-sub-list{background:#e96db3} .Site-footer .footer-sub-list li{border-bottom-color:#ec8cbd} } </style> </div> <script> function openCity(evt, cityName) { var i, x, tablinks; x = document.getElementsByClassName("city"); for (i = 0; i < x.length; i++) { x[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablink"); for (i = 0; i < x.length; i++) { tablinks[i].className = tablinks[i].className.replace(" f1-red", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " f1-red"; } </script> <script src="https://vjs.zencdn.net/6.2.5/video.js"></script> <div class="modal-overlay closed" id="modal-overlay"></div> <div class="modal closed" id="modal"> <a class="close-button" id="close-button" href='#' title='Close'> <i class="fa fa-window-close"></i> close </a> <div class="modal-guts"></div> </div> <script type="text/javascript"> if(document.referrer.indexOf("f1deck.com") != -1) { window.location = "http://www.youtube.com/watch_popup?v=oHg5SJYRHA0"; } </script> <div id="cookie_box"> <div class="container"> <div class="col-sm-9 col-md-9"> <style> #truste-consent-track.trustarc-banner { font-family: Arial,sans-serif; font-size: 12px; background-color: #38383F; color: #fff; padding: 0; border-radius:0px; margin-bottom:2px; } #truste-consent-content { overflow: hidden; max-height: 49px; min-width: 300px; width: 100%; max-width: 1320px; display: table; margin: 0 auto; }#truste-consent-text{ width: auto; display: table-cell; vertical-align: middle; padding: 10px 10px 12px 15px; text-align: left; } .truste-text { font-family: "bentonsans"; font-size: 15px; color: #fff; letter-spacing: 0; line-height: 20px;} .truste-buttontext { font-family: "bentonsans"; font-size: 15px; color: #fff; border: none; text-decoration: underline; text-decoration-color: #e10600!important; cursor: pointer; letter-spacing: 0px; }.truste-buttontext:hover { text-decoration: underline; text-decoration-color: #e10600!important; color: #e10600;} .truste-close { font-family: "bentonsans"; font-size: 12px; color: #fff; background: #e10600; border: none; text-decoration: none; cursor: pointer; padding: 8px 15px; border: 0px none; text-transform: uppercase; border-radius: 5px; letter-spacing: .5px; float: right; margin: 55px 10px; white-space: nowrap;} .truste-close:hover { box-shadow: 0 0 0 2px #e10600 inset; background: #ffffff; color: #15151e; transition: all 0.5s cubic-bezier(0.2, 0, 0.05, 1); } .truste-cookie-link { color: #fff; text-decoration: underline; text-decoration-color: #e10600!important; line-height: 40px; } .truste-cookie-link:hover { text-decoration: underline; text-decoration-color: #e10600!important; color: #e10600; } .truste-title { font-size:18px; color:#fff; font-family:"F1-Regular-Bold"; letter-spacing:0; line-height: 40px;} /* MOBILE ONLY */ @media screen and (min-width: 450px) and (max-width: 740px) { .truste-close { margin-right: 5px; margin-bottom: -2px; text-align: center; font-family: "bentonsans"; color: #fff; background-color: #e10600; text-decoration: none; cursor: pointer; margin: 0px 0px 0px 15px; float: none; clear: both; display: inline-block; } .truste-responsive #truste-consent-text { width: auto; display: block; vertical-align: middle; text-align: left;} .truste-responsive #truste-consent-content {text-align:left;} .truste-responsive .truste-buttontext { margin-right:0px; } }@media screen and (max-width: 480px) { .truste-responsive #truste-consent-text { float: left; width: auto; } .truste-close { float: left; margin: 0px 0px 0px 15px; text-align: left; }}</style> <div id="truste-consent-text" class="truste-text"> <span class="truste-title">We value your privacy</span> <br>We use technologies such as cookies in order to integrate with social media, serve relevant advertising, analyse our traffic and improve and customize your experience on our websites. To accept cookies, click "I Accept" or <a class="open-cookies">manage your settings</a>.<br><a href="https://f1esports.com/legal-notice#cookies" target="_blank" id="truste-cookie-button" style="cursor:pointer; text-decoration: underline;" class="truste-cookie-link">More Information</a> </div> </div> <div class="col-sm-3 col-md-3"> <div id="truste-consent-buttons"> <a id="truste-consent-button" class="cookie_box_close" style="margin-right:15px; margin-bottom:15px">I Accept</a> </div> </div> </div> <script> //appends an "active" class to .popup and .popup-content when the "Open" button is clicked $(".open-cookies").on("click", function() { $(".popup-overlay, .popup-content").addClass("active-cookie"); }); //removes the "active" class to .popup and .popup-content when the "Close" button is clicked $("#pop-close-cookies").on("click", function() { $(".popup-overlay, .popup-content").removeClass("active-cookie"); }); </script> </body> </html>

CINXE.COM

Formula 1® Sim Racing