@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, .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,
.player-ranking-move .move-up,
.head-to-head-move-up,
.icon-double-down-arrow,
.player-ranking-move .move-down,
.head-to-head-move-down,
.icon-external,
.icon-arrow-down,
.table-rankings-wrapper .mega-table .sorting-cell .sorting-arrow,
.icon-arrow-right,
.controls-wrapper .rsArrowRight,
.icon-arrow-up,
.table-rankings-wrapper .mega-table .sorting-cell.sort-up .sorting-arrow,
.icon-arrow-left,
.map-continent-container .world-link,
.controls-wrapper .rsArrowLeft,
.icon-arrow-up-thin,
.icon-arrow-down-thin,
.icon-arrow-left-thin,
.modal-carousel .rsArrow.rsArrowLeft .rsArrowIcn,
.player-ranking-prev .player-ranking-button,
.detail-carousel .rsArrow.rsArrowLeft .rsArrowIcn,
.last-events-played .rsArrow.rsArrowLeft .rsArrowIcn,
.icon-arrow-right-thin,
.modal-carousel .rsArrow.rsArrowRight .rsArrowIcn,
.player-ranking-next .player-ranking-button,
.detail-carousel .rsArrow.rsArrowRight .rsArrowIcn,
.last-events-played .rsArrow.rsArrowRight .rsArrowIcn,
.icon-myatp,
.icon-search,
.head-to-head-button-search,
.column-search-icon,
.icon-facebook,
.icon-twitter,
.icon-google-plus,
.icon-instagram,
.icon-youtube,
.icon-close,
.close-draw-by-player,
.head-to-head-search-close,
.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,
.modal-carousel-close,
.modal-carousel-social-close,
.close-nav,
.breaking-close,
.icon-filter,
.icon-share,
.modal-carousel-social-open,
.icon-circle-minus,
.icon-circle-plus,
.icon-checkmark,
.icon-reset,
.icon-type-gallery,
.icon-type-play,
.heritage-video-wrapper,
.icon-circle-video,
.play-video,
.icon-map-pin,
.intro-section .location-credit,
.icon-close-filled,
.up-next .up-next-close,
.icon-fullscreen,
.modal-carousel-open,
.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, .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,
.player-ranking-move .move-up,
.head-to-head-move-up,
.icon-double-down-arrow,
.player-ranking-move .move-down,
.head-to-head-move-down,
.icon-external,
.icon-arrow-down,
.table-rankings-wrapper .mega-table .sorting-cell .sorting-arrow,
.icon-arrow-right,
.controls-wrapper .rsArrowRight,
.icon-arrow-up,
.table-rankings-wrapper .mega-table .sorting-cell.sort-up .sorting-arrow,
.icon-arrow-left,
.map-continent-container .world-link,
.controls-wrapper .rsArrowLeft,
.icon-arrow-up-thin,
.icon-arrow-down-thin,
.icon-arrow-left-thin,
.modal-carousel .rsArrow.rsArrowLeft .rsArrowIcn,
.player-ranking-prev .player-ranking-button,
.detail-carousel .rsArrow.rsArrowLeft .rsArrowIcn,
.last-events-played .rsArrow.rsArrowLeft .rsArrowIcn,
.icon-arrow-right-thin,
.modal-carousel .rsArrow.rsArrowRight .rsArrowIcn,
.player-ranking-next .player-ranking-button,
.detail-carousel .rsArrow.rsArrowRight .rsArrowIcn,
.last-events-played .rsArrow.rsArrowRight .rsArrowIcn,
.icon-myatp,
.icon-search,
.head-to-head-button-search,
.column-search-icon,
.icon-facebook,
.icon-twitter,
.icon-google-plus,
.icon-instagram,
.icon-youtube,
.icon-close,
.close-draw-by-player,
.head-to-head-search-close,
.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,
.modal-carousel-close,
.modal-carousel-social-close,
.close-nav,
.breaking-close,
.icon-filter,
.icon-share,
.modal-carousel-social-open,
.icon-circle-minus,
.icon-circle-plus,
.icon-checkmark,
.icon-reset,
.icon-type-gallery,
.icon-type-play,
.heritage-video-wrapper,
.icon-circle-video,
.play-video,
.icon-map-pin,
.intro-section .location-credit,
.icon-close-filled,
.up-next .up-next-close,
.icon-fullscreen,
.modal-carousel-open,
.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, .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, .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, .modal-carousel-open:before {
  content: "\e622";
}

.icon-close-filled:before, .up-next .up-next-close: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, .modal-carousel-social-open:before {
  content: "\e613";
}

.icon-close:before, .close-draw-by-player:before, .head-to-head-search-close: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, .modal-carousel-close:before,
.modal-carousel-social-close:before, .close-nav: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, .map-continent-container .world-link:before, .controls-wrapper .rsArrowLeft:before {
  content: "\e624";
}

.icon-arrow-right: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, .head-to-head-button-search:before, .column-search-icon:before {
  content: "\e603";
}

.icon-type-play:before, .heritage-video-wrapper:before {
  content: "\e618";
}

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

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

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

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

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

.icon-up-down:before {
  content: "\e61b";
}

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

.icon-double-down-arrow:before, .player-ranking-move .move-down: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, .long-form-content-squares:after, .overview-stats-table-wrapper.has-side-widget:after, .structure-multiline-wrapper:after, body .tourney-result td.tourney-details-table-wrapper .icon-area:after, .page-tabs.with-filter: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-carousel-actions:after, .modal-carousel-footer:after, .modal-carousel .rsThumbs .rsThumbsContainer:after, .modal-carousel .royalSlider:after, .modal-scores-header-info:after, .modal-scores-match-stats-players:after, .modal-scores-match-stats:after, .single-filter:after, .race-to-london-tables-wrapper:after, .scores-top-seeds:after, .timeline-tabs:after, .timeline-thumbnail:after, .timeline-item-inner:after, .timeline-item:after, .timeline-items:after, .player-rankings .item-overflow:after, .player-rankings .item-container:after, .player-rankings .current-item:after, .player-rankings .previous-item:after, .player-ranking-bottom:after, .player-ranking-name a:after, .player-ranking-top:after, .player-rankings:after, .player-movement:after, .movers:after, .action-players:after, .movers-wrapper:after, .players-in-action:after, .heritage-row-sub-wrapper: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 .item-container:after, .head-to-head .previous-item:after, .head-to-head .current-item:after, .head-to-head-panel:after, .move-type-none:after, .head-to-head-rankings:after, .player-profile-hero-social:after, .tournament-hero-links:after, .tournament-hero .inner-wrap: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, .players-equipment:after, .contact-form:after, .two-column:after, .mobile-promo:after, .column-header:after, .listing-item:after, .content-listing.tabs .section-title-wrapper:after, .listing-wrapper.alternate .listing-items:after, .accordion-panel-wrapper:after, .content-accordion-wrapper .intro-content:after, .wrapper-404:after, .content-filters-with-buttons:after, .content-filter-with-singles-doubles-tabs:after, .content-filter-laver-cup-tabs:after, .content-filters .dropdown-layout-wrapper:after, .content-filters: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 .rsThumbs .rsThumbsContainer: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, .bottom-content:after, .article-copy:after, #doorbell:after, .article-info .author:after, .article-info:after, .tourney-accordion-wrapper.content-accordion-wrapper .secondary-download-buttons:after, .rail-content-tabs:after, .rail-container-tabs:after, .partners:after, .atp-nav-list:after, .atp-nav-wrap-inner:after, .header-sub-navigation-title:after, .header-sub-navigation:after, .language-selector:after, .module-tabs:after, .module-header: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 .time-button:after, .button-border-row-holder .print-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 .button-row .filter-control:after, .button-row .button-border-row-holder .filter-control:after, .button-border-row-holder .featured-banner-button:after, .button-border-row-holder .button-row .featured-banner-button:after, .button-row .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 .time-button:after,
.button-group-row-holder .print-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 .button-row .filter-control:after,
.button-row .button-group-row-holder .filter-control:after,
.button-group-row-holder .featured-banner-button:after,
.button-group-row-holder .button-row .featured-banner-button:after,
.button-row .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, .mega-template: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;
}

a, input, select, textarea {
  transition: all 0.25s ease-in-out;
}

* {
  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;
}
html.on-load-animation-complete, html.on-load-animation-complete body {
  overflow-x: hidden !important;
}

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, .button-row a.filter-control, a.featured-banner-button, .button-row a.featured-banner-button, a.button-border, .channel-container a.view-more, .channel-container a.live-video, a.time-button, .button-row a.time-button, a.print-button, .button-row a.print-button, .button-row a.button, .button-row a.button-border, #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;
  padding-top: 16px;
}
.wrapper:before, .wrapper:after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.wrapper:after {
  clear: both;
}

.container {
  margin: 0 auto;
  max-width: 1012px;
}
@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;
}
@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: 1px solid #c7c8c8;
  min-height: 500px;
}
.transition-content-on .main-content {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.main-content > * {
  border-left: none !important;
  border-right: none !important;
  border-top: 1px solid #c7c8c8 !important;
  border-bottom: none !important;
}
.main-content > *.border-top-0 {
  border-top: 0 !important;
}
.main-content > *:first-child {
  border-top: none !important;
}
.main-content > *.structure-table-wrapper, .main-content > *.two-column-tables, .main-content > *.board-members {
  border-top: none !important;
}
.main-content > *.breadcrumbs + *, .main-content > *.profile-tabs-wrapper + *, .main-content > *.content-filters + script + *:not(.stats-listing-wrapper):not(.scores-results-archive), .main-content > *.double-image-cta, .main-content > *.single-image-cta, .main-content > *.singles-doubles-tabs-with-filters + script + *, .main-content > *.with-singles-doubles-tabs + *, .main-content > *.module-header + .content-filter-with-singles-doubles-tabs + *, .main-content > *.content-filters + script + .scores-results-archive, .main-content > *.content-filters-with-buttons + script + *, .main-content > *.content-filters-with-buttons + *, .main-content > *.last-events-played.is-standalone + script + .module-header, .main-content > *.daily-schedule-filters + .scores-daily-schedule-content, .main-content > *.singles-doubles-tabs-with-filters + .scores-draw-table-content, .main-content > *.module-header.with-singles-doubles-tabs + script + .scores-results-content, .main-content > *.contact-success {
  border-top: none !important;
}
.main-content > *.module-header.with-singles-doubles-tabs + script + .scores-results-content > .day-table-wrapper, .main-content > *.content-filters-with-buttons + script + .win-loss-header, .main-content > *.content-filters-with-buttons + .win-loss-header {
  padding-top: 0px !important;
}

.centered-content {
  background-color: #ffffff;
  padding: 16px;
  position: relative;
}
.centered-content .section-title, .centered-content .module-title {
  border-bottom: 1px solid #c7c8c8;
  display: block;
  font-size: 32px;
  letter-spacing: 0px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  text-transform: none;
  width: 100%;
}
.centered-content .title-button {
  position: absolute;
  right: 115px;
  top: 45px;
}

.mega-template {
  background-color: #ffffff;
  background-color: #ffffff;
  border: 1px solid #c7c8c8;
  padding: 40px 30px;
}
.mega-template .side-panel {
  float: left;
  margin-right: 40px;
  width: 215px;
}
.mega-template .main-panel {
  float: left;
  width: calc(100% - 255px);
}

.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: "\e609";
}

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

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

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

.button, .filter-control, .button-row .filter-control, .featured-banner-button, .button-row .featured-banner-button, .button-border, .channel-container .view-more, .channel-container .live-video, .time-button, .button-row .time-button, .print-button, .button-row .print-button, .button-row .button, .button-row .button-border, .button-row #doorbell .buttons button, #doorbell .buttons .button-row 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: 1px solid #051224;
  padding: 0 10px;
  border-radius: 3px;
}
.button:hover, .filter-control:hover, .featured-banner-button:hover, .button-border:hover, .channel-container .view-more:hover, .channel-container .live-video:hover, .time-button:hover, .print-button:hover, #doorbell .buttons .btn:hover, #doorbell .buttons button:hover, .button:active, .filter-control:active, .featured-banner-button:active, .button-border:active, .channel-container .view-more:active, .channel-container .live-video:active, .time-button:active, .print-button:active, #doorbell .buttons .btn:active, #doorbell .buttons button:active {
  background-color: #051224;
  color: #fff;
}
.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 .time-button, .buttons-group .print-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 .time-button:first-child, .buttons-group .print-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 .time-button:last-child, .buttons-group .print-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 .time-button:hover, .buttons-group .print-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;
}
.tennis-yellow-button:hover, .tennis-yellow-button:active {
  background-color: #051224;
  color: #E4F53B;
}

.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;
}
.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 .channel-container .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 .channel-container .button-row .live-video, .button-border-row-holder .button-row .time-button, .button-border-row-holder .button-row .print-button, .button-border-row-holder .button-row .button, .button-border-row-holder .button-row .filter-control, .button-border-row-holder .button-row .featured-banner-button, .button-border-row-holder .button-row #doorbell .buttons .btn, .button-border-row-holder #doorbell .buttons .button-row .btn, #doorbell .buttons .button-border-row-holder .button-row .btn, .button-border-row-holder .button-row #doorbell .buttons button, .button-border-row-holder #doorbell .buttons .button-row 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 .channel-container .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 .channel-container .button-row .live-video,
.button-group-row-holder .button-row .time-button,
.button-group-row-holder .button-row .print-button,
.button-group-row-holder .button-row .button,
.button-group-row-holder .button-row .filter-control,
.button-group-row-holder .button-row .featured-banner-button,
.button-group-row-holder .button-row #doorbell .buttons .btn,
.button-group-row-holder #doorbell .buttons .button-row .btn,
#doorbell .buttons .button-group-row-holder .button-row .btn,
.button-group-row-holder .button-row #doorbell .buttons button,
.button-group-row-holder #doorbell .buttons .button-row 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 .time-button, .button-border-row-holder .print-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 .time-button,
.button-group-row-holder .print-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.time-button, .button-border-row-holder.tabs-content-mode .current.print-button, .button-border-row-holder.tabs-content-mode .button-row .current.button, .button-border-row-holder.tabs-content-mode .button-row .current.filter-control, .button-border-row-holder.tabs-content-mode .button-row .current.featured-banner-button, .button-row .button-border-row-holder.tabs-content-mode .current.button, .button-row .button-border-row-holder.tabs-content-mode .current.filter-control, .button-row .button-border-row-holder.tabs-content-mode .current.featured-banner-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.time-button,
.button-group-row-holder.tabs-content-mode .current.print-button,
.button-group-row-holder.tabs-content-mode .button-row .current.button,
.button-group-row-holder.tabs-content-mode .button-row .current.filter-control,
.button-group-row-holder.tabs-content-mode .button-row .current.featured-banner-button,
.button-row .button-group-row-holder.tabs-content-mode .current.button,
.button-row .button-group-row-holder.tabs-content-mode .current.filter-control,
.button-row .button-group-row-holder.tabs-content-mode .current.featured-banner-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 .time-button, .action-player .button-border-row-holder .print-button, .action-player .button-border-row-holder .button-row .button, .action-player .button-border-row-holder .button-row .filter-control, .action-player .button-border-row-holder .button-row .featured-banner-button, .button-row .action-player .button-border-row-holder .button, .button-row .action-player .button-border-row-holder .filter-control, .button-row .action-player .button-border-row-holder .featured-banner-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 .time-button,
.action-player .button-group-row-holder .print-button,
.action-player .button-group-row-holder .button-row .button,
.action-player .button-group-row-holder .button-row .filter-control,
.action-player .button-group-row-holder .button-row .featured-banner-button,
.button-row .action-player .button-group-row-holder .button,
.button-row .action-player .button-group-row-holder .filter-control,
.button-row .action-player .button-group-row-holder .featured-banner-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 .time-button, .button-group-row-holder .print-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 .time-button:first-child, .button-group-row-holder .print-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.time-button, .button-group-row-holder .current.print-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, .button-ajax-bottom {
  padding: 30px;
}

.button-ajax-top {
  padding-bottom: 0;
}

.button-ajax-bottom {
  padding-top: 0;
}

.search-container::-webkit-scrollbar, .draw-by-player-versus-wrapper::-webkit-scrollbar, .no-tourneys .other-tourneys::-webkit-scrollbar, .rail-content::-webkit-scrollbar, .sub-nav::-webkit-scrollbar, .main-nav::-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, .rail-content::-webkit-scrollbar-thumb, .sub-nav::-webkit-scrollbar-thumb, .main-nav::-webkit-scrollbar-thumb, .dropdown::-webkit-scrollbar-thumb {
  display: block;
  background-color: #051224;
}

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

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

.button-border, .channel-container .view-more, .channel-container .live-video, .time-button, .button-row .time-button, .print-button, .button-row .print-button, .button-row .button, .button-row .filter-control, .button-row .featured-banner-button, .button-row .button-border, .button-row #doorbell .buttons button, #doorbell .buttons .button-row button, #doorbell .buttons .btn, #doorbell .buttons button {
  background-color: transparent;
  color: #051224;
  line-height: 26px;
  position: relative;
  border-radius: 3px;
  border: 1px solid #051224;
}
.button-border:hover, .channel-container .view-more:hover, .channel-container .live-video:hover, .time-button:hover, .print-button:hover, .button-row .button:hover, .button-row .filter-control:hover, .button-row .featured-banner-button:hover, #doorbell .buttons .btn:hover, #doorbell .buttons button:hover, .button-border:active, .channel-container .view-more:active, .channel-container .live-video:active, .time-button:active, .print-button:active, .button-row .button:active, .button-row .filter-control:active, .button-row .featured-banner-button:active, #doorbell .buttons .btn:active, #doorbell .buttons button:active {
  background-color: #051224;
  color: #ffffff;
  border-color: #051224;
}
.button-border.alternate-color, .channel-container .alternate-color.view-more, .channel-container .alternate-color.live-video, .alternate-color.time-button, .alternate-color.print-button, .button-row .alternate-color.button, .button-row .alternate-color.filter-control, .button-row .alternate-color.featured-banner-button, #doorbell .buttons .alternate-color.btn, #doorbell .buttons button.alternate-color {
  border-color: #97d300 !important;
  color: #97d300 !important;
}
.button-border.alternate-color:hover, .channel-container .alternate-color.view-more:hover, .channel-container .alternate-color.live-video:hover, .alternate-color.time-button:hover, .alternate-color.print-button:hover, .button-row .alternate-color.button:hover, .button-row .alternate-color.filter-control:hover, .button-row .alternate-color.featured-banner-button:hover, #doorbell .buttons .alternate-color.btn:hover, #doorbell .buttons button.alternate-color:hover, .button-border.alternate-color:active, .channel-container .alternate-color.view-more:active, .channel-container .alternate-color.live-video:active, .alternate-color.time-button:active, .alternate-color.print-button:active, .button-row .alternate-color.button:active, .button-row .alternate-color.filter-control:active, .button-row .alternate-color.featured-banner-button:active, #doorbell .buttons .alternate-color.btn:active, #doorbell .buttons button.alternate-color:active {
  background-color: #97d300;
  color: #ffffff;
}
.button-border.button-disabled, .channel-container .button-disabled.view-more, .channel-container .button-disabled.live-video, .button-disabled.time-button, .button-disabled.print-button, .button-row .button-disabled.button, .button-row .button-disabled.filter-control, .button-row .button-disabled.featured-banner-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.time-button:hover, .button-disabled.print-button:hover, .button-row .button-disabled.button:hover, .button-row .button-disabled.filter-control:hover, .button-row .button-disabled.featured-banner-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, .button-row .channel-container .button-border.button-disabled + .view-more, .button-row .channel-container .button-disabled.view-more + .view-more, .channel-container .button-row .button-border.button-disabled + .view-more, .channel-container .button-row .button-disabled.view-more + .view-more, .channel-container .button-disabled.live-video + .button-border, .channel-container .button-disabled.live-video + .view-more, .button-row .channel-container .button-disabled.live-video + .view-more, .channel-container .button-row .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-row .channel-container .button-border.button-disabled + .live-video, .button-row .channel-container .button-disabled.view-more + .live-video, .button-row .channel-container .button-disabled.live-video + .live-video, .channel-container .button-row .button-border.button-disabled + .live-video, .channel-container .button-row .button-disabled.view-more + .live-video, .channel-container .button-row .button-disabled.live-video + .live-video, .button-disabled.time-button + .button-border, .channel-container .button-disabled.time-button + .view-more, .button-row .channel-container .button-disabled.time-button + .view-more, .channel-container .button-row .button-disabled.time-button + .view-more, .channel-container .button-disabled.time-button + .live-video, .button-row .channel-container .button-disabled.time-button + .live-video, .channel-container .button-row .button-disabled.time-button + .live-video, .button-border.button-disabled + .time-button, .channel-container .button-disabled.view-more + .time-button, .channel-container .button-disabled.live-video + .time-button, .button-disabled.time-button + .time-button, .button-row .button-border.button-disabled + .time-button, .button-row .channel-container .button-disabled.view-more + .time-button, .channel-container .button-row .button-disabled.view-more + .time-button, .button-row .channel-container .button-disabled.live-video + .time-button, .channel-container .button-row .button-disabled.live-video + .time-button, .button-row .button-disabled.time-button + .time-button, .button-disabled.print-button + .button-border, .channel-container .button-disabled.print-button + .view-more, .button-row .channel-container .button-disabled.print-button + .view-more, .channel-container .button-row .button-disabled.print-button + .view-more, .channel-container .button-disabled.print-button + .live-video, .button-row .channel-container .button-disabled.print-button + .live-video, .channel-container .button-row .button-disabled.print-button + .live-video, .button-disabled.print-button + .time-button, .button-row .button-disabled.print-button + .time-button, .button-border.button-disabled + .print-button, .channel-container .button-disabled.view-more + .print-button, .channel-container .button-disabled.live-video + .print-button, .button-disabled.time-button + .print-button, .button-disabled.print-button + .print-button, .button-row .button-border.button-disabled + .print-button, .button-row .channel-container .button-disabled.view-more + .print-button, .channel-container .button-row .button-disabled.view-more + .print-button, .button-row .channel-container .button-disabled.live-video + .print-button, .channel-container .button-row .button-disabled.live-video + .print-button, .button-row .button-disabled.time-button + .print-button, .button-row .button-disabled.print-button + .print-button, .button-row .button-disabled.button + .button-border, .button-row .channel-container .button-disabled.button + .view-more, .channel-container .button-row .button-disabled.button + .view-more, .button-row .channel-container .button-disabled.button + .view-more, .channel-container .button-row .button-disabled.button + .view-more, .button-row .channel-container .button-disabled.button + .live-video, .channel-container .button-row .button-disabled.button + .live-video, .button-row .channel-container .button-disabled.button + .live-video, .channel-container .button-row .button-disabled.button + .live-video, .button-row .button-disabled.filter-control + .button-border, .button-row .channel-container .button-disabled.filter-control + .view-more, .channel-container .button-row .button-disabled.filter-control + .view-more, .button-row .channel-container .button-disabled.filter-control + .view-more, .channel-container .button-row .button-disabled.filter-control + .view-more, .button-row .channel-container .button-disabled.filter-control + .live-video, .channel-container .button-row .button-disabled.filter-control + .live-video, .button-row .channel-container .button-disabled.filter-control + .live-video, .channel-container .button-row .button-disabled.filter-control + .live-video, .button-row .button-disabled.featured-banner-button + .button-border, .button-row .channel-container .button-disabled.featured-banner-button + .view-more, .channel-container .button-row .button-disabled.featured-banner-button + .view-more, .button-row .channel-container .button-disabled.featured-banner-button + .view-more, .channel-container .button-row .button-disabled.featured-banner-button + .view-more, .button-row .channel-container .button-disabled.featured-banner-button + .live-video, .channel-container .button-row .button-disabled.featured-banner-button + .live-video, .button-row .channel-container .button-disabled.featured-banner-button + .live-video, .channel-container .button-row .button-disabled.featured-banner-button + .live-video, .button-row .button-disabled.button + .time-button, .button-row .button-disabled.filter-control + .time-button, .button-row .button-disabled.featured-banner-button + .time-button, .button-row .button-disabled.button + .print-button, .button-row .button-disabled.filter-control + .print-button, .button-row .button-disabled.featured-banner-button + .print-button, #doorbell .buttons .button-row .button-disabled.btn + .button-border, #doorbell .buttons .button-row .channel-container .button-disabled.btn + .view-more, .channel-container #doorbell .buttons .button-row .button-disabled.btn + .view-more, #doorbell .buttons .button-row .channel-container .button-disabled.btn + .view-more, #doorbell .buttons .channel-container .button-row .button-disabled.btn + .view-more, .channel-container #doorbell .buttons .button-row .button-disabled.btn + .view-more, #doorbell .buttons .button-row .channel-container .button-disabled.btn + .live-video, .channel-container #doorbell .buttons .button-row .button-disabled.btn + .live-video, #doorbell .buttons .button-row .channel-container .button-disabled.btn + .live-video, #doorbell .buttons .channel-container .button-row .button-disabled.btn + .live-video, .channel-container #doorbell .buttons .button-row .button-disabled.btn + .live-video, #doorbell .buttons .button-row .button-disabled.btn + .time-button, #doorbell .buttons .button-row .button-disabled.btn + .print-button, #doorbell .buttons .button-row button.button-disabled + .button-border, #doorbell .buttons .button-row .channel-container button.button-disabled + .view-more, .channel-container #doorbell .buttons .button-row button.button-disabled + .view-more, #doorbell .buttons .button-row .channel-container button.button-disabled + .view-more, #doorbell .buttons .channel-container .button-row button.button-disabled + .view-more, .channel-container #doorbell .buttons .button-row button.button-disabled + .view-more, #doorbell .buttons .button-row .channel-container button.button-disabled + .live-video, .channel-container #doorbell .buttons .button-row button.button-disabled + .live-video, #doorbell .buttons .button-row .channel-container button.button-disabled + .live-video, #doorbell .buttons .channel-container .button-row button.button-disabled + .live-video, .channel-container #doorbell .buttons .button-row button.button-disabled + .live-video, #doorbell .buttons .button-row button.button-disabled + .time-button, #doorbell .buttons .button-row button.button-disabled + .print-button, .button-row .button-border.button-disabled + .button, .button-row .channel-container .button-disabled.view-more + .button, .channel-container .button-row .button-disabled.view-more + .button, .button-row .channel-container .button-disabled.live-video + .button, .channel-container .button-row .button-disabled.live-video + .button, .button-row .button-border.button-disabled + .filter-control, .button-row .channel-container .button-disabled.view-more + .filter-control, .channel-container .button-row .button-disabled.view-more + .filter-control, .button-row .channel-container .button-disabled.live-video + .filter-control, .channel-container .button-row .button-disabled.live-video + .filter-control, .button-row .button-border.button-disabled + .filter-control, .button-row .channel-container .button-disabled.view-more + .filter-control, .channel-container .button-row .button-disabled.view-more + .filter-control, .button-row .channel-container .button-disabled.live-video + .filter-control, .channel-container .button-row .button-disabled.live-video + .filter-control, .button-row .button-border.button-disabled + .featured-banner-button, .button-row .channel-container .button-disabled.view-more + .featured-banner-button, .channel-container .button-row .button-disabled.view-more + .featured-banner-button, .button-row .channel-container .button-disabled.live-video + .featured-banner-button, .channel-container .button-row .button-disabled.live-video + .featured-banner-button, .button-row .button-disabled.time-button + .button, .button-row .button-disabled.time-button + .filter-control, .button-row .button-disabled.time-button + .filter-control, .button-row .button-disabled.time-button + .featured-banner-button, .button-row .button-disabled.print-button + .button, .button-row .button-disabled.print-button + .filter-control, .button-row .button-disabled.print-button + .filter-control, .button-row .button-disabled.print-button + .featured-banner-button, .button-row .button-disabled.button + .button, .button-row .button-disabled.filter-control + .button, .button-row .button-disabled.button + .filter-control, .button-row .button-disabled.filter-control + .filter-control, .button-row .button-disabled.button + .filter-control, .button-row .button-disabled.filter-control + .filter-control, .button-row .button-disabled.featured-banner-button + .button, .button-row .button-disabled.featured-banner-button + .filter-control, .button-row .button-disabled.featured-banner-button + .filter-control, .button-row .button-disabled.button + .featured-banner-button, .button-row .button-disabled.filter-control + .featured-banner-button, .button-row .button-disabled.featured-banner-button + .featured-banner-button, .button-row #doorbell .buttons .button-disabled.btn + .button, .button-row #doorbell .buttons .button-disabled.btn + .filter-control, .button-row #doorbell .buttons .button-disabled.btn + .filter-control, .button-row #doorbell .buttons .button-disabled.btn + .featured-banner-button, #doorbell .buttons .button-row .button-disabled.btn + .button, #doorbell .buttons .button-row .button-disabled.btn + .filter-control, #doorbell .buttons .button-row .button-disabled.btn + .filter-control, #doorbell .buttons .button-row .button-disabled.btn + .featured-banner-button, .button-row #doorbell .buttons button.button-disabled + .button, .button-row #doorbell .buttons button.button-disabled + .filter-control, .button-row #doorbell .buttons button.button-disabled + .filter-control, .button-row #doorbell .buttons button.button-disabled + .featured-banner-button, #doorbell .buttons .button-row button.button-disabled + .button, #doorbell .buttons .button-row button.button-disabled + .filter-control, #doorbell .buttons .button-row button.button-disabled + .filter-control, #doorbell .buttons .button-row button.button-disabled + .featured-banner-button, .button-row .button-border.button-disabled + .button-border, .button-row .channel-container .button-disabled.view-more + .button-border, .channel-container .button-row .button-disabled.view-more + .button-border, .button-row .channel-container .button-border.button-disabled + .view-more, .channel-container .button-row .button-border.button-disabled + .view-more, .button-row .channel-container .button-disabled.view-more + .view-more, .channel-container .button-row .button-disabled.view-more + .view-more, .button-row .channel-container .button-border.button-disabled + .view-more, .button-row .channel-container .button-disabled.view-more + .view-more, .channel-container .button-row .channel-container .button-disabled.view-more + .view-more, .channel-container .button-row .button-border.button-disabled + .view-more, .button-row .channel-container .button-row .button-disabled.view-more + .view-more, .channel-container .button-row .button-disabled.view-more + .view-more, .button-row .channel-container .button-disabled.live-video + .button-border, .button-row .channel-container .button-disabled.live-video + .view-more, .button-row .channel-container .button-disabled.live-video + .view-more, .button-row .channel-container .button-row .button-disabled.live-video + .view-more, .channel-container .button-row .button-disabled.live-video + .button-border, .channel-container .button-row .button-disabled.live-video + .view-more, .channel-container .button-row .channel-container .button-disabled.live-video + .view-more, .channel-container .button-row .button-disabled.live-video + .view-more, .button-row .channel-container .button-border.button-disabled + .live-video, .button-row .channel-container .button-disabled.view-more + .live-video, .channel-container .button-row .button-border.button-disabled + .live-video, .channel-container .button-row .button-disabled.view-more + .live-video, .button-row .channel-container .button-disabled.live-video + .live-video, .channel-container .button-row .button-disabled.live-video + .live-video, .button-row .channel-container .button-border.button-disabled + .live-video, .button-row .channel-container .button-disabled.view-more + .live-video, .button-row .channel-container .button-disabled.live-video + .live-video, .channel-container .button-row .channel-container .button-disabled.live-video + .live-video, .channel-container .button-row .button-border.button-disabled + .live-video, .channel-container .button-row .button-disabled.view-more + .live-video, .button-row .channel-container .button-row .button-disabled.live-video + .live-video, .channel-container .button-row .button-disabled.live-video + .live-video, .button-row .button-disabled.time-button + .button-border, .button-row .channel-container .button-disabled.time-button + .view-more, .channel-container .button-row .button-disabled.time-button + .view-more, .button-row .channel-container .button-disabled.time-button + .view-more, .channel-container .button-row .button-disabled.time-button + .view-more, .button-row .channel-container .button-disabled.time-button + .live-video, .channel-container .button-row .button-disabled.time-button + .live-video, .button-row .channel-container .button-disabled.time-button + .live-video, .channel-container .button-row .button-disabled.time-button + .live-video, .button-row .button-disabled.print-button + .button-border, .button-row .channel-container .button-disabled.print-button + .view-more, .channel-container .button-row .button-disabled.print-button + .view-more, .button-row .channel-container .button-disabled.print-button + .view-more, .channel-container .button-row .button-disabled.print-button + .view-more, .button-row .channel-container .button-disabled.print-button + .live-video, .channel-container .button-row .button-disabled.print-button + .live-video, .button-row .channel-container .button-disabled.print-button + .live-video, .channel-container .button-row .button-disabled.print-button + .live-video, .button-row #doorbell .buttons .button-disabled.button + .btn, .button-row #doorbell .buttons .button-disabled.filter-control + .btn, .button-row #doorbell .buttons .button-disabled.featured-banner-button + .btn, #doorbell .buttons .button-row .button-border.button-disabled + .btn, #doorbell .buttons .button-row .channel-container .button-disabled.view-more + .btn, .channel-container #doorbell .buttons .button-row .button-disabled.view-more + .btn, #doorbell .buttons .button-row .channel-container .button-disabled.live-video + .btn, .channel-container #doorbell .buttons .button-row .button-disabled.live-video + .btn, #doorbell .buttons .button-row .button-disabled.time-button + .btn, #doorbell .buttons .button-row .button-disabled.print-button + .btn, #doorbell .buttons .button-row .button-disabled.button + .btn, #doorbell .buttons .button-row .button-disabled.filter-control + .btn, #doorbell .buttons .button-row .button-disabled.featured-banner-button + .btn, #doorbell .buttons .button-row .button-disabled.btn + .btn, #doorbell .buttons .button-row button.button-disabled + .btn, .button-row #doorbell .buttons .button-disabled.button + button, .button-row #doorbell .buttons .button-disabled.filter-control + button, .button-row #doorbell .buttons .button-disabled.featured-banner-button + button, #doorbell .buttons .button-row .button-border.button-disabled + button, #doorbell .buttons .button-row .channel-container .button-disabled.view-more + button, .channel-container #doorbell .buttons .button-row .button-disabled.view-more + button, #doorbell .buttons .button-row .channel-container .button-disabled.live-video + button, .channel-container #doorbell .buttons .button-row .button-disabled.live-video + button, #doorbell .buttons .button-row .button-disabled.time-button + button, #doorbell .buttons .button-row .button-disabled.print-button + button, #doorbell .buttons .button-row .button-disabled.button + button, #doorbell .buttons .button-row .button-disabled.filter-control + button, #doorbell .buttons .button-row .button-disabled.featured-banner-button + button, #doorbell .buttons .button-row .button-disabled.btn + button, #doorbell .buttons .button-row button.button-disabled + 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 .button-row .channel-container .button-disabled.btn + .view-more, .button-row .channel-container #doorbell .buttons .button-disabled.btn + .view-more, #doorbell .buttons .channel-container .button-row .button-disabled.btn + .view-more, .channel-container .button-row #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-row .channel-container .button-disabled.btn + .live-video, .button-row .channel-container #doorbell .buttons .button-disabled.btn + .live-video, #doorbell .buttons .channel-container .button-row .button-disabled.btn + .live-video, .channel-container .button-row #doorbell .buttons .button-disabled.btn + .live-video, #doorbell .buttons .button-disabled.btn + .time-button, #doorbell .buttons .button-disabled.btn + .print-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 .button-row .channel-container button.button-disabled + .view-more, .button-row .channel-container #doorbell .buttons button.button-disabled + .view-more, #doorbell .buttons .channel-container .button-row button.button-disabled + .view-more, .channel-container .button-row #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-row .channel-container button.button-disabled + .live-video, .button-row .channel-container #doorbell .buttons button.button-disabled + .live-video, #doorbell .buttons .channel-container .button-row button.button-disabled + .live-video, .channel-container .button-row #doorbell .buttons button.button-disabled + .live-video, #doorbell .buttons button.button-disabled + .time-button, #doorbell .buttons button.button-disabled + .print-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.time-button + .btn, #doorbell .buttons .button-disabled.print-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.time-button + button, #doorbell .buttons .button-disabled.print-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 .module-title {
  margin-bottom: 0px;
}

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

.top-stat-player-info-section, .tourney-slider-wrapper {
  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, .tourney-slider-wrapper:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 200px 5px 0;
  border-color: transparent rgba(170, 170, 170, 0.66) transparent transparent;
  position: absolute;
  bottom: -5px;
  right: 5px;
  z-index: 1;
}
.top-stat-player-info-section:after, .tourney-slider-wrapper:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 200px 10px 0;
  border-color: transparent rgba(215, 217, 217, 0.44) transparent transparent;
  position: absolute;
  bottom: -10px;
  right: 5px;
  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-table:before {
  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 .player-profile-hero-table:before {
  background: rgba(255, 255, 255, 0.25);
}

.player-of-the-week-hero .module-title:before, .player-profile-hero-ranking .player-ranking-position:before, .player-profile-hero-ranking .player-ranking-position:after, .tournament-hero .module-title: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, .player-of-the-week-hero .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 .module-title:before, .tournament-hero .lt-ie10 .module-title:before {
  background: rgba(255, 255, 255, 0.25);
}

.player-profile-hero-table .inner-wrap:after, .player-profile-hero-table .inner-wrap:before, .player-profile-hero-table:after, .tournament-hero-grid:before {
  background: linear-gradient(to top, transparent, rgba(255, 255, 255, 0.25) 50%, transparent);
  content: " ";
  display: block;
  position: absolute;
  height: 100%;
  width: 1px;
  z-index: 2;
}
.lt-ie10 .player-profile-hero-table .inner-wrap:after, .player-profile-hero-table .lt-ie10 .inner-wrap:after, .lt-ie10 .player-profile-hero-table .inner-wrap:before, .player-profile-hero-table .lt-ie10 .inner-wrap:before, .lt-ie10 .player-profile-hero-table:after, .lt-ie10 .tournament-hero-grid: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% - 110px);
}
.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;
}
.cookies-flag .modal, .cookies-flag .modal2, .cookies-flag .modal-carousel-wrapper {
  height: calc(100% - 150px);
}

.modal-on, .modal-carousel-on {
  overflow: hidden !important;
  height: 100% !important;
}
.modal-on body, .modal-carousel-on body {
  overflow: hidden !important;
  padding: 0 !important;
  height: 100% !important;
}

/* ==========================================================================
	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;
}

/* ==========================================================================
	MODULE HEADER
========================================================================== */
.module-header {
  position: relative;
  z-index: 20;
}
.player-rankings .module-header, .head-to-head .module-header {
  height: 90px;
}
.module-header.with-singles-doubles-tabs .icon-font, .module-header.with-singles-doubles-tabs .icon, .module-header.with-singles-doubles-tabs .tournaments-categories-item .item-link:before, .tournaments-categories-item .module-header.with-singles-doubles-tabs .item-link:before,
.module-header.with-singles-doubles-tabs .icon-small-search,
.module-header.with-singles-doubles-tabs .icon-cart,
.module-header.with-singles-doubles-tabs .icon-list,
.module-header.with-singles-doubles-tabs .icon-help,
.module-header.with-singles-doubles-tabs .icon-chart,
.module-header.with-singles-doubles-tabs .icon-map-marker,
.module-header.with-singles-doubles-tabs .map-marker .marker-icon,
.map-marker .module-header.with-singles-doubles-tabs .marker-icon,
.module-header.with-singles-doubles-tabs .icon-world-circleless,
.module-header.with-singles-doubles-tabs .icon-instagram-circleless,
.module-header.with-singles-doubles-tabs .icon-charity-circleless,
.module-header.with-singles-doubles-tabs .icon-audio,
.module-header.with-singles-doubles-tabs .icon-double-up-arrow,
.module-header.with-singles-doubles-tabs .player-ranking-move .move-up,
.player-ranking-move .module-header.with-singles-doubles-tabs .move-up,
.module-header.with-singles-doubles-tabs .head-to-head-move-up,
.module-header.with-singles-doubles-tabs .icon-double-down-arrow,
.module-header.with-singles-doubles-tabs .player-ranking-move .move-down,
.player-ranking-move .module-header.with-singles-doubles-tabs .move-down,
.module-header.with-singles-doubles-tabs .head-to-head-move-down,
.module-header.with-singles-doubles-tabs .icon-external,
.module-header.with-singles-doubles-tabs .icon-arrow-down,
.module-header.with-singles-doubles-tabs .table-rankings-wrapper .mega-table .sorting-cell .sorting-arrow,
.table-rankings-wrapper .mega-table .sorting-cell .module-header.with-singles-doubles-tabs .sorting-arrow,
.module-header.with-singles-doubles-tabs .icon-arrow-right,
.module-header.with-singles-doubles-tabs .controls-wrapper .rsArrowRight,
.controls-wrapper .module-header.with-singles-doubles-tabs .rsArrowRight,
.module-header.with-singles-doubles-tabs .icon-arrow-up,
.module-header.with-singles-doubles-tabs .table-rankings-wrapper .mega-table .sorting-cell.sort-up .sorting-arrow,
.table-rankings-wrapper .mega-table .sorting-cell.sort-up .module-header.with-singles-doubles-tabs .sorting-arrow,
.module-header.with-singles-doubles-tabs .icon-arrow-left,
.module-header.with-singles-doubles-tabs .map-continent-container .world-link,
.map-continent-container .module-header.with-singles-doubles-tabs .world-link,
.module-header.with-singles-doubles-tabs .controls-wrapper .rsArrowLeft,
.controls-wrapper .module-header.with-singles-doubles-tabs .rsArrowLeft,
.module-header.with-singles-doubles-tabs .icon-arrow-up-thin,
.module-header.with-singles-doubles-tabs .icon-arrow-down-thin,
.module-header.with-singles-doubles-tabs .icon-arrow-left-thin,
.module-header.with-singles-doubles-tabs .modal-carousel .rsArrow.rsArrowLeft .rsArrowIcn,
.modal-carousel .rsArrow.rsArrowLeft .module-header.with-singles-doubles-tabs .rsArrowIcn,
.module-header.with-singles-doubles-tabs .player-ranking-prev .player-ranking-button,
.player-ranking-prev .module-header.with-singles-doubles-tabs .player-ranking-button,
.module-header.with-singles-doubles-tabs .detail-carousel .rsArrow.rsArrowLeft .rsArrowIcn,
.detail-carousel .rsArrow.rsArrowLeft .module-header.with-singles-doubles-tabs .rsArrowIcn,
.module-header.with-singles-doubles-tabs .last-events-played .rsArrow.rsArrowLeft .rsArrowIcn,
.last-events-played .rsArrow.rsArrowLeft .module-header.with-singles-doubles-tabs .rsArrowIcn,
.module-header.with-singles-doubles-tabs .icon-arrow-right-thin,
.module-header.with-singles-doubles-tabs .modal-carousel .rsArrow.rsArrowRight .rsArrowIcn,
.modal-carousel .rsArrow.rsArrowRight .module-header.with-singles-doubles-tabs .rsArrowIcn,
.module-header.with-singles-doubles-tabs .player-ranking-next .player-ranking-button,
.player-ranking-next .module-header.with-singles-doubles-tabs .player-ranking-button,
.module-header.with-singles-doubles-tabs .detail-carousel .rsArrow.rsArrowRight .rsArrowIcn,
.detail-carousel .rsArrow.rsArrowRight .module-header.with-singles-doubles-tabs .rsArrowIcn,
.module-header.with-singles-doubles-tabs .last-events-played .rsArrow.rsArrowRight .rsArrowIcn,
.last-events-played .rsArrow.rsArrowRight .module-header.with-singles-doubles-tabs .rsArrowIcn,
.module-header.with-singles-doubles-tabs .icon-myatp,
.module-header.with-singles-doubles-tabs .icon-search,
.module-header.with-singles-doubles-tabs .head-to-head-button-search,
.module-header.with-singles-doubles-tabs .column-search-icon,
.module-header.with-singles-doubles-tabs .icon-facebook,
.module-header.with-singles-doubles-tabs .icon-twitter,
.module-header.with-singles-doubles-tabs .icon-google-plus,
.module-header.with-singles-doubles-tabs .icon-instagram,
.module-header.with-singles-doubles-tabs .icon-youtube,
.module-header.with-singles-doubles-tabs .icon-close,
.module-header.with-singles-doubles-tabs .close-draw-by-player,
.module-header.with-singles-doubles-tabs .head-to-head-search-close,
.module-header.with-singles-doubles-tabs .marker-tooltip-close,
.module-header.with-singles-doubles-tabs .search-on .column-search-icon,
.search-on .module-header.with-singles-doubles-tabs .column-search-icon,
.module-header.with-singles-doubles-tabs .icon-facebook-circleless,
.module-header.with-singles-doubles-tabs .icon-facebook-messenger,
.module-header.with-singles-doubles-tabs .icon-google-plus-circleless,
.module-header.with-singles-doubles-tabs .icon-googleplus-circleless,
.module-header.with-singles-doubles-tabs .icon-linkedin-circleless,
.module-header.with-singles-doubles-tabs .icon-mail,
.module-header.with-singles-doubles-tabs .icon-pinterest-circleless,
.module-header.with-singles-doubles-tabs .icon-twitter-circleless,
.module-header.with-singles-doubles-tabs .icon-close-circle,
.module-header.with-singles-doubles-tabs .modal-carousel-close,
.module-header.with-singles-doubles-tabs .modal-carousel-social-close,
.module-header.with-singles-doubles-tabs .close-nav,
.module-header.with-singles-doubles-tabs .breaking-close,
.module-header.with-singles-doubles-tabs .icon-filter,
.module-header.with-singles-doubles-tabs .icon-share,
.module-header.with-singles-doubles-tabs .modal-carousel-social-open,
.module-header.with-singles-doubles-tabs .icon-circle-minus,
.module-header.with-singles-doubles-tabs .icon-circle-plus,
.module-header.with-singles-doubles-tabs .icon-checkmark,
.module-header.with-singles-doubles-tabs .icon-reset,
.module-header.with-singles-doubles-tabs .icon-type-gallery,
.module-header.with-singles-doubles-tabs .icon-type-play,
.module-header.with-singles-doubles-tabs .heritage-video-wrapper,
.module-header.with-singles-doubles-tabs .icon-circle-video,
.module-header.with-singles-doubles-tabs .play-video,
.module-header.with-singles-doubles-tabs .icon-map-pin,
.module-header.with-singles-doubles-tabs .intro-section .location-credit,
.intro-section .module-header.with-singles-doubles-tabs .location-credit,
.module-header.with-singles-doubles-tabs .icon-close-filled,
.module-header.with-singles-doubles-tabs .up-next .up-next-close,
.up-next .module-header.with-singles-doubles-tabs .up-next-close,
.module-header.with-singles-doubles-tabs .icon-fullscreen,
.module-header.with-singles-doubles-tabs .modal-carousel-open,
.module-header.with-singles-doubles-tabs .icon-currency-other,
.module-header.with-singles-doubles-tabs .icon-court,
.module-header.with-singles-doubles-tabs .icon-tennis-ball,
.module-header.with-singles-doubles-tabs .icon-favorite,
.module-header.with-singles-doubles-tabs .icon-reply,
.module-header.with-singles-doubles-tabs .icon-retweet,
.module-header.with-singles-doubles-tabs .icon-minus,
.module-header.with-singles-doubles-tabs .icon-plus,
.module-header.with-singles-doubles-tabs .icon-singles,
.module-header.with-singles-doubles-tabs .icon-doubles,
.module-header.with-singles-doubles-tabs .icon-youtube-circleless,
.module-header.with-singles-doubles-tabs .icon-clock,
.module-header.with-singles-doubles-tabs .scores-daily-schedule-controls .button-time:before,
.scores-daily-schedule-controls .module-header.with-singles-doubles-tabs .button-time:before,
.module-header.with-singles-doubles-tabs .time-button,
.module-header.with-singles-doubles-tabs .icon-vixlet-circleless,
.module-header.with-singles-doubles-tabs .icon-bracket,
.module-header.with-singles-doubles-tabs .icon-currency,
.module-header.with-singles-doubles-tabs .icon-finance,
.module-header.with-singles-doubles-tabs .icon-header-search,
.module-header.with-singles-doubles-tabs .icon-header-menu,
.module-header.with-singles-doubles-tabs .icon-weibo-circleless,
.module-header.with-singles-doubles-tabs .icon-hexagon,
.module-header.with-singles-doubles-tabs .icon-radio-signal-both,
.module-header.with-singles-doubles-tabs .icon-mic,
.module-header.with-singles-doubles-tabs .icon-newspaper,
.module-header.with-singles-doubles-tabs .icon-headphones,
.module-header.with-singles-doubles-tabs .icon-feed,
.module-header.with-singles-doubles-tabs .icon-cart2,
.module-header.with-singles-doubles-tabs .icon-tv,
.module-header.with-singles-doubles-tabs .icon-display,
.module-header.with-singles-doubles-tabs .icon-play2,
.module-header.with-singles-doubles-tabs .video-container .video-player .video-play-btn,
.video-container .video-player .module-header.with-singles-doubles-tabs .video-play-btn,
.module-header.with-singles-doubles-tabs .icon-spinner11,
.module-header.with-singles-doubles-tabs .video-container .video-player .video-replay-btn,
.video-container .video-player .module-header.with-singles-doubles-tabs .video-replay-btn,
.module-header.with-singles-doubles-tabs .icon-whatsapp,
.module-header.with-singles-doubles-tabs .icon-next,
.module-header.with-singles-doubles-tabs .video-container .video-player .video-next-btn,
.video-container .video-player .module-header.with-singles-doubles-tabs .video-next-btn {
  font-family: "roboto_bold";
}
.module-header.with-singles-doubles-tabs .dropdown-holder-wrapper {
  display: table-cell;
}
@media (min-width: 1025px) {
  .module-header.with-singles-doubles-tabs .dropdown-holder-wrapper:last-child .dropdown-holder {
    margin-right: 30px;
  }
}
.module-header.with-singles-doubles-tabs .dropdown-holder {
  margin-right: 10px;
}

.module-title {
  line-height: 1;
  width: auto;
  float: left;
}

h2.module-title {
  position: relative;
  top: 5px;
}
h2.module-title.pepperstone {
  top: 10px;
}

.module-tabs {
  font-family: "roboto_bold";
  font-size: 16px;
  padding: 0;
  color: #000;
  float: left;
  text-transform: uppercase;
  width: auto;
  height: 30px;
  letter-spacing: 0px;
}
.with-singles-doubles-tabs .module-tabs .content-filters {
  width: calc(100% - 98px);
}
.module-title + .module-tabs {
  border-left: 1px solid #bfc3c5;
  margin: 0 0 15px 10px;
  padding-left: 10px;
}
@media (max-width: 1039px) {
  .module-title + .module-tabs {
    border-left: 0px;
    margin-left: 15px;
    padding-left: 0px;
  }
  .player-match-record-wrapper .module-title + .module-tabs {
    margin: 15px 0px 0px;
    width: 100%;
  }
}
.module-title + .module-tabs.player-stats-tabs {
  margin: 0px 0px 0px 10px;
}
.career-titles.module-title + .module-tabs, .career-finals.module-title + .module-tabs, .module-tabs .player-stats-tabs, .player-activity-filter-title + .module-tabs {
  margin: 0px 0px 0px 10px;
}
.module-tabs .icon, .module-tabs .tournaments-categories-item .item-link:before, .tournaments-categories-item .module-tabs .item-link:before {
  border: 1px solid #1f2223;
  border-color: #1f2223;
  color: #fff;
  background-color: #1f2223;
  cursor: pointer;
  float: left;
  height: 30px;
  margin-left: 8px;
  position: relative;
  text-align: center;
  top: 0px;
  width: 30px;
  transition: all 0.25s ease-in-out;
  text-transform: uppercase;
  padding: 0px 5px;
}
.with-singles-doubles-tabs .module-tabs .icon, .with-singles-doubles-tabs .module-tabs .tournaments-categories-item .item-link:before, .tournaments-categories-item .with-singles-doubles-tabs .module-tabs .item-link:before {
  height: 30px;
  top: 0px;
  width: 30px;
}
.with-singles-doubles-tabs .module-tabs .icon.icon-doubles:before, .with-singles-doubles-tabs .module-tabs .tournaments-categories-item .icon-doubles.item-link:before, .tournaments-categories-item .with-singles-doubles-tabs .module-tabs .icon-doubles.item-link:before {
  font-size: 17px;
}
.with-singles-doubles-tabs .module-tabs .icon:before, .with-singles-doubles-tabs .module-tabs .tournaments-categories-item .item-link:before, .tournaments-categories-item .with-singles-doubles-tabs .module-tabs .item-link:before {
  font-size: 15px;
}
.module-tabs .icon.current, .module-tabs .tournaments-categories-item .current.item-link:before, .tournaments-categories-item .module-tabs .current.item-link:before, .module-tabs .icon:hover, .module-tabs .tournaments-categories-item .item-link:hover:before, .tournaments-categories-item .module-tabs .item-link:hover:before {
  border-color: #1f2223;
  color: #1f2223;
  background-color: #fff;
}
.module-tabs .icon:first-child, .module-tabs .tournaments-categories-item .item-link:first-child:before, .tournaments-categories-item .module-tabs .item-link:first-child:before {
  margin-left: 0px;
}
.module-tabs .icon:before, .module-tabs .tournaments-categories-item .item-link:before, .tournaments-categories-item .module-tabs .item-link:before {
  font-size: 18px;
  line-height: 26px;
}
.module-tabs .icon.disabled, .module-tabs .tournaments-categories-item .disabled.item-link:before, .tournaments-categories-item .module-tabs .disabled.item-link:before {
  pointer-events: none;
  color: #9d9d9d;
  background-color: whitesmoke;
  border: 1px solid #c7c8c8;
}
.module-tabs .icon-blank {
  width: auto !important;
}
.module-tabs .icon-font, .module-tabs .icon, .module-tabs .tournaments-categories-item .item-link:before, .tournaments-categories-item .module-tabs .item-link:before,
.module-tabs .icon-small-search,
.module-tabs .icon-cart,
.module-tabs .icon-list,
.module-tabs .icon-help,
.module-tabs .icon-chart,
.module-tabs .icon-map-marker,
.module-tabs .map-marker .marker-icon,
.map-marker .module-tabs .marker-icon,
.module-tabs .icon-world-circleless,
.module-tabs .icon-instagram-circleless,
.module-tabs .icon-charity-circleless,
.module-tabs .icon-audio,
.module-tabs .icon-double-up-arrow,
.module-tabs .player-ranking-move .move-up,
.player-ranking-move .module-tabs .move-up,
.module-tabs .head-to-head-move-up,
.module-tabs .icon-double-down-arrow,
.module-tabs .player-ranking-move .move-down,
.player-ranking-move .module-tabs .move-down,
.module-tabs .head-to-head-move-down,
.module-tabs .icon-external,
.module-tabs .icon-arrow-down,
.module-tabs .table-rankings-wrapper .mega-table .sorting-cell .sorting-arrow,
.table-rankings-wrapper .mega-table .sorting-cell .module-tabs .sorting-arrow,
.module-tabs .icon-arrow-right,
.module-tabs .controls-wrapper .rsArrowRight,
.controls-wrapper .module-tabs .rsArrowRight,
.module-tabs .icon-arrow-up,
.module-tabs .table-rankings-wrapper .mega-table .sorting-cell.sort-up .sorting-arrow,
.table-rankings-wrapper .mega-table .sorting-cell.sort-up .module-tabs .sorting-arrow,
.module-tabs .icon-arrow-left,
.module-tabs .map-continent-container .world-link,
.map-continent-container .module-tabs .world-link,
.module-tabs .controls-wrapper .rsArrowLeft,
.controls-wrapper .module-tabs .rsArrowLeft,
.module-tabs .icon-arrow-up-thin,
.module-tabs .icon-arrow-down-thin,
.module-tabs .icon-arrow-left-thin,
.module-tabs .modal-carousel .rsArrow.rsArrowLeft .rsArrowIcn,
.modal-carousel .rsArrow.rsArrowLeft .module-tabs .rsArrowIcn,
.module-tabs .player-ranking-prev .player-ranking-button,
.player-ranking-prev .module-tabs .player-ranking-button,
.module-tabs .detail-carousel .rsArrow.rsArrowLeft .rsArrowIcn,
.detail-carousel .rsArrow.rsArrowLeft .module-tabs .rsArrowIcn,
.module-tabs .last-events-played .rsArrow.rsArrowLeft .rsArrowIcn,
.last-events-played .rsArrow.rsArrowLeft .module-tabs .rsArrowIcn,
.module-tabs .icon-arrow-right-thin,
.module-tabs .modal-carousel .rsArrow.rsArrowRight .rsArrowIcn,
.modal-carousel .rsArrow.rsArrowRight .module-tabs .rsArrowIcn,
.module-tabs .player-ranking-next .player-ranking-button,
.player-ranking-next .module-tabs .player-ranking-button,
.module-tabs .detail-carousel .rsArrow.rsArrowRight .rsArrowIcn,
.detail-carousel .rsArrow.rsArrowRight .module-tabs .rsArrowIcn,
.module-tabs .last-events-played .rsArrow.rsArrowRight .rsArrowIcn,
.last-events-played .rsArrow.rsArrowRight .module-tabs .rsArrowIcn,
.module-tabs .icon-myatp,
.module-tabs .icon-search,
.module-tabs .head-to-head-button-search,
.module-tabs .column-search-icon,
.module-tabs .icon-facebook,
.module-tabs .icon-twitter,
.module-tabs .icon-google-plus,
.module-tabs .icon-instagram,
.module-tabs .icon-youtube,
.module-tabs .icon-close,
.module-tabs .close-draw-by-player,
.module-tabs .head-to-head-search-close,
.module-tabs .marker-tooltip-close,
.module-tabs .search-on .column-search-icon,
.search-on .module-tabs .column-search-icon,
.module-tabs .icon-facebook-circleless,
.module-tabs .icon-facebook-messenger,
.module-tabs .icon-google-plus-circleless,
.module-tabs .icon-googleplus-circleless,
.module-tabs .icon-linkedin-circleless,
.module-tabs .icon-mail,
.module-tabs .icon-pinterest-circleless,
.module-tabs .icon-twitter-circleless,
.module-tabs .icon-close-circle,
.module-tabs .modal-carousel-close,
.module-tabs .modal-carousel-social-close,
.module-tabs .close-nav,
.module-tabs .breaking-close,
.module-tabs .icon-filter,
.module-tabs .icon-share,
.module-tabs .modal-carousel-social-open,
.module-tabs .icon-circle-minus,
.module-tabs .icon-circle-plus,
.module-tabs .icon-checkmark,
.module-tabs .icon-reset,
.module-tabs .icon-type-gallery,
.module-tabs .icon-type-play,
.module-tabs .heritage-video-wrapper,
.module-tabs .icon-circle-video,
.module-tabs .play-video,
.module-tabs .icon-map-pin,
.module-tabs .intro-section .location-credit,
.intro-section .module-tabs .location-credit,
.module-tabs .icon-close-filled,
.module-tabs .up-next .up-next-close,
.up-next .module-tabs .up-next-close,
.module-tabs .icon-fullscreen,
.module-tabs .modal-carousel-open,
.module-tabs .icon-currency-other,
.module-tabs .icon-court,
.module-tabs .icon-tennis-ball,
.module-tabs .icon-favorite,
.module-tabs .icon-reply,
.module-tabs .icon-retweet,
.module-tabs .icon-minus,
.module-tabs .icon-plus,
.module-tabs .icon-singles,
.module-tabs .icon-doubles,
.module-tabs .icon-youtube-circleless,
.module-tabs .icon-clock,
.module-tabs .scores-daily-schedule-controls .button-time:before,
.scores-daily-schedule-controls .module-tabs .button-time:before,
.module-tabs .time-button,
.module-tabs .icon-vixlet-circleless,
.module-tabs .icon-bracket,
.module-tabs .icon-currency,
.module-tabs .icon-finance,
.module-tabs .icon-header-search,
.module-tabs .icon-header-menu,
.module-tabs .icon-weibo-circleless,
.module-tabs .icon-hexagon,
.module-tabs .icon-radio-signal-both,
.module-tabs .icon-mic,
.module-tabs .icon-newspaper,
.module-tabs .icon-headphones,
.module-tabs .icon-feed,
.module-tabs .icon-cart2,
.module-tabs .icon-tv,
.module-tabs .icon-display,
.module-tabs .icon-play2,
.module-tabs .video-container .video-player .video-play-btn,
.video-container .video-player .module-tabs .video-play-btn,
.module-tabs .icon-spinner11,
.module-tabs .video-container .video-player .video-replay-btn,
.video-container .video-player .module-tabs .video-replay-btn,
.module-tabs .icon-whatsapp,
.module-tabs .icon-next,
.module-tabs .video-container .video-player .video-next-btn,
.video-container .video-player .module-tabs .video-next-btn, .module-tabs span {
  font-family: "roboto_bold" !important;
  text-transform: uppercase;
  font-size: 13px;
  position: relative;
  line-height: 29px;
}

.module-tab {
  display: inline-block;
  width: auto;
  margin: 0 5px;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  line-height: 17px;
  padding-bottom: 5px;
  position: relative;
  top: 5px;
  transition: border-color 0.25s ease-in-out;
  text-transform: uppercase;
}
.module-tab :not(.current-tournament-tab) > * {
  transition: color 0.25s ease-in-out;
  color: #051224;
  opacity: 0.5;
}
.module-tab:hover {
  border-color: #00aeef;
}
.module-tab:hover a {
  color: #051224;
  opacity: 1;
}
.module-tab:active, .module-tab.current {
  border-color: #00aeef;
}
.module-tab:active > *, .module-tab:active a, .module-tab.current > *, .module-tab.current a {
  color: #051224;
  opacity: 1;
}

.module-header {
  padding: 16px;
}
.module-header + *:not(.double-image-cta) :not(.single-image-cta) :not(.with-singles-doubles-tabs) :not(.singles-doubles-tabs-with-filters) :not(.scores-top-seeds) :not(.stat-box) :not(.page-content-hero) :not(.single .listing-item-thumb) {
  padding-top: 0px !important;
}
.module-header.player-bio-tab-container {
  padding-bottom: 0px;
}
.module-header.player-bio-tab-container ~ * .intro-section {
  padding-top: 0px;
}
.module-header.player-bio-tab-container ~ * .intro-section .article-copy, .module-header.player-bio-tab-container ~ * .intro-section #doorbell {
  padding-top: 16px;
}

.module-title.landscape-logo {
  height: 20px;
}
.module-title.landscape-logo .module-sponsor, .module-title.landscape-logo img {
  height: 18px;
  width: auto;
}
.module-title.landscape-logo .module-sponsor.pepperstone, .module-title.landscape-logo img.pepperstone {
  height: 24px;
}
.modal-scores .module-title.landscape-logo, .modal-draw-by-player.modal .module-title.landscape-logo, .modal-scores .module-title.landscape-logo .module-sponsor, .modal-draw-by-player.modal .module-title.landscape-logo .module-sponsor, .modal-scores .module-title.landscape-logo img, .modal-draw-by-player.modal .module-title.landscape-logo img, .head-to-head .module-title.landscape-logo, .head-to-head .module-title.landscape-logo .module-sponsor, .head-to-head .module-title.landscape-logo img {
  height: 18px;
  top: 0px;
}
.module-title.portrait-logo {
  height: 20px;
}
.module-title.portrait-logo .module-sponsor, .module-title.portrait-logo img {
  height: 18px;
  width: auto;
}

.module-cta {
  float: right;
  font-family: "roboto_bold";
  font-size: 16px;
  cursor: pointer;
  text-transform: uppercase;
  color: #051224;
  margin: 0 0 15px 10px;
  letter-spacing: 0px;
}
.module-cta:hover {
  color: #000;
}
.module-cta a {
  position: relative;
  top: 5px;
}

/* ==========================================================================
	CONTROL WRAPPER
========================================================================== */
.controls-wrapper {
  text-align: center;
  float: none;
}
.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 {
  color: #051224;
  font-size: 12px;
}
.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 20px 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
========================================================================== */
/* ==========================================================================
	ATP LOADER
	========================================================================== */
.atp-loader-skrim {
  left: 0;
  position: fixed;
  background: #000;
  opacity: 0.5;
  width: 100%;
  z-index: 1000;
  height: calc(100% - 110px);
  top: 110px;
}
.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
   ========================================================================== */
.breaking-news {
  background: #ff0000;
  height: 0px;
  overflow: hidden;
  padding: 0px;
  width: 100%;
  transform: translateZ(0);
  z-index: 100;
  position: relative;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .breaking-news {
    transition: none;
  }
}
.breaking-news.expand {
  height: 80px;
  padding: 25px 0px;
}
.fixed .breaking-news.expand {
  position: fixed;
  top: 110px;
}
.fixed-sub-navigation .breaking-news.expand {
  top: 130px;
}
.breaking-news .container {
  height: 100%;
  line-height: 1;
  position: relative;
  padding: 0px 30px;
}
.breaking-news .container > * {
  color: #ffffff;
  display: block;
  font-family: "roboto_bold";
  font-size: 1.6em;
}

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

.breaking-text {
  overflow: hidden;
  width: 100%;
  line-height: 30px;
  padding: 0px 70px 0px 170px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.breaking-close {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
}
.breaking-close:before {
  font-family: "icomoon";
  font-size: 30px;
}
.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 .time-button, .button-row .print-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: 17%;
}

/* ==========================================================================
	 HEADER
	========================================================================== */
.header, .header-preview {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  right: 0;
  top: 0;
  z-index: 9991;
}
.header .container, .header-preview .container {
  padding: 0px;
}

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

.main-header {
  background-color: #051224;
  position: relative;
  z-index: 10;
  width: 100%;
  top: 0px;
  left: 0px;
  border-top: 2px solid #12243c;
  box-shadow: rgba(0, 0, 0, 0.15) 0 1px;
  height: 70px;
  line-height: 70px;
}
@media (max-width: 1024px) {
  .main-header {
    padding: 0 16px;
  }
}
.modal-on .main-header {
  position: static !important;
}

.site-logo {
  margin: 0;
  text-align: center;
}
@media (min-width: 1040px) {
  .site-logo {
    left: 50%;
    position: absolute;
    top: 0;
    margin-left: -159.5;
  }
}
.site-logo img {
  vertical-align: middle;
  height: 22px;
  width: auto;
}
.site-logo span {
  display: none;
}

.main-header-controls {
  float: left;
}
.main-header-controls > li {
  color: #1f2223;
  float: left;
  position: relative;
}
.main-header-controls > li a {
  color: inherit;
}
.main-header-controls .icon, .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 .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 .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: 90px;
  margin-right: 40px;
}
.main-header-controls .icon, .main-header-controls .tournaments-categories-item .item-link:before, .tournaments-categories-item .main-header-controls .item-link:before {
  font-size: 30px;
  margin-top: -15px;
}
.search-active .main-header-controls .icon.icon-search, .search-active .main-header-controls .icon.head-to-head-button-search, .search-active .main-header-controls .icon.column-search-icon, .search-active .main-header-controls .tournaments-categories-item .icon-search.item-link:before, .search-active .main-header-controls .tournaments-categories-item .item-link.head-to-head-button-search:before, .search-active .main-header-controls .tournaments-categories-item .item-link.column-search-icon:before, .tournaments-categories-item .search-active .main-header-controls .icon-search.item-link:before, .tournaments-categories-item .search-active .main-header-controls .item-link.head-to-head-button-search:before, .tournaments-categories-item .search-active .main-header-controls .item-link.column-search-icon:before {
  color: #1f2223;
}

.control-menu {
  display: block;
  color: #ffffff;
  text-transform: uppercase;
  height: 30px;
  margin-top: -15px;
  position: relative;
  top: 50%;
  width: 33px;
}
.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:hover span {
  background-color: #1f2223;
}
.control-menu:hover span:before, .control-menu:hover span:after {
  background-color: #1f2223;
}
.control-menu span {
  width: 20px;
}
.control-menu span:before {
  top: -12px;
}
.control-menu span:after {
  bottom: -12px;
}

.site-sponsor {
  float: right;
}
.site-sponsor img {
  vertical-align: middle;
  height: 45px;
  width: auto;
}

/*  Start : Sub Header */
.sub-header {
  background-color: #051224;
  color: #ffffff;
  font-size: 11px;
  font-weight: bold;
  height: 40px;
  z-index: 11;
  position: relative;
}
.sub-header .container {
  display: flex;
  height: 100%;
  align-items: center;
}
@media (max-width: 1024px) {
  .sub-header {
    padding: 10px 16px;
  }
}
.sub-header a {
  color: inherit;
}
.sub-header a:hover {
  color: #E4F53B;
}
.sub-header a:after {
  color: #051224;
}
.sub-header .icon, .sub-header .tournaments-categories-item .item-link:before, .tournaments-categories-item .sub-header .item-link:before {
  color: #051224;
  font-size: 10px;
  margin-left: 5px;
}

.language-selector {
  cursor: pointer;
  position: relative;
  padding: 0 10px;
  border-radius: 20px;
  background: #ffffff21;
  width: 61px;
  transition: all 0.25s ease-in-out;
}
.language-selector .icon-arrow-down, .language-selector .table-rankings-wrapper .mega-table .sorting-cell .sorting-arrow, .table-rankings-wrapper .mega-table .sorting-cell .language-selector .sorting-arrow {
  font-size: 12px;
  margin-left: 10px;
  color: #ffffff;
}
.language-selector .icon-arrow-down:before, .language-selector .table-rankings-wrapper .mega-table .sorting-cell .sorting-arrow:before, .table-rankings-wrapper .mega-table .sorting-cell .language-selector .sorting-arrow:before {
  display: inline-flex;
  transform: rotateZ(0deg);
}
.language-selector:hover {
  color: #E4F53B;
  border-radius: 10px 10px 0 0;
}
.language-selector:hover .language-dropdown {
  opacity: 1;
  transform: translateY(0) scaleY(1);
}
.language-selector:hover .icon-arrow-down, .language-selector:hover .table-rankings-wrapper .mega-table .sorting-cell .sorting-arrow, .table-rankings-wrapper .mega-table .sorting-cell .language-selector:hover .sorting-arrow {
  color: #E4F53B;
}
.language-selector:hover .icon-arrow-down:before, .language-selector:hover .table-rankings-wrapper .mega-table .sorting-cell .sorting-arrow:before, .table-rankings-wrapper .mega-table .sorting-cell .language-selector:hover .sorting-arrow:before {
  display: inline-flex;
  transform: rotateZ(180deg);
}

.language-flag {
  float: left;
  padding-top: 2px;
}
.language-flag img {
  height: auto;
  width: 22px;
}

.language-name {
  float: left;
}

.language-dropdown {
  background-color: #ffffff21;
  right: 0;
  max-height: 0;
  padding: 0;
  position: absolute;
  top: 22px;
  opacity: 0;
  overflow: hidden;
  z-index: 100;
  max-height: 140px;
  padding: 10px 0;
  transform: translateY(-10px) scaleY(0);
  transform-origin: top;
  transition: all 0.25s ease-in-out;
  border-radius: 0 0 10px 10px;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}
@media (min-width: 768px) and (max-width: 1024px) {
  .language-dropdown {
    transition: none;
  }
}
.language-dropdown a {
  color: #ffffff;
  display: block;
  padding: 4px 8px;
  text-transform: uppercase;
}
.language-dropdown a:hover {
  color: #E4F53B;
}
.language-dropdown img {
  float: left;
  height: auto;
  margin-right: 10px;
  width: 22px;
}
.language-dropdown .current a {
  color: #bfc3c5;
}
.language-dropdown.expand {
  display: block;
}

.sub-header-controls {
  float: left;
}
.sub-header-controls > li {
  border-left: 1px solid #393b3c;
  float: left;
  line-height: 20px;
  padding: 0 20px;
}
.sub-header-controls > li:first-child {
  border-left: none;
  padding-left: 0;
}
.sub-header-controls .external:after {
  color: #051224;
}

.sub-header-links > li {
  float: left;
  line-height: 20px;
  margin-left: 15px;
}
.sub-header-links > li:first-child {
  margin-left: 0;
}
.sub-header-links .icon-myatp {
  font-size: 14px;
}
@media (max-width: 1024px) {
  .sub-header-links > li:not(.sub-header-language-selector) {
    display: none;
  }
}

.shop-link .icon, .shop-link .tournaments-categories-item .item-link:before, .tournaments-categories-item .shop-link .item-link:before {
  bottom: -2px;
  font-size: 15px;
  position: relative;
}

.sub-header-sponsor-logo {
  height: 19px;
  flex-grow: 1;
}
.sub-header-sponsor-logo .site-sub-sponsor-link {
  display: inline-block;
  height: 100%;
}
.sub-header-sponsor-logo img {
  display: block;
  height: 100%;
  width: auto;
}

/* End : Sub Header */
/* Start : Header Callouts */
/* End : Header Callouts */
.header-sub-navigation {
  background-color: #fff;
  height: 50px;
  position: fixed;
  top: 110px;
  width: 100%;
  z-index: 0;
  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.17);
}
@media (min-width: 768px) and (max-width: 1024px) {
  .header-sub-navigation {
    top: -50px;
    transform: translate3d(0, 0px, 0);
    -ms-transform: translateY(0px);
  }
  .fixed-sub-navigation .header-sub-navigation {
    top: 110px;
  }
}
@media (min-width: 1025px) {
  .header-sub-navigation {
    transition: transform 0.25s cubic-bezier(0.77, 0, 0.175, 1);
  }
}
.fixed-sub-navigation .header-sub-navigation {
  transform: translate3d(0, 0, 0);
  -ms-transform: translateY(0);
}
@media (min-width: 768px) and (max-width: 1024px) {
  .fixed-sub-navigation .header-sub-navigation {
    display: block;
  }
}
.modal-on .header-sub-navigation {
  display: none;
}
.cookies-flag .header-sub-navigation {
  top: 150px;
}
.header-sub-navigation .container {
  height: 100%;
}

.header-sub-navigation-title {
  color: #1f2223;
  display: block;
  float: left;
  line-height: 50px;
  font: 16px "roboto_regular";
  height: 100%;
  text-transform: capitalize;
  width: auto;
}
.header-sub-navigation-title .text-title {
  display: block;
  line-height: 50px;
  height: 50px;
}
.header-sub-navigation-title img {
  display: block;
  height: 18px;
  position: relative;
  top: 50%;
  width: auto;
  transform: translateY(-50%);
}

.header-sub-navigation-list-wrap {
  float: left;
}
.header-sub-navigation-list-wrap .page-header-more-link {
  position: relative;
}
.header-sub-navigation .header-sub-navigation-list-wrap .page-header-more-link > a {
  padding-left: 20px;
  padding-right: 15px;
  margin-left: 0px;
}
.header-sub-navigation-list-wrap .page-header-more-link > a:after {
  color: #051224;
  content: "\e609";
  display: block;
  font-family: "icomoon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 10px;
  text-transform: none;
  line-height: 1;
  position: absolute;
  right: 0px;
  -webkit-font-smoothing: antialiased;
  top: calc(50% + 1px);
  transform: translateY(-55%) rotate(90deg);
  transition: all 0.25s ease-in-out;
}
.header-sub-navigation-list-wrap .page-header-more-link .page-header-sub-nav {
  position: absolute;
  top: 50px;
  left: -10px;
  z-index: 10;
  background-color: #fff;
  width: 160px;
}
.header-sub-navigation-list-wrap .page-header-more-link .page-header-sub-nav li {
  width: 100%;
}
.header-sub-navigation-list-wrap .page-header-more-link .page-header-sub-nav li:first-child a {
  padding-top: 20px;
}
.header-sub-navigation-list-wrap .page-header-more-link .page-header-sub-nav li:last-child a {
  padding-bottom: 20px;
}
.header-sub-navigation-list-wrap .page-header-more-link .page-header-sub-nav a {
  line-height: 1;
  margin-left: 0;
  padding: 10px 20px;
}
.header-sub-navigation-list-wrap .page-header-more-link .page-header-sub-nav a:hover {
  color: #051224;
}

.header-sub-navigation-list {
  display: block;
  float: left;
  width: auto;
}

.header-sub-navigation-item, .header-sub-navigation .page-header-more-link {
  display: inline-block;
}
.header-sub-navigation-item.current a, .header-sub-navigation .page-header-more-link.current a {
  position: relative;
}
.header-sub-navigation-item.current a:after, .header-sub-navigation .page-header-more-link.current a:after {
  background-color: #051224;
  bottom: 0px;
  content: "";
  display: block;
  height: 3px;
  left: 0px;
  position: absolute;
  width: 100%;
}
.header-sub-navigation-item a, .header-sub-navigation .page-header-more-link a {
  color: #1f2223;
  display: block;
  line-height: 50px;
  font: 14px "roboto_regular";
  margin-left: 15px;
}
.header-sub-navigation-item:first-child > a, .header-sub-navigation .page-header-more-link:first-child > a {
  margin-left: 15px;
  position: relative;
}
.header-sub-navigation-item:first-child > a:before, .header-sub-navigation .page-header-more-link:first-child > a:before {
  border-left: 1px solid #ebebeb;
  content: " ";
  display: block;
  height: 20px;
  left: -10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.page-header-sub-nav {
  border: none !important;
  font-size: 18px;
}
.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-header-container {
  height: 70px;
  display: flex;
  align-items: center;
}

.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 .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 .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 150px 0px 30px;
}

.cookie-close {
  color: #1f2223;
  padding-right: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
}
.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
   ========================================================================== */
.iab-wrapper.featured {
  display: flex;
  padding: 16px 0 16px 10px;
  justify-items: center;
  align-items: center;
  justify-content: space-evenly;
}
@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: 15px 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%);
}
.main-container > .iab-wrapper {
  border-left: 1px solid #c7c8c8;
  border-right: 1px solid #c7c8c8;
}
@media (min-width: 1332px) {
  .main-container > .iab-wrapper {
    border-right: none;
  }
}
.sub-nav .iab-wrapper, .rail .iab-wrapper {
  background: none;
}

.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 .modal-carousel-close,
.close-interstitial .modal-carousel-social-close, .close-interstitial .close-nav, .close-interstitial .breaking-close {
  font-size: 18px;
}

/* ==========================================================================
    LARGE DROPIN AD
   ========================================================================== */
.large-dropin {
  height: 0px;
  position: relative;
  text-align: center;
  transition: all 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  height: 0;
  opacity: 0;
  pointer-events: none;
}
.large-dropin.expand {
  padding-top: 20px;
  padding-bottom: 0px;
  height: 290px;
  opacity: 100;
  pointer-events: auto;
}

.large-dropin-wrapper {
  position: relative;
  display: inline-block;
}
.large-dropin-wrapper .close-ad {
  color: #1f2223;
  cursor: pointer;
  display: block;
  font-size: 1.2em;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  position: absolute;
  right: 20px;
  top: 20px;
}
.large-dropin-wrapper .close-ad:after {
  content: "\e60a";
  font-family: "icomoon";
  font-size: 12px;
  margin-left: 5px;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
}

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

.main-nav {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  transition: all 0.25s;
  background: rgba(255, 255, 255, 0.96);
  height: 100%;
  padding: 40px 30px;
  position: relative;
  width: 230px;
  z-index: 1;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .main-nav {
    transition: none;
  }
}

.close-nav {
  color: #1f2223;
  padding: 10px;
  position: absolute;
  right: 20px;
  top: 30px;
}
.close-nav:hover {
  color: #051224;
}
.close-nav:before {
  font-size: 15px;
}
.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 {
  margin-top: 30px;
}
.nav-section:first-of-type {
  margin-top: 0px;
}

.nav-section-title {
  display: block;
  text-transform: uppercase;
  color: #969b9d;
  font-family: "roboto_regular";
  font-size: 1.6em;
  margin-bottom: 35px;
}

.nav-list > li {
  margin-top: 25px;
}
.nav-list > li:first-child {
  margin-top: 0px;
}
.nav-list > li > a {
  display: block;
  font-family: "roboto_bold";
  font-size: 16px;
  letter-spacing: 0px;
  position: relative;
  text-transform: uppercase;
}
.nav-list > li > a.nav-push:after {
  top: 4px;
}
.nav-list > li > a.nav-push.expand {
  color: #1f2223;
}
.nav-list > li > a.icon-search:before, .nav-list > li > a.head-to-head-button-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: 12px;
  right: 0px;
}
.nav-list > li > a.external:after {
  top: 3px;
}
.nav-list.secondary {
  margin-top: 10px;
}
.nav-list.secondary li {
  margin-top: 10px;
}
.nav-list.secondary li:first-child {
  margin-top: 0px;
}
.nav-list.secondary li a {
  font-family: "roboto_regular";
  font-size: 1.6em;
}

.language-flags {
  margin-bottom: 30px;
}
.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;
}

/* End : Main Nav */
/* Start : Sub Nav */
.sub-nav {
  background: rgba(255, 255, 255, 0.96);
  border-left: 1px solid #c7c8c8;
  height: 100%;
  left: -361px;
  overflow: auto;
  padding: 40px 30px;
  position: absolute;
  top: 0px;
  width: 361px;
  -webkit-overflow-scrolling: touch;
  transition: all 0.25s;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .sub-nav {
    transition: none;
  }
}
.main-nav.expand + .sub-nav.expand {
  left: 100%;
}
.sub-nav .sponsor-logo {
  display: block;
  height: 20px;
  position: absolute;
  right: 30px;
  top: 40px;
}
.sub-nav .sponsor-logo img {
  height: 100%;
  width: auto;
}

.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: 16px;
}
.partners > * a {
  display: inline-block;
  position: relative;
}
.partners > * a img {
  height: auto;
  left: 50%;
  position: absolute;
  top: 50%;
  width: auto;
  transform: translate(-50%, -50%);
}
.partners-page .partners {
  border: none;
  padding: 16px 16px 0px;
}
.partners-page .partners > * {
  padding: 0px;
}

.premier {
  width: 330px;
  height: 240px;
}
.premier a {
  height: 235px;
  width: 100%;
}
.footer-partners .premier a {
  height: 153px;
}
.footer-partners .premier a img {
  height: 153px;
}
.premier a img {
  height: var(--partnerLogoHeight);
}
.partners-page .premier {
  width: 100%;
}
.partners-page .premier a {
  height: var(--partnerLogoHeight);
}
.other-partners {
  border-left: 1px solid #c7c8c8;
  width: calc(100% - 330px);
}
.other-partners a {
  width: 50%;
  margin-bottom: 20px;
  display: inline-block;
}
.other-partners a.portrait-logo {
  height: 156px;
}
.footer-partners .other-partners a {
  height: 140px;
  width: 30%;
  margin: 0;
}
.footer-partners .other-partners a img {
  height: 140px;
}
.partners-page .other-partners:nth-child(2) img {
  height: calc(var(--partnerLogoHeight) * 0.8);
}
.partners-page .other-partners:nth-child(3) img {
  height: calc(var(--partnerLogoHeight) * 0.7);
}
.partners-page .other-partners:nth-child(4) ~ .other-partners img {
  height: calc(var(--partnerLogoHeight) * 0.6);
}
.partners-page .other-partners:nth-child(4) img {
  height: calc(var(--partnerLogoHeight) * 0.6);
}
.other-partners .partner-list {
  display: table;
  height: 230px;
  width: 100%;
}
.footer-partners .other-partners .partner-list {
  height: 190px;
}
.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 {
  padding: 10px;
}
.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: 18px;
  letter-spacing: 0px;
  margin-bottom: 5px;
}
.partners-page .partner-section-title {
  background-color: #f1f1f1;
  border-bottom: 1px solid #e8e8e8;
  border-top: 1px solid #e8e8e8;
  margin-bottom: 0px;
  padding: 15px 0px;
}

/* ==========================================================================
    RAIL - Doesn't appear on mobile devices
   ========================================================================== */
body {
  overflow-x: hidden;
}

@media (max-width: 1332px) {
  .rail-scores-icon {
    border: 1px solid #fff;
    color: #fff;
    display: block;
    font-family: "roboto_regular", Arial, sans-serif;
    font-size: 9px;
    height: 26px;
    line-height: 16px;
    margin: 0 10px;
    position: relative;
    top: 12px;
    width: 30px;
  }
  .rail-scores-icon__item {
    border-top: 1px solid #fff;
    bottom: 0;
    display: block;
    height: 9px;
    position: absolute;
    width: 100%;
  }
  .rail-scores-icon__item:before {
    content: "";
    background-color: #fff;
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    width: 1px;
  }

  .rail-latest-icon {
    border: 1px solid #fff;
    color: #fff;
    display: block;
    font-family: "roboto_regular", Arial, sans-serif;
    font-size: 9px;
    height: 26px;
    line-height: 16px;
    margin: 0 10px;
    position: relative;
    top: 12px;
    width: 30px;
  }
  .rail-latest-icon__box {
    border: 1px solid #fff;
    display: block;
    height: 7px;
    width: 12px;
    position: absolute;
    bottom: 2px;
    left: 2px;
  }
  .rail-latest-icon__lines {
    height: 1px;
    width: 10px;
    background-color: #fff;
    position: absolute;
    bottom: 2px;
    right: 2px;
  }
  .rail-latest-icon__lines:before, .rail-latest-icon__lines:after {
    content: "";
    height: 100%;
    width: 100%;
    background-color: #fff;
    position: absolute;
    right: 0;
    bottom: 3px;
  }
  .rail-latest-icon__lines:after {
    bottom: 6px;
  }

  .rail-fixer.expand .current .rail-latest-icon, .rail-fixer.expand .current .rail-scores-icon {
    border: none;
    color: #051224;
  }
  .rail-fixer.expand .current .rail-latest-icon__item, .rail-fixer.expand .current .rail-latest-icon__box, .rail-fixer.expand .current .rail-latest-icon__lines, .rail-fixer.expand .current .rail-scores-icon__item, .rail-fixer.expand .current .rail-scores-icon__box, .rail-fixer.expand .current .rail-scores-icon__lines {
    display: none;
  }
  .rail-fixer.expand .current .rail-latest-icon:before, .rail-fixer.expand .current .rail-latest-icon:after, .rail-fixer.expand .current .rail-scores-icon:before, .rail-fixer.expand .current .rail-scores-icon:after {
    content: "";
    width: 1px;
    height: 28px;
    background-color: #fff;
    display: block;
    position: absolute;
    top: 0;
  }
  .rail-fixer.expand .current .rail-latest-icon:before, .rail-fixer.expand .current .rail-scores-icon:before {
    left: 14px;
    transform: rotate(45deg);
  }
  .rail-fixer.expand .current .rail-latest-icon:after, .rail-fixer.expand .current .rail-scores-icon:after {
    right: 14px;
    transform: rotate(-45deg);
  }
}
.rail-fixer {
  width: calc(100% - 1021px);
}
@media (max-width: 1332px) {
  .rail-fixer {
    position: fixed;
    right: 0;
    top: 126px;
    z-index: 9999;
    transform: translateX(0);
    -ms-transform: translateX(0);
    height: calc(100% - 126px);
    width: 0;
  }
  .rail-fixer.expand {
    top: 126px;
    height: calc(100% - 126px);
  }
  .rail-fixer.expand .rail {
    box-shadow: -2px 2px 10px rgba(0, 0, 0, 0.5);
    transform: translateX(0);
    -ms-transform: translateX(0);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .rail-fixer {
    transform: translateX(0);
  }
}

.rail {
  border: 1px solid #051224;
  background-color: #f8f8f8;
  height: 100%;
}
@media (min-width: 1332px) {
  .rail {
    float: right;
    position: relative;
  }
  .rail .rail-container {
    top: 50px;
  }
  .rail .rail-container.current {
    opacity: 1 !important;
  }
}
@media (max-width: 1332px) {
  .rail {
    width: 320px;
    bottom: 0;
    /* Important is needed in order to override the
       javascript height being set in "modules/rail.js" */
    height: auto !important;
    position: absolute;
    right: 0;
    top: 0;
    transition: transform 0.25s ease-in-out;
    transform: translateX(320px);
    -ms-transform: translateX(320px);
  }
  .rail .rail-container {
    top: 0;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .rail {
    transition: none;
  }
}

@media (min-width: 1332px) {
  .rail-container-tabs-row {
    display: table-row;
  }
}

.rail-container-tabs {
  width: 100%;
}
.rail-container-tabs li {
  background-color: #051224;
  border-left: 1px solid #051224;
  color: #fff;
  cursor: pointer;
  font-family: "roboto_bold";
  font-size: 18px;
  height: 50px;
  letter-spacing: 0px;
  line-height: 50px;
  text-align: center;
  text-transform: uppercase;
  transition: background-color 0.25s ease-in-out;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .rail-container-tabs li {
    transition: none;
  }
}
@media (min-width: 1332px) {
  .rail-container-tabs li:hover {
    background-color: #051224;
  }
}
@media (min-width: 1332px) {
  .rail-container-tabs li.current {
    background-color: #f8f8f8;
    color: #051224;
  }
}
@media (min-width: 1332px) {
  .rail-container-tabs li:first-child {
    border-left: none;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .rail-container-tabs li {
    transition: none;
  }
}
@media (min-width: 1332px) {
  .rail-container-tabs {
    display: table;
    table-layout: fixed;
  }
  .rail-container-tabs li {
    display: table-cell;
  }
}
@media (max-width: 1332px) {
  .rail-container-tabs {
    bottom: 0;
    position: absolute;
    right: 100%;
    width: 50px;
  }
  .rail-container-tabs li {
    border: 1px solid #051224;
    width: 50px;
  }
  .rail-container-tabs li:first-child {
    border-bottom: none;
  }
  .rail-fixer.expand .rail-container-tabs {
    border-bottom: 1px solid #c7c8c8;
  }
}

.rail-container {
  width: 100%;
  height: 100%;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  left: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  transition: opacity 0.5s cubic-bezier(0.615, 0.005, 0.23, 1);
}
@media (min-width: 1332px) {
  .rail-container {
    height: calc(100% - 50px);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .rail-container {
    transition: none;
  }
}
.rail-container.current {
  z-index: 2;
  opacity: 1;
}
.rail-container.animation-on {
  opacity: 1;
}
.rail-container .button-group {
  display: flex;
  width: 100%;
  text-transform: uppercase;
}
.rail-container .button-group a {
  cursor: pointer;
  flex-grow: 1;
  text-align: center;
  border: 1px solid #051224;
  font-size: 14px;
  font-family: "roboto_bold";
  padding: 4px;
  color: #ffffff;
  background-color: #051224;
}
.rail-container .button-group a:hover {
  border: 1px solid #051224;
  color: #051224;
  background-color: #ffffff;
}
.rail-container .button-group a.current {
  border: 1px solid #051224;
  color: #051224;
  background-color: #ffffff;
}
.rail-container .button-group a.button-rail {
  border: 1px solid #051224;
  color: #051224;
  background-color: #ffffff;
  border-radius: 3px;
}
.rail-container .button-group a.button-rail:hover {
  border: 1px solid #051224;
  color: #ffffff;
  background-color: #051224;
}
.rail-container .button-group .button__first.no-draw {
  margin-right: 1px;
}
.rail-container .button-group .button__middle {
  border-left-color: #fff;
  border-right-color: #fff;
}
.rail-proud {
  border-bottom: 1px solid #bfc3c5;
  background-color: #f8f8f8;
  height: auto;
  padding: 16px 10px;
}

.rail-proud-title {
  color: #969b9d;
  float: left;
  font-size: 1.2em;
  font-weight: bold;
  height: 18px;
  line-height: 18px;
  margin-bottom: 10px;
}
.rail-proud-title img {
  height: 18px;
  width: auto;
}

.rail-proud-title-option {
  display: none;
}

.rail-proud-logo {
  float: right;
}
.rail-proud-logo img {
  max-height: 20px;
  width: auto;
}

.rail-proud-title-vixlet {
  color: #969b9d;
  float: left;
  font-size: 1.2em;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  margin-bottom: 10px;
}
.rail-proud-title-vixlet img {
  height: 30px;
  width: auto;
}

.rail-proud-logo {
  float: right;
}
.rail-proud-logo img {
  max-height: 20px;
  width: auto;
}

.rail-content-tabs {
  clear: both;
  width: 100%;
  display: flex;
}
.rail-content-tabs li {
  border-bottom: 1px solid #051224;
  border-left: 1px solid #051224;
  border-right: 1px solid #051224;
  border-top: 1px solid #051224;
  float: left;
  font-family: "roboto_bold";
  font-size: 12px;
  height: 30px;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
  flex-grow: 1;
}
.social-rail-tab .rail-content-tabs li {
  width: 50%;
}
.rail-content-tabs li:first-child {
  border-left-width: 2px;
}
.rail-content-tabs li:last-child {
  border-right-width: 2px;
}
.rail-content-tabs li a {
  display: block;
  height: 100%;
  width: 100%;
}
.rail-content-tabs li a:hover {
  background-color: #051224;
  color: #fff;
}
.rail-content-tabs li.current a {
  color: #fff;
}

.rail-content {
  -webkit-overflow-scrolling: touch;
  transition: opacity 0.5s cubic-bezier(0.615, 0.005, 0.23, 1);
  overflow: auto;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .rail-content {
    transition: none;
  }
}
.rail-content .content-section {
  display: none;
}
.rail-content .content-section.current {
  display: block;
}
.rail-content .iab-wrapper {
  margin-top: 0;
  padding: 10px 0;
}
.rail-content .iab-wrapper > *, .rail-content .iab-wrapper img {
  display: block;
  margin: 0 auto;
}
.rail-content.animation-on {
  opacity: 1;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .rail-content.animation-on {
    overflow: scroll;
  }
}
.rail-content .tourney-details {
  padding: 20px 10px;
  box-shadow: 0 0 15px 5px inset #e3e8eb;
}
.rail-content .rail-scores-content {
  display: flex;
  flex-direction: column;
}
.rail-content .scoring-wrapper {
  display: flex;
  flex-direction: column;
}
.rail-content .scoring-wrapper .scoring-header::before {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  bottom: -8px;
  border-top: 8px solid #e3e8eb;
}
.rail-content .scoring-wrapper .scoring-header .tourney-details .tourney-title-area .title-content .tourney-location {
  color: #1f2223;
}
.rail-content .scoring-wrapper .scoring-content {
  padding: 8px 10px;
}
.rail-content .scoring-wrapper .scoring-content .title-area {
  padding: 3px 0;
  color: #1f2223;
  font-family: "roboto_regular";
}
.rail-content .scoring-wrapper .scoring-content h5 {
  display: flex;
  width: 100%;
}
.rail-content .scoring-wrapper .scoring-content h5 .title {
  flex-grow: 1;
}
.rail-content .scoring-wrapper .scoring-content .scoring-section {
  margin-bottom: 8px;
}
.rail-content .scoring-wrapper .scoring-content .scoring-section .scores-table thead {
  border-bottom-color: #d1d5d7;
}
.rail-content .scoring-wrapper .scoring-content .scoring-section .scores-table tbody td {
  border-color: #d1d5d7;
}
.rail-content .scoring-wrapper .scoring-content .scoring-section .scores-table tbody td.now-serving::before {
  color: #051224;
}
.rail-content .scoring-wrapper .scoring-content .scoring-section .scores-table tbody td:not(:first-child) {
  color: #1f2223;
  border-color: #d1d5d7;
  font-family: "roboto_regular";
}
.rail-content .scoring-wrapper .scoring-content .scoring-section .scores-table tbody .scoring-player-name {
  font-size: 14px;
}
.rail-content .scoring-wrapper .scoring-content .scoring-section .scores-table tbody .match-info-row td {
  color: #1f2223;
}
.rail-content .scoring-wrapper .scoring-content .scoring-section .current-score {
  background-color: #d1d5d7;
  font-family: "roboto_regular";
}

.rail-ad {
  display: flex;
}
.rail-ad *:not(script) {
  height: 250px;
  width: 300px;
  flex-grow: 1;
}

[data-vix=feed] {
  height: 100%;
}
[data-vix=feed] > iframe {
  height: 100% !important;
}

@media (max-width: 1332px) {
  .rail-social-icon {
    font-family: "roboto_regular";
    font-size: 9px;
    position: relative;
    top: -3px;
  }
  .rail-social-icon:before {
    content: "\e900";
    font-family: "icomoon";
    font-size: 35px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
  }
}

.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;
  }
}
@media (max-width: 48rem) {
  .splide .other-partners a img {
    height: 4.0625rem !important;
  }
}
/* ==========================================================================
	MOBILE NAVIGATION LINKS
   ========================================================================== */
/* ==========================================================================
	SIMPLE PAGINATION
   ========================================================================== */
.simple-pagination {
  padding: 20px 0px;
  text-align: right;
}
.simple-pagination:before {
  color: #969b9d;
  content: attr(data-special-text);
  display: block;
  float: left;
  font-size: 12px;
  font-style: italic;
  width: auto;
}

.simple-pagination-page {
  cursor: pointer;
  display: inline-block;
  font-family: "roboto_regular";
  line-height: 1;
  font-size: 16px;
  letter-spacing: 0px;
  margin-left: 15px;
}
.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 {
  position: relative;
}
.tooltip.left:before, .left.past-players-tooltip:before {
  left: -3px;
}
.tooltip.right:before, .right.past-players-tooltip:before {
  right: 0;
}
.tooltip:before, .past-players-tooltip:before, .tooltip:after, .past-players-tooltip:after {
  opacity: 0;
  position: absolute;
  visibility: hidden;
  z-index: 999;
  transition: all 0.25s;
}
.tooltip:before, .past-players-tooltip:before {
  background-color: rgba(31, 34, 35, 0.8);
  color: #fff;
  content: attr(data-tooltip-text);
  padding: 15px 20px;
  right: -15px;
  text-align: left;
  width: 300px;
  bottom: calc(100% + 20px);
  white-space: normal;
  font-size: 14px !important;
}
.tooltip:after, .past-players-tooltip:after {
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid rgba(31, 34, 35, 0.8);
  bottom: 100%;
  content: "";
  height: 0;
  right: 50%;
  width: 0;
  transform: translateX(50%);
}
.tooltip.right:after, .right.past-players-tooltip:after {
  right: 80%;
}
.tooltip:hover:before, .past-players-tooltip:hover:before, .tooltip:hover:after, .past-players-tooltip:hover:after, .tooltip:active:before, .past-players-tooltip:active:before, .tooltip:active:after, .past-players-tooltip:active:after {
  opacity: 1;
  visibility: visible;
}

/* ==========================================================================
	TICKETS ACCORDION
   ========================================================================== */
.tickets-accordion-wrapper {
  background-color: #ffffff;
  padding: 16px;
}

.tickets-accordion {
  margin-bottom: 1px;
}
.tickets-accordion.expand {
  margin-bottom: 0px;
}

.accordion-label {
  background-color: #f1f1f1;
  border-bottom: 1px solid #e8e8e8;
  color: #1f2223;
  cursor: pointer;
  font-family: "roboto_bold";
  font-size: 18px;
  letter-spacing: 0px;
  padding: 10px 50px;
  text-transform: capitalize;
  width: 100%;
  transition: all 0.25s;
}
.accordion-label:before, .accordion-label:after {
  color: #051224;
  font-family: "icomoon";
  position: absolute;
  right: 30px !important;
  transform: translateY(-50%);
  transform-origin: 50% 0%;
  transition: all 0.25s;
  padding-top: 15px;
}
.accordion-label:before {
  content: "\e62e";
  transform: scale(0) translateY(-50%);
}
.accordion-label:after {
  content: "\e62f";
  transform: scale(1) translateY(-50%);
}
.tickets-accordion:first-child .accordion-label {
  border-top: 1px solid #e8e8e8;
}
.tickets-accordion.expand .accordion-label:before {
  transform: scale(1) translateY(-50%);
}
.tickets-accordion.expand .accordion-label:after {
  transform: scale(0) translateY(-50%);
}

.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 .time-button, .tickets-table .tourney-result .tourney-details.action-buttons .print-button, .tickets-table .tourney-result .tourney-details.action-buttons .button-row .button, .tickets-table .tourney-result .tourney-details.action-buttons .button-row .filter-control, .tickets-table .tourney-result .tourney-details.action-buttons .button-row .featured-banner-button, .button-row .tickets-table .tourney-result .tourney-details.action-buttons .button, .button-row .tickets-table .tourney-result .tourney-details.action-buttons .filter-control, .button-row .tickets-table .tourney-result .tourney-details.action-buttons .featured-banner-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.action-buttons .button-border:hover, .tickets-table .tourney-result .tourney-details.action-buttons .channel-container .view-more:hover, .channel-container .tickets-table .tourney-result .tourney-details.action-buttons .view-more:hover, .tickets-table .tourney-result .tourney-details.action-buttons .channel-container .live-video:hover, .channel-container .tickets-table .tourney-result .tourney-details.action-buttons .live-video:hover, .tickets-table .tourney-result .tourney-details.action-buttons .time-button:hover, .tickets-table .tourney-result .tourney-details.action-buttons .print-button:hover, .tickets-table .tourney-result .tourney-details.action-buttons .button-row .button:hover, .tickets-table .tourney-result .tourney-details.action-buttons .button-row .filter-control:hover, .tickets-table .tourney-result .tourney-details.action-buttons .button-row .featured-banner-button:hover, .button-row .tickets-table .tourney-result .tourney-details.action-buttons .button:hover, .button-row .tickets-table .tourney-result .tourney-details.action-buttons .filter-control:hover, .button-row .tickets-table .tourney-result .tourney-details.action-buttons .featured-banner-button:hover, .tickets-table .tourney-result .tourney-details.action-buttons #doorbell .buttons .btn:hover, #doorbell .buttons .tickets-table .tourney-result .tourney-details.action-buttons .btn:hover, .tickets-table .tourney-result .tourney-details.action-buttons #doorbell .buttons button:hover, #doorbell .buttons .tickets-table .tourney-result .tourney-details.action-buttons button:hover {
  background-color: #051224;
  color: #fff;
}
.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 .intro-content {
  text-align: right;
}
.tourney-accordion-wrapper.content-accordion-wrapper .intro-content .button-border, .tourney-accordion-wrapper.content-accordion-wrapper .intro-content .channel-container .view-more, .channel-container .tourney-accordion-wrapper.content-accordion-wrapper .intro-content .view-more, .tourney-accordion-wrapper.content-accordion-wrapper .intro-content .channel-container .live-video, .channel-container .tourney-accordion-wrapper.content-accordion-wrapper .intro-content .live-video, .tourney-accordion-wrapper.content-accordion-wrapper .intro-content .time-button, .tourney-accordion-wrapper.content-accordion-wrapper .intro-content .print-button, .tourney-accordion-wrapper.content-accordion-wrapper .intro-content .button-row .button, .tourney-accordion-wrapper.content-accordion-wrapper .intro-content .button-row .filter-control, .tourney-accordion-wrapper.content-accordion-wrapper .intro-content .button-row .featured-banner-button, .button-row .tourney-accordion-wrapper.content-accordion-wrapper .intro-content .button, .button-row .tourney-accordion-wrapper.content-accordion-wrapper .intro-content .filter-control, .button-row .tourney-accordion-wrapper.content-accordion-wrapper .intro-content .featured-banner-button, .tourney-accordion-wrapper.content-accordion-wrapper .intro-content #doorbell .buttons .btn, #doorbell .buttons .tourney-accordion-wrapper.content-accordion-wrapper .intro-content .btn, .tourney-accordion-wrapper.content-accordion-wrapper .intro-content #doorbell .buttons button, #doorbell .buttons .tourney-accordion-wrapper.content-accordion-wrapper .intro-content button {
  display: inline-block;
  float: none;
  margin: 0px 0px 0px 10px;
  width: 225px;
}
.tourney-accordion-wrapper.content-accordion-wrapper .intro-content .button-border:first-child, .tourney-accordion-wrapper.content-accordion-wrapper .intro-content .channel-container .view-more:first-child, .channel-container .tourney-accordion-wrapper.content-accordion-wrapper .intro-content .view-more:first-child, .tourney-accordion-wrapper.content-accordion-wrapper .intro-content .channel-container .live-video:first-child, .channel-container .tourney-accordion-wrapper.content-accordion-wrapper .intro-content .live-video:first-child, .tourney-accordion-wrapper.content-accordion-wrapper .intro-content .time-button:first-child, .tourney-accordion-wrapper.content-accordion-wrapper .intro-content .print-button:first-child, .tourney-accordion-wrapper.content-accordion-wrapper .intro-content .button-row .button:first-child, .tourney-accordion-wrapper.content-accordion-wrapper .intro-content .button-row .filter-control:first-child, .tourney-accordion-wrapper.content-accordion-wrapper .intro-content .button-row .featured-banner-button:first-child, .button-row .tourney-accordion-wrapper.content-accordion-wrapper .intro-content .button:first-child, .button-row .tourney-accordion-wrapper.content-accordion-wrapper .intro-content .filter-control:first-child, .button-row .tourney-accordion-wrapper.content-accordion-wrapper .intro-content .featured-banner-button:first-child, .tourney-accordion-wrapper.content-accordion-wrapper .intro-content #doorbell .buttons .btn:first-child, #doorbell .buttons .tourney-accordion-wrapper.content-accordion-wrapper .intro-content .btn:first-child, .tourney-accordion-wrapper.content-accordion-wrapper .intro-content #doorbell .buttons button:first-child, #doorbell .buttons .tourney-accordion-wrapper.content-accordion-wrapper .intro-content button:first-child {
  margin-left: 0px;
}
.tourney-accordion-wrapper.content-accordion-wrapper .intro-content .section-title, .tourney-accordion-wrapper.content-accordion-wrapper .intro-content .module-title {
  float: left;
  position: relative;
  top: 5px;
}
.tourney-accordion-wrapper.content-accordion-wrapper .secondary-download-buttons {
  margin-top: 30px;
}
.tourney-accordion-wrapper.content-accordion-wrapper .secondary-download-buttons .button-border, .tourney-accordion-wrapper.content-accordion-wrapper .secondary-download-buttons .channel-container .view-more, .channel-container .tourney-accordion-wrapper.content-accordion-wrapper .secondary-download-buttons .view-more, .tourney-accordion-wrapper.content-accordion-wrapper .secondary-download-buttons .channel-container .live-video, .channel-container .tourney-accordion-wrapper.content-accordion-wrapper .secondary-download-buttons .live-video, .tourney-accordion-wrapper.content-accordion-wrapper .secondary-download-buttons .time-button, .tourney-accordion-wrapper.content-accordion-wrapper .secondary-download-buttons .print-button, .tourney-accordion-wrapper.content-accordion-wrapper .secondary-download-buttons .button-row .button, .tourney-accordion-wrapper.content-accordion-wrapper .secondary-download-buttons .button-row .filter-control, .tourney-accordion-wrapper.content-accordion-wrapper .secondary-download-buttons .button-row .featured-banner-button, .button-row .tourney-accordion-wrapper.content-accordion-wrapper .secondary-download-buttons .button, .button-row .tourney-accordion-wrapper.content-accordion-wrapper .secondary-download-buttons .filter-control, .button-row .tourney-accordion-wrapper.content-accordion-wrapper .secondary-download-buttons .featured-banner-button, .tourney-accordion-wrapper.content-accordion-wrapper .secondary-download-buttons #doorbell .buttons .btn, #doorbell .buttons .tourney-accordion-wrapper.content-accordion-wrapper .secondary-download-buttons .btn, .tourney-accordion-wrapper.content-accordion-wrapper .secondary-download-buttons #doorbell .buttons button, #doorbell .buttons .tourney-accordion-wrapper.content-accordion-wrapper .secondary-download-buttons button {
  float: left;
  margin-left: 15px;
  margin-top: 0px;
  width: calc(33.33% - 10px);
}
.tourney-accordion-wrapper.content-accordion-wrapper .secondary-download-buttons .button-border:first-child, .tourney-accordion-wrapper.content-accordion-wrapper .secondary-download-buttons .channel-container .view-more:first-child, .channel-container .tourney-accordion-wrapper.content-accordion-wrapper .secondary-download-buttons .view-more:first-child, .tourney-accordion-wrapper.content-accordion-wrapper .secondary-download-buttons .channel-container .live-video:first-child, .channel-container .tourney-accordion-wrapper.content-accordion-wrapper .secondary-download-buttons .live-video:first-child, .tourney-accordion-wrapper.content-accordion-wrapper .secondary-download-buttons .time-button:first-child, .tourney-accordion-wrapper.content-accordion-wrapper .secondary-download-buttons .print-button:first-child, .tourney-accordion-wrapper.content-accordion-wrapper .secondary-download-buttons .button-row .button:first-child, .tourney-accordion-wrapper.content-accordion-wrapper .secondary-download-buttons .button-row .filter-control:first-child, .tourney-accordion-wrapper.content-accordion-wrapper .secondary-download-buttons .button-row .featured-banner-button:first-child, .button-row .tourney-accordion-wrapper.content-accordion-wrapper .secondary-download-buttons .button:first-child, .button-row .tourney-accordion-wrapper.content-accordion-wrapper .secondary-download-buttons .filter-control:first-child, .button-row .tourney-accordion-wrapper.content-accordion-wrapper .secondary-download-buttons .featured-banner-button:first-child, .tourney-accordion-wrapper.content-accordion-wrapper .secondary-download-buttons #doorbell .buttons .btn:first-child, #doorbell .buttons .tourney-accordion-wrapper.content-accordion-wrapper .secondary-download-buttons .btn:first-child, .tourney-accordion-wrapper.content-accordion-wrapper .secondary-download-buttons #doorbell .buttons button:first-child, #doorbell .buttons .tourney-accordion-wrapper.content-accordion-wrapper .secondary-download-buttons button:first-child {
  margin-left: 0px;
}
.tourney-accordion-wrapper.content-accordion-wrapper .accordion-label {
  text-transform: uppercase;
  background-color: #f1f1f1;
  padding: 10px 45px 10px 15px;
}
.tourney-accordion-wrapper.content-accordion-wrapper .accordion-label:before, .tourney-accordion-wrapper.content-accordion-wrapper .accordion-label:after {
  right: 15px;
}
.tourney-accordion-wrapper.content-accordion-wrapper .accordion-label:hover {
  background-color: #e4e4e4;
}
.tourney-accordion-wrapper.content-accordion-wrapper .tourney-result .tourney-title {
  margin-bottom: 10px;
}
@media (max-width: 1039px) {
  .tourney-accordion-wrapper.content-accordion-wrapper .tourney-result .tourney-details {
    width: 70px;
  }
  .tourney-accordion-wrapper.content-accordion-wrapper .tourney-result .tourney-details.action-buttons {
    min-width: 135px;
  }
  .tourney-accordion-wrapper.content-accordion-wrapper .tourney-result .tourney-details.action-buttons .button, .tourney-accordion-wrapper.content-accordion-wrapper .tourney-result .tourney-details.action-buttons .filter-control, .tourney-accordion-wrapper.content-accordion-wrapper .tourney-result .tourney-details.action-buttons .featured-banner-button, .tourney-accordion-wrapper.content-accordion-wrapper .tourney-result .tourney-details.action-buttons .button-border, .tourney-accordion-wrapper.content-accordion-wrapper .tourney-result .tourney-details.action-buttons .channel-container .view-more, .channel-container .tourney-accordion-wrapper.content-accordion-wrapper .tourney-result .tourney-details.action-buttons .view-more, .tourney-accordion-wrapper.content-accordion-wrapper .tourney-result .tourney-details.action-buttons .channel-container .live-video, .channel-container .tourney-accordion-wrapper.content-accordion-wrapper .tourney-result .tourney-details.action-buttons .live-video, .tourney-accordion-wrapper.content-accordion-wrapper .tourney-result .tourney-details.action-buttons .time-button, .tourney-accordion-wrapper.content-accordion-wrapper .tourney-result .tourney-details.action-buttons .print-button, .tourney-accordion-wrapper.content-accordion-wrapper .tourney-result .tourney-details.action-buttons #doorbell .buttons .btn, #doorbell .buttons .tourney-accordion-wrapper.content-accordion-wrapper .tourney-result .tourney-details.action-buttons .btn, .tourney-accordion-wrapper.content-accordion-wrapper .tourney-result .tourney-details.action-buttons #doorbell .buttons button, #doorbell .buttons .tourney-accordion-wrapper.content-accordion-wrapper .tourney-result .tourney-details.action-buttons button {
    margin-top: 5px;
  }
  .tourney-accordion-wrapper.content-accordion-wrapper .tourney-result .tourney-details.action-buttons .button:first-child, .tourney-accordion-wrapper.content-accordion-wrapper .tourney-result .tourney-details.action-buttons .filter-control:first-child, .tourney-accordion-wrapper.content-accordion-wrapper .tourney-result .tourney-details.action-buttons .featured-banner-button:first-child, .tourney-accordion-wrapper.content-accordion-wrapper .tourney-result .tourney-details.action-buttons .button-border:first-child, .tourney-accordion-wrapper.content-accordion-wrapper .tourney-result .tourney-details.action-buttons .channel-container .view-more:first-child, .channel-container .tourney-accordion-wrapper.content-accordion-wrapper .tourney-result .tourney-details.action-buttons .view-more:first-child, .tourney-accordion-wrapper.content-accordion-wrapper .tourney-result .tourney-details.action-buttons .channel-container .live-video:first-child, .channel-container .tourney-accordion-wrapper.content-accordion-wrapper .tourney-result .tourney-details.action-buttons .live-video:first-child, .tourney-accordion-wrapper.content-accordion-wrapper .tourney-result .tourney-details.action-buttons .time-button:first-child, .tourney-accordion-wrapper.content-accordion-wrapper .tourney-result .tourney-details.action-buttons .print-button:first-child, .tourney-accordion-wrapper.content-accordion-wrapper .tourney-result .tourney-details.action-buttons #doorbell .buttons .btn:first-child, #doorbell .buttons .tourney-accordion-wrapper.content-accordion-wrapper .tourney-result .tourney-details.action-buttons .btn:first-child, .tourney-accordion-wrapper.content-accordion-wrapper .tourney-result .tourney-details.action-buttons #doorbell .buttons button:first-child, #doorbell .buttons .tourney-accordion-wrapper.content-accordion-wrapper .tourney-result .tourney-details.action-buttons button:first-child {
    margin-top: 0px;
  }
}
.tourney-accordion-wrapper.content-accordion-wrapper .tourney-result td {
  border-color: #ececec !important;
}
.tourney-accordion-wrapper.content-accordion-wrapper .tourney-result:first-child td {
  border-top: none !important;
}

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

.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 .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 .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;
}

/* ==========================================================================
	TOURNAMENTS OVERVIEW ACCORDION
   ========================================================================== */
.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: 40px 30px 30px 115px;
  min-height: 450px;
}

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

.article-info {
  border-bottom: 1px solid #c7c8c8;
  border-top: 1px solid #c7c8c8;
  margin-top: 20px;
  max-height: 100px;
}
.article-info > * {
  border-left: 1px solid #c7c8c8;
  float: left;
  padding: 21px 20px;
}
.article-info > *.content-categories {
  display: none;
}
.article-info > *:first-child {
  border-left: none;
  padding-left: 0;
  border-right: 1px solid #c7c8c8;
}
.article-info > *:nth-child(2) {
  border-left: none;
}
.article-info .date-wrapper {
  padding: 8px;
}
.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 {
  min-width: 200px;
  padding: 8px;
}
.article-info .author > * {
  display: block;
  float: left;
}
.article-info .author .avatar {
  height: 50px;
  width: auto;
}
.article-info .author .avatar + .author-info {
  margin-left: 10px;
}
.article-info .author .author-info * {
  display: block;
}
.article-info .author .author-info .name {
  color: #1f2223;
  font-weight: bold;
  font-size: 1.3em;
}
.article-info .author .author-info .title {
  margin-top: 5px;
  color: #969b9d;
  font-size: 1.1em;
}
.article-info .author .author-info .title a {
  display: inline-block;
}

.article-copy, #doorbell {
  font-weight: 300;
  color: #1f2223;
  font-size: 18px;
  line-height: 30px;
}
.has-blockquote .article-section .article-copy, .has-blockquote .article-section #doorbell {
  padding-left: 170px;
}
.article-copy .instagram-media, #doorbell .instagram-media, .article-copy .twitter-tweet, #doorbell .twitter-tweet {
  margin-left: 150px !important;
}
.article-copy.intro-copy, .intro-copy#doorbell {
  font-size: 24px;
  line-height: 37px;
  font-weight: normal;
}
.article-copy.intro-copy *, .intro-copy#doorbell * {
  font-size: 24px;
  line-height: 37px;
}
.article-copy img, #doorbell img {
  max-width: 100%;
  height: auto;
}
.article-copy > *, #doorbell > * {
  margin-top: 25px;
}
.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: 36px;
}
.article-copy h2, #doorbell h2 {
  font-size: 30px;
}
.article-copy h3, #doorbell h3 {
  font-size: 24px;
}
.article-copy h4, #doorbell h4 {
  font-size: 20px;
}
.article-copy h5, #doorbell h5 {
  font-size: 16px;
}
.article-copy h6, #doorbell h6 {
  font-size: 14px;
}
.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";
  font-size: 16px;
  padding: 0px 0px 5px;
}
.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: 16px;
  letter-spacing: 0px;
  padding: 15px 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: var(--letterboxHeight);
}
.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;
}
.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: 30px 0px 0px 50px;
}
.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 .module-title {
  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 .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: 30px;
  font: 21px "roboto_bold";
  letter-spacing: 0px;
  padding: 25px 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%;
  overflow: hidden;
  padding-top: 56.3313609467%;
}
.article-image .item-thumbnail {
  left: 0px;
  position: absolute;
  top: 0px;
}
.article-image .item-thumbnail .icon, .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 .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 {
  bottom: 20px;
  left: 20px;
  position: absolute;
  z-index: 5;
}
.article-image .caption p {
  font-size: 13px;
  line-height: 1;
}
.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 .time-button, .gallery-cta .caption .print-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-size: 12px;
  font-weight: bold;
}
.content-categories .categories li {
  display: inline-block;
  margin-right: 10px;
  margin-top: 5px;
}
.content-categories .categories li:last-child {
  margin-right: 0px;
}
.content-categories .categories li:last-child a:after {
  content: "";
}
.content-categories .categories li a {
  background-color: #f2f2f2;
  display: block;
  font-size: 11px;
  padding: 3px 6px;
}

.bottom-content {
  margin-top: 30px;
  border-top: 1px solid #c7c8c8;
  padding: 20px 0px 0px;
}
.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;
}

/*====================
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;
  overflow: hidden;
}
.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:before {
  content: "";
  display: block;
  padding-top: 56.0693641618%;
}
.article-header .item-thumbnail {
  left: 0;
  position: absolute;
  top: 0;
}
.article-header .caption {
  bottom: 20px;
  left: 20px;
  position: absolute;
  z-index: 5;
}
.article-header.expand .article-video {
  left: 0;
  opacity: 1;
}
.article-header object, .article-header embed {
  width: 100%;
  height: 100%;
  display: block;
}

.caption {
  color: #fff;
  font-weight: bold;
}
.caption p {
  clear: both;
  font-size: 1.3em;
  padding-top: 30px;
}

.play-video {
  cursor: pointer;
  transition: all 0.25s;
  float: left;
  font-size: 90px;
}
.play-video:hover {
  color: #051224;
}

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

/* ==========================================================================
	SOCIAL SHARE
   ========================================================================== */
.social-share {
  left: 30px;
  position: absolute;
  top: 40px;
  width: 45px;
}
.social-stuck .social-share {
  left: auto;
  margin-left: -85px;
  position: fixed;
  top: 130px;
}
.fixed-sub-navigation .social-stuck .social-share {
  top: 170px;
}
.breaking-news-on .social-stuck .social-share {
  top: 240px;
}
.social-stuck-bottom .social-share, .breaking-news-on .social-stuck-bottom .social-share, .fixed-sub-navigation .social-stuck-bottom .social-share {
  bottom: 40px;
  left: 30px;
  margin-left: 0px;
  position: absolute;
  top: auto;
}
.social-share a {
  border: 1px solid #051224;
  border-radius: 50%;
  text-align: center;
  display: block;
  font-size: 2.3em;
  height: 45px;
  line-height: 45px;
  margin-top: 20px;
}
.social-share a.icon-linkedin-circleless {
  line-height: 40px;
}
.social-share a:first-child {
  margin-top: 0px;
}
.social-share a:hover {
  border-color: #1f2223;
}

.sticky-wrapper {
  height: auto !important;
}

@media (max-height: 604px) {
  .breaking-news-on .social-stuck .social-share {
    width: 35px;
  }
  .breaking-news-on .social-stuck .social-share a {
    font-size: 15px;
    height: 35px;
    line-height: 35px;
    margin-top: 12px;
  }
  .breaking-news-on .social-stuck .social-share a:first-child {
    margin-top: 0px;
  }
}
.top-court-wrapper {
  width: 105px;
  height: 25px;
  display: flex;
  align-items: center;
}
.top-court-wrapper img {
  margin-left: 2px;
}

/* ==========================================================================
	UP NEXT
   ========================================================================== */
.up-next {
  background: rgba(0, 174, 239, 0.9);
  bottom: 0px;
  height: 110px;
  right: -490px;
  padding: 20px 90px 20px 60px;
  position: fixed;
  width: 490px;
  z-index: 110;
  transition: right 0.25s;
}
.up-next.expand {
  right: 0px;
}
.up-next .title-tag {
  background-color: #051224;
  color: #ffffff;
  font-family: "roboto_bold";
  font-size: 1.8em;
  height: 100%;
  left: 0px;
  position: absolute;
  text-align: center;
  text-transform: capitalize;
  top: 0px;
  width: 40px;
}
.up-next .title-tag span {
  display: inline-block;
  left: -33px;
  position: absolute;
  top: 45px;
  width: 110px;
  transform: rotate(-90deg);
}
.up-next .listing-item {
  margin-top: 0px;
}
.up-next .listing-item-thumb {
  border-bottom: none;
  height: 70px;
  width: 123px;
}
.up-next .listing-item-info {
  padding-top: 0px;
  width: 195px;
}
.up-next .listing-title {
  font-size: 1.8em;
  line-height: 1.222em;
}
.up-next .listing-title a {
  color: #ffffff;
}
.up-next .listing-category .icon, .up-next .listing-category .tournaments-categories-item .item-link:before, .tournaments-categories-item .up-next .listing-category .item-link:before {
  color: #ffffff;
  font-size: 2.1em;
}
.up-next .listing-category .listing-category-title {
  background-color: #ffffff;
  font-size: 1.4em;
  padding: 1px 10px 0px;
  position: relative;
  top: -2px;
}
.up-next .up-next-close {
  color: #ffffff;
  font-size: 1.8em;
  position: absolute;
  right: 50px;
  top: 50%;
  transform: translateY(-50%);
}
.up-next .up-next-close span {
  display: none;
}

/* ==========================================================================
	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;
  width: 25%;
}
.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: 40px;
  line-height: 40px;
}
.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;
  padding-left: 40px;
}
.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: 40px;
  line-height: 40px;
  margin-left: 1.5%;
  width: 23.5%;
}

.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: 798px;
}
.promo-players-grid.promo-players-grid--3 ul {
  grid-template-columns: auto auto auto;
}
.promo-players-grid.promo-players-grid--4 {
  max-width: 1072px;
}
.promo-players-grid.promo-players-grid--4 ul {
  grid-template-columns: calc(25% - 18px) calc(25% - 18px) calc(25% - 18px) calc(25% - 18px);
}

/* ==========================================================================
	LAST EVENTS PLAYED
	========================================================================== */
.last-events-played {
  padding: 16px;
}
.last-events-played .module-header {
  padding: 16px 0;
}
.last-events-played .arrow-next-tourney {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
  height: 92px;
  line-height: 1;
  padding: 20px 50px;
  position: absolute;
  top: 1px;
  width: 340px;
  transition: all 0.25s ease-in-out;
}
.last-events-played .arrow-next-tourney .tourney-title {
  display: block;
  font-family: "roboto_bold";
  font-size: 16px;
  color: #fff !important;
}
.last-events-played .arrow-next-tourney .tourney-location {
  color: #fff;
  display: block;
  font-family: "roboto_regular";
  font-size: 14px;
}
.last-events-played .arrow-next-tourney .preview-label {
  bottom: 0;
  color: #fff;
  height: 100%;
  position: absolute;
  text-transform: capitalize;
  width: 30px;
}
.last-events-played .arrow-next-tourney .preview-label .preview-label-wrap {
  bottom: 0;
  font: 17px "roboto_regular";
  line-height: 30px;
  height: 30px;
  left: 0;
  margin-bottom: -30px;
  position: absolute;
  text-align: center;
  width: 92px;
  transform: rotate(-90deg);
  transform-origin: 0% 0%;
}
.last-events-played .rsArrowRight:hover + .arrow-next-tourney,
.last-events-played .rsArrowRight + .arrow-next-tourney:hover {
  right: 0px;
}
.last-events-played .rsArrowRight + .arrow-next-tourney {
  right: -340px;
}
.last-events-played .rsArrowRight + .arrow-next-tourney .preview-label {
  border-right: 1px solid #3f4243;
  left: 0px;
}
.last-events-played .rsArrowLeft:hover + .arrow-next-tourney,
.last-events-played .rsArrowLeft + .arrow-next-tourney:hover {
  left: 0px;
}
.last-events-played .rsArrowLeft + .arrow-next-tourney {
  left: -340px;
}
.last-events-played .rsArrowLeft + .arrow-next-tourney .preview-label {
  border-left: 1px solid #3f4243;
  right: 0px;
}
.last-events-played .last-event-played-inner {
  position: relative;
}
.last-events-played .button-border-row-holder {
  clear: both;
  margin-bottom: 0 !important;
  margin-top: 20px;
}
.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;
  border-bottom: 1px solid #c7c8c8 !important;
  border-top: 1px solid #c7c8c8 !important;
  height: 95px;
  z-index: 1;
}
.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;
  /*.royalSlider {
  	opacity: 0;
  	&.rsHor {
  		opacity: 1;
  	}
  }*/
}
.is-standalone .last-events-played-slider-wrapper {
  padding-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-events-played-bottom {
  height: 170px;
}

.last-event-played-player {
  display: block;
  float: left;
  text-transform: capitalize;
  width: 30.6748466258%;
}
.last-event-played-player span {
  display: block;
}
.last-event-played-player .first-name {
  font: 18px "roboto_bold";
  line-height: 1em;
  letter-spacing: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.last-event-played-player .last-name {
  font: 23px "roboto_bold";
  line-height: 1em;
  letter-spacing: 0px;
  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 {
  float: left;
  width: calc(100% - 120px);
}
.right-player .last-event-played-info {
  text-align: left;
}
.left-player .last-event-played-info {
  text-align: right;
}
.right-player .last-event-played-info {
  float: right;
  padding-left: 20px;
}
.left-player .last-event-played-info {
  float: left;
  padding-right: 20px;
}

.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: 31px;
  width: 44px;
}
.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;
  float: left;
  font: 12px "roboto_regular";
  line-height: 1em;
  letter-spacing: 0px;
  height: 30px;
  padding-left: 18px;
  position: relative;
}
.left-player .last-events-played-rank {
  float: right;
}
.right-player .last-events-played-rank {
  float: left;
}
.left-player .last-events-played-rank {
  margin-left: 8px;
}
.right-player .last-events-played-rank {
  margin-right: 8px;
}
.last-events-played-rank .player-rank-label {
  bottom: 0;
  position: absolute;
  text-transform: capitalize;
  left: 18px;
}
.last-events-played-rank .player-rank-value {
  font: 35px "roboto_bold";
  line-height: 32px;
  letter-spacing: 0px;
}

.last-events-played-header {
  border: 1px solid #051224;
  display: block;
  padding: 8px 38px;
  text-align: center;
  margin-bottom: 20px;
}
.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 > * {
  position: relative;
  top: 2px;
}
.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: #969b9d;
}

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

/* score center */
#lastEventsPlayedStandAloneNoSlider.last-events-played .rsArrow {
  background-color: #051224;
}
#lastEventsPlayedStandAloneNoSlider.last-events-played .rsArrow:hover .rsArrowIcn {
  color: #051224;
}
#lastEventsPlayedStandAloneNoSlider.last-events-played .tourney-title {
  color: #051224;
}
#lastEventsPlayedStandAloneNoSlider.challenger-tour.last-events-played .rsArrow {
  background-color: #28C185;
}
#lastEventsPlayedStandAloneNoSlider.challenger-tour.last-events-played .rsArrow:hover .rsArrowIcn {
  color: #28C185;
}
#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
	========================================================================== */
@media (max-width: 963px) {
  .last-event-played-player {
    width: 36.2985685072%;
  }

  .last-event-played-table {
    margin: 0 1.72%;
    width: 23.9263803681%;
  }
  .last-event-played-table table {
    height: 100px;
  }

  .last-events-played-image {
    height: 100px;
    width: 100px;
  }

  .last-event-played-info {
    width: calc(100% - 100px);
  }
  .left-player .last-event-played-info {
    padding-right: 10px;
  }
  .right-player .last-event-played-info {
    padding-left: 10px;
  }

  .tourney-results-wrapper .title-content {
    width: 500px !important;
  }
  .tourney-accordion-wrapper .tourney-results-wrapper .title-content {
    width: auto !important;
  }

  .last-events-played .last-event-played-table table td,
.last-events-played .last-event-played-table table th {
    font-size: 14px;
  }
  .last-events-played .last-event-played-table table td:first-child,
.last-events-played .last-event-played-table table th:first-child {
    width: 40px;
  }
}
.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%;
  display: flex;
  flex-direction: column;
}
.current-tournament .module-tabs {
  height: 50px;
  margin: 20px;
}
.current-tournament .module-tabs .icon, .current-tournament .module-tabs .tournaments-categories-item .item-link:before, .tournaments-categories-item .current-tournament .module-tabs .item-link:before {
  width: 50% !important;
  height: 40px;
  margin-left: 0;
  line-height: 37px !important;
}
.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 .rsContainer {
  height: 303px !important;
}
.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;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.current-tournament .tourney-slider-wrapper:after, .current-tournament .tourney-slider-wrapper:before {
  border-style: none;
}
.current-tournament .controls-wrapper {
  bottom: -16px;
}

.tourney-slider-wrapper {
  background: none;
  overflow: hidden;
  padding-bottom: 35px;
}
.tourney-slider-wrapper:before {
  bottom: 30px;
}
.tourney-slider-wrapper:after {
  bottom: 25px;
}
.tourney-slider-wrapper .rsContent {
  min-height: 303px;
}

.tourney-slider {
  background-color: transparent;
  position: relative;
  transition: opacity 0.5s ease-in-out;
  padding: 0px;
  flex-grow: 1;
}
.tourney-slider.rsHor {
  opacity: 1;
}

.schedule-info {
  border-bottom: 1px solid #c7c8c8;
  line-height: 1;
  font-family: "roboto_regular";
  font-size: 16px;
  letter-spacing: 0px;
  padding: 5px 20px;
}
.schedule-info .when-heading {
  color: #1f2223;
  float: left;
}
.schedule-info .when-heading.live {
  color: #ff0000;
}
.schedule-info .tourney-dates {
  color: #1f2223;
  float: right;
}

.tourney-details.active {
  display: block;
}

.tourney-title-area {
  border-bottom: 1px solid #c7c8c8;
  padding-bottom: 15px;
}
.tourney-title-area .tourney-badge {
  display: grid;
  float: left;
  height: auto;
  align-items: center;
  margin-right: 16px;
  width: 60px;
}
.tourney-title-area .tourney-badge img {
  height: auto;
  width: 100%;
}
.tourney-title-area .title-content {
  float: left;
  display: block;
  width: calc(100% - 80px);
}
.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: 16px "roboto_bold";
  line-height: 1;
  letter-spacing: 0px;
}
.tourney-title-area .title-content .tourney-location {
  color: #1f2223;
  font-family: "roboto_regular";
  margin-top: 5px;
  font-size: 14px;
}
.tourney-title-area .title-content .tourney-dates {
  color: #1f2223;
  font-family: "roboto_regular";
  font-size: 14px;
}

.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 .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: 7px;
}

.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 .time-button, .button-row .print-button, .button-row #doorbell .buttons .btn, #doorbell .buttons .button-row .btn, .button-row #doorbell .buttons button, #doorbell .buttons .button-row button {
  border: 1px solid #051224;
  display: table-cell;
}
.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 .time-button, .button-row.itf .print-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;
}

.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.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;
}
.tourney-slider .tourney-detail-container.move-right, .tourney-slider .tourney-detail-container_challenger.move-right {
  transform: translateX(-100%);
  position: absolute;
  opacity: 0;
}

.no-tourneys {
  padding: 15px 20px 20px;
}
.no-tourneys .title {
  color: #1f2223;
  font-family: "roboto_regular";
  font-size: 16px;
  letter-spacing: 0px;
  padding-bottom: 10px;
}
.rail .no-tourneys .title {
  color: #969b9d;
}
.no-tourneys .other-tourneys {
  overflow: hidden;
  height: 223px;
}
.no-tourneys .other-tourneys li {
  border-bottom: 1px solid #c7c8c8;
  display: table;
  margin-right: 5px;
  padding: 10px 0px 5px;
}
.rail .no-tourneys .other-tourneys li {
  border-color: #3d3e3f;
  display: block;
  margin-right: 0px;
  padding: 10px 0px;
}
.rail .no-tourneys .other-tourneys li:first-child {
  border-color: #3d3e3f;
}
.rail .no-tourneys .other-tourneys li .tourney-title {
  display: block;
}
.no-tourneys .other-tourneys li:first-child {
  border-top: 1px solid #c7c8c8;
}
.no-tourneys .other-tourneys li .tourney-badge {
  display: inline-block;
  height: auto;
  margin-right: 20px;
  width: 45px;
}
.no-tourneys .other-tourneys li .tourney-badge img {
  height: auto;
  width: 100%;
}
.no-tourneys .other-tourneys li .tourney-title {
  width: 100%;
  display: table-cell;
  font-family: "roboto_bold";
  font-size: 18px;
  letter-spacing: 0px;
  vertical-align: middle;
}

.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: 56.9920844327%;
}
.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 .rsThumbs {
  background-color: #fff;
  box-sizing: border-box;
  height: 115px;
  border-bottom: 1px solid #e8e8e8;
  text-align: center;
}
.detail-carousel .rsThumbs .rsThumb {
  width: 141px;
  height: 75px;
}
.detail-carousel .rsThumbs img {
  transition: all 0.25s ease-in-out;
  width: 131px;
  margin: 0 5px;
  border: 1px solid #000;
  height: 77px;
  overflow: hidden;
}
.detail-carousel .rsThumbs .rsThumbsContainer {
  height: 85px;
  overflow: hidden;
  position: relative;
}
.detail-carousel .rsThumbs .rsNavItem {
  position: relative;
  display: inline-block;
}
.detail-carousel .rsThumbs .rsNavItem.rsNavSelected img {
  border: 4px solid #051224;
}
.detail-carousel .rsArrow {
  position: absolute;
  top: 50%;
  z-index: 2;
  width: 30px;
  height: 60px;
  border: 1px solid #051224;
  background-color: #051224;
  color: #fff;
  margin-top: -30px;
  text-align: center;
  transition: all 0.25s ease-in-out;
}
.detail-carousel .rsArrow .rsArrowIcn {
  padding-top: 20px;
  font-size: 20px;
}
.detail-carousel .rsArrow.rsArrowLeft {
  left: 0;
  border-left: 0;
}
.detail-carousel .rsArrow.rsArrowRight {
  border-right: 0;
  right: 0;
}
.detail-carousel .rsArrow:hover, .detail-carousel .rsArrow:active {
  border-color: #1f2223;
  background-color: #1f2223;
  color: #fff;
}
.detail-carousel .caption {
  bottom: 20px;
  left: 20px;
  position: absolute;
  z-index: 5;
  transition: bottom 0.5s ease-in-out;
}
.detail-carousel .article-header.expand + .caption {
  bottom: -150px;
}

/* ==========================================================================
	MEDIA QUERIES
	========================================================================== */
@media (max-width: 1332px) {
  .detail-carousel .rsArrowRight {
    right: auto;
    margin-top: -100px;
    border-left: 0;
    left: 0;
    border-right: 1px solid #051224 !important;
  }
  .detail-carousel .rsArrowRight:hover, .detail-carousel .rsArrowRight:active {
    border-right: 1px solid #1f2223 !important;
  }
}
/* ==========================================================================
	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: 72.8846153846% !important;
  float: left;
  max-width: 757px !important;
}
.landing-carousel .rsOverflow {
  width: 100% !important;
  height: 100% !important;
  position: relative;
  transform: translateZ(0);
  max-width: 757px;
  padding-top: 56.9920844327%;
}
.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);
}
.landing-carousel .side-carousel-items {
  width: 27.1153846154%;
  float: right;
  position: relative;
  z-index: 80;
}
.landing-carousel .side-carousel-item {
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  position: relative;
  display: block;
  overflow: hidden;
}
.landing-carousel .side-carousel-item:before {
  padding-top: 76.7857142857%;
  content: "";
  display: block;
}
.landing-carousel .side-carousel-item:first-child {
  border-top: 0;
}

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

.item-title {
  font: 36px "roboto_bold";
  line-height: 1em;
  text-shadow: 1px 1px 1px #000;
  color: #fff;
  letter-spacing: 0px;
}
.has-pagination .item-title {
  padding-bottom: 10px;
}
.has-pagination .item-title ~ .item-buttons {
  margin-top: -10px;
}
.side-carousel-items .item-title {
  font-size: 18px;
}

.item-credit {
  display: inline-block;
  position: absolute;
  font-size: 10px;
  left: calc(100% - 20px);
  bottom: 20px;
  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.heritage-video-wrapper, .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: 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: 20px;
  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 .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%);
}
.slides-container .slide-content .featured-icon {
  font-size: 48px;
}
.slides-container .slide-content .feature-slide-title {
  font-family: "roboto_bold";
  text-shadow: 1px 1px 2px #000;
  color: #ffffff;
  font-size: 24px;
}
.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: 426px;
}
.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;
}
.slides-container .featured-slides .featured-slide img {
  width: 100%;
}
.slides-container .featured-slides .slides {
  float: right;
  width: 25%;
  height: 100%;
}
.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: 48px;
}
.slides-container .featured-slides .feature-slide-cta a {
  text-shadow: 1px 1px 2px #000;
  color: #fff;
  letter-spacing: 0.3px;
  font-size: 15px;
}
.slides-container .featured-slides .feature-slide-cta a .icon, .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: 15px;
}
.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);
  border: 1px solid #c7c8c8;
}
.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-tabs-table-chart-container {
  padding: 0 16px;
}

.win-loss-table-list-container {
  padding: 0 16px;
}

/* ==========================================================================
    WIN LOSS HEADER
   ========================================================================== */
.win-loss-header {
  position: relative;
  border-top: 1px solid #c7c8c8;
}

.module-icon-tabs {
  float: right;
  margin-top: -10px;
}

.module-icon-tab {
  display: block;
  float: left;
  height: 40px;
  margin-left: 10px;
  width: 40px;
}
.module-icon-tab a {
  border: 1px solid #051224;
  color: #051224;
  display: block;
  height: 100%;
  line-height: 38px;
  text-align: center;
  width: 100%;
  font-size: 25px;
}
.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 {
  padding: 16px;
  padding-right: 0;
  text-transform: none !important;
  transform: translateZ(0);
  width: calc(100% - 32px);
}
.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;
}
.module-tabs + .content-filters, .module-title + .content-filters {
  float: right;
  padding: 0px;
  width: 40%;
}
.content-filters.content-filter-full-padding {
  padding: 16px;
  position: relative;
  z-index: 22;
  width: 100%;
}
.content-filters.content-filter-full-padding .dropdown-layout-wrapper {
  float: left;
  width: calc(100% - 90px);
}
.content-filters.content-filter-full-padding .dropdown-layout-wrapper.rank-detail-filter, .content-filters.content-filter-full-padding .dropdown-layout-wrapper.live-rank-filter {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.content-filters.content-filter-full-padding .dropdown-layout-wrapper.rank-detail-filter .dropdown-wrapper, .content-filters.content-filter-full-padding .dropdown-layout-wrapper.live-rank-filter .dropdown-wrapper {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.content-filters.content-filter-full-padding .dropdown-label {
  line-height: 28px;
}
.content-filters .dropdown-layout-wrapper {
  width: 100%;
  transform: translateZ(0);
}
@media (min-width: 1025px) {
  .content-filters .dropdown-layout-wrapper {
    height: 32px;
  }
}
.content-filters .dropdown-holder {
  background-color: #f8f8f8;
  transform: translateZ(0);
}
@media (min-width: 768px) and (max-width: 1024px) {
  .content-filters .dropdown-holder.expand {
    z-index: 1;
  }
}
.content-filters .dropdown-holder.player-input {
  padding-top: 2px;
  position: relative;
  top: -1px;
}
.content-filters .dropdown-holder.player-input .dropdown-label {
  background-color: #f8f8f8;
  text-transform: none;
}
.content-filters .dropdown-holder.player-input:after {
  right: 10px;
  top: 3px;
}
.content-filters .dropdown-holder.player-input input {
  line-height: 1 !important;
}
.content-filters .dropdown-holder.player-input input:placeholder {
  line-height: 24px;
}
.content-filters .dropdown-holder.expand .dropdown {
  border: 1px solid #ddd;
  border-top: 0px;
}

.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;
  padding: 40px;
}

.title-box-404 {
  display: inline-block;
  position: relative;
  width: 250px;
}

.text-404 {
  color: #333333;
  font-family: "roboto_bold";
  font-size: 182px;
  letter-spacing: 0px;
  line-height: 155px;
}

.not-found-404 {
  font-family: "roboto_regular";
  line-height: 1;
  text-transform: capitalize;
  color: #969b9d;
  font-size: 40px;
  left: 5px;
  letter-spacing: 0px;
  line-height: 70px;
  margin-top: -10px;
  position: relative;
}

.content-box-404 {
  display: inline-block;
  margin-left: 55px;
  position: relative;
  top: -13px;
  width: 560px;
}
.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 .time-button, .content-box-404 .print-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, .content-box-404 .button-row .button, .content-box-404 .button-row .filter-control, .content-box-404 .button-row .featured-banner-button, .button-row .content-box-404 .button, .button-row .content-box-404 .filter-control, .button-row .content-box-404 .featured-banner-button {
  display: inline-block;
  margin-left: 15px;
  width: 125px;
}
.content-box-404 .button-border:first-of-type, .content-box-404 .channel-container .view-more:first-of-type, .channel-container .content-box-404 .view-more:first-of-type, .content-box-404 .channel-container .live-video:first-of-type, .channel-container .content-box-404 .live-video:first-of-type, .content-box-404 .time-button:first-of-type, .content-box-404 .print-button:first-of-type, .content-box-404 #doorbell .buttons .btn:first-of-type, #doorbell .buttons .content-box-404 .btn:first-of-type, .content-box-404 #doorbell .buttons button:first-of-type, #doorbell .buttons .content-box-404 button:first-of-type, .content-box-404 .button-row .button:first-of-type, .content-box-404 .button-row .filter-control:first-of-type, .content-box-404 .button-row .featured-banner-button:first-of-type, .button-row .content-box-404 .button:first-of-type, .button-row .content-box-404 .filter-control:first-of-type, .button-row .content-box-404 .featured-banner-button:first-of-type {
  margin-left: 0px;
}
.content-box-404 p {
  color: #333333;
  font-family: "roboto_regular";
  font-size: 25px;
  letter-spacing: 0px;
  padding: 15px 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;
}

@media (max-width: 1039px) {
  .title-box-404, .content-box-404 {
    display: block;
    margin: 0px auto;
  }

  .content-box-404 {
    margin-top: 35px;
  }
}
.desktop {
  display: block;
}

.mobile {
  display: none;
}

body.error-500 .main-container {
  background-color: transparent;
  margin: 0 auto;
  border-left: 10px solid #c7c8c8;
  border-right: 10px solid #c7c8c8;
  border-bottom: 10px solid #c7c8c8;
}
body.error-500 .main-container .main-content {
  border-top: none;
  border-left: 10px solid #c7c8c8;
  border-right: 10px solid #c7c8c8;
  width: 700px;
  margin: 0 auto;
  display: grid;
  grid-template-rows: repeat(3, [row] auto);
  grid-template-columns: repeat(6, [col] auto);
}
body.error-500 .main-container .main-content > * {
  border-top: none !important;
}
body.error-500 .main-container .main-content .top-left {
  grid-column: col/span 3;
  grid-row: row;
  border-right: 5px solid #c7c8c8 !important;
}
body.error-500 .main-container .main-content .top-right {
  grid-column: col 4/span 3;
  grid-row: row;
  border-left: 5px solid #c7c8c8 !important;
}
body.error-500 .main-container .main-content .top {
  grid-column: col/span 6;
  grid-row: 1;
  z-index: 20;
  border-bottom: 10px solid #c7c8c8 !important;
  display: grid;
  grid-template-rows: repeat(3, [row] auto);
  grid-template-columns: repeat(3, [col] auto);
  color: #181a1b;
  padding-left: 10px;
  padding-right: 10px;
  font-family: "roboto_regular";
}
body.error-500 .main-container .main-content .top .error-message-1 {
  grid-column: col/span 3;
  grid-row: row;
  font-size: 20px;
  align-self: center;
  line-height: 10px;
}
body.error-500 .main-container .main-content .top .error-message-2 {
  grid-column: col/span 3;
  grid-row: row 2;
  font-size: 99px;
  align-self: center;
  line-height: 80px;
  text-align: center;
  letter-spacing: 2px;
}
body.error-500 .main-container .main-content .top .error-num {
  grid-column: 1/3;
  grid-row: row 3;
  background-color: #181a1b;
  color: #fff;
  text-align: right;
  font-size: 29px;
  align-self: center;
  padding-right: 5px;
}
body.error-500 .main-container .main-content .top .error-message-3 {
  grid-column: 2/-1;
  grid-row: row 3;
  text-align: right;
  font-size: 16px;
  align-self: center;
}
body.error-500 .main-container .main-content .bottom {
  grid-column: col/span 6;
  grid-row: 6;
}
body.error-500 .main-container .main-content .bottom-left {
  grid-column: col/span 3;
  grid-row: 6;
}
body.error-500 .main-container .main-content .bottom-right {
  grid-column: col 4/span 3;
  grid-row: 6;
}

/* ==========================================================================
	CONTENT ACCORDION
   ========================================================================== */
.content-accordion-wrapper {
  background-color: #ffffff;
  border: 1px solid #c7c8c8;
  padding: 40px 30px;
}
.content-accordion-wrapper .intro-content {
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 20px;
}
.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 .time-button, .content-accordion-wrapper .intro-content .print-button, .content-accordion-wrapper .intro-content #doorbell .buttons .btn, #doorbell .buttons .content-accordion-wrapper .intro-content .btn, .content-accordion-wrapper .intro-content #doorbell .buttons button, #doorbell .buttons .content-accordion-wrapper .intro-content button, .content-accordion-wrapper .intro-content .button-row .button, .content-accordion-wrapper .intro-content .button-row .filter-control, .content-accordion-wrapper .intro-content .button-row .featured-banner-button, .button-row .content-accordion-wrapper .intro-content .button, .button-row .content-accordion-wrapper .intro-content .filter-control, .button-row .content-accordion-wrapper .intro-content .featured-banner-button {
  float: right;
  margin-right: 10px;
  width: 135px;
}
.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 .time-button:first-of-type, .content-accordion-wrapper .intro-content .print-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, .content-accordion-wrapper .intro-content #doorbell .buttons button:first-of-type, #doorbell .buttons .content-accordion-wrapper .intro-content button:first-of-type, .content-accordion-wrapper .intro-content .button-row .button:first-of-type, .content-accordion-wrapper .intro-content .button-row .filter-control:first-of-type, .content-accordion-wrapper .intro-content .button-row .featured-banner-button:first-of-type, .button-row .content-accordion-wrapper .intro-content .button:first-of-type, .button-row .content-accordion-wrapper .intro-content .filter-control:first-of-type, .button-row .content-accordion-wrapper .intro-content .featured-banner-button:first-of-type {
  margin-right: 0px;
}
.content-accordion-wrapper .article-copy, .content-accordion-wrapper #doorbell {
  margin-bottom: 20px;
}
.content-accordion-wrapper .centered-content {
  border-bottom: 1px solid #e8e8e8;
}
.accordion-label {
  background-color: #ffffff;
  color: #051224;
  text-transform: none;
  padding: 10px 30px 10px 0px;
  /*&:before {
  	@if ($platform == mobile) {
  		content: '\e62e';
  	}
  }*/
}
.accordion-label:before, .accordion-label:after {
  right: 0px;
}
.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;
}

/* ==========================================================================
	CONTENT LISTING ALTERNATE
   ========================================================================== */
.listing-wrapper.alternate {
  background-color: #ffffff;
  border-left: 1px solid #c7c8c8;
  border-right: 1px solid #c7c8c8;
}
.listing-wrapper.alternate .section-title, .listing-wrapper.alternate .module-title {
  margin-bottom: -10px;
  padding: 16px 16px 0px;
}
.listing-wrapper.alternate .listing-items {
  height: auto;
  overflow: visible;
  padding: 16px 8px;
}
.listing-wrapper.alternate .listing-item {
  float: left;
  height: 260px;
  margin: 8px;
  width: calc(33.33% - 16px);
}
.listing-wrapper.alternate .listing-item-thumb {
  margin-right: 0px;
  position: relative;
  width: 100%;
  padding-top: 56.6666666667%;
}
.listing-wrapper.alternate .listing-item-thumb .lazy-loader {
  left: 0px;
  top: 0px;
}
.listing-wrapper.alternate .listing-item-thumb .icon, .listing-wrapper.alternate .listing-item-thumb .tournaments-categories-item .item-link:before, .tournaments-categories-item .listing-wrapper.alternate .listing-item-thumb .item-link:before {
  position: absolute;
  bottom: 0;
  color: #fff;
  font-size: 24px;
  margin: 8px;
  height: auto;
  width: auto;
  z-index: 2;
  font-weight: bold;
}
.listing-wrapper.alternate .listing-item-info {
  width: 100%;
}
.listing-wrapper.alternate .listing-title {
  max-height: 48px;
  overflow: hidden;
}
.listing-wrapper.alternate .listing-items-ad {
  clear: both;
  margin: 0px 0px 35px 30px;
}

.with-section-title .section-title, .with-section-title .module-title {
  padding: 0px !important;
  padding-bottom: 30px !important;
}
.with-section-title .listing-item {
  height: 300px !important;
}

@media (max-width: 940px) {
  .listing-wrapper.alternate .listing-item {
    height: 240px;
  }
  .listing-wrapper.alternate.with-section-title .listing-item {
    height: 280px !important;
  }
}
@media (max-width: 900px) {
  .listing-wrapper.alternate .listing-item {
    height: 230px;
  }
  .listing-wrapper.alternate.with-section-title .listing-item {
    height: 270px !important;
  }
}
@media (max-width: 830px) {
  .listing-wrapper.alternate .listing-item {
    height: 220px;
  }
  .listing-wrapper.alternate.with-section-title .listing-item {
    height: 260px !important;
  }
}
@media (max-width: 768px) {
  .listing-wrapper.alternate .listing-item {
    height: 210px;
  }
  .listing-wrapper.alternate.with-section-title .listing-item {
    height: 250px !important;
  }
}
/* ==========================================================================
    CONTENT LISTING TABS
   ========================================================================== */
.content-listing.tabs .section-title-wrapper {
  margin-bottom: 24px;
  padding-bottom: 13px;
}
.content-listing.tabs .section-title, .content-listing.tabs .module-title {
  float: left;
  margin-bottom: 0px;
  margin-top: -3px;
}
.content-listing.tabs .module-tabs {
  margin-left: 10px;
  position: relative;
  top: -5px;
}
@media (max-width: 1039px) {
  .content-listing.tabs .module-tabs {
    margin-left: 10px;
    top: -5px;
  }
  .content-listing.tabs .module-tabs .module-tab:first-child {
    margin-left: 0px;
  }
}
.content-listing.tabs .listing-wrapper {
  display: none;
}
.content-listing.tabs .listing-wrapper.current {
  display: block;
}

/* ==========================================================================
    CONTENT LISTING
   ========================================================================== */
.section-title, .module-title {
  color: #051224;
  font-family: "roboto_bold";
  text-transform: uppercase;
  margin-bottom: 15px;
  font-size: 19px;
  letter-spacing: 0px;
}
.section-title.pepperstone img, .pepperstone.module-title img {
  width: auto;
  max-width: 100%;
  height: 24px;
}
.section-title img, .module-title img {
  width: auto;
  max-width: 100%;
  height: 20px;
}
.content-listing .section-title, .content-listing .module-title {
  margin-bottom: 20px;
  max-height: 30px;
  width: auto;
}

.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: 0px;
  top: 0px;
}

.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 {
  height: auto;
  display: block;
  transform: translateZ(0);
  flex-grow: 1;
}
.rail .listing-items {
  height: auto;
  overflow: visible;
  display: grid;
}
.listing-items.hidden {
  display: none;
}
.listing-items .ad {
  margin-top: 10px;
}

.listing-item {
  margin-top: 20px;
  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 .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;
}
.listing-item-thumb .icon, .listing-item-thumb .tournaments-categories-item .item-link:before, .tournaments-categories-item .listing-item-thumb .item-link:before {
  font-weight: bold;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .listing-item-thumb {
    height: 67.5px;
    margin-right: 16px;
    width: 120px;
  }
}
@media (min-width: 1025px) {
  .listing-item-thumb {
    height: 67.5px;
    margin-right: 16px;
    width: 120px;
  }
}
.listing-item-thumb img {
  border-bottom: 1px solid #d1d5d7;
}
.rail .listing-item-thumb {
  border-bottom: none;
  display: table-cell;
  height: 67px;
  margin-right: 0;
  width: 120px;
  vertical-align: middle;
}
.listing-item-thumb * {
  display: block;
  height: 100%;
  width: 100%;
}
.listing-item-thumb .icon, .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;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .listing-item-info {
    width: 210px;
    width: calc(100% - 136px);
  }
}
@media (min-width: 1025px) {
  .listing-item-info {
    padding-top: 10px;
    width: 260px;
    width: calc(100% - 136px);
  }
}
.rail .listing-item-info {
  display: table-cell;
  float: none;
  padding-left: 10px;
  padding-top: 0;
  vertical-align: middle;
  width: calc(100% - 130px);
}
.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 .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_bold";
  line-height: 1.2em;
  letter-spacing: 0px;
}
.rail .listing-title {
  font-size: 14px;
  font-family: "roboto_regular";
}

.listing-category {
  color: #1f2223;
  line-height: 20px;
  margin-top: 0px;
}
.rail .listing-category {
  color: #ffffff;
  margin-top: 0px;
}
.rail .listing-category.news {
  display: none;
}
.no-video .listing-category {
  float: left;
  width: 100px;
  text-align: right;
}
.listing-category .icon, .listing-category .tournaments-categories-item .item-link:before, .tournaments-categories-item .listing-category .item-link:before {
  font-size: 1.9em;
  margin-left: 0;
  position: relative;
  top: 3px;
}
.listing-category .icon + .listing-category-title, .listing-category .tournaments-categories-item .item-link:before + .listing-category-title, .tournaments-categories-item .listing-category .item-link:before + .listing-category-title {
  margin-left: 10px;
}
.rail .listing-category .icon, .rail .listing-category .tournaments-categories-item .item-link:before, .tournaments-categories-item .rail .listing-category .item-link:before {
  left: 10px;
  margin-right: 0px;
  position: absolute;
  top: 42px;
  z-index: 1;
  font-weight: bold;
}
.listing-category .listing-category-title {
  font-family: "roboto_regular";
  font-size: 14px;
  letter-spacing: 0px;
  margin-left: 0;
}
.rail .listing-category .listing-category-title {
  font-size: 1.4em;
  margin-left: 0px;
  color: #1f2223;
}

.listing-buttons {
  margin-top: 10px;
}
.two-column .content-listing .listing-buttons {
  margin-top: 15px;
}
.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 .time-button, .listing-buttons.feature-buttons .print-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, .listing-buttons.feature-buttons .button-row .button, .listing-buttons.feature-buttons .button-row .filter-control, .listing-buttons.feature-buttons .button-row .featured-banner-button, .button-row .listing-buttons.feature-buttons .button, .button-row .listing-buttons.feature-buttons .filter-control, .button-row .listing-buttons.feature-buttons .featured-banner-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 .time-button:first-child, .listing-buttons.feature-buttons .print-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, .listing-buttons.feature-buttons .button-row .button:first-child, .listing-buttons.feature-buttons .button-row .filter-control:first-child, .listing-buttons.feature-buttons .button-row .featured-banner-button:first-child, .button-row .listing-buttons.feature-buttons .button:first-child, .button-row .listing-buttons.feature-buttons .filter-control:first-child, .button-row .listing-buttons.feature-buttons .featured-banner-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 .time-button:last-child, .listing-buttons.feature-buttons .print-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, .listing-buttons.feature-buttons .button-row .button:last-child, .listing-buttons.feature-buttons .button-row .filter-control:last-child, .listing-buttons.feature-buttons .button-row .featured-banner-button:last-child, .button-row .listing-buttons.feature-buttons .button:last-child, .button-row .listing-buttons.feature-buttons .filter-control:last-child, .button-row .listing-buttons.feature-buttons .featured-banner-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 .time-button, .listing-buttons .print-button, .listing-buttons #doorbell .buttons .btn, #doorbell .buttons .listing-buttons .btn, .listing-buttons #doorbell .buttons button, #doorbell .buttons .listing-buttons button, .listing-buttons .button-row .button, .listing-buttons .button-row .filter-control, .listing-buttons .button-row .featured-banner-button, .button-row .listing-buttons .button, .button-row .listing-buttons .filter-control, .button-row .listing-buttons .featured-banner-button {
  font-size: 16px;
  height: 30px;
  letter-spacing: 0px;
  line-height: 26px;
  width: 100%;
}
.listing-buttons .button-border:hover, .listing-buttons .channel-container .view-more:hover, .channel-container .listing-buttons .view-more:hover, .listing-buttons .channel-container .live-video:hover, .channel-container .listing-buttons .live-video:hover, .listing-buttons .time-button:hover, .listing-buttons .print-button:hover, .listing-buttons #doorbell .buttons .btn:hover, #doorbell .buttons .listing-buttons .btn:hover, .listing-buttons #doorbell .buttons button:hover, #doorbell .buttons .listing-buttons button:hover, .listing-buttons .button-row .button:hover, .listing-buttons .button-row .filter-control:hover, .listing-buttons .button-row .featured-banner-button:hover, .button-row .listing-buttons .button:hover, .button-row .listing-buttons .filter-control:hover, .button-row .listing-buttons .featured-banner-button:hover {
  background-color: #051224;
  color: #fff;
}
.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 .time-button, .listing-buttons.buttons-group .print-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, .listing-buttons.buttons-group .button-row .button, .listing-buttons.buttons-group .button-row .filter-control, .listing-buttons.buttons-group .button-row .featured-banner-button, .button-row .listing-buttons.buttons-group .button, .button-row .listing-buttons.buttons-group .filter-control, .button-row .listing-buttons.buttons-group .featured-banner-button {
  margin-left: 10px;
  width: 50%;
  width: calc(50% - 5px);
}
.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 .time-button:first-child, .listing-buttons.buttons-group .print-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, .listing-buttons.buttons-group .button-row .button:first-child, .listing-buttons.buttons-group .button-row .filter-control:first-child, .listing-buttons.buttons-group .button-row .featured-banner-button:first-child, .button-row .listing-buttons.buttons-group .button:first-child, .button-row .listing-buttons.buttons-group .filter-control:first-child, .button-row .listing-buttons.buttons-group .featured-banner-button:first-child {
  margin-left: 0px;
}

/* ==========================================================================
    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 .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: 0;
  padding-top: 0;
}

.column-content-inner {
  border: 1px solid #ececec;
  padding: 20px;
}

.column-search {
  position: relative;
  margin-top: -10px;
}

.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%;
  padding: 10px 20px;
  box-sizing: border-box !important;
}

.column-search-icon {
  color: #051224;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  right: 10px;
  top: 10px;
}
.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: 300px;
  top: 42px;
}
.search-on .column-search-results {
  display: block;
}

.column-search-result {
  color: #fff !important;
  display: block;
  font-size: 18px;
  padding: 10px 20px;
}
.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: 20px;
  margin-bottom: 20px;
}

.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% - 92px);
}
.column-header-info a {
  max-height: 40px;
  overflow: hidden;
  display: inline-block;
  line-height: 1em;
  font: 18px "roboto_bold";
}
.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: 17px "roboto_regular";
}

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

.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 .time-button:first-child, .column-buttons .print-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, .column-buttons .button-row .button:first-child, .column-buttons .button-row .filter-control:first-child, .column-buttons .button-row .featured-banner-button:first-child, .button-row .column-buttons .button:first-child, .button-row .column-buttons .filter-control:first-child, .button-row .column-buttons .featured-banner-button:first-child {
  margin-bottom: 10px;
}

/* ==========================================================================
	LOGO BLURB
   ========================================================================== */
.logo-blurb-wrapper {
  background-color: #ffffff;
  border-bottom: 1px solid #c7c8c8;
  border-top: 1px solid #c7c8c8;
  width: 100%;
  border: 1px solid #c7c8c8;
  display: table;
}
.logo-blurb-wrapper .logo-blurb {
  display: table-row;
}
.logo-blurb-wrapper .logo-blurb > * {
  display: table-cell;
  padding-bottom: 30px;
  padding-top: 30px;
  vertical-align: middle;
}
.logo-blurb-wrapper .the-logo {
  padding-left: 30px;
  padding-right: 20px;
}
.logo-blurb-wrapper .the-logo img {
  height: auto !important;
  width: 200px !important;
}
.logo-blurb-wrapper .the-blurb {
  font-size: 1.8em;
  line-height: 30px;
  padding-left: 20px;
  padding-right: 30px;
}
.logo-blurb-wrapper .the-blurb strong {
  font-weight: bold;
}

/* ==========================================================================
	MOBILE PROMOTIONS
   ========================================================================== */
.mobile-promos {
  background-color: #ffffff;
  border: 1px solid #c7c8c8;
  padding: 40px 30px;
}

.mobile-promo {
  margin-top: 40px;
}
.mobile-promo:first-child {
  margin-top: 0px;
}

.mobile-app-image-wrapper {
  float: left;
  margin-right: 4%;
  width: 40%;
}

.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-info {
  float: left;
  width: 56%;
}

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

.mobile-app-copy {
  font-size: 1.8em;
  line-height: 30px;
  margin-top: 15px;
}

.app-store-badges {
  margin-top: 20px;
}
.app-store-badges a {
  margin-left: 5px;
}
.app-store-badges a:first-child {
  margin-left: 0px;
}
.app-store-badges img {
  width: auto;
  height: 40px;
}

/* ==========================================================================
	PRESS RELEASE
   ========================================================================== */
.press-release {
  background-color: #ffffff;
  border: 1px solid #c7c8c8;
  padding: 40px 30px;
}

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

.press-item-info {
  position: relative;
  padding-left: 170px;
}

.press-item-title {
  font-family: "roboto_bold";
  font-size: 18px;
  letter-spacing: 0px;
}

.press-item-copy {
  font-size: 1.8em;
  line-height: 30px;
}

.press-item-date {
  color: #1f2223;
  font-family: "roboto_regular";
  text-transform: capitalize;
  font-size: 18px;
  letter-spacing: 0px;
  left: 0px;
  max-width: 150px;
  position: absolute;
  top: 0px;
}

/* ==========================================================================
    SINGLE LISTING
   ========================================================================== */
.single .listing-item-thumb {
  background-size: cover;
  height: auto;
  margin-right: 0px;
  width: 100%;
  position: relative;
  padding-top: 56.9920844327%;
}
.single .listing-item-thumb .icon, .single .listing-item-thumb .tournaments-categories-item .item-link:before, .tournaments-categories-item .single .listing-item-thumb .item-link:before {
  font-weight: bold;
}
.single .listing-item-thumb > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.single .listing-item-info {
  width: 100%;
}
.rail .single .listing-title {
  line-height: 19px;
}
.rail .single .listing-category .listing-category-title {
  font-size: 1.6em;
}
.rail .single .listing-category .icon, .rail .single .listing-category .tournaments-categories-item .item-link:before, .tournaments-categories-item .rail .single .listing-category .item-link:before {
  top: 128px;
}

/* ==========================================================================
    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);
}
.two-column:before {
  background-color: #c7c8c8;
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  height: 100%;
}

.column {
  overflow: hidden;
  transform: translateZ(0);
  overflow: hidden;
  float: left;
  padding: 16px;
  position: relative;
  /*vertical-align: top;
  min-height: 500px;
  height: 100%;*/
  width: 50%;
}
.column:first-child {
  border-left: none;
}
.column .section-title-wrapper {
  margin-bottom: 0 !important;
}
.column .module-header {
  padding: 0;
  padding-bottom: 30px;
}

/* ==========================================================================
	PROFILE TABS
   ========================================================================== */
.profile-tabs {
  display: table;
  width: 100%;
}

.profile-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: 16px;
}
.profile-tab.current {
  background-color: #ffffff;
  border-bottom: none;
  border-left: 1px solid #bfc3c5;
  border-right: 1px solid #bfc3c5;
}
.profile-tab.current a {
  color: #1f2223;
}
.profile-tab:first-child.current {
  border-left: none;
}
.profile-tab:last-child.current {
  border-right: none;
}
.profile-tab a {
  display: block;
  padding: 10px 18px;
}
.profile-tab.disabled {
  pointer-events: none;
  color: #c4c4c4;
  background: repeating-linear-gradient(45deg, transparent, transparent 5px, #f1f1f1 5px, #f1f1f1 10px);
}
.profile-tab.disabled 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;
  border-top: 1px solid #ececec !important;
}
.current-tab-content > *.module-header + *, .current-tab-content > *.activity-tournament-table {
  border-top: none !important;
}
.current-tab-content > *.two-column:before {
  background-color: #ececec;
}
.current-tab-content > *:first-child {
  border-top: none !important;
}
.current-tab-content .dropdown-wrapper {
  float: right;
}

/* ==========================================================================
	CONTACT FORM
   ========================================================================== */
.contact-form-wrapper {
  padding: 30px 30px;
}
.centered-content .contact-form-wrapper {
  padding: 0px;
}

.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 .time-button, .contact-form .print-button, .contact-form #doorbell .buttons .btn, #doorbell .buttons .contact-form .btn, .contact-form #doorbell .buttons button, #doorbell .buttons .contact-form button, .contact-form .button-row .button, .contact-form .button-row .filter-control, .contact-form .button-row .featured-banner-button, .button-row .contact-form .button, .button-row .contact-form .filter-control, .button-row .contact-form .featured-banner-button {
  float: left;
  margin-top: 30px;
  width: 215px;
}

.contact-item {
  position: relative;
  margin-top: 30px;
}
.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: 14px;
}
.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%;
}
.contact-item .dropdown-label {
  color: #969b9d;
  text-transform: capitalize;
}
.contact-item label {
  display: block;
  font-family: "roboto_regular";
  text-transform: capitalize;
  color: #969b9d;
  font-size: 16px;
  letter-spacing: 0px;
  margin-bottom: 10px;
}
.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 20px;
}
.contact-item input {
  height: 32px;
}
.contact-item textarea {
  height: 152px;
}

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

.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-item {
  display: table;
  float: left;
  width: 33.33%;
}
.players-equipment-item:first-child {
  margin-left: 0px;
}
.players-equipment-item > * {
  display: table-cell;
  vertical-align: middle;
}

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

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

.equipment-item-info {
  padding: 0 20px;
}
.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 .time-button, .equipment-item-info .print-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: 10px;
  width: 125px;
}

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

/* ==========================================================================
	TOURNAMENT SECTION TOGGLE
   ========================================================================== */
/* ==========================================================================
	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-bottom: 0px;
}
.single-phrase-header img {
  width: auto;
  height: 20px;
}

.stat-box {
  border: none !important;
  position: relative;
  float: left;
  padding: 16px;
  position: relative;
  height: 622px;
  width: 50%;
}
.stat-box:first-child, .stat-box:nth-child(2) {
  border-top: none;
}
.stat-box:first-child:after, .stat-box:nth-child(2):after {
  display: none;
}
.stat-box:nth-child(2n) {
  border-right: none;
}
.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 .module-title {
  height: 48px;
  line-height: 23px;
  margin-bottom: 5px;
  overflow: hidden;
}
.stat-box .listing-buttons {
  bottom: 30px;
  position: absolute;
  left: 30px;
  width: calc(100% - 32px);
  z-index: 2;
}

.top-stat-player-wrapper {
  border: 1px solid #ececec;
  position: relative;
  width: 100%;
  display: table;
  margin-bottom: 25px;
}
.top-stat-player-wrapper > * {
  display: table-cell;
  vertical-align: middle;
}

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

.top-stat-player-info-section {
  background: none;
  padding: 0px 20px;
}

.top-stat-player-flag {
  height: 20px;
  width: auto;
  margin-right: 10px;
}

.top-stat-player-stats {
  margin-top: 10px;
}

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

.top-stat-player-stat {
  border-left: 1px solid #ececec;
  float: left;
  margin-left: 20px;
  padding-left: 20px;
}
.top-stat-player-stat:first-child {
  border-left: none;
  margin-left: 0px;
  padding-left: 0px;
}

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

.top-stat-player-stat-label {
  font-family: "roboto_regular";
  line-height: 1;
  text-align: center;
  text-transform: capitalize;
  color: #969b9d;
  font-size: 12px;
  letter-spacing: 0px;
}

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

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

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

.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: 20px;
}
.stat-players-table th, .stat-players-table td {
  border-bottom: 1px solid #ececec;
  vertical-align: middle;
  font-family: "roboto_regular";
  text-align: center;
}
.stat-players-table th:nth-child(2), .stat-players-table td:nth-child(2) {
  width: 40px;
}
.stat-players-table th:first-child, .stat-players-table td:first-child {
  text-align: left;
  color: #969b9d;
  font-size: 16px;
  letter-spacing: 0px;
  padding-right: 10px;
}
.stat-players-table th {
  text-transform: capitalize;
  color: #969b9d;
  font-size: 14px;
}
.stat-players-table td {
  font-size: 18px;
  letter-spacing: 0px;
  padding: 15px 0px;
  min-height: 58px;
}

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

.stat-player-name {
  line-height: 1;
  position: relative;
  font-family: "roboto_bold";
  font-size: 18px;
  letter-spacing: 0px;
}
.top-stat-player-wrapper .stat-player-name {
  top: -3px;
}
.stat-players-table .stat-player-name {
  display: block;
  text-align: left;
  top: 2px;
  padding-left: 20px;
}
.stat-player-name br {
  display: none;
}

/* ==========================================================================
	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
   ========================================================================== */
@media (max-width: 1039px) {
  .stat-box {
    border: none !important;
    border-top: 1px solid #c7c8c8 !important;
    float: none;
    width: 100%;
  }
  .stat-box:first-child {
    border-top: none;
  }
}
/* ==========================================================================
	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 .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 .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 .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 .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 .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 .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 .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;
}

/* ==========================================================================
	RELATED LISTING
	========================================================================== */
.content-listing.related-listing, .content-listing.related-listing .section-title, .content-listing.related-listing .module-title {
  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 #doorbell .buttons .btn, #doorbell .buttons .tournament-clipboard .btn, .tournament-clipboard #doorbell .buttons button, #doorbell .buttons .tournament-clipboard button, .tournament-clipboard .print-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 #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.print-button, .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 #doorbell .buttons .btn:hover, #doorbell .buttons .tournament-clipboard .btn:hover, .tournament-clipboard #doorbell .buttons button:hover, #doorbell .buttons .tournament-clipboard button:hover, .tournament-clipboard .print-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 .inner-wrap {
  z-index: 2;
}
.tournament-hero .module-title {
  color: #fff;
  clear: both;
  display: block;
  padding-bottom: 5px;
  position: relative;
  margin-bottom: 5px;
  float: none;
}
.tournament-hero .module-title:before {
  bottom: 0%;
  left: 0%;
}
.tournament-hero .player-profile-hero-dash {
  background-size: 100% auto;
  bottom: 0px;
  height: auto;
  top: auto;
  width: 510px !important;
  background: url(../../atpwt/images/global/bg-gradient-dash-blurred.png) right top no-repeat;
}
.tournament-hero .player-profile-hero-dash:after {
  content: "";
  display: block;
  height: 150px;
  width: 100%;
}
.tournament-hero .player-profile-hero-name .last-name {
  font-size: 36px;
  letter-spacing: 0px;
  line-height: 40px;
  text-transform: none;
}
.tournament-hero .player-profile-hero-table {
  height: 150px;
}
.tournament-hero .player-profile-hero-table:before, .tournament-hero .player-profile-hero-table:after {
  display: none;
}
.tournament-hero .player-profile-hero-table td {
  width: auto;
}
@media (max-width: 990px) {
  .tournament-hero .player-profile-hero-table td:nth-child(3) {
    display: none;
  }
}
.tournament-hero .item-credit .item-credit-text {
  width: 505px;
  text-align: right;
}

.tournament-logos {
  margin-left: 30px;
  margin-top: 43px;
}
.tournament-logos > * {
  float: left;
  height: auto;
  width: 208px;
}
.tournament-logos > * img {
  width: auto;
  height: auto;
  max-height: 70px;
  max-width: 100%;
}
.tournament-logos > *:first-child {
  margin-right: 20px;
  width: auto;
  min-width: 60px;
}

.tournmanet-logo > img {
  height: 59px;
  margin-top: 8px;
}

.tournament-hero-grid {
  bottom: 0;
  position: absolute;
  right: 0;
  width: 66.3461538462%;
  display: grid;
  padding: 16px;
  grid-row-gap: 8px;
  grid-column-gap: 16px;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 1fr 1fr;
  grid-template-areas: "bracketTop surfaceTop prizeMoneyTop TFCTop" "bracketBottom surfaceBottom prizeMoneyBottom TFCBottom";
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
}
.tournament-hero-grid .bracket-top {
  display: grid;
  justify-content: center;
  grid-area: bracketTop;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.tournament-hero-grid .bracket-bottom {
  display: grid;
  grid-auto-flow: column;
  grid-area: bracketBottom;
  justify-items: center;
}
.tournament-hero-grid .surface-top {
  display: grid;
  justify-content: center;
  grid-area: surfaceTop;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.tournament-hero-grid .surface-bottom {
  grid-area: surfaceBottom;
  display: grid;
  align-items: center;
  align-content: start;
  justify-content: center;
  justify-items: center;
}
.tournament-hero-grid .prize-money-top {
  display: flex;
  grid-area: prizeMoneyTop;
  align-items: center;
  justify-content: center;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.tournament-hero-grid .prize-money-bottom {
  grid-area: prizeMoneyBottom;
  display: grid;
  justify-content: center;
}
.tournament-hero-grid .tfc-top {
  display: flex;
  grid-area: TFCTop;
  align-items: center;
  padding-bottom: 8px;
  justify-content: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.tournament-hero-grid .tfc-bottom {
  grid-area: TFCBottom;
  display: grid;
  justify-content: center;
}
.tournament-hero-grid:before {
  top: 0;
  left: 0%;
}
.tournament-hero-grid .image-icon {
  font-size: 33px;
  padding: 5px;
}
.tournament-hero-grid .info-area {
  font-size: 14px;
  letter-spacing: 0px;
}
.tournament-hero-grid .item-value {
  display: block;
}
.tournament-hero-grid .item-inline-label,
.tournament-hero-grid .item-label {
  color: rgba(255, 255, 255, 0.5);
}

.tournament-hero-table-wrapper {
  height: 150px;
}

.tournament-hero-links {
  float: left;
  margin-bottom: 10px;
}
.tournament-hero-links .button, .tournament-hero-links .filter-control, .tournament-hero-links .featured-banner-button, .tournament-hero-links .button-border, .tournament-hero-links .channel-container .view-more, .channel-container .tournament-hero-links .view-more, .tournament-hero-links .channel-container .live-video, .channel-container .tournament-hero-links .live-video, .tournament-hero-links #doorbell .buttons .btn, #doorbell .buttons .tournament-hero-links .btn, .tournament-hero-links #doorbell .buttons button, #doorbell .buttons .tournament-hero-links button, .tournament-hero-links .print-button, .tournament-hero-links .time-button {
  float: left;
  width: 130px;
}
.tournament-hero-links .button:hover, .tournament-hero-links .filter-control:hover, .tournament-hero-links .featured-banner-button:hover, .tournament-hero-links .button-border:hover, .tournament-hero-links .channel-container .view-more:hover, .channel-container .tournament-hero-links .view-more:hover, .tournament-hero-links .channel-container .live-video:hover, .channel-container .tournament-hero-links .live-video:hover, .tournament-hero-links #doorbell .buttons .btn:hover, #doorbell .buttons .tournament-hero-links .btn:hover, .tournament-hero-links #doorbell .buttons button:hover, #doorbell .buttons .tournament-hero-links button:hover, .tournament-hero-links .print-button:hover, .tournament-hero-links .time-button:hover {
  background-color: #ffffff;
  color: #051224;
}
.tournament-hero-links .button:first-child, .tournament-hero-links .filter-control:first-child, .tournament-hero-links .featured-banner-button:first-child, .tournament-hero-links .button-border:first-child, .tournament-hero-links .channel-container .view-more:first-child, .channel-container .tournament-hero-links .view-more:first-child, .tournament-hero-links .channel-container .live-video:first-child, .channel-container .tournament-hero-links .live-video:first-child, .tournament-hero-links #doorbell .buttons .btn:first-child, #doorbell .buttons .tournament-hero-links .btn:first-child, .tournament-hero-links #doorbell .buttons button:first-child, #doorbell .buttons .tournament-hero-links button:first-child, .tournament-hero-links .print-button:first-child, .tournament-hero-links .time-button:first-child {
  margin-right: 10px;
}

.hero-date-range {
  color: #fff;
  line-height: 1em;
  font: 21px "roboto_regular";
  letter-spacing: 0px;
  margin-bottom: 10px;
  margin-top: 10px;
  text-transform: capitalize;
}

.top-cell,
.bottom-cell {
  clear: both !important;
  display: block !important;
}
.top-cell *,
.bottom-cell * {
  display: inline-block !important;
  width: auto;
}
.top-cell *.total-financial-label,
.bottom-cell *.total-financial-label {
  text-align: left;
  width: 87px;
}
.top-cell *.prize-money-label,
.bottom-cell *.prize-money-label {
  text-align: left;
  position: relative;
  top: -6px;
}

.bottom-cell {
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  padding-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 5px;
}
.bottom-cell .item-label {
  padding-left: 2px;
  /*padding-right: 2px;*/
}
.bottom-cell .item-value {
  /*padding-left: 2px;*/
  padding-right: 2px;
}

/* ==========================================================================
	TOURNAMENT HERO - MEDIA QUERIES
	========================================================================== */
@media (max-width: 990px) {
  .tournament-hero-table {
    width: 56.7307692308%;
  }

  .top-cell .total-financial-label,
.bottom-cell .total-financial-label {
    text-align: center;
  }
  .top-cell .prize-money-label,
.bottom-cell .prize-money-label {
    position: relative;
    text-align: center;
    top: 0;
  }
}
/* ==========================================================================
	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: 10px;
}
.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-left: 4% !important;
  width: 22% !important;
}
.action-player .player-movement {
  border: none;
  display: table;
  width: calc(100% - 60px);
}
.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;
  height: 64px;
}
.action-player:first-child {
  margin-left: 0 !important;
}

.action-image {
  border-color: #ececec !important;
  display: block;
  height: auto !important;
  border-bottom: none !important;
}
.action-image:before {
  transform: translateZ(0);
}
.action-image img {
  display: block;
  width: 100%;
  height: auto;
}

.action-name {
  padding-top: 8px;
}
.action-name span {
  display: block;
}

.player-info {
  display: flex;
}
.player-info .action-info {
  width: 60px !important;
  padding-top: 14px;
}

.movement-flag {
  border: 1px solid #c7c8c8;
  width: auto;
  height: 24px;
  margin-bottom: 6px;
  margin-top: 7px;
}

.action-gray, .action-red, .action-blue, .action-green {
  position: relative;
}
.action-gray:before, .action-red:before, .action-blue:before, .action-green:before {
  color: #fff;
  content: attr(data-message);
  display: block;
  position: absolute;
  background-size: 100% 100%;
  bottom: 0;
  line-height: 1em;
  font: 11px "roboto_regular";
  height: 68px;
  left: 0;
  padding-left: 10px;
  padding-top: 48px;
  text-transform: capitalize;
  width: 100%;
  z-index: 3;
}

.action-status {
  color: #000;
  margin-top: 10px;
}
.action-status .button-border-row-holder {
  margin-top: 20px;
}

.action-tournament {
  font-family: "roboto_bold";
  font-size: 18px;
}

.action-vs-copy {
  font-family: "roboto_regular";
  font-size: 12px;
  height: 32px;
  overflow: hidden;
}

.action-green:before {
  background: url(../../atpwt/images/global/bg-action-green.png) left top no-repeat;
}

.action-blue:before {
  background: url(../../atpwt/images/global/bg-action-blue.png) left top no-repeat;
}

.action-red:before {
  background: url(../../atpwt/images/global/bg-action-red.png) left top no-repeat;
}

.action-gray:before {
  background: url(../../atpwt/images/global/bg-action-gray.png) left top no-repeat;
}

/* ==========================================================================
	COACHES PROFILE HERO
	========================================================================== */
.coaches-profile-hero {
  height: 320px !important;
  overflow: hidden;
}
.coaches-profile-hero .small-headshot {
  margin: 0px !important;
  position: absolute;
  right: -45px !important;
  top: 10px !important;
}
.coaches-profile-hero .player-profile-hero-dash {
  width: 90%;
}
.coaches-profile-hero .player-profile-hero-table {
  height: 100px;
}
.coaches-profile-hero .player-profile-hero-table:before {
  display: none;
}

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

.see-profile-link {
  position: relative;
  margin-top: 10px;
}

.small-headshot-details {
  float: left;
}

/* ==========================================================================
PLAYER PROFILE HERO
========================================================================== */
.player-profile-hero, .stats-hero, .player-of-the-week-hero, .tournament-hero, .coaches-profile-hero {
  transition: opacity 0.5s linear;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 550px;
  position: relative;
  width: 100%;
}
.player-profile-hero:before, .stats-hero:before, .player-of-the-week-hero:before, .tournament-hero:before, .coaches-profile-hero: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) 30%, #002f40 100%);
  background-color: none !important;
}
.player-profile-hero .small-headshot, .stats-hero .small-headshot, .player-of-the-week-hero .small-headshot, .tournament-hero .small-headshot, .coaches-profile-hero .small-headshot {
  position: absolute;
  top: 0;
  right: 0;
  height: 200px;
  margin: 60px;
  width: 200px;
  z-index: 2;
}

.player-profile-hero-image {
  bottom: 0;
  height: 586px;
  overflow: hidden;
  position: absolute;
  right: 30px;
  width: 435px;
  z-index: 1;
}
.player-profile-hero-image img {
  height: auto;
  width: 100%;
  transform: translateY(0);
}

.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;
}
.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 {
  transform: translateY(185px);
  transition: transform 0.5s cubic-bezier(0.615, 0.005, 0.23, 1) 1.5s;
  background: rgba(44, 48, 49, 0.43);
  bottom: 0;
  height: 185px;
  left: 0;
  position: absolute;
  text-transform: capitalize;
  width: 100%;
  z-index: 5;
  transform: translateY(0);
}
.player-profile-hero-table:before {
  top: 50%;
  left: 0%;
}
.player-profile-hero-table:after {
  top: 0%;
  left: 25%;
}
.player-profile-hero-table:before, .player-profile-hero-table:after {
  transition: opacity 0.5s linear 2s;
  opacity: 0;
}
.player-profile-hero-table .inner-wrap {
  transition: opacity 0.5s linear 2s;
  opacity: 0;
  position: relative;
  height: 100%;
}
.player-profile-hero-table .inner-wrap:before {
  top: 0%;
  left: 50%;
}
.player-profile-hero-table .inner-wrap:after {
  top: 0%;
  left: 75%;
}
.player-profile-hero-table table {
  width: 100%;
  height: 100%;
}
.player-profile-hero-table td {
  color: #fff;
  line-height: 1em;
  font: 18px "roboto_regular";
  letter-spacing: 0px;
  height: 50%;
  vertical-align: middle;
  width: 25%;
}
.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: right;
  width: 30% !important;
}
.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;
}
.player-profile-hero-table .table-big-value {
  font-size: 46px;
  letter-spacing: 0px;
  line-height: 0.9em;
  overflow: hidden;
}
.player-profile-hero-table .table-big-value .table-birthday-wrapper,
.player-profile-hero-table .table-big-value .table-weight-lbs-label,
.player-profile-hero-table .table-big-value .table-weight-kg-wrapper,
.player-profile-hero-table .table-big-value .table-height-cm-wrapper {
  font-size: 14px;
  letter-spacing: 0px;
  padding-left: 5px;
}
.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:before, .player-profile-hero-table:after,
.player-profile-hero-table .inner-wrap {
  opacity: 1;
}

.player-profile-hero-name {
  color: #fff;
  line-height: 1em;
  font: 46px "roboto_bold";
  letter-spacing: 0px;
  text-transform: capitalize;
}
.player-profile-hero-name .first-name {
  font-size: 32px;
  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: 71px;
  letter-spacing: 0px;
  line-height: 60px;
}
.player-profile-hero-name .last-name img {
  max-width: 2.5rem;
  margin-top: 1rem;
}
.player-profile-hero-name .long {
  font-size: 48px;
  line-height: 40px;
}

.player-profile-hero-audio {
  line-height: 1em;
  font: 17px "roboto_regular";
  letter-spacing: 0px;
  margin: 10px 0;
  width: auto;
  color: #fff;
}
.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;
  height: 130px;
  width: 400px;
}
.player-profile-hero-ranking:after {
  content: "";
  display: table;
  clear: both;
}
.player-profile-hero .player-profile-hero-ranking, .stats-hero .player-profile-hero-ranking, .player-of-the-week-hero .player-profile-hero-ranking, .tournament-hero .player-profile-hero-ranking, .coaches-profile-hero .player-profile-hero-ranking {
  width: 480px;
  display: inline;
}
.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: 130px;
  margin-top: -20px;
  margin-bottom: 20px;
  margin-right: 20px;
}
.player-profile-hero-ranking .player-ranking-position .data-label-text {
  color: #fff;
  font-size: 25px !important;
  letter-spacing: 0px;
}
.player-profile-hero-ranking .player-ranking-position:after {
  top: 0;
  left: 0;
}
.player-profile-hero-ranking .player-ranking-position:before {
  left: 0;
  top: 130px;
}
.player-profile-hero-ranking .player-ranking-position .data-label {
  top: -10px;
}
.player-profile-hero-ranking .player-ranking-position .data-number {
  font-size: 122px !important;
  line-height: 87px;
  margin: 0 10px;
}
.player-profile-hero-ranking .player-flag {
  float: left;
  overflow: hidden;
  position: relative;
  height: 90px;
}
.player-profile-hero-ranking .player-flag .player-flag-img {
  display: inline-block;
  width: auto;
}
.player-profile-hero-ranking .player-flag .player-flag-img img {
  border: 1px solid #ececec;
  display: block;
  height: 90px;
  width: auto;
}
.player-profile-hero-ranking .player-flag .player-flag-code {
  color: #fff;
  width: auto;
  line-height: 1em;
  font: 18px "roboto_regular";
  padding-left: 10px;
  display: inline-block;
}
.player-profile-hero-ranking .hero-rank-label {
  font-family: "roboto_regular";
  display: block;
  letter-spacing: 0px;
  font-size: 13px;
  margin-bottom: 6px;
}

.player-profile-hero-social {
  clear: both;
  width: 100%;
  white-space: nowrap;
  display: flex !important;
}
.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;
}

.table-big-row td {
  padding-top: 5px;
  padding-bottom: 5px;
}
.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 .inner-wrap {
  bottom: 30px;
  left: 30px;
  position: absolute;
  z-index: 2;
}
.player-of-the-week-hero .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 {
  bottom: -4px;
  left: 0%;
}
.player-of-the-week-hero .player-profile-hero-name {
  padding-bottom: 12px;
}
.player-of-the-week-hero .data-label {
  top: 0px;
}
.player-of-the-week-hero .player-profile-link {
  width: 190px;
}

/* ==========================================================================
PLAYER PROFILE HERO SLIM
========================================================================== */
/* ===============================================================
	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: 25px;
}
.head-to-head-rankings * {
  position: relative;
  display: inline-block;
}
.head-to-head-rankings > * {
  overflow: hidden;
  width: auto;
  height: 25px;
  padding-left: 10px;
}
.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 {
  padding-left: 13px;
  padding-right: 9px;
}

.head-to-head-rank-text {
  padding-left: 10px;
  color: #051224;
  font: 32px/24px "roboto_bold";
  line-height: 24px;
}

.head-to-head-move {
  width: 73px;
}

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

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

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

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

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

.head-to-head-move-none {
  color: #aaa;
}
.head-to-head-move-none:before {
  content: "-";
  display: inline-block;
  padding-left: 5px;
  padding-right: 2px;
  font-size: 33px;
}

.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: 13px;
}

.head-to-head-label-text {
  color: #969b9d;
  display: inline-block;
  transform: rotate(-90deg);
  transform-origin: bottom left;
  line-height: 1em;
  font: 12px "roboto_regular";
  text-indent: -5px;
  margin-left: 10px;
  letter-spacing: -0.75px;
}

.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 - DESKTOP & TABLET STYLES
	========================================================================== */
.head-to-head {
  background-color: #fff;
  border: 1px solid #c7c8c8;
  height: 650px;
  position: relative;
  overflow: hidden !important;
}

.head-to-head-panel {
  position: relative;
}

.head-to-head-left {
  width: 50%;
  float: left;
  position: relative;
  height: 480px;
}

.head-to-head-right {
  width: 50%;
  float: right;
  position: relative;
  height: 480px;
}

.head-to-head-stats {
  width: 173px;
  position: absolute;
  top: 50px;
  z-index: 2;
}
.head-to-head-left .head-to-head-stats {
  left: 13.6538461538%;
}
.head-to-head-right .head-to-head-stats {
  right: 13.6538461538%;
}

.head-to-head-wins {
  line-height: 136px;
  font: 144px/136px "roboto_bold";
  height: 144px;
  letter-spacing: -10px;
  margin-bottom: 10px;
}
.head-to-head-left .head-to-head-wins {
  text-align: left;
  text-indent: -10px;
  color: #E4F53B;
}
.head-to-head-right .head-to-head-wins {
  text-align: right;
  text-indent: 0px;
  color: #051224;
}

.head-to-head-percentage {
  height: 18px;
  line-height: 1em;
  font: 18px "roboto_bold";
  text-transform: capitalize;
  letter-spacing: 0px;
  margin-bottom: 10px;
}
.head-to-head-left .head-to-head-percentage {
  text-align: left;
  color: #E4F53B;
}
.head-to-head-right .head-to-head-percentage {
  text-align: right;
  color: #051224;
}

.head-to-head-name {
  text-transform: capitalize;
  font-family: "roboto_bold";
  color: #051224;
  height: auto;
  overflow: hidden;
  padding-bottom: 8px;
  margin-bottom: 10px;
  border-bottom: 1px solid #d4d7d9;
  letter-spacing: 0px;
}
.head-to-head-name .first-name,
.head-to-head-name .last-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 20px;
  line-height: 24px;
}
.head-to-head-name .last-name {
  font-size: 24px;
  line-height: 28px;
  text-transform: none;
}
.head-to-head-left .head-to-head-name {
  text-align: left;
}
.head-to-head-right .head-to-head-name {
  text-align: right;
}

.head-to-head-player-wrapper {
  width: 240px;
  height: 383px;
  overflow: hidden !important;
  bottom: 44px;
  z-index: 2;
  position: absolute;
}
.head-to-head-player-wrapper img {
  width: 100%;
  height: auto;
}
.head-to-head-player-wrapper .item-container {
  overflow: hidden !important;
  width: 240px;
  height: 383px;
}
.head-to-head-player-wrapper .head-to-head-player {
  width: 240px;
  height: 383px;
}
.head-to-head-left .head-to-head-player-wrapper {
  right: -20px;
}
.head-to-head-right .head-to-head-player-wrapper {
  left: -20px;
}

.head-to-head-button {
  width: 100%;
  max-width: 233px;
  height: 30px;
  border-radius: 3px;
  text-align: center;
  background-color: #fff;
  color: #051224 !important;
  border: 1px solid #051224;
  display: block !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-transform: uppercase;
  line-height: 30px;
  font: 16px "roboto_bold";
  letter-spacing: 0px;
  z-index: 2;
  position: absolute;
  bottom: 16px;
  cursor: pointer;
  display: block;
  transform: translateZ(0);
  transition: none;
}
.head-to-head-button.show-detail {
  top: 60px;
  transform: translateX(-50%);
  left: 50%;
  z-index: 600;
  height: 34px;
  line-height: 34px;
}
.intro-animation .head-to-head-button {
  transition: background-color 0.25s ease-in-out;
}
.head-to-head-left .head-to-head-button {
  background-color: #fff;
  color: #051224 !important;
  border: 1px solid #051224;
  right: 4px;
}
.head-to-head-left .head-to-head-button.middle {
  right: -116px;
  width: 232px;
}
.head-to-head-right .head-to-head-button {
  background-color: #fff;
  color: #051224 !important;
  border: 1px solid #051224;
  left: 4px;
}
.head-to-head-button:hover, .head-to-head-button:active {
  background-color: #051224;
  color: #fff !important;
}

.head-to-head-button-search {
  transition: all 0.25s ease-in-out;
  width: 30px;
  height: 60px;
  position: absolute;
  color: #fff;
  z-index: 2;
  top: 50%;
  text-align: center;
  font-size: 20px;
  line-height: 60px;
  cursor: pointer;
  margin-top: -75px;
}
.head-to-head-left .head-to-head-button-search {
  left: 0;
  background-color: #E4F53B;
  transform: scale(-1, 1);
}
.head-to-head-right .head-to-head-button-search {
  right: 0;
  background-color: #051224;
}
.head-to-head-button-search:hover, .head-to-head-button-search:active {
  background-color: #1f2223;
}

.head-to-head-flag {
  width: 45px;
  overflow: hidden;
}
.head-to-head-flag .head-to-head-flag-image {
  width: 34px;
  height: 25px;
  border: 1px solid #ddd;
  overflow: hidden;
}
.head-to-head-flag img {
  margin-left: -1px;
  height: 23px;
  width: auto;
}

.head-to-head-canvas {
  width: 193px;
  height: 193px;
  margin: 10px;
}

.head-to-head-vs-details {
  line-height: 1em;
  font: 18px "roboto_regular";
  color: #969b9d;
}

.head-to-head-search {
  top: 0;
  position: absolute;
  z-index: 20;
  color: #fff;
  max-height: 500px;
  width: calc(100% - 124px);
  transition: all 0.25s ease-in-out;
}
.head-to-head-right .head-to-head-search {
  right: 0;
  background-color: rgba(5, 18, 36, 0.9);
}
.head-to-head-left .head-to-head-search {
  left: 0;
  background-color: rgba(5, 18, 36, 0.9);
}
.search-on .head-to-head-search {
  transform: translateY(0);
}

.head-to-head-search-input {
  width: 100%;
  border: none;
  outline: none;
  margin-top: 0px;
  font-size: 18px;
  color: #1f2223;
  padding: 3px 8px;
}
.head-to-head-search-input:focus .head-to-head-search-results {
  max-height: 500px;
}
.head-to-head-left .head-to-head-search-input {
  background-color: #e8e8e8;
  text-align: left;
  border-bottom: 4px solid #051224;
}
.head-to-head-right .head-to-head-search-input {
  background-color: #e8e8e8;
  text-align: right;
  border-bottom: 4px solid #051224;
}

.head-to-head-search-close {
  font-size: 30px;
  padding: 25px;
  position: absolute;
  z-index: 2;
  top: 0;
  cursor: pointer;
}
.head-to-head-left .head-to-head-search-close {
  background-color: rgba(228, 245, 59, 0.7);
  right: 0;
}
.head-to-head-right .head-to-head-search-close {
  background-color: rgba(5, 18, 36, 0.7);
  left: 0;
}

.head-to-head-search-results {
  max-height: 500px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.head-to-head-search-result {
  font-size: 18px;
  padding: 15px 20px;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.head-to-head-left .head-to-head-search-result {
  text-align: left;
}
.head-to-head-right .head-to-head-search-result {
  text-align: right;
}
.head-to-head-search-result:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

/* ==========================================================================
HEAD TO HEAD - DESKTOP & TABLET ANIMATIONS
========================================================================== */
.head-to-head {
  position: relative;
  height: auto;
}
.head-to-head .item-container, .head-to-head .previous-item, .head-to-head .current-item {
  transform: translateZ(0);
  transition: all 0.3s ease-in-out;
  overflow: hidden !important;
}
.head-to-head .previous-item,
.head-to-head .current-item {
  float: left;
}

.head-to-head-name-wrapper {
  width: 173px;
  height: 100px;
}
.head-to-head-name-wrapper .item-container {
  width: 346px;
  height: 100px;
}
@media (min-width: 1025px) {
  .head-to-head-name-wrapper .item-container {
    transition-delay: 0.3s;
  }
}
.head-to-head-name-wrapper .previous-item,
.head-to-head-name-wrapper .current-item {
  width: 173px;
  height: 100px;
}
.animate-slide .head-to-head-name-wrapper .item-container {
  transform: translateX(-173px);
}

.head-to-head-player-wrapper .previous-item {
  transform: translateY(0);
}
.head-to-head-player-wrapper .current-item {
  transform: translateY(383px);
}
.animate-slide .head-to-head-player-wrapper .previous-item {
  transform: translateY(383px);
}
.animate-slide .head-to-head-player-wrapper .current-item {
  transform: translateY(-383px);
}

/* ==========================================================================
HEAD TO HEAD - DESKTOP & TABLET MEDIA QUERIES
========================================================================== */
@media (max-width: 768px) {
  .head-to-head-left .head-to-head-stats {
    left: 40px;
  }
  .head-to-head-right .head-to-head-stats {
    right: 40px;
  }

  .head-to-head-left .head-to-head-player-wrapper {
    right: -20px;
  }
  .head-to-head-right .head-to-head-player-wrapper {
    left: -20px;
  }
}
.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 #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 .button-row .button:first-child, .is-mobile .related-h2h-article .button-row .filter-control:first-child, .is-mobile .related-h2h-article .button-row .featured-banner-button:first-child, .button-row .is-mobile .related-h2h-article .button:first-child, .button-row .is-mobile .related-h2h-article .filter-control:first-child, .button-row .is-mobile .related-h2h-article .featured-banner-button:first-child, .is-mobile .related-h2h-article .print-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 #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 .button-row .button, .is-desktop .related-h2h-article .buttons-group .button-row .filter-control, .is-desktop .related-h2h-article .buttons-group .button-row .featured-banner-button, .button-row .is-desktop .related-h2h-article .buttons-group .button, .button-row .is-desktop .related-h2h-article .buttons-group .filter-control, .button-row .is-desktop .related-h2h-article .buttons-group .featured-banner-button, .is-desktop .related-h2h-article .buttons-group .print-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 #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 .button-row .button:last-child, .is-desktop .related-h2h-article .buttons-group .button-row .filter-control:last-child, .is-desktop .related-h2h-article .buttons-group .button-row .featured-banner-button:last-child, .button-row .is-desktop .related-h2h-article .buttons-group .button:last-child, .button-row .is-desktop .related-h2h-article .buttons-group .filter-control:last-child, .button-row .is-desktop .related-h2h-article .buttons-group .featured-banner-button:last-child, .is-desktop .related-h2h-article .buttons-group .print-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: #969b9d;
}
.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-position: top;
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  flex-direction: column;
  height: 56.25vw;
  max-height: 570px;
  padding: 16px 16px;
}
.heritage-header.expand .article-video {
  left: 0px;
  opacity: 1;
}
.heritage-header .item-thumbnail {
  cursor: pointer;
}

.heritage-row-wrapper {
  flex-grow: 1;
}

.heritage-row {
  display: table-row;
  position: relative;
  opacity: 0;
}
.heritage-row > * {
  vertical-align: middle;
}

.heritage-row-sub-wrapper {
  display: table-cell;
  position: relative;
  width: calc(100% - 300px);
}

.heritage-logo-wrapper {
  float: left;
  margin-right: 5%;
  width: 22%;
}

.heritage-title-wrapper {
  float: left;
  margin-right: 10%;
  width: 63%;
}

.heritage-logo,
.heritage-title {
  height: auto;
  width: 100%;
}

.heritage-rolex-clock {
  display: table-cell;
  width: 300px;
}

.heritage-video-wrapper {
  display: table-cell;
  overflow: hidden;
  position: relative;
  width: 36%;
}
.heritage-video-wrapper:before {
  bottom: 25px;
  color: #ffffff;
  font-size: 28px;
  left: 25px;
  line-height: 21px;
  position: absolute;
  z-index: 3;
}

.heritage-video {
  position: relative;
  padding-top: 56.1933534743%;
}

.heritage-stats {
  display: table-cell;
  padding-left: 30px;
  width: 64%;
}
.heritage-stats img {
  height: auto;
  width: 100%;
}

.heritage-copy {
  font-size: 1.6em;
  font-weight: 300;
  max-height: 180px;
  height: 17.8vw;
  color: #ffffff;
  padding-top: 8px;
  line-height: 30px;
}

/* ==========================================================================
	HERITAGE HEADER - ANIMATIONS
   ========================================================================== */
.heritage-header > * {
  transform: scale(1);
}
.heritage-header > *:nth-child(1) {
  transition-delay: 0.65s;
}
.heritage-header > *:nth-child(2) {
  transition-delay: 0.8s;
}
.heritage-header > *:nth-child(3) {
  transition-delay: 0.95s;
}

/* ==========================================================================
	LONG FORM
	========================================================================== */
.long-form {
  background-color: #fff;
  opacity: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: calc(100% - 130px);
  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;
  padding: 16px;
}
.movers-wrapper .section-title, .players-in-action .section-title, .movers-wrapper .module-title, .players-in-action .module-title {
  margin-bottom: 20px;
}

.movers, .action-players {
  transform: translateZ(0);
}

.mover, .action-player {
  float: left;
  margin-left: 34px;
  width: 168px;
}
.mover:first-child, .action-player:first-child {
  margin-left: 0px;
}

.mover-image, .action-image {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  border-bottom: 1px solid #ececec;
  height: 235px;
  padding-top: 100%;
}
.mover-image img, .action-image img {
  height: auto;
  width: 100%;
  image-rendering: -webkit-optimize-contrast;
  left: 0px;
  position: absolute;
  top: 0px;
}

.mover-info, .player-info .action-info {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 54px;
}
.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_bold";
  font-size: 15px;
  letter-spacing: 0px;
  width: calc(100% - 43px);
}
.mover-name span, .action-name span {
  line-height: 1;
  position: relative;
  top: -2px;
  display: block;
}
.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;
  height: 25px;
}

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

.movement-block {
  border-left: 1px solid #ececec;
  float: left;
  padding: 15px 0px 10px;
  text-align: center;
  width: 28%;
}
.movement-block:first-child {
  border-left: none;
}
.movement-block:nth-child(3) {
  width: 44%;
}
.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: #1f2223;
  font-size: 18px;
  letter-spacing: 0px;
}
.movement-block .movement-value.rank-movement-color {
  color: #051224;
}
.movement-block .movement-category {
  font-family: "roboto_regular";
  text-transform: capitalize;
  color: #969b9d;
  font-size: 12px;
  line-height: 16px;
}

@media (max-width: 1039px) {
  .mover, .action-player {
    margin-left: calc((100% - 672px) / 3);
  }
  .mover:last-child, .action-player:last-child {
    display: none;
  }
}
/* ==========================================================================
	MOVERS OF THE WEEK - ANIMATIONS
	========================================================================== */
.movers-wrapper, .players-in-action {
  transform: translateZ(0);
}
.movers-wrapper .mover, .players-in-action .mover, .movers-wrapper .action-player, .players-in-action .action-player {
  transform: translateZ(0);
}
.movers-wrapper .mover .mover-image, .players-in-action .mover .mover-image, .movers-wrapper .action-player .mover-image, .players-in-action .action-player .mover-image, .movers-wrapper .mover .action-image, .players-in-action .mover .action-image, .movers-wrapper .action-player .action-image, .players-in-action .action-player .action-image {
  transform: translateZ(0);
}
.movers-wrapper .mover .mover-image img, .players-in-action .mover .mover-image img, .movers-wrapper .action-player .mover-image img, .players-in-action .action-player .mover-image img, .movers-wrapper .mover .action-image img, .players-in-action .mover .action-image img, .movers-wrapper .action-player .action-image img, .players-in-action .action-player .action-image img {
  transform: translateY(0px);
}
.movers-wrapper .mover:nth-child(1) .mover-image img, .players-in-action .mover:nth-child(1) .mover-image img, .movers-wrapper .action-player:nth-child(1) .mover-image img, .players-in-action .action-player:nth-child(1) .mover-image img, .movers-wrapper .mover:nth-child(1) .action-image img, .players-in-action .mover:nth-child(1) .action-image img, .movers-wrapper .action-player:nth-child(1) .action-image img, .players-in-action .action-player:nth-child(1) .action-image img {
  transition-delay: 0.1s;
}
.movers-wrapper .mover:nth-child(2) .mover-image img, .players-in-action .mover:nth-child(2) .mover-image img, .movers-wrapper .action-player:nth-child(2) .mover-image img, .players-in-action .action-player:nth-child(2) .mover-image img, .movers-wrapper .mover:nth-child(2) .action-image img, .players-in-action .mover:nth-child(2) .action-image img, .movers-wrapper .action-player:nth-child(2) .action-image img, .players-in-action .action-player:nth-child(2) .action-image img {
  transition-delay: 0.2s;
}
.movers-wrapper .mover:nth-child(3) .mover-image img, .players-in-action .mover:nth-child(3) .mover-image img, .movers-wrapper .action-player:nth-child(3) .mover-image img, .players-in-action .action-player:nth-child(3) .mover-image img, .movers-wrapper .mover:nth-child(3) .action-image img, .players-in-action .mover:nth-child(3) .action-image img, .movers-wrapper .action-player:nth-child(3) .action-image img, .players-in-action .action-player:nth-child(3) .action-image img {
  transition-delay: 0.3s;
}
.movers-wrapper .mover:nth-child(4) .mover-image img, .players-in-action .mover:nth-child(4) .mover-image img, .movers-wrapper .action-player:nth-child(4) .mover-image img, .players-in-action .action-player:nth-child(4) .mover-image img, .movers-wrapper .mover:nth-child(4) .action-image img, .players-in-action .mover:nth-child(4) .action-image img, .movers-wrapper .action-player:nth-child(4) .action-image img, .players-in-action .action-player:nth-child(4) .action-image img {
  transition-delay: 0.4s;
}
.movers-wrapper .mover:nth-child(5) .mover-image img, .players-in-action .mover:nth-child(5) .mover-image img, .movers-wrapper .action-player:nth-child(5) .mover-image img, .players-in-action .action-player:nth-child(5) .mover-image img, .movers-wrapper .mover:nth-child(5) .action-image img, .players-in-action .mover:nth-child(5) .action-image img, .movers-wrapper .action-player:nth-child(5) .action-image img, .players-in-action .action-player:nth-child(5) .action-image img {
  transition-delay: 0.5s;
}

/* ==========================================================================
	PLAYER RANKINGS
========================================================================== */
.player-rankings {
  background-color: #fff;
  position: relative;
  transform: translateZ(0);
  border: 1px solid #c7c8c8;
  height: 500px;
}

#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-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-ranking-bottom-links {
  line-height: 1em;
  font: 15px "roboto_regular";
  letter-spacing: 0px;
  margin-top: 5px;
  text-transform: capitalize;
}
.player-ranking-bottom-links a {
  padding: 0 5px;
}

.item-overflow {
  overflow: hidden;
}

.player-ranking-image {
  position: absolute;
  bottom: 0;
  right: 0;
  overflow: hidden;
  width: 360px;
  height: 512px;
}
.player-ranking-image .image-wrap {
  height: 512px;
  width: 360px;
  position: relative;
}
.player-ranking-image img {
  width: 100%;
  height: auto;
}
.player-ranking-image .image-player-one,
.player-ranking-image .image-player-two {
  position: absolute;
  width: 300px;
  height: auto;
  top: 35px;
  z-index: 2;
}
.player-ranking-image .player-doubles-image {
  position: absolute;
  width: 100%;
  height: auto;
  top: 35px;
  z-index: 2;
}
.player-ranking-image .image-player-two {
  right: 0px;
}
.player-ranking-image .image-player-one {
  left: 0px;
}
.player-ranking-image.player-ranking-image-doubles {
  right: -8%;
  width: 420px;
}
.player-ranking-image.player-ranking-image-doubles .image-wrap {
  width: 420px;
}

.player-ranking-panel {
  box-sizing: content-box;
  position: relative;
  padding-top: 10px;
  padding-left: 30px;
  padding-right: 30px;
  max-width: 806px;
  min-height: 400px;
  margin: 0 auto;
}
.player-ranking-wrapper.panel-start .player-ranking-panel {
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
}
.player-ranking-wrapper.panel-done .player-ranking-panel {
  opacity: 1;
}
.player-ranking-panel .data-number {
  color: #051224;
}

.player-ranking-top {
  margin-right: 28.7841191067%;
  position: relative;
  height: 145px;
}

.player-ranking-details {
  float: left;
  width: calc(100% - 150px);
}

.player-ranking-name {
  text-transform: capitalize;
  line-height: 1em;
  font: 36px "roboto_bold";
  text-align: right;
  color: #051224;
}
.player-ranking-name a {
  display: inline-block;
  width: auto;
}
.player-ranking-name .first-name, .player-ranking-name .last-name {
  display: block;
  letter-spacing: 0px;
  line-height: 31px;
  padding-right: 1px;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: auto;
}
.player-ranking-name .last-name {
  font-size: 54px;
  letter-spacing: 0px;
  line-height: 54px;
  margin-top: 2px;
  text-transform: none;
}

.player-ranking-flag {
  margin-left: 20px;
  width: 130px;
  height: 84px;
  float: right;
  border: 1px solid #ddd;
  overflow: hidden;
}
.player-ranking-flag img {
  width: 130px;
  height: 86px;
  float: right;
}

.player-ranking-links {
  max-width: 424px;
  text-align: right;
  text-transform: capitalize;
  line-height: 1em;
  font: 15px "roboto_regular";
  letter-spacing: 0px;
}
.player-ranking-links > * {
  padding: 0 10px;
}
.player-ranking-links > *:last-child {
  padding-right: 0;
}

.player-ranking-bottom {
  transform: translateZ(0);
  position: relative;
  margin-right: 28.7841191067%;
}

.player-ranking-data {
  background-color: #ebebeb;
  height: 185px;
}

.player-ranking-move {
  border-bottom: 1px solid #fff;
  height: 90px;
  overflow: hidden;
  display: grid;
  grid-template-columns: 60px 280px;
  grid-template-rows: 90px;
  align-items: center;
  grid-area: player-ranking-move;
}
.player-ranking-move .data-number {
  color: #000;
}
.player-ranking-move .move-up {
  font-size: 40px;
  padding-right: 10px;
  color: #00aa0c;
}
.player-ranking-move .move-down {
  font-size: 40px;
  padding-right: 10px;
  color: #da1418;
}
.player-ranking-move .move-none:before {
  color: #aaa;
  content: "-";
  font-size: 40px;
  padding-right: 10px;
  position: relative;
  top: -5px;
}

.player-ranking-points {
  display: grid;
  grid-template-columns: 60px 280px;
  grid-template-rows: 90px;
  height: 90px;
  overflow: hidden;
  align-items: center;
  grid-area: player-ranking-points;
}
.player-ranking-points .data-number {
  line-height: 40px;
  padding-left: 10px;
}

.player-ranking-pagination a {
  cursor: pointer;
  display: inline-block;
  padding: 10px 8px;
  padding-bottom: 3px;
  line-height: 1em;
  font: 15px "roboto_bold";
}
.player-ranking-pagination a.current {
  color: #000;
}

.player-ranking-preview, .player-rankings .waves-effect {
  width: 340px;
  height: 120px;
  position: absolute;
  bottom: 0;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
  transition: all 0.25s ease-in-out;
}
.player-ranking-preview .preview-label, .player-rankings .waves-effect .preview-label {
  bottom: 0;
  z-index: 2;
  width: 30px;
  height: 120px;
  text-transform: capitalize;
  color: #fff;
}
.player-ranking-preview .preview-label .preview-label-wrap, .player-rankings .waves-effect .preview-label .preview-label-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  height: 30px;
  line-height: 28px;
  font: 18px "roboto_regular";
  letter-spacing: 0px;
  width: 120px;
  text-align: center;
  margin-bottom: -30px;
  transform: rotate(-90deg);
  transform-origin: 0% 0%;
}
.player-ranking-preview .preview-label .preview-label-text, .player-rankings .waves-effect .preview-label .preview-label-text {
  white-space: nowrap;
}
.player-ranking-preview .preview-image, .player-rankings .waves-effect .preview-image {
  bottom: 0;
  z-index: 2;
  width: 122px;
  height: 132px;
  overflow: hidden;
  margin-top: -13px;
}
.player-ranking-preview .preview-image img, .player-rankings .waves-effect .preview-image img {
  width: 100%;
  height: auto;
}
.player-ranking-preview .preview-image img.preview-image-one, .player-ranking-preview .preview-image img.preview-image-two, .player-rankings .waves-effect .preview-image img.preview-image-one, .player-rankings .waves-effect .preview-image img.preview-image-two {
  position: relative;
  width: 70%;
  height: auto;
  position: absolute;
  bottom: 0;
  z-index: 2;
}
.player-ranking-preview .preview-image .preivew-image-one, .player-rankings .waves-effect .preview-image .preivew-image-one {
  left: 0;
}
.player-ranking-preview .preview-image .preview-image-two, .player-rankings .waves-effect .preview-image .preview-image-two {
  right: 0;
}
.player-ranking-preview .preview-rank, .player-rankings .waves-effect .preview-rank {
  z-index: 1;
  color: #da1418;
  line-height: 1.1em;
  font: 53px "roboto_bold";
  margin: 0 4px;
}
.player-ranking-preview .preview-name, .player-rankings .waves-effect .preview-name {
  z-index: 1;
  color: #fff;
  width: 145px;
  line-height: 0.9em;
  font: 18px "roboto_bold";
  letter-spacing: 0px;
}
.player-ranking-preview .preview-name .first-name, .player-ranking-preview .preview-name .last-name, .player-rankings .waves-effect .preview-name .first-name, .player-rankings .waves-effect .preview-name .last-name {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 0.9em;
}
.player-ranking-preview .preview-name .first-name, .player-rankings .waves-effect .preview-name .first-name {
  text-transform: capitalize;
}
.player-ranking-preview .preview-name .last-name, .player-rankings .waves-effect .preview-name .last-name {
  text-transform: none;
  margin-bottom: 8px;
}
.player-ranking-preview .preview-name.singles-button .last-name, .player-rankings .waves-effect .preview-name.singles-button .last-name {
  font-size: 22px;
  letter-spacing: 0px;
  text-transform: none;
}
.player-ranking-prev .player-ranking-preview, .player-ranking-prev .player-rankings .waves-effect {
  left: -340px;
}
.player-ranking-prev .player-ranking-preview .preview-label, .player-ranking-prev .player-rankings .waves-effect .preview-label {
  right: 0;
  border-left: 1px solid #3f4243;
}
.player-ranking-prev .player-ranking-preview .preview-image, .player-ranking-prev .player-rankings .waves-effect .preview-image {
  right: 25px;
}
.player-ranking-prev .player-ranking-preview .preview-rank, .player-ranking-prev .player-rankings .waves-effect .preview-rank {
  right: 133px;
}
.player-ranking-prev .player-ranking-preview .preview-name, .player-ranking-prev .player-rankings .waves-effect .preview-name {
  left: 30px;
  text-align: right;
}
.player-ranking-prev .player-ranking-preview .rank-number-10 .preview-name, .player-ranking-prev .player-rankings .waves-effect .rank-number-10 .preview-name {
  left: 30px;
  width: 120px;
}
.player-ranking-next .player-ranking-preview, .player-ranking-next .player-rankings .waves-effect {
  right: -340px;
}
.player-ranking-next .player-ranking-preview .preview-label, .player-ranking-next .player-rankings .waves-effect .preview-label {
  left: 0;
  border-right: 1px solid #3f4243;
}
.player-ranking-next .player-ranking-preview .preview-image, .player-ranking-next .player-rankings .waves-effect .preview-image {
  left: 25px;
}
.player-ranking-next .player-ranking-preview .preview-rank, .player-ranking-next .player-rankings .waves-effect .preview-rank {
  left: 137px;
}
.player-ranking-next .player-ranking-preview .preview-name, .player-ranking-next .player-rankings .waves-effect .preview-name {
  right: 30px;
}
.player-ranking-next .player-ranking-preview .rank-number-10 .preview-name, .player-ranking-next .player-rankings .waves-effect .rank-number-10 .preview-name {
  right: 30px;
  width: 120px;
}

.player-rankings .waves-effect {
  background: none;
  z-index: 10;
}
.player-rankings .waves-effect .waves-ripple {
  background-color: rgba(255, 255, 255, 0.2) !important;
}

.player-ranking-button {
  width: 31px;
  height: 60px;
  text-align: center;
  background-color: #051224;
  color: #fff;
  position: absolute;
  bottom: 0;
  top: 50%;
  margin-top: -25px;
  z-index: 10;
  cursor: pointer;
}
.player-ranking-button:before {
  display: block;
  text-align: center;
  position: relative;
  top: 50%;
  font-size: 20px;
  margin-top: -10px;
}
.player-ranking-prev .player-ranking-button {
  left: 0;
}
.player-ranking-next .player-ranking-button {
  right: 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .player-ranking-next .player-ranking-button {
    right: auto;
    left: 0;
  }
}

.player-ranking-prev,
.player-ranking-next {
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  width: 37px;
  height: 132px;
  margin-top: -59px;
  cursor: pointer;
  transform: translateZ(0);
  transition: all 0.25s ease-in-out;
}
.player-ranking-prev:hover, .player-ranking-prev:active,
.player-ranking-next:hover,
.player-ranking-next:active {
  width: 371px;
}

.player-ranking-next {
  right: 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .player-ranking-next {
    margin-top: 2px;
    right: auto;
  }
}
.player-ranking-next:hover .player-ranking-preview, .player-ranking-next:hover .waves-effect, .player-ranking-next:active .player-ranking-preview, .player-ranking-next:active .waves-effect {
  right: 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .player-ranking-next:hover .player-ranking-preview, .player-ranking-next:hover .waves-effect, .player-ranking-next:active .player-ranking-preview, .player-ranking-next:active .waves-effect {
    right: auto;
  }
}

.player-ranking-prev {
  left: 0;
}
.player-ranking-prev:hover .player-ranking-preview, .player-ranking-prev:hover .waves-effect, .player-ranking-prev:active .player-ranking-preview, .player-ranking-prev:active .waves-effect {
  left: 0;
}

/* ==========================================================================
		PLAYER RANKINGS DOUBLES
	========================================================================== */
.doubles-template {
  height: 144px !important;
}
.doubles-template .doubles-detail-item {
  height: 62px;
  margin-bottom: 10px;
  overflow: hidden;
}
.doubles-template .first-name {
  font-size: 24px;
  letter-spacing: 0px;
  line-height: 20px;
}
.doubles-template .last-name {
  font-size: 38px;
  letter-spacing: 0px;
  line-height: 38px;
  text-transform: none;
}
.doubles-template .player-ranking-flag {
  width: 93px;
  margin-left: 10px;
  height: 62px;
  float: left;
}
.doubles-template .player-ranking-flag img {
  width: auto !important;
  height: 62px;
}

/* ==========================================================================
		PLAYER RANKINGS ANIMATIONS
	========================================================================== */
.player-rankings .item-overflow {
  overflow: hidden !important;
  transform: translateZ(0);
}
.player-rankings .item-overflow, .player-rankings .item-container, .player-rankings .current-item, .player-rankings .previous-item {
  transition: all 0.3s ease-in-out;
  position: relative;
}
.player-rankings .player-ranking-image .item-container {
  transform: translateY(0px);
}

.player-ranking-top .item-overflow {
  width: 574px;
}
.player-ranking-top .item-container {
  position: relative;
  width: 1148px;
  height: 96px;
  overflow: hidden;
  transform: translateX(0);
}
@media (min-width: 1025px) {
  .player-ranking-top .item-container {
    transition-delay: 0.3s;
  }
}
.player-ranking-top .current-item,
.player-ranking-top .previous-item {
  width: 574px;
  float: left;
}
.animate-slide .player-ranking-top .item-container {
  transform: translateX(-574px);
}

.player-ranking-image .item-overflow {
  height: 512px;
}
.player-ranking-image .item-container {
  height: 512px;
}
.player-ranking-image .item-container .current-item,
.player-ranking-image .item-container .previous-item {
  height: 512px;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
}
.player-ranking-image .current-item {
  transform: translateY(512px);
}
.player-ranking-image .previous-item {
  transform: translateY(0);
}
.animate-slide .player-ranking-image .current-item {
  transform: translateY(0);
}
.animate-slide .player-ranking-image .previous-item {
  transform: translateY(512px);
}

.player-ranking-data .item-container {
  white-space: nowrap;
  transform: translateZ(0);
  width: 1148px;
  height: 185px;
}
@media (min-width: 1025px) {
  .player-ranking-data .item-container {
    transition-delay: 0.6s;
  }
}
.player-ranking-data .current-item,
.player-ranking-data .previous-item {
  width: 574px;
  height: 185px;
  float: left;
  display: grid;
  grid-template-areas: "player-ranking-position player-ranking-move" "player-ranking-position player-ranking-points";
  grid-template-columns: 235px 340px;
  grid-template-rows: 90px 90px;
}
.player-ranking-data .current-item > *,
.player-ranking-data .previous-item > * {
  transform: none !important;
}
.animate-slide .player-ranking-data .item-container {
  transform: translateX(-574px);
}

.player-ranking-next .current-item,
.player-ranking-next .previous-item,
.player-ranking-prev .current-item,
.player-ranking-prev .previous-item {
  width: 340px;
  height: 120px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
}
.player-ranking-next .current-item,
.player-ranking-prev .current-item {
  z-index: 1;
  transform: translateY(120px);
}
.player-ranking-next .previous-item,
.player-ranking-prev .previous-item {
  z-index: 2;
  transform: translateY(0);
}
.animate-slide .player-ranking-next .current-item,
.animate-slide .player-ranking-prev .current-item {
  z-index: 2;
  transform: translateY(0);
}
.animate-slide .player-ranking-next .previous-item,
.animate-slide .player-ranking-prev .previous-item {
  z-index: 1;
  transform: translateY(120px);
}

@media (min-width: 768px) and (max-width: 1024px) {
  .player-ranking-prev,
.player-ranking-next {
    width: 31px;
    height: 70px;
    overflow: hidden;
  }

  .player-ranking-preview, .waves-button {
    display: none !important;
  }
}
/* ==========================================================================
		PLAYER RANKINGS NO ANIMATIONS
	========================================================================== */
.no-animations .player-ranking-top .item-container,
.no-animations .player-ranking-bottom .item-container {
  width: 574px !important;
}
.no-animations .item-container,
.no-animations .current-item,
.no-animations .previous-item {
  transition: none !important;
  transform: none !important;
}
.no-animations .previous-item {
  display: none !important;
}

/* ==========================================================================
		PLAYER RANKINGS MEDIA QUERIES
	========================================================================== */
@media (min-width: 768px) and (max-width: 1024px) {
  .player-ranking-image {
    width: 340px;
    overflow: hidden;
    right: 0;
  }
  .player-ranking-image .item-overflow {
    width: 360px;
  }
  .player-ranking-image.player-ranking-image-doubles {
    width: 350px;
    right: 0px;
  }
  .player-ranking-image.player-ranking-image-doubles .item-overflow {
    width: 400px;
  }

  .player-ranking-doubles-detail {
    width: 84%;
  }

  .player-ranking-position {
    padding-left: 20px;
    width: 208px;
  }

  .singles-template .player-ranking-details {
    width: calc(100% - 170px);
  }
  .singles-template .player-ranking-flag {
    float: left;
  }

  .player-ranking-links {
    width: 404px;
  }
}
.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;
  padding: 16px 0px 0px;
}

.timeline-container {
  position: relative;
}
.timeline-container__line {
  width: 1px;
  border: 1px solid #051224;
  left: 50%;
  top: 20px;
  position: absolute;
  content: " ";
  display: block;
  z-index: 0;
  transform: translateZ(0);
}
@media (min-width: 768px) and (max-width: 1024px) {
  .timeline-container__line {
    height: calc(100% - 186px);
  }
}
@media (min-width: 1025px) {
  .timeline-container__line {
    height: calc(100% - 145px);
  }
}

.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 #doorbell .buttons .btn, #doorbell .buttons .timeline-load-more .btn, .timeline-load-more #doorbell .buttons button, #doorbell .buttons .timeline-load-more button, .timeline-load-more .button-row .button, .timeline-load-more .button-row .filter-control, .timeline-load-more .button-row .featured-banner-button, .button-row .timeline-load-more .button, .button-row .timeline-load-more .filter-control, .button-row .timeline-load-more .featured-banner-button, .timeline-load-more .print-button, .timeline-load-more .time-button {
  width: auto;
  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 #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 .button-row .button:hover, .timeline-load-more .button-row .filter-control:hover, .timeline-load-more .button-row .featured-banner-button:hover, .button-row .timeline-load-more .button:hover, .button-row .timeline-load-more .filter-control:hover, .button-row .timeline-load-more .featured-banner-button:hover, .timeline-load-more .print-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 #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 .button-row .button:active, .timeline-load-more .button-row .filter-control:active, .timeline-load-more .button-row .featured-banner-button:active, .button-row .timeline-load-more .button:active, .button-row .timeline-load-more .filter-control:active, .button-row .timeline-load-more .featured-banner-button:active, .timeline-load-more .print-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: #969b9d;
  width: auto;
  margin: 30px 0;
  line-height: 1em;
  font: 21px "roboto_regular";
  letter-spacing: 0px;
}
.timeline-date-wrapper:first-child .timeline-date {
  margin-top: 0;
}

.timeline-items {
  transform: translateZ(0);
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.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;
}
.is-forty-years .timeline-item-info:before {
  padding-top: 57.619047619%;
  content: " ";
  display: block;
}

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

.timeline-item-inner {
  color: #1f2223;
  opacity: 0;
  transform: translateZ(0);
  transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.8s cubic-bezier(0.77, 0, 0.175, 1);
  position: relative;
}
.left-side .timeline-item-inner, .default-side .timeline-item-inner {
  transform: translateZ(0) translateX(-100%);
}
.right-side .timeline-item-inner {
  transform: translateZ(0) translateX(100%);
}
.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;
  bottom: -15px;
  line-height: 0.9em;
  font: 36px "roboto_bold";
  letter-spacing: 0px;
  position: absolute;
  z-index: 1;
}
.right-side .timeline-year {
  left: 0;
}
.left-side .timeline-year {
  right: 0;
}

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

.timeline-start {
  height: 18px;
  position: relative;
  margin: 0 auto;
  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;
  animation: bounce-in 1s 1 ease-in-out forwards;
}

.timeline-marker-line {
  transition: width 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  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 {
  background-color: #fff;
  height: 90px;
}

.timeline-tab {
  background-color: #f1f1f1;
  cursor: pointer;
  text-transform: capitalize;
  border-bottom: 1px solid #c7c8c8;
  border-left: 1px solid #c7c8c8;
  float: left;
  text-align: center;
  height: 100%;
  padding: 20px 0;
  width: 50%;
}
.timeline-tab.current {
  background-color: #fff;
  border-bottom: none;
}
.timeline-tab:not(.current):hover .timeline-title {
  color: #1f2223;
}
.timeline-tab:first-child {
  border-left: none;
}

.timeline-title {
  color: #051224;
  line-height: 28px;
  font: 32px "roboto_bold";
  letter-spacing: 0px;
  transition: all 0.25s ease-in-out;
}
.current .timeline-title {
  color: #1f2223;
}

.timeline-sub-title {
  color: #1f2223;
  line-height: 24px;
  font: 21px "roboto_regular";
  letter-spacing: 0px;
}

.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(50% - 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 {
  padding: 40px 30px 45px;
}
.whos-playing .royalSlider {
  background-color: transparent;
}
.whos-playing .movement-flag {
  float: right;
  height: auto;
  margin-bottom: 0px;
  margin-top: 12px;
  width: 40px;
}
.whos-playing .action-name {
  vertical-align: top;
  width: calc(100% - 40px);
}
.whos-playing .action-image:before {
  transform: translateZ(0);
}

/* ==========================================================================
	STATS HERO
	========================================================================== */
.stats-hero {
  z-index: 0;
  height: 390px;
}
.stats-hero .player-profile-hero-table {
  background-color: #2a4863;
  height: 160px;
  background: linear-gradient(to top, rgba(42, 72, 99, 0.33) 0%, rgba(31, 34, 35, 0.33) 100%);
}
.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;
}
.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 30px;
}
.scores-top-seeds .movement-block:first-child .movement-value {
  color: #051224;
}
.scores-top-seeds .movement-block .movement-value {
  color: #969b9d;
  line-height: 30px;
}
.scores-top-seeds .action-name {
  text-transform: capitalize;
}
.scores-top-seeds .action-player:nth-child(4n+1) {
  margin-left: 0px !important;
}

/* ==========================================================================
	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;
}
.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: 16px;
}
.race-to-london .module-header {
  padding: 0px 0px 20px;
}
.race-to-london .module-title img {
  height: 24px;
}

.race-to-london-cta {
  float: right;
  font-family: "roboto_bold";
  font-size: 16px;
  position: relative;
  text-transform: capitalize;
  top: 5px;
}

.race-to-london-table {
  float: left;
  margin-left: 40px;
  width: calc(50% - 20px);
}
.race-to-london-table:first-child {
  margin-left: 0px;
}
.race-to-london-table.doubles td {
  height: 85px;
}
.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;
  background-color: #f8f8f8;
  padding: 10px 5px;
}
.race-to-london-table td {
  border-bottom: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
  height: 60px;
}
.race-to-london-table td:first-child {
  border-left: none;
}
.race-to-london-table .rank {
  color: #051224;
  font-family: "roboto_bold";
  line-height: 1;
  text-align: center;
  font-size: 24px;
}
.race-to-london-table .points {
  color: #1f2223;
  font-family: "roboto_bold";
  line-height: 1;
  font-size: 16px;
  text-align: center;
}
.race-to-london-table .player {
  padding: 10px 15px;
}
.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: 25px;
  width: 25px;
}
.race-to-london-table .player-inner-wrapper:after {
  color: #fff;
  content: "\e616";
  font-family: "icomoon";
  line-height: 1;
  font-size: 14px;
  right: 5px;
}
.race-to-london-table .player-inner-wrapper.confirmed {
  padding-right: 35px;
}
.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: 30px;
  height: auto;
}
.race-to-london-table .player-name {
  color: #051224;
  line-height: 1;
  position: relative;
  font-family: "roboto_bold";
  font-size: 16px;
  top: -5px;
}
.race-to-london-table .blurb {
  color: #1f2223;
  font-size: 11px;
  line-height: 1;
  margin-top: 3px;
  padding-left: 40px;
}

/* ===============================================================
	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;
  display: flex;
  align-items: center;
}

.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 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.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;
}

.former-no1s .serve-leaders-tab-wrapper, .former-no1s .return-leaders-tab-wrapper, .former-no1s .pressure-leaders-tab-wrapper {
  width: calc(25% - 2px);
}

.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.)
   ========================================================================== */
@media only screen and (min-width: 768px) {
  .race-to-destination {
    padding: 16px;
  }
}
.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;
}
@media only screen and (min-width: 768px) {
  .race-to-destination_header {
    display: flex;
    align-items: center;
  }
}
.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;
}
@media only screen and (min-width: 768px) {
  .race-to-destination_header::before {
    display: none;
  }
}
.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;
}
@media only screen and (min-width: 768px) {
  .race-to-destination_header::after {
    display: none;
  }
}
.race-to-destination_header-logo {
  padding: 10px;
}
@media only screen and (min-width: 768px) {
  .race-to-destination_header-logo {
    padding: 0;
  }
}
.race-to-destination_header-logo > img {
  height: 16px;
}
@media only screen and (min-width: 768px) {
  .race-to-destination_header-logo > img {
    height: 24px;
  }
}
.race-to-destination_header-tabs {
  display: none;
}
@media only screen and (min-width: 768px) {
  .race-to-destination_header-tabs {
    display: flex;
    margin: 0 0 0 15px;
    border-left: 1px solid #bfc3c5;
  }
}
@media only screen and (min-width: 768px) {
  .race-to-destination_header-tabs-container {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
  }
}
@media only screen and (min-width: 768px) {
  .race-to-destination_header-tabs-item {
    list-style: none;
    cursor: pointer;
    font-family: "roboto_bold";
    font-size: 13px;
    text-transform: uppercase;
    color: #051224;
    padding: 5px 0 10px;
    display: block;
    margin-left: 15px;
    margin-bottom: 5px;
    border-bottom: 2px solid transparent;
  }
}
@media only screen and (min-width: 768px) {
  .race-to-destination_header-tabs-item:hover, .race-to-destination_header-tabs-item.race-to-destination_header-tabs-item--active {
    border-bottom: 2px solid #00aeef;
  }
}
.race-to-destination_switcher {
  padding: 20px 15px 0;
  display: none;
}
.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;
}
@media only screen and (min-width: 768px) {
  .race-to-destination_rankings {
    padding: 0;
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 768px) {
  .race-to-destination_rankings-container {
    width: 48%;
  }
}
.race-to-destination_rankings-container:last-child .race-to-destination_rankings-header {
  display: none;
}
@media only screen and (min-width: 768px) {
  .race-to-destination_rankings-container:last-child .race-to-destination_rankings-header {
    display: flex;
  }
}
.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;
}
@media only screen and (min-width: 768px) {
  .race-to-destination_rankings-rank, .race-to-destination_rankings-points {
    width: 40px;
  }
}
@media (min-width: 1025px) {
  .race-to-destination_rankings-rank, .race-to-destination_rankings-points {
    width: 60px;
  }
}
.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;
}
@media only screen and (min-width: 768px) {
  .race-to-destination_rankings-item .race-to-destination_rankings-rank, .race-to-destination_rankings-item .race-to-destination_rankings-points {
    font-size: 24px;
  }
}
.race-to-destination_rankings-points {
  width: 60px;
}
@media only screen and (min-width: 768px) {
  .race-to-destination_rankings-points {
    width: 50px;
  }
}
@media (min-width: 1025px) {
  .race-to-destination_rankings-points {
    width: 75px;
  }
}
.race-to-destination_rankings-item .race-to-destination_rankings-points {
  font-size: 15px;
}
@media only screen and (min-width: 768px) {
  .race-to-destination_rankings-item .race-to-destination_rankings-points {
    font-size: 16px;
  }
}
.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;
}
@media only screen and (min-width: 768px) {
  .race-to-destination_rankings-player-flag > img {
    width: 30px;
  }
}
.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;
}
@media only screen and (min-width: 768px) {
  .race-to-destination_rankings-item {
    font-size: 16px;
    min-height: 60px;
  }
}
.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%;
}
.race-to-destination_rankings-item .race-to-destination_rankings-players-info.race-to-destination_rankings-players-info--qualified {
  padding-right: 35px;
}
@media only screen and (min-width: 768px) {
  .race-to-destination_rankings-item .race-to-destination_rankings-players {
    min-height: 60px;
  }
}
.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;
}
@media only screen and (min-width: 768px) {
  .race-to-destination_rankings-item .race-to-destination_rankings-player {
    font-family: "roboto_bold";
  }
}
@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 #doorbell .buttons .btn, #doorbell .buttons .single-filter .btn, .single-filter #doorbell .buttons button, #doorbell .buttons .single-filter button, .single-filter .print-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 #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 .print-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: 40px 0px;
}
.board-member:first-child {
  border-top: none;
  padding-top: 0px;
}

.board-member-image {
  height: auto;
  width: 100%;
}

.board-member-name {
  color: #1f2223;
  font-family: Arial;
  font-weight: bold;
  line-height: 1;
  font-size: 21px;
  letter-spacing: 0px;
}

.board-member-position {
  color: #1f2223;
  font-family: "roboto_regular";
  font-size: 21px;
  letter-spacing: 0px;
}

.board-member-location {
  font-family: "roboto_regular";
  text-transform: capitalize;
  color: #969b9d;
  font-size: 18px;
  letter-spacing: 0px;
  margin: 5px 0px 25px;
}

.board-member-sub-heading {
  font-weight: bold;
  line-height: 30px;
  font-size: 1.8em;
  margin-top: 30px;
}

/* ==========================================================================
	COVER AND CALLOUT
   ========================================================================== */
.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 #doorbell .buttons .btn, #doorbell .buttons .cover-and-callout .btn, .cover-and-callout #doorbell .buttons button, #doorbell .buttons .cover-and-callout button, .cover-and-callout .button-row .button, .cover-and-callout .button-row .filter-control, .button-row .cover-and-callout .button, .button-row .cover-and-callout .filter-control, .cover-and-callout .print-button, .cover-and-callout .time-button, .cover-and-callout .button-row .featured-banner-button, .button-row .cover-and-callout .featured-banner-button {
  margin-top: 10px;
}

/* ==========================================================================
	MODAL INTRO
	========================================================================== */
.modal-intro__container {
  background-color: #fff;
  max-width: 640px;
  position: relative;
  margin: 40px auto;
}

.modal-intro__header {
  background-color: #00b4f1;
  color: #fff;
  position: relative;
  padding: 30px 40px;
}
.modal-intro__header h1 {
  font-family: "roboto_regular", arial, sans-serif;
  font-size: 24px;
}
.modal-intro__header .icon, .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 .tournaments-categories-item .item-link:hover:before, .tournaments-categories-item .modal-intro__header .item-link:hover:before {
  color: #5f676a;
}

.modal-intro__content {
  padding: 40px;
}
.modal-intro__content h1 {
  font-family: "roboto_bold", arial, sans-serif;
  font-weight: bold;
  font-size: 30px;
}
.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 #doorbell .buttons .btn, #doorbell .buttons .modal-intro__content .btn, .modal-intro__content #doorbell .buttons button, #doorbell .buttons .modal-intro__content button, .modal-intro__content .button-row .button, .modal-intro__content .button-row .filter-control, .button-row .modal-intro__content .button, .button-row .modal-intro__content .filter-control, .modal-intro__content .print-button, .modal-intro__content .time-button, .modal-intro__content .button-row .featured-banner-button, .button-row .modal-intro__content .featured-banner-button {
  padding-left: 40px;
  padding-right: 40px;
}

.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: 16px;
}
.modal-scores-match-stats .module-header {
  padding: 0;
}
.modal-scores-match-stats .module-header img {
  width: auto;
  margin-bottom: 5px;
}
.modal-scores-match-stats .button-border-row-holder {
  padding: 0 !important;
}
.modal-scores-match-stats .button-border-row-holder.hide {
  display: none !important;
}

.match-stats-table {
  width: 100%;
  line-height: 1em;
  font: 16px "roboto_regular";
}
.match-stats-table th {
  padding-top: 15px;
  vertical-align: middle;
  border-top: 1px solid #c7c8c8;
  font-size: 18px;
  padding-bottom: 10px;
  text-transform: capitalize;
}
.match-stats-table td {
  vertical-align: middle;
  border-top: 1px solid #c7c8c8;
  padding: 10px 0;
}

.match-stats-row {
  width: 100%;
}
.match-stats-row td {
  transition: all 1s linear;
  opacity: 0;
  width: 30%;
}
.match-stats-row.percent-on td {
  transition: all 0.5s linear;
  opacity: 1;
}

.match-stats-number-left,
.match-stats-number-right {
  color: #1f2223 !important;
  font-family: "roboto_bold";
  width: 30px !important;
}

.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;
  background-color: #f8f8f8;
  border-left: 1px solid #c7c8c8;
  border-right: 1px solid #c7c8c8;
  text-align: center;
  width: 150px !important;
}

.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 {
  margin-bottom: 20px;
}
.match-stats-page .modal-scores-header .section-title, .match-stats-page .modal-scores-header .module-title {
  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 #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 .print-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 #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 .print-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 #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 .print-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 #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.print-button, .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 #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 .button-row .selected.button, .match-stats-page .button-row .selected.filter-control, .button-row .match-stats-page .selected.button, .button-row .match-stats-page .selected.filter-control, .match-stats-page .selected.print-button, .match-stats-page .selected.time-button, .match-stats-page .button-row .selected.featured-banner-button, .button-row .match-stats-page .selected.featured-banner-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;
}
.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 #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 .button-row .button, .match-stats-page .live-vue-container .button-row .filter-control, .button-row .match-stats-page .live-vue-container .button, .button-row .match-stats-page .live-vue-container .filter-control, .match-stats-page .live-vue-container .print-button, .match-stats-page .live-vue-container .time-button, .match-stats-page .live-vue-container .button-row .featured-banner-button, .button-row .match-stats-page .live-vue-container .featured-banner-button {
  background: #051224;
  color: #fff;
}
.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 #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 .button-row .selected.button, .match-stats-page .live-vue-container .button-row .selected.filter-control, .button-row .match-stats-page .live-vue-container .selected.button, .button-row .match-stats-page .live-vue-container .selected.filter-control, .match-stats-page .live-vue-container .selected.print-button, .match-stats-page .live-vue-container .selected.time-button, .match-stats-page .live-vue-container .button-row .selected.featured-banner-button, .button-row .match-stats-page .live-vue-container .selected.featured-banner-button {
  background: #fff;
  color: #5f676a;
  border-bottom: 0;
}
.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;
  padding: 16px 16px 0px;
}
.modal-scores-header .module-header + .section-title, .modal-scores-header .module-header + .module-title {
  text-transform: none;
  font-size: 18px;
}
.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: 20px;
}

.score-item {
  float: left;
  border-left: 1px solid #c7c8c8;
  line-height: 1em;
  font: 14px "roboto_regular";
  letter-spacing: 0px;
  padding: 0 5px;
  text-transform: capitalize;
}
.score-item:first-child {
  padding-left: 0;
  border-left: none;
}
.score-item:first-child .score-label:first-child {
  padding-left: 0;
}
.score-item .score-label {
  color: #969b9d;
  padding: 0 2px;
}
.score-item .score-value {
  color: #000;
  padding: 0 2px;
}

.score-date {
  float: right;
  width: auto;
  color: #000;
  line-height: 1em;
  font: 14px "roboto_regular";
  letter-spacing: 0px;
}

/* ==========================================================================
	MODAL CAROUSEL
	========================================================================== */
.modal-carousel {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-color: #000;
}
.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;
  height: calc(100% - 70px);
}
.modal-carousel .royalSlider.rsHor {
  opacity: 1;
}
.modal-carousel .rsOverflow {
  z-index: 1;
  width: 100% !important;
  height: 100% !important;
  position: relative;
}
.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;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: transform 0.25s cubic-bezier(0.615, 0.005, 0.23, 1);
  transform: translateY(100%);
}
.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 {
  position: absolute;
  top: 50%;
  z-index: 2;
  width: 30px;
  height: 60px;
  border: 1px solid #051224;
  background-color: #051224;
  color: #fff;
  margin-top: -30px;
  text-align: center;
  transition: all 0.25s ease-in-out;
}
.modal-carousel .rsArrow .rsArrowIcn {
  padding-top: 20px;
  font-size: 20px;
}
.modal-carousel .rsArrow.rsArrowLeft {
  left: 0;
  border-left: 0;
}
.modal-carousel .rsArrow.rsArrowRight {
  border-right: 0;
  right: 0;
}
.modal-carousel .rsArrow:hover, .modal-carousel .rsArrow:active {
  border-color: #fff;
  background-color: #1f2223;
  color: #fff;
}
.modal-carousel .caption {
  width: 100%;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 5;
  padding: 20px;
  transition: bottom 0.25s ease-in-out;
}
.modal-carousel .caption p {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 0.25s ease-in-out, max-height 0.25s ease-in-out;
}
.modal-carousel .expand + .caption {
  bottom: -150px;
}

.modal-carousel-footer {
  padding: 20px;
  background-color: #181a1b;
}

.modal-carousel-position {
  color: #fff;
  font-size: 18px;
  float: left;
}

.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 #doorbell .buttons .btn, #doorbell .buttons .modal-carousel-buttons .btn, .modal-carousel-buttons #doorbell .buttons button, #doorbell .buttons .modal-carousel-buttons button, .modal-carousel-buttons .button-row .button, .modal-carousel-buttons .button-row .filter-control, .button-row .modal-carousel-buttons .button, .button-row .modal-carousel-buttons .filter-control, .modal-carousel-buttons .print-button, .modal-carousel-buttons .time-button, .modal-carousel-buttons .button-row .featured-banner-button, .button-row .modal-carousel-buttons .featured-banner-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 #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 .button-row .button:first-child, .modal-carousel-buttons .button-row .filter-control:first-child, .button-row .modal-carousel-buttons .button:first-child, .button-row .modal-carousel-buttons .filter-control:first-child, .modal-carousel-buttons .print-button:first-child, .modal-carousel-buttons .time-button:first-child, .modal-carousel-buttons .button-row .featured-banner-button:first-child, .button-row .modal-carousel-buttons .featured-banner-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: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);
}

.thumbnails-on .rsThumbs {
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateY(0%);
}

.captions-on.thumbnails-on .caption {
  bottom: 115px;
}
.captions-on .caption p {
  max-height: 60px;
  opacity: 1;
}

.share-on .modal-carousel-social-open {
  color: #fff;
}
.modal-carousel-social-open:hover, .modal-carousel-social-open:active {
  color: #fff;
}

.toggle-captions:before {
  content: "Show Captions";
}
.captions-on .toggle-captions {
  background-color: #051224;
  color: #fff;
}
.captions-on .toggle-captions:before {
  content: "Hide Captions";
}

.toggle-thumbnails:before {
  content: "Show Thumbnails";
}
.thumbnails-on .toggle-thumbnails {
  background-color: #051224;
  color: #fff;
}
.thumbnails-on .toggle-thumbnails:before {
  content: "Hide Thumbnails";
}

.toggle-autoplay:before {
  content: "Autoplay Off";
}
.autoplay-on .toggle-autoplay {
  background-color: #051224;
  color: #fff;
}
.autoplay-on .toggle-autoplay:before {
  content: "Autoplay On";
}

@media (min-width: 768px) and (max-width: 1024px) {
  .modal-carousel-open {
    display: none;
  }
}
@media (min-width: 1025px) {
  .modal-carousel-open {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    font-size: 30px;
    cursor: pointer;
    padding: 16px;
    color: #051224;
  }
  .modal-carousel-open:hover, .modal-carousel-open:active {
    color: #fff;
    text-shadow: 1px 1px 1px #000;
  }
}

/* ==========================================================================
	MEDIA QUERIES
	========================================================================== */
@media (max-width: 1332px) {
  .modal-carousel-open {
    right: auto;
    left: 0;
  }
}
/* ==========================================================================
    MODAL FILTER
   ========================================================================== */
/* ==========================================================================
	DRAW BY PLAYER
   ========================================================================== */
.draw-by-player {
  background-color: #ffffff;
  border: 1px solid #ececec;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  max-width: 980px;
  top: 40px;
}

.close-draw-by-player {
  cursor: pointer;
  font-size: 15px;
  position: absolute;
  right: 20px;
  top: 20px;
}
.close-draw-by-player:hover {
  color: #1f2223;
}

.draw-by-player-player {
  background-color: #f1f1f1;
  padding: 40px 30px 30px;
}

.draw-by-player-player-image {
  float: left;
  border: 1px solid #ececec;
  margin-right: 20px;
  width: 120px;
}
.draw-by-player-player-image img {
  display: block;
  height: auto;
  width: 100%;
}

.draw-by-player-player-info {
  float: left;
  width: 435px;
}
.draw-by-player-player-info .dropdown-holder {
  margin-top: 13px;
  width: 215px;
}
.draw-by-player-player-info .dropdown {
  top: 30px;
}

.draw-by-player-tourney-title {
  color: #1f2223;
  font-family: "roboto_bold";
  line-height: 1;
  text-transform: capitalize;
  font-size: 18px;
  letter-spacing: 0px;
}

.draw-by-player-player-row {
  margin-top: 8px;
  border-bottom: 1px solid #c7c8c8;
  border-top: 1px solid #c7c8c8;
  padding: 10px 0px;
  position: relative;
}
.draw-by-player-player-row > * {
  float: left;
}

.draw-by-player-player-seed {
  color: #969b9d;
  display: block;
  font-family: "roboto_bold";
  margin-right: 10px;
  text-align: center;
  font-size: 18px;
  letter-spacing: 0px;
  height: 25px;
  min-width: 25px;
}

.draw-by-player-player-name {
  font-family: "roboto_bold";
  font-size: 27px;
  letter-spacing: 0px;
  line-height: 1;
  text-transform: capitalize;
}

.draw-by-player-player-flag {
  width: auto;
  height: 22px;
  margin-left: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.draw-by-player-versus-wrapper {
  border-top: 1px solid #c7c8c8;
  max-height: 292px;
  overflow: auto;
  padding: 40px 30px 30px 15px;
  -webkit-overflow-scrolling: touch;
}

.draw-by-player-versus {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.draw-by-player-versus-player {
  display: table-cell;
  padding-left: 15px;
}

.draw-by-player-versus-player-box {
  border: 1px solid #ececec;
}
.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;
  background-color: #f1f1f1;
  border-bottom: 1px solid #ececec;
  display: block;
  font-family: "roboto_bold";
  font-size: 14px;
  letter-spacing: 0px;
  padding: 2px 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;
  background-color: #dbdbdb;
  font-size: 14px;
  margin-top: -2px;
  padding-top: 5px;
}

.draw-by-player-versus-player-name {
  display: block;
  margin-top: 10px;
  font-family: "roboto_bold";
  font-size: 14px;
  letter-spacing: 0px;
}

.draw-by-player-versus-score {
  font-family: "roboto_regular";
  margin-top: 10px;
  font-size: 14px;
  letter-spacing: 0px;
}

/* ==========================================================================
	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: #969b9d;
}
.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 {
  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: 20px;
  width: 75px;
}
.modal-event-breakdown-table th {
  border-top: 1px solid #ececec;
  padding: 5px 0px;
  text-transform: capitalize;
  vertical-align: middle;
  font-size: 1.6em;
}
.modal-event-breakdown-table td {
  padding: 10px 0px;
  font-size: 16px;
  letter-spacing: 0px;
  vertical-align: top;
}

.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
   ========================================================================== */
.page-header {
  background: #fff;
  position: relative;
  top: 0;
  left: 0;
  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.17);
}
.transition-header-on .page-header {
  height: 110px;
  overflow: hidden;
}
.transition-header-on .page-header .page-header-holder {
  height: 110px;
  overflow: hidden;
}
@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: 10px 0;
  margin: 0 auto;
  max-width: 1012px;
}
@media (min-width: 1332px) {
  .page-header-holder {
    max-width: 1332px;
  }
}
.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;
  font-size: 14px;
  height: 20px;
  letter-spacing: 0px;
  line-height: 16px;
  padding-left: 30px;
  top: 5px;
  width: 180px;
}
.filter-control .icon-filter {
  color: #051224;
  position: absolute;
  font-size: 18px;
  height: 18px;
  display: block;
  overflow: hidden;
  font-weight: normal !important;
  left: 0px;
  top: 0px;
  transition: all 0.25s ease-in-out;
}
.filter-control .icon-filter:before {
  background-color: #f1f1f1;
}
.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 .dropdown-holder {
  height: 37px;
}
.filter-holder .dropdown-holder.player-input:after {
  font-size: 16px;
  line-height: 35px;
  top: 0px;
}
.filter-holder .dropdown-holder.player-input .dropdown-label {
  top: 0px;
}
.filter-holder .dropdown-label:not(.filter-text-input) {
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 35px;
}
.filter-holder .filter-submit, .filter-holder .filter-reset {
  height: 37px;
  width: 37px;
}
.filter-holder .filter-reset:before {
  font-size: 22px;
  line-height: 33px;
}
.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: -5px;
}
.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: -3px;
}
.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;
  min-height: 60px;
  padding: 6px 16px 16px 16px;
}
.page-tabs.with-filter {
  padding: 0px;
}
.page-tabs.with-filter .module-tabs {
  float: left;
  padding: 16px;
}
.page-tabs.with-filter .module-tab:hover, .page-tabs.with-filter .module-tab:active {
  border-color: #1f2223;
}
.tourney-overview-tabs .page-tabs {
  border: none;
  border-bottom: 1px solid #ececec;
}
.page-tabs .module-tabs {
  border: none;
  float: none;
  margin: 0px;
  padding: 0px;
  font-size: 18px;
  letter-spacing: 0px;
}
.page-tabs .module-tab {
  margin: 0px 0px 0px 10px;
}
.page-tabs .module-tab:first-child {
  margin-left: 0px;
}
.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;
}

@media (max-width: 1039px) {
  .page-tabs.with-filter .content-filters-with-buttons {
    float: left;
    padding: 25px 0px 30px 30px;
  }
}
.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;
  border: 1px solid #c7c8c8;
  border-top: none;
  padding: 40px 30px;
}
.player-results .section-title, .player-results .module-title {
  margin-bottom: 20px;
}

.player-results-table {
  width: 100%;
}
.player-results-table tr {
  border-bottom: 1px solid #c7c8c8;
  height: 82px;
}
.player-results-table tr:first-child {
  border-top: 1px solid #c7c8c8;
}
.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.result-name {
  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: 13px;
  margin-right: 2px;
}
.player-results-table td.move-up .result-value:before {
  color: #00aa0c;
  content: "\e629";
  font-family: "icomoon";
  position: relative;
  top: -1px;
  font-size: 13px;
  margin-right: 2px;
}

/*.result-rank {
	position: relative;
	@if ($platform != mobile) {
		padding: 0px 20px;
		width: 88px;
	} @else {
		padding: 0px 0px 0px 8px;
		width: 73px;
	}
}*/
.result-flag {
  width: 100px;
}
.result-flag a {
  display: inline-block;
  width: 40px;
}
.result-flag img {
  height: auto;
  width: 100%;
}

.result-avatar {
  width: 81px;
}
.result-avatar a {
  display: block;
  overflow: hidden;
  height: 80px;
}
.result-avatar img {
  display: block;
  height: auto;
  width: 100%;
}

.result-name {
  font-family: "roboto_bold";
  font-size: 18px;
  letter-spacing: 0px;
  padding: 0px 30px;
}

.result-tourneys-played {
  width: 162px;
}

.result-value {
  color: #1f2223;
  font-family: "roboto_bold";
  font-size: 18px;
  letter-spacing: 0px;
}
.result-rank .result-value {
  color: #e24a4e;
  font-size: 2.8em;
}
.result-points .result-value {
  color: #1f2223;
}

.result-label {
  color: #969b9d;
  font-family: "roboto_regular";
  font-size: 14px;
  letter-spacing: 0px;
  /*.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: rgba(255, 255, 255, 0.95);
}
.search-container .container {
  padding: 0px 30px;
}
.search-active .search-container {
  opacity: 1;
  visibility: visible;
  height: calc(100% - 110px);
}
.search-active.cookies-flag .search-container {
  height: calc(100% - 150px);
}
body.fixed.search-active .search-container {
  position: fixed;
  height: calc(100% - 90px);
}
body.fixed.fixed-sub-navigation.search-active .search-container {
  height: calc(100% - 130px);
}
body.fixed.search-active.cookies-flag .search-container {
  position: fixed;
  height: calc(100% - 130px);
}
body.fixed.fixed-sub-navigation.search-active.cookies-flag .search-container {
  height: calc(100% - 170px);
}

/* Start : Search Form */
.site-search {
  background: transparent;
  width: 100%;
  position: relative;
}
.site-search .search {
  display: block;
  width: 100%;
  margin: 0;
  border: 0;
  box-sizing: border-box;
  background-color: transparent;
  border-bottom: 1px solid #c7c8c8;
  color: #1f2223;
  font-size: 60px;
  padding: 20px 90px 20px 0px;
}
.site-search .search::-webkit-input-placeholder {
  color: #d0d3d5;
}
.site-search .search:-moz-placeholder {
  /* Firefox 18- */
  color: #d0d3d5;
}
.site-search .search::-moz-placeholder {
  /* Firefox 19+ */
  color: #d0d3d5;
}
.site-search .search:-ms-input-placeholder {
  color: #d0d3d5;
}
.site-search .close-search {
  display: block;
  position: absolute;
  height: 100%;
  right: -60px;
  text-indent: -9999px;
  top: -20px;
  width: 185px;
}
.site-search .close-search:before, .site-search .close-search:after {
  background-color: #051224;
  content: " ";
  height: 2px;
  left: 25%;
  position: absolute;
  width: 50%;
  top: 50%;
  transition: background-color 0.25s;
}
.site-search .close-search:before {
  transform: rotate(45deg);
}
.site-search .close-search:after {
  transform: rotate(-45deg);
}
.search-partner {
  margin-top: 10px;
}
.search-partner span {
  color: #969b9d;
  font-family: "roboto_regular";
  margin-right: 10px;
  font-size: 18px;
}
.search-partner img {
  height: 20px;
  position: relative;
  top: 5px;
  width: auto;
}

/* End : Search Form */
.predictive-results-section {
  border-top: none;
  padding: 15px 0px;
}
.predictive-results-section:first-child {
  border-top: none;
}
.predictive-results-section .section-title, .predictive-results-section .module-title {
  margin: 20px 0px;
}

.predictive-results {
  display: table;
  width: 100%;
}

.predictive-result {
  display: table-row;
}
.predictive-result > * {
  vertical-align: middle;
  border-bottom: 1px solid #c7c8c8;
  padding: 20px 0px;
}

.predictive-result-image {
  display: table-cell;
  width: 75px;
}
.predictive-result-image img {
  height: auto;
  width: 46px;
}
.predictive-players .predictive-result-image img {
  border: 1px solid #c7c8c8;
}

.predictive-result-title {
  display: table-cell;
  font-family: "roboto_bold";
  font-size: 2em;
}

.predictive-result-sub-title {
  display: block;
  font-family: "roboto_regular";
  color: #1f2223;
  font-size: 18px;
}

.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 .channel-container .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 .channel-container .button-row .live-video, .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 .button, .predictive-result-buttons #doorbell .buttons .button-row .btn, .predictive-result-buttons #doorbell .buttons .button-row button, .predictive-result-buttons .button-row .print-button, .predictive-result-buttons .button-row .time-button, .predictive-result-buttons .button-row .featured-banner-button, .predictive-result-buttons .button-row .filter-control {
  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 #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 .button:first-child, .predictive-result-buttons .button-row .print-button:first-child, .predictive-result-buttons .button-row .time-button:first-child, .predictive-result-buttons .button-row .featured-banner-button:first-child, .predictive-result-buttons .button-row .filter-control:first-child {
  border-left: 1px solid #051224;
}

.predictive-see-all {
  display: block;
  font-family: "roboto_bold";
  margin-top: 20px;
  text-transform: capitalize;
  font-size: 18px;
}
.predictive-see-all:after {
  content: "\e609";
  font-family: "icomoon";
  font-size: 14px;
  margin-left: 5px;
}
.predictive-results-section:last-child .predictive-see-all {
  margin-top: 0px;
}

/* When search form is activated */
.search-active .header {
  z-index: 10001;
}
.search-active .site-search {
  opacity: 1;
  visibility: visible;
}

/* ==========================================================================
	TOURNAMENT RESULTS
   ========================================================================== */
.tournament-results {
  background-color: #ffffff;
  border: 1px solid #c7c8c8;
  border-top: none;
  padding: 35px 30px;
}
.tournament-results .section-title, .tournament-results .module-title {
  margin-bottom: 25px;
}

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

.tourney-result {
  height: 81px;
}
.tourney-result:first-child td {
  border-top: 1px solid #ececec;
}
.tourney-result td {
  border-bottom: 1px solid #ececec;
  padding-bottom: 10px !important;
  padding-top: 10px !important;
  text-align: center;
  vertical-align: middle;
}
.tourney-result td.title-content, .tourney-result td.action-butotns {
  text-align: left;
}
.tourney-result td.title-content {
  padding-right: 20px;
}
.tourney-result td.title-content + .tourney-details {
  padding-left: 20px;
  width: 98px;
}
.tourney-result.with-icons {
  background-color: #f1f1f1;
}
.tourney-result.with-icons .when-heading-inner {
  height: auto !important;
}
.tourney-result.with-icons .image-icon {
  float: left;
  font-size: 33px;
  padding-right: 10px;
  padding-bottom: 5px;
}
.tourney-result.with-icons .image-icon.icon-court {
  font-size: 36px;
}
.tourney-result.with-icons .info-area {
  float: left;
}
.tourney-result.with-icons .tourney-details {
  width: 108px;
}
.tourney-result.with-icons .tourney-details.prize-money, .tourney-result.with-icons .tourney-details.fin-commit {
  width: 137px;
}
.tourney-result.with-icons .item-details {
  line-height: 1.2;
}
.tourney-result.with-icons td.title-content + .tourney-details {
  width: 118px;
}
.tourney-result.with-icons * {
  border-color: #dbdbdb !important;
}
.tourney-result.with-icons .tourney-pager {
  border-left: 1px solid #dbdbdb;
  color: #969b9d;
  line-height: 1em;
  font: 16px "roboto_bold";
  letter-spacing: 0px;
  padding: 0px 10px;
  text-align: center;
  text-transform: capitalize;
  width: 47px;
}
.tourney-result.with-icons .pager-of {
  padding: 2px 0;
  line-height: 1em;
  font: 13px "roboto_regular";
}
.tourney-result.with-icons .pager-current {
  margin-top: 5px;
}
.tourney-result .when-heading {
  color: #1f2223;
  font-family: "roboto_regular";
  font-size: 14px;
  letter-spacing: 0px;
  position: relative;
  text-transform: capitalize;
  width: 1px;
}
.tourney-result .when-heading.live {
  background-color: #051224;
  border-bottom: 1px solid #051224;
  border-top: 1px solid #051224;
  color: #ffffff;
  width: 20px;
}
.tourney-result .when-heading .when-heading-inner {
  position: relative;
  width: 20px;
  transform: translateY(30%);
}
.tourney-result .when-heading span {
  display: inline-block;
  left: 0px;
  position: absolute;
  height: 20px;
  line-height: 20px;
  margin: 0 auto;
  white-space: nowrap;
  min-width: 50px;
  transform: rotate(-90deg) translateX(-50%);
  transform-origin: top left;
}
.tourney-result .tourney-badge-wrapper {
  width: 50px;
  padding: 0px 15px 0px 15px;
}
.tourney-result .tourney-badge-wrapper img {
  height: auto;
  width: 59px;
  padding: 4px;
  margin-right: 10px;
}
.tourney-result .tourney-badge img {
  height: auto;
  width: 50px;
}
.tourney-result .tourney-title {
  display: block;
  font-family: "roboto_bold";
  font-size: 18px;
  letter-spacing: 0px;
  line-height: 1;
}
.tourney-result .tourney-location {
  color: #1f2223;
  font-family: "roboto_regular";
  font-size: 16px;
  letter-spacing: 0px;
  margin-right: 30px;
}
.tourney-result .tourney-dates {
  color: #1f2223;
  display: block;
  font-family: "roboto_bold";
  font-size: 16px;
  letter-spacing: 0px;
}
.tourney-result .tourney-details {
  padding: 0px 15px;
  width: 70px;
}
.tourney-result .tourney-details.prize-money {
  width: 100px;
}
.tourney-result .tourney-details.action-buttons {
  border-left: 1px solid #ececec;
  width: 315px;
}
.tourney-result .tourney-details.action-buttons > .button-border, .tourney-result .channel-container .tourney-details.action-buttons > .view-more, .channel-container .tourney-result .tourney-details.action-buttons > .view-more, .tourney-result .channel-container .button-row .tourney-details.action-buttons > .view-more, .tourney-result .channel-container .tourney-details.action-buttons > .live-video, .channel-container .tourney-result .tourney-details.action-buttons > .live-video, .tourney-result .channel-container .button-row .tourney-details.action-buttons > .live-video, .tourney-result #doorbell .buttons .tourney-details.action-buttons > .btn, #doorbell .buttons .tourney-result .tourney-details.action-buttons > .btn, .tourney-result #doorbell .buttons .tourney-details.action-buttons > button, #doorbell .buttons .tourney-result .tourney-details.action-buttons > button, .tourney-result .button-row .tourney-details.action-buttons > .button, .button-row .tourney-result .tourney-details.action-buttons > .button, .tourney-result .button-row .tourney-details.action-buttons > .button-border, .channel-container .tourney-result .button-row .tourney-details.action-buttons > .view-more, .channel-container .tourney-result .button-row .tourney-details.action-buttons > .live-video, .tourney-result #doorbell .buttons .button-row .tourney-details.action-buttons > .btn, .tourney-result #doorbell .buttons .button-row .tourney-details.action-buttons > button, .tourney-result .tourney-details.action-buttons > .print-button, .tourney-result .button-row .tourney-details.action-buttons > .print-button, .tourney-result .tourney-details.action-buttons > .time-button, .tourney-result .button-row .tourney-details.action-buttons > .time-button, .tourney-result .button-row .tourney-details.action-buttons > .featured-banner-button, .button-row .tourney-result .tourney-details.action-buttons > .featured-banner-button, .tourney-result .button-row .tourney-details.action-buttons > .filter-control, .button-row .tourney-result .tourney-details.action-buttons > .filter-control {
  float: left;
  margin: 5px 20px 0px 0px;
}
.tourney-result .tourney-details.action-buttons .info-area {
  float: left;
}
.tourney-result .tourney-details.action-buttons .info-area .info-item .item-details .item-value {
  color: #051224;
}
.tourney-result .tourney-details.action-buttons .info-area .info-item .item-details .item-value:hover {
  color: #1f2223;
}
.tourney-result .tourney-details.action-button-icon {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
  width: 200px;
  padding: 10px;
  margin: auto;
}
.tourney-result .tourney-details.action-button-icon .print-button {
  display: inline-grid;
  height: auto;
  margin: 0;
  padding: 8px;
  font-size: 14px;
  color: #97d300;
  border: 2px solid #97d300;
}
.tourney-result .tourney-details.action-button-icon .print-button .icon::before, .tourney-result .tourney-details.action-button-icon .print-button .tournaments-categories-item .item-link::before, .tournaments-categories-item .tourney-result .tourney-details.action-button-icon .print-button .item-link::before {
  font-size: 24px;
  font-weight: bold;
  color: #97d300;
}
.tourney-result .tourney-details.action-button-icon .print-button:hover {
  color: #fff;
  background: #97d300;
}
.tourney-result .tourney-details.action-button-icon .print-button:hover .icon::before, .tourney-result .tourney-details.action-button-icon .print-button:hover .tournaments-categories-item .item-link::before, .tournaments-categories-item .tourney-result .tourney-details.action-button-icon .print-button:hover .item-link::before {
  color: #fff;
}
.tourney-result .tourney-details .info-area {
  margin-top: 0px;
}
.tourney-result .tourney-details .info-area .item-value {
  display: inline-block;
  min-width: 10px;
}
.tourney-result .tourney-details .info-area .info-item {
  float: none;
  text-align: left;
  width: auto;
}
.tourney-result .tourney-details .info-area .info-item .item-details {
  color: #969b9d;
}
.tourney-result .tourney-details .info-area .info-item .item-details.is-one-line {
  padding-top: 13px;
  margin: 0;
}
.tourney-result .tourney-details .info-area .info-item .item-details .item-value {
  color: #1f2223;
  display: block;
}
.tourney-result .tourney-details .button-row-holder, .tourney-result .tourney-details .button-border-row-holder,
.tourney-result .tourney-details .button-group-row-holder {
  margin-top: 0px;
  table-layout: fixed;
}
.tourney-result .tourney-details .button-row {
  display: flex;
  text-align: center;
  flex-direction: row;
  justify-content: space-evenly;
}
.tourney-result .tourney-details .button-row .button, .tourney-result .tourney-details .button-row .button-border, .tourney-result .tourney-details .button-row .channel-container .view-more, .channel-container .tourney-result .tourney-details .button-row .view-more, .tourney-result .tourney-details .channel-container .button-row .view-more, .tourney-result .tourney-details .button-row .channel-container .live-video, .channel-container .tourney-result .tourney-details .button-row .live-video, .tourney-result .tourney-details .channel-container .button-row .live-video, .tourney-result .tourney-details .button-row #doorbell .buttons .btn, #doorbell .buttons .tourney-result .tourney-details .button-row .btn, .tourney-result .tourney-details .button-row #doorbell .buttons button, #doorbell .buttons .tourney-result .tourney-details .button-row button, .tourney-result .tourney-details #doorbell .buttons .button-row .btn, .tourney-result .tourney-details #doorbell .buttons .button-row button, .tourney-result .tourney-details .button-row .print-button, .tourney-result .tourney-details .button-row .time-button, .tourney-result .tourney-details .button-row .featured-banner-button, .tourney-result .tourney-details .button-row .filter-control {
  width: 140px;
  margin-right: 2px;
}

body .tourney-result td.tourney-details-table-wrapper {
  border: none !important;
  border-bottom: 1px solid #dbdbdb !important;
  border-top: 1px solid #dbdbdb !important;
  padding: 0px !important;
  width: 30%;
}
body .tourney-result td.tourney-details-table-wrapper table {
  table-layout: fixed;
  width: 100%;
}
body .tourney-result td.tourney-details-table-wrapper .icon-area {
  border-bottom: 1px solid #dbdbdb;
  display: inline-block;
  height: 40px;
  padding: 0px 10px 5px;
}
body .tourney-result td.tourney-details-table-wrapper .icon-area .item-details {
  float: left;
  line-height: 1;
  margin-left: 5px;
  position: relative;
  text-align: left;
  top: 2px;
}
body .tourney-result td.tourney-details-table-wrapper .icon-area .image-icon {
  position: relative;
}
body .tourney-result td.tourney-details-table-wrapper .icon-area .image-icon.icon-court {
  top: -2px;
}
body .tourney-result td.tourney-details-table-wrapper .icon-area .image-icon.icon-bracket {
  top: -1px;
}
body .tourney-result td.tourney-details-table-wrapper .icon-area.category {
  font-family: inherit !important;
  text-align: center;
}
body .tourney-result td.tourney-details-table-wrapper .icon-area.category > div {
  margin-top: 10px;
}
body .tourney-result td.tourney-details-table-wrapper .info-area {
  padding-top: 5px;
  text-align: center;
  width: 100%;
}
body .tourney-result td.tourney-details-table-wrapper .tourney-details {
  border: none;
  font-family: "roboto_regular";
  font-size: 12px;
  letter-spacing: 0px;
  padding: 10px 8px;
}
body .tourney-result td.tourney-details-table-wrapper .tourney-details.fin-commit {
  width: 150px;
}
body .tourney-result td.tourney-details-table-wrapper .tourney-details.prize-money {
  width: 110px;
}
@media (max-width: 1039px) {
  body .tourney-result td.tourney-details-table-wrapper .tourney-details.prize-money {
    display: none;
  }
}
body .tourney-result td.tourney-details-table-wrapper .tourney-details.fin-commit .icon-area, body .tourney-result td.tourney-details-table-wrapper .tourney-details.prize-money .icon-area {
  width: 100%;
}
body .tourney-result td.tourney-details-table-wrapper .tourney-details.fin-commit .icon-area .item-details, body .tourney-result td.tourney-details-table-wrapper .tourney-details.prize-money .icon-area .item-details {
  width: calc(100% - 38px);
}
body .tourney-result td.tourney-details-table-wrapper .image-icon {
  color: #1f2223;
  padding: 0px;
}
body .tourney-result td.tourney-details-table-wrapper .item-value :not(a) {
  color: #1f2223;
}

@media (max-width: 1039px) {
  .tourney-result .tourney-details.action-buttons {
    width: 135px;
  }
  .tourney-result .tourney-details.action-buttons .button-border, .tourney-result .tourney-details.action-buttons .channel-container .view-more, .channel-container .tourney-result .tourney-details.action-buttons .view-more, .tourney-result .tourney-details.action-buttons .channel-container .live-video, .channel-container .tourney-result .tourney-details.action-buttons .live-video, .tourney-result .tourney-details.action-buttons #doorbell .buttons .btn, #doorbell .buttons .tourney-result .tourney-details.action-buttons .btn, .tourney-result .tourney-details.action-buttons #doorbell .buttons button, #doorbell .buttons .tourney-result .tourney-details.action-buttons button, .tourney-result .tourney-details.action-buttons .button-row .button, .button-row .tourney-result .tourney-details.action-buttons .button, .tourney-result .tourney-details.action-buttons .print-button, .tourney-result .tourney-details.action-buttons .time-button, .tourney-result .tourney-details.action-buttons .button-row .featured-banner-button, .button-row .tourney-result .tourney-details.action-buttons .featured-banner-button, .tourney-result .tourney-details.action-buttons .button-row .filter-control, .button-row .tourney-result .tourney-details.action-buttons .filter-control {
    float: none;
    margin: 0px auto;
  }
  .tourney-result .tourney-details.action-buttons .info-area {
    float: none;
    margin-top: 10px;
  }
  .tourney-result .tourney-details.action-buttons .info-area .info-item {
    text-align: center;
  }
  .tourney-result .tourney-details .button-row .button, .tourney-result .tourney-details .button-row .button-border, .tourney-result .tourney-details .button-row .channel-container .view-more, .channel-container .tourney-result .tourney-details .button-row .view-more, .tourney-result .tourney-details .channel-container .button-row .view-more, .tourney-result .tourney-details .button-row .channel-container .live-video, .channel-container .tourney-result .tourney-details .button-row .live-video, .tourney-result .tourney-details .channel-container .button-row .live-video, .tourney-result .tourney-details .button-row #doorbell .buttons .btn, #doorbell .buttons .tourney-result .tourney-details .button-row .btn, .tourney-result .tourney-details .button-row #doorbell .buttons button, #doorbell .buttons .tourney-result .tourney-details .button-row button, .tourney-result .tourney-details #doorbell .buttons .button-row .btn, .tourney-result .tourney-details #doorbell .buttons .button-row button, .tourney-result .tourney-details .button-row .print-button, .tourney-result .tourney-details .button-row .time-button, .tourney-result .tourney-details .button-row .featured-banner-button, .tourney-result .tourney-details .button-row .filter-control {
    border: 1px solid #051224;
    display: block;
    margin-top: 2px;
    width: 100px;
  }
  .tourney-result .tourney-details .button-row .button:first-child, .tourney-result .tourney-details .button-row .button-border:first-child, .tourney-result .tourney-details .button-row .channel-container .view-more:first-child, .channel-container .tourney-result .tourney-details .button-row .view-more:first-child, .tourney-result .tourney-details .button-row .channel-container .live-video:first-child, .channel-container .tourney-result .tourney-details .button-row .live-video:first-child, .tourney-result .tourney-details .button-row #doorbell .buttons .btn:first-child, #doorbell .buttons .tourney-result .tourney-details .button-row .btn:first-child, .tourney-result .tourney-details .button-row #doorbell .buttons button:first-child, #doorbell .buttons .tourney-result .tourney-details .button-row button:first-child, .tourney-result .tourney-details .button-row .print-button:first-child, .tourney-result .tourney-details .button-row .time-button:first-child, .tourney-result .tourney-details .button-row .featured-banner-button:first-child, .tourney-result .tourney-details .button-row .filter-control: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 .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;
}

.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 .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-score-cell {
  text-align: center;
  width: 65px;
}

.line-graph-cell {
  padding-left: 0 !important;
  vertical-align: middle;
}

.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;
  border: 1px solid #c7c8c8;
}

.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: "• ";
}

@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 .intro-copy {
  margin-bottom: 25px;
}
.rulebook-table-wrapper .sub-section-title {
  margin-bottom: 10px;
}
.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: #969b9d;
  line-height: 1.2;
  padding: 15px 20px;
}
.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;
  padding: 15px 30px;
  width: 85px;
}

.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: 40px 30px;
}
.two-column-tables .structure-table-wrapper {
  float: left;
  padding: 0px;
  width: 50%;
}
.two-column-tables .structure-table-wrapper:first-child .structure-table {
  border-left: 0px solid #fff;
  border-right: 20px solid #fff;
}
.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;
  font-size: 21px;
  letter-spacing: 0px;
  padding-bottom: 15px;
}
.structure-table tr:first-child td {
  border-top: 1px solid #ececec;
}
.structure-table td {
  border-bottom: 1px solid #ececec;
  border-left: 1px solid #ececec;
  color: #1f2223;
  font-family: "roboto_regular";
  vertical-align: middle;
  font-size: 16px;
  letter-spacing: 0px;
  padding: 15px 15px 10px;
}
.structure-table td:first-child {
  border-left: none;
  color: #969b9d;
  padding-left: 0px;
  width: 215px;
}
.two-column-tables .structure-table {
  border-left: 20px solid #fff;
}
.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: 20px;
}
.structure-multiline-wrapper:first-child {
  margin-top: 0px;
}

.structure-multiline {
  float: left;
  margin-left: 20px;
  width: 35%;
}
.structure-multiline:first-child {
  margin-left: 0px;
}
.structure-multiline span {
  display: block;
}

/* ==========================================================================
	MEGA TABLE
   ========================================================================== */
.mega-table-wrapper {
  margin-top: 16px;
  padding: 0px 16px;
}
.mega-table-wrapper.challenger-mega-table-wrapper th:first-child, .mega-table-wrapper.challenger-mega-table-wrapper td:first-child {
  text-align: left;
}
.mega-table-wrapper.challenger-mega-table-wrapper th:nth-child(2), .mega-table-wrapper.challenger-mega-table-wrapper td:nth-child(2) {
  width: 110px;
}
.mega-table-wrapper.challenger-mega-table-wrapper th:nth-child(3), .mega-table-wrapper.challenger-mega-table-wrapper td:nth-child(3) {
  text-align: left;
  width: 125px;
}
.mega-table-wrapper.challenger-mega-table-wrapper th:nth-child(4), .mega-table-wrapper.challenger-mega-table-wrapper td:nth-child(4) {
  text-align: left;
  width: 250px;
}

.mega-table {
  width: 100%;
}
.mega-table td, .mega-table th {
  border-bottom: 1px solid #ececec;
  color: #1f2223;
  font-family: "roboto_regular";
  vertical-align: middle;
  font-size: 16px;
  letter-spacing: 0px;
}
.mega-table th {
  border-top: 1px solid #ececec;
  text-transform: capitalize;
  padding: 5px 15px;
  background-color: #f8f8f8;
}
.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: 20px;
}
.mega-table td {
  border-left: 1px solid #ececec;
  text-align: center;
  vertical-align: middle;
  padding: 15px 15px 10px;
}
.mega-table td:first-child {
  border-left: none;
}
.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 td.age-cell {
  width: 50px;
}
.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: 16px;
}
.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: 23.5%;
}
.match-record-wrapper .mega-table th {
  border-top: none;
  color: #1f2223;
}
.match-record-wrapper .mega-table td:nth-child(3), .match-record-wrapper .mega-table td:nth-child(4), .match-record-wrapper .mega-table td:nth-child(5) {
  width: 17.5%;
}
.match-record-wrapper .mega-table td:nth-child(2), .match-record-wrapper .mega-table td:last-child {
  width: 12%;
}
.match-record-wrapper .mega-table td:nth-child(3), .match-record-wrapper .mega-table td:nth-child(5) {
  background-color: #dbd5e9;
}
.match-record-wrapper .mega-table td:last-child {
  text-align: center;
}
.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 .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 .button-row .button, .button-row .match-record-wrapper .button, .match-record-wrapper .print-button, .match-record-wrapper .time-button, .match-record-wrapper .button-row .featured-banner-button, .button-row .match-record-wrapper .featured-banner-button, .match-record-wrapper .button-row .filter-control, .button-row .match-record-wrapper .filter-control {
  border-color: #051224;
  color: #051224;
  margin-top: 25px;
}
.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 .button-row .button:hover, .button-row .match-record-wrapper .button:hover, .match-record-wrapper .print-button:hover, .match-record-wrapper .time-button:hover, .match-record-wrapper .button-row .featured-banner-button:hover, .button-row .match-record-wrapper .featured-banner-button:hover, .match-record-wrapper .button-row .filter-control:hover, .button-row .match-record-wrapper .filter-control:hover {
  background-color: #051224;
  color: #ffffff;
}

/* ==========================================================================
	OVERVIEW STATS TABLE
   ========================================================================== */
.overview-stats-table-wrapper {
  margin-top: 10px;
  padding: 16px;
  position: relative;
}
.overview-stats-table-wrapper:before {
  content: attr(data-tab);
  font-family: "roboto_regular";
  font-size: 18px;
  left: 39px;
  position: absolute;
  text-transform: capitalize;
  z-index: 1;
  top: calc(50% - 20px);
  transform-origin: top left;
  transform: rotate(-90deg) translateX(-50%);
}
.overview-stats-table-wrapper.career:before {
  top: calc(50% - 8px);
}

.players-stats-table {
  width: 100%;
  table-layout: fixed;
}
.players-stats-table .vertical-th {
  background: #f1f1f1;
  position: relative;
  font-family: "roboto_regular";
  border: 1px solid #ececec;
  border-right: none;
  font-size: 18px;
  width: 40px;
}
.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;
}
@media (min-width: 1012px) {
  .has-side-widget .players-stats-table {
    float: left;
    width: calc(100% - 340px);
  }
  .lt-ie10 .has-side-widget .players-stats-table {
    float: none;
    width: 100%;
  }
}
.players-stats-table tr:first-child td {
  border-top: 1px solid #ececec;
}
.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: #969b9d;
  font-size: 14px;
  padding: 15px 0px;
}
.players-stats-table td:first-child {
  background-color: #f1f1f1;
  border-left: none;
  font-size: 16px;
  letter-spacing: 0px;
  width: 86px;
}
.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: 16px;
  letter-spacing: 0px;
}
.players-stats-table .stat-value .icon-double-down-arrow:before, .players-stats-table .stat-value .head-to-head-move-down:before, .players-stats-table .stat-value .player-ranking-move .move-down:before, .player-ranking-move .players-stats-table .stat-value .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, .players-stats-table .stat-value .player-ranking-move .move-up:before, .player-ranking-move .players-stats-table .stat-value .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;
}

.overview-stats-widget {
  margin-top: 30px;
  width: 300px;
}
@media (min-width: 1012px) {
  .overview-stats-widget {
    float: right;
    margin-top: 0px;
  }
  .lt-ie10 .overview-stats-widget {
    float: none;
    margin-top: 30px;
  }
}

/* ==========================================================================
	ACTIVITY STATS TABLE
   ========================================================================== */
.activity-stats-table-wrapper {
  padding: 40px 30px;
}
.module-header + .activity-stats-table-wrapper, .module-header + script + .activity-stats-table-wrapper {
  margin-top: 10px;
}
.activity-stats-table-wrapper .players-stats-table tr:first-child td:first-child .stat-value {
  color: #969b9d;
  font-family: "roboto_regular";
}
.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 {
  font-size: 22px;
}

.activity-tournament-table {
  margin-bottom: 35px;
  padding: 0px 30px;
}
.activity-tournament-table .mega-table th:first-child, .activity-tournament-table .mega-table th:nth-child(2), .activity-tournament-table .mega-table th:nth-child(4), .activity-tournament-table .mega-table td:first-child, .activity-tournament-table .mega-table td:nth-child(2), .activity-tournament-table .mega-table td:nth-child(4) {
  width: 12.5%;
}
.activity-tournament-table .mega-table th:first-child, .activity-tournament-table .mega-table td:first-child {
  text-align: left;
}
.activity-tournament-table .mega-table th:last-child, .activity-tournament-table .mega-table td:last-child {
  width: 16%;
}
.activity-tournament-table .mega-table th {
  color: #1f2223;
  border-top: none;
}
.activity-tournament-table .mega-table td {
  color: #969b9d;
}
.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: 20px !important;
}

.activity-tournament-caption {
  font-family: "roboto_regular";
  color: #969b9d;
  font-size: 12px;
  margin-top: 10px;
}

.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 th:nth-child(2), .activity-tournament-table .mega-table.doubles-diff-partners-layout td:nth-child(2) {
  width: 29.5%;
}
.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;
  padding: 0px 30px;
}
.coaches-tables-wrapper:first-child {
  padding-top: 30px;
}

.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;
  width: 100%;
}
.coach-avatar img {
  display: block;
  height: auto;
  width: 100%;
}

.coach-name {
  display: block;
  text-align: left;
  width: 100%;
}

.coaching-player {
  display: block;
}
.coaching-player:last-child:after {
  display: none;
}
.coaching-player:after {
  content: ",";
}

/* ==========================================================================
	PAST RESULTS & DRAW
   ========================================================================== */
.past-results-and-draws-table-wrapper {
  padding: 0px 16px 16px;
}
.past-results-and-draws-table-wrapper .module-tabs {
  border: none;
  float: none;
  height: auto;
  margin: 0px 0px 20px;
  padding: 0px;
}
.past-results-and-draws-table-wrapper .module-tabs .icon, .past-results-and-draws-table-wrapper .module-tabs .tournaments-categories-item .item-link:before, .tournaments-categories-item .past-results-and-draws-table-wrapper .module-tabs .item-link:before {
  top: 0px;
}

.past-results-and-draws-table.mega-table th {
  color: #1f2223;
}
.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 .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 {
  padding: 0px 16px 16px;
}
.seeds-table-wrapper .module-tabs {
  border: none;
  float: none;
  height: auto;
  margin: 0px 0px 20px;
  padding: 0px;
}
.seeds-table-wrapper .module-tabs .icon, .seeds-table-wrapper .module-tabs .tournaments-categories-item .item-link:before, .tournaments-categories-item .seeds-table-wrapper .module-tabs .item-link:before {
  top: 0px;
}

.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 .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 {
  padding: 0px 16px 16px;
}

.points-and-prize-money-table {
  margin-top: 30px;
  position: relative;
}
.points-and-prize-money-table:first-child {
  margin-top: 0px;
}
.points-and-prize-money-table:before {
  content: attr(data-table-version);
  color: #969b9d;
  display: block;
  font-family: "roboto_regular";
  font-size: 18px;
  left: 0px;
  position: absolute;
  text-align: center;
  text-transform: capitalize;
  top: 0px;
  width: 170px;
  top: calc(50% + 20px);
  transform: translateY(-50%);
}
.points-and-prize-money-table .mega-table {
  table-layout: fixed;
}
.points-and-prize-money-table .mega-table tr:nth-child(2n) td {
  background-color: #f8f8f8;
}
.points-and-prize-money-table .mega-table tr:last-child td:first-child {
  border-bottom: 1px solid #ececec;
}
.points-and-prize-money-table .mega-table th:first-child, .points-and-prize-money-table .mega-table td:first-child {
  width: 170px;
}
.points-and-prize-money-table .mega-table td {
  text-align: center;
}
.points-and-prize-money-table .mega-table td:first-child {
  background-color: #f8f8f8;
  border-bottom: none;
}
.points-and-prize-money-table .mega-table td:nth-child(2) {
  color: #969b9d;
}

/* ==========================================================================
CAREER TITLES/FINALS
  ========================================================================== */
.career-titles-finals-table-wrapper {
  margin-top: 10px;
  padding-bottom: 40px;
}
.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;
}
.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: 40px 0px 40px 30px;
}

.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 {
  float: left;
  margin-top: 10px;
  width: calc(100% - 10px);
}

.scores-draw-entry-box {
  position: relative;
  width: 100%;
  border: 1px solid #ececec;
  border-left: none;
  padding: 10px;
  top: 50%;
  transform: translateY(-50%);
}
td:first-child .scores-draw-entry-box {
  float: none;
  margin-top: 10px;
  padding-left: 0px;
  transform: none;
}

.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: #969b9d;
}
.scores-draw-entry-box-table td:first-child {
  color: #1f2223;
  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;
}
.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;
}
.scores-draw-entry-box-players-item.not-in-system {
  color: #1f2223;
}

.scores-draw-entry-box-players-item-flag {
  height: auto;
  width: 20px;
  border: 1px solid #c7c8c8;
  left: 0px;
  position: absolute;
  top: calc(50% - 2px);
  transform: translateY(-50%);
}
.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: 10px;
  top: 100%;
  top: calc(100% + 5px);
}

.scores-draw-h2h-link {
  background-color: #051224;
  color: #ffffff;
  display: block;
  font-family: "roboto_regular";
  font-size: 12px;
  position: relative;
  text-align: center;
  cursor: pointer;
  float: left;
  margin-top: 10px;
  line-height: 1;
  width: 10px;
}
.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%);
}

@media (max-width: 979px) {
  .scores-draw-table-wrapper {
    padding: 40px 0px;
  }

  td:first-child .scores-draw-entry-box {
    padding-left: 10px;
  }

  .scores-draw-table th:first-child span {
    padding-left: 10px;
  }
}
/* ==========================================================================
	BRACKET NAVIGATION/TABS
   ========================================================================== */
/* ==========================================================================
	STATS LISTING
   ========================================================================== */
.stats-listing-wrapper {
  padding: 16px;
}
.stats-listing-wrapper .section-title, .stats-listing-wrapper .module-title {
  margin-bottom: -10px;
}
.stats-listing-wrapper .section-title a, .stats-listing-wrapper .module-title a {
  color: #1f2223;
}

.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-table table {
  table-layout: fixed;
}
.stats-listing-table table td:first-child {
  width: 22px;
}

.stats-listing-row > td {
  border-bottom: 1px solid #ececec;
  border-left: 1px solid #ececec;
  text-align: center;
  padding: 0px 25px;
}
.stats-listing-row > td:first-child {
  border-left: none;
  padding-left: 30px;
}

.stats-listing-info-cell {
  width: 52%;
}
.stats-listing-info-cell table {
  width: 100%;
}
.stats-listing-info-cell table td {
  padding-left: 25px;
}
.stats-listing-info-cell table td:first-child {
  padding-left: 0px;
  text-align: left;
}
.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;
}

/* ==========================================================================
	DAY TABLE
   ========================================================================== */
.scores-results-wrapper {
  padding-bottom: 40px;
}
.scores-results-wrapper .day-table-wrapper {
  padding-bottom: 0px;
  padding-top: 0px;
}

.day-table-wrapper {
  padding: 16px;
  padding-bottom: 0;
}

.day-table-info {
  line-height: 1;
  margin-bottom: 15px;
}

.day-table-date, .day-table-host-city {
  color: #1f2223;
  display: inline-block;
  font-family: "roboto_bold";
  font-size: 21px;
  letter-spacing: 0px;
}

.day-table-host-city {
  text-transform: uppercase;
  padding-top: 10px;
}

.day-table-day {
  color: #969b9d;
  display: inline-block;
  font-family: "roboto_regular";
  font-size: 21px;
  letter-spacing: 0px;
}
.day-table-day:before {
  content: "- ";
  margin-left: 4px;
}

.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;
}
@media (max-width: 900px) {
  .day-table td {
    padding: 10px 5px;
  }
}

.day-table-seed {
  padding-left: 20px;
  width: 45px;
}
.day-table-seed span {
  display: block;
  font-family: "roboto_bold";
  text-align: center;
  color: #969b9d;
  font-size: 13px;
  line-height: 16px;
  width: 25px;
}

.day-table-flag {
  padding-left: 10px;
  width: 40px;
}
.day-table-flag img {
  border: 1px solid #ddd;
  display: block;
  height: auto;
  width: 100%;
}
.day-table-flag.ghost-flag img {
  border: none;
}

.day-table-name {
  padding-left: 10px;
  font-family: "roboto_regular";
  font-size: 16px;
  letter-spacing: 0px;
}
.day-table-name.is-bye {
  padding-left: 66px;
}
.scores-daily-schedule-content .day-table-name {
  width: 22%;
}
.match-type-doubles .day-table-name a {
  display: block;
}
.day-table-name a.not-in-system {
  color: #1f2223;
}

.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;
  border-left: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
  font-size: 16px;
  letter-spacing: 0px;
  text-align: center;
  width: 150px;
}

.day-table-button {
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  width: 85px;
}
.day-table-button .tour-association-wta {
  border-color: #3d3e3f;
  color: #1f2223;
  font-size: 14px;
  font-family: "roboto_regular";
  pointer-events: none !important;
}

@media (max-width: 1039px) {
  .day-table-seed {
    padding-left: 10px;
    width: 35px;
  }

  .day-table-name a {
    display: block;
  }
  .day-table-name a:before {
    display: none;
  }
}
/* ==========================================================================
	SCORES RESULTS ARCHIVE
   ========================================================================== */
.scores-results-archive {
  padding: 0px 16px 16px;
}
.scores-results-archive .when-heading {
  background: none;
  padding: 0px;
}
.scores-results-archive .tourney-badge-wrapper,
.scores-results-archive .title-content {
  border-left: none;
}
.scores-results-archive .tourney-result .tourney-badge-wrapper {
  padding-left: 10px;
  padding-right: 0px;
}
.scores-results-archive .tourney-result .tourney-details.action-buttons {
  width: auto;
}
.scores-results-archive .tourney-result .tourney-details .info-area .info-item {
  text-align: center;
}
.scores-results-archive .mega-table th:first-child {
  color: #1f2223;
  padding-left: 25px;
  text-align: left;
}
/* ==========================================================================
	DAY TABLE SECTIONED
   ========================================================================== */
.sectioned .day-table-vertical-label span {
  left: -8%;
}
.sectioned .day-table {
  margin-top: 40px;
}
.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 {
  font-family: "roboto_bold";
}

.day-table-round {
  font-family: "roboto_regular";
  border-right: 1px solid #ececec;
  color: #969b9d;
  font-size: 16px;
  letter-spacing: 0px;
  text-align: center;
  text-transform: capitalize;
}

td.day-table-section-title {
  background-color: #e8e8e8 !important;
  color: #1f2223;
  font-family: "roboto_regular";
  line-height: 1;
  font-size: 14px;
  letter-spacing: 0px;
  padding: 5px 20px;
  text-transform: capitalize;
}

.scores-daily-schedule-content, .scores-results-content {
  border-top: none !important;
}

.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, .media-filters.horizontal .head-to-head-button-search {
  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: 545px;
}
.long-form-banner.hero {
  height: 575px;
}
.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 30px;
}

.long-form-banner-inner {
  position: absolute;
  bottom: 50px;
  left: 30px;
  max-width: 880px;
  width: calc(100% - 60px);
}
.hero .long-form-banner-inner {
  max-width: 1000px;
}

.long-form-heading {
  font-family: "roboto_bold";
  text-transform: capitalize;
  font-size: 70px;
  line-height: 60px;
}
.hero .long-form-heading {
  margin-top: 5px;
  font-size: 107px;
  line-height: 87px;
}

.long-form-sub-heading {
  font-family: "roboto_light";
  line-height: 1;
  text-transform: capitalize;
  font-size: 30px;
}
.hero .long-form-sub-heading {
  text-transform: none;
  font-size: 40px;
}

.long-form-banner-number {
  color: #ffffff;
  font-family: "roboto_bold";
  letter-spacing: -0.05em;
  opacity: 0.25;
  position: absolute;
  bottom: 50px;
  font-size: 202px;
  left: 30px;
  line-height: 158px;
}
.flipped .long-form-banner-number {
  left: auto;
  right: 30px;
}
.long-form-banner-number + .long-form-banner-inner {
  padding-left: 200px;
}
.flipped .long-form-banner-number + .long-form-banner-inner {
  left: auto;
  padding-left: 0px;
  text-align: right;
  padding-right: 200px;
  right: 30px;
}

.long-form-author {
  font-family: "roboto_light";
  line-height: 1;
  font-size: 32px;
  margin-top: 15px;
}

/* ==========================================================================
	LONG FORM GENERAL CONTENT
   ========================================================================== */
.long-form-general-content {
  padding: 80px 0px 110px;
}
.long-form-general-content.alternate {
  background-color: #ffffff;
}
.long-form-general-content .container {
  max-width: 810px;
  padding: 0px 30px;
}
.long-form-general-content .article-copy, .long-form-general-content #doorbell {
  color: #1f2223;
  font-weight: 400;
  font-size: 22px;
  line-height: 37px;
}
.long-form-general-content .article-copy::first-letter, .long-form-general-content #doorbell::first-letter {
  color: #1f2223;
  float: left;
  font-weight: bold;
  font-size: 140px;
  line-height: 110px;
  margin-right: 15px;
}

.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: 75px;
}
* + .long-form-divider {
  margin-top: 80px;
}

/* ==========================================================================
	LONG FORM CONTENT SQUARES
   ========================================================================== */
.long-form-content-squares {
  position: relative;
  width: 100%;
}
.long-form-content-squares .article-copy, .long-form-content-squares #doorbell {
  float: right;
  padding: 75px 30px 75px 45px;
  width: 50%;
}
.long-form-content-squares.flipped .article-copy, .long-form-content-squares.flipped #doorbell {
  float: left;
  padding: 75px 45px 75px 30px;
}
.long-form-content-squares.alternate {
  background-color: #ffffff;
}

.long-form-content-square {
  height: 100%;
  left: 0px;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 50vw;
  z-index: 2;
}
.flipped .long-form-content-square {
  left: 50%;
}

.long-form-content-square-image {
  background-attachment: fixed;
  background-position: 0px 110px;
  background-repeat: no-repeat;
  background-size: 1280px 1099px;
  height: 100%;
}

.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;
}

.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 500px auto 25px;
}
.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: 50px;
  font-size: 22px;
}
.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: 22px;
  padding: 5px 0;
  text-transform: uppercase;
}
.score-box-tie .tie-score h2.rr-city-name {
  grid-area: location;
  font-size: 18px;
}
.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: 4px;
  margin-right: 5px;
}
.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: 50px;
  font-size: 22px;
}
.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 250px auto;
}

#homePageCurrentTournament .info {
  grid-template-areas: "team-flag tie-score opponent-flag";
  border: 0px;
  grid-template-columns: auto 250px 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%;
}

.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 .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 .up-next .up-next-close,
.up-next .atpcup-scoring-section #filter-buttons-wrapper .up-next-close,
.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 .head-to-head-button-search,
.atpcup-scoring-section #filter-buttons-wrapper .head-to-head-search-close,
.atpcup-scoring-section #filter-buttons-wrapper .heritage-video-wrapper,
.atpcup-scoring-section #filter-buttons-wrapper .player-ranking-move .move-up,
.player-ranking-move .atpcup-scoring-section #filter-buttons-wrapper .move-up,
.atpcup-scoring-section #filter-buttons-wrapper .player-ranking-move .move-down,
.player-ranking-move .atpcup-scoring-section #filter-buttons-wrapper .move-down,
.atpcup-scoring-section #filter-buttons-wrapper .player-ranking-prev .player-ranking-button,
.player-ranking-prev .atpcup-scoring-section #filter-buttons-wrapper .player-ranking-button,
.atpcup-scoring-section #filter-buttons-wrapper .player-ranking-next .player-ranking-button,
.player-ranking-next .atpcup-scoring-section #filter-buttons-wrapper .player-ranking-button,
.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-carousel-social-open,
.atpcup-scoring-section #filter-buttons-wrapper .modal-carousel-open,
.atpcup-scoring-section #filter-buttons-wrapper .close-draw-by-player,
.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 {
  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 {
  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 .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 .up-next .up-next-close,
.up-next .is-mobile #filter-buttons-wrapper .up-next-close,
.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 .head-to-head-button-search,
.is-mobile #filter-buttons-wrapper .head-to-head-search-close,
.is-mobile #filter-buttons-wrapper .heritage-video-wrapper,
.is-mobile #filter-buttons-wrapper .player-ranking-move .move-up,
.player-ranking-move .is-mobile #filter-buttons-wrapper .move-up,
.is-mobile #filter-buttons-wrapper .player-ranking-move .move-down,
.player-ranking-move .is-mobile #filter-buttons-wrapper .move-down,
.is-mobile #filter-buttons-wrapper .player-ranking-prev .player-ranking-button,
.player-ranking-prev .is-mobile #filter-buttons-wrapper .player-ranking-button,
.is-mobile #filter-buttons-wrapper .player-ranking-next .player-ranking-button,
.player-ranking-next .is-mobile #filter-buttons-wrapper .player-ranking-button,
.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-carousel-social-open,
.is-mobile #filter-buttons-wrapper .modal-carousel-open,
.is-mobile #filter-buttons-wrapper .close-draw-by-player,
.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;
}

.faq-section {
  padding: 26px;
}
.faq-section a {
  text-decoration: underline !important;
  color: #051224;
}

.rankings-options {
  grid-column: 2/-1;
  height: auto;
  z-index: 23;
  position: relative;
}
.rankings-options #filterHolder {
  padding: 16px;
  border-top: 0 !important;
}
.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;
  display: none;
}
.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;
  width: 250px;
  height: 50px;
  font-size: 18px;
}
.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;
}
.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;
}

#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 .mobile {
  display: none !important;
}
.live-rankings .message {
  padding: 0 16px 15px 16px !important;
}
.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-columns: 5.5% 5.5% auto 4% 32.5% 8% 8% 6% 10%;
  grid-template-areas: "live-rank live-rank-change player-name player-age tournament live-points official-points live-points-change  next-max-points";
  grid-template-rows: minmax(42px, -webkit-max-content) 1fr;
  grid-template-rows: minmax(42px, max-content) 1fr;
  border-bottom: 4px solid rgba(213, 215, 218, 0.5);
}
@media (min-width: 768px) and (max-width: 819px) {
  .live-rankings .table .header-row {
    grid-template-columns: 5% 5% 26% 5% 30% 6% 6% 6% 11%;
  }
}
@media (min-width: 820px) and (max-width: 1023px) {
  .live-rankings .table .header-row {
    grid-template-columns: 5% 5% 26% 5% 31% 6% 6% 6% 10%;
  }
}
.live-rankings .table .header-row .label {
  display: flex;
}
@media (max-width: 820px) {
  .live-rankings .table .header-row .label {
    flex-wrap: wrap;
  }
}
@media (max-width: 820px) {
  .live-rankings .table .header-row .label span {
    display: block;
    width: 100%;
  }
}
[data-lang=es] .live-rankings .table .header-row {
  grid-template-columns: 6.5% 5.5% 26% 4% 25% 8% 8% 6% 11%;
}
@media (min-width: 768px) and (max-width: 819px) {
  [data-lang=es] .live-rankings .table .header-row {
    grid-template-columns: 7.5% 5.5% 25% 4% 25% 8% 8% 6% 11%;
  }
}
@media (min-width: 820px) and (max-width: 1023px) {
  [data-lang=es] .live-rankings .table .header-row {
    grid-template-columns: 7.5% 5.5% 25% 4% 25% 8% 8% 6% 11%;
  }
}
.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: 14px;
}
.live-rankings .table .header-row .label.first {
  border-left: 4px solid rgba(213, 215, 218, 0.5);
}
.live-rankings .table .header-row .label.last {
  border-right: 4px solid rgba(213, 215, 218, 0.5);
  display: grid;
}
.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 .header-row--race {
  grid-template-columns: 5.5% 5.5% auto 6% 28% 8% 6% 10%;
  grid-template-areas: "live-rank live-rank-change player-name player-age tournament live-points live-points-change next-max-points";
}
[data-lang=es] .live-rankings .table .header-row--race {
  grid-template-columns: 6.5% 5.5% 29% 6% 28% 8% 6% 11%;
}
@media (min-width: 768px) and (max-width: 819px) {
  [data-lang=es] .live-rankings .table .header-row--race {
    grid-template-columns: 7.5% 5.5% 28% 6% 28% 8% 6% 11%;
  }
}
@media (min-width: 820px) and (max-width: 1023px) {
  [data-lang=es] .live-rankings .table .header-row--race {
    grid-template-columns: 7.5% 5.5% 28% 6% 28% 8% 6% 11%;
  }
}
.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);
  grid-template-columns: 5.5% 5.5% auto 32.5% 8% 8% 6% 10%;
  grid-template-areas: "live-rank live-rank-change player-info tournament live-points official-points live-points-change next-max-points";
  grid-template-rows: minmax(42px, -webkit-max-content) 1fr;
  grid-template-rows: minmax(42px, max-content) 1fr;
  font-size: 16px;
}
.live-rankings .table .row.in-contention {
  background-color: #EFF9FD;
}
@media (min-width: 768px) and (max-width: 819px) {
  .live-rankings .table .row {
    grid-template-columns: 5% 5% 31% 30% 6% 6% 6% 11%;
  }
}
@media (min-width: 820px) and (max-width: 1023px) {
  .live-rankings .table .row {
    grid-template-columns: 5% 5% 31% 31% 6% 6% 6% 10%;
  }
}
.live-rankings .table .row .desktop-hide {
  display: none !important;
}
[data-lang=es] .live-rankings .table .row {
  grid-template-columns: 6.5% 5.5% 30% 25% 8% 8% 6% 11%;
}
.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%;
  display: grid;
  grid-template-areas: "flag-wrapper player-name player-age";
  align-items: center;
  grid-template-columns: 40px auto 30px;
}
.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: 2px;
}
@media (max-width: 820px) {
  .live-rankings .table .row .player-info .flag-wrapper .flag {
    width: 20px;
  }
}
.live-rankings .table .row .player-info .player-name {
  display: grid;
  justify-content: space-between;
  align-items: center;
  grid-template-columns: auto 20px;
}
.live-rankings .table .row .player-info .player-name a {
  padding: 0 5px;
}
.live-rankings .table .row .tournament {
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-items: flex-start;
  display: flex;
  flex-direction: row;
  justify-items: flex-start;
}
.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-4 {
  border-right: 4px solid rgba(213, 215, 218, 0.5);
}
.live-rankings .table .row .border-left-4 {
  border-left: 4px solid rgba(213, 215, 218, 0.5);
}
.live-rankings .table .row .border-right-dash-1 {
  border-right: 1px dashed rgba(213, 215, 218, 0.5);
}
.live-rankings .table .row--race {
  grid-template-columns: 5.5% 5.5% auto 28% 8% 6% 10%;
  grid-template-areas: "live-rank live-rank-change player-info tournament live-points live-points-change next-max-points";
  grid-template-rows: minmax(42px, -webkit-max-content) 1fr;
  grid-template-rows: minmax(42px, max-content) 1fr;
  font-size: 16px;
}
.live-rankings .table .row--race .desktop-hide {
  display: none !important;
}
[data-lang=es] .live-rankings .table .row--race {
  grid-template-columns: 6.5% 5.5% 35% 28% 8% 6% 11%;
}
.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: 10px 16px 20px 0;
  font-size: 16px;
  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: 3px 16px 16px 16px;
}
.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: 26px;
}

.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;
}

.singles-ranking .message {
  padding: 0 16px 20px 0;
}

.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;
}

.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);
  opacity: 1;
  padding: 40px 0;
  transition: opacity 0.5s ease-in-out;
}

.footer-links-title {
  font-family: "roboto_bold";
  text-transform: uppercase;
  color: #051224;
  font-size: 18px;
  letter-spacing: 0px;
  line-height: 0.75em;
}

.footer-links > li {
  margin-top: 20px;
  font-size: 1.2em;
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.footer-links a {
  color: #051224;
}
.footer-links a:hover {
  text-decoration: underline;
}

.footer-foot {
  position: relative;
  border-top: 1px solid #dde0e1;
  border-bottom: 1px solid #dde0e1;
  clear: both;
  padding: 20px 0;
  margin: 0 30px;
  opacity: 1;
  transition: transform 1s cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 1.5s linear;
  transition-delay: 1s;
  transform: translate3d(0, 0, 0);
}

.copyright {
  float: left;
  width: calc(100% - 350px);
}
.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 {
  display: inline;
}
@media (max-width: 1039px) {
  .copyright {
    padding-top: 40px;
    width: 100%;
  }
}

.copyright-links {
  display: inline;
  font-size: 1.2em;
}
.copyright-links li {
  border-left: 1px solid #969b9d;
  display: inline;
  padding: 0 5px;
}
.copyright-links li:first-child {
  border-left: none;
}
.copyright-links a {
  color: #969b9d;
}
.copyright-links a:hover {
  color: #051224;
}

.footer-social {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 2;
  transform: translateY(-50%);
}
.footer-social > li {
  float: left;
  font-size: 30px;
  margin-left: 30px;
}
.footer-social a {
  border: 1px solid #051224;
  border-radius: 50%;
  display: block;
  position: relative;
  height: 30px;
  width: 30px;
}
.footer-social a:before {
  font-size: 0.6em;
  left: 50%;
  top: 50%;
  margin-left: -0.5em;
  margin-top: -0.5em;
  position: absolute;
  text-align: center;
  z-index: 1;
}
.footer-social a:hover {
  color: #000;
  border-color: #000;
}
@media (max-width: 1039px) {
  .footer-social {
    top: 17px;
    right: 50%;
    transform: translateY(0) translateX(50%);
    display: table;
  }
  .footer-social > li {
    display: table-cell;
    float: none;
    margin-left: 0px;
    padding-left: 30px;
  }
  .footer-social > li:first-child {
    padding-left: 0px;
  }
}

.footer-links-column {
  float: left;
  padding: 0 30px 20px;
  width: 25%;
}

/* Start : Mobile Footer Accordion */
/* End : Mobile Footer Accordion */