/***************************************************
*** VARIABLES **************************************
***************************************************/
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
/* Document
       ========================================================================== */
/**
     * 1. Change the default font family in all browsers (opinionated).
     * 2. Correct the line height in all browsers.
     * 3. Prevent adjustments of font size after orientation changes in
     *    IE on Windows Phone and in iOS.
     */
html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */ }

/* Sections
       ========================================================================== */
/**
     * Remove the margin in all browsers (opinionated).
     */
body {
  margin: 0;
  }

/**
     * Add the correct display in IE 9-.
     */
article,
aside,
footer,
header,
nav,
section {
  display: block; }

/**
     * Correct the font size and margin on `h1` elements within `section` and
     * `article` contexts in Chrome, Firefox, and Safari.
     */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
       ========================================================================== */
/**
     * Add the correct display in IE 9-.
     */
figcaption,
figure {
  display: block; }

/**
     * Add the correct margin in IE 8.
     */
figure {
  margin: 1em 40px; }

/**
     * 1. Add the correct box sizing in Firefox.
     * 2. Show the overflow in Edge and IE.
     */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
     * Add the correct display in IE.
     */
main {
  display: block; }

/**
     * 1. Correct the inheritance and scaling of font size in all browsers.
     * 2. Correct the odd `em` font sizing in all browsers.
     */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Links
       ========================================================================== */
/**
     * 1. Remove the gray background on active links in IE 10.
     * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
     */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
     * Remove the outline on focused links when they are also active or hovered
     * in all browsers (opinionated).
     */
a:active,
a:hover {
  outline-width: 0; }

/* Text-level semantics
       ========================================================================== */
/**
     * 1. Remove the bottom border in Firefox 39-.
     * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
     */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
     * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
     */
b,
strong {
  font-weight: inherit; }

/**
     * Add the correct font weight in Chrome, Edge, and Safari.
     */
b,
strong {
  font-weight: bolder; }

/**
     * 1. Correct the inheritance and scaling of font size in all browsers.
     * 2. Correct the odd `em` font sizing in all browsers.
     */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
     * Add the correct font style in Android 4.3-.
     */
dfn {
  font-style: italic; }

/**
     * Add the correct background and color in IE 9-.
     */
mark {
  background-color: #ff0;
  color: #000; }

/**
     * Add the correct font size in all browsers.
     */
small {
  font-size: 80%; }

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
       ========================================================================== */
/**
     * Add the correct display in IE 9-.
     */
audio,
video {
  display: inline-block; }

/**
     * Add the correct display in iOS 4-7.
     */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
     * Remove the border on images inside links in IE 10-.
     */
img {
  border-style: none; }

/**
     * Hide the overflow in IE.
     */
svg:not(:root) {
  overflow: hidden; }

/* Forms
       ========================================================================== */
/**
     * 1. Change the font styles in all browsers (opinionated).
     * 2. Remove the margin in Firefox and Safari.
     */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
     * Show the overflow in IE.
     */
button {
  overflow: visible; }

/**
     * Remove the inheritance of text transform in Edge, Firefox, and IE.
     * 1. Remove the inheritance of text transform in Firefox.
     */
button,
select {
  /* 1 */
  text-transform: none; }

/**
     * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
     *    controls in Android 4.
     * 2. Correct the inability to style clickable types in iOS and Safari.
     */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

button,
[type="button"],
[type="reset"],
[type="submit"] {
  /**
       * Remove the inner border and padding in Firefox.
       */
  /**
       * Restore the focus styles unset by the previous rule.
       */ }
  button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0; }
  button:-moz-focusring,
  [type="button"]:-moz-focusring,
  [type="reset"]:-moz-focusring,
  [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText; }

/**
     * Show the overflow in Edge.
     */
input {
  overflow: visible; }

/**
     * 1. Add the correct box sizing in IE 10-.
     * 2. Remove the padding in IE 10-.
     */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
     * Correct the cursor style of increment and decrement buttons in Chrome.
     */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
     * 1. Correct the odd appearance in Chrome and Safari.
     * 2. Correct the outline style in Safari.
     */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
  /**
       * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
       */ }
  [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }

/**
     * 1. Correct the inability to style clickable types in iOS and Safari.
     * 2. Change font properties to `inherit` in Safari.
     */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/**
     * Change the border, margin, and padding in all browsers (opinionated).
     */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
     * 1. Correct the text wrapping in Edge and IE.
     * 2. Correct the color inheritance from `fieldset` elements in IE.
     * 3. Remove the padding so developers are not caught out when they zero out
     *    `fieldset` elements in all browsers.
     */
legend {
  box-sizing: border-box;
  /* 1 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  color: inherit;
  /* 2 */
  white-space: normal;
  /* 1 */ }

/**
     * 1. Add the correct display in IE 9-.
     * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
     */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
     * Remove the default vertical scrollbar in IE.
     */
textarea {
  overflow: auto; }

/* Interactive
       ========================================================================== */
/*
     * Add the correct display in Edge, IE, and Firefox.
     */
details {
  display: block; }

/*
     * Add the correct display in all browsers.
     */
summary {
  display: list-item; }

/*
     * Add the correct display in IE 9-.
     */
menu {
  display: block; }

/* Scripting
       ========================================================================== */
/**
     * Add the correct display in IE 9-.
     */
canvas {
  display: inline-block; }

/**
     * Add the correct display in IE.
     */
template {
  display: none; }

/* Hidden
       ========================================================================== */
/**
     * Add the correct display in IE 10-.
     */
[hidden] {
  display: none; }

/***************************************************
*** HELPERS *****************************************
***************************************************/
@font-face {
  font-family: 'gotham_bookregular';
  src: url("../fonts/gotham-book-webfont.woff2") format("woff2"), url("../fonts/gotham-book-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'gotham_boldregular';
  src: url("../fonts/gotham-bold-webfont.woff2") format("woff2"), url("../fonts/gotham-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

.responsive__img {
  max-width: 100%;
  height: auto;
  display: block; }

.cols-no-gutter {
  padding-left: 0;
  padding-right: 0; }

/***************************************************
*** LAYOUT *****************************************
***************************************************/
html {
  font-size: 62.5%;
  font-family: "futura-pt",sans-serif;
  font-style: normal;
  font-weight: 400; }

.header-scroll-dots {
  position: absolute;
  z-index: 202;
  right: 181px;
  top: 400px; }

.masthead {
  position: relative; }
  .masthead .brand {
    position: absolute;
    top: 43%;
    right: 8.1%;
    z-index: 90;
    width: 21%; }
  .masthead .nav__trigger {
    display: none;
    position: absolute;
    width: 30px;
    height: 25px;
    z-index: 201; }
    .nav--active .masthead .nav__trigger {
      opacity: 0.5; }

.masthead-dots {
  position: absolute;
  top: 74%;
  right: 220px;
  z-index: 202;
  max-width: 6px;
}
.hero-home{
  background-image: none;
}
.h-img-02{
  max-width: 100%;
}


.nav {
  position: absolute;
  top: 89px;
  left: 0;
  z-index: 100;
  width: 100%;
  text-transform: uppercase;
  font-family: 'gotham_boldregular';
  letter-spacing: 0.1rem; }
  .nav .nav__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: table;
    table-layout: fixed;
    width: 100%; }
    .nav .nav__list .page_item {
      display: table-cell;
      text-align: center; }
    .nav .nav__list a {
      display: block;
      color: #ffffff;
      position: relative;
      text-decoration: none;
      letter-spacing: 0.025em;
      font-size: 31.9992px;
      font-size: 1.99995rem; }
      .nav .nav__list a:hover {
        text-decoration: none; }
        .nav .nav__list a:hover:after {
          content: "";
          height: 7px;
          width: 7px;
          border-radius: 100%;
          background: #ffffff;
          display: block;
          bottom: -22px;
          left: 50%;
          transform: translate(0, -50%);
          position: absolute; }
    .nav .nav__list .current_page_item a:after {
      content: "";
      height: 7px;
      width: 7px;
      border-radius: 100%;
      background: #ffffff;
      display: block;
      bottom: -22px;
      left: 50%;
      transform: translate(0, -50%);
      position: absolute; }

.nav__icon {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 5px;
  background-color: #ffffff;
  transition-property: background-color, transform;
  transition-duration: 300ms; }
  .nav__icon:before, .nav__icon:after {
    content: '';
    display: block;
    width: 30px;
    height: 5px;
    position: absolute;
    background: #ffffff;
    transition-property: margin, transform;
    transition-duration: 300ms; }
  .nav__icon:before {
    margin-top: -10px; }
  .nav__icon:after {
    margin-top: 10px; }
  .nav--active .nav__icon {
    background: transparent; }
    .nav--active .nav__icon:before {
      margin-top: 0;
      transform: rotate(45deg); }
    .nav--active .nav__icon:after {
      margin-top: 0;
      transform: rotate(-45deg); }

.block__grey {
  background: #282828; }

.block__green {
  background: #058f6a; }

.block__lt-grey {
  background: #ebebeb; }

.fact__block {
  position: relative; }
  .fact__block .slick-arrow {
    position: absolute;
    display: block;
    height: 50px;
    left: 0;
    top: 50%;
    transform: translate(0, -50%); }
    .fact__block .slick-arrow.slick-prev, .fact__block .slick-arrow.slick-next {
      background: url(../images/slick-prev-large.png) 0 0 no-repeat;
      width: 36px;
      left: 8.2%; }
    .fact__block .slick-arrow.slick-next {
      background: url(../images/slick-next-large.png) 0 0 no-repeat;
      right: 8.2%;
      left: auto !important; }

.fact__content {
  color: #ffffff;
  font-size: 66.665px;
  font-size: 4.16656rem;
  padding: 283px 0px;
  text-align: center;
  font-family: 'gotham_boldregular';
  text-transform: uppercase;
  letter-spacing: 0.1em; }

  .fact__content .fact__content--highlight {
    color: #058f6a; }

.page__content {
  padding: 160px 0px 150px;
  font-size: 39.999px;
  font-size: 2.49994rem;
  font-family: "futura-pt",sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3;
  position: relative; }
  .page__content h2 {
    font-family: 'gotham_boldregular';
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin: 0px 0px 55px 0px;
    font-weight: normal; }
    .page__content h2 .heading--highlight {
      color: #058f6a;
      font-size: 30px;
      line-height: 1.8;}
  .page__content blockquote {
    color: #058f6a;
    font-size: 77.3314px;
    font-size: 4.83321rem;
    letter-spacing: 0.025em;
    line-height: 1.1;
    border: 0 none;
    font-family: 'gotham_boldregular'; }
  .page__content p {
    margin-top: 56px; }
    .page__content p:first-child {
      margin-top: 0px; }
  .page__content .about-dots {
    position: absolute;
    left: 8.2%;
    bottom: -23%;
    z-index: 100; }

.fact__list {
  font-family: 'gotham_boldregular';
  line-height: 2.5em;
  font-size: 39.999px;
  font-size: 2.49994rem;
  text-transform: uppercase;
  clear: both;
  overflow: hidden;
  letter-spacing: 0.1em; }
  .fact__list .fact__list__term {
    color: #058f6a;
    float: left;
    clear: left; }
    .fact__list .fact__list__term:after {
      content: "-";
      margin: 0px 20px; }
  .fact__list .fact__list__desc {
    float: left;
    transform: translate(300%, 0%);
    transition-property: transform;
    transition-duration: 300ms; }
    .fact__list .fact__list__desc.active {
      transform: translate(-2%, 0%);
      float: right }

.shirt__number {
  clear: both;
  margin: 50px 0px 0px 0px;
  color: #058f6a;
  font-size: 39.999px;
  font-size: 2.49994rem;
  letter-spacing: 0.1em;
  font-family: 'gotham_boldregular';
  text-transform: uppercase;
  line-height: 100px; }
  .shirt__number .shirt__number--bordered {
    font-size: 56px;
    font-size: 3.5rem;
    border: 5px solid #058f6a;
    border-radius: 100%;
    height: 114px;
    width: 114px;
    display: inline-block;
    text-align: center;
    line-height: 105px;
    margin: 0px 0px 0px 20px; }

.footballer__facts {
  position: relative;
  padding: 90px 0px 30px;
 }
  .footballer__facts .facts {
    color: #000000;
    text-align: center;
    background: url(../images/club-crest.png) center bottom no-repeat;
    background-position-y: 83% !important;
    min-height: 525px;
    padding-bottom: 20px;
    font-size: 133.33px;
    font-size: 8.33312rem; }
    .footballer__facts .facts:after {
      content: "";
      display: table;
      clear: both; }
    .footballer__facts .facts .fact__value {
      font-family: 'gotham_boldregular';
      border: 5px solid #000000;
      border-radius: 100%;
      height: 200px;
      width: 200px;
      text-align: center;
      line-height: 190px;
      margin: 0 auto; }
    .footballer__facts .facts .fact__key {
      display: inline-block; }
      .footballer__facts .facts .fact__key span {
        font-size: 42.6656px;
        font-size: 2.6666rem;
        text-align: center;
        font-family: 'gotham_boldregular';
        margin: 30px 0px 0px 0px;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        position: relative; }
        .footballer__facts .facts .fact__key span:after {
          padding-bottom: 10px;
          border-bottom: 5px solid #000000;
          content: "";
          position: absolute;
          bottom: -10px;
          left: 0;
          width: 100%; }
  .footballer__facts .fact:after {
    content: "";
    display: table;
    clear: both; }
  .footballer__facts .international__facts {
    background: url(../images/country-crest.png) center bottom no-repeat; }
    .footballer__facts .international__facts:after {
      content: "";
      display: table;
      clear: both; }
    .footballer__facts .international__facts.facts {
      color: #058f6a; }
    .footballer__facts .international__facts .fact__value {
      border-color: #058f6a; }
    .footballer__facts .international__facts .fact__key {
      border-color: #058f6a; }
      .footballer__facts .international__facts .fact__key span:after {
        border-color: #058f6a; }

.fixture__banner {
  padding: 89px 0px;
  background: url(../images/up_next.jpg) 0 0 no-repeat;
  background-size: cover;
  text-transform: uppercase; }
  .fixture__banner .next__fixture,
  .fixture__banner .fixture__meta {
    color: #ffffff;
    text-align: center;
    font-size: 31.9992px;
    font-size: 1.99995rem;
    font-family: 'gotham_boldregular';
    margin-bottom: 87px;
    letter-spacing: 0.1em; }
  .fixture__banner .fixture__meta {
    margin-bottom: 15px;
    font-size: 46.6655px;
    font-size: 2.91659rem; }
  .fixture__banner .next__fixture {
    position: relative; }

    .fixture__banner .next__fixture:after {
      content: "";
      height: 7px;
      width: 7px;
      border-radius: 100%;
      background: #ffffff;
      display: block;
      bottom: -22px;
      left: 50%;
      transform: translate(0, -50%);
      position: absolute; }

  .fixture__banner h1 {
    font-size: 105.3307px;
    font-size: 6.58317rem;
    text-align: center;
    font-family: 'gotham_bookregular';
    color: #058f6a;
    letter-spacing: 0.075em;
    margin-bottom: 60px; }

.career .career__header {
  position: relative; }

.career h2 {
  position: absolute;
  top: 50%;
  left: 200px;
  font-size: 59px;
  font-size: 3.6875rem;
  letter-spacing: 0.3rem;
  color: #058f6a;
  text-transform: uppercase;
  font-family: 'gotham_boldregular'; }

.career .footballer-dots {
  position: absolute;
  right: 8.2%;
  top: 87%;
  z-index: 202; }

.career .career_breakdown {
  padding: 222px 0px;
  overflow: hidden; }

.career .career_clubs li {
  list-style: none outside none;
  float: left;
  margin-bottom: 34px; }
  .career .career_clubs li a:hover .greyscale {
    display: none; }
  .career .career_clubs li a:hover .color {
    display: block; }
  .career .career_clubs li .color {
    display: none; }
  .career .career_clubs li a.active .color {
    display: block; }
  .career .career_clubs li a.active .greyscale {
    display: none; }
  .career .career_clubs li.divider {
    width: 100%;
    clear: both;
    height: 1px;
    background: #ebebeb; }

.career .club__content {
  font-size: 39.999px;
  font-size: 2.49994rem;
  line-height: 1.1;
  color: #000000;
  font-family: "futura-pt",sans-serif;
  padding: 0; }
  .career .club__content p {
    margin-bottom: 56px; }
    .career .club__content p:last-child {
      margin-bottom: 0px; }
  .career .club__content h4 {
    color: #058f6a;
    font-size: 61.3318px;
    font-size: 3.83324rem;
    margin-bottom: 30px;
    font-family: 'gotham_boldregular';
    letter-spacing: 0.1em;
    text-transform: uppercase; }

.media__player {
  position: relative; }
  .media__player .play-video {
    width: 152px;
    height: 152px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 200;
    background: url(../images/video-play.png) 0 0 no-repeat;
    border: 0 none;
    text-indent: -9999px; }

.double__gallery {
  overflow: hidden; }
  .double__gallery div {
    background-position: center center;
    background-size: cover; }

.twitter__feed {
  padding: 90px 0px 65px;
  color: #ffffff;
  font-family: 'gotham_boldregular';
  font-size: 35px;
  font-size: 2.1875rem;
  line-height: 1.5;
  clear: both; }
  .twitter__feed ul li {
    list-style: none outside none; }
  .twitter__feed a {
    color: #ffffff; }
    .twitter__feed a:hover {
      color: #ffffff;
      text-decoration: none; }
  .twitter__feed .flag__body {
    padding-left: 35px;
    padding-bottom: 50px;
    line-height: 40px;
  }
  .twitter__feed .flag__image p {
    font-family: 'gotham_bookregular';
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 1.2;
    color: #ffffff;
    text-align: center;
    margin: 20px 0px 0px 0px; }
  .twitter__feed .latest-tweets {
    max-width: 100%; }
    .twitter__feed .latest-tweets ul {
      padding: 0; }

.flag {
  display: table;
  width: 100%; }

.flag__image,
.flag__body {
  display: table-cell;
  vertical-align: middle; }
  .flag--top .flag__image, .flag--top
  .flag__body {
    vertical-align: top; }
  .flag--bottom .flag__image, .flag--bottom
  .flag__body {
    vertical-align: bottom; }

.flag__image {
  padding-right: 10px; }
  .flag__image > img {
    display: block;
    max-width: none; }
  .flag--rev .flag__image {
    padding-right: 0;
    padding-left: 10px; }

.flag__body {
  width: 100%; }

.family__quote {
  padding: 222px 0px;
  color: #ffffff;
  font-family: 'gotham_boldregular';
  font-size: 77.3314px;
  font-size: 4.83321rem;
  line-height: 1.2;
  letter-spacing: 0.025em;
  position: relative;
}

.family__details {
  padding: 77px 0px; }

.secondary__nav {
  font-family: 'gotham_boldregular';
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 1.25;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.1rem; }
  .secondary__nav .secondary__nav__item {
    position: relative; }
    .secondary__nav .secondary__nav__item a {

    }
.secondary__nav .secondary__nav__item a .nav-foo-text{
      color: #ffffff;
      text-decoration: none;
      display: block;
      text-align: center;
      z-index: 200;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      word-spacing: 500px;
}
#box   {
  width:100%;
  height: auto;
  display: block;
  margin:0;
  background-size:cover;
  overflow:hidden;}
#overlay    {
  background: rgba(0,0,0,.35);
  text-align: center;
  padding: 163px 0;
  opacity: 0;
  -webkit-transition: opacity .25s ease;}

#box:hover #overlay {
  opacity:1;}

.career__clubs {
  list-style: none outside none;
  overflow: hidden;
  padding: 0;
  margin: 50px 0px; }
  .career__clubs li {
    list-style: none outside none; }

.family__gallery:after {
  content: "";
  display: table;
  clear: both; }

.ambassador__timeline {
  padding: 120px 0px;
  background: url(../images/ambassador-background.jpg) no-repeat 0 0;
  background-size: cover;
  color: #ffffff;
  font-size: 39.999px;
  font-size: 2.49994rem;
  font-family: "futura-pt",sans-serif; }
  .ambassador__timeline:after {
    content: "";
    display: table;
    clear: both; }
  .ambassador__timeline h4 {
    font-family: 'gotham_boldregular';
    font-size: 30px;
    font-size: 1.875rem; }
.quote-par{
  margin-top: 10px!important;
  line-height:50px;
}
.theFootballer .theFootballer {
  display: none; }

.theMan .theMan {
  display: none; }

.theAmbassador .theAmbassador {
  display: none; }

.theFamily .theFamily {
  display: none; }

/* Scroll */
#scroll {
  position: fixed;
  top: 50%;
  right: 30px;
  z-index: 999;
}
.scroll_item:hover{
  background: #058f6a;
}
.scroll_item {
  border: 2px solid #FFF;
  width: 7px;
  height: 7px;
  margin: 53px 5px;
  border-radius: 50%;
  cursor: pointer;
}
.scroll_item_active{
  background: #058f6a;
  border:#333;
}

footer {
  clear: both;
  background: #000000;
  padding: 77px 0px 20px 0px;
  color: #ffffff;
  font-size: 18px;
  font-size: 1.125rem; }
  footer a {
    color: #ffffff;
    font-size: 18px;
    font-size: 1.125rem; }
  footer .legal__text {
    margin: 30px 0px 0px 0px;
    font-size: 18px;
    font-size: 1.125rem;
    color: #ffffff;
    font-family: 'gotham_bookregular'; }
    footer .legal__text a {
      text-decoration: none;
      color: #ffffff; }

.social__media {
  margin-bottom: 25px;
  overflow: hidden; }
  .social__media li {
    float: left;
    list-style: none;
    margin: 0px 0px 0px 50px; }
    .social__media li:first-child {
      margin: 0; }
  .social__media a {
    text-indent: -9999px;
    height: 36px;
    width: 37px;
    display: block;
    background: url(../images/social-icons.png); }
  .social__media .social__media--tw {
    background-position: 0 0; }
  .social__media .social__media--in {
    background-position: -85px 0; }
  .social__media .social__media--fb {
    background-position: -171px 0; }

.slick-arrow {
  padding: 0;
  position: absolute;
  top: 100px;
  left: 0px;
  background: none;
  border: 0 none;
  text-indent: -9999px; }
  .slick-arrow.slick-next {
    background: url(../images/arrow-right.png) 0 0 no-repeat;
    width: 17px;
    left: 293px; }
  .slick-arrow.slick-prev {
    background: url(../images/arrow-left.png) 0 0 no-repeat;
    width: 17px;
    left: 55px; }

@media (max-width: 768px) {
  .dots {
    display: none; }
  .mobile {
    display: inline-block; }
  .desktop {
    display: none; }
  .masthead .brand {
    right: auto;
    left: 20px;
    top: 35px;
    width: 50%; }
  .masthead .nav__trigger {
    display: block;
    top: 35px;
    right: 20px; }
  .nav {
    position: absolute;
    z-index: 201;
    opacity: 0;
    transition-property: all;
    transition-duration: 300ms;
    transform: translateX(-100%);
    width: 100%;
    height: 100%;
    top: 0;
    font-size: 30px;
    font-size: 1.875rem; }
    .nav--active .nav {
      transition: all 300ms ease-in-out;
      transform: translateX(0);
      opacity: 1;
      background-color: #282828; }
    .nav .nav__list {
      padding: 70px 0px; }
      .nav .nav__list .page_item {
        width: 100%;
        display: block;
        margin: 0px 0px 50px 0px; }
  .fact__block .slick-next,
  .fact__block .slick-prev {
    background-size: 50%;
    top: 52%; }
  .fact__content {
    font-size: 42.6656px;
    font-size: 2.6666rem;
    padding: 77px 0px; }
  .page__content {
    padding: 77px 0px;
    font-size: 24px;
    font-size: 1.5rem; }
    .page__content h2 {
      margin: 0px 0px 32px 0px;
      font-size: 32px;
      font-size: 2rem; }
  .fact__list {
    margin: 35px 0px 0px 0px; }
    .fact__list .fact__list__desc {
      clear: both;
      float: none; }
    .fact__list .fact__list__term {
      clear: both;
      float: none; }
  .shirt__number {
    line-height: 75px; }
    .shirt__number .shirt__number--bordered {
      width: 90px;
      height: 90px;
      line-height: 80px;
      font-size: 42px;
      font-size: 2.625rem; }
  footer {
    text-align: center; }
    footer .footer__brand {
      width: 100%;
      text-align: center;
      display: block;
      margin: 0px 0px 30px 0px; }
      footer .footer__brand img {
        display: inline-block; }
    footer .social__media {
      float: none !important;
      margin: 20px 0px 0px 0px; }
    footer ul {
      overflow: hidden;
      display: table;
      margin: 0 auto;
      padding: 0; }
  .career .career_breakdown {
    padding: 77px 0px; }
    .career .career_breakdown .career_clubs {
      display: none; }
    .career .career_breakdown .club__content {
      padding: 0; }
      .career .career_breakdown .club__content img {
        text-align: center;
        margin: 0 auto; }
  .career .slick-arrow {
    top: 77px; }
  .slick-arrow.slick-prev {
    left: 32px; } }

@media (min-width: 992px) {
  .masthead {
    height: 100vh;
    width: 100%; } }
.nav-bg img{
  width:992px;
}
.block_lt-grey {
  background: #ebebeb;
}

.twitter__feed .flag__image p:nth-of-type(2) {
  margin-top: 2px;
}

.flag__image img {
  max-width: 80px;
}