@charset "UTF-8";
/* ==========================================================================
    VARS
    2020 BRANDING COLORS
    New Blue #051224
    Yellow E4F53B
    Cool Grey 1 #f2f2f2
    White #ffffff
   ========================================================================== */
.page-content-hero.finals, .page-content-hero.next-gen {
  padding: 16px;
}

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/* v1.0.3 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.royalSlider {
  width: 100%;
  height: 100%;
  position: relative;
  direction: ltr;
  background-color: #000;
}

.royalSlider > * {
  float: left;
}

.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
}

.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
  -webkit-transform: none;
}

.rsOverflow {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  float: left;
  margin-bottom: 20px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rsVisibleNearbyWrap {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  left: 0;
  top: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rsVisibleNearbyWrap .rsOverflow {
  position: absolute;
  left: 0;
  top: 0;
}

.rsContainer {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rsArrow,
.rsThumbsArrow {
  cursor: pointer;
}

.rsThumb {
  float: left;
  position: relative;
}

.rsArrow,
.rsNav,
.rsThumbsArrow {
  opacity: 1;
  transition: opacity 0.3s linear;
}

.rsHidden {
  opacity: 0;
  visibility: hidden;
  transition: visibility 0s linear 0.3s, opacity 0.3s linear;
}

.rsGCaption {
  width: 100%;
  float: left;
  text-align: center;
}

/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen {
  position: fixed !important;
  height: auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 2147483647 !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
}

.royalSlider .rsSlide.rsFakePreloader {
  opacity: 1 !important;
  transition: 0s;
  display: none;
}

.rsSlide {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  overflow: hidden;
  height: 100%;
  width: 100%;
}

.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
  height: auto;
}

.rsContent {
  width: 100%;
  height: 100%;
  position: relative;
}

.rsPreloader {
  position: absolute;
  z-index: 0;
}

.rsNav {
  -webkit-user-select: none;
  user-select: none;
}

.rsNavItem {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.25);
}

.rsThumbs {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  float: left;
  z-index: 22;
}

.rsTabs {
  float: left;
  background: none !important;
}

.rsTabs,
.rsThumbs {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rsVideoContainer {
  /*left: 0;
  top: 0;
  position: absolute;*/
  /*width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  float: left;*/
  width: auto;
  height: auto;
  line-height: 0;
  position: relative;
}

.rsVideoFrameHolder {
  position: absolute;
  left: 0;
  top: 0;
  background: #141414;
  opacity: 0;
  -webkit-transition: 0.3s;
}

.rsVideoFrameHolder.rsVideoActive {
  opacity: 1;
}

.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
  position: absolute;
  z-index: 50;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
  box-sizing: border-box;
  padding-right: 44px;
}

.rsABlock {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 15;
  -webkit-backface-visibility: hidden;
}

.grabbing-cursor {
  cursor: url(../../atpwt/images/global/grabbing.png) 8 8, move;
}

.rsNoDrag {
  cursor: auto;
}

.rsLink {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 20;
  background: url(../../atpwt/images/global/blank.gif);
  -webkit-backface-visibility: hidden;
}

/* Hide rsNav on video Slider */
.videoSlider .rsNav, .videoSlider .rsArrowLeft, .videoSlider .rsArrowRight {
  display: none !important;
}

/* Thumbs Arrow */
.thumbs-pager {
  width: 40px;
  height: 65px;
  margin-top: 25px;
  position: absolute;
  bottom: 30px;
  z-index: 222;
  line-height: 65px;
  text-align: center;
  font-size: 15px;
  cursor: pointer;
}

.thumbs-pager.icon-pager-previous {
  left: 30px;
}

.thumbs-pager.icon-pager-next {
  right: 30px;
}

.thumbs-pager.rsThumbsArrowDisabled {
  display: none;
}

/* ==========================================================================
    RESET
   ========================================================================== */
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* ==========================================================================
    Fonts
   ========================================================================== */
@font-face {
  font-family: "roboto_regular";
  src: url("../../atpwt/fonts/roboto-regular-webfont.eot");
  src: url("../../atpwt/fonts/roboto-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../../atpwt/fonts/roboto-regular-webfont.woff2") format("woff2"), url("../../atpwt/fonts/roboto-regular-webfont.woff") format("woff"), url("../../atpwt/fonts/roboto-regular-webfont.svg#roboto_regular") format("svg"), url("../../atpwt/fonts/roboto-regular-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "roboto_bold";
  src: url("../../atpwt/fonts/roboto-bold-webfont.eot");
  src: url("../../atpwt/fonts/roboto-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../../atpwt/fonts/roboto-bold-webfont.woff2") format("woff2"), url("../../atpwt/fonts/roboto-bold-webfont.woff") format("woff"), url("../../atpwt/fonts/roboto-bold-webfont.svg#roboto_bold") format("svg"), url("../../atpwt/fonts/roboto-bold-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "roboto_light";
  src: url("../../atpwt/fonts/roboto-light-webfont.eot");
  src: url("../../atpwt/fonts/roboto-light-webfont.eot?#iefix") format("embedded-opentype"), url("../../atpwt/fonts/roboto-light-webfont.woff2") format("woff2"), url("../../atpwt/fonts/roboto-light-webfont.woff") format("woff"), url("../../atpwt/fonts/roboto-light-webfont.svg#roboto_light") format("svg"), url("../../atpwt/fonts/roboto-light-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "roboto_regular";
  src: url("../../atpwt/fonts/roboto-italic-webfont.eot");
  src: url("../../atpwt/fonts/roboto-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../../atpwt/fonts/roboto-italic-webfont.woff2") format("woff2"), url("../../atpwt/fonts/roboto-italic-webfont.woff") format("woff"), url("../../atpwt/fonts/roboto-italic-webfont.svg#roboto_regular") format("svg"), url("../../atpwt/fonts/roboto-italic-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "roboto_bold";
  src: url("../../atpwt/fonts/roboto-bolditalic-webfont.eot");
  src: url("../../atpwt/fonts/roboto-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("../../atpwt/fonts/roboto-bolditalic-webfont.woff2") format("woff2"), url("../../atpwt/fonts/roboto-bolditalic-webfont.woff") format("woff"), url("../../atpwt/fonts/roboto-bolditalic-webfont.svg#roboto_bold") format("svg"), url("../../atpwt/fonts/roboto-bolditalic-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "roboto_light";
  src: url("../../atpwt/fonts/roboto-lightitalic-webfont.eot");
  src: url("../../atpwt/fonts/roboto-lightitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../../atpwt/fonts/roboto-lightitalic-webfont.woff2") format("woff2"), url("../../atpwt/fonts/roboto-lightitalic-webfont.woff") format("woff"), url("../../atpwt/fonts/roboto-lightitalic-webfont.svg#roboto_light_italic") format("svg"), url("../../atpwt/fonts/roboto-lightitalic-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
/*TODO: this file is to be removed during atpwt facelift.
Reason for this file: icomoon generator for icons has changed and when I added new icon, the old icons stooped working:
syntax within icomoon changed. So instead of renameing all old icons to work with new syntax, I am adding this file with old icomoon syntax.

When during facelift for atpwt, remove this file, and use new icomoon syntax.
 */
.icon-font, .icon, .modal-select .select-text:before, .mobile-select .select-text:before, .tournaments-categories-item .item-link:before,
.icon-small-search,
.icon-cart,
.icon-list,
.icon-help,
.icon-chart,
.icon-map-marker,
.map-marker .marker-icon,
.icon-world-circleless,
.icon-instagram-circleless,
.icon-charity-circleless,
.icon-audio,
.icon-double-up-arrow,
.head-to-head-move-up,
.icon-double-down-arrow,
.head-to-head-move-down,
.icon-external,
.icon-arrow-down,
.table-rankings-wrapper .mega-table .sorting-cell .sorting-arrow,
.icon-arrow-right,
.modal-carousel .rsArrow.rsArrowRight .rsArrowIcn,
.mobile-navigation-links a,
.controls-wrapper .rsArrowRight,
.icon-arrow-up,
.table-rankings-wrapper .mega-table .sorting-cell.sort-up .sorting-arrow,
.icon-arrow-left,
.modal-carousel .rsArrow.rsArrowLeft .rsArrowIcn,
.map-continent-container .world-link,
.controls-wrapper .rsArrowLeft,
.icon-arrow-up-thin,
.close-nav,
.icon-arrow-down-thin,
.icon-arrow-left-thin,
.detail-carousel .rsArrow.rsArrowLeft .rsArrowIcn,
.last-events-played .rsArrow.rsArrowLeft .rsArrowIcn,
.icon-arrow-right-thin,
.detail-carousel .rsArrow.rsArrowRight .rsArrowIcn,
.last-events-played .rsArrow.rsArrowRight .rsArrowIcn,
.icon-myatp,
.icon-search,
.column-search-icon,
.icon-facebook,
.icon-twitter,
.icon-google-plus,
.icon-instagram,
.icon-youtube,
.icon-close,
.close-draw-by-player,
.marker-tooltip-close,
.search-on .column-search-icon,
.icon-facebook-circleless,
.icon-facebook-messenger,
.icon-google-plus-circleless,
.icon-googleplus-circleless,
.icon-linkedin-circleless,
.icon-mail,
.icon-pinterest-circleless,
.icon-twitter-circleless,
.icon-close-circle,
.site-search .close-search,
.modal-close,
.modal-carousel-close,
.modal-carousel-social-close,
.breaking-close,
.icon-filter,
.icon-share,
.icon-circle-minus,
.icon-circle-plus,
.icon-checkmark,
.icon-reset,
.icon-type-gallery,
.icon-type-play,
.icon-circle-video,
.play-video,
.icon-map-pin,
.intro-section .location-credit,
.icon-close-filled,
.site-search .clear-search,
.icon-fullscreen,
.icon-currency-other,
.icon-court,
.icon-tennis-ball,
.icon-favorite,
.icon-reply,
.icon-retweet,
.icon-minus,
.icon-plus,
.icon-singles,
.icon-doubles,
.icon-youtube-circleless,
.icon-clock,
.scores-daily-schedule-controls .button-time:before,
.time-button,
.icon-vixlet-circleless,
.icon-bracket,
.icon-currency,
.icon-finance,
.icon-header-search,
.icon-header-menu,
.icon-weibo-circleless,
.icon-hexagon,
.icon-radio-signal-both,
.icon-mic,
.icon-newspaper,
.icon-headphones,
.icon-feed,
.icon-cart2,
.icon-tv,
.icon-display,
.icon-play2,
.video-container .video-player .video-play-btn,
.icon-spinner11,
.video-container .video-player .video-replay-btn,
.icon-whatsapp,
.icon-next,
.video-container .video-player .video-next-btn {
  font-family: "icomoon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

.icon-none:before {
  content: "-";
  color: #aaa;
  font-size: 2em;
  position: relative;
  top: 2px;
}

/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon, .modal-select .select-text:before, .mobile-select .select-text:before, .tournaments-categories-item .item-link:before,
.icon-small-search,
.icon-cart,
.icon-list,
.icon-help,
.icon-chart,
.icon-map-marker,
.map-marker .marker-icon,
.icon-world-circleless,
.icon-instagram-circleless,
.icon-charity-circleless,
.icon-audio,
.icon-double-up-arrow,
.head-to-head-move-up,
.icon-double-down-arrow,
.head-to-head-move-down,
.icon-external,
.icon-arrow-down,
.table-rankings-wrapper .mega-table .sorting-cell .sorting-arrow,
.icon-arrow-right,
.modal-carousel .rsArrow.rsArrowRight .rsArrowIcn,
.mobile-navigation-links a,
.controls-wrapper .rsArrowRight,
.icon-arrow-up,
.table-rankings-wrapper .mega-table .sorting-cell.sort-up .sorting-arrow,
.icon-arrow-left,
.modal-carousel .rsArrow.rsArrowLeft .rsArrowIcn,
.map-continent-container .world-link,
.controls-wrapper .rsArrowLeft,
.icon-arrow-up-thin,
.close-nav,
.icon-arrow-down-thin,
.icon-arrow-left-thin,
.detail-carousel .rsArrow.rsArrowLeft .rsArrowIcn,
.last-events-played .rsArrow.rsArrowLeft .rsArrowIcn,
.icon-arrow-right-thin,
.detail-carousel .rsArrow.rsArrowRight .rsArrowIcn,
.last-events-played .rsArrow.rsArrowRight .rsArrowIcn,
.icon-myatp,
.icon-search,
.column-search-icon,
.icon-facebook,
.icon-twitter,
.icon-google-plus,
.icon-instagram,
.icon-youtube,
.icon-close,
.close-draw-by-player,
.marker-tooltip-close,
.search-on .column-search-icon,
.icon-facebook-circleless,
.icon-facebook-messenger,
.icon-google-plus-circleless,
.icon-googleplus-circleless,
.icon-linkedin-circleless,
.icon-mail,
.icon-pinterest-circleless,
.icon-twitter-circleless,
.icon-close-circle,
.site-search .close-search,
.modal-close,
.modal-carousel-close,
.modal-carousel-social-close,
.breaking-close,
.icon-filter,
.icon-share,
.icon-circle-minus,
.icon-circle-plus,
.icon-checkmark,
.icon-reset,
.icon-type-gallery,
.icon-type-play,
.icon-circle-video,
.play-video,
.icon-map-pin,
.intro-section .location-credit,
.icon-close-filled,
.site-search .clear-search,
.icon-fullscreen,
.icon-currency-other,
.icon-court,
.icon-tennis-ball,
.icon-favorite,
.icon-reply,
.icon-retweet,
.icon-minus,
.icon-plus,
.icon-singles,
.icon-doubles,
.icon-youtube-circleless,
.icon-clock,
.scores-daily-schedule-controls .button-time:before,
.time-button,
.icon-vixlet-circleless,
.icon-bracket,
.icon-currency,
.icon-finance,
.icon-header-search,
.icon-header-menu,
.icon-weibo-circleless,
.icon-hexagon,
.icon-radio-signal-both,
.icon-mic,
.icon-newspaper,
.icon-headphones,
.icon-feed,
.icon-cart2,
.icon-tv,
.icon-display,
.icon-play2,
.video-container .video-player .video-play-btn,
.icon-spinner11,
.video-container .video-player .video-replay-btn,
.icon-whatsapp,
.icon-next,
.video-container .video-player .video-next-btn {
  font-family: "icomoon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

@font-face {
  font-family: "icomoon";
  src: url("../../atpwt/icons//icomoon.eot?9il97n");
  src: url("../../atpwt/icons//icomoon.eot?9il97n#iefix") format("embedded-opentype"), url("../../atpwt/icons//icomoon.ttf?9il97n") format("truetype"), url("../../atpwt/icons//icomoon.woff?9il97n") format("woff"), url("../../atpwt/icons//icomoon.svg?9il97n#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-info:before {
  content: "\e907";
}

.icon-newspaper:before {
  content: "\e904";
}

.icon-headphones:before {
  content: "\e910";
}

.icon-feed:before {
  content: "\e91d";
}

.icon-mic:before {
  content: "\e91e";
}

.icon-cart2:before {
  content: "\e93a";
}

.icon-display:before {
  content: "\e956";
}

.icon-spinner11:before, .video-container .video-player .video-replay-btn:before {
  content: "\e984";
}

.icon-play2:before, .video-container .video-player .video-play-btn:before {
  content: "\ea15";
}

.icon-next:before, .video-container .video-player .video-next-btn:before {
  content: "\ea19";
}

.icon-tv:before {
  content: "\e95b";
}

.icon-arrow-down-fill:before, .official-rankings .table .row .down-text:before, .table-rankings-wrapper .move-down:before, .live-rankings .table .row .down-text:before, .rankings-table tbody .rankings-table__move-down:before {
  content: "\e905";
}

.icon-arrow-up-fill:before, .official-rankings .table .row .up-text:before, .table-rankings-wrapper .move-up:before, .live-rankings .table .row .up-text:before, .rankings-table tbody .rankings-table__move-up:before {
  content: "\e906";
}

.icon-stats:before {
  content: "\e903";
}

.icon-facebook-messenger:before {
  content: "\e901";
}

.icon-whatsapp:before {
  content: "\e902";
}

.icon-hexagon:before {
  content: "\e900";
}

.icon-weibo-circleless:before {
  content: "\e643";
}

.icon-header-menu:before {
  content: "\e641";
}

.icon-header-search:before {
  content: "\e642";
}

.icon-bracket:before {
  content: "\e63e";
}

.icon-currency:before {
  content: "\e63f";
}

.icon-finance:before {
  content: "\e640";
}

.icon-small-search:before {
  content: "\e63c";
}

.icon-cart:before {
  content: "\e63d";
}

.icon-map-marker:before, .map-marker .marker-icon:before {
  content: "\e637";
}

.icon-youtube-circleless:before {
  content: "\e636";
}

.icon-doubles:before {
  content: "\e634";
}

.icon-singles:before {
  content: "\e635";
}

.icon-world-circleless:before {
  content: "\e631";
}

.icon-instagram-circleless:before {
  content: "\e632";
}

.icon-charity-circleless:before {
  content: "\e633";
}

.icon-audio:before {
  content: "\e630";
}

.icon-minus:before {
  content: "\e62e";
}

.icon-plus:before {
  content: "\e62f";
}

.icon-favorite:before {
  content: "\e62b";
}

.icon-reply:before {
  content: "\e62c";
}

.icon-retweet:before {
  content: "\e62d";
}

.icon-tennis-ball:before {
  content: "\e628";
}

.icon-court:before {
  content: "\e625";
}

.icon-currency-other:before {
  content: "\e626";
}

.icon-fullscreen:before {
  content: "\e622";
}

.icon-close-filled:before, .site-search .clear-search:before {
  content: "\e61e";
}

.icon-map-pin:before, .intro-section .location-credit:before {
  content: "\e61d";
}

.icon-circle-video:before, .play-video:before {
  content: "\e61c";
}

.icon-checkmark:before {
  content: "\e616";
}

.icon-reset:before {
  content: "\e617";
}

.icon-circle-minus:before {
  content: "\e614";
}

.icon-circle-plus:before {
  content: "\e615";
}

.icon-filter:before {
  content: "\e612";
}

.icon-share:before {
  content: "\e613";
}

.icon-close:before, .close-draw-by-player:before, .marker-tooltip-close:before, .search-on .column-search-icon:before {
  content: "\e60b";
}

.icon-facebook-circleless:before {
  content: "\e60c";
}

.icon-googleplus-circleless:before {
  content: "\e60d";
}

.icon-linkedin-circleless:before {
  content: "\e60e";
}

.icon-mail:before {
  content: "\e60f";
}

.icon-pinterest-circleless:before {
  content: "\e610";
}

.icon-twitter-circleless:before {
  content: "\e611";
}

.icon-close-circle:before, .site-search .close-search:before, .modal-close:before, .modal-carousel-close:before,
.modal-carousel-social-close:before, .breaking-close:before {
  content: "\e60a";
}

.icon-facebook:before {
  content: "\e604";
}

.icon-google-plus:before {
  content: "\e605";
}

.icon-instagram:before {
  content: "\e606";
}

.icon-twitter:before {
  content: "\e607";
}

.icon-youtube:before {
  content: "\e608";
}

.icon-external:before {
  content: "\e600";
}

.icon-arrow-up:before, .table-rankings-wrapper .mega-table .sorting-cell.sort-up .sorting-arrow:before {
  content: "\e623";
}

.icon-arrow-left:before, .modal-carousel .rsArrow.rsArrowLeft .rsArrowIcn:before, .map-continent-container .world-link:before, .controls-wrapper .rsArrowLeft:before {
  content: "\e624";
}

.icon-arrow-right:before, .modal-carousel .rsArrow.rsArrowRight .rsArrowIcn:before, .mobile-navigation-links a:before, .controls-wrapper .rsArrowRight:before {
  content: "\e609";
}

.icon-arrow-down:before, .table-rankings-wrapper .mega-table .sorting-cell .sorting-arrow:before {
  content: "\e601";
}

.icon-myatp:before {
  content: "\e602";
}

.icon-search:before, .column-search-icon:before {
  content: "\e603";
}

.icon-type-play:before {
  content: "\e618";
}

.icon-type-gallery:before {
  content: "\e619";
}

.icon-arrow-up-thin:before, .close-nav:before {
  content: "\e61a";
}

.icon-arrow-down-thin:before {
  content: "\e61f";
}

.icon-arrow-left-thin:before, .detail-carousel .rsArrow.rsArrowLeft .rsArrowIcn:before, .last-events-played .rsArrow.rsArrowLeft .rsArrowIcn:before {
  content: "\e620";
}

.icon-arrow-right-thin:before, .detail-carousel .rsArrow.rsArrowRight .rsArrowIcn:before, .last-events-played .rsArrow.rsArrowRight .rsArrowIcn:before {
  content: "\e621";
}

.icon-up-down:before, .modal-select .select-text:before, .mobile-select .select-text:before {
  content: "\e61b";
}

.icon-double-up-arrow:before, .head-to-head-move-up:before {
  content: "\e629";
}

.icon-double-down-arrow:before, .head-to-head-move-down:before {
  content: "\e62a";
}

.icon-clock:before, .scores-daily-schedule-controls .button-time:before, .time-button:before {
  content: "\e638";
}

.icon-list:before {
  content: "\e639";
}

.icon-help:before {
  content: "\e63a";
}

.icon-chart:before {
  content: "\e63b";
}

.icon-vixlet:before {
  content: "\e627";
}

.icon-radio-signal-both:before {
  content: "\e007";
}

/* ==========================================================================
    MIXINS
   ========================================================================== */
.clearfix:after, .footer-foot:after, .footer:after, .day-table-info:after, .bracket-navigation:after, .structure-multiline-wrapper:after, .sub-navigation-wrap:after, .page-header-holder:after, .modal-h2h-info-wrapper:after, .player-left-wins:after,
.player-right-wins:after, .draw-by-player-player-row:after, .draw-by-player-player:after, .modal-buttons:after, .modal-carousel-actions:after, .modal-carousel-footer:after, .modal-carousel .rsThumbs .rsThumbsContainer:after, .modal-carousel .royalSlider:after, .modal-carousel:after, .modal-scores-header-info:after, .modal-scores-match-stats-players:after, .modal-scores-match-stats .module-header:after, .modal-scores-match-stats:after, .single-filter:after, .race-to-london-tables-wrapper:after, .whos-playing:after, .timeline-thumbnail:after, .timeline-item-inner:after, .timeline-item:after, .timeline-items:after, .player-rankings:after, .player-movement:after, .movers:after, .action-players:after, .movers-wrapper:after, .players-in-action:after, .page-h2h-info-wrapper:after, .page-scores-h2h-players .player-left-wins:after, .page-scores-h2h-players .player-right-wins:after, .head-to-head-details-row:after, .head-to-head-compare:after, .move-type-none:after, .head-to-head-rankings:after, .player-profile-hero-social:after, .tourney-table .item-details:after, .map-world .continent-info-inner:after, .map-world .continent-info:after, .map-world .continent:after, .filter-action-buttons:after, .singles-doubles-tabs-with-filters:after, .stat-percentage-wrapper:after, .top-stat-player-stats:after, .top-stat-player-info:after, .two-column:after, .column-header:after, .listing-item:after, .accordion-panel-wrapper:after, .content-accordion-wrapper .intro-content:after, .tourney-overview-accordion .intro-content:after, .content-filters-with-buttons:after, .content-filter-with-singles-doubles-tabs:after, .content-filter-laver-cup-tabs:after, .tournaments-categories-item .item-link:after, .tournaments-categories-item:after, .tournaments-lists-link:after, .module-icon-tabs:after, .win-loss-filters-with-buttons:after, .category-type:after, .landing-carousel .royalSlider:after, .detail-carousel .royalSlider:after, .info-area:after, .tourney-title-area:after, .schedule-info:after, .last-event-played-player:after, .last-events-played-bottom:after, .last-events-played .last-event-played-inner:after, .last-events-played:after, .social-share:after, .bottom-content:after, .article-copy:after, #doorbell:after, .article-info .author:after, .article-info:after, .partners:after, .nav-list:after, .nav-section.change-language:after, .atp-nav-list:after, .atp-nav-wrap-inner:after, .button-border-row-holder .button-border:after, .button-border-row-holder .channel-container .view-more:after, .channel-container .button-border-row-holder .view-more:after, .button-border-row-holder .channel-container .live-video:after, .channel-container .button-border-row-holder .live-video:after, .button-border-row-holder .predictive-see-all:after, .button-border-row-holder .modal-button:after, .button-border-row-holder .time-button:after, .button-border-row-holder #doorbell .buttons .btn:after, #doorbell .buttons .button-border-row-holder .btn:after, .button-border-row-holder #doorbell .buttons button:after, #doorbell .buttons .button-border-row-holder button:after, .button-border-row-holder .button:after, .button-border-row-holder .filter-control:after, .button-border-row-holder .featured-banner-button:after,
.button-group-row-holder .button-border:after,
.button-group-row-holder .channel-container .view-more:after,
.channel-container .button-group-row-holder .view-more:after,
.button-group-row-holder .channel-container .live-video:after,
.channel-container .button-group-row-holder .live-video:after,
.button-group-row-holder .predictive-see-all:after,
.button-group-row-holder .modal-button:after,
.button-group-row-holder .time-button:after,
.button-group-row-holder #doorbell .buttons .btn:after,
#doorbell .buttons .button-group-row-holder .btn:after,
.button-group-row-holder #doorbell .buttons button:after,
#doorbell .buttons .button-group-row-holder button:after,
.button-group-row-holder .button:after,
.button-group-row-holder .filter-control:after,
.button-group-row-holder .featured-banner-button:after, .button-border-row-holder:after,
.button-group-row-holder:after, .buttons-group:after, .two-column-tables:after, .main-content:after, .container:after {
  content: "";
  display: table;
  clear: both;
}

/* ==========================================================================
   KEYFRAME ANIMATIONS
========================================================================== */
@keyframes breakingNewsFrames {
  50% {
    height: 0px;
    padding: 0px;
  }
  51% {
    height: 0px;
    padding: 0px;
    position: fixed;
    top: 90px;
  }
  100% {
    position: fixed;
    top: 90px;
    height: 80px;
    padding: 25px 0px;
  }
}
@keyframes gelatine {
  from, to {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(0.9, 1.1);
  }
  50% {
    transform: scale(1.1, 0.9);
  }
  75% {
    transform: scale(0.95, 1.05);
  }
}
@keyframes bounce-in {
  0% {
    opacity: 0;
    transform: scale(0.1);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
@keyframes svgshare {
  from {
    transform: translateY(0%);
  }
  to {
    transform: translateY(15%);
  }
}
@keyframes knobone {
  from {
    transform: translateY(7px);
  }
  to {
    transform: translateY(-11px);
  }
}
@keyframes knobtwo {
  from {
    transform: translateY(13px);
  }
  to {
    transform: translateY(-5px);
  }
}
@keyframes knobthree {
  from {
    transform: translateY(4px);
  }
  to {
    transform: translateY(-14px);
  }
}
/* ==========================================================================
    BROWSER TWEAKS
   ========================================================================== */
*, *:before, *:after {
  box-sizing: border-box;
}

* {
  outline: 0;
}

/* IE 10 Overrides */
*::-ms-clear {
  display: block;
}

body {
  -ms-overflow-style: scrollbar !important;
}

input, textarea {
  -webkit-appearance: none;
          appearance: none;
}

select {
  border-radius: 0;
}

textarea {
  resize: none;
}

input[type=submit] {
  cursor: pointer;
}

/* Mobile Overrides */
* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: none;
}

.touch *:not(input):not(textarea):not(select):not(object):not(embed):not(iframe):not(video):not(audio) {
  -webkit-user-select: none;
          user-select: none;
}

/* ==========================================================================
	GLOBAL
========================================================================== */
* {
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  transition: all 300ms ease-in;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .invisibility {
    visibility: hidden;
  }
  .invisibility.hide-me {
    visibility: visible;
  }
}

.ios .hide-on-ios {
  display: none;
}

html {
  overflow: visible;
}
html body {
  overflow: visible;
  overflow-x: hidden;
}
html.page-edit-mode-on * {
  transition: none !important;
}

body {
  background-color: #f1f1f1;
  font-size: 10px;
  font-family: "roboto_regular";
  color: #1f2223;
}
.breaking-news-on body.fixed {
  padding-top: 80px;
}
.on-load-animation-complete body {
  padding-top: 130px;
}

a {
  text-decoration: none;
  color: #051224;
}
a:hover {
  color: #1f2223;
}
.rail a:hover {
  color: #1f2223;
}
a.not-in-system {
  color: #1f2223;
  pointer-events: none;
}
a.button, a.filter-control, a.featured-banner-button, a.button-border, .channel-container a.view-more, .channel-container a.live-video, a.predictive-see-all, a.modal-button, a.time-button, #doorbell .buttons a.btn, .rail-content-tabs a {
  transition: none;
}

sup {
  font-size: 0.75em;
}

button {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
          appearance: none;
}

input {
  border-radius: 0px !important;
}
input[type=search] {
  -webkit-appearance: none;
          appearance: none;
  border-radius: 0px !important;
}

.is-mobile {
  width: 100vw;
}

.wrapper {
  position: relative;
  overflow: hidden;
  zoom: 1;
  top: 0;
  left: 0 !important;
  min-width: 300px;
}
.wrapper:before, .wrapper:after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.wrapper:after {
  clear: both;
}

.container {
  margin: 0 auto;
  max-width: 1012px;
  max-width: 768px !important;
}
@media (min-width: 1332px) {
  .container {
    max-width: 1332px;
  }
  .container[id=backbonePlaceholder] {
    display: flex;
  }
}

.text-center {
  text-align: center !important;
}

.max-width-unset {
  max-width: unset !important;
}

.main-container {
  position: relative;
  background-color: #fff;
  max-width: 768px !important;
}
@media (min-width: 1332px) {
  .main-container {
    float: left;
    width: 1012px;
    margin-right: 8px;
  }
}
.transition-content-on .main-container, .transition-header-on .main-container {
  position: relative;
  z-index: 2;
}

.main-content {
  border-bottom: 1px solid #c7c8c8;
}
.page-header + .main-container .main-content {
  border-top: 1px solid #c7c8c8;
}
.transition-content-on .main-content {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.main-content > *:first-child {
  border-top: none !important;
}
.main-content > *:first-child.filter-control {
  margin: 10px;
  width: calc(100% - 20px);
}
.main-content > *.structure-table-wrapper, .main-content > *.two-column-tables, .main-content > *.board-members {
  border-top: none !important;
}
.main-content > *.article-header + script + *, .main-content > *.page-tabs + script + *, .main-content > *.page-tabs + .filter-control, .main-content > *.mobile-select-wrapper + *, .main-content > *.mobile-select-wrapper + script + *, .main-content > *.section-title + *, .tickets-accordion .main-content > .accordion-label + *, .main-content > *.mobile-navigation-links + *, .main-content > *.draw-bracket-tabs-wrapper + *, .main-content > *.button-border-row-holder.tabs-content-mode + .section-title, .tickets-accordion .main-content > *.button-border-row-holder.tabs-content-mode + .accordion-label, .main-content > *#scoresDrawTableContent {
  border-top: none !important;
}
.main-content > *.tourney-overview-accordion, .main-content > *.whos-playing, .main-content > *.whos-playing + *, .main-content > *.past-results-and-draws-table-wrapper, .main-content > *.seeds-table-wrapper, .main-content > *.points-and-prize-money-table-wrapper {
  border-color: #ececec !important;
}
.main-content > *.tourney-overview-accordion .content-accordion.expand .accordion-label, .main-content > *.whos-playing .content-accordion.expand .accordion-label, .main-content > *.whos-playing + * .content-accordion.expand .accordion-label, .main-content > *.past-results-and-draws-table-wrapper .content-accordion.expand .accordion-label, .main-content > *.seeds-table-wrapper .content-accordion.expand .accordion-label, .main-content > *.points-and-prize-money-table-wrapper .content-accordion.expand .accordion-label {
  border-bottom: 1px solid #ececec;
}
.main-content > *.tourney-overview-accordion .content-accordion .accordion-label, .main-content > *.whos-playing .content-accordion .accordion-label, .main-content > *.whos-playing + * .content-accordion .accordion-label, .main-content > *.past-results-and-draws-table-wrapper .content-accordion .accordion-label, .main-content > *.seeds-table-wrapper .content-accordion .accordion-label, .main-content > *.points-and-prize-money-table-wrapper .content-accordion .accordion-label {
  border-bottom: none;
}
.main-content > *:last-child {
  border-bottom: none !important;
}
.main-content > *.mobile-select-wrapper + .player-profile-hero-slim, .main-content > *.mobile-select-wrapper + script + .player-profile-hero-slim {
  margin-top: 15px;
}
.main-content > *.player-profile-hero-slim + .filter-control {
  margin: 30px 0px 20px 30px;
  width: calc(100% - 60px);
}
.main-content > *.player-profile-hero-slim + .filter-control .icon-filter {
  top: -1px;
}

.centered-content {
  background-color: #ffffff;
  padding: 0px 0px 16px;
}
.centered-content .article-copy, .centered-content #doorbell {
  padding: 15px 15px 0px;
}

.mega-template {
  background-color: #ffffff;
}

.two-column-tables {
  padding: 40px 30px;
}

.external:after {
  content: "\e600";
  font-family: "icomoon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  margin-left: 5px;
  font-size: 10px;
}

.nav-push:after {
  font-family: "icomoon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  content: "\e615";
}

.accordion:before, .footer-accordion:before, .footer-links-title:before {
  background-color: #051224;
  content: " ";
  height: 15px;
  position: absolute;
  right: 21px;
  top: 8px;
  width: 3px;
}
.accordion:after, .footer-accordion:after, .footer-links-title:after {
  background-color: #051224;
  content: " ";
  height: 3px;
  position: absolute;
  right: 15px;
  top: 14px;
  width: 15px;
}
.accordion.expand:before, .expand.footer-accordion:before, .expand.footer-links-title:before {
  display: none;
}

.ghost-flag {
  border: none !important;
}

/* ==========================================================================
	BUTTONS
========================================================================== */
.buttons-group {
  position: relative;
  margin-top: 20px;
  margin-right: -1px;
}

.button, .filter-control, .featured-banner-button, .button-border, .channel-container .view-more, .channel-container .live-video, .predictive-see-all, .modal-button, .time-button, #doorbell .buttons .btn, #doorbell .buttons button {
  cursor: pointer;
  background-color: #fff;
  color: #051224;
  display: block;
  font-family: "roboto_bold";
  font-size: 16px;
  height: 30px;
  letter-spacing: 0px;
  line-height: 26px;
  text-align: center;
  text-transform: uppercase;
  border-radius: 5px;
  border: 1px solid #051224;
  padding: 0 5px;
}
.button.print-button, .print-button.filter-control, .print-button.featured-banner-button, .print-button.button-border, .channel-container .print-button.view-more, .channel-container .print-button.live-video, .print-button.predictive-see-all, .print-button.modal-button, .print-button.time-button, #doorbell .buttons .print-button.btn, #doorbell .buttons button.print-button, .button.print-button:hover {
  margin: 10px;
  width: calc(100% - 20px);
  border-radius: 5px;
  border: 1px solid #051224;
}
.buttons-group .button, .buttons-group .filter-control, .buttons-group .featured-banner-button, .buttons-group .button-border, .buttons-group .channel-container .view-more, .channel-container .buttons-group .view-more, .buttons-group .channel-container .live-video, .channel-container .buttons-group .live-video, .buttons-group .predictive-see-all, .buttons-group .modal-button, .buttons-group .time-button, .buttons-group #doorbell .buttons .btn, #doorbell .buttons .buttons-group .btn, .buttons-group #doorbell .buttons button, #doorbell .buttons .buttons-group button {
  width: 50%;
  float: left;
  position: relative;
}
.buttons-group .button:first-child, .buttons-group .filter-control:first-child, .buttons-group .featured-banner-button:first-child, .buttons-group .button-border:first-child, .buttons-group .channel-container .view-more:first-child, .channel-container .buttons-group .view-more:first-child, .buttons-group .channel-container .live-video:first-child, .channel-container .buttons-group .live-video:first-child, .buttons-group .predictive-see-all:first-child, .buttons-group .modal-button:first-child, .buttons-group .time-button:first-child, .buttons-group #doorbell .buttons .btn:first-child, #doorbell .buttons .buttons-group .btn:first-child, .buttons-group #doorbell .buttons button:first-child, #doorbell .buttons .buttons-group button:first-child {
  margin-right: -1px;
}
.buttons-group .button:last-child, .buttons-group .filter-control:last-child, .buttons-group .featured-banner-button:last-child, .buttons-group .button-border:last-child, .buttons-group .channel-container .view-more:last-child, .channel-container .buttons-group .view-more:last-child, .buttons-group .channel-container .live-video:last-child, .channel-container .buttons-group .live-video:last-child, .buttons-group .predictive-see-all:last-child, .buttons-group .modal-button:last-child, .buttons-group .time-button:last-child, .buttons-group #doorbell .buttons .btn:last-child, #doorbell .buttons .buttons-group .btn:last-child, .buttons-group #doorbell .buttons button:last-child, #doorbell .buttons .buttons-group button:last-child {
  margin-left: -1px;
}
.buttons-group .button:hover, .buttons-group .filter-control:hover, .buttons-group .featured-banner-button:hover, .buttons-group .button-border:hover, .buttons-group .channel-container .view-more:hover, .channel-container .buttons-group .view-more:hover, .buttons-group .channel-container .live-video:hover, .channel-container .buttons-group .live-video:hover, .buttons-group .predictive-see-all:hover, .buttons-group .modal-button:hover, .buttons-group .time-button:hover, .buttons-group #doorbell .buttons .btn:hover, #doorbell .buttons .buttons-group .btn:hover, .buttons-group #doorbell .buttons button:hover, #doorbell .buttons .buttons-group button:hover {
  z-index: 2;
}

.tennis-yellow-button {
  background-color: #E4F53B;
  color: #051224;
}

.button-border-row-holder,
.button-group-row-holder {
  display: table !important;
  table-layout: fixed;
  text-transform: uppercase;
}
.button-border-row-holder .button-row,
.button-group-row-holder .button-row {
  display: flex;
  text-align: center;
  flex-direction: row;
  justify-content: space-evenly;
  display: table-row;
}
.button-border-row-holder .button-row .button-border, .button-border-row-holder .button-row .channel-container .view-more, .channel-container .button-border-row-holder .button-row .view-more, .button-border-row-holder .button-row .channel-container .live-video, .channel-container .button-border-row-holder .button-row .live-video, .button-border-row-holder .button-row .predictive-see-all, .button-border-row-holder .button-row .modal-button, .button-border-row-holder .button-row .time-button, .button-border-row-holder .button-row #doorbell .buttons .btn, #doorbell .buttons .button-border-row-holder .button-row .btn, .button-border-row-holder .button-row #doorbell .buttons button, #doorbell .buttons .button-border-row-holder .button-row button,
.button-group-row-holder .button-row .button-border,
.button-group-row-holder .button-row .channel-container .view-more,
.channel-container .button-group-row-holder .button-row .view-more,
.button-group-row-holder .button-row .channel-container .live-video,
.channel-container .button-group-row-holder .button-row .live-video,
.button-group-row-holder .button-row .predictive-see-all,
.button-group-row-holder .button-row .modal-button,
.button-group-row-holder .button-row .time-button,
.button-group-row-holder .button-row #doorbell .buttons .btn,
#doorbell .buttons .button-group-row-holder .button-row .btn,
.button-group-row-holder .button-row #doorbell .buttons button,
#doorbell .buttons .button-group-row-holder .button-row button {
  flex-basis: 100%;
}
.button-border-row-holder .button-border, .button-border-row-holder .channel-container .view-more, .channel-container .button-border-row-holder .view-more, .button-border-row-holder .channel-container .live-video, .channel-container .button-border-row-holder .live-video, .button-border-row-holder .predictive-see-all, .button-border-row-holder .modal-button, .button-border-row-holder .time-button, .button-border-row-holder #doorbell .buttons .btn, #doorbell .buttons .button-border-row-holder .btn, .button-border-row-holder #doorbell .buttons button, #doorbell .buttons .button-border-row-holder button, .button-border-row-holder .button, .button-border-row-holder .filter-control, .button-border-row-holder .featured-banner-button,
.button-group-row-holder .button-border,
.button-group-row-holder .channel-container .view-more,
.channel-container .button-group-row-holder .view-more,
.button-group-row-holder .channel-container .live-video,
.channel-container .button-group-row-holder .live-video,
.button-group-row-holder .predictive-see-all,
.button-group-row-holder .modal-button,
.button-group-row-holder .time-button,
.button-group-row-holder #doorbell .buttons .btn,
#doorbell .buttons .button-group-row-holder .btn,
.button-group-row-holder #doorbell .buttons button,
#doorbell .buttons .button-group-row-holder button,
.button-group-row-holder .button,
.button-group-row-holder .filter-control,
.button-group-row-holder .featured-banner-button {
  margin: 0 !important;
  width: auto !important;
}
.button-border-row-holder.tabs-content-mode,
.button-group-row-holder.tabs-content-mode {
  padding: 15px;
  padding-bottom: 0;
}
.button-border-row-holder.tabs-content-mode .button-border.current, .button-border-row-holder.tabs-content-mode .channel-container .current.view-more, .channel-container .button-border-row-holder.tabs-content-mode .current.view-more, .button-border-row-holder.tabs-content-mode .channel-container .current.live-video, .channel-container .button-border-row-holder.tabs-content-mode .current.live-video, .button-border-row-holder.tabs-content-mode .current.predictive-see-all, .button-border-row-holder.tabs-content-mode .current.modal-button, .button-border-row-holder.tabs-content-mode .current.time-button, .button-border-row-holder.tabs-content-mode #doorbell .buttons .current.btn, #doorbell .buttons .button-border-row-holder.tabs-content-mode .current.btn, .button-border-row-holder.tabs-content-mode #doorbell .buttons button.current, #doorbell .buttons .button-border-row-holder.tabs-content-mode button.current,
.button-group-row-holder.tabs-content-mode .button-border.current,
.button-group-row-holder.tabs-content-mode .channel-container .current.view-more,
.channel-container .button-group-row-holder.tabs-content-mode .current.view-more,
.button-group-row-holder.tabs-content-mode .channel-container .current.live-video,
.channel-container .button-group-row-holder.tabs-content-mode .current.live-video,
.button-group-row-holder.tabs-content-mode .current.predictive-see-all,
.button-group-row-holder.tabs-content-mode .current.modal-button,
.button-group-row-holder.tabs-content-mode .current.time-button,
.button-group-row-holder.tabs-content-mode #doorbell .buttons .current.btn,
#doorbell .buttons .button-group-row-holder.tabs-content-mode .current.btn,
.button-group-row-holder.tabs-content-mode #doorbell .buttons button.current,
#doorbell .buttons .button-group-row-holder.tabs-content-mode button.current {
  color: #000 !important;
  background-color: transparent !important;
}
.action-player .button-border-row-holder,
.action-player .button-group-row-holder {
  display: block !important;
  width: 100% !important;
}
.action-player .button-border-row-holder .button-row,
.action-player .button-group-row-holder .button-row {
  display: block !important;
  width: 100% !important;
}
.action-player .button-border-row-holder .button-border, .action-player .button-border-row-holder .channel-container .view-more, .channel-container .action-player .button-border-row-holder .view-more, .action-player .button-border-row-holder .channel-container .live-video, .channel-container .action-player .button-border-row-holder .live-video, .action-player .button-border-row-holder .predictive-see-all, .action-player .button-border-row-holder .modal-button, .action-player .button-border-row-holder .time-button, .action-player .button-border-row-holder #doorbell .buttons .btn, #doorbell .buttons .action-player .button-border-row-holder .btn, .action-player .button-border-row-holder #doorbell .buttons button, #doorbell .buttons .action-player .button-border-row-holder button,
.action-player .button-group-row-holder .button-border,
.action-player .button-group-row-holder .channel-container .view-more,
.channel-container .action-player .button-group-row-holder .view-more,
.action-player .button-group-row-holder .channel-container .live-video,
.channel-container .action-player .button-group-row-holder .live-video,
.action-player .button-group-row-holder .predictive-see-all,
.action-player .button-group-row-holder .modal-button,
.action-player .button-group-row-holder .time-button,
.action-player .button-group-row-holder #doorbell .buttons .btn,
#doorbell .buttons .action-player .button-group-row-holder .btn,
.action-player .button-group-row-holder #doorbell .buttons button,
#doorbell .buttons .action-player .button-group-row-holder button {
  display: block !important;
  float: left;
  width: 100% !important;
}

.button-group-row-holder {
  border-color: #fff !important;
  text-transform: uppercase;
}
.button-group-row-holder .button, .button-group-row-holder .filter-control, .button-group-row-holder .featured-banner-button, .button-group-row-holder .button-border, .button-group-row-holder .channel-container .view-more, .channel-container .button-group-row-holder .view-more, .button-group-row-holder .channel-container .live-video, .channel-container .button-group-row-holder .live-video, .button-group-row-holder .predictive-see-all, .button-group-row-holder .modal-button, .button-group-row-holder .time-button, .button-group-row-holder #doorbell .buttons .btn, #doorbell .buttons .button-group-row-holder .btn, .button-group-row-holder #doorbell .buttons button, #doorbell .buttons .button-group-row-holder button {
  border-color: #fff !important;
}
.button-group-row-holder .button:first-child, .button-group-row-holder .filter-control:first-child, .button-group-row-holder .featured-banner-button:first-child, .button-group-row-holder .button-border:first-child, .button-group-row-holder .channel-container .view-more:first-child, .channel-container .button-group-row-holder .view-more:first-child, .button-group-row-holder .channel-container .live-video:first-child, .channel-container .button-group-row-holder .live-video:first-child, .button-group-row-holder .predictive-see-all:first-child, .button-group-row-holder .modal-button:first-child, .button-group-row-holder .time-button:first-child, .button-group-row-holder #doorbell .buttons .btn:first-child, #doorbell .buttons .button-group-row-holder .btn:first-child, .button-group-row-holder #doorbell .buttons button:first-child, #doorbell .buttons .button-group-row-holder button:first-child {
  border-color: #fff !important;
}
.button-group-row-holder .button.current, .button-group-row-holder .current.filter-control, .button-group-row-holder .current.featured-banner-button, .button-group-row-holder .current.button-border, .button-group-row-holder .channel-container .current.view-more, .channel-container .button-group-row-holder .current.view-more, .button-group-row-holder .channel-container .current.live-video, .channel-container .button-group-row-holder .current.live-video, .button-group-row-holder .current.predictive-see-all, .button-group-row-holder .current.modal-button, .button-group-row-holder .current.time-button, .button-group-row-holder #doorbell .buttons .current.btn, #doorbell .buttons .button-group-row-holder .current.btn, .button-group-row-holder #doorbell .buttons button.current, #doorbell .buttons .button-group-row-holder button.current {
  background-color: #000 !important;
}

/* ==========================================================================
	BUTTONS AJAX
========================================================================== */
.button-ajax {
  position: relative;
}
.button-ajax .button-progress {
  width: 0%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  position: absolute;
  background-color: #051224;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  color: #fff !important;
}
.button-ajax .button-progress-text {
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.button-ajax.loading .button-progress {
  opacity: 1;
}
.button-ajax.loaded .button-progress-text {
  opacity: 1;
}
.button-ajax.loading:hover, .button-ajax.loading:active {
  color: #fff !important;
  border-color: #051224 !important;
  background-color: transparent !important;
}

.button-ajax-top {
  margin-bottom: 20px;
}

.button-ajax-bottom {
  margin-top: 20px;
}

.search-container::-webkit-scrollbar, .draw-by-player-versus-wrapper::-webkit-scrollbar, .no-tourneys .other-tourneys::-webkit-scrollbar, .main-nav::-webkit-scrollbar, .header-sub-navigation-list::-webkit-scrollbar, .dropdown::-webkit-scrollbar {
  width: 7px;
}
.search-container::-webkit-scrollbar-thumb, .draw-by-player-versus-wrapper::-webkit-scrollbar-thumb, .no-tourneys .other-tourneys::-webkit-scrollbar-thumb, .main-nav::-webkit-scrollbar-thumb, .header-sub-navigation-list::-webkit-scrollbar-thumb, .dropdown::-webkit-scrollbar-thumb {
  display: block;
  background-color: #051224;
}

.dropdown::-webkit-scrollbar {
  width: 12px;
}

.scores-draw-table-wrapper::-webkit-scrollbar, .rulebook-table-wrapper .article-copy::-webkit-scrollbar, .rulebook-table-wrapper #doorbell::-webkit-scrollbar {
  height: 7px;
}
.scores-draw-table-wrapper::-webkit-scrollbar-thumb, .rulebook-table-wrapper .article-copy::-webkit-scrollbar-thumb, .rulebook-table-wrapper #doorbell::-webkit-scrollbar-thumb {
  display: block;
  background-color: #051224;
}

.button-border, .channel-container .view-more, .channel-container .live-video, .predictive-see-all, .modal-button, .time-button, #doorbell .buttons .btn, #doorbell .buttons button {
  border-radius: 5px;
  border: 1px solid #051224;
  background-color: transparent;
  color: #051224;
  line-height: 26px;
  position: relative;
}
.button-border.alternate-color, .channel-container .alternate-color.view-more, .channel-container .alternate-color.live-video, .alternate-color.predictive-see-all, .alternate-color.modal-button, .alternate-color.time-button, #doorbell .buttons .alternate-color.btn, #doorbell .buttons button.alternate-color {
  border-color: #97d300 !important;
  color: #97d300 !important;
}
.button-border.button-disabled, .channel-container .button-disabled.view-more, .channel-container .button-disabled.live-video, .button-disabled.predictive-see-all, .button-disabled.modal-button, .button-disabled.time-button, #doorbell .buttons .button-disabled.btn, #doorbell .buttons button.button-disabled {
  border-right: none !important;
  opacity: 0.5;
  cursor: default !important;
}
.button-border.button-disabled:hover, .channel-container .button-disabled.view-more:hover, .channel-container .button-disabled.live-video:hover, .button-disabled.predictive-see-all:hover, .button-disabled.modal-button:hover, .button-disabled.time-button:hover, #doorbell .buttons .button-disabled.btn:hover, #doorbell .buttons button.button-disabled:hover {
  background-color: transparent !important;
  color: #051224;
}
.button-border.button-disabled + .button-border, .channel-container .button-disabled.view-more + .button-border, .channel-container .button-border.button-disabled + .view-more, .channel-container .button-disabled.view-more + .view-more, .channel-container .button-disabled.live-video + .button-border, .channel-container .button-disabled.live-video + .view-more, .channel-container .button-border.button-disabled + .live-video, .channel-container .button-disabled.view-more + .live-video, .channel-container .button-disabled.live-video + .live-video, .button-disabled.predictive-see-all + .button-border, .channel-container .button-disabled.predictive-see-all + .view-more, .channel-container .button-disabled.predictive-see-all + .live-video, .button-border.button-disabled + .predictive-see-all, .channel-container .button-disabled.view-more + .predictive-see-all, .channel-container .button-disabled.live-video + .predictive-see-all, .button-disabled.predictive-see-all + .predictive-see-all, .button-disabled.modal-button + .button-border, .channel-container .button-disabled.modal-button + .view-more, .channel-container .button-disabled.modal-button + .live-video, .button-disabled.modal-button + .predictive-see-all, .button-border.button-disabled + .modal-button, .channel-container .button-disabled.view-more + .modal-button, .channel-container .button-disabled.live-video + .modal-button, .button-disabled.predictive-see-all + .modal-button, .button-disabled.modal-button + .modal-button, .button-disabled.time-button + .button-border, .channel-container .button-disabled.time-button + .view-more, .channel-container .button-disabled.time-button + .live-video, .button-disabled.time-button + .predictive-see-all, .button-disabled.time-button + .modal-button, .button-border.button-disabled + .time-button, .channel-container .button-disabled.view-more + .time-button, .channel-container .button-disabled.live-video + .time-button, .button-disabled.predictive-see-all + .time-button, .button-disabled.modal-button + .time-button, .button-disabled.time-button + .time-button, #doorbell .buttons .button-disabled.btn + .button-border, #doorbell .buttons .channel-container .button-disabled.btn + .view-more, .channel-container #doorbell .buttons .button-disabled.btn + .view-more, #doorbell .buttons .channel-container .button-disabled.btn + .live-video, .channel-container #doorbell .buttons .button-disabled.btn + .live-video, #doorbell .buttons .button-disabled.btn + .predictive-see-all, #doorbell .buttons .button-disabled.btn + .modal-button, #doorbell .buttons .button-disabled.btn + .time-button, #doorbell .buttons button.button-disabled + .button-border, #doorbell .buttons .channel-container button.button-disabled + .view-more, .channel-container #doorbell .buttons button.button-disabled + .view-more, #doorbell .buttons .channel-container button.button-disabled + .live-video, .channel-container #doorbell .buttons button.button-disabled + .live-video, #doorbell .buttons button.button-disabled + .predictive-see-all, #doorbell .buttons button.button-disabled + .modal-button, #doorbell .buttons button.button-disabled + .time-button, #doorbell .buttons .button-border.button-disabled + .btn, #doorbell .buttons .channel-container .button-disabled.view-more + .btn, .channel-container #doorbell .buttons .button-disabled.view-more + .btn, #doorbell .buttons .channel-container .button-disabled.live-video + .btn, .channel-container #doorbell .buttons .button-disabled.live-video + .btn, #doorbell .buttons .button-disabled.predictive-see-all + .btn, #doorbell .buttons .button-disabled.modal-button + .btn, #doorbell .buttons .button-disabled.time-button + .btn, #doorbell .buttons .button-disabled.btn + .btn, #doorbell .buttons button.button-disabled + .btn, #doorbell .buttons .button-border.button-disabled + button, #doorbell .buttons .channel-container .button-disabled.view-more + button, .channel-container #doorbell .buttons .button-disabled.view-more + button, #doorbell .buttons .channel-container .button-disabled.live-video + button, .channel-container #doorbell .buttons .button-disabled.live-video + button, #doorbell .buttons .button-disabled.predictive-see-all + button, #doorbell .buttons .button-disabled.modal-button + button, #doorbell .buttons .button-disabled.time-button + button, #doorbell .buttons .button-disabled.btn + button, #doorbell .buttons button.button-disabled + button {
  border-left-width: 2px !important;
}

.section-title-wrapper {
  background-color: #ffffff;
  padding-bottom: 20px;
}
.section-title-wrapper .section-title, .section-title-wrapper .tickets-accordion .accordion-label, .tickets-accordion .section-title-wrapper .accordion-label {
  margin-bottom: 0px;
}

.sub-section-title {
  color: #1f2223;
  font-family: "roboto_regular";
  text-transform: uppercase;
  font-size: 12px;
}

.modal-title, .section-title, .tickets-accordion .accordion-label {
  padding: 10px 10px;
  margin-bottom: 15px;
  position: relative;
  background: linear-gradient(50deg, #ddd 0%, #fff 100%);
  background-size: 100% 2px;
  background-color: #fff;
  background-position: left bottom;
  background-repeat: no-repeat;
}
.modal-title:before, .section-title:before, .tickets-accordion .accordion-label:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 200px 0 0;
  border-color: rgba(170, 170, 170, 0.66) transparent transparent transparent;
  position: absolute;
  bottom: -4px;
  left: 0;
  z-index: 1;
}
.modal-title:after, .section-title:after, .tickets-accordion .accordion-label:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 200px 0 0;
  border-color: rgba(215, 217, 217, 0.44) transparent transparent transparent;
  position: absolute;
  bottom: -10px;
  left: 0;
  z-index: 1;
}

.section-title.career-titles, .tickets-accordion .career-titles.accordion-label, .section-title.career-finals, .tickets-accordion .career-finals.accordion-label {
  margin-bottom: 0px;
}

.top-stat-player-info-section {
  position: relative;
  background: linear-gradient(50deg, #ddd 0%, #fff 100%);
  background-size: 100% 2px;
  background-color: #fff;
  background-position: left bottom;
  background-repeat: no-repeat;
}
.top-stat-player-info-section:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 75px 2px 0;
  border-color: transparent rgba(170, 170, 170, 0.66) transparent transparent;
  position: absolute;
  bottom: -2px;
  right: 4px;
  z-index: 1;
}
.top-stat-player-info-section:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 75px 5px 0;
  border-color: transparent rgba(215, 217, 217, 0.44) transparent transparent;
  position: absolute;
  bottom: -5px;
  right: 4px;
  z-index: 1;
}

.test-wrapper {
  width: 320px;
  height: 180px;
  overflow: hidden;
  position: relative;
}
.test-wrapper .lazy-loader,
.test-wrapper .lazy-scroll {
  position: absolute;
  top: 0;
  left: 0;
}

/* ==========================================================================
	PAGER BUTTONS
========================================================================== */
.simple-pagination-page.current a {
  color: #000;
}

/* ==========================================================================
	FADED BORDERS
========================================================================== */
.player-profile-hero-social, .player-profile-hero-table tr, .player-profile-hero-table table {
  background: linear-gradient(to left, transparent, rgba(255, 255, 255, 0.25) 25%, rgba(255, 255, 255, 0.25) 75%, transparent);
  background-repeat: no-repeat;
  background-size: 100% 1px;
}

.tourney-table:after, .tourney-table-wrapper:before, .tourney-table-wrapper:after {
  background: linear-gradient(to left, transparent, rgba(255, 255, 255, 0.25) 50%, transparent);
  content: " ";
  display: block;
  position: absolute;
  height: 1px;
  width: 100%;
  z-index: 2;
}
.lt-ie10 .tourney-table:after, .lt-ie10 .tourney-table-wrapper:before, .lt-ie10 .tourney-table-wrapper:after {
  background: rgba(255, 255, 255, 0.25);
}

.player-of-the-week-hero .module-title:before, .player-profile-hero-slim .module-title:before, .player-profile-hero-ranking .player-ranking-position:before, .player-profile-hero-ranking .player-ranking-position:after, .tournament-hero .schedule-info:before {
  background: linear-gradient(to left, transparent, rgba(255, 255, 255, 0.25) 0%, transparent);
  content: " ";
  display: block;
  position: absolute;
  height: 1px;
  width: 100%;
  z-index: 2;
}
.lt-ie10 .player-of-the-week-hero .module-title:before, .lt-ie10 .player-profile-hero-slim .module-title:before, .player-of-the-week-hero .lt-ie10 .module-title:before, .player-profile-hero-slim .lt-ie10 .module-title:before, .lt-ie10 .player-profile-hero-ranking .player-ranking-position:before, .player-profile-hero-ranking .lt-ie10 .player-ranking-position:before, .lt-ie10 .player-profile-hero-ranking .player-ranking-position:after, .player-profile-hero-ranking .lt-ie10 .player-ranking-position:after, .lt-ie10 .tournament-hero .schedule-info:before, .tournament-hero .lt-ie10 .schedule-info:before {
  background: rgba(255, 255, 255, 0.25);
}

/* ==========================================================================
	LAZY LOADER
========================================================================== */
.lazy-loader,
.lazy-scroll {
  position: relative;
  background-color: #000;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
}
.lazy-loader > *,
.lazy-scroll > * {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-position: center;
  background-size: cover;
}
.lazy-loader > * > *, .lazy-loader > * img,
.lazy-scroll > * > *,
.lazy-scroll > * img {
  position: relative;
  width: 100%;
  height: auto;
  z-index: -2;
}

/* ==========================================================================
	MODAL
========================================================================== */
.modal, .modal2, .modal-carousel-wrapper {
  background-color: #000;
  bottom: 0;
  display: none;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 99999;
  height: calc(100% - 90px);
}
.modal-on .modal, .modal .modal-carousel-on, .modal-on .modal2, .modal2 .modal-carousel-on, .modal-on .modal-carousel-wrapper, .modal-carousel-wrapper .modal-carousel-on {
  display: block;
}
/* ==========================================================================
	CSS LOADERS
========================================================================== */
.spinner {
  transform: translateY(-50%) translateX(-50%);
  width: 70px !important;
  height: 25px !important;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #fff;
  border-radius: 100%;
  display: inline-block;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  animation-fill-mode: both;
}

.spinner .bounce1 {
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  animation-delay: -0.16s;
}

/* ==========================================================================
	DISALBE TRANSITIONS ON MOBILE
========================================================================== */
*:not(.rsContainer):not(.rsThumbsContainer):not(.force-transition):not(.force-transition *):not(.player-ranking-wrapper *):not(.head-to-head *):not(.button-ajax *):not(.button-ajax):not(.timeline-items):not(.timeline-items *):not(.footer-partners *) {
  transition: none !important;
}

.module-title.landscape-logo img {
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;
}

/* ==========================================================================
	CONTROL WRAPPER
========================================================================== */
.controls-wrapper {
  text-align: center;
  float: none;
}
.current-tournament .controls-wrapper {
  top: 0px !important;
}
.current-tournament .currentSlideNoTourney .controls-wrapper {
  position: relative;
  top: 10px;
}
.controls-wrapper > * {
  display: inline-block !important;
  margin-left: 10px;
}
.controls-wrapper > *:first-child {
  margin-left: 0px;
}
.controls-wrapper .rsBullets {
  padding-top: 4px;
  position: relative;
  top: -6px;
}
.controls-wrapper .rsBullet {
  background-color: #bbbcbd;
  cursor: pointer;
  float: left;
  height: 6px;
  margin-left: 4px;
  width: 30px;
  transition: background-color 0.25s ease-in-out;
}
.controls-wrapper .rsBullet:first-child {
  margin-left: 0px;
}
.controls-wrapper .rsBullet.rsNavSelected, .controls-wrapper .rsBullet.rsNavSelected_challenger {
  background-color: #1f2223;
}
.controls-wrapper .rsBullet:hover {
  background-color: #051224;
}
.controls-wrapper .rsArrow {
  display: none !important;
}
.controls-wrapper .rsArrow:hover, .controls-wrapper .rsArrow:active {
  color: #000;
}
/* Generic Filter input styles*/
.filter-text-input {
  background-color: #f1f1f1;
  border: none;
  border-bottom: 1px solid #051224;
  color: #1f2223;
  font-family: "roboto_bold";
  font-size: 1.8em;
  height: 32px;
  text-transform: capitalize;
  width: 100%;
  padding: 5px 10px 0px;
}

.past-number-ones-mega-table .mobile-select-wrapper {
  padding-right: 0px;
  width: 100%;
}

/* ==========================================================================
	BACKGROUND TAKEOVER
========================================================================== */
.background-takeover {
  background-attachment: fixed;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}
.background-takeover .large-dropin {
  background: none !important;
}

.takeover-light {
  background-color: #fff !important;
}
.takeover-light .footer {
  background-color: rgba(241, 241, 241, 0.5);
}

.takeover-dark {
  background-color: #000 !important;
  color: #fff;
}
.takeover-dark .page-title {
  color: #fff;
}
.takeover-dark .sub-navigation li.current a {
  color: #fff;
}
.takeover-dark .footer {
  background-color: rgba(0, 0, 0, 0.5);
}
.takeover-dark .footer-links-title {
  color: #fff;
}
.takeover-dark .footer-links a {
  color: #fff;
}
.takeover-dark .footer-social a:hover {
  border-color: #fff;
  color: #fff;
}
.takeover-dark .copyright a {
  color: #fff;
}
.takeover-dark .copyright p {
  color: #fff;
}
.takeover-dark .page-header .filter-control g.knob-one path, .takeover-dark .page-header .filter-control g.knob-two path, .takeover-dark .page-header .filter-control g.knob-three path {
  fill: #051224 !important;
}
.takeover-dark .page-header .filter-control:hover {
  background: transparent !important;
  border-color: #051224;
}
.takeover-dark .page-header .filter-control:hover path {
  fill: #051224 !important;
}
.takeover-dark .page-header .filter-reset:hover,
.takeover-dark .page-header .filter-submit:hover {
  border-color: #051224;
  background-color: #051224;
  color: #fff;
}

/* ==========================================================================
	FEEDBACK ITEMS
========================================================================== */
#doorbell-button {
  z-index: 9;
}

#doorbell input[type=checkbox] {
  -webkit-appearance: checkbox;
          appearance: checkbox;
}

/* ==========================================================================
	VIXLET OVERRIDES
========================================================================== */
#vixlet-1-auth-iframe {
  display: none !important;
}

/* ==========================================================================
	ATP LOADER
	========================================================================== */
.atp-loader-skrim {
  left: 0;
  position: fixed;
  background: #000;
  opacity: 0.5;
  width: 100%;
  z-index: 1000;
  height: calc(100% - 84px);
  top: 84px;
}
.page-edit-mode-on .atp-loader-skrim {
  display: none;
}
.on-load-animation-complete .atp-loader-skrim {
  z-index: 0;
  display: none;
}

.atp-loader {
  width: 172px;
  height: 172px;
  overflow: hidden;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 2;
  opacity: 1;
  transform: translateY(-50%) translateX(-50%) scale(1);
  transition: opacity 0.5s linear, transform 1s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.on-load-animation .atp-loader {
  opacity: 0;
  transform: translateY(-50%) translateX(-50%) scale(0);
}
.lt-ie10 .atp-loader, .atp-loader .page-edit-mode-on {
  display: none !important;
}

.atp-loader--page-transition {
  width: 172px;
  height: 172px;
  overflow: hidden;
  position: absolute;
  top: 220px;
  left: 50%;
  z-index: -1000;
  opacity: 0;
  transform: translateX(-50%) scale(0);
  transition: opacity 0.25s linear, transform 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.transition-content-on--player-profile .atp-loader--page-transition {
  top: 700px;
}
.transition-content-on .atp-loader--page-transition, .transition-content-on--player-profile .atp-loader--page-transition {
  z-index: 2;
  opacity: 1;
  transform: translateX(-50%) scale(1);
}

[data-filtered-module] {
  transition: opacity 0.25s linear;
}

.transition-content-on--player-profile [data-filtered-module] {
  opacity: 0.3;
  pointer-events: none;
}

.transition-content-on .main-container {
  max-height: 640px;
}

.atp-loader-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  z-index: 2;
  width: 70px;
  height: 84px;
  background: url("../../atpwt/images/global/atp-loader-logo.svg") left top no-repeat;
  background-size: 70px 83px;
  text-align: center;
}

.atp-loader-spinner {
  position: relative;
  animation: rotation 0.6s infinite linear;
  border-left: 6px solid rgba(0, 174, 239, 0.8);
  border-right: 6px solid rgba(0, 174, 239, 0.15);
  border-bottom: 6px solid rgba(0, 174, 239, 0.15);
  border-top: 6px solid rgba(0, 174, 239, 0.8);
  width: 172px;
  height: 172px;
  border-radius: 86px;
}

#doorbell-button {
  background-color: #051224 !important;
  z-index: 9999;
  right: 7%;
}

/* ==========================================================================
	BREADCRUMBS
   ========================================================================== */
.breadcrumbs {
  background-color: #ffffff;
  padding: 35px 30px 0px;
}

.breadcrumb-titles li {
  color: #1f2223;
  display: inline-block;
  font-family: "roboto_bold";
  font-size: 21px;
  letter-spacing: 0px;
  text-transform: capitalize;
}
.breadcrumb-titles li:before {
  color: #c7c8c8;
  content: "/ ";
}
.breadcrumb-titles li:first-child:before {
  display: none;
}

/* ==========================================================================
    BREAKING NEWS
   ========================================================================== */
.full-nav {
  overflow: hidden;
}
.full-nav body {
  overflow: hidden;
  position: fixed;
  margin-top: 0px !important;
}

.breaking-news {
  background: #ff0000;
  height: 0px;
  overflow: hidden;
  padding: 0px;
  width: 100%;
  transform: translateZ(0);
  z-index: 100;
  position: fixed;
}
.breaking-news.expand {
  height: 50px;
  padding: 10px 0px;
}
.breaking-news .container {
  height: 100%;
  line-height: 1;
  position: relative;
  padding: 0px 10px;
}
.breaking-news .container > * {
  color: #ffffff;
  display: block;
  font-family: "roboto_bold";
  font-size: 1.3em;
}
.breaking-news .container > *.breaking-title {
  font-size: 13px;
}

.breaking-title {
  background: #dd0606;
  position: absolute;
  text-transform: capitalize;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
  padding: 4px 15px;
}

.breaking-text {
  overflow: hidden;
  width: 100%;
  max-height: 26px;
  padding: 0px 30px 0px 90px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.breaking-close {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
}
.breaking-close:before {
  font-family: "icomoon";
  font-size: 20px;
}
.breaking-close span {
  display: none;
}

/* ==========================================================================
	BUTTON ROW
   ========================================================================== */
.button-row-holder, .button-border-row-holder,
.button-group-row-holder {
  display: table;
  width: 100%;
}

.button-row {
  display: table-row;
  text-align: center;
}
.button-row .button, .button-row .filter-control, .button-row .featured-banner-button, .button-row .button-border, .button-row .channel-container .view-more, .channel-container .button-row .view-more, .button-row .channel-container .live-video, .channel-container .button-row .live-video, .button-row .predictive-see-all, .button-row .modal-button, .button-row .time-button, .button-row #doorbell .buttons .btn, #doorbell .buttons .button-row .btn, .button-row #doorbell .buttons button, #doorbell .buttons .button-row button {
  display: table-cell;
  padding: 0;
  width: 15%;
}
.button-row .button.current, .button-row .current.filter-control, .button-row .current.featured-banner-button, .button-row .current.button-border, .button-row .channel-container .current.view-more, .channel-container .button-row .current.view-more, .button-row .channel-container .current.live-video, .channel-container .button-row .current.live-video, .button-row .current.predictive-see-all, .button-row .current.modal-button, .button-row .current.time-button, .button-row #doorbell .buttons .current.btn, #doorbell .buttons .button-row .current.btn, .button-row #doorbell .buttons button.current, #doorbell .buttons .button-row button.current {
  color: #1f2223;
}

/* ==========================================================================
	 HEADER
	========================================================================== */
.header, .header-preview {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  right: 0;
  top: -40px;
  transition: opacity 1s ease-in-out 0.5s;
  z-index: 9999;
}
.pre-nav-sticky .header, .pre-nav-sticky .header-preview {
  top: 0;
}
.header .container, .header-preview .container {
  padding: 0 10px;
  position: relative;
}

.header-preview {
  position: relative;
  z-index: 0;
}

.main-header {
  background-color: #051224;
  position: relative;
  z-index: 10;
  width: 100%;
  height: 44px;
  line-height: 44px;
}
.search-active .main-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
.main-header.expand + .header-callouts, .main-header.expand + .header-sub-navigation {
  margin-top: -40px;
}
.main-header.expand + .header-sub-navigation .header-sub-navigation-list {
  display: none;
}

.site-logo {
  margin: 0;
  text-align: center;
  float: left;
  height: 44px;
  margin-left: 6px;
}
.site-logo img {
  vertical-align: middle;
}
.site-logo img {
  display: inline-block;
  height: 36px;
  width: auto;
}
.site-logo span {
  display: none;
}

.main-header-controls {
  position: absolute;
  right: 84px;
}
.main-header-controls > li {
  color: #1f2223;
  float: left;
  position: relative;
}
.main-header-controls > li a {
  color: inherit;
}
.main-header-controls .icon, .main-header-controls .modal-select .select-text:before, .modal-select .main-header-controls .select-text:before, .main-header-controls .mobile-select .select-text:before, .mobile-select .main-header-controls .select-text:before, .main-header-controls .tournaments-categories-item .item-link:before, .tournaments-categories-item .main-header-controls .item-link:before {
  display: block;
  top: 50%;
  position: relative;
}
.main-header-controls .icon span, .main-header-controls .modal-select .select-text:before span, .modal-select .main-header-controls .select-text:before span, .main-header-controls .mobile-select .select-text:before span, .mobile-select .main-header-controls .select-text:before span, .main-header-controls .tournaments-categories-item .item-link:before span, .tournaments-categories-item .main-header-controls .item-link:before span {
  display: none;
}
.main-header-controls .icon:hover, .main-header-controls .modal-select .select-text:hover:before, .modal-select .main-header-controls .select-text:hover:before, .main-header-controls .mobile-select .select-text:hover:before, .mobile-select .main-header-controls .select-text:hover:before, .main-header-controls .tournaments-categories-item .item-link:hover:before, .tournaments-categories-item .main-header-controls .item-link:hover:before {
  color: #1f2223;
}
.main-header-controls .icon-cart {
  font-weight: bold;
}
.main-header-controls > li {
  height: 44px;
  margin-right: 8px;
  position: relative;
}
.main-header-controls > li a {
  display: block;
  text-transform: capitalize;
  font: 9px "roboto_bold";
  height: 44px;
  line-height: 44px;
  position: relative;
  color: #ffffff;
}
.main-header-controls > li a:before {
  display: block;
}
.main-header-controls > li a .icon, .main-header-controls > li a .modal-select .select-text:before, .modal-select .main-header-controls > li a .select-text:before, .main-header-controls > li a .mobile-select .select-text:before, .mobile-select .main-header-controls > li a .select-text:before, .main-header-controls > li a .tournaments-categories-item .item-link:before, .tournaments-categories-item .main-header-controls > li a .item-link:before {
  display: block;
  padding-bottom: 4px;
  text-align: center;
  position: absolute;
  width: 100%;
}
.main-header-controls > li a .header-control-text {
  font-family: roboto_bold;
  display: block;
  position: relative;
  margin-top: 13px;
  float: left;
  height: calc(100% - 13px);
}
.main-header-controls > li:first-child {
  position: static;
}
.main-header-controls .icon, .main-header-controls .modal-select .select-text:before, .modal-select .main-header-controls .select-text:before, .main-header-controls .mobile-select .select-text:before, .mobile-select .main-header-controls .select-text:before, .main-header-controls .tournaments-categories-item .item-link:before, .tournaments-categories-item .main-header-controls .item-link:before {
  font-size: 21px;
  margin-top: -13px;
}
.main-header-controls .icon.icon-myatp, .main-header-controls .modal-select .icon-myatp.select-text:before, .modal-select .main-header-controls .icon-myatp.select-text:before, .main-header-controls .mobile-select .icon-myatp.select-text:before, .mobile-select .main-header-controls .icon-myatp.select-text:before, .main-header-controls .tournaments-categories-item .icon-myatp.item-link:before, .tournaments-categories-item .main-header-controls .icon-myatp.item-link:before {
  margin-top: -12px;
}
.main-header-controls .icon-search, .main-header-controls .column-search-icon {
  margin-top: -16px;
}
.main-header-controls .icon span, .main-header-controls .modal-select .select-text:before span, .modal-select .main-header-controls .select-text:before span, .main-header-controls .mobile-select .select-text:before span, .mobile-select .main-header-controls .select-text:before span, .main-header-controls .tournaments-categories-item .item-link:before span, .tournaments-categories-item .main-header-controls .item-link:before span {
  display: block;
  font-size: 9px;
  font-family: "roboto_bold";
  text-transform: capitalize;
  margin-left: -1px;
}

.control-menu {
  display: block;
  color: #ffffff;
  text-transform: uppercase;
  height: 44px;
  float: left;
  top: 0;
  width: auto;
  text-transform: capitalize;
  font-family: "roboto_bold";
  font-size: 9px;
  line-height: 35px;
}
.control-menu span {
  background-color: #ffffff;
  display: block;
  height: 2px;
  position: relative;
  text-indent: -9999px;
  transition: all 0.25s ease-in-out;
}
.control-menu span:before, .control-menu span:after {
  background-color: #ffffff;
  content: " ";
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
  height: 2px;
  transition: all 0.25s ease-in-out;
}
.control-menu:before {
  background-color: #f2f2f2;
  color: #051224;
  content: "\e60b";
  display: none;
  font-family: "icomoon";
  font-size: 16px;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 1;
  line-height: 2.9;
}
.control-menu.expand {
  background: #f2f2f2;
}
.control-menu.expand:before {
  display: block;
}
.control-menu span {
  width: 23px;
  margin-top: 16px;
}
.control-menu span:before {
  top: -8px;
}
.control-menu span:after {
  bottom: -8px;
}

.site-sponsor {
  float: right;
}
.site-sponsor img {
  vertical-align: middle;
}
.site-sponsor a {
  display: grid;
  align-items: center;
  align-content: center;
  overflow: hidden;
  height: 44px;
}
.site-sponsor img {
  height: 51px;
  width: auto;
}

/*  Start : Sub Header */
/* End : Sub Header */
/* Start : Header Callouts */
.header--offset .header-callouts {
  margin-top: -40px;
}
.header--offset .header-sub-navigation-drawer {
  position: relative;
  height: 0;
}
.header--offset .header-sub-navigation-drawer > .header-sub-navigation-drawer-item {
  display: none;
}
.header--offset .header-sub-navigation-drawer-toggle {
  bottom: 36px;
}

.header-callouts {
  background-color: #051224;
  height: 40px;
  border-bottom: 1px solid #12243c;
  transition: all 0.25s ease-in-out;
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 1fr;
  grid-gap: 8px;
  align-content: center;
  width: 100vw;
  padding: 0 8px;
}
.header-callouts li {
  font-family: "roboto_regular";
  text-transform: uppercase;
}
.header-callouts li a {
  vertical-align: middle;
  color: #ffffff;
}
.header-callouts li a.callout-text {
  line-height: 2em;
  font-size: 9px;
  text-transform: none;
}
.header-callouts li img {
  height: 20px;
  width: auto;
}
.header-callouts li:first-child a img {
  height: 15px;
}
.header-callouts .header-callout-button {
  height: 24px;
  line-height: 20px;
  background: #051224;
  padding: 0 4px;
  font-family: "roboto_regular";
  color: #fff;
  font-size: 14px;
}

/* End : Header Callouts */
.header-sub-navigation {
  background-color: #fff;
}

.header-sub-navigation-label {
  border-bottom: 1px solid #c7c8c8;
  border-top: 1px solid #c7c8c8;
  color: #1f2223;
  line-height: 14px;
  font: 18px "roboto_bold";
  height: 32px;
  padding: 5px 10px;
  text-transform: capitalize;
}
.header-sub-navigation-label img {
  max-height: 18px;
  width: auto;
  max-width: 100%;
}
.header-sub-navigation-label.pepperstone {
  padding: 2px 10px;
}
.header-sub-navigation-label.pepperstone img {
  max-height: 24px !important;
}

.is-dropdown .header-sub-navigation-dropdown {
  width: 100%;
  float: left;
  margin-right: 10px;
  border-bottom: 1px solid #c7c8c8;
}
.is-dropdown .header-sub-navigation-dropdown .header-sub-navigation-icon {
  color: #051224;
  display: none;
  float: right;
  font-family: "roboto_bold";
  font-size: 15px;
  line-height: 15px;
  text-transform: capitalize;
  padding-right: 20px;
  margin-right: 10px;
  position: relative;
}
.is-dropdown .header-sub-navigation-dropdown .header-sub-navigation-icon:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 7px solid #051224;
  content: "";
  height: 0px;
  position: absolute;
  right: 0px;
  top: 4px;
  width: 0px;
}
.is-dropdown img {
  max-height: 18px;
  width: auto;
  max-width: 100%;
}

.header-sub-navigation-title {
  display: flex;
  height: 18px;
  line-height: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 70px);
}
.header-sub-navigation-title sup {
  line-height: 1.8em;
}
.header-sub-navigation-title.pepperstone {
  height: 24px;
}

.header-sub-navigation-drawer {
  background-color: #fff;
  border-bottom: 1px solid #c7c8c8;
  font-size: 15px;
  height: 40px;
  line-height: 40px;
  padding: 0px 15px;
}

.header-sub-navigation-item {
  display: block;
  width: 100vw;
}

.header-sub-navigation-drawer-item {
  float: left;
  font-family: "roboto_regular";
  margin-left: 10px;
  position: relative;
}
.header-sub-navigation-drawer-item:before {
  color: #c7c8c8;
  content: "|";
  left: -6px;
  pointer-events: none;
  position: absolute;
}
.header-sub-navigation-drawer-item:first-child {
  margin-left: 0px;
}
.header-sub-navigation-drawer-item:first-child:before {
  display: none;
}
.header-sub-navigation-item .header-sub-navigation-drawer-item {
  display: block;
  float: none;
  font-size: 15px;
  margin: 0px;
  padding: 10px 15px;
}
.header-sub-navigation-item .header-sub-navigation-drawer-item:before {
  display: none;
}

.header-sub-navigation-drawer-toggle {
  float: right;
  font-family: "roboto_bold";
  font-size: 15px;
  margin-left: 15px;
  padding-right: 17px;
  position: relative;
  text-transform: capitalize;
  bottom: 0;
  transition: bottom 0.25s;
}
.header-sub-navigation-drawer-toggle:hover {
  color: #051224;
}
.header-sub-navigation-drawer-toggle:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 7px solid #051224;
  content: "";
  height: 0px;
  position: absolute;
  right: 0px;
  top: 50%;
  width: 0px;
  transform: translateY(-50%);
}
.header-sub-navigation-drawer-toggle.hide {
  display: none;
}

.header-sub-navigation-list {
  display: none;
  width: 100%;
}
.dropdown-on .header-sub-navigation-list {
  background-color: rgba(255, 255, 255, 0.97);
  display: block;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  position: fixed;
}
.dropdown-on .header-sub-navigation-list:after {
  content: " ";
  display: block;
  height: 100px;
}

.header-sub-navigation-item {
  float: left;
  height: 32px;
  border-left: 1px solid #ececec;
}
.header-sub-navigation-item a {
  display: block;
  line-height: 1em;
  font: 16px "roboto_regular";
  letter-spacing: 0px;
  padding: 5px 10px;
}

.page-header-sub-nav {
  border: none !important;
}
.page-header-sub-nav *:before {
  border: none !important;
}

.atp-header-container {
  position: relative;
}

.atp-logo {
  margin: 0px 16px 0px 0px;
}
.atp-logo .atp-logo-name {
  display: none;
}
.atp-logo .atp-logo-image {
  display: block;
  height: auto;
  width: 96px;
}
.atp-logo .atp-logo-link {
  display: block;
}

.atp-nav-wrap {
  text-align: center;
  float: left;
  height: 70px;
  display: inline-block;
  flex-grow: 1;
  margin-right: 32px;
}
.atp-nav-wrap .atp-nav, .atp-nav-wrap .atp-search {
  text-align: center;
  flex-grow: 1;
}
.atp-nav-wrap .atp-nav-wrap-inner {
  display: flex;
}

.atp-nav {
  height: 70px;
  width: auto;
}

.atp-nav-icon {
  display: grid;
  grid-auto-flow: column;
  grid-column-gap: 8px;
  margin-right: 8px;
}

.atp-nav-list {
  list-style: none;
  width: auto;
  display: grid;
  grid-auto-flow: column;
  justify-content: start;
  grid-column-gap: 10px;
}
.atp-nav-list * {
  -webkit-user-select: none;
          user-select: none;
}
.atp-nav-list > .atp-nav-item {
  position: relative;
}
.atp-nav-list > .atp-nav-item:first-child {
  margin-left: 0px;
}
.atp-nav-list > .atp-nav-item > a {
  color: #fff;
  display: block;
  line-height: 1em;
  font: 15px "roboto_regular";
  height: 70px;
  line-height: 70px;
  position: relative;
  text-transform: uppercase;
  width: auto;
  transition: all 0.25s ease-in-out;
}
.atp-nav-list > .atp-nav-item ul {
  position: absolute;
  top: 70px;
  left: -20px;
  z-index: 2;
  display: none;
}

.atp-nav-list > .atp-nav-item > a:hover {
  color: #E4F53B;
}
.atp-nav-list > .atp-nav-item > a:hover:after {
  color: #000;
}
.atp-nav-list > .atp-nav-item:hover .atp-sub-nav {
  display: block;
}

.device-using-touch .atp-touch-hover > a {
  color: #000 !important;
}
.device-using-touch .atp-touch-hover > a:after {
  color: #000 !important;
}
.device-using-touch .atp-touch-hover > ul {
  display: block;
}
.device-using-touch .header-sub-navigation .atp-touch-hover > a {
  color: #fff !important;
}
.device-using-touch .header-sub-navigation .atp-touch-hover > a:after {
  color: #fff !important;
}

.fixed-sub-navigation .header-sub-navigation {
  opacity: 1;
}

.atp-sub-nav {
  border: 1px solid #ddd;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  display: block;
  line-height: 1;
}

.atp-nav-item .atp-sub-nav-item {
  display: block;
  height: auto;
  line-height: 1em;
  font: 16px "roboto_regular";
  text-align: left;
  width: 248px;
}
.atp-nav-item .atp-sub-nav-item > a {
  color: #051224;
  display: block;
  padding: 10px 20px;
}
.atp-nav-item .atp-sub-nav-item > a:hover {
  color: #051224;
  font-weight: bold;
}
.atp-nav-item .atp-sub-nav-item:first-child > a {
  padding-top: 20px;
}
.atp-nav-item .atp-sub-nav-item:last-child > a {
  padding-bottom: 20px;
}
.atp-nav-item .atp-sub-nav-item:hover {
  background-color: #f2f2f2;
}

.atp-more-link {
  display: none;
}
.atp-more-link > a:after {
  content: "\e609";
  display: inline-block;
  font-family: "icomoon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 10px;
  margin-left: 5px;
  position: relative;
  top: -2px;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  transform: rotate(90deg);
  transition: all 0.25s ease-in-out;
}
.atp-more-link .atp-nav-item {
  display: block;
  height: auto;
  line-height: 1em;
  font: 18px "roboto_bold";
  text-align: left;
  text-transform: capitalize;
  width: 248px;
}
.atp-more-link .atp-nav-item > a {
  display: block;
  padding: 10px 20px;
}
.atp-more-link .atp-nav-item:first-child > a {
  padding-top: 20px;
}
.atp-more-link .atp-nav-item:last-child > a {
  padding-bottom: 20px;
}
.atp-more-link .atp-sub-nav .atp-sub-nav {
  display: none !important;
}

@media (max-width: 1332px) {
  .atp-more-link {
    display: list-item;
  }

  .more-item {
    display: none;
  }
}
.atp-nav-sponsor .atp-nav-sponsor-image {
  display: block;
  height: 70px;
  width: auto;
}

/* atp menu */
.atp-menu {
  cursor: pointer;
  display: none;
  float: left;
  margin: 0;
  overflow: hidden;
  position: relative;
}

.atp-menu-label {
  line-height: 1em;
  font: 9px "roboto_bold";
  letter-spacing: 1.4px;
  text-align: center;
  text-transform: capitalize;
}

.atp-menu-icon {
  position: relative;
}
.atp-menu-icon:after {
  content: "\e641";
  display: block;
  font-family: "icomoon";
  font-size: 30px;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  position: relative;
  speak: none;
  text-transform: none;
  z-index: 1;
  -webkit-font-smoothing: antialiased;
}
.atp-menu-icon > * {
  display: none;
}

@media (min-width: 1025px) {
  .atp-shop-link {
    cursor: pointer;
    color: #fff;
    height: 70px;
    line-height: 1em;
    font: 13px "roboto_bold";
    text-align: center;
    text-transform: capitalize;
  }
  .atp-shop-link .icon, .atp-shop-link .modal-select .select-text:before, .modal-select .atp-shop-link .select-text:before, .atp-shop-link .mobile-select .select-text:before, .mobile-select .atp-shop-link .select-text:before, .atp-shop-link .tournaments-categories-item .item-link:before, .tournaments-categories-item .atp-shop-link .item-link:before {
    display: block;
    font-size: 22px;
    margin-top: 15px;
  }
  .atp-shop-link .icon-cart {
    font-weight: bold;
  }
  .atp-shop-link .icon-cart:before {
    color: #1f2223;
  }
  .atp-shop-link a {
    color: #1f2223;
    display: block;
    padding: 0px;
  }
  .atp-shop-link a:hover {
    color: #000;
  }

  .atp-search {
    cursor: pointer;
    color: #fff;
    height: 70px;
    line-height: 1em;
    font: 13px "roboto_bold";
    text-transform: capitalize;
    transition: color 0.25s ease-in-out;
  }
  .atp-search .atp-search-label {
    position: relative;
    width: auto;
    margin: 17px auto 0;
  }
  .atp-search .atp-search-label:after {
    content: "\e603";
    font-family: "icomoon";
    speak: none;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    font-size: 19px;
    -webkit-font-smoothing: antialiased;
  }
  .atp-search .atp-search-label-text {
    float: left;
    margin-left: 5px;
  }
  .atp-search:hover {
    color: #E4F53B;
  }
}
@media (max-width: 1024px) {
  .atp-search .atp-search-label {
    display: none;
  }
}
.atp-cart {
  cursor: pointer;
  color: #fff;
  line-height: 1em;
  margin-right: 5px;
  height: 100%;
}
.atp-cart-icon {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
}
.atp-cart-icon::before {
  font-size: 25px;
  display: flex;
  align-items: center;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
@media (max-width: 1024px) {
  .atp-cart-icon::before {
    font-size: 18px;
    padding: 2px;
    padding-bottom: 4px;
  }
}
.atp-cart-icon__label {
  font: 13px "roboto_bold";
  text-transform: capitalize;
}
@media (max-width: 1024px) {
  .atp-cart-icon__label {
    font-size: 9px;
    letter-spacing: 1.4px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .atp-search {
    transition: none;
  }
}

@media (max-width: 1024px) {
  .atp-shop-link {
    cursor: pointer;
    color: #1f2223;
    margin-right: 10px;
    float: left;
    text-transform: capitalize;
  }
  .atp-shop-link .icon, .atp-shop-link .modal-select .select-text:before, .modal-select .atp-shop-link .select-text:before, .atp-shop-link .mobile-select .select-text:before, .mobile-select .atp-shop-link .select-text:before, .atp-shop-link .tournaments-categories-item .item-link:before, .tournaments-categories-item .atp-shop-link .item-link:before {
    display: block;
    font-size: 22px;
  }
  .atp-shop-link .icon-cart {
    font-weight: bold;
    color: #1f2223;
  }
  .atp-shop-link a {
    color: #fff;
    display: block;
    line-height: 1;
    font: 9px "roboto_regular";
    letter-spacing: 1.4px;
    margin-top: 4px;
    text-transform: uppercase;
  }
  .atp-shop-link a:hover {
    color: #000;
  }

  .atp-logo {
    margin: 2px 10px 0px 10px;
  }

  .atp-menu {
    color: #ffffff;
    display: block;
    width: 30px;
  }
  .atp-menu:hover {
    color: #E4F53B;
  }

  .atp-nav, .atp-nav-list {
    display: none;
  }

  /*.atp-nav-wrap {
  	left: 75px;
  	position: absolute;
  	top: 0px;
  }*/
  .atp-nav-wrap-inner {
    position: relative;
    top: calc(50% + 2px);
    transform: translateY(-50%);
  }

  .atp-search {
    color: #1f2223;
    cursor: pointer;
    float: left !important;
    line-height: 1;
    font: 9px "roboto_bold";
    letter-spacing: 1.4px;
    position: relative;
    text-transform: capitalize;
    color: #ffffff;
  }
  .atp-search:before {
    content: "\e642";
    display: block;
    font-family: "icomoon";
    font-size: 22px;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    speak: none;
    -webkit-font-smoothing: antialiased;
  }
  .atp-search:hover {
    color: #E4F53B;
  }
  .atp-search:hover:before {
    color: #E4F53B;
  }

  .atp-search-label {
    display: none;
  }

  .atp-search-label-text {
    margin-top: 2px;
  }
}
.cookie-message {
  background: #f1f1f1;
  color: #1f2223;
  display: none;
  font-size: 12px;
  line-height: 16px;
  padding: 12px 0px;
}
.cookies-flag .cookie-message {
  display: block;
}
.cookie-message .container {
  position: relative;
  padding: 0px 85px 0px 15px;
}

.cookie-close {
  color: #1f2223;
  padding-right: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
}
.cookie-close:after {
  content: "\e60a";
  font-family: "icomoon";
  font-size: 16px;
  position: absolute;
  right: 0px;
  top: 0px;
}

.is-iOS .live-scores-app {
  display: none;
}

.breaking-news-container {
  background: #da1418;
  color: #fff;
  padding: 8px 0;
}
.breaking-news-container .breaking-news-title {
  font-family: "roboto_bold";
  display: block;
  float: left;
  font-size: 16px;
  margin-right: 16px;
  line-height: 20px;
  height: 20px;
}
.breaking-news-container .breaking-news-blurb {
  font-family: "roboto_regular";
  display: block;
  float: left;
  font-size: 14px;
  line-height: 20px;
  height: 20px;
  width: calc(100% - 400px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.breaking-news-container .breaking-news-link {
  font-family: "roboto_regular";
  display: block;
  float: left;
  font-size: 14px;
  line-height: 20px;
  height: 20px;
  color: #fff;
  text-transform: capitalize;
  text-decoration: underline;
}
.breaking-news-container .breaking-news-close {
  display: block;
  float: right;
  color: #fff;
  height: 20px;
  line-height: 20px;
  font-size: 16px;
}

/* ==========================================================================
	IAB AD FEATURED
   ========================================================================== */
@media (min-width: 760px) and (max-width: 1023px) {
  .iab-wrapper.featured {
    flex-direction: column;
  }
  .iab-wrapper.featured iframe[class*=clock] {
    margin-bottom: 20px !important;
  }
  .iab-wrapper.featured .adtech-wrapper-ad {
    order: 2;
  }
}

/* ==========================================================================
    IAB AD
   ========================================================================== */
.iab-wrapper {
  background: url("../../atpwt/images/global/adbg.jpg");
  background-size: cover;
  clear: both;
  overflow: hidden;
  display: table;
  text-align: center;
  width: 100%;
  padding: 10px 0px;
}
.iab-wrapper.mobile {
  position: relative;
}
.iab-wrapper.mobile > *:not(.rolex-wrapper) {
  display: block;
  height: 50px !important;
  left: 50%;
  position: relative;
  transform: translateX(-50%);
}
.iab-wrapper.mobile .rolex-wrapper {
  background-color: transparent;
  height: 100%;
  position: relative;
  width: 100%;
}
.iab-wrapper.mobile .rolex-wrapper > * {
  display: block;
  height: 50px !important;
  left: 50%;
  position: relative;
  transform: translateX(-50%);
}
.article-content .iab-wrapper {
  border-bottom: 1px solid #c7c8c8;
  border-top: 1px solid #c7c8c8;
}
.main-nav .iab-wrapper {
  background: #121212;
}

.inline-banner {
  margin-top: 10px;
}

.interstitial-lock {
  overflow: hidden;
}

.iab-interstitial {
  display: grid;
  grid-template-columns: auto 300px auto;
  grid-template-rows: auto 250px auto;
  grid-template-areas: ". button ." ". ad ." " . . .";
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  opacity: 0;
  background: rgba(0, 0, 0, 0.85);
  z-index: 9999;
  transform: translateY(-100vh);
  transition: all 1000ms;
}
.iab-interstitial.on {
  opacity: 1;
  pointer-events: all;
  transform: translateY(0);
  transition-delay: 2000ms;
}
.iab-interstitial div[id^=div-gpt-ad-] {
  grid-area: ad;
  height: 250px;
  width: 300px;
  background: white;
}

.close-interstitial {
  grid-area: button;
  display: grid;
  grid-auto-flow: column;
  font-size: 14px;
  color: #fff;
  align-self: end;
  justify-self: end;
  align-items: center;
  column-gap: 4px;
  margin-bottom: 8px;
}
.close-interstitial .icon-close-circle, .close-interstitial .site-search .close-search, .site-search .close-interstitial .close-search, .close-interstitial .modal-close, .close-interstitial .modal-carousel-close,
.close-interstitial .modal-carousel-social-close, .close-interstitial .breaking-close {
  font-size: 18px;
}

/* ==========================================================================
    LARGE DROPIN AD
   ========================================================================== */
/* ==========================================================================
    NAVIGATION
   ========================================================================== */
/* Start : Main Nav */
.navigation {
  height: 100%;
  left: -100%;
  position: fixed;
  top: 0px;
  transition: all 0.25s;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .navigation {
    transition: none;
  }
}
.navigation.expand {
  z-index: 9998;
}

.main-nav {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  transition: all 0.25s;
  display: none;
  height: 100%;
  left: 0px;
  position: fixed;
  top: -100%;
  width: 100%;
  height: calc(100% - 50px);
}
.main-nav::-webkit-scrollbar-track {
  background-color: #121212;
}
.main-nav.expand {
  display: block;
  top: 44px;
  overflow-x: hidden;
}

.close-nav {
  background: #f2f2f2;
  color: #051224;
  font-size: 2em;
  padding: 20px 0px 30px;
  width: 100%;
}
.close-nav span {
  display: none;
}

.nav-spacer-wrapper {
  background: rgba(18, 18, 18, 0.9);
  height: 100px;
  width: 100%;
}
.nav-spacer-wrapper .nav-spacer {
  height: 100%;
  width: 100%;
  background-image: linear-gradient(to top, #121212, transparent);
}

.nav-section {
  background: #f2f2f2;
  padding: 30px 15px;
}
.nav-section:first-of-type {
  background: none;
  border-top: none;
  padding: 0px;
}
.nav-section.change-language .nav-section-title {
  float: left;
}

.nav-section-title {
  display: block;
  text-transform: uppercase;
  color: #051224;
  font-family: "roboto_bold";
  font-size: 16px;
  letter-spacing: 0px;
}

.nav-list > li {
  margin-top: 0px;
}
.nav-list > li:first-child {
  margin-top: 0px;
}
.nav-list > li.the-search {
  padding: 10px 15px 25px;
  background: #121212;
}
.nav-list > li.the-search .nav-section-title {
  margin-bottom: 5px;
}
.nav-list > li.the-search .icon-search, .nav-list > li.the-search .column-search-icon {
  font-size: 13px;
  margin-left: 5px;
}
.nav-list > li.the-search a {
  padding: 0px;
}
.nav-list > li > a {
  display: block;
  font-family: "roboto_bold";
  font-size: 16px;
  letter-spacing: 0px;
  position: relative;
  text-transform: uppercase;
  background: #f2f2f2;
  padding: 10px 15px 8px;
  border-bottom: 1px solid #c7c8c8;
}
.nav-list > li > a.nav-push:after {
  top: 50%;
  transform: translateY(-50%);
}
.nav-list > li > a.nav-push.expand:after {
  content: "\e614";
}
.nav-list > li > a.nav-push.expand + .sub-nav-list {
  max-height: 800px;
}
.nav-list > li > a.icon-search:before, .nav-list > li > a.column-search-icon:before {
  font-family: "icomoon";
  font-size: 14px;
}
.nav-list > li > a:after {
  margin: 0px;
  position: absolute;
  font-size: 24px;
  right: 15px;
}
.nav-list > li > a.external:after {
  display: none;
}
.nav-list.secondary {
  margin-top: 10px;
}
.nav-list.secondary li {
  float: left;
  margin-left: 5px;
}
.nav-list.secondary li:first-child {
  margin-left: 0px;
}
.nav-list.secondary li a {
  font-family: "roboto_regular";
  font-size: 1.6em;
  padding: 0px;
}
.nav-list.secondary li a img {
  height: 50px;
  width: auto;
}
.nav-list .nav-item-title {
  display: block;
}
.nav-list .nav-item-description {
  color: #969b9d;
  font-family: "roboto_regular";
  font-size: 0.833em;
  text-transform: none;
}

.sub-nav-list {
  background: rgba(255, 255, 255, 0.95);
  max-height: 0px;
  overflow: hidden;
  transition: all 0.25s;
}
.sub-nav-list > li {
  border-top: 1px solid transparent;
  border-bottom: 1px solid #c7c8c8;
}
.sub-nav-list > li:first-child {
  border-top: 1px solid transparent;
  border-bottom: 1px solid #c7c8c8;
}
.sub-nav-list > li a {
  display: block;
  font-family: "roboto_regular";
  font-size: 16px;
  letter-spacing: 0px;
  padding: 15px 35px;
}

.language-flags {
  font-family: "roboto_bold";
  font-size: 16px;
  letter-spacing: 0px;
  padding: 15px 35px;
  text-transform: uppercase;
  float: right;
}
.language-flags a {
  display: inline-block;
  height: 20px;
  margin-left: 10px;
  position: relative;
}
.language-flags a:first-child {
  margin-left: 0px;
}
.language-flags a img {
  height: 100%;
  width: auto;
}
.language-flags .current:after {
  border-top: 1px solid #051224;
  bottom: -5px;
  content: "";
  left: 0px;
  position: absolute;
  width: 100%;
}

/* End : Main Nav */
/* Start : Sub Nav */
.sub-nav-title {
  color: #1f2223;
  display: block;
  font-family: "roboto_bold";
  font-size: 2em;
  margin-bottom: 30px;
  text-transform: uppercase;
}

/* End : Sub Nav */
/* ==========================================================================
    PARTNERS
   ========================================================================== */
:root {
  --partnerLogoHeight: 150px;
}

.partners-page {
  background-color: #ffffff;
}

.partners {
  background: #ffffff;
  text-align: center;
}
@media (min-width: 1332px) {
  .partners {
    border-right: none;
  }
}
.partners > * {
  float: left;
  padding: 10px;
  border-top: 1px solid #c7c8c8;
}
.partners-page .partners {
  padding: 0px 15px;
}
.partners-page .partners > * {
  padding: 0px;
  border-top: none;
}

.premier {
  width: 100%;
  height: auto;
}
.premier a {
  display: block;
  padding: 0px;
}
.premier img {
  display: block;
  height: auto;
  max-height: 100%;
  width: 60%;
  margin: 0 auto;
}
.partners-page .premier {
  width: 100%;
}
.partners-page .premier a {
  display: inline-block;
  position: relative;
  width: 100%;
}
.partners-page .premier img {
  height: auto;
  max-height: 100%;
  max-width: 90%;
}

.other-partners {
  width: 100%;
  height: 150px;
}
.other-partners a {
  display: inline-block;
  height: 65px;
  text-align: center;
  width: auto;
}
.other-partners a img {
  display: block;
  height: inherit;
  position: relative;
  width: auto;
}
.other-partners a:last-child {
  margin-bottom: 0;
}
.other-partners .partner-list {
  display: table;
  height: 100%;
  width: 100%;
}
.footer-partners .other-partners .partner-list {
  height: 100%;
}
.other-partners .partner-list-wrapper {
  display: flex;
  align-items: center;
  height: 100%;
  flex-direction: row;
  justify-content: space-around;
}
.partners-page .other-partners {
  border-left: none;
  width: 100%;
}
.partners-page .other-partners a {
  height: 75px;
  display: grid;
  justify-content: center;
}
.partners-page .other-partners .partner-list-wrapper {
  margin-top: -20px;
}

.partner-section-title {
  color: #1f2223;
  display: block;
  font-family: "roboto_bold";
  line-height: 0.75em;
  text-transform: uppercase;
  font-size: 12px;
  margin-bottom: 10px;
}
.partners-page .partner-section-title {
  background-color: #f1f1f1;
  border-bottom: 1px solid #e8e8e8;
  border-top: 1px solid #e8e8e8;
  color: #1f2223;
  font-family: "roboto_regular";
  font-size: 12px;
  margin-bottom: 0px;
  padding: 5px 10px;
  text-align: left;
}

/* ==========================================================================
    RAIL - Doesn't appear on mobile devices
   ========================================================================== */
.footer-partners .splide {
  height: 15.625rem;
  width: 100%;
  align-items: center;
}
.footer-partners .splide .splide__track {
  width: 100%;
  height: auto;
  text-align: center;
}
.footer-partners .splide .other-partners {
  min-height: 12.5rem;
  margin-top: -1rem;
}
.footer-partners .splide .other-partners .partner-section-title {
  margin-top: 0.8125rem;
}
.footer-partners .splide .other-partners-wrap {
  flex-direction: inherit;
  transition: none;
}
.footer-partners .premier {
  width: 50%;
  text-align: center;
  border-right: 0.0625rem solid #c7c8c8;
  height: 15.625rem;
}
.footer-partners .premier a {
  display: flex;
  flex-wrap: wrap;
}
.footer-partners .premier a img {
  top: 65%;
}
.footer-partners .partners {
  display: flex;
  flex-direction: row;
}
.footer-partners .partner-section-title {
  margin-top: 0.3125rem;
  margin-bottom: 0;
}
.footer-partners .other-partners {
  border-left: 0 !important;
}
.footer-partners .splide .other-partners a {
  height: auto;
  width: 100%;
}
.footer-partners .splide .other-partners a img {
  height: 5.3125rem;
  width: auto;
  margin: 0 auto;
}
.footer-partners .splide .partner-list-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.footer-partners .splide .partner-list-wrapper a {
  text-decoration: none;
  flex: 0 0 25%;
  text-align: center;
}
.footer-partners .splide-crossfade .splide__slide:first-of-type {
  opacity: 1 !important;
}

.splide-crossfade .is-prev {
  opacity: 1 !important;
}

.footer-partners .splide.is-initialized, .splide.is-rendered {
  overflow: hidden;
}

.splide__slide--is-out {
  animation: fadeinout 3s linear forwards;
}

@keyframes fadeinout {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
.footer-partners .partners {
  flex-direction: column;
}
.footer-partners .other-partners {
  border-left: none !important;
}
.footer-partners .other-partners .partner-list-wrapper {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  margin-top: 0.9375rem;
  height: auto;
}
.footer-partners .other-partners .partner-list-wrapper a {
  flex: 0 0 33.333%;
}
.footer-partners .splide {
  height: 15.625rem;
  border-top: 0.0625rem solid #c7c8c8;
  padding: 1.25rem;
}
.footer-partners .splide__slide {
  margin-top: 1.25rem;
}
.footer-partners .premier {
  width: 100%;
  border-right: 0;
}
.footer-partners .premier a img {
  top: 50%;
  width: 50%;
}

@media (max-width: 48rem) {
  .splide .other-partners a img {
    height: 4.0625rem !important;
  }
}
/* ==========================================================================
	MOBILE NAVIGATION LINKS
   ========================================================================== */
.mobile-navigation-links a {
  border-bottom: 1px solid #ececec;
  display: block;
  font-family: "roboto_bold";
  font-size: 13px;
  padding: 10px 40px 10px 15px;
  position: relative;
  text-transform: capitalize;
}
.mobile-navigation-links a:before {
  font-family: "icomoon";
  font-size: 13px;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.mobile-navigation-links a:hover, .mobile-navigation-links a:active {
  color: #1f2223;
}
.mobile-navigation-links img {
  height: auto;
  width: 100%;
}

/* ==========================================================================
	SIMPLE PAGINATION
   ========================================================================== */
.simple-pagination {
  padding: 15px 0px;
  text-align: left;
}

.simple-pagination-page {
  cursor: pointer;
  display: inline-block;
  font-family: "roboto_regular";
  line-height: 1;
  font-size: 13px;
  letter-spacing: 0px;
  margin-left: 30px;
}
.simple-pagination-page.current, .simple-pagination-page:active {
  color: #1f2223;
}
.simple-pagination-page:first-child {
  margin-left: 0px;
}

/* ==========================================================================
	VIXLET
	========================================================================== */
.login-link {
  height: 20px;
}

[data-vix=comments] {
  margin-top: 30px;
}

[data-vix=auth-bar] {
  min-width: 130px;
  top: -4px;
}

.tooltip, .past-players-tooltip {
  font-family: "roboto_regular";
  line-height: 18px;
}
.tooltip.left:before, .left.past-players-tooltip:before {
  left: -3px;
}
.tooltip.right:before, .right.past-players-tooltip:before {
  right: 0;
}
.tooltip::after, .past-players-tooltip::after {
  content: "\e63a";
  font-family: "icomoon";
  font-size: 8px;
  position: absolute;
  top: 0;
  padding-left: 3px;
  font-weight: bold;
}
.tooltip::before, .past-players-tooltip::before {
  visibility: hidden;
  width: 150px;
  position: absolute;
  bottom: auto;
  text-align: left;
  white-space: normal;
  content: attr(data-tooltip-text);
  background-color: rgba(31, 34, 35, 0.8);
  color: #fff;
  padding: 0.5rem;
  z-index: 100;
  font-size: 12px !important;
}
.tooltip:hover::before, .past-players-tooltip:hover::before {
  visibility: visible;
}
.tooltip.hide-tooltip-mobile::after, .hide-tooltip-mobile.past-players-tooltip::after, .tooltip.hide-tooltip-mobile::before, .hide-tooltip-mobile.past-players-tooltip::before {
  display: none;
  visibility: hidden;
}

/* ==========================================================================
	TICKETS ACCORDION
   ========================================================================== */
.tickets-accordion-wrapper {
  background-color: #ffffff;
}
.tickets-accordion-wrapper .accordion-label {
  border-top: 1px solid #e9eaeb;
  background: #c7c8c8;
  text-transform: capitalize;
}
.tickets-accordion-wrapper .centered-content-wrapper .tourney-result:first-child .tourney-details {
  border-top: none;
}
.tickets-accordion-wrapper .tourney-result {
  padding: 0px 10px;
  margin-top: 0px;
  float: left;
  width: 100%;
}
.tickets-accordion-wrapper .tourney-details {
  border-top: 1px solid #c7c8c8;
  width: 100%;
  float: left;
  padding: 10px 0;
}
.tickets-accordion-wrapper .tourney-details .tourney-title-area {
  width: 100%;
  float: left;
  min-height: inherit;
}
.tickets-accordion-wrapper .tourney-details .tourney-title-area .tourney-badge {
  margin-right: 10px;
}
.tickets-accordion-wrapper .tourney-details .button-row {
  display: flex;
  justify-content: space-evenly;
}
.tickets-accordion-wrapper .tourney-details .button-row .button, .tickets-accordion-wrapper .tourney-details .button-row .filter-control, .tickets-accordion-wrapper .tourney-details .button-row .featured-banner-button, .tickets-accordion-wrapper .tourney-details .button-row .button-border, .tickets-accordion-wrapper .tourney-details .button-row .channel-container .view-more, .channel-container .tickets-accordion-wrapper .tourney-details .button-row .view-more, .tickets-accordion-wrapper .tourney-details .button-row .channel-container .live-video, .channel-container .tickets-accordion-wrapper .tourney-details .button-row .live-video, .tickets-accordion-wrapper .tourney-details .button-row .predictive-see-all, .tickets-accordion-wrapper .tourney-details .button-row .modal-button, .tickets-accordion-wrapper .tourney-details .button-row .time-button, .tickets-accordion-wrapper .tourney-details .button-row #doorbell .buttons .btn, #doorbell .buttons .tickets-accordion-wrapper .tourney-details .button-row .btn, .tickets-accordion-wrapper .tourney-details .button-row #doorbell .buttons button, #doorbell .buttons .tickets-accordion-wrapper .tourney-details .button-row button {
  width: 40%;
  border: 1px solid #051224 !important;
  color: #051224;
  background-color: #ffffff;
  margin-bottom: 5px;
}
.tickets-accordion-wrapper .tourney-details .button-row .button:active, .tickets-accordion-wrapper .tourney-details .button-row .filter-control:active, .tickets-accordion-wrapper .tourney-details .button-row .featured-banner-button:active, .tickets-accordion-wrapper .tourney-details .button-row .button-border:active, .tickets-accordion-wrapper .tourney-details .button-row .channel-container .view-more:active, .channel-container .tickets-accordion-wrapper .tourney-details .button-row .view-more:active, .tickets-accordion-wrapper .tourney-details .button-row .channel-container .live-video:active, .channel-container .tickets-accordion-wrapper .tourney-details .button-row .live-video:active, .tickets-accordion-wrapper .tourney-details .button-row .predictive-see-all:active, .tickets-accordion-wrapper .tourney-details .button-row .modal-button:active, .tickets-accordion-wrapper .tourney-details .button-row .time-button:active, .tickets-accordion-wrapper .tourney-details .button-row #doorbell .buttons .btn:active, #doorbell .buttons .tickets-accordion-wrapper .tourney-details .button-row .btn:active, .tickets-accordion-wrapper .tourney-details .button-row #doorbell .buttons button:active, #doorbell .buttons .tickets-accordion-wrapper .tourney-details .button-row button:active, .tickets-accordion-wrapper .tourney-details .button-row .button:hover, .tickets-accordion-wrapper .tourney-details .button-row .filter-control:hover, .tickets-accordion-wrapper .tourney-details .button-row .featured-banner-button:hover, .tickets-accordion-wrapper .tourney-details .button-row .button-border:hover, .tickets-accordion-wrapper .tourney-details .button-row .channel-container .view-more:hover, .channel-container .tickets-accordion-wrapper .tourney-details .button-row .view-more:hover, .tickets-accordion-wrapper .tourney-details .button-row .channel-container .live-video:hover, .channel-container .tickets-accordion-wrapper .tourney-details .button-row .live-video:hover, .tickets-accordion-wrapper .tourney-details .button-row .predictive-see-all:hover, .tickets-accordion-wrapper .tourney-details .button-row .modal-button:hover, .tickets-accordion-wrapper .tourney-details .button-row .time-button:hover, .tickets-accordion-wrapper .tourney-details .button-row #doorbell .buttons .btn:hover, #doorbell .buttons .tickets-accordion-wrapper .tourney-details .button-row .btn:hover, .tickets-accordion-wrapper .tourney-details .button-row #doorbell .buttons button:hover, #doorbell .buttons .tickets-accordion-wrapper .tourney-details .button-row button:hover {
  color: #ffffff;
  background-color: #051224;
}
.tickets-accordion-wrapper .schedule-info {
  border-color: #e8e8e8;
}
.tickets-accordion-wrapper .schedule-info .tourney-dates {
  color: #1f2223;
}
.tickets-accordion-wrapper .modal-select {
  margin: 0px;
  padding: 10px;
}

.tickets-accordion.expand {
  display: block;
}

.tickets-accordion .accordion-label {
  position: inherit;
  background: none;
  border-top: 1px solid #e8e8e8;
  margin-top: 20px;
}
.tickets-accordion .accordion-label:before, .tickets-accordion .accordion-label:after {
  right: auto;
  top: auto;
}
.tickets-accordion .accordion-label:before {
  bottom: -8px;
}
.tickets-accordion .accordion-label:after {
  bottom: -16px;
}

.tickets-table-wrapper {
  max-height: 0px;
  overflow: hidden;
  transition: all 0.5s;
  transform: translateZ(0);
}
.tickets-accordion.expand .tickets-table-wrapper {
  max-height: 1200px;
}

.tickets-table {
  width: 100%;
}
.tickets-table .tourney-result:first-child td {
  border-top: none;
}
.tickets-table .tourney-result .tourney-location {
  border-right: 1px solid #c7c8c8;
  font-family: "roboto_regular";
  margin-right: 10px;
  padding-right: 10px;
  line-height: 22px;
}
.tickets-table .tourney-result .tourney-flag {
  padding: 20px;
  width: 85px;
}
.tickets-table .tourney-result .tourney-flag img {
  border: 1px solid #ddd;
  height: auto;
  width: 40px;
}
.tickets-table .tourney-result .tourney-badge-wrapper {
  padding: 20px 5px;
  width: 75px;
}
.tickets-table .tourney-result .tourney-badge-wrapper img {
  width: 59px;
  height: auto;
}
.tickets-table .tourney-result .title-content {
  padding: 21px;
}
.tickets-table .tourney-result .tourney-title {
  max-width: 320px;
}
.tickets-table .tourney-result .tourney-details.action-buttons {
  border-color: #051224;
  padding: 15px 20px;
  width: 340px;
}
@media (max-width: 839px) {
  .tickets-table .tourney-result .tourney-details.action-buttons {
    width: 165px;
  }
}
.tickets-table .tourney-result .tourney-details.action-buttons .button-border, .tickets-table .tourney-result .tourney-details.action-buttons .channel-container .view-more, .channel-container .tickets-table .tourney-result .tourney-details.action-buttons .view-more, .tickets-table .tourney-result .tourney-details.action-buttons .channel-container .live-video, .channel-container .tickets-table .tourney-result .tourney-details.action-buttons .live-video, .tickets-table .tourney-result .tourney-details.action-buttons .predictive-see-all, .tickets-table .tourney-result .tourney-details.action-buttons .modal-button, .tickets-table .tourney-result .tourney-details.action-buttons .time-button, .tickets-table .tourney-result .tourney-details.action-buttons #doorbell .buttons .btn, #doorbell .buttons .tickets-table .tourney-result .tourney-details.action-buttons .btn, .tickets-table .tourney-result .tourney-details.action-buttons #doorbell .buttons button, #doorbell .buttons .tickets-table .tourney-result .tourney-details.action-buttons button {
  border-color: #051224;
  color: #051224;
  padding: 0px;
  width: 125px;
}
.tickets-table .tourney-result .tourney-details .info-area .info-item .item-details {
  color: #1f2223;
}
.tickets-table .tourney-result .tourney-details .info-area .info-item .item-details.is-one-line {
  padding-top: 13px;
}
.tickets-table .tourney-result .when-heading {
  background-color: transparent;
  width: 20px;
}
.tickets-table .tourney-result .when-heading.live {
  background-color: #051224;
  border-color: #e8e8e8;
}
.tickets-table .tourney-result .when-heading.live span {
  display: block;
}
.tickets-table .tourney-result .when-heading span {
  display: none;
}
.tickets-table .tourney-result td {
  border-color: #e8e8e8;
  padding-bottom: 20px !important;
  padding-top: 20px !important;
}

/* ==========================================================================
	TOURNAMENTS ACCORDION
   ========================================================================== */
.tourney-accordion-wrapper.content-accordion-wrapper .content-accordion.expand, .tourney-accordion-wrapper.tourney-overview-accordion .content-accordion.expand {
  border-bottom: 1px solid #ececec;
}
.tourney-accordion-wrapper.content-accordion-wrapper .centered-content-wrapper, .tourney-accordion-wrapper.tourney-overview-accordion .centered-content-wrapper {
  padding: 0px 15px;
}
.tourney-accordion-wrapper.content-accordion-wrapper .centered-content-wrapper .tourney-result .button-border, .tourney-accordion-wrapper.content-accordion-wrapper .centered-content-wrapper .tourney-result .channel-container .view-more, .channel-container .tourney-accordion-wrapper.content-accordion-wrapper .centered-content-wrapper .tourney-result .view-more, .tourney-accordion-wrapper.content-accordion-wrapper .centered-content-wrapper .tourney-result .channel-container .live-video, .channel-container .tourney-accordion-wrapper.content-accordion-wrapper .centered-content-wrapper .tourney-result .live-video, .tourney-accordion-wrapper.content-accordion-wrapper .centered-content-wrapper .tourney-result .predictive-see-all, .tourney-accordion-wrapper.content-accordion-wrapper .centered-content-wrapper .tourney-result .modal-button, .tourney-accordion-wrapper.content-accordion-wrapper .centered-content-wrapper .tourney-result .time-button, .tourney-accordion-wrapper.tourney-overview-accordion .centered-content-wrapper .tourney-result .button-border, .tourney-accordion-wrapper.tourney-overview-accordion .centered-content-wrapper .tourney-result .channel-container .view-more, .channel-container .tourney-accordion-wrapper.tourney-overview-accordion .centered-content-wrapper .tourney-result .view-more, .tourney-accordion-wrapper.tourney-overview-accordion .centered-content-wrapper .tourney-result .channel-container .live-video, .channel-container .tourney-accordion-wrapper.tourney-overview-accordion .centered-content-wrapper .tourney-result .live-video, .tourney-accordion-wrapper.tourney-overview-accordion .centered-content-wrapper .tourney-result .predictive-see-all, .tourney-accordion-wrapper.tourney-overview-accordion .centered-content-wrapper .tourney-result .modal-button, .tourney-accordion-wrapper.tourney-overview-accordion .centered-content-wrapper .tourney-result .time-button, .tourney-accordion-wrapper.content-accordion-wrapper .centered-content-wrapper .tourney-result #doorbell .buttons .btn, .tourney-accordion-wrapper.tourney-overview-accordion .centered-content-wrapper .tourney-result #doorbell .buttons .btn, #doorbell .buttons .tourney-accordion-wrapper.content-accordion-wrapper .centered-content-wrapper .tourney-result .btn, #doorbell .buttons .tourney-accordion-wrapper.tourney-overview-accordion .centered-content-wrapper .tourney-result .btn, .tourney-accordion-wrapper.content-accordion-wrapper .centered-content-wrapper .tourney-result #doorbell .buttons button, .tourney-accordion-wrapper.tourney-overview-accordion .centered-content-wrapper .tourney-result #doorbell .buttons button, #doorbell .buttons .tourney-accordion-wrapper.content-accordion-wrapper .centered-content-wrapper .tourney-result button, #doorbell .buttons .tourney-accordion-wrapper.tourney-overview-accordion .centered-content-wrapper .tourney-result button {
  border-left: none;
  border-right: 1px solid #051224;
}
.tourney-accordion-wrapper.content-accordion-wrapper .centered-content-wrapper .tourney-result .button-border:first-child, .tourney-accordion-wrapper.content-accordion-wrapper .centered-content-wrapper .tourney-result .channel-container .view-more:first-child, .channel-container .tourney-accordion-wrapper.content-accordion-wrapper .centered-content-wrapper .tourney-result .view-more:first-child, .tourney-accordion-wrapper.content-accordion-wrapper .centered-content-wrapper .tourney-result .channel-container .live-video:first-child, .channel-container .tourney-accordion-wrapper.content-accordion-wrapper .centered-content-wrapper .tourney-result .live-video:first-child, .tourney-accordion-wrapper.content-accordion-wrapper .centered-content-wrapper .tourney-result .predictive-see-all:first-child, .tourney-accordion-wrapper.content-accordion-wrapper .centered-content-wrapper .tourney-result .modal-button:first-child, .tourney-accordion-wrapper.content-accordion-wrapper .centered-content-wrapper .tourney-result .time-button:first-child, .tourney-accordion-wrapper.tourney-overview-accordion .centered-content-wrapper .tourney-result .button-border:first-child, .tourney-accordion-wrapper.tourney-overview-accordion .centered-content-wrapper .tourney-result .channel-container .view-more:first-child, .channel-container .tourney-accordion-wrapper.tourney-overview-accordion .centered-content-wrapper .tourney-result .view-more:first-child, .tourney-accordion-wrapper.tourney-overview-accordion .centered-content-wrapper .tourney-result .channel-container .live-video:first-child, .channel-container .tourney-accordion-wrapper.tourney-overview-accordion .centered-content-wrapper .tourney-result .live-video:first-child, .tourney-accordion-wrapper.tourney-overview-accordion .centered-content-wrapper .tourney-result .predictive-see-all:first-child, .tourney-accordion-wrapper.tourney-overview-accordion .centered-content-wrapper .tourney-result .modal-button:first-child, .tourney-accordion-wrapper.tourney-overview-accordion .centered-content-wrapper .tourney-result .time-button:first-child, .tourney-accordion-wrapper.content-accordion-wrapper .centered-content-wrapper .tourney-result #doorbell .buttons .btn:first-child, .tourney-accordion-wrapper.tourney-overview-accordion .centered-content-wrapper .tourney-result #doorbell .buttons .btn:first-child, #doorbell .buttons .tourney-accordion-wrapper.content-accordion-wrapper .centered-content-wrapper .tourney-result .btn:first-child, #doorbell .buttons .tourney-accordion-wrapper.tourney-overview-accordion .centered-content-wrapper .tourney-result .btn:first-child, .tourney-accordion-wrapper.content-accordion-wrapper .centered-content-wrapper .tourney-result #doorbell .buttons button:first-child, .tourney-accordion-wrapper.tourney-overview-accordion .centered-content-wrapper .tourney-result #doorbell .buttons button:first-child, #doorbell .buttons .tourney-accordion-wrapper.content-accordion-wrapper .centered-content-wrapper .tourney-result button:first-child, #doorbell .buttons .tourney-accordion-wrapper.tourney-overview-accordion .centered-content-wrapper .tourney-result button:first-child {
  border-left: 1px solid #051224;
}
.tourney-accordion-wrapper.content-accordion-wrapper .centered-content-wrapper .tourney-result .button-border.alternate-color, .tourney-accordion-wrapper.content-accordion-wrapper .centered-content-wrapper .tourney-result .channel-container .alternate-color.view-more, .channel-container .tourney-accordion-wrapper.content-accordion-wrapper .centered-content-wrapper .tourney-result .alternate-color.view-more, .tourney-accordion-wrapper.content-accordion-wrapper .centered-content-wrapper .tourney-result .channel-container .alternate-color.live-video, .channel-container .tourney-accordion-wrapper.content-accordion-wrapper .centered-content-wrapper .tourney-result .alternate-color.live-video, .tourney-accordion-wrapper.content-accordion-wrapper .centered-content-wrapper .tourney-result .alternate-color.predictive-see-all, .tourney-accordion-wrapper.content-accordion-wrapper .centered-content-wrapper .tourney-result .alternate-color.modal-button, .tourney-accordion-wrapper.content-accordion-wrapper .centered-content-wrapper .tourney-result .alternate-color.time-button, .tourney-accordion-wrapper.tourney-overview-accordion .centered-content-wrapper .tourney-result .button-border.alternate-color, .tourney-accordion-wrapper.tourney-overview-accordion .centered-content-wrapper .tourney-result .channel-container .alternate-color.view-more, .channel-container .tourney-accordion-wrapper.tourney-overview-accordion .centered-content-wrapper .tourney-result .alternate-color.view-more, .tourney-accordion-wrapper.tourney-overview-accordion .centered-content-wrapper .tourney-result .channel-container .alternate-color.live-video, .channel-container .tourney-accordion-wrapper.tourney-overview-accordion .centered-content-wrapper .tourney-result .alternate-color.live-video, .tourney-accordion-wrapper.tourney-overview-accordion .centered-content-wrapper .tourney-result .alternate-color.predictive-see-all, .tourney-accordion-wrapper.tourney-overview-accordion .centered-content-wrapper .tourney-result .alternate-color.modal-button, .tourney-accordion-wrapper.tourney-overview-accordion .centered-content-wrapper .tourney-result .alternate-color.time-button, .tourney-accordion-wrapper.content-accordion-wrapper .centered-content-wrapper .tourney-result #doorbell .buttons .alternate-color.btn, .tourney-accordion-wrapper.tourney-overview-accordion .centered-content-wrapper .tourney-result #doorbell .buttons .alternate-color.btn, #doorbell .buttons .tourney-accordion-wrapper.content-accordion-wrapper .centered-content-wrapper .tourney-result .alternate-color.btn, #doorbell .buttons .tourney-accordion-wrapper.tourney-overview-accordion .centered-content-wrapper .tourney-result .alternate-color.btn, .tourney-accordion-wrapper.content-accordion-wrapper .centered-content-wrapper .tourney-result #doorbell .buttons button.alternate-color, .tourney-accordion-wrapper.tourney-overview-accordion .centered-content-wrapper .tourney-result #doorbell .buttons button.alternate-color, #doorbell .buttons .tourney-accordion-wrapper.content-accordion-wrapper .centered-content-wrapper .tourney-result button.alternate-color, #doorbell .buttons .tourney-accordion-wrapper.tourney-overview-accordion .centered-content-wrapper .tourney-result button.alternate-color {
  border-color: #97d300;
  border-left: 1px solid #97d300;
}
.tourney-accordion-wrapper.content-accordion-wrapper .tourney-dates, .tourney-accordion-wrapper.tourney-overview-accordion .tourney-dates {
  color: #1f2223;
}
.tourney-accordion-wrapper.content-accordion-wrapper .accordion-label, .tourney-accordion-wrapper.tourney-overview-accordion .accordion-label {
  text-transform: uppercase;
  border-top: 1px solid #f8f8f8;
}
.tourney-accordion-wrapper.content-accordion-wrapper .tourney-result, .tourney-accordion-wrapper.tourney-overview-accordion .tourney-result {
  margin: 0px 0px 5px;
}
.tourney-accordion-wrapper.content-accordion-wrapper .tourney-result .tourney-details, .tourney-accordion-wrapper.tourney-overview-accordion .tourney-result .tourney-details {
  padding-top: 10px;
}
.tourney-accordion-wrapper.content-accordion-wrapper .tourney-result:first-child, .tourney-accordion-wrapper.tourney-overview-accordion .tourney-result:first-child {
  margin-top: 20px;
}

.tourney-detail-winner {
  font-family: "roboto_regular";
  text-align: left;
  font-size: 13px;
}
.tourney-detail-winner a:after {
  content: ", ";
}
.tourney-detail-winner a:last-child:after {
  display: none;
}

.tourney-title-area {
  margin-bottom: 10px;
}
.tourney-title-area .title-content .action-button-icon {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 4px;
  padding: 0;
  margin: auto;
}
.tourney-title-area .title-content .action-button-icon .print-button {
  display: inline-grid;
  height: auto;
  margin: 0;
  padding: 4px;
  font-size: 12px;
  justify-items: center;
  color: #97d300;
  font-weight: 700;
  border: 2px solid #97d300;
  border-radius: 5px;
}
.tourney-title-area .title-content .action-button-icon .print-button .icon::before, .tourney-title-area .title-content .action-button-icon .print-button .modal-select .select-text::before, .modal-select .tourney-title-area .title-content .action-button-icon .print-button .select-text::before, .tourney-title-area .title-content .action-button-icon .print-button .mobile-select .select-text::before, .mobile-select .tourney-title-area .title-content .action-button-icon .print-button .select-text::before, .tourney-title-area .title-content .action-button-icon .print-button .tournaments-categories-item .item-link::before, .tournaments-categories-item .tourney-title-area .title-content .action-button-icon .print-button .item-link::before {
  font-size: 18px;
  font-weight: bold;
  color: #97d300;
}
.tourney-title-area .title-content .action-button-icon .print-button:hover {
  color: #fff;
  background: #97d300;
}
.tourney-title-area .title-content .action-button-icon .print-button:hover .icon::before, .tourney-title-area .title-content .action-button-icon .print-button:hover .modal-select .select-text::before, .modal-select .tourney-title-area .title-content .action-button-icon .print-button:hover .select-text::before, .tourney-title-area .title-content .action-button-icon .print-button:hover .mobile-select .select-text::before, .mobile-select .tourney-title-area .title-content .action-button-icon .print-button:hover .select-text::before, .tourney-title-area .title-content .action-button-icon .print-button:hover .tournaments-categories-item .item-link::before, .tournaments-categories-item .tourney-title-area .title-content .action-button-icon .print-button:hover .item-link::before {
  color: #fff;
}

.not-available-copy {
  color: #969b9d;
  font-family: "roboto_regular";
  font-size: 1.5em;
  margin-top: 10px;
  text-transform: capitalize;
}

/* ==========================================================================
	TOURNAMENTS OVERVIEW ACCORDION
   ========================================================================== */
.tourney-overview-accordion .content-accordion.expand .centered-content-wrapper {
  padding: 15px;
}
.tourney-overview-accordion .centered-content-wrapper {
  padding: 0px 15px;
}
.tourney-overview-accordion .accordion-label {
  text-transform: capitalize;
}

.tournament-calendar .accordion-label {
  background-color: #e8e8e8;
}
.tournament-calendar .tourney-dates {
  font-family: "roboto_bold";
  color: #1f2223 !important;
}
.tournament-calendar .tourney-result {
  margin-top: 0px !important;
}
.tournament-calendar .schedule-info {
  border-bottom: none;
  padding: 0 0 0 0;
}
.tournament-calendar .tourney-result:first-child .schedule-info {
  border-top: none;
}

/* ==========================================================================
	ARTICLE CONTENT
   ========================================================================== */
.article-content {
  background-color: #ffffff;
  position: relative;
  padding: 0;
}
.article-content .social-share {
  padding-left: 15px;
  padding-right: 15px;
}

.article-title {
  color: #1f2223;
  margin: 0;
  line-height: 1em;
  font: 22px "roboto_bold";
  letter-spacing: 0px;
  padding: 10px;
}

.article-info {
  border-bottom: 1px solid #c7c8c8;
  border-top: 1px solid #c7c8c8;
  margin-left: 10px;
  margin-right: 10px;
}
.article-info > * {
  border-left: 1px solid #c7c8c8;
  float: left;
  padding: 21px 20px;
}
.article-info > *:first-child {
  border-left: none;
  padding-left: 0;
}
.article-info > *:nth-child(2) {
  min-height: 110px;
  max-width: calc(100% - 75px);
}
.article-info .date-wrapper .date {
  padding: 8px;
}
.article-info .date-wrapper .date * {
  display: block;
}
.article-info .date-wrapper .date .month {
  color: #969b9d;
  font-size: 1.1em;
  text-transform: capitalize;
}
.article-info .date-wrapper .date .day {
  color: #1f2223;
  font-size: 2em;
  font-weight: bold;
}
.article-info .author {
  padding: 10px 0px;
  width: 100%;
}
.article-info .author > * {
  display: block;
  float: left;
}
.article-info .author .avatar {
  height: auto;
  width: 50px;
}
.article-info .author .avatar + .author-info {
  margin-left: 10px;
  width: calc(100% - 60px);
}
.article-info .author .author-info * {
  display: block;
}
.article-info .author .author-info .name {
  color: #1f2223;
  font-weight: bold;
  font-size: 1.6em;
}
.article-info .author .author-info .title {
  margin-top: 2px;
  color: #1f2223;
  font-size: 1.3em;
}
.article-info .author .author-info .title a {
  display: inline-block;
}

.article-copy, #doorbell {
  font-weight: 300;
  color: #1f2223;
  font-size: 16px;
  line-height: 26px;
}
.article-copy.intro-copy, .intro-copy#doorbell {
  color: #1f2223;
  font-size: 20px;
  line-height: 27px;
  font-weight: normal;
}
.article-copy.intro-copy *, .intro-copy#doorbell * {
  font-size: 20px;
  line-height: 27px;
}
.article-copy img, #doorbell img {
  max-width: 100%;
  height: auto;
}
.article-copy > *, #doorbell > * {
  margin-top: 15px;
}
.article-copy > *:first-child, #doorbell > *:first-child {
  margin-top: 0px;
}
.article-copy .blockquote, #doorbell .blockquote {
  clear: left;
  color: #1f2223;
  float: left;
  line-height: 37px;
  font: 23px "roboto_bold";
  letter-spacing: 0px;
  margin-left: -207px;
  width: 180px;
}
.article-copy .blockquote:before, #doorbell .blockquote:before {
  content: "“";
  margin: 0px 0px 0px -13px;
}
.article-copy .blockquote:after, #doorbell .blockquote:after {
  content: "”";
}
.article-copy .blockquote *, #doorbell .blockquote * {
  display: inline;
}
.article-copy i, #doorbell i {
  font-style: italic;
}
.article-copy ul, #doorbell ul {
  list-style: disc outside;
  padding-left: 1em;
}
.article-copy ol, #doorbell ol {
  list-style: decimal outside;
  padding-left: 1em;
}
.article-copy h1, #doorbell h1 {
  font-size: 24px;
}
.article-copy h2, #doorbell h2 {
  font-size: 20px;
}
.article-copy h3, #doorbell h3 {
  font-size: 18px;
}
.article-copy h4, #doorbell h4 {
  font-size: 15px;
}
.article-copy h5, #doorbell h5 {
  font-size: 12px;
}
.article-copy h6, #doorbell h6 {
  font-size: 10px;
}
.article-copy table, #doorbell table {
  border-bottom: 1px solid #c7c8c8;
  width: 100%;
}
.article-copy table thead td, #doorbell table thead td {
  border-bottom: 1px solid #c7c8c8;
  font-family: "roboto_bold";
  border-top: 1px solid #c7c8c8;
  font-size: 12px;
  padding: 5px 0px;
  text-transform: capitalize;
}
.article-copy table tbody tr, #doorbell table tbody tr {
  background-color: #ffffff;
}
.article-copy table tbody tr:nth-child(2n), #doorbell table tbody tr:nth-child(2n) {
  background-color: #f7f7f7;
}
.article-copy table tbody td, #doorbell table tbody td {
  font-family: "roboto_regular";
  font-size: 13px;
  line-height: 15px;
  padding: 10px 0px;
}
.article-copy table tbody td:first-child, #doorbell table tbody td:first-child {
  padding-left: 10px;
}
.article-copy table tbody td:last-child, #doorbell table tbody td:last-child {
  padding-right: 10px;
}
.article-copy table td, #doorbell table td {
  color: #1f2223;
  text-align: left;
}
.article-copy b, #doorbell b, .article-copy strong, #doorbell strong {
  font-weight: bold;
}
.article-copy em, #doorbell em {
  font-style: italic;
}
.article-copy :root, #doorbell :root {
  --letterboxHeight: 400px;
}
.article-copy .libris-iframe, #doorbell .libris-iframe {
  width: 100%;
  height: 56.25vw;
}
.article-copy p a, #doorbell p a {
  color: #051224;
  text-decoration: underline;
}
.article-copy p a:hover, #doorbell p a:hover {
  color: #00aeef;
  -webkit-text-decoration-color: #00aeef;
          text-decoration-color: #00aeef;
}

.intro-section {
  padding: 8px 0px 16px;
  border-bottom: 1px solid #c7c8c8;
  margin: 5px 10px;
  padding-bottom: 10px;
}
.intro-section .location-credit {
  color: #969b9d;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 1.3em;
  font-style: italic;
  margin-top: 15px;
}
.intro-section .location-credit:before {
  font-family: "icomoon";
  font-size: 20px;
  font-style: normal;
  position: relative;
  top: 3px;
}

.article-section {
  padding: 5px 10px 0;
}
.article-section .related-articles {
  border: 1px solid #c7c8c8;
  background: #f1f1f1;
}
.article-section .related-articles .content-listing, .article-section .related-articles .section-title, .article-section .related-articles .tickets-accordion .accordion-label, .tickets-accordion .article-section .related-articles .accordion-label {
  background-color: none;
  background: none;
}
.article-section .related-articles .listing-item-info {
  width: calc(100% - 110px);
}
.article-section .related-articles .listing-items {
  padding-left: 0;
}
.article-section .related-articles .listing-items .icon, .article-section .related-articles .listing-items .modal-select .select-text:before, .modal-select .article-section .related-articles .listing-items .select-text:before, .article-section .related-articles .listing-items .mobile-select .select-text:before, .mobile-select .article-section .related-articles .listing-items .select-text:before, .article-section .related-articles .listing-items .tournaments-categories-item .item-link:before, .tournaments-categories-item .article-section .related-articles .listing-items .item-link:before {
  top: 20px;
  left: 60px;
  font-size: 19px;
}
.article-section .related-articles .listing-buttons {
  width: 100%;
}
.article-section .related-articles .listing-buttons a:first-child {
  width: calc(50% - 5px);
  float: left;
}
.article-section .related-articles .listing-buttons a:last-child {
  width: 100%;
  float: right;
}
.article-section .fb-comments {
  display: block;
  margin-top: 20px;
  width: 100%;
}
.article-section .fb-comments > span {
  width: 100% !important;
}
.article-section .fb-comments > span > iframe {
  width: 100% !important;
}

#articleSection > div.article-copy > div.blockquote > div > div:nth-child(3) > a > svg, #articleSection > div#doorbell > div.blockquote > div > div:nth-child(3) > a > svg {
  display: none !important;
}

#articleSection > div.article-copy > div.blockquote, #articleSection > div#doorbell > div.blockquote {
  display: none !important;
}

.article-recommendation {
  border-bottom: 1px solid #c7c8c8;
  border-top: 1px solid #c7c8c8;
  color: #1f2223;
  text-transform: capitalize;
  line-height: 23;
  font: 16px "roboto_bold";
  letter-spacing: 0px;
  padding: 15px 0px;
}
.article-recommendation a {
  text-transform: none;
}

.article-image-wrapper {
  width: 100%;
}
.has-blockquote .article-image-wrapper {
  margin-left: -170px;
  width: calc(100% + 170px);
}

.article-image {
  position: relative;
  width: 100%;
}
.article-image .item-thumbnail {
  position: relative;
  padding-top: 61.6470588235%;
}
.article-image .item-thumbnail .icon, .article-image .item-thumbnail .modal-select .select-text:before, .modal-select .article-image .item-thumbnail .select-text:before, .article-image .item-thumbnail .mobile-select .select-text:before, .mobile-select .article-image .item-thumbnail .select-text:before, .article-image .item-thumbnail .tournaments-categories-item .item-link:before, .tournaments-categories-item .article-image .item-thumbnail .item-link:before {
  z-index: 2;
}
.article-image .item-thumbnail .icon:before, .article-image .item-thumbnail .modal-select .select-text:before, .modal-select .article-image .item-thumbnail .select-text:before, .article-image .item-thumbnail .mobile-select .select-text:before, .mobile-select .article-image .item-thumbnail .select-text:before, .article-image .item-thumbnail .tournaments-categories-item .item-link:before, .tournaments-categories-item .article-image .item-thumbnail .item-link:before {
  bottom: 15px;
  color: #ffffff;
  font-size: 20px;
  left: 15px;
  position: absolute;
}
.article-image .caption {
  padding: 0px;
}
.article-image .caption p {
  font-size: 12px;
  line-height: 19px;
  padding: 15px 0px;
}
.article-image .item-credit-text {
  line-height: 1;
}

.gallery-cta {
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-top: 56.3529411765%;
}
.article-section .gallery-cta {
  margin-top: 25px;
}
.gallery-cta .item-thumbnail {
  left: 0px;
  position: absolute;
  top: 0px;
}
.gallery-cta .caption {
  bottom: 20px;
  left: 20px;
  position: absolute;
  z-index: 5;
  width: calc(100% - 55px);
}
.gallery-cta .caption .button, .gallery-cta .caption .filter-control, .gallery-cta .caption .featured-banner-button, .gallery-cta .caption .button-border, .gallery-cta .caption .channel-container .view-more, .channel-container .gallery-cta .caption .view-more, .gallery-cta .caption .channel-container .live-video, .channel-container .gallery-cta .caption .live-video, .gallery-cta .caption .predictive-see-all, .gallery-cta .caption .modal-button, .gallery-cta .caption .time-button, .gallery-cta .caption #doorbell .buttons .btn, #doorbell .buttons .gallery-cta .caption .btn, .gallery-cta .caption #doorbell .buttons button, #doorbell .buttons .gallery-cta .caption button {
  position: absolute;
  right: 0px;
  top: 50%;
  width: 150px;
  transform: translateY(-50%);
}
.gallery-cta .caption p {
  font-family: "roboto_bold";
  font-size: 36px;
  letter-spacing: 0px;
  line-height: 0.9em;
  padding-top: 0px;
  width: calc(100% - 170px);
}

.content-categories .contains-title {
  color: #1f2223;
  font-family: "roboto_bold";
  font-size: 16px;
  letter-spacing: 0px;
  text-transform: capitalize;
}
.content-categories .categories {
  display: inline;
}
.content-categories .categories li {
  display: inline-block;
}
.content-categories .categories li:last-child a:after {
  content: "";
}
.content-categories .categories li a {
  font-size: 16px;
  line-height: 1;
}
.content-categories .categories li a:after {
  content: ",";
}

.bottom-content {
  margin-top: 30px;
}
.bottom-content .content-categories {
  float: left;
  padding: 5px;
  font-family: "roboto_regular";
  font-size: 14px;
}

.oo_start_button {
  bottom: calc(50% - 30px) !important;
  left: calc(50% - 30px) !important;
  opacity: 0.7 !important;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70) !important;
  background-color: #0aaeef !important;
}

.related-article-link {
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  padding: 10px 0px;
}

iframe[src*=scribblelive] {
  display: block;
  margin: 0 auto;
  width: 100% !important;
}

/*====================
INSTAGRAM SPECIFIC
====================*/
blockquote[class*=instagram-media] svg {
  position: relative;
}

.item-listing-action {
  border-color: #051224;
  color: #051224;
  background-color: transparent;
}
.item-listing-action:hover {
  color: #ffffff;
  background-color: #051224;
  border-color: #051224;
}

/* ==========================================================================
    ARTICLE HEADER
   ========================================================================== */
.article-header {
  background-color: #ffffff;
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  margin-top: 0;
}
.article-header .full-video-width {
  height: auto !important;
  width: 100% !important;
}
.detail-carousel .article-header video {
  top: 3px;
  width: 100% !important;
  height: auto !important;
}
.article-header .item-thumbnail {
  background-color: #000;
}
.article-header .item-thumbnail {
  position: relative;
  padding-top: 56.0693641618%;
}
.article-header .item-credit {
  bottom: auto;
  top: 100px;
}
.article-header object, .article-header embed {
  width: 100%;
  height: 100%;
  display: block;
}

.caption {
  padding: 15px;
}
.article-header .caption {
  padding: 0 10px;
}
.article-header .caption a {
  text-decoration: underline;
}
.caption p {
  border-bottom: 1px solid #e8e8e8;
  color: #1f2223;
  font-size: 1.2em;
  line-height: 1.583em;
  padding-bottom: 15px;
}
.article-header .caption p {
  padding: 10px 0px;
}

.play-video {
  cursor: pointer;
  transition: all 0.25s;
  display: none;
}
.play-video:hover {
  color: #051224;
}

.article-video {
  top: 0;
  width: 100%;
  z-index: 6;
  position: absolute;
  background-size: cover;
  transition: all 0.25s;
  padding-top: 56.0693641618%;
}
.article-video > * {
  z-index: 10000;
  width: 100%;
  height: 100%;
}
.article-video .innerWrapper {
  left: 0;
  position: absolute !important;
  top: 0;
  overflow: hidden;
  z-index: 6 !important;
}
.landing-carousel .article-video {
  display: none;
}
.article-video video {
  width: 100% !important;
  height: 100% !important;
  display: inline-block;
  text-align: center;
}

/* ==========================================================================
	SOCIAL SHARE
   ========================================================================== */
.social-share {
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
}
.social-share a {
  border: 1px solid #051224;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  font-size: 1.7em;
  height: 32px;
  line-height: 32px;
  margin-left: 16px;
  width: 32px;
}
.social-share a.icon-linkedin-circleless {
  line-height: 30px;
}
.social-share a:first-child {
  margin-left: 0px;
}
.social-share a:hover {
  border-color: #1f2223;
}

.top-court-wrapper {
  width: 105px;
  height: 25px;
  display: flex;
  align-items: center;
}
.top-court-wrapper img {
  margin-left: 2px;
}

.top-court-wrapper {
  margin: 0 auto;
  margin-top: 7px;
}

/* ==========================================================================
	UP NEXT
   ========================================================================== */
/* ==========================================================================
	HEAD TO HEAD
   ========================================================================== */
.head-to-head.slim {
  height: auto;
  overflow: visible !important;
  z-index: 21;
}
.head-to-head.slim .head-to-head-panel {
  padding: 16px;
}
.head-to-head.slim .vs {
  background: #fff;
  border-radius: 100%;
  color: #1f2223;
  display: inline-block;
  font-family: "roboto_bold";
  font-size: 15px;
  height: 50px;
  line-height: 47px;
  position: absolute;
  text-align: center;
  top: -5px;
  vertical-align: top;
  width: 50px;
  z-index: 99;
  left: calc(50% - 150px);
}
.head-to-head.slim ::-webkit-input-placeholder {
  color: #666666;
}
.head-to-head.slim :-moz-placeholder {
  /* Firefox 18- */
  color: #666666;
}
.head-to-head.slim ::-moz-placeholder {
  /* Firefox 19+ */
  color: #666666;
}
.head-to-head.slim :-ms-input-placeholder {
  color: #666666;
}

.slim .head-to-head-left, .slim .head-to-head-right {
  float: left;
  height: 40px;
  margin-left: 15px;
  width: calc(50% - 135px);
}
.slim .head-to-head-left:first-child, .slim .head-to-head-right:first-child {
  margin-left: 0px;
}
.slim .head-to-head-left .head-to-head-button, .slim .head-to-head-right .head-to-head-button {
  height: 40px;
  line-height: 40px;
  right: auto;
  top: 0px;
  left: calc(300% + 45px);
  text-transform: uppercase;
}
.slim .head-to-head-left .head-to-head-button:first-child, .slim .head-to-head-right .head-to-head-button:first-child {
  left: calc(200% + 30px);
}

.slim .head-to-head-left {
  position: static;
}
.slim .head-to-head-left .head-to-head-button:first-child {
  left: auto;
  max-width: 240px;
  right: 30px;
  width: 240px;
}

.slim .head-to-head-search {
  height: auto;
  width: 100%;
  position: static;
  transform: translateY(0);
}

.slim .head-to-head-left .head-to-head-search-input, .slim .head-to-head-right .head-to-head-search-input {
  background-color: #f1f1f1;
  color: #1f2223;
  font-family: "roboto_bold";
  height: 40px;
  line-height: 38px;
  margin: 0px;
  text-align: left;
  text-transform: capitalize;
  width: 100%;
}
.slim .head-to-head-left .head-to-head-search-input {
  border-bottom: 1px solid #051224;
  padding: 0px 30px 0px 20px;
}
.slim .head-to-head-right .head-to-head-search-input {
  border-bottom: 1px solid #051224;
  padding: 0px 20px 0px 30px;
}

.slim .head-to-head-search-results {
  height: auto;
  max-height: 420px;
}

.head2head {
  border-bottom: 1px solid #c7c8c8;
  border-top: 1px solid #c7c8c8;
  padding: 16px;
}

.head2head-form {
  position: relative;
  zoom: 1;
}
.head2head-form:before, .head2head-form:after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.head2head-form:after {
  clear: both;
}
.head2head-form .form-item {
  display: inline-block;
  float: left;
  vertical-align: top;
  margin-bottom: 10px;
  width: 100%;
}
.head2head-form .form-item.form-item-search {
  position: relative;
}
.head2head-form .form-item.form-item-search:after {
  font-family: "icomoon";
  color: #E4F53B;
  content: "\e603";
  font-size: 18px;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 1;
}
.head2head-form input {
  background-color: #e8e8e8;
  border-bottom: 1px solid #051224;
  border-left: none;
  border-right: none;
  border-top: none;
  color: #666666;
  display: inline-block;
  font-family: "roboto_bold";
  font-size: 15px;
  font-weight: bold;
  padding: 0 30px 0 20px;
  text-transform: capitalize;
  width: 100%;
  height: 35px;
  line-height: 35px;
}
.head2head-form input :-moz-placeholder {
  /* Firefox 18- */
  color: #1f2223;
}
.head2head-form input ::-moz-placeholder {
  /* Firefox 19+ */
  color: #1f2223;
}
.head2head-form input :-ms-input-placeholder {
  color: #1f2223;
}
.head2head-form input.search-player-input {
  border-bottom: 1px solid #E4F53B;
  position: relative;
}
.head2head-form .btn {
  background-color: #051224;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  float: left;
  font-family: "roboto_bold";
  font-size: 15px;
  height: 40px;
  line-height: 40px;
  text-transform: uppercase;
  height: 35px;
  line-height: 35px;
  margin-top: 10px;
  width: 100%;
}

.promo-players-grid {
  margin: auto;
  margin-top: 25px;
}
.promo-players-grid ul {
  margin: 0;
  padding: 0;
  display: grid;
  column-gap: 24px;
  row-gap: 24px;
}
.promo-players-grid ul li {
  list-style: none;
}
.promo-players-grid ul li .player-image {
  background: #dbdbdb;
  display: inline-block;
}
.promo-players-grid ul li .player-image img {
  width: 100%;
  max-width: 250px;
  max-height: 250px;
  display: block;
}
.promo-players-grid ul li h4 {
  margin: 0 0 10px;
  padding: 0;
  font-size: 20px;
  font-weight: bold;
}
.promo-players-grid ul li p {
  margin: 0;
  padding: 0;
}
.promo-players-grid ul li p > a {
  border: 1px solid #051224;
  border-radius: 50%;
  color: #051224;
  float: left;
  font-size: 16px;
  height: 30px;
  line-height: 32px;
  margin-right: 5px;
  text-align: center;
  width: 32px;
  height: 32px;
  text-decoration: none;
}
.promo-players-grid ul li p > a:hover {
  background: #051224;
  color: #ffffff;
}
.promo-players-grid.promo-players-grid--2 {
  max-width: 524px;
}
.promo-players-grid.promo-players-grid--2 ul {
  grid-template-columns: auto auto;
}
.promo-players-grid.promo-players-grid--3 {
  max-width: 524px;
}
.promo-players-grid.promo-players-grid--3 ul {
  grid-template-columns: auto auto;
}
.promo-players-grid.promo-players-grid--4 {
  max-width: 524px;
}
.promo-players-grid.promo-players-grid--4 ul {
  grid-template-columns: auto auto;
}

/* ==========================================================================
	LAST EVENTS PLAYED
	========================================================================== */
.last-events-played.is-standalone.is-no-slider .rsContent {
  height: 80px;
}
.last-events-played .tourney-result {
  margin-top: 0px;
}
.last-events-played .tourney-details {
  padding: 10px;
}
.last-events-played .last-events-played-slider-wrapper:not(.no-rotation), .last-events-played.is-standalone .last-events-played-slider-wrapper:not(.no-rotation) {
  padding-bottom: 5px;
}
.last-events-played .controls-wrapper .rsArrow {
  display: inline-block !important;
  font-size: 20px;
}
.last-events-played .last-event-played-inner {
  position: relative;
}
.last-events-played .button-border-row-holder {
  clear: both;
  margin-bottom: 0px !important;
  margin-top: 15px;
}
.last-events-played .left-player .button-border-row-holder {
  margin-left: 2px;
}
.last-events-played .tourney-results td.title-content {
  width: 275px;
}
.last-events-played .rsArrow {
  background-color: #051224;
  width: 30px;
  position: absolute;
  top: 0;
  transition: all 0.1s;
  height: 35px;
}
.last-events-played .rsArrow:hover, .last-events-played .rsArrow:active {
  background-color: #1f2223;
}
.last-events-played .rsArrow:hover .rsArrowIcn, .last-events-played .rsArrow:active .rsArrowIcn {
  color: #051224;
}
.last-events-played .rsArrow .rsArrowIcn {
  color: #fff;
  font-size: 18px;
  left: 0;
  margin-top: -9px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 30px;
}
.last-events-played .rsArrow.rsArrowLeft {
  left: 0;
}
.last-events-played .rsArrow.rsArrowRight {
  right: 0;
}
.last-events-played-slider-wrapper {
  -webkit-user-select: none;
          user-select: none;
  padding: 0;
  position: relative;
  /*.royalSlider {
  	opacity: 0;
  	&.rsHor {
  		opacity: 1;
  	}
  }*/
}
.is-standalone .last-events-played-slider-wrapper {
  padding-bottom: 0px;
}
.is-standalone .last-events-played-slider-wrapper .tourney-details .tourney-title-area {
  margin-bottom: 0px;
}

.last-events-played-slider {
  background: transparent;
  overflow: hidden;
}
.last-events-played-slider .tourney-results-wrapper {
  border-left: 30px solid #fff;
  border-right: 30px solid #fff;
  border-bottom: 1px solid #c7c8c8 !important;
}
.single-slide .last-events-played-slider .title-content {
  width: 286px;
}
.single-slide .last-events-played-slider .tourney-results-wrapper {
  border-left: 1px solid #c7c8c8;
  border-right: 1px solid #c7c8c8;
}

.last-event-played-table {
  float: left;
  margin: 0 3.7%;
  width: 31.1860940695%;
}
.last-event-played-table table {
  border: 1px solid #ececec;
  border-left: none;
  border-right: none;
  font: 14px "roboto_regular";
  line-height: 1em;
  letter-spacing: 0px;
  height: 120px;
  table-layout: fixed;
  width: 100%;
}
.last-event-played-table th {
  border-bottom: 1px solid #ececec;
  height: 45px;
}
.last-event-played-table td {
  color: #000;
  font-size: 18px;
  letter-spacing: 0px;
  width: 25%;
}
.last-event-played-table th,
.last-event-played-table td {
  padding: 2px;
  text-align: center;
  text-transform: capitalize;
  vertical-align: middle;
}
.last-event-played-table tr > *:first-child {
  border-right: 1px solid #ececec;
}

.last-events-played-top {
  position: relative;
}
.last-events-played-top .tourney-results-wrapper {
  min-height: 93px;
}
.last-events-played-top .arrow-box {
  bottom: 2px !important;
}

.last-event-played-player {
  display: block;
  float: left;
  text-transform: none;
  width: 100%;
  padding: 10px;
}
.last-event-played-player span {
  display: block;
}
.last-event-played-player .first-name {
  font: 11px "roboto_regular";
  line-height: 1em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.last-event-played-player .last-name {
  font: 13px "roboto_regular";
  line-height: 1em;
  letter-spacing: 0px;
  padding-bottom: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: none;
}

.last-event-played-table .button-row, .last-event-played-player .button-row {
  display: table-row;
}

.last-event-played-info {
  width: 100%;
}
.right-player .last-event-played-info {
  text-align: left;
}
.left-player .last-event-played-info {
  text-align: right;
}

.last-events-played-image {
  height: 120px;
  width: 120px;
}
.last-events-played-image img {
  border: 1px solid #ececec;
  display: block;
  height: 100%;
  width: 100%;
  transition: border-color 0.25s;
}
.last-events-played-image img:hover {
  border-color: #051224;
}
.right-player .last-events-played-image {
  float: left;
}
.left-player .last-events-played-image {
  float: right;
}

.player-rank-label {
  transform: rotate(-90deg);
  transform-origin: bottom left;
}

.last-events-played-flag {
  border: 1px solid #ddd;
  height: 15px;
  width: 21px;
}
.right-player .last-events-played-flag {
  float: left;
}
.left-player .last-events-played-flag {
  float: right;
}
.last-events-played-flag img {
  height: 100%;
  width: 100%;
}

.last-events-played-rank {
  color: #051224;
  width: auto;
  font: 7px "roboto_regular";
  line-height: 1em;
  height: 15px;
  margin-right: 5px;
  padding-left: 10px;
  position: relative;
}
.left-player .last-events-played-rank {
  float: right;
}
.right-player .last-events-played-rank {
  float: left;
}
.last-events-played-rank .player-rank-label {
  bottom: 0;
  position: absolute;
  text-transform: capitalize;
  left: 10px;
}
.last-events-played-rank .player-rank-value {
  font: 16px "roboto_bold";
  line-height: 1em;
  letter-spacing: 0px;
}

.last-events-played-header {
  border: 1px solid #051224;
  display: block;
  padding: 8px 38px;
  text-align: center;
}
.last-events-played-header[href]:hover, .last-events-played-header[href]:active {
  background-color: #051224;
}
.last-events-played-header[href]:hover *, .last-events-played-header[href]:active * {
  color: #fff;
}

.last-events-played-title {
  color: #051224;
  display: block;
  font: 15px "roboto_bold";
  line-height: 1em;
  margin-bottom: 2px;
}

.last-events-played-pager {
  color: #1f2223;
  font: 13px "roboto_bold";
  line-height: 15px;
}
.last-events-played-pager .played-title {
  text-transform: capitalize;
  padding-right: 10px;
}

.last-events-played-details {
  display: block;
  font: 12px "roboto_regular";
  line-height: 1em;
}

.last-events-played-location,
.last-events-played-dates {
  color: #000;
  font: 12px "roboto_bold";
  line-height: 1em;
}

.last-events-played-divider {
  color: #969b9d;
  padding: 0 5px;
}

.last-events-played-table {
  table-layout: fixed;
  text-align: center;
  text-transform: capitalize;
  width: 100%;
}
.last-events-played-table td,
.last-events-played-table th {
  border-bottom: 1px solid #ececec;
  border-left: 1px solid #ececec;
}
.last-events-played-table tr:first-child {
  border-top: 1px solid #ececec;
}
.last-events-played-table tr td,
.last-events-played-table tr th {
  overflow: hidden;
}
.last-events-played-table tr td:first-child,
.last-events-played-table tr th:first-child {
  border-left: none;
}
.last-events-played-table tr.last-event-played-values {
  height: 40px;
}
.last-events-played-table tr.last-event-played-values td {
  vertical-align: middle;
}
.last-events-played-table .table-img {
  width: 60px;
  height: 60px;
}
.last-events-played-table .table-img img {
  height: 100%;
  width: 100%;
}
.last-events-played-table .player-column {
  width: 60px;
}
.last-events-played-table .table-value {
  color: #000;
  font: 14px "roboto_bold";
  line-height: 1em;
  padding: 0 2px;
}
.last-events-played-table .table-title {
  font: 14px "roboto_regular";
  line-height: 1em;
  color: #1f2223;
}

/* ==========================================================================
	LAST EVENTS PLAYED - CHALLENGER
	========================================================================== */
/* player profile*/
.challenger-tour.last-events-played .rsArrow {
  color: #28C185;
}
.challenger-tour.last-events-played .tourney-title {
  color: #28C185;
}

/* score center */
#lastEventsPlayedStandAloneNoSlider .tourney-badge {
  margin-right: 2px;
  margin-left: 25px;
}
#lastEventsPlayedStandAloneNoSlider .title-content {
  padding-left: 15px;
  width: 80%;
}
#lastEventsPlayedStandAloneNoSlider.last-events-played .rsArrow {
  color: #051224;
  background-color: transparent;
  top: 25px;
}
#lastEventsPlayedStandAloneNoSlider.last-events-played .rsArrow .rsArrowIcn {
  display: none;
}
#lastEventsPlayedStandAloneNoSlider.last-events-played .tourney-title {
  color: #051224;
}
#lastEventsPlayedStandAloneNoSlider.challenger-tour.last-events-played .rsArrow {
  color: #28C185;
  background-color: transparent;
  top: 25px;
}
#lastEventsPlayedStandAloneNoSlider.challenger-tour.last-events-played .rsArrow .rsArrowIcn {
  display: none;
}
#lastEventsPlayedStandAloneNoSlider.challenger-tour.last-events-played .tourney-title {
  color: #28C185;
}

/* ==========================================================================
	LAST EVENTS PLAYED - DOUBLES
	========================================================================== */
.last-events-played .doubles-version .last-events-played-image {
  height: 77px;
  width: 77px;
}
.last-events-played .doubles-version .last-event-played-inner:first-child {
  margin-bottom: 10px;
}
.last-events-played .doubles-version .last-event-played-table table {
  height: 164px;
}
.last-events-played .doubles-version .last-event-played-info {
  width: calc(100% - 77px);
}

/* ==========================================================================
	LAST EVENTS PLAYED - MEDIA QUERIES
	========================================================================== */
.tourney-results-container {
  position: relative;
}

.arrow-box:before, .arrow-box:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.arrow-box {
  position: absolute;
  bottom: 32px;
  left: 0;
  width: 100%;
}
.lt-ie10 .rsHor .arrow-box {
  bottom: 2px;
}
.arrow-box:after {
  border-color: rgba(241, 241, 241, 0);
  border-top-color: #f1f1f1;
  border-width: 14px;
  margin-left: -14px;
}
.arrow-box:before {
  border-color: rgba(194, 198, 200, 0);
  border-top-color: #c2c6c8;
  border-width: 16px;
  margin-left: -16px;
}

.last-events-played.is-standalone + script + .module-header {
  padding-top: 0px;
}

/* ==========================================================================
	CURRENT TOURNAMENT
   ========================================================================== */
.current-tournament {
  background-color: #ffffff;
  height: 100%;
  width: 100%;
  padding: 0px 0px 10px;
  position: relative;
  min-height: 270px;
}
.current-tournament .tourney-details .button-row .button, .current-tournament .tourney-details .button-row .filter-control, .current-tournament .tourney-details .button-row .featured-banner-button, .current-tournament .tourney-details .button-row .button-border, .current-tournament .tourney-details .button-row .channel-container .view-more, .channel-container .current-tournament .tourney-details .button-row .view-more, .current-tournament .tourney-details .button-row .channel-container .live-video, .channel-container .current-tournament .tourney-details .button-row .live-video, .current-tournament .tourney-details .button-row .predictive-see-all, .current-tournament .tourney-details .button-row .modal-button, .current-tournament .tourney-details .button-row .time-button, .current-tournament .tourney-details .button-row #doorbell .buttons .btn, #doorbell .buttons .current-tournament .tourney-details .button-row .btn, .current-tournament .tourney-details .button-row #doorbell .buttons button, #doorbell .buttons .current-tournament .tourney-details .button-row button {
  line-height: 24px;
  margin: 0 1px 0 0;
  display: block;
  float: left;
  width: 33%;
}
.current-tournament .tourney-details .button-row .button:active, .current-tournament .tourney-details .button-row .filter-control:active, .current-tournament .tourney-details .button-row .featured-banner-button:active, .current-tournament .tourney-details .button-row .button-border:active, .current-tournament .tourney-details .button-row .channel-container .view-more:active, .channel-container .current-tournament .tourney-details .button-row .view-more:active, .current-tournament .tourney-details .button-row .channel-container .live-video:active, .channel-container .current-tournament .tourney-details .button-row .live-video:active, .current-tournament .tourney-details .button-row .predictive-see-all:active, .current-tournament .tourney-details .button-row .modal-button:active, .current-tournament .tourney-details .button-row .time-button:active, .current-tournament .tourney-details .button-row #doorbell .buttons .btn:active, #doorbell .buttons .current-tournament .tourney-details .button-row .btn:active, .current-tournament .tourney-details .button-row #doorbell .buttons button:active, #doorbell .buttons .current-tournament .tourney-details .button-row button:active {
  border-color: #fff;
}
.current-tournament .tourney-details .rail-content {
  margin-top: 10px;
}
.current-tournament .tourney-details .button-row-holder, .current-tournament .tourney-details .button-border-row-holder,
.current-tournament .tourney-details .button-group-row-holder {
  margin-top: 40px;
}
.current-tournament .listing-buttons {
  padding: 0px 5px;
  width: 100%;
  bottom: 10px;
  white-space: nowrap;
}
.current-tournament .listing-buttons .button-border, .current-tournament .listing-buttons .channel-container .view-more, .channel-container .current-tournament .listing-buttons .view-more, .current-tournament .listing-buttons .channel-container .live-video, .channel-container .current-tournament .listing-buttons .live-video, .current-tournament .listing-buttons .predictive-see-all, .current-tournament .listing-buttons .modal-button, .current-tournament .listing-buttons .time-button, .current-tournament .listing-buttons #doorbell .buttons .btn, #doorbell .buttons .current-tournament .listing-buttons .btn, .current-tournament .listing-buttons #doorbell .buttons button, #doorbell .buttons .current-tournament .listing-buttons button {
  margin-left: 0px;
  width: calc(50% - 5px);
}
.current-tournament .listing-buttons .button-border:first-child, .current-tournament .listing-buttons .channel-container .view-more:first-child, .channel-container .current-tournament .listing-buttons .view-more:first-child, .current-tournament .listing-buttons .channel-container .live-video:first-child, .channel-container .current-tournament .listing-buttons .live-video:first-child, .current-tournament .listing-buttons .predictive-see-all:first-child, .current-tournament .listing-buttons .modal-button:first-child, .current-tournament .listing-buttons .time-button:first-child, .current-tournament .listing-buttons #doorbell .buttons .btn:first-child, #doorbell .buttons .current-tournament .listing-buttons .btn:first-child, .current-tournament .listing-buttons #doorbell .buttons button:first-child, #doorbell .buttons .current-tournament .listing-buttons button:first-child {
  margin-top: 0px;
  float: left;
}
.current-tournament .listing-buttons .button-border:last-child, .current-tournament .listing-buttons .channel-container .view-more:last-child, .channel-container .current-tournament .listing-buttons .view-more:last-child, .current-tournament .listing-buttons .channel-container .live-video:last-child, .channel-container .current-tournament .listing-buttons .live-video:last-child, .current-tournament .listing-buttons .predictive-see-all:last-child, .current-tournament .listing-buttons .modal-button:last-child, .current-tournament .listing-buttons .time-button:last-child, .current-tournament .listing-buttons #doorbell .buttons .btn:last-child, #doorbell .buttons .current-tournament .listing-buttons .btn:last-child, .current-tournament .listing-buttons #doorbell .buttons button:last-child, #doorbell .buttons .current-tournament .listing-buttons button:last-child {
  float: right;
}
.current-tournament .tourney-result.with-icons {
  background-color: transparent;
}
.current-tournament .tourney-result.with-icons td.tourney-details-table-wrapper {
  border-top: none !important;
  border-bottom: none !important;
  padding-top: 8px !important;
}
.current-tournament .rsOverflow, .current-tournament .rsContainer, .current-tournament .rsSlide {
  width: 100% !important;
  padding: 1px;
}
.current-tournament .rail-content {
  opacity: 1;
}
.current-tournament .tournament-module {
  display: none;
  height: 100%;
}
.current-tournament .tournament-module.active {
  display: block;
}
.current-tournament .tourney-slider-wrapper {
  padding-bottom: 16px;
}
.current-tournament .tourney-slider-wrapper:after, .current-tournament .tourney-slider-wrapper:before {
  border-style: none;
}
.current-tournament .controls-wrapper .rsBullet {
  border-radius: 15px;
  height: 30px;
  margin: 10px;
}

.tourney-slider-wrapper {
  width: 100%;
}

.tourney-slider {
  background-color: transparent;
  position: relative;
  transition: opacity 0.5s ease-in-out;
  padding: 0px 10px 50px;
}
.tourney-slider .rsArrow {
  display: inline-block !important;
  color: #051224;
  font-size: 2em;
  line-height: 1;
}
.tourney-slider.rsHor {
  opacity: 1;
}

.schedule-info {
  border-bottom: 1px solid #c7c8c8;
  line-height: 1;
  border-top: 1px solid #c7c8c8;
  font-size: 11px;
  padding: 8px 0px;
}
.schedule-info .when-heading {
  color: #1f2223;
  float: left;
  font-family: "roboto_bold";
}
.schedule-info .when-heading.live {
  color: #ff0000;
}
.schedule-info .tourney-dates {
  color: #1f2223;
  float: right;
  font-family: "roboto_regular";
}

.tourney-details {
  padding: 20px 0px 0px;
}
.current-tournament .tourney-details {
  padding: 0px;
}

.tourney-title-area .tourney-badge {
  display: grid;
  float: left;
  height: auto;
  align-items: center;
  margin-right: 15px;
  width: 50px;
  height: 50px;
}
.tourney-title-area .tourney-badge img {
  height: auto;
  width: 100%;
}
.tourney-title-area .title-content {
  float: left;
  display: block;
  width: calc(100% - 65px);
}
.tourney-title-area .title-content .official-website-link {
  display: block;
  font-size: 12px;
  margin-top: 4px;
}
.tourney-title-area .title-content .tourney-title {
  display: block;
  margin-bottom: 4px;
  font: 17px "roboto_regular";
  line-height: 1.1em;
  letter-spacing: 0px;
}
.tourney-title-area .title-content .tourney-location {
  color: #1f2223;
  font-family: "roboto_regular";
  font-size: 13px;
  line-height: 14px;
}
.tourney-title-area .title-content .tourney-dates {
  color: #1f2223;
  font-family: "roboto_bold";
  font-size: 13px;
}

.info-area {
  margin-top: 20px;
}
.info-area .info-item {
  float: left;
  text-align: center;
  width: 33.33%;
}
.info-area .info-item .icon, .info-area .info-item .modal-select .select-text:before, .modal-select .info-area .info-item .select-text:before, .info-area .info-item .mobile-select .select-text:before, .mobile-select .info-area .info-item .select-text:before, .info-area .info-item .tournaments-categories-item .item-link:before, .tournaments-categories-item .info-area .info-item .item-link:before {
  color: #1f2223;
  font-size: 30px;
}
.info-area .info-item .item-details {
  color: #969b9d;
  font-family: "roboto_regular";
  font-size: 14px;
  letter-spacing: 0px;
  margin-top: 8px;
}
.info-area .info-item .item-details .value {
  color: #1f2223;
}

.button-row-holder, .button-border-row-holder,
.button-group-row-holder {
  margin-top: 13px;
}

.button-row .button, .button-row .filter-control, .button-row .featured-banner-button, .button-row .button-border, .button-row .channel-container .view-more, .channel-container .button-row .view-more, .button-row .channel-container .live-video, .channel-container .button-row .live-video, .button-row .predictive-see-all, .button-row .modal-button, .button-row .time-button, .button-row #doorbell .buttons .btn, #doorbell .buttons .button-row .btn, .button-row #doorbell .buttons button, #doorbell .buttons .button-row button {
  line-height: 28px;
}
.button-row.itf {
  display: flex;
  text-align: center;
  flex-direction: row;
  justify-content: space-evenly;
  flex-wrap: wrap;
}
.button-row.itf .button, .button-row.itf .filter-control, .button-row.itf .featured-banner-button, .button-row.itf .button-border, .button-row.itf .channel-container .view-more, .channel-container .button-row.itf .view-more, .button-row.itf .channel-container .live-video, .channel-container .button-row.itf .live-video, .button-row.itf .predictive-see-all, .button-row.itf .modal-button, .button-row.itf .time-button, .button-row.itf #doorbell .buttons .btn, #doorbell .buttons .button-row.itf .btn, .button-row.itf #doorbell .buttons button, #doorbell .buttons .button-row.itf button {
  width: 39% !important;
  border-left: 1px solid #051224;
  margin-bottom: 5px;
}
.button-row.itf .button:hover, .button-row.itf .filter-control:hover, .button-row.itf .featured-banner-button:hover, .button-row.itf .button-border:hover, .button-row.itf .channel-container .view-more:hover, .channel-container .button-row.itf .view-more:hover, .button-row.itf .channel-container .live-video:hover, .channel-container .button-row.itf .live-video:hover, .button-row.itf .predictive-see-all:hover, .button-row.itf .modal-button:hover, .button-row.itf .time-button:hover, .button-row.itf #doorbell .buttons .btn:hover, #doorbell .buttons .button-row.itf .btn:hover, .button-row.itf #doorbell .buttons button:hover, #doorbell .buttons .button-row.itf button:hover, .button-row.itf .button:active, .button-row.itf .filter-control:active, .button-row.itf .featured-banner-button:active, .button-row.itf .button-border:active, .button-row.itf .channel-container .view-more:active, .channel-container .button-row.itf .view-more:active, .button-row.itf .channel-container .live-video:active, .channel-container .button-row.itf .live-video:active, .button-row.itf .predictive-see-all:active, .button-row.itf .modal-button:active, .button-row.itf .time-button:active, .button-row.itf #doorbell .buttons .btn:active, #doorbell .buttons .button-row.itf .btn:active, .button-row.itf #doorbell .buttons button:active, #doorbell .buttons .button-row.itf button:active {
  background-color: #fff;
  color: #051224;
}

.tourney-slider.moving-left .tourney-detail-container, .tourney-slider.moving-left .tourney-detail-container_challenger {
  transform: translateX(-100%);
}
.tourney-slider.moving-right .tourney-detail-container, .tourney-slider.moving-right .tourney-detail-container_challenger {
  transform: translateX(100%);
}
.tourney-slider .tourney-detail-container, .tourney-slider .tourney-detail-container_challenger {
  transform: translateX(-100%);
  transition: transform ease-in-out 500ms;
  opacity: 0;
  position: absolute;
}
.tourney-slider .tourney-detail-container .tourney-results-wrapper, .tourney-slider .tourney-detail-container_challenger .tourney-results-wrapper {
  display: none;
}
.tourney-slider .tourney-detail-container.active, .tourney-slider .tourney-detail-container_challenger.active {
  opacity: 1;
  transform: translateX(0);
  position: initial;
}
.tourney-slider .tourney-detail-container.move-left, .tourney-slider .tourney-detail-container_challenger.move-left {
  transform: translateX(100%);
  position: absolute;
  opacity: 0;
  display: none;
}
.tourney-slider .tourney-detail-container.move-right, .tourney-slider .tourney-detail-container_challenger.move-right {
  transform: translateX(-100%);
  position: absolute;
  opacity: 0;
  display: none;
}

.no-tourneys {
  background-color: #fff;
  position: relative;
  z-index: 8001;
}
.no-tourneys .title {
  color: #1f2223;
  font-family: "roboto_regular";
  font-size: 12px;
  border-bottom: 1px solid #c7c8c8;
  border-top: 1px solid #c7c8c8;
  padding: 8px 0px 6px;
}
.no-tourneys .other-tourneys {
  overflow: hidden;
}
.no-tourneys .other-tourneys li {
  border-bottom: 1px solid #c7c8c8;
  display: table;
  margin-right: 5px;
  padding: 6px 0px 6px;
  width: 100%;
}
.no-tourneys .other-tourneys li .tourney-badge {
  display: inline-block;
  height: auto;
  margin-right: 12px;
  height: 18px;
  float: left;
}
.no-tourneys .other-tourneys li .tourney-badge img {
  height: 100%;
  width: auto;
}
.no-tourneys .other-tourneys li .tourney-title {
  width: 100%;
  display: block;
  font-family: "roboto_regular";
  font-size: 14px;
}

.rsActiveSlide .other-tourneys {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

/* ==========================================================================
	CURRENT TOURNAMENT MEDIA QUERIES
   ========================================================================== */
@media (max-width: 920px) {
  .current-tournament td.tourney-details {
    vertical-align: top;
    width: 70px !important;
  }
  .current-tournament td.tourney-details.fin-commit {
    width: 150px !important;
  }
}
/* ==========================================================================
	Detail Carousel
	========================================================================== */
.detail-carousel {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-height: 708px;
  background-color: #000;
  transform: translateZ(0);
}
.detail-carousel .inner-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}
.detail-carousel .royalSlider {
  background-color: black;
  overflow: hidden;
  width: 100%;
  opacity: 0;
}
.detail-carousel .royalSlider.rsHor {
  opacity: 1;
}
.detail-carousel .rsOverflow {
  overflow: hidden;
  position: relative;
  z-index: 1;
  width: 100% !important;
  height: 100% !important;
  padding-top: 62.5%;
}
.detail-carousel .rsContainer {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.detail-carousel .rsContainer .rsContent, .detail-carousel .rsContainer .rsSlide {
  transform: translateZ(0) !important;
}
.detail-carousel .rsSlide {
  overflow: hidden;
  height: 100%;
}
.detail-carousel .rsNav {
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.detail-carousel .rsNav:before, .detail-carousel .rsNav:after {
  content: "";
  display: block;
  height: 115px;
  width: 30px;
  position: absolute;
  top: 0;
  z-index: 2;
  background-color: #fff;
}
.detail-carousel .rsNav:before {
  left: 0;
}
.detail-carousel .rsNav:after {
  right: 0;
}
.detail-carousel .rsArrow {
  width: 50px;
  text-align: center;
  position: absolute;
  top: 0;
  bottom: 0;
  color: #fff;
  font-size: 20px;
  z-index: 100;
}
.detail-carousel .rsArrow .rsArrowIcn {
  height: 20px;
  position: absolute;
  top: 50%;
  margin-top: -10px;
}
.detail-carousel .rsArrow.rsArrowLeft {
  left: 0;
}
.detail-carousel .rsArrow.rsArrowLeft .rsArrowIcn {
  padding-left: 10px;
}
.detail-carousel .rsArrow.rsArrowRight {
  right: 0;
}
.detail-carousel .rsArrow.rsArrowRight .rsArrowIcn {
  padding-right: 10px;
  right: 0;
}
.detail-carousel .rsCaption {
  background-color: #fff;
  text-align: left;
}
.article-content .detail-carousel {
  width: 100%;
  margin-top: 20px;
}
.article-content .detail-carousel .article-header {
  margin-top: 0;
}

/* ==========================================================================
	MEDIA QUERIES
	========================================================================== */
/* ==========================================================================
	Landing Carousel
	========================================================================== */
.landing-carousel {
  position: relative;
  overflow: hidden;
  width: 100%;
  background-color: #000;
  transform: translateZ(0);
}
.landing-carousel .inner-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}
.landing-carousel .royalSlider {
  background-color: black;
  overflow: hidden;
  transform: translateZ(0);
  width: 100%;
}
.landing-carousel .rsOverflow {
  width: 100% !important;
  height: 100% !important;
  position: relative;
  transform: translateZ(0);
  padding-top: 62.5%;
}
.landing-carousel .rsContainer {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.landing-carousel .rsBullets {
  position: absolute;
  bottom: 15px;
  right: 30px;
  z-index: 10;
}
.landing-carousel .rsBullet {
  height: 25px;
  width: 25px;
  margin: 2px;
  float: left;
  cursor: pointer;
  position: relative;
  display: block;
  outline: none !important;
  border: none !important;
}
.landing-carousel .rsBullet span {
  outline: none !important;
  border: none !important;
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -1px;
  height: 2px;
  background-color: #0b6b8e;
  display: block;
  transition: all 0.25s ease-in-out;
}
.landing-carousel .rsBullet.rsNavSelected span {
  background-color: #fff;
}
.landing-carousel .rsBullet:hover span {
  background-color: rgba(255, 255, 255, 0.4);
}

.item-text {
  padding: 15px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  transform: translateZ(0);
}
.side-carousel-items .item-text {
  padding: 20px;
}

.item-title {
  font: 22px "roboto_bold";
  line-height: 1em;
  text-shadow: 1px 1px 1px #000;
  color: #fff;
  letter-spacing: 0px;
}
.side-carousel-items .item-title {
  font-size: 18px;
}

.item-credit {
  display: inline-block;
  position: absolute;
  font-size: 10px;
  left: calc(100% - 10px);
  bottom: 10px;
  z-index: 5;
  transform-origin: bottom left;
  transform: rotate(-90deg) translateZ(0);
  -ms-transform: rotate(-90deg);
}
.item-credit .item-credit-text {
  white-space: nowrap;
  color: rgba(255, 255, 255, 0.3);
}

.category-type {
  color: #fff;
  font-size: 20px;
  margin-bottom: 10px;
  display: block;
  clear: both;
}
.category-type span {
  display: block;
  width: auto;
  float: left;
}
.category-type span.icon-type-play, .category-type span.icon-type-gallery {
  margin-top: 0px;
  margin-right: 10px;
}

.category-type-title {
  font: 13px "roboto_regular";
  line-height: 1em;
  padding-top: 3px;
  padding-left: 4px;
  padding-right: 4px;
  padding-bottom: 3px;
  background-color: #fff;
  color: #000;
}

.item-thumbnail {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.item-thumbnail:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: block;
  content: " ";
  background: linear-gradient(rgba(0, 47, 64, 0) 0%, rgba(0, 47, 64, 0) 86%, rgba(0, 47, 64, 0.75) 100%);
  background-color: none !important;
}
.item-thumbnail > * {
  display: block;
  position: relative;
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.detail-carousel .item-thumbnail, .modal-carousel .item-thumbnail {
  background-size: auto 100%;
}
.detail-carousel .item-thumbnail video, .modal-carousel .item-thumbnail video {
  height: 100% !important;
  width: auto !important;
}

.item-button {
  border-radius: 5px;
  border: 1px solid #051224;
  display: block;
  margin-right: 10px;
  padding: 0 10px;
  height: 30px;
  color: #fff;
  font: 16px "roboto_bold";
  line-height: 26px;
  letter-spacing: 0px;
  background-color: #051224;
  text-transform: capitalize;
  text-align: center;
}
.item-button:hover {
  background-color: transparent;
  color: #051224 !important;
}
.item-buttons .item-button {
  margin-top: 10px;
  float: left;
  color: #fff;
}

/* ==========================================================================
	NEW Landing Carousel
	========================================================================== */
.slides-container {
  color: #fff;
}
.slides-container .slide {
  display: block;
  float: left;
  height: 141px;
  background: #ccc;
  background-size: cover;
  position: relative;
}
.slides-container .slide:hover {
  box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.75);
}
.slides-container .slide .icon, .slides-container .slide .modal-select .select-text:before, .modal-select .slides-container .slide .select-text:before, .slides-container .slide .mobile-select .select-text:before, .mobile-select .slides-container .slide .select-text:before, .slides-container .slide .tournaments-categories-item .item-link:before, .tournaments-categories-item .slides-container .slide .item-link:before {
  font-size: 19px;
  font-weight: bold;
  line-height: 24px;
  text-shadow: 1px 1px 2px #000;
}
.slides-container .slide-content {
  width: 100%;
  position: absolute;
  bottom: 0;
  padding: 8px 16px;
  color: #fff;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  padding: 10px;
}
.slides-container .slide-content .featured-icon {
  font-size: 32px;
}
.slides-container .slide-content .feature-slide-title {
  font-family: "roboto_bold";
  text-shadow: 1px 1px 2px #000;
  color: #ffffff;
  font-size: 20px;
}
.slides-container .slide-content .slide-title {
  font-family: "roboto_bold";
  font-size: 15px;
  letter-spacing: 0.3px;
  text-shadow: 1px 1px 2px #000;
}
.slides-container .featured-slides {
  width: 100%;
  border-bottom: 1px solid #fff;
  height: auto;
}
.slides-container .featured-slides .featured-slide {
  float: left;
  width: 75%;
  background: #ccc;
  height: 100%;
  background-size: cover;
  font-size: 18px;
  font-family: "roboto_bold";
  position: relative;
  width: 100%;
  height: auto;
  float: none;
}
.slides-container .featured-slides .featured-slide img {
  width: 100%;
}
.slides-container .featured-slides .slides {
  float: right;
  width: 25%;
  height: 100%;
  width: 100%;
  float: none;
}
.slides-container .featured-slides .slide {
  width: 100%;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
}
.slides-container .featured-slides .feature-slide-cta {
  width: 100%;
  float: left;
  margin-bottom: 8px;
}
.slides-container .featured-slides .feature-slide-cta .read-cta, .slides-container .featured-slides .feature-slide-cta .misc-cta {
  float: left;
  margin-right: 48px;
  margin-right: 16px;
}
.slides-container .featured-slides .feature-slide-cta a {
  text-shadow: 1px 1px 2px #000;
  color: #fff;
  letter-spacing: 0.3px;
  font-size: 12px;
  min-height: 30px;
  line-height: 30px;
  display: inline-block;
}
.slides-container .featured-slides .feature-slide-cta a .icon, .slides-container .featured-slides .feature-slide-cta a .modal-select .select-text:before, .modal-select .slides-container .featured-slides .feature-slide-cta a .select-text:before, .slides-container .featured-slides .feature-slide-cta a .mobile-select .select-text:before, .mobile-select .slides-container .featured-slides .feature-slide-cta a .select-text:before, .slides-container .featured-slides .feature-slide-cta a .tournaments-categories-item .item-link:before, .tournaments-categories-item .slides-container .featured-slides .feature-slide-cta a .item-link:before {
  margin-right: 8px;
}
.slides-container .featured-slides .feature-slide-cta .video-timestamp {
  float: right;
  font-size: 12px;
}
.slides-container .secondary-slides {
  width: 100%;
}
.slides-container .secondary-slides .slide {
  width: 25%;
  border-left: 1px solid #fff;
}
.slides-container .content-listing {
  margin-top: 16px;
}

/* ==========================================================================
	TABBED CAROUSEL
   ========================================================================== */
.tabbed-carousel {
  background-color: #ffffff;
  transform: translateZ(0);
}
.tabbed-carousel .module-header {
  padding-bottom: 20px;
}
.tabbed-carousel .detail-carousel .rsThumbs {
  padding: 20px 0px;
}
.tabbed-carousel .detail-carousel .rsThumbs:before, .tabbed-carousel .detail-carousel .rsThumbs:after {
  display: none;
}

.tabbed-carousel-panel {
  padding: 0px 16px 16px;
}

/* ==========================================================================
    WIN LOSS CONTENT
   ========================================================================== */
.win-loss-content {
  padding: 0;
}

.win-loss-content {
  border: 0 !important;
}
.win-loss-content .stats-listing-wrapper {
  border-top: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.win-loss-content .stats-listing-wrapper td {
  border: 0 !important;
}
.win-loss-content .mobile-select-wrapper {
  padding: 0 !important;
}

/* ==========================================================================
    WIN LOSS HEADER
   ========================================================================== */
.win-loss-header {
  position: relative;
}
.win-loss-header .section-title, .win-loss-header .tickets-accordion .accordion-label, .tickets-accordion .win-loss-header .accordion-label {
  padding-right: 85px !important;
}

.module-icon-tabs {
  position: absolute;
  right: 15px;
  top: 18px;
  z-index: 2;
}

.module-icon-tab {
  display: block;
  float: left;
  height: 30px;
  margin-left: 10px;
  width: 30px;
}
.module-icon-tab a {
  border: 1px solid #051224;
  color: #051224;
  display: block;
  height: 100%;
  line-height: 28px;
  text-align: center;
  width: 100%;
  font-size: 18px;
}
.module-icon-tab a:hover {
  border-color: #000;
  color: #000;
}
.module-icon-tab.current a {
  border-color: #000;
  color: #000;
}

/* ==========================================================================
	TOURNAMENTS LISTS
	========================================================================== */
.tournaments-lists .tabs-content-mode {
  border-bottom: 1px solid #ececec;
  padding: 15px;
}

.tournaments-lists-link {
  border-bottom: 1px solid #ececec;
  padding: 15px;
}

.tournaments-lists-badges {
  text-align: center;
  padding: 7px;
}
.tournaments-lists-badges .badge-link {
  display: inline-block;
  text-align: center;
}
.tournaments-lists-badges img {
  margin: 7px;
  display: inline-block;
  text-align: center;
  height: 40px;
  width: auto;
}

/* ==========================================================================
	TOURNAMENTS CATEGORIES
	========================================================================== */
.tournaments-categories-content {
  border-top: 1px solid #ececec;
}

.tournaments-categories-item {
  display: block;
  list-style: none;
}
.tournaments-categories-item .item-title {
  color: #051224;
  float: left;
  font: 15px "roboto_bold";
  line-height: 1em;
  text-shadow: none;
  text-transform: capitalize;
  width: calc(100% - 145px);
}
.tournaments-categories-item .item-date {
  color: #969b9d;
  font: 15px "roboto_regular";
  line-height: 1em;
  position: absolute;
  right: 40px;
  top: 50%;
  transform: translateY(-50%);
}
.tournaments-categories-item .item-link {
  border-bottom: 1px solid #ececec;
  color: #051224;
  display: block;
  padding: 15px;
  padding-bottom: 10px;
  padding-right: 40px;
  position: relative;
  font: 13px "roboto_regular";
  line-height: 1em;
}
.tournaments-categories-item .item-link:before {
  content: "\e609";
  position: absolute;
  top: 50%;
  right: 15px;
  z-index: 2;
  transform: translateY(-50%);
}
.tournaments-categories-item .item-link:hover {
  color: #1f2223;
}
.tournaments-categories-item .item-link:hover .item-title {
  color: #1f2223;
}
.tournaments-categories-item .item-link:hover:before {
  color: #1f2223;
}

/* ==========================================================================
	CONTENT FILTERS
	========================================================================== */
.content-filters {
  background-color: #f8f8f8;
  padding: 20px 15px 20px 10px;
  position: relative;
}
.content-filters .dropdown-holder-wrapper {
  position: relative;
}
.content-filters .dropdown-holder-wrapper[data-operator]:before {
  content: attr(data-operator);
  color: #000;
  font: 16px "roboto_regular";
  line-height: 1em;
  left: -16px;
  margin-top: -5px;
  text-align: center;
  position: absolute;
  top: 50%;
  text-transform: capitalize;
  width: 32px;
}
.content-filters .dropdown-holder-wrapper[data-operator] .dropdown-holder {
  margin: 0 0 0 16px;
}
.content-filters .dropdown-holder-wrapper[data-operator]:before {
  content: attr(data-operator);
  color: #000;
  font: 16px "roboto_regular";
  line-height: 1em;
  left: -16px;
  margin-top: -5px;
  text-align: center;
  position: absolute;
  top: 50%;
  text-transform: capitalize;
  width: 32px;
}
* + .content-filters:before, * + .content-filters:after {
  content: "";
  height: 0px;
  left: 50%;
  position: absolute;
  top: -1px;
  width: 0px;
  transform: translateX(-50%);
}
* + .content-filters:before {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #ffffff;
  z-index: 1;
}
* + .content-filters:after {
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-top: 11px solid #c7c8c8;
}
.content-filters .mobile-select-wrapper {
  padding: 0px;
}
.content-filters .mobile-select-wrapper .mobile-select {
  margin-left: 5px;
}
.content-filters .mobile-select-wrapper .mobile-select .select-text {
  font-size: 13px;
}

.content-filter-laver-cup-tabs {
  padding: 16px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 20;
  width: calc(100% - 350px);
}
@media (min-width: 768px) and (max-width: 1024px) {
  .content-filter-laver-cup-tabs {
    float: left;
    padding: 0 16px;
    margin-top: 0;
    position: static;
    width: calc(100% - 150px);
  }
}

.content-filter-with-singles-doubles-tabs {
  padding: 16px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 20;
  width: calc(100% - 170px);
}
@media (min-width: 768px) and (max-width: 1024px) {
  .content-filter-with-singles-doubles-tabs {
    float: left;
    padding: 0 16px;
    margin-top: 0;
    position: static;
    width: calc(100% - 170px);
  }
}

.content-filters-with-buttons {
  padding: 16px;
  position: relative;
  z-index: 500;
}
.content-filters-with-buttons .content-filters {
  float: left;
  width: calc(100% - 70px);
  padding: 0;
}
.content-filters-with-buttons .content-filters + .filter-action-buttons {
  margin-right: 0px;
}
.content-filters-with-buttons .content-filters .dropdown-wrapper {
  width: calc(100% - 16px);
}
.module-header .content-filters-with-buttons {
  float: right;
  padding: 0px;
  width: 60%;
}
.content-filter-with-singles-doubles-tabs .content-filters-with-buttons {
  padding: 0px;
  width: auto;
}
.content-filters-with-buttons + .last-events-played.is-standalone.is-no-slider .last-events-played-slider-wrapper, .content-filters-with-buttons + script + .last-events-played.is-standalone.is-no-slider .last-events-played-slider-wrapper {
  padding-top: 0px;
}
.content-filters-with-buttons.expandable-body-filter {
  padding-bottom: 0px;
}
.content-filters-with-buttons.expandable-body-filter .content-filters {
  height: 0px;
  overflow: hidden;
  padding-top: 0px;
  width: 100%;
  /*transition: all .5s ease-in-out;*/
}
.content-filters-with-buttons.expandable-body-filter .content-filters .dropdown-layout-wrapper {
  float: left;
  width: calc(100% - 70px);
}
.content-filters-with-buttons.expandable-body-filter .content-filters.expand {
  height: 52px;
  overflow: visible;
  padding-top: 20px;
}
.content-filters-with-buttons.expandable-body-filter .filter-control {
  top: 0px;
}
.content-filters-with-buttons.expandable-body-filter .filter-action-buttons {
  margin-right: 0px;
}
.content-filters-with-buttons.results-archive .dropdown-holder {
  width: 200px;
}
.content-filters-with-buttons.results-archive .dropdown-holder.expand .dropdown {
  width: 200px;
}

.mobile-select-group {
  display: table;
  margin-top: 15px;
  table-layout: fixed;
  width: 100%;
}
.mobile-select-group .mobile-select-wrapper {
  display: table-cell;
}

/* ==========================================================================
	404
   ========================================================================== */
.wrapper-404 {
  text-align: center;
  background-color: #ffffff;
  padding: 20px 15px;
}

.text-404 {
  color: #333333;
  font-family: "roboto_bold";
  font-size: 9.7em;
  line-height: 86px;
}

.not-found-404 {
  font-family: "roboto_regular";
  line-height: 1;
  text-transform: capitalize;
  color: #1f2223;
  font-size: 2.3em;
  margin-top: -5px;
}

.content-box-404 {
  margin-top: 10px;
}
.content-box-404 .button-border, .content-box-404 .channel-container .view-more, .channel-container .content-box-404 .view-more, .content-box-404 .channel-container .live-video, .channel-container .content-box-404 .live-video, .content-box-404 .predictive-see-all, .content-box-404 .modal-button, .content-box-404 .time-button, .content-box-404 #doorbell .buttons .btn, #doorbell .buttons .content-box-404 .btn, .content-box-404 #doorbell .buttons button, #doorbell .buttons .content-box-404 button {
  margin-top: 10px;
}
.content-box-404 p {
  color: #333333;
  font-family: "roboto_regular";
  font-size: 1.5em;
  padding: 5px 0px;
}
.content-box-404 p:first-child {
  border-bottom: 1px solid #c7c8c8;
  padding-top: 0px;
}
.content-box-404 p span {
  font-family: "roboto_bold";
  text-transform: capitalize;
}

.desktop {
  display: none;
}

.mobile {
  display: block;
}

@media screen and (max-width: 320px) {
  body.error-500 {
    max-width: 320px;
  }
}
@media screen and (min-width: 321px) and (max-width: 360px) {
  body.error-500 {
    max-width: 360px;
  }
}
@media screen and (min-width: 361px) and (max-width: 375px) {
  body.error-500 {
    max-width: 375px;
  }
}
@media screen and (min-width: 376px) and (max-width: 420px) {
  body.error-500 {
    max-width: 420px;
  }
}
@media screen and (min-width: 421px) and (max-width: 750px) {
  body.error-500 {
    max-width: 600px;
  }
}
body.error-500 .wrapper {
  width: 100%;
  top: 105px;
  display: grid;
  margin: 0 auto;
}
body.error-500 .wrapper .container {
  width: 100%;
  margin-bottom: 10px;
  font-family: "roboto_regular";
  padding: 10px;
  max-width: inherit !important;
}
body.error-500 .wrapper .container .error-message-1 {
  font-size: 18px;
  margin-bottom: 20px;
}
body.error-500 .wrapper .container .error-message-2 {
  font-size: 45px;
  text-align: center;
}
body.error-500 .wrapper .container .error-num {
  font-size: 20px;
  font-size: 20px;
  width: 75%;
  line-height: 25px;
  color: #fff;
  background-color: #000;
  text-align: end;
  padding-right: 10px;
}
body.error-500 .wrapper .container .error-message-3 {
  font-size: 18px;
  text-align: end;
}
body.error-500 .wrapper .footer-mobile {
  width: 100%;
  height: 43px;
}
body.error-500 .wrapper .footer-mobile .footer-social {
  align-items: stretch;
  display: inline-flex;
  justify-content: space-evenly;
  width: 80%;
  height: 100%;
  left: initial;
  position: inherit;
  right: initial;
  text-align: inherit;
  top: initial;
  border-bottom: 0;
}
body.error-500 .wrapper .footer-mobile .footer-social li {
  font-size: 16px;
  margin: 6px 10px;
  text-align: center;
}

/* ==========================================================================
	CONTENT ACCORDION
   ========================================================================== */
.content-accordion-wrapper, .tourney-overview-accordion {
  background-color: #ffffff;
}
.content-accordion-wrapper .intro-content, .tourney-overview-accordion .intro-content {
  border-bottom: 1px solid #e8e8e8;
  padding: 5px 15px 5px;
}
.content-accordion-wrapper .intro-content .button-border, .content-accordion-wrapper .intro-content .channel-container .view-more, .channel-container .content-accordion-wrapper .intro-content .view-more, .content-accordion-wrapper .intro-content .channel-container .live-video, .channel-container .content-accordion-wrapper .intro-content .live-video, .content-accordion-wrapper .intro-content .predictive-see-all, .content-accordion-wrapper .intro-content .modal-button, .content-accordion-wrapper .intro-content .time-button, .tourney-overview-accordion .intro-content .button-border, .tourney-overview-accordion .intro-content .channel-container .view-more, .channel-container .tourney-overview-accordion .intro-content .view-more, .tourney-overview-accordion .intro-content .channel-container .live-video, .channel-container .tourney-overview-accordion .intro-content .live-video, .tourney-overview-accordion .intro-content .predictive-see-all, .tourney-overview-accordion .intro-content .modal-button, .tourney-overview-accordion .intro-content .time-button, .content-accordion-wrapper .intro-content #doorbell .buttons .btn, #doorbell .buttons .content-accordion-wrapper .intro-content .btn, .tourney-overview-accordion .intro-content #doorbell .buttons .btn, #doorbell .buttons .tourney-overview-accordion .intro-content .btn, .content-accordion-wrapper .intro-content #doorbell .buttons button, #doorbell .buttons .content-accordion-wrapper .intro-content button, .tourney-overview-accordion .intro-content #doorbell .buttons button, #doorbell .buttons .tourney-overview-accordion .intro-content button {
  float: right;
  margin-right: 10px;
  width: 100%;
}
.content-accordion-wrapper .intro-content .button-border:first-of-type, .content-accordion-wrapper .intro-content .channel-container .view-more:first-of-type, .channel-container .content-accordion-wrapper .intro-content .view-more:first-of-type, .content-accordion-wrapper .intro-content .channel-container .live-video:first-of-type, .channel-container .content-accordion-wrapper .intro-content .live-video:first-of-type, .content-accordion-wrapper .intro-content .predictive-see-all:first-of-type, .content-accordion-wrapper .intro-content .modal-button:first-of-type, .content-accordion-wrapper .intro-content .time-button:first-of-type, .tourney-overview-accordion .intro-content .button-border:first-of-type, .tourney-overview-accordion .intro-content .channel-container .view-more:first-of-type, .channel-container .tourney-overview-accordion .intro-content .view-more:first-of-type, .tourney-overview-accordion .intro-content .channel-container .live-video:first-of-type, .channel-container .tourney-overview-accordion .intro-content .live-video:first-of-type, .tourney-overview-accordion .intro-content .predictive-see-all:first-of-type, .tourney-overview-accordion .intro-content .modal-button:first-of-type, .tourney-overview-accordion .intro-content .time-button:first-of-type, .content-accordion-wrapper .intro-content #doorbell .buttons .btn:first-of-type, #doorbell .buttons .content-accordion-wrapper .intro-content .btn:first-of-type, .tourney-overview-accordion .intro-content #doorbell .buttons .btn:first-of-type, #doorbell .buttons .tourney-overview-accordion .intro-content .btn:first-of-type, .content-accordion-wrapper .intro-content #doorbell .buttons button:first-of-type, #doorbell .buttons .content-accordion-wrapper .intro-content button:first-of-type, .tourney-overview-accordion .intro-content #doorbell .buttons button:first-of-type, #doorbell .buttons .tourney-overview-accordion .intro-content button:first-of-type {
  margin-right: 0px;
}
.content-accordion-wrapper .article-copy, .tourney-overview-accordion .article-copy, .content-accordion-wrapper #doorbell, .tourney-overview-accordion #doorbell {
  margin-bottom: 10px;
}
.content-accordion-wrapper .centered-content, .tourney-overview-accordion .centered-content {
  border-bottom: 1px solid #e8e8e8;
}
.content-accordion-wrapper .centered-content .article-copy, .tourney-overview-accordion .centered-content .article-copy, .content-accordion-wrapper .centered-content #doorbell, .tourney-overview-accordion .centered-content #doorbell {
  padding: 20px 15px 0px;
}

.accordion-label {
  background-color: #ffffff;
  color: #051224;
  text-transform: none;
  border-bottom: 1px solid #e8e8e8;
  font-family: "roboto_bold";
  font-size: 13px;
  padding: 8px 45px 8px 15px;
  /*&:before {
  	@if ($platform == mobile) {
  		content: '\e62e';
  	}
  }*/
}
.tournament-details-mobile-wrapper .accordion-label {
  border-bottom: 1px solid #ececec !important;
}
.accordion-label:before, .accordion-label:after {
  color: #051224;
  font-family: "icomoon";
  position: absolute;
  right: 15px !important;
  transform: translateY(-50%);
  padding-top: 10px;
}
.accordion-label:after {
  content: "\e62f";
}
.accordion-label:hover {
  color: #1f2223;
}
.accordion-label:hover:before, .accordion-label:hover:after {
  color: #1f2223;
}

.content-accordion.expand .accordion-label:before {
  transform: scale(1) translateY(-50%);
}
.content-accordion.expand .accordion-label:after {
  content: "\e62e";
}
.content-accordion .centered-content-wrapper {
  overflow: hidden;
  transition: all 0.25s;
}
.tournament-details-mobile-wrapper .content-accordion.expand {
  border-bottom: 1px solid #ececec;
  padding-bottom: 20px;
}

/* ==========================================================================
	CONTENT LISTING ALTERNATE
   ========================================================================== */
.listing-wrapper.alternate {
  background-color: #ffffff;
  padding: 20px 15px;
}

.with-section-title {
  padding: 0px 15px !important;
}
.with-section-title .section-title, .with-section-title .tickets-accordion .accordion-label, .tickets-accordion .with-section-title .accordion-label {
  margin: -15px;
  margin-bottom: 20px;
}
.with-section-title .listing-item {
  margin: 0 -15px;
  padding: 15px;
  padding-bottom: 30px;
  border-top: 1px solid #c7c8c8;
}
.with-section-title .listing-item:first-child {
  border-top: none;
}
.with-section-title .icon, .with-section-title .modal-select .select-text:before, .modal-select .with-section-title .select-text:before, .with-section-title .mobile-select .select-text:before, .mobile-select .with-section-title .select-text:before, .with-section-title .tournaments-categories-item .item-link:before, .tournaments-categories-item .with-section-title .item-link:before {
  left: 120px !important;
  top: 125px !important;
}

/* ==========================================================================
    CONTENT LISTING TABS
   ========================================================================== */
.content-listing.tabs .module-tabs {
  display: table;
  padding: 15px 10px 0;
  table-layout: fixed;
  width: 100%;
}
.content-listing.tabs .module-tab {
  background-color: #051224;
  border: 1px solid #ffffff;
  cursor: pointer;
  color: #ffffff;
  display: table-cell;
  font-family: "roboto_bold";
  height: 30px;
  line-height: 11px;
  padding: 0px 5px;
  text-align: center;
  text-transform: capitalize;
  vertical-align: middle;
  font-size: 12px;
}
.content-listing.tabs .module-tab.current, .content-listing.tabs .module-tab:active, .content-listing.tabs .module-tab:hover {
  color: #1f2223;
  background-color: #ffffff;
  border: 1px solid #1f2223;
  border-bottom: 0;
}
.content-listing.tabs .module-tab span {
  display: block;
  width: 100%;
}
.content-listing.tabs .listing-wrapper {
  display: none;
}
.content-listing.tabs .listing-wrapper.current {
  display: block;
}

/* ==========================================================================
    CONTENT LISTING
   ========================================================================== */
.section-title, .tickets-accordion .accordion-label {
  color: #051224;
  font-family: "roboto_bold";
  text-transform: uppercase;
  margin-bottom: 15px;
  font-size: 16px;
  letter-spacing: 0px;
  padding-top: 10px;
}
.section-title.pepperstone img, .tickets-accordion .pepperstone.accordion-label img {
  width: auto;
  max-width: 100%;
  height: 24px;
}
.section-title img, .tickets-accordion .accordion-label img {
  width: auto;
  max-width: 100%;
  height: 16px;
}
.content-listing {
  background: #ffffff;
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.content-listing .sponsor-logo {
  max-height: 30px;
  max-width: 100px;
  position: absolute;
  right: 15px;
  top: 25px;
}
.content-listing .listing-wrapper {
  padding: 0px 10px 10px;
}

.listing-wrapper {
  flex-grow: 1;
  display: flex;
  position: relative;
  flex-direction: column;
}
.rail .listing-wrapper {
  border-top: 1px solid #bfc3c5;
  padding: 30px 10px;
}
.rail .listing-wrapper:first-child {
  border-top: none;
}

.listing-items.vertical {
  display: grid;
}
.listing-items.hidden {
  display: none;
}
.listing-items .ad {
  margin-top: 10px;
}

.listing-item {
  margin-top: 15px;
  position: relative;
}
.feature-listing .listing-item {
  margin-top: 5px;
  padding-bottom: 5px;
}
.listing-item:first-child {
  margin-top: 0px;
}
.rail .listing-item {
  clear: both;
  float: none;
  display: block;
  opacity: 1;
  overflow: hidden;
  transform: translateZ(0) scale(1);
  transition: opacity 0.5s linear, max-height 0.25s linear, transform 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.rail .listing-item [data-type=image] {
  transition: opacity 0.5s linear 0.25s;
  opacity: 1;
}
.listing-item.single {
  display: block;
}
.rail .listing-item.single {
  transform: none !important;
  background: #fff;
  border: 1px solid #c7c8c8;
  padding: 8px;
}
.rail .listing-item.single .listing-item-thumb {
  display: block;
  float: none;
}
.rail .listing-item.single .listing-item-thumb .icon, .rail .listing-item.single .listing-item-thumb .modal-select .select-text:before, .modal-select .rail .listing-item.single .listing-item-thumb .select-text:before, .rail .listing-item.single .listing-item-thumb .mobile-select .select-text:before, .mobile-select .rail .listing-item.single .listing-item-thumb .select-text:before, .rail .listing-item.single .listing-item-thumb .tournaments-categories-item .item-link:before, .tournaments-categories-item .rail .listing-item.single .listing-item-thumb .item-link:before {
  font-weight: bold;
}
.rail .listing-item.single .listing-item-info {
  display: block;
  padding-left: 0;
  padding-top: 10px;
}
.listing-item.prepended-item {
  opacity: 0;
  max-height: 0px;
  transform: translateZ(0) scale(0.5);
}
.listing-item.prepended-item [data-type=image] {
  opacity: 0;
}

.listing-item-thumb {
  background-size: cover;
  display: block;
  float: left;
  position: relative;
  background-size: cover;
  height: 56px;
  margin-right: 10px;
  width: 100px;
}
.listing-item-thumb .icon, .listing-item-thumb .modal-select .select-text:before, .modal-select .listing-item-thumb .select-text:before, .listing-item-thumb .mobile-select .select-text:before, .mobile-select .listing-item-thumb .select-text:before, .listing-item-thumb .tournaments-categories-item .item-link:before, .tournaments-categories-item .listing-item-thumb .item-link:before {
  font-weight: bold;
}
.listing-item-thumb * {
  display: block;
  height: 100%;
  width: 100%;
}
.listing-item-thumb .icon, .listing-item-thumb .modal-select .select-text:before, .modal-select .listing-item-thumb .select-text:before, .listing-item-thumb .mobile-select .select-text:before, .mobile-select .listing-item-thumb .select-text:before, .listing-item-thumb .tournaments-categories-item .item-link:before, .tournaments-categories-item .listing-item-thumb .item-link:before {
  position: absolute;
  bottom: 0;
  color: #fff;
  font-size: 24px;
  margin: 8px;
  height: auto;
  width: auto;
  z-index: 2;
}

.listing-item-info {
  float: right;
  width: calc(100% - 115px);
}
.listing-item-info.no-video {
  width: 100%;
}
.listing-item-info.no-thumbnail {
  width: 100%;
  float: left;
}

.no-thumbnail .listing-title {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 14px 1fr;
  grid-gap: 8px;
  align-items: center;
}
.no-thumbnail .listing-title .icon, .no-thumbnail .listing-title .modal-select .select-text:before, .modal-select .no-thumbnail .listing-title .select-text:before, .no-thumbnail .listing-title .mobile-select .select-text:before, .mobile-select .no-thumbnail .listing-title .select-text:before, .no-thumbnail .listing-title .tournaments-categories-item .item-link:before, .tournaments-categories-item .no-thumbnail .listing-title .item-link:before {
  color: #051224;
  font-size: 14px;
  font-weight: bold;
  grid-column: 1;
}
.no-thumbnail .listing-title a {
  grid-column: 2;
}

.listing-title {
  color: #051224;
  font: 16px "roboto_regular";
  line-height: 1.111em;
  font-size: 16px !important;
  letter-spacing: 0px;
}
.no-video .listing-title {
  float: right;
  width: calc(100% - 115px);
}

.listing-category {
  color: #1f2223;
}
.no-video .listing-category {
  float: left;
  width: 100px;
  text-align: right;
}
.listing-category .icon, .listing-category .modal-select .select-text:before, .modal-select .listing-category .select-text:before, .listing-category .mobile-select .select-text:before, .mobile-select .listing-category .select-text:before, .listing-category .tournaments-categories-item .item-link:before, .tournaments-categories-item .listing-category .item-link:before {
  font-size: 1.9em;
  color: #1f2223;
  position: initial;
  z-index: 1;
  margin-top: 3px;
  display: block;
  float: left;
  padding-right: 5px;
  margin-right: 4px;
  border-right: 1px solid #c7c8c8;
  height: 15px;
  line-height: 16px;
}
.listing-category .listing-category-title {
  font-family: "roboto_regular";
  font-size: 14px;
  letter-spacing: 0px;
  margin-left: 0;
  line-height: 20px;
}
.rail .listing-category .listing-category-title {
  font-size: 1.4em;
  margin-left: 0px;
  color: #1f2223;
}

.listing-buttons {
  margin-top: 10px;
}
.listing-buttons.feature-buttons .button-border, .listing-buttons.feature-buttons .channel-container .view-more, .channel-container .listing-buttons.feature-buttons .view-more, .listing-buttons.feature-buttons .channel-container .live-video, .channel-container .listing-buttons.feature-buttons .live-video, .listing-buttons.feature-buttons .predictive-see-all, .listing-buttons.feature-buttons .modal-button, .listing-buttons.feature-buttons .time-button, .listing-buttons.feature-buttons #doorbell .buttons .btn, #doorbell .buttons .listing-buttons.feature-buttons .btn, .listing-buttons.feature-buttons #doorbell .buttons button, #doorbell .buttons .listing-buttons.feature-buttons button {
  width: calc(50% - 5px);
  float: left;
}
.listing-buttons.feature-buttons .button-border:first-child, .listing-buttons.feature-buttons .channel-container .view-more:first-child, .channel-container .listing-buttons.feature-buttons .view-more:first-child, .listing-buttons.feature-buttons .channel-container .live-video:first-child, .channel-container .listing-buttons.feature-buttons .live-video:first-child, .listing-buttons.feature-buttons .predictive-see-all:first-child, .listing-buttons.feature-buttons .modal-button:first-child, .listing-buttons.feature-buttons .time-button:first-child, .listing-buttons.feature-buttons #doorbell .buttons .btn:first-child, #doorbell .buttons .listing-buttons.feature-buttons .btn:first-child, .listing-buttons.feature-buttons #doorbell .buttons button:first-child, #doorbell .buttons .listing-buttons.feature-buttons button:first-child {
  width: 100%;
  margin-bottom: 10px;
}
.listing-buttons.feature-buttons .button-border:last-child, .listing-buttons.feature-buttons .channel-container .view-more:last-child, .channel-container .listing-buttons.feature-buttons .view-more:last-child, .listing-buttons.feature-buttons .channel-container .live-video:last-child, .channel-container .listing-buttons.feature-buttons .live-video:last-child, .listing-buttons.feature-buttons .predictive-see-all:last-child, .listing-buttons.feature-buttons .modal-button:last-child, .listing-buttons.feature-buttons .time-button:last-child, .listing-buttons.feature-buttons #doorbell .buttons .btn:last-child, #doorbell .buttons .listing-buttons.feature-buttons .btn:last-child, .listing-buttons.feature-buttons #doorbell .buttons button:last-child, #doorbell .buttons .listing-buttons.feature-buttons button:last-child {
  float: right;
}
.listing-buttons .button-border, .listing-buttons .channel-container .view-more, .channel-container .listing-buttons .view-more, .listing-buttons .channel-container .live-video, .channel-container .listing-buttons .live-video, .listing-buttons .predictive-see-all, .listing-buttons .modal-button, .listing-buttons .time-button, .listing-buttons #doorbell .buttons .btn, #doorbell .buttons .listing-buttons .btn, .listing-buttons #doorbell .buttons button, #doorbell .buttons .listing-buttons button {
  font-size: 16px;
  height: 30px;
  letter-spacing: 0px;
  line-height: 26px;
  width: 100%;
}
.listing-buttons.buttons-group .button-border, .listing-buttons.buttons-group .channel-container .view-more, .channel-container .listing-buttons.buttons-group .view-more, .listing-buttons.buttons-group .channel-container .live-video, .channel-container .listing-buttons.buttons-group .live-video, .listing-buttons.buttons-group .predictive-see-all, .listing-buttons.buttons-group .modal-button, .listing-buttons.buttons-group .time-button, .listing-buttons.buttons-group #doorbell .buttons .btn, #doorbell .buttons .listing-buttons.buttons-group .btn, .listing-buttons.buttons-group #doorbell .buttons button, #doorbell .buttons .listing-buttons.buttons-group button {
  margin-left: 0px;
}
.listing-buttons.buttons-group .button-border:first-child, .listing-buttons.buttons-group .channel-container .view-more:first-child, .channel-container .listing-buttons.buttons-group .view-more:first-child, .listing-buttons.buttons-group .channel-container .live-video:first-child, .channel-container .listing-buttons.buttons-group .live-video:first-child, .listing-buttons.buttons-group .predictive-see-all:first-child, .listing-buttons.buttons-group .modal-button:first-child, .listing-buttons.buttons-group .time-button:first-child, .listing-buttons.buttons-group #doorbell .buttons .btn:first-child, #doorbell .buttons .listing-buttons.buttons-group .btn:first-child, .listing-buttons.buttons-group #doorbell .buttons button:first-child, #doorbell .buttons .listing-buttons.buttons-group button:first-child {
  margin-bottom: 10px;
}

/* ==========================================================================
    PAGE SPECIFIC CONTENT LISTING
   ========================================================================== */
.main-container[data-page=home] .listing-wrapper:not(.alternate) .listing-item:not(.single):not(:first-child) {
  margin-top: 16px;
}
.main-container[data-page=home] .listing-wrapper:not(.alternate) .listing-item:not(.single) .listing-item-thumb {
  height: 67.5px;
  margin-right: 16px;
  width: 120px;
}
.main-container[data-page=home] .listing-wrapper:not(.alternate) .listing-item:not(.single) .listing-item-thumb .icon, .main-container[data-page=home] .listing-wrapper:not(.alternate) .listing-item:not(.single) .listing-item-thumb .modal-select .select-text:before, .modal-select .main-container[data-page=home] .listing-wrapper:not(.alternate) .listing-item:not(.single) .listing-item-thumb .select-text:before, .main-container[data-page=home] .listing-wrapper:not(.alternate) .listing-item:not(.single) .listing-item-thumb .mobile-select .select-text:before, .mobile-select .main-container[data-page=home] .listing-wrapper:not(.alternate) .listing-item:not(.single) .listing-item-thumb .select-text:before, .main-container[data-page=home] .listing-wrapper:not(.alternate) .listing-item:not(.single) .listing-item-thumb .tournaments-categories-item .item-link:before, .tournaments-categories-item .main-container[data-page=home] .listing-wrapper:not(.alternate) .listing-item:not(.single) .listing-item-thumb .item-link:before {
  font-weight: bold;
}
.main-container[data-page=home] .listing-wrapper:not(.alternate) .listing-item:not(.single) .listing-item-info:not(.no-thumbnail) {
  padding-top: 0;
  width: calc(100% - 136px);
}
.main-container[data-page=home] .listing-wrapper:not(.alternate) .listing-item:not(.single) .listing-item-info.no-thumbnail {
  width: 100%;
  float: left;
}

.headToheadSection {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  margin-top: 15px;
}
.headToheadSection .headToHeadModule {
  display: flex;
  flex-direction: column;
  max-width: 100%;
  background-color: #dbe9ec;
  border: 0.0625rem solid #000;
  border-radius: 0.3125rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.headToheadSection .headToHeadModule .headLogos {
  display: flex;
  align-items: center;
  padding: 3px;
  width: 100%;
}
.headToheadSection .headToHeadModule .headLogos img {
  width: 100%;
  max-width: 17rem;
  padding: 3px 3px 3px 12px;
}
.headToheadSection .headToHeadModule .headItems {
  display: flex;
  align-items: center;
  background-image: linear-gradient(117deg, #b3b3b3 8.33%, #dbe9ec 8.33%, #dbe9ec 50%, #b3b3b3 50%, #b3b3b3 58.33%, #dbe9ec 58.33%, #dbe9ec 100%);
  background-size: 0.4219rem 0.8281rem;
  width: 100%;
  border-bottom-right-radius: 13px;
  border-bottom-left-radius: 13px;
}
.headToheadSection .headToHeadModule .headItems .headToheadProfile {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 60%;
  padding: 0.3rem 1rem;
}
.headToheadSection .headToHeadModule .headItems .headToheadProfile img {
  max-width: 100%;
  margin-bottom: -2px;
  transform: scale(1.25);
  transform-origin: 50% 0%;
}
.headToheadSection .headToHeadModule .headItems .headToheadProfile .leftProfile,
.headToheadSection .headToHeadModule .headItems .headToheadProfile .rightProfile {
  width: 28%;
  height: auto;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 50%;
  background: #121fff;
  min-width: 3rem;
}
@media only screen and (max-width: 415px) {
  .headToheadSection .headToHeadModule .headItems .headToheadProfile .leftProfile,
.headToheadSection .headToHeadModule .headItems .headToheadProfile .rightProfile {
    width: 3rem;
    height: 3rem;
  }
}
@media only screen and (max-width: 300px) {
  .headToheadSection .headToHeadModule .headItems .headToheadProfile .leftProfile,
.headToheadSection .headToHeadModule .headItems .headToheadProfile .rightProfile {
    width: 2rem;
    height: 2rem;
  }
}
.headToheadSection .headToHeadModule .headItems .versus {
  color: #7583fd;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 3.6rem;
  font-weight: bold;
  display: inline-block;
  transform: scaleY(0.6);
}
@media only screen and (max-width: 415px) {
  .headToheadSection .headToHeadModule .headItems .versus {
    font-size: 2.5rem;
  }
}
@media only screen and (max-width: 300px) {
  .headToheadSection .headToHeadModule .headItems .versus {
    font-size: 1.875rem;
  }
}
.headToheadSection .headToHeadModule .headItems .headDetails {
  width: 30%;
  text-align: center;
  margin: 0 auto;
}
.headToheadSection .headToHeadModule .headItems .headDetails span {
  padding: 0.5rem 1.5rem 0.5rem 1.5rem;
  display: inline;
  border-radius: 0.375rem;
  font-family: "roboto_bold";
  border: 0;
  margin: 0 0.3125rem;
  background: #000;
  letter-spacing: 0.125rem;
  width: 55%;
  color: #fff;
  height: auto;
  box-sizing: content-box;
  box-shadow: 0.1875rem 0.1875rem 0px #121fff;
  display: inline-block;
  cursor: pointer;
  line-height: 11px;
}
@media only screen and (max-width: 400px) {
  .headToheadSection .headToHeadModule .headItems .headDetails span {
    font-size: 0.5rem;
    letter-spacing: 0.0625rem;
    margin: 0;
    box-shadow: 0.125rem 0.125rem 0px #121fff;
  }
}
@media only screen and (max-width: 300px) {
  .headToheadSection .headToHeadModule .headItems .headDetails span {
    font-size: 0.3125rem;
  }
}

/* ==========================================================================
	FEATURED COLUMN
	========================================================================== */
.column-content {
  padding: 15px;
  padding-bottom: 5px;
  padding-top: 0;
}

.column-search {
  position: relative;
  margin-bottom: 15px;
}

.column-search-input {
  background-color: #f1f1f1;
  border: none;
  border-bottom: 1px solid #051224;
  font: 18px "roboto_regular";
  line-height: 1.5em;
  height: 42px;
  outline: none;
  width: 100%;
  color: #1f2223;
  height: 32px;
  padding: 5px 10px;
  box-sizing: border-box !important;
}

.column-search-icon {
  color: #051224;
  position: absolute;
  z-index: 2;
  font-size: 15px;
  right: 7px;
  top: 7px;
}
.search-on .column-search-icon {
  cursor: pointer;
}

.column-search-results {
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
  left: 0;
  overflow: auto;
  position: absolute;
  width: 100%;
  z-index: 100;
  -webkit-overflow-scrolling: touch;
  max-height: 95px;
  top: 30px;
}
.search-on .column-search-results {
  display: block;
}

.column-search-result {
  color: #fff !important;
  display: block;
  font-size: 12px;
  padding: 5px 10px;
}
.column-search-result:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.column-search-wrapper {
  background-color: #fff;
  padding: 10px;
}
.column-search-wrapper .column-search {
  margin: 0;
}

.column-header {
  border-bottom: 1px solid #ececec;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.column-header-image {
  border: 1px solid #ececec;
  float: left;
  height: auto;
  width: 72px;
}

.column-header-info {
  height: 70px;
  position: relative;
  float: right;
  width: calc(100% - 85px);
}
.column-header-info a {
  max-height: 40px;
  overflow: hidden;
  display: inline-block;
  line-height: 1em;
  font: 16px "roboto_regular";
}
.column-header-info a.column-header-name {
  max-height: 70px;
  padding-top: 20px;
}
.column-header-info a.column-header-name span {
  display: block;
}

.column-header-center {
  top: 0;
  left: 0;
  display: inline-block;
  position: absolute;
  z-index: 1;
  transform: translateY(50%);
}

.column-header-location {
  margin-top: 5px;
  line-height: 1em;
  font: 14px "roboto_regular";
}

.column-copy {
  margin-bottom: 20px;
  font-size: 1.6em;
  line-height: 1.6em;
}

.column-buttons .button-border:first-child, .column-buttons .channel-container .view-more:first-child, .channel-container .column-buttons .view-more:first-child, .column-buttons .channel-container .live-video:first-child, .channel-container .column-buttons .live-video:first-child, .column-buttons .predictive-see-all:first-child, .column-buttons .modal-button:first-child, .column-buttons .time-button:first-child, .column-buttons #doorbell .buttons .btn:first-child, #doorbell .buttons .column-buttons .btn:first-child, .column-buttons #doorbell .buttons button:first-child, #doorbell .buttons .column-buttons button:first-child {
  margin-bottom: 10px;
}
.column-buttons .button-border:first-child, .column-buttons .channel-container .view-more:first-child, .channel-container .column-buttons .view-more:first-child, .column-buttons .channel-container .live-video:first-child, .channel-container .column-buttons .live-video:first-child, .column-buttons .predictive-see-all:first-child, .column-buttons .modal-button:first-child, .column-buttons .time-button:first-child, .column-buttons #doorbell .buttons .btn:first-child, #doorbell .buttons .column-buttons .btn:first-child, .column-buttons #doorbell .buttons button:first-child, #doorbell .buttons .column-buttons button:first-child {
  margin-bottom: 10px;
}
.column-buttons .button-border:nth-child(2), .column-buttons .channel-container .view-more:nth-child(2), .channel-container .column-buttons .view-more:nth-child(2), .column-buttons .channel-container .live-video:nth-child(2), .channel-container .column-buttons .live-video:nth-child(2), .column-buttons .predictive-see-all:nth-child(2), .column-buttons .modal-button:nth-child(2), .column-buttons .time-button:nth-child(2), .column-buttons #doorbell .buttons .btn:nth-child(2), #doorbell .buttons .column-buttons .btn:nth-child(2), .column-buttons #doorbell .buttons button:nth-child(2), #doorbell .buttons .column-buttons button:nth-child(2) {
  display: none;
}

/* ==========================================================================
	LOGO BLURB
   ========================================================================== */
.logo-blurb-wrapper {
  background-color: #ffffff;
  border-bottom: 1px solid #c7c8c8;
  border-top: 1px solid #c7c8c8;
  width: 100%;
  padding: 20px 15px;
}
.logo-blurb-wrapper .the-logo {
  text-align: center;
}
.logo-blurb-wrapper .the-logo img {
  height: auto !important;
  width: 200px !important;
}
.logo-blurb-wrapper .the-blurb {
  font-size: 1.6em;
  font-weight: 300;
  line-height: 26px;
  margin-top: 10px;
}
.logo-blurb-wrapper .the-blurb strong {
  font-weight: bold;
}

/* ==========================================================================
	MOBILE PROMOTIONS
   ========================================================================== */
.mobile-promos {
  background-color: #ffffff;
}

.mobile-promo {
  border-top: 1px solid #ececec;
  padding: 30px 15px;
}
.mobile-promo:first-child {
  border-top: none;
}

.mobile-app-image-wrapper {
  margin-bottom: 10px;
}

.mobile-app-image {
  border: 1px solid #ececec;
  position: relative;
  padding-top: 56.25%;
}
.mobile-app-image img {
  height: auto;
  left: 0px;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0px;
}
.mobile-app-image .lazy-loader {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 2;
}

.mobile-app-title {
  color: #1f2223;
  font-family: "roboto_bold";
  font-size: 16px;
  letter-spacing: 0px;
  text-transform: capitalize;
}

.mobile-app-copy {
  font-size: 1.3em;
  line-height: 19px;
}

.app-store-badges {
  text-align: left;
  margin-top: 10px;
}
.app-store-badges a {
  margin-left: 5px;
}
.app-store-badges a:first-child {
  margin-left: 0px;
}
.app-store-badges img {
  width: auto;
  height: 30px;
}

/* ==========================================================================
	PRESS RELEASE
   ========================================================================== */
.press-release {
  background-color: #ffffff;
}

.press-item {
  border-top: 1px solid #ececec;
  padding: 15px 15px;
}
.press-item:first-child {
  border-top: none;
}

.press-item-info {
  position: relative;
}

.press-item-title {
  font-family: "roboto_bold";
  display: block;
  font-size: 13px;
  letter-spacing: 0px;
  line-height: 20px;
}

.press-item-date {
  color: #1f2223;
  font-family: "roboto_regular";
  text-transform: capitalize;
  display: block;
  font-size: 11px;
  margin-top: 5px;
}

/* ==========================================================================
    SINGLE LISTING
   ========================================================================== */
/* ==========================================================================
    TWO COLUMN
   ========================================================================== */
.two-column {
  display: flex !important;
  align-content: stretch;
  overflow: hidden;
  background-color: #ffffff;
  border: 1px solid #c7c8c8;
  width: 100%;
  position: relative;
  transform: translateZ(0);
}

.column {
  overflow: hidden;
  transform: translateZ(0);
}
.column:first-child {
  border-left: none;
}
.column .section-title-wrapper {
  margin-bottom: 0 !important;
}
/* ==========================================================================
	PROFILE TABS
   ========================================================================== */
.profile-tabs, .timeline-tabs {
  display: table;
  width: 100%;
}
.profile-tabs.module-tabs a, .module-tabs.timeline-tabs a {
  line-height: 30px;
}

.profile-tab, .timeline-tab {
  background-color: #f1f1f1;
  border-bottom: 1px solid #bfc3c5;
  display: table-cell;
  font-family: "roboto_bold";
  line-height: 1;
  text-align: center;
  text-transform: capitalize;
  vertical-align: middle;
  font-size: 12px;
}
.profile-tab.current, .current.timeline-tab {
  background-color: #ffffff;
  border-bottom: none;
  border-left: 1px solid #bfc3c5;
  border-right: 1px solid #bfc3c5;
}
.profile-tab.current a, .current.timeline-tab a {
  color: #1f2223;
}
.profile-tab:first-child.current, .timeline-tab:first-child.current {
  border-left: none;
}
.profile-tab:last-child.current, .timeline-tab:last-child.current {
  border-right: none;
}
.profile-tab a, .timeline-tab a {
  display: block;
  padding: 0px 10px;
}
.profile-tab.disabled, .disabled.timeline-tab {
  pointer-events: none;
  color: #c4c4c4;
  background: repeating-linear-gradient(45deg, transparent, transparent 5px, #f1f1f1 5px, #f1f1f1 10px);
}
.profile-tab.disabled span, .disabled.timeline-tab span {
  color: #9d9d9d;
}

.current-tab-content {
  border-top: none !important;
}
.current-tab-content > * {
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
}
.current-tab-content > *.section-title + *, .tickets-accordion .current-tab-content > .accordion-label + *, .current-tab-content > *.button-border-row-holder + * {
  border-top: none !important;
}
.current-tab-content > *:first-child {
  border-top: none !important;
}
.current-tab-content .dropdown-wrapper {
  float: right;
}

/* ==========================================================================
	CONTACT FORM
   ========================================================================== */
.contact-form-wrapper {
  padding: 20px 15px 0px;
}
.contact-form-wrapper .mobile-select-wrapper {
  padding: 0px;
}
.contact-form-wrapper .mobile-select .select-text {
  color: #969b9d;
  font-size: 1.5em;
}
.contact-form-wrapper .form-error .mobile-select .select-text {
  border-color: #ff0000;
}
.contact-form-wrapper .form-error .mobile-select .select-text:before {
  color: #ff0000;
}
.contact-form .button-border, .contact-form .channel-container .view-more, .channel-container .contact-form .view-more, .contact-form .channel-container .live-video, .channel-container .contact-form .live-video, .contact-form .predictive-see-all, .contact-form .modal-button, .contact-form .time-button, .contact-form #doorbell .buttons .btn, #doorbell .buttons .contact-form .btn, .contact-form #doorbell .buttons button, #doorbell .buttons .contact-form button {
  margin-top: 15px;
  width: 100%;
}

.contact-item {
  position: relative;
  margin-top: 15px;
}
.contact-item:first-child {
  margin-top: 0px;
}
.contact-item.form-error:after {
  color: red;
  content: attr(data-error);
  display: block;
  font-weight: 300;
  margin-top: 5px;
  font-size: 13px;
}
.contact-item.form-error .dropdown-holder, .contact-item.form-error input, .contact-item.form-error textarea {
  border-color: #ff0000;
}
.contact-item.form-error .dropdown-label:after {
  color: #ff0000;
}
.contact-item .dropdown-holder {
  background-color: #f1f1f1;
  font-family: "roboto_bold";
  width: 100%;
  height: 32px;
  line-height: 30px;
}
.contact-item .dropdown-label {
  color: #969b9d;
  text-transform: capitalize;
  font-size: 1.5em;
  padding: 0px 30px 0px 10px;
}
.contact-item .dropdown-label:after {
  right: 10px;
}
.contact-item .dropdown li {
  padding: 10px;
}
.contact-item label {
  display: block;
  font-family: "roboto_regular";
  text-transform: capitalize;
  color: #1f2223;
  font-size: 12px;
}
.contact-item input, .contact-item textarea {
  background-color: #f1f1f1;
  border: none;
  border-bottom: 1px solid #051224;
  color: #969b9d;
  font-family: "roboto_bold";
  font-size: 16px;
  width: 100%;
  padding: 10px;
}
.contact-item input {
  height: 32px;
}
.contact-item textarea {
  height: 152px;
}

.result-message {
  text-align: center;
  margin-top: 20px;
  width: 100%;
}
.result-message[data-succeeded=true] {
  border-bottom: 1px solid #00aa0c;
}
.result-message[data-succeeded=true] span {
  color: #00aa0c;
}
.result-message[data-succeeded=false] {
  border-bottom: 1px solid #ff0000;
}
.result-message[data-succeeded=false] span {
  color: #ff0000;
}
.result-message span {
  color: transparent;
  display: inline-block;
  font-family: "roboto_bold";
  text-transform: capitalize;
  font-size: 1.5em;
  height: 20px;
  line-height: 20px;
}

.contact-success .title-box-404 {
  display: block;
  text-transform: capitalize;
  width: 100%;
}
.contact-success .text-404 {
  font-size: 72px;
  letter-spacing: 0px;
  line-height: 1;
}
.contact-success .not-found-404 {
  font-size: 36px;
  line-height: 1;
  margin-top: 0px;
}
.contact-success .content-box-404 {
  border-top: 1px solid #c7c8c8;
  margin: 30px auto 0px;
  padding-top: 30px;
  width: 80%;
}
.contact-success .content-box-404 p:first-child {
  border: none;
  padding-bottom: 30px;
}

/* ==========================================================================
	PLAYER'S EQUIPMENT
   ========================================================================== */
.players-equipment {
  padding: 0px 16px 16px;
}
.players-equipment > .button-border, .channel-container .players-equipment > .view-more, .channel-container .players-equipment > .live-video, .players-equipment > .predictive-see-all, .players-equipment > .modal-button, .players-equipment > .time-button, #doorbell .buttons .players-equipment > .btn, #doorbell .buttons .players-equipment > button {
  margin-top: 20px;
}

.players-equipment-item {
  display: table;
  margin-top: 10px;
  width: 100%;
}
.players-equipment-item:first-child {
  margin-top: 0px;
}
.players-equipment-item > * {
  display: table-cell;
  vertical-align: middle;
}

.equipment-item-image-wrapper {
  width: 88px;
}

.equipment-item-image {
  display: block;
  overflow: hidden;
  width: 100%;
  border: 1px solid #ececec;
  height: 88px;
}
.equipment-item-image:hover, .equipment-item-image:active {
  border-color: #051224;
}
.equipment-item-image img {
  height: auto;
  width: 100%;
}

.equipment-item-info {
  padding-left: 10px;
}
.equipment-item-info .button, .equipment-item-info .filter-control, .equipment-item-info .featured-banner-button, .equipment-item-info .button-border, .equipment-item-info .channel-container .view-more, .channel-container .equipment-item-info .view-more, .equipment-item-info .channel-container .live-video, .channel-container .equipment-item-info .live-video, .equipment-item-info .predictive-see-all, .equipment-item-info .modal-button, .equipment-item-info .time-button, .equipment-item-info #doorbell .buttons .btn, #doorbell .buttons .equipment-item-info .btn, .equipment-item-info #doorbell .buttons button, #doorbell .buttons .equipment-item-info button {
  margin-top: 5px;
  width: 95px;
}

.equipment-item-name {
  color: #1f2223;
  font-family: "roboto_bold";
  font-size: 13px;
  letter-spacing: 0px;
}

/* ==========================================================================
	TOURNAMENT SECTION TOGGLE
   ========================================================================== */
.tourney-section-toggle-wrapper {
  padding: 15px;
}

.tourney-section-toggle {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.tourney-section-toggle .button-border, .tourney-section-toggle .channel-container .view-more, .channel-container .tourney-section-toggle .view-more, .tourney-section-toggle .channel-container .live-video, .channel-container .tourney-section-toggle .live-video, .tourney-section-toggle .predictive-see-all, .tourney-section-toggle .modal-button, .tourney-section-toggle .time-button, .tourney-section-toggle #doorbell .buttons .btn, #doorbell .buttons .tourney-section-toggle .btn, .tourney-section-toggle #doorbell .buttons button, #doorbell .buttons .tourney-section-toggle button {
  border-left: none;
  border-right: 1px solid #051224;
  display: table-cell;
}
.tourney-section-toggle .button-border:first-child, .tourney-section-toggle .channel-container .view-more:first-child, .channel-container .tourney-section-toggle .view-more:first-child, .tourney-section-toggle .channel-container .live-video:first-child, .channel-container .tourney-section-toggle .live-video:first-child, .tourney-section-toggle .predictive-see-all:first-child, .tourney-section-toggle .modal-button:first-child, .tourney-section-toggle .time-button:first-child, .tourney-section-toggle #doorbell .buttons .btn:first-child, #doorbell .buttons .tourney-section-toggle .btn:first-child, .tourney-section-toggle #doorbell .buttons button:first-child, #doorbell .buttons .tourney-section-toggle button:first-child {
  border-left: 1px solid #051224;
}
.tourney-section-toggle .button-border.current, .tourney-section-toggle .channel-container .current.view-more, .channel-container .tourney-section-toggle .current.view-more, .tourney-section-toggle .channel-container .current.live-video, .channel-container .tourney-section-toggle .current.live-video, .tourney-section-toggle .current.predictive-see-all, .tourney-section-toggle .current.modal-button, .tourney-section-toggle .current.time-button, .tourney-section-toggle #doorbell .buttons .current.btn, #doorbell .buttons .tourney-section-toggle .current.btn, .tourney-section-toggle #doorbell .buttons button.current, #doorbell .buttons .tourney-section-toggle button.current, .tourney-section-toggle .button-border:hover, .tourney-section-toggle .channel-container .view-more:hover, .channel-container .tourney-section-toggle .view-more:hover, .tourney-section-toggle .channel-container .live-video:hover, .channel-container .tourney-section-toggle .live-video:hover, .tourney-section-toggle .predictive-see-all:hover, .tourney-section-toggle .modal-button:hover, .tourney-section-toggle .time-button:hover, .tourney-section-toggle #doorbell .buttons .btn:hover, #doorbell .buttons .tourney-section-toggle .btn:hover, .tourney-section-toggle #doorbell .buttons button:hover, #doorbell .buttons .tourney-section-toggle button:hover, .tourney-section-toggle .button-border:active, .tourney-section-toggle .channel-container .view-more:active, .channel-container .tourney-section-toggle .view-more:active, .tourney-section-toggle .channel-container .live-video:active, .channel-container .tourney-section-toggle .live-video:active, .tourney-section-toggle .predictive-see-all:active, .tourney-section-toggle .modal-button:active, .tourney-section-toggle .time-button:active, .tourney-section-toggle #doorbell .buttons .btn:active, #doorbell .buttons .tourney-section-toggle .btn:active, .tourney-section-toggle #doorbell .buttons button:active, #doorbell .buttons .tourney-section-toggle button:active {
  background-color: transparent;
  color: #1f2223;
}
.tourney-accordion-wrapper .tourney-section-toggle {
  table-layout: auto;
}
.tourney-accordion-wrapper .tourney-section-toggle .button-border, .tourney-accordion-wrapper .tourney-section-toggle .channel-container .view-more, .channel-container .tourney-accordion-wrapper .tourney-section-toggle .view-more, .tourney-accordion-wrapper .tourney-section-toggle .channel-container .live-video, .channel-container .tourney-accordion-wrapper .tourney-section-toggle .live-video, .tourney-accordion-wrapper .tourney-section-toggle .predictive-see-all, .tourney-accordion-wrapper .tourney-section-toggle .modal-button, .tourney-accordion-wrapper .tourney-section-toggle .time-button, .tourney-accordion-wrapper .tourney-section-toggle #doorbell .buttons .btn, #doorbell .buttons .tourney-accordion-wrapper .tourney-section-toggle .btn, .tourney-accordion-wrapper .tourney-section-toggle #doorbell .buttons button, #doorbell .buttons .tourney-accordion-wrapper .tourney-section-toggle button {
  background-color: #051224;
  border-color: #fff;
  color: #fff;
  font-size: 13px;
  line-height: 1;
  padding: 10px 5px;
  vertical-align: middle;
}
.tourney-accordion-wrapper .tourney-section-toggle .button-border.current, .tourney-accordion-wrapper .tourney-section-toggle .channel-container .current.view-more, .channel-container .tourney-accordion-wrapper .tourney-section-toggle .current.view-more, .tourney-accordion-wrapper .tourney-section-toggle .channel-container .current.live-video, .channel-container .tourney-accordion-wrapper .tourney-section-toggle .current.live-video, .tourney-accordion-wrapper .tourney-section-toggle .current.predictive-see-all, .tourney-accordion-wrapper .tourney-section-toggle .current.modal-button, .tourney-accordion-wrapper .tourney-section-toggle .current.time-button, .tourney-accordion-wrapper .tourney-section-toggle #doorbell .buttons .current.btn, #doorbell .buttons .tourney-accordion-wrapper .tourney-section-toggle .current.btn, .tourney-accordion-wrapper .tourney-section-toggle #doorbell .buttons button.current, #doorbell .buttons .tourney-accordion-wrapper .tourney-section-toggle button.current {
  color: #1f2223;
}

/* ==========================================================================
	DOUBLE IMAGE CTA
   ========================================================================== */
.double-image-cta {
  position: relative;
  padding-top: 51.5414258189%;
}

.image-cta {
  bottom: 0px;
  display: block;
  position: absolute;
  width: 100%;
  z-index: 10;
}
.image-cta img {
  display: block;
  height: auto;
  width: 100%;
}
.double-image-cta .image-cta {
  width: calc(50% - 0.5px);
}
.double-image-cta .image-cta:first-child {
  left: 0px;
}
.double-image-cta .image-cta:last-child {
  right: 0px;
}

/* ==========================================================================
	SINGLE IMAGE CTA
   ========================================================================== */
.single-image-cta {
  clear: both;
  display: block;
  position: relative;
  width: 100%;
  padding-top: 47.2061657033%;
}

/* ==========================================================================
	STAT BOXES
   ========================================================================== */
.single-phrase-header {
  padding: 20px 15px 0px;
}
.single-phrase-header img {
  width: auto;
  height: 16px;
}

.stat-box {
  border: none !important;
  position: relative;
  padding: 30px 15px;
  width: 100%;
}
.stat-box:first-child {
  border-top: none;
}
.stat-box .listing-buttons {
  margin-top: 15px;
}
.stat-box .listing-buttons .button-border, .stat-box .listing-buttons .channel-container .view-more, .channel-container .stat-box .listing-buttons .view-more, .stat-box .listing-buttons .channel-container .live-video, .channel-container .stat-box .listing-buttons .live-video, .stat-box .listing-buttons .predictive-see-all, .stat-box .listing-buttons .modal-button, .stat-box .listing-buttons .time-button, .stat-box .listing-buttons #doorbell .buttons .btn, #doorbell .buttons .stat-box .listing-buttons .btn, .stat-box .listing-buttons #doorbell .buttons button, #doorbell .buttons .stat-box .listing-buttons button {
  margin-top: 10px;
}
.stat-box:nth-child(2n) {
  border-right: none;
}
.stat-box:last-child + * {
  clear: both;
}
.stat-box:last-child:after {
  border-top: 1px solid #c7c8c8;
  content: "";
  left: 100%;
  position: absolute;
  top: -1px;
  width: 105%;
}
.stat-box .section-title, .stat-box .tickets-accordion .accordion-label, .tickets-accordion .stat-box .accordion-label {
  background: none;
  margin-bottom: 15px;
  padding: 0px;
}
.stat-box .section-title:before, .stat-box .tickets-accordion .accordion-label:before, .tickets-accordion .stat-box .accordion-label:before, .stat-box .section-title:after, .stat-box .tickets-accordion .accordion-label:after, .tickets-accordion .stat-box .accordion-label:after {
  display: none;
}
.table-big-leading-value {
  color: #969b9d;
}

.top-stat-player-wrapper {
  border: 1px solid #ececec;
  position: relative;
  width: 100%;
  margin-bottom: 15px;
}

.top-stat-player-image {
  border-right: 1px solid #ececec;
  height: 45px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: auto;
}
.top-stat-player-image img {
  display: block;
  height: 100%;
  width: auto;
}

.top-stat-player-info-section {
  background: none;
}

.top-stat-player-info {
  padding: 8px 10px 5px 60px;
}

.top-stat-player-flag {
  height: 20px;
  width: auto;
  display: block;
  float: right;
  position: relative;
  top: 6px;
}

.top-stat-player-stats {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.top-stat-player-stats-inner-wrapper {
  display: table-row;
}

.top-stat-player-stat {
  border-left: 1px solid #ececec;
  border-top: 1px solid #ececec;
  display: table-cell;
  padding: 10px 0px 5px;
}
.top-stat-player-stat:first-child {
  border-left: none;
}

.top-stat-player-stat-value {
  color: #1f2223;
  font-family: "roboto_regular";
  line-height: 1;
  text-align: center;
  font-size: 22px;
  letter-spacing: 0px;
}

.top-stat-player-stat-label {
  font-family: "roboto_regular";
  line-height: 1;
  text-align: center;
  text-transform: capitalize;
  color: #1f2223;
  font-size: 11px;
}

.stat-percentage-wrapper {
  height: 20px;
}

.stat-percentage-text {
  color: #1f2223;
  float: left;
  font-family: "roboto_regular";
  line-height: 1;
  margin-right: 10px;
  position: relative;
  top: 4px;
  font-size: 1.5em;
  width: 25px;
}

.stat-percentage-meter-wrapper {
  background-color: #e8e8e8;
  float: left;
  height: 100%;
  position: relative;
  width: 200px;
  width: calc(100% - 35px);
}

.stat-percentage-meter {
  background-color: #1486c7;
  left: 0px;
  height: 100%;
  position: absolute;
  top: 0px;
  width: 0%;
  transition: width 0.5s ease-in-out;
}

.stat-players-table {
  width: 100%;
  margin-top: 15px;
}
.stat-players-table .mobile-select-wrapper {
  padding: 10px 0px !important;
}
.stat-players-table .mobile-select .select-text {
  font-size: 13px;
  padding: 0px 25px 0px 10px;
  text-align: left;
}
.stat-players-table .mobile-select .select-text:before {
  top: 8px;
}
.stat-players-table tr:nth-child(2n) td {
  background-color: #f1f1f1;
}
.stat-players-table th, .stat-players-table td {
  border-bottom: 1px solid #ececec;
  vertical-align: middle;
}
.stat-players-table th:first-child, .stat-players-table td:first-child {
  text-align: left;
}
.stat-players-table th:last-child, .stat-players-table td:last-child {
  width: 32%;
}
.stat-players-table th {
  text-transform: capitalize;
  border-top: 1px solid #ececec;
  color: #1f2223;
  font-family: "roboto_bold";
  font-size: 12px;
}
.stat-players-table td {
  color: #1f2223;
  font-family: "roboto_regular";
  font-size: 13px;
  padding: 10px 0px;
}
.stat-players-table td:first-child {
  padding-left: 10px;
}
.stat-players-table td:last-child {
  border-left: 1px solid #ececec;
  color: #1f2223;
  font-family: "roboto_bold";
  padding-right: 10px;
  text-align: right;
}

.stat-player-flag {
  display: block;
  height: auto;
  width: 40px;
}

.stat-player-name {
  line-height: 1;
  position: relative;
  display: block;
  float: left;
  font-family: "roboto_regular";
  font-size: 13px;
}
.top-stat-player-wrapper .stat-player-name {
  font-size: 16px;
  letter-spacing: 0px;
}
.stat-players-table .stat-player-name {
  display: block;
  text-align: left;
  top: 2px;
}
/* ==========================================================================
	STAT BOXES - FEDEX PERFORMANCE
   ========================================================================== */
.stat-box.fedex-performance .top-stat-player-stat-value {
  color: #051224;
}
.stat-box.fedex-performance tr td {
  color: #051224;
}
.stat-box.fedex-performance tr td:first-child {
  color: #1f2223;
}

/* ==========================================================================
	STAT BOXES - MEDIA QUERIES
   ========================================================================== */
/* ==========================================================================
	SINGLES DOUBLES TABS WITH FILTERS
   ========================================================================== */
.singles-doubles-tabs-with-filters {
  padding: 30px 0px 0px 30px;
  position: relative;
  z-index: 1;
}
.singles-doubles-tabs-with-filters.scores-draw-tabs-with-filters .print-button {
  float: right;
  margin-right: 30px;
}
.singles-doubles-tabs-with-filters .module-tabs {
  border: none;
  float: left;
  margin: 0px;
  padding: 0px;
}
.singles-doubles-tabs-with-filters .module-tabs > * {
  margin-left: 5px;
}
.singles-doubles-tabs-with-filters .module-tabs > *:first-child {
  margin-left: 0px;
}
.singles-doubles-tabs-with-filters .module-tabs .icon, .singles-doubles-tabs-with-filters .module-tabs .modal-select .select-text:before, .modal-select .singles-doubles-tabs-with-filters .module-tabs .select-text:before, .singles-doubles-tabs-with-filters .module-tabs .mobile-select .select-text:before, .mobile-select .singles-doubles-tabs-with-filters .module-tabs .select-text:before, .singles-doubles-tabs-with-filters .module-tabs .tournaments-categories-item .item-link:before, .tournaments-categories-item .singles-doubles-tabs-with-filters .module-tabs .item-link:before {
  font-family: "roboto_bold";
  font-size: 18px;
  height: 32px;
  line-height: 29px;
  margin-left: 0px;
  min-width: 32px;
  padding: 0px 5px;
  width: auto;
}
.singles-doubles-tabs-with-filters .module-tabs .icon:before, .singles-doubles-tabs-with-filters .module-tabs .modal-select .select-text:before, .modal-select .singles-doubles-tabs-with-filters .module-tabs .select-text:before, .singles-doubles-tabs-with-filters .module-tabs .mobile-select .select-text:before, .mobile-select .singles-doubles-tabs-with-filters .module-tabs .select-text:before, .singles-doubles-tabs-with-filters .module-tabs .tournaments-categories-item .item-link:before, .tournaments-categories-item .singles-doubles-tabs-with-filters .module-tabs .item-link:before {
  font-family: "icomoon";
  font-size: 15px;
}
.singles-doubles-tabs-with-filters .module-tabs .icon.current, .singles-doubles-tabs-with-filters .module-tabs .modal-select .current.select-text:before, .modal-select .singles-doubles-tabs-with-filters .module-tabs .current.select-text:before, .singles-doubles-tabs-with-filters .module-tabs .mobile-select .current.select-text:before, .mobile-select .singles-doubles-tabs-with-filters .module-tabs .current.select-text:before, .singles-doubles-tabs-with-filters .module-tabs .tournaments-categories-item .current.item-link:before, .tournaments-categories-item .singles-doubles-tabs-with-filters .module-tabs .current.item-link:before, .singles-doubles-tabs-with-filters .module-tabs .icon.current a, .singles-doubles-tabs-with-filters .module-tabs .modal-select .current.select-text:before a, .modal-select .singles-doubles-tabs-with-filters .module-tabs .current.select-text:before a, .singles-doubles-tabs-with-filters .module-tabs .mobile-select .current.select-text:before a, .mobile-select .singles-doubles-tabs-with-filters .module-tabs .current.select-text:before a, .singles-doubles-tabs-with-filters .module-tabs .tournaments-categories-item .current.item-link:before a, .tournaments-categories-item .singles-doubles-tabs-with-filters .module-tabs .current.item-link:before a {
  color: #1f2223;
  border-color: #1f2223;
}
.singles-doubles-tabs-with-filters .module-tabs .icon[data-tab=quarter-singles]:before, .singles-doubles-tabs-with-filters .module-tabs .modal-select [data-tab=quarter-singles].select-text:before, .modal-select .singles-doubles-tabs-with-filters .module-tabs [data-tab=quarter-singles].select-text:before, .singles-doubles-tabs-with-filters .module-tabs .mobile-select [data-tab=quarter-singles].select-text:before, .mobile-select .singles-doubles-tabs-with-filters .module-tabs [data-tab=quarter-singles].select-text:before, .singles-doubles-tabs-with-filters .module-tabs .tournaments-categories-item [data-tab=quarter-singles].item-link:before, .tournaments-categories-item .singles-doubles-tabs-with-filters .module-tabs [data-tab=quarter-singles].item-link:before, .singles-doubles-tabs-with-filters .module-tabs .icon[data-tab=quarter-doubles]:before, .singles-doubles-tabs-with-filters .module-tabs .modal-select [data-tab=quarter-doubles].select-text:before, .modal-select .singles-doubles-tabs-with-filters .module-tabs [data-tab=quarter-doubles].select-text:before, .singles-doubles-tabs-with-filters .module-tabs .mobile-select [data-tab=quarter-doubles].select-text:before, .mobile-select .singles-doubles-tabs-with-filters .module-tabs [data-tab=quarter-doubles].select-text:before, .singles-doubles-tabs-with-filters .module-tabs .tournaments-categories-item [data-tab=quarter-doubles].item-link:before, .tournaments-categories-item .singles-doubles-tabs-with-filters .module-tabs [data-tab=quarter-doubles].item-link:before {
  margin-right: 5px;
}
.singles-doubles-tabs-with-filters .module-tabs li {
  float: left;
}
.singles-doubles-tabs-with-filters .module-tabs li:first-child .icon.current, .singles-doubles-tabs-with-filters .module-tabs li:first-child .modal-select .current.select-text:before, .modal-select .singles-doubles-tabs-with-filters .module-tabs li:first-child .current.select-text:before, .singles-doubles-tabs-with-filters .module-tabs li:first-child .mobile-select .current.select-text:before, .mobile-select .singles-doubles-tabs-with-filters .module-tabs li:first-child .current.select-text:before, .singles-doubles-tabs-with-filters .module-tabs li:first-child .tournaments-categories-item .current.item-link:before, .tournaments-categories-item .singles-doubles-tabs-with-filters .module-tabs li:first-child .current.item-link:before {
  border-color: #000 !important;
}
.singles-doubles-tabs-with-filters .content-filters {
  float: left;
  margin-left: 18px;
  padding: 0px;
  width: calc(100% - 585px);
}
.singles-doubles-tabs-with-filters .content-filters + .filter-action-buttons {
  margin-right: 0px;
  margin-left: 20px;
}

.filter-action-buttons {
  float: left;
  margin-right: 30px;
}
.filter-action-buttons .filter-submit, .filter-action-buttons .filter-reset {
  margin-left: 5px;
}
.filter-action-buttons .filter-submit:first-child, .filter-action-buttons .filter-reset:first-child {
  margin-left: 0px;
}

/* ==========================================================================
	DAILY SCHEDULE FILTER
   ========================================================================== */
.daily-schedule-filters {
  z-index: 1000;
  position: relative;
}

.daily-schedule-filters .print-button {
  float: left;
}

.time-button {
  padding: 0px 10px 0px 40px;
  position: relative;
}
.time-button:before {
  font-family: "icomoon";
  font-size: 20px;
  left: 10px;
  position: absolute;
  top: 0px;
}
.daily-schedule-filters .time-button {
  float: right;
  margin-right: 30px;
}

.daily-schedule-filters .dropdown-layout-wrapper {
  float: left;
  width: 280px;
}

.daily-schedule-filters .dropdown-holder {
  width: 100px;
}

.daily-schedule-filters .content-filters {
  padding-bottom: 0px;
  padding-right: 16px;
  width: 100%;
}

.daily-schedule-filters .print-button {
  float: right;
}

script + .button.print-button, script + .print-button.filter-control, script + .print-button.featured-banner-button, script + .print-button.button-border, .channel-container script + .print-button.view-more, .channel-container script + .print-button.live-video, script + .print-button.predictive-see-all, script + .print-button.modal-button, #doorbell .buttons script + .print-button.btn, #doorbell .buttons script + button.print-button, script + .print-button.time-button {
  margin-top: 10px;
}

/* ==========================================================================
	RELATED LISTING
	========================================================================== */
.content-listing.related-listing, .content-listing.related-listing .section-title, .content-listing.related-listing .tickets-accordion .accordion-label, .tickets-accordion .content-listing.related-listing .accordion-label {
  background-color: #f1f1f1;
}

.listing-tags {
  font-size: 14px;
  margin-top: 15px;
}

.listing-tags-title {
  font-family: "roboto_bold";
  margin-right: 5px;
  text-transform: capitalize;
}

.listing-tag {
  font-family: "roboto_regular";
}

/* ==========================================================================
	TOURNAMENTS MAP
	========================================================================== */
.tournaments-map {
  background-color: #313942;
  background-size: 100% 100%;
  overflow: hidden;
  position: relative;
  padding-top: 53.0828516378%;
  background-image: linear-gradient(163deg, #293142 0, #313942 100%);
}
.tournaments-map.intro-animation-on .map-tournament-filters {
  opacity: 1;
  transform: translateX(0);
}
.tournaments-map.intro-animation-on .map-month-filters {
  opacity: 1;
  transform: translateY(0%);
}
.tournaments-map.intro-animation-on .continent {
  opacity: 1;
}
.tournaments-map.intro-animation-on .continent:before {
  transform: scale(1);
}
.tournaments-map.intro-animation-on .continent-line {
  width: 35px;
}
.tournaments-map.intro-animation-on .map-piece {
  opacity: 0.5;
  transform: translateZ(0) scale(1);
  -ms-transform: scale(1);
}
.tournaments-map.intro-animation-on .map-piece.disabled-continent {
  opacity: 0.25;
}
.tournaments-map.intro-animation-on .continent-info {
  max-width: 200px;
}
.tournaments-map.intro-animation-on .continent-info-inner {
  opacity: 1;
  transform: translateY(0%);
}
.tournaments-map.tooltip-on .map-tournament-filters {
  opacity: 0;
  transform: translateX(100%);
}
.tournaments-map.tooltip-on .map-month-filters {
  opacity: 0;
  transform: translateY(100%);
}
.tournaments-map.tooltip-on .world-link {
  opacity: 0;
  transform: translateY(-100%);
}
.tournaments-map.continent-zoom-on .map-world-container, .tournaments-map.continent-zoom-on .map-pieces {
  opacity: 0;
  transform: scale(1.5);
}
.tournaments-map.continent-zoom-on .map-continent-container {
  opacity: 1;
  z-index: 10;
  transform: scale(1);
}
.tournaments-map.continent-zoom-on .map-marker {
  opacity: 1;
  transform: scale(1) translateY(0px);
  -ms-transform: scale(1) translateY(0px);
}

.map-pieces {
  height: 100%;
  opacity: 1;
  position: relative;
  width: 100%;
  transform-origin: 50% 50%;
  transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.map-piece {
  background-size: 100% 100% !important;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  transform: translateZ(0) scale(0);
  -ms-transform: scale(0);
  transform-origin: 50% 50%;
}
.map-piece.current {
  opacity: 1 !important;
}

.world-continent-north-america {
  background: url(../../atpwt/images/tournament/world-continent-north-america.png) left top no-repeat;
  z-index: 1;
  transition: opacity 0.25s ease-in-out, transform 0.25s cubic-bezier(0.615, 0.005, 0.23, 1) 0.125s;
}

.world-continent-south-america {
  background: url(../../atpwt/images/tournament/world-continent-south-america.png) left top no-repeat;
  z-index: 2;
  transition: opacity 0.25s ease-in-out, transform 0.25s cubic-bezier(0.615, 0.005, 0.23, 1) 0.25s;
}

.world-continent-europe {
  background: url(../../atpwt/images/tournament/world-continent-europe.png) left top no-repeat;
  z-index: 3;
  transition: opacity 0.25s ease-in-out, transform 0.25s cubic-bezier(0.615, 0.005, 0.23, 1) 0.375s;
}

.world-continent-africa {
  background: url(../../atpwt/images/tournament/world-continent-africa.png) left top no-repeat;
  z-index: 4;
  transition: opacity 0.25s ease-in-out, transform 0.25s cubic-bezier(0.615, 0.005, 0.23, 1) 0.5s;
}

.world-continent-asia {
  background: url(../../atpwt/images/tournament/world-continent-asia.png) left top no-repeat;
  z-index: 5;
  transition: opacity 0.25s ease-in-out, transform 0.25s cubic-bezier(0.615, 0.005, 0.23, 1) 0.625s;
}

.world-continent-australia {
  background: url(../../atpwt/images/tournament/world-continent-australia.png) left top no-repeat;
  z-index: 6;
  transition: opacity 0.25s ease-in-out, transform 0.25s cubic-bezier(0.615, 0.005, 0.23, 1) 0.75s;
}

.tournaments-map-inner {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}

.map-month-filters {
  bottom: 0;
  border-top: 1px solid rgba(150, 155, 157, 0.51);
  height: 82px;
  left: 0;
  margin: 0 40px;
  opacity: 0;
  padding: 20px 0;
  position: absolute;
  z-index: 20;
  width: calc(100% - 189px);
  transform: translateY(100%);
  transition: all 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.map-month-filters .month-filter {
  color: #fff;
  cursor: pointer;
  float: left;
  line-height: 1em;
  font: 16px "roboto_regular";
  letter-spacing: 0px;
  text-align: center;
  text-transform: capitalize;
  width: 8.3333333333%;
}
.map-month-filters .month-filter:before {
  content: "";
  border: 1px solid #051224;
  border-radius: 100%;
  display: block;
  height: 15px;
  margin: 0 auto;
  margin-bottom: 14px;
  width: 15px;
  transition: border-color 0.25s ease-in-out;
}
.map-month-filters .month-filter.current:before, .map-month-filters .month-filter:active:before, .map-month-filters .month-filter:hover:before {
  border-color: #fff;
}

.map-tournament-filters {
  border-left: 1px solid rgba(150, 155, 157, 0.51);
  height: 100%;
  opacity: 0;
  position: absolute;
  right: 0;
  table-layout: fixed;
  top: 0;
  width: 109px;
  z-index: 20;
  display: table;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0, rgba(0, 0, 0, 0.1) 100%);
  transform: translateX(100%);
  transition: all 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.map-tournament-filters .tournament-filter-inner {
  display: table-cell;
  vertical-align: middle;
}
.map-tournament-filters .tournament-filter {
  cursor: pointer;
  display: table-row;
  text-align: center;
  transition: all 0.25s ease-in-out;
}
.map-tournament-filters .tournament-filter img {
  text-align: center;
  width: 38px;
}
.map-tournament-filters .tournament-filter:first-child .tournament-filter-inner {
  padding-top: 5%;
}
.map-tournament-filters .tournament-filter:hover, .map-tournament-filters .tournament-filter.current {
  background-color: rgba(5, 18, 36, 0.3);
}
.map-tournament-filters .tournamnet-trophy {
  cursor: pointer;
  display: table-row;
  text-align: center;
}
.map-tournament-filters .tournamnet-trophy img {
  text-align: center;
  width: 38px;
}
.map-tournament-filters .tournamnet-trophy-reset-text {
  color: #fff;
  cursor: pointer;
  display: block;
  padding-top: 5px;
}

.map-world-container {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9;
  transform: scale(1);
  transform-origin: 50% 50%;
  transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.map-world {
  height: 100%;
  width: 100%;
}
.map-world .continent {
  cursor: pointer;
  display: inline-block;
  height: 60px;
  opacity: 0;
  padding: 0 23px;
  position: absolute;
  width: auto;
  z-index: 3;
  transition: all 0.25s ease-in-out;
}
.map-world .continent:before {
  background-color: #051224;
  border-radius: 50%;
  bottom: -5px;
  content: "";
  display: block;
  left: -5px;
  position: absolute;
  height: 11px;
  width: 11px;
  z-index: 3;
  transform: scale(0);
  transition: transform 0.5s cubic-bezier(0.68, -1.55, 0.265, 2.55);
}
.map-world .continent[data-continent="1"] {
  top: 24.4821092279%;
  left: 11.2716763006%;
  transition-delay: 1s;
}
.map-world .continent[data-continent="1"] .continent-info-inner {
  transition-delay: 1.5s;
}
.map-world .continent[data-continent="1"] .continent-info {
  transition-delay: 1.5s;
}
.map-world .continent[data-continent="1"] .continent-line {
  transition-delay: 1.5s;
}
.map-world .continent[data-continent="1"]:before {
  transition-delay: 1.5s;
}
.map-world .continent[data-continent="2"] {
  top: 52.9190207156%;
  left: 26.0115606936%;
  transition-delay: 1.125s;
}
.map-world .continent[data-continent="2"] .continent-info-inner {
  transition-delay: 1.625s;
}
.map-world .continent[data-continent="2"] .continent-info {
  transition-delay: 1.625s;
}
.map-world .continent[data-continent="2"] .continent-line {
  transition-delay: 1.625s;
}
.map-world .continent[data-continent="2"]:before {
  transition-delay: 1.625s;
}
.map-world .continent[data-continent="3"] {
  top: 16.5725047081%;
  left: 41.5221579961%;
  transition-delay: 1.25s;
}
.map-world .continent[data-continent="3"] .continent-info-inner {
  transition-delay: 1.75s;
}
.map-world .continent[data-continent="3"] .continent-info {
  transition-delay: 1.75s;
}
.map-world .continent[data-continent="3"] .continent-line {
  transition-delay: 1.75s;
}
.map-world .continent[data-continent="3"]:before {
  transition-delay: 1.75s;
}
.map-world .continent[data-continent="4"] {
  top: 43.3145009416%;
  left: 44.6050096339%;
  transition-delay: 1.375s;
}
.map-world .continent[data-continent="4"] .continent-info-inner {
  transition-delay: 1.875s;
}
.map-world .continent[data-continent="4"] .continent-info {
  transition-delay: 1.875s;
}
.map-world .continent[data-continent="4"] .continent-line {
  transition-delay: 1.875s;
}
.map-world .continent[data-continent="4"]:before {
  transition-delay: 1.875s;
}
.map-world .continent[data-continent="5"] {
  top: 26.3653483992%;
  left: 65.5105973025%;
  transition-delay: 1.5s;
}
.map-world .continent[data-continent="5"] .continent-info-inner {
  transition-delay: 2s;
}
.map-world .continent[data-continent="5"] .continent-info {
  transition-delay: 2s;
}
.map-world .continent[data-continent="5"] .continent-line {
  transition-delay: 2s;
}
.map-world .continent[data-continent="5"]:before {
  transition-delay: 2s;
}
.map-world .continent[data-continent="6"] {
  top: 63.0885122411%;
  left: 73.2177263969%;
  transition-delay: 1.625s;
}
.map-world .continent[data-continent="6"] .continent-info-inner {
  transition-delay: 2.125s;
}
.map-world .continent[data-continent="6"] .continent-info {
  transition-delay: 2.125s;
}
.map-world .continent[data-continent="6"] .continent-line {
  transition-delay: 2.125s;
}
.map-world .continent[data-continent="6"]:before {
  transition-delay: 2.125s;
}
.map-world .continent.count-00 {
  border-color: #626972 !important;
  cursor: default;
  color: #626972 !important;
}
.map-world .continent.count-00 * {
  border-color: #626972 !important;
  color: #626972 !important;
}
.map-world .continent.count-00:before {
  background-color: #626972 !important;
}
.map-world .continent-info {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  display: inline-block;
  height: 37px;
  overflow: hidden;
  max-width: 0px;
  transition: all 0.5s ease-in-out;
}
.map-world .continent-info-inner {
  opacity: 0;
  transition: all 0.5s ease-in-out;
  transform: translateY(100%);
  transform-origin: 0 100%;
}
.map-world .continent-count {
  color: rgba(255, 255, 255, 0.5);
  float: left;
  line-height: 32px;
  font: 39px "roboto_regular";
  margin-right: 10px;
}
.map-world .continent-text {
  float: left;
}
.map-world .continent-name {
  line-height: 1em;
  font: 16px "roboto_regular";
  letter-spacing: 0px;
  color: #051224;
}
.map-world .continent-label {
  line-height: 1em;
  font: 16px "roboto_regular";
  letter-spacing: 0px;
  color: #fff;
}
.map-world .continent-line {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  margin-top: -3px;
  height: 1px;
  width: 0px;
  transition: all 0.25s cubic-bezier(0.615, 0.005, 0.23, 1);
  transform: rotate(135deg);
  transform-origin: left center;
}

.map-continent-container {
  height: 100%;
  left: 0;
  overflow: hidden;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
  background-image: linear-gradient(163deg, #293142 0, #313942 100%);
  transition: all 0.5s cubic-bezier(0.615, 0.005, 0.23, 1);
  transform: scale(1.5);
}
.map-continent-container .map-continent {
  background-size: 100% 100%;
  height: 100%;
  width: 100%;
}
.map-continent-container .world-link {
  color: #051224;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  padding: 20px;
  text-transform: capitalize;
  width: auto;
  transition: all 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.map-continent-container .world-link .back-button-text {
  transition: color 0.25s ease-in-out;
  color: #051224;
  line-height: 1em;
  font: 18px "roboto_regular";
  padding-left: 5px;
}
.map-continent-container .world-link:hover .back-button-text {
  color: #fff;
}

.map-marker {
  height: 34px;
  opacity: 0;
  position: absolute;
  width: 34px;
  z-index: 2;
  transform: translateZ(0) scale(1.5) translateY(-200px);
  -ms-transform: scale(1.25) translateY(-200px);
  transform-origin: 50% 50%;
  transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.8s, opacity 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.8s;
}
.map-marker:before {
  background-color: #fff;
  border-radius: 50%;
  cursor: pointer;
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 13px;
  height: 8px;
  width: 8px;
  z-index: 2;
  transition: transform 0.25s ease-in-out;
  transform: scale(0);
}
.map-marker .marker-icon {
  color: #051224;
  cursor: pointer;
  position: relative;
  z-index: 4;
  font-size: 34px;
  transition: color 0.25s ease-in-out;
}
.map-marker .marker-tooltip {
  height: 81px;
  opacity: 0;
  position: absolute;
  width: 321px;
  transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.map-marker .marker-tooltip:before {
  border-style: solid;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}
.map-marker .marker-tooltip.top {
  left: -134.5px;
  top: -102px;
  transform: scale(0) translateX(0px) translateY(75px);
  transform-origin: 46.5% 100%;
}
.map-marker .marker-tooltip.top:before {
  border-color: rgba(39, 43, 46, 0.8) transparent transparent transparent;
  border-width: 21px 19px 0 19px;
  bottom: -21px;
  left: 50%;
  margin-left: -28px;
}
.map-marker .marker-tooltip.bottom {
  left: -134.5px;
  top: 55px;
  transform: scale(0) translateX(0px) translateY(-75px);
  transform-origin: 46.5% 0%;
}
.map-marker .marker-tooltip.bottom:before {
  border-color: transparent transparent rgba(39, 43, 46, 0.8) transparent;
  border-width: 0 19px 21px 19px;
  top: -21px;
  left: 50%;
  margin-left: -28px;
}
.map-marker .marker-tooltip.left {
  right: 48px;
  top: -22px;
  transform: scale(0) translateX(75px) translateY(0px);
  transform-origin: 100% 46.5%;
}
.map-marker .marker-tooltip.left:before {
  border-width: 19px 0 19px 21px;
  border-color: transparent transparent transparent rgba(39, 43, 46, 0.8);
  top: 22px;
  right: -21px;
}
.map-marker .marker-tooltip.right {
  left: 48px;
  top: -22px;
  transform: scale(0) translateX(-75px) translateY(0px);
  transform-origin: 0 46.5%;
}
.map-marker .marker-tooltip.right:before {
  border-color: transparent rgba(39, 43, 46, 0.8) transparent transparent;
  border-width: 19px 21px 19px 0;
  top: 22px;
  left: -21px;
}
.map-marker.inactive-marker .marker-icon {
  color: #72777e;
}
.map-marker:hover, .map-marker.marker-tooltip-on {
  z-index: 100;
}
.map-marker:hover:before, .map-marker.marker-tooltip-on:before {
  transform: scale(1);
}
.map-marker.marker-tooltip-on .marker-tooltip {
  opacity: 1;
  transform: scale(1) translateX(0px) translateY(0px);
}
.map-marker:nth-child(2) {
  transition-delay: 0.25s;
}
.map-marker:nth-child(3) {
  transition-delay: 0.375s;
}
.map-marker:nth-child(4) {
  transition-delay: 0.5s;
}
.map-marker:nth-child(5) {
  transition-delay: 0.625s;
}
.map-marker:nth-child(6) {
  transition-delay: 0.75s;
}
.map-marker:nth-child(7) {
  transition-delay: 0.875s;
}
.map-marker:nth-child(8) {
  transition-delay: 1s;
}
.map-marker:nth-child(9) {
  transition-delay: 1.125s;
}
.map-marker:nth-child(10) {
  transition-delay: 1.25s;
}
.map-marker:nth-child(11) {
  transition-delay: 1.375s;
}
.map-marker:nth-child(12) {
  transition-delay: 1.5s;
}
.map-marker:nth-child(13) {
  transition-delay: 1.625s;
}
.map-marker:nth-child(14) {
  transition-delay: 1.75s;
}
.map-marker:nth-child(15) {
  transition-delay: 1.875s;
}
.map-marker:nth-child(16) {
  transition-delay: 2s;
}
.map-marker:nth-child(17) {
  transition-delay: 2.125s;
}
.map-marker:nth-child(18) {
  transition-delay: 2.25s;
}
.map-marker:nth-child(19) {
  transition-delay: 2.375s;
}
.map-marker:nth-child(20) {
  transition-delay: 2.5s;
}
.map-marker:nth-child(21) {
  transition-delay: 2.625s;
}
.map-marker:nth-child(22) {
  transition-delay: 2.75s;
}
.map-marker:nth-child(23) {
  transition-delay: 2.875s;
}
.map-marker:nth-child(24) {
  transition-delay: 3s;
}
.map-marker:nth-child(25) {
  transition-delay: 3.125s;
}
.map-marker:nth-child(26) {
  transition-delay: 3.25s;
}
.map-marker:nth-child(27) {
  transition-delay: 3.375s;
}
.map-marker:nth-child(28) {
  transition-delay: 3.5s;
}
.map-marker:nth-child(29) {
  transition-delay: 3.625s;
}
.map-marker:nth-child(30) {
  transition-delay: 3.75s;
}
.map-marker:nth-child(31) {
  transition-delay: 3.875s;
}
.map-marker:nth-child(32) {
  transition-delay: 4s;
}
.map-marker:nth-child(33) {
  transition-delay: 4.125s;
}
.map-marker:nth-child(34) {
  transition-delay: 4.25s;
}
.map-marker:nth-child(35) {
  transition-delay: 4.375s;
}
.map-marker:nth-child(36) {
  transition-delay: 4.5s;
}
.map-marker:nth-child(37) {
  transition-delay: 4.625s;
}
.map-marker:nth-child(38) {
  transition-delay: 4.75s;
}
.map-marker:nth-child(39) {
  transition-delay: 4.875s;
}
.map-marker:nth-child(40) {
  transition-delay: 5s;
}

.marker-tooltip-content {
  background-color: rgba(39, 43, 46, 0.8);
  color: #fff;
  line-height: 1em;
  font: 15px "roboto_regular";
  letter-spacing: 0px;
  height: 81px;
  padding: 20px;
}
.marker-tooltip-content .start-and-stop-dates {
  border-right: 1px solid #fff;
  float: left;
  height: 43px;
  width: 133px;
}
.marker-tooltip-content .start-and-stop-dates > div {
  padding-bottom: 10px;
}
.marker-tooltip-content .date-label {
  display: inline-block;
  padding-right: 5px;
  text-align: left;
  width: 55px;
}
.marker-tooltip-content .date-value {
  display: inline-block;
}
.marker-tooltip-content .tournament-info {
  float: left;
  padding-left: 15px;
  width: 140px;
}
.marker-tooltip-content .tournament-name {
  display: block;
  overflow: hidden;
  font-size: 13px;
  letter-spacing: 0px;
  line-height: 1;
  max-height: 30px;
  width: 100%;
}
.marker-tooltip-content .tournament-name:hover {
  color: #fff;
}
.marker-tooltip-content .tournament-location {
  font-size: 13px;
  letter-spacing: 0px;
}

.marker-tooltip-close {
  cursor: pointer;
  color: #051224;
  font-size: 14px;
  padding: 8px;
  position: absolute;
  z-index: 2;
  transition: color 0.25s ease-in-out;
}
.marker-tooltip-close:hover {
  color: #fff;
}
.top .marker-tooltip-close {
  left: 137px;
  top: 62px;
}
.bottom .marker-tooltip-close {
  left: 137px;
  top: -12px;
}
.left .marker-tooltip-close {
  right: -12px;
  top: 26px;
}
.right .marker-tooltip-close {
  left: -12px;
  top: 26px;
}

.map-world-title {
  left: 30px;
  opacity: 0;
  position: absolute;
  top: 30px;
  z-index: 2;
  transform: translateY(-45);
  transition: transform 0.5s cubic-bezier(0.615, 0.005, 0.23, 1), opacity 0.5s cubic-bezier(0.615, 0.005, 0.23, 1);
}
.map-world-title img {
  width: 380px;
  height: 11px;
}
.intro-animation-on .map-world-title {
  opacity: 1;
  transform: translateY(0px);
}
.continent-zoom-on .map-world-title {
  opacity: 0;
  transform: translateY(-45px);
}

/* ==========================================================================
	TOURNAMENTS MAP - MAP MARKER HELPER
	========================================================================== */
.map-marker-helper .map-continent {
  cursor: url(../../atpwt/images/tournament/cursor-marker.png), auto;
}

.tournament-clipboard {
  padding: 20px;
  position: relative;
}
.tournament-clipboard .contact-item {
  position: relative;
}
.tournament-clipboard .button, .tournament-clipboard .filter-control, .tournament-clipboard .featured-banner-button, .tournament-clipboard .button-border, .tournament-clipboard .channel-container .view-more, .channel-container .tournament-clipboard .view-more, .tournament-clipboard .channel-container .live-video, .channel-container .tournament-clipboard .live-video, .tournament-clipboard .predictive-see-all, .tournament-clipboard .modal-button, .tournament-clipboard #doorbell .buttons .btn, #doorbell .buttons .tournament-clipboard .btn, .tournament-clipboard #doorbell .buttons button, #doorbell .buttons .tournament-clipboard button, .tournament-clipboard .time-button {
  transition: background-color 0.25s ease-in-out;
  position: absolute;
  bottom: 1px;
  right: 0;
  z-index: 2;
  background-color: #051224;
}
.tournament-clipboard .button.zeroclipboard-is-hover, .tournament-clipboard .zeroclipboard-is-hover.filter-control, .tournament-clipboard .zeroclipboard-is-hover.featured-banner-button, .tournament-clipboard .zeroclipboard-is-hover.button-border, .tournament-clipboard .channel-container .zeroclipboard-is-hover.view-more, .channel-container .tournament-clipboard .zeroclipboard-is-hover.view-more, .tournament-clipboard .channel-container .zeroclipboard-is-hover.live-video, .channel-container .tournament-clipboard .zeroclipboard-is-hover.live-video, .tournament-clipboard .zeroclipboard-is-hover.predictive-see-all, .tournament-clipboard .zeroclipboard-is-hover.modal-button, .tournament-clipboard #doorbell .buttons .zeroclipboard-is-hover.btn, #doorbell .buttons .tournament-clipboard .zeroclipboard-is-hover.btn, .tournament-clipboard #doorbell .buttons button.zeroclipboard-is-hover, #doorbell .buttons .tournament-clipboard button.zeroclipboard-is-hover, .tournament-clipboard .zeroclipboard-is-hover.time-button, .tournament-clipboard .button:hover, .tournament-clipboard .filter-control:hover, .tournament-clipboard .featured-banner-button:hover, .tournament-clipboard .button-border:hover, .tournament-clipboard .channel-container .view-more:hover, .channel-container .tournament-clipboard .view-more:hover, .tournament-clipboard .channel-container .live-video:hover, .channel-container .tournament-clipboard .live-video:hover, .tournament-clipboard .predictive-see-all:hover, .tournament-clipboard .modal-button:hover, .tournament-clipboard #doorbell .buttons .btn:hover, #doorbell .buttons .tournament-clipboard .btn:hover, .tournament-clipboard #doorbell .buttons button:hover, #doorbell .buttons .tournament-clipboard button:hover, .tournament-clipboard .time-button:hover {
  background-color: #081d3a;
  color: #fff;
}
.tournament-clipboard .flash-off {
  display: none;
}

/* ==========================================================================
	TOURNAMENTS MAP - MEDIA QUERIES
	========================================================================== */
@media (max-width: 930px) {
  .map-tournament-filters {
    width: 90px;
  }
  .map-tournament-filters .tournament-filter img,
.map-tournament-filters .tournamnet-trophy img {
    width: 30px;
    height: auto;
  }

  .map-world .continent {
    padding: 0 12px;
    height: 43px;
  }
  .map-world .continent:before {
    bottom: -15px;
    left: -15px;
  }
  .map-world .continent-line {
    width: 20px;
  }
  .map-world .continent-info {
    height: 29px;
  }
  .map-world .continent-count {
    font-size: 32px;
    margin-right: 5px;
  }
  .map-world .continent-name,
.map-world .continent-label {
    font-size: 14px;
  }
}
/* ==========================================================================
	TOURNAMENT HERO
	========================================================================== */
.tournament-hero {
  background: url(../../atpwt/images/global/bg-tourney-profile-hero-mobile.jpg) left top no-repeat;
  background-size: 100% 100%;
}
.mobile-select-wrapper + script + .tournament-hero, .mobile-select-wrapper + .tournament-hero {
  margin-top: 10px;
}
.tournament-hero .tourney-result {
  margin-top: 0px;
  padding: 0px 10px;
}
.tournament-hero .schedule-info {
  border: none;
  position: relative;
}
.tournament-hero .schedule-info:before {
  bottom: 0px;
  left: 0px;
}
.tournament-hero .schedule-info .when-heading {
  color: #ffffff;
}
.tournament-hero .schedule-info .tourney-dates {
  color: #969b9d;
}
.tournament-hero .tourney-details {
  padding-top: 10px;
}
.tournament-hero .tourney-details .tourney-title-area {
  margin-bottom: 0px;
}
.tournament-hero .tourney-details .tourney-title-area .tourney-badge {
  display: block;
  margin: 0px 10px 0px 0px;
  width: auto;
  min-height: 90px;
}
.tournament-hero .tourney-details .tourney-title-area .tourney-badge img {
  height: 69px;
  width: auto;
  margin-top: 10px;
}
.tournament-hero .tourney-details .tourney-title-area .title-content .tourney-title {
  color: #ffffff;
  text-transform: capitalize;
}
.tournament-hero .tourney-details .tourney-title-area .title-content .tourney-location {
  color: #ffffff;
  line-height: 1;
}
.tournament-hero .tourney-details .tourney-title-area .title-content .tourney-dates {
  color: #ffffff;
  font-family: "roboto_bold";
  font-size: 13px;
}
.tournament-hero .player-profile-hero-social {
  background: none;
  padding-top: 0px;
}
.tournament-hero .player-profile-hero-social a {
  margin-left: 20px;
  margin-right: 0px;
}
.tournament-hero .player-profile-hero-social a:first-child {
  margin-left: 0px;
}

.tourney-photo {
  position: relative;
  padding-top: 56.9920844327%;
}
.tourney-photo .item-background {
  position: relative;
}

.tourney-sponsor {
  display: block;
  float: left;
  margin: 5px 0px;
}
.tourney-sponsor img {
  display: block;
  max-height: 45px;
  width: auto;
}

.tourney-buttons {
  padding: 15px;
}
.tourney-buttons > .button-border, .channel-container .tourney-buttons > .view-more, .channel-container .tourney-buttons > .live-video, .tourney-buttons > .predictive-see-all, .tourney-buttons > .modal-button, #doorbell .buttons .tourney-buttons > .btn, #doorbell .buttons .tourney-buttons > button, .tourney-buttons > .time-button {
  margin-bottom: 10px;
}
.tourney-buttons .button-border, .tourney-buttons .channel-container .view-more, .channel-container .tourney-buttons .view-more, .tourney-buttons .channel-container .live-video, .channel-container .tourney-buttons .live-video, .tourney-buttons .predictive-see-all, .tourney-buttons .modal-button, .tourney-buttons #doorbell .buttons .btn, #doorbell .buttons .tourney-buttons .btn, .tourney-buttons #doorbell .buttons button, #doorbell .buttons .tourney-buttons button, .tourney-buttons .time-button {
  background-color: #ffffff;
}

.tourney-table-wrapper {
  padding: 0 10px;
  position: relative;
}
.tourney-table-wrapper:before, .tourney-table-wrapper:after {
  left: 0px;
}
.tourney-table-wrapper:before {
  top: 74px;
}
.tourney-table-wrapper:after {
  top: 158px;
}

.tourney-table {
  position: relative;
  table-layout: fixed;
  text-transform: capitalize;
  width: 100%;
}
.tourney-table:before {
  border-left: 1px solid rgba(255, 255, 255, 0.15);
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 0;
  height: 158px;
}
.tourney-table:after {
  left: 0px;
  top: 0px;
}
.tourney-table a.official-website {
  color: #fff;
}
.tourney-table td {
  color: #000;
  line-height: 1em;
  font: 13px "roboto_regular";
  padding: 10px 0px 10px;
  text-align: center;
  text-transform: none;
}
.tourney-table .icon, .tourney-table .modal-select .select-text:before, .modal-select .tourney-table .select-text:before, .tourney-table .mobile-select .select-text:before, .mobile-select .tourney-table .select-text:before, .tourney-table .tournaments-categories-item .item-link:before, .tournaments-categories-item .tourney-table .item-link:before {
  color: #ffffff;
  display: inline-block;
  font-size: 35px;
}
.tourney-table .item-details {
  margin-top: 10px;
  text-align: center;
}
.tourney-table .item-details_centered {
  display: inline-block;
  line-height: normal;
  vertical-align: middle;
}
.tourney-table .item-details:first-child {
  height: 35px;
  margin-top: 0px;
}
.tourney-table .item-details:first-child .item-key {
  display: inline-block;
  margin-left: 5px;
  max-width: 65px;
  position: relative;
  text-align: left;
}
.tourney-table .item-details .icon-finance + .item-key {
  top: -6px;
}
.tourney-table .item-details .icon-currency + .item-key {
  top: -11px;
}
.tourney-table .item-details.category {
  margin-top: -20px;
}
.tourney-table .item-details.category .category-value {
  margin-top: 5px;
}
.tourney-table .item-value {
  color: #ffffff;
}
.tourney-table .item-key {
  color: #ffffff;
}

/* ==========================================================================
	PLAYERS IN ACTION
	========================================================================== */
.players-in-action {
  padding-bottom: 60px !important;
}
.players-in-action .button-row {
  border-left: 1px solid #051224;
}
.players-in-action .button-border-row-holder {
  margin-top: 5px;
}
.players-in-action .royalSlider {
  background: transparent;
  opacity: 0;
}
.players-in-action .royalSlider.rsHor {
  opacity: 1;
}

.action-players .movement-value {
  color: #051224 !important;
}
.action-players .movement-value {
  display: inline-block;
  border: 1px solid transparent;
  border-radius: 27px;
  height: 27px;
  line-height: 1.4em !important;
  margin-bottom: -10px;
  position: relative;
  top: -7px;
  width: 27px;
}
.action-players .movement-value.circle {
  border-color: #c7c8c8;
  color: #878989 !important;
}

.action-player {
  display: block !important;
  margin: 0px !important;
  margin-bottom: 30px !important;
  padding: 0px 15px;
  position: relative;
  width: 100% !important;
}
.action-player .player-movement {
  border: none;
  display: table;
  width: calc(100% - 60px);
  table-layout: fixed;
}
.action-player .player-movement > * {
  width: 33.3%;
}
.action-player .movement-block {
  border-bottom: 1px solid #ececec;
  border-color: #ececec;
  border-top: 1px solid #ececec;
  display: table-cell;
  float: none;
  text-align: center;
  vertical-align: middle;
  width: 90% !important;
  padding: 2px 0;
}
.action-player .movement-block:nth-child(2) .movement-value.circle {
  color: #1f2223;
}
.action-player .movement-block .movement-category {
  font-size: 10px;
  position: static;
  width: auto;
  transform: none;
}
.action-player .movement-block .movement-value.circle {
  line-height: 16px;
  margin: 0 auto;
  padding: 0px 0px 0px;
  width: 24px;
}
.action-player:first-child {
  margin-left: 0 !important;
}

.action-image {
  border-color: #ececec !important;
  display: block;
  height: auto !important;
  float: left;
  height: 50px !important;
  margin-bottom: 10px;
  overflow: visible !important;
  padding: 0px !important;
  position: static !important;
  width: 50px !important;
}
.action-image img {
  display: block;
  width: 100%;
  height: 100%;
}

.action-name span {
  display: block;
  display: inline-block;
  margin-right: 5px;
  line-height: 1;
}

.player-info {
  display: flex;
}
.player-info .action-info {
  display: block !important;
  float: left;
  padding-left: 10px;
  width: calc(100% - 60px) !important;
}
.player-info .action-info + * {
  clear: both;
}

.movement-flag {
  border: 1px solid #c7c8c8;
  width: auto;
  height: 20px;
}

.action-gray:before, .action-red:before, .action-blue:before, .action-green:before {
  color: #fff;
  content: attr(data-message);
  display: block;
  position: absolute;
  font-family: "roboto_regular";
  font-size: 11px;
  left: 75px;
  line-height: 16px;
  padding: 0px 10px;
  top: 34px;
}

.action-status {
  color: #000;
  margin-top: 10px;
}
.action-status .button-border-row-holder {
  margin-top: 20px;
}
.action-status .button-border-row-holder .button-border:nth-child(2), .action-status .button-border-row-holder .channel-container .view-more:nth-child(2), .channel-container .action-status .button-border-row-holder .view-more:nth-child(2), .action-status .button-border-row-holder .channel-container .live-video:nth-child(2), .channel-container .action-status .button-border-row-holder .live-video:nth-child(2), .action-status .button-border-row-holder .predictive-see-all:nth-child(2), .action-status .button-border-row-holder .modal-button:nth-child(2), .action-status .button-border-row-holder #doorbell .buttons .btn:nth-child(2), #doorbell .buttons .action-status .button-border-row-holder .btn:nth-child(2), .action-status .button-border-row-holder #doorbell .buttons button:nth-child(2), #doorbell .buttons .action-status .button-border-row-holder button:nth-child(2), .action-status .button-border-row-holder .time-button:nth-child(2) {
  margin-top: 10px !important;
}

.action-tournament {
  font-family: "roboto_bold";
  font-size: 15px;
  text-transform: capitalize;
}

.action-vs-copy {
  font-family: "roboto_regular";
  color: #1f2223;
  font-size: 11px;
  text-transform: capitalize;
}

.action-green:before {
  background-color: #00aa0c;
}

.action-blue:before {
  background-color: #f1f1f1;
}

.action-red:before {
  background-color: #ff0000;
}

.action-gray:before {
  background-color: #f1f1f1;
}

/* ==========================================================================
	COACHES PROFILE HERO
	========================================================================== */
.coaches-profile-hero {
  height: 260px !important;
  overflow: hidden;
}
.coaches-profile-hero .small-headshot {
  float: left !important;
  margin: 0px 20px 0px 0px !important;
}
.coaches-profile-hero .player-profile-hero-dash {
  width: 90%;
}
.coaches-profile-hero .player-profile-hero-table {
  clear: both;
  padding-top: 20px;
}
.coaches-profile-hero .player-profile-hero-table:before {
  display: none;
}
.coaches-profile-hero .player-profile-hero-name {
  font-size: 22px;
  line-height: 22px;
}
.coaches-profile-hero .player-profile-hero-name .last-name {
  font-size: 22px;
  line-height: 22px;
  text-transform: none;
}
.coaches-profile-hero .player-profile-hero-table table:before {
  display: none;
}

.small-headshot {
  border: 1px solid #fff;
  float: left;
  height: 80px;
  margin-right: 20px;
  overflow: hidden;
  width: 80px;
}
.small-headshot img {
  background-color: #fff;
  height: 100%;
  width: 100%;
}

.see-profile-link {
  position: relative;
  margin-bottom: 20px;
}

.small-headshot-details {
  float: left;
  width: calc(100% - 100px);
}

/* ==========================================================================
PLAYER PROFILE HERO
========================================================================== */
.player-profile-hero, .stats-hero, .player-of-the-week-hero, .player-profile-hero-slim, .coaches-profile-hero {
  background: url(../../atpwt/images/global/bg-player-profile-hero-mobile.jpg) left top no-repeat;
  background-size: 100% 100%;
  position: relative;
  height: auto;
  width: 100%;
}
.player-profile-hero .small-headshot, .stats-hero .small-headshot, .player-of-the-week-hero .small-headshot, .player-profile-hero-slim .small-headshot, .coaches-profile-hero .small-headshot {
  float: right;
  margin: 15px;
}

.player-profile-hero-image {
  top: 2px;
  position: absolute;
  height: 448px;
  right: 2px;
  width: 153.5px;
  z-index: 2;
}
.player-profile-hero-image img {
  height: auto;
  width: 100%;
}

.profile-hero-gradient {
  background: url(../../atpwt/images/global/bg-player-profile-hero-mobile-gradient.png) left top no-repeat;
  background-size: 100% 100%;
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 3;
}

.player-profile-hero-overflow {
  transform: translateZ(0);
  height: 100%;
  overflow: hidden;
  position: absolute;
  width: 100%;
  z-index: 4;
  padding: 10px;
  position: relative;
}
.player-profile-hero-overflow .dunlop-image {
  position: absolute;
  right: 35%;
  bottom: 40%;
  z-index: 5;
  display: none;
}
.player-profile-hero-overflow .dunlop-image img {
  max-width: 85px;
}
@media (max-width: 768px) {
  .player-profile-hero-overflow .dunlop-image {
    right: 2%;
  }
}

.player-profile-hero-dash {
  transform: translateX(0);
  background: url(../../atpwt/images/global/bg-gradient-dash.png) left top no-repeat;
  background-size: 100% 100%;
  left: 0;
  padding: 16px;
  position: absolute;
  top: 0;
  height: 550px;
  width: 660px;
  z-index: 4;
}

.player-profile-hero-table {
  text-align: center;
  text-transform: capitalize;
}
.player-profile-hero-table table {
  position: relative;
  width: 100%;
}
.player-profile-hero-table td {
  color: #fff;
  line-height: 1em;
  font: 18px "roboto_regular";
  letter-spacing: 0px;
  height: 50%;
  vertical-align: middle;
  width: 50%;
}
.player-profile-hero-table td > * {
  display: inline-block;
}
.player-profile-hero-table .table-row td {
  width: 100%;
}
.player-profile-hero-table .wrap {
  display: table;
  width: 100%;
  height: 100%;
  position: relative;
}
.player-profile-hero-table .table-label,
.player-profile-hero-table .table-big-label {
  display: table-cell;
  height: 100%;
  font-size: 11px;
  opacity: 0.5;
  line-height: 1;
  padding: 0 8px;
  position: relative;
  vertical-align: middle;
  text-align: left;
  width: 50%;
}
.player-profile-hero-table .table-value,
.player-profile-hero-table .table-big-value {
  display: table-cell;
  height: 100%;
  padding: 0 8px;
  text-align: left;
  vertical-align: middle;
  width: 50%;
}
.player-profile-hero-table .table-big-value {
  font-size: 22px;
  letter-spacing: 0px;
  line-height: 0.9em;
}
.player-profile-hero-table .table-big-value .table-big-value-pro {
  margin-bottom: 11px;
  display: block;
}
.player-profile-hero-table .table-big-value .table-birthday-wrapper {
  bottom: -5px;
  left: 42.5%;
  padding-left: 0px;
  margin-left: -23px;
  position: absolute;
  z-index: 1;
}
.player-profile-hero-table .table-big-value-lbs-label {
  position: absolute;
  text-align: center;
  top: 0px;
  margin-left: 5px;
  font-size: 11px;
  letter-spacing: -0.25px;
}
.player-profile-hero-table .table-big-value-inner {
  display: block;
  position: relative;
  width: auto;
}
.player-profile-hero-table .table-big-value-inner .table-big-value-birthday {
  text-align: center;
  top: 50%;
  right: -62px;
  z-index: 2;
  font-size: 11px;
  letter-spacing: 0px;
  line-height: 1;
}
.player-profile-hero-table .table-big-value-inner .table-big-value-small-weight {
  text-align: center;
  top: 0;
  right: -35px;
  z-index: 2;
  font-size: 0.5em;
  line-height: 1;
}
.player-profile-hero-table .table-big-value-inner .table-big-value-small-weight .table-big-value-lbs-label {
  margin-top: 2px;
  font-size: 0.75em;
}
.player-profile-hero-table .table-big-value-inner .table-big-value-kg {
  font-size: 11px;
  letter-spacing: 0px;
}
.player-profile-hero-table .table-big-value-inner .table-big-value-small-height {
  text-align: center;
  top: 20px;
  right: -32px;
  z-index: 2;
  font-size: 11px;
  letter-spacing: 0px;
  line-height: 1;
}
.player-profile-hero-table .table-big-value,
.player-profile-hero-table .table-big-label {
  clear: both;
  display: block;
  padding: 0;
  text-align: center;
  width: 100%;
}
.player-profile-hero-table table {
  background-position: bottom;
}
.player-profile-hero-table td {
  padding: 2px;
  position: relative;
}
.player-profile-hero-table td[colspan] {
  font-size: 12px;
  padding: 10px 0;
}
.player-profile-hero-table td[colspan] .table-value {
  text-align: right;
}
.player-profile-hero-table tr {
  display: table;
  width: 100%;
}

.player-profile-hero-name {
  color: #fff;
  line-height: 1em;
  font: 46px "roboto_bold";
  letter-spacing: 0px;
  text-transform: capitalize;
  line-height: 27px;
  margin-bottom: 10px;
}
.player-profile-hero-name .first-name {
  font-size: 20px;
  letter-spacing: 0px;
}
.player-profile-hero-name .last-name {
  text-transform: none;
  flex-direction: row;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  font-size: 32px;
  letter-spacing: 0px;
  padding-bottom: 5px;
}
.player-profile-hero-name .last-name img {
  max-width: 2rem;
  margin-top: 0;
}
.player-profile-hero-name .long {
  font-size: 28px;
  letter-spacing: 0px;
  padding-bottom: 5px;
}

.player-profile-hero-audio {
  line-height: 1em;
  font: 17px "roboto_regular";
  letter-spacing: 0px;
  margin: 10px 0;
  width: auto;
  color: #051224;
}
.player-profile-hero-audio > * {
  display: inline-block;
}
.player-profile-hero-audio .icon-audio {
  color: #fff;
  font-size: 21px;
  padding-right: 5px;
}
.player-profile-hero-audio .audio-word {
  position: relative;
  top: -2px;
}
.player-profile-hero-audio audio {
  opacity: 0;
  height: 0;
  width: 0;
  overflow: hidden;
}
.player-profile-hero-audio.has-audio {
  cursor: pointer;
}

.player-profile-hero-ranking {
  padding: 20px 0;
  position: relative;
  margin-bottom: 12px;
  padding: 0;
  margin-bottom: 0;
  width: auto;
}
.player-profile-hero-ranking:after {
  content: "";
  display: table;
  clear: both;
}
.player-profile-hero-ranking .player-ranking-position {
  border-right: 1px solid rgba(255, 255, 255, 0.25);
  margin-left: -10px;
  overflow: hidden;
  padding-right: 0px;
  width: auto;
  float: left;
  height: 70px;
  padding: 0;
  margin-right: 10px;
}
.player-profile-hero-ranking .player-ranking-position .data-label-text {
  color: #fff;
  font-size: 14px !important;
  position: relative;
  padding-left: 3px;
}
.player-profile-hero-ranking .player-ranking-position:after {
  top: 0;
  left: 0;
}
.player-profile-hero-ranking .player-ranking-position:before {
  left: 0;
  top: 60px;
}
.player-profile-hero-ranking .player-ranking-position .data-label {
  top: -50px;
}
.player-profile-hero-ranking .player-ranking-position .data-number {
  font-size: 58px !important;
  margin: -40px 5px 5px 0;
}
.player-profile-hero-ranking .player-flag {
  float: left;
  overflow: hidden;
  position: relative;
  padding-top: 5px;
}
.player-profile-hero-ranking .player-flag .player-flag-img {
  display: inline-block;
  width: 60px;
}
.player-profile-hero-ranking .player-flag .player-flag-img img {
  border: 1px solid #ececec;
  height: 40px;
}
.player-profile-hero-ranking .player-flag .player-flag-code {
  color: #fff;
  width: auto;
  line-height: 1em;
  font: 14px "roboto_regular";
  display: block;
}
.player-profile-hero-ranking .hero-rank-label {
  font-family: "roboto_regular";
  display: block;
  letter-spacing: 0px;
  font-size: 11px;
  margin-bottom: 0px;
}

.player-profile-hero-social {
  clear: both;
  width: 100%;
  white-space: nowrap;
  display: flex !important;
  padding-top: 10px;
  display: inline-block;
  text-align: center;
}
.player-profile-hero-social .official-website-link {
  float: left;
  clear: left;
  font-size: 14px;
  font-family: "roboto_regular";
  color: #ffffff;
}
.player-profile-hero-social .official-website-link:hover {
  color: #E4F53B;
}
.player-profile-hero-social a:not(.official-website-link), .player-profile-hero-social a:not(.top-court-link) {
  border: 1px solid #ffffff;
  border-radius: 30px;
  color: #ffffff;
  float: left;
  font-size: 15px;
  height: 30px;
  line-height: 30px;
  margin-right: 20px;
  text-align: center;
  width: 30px;
}
.player-profile-hero-social a:not(.official-website-link):hover, .player-profile-hero-social a:not(.top-court-link):hover {
  color: #E4F53B;
  border-color: #E4F53B;
}
.player-profile-hero-social .top-court-link {
  border: 0 !important;
  width: 115px !important;
  line-height: 40px !important;
}
.player-profile-hero-social .official-website-link {
  border: 0 !important;
  width: 115px !important;
  line-height: 30px !important;
}
.player-profile-hero-social a {
  display: inline-block;
  text-align: center;
  float: none;
}

.table-big-row td:nth-child(1) ~ td:before {
  border-left: 1px solid rgba(255, 255, 255, 0.15);
  content: " ";
  display: block;
  left: 0;
  position: absolute;
  top: 1px;
  height: 50px;
}

.player-profile-official-website {
  margin: 5px auto;
  text-transform: capitalize;
  font-family: "roboto_regular";
  font-size: 11px;
  text-align: center;
}

.player-profile-hero-gradient {
  background: url(../../atpwt/images/global/bg-player-profile-hero-gradient.png) left top no-repeat;
  height: 704.5px;
  width: 100%;
}

/* ==========================================================================
	PLAYER PROFILE HERO - MEDIA QUERIES
	========================================================================== */
@media (max-width: 890px) {
  .player-profile-hero-dash {
    width: 430px;
  }
}
/* ==========================================================================
	PLAYER OF THE WEEK
	========================================================================== */
.player-of-the-week-hero, .player-profile-hero-slim {
  height: 220px;
  overflow: hidden;
}
.player-of-the-week-hero .inner-wrap, .player-profile-hero-slim .inner-wrap {
  bottom: 30px;
  left: 30px;
  position: absolute;
  z-index: 2;
}
.player-of-the-week-hero .module-title, .player-profile-hero-slim .module-title {
  color: #fff;
  clear: both;
  display: block;
  padding-bottom: 10px;
  position: relative;
  margin-bottom: 15px;
  float: none;
}
.player-of-the-week-hero .module-title:before, .player-profile-hero-slim .module-title:before {
  bottom: -4px;
  left: 0%;
}
.player-of-the-week-hero .player-profile-hero-name, .player-profile-hero-slim .player-profile-hero-name {
  padding-bottom: 12px;
}
.player-of-the-week-hero .data-label, .player-profile-hero-slim .data-label {
  top: 0px;
}
.player-of-the-week-hero .player-profile-hero-ranking, .player-profile-hero-slim .player-profile-hero-ranking {
  margin-bottom: 30px;
}
.player-of-the-week-hero .profile-hero-gradient, .player-profile-hero-slim .profile-hero-gradient {
  height: 350px !important;
}
.player-of-the-week-hero .small-headshot, .player-profile-hero-slim .small-headshot {
  float: right;
  margin: 15px;
}
/* ==========================================================================
PLAYER PROFILE HERO SLIM
========================================================================== */
.player-profile-hero-slim {
  height: auto;
}
.player-profile-hero-slim .profile-hero-gradient {
  height: 300px;
}

/* ===============================================================
	HEAD TO HEAD - SHARED STYLES
   =============================================================== */
.head-to-head {
  transform: translateZ(0);
}
.head-to-head .module-header {
  height: 60px;
  position: relative;
  z-index: 1;
}
.head-to-head .head-to-head-panel {
  position: relative;
  z-index: 2;
  padding: 0 16px;
}

.head-to-head-rankings {
  overflow: hidden;
  position: relative;
  height: auto;
}
.head-to-head-rankings * {
  position: relative;
  display: inline-block;
}
.head-to-head-rankings > * {
  overflow: hidden;
  width: auto;
  height: 30px;
  padding: 7px;
}
.head-to-head-left .head-to-head-rankings > * {
  border-left: 1px solid #d4d7d9;
  float: left;
}
.head-to-head-left .head-to-head-rankings > *:first-child {
  border-left: none;
}
.head-to-head-right .head-to-head-rankings > * {
  border-left: 1px solid #d4d7d9;
  float: right;
}
.head-to-head-right .head-to-head-rankings > *:last-child {
  padding-left: 0px;
  padding-right: 10px;
  border-left: none;
}

.head-to-head-rank {
  width: auto;
  padding: 2px 7px;
  height: auto;
}
.head-to-head-player-left .head-to-head-rank {
  border-right: 1px solid #c7c8c8;
  padding-left: 0px;
  padding-right: 2px;
}
.head-to-head-player-right .head-to-head-rank {
  border-left: 1px solid #c7c8c8;
  padding-right: 0px;
}

.head-to-head-rank-text {
  color: #051224;
  font: 19px "roboto_bold";
  line-height: 16px;
}
.head-to-head-player-left .head-to-head-rank-text {
  padding-left: 10px;
}
.head-to-head-player-right .head-to-head-rank-text {
  padding-left: 4px;
}

.head-to-head-move {
  width: auto;
  padding-right: 0px;
}

.head-to-head-move-details {
  padding-left: 7px;
}

.head-to-head-move-value {
  line-height: 1em;
  font: 21px "roboto_bold";
  color: #000;
}

.head-to-head-move-up,
.head-to-head-move-down,
.head-to-head-move-none {
  position: relative;
  padding-right: 4px;
  top: -3px;
  font-size: 10px;
}

.head-to-head-move-up {
  color: #00aa0c;
}

.head-to-head-move-down {
  color: #da1418;
}

.head-to-head-move-none {
  color: #aaa;
  font-size: 18px;
  padding-left: 4px;
  top: -3px;
}
.head-to-head-move-none:before {
  content: "-";
}

.move-type-none .head-to-head-move-value {
  float: right;
}
.move-type-none .head-to-head-move-none {
  float: left;
}

.head-to-head-label {
  text-transform: capitalize;
  width: 0;
  display: inline-block;
  position: absolute;
  bottom: 4px;
  left: 10px;
  bottom: 0px;
}
.head-to-head-player-right .head-to-head-label {
  left: 10px;
}

.head-to-head-label-text {
  color: #969b9d;
  display: inline-block;
  transform: rotate(-90deg);
  transform-origin: bottom left;
  line-height: 1em;
  font: 8px "roboto_regular";
}

.head-to-head-graph {
  width: 213px;
  height: 213px;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 106.5px;
  position: absolute;
  bottom: 80px;
  z-index: 20;
  left: 50%;
  text-align: center;
  text-transform: capitalize;
  margin-left: -106.5px;
}

.head-to-head-graph-copy {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  width: auto;
  height: auto;
  transform: translateY(-50%) translateX(-50%);
  overflow: hidden;
}

.head-to-head-vs {
  line-height: 1em;
  font: 48px "roboto_bold";
  color: #000;
}
@media (max-width: 767px) {
  .head-to-head-vs {
    font-size: 24px;
    margin-top: 5px;
  }
}

/* ==========================================================================
	HEAD TO HEAD - MOBILE STYLES
	========================================================================== */
.head-to-head {
  background-color: #fff;
}
.head-to-head *:not(input):not(textarea):not(select) {
  -webkit-user-select: none;
          user-select: none;
}

.head-to-head-search-result {
  color: #fff;
  font-family: "roboto_regular";
  font-size: 16px;
  padding: 10px;
}

.head-to-head-search {
  margin: 0px 0px 10px;
  width: calc(50% - 15px);
  position: relative;
  height: 30px;
}
.head-to-head-search input {
  background-color: #e8e8e8;
  border: none;
  outline: none;
  padding: 5px 10px;
  height: 30px;
  width: 100%;
  border-bottom: 1px solid #E4F53B;
  font: 16px "roboto_regular";
  line-height: 1.4em;
  letter-spacing: 0px;
  -webkit-appearance: none;
          appearance: none;
  border-radius: 0;
}
.head-to-head-search.player-left {
  float: left;
  margin-left: 10px;
}
#playerProfileHeadToHeadSearch .head-to-head-search.player-left {
  float: none;
}
.head-to-head-search.player-left input {
  border-color: #E4F53B;
}
.head-to-head-search.player-right {
  float: right;
  margin-right: 10px;
}
#playerProfileHeadToHeadSearch .head-to-head-search.player-right {
  float: none;
  position: absolute;
  bottom: 50px;
  right: 0px;
}
.head-to-head-search.player-right input {
  border-color: #051224;
}

.head-to-head-results {
  max-height: 95px;
  width: 100%;
  overflow: auto;
  position: absolute;
  top: 30px;
  left: 0;
  z-index: 10;
  display: none;
  -webkit-overflow-scrolling: touch;
}
.search-on .head-to-head-results {
  display: block;
}
.player-right .head-to-head-results {
  background-color: rgba(5, 18, 36, 0.9);
}
.player-left .head-to-head-results {
  background-color: rgba(228, 245, 59, 0.9);
}

.head-to-head-result {
  color: #fff;
  padding: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.head-to-head-result:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.head-to-head-compare {
  clear: both;
  position: relative;
  padding: 0 10px 10px;
}

.head-to-head-player-left,
.head-to-head-player-right {
  position: relative;
  width: calc(50% - 8px);
}

.head-to-head-player-left {
  float: left;
}

.head-to-head-player-right {
  float: right;
}

.head-to-head-image-wrap {
  width: 100%;
  height: auto;
  position: relative;
  float: inherit;
}

.head-to-head-image {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
  border: 1px solid #E4F53B;
  position: relative;
}
.head-to-head-player-left .head-to-head-image {
  border-color: #E4F53B;
}
.head-to-head-player-right .head-to-head-image {
  border-color: #051224;
}

.head-to-head-details-row {
  margin-bottom: 10px;
  float: left;
  width: 100%;
}

.head-to-head-rankings {
  width: auto;
}
.head-to-head-player-left .head-to-head-rankings {
  float: left;
}
.head-to-head-player-right .head-to-head-rankings {
  float: right;
}

.head-to-head-name {
  line-height: 18px;
  font: 16px "roboto_regular";
  color: #051224;
  width: calc(100% - 60px);
  word-wrap: break-word;
}
.head-to-head-player-right .head-to-head-name {
  text-align: right;
  float: right;
  margin-right: 4px;
}
.head-to-head-player-left .head-to-head-name {
  float: left;
  text-align: left;
  margin-left: 4px;
}

.head-to-head-flag {
  width: auto;
  height: 18px;
  overflow: hidden;
  border: 1px solid #ddd;
}
.head-to-head-player-left .head-to-head-flag {
  float: right;
}
.head-to-head-player-right .head-to-head-flag {
  float: left;
}

.head-to-head-flag-img {
  display: block;
  height: 100%;
  width: auto;
}

.head-to-head-points {
  line-height: 31px;
  font: 40px "roboto_bold";
  width: 37px;
  height: 33px;
  letter-spacing: 0px;
  margin-top: 22px;
}
.head-to-head-player-left .head-to-head-points {
  float: right;
  color: #E4F53B;
  position: relative;
  text-align: right;
}
.head-to-head-player-left .head-to-head-points:before {
  content: "-";
  display: block;
  position: absolute;
  top: 7px;
  right: -10px;
  z-index: 2;
  color: #1f2223;
  margin-top: -10px;
  font-size: 20px;
  height: 2px;
  width: 6px;
}
.head-to-head-player-right .head-to-head-points {
  float: left;
  color: #051224;
}

.head-to-head-buttons {
  padding: 10px;
  padding-top: 0;
}
.head-to-head-buttons .button-border, .head-to-head-buttons .channel-container .view-more, .channel-container .head-to-head-buttons .view-more, .head-to-head-buttons .channel-container .live-video, .channel-container .head-to-head-buttons .live-video, .head-to-head-buttons .predictive-see-all, .head-to-head-buttons .modal-button, .head-to-head-buttons #doorbell .buttons .btn, #doorbell .buttons .head-to-head-buttons .btn, .head-to-head-buttons #doorbell .buttons button, #doorbell .buttons .head-to-head-buttons button, .head-to-head-buttons .time-button {
  margin-bottom: 10px;
  border-color: #051224 !important;
  color: #051224;
}
.head-to-head-buttons .button-border:hover, .head-to-head-buttons .channel-container .view-more:hover, .channel-container .head-to-head-buttons .view-more:hover, .head-to-head-buttons .channel-container .live-video:hover, .channel-container .head-to-head-buttons .live-video:hover, .head-to-head-buttons .predictive-see-all:hover, .head-to-head-buttons .modal-button:hover, .head-to-head-buttons #doorbell .buttons .btn:hover, #doorbell .buttons .head-to-head-buttons .btn:hover, .head-to-head-buttons #doorbell .buttons button:hover, #doorbell .buttons .head-to-head-buttons button:hover, .head-to-head-buttons .time-button:hover, .head-to-head-buttons .button-border:active, .head-to-head-buttons .channel-container .view-more:active, .channel-container .head-to-head-buttons .view-more:active, .head-to-head-buttons .channel-container .live-video:active, .channel-container .head-to-head-buttons .live-video:active, .head-to-head-buttons .predictive-see-all:active, .head-to-head-buttons .modal-button:active, .head-to-head-buttons #doorbell .buttons .btn:active, #doorbell .buttons .head-to-head-buttons .btn:active, .head-to-head-buttons #doorbell .buttons button:active, #doorbell .buttons .head-to-head-buttons button:active, .head-to-head-buttons .time-button:active {
  background-color: #051224;
  color: #fff;
}
.head-to-head-buttons .button-border.half-width, .head-to-head-buttons .channel-container .half-width.view-more, .channel-container .head-to-head-buttons .half-width.view-more, .head-to-head-buttons .channel-container .half-width.live-video, .channel-container .head-to-head-buttons .half-width.live-video, .head-to-head-buttons .half-width.predictive-see-all, .head-to-head-buttons .half-width.modal-button, .head-to-head-buttons #doorbell .buttons .half-width.btn, #doorbell .buttons .head-to-head-buttons .half-width.btn, .head-to-head-buttons #doorbell .buttons button.half-width, #doorbell .buttons .head-to-head-buttons button.half-width, .head-to-head-buttons .half-width.time-button {
  width: calc(50% - 5px);
}
.head-to-head-buttons .button-border.half-width:first-child, .head-to-head-buttons .channel-container .half-width.view-more:first-child, .channel-container .head-to-head-buttons .half-width.view-more:first-child, .head-to-head-buttons .channel-container .half-width.live-video:first-child, .channel-container .head-to-head-buttons .half-width.live-video:first-child, .head-to-head-buttons .half-width.predictive-see-all:first-child, .head-to-head-buttons .half-width.modal-button:first-child, .head-to-head-buttons #doorbell .buttons .half-width.btn:first-child, #doorbell .buttons .head-to-head-buttons .half-width.btn:first-child, .head-to-head-buttons #doorbell .buttons button.half-width:first-child, #doorbell .buttons .head-to-head-buttons button.half-width:first-child, .head-to-head-buttons .half-width.time-button:first-child {
  float: left;
}
.head-to-head-buttons .button-border.half-width:last-child, .head-to-head-buttons .channel-container .half-width.view-more:last-child, .channel-container .head-to-head-buttons .half-width.view-more:last-child, .head-to-head-buttons .channel-container .half-width.live-video:last-child, .channel-container .head-to-head-buttons .half-width.live-video:last-child, .head-to-head-buttons .half-width.predictive-see-all:last-child, .head-to-head-buttons .half-width.modal-button:last-child, .head-to-head-buttons #doorbell .buttons .half-width.btn:last-child, #doorbell .buttons .head-to-head-buttons .half-width.btn:last-child, .head-to-head-buttons #doorbell .buttons button.half-width:last-child, #doorbell .buttons .head-to-head-buttons button.half-width:last-child, .head-to-head-buttons .half-width.time-button:last-child {
  float: right;
}

.is-mobile .related-h2h-article {
  border-top: 1px dotted #c7c8c8;
  margin: 0 10px;
  padding-top: 10px;
}
.is-mobile .related-h2h-article .listing-wrapper {
  padding: 0px 0 10px 0;
}
.is-mobile .related-h2h-article .button-border:first-child, .is-mobile .related-h2h-article .channel-container .view-more:first-child, .channel-container .is-mobile .related-h2h-article .view-more:first-child, .is-mobile .related-h2h-article .channel-container .live-video:first-child, .channel-container .is-mobile .related-h2h-article .live-video:first-child, .is-mobile .related-h2h-article .predictive-see-all:first-child, .is-mobile .related-h2h-article .modal-button:first-child, .is-mobile .related-h2h-article #doorbell .buttons .btn:first-child, #doorbell .buttons .is-mobile .related-h2h-article .btn:first-child, .is-mobile .related-h2h-article #doorbell .buttons button:first-child, #doorbell .buttons .is-mobile .related-h2h-article button:first-child, .is-mobile .related-h2h-article .time-button:first-child {
  margin-bottom: 10px;
}

.is-desktop .related-h2h-article {
  border-top: 1px solid #c7c8c8;
  padding: 16px;
}
.is-desktop .related-h2h-article .related-article-title {
  font-size: 16px;
  font-family: "roboto_bold";
}
.is-desktop .related-h2h-article .listing-wrapper {
  display: flex;
}
.is-desktop .related-h2h-article .listing-items {
  min-height: 0;
  flex-grow: 4;
}
.is-desktop .related-h2h-article .buttons-group {
  flex-grow: 1;
}
.is-desktop .related-h2h-article .buttons-group .button-border, .is-desktop .related-h2h-article .buttons-group .channel-container .view-more, .channel-container .is-desktop .related-h2h-article .buttons-group .view-more, .is-desktop .related-h2h-article .buttons-group .channel-container .live-video, .channel-container .is-desktop .related-h2h-article .buttons-group .live-video, .is-desktop .related-h2h-article .buttons-group .predictive-see-all, .is-desktop .related-h2h-article .buttons-group .modal-button, .is-desktop .related-h2h-article .buttons-group #doorbell .buttons .btn, #doorbell .buttons .is-desktop .related-h2h-article .buttons-group .btn, .is-desktop .related-h2h-article .buttons-group #doorbell .buttons button, #doorbell .buttons .is-desktop .related-h2h-article .buttons-group button, .is-desktop .related-h2h-article .buttons-group .time-button {
  width: 100%;
  margin: 0;
}
.is-desktop .related-h2h-article .buttons-group .button-border:last-child, .is-desktop .related-h2h-article .buttons-group .channel-container .view-more:last-child, .channel-container .is-desktop .related-h2h-article .buttons-group .view-more:last-child, .is-desktop .related-h2h-article .buttons-group .channel-container .live-video:last-child, .channel-container .is-desktop .related-h2h-article .buttons-group .live-video:last-child, .is-desktop .related-h2h-article .buttons-group .predictive-see-all:last-child, .is-desktop .related-h2h-article .buttons-group .modal-button:last-child, .is-desktop .related-h2h-article .buttons-group #doorbell .buttons .btn:last-child, #doorbell .buttons .is-desktop .related-h2h-article .buttons-group .btn:last-child, .is-desktop .related-h2h-article .buttons-group #doorbell .buttons button:last-child, #doorbell .buttons .is-desktop .related-h2h-article .buttons-group button:last-child, .is-desktop .related-h2h-article .buttons-group .time-button:last-child {
  margin: 8px 0 0 0;
}

/* ==========================================================================
page SCORES H2H TABLE
========================================================================== */
.page-scores-h2h {
  background-color: #ffffff;
  padding: 16px;
}
.page-scores-h2h .button-border-row-holder {
  padding: 16px 0 0 0;
  margin: 0 0 0 0 !important;
}
.page-scores-h2h .module-header {
  padding: 0 0 16px 0;
}
.page-scores-h2h .head-to-head-graph {
  border: 10px solid #ffffff;
  bottom: auto;
  height: 160px;
  margin-left: -80px;
  top: 40px;
  width: 160px;
}
.page-scores-h2h .head-to-head-canvas {
  display: block !important;
  margin: 0px !important;
  overflow: hidden !important;
  height: 140px !important;
  width: 140px !important;
  transform: translateZ(0) !important;
}

.page-scores-h2h-table {
  position: relative;
  float: left;
  width: 100%;
}

.page-scores-h2h-players {
  float: left;
  width: 100%;
  position: relative;
}
.page-scores-h2h-players .h2h-player-left {
  float: left;
}
.page-scores-h2h-players .h2h-player-right {
  float: right;
}
.page-scores-h2h-players .h2h-player-left, .page-scores-h2h-players .h2h-player-right {
  width: 50%;
}
.page-scores-h2h-players .h2h-player-left .player-left-image, .page-scores-h2h-players .h2h-player-left .player-right-image, .page-scores-h2h-players .h2h-player-right .player-left-image, .page-scores-h2h-players .h2h-player-right .player-right-image {
  border: 1px solid #c7c8c8;
  width: 50%;
  float: inherit;
}
.page-scores-h2h-players .h2h-player-left .player-left-image img, .page-scores-h2h-players .h2h-player-left .player-right-image img, .page-scores-h2h-players .h2h-player-right .player-left-image img, .page-scores-h2h-players .h2h-player-right .player-right-image img {
  display: block;
  height: auto;
  width: 100%;
}
.page-scores-h2h-players .player-left-name, .page-scores-h2h-players .player-right-name {
  margin-top: 10px;
  float: inherit;
  clear: both;
  width: 100%;
}
.page-scores-h2h-players .player-left-name a, .page-scores-h2h-players .player-right-name a {
  float: inherit;
  display: block;
}
.page-scores-h2h-players .player-left-name .last-name, .page-scores-h2h-players .player-right-name .last-name {
  font-size: 25px;
  letter-spacing: 0px;
  text-transform: none;
}
.page-scores-h2h-players .player-left-name .first-name, .page-scores-h2h-players .player-left-name .last-name, .page-scores-h2h-players .player-right-name .first-name, .page-scores-h2h-players .player-right-name .last-name {
  display: block;
  line-height: 1;
  font-family: "roboto_bold";
}
.page-scores-h2h-players .player-left-name .first-name, .page-scores-h2h-players .player-right-name .first-name {
  font-size: 16px;
  letter-spacing: 0px;
  text-transform: capitalize;
}
.page-scores-h2h-players .player-left-name .head-to-head-rank, .page-scores-h2h-players .player-right-name .head-to-head-rank {
  position: relative;
  float: inherit;
}
.page-scores-h2h-players .player-left-name .head-to-head-label, .page-scores-h2h-players .player-right-name .head-to-head-label {
  bottom: -1px;
}
.page-scores-h2h-players .player-left-name .head-to-head-label-text, .page-scores-h2h-players .player-right-name .head-to-head-label-text {
  text-transform: capitalize;
  text-indent: 0;
  font: 14px "roboto_regular";
  line-height: 1em;
}
.page-scores-h2h-players .player-left-name .head-to-head-rank-text, .page-scores-h2h-players .player-right-name .head-to-head-rank-text {
  line-height: 38px;
  font: 52px "roboto_bold";
}
.page-scores-h2h-players .player-right-name {
  text-align: right;
  float: inherit;
}
.page-scores-h2h-players .player-right-name a {
  border-right: 1px solid #c7c8c8;
  padding-right: 15px;
}
.page-scores-h2h-players .page-h2h-wins {
  color: #E4F53B;
  float: left;
  font-family: "roboto_bold";
  font-size: 43px;
  letter-spacing: 0px;
  line-height: 1;
}
.page-scores-h2h-players .page-h2h-percentage, .page-scores-h2h-players .player-left-wins .players-head-rank-text, .page-scores-h2h-players .player-right-wins .players-head-rank-text {
  color: #E4F53B;
  float: left;
  font-family: "roboto_bold";
  font-size: 16px;
  letter-spacing: 0px;
  padding: 21px 7px 0px;
  text-transform: capitalize;
}
.page-scores-h2h-players .player-left-wins, .page-scores-h2h-players .player-right-wins {
  width: 50%;
  margin-top: 50px;
  float: inherit;
}
.page-scores-h2h-players .player-left-wins .players-head-rank, .page-scores-h2h-players .player-right-wins .players-head-rank {
  float: inherit;
  font-family: "roboto_bold";
  text-align: center;
  width: 100%;
  font-size: 100px;
  line-height: 100px;
  position: relative;
}
.page-scores-h2h-players .player-left-wins .players-head-rank-text, .page-scores-h2h-players .player-right-wins .players-head-rank-text {
  float: inherit;
  text-align: center;
  width: 100%;
  color: #051224;
  float: none;
  margin: 0px;
  padding: 0px;
}
.page-scores-h2h-players .player-left-name a {
  border-left: 1px solid #c7c8c8;
  padding-left: 15px;
}
.page-scores-h2h-players .player-left-wins * {
  color: #E4F53B;
}
.page-scores-h2h-players .player-right-wins * {
  color: #0F1845 !important;
}
.page-scores-h2h-players .player-right-wins a {
  float: inherit;
  border-right: 1px solid #c7c8c8;
  padding-right: 15px;
}
.page-scores-h2h-players .player-right-wins .page-h2h-wins, .page-scores-h2h-players .player-right-wins .page-h2h-percentage, .page-scores-h2h-players .player-right-wins .players-head-rank-text {
  color: #051224;
  float: inherit;
}
.player-left-wins .page-h2h-info-wrapper:nth-child(2) .page-scores-h2h-players .players-head-rank {
  color: #E4F53B;
}
.player-right-wins .page-h2h-info-wrapper:nth-child(2) .page-scores-h2h-players .players-head-rank {
  color: #051224;
}
.player-right-wins .page-scores-h2h-players .players-head-rank {
  text-align: right;
}

.h2h-table {
  table-layout: fixed;
  width: 100%;
}
.h2h-table th, .h2h-table td {
  line-height: 1;
  padding: 10px 0px;
  vertical-align: middle;
  border-bottom: 1px solid #dbdbdb;
}
.h2h-table th {
  border-top: 1px solid #dbdbdb;
  color: #1f2223;
  font-family: "roboto_regular";
  font-size: 16px;
  letter-spacing: 0px;
  text-transform: capitalize;
}
.h2h-table td {
  font-family: "roboto_bold";
  font-size: 14px;
  letter-spacing: 0px;
}
.h2h-table td:nth-child(2) {
  background-color: #f1f1f1;
  font-family: "roboto_regular";
  text-align: center;
  color: #1f2223;
}
.h2h-table td:last-child {
  color: black;
  text-align: right;
}
.h2h-table td:first-child {
  color: black;
}

.player-left-wins, .player-right-wins {
  margin-top: 15px;
  position: relative;
}

.page-h2h-info-wrapper {
  width: 65%;
}
.player-left-wins .page-h2h-info-wrapper {
  float: left;
  margin-left: 10px;
}
.player-left-wins .page-h2h-info-wrapper:first-child {
  margin-left: 0px;
}
.player-right-wins .page-h2h-info-wrapper {
  float: right;
  margin-right: 10px;
}
.player-right-wins .page-h2h-info-wrapper:first-child {
  margin-right: 0px;
}

/* Head 2 Head YTD Tables */
.h2h-table-ytd {
  margin-top: 20px;
}
.h2h-table-ytd tbody {
  border-top: 1px solid #c7c8c8;
}

.h2h-ytd-table-button {
  margin-top: 20px;
}

.show {
  display: block;
}

.hide {
  display: none;
}

.page-scores-h2h .slim .head-to-head-left .head-to-head-button:first-child {
  right: 0 !important;
}

.page-scores-h2h .head-to-head.slim .head-to-head-panel {
  padding: 0px 0px 30px !important;
}

.page-scores-h2h .head-to-head.slim .module-header {
  display: none;
}

.modal-scores-h2h .module-header {
  display: none !important;
}

/* ==========================================================================
	HERITAGE HEADER
   ========================================================================== */
.heritage-header {
  overflow: hidden;
  background: #ffffff !important;
}

.heritage-copy {
  font-size: 1.6em;
  font-weight: 300;
  max-height: 180px;
  height: 17.8vw;
  line-height: 26px;
  padding: 0px 15px 20px;
}

/* ==========================================================================
	HERITAGE HEADER - ANIMATIONS
   ========================================================================== */
/* ==========================================================================
	LONG FORM
	========================================================================== */
.long-form {
  background-color: #fff;
  opacity: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: calc(100% - 50px);
  text-align: center;
  overflow-y: scroll;
  /* has to be scroll, not auto */
  -webkit-overflow-scrolling: touch;
  transition: opacity 0.5s ease-in-out;
}
.long-form-on .long-form {
  opacity: 1;
}
.long-form .container {
  padding: 16px;
}
.long-form .page-title {
  display: block;
  margin-bottom: 30px;
  float: none;
}
.long-form p {
  font-size: 20px;
  line-height: 1.5em;
  text-align: left;
  margin-bottom: 30px;
}

html.long-form-on {
  overflow: hidden !important;
}
html.long-form-on body {
  overflow: hidden !important;
}

/* ==========================================================================
	MOVERS OF THE WEEK
   ========================================================================== */
.movers-wrapper, .players-in-action {
  background-color: #ffffff;
}
.movers-wrapper .scores-table thead, .players-in-action .scores-table thead {
  border-top: 1px solid #c7c8c8;
}
.movers-wrapper .scores-table thead th, .players-in-action .scores-table thead th {
  padding-top: 5px;
}

.movers, .action-players {
  transform: translateZ(0);
  padding: 0px 10px 10px;
}
.movers .scores-table .rank-heading, .action-players .scores-table .rank-heading {
  width: 35px;
  padding: 5px 5px 5px 0;
}
.movers .scores-table .player-cell, .action-players .scores-table .player-cell {
  padding: 5px;
}
.movers .scores-table .player-cell .player-head-shot, .action-players .scores-table .player-cell .player-head-shot {
  float: left;
}
.movers .scores-table .player-cell .player-head-shot img, .action-players .scores-table .player-cell .player-head-shot img {
  height: 44px;
  width: auto;
  float: left;
}
.movers .scores-table .player-cell .player-name-and-flag, .action-players .scores-table .player-cell .player-name-and-flag {
  float: left;
}
.movers .scores-table .player-cell .player-name-and-flag a, .action-players .scores-table .player-cell .player-name-and-flag a {
  width: 100%;
  float: left;
}
.movers .scores-table .player-cell .player-name-and-flag .player-flag, .action-players .scores-table .player-cell .player-name-and-flag .player-flag {
  display: block;
  float: left;
  clear: left;
  width: 30px;
  padding-right: 8px;
}
.movers .scores-table .player-cell .player-name-and-flag .player-flag img, .action-players .scores-table .player-cell .player-name-and-flag .player-flag img {
  width: 100%;
  border: 1px solid #c7c8c8;
}
.movers .scores-table .move-cell, .action-players .scores-table .move-cell {
  padding: 5px;
}
.movers .scores-table .points-cell, .action-players .scores-table .points-cell {
  padding: 5px;
  padding-right: 0;
}

.mover, .action-player {
  float: left;
  margin: 0px 0px 15px 20px;
  width: calc(50% - 10px);
}
.mover:first-child, .action-player:first-child {
  margin-left: 0px;
}

.mover-image, .action-image {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  border: 1px solid #c7c8c8;
  padding-top: 100%;
}
.mover-image img, .action-image img {
  height: auto;
  width: 100%;
  image-rendering: -webkit-optimize-contrast;
  transform-origin: center;
  transform: scale(1.6);
}
.movers-wrapper .mover-image img, .players-in-action .mover-image img, .movers-wrapper .action-image img, .players-in-action .action-image img {
  left: 0px;
  position: absolute;
  top: 0px;
}

.mover-info, .player-info .action-info {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 42px;
}
.mover-info > *, .player-info .action-info > * {
  display: table-cell;
  vertical-align: middle;
}

.mover-name, .action-name {
  display: table-cell;
  text-align: left;
  font-family: "roboto_regular";
  font-size: 13px;
}
.mover-name span, .action-name span {
  line-height: 1;
  position: relative;
  top: -2px;
}
.mover-name span:last-child, .action-name span:last-child {
  text-transform: none;
}

.mover-flag {
  text-align: right;
}
.mover-flag img {
  border: 1px solid #ddd;
  width: auto;
  border: 1px solid #c7c8c8;
  height: 18px;
}

.player-movement {
  border-bottom: 1px solid #ececec;
  border-top: 1px solid #ececec;
}

.movement-block {
  border-left: 1px solid #ececec;
  float: left;
  padding: 5px 0px;
  position: relative;
  text-align: right;
}
.movement-block:first-child {
  border-left: none;
  width: 22%;
}
.movement-block:first-child .movement-category {
  left: 9px;
}
.movement-block:nth-child(2) {
  width: 38%;
}
.movement-block:nth-child(2) .movement-value {
  color: #1f2223;
}
.movement-block:nth-child(3) {
  width: 40%;
}
.movement-block:nth-child(3) .movement-value {
  color: #1f2223;
}
.movement-block:last-child .movement-value {
  padding-right: 0px;
}
.movement-block.move-down .movement-value:before {
  color: #da1418;
  content: "\e62a";
  font-family: "icomoon";
  font-size: 13px;
  margin-right: 2px;
  position: relative;
  top: -1px;
}
.movement-block.move-up .movement-value:before {
  color: #00aa0c;
  content: "\e629";
  font-family: "icomoon";
  font-size: 13px;
  margin-right: 2px;
  position: relative;
  top: -1px;
}
.movement-block.move-none .movement-value:before {
  color: #aaa;
  content: "-";
  font-size: 20px;
  margin-right: 2px;
  position: relative;
  top: -1px;
}
.movement-block .movement-value {
  font-family: "roboto_bold";
  line-height: 1;
  color: #e24a4e;
  font-size: 16px;
  line-height: 22px;
  padding: 0px 5px;
}
.movement-block .movement-value.rank-movement-color {
  color: #051224;
}
.movement-block .movement-category {
  font-family: "roboto_regular";
  text-transform: capitalize;
  color: #1f2223;
  font-size: 0.9em;
  left: 13px;
  line-height: 1;
  position: absolute;
  text-align: center;
  top: 24px;
  width: 33px;
  transform: rotate(-90deg);
  transform-origin: bottom left;
}

/* ==========================================================================
	PLAYER RANKINGS
========================================================================== */
.player-rankings {
  background-color: #fff;
  position: relative;
  transform: translateZ(0);
  padding-bottom: 10px;
}

#playerRankingsDoubles {
  display: none;
}

.data-label {
  display: inline-block;
  color: #969b9d;
  line-height: 1em;
  font: 16px "roboto_regular";
  letter-spacing: 0px;
  text-transform: capitalize;
  position: relative;
  padding-left: 3px;
  top: 0;
  width: 100%;
}

.data-label-text {
  transform: rotate(-90deg);
  white-space: nowrap;
  text-align: center;
}

.player-ranking-position {
  width: 235px;
  height: 185px;
  border-right: 1px solid #fff;
  grid-area: player-ranking-position;
  display: grid;
  grid-template-columns: 50px auto;
  align-items: center;
}
.player-ranking-position .data-number {
  font-size: 140px;
}
.player-ranking-position .data-label {
  padding-left: 10px;
  top: 0;
  width: 44px;
}
.player-ranking-position .data-label-text {
  font-size: 29px;
  margin-top: 80px;
}

.data-number {
  display: inline-block;
  color: #ffffff;
  line-height: 0.7em;
  font: 55px "roboto_bold";
  text-transform: capitalize;
}

.player-rankings-panel {
  padding: 0px 10px 10px 10px;
}
.player-rankings-panel .button-border, .player-rankings-panel .channel-container .view-more, .channel-container .player-rankings-panel .view-more, .player-rankings-panel .channel-container .live-video, .channel-container .player-rankings-panel .live-video, .player-rankings-panel .predictive-see-all, .player-rankings-panel .modal-button, .player-rankings-panel #doorbell .buttons .btn, #doorbell .buttons .player-rankings-panel .btn, .player-rankings-panel #doorbell .buttons button, #doorbell .buttons .player-rankings-panel button, .player-rankings-panel .time-button {
  font-size: 16px;
  line-height: 26px;
  margin-top: 10px;
}

.player-rank-breakdown .dropdown-wrapper {
  width: auto;
  display: inline-flex;
}
.player-rank-breakdown .mega-table {
  margin-bottom: 40px;
}
.player-rank-breakdown .mega-table td, .player-rank-breakdown .mega-table td:last-child {
  text-align: center;
}
.player-rank-breakdown .module-title {
  margin-bottom: 20px;
}
.player-rank-breakdown .module-title + .mega-table {
  table-layout: fixed;
}
.player-rank-breakdown .module-title + .mega-table td:first-child, .player-rank-breakdown .module-title + .mega-table td:nth-child(3), .player-rank-breakdown .module-title + .mega-table td:nth-child(4), .player-rank-breakdown .module-title + .mega-table td:last-child, .player-rank-breakdown .module-title + .mega-table th:first-child, .player-rank-breakdown .module-title + .mega-table th:nth-child(3), .player-rank-breakdown .module-title + .mega-table th:nth-child(4), .player-rank-breakdown .module-title + .mega-table th:last-child {
  width: 110px;
}
.player-rank-breakdown .module-title + .mega-table td:nth-child(2) {
  text-align: left;
}
.player-rank-breakdown .module-header {
  padding-bottom: 0px;
  padding-right: 0px;
}
.player-rank-breakdown .module-header .module-title {
  height: 40px;
  margin-bottom: 0px;
}
.player-rank-breakdown .module-header .module-title.pepperstone {
  top: 5px;
}
.player-rank-breakdown .module-header .module-title.title-is-image {
  top: -5px;
}
.player-rank-breakdown .module-header .module-title + .module-tabs {
  margin: 0px 0px 0px 10px;
}
.player-rank-breakdown .module-header .content-filters {
  float: right;
  margin-right: 0px;
  padding: 0px;
  width: 29%;
}

.player-wrapper[data-rank="1"] .player-ranking-pagination a[data-index="1"] {
  color: #000;
}

.player-wrapper[data-rank="2"] .player-ranking-pagination a[data-index="2"] {
  color: #000;
}

.player-wrapper[data-rank="3"] .player-ranking-pagination a[data-index="3"] {
  color: #000;
}

.player-wrapper[data-rank="4"] .player-ranking-pagination a[data-index="4"] {
  color: #000;
}

.player-wrapper[data-rank="5"] .player-ranking-pagination a[data-index="5"] {
  color: #000;
}

.player-wrapper[data-rank="6"] .player-ranking-pagination a[data-index="6"] {
  color: #000;
}

.player-wrapper[data-rank="7"] .player-ranking-pagination a[data-index="7"] {
  color: #000;
}

.player-wrapper[data-rank="8"] .player-ranking-pagination a[data-index="8"] {
  color: #000;
}

.player-wrapper[data-rank="9"] .player-ranking-pagination a[data-index="9"] {
  color: #000;
}

.player-wrapper[data-rank="10"] .player-ranking-pagination a[data-index="10"] {
  color: #000;
}

/* ==========================================================================
	TIMELINE (include story of the season and hertiage variants)
========================================================================== */
.tabbed-timelines {
  transform: translateZ(0);
}

.timeline {
  padding: 16px;
  position: relative;
  background-color: #fff;
  overflow: hidden;
  transform: translateZ(0);
}
.timeline-panels .timeline {
  border-top: none;
}
.centered-content .timeline {
  border: none;
}

.timeline-container {
  position: relative;
}
.timeline-container__line {
  width: 1px;
  border: 1px solid #051224;
  left: 0px;
  height: calc(100% - 60px);
  top: 20px;
  position: absolute;
  content: " ";
  display: block;
  z-index: 0;
  transform: translateZ(0);
}

.timeline-date-wrapper {
  position: relative;
  text-align: center;
}

.timeline-load-more {
  text-align: center;
}
.timeline-load-more .button-border, .timeline-load-more .channel-container .view-more, .channel-container .timeline-load-more .view-more, .timeline-load-more .channel-container .live-video, .channel-container .timeline-load-more .live-video, .timeline-load-more .predictive-see-all, .timeline-load-more .modal-button, .timeline-load-more #doorbell .buttons .btn, #doorbell .buttons .timeline-load-more .btn, .timeline-load-more #doorbell .buttons button, #doorbell .buttons .timeline-load-more button, .timeline-load-more .time-button {
  width: calc(100% - 30px);
  float: right;
  clear: both;
  text-align: center;
  display: inline-block;
  background-color: #fff;
}
.timeline-load-more .button-border:hover, .timeline-load-more .channel-container .view-more:hover, .channel-container .timeline-load-more .view-more:hover, .timeline-load-more .channel-container .live-video:hover, .channel-container .timeline-load-more .live-video:hover, .timeline-load-more .predictive-see-all:hover, .timeline-load-more .modal-button:hover, .timeline-load-more #doorbell .buttons .btn:hover, #doorbell .buttons .timeline-load-more .btn:hover, .timeline-load-more #doorbell .buttons button:hover, #doorbell .buttons .timeline-load-more button:hover, .timeline-load-more .time-button:hover, .timeline-load-more .button-border:active, .timeline-load-more .channel-container .view-more:active, .channel-container .timeline-load-more .view-more:active, .timeline-load-more .channel-container .live-video:active, .channel-container .timeline-load-more .live-video:active, .timeline-load-more .predictive-see-all:active, .timeline-load-more .modal-button:active, .timeline-load-more #doorbell .buttons .btn:active, #doorbell .buttons .timeline-load-more .btn:active, .timeline-load-more #doorbell .buttons button:active, #doorbell .buttons .timeline-load-more button:active, .timeline-load-more .time-button:active {
  background-color: #051224;
}

.timeline-date {
  background-color: #fff;
  border: 1px solid #ccc;
  position: relative;
  text-align: center;
  z-index: 1;
  padding: 10px;
  text-transform: capitalize;
  text-align: center;
  display: inline-block;
  color: #1f2223;
  width: calc(100% - 30px);
  float: right;
  line-height: 1em;
  font: 16px "roboto_regular";
  letter-spacing: 0px;
  clear: both;
  margin: 15px 0;
}
.timeline-date-wrapper:first-child .timeline-date {
  margin-top: 0;
}

.timeline-items {
  transform: translateZ(0);
  opacity: 0;
}
.timeline-items .listing-title {
  overflow: hidden;
}
.timeline-items.timeline-ready {
  opacity: 1;
}

.timeline-item-info {
  width: calc(50% - 20px);
  transform: translateZ(0);
}
.left-side .timeline-item-info, .default-side .timeline-item-info {
  float: left;
  text-align: right;
}
.right-side .timeline-item-info {
  float: right;
  text-align: left;
  transform: translateY(-5%);
}
.is-featured .timeline-item-info {
  width: 100%;
  float: none;
  clear: both;
}
.is-forty-years .timeline-item-info {
  position: relative;
}

.timeline-item {
  transform: translateZ(0);
  width: calc(100% - 70px);
  position: relative;
  z-index: 20;
  margin: 30px 0;
}
.timeline-item .item-thumbnail {
  position: relative;
}
.timeline-item.left-side, .timeline-item.default-side {
  float: right;
  clear: both;
  margin-right: 70px;
}
.timeline-item.right-side {
  float: right;
  clear: both;
  margin-left: 70px;
}
.timeline-item.slide-item {
  opacity: 1;
}

.timeline-item-inner {
  color: #1f2223;
  opacity: 0;
  transform: translateZ(0);
  position: relative;
}
.slide-item .timeline-item-inner {
  opacity: 1;
  transform: translateZ(0) translateX(0%);
}

.timeline-thumbnail {
  position: relative;
  width: 50%;
  padding-top: 28.3018867925%;
  transform: translateZ(0);
  border-bottom: 1px solid #d1d5d7;
}
.timeline-thumbnail > * {
  transform: translateZ(0);
  position: absolute;
  top: 0;
  left: 0;
}
.left-side .timeline-thumbnail, .default-side .timeline-thumbnail {
  float: right;
}
.right-side .timeline-thumbnail {
  float: left;
}
.is-featured .timeline-thumbnail {
  padding-top: 56.6037735849%;
  width: 100%;
  clear: both;
  margin-bottom: 20px;
}

.timeline-iab {
  position: relative;
  display: block;
  width: 100%;
  padding-top: 71.4285714286%;
}
.timeline-iab > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.left-side .timeline-iab, .default-side .timeline-iab {
  float: right;
}
.right-side .timeline-iab {
  float: left;
}

.timeline-years {
  width: auto;
  display: inline-block;
  line-height: 1em;
  font: 18px "roboto_bold";
  letter-spacing: 0px;
  padding-bottom: 5px;
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 5px;
}

.timeline-weeks {
  line-height: 1em;
  font: 14px "roboto_regular";
  letter-spacing: 0px;
}

.timeline-year {
  color: #051224;
  overflow: hidden;
  line-height: 0.9em;
  font: 27px "roboto_bold";
  letter-spacing: 0px;
}

.timeline-copy {
  clear: both;
  line-height: 24px;
  font: 16px/24px "roboto_regular";
  padding-top: 13px;
}

.timeline-start {
  height: 18px;
  position: relative;
  margin-left: -10px;
  width: 18px;
  margin-bottom: 20px;
}
.timeline-start .timeline-marker {
  top: 0;
}
.timeline-start .timeline-marker-dot {
  border-color: #c7c7c8;
  opacity: 1;
}
.timeline-start .timeline-marker-dot:before {
  background-color: #c7c7c8;
}

.timeline-marker {
  width: 70px;
  height: 20px;
  position: absolute;
  top: 10px;
  z-index: 2;
}
.left-side .timeline-marker, .default-side .timeline-marker {
  right: -70px;
}
.right-side .timeline-marker {
  left: -70px;
}

.timeline-marker-dot {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  position: absolute;
  top: 0;
  border: 1px solid #000;
  background-color: #fff;
  z-index: 2;
  opacity: 0;
}
.timeline-marker-dot:before {
  content: " ";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
  background-color: #000;
  border: 4px solid #fff;
}
.left-side .timeline-marker-dot, .default-side .timeline-marker-dot {
  right: -10px;
}
.right-side .timeline-marker-dot {
  left: -10px;
}
.is-iab .timeline-marker-dot {
  border-color: #ccc;
}
.is-iab .timeline-marker-dot:before {
  background-color: #ccc;
}
.slide-item .timeline-marker-dot {
  opacity: 1;
}

.timeline-marker-line {
  height: 1px;
  background-color: #000;
  position: relative;
  top: 50%;
  width: 0px;
}
.is-iab .timeline-marker-line {
  background-color: #ccc;
}
.slide-item .timeline-marker-line {
  width: 70px;
}

/* ==========================================================================
	TIMELINE - TABS
========================================================================== */
.timeline-tabs {
  table-layout: fixed;
}

.timeline-tab {
  height: 30px;
  padding: 10px 0px;
}

.timeline-title {
  color: #051224;
  line-height: 1em;
  font: 12px "roboto_bold";
}
.current .timeline-title {
  color: #1f2223;
  position: relative;
  top: -1px;
}

.timeline-panel {
  display: none;
}
.timeline-panel.current {
  display: block;
}

/* ==========================================================================
	TIMELINE - MEDIA QUERIES (include story of the season and hertiage variants)
========================================================================== */
@media (max-width: 768px) {
  .timeline-item {
    width: calc(100% - 30px);
  }
  .timeline-item:after {
    content: "";
    display: table;
    clear: both;
  }
  .timeline-item.left-side, .default-side .timeline-item {
    margin-right: 30px;
  }
  .timeline-item.right-side {
    margin-left: 30px;
  }

  .timeline-marker {
    width: 30px;
    height: 20px;
    position: absolute;
    top: 10px;
    z-index: 2;
  }
  .left-side .timeline-marker, .default-side .timeline-marker {
    right: -30px;
  }
  .right-side .timeline-marker {
    left: -30px;
  }
  .slide-item .timeline-marker .timeline-marker-line {
    width: 30px;
  }
}
/* ==========================================================================
	WHO'S PLAYING
   ========================================================================== */
.whos-playing .content-accordion-wrapper .accordion-label, .whos-playing .tourney-overview-accordion .accordion-label {
  text-transform: none;
}
.whos-playing .action-player {
  margin-bottom: 30px !important;
  transform: translateZ(0);
}
.whos-playing .action-player:first-child {
  margin-top: 15px !important;
}
.whos-playing .movement-flag {
  float: right;
  display: block;
  height: auto;
  width: 30px;
  margin: 12px 0px 0px 20px;
}
.whos-playing .action-name {
  display: block;
  float: left;
  padding-top: 10px;
}
.whos-playing .action-image {
  margin-bottom: 0px;
}
.whos-playing .action-image:before {
  display: none;
}

/* ==========================================================================
	STATS HERO
	========================================================================== */
.stats-hero {
  z-index: 0;
  background-image: url(../../atpwt/images/placeholders/stats-hero-mobile.jpg);
  background-size: 100% auto;
  height: 345px;
}
.stats-hero .profile-hero-gradient {
  background-position: left bottom;
  background-size: 100% 40%;
}
.stats-hero .player-profile-hero-table {
  height: 345px;
}
.stats-hero .player-profile-hero-table .table-big-label {
  margin-top: 5px;
}
.stats-hero .player-profile-hero-table table:before {
  height: 230px;
}
.stats-hero .player-profile-hero-table tr {
  table-layout: fixed;
}
.stats-hero .player-profile-hero-table td {
  padding: 25px 15px;
}
.stats-hero .player-profile-hero-table:before, .stats-hero .player-profile-hero-table:after {
  display: none;
}
.stats-hero .player-profile-hero-image {
  height: 420px;
  right: 80px;
  width: 400px;
}
.stats-hero .player-profile-hero-overflow {
  padding: 0px;
}

.stat-centre-logo {
  height: 35px;
  width: auto;
}

.stat-centre-text {
  color: #ffffff;
  font-family: "roboto_bold";
  font-size: 27px;
  letter-spacing: 0px;
  margin-top: 5px;
  text-transform: capitalize;
}

.stats-hero-text {
  color: #ffffff;
  font-family: "roboto_regular";
  font-size: 36px;
  letter-spacing: 0px;
  line-height: 40px;
  margin-top: 30px;
  width: 330px;
}

.stats-hero-table td {
  padding: 0px 30px;
  text-align: center;
  vertical-align: middle;
}

.stats-hero-table-value {
  color: #ffffff;
  display: block !important;
  font-family: "roboto_regular";
  font-size: 46px;
  letter-spacing: 0px;
  line-height: 1;
}

.stats-hero-table-label {
  color: #969b9d;
  display: block !important;
  font-family: "roboto_regular";
  font-size: 13px;
  margin-top: 5px;
  text-transform: capitalize;
}

@media (max-width: 1039px) {
  .stats-hero-table-value {
    font-size: 40px;
  }

  .stats-hero-table td {
    padding: 0px 15px;
  }
}
/* ==========================================================================
	SCORES TOP SEEDS
   ========================================================================== */
.scores-top-seeds {
  padding: 20px 10px;
}
.scores-top-seeds .action-vs-copy {
  margin-bottom: 5px;
}
.scores-top-seeds .action-green:before, .scores-top-seeds .action-blue:before, .scores-top-seeds .action-red:before, .scores-top-seeds .action-gray:before {
  left: 60px;
}
.scores-top-seeds .action-player {
  padding: 0px;
}

/* ==========================================================================
	FULL WIDTH IFRAME
   ========================================================================== */
.full-width-iframe iframe {
  border: none !important;
  display: block;
  width: 100%;
}

/* ==========================================================================
	CHALLENGER STREAM
   ========================================================================== */
.live-streaming-module {
  padding: 30px;
}
.live-streaming-module .challenger-stream-container iframe {
  height: 100%;
  width: 100%;
}

.no-stream {
  font-family: "roboto_regular";
  font-size: 24px;
  padding: 30px;
}

.challenger-stream {
  overflow: hidden;
}
.challenger-stream .column {
  min-height: initial;
  width: 100%;
  border-top: 1px solid #c7c8c8 !important;
}
.challenger-stream .column:first-child {
  border-top: none;
}
.challenger-stream .column .listing-items {
  height: auto;
}
.challenger-stream .column .listing-item {
  font-family: "roboto_regular";
  font-size: 18px;
  margin-top: 10px;
}
.challenger-stream .column .listing-item .event-title {
  display: block;
}
.challenger-stream .column .listing-item .event-court {
  display: block;
  font-size: 14px;
}
.challenger-stream .column .listing-item .embed-video.active {
  color: #000;
}

/* ==========================================================================
    RACE TO LONDON
   ========================================================================== */
.race-to-london {
  padding: 0px 15px 15px;
}
.race-to-london > .button-border, .channel-container .race-to-london > .view-more, .channel-container .race-to-london > .live-video, .race-to-london > .predictive-see-all, .race-to-london > .modal-button, #doorbell .buttons .race-to-london > .btn, #doorbell .buttons .race-to-london > button, .race-to-london > .time-button {
  margin-top: 20px;
}

.race-to-london-table {
  width: 100%;
}
.race-to-london-table th, .race-to-london-table td {
  vertical-align: middle;
}
.race-to-london-table th {
  border-bottom: 1px solid #e8e8e8;
  border-top: 1px solid #e8e8e8;
  color: #969b9d;
  font-family: "roboto_regular";
  font-size: 12px;
  line-height: 1;
  text-align: center;
  text-transform: capitalize;
  padding: 10px 0px;
}
.race-to-london-table th:first-child {
  text-align: left;
}
.race-to-london-table th:last-child {
  text-align: right;
}
.race-to-london-table td {
  border-bottom: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
}
.race-to-london-table td:first-child {
  border-left: none;
}
.race-to-london-table .rank {
  color: #051224;
  font-family: "roboto_bold";
  line-height: 1;
  font-size: 15px;
}
.race-to-london-table .points {
  color: #1f2223;
  font-family: "roboto_bold";
  line-height: 1;
  font-size: 15px;
  text-align: right;
}
.race-to-london-table .player {
  padding: 10px;
}
.race-to-london-table .player-inner-wrapper {
  position: relative;
}
.race-to-london-table .player-inner-wrapper:before, .race-to-london-table .player-inner-wrapper:after {
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.race-to-london-table .player-inner-wrapper:before {
  content: "";
  background-color: #00aa0c;
  border-radius: 50%;
  right: 0px;
  height: 16px;
  width: 16px;
}
.race-to-london-table .player-inner-wrapper:after {
  color: #fff;
  content: "\e616";
  font-family: "icomoon";
  line-height: 1;
  font-size: 8px;
  right: 4px;
}
.race-to-london-table .player-inner-wrapper.confirmed {
  padding-right: 25px;
}
.race-to-london-table .player-inner-wrapper.confirmed:before, .race-to-london-table .player-inner-wrapper.confirmed:after {
  display: block;
}
.race-to-london-table .player-info {
  margin-top: 3px;
}
.race-to-london-table .player-info:first-child {
  margin-top: 0px;
}
.race-to-london-table .player-flag {
  border: 1px solid #ececec;
  display: inline-block;
  margin-right: 10px;
  width: 20px;
  height: 18px;
}
.race-to-london-table .player-name {
  color: #051224;
  line-height: 1;
  position: relative;
  font-family: "roboto_regular";
  font-size: 15px;
  top: -2px;
}
.race-to-london-table .blurb {
  color: #1f2223;
  font-size: 11px;
  line-height: 1;
  margin-top: 3px;
  padding-left: 30px;
  font-family: "roboto_regular";
}

/* ===============================================================
	FEATURED BANNER
   =============================================================== */
.featured-banner {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding-top: 56.25%;
}
.featured-banner:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  content: " ";
  background-color: rgba(0, 47, 64, 0);
  background-image: linear-gradient(rgba(0, 47, 64, 0) 0%, rgba(0, 47, 64, 0) 50%, rgba(0, 47, 64, 0.75) 100%);
  background-color: none !important;
}

.featured-banner-info {
  bottom: 0px;
  left: 0px;
  padding: 0px 15px 15px;
  position: absolute;
  width: 100%;
  z-index: 2;
}

.featured-banner-title {
  font: 25px "roboto_bold";
  line-height: 1em;
  text-shadow: 1px 1px 1px #000;
  color: #fff;
  letter-spacing: 0px;
}

.featured-banner-button {
  display: inline-block;
  margin: 15px 10px 0px 0px;
  width: auto;
}
.featured-banner-button:last-child {
  margin-right: 0px;
}

/*COMBINED CSS*/
.nav-tabs {
  border-bottom: 1px solid #ddd;
  background: #007cc2;
}

.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}

.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  color: #555;
  cursor: default;
  border-bottom-color: transparent;
}

.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  height: 55px;
}

.nav > li {
  position: relative;
  display: block;
}

.nav > li > a {
  position: relative;
  display: block;
  height: 39px;
  line-height: 39px;
}

.nav > li > a:focus, .nav > li > a:hover {
  text-decoration: none;
}

/*END: From Bootstrap*/
/*START: LEADERBOARD STATS*/
.stats-hero-container {
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-areas: "statsHeader statsHeader statsHeader" "serveLeader returnLeader pressureLeader" "statsFooter statsFooter statsFooter";
}
.stats-hero-container .dropdown {
  min-width: initial;
}

.service-column {
  grid-area: serveLeader;
}

.return-column {
  grid-area: returnLeader;
}

.pressure-column {
  grid-area: pressureLeader;
}

.leaders-stats {
  background-color: #fff;
}

.stats-head {
  height: auto;
  background-color: #007cc2;
  padding: 24px 16px;
  grid-area: statsHeader;
}

.stats-head img {
  margin: 23px 0 0 20px;
}

.sub-txt {
  display: inline-block;
  font-size: 24px;
  color: #fff;
  height: 22px;
  line-height: 18px;
  padding-left: 10px;
  margin-left: 10px;
  position: relative;
  font-weight: bold;
}

.stats-hero-title {
  flex-grow: 1;
}

.stat-bx {
  border: 1px solid #c7c8c8;
  background-color: #fff;
  clear: left;
  float: left;
  width: 100%;
  border-top: none;
}

.white-bg {
  background-color: #fff;
}

.leaderes-bx {
  position: relative;
}

.leaderes-bx h1 {
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  margin: 0;
  color: #fff;
  font-family: "roboto_bold";
  text-transform: capitalize;
}

.ser-box {
  background-color: #003366;
}

.ret-box {
  background-color: #0099ff;
}

.ptl-box {
  background-color: #33cccc;
}

.no-gutter {
  padding: 0;
}

.border-right-gray-web {
  border-right: 1px solid #f5f5f5;
}

.leader-img-bx {
  position: relative;
  text-align: center;
  padding-top: 17px;
}

.leader-img-bx .flag-position {
  position: absolute;
  top: 20px;
  right: 37px;
  border: 1px solid #ececec;
}

.info-details {
  line-height: 40px;
  text-align: left;
  margin: 0;
  color: #fff;
  position: relative;
  height: 40px;
  padding-left: 35px;
}

.ser-detail-bg {
  background-color: #003366;
}

.ret-detail-bg {
  background-color: #0099ff;
}

.pt-detail-bg {
  background-color: #33cccc;
}

.sl-no {
  position: absolute;
  left: 10px;
  font-size: 14px;
  color: #5c5e5f;
  top: auto;
  bottom: auto;
}

.white-color-txt {
  color: #fff;
}

.info-details .name {
  font-size: 18px;
}

.info-details .score {
  position: absolute;
  right: 37px;
  top: auto;
  bottom: auto;
  font-size: 24px;
}

.palyers-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.palyers-list li {
  position: relative;
  background-color: #fff;
  border-bottom: 1px solid #f5f5f5;
  height: 80px;
}

.palyers-list li .sl-no {
  position: relative;
  top: 0;
  bottom: 35px;
  line-height: 80px;
}

.palyers-list li img {
  display: inline-block;
}

.palyers-list .player-name {
  font-size: 16px;
  color: #00b9f2;
  margin-left: 12px;
  display: inline-block;
  line-height: 80px;
  vertical-align: top;
  width: 125px;
}

.palyers-list .player-name a {
  color: #00b9f2;
  text-decoration: none;
}

.palyers-list .player-name a:hover {
  color: #5f676a;
}

.palyers-list .player-points {
  position: absolute;
  right: 37px;
  top: 30px;
  bottom: auto;
  font-size: 18px;
  color: #000;
  vertical-align: middle;
}

#element {
  padding-top: 110px;
  border: 1px solid red;
}

.padding-clear {
  padding: 0 !important;
}

.see-more-btn-serve {
  margin: 25px 20px;
  border: 3px solid #003366;
  display: block;
  text-align: center;
  line-height: 28px;
  text-transform: capitalize;
  color: #003366;
  font-size: 16px;
}

.see-more-btn-return {
  margin: 25px 20px;
  border: 3px solid #0099ff;
  display: block;
  text-align: center;
  line-height: 28px;
  text-transform: capitalize;
  color: #0099ff;
  font-size: 16px;
}

.see-more-btn-pressure {
  margin: 25px 20px;
  border: 3px solid #33cccc;
  display: block;
  text-align: center;
  line-height: 28px;
  text-transform: capitalize;
  color: #33cccc;
  font-size: 16px;
}

.marginB30 {
  margin-bottom: 30px;
}

.see-more-btn:hover {
  background-color: #051224;
  color: #fff;
  text-decoration: none;
}

.dropdown .btn, .dropdown.open {
  border-radius: 0;
  background-color: #00bef3 !important;
  color: #fff !important;
  border: none;
}

.dropdown-menu {
  top: 30px;
  left: -67px;
  border-radius: 0;
  background-color: #00bef3;
  border: none;
  box-shadow: none;
}

.dropdown-menu > li > a {
  color: #fff !important;
  padding-left: 15px;
}

.dropdown-menu > li > a:hover {
  color: #00bef3 !important;
}

.inlin-dv {
  display: inline-block;
  margin-left: 10px;
}

.surface-dd .dropdown-menu {
  left: 0px;
  min-width: 100px;
}

.surface-dd .dropdown-toggle {
  min-width: 100px;
  text-align: left;
}

.year-dd .dropdown-menu {
  left: 0px;
  min-width: 80px;
}

.year-dd .dropdown-toggle {
  width: 80px;
  text-align: left;
}

.dropdown-toggle .ddContent {
  margin-right: 5px;
  display: inline-block;
  font-size: 17px;
  font-weight: bold;
}

.thin-arrow {
  background-image: url("../images/thin-arrow.png");
  width: 9px;
  height: 9px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center right;
  position: absolute;
  right: 12px;
  top: 14px;
}

.date-month-circle {
  position: absolute;
  top: 26px;
  right: 9px;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background-color: #00bcf2;
  z-index: 1;
  text-align: center;
  color: #fff;
  line-height: 11px;
  padding-top: 11px;
}

.date-month-circle span {
  display: block;
  font-size: 16px;
  font-weight: bold;
}

.date-month-circle label {
  display: block;
  font-weight: normal;
  line-height: 15px;
  font-size: 11px;
}

.marginT30 {
  margin-top: 30px !important;
}

.width100 {
  width: 500px;
}

.surfacedrop-down {
  float: right;
  width: 250px;
  margin-left: 20px;
}

.surfacedrop-down .dropdown-holder, .year-down .dropdown-holder {
  margin-right: 10px;
}

.year-down {
  float: left;
  width: 280px;
  margin-left: 20px;
}

.padding0 {
  padding: 0 !important;
}

.nav-tabs > li > a {
  margin-right: 0;
  /* border-radius: 0; */
  outline: none;
  text-transform: capitalize;
  font-size: 16px;
  color: #000000;
  /*border-top: 1px solid transparent;*/
  text-align: center;
  font-family: "roboto_bold";
}

.leader-board-tab .nav-tabs > li {
  height: 40px;
}

.leader-board-tab .nav-tabs > li:last-child {
  border-right: none;
}

.leader-board-tab .main-content {
  border: none;
}

.leader-board-tab .stats-listing-table th {
  padding-right: 10px;
  vertical-align: bottom;
}
.leader-board-tab .stats-listing-table th:first-child {
  padding-left: 15px;
  text-align: left;
}

.leader-board-tab .stats-listing-row > td {
  padding: 0 10px;
}

/*Leaderboard page*/
.stats-img {
  height: 80px;
  position: relative;
  overflow: hidden;
}

.stats-img img {
  position: absolute;
  bottom: -15px;
}

.player-img {
  float: left;
  height: 80px;
  position: relative;
  width: 80px;
  overflow: hidden;
  margin-left: 20px;
}

.player-img img {
  position: absolute;
  bottom: -15px;
}

.trademark {
  font-size: 9px;
  margin-left: 3px;
  line-height: 35px;
  vertical-align: top;
  display: none;
}

.leader-board-tab {
  float: left;
  width: 100%;
  border-top: 0px !important;
}

.leader-board-tab .tab-content.stats .dropdown-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.leader-board-tab .tab-content.stats .dropdown-wrapper .dropdown-holder-wrapper {
  margin: 5px;
}
.leader-board-tab .tab-content.stats .dropdown-wrapper .dropdown-holder-wrapper .dropdown-holder {
  width: 100%;
}

.leader-board-tab .dropdown-layout-wrapper {
  margin: 0 auto;
}

.leader-board-tab .content-filters {
  padding: 0px;
  margin: 0 auto;
}

.leader-board-tab .stats-listing-description {
  float: left;
  padding: 15px 30px;
  background-color: #007cc2;
  color: #fff;
  width: 100%;
}

.leader-board-tab .stats-listing-description h3 {
  font-family: "roboto_bold";
  font-size: 18px;
  margin-bottom: 10px;
}

.leader-board-tab .stats-listing-description p span {
  font-family: "roboto_bold";
}

.leader-board-tab .stats-listing-description p {
  font-size: 16px;
  margin-bottom: 10px;
}

.leader-board-intro {
  margin: 15px 20px 0;
}

.leader-board-intro p {
  color: #fff;
  font-size: 16px;
}

.serve-leaders-tab-wrapper, .return-leaders-tab-wrapper, .pressure-leaders-tab-wrapper {
  border-radius: 8px 8px 0 0;
  width: calc(33.3% - 2px);
  margin: 0 1px;
  border: 1px solid #7AB4DA;
}

.no1-leaders-tab, .serve-leaders-tab, .return-leaders-tab, .pressure-leaders-tab {
  color: white !important;
  border-left: 0px;
  border-right: 0px;
  border-radius: 7px 7px 0 0;
  cursor: pointer;
}

.no1-leaders-tab {
  border-top: #007cc2;
  background-color: #007cc2;
}

.serve-leaders-tab {
  border-top: #003366;
  background-color: #003366;
}

.return-leaders-tab {
  border-top: #0099ff;
  background-color: #0099ff;
}

.pressure-leaders-tab {
  border-top: #33cccc;
  background-color: #33cccc;
}

.sorting-arrow-up:before {
  content: "\e623";
}

.sorting-arrow-down:before {
  content: "\e601";
}

.leader-image-wrapper {
  height: 150px;
  width: 150px;
  position: relative;
  margin: 0 auto;
}

.leader-image-wrapper img {
  position: absolute;
  bottom: -25px;
  left: 0;
}

.leaderboard-hero-desc {
  grid-area: statsFooter;
  font-size: 16px;
  padding: 16px 20px;
  background: #007cc2;
  color: #fff;
}

#serviceLeaders, #returnLeaders, #pressureLeaders {
  min-height: 672px;
}

.main-content-infosys .stats-listing-wrapper {
  padding-bottom: 10px;
}

/*RE-FACTORED*/
.leaderboard-title-wrapper {
  width: 100%;
}

.leaderboard-title-text {
  width: 100%;
}

.leaderboard-table-wrapper .stats-listing-player {
  width: 320px;
}

.stats-headshot {
  width: 80px;
  height: 80px;
  overflow: hidden;
  float: left;
}
.stats-headshot img {
  width: 100%;
  margin-top: -15px;
}

.stats-flag {
  /*margin-top:25px;
  margin-left:10px;*/
  width: 40px;
  display: table-cell;
  height: 80px;
  vertical-align: middle;
}
.stats-flag img {
  width: 100%;
}

.stats-listing-rank {
  float: left;
  margin-right: 10px;
  margin-left: 10px;
  line-height: 80px;
  width: 22px;
  text-align: right;
}

.leaderboard-table-wrapper .stats-listing-row > td:first-child {
  border-left: none;
  padding-left: 10px;
}

.stats-listing-player-link {
  padding-left: 10px;
  width: 100px;
  text-align: left;
  display: table-cell;
  height: 80px;
  vertical-align: middle;
}

.leaderboard-filter-title {
  float: left;
  font-size: 18px;
  color: #000;
  font-family: "roboto_bold";
  text-transform: capitalize;
  margin-left: 16px;
}

.is-mobile .leaderboard-filter-title {
  margin-top: 15px;
  margin-bottom: 10px;
}

.stats-listing-row > td.leaderboard-info {
  border-left-color: transparent;
  padding: 0 10px 0 0;
}

.player-leaderboard-info {
  width: 250px;
  height: 80px;
  overflow-y: hidden;
}
.player-leaderboard-info.no-pic {
  width: 160px;
}
.player-leaderboard-info .stats-listing-image {
  display: block;
  float: left;
  width: 80px;
  margin-top: -15px;
}
.player-leaderboard-info .stats-listing-flag {
  display: block;
  float: left;
  width: 40px;
  margin-top: 28px;
  margin-left: 10px;
}
.player-leaderboard-info .stats-player-name {
  display: table-cell;
  vertical-align: middle;
  height: 80px;
  padding-left: 10px;
  text-align: left;
}

.sorting-label.standing-label {
  width: 50%;
  float: left;
  margin-bottom: 14px;
  vertical-align: bottom;
  bottom: 0;
  text-align: center;
}
.sorting-label.player-label {
  margin-top: 24px;
}

.player-sort {
  display: block;
  float: right;
  width: 48%;
  text-align: center;
}

.leaderboard-table-header .sorting-cell .sorting-arrow {
  visibility: hidden;
}
.leaderboard-table-header .sorting-cell.sort-up .sorting-arrow {
  visibility: visible;
}
.leaderboard-table-header .sorting-cell.sort-down .sorting-arrow {
  visibility: visible;
}

td[data-type*=Rating] {
  background: #ccff33;
}

.is-mobile td[data-type*=Rating] {
  background: none;
}

.stats-listing-table .former-no1-rating-summary th {
  height: 30px;
  color: white;
  background: #007cc2;
  padding: 5px 0;
}

.stats-listing-table .former-no1-rating-summary .serve-rating-summary {
  background: #003366;
}

.stats-listing-table .former-no1-rating-summary .return-rating-summary {
  background: #0099ff;
}

.stats-listing-table .former-no1-rating-summary .pressure-rating-summary {
  background: #33cccc;
}

.summary-row .leaderboard-info {
  width: 150px;
}

.dropdown-holder-wrapper:last-child .dropdown-holder {
  margin: 0px;
}

.leaderboard-table-header .sorting-inner > * {
  display: block;
}

.leaderboard-player--container {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.leaderboard-player_rank {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  font-size: 14px;
  margin-left: 10px;
  color: #5c5e5f;
}
.leaderboard-player_img {
  margin-left: 0px;
  height: 80px;
  width: 80px;
  flex: 0 0 auto;
}
.leaderboard-player_img img {
  position: absolute;
  bottom: -15px;
}
.leaderboard-player_name {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 16px;
  flex: 1 0 auto;
  width: auto;
  max-width: 130px;
}
.leaderboard-player_name a {
  color: #00b9f2;
}
.leaderboard-player_points {
  display: flex;
  align-items: center;
  font-size: 18px;
  color: #000;
  flex: 1 0 auto;
  justify-content: center;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.serve-label {
  display: inline;
}

.Return .serve-label {
  display: none !important;
}

.stat-years {
  width: 100%;
  padding: 5px;
  margin-bottom: 14px;
  font-size: 12px;
  font-family: "roboto_bold";
}

.return-court {
  line-height: 1;
  position: absolute;
  top: 232px;
  width: 380px;
  left: 182px;
}

.ServiceBox_container {
  margin: 0 auto;
  width: 100%;
  height: 120px;
}
.ServiceBox_container .deuce-section,
.ServiceBox_container .ad-section {
  margin-top: 20px;
}

.Middle_container {
  margin: 0 auto;
  width: 100%;
  height: 92px;
}

.Baseline_container {
  margin: 0 auto;
  width: 100%;
  height: 92px;
}

.Return .stats-court .DeuceCourt {
  float: right;
}

.Return .stats-court .AdCourt {
  float: left;
}

.ad-section {
  width: 48%;
  float: left;
  text-align: center;
}

.deuce-section {
  width: 48%;
  float: right;
  text-align: center;
}

.balltracking-container .auto-complete-input {
  text-transform: capitalize;
}

.stats-description {
  float: left;
  width: 100%;
  border-top: 1px dotted #333;
  border-bottom: 1px dotted #333;
  font-style: italic;
  text-align: center;
  color: #333;
  font-size: 14px;
  margin-bottom: 10px;
}

.stats-summary-title {
  float: left;
  width: 100%;
}

.court-title {
  font-size: 16px;
  width: 100%;
  color: #333;
}

.player-title,
.opponent-title {
  width: 100%;
}

.player-title,
.opponent-title {
  padding: 4px 10px;
}

.player-title {
  position: relative;
  text-align: center;
  font-family: "roboto_regular";
  font-size: 14px;
  letter-spacing: 0.5px;
}

.opponent-title {
  position: relative;
  text-align: center;
  font-family: "roboto_regular";
  font-size: 14px;
  letter-spacing: 0.5px;
}

.versus-title {
  text-align: center;
  color: #333;
  text-shadow: none;
  text-align: center;
  position: relative;
  font-size: 12px;
}

.balltracking-filter {
  width: 185px;
  height: 610px;
  /*margin: 15px;*/
  padding: 15px;
  float: left;
  background: rgba(0, 0, 0, 0.1);
}
.balltracking-filter .content-filters {
  position: relative;
  z-index: 1000;
  padding: 5px 0 0;
  margin: 0 auto;
  width: 100%;
}
.balltracking-filter .content-filters .descriptive-label {
  font-family: "roboto_regular";
  font-size: 14px;
  padding: 0;
  line-height: 14px;
  letter-spacing: 0px;
  color: #333;
  text-align: center;
}
.balltracking-filter .content-filters .dropdown-wrapper {
  width: 100%;
  min-width: unset;
}
.balltracking-filter .content-filters .dropdown-holder-wrapper {
  display: block !important;
  margin-bottom: 10px;
}
.balltracking-filter .content-filters .dropdown-holder {
  margin-right: 0;
}

.split {
  width: 50%;
  float: left;
}

.split input[disabled=disabled], .split input[disabled] {
  cursor: default;
}

.split input[disabled=disabled] + label, .split input[disabled] + label {
  background-color: #fbfbfb;
  color: rgba(0, 0, 0, 0.2);
  cursor: default;
}

.stat-field {
  font-family: "roboto_bold";
  padding-bottom: 15px;
  overflow: hidden;
}

.switch-title {
  margin-bottom: 6px;
}

.stat-field input {
  position: absolute !important;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  width: 1px;
  border: 0;
  overflow: hidden;
}

.stat-field label {
  float: left;
}

.stat-field label {
  display: inline-block;
  width: 60px;
  background-color: #e4e4e4;
  color: rgba(0, 0, 0, 0.6);
  font-size: 13px;
  font-weight: normal;
  text-align: center;
  text-shadow: none;
  padding: 3px 10px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: none;
  /*-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
          box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);*/
  transition: all 0.1s ease-in-out;
  width: 100%;
  -webkit-user-select: none;
  user-select: none;
}

.stat-field .returner label {
  border-bottom: none;
  border-left: none;
}

.stat-field .server label {
  border-bottom: none;
}

.stat-field label:hover {
  cursor: pointer;
}

/*.stat-field input[checked] + label,*/
.stat-field input:checked + label,
.checked-label {
  background-color: #A5DC86 !important;
  box-shadow: none !important;
}

.stat-field .split.server label:first-of-type {
  border-radius: 4px 0 0 0;
}

.stat-field .split.returner label:first-of-type {
  border-radius: 0 4px 0 0;
}

.stat-field .split.server label:last-of-type {
  border-radius: 0 0 0 4px;
}

.stat-field .split.returner label:last-of-type {
  border-radius: 0 0 4px 0;
}

.stat-field label:first-of-type {
  border-radius: 4px 4px 0 0;
}

.stat-field label:last-of-type {
  border-radius: 0 0 4px 4px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.stat-field .surfaces label {
  width: 25%;
  padding: 3px 3px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.stat-field .surfaces label:first-of-type {
  border-radius: 4px 0 0 4px;
  border-right: 0px;
}
.stat-field .surfaces label:last-of-type {
  border-radius: 0 4px 4px 0;
  border-left: 0;
}

.stat-field .serves label,
.stat-field .score-scenarios label {
  width: 50%;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.stat-field .serves label:first-of-type,
.stat-field .score-scenarios label:first-of-type {
  border-radius: 4px 0 0 4px;
  border-right: 0px;
}
.stat-field .serves label:last-of-type,
.stat-field .score-scenarios label:last-of-type {
  border-radius: 0 4px 4px 0;
}

.balltracking-filter .filter-submit,
.balltracking-filter .filter-reset {
  width: 100%;
  float: none;
  margin-bottom: 20px;
  background: #051224;
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid #0595cb;
  border-top: 1px solid #8adffe;
  border-radius: 4px;
}
.balltracking-filter .filter-submit:hover,
.balltracking-filter .filter-reset:hover {
  border-width: 1px 1px 2px;
  border-style: solid;
  border-color: #4ec9f6 #4ec9f6 #00aeef;
  border-image: initial;
  border-bottom: 1px solid #00aeef;
  border-top: 1px solid #4ec9f6;
  background: #4ec9f6;
}

.t-section,
.middle-section,
.wide-section {
  display: block;
  font-size: 24px;
  color: #333;
}

.AdCourt .t-section,
.AdCourt .middle-section,
.AdCourt .wide-section {
  float: right;
}

.DeuceCourt .t-section,
.DeuceCourt .middle-section,
.DeuceCourt .wide-section {
  float: left;
}

h1 {
  font-size: 1em;
}

.balltracking-container {
  font-family: "roboto_regular";
}

.balltracking-container .title {
  position: relative;
  background: #007cc2;
  float: left;
  width: 100%;
}

.balltracking-container .title h2 {
  font-size: 24px;
  color: #fff;
  padding: 20px 20px 10px 20px;
  line-height: 1;
  text-transform: uppercase;
  font-family: "roboto_bold";
}

.balltracking-container .title p {
  font-size: 16px;
  color: #fff;
  padding: 0 25px 10px 25px;
}

.tab-container {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  background: #007cc2;
}

.no-background {
  background: none;
}

.serve-tab, .return-tab {
  border-radius: 8px 8px 0 0;
  /* width: calc( 33.3% - 2px);*/
  margin: 0 1px;
  border: 1px solid #7AB4DA;
  border-bottom: 1px solid #051224;
  display: inline-block;
  background: #051224;
  padding: 0 20px;
  color: #fff;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
}

.serve-tab:hover,
.return-tab:hover {
  background: #fff;
  border-bottom: 1px solid #fff;
  color: #051224;
}

.selected-tab {
  background: #fff;
  border-bottom: 1px solid #fff;
  color: #051224;
}

.serve-tab span,
.return-tab span {
  outline: none;
  text-transform: capitalize;
  font-size: 16px;
  text-align: center;
  font-family: "roboto_bold";
  position: relative;
  display: block;
  height: 26px;
  line-height: 26px;
  text-transform: uppercase;
}

.court-container {
  height: 610px;
  font-family: "roboto_regular";
  background: #92dcff;
  float: left;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}
.court-container .player-name, .court-container .opponent-name {
  position: absolute;
  color: #333333;
  font-size: 16px;
  text-shadow: 1px 1px 5px #f8f8f8;
  line-height: 1;
  font-family: "roboto_bold";
  letter-spacing: 0.75px;
  width: 300px;
}

.stats-court.Return {
  background-image: url("../../atpwt/images/placeholders/fullcourt-return.png");
}

.stats-court.Serve {
  background-image: url("../../atpwt/images/placeholders/fullcourt.png");
}

.stats-court.DeuceCourtServeReturnStats,
.stats-court.AdCourtServeReturnStats {
  display: block;
  background-image: url("../../atpwt/images/placeholders/fullcourt-return.png");
}

.stats-court.serve_AdCourt, .stats-court.serve_DeuceCourt {
  background-image: url("../../atpwt/images/placeholders/fullcourt.png");
}

.stats-court {
  height: 600px;
  width: calc(100% - 185px);
  left: 185px;
  position: absolute;
  top: 0;
  background-repeat: no-repeat;
  background-position: left;
  transition: all 0.1s ease-in-out;
}

.scale-down {
  background-position: 20px 20px;
  background-size: 20%;
}

.AdCourt {
  display: none;
  position: absolute;
  top: 233px;
  left: 129px;
  width: 240px;
}
.serve_AdCourt .AdCourt {
  display: block;
}

.serve_AdCourt .ad-court-label, .serve_AdCourt .deuce-court-label, .serve_DeuceCourt .ad-court-label, .serve_DeuceCourt .deuce-court-label {
  position: absolute;
  bottom: 30px;
  color: #fff;
  font-size: 12px;
  font-family: "roboto_regular";
}
.serve_AdCourt .ad-court-label, .serve_DeuceCourt .ad-court-label {
  left: 225px;
}
.serve_AdCourt .deuce-court-label, .serve_DeuceCourt .deuce-court-label {
  left: 460px;
}

.DeuceCourt {
  display: none;
  position: absolute;
  top: 233px;
  left: 372px;
  width: 240px;
}
.serve_DeuceCourt .DeuceCourt {
  display: block;
}

.serve-placement {
  width: 231px;
  display: table;
}
.DeuceCourt .serve-placement {
  float: left;
}
.AdCourt .serve-placement {
  float: right;
}
.serve-placement a {
  display: table-cell;
  color: #fff;
  text-align: center;
  font-size: 12px;
  height: 158px;
  position: relative;
  transition: all 0.3s ease;
}
.AdCourt .serve-placement a {
  float: right;
}
.AdCourt .serve-placement a:before {
  border-left: 1px dotted #fff;
}
.DeuceCourt .serve-placement a {
  float: left;
}
.DeuceCourt .serve-placement a:before {
  border-right: 1px dotted #fff;
}
.serve-placement a:before {
  width: 20px;
  height: 158px;
  position: absolute;
  content: "";
  transition: all 0.3s ease;
}
.serve-placement a:hover {
  color: #333;
  transition: all 0.3s ease;
}
.serve-placement a .serve-attempt-pct {
  font-size: 18px;
}
.serve-placement a .serves-made-label,
.serve-placement a .serves-won-label {
  display: block;
  text-align: center;
  font-size: 12px;
  font-family: "roboto_bold";
  margin-top: 5px;
  padding: 0 5px;
}
.DeuceCourt .serve-placement a .serves-made-label,
.DeuceCourt .serve-placement a .serves-won-label {
  float: left;
}
.AdCourt .serve-placement a .serves-made-label,
.AdCourt .serve-placement a .serves-won-label {
  float: right;
}
.serve-placement .serve-t-link {
  transform: skew(0deg);
  width: 65px;
  background: linear-gradient(to bottom, #5d9fff 0%, #066dab 100%);
}
.serve-placement .serve-t-link:before {
  background: linear-gradient(to bottom, #5d9fff 0%, #066dab 100%);
}
.serve-placement .serve-t-link:hover {
  background: linear-gradient(to bottom, #a6c6f6 0%, #5d9fff 100%);
}
.serve-placement .serve-t-link:hover:before {
  background: linear-gradient(to bottom, #a6c6f6 0%, #5d9fff 100%);
}
.AdCourt .serve-placement .serve-t-link:before {
  transform: skew(-3deg);
  left: -2px;
}
.DeuceCourt .serve-placement .serve-t-link:before {
  transform: skew(3deg);
  right: -2px;
}
.serve-placement .serve-mid-link {
  width: 65px;
  background: linear-gradient(to bottom, #5d9fff 0%, #066dab 100%);
}
.serve-placement .serve-mid-link:before {
  background: linear-gradient(to bottom, #5d9fff 0%, #066dab 100%);
}
.serve-placement .serve-mid-link:hover {
  background: linear-gradient(to bottom, #a6c6f6 0%, #5d9fff 100%);
}
.serve-placement .serve-mid-link:hover:before {
  background: linear-gradient(to bottom, #a6c6f6 0%, #5d9fff 100%);
}
.AdCourt .serve-placement .serve-mid-link {
  transform: skew(-3deg);
  left: -3px;
}
.AdCourt .serve-placement .serve-mid-link:before {
  transform: skew(-4deg);
  left: -5px;
}
.DeuceCourt .serve-placement .serve-mid-link {
  transform: skew(3deg);
  right: -3px;
}
.DeuceCourt .serve-placement .serve-mid-link:before {
  transform: skew(4deg);
  right: -5px;
}
.serve-placement .serve-wide-link {
  width: 66px;
  background: linear-gradient(to bottom, #5d9fff 0%, #066dab 100%);
}
.serve-placement .serve-wide-link:before {
  background: linear-gradient(to bottom, #5d9fff 0%, #066dab 100%);
}
.serve-placement .serve-wide-link:hover {
  background: linear-gradient(to bottom, #a6c6f6 0%, #5d9fff 100%);
}
.serve-placement .serve-wide-link:hover:before {
  background: linear-gradient(to bottom, #a6c6f6 0%, #5d9fff 100%);
}
.AdCourt .serve-placement .serve-wide-link {
  transform: skew(-7deg);
  left: -8px;
}
.AdCourt .serve-placement .serve-wide-link:before {
  transform: skew(-4deg);
  left: -7px;
}
.DeuceCourt .serve-placement .serve-wide-link {
  transform: skew(7deg);
  right: -8px;
}
.DeuceCourt .serve-placement .serve-wide-link:before {
  transform: skew(4deg);
  right: -7px;
}
.serve-placement div, .serve-placement span {
  display: block;
  z-index: 20;
  position: relative;
}
.serve-placement .section-label {
  margin-top: 20px;
  font-family: "roboto_bold";
  color: #fff;
}
.serve-placement .section-label:hover {
  color: #333;
}

.alley-court {
  position: absolute;
  width: 100%;
  height: 600px;
  left: 0;
  background-color: #92dcff;
  display: none;
  padding-left: 20px;
}
.alley-court .detail-section-title {
  float: left;
  width: 100%;
  height: 40px;
}
.alley-court .detail-section-title h2 {
  font-size: 16px;
  color: #333;
  margin: 10px 20px;
  font-family: "roboto_bold";
  float: left;
}
.alley-court .detail-section-title .close-section {
  margin: 10px 20px;
  right: 0;
  font-size: 16px;
  float: right;
  border: 1px solid #4ec9f6;
  border-radius: 4px;
  padding: 0 5px;
  background: #051224;
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid #0595cb;
  border-top: 1px solid #8adffe;
}
.alley-court .detail-section-title .close-section:hover {
  border: 1px solid #4ec9f6;
  border-bottom: 1px solid #051224;
  border-top: 1px solid #4ec9f6;
  background: #4ec9f6;
}
.alley-court .detail-section-content {
  float: left;
  width: 100%;
}
.alley-court .detail-controls {
  float: left;
  margin: 0 20px;
  width: 185px;
  position: relative;
}
.alley-court .section-highlight {
  width: 181px;
  height: 105px;
  position: absolute;
  top: 166px;
  overflow: hidden;
}
.alley-court .section-highlight:before {
  width: 2px;
  content: "";
  position: absolute;
  height: 123px;
  top: 0px;
  border-left: 1px solid #fff;
  border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), #82a1af) 1 100%;
}
.alley-court .section-highlight:after {
  width: 2px;
  content: "";
  position: absolute;
  height: 123px;
  top: 0px;
  border-left: 1px solid #fff;
  border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), #82a1af) 1 100%;
}
.alley-court .detail-target-container {
  float: left;
  position: relative;
  margin-top: 30px;
}
.alley-court .small-court {
  width: 181px;
  margin: 10px 0;
  background-size: contain;
  background-repeat: no-repeat;
}
.serve_AdCourt .alley-court .small-court {
  float: right;
  margin-right: 4px;
}
.serve_AdCourt .alley-court .small-court .in-bounds {
  margin-left: 2px;
}
.serve_DeuceCourt .alley-court .small-court {
  float: left;
}
.serve_DeuceCourt .alley-court .small-court .in-bounds {
  margin-right: 2px;
}
.alley-court .small-court .court-lines {
  width: 182px;
  float: inherit;
  background: linear-gradient(to bottom, white 0%, white 60%, white 60%, #92dcff 100%);
  border-top: 4px solid #fff;
}
.alley-court .small-court .court-lines .court-control {
  width: 180px;
  height: 216px;
  display: table;
  border-collapse: collapse;
  float: inherit;
}
.alley-court .small-court .court-lines .court-control .in-bounds {
  width: 138px;
  height: 210px;
  background: linear-gradient(to bottom, #00aeef 0%, #00aeef 60%, #00aeef 60%, #92dcff 100%);
  display: table;
  border-collapse: collapse;
  float: inherit;
}
.alley-court .small-court .court-lines .court-control .out-bounds {
  width: 40px;
  float: inherit;
  height: 210px;
  background: linear-gradient(to bottom, #00aeef 0%, #00aeef 60%, #00aeef 60%, #92dcff 100%);
}
.alley-court .small-court .court-lines .court-control .service-box {
  float: inherit;
  width: 100%;
}
.alley-court .small-court .court-lines .court-control .service-box .small-mid {
  border-right: 1px dotted #fff;
  border-left: 1px dotted #fff;
  width: 47px;
}
.alley-court .small-court .court-lines .court-control .baseline {
  float: inherit;
  width: 100%;
  border-top: 1px solid #fff;
}
.alley-court .small-court .court-lines .court-control .baseline p {
  color: #fff;
  font-size: 14px;
  text-align: center;
}
.alley-court .small-court .court-lines .court-control .serve-section {
  float: inherit;
  width: 45px;
  height: 150px;
  display: table-cell;
  background: #051224;
  border-collapse: collapse;
  cursor: pointer;
  transition: all 0.3s ease;
}
.alley-court .small-court .court-lines .court-control .serve-section:hover {
  background: rgba(203, 236, 251, 0.75);
}
.alley-court .small-court .court-lines .court-control .serve-section .mid-slice, .alley-court .small-court .court-lines .court-control .serve-section .deep-slice {
  float: left;
  width: 15px;
  display: table;
  border-collapse: collapse;
}
.alley-court .small-court .court-lines .court-control .serve-section .mid-slice {
  height: 100px;
}
.alley-court .small-court .court-lines .court-control .serve-section .deep-slice {
  height: 50px;
}
.alley-court div[class^=detailed-stats_] {
  width: 540px;
  float: left;
  display: none;
}
.alley-court div[class^=subSection_] {
  display: none;
  width: 100%;
  border: 1px solid #8cc63f;
  background: rgba(140, 198, 63, 0.5);
  margin: 10px 0;
  padding: 10px;
  float: left;
  color: #333;
  height: 240px;
}
.alley-court div[class^=subSection_] h3 {
  font-size: 14px;
  font-family: "roboto_bold";
  border-bottom: 1px dotted rgba(51, 51, 51, 0.43);
  padding-bottom: 10px;
}
.alley-court div[class^=subSection_] .subsection-label {
  float: left;
  font-size: 12px;
}
.alley-court div[class^=subSection_] .subsection-value {
  float: right;
  font-size: 13px;
  font-family: "roboto_bold";
}
.alley-court div[class^=subSection_] .stat-column {
  float: left;
  width: 33%;
  margin-top: 5px;
  padding: 5px 5px 10px 5px;
  height: calc(100% - 30px);
}
.alley-court div[class^=subSection_] .stat-column:nth-child(3) {
  background: rgba(0, 0, 0, 0.05);
}
.alley-court div[class^=subSection_] .half-container {
  width: 49%;
  float: left;
}
.alley-court div[class^=subSection_] .circle-chart-text {
  height: 80px;
  padding-top: 25px;
}
.alley-court div[class^=subSection_] .full-container {
  width: 100%;
  float: left;
}
.alley-court div[class^=subSection_] .full-container h4 {
  font-size: 14px;
  font-family: "roboto_bold";
  margin-bottom: 10px;
}
.alley-court div[class^=subSection_] .full-container.centered * {
  width: 100%;
  text-align: center;
  display: inline-block;
}
.alley-court div[class^=subSection_] .full-container.centered .subsection-value {
  margin-top: 15px;
}
.alley-court div[class^=subSection_] .label-value {
  width: 100%;
  float: left;
}
.alley-court div[class^=subSection_] .pct-txt {
  background: #8fd19f;
}
.alley-court div[class$=_Summary] {
  border-color: #82a1af;
  background: rgba(203, 236, 251, 0.5);
}
.alley-court div[class$=_Summary] .bar-chart-fill {
  background: #1683c1;
}
.alley-court div[class$=_Summary] .pct-txt {
  background: #afe4fd;
}
.alley-court.T_selected .detail-targets_T {
  display: block;
}
.alley-court.T_selected .detailed-stats_T {
  display: block;
}
.alley-court.T_selected .detailed-stats_T .subSection_T_Summary {
  display: block;
}
.alley-court.T_selected .court-control .serve-section.small-t {
  background: #cbecfb;
}
.alley-court.T_selected .court-control .serve-section.small-t:hover {
  background: #cbecfb;
}
.alley-court.T_selected.MiddleLeft .subSection_T_MiddleLeft {
  display: block;
}
.alley-court.T_selected.MiddleLeft .small-t .mid-left {
  background: #8cc63f;
}
.alley-court.T_selected.MiddleCenter .subSection_T_MiddleCenter {
  display: block;
}
.alley-court.T_selected.MiddleCenter .small-t .mid-center {
  background: #8cc63f;
}
.alley-court.T_selected.MiddleRight .subSection_T_MiddleRight {
  display: block;
}
.alley-court.T_selected.MiddleRight .small-t .mid-right {
  background: #8cc63f;
}
.alley-court.T_selected.DeepLeft .subSection_T_DeepLeft {
  display: block;
}
.alley-court.T_selected.DeepLeft .small-t .deep-left {
  background: #8cc63f;
}
.alley-court.T_selected.DeepCenter .subSection_T_DeepCenter {
  display: block;
}
.alley-court.T_selected.DeepCenter .small-t .deep-center {
  background: #8cc63f;
}
.alley-court.T_selected.DeepRight .subSection_T_DeepRight {
  display: block;
}
.alley-court.T_selected.DeepRight .small-t .deep-right {
  background: #8cc63f;
}
.alley-court.Mid_selected .detail-targets_Mid {
  display: block;
}
.alley-court.Mid_selected .detailed-stats_Mid {
  display: block;
}
.alley-court.Mid_selected .detailed-stats_Mid .subSection_Mid_Summary {
  display: block;
}
.alley-court.Mid_selected .court-control .serve-section.small-mid {
  background: #cbecfb;
}
.alley-court.Mid_selected .court-control .serve-section.small-mid:hover {
  background: #cbecfb;
}
.alley-court.Mid_selected.MiddleLeft .subSection_Mid_MiddleLeft {
  display: block;
}
.alley-court.Mid_selected.MiddleLeft .small-mid .mid-left {
  background: #8cc63f;
}
.alley-court.Mid_selected.MiddleCenter .subSection_Mid_MiddleCenter {
  display: block;
}
.alley-court.Mid_selected.MiddleCenter .small-mid .mid-center {
  background: #8cc63f;
}
.alley-court.Mid_selected.MiddleRight .subSection_Mid_MiddleRight {
  display: block;
}
.alley-court.Mid_selected.MiddleRight .small-mid .mid-right {
  background: #8cc63f;
}
.alley-court.Mid_selected.DeepLeft .subSection_Mid_DeepLeft {
  display: block;
}
.alley-court.Mid_selected.DeepLeft .small-mid .deep-left {
  background: #8cc63f;
}
.alley-court.Mid_selected.DeepCenter .subSection_Mid_DeepCenter {
  display: block;
}
.alley-court.Mid_selected.DeepCenter .small-mid .deep-center {
  background: #8cc63f;
}
.alley-court.Mid_selected.DeepRight .subSection_Mid_DeepRight {
  display: block;
}
.alley-court.Mid_selected.DeepRight .small-mid .deep-right {
  background: #8cc63f;
}
.alley-court.Wide_selected .detail-targets_Wide {
  display: block;
}
.alley-court.Wide_selected .detailed-stats_Wide {
  display: block;
}
.alley-court.Wide_selected .detailed-stats_Wide .subSection_Wide_Summary {
  display: block;
}
.alley-court.Wide_selected .court-control .serve-section.small-wide {
  background: #cbecfb;
}
.alley-court.Wide_selected .court-control .serve-section.small-wide:hover {
  background: #cbecfb;
}
.alley-court.Wide_selected.MiddleLeft .subSection_Wide_MiddleLeft {
  display: block;
}
.alley-court.Wide_selected.MiddleLeft .small-wide .mid-left {
  background: #8cc63f;
}
.alley-court.Wide_selected.MiddleCenter .subSection_Wide_MiddleCenter {
  display: block;
}
.alley-court.Wide_selected.MiddleCenter .small-wide .mid-center {
  background: #8cc63f;
}
.alley-court.Wide_selected.MiddleRight .subSection_Wide_MiddleRight {
  display: block;
}
.alley-court.Wide_selected.MiddleRight .small-wide .mid-right {
  background: #8cc63f;
}
.alley-court.Wide_selected.DeepLeft .subSection_Wide_DeepLeft {
  display: block;
}
.alley-court.Wide_selected.DeepLeft .small-wide .deep-left {
  background: #8cc63f;
}
.alley-court.Wide_selected.DeepCenter .subSection_Wide_DeepCenter {
  display: block;
}
.alley-court.Wide_selected.DeepCenter .small-wide .deep-center {
  background: #8cc63f;
}
.alley-court.Wide_selected.DeepRight .subSection_Wide_DeepRight {
  display: block;
}
.alley-court.Wide_selected.DeepRight .small-wide .deep-right {
  background: #8cc63f;
}

.attempted-pct {
  font-size: 18px;
}

.attempted {
  font-size: 14px;
  color: #f0e68c;
  display: block;
}

.made-pct {
  font-size: 20px;
}

.made {
  font-size: 14px;
  color: #333;
  display: block;
}

.won-pct {
  font-size: 20px;
}

.won {
  font-size: 14px;
  color: #333;
  display: block;
}

.t-section,
.middle-section,
.wide-section {
  width: 33%;
  display: table-cell;
  text-align: center;
}

.stats-summary {
  display: table;
  color: #fff;
  margin: 30px auto 10px;
  width: 50%;
}

.summary-title {
  float: left;
  width: 100%;
  padding: 5px 5px 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #12b0eb;
}
.summary-title span {
  font-size: 16px;
  font-family: "roboto_bold";
  float: left;
}
.summary-title a {
  float: right;
  right: 0;
  font-size: 12px;
  float: right;
  border: 1px solid #4ec9f6;
  border-radius: 4px;
  padding: 0 5px;
  background: #051224;
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid #0595cb;
  border-top: 1px solid #8adffe;
}
.summary-title a:hover {
  border: 1px solid #4ec9f6;
  border-bottom: 1px solid #051224;
  border-top: 1px solid #4ec9f6;
  background: #4ec9f6;
}

.return-serve-summary {
  width: 50%;
  font-size: 12px;
  float: left;
  padding: 3px;
  margin-bottom: 2px;
}
.return-serve-summary .donut-container {
  width: 120px;
  height: 120px;
  background: #051224;
  margin: 0 auto;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}
.return-serve-summary .donut-container:after {
  content: "";
  position: absolute;
  width: 60px;
  height: 120px;
  top: 0;
  transform-origin: 100% 50%;
}
.return-serve-summary .donut-container.greater-than:after {
  background: #051224;
  right: 0;
  z-index: 15;
}
.return-serve-summary .donut-container.less-than:after {
  background: #333;
  left: 0;
}
.return-serve-summary .donut-container.greater-than .rotate, .return-serve-summary .donut-container.less-than .rotate {
  background: #333;
  position: absolute;
  width: 60px;
  height: 120px;
  left: 60px;
  top: 0;
  transform-origin: 0 50%;
}
.return-serve-summary .donut-container .pct-txt {
  height: 80px;
  width: 80px;
  border-radius: 50%;
  background: #7cbdd6;
  position: absolute;
  top: 20px;
  left: 20px;
  line-height: 80px;
  text-align: center;
  font-size: 18px;
  font-family: "roboto_bold";
  z-index: 20;
  color: #333;
}

.first-serve,
.first-serve-won {
  font-size: 12px;
  width: 100%;
  float: left;
  padding: 3px;
  margin-bottom: 2px;
}

.court-distribution {
  background: url("../../atpwt/images/placeholders/court-distribution.png") no-repeat top right;
  float: left;
  width: 50%;
  background-position-y: 20px;
}
.court-distribution .short-court {
  float: left;
  font-size: 12px;
  width: 45%;
  margin: 9px 3px 0;
  clear: both;
  height: 59px;
  line-height: 59px;
  position: relative;
}
.court-distribution .short-court:after {
  content: "";
  position: absolute;
  width: 200px;
  height: 1px;
  border-top: 1px dashed #5a5f61;
  bottom: 0;
  left: 0;
}
.court-distribution .short-court .summary-label {
  float: left;
}
.court-distribution .short-court .summary-value {
  float: right;
  font-family: "roboto_bold";
  font-size: 14px;
  margin-right: 5px;
}
.court-distribution .mid-court {
  float: left;
  font-size: 12px;
  width: 45%;
  clear: both;
  margin: 0 3px;
  height: 26px;
  line-height: 26px;
  position: relative;
}
.court-distribution .mid-court:after {
  content: "";
  position: absolute;
  width: 200px;
  height: 1px;
  border-top: 1px dashed #5a5f61;
  bottom: 0;
  left: 0;
}
.court-distribution .mid-court .summary-label {
  float: left;
}
.court-distribution .mid-court .summary-value {
  float: right;
  font-family: "roboto_bold";
  font-size: 14px;
  margin-right: 5px;
}
.court-distribution .deep-court {
  float: left;
  font-size: 12px;
  width: 45%;
  float: left;
  margin: 0 3px;
  height: 26px;
  line-height: 26px;
  clear: both;
  position: relative;
}
.court-distribution .deep-court .summary-label {
  float: left;
}
.court-distribution .deep-court .summary-value {
  float: right;
  font-family: "roboto_bold";
  font-size: 14px;
  margin-right: 5px;
}

.ad-deuce-section {
  float: left;
  width: 100%;
  font-size: 12px;
}
.ad-deuce-section:before {
  content: "";
  width: 1px;
  height: 157px;
  border-right: 1px dashed #5a5f61;
  position: absolute;
  right: 62px;
  bottom: 0;
}
.ad-deuce-section .summary-label {
  display: block;
  text-align: center;
}
.ad-deuce-section .summary-value {
  font-family: "roboto_bold";
  display: block;
  font-size: 14px;
  margin-top: 5px;
  text-align: center;
}
.ad-deuce-section .ad-side {
  float: right;
  width: 55px;
}
.ad-deuce-section .deuce-side {
  float: right;
  text-align: right;
  margin-right: 8px;
  width: 55px;
}

.first-serve .summary-label,
.first-serve-won .summary-label {
  float: left;
}

.first-serve .summary-value,
.first-serve-won .summary-value {
  float: right;
}

.attempted-label {
  margin-top: 20px;
}

.made-label {
  margin-top: 51px;
}

.won-label {
  margin-top: 75px;
}

.stats-options-title,
.split-server-title,
.split-returner-title {
  font-family: "roboto_regular";
  text-align: center;
  font-size: 14px;
  color: #333;
}

.return-details {
  display: none;
  position: absolute;
  top: 232px;
  left: 175px;
  width: 390px;
}
.return-details .return-details-title {
  background: #333;
  width: 100%;
  padding: 10px;
  height: 40px;
}
.return-details .return-details-title:before {
  content: "";
  position: absolute;
  height: 40px;
  width: 10px;
  transform: skew(-10deg);
  right: calc(100% - 6px);
  top: 0px;
  background: inherit;
}
.return-details .return-details-title:after {
  content: "";
  position: absolute;
  height: 40px;
  width: 10px;
  transform: skew(10deg);
  left: calc(100% - 6px);
  top: 0px;
  background: inherit;
}
.return-details .return-details-title span {
  font-size: 14px;
  font-family: "roboto_bold";
  color: #fff;
}
.return-details .return-details-title a {
  float: right;
  right: 0;
  font-size: 12px;
  float: right;
  border: 1px solid #4ec9f6;
  border-radius: 4px;
  padding: 0 5px;
  background: #051224;
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid #0595cb;
  border-top: 1px solid #8adffe;
}
.return-details .return-details-title a:hover {
  border: 1px solid #4ec9f6;
  border-bottom: 1px solid #051224;
  border-top: 1px solid #4ec9f6;
  background: #4ec9f6;
}

.show-return_T.show-details .return-details_T {
  display: block;
}
.show-return_T.show-details .return_T {
  animation: fadeOut 1s;
}
.show-return_T.show-summary .return_T {
  display: block;
}
.show-return_T.show-summary .return-details_T {
  animation: fadeOut 1s;
}

.show-return_Mid.show-details .return-details_Mid {
  display: block;
}
.show-return_Mid.show-summary .return_Mid {
  display: block;
}

.show-return_Wide.show-details .return-details_Wide {
  display: block;
}
.show-return_Wide.show-summary .return_Wide {
  display: block;
}

.DeuceCourtServeReturnStats.show-return_T .return-t-link {
  color: #333;
  background: linear-gradient(to bottom, #80b0f5 0%, #5d9fff 100%);
}
.DeuceCourtServeReturnStats.show-return_T .return-t-link:before {
  background: linear-gradient(to bottom, #80b0f5 0%, #5d9fff 100%);
}
.DeuceCourtServeReturnStats.show-return_T .return-t-link:after {
  background: linear-gradient(to left, #5d9fff 0%, rgba(135, 224, 253, 0) 100%);
}
.DeuceCourtServeReturnStats.show-return_Mid .return-mid-link {
  color: #333;
  background: linear-gradient(to bottom, #80b0f5 0%, #5d9fff 100%);
}
.DeuceCourtServeReturnStats.show-return_Mid .return-mid-link:before {
  background: linear-gradient(to bottom, #80b0f5 0%, #5d9fff 100%);
}
.DeuceCourtServeReturnStats.show-return_Mid .return-mid-link:after {
  background: linear-gradient(to left, #5d9fff 0%, rgba(135, 224, 253, 0) 100%);
}
.DeuceCourtServeReturnStats.show-return_Wide .return-wide-link {
  color: #333;
  background: linear-gradient(to bottom, #80b0f5 0%, #5d9fff 100%);
}
.DeuceCourtServeReturnStats.show-return_Wide .return-wide-link:before {
  background: linear-gradient(to bottom, #80b0f5 0%, #5d9fff 100%);
}
.DeuceCourtServeReturnStats.show-return_Wide .return-wide-link:after {
  background: linear-gradient(to left, #5d9fff 0%, rgba(135, 224, 253, 0) 100%);
}

.AdCourtServeReturnStats.show-return_T .return-t-link {
  color: #333;
  background: linear-gradient(to bottom, #80b0f5 0%, #5d9fff 100%);
}
.AdCourtServeReturnStats.show-return_T .return-t-link:before {
  background: linear-gradient(to right, #5d9fff 0%, rgba(135, 224, 253, 0) 100%);
}
.AdCourtServeReturnStats.show-return_T .return-t-link:after {
  background: linear-gradient(to bottom, #80b0f5 0%, #5d9fff 100%);
}
.AdCourtServeReturnStats.show-return_Mid .return-mid-link {
  color: #333;
  background: linear-gradient(to bottom, #80b0f5 0%, #5d9fff 100%);
}
.AdCourtServeReturnStats.show-return_Mid .return-mid-link:before {
  background: linear-gradient(to right, #5d9fff 0%, rgba(135, 224, 253, 0) 100%);
}
.AdCourtServeReturnStats.show-return_Mid .return-mid-link:after {
  background: linear-gradient(to bottom, #80b0f5 0%, #5d9fff 100%);
}
.AdCourtServeReturnStats.show-return_Wide .return-wide-link {
  color: #333;
  background: linear-gradient(to bottom, #80b0f5 0%, #5d9fff 100%);
}
.AdCourtServeReturnStats.show-return_Wide .return-wide-link:before {
  background: linear-gradient(to right, #5d9fff 0%, rgba(135, 224, 253, 0) 100%);
}
.AdCourtServeReturnStats.show-return_Wide .return-wide-link:after {
  background: linear-gradient(to bottom, #80b0f5 0%, #5d9fff 100%);
}

.section-summary-container {
  position: absolute;
  top: 235px;
  left: 125px;
}

.return-section-summary {
  display: none;
  color: #333;
  float: right;
  background: #7cbdd6;
  border: 1px solid #051224;
  margin: 20px;
  width: 450px;
  height: 300px;
  padding: 10px;
  box-shadow: 0px 5px 20px #4a5e66;
  position: relative;
  z-index: 15;
  transition: all 0.8s ease;
}
.return-section-summary * {
  position: inherit;
  z-index: inherit;
}
.return-section-summary .label-value {
  width: 100%;
  text-align: center;
}
.return-section-summary .subsection-value {
  font-family: "roboto_bold";
  width: 100%;
  text-align: center;
  font-size: 14px;
}
.return-section-summary h3 {
  font-size: 14px;
  padding-left: 3px;
  font-family: "roboto_bold";
}

.total-returns-text {
  float: left;
  width: calc(100% - 105px);
  margin-top: 33px;
}
.total-returns-text .summary-points-won {
  float: left;
  width: 100%;
}
.total-returns-text .summary-points-won span {
  font-size: 14px;
}
.total-returns-text .summary-points-won span:last-child {
  font-family: "roboto_bold";
}

.summary-chart {
  width: 150px;
  height: 150px;
  position: relative;
  margin: 0 auto;
}
.summary-chart span {
  display: block;
  line-height: 150px;
  width: 100%;
  text-align: center;
  position: absolute;
  top: 0;
  vertical-align: middle;
  font-size: 22px;
  font-family: "roboto_bold";
}

.section-stats-container .section-stats-text {
  width: calc(100% - 80px);
  float: left;
  margin-top: 20px;
  color: #333;
}
.section-stats-container .section-stats-text .section-stats-text-line {
  width: 100%;
  float: left;
}
.section-stats-container .section-stats-text .return-label {
  float: left;
  color: #333;
  text-shadow: none;
  font-size: 12px;
  display: inline;
}
.section-stats-container .section-stats-text .made,
.section-stats-container .section-stats-text .won {
  float: right;
  color: #333;
  text-shadow: none;
}

.won-chart {
  width: 70px;
  height: 70px;
  position: relative;
  float: right;
}

.frequency-container .return-label {
  float: left;
  width: calc(100% - 80px);
  color: #333;
  text-shadow: none;
  text-align: left;
  font-size: 14px;
  font-family: "roboto_bold";
  display: inline;
}
.frequency-container .made-pct {
  color: #333;
  text-shadow: none;
  font-size: 15px;
  font-family: "roboto_bold";
}

.serve-placement-section {
  position: absolute;
  top: 110px;
}
.stats-court .serve-placement-section {
  display: none;
}
.stats-court.AdCourtServeReturnStats .serve-placement-section {
  display: block;
  left: 373px;
}
.stats-court.AdCourtServeReturnStats .serve-placement-section a {
  float: left;
}
.stats-court.AdCourtServeReturnStats .serve-placement-section a:after {
  content: "";
  position: absolute;
  height: 90px;
  width: 7px;
  top: 0;
  border-right: 1px dotted #fff;
}
.stats-court.AdCourtServeReturnStats .serve-placement-section a:hover:before {
  content: "";
  position: absolute;
  height: 90px;
  width: 6px;
  top: 0;
  left: 0;
  background: linear-gradient(to right, #5d9fff 0%, rgba(135, 224, 253, 0) 100%);
}
.stats-court.AdCourtServeReturnStats .serve-placement-section .return-t-link:after {
  transform: skew(3deg);
  right: -3px;
}
.stats-court.AdCourtServeReturnStats .serve-placement-section .return-mid-link {
  transform: skew(3deg);
  right: -3px;
}
.stats-court.AdCourtServeReturnStats .serve-placement-section .return-mid-link:after {
  transform: skew(5deg);
  right: -3px;
}
.stats-court.AdCourtServeReturnStats .serve-placement-section .return-wide-link {
  transform: skew(8deg);
  right: -6px;
}
.stats-court.AdCourtServeReturnStats .serve-placement-section .return-wide-link:after {
  transform: skew(3deg);
  right: -3px;
}
.stats-court.DeuceCourtServeReturnStats .serve-placement-section {
  display: block;
  left: 198px;
}
.stats-court.DeuceCourtServeReturnStats .serve-placement-section a {
  float: right;
}
.stats-court.DeuceCourtServeReturnStats .serve-placement-section a:before {
  content: "";
  position: absolute;
  height: 90px;
  width: 7px;
  top: 0;
  border-left: 1px dotted #fff;
}
.stats-court.DeuceCourtServeReturnStats .serve-placement-section a:hover:after {
  content: "";
  position: absolute;
  height: 90px;
  width: 6px;
  top: 0;
  right: 0;
  background: linear-gradient(to left, #5d9fff 0%, rgba(135, 224, 253, 0) 100%);
}
.stats-court.DeuceCourtServeReturnStats .serve-placement-section .return-t-link:before {
  transform: skew(-3deg);
  left: -3px;
}
.stats-court.DeuceCourtServeReturnStats .serve-placement-section .return-mid-link {
  transform: skew(-3deg);
  left: -3px;
}
.stats-court.DeuceCourtServeReturnStats .serve-placement-section .return-mid-link:before {
  transform: skew(-5deg);
  left: -3px;
}
.stats-court.DeuceCourtServeReturnStats .serve-placement-section .return-wide-link {
  transform: skew(-8deg);
  left: -6px;
}
.stats-court.DeuceCourtServeReturnStats .serve-placement-section .return-wide-link:before {
  transform: skew(-3deg);
  left: -3px;
}
.serve-placement-section a {
  color: #fff;
  font-size: 14px;
  width: 57px;
  display: block;
  background: linear-gradient(to bottom, #87e0fd 0%, #5d9fff 100%);
  height: 90px;
  position: relative;
  text-align: center;
  line-height: 1;
  padding-top: 30px;
}
.serve-placement-section a span {
  display: block;
}
.serve-placement-section a:before, .serve-placement-section a:after {
  background: linear-gradient(to bottom, #87e0fd 0%, #5d9fff 100%);
}
.serve-placement-section a:hover {
  color: #333;
  background: linear-gradient(to bottom, #80b0f5 0%, #5d9fff 100%);
}
.serve-placement-section a:hover:before, .serve-placement-section a:hover:after {
  background: linear-gradient(to bottom, #80b0f5 0%, #5d9fff 100%);
}
.serve-placement-section .selected {
  color: #333;
  background: linear-gradient(to bottom, #80b0f5 0%, #5d9fff 100%);
}
.serve-placement-section .selected:before, .serve-placement-section .selected:after {
  background: linear-gradient(to bottom, #80b0f5 0%, #5d9fff 100%);
}

.circle-chart-container {
  height: 80px;
  width: 80px;
  position: relative;
  margin: 0 auto;
}
.circle-chart-container span {
  position: absolute;
  display: block;
  top: 0;
  line-height: 85px;
  text-align: center;
  width: 100%;
  font-size: 18px;
  font-family: "roboto_bold";
}

div[class^=detail-targets_] {
  width: 181px;
  float: left;
  display: none;
  padding: 5px 2px 5px 6px;
  background: #82a1af;
}
div[class^=detail-targets_] a {
  width: 33%;
  display: block;
  float: left;
  border: 1px solid #82a1af;
  background: #cbecfb;
}
div[class^=detail-targets_] a:hover {
  background: #badd8c;
}
div[class^=detail-targets_] .selected {
  background: #8cc63f;
}
div[class^=detail-targets_] .selected:hover {
  background: #8cc63f;
}
div[class^=detail-targets_] a[class^=mid] {
  height: 160px;
}
div[class^=detail-targets_] a[class^=deep] {
  height: 80px;
}

.vertical-text {
  transform: rotate(-90deg);
  transform-origin: left bottom 0;
  float: left;
  position: absolute;
  bottom: 21px;
  font-size: 12px;
  width: 240px;
}
.vertical-text .mid-label {
  width: 160px;
  float: left;
  text-align: center;
}
.vertical-text .mid-label span {
  display: block;
}
.vertical-text .deep-label {
  width: 80px;
  float: left;
  text-align: center;
}
.vertical-text .deep-label span {
  display: block;
}

.horizontal-text {
  width: 100%;
  display: table;
}
.horizontal-text span {
  display: table-cell;
  font-size: 12px;
  text-align: center;
  width: 33%;
}

.loader,
.loader:before,
.loader:after {
  background: #ffffff;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}

.loading-container {
  display: none;
  position: absolute;
  left: 185px;
  width: calc(100% - 185px);
  height: 600px;
  background: rgba(146, 220, 255, 0.64);
  z-index: 1000;
}

.loader {
  color: #ffffff;
  text-indent: -9999em;
  margin: 216px auto;
  position: relative;
  font-size: 11px;
  transform: translateZ(0);
  animation-delay: -0.16s;
}

.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: "";
}

.loader:before {
  left: -1.5em;
  animation-delay: -0.32s;
}

.loader:after {
  left: 1.5em;
}
@keyframes load1 {
  0%, 80%, 100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}
#serveTracking .player-name {
  top: -226px;
}
#serveTracking .opponent-name {
  top: 350px;
}

#returnTracking .player-name {
  top: 5px;
}
#returnTracking .opponent-name {
  top: 580px;
}

#AdCourt .player-name {
  left: 100%;
}

#AdCourt .opponent-name {
  right: 0;
  text-align: right;
}

#DeuceCourt .player-name {
  right: 100%;
  text-align: right;
}

#DeuceCourt .opponent-name {
  left: 0;
}

.AdCourtServeReturnStats .player-name {
  left: 370px;
}

.AdCourtServeReturnStats .opponent-name {
  left: 70px;
  text-align: right;
}

.DeuceCourtServeReturnStats .player-name {
  left: 70px;
  text-align: right;
}

.DeuceCourtServeReturnStats .opponent-name {
  right: 180px;
}

/*Serve Section*/
.alley-court div[class^=subSection_] .donut-container {
  width: 80px;
  height: 80px;
  background: #16a539;
  margin: 0 auto;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}
.alley-court div[class^=subSection_] .donut-container:after {
  content: "";
  position: absolute;
  width: 40px;
  height: 80px;
  top: 0;
  transform-origin: 100% 50%;
}
.alley-court div[class^=subSection_] .donut-container.greater-than:after {
  background: #16a539;
  right: 0;
  z-index: 15;
}
.alley-court div[class^=subSection_] .donut-container.less-than:after {
  background: #333;
  left: 0;
}
.alley-court div[class^=subSection_] .donut-container.greater-than .rotate, .alley-court div[class^=subSection_] .donut-container.less-than .rotate {
  background: #333;
  position: absolute;
  width: 40px;
  height: 80px;
  left: 40px;
  top: 0;
  transform-origin: 0 50%;
}
.alley-court div[class^=subSection_] .donut-container .pct-txt {
  height: 55px;
  width: 55px;
  border-radius: 50%;
  background: #8fd19f;
  position: absolute;
  top: 12.5px;
  left: 12.5px;
  line-height: 55px;
  text-align: center;
  font-size: 18px;
  font-family: "roboto_bold";
  z-index: 20;
  color: #333;
}

.alley-court div[class$=Summary] .donut-container {
  width: 80px;
  height: 80px;
  background: #051224;
  margin: 0 auto;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}
.alley-court div[class$=Summary] .donut-container:after {
  content: "";
  position: absolute;
  width: 40px;
  height: 80px;
  top: 0;
  transform-origin: 100% 50%;
}
.alley-court div[class$=Summary] .donut-container.greater-than:after {
  background: #051224;
  right: 0;
  z-index: 15;
}
.alley-court div[class$=Summary] .donut-container.less-than:after {
  background: #333;
  left: 0;
}
.alley-court div[class$=Summary] .donut-container.greater-than .rotate, .alley-court div[class$=Summary] .donut-container.less-than .rotate {
  background: #333;
  position: absolute;
  width: 40px;
  height: 80px;
  left: 40px;
  top: 0;
  transform-origin: 0 50%;
}
.alley-court div[class$=Summary] .donut-container .pct-txt {
  height: 55px;
  width: 55px;
  border-radius: 50%;
  background: #afe4fd;
  position: absolute;
  top: 12.5px;
  left: 12.5px;
  line-height: 55px;
  text-align: center;
  font-size: 18px;
  font-family: "roboto_bold";
  z-index: 20;
  color: #333;
}

.ServiceBox_container .deuce-section .donut-container {
  width: 65px;
  height: 65px;
  background: #051224;
  margin: 0 auto;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}
.ServiceBox_container .deuce-section .donut-container:after {
  content: "";
  position: absolute;
  width: 32.5px;
  height: 65px;
  top: 0;
  transform-origin: 100% 50%;
}
.ServiceBox_container .deuce-section .donut-container.greater-than:after {
  background: #051224;
  right: 0;
  z-index: 15;
}
.ServiceBox_container .deuce-section .donut-container.less-than:after {
  background: #333;
  left: 0;
}
.ServiceBox_container .deuce-section .donut-container.greater-than .rotate, .ServiceBox_container .deuce-section .donut-container.less-than .rotate {
  background: #333;
  position: absolute;
  width: 32.5px;
  height: 65px;
  left: 32.5px;
  top: 0;
  transform-origin: 0 50%;
}
.ServiceBox_container .deuce-section .donut-container .pct-txt {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background: #8cc63f;
  position: absolute;
  top: 7.5px;
  left: 7.5px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  font-family: "roboto_bold";
  z-index: 20;
  color: #333;
}
.ServiceBox_container .ad-section .donut-container {
  width: 65px;
  height: 65px;
  background: #051224;
  margin: 0 auto;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}
.ServiceBox_container .ad-section .donut-container:after {
  content: "";
  position: absolute;
  width: 32.5px;
  height: 65px;
  top: 0;
  transform-origin: 100% 50%;
}
.ServiceBox_container .ad-section .donut-container.greater-than:after {
  background: #051224;
  right: 0;
  z-index: 15;
}
.ServiceBox_container .ad-section .donut-container.less-than:after {
  background: #333;
  left: 0;
}
.ServiceBox_container .ad-section .donut-container.greater-than .rotate, .ServiceBox_container .ad-section .donut-container.less-than .rotate {
  background: #333;
  position: absolute;
  width: 32.5px;
  height: 65px;
  left: 32.5px;
  top: 0;
  transform-origin: 0 50%;
}
.ServiceBox_container .ad-section .donut-container .pct-txt {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background: #d9e021;
  position: absolute;
  top: 7.5px;
  left: 7.5px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  font-family: "roboto_bold";
  z-index: 20;
  color: #333;
}

.Middle_container .deuce-section .donut-container {
  width: 65px;
  height: 65px;
  background: #051224;
  margin: 0 auto;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}
.Middle_container .deuce-section .donut-container:after {
  content: "";
  position: absolute;
  width: 32.5px;
  height: 65px;
  top: 0;
  transform-origin: 100% 50%;
}
.Middle_container .deuce-section .donut-container.greater-than:after {
  background: #051224;
  right: 0;
  z-index: 15;
}
.Middle_container .deuce-section .donut-container.less-than:after {
  background: #333;
  left: 0;
}
.Middle_container .deuce-section .donut-container.greater-than .rotate, .Middle_container .deuce-section .donut-container.less-than .rotate {
  background: #333;
  position: absolute;
  width: 32.5px;
  height: 65px;
  left: 32.5px;
  top: 0;
  transform-origin: 0 50%;
}
.Middle_container .deuce-section .donut-container .pct-txt {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background: #a3d165;
  position: absolute;
  top: 7.5px;
  left: 7.5px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  font-family: "roboto_bold";
  z-index: 20;
  color: #333;
}
.Middle_container .ad-section .donut-container {
  width: 65px;
  height: 65px;
  background: #051224;
  margin: 0 auto;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}
.Middle_container .ad-section .donut-container:after {
  content: "";
  position: absolute;
  width: 32.5px;
  height: 65px;
  top: 0;
  transform-origin: 100% 50%;
}
.Middle_container .ad-section .donut-container.greater-than:after {
  background: #051224;
  right: 0;
  z-index: 15;
}
.Middle_container .ad-section .donut-container.less-than:after {
  background: #333;
  left: 0;
}
.Middle_container .ad-section .donut-container.greater-than .rotate, .Middle_container .ad-section .donut-container.less-than .rotate {
  background: #333;
  position: absolute;
  width: 32.5px;
  height: 65px;
  left: 32.5px;
  top: 0;
  transform-origin: 0 50%;
}
.Middle_container .ad-section .donut-container .pct-txt {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background: #e1e64d;
  position: absolute;
  top: 7.5px;
  left: 7.5px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  font-family: "roboto_bold";
  z-index: 20;
  color: #333;
}

.Baseline_container .deuce-section .donut-container {
  width: 65px;
  height: 65px;
  background: #051224;
  margin: 0 auto;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}
.Baseline_container .deuce-section .donut-container:after {
  content: "";
  position: absolute;
  width: 32.5px;
  height: 65px;
  top: 0;
  transform-origin: 100% 50%;
}
.Baseline_container .deuce-section .donut-container.greater-than:after {
  background: #051224;
  right: 0;
  z-index: 15;
}
.Baseline_container .deuce-section .donut-container.less-than:after {
  background: #333;
  left: 0;
}
.Baseline_container .deuce-section .donut-container.greater-than .rotate, .Baseline_container .deuce-section .donut-container.less-than .rotate {
  background: #333;
  position: absolute;
  width: 32.5px;
  height: 65px;
  left: 32.5px;
  top: 0;
  transform-origin: 0 50%;
}
.Baseline_container .deuce-section .donut-container .pct-txt {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background: #badd8c;
  position: absolute;
  top: 7.5px;
  left: 7.5px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  font-family: "roboto_bold";
  z-index: 20;
  color: #333;
}
.Baseline_container .ad-section .donut-container {
  width: 65px;
  height: 65px;
  background: #051224;
  margin: 0 auto;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}
.Baseline_container .ad-section .donut-container:after {
  content: "";
  position: absolute;
  width: 32.5px;
  height: 65px;
  top: 0;
  transform-origin: 100% 50%;
}
.Baseline_container .ad-section .donut-container.greater-than:after {
  background: #051224;
  right: 0;
  z-index: 15;
}
.Baseline_container .ad-section .donut-container.less-than:after {
  background: #333;
  left: 0;
}
.Baseline_container .ad-section .donut-container.greater-than .rotate, .Baseline_container .ad-section .donut-container.less-than .rotate {
  background: #333;
  position: absolute;
  width: 32.5px;
  height: 65px;
  left: 32.5px;
  top: 0;
  transform-origin: 0 50%;
}
.Baseline_container .ad-section .donut-container .pct-txt {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background: #e8ec7a;
  position: absolute;
  top: 7.5px;
  left: 7.5px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  font-family: "roboto_bold";
  z-index: 20;
  color: #333;
}

.serve_DeuceCourt .T_selected .section-highlight:before {
  left: 0;
  transform: skew(0);
}
.serve_DeuceCourt .T_selected .section-highlight:after {
  left: 125px;
  transform: skew(52deg);
}

.serve_DeuceCourt .Mid_selected .section-highlight:before {
  left: 19px;
  transform: skew(-23deg);
}
.serve_DeuceCourt .Mid_selected .section-highlight:after {
  left: 141px;
  transform: skew(41deg);
}

.serve_DeuceCourt .Wide_selected .section-highlight:before {
  left: 36px;
  transform: skew(-41deg);
}
.serve_DeuceCourt .Wide_selected .section-highlight:after {
  left: 162px;
  transform: skew(22deg);
}

.serve_AdCourt .T_selected .section-highlight:before {
  right: 125px;
  transform: skew(-52deg);
}
.serve_AdCourt .T_selected .section-highlight:after {
  right: 0;
  transform: skew(0);
}

.serve_AdCourt .Mid_selected .section-highlight:before {
  right: 19px;
  transform: skew(23deg);
}
.serve_AdCourt .Mid_selected .section-highlight:after {
  right: 141px;
  transform: skew(-41deg);
}

.serve_AdCourt .Wide_selected .section-highlight:before {
  right: 36px;
  transform: skew(41deg);
}
.serve_AdCourt .Wide_selected .section-highlight:after {
  right: 162px;
  transform: skew(-22deg);
}

.no-data-container {
  display: none;
  position: absolute;
  width: 600px;
  height: 545px;
  background: #cbecfb;
  color: #333;
  margin: 10px 0;
  padding: 50px;
  left: 255px;
  border: 1px solid #82a1af;
  font-size: 16px;
  text-align: left;
  top: 20px;
  z-index: 60;
}

.court-container .click-desc {
  position: absolute;
  color: #ffffff;
  font-size: 12px;
  width: 100%;
  top: 200px;
  text-align: center;
}

/* ==========================================================================
    RACE TO DESTINATION(LONDON/TURIN ETC.)
   ========================================================================== */
.race-to-destination_loader {
  width: 100%;
  min-height: 500px;
  background: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.race-to-destination_loader-loading {
  display: inline-block;
  position: relative;
  width: 48px;
  height: 48px;
}
.race-to-destination_loader-loading div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  margin: 4px;
  border: 4px solid #051224;
  border-radius: 50%;
  animation: loading 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #051224 transparent transparent transparent;
}
.race-to-destination_loader-loading div:nth-child(1) {
  animation-delay: -0.45s;
}
.race-to-destination_loader-loading div:nth-child(2) {
  animation-delay: -0.3s;
}
.race-to-destination_loader-loading div:nth-child(3) {
  animation-delay: -0.15s;
}
.race-to-destination_header {
  position: relative;
}
.race-to-destination_header::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 200px 0 0;
  border-color: rgba(170, 170, 170, 0.66) transparent transparent transparent;
  position: absolute;
  bottom: -4px;
  left: 0;
  z-index: 1;
}
.race-to-destination_header::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 200px 0 0;
  border-color: rgba(215, 217, 217, 0.44) transparent transparent transparent;
  position: absolute;
  bottom: -10px;
  left: 0;
  z-index: 1;
}
.race-to-destination_header-logo {
  padding: 10px;
}
.race-to-destination_header-logo > img {
  height: 16px;
}
.race-to-destination_header-tabs {
  display: none;
}
.race-to-destination_switcher {
  padding: 20px 15px 0;
}
.race-to-destination_switcher-select {
  position: relative;
}
.race-to-destination_switcher-select::after {
  content: "\e61b";
  font-family: "icomoon";
  speak: none;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
}
.race-to-destination_switcher select {
  -webkit-appearance: none;
          appearance: none;
  background-color: #e8e8e8;
  color: #051224;
  border: none;
  padding: 8px 10px;
  padding-right: 40px;
  width: 100%;
  font-family: "roboto_bold";
  font-size: 16px;
  cursor: pointer;
  line-height: 1.1;
  border-bottom: 1px solid #051224;
  outline: none;
}
.race-to-destination_switcher select::-ms-expand {
  display: none;
}
.race-to-destination_switcher select option {
  font-family: "roboto_regular";
  background: #ffffff;
  font-size: 14px;
}
.race-to-destination_rankings {
  padding: 15px;
  padding-top: 20px;
}
.race-to-destination_rankings-container:last-child .race-to-destination_rankings-header {
  display: none;
}
.race-to-destination_rankings-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #f8f8f8;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  font-family: "roboto_regular";
  font-size: 12px;
  color: #969b9d;
}
.race-to-destination_rankings-rank, .race-to-destination_rankings-points {
  width: 35px;
  flex-shrink: 0;
  flex-grow: 0;
  padding: 10px 5px;
  text-align: center;
}
.race-to-destination_rankings-item .race-to-destination_rankings-rank, .race-to-destination_rankings-item .race-to-destination_rankings-points {
  padding: 0;
  font-size: 15px;
}
.race-to-destination_rankings-points {
  width: 60px;
}
.race-to-destination_rankings-item .race-to-destination_rankings-points {
  font-size: 15px;
}
.race-to-destination_rankings-players {
  text-align: center;
}
.race-to-destination_rankings-player-flag {
  border: 1px solid #ececec;
  margin-right: 10px;
  line-height: 0.5;
}
.race-to-destination_rankings-player-flag > img {
  width: 20px;
}
.race-to-destination_rankings-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e8e8e8;
  font-family: "roboto_bold";
  font-size: 15px;
  color: #051224;
  min-height: 40px;
}
.race-to-destination_rankings-item .race-to-destination_rankings-players {
  padding: 10px 15px;
  border-left: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
  flex-grow: 1;
  text-align: left;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  min-height: 40px;
  position: relative;
}
.race-to-destination_rankings-item .race-to-destination_rankings-players-info {
  font-family: "roboto_regular";
  font-size: 11px;
  color: #1f2223;
  padding-left: 42px;
  width: 100%;
  margin-top: 5px;
  padding-left: 32px;
}
.race-to-destination_rankings-item .race-to-destination_rankings-players-info.race-to-destination_rankings-players-info--qualified {
  padding-right: 35px;
}
.race-to-destination_rankings-item .race-to-destination_rankings-player {
  font-family: "roboto_regular";
  width: 100%;
}
.race-to-destination_rankings-item .race-to-destination_rankings-player-link {
  display: flex;
  align-items: center;
  width: 100%;
}
.race-to-destination_rankings-item .race-to-destination_rankings-player-link.race-to-destination_rankings-player-link--qualified {
  padding-right: 35px;
}
.race-to-destination_rankings-item .race-to-destination_rankings-player-link.race-to-destination_rankings-player-link--qualified::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  background-color: #00aa0c;
  border-radius: 50%;
  right: 10px;
  height: 25px;
  width: 25px;
}
.race-to-destination_rankings-item .race-to-destination_rankings-player-link.race-to-destination_rankings-player-link--qualified::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #ffffff;
  content: "\e616";
  font-family: "icomoon";
  line-height: 1;
  font-size: 14px;
  right: 15px;
}
.race-to-destination_rankings-item .race-to-destination_rankings-player:last-child {
  margin-top: 5px;
}
.race-to-destination_rankings-item .race-to-destination_rankings-player:first-child {
  margin-top: 0;
}
@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* ==========================================================================
	SINGLE FILTER
   ========================================================================== */
.single-filter {
  align-items: center;
  display: flex;
  padding: 15px;
}
.non-modal-filter + script + .single-filter, .non-modal-filter + .single-filter {
  margin-top: 15px;
}
.single-filter .non-modal-filter {
  padding: 0px;
  width: 100%;
}
.single-filter .button, .single-filter .filter-control, .single-filter .button-border, .single-filter .channel-container .view-more, .channel-container .single-filter .view-more, .single-filter .channel-container .live-video, .channel-container .single-filter .live-video, .single-filter .predictive-see-all, .single-filter .modal-button, .single-filter #doorbell .buttons .btn, #doorbell .buttons .single-filter .btn, .single-filter #doorbell .buttons button, #doorbell .buttons .single-filter button, .single-filter .time-button, .single-filter .featured-banner-button {
  margin: 0px;
  width: 100%;
}
.single-filter.with-button .non-modal-filter {
  float: left;
  width: calc(50% - 10px);
}
.single-filter.with-button .button, .single-filter.with-button .filter-control, .single-filter.with-button .button-border, .single-filter.with-button .channel-container .view-more, .channel-container .single-filter.with-button .view-more, .single-filter.with-button .channel-container .live-video, .channel-container .single-filter.with-button .live-video, .single-filter.with-button .predictive-see-all, .single-filter.with-button .modal-button, .single-filter.with-button #doorbell .buttons .btn, #doorbell .buttons .single-filter.with-button .btn, .single-filter.with-button #doorbell .buttons button, #doorbell .buttons .single-filter.with-button button, .single-filter.with-button .time-button, .single-filter.with-button .featured-banner-button {
  float: left;
  height: 32px;
  line-height: 28px;
  margin-left: 10px;
  width: calc(50% - 10px);
}
.single-filter.with-arrows .non-modal-filter {
  float: left;
  width: calc(100% - 60px);
}

.single-filter-arrow {
  float: left;
  width: 30px;
}
.single-filter-arrow:before {
  display: block;
  font-family: "icomoon";
  font-size: 18px;
  position: relative;
  top: 7px;
}
.single-filter-arrow.left:before {
  content: "\e624";
  text-align: left;
}
.single-filter-arrow.right:before {
  content: "\e609";
  text-align: right;
}

/* ==========================================================================
	BOARD OF DIRECTORS
   ========================================================================== */
.board-members {
  padding: 40px 30px;
}

.board-member {
  border: none;
  border-top: 1px solid #ececec;
  padding: 20px 0px 15px;
}
.board-member:first-child {
  border-top: none;
  padding-top: 0px;
}

.board-member-image {
  height: auto;
  border: 1px solid #ececec;
  float: left;
  margin: 0px 10px 10px 0px;
  width: 60px;
}

.board-member-info {
  float: left;
  margin-bottom: 10px;
  padding-top: 13px;
}
.board-member-info + * {
  clear: both;
}

.board-member-name {
  color: #1f2223;
  font-family: Arial;
  font-weight: bold;
  line-height: 1;
  font-size: 16px;
  letter-spacing: 0px;
}

.board-member-position {
  color: #1f2223;
  font-family: "roboto_regular";
  font-size: 14px;
  line-height: 1;
}

.board-member-location {
  font-family: "roboto_regular";
  text-transform: capitalize;
  color: #1f2223;
  font-size: 11px;
  margin-top: 5px;
}

.board-member-sub-heading {
  font-weight: bold;
  line-height: 30px;
  font-size: 1.6em;
  margin-top: 25px;
}

/* ==========================================================================
	COVER AND CALLOUT
   ========================================================================== */
.cover-and-callout {
  padding: 0px 15px 20px;
}
.cover-and-callout .cover-image {
  height: auto;
  margin-bottom: 10px;
  width: 100%;
}
.cover-and-callout .button-border, .cover-and-callout .channel-container .view-more, .channel-container .cover-and-callout .view-more, .cover-and-callout .channel-container .live-video, .channel-container .cover-and-callout .live-video, .cover-and-callout .predictive-see-all, .cover-and-callout .modal-button, .cover-and-callout #doorbell .buttons .btn, #doorbell .buttons .cover-and-callout .btn, .cover-and-callout #doorbell .buttons button, #doorbell .buttons .cover-and-callout button, .cover-and-callout .time-button {
  margin-top: 10px;
}

/* ==========================================================================
	MODAL INTRO
	========================================================================== */
.modal-intro__container {
  background-color: #fff;
  max-width: 640px;
  position: relative;
  margin: 0px auto;
}

.modal-intro__header {
  background-color: #00b4f1;
  color: #fff;
  position: relative;
  padding: 15px;
}
.modal-intro__header h1 {
  font-family: "roboto_regular", arial, sans-serif;
  font-size: 24px;
}
.modal-intro__header .icon, .modal-intro__header .modal-select .select-text:before, .modal-select .modal-intro__header .select-text:before, .modal-intro__header .mobile-select .select-text:before, .mobile-select .modal-intro__header .select-text:before, .modal-intro__header .tournaments-categories-item .item-link:before, .tournaments-categories-item .modal-intro__header .item-link:before {
  color: #fff;
  font-size: 18px;
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
}
.modal-intro__header .icon:hover, .modal-intro__header .modal-select .select-text:hover:before, .modal-select .modal-intro__header .select-text:hover:before, .modal-intro__header .mobile-select .select-text:hover:before, .mobile-select .modal-intro__header .select-text:hover:before, .modal-intro__header .tournaments-categories-item .item-link:hover:before, .tournaments-categories-item .modal-intro__header .item-link:hover:before {
  color: #5f676a;
}

.modal-intro__content {
  padding: 15px;
}
.modal-intro__content h1 {
  font-family: "roboto_bold", arial, sans-serif;
  font-weight: bold;
  font-size: 18px;
}
.modal-intro__content .button-border, .modal-intro__content .channel-container .view-more, .channel-container .modal-intro__content .view-more, .modal-intro__content .channel-container .live-video, .channel-container .modal-intro__content .live-video, .modal-intro__content .predictive-see-all, .modal-intro__content .modal-button, .modal-intro__content #doorbell .buttons .btn, #doorbell .buttons .modal-intro__content .btn, .modal-intro__content #doorbell .buttons button, #doorbell .buttons .modal-intro__content button, .modal-intro__content .time-button {
  padding-left: 15px;
  padding-right: 15px;
}

.modal-on .modal-intro {
  background-color: rgba(0, 0, 0, 0.9);
  height: 100%;
  opacity: 1;
  overflow: auto;
  position: fixed;
  top: 0;
  z-index: 10000;
}

.modal-scores-match-stats {
  padding: 0px 15px 30px;
}
.modal-scores-match-stats.challenger-mega-table-wrapper {
  margin-top: 10px;
  padding-bottom: 0px;
}
.modal-scores-match-stats.challenger-mega-table-wrapper:first-child {
  margin-top: 0px;
}
.modal-scores-match-stats.challenger-mega-table-wrapper:last-of-type {
  padding-bottom: 30px;
}
.modal-scores-match-stats.challenger-mega-table-wrapper .table-rankings-wrapper {
  margin-top: 15px;
  padding: 0px;
}
.modal-scores-match-stats.challenger-mega-table-wrapper .rank-heading {
  text-align: left !important;
}
.modal-scores-match-stats.challenger-mega-table-wrapper .player-heading {
  text-align: center !important;
}
.modal-scores-match-stats.challenger-mega-table-wrapper .challenger-posting-links {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.modal-scores-match-stats.challenger-mega-table-wrapper .challenger-posting-links a {
  display: table-cell;
  font-size: 16px;
}
.modal-scores-match-stats .section-title, .modal-scores-match-stats .tickets-accordion .accordion-label, .tickets-accordion .modal-scores-match-stats .accordion-label {
  background: none;
  margin: 0px;
  padding: 0px;
}
.modal-scores-match-stats .section-title:before, .modal-scores-match-stats .tickets-accordion .accordion-label:before, .tickets-accordion .modal-scores-match-stats .accordion-label:before, .modal-scores-match-stats .section-title:after, .modal-scores-match-stats .tickets-accordion .accordion-label:after, .tickets-accordion .modal-scores-match-stats .accordion-label:after {
  display: none;
}
.modal-scores-match-stats .module-header {
  padding: 0;
}
.modal-scores-match-stats .module-header .section-title, .modal-scores-match-stats .module-header .tickets-accordion .accordion-label, .tickets-accordion .modal-scores-match-stats .module-header .accordion-label {
  float: left;
}
.modal-scores-match-stats .module-header a {
  float: right;
}
.modal-scores-match-stats .module-header img {
  width: auto;
}
.modal-scores-match-stats .button-border-row-holder {
  padding: 0 !important;
  margin-top: 10px;
}
.modal-scores-match-stats .button-border-row-holder.hide {
  display: none !important;
}
.modal-scores-match-stats .button-border-row-holder .button-border, .modal-scores-match-stats .button-border-row-holder .channel-container .view-more, .channel-container .modal-scores-match-stats .button-border-row-holder .view-more, .modal-scores-match-stats .button-border-row-holder .channel-container .live-video, .channel-container .modal-scores-match-stats .button-border-row-holder .live-video, .modal-scores-match-stats .button-border-row-holder .predictive-see-all, .modal-scores-match-stats .button-border-row-holder .modal-button, .modal-scores-match-stats .button-border-row-holder #doorbell .buttons .btn, #doorbell .buttons .modal-scores-match-stats .button-border-row-holder .btn, .modal-scores-match-stats .button-border-row-holder #doorbell .buttons button, #doorbell .buttons .modal-scores-match-stats .button-border-row-holder button, .modal-scores-match-stats .button-border-row-holder .time-button {
  background-color: #051224;
  border: 1px solid #051224 !important;
  color: #ffffff;
  border-bottom: 1px solid #cacbcb !important;
  border-radius: 5px 5px 0 0;
}
.modal-scores-match-stats .button-border-row-holder .button-border.current, .modal-scores-match-stats .button-border-row-holder .channel-container .current.view-more, .channel-container .modal-scores-match-stats .button-border-row-holder .current.view-more, .modal-scores-match-stats .button-border-row-holder .channel-container .current.live-video, .channel-container .modal-scores-match-stats .button-border-row-holder .current.live-video, .modal-scores-match-stats .button-border-row-holder .current.predictive-see-all, .modal-scores-match-stats .button-border-row-holder .current.modal-button, .modal-scores-match-stats .button-border-row-holder #doorbell .buttons .current.btn, #doorbell .buttons .modal-scores-match-stats .button-border-row-holder .current.btn, .modal-scores-match-stats .button-border-row-holder #doorbell .buttons button.current, #doorbell .buttons .modal-scores-match-stats .button-border-row-holder button.current, .modal-scores-match-stats .button-border-row-holder .current.time-button {
  background-color: #fff !important;
  color: #1f2223 !important;
  border: 1px solid #cacbcb !important;
  border-bottom: 0 !important;
}

.match-stats-table {
  width: 100%;
  line-height: 1em;
  font: 15px "roboto_regular";
}
.match-stats-table th {
  padding-top: 15px;
  vertical-align: middle;
  border-bottom: 1px solid #c7c8c8;
  color: #969b9d;
  font-size: 15px;
  padding-bottom: 5px;
}
.match-stats-table th:first-child {
  color: #1f2223;
  text-align: left;
}
.match-stats-table td {
  vertical-align: middle;
  border-bottom: 1px solid #c7c8c8;
  border-left: 1px solid #c7c8c8;
  padding: 10px 0px 5px;
  text-align: center;
}
.match-stats-table td:first-child {
  border-left: none;
}

.match-stats-row {
  width: 100%;
}
.match-stats-row td {
  transition: all 1s linear;
  opacity: 0;
}
.match-stats-row.percent-on td {
  transition: all 0.5s linear;
  opacity: 1;
}

.match-stats-number-left,
.match-stats-number-right {
  color: #1f2223 !important;
  width: 28%;
}

.match-stats-number-right {
  text-align: right;
}

.match-stats-number-left {
  text-align: left;
}

.match-stats-bar-length {
  transition: width 1s cubic-bezier(0.615, 0.005, 0.23, 1) 0.5s;
  background-color: #051224;
  display: inline-block;
  height: 10px;
  width: 0%;
}
.match-stats-bar-right .match-stats-bar-length {
  float: left;
}
.match-stats-bar-left .match-stats-bar-length {
  float: right;
}

.match-stats-label {
  color: #969b9d;
}
.match-stats-table .match-stats-label {
  padding-left: 15px;
  text-align: left;
}

.modal-scores-match-stats-players .first-name,
.modal-scores-match-stats-players .last-name {
  color: #051224;
  display: block;
  line-height: 1em;
  font: 26px "roboto_bold";
}
.modal-scores-match-stats-players .first-name {
  font-size: 18px;
  padding-top: 5px;
  text-transform: capitalize;
}
.modal-scores-match-stats-players .last-name {
  padding-bottom: 2px;
  text-transform: none;
}
.modal-scores-match-stats-players .match-stats-player-left,
.modal-scores-match-stats-players .match-stats-player-right {
  float: left;
  width: 50%;
}
.modal-scores-match-stats-players .match-stats-player-left a,
.modal-scores-match-stats-players .match-stats-player-right a {
  display: block;
  width: auto;
}
.modal-scores-match-stats-players .match-stats-player-left img,
.modal-scores-match-stats-players .match-stats-player-right img {
  border: 1px solid #c7c8c8;
  width: 100%;
  height: auto;
}
.modal-scores-match-stats-players .match-stats-player-right {
  text-align: right;
}

.stat-breakdown {
  display: block;
  font-family: "roboto_regular";
}

.match-stats-page .modal-scores-header {
  border-bottom: 0;
  display: flex;
}
.match-stats-page .modal-scores-header:before {
  border-top: 0;
}
.match-stats-page .modal-scores-header:after {
  border-top: 0;
}
.match-stats-page .modal-scores-header .section-title, .match-stats-page .modal-scores-header .tickets-accordion .accordion-label, .tickets-accordion .match-stats-page .modal-scores-header .accordion-label {
  letter-spacing: normal;
  float: left;
  width: calc(100% - 150px);
}
.match-stats-page .modal-scores-header .button, .match-stats-page .modal-scores-header .filter-control, .match-stats-page .modal-scores-header .button-border, .match-stats-page .modal-scores-header .channel-container .view-more, .channel-container .match-stats-page .modal-scores-header .view-more, .match-stats-page .modal-scores-header .channel-container .live-video, .channel-container .match-stats-page .modal-scores-header .live-video, .match-stats-page .modal-scores-header .predictive-see-all, .match-stats-page .modal-scores-header .modal-button, .match-stats-page .modal-scores-header #doorbell .buttons .btn, #doorbell .buttons .match-stats-page .modal-scores-header .btn, .match-stats-page .modal-scores-header #doorbell .buttons button, #doorbell .buttons .match-stats-page .modal-scores-header button, .match-stats-page .modal-scores-header .time-button, .match-stats-page .modal-scores-header .featured-banner-button {
  float: right;
}
.match-stats-page .match-stats-player-left {
  width: 200px;
}
.match-stats-page .match-stats-player-left.doubles {
  width: 100px;
}
.match-stats-page .match-stats-player-right {
  width: 200px;
}
.match-stats-page .match-stats-player-right.doubles {
  width: 100px;
}
.match-stats-page .tabs-content-mode {
  margin-bottom: 0px;
}
.match-stats-page .tabs-content-mode .button, .match-stats-page .tabs-content-mode .filter-control, .match-stats-page .tabs-content-mode .button-border, .match-stats-page .tabs-content-mode .channel-container .view-more, .channel-container .match-stats-page .tabs-content-mode .view-more, .match-stats-page .tabs-content-mode .channel-container .live-video, .channel-container .match-stats-page .tabs-content-mode .live-video, .match-stats-page .tabs-content-mode .predictive-see-all, .match-stats-page .tabs-content-mode .modal-button, .match-stats-page .tabs-content-mode #doorbell .buttons .btn, #doorbell .buttons .match-stats-page .tabs-content-mode .btn, .match-stats-page .tabs-content-mode #doorbell .buttons button, #doorbell .buttons .match-stats-page .tabs-content-mode button, .match-stats-page .tabs-content-mode .time-button, .match-stats-page .tabs-content-mode .featured-banner-button {
  border: 1px solid #c7c8c8;
  border-bottom: 0px;
  transition: all 0.3s ease;
  border-radius: 0 !important;
  background: #051224;
  color: #fff;
}
.match-stats-page .tabs-content-mode .button:hover, .match-stats-page .tabs-content-mode .filter-control:hover, .match-stats-page .tabs-content-mode .button-border:hover, .match-stats-page .tabs-content-mode .channel-container .view-more:hover, .channel-container .match-stats-page .tabs-content-mode .view-more:hover, .match-stats-page .tabs-content-mode .channel-container .live-video:hover, .channel-container .match-stats-page .tabs-content-mode .live-video:hover, .match-stats-page .tabs-content-mode .predictive-see-all:hover, .match-stats-page .tabs-content-mode .modal-button:hover, .match-stats-page .tabs-content-mode #doorbell .buttons .btn:hover, #doorbell .buttons .match-stats-page .tabs-content-mode .btn:hover, .match-stats-page .tabs-content-mode #doorbell .buttons button:hover, #doorbell .buttons .match-stats-page .tabs-content-mode button:hover, .match-stats-page .tabs-content-mode .time-button:hover, .match-stats-page .tabs-content-mode .featured-banner-button:hover {
  background: #fff;
  color: #051224;
}
.match-stats-page .tabs-content-mode .button.current, .match-stats-page .tabs-content-mode .current.filter-control, .match-stats-page .tabs-content-mode .current.button-border, .match-stats-page .tabs-content-mode .channel-container .current.view-more, .channel-container .match-stats-page .tabs-content-mode .current.view-more, .match-stats-page .tabs-content-mode .channel-container .current.live-video, .channel-container .match-stats-page .tabs-content-mode .current.live-video, .match-stats-page .tabs-content-mode .current.predictive-see-all, .match-stats-page .tabs-content-mode .current.modal-button, .match-stats-page .tabs-content-mode #doorbell .buttons .current.btn, #doorbell .buttons .match-stats-page .tabs-content-mode .current.btn, .match-stats-page .tabs-content-mode #doorbell .buttons button.current, #doorbell .buttons .match-stats-page .tabs-content-mode button.current, .match-stats-page .tabs-content-mode .current.time-button, .match-stats-page .tabs-content-mode .current.featured-banner-button {
  background: #fff;
  color: #051224;
}
.match-stats-page .button-border.selected, .match-stats-page .channel-container .selected.view-more, .channel-container .match-stats-page .selected.view-more, .match-stats-page .channel-container .selected.live-video, .channel-container .match-stats-page .selected.live-video, .match-stats-page .selected.predictive-see-all, .match-stats-page .selected.modal-button, .match-stats-page #doorbell .buttons .selected.btn, #doorbell .buttons .match-stats-page .selected.btn, .match-stats-page #doorbell .buttons button.selected, #doorbell .buttons .match-stats-page button.selected, .match-stats-page .selected.time-button {
  background: #051224;
  color: #fff;
}
.match-stats-page #ytdContainer {
  display: none;
}
.match-stats-page .match-stats-table.selected {
  opacity: 1;
}
.match-stats-page .match-stats-content-container {
  width: 100%;
  border: 1px solid #c7c8c8;
  border-top: 0;
  padding: 16px;
  padding-top: 0;
  padding: 10px;
}
.match-stats-page .h2h-table.h2h-table-ytd:first-child {
  margin-top: 0;
}
.match-stats-page .live-vue-container .button-border, .match-stats-page .live-vue-container .channel-container .view-more, .channel-container .match-stats-page .live-vue-container .view-more, .match-stats-page .live-vue-container .channel-container .live-video, .channel-container .match-stats-page .live-vue-container .live-video, .match-stats-page .live-vue-container .predictive-see-all, .match-stats-page .live-vue-container .modal-button, .match-stats-page .live-vue-container #doorbell .buttons .btn, #doorbell .buttons .match-stats-page .live-vue-container .btn, .match-stats-page .live-vue-container #doorbell .buttons button, #doorbell .buttons .match-stats-page .live-vue-container button, .match-stats-page .live-vue-container .time-button {
  background: #051224;
  color: #fff;
  border: 1px solid #98d6ed !important;
  border-radius: 5px 5px 0 0;
  border-bottom: 0 !important;
}
.match-stats-page .live-vue-container .button-border.selected, .match-stats-page .live-vue-container .channel-container .selected.view-more, .channel-container .match-stats-page .live-vue-container .selected.view-more, .match-stats-page .live-vue-container .channel-container .selected.live-video, .channel-container .match-stats-page .live-vue-container .selected.live-video, .match-stats-page .live-vue-container .selected.predictive-see-all, .match-stats-page .live-vue-container .selected.modal-button, .match-stats-page .live-vue-container #doorbell .buttons .selected.btn, #doorbell .buttons .match-stats-page .live-vue-container .selected.btn, .match-stats-page .live-vue-container #doorbell .buttons button.selected, #doorbell .buttons .match-stats-page .live-vue-container button.selected, .match-stats-page .live-vue-container .selected.time-button {
  background: #fff;
  color: #5f676a;
  border-bottom: 0;
  border: 1px solid #cacbcb !important;
  border-bottom: 0 !important;
}
.match-stats-page .live-vue-container .match-stats-table {
  display: none;
}
.match-stats-page .live-vue-container .match-stats-table:first-child {
  display: table;
}
.match-stats-page .live-vue-container .match-stats-table tr:first-child th:first-child {
  border-top: none;
}

/* ==========================================================================
	MODAL SCORES HEADER
	========================================================================== */
.modal-scores-header {
  position: relative;
  background-color: #ffffff;
  border-bottom: 1px solid #c7c8c8;
  padding: 20px 15px;
  position: relative;
}
.modal-scores-header:before, .modal-scores-header:after {
  content: "";
  height: 0px;
  left: 50%;
  position: absolute;
  top: 100%;
  width: 0px;
  transform: translateX(-50%);
}
.modal-scores-header:before {
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-top: 11px solid #c7c8c8;
}
.modal-scores-header:after {
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-top: 11px solid #fff;
}
.modal-scores-header .section-title, .modal-scores-header .tickets-accordion .accordion-label, .tickets-accordion .modal-scores-header .accordion-label {
  background: none;
  margin: 0px;
  padding: 0px;
}
.modal-scores-header .section-title:before, .modal-scores-header .tickets-accordion .accordion-label:before, .tickets-accordion .modal-scores-header .accordion-label:before, .modal-scores-header .section-title:after, .modal-scores-header .tickets-accordion .accordion-label:after, .tickets-accordion .modal-scores-header .accordion-label:after {
  display: none;
}
.modal-scores-header .last-events-played-slider-wrapper {
  padding: 15px 30px 0px;
}
.modal-scores-header .dropdown-holder-wrapper {
  display: block;
}
.modal-scores-header .dropdown-label {
  font-family: "roboto_bold" !important;
}
.modal-scores-header .filter-holder {
  float: none;
  line-height: 1em;
  font: 10px "roboto_regular" !important;
}
.modal-scores-header .filter-holder.exposed {
  float: none;
  width: 100%;
  margin-right: 0;
}
.modal-scores-header .filter-holder.exposed .dropdown-holder {
  margin-right: 0;
  width: 100%;
}
.modal-scores-header .arrow-box {
  bottom: 0;
}
.modal-scores-header .expand .dropdown {
  border: 1px solid #ececec;
  border-top: 0;
}

.modal-scores-header-info {
  margin-top: 10px;
}

.score-item {
  float: left;
  color: #1f2223;
  line-height: 1em;
  font: 11px "roboto_regular";
  margin-right: 10px;
}
.score-item .score-label:after {
  content: ":";
}
.score-item .score-value {
  margin-right: 10px;
}

.score-date {
  float: right;
  width: auto;
  color: #1f2223;
  line-height: 1em;
  font: 11px "roboto_regular";
}

/* ==========================================================================
	MODAL CAROUSEL
	========================================================================== */
.modal-carousel {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 768px;
  overflow: auto;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  margin-left: auto;
  margin-right: auto;
}
.modal-carousel .inner-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}
.modal-carousel .item-thumbnail > video {
  transform: translateY(-50%) translateX(-50%);
  top: 50%;
  left: 50%;
  z-index: 1;
  position: relative;
  background-color: black;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
}
.modal-carousel .royalSlider {
  background-color: black;
  overflow: hidden;
  width: 100%;
  opacity: 0;
  transition: opacity 1s ease-in-out;
  position: relative;
  height: auto;
  background-color: #1f2223;
}
.modal-carousel .royalSlider.rsHor {
  opacity: 1;
}
.modal-carousel .rsOverflow {
  z-index: 1;
  width: 100% !important;
  height: 100% !important;
  position: relative;
  padding-top: 57.8125%;
}
.modal-carousel .rsContainer {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.modal-carousel .rsContainer .rsContent, .modal-carousel .rsContainer .rsSlide {
  transform: translateZ(0) !important;
}
.modal-carousel .rsNav {
  padding: 20px;
  width: 100%;
  overflow: hidden;
}
.modal-carousel .rsNav .container {
  overflow: hidden;
}
.modal-carousel .rsThumbs {
  background-color: rgba(40, 43, 44, 0.7);
  box-sizing: border-box;
  height: 115px;
  text-align: center;
}
.modal-carousel .rsThumbs .rsThumb {
  width: 141px;
  height: 75px;
}
.modal-carousel .rsThumbs img {
  width: 131px;
  margin: 0 5px;
  height: 100%;
  transition: all 0.25s ease-in-out;
}
.modal-carousel .rsThumbs .rsThumbsContainer {
  height: 85px;
  overflow: hidden;
  position: relative;
  margin-bottom: 10px;
}
.modal-carousel .rsThumbs .rsNavItem {
  position: relative;
  display: inline-block;
}
.modal-carousel .rsThumbs .rsNavItem.rsNavSelected img {
  height: 75px;
  border-bottom: 1px solid #051224;
}
.modal-carousel .rsArrow {
  width: 50px;
  text-align: center;
  position: absolute;
  top: 0;
  bottom: 0;
  color: #fff;
  font-size: 20px;
  z-index: 100;
}
.modal-carousel .rsArrow .rsArrowIcn {
  height: 20px;
  position: absolute;
  top: 50%;
  margin-top: -10px;
}
.modal-carousel .rsArrow.rsArrowLeft {
  left: 0;
}
.modal-carousel .rsArrow.rsArrowLeft .rsArrowIcn {
  padding-left: 10px;
}
.modal-carousel .rsArrow.rsArrowRight {
  right: 0;
}
.modal-carousel .rsArrow.rsArrowRight .rsArrowIcn {
  padding-right: 10px;
  right: 0;
}
.modal-carousel .caption {
  width: 100%;
  text-align: left;
}
.modal-carousel .caption p {
  border: none;
}

.modal-carousel-header {
  background-color: #1f2223;
  padding: 20px;
  position: relative;
}

.modal-carousel-footer {
  padding: 20px;
  background-color: #1f2223;
}
.modal-carousel-footer .social-share {
  padding-top: 0;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
}

.modal-carousel-position {
  color: #fff;
  font-size: 12px;
  text-align: center;
}
.modal-carousel-position:after {
  content: " Photos";
}

.modal-carousel-buttons {
  float: right;
  width: auto;
}
.modal-carousel-buttons .button-border, .modal-carousel-buttons .channel-container .view-more, .channel-container .modal-carousel-buttons .view-more, .modal-carousel-buttons .channel-container .live-video, .channel-container .modal-carousel-buttons .live-video, .modal-carousel-buttons .predictive-see-all, .modal-carousel-buttons .modal-button, .modal-carousel-buttons #doorbell .buttons .btn, #doorbell .buttons .modal-carousel-buttons .btn, .modal-carousel-buttons #doorbell .buttons button, #doorbell .buttons .modal-carousel-buttons button, .modal-carousel-buttons .time-button {
  display: block;
  float: left;
  margin-left: 10px;
  width: 160px;
}
.modal-carousel-buttons .button-border:first-child, .modal-carousel-buttons .channel-container .view-more:first-child, .channel-container .modal-carousel-buttons .view-more:first-child, .modal-carousel-buttons .channel-container .live-video:first-child, .channel-container .modal-carousel-buttons .live-video:first-child, .modal-carousel-buttons .predictive-see-all:first-child, .modal-carousel-buttons .modal-button:first-child, .modal-carousel-buttons #doorbell .buttons .btn:first-child, #doorbell .buttons .modal-carousel-buttons .btn:first-child, .modal-carousel-buttons #doorbell .buttons button:first-child, #doorbell .buttons .modal-carousel-buttons button:first-child, .modal-carousel-buttons .time-button:first-child {
  margin-left: 0px;
}

.modal-carousel-actions {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1000;
  color: #051224;
  padding: 20px;
}
.modal-carousel-actions > * {
  cursor: pointer;
  font-size: 30px;
  padding: 10px;
  float: left;
}

.modal-carousel-close,
.modal-carousel-social-close {
  padding: 15px;
  cursor: pointer;
  color: #051224;
  font-size: 20px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}
.modal-carousel-close:hover, .modal-carousel-close:active,
.modal-carousel-social-close:hover,
.modal-carousel-social-close:active {
  color: #fff;
}

.modal-carousel-social {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  opacity: 0;
  height: calc(100% - 70px);
  background-color: rgba(0, 0, 0, 0.8);
  transition: opacity 0.25s ease-in-out 0.125s;
}
.modal-carousel-social .social-share {
  width: auto;
  position: relative;
  top: 50%;
  left: 50%;
  z-index: 2;
  transform: translateY(-50%) translateX(-50%);
  width: 195px;
  white-space: nowrap;
}
.modal-carousel-social .social-share a {
  white-space: nowrap;
  width: 45px;
  height: 45px;
  margin: 0 10px;
  display: inline-block;
  transform: scale(0);
}
.modal-carousel-social .social-share a:hover, .modal-carousel-social .social-share a:active {
  color: #fff;
  border-color: #fff;
}
.modal-carousel-social .social-share a:nth-child(1n) {
  transform-origin: 81px 88px;
  transition: border-color 0.25s ease-in-out, color 0.25s ease-in-out, opacity 0.25s ease-in-out, transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.75s;
}
.modal-carousel-social .social-share a:nth-child(2n) {
  transform-origin: 23px 88px;
  transition: border-color 0.25s ease-in-out, color 0.25s ease-in-out, opacity 0.25s ease-in-out, transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.625s;
}
.modal-carousel-social .social-share a:nth-child(3n) {
  transform-origin: -41px 88px;
  transition: border-color 0.25s ease-in-out, color 0.25s ease-in-out, opacity 0.25s ease-in-out, transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.875s;
}
.modal-carousel-social .modal-carousel-social-close {
  transition: color 0.25s ease-in-out, transform 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s;
  cursor: pointer;
  text-align: center;
  font-size: 30px;
  margin-top: 20px;
  clear: both;
  color: #051224;
  transform-origin: center;
  transform: scale(0);
}
.modal-carousel-social .modal-carousel-social-close:hover, .modal-carousel-social .modal-carousel-social-close:active {
  color: #fff;
}
.share-on .modal-carousel-social {
  opacity: 1;
  z-index: 1000;
}
.share-on .modal-carousel-social .social-share a {
  transform: scale(1);
}
.share-on .modal-carousel-social .modal-carousel-social-close {
  transform: scale(1);
}
.share-animation-outro .modal-carousel-social {
  opacity: 0;
  transition-delay: 1s;
}
.share-animation-outro .modal-carousel-social .social-share a {
  transform: scale(0);
}
.share-animation-outro .modal-carousel-social .modal-carousel-social-close {
  transform: scale(0);
}

/* ==========================================================================
	MEDIA QUERIES
	========================================================================== */
/* ==========================================================================
    MODAL FILTER
   ========================================================================== */
.modal-template {
  display: none;
}

.modal-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 15px;
  color: #051224;
  cursor: pointer;
}
.modal-close:hover, .modal-close:active {
  color: #1f2223;
}

.modal-title {
  padding: 15px;
  line-height: 1em;
  font: 16px "roboto_bold";
  color: #000;
  letter-spacing: 0px;
  text-transform: capitalize;
}
.modal-title .title-text {
  display: block;
  padding-right: 30px;
}

.modal {
  position: fixed;
}

.modal-filter {
  overflow: auto;
  width: 100%;
  height: 100%;
  -webkit-overflow-scrolling: touch;
}

.modal-wrap {
  margin: 15px;
  background-color: #fff;
}

.modal-form {
  margin: 20px;
  padding-bottom: 20px;
}
.modal-form .dropdown-holder-wrapper {
  display: block;
}
.modal-form .dropdown-holder {
  height: 32px;
  margin-right: 0px;
}
.modal-form .dropdown-holder:after {
  right: 10px;
  top: 6px;
}
.modal-form .dropdown-holder .dropdown-label {
  background-color: #e8e8e8;
  font-family: "roboto_bold";
  font-size: 18px;
  line-height: 35px;
  padding: 0px 10px;
}

.modal-select, .mobile-select {
  position: relative;
  margin: 20px 0;
}
.modal-select .label-text, .mobile-select .label-text {
  line-height: 1em;
  font: 11px "roboto_regular";
  margin-bottom: 5px;
  text-transform: capitalize;
}
.modal-select select, .mobile-select select {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.modal-select .select-text, .mobile-select .select-text {
  position: relative;
  height: 32px;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 30px;
  font: 16px "roboto_bold";
  letter-spacing: 0px;
  color: #000;
  text-transform: capitalize;
  background-color: #e8e8e8;
  border-bottom: 1px solid #051224;
  padding-left: 10px;
  padding-right: 40px;
  display: block;
  overflow: hidden;
}
.modal-select .select-text:before, .mobile-select .select-text:before {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 1;
  color: #051224;
}
.modal-select .select-text.dropdown-validation-error, .mobile-select .select-text.dropdown-validation-error {
  border-bottom-color: #da1418;
}
.modal-select .select-text.dropdown-validation-error:before, .mobile-select .select-text.dropdown-validation-error:before {
  color: #da1418;
}
.modal-select.select-disabled select, .mobile-select.select-disabled select {
  display: none;
  opacity: 0.3;
}
.modal-select.select-disabled .select-text, .mobile-select.select-disabled .select-text {
  color: rgba(0, 0, 0, 0.25);
}
.modal-select.select-disabled .select-text:before, .mobile-select.select-disabled .select-text:before {
  color: rgba(0, 0, 0, 0.25);
}

.modal-buttons {
  position: relative;
  margin-right: -1px;
}

.modal-button {
  position: relative;
}
.modal-buttons .modal-button {
  width: 50%;
  float: left;
  position: relative;
}
.modal-buttons .modal-button:first-child {
  margin-right: -1px;
}
.modal-buttons .modal-button:last-child {
  margin-left: -1px;
}
.modal-buttons .modal-button:hover {
  z-index: 2;
}

.modal-sponsor {
  display: block;
  position: relative;
  margin: 15px;
  text-align: center;
  font-size: 14px;
}
.modal-sponsor .modal-sponsor-title {
  color: #fff;
  margin-bottom: 5px;
}
.modal-sponsor .modal-sponsor-item {
  display: block;
}
.modal-sponsor .modal-sponsor-item > * {
  margin-top: 10px;
  max-width: 125px;
  display: inline-block;
}

.mobile-select-wrapper {
  padding: 10px 10px 0px;
}
.mobile-select-wrapper + .tournament-hero {
  margin-top: 15px;
}
.column-search-wrapper + script + .mobile-select-wrapper, .column-search-wrapper + .mobile-select-wrapper {
  background-color: #ffffff;
  padding-top: 0px;
}
.mobile-select-wrapper:last-of-type {
  padding: 15px;
}
.mobile-select-wrapper .mobile-select {
  margin: 0;
}
.mobile-select-wrapper + .table-rankings {
  border-top: 1px solid #ececec;
  margin-top: 15px;
  padding-top: 15px;
}

.non-modal-filter {
  padding: 10px;
}
.non-modal-filter .modal-wrap {
  margin: 0px;
}
.non-modal-filter .modal-form {
  margin: 0px;
  padding: 0px;
}
.non-modal-filter .modal-select {
  margin: 0px;
}

/* ==========================================================================
	DRAW BY PLAYER
   ========================================================================== */
.modal-draw-by-player.modal {
  padding: 15px;
  position: fixed;
}

.draw-by-player {
  background-color: #ffffff;
  border: 1px solid #ececec;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
}
.draw-by-player .action-blue:before, .draw-by-player .action-green:before, .draw-by-player .action-red:before, .draw-by-player .action-gray:before {
  height: auto;
  line-height: 1;
  padding: 5px 0px 0px;
  position: static;
}
.draw-by-player .action-gray:before {
  background-color: #959595;
}
.close-draw-by-player {
  cursor: pointer;
  font-size: 15px;
  position: absolute;
  right: 10px;
  top: 10px;
}
.close-draw-by-player:hover {
  color: #1f2223;
}

.draw-by-player-player {
  padding: 10px;
}
.draw-by-player-player .non-modal-filter {
  padding: 0px 0px 10px 0px;
}

.draw-by-player-player-image {
  float: left;
  border: 1px solid #ececec;
  margin-right: 10px;
  width: 50px;
}
.draw-by-player-player-image img {
  display: block;
  height: auto;
  width: 100%;
}

.draw-by-player-player-info {
  float: left;
  width: calc(100% - 60px);
}
.draw-by-player-player-info .mobile-select {
  margin-bottom: 0px;
  margin-left: -60px;
  width: calc(100% + 60px);
}

.draw-by-player-tourney-title {
  color: #1f2223;
  font-family: "roboto_bold";
  line-height: 1;
  text-transform: capitalize;
  font-size: 11px;
}

.draw-by-player-player-row {
  margin-top: 8px;
}

.draw-by-player-player-seed {
  color: #969b9d;
  display: block;
  font-family: "roboto_bold";
  margin-right: 10px;
  text-align: center;
  float: left;
  font-size: 11px;
  height: 20px;
  line-height: 20px;
}

.draw-by-player-player-name {
  float: left;
  font-family: "roboto_regular";
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 22px;
}

.draw-by-player-player-flag {
  width: auto;
  float: right;
  height: 20px;
  margin-left: 15px;
  margin-top: 2px;
}

.draw-by-player-versus-wrapper {
  border-top: 1px solid #c7c8c8;
  overflow-y: auto;
  height: calc(100% - 144px);
}

.draw-by-player-versus {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.draw-by-player-versus-player {
  display: table-row;
}
.draw-by-player-versus-player > * {
  display: table-cell !important;
  vertical-align: middle;
  border-top: 1px solid #ececec;
  padding: 10px 15px;
}

.draw-by-player-versus-player-box {
  border-right: 1px solid #ececec;
  text-align: center;
  width: 50px;
}
.draw-by-player-versus-player-box:before {
  background-position: left bottom;
  background-size: contain;
  font-size: 1.6em;
}

.draw-by-player-versus-round-number {
  color: #1f2223;
  text-align: center;
  text-transform: capitalize;
  font-family: "roboto_regular";
  font-size: 13px;
  letter-spacing: 0px;
}

.draw-by-player-versus-player-image {
  display: block;
  height: auto;
  width: 100%;
}

.draw-by-player-versus-possibly-text {
  color: #1f2223;
  display: block;
  font-family: "roboto_regular";
  text-align: center;
  text-transform: capitalize;
  font-size: 11px;
  line-height: 11px;
  width: 80px;
}
.draw-by-player-versus-possibly-text:before {
  line-height: 16px !important;
  padding: 0px !important;
}

.draw-by-player-versus-player-name {
  display: block;
  margin-top: 10px;
  font-family: "roboto_regular";
  font-size: 16px;
  letter-spacing: 0px;
  width: 65%;
}

.draw-by-player-versus-score {
  font-family: "roboto_regular";
  margin-top: 10px;
  color: #1f2223;
  font-size: 13px;
  letter-spacing: 0px;
  text-align: right;
  width: 35%;
}

/* ==========================================================================
	MODAL SCORES H2H TABLE
	========================================================================== */
.modal-scores-h2h {
  background-color: #ffffff;
  padding: 16px;
}
@media (max-width: 767px) {
  .modal-scores-h2h {
    padding: 15px;
  }
}
.modal-scores-h2h .button-border-row-holder {
  padding: 16px 0 0 0;
  margin: 0 0 0 0 !important;
}
.modal-scores-h2h .module-header {
  padding: 0 0 30px 0;
}
@media (max-width: 767px) {
  .modal-scores-h2h .module-header {
    padding-bottom: 15px;
  }
}
.modal-scores-h2h .head-to-head-graph {
  border: 10px solid #ffffff;
  bottom: auto;
  height: 160px;
  margin-left: -80px;
  top: 272px;
  width: 160px;
}
@media (max-width: 767px) {
  .modal-scores-h2h .head-to-head-graph {
    margin-left: -50px;
    height: 100px;
    width: 100px;
    top: 166px;
  }
}
.modal-scores-h2h .head-to-head-canvas {
  display: block !important;
  margin: 0px !important;
  overflow: hidden !important;
  height: 140px !important;
  width: 140px !important;
  transform: translateZ(0) !important;
}
@media (max-width: 767px) {
  .modal-scores-h2h .head-to-head-canvas {
    height: 80px !important;
    width: 80px !important;
  }
}

.modal-scores-h2h-table {
  position: relative;
}

.h2h-player-left,
.h2h-player-right {
  float: left;
  width: 50%;
}

.player-left-image,
.player-right-image {
  border: 1px solid #c7c8c8;
}
.player-left-image img,
.player-right-image img {
  display: block;
  height: auto;
  width: 100%;
}

.player-right-flag,
.player-left-flag {
  padding-top: 5px;
  height: 60px;
  width: auto;
}
.player-right-flag a,
.player-left-flag a {
  justify-content: center;
  display: flex;
  height: auto;
  width: auto;
}
.player-right-flag a img,
.player-left-flag a img {
  width: auto;
  height: 40px;
  border: 1px solid #c7c8c8;
}

.player-left-name,
.player-right-name {
  margin-top: 10px;
}
.player-left-name .last-name,
.player-right-name .last-name {
  font-size: 25px;
  letter-spacing: 0px;
  text-transform: none;
}
.player-left-name .first-name,
.player-left-name .last-name,
.player-right-name .first-name,
.player-right-name .last-name {
  display: block;
  line-height: 1;
  font-family: "roboto_bold";
}
.player-left-name .first-name,
.player-right-name .first-name {
  font-size: 16px;
  letter-spacing: 0px;
  text-transform: capitalize;
}

.player-right-name {
  text-align: right;
}

.modal-h2h-wins {
  color: #E4F53B;
  float: left;
  font-family: "roboto_bold";
  font-size: 43px;
  letter-spacing: 0px;
  line-height: 1;
}

.modal-h2h-percentage, .players-head-rank-text {
  color: #E4F53B;
  float: left;
  font-family: "roboto_bold";
  font-size: 16px;
  letter-spacing: 0px;
  padding: 21px 7px 0px;
  text-transform: capitalize;
}

.player-right-wins .modal-h2h-wins,
.player-right-wins .modal-h2h-percentage,
.player-right-wins .players-head-rank-text {
  color: #051224;
  float: right;
}

.h2h-table {
  table-layout: fixed;
  width: 100%;
}
.h2h-table th,
.h2h-table td {
  line-height: 1;
  padding: 10px 0px;
  vertical-align: middle;
  border-bottom: 1px solid #dbdbdb;
}
.h2h-table th {
  border-top: 1px solid #dbdbdb;
  color: #1f2223;
  font-family: "roboto_regular";
  font-size: 16px;
  letter-spacing: 0px;
  text-transform: capitalize;
}
.h2h-table td {
  font-family: "roboto_bold";
  font-size: 14px;
  letter-spacing: 0px;
}
.h2h-table td:nth-child(2) {
  background-color: #f1f1f1;
  font-family: "roboto_regular";
  text-align: center;
  color: #1f2223;
}
.h2h-table td:last-child {
  color: black;
  text-align: right;
}
.h2h-table td:first-child {
  color: black;
}

.player-left-wins,
.player-right-wins {
  margin-top: 15px;
  position: relative;
}

.player-left-wins .modal-h2h-info-wrapper {
  float: left;
  margin-left: 10px;
}
.player-left-wins .modal-h2h-info-wrapper:first-child {
  margin-left: 0px;
}
.player-right-wins .modal-h2h-info-wrapper {
  float: right;
  margin-right: 10px;
}
.player-right-wins .modal-h2h-info-wrapper:first-child {
  margin-right: 0px;
}

.players-head-rank {
  color: #051224;
  font-family: "roboto_bold";
  font-size: 23px;
  line-height: 14px;
  position: relative;
}
.player-left-wins .modal-h2h-info-wrapper:nth-child(2) .players-head-rank {
  color: #E4F53B;
}
.player-right-wins .modal-h2h-info-wrapper:nth-child(2) .players-head-rank {
  color: #051224;
}
.player-right-wins .players-head-rank {
  text-align: right;
}

.players-head-rank-text {
  color: #051224 !important;
  float: none;
  margin: 0px;
  padding: 0px;
}
.player-left-wins .modal-h2h-info-wrapper:nth-child(2) .players-head-rank-text {
  color: #E4F53B !important;
}
.player-right-wins .modal-h2h-info-wrapper:nth-child(2) .players-head-rank-text {
  color: #051224 !important;
}

/* Head 2 Head YTD Tables */
.h2h-table-ytd {
  margin-top: 20px;
}

.h2h-ytd-table-button {
  margin-top: 20px;
}

.show {
  display: block;
}

.hide {
  display: none;
}

/* ==========================================================================
	MODAL SCORES EVENT BREAKDOWN TABLE
	========================================================================== */
.modal-event-breakdown-table-wrapper {
  background-color: #ffffff;
  padding: 30px 15px;
}
.modal-event-breakdown-table-wrapper .section-title, .modal-event-breakdown-table-wrapper .tickets-accordion .accordion-label, .tickets-accordion .modal-event-breakdown-table-wrapper .accordion-label {
  color: #1f2223;
  margin-bottom: 10px;
}

.modal-event-breakdown-table {
  width: 100%;
}
@media (max-width: 767px) {
  .modal-event-breakdown-table {
    margin-top: 20px;
  }
}
.modal-event-breakdown-table tr:nth-child(2n) td {
  background-color: #f1f1f1;
}
.modal-event-breakdown-table th, .modal-event-breakdown-table td {
  border-bottom: 1px solid #ececec;
  color: #1f2223;
  font-family: "roboto_regular";
  text-align: left;
}
.modal-event-breakdown-table th:first-child, .modal-event-breakdown-table td:first-child {
  padding-left: 15px;
  padding-right: 10px;
  width: 55px;
}
.modal-event-breakdown-table th {
  border-top: 1px solid #ececec;
  padding: 5px 0px;
  text-transform: capitalize;
  vertical-align: middle;
  font-size: 1.5em;
}
.modal-event-breakdown-table td {
  padding: 10px 0px;
  font-size: 13px;
  letter-spacing: 0px;
  vertical-align: middle;
}

.modal-event-breakdown-scores {
  color: #1f2223;
}

.modal-calendar-map, .modal-tournament-map {
  max-width: 1040px;
  min-height: inherit;
  height: auto;
}
.modal-calendar-map .modal-scores-close, .modal-tournament-map .modal-scores-close {
  z-index: 12;
}

/* ==========================================================================
    PAGE HEADER
   ========================================================================== */
@media (max-width: 1024px) {
  .page-header {
    padding: 0px 16px;
  }
  .is-mobile .page-header {
    padding: 0px;
  }
}
.page-header .page-header-more-link {
  position: relative;
  cursor: pointer;
  margin-left: 0px;
  padding-left: 20px;
}
.page-header .page-header-more-link > a {
  padding-right: 15px;
}
.page-header .page-header-more-link > a:after {
  color: #051224;
  content: "\e609";
  display: block;
  font-family: "icomoon";
  font-size: 10px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  position: absolute;
  right: 0px;
  speak: none;
  text-transform: none;
  top: 50%;
  -webkit-font-smoothing: antialiased;
  top: calc(50% + 1px);
  transform: translateY(-50%) rotate(90deg);
  transition: all 0.25s ease-in-out;
}
.page-header .page-header-sub-nav {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  position: absolute;
  top: 30px;
  border-top: 10px solid #f1f1f1 !important;
  right: 0px;
  z-index: 999;
  min-width: 140px;
  transform: translateZ(0);
}
.page-header .page-header-sub-nav > li {
  margin: 0;
  padding: 0px;
  display: block;
  clear: both;
  line-height: 1;
  float: none;
  display: none;
}
.page-header .page-header-sub-nav > li:first-child {
  border: none;
  padding: 0px;
}
.page-header .page-header-sub-nav > li:first-child a {
  padding-top: 20px;
}
.page-header .page-header-sub-nav > li:last-child a {
  padding-bottom: 20px;
}
.page-header .page-header-sub-nav > li a {
  display: block;
  font-size: 14px;
  padding: 10px 20px;
}
.page-header .page-header-sub-nav > li a:hover {
  color: #051224;
}
.page-header .page-header-sub-nav .start-morelinks {
  display: block;
}
.page-header .page-header-sub-nav .start-morelinks ~ li {
  display: block;
}

li.no-padding {
  padding: 0px 0px 0px 0px !important;
}
li.no-padding a {
  padding: 10px 20px;
}

html:not(.device-using-touch) .page-header-more-link .page-header-sub-nav {
  display: none;
}
html:not(.device-using-touch) .page-header-more-link:hover .page-header-sub-nav {
  display: block;
}

.device-using-touch .page-header-sub-nav {
  display: none;
}
.device-using-touch .atp-touch-hover .page-header-more-link .page-header-sub-nav {
  display: block;
}

.has-filter-toggle .page-header-holder {
  grid-template-areas: "header-name header header header filter-button" "expanded-filter expanded-filter expanded-filter expanded-filter expanded-filter";
}

.page-header-holder {
  font-family: "roboto_regular";
  line-height: 30px;
  display: grid;
  grid-template-areas: "header-name header filter-button" "expanded-filter expanded-filter expanded-filter";
  padding: 5px 10px;
}
.transition-header-on .page-header-holder {
  opacity: 1;
  transform: translateY(0px);
  transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
}
.transition-header-on .page-header-holder:nth-child(2) {
  opacity: 0;
  transform: translateY(110px);
}
.page-header-holder.is-empty {
  display: none;
}

.page-title {
  color: #1f2223;
  float: left;
  font-family: "roboto_bold";
  font-size: 20px;
  height: 30px;
  margin: 0px;
  text-transform: capitalize;
  display: block;
  white-space: nowrap;
}
.page-title.title-only ~ .filter-control {
  float: right;
}

.page-title-image {
  height: 100%;
}
.page-title-image img {
  display: block;
  height: 18px;
  position: relative;
  top: 50%;
  width: auto;
  transform: translateY(-50%);
}
.page-title-image.pepperstone img {
  height: 24px;
}

.sub-navigation-wrap {
  float: left;
  margin-right: 20px;
  display: block;
  white-space: nowrap;
  width: 100%;
}
.sub-navigation-wrap .page-header-link {
  font-family: "roboto_regular";
  font-size: 14px;
  margin-left: 10px;
  text-transform: capitalize;
  color: #1f2223;
  display: inline-block;
}

.sub-navigation {
  float: left;
  font-size: 14px;
  z-index: 1;
  opacity: 1;
  width: 100%;
  height: inherit;
  display: inline-flex;
}
.sub-navigation li {
  margin-left: 10px;
  display: inline-block;
}
.sub-navigation li:first-child {
  border-left: 1px solid #c7c8c8;
  padding-left: 10px;
}
.sub-navigation li.overflow-start {
  display: none;
}
.sub-navigation li.overflow-start ~ li[id*=SectionLink] {
  display: none;
}
.sub-navigation li.current {
  position: relative;
}
.sub-navigation li.current:first-child:before {
  width: calc(100% - 10px);
}
.sub-navigation li.current:before {
  background-color: #00aeef;
  bottom: 0px;
  content: "";
  display: block;
  height: 3px;
  position: absolute;
  right: 0px;
  width: 100%;
}
.sub-navigation li a {
  color: #1f2223;
}
.background-takeover .sub-navigation li a {
  color: #fff;
}

/* Start : Filters */
.filter-control {
  background-color: #051224;
  color: #fff;
  position: relative;
  width: 100%;
}
.filter-control .filter-label {
  margin-left: 10px;
}
.filter-control .icon-filter {
  color: #051224;
  position: absolute;
  font-size: 24px;
  left: 1px;
  background: #fff;
  top: 1px;
  transition: all 0.25s ease-in-out;
}
.filter-control:hover {
  background-color: #000;
  border-color: #000;
}
.filter-control:hover .icon-filter {
  color: #1f2223;
}

/*.sub-nav-hidden .fixed-sub-navigation .header-sub-navigation {
	transform: translate3d(0,-50px, 0);
	-ms-transform: translateY(-50px);
}*/
.filter-holder {
  float: left;
  height: 0;
  opacity: 0;
  position: relative;
  width: 100%;
}
.filter-holder:before {
  border-top: 1px solid #bfc3c5;
  content: "";
  display: block;
  height: 1px;
  left: 50%;
  margin-left: -1500px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 3000px;
  transition: opacity 0.25s ease-in-out;
}
.filter-holder.expand {
  display: table;
  margin-top: 9px;
  padding: 16px 0 8px;
  opacity: 1;
  overflow: visible;
  grid-area: expanded-filter;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .filter-holder.expand {
    height: auto;
    zoom: 1;
  }
  .filter-holder.expand:before, .filter-holder.expand:after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
  }
  .filter-holder.expand:after {
    clear: both;
  }
}
.filter-holder.expand:before {
  opacity: 1;
}
.filter-holder.exposed {
  float: right;
  height: 30px;
  opacity: 1;
  overflow: visible;
  width: auto;
  margin-top: -3px;
  grid-area: filter-button;
}
.page-header-holder > .filter-holder.exposed {
  margin-right: 0px;
}

.dropdown-layout-wrapper {
  width: calc(100% - 90px);
}
.exposed .dropdown-layout-wrapper {
  width: auto;
}

.dropdown-wrapper {
  display: table;
  float: left;
  table-layout: fixed;
  width: calc(100% - 200px);
  margin-right: 16px;
  min-width: 181px;
}
.exposed .dropdown-wrapper {
  width: 190px;
  margin-right: 0px;
}

.filter-title {
  font-family: "roboto_bold";
  font-size: 16px;
  width: auto;
  display: inline-block;
  float: left;
  margin-right: 16px;
  color: #1f2223;
}

.dropdown-holder-wrapper {
  display: inline-flex;
  vertical-align: top;
}

.dropdown-holder {
  background-color: #fff;
  border: 1px solid #c7c8c8;
  border-radius: 3px;
  height: 32px;
  width: 150px;
  margin-right: 15px;
  position: relative;
}
.dropdown-holder.disabled {
  opacity: 0.3;
}
.dropdown-holder.expand .dropdown {
  height: auto;
  max-height: 234px;
  width: 150px;
  border: 1px solid #c7c8c8;
  border-top: 1px dashed #c7c8c8;
  border-radius: 0 0 3px 3px;
}
.dropdown-holder:focus .dropdown {
  height: auto;
  max-height: 234px;
  min-width: 180px;
  border: 1px solid #c7c8c8;
  border-top: 1px dashed #c7c8c8;
  border-radius: 0 0 3px 3px;
}
.dropdown-holder.player-input:after, .dropdown-holder.autocomplete-input:after {
  color: #051224;
  content: "\e603";
  font-family: "icomoon";
  font-size: 18px;
  position: absolute;
  right: 10px;
  top: 6px;
}
.dropdown-holder.player-input .dropdown-label, .dropdown-holder.autocomplete-input .dropdown-label {
  border: none;
  cursor: auto;
  height: 100%;
  line-height: 30px;
  text-transform: capitalize;
  width: 100%;
  top: -2px;
}
.dropdown-holder.player-input input:placeholder, .dropdown-holder.autocomplete-input input:placeholder {
  color: #000;
}
.exposed .dropdown-holder {
  margin-right: 20px;
}
.dropdown-holder.dropdown-validation-error {
  border-bottom-color: #da1418;
}
.dropdown-holder.dropdown-validation-error .dropdown-label:after {
  color: #da1418;
}

.dropdown-label:not(.filter-text-input) {
  color: #1f2223;
  font-family: "roboto_bold";
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 30px;
  padding: 0px 30px 0 10px;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: capitalize;
  white-space: nowrap;
  cursor: pointer;
}
.dropdown-label:not(.filter-text-input):after {
  color: #051224;
  content: "\e601";
  font-family: "icomoon";
  font-size: 0.6em;
  position: absolute;
  right: 10px;
  top: 2px;
}

.dropdown {
  background-color: rgba(255, 255, 255, 0.96);
  height: 0px;
  left: 0;
  max-height: 0px;
  position: absolute;
  overflow: auto;
  right: 0;
  top: 32px;
  z-index: 100;
  -webkit-overflow-scrolling: touch;
  transition: all 0.25s ease-in-out;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .dropdown {
    transition: none;
  }
}
.filter-holder .dropdown {
  top: 34px;
}
.dropdown li {
  border-top: 1px solid #c7c8c8;
  color: #1f2223;
  cursor: pointer;
  line-height: 1em;
  font: 16px "roboto_regular";
  letter-spacing: 0px;
  padding: 10px 20px;
  position: relative;
  text-transform: none;
}
.dropdown li:hover {
  background-color: #dde0e1;
}
.dropdown li:first-child {
  border-top: none;
}
.dropdown li.current:after {
  color: #00aa0c;
  content: "\e616";
  font-family: "icomoon";
  font-size: 10px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.dropdown li a {
  display: block;
}

.filter-submit, .filter-reset {
  border: 1px solid #051224;
  border-radius: 3px;
  color: #051224;
  height: 32px;
  float: left;
  font-family: "roboto_bold";
  font-size: 16px;
  line-height: 28px;
  text-transform: capitalize;
  width: 32px;
}
.filter-submit:hover, .filter-reset:hover {
  border-color: #051224;
  background-color: #051224;
  color: #fff;
}

.filter-reset {
  margin-left: 10px;
  overflow: hidden;
}
.filter-reset:before {
  content: "\e617";
  display: block;
  font-family: "icomoon";
  height: 100%;
  width: 100%;
  transition: transform 0.25s ease-in-out;
}
.filter-reset:hover:before {
  transform: rotate(-180deg);
}
.content-filter-full-padding .filter-reset {
  height: 32px;
  line-height: 28px;
  width: 32px;
}

.filter-control .filter-svg {
  background-color: #f1f1f1;
  width: 20px;
  height: 20px;
  position: absolute;
  left: -2px;
  top: -2px;
  z-index: 2;
}
.filter-control .filter-svg svg {
  display: block;
  height: 100%;
  width: 100%;
}
.filter-control path {
  fill: #051224;
}
.filter-control .knob-one,
.filter-control .knob-two,
.filter-control .knob-three {
  transform: translateY(0);
  transition: transform 0.25s cubic-bezier(0.615, 0.005, 0.23, 1);
}
.filter-control:hover path {
  fill: #000;
}
.filter-control:hover .knob-one {
  animation: knobone 0.7s cubic-bezier(0.615, 0.005, 0.23, 1) infinite alternate;
}
.filter-control:hover .knob-two {
  animation: knobtwo 0.6s cubic-bezier(0.615, 0.005, 0.23, 1) infinite alternate;
}
.filter-control:hover .knob-three {
  animation: knobthree 0.5s cubic-bezier(0.615, 0.005, 0.23, 1) infinite alternate;
}

/* End : Filters */
/* ==========================================================================
	PAGE TABS
   ========================================================================== */
.page-tabs {
  background-color: #ffffff;
  border-top: none !important;
  padding: 10px;
}
.page-tabs + .filter-control, .page-tabs + script + .filter-control {
  margin-left: 10px;
  width: calc(100% - 20px);
  border: 1px #051224;
}
.page-tabs + .filter-control + .profile-tabs-wrapper, .page-tabs + .filter-control + script + .profile-tabs-wrapper, .page-tabs + .filter-control + script + script + .profile-tabs-wrapper, .page-tabs + script + .filter-control + .profile-tabs-wrapper, .page-tabs + script + .filter-control + script + .profile-tabs-wrapper, .page-tabs + script + .filter-control + script + script + .profile-tabs-wrapper {
  margin-top: 20px;
}
.page-tabs + .filter-control .icon-filter, .page-tabs + script + .filter-control .icon-filter {
  left: 2px;
  top: 2px;
}
.tourney-overview-tabs .page-tabs {
  border: none;
  border-bottom: 1px solid #ececec;
}
.page-tabs .module-tabs {
  border: none;
  float: none;
  margin: 0px;
  padding: 0px;
  display: table;
  font-size: 12px;
  width: 100%;
}
.page-tabs .module-tab {
  background-color: #051224;
  border: 1px solid #ffffff;
  cursor: pointer;
  color: #ffffff;
  display: table-cell;
  font-family: "roboto_bold" !important;
  height: 30px;
  line-height: 11px;
  padding: 0px 5px;
  text-align: center;
  text-transform: capitalize;
  vertical-align: middle;
}
@media (max-width: 320px) {
  .page-tabs .module-tab {
    padding: 0px 2px;
  }
}
.page-tabs .module-tab:first-child {
  border-left: none;
}
.page-tabs .module-tab.current {
  color: #1f2223;
  background-color: #ffffff;
  border: 1px solid #1f2223;
  border-bottom: 0;
}
.page-tabs .content-filters-with-buttons {
  float: right;
  width: 350px;
}
.page-tabs .content-filters-with-buttons .content-filters {
  padding: 0;
}
.page-tabs .content-filters-with-buttons .filter-action-buttons {
  margin: 0;
}

.tooltip, .past-players-tooltip {
  position: relative;
  display: inline-block;
  text-align: center;
}

.tooltip .tooltiptext, .past-players-tooltip .tooltiptext {
  visibility: hidden;
  width: 350px;
  background-color: darkslategray;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  position: absolute;
  font-size: 12px;
  z-index: 99999;
}

.tooltip:hover .tooltiptext, .past-players-tooltip:hover .tooltiptext {
  visibility: visible;
}

/* ==========================================================================
	PLAYER RESULTS
   ========================================================================== */
.player-results {
  background-color: #ffffff;
  padding-bottom: 30px;
}
.player-results .section-title, .player-results .tickets-accordion .accordion-label, .tickets-accordion .player-results .accordion-label {
  margin-bottom: 20px;
}

.player-results-table-wrapper {
  padding: 0px 15px;
}

.player-results-table {
  width: 100%;
}
.player-results-table tr {
  border-bottom: 1px solid #c7c8c8;
  height: 46px;
}
.player-results-table tr:nth-child(2n+1) {
  height: 81px;
}
.player-results-table tr:nth-child(2n+1) td {
  padding-top: 20px;
  vertical-align: top;
}
.player-results-table tr:first-child {
  height: 62px;
}
.player-results-table tr:first-child td {
  padding-top: 0px;
}
.player-results-table td {
  border-left: 1px solid #c7c8c8;
  text-align: center;
  vertical-align: middle;
  /*&.result-rank,*/
}
.player-results-table td:first-child {
  border-left: 0px;
}
.player-results-table td.result-player-info {
  text-align: left;
}
.player-results-table td.move-down .result-value:before {
  color: #da1418;
  content: "\e62a";
  font-family: "icomoon";
  position: relative;
  top: -1px;
  font-size: 10px;
  margin-right: 8px;
}
.player-results-table td.move-up .result-value:before {
  color: #00aa0c;
  content: "\e629";
  font-family: "icomoon";
  position: relative;
  top: -1px;
  font-size: 10px;
  margin-right: 8px;
}

/*.result-rank {
	position: relative;
	@if ($platform != mobile) {
		padding: 0px 20px;
		width: 88px;
	} @else {
		padding: 0px 0px 0px 8px;
		width: 73px;
	}
}*/
.result-flag {
  padding: 0px 20px;
}
.result-flag a {
  display: inline-block;
  width: 30px;
}
.result-flag img {
  height: auto;
  width: 100%;
}

.result-avatar {
  float: left;
  margin-right: 10px;
  width: 50px;
}
.result-avatar a {
  display: block;
  overflow: hidden;
  border: 1px solid #c7c8c8;
  height: 50px;
}
.result-avatar img {
  display: block;
  height: auto;
  width: 100%;
}

.result-name {
  float: left;
  font-family: "roboto_regular";
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 17px;
  text-transform: capitalize;
}
.result-name span {
  display: block;
}

.result-tourneys-played {
  width: 162px;
}

.result-move, .result-points, .result-rank {
  padding: 0px 20px;
}

.result-value {
  color: #1f2223;
  font-family: "roboto_bold";
  font-size: 13px;
}
.result-rank .result-value {
  color: #e24a4e;
  font-family: "roboto_regular";
}
.result-points .result-value {
  color: #1f2223;
}

.result-label {
  color: #969b9d;
  font-family: "roboto_regular";
  font-size: 11px;
  /*.result-rank & {
  	color: $labelColor;
  	position: absolute;
  	text-align: center;
  	text-transform: capitalize;
  	transform: rotate(-90deg);
  	transform-origin: bottom left;
  	@if ($platform != mobile) {
  		font-size: 1.8em;
  		left: 20px;
  		top: 56px;
  		width: 80px;
  	} @else {
  		left: 34px;
  		top: 29px;
  		width: 44px;
  	}
  }*/
}

/* ==========================================================================
		NAVIGATION
	 ========================================================================== */
html.search-active, html.search-active body {
  height: 100%;
  overflow: hidden;
}

.search-container {
  background: #fff;
  bottom: 0px;
  left: 0px;
  opacity: 0;
  overflow: auto;
  visibility: hidden;
  width: 100%;
  z-index: 10001;
  position: fixed;
  -webkit-overflow-scrolling: touch;
  transform: translateZ(0);
  transition: all 0.25s linear;
  background: #121212;
}
.search-active .search-container {
  opacity: 1;
  visibility: visible;
  height: calc(100% - 44px);
}
/* Start : Search Form */
.site-search {
  background: transparent;
  width: 100%;
  position: relative;
  border-bottom: 1px solid #3d3e3f;
  font-size: 15px;
  padding: 20px 15px 15px;
}
.site-search .search {
  display: block;
  width: 100%;
  margin: 0;
  border: 0;
  box-sizing: border-box;
  height: 28px;
  line-height: 28px;
  padding: 0px 25px 0px 10px;
  width: calc(100% - 36px);
}
.site-search .search::-webkit-input-placeholder {
  color: #fff;
  opacity: 0.8;
}
.site-search .search:-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
  opacity: 0.8;
}
.site-search .search::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
  opacity: 0.8;
}
.site-search .search:-ms-input-placeholder {
  color: #fff;
  opacity: 0.8;
}
.site-search .close-search {
  display: block;
  position: absolute;
  color: #ffffff;
  font-size: 25px;
  right: 15px;
  top: 23px;
}
.site-search .clear-search {
  color: #c7c8c8;
  font-size: 15px;
  position: absolute;
  right: 56px;
  top: 27px;
}

.search-partner {
  margin-top: 10px;
}
.search-partner span {
  color: #969b9d;
  font-family: "roboto_regular";
  margin-right: 10px;
  font-size: 15px;
}
.search-partner img {
  height: 20px;
  position: relative;
  top: 5px;
  width: auto;
}

/* End : Search Form */
.predictive-results-section:last-child .section-title, .predictive-results-section:last-child .tickets-accordion .accordion-label, .tickets-accordion .predictive-results-section:last-child .accordion-label {
  border-bottom: none;
}
.predictive-results-section:first-child {
  border-top: none;
}
.predictive-results-section:first-child .section-title, .predictive-results-section:first-child .tickets-accordion .accordion-label, .tickets-accordion .predictive-results-section:first-child .accordion-label {
  border-top: none;
}
.predictive-results-section .section-title, .predictive-results-section .tickets-accordion .accordion-label, .tickets-accordion .predictive-results-section .accordion-label {
  background: transparent;
  border-bottom: 1px solid #3d3e3f;
  border-top: 1px solid #3d3e3f;
  color: #ffffff;
  margin: 0px;
  padding: 15px 15px 10px;
}
.predictive-results-section .section-title:before, .predictive-results-section .tickets-accordion .accordion-label:before, .tickets-accordion .predictive-results-section .accordion-label:before, .predictive-results-section .section-title:after, .predictive-results-section .tickets-accordion .accordion-label:after, .tickets-accordion .predictive-results-section .accordion-label:after {
  display: none;
}

.predictive-results {
  display: table;
  width: 100%;
}

.predictive-result {
  display: table-row;
}
.predictive-result > * {
  vertical-align: middle;
  border-bottom: 1px solid #3d3e3f;
  padding: 10px 0px;
}

.predictive-result-image {
  display: table-cell;
  text-align: right;
  width: 65px;
}
.predictive-result-image img {
  height: auto;
  width: 50px;
}
.predictive-players .predictive-result-image img {
  border: 1px solid #c7c8c8;
}

.predictive-result-title {
  display: table-cell;
  font-family: "roboto_bold";
  font-size: 1.8em;
  padding-left: 15px;
  padding-right: 15px;
}
.predictive-result-title a {
  color: #ffffff !important;
}

.predictive-result-sub-title {
  display: block;
  font-family: "roboto_regular";
  color: #969b9d;
  font-size: 15px;
}

.predictive-result-buttons {
  display: table-cell;
}
.predictive-result-buttons .button-row-holder, .predictive-result-buttons .button-border-row-holder,
.predictive-result-buttons .button-group-row-holder {
  float: right;
  width: 395px;
}
.predictive-result-buttons .button-row {
  display: table-row;
}
.predictive-result-buttons .button-row .button-border, .predictive-result-buttons .button-row .channel-container .view-more, .channel-container .predictive-result-buttons .button-row .view-more, .predictive-result-buttons .button-row .channel-container .live-video, .channel-container .predictive-result-buttons .button-row .live-video, .predictive-result-buttons .button-row .predictive-see-all, .predictive-result-buttons .button-row #doorbell .buttons .btn, #doorbell .buttons .predictive-result-buttons .button-row .btn, .predictive-result-buttons .button-row #doorbell .buttons button, #doorbell .buttons .predictive-result-buttons .button-row button, .predictive-result-buttons .button-row .time-button, .predictive-result-buttons .button-row .modal-button {
  border-left: none;
  font-size: 18px;
  height: 30px;
  line-height: 30px;
  padding-top: 4px;
}
.predictive-result-buttons .button-row .button-border:first-child, .predictive-result-buttons .button-row .channel-container .view-more:first-child, .channel-container .predictive-result-buttons .button-row .view-more:first-child, .predictive-result-buttons .button-row .channel-container .live-video:first-child, .channel-container .predictive-result-buttons .button-row .live-video:first-child, .predictive-result-buttons .button-row .predictive-see-all:first-child, .predictive-result-buttons .button-row #doorbell .buttons .btn:first-child, #doorbell .buttons .predictive-result-buttons .button-row .btn:first-child, .predictive-result-buttons .button-row #doorbell .buttons button:first-child, #doorbell .buttons .predictive-result-buttons .button-row button:first-child, .predictive-result-buttons .button-row .time-button:first-child, .predictive-result-buttons .button-row .modal-button:first-child {
  border-left: 1px solid #051224;
}

.predictive-see-all {
  display: block;
  font-family: "roboto_bold";
  margin-top: 20px;
  text-transform: capitalize;
  font-size: 13px;
  margin-bottom: 20px;
  margin-left: 15px;
  width: calc(100% - 30px);
}
.predictive-results-section:last-child .predictive-see-all {
  margin-top: 0px;
}

/* When search form is activated */
.search-active .header {
  z-index: 10001;
}
.search-active .control-search {
  background: #082c56;
}
.search-active .control-search:before {
  color: #fff;
}
.search-active .site-search {
  opacity: 1;
  visibility: visible;
}

/* ==========================================================================
	TOURNAMENT RESULTS
   ========================================================================== */
.tournament-results {
  background-color: #ffffff;
  border-top: 1px solid #c7c8c8;
}

.tourney-results-wrapper {
  padding: 0px 15px 30px;
}

.tourney-result {
  margin-top: 20px;
}
.tourney-result:first-child {
  margin-top: 0px;
}
/* ==========================================================================
	WIN LOSS TABLE LIST
	========================================================================== */
#win-loss-wrapper {
  border-top: none !important;
}
#win-loss-wrapper .simple-pagination {
  display: block;
  padding-bottom: 40px;
}

.win-loss-table-list {
  padding: 0 15px;
  text-align: left;
}
.win-loss-table-list .player-cell {
  text-align: left;
  width: 16%;
}
.win-loss-table-list .player-avatar-cell {
  padding: 0;
}
.win-loss-table-list .mega-table th {
  padding-top: 10px;
}
.win-loss-table-list .mega-table th:first-child {
  color: #000;
  text-align: left;
}
.win-loss-table-list .rank-cell {
  border-right: none;
  color: #000 !important;
  padding-right: 10px;
}
.win-loss-table-list .country-cell {
  border-right: none;
  border-left: none;
  padding: 0 10px;
}
.win-loss-table-list .country-cell img {
  max-width: 40px;
}
.win-loss-table-list .player-cell {
  border-left: none;
  padding: 0 10px;
}
.win-loss-table-list .stats-listing-name {
  text-align: left;
  width: 50%;
}
.win-loss-table-list .switcher-cell {
  color: #472f91;
  font-weight: bold;
  width: 50%;
}

.player-avatar-cell {
  border-left: none !important;
  height: 80px !important;
  padding: 0 !important;
  vertical-align: bottom !important;
  width: 80px !important;
}
.player-avatar-cell a {
  display: block;
}
.player-avatar-cell img {
  display: block;
  height: auto;
  width: 100%;
  min-width: 60px;
  max-width: 80px;
}

.mega-table td.fifty-two-week-index-cell, .mega-table td.career-index-cell {
  color: #433692;
}

@media (max-width: 850px) {
  .win-loss-table-list td {
    height: auto !important;
    padding: 10px !important;
  }
  .win-loss-table-list td.player-avatar-cell {
    padding: 0px !important;
  }

  .player-avatar-cell {
    overflow: hidden;
    width: 0;
  }
  .player-avatar-cell * {
    width: 0;
    height: 0;
  }
}
/* ==========================================================================
	WIN LOSS TABLE CHART
	========================================================================== */
.win-loss-table-chart {
  padding: 0 15px;
  text-align: left;
}
.win-loss-table-chart .mega-table {
  border-top: 1px solid #ececec;
}
.win-loss-table-chart .country-cell img {
  max-width: 40px;
}
.win-loss-table-chart .player-cell {
  text-align: left;
  width: 25%;
}
.win-loss-table-chart .stats-listing-name {
  text-align: left;
  width: 50%;
}

.win-loss-score-cell {
  text-align: center;
  width: 65px;
}

.line-graph-cell {
  padding-left: 0 !important;
  vertical-align: middle;
  width: 50%;
}

.line-graph-cell-length {
  background-color: #433692;
  display: inline-block;
  float: left;
  height: 20px;
  opacity: 0;
  vertical-align: middle;
  width: 0%;
  transform: translateZ(0);
  transition: width 0.5s cubic-bezier(0.615, 0.005, 0.23, 1), opacity 0.3s linear;
}
.line-graph-cell-length.animate-line {
  opacity: 1;
}

/* ==========================================================================
	DAILY MEDIA NOTES
   ========================================================================== */
.daily-media-notes-wrapper {
  background-color: #ffffff;
  padding: 0px 16px 16px;
  padding: 0px 0px 16px;
}
.daily-media-notes-wrapper .sub-section-title {
  border-top: 1px solid #e8e8e8;
  line-height: 1;
  margin-bottom: 10px;
  padding-top: 10px;
}

.media-notes-table {
  table-layout: fixed;
  width: 100%;
}
.media-notes-table .tourney-badge {
  float: left;
  margin-right: 20px;
}
.media-notes-table .tourney-badge img {
  height: auto;
  width: 60px;
}
.media-notes-table .tourney-details {
  float: left;
  padding: 0px;
  width: calc(100% - 90px);
}
.media-notes-table .tourney-title {
  display: block;
  font-family: "roboto_bold";
  font-size: 18px;
  letter-spacing: 0px;
  line-height: 24px;
  margin-bottom: 5px;
}
.media-notes-table .tourney-location {
  border-right: 1px solid #ececec;
  color: #1f2223;
  font-family: "roboto_regular";
  font-size: 16px;
  letter-spacing: 0px;
  margin-right: 20px;
  padding-right: 20px;
}
.media-notes-table .tourney-dates {
  color: #1f2223;
  display: inline-block;
  font-family: "roboto_regular";
  font-size: 16px;
  letter-spacing: 0px;
}
.media-notes-table th {
  color: #1f2223;
  font-family: "roboto_regular";
  font-size: 21px;
  letter-spacing: 0px;
  padding-bottom: 15px;
  text-align: left;
  text-transform: capitalize;
}
.media-notes-table tr:first-child td {
  border-top: 1px solid #ececec;
}
.media-notes-table td {
  border-bottom: 1px solid #ececec;
  border-left: 1px solid #ececec;
  padding: 30px 30px 25px;
  vertical-align: top;
  width: 50%;
}
.media-notes-table td:first-child {
  border-left: none;
}

.daily-media-notes li {
  color: #969b9d;
  font-family: "roboto_regular";
  font-size: 16px;
  letter-spacing: 0px;
  margin-top: 15px;
}
.daily-media-notes li:first-child {
  margin-top: 0px;
}

.daily-media-day:before {
  content: "• ";
}

.daily-media-item {
  margin-top: 20px;
  padding: 0px 15px;
}
.daily-media-item:first-of-type {
  margin-top: 0px;
}

@media (max-width: 1039px) {
  .media-notes-table .tourney-location {
    border-right: none;
    display: block;
    margin-right: 0px;
    padding-right: 0px;
  }
}
/* ==========================================================================
	RULEBOOK TABLE
   ========================================================================== */
.rulebook-table-wrapper {
  padding: 0px 15px 30px;
}
.rulebook-table-wrapper .sub-section-title {
  border-top: 1px solid #e8e8e8;
  margin-bottom: 5px;
  padding-top: 5px;
}
.rulebook-table-wrapper .article-copy, .rulebook-table-wrapper #doorbell {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.article-copy .pdf-table, #doorbell .pdf-table {
  border-bottom-color: #e8e8e8;
}
.article-copy .pdf-table tbody td, #doorbell .pdf-table tbody td, .article-copy .pdf-table tbody td:first-child {
  border-top: 1px solid #e8e8e8;
  color: #1f2223;
  padding: 10px;
}
.article-copy .pdf-table tbody td, #doorbell .pdf-table tbody td {
  border-left: 1px solid #e8e8e8;
}
.article-copy .pdf-table tbody td:first-child, #doorbell .pdf-table tbody td:first-child {
  border-left: none;
}
.article-copy .pdf-table tbody td:last-child, #doorbell .pdf-table tbody td:last-child {
  text-align: center;
  font-family: "roboto_bold";
  padding: 10px 15px;
  width: 55px;
}

.rankings-table {
  width: 100%;
  font-size: 14px;
  font-family: "roboto_regular";
  display: none;
}
.rankings-table.current {
  display: table;
}
.rankings-table thead th {
  text-align: center;
  padding: 4px 0;
}
.rankings-table tbody tr:last-child td {
  border-bottom: 0;
}
.rankings-table tbody td {
  border: 1px solid #c7c8c8;
  padding: 4px 8px;
  vertical-align: middle;
}
.rankings-table tbody td:first-child {
  border-left: 0;
}
.rankings-table tbody td:last-child {
  border-right: 0;
}
.rankings-table tbody .rankings-table__rank {
  text-align: center;
  color: #051224;
}
.rankings-table tbody .rankings-table__points {
  text-align: center;
  font-family: "roboto_bold";
}
.rankings-table tbody .rankings-table__move {
  text-align: center;
}
.rankings-table tbody .rankings-table__move-up {
  color: #da1418;
  text-align: center;
}
.rankings-table tbody .rankings-table__move-up:before {
  font-family: "icomoon";
  text-align: center;
}
.rankings-table tbody .rankings-table__move-none {
  text-align: center;
  color: #c7c8c8;
}
.rankings-table tbody .rankings-table__move-none:before {
  content: "—";
}
.rankings-table tbody .rankings-table__move-down {
  text-align: center;
  font-size: 10px;
  color: #da1418;
}
.rankings-table tbody .rankings-table__move-down:before {
  font-family: "icomoon";
  text-align: center;
}
.rankings-table tbody .rankings-table__player-link {
  display: flex;
  align-items: center;
  padding: 4px 0;
}
.rankings-table tbody .rankings-table__player-flag {
  width: 30px;
  padding-right: 8px;
}
.rankings-table tbody .rankings-table__player-flag img {
  border: 1px solid #c7c8c8;
  width: 100%;
  height: auto;
}

/* ==========================================================================
	STRUCTURE
   ========================================================================== */
.structure-table-wrapper {
  padding: 20px 15px;
}
.structure-table-wrapper + *:not(.iab-wrapper), * + .structure-table-wrapper {
  padding-top: 0px;
}

.structure-table {
  width: 100%;
}
.structure-table th {
  color: #1f2223;
  font-family: "roboto_regular";
  line-height: 1;
  text-align: left;
  text-transform: capitalize;
  border-top: 1px solid #ececec;
  font-size: 12px;
  padding: 5px 0px;
}
.structure-table tr:first-child td {
  border-top: 1px solid #ececec;
}
.structure-table tr:nth-child(2n+1) td {
  background-color: #f7f7f7;
}
.structure-table td {
  border-bottom: 1px solid #ececec;
  border-left: 1px solid #ececec;
  color: #1f2223;
  font-family: "roboto_regular";
  vertical-align: middle;
  font-size: 13px;
  padding: 15px;
}
.structure-table td:first-child {
  border-left: none;
  width: 16%;
}
.two-column-tables .structure-table {
  margin-top: 20px;
}
.two-column-tables .structure-table:first-child {
  margin-top: 0px;
}

.structure-personnel-name {
  display: inline;
}
.structure-personnel-name:after {
  margin-left: -3px;
  content: ", ";
}
.structure-personnel-name:last-child:after {
  display: none;
}

.structure-multiline-wrapper {
  margin-top: 10px;
}
.structure-multiline-wrapper:first-child {
  margin-top: 0px;
}

.structure-multiline span {
  display: block;
}

/* ==========================================================================
	MEGA TABLE
   ========================================================================== */
.mega-table-wrapper {
  margin-bottom: 20px;
  padding: 0px 15px;
}
.module-header + .mega-table-wrapper {
  border-top: none;
}

.mega-table {
  width: 100%;
}
.mega-table .wl-dash-center {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.mega-table .wl-dash-center span {
  display: table-cell;
}
.mega-table .wl-dash-center span:first-child {
  text-align: right;
}
.mega-table .wl-dash-center span:nth-child(2) {
  text-align: center;
}
.mega-table .wl-dash-center span:nth-child(3) {
  text-align: left;
}
.mega-table .wl-decimal-right {
  text-align: right !important;
}
.mega-table.rank-detail-mega-table td:first-child {
  text-align: left;
}
.player-rank-breakdown-container .mega-table {
  margin-top: 30px;
}
.player-rank-breakdown-container .mega-table th:nth-child(2) {
  padding: 0px;
}
.player-rank-breakdown-container .mega-table th:nth-child(2) .mobile-select-wrapper {
  padding: 15px 0px;
}
.player-rank-breakdown-container .mega-table td:last-child {
  width: 130px;
}
.mega-table.past-number-ones-mega-table th {
  border-top: none;
  padding: 0px;
}
.mega-table.past-number-ones-mega-table th .mobile-select-wrapper {
  padding: 15px 0px;
}
.mega-table.past-number-ones-mega-table td:nth-child(2) {
  text-align: left;
}
.mega-table.past-number-ones-mega-table td:nth-child(3) {
  text-align: right;
}
.mega-table tr:nth-child(2n+1) td {
  background-color: #f8f8f8;
}
.mega-table td, .mega-table th {
  border-bottom: 1px solid #ececec;
  color: #1f2223;
  font-family: "roboto_regular";
  vertical-align: middle;
}
.mega-table th {
  border-top: 1px solid #ececec;
  text-transform: capitalize;
  padding: 5px;
  font-size: 12px;
}
.mega-table th .tooltip, .mega-table th .past-players-tooltip, .mega-table th.tooltip, .mega-table th.past-players-tooltip {
  text-transform: initial;
}
.mega-table th:first-child {
  padding-left: 0px;
  text-align: left;
}
.mega-table td {
  border-left: 1px solid #ececec;
  text-align: center;
  vertical-align: middle;
  font-size: 13px;
  padding: 5px;
}
.mega-table td:first-child {
  border-left: none;
  color: #1f2223;
}
.mega-table td:last-child, .mega-table td.player-cell, .rank-detail-mega-table .mega-table td {
  text-align: left;
}
.mega-table td.fifty-two-week-win-loss-cell {
  text-align: center;
}
.mega-table .mega-player-flag {
  display: block;
  float: left;
  height: 25px;
  margin-right: 20px;
}
.mega-table .mega-player-flag img {
  border: 1px solid #ececec;
  display: block;
  height: 100%;
  margin-top: -1px;
  width: auto;
}
.mega-table .mega-player-name {
  display: block;
  float: left;
  font-family: "roboto_bold";
  line-height: 25px;
}
.mega-table .day-table-name .mega-player-name {
  float: none;
  text-align: left;
}
.mega-table .rank-cell {
  color: #000;
}
.mega-table .tourney-result .tourney-location {
  display: block;
}
.mega-table .tourney-result .tourney-dates {
  display: block;
}

.futures-mega-container {
  padding-bottom: 40px;
}

.player-cell-wrapper {
  display: grid;
  grid-template-columns: auto 10px;
  height: 20px;
  align-items: center;
}
.player-cell-wrapper a:first-of-type {
  margin-right: 10px;
}

/* ==========================================================================
	MATCH RECORD
   ========================================================================== */
.match-record-wrapper {
  padding: 15px;
  padding-bottom: 30px;
}
.match-record-wrapper .mega-table {
  table-layout: fixed;
}
.match-record-wrapper .mega-table td.purple-background {
  background-color: #dbd5e9 !important;
}
.match-record-wrapper .mega-table:first-child th {
  border-top: 1px solid #ececec;
}
.match-record-wrapper .mega-table th:first-child, .match-record-wrapper .mega-table td:first-child {
  text-align: left;
  width: 62%;
}
.match-record-wrapper .mega-table th:nth-child(2), .match-record-wrapper .mega-table td:nth-child(2) {
  width: 38%;
}
.match-record-wrapper .mega-table th {
  border-top: none;
  color: #1f2223;
  padding-top: 10px;
  padding-bottom: 10px;
}
.match-record-wrapper .inner-win-loss-cells {
  table-layout: fixed;
  width: 100%;
}
.match-record-wrapper .inner-win-loss-cells td {
  background: none !important;
  border: none !important;
  color: #1f2223 !important;
  padding: 0px !important;
  width: auto !important;
}
.match-record-wrapper .inner-win-loss-cells td:first-child {
  text-align: right !important;
}
.match-record-wrapper .inner-win-loss-cells td:nth-child(2) {
  text-align: center !important;
}
.match-record-wrapper .inner-win-loss-cells td:nth-child(3) {
  text-align: left !important;
}
.match-record-wrapper .mobile-select-wrapper {
  padding: 0px;
}
.match-record-wrapper .mobile-select {
  margin-left: -15px;
  margin-right: -15px;
}
.match-record-wrapper .mobile-select .select-text {
  font-size: 10px;
  padding: 0px 30px 0px 5px;
}
.match-record-wrapper .mobile-select .select-text:before {
  font-size: 18px;
}
.match-record-wrapper .asterisk-legend {
  margin-top: 10px;
}
.match-record-wrapper .asterisk-legend span {
  color: #969b9d;
  display: block;
  font-size: 1.2em;
}
.match-record-wrapper .button-border, .match-record-wrapper .channel-container .view-more, .channel-container .match-record-wrapper .view-more, .match-record-wrapper .channel-container .live-video, .channel-container .match-record-wrapper .live-video, .match-record-wrapper #doorbell .buttons .btn, #doorbell .buttons .match-record-wrapper .btn, .match-record-wrapper #doorbell .buttons button, #doorbell .buttons .match-record-wrapper button, .match-record-wrapper .time-button, .match-record-wrapper .modal-button, .match-record-wrapper .predictive-see-all {
  border-color: #051224;
  color: #051224;
  margin-top: 20px;
  padding: 0px;
}
.match-record-wrapper .button-border:hover, .match-record-wrapper .channel-container .view-more:hover, .channel-container .match-record-wrapper .view-more:hover, .match-record-wrapper .channel-container .live-video:hover, .channel-container .match-record-wrapper .live-video:hover, .match-record-wrapper #doorbell .buttons .btn:hover, #doorbell .buttons .match-record-wrapper .btn:hover, .match-record-wrapper #doorbell .buttons button:hover, #doorbell .buttons .match-record-wrapper button:hover, .match-record-wrapper .time-button:hover, .match-record-wrapper .modal-button:hover, .match-record-wrapper .predictive-see-all:hover {
  background-color: #051224;
  color: #ffffff;
}

/* ==========================================================================
	OVERVIEW STATS TABLE
   ========================================================================== */
.overview-stats-table-wrapper {
  padding: 0px 10px 10px;
}
.overview-stats-table-wrapper .section-title, .overview-stats-table-wrapper .tickets-accordion .accordion-label, .tickets-accordion .overview-stats-table-wrapper .accordion-label {
  padding: 10px 0;
  margin-bottom: 0;
  background-image: none;
  display: block !important;
}
.overview-stats-table-wrapper .section-title:before, .overview-stats-table-wrapper .tickets-accordion .accordion-label:before, .tickets-accordion .overview-stats-table-wrapper .accordion-label:before, .overview-stats-table-wrapper .section-title:after, .overview-stats-table-wrapper .tickets-accordion .accordion-label:after, .tickets-accordion .overview-stats-table-wrapper .accordion-label:after {
  border-width: 0px;
}
.overview-stats-table-wrapper .players-stats-table {
  table-layout: fixed;
}
.overview-stats-table-wrapper .players-stats-table tr:first-child td:first-child > * {
  position: static;
  transform: none;
}
.overview-stats-table-wrapper .players-stats-table tr:first-child {
  background-color: #f1f1f1;
}
.overview-stats-table-wrapper .players-stats-table td:first-child {
  background: none;
  width: auto;
}
.overview-stats-table-wrapper .players-stats-table td:nth-child(2) .stat-value {
  color: #1f2223;
}
.overview-stats-table-wrapper .players-stats-table .label-value {
  color: #969b9d;
}
.overview-stats-table-wrapper .players-stats-table .stat-value.ranking-color {
  color: #051224;
}

.players-stats-table {
  width: 100%;
}
.players-stats-table.activity-single tr:nth-child(2) td:nth-child(3) {
  min-width: 50px;
}
.players-stats-table .vertical-th {
  background: #f1f1f1;
  position: relative;
  font-family: "roboto_regular";
  font-size: 16px;
  width: 28px;
}
.players-stats-table .vertical-th .vertical {
  color: #1f2223;
  display: block;
  letter-spacing: 0px;
  text-align: center;
  text-transform: capitalize;
  transform: rotate(-90deg);
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
}
.players-stats-table .overview-year {
  background: #f1f1f1;
}
.players-stats-table tr:first-child td {
  border-top: 1px solid #ececec;
}
.players-stats-table tr:first-child td:first-child > * {
  right: 16px;
  top: 50%;
  position: absolute;
  transform: rotate(-90deg) translateX(50%);
  transform-origin: top right;
}
.players-stats-table td {
  border-bottom: 1px solid #ececec;
  border-left: 1px solid #ececec;
  border-top: 1px solid #ececec;
  font-family: "roboto_regular";
  text-align: center;
  text-transform: capitalize;
  vertical-align: middle;
  color: #1f2223;
  font-size: 11px;
  padding: 6px 0px;
}
.players-stats-table td:first-child {
  background-color: #f1f1f1;
  border-left: none;
  position: relative;
  width: 20px;
}
.players-stats-table td:nth-child(2) .stat-value {
  color: #ff0000;
}
.players-stats-table .stat-value {
  color: #1f2223;
  font-family: "roboto_bold";
  line-height: normal;
  font-size: 13px;
}
.players-stats-table .stat-value .icon-double-down-arrow:before, .players-stats-table .stat-value .head-to-head-move-down:before {
  color: #ff0000;
}
.players-stats-table .stat-value .icon-double-up-arrow:before, .players-stats-table .stat-value .head-to-head-move-up:before {
  color: #00aa0c;
}
.players-stats-table .stat-value .icon-arrow-none:before, .players-stats-table .stat-value .icon-arrow-none {
  content: "-";
  color: #ddd;
  font-size: 30px !important;
  line-height: 1;
  top: -4px;
  height: 18px;
  display: block;
  font-family: sans-serif !important;
  position: relative;
  margin: 0 !important;
}
.players-stats-table .stat-value .stat-arrow {
  font-family: "icomoon";
  font-size: 13px;
  margin-right: 5px;
}

/* ==========================================================================
	ACTIVITY STATS TABLE
   ========================================================================== */
.activity-stats-table-wrapper {
  padding: 0px 15px 30px;
}
.activity-stats-table-wrapper .players-stats-table {
  table-layout: fixed;
}
.activity-stats-table-wrapper .players-stats-table tr:first-child td:first-child .stat-value {
  color: #969b9d;
  font-family: "roboto_regular";
  font-size: 12px;
}
.activity-stats-table-wrapper .players-stats-table td:nth-child(2) .stat-value {
  color: #1f2223;
}

/* ==========================================================================
	ACTIVITY TOURNAMENT TABLE
   ========================================================================== */
.match-watch-link span {
  font-size: 13px;
  font-weight: bold;
}

.match-watch-link .icon, .match-watch-link .tournaments-categories-item .item-link:before, .tournaments-categories-item .match-watch-link .item-link:before, .match-watch-link .modal-select .select-text:before, .modal-select .match-watch-link .select-text:before, .match-watch-link .mobile-select .select-text:before, .mobile-select .match-watch-link .select-text:before {
  font-size: 22px;
}

.activity-tournament-table {
  border-top: 1px solid #ececec;
  padding: 25px 15px;
}
.activity-tournament-table .tourney-results-wrapper {
  padding: 0px;
  display: block;
}
.activity-tournament-table .tourney-badge-wrapper {
  padding-right: 10px;
}
.activity-tournament-table .tourney-badge img {
  height: 35px;
  width: auto;
}
.activity-tournament-table .title-content {
  color: #1f2223;
  font-family: "roboto_regular";
  font-size: 13px;
  line-height: 17px;
}
.activity-tournament-table .tourney-title {
  font-family: "roboto_bold";
}
.activity-tournament-table .tourney-title:after {
  content: " ";
}
.activity-tournament-table .tourney-location {
  display: block;
}
.activity-tournament-table .tourney-location:after {
  content: " ";
}
.activity-tournament-table .tourney-dates {
  display: block;
}
.activity-tournament-table .mega-table .mega-player-name, .activity-tournament-table .mega-table .mega-player-score {
  display: block;
  float: none;
  font-family: "roboto_regular";
  line-height: 18px;
  text-align: left;
}
.activity-tournament-table .mega-table th {
  color: #1f2223;
  background-color: #f1f1f1;
  border-left: 1px solid #ececec;
  text-align: center;
}
.activity-tournament-table .mega-table th:first-child {
  border-left: none;
  padding-left: 5px;
}
.activity-tournament-table .mega-table th:nth-child(3) {
  text-align: left;
}
.activity-tournament-table .mega-table td {
  background-color: #fff !important;
  color: #1f2223;
  font-family: "roboto_bold";
}
.activity-tournament-table .mega-table td:nth-child(2) {
  color: #ff0000;
}
.activity-tournament-table .mega-table td:last-child {
  text-align: center;
}
.activity-tournament-table .tourney-result td {
  border-color: #e8e8e8;
  vertical-align: middle;
  padding-bottom: 15px !important;
  padding-top: 0px !important;
}

.activity-tournament-caption {
  font-family: "roboto_regular";
  color: #1f2223;
  font-size: 11px;
  margin-top: 8px;
}

.mega-player-name-wrapper .mega-player-name:first-child:before {
  display: none;
}
.mega-player-name-wrapper .mega-player-name:before {
  content: "/ ";
  margin-left: 5px;
}

.activity-tournament-table .mega-table.doubles-diff-partners-layout .rank {
  color: #ff0000;
}
.activity-tournament-table .mega-table.doubles-diff-partners-layout .rank:before {
  content: " (";
}
.activity-tournament-table .mega-table.doubles-diff-partners-layout .rank:after {
  content: ") ";
}
.activity-tournament-table .mega-table.doubles-diff-partners-layout .player-name-wrapper {
  text-align: left;
}
.activity-tournament-table .mega-table.doubles-diff-partners-layout .player-name-wrapper .mega-player-name {
  display: initial;
}

/* ==========================================================================
	COACHES TABLES
   ========================================================================== */
.coaches-tables-wrapper {
  border-top: none !important;
  margin-bottom: 30px;
}
.coaches-tables-wrapper .content-accordion-wrapper, .coaches-tables-wrapper .tourney-overview-accordion {
  padding: 0px 15px;
}

.coaches-table.mega-table.featured-coaches td:nth-child(2) {
  padding: 0px;
  vertical-align: middle;
  width: 8%;
}
.coaches-table.mega-table.featured-coaches td:nth-child(3) {
  width: 26%;
}
.coaches-table.mega-table.featured-coaches td:nth-child(4) {
  width: 13%;
}
.coaches-table.mega-table th {
  color: #1f2223;
  text-align: center;
}
.coaches-table.mega-table th:first-child {
  padding-left: 30px;
  text-align: left;
  width: 44%;
}
.coaches-table.mega-table th:nth-child(2) {
  width: 13%;
}
.coaches-table.mega-table th:nth-child(3) {
  width: 24%;
}
.coaches-table.mega-table th:last-child {
  width: 19%;
}
.coaches-table.mega-table td {
  color: #969b9d;
  line-height: 20px;
  padding: 8px 25px 4px;
}
.coaches-table.mega-table td:first-child {
  padding-left: 30px;
  padding-right: 30px;
  width: 10%;
}
.coaches-table.mega-table td:nth-child(2) {
  width: 34%;
}
.coaches-table.mega-table td:nth-child(3) {
  width: 13%;
}
.coaches-table.mega-table td:nth-child(4) {
  width: 24%;
}
.coaches-table.mega-table td:last-child {
  color: #051224;
  text-align: center;
  width: 19%;
}

.coach-flag {
  display: block;
  height: 25px;
}
.coach-flag img {
  border: 1px solid #ddd;
  height: 100%;
  width: auto;
}

.coach-avatar {
  display: block;
  border: 1px solid #ececec;
  float: left;
  margin-right: 15px;
  width: 50px;
}
.coach-avatar img {
  display: block;
  height: auto;
  width: 100%;
}

.coach-info {
  margin-top: 5px;
  table-layout: fixed;
  width: 220px;
}
.coach-info + * {
  clear: both;
}
.coach-info td {
  border-left: 1px solid #ececec;
  height: 40px;
  text-align: center;
  text-transform: capitalize;
  vertical-align: middle;
}
.coach-info td:first-child {
  border-left: none;
}
.coach-info .coach-info-value {
  color: #1f2223;
  font-family: "roboto_bold";
  font-size: 16px;
  letter-spacing: 0px;
}
.coach-info .coach-info-label {
  color: #1f2223;
  font-family: "roboto_regular";
  font-size: 9px;
}

.currently-coaching {
  font-size: 13px;
  line-height: 15px;
  padding-bottom: 8px;
  padding-top: 15px;
}
.currently-coaching + .past-players-tooltip {
  border-top: 1px solid #ececec;
}
.currently-coaching a {
  font-family: "roboto_regular";
}
.currently-coaching a:last-child:after {
  display: none;
}
.currently-coaching a:after {
  content: ", ";
}

.currently-coaching-title {
  color: #1f2223;
  font-family: "roboto_bold";
}

.coach-name {
  display: block;
  text-align: left;
  width: 100%;
}

.coaching-player {
  display: block;
}
.coaching-player:last-child:after {
  display: none;
}
.coaching-player:after {
  content: ",";
}

.coaches-accordion-wrapper.content-accordion-wrapper .content-accordion:first-child .accordion-label, .coaches-accordion-wrapper.tourney-overview-accordion .content-accordion:first-child .accordion-label {
  border-top: 1px solid #ececec;
}
.coaches-accordion-wrapper.content-accordion-wrapper .content-accordion.expand .centered-content-wrapper, .coaches-accordion-wrapper.tourney-overview-accordion .content-accordion.expand .centered-content-wrapper {
  border-bottom: 1px solid #ececec;
  max-height: 300px;
  padding: 10px 0px;
}
.coaches-accordion-wrapper.content-accordion-wrapper .accordion-label, .coaches-accordion-wrapper.tourney-overview-accordion .accordion-label {
  font-family: "roboto_regular";
  padding: 10px 45px 10px 5px;
}
.coaches-accordion-wrapper.content-accordion-wrapper .accordion-label img, .coaches-accordion-wrapper.tourney-overview-accordion .accordion-label img {
  float: left;
  height: 20px;
  margin-right: 20px;
  width: auto;
}

/* ==========================================================================
	PAST RESULTS & DRAW
   ========================================================================== */
.past-results-and-draws-table-wrapper .accordion-label {
  text-transform: capitalize;
}
.past-results-and-draws-table-wrapper .button-border-row-holder {
  padding-left: 10px;
  padding-right: 10px;
}
.past-results-and-draws-table-wrapper .button-border, .past-results-and-draws-table-wrapper .channel-container .view-more, .channel-container .past-results-and-draws-table-wrapper .view-more, .past-results-and-draws-table-wrapper .channel-container .live-video, .channel-container .past-results-and-draws-table-wrapper .live-video, .past-results-and-draws-table-wrapper #doorbell .buttons .btn, #doorbell .buttons .past-results-and-draws-table-wrapper .btn, .past-results-and-draws-table-wrapper #doorbell .buttons button, #doorbell .buttons .past-results-and-draws-table-wrapper button, .past-results-and-draws-table-wrapper .time-button, .past-results-and-draws-table-wrapper .modal-button, .past-results-and-draws-table-wrapper .predictive-see-all {
  border-radius: 0;
  border: 1px solid #e8e8e8 !important;
  background: #f1f1f1;
}
.past-results-and-draws-table-wrapper .button-border.current, .past-results-and-draws-table-wrapper .channel-container .current.view-more, .channel-container .past-results-and-draws-table-wrapper .current.view-more, .past-results-and-draws-table-wrapper .channel-container .current.live-video, .channel-container .past-results-and-draws-table-wrapper .current.live-video, .past-results-and-draws-table-wrapper #doorbell .buttons .current.btn, #doorbell .buttons .past-results-and-draws-table-wrapper .current.btn, .past-results-and-draws-table-wrapper #doorbell .buttons button.current, #doorbell .buttons .past-results-and-draws-table-wrapper button.current, .past-results-and-draws-table-wrapper .current.time-button, .past-results-and-draws-table-wrapper .current.modal-button, .past-results-and-draws-table-wrapper .current.predictive-see-all {
  border-bottom: none !important;
}
.past-results-and-draws-table-wrapper .content-accordion.expand .centered-content-wrapper {
  padding-bottom: 20px;
}

.past-results-and-draws-table {
  margin: 10px;
  border-top: none;
  width: calc(100% - 20px);
}
.past-results-and-draws-table.mega-table th {
  color: #1f2223;
}
.past-results-and-draws-table.mega-table th:first-child {
  padding: 0px;
  text-align: center;
}
.past-results-and-draws-table.mega-table td:nth-child(2) {
  text-align: left;
}
.past-results-and-draws-table.mega-table td:last-child {
  text-align: center;
}
.past-results-and-draws-table.mega-table td a {
  display: block;
}
.past-results-and-draws-table .player-flag {
  display: block;
  margin-right: 10px;
  width: 40px;
}
.past-results-and-draws-table .player-flag img {
  display: block;
  height: auto;
  width: 100%;
  border: 1px solid #ddd;
}
.past-results-and-draws-table .player-name {
  font-family: "roboto_bold";
}

.past-results-and-draws-player {
  display: table;
  margin-top: 10px;
}
.past-results-and-draws-player:first-child {
  margin-top: 0px;
}
.past-results-and-draws-player > * {
  display: table-cell;
  vertical-align: middle;
}

@media (min-width: 1012px) {
  .past-results-and-draws-player {
    float: left;
    margin: 0px 0px 0px 20px;
  }
  .past-results-and-draws-player:first-child {
    margin-left: 0px;
  }
}
/* ==========================================================================
	PAST RESULTS & DRAW
   ========================================================================== */
.seeds-table-wrapper .accordion-label {
  text-transform: capitalize;
}
.seeds-table-wrapper .button-border-row-holder {
  padding-left: 10px;
  padding-right: 10px;
}
.seeds-table-wrapper .button-border, .seeds-table-wrapper .channel-container .view-more, .channel-container .seeds-table-wrapper .view-more, .seeds-table-wrapper .channel-container .live-video, .channel-container .seeds-table-wrapper .live-video, .seeds-table-wrapper #doorbell .buttons .btn, #doorbell .buttons .seeds-table-wrapper .btn, .seeds-table-wrapper #doorbell .buttons button, #doorbell .buttons .seeds-table-wrapper button, .seeds-table-wrapper .time-button, .seeds-table-wrapper .modal-button, .seeds-table-wrapper .predictive-see-all {
  border-radius: 0;
  border: 1px solid #e8e8e8 !important;
  background: #f1f1f1;
}
.seeds-table-wrapper .button-border.current, .seeds-table-wrapper .channel-container .current.view-more, .channel-container .seeds-table-wrapper .current.view-more, .seeds-table-wrapper .channel-container .current.live-video, .channel-container .seeds-table-wrapper .current.live-video, .seeds-table-wrapper #doorbell .buttons .current.btn, #doorbell .buttons .seeds-table-wrapper .current.btn, .seeds-table-wrapper #doorbell .buttons button.current, #doorbell .buttons .seeds-table-wrapper button.current, .seeds-table-wrapper .current.time-button, .seeds-table-wrapper .current.modal-button, .seeds-table-wrapper .current.predictive-see-all {
  border-bottom: none !important;
}
.seeds-table-wrapper .content-accordion.expand .centered-content-wrapper {
  padding-bottom: 20px;
}

.seeds-table {
  margin: 10px;
  width: calc(100% - 20px);
}
.seeds-table td:nth-child(3) {
  width: 70px;
}
.seeds-table.mega-table th {
  color: #1f2223;
}
.seeds-table.mega-table th:first-child {
  padding: 0 0 0 0;
  text-align: center;
}
.seeds-table.mega-table td:nth-child(2) {
  text-align: left;
}
.seeds-table.mega-table td:last-child {
  text-align: center;
}
.seeds-table.mega-table td a {
  display: block;
}
.seeds-table .player-flag {
  display: block;
  margin-right: 10px;
  width: 30px;
}
.seeds-table .player-flag img {
  border: 1px solid #ddd;
  display: block;
  height: auto;
  width: 100%;
}
.seeds-table .player-name {
  font-family: "roboto_bold";
}

.seeds-player {
  display: table;
  margin-top: 10px;
}
.seeds-player:first-child {
  margin-top: 0px;
}
.seeds-player > * {
  display: table-cell;
  vertical-align: middle;
}

@media (min-width: 1012px) {
  .seeds-player {
    float: left;
    margin: 0px 0px 0px 20px;
  }
  .seeds-player:first-child {
    margin-left: 0px;
  }
}
/* ==========================================================================
	POINTS AND PRIZE MONEY TABLE
   ========================================================================== */
.points-and-prize-money-table-wrapper .accordion-label {
  border-bottom: none;
  text-transform: capitalize;
}
.points-and-prize-money-table-wrapper .button-border-row-holder {
  padding-left: 10px;
  padding-right: 10px;
}
.points-and-prize-money-table-wrapper .button-border, .points-and-prize-money-table-wrapper .channel-container .view-more, .channel-container .points-and-prize-money-table-wrapper .view-more, .points-and-prize-money-table-wrapper .channel-container .live-video, .channel-container .points-and-prize-money-table-wrapper .live-video, .points-and-prize-money-table-wrapper #doorbell .buttons .btn, #doorbell .buttons .points-and-prize-money-table-wrapper .btn, .points-and-prize-money-table-wrapper #doorbell .buttons button, #doorbell .buttons .points-and-prize-money-table-wrapper button, .points-and-prize-money-table-wrapper .time-button, .points-and-prize-money-table-wrapper .modal-button, .points-and-prize-money-table-wrapper .predictive-see-all {
  border-radius: 0;
  border: 1px solid #e8e8e8 !important;
  background: #f1f1f1;
}
.points-and-prize-money-table-wrapper .button-border.current, .points-and-prize-money-table-wrapper .channel-container .current.view-more, .channel-container .points-and-prize-money-table-wrapper .current.view-more, .points-and-prize-money-table-wrapper .channel-container .current.live-video, .channel-container .points-and-prize-money-table-wrapper .current.live-video, .points-and-prize-money-table-wrapper #doorbell .buttons .current.btn, #doorbell .buttons .points-and-prize-money-table-wrapper .current.btn, .points-and-prize-money-table-wrapper #doorbell .buttons button.current, #doorbell .buttons .points-and-prize-money-table-wrapper button.current, .points-and-prize-money-table-wrapper .current.time-button, .points-and-prize-money-table-wrapper .current.modal-button, .points-and-prize-money-table-wrapper .current.predictive-see-all {
  border-bottom: none !important;
}
.points-and-prize-money-table-wrapper .content-accordion.expand .accordion-label {
  border-bottom: 1px solid #ececec;
}
.points-and-prize-money-table-wrapper .content-accordion.expand .centered-content-wrapper {
  padding-bottom: 20px;
}

.points-and-prize-money-table {
  margin: 10px;
  width: calc(100% - 20px);
}
.points-and-prize-money-table.mega-table th:first-child {
  padding-left: 0px;
  padding-right: 0px;
}
.points-and-prize-money-table.mega-table th, .points-and-prize-money-table.mega-table td {
  text-align: center;
}

/* ==========================================================================
CAREER TITLES/FINALS
  ========================================================================== */
.career-titles-finals-table-wrapper .mega-table {
  display: none;
}
.career-titles-finals-table-wrapper .mega-table.current {
  display: table;
}

.career-titles-finals-dropdown-holder-wrapper .mobile-select-wrapper {
  display: none;
  padding: 15px;
}
.career-titles-finals-dropdown-holder-wrapper .mobile-select-wrapper.current {
  display: block;
}
.career-titles-finals-dropdown-holder-wrapper .dropdown-holder {
  display: none;
}
.career-titles-finals-dropdown-holder-wrapper .dropdown-holder.current {
  display: block;
}

.title-and-finals .dropdown-wrapper {
  width: auto;
}

/* ==========================================================================
	SCORES DRAW TABLE
   ========================================================================== */
.scores-draw-table-wrapper {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0px 10px 10px;
}

.scores-draw-table {
  margin-right: 30px;
  table-layout: fixed;
  width: 978px;
}
.scores-draw-table th {
  color: #1f2223;
  font-family: "roboto_bold";
  font-size: 16px;
  letter-spacing: 0.5px;
  text-align: left;
  text-transform: capitalize;
}
.scores-draw-table th:first-child {
  width: 24.5%;
}
.scores-draw-table th:first-child span {
  width: 100%;
}
.scores-draw-table th span {
  border-bottom: 1px solid #ececec;
  display: block;
  float: right;
  margin-bottom: 10px;
  padding-bottom: 5px;
  width: calc(100% - 10px);
}
.scores-draw-table td {
  vertical-align: middle;
}
.scores-draw-table > tbody > tr > td:first-child {
  width: 24.5%;
}

.scores-draw-entry-box-wrapper {
  border-right: 1px solid #1f2223;
  margin-top: 20px;
  position: relative;
  width: calc(100% - 120px);
}
.scores-draw-entry-box-wrapper:after {
  border-top: 1px solid #1f2223;
  content: "";
  position: absolute;
  left: 100%;
  top: 50%;
  width: 120px;
  transform: translateY(-50%);
}
.scaffolding-bracket .scores-draw-entry-box-wrapper {
  margin-top: 0px;
  position: static;
}
.scores-draw-entry-box-wrapper.scores-draw-entry-finals {
  border: none;
}
.scores-draw-entry-box-wrapper.scores-draw-entry-finals:before {
  display: none;
}
.scores-draw-entry-box-wrapper.scores-draw-entry-finals:after {
  border: none;
}
.scores-draw-entry-box-wrapper.scores-draw-entry-finals .scores-draw-entry-box {
  width: 100%;
}
.scores-draw-entry-box-wrapper.scores-draw-entry-finals .scores-draw-entry-box:before, .scores-draw-entry-box-wrapper.scores-draw-entry-finals .scores-draw-entry-box:after {
  display: none;
}

.scaffolding-bracket {
  margin-top: 20px;
  position: relative;
}

.scores-draw-entry-box {
  position: relative;
  width: 100%;
  font-family: "roboto_regular";
  font-size: 15px;
  margin-top: 20px;
  padding: 10px 10px 10px 0px;
  width: calc(100% - 80px);
}
.scores-draw-entry-box:first-child {
  border-top: 1px solid #1f2223;
}
.scores-draw-entry-box:nth-child(2) {
  border-bottom: 1px solid #1f2223;
}
.scores-draw-entry-box-wrapper .scores-draw-entry-box {
  margin-top: 50px;
  padding: 5px 10px 5px 0px;
  width: 100%;
}
.scaffolding-bracket .scores-draw-entry-box-wrapper .scores-draw-entry-box {
  height: 33px;
}
.scores-draw-entry-box-wrapper .scores-draw-entry-box:first-child {
  margin-top: 0px;
}
.scores-draw-entry-box-wrapper .scores-draw-entry-box:after {
  content: "";
  height: 1px;
  left: 100%;
  top: 50%;
  position: absolute;
  width: 10px;
  transform: translateY(-50%);
}
td:first-child .scores-draw-entry-box {
  float: none;
  margin-top: 10px;
  padding-left: 0px;
  transform: none;
}

.scores-draw-entry-box-seed {
  border: 1px solid #1f2223;
  border-radius: 50%;
  display: inline-block;
  font-size: 13px;
  height: 20px;
  line-height: 16px;
  margin-right: 10px;
  position: relative;
  text-align: center;
  top: -1px;
  width: 20px;
}

.won-game {
  border: none;
  position: relative;
}
.won-game:before {
  color: #00aa0c;
  content: "\e616";
  font-family: "icomoon";
  font-size: 12px;
  position: absolute;
  right: 0px;
  top: 0;
}
.won-game.dbl:before {
  top: 10px;
}
.won-game.scores-draw-entry-box:before {
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.scores-draw-entry-box-table {
  width: 100%;
}
.scores-draw-entry-box-table tr:first-child td {
  padding-bottom: 10px;
}
.scores-draw-entry-box-table tr:first-child td:last-child {
  border-bottom: 1px dotted #c7c8c8;
}
.scores-draw-entry-box-table tr:last-child td {
  padding-top: 10px;
}
.scores-draw-entry-box-table td {
  font-family: "roboto_regular";
  font-size: 13px;
  color: #1f2223;
  vertical-align: middle;
}
.scores-draw-entry-box-table td:first-child {
  width: 15px;
}
.scores-draw-entry-box-table td:nth-child(2) {
  padding-left: 5px;
  padding-right: 10px;
  text-align: center;
  width: 35px;
}
.scores-draw-entry-box-table td:nth-child(2) span {
  display: block;
  line-height: 13px;
  position: relative;
  width: 20px;
}
.scores-draw-entry-box-table td:last-child {
  padding-left: 0px;
  padding-right: 0px;
}

.scores-draw-entry-box-players-item {
  display: block;
  font-family: "roboto_regular";
  font-size: 13px;
  letter-spacing: 0px;
  line-height: 1;
  margin-top: 5px;
  padding-left: 27px;
}
.scores-draw-entry-box-players-item:first-of-type {
  margin-top: 0px;
}
.scores-draw-entry-box-players-item:first-child {
  margin-top: 0px;
}
.scores-draw-entry-box-table .scores-draw-entry-box-players-item {
  padding-left: 30px;
  position: relative;
  display: block;
  margin-top: 5px;
}
.scores-draw-entry-box-players-item.not-in-system {
  color: #1f2223;
}

.draw-bye {
  display: block;
  font-size: 13px;
  padding-left: 55px;
}

.scores-draw-entry-box-seed-alt {
  font-size: 13px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.scores-draw-entry-box-players-item-flag {
  height: auto;
  width: 20px;
  border: 1px solid #c7c8c8;
  margin-right: 5px;
  position: relative;
  top: 2px;
}
.scores-draw-entry-box-players-item-flag.ghost-flag {
  border: none;
}

.scores-draw-entry-box-score {
  font-family: "roboto_regular";
  font-size: 13px;
  letter-spacing: 0px;
  position: absolute;
  left: calc(100% + 5px);
  top: calc(50% - 10px);
  width: 80px;
  transform: translateY(-50%);
}

.scores-draw-h2h-link-wrapper {
  position: absolute;
  left: 100%;
  top: 50%;
  width: 95px;
  transform: translateY(-50%);
}
.scores-draw-h2h-link-wrapper:before {
  border-top: 1px solid #1f2223;
  content: "";
  display: block;
  left: 0px;
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
}

.scores-draw-h2h-link {
  background-color: #051224;
  color: #ffffff;
  display: block;
  font-family: "roboto_regular";
  font-size: 12px;
  position: relative;
  text-align: center;
  height: 30px;
  line-height: 30px;
  margin: 0px auto;
  width: 55px;
}
.scores-draw-entry-box-wrapper .scores-draw-h2h-link {
  border-radius: 5px;
  border: 1px solid #051224;
  font-size: 13px;
  height: auto;
  line-height: 22px;
  width: auto;
  padding: 0 5px;
  position: absolute;
  left: calc(100% + 5px);
  top: calc(50% + 20px);
  z-index: 1;
  transform: translateY(-50%);
}
.scaffolding-bracket .scores-draw-h2h-link {
  cursor: auto;
  background-color: #d1d5d7;
}
.scaffolding-bracket .scores-draw-h2h-link:hover {
  background-color: #d1d5d7;
}
.bye-bracket .scores-draw-h2h-link {
  cursor: auto;
}
.bye-bracket .scores-draw-h2h-link:hover {
  background-color: #051224;
}
.scores-draw-h2h-link:hover {
  background-color: #1f2223;
  color: #ffffff;
}
.scores-draw-h2h-link span {
  display: block;
  left: 50%;
  padding-top: 4px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* ==========================================================================
	BRACKET NAVIGATION/TABS
   ========================================================================== */
.bracket-navigation {
  border-bottom: 1px solid #ececec;
  margin-top: 15px;
  width: 100%;
}
.bracket-navigation > * {
  font-size: 12px;
  padding-bottom: 8px;
  vertical-align: middle;
}
.bracket-navigation .non-modal-filter {
  padding: 0px;
}

.bracket-navigation-title {
  color: #1f2223;
  float: left;
  font-family: "roboto_bold";
  line-height: 1;
  position: relative;
  top: 1px;
  text-align: center;
  text-transform: capitalize;
  width: calc(100% - 60px);
}

.bracket-navigation-item {
  float: left;
  width: 30px;
}
.bracket-navigation-item a {
  display: block;
  font-family: "roboto_bold";
  line-height: 1;
  text-transform: capitalize;
}
.bracket-navigation-item a:before, .bracket-navigation-item a:after {
  font-family: "icomoon";
  font-size: 18px;
  position: relative;
  top: 8px;
}
.bracket-navigation-item a.disabled {
  color: #dde0e1;
  cursor: default;
}
.bracket-navigation-item a.disabled:hover, .bracket-navigation-item a.disabled:active {
  color: #dde0e1;
}
.bracket-navigation-item a.left-navigation-item:before {
  content: "\e624";
  margin-right: 5px;
}
.bracket-navigation-item a.right-navigation-item {
  text-align: right;
}
.bracket-navigation-item a.right-navigation-item:after {
  content: "\e609";
  margin-left: 5px;
}

.draw-bracket-tabs-wrapper {
  padding: 15px;
}

.draw-bracket-tabs {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.draw-bracket-tab {
  display: table-cell;
  vertical-align: middle;
}
.draw-bracket-tab a {
  display: block;
  padding: 5px;
  position: relative;
}
.draw-bracket-tab a.current {
  background-color: #e8e8e8;
}
.draw-bracket-tab a.round-size-64 {
  padding: 7px 5px;
}
.draw-bracket-tab img {
  display: block;
  height: auto;
  width: 100%;
}

/* ==========================================================================
	STATS LISTING
   ========================================================================== */
.stats-listing-wrapper {
  padding: 16px;
}
.stats-listing-wrapper .section-title, .stats-listing-wrapper .tickets-accordion .accordion-label, .tickets-accordion .stats-listing-wrapper .accordion-label {
  background: none;
  border-bottom: 1px solid #c7c8c8;
  margin-bottom: 0px;
  padding: 0px 0px 10px;
}
.stats-listing-wrapper .section-title:before, .stats-listing-wrapper .tickets-accordion .accordion-label:before, .tickets-accordion .stats-listing-wrapper .accordion-label:before, .stats-listing-wrapper .section-title:after, .stats-listing-wrapper .tickets-accordion .accordion-label:after, .tickets-accordion .stats-listing-wrapper .accordion-label:after {
  display: none;
}
.stats-listing-wrapper .section-title a, .stats-listing-wrapper .tickets-accordion .accordion-label a, .tickets-accordion .stats-listing-wrapper .accordion-label a {
  color: #1f2223;
}

.stats-listing-heading {
  table-layout: fixed;
  width: 100%;
}
.stats-listing-heading td {
  border-bottom: 1px solid #ececec;
  vertical-align: middle;
  width: 50%;
}
.stats-listing-heading td:first-child {
  color: #1f2223;
  font-family: "roboto_bold";
  font-size: 13px;
  text-transform: capitalize;
}
.stats-listing-heading .mobile-select-wrapper {
  padding: 10px 0px;
}

.stat-listing-table-content.no-pagination {
  margin: 20px 0;
}

.stats-listing-table {
  width: 100%;
}
.stats-listing-table th, .stats-listing-table td {
  vertical-align: middle;
}
.stats-listing-table th {
  background-color: #f1f1f1;
  color: #1f2223;
  font-family: "roboto_regular";
  font-size: 16px;
  letter-spacing: 0px;
  padding-top: 5px;
  text-transform: capitalize;
}
.stats-listing-table th:first-child {
  padding-left: 30px;
  text-align: left;
}
.stats-listing-table td {
  color: #1f2223;
  font-family: "roboto_regular";
  font-size: 16px;
  letter-spacing: 0px;
}

.stats-listing-row:first-child {
  border-top: 1px solid #ececec;
}
.stats-listing-row > td {
  border-bottom: 1px solid #ececec;
  border-left: 1px solid #ececec;
  text-align: center;
  padding: 10px 20px;
}
.stats-listing-row > td:first-child {
  border-left: none;
  padding: 0px 0px 0px 15px;
}

.stats-listing-info-cell table {
  width: 100%;
}
.stats-listing-info-cell table td {
  padding-left: 20px;
}
.stats-listing-info-cell table td:first-child {
  padding-left: 0px;
  text-align: left;
  width: 20px;
}
.stats-listing-info-cell table td.stats-listing-image {
  padding-left: 10px;
}

.stats-listing-image {
  width: 90px;
}
.stats-listing-image img {
  display: block;
  height: auto;
  width: 100%;
}

.stats-listing-flag {
  width: 65px;
}
.stats-listing-flag img {
  display: block;
  height: auto;
  width: 100%;
}

.stats-listing-name {
  font-family: "roboto_bold";
  font-size: 20px;
  text-align: left;
}

.stat-player-country {
  margin-left: 10px;
}

/* ==========================================================================
	DAY TABLE
   ========================================================================== */
.scores-results-wrapper {
  padding-bottom: 30px;
}
.scores-results-wrapper .content-filters {
  border-bottom: 1px solid #c7c8c8;
}

.day-table-wrapper {
  padding: 20px 10px 0px;
}

.day-table-info {
  line-height: 1;
  border-bottom: 1px solid #e8e8e8;
  border-top: 1px solid #e8e8e8;
  padding: 10px 0px;
}

.day-table-round-text {
  color: #1f2223;
  float: left;
  font-family: "roboto_bold";
  font-size: 1.2em;
  text-transform: capitalize;
}

.day-table-date, .day-table-host-city {
  color: #1f2223;
  float: right;
  font-family: "roboto_regular";
  font-size: 11px;
}

.day-table-host-city {
  text-transform: uppercase;
  padding-top: 10px;
}

.day-table {
  width: 100%;
}
.day-table tr:nth-child(2n) td:not(.day-table-vertical-label) {
  background-color: #f1f1f1;
}
.day-table tr:nth-child(2n) td:not(.day-table-vertical-label).day-table-seed span {
  border-color: lightgray;
}
.day-table th, .day-table td {
  vertical-align: middle;
}
.day-table th {
  background-color: #e8e8e8;
  color: #1f2223;
  font-family: "roboto_regular";
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 1;
  padding: 10px 20px;
  text-align: left;
  text-transform: capitalize;
}
.day-table td {
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 10px;
  padding-top: 10px;
}

.day-table-seed {
  padding-left: 10px;
  width: 30px;
}
.day-table-seed span {
  display: block;
  font-family: "roboto_bold";
  text-align: center;
  color: #1f2223;
  font-size: 11px;
  line-height: 15px;
  width: 20px;
}

.day-table-name {
  padding-left: 10px;
  font-family: "roboto_regular";
}
.day-table-name a {
  margin-left: 3px;
}
.day-table-name a:first-child {
  margin-left: 0;
}

.day-table-vertical-label {
  background-color: #ffffff;
  border-left: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
  position: relative;
  width: 30px;
}
.day-table-vertical-label span {
  color: #1f2223;
  display: block;
  font-family: "roboto_regular";
  font-size: 11px;
  letter-spacing: 0px;
  text-align: center;
  text-transform: capitalize;
  transform: rotate(-90deg);
}

.day-table-score {
  color: #1f2223;
  font-family: "roboto_regular";
  text-transform: capitalize;
  font-size: 13px;
  letter-spacing: 0px;
  padding-left: 10px;
  text-align: right;
  width: 120px;
}

.day-table-button {
  padding-left: 3px;
  padding-right: 3px;
  width: 28px;
}
.day-table-button .icon-arrow-right, .day-table-button .controls-wrapper .rsArrowRight, .controls-wrapper .day-table-button .rsArrowRight, .day-table-button .mobile-navigation-links a, .mobile-navigation-links .day-table-button a, .day-table-button .modal-carousel .rsArrow.rsArrowRight .rsArrowIcn, .modal-carousel .rsArrow.rsArrowRight .day-table-button .rsArrowIcn {
  font-size: 12px;
}

/* ==========================================================================
	SCORES RESULTS ARCHIVE
   ========================================================================== */
.scores-results-archive {
  padding: 20px 10px;
}
.scores-results-archive .button-border, .scores-results-archive .channel-container .view-more, .channel-container .scores-results-archive .view-more, .scores-results-archive .channel-container .live-video, .channel-container .scores-results-archive .live-video, .scores-results-archive #doorbell .buttons .btn, #doorbell .buttons .scores-results-archive .btn, .scores-results-archive #doorbell .buttons button, #doorbell .buttons .scores-results-archive button, .scores-results-archive .time-button, .scores-results-archive .modal-button, .scores-results-archive .predictive-see-all {
  margin: 0px 2px 10px;
}

.results-archive-item {
  margin-top: 20px;
}
.results-archive-item:first-child {
  margin-top: 0px;
}

.results-archive-item-date {
  border-bottom: 1px solid #ececec;
  border-top: 1px solid #ececec;
  color: #1f2223;
  font-family: "roboto_regular";
  font-size: 11px;
  line-height: 1;
  margin-bottom: 10px;
  padding: 10px 0px;
}

.results-archive-item-title {
  display: block;
  font-family: "roboto_regular";
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 24px;
}

.results-archive-item-location {
  color: #1f2223;
  display: block;
  font-family: "roboto_regular";
  font-size: 13px;
  letter-spacing: 0px;
  margin-top: 5px;
}

/* ==========================================================================
	DAY TABLE SECTIONED
   ========================================================================== */
.sectioned-day-tables {
  padding-bottom: 30px;
}

.day-table.results {
  table-layout: fixed;
}

.sectioned .day-table-info {
  border: none;
  margin-bottom: 10px;
  padding: 0px;
}
.sectioned .day-table-date, .sectioned .day-table-day, .sectioned .day-table-host-city {
  color: #1f2223;
  display: inline-block;
  font-family: "roboto_bold";
  font-size: 15px;
  text-transform: capitalize;
}
.sectioned .day-table-date, .sectioned .day-table-host-city {
  float: none;
}
.sectioned .day-table-day:before {
  content: "- ";
  margin-left: 3px;
}
.sectioned .day-table {
  margin-top: 30px;
}
.sectioned .day-table th {
  color: #969b9d;
  font-size: 13px;
  padding: 10px;
  text-transform: none;
}
.sectioned .day-table:first-child {
  margin-top: 0px;
}

.day-table-title {
  font-size: 22px;
  font-weight: bold;
  color: black;
  font-family: "roboto_bold";
  display: block;
  float: left;
}

.day-table-options {
  float: right;
}

.day-table-heading {
  color: #1f2223;
  float: left;
  font-size: 14px;
  letter-spacing: 0px;
}
.day-table-heading span {
  margin-left: 3px;
}

.day-table-round {
  font-family: "roboto_regular";
  float: right;
  font-size: 14px;
  letter-spacing: 0px;
  text-transform: capitalize;
}
.scores-daily-schedule-content .day-table-round {
  width: 25px;
}

td.day-table-section-title {
  background-color: #e8e8e8 !important;
  color: #1f2223;
  font-family: "roboto_regular";
  line-height: 1;
  font-size: 12px;
  padding: 5px 10px;
}

.scores-daily-schedule-content, .scores-results-content {
  border-top: none !important;
}
.scores-daily-schedule-content .day-table-round, .scores-results-content .day-table-round {
  color: #1f2223;
  font-size: 13px;
  text-align: center;
  width: auto;
}
.scores-daily-schedule-content .day-table-name, .scores-results-content .day-table-name {
  font-size: 13px;
  letter-spacing: 0px;
  padding-left: 5px;
}
.scores-daily-schedule-content .day-table-name a, .scores-results-content .day-table-name a {
  display: inline-block;
}
.scores-daily-schedule-content td.day-table-seed, .scores-results-content td.day-table-seed {
  padding-left: 0px;
  width: 35px;
}
.scores-daily-schedule-content td.day-table-seed span, .scores-results-content td.day-table-seed span {
  line-height: 17px;
  width: 100%;
}
.scores-daily-schedule-content .day-table-score, .scores-results-content .day-table-score {
  padding-left: 5px;
  width: 120px;
}
.scores-daily-schedule-content .day-table-button, .scores-results-content .day-table-button {
  color: #1f2223;
  font-family: "roboto_regular";
  font-size: 13px;
  letter-spacing: 0px;
  width: 40px;
}
.scores-daily-schedule-content .day-table-button .button-border, .scores-daily-schedule-content .day-table-button .channel-container .view-more, .channel-container .scores-daily-schedule-content .day-table-button .view-more, .scores-daily-schedule-content .day-table-button .channel-container .live-video, .channel-container .scores-daily-schedule-content .day-table-button .live-video, .scores-daily-schedule-content .day-table-button #doorbell .buttons .btn, #doorbell .buttons .scores-daily-schedule-content .day-table-button .btn, .scores-daily-schedule-content .day-table-button #doorbell .buttons button, #doorbell .buttons .scores-daily-schedule-content .day-table-button button, .scores-daily-schedule-content .day-table-button .time-button, .scores-daily-schedule-content .day-table-button .modal-button, .scores-daily-schedule-content .day-table-button .predictive-see-all, .scores-results-content .day-table-button .button-border, .scores-results-content .day-table-button .channel-container .view-more, .channel-container .scores-results-content .day-table-button .view-more, .scores-results-content .day-table-button .channel-container .live-video, .channel-container .scores-results-content .day-table-button .live-video, .scores-results-content .day-table-button #doorbell .buttons .btn, #doorbell .buttons .scores-results-content .day-table-button .btn, .scores-results-content .day-table-button #doorbell .buttons button, #doorbell .buttons .scores-results-content .day-table-button button, .scores-results-content .day-table-button .time-button, .scores-results-content .day-table-button .modal-button, .scores-results-content .day-table-button .predictive-see-all {
  border: none !important;
  font-size: 13px;
  line-height: 31px;
  font-family: "roboto_regular";
}
.scores-daily-schedule-content .day-table-button.watch-button, .scores-results-content .day-table-button.watch-button {
  width: 30px;
}

.day-table-player-group.doubles a {
  margin-left: 0;
}
.day-table-player-group.doubles a:after {
  content: " / ";
}
.day-table-player-group.doubles a:nth-of-type(even):after {
  content: none;
}
.day-table-player-group .defeat {
  color: #000;
}

.scores-daily-schedule-controls {
  padding: 0 15px 0px;
  position: relative;
  margin: 20px 0;
}
.scores-daily-schedule-controls .select-wrap {
  padding-right: 40px;
}
.scores-daily-schedule-controls .modal-select {
  margin: 0;
}
.scores-daily-schedule-controls .button-time {
  height: 32px;
  position: absolute;
  top: 0;
  right: 15px;
  width: 32px;
}
.scores-daily-schedule-controls .button-time:before {
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* ==========================================================================
	PAST NUMBER ONES TABLE
  ========================================================================== */
#pastNumberOnesFilter {
  width: 35%;
  padding-bottom: 0;
}

/* ==========================================================================
MATCH FACTS
  ========================================================================== */
#playerMatchFacts {
  min-height: 684px;
}
#playerMatchFacts .content-filters {
  padding: 0px;
  float: right;
  width: calc(70% - 95px);
  position: relative;
}
#playerMatchFacts .dropdown-label {
  text-transform: capitalize;
}
#playerMatchFacts #playerMatchFactsContainer {
  border-top: 0px !important;
  min-height: 600px;
}
#playerMatchFacts #playerMatchFactsContainer .mega-table {
  width: 46%;
}
#playerMatchFacts #playerMatchFactsContainer .mega-table th {
  text-align: left;
  color: black;
}
#playerMatchFacts #playerMatchFactsContainer .mega-table td {
  text-align: left;
}
#playerMatchFacts #playerMatchFactsContainer .mega-table:first-child {
  float: left;
}
#playerMatchFacts #playerMatchFactsContainer .mega-table:last-child {
  float: right;
}
#playerMatchFacts .table-button {
  padding-bottom: 0px;
  width: 990px;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 20px;
  bottom: 19px;
  position: relative;
}

.module-header + #playerMatchFactsContainer {
  margin-top: 10px !important;
}

.content-not-found-select-wrapper .mobile-select {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.content-not-found-select-wrapper .mobile-select .select-text {
  font-size: 16px;
  padding-left: 10px;
}

.player-rank-history .mega-table-wrapper {
  margin-top: 10px;
  margin-bottom: 30px;
}
.player-rank-history .mega-table td:nth-child(2) {
  color: #051224;
}
.player-rank-history .mega-table td:last-child {
  color: #051224;
  text-align: center;
}

.table-rankings {
  border-top: none !important;
}

.player-rank-history-container td:nth-child(n+2) {
  color: #051224;
  text-align: center;
}

.event-listing .tab-container {
  padding: 25px;
}

/*START: FEATURED VIDEO CONTAINER**************************************/
.featured-video {
  display: flex;
  width: 100%;
}

.video-container {
  width: 100%;
  background-size: cover;
  z-index: 1;
  overflow: hidden;
  position: relative;
}
.video-container .video-player {
  display: flex;
  width: 100%;
  height: 100%;
  background-size: cover;
  transition: bottom 500ms;
  overflow: hidden;
}
.video-container .video-player .video-play-btn {
  transition: all 0.25s;
  cursor: pointer;
  transition: all 0.25s;
  float: none;
  font-size: 90px;
  height: 90px;
  width: 90px;
  margin: auto;
  position: relative;
  color: #051224;
}
.video-container .video-player .video-play-btn:hover {
  color: #fff;
}
.video-container .video-player .video-next-btn {
  transition: all 0.25s;
  cursor: pointer;
  transition: all 0.25s;
  float: none;
  font-size: 70px;
  line-height: 90px;
  height: 90px;
  width: 90px;
  margin: auto;
  position: relative;
  color: #051224;
  flex-grow: 2;
  text-align: right;
}
.video-container .video-player .video-next-btn:hover {
  color: #fff;
}
.video-container .video-player .video-replay-btn {
  transition: all 0.25s;
  cursor: pointer;
  transition: all 0.25s;
  float: none;
  font-size: 90px;
  height: 90px;
  width: 90px;
  margin: auto;
  position: relative;
  color: #051224;
  transform: scaleX(-1);
  text-align: left;
  flex-grow: 3;
}
.video-container .video-player .video-replay-btn:hover {
  color: #fff;
}
.video-container .video-player .video {
  height: 100%;
  width: 100%;
  margin: auto;
  transform: translateX(0);
}
.video-container .video-player .upcoming-video {
  height: 400px;
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  color: #fff;
  background-size: cover;
  display: flex;
  align-items: center;
  flex-direction: column;
  box-shadow: 0 0 200px 150px rgba(0, 0, 0, 0.85) inset;
  transform: translateX(100%);
  padding: 50px 32px;
  transition: transform ease-in-out 500ms;
}
.video-container .video-player .upcoming-video.active {
  transform: translateX(0);
}
.video-container .video-player .upcoming-video.active circle {
  animation: countdown 10s linear infinite forwards;
}
.video-container .video-player .upcoming-video a:hover {
  color: #fff;
}
.video-container .video-player .upcoming-video .autoplay-screen {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  text-align: center;
}
.video-container .video-player .upcoming-video .replay-screen {
  display: flex;
  width: 100%;
  height: 100%;
}
.video-container .video-player .upcoming-video .autoplay-toggle {
  padding: 32px;
  font-size: 16px;
  cursor: pointer;
}
.video-container .video-player .upcoming-video img {
  width: 100px;
  height: auto;
}
.video-container .video-player .upcoming-video h3 {
  font-size: 18px;
  padding: 32px;
}
.video-container .video-player .upcoming-video h4 {
  font-size: 16px;
  padding: 32px;
}
.video-container .video-player.playing .play-video, .video-container .video-player.playing .item-credit-text {
  display: none;
}
.video-container .video-player.playing .video {
  transform: translateX(0);
}
.video-container .video-player.played .video {
  transform: translateX(-100%);
  transition: transform ease-in-out 500ms;
}

.video-description {
  width: 310px;
  height: 400px;
  box-shadow: inset 8px 0px 50px 0px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
}
.video-description h2 {
  font-family: "roboto_bold";
  font-size: 24px;
  padding: 16px;
  flex-grow: 1;
}
.video-description p {
  font-family: "roboto_regular";
  font-size: 16px;
  padding: 0 16px;
  flex-grow: 8;
}
.video-description a {
  text-decoration: underline;
}
.video-description .related-container {
  display: grid;
  margin-bottom: 8px;
}
.video-description .related-channel-tags {
  padding: 8px 16px;
  font-size: 12px;
  flex-grow: 3;
  order: 1;
}
.video-description .related-channel-tags h3 {
  font-family: "roboto_bold";
  margin: 4px 0;
}
.video-description .related-channel-tags a {
  margin: 4px 8px 4px 0px;
}
.video-description .related-channel-tags .top-court-wrapper {
  width: 105px;
  height: 25px;
  display: flex;
  align-items: center;
}
.video-description .related-channel-tags .top-court-wrapper img {
  margin-left: 2px;
}
.video-description .social {
  flex-grow: 1;
  border-top: 1px dashed rgba(0, 0, 0, 0.15);
  order: 2;
}
.video-description .social li {
  flex-grow: 1;
  margin: 8px;
}
.video-description .social li a {
  border: 1px solid #051224;
  border-radius: 50%;
  height: 36px;
  width: 36px;
  line-height: 36px;
  display: block;
  text-align: center;
  margin: 0 auto;
  font-size: 18px;
  text-decoration: none;
}
.video-description .social.small-margin {
  display: flex;
  justify-content: center;
}
.video-description .social.small-margin li {
  margin: 5px;
  display: inline-block;
}

svg {
  margin: auto;
  width: 70px;
  height: 70px;
  transform: rotateY(-180deg) rotateZ(-90deg);
  position: absolute;
  top: 10px;
  left: 10px;
}
svg circle {
  stroke-dasharray: 200px;
  stroke-dashoffset: 0px;
  stroke-linecap: square;
  stroke-width: 4px;
  stroke: #051224;
  fill: none;
}

@keyframes countdown {
  from {
    stroke-dashoffset: 0px;
  }
  to {
    stroke-dashoffset: 200px;
  }
}
.article-with-video {
  display: flex;
  overflow: unset;
}
.article-with-video .video-container {
  width: 100%;
}
.article-with-video .video-container .video-replay-btn {
  position: absolute;
  z-index: 3;
  bottom: 70px;
  left: 16px;
  display: none;
}
.article-with-video .video-container.played .video-replay-btn {
  display: block;
}
.article-with-video .video-container .video-caption {
  display: none;
}

@media (max-width: 500px) {
  #brightcovePlayer {
    width: auto;
    height: 220px;
  }
}
@media (min-width: 500px) and (max-width: 770px) {
  #brightcovePlayer {
    width: auto;
    height: 430px;
  }
}
/*START: VIDEO PLAYLIST CONTAINER*************************************/
.channels-wrapper {
  display: flex;
}

.channel-containers {
  width: 100%;
  padding: 16px;
  display: flex;
  flex-direction: column;
}
.channel-containers .channel-filter-title {
  font-family: "roboto_bold";
  margin-bottom: 16px;
  font-size: 19px;
}
.channel-containers .channel-filter-title img {
  height: 20px;
  width: auto;
}
.channel-containers .channel-filter-title em {
  padding-top: 8px;
  font-family: "roboto_regular";
  display: block;
  font-size: 13px;
}
.channel-containers .channel-filter-title.no-channel em {
  font-family: "roboto_bold";
  font-size: 18px;
}
.channel-containers .listing-item {
  padding: 8px 0;
  margin: 0;
}
.channel-containers .listing-item a {
  cursor: pointer;
}
.channel-containers .listing-item.current {
  background: rgba(0, 174, 239, 0.15);
  border-bottom: 1px solid rgba(0, 174, 239, 0.35);
  border-top: 1px solid rgba(0, 174, 239, 0.35);
}

.channel-container {
  margin-bottom: 8px;
  padding-bottom: 8px;
  width: 100%;
  border-bottom: 1px solid #dbdbdb;
}
.channel-container:last-child {
  border-bottom: none;
}
.channel-container ul {
  display: flex;
  justify-content: space-evenly;
}
.channel-container li {
  flex-basis: 100%;
  margin: 10px;
  max-width: 180px;
}
.channel-container li .thumbnail-container {
  display: block;
  cursor: pointer;
}
.channel-container li .img-container {
  width: 100%;
  max-height: 90px;
  overflow: hidden;
}
.channel-container li .img-container img {
  width: 100%;
  height: auto;
}
.channel-container li .img-wrapper {
  width: 100%;
  height: 80px;
  position: relative;
}
.channel-container li span {
  display: block;
  padding: 8px 0 0 0;
  font-size: 13px;
  font-family: "roboto_regular";
  line-height: 1.2;
}
.channel-container .channel-category {
  float: right;
}
.channel-container .live-video {
  margin: 10px 20px;
}
.channel-container .view-more {
  float: right;
  margin-top: 10px;
}
.channel-container.vertical ul {
  display: block;
  width: 100%;
}
.channel-container.vertical li {
  display: block;
  width: 100%;
  padding-bottom: 16px;
}
.channel-container.vertical li a {
  display: flex;
}
.channel-container.vertical li img {
  width: 155px;
}
.channel-container.vertical li span {
  padding: 8px;
}

.video-side-bar {
  box-shadow: inset 8px 0px 50px 0px rgba(0, 0, 0, 0.15);
  width: 310px;
  display: flex;
  flex-direction: column;
  padding-top: 16px;
  overflow: hidden;
}
.video-side-bar > * {
  margin: 0 auto !important;
}

.media-filters {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 8px;
  position: relative;
}
.media-filters.no-results .no-results-container {
  opacity: 1;
  transform: translateX(0);
}
.media-filters h3 {
  padding: 8px;
  font-family: "roboto_bold";
  font-size: 16px;
}
.media-filters .media-filter-btn {
  border: 1px solid #c7c8c8;
  height: 37px;
  width: 100%;
  border-radius: 4px;
  text-align: left;
  padding-left: 8px;
  position: relative;
  font-family: "roboto_bold";
}
.media-filters .media-filter-btn::after {
  color: #051224;
  content: "\e601";
  font-family: "icomoon";
  font-size: 12px;
  position: absolute;
  right: 10px;
}
.media-filters .media-filter-btn:focus, .media-filters .media-filter-btn.active {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom: none;
}
.media-filters .media-filter-btn:focus + div, .media-filters .media-filter-btn.active + div {
  height: 160px;
  overflow-y: scroll;
  border: 1px solid #c7c8c8;
  border-top: none;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.media-filters .channels-list, .media-filters .tournaments-list, .media-filters .years-list, .media-filters .player-search-list {
  height: 0px;
  overflow-y: hidden;
  transition: height 500ms;
  transition-delay: 200ms;
  display: flex;
  flex-direction: column;
}
.media-filters .channels-list.active, .media-filters .tournaments-list.active, .media-filters .years-list.active, .media-filters .player-search-list.active {
  height: 160px;
  overflow-y: scroll;
  border: 1px solid #c7c8c8;
}
.media-filters .channels-list a, .media-filters .channels-list span, .media-filters .tournaments-list a, .media-filters .tournaments-list span, .media-filters .years-list a, .media-filters .years-list span, .media-filters .player-search-list a, .media-filters .player-search-list span {
  display: block;
  padding: 8px;
  font-size: 13px;
  font-family: "roboto_regular";
  border: 1px dotted #c7c8c8;
}
.media-filters .media-field-container {
  font-size: 14px;
  margin: 8px 0px 8px 8px;
  font-family: "roboto_regular";
}
.media-filters .media-field-container input, .media-filters .media-field-container select {
  padding: 8px;
  width: 100%;
  border-radius: 4px !important;
  border: 1px solid #c7c8c8;
  font-family: "roboto_bold";
}
.media-filters .media-field-container.search-field {
  position: relative;
  background: #fff;
}
.media-filters .media-field-container.search-field::after {
  color: #051224;
  content: "\e603";
  font-family: "icomoon";
  font-size: 18px;
  position: absolute;
  right: 10px;
  top: 9px;
}
.media-filters .media-field-container select:after {
  color: #051224;
  content: "\e603";
  font-family: "icomoon";
  font-size: 18px;
  position: absolute;
  right: 10px;
  top: -5px;
}
.media-filters .media-field-container .player-search:after {
  color: #051224;
  content: "\e603";
  font-family: "icomoon";
  font-size: 18px;
  position: absolute;
  right: 10px;
  top: -5px;
}
.media-filters .media-field-container .player-search:focus + div {
  height: 0px;
  max-height: 160px;
  overflow-y: scroll;
  border: 1px solid #c7c8c8;
  border-top: none;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.media-filters .media-field-container .filter-link {
  cursor: pointer;
  color: #051224;
}
.media-filters .media-field-container .filter-link:hover {
  background: rgba(0, 174, 239, 0.15);
}
.media-filters .media-field-container .filter-link.current {
  color: #fff;
  background: #051224;
}
.media-filters .no-results-container {
  background: rgba(250, 251, 251, 0.95);
  position: absolute;
  width: calc(100% - 8px);
  padding: 16px;
  top: 8px;
  height: 100%;
  transform: translateX(100%);
  opacity: 0;
  transition: all ease-in-out 500ms;
  display: flex;
}
.media-filters .no-results-container h4 {
  display: block;
  font-family: "roboto_bold";
  margin: auto;
  font-size: 18px;
  line-height: 1.2;
}
.media-filters.horizontal {
  display: grid;
  position: relative;
  z-index: 1;
  grid-template-columns: 1fr 0px 1fr 1fr 1fr -webkit-min-content;
  grid-template-columns: 1fr 0px 1fr 1fr 1fr min-content;
  grid-template-rows: -webkit-min-content 32px;
  grid-template-rows: min-content 32px;
  grid-gap: 16px;
  grid-template-areas: "channelHeader . filterHeader filterHeader filterHeader ." "videoChannel . videoPlayer videoTournaments videoYears videoReset";
  padding: 16px;
}
.media-filters.horizontal h3 {
  padding: 0;
  font-family: "roboto_bold";
  font-size: 16px;
}
.media-filters.horizontal select, .media-filters.horizontal input {
  box-sizing: border-box;
  border-radius: 5px !important;
  border: 1px solid #3d3e3f;
  font-family: "roboto_bold";
  font-size: 14px;
  padding-left: 6px;
}
.media-filters.horizontal option {
  font-family: "roboto_regular";
}
.media-filters.horizontal .icon-search, .media-filters.horizontal .column-search-icon {
  grid-row: 2/3;
  grid-column: 3/4;
  justify-self: end;
  align-self: center;
  padding-right: 6px;
  margin-right: 1px;
  font-size: 16px;
  background: #ffffff;
  font-weight: bold;
}
.media-filters.horizontal .channels-list, .media-filters.horizontal .years-list, .media-filters.horizontal .tournaments-list {
  background: rgba(250, 251, 251, 0.95);
}
.media-filters.horizontal .video-channel-title {
  grid-area: channelHeader;
}
.media-filters.horizontal .video-filter-title {
  grid-area: filterHeader;
}
.media-filters.horizontal .channel-area {
  grid-area: videoChannel;
}
.media-filters.horizontal .player-area {
  grid-area: videoPlayer;
}
.media-filters.horizontal .tournament-area {
  grid-area: videoTournaments;
}
.media-filters.horizontal .year-area {
  grid-area: videoYears;
}
.media-filters.horizontal .video-area {
  grid-area: videoReset;
}
.media-filters.horizontal h3 {
  grid-area: header;
  justify-self: center;
  text-transform: uppercase;
}
.media-filters.horizontal.challenger {
  grid-template-columns: 1fr 0px 1fr 1fr;
  grid-template-rows: -webkit-min-content 32px;
  grid-template-rows: min-content 32px;
  grid-gap: 10px;
  grid-template-areas: "videoPlayerHeader . filterHeader filterHeader " "videoPlayer .  videoTournaments videoYears";
  padding: 16px;
  margin-bottom: 16px;
}
.media-filters.horizontal.challenger .videoPlayerHeader {
  grid-area: videoPlayerHeader;
}
.media-filters.horizontal.challenger .filterHeader {
  grid-area: filterHeader;
}

.player-search-list li {
  display: block;
}

/* ==========================================================================
	LONG FORM BANNER
   ========================================================================== */
.long-form-banner {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  color: #ffffff;
  position: relative;
  height: 200px;
}
.long-form-banner:before {
  background: linear-gradient(to bottom, rgba(31, 34, 35, 0) 0%, #002f40 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#001f2223", endColorstr="#002f40",GradientType=0 );
  bottom: 0px;
  content: "";
  display: block;
  height: 55%;
  left: 0px;
  opacity: 0.9;
  position: absolute;
  width: 100%;
}
.long-form-banner .container {
  height: 100%;
  position: relative;
  padding: 0px 15px;
}

.long-form-banner-inner {
  position: absolute;
  bottom: 20px;
  left: 15px;
  width: 75%;
}

.long-form-heading {
  font-family: "roboto_bold";
  text-transform: capitalize;
  font-size: 20px;
  line-height: 20px;
}
.hero .long-form-heading {
  margin-top: 5px;
}

.long-form-sub-heading {
  font-family: "roboto_light";
  line-height: 1;
  text-transform: capitalize;
  font-size: 15px;
}
.hero .long-form-sub-heading {
  text-transform: none;
}

.long-form-banner-number {
  color: #ffffff;
  font-family: "roboto_bold";
  letter-spacing: -0.05em;
  opacity: 0.25;
  position: absolute;
  bottom: 20px;
  font-size: 50px;
  left: 15px;
  line-height: 42px;
}
.flipped .long-form-banner-number {
  left: auto;
  right: 15px;
}
.long-form-banner-number + .long-form-banner-inner {
  padding-left: 50px;
}
.flipped .long-form-banner-number + .long-form-banner-inner {
  left: auto;
  padding-left: 0px;
  text-align: right;
  padding-right: 50px;
  right: 15px;
}

.long-form-author {
  font-family: "roboto_light";
  line-height: 1;
  font-size: 12px;
  margin-top: 5px;
}

/* ==========================================================================
	LONG FORM GENERAL CONTENT
   ========================================================================== */
.long-form-general-content {
  padding: 30px 0px;
}
.long-form-general-content.alternate {
  background-color: #ffffff;
}
.long-form-general-content .container {
  padding: 0px 15px;
}
.long-form-general-content .article-copy, .long-form-general-content #doorbell {
  color: #1f2223;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
}
.long-form-general-content .article-copy::first-letter, .long-form-general-content #doorbell::first-letter {
  color: #1f2223;
  float: left;
  font-weight: bold;
  font-size: 80px;
  line-height: 78px;
  margin-right: 10px;
}

.long-form-divider {
  border-bottom: 1px solid #d2d2d2;
  position: relative;
}
.long-form-divider:after {
  background-color: #d2d2d2;
  border: 10px solid #f1f1f1;
  border-radius: 50%;
  content: "";
  display: block;
  height: 30px;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 30px;
  transform: translateX(-50%) translateY(-50%);
}
.alternate .long-form-divider:after {
  border-color: #ffffff;
}
.long-form-divider + * {
  margin-top: 25px;
}
* + .long-form-divider {
  margin-top: 25px;
}

/* ==========================================================================
	LONG FORM CONTENT SQUARES
   ========================================================================== */
.long-form-content-squares .container {
  padding: 30px 15px;
}

.leaderboard-title {
  margin: 16px;
  font-size: 24px;
  font-family: "roboto_regular";
  border-top: none !important;
  text-transform: uppercase;
  color: #3aacda;
}

.leaderboard {
  display: grid;
  border: 1px solid #cccccc;
  grid-auto-flow: row;
  margin: 8px;
  font-family: "roboto_regular";
}
.leaderboard .labels {
  display: grid;
  grid-template-columns: 35px auto auto 50px 30px;
  grid-column-gap: 8px;
  grid-template-areas: "rankLabel titleLabel pointsLabel moveLabel expandLabel";
  font-size: 16px;
  padding: 8px;
}
.leaderboard .labels div {
  display: grid;
}
.leaderboard .labels div a {
  display: grid;
  color: #5f676a;
}
.leaderboard .labels div a span {
  text-align: center;
  font-size: 10px;
  color: #ccc;
}
.leaderboard .labels div a.active-sort span {
  color: #5f676a;
}
.leaderboard .labels .rank {
  grid-area: rankLabel;
  justify-self: start;
}
.leaderboard .labels .title {
  grid-area: titleLabel;
  justify-self: start;
}
.leaderboard .labels .points {
  grid-area: pointsLabel;
  text-align: right;
  justify-self: right;
}
.leaderboard .labels .move {
  grid-area: moveLabel;
  text-align: center;
  justify-self: center;
}
.leaderboard .labels .expand {
  grid-area: expandLabel;
  color: #3babda;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  cursor: pointer;
}
.leaderboard .country {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 50px auto;
  grid-template-areas: "info" "players";
  overflow-x: hidden;
}
.leaderboard .country.expanded .icon-plus::before {
  content: "\e62e";
}
.leaderboard .country.expanded .players {
  margin: 8px 0;
  height: 456px;
  opacity: 1;
}
.leaderboard .info {
  grid-area: info;
  display: grid;
  grid-template-columns: 35px auto auto 50px 30px;
  grid-column-gap: 8px;
  grid-auto-rows: 40px;
  grid-template-areas: "rank title points move expand";
  border: 1px solid #c7c8c8;
  background: #fafafa;
  border-radius: 4px;
  align-items: center;
  font-size: 28px;
  line-height: 0.8;
  padding: 4px 8px;
  overflow-x: hidden;
}
.leaderboard .info .rank {
  grid-area: rank;
  font-family: "roboto_regular";
  z-index: 1;
  position: relative;
}
.leaderboard .info .title {
  grid-area: title;
  height: inherit;
  display: flex;
  align-self: center;
  height: auto;
  align-items: center;
  text-transform: uppercase;
  font-weight: bold;
  overflow: hidden;
}
.leaderboard .info .globe {
  height: 40px;
  width: 40px;
  margin-right: 8px;
  cursor: pointer;
}
.leaderboard .info .title-img {
  height: 24px;
  width: auto;
  cursor: pointer;
}
.leaderboard .info .points {
  grid-area: points;
  text-align: right;
}
.leaderboard .info .move {
  grid-area: move;
  text-align: left;
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-self: center;
}
.leaderboard .info .move .icon-arrow-down, .leaderboard .info .move .table-rankings-wrapper .mega-table .sorting-cell .sorting-arrow, .table-rankings-wrapper .mega-table .sorting-cell .leaderboard .info .move .sorting-arrow {
  font-size: 10px;
  color: #b21d1d;
  margin-left: 4px;
}
.leaderboard .info .move .icon-arrow-up, .leaderboard .info .move .table-rankings-wrapper .mega-table .sorting-cell.sort-up .sorting-arrow, .table-rankings-wrapper .mega-table .sorting-cell.sort-up .leaderboard .info .move .sorting-arrow {
  font-size: 10px;
  color: #09d400;
  margin-left: 4px;
}
.leaderboard .info .expand {
  grid-area: expand;
  justify-self: center;
  font-size: 12px;
  color: #3aacda;
  cursor: pointer;
}
.leaderboard .players {
  grid-area: players;
  overflow-x: scroll;
  overflow-y: hidden;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  justify-content: space-between;
  grid-column-gap: 8px;
  margin: 4px 0;
  height: 0;
  transition: all 300ms ease-in-out;
  -webkit-overflow-scrolling: touch;
  opacity: 0;
}
.leaderboard .player {
  background: #c7c8c8;
  display: grid;
  grid-template-columns: 16px 1fr 1fr 40px 16px;
  grid-template-rows: 16px auto auto 16px;
  grid-template-areas: ". . . . ." ". playerName playerName . ." ". playerRank . . ." "playerImage playerImage playerImage playerImage playerImage";
  height: 440px;
  width: 325px;
  border: 1px solid #c7c8c8;
  border-radius: 4px;
  background-size: cover;
  box-shadow: 0 11px 30px inset rgba(0, 0, 0, 0.6);
}
.leaderboard .player .playerImage {
  grid-area: playerImage;
  filter: grayscale(1) drop-shadow(0 0 4px rgba(0, 0, 0, 0.6));
  justify-self: end;
  z-index: 0;
}
.leaderboard .player .playerImage.playerGladiator {
  height: 400px;
  align-self: self-end;
}
.leaderboard .player .playerImage.playerHeadshot {
  height: 130px;
  align-self: center;
  background-color: rgba(255, 255, 255, 0.75);
  grid-area: none;
  border-radius: 4px;
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 2;
  grid-row-end: 3;
}
.leaderboard .player .rules {
  padding: 8px;
  font-size: 14px;
  flex-direction: column;
}
.leaderboard .player .rules .atpcup-filter-btn {
  margin: 8px 0 0;
  font-size: 16px;
  align-self: initial;
  text-align: center;
}
.leaderboard .player .name {
  color: #fff;
  display: grid;
  grid-area: playerName;
  align-self: self-start;
  margin: 0;
  text-transform: uppercase;
  z-index: 1;
  position: relative;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
}
.leaderboard .player .name .firstName {
  font-size: 28px;
  font-weight: bold;
}
.leaderboard .player .name .lastName {
  font-size: 30px;
  font-family: "roboto_regular";
}
.leaderboard .player .rank {
  color: #fff;
  display: grid;
  grid-area: playerRank;
  align-content: end;
  text-transform: uppercase;
  font-family: "roboto_regular";
  z-index: 1;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
}
.leaderboard .player .player-rank {
  font-size: 48px;
  align-self: self-end;
}
.leaderboard .player .player-rank .player-pr {
  font-family: "roboto_regular";
  font-size: 28px;
  margin-left: 4px;
}
.leaderboard .player .rank-type {
  font-size: 26px;
  display: grid;
  align-self: self-end;
}
.leaderboard .player .rank-type span:first-child {
  font-size: 18px;
}
.leaderboard .player .rank-type span:last-child {
  letter-spacing: 0.5px;
}
.leaderboard .player .qualified-stamp {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-auto-rows: 65px;
  grid-template-areas: "a" "b";
  width: 310px;
}
.leaderboard .player .qualified-stamp .commited {
  color: #fff;
  display: grid;
  margin: 0;
  text-transform: uppercase;
  z-index: 1;
  position: relative;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
  font-size: 20px;
  font-family: "roboto_regular";
  transform: rotate(90deg);
  grid-area: b;
  justify-self: right;
  margin-top: -20px;
}
.leaderboard .player .qualified-stamp .commited-image {
  grid-area: a;
  justify-self: right;
  margin-top: 20px;
}

.rules {
  padding: 16px 8px;
  font-size: 16px;
  display: block;
  background: #f1f1f1;
  margin: 8px;
  border-radius: 4px;
  border: 1px solid #c7c8c8 !important;
  justify-content: space-between;
}
.rules .atpcup-faq-container {
  display: inline;
}
.rules .atpcup-filter-btn {
  border: 1px solid #051224;
  padding: 8px 16px;
  border-radius: 4px;
  background: #fff;
  align-self: center;
  font-family: "roboto_regular";
  font-size: 18px;
  letter-spacing: 1px;
  margin: 0 16px;
  color: #051224;
  display: block;
  float: right;
}
.rules .atpcup-filter-btn:hover {
  background-color: #051224;
  color: #fff;
  box-shadow: 0 0 5px #c1c1c1;
}

.is-mobile .leaderboard .labels {
  grid-template-columns: 30px auto auto 28px 28px;
}
.is-mobile .leaderboard .info {
  font-size: 18px;
  grid-template-columns: 30px auto auto 28px 28px;
}
.is-mobile .leaderboard .info .globe {
  height: 32px;
  width: 32px;
  margin-right: 8px;
  cursor: pointer;
}
.is-mobile .leaderboard .info .title-img {
  height: 16px;
  width: auto;
  cursor: pointer;
}
.is-mobile .leaderboard .info .move {
  font-size: 18px;
}
.is-mobile .leaderboard .info .move span {
  font-size: 8px;
}
.is-mobile .rules-and-filter {
  flex-direction: column;
}
.is-mobile .rules-and-filter .rules {
  padding: 8px;
  font-size: 14px;
  flex-direction: column;
}
.is-mobile .rules-and-filter .rules .atpcup-filter-btn {
  margin: 8px 0 0;
  font-size: 16px;
  align-self: initial;
  text-align: center;
}
.is-mobile .rules-and-filter .filter-select {
  align-self: initial;
  width: auto;
}

.atpcup-banner {
  display: flex;
  align-items: center;
  padding: 8px;
}

.atpcup-banner img {
  display: block;
  width: 70px;
  height: 70px;
}

.atpcup-banner__tagLine {
  text-transform: uppercase;
  flex-grow: 1;
  text-align: left;
  margin-left: 8px;
}

.atpcup-banner__tagLine h2 {
  font-family: "roboto_regular";
  font-size: 27px;
  line-height: 1;
  margin: 0;
  color: #3aacda;
  letter-spacing: -0.6px;
}

.atpcup-banner__tagLine span {
  font-family: "roboto_regular";
  font-weight: bold;
  display: block;
  font-size: 15px;
  line-height: 1;
  margin: 4px 0;
}

.score-boxes {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
}

.score-box {
  font-family: "roboto_regular";
  font-size: 12px;
}

.scoring-content {
  background-color: #f8f8f8;
  padding: 10px 15px;
}

.scores-table {
  width: 100%;
}
.scores-table thead {
  font-size: 12px;
  border-bottom: 1px solid #c7c8c8;
}
.scores-table thead tr {
  border-top: 1px solid #3d3e3f;
}
.scores-table thead td {
  padding: 8px 0;
}
.scores-table thead td span.stats {
  float: right;
}
.scores-table thead .title-area {
  text-transform: capitalize;
  font-family: "roboto_bold";
  text-align: left;
  color: #1f2223;
}
.scores-table thead .time {
  font-family: "roboto_regular";
  text-align: right;
  color: #1f2223;
  color: #1f2223;
}
.scores-table thead .scores-table-links {
  text-align: right;
}
.scores-table tbody {
  font-size: 12px;
}
.scores-table tbody tr {
  border: 1px solid #d1d5d7;
  border-left: none;
  border-right: none;
}
.scores-table tbody .match-info-row {
  border-bottom: none;
}
.scores-table tbody td {
  padding: 4px 0;
  vertical-align: middle;
}
.scores-table tbody td:not(.detail-cell):first-child {
  border-left: none;
  border-right-color: #c7c8c8;
  border-top-color: #c7c8c8;
  position: relative;
  text-align: left;
}
.scores-table tbody td .scoring-players {
  display: flex;
}
.scores-table tbody td .scoring-players .player-number-wrapper {
  min-width: 20px;
  padding: 4px 0;
  display: flex;
  align-items: center;
}
.scores-table tbody td .scoring-players .team {
  display: flex;
  flex-direction: column;
  line-height: 20px;
}
.scores-table tbody td .scoring-players .scoring-player {
  padding: 4px 0;
  display: flex;
  align-items: center;
  flex-direction: row;
}
.scores-table tbody td .scoring-players .scoring-player .scoring-player-image {
  width: 40px;
  margin-right: 16px;
}
.scores-table tbody td .scoring-players .scoring-player .scoring-player-image a {
  width: 100%;
  display: block;
}
.scores-table tbody td .scoring-players .scoring-player .scoring-player-flag {
  width: 20px;
  display: block;
  margin-right: 8px;
}
.scores-table tbody td .scoring-players .scoring-player img {
  width: 100%;
  border: 1px solid #d1d5d7;
  height: auto;
}
.scores-table tbody td .scoring-players .scoring-player .player {
  display: flex;
  flex-direction: row;
}
.scores-table tbody td .scoring-players.doubles {
  flex-direction: column;
  align-items: left;
}
.scores-table tbody .now-serving:before {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #051224;
  content: "\e628";
  font-family: "icomoon";
}
.scores-table tbody .won-game:before {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #00aa0c;
  content: "\e616";
  font-family: "icomoon";
}
.scores-table tbody .current-score {
  background-color: #d1d5d7;
  width: 26px;
  text-align: center;
  border-left: 1px solid #d1d5d7;
}
.scores-table tbody .current-score ~ td {
  width: 26px;
  text-align: center;
  border-left: 1px solid #d1d5d7;
}

.rail-scores-container .scores-table {
  width: 26px;
}
.rail-scores-container .scores-table tbody .current-score ~ td {
  width: 26px;
}

.match-stats-scores {
  display: flex;
}
.match-stats-scores .match-stats-score-container {
  flex-grow: 1;
}
.match-stats-scores .scoring-content {
  background: transparent;
}
.match-stats-scores .scores-table thead {
  font-size: 16px;
}
.match-stats-scores .scores-table tbody {
  font-size: 16px;
}
.match-stats-scores .scores-table tbody td .scoring-players .scoring-player .scoring-player-flag {
  width: 30px;
}
.match-stats-scores .match-title {
  width: 100%;
  font-size: 16px;
  padding-bottom: 8px;
}
.match-stats-scores .title-area {
  text-align: left;
  font-family: "roboto_bold";
  display: block;
  float: left;
}
.match-stats-scores .stats {
  text-align: right;
  display: block;
  float: right;
}

.event-scores {
  display: flex;
  flex-wrap: wrap;
}
.event-scores .score-box {
  width: 50%;
}
.event-scores .scoring-content {
  background: transparent;
}
.event-scores .scores-table thead {
  font-size: 16px;
}
.event-scores .scores-table tbody {
  font-size: 16px;
}
.event-scores .scores-table tbody td .scoring-players .scoring-player .scoring-player-flag {
  width: 30px;
}
.event-scores .scores-table tbody .current-score {
  width: 36px;
}
.event-scores .scores-table tbody .current-score ~ td {
  width: 36px;
}
.event-scores.expanded {
  display: flex;
}
.event-scores.hidden {
  display: none;
}

.tourney-detail-container .scoring-content, .tourney-detail-container_challenger .scoring-content {
  background: transparent;
  padding: 24px 0 16px;
}
.tourney-detail-container .scores-table thead, .tourney-detail-container_challenger .scores-table thead {
  font-size: 16px;
}
.tourney-detail-container .scores-table thead td, .tourney-detail-container_challenger .scores-table thead td {
  padding: 12px 0;
}
.tourney-detail-container .scores-table tbody, .tourney-detail-container_challenger .scores-table tbody {
  font-size: 16px;
}
.tourney-detail-container .scores-table tbody td .scoring-players .scoring-player .scoring-player-flag, .tourney-detail-container_challenger .scores-table tbody td .scoring-players .scoring-player .scoring-player-flag {
  width: 30px;
}
.tourney-detail-container .scores-table tbody .current-score, .tourney-detail-container_challenger .scores-table tbody .current-score {
  width: 36px;
}
.tourney-detail-container .scores-table tbody .current-score ~ td, .tourney-detail-container_challenger .scores-table tbody .current-score ~ td {
  width: 36px;
}

.scoring-content {
  background: transparent;
  padding: 10px 0;
}
.scoring-content .time {
  text-align: right;
}
.scoring-content .stats {
  text-align: right;
}

.match-stats__score-box {
  flex-grow: 1;
}

.match-stats-scores {
  padding: 10px;
}

.event-scores {
  padding: 10px;
}
.event-scores .score-box {
  width: auto;
  padding: 0 5px;
}

.results-by-day {
  background-color: #e8e8e8;
  color: #1f2223;
  font-family: "roboto_regular";
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 1;
  padding: 10px 20px;
  text-align: left;
  text-transform: capitalize;
}

.score-box-tie {
  text-transform: capitalize;
  font-family: "roboto_bold";
  text-align: left;
  color: #1f2223;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 70px auto;
  grid-template-areas: "info";
}

.rail-scores-content .info, #homePageCurrentTournament .info, .match-stats-scores .score-box-tie .info,
#TournamentLiveScores .score-box-tie .info, .score-box-tie .info {
  grid-area: info;
  display: grid;
  grid-column-gap: 8px;
  border-radius: 4px;
  align-items: center;
  font-size: 18px;
  line-height: 0.8;
}

.score-box-tie {
  font-family: "roboto_regular";
  position: relative;
}
.score-box-tie .info {
  grid-template-areas: "team-flag tie-score opponent-flag options";
  border-bottom: 1px solid #c7c8c8;
  grid-template-columns: auto 110px auto 15px;
}
.score-box-tie .info .loosing {
  color: #969b9d;
}
.score-box-tie .team-flag {
  grid-area: team-flag;
  grid-template-areas: " team-country-name team-flag";
  display: grid;
  grid-template-columns: 40px 45px;
  justify-self: end;
}
.score-box-tie .team-flag .team-country-code {
  grid-area: team-country-name;
  line-height: 48px;
  font-size: 18px;
}
.score-box-tie .team-flag-container {
  grid-area: team-flag;
  width: 28px;
  align-self: center;
  justify-self: center;
}
.score-box-tie .team-flag-container img {
  text-align: center;
  width: 100%;
  height: auto;
}
.score-box-tie .opponent-flag-container {
  grid-area: opponent-flag;
  width: 28px;
  align-self: center;
  justify-self: center;
}
.score-box-tie .opponent-flag-container img {
  text-align: center;
  width: 100%;
  height: auto;
}
.score-box-tie .tie-score {
  grid-area: tie-score;
  display: inline-block;
  text-align: center;
}
.score-box-tie .tie-score h2 {
  font-size: 18px;
  padding: 5px 0;
  text-transform: uppercase;
}
.score-box-tie .tie-score h2.rr-city-name {
  grid-area: location;
  font-size: 16px;
  line-height: 16px;
}
.score-box-tie .tie-score a {
  color: inherit;
}
.score-box-tie .tie-score .rr-location {
  display: flex;
  justify-content: center;
}
.score-box-tie .tie-score .rr-location .rr-location-icon {
  margin-top: 2px;
  margin-right: 0;
}
.score-box-tie .opponent-flag {
  grid-area: opponent-flag;
  text-align: center;
  width: 100%;
  height: auto;
  grid-template-areas: "opponent-flag opponent-country-name ";
  display: grid;
  grid-template-columns: 45px 40px;
}
.score-box-tie .opponent-flag .opponent-country-code {
  grid-area: opponent-country-name;
  line-height: 48px;
  font-size: 18px;
}
.score-box-tie .options {
  grid-area: options;
  text-align: center;
  cursor: pointer;
}

.score-box-tie-options {
  text-align: right;
  cursor: pointer;
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 18px;
  padding-right: 11px;
  padding-top: 25px;
}

.match-stats-scores .score-box-tie,
#TournamentLiveScores .score-box-tie {
  padding-bottom: 10px;
}
.match-stats-scores .score-box-tie .info,
#TournamentLiveScores .score-box-tie .info {
  grid-template-areas: "team-flag tie-score opponent-flag";
  border: 0px;
  background: transparent;
  grid-template-columns: auto 110px auto;
}

#homePageCurrentTournament .info {
  grid-template-areas: "team-flag tie-score opponent-flag";
  border: 0px;
  grid-template-columns: auto 150px auto;
}

.rail-scores-content .info {
  grid-template-areas: "team-flag tie-score opponent-flag";
  border: 0px;
  background: transparent;
  grid-template-columns: auto 100px auto;
}
.rail-scores-content .info h2,
.rail-scores-content .info .opponent-country-code,
.rail-scores-content .info .team-country-code {
  font-size: 18px;
}
.rail-scores-content .info .rr-location {
  display: flex;
  justify-content: center;
  white-space: nowrap;
}
.rail-scores-content .info .rr-location .rr-location-icon {
  margin-top: 1px;
  margin-right: 3px;
}
.rail-scores-content .info .rr-location .rr-city-name {
  font-size: 11px;
  line-height: 12px;
  white-space: nowrap;
}

#scoresDailyScheduleContent .score-box-tie {
  padding-top: 10px;
}

.score-box-tie-info {
  width: 100%;
}

#TournamentLiveScores.teamTiesScores.event-scores {
  padding: 5px;
}
#TournamentLiveScores.teamTiesScores.event-scores .scoring-content .scores-table tbody {
  font-size: 14px;
}
#TournamentLiveScores.teamTiesScores.event-scores .scoring-content .scores-table tbody .current-score ~ td {
  width: 26px;
}
@media (max-width: 320px) {
  #TournamentLiveScores.teamTiesScores .scoring-content {
    width: 290px;
  }
}
@media (min-width: 321px) and (max-width: 500px) {
  #TournamentLiveScores.teamTiesScores .score-box {
    margin: 0 auto;
  }
  #TournamentLiveScores.teamTiesScores .score-box .scoring-content {
    width: 330px;
  }
}
@media (min-width: 700px) {
  #TournamentLiveScores.teamTiesScores .score-boxes {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 40px;
  }
  #TournamentLiveScores.teamTiesScores .score-boxes .scoring-content {
    width: 340px;
  }
}

.group-standings {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  justify-self: center;
}
@media (max-width: 767px) {
  .group-standings {
    grid-template-columns: 1fr;
  }
}
.group-standings__type {
  grid-column: 1/-1;
}
.group-standings__title {
  grid-column: 1/-1;
  margin: 30px 0;
  font-size: 2em;
}
.group-standings__description {
  grid-column: 2/10;
  font-family: "roboto_regular";
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 767px) {
  .group-standings__description {
    grid-column: 1/-1;
  }
}
.group-standings__noresults {
  grid-column: 1/-1;
  font-size: 16px;
  line-height: inherit;
  padding-bottom: 50px;
  text-align: center;
}
.group-standings__group {
  grid-column: 2/-1;
  border-top: 1px solid rgba(213, 215, 218, 0.5);
  padding-top: 15px;
  margin-bottom: 25px;
}
@media (max-width: 768px) {
  .group-standings__group {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .group-standings__group {
    grid-column: 1/-1;
  }
}
.group-standings__group > h4 {
  text-transform: capitalize;
  font-size: 18px;
}
.group-standings__group-table {
  margin-top: 25px;
  padding: 5px;
}
.group-standings__row {
  display: grid;
  grid-template-columns: minmax(-webkit-min-content, 3.5%) 5% minmax(-webkit-min-content, 1fr) 10% 10% 10% 10% 10%;
  grid-template-columns: minmax(min-content, 3.5%) 5% minmax(min-content, 1fr) 10% 10% 10% 10% 10%;
  grid-template-rows: 48px;
  font-size: 14px;
}
.group-standings__row:nth-child(odd) {
  background-color: #f2f2f2;
}
.group-standings__row:first-child {
  background-color: #ffffff;
  align-items: center;
  justify-items: center;
  border-bottom: 1px solid rgba(213, 215, 218, 0.5);
}
@media (max-width: 767px) {
  .group-standings__row {
    grid-template-columns: minmax(-webkit-min-content, 3.5%) 30px minmax(120px, 1fr) minmax(-webkit-min-content, 1fr) minmax(-webkit-min-content, 1fr) minmax(-webkit-min-content, 1fr);
    grid-template-columns: minmax(min-content, 3.5%) 30px minmax(120px, 1fr) minmax(min-content, 1fr) minmax(min-content, 1fr) minmax(min-content, 1fr);
    font-size: 14px;
  }
}
.group-standings__label {
  background-color: #ffffff;
}
@media (max-width: 767px) {
  .group-standings__label--percentage {
    display: none;
  }
}
.group-standings__values {
  border-bottom: 1px solid rgba(213, 215, 218, 0.5);
  display: grid;
  justify-content: center;
  align-content: center;
}
@media (max-width: 767px) {
  .group-standings__values--percentage {
    display: none;
  }
}
.group-standings__values-doubles {
  border-bottom: 1px solid rgba(213, 215, 218, 0.5);
  display: grid;
  justify-content: center;
}
.group-standings .flag-wrapper {
  display: grid;
  align-items: center;
  justify-items: center;
  border-bottom: 1px solid rgba(213, 215, 218, 0.5);
}
.group-standings .flag-wrapper .flag {
  width: 28px;
  border-radius: 2px;
}
@media (max-width: 767px) {
  .group-standings .flag-wrapper .flag {
    width: 20px;
  }
}
.group-standings .flag-wrapper .flag-doubles {
  width: 20px;
  height: 13.5px;
  border-radius: 2px;
}
.group-standings .name {
  width: 100%;
  display: grid;
  justify-content: start;
  align-items: center;
}

.page-content-hero.finals .section-description {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  justify-items: flex-start;
  padding-top: 30px;
  padding-bottom: 30px;
}
.page-content-hero.finals .section-description .section-name {
  font-family: "roboto_bold";
  color: #051224;
  font-size: 18px;
  line-height: 18px;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: 2px;
  font-weight: 600;
  opacity: 0.96;
}
@media (max-width: 767px) {
  .page-content-hero.finals .section-description .section-name {
    font-size: 14px;
    white-space: unset;
  }
}
.page-content-hero.finals .section-description .divider {
  width: 50px;
  height: 1px;
  border-bottom: 1px solid #0AD4BE;
  margin-left: 10px;
}
@media (max-width: 768px) {
  .page-content-hero.finals .section-description .divider {
    width: 24px;
  }
}
@media (max-width: 767px) {
  .page-content-hero.finals .section-description .divider {
    width: 24px;
  }
}
.page-content-hero.next-gen .section-description {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  justify-items: flex-start;
  padding-top: 30px;
  padding-bottom: 30px;
}
.page-content-hero.next-gen .section-description .section-name {
  font-family: "roboto_bold";
  color: #051224;
  font-size: 18px;
  line-height: 18px;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: 2px;
  font-weight: 600;
  opacity: 0.96;
}
@media (max-width: 767px) {
  .page-content-hero.next-gen .section-description .section-name {
    font-size: 14px;
    white-space: unset;
  }
}
.page-content-hero.next-gen .section-description .divider {
  width: 50px;
  height: 1px;
  border-bottom: 1px solid #FB1128;
  margin-left: 10px;
}
@media (max-width: 768px) {
  .page-content-hero.next-gen .section-description .divider {
    width: 24px;
  }
}
@media (max-width: 767px) {
  .page-content-hero.next-gen .section-description .divider {
    width: 24px;
  }
}

.draw-intro {
  grid-column: 1/-1;
  display: grid;
  width: 1014px;
  justify-self: center;
  margin: 25px;
  font-family: "roboto_regular";
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 768px) {
  .draw-intro {
    width: 500px;
    margin: 15px !important;
  }
}
@media (max-width: 767px) {
  .draw-intro {
    width: 280px;
    margin: 15px !important;
  }
}

.no-draw {
  grid-column: 1/-1;
  font-size: 16px;
  line-height: inherit;
  padding-bottom: 50px;
  text-align: center;
  font-family: "roboto_bold";
}

.draw-container {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: repeat(12, 72px);
  column-gap: 24px;
  justify-content: center;
}
@media (min-width: 1025px) {
  .draw-container {
    grid-template-columns: repeat(12, 56px);
    margin: 0 15px;
  }
}
@media (max-width: 768px) {
  .draw-container {
    grid-template-columns: repeat(6, 1fr);
    column-gap: 20px;
    margin: 0 15px;
  }
}
@media (max-width: 767px) {
  .draw-container {
    grid-template-columns: 1fr;
    grid-gap: 0;
    margin: 0 15px;
  }
}

.draw-section {
  grid-column: 1/-1;
  display: grid;
  grid-template-areas: "draw-type print-draw-btn" "draw-rounds-wrapper draw-rounds-wrapper";
  margin: 0 0 50px 0;
}
.draw-section .draw-type {
  grid-area: draw-type;
}
.draw-section .print-draw-btn {
  grid-area: print-draw-btn;
  justify-self: end;
  white-space: nowrap;
  align-self: center;
}
.draw-section .draw-rounds-wrapper {
  grid-area: draw-rounds-wrapper;
  display: grid;
  grid-template-areas: "rr-label . sf-label . final-label" "rr-round rr-bracket sf-round sf-bracket final-round";
  grid-template-columns: 32% 2% 32% 2% 32%;
  grid-row-gap: 20px;
  grid-column: 1/-1;
}
.draw-section .previous-round-icon {
  grid-area: previous-round-icon;
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 36px;
  width: 48px;
  z-index: 2;
  display: none;
}
.draw-section .next-round-icon {
  grid-area: next-round-icon;
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 36px;
  width: 48px;
  z-index: 2;
  display: none;
}
.draw-section .rr-label {
  grid-area: rr-label;
}
.draw-section .sf-label {
  grid-area: sf-label;
}
.draw-section .final-label {
  grid-area: final-label;
}
.draw-section .rr-round {
  grid-area: rr-round;
}
.draw-section .rr-bracket {
  grid-area: rr-bracket;
}
.draw-section .sf-round {
  grid-area: sf-round;
}
.draw-section .sf-bracket {
  grid-area: sf-bracket;
}
.draw-section .final-round {
  grid-area: final-round;
  align-items: center;
}
.draw-section .round-name {
  display: grid;
  justify-items: center;
  align-self: center;
  z-index: 1;
}
.draw-section .round-container {
  display: grid;
  grid-auto-flow: row;
  grid-row-gap: 40px;
  align-items: center;
}
.draw-section .round-container .score-box {
  grid-column: 1/-1;
  height: 120px;
  display: grid;
  grid-template-areas: "player" "opponent";
}
.draw-section .round-container .score-box .main {
  display: grid;
  grid-template-areas: "head-shot flag name game-point-wrapper";
  grid-template-columns: 48px 38px 127px auto;
  align-items: center;
  height: 60px;
}
.draw-section .round-container .score-box .main.doubles {
  grid-template-columns: 70px 22px 117px auto;
}
.draw-section .round-container .score-box .main.winner {
  grid-template-areas: "head-shot flag name winner game-point-wrapper";
  grid-template-columns: 48px 38px 87px 40px auto;
}
.draw-section .round-container .score-box .main.winner.doubles {
  grid-template-columns: 70px 22px 80px 37px auto;
}
.draw-section .round-container .score-box .main > * {
  color: #333333;
  font-size: 14px;
}
.draw-section .round-container .score-box .main .item.head-shot {
  grid-area: head-shot;
  justify-content: center;
  display: grid;
}
.draw-section .round-container .score-box .main .item.head-shot img, .draw-section .round-container .score-box .main .item.head-shot .empty-headshot {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background-color: #ffffff;
  border: 2px solid #171c8f;
}
.draw-section .round-container .score-box .main .item.head-shot .empty-headshot {
  background-color: #58616d;
  border: 2px solid transparent;
}
.draw-section .round-container .score-box .main .item.head-shot.doubles {
  display: inline-flex;
}
.draw-section .round-container .score-box .main .item.head-shot.doubles img.partner, .draw-section .round-container .score-box .main .item.head-shot.doubles .empty-headshot.partner {
  margin-left: -10px;
  z-index: 2;
}
.draw-section .round-container .score-box .main .item.flag {
  grid-area: flag;
}
.draw-section .round-container .score-box .main .item.flag img, .draw-section .round-container .score-box .main .item.flag .empty-flag {
  width: 28px;
  border-radius: 2px;
  background-color: #f2f2f2;
}
.draw-section .round-container .score-box .main .item.flag .empty-flag {
  background-color: #58616d;
  height: 18.77px;
}
.draw-section .round-container .score-box .main .item.flag.doubles {
  display: flex;
  flex-direction: column;
}
.draw-section .round-container .score-box .main .item.flag.doubles img, .draw-section .round-container .score-box .main .item.flag.doubles .country-flag, .draw-section .round-container .score-box .main .item.flag.doubles .empty-flag {
  width: 20px !important;
  height: 13.5px;
}
.draw-section .round-container .score-box .main .item.flag.doubles img.partner, .draw-section .round-container .score-box .main .item.flag.doubles .country-flag.partner, .draw-section .round-container .score-box .main .item.flag.doubles .empty-flag.partner {
  margin-top: 5px;
}
.draw-section .round-container .score-box .main .item.name {
  grid-area: name;
  line-height: 16px;
  padding-left: 0;
  text-transform: capitalize;
}
.draw-section .round-container .score-box .main .item.name.empty {
  white-space: nowrap;
}
.draw-section .round-container .score-box .main .item.name.doubles {
  display: flex;
  flex-direction: column;
  font-size: 14px;
}
.draw-section .round-container .score-box .main .item.name.doubles .partner {
  margin-top: 5px;
}
.draw-section .round-container .score-box .main .item.name.doubles.empty {
  white-space: nowrap;
}
.draw-section .round-container .score-box .main .item.winner {
  grid-area: winner;
  font-size: 14px;
  padding-left: 0;
  text-transform: uppercase;
}
.draw-section .round-container .score-box .main .item.winner span {
  color: #ffffff;
  background-color: #171c8f;
  padding: 5px;
}
.draw-section .round-container .score-box .main .item.game-point-wrapper {
  grid-area: game-point-wrapper;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  height: 100%;
}
.draw-section .round-container .score-box .main .item.game-point-wrapper .game-point {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  padding: unset;
  display: grid;
  align-content: center;
  justify-content: center;
  position: relative;
  font-size: 14px;
}
.draw-section .round-container .score-box .main .item.game-point-wrapper .game-point .tie-score {
  position: absolute;
  top: 3px;
  right: 3px;
  font-size: 12px !important;
}
.draw-section .round-container .score-box .main.player {
  grid-area: player;
  grid-column: 1/-1;
}
.draw-section .round-container .score-box .main.opponent {
  grid-area: opponent;
  grid-column: 1/-1;
}
.draw-section .round-container .score-box.final.not-played {
  grid-template-areas: "player trophy" "opponent trophy";
}
.draw-section .round-container .score-box.final.not-played .trophy {
  grid-area: trophy;
  z-index: 2;
  display: grid;
  justify-items: center;
  align-items: center;
}
.draw-section .round-container .score-box.final.not-played .trophy img {
  width: 75px;
}
.draw-section .round-container.rr-round {
  grid-template-areas: "group-1-player" "group-1-opponent" "group-2-player" "group-2-opponent";
}
.draw-section .round-container.rr-round .group-1-player {
  grid-area: group-1-player;
}
.draw-section .round-container.rr-round .group-1-opponent {
  grid-area: group-1-opponent;
}
.draw-section .round-container.rr-round .group-2-player {
  grid-area: group-2-player;
}
.draw-section .round-container.rr-round .group-2-opponent {
  grid-area: group-2-opponent;
}
.draw-section .round-container.rr-round .round-robin {
  grid-column: 1/-1;
  display: grid;
  align-items: center;
  height: 60px;
  padding: 0 15px;
  color: #ffffff;
  font-size: 14px;
}
.draw-section .round-container.rr-round .round-robin.player {
  background-color: #1e2939;
}
.draw-section .round-container.rr-round .round-robin.opponent {
  background-color: #051224;
}
.draw-section .bracket-wrapper {
  display: grid;
  grid-template-areas: "line-short-1 vertical-line-1 ." ". vertical-line-2 connect-line" "line-short-2 vertical-line-3 .";
  grid-template-columns: 1fr 2px 1fr;
  align-items: center;
}
.draw-section .bracket-wrapper .line {
  width: 100%;
  height: 2px;
  background-color: #051224;
}
.draw-section .bracket-wrapper .line-short {
  width: 100%;
  height: 2px;
  background-color: #051224;
}
.draw-section .bracket-wrapper .vertical-line {
  width: 2px;
  background-color: #051224;
}
.draw-section .bracket-wrapper .connect-line {
  width: 100%;
  height: 2px;
  background-color: #051224;
  grid-area: connect-line;
}
.draw-section .bracket-wrapper .line-short-1 {
  grid-area: line-short-1;
}
.draw-section .bracket-wrapper .line-short-2 {
  grid-area: line-short-2;
}
.draw-section .bracket-wrapper .vertical-line-1 {
  grid-area: vertical-line-1;
  height: 51%;
  align-self: end;
}
.draw-section .bracket-wrapper .vertical-line-2 {
  grid-area: vertical-line-2;
  height: 100%;
}
.draw-section .bracket-wrapper .vertical-line-3 {
  grid-area: vertical-line-3;
  height: 51%;
  align-self: start;
}
.draw-section .bracket-wrapper .connect-line {
  grid-area: connect-line;
}
.draw-section .rr-bracket {
  display: grid;
  row-gap: 40px;
  height: 100%;
}
.draw-section .rr-bracket .bracket-wrapper {
  height: 160px;
  grid-template-rows: 60px auto 60px;
}
.draw-section .sf-bracket {
  height: 100%;
  display: grid;
}
.draw-section .sf-bracket .bracket-wrapper {
  height: 320px;
  align-self: center;
  grid-template-rows: 120px auto 120px;
}

@media (max-width: 768px) {
  .draw-intro {
    margin: 0 15px 50px 15px;
  }

  .draw-section {
    grid-template-areas: "draw-type" "draw-rounds-wrapper";
    margin: 0 15px 50px 15px;
  }
  .draw-section .print-draw-btn {
    display: none;
  }
  .draw-section .draw-rounds-wrapper {
    justify-content: center;
  }
  .draw-section .draw-rounds-wrapper.current.current-rr-round {
    grid-template-areas: "rr-label . sf-label  next-round-icon" "rr-round rr-bracket sf-round sf-bracket ";
    grid-template-columns: 45% 3% 45% 3%;
  }
  .draw-section .draw-rounds-wrapper.current.current-rr-round .next-round-icon, .draw-section .draw-rounds-wrapper.current.current-rr-round .rr-label, .draw-section .draw-rounds-wrapper.current.current-rr-round .sf-label, .draw-section .draw-rounds-wrapper.current.current-rr-round .rr-round, .draw-section .draw-rounds-wrapper.current.current-rr-round .rr-bracket .sf-round .sf-bracket {
    display: grid;
  }
  .draw-section .draw-rounds-wrapper.current.current-rr-round .final-label, .draw-section .draw-rounds-wrapper.current.current-rr-round .final-round, .draw-section .draw-rounds-wrapper.current.current-rr-round .previous-round-icon {
    display: none;
  }
  .draw-section .draw-rounds-wrapper.current.current-final-round {
    grid-template-areas: "previous-round-icon  sf-label . final-label" "rr-bracket  sf-round sf-bracket final-round";
    grid-template-columns: 3% 45% 3% 45%;
  }
  .draw-section .draw-rounds-wrapper.current.current-final-round .previous-round-icon, .draw-section .draw-rounds-wrapper.current.current-final-round .sf-label, .draw-section .draw-rounds-wrapper.current.current-final-round .final-label, .draw-section .draw-rounds-wrapper.current.current-final-round .rr-bracket, .draw-section .draw-rounds-wrapper.current.current-final-round .sf-round, .draw-section .draw-rounds-wrapper.current.current-final-round .sf-bracket, .draw-section .draw-rounds-wrapper.current.current-final-round .final-round {
    display: grid;
  }
  .draw-section .draw-rounds-wrapper.current.current-final-round .next-round-icon, .draw-section .draw-rounds-wrapper.current.current-final-round .rr-label, .draw-section .draw-rounds-wrapper.current.current-final-round .rr-round {
    display: none;
  }
}
@media (max-width: 767px) {
  .draw-intro {
    margin: 0 15px;
  }

  .draw-section {
    grid-template-areas: "draw-type" "draw-rounds-wrapper";
    margin: 0 15px;
  }
  .draw-section .print-draw-btn {
    display: none;
  }
  .draw-section .draw-rounds-wrapper {
    margin: 0 0 40px 0;
  }
  .draw-section .draw-rounds-wrapper.current .next-round-icon {
    margin-left: -20px;
  }
  .draw-section .draw-rounds-wrapper.current.current-rr-round {
    grid-template-areas: ". rr-label next-round-icon" ". rr-round rr-bracket";
    grid-template-columns: 3% 94% 3%;
  }
  .draw-section .draw-rounds-wrapper.current.current-rr-round .next-round-icon, .draw-section .draw-rounds-wrapper.current.current-rr-round .rr-label, .draw-section .draw-rounds-wrapper.current.current-rr-round .rr-round, .draw-section .draw-rounds-wrapper.current.current-rr-round .rr-bracket {
    display: grid;
  }
  .draw-section .draw-rounds-wrapper.current.current-rr-round .final-label, .draw-section .draw-rounds-wrapper.current.current-rr-round .final-round, .draw-section .draw-rounds-wrapper.current.current-rr-round .previous-round-icon, .draw-section .draw-rounds-wrapper.current.current-rr-round .sf-label, .draw-section .draw-rounds-wrapper.current.current-rr-round .sf-round, .draw-section .draw-rounds-wrapper.current.current-rr-round .sf-bracket {
    display: none;
  }
  .draw-section .draw-rounds-wrapper.current.current-sf-round {
    grid-template-areas: "previous-round-icon  sf-label next-round-icon" "rr-bracket sf-round sf-bracket";
    grid-template-columns: 3% 94% 3%;
  }
  .draw-section .draw-rounds-wrapper.current.current-sf-round .previous-round-icon, .draw-section .draw-rounds-wrapper.current.current-sf-round .next-round-icon, .draw-section .draw-rounds-wrapper.current.current-sf-round .sf-bracket, .draw-section .draw-rounds-wrapper.current.current-sf-round .rr-bracket, .draw-section .draw-rounds-wrapper.current.current-sf-round .sf-label, .draw-section .draw-rounds-wrapper.current.current-sf-round .sf-round {
    display: grid;
  }
  .draw-section .draw-rounds-wrapper.current.current-sf-round .rr-label, .draw-section .draw-rounds-wrapper.current.current-sf-round .rr-round, .draw-section .draw-rounds-wrapper.current.current-sf-round .final-label, .draw-section .draw-rounds-wrapper.current.current-sf-round .final-round {
    display: none;
  }
  .draw-section .draw-rounds-wrapper.current.current-final-round {
    grid-template-areas: "previous-round-icon final-label ." "sf-bracket final-round .";
    grid-template-columns: 3% 94% 3%;
  }
  .draw-section .draw-rounds-wrapper.current.current-final-round .previous-round-icon, .draw-section .draw-rounds-wrapper.current.current-final-round .sf-bracket, .draw-section .draw-rounds-wrapper.current.current-final-round .final-label, .draw-section .draw-rounds-wrapper.current.current-final-round .final-round {
    display: grid;
  }
  .draw-section .draw-rounds-wrapper.current.current-final-round .next-round-icon, .draw-section .draw-rounds-wrapper.current.current-final-round .rr-label, .draw-section .draw-rounds-wrapper.current.current-final-round .rr-round, .draw-section .draw-rounds-wrapper.current.current-final-round .rr-bracket, .draw-section .draw-rounds-wrapper.current.current-final-round .sf-label, .draw-section .draw-rounds-wrapper.current.current-final-round .sf-round {
    display: none;
  }
  .draw-section .draw-rounds-wrapper.current .score-box:not(.round-robin) .main {
    grid-template-columns: 48px 114px auto;
    grid-template-areas: "head-shot name game-point-wrapper";
  }
  .draw-section .draw-rounds-wrapper.current .score-box:not(.round-robin) .main.doubles {
    grid-template-columns: 70px 117px auto;
  }
  .draw-section .draw-rounds-wrapper.current .score-box:not(.round-robin) .main.winner {
    grid-template-areas: "head-shot name winner game-point-wrapper";
    grid-template-columns: 48px 82px 32px auto;
  }
  .draw-section .draw-rounds-wrapper.current .score-box:not(.round-robin) .main.winner.doubles {
    grid-template-columns: 70px 80px 37px auto;
  }
  .draw-section .draw-rounds-wrapper.current .score-box:not(.round-robin) .main .item.flag {
    display: none;
  }
}
.page-content-hero.finals .draw-section .previous-round-icon, .page-content-hero.finals .draw-section .next-round-icon {
  color: #0AD4BE;
}
.page-content-hero.finals .draw-section .round-name {
  font-family: "roboto_bold";
  font-size: 16px;
  line-height: 16px;
  text-align: left;
  text-transform: uppercase;
  color: #171C8F;
}
.page-content-hero.finals .draw-section .round-name:disabled {
  color: #b1b3d9;
}
.page-content-hero.finals .draw-section .round-container .score-box .main .item.game-point-wrapper .game-point .tie-score {
  color: #ffffff;
}
.page-content-hero.finals .draw-section .round-container .score-box .main.player {
  background-color: #0adbc5 !important;
}
.page-content-hero.finals .draw-section .round-container .score-box .main.opponent {
  background-color: #0AD4BE !important;
}
.page-content-hero.next-gen .draw-section .previous-round-icon, .page-content-hero.next-gen .draw-section .next-round-icon {
  color: #FB1128;
}
.page-content-hero.next-gen .draw-section .round-name {
  font-family: "roboto_bold";
  font-size: 16px;
  line-height: 16px;
  text-align: left;
  text-transform: uppercase;
  color: #171C8F;
}
.page-content-hero.next-gen .draw-section .round-name:disabled {
  color: #b1b3d9;
}
.page-content-hero.next-gen .draw-section .round-container .score-box .main .item.game-point-wrapper .game-point .tie-score {
  color: #FB1128;
}
.page-content-hero.next-gen .draw-section .round-container .score-box .main.player {
  background-color: #B2D3F0 !important;
}
.page-content-hero.next-gen .draw-section .round-container .score-box .main.opponent {
  background-color: #99C5EC !important;
}

.leaderboard-title {
  margin: 16px;
  font-size: 24px;
  font-family: "roboto_regular";
  border-top: none !important;
  text-transform: uppercase;
  color: #3aacda;
}

.leaderboard {
  display: grid;
  border: 1px solid #cccccc;
  grid-auto-flow: row;
  margin: 8px;
  font-family: "roboto_regular";
}
.leaderboard .labels {
  display: grid;
  grid-template-columns: 35px auto auto 50px 30px;
  grid-column-gap: 8px;
  grid-template-areas: "rankLabel titleLabel pointsLabel moveLabel expandLabel";
  font-size: 16px;
  padding: 8px;
}
.leaderboard .labels div {
  display: grid;
}
.leaderboard .labels div a {
  display: grid;
  color: #5f676a;
}
.leaderboard .labels div a span {
  text-align: center;
  font-size: 10px;
  color: #ccc;
}
.leaderboard .labels div a.active-sort span {
  color: #5f676a;
}
.leaderboard .labels .rank {
  grid-area: rankLabel;
  justify-self: start;
}
.leaderboard .labels .title {
  grid-area: titleLabel;
  justify-self: start;
}
.leaderboard .labels .points {
  grid-area: pointsLabel;
  text-align: right;
  justify-self: right;
}
.leaderboard .labels .move {
  grid-area: moveLabel;
  text-align: center;
  justify-self: center;
}
.leaderboard .labels .expand {
  grid-area: expandLabel;
  color: #3babda;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  cursor: pointer;
}
.leaderboard .country {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 50px auto;
  grid-template-areas: "info" "players";
  overflow-x: hidden;
}
.leaderboard .country.expanded .icon-plus::before {
  content: "\e62e";
}
.leaderboard .country.expanded .players {
  margin: 8px 0;
  height: 456px;
  opacity: 1;
}
.leaderboard .info {
  grid-area: info;
  display: grid;
  grid-template-columns: 35px auto auto 50px 30px;
  grid-column-gap: 8px;
  grid-auto-rows: 40px;
  grid-template-areas: "rank title points move expand";
  border: 1px solid #c7c8c8;
  background: #fafafa;
  border-radius: 4px;
  align-items: center;
  font-size: 28px;
  line-height: 0.8;
  padding: 4px 8px;
  overflow-x: hidden;
}
.leaderboard .info .rank {
  grid-area: rank;
  font-family: "roboto_regular";
  z-index: 1;
  position: relative;
}
.leaderboard .info .title {
  grid-area: title;
  height: inherit;
  display: flex;
  align-self: center;
  height: auto;
  align-items: center;
  text-transform: uppercase;
  font-weight: bold;
  overflow: hidden;
}
.leaderboard .info .globe {
  height: 40px;
  width: 40px;
  margin-right: 8px;
  cursor: pointer;
}
.leaderboard .info .title-img {
  height: 24px;
  width: auto;
  cursor: pointer;
}
.leaderboard .info .points {
  grid-area: points;
  text-align: right;
}
.leaderboard .info .move {
  grid-area: move;
  text-align: left;
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-self: center;
}
.leaderboard .info .move .icon-arrow-down, .leaderboard .info .move .table-rankings-wrapper .mega-table .sorting-cell .sorting-arrow, .table-rankings-wrapper .mega-table .sorting-cell .leaderboard .info .move .sorting-arrow {
  font-size: 10px;
  color: #b21d1d;
  margin-left: 4px;
}
.leaderboard .info .move .icon-arrow-up, .leaderboard .info .move .table-rankings-wrapper .mega-table .sorting-cell.sort-up .sorting-arrow, .table-rankings-wrapper .mega-table .sorting-cell.sort-up .leaderboard .info .move .sorting-arrow {
  font-size: 10px;
  color: #09d400;
  margin-left: 4px;
}
.leaderboard .info .expand {
  grid-area: expand;
  justify-self: center;
  font-size: 12px;
  color: #3aacda;
  cursor: pointer;
}
.leaderboard .players {
  grid-area: players;
  overflow-x: scroll;
  overflow-y: hidden;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  justify-content: space-between;
  grid-column-gap: 8px;
  margin: 4px 0;
  height: 0;
  transition: all 300ms ease-in-out;
  -webkit-overflow-scrolling: touch;
  opacity: 0;
}
.leaderboard .player {
  background: #c7c8c8;
  display: grid;
  grid-template-columns: 16px 1fr 1fr 40px 16px;
  grid-template-rows: 16px auto auto 16px;
  grid-template-areas: ". . . . ." ". playerName playerName . ." ". playerRank . . ." "playerImage playerImage playerImage playerImage playerImage";
  height: 440px;
  width: 325px;
  border: 1px solid #c7c8c8;
  border-radius: 4px;
  background-size: cover;
  box-shadow: 0 11px 30px inset rgba(0, 0, 0, 0.6);
}
.leaderboard .player .playerImage {
  grid-area: playerImage;
  filter: grayscale(1) drop-shadow(0 0 4px rgba(0, 0, 0, 0.6));
  justify-self: end;
  z-index: 0;
}
.leaderboard .player .playerImage.playerGladiator {
  height: 400px;
  align-self: self-end;
}
.leaderboard .player .playerImage.playerHeadshot {
  height: 130px;
  align-self: center;
  background-color: rgba(255, 255, 255, 0.75);
  grid-area: none;
  border-radius: 4px;
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 2;
  grid-row-end: 3;
}
.leaderboard .player .rules {
  padding: 8px;
  font-size: 14px;
  flex-direction: column;
}
.leaderboard .player .rules .atpcup-filter-btn {
  margin: 8px 0 0;
  font-size: 16px;
  align-self: initial;
  text-align: center;
}
.leaderboard .player .name {
  color: #fff;
  display: grid;
  grid-area: playerName;
  align-self: self-start;
  margin: 0;
  text-transform: uppercase;
  z-index: 1;
  position: relative;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
}
.leaderboard .player .name .firstName {
  font-size: 28px;
  font-weight: bold;
}
.leaderboard .player .name .lastName {
  font-size: 30px;
  font-family: "roboto_regular";
}
.leaderboard .player .rank {
  color: #fff;
  display: grid;
  grid-area: playerRank;
  align-content: end;
  text-transform: uppercase;
  font-family: "roboto_regular";
  z-index: 1;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
}
.leaderboard .player .player-rank {
  font-size: 48px;
  align-self: self-end;
}
.leaderboard .player .player-rank .player-pr {
  font-family: "roboto_regular";
  font-size: 28px;
  margin-left: 4px;
}
.leaderboard .player .rank-type {
  font-size: 26px;
  display: grid;
  align-self: self-end;
}
.leaderboard .player .rank-type span:first-child {
  font-size: 18px;
}
.leaderboard .player .rank-type span:last-child {
  letter-spacing: 0.5px;
}
.leaderboard .player .qualified-stamp {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-auto-rows: 65px;
  grid-template-areas: "a" "b";
  width: 310px;
}
.leaderboard .player .qualified-stamp .commited {
  color: #fff;
  display: grid;
  margin: 0;
  text-transform: uppercase;
  z-index: 1;
  position: relative;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
  font-size: 20px;
  font-family: "roboto_regular";
  transform: rotate(90deg);
  grid-area: b;
  justify-self: right;
  margin-top: -20px;
}
.leaderboard .player .qualified-stamp .commited-image {
  grid-area: a;
  justify-self: right;
  margin-top: 20px;
}

.rules {
  padding: 16px 8px;
  font-size: 16px;
  display: block;
  background: #f1f1f1;
  margin: 8px;
  border-radius: 4px;
  border: 1px solid #c7c8c8 !important;
  justify-content: space-between;
}
.rules .atpcup-faq-container {
  display: inline;
}
.rules .atpcup-filter-btn {
  border: 1px solid #051224;
  padding: 8px 16px;
  border-radius: 4px;
  background: #fff;
  align-self: center;
  font-family: "roboto_regular";
  font-size: 18px;
  letter-spacing: 1px;
  margin: 0 16px;
  color: #051224;
  display: block;
  float: right;
}
.rules .atpcup-filter-btn:hover {
  background-color: #051224;
  color: #fff;
  box-shadow: 0 0 5px #c1c1c1;
}

.is-mobile .leaderboard .labels {
  grid-template-columns: 30px auto auto 28px 28px;
}
.is-mobile .leaderboard .info {
  font-size: 18px;
  grid-template-columns: 30px auto auto 28px 28px;
}
.is-mobile .leaderboard .info .globe {
  height: 32px;
  width: 32px;
  margin-right: 8px;
  cursor: pointer;
}
.is-mobile .leaderboard .info .title-img {
  height: 16px;
  width: auto;
  cursor: pointer;
}
.is-mobile .leaderboard .info .move {
  font-size: 18px;
}
.is-mobile .leaderboard .info .move span {
  font-size: 8px;
}
.is-mobile .rules-and-filter {
  flex-direction: column;
}
.is-mobile .rules-and-filter .rules {
  padding: 8px;
  font-size: 14px;
  flex-direction: column;
}
.is-mobile .rules-and-filter .rules .atpcup-filter-btn {
  margin: 8px 0 0;
  font-size: 16px;
  align-self: initial;
  text-align: center;
}
.is-mobile .rules-and-filter .filter-select {
  align-self: initial;
  width: auto;
}

.atpcup-banner {
  display: flex;
  align-items: center;
  padding: 8px;
}

.atpcup-banner img {
  display: block;
  width: 70px;
  height: 70px;
}

.atpcup-banner__tagLine {
  text-transform: uppercase;
  flex-grow: 1;
  text-align: left;
  margin-left: 8px;
}

.atpcup-banner__tagLine h2 {
  font-family: "roboto_regular";
  font-size: 27px;
  line-height: 1;
  margin: 0;
  color: #3aacda;
  letter-spacing: -0.6px;
}

.atpcup-banner__tagLine span {
  font-family: "roboto_regular";
  font-weight: bold;
  display: block;
  font-size: 15px;
  line-height: 1;
  margin: 4px 0;
}

.atpcup-scorebox-header {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, auto);
  align-items: center;
  justify-items: center;
  padding: 16px 16px 0 16px;
}
.atpcup-scorebox-header .team-flag {
  width: 30px;
  height: 22px;
  border-radius: 4px;
  border: 1px solid #ccc;
  background: #ccc;
}
.atpcup-scorebox-header .country-tie-score {
  font-family: "roboto_bold";
  font-size: 21px;
  text-transform: uppercase;
  text-align: center;
  color: #1f2223;
}
.atpcup-scorebox-header .city-group {
  grid-row-start: 2;
  grid-column-start: span 3;
}

.atpcup-draw {
  display: grid;
  grid-template-columns: 1fr 40px 1fr 20px 1.5fr 20px 1fr 40px 1fr;
  grid-template-rows: auto 40px 40px 40px 40px 40px 40px;
  grid-template-areas: "qf1-label . sf1-label . final-label . sf2-label . qf2-label" "qf1-container . . . . . . . qf2-container" "qf1-container qf-bracket-a . . final-container . . qf-bracket-b qf2-container" ". qf-bracket-a sf1-container . final-container . sf2-container qf-bracket-b ." ". qf-bracket-a sf1-container . final-container . sf2-container qf-bracket-b ." "qf3-container qf-bracket-a . . final-container . . qf-bracket-b qf4-container" "qf3-container . . . . . . . qf4-container";
  padding: 16px;
  font-family: "roboto_regular";
  font-size: 16px;
  clear: both;
}
.atpcup-draw .round {
  justify-content: center;
  align-self: center;
  text-align: center;
  border-bottom: 1px solid #c7c8c8;
  font-family: "roboto_bold";
  font-size: 21px;
  padding: 16px;
  margin-bottom: 16px;
}
.atpcup-draw .round-label {
  display: none;
}
.atpcup-draw .qf1-label {
  grid-area: qf1-label;
}
.atpcup-draw .qf2-label {
  grid-area: qf2-label;
}
.atpcup-draw .sf1-label {
  grid-area: sf1-label;
}
.atpcup-draw .sf2-label {
  grid-area: sf2-label;
}
.atpcup-draw .final-label {
  grid-area: final-label;
}
.atpcup-draw .tie-container {
  display: grid;
  grid-auto-flow: row;
  border-radius: 3px;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  color: inherit;
}
.atpcup-draw .tie-container.has-placeholder {
  justify-content: center;
}
.atpcup-draw .country {
  display: grid;
  align-items: center;
  grid-column-gap: 8px;
}
.atpcup-draw .country:first-of-type {
  border-bottom: 1px solid #c7c8c8;
}
.atpcup-draw .country:first-of-type.has-placeholder {
  border-bottom: 0;
}
.atpcup-draw .bracket-a .country {
  grid-template-columns: -webkit-max-content auto 20px 20px 5px;
  grid-template-columns: max-content auto 20px 20px 5px;
  grid-template-areas: "flag name score leading winner";
  padding-left: 16px;
}
.atpcup-draw .bracket-a .country.has-placeholder {
  grid-template-columns: -webkit-max-content 40px;
  grid-template-columns: max-content 40px;
  grid-template-areas: "flag name ";
  padding-left: 0;
  justify-items: center;
}
.atpcup-draw .bracket-b .country {
  grid-template-columns: 5px -webkit-max-content auto 20px 20px;
  grid-template-columns: 5px max-content auto 20px 20px;
  grid-template-areas: "winner flag name score leading";
  padding-right: 12px;
}
.atpcup-draw .bracket-b .country.has-placeholder {
  grid-template-columns: -webkit-max-content 40px;
  grid-template-columns: max-content 40px;
  grid-template-areas: "flag name ";
  padding-right: 0;
  justify-items: center;
}
.atpcup-draw .placeholder {
  vertical-align: middle;
  display: grid;
  text-align: center;
  font-weight: bold;
  align-items: center;
  grid-column-start: 1 !important;
  grid-column-end: 6 !important;
  white-space: nowrap;
}
.atpcup-draw .flag {
  width: 18px;
  grid-area: flag;
  justify-self: center;
}
.atpcup-draw .name {
  grid-area: name;
}
.atpcup-draw .score {
  grid-area: score;
}
.atpcup-draw .icon-checkmark {
  grid-area: leading;
  color: white;
  height: 16px;
  width: 16px;
  font-size: 8px;
  display: grid;
  border-radius: 8px;
  background: #051224;
}
.atpcup-draw .icon-checkmark:before {
  align-self: center;
  justify-self: center;
}
.atpcup-draw .round-winner {
  grid-area: winner;
  background-color: #051224;
  width: 100%;
  height: 100%;
}
.atpcup-draw .qf1 {
  grid-area: qf1-container;
}
.atpcup-draw .qf2 {
  grid-area: qf2-container;
}
.atpcup-draw .qf3 {
  grid-area: qf3-container;
}
.atpcup-draw .qf4 {
  grid-area: qf4-container;
}
.atpcup-draw .sf1 {
  grid-area: sf1-container;
}
.atpcup-draw .sf2 {
  grid-area: sf2-container;
}
.atpcup-draw .final {
  grid-area: final-container;
  font-size: 20px;
}
.atpcup-draw .final .flag {
  width: 30px;
}
.atpcup-draw .qf-bracket-a {
  border: 1px solid #051224;
  border-left: none;
  grid-area: qf-bracket-a;
  width: 50%;
  background-color: #fff;
}
.atpcup-draw .qf-bracket-b {
  border: 1px solid #051224;
  border-right: none;
  grid-area: qf-bracket-b;
  width: 50%;
  justify-self: end;
  background-color: #fff;
}
.atpcup-draw .center-bracket {
  height: 1px;
  background-color: #c7c8c8;
  grid-column-start: 2;
  grid-column-end: 9;
  grid-row-start: 5;
  z-index: 1;
}
.atpcup-draw .center-bracket.no-qf {
  grid-column-start: 3;
  grid-column-end: 8;
}
.atpcup-draw .icon-leading {
  height: 16px;
  width: 16px;
  border-radius: 8px;
  background-color: #051224;
}

.atpcup-draw-options {
  width: 200px;
  float: right;
  margin: 0 10px 10px 0;
}

@media (max-width: 768px) {
  .atpcup-draw {
    display: grid;
    grid-template-columns: 1fr 1fr 32px 1fr 1fr;
    grid-template-rows: 1fr 60px 1fr 35px 1.25fr 35px 1fr 60px 1fr;
    grid-template-areas: "qf1-container qf1-container . qf3-container qf3-container" ". qf-bracket-a qf-bracket-a qf-bracket-a ." ". sf1-container sf1-container sf1-container ." ". . . . ." "final-container final-container final-container final-container final-container" ". . . . ." ". sf2-container sf2-container sf2-container ." ". qf-bracket-b qf-bracket-b qf-bracket-b ." "qf4-container qf4-container . qf2-container qf2-container";
  }
  .atpcup-draw.no-qf {
    grid-template-rows: 10px 1fr 35px 1.25fr 35px 1fr 60px;
    grid-template-areas: ". qf-bracket-a qf-bracket-a qf-bracket-a ." ". sf1-container sf1-container sf1-container ." ". . . . ." "final-container final-container final-container final-container final-container" ". . . . ." ". sf2-container sf2-container sf2-container ." ". qf-bracket-b qf-bracket-b qf-bracket-b .";
  }
  .atpcup-draw .round {
    display: none;
  }
  .atpcup-draw .tie-container {
    grid-auto-flow: unset;
    grid-template-columns: 50.5% 50.5%;
  }
  .atpcup-draw .tie-container.has-placeholder {
    display: grid;
    min-height: 90px;
    grid-auto-rows: 50%;
  }
  .atpcup-draw .country {
    grid-row-gap: 8px;
  }
  .atpcup-draw .country:first-of-type {
    border-bottom: none;
    border-right: 1px solid #cfcfcf;
  }
  .atpcup-draw .country.has-placeholder:first-of-type {
    grid-column-start: 1 !important;
    grid-column-end: 2 !important;
    justify-content: center;
  }
  .atpcup-draw .country.has-placeholder:last-of-type {
    grid-column-start: 2 !important;
    justify-content: center;
  }
  .atpcup-draw .placeholder {
    font-weight: bold;
    white-space: normal;
  }
  .atpcup-draw .bracket-a .country {
    grid-template-columns: auto auto auto;
    grid-template-areas: "flag name name" ". score leading" "winner winner winner";
    padding-left: 0;
  }
  .atpcup-draw .bracket-b .country {
    grid-template-columns: auto auto auto;
    grid-template-areas: "winner winner winner" "flag name name" ". score leading";
    padding-right: 0;
    padding-bottom: 7px;
  }
  .atpcup-draw .bracket-b.qf2 {
    grid-area: qf4-container;
  }
  .atpcup-draw .bracket-b.qf4 {
    grid-area: qf2-container;
  }
  .atpcup-draw .flag {
    justify-self: end;
  }
  .atpcup-draw .score {
    justify-self: center;
  }
  .atpcup-draw .final {
    margin: 0 12.5%;
  }
  .atpcup-draw .round-label {
    font-family: "roboto_bold";
    font-size: 12px;
    display: block;
    grid-column-start: 1;
    grid-column-end: 3;
    margin: 8px 0;
    justify-self: center;
    align-self: center;
  }
  .atpcup-draw .qf-bracket-a {
    border: 1px solid #051224;
    border-top: none;
    grid-area: qf-bracket-a;
    width: unset;
    height: 50%;
  }
  .atpcup-draw .qf-bracket-b {
    border: 1px solid #051224;
    border-bottom: none;
    grid-area: qf-bracket-b;
    width: unset;
    height: 50%;
    justify-self: unset;
    align-self: end;
  }
  .atpcup-draw .center-bracket {
    height: unset;
    width: 1px;
    background-color: #c7c8c8;
    grid-column-start: 3;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 9;
    margin: 30px auto;
    z-index: unset;
  }
  .atpcup-draw .center-bracket.no-qf {
    grid-column-start: 1;
    grid-column-end: 9;
    grid-row-start: 2;
    grid-row-end: 7;
  }
}
.atpcup-scoring-section {
  padding: 7px;
  color: #1f2223;
}
.atpcup-scoring-section iframe.draw-frame {
  height: 760px;
  width: 100%;
  overflow: hidden;
}
.atpcup-scoring-section #filter-buttons-wrapper {
  padding-top: 7px;
  padding-left: 20px;
  margin-bottom: 10px;
}
.atpcup-scoring-section #filter-buttons-wrapper .icon-font, .atpcup-scoring-section #filter-buttons-wrapper .icon,
.atpcup-scoring-section #filter-buttons-wrapper .icon-small-search,
.atpcup-scoring-section #filter-buttons-wrapper .icon-cart,
.atpcup-scoring-section #filter-buttons-wrapper .icon-list,
.atpcup-scoring-section #filter-buttons-wrapper .icon-help,
.atpcup-scoring-section #filter-buttons-wrapper .icon-chart,
.atpcup-scoring-section #filter-buttons-wrapper .icon-map-marker,
.atpcup-scoring-section #filter-buttons-wrapper .icon-world-circleless,
.atpcup-scoring-section #filter-buttons-wrapper .icon-instagram-circleless,
.atpcup-scoring-section #filter-buttons-wrapper .icon-charity-circleless,
.atpcup-scoring-section #filter-buttons-wrapper .icon-audio,
.atpcup-scoring-section #filter-buttons-wrapper .icon-double-up-arrow,
.atpcup-scoring-section #filter-buttons-wrapper .icon-double-down-arrow,
.atpcup-scoring-section #filter-buttons-wrapper .icon-external,
.atpcup-scoring-section #filter-buttons-wrapper .icon-arrow-down,
.atpcup-scoring-section #filter-buttons-wrapper .table-rankings-wrapper .mega-table .sorting-cell .sorting-arrow,
.table-rankings-wrapper .mega-table .sorting-cell .atpcup-scoring-section #filter-buttons-wrapper .sorting-arrow,
.atpcup-scoring-section #filter-buttons-wrapper .icon-arrow-right,
.atpcup-scoring-section #filter-buttons-wrapper .icon-arrow-up,
.atpcup-scoring-section #filter-buttons-wrapper .table-rankings-wrapper .mega-table .sorting-cell.sort-up .sorting-arrow,
.table-rankings-wrapper .mega-table .sorting-cell.sort-up .atpcup-scoring-section #filter-buttons-wrapper .sorting-arrow,
.atpcup-scoring-section #filter-buttons-wrapper .icon-arrow-left,
.atpcup-scoring-section #filter-buttons-wrapper .icon-arrow-up-thin,
.atpcup-scoring-section #filter-buttons-wrapper .icon-arrow-down-thin,
.atpcup-scoring-section #filter-buttons-wrapper .icon-arrow-left-thin,
.atpcup-scoring-section #filter-buttons-wrapper .icon-arrow-right-thin,
.atpcup-scoring-section #filter-buttons-wrapper .icon-myatp,
.atpcup-scoring-section #filter-buttons-wrapper .icon-search,
.atpcup-scoring-section #filter-buttons-wrapper .icon-facebook,
.atpcup-scoring-section #filter-buttons-wrapper .icon-twitter,
.atpcup-scoring-section #filter-buttons-wrapper .icon-google-plus,
.atpcup-scoring-section #filter-buttons-wrapper .icon-instagram,
.atpcup-scoring-section #filter-buttons-wrapper .icon-youtube,
.atpcup-scoring-section #filter-buttons-wrapper .icon-close,
.atpcup-scoring-section #filter-buttons-wrapper .icon-facebook-circleless,
.atpcup-scoring-section #filter-buttons-wrapper .icon-facebook-messenger,
.atpcup-scoring-section #filter-buttons-wrapper .icon-google-plus-circleless,
.atpcup-scoring-section #filter-buttons-wrapper .icon-googleplus-circleless,
.atpcup-scoring-section #filter-buttons-wrapper .icon-linkedin-circleless,
.atpcup-scoring-section #filter-buttons-wrapper .icon-mail,
.atpcup-scoring-section #filter-buttons-wrapper .icon-pinterest-circleless,
.atpcup-scoring-section #filter-buttons-wrapper .icon-twitter-circleless,
.atpcup-scoring-section #filter-buttons-wrapper .icon-close-circle,
.atpcup-scoring-section #filter-buttons-wrapper .icon-filter,
.atpcup-scoring-section #filter-buttons-wrapper .icon-share,
.atpcup-scoring-section #filter-buttons-wrapper .icon-circle-minus,
.atpcup-scoring-section #filter-buttons-wrapper .icon-circle-plus,
.atpcup-scoring-section #filter-buttons-wrapper .icon-checkmark,
.atpcup-scoring-section #filter-buttons-wrapper .icon-reset,
.atpcup-scoring-section #filter-buttons-wrapper .icon-type-gallery,
.atpcup-scoring-section #filter-buttons-wrapper .icon-type-play,
.atpcup-scoring-section #filter-buttons-wrapper .icon-circle-video,
.atpcup-scoring-section #filter-buttons-wrapper .icon-map-pin,
.atpcup-scoring-section #filter-buttons-wrapper .icon-close-filled,
.atpcup-scoring-section #filter-buttons-wrapper .icon-fullscreen,
.atpcup-scoring-section #filter-buttons-wrapper .icon-currency-other,
.atpcup-scoring-section #filter-buttons-wrapper .icon-court,
.atpcup-scoring-section #filter-buttons-wrapper .icon-tennis-ball,
.atpcup-scoring-section #filter-buttons-wrapper .icon-favorite,
.atpcup-scoring-section #filter-buttons-wrapper .icon-reply,
.atpcup-scoring-section #filter-buttons-wrapper .icon-retweet,
.atpcup-scoring-section #filter-buttons-wrapper .icon-minus,
.atpcup-scoring-section #filter-buttons-wrapper .icon-plus,
.atpcup-scoring-section #filter-buttons-wrapper .icon-singles,
.atpcup-scoring-section #filter-buttons-wrapper .icon-doubles,
.atpcup-scoring-section #filter-buttons-wrapper .icon-youtube-circleless,
.atpcup-scoring-section #filter-buttons-wrapper .icon-clock,
.atpcup-scoring-section #filter-buttons-wrapper .icon-vixlet-circleless,
.atpcup-scoring-section #filter-buttons-wrapper .icon-bracket,
.atpcup-scoring-section #filter-buttons-wrapper .icon-currency,
.atpcup-scoring-section #filter-buttons-wrapper .icon-finance,
.atpcup-scoring-section #filter-buttons-wrapper .icon-header-search,
.atpcup-scoring-section #filter-buttons-wrapper .icon-header-menu,
.atpcup-scoring-section #filter-buttons-wrapper .icon-weibo-circleless,
.atpcup-scoring-section #filter-buttons-wrapper .icon-hexagon,
.atpcup-scoring-section #filter-buttons-wrapper .icon-radio-signal-both,
.atpcup-scoring-section #filter-buttons-wrapper .icon-mic,
.atpcup-scoring-section #filter-buttons-wrapper .icon-newspaper,
.atpcup-scoring-section #filter-buttons-wrapper .icon-headphones,
.atpcup-scoring-section #filter-buttons-wrapper .icon-feed,
.atpcup-scoring-section #filter-buttons-wrapper .icon-cart2,
.atpcup-scoring-section #filter-buttons-wrapper .icon-tv,
.atpcup-scoring-section #filter-buttons-wrapper .icon-display,
.atpcup-scoring-section #filter-buttons-wrapper .icon-play2,
.atpcup-scoring-section #filter-buttons-wrapper .icon-spinner11,
.atpcup-scoring-section #filter-buttons-wrapper .icon-whatsapp,
.atpcup-scoring-section #filter-buttons-wrapper .icon-next,
.atpcup-scoring-section #filter-buttons-wrapper .controls-wrapper .rsArrowLeft,
.controls-wrapper .atpcup-scoring-section #filter-buttons-wrapper .rsArrowLeft,
.atpcup-scoring-section #filter-buttons-wrapper .controls-wrapper .rsArrowRight,
.controls-wrapper .atpcup-scoring-section #filter-buttons-wrapper .rsArrowRight,
.atpcup-scoring-section #filter-buttons-wrapper .breaking-close,
.atpcup-scoring-section #filter-buttons-wrapper .close-nav,
.atpcup-scoring-section #filter-buttons-wrapper .mobile-navigation-links a,
.mobile-navigation-links .atpcup-scoring-section #filter-buttons-wrapper a,
.atpcup-scoring-section #filter-buttons-wrapper .intro-section .location-credit,
.intro-section .atpcup-scoring-section #filter-buttons-wrapper .location-credit,
.atpcup-scoring-section #filter-buttons-wrapper .play-video,
.atpcup-scoring-section #filter-buttons-wrapper .last-events-played .rsArrow.rsArrowLeft .rsArrowIcn,
.last-events-played .rsArrow.rsArrowLeft .atpcup-scoring-section #filter-buttons-wrapper .rsArrowIcn,
.atpcup-scoring-section #filter-buttons-wrapper .last-events-played .rsArrow.rsArrowRight .rsArrowIcn,
.last-events-played .rsArrow.rsArrowRight .atpcup-scoring-section #filter-buttons-wrapper .rsArrowIcn,
.atpcup-scoring-section #filter-buttons-wrapper .detail-carousel .rsArrow.rsArrowLeft .rsArrowIcn,
.detail-carousel .rsArrow.rsArrowLeft .atpcup-scoring-section #filter-buttons-wrapper .rsArrowIcn,
.atpcup-scoring-section #filter-buttons-wrapper .detail-carousel .rsArrow.rsArrowRight .rsArrowIcn,
.detail-carousel .rsArrow.rsArrowRight .atpcup-scoring-section #filter-buttons-wrapper .rsArrowIcn, .atpcup-scoring-section #filter-buttons-wrapper .tournaments-categories-item .item-link:before, .tournaments-categories-item .atpcup-scoring-section #filter-buttons-wrapper .item-link:before,
.atpcup-scoring-section #filter-buttons-wrapper .column-search-icon,
.atpcup-scoring-section #filter-buttons-wrapper .search-on .column-search-icon,
.search-on .atpcup-scoring-section #filter-buttons-wrapper .column-search-icon,
.atpcup-scoring-section #filter-buttons-wrapper .time-button,
.atpcup-scoring-section #filter-buttons-wrapper .map-continent-container .world-link,
.map-continent-container .atpcup-scoring-section #filter-buttons-wrapper .world-link,
.atpcup-scoring-section #filter-buttons-wrapper .map-marker .marker-icon,
.map-marker .atpcup-scoring-section #filter-buttons-wrapper .marker-icon,
.atpcup-scoring-section #filter-buttons-wrapper .marker-tooltip-close,
.atpcup-scoring-section #filter-buttons-wrapper .head-to-head-move-up,
.atpcup-scoring-section #filter-buttons-wrapper .head-to-head-move-down,
.atpcup-scoring-section #filter-buttons-wrapper .modal-carousel .rsArrow.rsArrowLeft .rsArrowIcn,
.modal-carousel .rsArrow.rsArrowLeft .atpcup-scoring-section #filter-buttons-wrapper .rsArrowIcn,
.atpcup-scoring-section #filter-buttons-wrapper .modal-carousel .rsArrow.rsArrowRight .rsArrowIcn,
.modal-carousel .rsArrow.rsArrowRight .atpcup-scoring-section #filter-buttons-wrapper .rsArrowIcn,
.atpcup-scoring-section #filter-buttons-wrapper .modal-carousel-close,
.atpcup-scoring-section #filter-buttons-wrapper .modal-carousel-social-close,
.atpcup-scoring-section #filter-buttons-wrapper .modal-close, .atpcup-scoring-section #filter-buttons-wrapper .modal-select .select-text:before, .modal-select .atpcup-scoring-section #filter-buttons-wrapper .select-text:before, .atpcup-scoring-section #filter-buttons-wrapper .mobile-select .select-text:before, .mobile-select .atpcup-scoring-section #filter-buttons-wrapper .select-text:before,
.atpcup-scoring-section #filter-buttons-wrapper .close-draw-by-player,
.atpcup-scoring-section #filter-buttons-wrapper .site-search .close-search,
.site-search .atpcup-scoring-section #filter-buttons-wrapper .close-search,
.atpcup-scoring-section #filter-buttons-wrapper .site-search .clear-search,
.site-search .atpcup-scoring-section #filter-buttons-wrapper .clear-search,
.atpcup-scoring-section #filter-buttons-wrapper .scores-daily-schedule-controls .button-time:before,
.scores-daily-schedule-controls .atpcup-scoring-section #filter-buttons-wrapper .button-time:before,
.atpcup-scoring-section #filter-buttons-wrapper .video-container .video-player .video-play-btn,
.video-container .video-player .atpcup-scoring-section #filter-buttons-wrapper .video-play-btn,
.atpcup-scoring-section #filter-buttons-wrapper .video-container .video-player .video-next-btn,
.video-container .video-player .atpcup-scoring-section #filter-buttons-wrapper .video-next-btn,
.atpcup-scoring-section #filter-buttons-wrapper .video-container .video-player .video-replay-btn,
.video-container .video-player .atpcup-scoring-section #filter-buttons-wrapper .video-replay-btn {
  white-space: nowrap;
}
.atpcup-scoring-section .info-label {
  display: flex;
  font-family: "roboto_bold";
  font-size: 16px;
  justify-content: flex-end;
  align-items: center;
  margin: 16px;
  color: #1f2223;
}
.atpcup-scoring-section .info-label .green-color-legend {
  background-color: #97d300;
  width: 10px;
  height: 10px;
  margin: 10px;
}
.atpcup-scoring-section .info-label-small {
  display: flex;
  font-family: "roboto_bold";
  font-size: 16px;
  justify-content: flex-end;
  align-items: center;
  margin: 0 16px;
  color: #1f2223;
}
.atpcup-scoring-section .info-label-small .green-color-legend {
  background-color: #97d300;
  width: 10px;
  height: 10px;
  margin: 10px;
}
.atpcup-scoring-section p {
  font-size: 15px;
  margin: 16px;
}
.atpcup-scoring-section .draw-title {
  display: flex;
  font-size: 36px;
  padding-top: 5px;
  font-family: "roboto_bold";
  align-items: center;
  clear: both;
  float: left;
}
.atpcup-scoring-section .grouping-title {
  display: flex;
  padding-top: 16px;
  font-size: 36px;
  font-family: "roboto_bold";
  align-items: center;
  clear: both;
}
.atpcup-scoring-section .logo {
  width: 90px;
}
.atpcup-scoring-section .atpcup-grouping {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 40px;
  margin: 0 30px;
  font-family: "roboto_regular";
}
.atpcup-scoring-section .atpcup-grouping.final8 {
  display: flex !important;
  flex-direction: column;
  width: auto;
}
.atpcup-scoring-section .atpcup-grouping.final8 .team {
  grid-template-columns: 30px 30px auto 70px 70px 70px 70px 70px;
}
.atpcup-scoring-section .atpcup-grouping.final8 .team.labels {
  grid-template-columns: 16px 30px 30px auto 70px 70px 70px 70px 70px;
}
.atpcup-scoring-section .atpcup-grouping .group {
  display: grid;
  grid-auto-flow: row;
}
.atpcup-scoring-section .atpcup-grouping .title {
  font-family: "roboto_bold";
  font-size: 22px;
  margin-bottom: 22px;
  text-transform: uppercase;
}
.atpcup-scoring-section .atpcup-grouping .teams {
  display: grid;
  grid-auto-flow: row;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  background-color: #fff;
  border-radius: 3px;
  margin: 0;
  padding-right: 10px;
}
.atpcup-scoring-section .atpcup-grouping .row-wrapper {
  display: grid;
  grid-template-columns: 10px auto;
}
.atpcup-scoring-section .atpcup-grouping .team {
  display: grid;
  grid-template-columns: 30px 30px auto 55px 60px 60px 60px;
  padding: 0;
  border-top: 1px solid #c7c8c8;
  font-family: "roboto_regular";
  font-size: 16px;
  align-items: center;
}
.atpcup-scoring-section .atpcup-grouping .team.labels {
  grid-template-columns: 16px 30px 30px auto 55px 60px 60px 60px;
  font-size: 14px;
  border-top: none;
  align-items: baseline;
}
.atpcup-scoring-section .atpcup-grouping .country {
  grid-column-start: 3;
  grid-column-end: 5;
}
.atpcup-scoring-section .atpcup-grouping .name {
  margin-left: 8px;
}
.atpcup-scoring-section .atpcup-grouping .flag {
  width: 28px;
}
.atpcup-scoring-section .atpcup-grouping .win,
.atpcup-scoring-section .atpcup-grouping .loss,
.atpcup-scoring-section .atpcup-grouping .sets,
.atpcup-scoring-section .atpcup-grouping .games {
  justify-self: center;
  text-align: center;
  display: block;
}
.atpcup-scoring-section .atpcup-grouping .knockout {
  height: 100%;
  width: 7px;
}
.atpcup-scoring-section .atpcup-grouping .knockout.qualified {
  background-color: #97d300;
}
.atpcup-scoring-section .atpcup-grouping .position {
  padding: 16px 0;
  text-align: center;
}
.atpcup-scoring-section .city {
  grid-column-start: 1;
  grid-column-end: 3;
  font-family: "roboto_bold";
  font-size: 22px;
  text-transform: uppercase;
  margin-top: 16px;
}
.atpcup-scoring-section .city.margin-left {
  margin-left: 30px;
}

.is-mobile .atpcup-scoring-section iframe.draw-frame {
  height: 320px;
  width: 100%;
  overflow: hidden;
}
.is-mobile .content-title {
  font-size: 0.7em;
}
.is-mobile .atpcup-grouping {
  display: flex !important;
  flex-direction: column;
  margin: 5px !important;
}
.is-mobile .atpcup-grouping .city {
  grid-column-end: 2;
  margin-bottom: 10px;
}
.is-mobile .atpcup-grouping .group {
  margin-bottom: 20px;
}
.is-mobile .atpcup-grouping .teams {
  padding-right: 5px;
}
.is-mobile .atpcup-grouping .team {
  font-size: 13px !important;
  grid-template-columns: 22px 30px auto 30px 35px 35px 45px !important;
}
.is-mobile .atpcup-grouping .team.labels {
  font-size: 11px !important;
  grid-template-columns: 10px 22px 30px auto 30px 35px 35px 45px !important;
}
.is-mobile .atpcup-grouping.final8 .team {
  grid-template-columns: 22px 30px auto 55px 35px 45px !important;
  grid-gap: 1px;
}
.is-mobile .atpcup-grouping.final8 .team .group-name {
  text-align: center;
}
.is-mobile .atpcup-grouping.final8 .team.labels {
  grid-template-columns: 10px 22px 30px auto 55px 35px 45px !important;
}
.is-mobile .atpcup-grouping.final8 .team .sets, .is-mobile .atpcup-grouping.final8 .team .games {
  display: none;
}
.is-mobile #filter-buttons-wrapper {
  display: flex;
  line-height: 28px;
}
.is-mobile #filter-buttons-wrapper .icon, .is-mobile #filter-buttons-wrapper .tournaments-categories-item .item-link:before, .tournaments-categories-item .is-mobile #filter-buttons-wrapper .item-link:before, .is-mobile #filter-buttons-wrapper .modal-select .select-text:before, .modal-select .is-mobile #filter-buttons-wrapper .select-text:before, .is-mobile #filter-buttons-wrapper .mobile-select .select-text:before, .mobile-select .is-mobile #filter-buttons-wrapper .select-text:before {
  background-color: transparent;
  color: #051224;
  width: 45%;
  font-size: 16px;
  height: 30px;
  letter-spacing: 0px;
  line-height: 26px;
  text-align: center;
  text-transform: capitalize;
  border-radius: 5px;
  border: 1px solid #051224 !important;
  border-bottom: 3px solid #051224 !important;
  border-top-color: #4BC0EF !important;
  border-left-color: #4BC0EF !important;
  margin: 10px;
  cursor: pointer;
}
.is-mobile #filter-buttons-wrapper .icon.current, .is-mobile #filter-buttons-wrapper .tournaments-categories-item .current.item-link:before, .tournaments-categories-item .is-mobile #filter-buttons-wrapper .current.item-link:before, .is-mobile #filter-buttons-wrapper .modal-select .current.select-text:before, .modal-select .is-mobile #filter-buttons-wrapper .current.select-text:before, .is-mobile #filter-buttons-wrapper .mobile-select .current.select-text:before, .mobile-select .is-mobile #filter-buttons-wrapper .current.select-text:before {
  color: #000000;
}
.is-mobile #filter-buttons-wrapper .icon-font, .is-mobile #filter-buttons-wrapper .icon,
.is-mobile #filter-buttons-wrapper .icon-small-search,
.is-mobile #filter-buttons-wrapper .icon-cart,
.is-mobile #filter-buttons-wrapper .icon-list,
.is-mobile #filter-buttons-wrapper .icon-help,
.is-mobile #filter-buttons-wrapper .icon-chart,
.is-mobile #filter-buttons-wrapper .icon-map-marker,
.is-mobile #filter-buttons-wrapper .icon-world-circleless,
.is-mobile #filter-buttons-wrapper .icon-instagram-circleless,
.is-mobile #filter-buttons-wrapper .icon-charity-circleless,
.is-mobile #filter-buttons-wrapper .icon-audio,
.is-mobile #filter-buttons-wrapper .icon-double-up-arrow,
.is-mobile #filter-buttons-wrapper .icon-double-down-arrow,
.is-mobile #filter-buttons-wrapper .icon-external,
.is-mobile #filter-buttons-wrapper .icon-arrow-down,
.is-mobile #filter-buttons-wrapper .table-rankings-wrapper .mega-table .sorting-cell .sorting-arrow,
.table-rankings-wrapper .mega-table .sorting-cell .is-mobile #filter-buttons-wrapper .sorting-arrow,
.is-mobile #filter-buttons-wrapper .icon-arrow-right,
.is-mobile #filter-buttons-wrapper .icon-arrow-up,
.is-mobile #filter-buttons-wrapper .table-rankings-wrapper .mega-table .sorting-cell.sort-up .sorting-arrow,
.table-rankings-wrapper .mega-table .sorting-cell.sort-up .is-mobile #filter-buttons-wrapper .sorting-arrow,
.is-mobile #filter-buttons-wrapper .icon-arrow-left,
.is-mobile #filter-buttons-wrapper .icon-arrow-up-thin,
.is-mobile #filter-buttons-wrapper .icon-arrow-down-thin,
.is-mobile #filter-buttons-wrapper .icon-arrow-left-thin,
.is-mobile #filter-buttons-wrapper .icon-arrow-right-thin,
.is-mobile #filter-buttons-wrapper .icon-myatp,
.is-mobile #filter-buttons-wrapper .icon-search,
.is-mobile #filter-buttons-wrapper .icon-facebook,
.is-mobile #filter-buttons-wrapper .icon-twitter,
.is-mobile #filter-buttons-wrapper .icon-google-plus,
.is-mobile #filter-buttons-wrapper .icon-instagram,
.is-mobile #filter-buttons-wrapper .icon-youtube,
.is-mobile #filter-buttons-wrapper .icon-close,
.is-mobile #filter-buttons-wrapper .icon-facebook-circleless,
.is-mobile #filter-buttons-wrapper .icon-facebook-messenger,
.is-mobile #filter-buttons-wrapper .icon-google-plus-circleless,
.is-mobile #filter-buttons-wrapper .icon-googleplus-circleless,
.is-mobile #filter-buttons-wrapper .icon-linkedin-circleless,
.is-mobile #filter-buttons-wrapper .icon-mail,
.is-mobile #filter-buttons-wrapper .icon-pinterest-circleless,
.is-mobile #filter-buttons-wrapper .icon-twitter-circleless,
.is-mobile #filter-buttons-wrapper .icon-close-circle,
.is-mobile #filter-buttons-wrapper .icon-filter,
.is-mobile #filter-buttons-wrapper .icon-share,
.is-mobile #filter-buttons-wrapper .icon-circle-minus,
.is-mobile #filter-buttons-wrapper .icon-circle-plus,
.is-mobile #filter-buttons-wrapper .icon-checkmark,
.is-mobile #filter-buttons-wrapper .icon-reset,
.is-mobile #filter-buttons-wrapper .icon-type-gallery,
.is-mobile #filter-buttons-wrapper .icon-type-play,
.is-mobile #filter-buttons-wrapper .icon-circle-video,
.is-mobile #filter-buttons-wrapper .icon-map-pin,
.is-mobile #filter-buttons-wrapper .icon-close-filled,
.is-mobile #filter-buttons-wrapper .icon-fullscreen,
.is-mobile #filter-buttons-wrapper .icon-currency-other,
.is-mobile #filter-buttons-wrapper .icon-court,
.is-mobile #filter-buttons-wrapper .icon-tennis-ball,
.is-mobile #filter-buttons-wrapper .icon-favorite,
.is-mobile #filter-buttons-wrapper .icon-reply,
.is-mobile #filter-buttons-wrapper .icon-retweet,
.is-mobile #filter-buttons-wrapper .icon-minus,
.is-mobile #filter-buttons-wrapper .icon-plus,
.is-mobile #filter-buttons-wrapper .icon-singles,
.is-mobile #filter-buttons-wrapper .icon-doubles,
.is-mobile #filter-buttons-wrapper .icon-youtube-circleless,
.is-mobile #filter-buttons-wrapper .icon-clock,
.is-mobile #filter-buttons-wrapper .icon-vixlet-circleless,
.is-mobile #filter-buttons-wrapper .icon-bracket,
.is-mobile #filter-buttons-wrapper .icon-currency,
.is-mobile #filter-buttons-wrapper .icon-finance,
.is-mobile #filter-buttons-wrapper .icon-header-search,
.is-mobile #filter-buttons-wrapper .icon-header-menu,
.is-mobile #filter-buttons-wrapper .icon-weibo-circleless,
.is-mobile #filter-buttons-wrapper .icon-hexagon,
.is-mobile #filter-buttons-wrapper .icon-radio-signal-both,
.is-mobile #filter-buttons-wrapper .icon-mic,
.is-mobile #filter-buttons-wrapper .icon-newspaper,
.is-mobile #filter-buttons-wrapper .icon-headphones,
.is-mobile #filter-buttons-wrapper .icon-feed,
.is-mobile #filter-buttons-wrapper .icon-cart2,
.is-mobile #filter-buttons-wrapper .icon-tv,
.is-mobile #filter-buttons-wrapper .icon-display,
.is-mobile #filter-buttons-wrapper .icon-play2,
.is-mobile #filter-buttons-wrapper .icon-spinner11,
.is-mobile #filter-buttons-wrapper .icon-whatsapp,
.is-mobile #filter-buttons-wrapper .icon-next,
.is-mobile #filter-buttons-wrapper .controls-wrapper .rsArrowLeft,
.controls-wrapper .is-mobile #filter-buttons-wrapper .rsArrowLeft,
.is-mobile #filter-buttons-wrapper .controls-wrapper .rsArrowRight,
.controls-wrapper .is-mobile #filter-buttons-wrapper .rsArrowRight,
.is-mobile #filter-buttons-wrapper .breaking-close,
.is-mobile #filter-buttons-wrapper .close-nav,
.is-mobile #filter-buttons-wrapper .mobile-navigation-links a,
.mobile-navigation-links .is-mobile #filter-buttons-wrapper a,
.is-mobile #filter-buttons-wrapper .intro-section .location-credit,
.intro-section .is-mobile #filter-buttons-wrapper .location-credit,
.is-mobile #filter-buttons-wrapper .play-video,
.is-mobile #filter-buttons-wrapper .last-events-played .rsArrow.rsArrowLeft .rsArrowIcn,
.last-events-played .rsArrow.rsArrowLeft .is-mobile #filter-buttons-wrapper .rsArrowIcn,
.is-mobile #filter-buttons-wrapper .last-events-played .rsArrow.rsArrowRight .rsArrowIcn,
.last-events-played .rsArrow.rsArrowRight .is-mobile #filter-buttons-wrapper .rsArrowIcn,
.is-mobile #filter-buttons-wrapper .detail-carousel .rsArrow.rsArrowLeft .rsArrowIcn,
.detail-carousel .rsArrow.rsArrowLeft .is-mobile #filter-buttons-wrapper .rsArrowIcn,
.is-mobile #filter-buttons-wrapper .detail-carousel .rsArrow.rsArrowRight .rsArrowIcn,
.detail-carousel .rsArrow.rsArrowRight .is-mobile #filter-buttons-wrapper .rsArrowIcn, .is-mobile #filter-buttons-wrapper .tournaments-categories-item .item-link:before, .tournaments-categories-item .is-mobile #filter-buttons-wrapper .item-link:before,
.is-mobile #filter-buttons-wrapper .column-search-icon,
.is-mobile #filter-buttons-wrapper .search-on .column-search-icon,
.search-on .is-mobile #filter-buttons-wrapper .column-search-icon,
.is-mobile #filter-buttons-wrapper .time-button,
.is-mobile #filter-buttons-wrapper .map-continent-container .world-link,
.map-continent-container .is-mobile #filter-buttons-wrapper .world-link,
.is-mobile #filter-buttons-wrapper .map-marker .marker-icon,
.map-marker .is-mobile #filter-buttons-wrapper .marker-icon,
.is-mobile #filter-buttons-wrapper .marker-tooltip-close,
.is-mobile #filter-buttons-wrapper .head-to-head-move-up,
.is-mobile #filter-buttons-wrapper .head-to-head-move-down,
.is-mobile #filter-buttons-wrapper .modal-carousel .rsArrow.rsArrowLeft .rsArrowIcn,
.modal-carousel .rsArrow.rsArrowLeft .is-mobile #filter-buttons-wrapper .rsArrowIcn,
.is-mobile #filter-buttons-wrapper .modal-carousel .rsArrow.rsArrowRight .rsArrowIcn,
.modal-carousel .rsArrow.rsArrowRight .is-mobile #filter-buttons-wrapper .rsArrowIcn,
.is-mobile #filter-buttons-wrapper .modal-carousel-close,
.is-mobile #filter-buttons-wrapper .modal-carousel-social-close,
.is-mobile #filter-buttons-wrapper .modal-close, .is-mobile #filter-buttons-wrapper .modal-select .select-text:before, .modal-select .is-mobile #filter-buttons-wrapper .select-text:before, .is-mobile #filter-buttons-wrapper .mobile-select .select-text:before, .mobile-select .is-mobile #filter-buttons-wrapper .select-text:before,
.is-mobile #filter-buttons-wrapper .close-draw-by-player,
.is-mobile #filter-buttons-wrapper .site-search .close-search,
.site-search .is-mobile #filter-buttons-wrapper .close-search,
.is-mobile #filter-buttons-wrapper .site-search .clear-search,
.site-search .is-mobile #filter-buttons-wrapper .clear-search,
.is-mobile #filter-buttons-wrapper .scores-daily-schedule-controls .button-time:before,
.scores-daily-schedule-controls .is-mobile #filter-buttons-wrapper .button-time:before,
.is-mobile #filter-buttons-wrapper .video-container .video-player .video-play-btn,
.video-container .video-player .is-mobile #filter-buttons-wrapper .video-play-btn,
.is-mobile #filter-buttons-wrapper .video-container .video-player .video-next-btn,
.video-container .video-player .is-mobile #filter-buttons-wrapper .video-next-btn,
.is-mobile #filter-buttons-wrapper .video-container .video-player .video-replay-btn,
.video-container .video-player .is-mobile #filter-buttons-wrapper .video-replay-btn {
  font-family: "roboto_bold" !important;
  white-space: nowrap;
}

* {
  padding: 0;
  margin: 0;
  scroll-behavior: smooth;
}

/* FROM INLINE STYLES */
.emphasis-screen strong,
.story-section strong,
.milestone-screen strong,
.time-lapse-screen strong,
.video-screen strong {
  font-weight: 700;
}

.emphasis-screen em,
.story-section em,
.milestone-screen em,
.time-lapse-screen em,
.video-screen em {
  font-style: italic;
}

.emphasis-screen .stat-graphic {
  object-fit: contain;
  object-position: center center;
}

#backToTop::after {
  font-family: "icomoon";
}

.is-desktop .with-background .left-of-sticky.big-infogram {
  grid-column: 1/span 3;
  margin-bottom: 5vh;
}

.is-desktop .big-infogram .big-infogram-container {
  width: 70%;
}

.is-desktop .video-screen {
  display: grid;
  justify-items: center;
  justify-content: center;
  align-items: center;
  align-content: center;
}

.is-desktop .video-screen iframe {
  height: 45vw;
  position: unset;
  width: 80vw;
  top: unset;
  transform: unset;
  -webkit-transform: unset;
}

.is-mobile .video-screen iframe {
  height: 56.25vw;
  position: unset;
  width: 100vw;
  top: unset;
  transform: unset;
  -webkit-transform: unset;
}

/* TITLE SECTION */
.title-section {
  z-index: 2;
  height: calc(100vh - 110px);
}

.hero-video {
  width: 100%;
  height: calc(100vh - 110px);
  object-fit: cover;
  z-index: 2;
}

.hero-title {
  font-size: 64px;
  transform: translateY(0);
  transition: all ease-in 500ms;
  text-align: center;
  margin-top: -48px;
  line-height: 1;
  opacity: 0;
  color: #fff;
  text-shadow: 0px 0px 10px #000;
  text-transform: uppercase;
  font-family: "roboto_bold";
}

.entry {
  transform: translateY(-20vh);
  opacity: 1;
}

/* STORY SECTION */
.story-section {
  display: grid;
  position: relative;
  grid-column: 1/span 6;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-column-gap: 32px;
  grid-auto-flow: column;
  background-attachment: fixed;
  background-size: cover;
  background-position: top left;
  z-index: 2;
}

.with-shaded-background {
  color: white;
}

.with-shaded-background * {
  border-color: #fff !important;
}

.with-shaded-background::before {
  /* position: sticky; */
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
}

.with-background .right-of-sticky,
.with-background .left-of-sticky {
  border-radius: 6px;
  margin-top: 100vh;
  margin-bottom: 50vh;
  color: #373737;
}

.left-of-sticky,
.left-flow-text {
  grid-column: 2/span 2;
  grid-row: 1;
  font-size: 20px;
  line-height: 1.3;
  padding: 64px 32px;
  z-index: 2;
  text-align: justify;
}

.right-of-sticky,
.right-flow-text {
  grid-column: 4/span 2;
  grid-row: 1;
  font-size: 20px;
  line-height: 1.3;
  padding: 64px 32px;
  z-index: 2;
  text-align: justify;
}

.right-sticky-container {
  grid-column: 4/span 2;
  padding: 64px 0;
  display: grid;
}

.left-sticky-container {
  grid-column: 2/span 2;
  padding: 64px 0;
  display: grid;
}

.right-sticky-photo-container {
  grid-column: 4/span 3;
  padding: 64px 0;
}

.left-sticky-photo-container {
  grid-column: 1/span 3;
  padding: 64px 0;
}

.right-sticky-photo-container {
  grid-column: 4/span 3;
  padding: 64px 0;
}

.left-sticky-photo-container {
  grid-column: 1/span 3;
  padding: 64px 0;
}

.right-sticky,
.left-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 15vh;
  transition: all ease-in-out 1000ms;
  justify-self: center;
  border: 6px solid #fff;
  transform: rotate(0deg);
  height: 80vh;
  margin-bottom: 10vh;
  opacity: 0;
}

.left-sticky.on-step-enter,
.right-sticky.on-step-enter {
  opacity: 1;
  top: 220px;
  /* transform: translateX(0); */
}

.story-section h3 {
  font-size: 36px;
  margin-bottom: 16px;
  text-align: left;
  font-family: "roboto_bold";
}

.story-section h4 {
  display: block;
  margin-bottom: 16px;
  padding: 8px 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  font-family: "roboto_bold";
}

.left-of-sticky p,
.right-of-sticky p {
  margin-bottom: 24px;
}

.first-letter-cap p:first-of-type::first-letter {
  font-size: 400%;
  line-height: 0.875;
  float: left;
  padding-right: 8px;
}

.left-of-sticky blockquote,
.right-of-sticky blockquote {
  display: block;
  margin-bottom: 16px;
  border-top: 4px solid #06aeee;
  border-bottom: 4px solid #06aeee;
  font-style: italic;
  padding: 22px;
  font-size: 32px;
  text-align: left;
  color: #06aeee;
  line-height: 1.3;
}

.left-of-sticky blockquote footer cite,
.right-of-sticky blockquote footer cite {
  margin-top: 16px;
  font-style: normal;
  font-size: 18px;
  display: block;
}

/* EMPHASIS SCREEN */
.emphasis-screen {
  display: grid;
  position: relative;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  /* grid-auto-flow: column; */
  /* border: 1px dashed #fff; */
  /* padding-bottom: 30px; */
  background-attachment: fixed;
  background-color: #657786;
  background-blend-mode: multiply;
  background-size: cover;
  background-position: center;
  z-index: 2;
}

.emphasis-screen h2 {
  text-transform: uppercase;
  font-family: "roboto_bold";
  font-size: 64px;
}

.emphasis-screen-slug {
  height: calc(100vh - 110px);
  margin-bottom: 50vh;
}

.emphasis-screen-slug.with-right-title {
  grid-column: 4/span 2;
  z-index: 2;
  color: white;
  font-size: 42px;
  text-transform: capitalize;
}

.emphasis-screen-slug.with-center-title {
  grid-column: 1/span 6;
  z-index: 2;
  color: white;
  font-size: 42px;
  text-transform: capitalize;
  text-align: center;
}

.emphasis-screen picture, .emphasis-screen img {
  grid-column: 1/span 6;
  width: 100%;
  height: calc(100vh - 110px);
  z-index: 1;
  justify-self: center;
  position: -webkit-sticky;
  position: sticky;
  transition: all ease-in-out 1000ms;
  object-fit: cover;
  object-position: top center;
  top: 110px;
}

/* MILESTONE SECTION */
.milestone-screen {
  display: grid;
  position: relative;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  /* grid-auto-flow: column; */
  /* border: 1px dashed #fff; */
  /* padding-bottom: 30px; */
  background-attachment: fixed;
  background-color: #657786;
  background-blend-mode: multiply;
  background-size: cover;
  background-position: center;
  z-index: 2;
}

.fixed {
  position: fixed;
  top: 110px;
}

.milestone-screen picture, .milestone-screen img {
  grid-column: 1/span 6;
  width: 100%;
  height: calc(100vh - 110px);
  z-index: 1;
  justify-self: center;
  position: -webkit-sticky;
  position: sticky;
  transition: all ease-in-out 1000ms;
  object-fit: cover;
  object-position: top center;
  top: 110px;
  opacity: 0;
}

.milestone-screen picture:first-of-type, .milestone-screen img:first-of-type {
  opacity: 1 !important;
}

.milestone-text-container {
  grid-column: 2/span 4;
  padding: 32px 32px;
  z-index: 2;
  line-height: 1.3;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-backdrop-filter: blur(1rem);
          backdrop-filter: blur(1rem);
  margin-bottom: 50vh;
}

.milestone-text-container h3 {
  color: #e6ed3c;
  font-size: 34px;
  font-weight: bold;
  margin-bottom: 34px;
}

.milestone-text-container p {
  color: #fff;
  font-size: 20px;
  line-height: 1.3;
}

/* VIDEO SECTION */
.video-screen {
  height: calc(100vh - 110px);
  perspective: 1;
  z-index: 1;
  background: #000;
}

.video-screen iframe {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  /* opacity: inherit; */
}

/* TIME LAPSE SECTION */
.time-lapse-screen {
  display: grid;
  position: relative;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  /* grid-auto-flow: column; */
  /* border: 1px dashed #fff; */
  /* padding-bottom: 30px; */
  background-attachment: fixed;
  background-color: #657786;
  background-blend-mode: multiply;
  background-size: cover;
  background-position: center;
  z-index: 2;
}

.time-lapse-img:first-of-type {
  display: block;
}

.time-lapse-img {
  grid-column: 1/span 6;
  grid-row: 1;
  position: -webkit-sticky;
  position: sticky;
  top: 110px;
  width: 100%;
  height: calc(100vh - 110px);
  object-fit: cover;
  object-position: top left;
  display: none;
}

.stack-img:first-of-type {
  opacity: 1;
}

.stack-img {
  grid-column: 1/span 6;
  grid-row: 1;
  position: -webkit-sticky;
  position: sticky;
  top: 110px;
  width: 100%;
  height: calc(100vh - 110px);
  object-fit: cover;
  object-position: top left;
  opacity: 0;
}

.start-gray-scale {
  filter: grayscale(0);
}

.tribute-quote {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 30px;
  margin-bottom: 62px;
  border-radius: 6px;
  -webkit-backdrop-filter: blur(1rem);
          backdrop-filter: blur(1rem);
}

.tribute-quote h3 {
  font-size: 32px;
}

.tribute-quote p {
  font-style: italic;
  margin-bottom: 40px;
  font-size: 25px;
}

@media only screen and (max-width: 1320px) {
  /* STORY SECTION */
  .with-background .right-of-sticky,
.with-background .left-of-sticky {
    margin-left: 16px;
    margin-right: 16px;
  }

  .left-of-sticky,
.left-flow-text {
    grid-column: 1/span 3;
  }

  .right-of-sticky,
.right-flow-text {
    grid-column: 4/span 3;
  }

  .right-sticky-container {
    grid-column: 4/span 3;
    width: 100%;
    padding: 64px 0;
  }

  .left-sticky-container {
    grid-column: 1/span 3;
    padding: 64px 0;
    width: 100%;
    justify-self: end;
  }

  /* EMPHASIS SCREEN */
  .emphasis-screen-slug.with-right-title {
    grid-column: 4/span 3;
  }
}
@media only screen and (max-width: 728px) {
  .title-section {
    height: calc(100vh - 84px);
  }

  .hero-video {
    width: 100%;
    height: calc(100vh - 84px);
    object-fit: cover;
    z-index: 2;
  }

  .hero-title {
    font-size: 48px;
    transform: translateY(0);
    transition: all ease-in 500ms;
    text-align: center;
    margin-top: -48px;
    line-height: 1;
    opacity: 0;
    color: #fff;
    text-shadow: 0px 0px 10px #000;
  }

  .entry {
    transform: translateY(-100%);
    opacity: 1;
  }

  .story-section {
    display: grid;
    position: relative;
    grid-column: 1/span 6;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-column-gap: 8px;
    grid-auto-flow: row;
    background-attachment: fixed;
    background-size: cover;
    background-position: top left;
    z-index: 2;
  }

  .with-shaded-background {
    color: white;
  }

  .with-shaded-background * {
    border-color: #fff !important;
  }

  .with-shaded-background::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
  }

  .with-background .right-of-sticky, .with-background .left-of-sticky {
    border-radius: 6px;
    margin-top: 100vh;
    margin-bottom: 50vh;
    margin-left: 0;
    margin-right: 0;
    color: #373737;
  }

  .left-of-sticky, .left-flow-text {
    grid-column: 1/span 6;
    grid-row: 2;
    font-size: 18px;
    padding: 32px 32px;
    z-index: 2;
    text-align: justify;
  }

  .right-of-sticky, .right-flow-text {
    grid-column: 1/span 6;
    grid-row: 2;
    font-size: 18px;
    padding: 32px 32px;
    z-index: 2;
    text-align: justify;
  }

  .right-sticky-container {
    grid-column: 1/span 6;
    padding: 64px 0;
    width: 100%;
    grid-row: 1;
    display: grid;
    justify-content: center;
  }

  .left-sticky-container {
    grid-column: 1/span 6;
    padding: 64px 0;
    grid-row: 1;
    display: grid;
    justify-content: center;
  }

  .right-sticky, .left-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 108px;
    transition: all ease-in-out 1000ms;
    justify-self: center;
    border: 6px solid #fff;
    transform: rotate(0deg);
    height: 80vh;
    margin-top: 10vh;
    margin-bottom: 0;
    opacity: 0;
  }

  .left-sticky.on-step-enter, .right-sticky.on-step-enter {
    opacity: 1;
    top: 220px;
  }

  .story-section h3 {
    font-size: 32px;
    margin-bottom: 16px;
    text-align: left;
    font-weight: bold;
  }

  .story-section h4 {
    display: block;
    margin-bottom: 16px;
    padding: 8px 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
  }

  .left-of-sticky p, .right-of-sticky p {
    margin-bottom: 18px;
  }

  .first-letter-cap p:first-of-type::first-letter {
    font-size: 400%;
    line-height: 0.875;
    float: left;
    padding-right: 8px;
  }

  .left-of-sticky blockquote, .right-of-sticky blockquote {
    display: block;
    margin-bottom: 16px;
    padding: 8px 0;
    font-style: italic;
    padding: 22px;
    font-size: 28px;
    line-height: 1.3;
    text-align: left;
  }

  .left-of-sticky blockquote footer cite, .right-of-sticky blockquote footer cite {
    margin-top: 16px;
    font-style: normal;
    font-size: 18px;
    display: block;
  }

  .emphasis-screen {
    display: grid;
    position: relative;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    background-attachment: fixed;
    background-size: cover;
    background-position: top left;
    z-index: 2;
  }

  .emphasis-screen h2 {
    text-transform: uppercase;
    font-family: "roboto_bold";
    font-size: 48px;
  }

  .emphasis-screen-slug {
    height: calc(100vh - 110px);
    margin-bottom: 50vh;
  }

  .emphasis-screen-slug.with-right-title {
    grid-column: 1/span 6;
    z-index: 2;
    color: white;
    font-size: 32px;
    text-transform: capitalize;
    text-align: center;
    padding: 16px;
  }

  .emphasis-screen-slug.with-center-title {
    grid-column: 1/span 6;
    z-index: 2;
    color: white;
    font-size: 32px;
    text-transform: capitalize;
    text-align: center;
    padding: 16px;
    text-shadow: 0px 0px 10px #000;
  }

  .emphasis-screen picture, .emphasis-screen img {
    grid-column: 1/span 6;
    width: 100%;
    height: calc(100vh - 84px);
    z-index: 1;
    justify-self: center;
    position: -webkit-sticky;
    position: sticky;
    transition: all ease-in-out 1000ms;
    object-fit: cover;
    object-position: top center;
    top: 84px;
  }

  .milestone-screen {
    display: grid;
    position: relative;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    z-index: 2;
  }

  .fixed {
    position: fixed;
    top: 110px;
  }

  .milestone-screen picture, .emphasis-screen picture,
.milestone-screen img, .emphasis-screen img {
    grid-column: 1/span 6;
    width: 100%;
    height: calc(100vh - 84px);
    z-index: 1;
    justify-self: center;
    position: -webkit-sticky;
    position: sticky;
    transition: all ease-in-out 1000ms;
    object-fit: cover;
    object-position: top center;
    top: 84px;
    opacity: 0;
  }

  .milestone-screen picture:first-of-type, .milestone-screen img:first-of-type,
.emphasis-screen picture:first-of-type, .emphasis-screen img:first-of-type {
    opacity: 1 !important;
  }

  .milestone-text-container {
    grid-column: 1/span 6;
    padding: 32px 32px;
    z-index: 2;
    line-height: 1.3;
    background-color: rgba(0, 0, 0, 0.4);
    -webkit-backdrop-filter: blur(1rem);
    backdrop-filter: blur(1rem);
    margin-bottom: 50vh;
  }

  .milestone-text-container h3 {
    font-size: 28px;
    margin-bottom: 28px;
  }

  .milestone-text-container p {
    color: #fff;
    font-size: 18px;
  }

  .video-screen {
    height: calc(56.25vw + 10vh);
    perspective: 1;
    z-index: 1;
    background: none;
    padding-top: 5vh;
    padding-bottom: 5vh;
  }

  .video-screen iframe {
    position: relative;
    top: 0;
    transform: translateY(0);
    width: 100%;
    height: 56.25vw;
  }

  .time-lapse-screen {
    display: grid;
    position: relative;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    background-attachment: fixed;
    background-color: #657786;
    background-blend-mode: multiply;
    background-size: cover;
    background-position: center;
    z-index: 2;
  }

  .time-lapse-img:first-of-type {
    display: block;
  }

  .time-lapse-img {
    grid-column: 1/span 6;
    grid-row: 1;
    position: -webkit-sticky;
    position: sticky;
    top: 84px;
    width: 100%;
    height: calc(100vh - 84px);
    object-fit: cover;
    object-position: top left;
    display: none;
  }

  .stack-img:first-of-type {
    opacity: 1;
  }

  .stack-img {
    grid-column: 1/span 6;
    grid-row: 1;
    position: -webkit-sticky;
    position: sticky;
    top: 84px;
    width: 100%;
    height: calc(100vh - 84px);
    object-fit: cover;
    object-position: top center;
    opacity: 0;
  }

  .tribute-quote {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 30px;
    margin-bottom: 62px;
    border-radius: 6px;
    -webkit-backdrop-filter: blur(1rem);
            backdrop-filter: blur(1rem);
  }

  .tribute-quote h3 {
    font-size: 24px;
  }

  .tribute-quote p {
    font-style: italic;
    margin-bottom: 40px;
    font-size: 22px;
  }
}
/*SCROLL BACK*/
#backToTop {
  display: inline-block;
  background-color: #051224;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}

#backToTop::after {
  content: "\e629";
  font-family: "ic0moon";
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}

#backToTop:hover {
  cursor: pointer;
  background-color: #333;
}

#backToTop:active {
  background-color: #555;
}

#backToTop.show {
  opacity: 1;
  visibility: visible;
}

/*LONGFORM LAST MINUTE - NEEDS CLEANUP*/
.emphasis-screen strong,
.story-section strong,
.milestone-screen strong,
.time-lapse-screen strong,
.video-screen strong {
  font-weight: 700;
}

.emphasis-screen em,
.story-section em,
.milestone-screen em,
.time-lapse-screen em,
.video-screen em {
  font-style: italic;
}

.emphasis-screen .stat-graphic {
  object-fit: contain;
  object-position: center center;
}

.emphasis-screen .green-background {
  background-color: #e0ed39;
}

#backToTop::after {
  font-family: "icomoon";
}

.is-desktop .with-background .left-of-sticky.big-infogram {
  grid-column: 1/span 3;
  margin-bottom: 5vh;
}

.is-desktop .big-infogram .big-infogram-container {
  width: 70%;
}

/*Experience Editing Support*/
[data-wireframe] {
  /*    --fill: #F7F6F1BB;
      --wire: gray;*/
  outline: 2px solid gray;
  position: relative;
  z-index: 1;
  width: 50%;
  height: auto;
  margin: 10px auto;
  padding: 35px 0;
}

.data-wireframe-inner {
  height: 75px;
}

[data-wireframe]::before {
  position: absolute;
  /*z-index: 8675309;*/
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  /*background: linear-gradient(to top right, transparent calc(50% - 1px), var(--wire) calc(50% - 1px), var(--wire) calc(50% + 1px), transparent calc(50% + 1px)), linear-gradient(to bottom right, transparent calc(50% - 1px), var(--wire) calc(50% - 1px), var(--wire) calc(50% + 1px), transparent calc(50% + 1px)), var(--fill);*/
  border: 2px solid gray;
  background: #F7F6F1BB;
  content: attr(data-wireframe);
  font: bold 2em Jubilat, Georgia, serif;
  color: var(--wire);
  text-shadow: 0 0 0.25em var(--fill), 0 0 0.25em var(--fill), 0 0 0.25em var(--fill), 0 0 0.25em var(--fill), 0 0 0.25em var(--fill);
  display: flex;
  justify-content: center;
  align-items: center;
}

.app-promo-container {
  background: #f1f1f1;
  color: #051224;
  font-size: 12px;
  line-height: 16px;
  padding: 5px;
  height: 60px;
  width: 100%;
  position: relative;
  z-index: 10000;
  display: grid;
  grid-template: "close icon info view";
  grid-template-columns: 30px 50px auto 40px;
  align-items: center;
}
.app-promo-container.hide {
  display: none;
}

#closeIcon {
  grid-area: close;
  justify-self: center;
}

#appLogo {
  grid-area: icon;
  border-radius: 10px;
  border: 0;
}

#infoBlock {
  grid-area: info;
  padding-left: 7px;
}
#infoBlock #appName {
  font-family: roboto_bold;
}

#openLink {
  grid-area: view;
}
#openLink a {
  text-decoration: underline;
}

.faq-section {
  padding: 26px;
  padding: 16px;
}
.faq-section a {
  text-decoration: underline !important;
  color: #051224;
}

.rankings-options {
  grid-column: 2/-1;
  height: auto;
  z-index: 23;
  position: relative;
  height: unset;
}
.rankings-options #filterHolder {
  padding: 16px;
  border-top: 0 !important;
  display: none;
}
.rankings-options #filterHolder .dropdown-wrapper {
  display: inline-flex;
}
.rankings-options #filterHolder #filterReset {
  float: left;
  margin-left: 0;
}
.rankings-options #filterControlMobile {
  width: 48%;
  margin: 15px 10px 10px 10px;
  float: left;
}
.rankings-options #filter-buttons-wrapper {
  margin-top: 10px;
  justify-content: center;
}
.rankings-options #filter-buttons-wrapper.folder-tabs {
  display: flex;
  flex-direction: row;
}
.rankings-options #filter-buttons-wrapper.folder-tabs .tab {
  color: #ffffff;
  background-color: #051224;
  border-right: 1px solid #051224;
  border-top: 1px solid #051224;
  border-left: 1px solid #051224;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  text-transform: uppercase;
  font-family: "roboto_bold";
  cursor: pointer;
  line-height: 14px;
  width: 48%;
  height: 40px;
  font-size: 14px;
  padding: 0 5px;
}
.rankings-options #filter-buttons-wrapper.folder-tabs .tab span {
  text-align: center;
}
.rankings-options #filter-buttons-wrapper.folder-tabs .tab.current {
  color: #051224;
  background-color: #ffffff;
}
.rankings-options .border-wrapper {
  width: 100%;
  height: 1px;
  display: grid;
  grid-template-columns: 250px 250px auto;
  display: none;
}
.rankings-options .border-wrapper .border-tab {
  border-top: 1px solid #051224;
}
.rankings-options .border-wrapper .border-tab.current {
  border-top: 0;
}
.rankings-options .border-wrapper .border-content {
  border-top: 1px solid #051224;
  display: none;
}

#filterHolder {
  border-top: 0 !important;
}
#filterHolder.content-filter-full-padding #filterReset {
  margin-left: 0;
}

.icon-info {
  width: 30px;
  height: 30px;
  float: right;
  margin: 15px 10px 10px 10px;
  display: grid;
  align-content: center;
  justify-content: center;
}

.live-rankings {
  border-top: 0 !important;
  margin-bottom: 25px;
  display: grid;
  row-gap: 5px;
}
.live-rankings .desktop {
  display: none !important;
}
.live-rankings .message {
  padding: 10px 15px 0 15px;
}
.live-rankings .table {
  padding: 0 5px 5px 5px;
}
.live-rankings .table .live-rank {
  grid-area: live-rank;
}
.live-rankings .table .live-rank-change {
  grid-area: live-rank-change;
}
.live-rankings .table .player-info {
  grid-area: player-info;
}
.live-rankings .table .player-name {
  grid-area: player-name;
}
.live-rankings .table .player-age {
  grid-area: player-age;
}
.live-rankings .table .tournament {
  grid-area: tournament;
}
.live-rankings .table .live-points {
  grid-area: live-points;
}
.live-rankings .table .official-points {
  grid-area: official-points;
}
.live-rankings .table .live-points-change {
  grid-area: live-points-change;
}
.live-rankings .table .next-max-points {
  grid-area: next-max-points;
  text-align: center;
}
.live-rankings .table .next-points {
  grid-area: next-points;
}
.live-rankings .table .max-points {
  grid-area: max-points;
}
.live-rankings .table .top-court {
  grid-area: top-court;
}
.live-rankings .table .header-row {
  display: grid;
  grid-template-areas: "live-rank player-name live-points next-max-points";
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: 42px;
}
.live-rankings .table .header-row .live-rank-change,
.live-rankings .table .header-row .tournament,
.live-rankings .table .header-row .official-points,
.live-rankings .table .header-row .live-points-change,
.live-rankings .table .header-row .sort,
.live-rankings .table .header-row .player-age {
  display: none !important;
}
.live-rankings .table .header-row .tooltip, .live-rankings .table .header-row .past-players-tooltip {
  line-height: 12px;
}
[data-lang=es] .live-rankings .table .header-row .tooltip, [data-lang=es] .live-rankings .table .header-row .past-players-tooltip {
  word-break: break-word;
  white-space: initial;
}
.live-rankings .table .header-row .live-rank {
  grid-column: 1/span 2;
  grid-template-columns: repeat(4, 1fr);
}
.live-rankings .table .header-row .live-rank span {
  grid-column: 1/span 2;
}
.live-rankings .table .header-row .player-name {
  grid-column: 3/span 5;
  justify-content: start !important;
}
.live-rankings .table .header-row .live-points {
  grid-column: 8/span 2;
  grid-template-columns: repeat(4, 1fr);
}
.live-rankings .table .header-row .live-points span {
  grid-column: 2/span 3;
}
.live-rankings .table .header-row .next-max-points {
  grid-column: 10/span 3;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 12px 12px;
  align-content: center;
}
.live-rankings .table .header-row .next-max-points span {
  grid-column: 1/span 4;
  white-space: nowrap;
}
[data-lang=es] .live-rankings .table .header-row .next-max-points {
  grid-template-rows: 22px 12px;
}
.live-rankings .table .header-row .label {
  display: grid;
}
.live-rankings .table .header-row .label {
  width: 100%;
  height: 100%;
  align-items: center;
  color: #1f2223;
  font-family: "roboto_regular";
  letter-spacing: 0;
  background-color: #f8f8f8;
  border-top: 4px solid rgba(213, 215, 218, 0.5);
  justify-content: center;
  font-size: 12px;
}
.live-rankings .table .header-row .label .icon-arrow-down, .live-rankings .table .header-row .label .table-rankings-wrapper .mega-table .sorting-cell .sorting-arrow, .table-rankings-wrapper .mega-table .sorting-cell .live-rankings .table .header-row .label .sorting-arrow,
.live-rankings .table .header-row .label .icon-arrow-up {
  font-size: 10px;
  padding-left: 2px;
}
.live-rankings .table .row {
  background-color: #ffffff;
  color: #1f2223;
  font-family: "roboto_regular";
  letter-spacing: 0;
  justify-items: center;
  align-items: center;
  display: grid;
  border-bottom: 1px solid rgba(213, 215, 218, 0.5);
  font-size: 12px;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: 24px minmax(20px, -webkit-max-content);
  grid-template-rows: 24px minmax(20px, max-content);
  grid-template-areas: "live-rank live-rank-change player-info top-court live-points next-points" "live-rank live-rank-change tournament top-court live-points-change max-points";
  padding: 5px 0;
}
.live-rankings .table .row.in-contention {
  background-color: #EFF9FD;
}
.live-rankings .table .row .mobile-hide {
  display: none !important;
}
.live-rankings .table .row .live-rank {
  grid-column: 1/span 1;
}
.live-rankings .table .row .live-rank-change {
  grid-column: 2/span 1;
}
.live-rankings .table .row .player-info {
  grid-column: 3/span 5;
}
.live-rankings .table .row .top-court {
  grid-column: 8/span 1;
}
.live-rankings .table .row .live-points {
  grid-column: 9/span 2;
  justify-content: start !important;
}
.live-rankings .table .row .tournament {
  grid-column: 3/span 5;
  align-content: end;
}
.live-rankings .table .row .official-points {
  grid-column: 3/span 3;
  justify-items: center;
}
.live-rankings .table .row .live-points-change {
  grid-column: 9/span 2;
  justify-content: start !important;
  font-size: 11px;
  align-content: start !important;
}
.live-rankings .table .row .live-points-change .down-text:before,
.live-rankings .table .row .live-points-change .up-text:before {
  content: unset;
}
.live-rankings .table .row .next-points {
  grid-column: 11/span 2;
  justify-content: start !important;
}
.live-rankings .table .row .max-points {
  grid-column: 11/span 2;
  font-size: 11px;
  align-content: start !important;
  justify-content: start !important;
}
.live-rankings .table .row .values-wrapper {
  width: 100%;
  height: 100%;
  display: grid;
  align-content: center;
  justify-content: center;
}
.live-rankings .table .row .values {
  display: grid;
  text-align: center;
  align-content: center;
}
.live-rankings .table .row .player-info {
  width: 100%;
  height: 100%;
}
.live-rankings .table .row .player-info .flag-wrapper {
  grid-area: flag-wrapper;
  display: grid;
  align-items: center;
  justify-items: center;
}
.live-rankings .table .row .player-info .flag-wrapper .flag {
  width: 28px;
  border: 1px solid #ececec;
  border-radius: 5px;
}
.live-rankings .table .row .player-info .player-name {
  display: grid;
  justify-content: space-between;
  align-items: center;
}
.live-rankings .table .row .tournament {
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-items: flex-start;
  display: flex;
}
.live-rankings .table .row .tournament .event-badge {
  grid-area: event-badge;
  width: 50px;
  padding-left: 2px;
}
@media (max-width: 820px) {
  .live-rankings .table .row .tournament .event-badge {
    width: 40px;
  }
}
.live-rankings .table .row .tournament .current-event {
  grid-area: current-event;
  padding: 0 10px;
}
.live-rankings .table .row .tournament .current-event.messaging {
  display: flex;
  flex-direction: column;
}
.live-rankings .table .row .tournament .current-event.messaging .event-message {
  padding-top: 5px;
  font-size: 12px;
  display: inline;
}
.live-rankings .table .row .tournament .event-info,
.live-rankings .table .row .tournament .event-info > * {
  font-size: 11px;
  color: #69707B;
}
.live-rankings .table .row .up-text {
  color: #00aa0c;
  text-align: center;
}
.live-rankings .table .row .up-text:before {
  font-family: "icomoon";
  text-align: center;
}
.live-rankings .table .row .down-text {
  color: #da1418;
  text-align: center;
}
.live-rankings .table .row .down-text:before {
  font-family: "icomoon";
  text-align: center;
}
.live-rankings .table .row .border-right-1 {
  border-right: 1px solid rgba(213, 215, 218, 0.5);
}
.live-rankings .table .row--teamrace .player-info {
  grid-template-columns: 80px auto 60px;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .live-rankings .table .row--teamrace .player-info {
    grid-template-columns: 50px auto 60px;
  }
}
.live-rankings .table .row--teamrace .player-info .flag-wrapper {
  grid-template-columns: 35px 35px;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .live-rankings .table .row--teamrace .player-info .flag-wrapper {
    grid-template-columns: 25px 25px;
  }
}
.live-rankings .table .row--teamrace .player-info .player-name {
  grid-template-columns: none;
}

.message {
  padding: 0 0 15px 0;
  font-size: 14px;
  clear: both;
}

.faq-link,
.link {
  text-decoration: underline !important;
  color: #051224;
}

.sticky {
  z-index: 99;
  position: fixed;
}

/* ==========================================================================
	TABLE RANKINGS
	========================================================================== */
.table-rankings {
  position: relative;
}

.table-rankings-wrapper {
  padding: 0 10px 0 10px;
}
.table-rankings-wrapper .mega-table thead tr th {
  border-top: 4px solid rgba(213, 215, 218, 0.5) !important;
  padding: 5px 5px;
}
.table-rankings-wrapper .mega-table thead tr th.first {
  border-left: 4px solid rgba(213, 215, 218, 0.5);
}
.table-rankings-wrapper .mega-table thead tr th.last {
  border-right: 4px solid rgba(213, 215, 218, 0.5);
}
.table-rankings-wrapper .mega-table tr th {
  font-size: 14px;
  color: #000 !important;
}
.table-rankings-wrapper .mega-table tr td {
  padding: 10px 5px 5px;
}
.table-rankings-wrapper .mega-table tr td:last-child {
  text-align: center !important;
}
.table-rankings-wrapper .mega-table tr:last-of-type {
  border-bottom: 4px solid rgba(213, 215, 218, 0.5);
}
.table-rankings-wrapper .mega-table .border-right-4 {
  border-right: 4px solid rgba(213, 215, 218, 0.5);
}
.table-rankings-wrapper .mega-table .border-left-4 {
  border-left: 4px solid rgba(213, 215, 218, 0.5);
}
.table-rankings-wrapper .mega-table .border-right-dash-1 {
  border-right: 1px dashed rgba(213, 215, 218, 0.5);
}
.table-rankings-wrapper .mega-table .border-left-dash-1 {
  border-left: 1px dashed rgba(213, 215, 218, 0.5);
}
.table-rankings-wrapper .mega-table .rank-cell {
  color: #051224 !important;
}
.table-rankings-wrapper .mega-table .button-border-row-holder {
  margin: 30px 0;
}
.table-rankings-wrapper .mega-table .move-cell .move-up, .table-rankings-wrapper .mega-table .move-cell .move-down, .table-rankings-wrapper .mega-table .move-cell .move-none, .table-rankings-wrapper .mega-table .points-move-cell .move-up, .table-rankings-wrapper .mega-table .points-move-cell .move-down, .table-rankings-wrapper .mega-table .points-move-cell .move-none {
  display: grid;
  width: 100%;
}
.table-rankings-wrapper .mega-table .move-cell {
  white-space: nowrap;
}
.table-rankings-wrapper .mega-table .country-cell .country-inner {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.table-rankings-wrapper .mega-table .country-cell .country-item {
  display: table-cell;
  width: 46px;
}
.table-rankings-wrapper .mega-table .country-cell .country-item img {
  border: 1px solid #ececec;
  margin: 0 5px;
  width: 28px;
}
.table-rankings-wrapper .mega-table .player-cell a {
  display: block;
}
.table-rankings-wrapper .mega-table .sorting-inner {
  display: inline-flex;
  text-align: center;
  width: auto;
  align-content: center;
  align-items: center;
  justify-items: center;
  justify-content: center;
}
.table-rankings-wrapper .mega-table .sorting-cell[data-ajax-url] {
  cursor: pointer;
}
.table-rankings-wrapper .mega-table .sorting-cell .sorting-arrow {
  color: #051224;
  font-size: 10px;
  padding-left: 5px;
  cursor: pointer;
}
@media (max-width: 820px) {
  .table-rankings-wrapper .mega-table .pts-heading, .table-rankings-wrapper .mega-table .pts-cell {
    display: none;
  }
}
.table-rankings-wrapper .move-up {
  color: #00aa0c;
  text-align: center;
}
.table-rankings-wrapper .move-up:before {
  font-family: "icomoon";
  text-align: center;
}
.table-rankings-wrapper .move-down {
  color: #da1418;
  text-align: center;
}
.table-rankings-wrapper .move-down:before {
  font-family: "icomoon";
  text-align: center;
}
.table-rankings-wrapper .move-none:before {
  color: #aaa;
  content: "-";
  padding-right: 5px;
  position: relative;
  top: 1px;
  z-index: 1;
  font-size: 16px;
}

.singles-ranking .mega-table .rank-cell, .doubles-ranking .mega-table .rank-cell {
  width: 102px;
}
.singles-ranking .mega-table .move-cell, .doubles-ranking .mega-table .move-cell {
  width: 79px;
}
.singles-ranking .mega-table .country-cell, .doubles-ranking .mega-table .country-cell {
  width: 77px;
}
.singles-ranking .mega-table .player-cell, .doubles-ranking .mega-table .player-cell {
  width: 286px;
}
.singles-ranking .mega-table .age-cell, .doubles-ranking .mega-table .age-cell {
  width: 60px;
}
.singles-ranking .mega-table .points-cell, .doubles-ranking .mega-table .points-cell {
  width: 75px;
}
.singles-ranking .mega-table .points-move-cell, .doubles-ranking .mega-table .points-move-cell {
  width: 75px;
}
.singles-ranking .mega-table .tourn-cell, .doubles-ranking .mega-table .tourn-cell {
  width: 72px;
}
.singles-ranking .mega-table .pts-cell, .doubles-ranking .mega-table .pts-cell {
  width: 80px;
}
.singles-ranking .mega-table .next-cell, .doubles-ranking .mega-table .next-cell {
  width: 65px;
}

.page-header-holder.ranking-filters {
  padding: 15px 10px 10px 10px;
}
.page-header-holder.ranking-filters .filter-control {
  width: 90%;
}

.singles-race .mega-table .rank-cell, .doubles-race .mega-table .rank-cell {
  width: 128px;
}
.singles-race .mega-table .move-cell, .doubles-race .mega-table .move-cell {
  width: 100px;
}
.singles-race .mega-table .country-cell, .doubles-race .mega-table .country-cell {
  width: 97px;
}
.singles-race .mega-table .player-cell, .doubles-race .mega-table .player-cell {
  width: 283px;
}
.singles-race .mega-table .age-cell, .doubles-race .mega-table .age-cell {
  width: 87px;
}
.singles-race .mega-table .points-cell, .doubles-race .mega-table .points-cell {
  width: 100px;
}
.singles-race .mega-table .points-move-cell, .doubles-race .mega-table .points-move-cell {
  width: 100px;
}
.singles-race .mega-table .tourn-cell, .doubles-race .mega-table .tourn-cell {
  width: 100px;
}

.nextgen-ranking .mega-table .rank-cell {
  width: 80px;
}
.nextgen-ranking .mega-table .move-cell {
  width: 79px;
}
.nextgen-ranking .mega-table .country-cell {
  width: 77px;
}
.nextgen-ranking .mega-table .player-cell {
  width: 427px;
}
.nextgen-ranking .mega-table .age-cell {
  width: 69px;
}
.nextgen-ranking .mega-table .points-cell {
  width: 100px;
}
.nextgen-ranking .mega-table .points-move-cell {
  width: 100px;
}
.nextgen-ranking .mega-table .tourn-cell {
  width: 89px;
}

#pastNumberOnesModule .mega-table .rank-cell {
  width: 102px;
}
#pastNumberOnesModule .mega-table .country-cell {
  width: 77px;
}
#pastNumberOnesModule .mega-table .player-cell {
  width: 427px;
}
#pastNumberOnesModule .mega-table .points-cell {
  width: 131px;
}

.official-rankings {
  border-top: 0 !important;
  margin-bottom: 25px;
  display: grid;
  grid-template-areas: "rankings-options" "message" "filter-buttons-wrapper" "table";
  row-gap: 5px;
}
.official-rankings .rankings-options {
  grid-area: rankings-options;
}
.official-rankings .message {
  grid-area: message;
  padding: 10px 15px 0 15px;
  font-size: 14px;
}
.official-rankings .filter-buttons-wrapper {
  grid-area: filter-buttons-wrapper;
}
.official-rankings .table {
  grid-area: table;
}
.official-rankings .official-rank {
  grid-area: official-rank;
}
.official-rankings .player-name {
  grid-area: player-name;
}
.official-rankings .official-points {
  grid-area: official-points;
}
.official-rankings .next-best-dropping-points {
  grid-area: next-best-dropping-points;
}
.official-rankings .official-rank-change {
  grid-area: official-rank-change;
}
.official-rankings .points-dropping {
  grid-area: points-dropping;
}
.official-rankings .next-best {
  grid-area: next-best;
}
.official-rankings .top-court {
  grid-area: top-court;
}
.official-rankings .tournaments-played-label {
  grid-area: tournaments-played-label;
}
.official-rankings .tournaments-played {
  grid-area: tournaments-played;
}
.official-rankings .points-change {
  grid-area: points-change;
}
.official-rankings .table {
  width: 100%;
}
.official-rankings .table .header-row {
  display: grid;
  grid-template-areas: "official-rank  player-info official-points next-best-dropping-points";
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: 42px;
}
.official-rankings .table .header-row.is-race {
  grid-template-areas: "official-rank  player-info official-points tournaments-played";
}
.official-rankings .table .header-row .tooltip, .official-rankings .table .header-row .past-players-tooltip {
  line-height: 12px;
}
.official-rankings .table .header-row .official-rank {
  grid-column: 1/span 2;
  grid-template-columns: repeat(4, 1fr);
  padding-left: 5px;
}
.official-rankings .table .header-row .official-rank span {
  grid-column: 1/span 3;
}
.official-rankings .table .header-row .player-info {
  grid-area: player-info;
  grid-column: 3/span 5;
  justify-content: start !important;
}
.official-rankings .table .header-row .official-points {
  grid-area: official-points;
  grid-column: 8/span 2;
  grid-template-columns: repeat(4, 1fr);
}
.official-rankings .table .header-row .official-points span {
  grid-column: 2/span 3;
}
.official-rankings .table .header-row .tournaments-played, .official-rankings .table .header-row .next-best-dropping-points {
  grid-column: 10/span 3;
  grid-template-columns: repeat(4, 1fr);
  align-content: center;
}
.official-rankings .table .header-row .tournaments-played span, .official-rankings .table .header-row .next-best-dropping-points span {
  grid-column: 1/span 4;
  white-space: nowrap;
}
[data-lang=es] .official-rankings .table .header-row .tournaments-played span, [data-lang=es] .official-rankings .table .header-row .next-best-dropping-points span {
  white-space: initial;
}
.official-rankings .table .header-row .next-best-dropping-points {
  grid-template-rows: 12px 12px;
}
.official-rankings .table .header-row .label {
  display: grid;
}
.official-rankings .table .label {
  width: 100%;
  height: 100%;
  align-items: center;
  color: #1f2223;
  font-family: "roboto_regular";
  letter-spacing: 0;
  background-color: #f8f8f8;
  border-top: 4px solid rgba(213, 215, 218, 0.5);
  justify-content: center;
  justify-items: center;
  font-size: 12px;
}
.official-rankings .table .row {
  background-color: #ffffff;
  color: #1f2223;
  font-family: "roboto_regular";
  letter-spacing: 0;
  justify-items: center;
  align-items: center;
  display: grid;
  border-bottom: 1px solid rgba(213, 215, 218, 0.5);
  font-size: 12px;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: 24px minmax(20px, -webkit-max-content);
  grid-template-rows: 24px minmax(20px, max-content);
  grid-template-areas: "official-rank official-rank-change player-info player-info top-court official-points points-dropping" "official-rank official-rank-change tournaments-played tournaments-played top-court points-change next-best";
}
.official-rankings .table .row.is-race {
  grid-template-areas: "official-rank official-rank-change player-info player-info top-court official-points tournaments-played" "official-rank official-rank-change player-info player-info top-court points-change tournaments-played";
}
.official-rankings .table .row.is-race .tournaments-played {
  grid-column: 11/span 2;
  padding-right: 10px;
  justify-content: center !important;
}
.official-rankings .table .row .official-rank {
  grid-column: 1/span 1;
}
.official-rankings .table .row .official-rank-change {
  grid-column: 2/span 1;
}
.official-rankings .table .row .player-info {
  grid-column: 3/span 5;
  justify-content: start !important;
}
.official-rankings .table .row .tournaments-played {
  grid-column: 3/span 5;
  display: flex !important;
  justify-content: start !important;
  align-items: center;
}
.official-rankings .table .row .tournaments-played span {
  margin-right: 3px;
}
.official-rankings .table .row .tournaments-played > * {
  font-size: 11px;
  color: #69707B;
}
.official-rankings .table .row .top-court {
  grid-column: 8/span 1;
}
.official-rankings .table .row .official-points {
  grid-column: 9/span 2;
  justify-content: start !important;
}
.official-rankings .table .row .points-change {
  grid-column: 9/span 2;
  justify-content: start !important;
}
.official-rankings .table .row .points-change.down-text:before, .official-rankings .table .row .points-change.up-text:before {
  content: unset;
}
.official-rankings .table .row .points-dropping {
  grid-column: 11/span 2;
  padding-right: 10px;
}
.official-rankings .table .row .next-best {
  grid-column: 11/span 2;
  padding-right: 10px;
}
.official-rankings .table .row .values-wrapper {
  width: 100%;
  height: 100%;
  display: grid;
  align-content: center;
  justify-content: center;
}
.official-rankings .table .row .up-text {
  color: #00aa0c;
  text-align: center;
}
.official-rankings .table .row .up-text:before {
  font-family: "icomoon";
  text-align: center;
}
.official-rankings .table .row .down-text {
  color: #da1418;
  text-align: center;
}
.official-rankings .table .row .down-text:before {
  font-family: "icomoon";
  text-align: center;
}

.official-rankings.team-rankings .table .row {
  grid-template-rows: 20px 20px;
  grid-template-areas: "official-rank official-rank-change player-info player-info  official-points tournaments-played" "official-rank official-rank-change partner-info partner-info  points-change tournaments-played";
  padding: 5px 0px;
}
.official-rankings.team-rankings .table .row .partner-info {
  grid-area: partner-info;
  grid-column: 3/span 7;
  justify-content: start !important;
}

.splide__container {
  box-sizing: border-box;
  position: relative;
}

.splide__list {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}
.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}

.splide:not(.is-overflow) .splide__pagination {
  display: none;
}

.splide__progress__bar {
  width: 0;
}

.splide {
  position: relative;
  visibility: hidden;
}
.splide.is-initialized, .splide.is-rendered {
  visibility: visible;
}

.splide__slide {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  box-sizing: border-box;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}
.splide__slide img {
  vertical-align: bottom;
}

.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
  display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}
.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide__track--ttb > .splide__list {
  display: block;
}

.splide__arrow {
  align-items: center;
  background: #ccc;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  height: 2em;
  justify-content: center;
  opacity: 0.7;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2em;
  z-index: 1;
}
.splide__arrow svg {
  fill: #000;
  height: 1.2em;
  width: 1.2em;
}
.splide__arrow:hover:not(:disabled) {
  opacity: 0.9;
}
.splide__arrow:disabled {
  opacity: 0.3;
}
.splide__arrow:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__arrow--prev {
  left: 1em;
}
.splide__arrow--prev svg {
  transform: scaleX(-1);
}

.splide__arrow--next {
  right: 1em;
}

.splide.is-focus-in .splide__arrow:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__pagination {
  bottom: 0.5em;
  left: 0;
  padding: 0 1em;
  position: absolute;
  right: 0;
  z-index: 1;
}

.splide__pagination__page {
  background: #ccc;
  border: 0;
  border-radius: 50%;
  display: inline-block;
  height: 8px;
  margin: 3px;
  opacity: 0.7;
  padding: 0;
  position: relative;
  transition: transform 0.2s linear;
  width: 8px;
}
.splide__pagination__page.is-active {
  background: #fff;
  transform: scale(1.4);
  z-index: 1;
}
.splide__pagination__page:hover {
  cursor: pointer;
  opacity: 0.9;
}
.splide__pagination__page:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide.is-focus-in .splide__pagination__page:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__progress__bar {
  background: #ccc;
  height: 3px;
}

.splide__slide {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.splide__slide:focus {
  outline: 0;
}

@supports (outline-offset: -3px) {
  .splide__slide:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: -3px;
  }
}
@media screen and (-ms-high-contrast: none) {
  .splide__slide:focus-visible {
    border: 3px solid #0bf;
  }
}
@supports (outline-offset: -3px) {
  .splide.is-focus-in .splide__slide:focus {
    outline: 3px solid #0bf;
    outline-offset: -3px;
  }
}
@media screen and (-ms-high-contrast: none) {
  .splide.is-focus-in .splide__slide:focus {
    border: 3px solid #0bf;
  }
  .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus {
    border-color: #0bf;
  }
}
.splide__toggle {
  cursor: pointer;
}
.splide__toggle:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide.is-focus-in .splide__toggle:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__track--nav > .splide__list > .splide__slide {
  border: 3px solid transparent;
  cursor: pointer;
}
.splide__track--nav > .splide__list > .splide__slide.is-active {
  border: 3px solid #000;
}

.splide__arrows--rtl .splide__arrow--prev {
  left: auto;
  right: 1em;
}
.splide__arrows--rtl .splide__arrow--prev svg {
  transform: scaleX(1);
}
.splide__arrows--rtl .splide__arrow--next {
  left: 1em;
  right: auto;
}
.splide__arrows--rtl .splide__arrow--next svg {
  transform: scaleX(-1);
}

.splide__arrows--ttb .splide__arrow {
  left: 50%;
  transform: translate(-50%);
}
.splide__arrows--ttb .splide__arrow--prev {
  top: 1em;
}
.splide__arrows--ttb .splide__arrow--prev svg {
  transform: rotate(-90deg);
}
.splide__arrows--ttb .splide__arrow--next {
  bottom: 1em;
  top: auto;
}
.splide__arrows--ttb .splide__arrow--next svg {
  transform: rotate(90deg);
}

.splide__pagination--ttb {
  bottom: 0;
  display: flex;
  flex-direction: column;
  left: auto;
  padding: 1em 0;
  right: 0.5em;
  top: 0;
}

/* ==========================================================================
    FOOTER
   ========================================================================== */
.footer {
  overflow: hidden;
  transform: translateZ(0);
  background-color: #fff;
}

.footer-partners {
  border-top: none;
}

.footer-links-title {
  font-family: "roboto_bold";
  text-transform: uppercase;
  border-bottom: 1px solid #e8e8e8;
  color: #051224;
  font-size: 16px;
  line-height: 40px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

.footer-links {
  overflow: hidden;
  transition: all 0.25s ease-in-out;
}
.footer-links a {
  background-color: #f8f8f8;
  border-bottom: 1px solid #e8e8e8;
  display: block;
  font-family: "roboto_regular";
  font-size: 16px;
  height: 40px;
  line-height: 20px;
  padding: 10px 15px 10px 25px;
}

.footer-foot {
  position: relative;
  padding-top: 41px;
  position: relative;
}

.copyright p {
  font-size: 1.2em;
  line-height: 1.5em;
  color: #969b9d;
}
.copyright p a {
  color: inherit;
}
.copyright p a:hover {
  color: #051224;
}
.copyright p {
  color: #484e51;
  padding: 15px;
}

.footer-social {
  border-bottom: 1px solid #e8e8e8;
  height: 45px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
}
.footer-social > li {
  display: inline-block;
  font-size: 16px;
  margin: 6px 10px;
}
.footer-social > li a {
  border: 1px solid #051224;
  border-radius: 50%;
  display: block;
  height: 30px;
  width: 30px;
}
.footer-social > li a:before {
  display: block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.footer-links-column > .footer-links {
  max-height: 0;
}
.footer-links-column > .footer-links.expand {
  max-height: 400px;
}

/* Start : Mobile Footer Accordion */
.footer-accordion {
  border-bottom: 1px solid #e8e8e8;
  border-top: 1px solid #e8e8e8;
  color: #051224;
  display: block;
  font-family: "roboto_bold";
  font-size: 16px;
  height: 42px;
  line-height: 40px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  text-align: left;
  text-transform: uppercase;
  width: 100%;
}

.footer-holder {
  max-height: 0;
  overflow: hidden;
  transition: all 0.25s ease-in-out;
}
.footer-holder.expand {
  max-height: 999px;
}

.footer-language {
  border-bottom: 1px solid #e8e8e8;
  font-family: "roboto_bold";
  font-size: 16px;
  height: 49px;
  line-height: 48px;
  padding-left: 15px;
  padding-right: 15px;
  text-transform: uppercase;
}

.footer-language-title {
  float: left;
}

.footer-language-selector {
  float: right;
}
.footer-language-selector li {
  float: left;
  line-height: 1em;
  padding: 12px 0 5px;
  margin-left: 15px;
}
.footer-language-selector li img {
  height: auto;
  vertical-align: middle;
  width: 30px;
}
.footer-language-selector li.current {
  border-bottom: 1px solid #051224;
}

/* End : Mobile Footer Accordion */