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/qualification" /> <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/qualification" } </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:30:00 UTC"); var $table, round, end = final, now = new Date(); var full = false; if (now > final) { end = finalEnd; } else { end = final; } $(function() { $('#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')); $('#countdown').dsCountDown({ endDate: new Date("July 9, 2018 19:30:00"), //endDate: new Date("May 29, 2018 23:59:59"), theme: 'custom', // Set the theme 'white', 'black', 'red', 'flat', 'custom', onBevoreStart: showCountdown, titleDays: 'd', titleHours: 'h', titleMinutes: 'm', titleSeconds: 's' }); $('#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> // https://developers.google.com/youtube/iframe_api_reference // global variable for the player var player; // this function gets called when API is ready to use function onYouTubePlayerAPIReady() { // create the global player from the specific iframe (#video) player = new YT.Player('video', { events: { // call this function when player is ready to use 'onReady': onPlayerReady } }); } function onPlayerReady(event) { // bind events var playButton = document.getElementById("esports_video_btn"); playButton.addEventListener("click", function() { $('.video_pop').fadeIn( "slow", function() { }); if (Modernizr.touch){} else{player.playVideo();} }); var pauseButton = document.getElementById("video_pop"); pauseButton.addEventListener("click", function() { $(this).fadeOut( "slow", function() { }); player.pauseVideo(); }); } // Inject YouTube API script var tag = document.createElement('script'); tag.src = "//www.youtube.com/player_api"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); </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/ninja-slider.js?2.1.2"></script> <script type="text/javascript" src="/bundles/f1microsite/js/dscountdown.min.js?2.1.2"></script> <style type="text/css"> #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; } .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%; } .current { position:relative; } .we-are-here { position: absolute; left: 0%; right: 0%; bottom: 17px; color: #ffffffb0; } .col-md-4.current { border: #d20903e8 solid 1px; background: #e10600cf; border-radius: 4px; 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; margin-bottom:35px; } #frontpagebutton { margin-top:15px; } #home-leaderboard #imagewrap { background: #15151e; } .take-part-intro { font-family:'F1-Regular'; } .f1ms-cta-btn { background: #e10600; } .take-part-title { padding-top: 10px; } .take-part-number { font-size:90px; padding-top:2px; } p.take-part-para { font-family: 'F1-Regular'; } 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(/bundles/f1microsite/images/f12017-baku.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 0 20px; font-size: 15px!important; /* letter-spacing: 1px; */ line-height: 18px; text-transform:capitalize; } #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: 600; } #news-image-parent { overflow:hidden; } .news-image-container { height: 325px; 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; overflow:hidden; 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 */ overflow: hidden; 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%; display:none; } .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: 20px; } .ds-custom .ds-element { margin-right: 20px; } .ds-custom .ds-element-title { font-size: 24px; line-height: 80px; } .ds-custom .ds-element-value { font-size: 52px; } } @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: 325px; } } @media (min-width: 1080px) { .news-image-container { height: 213px; } } @media (min-width: 1200px) { #home-news ul li { width: 25%; } #home-advert ul li { width: 130px; margin-right:40px; } .news-image-container { height: 275px; } } @media (min-width: 1400px) { .news-image-container { height: 325px; } } .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; } </style> <style type="text/css"> @media (min-width: 576px) .pattern-carbonBlack:after { border-radius: 10px; background-image: url(https://downloads.f1esports.com/Images/2020/carbon-stripe.png); background-size: 12px; } .pattern-carbonBlack:after { content: ""; top: 0; left: 0; bottom: 0; right: 0; position: absolute; background-image: url(https://downloads.f1esports.com/Images/2020/carbon-stripe.png); background-size: 30px; } .pattern-grayStripes { content: ""; top: 0; left: 0; bottom: 0; right: 0; position: relative; background-image: url(https://downloads.f1esports.com/Images/2020/gray3-x1.png); } .vid-embed { text-align: center; padding-top: 198px; z-index: 25; position: relative; } h2.explainer-text { font-size: 17px; font-family: 'F1-Regular'; padding-top: 149px; padding-bottom: 9px; color: #fff; text-transform: unset; text-shadow: 0px 0px 10px rgba(0,0,0,0.5); } .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; } #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 { color: #fff; text-align:center; } .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; } .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/Images/2020/constructors-background-v3.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: 90px; 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%; } h2.f1-bold--m.f1-color--white.no-margin { font-size: 22px!important; } .f1-border--top-right { margin-left:0!important; } .mob-hide {display:none!important;} } @media only screen and (max-width: 1200px) { .col-md-4.arrow { width:97.3%; } } @media only screen and (max-width: 900px) { .col-md-4.arrow { width:97.3%; } } @media only screen and (max-width: 1320px) { .team-names span {display: none!important;} } @media only screen and (max-width: 800px) { .videoContainer { height: 38vh!important; } .col-md-4.arrow { width:97.3%; } img.lazy.loaded { width:235%!important;} } .video-js .vjs-tech { top:50%!important; left:50%!important; } .f1-bg--carbonBlack { background-color: #15151e; } .videoContainer { position:absolute; height:520px; width:100%; /*overflow: hidden;*/ z-index: 1; 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: 360px; 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 */ } .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; overflow:hidden; 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%; display:none; } .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: 20px; } .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) { .infographic-new { display:none; } .infographic-new-mobile { width:100%; display:block; } #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; } } .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; } .owl-nav { width: 100%; text-align: center; } </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="https://downloads.f1esports.com/web-assets/css/owl.carousel.css"> <div class="header-container" style="width:100%;overflow-x:hidden;"> <div class="videoContainer f1-bg--carbonBlack" style="position:relative;background-image: url(https://downloads.f1esports.com/Images/2020/header-image.jpg);background-size: 100%;background-attachment: fixed;"> <div id="text-container"> <div class="fluid_container"> <div class="row" > <div class="col-md-12 blk_shadow white_txt"> <div class="slider-wrap-inner"> <div class="slider-text"> <h1 class="header-tagline" style="padding-bottom:8px;margin-bottom:8px;padding-top:6px;">QUALIFICATION</h1> </div> </div> </div> </div> </div> </div> <div class="vid-embed"> <iframe frameborder="0" scrolling="no" marginheight="0" marginwidth="0"width="788.54" height="443" type="text/html" src="https://www.youtube.com/embed/1d66jcif5WA?autoplay=0&fs=0&iv_load_policy=3&showinfo=0&rel=0&cc_load_policy=0&start=0&end=0&origin=https://f1esports.com&frameborder=0"></iframe> </div> <div class="vid-embed-mob"> <iframe frameborder="0" scrolling="no" marginheight="0" marginwidth="0" height="213" width="343" type="text/html" src="https://www.youtube.com/embed/1d66jcif5WA?autoplay=0&fs=0&iv_load_policy=3&showinfo=0&rel=0&cc_load_policy=0&start=0&end=0&origin=https://f1esports.com&frameborder=0"></iframe> </div> </div> <a name="take-part" id="take-part-anchor"></a> <section id="take-part" class="take-part-bg "> <div class="container"> <div class="row"> <div class="col-md-10 col-md-offset-1"> <div class="2nd-text-container"> <h2 class="explainer-text center"> F1® Sim Racing Presented by Aramco is open to gamers around the world regardless of skill-level or experience. There are a number of different ways to qualify throughout the year, as outlined below </h2> </div> </div> </div> </div> </section> </div> <style> .constructor-logo { display: none; } .vid-embed-mob {display:none;} @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: 615px) { #f1-logo { width: 183px!important; margin: 20px auto; } fieldset.f1-border--top-right.f1-border-color--carbonBlack { padding-left: 0!important; margin-left: 0!important; margin: 0!important; padding: 0!important; border:none!important; } .f1-border--top-right legend { text-align: center!important; } } @media only screen and (max-width: 800px) { p.f1-bold--s { font-size: 15px; } .videoContainer { height: 38vh!important; } .vid-embed-mob { display:block!important; left: 23%; position: absolute; top: 68%; } .vid-embed-mob { display:block!important; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 343px; } .vid-embed {display:none!important} .col-md-4.arrow { width:97.3%; } .section-surround { height: 236px!important; } .constructors-background { background-size:cover!important; } } @media only screen and (max-width: 661px) { .vid-embed-mob { display:block!important; left: 23%; position: absolute; top: 68%; } .vid-embed-mob { display:block!important; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 343px; } } @media only screen and (max-width: 638px) { .vid-embed-mob { display:block!important; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 343px; } } .video-js .vjs-tech { top:50%!important; left:50%!important; #text-container { /*background-color:rgba(000,000,000,.7);*/ color:#fff; position: absolute; top: 125px; width: 100%; } .f1-bg--carbonBlack { background-color: #15151e; } .videoContainer { position:absolute; height:600px; width:100%; /*overflow: hidden;*/ z-index: 1; height: 600px; margin-left: 0px;width:100%; } .videoContainer video { min-width: 100%; min-height: 100%; } .breakdown-section { margin-top:40px; } .breakdown-title { text-align:center; margin-top:10px; margin-bottom:10px; } .description-text { text-align:center; } .breakdown-title-2 { text-align:center; color:#fff; margin-bottom:10px; } .description-text-2 { text-align:center; color:#fff; margin-bottom:40px; } .section-splitter { margin-top:65px; margin-bottom:65px; position:relative; } h2.breakdown-title { margin-bottom: 12px; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #c0c0c0; margin: 1em 0; padding: 0; } .title-box { text-align:center; } h3.section-title { border: 1px solid #c0c0c0; border-radius: 8px; padding-top: 10px; padding-bottom: 10px; padding-right: 35px; padding-left: 35px; width: 312px; position: absolute; left: 50%; transform: translateX(-50%); top: -35px; font-family: 'F1-Regular-Bold'; font-size: 19px; background-color: white; } .section-description { width:100%; text-align:center; margin-bottom:35px; } .arrow-container { text-align:center; margin-top:35px; margin-bottom:15px; } i { border: solid #c0c0c0; border-width: 0 3px 3px 0; display: inline-block; padding: 6px; } .down { transform: rotate(45deg); -webkit-transform: rotate(45deg); } </style>  <style> .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: 46%; 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; } #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; } span.date-text { font-size: 18px; } </style> <div class="f1-bg--gray6 " style="width:100%;overflow-x:hidden;"> <div class="pink-border"></div> <div class='faint-border'></div> <div class="f1-collection f1-bg--colorTheme" data-module-name="Collection"> <div class="container"> <fieldset class="f1-border--top-right f1-border-color--carbonBlack"> <legend style="width:340px;"><h2 class="f1-bold--m f1-color--white no-margin" style="font-size: 25px;">HOW TO ENTER</h2></legend> <div class="row"> <div class="col-md-6 col-lg-6 col-xl-6" style="margin-bottom:20px;"> <div class="summary-container"> <a class="f1-cc f1-cc--collection f1-color--white f1-center f1-center f1-image--hover-zoom" > <picture class="f1-cc--collection--photo">  <source data-srcset="https://downloads.f1esports.com/Images/2020/features-thumb-1.jpg"> <source data-srcset="https://downloads.f1esports.com/Images/2020/features-thumb-1.jpg">  <img data-src="https://downloads.f1esports.com/Images/2020/features-thumb-1.jpg" alt="Recreate history in the events" class="lazy loaded" src="https://downloads.f1esports.com/Images/2020/features-thumb-1.jpg" data-was-processed="true"> </picture> <div class="f1-cc--collection--caption"> <p class="f1-bold--t">Challenger Events<br><span class="date-text">COMING SOON</span></p><br> <p class="f1-bold--s">2 x half-month long events to qualify for the 2024 Challengers. Enter the events in the esports area of F1 24</p> </div> </a> </div> </div> <div class="col-md-6 col-lg-6 col-xl-6" style="margin-bottom:20px;"> <div class="summary-container"> <a class="f1-cc f1-cc--collection f1-color--white f1-center f1-center f1-image--hover-zoom"> <picture class="f1-cc--collection--photo">  <source data-srcset="https://downloads.f1esports.com/Images/2020/features-thumb-2.jpg"> <source data-srcset="https://downloads.f1esports.com/Images/2020/features-thumb-2.jpg">  <img data-src="https://downloads.f1esports.com/Images/2020/features-thumb-2.jpg" alt="Full Qualifying" class="lazy loaded" src="https://downloads.f1esports.com/Images/2020/features-thumb-2.jpg" data-was-processed="true"> </picture> <div class="f1-cc--collection--caption"> <p class="f1-bold--t">DHL Fastest Lap<br><span class="date-text">COMING SOON</span></p><br> <p class="f1-bold--s">DHL will host the DHL Fastest Lap on social media, where the entrants head to the DHL Time Trial on F1 24</p> </div> </a> </div> </div> </div> </fieldset> </div> </div> </div> </div> <style> .button-register-container { margin-top: 35px; margin-bottom:50px; } .icon-register-container { font-size: 66px; color: #ffff; margin-top: 45px; margin-bottom: 45px; text-align: center; vertical-align: middle; } .register-container { margin: 45px; color: #ffff; font-family: 'F1-Regular-Bold'; text-align: center; font-size: 16px; margin-bottom: 40px; margin-top: 27px; } .red-bg { /*background-color: #e10600;*/ background-color: #282828; /*background: url(https://downloads.f1esports.com/Images/2020/constructors-background-v3.jpg) no-repeat center;*/ clear: both; background: url(https://downloads.f1esports.com/Images/2020/constructors-background-v3.jpg) no-repeat center; background-size: cover; background-attachment: fixed; } .date-container-explain { font-family: 'F1-Regular-Bold'; color: #fff; text-align:center; font-size:12px; margin-bottom:15px; } h3.overview-title { margin-bottom: 13px; } a.f1ms-cta-white-btn:hover { color: #e10600!important; } </style> <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">QUALIFICATION EXPLAINED</h2> </div> </div class="row padtop20 padbot50"> <div> <div class="col-md-4"> <div class="overview-container" style=""> <div class="icon-container"> <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-trophy" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" d="M2.5.5A.5.5 0 0 1 3 0h10a.5.5 0 0 1 .5.5c0 .538-.012 1.05-.034 1.536a3 3 0 1 1-1.133 5.89c-.79 1.865-1.878 2.777-2.833 3.011v2.173l1.425.356c.194.048.377.135.537.255L13.3 15.1a.5.5 0 0 1-.3.9H3a.5.5 0 0 1-.3-.9l1.838-1.379c.16-.12.343-.207.537-.255L6.5 13.11v-2.173c-.955-.234-2.043-1.146-2.833-3.012a3 3 0 1 1-1.132-5.89A33.076 33.076 0 0 1 2.5.5zm.099 2.54a2 2 0 0 0 .72 3.935c-.333-1.05-.588-2.346-.72-3.935zm10.083 3.935a2 2 0 0 0 .72-3.935c-.133 1.59-.388 2.885-.72 3.935zM3.504 1c.007.517.026 1.006.056 1.469.13 2.028.457 3.546.87 4.667C5.294 9.48 6.484 10 7 10a.5.5 0 0 1 .5.5v2.61a1 1 0 0 1-.757.97l-1.426.356a.5.5 0 0 0-.179.085L4.5 15h7l-.638-.479a.501.501 0 0 0-.18-.085l-1.425-.356a1 1 0 0 1-.757-.97V10.5A.5.5 0 0 1 9 10c.516 0 1.706-.52 2.57-2.864.413-1.12.74-2.64.87-4.667.03-.463.049-.952.056-1.469H3.504z"/> </svg> </div> <div class="icon-text-container" style="color:#fff;"> <h3 class="overview-title"> CHALLENGERS </h3> <div class="date-container-explain">TBC</center></div> <p class="overview-text"> <ul class="overview-text" style="list-style: disc;"> <li>6 round online championship (50% distance)</li> <li>A competitive racing series to find the next talent </li> <li>All 6 events streamed live on Twitch & YouTube </li> </ul> </p> </div> </div> </div>  <div class="col-md-4"> <div class="overview-container"> <div class="icon-container"> <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-stopwatch" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" d="M6 .5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1H9v1.07A7.001 7.001 0 0 1 8 16 7 7 0 0 1 7 2.07V1h-.5A.5.5 0 0 1 6 .5zM8 3a6 6 0 1 0 .001 12A6 6 0 0 0 8 3zm0 2.1a.5.5 0 0 1 .5.5V9a.5.5 0 0 1-.5.5H4.5a.5.5 0 0 1 0-1h3V5.6a.5.5 0 0 1 .5-.5z"/> </svg> </div> <div class="icon-text-container" style="color:#fff;"> <h3 class="overview-title"> DHL TIME TRIAL </h3> <div class="date-container-explain">TBC</center></div> <p class="overview-text"> <ul class="overview-text" style="list-style: disc;"> <li>Invitation only qualification route </li> <li>Other selected drivers</li> <li>Global route via Time Trial in game</li> </ul> </p> </div> </div> </div> <div class="col-md-4"> <div class="overview-container"> <div class="icon-container"> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" class="bi bi-clock-history" viewBox="0 0 16 16"> <path d="M8.515 1.019A7 7 0 0 0 8 1V0a8 8 0 0 1 .589.022l-.074.997zm2.004.45a7.003 7.003 0 0 0-.985-.299l.219-.976c.383.086.76.2 1.126.342l-.36.933zm1.37.71a7.01 7.01 0 0 0-.439-.27l.493-.87a8.025 8.025 0 0 1 .979.654l-.615.789a6.996 6.996 0 0 0-.418-.302zm1.834 1.79a6.99 6.99 0 0 0-.653-.796l.724-.69c.27.285.52.59.747.91l-.818.576zm.744 1.352a7.08 7.08 0 0 0-.214-.468l.893-.45a7.976 7.976 0 0 1 .45 1.088l-.95.313a7.023 7.023 0 0 0-.179-.483zm.53 2.507a6.991 6.991 0 0 0-.1-1.025l.985-.17c.067.386.106.778.116 1.17l-1 .025zm-.131 1.538c.033-.17.06-.339.081-.51l.993.123a7.957 7.957 0 0 1-.23 1.155l-.964-.267c.046-.165.086-.332.12-.501zm-.952 2.379c.184-.29.346-.594.486-.908l.914.405c-.16.36-.345.706-.555 1.038l-.845-.535zm-.964 1.205c.122-.122.239-.248.35-.378l.758.653a8.073 8.073 0 0 1-.401.432l-.707-.707z"/> <path d="M8 1a7 7 0 1 0 4.95 11.95l.707.707A8.001 8.001 0 1 1 8 0v1z"/> <path d="M7.5 3a.5.5 0 0 1 .5.5v5.21l3.248 1.856a.5.5 0 0 1-.496.868l-3.5-2A.5.5 0 0 1 7 9V3.5a.5.5 0 0 1 .5-.5z"/> </svg> </div> <div class="icon-text-container" style="color:#fff;"> <h3 class="overview-title"> WOMEN'S WILDCARD </h3> <div class="date-container-explain">TBC</center></div> <p class="overview-text"> <ul class="overview-text" style="list-style: disc;"> <li>Time trial to find the fastest female driver</li> <li>Open to female drivers with a copy of F1 24</li> <li>One winner progresses</li> </ul> </p> <br> </div> </div> </div> </div> </div> </div> </section> <section id="china " class="f1-bg--offWhite"> <div class="container"> <div class="row"> <div class="china-container"> <div class="col-md-4"> <center> <img src="https://downloads.f1esports.com/web-assets/img/china-champ-logo.png" class="china-champ-logo"> </center> </div> <div class="col-md-8"> <fieldset class="f1-border--top-right f1-border-color--gray3"> <legend style="width:365px;"><h2 class="f1-bold--m f1-color--gray5 no-margin" style="font-size: 25px;color: #67676d!important;">CHINA CHAMPIONSHIP</h2></legend> <div class="row" style="margin-top: -18px;padding-bottom:45px;"> <p class="f1-color--black" style=" margin-left: 18px;"> If you’re based in China you can qualify via the China Championship, a regional Championship to find the fastest Chinese simracer. </p> <div class="cta-button-container" style="margin-top:17px;display: flex;text-align: center;"><a class="f1ms-cta-btn" href="http://www.f1esports.cn/" title="China Championship">Find out more</a></div> </div> </fieldset> </div> </div> </div> </div> </section> <div class="red-bg"> <div class="container"> <div class="row"> <div class="col-md-12"> <h2 class="cta-title"> BECOME THE NEXT F1® ESPORTS CHAMPION </h2> </div> </div> <div class="row"> <div class="col-md-12"> <div class="register-container"> Ensure you are registered on the F1Esports.com website to take part. Qualification is open to anyone over the age of 16 who owns the official F1 22 game on PS4/5, Xbox One/Series X/S or PC. </div> <div class="cta-register-button" style="margin-bottom:30px;margin-left:auto;margin-right:auto;"> <div class="cta-button-container" style="display: flex;text-align: center;"><a class="f1ms-cta-white-btn" href="/login" title="Register now">Register Now</a>    <a class="f1ms-cta-white-btn" href="/rules" title="Register now">Rules</a></div> </div> </div> </div> </div> </div> <style> .f1-color--gray5 { color: #67676d!important; } f1-color--gray3 { color:#d0d0d2!important; } .f1-border-color--gray3 { border-color: #d0d0d2!important; } .f1-bg--offWhite { background-color: #f7f4f1; } .f1-color--black { color:#000!important; } img.china-champ-logo { width: 275px; /* text-align: center; */ margin-bottom:40px; margin-top: 4%; } .china-container { margin-top:40px; margin-bottom:40px; } h2.cta-title { color: #fff; text-align: center; margin-top: 45px; margin-bottom:14px; } .champion-pic {text-align:center;margin-left:auto;margin-right:auto;} .icon-container { color: #ffff; font-size: 91px; text-align: center; } h3.overview-title { font-family: 'F1-Regular-Black'; color: #fff; text-align: center; } p.overview-text { color: #ffff; text-align: center; margin-bottom: 25px; } .flag-container { padding-top:15px; display:inline-flex; } .round-flag { width:45px!important; text-align:center; } .overview-container { border-right: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; border-bottom-right-radius: 15px; padding: 7px; min-height: 410px; margin-bottom: 55px; } .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> <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® ESPORTS 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> <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>Highlights of 2017 Grand Final</h2> <p style="max-width:none;">Catch up on the last year’s Abu Dhabi Grand Final. Brendon Leigh triumphed over a highly competitive field and was crowned as the inaugural champion. All the highlights in the <a href="/videos" title="Watch more videos">Videos</a> section.</p> <p style="max-width:none;">You can get involved in F1® Esports Series 2018 by registering below.</p> <div class="cta-button-container"><a class="f1ms-cta-white-btn" href="/login" title="Register now">Register Now</a>    <a class="f1ms-cta-white-btn" href="/login" title="Register now">Rules</a></div> <div style="padding-bottom:10px;"></div> </div> </div> </div> </section> <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 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