/*----------------------
	MAP
----------------------*/
.grandstand__description {
  font-size: 0.9375rem; }

.map__wrapper {
  background: #eeeeee; }

.map {
  position: relative;
  overflow: hidden;
  padding-bottom: 10px; }
  .map img {
    display: block; }

.map__marker {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

.marker__options {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.92);
  left: 0;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  transition: -webkit-transform 400ms ease 0s;
  transition: transform 400ms ease 0s; }
  .marker__options.show {
    display: flex;
    bottom: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition: -webkit-transform 400ms ease 0s;
    transition: transform 400ms ease 0s; }
  .marker__options .marker__options__content {
    padding-right: 30px;
    display: inline-block; }
    .marker__options .marker__options__content h4 {
      margin-bottom: 0;
      font-size: 1rem;
      border-bottom: 1px solid rgba(8, 32, 50, 0.8);
      padding-bottom: 4px;
      padding-top: 10px; }
    .marker__options .marker__options__content .marker__options__close {
      display: block;
      position: absolute;
      top: 15px;
      right: 15px; }
  .marker__options .marker {
    font-size: .95rem;
    position: static;
    display: block;
    padding: 2px 0;
    text-transform: uppercase;
    font-weight: 500;
    text-decoration: none;
    color: #444; }
    .marker__options .marker::before {
      position: relative;
      top: 5px;
      margin-right: 3px; }
    .no-touch .marker__options .marker:hover::after {
      display: none; }
  .marker__options .marker--sold-out {
    color: #bbb;
    cursor: default; }
    .marker__options .marker--sold-out::after, 
    .no-touch .marker__options .marker--sold-out:hover::after {
      content: 'full to capacity';
      font-family: "Roboto Condensed", sans-serif;
      display: inline-block;
      margin-left: 7px;
      border-top: 1px solid #bbb;
      border-bottom: 1px solid #bbb;
      color: #bbb;
      font-size: .8125rem;
      padding: 2px 0;
      line-height: 1;
      position: static;
      background: none;
      font-weight: normal; }

.marker {
  text-decoration: none;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0;
  z-index: 5; }
  .marker::before {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
    content: 'radio_button_checked';
    font-size: 20px;
    color: #28AF7D; }
  .marker.selected {
    z-index: 6; }
  .marker.selected:not(.marker--sold-out) {
    z-index: 6; }
    .marker.selected:not(.marker--sold-out)::before {
      color: #DF2036;
      background: #fff;
      border-radius: 100px; }
  .no-touch .marker:hover {
    z-index: 7; }
  .no-touch .marker:hover::after {
    content: attr(data-hover);
    font-size: 12px;
    font-weight: bold;
    display: block;
    width: auto;
    height: auto;
    position: absolute;
    bottom: 22px;
    background: rgba(8, 32, 50, 0.8);
    padding: 5px;
    text-align: center;
    color: #fff; }
  .no-touch .marker[data-grandstand="CLARK"]:hover::after {
    bottom: -25px; }

  /*
  .marker[data-grandstand="SCHUM"]:hover::after, .marker[data-grandstand="SCHPR"]:hover::after, .marker[data-grandstand="FERRA"]:hover::after {
  */
  .no-touch .marker[data-grandstand="SCHUM"]:hover::after {
    right: -35px; }

/*
.marker[data-grandstand-group]:hover::after {
  content: attr(data-grandstand-group); }
*/

.map--dark .marker::before {
  color: #5C94F6; }

.marker--sold-out::before {
  color: #bbb;
  background: #fff;
  border-radius: 100px; }

.map__marker .marker--sold-out[data-grandstand-group]::before {
  visibility: hidden; }

.map__marker .marker--sold-out[data-grandstand-group].selected::before {
  visibility: visible; }

.map--dark .marker--sold-out::before {
  background: #333;
  color: #bbb; }

.map--dark .marker.selected:not(.marker--sold-out)::before {
  background: #333; }

.marker[data-grandstand="RICCI"] {
  top: 42.5%;
  left: 10.5%; }

.marker[data-grandstand="FANGI"],
.marker[data-multiple-grandstand="3BRAB 2"],
.marker[data-multiple-grandstand="3JONE 3"],
.marker[data-multiple-grandstand="3FANG 1"],
.marker[data-grandstand="FANPR"] {
  top: 85.5%;
  left: 54%; }

.marker[data-grandstand="PIQUE"] {
  top: 62.5%;
  left: 0.5%; }

.marker[data-grandstand="PROPR"],
.marker[data-grandstand="PROST"] {
  top: 82%;
  left: 76%; }

.marker[data-grandstand="SCHPR"],
.marker[data-grandstand="FERRA"],
.marker[data-grandstand="SCHUM"]
{
  top: 71%;
  left: 79%; }

.marker[data-grandstand="SENPR"],
.marker[data-grandstand="SENNA"] {
  top: 85.5%;
  left: 70%; }

.marker[data-grandstand="BRABH"],
.marker[data-multiple-grandstand="3BRAB 1"],
.marker[data-multiple-grandstand="3JONE 2"],
.marker[data-multiple-grandstand="3FANG 3"] {
  top: 54%;
  left: 37.5%; }

.marker[data-grandstand="JONES"],
.marker[data-multiple-grandstand="3BRAB 3"],
.marker[data-multiple-grandstand="3JONE 1"],
.marker[data-multiple-grandstand="3FANG 2"] {
  top: 85.5%;
  left: 34%; }

.marker[data-grandstand="MOSSS"] {
  top: 85.5%;
  left: 40%; }

.marker[data-grandstand="WAITE"] {
  top: 31%;
  left: 54%; }

.marker[data-grandstand="CLARK"] {
  top: 5.5%;
  left: 35.5%; }

.marker[data-grandstand="WEBBE"] {
  top: 85.5%;
  left: 63%; }

@media (min-width: 375px) {
  .marker__options .marker {
    padding: 3px 0; }
  .marker[data-grandstand="CLARK"] {
    top: 7%;
    left: 36%; }
  .marker[data-grandstand="WAITE"] {
    top: 32%;
    left: 55%; }
  .marker[data-grandstand="BRABH"],
  .marker[data-multiple-grandstand="3BRAB 1"],
  .marker[data-multiple-grandstand="3JONE 2"],
  .marker[data-multiple-grandstand="3FANG 3"] {
    top: 65.5%;
    left: 37.5%; }
  .marker[data-grandstand="PIQUE"] {
    top: 62%;
    left: 1%; } }

@media (min-width: 420px) {
  .marker__options .marker {
    padding: 5px 0; }
  .marker[data-grandstand="RICCI"] {
    top: 43.5%;
    left: 10.5%; }
  .marker[data-grandstand="CLARK"] {
    top: 7.5%;
    left: 36%; }
  .marker[data-grandstand="WAITE"] {
    top: 33%;
    left: 55%; }
  .marker[data-grandstand="BRABH"],
  .marker[data-multiple-grandstand="3BRAB 1"],
  .marker[data-multiple-grandstand="3JONE 2"],
  .marker[data-multiple-grandstand="3FANG 3"] {
    top: 66%;
    left: 37.5%; }
  .marker[data-grandstand="PIQUE"] {
    top: 62%;
    left: 1%; }
  .marker[data-grandstand="PROPR"],
  .marker[data-grandstand="PROST"] {
    top: 83%;
    left: 76.5%; }
  .marker[data-grandstand="FANGI"],
  .marker[data-multiple-grandstand="3BRAB 2"],
  .marker[data-multiple-grandstand="3JONE 3"],
  .marker[data-multiple-grandstand="3FANG 1"],
  .marker[data-grandstand="FANPR"] {
    top: 86.5%;
    left: 54%; }
  .marker[data-grandstand="SCHPR"],
  .marker[data-grandstand="FERRA"],
  .marker[data-grandstand="SCHUM"] {
    top: 71%;
    left: 79.5%; }
  .marker[data-grandstand="SENPR"],
  .marker[data-grandstand="SENNA"] {
    top: 86.5%;
    left: 70.5%; }
  .marker[data-grandstand="JONES"],
  .marker[data-multiple-grandstand="3BRAB 3"],
  .marker[data-multiple-grandstand="3JONE 1"],
  .marker[data-multiple-grandstand="3FANG 2"] {
    top: 86.5%;
    left: 35%; }
  .marker[data-grandstand="MOSSS"] {
    top: 86.5%;
    left: 40%; }
  .marker[data-grandstand="WEBBE"] {
    top: 86.5%;
    left: 64%; } }

@media (min-width: 480px) {
  .no-touch .marker[data-grandstand="FERRA"]:hover::after,
  .no-touch .marker[data-grandstand="SCHPR"]:hover::after,
  .no-touch .marker[data-grandstand="SCHUM"]:hover::after {
    right: auto; }
  .marker[data-grandstand="RICCI"] {
    top: 44.8%;
    left: 10.8%; }
  .marker[data-grandstand="CLARK"] {
    top: 8.5%;
    left: 36%; }
  .marker[data-grandstand="WAITE"] {
    top: 34.5%;
    left: 55.5%; }
  .marker[data-grandstand="BRABH"],
  .marker[data-multiple-grandstand="3BRAB 1"],
  .marker[data-multiple-grandstand="3JONE 2"],
  .marker[data-multiple-grandstand="3FANG 3"] {
    top: 67.2%;
    left: 37.7%; }
  .marker[data-grandstand="PIQUE"] {
    top: 63.5%;
    left: 2%; }
  .marker[data-grandstand="SCHPR"],
  .marker[data-grandstand="FERRA"],
  .marker[data-grandstand="SCHUM"] {
    top: 72%;
    left: 79%; }
  .marker[data-grandstand="PROPR"],
  .marker[data-grandstand="PROST"] {
    top: 82.8%;
    left: 77.2%; }
  .marker[data-grandstand="FANGI"],
  .marker[data-multiple-grandstand="3BRAB 2"],
  .marker[data-multiple-grandstand="3JONE 3"],
  .marker[data-multiple-grandstand="3FANG 1"],
  .marker[data-grandstand="FANPR"] {
    top: 87%;
    left: 54%; }
  .marker[data-grandstand="SENPR"],
  .marker[data-grandstand="SENNA"] {
    top: 87%;
    left: 70.5%; }
  .marker[data-grandstand="JONES"],
  .marker[data-multiple-grandstand="3BRAB 3"],
  .marker[data-multiple-grandstand="3JONE 1"],
  .marker[data-multiple-grandstand="3FANG 2"] {
    top: 87%;
    left: 35%; }
  .marker[data-grandstand="MOSSS"] {
    top: 87%;
    left: 40%; }
  .marker[data-grandstand="WEBBE"] {
    top: 87%;
    left: 64%; } }

@media (min-width: 600px) {
  .no-touch .marker[data-grandstand="CLARK"]:hover::after {
    bottom: 22px; }
  .map {
    padding-bottom: 0; }
  .marker[data-grandstand="RICCI"] {
    top: 48.8%;
    left: 11%; }
  .marker[data-grandstand="CLARK"] {
    top: 10.5%;
    left: 36.2%; }
  .marker[data-grandstand="WAITE"] {
    top: 37.5%;
    left: 56.5%; }
  .marker[data-grandstand="BRABH"],
  .marker[data-multiple-grandstand="3BRAB 1"],
  .marker[data-multiple-grandstand="3JONE 2"],
  .marker[data-multiple-grandstand="3FANG 3"] {
    top: 72.5%;
    left: 38%; }
  .marker[data-grandstand="PIQUE"] {
    top: 66.5%;
    left: 2.8%; }
  .marker[data-grandstand="SCHPR"],
  .marker[data-grandstand="FERRA"],
  .marker[data-grandstand="SCHUM"] {
    top: 74.6%;
    left: 78.5%; }
  .marker[data-grandstand="PROPR"],
  .marker[data-grandstand="PROST"] {
    top: 86.8%;
    left: 76.5%; }
  .marker[data-grandstand="FANGI"],
  .marker[data-multiple-grandstand="3BRAB 2"],
  .marker[data-multiple-grandstand="3JONE 3"],
  .marker[data-multiple-grandstand="3FANG 1"],
  .marker[data-grandstand="FANPR"] {
    top: 90%;
    left: 55%; }
  .marker[data-grandstand="SENPR"],
  .marker[data-grandstand="SENNA"] {
    top: 90%;
    left: 71.5%; }
  .marker[data-grandstand="JONES"],
  .marker[data-multiple-grandstand="3BRAB 3"],
  .marker[data-multiple-grandstand="3JONE 1"],
  .marker[data-multiple-grandstand="3FANG 2"] {
    top: 90.7%;
    left: 36%; }
  .marker[data-grandstand="MOSSS"] {
    top: 90.8%;
    left: 40.5%; }
  .marker[data-grandstand="WEBBE"] {
    top: 90%;
    left: 65%; } }

.button--close {
  position: absolute;
  right: 15px;
  top: 10px; }
  .button--close i {
    font-size: 30px; }

@media (min-width: 480px) {
  .marker__options .marker__options__content h4 {
    font-size: 1.125rem;
    margin-bottom: 10px; } }