@charset "UTF-8";
/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

------------------------------------------------------------- */
/* -----------------------------------

  Custom CSS

  Index - Search for main pages using '@' (e.g. @Home).

  1.  General
    - Links
    - Titles
    - Layout
      - Typography
      - Header
      - Footer
    - Jumbotron Headers
    - Inputs
    - Tables
      - Standard Tables
      - Points Tables
    - Modals
    - Tabs
    - Buttons
    - Alerts
    - Misc
  2.  Login Pages
  3.  Home/Landing
  4.  Dugout
  5.  Squad Optimisation
    - NEW Squad Optimisation
  6 Analysis
    - General Analysis
    - Player Analysis
    - Points Projections
  7.  Beat The Price Rise
  8.  Transfer Trends
  9.  Gameweek Live
  10. Predicted Lineups
  11. The Community
  12. General Pages
    - Beat The Bookie
    - About
    - FAQ
    - Privacy Policy
    - Useful Links

    ----------------------------------- */
/* -----------------------------------


  @General


----------------------------------- */
html {
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body {
  margin: 0;
  padding: 0;
  font-family: 'Fix Sans', sans-serif !important;
  font-size: 13px;
  line-height: 22px;
  font-weight: 300;
  color: #555560;
  overflow-x: hidden; }

@media screen and (max-width: 767px) {
  body {
    font-size: 12px;
    line-height: 21px; } }

@media (max-width: 767px) {
  body {
    padding-right: 0px;
    padding-left: 0px; }
  .container {
    padding-right: 20px;
    padding-left: 20px; } }

@media (max-width: 767px) {
  .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
    margin-right: 0; } }

/* Clearfix */
.cf:before,
.cf:after {
  content: " ";
  display: table; }

.cf:after {
  clear: both; }

.cf {
  *zoom: 1; }

img {
  vertical-align: middle; }

#season-tickets img {
  vertical-align: middle;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: optimizeQuality; }

/* ---- @Equal Columns ---- */
@media screen and (min-width: 767px) {
  .row--equal {
    display: -webkit-flex;
    display: flex; }
    .row--equal [class*='span'] {
      display: -webkit-flex;
      display: flex; }
    .row--equal__box {
      background: #fff;
      width: 100%; } }

/* ---- @Links ---- */
a {
  color: #22133C;
  text-decoration: none;
  outline: none; }

a:hover {
  color: #555;
  text-decoration: none;
  outline: 0; }

a:focus {
  color: #555;
  text-decoration: none;
  outline: 0; }

strong {
  font-weight: 400; }

li {
  list-style: none; }

ul.list li {
  list-style: initial;
  margin-bottom: 10px; }

/* ---- @Titles ---- */
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #22133C;
  font-weight: 600; }

h1 {
  font-size: 24px;
  line-height: 40px; }

h2 {
  font-size: 21px;
  line-height: 28px; }

h3 {
  font-size: 18px;
  line-height: 25px; }

h4 {
  font-size: 16px;
  line-height: 25px;
  margin-bottom: 10px; }

h5 {
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 10px; }

h6 {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 10px; }

/* ---- @Layout ---- */
.span1_5 {
  width: 17.948% !important;
  float: left; }

@media screen and (min-width: 1200px) {
  .span1_5 {
    width: 17.948% !important;
    float: left; } }

@media screen and (max-width: 980px) {
  .span1_5 {
    width: 17.75% !important;
    float: left; } }

@media screen and (max-width: 767px) {
  .span1_5 {
    width: 100% !important;
    float: none;
    margin: 0 0 30px 0 !important; } }

.grey-bg {
  background-color: #ECECEC;
  padding: 40px 0; }

.grey-font {
  color: #D9D7D8; }

@media screen and (max-width: 767px) {
  .grey-bg {
    padding: 20px 0; } }

.white-box {
  padding: 40px;
  background-color: #fff;
  overflow: auto;
  margin-bottom: 30px; }

.white-box-small {
  padding: 20px 0;
  background-color: #fff;
  overflow: auto;
  margin-bottom: 30px; }

.white-inner {
  padding: 0; }

.white-inner-small {
  padding: 0 20px; }

@media screen and (max-width: 979px) {
  .white-box {
    padding: 20px; } }

@media (max-width: 767px) {
  .span4 {
    margin-bottom: 30px; } }

input, button, select, textarea {
  font-family: "Fix Sans", sans-serif; }

/* Progress Bars */
.progress {
  border-radius: 0;
  height: 23px;
  margin: 0;
  box-shadow: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }

.progress .bar {
  background: #42FF0F;
  text-align: center;
  text-shadow: none;
  box-shadow: none !important;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }

.progress .progress-very-high {
  background-color: #42FF0F; }

.progress .progress-high {
  background-color: #29F1FF; }

.progress .progress-medium {
  background-color: #F93D00; }

.progress .progress-low {
  background-color: #FC1C5B; }

.progress span {
  color: #fff;
  line-height: 1.9em; }

/* --- Arrow Pseudo Elements --- */
.arrow-increase, .arrow-decrease {
  position: relative; }
  .arrow-increase::before, .arrow-decrease::before {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    position: absolute;
    display: block;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 0; }

.arrow-increase::before {
  border-bottom: 7px solid #42FF0F; }

.arrow-decrease::before {
  border-top: 7px solid #FC1C5B; }

/* ---- @Typography ---- */
b {
  font-weight: 400; }

.paragraph {
  font-size: 1.3em;
  line-height: 1.5em; }

.intro-match.intro {
  display: table;
  width: 100%; }

.intro-cell {
  display: table-cell;
  vertical-align: middle; }

.intro p {
  font-size: 1.6em;
  line-height: 1.9em;
  text-align: center; }

.intro p:last-child {
  margin-bottom: 0; }

@media screen and (max-width: 980px) {
  .intro p {
    font-size: 1.3em;
    line-height: 1.6em; } }

@media screen and (max-width: 600px) {
  .intro p {
    font-size: 1em;
    line-height: 1.9em;
    text-align: center; } }

.divider {
  height: 1px;
  background-color: #eee;
  margin: 40px 0; }

.login-form {
  position: relative;
  z-index: 20; }

#id-modal-login .close {
  position: absolute;
  right: 7px;
  top: 4px;
  font-size: 29px;
  font-weight: bold;
  line-height: 20px;
  color: #000;
  z-index: 2;
  text-shadow: 0 1px 0 #fff;
  opacity: .2;
  filter: alpha(opacity=20); }

hr {
  border-top: 1px solid #eee;
  border-bottom: 0; }

/* ---- @Mobile Menu New ---- */
.drawer-nav {
  overflow: auto; }
  .drawer-nav ul {
    margin: 0;
    padding: 0; }
  .drawer-nav .login-form-mobile .form-signin {
    margin-top: 15px;
    padding: 0 15px; }
  .drawer-nav .login-form-mobile .form-signin__title {
    text-align: center;
    font-size: 15px;
    margin: 0 0 10px 0; }
  .drawer-nav .login-form-mobile .login-input {
    float: none; }
    .drawer-nav .login-form-mobile .login-input a {
      display: block; }
    .drawer-nav .login-form-mobile .login-input input[type="text"],
    .drawer-nav .login-form-mobile .login-input input[type="email"],
    .drawer-nav .login-form-mobile .login-input input[type="password"] {
      position: relative;
      background-color: #EFEFEF; }
    .drawer-nav .login-form-mobile .login-input i.fa-right {
      padding: 14px; }
  .drawer-nav .login-form-mobile .login-button {
    float: none; }
    .drawer-nav .login-form-mobile .login-button .btn {
      padding: 13px 10px; }
  .drawer-nav .login-form-mobile .forgot_password_mobile {
    color: #22133C;
    text-align: center;
    display: block;
    margin: 8px 0; }
    .drawer-nav .login-form-mobile .forgot_password_mobile:hover {
      background: #fff;
      color: #22133C; }
  .drawer-nav li {
    border-bottom: 1px solid #EFEFEF; }
    .drawer-nav li a {
      position: relative;
      text-decoration: none;
      font-weight: 400; }
      .drawer-nav li a .drawer-caret {
        position: absolute;
        top: 50%;
        right: 15px;
        margin-top: -2px; }
      .drawer-nav li a:hover, .drawer-nav li a:focus, .drawer-nav li a:active {
        text-decoration: none;
        background-color: #EFEFEF; }
  .drawer-nav > li:last-child {
    margin-bottom: 50px; }
  .drawer-nav .dropdown-wrap {
    color: #22133C; }
    .drawer-nav .dropdown-wrap .dropdown {
      display: none;
      padding: 0;
      margin: 0; }
      .drawer-nav .dropdown-wrap .dropdown li a {
        font-size: 15px;
        display: block;
        padding: 10px; }
    .drawer-nav .dropdown-wrap.in a {
      color: #22133C;
      background-color: #d6d5d5; }
    .drawer-nav .dropdown-wrap.in .dropdown {
      display: block; }
      .drawer-nav .dropdown-wrap.in .dropdown a {
        background-color: #EFEFEF; }
  .drawer-nav .menu-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%; }
    .drawer-nav .menu-bottom .social-icons {
      text-align: center;
      padding-bottom: 20px; }
      .drawer-nav .menu-bottom .social-icons li {
        display: inline-block;
        border-bottom: 0;
        margin: 0 5px; }
        .drawer-nav .menu-bottom .social-icons li a {
          font-size: 20px; }

/* ---- @Footer ---- */
.above-footer {
  padding: 40px 0;
  background-color: #fff; }
  .above-footer .row {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-align-items: flex-end;
            align-items: flex-end; }
    @media screen and (min-width: 980px) {
      .above-footer .row {
        -webkit-flex-wrap: nowrap;
                flex-wrap: nowrap; } }
  .above-footer .above-footer__logos {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-align-items: flex-end;
            align-items: flex-end;
    -webkit-justify-content: center;
            justify-content: center;
    width: 100%; }
    @media screen and (min-width: 980px) {
      .above-footer .above-footer__logos {
        -webkit-flex-wrap: nowrap;
                flex-wrap: nowrap;
        width: 65%; } }
    @media screen and (min-width: 980px) {
      .above-footer .above-footer__logos .above-footer__col {
        -webkit-flex: 1;
                flex: 1;
        width: auto; } }
  .above-footer .above-footer__col {
    width: 50%;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #f5f5f5; }
    @media screen and (min-width: 980px) {
      .above-footer .above-footer__col {
        -webkit-flex: auto;
                flex: auto;
        width: auto;
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: none; } }
  .above-footer .logo-link,
  .above-footer .app-link {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    width: 100%;
    transition: .3s; }
    .above-footer .logo-link:hover,
    .above-footer .app-link:hover {
      opacity: .7; }
    @media screen and (min-width: 1200px) {
      .above-footer .logo-link,
      .above-footer .app-link {
        border-right: 1px solid #f5f5f5; } }
  .above-footer .row > .above-footer__col:last-child > a {
    border-right: none; }
  .above-footer .logo-icon {
    margin: auto;
    max-width: 55px; }
  .above-footer .logo-title {
    color: #35264e;
    font-weight: 600;
    font-size: 12px;
    width: 100%;
    text-align: center;
    margin: 13px 0 0;
    text-transform: uppercase; }
    @media screen and (min-width: 1200px) {
      .above-footer .logo-title {
        font-size: 13px; } }
  .above-footer .app-link {
    -webkit-align-content: flex-end;
            align-content: flex-end; }
  .above-footer .app-btn {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    margin-bottom: 10px; }
  .above-footer .app-btn img {
    max-width: 30px; }
  .above-footer .app-btn p {
    font-weight: 600;
    font-size: 16px;
    margin: 0 0 0 10px; }

.footer {
  background: #22133C;
  color: #ffffff;
  padding: 60px 0; }
  .footer h3 {
    color: #fff;
    margin: 30px 0 10px 0; }
    @media screen and (min-width: 768px) {
      .footer h3 {
        margin: 0 0 30px 0; } }
  .footer a {
    color: #fff; }
  .footer a:hover {
    text-decoration: underline;
    -webkit-text-decoration-color: rgba(255, 255, 255, 0.4);
            text-decoration-color: rgba(255, 255, 255, 0.4); }
  .footer ul {
    padding: 0;
    margin: 0; }
    .footer ul li {
      list-style: none;
      padding: 0;
      margin: 0 0 5px 0; }
  .footer .app-icons a {
    display: block;
    max-width: 190px;
    width: 100%;
    text-align: center;
    background: rgba(255, 255, 255, 0.1);
    padding: 10px;
    -khtml-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 20px; }
    .footer .app-icons a img {
      max-width: 110px;
      width: 80%;
      margin: 0 auto; }
  .footer .extension-btn {
    background-color: #392b50;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    padding: 12px;
    color: #fff;
    margin-bottom: 20px;
    transition: .3s;
    max-width: 190px;
    box-sizing: border-box; }
    .footer .extension-btn:hover {
      text-decoration: none; }
    .footer .extension-btn img {
      margin-right: 10px;
      max-width: 30px;
      -webkit-filter: brightness(0) invert(1);
              filter: brightness(0) invert(1); }
    .footer .extension-btn p {
      font-weight: 500;
      font-size: 11px;
      line-height: 1.3;
      margin: 0;
      text-transform: uppercase; }
    .footer .extension-btn span {
      display: block; }

.footer-row + .footer-row {
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  margin-top: 40px; }
  @media screen and (min-width: 768px) {
    .footer-row + .footer-row {
      padding-top: 40px; } }

.footer .footer-socials {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap; }
  @media screen and (min-width: 1200px) {
    .footer .footer-socials {
      -webkit-flex-wrap: nowrap;
              flex-wrap: nowrap; } }
  @media screen and (min-width: 768px) {
    .footer .footer-socials li {
      width: 33%;
      margin-bottom: 15px; } }
  @media screen and (min-width: 1200px) {
    .footer .footer-socials li {
      width: auto;
      margin-bottom: 0; } }
  .footer .footer-socials a {
    width: 30px;
    height: 30px;
    display: block;
    border-radius: 50%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    margin-right: 6px;
    transition: .3s;
    -webkit-flex: 1;
            flex: 1; }
  .footer .footer-socials a:hover {
    background-color: rgba(255, 255, 255, 0.25);
    text-decoration: none; }
  .footer .footer-socials i {
    font-size: 20px; }
  .footer .footer-socials li span {
    display: none; }

/* Back To Top */
.go-top {
  position: fixed;
  bottom: 0.5em;
  right: 0.5em;
  text-decoration: none;
  color: #45ff0f;
  background-color: #22133C;
  font-size: 17px;
  padding: 9px 10px 13px 10px;
  display: none;
  border-radius: 80px;
  z-index: 500; }

.go-top:hover {
  background-color: #22133C; }

/* Copyright */
.copyright {
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: inline; }

.footer-logo {
  display: inline; }

.sag-logo {
  float: left;
  width: 80px;
  margin-right: 45px; }

.copyright-text {
  display: inline-block;
  margin-top: 14px; }

.copyright-text-left {
  float: left; }

.copyright-text-right {
  float: right; }

.copyright a {
  transition: color 0.4s ease-in-out; }

/* Copyright Responsive */
@media screen and (max-width: 1200px) {
  .sag-logo {
    float: left;
    width: 70px;
    margin-right: 25px; } }

@media (max-width: 979px) {
  .copyright {
    letter-spacing: 1px;
    text-transform: uppercase;
    display: inline; }
  .footer-logo {
    display: inline-block;
    margin-right: 14px; }
  .sag-logo {
    float: none;
    display: inline-block; }
  .copyright-text-left {
    float: none;
    display: block; }
  .copyright-text-right {
    margin-top: 5px;
    float: none;
    display: block; } }

/* ---- @Jumbron Headers ---- */
.jumbotron {
  width: 100%;
  margin-bottom: 0;
  color: #fff; }

.jumbotron > .container {
  padding: 0;
  background-repeat: no-repeat;
  background-size: auto 309%;
  background-position: 100% 70%;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.jumbotron {
  background-color: #35264e; }

body .jumbotron.grey {
  background-color: #f4f4f6;
  padding: 80px 0; }
  body .jumbotron.grey .lead {
    font-size: 40px;
    line-height: 1em;
    font-weight: 800;
    text-align: center;
    margin: 0 0 30px 0;
    color: #35264e; }
    @media screen and (min-width: 800px) {
      body .jumbotron.grey .lead {
        font-size: 50px;
        margin: 0 0 40px 0; } }
  body .jumbotron.grey .subtitle {
    font-weight: 600;
    padding: 0;
    margin-top: 0;
    color: #555560;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 16px;
    text-align: center;
    margin: 0; }

.jumbotron > .container {
  background-image: url("../../images/headers/logo4.png"); }

.jumbotron--pink > .container {
  background-image: url("../../images/headers/logo6.png"); }

body .jumbotron.grey > .container {
  background-image: none; }

.jumbotron .lead {
  font-weight: 200;
  color: #ffffff;
  font-size: 1.8em;
  line-height: 26px;
  margin-bottom: 0; }

.jumbotron.subhead-season .lead {
  color: #fff; }

.jumbotron .show-ipad {
  display: none !important; }

.jumbotron {
  position: relative;
  overflow: hidden; }
  .jumbotron .feature-help {
    position: absolute;
    top: 50%;
    right: 0;
    background: #fff;
    text-align: center;
    margin-right: 0;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all 0.25s ease-in-out; }
    .jumbotron .feature-help.out {
      right: -85px;
      transition: all 0.25s ease-in-out; }
      .jumbotron .feature-help.out:hover {
        right: 0; }
      .jumbotron .feature-help.out .hide-btn {
        opacity: 0; }
    .jumbotron .feature-help h3 {
      font-size: 12px;
      line-height: 16px;
      margin: 0;
      padding: 10px 10px; }
    .jumbotron .feature-help i {
      font-size: 25px;
      display: block;
      padding-right: 10px; }
    .jumbotron .feature-help .hide-btn {
      opacity: 0;
      color: #fff;
      position: absolute;
      top: 0;
      left: -20px;
      cursor: pointer; }
      .jumbotron .feature-help .hide-btn i {
        font-size: 15px;
        line-height: 12px; }
    .jumbotron .feature-help:hover .hide-btn {
      opacity: 1; }
  @media screen and (max-width: 767px) {
    .jumbotron .feature-help.out {
      margin-right: 0; }
    .jumbotron .feature-help h3 {
      font-size: 13px; }
    .jumbotron .feature-help i {
      font-size: 13px; } }

@media screen and (max-width: 980px) {
  .jumbotron > .container {
    background-image: none !important; }
  .jumbotron > .container .lead {
    text-align: left;
    width: 100%;
    padding: 0 0 0 10px;
    -khtml-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
  .jumbotron .hide-ipad {
    display: none !important; }
  .jumbotron .show-ipad {
    display: block !important; } }

@media (max-width: 979px) {
  .jumbotron .lead {
    font-weight: 200;
    color: #fff;
    font-size: 1.7em;
    line-height: 1.3em; } }

@media (max-width: 433px) {
  .jumbotron .lead {
    font-weight: 200;
    color: #fff;
    font-size: 1.4em;
    line-height: 1.2em;
    width: 90%; } }

.jumbotron .lead span {
  font-size: 55px;
  line-height: 55px;
  font-weight: 900;
  display: inline-block;
  margin: 15px 0; }

@media screen and (max-width: 979px) {
  .jumbotron .lead span {
    font-size: 40px;
    line-height: 40px;
    padding: 0 100px 0 0; } }

@media screen and (max-width: 434px) {
  .jumbotron .lead span {
    font-size: 27px;
    line-height: 27px; } }

.homepage .newtofix {
  display: none !important; }

/* ---- @Modals ---- */
body.modal-open {
  overflow: hidden !important; }

.modal-backdrop {
  background-color: #22133C; }

.modal-backdrop, .modal-backdrop.fade.in {
  background-color: #5F5F5F; }

.modal {
  display: none;
  position: absolute;
  left: 50%;
  z-index: 1050;
  max-width: 610px;
  margin-left: 0;
  width: 90%;
  -webkit-transform: translateX(-50%);
  -khtml-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #fff;
  border: none;
  border-radius: 0;
  outline: 0;
  box-shadow: none;
  background-clip: border-box; }
  .modal button.close {
    position: absolute;
    right: 10px;
    top: 8px;
    z-index: 99; }

.modal .modal-youtube-btn {
  margin-bottom: -80px;
  margin-top: 30px;
  margin-left: -15px;
  margin-right: -15px;
  width: auto; }

@media screen and (max-width: 979px) {
  .modal.fade.in,
  .modal.container.fade.in {
    top: 50%;
    bottom: auto; } }

.modal-header {
  text-align: center;
  padding: 25px 15px;
  border-bottom: 0px solid #eee; }

.modal-footer {
  background-color: #fff;
  border: 0px solid;
  text-align: center; }

#watchinfo {
  width: 100%; }

.modal input {
  width: 100%;
  height: 44px;
  margin-bottom: 10px; }

.modal label {
  display: none; }

.modal-inside {
  padding: 0 40px;
  text-align: center; }

.modal--standard {
  text-align: center; }
  .modal--standard .modal-header {
    background-color: #F4F4F6;
    padding: 12px; }
    .modal--standard .modal-header img {
      max-width: 40px; }
  @media screen and (min-width: 768px) {
    .modal--standard .modal-body {
      padding: 35px 40px 40px; } }
  .modal--standard .modal-body ul {
    margin: 15px 0 25px; }
  .modal--standard .modal-body ul li {
    list-style: inside;
    padding: 5px 0; }
  .modal--standard .btn {
    display: inline-block;
    width: auto; }

.modal--standard__title {
  font-weight: 900;
  font-size: 22px;
  width: 100%;
  text-align: center;
  margin: 0; }
  .modal--standard__title + .video-wrapper,
  .modal--standard__title + img {
    margin-top: 20px; }

.modal--standard iframe {
  height: 101%;
  top: -0.5%; }

.modal--standard__para,
.modal--standard__list {
  text-align: center;
  font-size: 1.2em;
  line-height: 1.6em;
  padding: 20px 0 0 0; }

.modal--standard__list {
  margin: 0;
  padding: 10px 0; }
  .modal--standard__list li {
    padding: 5px 0;
    list-style: inside; }

.modal--standard__discount {
  padding: 20px 0 10px;
  margin: 25px 0 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd; }

.modal-video--laptop {
  margin: 20px auto 30px;
  position: relative;
  max-width: 500px; }
  .modal-video--laptop video {
    z-index: 10; }

/* New User Login Modal */
#modal__new-user-login .modal-body {
  padding: 30px; }

#modal__new-user-login .content {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  text-align: center; }
  #modal__new-user-login .content .left {
    -webkit-flex: 1 0 65%;
            flex: 1 0 65%;
    width: 65%; }
    #modal__new-user-login .content .left h2 {
      margin: 0 0 20px 0; }
    #modal__new-user-login .content .left p {
      margin: 0 0 25px 0; }
    #modal__new-user-login .content .left .btn {
      margin: 0; }
  #modal__new-user-login .content .right {
    -webkit-flex: 1 0 35%;
            flex: 1 0 35%;
    width: 35%; }
    #modal__new-user-login .content .right img {
      padding: 0 0 0 30px;
      display: block;
      box-sizing: border-box; }

@media screen and (max-width: 500px) {
  #modal__new-user-login .content {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    text-align: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap; }
    #modal__new-user-login .content .left {
      -webkit-flex: 1 0 100%;
              flex: 1 0 100%;
      width: 100%;
      -webkit-order: 2;
              order: 2; }
      #modal__new-user-login .content .left h2 {
        margin: 0 0 20px 0; }
      #modal__new-user-login .content .left p {
        margin: 0 0 25px 0; }
      #modal__new-user-login .content .left .btn {
        margin: 0; }
    #modal__new-user-login .content .right {
      -webkit-flex: 1 0 100%;
              flex: 1 0 100%;
      width: 100%;
      -webkit-order: 1;
              order: 1; }
      #modal__new-user-login .content .right img {
        width: 120px;
        padding: 0;
        margin: 0 auto 20px auto;
        display: block;
        width: 160px; } }

#modal_covid-message {
  text-align: center;
  max-width: 700px; }
  #modal_covid-message .modal-header {
    padding: 0; }
  #modal_covid-message .modal-body {
    padding: 15px 40px 20px 40px; }
  #modal_covid-message h3 {
    margin-top: 20px; }

/* How To Modal */
.modal.howto .modal-body {
  max-height: none; }

/* Player Modals */
#watch-submit {
  width: 100%;
  padding: 15px 0px; }

#watch-submit .fa {
  font-size: 12px; }

/* DK Modal */
#dkplayermodal .modal-header {
  padding: 20px 20px 0 20px; }

#dkplayermodal .modal-footer {
  padding: 0 20px 20px 20px; }

#dkplayermodal .modal-body {
  padding: 20px; }

#dkplayermodal table {
  font-size: 1.2em; }
  #dkplayermodal table .td {
    font-weight: 400;
    color: #22133C;
    padding: 6px 0; }

#dkplayermodal .name {
  font-weight: 400;
  color: #22133C; }

#dkplayermodal .btn-one-light {
  margin: 10px 0 0 0; }

/* Membership Modal */
.membershipmodal .modal-footer {
  background-color: #fff;
  padding: 14px 40px 35px; }

.membershipmodal .modal-footer a {
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; }

.membershipmodal .modal-inside {
  margin-top: 20px; }

.membershipmodal .modal-inside p {
  font-size: 1.2em;
  line-height: 1.4em;
  margin-top: 20px;
  margin-left: 20px;
  display: inline-block;
  float: right;
  width: 70%; }

.membershipmodal .modal-inside img {
  margin-top: 10px;
  height: 100px;
  width: 100px;
  float: left;
  display: inline-block; }

.membershipmodal .modal-header {
  display: none; }

@media screen and (max-width: 580px) {
  .membershipmodal .modal-inside img {
    display: block;
    float: none;
    margin: 0 auto; }
  .membershipmodal .modal-inside p {
    width: 100%;
    margin-left: 0px;
    margin-bottom: 0; } }

/* ID Modal */
.idmodal .modal-footer {
  background-color: #fff;
  padding: 14px 40px 35px; }

.idmodal .modal-footer a {
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; }

.idmodal .modal-inside {
  margin-top: 20px; }

.idmodal h2 {
  text-align: center; }

.idmodal .modal-inside img {
  margin-bottom: 20px; }

.idmodal .modal-inside p {
  font-size: 1.2em;
  line-height: 1.4em; }

.idmodal .modal-header {
  display: none; }

/* Purchase Modal */
#purchaseModal {
  text-align: center; }
  #purchaseModal .alert-paragraph {
    margin: 0 0 20px 0; }

#purchaseModal .modal-body {
  position: relative;
  padding: 0 40px;
  overflow-y: auto;
  width: 100%;
  margin-right: 0;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 40px; }

.purchaseModal__update-toggle {
  display: block;
  margin: 10px 0 0 0; }
  .purchaseModal__update-toggle strong {
    color: #22133C; }

@media screen and (max-width: 430px) {
  #purchaseModal .modal-body {
    max-height: 430px; } }

#purchaseModal form {
  margin-bottom: 5px; }

#purchaseModal h2, #purchaseModal h3 {
  margin: 0;
  margin-bottom: 10px; }

#purchaseModal .addons {
  margin: 10px 0 20px 0;
  padding-bottom: 20px;
  border-bottom: 1px solid #EFEFEF; }

#purchaseModal .addons li {
  display: inline-block;
  width: 11.9%;
  margin: 0 1%; }

#purchaseModal .addons li.off img {
  opacity: 0.3;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  /* Firefox 10+, Firefox on Android */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+, Safari 6+, Safari 6+ iOS */ }

#purchaseModal .credit-card {
  width: 65%;
  display: inline-block; }

#purchaseModal .cvv {
  width: 33%;
  margin-left: 2%;
  display: inline-block; }

#purchaseModal .expiry .select2 {
  width: 49%;
  display: inline-block; }

#purchaseModal .expiry .expiry-year {
  margin-left: 2%;
  display: inline-block; }

#purchaseModal .discount-used {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #EFEFEF; }

.discount-toggle {
  font-size: 16px; }

#purchaseModal .discount-used span {
  font-family: fix sans;
  color: #22133C; }

#credit-card {
  margin-bottom: 10px; }

#purchaseModal .btn {
  width: 100%; }

@media screen and (max-width: 580px) {
  #purchaseModal .addons li {
    display: inline-block;
    width: 18%;
    margin: 0 1%; }
  #purchaseModal .credit-card {
    width: 100%;
    display: block; }
  #purchaseModal .cvv {
    width: 100%;
    margin-left: 0%;
    display: block; } }

/* IMPORTANT Assist Modal */
/* ---- @Tables ---- */
.table-bordered {
  border: 0px solid #ddd; }

.table th, .table td {
  vertical-align: middle;
  line-height: 16px;
  padding: 12px 8px; }

thead {
  background-color: transparent;
  color: #22133C;
  font-size: 12px; }

thead a {
  color: #22133C; }

thead tr th:first-child {
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px; }

thead tr th:last-child {
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px; }

.table th {
  font-weight: 400;
  vertical-align: middle; }

.table thead th {
  vertical-align: middle; }

.table-bordered th,
.table-bordered td {
  border-left: 0 solid #ddd; }

.table-bordered td {
  border-bottom: 1px solid #EFEFEF; }

.table th, .table td {
  border-top: 0px solid #F4F4F4;
  border-radius: 0; }

.table-bordered thead:last-child tr:last-child > th:first-child, .table-bordered tbody:last-child tr:last-child > td:first-child, .table-bordered tbody:last-child tr:last-child > th:first-child, .table-bordered tfoot:last-child tr:last-child > td:first-child, .table-bordered tfoot:last-child tr:last-child > th:first-child {
  border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0; }

.table-bordered thead:last-child tr:last-child > th:last-child, .table-bordered tbody:last-child tr:last-child > td:last-child, .table-bordered tbody:last-child tr:last-child > th:last-child, .table-bordered tfoot:last-child tr:last-child > td:last-child, .table-bordered tfoot:last-child tr:last-child > th:last-child {
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0; }

tbody tr:first-child td {
  border-top: 0 !important; }

.table.centered th, .table.centered td {
  text-align: center; }

.th-name {
  width: 300px; }

.th-team {
  width: 115px; }

.table-striped tbody > tr:nth-child(even) > td,
.table-striped tbody > tr:nth-child(even) > th {
  background-color: #f9f9f9; }

.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
  background-color: #ffffff; }

/* Hide Columns on mobile */
@media screen and (max-width: 767px) {
  .table-hide {
    display: none; } }

/* Mobile Titles */
.table-mobile-title {
  display: none; }

.points-table.live th, .points-table.live td {
  text-align: center; }

@media screen and (max-width: 980px) {
  .mobile-collapse td {
    font-size: 15px;
    line-height: 25px;
    text-align: center; }
  .mobile-collapse td span.table-mobile-title {
    display: inline-block;
    font-weight: 400;
    margin-right: 3px; } }

/* Mysquad Points Table */
.mysquad-table {
  font-size: 1em;
  color: #fff;
  border: 0px solid;
  margin-bottom: 10px;
  text-align: center; }

.mysquad-table th, .mysquad-table td {
  line-height: 16px;
  text-align: center; }

#table-squad_value, #table-total {
  width: 33%;
  background-color: #22133C; }

#table-bank, #table-rank {
  width: 33%;
  background-color: #22133C; }

#table-rank {
  width: 100%; }

#squad_value, #total, #bank, #rank {
  font-size: 3em;
  font-weight: 400;
  line-height: 50px;
  display: block;
  margin-top: 0px; }

.mysquad-table td {
  text-align: center;
  padding: 11px 10px;
  border-left: 0px solid; }

.mysquad-table .table_title {
  text-transform: uppercase;
  letter-spacing: 1px; }

/* Mysquad Points Table Responsive */
@media (max-width: 979px) {
  #squad_value, #sell_value, #bank, #total {
    font-size: 2.1em; } }

/* dataTable */
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
  font-family: 'fontAwesome';
  content: "\f078";
  cursor: pointer;
  color: #22133C;
  background-color: white;
  box-shadow: 0 0 0 0; }

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
  content: '\f077';
  background-color: white; }

/* @Post Mortem Tables */
.table.post th, .table.post td {
  text-align: center; }

.table.post td {
  font-size: 2em;
  font-weight: 400; }

.table.post.three thead tr th {
  width: 33%; }

.table.post.two thead tr th {
  width: 50%; }

.summary-table-half {
  text-align: center;
  width: 49%;
  float: left; }

.summary-table .summary-table-half:first-child {
  margin-right: 2%; }

.table.post th.double {
  padding: 0 8px;
  line-height: 13px; }

.table.post th .sub-text {
  font-size: 10px; }

@media screen and (max-width: 980px) {
  .summary-table-half {
    width: 100%; }
  .summary-table .summary-table-half:first-child {
    margin-right: 0; }
  .table.post td {
    font-size: inherit;
    font-weight: inherit; } }

@media screen and (max-width: 767px) {
  .post-mortem-box {
    height: auto; } }

.post-mortem-box h2 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px;
  font-weight: 800; }

.post-mortem-box p {
  text-align: center; }

.post-mortem-box .table.post {
  margin-top: 0px !important;
  margin-bottom: 0px !important; }

@media screen and (max-width: 1200px) {
  .post-mortem-box .points-table td {
    line-height: 37px; } }

@media screen and (max-width: 980px) {
  .post-mortem-box .mobile-collapse td {
    line-height: 15px; }
  .post-mortem-box .table.post {
    margin-top: 20px !important;
    margin-bottom: 20px !important; } }

.post-mortem-box .countdown {
  margin-top: 30px; }

/* Circle Info Icons */
.open-playermodal img {
  border-radius: 50%;
  pointer-events: none; }

table .open-playermodal {
  margin-right: 5px; }

.fffPlayerContainer {
  position: relative; }
  .fffPlayerContainer a.open-playermodal {
    display: inline-block; }

@media screen and (max-width: 450px) {
  .fffUnit a[data-original-title="Vice-captain"],
  .fffUnit a[data-original-title="Captain"],
  .fffUnit a[title="Vice-captain"],
  .fffUnit a[title="Captain"] {
    position: absolute;
    top: 0;
    right: 0; }
    .fffUnit a[data-original-title="Vice-captain"] img,
    .fffUnit a[data-original-title="Captain"] img,
    .fffUnit a[title="Vice-captain"] img,
    .fffUnit a[title="Captain"] img {
      border: 1px solid #fff; } }

.fffUnit a img {
  border-radius: 50%;
  margin: 0 1px; }

/* ---- @Tabs ---- */
.tab-content {
  padding: 40px 0 0 0; }

.nav-tabs > li > a {
  padding: 0 0 15px 0;
  margin-right: 30px;
  line-height: 29px;
  border: 0;
  border-bottom: 3px solid transparent;
  font-size: 1.3em;
  border-radius: 4px 4px 0 0; }

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
  font-weight: 400;
  color: #22133C;
  border: 0;
  border-bottom: 3px solid #00f2fd; }

.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
  background: transparent;
  border-bottom: 3px solid transparent; }

.modal .nav-tabs > li > a {
  font-size: 1em; }

@media screen and (max-width: 980px) {
  .nav-tabs > li > a {
    font-size: 1em;
    line-height: 18px; } }

@media screen and (max-width: 767px) {
  .nav-tabs {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-align-items: flex-end;
            align-items: flex-end; }
    .nav-tabs > li {
      width: 50%;
      padding: 0 10px;
      border-bottom: 1px solid #ddd;
      box-sizing: border-box;
      text-align: center;
      background: transparent !important; }
      .nav-tabs > li > a {
        padding: 10px 0 10px 0;
        margin-right: 0;
        background: transparent !important; } }

/* ---- @Buttons ---- */
.btn {
  position: relative;
  padding: 15px 20px;
  background-color: #22133C;
  color: #fff;
  letter-spacing: 1px;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 18px;
  text-shadow: none;
  background-image: none;
  border-radius: 0;
  border: 0;
  outline: 0 !important;
  -webkit-font-smoothing: antialiased;
  transition: all 0.25s ease-in-out;
  -khtml-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -ms-box-shadow: transparent 0 0 0 0;
  -o-box-shadow: transparent 0 0 0 0;
  box-shadow: transparent 0 0 0 0; }
  .btn:hover {
    color: #fff;
    outline: 0 !important;
    padding: 15px 20px;
    background-color: #0c0715;
    transition: all 0.25s ease-in-out; }
  .btn:focus {
    outline: 0 !important;
    background-color: #22133C;
    color: #fff; }
  .btn.active {
    background-color: #2d194f;
    color: #fff; }

.btn-one-primary {
  color: #22133C;
  position: relative;
  padding: 15px 20px;
  background-color: #42FF0F; }
  .btn-one-primary:hover, .btn-one-primary:focus, .btn-one-primary:active {
    color: #22133C;
    padding: 15px 20px;
    background-color: #2fdb00; }

.btn-one-secondary {
  color: #22133C;
  position: relative;
  padding: 15px 20px;
  background-color: #29F1FF; }
  .btn-one-secondary:hover, .btn-one-secondary:focus, .btn-one-secondary:active {
    color: #22133C;
    padding: 15px 20px;
    background-color: #00e5f5; }

.btn-one-psp {
  color: #fff;
  position: relative;
  padding: 15px 20px;
  background-color: #C80FFC; }
  .btn-one-psp:hover, .btn-one-psp:focus, .btn-one-psp:active {
    color: #fff;
    padding: 15px 20px;
    background-color: #a703d5; }

.btn-one-psp-border {
  color: #C80FFC;
  border: 2px solid #C80FFC;
  position: relative;
  padding: 15px 20px;
  text-transform: uppercase;
  background-color: transparent; }
  .btn-one-psp-border:hover, .btn-one-psp-border:focus, .btn-one-psp-border:active {
    background-color: #C80FFC;
    color: #fff; }

.btn-one-red {
  color: #fff;
  position: relative;
  padding: 15px 20px;
  background-color: #FC1C5B; }
  .btn-one-red:hover, .btn-one-red:focus, .btn-one-red:active {
    color: #fff;
    padding: 15px 20px;
    background-color: #e20342; }

.btn-one-red-border {
  color: #FC1C5B;
  border: 2px solid #FC1C5B;
  position: relative;
  padding: 15px 20px;
  text-transform: uppercase;
  background-color: transparent; }
  .btn-one-red-border:hover, .btn-one-red-border:focus, .btn-one-red-border:active {
    background-color: #FC1C5B;
    color: #fff; }

.btn-one-purple-border {
  color: #35264e;
  border: 2px solid #35264e;
  position: relative;
  padding: 15px 20px;
  text-transform: uppercase;
  background-color: transparent; }
  .btn-one-purple-border:hover, .btn-one-purple-border:focus, .btn-one-purple-border:active {
    background-color: #35264e;
    color: #fff; }

.btn-one-turquoise {
  padding: 15px 20px;
  background-color: #22b5a1; }

.btn-one-turquoise:hover {
  background-color: #14A08D; }

.btn-one-white {
  padding: 15px 20px;
  background-color: #ffffff;
  color: #888888; }

.btn-one-white:hover {
  background-color: #ffffff;
  color: #888888; }

.btn-one-orange {
  padding: 15px 20px;
  background-color: orange; }

.btn-one-orange:hover {
  background-color: #E18700; }

.btn-one-grey {
  padding: 15px 20px;
  background-color: #ddd;
  color: #35264e; }

.btn-one-grey:hover {
  background-color: #ccc;
  color: #35264e; }

.btn-one-light {
  color: #22133C;
  position: relative;
  padding: 15px 20px;
  background-color: #E5E5E5; }
  .btn-one-light:hover, .btn-one-light:focus {
    color: #22133C;
    padding: 15px 20px;
    background-color: #cccbcb; }

.btn-one-blue {
  color: #22133C;
  background-color: #29F1FF !important; }
  .btn-one-blue:hover, .btn-one-blue:focus {
    color: #22133C;
    padding: 15px 20px;
    background-color: #cccbcb; }

.btn-one-border, .btn-one-border:hover, .btn-one-border:focus {
  font-size: 12px;
  color: #22133C !important;
  background-color: #fff;
  border: 1px solid #e0e0e0 !important; }
  .btn-one-border:hover, .btn-one-border:focus, .btn-one-border:hover:hover, .btn-one-border:hover:focus, .btn-one-border:focus:hover, .btn-one-border:focus:focus {
    padding: 15px 20px;
    background-color: #e6e5e5;
    background-color: #f2f2f2; }

.btn-two-green {
  padding: 8px 10px;
  background-color: #42FF0F; }

.btn-two-green:hover {
  background-color: #b5c951; }

.btn-one-outline, .btn-one-outline:hover, .btn-one-outline:focus {
  color: #22133C !important;
  padding: 15px 20px !important;
  background-color: #fff;
  border: 1px solid #EFEFEF !important;
  position: relative;
  padding: 15px 20px;
  background-color: #ffffff; }
  .btn-one-outline:hover, .btn-one-outline:focus, .btn-one-outline:hover:hover, .btn-one-outline:hover:focus, .btn-one-outline:focus:hover, .btn-one-outline:focus:focus {
    padding: 15px 20px;
    background-color: #e6e5e5;
    background-color: #f2f2f2; }

.btn-icon-right {
  color: #22133C;
  position: relative;
  padding: 15px 20px;
  background-color: #E5E5E5;
  cursor: pointer;
  width: 100%;
  margin-bottom: 20px; }
  .btn-icon-right i {
    color: #cd201f;
    transition: all 0.25s ease-in-out; }
  .btn-icon-right:hover {
    padding: 15px 20px;
    background-color: #cccbcb; }

.btn-success {
  background-color: #42FF0F; }

.btn-success:hover {
  background-color: #b5c951; }

.btn.disabled, .btn[disabled] {
  background-color: #e5e7e7;
  color: #fff;
  opacity: 1;
  filter: alpha(opacity=1); }

.btn-group > .btn {
  color: #fff; }

.btn-group > .btn:hover {
  color: #fff; }

.btn-group > .btn.active {
  background-color: #42FF0F; }

.btn.active {
  box-shadow: none; }

/*
.btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
  background-color: #bbb;
  color: #fff;
}
*/
.btn-primary:hover {
  background-color: #d7d8d8; }

.btn-q-mark {
  background: #FEDCE5;
  padding: 0;
  border: none;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  margin-left: 3px;
  transition: .3s;
  display: -webkit-inline-flex;
  display: inline-flex; }
  .btn-q-mark i {
    font-size: 14px;
    line-height: 0;
    margin: auto;
    color: #FC1C5B;
    transition: .3s; }
  .btn-q-mark:hover {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    background: #FC1C5B; }
    .btn-q-mark:hover i {
      color: #fff; }

.circle-icon {
  background-color: #fff;
  padding: 3px;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: -webkit-inline-flex;
  display: inline-flex;
  margin-right: 5px; }
  .circle-icon .fa {
    color: #35264e;
    margin: auto; }

/* ---- @Pagination ---- */
/* PAGINATION */
.pagination ul {
  display: inline-block;
  margin-bottom: 0;
  margin-left: 0;
  box-shadow: none; }

.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
  background-color: #e5e7e7; }

.pagination ul > li > a,
.pagination ul > li > span {
  float: left;
  padding: 6px 12px;
  line-height: 21px;
  font-weight: 400;
  color: #22133C;
  text-transform: uppercase;
  text-decoration: none;
  background-color: transparent;
  border: 1px solid #EFEFEF;
  border-left-width: 0;
  margin-left: -1px; }

.pagination ul > li:first-child > a, .pagination ul > li:first-child > span,
.pagination ul > li:last-child > a, .pagination ul > li:last-child > span {
  border-radius: 0 !important; }

@media screen and (max-width: 980px) {
  .pagination ul > li > a,
  .pagination ul > li > span {
    padding: 3px 7px; } }

.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
  border-color: #29F1FF;
  background-color: #29F1FF;
  color: #22133C; }

.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
  background-color: #FFFFFF;
  color: #ececec;
  border: 1px solid #ececec; }

/* ---- @Tooltips/Popvers ---- */
/* Tooltip */
.tooltip-inner {
  background-color: #22133C; }

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -10px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #22133C; }

.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  font-size: 11px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: visible; }

.tooltip.in {
  opacity: 1;
  filter: alpha(opacity=100); }

/* Popover */
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 276px;
  padding: 15px 17px;
  text-align: left;
  white-space: normal;
  background-color: #22133C;
  border: none;
  border-radius: 6px;
  box-shadow: none;
  background-clip: padding-box; }

.popover-title {
  padding: 0;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: transparent;
  border-bottom: none;
  border-radius: 0;
  color: #fff;
  text-align: center; }

.popover.top .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #22133C;
  border-bottom-width: 0; }

.popover.right .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #22133C;
  border-left-width: 0; }

.popover.bottom .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-bottom-color: #22133C;
  border-top-width: 0; }

.popover.left .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-left-color: #22133C;
  border-right-width: 0; }

.popover.top .arrow:after,
.popover.right .arrow:after,
.popover.bottom .arrow:after,
.popover.left .arrow:after {
  display: none; }

.popover.right {
  margin-left: 13px; }

.popover.top {
  margin-top: -13px; }

.popover.left {
  margin-right: 13px; }

.popover.bottom {
  margin-bottom: -13px; }

.popover h3 {
  margin-bottom: 0px; }

.popover-icon {
  font-size: 0.8em;
  cursor: pointer;
  margin-left: 3px; }

.popover-icon:hover {
  color: #555; }

/* ---- @Alerts ---- */
.alert {
  padding: 12px;
  font-weight: 400;
  margin-bottom: 30px;
  text-shadow: none;
  text-align: center;
  border: 0;
  color: #fff;
  background-color: #e31f60;
  border-radius: 0; }

.alert a {
  color: #fff;
  text-decoration: underline !important; }

.alert .close {
  right: 0;
  color: #fff;
  opacity: 0.5;
  text-decoration: none !important; }

.alert-info {
  color: #fff;
  background-color: #22133C;
  border: 0px solid; }

.alert-error {
  color: #fff;
  background-color: #FC1C5B;
  border: 0px solid; }

.alert h4 {
  margin: 0;
  text-transform: uppercase;
  color: #fff !important; }

.warning-paragraph {
  margin-bottom: 40px;
  padding: 20px 10px 10px 0px;
  background-color: #fff;
  border: 1px solid #FC1C5B; }

.alert-paragraph {
  margin-bottom: 40px;
  padding: 10px 15px;
  background-color: #fff;
  border: 1px solid #EFEFEF;
  font-size: 1.2em;
  line-height: 1.6em; }

.alert-paragraph:before {
  font-family: 'fontawesome';
  content: '\f06a';
  margin-right: 10px;
  color: #22133C; }

.alert-paragraph.no-border {
  border: none; }

.alert-paragraph--new-feature {
  border-color: #FC1C5B; }
  .alert-paragraph--new-feature span {
    color: #21133c;
    font-weight: 400; }

.notification-alert {
  position: fixed;
  top: 0;
  left: 0;
  margin: 10px 0 0 10px;
  width: 260px;
  color: #fff;
  background-color: #22133C;
  z-index: 999; }

.notification-alert:before {
  color: #fff; }

.intro.live .alert-paragraph {
  margin-bottom: 0;
  margin-top: 20px; }

.alert.newtofix {
  position: fixed;
  bottom: 0;
  right: 40px;
  padding: 20px;
  padding-right: 40px;
  background: #22133C;
  font-size: 10px;
  text-align: center;
  margin-bottom: 0; }
  .alert.newtofix.out {
    bottom: -200px;
    transition: all 0.25s ease-in-out; }
  .alert.newtofix .close {
    right: -20px;
    font-size: 13px; }
  .alert.newtofix h3 {
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 800;
    margin: 0;
    font-size: 26px;
    letter-spacing: 1px; }
  .alert.newtofix p {
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 9px 0 0 0;
    line-height: 10px; }
  .alert.newtofix .hide-btn {
    position: absolute;
    right: 13px;
    font-size: 12px;
    top: 7px;
    cursor: pointer; }
  .alert.newtofix .left {
    float: left; }
    .alert.newtofix .left i {
      color: #fff;
      font-size: 50px;
      margin-top: -2px;
      margin-right: 20px; }
  .alert.newtofix .right {
    float: right; }

@media screen and (max-width: 767px) {
  .newtofix {
    position: fixed;
    bottom: 0;
    right: 40px;
    left: 40px;
    padding: 20px;
    padding-right: 40px;
    background: #22133C;
    font-size: 10px;
    text-align: center; }
    .newtofix h3 {
      color: #ffffff;
      text-transform: uppercase;
      font-weight: 800;
      margin: 0;
      font-size: 20px;
      letter-spacing: 1px; }
    .newtofix p {
      font-size: 10px;
      color: #ffffff;
      text-transform: uppercase;
      font-weight: 600;
      letter-spacing: 1px;
      margin: 9px 0 0 0;
      line-height: 10px; }
    .newtofix .right {
      float: none; }
    .newtofix .left {
      display: none;
      float: left; }
      .newtofix .left i {
        color: #fff;
        font-size: 30px;
        margin-top: -2px;
        margin-right: 20px; } }

/* ---- @Inputs ---- */
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  text-align: center;
  border: 0;
  background-color: #EEEEEE;
  height: 44px !important;
  padding: 0;
  font-weight: 300;
  box-shadow: none;
  height: 0;
  border-radius: 0 !important;
  -o-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  transition: background-color .4s ease-in-out;
  -webkit-font-smoothing: antialiased; }

select {
  -webkit-appearance: none;
  appearance: none;
  text-align: center;
  font-family: 'Fix Sans';
  color: #555;
  font-weight: 400;
  border: 0;
  text-indent: 15%;
  background-color: #EEEEEE;
  border-radius: 0;
  height: 44px !important;
  padding: 0;
  font-weight: 300;
  box-shadow: none;
  height: 0;
  transition: background-color 0.4s ease-in-out; }

@media screen and (max-width: 980px) {
  input[type="search"] {
    border-radius: 0 !important; } }

@media screen and (max-width: 767px) {
  input[type="search"] {
    border-radius: 0 !important; } }

@media screen and (max-width: 480px) {
  input[type="search"] {
    border-radius: 0 !important; } }

textarea {
  text-align: center;
  border: 0;
  background-color: #EEEEEE;
  padding: 0;
  font-weight: 300;
  box-shadow: none;
  height: 0;
  transition: all .4s ease-in-out; }

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  background-color: #E6E6E6;
  border-color: none !important;
  outline: 0 !important;
  box-shadow: none !important; }

.input-block-level {
  min-height: 44px; }

/* Disabled Inputs */
.uneditable-input,
.uneditable-textarea,
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  cursor: default; }

/* To ensure placeholders disappear when input is clicked */
input:focus::-webkit-input-placeholder {
  color: transparent !important; }

input:focus:-moz-placeholder {
  color: transparent !important; }

textarea:focus::-webkit-input-placeholder {
  color: transparent !important; }

textarea:focus:-moz-placeholder {
  color: transparent !important; }

/* Checkbox/Radio Input */
input[type="radio"], input[type="checkbox"] {
  margin: -2px 0 0; }

/* ---- @Misc ---- */
/* Make image/icon white */
.make-white {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1); }

/* Help Icon */
.help-box {
  padding: 25px 20%;
  background: #ffffff;
  text-align: center;
  margin-bottom: 30px;
  display: table;
  width: 100%;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.help-box-cell {
  display: table-cell;
  vertical-align: middle; }

.help-box img {
  width: 100%;
  max-width: 65px; }

.help-box p {
  margin: 13px 0 0 0;
  font-family: fix sans;
  line-height: 15px;
  font-size: 11px; }

.help-box p.two {
  display: none; }

.d-mobile-help {
  display: none !important; }

.row-fluid.help-intro .span10 {
  margin-left: 0; }

@media screen and (max-width: 967px) {
  .help-box p.one {
    display: none; }
  .help-box p.two {
    display: block; }
  .row-fluid.help-intro .span10 {
    width: 82.87292817679558%; }
  .row-fluid.help-intro .span2 {
    width: 14.3646408839779%;
    margin-left: 2.127659574468085%; } }

@media screen and (max-width: 767px) {
  .help-intro.row-fluid .span10 {
    display: block;
    float: left;
    width: 80%;
    margin-left: 0;
    box-sizing: border-box; }
  .help-intro.row-fluid .span2 {
    display: block;
    float: left;
    width: 18%;
    margin-left: 2%;
    box-sizing: border-box; } }

@media screen and (max-width: 600px) {
  .d-desktop-help {
    display: none !important; }
  .d-mobile-help {
    display: block !important; }
  .help-intro.row-fluid .d-span10 {
    display: block;
    float: none;
    width: 100%;
    margin-left: 0;
    box-sizing: border-box; }
  .help-intro.row-fluid .d-span2 {
    display: block;
    float: none;
    width: 100%;
    margin-left: 0;
    box-sizing: border-box; } }

/* Error */
.control-group.error .control-label,
.control-group.error .help-block,
.control-group.error .help-inline {
  color: #fff; }

.control-group.error input,
.control-group.error select,
.control-group.error textarea {
  border-color: #FC1C5B; }

.help-inline {
  background-color: #FC1C5B;
  border-radius: 0; }
  .help-inline li {
    border: 0 !important; }

/* Success */
.control-group.success .control-label,
.control-group.success .success-block,
.control-group.success .success-inline {
  color: #fff; }

/* Cookie Notification */
.cookie-notification {
  background: #22133C;
  color: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%; }

.cookie-notification .inner {
  padding: 10px 20px;
  text-align: center;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase; }

.cookie-notification .dismiss {
  float: right;
  padding: 10px;
  margin-right: 10px;
  cursor: pointer; }

.cookie-notification a {
  color: #fff; }

.cookie-notification a:hover {
  color: #fff; }

/* @More Information Icon */
a .fa-question-circle {
  font-size: 1.4em; }

/* @Date Range Picker */
#daterange {
  text-align: center; }

@media screen and (max-width: 1200px) {
  .variables #daterange {
    margin-bottom: 0 !important; } }

#daterange span {
  cursor: pointer;
  font-size: 1.3em;
  margin-left: 5px; }

.daterangepicker {
  font-family: 'Fix Sans';
  text-align: center;
  position: absolute;
  background: #fff;
  top: 100px;
  left: 20px;
  padding: 0;
  margin-top: 0;
  border-radius: 0; }

.daterangepicker .ranges {
  width: 160px;
  text-align: center;
  -ms-box-shadow: rgba(0, 0, 0, 0.2) 0 4px 6px 0px;
  -o-box-shadow: rgba(0, 0, 0, 0.2) 0 4px 6px 0px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 4px 6px 0px; }

.daterangepicker .ranges ul {
  padding: 0;
  margin: 0; }

.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover {
  background: #00F2FD;
  border: 1px solid #00F2FD;
  color: #22133C; }

.daterangepicker .ranges li {
  font-size: 13px;
  background: transparent;
  border-bottom: 1px solid #eee;
  color: #888;
  padding: 3px 12px;
  margin-bottom: 0;
  border-radius: 0;
  cursor: pointer; }

.daterangepicker .ranges .range_inputs > div {
  float: left;
  width: 45%;
  padding-left: 0px; }

.daterangepicker .ranges .range_inputs > div:nth-child(2) {
  padding-left: 11px; }

.daterangepicker .ranges input {
  font-size: 11px;
  width: 100%; }

.daterangepicker .calendar-date {
  padding: 0;
  border: 0; }

.daterangepicker td.in-range {
  background: #F3F3F3; }

.daterangepicker .calendar th,
.daterangepicker .calendar td {
  font-family: 'Fix Sans', Helvetica, Arial, sans-serif;
  white-space: nowrap;
  text-align: center;
  font-weight: 400;
  border-radius: 0px; }

.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: #42FF0F;
  background-image: none;
  border-color: transparent;
  color: #fff;
  text-shadow: 0 0 0 0; }

/* @Select2 Dropdown */
.select-wrapper {
  color: #22133C;
  margin-bottom: 10px; }
  .select-wrapper label {
    text-align: left;
    margin-bottom: 0; }

.select2-container .select2-choice {
  background-color: #EFEFEF;
  border-bottom: 0;
  padding: 12px;
  display: block;
  height: auto;
  overflow: hidden;
  position: relative;
  border: 0;
  white-space: nowrap;
  font-size: 16px;
  line-height: 20px;
  color: #888;
  text-decoration: none;
  border-radius: 0;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  background-image: none;
  background-image: none;
  background-image: none;
  background-image: none;
  background-image: none;
  -webkit-filter: none;
          filter: none;
  background-image: none; }

.select2-container {
  width: 100%; }

.select-wrapper input[type="search"] {
  width: 100%;
  text-align: left;
  padding: 0 12px;
  font-size: 16px;
  box-sizing: border-box;
  border-radius: 0; }

.select2-results .select2-result-label {
  padding: 8px 10px; }

.select2-results li.select2-result-with-children > .select2-result-label {
  font-weight: 400; }

.select2-container-active .select2-choice {
  box-shadow: 0 0 0 0; }

.select2-container .select2-choice > .select2-chosen {
  margin-right: 0; }

.select2-container .select2-choice .select2-arrow {
  display: inline-block;
  width: 22px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border-left: 0px solid #aaa;
  background: transparent;
  background-clip: padding-box;
  background-image: none;
  background-image: none;
  background-image: none;
  background-image: none;
  background-image: none;
  -webkit-filter: none;
          filter: none;
  background-image: none; }

.select2-container .select2-choice .select2-arrow b {
  display: block;
  width: 100%;
  height: 100%;
  background: url("../../images/select/arrow.png") no-repeat 0 1px;
  background-position: 0 50%;
  background-size: 10px; }

.select2-drop-active {
  border: 0px solid #5897fb; }

.select2-drop {
  width: 100%;
  margin-top: -2px;
  position: absolute;
  z-index: 9999;
  top: 100%;
  background: #fff;
  color: #22133C;
  border: 0px solid #aaa;
  border-top: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  box-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); }

.select2-results {
  padding: 0;
  margin: 0; }

.select2-search input {
  font-family: 'Fix Sans';
  padding: 14px 0 !important;
  width: 100%;
  height: auto !important;
  min-height: 26px;
  margin: 0;
  outline: 0;
  font-family: sans-serif;
  font-size: 1em;
  border-radius: 0;
  box-shadow: none;
  background: #eee; }

.select2-search input.select2-active {
  background: #eee; }

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
  background: transparent;
  display: list-item;
  text-align: center; }

.select2-drop.select2-drop-above {
  border-radius: 0; }

.select2-drop.select2-drop-above.select2-drop-active {
  border-top: 0px solid #5897fb; }

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  border: 0;
  border-bottom: 1px solid #22133C;
  background: none !important;
  border-radius: 0; }

.select2-results .select2-highlighted {
  background: rgba(0, 0, 0, 0.1);
  color: #22133C; }

.select2-container-multi.select2-container-active .select2-choices {
  border: 0;
  box-shadow: 0 0 0 0; }

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
  background: #e5e7e7 !important; }

/* @Equal Height Class */
.jqueryclass, .jqueryclass2 {
  display: none;
  float: left; }

@media screen and (max-width: 767px) {
  .jqueryclass {
    float: none; } }

@media screen and (max-width: 980px) {
  .jqueryclass2 {
    float: none; } }

/* Padding */
.pad15 {
  padding: 15px 0; }

.pad20 {
  padding: 20px 0; }

.pad40left {
  padding-left: 40px; }

.pad40right {
  padding-right: 40px; }

@media (max-width: 767px) {
  .pad40left, .pad40right {
    padding: 0 20px; } }

/* -----------------------------------


  @Login Pages


  ----------------------------------- */
.form-squad-details h3,
.form-signin h3 {
  text-align: center;
  margin-bottom: 16px; }

.form-squad-details h2,
.form-signin h2 {
  text-align: center;
  margin-bottom: 26px;
  margin-top: 0; }

.form-squad-details span {
  margin-top: 10px;
  font-weight: 400; }

.fan_id {
  font-weight: 400;
  margin-top: 10px; }

#s2id_id_gender, #s2id_id_heard_about_us {
  text-align: center;
  font-weight: 300;
  font-color: #999; }

.form-signin .btn {
  margin-top: 6px; }

.remember-me {
  width: 97px;
  margin: 10px auto 0px; }

.remember-me input[type="checkbox"] {
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: #e5e7e7;
  border-radius: 4px;
  margin: 3px 0px 0 -15px;
  height: 12px;
  width: 12px; }

.remember-me input[type=checkbox]:checked {
  background-color: #42FF0F; }

.forgotpassword, .alreadyaccount {
  text-align: center; }

.forgotpassword a, .alreadyaccount a {
  text-align: center;
  color: #22133C;
  font-weight: 400; }

.form-signin--fpl-id .user-switch {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid #eee; }

.form-signin--fpl-id .user-switch input {
  opacity: 0;
  visibility: hidden;
  position: fixed; }

.form-signin--fpl-id .user-switch label {
  width: 20px;
  height: 20px;
  border: 2px solid #999;
  color: #fff;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  border-radius: 50%;
  margin-left: 6px;
  margin-bottom: 0; }
  .form-signin--fpl-id .user-switch label:first-of-type {
    margin-right: 20px; }

.form-signin--fpl-id .user-switch input:checked + label {
  border-color: #FC1C5B;
  background-color: #FC1C5B; }

.form-signin--fpl-id .new-user {
  display: none; }

/* Login Form */
.error input {
  border: solid 2px #b94a48;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  margin-bottom: 0;
  box-shadow: none; }

.success input {
  border: solid 2px #468847;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  margin-bottom: 0;
  box-shadow: none; }

.help-inline {
  background-color: #FC1C5B;
  border-radius: 0;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  padding: 5px 0;
  color: #fff; }
  .help-inline li {
    border: 0 !important; }

.success-inline {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  padding: 5px 0;
  color: #fff;
  background-color: #468847;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }

.errorlist {
  margin: 0; }

.help-inline li {
  color: #fff;
  text-align: center; }

.successlist {
  margin: 0; }

.success-inline li {
  color: #fff;
  text-align: center; }

.form-signin .control-group {
  margin-bottom: 0px; }

#form-login .help-inline {
  margin-bottom: 10px; }

#form-login .btn {
  margin-bottom: 10px; }

/* Input Icons */
.form-signin-input {
  position: relative; }

.form-signin-input i, .control-group i {
  float: left;
  font-size: 16px;
  position: absolute;
  padding: 14px;
  pointer-events: none;
  z-index: 1; }

.header .form-signin-input i, .header .control-group i {
  padding: 9px; }

.header .mobile-menu .form-signin-input i, .header .mobile-menu .control-group i {
  padding: 14px; }

#footer .form-signin-input i, #footer .control-group i {
  padding: 16px; }

.form-squad-details .btn,
.form-signin .btn {
  width: 100%; }

.upload-id-toggle {
  margin: 10px 0 0 0; }

.upload-id-toggle-button {
  color: #22133C;
  margin-bottom: 20px;
  font-size: 1.4em;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 400; }

#idupload .squad-details-input {
  margin-top: 20px; }

/* Upload ID More Info Icon */
.form-signin-input i.fa-right, .control-group i.fa-right {
  right: 0;
  pointer-events: all; }

/* -----------------------------

HOME 2017 - LANDING

------------------------------ */
.fff-2017--landing__hero {
  background-color: #42FF0F;
  background-image: url(../../images/home/bg.png);
  background-repeat: no-repeat;
  background-position: 129% -295px;
  padding: 40px 0 50px 0;
  background-size: 730px;
  margin: 0;
  text-align: center; }
  .fff-2017--landing__hero .wrap {
    width: 450px;
    max-width: 100%;
    margin: 0 auto; }
  .fff-2017--landing__hero h1 {
    margin: 0 0 20px 0;
    font-weight: 900;
    font-size: 58px;
    line-height: 1em; }
    .fff-2017--landing__hero h1 span {
      margin-top: 0;
      display: block;
      font-size: 36px;
      line-height: 36px; }
  .fff-2017--landing__hero p {
    margin: 0 0 20px 0; }
  .fff-2017--landing__hero .btn {
    width: 100%; }

.fff-2017--landing__video-wrap {
  position: relative;
  margin-bottom: -90px; }
  .fff-2017--landing__video-wrap img {
    max-width: 104%;
    margin-left: -4%; }

.fff-2017--landing__video {
  position: absolute;
  left: 8%;
  top: 5%;
  right: 12%;
  bottom: 30px;
  border-radius: 3px;
  padding-bottom: 46%;
  height: 0;
  overflow: hidden; }
  .fff-2017--landing__video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box; }

.fff-2017--landing__top {
  padding: 40px 0 80px 0;
  text-align: center; }
  .fff-2017--landing__top h2 {
    font-weight: 900;
    font-size: 28px;
    margin: 0 0 60px 0; }

.fff-2017--landing__fff-wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  width: auto;
  margin: 0 -40px; }

.fff-2017--landing__fff-card {
  padding: 0 40px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-flex: 1 1 30%;
          flex: 1 1 30%;
  margin: 0;
  box-sizing: border-box;
  position: relative;
  width: 33%;
  border-right: 1px solid #EFEFEF;
  transition: all 0.25s ease-in-out; }
  .fff-2017--landing__fff-card:last-child {
    border-right: 0; }
  .fff-2017--landing__fff-card h3 {
    margin: 0 0 30px 0;
    font-size: 20px;
    line-height: 1.3em; }
  .fff-2017--landing__fff-card .image {
    position: relative;
    margin: 0 auto 30px auto;
    width: 85%; }
    .fff-2017--landing__fff-card .image::after {
      content: '';
      position: absolute;
      top: 30%;
      left: 0;
      right: 0;
      bottom: 30%;
      background: #efeeee;
      z-index: 1; }
    .fff-2017--landing__fff-card .image img {
      position: relative;
      z-index: 2;
      padding: 0 20px;
      box-sizing: border-box;
      display: inline-block;
      transition: all 0.25s ease-in-out; }
  .fff-2017--landing__fff-card:hover img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05); }
  .fff-2017--landing__fff-card .paragraph {
    margin: 0 0 30px 0; }
  .fff-2017--landing__fff-card .btn {
    margin: auto 0 0 0;
    width: 100%; }

.fff-2017--landing__bottom {
  padding: 80px 0 60px 0;
  background-color: #EFEFEF;
  text-align: center; }

.fff-2017--landing__fix-wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  width: auto;
  margin: 80px -1.25% 0 -1.25%; }

.fff-2017--landing__fix-card {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-flex: 1 0 22.5%;
          flex: 1 0 22.5%;
  position: relative;
  width: 22.5%;
  padding: 20px;
  text-align: left;
  background: #fff;
  margin: 0 1.25% 30px 1.25%;
  box-sizing: border-box;
  transition: all 0.25s ease-in-out; }
  .fff-2017--landing__fix-card:last-child {
    border-right: 0; }
  .fff-2017--landing__fix-card h3 {
    margin: 0 0 30px 0;
    font-size: 20px;
    line-height: 1.3em; }
  .fff-2017--landing__fix-card .image {
    position: relative;
    margin: 0 auto 30px auto; }
    .fff-2017--landing__fix-card .image::after {
      content: '';
      position: absolute;
      top: 20%;
      left: 0;
      right: 0;
      bottom: 20%;
      background: #efeeee;
      z-index: 1; }
    .fff-2017--landing__fix-card .image img {
      position: relative;
      z-index: 2;
      padding: 0;
      box-sizing: border-box;
      display: inline-block;
      transition: all 0.25s ease-in-out; }
  .fff-2017--landing__fix-card:hover img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05); }
  .fff-2017--landing__fix-card .paragraph {
    margin: 0 0 30px 0; }
  .fff-2017--landing__fix-card .btn {
    margin-top: auto;
    -webkit-flex: 0 1 auto;
            flex: 0 1 auto; }

.fff-2017--landing__stats {
  padding: 60px 0; }
  .fff-2017--landing__stats .row--equal {
    margin: 0 -30px; }
    .fff-2017--landing__stats .row--equal [class*='span'] {
      -webkit-flex-direction: column;
              flex-direction: column; }
  .fff-2017--landing__stats .stats__box {
    -webkit-flex: 1 0 50%;
            flex: 1 0 50%;
    border-right: 1px solid #EFEFEF;
    padding: 0 30px;
    box-sizing: border-box;
    text-align: center; }
    .fff-2017--landing__stats .stats__box:last-child {
      border-right: 0; }
    .fff-2017--landing__stats .stats__box h2 {
      margin: 0 0 20px 0; }
    .fff-2017--landing__stats .stats__box #gwCountdown {
      display: inline-block;
      background: #EFEFEF;
      color: #22133C;
      font-weight: 600;
      font-size: 30px;
      line-height: 35px;
      padding: 1px; }
      .fff-2017--landing__stats .stats__box #gwCountdown .days {
        padding: 5px 0 5px 10px;
        margin: -1px 0;
        display: inline-block; }
      .fff-2017--landing__stats .stats__box #gwCountdown .hours {
        padding: 5px 0 5px 10px;
        margin: -1px 0;
        display: inline-block; }
      .fff-2017--landing__stats .stats__box #gwCountdown .mins {
        padding: 5px 0 5px 10px;
        margin: -1px 0;
        display: inline-block; }
      .fff-2017--landing__stats .stats__box #gwCountdown .lab {
        padding: 5px 10px 5px 0;
        margin: -1px 0;
        border-right: 1px solid rgba(0, 0, 0, 0.2);
        display: inline-block; }
        .fff-2017--landing__stats .stats__box #gwCountdown .lab:last-child {
          border-right: 0; }
    .fff-2017--landing__stats .stats__box .divider {
      margin: 30px 0; }
    .fff-2017--landing__stats .stats__box #fff {
      height: auto;
      margin: 0 0 30px 0; }
    .fff-2017--landing__stats .stats__box .fffPitch {
      margin-bottom: 0; }
    .fff-2017--landing__stats .stats__box .stats__results {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap; }
      .fff-2017--landing__stats .stats__box .stats__results h3 {
        margin-top: 0; }
      .fff-2017--landing__stats .stats__box .stats__results .picks {
        -webkit-flex: 1 0 50%;
                flex: 1 0 50%;
        border-right: 1px solid #EFEFEF;
        box-sizing: border-box;
        padding: 0 20px 0 0; }
      .fff-2017--landing__stats .stats__box .stats__results .average {
        -webkit-flex: 1 0 50%;
                flex: 1 0 50%;
        box-sizing: border-box;
        padding: 0 0 0 20px; }
      .fff-2017--landing__stats .stats__box .stats__results .captain {
        -webkit-flex: 1 0 100%;
                flex: 1 0 100%;
        width: 100%; }
        .fff-2017--landing__stats .stats__box .stats__results .captain span {
          font-size: 25px; }
      .fff-2017--landing__stats .stats__box .stats__results span {
        font-size: 30px;
        font-weight: 600;
        color: #22133C; }
  .fff-2017--landing__stats .stats__blog {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column; }
  .fff-2017--landing__stats .homeblog-box {
    text-align: center;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-flex: 1 1 100%;
            flex: 1 1 100%;
    height: 100%; }
    .fff-2017--landing__stats .homeblog-box h2 {
      margin-bottom: 30px;
      text-align: center; }
    .fff-2017--landing__stats .homeblog-box .blog__image {
      position: relative;
      overflow: hidden;
      -webkit-flex: 1 1 auto;
              flex: 1 1 auto;
      background-position: 50% 50%;
      background-size: cover;
      background-repeat: no-repeat;
      margin: 0 0 20px 0;
      min-height: 220px; }
    .fff-2017--landing__stats .homeblog-box .blog__info {
      -webkit-flex: 0 0 auto;
              flex: 0 0 auto; }
    .fff-2017--landing__stats .homeblog-box .btn {
      margin-top: 30px; }
  .fff-2017--landing__stats .data {
    margin-bottom: 20px; }
    .fff-2017--landing__stats .data .name {
      color: #22133C;
      font-weight: 600; }
    .fff-2017--landing__stats .data .price {
      margin-bottom: 5px; }
    .fff-2017--landing__stats .data .player {
      float: left;
      width: 45%;
      margin-bottom: 5px; }
      .fff-2017--landing__stats .data .player img {
        width: 100%; }
    .fff-2017--landing__stats .data .info {
      float: left;
      width: 55%;
      padding-left: 5px;
      -khtml-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box; }

@media screen and (max-width: 1200px) {
  .fff-2017--landing__hero h1 {
    margin: 10px 0 20px 0;
    font-size: 38px; }
    .fff-2017--landing__hero h1 span {
      font-size: 22px; }
  .fff-2017--landing__bottom {
    padding: 60px 0 40px 0; }
  .fff-2017--landing__fix-wrapper {
    margin-top: 60px; } }

@media screen and (max-width: 979px) {
  .fff-2017--landing__hero {
    background-size: 600px;
    padding: 30px 0; }
    .fff-2017--landing__hero h2 {
      margin: 0 0 10px 0;
      font-size: 19px; }
    .fff-2017--landing__hero h1 {
      margin: 0 0 15px 0;
      font-size: 30px; }
      .fff-2017--landing__hero h1 span {
        font-size: 17px; }
    .fff-2017--landing__hero .btn {
      font-size: 13px;
      padding: 15px 20px; }
      .fff-2017--landing__hero .btn span {
        padding: 0; }
      .fff-2017--landing__hero .btn img {
        display: none; }
  .fff-2017--landing__bottom {
    padding: 60px 0 40px 0; }
  .fff-2017--landing__fix-wrapper {
    margin: 60px -1.25% 0 -1.25%; }
  .fff-2017--landing__fff-card {
    padding: 30px 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-flex: 1 1 100%;
            flex: 1 1 100%;
    margin: 0;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    border-right: 0;
    border-bottom: 1px solid #EFEFEF;
    transition: all 0.25s ease-in-out; }
    .fff-2017--landing__fff-card:last-child {
      border-bottom: 0; }
  .fff-2017--landing__fix-card {
    -webkit-flex: 1 0 45%;
            flex: 1 0 45%;
    position: relative;
    width: 45%;
    padding: 20px;
    background: #fff;
    margin: 0 1.25% 20px 1.25%;
    box-sizing: border-box;
    transition: all 0.25s ease-in-out; }
    .fff-2017--landing__fix-card:last-child {
      border-right: 0; } }

@media screen and (max-width: 767px) {
  .fff-2017--landing__hero {
    background-image: url(../../images/home/bg.png);
    background-repeat: no-repeat;
    background-position: 124% -68px;
    padding: 30px 0;
    background-size: 170px; }
    .fff-2017--landing__hero h2 {
      text-align: center; }
    .fff-2017--landing__hero h1 {
      margin: 0 auto 30px auto;
      font-size: 30px;
      text-align: center; }
    .fff-2017--landing__hero img {
      max-width: 100%;
      margin-left: auto; }
    .fff-2017--landing__hero .btn {
      margin-bottom: 30px; }
  .fff-2017--landing__video {
    padding-top: 0;
    left: 12%;
    top: 6%;
    right: 12%;
    padding-bottom: 43%; }
  .fff-2017--landing__video-wrap {
    margin-bottom: -80px; }
  .fff-2017--landing__fff-wrapper {
    margin: 0; }
  .fff-2017--landing__top {
    padding: 40px 0 0 0; }
    .fff-2017--landing__top h2 {
      font-size: 24px;
      margin: 0; }
  .fff-2017--landing__bottom {
    padding: 40px 0 30px 0; }
    .fff-2017--landing__bottom h2 {
      font-size: 24px;
      margin: 0 0 30px 0; }
  .fff-2017--landing__fix-wrapper {
    margin: 40px 0 0 0; }
  .fff-2017--landing__wrapper {
    margin: 0; }
  .fff-2017--landing__fff-card {
    padding: 30px 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-flex: 1 1 100%;
            flex: 1 1 100%;
    margin: 0;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    border-right: 0;
    border-bottom: 1px solid #EFEFEF;
    transition: all 0.25s ease-in-out; }
    .fff-2017--landing__fff-card:last-child {
      border-bottom: 0; }
  .fff-2017--landing__fix-card {
    -webkit-flex: 1 0 100%;
            flex: 1 0 100%;
    position: relative;
    width: 100%;
    padding: 20px;
    background: #fff;
    margin: 0 0 20px 0;
    box-sizing: border-box;
    transition: all 0.25s ease-in-out; }
    .fff-2017--landing__fix-card:last-child {
      border-right: 0; }
  .fff-2017--landing__stats {
    padding: 10px 0; }
    .fff-2017--landing__stats .row--equal {
      margin: 0; }
      .fff-2017--landing__stats .row--equal [class*='span'] {
        -webkit-flex-direction: column;
                flex-direction: column; }
    .fff-2017--landing__stats .stats__box {
      border-right: 0;
      border-bottom: 1px solid #EFEFEF;
      padding: 30px 0;
      box-sizing: border-box;
      text-align: center; }
      .fff-2017--landing__stats .stats__box:last-child {
        border-right: 0;
        border-bottom: 0; }
      .fff-2017--landing__stats .stats__box h2 {
        margin: 0 0 20px 0; }
      .fff-2017--landing__stats .stats__box #gwCountdown {
        font-size: 20px;
        line-height: 26px; }
      .fff-2017--landing__stats .stats__box #fff {
        height: auto; }
      .fff-2017--landing__stats .stats__box .fffPitch {
        margin-bottom: 0; }
      .fff-2017--landing__stats .stats__box .stats__results {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
                flex-wrap: wrap; }
        .fff-2017--landing__stats .stats__box .stats__results h3 {
          font-size: 13px;
          line-height: 16px; }
        .fff-2017--landing__stats .stats__box .stats__results span {
          font-size: 20px; }
    .fff-2017--landing__stats .homeblog-box {
      display: block; }
      .fff-2017--landing__stats .homeblog-box h2 {
        margin-bottom: 30px;
        text-align: center; }
      .fff-2017--landing__stats .homeblog-box .blog__info {
        -webkit-flex: 0 0 auto;
                flex: 0 0 auto; }
      .fff-2017--landing__stats .homeblog-box .btn {
        margin-top: 30px; } }

/* -----------------------------------


  @Home/Landing


----------------------------------- */
/* Preloader */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #e5e7e7;
  z-index: 9999999; }

#status {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -35px 0 0 -20px; }

.spinner {
  height: 60px;
  width: 60px;
  position: relative;
  top: 12px;
  right: 25px;
  background-image: url("../../images/loader/bigcog.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-animation: rotation 3.9s infinite linear;
  animation: rotation 3.9s infinite linear; }

.spinner2 {
  height: 40px;
  width: 40px;
  bottom: 5px;
  left: 15px;
  position: relative;
  background-image: url("../../images/loader/smallcog.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-animation: rotation2 3.05s infinite linear;
  animation: rotation2 3.05s infinite linear; }

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg); } }

@keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg); } }

@-webkit-keyframes rotation2 {
  from {
    -webkit-transform: rotate(359deg); }
  to {
    -webkit-transform: rotate(0deg); } }

@keyframes rotation2 {
  from {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg); }
  to {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

.wiggle {
  position: relative;
  -webkit-animation: wiggle 5s infinite ease;
          animation: wiggle 5s infinite ease; }

@-webkit-keyframes wiggle {
  5% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg); }
  10% {
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg); }
  15% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg); }
  20% {
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg); }
  25% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

@keyframes wiggle {
  5% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg); }
  10% {
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg); }
  15% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg); }
  20% {
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg); }
  25% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

/* @Slider */
.fullwidthbanner-container {
  width: 100% !important;
  max-height: 550px !important;
  position: relative;
  padding: 0;
  overflow: hidden !important;
  margin: 0px 0 0px; }

.fullscreenvideo iframe {
  max-height: 550px !important; }

.rev-text {
  color: #fff;
  margin: 40px; }

.rev-title {
  margin: 0px;
  color: #fff; }

.rev-left {
  margin-left: 20px; }

.rev-right {
  margin-right: 20px; }

.rev-title.big {
  font-size: 40px;
  line-height: 46px; }

.rev-title-sub {
  font-size: 30px;
  color: #fff;
  letter-spacing: 3px;
  font-weight: 400; }

.rev-title.bold {
  font-family: fix sans;
  text-align: center;
  font-size: 3.1em !important;
  line-height: 1.2;
  font-weight: 800 !important;
  color: #fff;
  letter-spacing: 0.5px; }

.rev-title.paragraph {
  font-family: 'Fix Sans';
  text-align: center;
  font-size: 0.8em !important;
  line-height: 1.2;
  color: #bbb;
  letter-spacing: 1px; }

.rev-title.paragraph-white {
  font-family: 'Fix Sans';
  text-align: center;
  font-size: 0.8em !important;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.6);
  letter-spacing: 0.2px;
  font-weight: 200; }

.rev-title2.bold {
  font-size: 60px !important;
  line-height: 1;
  font-weight: 400;
  text-transform: none;
  color: #fff;
  letter-spacing: 0.5px; }

.rev-title2.bold2 {
  font-size: 30px !important;
  line-height: 1;
  font-weight: 400;
  text-transform: none;
  color: #fff;
  letter-spacing: 0.5px; }

.rev-title.btn-main {
  font-family: 'Fix Sans';
  font-weight: 400;
  background-color: #ccda2d;
  font-size: 15px !important;
  line-height: 1;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 2px;
  padding: 17px 22px;
  transition: background 0.4s ease-in-out; }

.rev-title.btn-main:hover {
  background-color: #b5c951; }

.rev-title.btn-main-dark {
  font-family: 'Fix Sans';
  font-weight: 400;
  background-color: #22133C;
  font-size: 15px !important;
  line-height: 1;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 2px;
  padding: 17px 22px;
  transition: background 0.4s ease-in-out; }

.rev-title.btn-main-dark:hover {
  background-color: #6c6a71; }

.rev-title.btn-blue {
  font-family: 'Fix Sans';
  font-weight: 400;
  background-color: #00F2FD;
  font-size: 15px !important;
  line-height: 1;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 2px;
  padding: 17px 22px;
  transition: background 0.4s ease-in-out; }

.rev-title.btn-blue:hover {
  background-color: #37B6D4; }

.tp-caption.bg {
  background: #323A45;
  padding: 18px 22px 22px; }

.big_white {
  color: #eee;
  font-size: 18px !important;
  background: #323A45;
  padding: 20px !important; }

.tp-leftarrow.default, .tp-rightarrow.default {
  height: 0px !important;
  width: auto !important;
  line-height: 0px;
  top: 50% !important;
  background-color: #fff;
  border-radius: 40px;
  padding: 20px 12px;
  font-size: 20px;
  color: #bbb; }

.tparrows:before {
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center; }

.tp-leftarrow.default:before {
  content: '\f060'; }

.tp-rightarrow.default:before {
  content: '\f061'; }

.tp-leftarrow.default {
  margin-left: 20px; }

.tp-rightarrow.default {
  margin-right: 20px; }

.tparrows:hover {
  opacity: 0.7; }

.tp-caption img.slider-shirt {
  max-width: 80px; }

.tp-caption img.slider-pitch {
  max-width: 390px; }

.tparrows {
  display: none !important; }

.tp-bullets {
  z-index: 999;
  position: absolute; }

.tp-bullets.simplebullets.navbar {
  height: 35px;
  padding: 0px 0px; }

.tp-bullets.simplebullets .bullet {
  cursor: pointer;
  position: relative !important;
  background: rgba(0, 0, 0, 0.2) !important;
  border-radius: 10px;
  box-shadow: none;
  width: 2px !important;
  height: 2px !important;
  border: 5px solid rgba(0, 0, 0, 0) !important;
  display: inline-block;
  margin-right: 5px !important;
  margin-bottom: 14px !important;
  transition: background-color 0.2s, border-color 0.2s;
  float: none !important; }

.tp-bullets.simplebullets .bullet.last {
  margin-right: 0px; }

.tp-bullets.simplebullets .bullet:hover,
.tp-bullets.simplebullets .bullet.selected {
  box-shadow: none;
  background: white !important;
  width: 2px !important;
  height: 2px !important; }

/* Intro Paragraph */
.welcome_index {
  font: 1.6em/1.9em 'Fix Sans', sans-serif;
  padding: 75px 0 45px;
  font-weight: 300;
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
  color: #b4b4b5;
  text-align: center; }

.welcome_index p {
  margin-bottom: 25px; }

.welcome_index .mini-league {
  font-weight: 400;
  font-size: 1.2em; }

.welcome_index .mini-league span {
  font-size: 1em; }

/* Mobile Banner */
.optibot-header {
  padding: 60px 30px;
  text-align: center;
  color: #fff; }

.optibot-header h2 {
  margin-top: 40px;
  color: #fff; }

.optibot-header .btn {
  margin-top: 30px;
  display: block; }

@media screen and (max-width: 979px) {
  .home_boxes .span3 {
    width: 352px; } }

.optibot-header .form-signin h2 {
  margin-top: 30px; }

/* Info Boxes */
#infoboxeswrapper {
  padding: 80px 0;
  background-color: #e4eaeb; }

.tile_home {
  height: 317px;
  display: table; }

@media (max-width: 1200px) {
  .tile_home {
    height: 260px; } }

@media (max-width: 979px) {
  .tile_home {
    height: 490px; } }

@media (max-width: 768px) {
  .tile_home {
    height: auto; }
  .home_boxes .span3 {
    width: 100%; } }

.tile_home div {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; }

.tile_home .image {
  width: 50%;
  display: table-cell; }

.tile_home .description {
  width: 50%;
  padding: 0 0 0 20px;
  display: table-cell;
  vertical-align: middle; }

@media screen and (max-width: 980px) {
  .tile_home .image {
    width: 100%;
    display: block;
    margin-bottom: 20px; }
  .tile_home .description {
    width: 100%;
    padding: 0;
    display: block;
    vertical-align: middle; } }

.tile p {
  font-family: 'Fix Sans';
  font-weight: 300;
  margin: 10px 0 0; }

.tile span {
  font-weight: 400;
  line-height: 0.5em;
  transition: all .4s ease-in-out; }

#tile_cog_icon {
  position: relative;
  background-image: url("../../images/boxes/cog.png");
  height: 110px;
  width: 110px;
  margin: 0 auto;
  transition: opacity .4s ease-in-out; }

#tile_cog_icon span {
  background-image: url("../../images/boxes/cog-hover.png");
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 110px;
  width: 110px;
  opacity: 0;
  transition: opacity .4s ease-in-out; }

.tile:hover #tile_cog_icon span {
  opacity: 1; }

.tile_cog:hover a span {
  transition: all 0.4s ease-out;
  color: #00F2FD; }

#tile_opt_icon {
  position: relative;
  background-image: url("../../images/boxes/opt.png");
  height: 110px;
  width: 110px;
  margin: 0 auto;
  transition: opacity .4s ease-in-out; }

#tile_opt_icon span {
  background-image: url("../../images/boxes/opt-hover.png");
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 110px;
  width: 110px;
  opacity: 0;
  transition: opacity .4s ease-in-out; }

.tile:hover #tile_opt_icon span {
  opacity: 1; }

.tile_opt:hover a span {
  transition: all 0.4s ease-out;
  color: #42FF0F; }

#tile_val_icon {
  position: relative;
  background-image: url("../../images/boxes/val.png");
  height: 110px;
  width: 110px;
  margin: 0 auto;
  transition: opacity .4s ease-in-out; }

#tile_val_icon span {
  background-image: url("../../images/boxes/val-hover.png");
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 110px;
  width: 110px;
  opacity: 0;
  transition: opacity .4s ease-in-out; }

.tile:hover #tile_val_icon span {
  opacity: 1; }

.tile_val:hover a span {
  transition: all 0.4s ease-out;
  color: #e2225d; }

#tile_live_icon {
  position: relative;
  background-image: url("../../images/boxes/live.png");
  height: 110px;
  width: 110px;
  margin: 0 auto;
  transition: opacity .4s ease-in-out; }

#tile_live_icon span {
  background-image: url("../../images/boxes/live-hover.png");
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 110px;
  width: 110px;
  opacity: 0;
  transition: opacity .4s ease-in-out; }

.tile:hover #tile_live_icon span {
  opacity: 1; }

.tile_live:hover a span {
  transition: all 0.4s ease-out;
  color: #f26d27; }

.wrapper {
  padding: 0; }

/* ---- Latest News ---- */
.latest-news {
  padding: 80px 0; }

.latest-news h2 {
  margin-bottom: 40px;
  text-align: center; }

.latest-news .news-box {
  float: left;
  width: 46%;
  border-left: 3px solid #F5F5F5;
  padding-left: 30px;
  box-sizing: border-box; }

.list-group .news-box:first-child {
  margin-right: 6%; }

.latest-news .inner .news-box:first-child {
  margin-right: 6%; }

.latest-news .news-box h6 {
  margin-top: -4px;
  color: #b4b4b5; }

.latest-news .news-box h3 {
  font-size: 35px;
  line-height: 37px;
  margin-bottom: 30px; }

.latest-news img {
  margin-bottom: 30px; }

.latest-news .news-box .paragraph {
  margin-bottom: 40px; }

@media screen and (max-width: 980px) {
  .latest-news .news-box {
    float: none;
    width: 100%;
    margin-bottom: 60px;
    border-left: 3px solid #F5F5F5;
    padding-left: 30px;
    box-sizing: border-box; } }

/* -----------------------------------


  @NEW Home/Landing


----------------------------------- */
.psp-banner {
  padding: 20px 0 23px; }

.psp-banner h2 {
  float: left;
  margin: 0;
  font-size: 2.4em;
  line-height: 1em;
  font-weight: 800;
  margin-top: 2px; }

.psp-banner .btn-wrap {
  float: right; }

.psp-banner .btn-wrap .btn {
  position: relative;
  padding: 7px 15px;
  top: 0px;
  box-sizing: border-box;
  box-shadow: 0px 3px 0px #1F9484 !important;
  transition: all 0.25s ease-in-out; }

.psp-banner .btn-wrap .btn:last-of-type {
  background: #64cbbd;
  box-shadow: 0px 3px 0px #22b5a1 !important; }

.psp-banner .btn-wrap .btn:hover {
  top: 3px;
  box-shadow: 0px 0px 0px #1F9484 !important;
  transition: all 0.25s ease-in-out; }

.psp-banner .btn-wrap .btn:first-of-type {
  margin-right: 10px; }

@media screen and (max-width: 1200px) {
  .psp-banner h2 {
    font-size: 1.8em;
    margin-top: 13px; }
  .psp-banner .btn-wrap .btn {
    width: 180px; } }

@media screen and (max-width: 980px) {
  .psp-banner .container {
    width: 100%;
    box-sizing: border-box; }
  .psp-banner h2 {
    text-align: center;
    float: none;
    width: 100%;
    margin: 0 0 20px 0;
    font-size: 2.4em;
    line-height: 1em;
    font-weight: 800;
    margin-top: 0; }
  .psp-banner .btn-wrap {
    width: 100%;
    float: none; }
  .psp-banner .btn-wrap .btn {
    width: 49%;
    float: left; }
  .psp-banner .btn-wrap .btn:first-of-type {
    margin-right: 2%; } }

@media screen and (max-width: 767px) {
  .psp-banner .container {
    width: 100%;
    box-sizing: border-box; }
  .psp-banner h2 {
    text-align: center;
    float: none;
    width: 100%;
    margin: 0 0 20px 0;
    font-size: 2.4em;
    line-height: 1em;
    font-weight: 800;
    margin-top: 0; }
  .psp-banner .btn-wrap {
    width: 100%;
    float: none; }
  .psp-banner .btn-wrap .btn {
    width: 100%;
    float: none; }
  .psp-banner .btn-wrap .btn:first-of-type {
    margin-right: 0;
    margin-bottom: 10px; } }

.header-top-wrap.backtofix {
  right: 0; }

.backtofix .btn {
  padding: 6px 20px;
  color: #888;
  background: #f1f1f1; }

.backtofix .btn:hover {
  background: #e7e7e7; }

.backtofix img,
.backtofix .btn span {
  display: inline-block;
  vertical-align: middle; }

.backtofix img {
  margin-right: 5px; }

.homepage_psp .landing-page-wrap .hero {
  background-color: #22B5A1;
  padding-bottom: 90px; }

.homepage_psp .landing-page-wrap .hero .hero-intro {
  max-width: 800px; }

.landing-page-wrap .hero .hero-intro h1 {
  color: #fff;
  text-align: center;
  font-weight: 800;
  font-size: 34px;
  line-height: 43px; }

.homepage_psp .landing-page-wrap .hero .hero-intro h1 {
  min-height: 90px;
  font-size: 45px;
  line-height: 50px; }

.homepage_psp .circle {
  float: left;
  width: 32%;
  margin-right: 2%;
  position: relative; }

.homepage_psp .circle:last-child {
  margin-right: 0; }

.homepage_psp .circle::after {
  content: '';
  width: 80px;
  height: 80px;
  position: absolute;
  top: 50%;
  margin-top: -40px;
  right: -50px;
  background-image: url("/static/images/seasonguide/PSP/arrow.png");
  background-size: cover;
  z-index: 9; }

.homepage_psp .circle:last-child::after {
  display: none; }

.homepage_psp .circle .inner {
  padding: 24% 25% 18% 25%;
  border-radius: 400px;
  text-align: center;
  background: #fff; }

.homepage_psp .circle .inner h2 {
  font-size: 2.2em;
  line-height: 1.3em;
  margin-bottom: 0; }

.homepage_psp .circle .inner img {
  margin-bottom: 20px; }

.homepage_psp .psp-cta .inner {
  background: #fff;
  position: relative;
  top: 0;
  padding: 40px;
  box-shadow: 0px 7px 0px #94C5B4;
  text-align: center;
  transition: all 0.25s ease-in-out; }

.homepage_psp .psp-cta .inner:hover {
  top: 4px;
  box-shadow: 0px 3px 0px #94C5B4;
  text-align: center;
  transition: all 0.25s ease-in-out; }

.homepage_psp .psp-cta .inner img {
  float: left;
  max-width: 240px; }

.homepage_psp .psp-cta h2 {
  margin: 7px 0;
  padding-left: 0px;
  text-align: center;
  font-size: 2.2em;
  font-weight: 800;
  width: 100%;
  box-sizing: border-box; }

.homepage_psp .psp-cta.two .inner {
  background: #E7ECE6;
  padding: 35px 40px 31px; }

.homepage_psp .psp-cta.two h2 {
  padding-left: 0;
  margin-top: 0;
  font-size: 2.2em; }

.homepage_psp .psp-cta.two p {
  margin-bottom: 0; }

.homepage_psp .landing-lastseason {
  text-align: center;
  padding: 80px 0; }

.homepage_psp .landing-lastseason h2 {
  font-size: 3.3em;
  line-height: 1em;
  margin-bottom: 60px; }

.homepage_psp .landing-lastseason h3 {
  font-size: 20px;
  margin-bottom: 20px; }

.homepage_psp .landing-lastseason .span3 {
  position: relative; }

.homepage_psp .landing-lastseason .span3::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: -16px;
  height: 100%;
  width: 1px;
  background: #e7e7e7;
  z-index: 2; }

.homepage_psp .landing-lastseason .span3:last-child::after {
  display: none; }

.homepage_psp .landing-lastseason .span3 img {
  width: 120px;
  margin-bottom: 10px; }

.homepage_psp .landing-lastseason .span3 .btn {
  position: relative;
  top: 0px;
  margin-top: 30px;
  color: #888;
  font-size: 12px;
  line-height: 17px;
  background-color: #E7E7E7;
  box-shadow: 0px 3px 0px #D0CECE !important;
  transition: all 0.25s ease-in-out; }

.homepage_psp .landing-lastseason .span3 .btn:hover {
  top: 3px;
  box-shadow: 0px 0px 0px #D0CECE !important;
  transition: all 0.25s ease-in-out; }

.homepage_psp .landing-euros {
  text-align: center;
  padding: 80px 0;
  background: #e4e4e3; }

.homepage_psp .landing-euros h2 {
  font-size: 3.3em;
  line-height: 1em;
  margin-bottom: 60px; }

.homepage_psp .landing-euros h2 img {
  margin-right: 30px;
  vertical-align: bottom; }

.homepage_psp .landing-euros .steps .box {
  background: #fff;
  margin-bottom: 15px;
  padding: 13px;
  position: relative; }

.homepage_psp .landing-euros .steps .box img {
  position: absolute;
  top: 50%;
  left: 0;
  padding: inherit;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 30px; }

.homepage_psp .landing-euros .steps .box h3 {
  font-size: 18px;
  margin: 3px 0;
  padding-left: 45px; }

.homepage_psp .landing-euros .steps .box .btn {
  padding: 9px 12px;
  font-size: 12px;
  line-height: 10px;
  margin-left: 10px;
  width: auto;
  margin-top: -3px; }

.homepage_psp .landing-euros .steps .box .btn.btn-one-turquoise {
  top: 0px;
  box-shadow: 0px 3px 0px #1F9484 !important; }

.homepage_psp .landing-euros .steps .box .btn:hover {
  top: 3px;
  box-shadow: 0px 0px 0px #1F9484 !important; }

.homepage_psp .landing-euros .btn-one-turquoise {
  padding: 30px 20px;
  font-size: 20px;
  line-height: 25px;
  width: 100%;
  position: relative;
  top: 0;
  box-sizing: border-box;
  box-shadow: 0px 7px 0px #1F9484 !important;
  text-align: center;
  transition: all 0.25s ease-in-out; }

.homepage_psp .landing-euros .btn-one-turquoise:hover {
  top: 4px;
  box-shadow: 0px 3px 0px #1F9484 !important;
  text-align: center;
  transition: all 0.25s ease-in-out; }

@media screen and (max-width: 1200px) {
  .homepage_psp .landing-lastseason .span3 {
    padding: 0px 15px; }
  .homepage_psp .landing-lastseason .span3::after {
    right: -10px; }
  .homepage_psp .landing-euros .steps .box {
    padding: 10px; }
  .homepage_psp .landing-euros .steps .box h3 {
    font-size: 13px; } }

@media screen and (max-width: 1200px) {
  .homepage_psp .psp-cta h2 {
    margin: 2px 0;
    padding-left: 0px;
    text-align: center;
    font-size: 1.8em;
    font-weight: 800;
    width: 100%;
    box-sizing: border-box; }
  .homepage_psp .psp-cta .inner {
    padding: 30px; }
  .homepage_psp .psp-cta .inner img {
    float: left;
    max-width: 200px; }
  .homepage_psp .landing-page-wrap .hero {
    background-color: #22B5A1;
    padding-bottom: 60px; }
  .homepage_psp .landing-euros .span8 {
    width: 100%;
    margin-bottom: 30px; }
  .homepage_psp .landing-euros .span4 {
    width: 100%;
    margin-left: 0; }
  .homepage_psp .psp-cta.two .inner {
    background: #E7ECE6;
    padding: 22px 20px 16px; }
  .homepage_psp .psp-cta.two h2 {
    padding-left: 0;
    margin-top: 0;
    font-size: 2em; } }

@media screen and (min-width: 767px) and (max-width: 980px) {
  .homepage_psp .psp-cta .inner {
    padding: 40px 30px; }
  .homepage_psp .psp-cta .inner img {
    padding: 15px; } }

@media screen and (max-width: 767px) {
  .homepage_psp .psp-cta h2 {
    margin: 2px 0;
    padding-left: 0;
    text-align: center;
    font-size: 2em;
    font-weight: 800;
    width: 100%;
    box-sizing: border-box; }
  .homepage_psp .landing-lastseason .span3::after {
    display: none; }
  .homepage_psp .psp-cta {
    margin-bottom: 30px; }
  .homepage_psp .psp-cta .inner img {
    float: none;
    max-width: 200px;
    margin-bottom: 20px; }
  .homepage_psp .landing-page-wrap .hero {
    background-color: #22B5A1;
    padding-bottom: 60px; }
  .homepage_psp .landing-lastseason .span3 .btn {
    margin-bottom: 30px; }
  .homepage_psp .landing-euros h2 img {
    margin-right: auto;
    vertical-align: bottom;
    display: block;
    margin: 0 auto 20px auto; }
  .homepage_psp .landing-lastseason h2 {
    font-size: 2em; }
  .homepage_psp .landing-euros h2 {
    font-size: 2em; } }

.homepage_psp .btn-psp {
  margin: 60px 0;
  background: #22b5a1; }

/* -----------------------------------


  @Home 2016


----------------------------------- */
.header-above {
  text-align: center;
  padding: 10px;
  background-color: #FC1C5B;
  transition: all 0.25s ease-in-out;
  position: fixed;
  width: 100%;
  box-sizing: border-box;
  z-index: 100;
  color: #fff;
  display: block; }
  .header-above--psp-2017__wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center; }
  .header-above--psp-2017__title {
    -webkit-flex: 1 0 auto;
            flex: 1 0 auto; }
    .header-above--psp-2017__title span {
      font-size: 13px;
      color: #fff;
      font-weight: 400;
      display: block; }
    .header-above--psp-2017__title strong {
      font-weight: 700; }
    .header-above--psp-2017__title .fa-angle-right {
      display: inline-block;
      margin-left: 10px; }
  .header-above--psp-2017__buttons {
    -webkit-flex: 0 0 auto;
            flex: 0 0 auto; }
    .header-above--psp-2017__buttons .btn {
      padding: 10px 15px;
      margin-left: 5px; }
    .header-above--psp-2017__buttons .btn-one-dark::before {
      content: 'Pre-Season '; }
  @media screen and (max-width: 1200px) {
    .header-above--psp-2017__title span {
      font-size: 18px; } }
  @media screen and (max-width: 1100px) {
    .header-above {
      position: relative; } }
  @media screen and (max-width: 980px) {
    .header-above--psp-2017__title span {
      font-size: 14px;
      line-height: 16px; } }
  @media screen and (max-width: 767px) {
    .header-above--psp-2017__wrap {
      display: block; }
    .header-above--psp-2017__title {
      -webkit-flex: 1 0 auto;
              flex: 1 0 auto; }
      .header-above--psp-2017__title span {
        font-size: 12px;
        line-height: 18px; }
    .header-above--psp-2017__buttons:after {
      content: "";
      display: table;
      clear: both; }
    .header-above--psp-2017__buttons .btn {
      float: left;
      width: 100%;
      margin: 0;
      font-size: 12px; }
    .header-above--psp-2017__buttons .btn-one-dark {
      margin-left: 4%; }
    .header-above--psp-2017__buttons .btn-one-dark::before {
      content: 'PSP '; } }

.mobile-homepage-login {
  display: none;
  background: #fff; }
  .mobile-homepage-login form {
    margin: 0; }
  @media (max-width: 767px) {
    .mobile-homepage-login .rigid.span4 {
      float: left !important;
      width: 31% !important;
      margin-left: 2.7624309392265194%;
      margin-bottom: 0 !important; } }
  .mobile-homepage-login .btn-login {
    height: 51px; }

@media screen and (max-width: 980px) {
  .mobile-homepage-login {
    display: block; } }

.homevideo-modal .btn-login {
  height: 51px; }

@media screen and (max-width: 767px) {
  .homevideo-modal .btn-login {
    height: auto; } }

.home-wrap {
  border-bottom: 1px solid #EFEFEF; }
  .home-wrap .hero {
    background-color: #42FF0F;
    background-image: url("../../images/home/bg.png");
    background-repeat: no-repeat;
    background-position: 119% -245px;
    padding: 30px 0;
    background-size: 600px; }
    .home-wrap .hero h1 {
      margin: 20px 0 30px 0;
      font-weight: 900;
      font-size: 54px;
      text-align: center; }
      .home-wrap .hero h1 span {
        margin-top: 5px;
        display: block; }
    .home-wrap .hero img {
      max-width: 104%;
      margin-left: -4%;
      margin-bottom: -180px; }
  .home-wrap .btn i {
    float: left;
    font-size: 50px; }
  .home-wrap .btn .text {
    display: inline-block;
    vertical-align: middle;
    width: 80%; }
    .home-wrap .btn .text .one {
      font-size: 27px;
      line-height: 32px;
      display: block;
      font-weight: 800; }
    .home-wrap .btn .text .two {
      display: block;
      font-size: 10px; }
  @media screen and (max-width: 980px) and (min-width: 767px) {
    .home-wrap .btn i {
      float: none;
      font-size: 30px;
      margin-bottom: 10px; }
    .home-wrap .btn .text {
      display: inline-block;
      vertical-align: middle;
      width: 100%; }
      .home-wrap .btn .text .one {
        font-size: 17px;
        line-height: 22px;
        display: block;
        font-weight: 800; }
      .home-wrap .btn .text .two {
        display: block;
        font-size: 10px; } }
  @media screen and (max-width: 767px) {
    .home-wrap .btn i {
      font-size: 35px; }
    .home-wrap .btn .text {
      display: inline-block;
      vertical-align: middle; }
      .home-wrap .btn .text .one {
        font-size: 17px;
        line-height: 22px;
        display: block;
        font-weight: 800; }
      .home-wrap .btn .text .two {
        display: block;
        font-size: 8px; } }
  .home-wrap .hero-bottom {
    margin-bottom: 40px; }
    .home-wrap .hero-bottom p {
      font-size: 1.3em;
      line-height: 1.6em;
      margin-top: 30px;
      padding-right: 40px; }
  .home-wrap .cards {
    background-color: #E5E5E5;
    padding: 60px 0 30px;
    margin-bottom: 60px; }
    .home-wrap .cards .white-box .image-wrap {
      text-align: center;
      margin-bottom: 20px; }
    .home-wrap .cards .white-box p {
      margin-bottom: 30px; }
    .home-wrap .cards h3 {
      margin: 0 0 20px 0; }
  .home-wrap .landing-login {
    margin-bottom: 20px; }
    .home-wrap .landing-login .btn {
      padding: 13px 10px; }
  .home-wrap.preseason__2016 .hero {
    background-color: #29F1FF; }

@media screen and (max-width: 1200px) {
  .home-wrap .hero {
    background-color: #42FF0F;
    background-image: url("../../images/home/bg.png");
    background-repeat: no-repeat;
    background-position: 119% -245px;
    padding: 50px 0;
    background-size: 600px; }
    .home-wrap .hero h1 {
      margin: 0 0 30px 0;
      font-weight: 900;
      font-size: 30px; }
      .home-wrap .hero h1 span {
        margin-top: 5px;
        display: block; }
    .home-wrap .hero img {
      max-width: 104%;
      margin-left: -4%;
      margin-bottom: -160px; }
  .home-wrap .hero-bottom {
    margin-bottom: 40px; }
    .home-wrap .hero-bottom .span4 {
      width: 100%; }
      .home-wrap .hero-bottom .span4 p {
        margin-top: 140px;
        padding-right: 0; } }

@media screen and (max-width: 980px) {
  .home-wrap .hero h1 {
    margin: 0 0 30px 0;
    font-weight: 900;
    font-size: 22px; }
    .home-wrap .hero h1 span {
      margin-top: 0;
      display: block; }
  .home-wrap .hero-bottom .span4 {
    width: 100%;
    margin: 0; }
    .home-wrap .hero-bottom .span4 P {
      margin-top: 40px; }
  .home-wrap .hero-bottom .span12 p {
    margin-top: 0; } }

@media screen and (max-width: 767px) {
  .home-wrap .hero {
    background-color: #42FF0F;
    background-image: url("../../images/home/bg.png");
    background-repeat: no-repeat;
    background-position: -240px 105px;
    padding: 40px 0;
    background-size: 310px; }
    .home-wrap .hero .span4 {
      text-align: center; }
    .home-wrap .hero h1 {
      margin: 0 0 30px 0;
      font-weight: 900;
      font-size: 22px; }
      .home-wrap .hero h1 span {
        margin-top: 0;
        display: block; }
    .home-wrap .hero .btn {
      margin-bottom: 40px; }
    .home-wrap .hero img {
      max-width: 100%;
      margin-left: 0%;
      margin-bottom: -100px; }
  .home-wrap .hero-bottom {
    margin-bottom: 40px; }
    .home-wrap .hero-bottom .span4 {
      width: 100%; }
      .home-wrap .hero-bottom .span4 p {
        margin-top: 140px !important;
        padding-right: 0; } }

/* Preseason - Home */
.psp-header-nav {
  min-height: 50px;
  padding: 0 15px; }

.psp-header-nav .btn-fffnav {
  margin-top: 28px; }

.gh-wrap .row-fluid .span9.gh-column {
  text-align: center;
  width: 64.358974%; }

.gh-wrap .row-fluid .span3.gh-column {
  width: 33.076923%; }

.gh-wrap .row-fluid .span3.gh-column h2 img {
  width: 50px;
  margin-right: 15px;
  display: block;
  text-align: center;
  margin: 0 auto 10px auto; }

.gh-wrap .tools-title {
  text-align: center; }

.gh-cards .psp-card {
  border: 1px solid #EEE;
  position: relative;
  padding-bottom: 80px; }

.gh-cards .white-inner {
  padding: 0 20px; }

.gh-cards .psp-card img {
  display: inline-block;
  margin-bottom: 20px;
  max-width: 130px; }

.gh-cards .psp-card h3 {
  margin-top: 0;
  margin-bottom: 20px; }

.gh-cards .psp-card .btn {
  width: auto;
  position: absolute;
  top: auto !important;
  bottom: 30px;
  left: 30px;
  right: 30px;
  height: auto;
  box-sizing: border-box; }

@media screen and (max-width: 980px) {
  .gh-cards .span4 {
    width: 100%;
    margin-left: 0 !important; }
  .gh-wrap .row-fluid .span9.gh-column {
    width: 100%;
    margin-left: 0; }
  .gh-wrap .row-fluid .span3.gh-column {
    width: 100%;
    margin-left: 0; } }

/* Preseason - Predicted Prices */
.guide-player-page .gpp-top-box {
  position: relative; }

.guide-player-page .gpp-top-box .left {
  padding-right: 260px; }

.guide-player-page .gpp-top-box .left h1 {
  margin-top: 0;
  font-size: 2.2em;
  line-height: 1.1em; }

.guide-player-page .gpp-top-box .left p {
  margin-bottom: 0; }

.guide-player-page .gpp-top-box .big-number {
  position: absolute;
  top: 50%;
  font-size: 6em;
  margin: 0;
  right: 40px;
  padding: inherit;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.guide-player-page .preseason-title {
  margin-top: 0;
  font-size: 2em;
  line-height: 1.1em;
  text-align: center;
  margin-bottom: 30px; }

@media screen and (max-width: 1200px) {
  .guide-player-page .gpp-top-box .left {
    padding-right: 180px; }
  .guide-player-page .gpp-top-box .left h1 {
    margin-top: 0;
    font-size: 1.8em;
    line-height: 1.1em; }
  .guide-player-page .gpp-top-box .big-number {
    font-size: 4em; } }

.landing-page.header input[type="text"],
.landing-page.header input[type="email"],
.landing-page.header input[type="password"] {
  background-color: rgba(255, 255, 255, 0.3); }

.landing-page.header-features.header input[type="text"],
.landing-page.header-features.header input[type="email"],
.landing-page.header-features.header input[type="password"],
.landing-page.header-about.header input[type="text"],
.landing-page.header-about.header input[type="email"],
.landing-page.header-about.header input[type="password"] {
  color: #fff; }

.landing-page.header ::-webkit-input-placeholder {
  color: #fff; }

.landing-page.header :-moz-placeholder {
  /* Firefox 18- */
  color: #fff; }

.landing-page.header ::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff; }

.landing-page.header :-ms-input-placeholder {
  color: #fff; }

.landing-page.header ::-webkit-input-placeholder {
  color: #fff; }

@media screen and (max-width: 500px) {
  .landing-page-wrap .hero .hero-intro h1 {
    font-size: 21px !important;
    line-height: 25px !important; }
  .landing-page-wrap .hero .hero-intro {
    max-width: 750px;
    padding: 30px 0 40px;
    margin: 0 auto; } }

.dugout-changes .assist-card:nth-child(odd),
.dugout-suspended .assist-card:nth-child(even) {
  margin-right: 0; }

.landing-page.header-about.header :-moz-placeholder {
  /* Firefox 18- */
  color: #fff; }

.landing-page.header-about.header ::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff; }

.landing-page.header-about.header :-ms-input-placeholder {
  color: #fff; }

.landing-page.header .form-signin-input i {
  font-size: 12px;
  line-height: 16px;
  color: #fff; }

.landing-page.header .login-button .btn-one-secondary {
  padding: 8px 10px;
  background-color: rgba(27, 77, 16, 0.1); }

.landing-page.header-features.header .login-button .btn-one-secondary {
  padding: 8px 10px;
  background-color: rgba(255, 255, 255, 0.1); }

@media screen and (max-width: 980px) {
  .landing-page.header .login-button .btn-one-secondary {
    padding: 15px 10px;
    border-radius: 6px;
    background-color: rgba(0, 0, 0, 0.1); }
  .landing-page.header-features.header .login-button .btn-one-secondary {
    padding: 15px 10px;
    border-radius: 6px;
    background-color: rgba(0, 0, 0, 0.1); } }

.landing-login.home {
  padding: 40px 0;
  background-color: #e4eaeb; }

.landing-login.home .form-signin {
  margin-bottom: 0; }

.landing-login.home .form-signin h2 {
  color: #22133C;
  font-size: 2.5em;
  line-height: 1em;
  font-weight: 800;
  margin-bottom: 20px; }

.landing-login.home .login-links a {
  font-weight: 400;
  color: #fff; }

.landing-login .form-signin-input i, .landing-login .control-group i {
  padding: 14px; }

@media screen and (min-width: 1200px) {
  .landing-login.home .span4 {
    width: 344px; } }

.injury-credit {
  margin-top: 12px;
  padding: 20px;
  border: 1px solid #eee; }

.injury-credit .logo {
  width: 30%;
  display: inline-block;
  float: left; }

.injury-credit .logo img {
  image-rendering: auto; }

.injury-credit .info {
  width: 60%;
  margin-left: 7%;
  display: inline-block;
  text-align: center; }

@media screen and (max-width: 1200px) {
  .injury-credit img {
    margin-top: 7px; } }

@media screen and (max-width: 987px) {
  .injury-credit {
    text-align: center; }
  .injury-credit .logo {
    width: 57%;
    margin: 0 auto;
    margin-bottom: 10px;
    display: inline-block;
    float: none; }
  .injury-credit .info {
    width: 100%;
    margin-left: 0;
    display: inline-block;
    text-align: center; } }

@media screen and (min-width: 979px) and (max-width: 1200px) {
  .landing-login.home .form-signin h2 {
    font-size: 2.3em; }
  .landing-login.home .span5 {
    width: 371px; }
  .landing-login.home .offset5 {
    margin-left: 413px; }
  .landing-login.home .offset1 {
    margin-left: 60px; }
  .landing-login.home .span2 {
    width: 157px; } }

@media screen and (min-width: 767px) and (max-width: 979px) {
  .landing-login.home .form-signin h2 {
    font-size: 2.1em; }
  .landing-login.home .span5 {
    width: 262px; }
  .landing-login.home .offset5 {
    margin-left: 303px; }
  .landing-login.home .offset1 {
    margin-left: 0; }
  .landing-login.home .span2 {
    width: 160px; }
  .landing-login.home .login-links .span4 {
    width: 352px; } }

@media screen and (max-width: 980px) {
  .landing-page-wrap .hero .hero-intro h1 {
    font-size: 32px;
    line-height: 40px; }
  .landing-page .not-logged-in-menu {
    display: none; } }

@media screen and (max-width: 767px) {
  .landing-login.home .form-signin h2 {
    font-size: 2em; }
  .landing-login.home .span4, .optibot-header .span5 {
    margin-bottom: 0; }
  .landing-login.home .login-links a, .optibot-header .login-links a {
    display: block; }
  .landing-login.home .help-inline, .optibot-header .help-inline {
    margin-bottom: 10px; }
  .login-links {
    margin-top: 15px; }
  .landing-login .btn-login {
    margin-bottom: 10px; } }

.down-arrow-wrap {
  width: 100%;
  height: auto; }

.down-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 35px 32.5px 0 32.5px;
  margin: 0 auto; }

.down-arrow.grey {
  border-color: #e4eaeb transparent transparent transparent; }

.down-arrow.dark-grey {
  border-color: #22133C transparent transparent transparent; }

.down-arrow.white {
  border-color: #ffffff transparent transparent transparent; }

.down-arrow.blue {
  border-color: #00F2FD transparent transparent transparent; }

.down-arrow.grey-outline {
  border-color: #42FF0F transparent transparent transparent; }

.landing-intro {
  padding: 130px 0 150px 0; }

.landing-intro .paragraph {
  text-align: center;
  font-size: 20px;
  line-height: 35px;
  max-width: 850px;
  width: 90%;
  margin: 0 auto; }

.wrapper .optimize-container:first-child {
  border-top: 0; }

#auto-optimize .down-arrow-wrap {
  background-color: transparent;
  position: relative;
  z-index: 15; }

#auto-optimize .down-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 30px 0 30px;
  border-color: #fff transparent transparent transparent;
  text-align: center;
  margin: 0 auto; }

#auto-optimize {
  position: relative; }

.advanced-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(212, 212, 212, 0.6);
  z-index: 10;
  transition: .4s; }
  .advanced-overlay .overlay-info {
    background: #fff;
    color: #35264e;
    position: absolute;
    top: 430px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    min-width: 300px;
    text-align: center;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.15); }
    .advanced-overlay .overlay-info__header {
      background-color: #F4F4F6;
      padding: 10px;
      text-align: center; }
    .advanced-overlay .overlay-info__body {
      padding: 20px; }
  .advanced-overlay h4 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 15px; }
  .advanced-overlay p {
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 20px;
    color: #555560; }

.landing-intro .paragraph h2 {
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 28px; }

.landing-steps {
  background-color: #e4eaeb;
  padding: 130px 0 150px 0;
  text-align: center; }

.landing-steps h2 {
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 28px; }

.landing-steps .steps-wrap {
  margin-top: 40px;
  margin-bottom: 40px; }

.landing-steps .steps-wrap .step {
  height: 75px;
  width: 75px;
  line-height: 75px;
  border-radius: 50%;
  background-color: #fff;
  font-family: fix sans;
  color: #22133C;
  text-align: center;
  font-size: 3.5em;
  margin: 0 auto;
  margin-bottom: 20px;
  position: relative; }

.landing-steps .steps-wrap:first-child .step:after {
  content: '';
  height: 5px;
  width: 700px;
  background-color: rgba(255, 255, 255, 0.44);
  position: absolute;
  top: 50%;
  margin-top: -2px; }

.visible-phone {
  display: none; }

@media screen and (max-width: 1200px) {
  .landing-steps .steps-wrap:first-child .step:after {
    width: 530px; }
  .optimize-container .input-small,
  .optimize-container .input-small:focus {
    color: #22133C;
    font-weight: 400;
    font-size: 2em;
    width: 25%;
    background-color: transparent; } }

@media screen and (max-width: 980px) {
  .landing-steps {
    padding: 40px 0 60px 0; }
  .landing-intro {
    padding: 40px 0 60px 0; }
  .landing-steps .row-fluid .span5 {
    width: 100%;
    margin: 0; }
  .landing-steps .steps-wrap {
    width: 100%;
    margin: 0;
    padding: 20px 0; }
  .landing-steps .steps-wrap:first-child .step:after {
    width: 430px; } }

@media screen and (max-width: 980px) {
  .landing-steps .steps-wrap:first-child .step:after {
    display: none; }
  .hidden-phone {
    display: none !important; }
  .visible-phone {
    display: block !important; } }

.landing-steps .steps-wrap span {
  font-size: 1.3em;
  font-family: fix sans;
  color: #22133C;
  text-transform: uppercase;
  letter-spacing: 1px; }

.landing-steps img {
  margin-bottom: 40px; }

.landing-steps .paragraph {
  font-size: 1.2em; }

.landing-features {
  padding: 130px 0 150px 0;
  text-align: center; }

.landing-features .landing-feature {
  margin-bottom: 150px; }

.landing-features h2 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 150px;
  font-size: 28px; }

.landing-features .landing-feature .info-span {
  display: table; }

.landing-features .landing-feature .feature-info {
  display: table-cell;
  vertical-align: middle; }

.auto-select .select-wrap {
  padding: 10px;
  border-bottom: 0; }

.auto-select .select-wrap:last-child {
  border-bottom: 1px solid #EFEFEF; }

.auto-select .select-wrap .icheckbox_square-green,
.auto-select .select-wrap .icheckbox_square-pink {
  float: right; }

.fine-tune-wrap .fine-tune-select {
  display: inline-block;
  padding: 10px; }

.fine-tune-wrap .fine-tune-select span {
  display: block;
  margin-bottom: 8px;
  font-size: 1.3em;
  line-height: 1.2em; }

@media screen and (max-width: 1200px) {
  .landing-features img {
    width: 100%;
    box-sizing: border-box; } }

@media screen and (min-width: 980px) {
  .landing-features .landing-feature:nth-child(odd) img {
    padding-left: 30px; }
  .landing-features .landing-feature:nth-child(even) img {
    padding-right: 30px; }
  .fine-tune-wrap .fine-tune-select {
    padding: 10px; }
  .fine-tune-wrap .fine-tune-select span {
    font-size: 1em; } }

@media screen and (max-width: 980px) {
  .fine-tune-wrap .fine-tune-select {
    padding: 10px; }
  .fine-tune-wrap .fine-tune-select span {
    font-size: 1.3em; } }

@media screen and (max-width: 980px) {
  .landing-features {
    padding: 40px 0 60px 0; }
  .landing-features .landing-feature {
    margin-bottom: 60px; }
  .landing-features h2 {
    margin-bottom: 40px; }
  .landing-features .landing-feature img {
    padding-left: 0px;
    margin-bottom: 40px; } }

.landing-features h3 {
  margin-top: 0;
  margin-bottom: 40px;
  font-size: 28px;
  line-height: 32px; }

.landing-features a {
  font-weight: 400; }

.optimize-container .input-small, .optimize-container .input-small:focus {
  font-size: 20px;
  width: 24%;
  background-color: transparent; }

@media screen and (max-width: 530px) {
  .fine-tune-wrap .fine-tune-select {
    display: block;
    padding: 10px;
    border-right: 1px solid #EFEFEF; }
  .fine-tune-wrap .fine-tune-select span {
    margin-right: 10px;
    margin-bottom: 0;
    display: inline-block;
    font-size: 1.3em; }
  .fine-tune-wrap .fine-tune-select .icheckbox_square-green {
    float: right; } }

.landing-features .landing-feature:nth-child(even) h3,
.landing-features .landing-feature:nth-child(even) .paragraph {
  text-align: left; }

.landing-features .landing-feature:nth-child(odd) h3,
.landing-features .landing-feature:nth-child(odd) .paragraph {
  text-align: right; }

@media screen and (max-width: 980px) {
  .landing-features .landing-feature:nth-child(even) h3,
  .landing-features .landing-feature:nth-child(even) .paragraph {
    text-align: center; }
  .landing-features .landing-feature:nth-child(odd) h3,
  .landing-features .landing-feature:nth-child(odd) .paragraph {
    text-align: center; } }

.landing-features .btn {
  text-align: center; }

.landing-phone {
  background-color: #00F2FD; }

.landing-phone .span5 {
  display: table; }

.landing-phone .span5 .landing-info {
  display: table-cell;
  vertical-align: middle; }

.landing-phone img {
  margin-top: 130px; }

.landing-phone .landing-info {
  max-width: 400px;
  text-align: center;
  margin: 0 auto; }

.landing-phone .landing-info h3 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 40px;
  font-size: 28px; }

.landing-phone .landing-info .paragraph {
  color: #fff;
  opacity: 0.8; }

.landing-phone .landing-info a {
  color: #fff;
  font-weight: 400; }

@media screen and (max-width: 980px) {
  .landing-phone img {
    margin-top: 60px; }
  .landing-phone {
    padding-top: 60px; }
  .landing-phone .landing-info {
    max-width: none; }
  .landing-phone .span5 {
    text-align: center; } }

.landing-latest {
  padding: 130px 0 150px 0; }

.landing-latest .landing-twitter,
.landing-latest .landing-news {
  width: 100%;
  color: #fff;
  font-size: 1.3em;
  line-height: 1.5em;
  padding: 100px 40px;
  text-align: center;
  display: table;
  box-sizing: border-box; }

.landing-twitter-wrap,
.landing-news-wrap {
  display: table-cell;
  vertical-align: middle; }

.landing-latest .landing-twitter {
  background-color: #5ac7e9; }

.landing-latest .landing-news {
  background-color: #22133C;
  position: relative;
  overflow: hidden; }

.landing-latest h2 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 150px;
  font-size: 28px; }

.landing-latest i {
  font-size: 40px;
  line-height: 38px;
  margin-bottom: 45px; }

.landing-twitter .tweet-content {
  max-width: 400px;
  width: 90%;
  margin: 0 auto;
  opacity: 0.6;
  margin-bottom: 45px; }

.landing-twitter .tweet-info {
  font-weight: 400; }

.landing-latest .landing-news h3 {
  position: relative;
  color: #fff;
  font-size: 28px;
  line-height: 34px;
  width: 70%;
  margin: 0 auto;
  margin-bottom: 45px;
  z-index: 1; }

.landing-news .news-content {
  position: relative;
  max-width: 400px;
  width: 90%;
  margin: 0 auto;
  opacity: 0.6;
  margin-bottom: 45px;
  z-index: 1; }

.landing-news .news-link a {
  position: relative;
  color: #fff;
  font-weight: 400;
  z-index: 1; }

.landing-news .news-link a:hover {
  color: #fff; }

.landing-news-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 0; }

.landing-news-bg img {
  height: 100%;
  max-width: none;
  width: auto;
  opacity: 0.2;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  /* Firefox 10+, Firefox on Android */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+, Safari 6+, Safari 6+ iOS */ }

@media screen and (max-width: 980px) {
  .landing-feature [class*="span"],
  .landing-feature .uneditable-input[class*="span"],
  .landing-feature .row-fluid [class*="span"],
  .landing-phone [class*="span"],
  .landing-phone .uneditable-input[class*="span"],
  .landing-phone .row-fluid [class*="span"],
  .landing-latest [class*="span"],
  .landing-latest .uneditable-input[class*="span"],
  .landing-latest .row-fluid [class*="span"] {
    display: block;
    float: none;
    width: 100%;
    margin-left: 0;
    box-sizing: border-box; }
  .landing-latest h2 {
    margin-top: 40px;
    margin-bottom: 40px; }
  .landing-latest {
    padding: 40px 0 60px 0; } }

/* -----------------------------------


  @NEW About


  ----------------------------------- */
.landing-page.header.header-about {
  background-color: #00F2FD; }

.about-page .intro {
  padding: 150px 0 190px;
  color: #fff; }

.about-page .intro h1 {
  color: #fff;
  text-align: center;
  font-weight: 800;
  font-size: 35px;
  line-height: 45px;
  margin-bottom: 30px; }

.about-page .intro .paragraph {
  text-align: center; }

.about-page .paragraph {
  text-align: left;
  font-size: 1.5em;
  line-height: 35px;
  max-width: 850px;
  width: 90%;
  margin: 0 auto;
  opacity: 0.6; }

.about-page .about-content {
  padding: 130px 0 150px; }

.about-page .about-opti {
  display: none; }

@media screen and (min-width: 1190px) {
  .about-page .about-opti {
    display: block;
    position: absolute;
    right: 0;
    width: 165px;
    top: 1200px; } }

/* -----------------------------------


  @Dugout Redesign


----------------------------------- */
.responsive--767 {
  display: none;
  float: left; }

@media screen and (max-width: 980px) {
  .responsive--767 {
    float: none; } }

.dugout__box-button {
  position: fixed;
  z-index: 90;
  bottom: -100px;
  left: 20px;
  background: #fff;
  padding: 7px 13px;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);
  transition: .25s all ease-in-out;
  cursor: pointer; }
  .dugout__box-button:hover {
    padding-bottom: 12px; }
  .dugout__box-button.closed {
    bottom: 0px;
    transition: .25s all ease-in-out; }
  .dugout__box-button h2 {
    margin: 0 !important;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    font-size: 14px; }

.dugout__top-box {
  position: relative;
  text-align: center; }
  .dugout__top-box.closed {
    display: none; }
  .dugout__top-box .close {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 10; }
  .dugout__top-box .slick-list {
    margin: 0 -1px;
    min-width: 100%; }
  .dugout__top-box .slick-track {
    display: -webkit-flex;
    display: flex; }
    .dugout__top-box .slick-track .slick-slide {
      float: none;
      height: auto; }
  .dugout__top-box .white-box {
    padding: 30px; }
  .dugout__top-box h1 {
    font-size: 40px;
    border-bottom: 1px solid #EFEFEF;
    padding-bottom: 30px;
    margin-bottom: 30px !important;
    font-weight: 500; }
    .dugout__top-box h1 span {
      font-weight: 800; }
  .dugout__top-box .wrap {
    display: -webkit-flex;
    display: flex;
    margin: 0 -20px; }
    .dugout__top-box .wrap .slick-dots {
      position: static;
      left: 0;
      margin: 0; }
    .dugout__top-box .wrap .slick-dots li button:before {
      font-size: 30px; }
    .dugout__top-box .wrap .btn {
      min-height: 0;
      padding: 10px !important; }
  .dugout__top-box .box {
    -webkit-flex: 1 0 auto;
            flex: 1 0 auto;
    width: auto;
    padding: 0 20px;
    border-right: 1px solid #EFEFEF;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: space-between;
            justify-content: space-between; }
    .dugout__top-box .box h3 {
      margin-top: 0;
      padding: 0; }
      .dugout__top-box .box h3 span {
        display: inline-block;
        text-align: center;
        font-size: 11px;
        line-height: 19px;
        color: #fff;
        background: #FC1C5B;
        padding: 1px 6px;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        vertical-align: text-bottom; }
    .dugout__top-box .box img {
      margin: 0 auto;
      padding-top: 0; }
    .dugout__top-box .box p {
      margin: 0 0 20px 0;
      font-size: 13px;
      line-height: 22px; }
  .dugout__top-box .fix-toggle {
    display: block;
    background: #EFEFEF;
    margin-top: 35px; }
    .dugout__top-box .fix-toggle img {
      margin-top: -35px;
      width: 150px; }
  .dugout__top-box .blog a {
    display: block;
    background: #EFEFEF;
    margin-top: 35px; }
    .dugout__top-box .blog a img {
      margin-top: -35px;
      width: 210px; }

@media screen and (max-width: 980px) {
  .dugout__top-box .white-box {
    padding: 15px 30px 45px 30px; }
  .dugout__top-box h1 {
    font-size: 25px;
    padding-bottom: 15px !important;
    margin-bottom: 15px !important; }
  .dugout__top-box .wrap .slick-dots {
    position: absolute;
    bottom: -35px;
    margin: 0; }
  .dugout__top-box .wrap .slick-dots li button:before {
    font-size: 30px; } }

@media screen and (max-width: 767px) {
  .dugout__top-box .wrap {
    display: block; }
  .dugout__top-box .box {
    width: 100%;
    padding: 0 20px; }
    .dugout__top-box .box:last-child {
      border-right: 0; } }

@media screen and (max-width: 500px) {
  .dugout__top-box .wrap {
    display: block;
    margin: 0; }
  .dugout__top-box .box {
    width: 100%;
    padding: 0 0;
    border-right: 0; }
    .dugout__top-box .box:last-child {
      border-right: 0; } }

#modal__refer {
  text-align: center; }
  #modal__refer .modal-body {
    padding: 10px 30px; }
  #modal__refer h2 {
    margin: 0 0 10px 0; }
  #modal__refer p {
    margin: 0 0 20px 0; }
  #modal__refer form {
    display: -webkit-flex;
    display: flex; }
    #modal__refer form input {
      margin: 0;
      margin-bottom: 0;
      height: auto !important; }

@media screen and (max-width: 600px) {
  #modal__refer form {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column; }
    #modal__refer form input {
      height: 48px !important;
      margin-bottom: 10px; } }

#modal__refer {
  text-align: center; }
  #modal__refer .modal-body {
    padding: 10px 30px; }
  #modal__refer h2 {
    margin: 0 0 10px 0; }
  #modal__refer p {
    margin: 0 0 20px 0; }
  #modal__refer form {
    display: -webkit-flex;
    display: flex; }
    #modal__refer form input {
      margin: 0;
      margin-bottom: 0;
      height: auto !important; }

@media screen and (max-width: 600px) {
  #modal__refer form {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column; }
    #modal__refer form input {
      height: 48px !important;
      margin-bottom: 10px; } }

.dugout .dg-next h2 {
  margin-bottom: 20px; }

.dg-box {
  float: left;
  width: 50%;
  margin-right: 0%;
  position: relative;
  border-right: 1px solid #eee !important;
  padding: 10px;
  border-bottom: 1px solid #eee !important;
  margin-bottom: 0px;
  text-align: center;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.what-next .dg-box:nth-child(even) {
  border-right: none !important; }

.what-next .dg-box:nth-child(5) {
  border-bottom: none !important; }

.what-next .dg-box:nth-child(6) {
  border-bottom: none !important; }

.dg-box img {
  margin-right: 6%;
  width: 21%;
  display: inline-block;
  vertical-align: middle; }

.dg-box h3 {
  font-weight: 400;
  font-size: 12px;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  line-height: 1em;
  text-transform: uppercase;
  margin: 0 auto;
  width: 63%; }

.dg-box span {
  font-size: 12px;
  line-height: 13px;
  display: block;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 10px; }

.dg-box.dg-transfers {
  border-color: #37bc81; }

.dg-box.dg-transfers h3 {
  color: #37bc81; }

.dg-box.dg-stats {
  border-color: #b5c951; }

.dg-box.dg-stats h3 {
  color: #b5c951; }

.dg-box.dg-price {
  border-color: #00F2FD; }

.dg-box.dg-price h3 {
  color: #00F2FD; }

.dg-box.dg-live {
  border-color: #e31f60; }

.dg-box.dg-live h3 {
  color: #e31f60; }

.dg-box.dg-one h3 {
  color: #ed6b29; }

.dg-box.dg-two h3 {
  color: #8ed2cf; }

@media screen and (max-width: 500px) {
  .dg-box {
    float: left;
    width: 100%;
    margin-right: 0;
    position: relative;
    padding: 4px;
    margin-bottom: 0px;
    border: 0 !important;
    text-align: center;
    -o-box-sizing: border-box;
    box-sizing: border-box; } }

.dg-features-wrap {
  margin-top: 30px;
  text-align: center; }

.dg-features {
  width: 100%;
  text-align: center; }

.dg-features .dg-feature {
  display: inline-block;
  vertical-align: top;
  width: 23%;
  margin: 0 2%;
  text-align: center; }

.dg-features .dg-feature img {
  height: 60px; }

.dg-features .dg-feature h5 {
  line-height: 14px;
  font-size: 12px; }

.dg-features .dg-feature .feature-dropdown {
  cursor: pointer;
  display: inline-block; }

.dg-features .dg-feature .feature-dropdown i {
  top: 1px !important; }

.dg-features-wrap #season-tickets .collapse .paragraph {
  margin: 20px 0 0 0; }

.dg-features .dg-feature .tickbox {
  display: inline-block; }

@media screen and (max-width: 500px) {
  .dg-features {
    margin-bottom: 0; }
  .dg-features .dg-feature {
    display: inline-block;
    vertical-align: top;
    width: 40%;
    margin: 0 2%;
    text-align: center;
    margin-bottom: 30px; } }

.dg-next-thin h2 {
  margin-top: 0; }

.dg-next-thin .dg-box {
  float: none;
  display: block;
  width: 100%;
  margin-right: 0%;
  position: relative;
  border-right: none !important;
  padding: 10px 0;
  border-bottom: 1px solid #eee !important;
  margin-bottom: 0px;
  text-align: center;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.dg-next-thin .what-next .dg-box:nth-child(5) {
  border-bottom: 1px solid #eee !important; }

/* -----------------------------------


  @Dugout


  ----------------------------------- */
.dugout h2 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 10px; }

.dugout h6 {
  text-align: center;
  margin-bottom: 0;
  margin-top: 0; }

.mysquad-details {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  border-radius: 4px;
  background-color: #fff; }

.mysquad-details-inner {
  width: 90%;
  margin: 0 auto; }

.mysquad-details h3 {
  text-align: center;
  margin-bottom: 16px; }

.mysquad-details h2 {
  text-align: center;
  margin-bottom: 26px; }

.mysquad-details span {
  margin-top: 10px; }

.mysquad-details-info {
  height: 65px;
  margin-bottom: 20px; }

.mysquad-details-info a {
  color: #b4b4b5; }

.mysquad-details-info .error input {
  background-color: #ccc;
  color: #fff; }

#id_fantasy_id,
#id_name,
#id_gameweek,
#id_bank,
#id_gw_transfers {
  height: 1.1em;
  margin-left: 0px;
  width: 100%;
  background-color: #fff;
  line-height: 1em;
  font-size: 2.4em; }

#id_bank, #id_gw_transfers {
  color: #e5e7e7;
  border: 1px solid #e5e7e7; }

#id_bv1,
#id_bv2,
#id_bv3,
#id_bv4,
#id_bv5,
#id_bv6,
#id_bv7,
#id_bv8,
#id_bv9,
#id_bv10,
#id_bv11,
#id_bv12,
#id_bv13,
#id_bv14,
#id_bv15,
#id_bv16,
#id_bv17,
#id_bv18,
#id_bv19 {
  font-size: 2em;
  width: 80px;
  height: 44px;
  background-color: #fff;
  border: 1px solid #e5e7e7; }

#id_bank::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #e5e7e7; }

#id_bank:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #e5e7e7; }

#id_bank::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #e5e7e7; }

#id_bank:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #e5e7e7; }

#id_gw_transfers::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #e5e7e7; }

#id_gw_transfers:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #e5e7e7; }

#id_gw_transfers::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #e5e7e7; }

#id_gw_transfers:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #e5e7e7; }

/* ---- Player Cards ---- */
.dugout-changes .assist-card,
.dugout-suspended .assist-card,
.dugout-fixtures .assist-card {
  float: left;
  width: 48%;
  margin-right: 4%;
  position: relative; }

.dugout-changes .assist-card:nth-child(odd),
.dugout-suspended .assist-card:nth-child(even) {
  margin-right: 0; }

@media screen and (min-width: 767px) and (max-width: 980px) {
  .dugout-changes .assist-card .name,
  .dugout-suspended .assist-card .name,
  .dugout-fixtures .assist-card .name {
    margin-top: 5px !important; } }

@media screen and (max-width: 500px) {
  .dugout-changes .assist-card,
  .dugout-suspended .assist-card,
  .dugout-fixtures .assist-card {
    float: none;
    width: 100%;
    margin-right: 0;
    position: relative; }
  .dugout-changes .assist-card:nth-child(odd),
  .dugout-suspended .assist-card:nth-child(odd),
  .dugout-fixtures .assist-card:nth-child(odd) {
    margin-right: 0; } }

/* Suspended */
.dugout-suspended .assist-card .status {
  position: absolute;
  right: -5px;
  bottom: -7px; }

.dugout-suspended .assist-card .status img {
  border-radius: 50%; }

.dugout-minileague-box .icon {
  display: inline-block;
  width: 20%; }

.dugout-minileague-box .btn {
  padding: 15px 0;
  margin-top: 15px;
  display: inline-block;
  float: right;
  width: 72%;
  vertical-align: top; }

@media screen and (max-width: 1200px) {
  .dugout-minileague-box .btn {
    margin-top: 3px; } }

.injury-credit {
  margin-top: 12px;
  padding: 20px;
  border: 1px solid #eee; }

.injury-credit .logo {
  width: 30%;
  display: inline-block;
  float: left;
  margin-top: 0; }

.injury-credit .logo img {
  image-rendering: auto; }

.injury-credit .info {
  width: 60%;
  margin-left: 7%;
  display: inline-block;
  text-align: center; }

@media screen and (max-width: 1200px) {
  .injury-credit img {
    margin-top: 7px; } }

@media screen and (max-width: 987px) {
  .injury-credit {
    text-align: center; }
  .injury-credit .logo {
    width: 57%;
    margin: 0 auto;
    margin-bottom: 10px;
    display: inline-block;
    float: none; }
  .injury-credit .info {
    width: 100%;
    margin-left: 0;
    display: inline-block;
    text-align: center; } }

/* -----------------------------------


  @Dugout Redesign


----------------------------------- */
.dugout-important p {
  margin-bottom: 0; }
  .dugout-important p strong {
    color: #22133C; }

.btn-bottom-box {
  position: relative;
  padding-bottom: 88px; }
  .btn-bottom-box .button-wrap {
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    margin-left: 40px;
    margin-right: 40px;
    width: auto; }
    .btn-bottom-box .button-wrap .btn {
      width: 100%; }
      .btn-bottom-box .button-wrap .btn img {
        max-height: 18px; }
  .btn-bottom-box p {
    margin-bottom: 20px; }

@media screen and (max-width: 980px) {
  .btn-bottom-box {
    padding-bottom: 20px; }
    .btn-bottom-box .button-wrap {
      position: static;
      left: 0;
      right: 0;
      margin-left: 0;
      margin-right: 0;
      width: auto; } }

.price-dugout-top .dugout-top {
  min-height: 126px; }

.dugout-top {
  min-height: 196px; }
  .dugout-top h3 {
    margin: 0 0 20px 0;
    font-weight: 800;
    font-size: 21px; }
  .dugout-top .data {
    margin-bottom: 20px; }
    .dugout-top .data .name {
      color: #22133C;
      font-weight: 600; }
    .dugout-top .data .price {
      margin-bottom: 5px; }
    .dugout-top .data .player {
      display: block;
      width: 100%;
      margin-bottom: 5px; }
      .dugout-top .data .player img {
        width: 50px; }
    .dugout-top .data p {
      margin: 15px 0 0 0; }
  .dugout-top .transfer {
    margin-top: 30px; }
  .dugout-top .strong {
    color: #22133C; }

#dugout-pitch {
  text-align: center; }
  #dugout-pitch .paragraph {
    text-align: center;
    margin-bottom: 20px; }
  #dugout-pitch .nav-tabs {
    text-align: center; }
    #dugout-pitch .nav-tabs > li {
      float: none;
      display: inline-block; }
  #dugout-pitch .btn-twitter {
    margin-top: 30px;
    margin-bottom: 0; }

@media screen and (min-width: 767px) {
  .dugout__central--row {
    display: -webkit-flex;
    display: flex; }
    .dugout__central--row > .span6 {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
              flex-direction: column;
      margin-bottom: 30px; }
      .dugout__central--row > .span6 .white-box {
        margin-bottom: 0;
        -webkit-flex: 1 1 auto;
                flex: 1 1 auto; } }

.dugout__central .dugout-changes {
  box-shadow: 0 2.8px 2.5px rgba(0, 0, 0, 0.011), 0 6.7px 5.9px rgba(0, 0, 0, 0.016), 0 12.5px 11.1px rgba(0, 0, 0, 0.02), 0 22.3px 19.9px rgba(0, 0, 0, 0.024), 0 41.8px 37.2px rgba(0, 0, 0, 0.029), 0 100px 89px rgba(0, 0, 0, 0.04); }
  .dugout__central .dugout-changes.white-box {
    border-top: 6px solid #fff !important;
    border: none;
    opacity: 0.6;
    margin-bottom: 28px;
    padding: 20px; }
    @media screen and (min-width: 980px) {
      .dugout__central .dugout-changes.white-box {
        padding: 40px; } }
    @media screen and (min-width: 768px) {
      .dugout__central .dugout-changes.white-box.last {
        margin-bottom: 0px; } }
  .dugout__central .dugout-changes .switch-tab-btn {
    text-transform: uppercase;
    font-weight: 600;
    padding: 0;
    border: 0;
    background: none;
    letter-spacing: 1px;
    font-size: 12.5px;
    margin-bottom: 2px;
    display: block;
    margin: 20px auto 10px auto; }
    @media screen and (min-width: 980px) {
      .dugout__central .dugout-changes .switch-tab-btn {
        margin: 0 0 0 20px;
        display: inline-block; } }
    .dugout__central .dugout-changes .switch-tab-btn:focus {
      outline: 0; }
  .dugout__central .dugout-changes.is-active {
    opacity: 1;
    border-top: 6px solid #21133e !important;
    position: relative;
    overflow: visible; }
    @media screen and (min-width: 767px) {
      .dugout__central .dugout-changes.is-active::before {
        position: absolute;
        content: '';
        left: -20px;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        width: 0;
        height: 0;
        border-top: 18px solid transparent;
        border-right: 20px solid #fff;
        border-bottom: 18px solid transparent; } }
    .dugout__central .dugout-changes.is-active .switch-tab-btn {
      display: none; }

.dugout__central--value .dugout-details .value span {
  font-size: 30px;
  font-weight: 900; }
  @media screen and (max-width: 500px) {
    .dugout__central--value .dugout-details .value span {
      font-size: 24px; } }

.dugout__central--value .dugout-card .image {
  text-align: center; }

.dugout__central--value .progress {
  height: 18px !important; }
  .dugout__central--value .progress span {
    font-size: 10px;
    line-height: 18px;
    color: #22133c; }

@media screen and (max-width: 1200px) {
  .dugout__central--form .dugout-details .rigid {
    width: 100% !important; } }

.dugout__central--form .dugout-details .value span {
  font-size: 35px;
  font-weight: 900; }

.dugout__central--form .dugout-card .image {
  text-align: center; }

.dugout__central--form table {
  margin-bottom: 0 !important; }

.dugout__central--fixture .dugout-details .value span {
  font-size: 30px;
  font-weight: 900; }

.dugout__central--fixture .dugout-card .image {
  text-align: center; }

.dugout__central--projection .dugout-card .image {
  text-align: center; }

.dugout__central--projection .progress {
  height: 18px !important; }
  .dugout__central--projection .progress span {
    font-size: 10px;
    line-height: 18px;
    color: #22133c; }

.dugout-players-wrapper .dugout-card {
  float: left; }
  @media screen and (max-width: 500px) {
    .dugout-players-wrapper .dugout-card {
      width: 50%; } }
  @media (min-width: 500px) and (max-width: 768px) {
    .dugout-players-wrapper .dugout-card {
      width: 25%; }
      .dugout-players-wrapper .dugout-card:nth-of-type(n+2) {
        padding-left: 10px; } }
  @media screen and (max-width: 768px) {
    .dugout-players-wrapper .dugout-card:nth-of-type(even) {
      padding-left: 10px; } }

.dugout-pitch-price-btn {
  margin-top: 30px; }

.dugout__key {
  border: 1px solid #e0e0e0;
  display: -webkit-flex;
  display: flex;
  margin: 1.5rem auto;
  padding: 5px 20px;
  width: 80%; }
  .dugout__key .key-title {
    font-size: 16px;
    font-weight: 400;
    padding-right: 20px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center; }
  .dugout__key .key-items-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: center;
            justify-content: center; }
    .dugout__key .key-items-wrapper .key-item {
      display: -webkit-flex;
      display: flex;
      padding: 5px 0;
      -webkit-justify-content: center;
              justify-content: center;
      -webkit-align-items: center;
              align-items: center; }
      .dugout__key .key-items-wrapper .key-item .text {
        margin: 0 15px;
        font-size: 16px; }
      .dugout__key .key-items-wrapper .key-item .progress {
        margin: 0 15px 0 0;
        width: 55px; }
        .dugout__key .key-items-wrapper .key-item .progress .progress-bar.green {
          width: 80%;
          background-color: #42FF0F;
          height: 10px; }
        .dugout__key .key-items-wrapper .key-item .progress .progress-bar.blue {
          width: 60%;
          background-color: #29F1FF;
          height: 10px; }
        .dugout__key .key-items-wrapper .key-item .progress .progress-bar.red {
          width: 40%;
          background-color: #F93D00;
          height: 10px; }
        .dugout__key .key-items-wrapper .key-item .progress .progress-bar.pink {
          width: 20%;
          background-color: #FC1C5B;
          height: 10px; }

.dugout-changes .key-circle::before {
  content: '';
  width: 12px;
  height: 12px;
  background: #FC1C5B;
  display: inline-block;
  border-radius: 50%;
  margin-right: 7px; }

.dugout-changes .key-circle.alt::before {
  background: #42FF0F; }

.dugout-pitch-price-change,
.dugout-pitch-form,
.dugout-pitch-projections,
.dugout-pitch-fixture-rating,
.dugout-pitch-ownership {
  text-align: center;
  width: 100%; }

.dugout-pitch-ownership {
  margin-top: 10px; }

.shadow {
  box-shadow: 0 2.8px 2.5px rgba(0, 0, 0, 0.011), 0 6.7px 5.9px rgba(0, 0, 0, 0.016), 0 12.5px 11.1px rgba(0, 0, 0, 0.02), 0 22.3px 19.9px rgba(0, 0, 0, 0.024), 0 41.8px 37.2px rgba(0, 0, 0, 0.029), 0 100px 89px rgba(0, 0, 0, 0.04);
  z-index: 1; }
  .shadow-fix {
    position: relative; }

.ownership-box h3 {
  margin-top: 0;
  margin-bottom: 20px; }

.ownership-box ul {
  padding: 0;
  margin: 0;
  margin-bottom: 30px; }
  .ownership-box ul li {
    padding: 10px 0;
    margin-bottom: 0;
    border-bottom: 1px solid #EFEFEF;
    clear: both; }
    .ownership-box ul li .left {
      float: left;
      color: #22133C;
      font-weight: 400; }
    .ownership-box ul li .right {
      float: right; }

.ownership-box .btn {
  width: 100%;
  padding-right: 0;
  padding-left: 0; }

.d-welcome-title {
  margin-top: 0;
  font-size: 3em;
  text-align: center; }

.dugout h1 {
  margin: 0 0 20px 0;
  font-size: 21px;
  font-weight: 800; }
  .dugout h1.large {
    font-size: 21px;
    font-weight: 800; }
  .dugout h1 span {
    font-weight: 800; }

.dugout .intro-match {
  padding-bottom: 20px !important; }

.dugout .nav-tabs {
  margin-bottom: 40px; }

.d-status-td {
  width: 37%; }

.d-status-p {
  text-align: left; }

.dugout-details {
  position: relative;
  text-align: center;
  font-size: 20px;
  color: #22133C;
  margin-bottom: 20px; }
  .dugout-details.graph {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center; }
    @media screen and (max-width: 1200px) {
      .dugout-details.graph {
        -webkit-flex-wrap: wrap;
                flex-wrap: wrap; } }

.dugout-details .top-title {
  margin-right: 20px !important;
  display: inline-block !important;
  vertical-align: middle; }

.dugout-details .top-value {
  display: inline-block !important;
  vertical-align: middle; }

.dugout-details .info {
  display: inline-block;
  vertical-align: middle;
  margin: 0 2%; }

.dugout-details .title {
  font-size: 12px;
  text-align: center;
  display: block; }

.dugout-details .value {
  font-size: 16px;
  text-align: center;
  display: block;
  line-height: 1.3; }
  .dugout-details .value span {
    display: block;
    font-size: 18px;
    font-weight: 400; }

.dugout-details .fa-caret-down {
  color: #FC1C5B; }

.dugout-details .fa-caret-up {
  color: #FB15CD; }

.d-mobile-box {
  display: none; }

@media screen and (max-width: 1200px) {
  .d-welcome-title {
    font-size: 2.4em; }
  .dugout-details p {
    font-size: 1em !important;
    line-height: 1.5em; } }

@media screen and (max-width: 980px) {
  .dugout-details .top-title {
    display: block !important;
    margin-right: 0 !important; }
  .dugout-details .info {
    text-align: center;
    margin: 0 3%; } }

@media screen and (max-width: 767px) {
  .d-desktop-box {
    display: none; }
  .d-mobile-box {
    display: block; }
  .dugout-details .d-title {
    display: block;
    width: 100%;
    text-align: center;
    margin: 0;
    margin-bottom: 10px; }
  .dugout-details .d-title p {
    text-align: center; } }

@media screen and (max-width: 650px) {
  .dugout-details {
    margin-top: 0; }
  .dugout-details .info {
    text-align: center;
    margin: 0 5%; }
  .dugout-details .d-title {
    display: block;
    width: 100%;
    text-align: center;
    margin: 0;
    margin-bottom: 10px; }
  .dugout-details .value {
    font-size: 19px !important; } }

@media screen and (max-width: 500px) {
  .d-welcome-title {
    font-size: 2em; }
  .d-status-p {
    text-align: center !important; }
  .dugout .title {
    font-size: 14px !important; }
  .dugout .value {
    font-size: 18px !important; } }

/* --- Gameweek Fixtures --- */
.match-center h2 {
  margin-top: 0;
  margin-bottom: 20px;
  text-align: center; }

.match-center-fixtures {
  padding: 40px 0;
  font-weight: 400; }

.match-center #fixture_table {
  width: 100%; }

.match-center .fixture-row {
  font-weight: 400;
  font-size: 1.3em;
  line-height: 1em; }

.match-center .fixture-row:hover a {
  color: #42FF0F; }

.match-center .fixture-row img {
  max-width: 30px;
  padding: 0 20px; }

.match-center .fixture-row td {
  padding: 5px 0;
  text-align: center; }

.match-center .fixture-row .arrow {
  font-size: 12px; }

.match-center .fixture-row .fixture-score {
  min-width: 120px;
  font-size: 1.5em;
  font-weight: 400; }

.match-center .fixture-row .fixture-time {
  text-align: left;
  width: 15%; }

.match-center .fixture-row .home-team,
.match-center .fixture-row .away-team {
  text-align: right;
  text-transform: uppercase;
  font-size: 15px;
  color: #888;
  width: 35%; }

.match-center .fixture-row .home-team {
  text-align: right; }

.match-center .fixture-row .away-team {
  text-align: left; }

.fixture-nav.fixture-nav-top {
  margin-top: -50px;
  margin-bottom: 20px; }

.fixture-nav .pagination {
  float: left;
  margin-top: 0;
  padding: 6px 12px;
  line-height: 21px;
  font-weight: 400;
  color: #22133C;
  text-transform: uppercase;
  text-decoration: none;
  background-color: transparent;
  border: 1px solid #22133C;
  border-radius: 0;
  margin-bottom: 0;
  transition: all 0.3s; }
  .fixture-nav .pagination:hover {
    color: #22133C;
    border-color: #29F1FF;
    background-color: #29F1FF;
    transition: all 0.3s; }
  .fixture-nav .pagination.prev {
    float: left; }
  .fixture-nav .pagination.next {
    float: right; }

@media screen and (max-width: 980px) {
  .match-center .fixture-row img {
    max-width: 35px; }
  .match-center .fixture-row .home-team,
  .match-center .fixture-row .away-team {
    font-size: 14px; }
  .fixture-nav.fixture-nav-top {
    margin-top: -40px;
    margin-bottom: 20px; } }

@media screen and (max-width: 600px) {
  .match-center .fixture-row img {
    max-width: 20px; }
  .match-center .fixture-row .fixture-score {
    font-size: 1em;
    min-width: 30px; } }

@media screen and (max-width: 500px) {
  .match-center .fixture-row .home-team,
  .match-center .fixture-row .away-team {
    display: none; } }

.match .match-fixtures {
  padding: 0 20px; }

.match .match-fixtures .fixture-row:hover {
  background-color: #29F1FF;
  transition: all 0.25s ease-in-out; }

.fixtures-title {
  margin-top: 0;
  text-align: center;
  padding: 0 35px; }

.match #fixture_table {
  width: 100%; }

.match .fixture-spacing td {
  padding: 8px 0; }

.match .fixture-row .fixture-time {
  line-height: 13px;
  font-size: 11px;
  width: auto;
  text-align: center;
  padding: 5px 0; }

.match .fixture-row .home-team,
.match .fixture-row .away-team {
  font-size: 12px;
  line-height: 11px;
  text-transform: uppercase;
  color: #22133C;
  width: auto;
  padding: 5px 0; }

.match .fixture-row .home-team {
  text-align: right; }
  .match .fixture-row .home-team .team-badge {
    margin: 0 0 0 5px; }

.match .fixture-row .away-team {
  text-align: left; }
  .match .fixture-row .away-team .team-badge {
    margin: 0 5px 0 0; }

.match .fixture-row .team-badge {
  max-width: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0; }

.match .fixture-row .fixture-score {
  min-width: 35px;
  text-align: center; }

@media screen and (max-width: 1200px) {
  .match .fixture-row .fixture-score {
    min-width: 50px;
    text-align: center; }
  .match .fixture-row .home-team a,
  .match .fixture-row .away-team a {
    text-align: center;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column; }
    .match .fixture-row .home-team a .team-badge,
    .match .fixture-row .away-team a .team-badge {
      -webkit-order: 1;
              order: 1;
      display: block;
      margin: 0 auto 5px auto; }
    .match .fixture-row .home-team a span,
    .match .fixture-row .away-team a span {
      -webkit-order: 2;
              order: 2; } }

/* -----------------------------------


  @Squad Optimisation


----------------------------------- */
.span4a {
  width: 40%; }

.span6a {
  width: 60%; }

.optibot {
  text-align: center; }

.optibot-box {
  background-color: #fff; }

.optibot-box h3 {
  margin-bottom: 0;
  margin-top: 20px; }

@media (max-width: 1200px) {
  .optibot-padded {
    padding: 10px;
    margin-bottom: 25px; } }

@media (max-width: 979px) {
  .row-fluid .optibot-span, .row-fluid .selector-span {
    display: block;
    float: none;
    width: 100%;
    margin-left: 0;
    box-sizing: border-box; } }

@media (max-width: 767px) {
  .row-fluid .optibot-span, .row-fluid .selector-span {
    display: block;
    float: none;
    width: 100%;
    margin-left: 0;
    box-sizing: border-box; } }

.fff-team-title {
  line-height: 1em;
  font-size: 2em; }

.optibot-padded {
  padding: 20px;
  margin-bottom: 25px; }

.optibot-text {
  margin: 0 0 40px 0;
  background-color: #fff;
  border-radius: 4px;
  text-align: center;
  height: auto; }

.optibot-text h2 {
  text-transform: uppercase;
  font-size: 1.8em !important;
  letter-spacing: 1px; }

.optibot-text p {
  margin-top: 20px;
  margin-bottom: 86px; }

.opti-link img {
  border-radius: 4px;
  width: 100%; }

.optimize-margin {
  margin-top: 110px;
  margin-bottom: 110px; }

.optimize-container {
  text-align: center;
  margin-bottom: 30px;
  border-top: 1px solid #EFEFEF;
  padding-top: 30px; }

.wrapper .optimize-container:first-child {
  border-top: 0; }

#auto-optimize .down-arrow-wrap {
  background-color: transparent; }

#auto-optimize .down-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 30px 0 30px;
  border-color: #fff transparent transparent transparent;
  text-align: center;
  margin: 0 auto; }

.optimize-container h2 {
  margin-top: 0;
  margin-bottom: 30px; }

.slider {
  float: left;
  width: 67%;
  margin-left: 0; }

.slider a {
  transition: all 0s; }

.ui-slider-horizontal {
  background: none;
  background-color: #22133C;
  height: 3px;
  border: none;
  margin-top: 21px;
  border-radius: 0; }

.ui-slider-horizontal .ui-slider-handle {
  top: -8px; }

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: none;
  background: none;
  background-color: #FC1C5B;
  border-radius: 40px;
  height: 20px;
  width: 20px;
  margin-left: -10px; }

.subhead-selector {
  margin-bottom: 0px; }

#optimize-title {
  margin-top: 20px; }

.optimize-subtitle {
  color: #22133C;
  margin-bottom: 20px;
  font-size: 1.4em;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 400; }

.optimize-container .input-small,
.optimize-container .input-small:focus {
  color: #22133C;
  font-weight: 400;
  font-size: 2em;
  width: 25%;
  background-color: transparent; }

.optimize-container .btn-group {
  margin-bottom: 0px; }

.optimize-container .btn-group > .btn {
  font-size: 30px;
  line-height: 14px;
  padding: 0 9px;
  background-color: #fff;
  height: 61px;
  width: calc(15% - 4px);
  background-image: none;
  outline: 0;
  color: #22133C;
  box-shadow: none;
  margin: 0 2px; }

@media screen and (max-width: 979px) {
  .optimize-container .btn-group > .btn {
    width: 60px; } }

.optimize-container .btn-group > .btn:last-child {
  border-left: 2px solid #d7d8d8; }

.optimize-container .btn-group > .btn.active {
  color: #fff;
  background-color: #35264e; }

.optimize-container .btn-group > .btn:hover {
  color: #fff;
  background-color: #35264e; }

.optimize-container .btn-group > .btn:focus {
  color: #fff;
  background-color: #FC1C5B; }

.optimize-container .btn-group > .team-only {
  font-size: 11px;
  line-height: 13px;
  padding: 7px 16px;
  margin-right: 2px;
  width: calc(25% - 4px);
  min-width: 100px;
  text-transform: inherit;
  letter-spacing: 0;
  font-weight: 400;
  border-radius: 0;
  white-space: initial; }

.optimize-container .btn-group > .wildcard,
.optimize-container .btn-group > .free-hit {
  text-transform: Capitalize;
  letter-spacing: 0;
  font-size: 12px;
  width: calc(50% - 4px);
  border-left: 0px solid !important;
  border-radius: 0;
  padding: 5px 0;
  height: 42px;
  word-break: break-all;
  margin-top: 4px; }

.optimize-container .btn-group > .btn-1 {
  border-radius: 0; }

.optimize-container .btn-group > .btn-5 {
  border-radius: 0; }

.optimize-group {
  margin-bottom: 0px;
  width: 100%;
  max-width: 427px; }

.optimize-container .btn-group .lock,
.lock {
  cursor: default;
  color: #fff;
  background-color: #e5e7e7;
  transition: all .4s ease-in-out; }

.optimize-container .btn-group .lock:hover,
.lock {
  cursor: default;
  color: #fff;
  background-color: #e5e7e7; }

.optimize-container .btn-group .lock:hover span,
.lock:hover span {
  display: none; }

.optimize-container .btn-group .lock:before,
.lock:before {
  content: ''; }

.optimize-container .btn-group .lock:hover:before,
.lock:hover:before {
  font-family: 'fontawesome';
  content: '\f023';
  font-size: 50px;
  line-height: 23px; }

.optimize-container .btn-group .lock.wildcard:hover:before {
  line-height: 40px; }

.auto-select .select-wrap {
  padding: 10px;
  border-bottom: 0; }

.auto-select .select-wrap .icheckbox_square-green {
  float: right; }

.fine-tune-wrap .fine-tune-select {
  display: inline-block;
  border-right: 0;
  padding: 10px; }

.fine-tune-wrap .fine-tune-select span {
  display: block;
  margin-bottom: 8px;
  font-size: 1.3em;
  line-height: 1.2em; }

@media screen and (max-width: 1200px) {
  .optimize-container .btn-group > .team-only {
    min-width: 100px; } }

/*@media screen and (max-width: 1200px) {

  .optimize-container .btn-group > .btn {
    font-size: 24px;
    line-height: 14px;
    padding: 25px 6px;
    background-color: #e5e7e7;
    height: 61px;
    width: 7%;
    background-image: none;
    outline: 0;
    color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }

  .optimize-container .btn-group > .team-only {
    font-size: 11px;
    line-height: 13px;
    border-left: 0px solid !important;
    padding: 7px 16px;
    margin-right: 10px;
    width: 25%;
    min-width: 130px;
  }

  .optimize-container .btn-group > .wildcard {
    font-size: 12px;
    width: 25%;
    border-left: 0px solid !important;
    border-radius: 4px;
    padding: 11px 14px;
    margin-left: 10px;
    word-break: break-all;
  }

  .fine-tune-wrap .fine-tune-select {
    padding: 20px 9px;
  }

  .fine-tune-wrap .fine-tune-select span {
    font-size: 1em;
  }

}*/
@media screen and (max-width: 980px) {
  .fine-tune-wrap .fine-tune-select {
    padding: 20px 12px; }
  .fine-tune-wrap .fine-tune-select span {
    font-size: 1.3em; } }

@media (max-width: 760px) {
  .optimize-container .btn-group > .btn {
    font-size: 20px; }
  .optimize-container .btn-group > .btn.team-only {
    font-size: 14px !important;
    line-height: 16px;
    height: 42px;
    border-radius: 0;
    display: block;
    width: calc(100% - 4px);
    margin-bottom: 5px;
    word-break: break-word;
    font-weight: 600; }
  .optimize-container .btn-group > .btn-num {
    width: calc(20% - 4px); }
  .optimize-container .btn-group > .team-only br {
    display: none; }
  .optimize-container .btn-group > .team-only .br2 {
    display: block; }
  .optimize-container .btn-group > .wildcard,
  .optimize-container .btn-group > .free-hit {
    font-size: 14px; }
  .optimize-container .input-small, .optimize-container .input-small:focus {
    font-size: 20px;
    width: 24%;
    background-color: transparent; } }

@media screen and (max-width: 530px) {
  .finetune--positions .fine-tune-wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap; }
    .finetune--positions .fine-tune-wrap .fine-tune-select {
      width: 50%;
      box-sizing: border-box; }
  .finetune--defence .fine-tune-wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap; }
    .finetune--defence .fine-tune-wrap .fine-tune-select {
      width: 33.33%;
      box-sizing: border-box; }
  .fine-tune-wrap .fine-tune-select {
    display: block;
    padding: 20px 12px;
    margin-bottom: 10px; }
  .fine-tune-wrap .fine-tune-select span {
    margin-right: 10px;
    margin-bottom: 0;
    display: inline-block;
    font-size: 1.3em; }
  .fine-tune-wrap .fine-tune-select .icheckbox_square-green {
    float: right; } }

.optimize-group-or {
  font-color: #e5e7e7;
  font-weight: 400;
  position: relative;
  top: -13px;
  font-size: 1.3em;
  padding: 0px 20px 10px 10px; }

/* Controls */
#s2id_playerbuy, #s2id_playersell {
  width: 100%; }

.select2-container-multi .select2-choices .select2-search-field input {
  font-family: "Fix Sans" !important;
  font-weight: 300;
  padding: 5px;
  margin: 1px 0;
  font-family: sans-serif;
  font-size: 100%;
  color: #666;
  height: 2em;
  outline: 0;
  border: 0;
  box-shadow: none;
  background: transparent !important;
  box-sizing: border-box; }

.select2-container-multi .select2-choices .select2-search-choice {
  font-family: "Fix Sans" !important;
  padding: 6px 6px 6px 18px;
  margin: 11px 4px 3px 5px;
  position: relative;
  line-height: 13px;
  color: #fff;
  cursor: default;
  border: 0px solid #aaaaaa;
  border-radius: 4px;
  box-shadow: none;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  background-color: #D3D3D3;
  background-image: none; }

.select2-container-multi .select2-search-choice-close {
  left: 4px;
  top: 5px; }

.select2-container-multi .select2-choices {
  min-height: 44px !important;
  margin: 0;
  padding: 0;
  position: relative;
  border: none;
  cursor: text;
  border-radius: 0;
  overflow: hidden;
  background-color: #e5e7e7;
  background-image: none; }

.padded20 {
  padding: 30px; }

.fine-tune-toggle {
  margin: 30px 0 40px 0; }

h2.fine-tune-title {
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: 0;
  display: inline-block; }

.fine-tune-btn {
  cursor: pointer;
  width: 100%;
  box-sizing: border-box; }

.fine-tune-btn.lock:hover:before {
  font-size: 22px;
  line-height: 18px; }

@media screen and (max-width: 979px) {
  h2.fine-tune-title {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 25px;
    display: inline-block; } }

.fine-tune-slider {
  width: 60%; }

#fine-tune .slider {
  width: 77%;
  margin-top: 0px;
  margin-right: 0; }

#fine-tune .optimize-container .input-small,
#fine-tune .optimize-container .input-small:focus {
  font-size: 2em;
  width: 90px;
  background-color: transparent; }

#fine-tune .fine-tune-input {
  width: 20%; }

#fine-tune .input-small {
  width: 100%;
  text-align: right;
  height: auto !important; }

#fine-tune .selectortable {
  width: 20%;
  float: left; }

.optimise-usage {
  margin-top: 20px; }

.optimise-usage h2 {
  display: inline-block;
  width: auto;
  font-size: 1.8em;
  margin-top: 20px; }

.optimise-usage-number {
  padding: 20px;
  border-radius: 6px;
  background-color: #e5e5e7;
  font-size: 20px;
  width: 50px;
  display: inline-block;
  font-weight: 400;
  margin-left: 20px;
  float: right; }

@media screen and (max-width: 720px) {
  .optimise-usage-number {
    float: none; } }

/* --- @Results ---- */
#squadresults h3 {
  text-align: center; }

#squadresults h2 {
  text-align: center;
  font-size: 2em;
  margin-bottom: 20px;
  margin-top: 0px; }

.squad-choice-box {
  display: none; }

.squad-options {
  text-align: center;
  width: auto;
  margin: 0 auto 10px auto; }

.squad-options .btn-group {
  margin-bottom: 30px; }

.squad-options > .btn {
  font-size: 50px;
  padding: 25px 20px;
  background-color: #e5e7e7;
  background-image: none;
  margin-left: 5px;
  outline: 0;
  color: #fff;
  box-shadow: none; }

.squad-options > .btn-1 {
  padding: 25px 23px; }

@media (max-width: 1200px) {
  .squad-options > .btn {
    font-size: 30px;
    padding: 14px 10px;
    background-color: #e5e7e7;
    background-image: none;
    margin-left: 0px;
    outline: 0;
    color: #fff;
    box-shadow: none; }
  .squad-options > .btn-1 {
    padding: 14px 13px; } }

.squad-options > .btn.active {
  background-color: #29F1FF;
  color: #fff; }

.squad-options > .btn:hover {
  background-color: #29F1FF; }

.squad-options > .btn:focus {
  color: #fff;
  background-color: #29F1FF; }

/* @Points Table */
@media screen and (max-width: 1200px) {
  #tabs-pitch #fff {
    margin-top: 35px; } }

#squaddetails .pitch {
  padding-top: 20px; }

.mysquad-table {
  font-size: 1em;
  color: #fff;
  border: 0px solid;
  margin-bottom: 10px;
  text-align: center; }

.mysquad-table th,
.mysquad-table td {
  line-height: 16px;
  text-align: center; }

#table-currentteampoints,
#table-fffteambank {
  width: 50%;
  background-color: #22133C; }

#table-fffteampoints,
#table-currentteambank {
  width: 50%;
  background-color: #22133C; }

.mysquad-table td:nth-child(odd) {
  background-color: #22133C;
  width: 50%; }

.mysquad-table td:nth-child(even) {
  background-color: #22133C;
  width: 50%; }

#currentteampoints,
#fffteampoints,
#currentteambank,
#fffteambank {
  font-size: 3em;
  font-weight: 400;
  line-height: 50px;
  display: block;
  margin-top: 0px; }

.mysquad-table td {
  text-align: center;
  padding: 11px 10px;
  border-left: 0px solid; }

.mysquad-table .table_title {
  text-transform: uppercase;
  letter-spacing: 1px; }

.fff-recommendation {
  background-color: #888;
  color: #fff;
  width: auto;
  border-radius: 4px;
  margin-bottom: 20px; }

.fff-recommendation {
  padding: 20px; }

.original-team-h2 {
  margin: 20px 0; }

.fff-team-title {
  text-transform: uppercase;
  font-weight: 400;
  text-align: center;
  font-size: 4em; }

@media screen and (min-width: 1200px) {
  .verdict {
    height: 425px; } }

.fffverdict {
  font-size: 1.3em; }

.squad-choice-inner .dropdown-menu {
  border: 0px;
  width: 100% !important; }

.fff-team-box {
  background-color: #fff;
  margin-bottom: 30px; }

.fff-team-inner {
  padding: 40px; }

.team-opti-box {
  background-color: #fff;
  margin-bottom: 30px; }

.team-opti-inner {
  padding: 40px;
  text-align: center; }

@media screen and (max-width: 979px) {
  .fff-team-inner {
    padding: 20px; } }

/* -----------------------------------


  @Assistant Manager


----------------------------------- */
.modal--opti-lockout {
  text-align: center;
  padding: 20px; }
  .modal--opti-lockout .modal-header {
    padding: 0; }
  .modal--opti-lockout h2 {
    margin: 0 0 20px 0; }
  .modal--opti-lockout .btn {
    margin-bottom: 15px; }
  .modal--opti-lockout p {
    margin-bottom: 20px; }
  .modal--opti-lockout .small {
    margin-bottom: 0; }

/* PLANNER
-------------------------------------------------- */
#fffPlannerTable tr {
  height: 30px; }

#team_planner_modal.modal {
  max-width: 840px; }

#team_planner_dialog {
  width: 840px; }

.notransform {
  -webkit-transform: none !important;
  transform: none !important; }

.float-button {
  background-color: #22133C;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: #22133C;
  border: none;
  outline: none;
  color: #fff;
  font-size: 30px;
  line-height: 42px;
  text-align: center;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  transition: 0.3s;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 1000; }

.float-button:hover {
  cursor: pointer;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -webkit-transform: rotate(10deg); }

.float-button .content {
  position: relative;
  text-align: center;
  color: white;
  margin-top: 0;
  margin-left: 0;
  font-size: 21px;
  text-align: Center; }

@media screen and (max-width: 980px) {
  .float-button {
    display: none; } }

.redips-mark {
  padding-top: 0; }

.redips-drag {
  cursor: move;
  margin: auto;
  background-color: white;
  text-align: center;
  font-size: 9pt;
  /* needed for cloned object */
  padding: 5px 0;
  line-height: 15px; }

div#redips-drag table {
  background-color: white; }

div#redips-drag td {
  border: 1px solid #EEEEEE;
  height: auto;
  text-align: center;
  font-size: 9pt;
  margin: -1px; }

.not-my-pick {
  background-color: #EFEFEF;
  color: #22133C; }

.my-pick {
  background-color: #42FF0F;
  color: white; }

.planner-dismiss {
  position: relative;
  padding: 7px;
  box-sizing: border-box; }

.planner-dismiss .remove-player {
  cursor: pointer;
  position: absolute;
  top: -5px;
  right: -5px;
  width: 17px;
  z-index: 9; }
  .planner-dismiss .remove-player img {
    border-radius: 50%; }

.planner-transfer img {
  border-radius: 50%;
  float: left; }

.planner-goalkeeper {
  color: #fff;
  background-color: #22133C; }

.planner-defender {
  color: #22133C;
  background-color: #29F1FF; }

.planner-midfielder {
  color: #22133C;
  background-color: #FB15CD; }

.planner-forward {
  color: #22133C;
  background-color: #42FF0F; }

.btn-planner {
  display: block;
  width: 48%;
  float: left;
  margin-right: 2%;
  padding: 11px;
  margin-bottom: 5px;
  color: #22133C;
  padding: 5px 20px !important; }
  .btn-planner.fffSavePlanner {
    background-color: #42FF0F; }
  .btn-planner.fffClearPlanner {
    color: #fff;
    background-color: #22133C; }
  .btn-planner.fffResetPlanner {
    background-color: #FC1C5B; }
    .btn-planner.fffResetPlanner::after {
      content: '';
      display: block;
      clear: both; }
  .btn-planner:nth-child(2n) {
    margin-right: 0; }

.fffList.fffFilterList {
  clear: both;
  padding-top: 10px; }

#total_cost td {
  font-weight: 400; }

#total_projected_points td {
  font-weight: 400; }

#bank_remaining td {
  font-weight: 400; }

#players_to_buy td {
  font-weight: 400; }

#players_to_sell td {
  font-weight: 400; }

.dialog-body {
  margin-top: 5px; }

.ui-widget-content a.fffPositionLink {
  color: #8b8a8f;
  font-weight: 400; }

.ui-widget-header {
  background: #fff;
  font-family: 'Fix Sans', sans-serif;
  border: 0px; }

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 20px;
  top: 50%;
  width: 10px;
  margin: -10px 0 0 0;
  padding: 0;
  height: 16px;
  line-height: 10px;
  background: none;
  border: 0; }
  .ui-dialog .ui-dialog-titlebar-close::after {
    font-family: 'fontAwesome';
    content: '\f00d'; }

.ui-dialog .ui-dialog-content {
  background-color: #fff;
  font-family: 'Fix Sans', sans-serif;
  color: #22133C;
  padding: 0 40px 40px 40px; }

.ui-dialog .ui-dialog-title {
  color: #22133C;
  float: none;
  display: block;
  font-size: 2em;
  line-height: 1em;
  margin: 15px 0 5px;
  white-space: nowrap;
  width: 100%;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 0; }

.ui-dialog {
  z-index: 97;
  padding: 0;
  box-shadow: 0 0 80px rgba(0, 0, 0, 0.1);
  border-radius: 0;
  border: 3px solid #22133C; }
  .ui-dialog .ui-dialog-title {
    position: relative; }
    .ui-dialog .ui-dialog-title::before {
      position: absolute;
      left: 7px;
      top: 50%;
      margin-top: -20px;
      z-index: 10;
      font-family: 'fontawesome';
      content: '\f047';
      font-size: 12px; }
  .ui-dialog .lockout {
    text-align: center; }
    .ui-dialog .lockout img {
      margin: 0 0 20px; }
    .ui-dialog .lockout p {
      margin: 0 0 20px 0; }

.transfer-model-table th {
  vertical-align: middle;
  line-height: 15px; }

.transfer-model-table td {
  vertical-align: middle;
  line-height: 15px; }

.recent-optimisations-btn {
  border-top: 1px solid #eee;
  margin-top: 30px;
  padding-top: 30px;
  margin-bottom: 20px;
  display: block;
  text-align: center;
  font-size: 18px;
  font-weight: 600; }

.recent-opti {
  font-size: 1em;
  line-height: 1.5em;
  display: block; }

.recent-opti-table {
  width: 100%;
  margin-bottom: 30px; }

.recent-opti-row:hover a {
  color: #FC1C5B; }

.optimodal.modal {
  text-align: center; }

.ro-btn.btn-one-outline {
  border: 2px solid #888;
  margin-top: 20px;
  padding: 10px;
  margin-bottom: 0;
  width: 100%;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

#recent_optimisations h2 {
  margin-top: 0px; }

@media screen and (min-width: 768px) {
  .optimodal.modal {
    max-width: 530px;
    text-align: center; } }

.optimodal .modal-body {
  padding-top: 20px;
  padding-bottom: 20px; }

.optimodal .modal-footer {
  border-top: 1px solid #eee !important; }

.optimodal .captain-title {
  text-align: center;
  line-height: 30px;
  margin: 0 0 10px;
  line-height: 1.4; }

.optimodal p {
  margin-bottom: 0;
  font-size: 1.1em; }

.optimodal h4 {
  margin-top: 0; }

.optimodal .transfers-box {
  margin-bottom: 10px; }

.optimodal .transfers-box .transfer {
  text-align: center;
  border-bottom: 1px solid #eee;
  padding: 20px 15px 25px;
  width: 49%;
  float: left;
  margin-bottom: 10px;
  box-sizing: border-box; }

.optimodal .transfers-box .transfer:nth-child(odd) {
  margin-right: 2%; }

.optimodal .transfers-box .transfer.single {
  width: 100%; }

.optimodal .transfers-box .transfer.single {
  margin-right: 0px; }

.optimodal .transfer .player {
  display: inline-block;
  width: 43%;
  max-width: 150px;
  vertical-align: middle; }

.optimodal .player img {
  max-width: 100px;
  width: 100%; }

.optimodal .transfer .image {
  position: relative; }

.optimodal .transfer .image .status {
  position: absolute;
  right: 10%;
  bottom: -7px; }

.optimodal .transfer .player .image .status img {
  display: block;
  width: auto;
  border-radius: 50%; }

.optimodal .transfer .player .image img {
  display: inline-block;
  width: 80%; }

.optimodal .transfer .player h3 {
  font-size: 13px;
  line-height: 15px;
  margin-bottom: 0; }

.optimodal .transfer .arrow {
  display: inline-block;
  font-size: 20px;
  width: 10%;
  vertical-align: middle; }

.optimodal .arrow .fa {
  line-height: 0px; }

.optimodal .numbers {
  margin-bottom: 10px; }

.optimodal .solution,
.optimodal .remaining {
  text-align: center;
  width: 100%;
  vertical-align: middle;
  display: -webkit-flex;
  display: flex; }

.optimodal .solution div,
.optimodal .remaining div {
  display: inline-block;
  vertical-align: middle;
  text-align: right;
  margin-right: 15px; }

.optimodal .solution span,
.optimodal .remaining span {
  font-weight: 400;
  font-size: 1.8em;
  line-height: 1.15em;
  color: #22133C;
  vertical-align: middle;
  width: 45px;
  height: 45px;
  background: #EFEFEF;
  border-radius: 50%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  margin: 0 auto; }

.optimodal .cf .btn {
  margin-top: 10px; }

@media screen and (max-width: 560px) {
  .optimodal .transfer {
    width: 100%;
    margin-right: 0; }
  .optimodal .solution,
  .optimodal .remaining {
    text-align: center;
    width: 100%;
    float: none;
    vertical-align: middle; }
  .optimodal .solution br,
  .optimodal .remaining br {
    display: none; } }

#zero-modal h2 {
  margin-top: 0;
  margin-bottom: 30px; }

.transfer-error {
  font-size: 1.3em;
  line-height: 1.6em;
  color: #E6115D;
  padding: 0 10%;
  text-align: center; }

.assist-logo {
  width: 80px;
  vertical-align: top;
  margin-top: -30px;
  margin-left: -25px; }

.tweet__wrapper {
  text-align: center; }
  .tweet__wrapper .btn {
    display: block;
    margin-top: 2.5rem; }

.playerselection .white-inner h2 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px;
  font-weight: 800; }

.playerselection .white-inner h3 {
  text-align: center;
  margin-top: 0;
  font-weight: 800;
  font-size: 21px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center; }
  .playerselection .white-inner h3 .img-wrap {
    background: #f5f5f5;
    border-radius: 50%;
    padding: 7px;
    display: -webkit-flex;
    display: flex;
    margin-right: 10px; }
  .playerselection .white-inner h3 .title-fff-icon {
    display: block;
    margin: auto;
    max-width: 25px; }

.playerselection .white-inner .paragraph {
  text-align: center;
  margin-bottom: 20px; }

.playerselection-box {
  padding: 20px 0; }
  .playerselection-box form {
    margin-bottom: 0; }

.playerselection-box .white-inner {
  padding: 0 20px; }

.fffButtonBar {
  margin-bottom: 10px; }

.fffButtonBar .bank {
  width: 25%;
  font-size: 2em;
  line-height: 1em;
  font-weight: 400;
  float: left;
  text-align: center;
  padding: 12px 15px 18px 15px;
  border: 1px solid #EFEFEF;
  margin-right: 5%;
  -khtml-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.fffButtonBar .bank h3 {
  font-size: 10px;
  line-height: 13px;
  margin-top: 0px;
  margin-bottom: 12px;
  margin-right: 7px;
  display: block;
  vertical-align: middle;
  letter-spacing: 0.04em;
  text-transform: uppercase; }

.fffButtonBar .fffBank {
  display: inline-block; }

.fffButtonBar .transfers {
  width: 70px; }

.fffButtonBar .proj-pnts {
  padding: 12px 15px;
  width: 40%; }
  .fffButtonBar .proj-pnts h3 {
    margin-bottom: 5px; }

.fffButtonBar .fffTransfers {
  display: inline-block; }

.fffButtonBar .fffSave {
  font-size: 14px;
  padding: 24px 20px;
  margin-bottom: 20px;
  width: 135px; }

.fffButtonBar .fffSave[disabled] {
  background-color: #b00233; }

.fffButtonBar .fffReset {
  width: 25%;
  vertical-align: top;
  margin-bottom: 20px;
  padding: 32px 0 33px;
  float: right; }

.fffButtonBar .auto-intro {
  width: 100%;
  margin-top: 0px;
  float: none;
  text-align: center;
  margin-bottom: 20px; }

.fffButtonBar .button-double {
  width: 100%;
  margin-top: 6px;
  float: none;
  display: -webkit-flex;
  display: flex; }

.fffButtonBar .button-double #fffOptimize {
  width: 49%;
  padding: 15px 0;
  display: inline-block;
  margin-right: 2%;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.fffButtonBar .button-double .btn-arrow {
  width: 49%;
  text-align: center;
  height: auto;
  padding: 15px 0px;
  vertical-align: top; }

#fffOptimize.disabled {
  background-color: #e5e7e7; }

#auto-optimize {
  min-height: 0;
  padding: 0 40px;
  margin: 0 -40px;
  margin-top: 30px;
  background-color: #F7F7F7; }

#auto-optimize.in {
  margin-bottom: 20px; }

@media screen and (min-width: 980px) {
  .float-right {
    float: right !important; }
  #fffOptimize.disabled {
    background-color: #e5e7e7; } }

@media screen and (max-width: 1200px) {
  .fffButtonBar .button-double {
    width: 100%;
    float: none; }
  .fffButtonBar .auto-intro {
    width: 100%;
    margin-top: 0;
    float: none;
    text-align: center;
    margin-bottom: 20px; } }

@media screen and (max-width: 967px) {
  #auto-optimize {
    padding: 0 20px;
    margin: 0 -20px;
    margin-top: 30px; } }

@media screen and (max-width: 500px) {
  .fffButtonBar .auto-intro {
    width: 100%;
    float: none;
    text-align: center;
    margin-bottom: 20px; }
  .fffButtonBar .button-double {
    width: 100%;
    float: none;
    display: block; }
  .fffButtonBar .bank {
    font-size: 2em;
    line-height: 1em;
    font-weight: 400;
    width: 100%;
    margin-bottom: 10px;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
    padding: 10px 20px;
    border: 1px solid #EFEFEF; }
  .fffButtonBar .transfers {
    font-size: 2em;
    line-height: 1em;
    font-weight: 400;
    width: 100%;
    margin-bottom: 10px;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    padding: 10px 20px;
    border: 1px solid #EFEFEF;
    margin-left: 0; }
  .fffButtonBar .fffReset, .fffButtonBar #fffOptimize {
    width: 100%;
    padding: 15px 20px;
    margin: 0 0 10px 0;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
  .fffButtonBar .fffSave {
    width: 100%;
    padding: 15px 20px;
    margin: 0 0 10px 0;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
  .fffButtonBar #fffOptimize br {
    display: none; }
  .fffButtonBar .button-double {
    float: none; }
  .fffButtonBar .button-double #fffOptimize {
    width: 100%;
    border-radius: 4px 4px 0 0;
    margin-bottom: 0; }
  .fffButtonBar .button-double .btn-arrow {
    float: none;
    width: 100%;
    height: auto;
    margin-top: 10px;
    border-radius: 0px 0px 4px 4px; } }

.opti-or {
  position: relative;
  display: block;
  text-align: center;
  padding: 0;
  overflow: hidden;
  margin-bottom: 20px; }

.opti-or .or {
  display: inline-block;
  font-size: 15px;
  line-height: 14px;
  width: 14px;
  height: 14px;
  color: #22133C;
  background-color: #fff;
  padding: 0 15px;
  font-weight: 400;
  border-radius: 50%;
  position: relative;
  z-index: 2; }

.opti-or .line {
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #eee;
  z-index: 1;
  top: 50%;
  left: 0; }

.fffList {
  margin: 0; }

.fffList li {
  padding: 5px 5px; }

.fffList label h6 {
  text-align: center;
  margin: 0 0 3px 0; }

@media screen and (max-width: 980px) {
  .playerselection .row {
    margin-left: 0; }
  .playerselection .span6, .playerselection .span3, .playerselection .span12 {
    width: 100%;
    margin-right: 0;
    margin-left: 0; }
  .playerselection .span10 {
    width: 90%; } }

.assist__row .transfer-arrow i {
  z-index: 10; }

@media screen and (min-width: 980px) {
  .assist__row {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap; }
    .assist__row::before {
      display: none !important; }
    .assist__row .span6 {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
              flex-direction: column;
      width: 47.75%;
      margin-left: 4.5%; }
      .assist__row .span6:first-child {
        margin-left: 0; }
    .assist__row .playerselection-box {
      -webkit-flex: 1 1 auto;
              flex: 1 1 auto; } }

.assist__chips {
  text-align: center;
  padding: 20px 0;
  margin-top: 30px;
  margin-bottom: 30px !important; }
  .assist__chips .white-inner {
    padding: 0 20px; }
  .assist__chips .transfer-arrow {
    margin-bottom: 20px; }
  .assist__chips .top h2 {
    font-size: 2em;
    margin: 0; }
  .assist__chips .top p {
    font-size: 11px;
    line-height: 15px;
    padding: 10px 0; }
  .assist__chips #freehit {
    margin-bottom: 20px; }
  .assist__chips #benchboost {
    margin-bottom: 20px; }

/* Table Mobile Title */
.playerselection .points-table td {
  font-size: 36px;
  font-weight: 400;
  line-height: 50px;
  border-bottom: 0; }
  @media screen and (min-width: 800px) {
    .playerselection .points-table td {
      border-right: 1px solid #EFEFEF; } }
  .playerselection .points-table td:last-child {
    border-right: 0; }

@media screen and (min-width: 767px) {
  .playerselection .mobile-collapse td {
    display: table-cell; } }

@media screen and (max-width: 767px) {
  .playerselection .mobile-collapse td {
    display: table-cell; }
  .playerselection .mobile-collapse td {
    font-size: 20px;
    line-height: 25px;
    text-align: center; }
  .playerselection .mobile-collapse td span.table-mobile-title {
    display: inline-block;
    font-weight: 400;
    margin-right: 3px; } }

.playerselection .white-box {
  overflow: visible; }

.captainselection {
  padding-top: 20px;
  margin-bottom: 30px; }

.captainselection form {
  margin-bottom: 0; }

.captainselection .span6 {
  margin-bottom: 0; }

#s2id_fffCaptain, #s2id_fffViceCaptain {
  display: inline-block;
  width: 88%; }

@media screen and (max-width: 1200px) {
  #s2id_fffCaptain, #s2id_fffViceCaptain {
    width: 84%; } }

@media screen and (max-width: 980px) {
  .captainselection .span6 {
    clear: both; }
  #s2id_fffCaptain, #s2id_fffViceCaptain {
    width: 90%;
    float: right; }
  #s2id_fffCaptain {
    margin-bottom: 10px; } }

/* Rotation Advisor */
.rotation-box .paragraph {
  text-align: center; }

.rotation-box .key {
  display: inline-block;
  height: 7px;
  width: 7px;
  margin-right: 15px;
  border-width: 2px;
  border-style: solid; }

.rotation-box .key.blue {
  color: #29F1FF; }

.rotation-box .key.red {
  color: #FC1C5B; }

.rotation-box .key.green {
  color: #42FF0F; }

#rotated_points_diff {
  font-weight: 400; }

@media screen and (max-width: 980px) {
  .key-item {
    display: block; } }

@media screen and (max-width: 767px) {
  .rotation-box .nav-tabs > li {
    width: calc(50% - 40px);
    text-align: center;
    padding: 0 20px; }
    .rotation-box .nav-tabs > li a {
      margin-right: 0; } }

/* Player List */
.fffPlayerList {
  width: 100%; }

.fffPlayerList th {
  text-align: left;
  font-weight: 400;
  color: #22133C; }

#fine-tune .slider {
  width: 77%;
  margin-top: 0px;
  margin-right: 0; }

#fine-tune .optimize-container .input-small,
#fine-tune .optimize-container .input-small:focus {
  font-size: 2em;
  width: 90px;
  background-color: transparent; }

#fine-tune .fine-tune-input {
  width: 20%; }

#fine-tune .input-small {
  width: 100%;
  text-align: right;
  height: auto !important; }

#fine-tune .selectortable {
  width: 20%;
  float: left; }

.fffPlayerList td {
  text-align: left; }

.fffPlayerList .open-playermodal {
  float: left; }

.fffPaginationWrapper {
  text-align: center;
  margin-bottom: 0; }

/* Results Table */
.results-box h2, .rotation-box h2, .assist-box h2 {
  margin-top: 0;
  margin-bottom: 20px;
  text-align: center; }

.results-box p, .rotation-box p, .assist-box p {
  text-align: center; }

/* Results Box */
.results-box .key-btns {
  text-align: center;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 100%;
  max-width: 380px;
  margin: 20px auto 40px; }

.results-box .key-btns .btn {
  padding: 8px 9px !important;
  cursor: default;
  width: 100%;
  margin-bottom: 8px; }
  @media screen and (min-width: 540px) {
    .results-box .key-btns .btn {
      padding: 6px 7px !important;
      width: auto;
      -webkit-flex: 1;
              flex: 1;
      margin-bottom: 10px; } }

.results-box .key-btns #rotation-button {
  cursor: pointer !important;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  padding: 12px !important; }
  @media screen and (min-width: 540px) {
    .results-box .key-btns #rotation-button {
      padding: 6px 7px !important; } }

.results-box .btn-one-purple-border {
  border-width: 1px; }

.results-box .btn {
  margin: 0 5px; }

.results-box .btn:first-child {
  margin-left: 0; }

.results-box .btn:last-child {
  margin-right: 0; }

.results-box .key {
  background-color: #fff;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin-left: 7px;
  margin-top: 8px;
  float: right;
  border-radius: 50%; }

.results-box .key.blue {
  background-color: #00F2FD; }

.results-box .key.red {
  background-color: #FC1C5B; }

.results-box .key.green {
  background-color: #42FF0F; }

.results-box .btn .label-name {
  float: left; }

.results-box .btn .label-name span {
  float: left; }

@media screen and (max-width: 540px) {
  .results-box .btn {
    margin: 0; }
  .results-box .key {
    margin-top: 0; }
  .results-box .btn-one-outline .label-name br, .results-box .btn-one-outline .label-name span br, .label-name br {
    display: none; } }

/* Assistant Manager Box */
.assist-box {
  padding: 20px 0 0 0;
  margin-bottom: 0; }

.assist-title p {
  font-size: 11px;
  line-height: 15px;
  padding: 10px 0; }

.assist-box .white-inner {
  padding: 0 20px; }

.assist-title {
  text-align: center;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center; }

.assist-title .img-wrap {
  padding: 15px;
  background: #f5f5f5;
  border-radius: 50%;
  display: -webkit-flex;
  display: flex;
  margin-right: 10px;
  width: 83px;
  height: 83px;
  box-sizing: border-box; }

.assist-title img {
  max-width: 50px;
  width: 100%;
  margin: auto;
  margin-left: 3px;
  display: block; }

.assist-title.assist-title h2 {
  font-size: 2.4em;
  line-height: 1.1em;
  display: inline-block;
  margin-bottom: 0;
  font-weight: 900;
  text-align: left; }

.assist-title p {
  width: 100%; }

.assist-box h2 img {
  width: 35px;
  margin-right: 10px; }

.assist-box .assist-card::last-child {
  margin-bottom: 0; }

@media screen and (max-width: 1200px) {
  .assist-title h2 {
    font-size: 2em; } }

.title-fff-icon {
  width: 19px;
  margin-right: 3px; }

.assist-card {
  padding: 10px;
  margin-bottom: 20px;
  border: 1px solid #EFEFEF;
  width: 100%;
  text-align: center;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.assist-card .cf {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center; }

.assist-card .image {
  position: relative;
  width: 30%;
  float: left;
  margin-bottom: 5px; }

.assist-card .name {
  color: #22133C;
  width: 70%;
  float: left;
  font-size: 1.4em;
  font-weight: 400;
  text-align: center;
  margin: 0 auto; }
  @media screen and (min-width: 600px) {
    .assist-card .name {
      font-size: 1.2em; } }

.assist-card .progress {
  height: 16px; }

.assist-card .progress span {
  line-height: 17px;
  font-size: 10px;
  font-weight: 800; }

.assist-card .proj-points, .assist-card .proj-time {
  font-size: 14px;
  margin: 5px 0; }

.assist-card .proj-points span, .assist-card .proj-time span {
  color: #22133C;
  font-weight: 400; }

.assist-card .image .captain-icon {
  position: absolute;
  bottom: -3px;
  right: -3px;
  border-radius: 50%;
  margin: 0 3px;
  z-index: 1; }

.assist-card.placeholder .paragraph {
  font-size: 13px;
  margin-top: 10px;
  margin-bottom: 0; }

@media screen and (min-width: 500px) and (max-width: 980px) {
  .assist-card {
    float: left;
    width: 49%;
    margin-right: 2%; }
  .assist-card:nth-child(odd) {
    margin-right: 0; } }

@media screen and (min-width: 980px) and (max-width: 1200px) {
  .assist-card .name {
    margin-top: 11px; }
  .assist-card .progress span {
    line-height: 15px;
    font-size: 10px; }
  .assist-card .progress {
    height: 15px; }
  .assist-card .proj-points, .assist-card .proj-time {
    font-size: 10px; }
  .assist-card.placeholder .paragraph {
    font-size: 11px;
    margin-top: 3px;
    margin-bottom: 0; }
  .assist-card.placeholder img {
    margin-top: 8px; } }

.transfer-arrow {
  text-align: center;
  background: #EFEFEF;
  height: 1px; }

.transfer-arrow i {
  padding: 0 10px;
  background: white;
  color: #22133c;
  position: Relative;
  top: -10px; }

/* -----------------------------------


  @Player Comparison


  ----------------------------------- */
.pc-comparison .white-box {
  overflow: inherit; }

.pc-player h2 {
  font-size: 21px;
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px;
  font-weight: 800; }

.pc-player-wrap ul {
  margin: 0;
  text-align: center; }

.pc-player-wrap ul li {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  width: 6%;
  margin-right: 0.5%; }

.pc-player-wrap .image {
  margin-bottom: 5px; }

.pc-player-wrap .name {
  font-weight: 400;
  line-height: 1em; }

.pc-player-wrap .border-right {
  border-right: 1px solid #eee;
  padding-right: 0.6%;
  margin-right: 0.6%; }

.pick-labels {
  font-size: 10px;
  margin-top: 10px;
  font-weight: 400;
  color: #22133C;
  text-align: center;
  text-transform: uppercase;
  padding: 12px 20px;
  border: 1px solid #EFEFEF; }

.pick-label {
  display: inline-block;
  text-align: center; }

.gk-label {
  width: 12%; }

.df-label {
  width: 33%; }

.mf-label {
  width: 33%; }

.fw-label {
  width: 20%; }

@media screen and (max-width: 1200px) {
  .pc-player-wrap .name {
    font-weight: 400;
    font-size: 10px;
    line-height: 1em;
    margin-top: 20px; } }

@media screen and (max-width: 980px) {
  .pick-labels {
    display: none; } }

/* ---- Comparison ---- */
.pc-comparison h2 {
  font-size: 21px;
  font-weight: 800;
  line-height: 1.4em;
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee; }

.pc-5 {
  float: left;
  width: 15%;
  margin-right: 1.5%;
  position: relative; }

.pc-cards .pc-5:first-child,
.pc-stats .pc-5:first-child {
  width: 16.5%;
  margin-right: 2.5%; }

.pc-5:last-child {
  margin-right: 0; }

.pc-player-card {
  color: #22133C;
  border: 1px solid;
  padding: 13px;
  background-color: #fff; }

.pc-cards .pc-player-card.one {
  border-color: #42FF0F; }

.pc-cards .pc-player-card.two {
  border-color: #FC1C5B; }

.pc-cards .pc-player-card.three {
  border-color: #29F1FF; }

.pc-cards .pc-player-card.four {
  border-color: #F93D00; }

.pc-cards .pc-player-card.five {
  border-color: #FB15CD; }

.pc-player-card .dismiss {
  position: absolute;
  right: -5px;
  top: -6px; }

.pc-player-card .dismiss img {
  border-radius: 50%; }

.pc-comparison .fffReset {
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  margin-bottom: 20px; }

.pc-player-card .image {
  margin: 0 auto;
  max-width: 90px;
  width: 100%;
  margin-bottom: 10px; }

.pc-player-card .name {
  text-align: center;
  font-weight: 400;
  margin-bottom: 6px; }

.pc-player-card .proj-points {
  text-align: center;
  margin-bottom: 7px; }

.pc-player-card h6 {
  color: #22133C;
  font-size: 11px;
  line-height: 15px;
  text-align: center;
  font-weight: 400;
  margin: 0 0 7px 0; }

.pc-player-card .proj-points span {
  font-size: 20px;
  font-weight: 400;
  margin: 0; }

.pc-player-card .proj-points span h6 {
  display: inline-block;
  margin-left: 5px;
  vertical-align: top; }

.pc-player-card .progress {
  height: 18px;
  line-height: 18px; }

.pc-player-card .progress-bar {
  margin-bottom: 10px; }

.pc-player-card .stats .price {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #eee; }

.pc-player-card .stats .title {
  float: left;
  font-size: 11px;
  line-height: 15px;
  font-weight: 400;
  margin-top: 4px; }

.pc-player-card .stats .number {
  color: #22133C;
  float: right;
  font-size: 18px;
  font-weight: 400;
  margin: 0; }

/* Flip Side - Choose Player */
.flip {
  -webkit-perspective: 800;
  perspective: 800;
  position: relative; }

.flip.hover .card {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  transition: 0.5s; }

.no-flip.hover .card {
  -webkit-transform: rotateY(0);
  transform: rotateY(0);
  transition: 0.5s; }

.flip .card {
  width: 100%;
  height: 100%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  transition: 0.5s; }

.flip .card .face {
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 2;
  transition: 0.5s; }

.flip .card .backcard {
  position: absolute;
  z-index: -1; }

.flip .card .front {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  transition: 0.5s; }

.no-flip .card .backcard {
  -webkit-transform: rotateY(0);
  transform: rotateY(0);
  transition: 0.5s; }

.pc-select .select2-focusser {
  width: 100%; }

.pc-player-card .selection {
  margin-bottom: 25px;
  padding-top: 13px;
  padding-bottom: 25px;
  border-bottom: 1px solid #eee; }

.pc-player-card .selection h6 {
  color: #22133C;
  font-size: 9px;
  line-height: 15px;
  text-align: center;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin: 0;
  margin-bottom: 5px; }

.pc-comparison select {
  width: 100%;
  padding: 5px;
  height: 20px !important; }

.pc-select .select2-choice .select2-arrow b {
  margin-top: 1px; }

.pc-player-card .intelli-select {
  margin-bottom: 15px; }

.pc-player-card .intelli-select ul {
  margin: 0; }

.pc-player-card .intelli-select li .image {
  float: left;
  margin-right: 5%;
  max-width: 20%;
  margin-bottom: 6px; }

.pc-player-card .intelli-select li .name {
  position: relative;
  display: inline-block;
  width: 70%;
  margin-top: 3px; }

.pc-player-card .intelli-select li .name:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3.5px 0 3.5px 5px;
  border-color: transparent transparent transparent #eeeeee;
  position: absolute;
  right: -7px;
  top: 6px; }

.pc-filter h6 {
  color: #22133C;
  font-size: 9px;
  line-height: 15px;
  text-align: center;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin: 0;
  margin-bottom: 5px; }

.pc-filter .start-gw,
.pc-filter .end-gw {
  margin-bottom: 10px; }

.pc-filter .homeaway {
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
  margin-bottom: 15px; }

.pc-filter .total {
  margin-bottom: 10px; }

.pc-filter .total span,
.pc-filter .avg span {
  float: left;
  font-weight: 400; }

.pc-filter .total .tickbox,
.pc-filter .avg .tickbox {
  float: right; }

/* Stats */
.pc-stats {
  margin-top: 15px;
  border-top: 1px solid #eee;
  padding-top: 15px; }

.stat-select {
  margin-top: 9px;
  margin-bottom: 10px; }

.pc-player-card .intelli-select h6 {
  margin-bottom: 15px; }

.intelli-stats ul {
  margin: 0;
  text-align: center; }

.intelli-stats ul li {
  font-weight: 400; }

.pc-stat-card {
  border: 1px solid;
  overflow: hidden;
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); }

.pc-stats .pc-stat-card.one {
  color: #42FF0F;
  border-color: #42FF0F; }

.pc-stats .pc-stat-card.two {
  color: #FC1C5B;
  border-color: #FC1C5B; }

.pc-stats .pc-stat-card.three {
  color: #29F1FF;
  border-color: #29F1FF; }

.pc-stats .pc-stat-card.four {
  color: #F93D00;
  border-color: #F93D00; }

.pc-stats .pc-stat-card.five {
  color: #FB15CD;
  border-color: #FB15CD; }

.pc-stat-card .stat-bar {
  height: 70px;
  position: relative;
  overflow: hidden; }

.pc-stat-card .stat-bar .number {
  font-size: 17px;
  line-height: 32px;
  font-weight: 400;
  height: 30px;
  width: 100%;
  text-align: center; }

.pc-stat-card .stat-bar .bar-wrap {
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
  height: 40px;
  width: 100%; }

.pc-stat-card .stat-bar .bar {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 0;
  width: 100%; }

.pc-stat-card.one .stat-bar .bar {
  background-color: #42FF0F; }

.pc-stat-card.two .stat-bar .bar {
  background-color: #FC1C5B; }

.pc-stat-card.three .stat-bar .bar {
  background-color: #29F1FF; }

.pc-stat-card.four .stat-bar .bar {
  background-color: #F93D00; }

.pc-stat-card.five .stat-bar .bar {
  background-color: #FB15CD; }

.pc-stats .filter .dismiss {
  position: absolute;
  right: 0; }

.pc-stats .filter .dismiss img {
  border-radius: 50%; }

.smart-stats-wrap li {
  text-align: left;
  position: relative; }

.smart-stats-wrap li:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3.5px 0 3.5px 5px;
  border-color: transparent transparent transparent #eeeeee;
  position: absolute;
  right: 0px;
  top: 6px; }

@media screen and (max-width: 1200px) {
  .pc-player-wrap ul li {
    width: 6%; } }

@media screen and (max-width: 980px) {
  .pc-player-wrap ul li {
    width: 11%;
    margin-bottom: 5px; }
  .pc-5 {
    width: 23%; }
  .pc-cards .pc-5:first-child, .pc-stats .pc-5:first-child {
    width: 24%; }
  #card-4, #card-5 {
    display: none !important; }
  .pc-stats .pc-stat-box-four,
  .pc-stats .pc-stat-box-five {
    display: none !important; } }

@media screen and (max-width: 720px) {
  #card-3 {
    display: none !important; }
  .pc-stats .pc-stat-box-three {
    display: none !important; }
  .pc-cards .pc-5:first-child, .pc-stats .pc-5:first-child {
    width: 34.5%; }
  .pc-5 {
    width: 30%; } }

.reset-mobile {
  display: none; }

@media screen and (max-width: 680px) {
  .pc-player-wrap ul li {
    width: 15%; } }

@media screen and (max-width: 500px) {
  .pc-player-wrap ul li {
    width: 24%; }
  .pc-cards .pc-5:first-child, .pc-stats .pc-5:first-child {
    width: 100%;
    margin-right: 0; }
  .pc-5 {
    margin-top: 15px;
    margin-right: 4%;
    width: 47%; }
  #card-2 {
    margin-right: 0; }
  .pc-stats {
    padding-top: 0; } }

@media screen and (max-width: 500px) {
  .pc-player-wrap ul li {
    width: 24%; }
  .pc-cards .pc-5:first-child, .pc-stats .pc-5:first-child {
    width: 100%;
    margin-right: 0; }
  .pc-5 {
    margin-top: 15px;
    margin-right: 4%;
    width: 47%; }
  #card-2 {
    margin-right: 0; }
  .pc-stats {
    padding-top: 0; }
  .pc-stat-box-two {
    margin-right: 0; } }

.pc-bottom-boxes .season-mobile .info h2 {
  margin-top: 0; }

.pc-bottom-boxes .season-mobile .icon {
  margin-top: 10px;
  max-width: 120px; }

@media screen and (max-width: 1200px) {
  .pc-bottom-boxes .season-mobile .icon {
    margin: 0 auto;
    margin-top: 30px;
    max-width: 120px;
    margin-bottom: 30px; } }

#pcstats-modal .fixstats {
  padding: 20px;
  border: 1px solid #eee;
  text-align: left;
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 20px; }

#pcstats-modal .fixstats h6 {
  margin-top: 0; }

#pcstats-modal .btn {
  min-width: 200px; }

/* -----------------------------------


  @Rivals


  ----------------------------------- */
.rival-modal {
  text-align: center;
  font-weight: 400;
  display: block; }

.rivals h2 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 30px; }

.rivals .rivals-content.loading {
  padding: 1rem; }

.rivals .rival-input-wrap {
  text-align: center; }

.rivals #rival-input {
  width: 60%;
  max-width: 600px;
  vertical-align: top;
  margin-right: 10px; }

.rivals .rival-input-wrap .btn {
  padding: 13px 0;
  width: 25%;
  max-width: 170px; }

.rivals .pc-cards .pc-5 {
  width: 22.5%;
  margin-right: 3.3%;
  text-align: center;
  padding: 0;
  border: 0;
  margin-bottom: 30px;
  box-sizing: border-box; }

.rivals .pc-cards .pc-5:first-child {
  width: 22.5%;
  margin-right: 3.3%; }

.rivals .pc-cards .pc-5:last-child {
  width: 22.5%;
  margin-right: 3.3%; }

.rivals .pc-cards .pc-5:nth-child(4n) {
  margin-right: 0; }

.rivals .section-players {
  padding: 20px; }

.rivals .section-points {
  padding: 20px;
  margin-top: -10px; }
  .rivals .section-points .btn-group > .btn {
    border-radius: 0 !important;
    padding: 8px 12px;
    border: 1px solid #EFEFEF;
    background: transparent;
    color: #22133C; }
    .rivals .section-points .btn-group > .btn.active {
      color: #22133C;
      border: 1px solid #42FF0F;
      background-color: #42FF0F; }
    .rivals .section-points .btn-group > .btn:hover {
      color: #22133C !important;
      border: 1px solid #42FF0F;
      background-color: #42FF0F; }

.rivals .rival-player {
  float: left; }

.rivals .player-points {
  float: right;
  color: #22133C;
  font-weight: 400; }

.rivals h6 {
  color: #b4b4b5;
  font-size: 10px;
  line-height: 15px;
  text-align: center;
  font-weight: 100;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin: 0; }

.rivals .rival-team {
  display: block;
  color: #22133C;
  font-size: 1.3em;
  font-weight: 400; }

.rivals .section-points .points {
  position: relative;
  display: block;
  color: #22133C;
  font-size: 1.3em;
  font-weight: 400;
  margin: 0 auto;
  margin-bottom: 10px;
  width: 90%; }

.rivals .rivals-vs {
  width: 50px;
  height: 50px;
  color: #fff;
  margin-top: -10px;
  line-height: 40px;
  font-weight: 400;
  display: inline-block;
  border-radius: 50px;
  background-color: #B4B4B5; }

.rivals .rival-1 .rivals-vs {
  background-color: #42FF0F; }

.rivals .rival-2 .rivals-vs {
  background-color: #FC1C5B; }

.rivals .rival-3 .rivals-vs {
  background-color: #29F1FF; }

.rivals .rival-4 .rivals-vs {
  background-color: #FB15CD; }

.rivals .rivals-vs i {
  display: block;
  line-height: 37px;
  margin: 0 auto; }

.rivals .rivals-vs span {
  display: block; }

.rivals .them {
  vertical-align: top;
  display: inline-block;
  float: left; }

.rivals .you {
  vertical-align: top;
  display: inline-block;
  float: right; }

.rivals .points:before,
.rivals .points:after {
  content: '';
  margin-top: -6px;
  width: 10px;
  height: 10px;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  border-radius: 10px; }

.rivals .points.up:before {
  background-color: #42FF0F;
  left: -5%; }

.rivals .points.up:after {
  background-color: #FC1C5B;
  right: -5%; }

.rivals .points.down:before {
  background-color: #FC1C5B;
  left: -5%; }

.rivals .points.down:after {
  background-color: #42FF0F;
  right: -5%; }

@media screen and (max-width: 980px) {
  .rivals .pc-cards .pc-5 {
    width: 48%;
    margin-right: 4%;
    text-align: center;
    padding: 0;
    border: 0;
    margin-bottom: 30px;
    box-sizing: border-box; }
  .rivals .pc-cards .pc-5:first-child {
    width: 48%;
    margin-right: 4%; }
  .rivals .pc-cards .pc-5:last-child {
    width: 48%;
    margin-right: 4%; }
  .rivals .pc-cards .pc-5:nth-child(2n) {
    margin-right: 0; }
  .rivals .pc-cards .pc-5:nth-child(4n) {
    margin-right: 0; } }

@media screen and (max-width: 500px) {
  .rivals .pc-cards .pc-5 {
    width: 100%;
    margin-right: 0;
    text-align: center;
    padding: 0;
    border: 0;
    margin-bottom: 30px;
    box-sizing: border-box; }
  .rivals .pc-cards .pc-5:first-child {
    width: 100%;
    margin-right: 0; }
  .rivals .pc-cards .pc-5:last-child {
    width: 100%;
    margin-right: 0; }
  .rivals .pc-cards .pc-5:nth-child(2n) {
    margin-right: 0; }
  .rivals .pc-cards .pc-5:nth-child(4n) {
    margin-right: 0; } }

/* -----------------------------------


  @RivalsPlus


  ----------------------------------- */
.rivals .info-type {
  float: left; }

.rivals .info-inactive {
  float: right;
  color: #22133C;
  font-weight: 400; }

.rivals .info-active {
  float: right;
  color: #f56936;
  font-weight: 400; }

.rivals .section-transfers {
  border: 1px solid #EFEFEF;
  padding: 20px;
  margin-top: -10px; }

.rivals .player-in {
  vertical-align: top;
  display: inline-block;
  float: left; }

.rivals .player-out {
  vertical-align: top;
  display: inline-block;
  float: center; }

.rivals .player-confidence {
  vertical-align: top;
  display: inline-block;
  float: right; }

.rivals .rivals-plus-subhead {
  display: block;
  color: #22133C;
  font-size: 1.1em;
  font-weight: 400;
  margin-bottom: 10px;
  margin-top: 5px; }

/* -----------------------------------


  @Analysis


  ----------------------------------- */
/* ---- @General Analysis ---- */
@media screen and (min-width: 767px) {
  .variables .white-box {
    height: 400px; }
  .headtohead .white-box {
    height: 470px; } }

.analyser-slider {
  text-align: center; }

.analyser-slider .input-small {
  font-size: 2em;
  background-color: #fff;
  width: 12%; }

.analyser-slider h3 {
  text-align: center;
  margin-bottom: 20px;
  margin-top: 0; }

.analyser-slider img {
  width: 92.5%; }

@media screen and (max-width: 1200px) {
  .analyser-slider img {
    width: 100%;
    padding: 17px 0; } }

@media screen and (max-width: 979px) {
  .analyser-slider img {
    width: 100%;
    padding: 36px 0; } }

@media screen and (max-width: 767px) {
  .analyser-slider img {
    width: 100%;
    padding: 0; } }

.headtoheadtitle {
  text-align: center; }

.headtoheadtitle h2 {
  text-align: center;
  font-size: 3em; }

/* ---- @Player Analysis ---- */
.headtohead .btn {
  margin: 25px 0;
  width: 100%; }

.headtohead .btn:last-child {
  margin: 25px 0 0 0; }

@media screen and (max-width: 1200px) {
  .headtohead .btn {
    margin: 15px 0; }
  .headtohead .btn:last-child {
    margin: 15px 0 0 0; } }

/* ---- @Team Analysis ---- */
.analyser_team .dataTables_info {
  padding: 20px 0 0 0; }

.analyser_team .dataTables_paginate {
  padding: 20px 0 0 0; }

.analyser_team .white-box {
  margin-bottom: 30px;
  overflow: hidden; }

.analyser_team .white-box h2 {
  margin-top: 0;
  margin-bottom: 20px;
  text-align: center; }

#fixturetabledefence th,
#fixturetabledefence td {
  border-top: 0px solid #F4F4F4; }

#fixturetableattack th,
#fixturetableattack td {
  border-top: 0px solid #F4F4F4; }

.team-circle {
  display: table;
  border-radius: 100%;
  padding: 10px;
  text-align: center;
  margin: 10px; }

.team-circle span {
  line-height: 19px;
  display: table-cell;
  vertical-align: middle;
  color: #fff;
  font-weight: 400; }

.hard {
  background-color: #FC1C5B;
  height: 60px;
  width: 60px; }

.medium {
  background-color: #00f2fd;
  height: 80px;
  width: 80px; }

.easy {
  background-color: #42FF0F;
  height: 100px;
  width: 100px; }

/* ---- @Points Projections ---- */
.points-grey-bg {
  background-color: #e4eaeb;
  padding: 60px 0; }

.points-accuracy .info #rise_accuracy, .info #fall_accuracy {
  font-size: 33px;
  font-weight: 400;
  display: inline-block;
  float: right;
  margin-top: 11px; }

.points-accuracy .accuracy-value {
  font-size: 28px;
  font-weight: 400;
  color: #22133C; }

.points-accuracy .info .title {
  margin-top: 0px;
  margin-bottom: 20px; }

.points-accuracy .info .divider {
  height: 1px;
  background-color: #EFEFEF;
  margin: 16px 0 10px;
  width: 100%; }

.points-accuracy .info p {
  margin-top: 30px;
  margin-bottom: 0; }

.points-accuracy br {
  display: none; }

.points-wrap {
  display: inline-block;
  margin-right: 3%; }

.points-wrap:last-of-type {
  margin-right: 0%; }

.points-wrap .title {
  margin-right: 10px; }

.football-projections .info p {
  margin-top: 20px; }

@media screen and (min-width: 980px) and (max-width: 1200px) {
  .points-accuracy .info .title {
    margin-right: 0;
    margin-top: 0;
    display: block;
    float: none; }
  .points-wrap {
    display: inline-block;
    margin-right: 7%; }
  .points-accuracy .info #rise_accuracy, .info #fall_accuracy {
    display: block;
    float: none; }
  .points-accuracy br {
    display: block; }
  .points-accuracy .info p {
    margin-top: 20px;
    margin-bottom: 0px; } }

@media screen and (min-width: 767px) and (max-width: 980px) {
  .points-accuracy .info #rise_accuracy, .info #fall_accuracy {
    font-size: 33px;
    font-weight: 400;
    display: inline-block;
    float: none;
    margin-top: 11px; }
  .points-accuracy .info .title {
    float: none; } }

@media screen and (max-width: 767px) {
  .points-wrap {
    display: block;
    margin-right: 0;
    padding-bottom: 9px;
    border-bottom: 1px solid #eee; }
  .points-accuracy .accuracy-value {
    font-size: 28px;
    font-weight: 400;
    float: right;
    margin-top: 11px; }
  .points-accuracy .info .title {
    margin-top: 10px;
    margin-bottom: 0;
    float: left; } }

/* -----------------------------------


  @FPL Statistics


----------------------------------- */
.fpl-stats__footer {
  position: fixed;
  width: 500px;
  left: 0;
  bottom: 0;
  background: #fff;
  z-index: 999;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);
  transition: .25s all ease-in-out; }
  .fpl-stats__footer .rank-tooltip {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -10px;
    z-index: 2; }
    .fpl-stats__footer .rank-tooltip i {
      font-size: 1em;
      padding-left: 4px; }
  .fpl-stats__footer .tooltip {
    text-transform: initial;
    letter-spacing: 0; }
  .fpl-stats__footer.close {
    bottom: -100px;
    transition: .25s all ease-in-out; }
  .fpl-stats__footer .dead-squads {
    -webkit-flex: 1 0 60%;
            flex: 1 0 60%;
    width: 60%;
    position: relative; }
    .fpl-stats__footer .dead-squads .btn {
      padding-right: 27px; }
  .fpl-stats__footer .gameweek-select {
    -webkit-flex: 1 0 40%;
            flex: 1 0 40%;
    width: 40%; }
    .fpl-stats__footer .gameweek-select h2 {
      vertical-align: middle;
      font-weight: 600;
      text-transform: uppercase;
      font-size: 13px;
      line-height: 18px;
      letter-spacing: 1px;
      padding: 0 20px;
      margin-right: 0; }
      .fpl-stats__footer .gameweek-select h2 span:last-child {
        display: none; }
    .fpl-stats__footer .gameweek-select .gw-select {
      vertical-align: middle; }
    .fpl-stats__footer .gameweek-select .gw-select-box input[type="text"].spinedit {
      width: 40px;
      padding: 0 30px 0 5px;
      height: 48px !important;
      background-color: #fff;
      border-left: 1px solid #EFEFEF;
      font-weight: 400;
      font-size: 26px;
      color: #22133C;
      margin-right: -30px;
      margin-top: 0; }
    .fpl-stats__footer .gameweek-select div.spinedit .fa-chevron-up, .fpl-stats__footer .gameweek-select div.spinedit .fa-chevron-down {
      position: relative;
      cursor: pointer;
      width: 12px;
      font-size: 12px; }
    .fpl-stats__footer .gameweek-select div.spinedit .fa-chevron-up {
      top: -6px; }
    .fpl-stats__footer .gameweek-select div.spinedit .fa-chevron-down {
      top: 9px;
      left: -4px; }

@media screen and (max-width: 600px) {
  .fpl-stats__footer {
    width: 100%;
    right: 0; }
    .fpl-stats__footer .dead-squads {
      -webkit-flex: 1 0 50%;
              flex: 1 0 50%;
      width: 50%; }
      .fpl-stats__footer .dead-squads .btn {
        padding: 10px 18%;
        padding-right: 18%;
        font-size: 10px;
        line-height: 14px; }
    .fpl-stats__footer .gameweek-select {
      -webkit-flex: 1 0 50%;
              flex: 1 0 50%;
      width: 50%; }
      .fpl-stats__footer .gameweek-select h2 span:first-child {
        display: none; }
      .fpl-stats__footer .gameweek-select h2 span:last-child {
        display: block; } }

.fpl-stats .white-bg {
  padding: 80px 0; }

.fpl-stats .white-box .icon {
  text-align: center;
  width: 25%; }

.fpl-stats .white-box .icon img {
  max-width: 100%; }

.points-table.captains td {
  font-size: 25px;
  font-weight: 400;
  line-height: 50px; }

@media screen and (max-width: 980px) {
  .fpl-title-box .white-inner {
    text-align: center; }
  .fpl-stats .white-box .icon {
    text-align: center;
    width: 50%;
    max-width: 250px;
    margin: 0 auto;
    padding-bottom: 20px; } }

.fplstats-tab-content {
  overflow: visible; }

/* Captain Stats */
#tabs-captain .white-box {
  padding: 0 0 20px 0; }

#captainchart,
#topcaptainchart,
#captainchartexcludedead,
#topcaptainchartexcludedead {
  margin-bottom: 40px; }

/* Dead Button */
.ownership-select-wrap .dead-button {
  margin-left: 80px; }

.gw-select-dropdown .dead-button {
  margin-right: 30px; }

@media screen and (max-width: 980px) {
  .ownership-select-wrap .dead-button {
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 10px; } }

@media screen and (max-width: 650px) {
  .gw-select-dropdown .dead-button {
    display: none; } }

/* GW Dropdown */
.gw-select-wrap {
  position: relative; }

.gw-select-dropdown {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  right: 0;
  padding: inherit;
  -webkit-transform: translateY(-50%);
  -khtml-transform: translateY(-50%);
  transform: translateY(-50%); }

.gw-select-dropdown .gw-select-box {
  padding: 79px 0; }

.gw-select-dropdown .gw-select-box h2 {
  margin-top: 16px; }

.gw-select-icon i {
  padding: 10px;
  background-color: #fff;
  border-radius: 0 0 6px 6px;
  border: 1px solid #eee;
  border-top: none; }

@media screen and (max-width: 767px) {
  .gw-select-dropdown {
    position: static;
    width: 100%;
    top: 50%;
    left: 0;
    right: 0;
    padding: inherit;
    -webkit-transform: translateY(0);
    -khtml-transform: translateY(0);
    transform: translateY(0); }
  .gw-select-dropdown .gw-select-box {
    padding: 20px 0; } }

@media screen and (max-width: 500px) {
  .gw-select-dropdown .gw-select-box h2 {
    display: block;
    margin-top: 0;
    margin-bottom: 10px; }
  .gw-select-dropdown.force-closed {
    margin-top: -139px !important; } }

/* Ownership Stats */
.fpl-stats .paragraph {
  text-align: center;
  margin-bottom: 40px; }

.gw-select-box {
  display: table;
  width: 100%;
  text-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none; }

.gw-select-box .white-inner {
  height: 100%;
  display: table-cell;
  vertical-align: middle; }

.gw-select {
  display: inline-block;
  vertical-align: top; }

.gw-select-box h2 {
  display: inline-block;
  margin: 0;
  margin-right: 20px; }

.gw-select-box input {
  display: inline-block;
  margin-bottom: 0;
  margin-top: -5px; }

.gw-select-box input[type="text"].spinedit {
  width: 65px;
  padding: 0 40px 0 0;
  height: 65px !important;
  background-color: #ECECEC;
  font-weight: 400;
  font-size: 30px;
  color: #22133C;
  margin-right: -40px; }

div.spinedit .fa-chevron-up, div.spinedit .fa-chevron-down {
  position: relative;
  cursor: pointer;
  width: 12px;
  left: 8px;
  font-size: 20px; }

div.spinedit .fa-chevron-up {
  top: -12px; }

div.spinedit .fa-chevron-down {
  top: 13px;
  left: -4px; }

.fpl-title-box {
  text-align: center; }

.fpl-title-box .icon {
  display: inline-block; }

.fpl-title-box h2 {
  display: inline-block;
  width: 70%;
  vertical-align: middle;
  text-align: center;
  margin: 0 0 30px 0; }

.tab-divider {
  height: 40px;
  margin: 40px -40px;
  background: #E5E5E5; }
  @media screen and (max-width: 980px) {
    .tab-divider {
      margin: 40px -20px; } }

@media screen and (min-width: 767px) {
  .fpl-stats .tab-pane .row-fluid .span6 {
    position: relative; }
    .fpl-stats .tab-pane .row-fluid .span6:last-child::before {
      content: '';
      position: absolute;
      left: -2.6%;
      width: 1px;
      top: 0;
      bottom: 0;
      background: #EFEFEF; } }

#tabs-ownership {
  text-align: center; }

.ownership-select-wrap {
  margin-bottom: 30px; }

#tabs-ownership .white-box {
  padding: 0; }
  #tabs-ownership .white-box .highcharts-container {
    margin: 0 auto; }

#tabs-finance .white-box {
  padding: 0; }
  #tabs-finance .white-box .highcharts-container {
    margin: 0 auto; }

#tabs-formation .white-box {
  padding: 0; }
  #tabs-formation .white-box .highcharts-container {
    margin: 0 auto; }

#tabs-ownership .select2-container {
  width: 90%;
  max-width: 400px; }

#tabs-ownership .assist-card {
  position: relative;
  display: inline-block;
  width: 32%;
  margin-left: 2%; }

#tabs-ownership .assist-card:nth-child(3n+1) {
  margin-left: 0; }

#tabs-ownership .assist-card .assist-wrap {
  position: relative; }

#tabs-ownership .assist-card .image {
  margin-bottom: 0;
  display: inline-block; }

#tabs-ownership .assist-card .info {
  position: absolute;
  width: 70%;
  display: inline-block;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%); }

#tabs-ownership .assist-card .name {
  color: #22133C;
  width: 100%;
  float: none;
  font-size: 1.2em;
  font-weight: 400;
  text-align: center;
  margin: 0 auto;
  margin-top: 0; }

#tabs-ownership .assist-card .fffRemove {
  position: absolute;
  top: -3px;
  right: 0px; }

#tabs-ownership .assist-card .fffRemove img {
  -webkt-border-radius: 50%;
  border-radius: 50%; }

.ownership-info .info div {
  font-size: 1.3em;
  line-height: 1.5em; }

.ownership-info .info #all_ownership,
.ownership-info .info #top_ownership,
.ownership-info .info #all_ownership_any,
.ownership-info .info #top_ownership_any {
  font-size: 33px;
  font-weight: 400; }

.ownership-info .info .all,
.ownership-info .info .top {
  display: block; }

@media screen and (max-width: 980px) and (min-width: 500px) {
  #tabs-ownership .assist-card {
    float: none;
    width: 49%;
    margin-left: 2%;
    margin-right: 0; }
  #tabs-ownership .assist-card:nth-child(3n+1) {
    margin-left: 2%; }
  #tabs-ownership .assist-card:nth-child(2n+1) {
    margin-left: 0; }
  .ownership-info .info #all_ownership {
    margin-right: 0; }
  .ownership-info .info div {
    display: block; } }

@media screen and (max-width: 500px) {
  #tabs-ownership .assist-card {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0; }
  #tabs-ownership .assist-card:nth-child(3n+1) {
    margin-left: 0; }
  #tabs-ownership .assist-card:nth-child(2n+1) {
    margin-left: 0; }
  .ownership-info .info #all_ownership {
    margin-right: 0; }
  .ownership-info .info div {
    display: block; } }

/* Points Tab */
/* Results Box */
#tabs-points .key-btns,
#tabs-finance .key-btns {
  text-align: center;
  margin-top: 17px;
  margin-bottom: 45px; }

#tabs-points .key-btns .btn,
#tabs-finance .key-btns .btn {
  padding: 5px 7px !important;
  cursor: default; }

#tabs-points .key-btns #rotation-button,
#tabs-finance .key-btns #rotation-button {
  cursor: pointer !important; }

@media screen and (max-width: 540px) {
  #tabs-points .key-btns .btn,
  #tabs-finance .key-btns .btn {
    display: block;
    margin-bottom: 10px; } }

#tabs-points .key-btns, #tabs-finance .key-btns, .analyser-key .key-btns {
  text-align: center;
  margin-top: 17px;
  margin-bottom: 0; }
  #tabs-points .key-btns .btn, #tabs-finance .key-btns .btn, .analyser-key .key-btns .btn {
    padding: 5px 7px !important;
    cursor: default; }
  #tabs-points .key-btns #rotation-button, #tabs-finance .key-btns #rotation-button, .analyser-key .key-btns #rotation-button {
    cursor: pointer !important; }

#tabs-points .btn, #tabs-finance .btn, .analyser-key .btn {
  margin: 0 5px;
  margin-bottom: 10px; }
  #tabs-points .btn:first-child, #tabs-finance .btn:first-child, .analyser-key .btn:first-child {
    margin-left: 0; }
  #tabs-points .btn:last-child, #tabs-finance .btn:last-child, .analyser-key .btn:last-child {
    margin-right: 0; }
  #tabs-points .btn .label-name, #tabs-finance .btn .label-name, .analyser-key .btn .label-name {
    color: #22133C;
    float: left;
    font-size: 10px;
    line-height: 14px;
    padding: 5px 0; }
    #tabs-points .btn .label-name span, #tabs-finance .btn .label-name span, .analyser-key .btn .label-name span {
      float: left; }
  #tabs-points .btn .key, #tabs-finance .btn .key, .analyser-key .btn .key {
    background-color: #fff;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin-left: 7px;
    margin-top: 8px;
    float: right;
    border-radius: 50%; }
    #tabs-points .btn .key.blue, #tabs-finance .btn .key.blue, .analyser-key .btn .key.blue {
      background-color: #00F2FD; }
    #tabs-points .btn .key.red, #tabs-finance .btn .key.red, .analyser-key .btn .key.red {
      background-color: #FC1C5B; }
    #tabs-points .btn .key.green, #tabs-finance .btn .key.green, .analyser-key .btn .key.green {
      background-color: #42FF0F; }
    #tabs-points .btn .key.orange, #tabs-finance .btn .key.orange, .analyser-key .btn .key.orange {
      background-color: #F93D00; }
    #tabs-points .btn .key.dark, #tabs-finance .btn .key.dark, .analyser-key .btn .key.dark {
      background-color: #22133C; }

@media screen and (max-width: 540px) {
  #tabs-points .btn,
  #tabs-finance .btn {
    font-size: 12px;
    margin: 0;
    margin-bottom: 10px; }
  #tabs-points .btn .label-name,
  #tabs-finance .btn .label-name {
    float: left;
    font-size: 10px; }
  #tabs-points .key,
  #tabs-finance .key {
    margin-top: 0; }
  #tabs-finance .btn-one-outline .label-name br,
  #tabs-finance .btn-one-outline .label-name span br,
  .label-name br {
    display: none; } }

/* Formations Tab */
#tabs-formation {
  text-align: center; }

/* -----------------------------------


  @Beat The Price Rise


----------------------------------- */
#modal__price-help p.paragraph {
  text-align: center;
  font-size: 18px;
  line-height: 24px;
  padding: 20px 0 0 0; }
  #modal__price-help p.paragraph strong {
    font-weight: 600;
    color: #22133C; }

.premium__help.price__help {
  width: 240px; }
  .premium__help.price__help .btn span {
    width: 150px; }

.price__top {
  display: -webkit-flex;
  display: flex;
  margin: 0 0 30px 0; }
  .price__top .box {
    background: #fff;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    -webkit-flex: 1 0 31.623931623931625%;
            flex: 1 0 31.623931623931625%;
    width: 31.623931623931625%;
    padding: 30px;
    margin-left: 2.564102564102564%;
    box-sizing: border-box; }
    .price__top .box:first-child {
      margin-left: 0; }
    .price__top .box h3 {
      margin: 0 0 20px 0;
      font-weight: 800;
      font-size: 21px; }
  .price__top .box--app__content-wrap {
    display: -webkit-flex;
    display: flex;
    margin: auto auto 0; }
  .price__top .box--app__img-wrap {
    padding-right: 25px;
    width: 38%; }
  .price__top .box--app__content {
    width: 62%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column; }
    .price__top .box--app__content p {
      font-size: 14px;
      line-height: 1.4;
      margin: auto 0; }
    .price__top .box--app__content .notif-settings__label {
      -webkit-justify-content: flex-start;
              justify-content: flex-start; }
    .price__top .box--app__content .notif-settings__label span {
      padding: 0 0 0 10px; }
    .price__top .box--app__content .btn {
      margin-bottom: 3px; }
  .price__top .box--extension h3 {
    margin-bottom: 10px; }
  .price__top .box--extension img {
    width: 90%;
    margin: 10px auto; }
  .price__top .box--extension .btn {
    margin-top: 10px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center; }
    .price__top .box--extension .btn img {
      margin: 0 0 0 6px;
      width: 13px;
      transition: .3s; }
    .price__top .box--extension .btn:hover img {
      -webkit-filter: invert(1) brightness(100);
              filter: invert(1) brightness(100); }
  .price__top .box--accuracy .wrapper {
    margin: 0 0 20px 0; }
  .price__top .box--accuracy #rise_accuracy, .price__top .box--accuracy #fall_accuracy {
    color: #22133C;
    font-size: 22px;
    font-weight: 600;
    display: inline-block;
    float: right;
    margin-top: 0px; }
  .price__top .box--accuracy .title {
    float: left;
    margin-top: 0px; }
  .price__top .box--accuracy .divider {
    height: 1px;
    background-color: #EFEFEF;
    margin: 25px 0;
    width: 100%; }
  .price__top .box--accuracy p {
    margin-top: 30px;
    margin-bottom: 0; }
  .price__top .wrap {
    display: -webkit-flex;
    display: flex;
    margin: 0 -10px 20px -10px; }
  .price__top .transfer .player {
    -webkit-flex: 1 0 33%;
            flex: 1 0 33%;
    width: 33%;
    padding: 0 10px;
    border-right: 1px solid #EFEFEF;
    box-sizing: border-box;
    text-align: center; }
    .price__top .transfer .player:last-child {
      border-right: 0; }
    .price__top .transfer .player img {
      width: 60px; }
    .price__top .transfer .player h4 {
      font-size: 15px;
      margin: 10px 0 0 0; }
    .price__top .transfer .player p {
      margin: 0; }
  .price__top .notification .wrap {
    -webkit-align-items: center;
            align-items: center; }
  .price__top .notification .left {
    -webkit-flex: 1 0 60%;
            flex: 1 0 60%;
    width: 60%;
    padding: 0 10px;
    box-sizing: border-box; }
  .price__top .notification ul li {
    list-style: outside; }
  .price__top .notification .right {
    -webkit-flex: 1 0 40%;
            flex: 1 0 40%;
    width: 40%;
    padding: 0 10px;
    box-sizing: border-box; }
  .price__top .notification__buttons {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column; }
    @media screen and (min-width: 540px) {
      .price__top .notification__buttons {
        -webkit-flex-direction: row;
                flex-direction: row; } }
  .price__top .notification__app-btn {
    width: 100%;
    box-sizing: border-box;
    padding: 14px !important;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    margin-top: 5px;
    margin-left: 0 !important; }
    @media screen and (min-width: 540px) {
      .price__top .notification__app-btn {
        margin: 5px 5px 0; } }
    .price__top .notification__app-btn img {
      width: 20px;
      margin: 0 5px; }
    .price__top .notification__app-btn img:first-of-type {
      width: 15px; }
    .price__top .notification__app-btn span {
      width: 100%;
      display: block;
      font-size: 11px;
      line-height: 1.4; }

.white-box--accuracy {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-flex-direction: column;
          flex-direction: column; }
  @media screen and (min-width: 1200px) {
    .white-box--accuracy {
      -webkit-flex-direction: row;
              flex-direction: row;
      -webkit-justify-content: space-between;
              justify-content: space-between; } }
  .white-box--accuracy .wrapper {
    display: -webkit-flex;
    display: flex; }
  .white-box--accuracy h3 {
    text-align: center; }
    @media screen and (min-width: 1200px) {
      .white-box--accuracy h3 {
        text-align: left; } }
  .white-box--accuracy .cf {
    text-align: center;
    padding: 10px 10px 0;
    width: 150px; }
  .white-box--accuracy .title {
    font-size: 12px;
    line-height: 1.3;
    margin-bottom: 5px; }
  .white-box--accuracy .perc {
    font-weight: 700;
    font-size: 20px; }
  .white-box--accuracy .btn {
    margin-top: 20px;
    width: 280px; }

.notification__buttons {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column; }

.notification__app-btn {
  width: 100%;
  box-sizing: border-box;
  padding: 14px !important;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  margin-top: 5px; }
  .notification__app-btn img {
    width: 20px;
    margin: 0 5px; }
  .notification__app-btn.btn-one img {
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1); }
  .notification__app-btn img:first-of-type {
    width: 15px;
    margin-left: 15px; }
  .notification__app-btn span {
    width: 100%;
    display: block;
    font-size: 11px;
    line-height: 1.4; }

@media screen and (max-width: 980px) {
  .price__top {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    margin: 0 0 30px 0; }
    .price__top .box {
      background: #fff;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
              flex-direction: column;
      -webkit-justify-content: space-between;
              justify-content: space-between;
      -webkit-flex: 1 0 auto;
              flex: 1 0 auto;
      width: 100%;
      padding: 30px;
      margin-left: 0;
      margin-bottom: 30px;
      box-sizing: border-box; }
      .price__top .box:last-child {
        margin-bottom: 0; } }

.price-accuracy-number {
  font-size: 50px;
  font-weight: 800;
  line-height: 40px;
  color: #22133C; }

.dk-highest {
  padding: 30px; }
  .dk-highest h3 {
    margin: 0 0 20px 0; }
  .dk-highest .player {
    display: block;
    width: 100%;
    margin-bottom: 5px; }
    .dk-highest .player img {
      width: 50px; }
  .dk-highest .labels {
    table-layout: fixed;
    width: 100%;
    display: table; }
    .dk-highest .labels div {
      padding: 5px 0;
      display: table-cell; }
      .dk-highest .labels div.empty {
        width: 70px; }
      .dk-highest .labels div.name {
        width: 80px; }
    @media screen and (max-width: 1200px) {
      .dk-highest .labels div {
        padding: 5px 0;
        display: table-cell; }
        .dk-highest .labels div.empty {
          display: none;
          width: 70px; }
        .dk-highest .labels div.name {
          width: 50%; }
        .dk-highest .labels div.price {
          text-align: right;
          width: 50%; } }
  .dk-highest ol {
    margin: 0 0 10px 15px; }
    .dk-highest ol li {
      table-layout: fixed;
      width: 100%;
      margin-bottom: 10px;
      list-style: none;
      position: relative;
      text-align: justify;
      display: table;
      border-bottom: 1px solid #EFEFEF;
      padding-bottom: 10px;
      padding-left: 15px;
      margin-left: -15px; }
      .dk-highest ol li::before {
        content: '1';
        font-size: 10px;
        position: absolute;
        top: 50%;
        margin-top: -13px;
        padding: 7px 0;
        left: 0px;
        line-height: 0.9;
        width: auto;
        text-align: center;
        background: #fff;
        border-radius: 80px;
        color: #22133C;
        font-weight: 600; }
      .dk-highest ol li:nth-child(1) {
        border-top: 1px solid #EFEFEF;
        padding-top: 5px; }
      .dk-highest ol li:nth-child(1)::before {
        content: '1'; }
      .dk-highest ol li:nth-child(2)::before {
        content: '2'; }
      .dk-highest ol li:nth-child(3)::before {
        content: '3'; }
      .dk-highest ol li:nth-child(4)::before {
        content: '4'; }
      .dk-highest ol li:nth-child(5)::before {
        content: '5'; }
      .dk-highest ol li:nth-child(6)::before {
        content: '6'; }
      .dk-highest ol li:nth-child(7)::before {
        content: '7'; }
      .dk-highest ol li:nth-child(8)::before {
        content: '8'; }
      .dk-highest ol li:nth-child(9)::before {
        content: '9'; }
      .dk-highest ol li:nth-child(10)::before {
        content: '10'; }
      .dk-highest ol li img,
      .dk-highest ol li .name,
      .dk-highest ol li .price,
      .dk-highest ol li .add {
        display: table-cell;
        vertical-align: middle;
        overflow: hidden; }
      .dk-highest ol li .name {
        text-align: left;
        width: 90px; }
      .dk-highest ol li .price {
        text-align: right;
        width: 25px; }
      .dk-highest ol li img {
        width: 40px;
        margin-right: 5px;
        text-align: left; }
      .dk-highest ol li .add {
        width: 25px;
        text-align: right; }
        .dk-highest ol li .add div {
          display: inline-block;
          font-weight: 800;
          text-align: center;
          width: 15px;
          height: 15px;
          line-height: 15px;
          background: #EFEFEF; }
      @media screen and (max-width: 1200px) {
        .dk-highest ol li img {
          display: none; } }
      @media screen and (max-width: 980px) {
        .dk-highest ol li {
          padding-left: 0;
          margin-left: 0; }
          .dk-highest ol li .name {
            text-align: left;
            width: 75%; } }
  .dk-highest .name {
    color: #22133C;
    font-weight: 600; }
  .dk-highest .data {
    margin-bottom: 20px; }
  .dk-highest p {
    margin: 0 0 20px 0; }
    .dk-highest p span {
      color: #22133C;
      font-weight: 600; }

@media screen and (max-width: 767px) {
  .appad-box {
    display: none !important; } }

.th-name {
  width: 20%; }

.price-accuracy .info #rise_accuracy, .info #fall_accuracy {
  color: #22133C;
  font-size: 22px;
  font-weight: 600;
  display: inline-block;
  float: right;
  margin-top: 0px; }

.price-accuracy .info {
  margin-bottom: 20px; }

.price-accuracy .info .title {
  float: left;
  margin-top: 0px; }

.price-accuracy .info .divider {
  height: 1px;
  background-color: #EFEFEF;
  margin: 15px 0 10px;
  width: 100%; }

.price-accuracy .info p {
  margin-top: 30px;
  margin-bottom: 0; }

@media screen and (min-width: 767px) and (max-width: 980px) {
  .price-accuracy .info #rise_accuracy, .info #fall_accuracy {
    font-size: 33px;
    font-weight: 400;
    display: inline-block;
    float: none;
    margin-top: 11px; }
  .price-accuracy .info .title {
    float: none;
    margin-top: 10px; } }

.season-mobile .icon {
  float: left;
  padding-right: 40px; }

.season-mobile .info {
  text-align: center; }

.season-mobile .info h2 {
  margin: 0 0 20px 0;
  text-align: center; }

.season-mobile .info .btn {
  margin-bottom: 20px; }

.season-mobile .info p {
  text-align: center;
  margin-bottom: 0; }

.right-icon-info-box [class*="span"] {
  text-align: center; }

.right-icon-info-box .icon {
  padding-left: 20px; }

.right-icon-info-box .info {
  text-align: center; }

.right-icon-info-box .info h2 {
  margin-top: 10px;
  text-align: center; }

.right-icon-info-box .info p {
  font-size: 1.2em;
  text-align: center; }

@media screen and (max-width: 979px) {
  .season-mobile {
    text-align: center; }
  .season-mobile .icon {
    float: none;
    padding-right: 0;
    padding-bottom: 20px; }
  .season-mobile .info h2 {
    font-size: 1.8em;
    text-align: center; } }

@media screen and (max-width: 600px) {
  #playerPriceAll tbody tr td:first-child {
    white-space: nowrap;
    float: left;
    width: 30px; } }

.progress-up::after {
  color: #42FF0F;
  font-family: fontawesome;
  content: '\f0d8';
  margin-left: 6px; }

.progress-down::after {
  color: #FC1C5B;
  font-family: fontawesome;
  content: '\f0d7';
  margin-left: 6px; }

/* @Progress Bar */
.progress {
  background-color: #e5e7e7;
  background-image: none;
  /* background-image: none; */
  /* background-image: none; */
  background-image: none;
  /* background-image: none; */
  /* background-repeat: repeat-x; */
  box-shadow: none; }

/* -----------------------------------


  @Transfer Trends


----------------------------------- */
#transfersmodal .modal-header h3 {
  padding: 0 15px; }

#transfersmodal .modal-body {
  padding: 5px 30px 0 30px; }

#transfersmodal .playertransfers {
  margin-bottom: 0 !important; }
  #transfersmodal .playertransfers tbody tr td {
    text-align: left; }
    #transfersmodal .playertransfers tbody tr td img {
      margin: 0 10px 0 0; }

#transfersmodal .modal-footer {
  padding: 30px;
  padding-top: 0;
  margin-top: -1px; }
  #transfersmodal .modal-footer > div {
    border-top: 1px solid #EFEFEF; }
  #transfersmodal .modal-footer h2 {
    padding-top: 15px;
    margin-top: 0;
    font-size: 18px; }

#transfersmodal .notification__buttons {
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
          justify-content: center; }
  @media screen and (min-width: 600px) {
    #transfersmodal .notification__buttons {
      -webkit-flex-direction: row;
              flex-direction: row; }
      #transfersmodal .notification__buttons .btn + .btn {
        margin-left: 20px; } }

#transfersmodal .notification__app-btn {
  width: 100%;
  margin-left: 0; }
  @media screen and (min-width: 600px) {
    #transfersmodal .notification__app-btn {
      width: auto;
      -webkit-flex: 1;
              flex: 1; } }

.transfers__box {
  padding-bottom: 10px; }
  .transfers__box h3 {
    margin: 0 0 20px 0;
    text-align: center;
    font-weight: 800;
    font-size: 21px; }
  .transfers__box table {
    margin-bottom: 0 !important; }
    .transfers__box table th {
      text-align: center; }
    .transfers__box table tr:last-child td {
      border-bottom: 0; }
  .transfers__box #top_transfers td {
    text-align: left; }
    .transfers__box #top_transfers td img {
      margin: 0 10px 0 0; }
  .transfers__box .open-playertransfers-in i,
  .transfers__box .open-playertransfers-out i {
    background: #FC1C5B;
    color: #fff;
    width: 20px;
    height: 20px;
    line-height: 21px;
    vertical-align: middle;
    display: inline-block;
    border-radius: 30px; }

.transfers__selection {
  background: #fff;
  margin: 0 0 30px 0;
  padding: 29px;
  display: -webkit-flex;
  display: flex;
  text-align: center; }
  .transfers__selection h3 {
    margin: 0 0 20px 0; }
  .transfers__selection .transfers__selection-box {
    -webkit-flex: 3;
            flex: 3;
    margin-bottom: 0;
    padding: 0 20px;
    border-right: 1px solid #EFEFEF; }
    .transfers__selection .transfers__selection-box:first-child {
      padding-left: 0; }
  .transfers__selection .position-load {
    -webkit-flex: 1;
            flex: 1;
    margin-left: 20px;
    width: auto; }

.transfers__bandwagon {
  padding: 20px;
  text-align: center; }
  .transfers__bandwagon h3 {
    font-size: 16px;
    margin: 0 0 15px 0; }
  .transfers__bandwagon .btn {
    width: 100%; }

.transfers #transferchart {
  overflow: hidden; }

.transfers__bottom .transfers__box {
  margin-bottom: 0; }

@media screen and (max-width: 1200px) {
  .transfers__selection {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    padding: 20px; }
    .transfers__selection h3 {
      font-size: 16px; }
    .transfers__selection .transfers__selection-box {
      -webkit-flex: 1 1 50%;
              flex: 1 1 50%;
      width: 50%;
      box-sizing: border-box; }
      .transfers__selection .transfers__selection-box:last-of-type {
        padding-right: 0;
        border-right: 0; }
  .transfers .position-load {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
    box-sizing: border-box; } }

@media screen and (max-width: 980px) {
  .transfers__selection .transfers__selection-box {
    -webkit-flex: 1 1 40%;
            flex: 1 1 40%;
    width: 40%;
    box-sizing: border-box; }
    .transfers__selection .transfers__selection-box:last-of-type {
      padding-right: 0;
      border-right: 0;
      width: 60%;
      box-sizing: border-box; }
  .transfers__selection .positions .position {
    width: 100%; }
  .transfers__selection .positions .btn {
    width: 20%;
    padding-left: 0;
    padding-right: 0; } }

@media screen and (max-width: 767px) {
  .transfers .selection--row {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column; }
    .transfers .selection--row .span9 {
      -webkit-order: 2;
              order: 2; }
    .transfers .selection--row .span3 {
      -webkit-order: 1;
              order: 1; }
  .transfers__selection .transfers__selection-box {
    -webkit-flex: 1 1 100%;
            flex: 1 1 100%;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 20px;
    padding: 0 0 20px;
    border-right: 0 !important;
    border-bottom: 1px solid #EFEFEF; }
    .transfers__selection .transfers__selection-box:last-of-type {
      padding-right: 0;
      border-right: 0; }
  .transfers__selection .position-load {
    margin-top: 0; }
  .transfers #transferchart {
    margin-bottom: 30px; } }

.playertransfers-box {
  background-color: #fff;
  text-align: center;
  margin-bottom: 30px; }

.playertransfers-inner {
  padding: 40px; }

.playertransfers tbody tr td {
  text-align: center; }

.playertransfersheader tr td {
  text-align: center; }

.playertransfersform {
  margin-bottom: 0; }

.playertransfersform #daterange {
  margin: 22px 7px 10px 0; }

.playertransfersform #daterange span {
  font-size: 1.9em; }

@media screen and (max-width: 1200px) {
  .playertransfersform #daterange {
    margin: 23px 7px 12px 0; }
  .playertransfersform #daterange span {
    font-size: 1.4em; } }

@media screen and (min-width: 767px) and (max-width: 980px) {
  .playertransfersform #daterange {
    margin: 53px 7px 41px 0; } }

@media screen and (max-width: 550px) {
  .playertransfers-inner {
    padding: 20px; }
    .playertransfers-inner .position {
      width: 100%;
      margin-bottom: 10px; }
      .playertransfers-inner .position > .btn {
        width: 25%; }
    .playertransfers-inner .btn-one-secondary {
      width: 100%; } }

.position > .btn {
  position: static;
  padding: 15px 17px;
  border-radius: 0 !important;
  background-color: #eee;
  background-image: none;
  outline: 0;
  color: #22133C;
  box-shadow: none;
  margin: 0 10px; }
  .position > .btn.active {
    background-color: #35264e;
    color: #fff; }
  .position > .btn:hover {
    background-color: #35264e;
    color: #fff; }

.positions {
  margin-bottom: 30px; }

.position.btn-group {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center; }

.positions .position-load {
  margin-left: 10px; }

@media (max-width: 1200px) {
  .position > .btn {
    padding: 15px 11px; }
  .playertransfers td {
    padding-right: 0;
    padding-left: 0; } }

@media screen and (max-width: 979px) and (min-width: 787px) {
  .position > .btn {
    padding: 15px 15px; }
  .positions .position-load {
    margin-top: 10px;
    width: 100%;
    margin-left: 0px; } }

@media screen and (max-width: 979px) {
  .playertransfers td {
    font-size: 10px;
    padding-right: 0;
    padding-left: 0; } }

@media screen and (max-width: 489px) {
  .position > .btn {
    padding: 15px 7px; }
  .positions .position-load {
    margin-top: 10px;
    width: 100%;
    margin-left: 0px; } }

/* Span 5 */
.row-fluid-5 {
  width: 100%;
  *zoom: 1; }

.row-fluid-5:before,
.row-fluid-5:after {
  display: table;
  line-height: 0;
  content: ""; }

.row-fluid-5:after {
  clear: both; }

.row-fluid-5 [class*="span"] {
  display: block;
  float: left;
  width: 100%;
  min-height: 30px;
  margin-left: 1.875%;
  *margin-left: 1.875%;
  box-sizing: border-box; }

.row-fluid-5 .controls-row [class*="span"] + [class*="span"] {
  margin-left: 1.875%; }

.row-fluid-5 [class*="span"]:first-child {
  margin-left: 0; }

.row-fluid-5 .span2 {
  width: 18.5%;
  *width: 18.5%; }

/* responsive ONLY */
@media (max-width: 767px) {
  /* spans reduce to 100px then go full width */
  .row-fluid-5 [class*="span"] {
    margin-left: 0;
    float: left;
    width: 100%;
    padding: 10px; } }

/* Post Mortem */
.proj_rank {
  font-size: 27px; }

@media screen and (max-width: 1200px) {
  .proj_rank {
    font-size: 20px; } }

@media screen and (max-width: 980px) {
  .proj_rank {
    font-size: inherit; } }

/* Mini League Competition */
.competition .paragraph {
  text-align: center;
  margin-bottom: 40px; }

.competition .icon {
  float: left;
  width: 20%; }

.competition .icon img {
  width: 65%;
  margin-top: 8px;
  height: auto; }

.competition .info {
  float: left;
  width: 78%;
  margin-left: 10px; }

.competition .info h2 {
  margin: 0 0 20px 0;
  text-align: center; }

@media screen and (max-width: 1200px) {
  .competition .info {
    float: left;
    width: 76%;
    margin-left: 0; } }

@media screen and (max-width: 980px) {
  .competition .icon {
    float: none;
    width: 100%;
    text-align: center; }
  .competition .icon img {
    width: 100px;
    margin-top: 8px;
    margin-bottom: 20px;
    height: auto; }
  .competition .info {
    float: none;
    width: 100%;
    margin-left: 0; } }

.season-icon {
  max-width: 120px;
  margin: 0 auto;
  text-align: center; }

.season-icon img {
  width: 90%;
  height: auto;
  margin: 15px 0; }

.season-icon.extra-time img {
  width: 90%;
  height: auto;
  margin-top: 48px;
  margin-bottom: 48px; }

@media screen and (max-width: 1200px) {
  .season-icon.extra-time img {
    width: 90%;
    height: auto;
    margin-top: 33px;
    margin-bottom: 35px; } }

@media screen and (max-width: 980px) {
  .season-icon {
    width: 100%; }
  .season-icon img, .season-icon.extra-time img {
    width: 100px;
    height: auto;
    margin-top: 10px;
    margin-bottom: 10px; } }

.dk-link {
  font-size: 2.2em;
  line-height: 1em;
  margin-top: 25px;
  text-align: center;
  color: #888; }

.dk-intro {
  text-align: right;
  margin-top: 0px;
  font-size: 2.0em;
  color: white; }

.intro p.dk-paragraph {
  text-align: right;
  color: white; }

.dk-box {
  background-color: black; }

.dk-btn {
  background-color: orange; }

.dk-btn:hover {
  background-color: #E18700; }

@media screen and (max-width: 1200px) {
  .dk-intro {
    font-size: 1.6em; }
  .intro p.dk-paragraph {
    font-size: 1.3em; } }

@media screen and (max-width: 979px) {
  .dk-intro {
    text-align: center;
    line-height: 1.3em;
    margin-bottom: 10px; }
  .intro p.dk-paragraph {
    display: none; } }

/* -----------------------------------


  @Fixture Rotator


----------------------------------- */
.fixture-rotator .selectortable {
  margin-bottom: 27px; }

.fixture-rotator .white-box .selectortable:last-child {
  margin-bottom: 0; }

.team-badges {
  margin: 0;
  margin-top: 59px; }

.team-badges li {
  width: 11%;
  min-height: 90px;
  margin-bottom: 22px;
  margin-left: 1%;
  margin-right: 1%;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  cursor: pointer; }

.team-badges .badge-img {
  width: 73%;
  margin: 0 auto;
  margin-bottom: 15px;
  padding: 0; }

.team-badges .title {
  font-family: fix sans;
  color: #22133C;
  font-size: 13px;
  line-height: 14px; }

.team-badges .badge-wrap {
  position: relative; }

.team-badges .badge-wrap.down .badge-img {
  opacity: 0.2;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  /* Firefox 10+, Firefox on Android */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+, Safari 6+, Safari 6+ iOS */ }

.team-badges .badge-wrap.locked .badge-img {
  position: relative; }

.team-badges .badge-wrap.locked .badge-img:after {
  color: #e5e7e7;
  font-family: fontawesome;
  content: '\f023';
  font-size: 20px;
  line-height: 15px;
  width: 15px;
  height: 15px;
  padding: 10px;
  background-color: #22133C;
  border-radius: 50%;
  position: absolute;
  bottom: -5px;
  right: -5px; }

.team-badges .badge-wrap.down .title {
  color: #e7e7e7; }

.step-text h2 {
  font-size: 21px;
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px;
  font-weight: 800; }

.rotation-selector .white-box {
  overflow: hidden; }

.rotation-selector label {
  font-size: 1.4em; }

.rotation-selector .icheckbox_square-green {
  margin-right: 5px; }

.rotation-selector .rigid.span6 {
  width: 48.61878453038674% !important;
  margin-left: 2.7624309392265194% !important; }
  .rotation-selector .rigid.span6:first-child {
    margin-left: 0 !important; }

.rotation-image {
  display: none;
  width: 100% !important;
  margin-top: 25px;
  margin-bottom: 25px; }

@media screen and (max-width: 1200px) {
  .team-badges {
    margin-top: 39px; }
  .team-badges li {
    width: 14%;
    min-height: 90px;
    margin-bottom: 14px;
    margin-left: 2.5%;
    margin-right: 2.5%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    cursor: pointer; }
  .team-badges .badge-img img {
    padding: 0; }
  .fixture-rotator .selectortable {
    margin-bottom: 50px; } }

@media screen and (max-width: 979px) {
  .team-badges li {
    width: 15%;
    min-height: 90px;
    margin-bottom: 20px;
    margin-left: 2%;
    margin-right: 2%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    cursor: pointer; }
  .team-badges .badge-img {
    margin-bottom: 14px; }
  .team-badges .badge-img img {
    padding: 0; }
  .fixture-rotator .selectortable {
    margin-bottom: 53px; } }

@media screen and (max-width: 767px) {
  .team-badges li {
    width: 12%;
    min-height: 90px;
    margin-bottom: 20px;
    margin-left: 1%;
    margin-right: 1%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    cursor: pointer; } }

@media screen and (max-width: 662px) {
  .team-badges li {
    width: 15%;
    min-height: 90px;
    margin-bottom: 20px;
    margin-left: 2%;
    margin-right: 2%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    cursor: pointer; } }

@media screen and (max-width: 662px) {
  .team-badges li {
    width: 17%;
    min-height: 90px;
    margin-bottom: 20px;
    margin-left: 1%;
    margin-right: 1%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    cursor: pointer; } }

@media screen and (max-width: 550px) {
  .team-badges li {
    width: 26%;
    min-height: 90px;
    margin-bottom: 20px;
    margin-left: 3%;
    margin-right: 3%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    cursor: pointer; } }

/* -----------------------------------


  @Fix Cash Leagues


----------------------------------- */
.fix-cup ol li {
  list-style: decimal;
  margin: 0 0 15px 0; }

.fix-cup .top .info h2 {
  margin: 0 0 20px 0;
  font-weight: bold;
  font-size: 2.5em;
  text-align: center; }

.fix-cup .top ol {
  padding-left: 15px; }
  .fix-cup .top ol li {
    position: relative; }
    .fix-cup .top ol li::before {
      content: '1';
      font-size: 15px;
      position: absolute;
      top: 50%;
      margin-top: -13px;
      padding: 7px 0;
      left: -34px;
      line-height: 0.9;
      width: 26px;
      text-align: center;
      background: #22133C;
      border-radius: 80px;
      color: #fff;
      font-weight: 600; }
    .fix-cup .top ol li:nth-child(1)::before {
      content: '1'; }
    .fix-cup .top ol li:nth-child(2)::before {
      content: '2'; }
    .fix-cup .top ol li:nth-child(3)::before {
      content: '3'; }
    .fix-cup .top ol li:nth-child(4)::before {
      content: '4'; }
    .fix-cup .top ol li:nth-child(5)::before {
      content: '5'; }
    .fix-cup .top ol li:nth-child(6)::before {
      content: '6'; }
    .fix-cup .top ol li:nth-child(7)::before {
      content: '7'; }
    .fix-cup .top ol li:nth-child(8)::before {
      content: '8'; }
    .fix-cup .top ol li:nth-child(9)::before {
      content: '9'; }
    .fix-cup .top ol li:nth-child(10)::before {
      content: '10'; }

.fix-cup .top #cashCountdown {
  font-size: 4em;
  text-align: center;
  margin: 40px 0 0 0;
  color: #22133C;
  font-weight: 600; }
  @media screen and (max-width: 980px) {
    .fix-cup .top #cashCountdown {
      margin: 20px 0 0 0;
      font-size: 2em; } }

.fix-cup .fix-cup-box h2 {
  font-weight: 800;
  margin: 0 0 20px 0; }

.fix-cup .fix-cup-box .paragraph span {
  color: #22133C;
  font-weight: 400; }

.fix-cup .fix-cup-box .icon {
  width: 40px;
  display: inline-block;
  vertical-align: top;
  margin-left: 10px; }

.fix-cup .fix-cup-box .divider {
  margin: 20px 0; }

.fix-cup .fix-cup-box ul {
  margin-bottom: 20px; }

.fix-cup .fix-cup-box .btn {
  margin-top: 30px; }

/* -----------------------------------


  @Scout Report


----------------------------------- */
.report-box {
  padding: 20px;
  border: 1px solid #E0E0E0;
  margin-bottom: 30px; }
  .report-box.low-performance.shown {
    border-color: #FC1C5B; }
  .report-box.high-performance.shown {
    border-color: #42FF0F; }
  .report-box .image {
    width: 40%;
    display: inline-block;
    vertical-align: middle; }
  .report-box .name {
    width: 52%;
    color: #22133C;
    line-height: 20px;
    font-weight: 400;
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
    -khtml-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
  .report-box ul {
    padding: 0;
    margin: 0; }
    .report-box ul li {
      padding: 10px 0;
      margin-bottom: 0;
      border-bottom: 1px solid #EFEFEF;
      clear: both; }
      .report-box ul li:last-child {
        border-bottom: 0;
        padding-bottom: 0; }
      .report-box ul li .left {
        float: left;
        color: #22133C;
        font-weight: 400; }
      .report-box ul li .right {
        float: right; }
      .report-box ul li .progress {
        margin-top: 5px; }
  .report-box p span {
    color: #22133C;
    font-weight: 400;
    display: block; }

/* -----------------------------------


  @Countdown Timer


  ----------------------------------- */
.hasCountdown {
  border: 0px solid #ccc;
  background-color: #fff; }

.countdown-wrapper {
  padding: 40px 0; }

.countdown-timer {
  text-align: center; }

.countdown-timer tbody td {
  padding: 40px;
  width: 25%;
  background-color: #fff; }

.countdown-timer tbody td:first-child {
  border-bottom-left-radius: 12px !important;
  border-top-left-radius: 12px !important; }

.countdown-timer tbody td:last-child {
  border-bottom-right-radius: 12px !important;
  border-top-right-radius: 12px !important; }

.countdown-days,
.countdown-hours,
.countdown-minutes,
.countdown-seconds {
  font-weight: 400;
  text-align: center;
  font-size: 10em;
  line-height: 0.9em;
  display: block; }

.countdown-days-title,
.countdown-hours-title,
.countdown-minutes-title,
.countdown-seconds-title {
  text-align: center;
  font-size: 4em;
  line-height: 0.8em;
  display: block; }

.countdown-title {
  display: block;
  margin-top: 40px;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 1px;
  font-size: 3em;
  line-height: 0.9em;
  text-align: center; }

/* Countdown Timer Responsive */
@media (max-width: 1200px) {
  .countdown-timer tbody td {
    padding: 40px;
    width: 25%; }
  .countdown-days, .countdown-hours, .countdown-minutes, .countdown-seconds {
    font-weight: 400;
    text-align: center;
    font-size: 8em;
    line-height: 0.9em;
    display: block; }
  .countdown-days-title, .countdown-hours-title, .countdown-minutes-title, .countdown-seconds-title {
    text-align: center;
    font-size: 3em;
    line-height: 0.8em;
    display: block; }
  .countdown-title {
    font-size: 3em; } }

@media (max-width: 979px) {
  .countdown-timer tbody td {
    padding: 20px;
    width: 25%; }
  .countdown-days, .countdown-hours, .countdown-minutes, .countdown-seconds {
    font-weight: 400;
    text-align: center;
    font-size: 7em;
    line-height: 0.9em;
    display: block; }
  .countdown-days-title, .countdown-hours-title, .countdown-minutes-title, .countdown-seconds-title {
    text-align: center;
    font-size: 2.5em;
    line-height: 0.8em;
    display: block; }
  .countdown-title {
    margin-top: 25px;
    font-size: 2em; } }

@media (max-width: 700px) {
  .countdown-timer tbody td {
    padding: 20px 0;
    width: 25%; }
  .countdown-days, .countdown-hours, .countdown-minutes, .countdown-seconds {
    font-weight: 400;
    text-align: center;
    font-size: 3em;
    line-height: 0.9em;
    display: block; }
  .countdown-days-title, .countdown-hours-title, .countdown-minutes-title, .countdown-seconds-title {
    text-align: center;
    font-size: 1em;
    line-height: 0.8em;
    display: block; }
  .countdown-title {
    font-size: 1em;
    margin-top: 15px; } }

/* Smaller Countdown */
#smallCountdown .countdown-timer tbody td,
#bottomCountdown .countdown-timer tbody td {
  padding: 18px 5% 10px; }

#smallCountdown .countdown-days,
#smallCountdown .countdown-hours,
#smallCountdown .countdown-minutes,
#smallCountdown .countdown-seconds,
#bottomCountdown .countdown-days,
#bottomCountdown .countdown-hours,
#bottomCountdown .countdown-minutes,
#bottomCountdown .countdown-seconds {
  font-weight: 400;
  text-align: center;
  font-size: 2.5em;
  line-height: 0.9em;
  display: block; }

#smallCountdown .countdown-days-title,
#smallCountdown .countdown-hours-title,
#smallCountdown .countdown-minutes-title,
#smallCountdown .countdown-seconds-title,
#bottomCountdown .countdown-days-title,
#bottomCountdown .countdown-hours-title,
#bottomCountdown .countdown-minutes-title,
#bottomCountdown .countdown-seconds-title {
  text-align: center;
  font-size: 1.2em;
  line-height: 0.8em;
  display: block; }

#smallCountdown .countdown-title,
#bottomCountdown .countdown-title {
  display: block;
  margin-top: 0;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 1px;
  font-size: 1em;
  line-height: 0.9em;
  text-align: center; }

@media screen and (max-width: 979px) {
  #smallCountdown .countdown-days,
  #smallCountdown .countdown-hours,
  #smallCountdown .countdown-minutes,
  #smallCountdown .countdown-seconds,
  #bottomCountdown .countdown-days,
  #bottomCountdown .countdown-hours,
  #bottomCountdown .countdown-minutes,
  #bottomCountdown .countdown-seconds {
    font-weight: 400;
    text-align: center;
    font-size: 1.8em;
    line-height: 0.9em;
    display: block; }
  #smallCountdown .countdown-days-title,
  #smallCountdown .countdown-hours-title,
  #smallCountdown .countdown-minutes-title,
  #smallCountdown .countdown-seconds-title,
  #bottomCountdown .countdown-days-title,
  #bottomCountdown .countdown-hours-title,
  #bottomCountdown .countdown-minutes-title,
  #bottomCountdown .countdown-seconds-title {
    text-align: center;
    font-size: 1em;
    line-height: 0.8em;
    display: block; } }

/* Live Smaller Countdown */
.post-mortem-box .countdown h2 {
  text-align: center; }

.post-mortem-box #liveCountdown .countdown-timer tbody td {
  padding: 18px 5% 10px; }

.post-mortem-box #liveCountdown .countdown-days,
.post-mortem-box #liveCountdown .countdown-hours,
.post-mortem-box #liveCountdown .countdown-minutes,
.post-mortem-box #liveCountdown .countdown-seconds {
  font-weight: 400;
  text-align: center;
  font-size: 2.5em;
  line-height: 0.9em;
  display: block; }

.post-mortem-box #liveCountdown .countdown-days-title,
.post-mortem-box #liveCountdown .countdown-hours-title,
.post-mortem-box #liveCountdown .countdown-minutes-title,
.post-mortem-box #liveCountdown .countdown-seconds-title {
  text-align: center;
  font-size: 1.2em;
  line-height: 0.8em;
  display: block; }

.post-mortem-box #liveCountdown .countdown-title {
  display: none; }

@media screen and (max-width: 979px) {
  .post-mortem-box #liveCountdown .countdown-days,
  .post-mortem-box #liveCountdown .countdown-hours,
  .post-mortem-box #liveCountdown .countdown-minutes,
  .post-mortem-box #liveCountdown .countdown-seconds {
    font-weight: 400;
    text-align: center;
    font-size: 1.8em;
    line-height: 0.9em;
    display: block; }
  .post-mortem-box #liveCountdown .countdown-days-title,
  .post-mortem-box #liveCountdown .countdown-hours-title,
  .post-mortem-box #liveCountdown .countdown-minutes-title,
  .post-mortem-box #liveCountdown .countdown-seconds-title {
    text-align: center;
    font-size: 1em;
    line-height: 0.8em;
    display: block; } }

/* ---- Mobile Responsive --- */
@media screen and (max-width: 980px) {
  .live .row {
    margin-left: 0; }
  .live [class*="span"] {
    width: 100%;
    margin-right: 0;
    margin-left: 0; } }

/* -----------------------------------


  @Predicted Lineups


  ----------------------------------- */
.grey-alt {
  padding-top: 60px;
  padding-bottom: 110px; }

.grey-alt .fffPitch {
  margin-bottom: 0px !important; }

.grey-alt:nth-child(even) {
  background-color: #e5e7e7; }

#lineups .grey-alt:nth-child(odd) {
  background-color: #fff; }

.lineups #fff {
  height: 480px; }

.lineups-tile {
  border: 2px solid #e5e7e7;
  margin-top: 160px;
  background-color: #fff;
  padding: 28px;
  position: relative;
  text-align: center;
  margin-bottom: 25px; }

.lineups-badge-left {
  display: inline-block;
  width: 50px;
  height: auto;
  float: left; }

.lineups-badge-right {
  display: inline-block;
  width: 50px;
  height: auto;
  float: right; }

.lineups-vs {
  margin-top: 50px;
  font-size: 2em;
  display: inline-block; }

.lineups-score {
  clear: both; }

.lineups-score-left {
  margin-top: 10px;
  margin-left: 9px;
  font-size: 2em;
  font-weight: 400;
  display: block;
  padding: 10px 18px;
  background-color: #e5e7e7;
  border-radius: 4px;
  float: left; }

.lineups-score-right {
  margin-top: 10px;
  margin-right: 9px;
  font-size: 2em;
  font-weight: 400;
  display: block;
  padding: 10px 18px;
  background-color: #e5e7e7;
  border-radius: 4px;
  float: right; }

.lineups-time-wrapper {
  clear: both; }

.lineups-time-title {
  letter-spacing: 1px;
  margin-top: 18px;
  font-size: 1.1em;
  line-height: 1em;
  font-weight: 400;
  display: inline-block; }

.lineups-time {
  display: block;
  font-size: 3em;
  margin-top: 10px; }

.lineups-time-to-kickoff span {
  display: block;
  font-size: 1.5em;
  margin-top: 8px;
  padding: 0px; }

@media (max-width: 1200px) {
  .lineups-time-to-kickoff {
    display: block;
    font-size: 0.8em;
    margin-top: 8px; }
  .lineups-badge-left {
    width: 40px; }
  .lineups-badge-right {
    width: 40px; } }

/* LINEUPS NEW */
.lineups-main-title {
  font-weight: 800;
  text-align: right;
  margin-top: 0px;
  font-size: 2.8em; }

.lineups-main-title span {
  border-bottom: 3px solid #43FF11; }

.intro p.lineups-paragraph {
  text-align: right; }

.lineups-accuracy-number {
  font-size: 2.2em;
  line-height: 1em;
  margin-top: 25px;
  text-align: center;
  color: #22133C; }

.lineups-formation-box .team-title {
  font-size: 2.2em;
  line-height: 1em;
  margin-top: 25px;
  text-align: center;
  color: #888; }

.lineups-formation-box .team-title div {
  margin: auto;
  padding: 10px;
  text-align: center;
  font-size: 250%;
  font-weight: 400;
  color: #22133C; }
  @media screen and (min-width: 768px) {
    .lineups-formation-box .team-title div {
      font-size: 200%; } }
  @media screen and (min-width: 980px) {
    .lineups-formation-box .team-title div {
      font-size: 225%; } }

.lineups-vs {
  margin-top: 25px; }

.prob-calc {
  margin-bottom: 0; }
  .prob-calc span {
    font-weight: 800;
    color: #22133C;
    font-size: 1.2em; }

@media screen and (max-width: 1200px) {
  .lineups-main-title {
    font-size: 2.3em;
    margin-bottom: 0; }
  .lineups-accuracy-number {
    font-size: 1.8em;
    line-height: 1em;
    margin-top: 18px;
    text-align: center;
    color: #888; }
  .lineups-formation-box .team-title {
    font-size: 1.5em;
    line-height: 1em;
    margin-top: 25px;
    text-align: center;
    color: #888; } }

@media screen and (max-width: 980px) {
  .lineups-main-title {
    font-size: 1.9em;
    margin-bottom: 0; }
  .lineups-accuracy-number {
    font-size: 1.4em;
    line-height: 1em;
    margin-top: 22px;
    text-align: center; } }

@media screen and (max-width: 767px) {
  .lineups-main-title {
    text-align: center;
    line-height: 1.3em;
    margin-bottom: 10px; }
  .intro p.lineups-paragraph {
    text-align: center; } }

@media screen and (max-width: 500px) {
  .lineups-formation-box .team-title {
    font-size: 1.1em; }
  .formations-dots {
    line-height: 28px;
    font-size: 42px;
    color: #FC1C5B;
    text-align: center;
    min-height: 80px; } }

/* -----------------------------------


  @Season Tickets


----------------------------------- */
.subhead-season {
  margin-bottom: 0px; }

@media (max-width: 767px) {
  .tile-season {
    margin-bottom: 30px; } }

.tile-season-inner {
  text-align: center; }

.tile-season-fff {
  font-size: 2em;
  margin-bottom: 20px; }

.tile-season-subhead-green {
  font-size: 3em;
  font-weight: 400;
  margin-bottom: 20px;
  color: #42FF0F; }

.tile-season-subhead-blue {
  font-size: 3em;
  font-weight: 400;
  margin-bottom: 20px;
  color: #00F2FD; }

.tile-season-tagline {
  font-size: 1.6em;
  line-height: 1.2em;
  font-weight: 400; }

@media screen and (max-width: 1200px) {
  .tile-season-tagline {
    font-size: 1.4em; } }

.tile-season-price {
  display: block;
  font-size: 3em;
  font-weight: 400;
  margin: 20px 0 15px 0; }

.tile-season-permonth {
  display: block;
  font-size: 1.5em;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 20px; }

.seasonextrainfo {
  text-transform: uppercase;
  margin: 40px 0;
  font-weight: 400;
  font-size: 1.2em; }

.season-boxone,
.season-boxtwo {
  margin: 20px 0; }

.season-boxone > p {
  font-size: 1.2em; }

.season-boxtwo > p {
  font-size: 1.2em; }

.seasontotal {
  font-weight: 400;
  margin-bottom: 20px; }

.seasontotal-title {
  display: block;
  text-transform: uppercase; }

.seasontotal-amount {
  font-size: 2em; }

/* -----------------------------------


  @My Email Notifications


------------------------------------- */
.accounts--profile__row {
  display: -webkit-flex;
  display: flex; }
  .accounts--profile__row .span6 {
    display: -webkit-flex;
    display: flex;
    position: relative; }
    @media screen and (min-width: 980px) {
      .accounts--profile__row .span6:first-child {
        padding-right: 20px; }
      .accounts--profile__row .span6:last-child {
        padding-left: 20px; }
        .accounts--profile__row .span6:last-child::before {
          content: '';
          position: absolute;
          top: 0;
          bottom: 20px;
          left: -2.5%;
          background: #eeeeee;
          width: 1px; } }

.accounts--profile__box {
  padding-bottom: 0; }

.accounts--profile .divider {
  margin-top: 10px; }

.accounts--profile__email h2 {
  text-align: center; }

.accounts--profile h2.title {
  margin: 0 0 30px 0;
  text-align: center; }

.accounts--profile .span9, .accounts--profile .span3 {
  min-height: 0 !important; }

.accounts--profile input[type="text"], .accounts--profile .control-group {
  margin-bottom: 0 !important; }

.accounts--profile .feature {
  padding: 15px 0;
  border-top: 1px solid #EFEFEF; }
  .accounts--profile .feature .info {
    display: -webkit-flex;
    display: flex;
    text-align: left;
    -webkit-align-items: center;
            align-items: center;
    box-sizing: border-box; }
  .accounts--profile .feature .icon {
    width: 70px;
    margin: 0 15px 0 0; }
    .accounts--profile .feature .icon .image {
      position: relative;
      margin: 0 auto 0 auto;
      width: 100%; }
      .accounts--profile .feature .icon .image::after {
        content: '';
        position: absolute;
        top: 15%;
        left: 2%;
        right: 2%;
        bottom: 15%;
        background: #efeeee;
        z-index: 1; }
      .accounts--profile .feature .icon .image img {
        position: relative;
        z-index: 2;
        box-sizing: border-box;
        display: inline-block;
        transition: all 0.25s ease-in-out; }
  .accounts--profile .feature h2 {
    font-size: 25px;
    display: inline-block;
    font-weight: 800; }
    .accounts--profile .feature h2 .new {
      display: inline-block;
      background: #29F1FF;
      font-size: 15px;
      line-height: 11px;
      padding: 6px;
      vertical-align: top;
      margin: 2px 0 0 5px; }
  .accounts--profile .feature .right-block {
    margin: 0 0 0 auto; }
    .accounts--profile .feature .right-block span {
      display: inline-block;
      color: #22133C;
      font-size: 8px;
      font-weight: 600;
      line-height: 10px;
      vertical-align: middle;
      text-align: center; }
    .accounts--profile .feature .right-block .btn-enable {
      float: right;
      padding: 5px 10px;
      height: auto;
      width: auto !important;
      margin-bottom: 0 !important;
      display: block; }
  .accounts--profile .feature .tickbox-wrap {
    float: right;
    border-left: 1px solid #EFEFEF;
    padding: 0 0 0 20px; }
    .accounts--profile .feature .tickbox-wrap span {
      margin-right: 8px; }
    .accounts--profile .feature .tickbox-wrap .tickbox {
      display: inline-block;
      vertical-align: middle; }
    .accounts--profile .feature .tickbox-wrap .amount {
      color: #22133C;
      font-weight: 800;
      display: inline-block;
      font-size: 23px;
      margin-right: 8px;
      vertical-align: middle; }
  .accounts--profile .feature .feature-dropdown {
    cursor: pointer;
    display: inline-block;
    border-right: 1px solid #DDD;
    padding: 0 20px 0 0;
    margin: 0 -1px 0 0; }
    .accounts--profile .feature .feature-dropdown i {
      font-family: Fix Sans;
      padding: 5px 0;
      font-size: 12px;
      line-height: 12px;
      font-style: normal;
      font-weight: 500;
      color: #fff;
      background-color: #22133C;
      border-radius: 50%;
      display: inline-block;
      width: 22px;
      text-align: center; }

.accounts--profile .collapse .paragraph {
  margin-bottom: 30px; }

.accounts--profile__submit {
  text-align: center; }
  .accounts--profile__submit .btn {
    width: 100%;
    max-width: 100%;
    padding: 13px 15px 12px;
    margin-bottom: 0 !important;
    display: inline-block; }

@media screen and (max-width: 1200px) {
  .accounts--profile .feature {
    padding: 10px 0; }
    .accounts--profile .feature .icon {
      width: 60px; }
    .accounts--profile .feature h2 {
      font-size: 20px;
      width: 40%;
      line-height: 22px; }
    .accounts--profile .feature .feature-dropdown {
      padding: 0 10px 0 0; }
    .accounts--profile .feature .tickbox-wrap {
      border-left: 0;
      padding: 0 0 0 10px; }
  .accounts--profile .discount .icon {
    width: 24%; } }

@media screen and (max-width: 980px) {
  .accounts--profile__row {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column; }
    .accounts--profile__row .span6 {
      display: -webkit-flex;
      display: flex;
      margin-left: 0;
      width: 100%;
      float: none; }
      .accounts--profile__row .span6:last-child {
        padding-top: 20px;
        border-top: 1px solid #EFEFEF; }
    .accounts--profile__row h2.title {
      margin: 0 0 20px 0; }
  .accounts--profile .divider {
    margin-bottom: 20px; } }

@media screen and (max-width: 767px) {
  .accounts--profile .span4 {
    margin-bottom: 0; }
  .accounts--profile__submit {
    padding-top: 20px; }
  .accounts--profile__email h2 {
    margin: 0 0 20px 0; } }

@media screen and (max-width: 600px) {
  .accounts--profile .feature {
    padding: 10px 0; }
    .accounts--profile .feature .info {
      -webkit-flex-direction: column;
              flex-direction: column; }
    .accounts--profile .feature .icon {
      width: 100px;
      margin-bottom: 15px; }
    .accounts--profile .feature h2 {
      font-size: 20px;
      margin-bottom: 15px;
      width: 100%; }
    .accounts--profile .feature .right-block {
      width: 100%;
      border-top: 1px solid #efefef;
      padding: 10px 0 0 0; }
  .accounts--profile .feature h2 {
    text-align: center; }
  .accounts--profile .discount .icon {
    width: 24%; } }

/* -----------------------------------


  @The Community


  ----------------------------------- */
.sidebar .input-block-level {
  width: 100% !important; }

/* -----------------------------------


  @Features


  ----------------------------------- */
.landing-page.header.header-features {
  background-color: #22133C; }

.features-page .intro {
  padding: 150px 0 190px;
  color: #fff; }

.features-page .intro h1 {
  color: #fff;
  text-align: center;
  font-weight: 800;
  font-size: 2.7em;
  line-height: 45px;
  margin-bottom: 30px; }

.features-page .intro .paragraph {
  text-align: center; }

.features-page .paragraph {
  text-align: left;
  font-size: 1.5em;
  line-height: 1.7em;
  max-width: 850px;
  width: 90%;
  margin: 0 auto;
  opacity: 0.6; }

.features .grey-bg {
  padding: 0; }

.features p {
  font: 1.5em/1.7em 'Fix Sans', sans-serif;
  font-weight: 300;
  margin: 0 auto;
  color: #b4b4b5;
  text-align: center; }

.features section {
  padding-top: 150px; }

.features .inner {
  padding-bottom: 150px; }

@media screen and (max-width: 960px) {
  .features section {
    padding-top: 60px; }
  .features .inner {
    padding-bottom: 60px; }
  .features p {
    font: 1.3em/1.9em 'Fix Sans', sans-serif;
    font-weight: 300;
    margin: 0 auto;
    color: #b4b4b5;
    text-align: center; } }

.features .inner h2 {
  color: #fff;
  font-size: 2.7em;
  font-weight: 800;
  line-height: 1em;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 30px;
  width: 90%; }

.features .browser {
  padding: 0 !important;
  text-align: center;
  overflow: hidden; }

.browser .inner {
  padding-bottom: 0; }

.features img {
  vertical-align: bottom; }

/* Section One */
.features .one h2 {
  color: #22133C; }

.features .one p {
  color: #8A8A8A;
  opacity: 0.6;
  width: 90%;
  max-width: 650px; }

/* Section Two */
.features .two {
  background: #42FF0F; }

.features .two p {
  color: #fff;
  opacity: 0.6;
  width: 90%;
  max-width: 650px; }

.features .two .browser {
  height: auto; }

/* Section Three */
.browser-container {
  position: relative; }

.browser-box1 {
  float: left;
  width: 70%;
  position: relative;
  z-index: 1; }

.browser-box2 {
  float: right;
  width: 100%;
  position: absolute;
  right: 0;
  bottom: 0; }

.browser-box2 .browser {
  background: #FAFAFA; }

.features .three {
  background: #00f2fd; }

.features .three p {
  color: #fff;
  opacity: 0.6;
  width: 90%;
  max-width: 650px; }

/* Section Four */
.features .four {
  background: #37bc81; }

.features .four .browser {
  height: auto; }

.features .four p {
  color: #fff;
  opacity: 0.6;
  width: 90%;
  max-width: 650px; }

/* Section Five */
.features .five {
  background: #8ed2cf; }

.features .five p {
  color: #fff;
  opacity: 0.6;
  width: 90%;
  max-width: 650px; }

/* Section Six */
.features .six {
  background: #e4215c; }

.features .six p {
  color: #fff;
  opacity: 0.6;
  width: 90%;
  max-width: 620px; }

/* Lockout */
.psp-lockout {
  text-align: center; }
  .psp-lockout .white-box {
    padding: 120px 20px; }
    .psp-lockout .white-box h1 {
      margin: 0 0 30px 0; }
    .psp-lockout .white-box .paragraph {
      text-align: center; }
  .psp-lockout h1 {
    font-size: 35px;
    margin: 0;
    font-weight: 800; }
  .psp-lockout h2 {
    margin: 20px 0 25px 0 !important; }

.lockout .psp-lockout .white-box {
  padding: 40px 20px; }

.lockout .paragraph {
  text-align: left; }

@media screen and (max-width: 767px) {
  .psp-lockout .white-box {
    padding: 20px 20px; } }

.lockout .first-box {
  position: relative;
  right: 51.4%; }

.lockout .second-box {
  position: relative;
  left: 51.4%; }

@media screen and (max-width: 767px) {
  .lockout .first-box {
    position: static;
    right: 0; }
  .lockout .second-box {
    position: static;
    left: 0; } }

.lockout h2 {
  font-weight: 800;
  margin-top: 0;
  margin-bottom: 20px; }
  .lockout h2.name {
    font-size: 35px;
    font-weight: 800; }
  .lockout h2 img {
    display: inline-block;
    vertical-align: middle;
    max-width: 60px;
    margin-right: 20px; }

.lockout .addon-box {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #EFEFEF; }
  .lockout .addon-box:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: none; }

.lockout .feature-wrap p {
  margin: 0; }

.lockout .feature-wrap .btn {
  margin-top: 20px; }

.lockout .feature {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #EFEFEF; }
  .lockout .feature h3 {
    font-size: 24px;
    margin-top: 0;
    font-weight: 800; }
  .lockout .feature:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: none; }
  .lockout .feature .info {
    -khtml-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
  .lockout .feature .btn {
    display: inline-block;
    vertical-align: middle;
    width: 23%;
    font-size: 12px;
    line-height: 15px;
    -khtml-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }

.lockout .payment-box {
  text-align: center; }
  .lockout .payment-box h2 {
    font-weight: 800; }
  .lockout .payment-box h3 {
    margin: 0 0 20px 0; }
  .lockout .payment-box p {
    margin-bottom: 20px; }

/* -----------------------------------


  @General Pages


----------------------------------- */
.video-wrapper {
  position: relative;
  padding-bottom: 56%;
  height: 0;
  overflow: hidden; }

.video-wrapper iframe {
  vertical-align: middle; }

.video-wrapper iframe, .video-wrapper object, .video-wrapper embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box; }

/* ---- @Beat The Bookie ---- */
.bookie-box {
  background-color: #fff;
  margin-bottom: 30px; }

.bookie-inner {
  padding: 40px; }

p.bookie {
  font-size: 1.4em;
  line-height: 1.5em; }

.jumbotron .lead span.year {
  font-size: inherit;
  margin: 0; }

.jumbotron .lead span.bookie {
  margin: 0; }

/* ---- @About ---- */
.optibot-about {
  margin-left: 40px;
  margin-right: 10px;
  float: right; }

.optibot-about img {
  height: 120px; }

@media screen and (max-width: 600px) {
  .optibot-about {
    margin-left: 0;
    float: none;
    width: 200px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 20px; }
  .optibot-about img {
    height: 230px; } }

/* ---- @Privacy Policy ---- */
.privacy h2 {
  font-size: 1.7em;
  line-height: 1.5em; }

/* ---- @Useful Links ---- */
/* ---- @Contact ---- */
.contact {
  text-align: center; }
  .contact__title {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center; }
  .contact__title .img-wrap {
    padding: 15px;
    background: #f5f5f5;
    border-radius: 50%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
            justify-content: center;
    margin-right: 15px;
    width: 75px;
    height: 75px;
    box-sizing: border-box; }
  .contact__title h1 {
    font-weight: 900;
    font-size: 32px; }
  .contact__faqs {
    margin-top: 30px;
    display: none; }
    .contact__faqs .panel-default > .panel-heading a {
      font-size: 16px;
      font-weight: 500;
      text-align: left; }
    .contact__faqs .panel-body {
      font-size: 14px; }

.contact__topics h2 {
  margin-top: 40px; }

.contact__topics-dropdown-wrap {
  position: relative;
  width: 100%;
  max-width: 324px;
  margin: 10px auto 0; }
  .contact__topics-dropdown-wrap i {
    position: absolute;
    top: 14px;
    right: 0;
    font-size: 22px;
    pointer-events: none; }

.contact__topics select {
  width: 100%;
  text-indent: 0;
  text-align: left;
  padding-left: 2px;
  font-size: 16px;
  height: 50px !important;
  background-color: transparent;
  border-bottom: 1px solid #35264e; }

.contact__faq-link {
  margin-top: 30px;
  display: none;
  color: #35264e; }
  .contact__faq-link a {
    font-weight: 600; }

.contact__more-help p {
  font-size: 14px;
  margin: 20px 0; }

.contact__more-help a {
  color: #35264e;
  font-weight: 600; }

.contact__more-help a:hover {
  color: #FC1C5B; }

.contact__more-help .contact-form {
  display: none;
  padding-top: 40px;
  margin-top: 40px;
  border-top: 1px solid #ddd; }

.contact span {
  text-transform: uppercase;
  font-weight: 400;
  color: #22133C; }

.zocial:hover, a.zocial:hover {
  color: #fff; }

/* Maintenance */
.maintenance-title {
  font-size: 2em;
  margin: 100px 0; }

/* Mondogoal */
.mondogoal-box-wrap .help-box {
  padding: 16px; }

.mondogoal-box {
  margin-bottom: 30px; }

.mondogoal-box a {
  background-color: #42FF0F;
  display: block;
  border-radius: 17px; }

.mondogoal-box a img {
  background-color: #42FF0F;
  display: block;
  border-radius: 17px;
  border-right: 4px solid #42FF0F;
  border-bottom: 1px solid #42FF0F; }

.btpr-jumbotron .lead {
  margin-bottom: 0; }

.btpr-jumbotron .lead span {
  margin-top: 0;
  margin-bottom: 0; }

.btpr-jumbotron .mondogoal-header {
  font-weight: 400; }

.btpr-jumbotron .mondogoal-header img {
  width: 50px; }

.mondogoal-box .white-inner {
  text-align: center;
  font-weight: 400; }

.mondogoal-box p {
  margin-bottom: 0; }

.mondogoal-box .white-inner span {
  display: block;
  line-height: 1.3em; }

@media screen and (min-width: 1200px) {
  .mondogoal-box p {
    margin-top: 10px;
    margin-right: 20px; } }

@media screen and (min-width: 980px) {
  .mondogoal-box p {
    margin-top: 10px;
    margin-right: 20px; } }

@media screen and (max-width: 767px) {
  .mondogoal-box .span4 {
    margin-bottom: 10px; } }

/* Help Icon */
.mondogoal-box-wrap .help-box p.two {
  display: none; }

@media screen and (max-width: 1200px) {
  .mondogoal-box-wrap .help-box p.one {
    display: none; }
  .mondogoal-box-wrap .help-box p.two {
    display: block; }
  .help-box img {
    width: 100%;
    max-width: 60px; }
  .help-box p {
    margin: 7px 0 0 0; } }

@media screen and (max-width: 980px) {
  .mondogoal-box-wrap .help-box p.one {
    display: none; }
  .mondogoal-box-wrap .help-box p.two {
    display: none; }
  .help-box img {
    width: 100%;
    max-width: 50px; }
  .help-box p {
    margin: 7px 0 0 0; } }

/* -----------------


  GUIDE OVERVIEW


-------------------- */
.psp_banner {
  padding: 160px 0 60px;
  background: #22b5a1;
  text-align: center;
  color: #ffffff; }

.psp_banner h2 {
  margin: 0;
  font-size: 2.8em;
  font-weight: 800;
  color: #ffffff; }

@media screen and (max-width: 980px) {
  .psp_banner {
    padding-top: 60px; } }

.guide-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
  width: 100%; }

.guide-header .logo {
  width: 70%;
  max-width: 250px;
  float: left;
  margin: 10px 0 10px 15px;
  webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in; }

@media screen and (max-width: 500px) {
  .guide-header .logo {
    width: 70% !important; } }

.guide-header.sticky-header {
  min-height: 0;
  webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in; }

.guide-header.sticky-header .logo {
  width: 200px;
  float: left;
  margin-top: 5px;
  webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in; }

.guide-header.guide-new-header.sticky-header .logo {
  width: 270px; }

.guide-header .nav-pills > li > a {
  border: 1px solid #fff;
  webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in; }

.guide-header .nav-pills > li > a:hover {
  background: #fff;
  border: 1px solid #22B5A1;
  color: #22B5A1 !important;
  border-bottom: 1px solid transparent;
  webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in; }

.guide-header.old .nav-pills > li > a:hover {
  background: #fff;
  border: 1px solid #42FF0F;
  color: #42FF0F !important;
  border-bottom: 1px solid transparent;
  webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in; }

.guide-header .nav-pills > li > a.menu-double {
  padding: 16px 22px !important;
  vertical-align: middle; }

.guide-header ul li.cta-btn a {
  background-color: #22B5A1;
  color: #fff;
  margin-left: 20px;
  border-bottom: 1px solid #22B5A1; }

.guide-header.old ul li.cta-btn a {
  background-color: #42FF0F;
  color: #fff;
  margin-left: 20px;
  border-bottom: 1px solid #42FF0F; }

.guide-header .fff-menu {
  webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in; }

.guide-header.sticky-header .fff-menu {
  float: right;
  margin: 0;
  webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in; }

.guide-header.sticky-header .btn-fffnav {
  margin-top: 20px;
  margin-bottom: 13px;
  webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in; }

.guide-header-nav .logo {
  width: 70%;
  max-width: 230px;
  float: left;
  margin-top: 11px;
  webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in; }

.guide-new-header.logo {
  width: 70%;
  max-width: 330px;
  float: left;
  margin-top: 13xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxscdeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeed dfv3rf4 4r  r32wOpx;
  webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in; }

.guide-intro {
  margin-top: 108px;
  background-color: #00F2FD;
  display: table;
  width: 100%; }

.guide-intro .intro-ipad {
  position: relative; }

.guide-intro .intro-ipad .ipad-img {
  margin-top: 80px; }

.guide-intro .intro-ipad .new-badge {
  position: absolute;
  top: 20px;
  left: -40px; }

@media screen and (max-width: 1200px) {
  .guide-intro .intro-ipad .new-badge {
    position: absolute;
    top: 50px;
    left: -20px;
    width: 160px; } }

@media screen and (max-width: 980px) {
  .guide-intro .intro-ipad .new-badge {
    position: static;
    top: 50px;
    left: -20px;
    width: 160px;
    margin: 0 auto;
    display: block; }
  .guide-intro .intro-ipad .ipad-img {
    margin-top: 20px; } }

.guide-intro .intro-wrap {
  display: table; }

.guide-intro .intro-wrap .intro-info {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  text-align: center; }

.guide-intro .intro-wrap .intro-info h1 {
  max-width: 470px;
  margin: 0 auto;
  margin-bottom: 40px;
  margin-top: 40px;
  color: #fff;
  font-weight: 800;
  font-size: 2.2em;
  line-height: 1.4em; }

.guide-intro .intro-wrap .intro-info .btn-one-secondary {
  color: #888;
  background-color: #fff; }

.sg-ipad-wrap {
  padding: 60px 0; }

.sg-ipad-wrap h2 {
  margin-bottom: 60px; }

.sg-ipad {
  padding: 0;
  margin: 0; }

.landing-features .sg-ipad .landing-feature {
  margin-bottom: 0; }

.sg-ipad-wrap .sg-ipad .landing-feature:nth-child(odd) h3,
.sg-ipad-wrap .sg-ipad .landing-feature:nth-child(odd) .paragraph {
  text-align: left !important; }

.sg-ipad-wrap .bx-wrapper .bx-pager.bx-default-pager a:hover {
  background: #42FF0F;
  position: relative; }

.sg-ipad-wrap .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #42FF0F;
  border: 5px solid #42FF0F;
  position: relative; }

.sg-ipad-wrap .bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  border: 5px solid #fff;
  height: 10px;
  margin: 0 14px;
  outline: 0;
  border-radius: 20px; }

.sg-ipad-wrap .bx-wrapper .bx-pager,
.sg-ipad-wrap .bx-wrapper .bx-controls-auto {
  position: relative;
  bottom: 0;
  width: 100%;
  padding-top: 80px !important; }

@media screen and (max-width: 980px) {
  .sg-ipad-wrap .bx-wrapper .bx-pager, .sg-ipad-wrap .bx-wrapper .bx-controls-auto {
    padding-top: 40px !important; } }

.sg-ipad-arrows {
  margin-top: -40px;
  position: relative;
  padding-bottom: 60px; }

.sg-ipad-arrows #slider-prev {
  position: absolute;
  left: 0; }

.sg-ipad-arrows #slider-next {
  position: absolute;
  right: 0; }

@media screen and (max-width: 500px) {
  .sg-ipad-arrows {
    margin-top: 30px;
    position: relative;
    padding-bottom: 40px; }
  .sg-ipad-arrows #slider-prev {
    width: 45%; }
  .sg-ipad-arrows #slider-next {
    width: 45%; } }

.sg-ipad-arrows a {
  font-size: 14px;
  color: #fff !important;
  padding: 15px 20px;
  background-color: #42FF0F;
  color: #fff;
  letter-spacing: 1px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 18px;
  text-shadow: none;
  background-image: none;
  box-shadow: none;
  -webkit-font-smoothing: antialiased;
  transition: background .4s ease-in-out;
  border-radius: 4px;
  display: block; }

.sg-ipad-arrows a:hover {
  background-color: #b5c951;
  color: #fff;
  transition: background .4s ease-in-out; }

@media screen and (min-width: 980px) {
  .sg-ipad-wrap .sg-ipad .landing-feature:nth-child(odd) img {
    padding-left: 0 !important; }
  .sg-ipad-wrap .sg-ipad .landing-feature:nth-child(even) img {
    padding-right: 0 !important; } }

.section-title {
  font-weight: 800;
  margin-bottom: 60px;
  text-align: center;
  font-size: 2.3em;
  line-height: 1.4em; }

.section-title.first-para {
  font-size: 2.1em;
  line-height: 1.4em; }

.guide-features {
  padding: 80px 0 80px 0; }

.guide-features .white-box {
  border: 1px solid #EFEFEF;
  padding: 30px 0; }

.guide-features .white-box p:last-child {
  margin-bottom: 0; }

.guide-features .white-box h2 {
  margin-top: 0; }

.guide-features .white-box img {
  margin-bottom: 0;
  margin-top: 19px;
  margin-right: 40px;
  float: left; }

#fixmerch-modal .modal-body {
  max-height: 540px; }

.pre_season_pack .video {
  padding: 20px;
  background: #1A9B84;
  border-radius: 15px;
  position: relative;
  position: relative;
  padding-bottom: 55%;
  padding-top: 30px;
  height: 0;
  overflow: hidden; }

.pre_season_pack .video::after {
  content: '•';
  color: #fff;
  position: absolute;
  left: 50%;
  top: 5px;
  z-index: 2;
  line-height: 0.9; }

.pre_season_pack .video iframe {
  vertical-align: middle; }

.pre_season_pack .video iframe, .pre_season_pack .video object, .pre_season_pack .video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
  box-sizing: border-box; }

.pre_season_pack .video-text {
  display: table; }

.pre_season_pack .video-text .wrap {
  display: table-cell;
  vertical-align: middle;
  padding: 0 20px; }

.pre_season_pack .video-text h2 {
  padding: 0 10px;
  font-size: 3em;
  line-height: 1em;
  margin-bottom: 30px; }

.pre_season_pack .video-text .wrap .btn {
  position: relative;
  top: 0;
  color: #888;
  box-shadow: 0px 4px 0px #94C5B4 !important;
  text-align: center;
  transition: all 0.25s ease-in-out; }

.pre_season_pack .video-text .wrap .btn:hover {
  position: relative;
  top: 4px;
  color: #888;
  box-shadow: 0px 0px 0px #94C5B4 !important;
  text-align: center;
  transition: all 0.25s ease-in-out; }

@media screen and (max-width: 767px) {
  .pre_season_pack .video-text h2 {
    font-size: 2em;
    padding-top: 40px; } }

.cards-wrap {
  padding: 60px 0;
  background-color: #f4f4f4;
  text-align: center; }

.cards-wrap.two {
  background-color: #ffffff; }

.cards-wrap h2 {
  margin-top: 0;
  margin-bottom: 40px;
  text-transform: uppercase;
  letter-spacing: 0.03em; }

.cards-wrap .psp-card {
  text-align: center; }

.cards-wrap.two .psp-card {
  border: 1px solid #f4f4f4; }

.cards-wrap .psp-card img {
  display: inline-block;
  margin-bottom: 30px;
  width: 130px; }

.cards-wrap .psp-card h3 {
  margin-bottom: 30px; }

.cards-wrap ul {
  margin: 0; }

#whybuyCollapse_essential .seasonguide-bg,
#whybuyCollapse_pro .seasonguide-bg {
  background: #22b5a1;
  color: #fff; }

#whybuyCollapse_essential h2,
#whybuyCollapse_pro h2 {
  font-size: 3em;
  font-weight: 800;
  color: #ffffff; }

#whybuyCollapse_essential .box,
#whybuyCollapse_pro .box {
  color: #9B9B9B;
  background: #fff;
  padding: 20px;
  text-align: center;
  border-radius: 8px;
  font-size: 1.1em; }

#whybuyCollapse_essential .box img,
#whybuyCollapse_pro .box img {
  display: block;
  margin: 0 auto 10px auto;
  width: 25px; }

@media screen and (min-width: 767px) {
  .cards-wrap ul li.slick-slide {
    padding: 0 15px; } }

@media screen and (max-width: 767px) {
  #whybuyCollapse_essential .box,
  #whybuyCollapse_pro .box {
    margin: 0 0 30px 0 !important; } }

.cards-wrap .buttons .btn {
  width: 100%;
  margin: 5px 0;
  box-sizing: border-box; }

.cards-wrap .buttons .btn-grey {
  background-color: #c7c6c6; }

.cards-wrap .buttons .btn-outline {
  color: #888888;
  background-color: transparent;
  border: 1px solid #c7c6c6;
  padding: 8px 10px; }

.cards-wrap .buttons .btn-outline img {
  width: 30px;
  margin-right: 15px; }

.cards-wrap .buttons .btn-green {
  background-color: #22b5a1; }

.cards-wrap .buttons .btn-grey {
  background-color: #c7c6c6; }

.cards-wrap .slick-dots {
  position: static;
  margin-top: -10px !important;
  margin-bottom: 20px !important; }

.cards-wrap .slick-dots li button:before {
  font-size: 45px;
  opacity: 1;
  color: #e4eaeb; }

.cards-wrap .slick-dots li.slick-active button:before {
  color: #22b5a1;
  opacity: 1; }

@media screen and (max-width: 1200px) {
  .guide-features .white-box .span9 {
    padding-left: 20px; }
  .guide-features .white-box img {
    margin-top: 40px; }
  .cards-wrap .white-box {
    padding: 20px 0; }
  .cards-wrap .white-inner {
    padding: 0 20px; } }

@media screen and (max-width: 980px) {
  .guide-features .white-box .span9,
  .guide-features .white-box .span3 {
    width: 100%;
    margin-right: 0;
    margin-left: 0; }
  .guide-features .white-box img {
    margin-bottom: 20px;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    float: none; } }

.testimonial .white-box {
  margin-bottom: 0; }

.testimonial .white-box h2 {
  margin-top: 0; }

.testimonial .arrow {
  width: 25px;
  display: block;
  margin: 0 auto;
  margin-top: -1px;
  margin-bottom: 20px; }

.guide-cta {
  padding: 0 0 100px 0;
  text-align: center; }

.guide-cta .btn-one-secondary {
  font-size: 1.5em;
  padding: 25px 40px; }

.seasonguide-bg {
  background-color: #e4eaeb;
  padding: 80px 0 80px 0; }

.psp-countdown {
  margin-bottom: 60px;
  text-align: center; }

.psp-countdown.bottom {
  margin-bottom: 0;
  margin-top: 60px;
  text-align: center; }

.psp-title {
  margin-top: 0;
  margin-bottom: 60px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  text-align: center; }

.psp-title.cd-title {
  margin-bottom: 20px; }

.psp-title2 {
  text-align: center;
  margin-bottom: 60px; }

#pricing .notice {
  width: 700px;
  max-width: 90%;
  font-size: 1.1em;
  margin: 20px auto 40px auto;
  text-align: center; }

.testimonials-wrap li h6 {
  text-align: left; }

.testimonials-wrap li h2 {
  font-size: 2.1em; }

#testimonials .bx-pager.bx-default-pager a:hover,
#testimonials .bx-pager.bx-default-pager a.active {
  background: #22B5A1; }

#testimonials .bx-pager.bx-default-pager a {
  background: #E4EAEB; }

.g-payment-boxes .span4 {
  margin-left: 0; }

.g-payment-boxes .span4:nth-child(3) .g-payment-box {
  border-radius: 0px 12px 12px 0px; }

@media screen and (max-width: 767px) {
  .testimonials-wrap li img {
    text-align: center;
    margin: 0 auto; }
  .testimonials-wrap li h6 {
    text-align: center;
    margin-bottom: 10px; }
  .testimonials-wrap li h2 {
    text-align: center;
    font-size: 1.5em; } }

.g-payment-boxes .span4:nth-child(1),
.g-payment-boxes .span4:nth-child(3) {
  width: 32%; }

.g-payment-boxes .span4:nth-child(2) {
  width: 36%; }

.g-payment-box {
  text-align: center;
  overflow: visible; }

.g-payment-box h1 {
  line-height: 1;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 26px;
  position: relative; }

.g-payment-box .discount-price-badge {
  position: absolute;
  right: -5%;
  top: 50%;
  width: 25px;
  margin-top: -20px;
  height: 25px;
  background-color: #00F2FD;
  color: #fff;
  text-align: center;
  font-size: 13px;
  padding: 10px;
  border-radius: 40px; }

@media screen and (max-width: 1200px) {
  .g-payment-box h1 {
    line-height: 1;
    margin-top: 0;
    font-size: 22px; } }

.g-payment-box h2 {
  margin-top: 0;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 15px;
  line-height: 15px;
  color: #C2C2C2;
  margin-bottom: 20px; }

.g-payment-box h1.price .was-price {
  width: 70px;
  height: 70px;
  background-color: #fff;
  border: 1px solid #eeeeee;
  text-align: center;
  font-size: 10px;
  padding: 19px 0px;
  box-sizing: border-box;
  border-radius: 100px;
  color: #22B5A1;
  position: absolute;
  left: -30px;
  top: -28px;
  box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.1); }

.g-payment-boxes.old .g-payment-box h1.price .was-price {
  color: #3BCAEA; }

.g-payment-box h1.price .was-price span {
  font-size: 25px;
  display: block;
  color: #888; }

@media screen and (min-width: 980px) and (max-width: 1200px) {
  .g-payment-box h1.price .was-price {
    left: -15px;
    top: -28px; } }

@media screen and (max-width: 980px) {
  .g-payment-box h1.price .was-price {
    left: -5px;
    top: -28px; } }

.g-payment-box h1.price {
  border-top: 1px solid #ececec;
  padding: 20px 0 10px 0;
  margin-bottom: 20px; }

.g-payment-box.best-value {
  border: 3px solid #22B5A1;
  overflow: visible;
  padding-top: 10px;
  margin-top: -28px;
  padding-bottom: 60px; }

.g-payment-boxes.old .g-payment-box.best-value {
  border: 3px solid #3BCAEA; }

.g-payment-boxes.new .g-payment-box.best-value {
  position: relative;
  border: 3px solid #22B5A1;
  padding-top: 64px;
  margin-top: -28px;
  padding-bottom: 60px;
  position: relative; }

.g-payment-box ul {
  padding: 0;
  margin: 0; }

.g-payment-box ul {
  margin-bottom: 30px;
  border-bottom: 1px solid #ececec;
  padding-bottom: 10px; }

.g-payment-box ul.first {
  margin-bottom: 0px;
  border-bottom: 0;
  padding-bottom: 0; }

.g-payment-box ul li {
  font-size: 1.05em;
  line-height: 1.5em;
  color: #22133C;
  clear: both;
  text-align: center;
  margin-bottom: 10px;
  overflow: hidden; }

.g-payment-box ul li span {
  display: inline;
  margin-top: 3px; }

.g-payment-box ul li span i {
  margin-left: 5px; }

.g-payment-box ul li a .fa-question-circle {
  font-size: 1em; }

.g-payment-box ul li.disabled {
  opacity: 0.5; }

.g-payment-box ul li.highlight {
  margin: 0 -40px;
  padding: 10px 40px;
  background-color: #42FF0F;
  color: #fff; }

.g-payment-box ul li.free-credit {
  border-top: 1px solid #EFEFEF;
  border-bottom: 1px solid #EFEFEF;
  padding: 6px 0;
  color: #22B5A1; }

.g-payment-box ul li.free-credit span {
  display: inline-block;
  margin-top: 6px; }

.g-payment-box ul li .g-icon {
  float: left;
  max-width: 30px;
  vertical-align: middle;
  margin-right: 10px; }

h4.divider-plus {
  margin: 0 0 10px 0;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  z-index: 1;
  letter-spacing: 0.08em; }

h4.divider-plus:before {
  border-top: 1px solid #EFEFEF;
  content: "";
  margin: 0 auto;
  position: absolute;
  top: 12px;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: -1; }

h4.divider-plus span {
  background: #fff;
  padding: 0 10px; }

.g-payment-box .price .pound {
  font-size: 18px;
  vertical-align: top;
  margin-top: 5px;
  display: inline-block;
  margin-right: 2px; }

.g-payment-box .price .number {
  font-size: 2em; }

.g-payment-box p {
  text-align: left; }

.g-payment-box .dynamic-spacing-basic,
.g-payment-box .dynamic-spacing-medium {
  display: block; }

.g-payment-box .btn {
  background-color: #22B5A1;
  margin-bottom: 20px;
  width: 100%; }

.g-payment-boxes.old .g-payment-box .btn {
  background-color: #3BCAEA;
  margin-bottom: 20px;
  width: 100%; }

.g-payment-box .discount-banner {
  position: relative;
  width: 100%;
  background-color: #22B5A1;
  margin: 0 -40px;
  padding: 10px 40px;
  margin-bottom: 20px; }

.g-payment-boxes.old .g-payment-box .discount-banner {
  background-color: #3BCAEA; }

.g-payment-boxes.new .g-payment-box .discount-banner-wrap {
  position: absolute;
  right: 0;
  top: 0;
  height: 150px;
  width: 150px;
  overflow: hidden; }

.g-payment-boxes.new .g-payment-box .discount-banner {
  width: 90px;
  position: absolute;
  top: 20px;
  right: -50px;
  text-align: center;
  background-color: #22B5A1;
  margin: 0;
  padding: 10px 50px;
  margin-bottom: 20px;
  z-index: 2;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.g-payment-boxes.old .g-payment-box .discount-banner:before {
  content: '';
  position: absolute;
  left: -20px;
  top: 12px;
  width: 17px;
  height: 35px;
  background-color: transparent;
  background-image: url("../../images/seasontickets/ribbon-leftb.png");
  background-size: 100% 100%; }

.g-payment-boxes.old .g-payment-box .discount-banner:after {
  content: '';
  position: absolute;
  right: -20px;
  top: 12px;
  width: 17px;
  height: 35px;
  background-color: transparent;
  background-image: url("../../images/seasontickets/ribbon-rightb.png");
  background-size: 100% 100%; }

.g-payment-box .discount-wrap {
  margin-top: 20px; }

.g-payment-box .btn-codes {
  padding: 13px;
  display: block;
  margin-bottom: 10px; }

.g-payment-box .control-group {
  margin-bottom: 0; }

.guide-features {
  text-align: center; }

.guide-features p {
  margin-bottom: 40px; }

.guide-features .btn-one-d {
  padding: 18px 25px;
  color: #888888;
  font-size: 16px;
  background-color: #FFFFFF; }

@media screen and (min-width: 980px) and (max-width: 1200px) {
  .g-payment-box .discount-banner {
    position: relative;
    width: 100%;
    background-color: #22B5A1;
    margin: 0 -20px;
    padding: 10px 20px;
    margin-bottom: 20px; }
  .g-payment-box .white-inner {
    padding: 0 20px; }
  .g-payment-box.best-value .white-inner {
    padding: 0 35px; }
  .g-payment-box ul li span {
    font-size: 13px; }
  .g-payment-box ul li.free-credit span {
    width: 65%;
    margin-top: 0px; } }

#whybuy {
  color: #fff; }

#whybuy .section-title {
  color: #fff;
  margin-bottom: 30px;
  font-size: 2.4em;
  line-height: 1.4em;
  font-weight: 800; }

#whybuy .section-title-text {
  color: #fff;
  margin-bottom: 30px;
  font-size: 1.8em;
  line-height: 1.4em;
  font-weight: 800; }

#whybuy ul {
  text-align: left;
  max-width: 660px;
  margin: 0 auto;
  padding-left: 40px; }

#whybuy ul li {
  color: #BDBDBD;
  font-size: 2em;
  line-height: 1em;
  margin-bottom: 20px;
  position: relative; }

#whybuy ul li:before {
  font-family: 'fontawesome';
  content: '\f05d';
  margin-right: 10px;
  position: absolute;
  left: -40px;
  top: 0; }

#whybuy ul li strong {
  color: #fff; }

#whybuy ul li i {
  margin-right: 25px;
  color: #BDBDBD; }

@media screen and (max-width: 980px) {
  .g-payment-boxes .span4:nth-child(1),
  .g-payment-boxes .span4:nth-child(2),
  .g-payment-boxes .span4:nth-child(3) {
    width: 100%; }
  .g-payment-box.best-value,
  .g-payment-boxes.new .g-payment-box.best-value {
    margin-top: 0; }
  .g-payment-box .discount-banner {
    margin: 0 -20px;
    padding: 10px 20px;
    margin-bottom: 20px; } }

.g-payment-box .discount-banner h1 {
  margin: 0;
  color: #fff;
  line-height: 1;
  font-size: 15px;
  letter-spacing: 0.08em; }

#g-discount h2 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px; }

#g-discount .btn {
  width: 100%; }

#g-discount .control-group {
  margin-bottom: 10px;
  position: relative; }

#g-discount .control-group #payment_discount_errors,
#g-discount .control-group #payment_discount_details,
#g-discount .control-group #payment_referral_errors,
#g-discount .control-group #payment_referral_details {
  position: absolute;
  width: 100%; }

#guide_details {
  text-align: center; }

@media screen and (max-width: 1200px) {
  .guide-intro {
    margin-top: 85px; } }

/* Login Modal */
#loginModal .modal-body,
#purchaseModal .modal-body,
#interestModal .modal-body {
  position: relative;
  max-height: 900px;
  overflow-y: auto;
  margin: 0;
  width: 100%;
  margin-right: 0;
  text-align: center;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

#interestModal .modal-body .btn {
  width: 100%; }

#interestModal .modal-body h3 {
  font-size: 1.8em;
  line-height: 1.3em;
  margin-bottom: 25px; }

#interestModal .modal-body h3 span {
  font-weight: 800; }

#loginModal .modal-header {
  padding: 10px; }

#purchaseModal .modal-header {
  padding: 0; }

#videoModal .login-form h2 {
  text-align: center;
  margin: 0 0 20px 0; }

#loginModal #login-form {
  margin-bottom: 0; }

.g-purchase-title .package-one {
  font-weight: 400;
  margin-top: 0;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 15px;
  line-height: 15px;
  color: #C2C2C2;
  margin-bottom: 20px; }

.g-purchase-title .package-two {
  margin-top: 10px !important;
  text-transform: capitalize; }

#loginModal .divider,
#purchaseModal .divider {
  margin: 20px 0; }

#loginModal .form-signin-input {
  text-align: left; }

#loginModal .radio {
  padding-left: 0;
  display: inline-block; }

#loginModal .user-switch {
  margin-bottom: 20px; }

#loginModal .btn-login-register {
  width: 100%;
  margin-bottom: 10px; }

#purchaseModal input[type="image"] {
  width: auto; }

#purchaseModal h3 {
  margin-bottom: 20px; }

/* Videos */
.videos .white-box__videos-intro h2 {
  font-size: 25px;
  margin-bottom: 20px; }

.videos .white-box__videos-intro p {
  margin-bottom: 0; }

.videos h2 {
  margin-top: 0;
  font-size: 32px;
  line-height: 38px;
  margin-bottom: 25px; }

.videos h3 {
  font-size: 25px;
  margin-bottom: 20px; }

.videos hr {
  margin: 30px 0; }

.videos .links a {
  padding: 10px 0;
  display: block;
  border-top: 1px solid #EFEFEF;
  border-bottom: 1px solid #EFEFEF;
  margin-top: -1px; }

.videos .btn {
  margin-top: 20px; }

/* Season Guide Banner */
.sg-banner {
  padding: 12px 0;
  background-color: #fff;
  text-align: center; }

.sg-banner .span3,
.sg-banner .span4 {
  overflow: auto; }

.sg-banner a {
  display: block;
  max-width: 100%; }

.sg-banner .logo {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  margin-left: 0 !important; }

.sg-banner .sg-text {
  text-align: center;
  font-size: 2.3em;
  line-height: 1.6em;
  font-weight: 700; }

.sg-banner .sg-btn {
  width: 100%;
  display: inline-block;
  vertical-align: middle; }

.sg-banner .sg-btn .btn {
  padding: 10px 20px;
  line-height: 15px;
  display: inline-block;
  box-sizing: border-box; }

.sg-banner .sg-more {
  width: 50%;
  margin-right: 4%; }

.sg-banner .sg-login {
  width: 40%; }

.sg-banner .sg-more .hidetwo {
  display: none; }

.price-sg-banner {
  background-color: black; }

.price-sg-banner {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 999; }

.box-sg-banner {
  padding: 0; }

.box-sg-banner .sg-btn .btn {
  padding: 10px 30px;
  width: 100%;
  margin-right: 0; }

@media screen and (max-width: 980px) {
  .sg-banner {
    display: none; } }

@media screen and (max-width: 767px) {
  .price-sg-banner {
    position: static;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999; }
  .price-sg-spacing {
    display: none; } }

.price-sg-banner .sg-text {
  text-align: center;
  font-size: 2.3em;
  line-height: 1.3em;
  font-weight: 700;
  color: white; }

.price-sg-banner .sg-more {
  width: 100%;
  margin-right: 0; }

.price-sg-box {
  text-align: center;
  padding: 30px 0; }

.price-sg-box .white-inner {
  padding: 0 30px; }

.price-sg-box .sg-text {
  margin: 10px 0; }

.price-sg-box .hero_title {
  margin-top: 10px;
  text-align: center;
  font-size: 1.5em;
  line-height: 1.4em;
  font-weight: 700; }

.price-sg-box .typed-cursor {
  font-size: 1.5em; }

.price-sg-box .round-icon {
  max-width: 100px; }

.price-sg-box .btn {
  width: 100%;
  padding-left: 0;
  padding-right: 0; }

.box-sg-banner .fd_typed {
  font-size: 0.9em; }

.box-sg-banner .pc_typed {
  font-size: 0.8em; }

@media screen and (max-width: 1200px) {
  .sg-banner .logo {
    margin-top: 5px; }
  .sg-banner .sg-text {
    text-align: center;
    font-size: 1.6em;
    line-height: 2.3em;
    font-weight: 700; }
  .price-sg-banner .sg-text {
    line-height: 1.7em; } }

@media screen and (max-width: 980px) {
  .sg-banner .logo {
    margin-top: 5px; }
  .sg-banner .sg-text {
    text-align: center;
    font-size: 1.2em;
    line-height: 2.3em;
    font-weight: 700; }
  .sg-banner .sg-more {
    width: 45%;
    margin-right: 4%; }
  .sg-banner .sg-login {
    width: 45%; }
  .sg-banner .sg-btn .btn {
    padding: 10px 10px;
    font-size: 10px;
    line-height: 10px; }
  .sg-banner .sg-more .hideone {
    display: none; }
  .sg-banner .sg-more .hidetwo {
    display: inline; }
  .price-sg-banner .sg-more {
    width: 100%;
    margin-right: 0; } }

@media screen and (max-width: 767px) {
  .sg-banner .logo {
    margin-top: 5px;
    margin-bottom: 20px;
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 80% !important; }
  .price-sg-banner .logo {
    max-width: 200px; }
  .sg-banner .sg-text {
    text-align: center;
    font-size: 1.6em;
    line-height: 1em;
    font-weight: 700;
    margin-bottom: 20px; }
  .sg-banner .sg-btn .btn {
    width: 100%;
    margin-right: 0;
    padding: 10px 10px;
    margin-bottom: 10px; } }

/* -----------------


  GUIDE - TEAM PAGES


-------------------- */
.jumbotron.subhead-guideteam.Arsenal {
  background-color: #EC1F26; }

.jumbotron.subhead-guideteam.Aston.Villa {
  background-color: #7A123D; }

.jumbotron.subhead-guideteam.Bournemouth {
  background-color: #D7151C; }

.jumbotron.subhead-guideteam.Chelsea {
  background-color: #26448D; }

.jumbotron.subhead-guideteam.Crystal.Palace {
  background-color: #18478F; }

.jumbotron.subhead-guideteam.Everton {
  background-color: #18478F; }

.jumbotron.subhead-guideteam.Leicester {
  background-color: #18478F; }

.jumbotron.subhead-guideteam.Liverpool {
  background-color: #B82025; }

.jumbotron.subhead-guideteam.Man.City {
  background-color: #32B9E0; }

.jumbotron.subhead-guideteam.Man.Utd {
  background-color: #E21E26; }

.jumbotron.subhead-guideteam.Newcastle {
  background-color: #2A2B2A; }

.jumbotron.subhead-guideteam.Norwich {
  background-color: #00A650; }

.jumbotron.subhead-guideteam.Southampton {
  background-color: #E51C35; }

.jumbotron.subhead-guideteam.Spurs {
  background-color: #211D57; }

.jumbotron.subhead-guideteam.Stoke {
  background-color: #E2393F; }

.jumbotron.subhead-guideteam.Sunderland {
  background-color: #E2393F; }

.jumbotron.subhead-guideteam.Swansea {
  background-color: #2A2B2A; }

.jumbotron.subhead-guideteam.Watford {
  background-color: #000000; }

.jumbotron.subhead-guideteam.West.Brom {
  background-color: #1C1C51; }

.jumbotron.subhead-guideteam.West.Ham {
  background-color: #60203C; }

.jumbotron.subhead-guideteam > .container {
  background-size: auto 80%; }

.jumbotron.subhead-keystrategy {
  background-color: #47CAEE; }

.jumbotron.subhead-keystrategy > .container {
  background-image: url("../../images/headers/new/keystrategy.png"); }

.jumbotron.subhead-guideplayer {
  background-color: #42FF0F; }

.jumbotron.subhead-guideplayer > .container {
  background-image: url("../../images/headers/new/guideplayers.png"); }

.jumbotron.subhead-guidetool {
  background-color: #42FF0F; }

.jumbotron.subhead-guidetool > .container {
  background-image: url("../../images/headers/new/tools.png"); }

.jumbotron.subhead-guideteam .teambadge {
  max-width: 60px;
  vertical-align: middle;
  display: inline-block;
  position: relative;
  border: 4px solid #fff;
  border-radius: 50%;
  top: -7px; }

.jumbotron.subhead-guideteam .lead span,
.jumbotron.subhead-preseason .lead span,
.jumbotron.subhead-guideplayer .lead span,
.jumbotron.subhead-keystrategy .lead span {
  margin-top: 40px;
  margin-bottom: 25px; }

.jumbotron .lead.short {
  max-width: 400px; }

@media screen and (max-width: 1200px) {
  .jumbotron.subhead-guideteam .lead span,
  .jumbotron.subhead-preseason .lead span,
  .jumbotron.subhead-guideplayer .lead span,
  .jumbotron.subhead-keystrategy .lead span {
    margin-top: 45px; } }

@media screen and (max-width: 980px) {
  .jumbotron.subhead-guideteam .lead span,
  .jumbotron.subhead-preseason .lead span,
  .jumbotron.subhead-guideplayer .lead span,
  .jumbotron.subhead-keystrategy .lead span {
    margin-top: 30px; } }

.guide-teampage h1 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 30px; }

.team-guide-pitchwrap #fff {
  height: 540px; }

.team-guide-pitch {
  margin: auto;
  height: 540px; }

.team-guide-pitch .fffShirtFormation {
  height: 58px; }

.team-guide-pitch .fffPitchCellFormation5 {
  height: 110px; }

.team-guide-pitch .fffPitchCellFormation4 {
  height: 140px; }

.lineup-notes {
  background-color: #EFEFEF;
  padding: 20px;
  position: relative;
  margin-top: 40px; }

.lineup-notes:before {
  content: '';
  display: block;
  margin: 0 auto;
  margin-top: -35px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 15px 15px 15px;
  border-color: transparent transparent #EFEFEF transparent; }

.lineup-notes h4 {
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-top: 20px; }

.guide-openingfixtures table {
  width: 100%; }

.guide-openingfixtures table th,
.guide-openingfixtures table td {
  padding: 15px 8px;
  line-height: 17px; }

.guide-openingfixtures table .num {
  width: 12px;
  display: inline-block; }

.guide-openingfixtures table .home-badge,
.guide-openingfixtures table .away-badge {
  width: 20px;
  height: 20px;
  background-color: #42FF0F;
  color: #21133b;
  text-align: center;
  position: relative;
  top: -1px;
  margin-left: 10px;
  font-size: 11px;
  padding: 0px;
  line-height: 20px;
  font-weight: bold;
  display: inline-block; }

.guide-openingfixtures table .away-badge {
  background-color: #FC1C5B;
  color: #fff; }

.guide-openingfixtures table .show-mobile {
  display: none; }

@media screen and (max-width: 1200px) {
  .guide-openingfixtures table {
    font-size: 1em; }
  .guide-openingfixtures table th span {
    display: none; } }

@media screen and (max-width: 767px) {
  .guide-openingfixtures table .show-mobile {
    display: inline; }
  .guide-openingfixtures table .hide-mobile {
    display: none; } }

.g-overview p strong,
.g-overview p b {
  color: #42FF0F; }

.penalty-matrix span.key-item-rotator {
  display: inline-block; }

.penalty-matrix table td {
  width: 10%; }

@media screen and (max-width: 767px) {
  .penalty-matrix table td {
    padding: 2px; }
  .penalty-matrix .team-circle {
    padding: 4px;
    margin: 5px; } }

.key-player {
  padding: 30px;
  border: 1px solid #E4EAEB;
  margin: 0px;
  box-sizing: border-box; }

.key-player-info {
  padding-left: 20px; }

.row-fluid .key-player:nth-child(1),
.row-fluid .key-player:nth-child(2) {
  margin-bottom: 30px; }

.ky-player-outer {
  margin: 10px; }

.key-player h6 {
  color: #b4b4b5;
  font-size: 10px;
  line-height: 15px;
  font-weight: 100;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin: 0; }

.key-player .progress {
  height: 15px;
  max-width: none; }

.key-player-name {
  margin-top: 0;
  font-size: 1.6em;
  font-weight: 400; }

.key-player-bar-label {
  margin: auto;
  text-align: center;
  letter-spacing: 0.04em;
  position: relative;
  margin-top: 10px;
  text-transform: uppercase;
  font-size: 11px;
  color: #888; }

.key-player-inner .image {
  text-align: center; }

.key-player-img {
  width: 100%;
  max-width: 200px;
  margin: 0 auto; }

.key-player-rating {
  font-size: 1.5em; }

.key-player-rating .football-icon {
  margin-right: 3px;
  color: #E2E2E2; }

@media screen and (max-width: 980px) {
  .row-fluid .span6.key-player {
    width: 100%;
    margin-left: 0; } }

@media screen and (max-width: 767px) {
  .key-player-info {
    padding-left: 0; } }

.team-stats-inner {
  border: 1px solid #E4EAEB;
  padding: 30px; }

.team-stats-attack {
  border-color: #42FF0F; }

.team-stats-perf {
  border-color: #00f2fd; }

.team-stats-defense {
  border-color: #e31f60; }

.team-stats-title {
  margin: auto;
  text-align: center;
  font-weight: 400;
  padding-bottom: 20px; }

.team-stats-label {
  font-size: 1.2em; }

.team-stats-bar {
  min-height: 1px !important;
  height: 20px;
  border: 1px solid #42FF0F;
  background: none;
  border-radius: 5px; }

.team-stats-bar.progress {
  max-width: none;
  margin: auto; }

.team-stats-bar .progress-bar {
  height: 100%;
  background: #42FF0F; }

.row-fluid.team-stats-bar-wrap .team-stats-name {
  width: 80%;
  margin-left: 0; }

.row-fluid.team-stats-bar-wrap .team-stats-number {
  width: 20%;
  margin-left: 0;
  text-align: right; }

.row-fluid.team-stats-bar-wrap .team-stats-bar {
  width: 100%;
  margin-left: 0; }

.goals-bar {
  height: 12px;
  margin-top: 5px; }

.data-block {
  display: inline-block;
  min-width: 35px; }

.team-stats-bar-def .progress-bar {
  background: #e31f60; }

.team-stats-bar-def {
  border: 1px solid #e31f60; }

.team-stats-bar-per .progress-bar {
  background: #00f2fd; }

.team-stats-bar-per {
  border: 1px solid #00f2fd; }

.team-stats-row {
  padding-top: 5px; }

.team-stats-perf .team-stats-row {
  padding-top: 15px; }

.team-stats-col-bar {
  width: 1.7%;
  display: inline-block;
  position: relative;
  background-color: #008080;
  vertical-align: bottom;
  padding: 0; }

.team-stats-col-bar-hidden {
  width: 0.1%;
  display: inline-block;
  position: relative;
  visibility: hidden;
  height: 64px; }

.team-stats-chart-label {
  font-size: 0.8em;
  margin: auto;
  letter-spacing: 0.04em;
  text-align: center; }

.yellow-brdr {
  border-color: #FFCC00; }

.teal-brder {
  border-color: #008080; }

.blue-bg {
  background: #00F2FD; }

.green-bg {
  background: #42FF0F; }

.orange-bg {
  background: #F93D00; }

.teal-bg {
  background: #37bc81; }

.orange-bg {
  background: #F93D00; }

.red-bg {
  background: #E4235F; }

.player-stats-table th {
  width: 50%; }

.player-stats-table .table-end {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.player-stats-table .average {
  display: none; }

.player-stats-table tr.non-pl {
  color: #e31f60; }

@media screen and (max-width: 980px) {
  .table-hide-s {
    display: none !important;
    width: 100%; } }

@media screen and (max-width: 500px) {
  .table-hide-xs {
    display: none !important;
    width: 100%; } }

.no-updates-text {
  text-align: center; }

.update-date {
  /*padding-right: 2%;
  width: 22%;*/
  /*float: left;*/ }

.update-date .date {
  font-size: 1.3em;
  line-height: 1.5em;
  font-weight: 400;
  color: #22133C;
  display: block; }

.update-date .time {
  display: block; }

.update-text {
  /*width: 76%;
  float: left;*/ }

.more-updates {
  display: none;
  padding-top: 40px; }

.more-updates-link {
  margin: auto;
  text-align: center;
  margin-top: 40px; }

.player-stats-table {
  table-layout: fixed; }

.lowmins {
  display: none; }

.goals-bar {
  min-width: 30px;
  display: inline-block; }

.guide-teampage .divider {
  margin: 10px 0; }

.guide-options {
  text-align: center;
  margin-bottom: 30px; }

.guide-options .total,
.guide-options .avg {
  display: inline-block;
  font-size: 1.2em;
  font-weight: 400;
  margin: 0 10px; }

.guide-options .total span,
.guide-options .avg span {
  margin-right: 5px; }

.guide-options .mins {
  border-right: 1px solid #E4EAEB;
  padding-right: 20px; }

.guide-options .total .tickbox,
.guide-options .avg .tickbox {
  display: inline-block; }

@media screen and (min-width: 1200px) {
  .row-fluid .team-stats-pie {
    margin-top: -15px; } }

@media screen and (max-width: 980px) and (min-width: 767px) {
  .row-fluid .team-stats-name {
    width: 70%;
    margin-left: 0; }
  .row-fluid .team-stats-number {
    width: 30%;
    margin-left: 0;
    text-align: right; }
  .row-fluid .team-stats-pie {
    width: 100%;
    margin-left: 0; }
  .row-fluid .team-stats-bar {
    width: 100%;
    margin-left: 0; } }

@media screen and (max-width: 767px) {
  .row-fluid .team-stats-name {
    width: 70%;
    margin-left: 0;
    float: left; }
  .row-fluid .team-stats-number {
    width: 30%;
    margin-left: 0;
    float: left;
    text-align: right; }
  .row-fluid .team-stats-pie {
    width: 100%;
    margin-left: 0; }
  .row-fluid .team-stats-bar {
    width: 100%;
    max-width: none;
    margin-left: 0; }
  .team-stats-row {
    padding-top: 15px; }
  .guide-options .total, .guide-options .avg {
    display: block;
    margin-bottom: 10px; }
  .guide-options .mins {
    border-right: none;
    padding-right: 0; } }

.penalty-matrix .paragraph {
  text-align: center; }

.penalty-matrix .alert-paragraph {
  margin-bottom: 0; }

.penalty-matrix .key {
  display: inline-block;
  height: 10px;
  width: 10px;
  margin-right: 15px;
  border-radius: 50%; }

.penalty-matrix .key.blue {
  background-color: #00F2FD; }

.penalty-matrix .key.red {
  background-color: #FC1C5B; }

.penalty-matrix .key.green {
  background-color: #42FF0F; }

.penalty-matrix .key.grey {
  background-color: #e4eaeb; }

#penalty_matrix td.other-team {
  background-color: #e4eaeb; }

.player-stats-table-header .paragraph {
  text-align: left; }

.player-stats-table-header .key {
  display: inline-block;
  height: 10px;
  width: 10px;
  margin-right: 15px;
  border-radius: 50%; }

.player-stats-table-header .key.red {
  background-color: #FC1C5B; }

/* ---------------

RANK PREDICTION

---------------- */
.rp-card-input {
  width: 60%;
  display: inline-block; }

.rp-card-label {
  width: 40%;
  vertical-align: middle;
  display: inline-block; }

.rp-card-label-cs {
  width: 57%;
  text-transform: uppercase;
  vertical-align: middle;
  display: inline-block; }

.rank-prediction .pc-player-card {
  padding: 10px; }

.rank-prediction .pc-player-card .intelli-select {
  margin-bottom: 0px; }

.rank-prediction .pc-player-card .selection {
  margin-bottom: 17px;
  padding-top: 5px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee; }

.rank-prediction .front .pc-player-card .name {
  text-align: center;
  font-weight: 400;
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eeeeee; }

.rank-prediction.pc-comparison h2 {
  font-size: 21px;
  line-height: 28px;
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee; }

.rank-prediction.pc-comparison h3 {
  font-size: 1.1em;
  line-height: 1.3em;
  text-align: center;
  font-weight: 200;
  margin-top: 0;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee; }

.rank-prediction .pc-player-card .cleansheet-checkbox {
  margin-top: 10px;
  padding-top: 15px;
  border-top: 1px solid #eee; }

.rank-prediction .pc-player-card .cleansheet-checkbox .rp-card-label {
  width: 70%; }

.rank-prediction .pc-player-card .cleansheet-checkbox .rp-card-input {
  text-align: right;
  width: 30%; }

.rank-prediction .transfer-arrow {
  margin-top: -10px;
  margin-bottom: -10px;
  text-align: center; }

.rank-prediction .transfer-arrow i {
  padding: 12px;
  color: #fff;
  background-color: #22133C;
  border-radius: 50%;
  display: block;
  width: 12px;
  margin: 0 auto; }

.calc-button #calculate-rank {
  width: 100%;
  margin: 35px 0 0 0;
  cursor: default; }
  .calc-button #calculate-rank:hover {
    background-color: #35264e; }
  .calc-button #calculate-rank .fa-lock {
    opacity: 0;
    transition: .3s; }
  .calc-button #calculate-rank:hover .fa-lock {
    opacity: 1; }

.rank-prediction .border-left {
  border-left: 1px solid #eee; }

.rp-card-input .input-group-btn {
  width: 30%;
  display: inline-block; }

.rp-card-input input {
  background-color: #EFEFEF;
  color: #22133C;
  font-size: 20px;
  font-weight: 600;
  width: 40%;
  padding: 0;
  height: 30px !important;
  display: inline-block; }

.rank-prediction .input-append,
.rank-prediction .input-prepend {
  margin-bottom: 0; }

.rank-prediction .input-group-btn .btn.minus {
  border-radius: 0;
  font-size: 20px;
  background-color: #EFEFEF;
  color: #7F788B;
  padding: 0;
  width: 100%;
  height: 30px !important;
  margin-bottom: 0;
  position: static; }

.rank-prediction .input-group-btn .btn.plus {
  border-radius: 0;
  font-size: 20px;
  background-color: #EFEFEF;
  color: #7F788B;
  padding: 0;
  width: 100%;
  height: 30px !important;
  margin-bottom: 0;
  position: static;
  margin-left: 1px; }

@media screen and (max-width: 1200px) {
  .rp-bottom-box .span3 h4 {
    font-size: 1em;
    line-height: 1.4em; } }

@media screen and (max-width: 980px) {
  .calc-button {
    width: 100%; }
  .calc-button #calculate-rank {
    margin: 20px 0 20px 0; }
  .rp-span8, .rp-span4 {
    width: 100% !important;
    margin: 0 !important; } }

@media screen and (max-width: 360px) {
  .rp-card-input {
    width: 100%;
    display: block; }
  .rp-card-label {
    width: 100%;
    vertical-align: middle;
    display: block;
    text-align: center; }
  .rank-prediction .pc-player-card .cleansheet-checkbox .rp-card-label {
    width: 100%; }
  .rank-prediction .pc-player-card .cleansheet-checkbox .rp-card-input {
    text-align: center;
    width: 100%; }
  .rank-prediction .border-left {
    border-left: 0px solid #eee; } }

/* ---------------

GUIDE TEAM WELCOME

---------------- */
.jumbotron.subhead-preseason {
  background-color: #15B8A3; }

.jumbotron.subhead-preseason > .container {
  background-image: url("../../images/headers/logo.png");
  max-width: 100%;
  background-size: auto 190%;
  background-position: 100% 70%; }

.jumbotron.subhead-preseason > .container .lead span {
  font-size: 2.5em;
  line-height: 63px;
  font-weight: 900;
  font-family: 'fix sans';
  display: inline-block;
  margin: 20px 0; }

@media screen and (max-width: 1200px) {
  .jumbotron.subhead-preseason > .container {
    background-size: auto 80%;
    background-image: none; }
  .jumbotron.subhead-preseason > .container .lead {
    max-width: 100%;
    width: 100%;
    text-align: center; }
  .jumbotron.subhead-preseason > .container .lead.short {
    max-width: 100%;
    width: 100%; }
  .jumbotron.subhead-preseason > .container .lead span {
    font-size: 2em;
    line-height: 50px; } }

@media screen and (max-width: 980px) {
  .jumbotron.subhead-preseason > .container {
    background-size: auto 80%; }
  .jumbotron.subhead-preseason .lead span {
    font-size: 2em; } }

.guide-welcome h1 {
  margin-top: 10px;
  text-align: center;
  margin-bottom: 30px;
  font-size: 3.5em;
  font-weight: 800; }

.guide-welcome h2 {
  margin-top: 5px;
  margin-bottom: 15px; }

.guide-welcome h2.tools-title {
  margin-top: 0px;
  text-align: center;
  margin-bottom: 20px; }

.guide-welcome p.tools-p {
  text-align: center;
  margin-bottom: 30px; }

.guide-welcome .section-img {
  margin: 0 auto;
  width: auto; }

.guide-welcome .span3 {
  text-align: center; }

.mobile-show {
  display: none !important; }

.guide-welcome .span9.first {
  margin-left: 0; }

.guide-welcome .section-img.top {
  display: none; }

@media screen and (max-width: 767px) {
  .mobile-hide {
    display: none !important; }
  .mobile-show {
    display: block !important; }
  .guide-welcome .section-img {
    margin-bottom: 30px; }
  .gh-top-box img {
    width: 150px;
    margin: 0 auto 20px auto; } }

.guide-welcome .section-info {
  display: block;
  text-align: center; }

.guide-welcome .section-info.one,
.guide-welcome .section-info.three {
  padding-left: 20px; }

.guide-welcome .section-info.two {
  padding-right: 20px; }

.guide-welcome .section-info .paragraph {
  margin-bottom: 25px; }

.guide-update h2 {
  margin-top: 0;
  margin-bottom: 30px;
  text-align: center;
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 30px; }

.guide-update .home-update {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #eeeeee; }

.guide-update .home-update:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0; }

.guide-update .home-update .time {
  margin-bottom: 10px;
  font-weight: 400;
  color: #22133C; }

.guide-update .home-update p:last-child {
  margin-bottom: 0; }

.guide-fives h2 {
  margin-top: 0;
  margin-bottom: 30px;
  text-align: center;
  font-size: 1.5em;
  padding-bottom: 30px;
  border-bottom: 1px solid #e7e7e7; }

.guide-fives h4 {
  text-align: center;
  font-size: 20px;
  margin-bottom: 15px; }

.guide-fives ol {
  margin: 0 0 10px 35px; }

.guide-fives ol li {
  table-layout: fixed;
  width: 100%;
  font-size: 1.2em;
  line-height: 1.6em;
  margin-bottom: 10px;
  list-style: none;
  position: relative;
  text-align: justify;
  display: table; }

.guide-fives ol li::before {
  content: '1';
  font-size: 15px;
  position: absolute;
  top: 50%;
  margin-top: -13px;
  padding: 7px 0;
  left: -34px;
  line-height: 0.9;
  width: 26px;
  text-align: center;
  background: #15B8A3;
  border-radius: 80px;
  color: #fff;
  font-weight: 600; }

.guide-fives ol li:nth-child(1)::before {
  content: '1'; }

.guide-fives ol li:nth-child(2)::before {
  content: '2'; }

.guide-fives ol li:nth-child(3)::before {
  content: '3'; }

.guide-fives ol li:nth-child(4)::before {
  content: '4'; }

.guide-fives ol li:nth-child(5)::before {
  content: '5'; }

.guide-fives ol li:nth-child(6)::before {
  content: '6'; }

.guide-fives ol li:nth-child(7)::before {
  content: '7'; }

.guide-fives ol li:nth-child(8)::before {
  content: '8'; }

.guide-fives ol li:nth-child(9)::before {
  content: '9'; }

.guide-fives ol li:nth-child(10)::before {
  content: '10'; }

.guide-fives ol li img,
.guide-fives ol li .name,
.guide-fives ol li .price {
  display: table-cell;
  vertical-align: middle; }

.guide-fives ol li .name {
  text-align: left;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.04em; }

.guide-fives ol li .price {
  text-align: right;
  font-weight: 400;
  color: #888; }

.guide-fives ol li img {
  width: 50px;
  margin-right: 5px;
  text-align: left; }

.guide-fives-bp {
  color: #E4235F; }

@media screen and (max-width: 1200px) {
  .guide-fives {
    padding: 0 20px; }
  .guide-fives ol li {
    font-size: 1em; } }

@media screen and (max-width: 980px) and (min-width: 767px) {
  .guide-fives ol li img {
    display: none; } }

.guide-fives .divider {
  margin: 20px 0; }

.guide-welcome .tool-box {
  border: 1px solid #EEEEEE;
  padding: 20px;
  text-align: center;
  display: block; }

.guide-welcome .tool-box.rotation {
  border-color: #42FF0F; }

.guide-welcome .tool-box.points {
  border-color: #00f2fd; }

.guide-welcome .tool-box.fixture {
  border-color: #e31f60; }

.guide-welcome .tool-box img {
  margin: 0 auto;
  margin-bottom: 20px;
  margin-top: 10px; }

.guide-welcome .tool-box h4 {
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-top: 0;
  margin-bottom: 0; }

@media screen and (max-width: 767px) {
  .guide-welcome .section-info.one, .guide-welcome .section-info.three {
    padding-left: 0; }
  .guide-welcome .section-info.two {
    padding-right: 0; } }

/* ---------------

GUIDE TEAM MENU

---------------- */
.guide-teammenu li.badge-wrap {
  width: 10%;
  margin-bottom: 40px; }

.guide-teammenu .team-badges .title {
  font-family: fix sans;
  color: #22133C;
  font-size: 1.3em;
  line-height: 14px;
  text-transform: capitalize;
  letter-spacing: inherit;
  font-weight: 800; }

@media screen and (max-width: 980px) {
  .guide-teammenu .team-badges .title {
    font-family: fix sans;
    color: #22133C;
    font-size: 1em;
    line-height: 14px;
    text-transform: capitalize;
    letter-spacing: inherit; } }

@media screen and (max-width: 767px) {
  .guide-teammenu li.badge-wrap {
    width: 15%;
    margin-bottom: 40px; } }

@media screen and (max-width: 500px) {
  .guide-teammenu li.badge-wrap {
    width: 25%;
    margin-bottom: 40px; } }

.g-strat-box {
  display: inline-block;
  width: 14.5%;
  margin: 0 1.5%;
  border: 1px solid #eeeeee;
  padding: 20px 1% 0 1%;
  margin-bottom: 30px;
  vertical-align: top;
  position: relative; }

.g-strat-box.five:after {
  content: '\f054';
  font-family: 'fontawesome';
  position: absolute;
  right: -13%;
  top: 50%;
  margin-top: -5px;
  color: #888; }

.g-strat-box img {
  max-width: 80px;
  margin-bottom: 15px; }

.strat-menu .divider {
  margin: 10px 0 40px 0; }

@media screen and (max-width: 1200px) {
  .g-strat-box img {
    padding: 0; } }

@media screen and (max-width: 980px) {
  .g-strat-box {
    display: inline-block;
    width: 12.5%;
    margin: 0 1.5%;
    border: 1px solid #eeeeee;
    padding: 20px 1% 0 1%;
    margin-bottom: 30px;
    vertical-align: top; }
  .g-strat-box.five:after {
    right: -18%; } }

@media screen and (max-width: 767px) {
  .g-strat-box {
    display: inline-block;
    width: 26.5%;
    margin: 0 1.5%;
    border: 1px solid #eeeeee;
    padding: 20px 1% 0 1%;
    margin-bottom: 30px;
    vertical-align: top;
    min-height: 150px; }
  .g-strat-box.five:after {
    right: -9%; } }

@media screen and (max-width: 500px) {
  .g-strat-box {
    display: block;
    width: 100%;
    margin: 0;
    border: 1px solid #eeeeee;
    padding: 20px 1% 0 1%;
    margin-bottom: 30px;
    vertical-align: top;
    min-height: 0;
    box-sizing: border-box; }
  .g-strat-box.five:after {
    content: '\f078';
    right: 49%;
    top: auto;
    bottom: -26px; }
  .strat-menu .divider {
    margin: 40px 0 40px 0; } }

/* ---------

Mini Leagues

-------------- */
.minileague-notification .span4 {
  margin-bottom: 0 !important; }

.minileague-notification .white-box {
  padding: 10px;
  border: 2px solid #FC1C5B;
  text-align: center; }
  .minileague-notification .white-box img {
    display: inline-block;
    width: 70px;
    margin: 0 20px 0 0;
    vertical-align: middle; }
    @media screen and (max-width: 500px) {
      .minileague-notification .white-box img {
        display: block;
        margin: 0 auto 10px auto; } }
  .minileague-notification .white-box h2 {
    font-weight: 800;
    margin: 20px 0;
    display: inline-block;
    vertical-align: middle; }
    @media screen and (max-width: 1200px) {
      .minileague-notification .white-box h2 {
        margin: 0;
        width: 65%; } }
    @media screen and (max-width: 500px) {
      .minileague-notification .white-box h2 {
        margin: 0;
        width: 100%; } }
  .minileague-notification .white-box .btn {
    display: block;
    margin: 10px 10px 10px 0; }
    @media screen and (max-width: 767px) {
      .minileague-notification .white-box .btn {
        margin: 10px 0 0 0; } }

#fff-minileagues .content-wrap {
  display: none; }
  #fff-minileagues .content-wrap.active {
    display: block; }

#fff-minileagues .transfer-wrap {
  text-align: center;
  position: relative; }
  #fff-minileagues .transfer-wrap h3 {
    font-size: 14px;
    margin: 0 0 20px 0; }
  #fff-minileagues .transfer-wrap .player {
    width: 40% !important;
    display: inline-block;
    vertical-align: middle;
    text-align: center; }
    #fff-minileagues .transfer-wrap .player img {
      max-width: 70px; }
  #fff-minileagues .transfer-wrap .arrow {
    display: inline-block;
    vertical-align: middle; }

#fff-minileagues .wrap {
  margin: 0 0 30px 0; }
  #fff-minileagues .wrap .ml-tab {
    float: left;
    width: 25%;
    text-align: center;
    position: relative;
    opacity: 0.6;
    cursor: pointer; }
    #fff-minileagues .wrap .ml-tab .white-box {
      margin: 0; }
    #fff-minileagues .wrap .ml-tab h3 {
      font-size: 21px;
      font-weight: 800;
      margin: 0 0 15px 0; }
    #fff-minileagues .wrap .ml-tab p {
      margin: 0 0 20px 0; }
    #fff-minileagues .wrap .ml-tab::after {
      content: '';
      width: 1px;
      position: absolute;
      right: 0;
      border-right: 1px solid rgba(0, 0, 0, 0.2);
      top: 40px;
      bottom: 40px; }
    #fff-minileagues .wrap .ml-tab:last-child::after {
      display: none; }
    #fff-minileagues .wrap .ml-tab.active {
      opacity: 1; }
      #fff-minileagues .wrap .ml-tab.active .btn {
        background: #22133C;
        color: #fff; }

#fff-minileagues .ml-cards-wrap {
  padding: 0;
  margin: 0 0 30px 0;
  text-align: center; }
  #fff-minileagues .ml-cards-wrap .ml-card {
    position: relative;
    float: left;
    width: 33.33%;
    padding: 0 30px;
    box-sizing: border-box; }
    #fff-minileagues .ml-cards-wrap .ml-card h3 {
      margin: 0 0 20px 0; }
    #fff-minileagues .ml-cards-wrap .ml-card .player {
      width: 32%;
      display: inline-block;
      text-align: center; }
      #fff-minileagues .ml-cards-wrap .ml-card .player img {
        max-height: 45px;
        float: none;
        width: 50px;
        margin-bottom: 5px; }
      #fff-minileagues .ml-cards-wrap .ml-card .player .name {
        color: #22133C;
        font-weight: 500; }
    #fff-minileagues .ml-cards-wrap .ml-card::after {
      content: '';
      width: 1px;
      position: absolute;
      right: 0;
      border-right: 1px solid #EFEFEF;
      top: 40px;
      bottom: 40px; }
    #fff-minileagues .ml-cards-wrap .ml-card:last-child::after {
      display: none; }

#fff-minileagues .tab-content {
  overflow: visible;
  padding-bottom: 0;
  margin: 0; }

#fff-minileagues .dataTable {
  margin-bottom: 0 !important; }
  #fff-minileagues .dataTable tbody tr:first-child {
    border-top: 1px solid #EFEFEF; }
  #fff-minileagues .dataTable tbody td {
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #EFEFEF; }
    #fff-minileagues .dataTable tbody td a {
      color: #22133C;
      font-weight: 600;
      transition: all .25s ease-in-out; }
      #fff-minileagues .dataTable tbody td a:hover {
        color: #42FF0F; }
  #fff-minileagues .dataTable td.mysquad {
    color: #22133C;
    font-weight: 500;
    background: #efefef; }
    #fff-minileagues .dataTable td.mysquad a {
      color: #22133C; }
  #fff-minileagues .dataTable .m-toggle-btn,
  #fff-minileagues .dataTable .m-toggle-cell {
    display: none !important; }
  #fff-minileagues .dataTable th.details-control {
    padding-left: 0;
    width: 50px; }
    #fff-minileagues .dataTable th.details-control .btn {
      font-size: 10px;
      line-height: 11px;
      padding: 8px 12px;
      white-space: nowrap; }
      #fff-minileagues .dataTable th.details-control .btn:focus, #fff-minileagues .dataTable th.details-control .btn:active {
        background: #22133C;
        color: #fff; }
      #fff-minileagues .dataTable th.details-control .btn:hover {
        background: #22133C;
        color: #fff; }
  #fff-minileagues .dataTable td.details-control {
    padding: 12px 15px; }
  #fff-minileagues .dataTable td.details-control::before {
    font-family: 'fontAwesome';
    content: "\f078";
    cursor: pointer;
    color: #22133C; }
  #fff-minileagues .dataTable tr.shown td.details-control::before {
    font-family: 'fontAwesome';
    content: '\f077';
    cursor: pointer;
    color: #22133C; }
  #fff-minileagues .dataTable tr.shown {
    border: 1px solid #EFEFEF;
    border-bottom: 0; }
    #fff-minileagues .dataTable tr.shown td {
      border-bottom: 0; }
  #fff-minileagues .dataTable tr.expand-wrap {
    padding: 0; }
  #fff-minileagues .dataTable td.expand-wrap {
    padding: 20px;
    border: 1px solid #EFEFEF; }
  #fff-minileagues .dataTable .fooicon {
    opacity: 1;
    margin-right: 0;
    content: "\f078";
    cursor: pointer;
    color: #22133C; }
    #fff-minileagues .dataTable .fooicon-plus::before {
      font-family: 'fontAwesome';
      content: "\f078"; }
    #fff-minileagues .dataTable .fooicon-minus::before {
      font-family: 'fontAwesome';
      content: '\f077'; }
  #fff-minileagues .dataTable .footable-detail-row {
    border: 1px solid #EFEFEF; }
    #fff-minileagues .dataTable .footable-detail-row tr th {
      border-top: 1px solid #EFEFEF;
      color: #22133C; }
    #fff-minileagues .dataTable .footable-detail-row tr td {
      padding: 0 10px; }
      #fff-minileagues .dataTable .footable-detail-row tr td.mysquad {
        color: #555560;
        font-weight: 200;
        background: transparent; }
    #fff-minileagues .dataTable .footable-detail-row tr:first-child {
      border-top: 0; }
      #fff-minileagues .dataTable .footable-detail-row tr:first-child th {
        border-top: 0; }
    #fff-minileagues .dataTable .footable-detail-row tr:last-child td {
      border-bottom: 0; }
  #fff-minileagues .dataTable .player-list .player {
    width: 6.66%;
    float: left;
    padding: 0 5px;
    box-sizing: border-box;
    text-align: center;
    line-height: 16px; }
    #fff-minileagues .dataTable .player-list .player .name {
      font-size: 10px;
      color: #22133C;
      font-weight: 500;
      margin: 0 0 5px 0;
      overflow: hidden; }
      #fff-minileagues .dataTable .player-list .player .name i {
        display: block;
        text-align: center; }
    #fff-minileagues .dataTable .player-list .player img {
      max-width: 50px; }
    #fff-minileagues .dataTable .player-list .player:nth-child(11) {
      border-right: 1px solid #EFEFEF; }
  #fff-minileagues .dataTable .transfer-wrap h3 {
    font-size: 14px;
    margin: 0 0 20px 0; }
  #fff-minileagues .dataTable .transfer-wrap .transfer-one {
    position: relative;
    width: 40%;
    float: left;
    border-right: 1px solid #EFEFEF;
    box-sizing: border-box; }
    #fff-minileagues .dataTable .transfer-wrap .transfer-one::after {
      content: 'OR';
      position: absolute;
      top: 50%;
      right: -10px;
      margin-top: -20px;
      background: #fff;
      padding: 7px 0;
      font-weight: 500;
      color: #22133C; }
  #fff-minileagues .dataTable .transfer-wrap .transfer-two {
    width: 40%;
    float: left;
    border-right: 1px solid #EFEFEF;
    box-sizing: border-box; }
  #fff-minileagues .dataTable .transfer-wrap .transfer-date {
    width: 20%;
    float: right; }
    #fff-minileagues .dataTable .transfer-wrap .transfer-date .date-wrap {
      margin-top: 40px; }
    #fff-minileagues .dataTable .transfer-wrap .transfer-date h3 {
      margin: 0; }
  @media screen and (max-width: 767px) {
    #fff-minileagues .dataTable .transfer-wrap h3 {
      margin: 0 0 5px 0; }
    #fff-minileagues .dataTable .transfer-wrap .transfer-one {
      padding: 15px 0;
      width: 100%;
      float: none;
      border-right: 0;
      border-bottom: 1px solid #EFEFEF; }
      #fff-minileagues .dataTable .transfer-wrap .transfer-one .player img {
        display: none; }
      #fff-minileagues .dataTable .transfer-wrap .transfer-one::after {
        top: auto;
        bottom: -13px;
        right: 50%;
        margin-right: -10px;
        margin-top: 0;
        padding: 0 7px; }
    #fff-minileagues .dataTable .transfer-wrap .transfer-two {
      padding: 15px 0;
      width: 100%;
      float: none;
      border-right: 0;
      border-bottom: 1px solid #EFEFEF; }
      #fff-minileagues .dataTable .transfer-wrap .transfer-two .player img {
        display: none; }
    #fff-minileagues .dataTable .transfer-wrap .transfer-date {
      padding: 15px 0;
      float: none;
      width: 100%; }
      #fff-minileagues .dataTable .transfer-wrap .transfer-date .date-wrap {
        margin-top: 0px; } }
  #fff-minileagues .dataTable .transfer-wrap.single .transfer-one h3 {
    margin: 35px 0; }
  #fff-minileagues .dataTable .transfer-wrap.single .transfer-one::after {
    display: none; }
  #fff-minileagues .dataTable .transfer-wrap.single .transfer-date .date-wrap {
    margin-top: 15px; }
  #fff-minileagues .dataTable .track-control {
    padding-top: 5px;
    padding-bottom: 5px; }
    #fff-minileagues .dataTable .track-control .btn {
      padding: 10px; }

#fff-minileagues .ml-bottom-box {
  text-align: center; }
  #fff-minileagues .ml-bottom-box .span8 {
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin-right: -0.25em; }
  #fff-minileagues .ml-bottom-box .span4 {
    width: 30%;
    float: none;
    display: inline-block;
    vertical-align: middle; }
  #fff-minileagues .ml-bottom-box h2 {
    margin: 0 0 15px 0; }
  #fff-minileagues .ml-bottom-box .paragraph {
    margin: 0; }
  #fff-minileagues .ml-bottom-box .btn {
    display: block; }

@media screen and (max-width: 980px) {
  #fff-minileagues .dataTable .m-toggle-btn,
  #fff-minileagues .dataTable .m-toggle-cell {
    display: table-cell !important; }
  #fff-minileagues .wrap {
    margin: 0 0 30px 0; }
    #fff-minileagues .wrap .ml-tab {
      float: left;
      width: 100%;
      text-align: center;
      position: relative;
      opacity: 0.6;
      cursor: pointer; }
      #fff-minileagues .wrap .ml-tab .white-box {
        margin: 0; }
      #fff-minileagues .wrap .ml-tab h3 {
        font-size: 22px;
        margin: 0 0 15px 0; }
      #fff-minileagues .wrap .ml-tab p {
        margin: 0 0 20px 0; }
      #fff-minileagues .wrap .ml-tab::after {
        content: '';
        height: 1px;
        width: auto;
        position: absolute;
        right: 0;
        left: 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
        top: auto;
        bottom: 0; }
      #fff-minileagues .wrap .ml-tab:last-child::after {
        display: none; }
      #fff-minileagues .wrap .ml-tab.active {
        opacity: 1; }
        #fff-minileagues .wrap .ml-tab.active .btn {
          background: #22133C;
          color: #fff; }
  #fff-minileagues .ml-cards-wrap {
    border: 1px solid #EFEFEF;
    padding: 0;
    margin: 0 0 30px 0;
    text-align: center; }
    #fff-minileagues .ml-cards-wrap .ml-card {
      position: relative;
      float: left;
      width: 100%;
      padding: 40px;
      box-sizing: border-box; }
      #fff-minileagues .ml-cards-wrap .ml-card h3 {
        margin: 0 0 20px 0; }
      #fff-minileagues .ml-cards-wrap .ml-card .player {
        width: 33.33%;
        float: left;
        text-align: center; }
        #fff-minileagues .ml-cards-wrap .ml-card .player img {
          max-height: 45px;
          float: none;
          width: 50px;
          margin-bottom: 5px; }
        #fff-minileagues .ml-cards-wrap .ml-card .player .name {
          color: #22133C;
          font-weight: 500;
          font-size: 11px; }
      #fff-minileagues .ml-cards-wrap .ml-card::after {
        content: '';
        height: 1px;
        position: absolute;
        right: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #EFEFEF;
        top: auto;
        bottom: 0; }
      #fff-minileagues .ml-cards-wrap .ml-card:last-child::after {
        display: none; }
  #fff-minileagues .dataTable [data-expanded="true"] {
    border: 1px solid #EFEFEF; }
    #fff-minileagues .dataTable [data-expanded="true"] td.footable-last-visible {
      border-right: 1px solid #EFEFEF; }
  #fff-minileagues .dataTable td.expand-wrap {
    padding: 0 20px; }
    #fff-minileagues .dataTable td.expand-wrap table {
      width: 100%; }
      #fff-minileagues .dataTable td.expand-wrap table tbody tr:first-child {
        border-top: 0; }
    #fff-minileagues .dataTable td.expand-wrap .none {
      padding: 20px 0; }
    #fff-minileagues .dataTable td.expand-wrap .player-list {
      padding: 20px 0; }
      #fff-minileagues .dataTable td.expand-wrap .player-list .player {
        width: 50%;
        text-align: left;
        margin: 0 0 7px 0px; }
        #fff-minileagues .dataTable td.expand-wrap .player-list .player img {
          display: none; }
        #fff-minileagues .dataTable td.expand-wrap .player-list .player .name {
          font-size: 12px;
          display: inline-block;
          margin: 0 10px 0 0;
          vertical-align: middle; }
          #fff-minileagues .dataTable td.expand-wrap .player-list .player .name i {
            display: inline-block; }
        #fff-minileagues .dataTable td.expand-wrap .player-list .player:nth-child(11) {
          border-bottom: 1px solid #EFEFEF;
          padding-bottom: 15px;
          margin-bottom: 20px;
          border-right: 0;
          width: 100%;
          clear: both; }
  #fff-minileagues .dataTable .child ul {
    display: table;
    width: 100%; }
    #fff-minileagues .dataTable .child ul li {
      display: table-row; }
      #fff-minileagues .dataTable .child ul li span {
        display: table-cell;
        padding-top: 12px;
        padding-bottom: 12px;
        font-weight: 200; }
  #fff-minileagues .ml-bottom-box {
    text-align: center; }
    #fff-minileagues .ml-bottom-box .span8 {
      margin: 0 0 20px 0;
      width: 100%; }
    #fff-minileagues .ml-bottom-box .span4 {
      margin: 0;
      width: 100%; } }

/* ---------

GUIDE PLAYER MENU

-------------- */
.g-playermenu-wrap {
  margin: 0 auto;
  width: 100%;
  max-width: 600px;
  background-image: url("../../images/guides/players/pitch.png");
  background-size: 100% 100%;
  height: 585px;
  text-align: center;
  margin-top: 80px; }

.g-playermenu-wrap li {
  display: inline-block;
  margin: 10px;
  width: 28%;
  box-sizing: border-box;
  position: relative;
  top: -80px; }

.g-playermenu-wrap li img {
  width: 90%;
  max-width: 130px;
  margin-bottom: 10px; }

.g-playermenu-wrap li h3 {
  text-align: center;
  color: #22133C;
  margin-bottom: 20px;
  font-size: 1em;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 400;
  margin-top: 0;
  line-height: 1.4;
  background-color: #fff;
  padding: 5px;
  line-height: 10px;
  border-radius: 4px;
  display: inline-block;
  margin-bottom: 0; }

.g-playermenu-wrap .goalkeepers {
  display: block;
  margin: 10px auto; }

@media screen and (max-width: 550px) {
  .g-playermenu-wrap {
    margin: 0 auto;
    width: 100%;
    max-width: none;
    background-image: none;
    background-size: 100% 100%;
    height: auto;
    text-align: center;
    margin-top: 0; }
  .g-playermenu-wrap li {
    display: inline-block;
    margin: 10px auto;
    width: 100%;
    max-width: 300px;
    box-sizing: border-box;
    position: relative;
    top: 0; }
  .g-playermenu-wrap li h3 {
    display: block; } }

/*--------------------------------------------
2016/17 PRESEASON PACK
--------------------------------------------*/
.jumbotron.psp-primary {
  background-color: #15B8A3 !important; }

.btn-one-secondary.psp-primary {
  background-color: #15B8A3;
  color: #fff; }

.nav-pills.psp > li > a:hover {
  background: #15B8A3; }

.nav-pills.psp > li.fix > a {
  padding: 20px;
  background-color: #EFEFEF;
  margin-right: -15px; }

.psp.dropdown:hover > a {
  background: #15B8A3; }

.psp > li > a:hover {
  background: #15B8A3 !important; }

.psp.megamenu {
  background: #15B8A3 !important; }

.jumbotron.subhead-predictedprice > .container {
  background-image: url("../../images/headers/new/price.png"); }

ul.psp a:hover {
  background-color: #15B8A3 !important; }

.nav.psp .dropdown-menu {
  background-color: #15B8A3 !important; }

.psp-green {
  background-color: #15B8A3 !important; }

.psp-border {
  border: 1px solid #15B8A3 !important;
  border-radius: 5px; }

.disable-links > tr > td > a {
  /*pointer-events: none;
   cursor: default;*/ }

.not-ready a {
  color: #b3b3b3 !important; }

.psp-not-pro {
  color: #d9d9d9; }

.psp.title {
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.04em;
  font-size: 16px;
  margin-bottom: 20px; }

.psp-card {
  padding: 10px; }

.psp-card > div {
  margin: auto;
  text-align: center;
  margin-bottom: 10px; }

@media all and (max-width: 767px) {
  .psp-card {
    margin-bottom: 10px; } }

@media only screen and (min-width: 320px) and (max-width: 480px) {
  .mobile-only {
    display: block; } }

@media only screen and (min-width: 480px) {
  .mobile-only {
    display: none; } }

.sub-heading {
  margin-top: -12px;
  position: absolute; }

.big-number {
  font-size: 350%;
  text-align: center;
  color: #22133C;
  font-weight: 900; }

.bigger-number {
  font-size: 550%;
  text-align: center; }

#newFixtures,
#interactiveTools {
  font-size: 30%; }

@media screen and (max-width: 767px) {
  #newFixtures, #interactiveTools {
    font-size: 0.8em; } }

.psp-icon {
  width: 160px;
  height: auto;
  margin: 0 auto 20px auto;
  text-align: center; }

.gpp-card-wrap-two {
  position: relative;
  overflow: hidden; }

.gpp-card-wrap {
  position: relative; }

.gpp-card-wrap .gpp-card-column {
  position: relative;
  float: left;
  width: 33.3%;
  padding: 0 20px;
  text-align: center;
  box-sizing: border-box; }

.gpp-card-wrap .gpp-card-column::after {
  content: '';
  position: absolute;
  width: 1px;
  top: 0;
  bottom: 0;
  height: 200%;
  right: 0;
  padding: 20px 0;
  background: #E4EAEB;
  box-sizing: border-box;
  z-index: 10; }

.gpp-card-wrap .gpp-card-column:last-child::after {
  display: none; }

.gpp-card-wrap .gpp-card-column h3 {
  font-size: 13px;
  text-transform: uppercase;
  margin: 0 0 5px 0;
  letter-spacing: 0.04em;
  text-align: center; }

.last-season-stats {
  text-align: center; }

.last-season-stats h4 {
  margin-top: 0;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #9B9B9B;
  margin-bottom: 0; }

.last-season-stats p {
  font-weight: 400;
  font-size: 16px;
  color: #888; }

.gpp-card-wrap .gpp-card-column.middle {
  padding-top: 75px; }

.gpp-card-wrap .gpp-card-column.middle h2 {
  margin-bottom: 0; }

.gpp-card-wrap .gpp-card-column.middle .divider {
  margin: 20px auto; }

.gpp-card-wrap .gpp-card-column.middle .fix-value-rating {
  font-weight: 400; }

.predicted-price-labels {
  border-top: 1px solid #eee;
  margin-top: 20px;
  padding-top: 20px; }

.predicted-price-labels div {
  margin-bottom: 0px; }

.predicted-price-labels > p {
  text-align: center;
  font-weight: 400; }

.predicted-price-labels > div > p {
  text-align: center;
  font-size: 80%; }

.predicted-price-labels div p:first-child {
  font-size: 120%;
  margin-bottom: 0px; }

.block25 {
  display: inline-block;
  float: left;
  width: 25%; }

.block75 {
  display: inline-block;
  float: left;
  width: 75%; }

.chart-wrap {
  position: relative; }

.pred-price-chart {
  width: 100%;
  /*border: 3px solid #15B8A3;*/
  border-radius: 7px;
  /*margin-bottom: 20px;*/
  height: 40px;
  margin-bottom: 16px;
  overflow: hidden;
  background-color: #D9D7D8;
  /* #E5e7e7;*/ }

.pred-price-chart span {
  font-size: 24px;
  color: #15B8A3;
  padding: 10px;
  /*position: relative;
  top: -7px;*/ }

.pred-price {
  font-size: 24px;
  color: #15B8A3;
  position: relative;
  top: -7px; }

.pred-price-value {
  font-size: 20px;
  font-weight: 400;
  color: white !important;
  position: absolute;
  top: 50%;
  width: 100%;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 100;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.pred-price-chart-inner {
  float: left;
  background-color: #15B8A3;
  height: 100%;
  display: inline-block;
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px; }

.pred-price-chart-label {
  font-size: 13px;
  text-transform: uppercase;
  margin: 0 0 5px 0;
  letter-spacing: 0.04em;
  text-align: center; }

.psp-price-card {
  border: 1px solid #e4eaeb;
  padding: 25px;
  margin: 5px;
  border-radius: 10px;
  min-height: 356px; }

.psp-card-text {
  font-weight: 400;
  text-align: center;
  text-transform: uppercase; }

.psp-card-inner {
  min-height: 178px;
  padding: 20px; }

.tbd {
  display: none; }

.gpp-top-five .gpp-card-wrap {
  border: 0;
  border-right: 1px solid #e4eaeb;
  padding: 0 20px 0 20px;
  position: relative;
  border-radius: 0; }

.gpp-top-five .span3:last-child .gpp-card-wrap {
  border-right: 0; }

.gpp-top-five .gpp-card-wrap .name {
  text-align: left;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.04em;
  overflow: hidden;
  padding-left: 5px; }

.gpp-top-five .gpp-card-wrap .price {
  font-weight: 400;
  color: #888;
  padding-left: 5px; }

.pred-price-top5 {
  position: relative; }

.pred-price-top5::before {
  content: '1';
  font-size: 10px;
  position: absolute;
  top: 50%;
  margin-top: -13px;
  padding: 5px 0;
  left: -25px;
  line-height: 0.9;
  width: 19px;
  text-align: center;
  background: #15B8A3;
  border-radius: 80px;
  color: #fff;
  font-weight: 600; }

.gpp-card-wrap div:nth-of-type(1) .pred-price-top5::before {
  content: '1'; }

.gpp-card-wrap div:nth-of-type(2) .pred-price-top5::before {
  content: '2'; }

.gpp-card-wrap div:nth-of-type(3) .pred-price-top5::before {
  content: '3'; }

.gpp-card-wrap div:nth-of-type(4) .pred-price-top5::before {
  content: '4'; }

.gpp-card-wrap div:nth-of-type(5) .pred-price-top5::before {
  content: '5'; }

.preseason-assistant-manager .fffButtonBar .bank,
.preseason-assistant-manager .fffButtonBar .fffSave,
.preseason-assistant-manager .fffButtonBar .fffReset {
  width: 31%;
  margin-right: 3.5%;
  box-sizing: border-box; }

.preseason-assistant-manager .fffButtonBar .fffReset {
  margin-right: 0; }

.preseason-assistant-manager .alert-error {
  background: #e31f60; }

.preseason-assistant-manager .transfer-arrow i {
  background: #29F1FF; }

.preseason-assistant-manager .pagination ul > li > a:hover,
.preseason-assistant-manager .pagination ul > .active > a {
  background: #22B5A1; }

.preseason-assistant-manager .fixture-nav .pagination:hover {
  background-color: #22B5A1; }

.preseason-assistant-manager .assist-title h2 {
  text-align: left; }

.preseason-assistant-manager .assist-title h2 span {
  margin-left: 0; }

.preseason-assistant-manager .youvsfix {
  border: 3px solid #22B5A1;
  padding: 20px 0;
  position: relative;
  top: 0;
  box-shadow: 0px 7px 0px #22B5A1;
  text-align: center;
  transition: all 0.25s ease-in-out; }

.preseason-assistant-manager .youvsfix:hover {
  border: 3px solid #22B5A1;
  padding: 20px 0;
  position: relative;
  top: 4px;
  box-shadow: 0px 3px 0px #22B5A1;
  text-align: center;
  transition: all 0.25s ease-in-out; }

.preseason-assistant-manager .youvsfix .white-inner {
  padding: 0 20px;
  text-align: center; }

.preseason-assistant-manager .youvsfix .white-inner img.one {
  margin-bottom: 20px; }

.preseason-assistant-manager .youvsfix .white-inner h2 {
  font-size: 3em;
  line-height: 1em; }

.preseason-assistant-manager .youvsfix .white-inner img.two {
  border: 1px solid #22B5A1;
  padding: 10px;
  border-radius: 6px;
  margin-bottom: 20px;
  box-sizing: border-box; }

.preseason-assistant-manager .youvsfix .white-inner h3 {
  margin-bottom: 20px; }

/* ---------------

  Preseason - Predicted prices

---------------- */
.preseason-prices .pagination ul > li > a:hover,
.preseason-prices .pagination ul > .active > a {
  background: #22B5A1; }

/* ---------------

  Preseason - Fixture Analyser

---------------- */
/* ---------------

  Preseason - Fixture Rotator

---------------- */
.psp_fixture_analyser .ui-state-default,
.psp_fixture_analyser .ui-widget-content .ui-state-default,
.psp_fixture_analyser .ui-widget-header .ui-state-default {
  background-color: #15B8A3; }

/* ---------------

  Preseason - Algorithm Predictions

---------------- */
.psp_algorithm_predictions .ui-state-default,
.psp_algorithm_predictions .ui-widget-content .ui-state-default,
.psp_algorithm_predictions .ui-widget-header .ui-state-default {
  background-color: #15B8A3;
  outline: 0; }

.psp_algorithm_predictions .float-button {
  background-color: #15B8A3; }

.psp_algorithm_predictions .pagination ul > li > a:hover,
.psp_algorithm_predictions .pagination ul > li > a:focus,
.psp_algorithm_predictions .pagination ul > .active > a,
.psp_algorithm_predictions .pagination ul > .active > span {
  background-color: #15B8A3; }

@media screen and (max-width: 1200px) {
  .predicted-player-img {
    width: 100px; }
  .gpp-card-wrap .gpp-card-column h3 {
    font-size: 10px;
    line-height: 14px; }
  .last-season-stats .block25 {
    width: 50%; }
  .last-season-stats p {
    margin-bottom: 5px; }
  .gpp-top-five .gpp-card-wrap .name {
    font-size: 10px; }
  .preseason-assistant-manager .fffButtonBar .bank {
    font-size: 1.5em;
    padding: 15px 0; }
  .preseason-assistant-manager .fffButtonBar .fffSave {
    padding: 15px; }
  .preseason-assistant-manager .nav-tabs > li > a {
    font-size: 1em; } }

@media screen and (max-width: 980px) {
  .guide-player-page .gpp-top-box .left {
    padding-right: 0;
    margin-bottom: 20px;
    text-align: center; }
  .guide-player-page .gpp-top-box .big-number {
    position: static;
    top: 50%;
    font-size: 4em;
    margin: 0;
    right: 40px;
    padding: inherit;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  .gpp-card-wrap .gpp-card-column.middle .big-number {
    font-size: 250%; }
  .gpp-top-five .span3 {
    width: 50%;
    margin: 0;
    padding-left: 25px;
    box-sizing: border-box;
    float: left; }
  .gpp-top-five .span3:nth-of-type(2) .gpp-card-wrap {
    border-right: 0; }
  .preseason-assistant-manager .fffButtonBar .bank {
    font-size: 1.5em;
    padding: 15px 0; }
  .preseason-assistant-manager .fffButtonBar .fffSave {
    padding: 24px 26px; } }

@media screen and (max-width: 767px) {
  .gpp-top-five .gpp-card-wrap .rigid-sm.span4 {
    float: left !important;
    width: 33% !important; }
  .gpp-top-five .gpp-card-wrap .rigid-sm.span8 {
    float: left !important;
    width: 66% !important; } }

@media screen and (max-width: 550px) {
  .gpp-card-wrap {
    padding: 10px 0 0 0; }
  .gpp-card-wrap .gpp-card-column {
    float: none;
    width: 100%;
    border-right: 0px solid #E4EAEB;
    border-bottom: 1px solid #E4EAEB;
    padding: 20px;
    text-align: center;
    box-sizing: border-box; }
  .gpp-top-five .gpp-card-wrap {
    border-right: 0px solid #e4eaeb;
    border-bottom: 1px solid #e4eaeb;
    padding-bottom: 20px; }
  .gpp-card-wrap .gpp-card-column::after {
    display: none; }
  .gpp-card-wrap .gpp-card-column:last-child {
    border-bottom: 0; }
  .gpp-card-wrap .gpp-card-column.middle {
    padding-top: 20px; }
  .last-season-stats .block25 {
    width: 25%; }
  .mobile-only {
    text-align: center;
    width: 100%;
    margin-top: 10px;
    box-sizing: border-box; }
  .gpp-top-five .span3 {
    width: 100%;
    margin: 0;
    padding-left: 25px;
    box-sizing: border-box;
    margin-bottom: 20px;
    border-right: 0;
    float: none; }
  .gpp-top-five .span3:nth-of-type(2) .gpp-card-wrap {
    border-right: 0; }
  .preseason-assistant-manager .fffButtonBar .fffSave {
    padding: 15px 30px; }
  .preseason-assistant-manager .fffButtonBar .fffReset {
    padding: 24px 26px; } }

@media screen and (max-width: 400px) {
  .last-season-stats .block25 {
    width: 50%; }
  .preseason-assistant-manager .fffButtonBar .fffSave {
    padding: 15px 10px; }
  .preseason-assistant-manager .fffButtonBar .fffReset {
    padding: 24px 10px; } }

/*   STRATEGY PAGES - I will remove this guides/static once I figure out why that doesn't work right now - Ste */
.strategy-chart-row {
  margin: 20px; }

.strategy-chart {
  content: url(http://127.0.0.1:8000/static/images/players/103025.png);
  text-align: center; }

.preseason-strategy h1 {
  font-size: 2.5em;
  font-weight: 800; }

.preseason-strategy h2 {
  font-size: 1.8em;
  font-weight: 650; }

.strategy-menu-card {
  display: inline-block;
  text-align: center;
  width: 11.9%;
  margin-top: 20px;
  vertical-align: top;
  min-height: 90px; }

.strategy-menu-card img {
  max-height: 80px; }

.strategy-menu-card h3 {
  font-size: 1.5em;
  font-weight: 600;
  text-align: center; }

@media screen and (max-width: 567px) {
  .strategy-menu-card {
    display: block;
    width: 100%;
    margin: 0;
    min-height: 0px;
    font-size: 1.2em; }
  .strategy-menu-card img {
    display: none; }
  .strategy-menu-card h3 {
    margin: 0;
    font-size: 1.2em; }
  .divider-left {
    border-left: none !important; } }

@media screen and (min-width: 568px) and (max-width: 667px) {
  .strategy-menu-card {
    width: default; }
  .strategy-menu-card img {
    max-height: 45px; }
  .strategy-menu-card h3 {
    font-size: .9em; } }

@media screen and (min-width: 668px) and (max-width: 1024px) {
  .strategy-menu-card img {
    max-height: 60px; }
  .strategy-menu-card h3 {
    font-size: 1.2em; } }

.strategy-chart-info {
  border: 1px solid #ddd;
  padding: 5px 10px;
  border-radius: 5px;
  margin-bottom: 20px; }

.strategy-chart-info:before {
  font-family: 'fontawesome';
  content: '\f059';
  margin-right: 10px;
  color: #22133C; }

.strategy-chart-header {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e4eaeb;
  min-height: 80px; }

.strategy-chart-header {
  margin-bottom: 20px;
  padding-bottom: 30px;
  border-bottom: 2px solid #e4eaeb;
  min-height: 40px;
  text-align: center; }

.strategy-chart-header img {
  max-height: 50px;
  display: inline-block; }

.strategy-chart-header h1 {
  position: relative;
  top: 10px;
  margin-left: 10px;
  display: inline-block; }

.divider-left {
  border-left: 1px solid #e4eaeb; }

/* -----------------------------

CUSTOM STATS BUILDER

------------------------------ */
.custom-stats-builder--list .white-box {
  position: relative; }

.custom-stats-builder--list h2 {
  text-align: center;
  margin: 0 0 20px 0;
  font-weight: 800;
  font-size: 21px; }

.custom-stats-builder--list .custom-stats-builder__button {
  position: absolute;
  left: 40px;
  top: 30px;
  z-index: 10; }

.custom-stats-builder--list .button-title {
  padding-left: 100px;
  padding-right: 100px; }

.custom-stats-builder--create input[type=number]::-webkit-inner-spin-button,
.custom-stats-builder--create input[type=number]::-webkit-outer-spin-button {
  opacity: 1; }

.custom-stats-builder--create input[type=number]::-webkit-inner-spin-button {
  background: url("../../images/custom_stats_builder/arrows.png") no-repeat 50% 50%;
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
  padding: 4px;
  position: relative;
  right: 4px;
  cursor: pointer; }

.custom-stats-builder--create ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 10px; }

.custom-stats-builder--create ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); }

.custom-stats-builder--create form {
  margin-bottom: 0; }

.custom-stats-builder--create h2 {
  text-align: left;
  margin: 0 0 20px 0; }

.custom-stats-builder--create label {
  color: #22133C;
  font-size: 400; }

.custom-stats-builder--create .select2-container .select2-choice,
.custom-stats-builder--create select {
  background-color: #EFEFEF;
  padding: 12px 15px;
  border-bottom: 0;
  font-size: 13px; }

.custom-stats-builder--create .check__wrap {
  vertical-align: middle; }
  .custom-stats-builder--create .check__wrap label {
    font-weight: 300;
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .custom-stats-builder--create .check__wrap .check {
    display: inline-block;
    vertical-align: middle; }
  .custom-stats-builder--create .check__wrap .icheckbox_square-green {
    margin-right: 5px; }

.custom-stats-builder--create__one input[type="text"],
.custom-stats-builder--create__one input[type="number"],
.custom-stats-builder--create__one textarea {
  width: 100%;
  text-align: left; }

.custom-stats-builder--create__one textarea {
  height: 23px;
  border-radius: 0;
  padding: 10px 0; }

.custom-stats-builder--create__one .select--public {
  display: inline-block;
  margin-right: 30px;
  margin-top: 10px; }

.custom-stats-builder--create__one .select--charts {
  display: inline-block;
  margin-top: 10px; }

.custom-stats-builder--create__two input[type="text"],
.custom-stats-builder--create__two input[type="number"],
.custom-stats-builder--create__two textarea {
  width: 100%; }

.custom-stats-builder--create__two .span4 {
  width: 33.3333%;
  margin-left: -1px;
  padding-left: 30px;
  padding-right: 30px; }

.custom-stats-builder--create__two .block--options {
  border-right: 1px solid #EFEFEF;
  padding-left: 0; }

.custom-stats-builder--create__two .block--percentages {
  border-right: 1px solid #EFEFEF;
  border-left: 1px solid #EFEFEF; }

.custom-stats-builder--create__two .block--stats {
  border-left: 1px solid #EFEFEF;
  padding-right: 0; }
  .custom-stats-builder--create__two .block--stats .selection--stats {
    background: #f7f7f7;
    padding: 10px 15px 0px;
    display: block; }
  .custom-stats-builder--create__two .block--stats h3 {
    margin: 10px 0 15px 0;
    text-align: left; }
  .custom-stats-builder--create__two .block--stats ul {
    margin: -10px 0 0 0; }
  .custom-stats-builder--create__two .block--stats li {
    margin: 0 0 6px 0; }
    .custom-stats-builder--create__two .block--stats li label {
      font-weight: 300; }
    .custom-stats-builder--create__two .block--stats li .icheckbox_square-green {
      margin-right: 5px; }

.custom-stats-builder--create__two .section--ownership {
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid #EFEFEF; }
  .custom-stats-builder--create__two .section--ownership input {
    margin-bottom: 20px; }

.custom-stats-builder--create__two .section--options .unselected {
  opacity: 0.2;
  pointer-events: none; }

.custom-stats-builder--create__two .section--options [class^="check--"] {
  margin-bottom: 10px; }

.custom-stats-builder--create__two .section--options #preferred_positions,
.custom-stats-builder--create__two .section--options #preferred_teams,
.custom-stats-builder--create__two .section--options #preferred_starting_positions,
.custom-stats-builder--create__two .section--options #preferred_gw,
.custom-stats-builder--create__two .section--options #preferred_opposition {
  margin-top: 10px; }
  .custom-stats-builder--create__two .section--options #preferred_positions .main,
  .custom-stats-builder--create__two .section--options #preferred_teams .main,
  .custom-stats-builder--create__two .section--options #preferred_starting_positions .main,
  .custom-stats-builder--create__two .section--options #preferred_gw .main,
  .custom-stats-builder--create__two .section--options #preferred_opposition .main {
    font-weight: 400;
    display: block;
    margin-bottom: 10px; }
  .custom-stats-builder--create__two .section--options #preferred_positions ul,
  .custom-stats-builder--create__two .section--options #preferred_teams ul,
  .custom-stats-builder--create__two .section--options #preferred_starting_positions ul,
  .custom-stats-builder--create__two .section--options #preferred_gw ul,
  .custom-stats-builder--create__two .section--options #preferred_opposition ul {
    margin: 0 0 10px 0;
    width: 100%; }
    .custom-stats-builder--create__two .section--options #preferred_positions ul:after,
    .custom-stats-builder--create__two .section--options #preferred_teams ul:after,
    .custom-stats-builder--create__two .section--options #preferred_starting_positions ul:after,
    .custom-stats-builder--create__two .section--options #preferred_gw ul:after,
    .custom-stats-builder--create__two .section--options #preferred_opposition ul:after {
      content: "";
      display: table;
      clear: both; }
    .custom-stats-builder--create__two .section--options #preferred_positions ul li,
    .custom-stats-builder--create__two .section--options #preferred_teams ul li,
    .custom-stats-builder--create__two .section--options #preferred_starting_positions ul li,
    .custom-stats-builder--create__two .section--options #preferred_gw ul li,
    .custom-stats-builder--create__two .section--options #preferred_opposition ul li {
      margin-bottom: 5px;
      width: 50%;
      float: left; }

.custom-stats-builder--create__two .section--options #gw_range {
  width: auto;
  margin: 0 0 0 -20px; }
  .custom-stats-builder--create__two .section--options #gw_range .span4 {
    padding: 0 0 0 20px; }

.custom-stats-builder--create__two .section--options #preferred_teams {
  background: #f7f7f7;
  padding: 10px 15px 0px;
  display: block; }

.custom-stats-builder--create__two .section--options #preferred_opposition {
  background: #f7f7f7;
  padding: 10px 15px 0px;
  display: block; }

.custom-stats-builder--create__two .section--options #preferred_starting_positions {
  background: #f7f7f7;
  padding: 10px 15px 0px;
  display: block; }
  .custom-stats-builder--create__two .section--options #preferred_starting_positions ul li {
    width: 100%;
    float: none; }

.custom-stats-builder--create__two .section--options #preferred_positions {
  background: #f7f7f7;
  padding: 10px 15px;
  display: block; }

.custom-stats-builder--create__three #stats_filter {
  margin-bottom: 30px; }

.custom-stats-builder--create__three #custom_charts {
  margin-bottom: 30px; }
  .custom-stats-builder--create__three #custom_charts th, .custom-stats-builder--create__three #custom_charts td {
    width: 50%; }

.custom-stats-builder--create__three table td {
  padding: 10px; }

.custom-stats-builder--create__three table input[type="text"],
.custom-stats-builder--create__three table input[type="number"] {
  margin-bottom: 0;
  width: 100%; }

.custom-stats-builder--create__three table .stat-name {
  width: 50%; }

.custom-stats-builder--view .white-box {
  position: relative; }

.custom-stats-builder--view h2 {
  text-align: center;
  margin: 0 0 20px 0; }

.custom-stats-builder--view table th {
  line-height: 15px; }

.custom-stats-builder--view td.mysquad {
  color: #22133C;
  font-weight: 500;
  background: #efefef; }

.custom-stats-builder--view .button-back {
  position: absolute;
  left: 40px;
  top: 30px;
  z-index: 10; }

.custom-stats-builder--view .button-modify {
  position: absolute;
  right: 40px;
  top: 30px;
  z-index: 10; }

.custom-stats-builder--view table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, .custom-stats-builder--view table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
  font-family: 'fontAwesome';
  content: "\f078";
  cursor: pointer;
  color: #22133C;
  background-color: white;
  box-shadow: 0 0 0 0; }

.custom-stats-builder--view table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, .custom-stats-builder--view table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
  content: '\f077';
  background-color: white; }

@media screen and (max-width: 1200px) {
  .custom-stats-builder--create .section--options #preferred_positions ul li,
  .custom-stats-builder--create .section--options #preferred_teams ul li,
  .custom-stats-builder--create .section--options #preferred_starting_positions ul li,
  .custom-stats-builder--create .section--options #preferred_gw ul li {
    width: 100%;
    float: none; } }

@media screen and (max-width: 980px) {
  .custom-stats-builder--view .information-table {
    display: block; }
    .custom-stats-builder--view .information-table thead, .custom-stats-builder--view .information-table tbody, .custom-stats-builder--view .information-table th, .custom-stats-builder--view .information-table td, .custom-stats-builder--view .information-table tr {
      display: block; }
  .custom-stats-builder--view #stats-table .child {
    padding-left: 8px !important; }
    .custom-stats-builder--view #stats-table .child ul {
      display: table;
      width: 100%; }
      .custom-stats-builder--view #stats-table .child ul li {
        display: table-row;
        border-bottom: 1px solid #EFEFEF; }
        .custom-stats-builder--view #stats-table .child ul li span {
          display: table-cell;
          padding-top: 12px;
          padding-bottom: 12px;
          font-weight: 200; }
  .custom-stats-builder--view .button-back,
  .custom-stats-builder--view .button-modify {
    position: static;
    width: 100%;
    margin: 0 0 10px 0; }
  .custom-stats-builder--view .divider {
    margin: 20px 0; }
  .custom-stats-builder--list .custom-stats-builder__button {
    position: static;
    left: 40px;
    top: 30px;
    z-index: 10;
    width: 100%;
    margin: 0 0 20px 0; }
  .custom-stats-builder--list .button-title {
    padding-left: 0;
    padding-right: 0; }
  .custom-stats-builder--list .child {
    padding-left: 8px !important; }
    .custom-stats-builder--list .child ul {
      display: table;
      width: 100%; }
      .custom-stats-builder--list .child ul li {
        display: table-row;
        border-bottom: 1px solid #EFEFEF; }
        .custom-stats-builder--list .child ul li span {
          display: table-cell;
          padding-top: 12px;
          padding-bottom: 12px;
          font-weight: 200; }
  .custom-stats-builder--create__two input[type="text"],
  .custom-stats-builder--create__two input[type="number"],
  .custom-stats-builder--create__two textarea {
    width: 100%; }
  .custom-stats-builder--create__two .span4 {
    margin-top: -1px;
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 30px;
    padding-top: 30px;
    border-right: none !important;
    border-left: none !important;
    border-top: 1px solid #EFEFEF;
    border-bottom: 1px solid #EFEFEF; }
  .custom-stats-builder--create__two .block--options {
    border-top: 0;
    padding-top: 0; } }

/* -----------------------------

WHY FIX

------------------------------ */
#modal__feature .btn {
  margin-top: 20px !important; }

.why-fix__table .feature {
  position: relative;
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  border-bottom: 1px solid #EFEFEF;
  padding: 10px 30px 10px 0;
  box-sizing: border-box; }
  .why-fix__table .feature .arrow {
    position: absolute;
    right: 0;
    top: 50%;
    margin: -10px 0 0 0; }
    .why-fix__table .feature .arrow::after {
      content: '\f105';
      font-family: 'fontawesome';
      font-size: 20px; }
  .why-fix__table .feature:last-child {
    padding-bottom: 0;
    border-bottom: 0; }

.why-fix__table .feature--heading {
  padding-top: 0;
  padding-bottom: 20px; }
  .why-fix__table .feature--heading h4 {
    font-size: 20px;
    margin: 0; }
  .why-fix__table .feature--heading h5 {
    margin: 0;
    font-size: 13px; }
  .why-fix__table .feature--heading::after {
    display: none; }

.why-fix__table .title {
  position: relative;
  -webkit-flex: 1 0 30%;
          flex: 1 0 30%;
  width: 30%;
  border-right: 1px solid #EFEFEF;
  padding: 0 20px 0 0;
  box-sizing: border-box; }
  .why-fix__table .title h2 {
    margin: 0;
    font-size: 24px;
    font-weight: 900;
    padding: 0 30px 0 0; }
  .why-fix__table .title .video-icon {
    position: absolute;
    right: 0;
    top: 50%;
    margin: -10px 0 0 0;
    display: block;
    z-index: 2;
    padding: inherit; }
    .why-fix__table .title .video-icon i {
      font-size: 20px; }

.why-fix__table .premium {
  -webkit-flex: 1 0 17%;
          flex: 1 0 17%;
  width: 17%;
  text-align: center;
  border-right: 1px solid #EFEFEF;
  padding: 0 20px;
  box-sizing: border-box; }
  .why-fix__table .premium h3 {
    font-size: 16px;
    margin: 0; }
  .why-fix__table .premium p {
    margin: 0; }
  .why-fix__table .premium .btn {
    font-size: 9px;
    display: block;
    padding: 5px 5px;
    line-height: 13px; }

.why-fix__table .unique {
  -webkit-flex: 1 0 18%;
          flex: 1 0 18%;
  width: 18%;
  text-align: center;
  border-right: 1px solid #EFEFEF;
  padding: 0 20px;
  box-sizing: border-box; }
  .why-fix__table .unique img {
    width: 40px;
    margin: 0 10px 0 0;
    display: inline-block;
    vertical-align: middle; }
  .why-fix__table .unique h3 {
    font-size: 16px;
    line-height: 18px;
    margin: 0;
    display: inline-block;
    vertical-align: middle; }

.why-fix__table .desc {
  -webkit-flex: 1 0 35%;
          flex: 1 0 35%;
  width: 35%;
  padding: 0 0 0 20px;
  box-sizing: border-box; }
  .why-fix__table .desc p {
    font-size: 1.2em;
    margin-bottom: 0; }

@media screen and (max-width: 980px) {
  .why-fix__table .feature {
    position: relative;
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-align-items: center;
            align-items: center;
    border-bottom: 1px solid #EFEFEF;
    padding: 10px 0;
    box-sizing: border-box; }
    .why-fix__table .feature .arrow {
      display: none; }
  .why-fix__table .feature--heading {
    display: none; }
  .why-fix__table .title {
    position: relative;
    -webkit-flex: 1 0 50%;
            flex: 1 0 50%;
    width: 50%;
    margin-bottom: 20px; }
    .why-fix__table .title h2 {
      font-size: 19px; }
  .why-fix__table .premium {
    -webkit-flex: 1 0 25%;
            flex: 1 0 25%;
    width: 25%;
    padding: 5px 10px 5px 10px;
    margin-bottom: 20px;
    text-align: left; }
    .why-fix__table .premium h3 {
      font-size: 12px; }
    .why-fix__table .premium p {
      font-size: 12px; }
  .why-fix__table .unique {
    -webkit-flex: 1 0 25%;
            flex: 1 0 25%;
    width: 25%;
    border-right: 0;
    padding-right: 0;
    margin-bottom: 20px; }
    .why-fix__table .unique h3 {
      font-size: 12px;
      line-height: 15px; }
    .why-fix__table .unique img {
      width: 32px; }
  .why-fix__table .desc {
    -webkit-flex: 1 0 100%;
            flex: 1 0 100%;
    width: 100%;
    border-right: 0;
    padding-right: 0;
    padding-left: 0; } }

@media screen and (max-width: 767px) {
  .why-fix__table .feature {
    position: relative;
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-align-items: center;
            align-items: center;
    border-bottom: 1px solid #EFEFEF;
    padding: 10px 0;
    box-sizing: border-box; }
    .why-fix__table .feature::after {
      display: none; }
  .why-fix__table .feature--heading {
    display: none; }
  .why-fix__table .title {
    position: relative;
    -webkit-flex: 1 0 100%;
            flex: 1 0 100%;
    width: 100%;
    padding-right: 0;
    border-right: 0;
    margin-bottom: 20px; }
    .why-fix__table .title h2 {
      font-size: 19px; }
  .why-fix__table .premium {
    -webkit-flex: 1 0 50%;
            flex: 1 0 50%;
    width: 50%;
    padding: 5px 10px 5px 0;
    margin-bottom: 20px; }
    .why-fix__table .premium h3 {
      font-size: 12px; }
    .why-fix__table .premium p {
      font-size: 12px; }
  .why-fix__table .unique {
    -webkit-flex: 1 0 50%;
            flex: 1 0 50%;
    width: 50%;
    border-right: 0;
    padding-right: 0;
    margin-bottom: 20px; }
    .why-fix__table .unique h3 {
      font-size: 12px;
      line-height: 15px; }
    .why-fix__table .unique img {
      width: 32px; }
  .why-fix__table .desc {
    -webkit-flex: 1 0 100%;
            flex: 1 0 100%;
    width: 100%;
    border-right: 0;
    padding-right: 0;
    padding-left: 0; } }

.fantasybet__banner {
  display: block;
  margin: 0 0 30px 0; }

/* ---- @Header ---- */
.header {
  font-family: 'Fix Sans';
  background-color: #fff;
  min-height: 0;
  position: static;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 99;
  box-sizing: border-box;
  transition: .3s; }
  @media screen and (min-width: 1101px) {
    .header {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap;
      position: fixed; } }
  .header.header .btn-one-red {
    font-weight: 600;
    padding: 14px;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px; }
  .header.header .btn-one-red-border {
    color: #FC1C5B; }
    .header.header .btn-one-red-border:hover {
      background-color: #FC1C5B;
      color: #fff; }
  .header .alert {
    margin: 0;
    padding: 7px 10px; }
  .header .drawer-nav .mobile-menu__header .logo {
    float: none;
    margin: 0;
    padding: 10px; }
  .header .drawer-nav .drawer-nav__premium {
    padding: 13px 15px 15px 15px;
    background: #EFEFEF; }
    .header .drawer-nav .drawer-nav__premium h3 {
      font-size: 16px;
      line-height: 1.4em;
      font-weight: 400;
      margin: 0 0 10px 0; }
    .header .drawer-nav .drawer-nav__premium .btn {
      width: 100%; }
      .header .drawer-nav .drawer-nav__premium .btn:hover {
        background-color: #e20342; }

.header-spacing {
  height: 60px;
  display: none; }
  @media screen and (min-width: 1101px) {
    .header-spacing {
      display: block; } }
  .header-spacing.landing-page {
    display: none; }

.hide-header {
  display: none !important; }

.header-above {
  padding: 13px; }
  .header-above .btn {
    font-size: 12px;
    padding: 5px 10px; }

/* -----------------------------
  Hamburger Menu Btn
----------------------------- */
.btn-fffnav {
  margin-top: 19px;
  float: right;
  font-size: 2em !important;
  margin-right: 20px;
  color: #e5e7e7 !important;
  background-color: transparent !important;
  padding: 0 !important;
  -ms-box-shadow: 0 0 0 0 !important;
  -o-box-shadow: 0 0 0 0 !important;
  box-shadow: 0 0 0 0 !important; }
  @media screen and (min-width: 1101px) {
    .btn-fffnav {
      display: none; } }

.landing-page.header .btn-fffnav {
  color: #fff !important;
  margin-top: 39px; }

/* -----------------------------
  Site Logo
----------------------------- */
.header .logo {
  width: 43px;
  float: left;
  margin: 0;
  padding: 10px; }

.header .logo .icon {
  max-width: 43px; }

.logo a {
  transition: .3s ease-in; }

/* -----------------------------
  MAIN NAV / MENU
----------------------------- */
.fff-menu {
  margin: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 1;
          flex: 1; }
  .fff-menu > .loggedin,
  .fff-menu > .loggedout {
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1;
            flex: 1; }
  .fff-menu .v-divider {
    border-left: 1px solid #eee; }

.fff-menu-inner {
  display: -webkit-flex;
  display: flex; }
  @media screen and (min-width: 1350px) {
    .fff-menu-inner {
      position: absolute;
      top: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      margin: 0 auto;
      width: 1210px;
      height: 60px; } }

.nav-pills {
  display: -webkit-flex;
  display: flex;
  width: 100%;
  box-sizing: border-box;
  margin: 0; }

.nav-pills > li {
  list-style: none;
  margin: 0;
  position: relative;
  padding: 0;
  display: -webkit-flex;
  display: flex;
  transition: background 0.4s, color 0.4s ease-in-out; }

.nav-pills > li.back-to-fix,
.back-to-fix {
  display: -webkit-flex;
  display: flex;
  width: 100%;
  z-index: 1; }
  .nav-pills > li.back-to-fix .fa-angle-right,
  .back-to-fix .fa-angle-right {
    margin-left: 10px;
    font-size: 18px;
    color: #FC1C5B; }
  @media screen and (min-width: 1101px) {
    .nav-pills > li.back-to-fix,
    .back-to-fix {
      margin-left: 20px;
      width: auto; } }

.back-to-fix a {
  display: -webkit-flex;
  display: flex;
  width: 100%;
  line-height: 2;
  font-weight: 400;
  padding: 17px 8px;
  background: #f7f7f7;
  margin: 0;
  font-size: 13px;
  -webkit-align-items: center;
          align-items: center; }
  @media screen and (min-width: 1101px) {
    .back-to-fix a {
      line-height: 24px; } }
  @media screen and (min-width: 1200px) {
    .back-to-fix a {
      padding: 17px;
      font-size: 14px; } }
  .back-to-fix a img {
    width: 26px;
    margin: 0 5px 0 0; }

.nav-pills > li.menu-double {
  display: -webkit-flex;
  display: flex; }

.nav-pills > li.align-centre {
  -webkit-align-self: center;
          align-self: center; }

.nav-pills > li > a {
  position: relative;
  cursor: pointer;
  margin: 0;
  font-weight: 400;
  color: #22133C;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  text-align: center;
  border-radius: 0;
  transition: all .25s ease-in-out;
  font-size: 12px;
  padding: 0 15px; }
  @media screen and (min-width: 1200px) {
    .nav-pills > li > a {
      padding: 0 20px; } }
  @media screen and (min-width: 1250px) {
    .nav-pills > li > a {
      font-size: 13px; } }

.nav-pills > li.dropdown > a {
  padding-right: 15px; }
  @media screen and (min-width: 1200px) {
    .nav-pills > li.dropdown > a {
      padding-right: 20px; } }
  @media screen and (min-width: 1250px) {
    .nav-pills > li.dropdown > a {
      padding-right: 25px; } }

.nav-pills > li.with-logo-icon a .logo-icon {
  width: 14px;
  margin-right: 6px; }

.nav-pills > li > a:hover,
.nav-pills > li.dropdown:hover > a {
  background: #22133C;
  color: #fff;
  transition: .25s ease-in-out; }

.nav-pills > li > a.active {
  background: #EFEFEF;
  color: #35264e; }

.nav-pills > li > a.active,
.nav-pills > li > a.active:hover {
  box-shadow: inset 0 -4px 0px 0px #FC1C5B; }

.nav-pills > li:hover > a.active {
  background: #22133C;
  color: #fff;
  box-shadow: none; }

/* Dropdown Arrow Icon */
.dropdown > a:after {
  content: '';
  font-family: 'fontawesome';
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -2px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 4px 0 4px;
  border-color: #bbbbbb transparent transparent transparent; }
  @media screen and (min-width: 1250px) {
    .dropdown > a:after {
      right: 8px; } }

/* Dropdown Menus */
.nav-pills .dropdown-menu {
  display: none;
  padding: 0;
  position: absolute;
  top: 58px;
  left: 0;
  width: auto;
  z-index: 300;
  border-radius: 0 !important;
  background: #22133C;
  box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.15);
  border: none; }

.nav-pills .dropdown-menu.dropdown-left {
  left: 0;
  right: auto; }

.nav-pills .dropdown-menu.dropdown-right {
  right: 0;
  left: auto; }

.nav-pills .dropdown-menu > li > a {
  border: 0;
  color: #fff;
  display: block;
  text-align: left; }

@media (min-width: 1100px) {
  .nav-pills .dropdown-menu li:first-child a {
    padding: 16px 20px;
    padding-bottom: 8px; }
  .nav-pills .dropdown-menu li:last-child a {
    padding: 16px 20px;
    padding-top: 8px; }
  .nav-pills .dropdown-menu li a {
    padding: 8px 20px; } }

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  text-decoration: none;
  background: rgba(0, 0, 0, 0.1);
  color: #fff; }

.dropdown-menu > li:first-child {
  margin-top: 0px; }

.dropdown-menu > li:last-child {
  margin-bottom: 0px; }

.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav > li.dropdown.open.active > a:hover,
.nav > li.dropdown.open.active > a:focus {
  background-color: transparent;
  border: 0px; }

.dropdown-menu.megamenu {
  width: 340px; }

.dropdown-menu.megamenu .mega-column {
  display: inline-block;
  min-width: 150px; }

.dropdown-menu.megamenu ul {
  margin: 0; }

.dropdown-menu.megamenu .mega-column li a {
  border: 0;
  color: #fff;
  display: block;
  font-size: 13px;
  text-align: left;
  padding: 8px 20px;
  font-weight: 400; }
  .dropdown-menu.megamenu .mega-column li a:hover {
    background-color: rgba(0, 0, 0, 0.1); }

.dropdown-menu.megamenu .mega-column li a img {
  width: 20px;
  margin-right: 10px; }

.dropdown-menu.megamenu .mega-column li:first-child a {
  padding: 16px 20px;
  padding-bottom: 8px; }

.dropdown-menu.megamenu .mega-column li:last-child a {
  padding: 16px 20px;
  padding-top: 8px; }

/* -----------------------------
  RIGHT HEADER ITEMS
----------------------------- */
.header-items-right {
  display: -webkit-flex;
  display: flex;
  margin-left: auto;
  position: relative;
  z-index: 10; }

.header .header__btns {
  display: -webkit-flex;
  display: flex;
  padding: 10px; }
  .header .header__btns .btn {
    margin-left: 10px;
    white-space: nowrap;
    padding: 10px 14px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center; }

.header .loggedout .header__btns .btn-one-red {
  padding: 10px 35px; }

/* Try Premium Btn
---------------------------- */
.menu__premium-wrap {
  padding: 13px 0;
  margin-right: 15px; }

.header .btn.menu__premium-btn {
  padding: 8px 13px;
  font-size: 11px; }
  .header .btn.menu__premium-btn:hover, .header .btn.menu__premium-btn:active, .header .btn.menu__premium-btn:focus {
    padding: 8px 13px;
    font-size: 11px; }

/*  Menu Circle Item (e.g. notification btn)
------------------------------------------- */
@media (min-width: 1100px) {
  .header .menu-circle-item {
    margin-left: auto;
    margin-right: 0;
    -webkit-align-items: center;
            align-items: center;
    display: -webkit-flex;
    display: flex; }
  .header .menu-circle-item > a {
    border-radius: 50%;
    width: 37px;
    height: 37px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-align-items: center;
            align-items: center;
    background-color: #F1F1F1;
    transition: .3s;
    cursor: pointer; }
    .header .menu-circle-item > a:hover {
      background-color: #22133C;
      color: #fff; }
  .header.landing-page .menu-circle-item > a {
    background-color: rgba(0, 0, 0, 0.05); }
  .menu-circle-item .dropdown-menu {
    top: 47px;
    left: -113px; } }

.menu-circle-item > a:after {
  display: none;
  content: '';
  margin: 0; }

/* Menu Notifications
----------------------------- */
.menu-notifications {
  display: -webkit-flex;
  display: flex;
  margin-left: auto; }

@media screen and (min-width: 1100px) {
  #notifications_modal.modal {
    max-width: 320px;
    margin-left: -160px; } }

#notifications_modal .modal-body {
  position: relative;
  max-height: 400px;
  padding: 10px 20px 10px 20px;
  overflow-y: auto; }

#notifications_modal .mark-as-read {
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.04em;
  margin-bottom: 5px;
  float: none;
  font-weight: 400;
  color: #22133C;
  opacity: 1; }

#notifications_modal .read,
#notification-dropdown .read {
  float: right;
  position: Relative;
  z-index: 30;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 10px;
  letter-spacing: 0.04em;
  font-weight: 400;
  color: #fff;
  background-color: #FC1C5B;
  padding: 4px 5px;
  border-radius: 0; }

#notification-dropdown .read {
  position: absolute;
  top: 0;
  right: 0; }

#notification-dropdown .read span {
  display: none; }

#notification-dropdown .read:hover span {
  display: inline-block; }

#notifications_modal .read:hover,
#notification-dropdown .read:hover {
  color: #fff; }

#notifications_modal .notice-container.hover .read,
#notification-dropdown .notice-container:hover .read {
  opacity: 1; }

#notifications_modal .read i,
#notification-dropdown .read i {
  color: #fff; }

#notification-dropdown {
  position: absolute;
  right: 0 !important;
  left: auto !important;
  width: 250px;
  background-color: #fff;
  border-top: 1px solid #eee;
  padding: 20px 20px 5px 20px;
  border-radius: 0 0 6px 6px; }

.menu-notifications {
  position: relative; }

.menu-notifications .notice-count {
  position: absolute;
  top: 4px;
  right: -2px;
  background-color: #FC1C5B;
  width: 19px;
  height: 19px;
  line-height: 15px;
  text-align: center;
  color: #fff;
  border-radius: 50%; }

.menu-notifications .notice-count span {
  line-height: 18px;
  font-weight: 600;
  font-size: 10px;
  padding: 0 2px; }

.notice-container {
  position: relative;
  display: block;
  cursor: auto;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  margin-bottom: 10px; }

.notice-container .arrow {
  opacity: 0;
  position: absolute;
  right: 10px;
  margin-right: 0;
  top: 50%;
  margin-top: -15px; }

.notice-container:hover .arrow {
  opacity: 1;
  position: absolute;
  right: 10px;
  margin-right: -10px;
  top: 50%;
  margin-top: -15px; }

.notice-container .time {
  color: #bbb;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 11px;
  letter-spacing: 0.04em;
  margin-bottom: 5px;
  text-align: left; }

.notice-container .message .image {
  float: left;
  max-width: 45px;
  margin-right: 10px; }

.notice-container .message {
  padding-right: 20px;
  line-height: 1.4em;
  margin-bottom: 5px; }

.notice-container .message span {
  font-size: 1.0em;
  font-weight: 400;
  color: #22133C; }

.notice-container .description {
  color: #bbb;
  margin-top: 5px; }

.notice-container .notice-actions {
  text-align: center; }

.notice-container .notice-verb {
  text-align: left;
  margin-bottom: 0px; }

.notice-container .notice-actions a {
  display: block;
  position: relative;
  color: #22133C;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.04em; }

.no-notifications {
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.04em;
  margin-bottom: 5px;
  width: 100%;
  text-align: center;
  display: block;
  transition: all 0.3s ease-in-out; }

#notification-dropdown #notifications {
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.04em;
  margin-bottom: 5px;
  width: 100%;
  text-align: center;
  display: block;
  transition: all 0.3s ease-in-out; }

/* Mobile Notifications */
@media screen and (min-width: 1101px) {
  .mobile-notifications {
    display: none; } }

.mobile-notifications {
  position: relative;
  float: right;
  margin-top: 12px;
  margin-right: 14px;
  background-color: #F1F1F1;
  border-radius: 50px; }

.mobile-notifications a {
  padding: 12px;
  line-height: 14px;
  width: 14px;
  height: 14px;
  display: block;
  text-align: center; }

.mobile-notifications .notice-count {
  position: absolute;
  top: -2px;
  right: -2px;
  background-color: #FC1C5B;
  min-width: 16px;
  height: 16px;
  line-height: 15px;
  text-align: center;
  color: #fff;
  border-radius: 50%; }

/* -----------------------------
  Linked Team Btn
----------------------------- */
.header__linked-team-btn {
  margin-right: 10px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  width: 102px;
  overflow: hidden; }
  @media screen and (min-width: 1350px) {
    .header__linked-team-btn {
      width: 125px; } }
  .header__linked-team-btn a {
    padding: 7px 10px;
    border-radius: 9999px;
    font-size: 10px;
    background-color: #f5f5f5;
    line-height: 1.3;
    display: block;
    font-weight: 600;
    overflow: hidden;
    white-space: nowrap; }
    @media screen and (min-width: 1350px) {
      .header__linked-team-btn a {
        font-size: 11px;
        padding: 7px 13px; } }
  .header__linked-team-btn span {
    display: block;
    font-weight: 300;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }

.header__linked-team-btn--mobile {
  margin-top: 15px; }
  .header__linked-team-btn--mobile a {
    padding: 10px 15px;
    font-size: 13px;
    background-color: #f5f5f5;
    line-height: 1.3;
    display: block;
    font-weight: 600; }
  .header__linked-team-btn--mobile span {
    display: block;
    font-weight: 300; }

/* -----------------------------
  Header Rotating Box
----------------------------- */
.header-rotating-box {
  display: -webkit-flex;
  display: flex;
  margin-left: 10px;
  background-color: #f5f5f5;
  position: relative; }
  .header-rotating-box > div {
    transition: opacity 2s, -webkit-transform 1.5s;
    transition: transform 1.5s, opacity 2s;
    transition: transform 1.5s, opacity 2s, -webkit-transform 1.5s;
    opacity: 0;
    background-color: transparent;
    -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .header-rotating-box > div.active {
      opacity: 1;
      -webkit-transform: rotateX(0);
              transform: rotateX(0);
      z-index: 10; }
  .header-rotating-box > div:first-child {
    position: static; }
  .header-rotating-box .back-to-fix {
    margin-left: 0; }

/* -----------------------------
  GW Countdown Timer
----------------------------- */
.header .countdown-item {
  display: -webkit-flex;
  display: flex; }
  .header .countdown-item a {
    width: 100%;
    box-sizing: border-box;
    color: #35264e;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: center;
            justify-content: center;
    padding: 11px 24px 10px 15px;
    text-align: center;
    border-left: 1px solid #EFEFEF;
    transition: all 0.25s ease-in-out; }
    .header .countdown-item a:hover {
      color: #22133C;
      background-color: #EFEFEF;
      transition: all 0.25s ease-in-out; }
      .header .countdown-item a:hover #headerCountdown {
        color: #22133C;
        transition: all 0.25s ease-in-out; }
  .header .countdown-item #countdownTitle {
    font-size: 11px;
    line-height: 1.4; }
  .header .countdown-item #headerCountdown {
    font-size: 15px;
    color: #35264e;
    font-weight: 400;
    transition: all 0.25s ease-in-out; }
    .header .countdown-item #headerCountdown .table {
      margin-bottom: 0 !important; }
      .header .countdown-item #headerCountdown .table td {
        padding: 0;
        text-align: center; }

.countdown-item--live {
  margin-left: 15px;
  float: left;
  border-left: 1px solid #EFEFEF;
  padding: 13px; }
  .countdown-item--live .btn {
    padding: 8px 13px;
    font-size: 11px; }
    .countdown-item--live .btn:hover, .countdown-item--live .btn:focus, .countdown-item--live .btn:active {
      padding: 8px 13px;
      font-size: 11px; }
  .countdown-item--live img {
    width: 159px; }

/* -----------------------------
  Last Updated
----------------------------- */
.header-last-updated {
  padding: 5px 10px;
  text-align: right;
  background-color: #f5f5f5;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
          justify-content: center; }
  .header-last-updated--mobile {
    padding: 10px 15px;
    text-align: left; }
  .header-last-updated span {
    display: block;
    line-height: 1.4;
    font-size: 10px; }
  .header-last-updated .date {
    font-weight: 400;
    font-size: 14px;
    color: #35264e; }

/* -----------------------------
  Login Form
----------------------------- */
@media screen and (min-width: 1101px) {
  .header .login-form {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center; } }

.header .form-signin {
  width: 100%;
  float: none;
  margin-bottom: 5px;
  margin-top: 20px;
  padding: 0 20px;
  box-sizing: border-box; }
  @media screen and (min-width: 981px) {
    .header .form-signin {
      width: 450px;
      margin: 0;
      padding: 0;
      float: left; } }
  @media screen and (min-width: 1201px) {
    .header .form-signin {
      width: 500px; } }
  @media screen and (min-width: 1350px) {
    .header .form-signin {
      width: 600px; } }

.header input[type="text"],
.header input[type="email"],
.header input[type="password"] {
  width: 100%;
  height: 44px !important;
  min-height: 44px !important;
  margin-bottom: 10px;
  background-color: #eee; }
  @media screen and (min-width: 981px) {
    .header input[type="text"],
    .header input[type="email"],
    .header input[type="password"] {
      height: 34px !important;
      min-height: 34px !important;
      margin-bottom: 0; } }

.header .login-input {
  float: left;
  vertical-align: top;
  width: 36%;
  margin-right: 2%;
  text-align: center; }

.header .drawer-nav .login-input {
  width: 100%; }

.forgot_password {
  position: absolute;
  bottom: -18px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -khtml-transform: translateX(-50%);
  transform: translateX(-50%);
  opacity: 0;
  color: #fff;
  line-height: 14px;
  padding: 2px 4px;
  background: #22133C;
  text-align: center;
  font-size: 10.5px;
  font-weight: 400;
  width: 65%;
  transition: all 0.25s ease-in-out; }
  @media screen and (min-width: 1201px) {
    .forgot_password {
      width: auto; } }
  .forgot_password::after {
    content: '';
    position: absolute;
    top: -5px;
    left: 50%;
    margin-left: -5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #22133C transparent; }

.forgot_password_mobile {
  display: inline-block;
  text-align: center;
  color: #fff;
  font-weight: 400; }

.form-signin-input:hover .forgot_password {
  opacity: 1;
  bottom: -24px;
  transition: all 0.25s ease-in-out; }

.header .login-button {
  display: block;
  width: 100%;
  margin-right: 0; }
  @media screen and (min-width: 981px) {
    .header .login-button {
      float: left;
      width: 24%; } }

.header .login-button .btn {
  padding: 8px 10px; }

.header .form-signin .help-inline {
  position: relative;
  z-index: 999;
  left: 0;
  margin-bottom: 10px; }
  @media screen and (min-width: 981px) {
    .header .form-signin .help-inline {
      margin-bottom: 0; } }

@media screen and (max-width: 980px) {
  .header .error input {
    margin-bottom: 0; }
  .header .login-button .btn-one-secondary {
    padding: 15px 15px; } }

@media screen and (min-width: 1101px) {
  .header .id-login-btn-wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center; } }

.header .id-login-btn {
  padding: 4px 9px !important;
  font-size: 9px;
  font-weight: 600;
  text-transform: uppercase;
  margin-right: 10px;
  margin-left: 7px;
  line-height: 1.25;
  width: 78px; }

.mobile-homepage-login {
  display: none;
  padding: 10px 5px; }
  .mobile-homepage-login form {
    margin: 0; }
  .mobile-homepage-login .signup-btns {
    display: -webkit-flex;
    display: flex; }
    .mobile-homepage-login .signup-btns .btn {
      -webkit-flex: 1;
              flex: 1;
      margin: 0 5px;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
              align-items: center;
      -webkit-justify-content: center;
              justify-content: center;
      padding: 12px 20px; }
  @media (max-width: 767px) {
    .mobile-homepage-login .rigid.span4 {
      float: left !important;
      width: 31% !important;
      margin-left: 2.7624309392265194%; } }
  .mobile-homepage-login .btn-login {
    height: 51px; }
  .mobile-homepage-login .id-login-btn {
    margin-top: 5px;
    font-size: 10px;
    padding: 5px;
    line-height: 1.4; }

@media screen and (max-width: 1100px) {
  .mobile-homepage-login {
    display: block; } }

/* ---------------------------------------------------
    ACTIVE SUB NAV
    (sub nav shown below header for active section)
---------------------------------------------------- */
.active-sub-nav.active-sub-nav {
  width: 100%;
  position: relative;
  z-index: -1;
  display: none;
  background-color: #EFEFEF;
  min-height: 44px; }
  .active-sub-nav.active-sub-nav:empty {
    height: 0;
    min-height: 0; }
  @media screen and (min-width: 1101px) {
    .active-sub-nav.active-sub-nav {
      display: -webkit-flex;
      display: flex; } }
  .active-sub-nav.active-sub-nav .dropdown-menu {
    position: static;
    box-shadow: none;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    margin: 0;
    padding: 0;
    border-radius: 0;
    border: none;
    background-color: #EFEFEF; }
    @media screen and (min-width: 1350px) {
      .active-sub-nav.active-sub-nav .dropdown-menu {
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        width: 1200px; } }
  .active-sub-nav.active-sub-nav a:first-child,
  .active-sub-nav.active-sub-nav a,
  .active-sub-nav.active-sub-nav .dropdown-menu.megamenu a,
  .active-sub-nav.active-sub-nav .dropdown-menu.megamenu a:first-child {
    padding: 12px 17px;
    font-weight: 300;
    color: #22133C; }
  .active-sub-nav.active-sub-nav .dropdown-menu.megamenu {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    position: static;
    -webkit-transform: none;
            transform: none;
    min-height: 88px; }
    .active-sub-nav.active-sub-nav .dropdown-menu.megamenu .mega-column {
      min-width: auto;
      width: 100%; }
      @media screen and (min-width: 1350px) {
        .active-sub-nav.active-sub-nav .dropdown-menu.megamenu .mega-column {
          position: absolute;
          top: 0;
          left: 50%;
          -webkit-transform: translateX(-50%);
                  transform: translateX(-50%);
          width: 1200px; }
          .active-sub-nav.active-sub-nav .dropdown-menu.megamenu .mega-column:last-child {
            top: 44px; } }
    .active-sub-nav.active-sub-nav .dropdown-menu.megamenu ul {
      display: -webkit-flex;
      display: flex; }
    .active-sub-nav.active-sub-nav .dropdown-menu.megamenu a {
      white-space: nowrap; }
    .active-sub-nav.active-sub-nav .dropdown-menu.megamenu a.active {
      font-weight: 600; }
    .active-sub-nav.active-sub-nav .dropdown-menu.megamenu a:hover {
      background-color: rgba(0, 0, 0, 0.1); }
  .active-sub-nav.active-sub-nav a.active {
    font-weight: 600; }

/* Not sure what below is for / if it's safe to delete */
.btn-navbar {
  display: none;
  position: absolute;
  top: 23px;
  right: 18px;
  color: #21100B;
  font-size: 20px;
  border: 0px;
  background-color: #e5e7e7;
  background-image: none !important;
  width: 40px;
  height: 40px;
  border-radius: 5px; }

.btn-navbar i {
  font-size: 20px; }

.btn-navbar > .btn {
  display: inherit;
  padding: inherit;
  margin-bottom: 0;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  text-shadow: none;
  vertical-align: left;
  cursor: pointer;
  background-color: transparent;
  background-image: none;
  border: 0px solid #cccccc;
  border-radius: 0px;
  box-shadow: none !important; }

.btn-navbar > .btn:hover,
.btn-navbar > .btn:focus {
  color: #fff;
  text-decoration: none;
  background-image: none !important; }

.btn-navbar:hover {
  color: #fff;
  background-color: #42FF0F; }

.nav-collapse .nav > li > a:hover,
.nav-collapse .nav > li > a:focus,
.nav-collapse .dropdown-menu a:hover,
.nav-collapse .dropdown-menu a:focus {
  background-color: #42FF0F; }

.header.landing-page .nav-pills > li.active > a {
  background-color: rgba(0, 0, 0, 0.05); }

.dropdown-menu > a:hover .nav-collapse .nav > li > a:hover {
  background-color: #16325A !important; }

.match-live__box {
  padding: 30px; }
  @media screen and (min-width: 767px) {
    .match-live__box {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
              flex-direction: column; } }

.match-live__box--free .match-live__info {
  margin: 0 0 20px 0; }

.match-live__info {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  text-align: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  border-bottom: 1px solid #EFEFEF;
  padding: 0 0 20px 0;
  margin: 0 0 10px 0; }
  .match-live__info .badge-left {
    width: 16%; }
  .match-live__info .badge-right {
    width: 16%; }
  .match-live__info h3 {
    color: #555560;
    font-size: 13px;
    line-height: 13px;
    margin: 15px 0 0 0; }
  .match-live__info .score__wrap {
    -webkit-flex: 0 0 auto;
            flex: 0 0 auto; }
    .match-live__info .score__wrap .inner {
      width: 100%;
      display: -webkit-flex;
      display: flex;
      font-size: 60px;
      line-height: 60px;
      color: #555560;
      -webkit-justify-content: space-between;
              justify-content: space-between; }
    .match-live__info .score__wrap .left, .match-live__info .score__wrap .right {
      display: block;
      font-size: 60px;
      color: #22133C;
      font-weight: 500;
      padding: 0 10px; }
    .match-live__info .score__wrap .sm {
      display: block;
      font-size: 11px;
      line-height: 14px; }
    .match-live__info .score__wrap .btn {
      margin: 10px 0 0 0;
      width: 100%;
      font-size: 10px;
      padding: 0 5px;
      color: #22133C;
      background-color: #fff;
      border: 1px solid #EFEFEF; }
      .match-live__info .score__wrap .btn:hover {
        background-color: #22133C;
        color: #fff;
        border: 1px solid #22133C; }

.match-live__feed {
  display: -webkit-flex;
  display: flex;
  padding: 0 0 10px 0;
  -webkit-align-items: center;
          align-items: center;
  min-height: 80px; }
  .match-live__feed .player {
    width: 16%;
    -webkit-flex: 0 0 16%;
            flex: 0 0 16%; }
  .match-live__feed .info {
    -webkit-flex: 1 1 auto;
            flex: 1 1 auto;
    padding: 0 15px; }
  .match-live__feed .update {
    font-weight: 500;
    line-height: 18px;
    color: #22133C; }

.match-live__loading {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.5); }
  .match-live__loading img {
    -webkit-animation: spin 4s linear infinite;
            animation: spin 4s linear infinite;
    position: absolute;
    z-index: 10;
    top: 50%;
    right: 50%;
    width: 32px;
    height: 32px;
    margin-right: -20px;
    margin-top: -20px;
    background: #fff;
    padding: 4px;
    border-radius: 90px; }

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.match-live__countdown {
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
  border-bottom: 1px solid #EFEFEF;
  text-align: center; }
  .match-live__countdown h3 {
    font-size: 13px;
    line-height: 15px;
    margin: 0 0 10px 0; }
  .match-live__countdown .countdown-amount {
    font-size: 100%; }
  .match-live__countdown .countdown-timer {
    font-size: 26px;
    font-weight: 400;
    color: #22133C; }

.playback__button {
  padding: 0 0 25px 0;
  font-size: 17px;
  text-align: center;
  font-weight: 400;
  color: #22133C; }
  .playback__button .btn {
    display: block; }
  .playback__button i {
    background: #22133C;
    font-size: 16px;
    margin: 0 6px 0 0; }

.match-live__time {
  position: absolute;
  top: 0;
  left: 0; }
  .match-live__time .time {
    position: relative;
    display: inline-block;
    font-weight: 500;
    margin: 0;
    background: #22123d;
    font-size: 13px;
    line-height: 13px;
    padding: 6px 8px;
    color: #fff;
    z-index: 3; }
  .match-live__time .tooltip {
    width: 110px; }

.match-live__highlights {
  position: absolute;
  bottom: 0;
  right: 0; }
  .match-live__highlights .text {
    position: relative;
    display: inline-block;
    font-weight: 500;
    margin: 0;
    background: #22123d;
    font-size: 13px;
    line-height: 13px;
    padding: 6px 8px;
    color: #fff;
    z-index: 3; }

.match-live__direction {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  font-weight: 500;
  background: #22133C;
  font-size: 19px;
  line-height: 13px;
  padding: 6px 8px;
  color: #fff;
  z-index: 3; }
  .match-live__direction.home::after {
    font-family: 'fontawesome';
    content: '\f0de';
    position: relative;
    top: 4px; }
  .match-live__direction.away::after {
    font-family: 'fontawesome';
    content: '\f0d7';
    position: relative;
    top: 0; }

.match-live__pitch {
  margin: 0 0 30px 0;
  text-align: center;
  position: relative; }
  .match-live__pitch h3 {
    position: relative;
    display: inline-block;
    margin: 0;
    background: #22123d;
    font-size: 13px;
    line-height: 13px;
    padding: 6px 8px;
    color: #fff;
    z-index: 3; }
    .match-live__pitch h3 img {
      display: none;
      width: 12px;
      vertical-align: top;
      margin: 0 0 0 5px; }
    .match-live__pitch h3.highlight {
      background: #29F1FF;
      color: #22133C; }
      .match-live__pitch h3.highlight img {
        display: inline-block; }
  .match-live__pitch .pitch-wrap {
    position: relative;
    margin: -10px 0; }
  .match-live__pitch .pitch-inner {
    position: absolute;
    top: 6.5%;
    bottom: 6.5%;
    right: 5%;
    left: 5%; }
  .match-live__pitch .line svg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0; }
    .match-live__pitch .line svg line {
      stroke: #221338;
      stroke-width: 2; }
  .match-live__pitch .ball {
    position: absolute;
    width: 12%;
    top: 50%;
    right: 50%;
    -webkit-transform: translate(50%, -50%);
            transform: translate(50%, -50%); }
  .match-live__pitch .player {
    position: absolute;
    top: 140%;
    right: 50%;
    background: #22113e;
    color: #fff;
    font-size: 10px;
    line-height: 10px;
    font-weight: 500;
    padding: 3px 4px;
    -webkit-transform: translate(50%, -50%);
            transform: translate(50%, -50%); }
    .match-live__pitch .player.highlight {
      color: #22133C;
      background: #29F1FF; }
  .match-live__pitch .countdown-timer {
    position: absolute;
    width: 200px;
    top: 50%;
    left: 50%;
    margin-left: -100px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
    box-shadow: 0 5px 25px rgba(17, 17, 17, 0.13); }
    .match-live__pitch .countdown-timer .countdown-timer__title {
      font-weight: 400;
      color: #22133C;
      margin: 0 0 10px 0;
      line-height: 15px; }
    .match-live__pitch .countdown-timer #liveCountdown {
      display: block;
      border: 1px solid #EFEFEF;
      color: #22133C;
      font-weight: 600;
      font-size: 18px;
      line-height: 18px;
      padding: 1px;
      text-align: center; }
      .match-live__pitch .countdown-timer #liveCountdown .days {
        padding: 5px 0 5px 10px;
        margin: -1px 0;
        display: inline-block; }
      .match-live__pitch .countdown-timer #liveCountdown .hours {
        padding: 5px 0 5px 10px;
        margin: -1px 0;
        display: inline-block; }
      .match-live__pitch .countdown-timer #liveCountdown .mins {
        padding: 5px 0 5px 10px;
        margin: -1px 0;
        display: inline-block; }
      .match-live__pitch .countdown-timer #liveCountdown .lab {
        padding: 5px 10px 5px 0;
        margin: -1px 0;
        border-right: 1px solid #EFEFEF;
        display: inline-block; }
        .match-live__pitch .countdown-timer #liveCountdown .lab:last-child {
          border-right: 0; }
  .match-live__pitch .big-event {
    position: absolute;
    width: 200px;
    top: 50%;
    left: 50%;
    margin-left: -100px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
    box-shadow: 0 5px 25px rgba(17, 17, 17, 0.13); }
    .match-live__pitch .big-event .event-player {
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
              align-items: center; }
    .match-live__pitch .big-event img {
      -webkit-flex: 0 0 30%;
              flex: 0 0 30%;
      width: 30%;
      justify-self: flex-start; }
    .match-live__pitch .big-event .right {
      -webkit-flex: 0 0 70%;
              flex: 0 0 70%;
      width: 70%; }
    .match-live__pitch .big-event span {
      display: block; }
    .match-live__pitch .big-event .scorer {
      color: #22133C;
      font-weight: 500;
      font-size: 1.1em; }
    .match-live__pitch .big-event.goal h2 {
      font-size: 58px;
      line-height: 58px;
      margin: 0 0 5px 0; }
      .match-live__pitch .big-event.goal h2::before {
        content: 'GOAL!'; }
    .match-live__pitch .big-event.penalty h2 {
      font-size: 37px;
      line-height: 37px;
      margin: 0 0 5px 0; }
      .match-live__pitch .big-event.penalty h2::before {
        content: 'PENALTY!'; }
    .match-live__pitch .big-event.halftime h2 {
      font-size: 58px;
      line-height: 58px;
      margin: 0; }
      .match-live__pitch .big-event.halftime h2::before {
        content: 'HALF-TIME!'; }
    .match-live__pitch .big-event.fulltime h2 {
      font-size: 58px;
      line-height: 58px;
      margin: 0; }
      .match-live__pitch .big-event.fulltime h2::before {
        content: 'FULL-TIME!'; }
    .match-live__pitch .big-event .big-event__link .btn {
      margin: 10px 0 0 0;
      width: 100%;
      font-size: 10px;
      padding: 0 5px;
      color: #22133C;
      background-color: #fff;
      border: 1px solid #EFEFEF; }
      .match-live__pitch .big-event .big-event__link .btn:hover {
        background-color: #22133C;
        color: #fff;
        border: 1px solid #22133C; }
  .match-live__pitch .event {
    font-weight: 500;
    color: #22133C;
    position: absolute;
    top: 50%;
    left: 120%;
    margin: 0 auto;
    text-align: left;
    width: 200px;
    margin-top: -11px; }
    .match-live__pitch .event::after {
      content: '';
      position: absolute;
      top: 50%;
      right: auto;
      left: -6px;
      margin-top: -5px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 5px 7px 5px 0;
      border-color: transparent #ffffff transparent transparent; }
    .match-live__pitch .event.left {
      left: auto;
      right: 115%;
      text-align: right; }
      .match-live__pitch .event.left::after {
        left: auto;
        right: -6px;
        border-width: 5px 0 5px 7px;
        border-color: transparent transparent transparent #ffffff; }
    .match-live__pitch .event .event__wrap {
      padding: 0 5px;
      background: #fff;
      display: inline-block;
      box-shadow: 0 5px 25px rgba(17, 17, 17, 0.13); }
    .match-live__pitch .event img {
      position: relative;
      top: -1px;
      height: 16px;
      display: inline-block;
      margin: 0 5px 0 0;
      vertical-align: middle; }

.pitch__tooltip {
  background: #fff;
  padding: 7px 10px;
  line-height: 1.3em;
  box-shadow: 0 5px 25px rgba(17, 17, 17, 0.13); }
  .pitch__tooltip strong {
    color: #22133C; }
  .pitch__tooltip .tooltip__player {
    display: block; }
  .pitch__tooltip .tooltip__outcome {
    display: block; }
  .pitch__tooltip .tooltip__expg {
    display: block; }
  .pitch__tooltip::after {
    content: '';
    position: absolute;
    left: -7px;
    top: 50%;
    margin-top: -5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 7px 5px 0;
    border-color: transparent #ffffff transparent transparent; }

.match-live__bonus {
  display: -webkit-flex;
  display: flex;
  text-align: center;
  padding: 0 0 20px 0;
  border-bottom: 1px solid #EFEFEF; }
  .match-live__bonus h3 {
    font-size: 13px;
    line-height: 15px;
    margin: 0 0 10px 0; }
  .match-live__bonus .bonus {
    -webkit-flex: 1 1 auto;
            flex: 1 1 auto;
    border-left: 1px solid #EFEFEF;
    border-right: 1px solid #EFEFEF;
    margin-left: -1px;
    min-height: 50px; }
    .match-live__bonus .bonus span {
      display: block; }
    .match-live__bonus .bonus:first-child {
      border-left: 0; }
    .match-live__bonus .bonus:last-child {
      border-right: 0; }

.match-live__stats {
  text-align: center;
  padding: 5px 0 0 0;
  margin: 0 0 auto 0; }
  .match-live__stats .bar h3 {
    font-size: 13px;
    line-height: 15px;
    margin: 15px 0 10px 0; }
  .match-live__stats .bar .cf {
    background: #EFEFEF; }
  .match-live__stats .bar div {
    height: 24px; }
    .match-live__stats .bar div .bar {
      display: block;
      float: left;
      box-sizing: border-box;
      overflow: visible;
      color: #22133C;
      font-weight: 500; }
    .match-live__stats .bar div .bar__left {
      background: #29F1FF;
      text-align: left; }
    .match-live__stats .bar div .bar__right {
      text-align: right;
      border-left: 2px solid #fff; }
    .match-live__stats .bar div span {
      padding: 2px 5px;
      vertical-align: middle;
      display: inline-block; }

.match-live__promo {
  padding: 30px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-content: space-between;
          align-content: space-between;
  -webkit-justify-content: space-between;
          justify-content: space-between; }
  .match-live__promo h2 {
    margin: 0 0 20px 0;
    text-align: center;
    font-size: 18px;
    line-height: 24px; }
  .match-live__promo img {
    margin: 0 0 auto 0; }

.matchlive-modal {
  max-width: 340px; }
  .matchlive-modal h2 {
    margin: 0 0 20px 0;
    text-align: center;
    font-size: 18px;
    line-height: 24px; }
  .matchlive-modal img {
    margin: 0 0 auto 0; }

.match-live__button {
  display: block;
  width: 100%;
  margin: 30px 0 0 0; }

/* -----------------------------------


  @Match Report


------------------------------------ */
.divider-title {
  margin: 30px 0;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  z-index: 1;
  letter-spacing: 0.08em; }

.divider-title:before {
  border-top: 1px solid #EFEFEF;
  content: "";
  margin: 0 auto;
  position: absolute;
  top: 12px;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: -1; }

.divider-title span {
  background: #fff;
  padding: 0 10px; }

.tab--preview__title-wrap {
  margin: 0 0 20px 0; }

.tab--preview__title {
  font-size: 25px;
  text-align: center;
  padding: 10px 0;
  margin: 0; }

.tab--preview__small-title {
  margin: 0 0 20px 0; }

.match-center__main-box {
  padding: 30px; }

.match-info {
  margin-bottom: 30px;
  padding: 0 0 30px 0;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  border-bottom: 1px solid #EFEFEF; }
  .match-info .sm {
    display: block;
    font-size: 11px;
    line-height: 14px;
    text-align: center; }
  .match-info .score {
    line-height: 65px;
    text-align: center; }

.match-column {
  -webkit-flex: 1;
          flex: 1; }

.team-home .team-badge,
.team-away .team-badge {
  max-width: 40px;
  display: inline-block;
  vertical-align: middle; }

.team-home .team-badge {
  text-align: left;
  margin-bottom: 5px; }

.team-away .team-badge {
  text-align: right;
  margin-bottom: 5px; }

.match-column--info {
  -webkit-flex: 1.8;
          flex: 1.8;
  text-align: center; }

.match-scorers-info .match-date {
  font-size: 1.8em;
  line-height: 1em;
  font-weight: 400;
  color: #22133C;
  padding: 5px 0; }

.match-column .team-home,
.match-column .team-away {
  font-size: 25px;
  color: #22133C;
  font-weight: 500; }

.match-column .team-home {
  text-align: left; }

.match-column .team-away {
  text-align: right; }

.match-column .team-home span,
.match-column .team-away span {
  font-size: 11px;
  display: block;
  font-weight: 400;
  letter-spacing: 0.05em;
  color: #555560; }

.match-column .score-home,
.match-column .score-away {
  font-size: 5em;
  font-weight: 400;
  color: #22133C;
  padding: 0 15px; }

.match-center__scorers .match-scorers-home strong,
.match-center__scorers .match-scorers-away strong {
  color: #22133C; }

.match-center__scorers .match-scorers-home {
  font-size: 1.2em;
  line-height: 1.3em;
  text-align: left; }

.match-center__scorers .match-scorers-away {
  font-size: 1.2em;
  line-height: 1.3em;
  text-align: right; }

.match-center__scorers .match-scorers-home i,
.match-center__scorers .match-scorers-away i {
  font-size: 13px;
  margin-right: 3px; }

.match-scorers-info {
  text-align: center;
  font-size: 1.2em;
  line-height: 1.3em; }

.match-center__bonus {
  display: -webkit-flex;
  display: flex;
  text-align: center;
  padding: 30px 0 0 0;
  margin: 30px 0 0 0;
  border-top: 1px solid #EFEFEF; }
  .match-center__bonus h3 {
    font-size: 13px;
    line-height: 15px;
    margin: 0 0 10px 0; }
  .match-center__bonus .bonus {
    -webkit-flex: 1 1 auto;
            flex: 1 1 auto;
    border-left: 1px solid #EFEFEF;
    border-right: 1px solid #EFEFEF;
    margin-left: -1px;
    min-height: 50px; }
    .match-center__bonus .bonus span {
      display: block; }
    .match-center__bonus .bonus:first-child {
      border-left: 0; }
    .match-center__bonus .bonus:last-child {
      border-right: 0; }

.match-center__middle-box {
  padding: 30px; }
  .match-center__middle-box .tab-content {
    padding-bottom: 0;
    margin-bottom: 0; }

#tabs-preview {
  font-size: 15px; }
  #tabs-preview strong {
    color: #22133C; }

.match-summary {
  font-size: 1.2em;
  line-height: 1.6em; }

.algorithm-predictions {
  font-size: 1.2em;
  line-height: 1.6em; }

.team-home-stats {
  text-align: left; }

.team-away-stats {
  text-align: right; }

.team-home-stats .team-badge {
  position: relative;
  top: -3px;
  max-width: 30px;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 10px;
  display: inline-block; }

.team-away-stats .team-badge {
  position: relative;
  top: -3px;
  max-width: 30px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 10px;
  display: inline-block; }

.team-home-stats h2,
.team-away-stats h2 {
  font-size: 25px; }

.team-home-stats h2 span,
.team-away-stats h2 span {
  font-size: 11px;
  line-height: 22px;
  display: block;
  font-weight: 400;
  letter-spacing: 0.05em;
  color: #B9B9BA; }

.form-wrap__title h2 div {
  display: inline-block; }

@media screen and (max-width: 767px) {
  .form-wrap__title .team-home-stats,
  .form-wrap__title .team-away-stats {
    display: none; } }

.form-wrap .team-badge__mobile {
  width: 40px;
  margin: 0 auto 10px auto;
  display: none; }

@media screen and (max-width: 767px) {
  .form-wrap .team-badge__mobile {
    display: block; } }

.team-home-stats {
  padding-right: 4%; }
  .team-home-stats .form-wrap__result {
    float: right; }

.team-away-stats {
  padding-left: 4%; }
  .team-away-stats .form-wrap__result {
    float: left; }

.row-fluid .form-wrap__column {
  -webkit-flex-direction: column;
          flex-direction: column;
  border-right: 1px solid #EFEFEF;
  margin-left: 0;
  width: 33.333%; }
  .row-fluid .form-wrap__column:last-child {
    border-right: 0; }
  @media screen and (max-width: 767px) {
    .row-fluid .form-wrap__column {
      width: 100%;
      border-right: 0;
      padding: 0; } }

.latest-result {
  margin-bottom: 3px; }

.form-wrap__result {
  display: inline-block;
  width: 40px;
  font-weight: 400; }
  .form-wrap__result span {
    width: 12px;
    display: inline-block;
    text-align: center; }

.latest-result .result-outcome {
  padding: 2px;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  display: inline-block;
  line-height: 17px;
  height: 15px;
  width: 15px;
  text-align: center; }

.latest-result .result-outcome-win {
  color: #22133C;
  background-color: #42FF0F; }

.latest-result .result-outcome-loss {
  background-color: #FC1C5B; }

.latest-result .result-outcome-draw {
  color: #ffffff !important;
  background-color: #22133C; }

.latest-result .result-outcome-null {
  background-color: #e5e7e7; }

.team-home-stats .latest-result .result-outcome,
.team-home-stats .latest-result .result-team,
.team-away-stats .latest-result .result-team {
  margin-right: 5px; }

.team-away-stats .latest-result .result-outcome {
  margin-left: 5px; }

.head-stats {
  text-align: center; }

.head-stats .latest-result strong {
  margin: 0 5px; }

.row-fluid .predictions-wrap__column {
  margin-left: 0;
  width: 33.3333%; }
  @media screen and (max-width: 767px) {
    .row-fluid .predictions-wrap__column {
      width: 100%; } }

.predictions-box {
  text-align: center;
  box-sizing: border-box;
  width: 100%; }
  @media screen and (min-width: 767px) {
    .predictions-box {
      border-right: 1px solid #EFEFEF; }
      .predictions-box.first-goal-box {
        border-right: 0; } }

.predictions-box h3 {
  text-align: center; }

.football-icon:after {
  font-family: "timelineicons";
  content: "\f003"; }

/* -------

Pitch Below

--------- */
.match-center__pitch-wrap {
  margin: 0;
  width: auto; }
  .match-center__pitch-wrap .match-center__pitch-half {
    padding: 0 15px 0 0; }
    @media screen and (min-width: 767px) {
      .match-center__pitch-wrap .match-center__pitch-half {
        position: relative; }
        .match-center__pitch-wrap .match-center__pitch-half:last-child::before {
          content: '';
          position: absolute;
          left: -2.6%;
          width: 1px;
          top: 0;
          bottom: 0;
          background: #EFEFEF; } }
  .match-center__pitch-wrap .match-live__box {
    padding: 0; }
    @media screen and (min-width: 768px) {
      .match-center__pitch-wrap .match-live__box {
        overflow: hidden; } }
  @media screen and (max-width: 980px) {
    .match-center__pitch-wrap {
      margin: 0 0 20px 0; } }
  @media screen and (max-width: 768px) {
    .match-center__pitch-wrap {
      margin: 0; }
      .match-center__pitch-wrap .match-center__pitch-half {
        padding: 0; } }

.match-center__pitch-wrapper {
  display: -webkit-flex;
  display: flex; }

.match-center__player-list {
  -webkit-flex: 1 0 auto;
          flex: 1 0 auto;
  width: 70px;
  padding: 0 15px 0 0; }
  .match-center__player-list ul {
    margin: 0; }
  .match-center__player-list li.active a {
    font-weight: 400; }
  .match-center__player-list a {
    padding: 5px 0;
    display: block;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
            hyphens: auto; }
  @media screen and (max-width: 1200px) {
    .match-center__player-list {
      display: none; } }

.match-center__pitch-half.half--last {
  padding: 0 0 0 15px; }
  .match-center__pitch-half.half--last .match-center__player-list {
    -webkit-order: 2;
            order: 2;
    text-align: right;
    padding: 0 0 0 15px; }
  @media screen and (max-width: 768px) {
    .match-center__pitch-half.half--last {
      margin: 30px 0 20px 0;
      padding: 30px 0 0 0;
      border-top: 1px solid #EFEFEF; } }

.match-center__pitch-selection {
  margin: 0 -15px; }
  .match-center__pitch-selection .selection__list {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    padding: 20px 0;
    margin: 0;
    border-bottom: 1px solid #EFEFEF; }
  @media screen and (max-width: 1200px) {
    .match-center__pitch-selection .hide-tablet {
      display: none; } }
  .match-center__pitch-selection .selection__select {
    -webkit-flex: 1 0 auto;
            flex: 1 0 auto;
    width: 33.333%;
    text-align: center;
    padding: 0 10px;
    margin: 0 0 10px 0;
    box-sizing: border-box; }
    .match-center__pitch-selection .selection__select:first-child {
      border-left: 0; }
    .match-center__pitch-selection .selection__select:nth-child(4) {
      border-left: 0; }
    .match-center__pitch-selection .selection__select.selection__position .selection__stats--home,
    .match-center__pitch-selection .selection__select.selection__position .selection__stats--away, .match-center__pitch-selection .selection__select.selection__heat-map .selection__stats--home,
    .match-center__pitch-selection .selection__select.selection__heat-map .selection__stats--away {
      font-size: 11px;
      font-weight: 400; }
    @media screen and (max-width: 980px) {
      .match-center__pitch-selection .selection__select:nth-child(4) {
        border-left: 0; } }
  .match-center__pitch-selection .selection__title {
    color: #22133C;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    padding: 3px 3px 5px 3px; }
  .match-center__pitch-selection .selection__stats {
    display: -webkit-flex;
    display: flex; }
    .match-center__pitch-selection .selection__stats--home, .match-center__pitch-selection .selection__stats--away {
      -webkit-flex: 1 0 auto;
              flex: 1 0 auto;
      width: 50%;
      padding: 8px 5px;
      box-sizing: border-box;
      font-size: 20px;
      transition: all .25s;
      cursor: pointer;
      background: #EFEFEF; }
      .match-center__pitch-selection .selection__stats--home:hover, .match-center__pitch-selection .selection__stats--away:hover {
        background: #d6d5d5; }
      .match-center__pitch-selection .selection__stats--home.active, .match-center__pitch-selection .selection__stats--away.active {
        color: #fff;
        background: #22133C; }
      @media screen and (max-width: 980px) {
        .match-center__pitch-selection .selection__stats--home, .match-center__pitch-selection .selection__stats--away {
          font-size: 15px; } }
  .match-center__pitch-selection .selection__button {
    display: block;
    width: 90%;
    margin: 0 auto;
    font-size: 11px;
    padding: 3px 10px; }
  @media screen and (max-width: 980px) {
    .match-center__pitch-selection {
      display: none; } }

.match-center__pitch-player-select {
  margin: 0 0 10px 0; }
  @media screen and (min-width: 1200px) {
    .match-center__pitch-player-select {
      display: none; } }

@media screen and (min-width: 980px) {
  .match-center__pitch-stats-select {
    display: none; } }

#player-basic-stats_filter input[type="search"] {
  width: auto; }

.predictions-box .win,
.predictions-box .loss,
.predictions-box .draw {
  margin-bottom: 5px;
  text-align: center;
  box-sizing: border-box; }

.predictions-box .win span,
.predictions-box .loss span,
.predictions-box .draw span {
  font-weight: 400; }

.predictions-box .score {
  font-size: 4em;
  line-height: 0.8em;
  color: #22133C;
  font-weight: 600;
  margin: 0 0 15px; }

.predictions-box .bet {
  margin-top: 20px; }

.stats-wrap__title h2 div {
  display: inline-block; }

.stats-wrap__title .span8 {
  float: left;
  width: 70%;
  margin-left: 0; }

.stats-wrap__title .span2 {
  width: 15%;
  margin-left: 0;
  float: left; }

.stats-wrap__title .team-home-stats {
  text-align: left;
  padding: 0; }

.stats-wrap__title .team-away-stats {
  text-align: right;
  padding: 0; }

.row-fluid .stats-wrap__column {
  display: block; }

.team-stats-wrap {
  margin: 0 0 20px 0;
  overflow: auto;
  clear: both; }

.row-fluid .stats-wrap__home {
  width: 50%;
  padding: 0 5% 0 0;
  border-right: 1px solid #EFEFEF;
  margin-right: -1px;
  float: left; }
  .row-fluid .stats-wrap__home .tab--preview__small-title {
    text-align: left;
    padding: 0; }

.row-fluid .stats-wrap__away {
  width: 50%;
  padding: 0 0 0 5%;
  border-left: 1px solid #EFEFEF;
  margin-left: 0;
  float: left; }
  .row-fluid .stats-wrap__away .tab--preview__small-title {
    text-align: right;
    padding: 0; }

.stats-wrap__player {
  margin: 0 0 3px 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-align-items: center;
          align-items: center; }
  .stats-wrap__player strong {
    justify-self: flex-start;
    width: calc(50% - 15px);
    white-space: nowrap;
    overflow: hidden; }
  .stats-wrap__player .result {
    margin: 0 10px 0 auto;
    display: block; }
  @media screen and (max-width: 767px) {
    .stats-wrap__player .result {
      margin: 0 0 0 auto; } }
  @media screen and (max-width: 767px) {
    .stats-wrap__player strong {
      width: 90%;
      white-space: nowrap;
      overflow: hidden; } }

.top-scorers-wrap .stats-wrap__chart .bar {
  background-color: #42FF0F; }

.top-assists-wrap .stats-wrap__chart .bar {
  background-color: #29F1FF; }

.top-shots-wrap .stats-wrap__chart .bar {
  background-color: #FC1C5B; }

.top-attempted-assists-wrap .stats-wrap__chart .bar {
  background-color: #F93D00; }

.stats-wrap__chart {
  width: 40%; }
  .stats-wrap__chart .bar {
    -webkit-flex: 0 0 auto;
            flex: 0 0 auto;
    display: block;
    height: 14px;
    background: #111; }
  @media screen and (max-width: 767px) {
    .stats-wrap__chart {
      width: 100%;
      margin: 5px 0 0 0; } }

.stats-wrap__away .stats-wrap__player .result {
  margin: 0 auto 0 10px; }

.stats-wrap__away .stats-wrap__chart .bar {
  float: right; }

@media screen and (max-width: 767px) {
  .stats-wrap__away .stats-wrap__chart {
    -webkit-order: 3;
            order: 3; }
  .stats-wrap__away .stats-wrap__player .result {
    margin: 0 auto 0 0; } }

.top-scorers-betting {
  margin-bottom: 5px;
  clear: both;
  font-size: 1.2em; }

.top-scorers {
  margin-bottom: 5px;
  clear: both; }

.top-assists {
  margin-bottom: 5px;
  clear: both; }

.top-shots {
  margin-bottom: 5px;
  clear: both; }

.top-attempted-assists {
  margin-bottom: 5px;
  clear: both; }

.team-stats-box {
  margin-bottom: 30px;
  box-sizing: border-box; }

.team-stats-box.top-scorers-wrap {
  border-color: #42FF0F; }

.team-stats-box.top-assists-wrap {
  border-color: #51cae9; }

.team-stats-box.top-shots-wrap {
  border-color: #ea175f; }

.team-stats-box.top-attempted-assists-wrap {
  border-color: #FB15CD; }

.team-stats-wrap .team-stats-box:nth-child(even) {
  margin-right: 0; }

.team-stats-box h3 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px;
  padding: 0 40px; }

.team-stats-box .home .team-badge {
  width: 20px;
  float: left;
  display: block;
  margin-bottom: 10px;
  margin-top: -40px; }

.team-stats-box .away .team-badge {
  width: 20px;
  display: block;
  margin-bottom: 10px;
  float: right;
  margin-top: -40px; }

.team-stats-box .away {
  text-align: right; }

.m-phone-show {
  display: none; }

.m-phone-hide {
  display: block; }

.match-column.img {
  max-width: 6%;
  padding: 20px; }

.match-center__leaders {
  padding: 20px 10px; }

@media screen and (max-width: 1200px) {
  .match-column.img {
    max-width: 6%;
    padding: 0px; }
  .match-column .team-home,
  .match-column .team-away {
    font-size: 1.9em; }
  .predictions-box .score {
    font-size: 3em; }
  .top-scorers {
    font-size: 0.8em;
    line-height: 1.2em; }
  .top-assists {
    font-size: 0.8em;
    line-height: 1.2em; }
  .top-shots {
    font-size: 0.8em;
    line-height: 1.2em; }
  .top-attempted-assists {
    font-size: 0.8em;
    line-height: 1.2em; } }

@media screen and (max-width: 980px) {
  .match-column {
    overflow: hidden; } }

@media screen and (max-width: 767px) {
  .match-column--info {
    -webkit-flex: 0.5;
            flex: 0.5; }
  .head-stats h3 {
    margin-top: 20px; }
  .team-home-stats {
    text-align: left; }
  .team-away-stats {
    text-align: left; }
  .team-away-stats .form-wrap__result {
    float: right; }
  .team-away-stats .latest-result .result-outcome {
    float: left;
    margin: 0 10px 0 0; }
  .team-home-stats .team-badge {
    max-width: 40px;
    width: 100%;
    margin-bottom: 5px;
    margin-right: 0;
    float: none; }
  .predictions-box {
    width: 100% !important;
    float: none;
    margin-bottom: 30px;
    margin-right: 0; }
  .m-phone-show {
    display: block; }
  .m-phone-hide {
    display: none; }
  .match-center__scorers .span6 {
    float: left;
    width: 50%; }
  .match-scorers-info {
    width: 100%;
    float: none;
    margin-bottom: 20px; }
  .team-stats-box {
    float: none;
    width: 100%;
    margin-right: 0; }
  .team-away-stats .team-badge {
    max-width: 40px;
    width: 100%;
    margin-bottom: 5px;
    float: none;
    margin-left: 0;
    margin-right: 0; }
  .match-column .team-home, .match-column .team-away {
    font-size: 1.4em; }
  .match-column.vs {
    width: 5%; }
  .match-column.img {
    display: none; }
  .team-away span {
    clear: right; }
  .match-column.img img {
    max-width: 80%; }
  .match-column .score-home, .match-column .score-away {
    font-size: 4em; } }

.match--lineups__alert {
  text-align: center;
  max-width: 440px;
  margin: 40px auto 0 auto; }
  .match--lineups__alert .alert-paragraph {
    padding: 20px; }
    .match--lineups__alert .alert-paragraph::before {
      display: block;
      margin-bottom: 10px; }
  .match--lineups__alert .btn {
    display: block;
    width: auto;
    margin: 20px auto 0 auto; }

.matchstats-modal {
  max-width: 340px; }
  .matchstats-modal h2 {
    margin: 0 0 20px 0;
    text-align: center;
    font-size: 18px;
    line-height: 24px; }
  .matchstats-modal .modal__match-stats__img {
    display: block;
    padding: 0 15% 0 15%;
    background: #e6e6e6;
    margin-top: 60px; }
  .matchstats-modal img {
    margin: -40px 0 auto 0; }
  .matchstats-modal .match-live__button {
    margin-top: 20px; }

/* -----------------------------------


  @Gameweek Live


----------------------------------- */
.live__top {
  display: -webkit-flex;
  display: flex;
  margin: 0 0 30px 0; }
  .live__top .box {
    background: #fff;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    -webkit-flex: 1 0 23.076923076923077%;
            flex: 1 0 23.076923076923077%;
    width: 23.076923076923077%;
    padding: 30px;
    margin-left: 2.564102564102564%;
    box-sizing: border-box; }
    .live__top .box:first-child {
      margin-left: 0; }
    .live__top .box h3 {
      margin: 0 0 20px 0;
      font-weight: 800;
      font-size: 21px; }
    .live__top .box ul {
      padding: 0;
      margin: 0;
      margin-bottom: 30px; }
      .live__top .box ul li {
        padding: 10px 0;
        margin-bottom: 0;
        border-bottom: 1px solid #EFEFEF;
        clear: both; }
        .live__top .box ul li .left {
          float: left;
          color: #22133C;
          font-weight: 400; }
        .live__top .box ul li .right {
          float: right; }
          .live__top .box ul li .right .btn {
            padding: 4px 6px;
            font-size: 8px;
            line-height: 10px;
            display: block; }
    .live__top .box #top_10000,
    .live__top .box #top_100000 {
      display: none; }
    .live__top .box .buttons {
      margin: 0; }
      .live__top .box .buttons a {
        width: 33.3333%;
        float: left;
        padding: 15px 10px;
        background: #E5E5E5;
        color: #22133C;
        border: 1px solid #E5E5E5;
        border-right: 0; }
        .live__top .box .buttons a:last-child {
          border-right: 1px solid #E5E5E5; }
        .live__top .box .buttons a.active {
          color: #fff;
          background: #22133C;
          border-color: #22133C; }
  .live__top .wrap {
    display: -webkit-flex;
    display: flex;
    margin: 0 -10px 20px -10px; }

@media screen and (max-width: 1200px) {
  .live__top .box {
    padding: 20px; }
    .live__top .box .right .btn {
      width: 50px; } }

@media screen and (max-width: 980px) {
  .live__top {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap; }
    .live__top .box {
      background: #fff;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
              flex-direction: column;
      -webkit-justify-content: space-between;
              justify-content: space-between;
      -webkit-flex: 1 0 48.717948717948715%;
              flex: 1 0 48.717948717948715%;
      width: 48.717948717948715%;
      padding: 30px;
      margin-left: 2.564102564102564%;
      box-sizing: border-box; }
      .live__top .box:first-child {
        margin-left: 0; }
      .live__top .box:nth-child(3) {
        margin-left: 0; }
      .live__top .box:nth-child(1), .live__top .box:nth-child(2) {
        margin-bottom: 30px; }
      .live__top .box .right .btn {
        width: auto; } }

@media screen and (max-width: 550px) {
  .live__top {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap; }
    .live__top .box {
      background: #fff;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
              flex-direction: column;
      -webkit-justify-content: space-between;
              justify-content: space-between;
      -webkit-flex: 1 0 100%;
              flex: 1 0 100%;
      width: 100%;
      padding: 30px;
      margin-left: 0;
      margin-bottom: 30px;
      box-sizing: border-box; }
      .live__top .box:nth-child(4) {
        margin-bottom: 0; } }

.live--row {
  display: -webkit-flex;
  display: flex; }
  .live--row .span6 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column; }
  .live--row .live__box--timeline {
    -webkit-flex: 1 1 auto;
            flex: 1 1 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    overflow: visible; }
    .live--row .live__box--timeline .white-inner {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
              flex-direction: column;
      -webkit-flex: 1 1 auto;
              flex: 1 1 auto; }
      .live--row .live__box--timeline .white-inner .timeline__main {
        height: 0px;
        -webkit-flex: 1 0 0px;
                flex: 1 0 0px;
        display: -webkit-flex;
        display: flex;
        margin-bottom: -30px; }
      .live--row .live__box--timeline .white-inner .timeline-box {
        height: auto;
        -webkit-flex: 1 0 100%;
                flex: 1 0 100%; }
    .live--row .live__box--timeline .countdown-timer {
      position: absolute;
      width: 90%;
      max-width: 370px;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      background: #fff;
      padding: 20px;
      box-sizing: border-box;
      box-shadow: 0 5px 25px rgba(17, 17, 17, 0.13);
      z-index: 10; }
      .live--row .live__box--timeline .countdown-timer .countdown-timer__title {
        font-weight: 600;
        color: #22133C;
        margin: 0 0 20px 0;
        font-size: 20px;
        line-height: 20px; }
      .live--row .live__box--timeline .countdown-timer #liveCountdown {
        display: block;
        color: #22133C;
        font-weight: 600;
        font-size: 28px;
        line-height: 28px;
        padding: 1px;
        text-align: center; }
        .live--row .live__box--timeline .countdown-timer #liveCountdown .time-wrap {
          float: left;
          width: 33.333%;
          padding: 5px 10px;
          border-right: 1px solid #EFEFEF;
          box-sizing: border-box;
          white-space: nowrap; }
          .live--row .live__box--timeline .countdown-timer #liveCountdown .time-wrap:last-child {
            border-right: 0; }
          .live--row .live__box--timeline .countdown-timer #liveCountdown .time-wrap * {
            display: inline-block; }
      .live--row .live__box--timeline .countdown-timer h3 {
        font-size: 14px;
        line-height: 16px;
        margin: 20px 0 0 0; }
      .live--row .live__box--timeline .countdown-timer .btn {
        margin: 10px 0 0 0;
        width: 100%;
        font-size: 10px;
        padding: 0 5px;
        color: #22133C;
        background-color: #fff;
        border: 1px solid #EFEFEF; }
  .live--row #timeline--countdown .timeline-box {
    opacity: 0.3;
    pointer-events: none; }
  .live--row .live__box--email {
    padding: 20px 20px 10px 20px; }
    .live--row .live__box--email .slick-list {
      margin: 0 -1px; }
    .live--row .live__box--email .slick-track {
      display: -webkit-flex;
      display: flex; }
      .live--row .live__box--email .slick-track .slick-slide {
        float: none;
        height: auto; }
    .live--row .live__box--email .slick-dots {
      position: static;
      padding: 0;
      margin: 0; }
    .live--row .live__box--email .slick-dots li button:before {
      font-size: 30px; }
    .live--row .live__box--email .wrap {
      -webkit-align-items: center;
              align-items: center;
      display: -webkit-flex;
      display: flex;
      text-align: center; }
    .live--row .live__box--email .wrap--alt .left {
      padding: 0 0 0 20px;
      -webkit-order: 2;
              order: 2; }
    .live--row .live__box--email .wrap--alt .right {
      -webkit-order: 1;
              order: 1; }
    .live--row .live__box--email .left {
      -webkit-flex: 1 0 81%;
              flex: 1 0 81%;
      width: 81%;
      padding: 0 20px 0 0;
      box-sizing: border-box; }
      .live--row .live__box--email .left h2 {
        margin: 0 0 10px 0;
        font-size: 17px;
        font-weight: 800; }
      .live--row .live__box--email .left p {
        margin: 0 0 15px 0; }
    .live--row .live__box--email .right {
      -webkit-flex: 1 0 19%;
              flex: 1 0 19%;
      width: 19%;
      box-sizing: border-box; }

@media screen and (max-width: 980px) {
  .live--row {
    display: block; }
    .live--row .live__box--timeline .white-inner {
      display: block; }
      .live--row .live__box--timeline .white-inner .timeline__main {
        height: 600px; } }

@media screen and (max-width: 767px) {
  .live--row .live__box--email .wrap {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap; }
  .live--row .live__box--email .left {
    -webkit-order: 2;
            order: 2;
    -webkit-flex: 1 0 100%;
            flex: 1 0 100%;
    width: 100%;
    padding: 0;
    box-sizing: border-box; }
    .live--row .live__box--email .left h2 {
      margin: 0 0 20px 0;
      font-size: 17px; }
  .live--row .live__box--email .right {
    -webkit-order: 1;
            order: 1;
    -webkit-flex: 1 0 100%;
            flex: 1 0 100%;
    width: 100%;
    box-sizing: border-box; }
    .live--row .live__box--email .right img {
      width: 150px;
      margin: 0 auto 20px auto; } }

.live-pitch h2 {
  margin: 0 0 20px 0;
  font-weight: 800; }

.live-pitch .btn-one-secondary {
  margin-bottom: 30px; }

.live-pitch .btn-twitter {
  margin-top: 30px;
  margin-bottom: 0; }

.gameweek {
  margin-top: 70px; }

.subhead-live .opta-tag {
  text-transform: uppercase;
  font-size: 15px;
  font-family: 'Fix Sans';
  margin-left: 60px;
  vertical-align: top;
  display: block; }

.subhead-live .opta-tag span {
  margin-top: 10px;
  margin-right: 5px; }

.subhead-live .opta-tag img {
  width: 100px; }

@media screen and (max-width: 980px) {
  .subhead-live .opta-tag {
    text-transform: uppercase;
    font-size: 15px;
    font-family: 'Fix Sans';
    margin-left: 0;
    margin-top: -10px;
    vertical-align: top;
    display: block;
    margin-bottom: 30px; } }

@media screen and (max-width: 660px) {
  .subhead-live .opta-tag {
    text-align: center; } }

.gameweek > p {
  font: 25px/44px 'Fix Sans', sans-serif;
  margin-bottom: 70px; }

#gamesboxeswrapper {
  padding: 40px 0 0; }

.current-games h2 {
  text-align: center;
  font-size: 3em; }

.game-tile {
  background-color: #fff;
  padding: 28px;
  position: relative;
  text-align: center;
  margin-bottom: 25px; }

.game-vs:hover a {
  color: #42FF0F; }

.game-tile .btn {
  display: inline-block;
  margin-top: 30px; }

.badge-left {
  display: inline-block;
  width: 65px;
  height: auto;
  float: left; }

.badge-right {
  display: inline-block;
  width: 65px;
  height: auto;
  float: right; }

.badge-left .team-name,
.badge-right .team-name {
  display: block;
  font-size: 1.2;
  letter-spacing: 0.04em;
  font-weight: 400;
  color: #888;
  margin-top: 10px; }

.badge-right {
  display: inline-block;
  width: 65px;
  height: auto;
  float: right; }

.game-vs {
  margin-top: 20px;
  font-size: 2em;
  display: inline-block; }

.game-score {
  clear: both; }

.score-left {
  margin-top: 20px;
  font-size: 4em;
  font-weight: 400;
  display: block;
  padding: 10px 16px;
  border-radius: 4px;
  float: left; }

.score-right {
  margin-top: 20px;
  font-size: 4em;
  font-weight: 400;
  display: block;
  padding: 10px 16px;
  border-radius: 4px;
  float: right; }

.game-time-title {
  letter-spacing: 1px;
  margin-bottom: 10px;
  margin-top: 18px;
  font-size: 1.1em;
  line-height: 1em;
  font-weight: 400;
  display: inline-block; }

.game-time {
  display: block;
  font-size: 3em; }

.game-time-to-kickoff {
  display: block;
  font-size: 1.5em;
  margin-top: 8px; }

.game-time-wrapper {
  clear: none;
  margin-top: -65px;
  margin-bottom: 30px; }

.progress-wrap {
  margin-bottom: 30px; }

.progress-wrap .progress-left {
  float: left;
  width: 15%;
  text-align: left; }

.progress-wrap .progress-right {
  float: left;
  width: 15%;
  text-align: right; }

.progress-wrap .progress {
  width: 70%;
  margin: 0 auto;
  float: left; }

@media (max-width: 1200px) {
  .game-time-to-kickoff {
    font-size: 1.1em; } }

@media (max-width: 979px) {
  .game-time-to-kickoff {
    font-size: 0.8em;
    margin-top: 0px; } }

@media (max-width: 400px) {
  .game-time-wrapper {
    clear: none;
    margin-top: 30px;
    margin-bottom: 30px; }
  .game-vs {
    margin-top: 60px; } }

.span2 .badge-left, .span2 .badge-right {
  width: 58px; }

/* RESPONSIVE GAMES */
@media (max-width: 1200px) {
  .game-tile {
    padding: 25px; }
  .span2 .game-vs {
    display: none; }
  .span2 .score-left, .span2 .score-right {
    padding: 10px 16px; } }

@media (max-width: 979px) {
  .span2 .game-time {
    font-size: 2.3em; }
  .span2 .game-time-title {
    font-size: 1.1em; }
  .span2 .badge-left, .span2 .badge-right {
    width: 41px; }
  .span2 .score-left, .span2 .score-right {
    padding: 10px 10px;
    margin-left: 0;
    margin-right: 0; }
  .span3 .badge-left, .span3 .badge-right {
    width: 54px; }
  .span3 .game-vs {
    display: none; }
  .span3 .score-left, .span3 .score-right {
    padding: 10px 16px;
    margin-left: 0;
    margin-right: 0; } }

@media (max-width: 769px) {
  .span3 .game-vs, .span2 .game-vs {
    display: inline-block; } }

.faq h1 {
  padding: 20px 0;
  font-weight: 800; }
  .faq h1.first {
    margin-top: 0;
    padding-top: 0; }

.panel-default {
  border-top: 1px solid #EFEFEF;
  border-bottom: 1px solid #EFEFEF;
  padding: 0 0 5px 0;
  margin: -1px 0 0 0; }

.panel-default > .panel-heading {
  padding: 5px 0 0 0;
  -webkit-user-select: none;
  user-select: none; }

.panel-default > .panel-heading a {
  position: relative;
  display: block;
  font-size: 21px;
  padding: 0 20px 0 0; }

.panel-default > .panel-heading a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -9px;
  display: inline-block;
  font-size: 18px;
  font-style: normal;
  font-family: FontAwesome;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  transition: -webkit-transform .25s linear;
  transition: transform .25s linear;
  transition: transform .25s linear, -webkit-transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear; }

.panel-default > .panel-heading a:after {
  content: "\f106"; }

.panel-default > .panel-heading a.collapsed:after {
  content: "\f107"; }

.accordion-option {
  width: 100%;
  float: left;
  clear: both;
  margin: 15px 0; }

.accordion-option .title {
  font-size: 20px;
  font-weight: bold;
  float: left;
  padding: 0;
  margin: 0; }

.accordion-option .toggle-accordion {
  float: right;
  font-size: 16px;
  color: #6a6c6f; }

.accordion-option .toggle-accordion:before {
  content: "Expand All"; }

.accordion-option .toggle-accordion.active:before {
  content: "Collapse All"; }

.panel-body {
  font-size: 1.4em;
  line-height: 1.6em;
  padding: 10px 0; }

.fix-features {
  position: relative;
  z-index: 1; }
  .fix-features .container {
    width: 90%;
    max-width: 1300px; }

.fix-features__hero {
  padding: 40px 0;
  background: #F4F4F6; }
  @media screen and (min-width: 768px) {
    .fix-features__hero {
      padding: 80px 0; } }

.fix-features__title-wrap {
  width: 90%;
  max-width: 950px;
  margin: 0 auto; }

.fix-features__feature-outer.left {
  background: #F4F4F6; }
  @media screen and (min-width: 768px) {
    .fix-features__feature-outer.left .fix-features__feature-image {
      -webkit-order: 2;
              order: 2; } }
  @media screen and (min-width: 768px) {
    .fix-features__feature-outer.left .fix-features__feature-content {
      padding: 0 40px 0 0; } }
  @media screen and (min-width: 980px) {
    .fix-features__feature-outer.left .fix-features__feature-content {
      padding: 0 100px 0 0; } }

.fix-features__feature {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 40px 0; }
  @media screen and (min-width: 600px) {
    .fix-features__feature {
      padding: 80px 0; } }
  @media screen and (max-width: 600px) {
    .fix-features__feature:last-child .fix-features__feature-content {
      padding: 0; } }
  @media screen and (min-width: 768px) {
    .fix-features__feature {
      -webkit-flex-wrap: nowrap;
              flex-wrap: nowrap; } }

.fix-features__feature-content {
  width: 100%; }
  @media screen and (min-width: 768px) {
    .fix-features__feature-content {
      width: 38%;
      padding: 0 0 0 40px;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
              align-items: center; } }
  @media screen and (min-width: 980px) {
    .fix-features__feature-content {
      padding: 0 0 0 100px;
      margin-top: 8vh;
      margin-bottom: 8vh; } }

.fix-features__feature-content-inner {
  text-align: center; }
  .fix-features__feature-content-inner .fix-features__feature-image-wrap {
    margin: 0 0 30px 0; }
  @media screen and (max-width: 768px) {
    .fix-features__feature-content-inner {
      opacity: 1 !important; } }
  @media screen and (min-width: 768px) {
    .fix-features__feature-content-inner {
      text-align: left;
      margin: 0; } }

@media screen and (min-width: 768px) {
  h1.fix-features__feature-content-title {
    text-align: left !important; } }

.fix-features__feature-content-paragraph {
  font-size: 14px;
  line-height: 1.4em;
  margin: 0 0 20px 0; }
  @media screen and (min-width: 768px) {
    .fix-features__feature-content-paragraph {
      font-size: 18px;
      margin: 0 0 35px 0; } }

.fix-features__feature-image-wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center; }

.fix-features__feature-image-inner {
  margin: 0 auto;
  position: relative; }

.fix-features__video-wrap {
  position: absolute;
  padding: 0 0 70.4% 0;
  width: 100%;
  left: 2.8%;
  top: 4.3%;
  width: 94.3%;
  border-radius: 1.3% / 1.7%;
  overflow: hidden;
  z-index: 3; }
  .fix-features__video-wrap iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%; }

.fix-features__feature-image {
  position: relative;
  width: 100%;
  -webkit-flex: 1 1 auto;
          flex: 1 1 auto;
  margin: 0 0 30px 0; }
  @media screen and (min-width: 768px) {
    .fix-features__feature-image {
      width: 62%;
      margin: 0; } }

.fix-features__feature-img {
  width: 100%;
  position: absolute;
  left: 2.8%;
  top: 4.3%;
  width: 94.3%;
  border-radius: 1.3% / 1.7%; }
  .fix-features__feature-img.placeholder {
    height: 92%;
    object-fit: cover; }

.fix-features__feature-bg {
  border-radius: 4.3% / 5.2%;
  box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.25); }
  @media screen and (min-width: 768px) {
    .fix-features__feature-bg {
      box-shadow: 0 5.2px 3.2px rgba(0, 0, 0, 0.028), 0 12.5px 7.6px rgba(0, 0, 0, 0.04), 0 23.5px 14.3px rgba(0, 0, 0, 0.05), 0 42px 25.5px rgba(0, 0, 0, 0.06), 0 78.5px 47.6px rgba(0, 0, 0, 0.072), 0 188px 114px rgba(0, 0, 0, 0.1); } }

.fix-features__premium {
  padding: 40px 0;
  background: #F4F4F6;
  text-align: center;
  border-top: 1px solid #D8D8D8;
  position: relative;
  z-index: -1;
  overflow: hidden; }
  @media screen and (min-width: 768px) {
    .fix-features__premium {
      padding: 80px 0; } }

.fix-features__premium-inner {
  width: 90%;
  max-width: 900px;
  margin: 0 auto;
  position: relative;
  z-index: 1; }

h1.fix-features__premium-title {
  margin: 0 0 50px 0; }

.fix-features__premium-background {
  position: absolute;
  top: -110px;
  left: 40px;
  width: 1200px;
  z-index: 0; }
  @media screen and (min-width: 768px) {
    .fix-features__premium-background {
      top: -410px; } }

#modal__login {
  text-align: center; }
  #modal__login .modal-body {
    padding: 20px 40px 30px 40px; }
  #modal__login .home__hero-login {
    padding: 30px 0 0 0;
    box-shadow: none; }

/* -----------------------------------

  Season Tickets

------------------------------------- */
.page--st:not(.st-2023) {
  /* DISCOUNT NOTIFICATION
	------------------------------- */
  /* ------------------------------
		ANNUAL DISCOUNT TOGGLE
	------------------------------- */
  /* ------------------------------
		FEATURES TABLE
	------------------------------- */
  /* -----------------------------

	PURCHASE CARDS

	------------------------------ */
  /* 'check full features' button */
  /* Most Popular ribbon */
  /* Top Testimonials - under price cards */
  /* 'Can we help you' Corner Tab
	------------------------------- */
  /* Premium Help
	----------------------- */
  /* FAQs
	----------------------- */ }
  .page--st:not(.st-2023) .psp-section.st-features {
    overflow: visible; }
    .page--st:not(.st-2023) .psp-section.st-features .st-features__container {
      max-width: 1100px; }
  .page--st:not(.st-2023) .page--st__top-container {
    position: relative; }
  .page--st:not(.st-2023) .page--st__sub {
    background: #fff; }
  .page--st:not(.st-2023) .page--st__sub-content {
    padding: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap; }
    @media screen and (min-width: 800px) {
      .page--st:not(.st-2023) .page--st__sub-content {
        padding: 40px 0; } }
  .page--st:not(.st-2023) .page--st__sub-column {
    width: 100%;
    padding: 30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 0;
    text-align: center;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column; }
    .page--st:not(.st-2023) .page--st__sub-column p {
      margin-bottom: 20px; }
    .page--st:not(.st-2023) .page--st__sub-column:last-child {
      border-bottom: 0; }
    @media screen and (min-width: 800px) {
      .page--st:not(.st-2023) .page--st__sub-column {
        width: 33%;
        -webkit-flex: 1 1 auto;
                flex: 1 1 auto;
        padding: 0 30px;
        border-right: 1px solid rgba(0, 0, 0, 0.1);
        border-bottom: 0; }
        .page--st:not(.st-2023) .page--st__sub-column:last-child {
          border-right: 0; } }
  .page--st:not(.st-2023) .page--st__sub-title {
    font-weight: 800;
    padding: 0;
    margin-top: 0; }
  .page--st:not(.st-2023) .page--st__sub-btn {
    font-size: 11px;
    padding: 10px 15px;
    margin: auto 0 0 0 !important; }
    .page--st:not(.st-2023) .page--st__sub-btn:hover, .page--st:not(.st-2023) .page--st__sub-btn:focus, .page--st:not(.st-2023) .page--st__sub-btn:active {
      font-size: 11px;
      padding: 10px 15px;
      margin: auto 0 0 0 !important; }
  .page--st:not(.st-2023) .page--st__top {
    padding: 60px 0 0 0; }
    @media screen and (min-width: 800px) {
      .page--st:not(.st-2023) .page--st__top {
        padding: 100px 0; } }
  .page--st:not(.st-2023) .page--st__title {
    font-size: 40px;
    line-height: 1em;
    font-weight: 800;
    text-align: center;
    margin: 0 0 30px 0; }
    @media screen and (min-width: 800px) {
      .page--st:not(.st-2023) .page--st__title {
        font-size: 50px;
        margin: 0 0 40px 0; } }
  .page--st:not(.st-2023) .st-features .page--st__title,
  .page--st:not(.st-2023) .psp-section--testimonials .page--st__title {
    max-width: 750px;
    margin-left: auto;
    margin-right: auto; }
    .page--st:not(.st-2023) .st-features .page--st__title span,
    .page--st:not(.st-2023) .psp-section--testimonials .page--st__title span {
      display: block;
      margin-top: 20px; }
  .page--st:not(.st-2023) .page--st__subtitle {
    color: #555560;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 16px;
    text-align: center;
    margin: 0; }
  .page--st:not(.st-2023) .page--st .alert-success {
    color: #21133c;
    background-color: #e1e0e5;
    border-color: #e1e0e5; }
  .page--st:not(.st-2023) .page--st__notification {
    margin: -40px 0 20px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
            justify-content: center; }
    .page--st:not(.st-2023) .page--st__notification .invite-row__elem-wrapper {
      width: 100%; }
  .page--st:not(.st-2023) .page--st__toggle {
    width: 100%;
    margin: 30px 0 45px;
    font-size: 15px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center; }
    @media screen and (min-width: 980px) {
      .page--st:not(.st-2023) .page--st__toggle {
        margin-bottom: 30px; } }
    .page--st:not(.st-2023) .page--st__toggle .active {
      color: #22133C;
      font-weight: 400; }
    .page--st:not(.st-2023) .page--st__toggle #season {
      padding: 0 15px 0 0;
      text-align: right; }
    .page--st:not(.st-2023) .page--st__toggle #monthly {
      padding: 0 0 0 15px;
      text-align: left; }
  .page--st:not(.st-2023) .page--st__toggle-label {
    width: 50%;
    position: relative; }
    .page--st:not(.st-2023) .page--st__toggle-label span {
      color: #555560;
      font-weight: 300;
      display: block;
      font-size: 10px;
      line-height: 10px; }
  .page--st:not(.st-2023) .st-annual-discount {
    font-size: 9px;
    text-transform: uppercase;
    color: #d3d3d3;
    letter-spacing: 0.05em;
    font-weight: 600;
    padding: 3px 5px;
    border: 1px solid #d3d3d3;
    border-radius: 999px;
    display: inline-block;
    background: transparent;
    line-height: 1.2;
    width: 150px;
    position: absolute;
    top: 30px;
    right: 15px; }
    @media screen and (min-width: 980px) {
      .page--st:not(.st-2023) .st-annual-discount {
        position: static;
        width: auto;
        margin-right: 15px;
        font-size: 10px;
        padding: 6px 14px; } }
  .page--st:not(.st-2023) .active .st-annual-discount {
    color: #FC1C5B;
    border: 1px solid #FC1C5B; }
  .page--st:not(.st-2023) .st-features__table {
    margin-top: 30px; }
    @media screen and (min-width: 980px) {
      .page--st:not(.st-2023) .st-features__table {
        margin-top: 40px; } }
    .page--st:not(.st-2023) .st-features__table .btn-one-red,
    .page--st:not(.st-2023) .st-features__table .btn-one-red-border {
      font-size: 10px;
      line-height: 1.3;
      padding: 5px;
      margin-top: 10px; }
      @media screen and (min-width: 768px) {
        .page--st:not(.st-2023) .st-features__table .btn-one-red,
        .page--st:not(.st-2023) .st-features__table .btn-one-red-border {
          font-size: 12px;
          padding: 10px;
          margin-top: 15px; } }
      @media screen and (min-width: 980px) {
        .page--st:not(.st-2023) .st-features__table .btn-one-red,
        .page--st:not(.st-2023) .st-features__table .btn-one-red-border {
          margin-bottom: 5px;
          padding: 12px; } }
    .page--st:not(.st-2023) .st-features__table .btn-one-red span,
    .page--st:not(.st-2023) .st-features__table .btn-one-red-border span {
      display: none; }
      @media screen and (min-width: 600px) {
        .page--st:not(.st-2023) .st-features__table .btn-one-red span,
        .page--st:not(.st-2023) .st-features__table .btn-one-red-border span {
          display: inline-block; } }
    .page--st:not(.st-2023) .st-features__table .btn-disabled {
      -webkit-filter: grayscale(1);
              filter: grayscale(1);
      opacity: 0.4; }
      .page--st:not(.st-2023) .st-features__table .btn-disabled:hover, .page--st:not(.st-2023) .st-features__table .btn-disabled:focus {
        background: none;
        color: inherit; }
    .page--st:not(.st-2023) .st-features__table-row {
      display: -webkit-flex;
      display: flex; }
    .page--st:not(.st-2023) .st-features__table-row > div {
      padding: 8px 5px;
      text-align: center;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-align-items: center;
              align-items: center;
      -webkit-justify-content: center;
              justify-content: center;
      width: 22%;
      text-transform: uppercase;
      position: relative;
      box-sizing: border-box; }
      @media screen and (min-width: 768px) {
        .page--st:not(.st-2023) .st-features__table-row > div {
          padding: 10px; } }
      @media screen and (min-width: 980px) {
        .page--st:not(.st-2023) .st-features__table-row > div {
          padding: 10px 20px; } }
      @media screen and (min-width: 1200px) {
        .page--st:not(.st-2023) .st-features__table-row > div {
          padding: 10px 30px; } }
    .page--st:not(.st-2023) .st-features__table-row:first-child {
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      left: 0;
      background-color: #fff;
      z-index: 10; }
      @media screen and (min-width: 1100px) {
        .page--st:not(.st-2023) .st-features__table-row:first-child {
          top: 61px; } }
    .page--st:not(.st-2023) .st-features__table-row:first-child > div {
      -webkit-flex-direction: column;
              flex-direction: column;
      -webkit-justify-content: flex-start;
              justify-content: flex-start;
      -webkit-align-items: center;
              align-items: center;
      padding-top: 50px; }
    .page--st:not(.st-2023) .st-features__table-row > div:nth-child(1) {
      width: 34%;
      -webkit-align-items: flex-start;
              align-items: flex-start;
      padding-top: 0;
      box-sizing: border-box;
      text-align: left;
      -webkit-justify-content: flex-start;
              justify-content: flex-start; }
    .page--st:not(.st-2023) .st-features__table-row > div:nth-child(2),
    .page--st:not(.st-2023) .st-features__table-row > div:nth-child(3),
    .page--st:not(.st-2023) .st-features__table-row > div:nth-child(4) {
      width: 22%; }
    .page--st:not(.st-2023) .st-features__table-row > div:nth-child(3) {
      border-left: 1px solid #FC1C5B;
      border-right: 1px solid #FC1C5B; }
    .page--st:not(.st-2023) .st-features__table-row:first-child > div:nth-child(3) {
      border-top: 1px solid #FC1C5B; }
    .page--st:not(.st-2023) .st-features__table-row:last-child > div:nth-child(3):after {
      content: "";
      position: absolute;
      bottom: -1px;
      left: 0;
      width: 100%;
      height: 1px;
      border-bottom: 1px solid #FC1C5B; }
    .page--st:not(.st-2023) .st-features__table-row--header {
      border: none;
      margin: 0;
      padding: 0; }
    .page--st:not(.st-2023) .st-features__table-row--header > div {
      -webkit-align-items: flex-end;
              align-items: flex-end; }
    .page--st:not(.st-2023) .st-features__table .btn-one-red {
      border: 2px solid #FC1C5B; }
      .page--st:not(.st-2023) .st-features__table .btn-one-red:hover {
        border-color: #e20342; }
    .page--st:not(.st-2023) .st-features__table .most-popular {
      font-size: 8px;
      line-height: 1.2;
      text-transform: uppercase;
      font-weight: 600;
      position: absolute;
      top: 15px;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      color: #35264e; }
      @media screen and (min-width: 600px) {
        .page--st:not(.st-2023) .st-features__table .most-popular {
          font-size: 12px; } }
    .page--st:not(.st-2023) .st-features__table-row:first-child h3 {
      font-size: 14px;
      margin-top: 20px; }
      @media screen and (min-width: 800px) {
        .page--st:not(.st-2023) .st-features__table-row:first-child h3 {
          font-size: 18px; } }
    .page--st:not(.st-2023) .st-features__table h3 {
      text-transform: none;
      padding-top: 30px;
      padding-bottom: 20px;
      line-height: 1.2;
      margin: 0; }
      @media screen and (min-width: 1200px) {
        .page--st:not(.st-2023) .st-features__table h3 {
          font-size: 22px; } }
      .page--st:not(.st-2023) .st-features__table h3 small {
        color: #35264e;
        font-size: .7em;
        margin-top: 5px;
        display: block; }
    .page--st:not(.st-2023) .st-features__table-row:first-child h4 {
      font-weight: 700;
      margin: 0;
      padding: 0;
      max-width: 100%; }
      @media screen and (min-width: 768px) {
        .page--st:not(.st-2023) .st-features__table-row:first-child h4 {
          font-size: 18px; } }
      @media screen and (min-width: 1200px) {
        .page--st:not(.st-2023) .st-features__table-row:first-child h4 {
          font-size: 22px; } }
    .page--st:not(.st-2023) .st-features__table h4 {
      text-transform: none;
      font-weight: 600;
      font-size: 14px;
      line-height: 1.3;
      margin: 0 0 10px;
      padding-top: 25px; }
      @media screen and (min-width: 600px) {
        .page--st:not(.st-2023) .st-features__table h4 {
          font-size: 14px; } }
      @media screen and (min-width: 768px) {
        .page--st:not(.st-2023) .st-features__table h4 {
          font-size: 16px; } }
      @media screen and (min-width: 1200px) {
        .page--st:not(.st-2023) .st-features__table h4 {
          font-size: 18px; } }
    .page--st:not(.st-2023) .st-features__table h4 + p {
      text-transform: none;
      line-height: 1.3;
      margin-top: 10px;
      margin-bottom: 15px;
      font-size: 10px; }
      @media screen and (min-width: 600px) {
        .page--st:not(.st-2023) .st-features__table h4 + p {
          font-size: 14px;
          margin-bottom: 30px;
          margin-top: 15px; } }
    .page--st:not(.st-2023) .st-features__table .price {
      margin-top: auto;
      line-height: 1.2;
      color: #35264e; }
    .page--st:not(.st-2023) .st-features__table .price span {
      font-size: 14px;
      font-weight: 700; }
      @media screen and (min-width: 600px) {
        .page--st:not(.st-2023) .st-features__table .price span {
          font-size: 16px; } }
      @media screen and (min-width: 1200px) {
        .page--st:not(.st-2023) .st-features__table .price span {
          font-size: 24px; } }
    .page--st:not(.st-2023) .st-features__table .price small {
      font-weight: 400; }
    .page--st:not(.st-2023) .st-features__table-key {
      margin: 0;
      font-size: 12px;
      text-transform: none;
      line-height: 1.5; }
      @media screen and (min-width: 768px) {
        .page--st:not(.st-2023) .st-features__table-key {
          font-size: 14px;
          font-weight: 400; } }
      @media screen and (min-width: 1200px) {
        .page--st:not(.st-2023) .st-features__table-key {
          font-size: 15px; } }
      .page--st:not(.st-2023) .st-features__table-key small {
        color: #35264e;
        display: block;
        margin-top: 3px; }
    .page--st:not(.st-2023) .st-features__table .fa-check-circle {
      color: #35264e;
      font-size: 14px; }
      @media screen and (min-width: 768px) {
        .page--st:not(.st-2023) .st-features__table .fa-check-circle {
          font-size: 18px; } }
    .page--st:not(.st-2023) .st-features__table .fa-times-circle {
      color: #ddd;
      font-size: 14px; }
      @media screen and (min-width: 768px) {
        .page--st:not(.st-2023) .st-features__table .fa-times-circle {
          font-size: 18px; } }
    .page--st:not(.st-2023) .st-features__table .btn-q-mark {
      -webkit-filter: grayscale(1);
              filter: grayscale(1);
      opacity: .7; }
  .page--st:not(.st-2023) .st-purchase {
    overflow: hidden; }
    .page--st:not(.st-2023) .st-purchase .container {
      position: relative; }
    .page--st:not(.st-2023) .st-purchase .psp-section__sub-title {
      text-align: center; }
      @media screen and (min-width: 980px) {
        .page--st:not(.st-2023) .st-purchase .psp-section__sub-title {
          margin-bottom: 40px; } }
    .page--st:not(.st-2023) .st-purchase .psp-section__title {
      text-align: center;
      max-width: 1000px;
      margin: 0 auto 20px; }
  .page--st:not(.st-2023) .st-purchase__container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    padding-top: 20px; }
    @media screen and (min-width: 980px) {
      .page--st:not(.st-2023) .st-purchase__container {
        width: 90%;
        padding-top: 30px; } }
    @media screen and (min-width: 1200px) {
      .page--st:not(.st-2023) .st-purchase__container {
        width: 1170px; } }
  .page--st:not(.st-2023) .st-purchase__full-features {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
            justify-content: center;
    padding: 20px 15px 0;
    box-sizing: border-box; }
    @media screen and (min-width: 980px) {
      .page--st:not(.st-2023) .st-purchase__full-features {
        padding-top: 50px; } }
    .page--st:not(.st-2023) .st-purchase__full-features a {
      display: inline-block; }
  .page--st:not(.st-2023) .st-payment__card {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    margin: 0 auto 30px;
    padding: 30px;
    text-align: center;
    background: #fff;
    transition: all 0.25s ease-in-out;
    box-shadow: 0 7px 50px rgba(0, 0, 0, 0.1);
    font-size: 13px; }
    @media screen and (min-width: 980px) {
      .page--st:not(.st-2023) .st-payment__card {
        padding: 40px;
        width: 33%;
        margin: 0;
        -webkit-flex: 1 1 30%;
                flex: 1 1 30%; } }
    @media screen and (min-width: 1200px) {
      .page--st:not(.st-2023) .st-payment__card {
        padding: 50px 40px 40px; } }
    .page--st:not(.st-2023) .st-payment__card.lifetime {
      -webkit-order: -1;
              order: -1; }
      @media screen and (min-width: 980px) {
        .page--st:not(.st-2023) .st-payment__card.lifetime {
          -webkit-order: 0;
                  order: 0; } }
    .page--st:not(.st-2023) .st-payment__card .card-icons {
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: center;
              justify-content: center;
      -webkit-align-items: center;
              align-items: center;
      margin-bottom: 20px; }
      @media screen and (min-width: 1200px) {
        .page--st:not(.st-2023) .st-payment__card .card-icons {
          margin-bottom: 35px; } }
      .page--st:not(.st-2023) .st-payment__card .card-icons img {
        max-width: 50px; }
        @media screen and (min-width: 1200px) {
          .page--st:not(.st-2023) .st-payment__card .card-icons img {
            max-width: 70px; } }
      .page--st:not(.st-2023) .st-payment__card .card-icons i {
        margin: 0 5px;
        color: #ccc; }
        @media screen and (min-width: 1200px) {
          .page--st:not(.st-2023) .st-payment__card .card-icons i {
            margin: 0 15px; } }
    .page--st:not(.st-2023) .st-payment__card--featured .card-icons {
      margin: 20px 0 15px; }
    .page--st:not(.st-2023) .st-payment__card h3 {
      font-size: 30px;
      line-height: 35px;
      font-weight: 900;
      margin: 0; }
      @media screen and (min-width: 1200px) {
        .page--st:not(.st-2023) .st-payment__card h3 {
          font-size: 40px;
          line-height: 45px; } }
    .page--st:not(.st-2023) .st-payment__card .price {
      font-weight: 700;
      font-size: 28px;
      line-height: 25px;
      margin: 5px 0 0 0;
      color: #22133C;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: baseline;
              align-items: baseline;
      -webkit-justify-content: center;
              justify-content: center; }
      @media screen and (min-width: 980px) {
        .page--st:not(.st-2023) .st-payment__card .price {
          font-size: 30px;
          line-height: 35px;
          margin: 0; } }
      @media screen and (min-width: 1200px) {
        .page--st:not(.st-2023) .st-payment__card .price {
          font-size: 32px;
          line-height: 45px; } }
      .page--st:not(.st-2023) .st-payment__card .price small {
        font-size: .6rem;
        text-transform: uppercase;
        line-height: 1.5;
        font-weight: 600;
        text-align: left;
        margin-left: 5px; }
        @media screen and (min-width: 980px) {
          .page--st:not(.st-2023) .st-payment__card .price small {
            margin-top: 0; } }
      .page--st:not(.st-2023) .st-payment__card .price small span {
        display: block; }
      .page--st:not(.st-2023) .st-payment__card .price small.monthly span {
        display: none; }
      .page--st:not(.st-2023) .st-payment__card .price small.monthly {
        font-size: .7rem;
        line-height: 1.2;
        max-width: 65px; }
    .page--st:not(.st-2023) .st-payment__card .discount {
      text-transform: uppercase;
      font-weight: 600;
      color: #35264e;
      margin-top: 5px; }
      .page--st:not(.st-2023) .st-payment__card .discount small {
        font-size: 14.5px; }
    .page--st:not(.st-2023) .st-payment__card ul {
      margin: 25px 0 15px;
      color: #35264e;
      text-align: left;
      padding-top: 30px;
      border-top: 1px solid #eee; }
      @media screen and (min-width: 980px) {
        .page--st:not(.st-2023) .st-payment__card ul {
          margin-top: 30px;
          padding-top: 35px; } }
      @media screen and (min-width: 1280px) {
        .page--st:not(.st-2023) .st-payment__card ul {
          padding-left: 15px;
          padding-right: 15px; } }
      .page--st:not(.st-2023) .st-payment__card ul li {
        position: relative;
        padding-left: 23px;
        margin-bottom: 20px;
        display: block;
        font-weight: 300; }
      .page--st:not(.st-2023) .st-payment__card ul li > span {
        font-size: 16px; }
      .page--st:not(.st-2023) .st-payment__card ul .fa-check-circle,
      .page--st:not(.st-2023) .st-payment__card ul .fa-times-circle {
        position: absolute;
        top: 1px;
        left: 0;
        color: #35264e;
        font-size: 1.4em; }
    .page--st:not(.st-2023) .st-payment__card .btn-q-mark {
      display: none; }
    .page--st:not(.st-2023) .st-payment__card .view-full-features {
      font-weight: 400;
      margin-bottom: 25px;
      margin-top: auto;
      font-size: 14px; }
      .page--st:not(.st-2023) .st-payment__card .view-full-features span {
        margin-left: 5px; }
      .page--st:not(.st-2023) .st-payment__card .view-full-features i {
        color: #35264e;
        margin: auto; }
    .page--st:not(.st-2023) .st-payment__card .btn {
      margin: 0 0 15px 0;
      width: 100%; }
      @media screen and (min-width: 980px) {
        .page--st:not(.st-2023) .st-payment__card .btn {
          padding: 15px 20px; } }
    .page--st:not(.st-2023) .st-payment__card p {
      font-size: 12px;
      margin: 0; }
    .page--st:not(.st-2023) .st-payment__card--featured {
      position: relative;
      z-index: 3;
      -webkit-order: -1;
              order: -1; }
      .page--st:not(.st-2023) .st-payment__card--featured h3 {
        margin-top: 20px; }
      @media screen and (min-width: 980px) {
        .page--st:not(.st-2023) .st-payment__card--featured {
          margin: -20px 0;
          width: 33%;
          -webkit-order: 0;
                  order: 0; } }
    .page--st:not(.st-2023) .st-payment__card .coming-soon {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(246, 246, 247, 0.8);
      display: -webkit-flex;
      display: flex;
      z-index: 1; }
      .page--st:not(.st-2023) .st-payment__card .coming-soon p {
        margin: auto;
        text-transform: uppercase;
        font-weight: 900;
        font-size: 40px;
        color: #35264e;
        -webkit-transform: rotate(52deg);
                transform: rotate(52deg); }
        @media screen and (min-width: 1200px) {
          .page--st:not(.st-2023) .st-payment__card .coming-soon p {
            font-size: 50px; } }
    .page--st:not(.st-2023) .st-payment__card .annual-only.active,
    .page--st:not(.st-2023) .st-payment__card .unavailable {
      opacity: .2;
      -webkit-filter: grayscale(1);
              filter: grayscale(1);
      pointer-events: none; }
  .page--st:not(.st-2023) .ribbon-alt--wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0; }
    .page--st:not(.st-2023) .ribbon-alt--wrap .ribbon {
      width: 150px;
      height: 150px;
      overflow: hidden;
      position: absolute; }
    .page--st:not(.st-2023) .ribbon-alt--wrap .ribbon::before,
    .page--st:not(.st-2023) .ribbon-alt--wrap .ribbon::after {
      position: absolute;
      z-index: -1;
      content: '';
      display: block;
      border: 5px solid #120d1b; }
    .page--st:not(.st-2023) .ribbon-alt--wrap .ribbon span {
      position: absolute;
      display: block;
      width: 200px;
      padding: 8px 0;
      background-color: #35264e;
      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
      color: #fff;
      text-transform: uppercase;
      text-align: center;
      font-weight: 600; }
      @media screen and (min-width: 1200px) {
        .page--st:not(.st-2023) .ribbon-alt--wrap .ribbon span {
          font-size: 14px; } }
    .page--st:not(.st-2023) .ribbon-alt--wrap .ribbon-top-right {
      top: -10px;
      right: -10px; }
    .page--st:not(.st-2023) .ribbon-alt--wrap .ribbon-top-right::before,
    .page--st:not(.st-2023) .ribbon-alt--wrap .ribbon-top-right::after {
      border-top-color: transparent;
      border-right-color: transparent; }
    .page--st:not(.st-2023) .ribbon-alt--wrap .ribbon-top-right::before {
      top: 0;
      left: 26px; }
      @media screen and (min-width: 768px) {
        .page--st:not(.st-2023) .ribbon-alt--wrap .ribbon-top-right::before {
          left: 24px; } }
    .page--st:not(.st-2023) .ribbon-alt--wrap .ribbon-top-right::after {
      bottom: 26px;
      right: 0; }
      @media screen and (min-width: 768px) {
        .page--st:not(.st-2023) .ribbon-alt--wrap .ribbon-top-right::after {
          bottom: 24px; } }
    .page--st:not(.st-2023) .ribbon-alt--wrap .ribbon-top-right span {
      left: 0;
      top: 30px;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
  .page--st:not(.st-2023) .st-quotes {
    text-align: center; }
    .page--st:not(.st-2023) .st-quotes > .container {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
              flex-direction: column;
      margin-bottom: 30px;
      max-width: 1200px;
      width: 100%;
      box-sizing: border-box; }
      @media screen and (min-width: 800px) {
        .page--st:not(.st-2023) .st-quotes > .container {
          -webkit-flex-direction: row;
                  flex-direction: row;
          margin: 30px auto 0; } }
      @media screen and (min-width: 980px) {
        .page--st:not(.st-2023) .st-quotes > .container {
          -webkit-flex-direction: row;
                  flex-direction: row;
          margin-top: 80px; } }
    .page--st:not(.st-2023) .st-quotes blockquote {
      padding: 20px 15px 30px;
      border: none;
      margin-bottom: 10px;
      border-bottom: 1px solid #ddd; }
      .page--st:not(.st-2023) .st-quotes blockquote:last-child {
        border-bottom: 0; }
      @media screen and (min-width: 800px) {
        .page--st:not(.st-2023) .st-quotes blockquote {
          margin: 0;
          -webkit-flex: 1;
                  flex: 1;
          padding: 15px;
          border-bottom: 0;
          border-right: 1px solid #ddd; }
          .page--st:not(.st-2023) .st-quotes blockquote:last-child {
            border-right: 0; } }
      @media screen and (min-width: 980px) {
        .page--st:not(.st-2023) .st-quotes blockquote {
          padding: 15px 30px; } }
    .page--st:not(.st-2023) .st-quotes p {
      font-size: 16px; }
    .page--st:not(.st-2023) .st-quotes cite {
      font-weight: 600;
      font-size: 16px;
      color: #35264e;
      margin-top: 15px;
      display: block; }
  .page--st:not(.st-2023) .page--st__help-popup h5 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px; }
  .page--st:not(.st-2023) .page--st__help-popup .video-btns {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    margin: 0 auto;
    max-width: 190px; }
  .page--st:not(.st-2023) .page--st__help-popup .video-btn {
    border-radius: 999px;
    background-color: #E6E5EA;
    color: #35264e;
    padding: 7px 12px 7px 8px;
    text-transform: uppercase;
    letter-spacing: .075em;
    font-size: 12px;
    font-weight: 600;
    border: none;
    display: -webkit-flex;
    display: flex;
    margin-top: 10px; }
  .page--st:not(.st-2023) .page--st__help-popup .video-btn-icon {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #35264e;
    display: inline-block;
    display: -webkit-flex;
    display: flex;
    margin-right: 8px;
    padding-left: 3px;
    box-sizing: border-box; }
  .page--st:not(.st-2023) .page--st__help-popup .video-btn i {
    color: #fff;
    margin: auto; }
  .page--st:not(.st-2023) .premium__help {
    position: fixed;
    z-index: 90;
    bottom: 20px;
    left: 20px;
    background: #fff;
    opacity: 1;
    padding: 13px;
    width: 220px;
    text-align: center;
    visibility: visible;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);
    transition: .25s all ease-in-out;
    cursor: pointer; }
    .page--st:not(.st-2023) .premium__help.closed {
      opacity: 0;
      visibility: hidden;
      transition: .25s all ease-in-out; }
    .page--st:not(.st-2023) .premium__help .close {
      position: absolute;
      top: -30px;
      right: 0; }
    .page--st:not(.st-2023) .premium__help h2 {
      margin: 0 !important;
      text-transform: uppercase;
      letter-spacing: 0.02em;
      font-size: 14px; }
    .page--st:not(.st-2023) .premium__help strong {
      color: #22133C; }
    .page--st:not(.st-2023) .premium__help .btn {
      display: block; }
      .page--st:not(.st-2023) .premium__help .btn i {
        font-size: 1.5em;
        display: inline-block;
        padding: 0 5px 0 0;
        vertical-align: middle; }
      .page--st:not(.st-2023) .premium__help .btn span {
        width: 140px;
        display: inline-block;
        vertical-align: middle; }
  .page--st:not(.st-2023) .premium__help-sm {
    position: fixed;
    z-index: 90;
    bottom: 0;
    left: 60px;
    background: #fff;
    opacity: 1;
    padding: 5px 13px;
    visibility: visible;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);
    transition: .25s all ease-in-out;
    cursor: pointer; }
    .page--st:not(.st-2023) .premium__help-sm.closed {
      bottom: -100px;
      visibility: hidden;
      transition: .25s all ease-in-out; }
    .page--st:not(.st-2023) .premium__help-sm .close {
      position: absolute;
      top: -30px;
      right: 0; }
    .page--st:not(.st-2023) .premium__help-sm h2 {
      margin: 0 !important;
      text-transform: uppercase;
      letter-spacing: 0.02em;
      font-size: 14px; }
    .page--st:not(.st-2023) .premium__help-sm .btn {
      display: block; }
  .page--st:not(.st-2023) .page--st__faq {
    padding: 100px 0; }
    .page--st:not(.st-2023) .page--st__faq .faq {
      padding: 40px 0 0 0; }
    .page--st:not(.st-2023) .page--st__faq .page--st__faq-question {
      font-size: 20px;
      font-weight: 600;
      color: #22133C;
      margin: 0 0 10px 0; }

/* TESTIMONIALS
----------------------- */
.container--testimonials {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto; }

.testimonial-cards {
  -webkit-column-gap: 0;
          column-gap: 0;
  margin: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap; }

.testimonial-card {
  padding: 10px;
  width: 100%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex; }
  @media screen and (min-width: 600px) {
    .testimonial-card {
      width: 50%; } }
  @media screen and (min-width: 980px) {
    .testimonial-card {
      padding: 20px;
      width: 33.333%; } }
  .testimonial-card > div {
    background-color: #fff;
    padding: 30px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column; }
  .testimonial-card img {
    margin-right: 10px;
    width: 45px;
    border-radius: 50%; }
  .testimonial-card h4 {
    font-size: 14px;
    line-height: 1.4;
    margin: 0; }
  .testimonial-card p:last-of-type {
    margin-bottom: auto; }

.testimonial-info {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  width: 100%;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #eee; }

/* -----------------------------

MODALS

------------------------------ */
/* Discount */
.psp--overview__code-inner {
  background: #fff;
  padding: 40px 40px 20px 40px;
  margin-top: 50px; }
  @media screen and (max-width: 767px) {
    .psp--overview__code-inner h2 {
      font-size: 20px; } }
  .psp--overview__code-inner input[type="text"] {
    padding: 24px; }
  .psp--overview__code-inner .control-group.success input, .psp--overview__code-inner .control-group.success select, .psp--overview__code-inner .control-group.success textarea {
    color: #22133C;
    border-color: #42FF0F; }
  .psp--overview__code-inner .success-inline {
    color: #22133C;
    background-color: #42FF0F;
    border-radius: 0 !important; }
    .psp--overview__code-inner .success-inline li {
      color: #22133C; }

.psp--overview #guide_details .white-box {
  margin-bottom: 0;
  margin-top: 40px; }

.psp--overview #guide_details h2 {
  font-size: 17px;
  margin: 0; }
  .psp--overview #guide_details h2 ul {
    margin: 10px 0 0 0; }
    .psp--overview #guide_details h2 ul li {
      font-size: 14px;
      font-weight: 200;
      color: #555560; }

#lifetime-modal .modal-inside {
  padding: 0; }

/* Purchase Modal */
#purchaseModal #card-element {
  background: #EFEFEF;
  padding: 6px 6px 6px 17px; }

#purchaseModal .card_submit {
  margin-top: 10px; }

#purchaseModal .modal-body {
  padding: 30px 0 0; }

#purchaseModal .credit-card-errors {
  padding: 0 30px; }
  #purchaseModal .credit-card-errors ul {
    list-style: inside; }

#purchaseModal h3 {
  padding: 0 30px;
  width: auto;
  font-weight: 900;
  font-size: 22px;
  text-align: center; }

#purchaseModal .purchase-container {
  padding-top: 0; }

#purchaseModal .st--overview__package {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  padding: 0 30px;
  font-size: 13px;
  line-height: 1.4;
  font-weight: 400;
  text-align: left;
  text-transform: uppercase;
  color: #35264e;
  max-width: 320px;
  margin: 0 auto 30px; }
  #purchaseModal .st--overview__package strong {
    font-weight: 600; }
  #purchaseModal .st--overview__package .selected-package {
    -webkit-flex: 1;
            flex: 1; }
    #purchaseModal .st--overview__package .selected-package strong {
      font-size: 14px; }
    #purchaseModal .st--overview__package .selected-package small {
      display: block;
      font-size: 10px; }
  #purchaseModal .st--overview__package .package-price {
    font-size: 24px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center; }
    #purchaseModal .st--overview__package .package-price small {
      font-size: 8px;
      padding-left: 5px; }

#purchaseModal .success {
  padding: 0 30px 30px; }
  #purchaseModal .success p {
    font-size: 16px;
    margin: 15px 0; }
  #purchaseModal .success .btn {
    width: auto;
    display: inline-block;
    margin-top: 10px; }
  #purchaseModal .success hr {
    margin: 30px 0; }

@media screen and (max-width: 767px) {
  #purchaseModal .expiry .expiry-year {
    margin-top: 0 !important; } }

/* Cancel Modal
----------------------- */
#modal__cancel {
  text-align: center; }
  #modal__cancel .modal-header {
    padding: 0; }
  #modal__cancel ul {
    padding: 0;
    margin: 20px 0 0; }
  #modal__cancel ul + p {
    margin-top: 25px; }
  #modal__cancel li {
    list-style: none; }
  #modal__cancel .btn-cancel-option {
    color: #35264e;
    font-weight: 500;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    box-sizing: border-box;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    -webkit-align-items: center;
            align-items: center;
    font-size: 1.2em;
    padding: 10px 15px;
    background-color: #f5f5f5;
    transition: .3s; }
    #modal__cancel .btn-cancel-option:hover {
      background-color: #ededed; }
    #modal__cancel .btn-cancel-option i {
      font-size: 20px;
      margin-left: 5px;
      display: inline-block;
      color: #FC1C5B; }
  #modal__cancel .cancel--trial-msg {
    border: 1px solid #FC1C5B;
    padding: 10px;
    font-size: 12px;
    line-height: 1.4;
    text-align: left; }
  @media screen and (max-width: 680px) {
    #modal__cancel span {
      text-align: left;
      display: block;
      width: 60%;
      padding-right: 20px;
      box-sizing: border-box; } }

.cancel-offer {
  display: -webkit-flex;
  display: flex;
  border: 1px solid #FC1C5B;
  padding: 25px;
  margin-bottom: 50px; }
  .cancel-offer__img-wrap {
    width: 30%; }
  .cancel-offer__text {
    width: 70%;
    padding-left: 15px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: flex-start;
            align-items: flex-start;
    text-align: left; }
  .cancel-offer h4 {
    font-size: 20px;
    margin: 0 0 10px; }
  .cancel-offer p {
    margin: 0 0 15px; }

.cancel-btns {
  display: -webkit-flex;
  display: flex;
  width: 100%;
  -webkit-justify-content: flex-end;
          justify-content: flex-end; }
  .cancel-btns .btn {
    margin-left: 15px; }

/* Credit Modal
----------------------- */
#creditModal {
  text-align: center; }
  #creditModal .close {
    position: absolute;
    right: 10px;
    top: 8px; }
  #creditModal .modal-body {
    padding: 20px;
    padding-top: 0; }
  #creditModal .addons {
    text-align: center; }
    #creditModal .addons li {
      display: inline-block;
      vertical-align: top;
      width: 14%;
      margin: 0 1% 20px 1%; }
  #creditModal .btn {
    width: 100%; }

input.complete-toggle {
  position: relative;
  appearance: none;
  outline: none;
  -webkit-appearance: none;
  width: 50px;
  min-width: 50px;
  height: 30px;
  background-color: #ffffff;
  border: 4px solid #22133C;
  border-radius: 50px;
  box-shadow: inset -20px 0 0 0 #22133C;
  transition-duration: 200ms;
  outline: none !important;
  -webkit-appearance: none; }

input.complete-toggle:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 22px;
  height: 22px;
  background-color: transparent;
  border-radius: 50%;
  box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.2); }

input.complete-toggle:checked {
  border-color: #22133C;
  box-shadow: inset 20px 0 0 0 #22133C; }

input.complete-toggle:checked:after {
  left: 20px;
  box-shadow: -2px 4px 3px rgba(0, 0, 0, 0.05); }

.complete__free-pack {
  width: 100%;
  padding: 8px 10px;
  background: #29F1FF;
  margin: 0 0 20px 0;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  color: #22133C;
  line-height: 1.3em;
  box-sizing: border-box; }
  .complete__free-pack img {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
    width: 30px; }
  .complete__free-pack span {
    display: inline-block;
    vertical-align: middle; }
  .complete__free-pack a {
    font-weight: 600; }

.purchase-container {
  padding: 1.5rem 2rem 2rem 2rem; }

#modal__custom-pack {
  max-width: 700px; }
  #modal__custom-pack .modal-body {
    padding: 40px; }
  #modal__custom-pack .price-label {
    margin: 0 0 0 auto; }
  @media screen and (max-width: 767px) {
    #modal__custom-pack .modal-body {
      padding: 20px; } }

.modal__custom-pack-title {
  font-size: 40px;
  line-height: 1em;
  font-weight: 800;
  text-align: center;
  margin: 0 0 10px 0; }

.modal__custom-pack-paragraph {
  font-size: 17px;
  text-align: center;
  margin: 0 0 30px 0; }

.page--st__custom-feature {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  padding: 10px 0;
  margin: -1px 0 0 0;
  border-bottom: 1px solid #EFEFEF;
  border-top: 1px solid #EFEFEF; }
  @media screen and (max-width: 600px) {
    .page--st__custom-feature {
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap; } }
  .page--st__custom-feature .feature-checkbox {
    min-width: 210px; }
    @media screen and (max-width: 600px) {
      .page--st__custom-feature .feature-checkbox {
        min-width: 0;
        width: 70%; } }
  .page--st__custom-feature label {
    display: inline-block;
    font-size: 22px;
    color: #22133C;
    font-weight: 800;
    margin: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center; }
  .page--st__custom-feature .features {
    margin: 0;
    padding: 0 20px; }
    @media screen and (max-width: 600px) {
      .page--st__custom-feature .features {
        width: 100%;
        -webkit-order: 3;
                order: 3;
        padding: 5px 0 0 0; } }
  .page--st__custom-feature .sub-feature {
    display: inline-block; }
    .page--st__custom-feature .sub-feature::after {
      content: '/';
      margin: 0 5px; }
    .page--st__custom-feature .sub-feature:last-child::after {
      content: ''; }
  .page--st__custom-feature .price {
    min-width: 65px;
    font-size: 22px;
    color: #22133C;
    font-weight: 800;
    margin: 0 0 0 auto; }
    .page--st__custom-feature .price .amount {
      display: inline-block;
      vertical-align: middle;
      margin: 0 7px 0 0; }
    .page--st__custom-feature .price span {
      display: inline-block;
      color: #22133C;
      font-size: 8px;
      font-weight: 600;
      line-height: 10px;
      vertical-align: middle;
      text-align: left;
      width: 30px; }
  .page--st__custom-feature input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    pointer-events: none; }
    .page--st__custom-feature input[type="checkbox"] + label {
      position: relative;
      cursor: pointer;
      padding: 0; }
    .page--st__custom-feature input[type="checkbox"] + label:before {
      content: '';
      display: inline-block;
      vertical-align: middle;
      margin: 0 15px 0 0;
      width: 22px;
      min-width: 22px;
      height: 22px;
      border: 2px solid #b6b6b7;
      box-sizing: border-box;
      border-radius: 30px; }
    .page--st__custom-feature input[type="checkbox"]:hover + label:before {
      border: 2px solid #29F1FF; }
    .page--st__custom-feature input[type="checkbox"]:checked + label:before {
      border: 2px solid #FC1C5B;
      background-color: #FC1C5B;
      background-image: url(../../images/heatmaps/check.svg);
      background-position: 49% 50%;
      background-repeat: no-repeat;
      background-size: auto 8px; }
    .page--st__custom-feature input[type="checkbox"]:disabled + label {
      color: #b8b8b8;
      cursor: auto; }
    .page--st__custom-feature input[type="checkbox"]:disabled + label:before {
      box-shadow: none;
      background: #ddd; }

.page--st__custom-feature-label {
  padding: 0 0 10px 0;
  border-top: 0;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.04em; }
  @media screen and (max-width: 600px) {
    .page--st__custom-feature-label {
      display: none !important; } }

.modal__custom-pack-total {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  margin: 30px 0 0 0; }
  @media screen and (max-width: 600px) {
    .modal__custom-pack-total {
      margin: 20px 0 0 0;
      -webkit-justify-content: center;
              justify-content: center;
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap; } }
  .modal__custom-pack-total h2 {
    font-size: 30px;
    font-weight: 800;
    min-width: 200px; }
    @media screen and (max-width: 600px) {
      .modal__custom-pack-total h2 {
        min-width: 0;
        margin: 0 0 20px 0; } }
    .modal__custom-pack-total h2 .month {
      display: inline-block;
      color: #22133C;
      font-size: 11px;
      font-weight: 600;
      line-height: 12px;
      vertical-align: baseline;
      text-align: left;
      width: 40px;
      margin: 0 0 0 10px; }
  .modal__custom-pack-total .btn {
    width: 100%; }

#purchaseModal .select2-choice {
  background-color: #EFEFEF;
  border-bottom: 0;
  padding: 12px;
  font-size: 14px; }
  #purchaseModal .select2-choice .select2-arrow b {
    background: url(../../images/select/arrow.png) no-repeat 0 1px !important;
    background-position: 0% 50% !important; }

/* -----------------------------------

  Season Tickets

------------------------------------- */
.st-2023 {
  /* DISCOUNT NOTIFICATION
  ------------------------------- */
  /* ------------------------------
    ANNUAL DISCOUNT TOGGLE
  ------------------------------- */
  /* ------------------------------
    FEATURES TABLE
  ------------------------------- */
  /* -----------------------------

  PURCHASE CARDS

  ------------------------------ */
  /* 'check full features' button */
  /* Most Popular ribbon */
  /* Top Testimonials - under price cards */
  /* 'Can we help you' Corner Tab
  ------------------------------- */
  /* TESTIMONIALS
  ----------------------- */
  /* Premium Help
  ----------------------- */
  /* FAQs
  ----------------------- */ }
  .st-2023 .pink-underline {
    position: relative;
    font-weight: 400; }
    .st-2023 .pink-underline:after {
      content: "";
      position: absolute;
      bottom: 0px;
      left: 0;
      width: 100%;
      height: 1px;
      background-color: #FC1C5B; }
  .st-2023 .psp-section.st-features {
    overflow: visible; }
    .st-2023 .psp-section.st-features .st-features__container {
      max-width: 1100px; }
  .st-2023 .page--st__top-container {
    position: relative; }
  .st-2023 .page--st__sub {
    background: #fff; }
  .st-2023 .page--st__sub-content {
    padding: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap; }
    @media screen and (min-width: 800px) {
      .st-2023 .page--st__sub-content {
        padding: 40px 0; } }
  .st-2023 .page--st__sub-column {
    width: 100%;
    padding: 30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 0;
    text-align: center;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column; }
    .st-2023 .page--st__sub-column p {
      margin-bottom: 20px; }
    .st-2023 .page--st__sub-column:last-child {
      border-bottom: 0; }
    @media screen and (min-width: 800px) {
      .st-2023 .page--st__sub-column {
        width: 33%;
        -webkit-flex: 1 1 auto;
                flex: 1 1 auto;
        padding: 0 30px;
        border-right: 1px solid rgba(0, 0, 0, 0.1);
        border-bottom: 0; }
        .st-2023 .page--st__sub-column:last-child {
          border-right: 0; } }
  .st-2023 .page--st__sub-title {
    font-weight: 800;
    padding: 0;
    margin-top: 0; }
  .st-2023 .page--st__sub-btn {
    font-size: 11px;
    padding: 10px 15px;
    margin: auto 0 0 0 !important; }
    .st-2023 .page--st__sub-btn:hover, .st-2023 .page--st__sub-btn:focus, .st-2023 .page--st__sub-btn:active {
      font-size: 11px;
      padding: 10px 15px;
      margin: auto 0 0 0 !important; }
  .st-2023 .page--st__top {
    padding: 60px 0 0 0; }
    @media screen and (min-width: 800px) {
      .st-2023 .page--st__top {
        padding: 100px 0; } }
  .st-2023 .page--st__title {
    font-size: 40px;
    line-height: 1em;
    font-weight: 800;
    text-align: center;
    margin: 0 0 30px 0; }
    @media screen and (min-width: 800px) {
      .st-2023 .page--st__title {
        font-size: 50px;
        margin: 0 0 40px 0; } }
  .st-2023 .st-features .page--st__title,
  .st-2023 .psp-section--testimonials .page--st__title {
    max-width: 750px;
    margin-left: auto;
    margin-right: auto; }
    .st-2023 .st-features .page--st__title span,
    .st-2023 .psp-section--testimonials .page--st__title span {
      display: block;
      margin-top: 20px; }
  .st-2023 .page--st__subtitle {
    color: #555560;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 14px;
    text-align: center;
    margin: 0; }
    .st-2023 .page--st__subtitle span {
      display: block;
      height: 0;
      opacity: 0; }
    @media screen and (min-width: 980px) {
      .st-2023 .page--st__subtitle {
        font-size: 16px; }
        .st-2023 .page--st__subtitle span {
          display: inline-block;
          height: auto;
          opacity: 100%; } }
  .st-2023 .page--st .alert-success {
    color: #21133c;
    background-color: #e1e0e5;
    border-color: #e1e0e5; }
  .st-2023 .page--st__notification {
    margin: -40px 0 20px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
            justify-content: center; }
    .st-2023 .page--st__notification .invite-row__elem-wrapper {
      width: 100%; }
  .st-2023 .page--st__toggle {
    width: 100%;
    margin: 45px 0 35px;
    font-size: 15px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center; }
    @media screen and (min-width: 980px) {
      .st-2023 .page--st__toggle {
        margin: 55px 0; } }
    .st-2023 .page--st__toggle .active {
      color: #22133C;
      font-weight: 400; }
    .st-2023 .page--st__toggle #season {
      padding: 0 15px 0 0;
      text-align: right; }
    .st-2023 .page--st__toggle #monthly {
      padding: 0 0 0 15px;
      text-align: left; }
  .st-2023 .page--st__toggle-label {
    width: 50%;
    position: relative; }
    .st-2023 .page--st__toggle-label span {
      color: #555560;
      font-weight: 300;
      display: block;
      font-size: 10px;
      line-height: 10px; }
  .st-2023 .st-annual-discount {
    font-size: 12px;
    text-transform: uppercase;
    color: #d3d3d3;
    letter-spacing: 0.05em;
    font-weight: 600;
    border: none;
    padding: 0;
    display: inline-block;
    background: transparent;
    line-height: 1.2;
    width: 100px;
    position: absolute;
    top: 0;
    right: 65px;
    cursor: default; }
    @media screen and (min-width: 980px) {
      .st-2023 .st-annual-discount {
        position: relative;
        top: -1px;
        right: 5px;
        width: auto;
        margin-right: 10px;
        font-size: 14px; } }
    .st-2023 .st-annual-discount img {
      position: absolute;
      top: 0;
      right: 0;
      width: 60px;
      -webkit-transform: translateX(50%) translateY(-100%);
              transform: translateX(50%) translateY(-100%);
      -webkit-filter: grayscale(1);
              filter: grayscale(1);
      opacity: 20%; }
  .st-2023 .active .st-annual-discount {
    color: #FC1C5B; }
    .st-2023 .active .st-annual-discount img {
      -webkit-filter: grayscale(0);
              filter: grayscale(0);
      opacity: 100%; }
  .st-2023 .st-features__table {
    margin-top: 30px; }
    @media screen and (min-width: 980px) {
      .st-2023 .st-features__table {
        margin-top: 40px; } }
    .st-2023 .st-features__table .btn-one-red,
    .st-2023 .st-features__table .btn-one-red-border {
      font-size: 10px;
      line-height: 1.3;
      padding: 5px;
      margin-top: 10px; }
      @media screen and (min-width: 768px) {
        .st-2023 .st-features__table .btn-one-red,
        .st-2023 .st-features__table .btn-one-red-border {
          font-size: 12px;
          padding: 10px;
          margin-top: 15px; } }
      @media screen and (min-width: 980px) {
        .st-2023 .st-features__table .btn-one-red,
        .st-2023 .st-features__table .btn-one-red-border {
          margin-bottom: 5px;
          padding: 12px; } }
    .st-2023 .st-features__table .btn-one-red span,
    .st-2023 .st-features__table .btn-one-red-border span {
      display: none; }
      @media screen and (min-width: 600px) {
        .st-2023 .st-features__table .btn-one-red span,
        .st-2023 .st-features__table .btn-one-red-border span {
          display: inline-block; } }
    .st-2023 .st-features__table .btn-disabled {
      -webkit-filter: grayscale(1);
              filter: grayscale(1);
      opacity: 0.4; }
      .st-2023 .st-features__table .btn-disabled:hover, .st-2023 .st-features__table .btn-disabled:focus {
        background: none;
        color: inherit; }
    .st-2023 .st-features__table-row {
      display: -webkit-flex;
      display: flex; }
    .st-2023 .st-features__table-row > div {
      padding: 8px 5px;
      text-align: center;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-align-items: center;
              align-items: center;
      -webkit-justify-content: center;
              justify-content: center;
      /* width: 22%; */
      width: 28%;
      text-transform: uppercase;
      position: relative;
      box-sizing: border-box; }
      @media screen and (min-width: 768px) {
        .st-2023 .st-features__table-row > div {
          padding: 10px; } }
      @media screen and (min-width: 980px) {
        .st-2023 .st-features__table-row > div {
          padding: 10px 20px; } }
      @media screen and (min-width: 1200px) {
        .st-2023 .st-features__table-row > div {
          padding: 10px 30px; } }
    .st-2023 .st-features__table-row:first-child {
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      left: 0;
      background-color: #fff;
      z-index: 10; }
    .st-2023 .st-features__table-row:first-child > div {
      -webkit-flex-direction: column;
              flex-direction: column;
      -webkit-justify-content: flex-start;
              justify-content: flex-start;
      -webkit-align-items: center;
              align-items: center;
      padding-top: 50px; }
    .st-2023 .st-features__table-row > div:nth-child(1) {
      width: 38%;
      -webkit-align-items: flex-start;
              align-items: flex-start;
      box-sizing: border-box;
      text-align: left;
      -webkit-justify-content: flex-start;
              justify-content: flex-start; }
    .st-2023 .st-features__table-row > div:nth-child(2),
    .st-2023 .st-features__table-row > div:nth-child(3),
    .st-2023 .st-features__table-row > div:nth-child(4) {
      /* width: 22%; */
      width: 31%; }
      @media screen and (min-width: 980px) {
        .st-2023 .st-features__table-row > div:nth-child(2),
        .st-2023 .st-features__table-row > div:nth-child(3),
        .st-2023 .st-features__table-row > div:nth-child(4) {
          width: 26%; } }
    .st-2023 .st-features__table-row > div:nth-child(3) {
      border-left: 1px solid #FC1C5B;
      border-right: 1px solid #FC1C5B; }
    .st-2023 .st-features__table-row:first-child > div:nth-child(3) {
      border-top: 1px solid #FC1C5B; }
    .st-2023 .st-features__table-row:last-child > div:nth-child(3):after {
      content: "";
      position: absolute;
      bottom: -1px;
      left: 0;
      width: 100%;
      height: 1px;
      border-bottom: 1px solid #FC1C5B; }
    .st-2023 .st-features__table-row--header {
      border: none;
      margin: 0;
      padding: 0; }
    .st-2023 .st-features__table-row--header > div {
      -webkit-align-items: flex-end;
              align-items: flex-end; }
    .st-2023 .st-features__table .btn-one-red {
      border: 2px solid #FC1C5B; }
      .st-2023 .st-features__table .btn-one-red:hover {
        border-color: #e20342; }
    .st-2023 .st-features__table .most-popular {
      font-size: 8px;
      line-height: 1.2;
      text-transform: uppercase;
      font-weight: 600;
      position: absolute;
      top: 15px;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      color: #35264e; }
      @media screen and (min-width: 600px) {
        .st-2023 .st-features__table .most-popular {
          font-size: 12px; } }
    .st-2023 .st-features__table-row:first-child h3 {
      font-size: 14px;
      margin-top: 20px; }
      @media screen and (min-width: 800px) {
        .st-2023 .st-features__table-row:first-child h3 {
          font-size: 18px; } }
    .st-2023 .st-features__table h3 {
      text-transform: none;
      padding-top: 30px;
      padding-bottom: 20px;
      line-height: 1.2;
      margin: 0; }
      @media screen and (min-width: 1200px) {
        .st-2023 .st-features__table h3 {
          font-size: 22px; } }
      .st-2023 .st-features__table h3 small {
        color: #35264e;
        font-size: .7em;
        margin-top: 5px;
        display: block; }
    .st-2023 .st-features__table-row:first-child h4 {
      font-weight: 700;
      margin: 0;
      padding: 0;
      max-width: 100%; }
      @media screen and (min-width: 768px) {
        .st-2023 .st-features__table-row:first-child h4 {
          font-size: 18px; } }
      @media screen and (min-width: 1200px) {
        .st-2023 .st-features__table-row:first-child h4 {
          font-size: 22px; } }
    .st-2023 .st-features__table h4 {
      text-transform: none;
      font-weight: 600;
      font-size: 14px;
      line-height: 1.3;
      margin: 0 0 10px;
      padding-top: 25px; }
      @media screen and (min-width: 600px) {
        .st-2023 .st-features__table h4 {
          font-size: 14px; } }
      @media screen and (min-width: 768px) {
        .st-2023 .st-features__table h4 {
          font-size: 16px; } }
      @media screen and (min-width: 1200px) {
        .st-2023 .st-features__table h4 {
          font-size: 18px; } }
    .st-2023 .st-features__table h4 + p {
      text-transform: none;
      line-height: 1.3;
      margin-top: 10px;
      margin-bottom: 15px;
      font-size: 10px; }
      @media screen and (min-width: 600px) {
        .st-2023 .st-features__table h4 + p {
          font-size: 14px;
          margin-bottom: 30px;
          margin-top: 15px; } }
    .st-2023 .st-features__table .price {
      margin-top: auto;
      line-height: 1.2;
      color: #35264e; }
    .st-2023 .st-features__table .price span {
      font-size: 14px;
      font-weight: 700; }
      @media screen and (min-width: 600px) {
        .st-2023 .st-features__table .price span {
          font-size: 16px; } }
      @media screen and (min-width: 1200px) {
        .st-2023 .st-features__table .price span {
          font-size: 24px; } }
    .st-2023 .st-features__table .price small {
      font-weight: 400; }
    .st-2023 .st-features__table-key {
      margin: 0;
      font-size: 12px;
      text-transform: none;
      line-height: 1.5; }
      @media screen and (min-width: 768px) {
        .st-2023 .st-features__table-key {
          font-size: 14px;
          font-weight: 400; } }
      @media screen and (min-width: 1200px) {
        .st-2023 .st-features__table-key {
          font-size: 15px; } }
      .st-2023 .st-features__table-key small {
        color: #35264e;
        display: block;
        margin-top: 3px; }
    .st-2023 .st-features__table .fa-check {
      color: #35264e;
      font-size: 14px; }
      @media screen and (min-width: 768px) {
        .st-2023 .st-features__table .fa-check {
          font-size: 18px; } }
    .st-2023 .st-features__table .fa-times {
      color: #ddd;
      font-size: 14px; }
      @media screen and (min-width: 768px) {
        .st-2023 .st-features__table .fa-times {
          font-size: 18px; } }
    .st-2023 .st-features__table .btn-q-mark {
      -webkit-filter: grayscale(1);
              filter: grayscale(1);
      opacity: .7; }
  .st-2023 .st-purchase {
    overflow: hidden; }
    .st-2023 .st-purchase .container {
      position: relative; }
    .st-2023 .st-purchase .psp-section__sub-title {
      text-align: center; }
      @media screen and (min-width: 980px) {
        .st-2023 .st-purchase .psp-section__sub-title {
          margin-bottom: 40px; } }
    .st-2023 .st-purchase .psp-section__title {
      text-align: center;
      max-width: 1000px;
      margin: 0 auto 20px; }
  .st-2023 .st-purchase__container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    padding-top: 20px; }
    @media screen and (min-width: 980px) {
      .st-2023 .st-purchase__container {
        width: 90%;
        padding-top: 30px; } }
    @media screen and (min-width: 1200px) {
      .st-2023 .st-purchase__container {
        width: 1170px; } }
  .st-2023 .st-purchase__full-features {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
            justify-content: center;
    padding: 20px 15px 0;
    box-sizing: border-box; }
    @media screen and (min-width: 980px) {
      .st-2023 .st-purchase__full-features {
        padding-top: 50px; } }
    .st-2023 .st-purchase__full-features a {
      display: inline-block; }
  .st-2023 .st-payment__card {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    margin: 0 auto 30px;
    padding: 30px;
    text-align: center;
    background: #fff;
    transition: all 0.25s ease-in-out;
    box-shadow: 0 7px 50px rgba(0, 0, 0, 0.1);
    font-size: 13px; }
    @media screen and (min-width: 980px) {
      .st-2023 .st-payment__card {
        padding: 40px;
        width: 33%;
        margin: 0;
        -webkit-flex: 1 1 30%;
                flex: 1 1 30%; } }
    @media screen and (min-width: 1200px) {
      .st-2023 .st-payment__card {
        padding: 50px 40px 40px; } }
    .st-2023 .st-payment__card.lifetime {
      -webkit-order: -1;
              order: -1; }
      @media screen and (min-width: 980px) {
        .st-2023 .st-payment__card.lifetime {
          -webkit-order: 0;
                  order: 0; } }
    .st-2023 .st-payment__card .card-icons {
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: center;
              justify-content: center;
      -webkit-align-items: center;
              align-items: center;
      margin-bottom: 20px; }
      @media screen and (min-width: 1200px) {
        .st-2023 .st-payment__card .card-icons {
          margin-bottom: 35px; } }
      .st-2023 .st-payment__card .card-icons img {
        max-width: 50px; }
        @media screen and (min-width: 1200px) {
          .st-2023 .st-payment__card .card-icons img {
            max-width: 70px; } }
      .st-2023 .st-payment__card .card-icons i {
        margin: 0 5px;
        color: #ccc; }
        @media screen and (min-width: 1200px) {
          .st-2023 .st-payment__card .card-icons i {
            margin: 0 15px; } }
    .st-2023 .st-payment__card--featured .card-icons {
      margin: 20px 0 15px; }
    .st-2023 .st-payment__card h3 {
      font-size: 30px;
      line-height: 35px;
      font-weight: 900;
      margin: 0; }
      @media screen and (min-width: 1200px) {
        .st-2023 .st-payment__card h3 {
          font-size: 40px;
          line-height: 45px; } }
    .st-2023 .st-payment__card .price {
      font-weight: 700;
      font-size: 28px;
      line-height: 25px;
      margin: 5px 0 0 0;
      color: #22133C;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: baseline;
              align-items: baseline;
      -webkit-justify-content: center;
              justify-content: center; }
      @media screen and (min-width: 980px) {
        .st-2023 .st-payment__card .price {
          font-size: 30px;
          line-height: 35px;
          margin: 0; } }
      @media screen and (min-width: 1200px) {
        .st-2023 .st-payment__card .price {
          font-size: 32px;
          line-height: 45px; } }
      .st-2023 .st-payment__card .price small {
        font-size: .6rem;
        text-transform: uppercase;
        line-height: 1.5;
        font-weight: 600;
        text-align: left;
        margin-left: 5px; }
        @media screen and (min-width: 980px) {
          .st-2023 .st-payment__card .price small {
            margin-top: 0; } }
      .st-2023 .st-payment__card .price small span {
        display: block; }
      .st-2023 .st-payment__card .price small.monthly span {
        display: none; }
      .st-2023 .st-payment__card .price .old-price {
        color: #ccc;
        font-size: 1.2rem;
        line-height: 0;
        margin-right: 10px;
        position: relative;
        -webkit-transform: translateY(-6px);
                transform: translateY(-6px); }
        .st-2023 .st-payment__card .price .old-price:after {
          content: "";
          position: absolute;
          top: 50%;
          left: 0;
          width: 100%;
          height: 1px;
          background-color: #FC1C5B; }
    .st-2023 .st-payment__card .discount {
      text-transform: uppercase;
      font-weight: 600;
      color: #35264e;
      margin-top: 5px; }
      .st-2023 .st-payment__card .discount small {
        font-size: 14.5px; }
    .st-2023 .st-payment__card ul {
      margin: 25px 0 15px;
      color: #35264e;
      text-align: left;
      padding-top: 30px;
      border-top: 1px solid #eee; }
      @media screen and (min-width: 980px) {
        .st-2023 .st-payment__card ul {
          margin-top: 30px;
          padding-top: 35px; } }
      @media screen and (min-width: 1280px) {
        .st-2023 .st-payment__card ul {
          padding-left: 15px;
          padding-right: 15px; } }
      .st-2023 .st-payment__card ul li {
        position: relative;
        padding-left: 23px;
        margin-bottom: 20px;
        display: block;
        font-weight: 300; }
      .st-2023 .st-payment__card ul li > span {
        font-size: 16px; }
      .st-2023 .st-payment__card ul .fa-check-circle,
      .st-2023 .st-payment__card ul .fa-times-circle,
      .st-2023 .st-payment__card ul .fa-check,
      .st-2023 .st-payment__card ul .fa-times {
        position: absolute;
        top: 1px;
        left: 0;
        color: #35264e;
        font-size: 1.4em; }
    .st-2023 .st-payment__card .view-full-features {
      font-weight: 400;
      margin-bottom: 25px;
      margin-top: auto;
      font-size: 14px; }
      .st-2023 .st-payment__card .view-full-features span {
        margin-left: 5px; }
      .st-2023 .st-payment__card .view-full-features i {
        color: #35264e;
        margin: auto; }
    .st-2023 .st-payment__card .btn {
      margin: 0 0 15px 0;
      width: 100%; }
      @media screen and (min-width: 980px) {
        .st-2023 .st-payment__card .btn {
          padding: 15px 20px; } }
    .st-2023 .st-payment__card p {
      font-size: 15px;
      line-height: 1.4;
      margin: 20px 0 0; }
    .st-2023 .st-payment__card--featured {
      position: relative;
      z-index: 3;
      -webkit-order: -1;
              order: -1; }
      .st-2023 .st-payment__card--featured h3 {
        margin-top: 20px; }
      @media screen and (min-width: 980px) {
        .st-2023 .st-payment__card--featured {
          margin: -20px 0;
          width: 33%;
          -webkit-order: 0;
                  order: 0; } }
    .st-2023 .st-payment__card .coming-soon {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(246, 246, 247, 0.8);
      display: -webkit-flex;
      display: flex;
      z-index: 1; }
      .st-2023 .st-payment__card .coming-soon p {
        margin: auto;
        text-transform: uppercase;
        font-weight: 900;
        font-size: 40px;
        color: #35264e;
        -webkit-transform: rotate(52deg);
                transform: rotate(52deg); }
        @media screen and (min-width: 1200px) {
          .st-2023 .st-payment__card .coming-soon p {
            font-size: 50px; } }
    .st-2023 .st-payment__card .annual-only.active,
    .st-2023 .st-payment__card .unavailable {
      opacity: .2;
      -webkit-filter: grayscale(1);
              filter: grayscale(1);
      pointer-events: none; }
    .st-2023 .st-payment__card .btn-q-mark {
      -webkit-filter: grayscale(1);
              filter: grayscale(1);
      opacity: .7;
      position: absolute; }
  .st-2023 .ribbon-alt--wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0; }
    .st-2023 .ribbon-alt--wrap .ribbon {
      width: 150px;
      height: 150px;
      overflow: hidden;
      position: absolute; }
    .st-2023 .ribbon-alt--wrap .ribbon::before,
    .st-2023 .ribbon-alt--wrap .ribbon::after {
      position: absolute;
      z-index: -1;
      content: '';
      display: block;
      border: 5px solid #120d1b; }
    .st-2023 .ribbon-alt--wrap .ribbon span {
      position: absolute;
      display: block;
      width: 200px;
      padding: 8px 0;
      background-color: #35264e;
      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
      color: #fff;
      text-transform: uppercase;
      text-align: center;
      font-weight: 600; }
      @media screen and (min-width: 1200px) {
        .st-2023 .ribbon-alt--wrap .ribbon span {
          font-size: 14px; } }
    .st-2023 .ribbon-alt--wrap .ribbon-top-right {
      top: -10px;
      right: -10px; }
    .st-2023 .ribbon-alt--wrap .ribbon-top-right::before,
    .st-2023 .ribbon-alt--wrap .ribbon-top-right::after {
      border-top-color: transparent;
      border-right-color: transparent; }
    .st-2023 .ribbon-alt--wrap .ribbon-top-right::before {
      top: 0;
      left: 26px; }
      @media screen and (min-width: 768px) {
        .st-2023 .ribbon-alt--wrap .ribbon-top-right::before {
          left: 24px; } }
    .st-2023 .ribbon-alt--wrap .ribbon-top-right::after {
      bottom: 26px;
      right: 0; }
      @media screen and (min-width: 768px) {
        .st-2023 .ribbon-alt--wrap .ribbon-top-right::after {
          bottom: 24px; } }
    .st-2023 .ribbon-alt--wrap .ribbon-top-right span {
      left: 0;
      top: 30px;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
  .st-2023 .st-quotes {
    width: 100%;
    max-width: 900px;
    margin: 40px auto 0;
    padding: 0 20px 40px;
    box-sizing: border-box;
    position: relative; }
    @media screen and (min-width: 800px) {
      .st-2023 .st-quotes {
        margin: 50px auto 0;
        padding-bottom: 0; } }
    @media screen and (min-width: 980px) {
      .st-2023 .st-quotes {
        margin-top: 120px;
        padding: 0; } }
  .st-2023 .st-quote {
    width: 100%;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    transition: 1.3s opacity; }
    @media screen and (min-width: 768px) {
      .st-2023 .st-quote {
        -webkit-flex-direction: row;
                flex-direction: row;
        -webkit-align-items: center;
                align-items: center; } }
    .st-2023 .st-quote:first-of-type {
      position: relative; }
    .st-2023 .st-quote.active {
      opacity: 100;
      visibility: visible; }
    .st-2023 .st-quote__img-wrap {
      width: 100%;
      text-align: center;
      margin-bottom: 40px; }
      @media screen and (min-width: 768px) {
        .st-2023 .st-quote__img-wrap {
          width: 27%;
          margin-bottom: 0; } }
    .st-2023 .st-quote__img {
      border-radius: 50%;
      -webkit-filter: grayscale(1);
              filter: grayscale(1);
      width: 200px;
      height: 200px; }
      @media screen and (min-width: 768px) {
        .st-2023 .st-quote__img {
          margin-right: 30px; } }
    .st-2023 .st-quote__content {
      width: 100%; }
      @media screen and (min-width: 768px) {
        .st-2023 .st-quote__content {
          width: 73%;
          padding-left: 30px; } }
    .st-2023 .st-quote blockquote {
      color: #35264e;
      font-size: 24px;
      font-weight: 700;
      line-height: 1.4;
      padding: 0;
      border: none;
      position: relative; }
    .st-2023 .st-quote .quote {
      color: #35264e;
      position: absolute;
      font-size: 80px;
      line-height: 0; }
      .st-2023 .st-quote .quote--open {
        top: 0;
        left: 0;
        -webkit-transform: translateY(-100%);
                transform: translateY(-100%); }
        @media screen and (min-width: 768px) {
          .st-2023 .st-quote .quote--open {
            -webkit-transform: translateX(-100%) translateY(-100%);
                    transform: translateX(-100%) translateY(-100%); } }
      .st-2023 .st-quote .quote--close {
        bottom: 0;
        right: 0; }
    .st-2023 .st-quote cite {
      font-weight: 300;
      color: #35264e;
      font-size: 15px; }
    .st-2023 .st-quote cite span {
      display: block;
      font-weight: 600; }
    .st-2023 .st-quote__stars i {
      margin-top: 10px;
      margin-right: 3px;
      color: #42FF0F;
      font-size: 24px; }
  .st-2023 .page--st__help-popup h5 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px; }
  .st-2023 .page--st__help-popup .video-btns {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    margin: 0 auto;
    max-width: 190px; }
  .st-2023 .page--st__help-popup .video-btn {
    border-radius: 999px;
    background-color: #E6E5EA;
    color: #35264e;
    padding: 7px 12px 7px 8px;
    text-transform: uppercase;
    letter-spacing: .075em;
    font-size: 12px;
    font-weight: 600;
    border: none;
    display: -webkit-flex;
    display: flex;
    margin-top: 10px; }
  .st-2023 .page--st__help-popup .video-btn-icon {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #35264e;
    display: inline-block;
    display: -webkit-flex;
    display: flex;
    margin-right: 8px;
    padding-left: 3px;
    box-sizing: border-box; }
  .st-2023 .page--st__help-popup .video-btn i {
    color: #fff;
    margin: auto; }
  .st-2023 .container--testimonials {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto; }
  .st-2023 .testimonial-cards {
    -webkit-column-gap: 0;
            column-gap: 0;
    margin: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap; }
  .st-2023 .testimonial-card {
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex; }
    @media screen and (min-width: 600px) {
      .st-2023 .testimonial-card {
        width: 50%; } }
    @media screen and (min-width: 980px) {
      .st-2023 .testimonial-card {
        padding: 20px;
        width: 33.333%; } }
    .st-2023 .testimonial-card > div {
      background-color: #fff;
      padding: 30px;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
              flex-direction: column; }
    .st-2023 .testimonial-card img {
      margin-right: 10px;
      width: 45px;
      border-radius: 50%; }
    .st-2023 .testimonial-card h4 {
      font-size: 14px;
      line-height: 1.4;
      margin: 0; }
    .st-2023 .testimonial-card p:last-of-type {
      margin-bottom: auto; }
  .st-2023 .testimonial-info {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    width: 100%;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #eee; }
  .st-2023 .premium__help {
    position: fixed;
    z-index: 90;
    bottom: 20px;
    left: 20px;
    background: #fff;
    opacity: 1;
    padding: 13px;
    width: 220px;
    text-align: center;
    visibility: visible;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);
    transition: .25s all ease-in-out;
    cursor: pointer; }
    .st-2023 .premium__help.closed {
      opacity: 0;
      visibility: hidden;
      transition: .25s all ease-in-out; }
    .st-2023 .premium__help .close {
      position: absolute;
      top: -30px;
      right: 0; }
    .st-2023 .premium__help h2 {
      margin: 0 !important;
      text-transform: uppercase;
      letter-spacing: 0.02em;
      font-size: 14px; }
    .st-2023 .premium__help strong {
      color: #22133C; }
    .st-2023 .premium__help .btn {
      display: block; }
      .st-2023 .premium__help .btn i {
        font-size: 1.5em;
        display: inline-block;
        padding: 0 5px 0 0;
        vertical-align: middle; }
      .st-2023 .premium__help .btn span {
        width: 140px;
        display: inline-block;
        vertical-align: middle; }
  .st-2023 .premium__help-sm {
    position: fixed;
    z-index: 90;
    bottom: 0;
    left: 60px;
    background: #fff;
    opacity: 1;
    padding: 5px 13px;
    visibility: visible;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);
    transition: .25s all ease-in-out;
    cursor: pointer; }
    .st-2023 .premium__help-sm.closed {
      bottom: -100px;
      visibility: hidden;
      transition: .25s all ease-in-out; }
    .st-2023 .premium__help-sm .close {
      position: absolute;
      top: -30px;
      right: 0; }
    .st-2023 .premium__help-sm h2 {
      margin: 0 !important;
      text-transform: uppercase;
      letter-spacing: 0.02em;
      font-size: 14px; }
    .st-2023 .premium__help-sm .btn {
      display: block; }
  .st-2023 .page--st__faq {
    padding: 100px 0; }
    .st-2023 .page--st__faq .faq {
      padding: 40px 0 0 0; }
    .st-2023 .page--st__faq .page--st__faq-question {
      font-size: 20px;
      font-weight: 600;
      color: #22133C;
      margin: 0 0 10px 0; }

/* -----------------------------

MODALS

------------------------------ */
#purchaseModal.v2023,
#loginModal.v2023 {
  max-width: 980px; }
  #purchaseModal.v2023.premium-modal--ext .btn-one-red,
  #loginModal.v2023.premium-modal--ext .btn-one-red {
    background-color: #963cff; }
    #purchaseModal.v2023.premium-modal--ext .btn-one-red:hover,
    #loginModal.v2023.premium-modal--ext .btn-one-red:hover {
      background-color: #8823ff; }
  #purchaseModal.v2023.premium-modal--ext .premium-modal__steps-list li:first-child .pm-steps-list__icon,
  #loginModal.v2023.premium-modal--ext .premium-modal__steps-list li:first-child .pm-steps-list__icon {
    background-color: #963cff; }
  #purchaseModal.v2023 .premium-modal__inner,
  #loginModal.v2023 .premium-modal__inner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    text-align: left;
    color: #35264e; }
    @media screen and (min-width: 768px) {
      #purchaseModal.v2023 .premium-modal__inner,
      #loginModal.v2023 .premium-modal__inner {
        -webkit-flex-direction: row;
                flex-direction: row; } }
  #purchaseModal.v2023 .premium-modal__left,
  #loginModal.v2023 .premium-modal__left {
    padding: 30px;
    width: 100%;
    box-sizing: border-box; }
    @media screen and (min-width: 768px) {
      #purchaseModal.v2023 .premium-modal__left,
      #loginModal.v2023 .premium-modal__left {
        width: 50%; } }
    @media screen and (min-width: 980px) {
      #purchaseModal.v2023 .premium-modal__left,
      #loginModal.v2023 .premium-modal__left {
        padding: 40px;
        width: 40%; } }
  #purchaseModal.v2023 .premium-modal__title,
  #loginModal.v2023 .premium-modal__title {
    font-size: 34px;
    line-height: 1.1;
    font-weight: 900; }
  #purchaseModal.v2023 .premium-modal__ticks,
  #loginModal.v2023 .premium-modal__ticks {
    margin: 20px 0 15px;
    padding: 0; }
    @media screen and (min-width: 768px) {
      #purchaseModal.v2023 .premium-modal__ticks,
      #loginModal.v2023 .premium-modal__ticks {
        margin: 20px 0; } }
    #purchaseModal.v2023 .premium-modal__ticks li,
    #loginModal.v2023 .premium-modal__ticks li {
      font-size: 15px;
      font-weight: 300;
      padding: 5px 0; }
    #purchaseModal.v2023 .premium-modal__ticks i,
    #loginModal.v2023 .premium-modal__ticks i {
      font-size: 16px;
      margin-right: 5px; }
  #purchaseModal.v2023 .user-switch,
  #loginModal.v2023 .user-switch {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
            justify-content: center; }
    #purchaseModal.v2023 .user-switch__text,
    #loginModal.v2023 .user-switch__text {
      margin-left: 5px;
      font-weight: 500; }
  #purchaseModal.v2023 .premium-modal__login-text,
  #loginModal.v2023 .premium-modal__login-text {
    text-align: center;
    line-height: 1.3;
    font-size: 11px;
    margin-top: -10px; }
  #purchaseModal.v2023 .control-group input,
  #loginModal.v2023 .control-group input {
    margin-bottom: 0; }
  #purchaseModal.v2023 .premium-modal__methods:not(:last-child),
  #loginModal.v2023 .premium-modal__methods:not(:last-child) {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px; }
  #purchaseModal.v2023.step-2-active .premium-modal__methods,
  #loginModal.v2023.step-2-active .premium-modal__methods {
    border-bottom: none; }
  #purchaseModal.v2023 .premium-modal__payment-title,
  #loginModal.v2023 .premium-modal__payment-title {
    margin: 0 0 15px;
    font-size: 14px; }
    #purchaseModal.v2023 .premium-modal__payment-title:before,
    #loginModal.v2023 .premium-modal__payment-title:before {
      border-color: #ddd; }
  #purchaseModal.v2023 .premium-modal__card-form,
  #loginModal.v2023 .premium-modal__card-form {
    display: none; }
  #purchaseModal.v2023 .premium-modal__paypal-btns,
  #loginModal.v2023 .premium-modal__paypal-btns {
    text-align: center; }
  #purchaseModal.v2023 .paypal-wrap,
  #loginModal.v2023 .paypal-wrap {
    border: none; }
  #purchaseModal.v2023 .paypal-wrap input[type="image"],
  #loginModal.v2023 .paypal-wrap input[type="image"] {
    width: 100%;
    height: auto; }
  #purchaseModal.v2023 .paypal-wrap form,
  #loginModal.v2023 .paypal-wrap form {
    background-color: #e5e5e5; }
  #purchaseModal.v2023 .premium-modal__summary-table,
  #loginModal.v2023 .premium-modal__summary-table {
    margin-top: 20px;
    width: 100%;
    font-size: 12px;
    line-height: 1.4; }
    @media screen and (min-width: 768px) {
      #purchaseModal.v2023 .premium-modal__summary-table,
      #loginModal.v2023 .premium-modal__summary-table {
        margin-top: 40px; } }
    #purchaseModal.v2023 .premium-modal__summary-table tr:first-child,
    #loginModal.v2023 .premium-modal__summary-table tr:first-child {
      font-weight: 600;
      font-size: 13px; }
    #purchaseModal.v2023 .premium-modal__summary-table td,
    #loginModal.v2023 .premium-modal__summary-table td {
      padding: 4px 0; }
    #purchaseModal.v2023 .premium-modal__summary-table td:first-child,
    #loginModal.v2023 .premium-modal__summary-table td:first-child {
      width: 48%; }
    #purchaseModal.v2023 .premium-modal__summary-table td:last-child,
    #loginModal.v2023 .premium-modal__summary-table td:last-child {
      width: 52%; }
    #purchaseModal.v2023 .premium-modal__summary-table td:last-child,
    #loginModal.v2023 .premium-modal__summary-table td:last-child {
      text-align: right; }
  #purchaseModal.v2023 .premium-modal__card-form .premium-modal__summary-table-wrap,
  #loginModal.v2023 .premium-modal__card-form .premium-modal__summary-table-wrap {
    margin: 30px 0 10px;
    padding-top: 20px;
    border-top: 1px solid #ddd; }
    #purchaseModal.v2023 .premium-modal__card-form .premium-modal__summary-table-wrap .premium-modal__summary-table,
    #loginModal.v2023 .premium-modal__card-form .premium-modal__summary-table-wrap .premium-modal__summary-table {
      margin-top: 0; }
  #purchaseModal.v2023 #card-element,
  #loginModal.v2023 #card-element {
    background-color: #fff;
    border: 2px solid #35264e; }
  #purchaseModal.v2023 .premium-modal__terms,
  #loginModal.v2023 .premium-modal__terms {
    font-size: 9.5px;
    line-height: 1.4;
    margin-top: 20px; }
  #purchaseModal.v2023 .premium-modal__right,
  #loginModal.v2023 .premium-modal__right {
    width: 100%;
    padding: 30px;
    background-color: #F0EFF0;
    box-sizing: border-box; }
    @media screen and (min-width: 768px) {
      #purchaseModal.v2023 .premium-modal__right,
      #loginModal.v2023 .premium-modal__right {
        display: block;
        width: 50%; } }
    @media screen and (min-width: 980px) {
      #purchaseModal.v2023 .premium-modal__right,
      #loginModal.v2023 .premium-modal__right {
        padding: 40px;
        width: 60%; } }
  #purchaseModal.v2023 .premium-modal__steps-list,
  #loginModal.v2023 .premium-modal__steps-list {
    padding: 20px;
    background-color: #fff;
    margin: 0;
    position: relative;
    display: none; }
    @media screen and (min-width: 768px) {
      #purchaseModal.v2023 .premium-modal__steps-list,
      #loginModal.v2023 .premium-modal__steps-list {
        display: block; } }
    #purchaseModal.v2023 .premium-modal__steps-list:before,
    #loginModal.v2023 .premium-modal__steps-list:before {
      content: "";
      position: absolute;
      top: 20px;
      left: 31px;
      height: calc(100% - 65px);
      border-left: 3px solid #35264e;
      z-index: 1; }
    #purchaseModal.v2023 .premium-modal__steps-list:after,
    #loginModal.v2023 .premium-modal__steps-list:after {
      content: "";
      position: absolute;
      top: calc(100% - 43px);
      left: 31px;
      height: 16px;
      border-left: 3px dotted #35264e;
      z-index: 1; }
    #purchaseModal.v2023 .premium-modal__steps-list li,
    #loginModal.v2023 .premium-modal__steps-list li {
      display: -webkit-flex;
      display: flex;
      margin-bottom: 35px;
      position: relative;
      z-index: 2; }
      #purchaseModal.v2023 .premium-modal__steps-list li:last-child,
      #loginModal.v2023 .premium-modal__steps-list li:last-child {
        margin-bottom: 15px; }
    #purchaseModal.v2023 .premium-modal__steps-list .pm-steps-list__icon,
    #loginModal.v2023 .premium-modal__steps-list .pm-steps-list__icon {
      width: 25px;
      height: 25px;
      border-radius: 50%;
      margin-right: 20px;
      background-color: #35264e;
      color: #fff;
      font-size: 16px;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
              align-items: center;
      -webkit-justify-content: center;
              justify-content: center; }
    #purchaseModal.v2023 .premium-modal__steps-list li:first-child .pm-steps-list__icon,
    #loginModal.v2023 .premium-modal__steps-list li:first-child .pm-steps-list__icon {
      background-color: #FC1C5B; }
    #purchaseModal.v2023 .premium-modal__steps-list p,
    #loginModal.v2023 .premium-modal__steps-list p {
      font-weight: 600;
      font-size: 15px;
      margin: 0;
      -webkit-flex: 1;
              flex: 1; }
    #purchaseModal.v2023 .premium-modal__steps-list p span,
    #loginModal.v2023 .premium-modal__steps-list p span {
      display: block;
      font-weight: 400;
      color: #555560;
      font-size: 13px; }
  #purchaseModal.v2023 .premium-modal__testimonial,
  #loginModal.v2023 .premium-modal__testimonial {
    color: #35264e; }
    @media screen and (min-width: 768px) {
      #purchaseModal.v2023 .premium-modal__testimonial,
      #loginModal.v2023 .premium-modal__testimonial {
        margin-top: 40px; } }
    #purchaseModal.v2023 .premium-modal__testimonial .pm-testimonial-header,
    #loginModal.v2023 .premium-modal__testimonial .pm-testimonial-header {
      width: 100%;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
              align-items: center; }
    #purchaseModal.v2023 .premium-modal__testimonial img,
    #loginModal.v2023 .premium-modal__testimonial img {
      border-radius: 50%;
      margin-right: 20px;
      max-width: 80px;
      -webkit-filter: grayscale(1);
              filter: grayscale(1); }
    #purchaseModal.v2023 .premium-modal__testimonial cite p,
    #loginModal.v2023 .premium-modal__testimonial cite p {
      font-size: 18px;
      font-weight: 600;
      margin: 0; }
    #purchaseModal.v2023 .premium-modal__testimonial cite span,
    #loginModal.v2023 .premium-modal__testimonial cite span {
      font-size: 14px;
      font-weight: 300; }
    #purchaseModal.v2023 .premium-modal__testimonial blockquote,
    #loginModal.v2023 .premium-modal__testimonial blockquote {
      font-weight: 400;
      line-height: 1.4;
      margin: 15px 0 0 0;
      padding: 0;
      border: none; }
    #purchaseModal.v2023 .premium-modal__testimonial blockquote p,
    #loginModal.v2023 .premium-modal__testimonial blockquote p {
      font-size: 15px; }
      @media screen and (min-width: 768px) {
        #purchaseModal.v2023 .premium-modal__testimonial blockquote p,
        #loginModal.v2023 .premium-modal__testimonial blockquote p {
          font-size: 17.5px; } }

/* SCROLLING QUOTES SECTION
----------------------------- */
@media screen and (min-width: 768px) {
  .scrolling-quotes .row-fluid {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center; } }

.sq__left {
  margin-bottom: 40px;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .sq__left {
      padding-right: 40px;
      margin-bottom: 0;
      text-align: left; } }

.sq__right {
  position: relative; }
  @media screen and (min-width: 768px) {
    .sq__right {
      padding-left: 40px; } }

.sq__title {
  font-size: 28px;
  line-height: 1;
  font-weight: 900; }
  @media screen and (min-width: 980px) {
    .sq__title {
      font-size: 40px; } }
  @media screen and (min-width: 1200px) {
    .sq__title {
      font-size: 48px; } }

.sq__blurb {
  font-size: 16px;
  margin: 30px 0; }

.sq__quotes {
  position: relative;
  max-height: 400px;
  overflow: hidden;
  padding-right: 6px; }
  .sq__quotes:before, .sq__quotes:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background: linear-gradient(#F4F4F6, transparent);
    z-index: 20; }
  .sq__quotes:after {
    top: auto;
    bottom: 0;
    background: linear-gradient(0deg, #F4F4F6, transparent); }

.sq__scroll {
  position: relative;
  -webkit-animation: vmarquee 105s linear infinite;
          animation: vmarquee 105s linear infinite; }

@-webkit-keyframes vmarquee {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); } }

@keyframes vmarquee {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); } }

.sq-quote {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  margin-bottom: 20px; }
  .sq-quote > div {
    -webkit-flex: 1;
            flex: 1; }
  .sq-quote blockquote {
    border: 3px solid #35264e;
    border-radius: 10px;
    background-color: #fff;
    padding: 16px;
    margin: 0;
    color: #35264e;
    text-align: center;
    position: relative;
    z-index: 10; }
  .sq-quote__shadow {
    position: absolute;
    top: 8px;
    right: -6px;
    background-color: #35264e;
    width: 100%;
    height: 100%;
    border-radius: 10px; }
  .sq-quote__arrow {
    position: absolute;
    left: -18px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-right: 18px solid #35264e;
    z-index: -1; }
    .sq-quote__arrow:before {
      content: "";
      position: absolute;
      left: 4px;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-bottom: 15px solid transparent;
      border-right: 15px solid #fff; }
  .sq-quote p {
    font-size: 14px; }
  .sq-quote cite {
    font-size: 14px;
    font-weight: 600;
    margin: 3px 0;
    display: block; }
  .sq-quote__stars {
    color: #42FF0F; }
  .sq-quote__img {
    border-radius: 50%;
    border: 3px solid #35264e;
    width: 80px;
    height: 80px;
    margin-right: 30px; }

/* -----------------------------------


  Competitive Page


------------------------------------- */
.comp-features__table {
  margin-top: 30px; }
  @media screen and (min-width: 980px) {
    .comp-features__table {
      margin-top: 40px; } }
  .comp-features__table .btn-one-red,
  .comp-features__table .btn-one-red-border {
    font-size: 10px;
    line-height: 1.3;
    padding: 5px;
    margin-top: 10px; }
    @media screen and (min-width: 768px) {
      .comp-features__table .btn-one-red,
      .comp-features__table .btn-one-red-border {
        font-size: 12px;
        padding: 10px;
        margin-top: 15px; } }
    @media screen and (min-width: 980px) {
      .comp-features__table .btn-one-red,
      .comp-features__table .btn-one-red-border {
        margin-bottom: 5px;
        padding: 12px; } }
  .comp-features__table .btn-one-red span,
  .comp-features__table .btn-one-red-border span {
    display: none; }
    @media screen and (min-width: 600px) {
      .comp-features__table .btn-one-red span,
      .comp-features__table .btn-one-red-border span {
        display: inline-block; } }
  .comp-features__table-row {
    display: -webkit-flex;
    display: flex;
    border-bottom: 1px solid #eee; }
  .comp-features__table-row > div {
    width: 33.333%;
    padding: 8px 5px;
    text-align: center;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center; }
    @media screen and (min-width: 768px) {
      .comp-features__table-row > div {
        padding: 10px; } }
    @media screen and (min-width: 980px) {
      .comp-features__table-row > div {
        padding: 20px; } }
  .comp-features__table-row > div:nth-child(1) {
    width: 30%;
    text-align: left;
    -webkit-justify-content: flex-start;
            justify-content: flex-start; }
  .comp-features__table-row > div:nth-child(2),
  .comp-features__table-row > div:nth-child(3) {
    width: 20%; }
  .comp-features__table-row > div:nth-child(4) {
    width: 30%; }
  @media screen and (min-width: 768px) {
    .comp-features__table-row > div:nth-child(1) {
      width: 30%; }
    .comp-features__table-row > div:nth-child(2),
    .comp-features__table-row > div:nth-child(3) {
      width: 10%; }
    .comp-features__table-row > div:nth-child(4) {
      width: 50%; } }
  .comp-features__table-row:nth-child(n) h3,
  .comp-features__table-row:nth-child(n) h4 {
    font-size: 10px;
    max-width: none; }
    @media screen and (min-width: 768px) {
      .comp-features__table-row:nth-child(n) h3,
      .comp-features__table-row:nth-child(n) h4 {
        font-size: 12px; } }
    @media screen and (min-width: 980px) {
      .comp-features__table-row:nth-child(n) h3,
      .comp-features__table-row:nth-child(n) h4 {
        font-size: 14px; } }
  .comp-features__table-row:nth-child(n) h3 {
    text-transform: none; }
  .comp-features__table a .fa-angle-right {
    margin-left: 5px;
    color: #FC1C5B; }
  .comp-features__table a {
    transition: .3s;
    padding-bottom: 2px;
    border-bottom: 2px solid transparent;
    color: #555560; }
    .comp-features__table a:hover {
      color: #FC1C5B;
      border-color: #FC1C5B; }
  .comp-features__table-row--header {
    border-bottom: 1px solid #ddd;
    margin: 15px 0 0; }
    @media screen and (min-width: 768px) {
      .comp-features__table-row--header {
        margin: 35px 0 10px;
        padding-bottom: 5px; } }
  .comp-features__table-row--header > div {
    -webkit-align-items: flex-end;
            align-items: flex-end; }
    @media screen and (min-width: 980px) {
      .comp-features__table-row--header > div {
        padding: 10px 20px; } }
  .comp-features__table h3 {
    line-height: 1.2;
    margin: 0; }
    @media screen and (min-width: 1200px) {
      .comp-features__table h3 {
        font-size: 19px; } }
    .comp-features__table h3 small {
      color: #35264e;
      font-size: .7em;
      margin-top: 5px;
      display: block; }
  .comp-features__table h4 {
    text-transform: uppercase;
    font-size: 10px;
    line-height: 1.3;
    margin: 0; }
    @media screen and (min-width: 600px) {
      .comp-features__table h4 {
        font-size: 12px; } }
    @media screen and (min-width: 768px) {
      .comp-features__table h4 {
        font-size: 14px;
        max-width: 170px; } }
    @media screen and (min-width: 1200px) {
      .comp-features__table h4 {
        font-size: 15px;
        max-width: 180px; } }
  .comp-features__table-key {
    margin: 0;
    font-size: 12px;
    line-height: 1.3;
    text-transform: none;
    line-height: 1.5; }
    @media screen and (min-width: 768px) {
      .comp-features__table-key {
        font-size: 14px;
        font-weight: 400; } }
    @media screen and (min-width: 1200px) {
      .comp-features__table-key {
        font-size: 15px; } }
    .comp-features__table-key small {
      color: #35264e;
      display: block;
      margin-top: 3px;
      text-transform: none;
      line-height: 1.5; }
  .comp-features__table .fa-check-circle,
  .comp-features__table .fa-times-circle {
    font-size: 16px;
    color: #FC1C5B; }
    @media screen and (min-width: 768px) {
      .comp-features__table .fa-check-circle,
      .comp-features__table .fa-times-circle {
        font-size: 18px; } }
  .comp-features__table .fa-times-circle {
    color: #aaa; }
  .comp-features__table .copy {
    text-transform: none; }
  .comp-features__table .copy--desktop {
    display: none; }
    @media screen and (min-width: 768px) {
      .comp-features__table .copy--desktop {
        display: block; } }
  .comp-features__table .copy--mob .btn {
    margin-top: 0; }
  @media screen and (min-width: 768px) {
    .comp-features__table .copy--mob {
      display: none; } }

.page__cancel .paragraph {
  margin-bottom: 20px; }

.page__cancel .paragraph:last-child {
  margin-bottom: 0; }

.page__cancel h2 {
  padding: 0;
  margin: 0 0 20px 0; }

.page__cancel form {
  margin-bottom: 0; }

.page__cancel .btn {
  width: 100%;
  margin-bottom: 10px; }

.cancel__list {
  margin: 0; }
  .cancel__list h3 {
    margin-top: 0; }

.cancel__choice {
  display: block;
  padding: 0 0 8px 0; }

.cancel__label {
  display: inline-block;
  padding-left: 10px;
  font-size: 1.2em;
  margin: 0;
  vertical-align: middle; }

.cancel__question {
  padding-top: 20px;
  border-top: 1px solid #ececec;
  margin-bottom: 20px; }

.cancel__question--nopad {
  margin-bottom: 0; }

.cancel__question--other {
  border-top: 0;
  padding-top: 0; }

.cancel__textarea {
  height: 100px;
  width: 100%;
  padding: 10px;
  text-align: left;
  box-sizing: border-box; }

.buttons a {
  display: inline-block;
  margin-top: 10px; }

#modal__thankyou {
  text-align: center; }
  #modal__thankyou .modal-body {
    padding: 0 30px 30px 30px; }

.fixture-difficulty .stat-val {
  display: table;
  padding: 5px;
  text-align: center;
  margin: 0px; }

.fixture-difficulty .stat-val span {
  line-height: 19px;
  display: table-cell;
  vertical-align: middle;
  color: #fff;
  font-weight: 400; }

.fixture-difficulty tbody tr:hover td {
  cursor: move; }

.fixture-difficulty input[type=number]::-webkit-inner-spin-button,
.fixture-difficulty input[type=number]::-webkit-outer-spin-button {
  opacity: 1; }

.fixture-difficulty input[type=number]::-webkit-inner-spin-button {
  background: url("../../images/custom_stats_builder/arrows.png") no-repeat 50% 50%;
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
  padding: 4px;
  position: relative;
  right: 4px;
  cursor: pointer; }

.fd__gw-select {
  width: 100%;
  box-sizing: border-box; }
  @media screen and (min-width: 480px) {
    .fd__gw-select {
      display: -webkit-flex;
      display: flex; } }

.fd__gw-column:first-child {
  border-bottom: 1px solid #EFEFEF;
  padding: 0 0 30px 0; }

.fd__gw-column:last-child {
  padding: 30px 0 0 0; }

@media screen and (min-width: 480px) {
  .fd__gw-column {
    width: 50%; }
    .fd__gw-column:first-child {
      border-right: 1px solid #EFEFEF;
      border-bottom: 0;
      padding: 0 30px 0 0; }
    .fd__gw-column:last-child {
      padding: 0 0 0 30px; } }

.fd__gw-title {
  line-height: 17px;
  margin-top: 0;
  margin-bottom: 15px; }

#s2id_startGameweek {
  margin: 0 0 10px 0; }

.fd__gw-select-box .select2-choice {
  background-color: #EFEFEF;
  border-bottom: 0;
  padding: 12px; }
  .fd__gw-select-box .select2-choice .select2-arrow b {
    background: url(../../images/select/arrow.png) no-repeat 0 1px !important;
    background-position: 0% 50% !important; }

input[type="number"].fd__gw-input {
  width: 100%;
  margin-bottom: 10px; }

.fd__gw-btn {
  width: 100%;
  padding: 13px 20px; }
  .fd__gw-btn:hover {
    padding: 13px 20px; }

#exclude_gw_list {
  margin: 0 -5px; }
  #exclude_gw_list .chip {
    margin: 10px 5px 0 5px;
    display: inline-block;
    padding: 0 10px;
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    border-radius: 20px;
    background-color: #f1f1f1; }
  #exclude_gw_list .closebtn {
    line-height: 27px;
    padding-left: 10px;
    color: #888;
    font-weight: bold;
    float: right;
    font-size: 20px;
    cursor: pointer; }
  #exclude_gw_list .closebtn:hover {
    color: #000; }

.fd__gw-key {
  width: 100%;
  box-sizing: border-box; }
  .fd__gw-key h3 {
    text-align: center;
    margin: 0 0 20px 0;
    font-weight: 800; }
  @media screen and (min-width: 767px) {
    .fd__gw-key {
      display: block; } }

.fd__gw-key-inner {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center; }
  .fd__gw-key-inner span {
    width: 20%;
    display: block;
    height: 55px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    border: 1px solid #fff; }
  .fd__gw-key-inner h6 {
    margin: 0;
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #fff; }
  @media screen and (min-width: 767px) {
    .fd__gw-key-inner span {
      height: 85px; } }

.heatmaps .match-center__pitch-wrap {
  display: -webkit-flex;
  display: flex;
  margin: 0 -30px; }
  @media screen and (max-width: 767px) {
    .heatmaps .match-center__pitch-wrap {
      display: block;
      margin: 0; } }

.heatmaps .match-center__pitch-half {
  overflow: visible;
  width: 50%;
  margin: 0 0 30px 0;
  padding: 0 30px; }
  .heatmaps .match-center__pitch-half:last-child::before {
    display: none; }
  @media screen and (max-width: 767px) {
    .heatmaps .match-center__pitch-half {
      width: 100%;
      padding: 0; } }

.heatmaps .half--first {
  border-right: 1px solid #EFEFEF; }
  @media screen and (max-width: 767px) {
    .heatmaps .half--first {
      border-right: 0; } }

@media screen and (max-width: 767px) {
  .heatmaps .half--last {
    padding: 30px 0 0 0; } }

.heatmaps .match-center__pitch-wrap .match-live__box {
  overflow: visible; }

.heatmaps .match-center__pitch-half h3 {
  text-align: center; }

.heatmaps .pred-price-chart {
  margin-bottom: 0; }

.hm__player-card {
  text-align: center;
  margin: 0 0 20px 0; }

.hm__player-img {
  width: 60px;
  margin: 0 20px 0 0;
  display: inline-block;
  vertical-align: middle; }
  @media screen and (max-width: 600px) {
    .hm__player-img {
      width: 40px; } }

.hm__player-name {
  font-size: 25px;
  font-weight: 800;
  max-width: 70%;
  display: inline-block;
  vertical-align: middle;
  margin: 0; }
  .hm__player-name span {
    font-size: 16px;
    line-height: 1.3em;
    display: block;
    color: #555560;
    font-weight: 300; }
  .hm__player-name a {
    display: table;
    padding: 0 0 6px 0px;
    font-size: 12px;
    line-height: 12px;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    margin: 5px auto 0;
    border-bottom: 1px solid #27f1ff;
    cursor: pointer; }
  @media screen and (max-width: 1200px) {
    .hm__player-name {
      font-size: 20px; } }

.hm__player-row {
  display: -webkit-flex;
  display: flex;
  margin: 0 -15px; }

.hm__player-half {
  width: 50%;
  padding: 0 15px; }

.hm__player-full {
  width: 100%;
  padding: 0 15px; }

.hm__player-label {
  text-align: center;
  margin-top: 0; }

.hm__player-stats-wrap {
  margin-bottom: 20px; }
  .hm__player-stats-wrap .hm__player-label {
    margin: 0; }
  .hm__player-stats-wrap .hm__player-half:first-child {
    border-right: 1px solid #EFEFEF; }

.hm__player-stats {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap; }

.hm__player-stat {
  width: 25%;
  margin: 10px 0 0 0; }
  .hm__player-stat h4 {
    color: #22133C;
    white-space: nowrap; }
  .hm__player-stat p {
    font-size: 25px;
    color: #22133C;
    margin: 0; }
  @media screen and (max-width: 1200px) {
    .hm__player-stat p {
      font-size: 20px; } }

.hm__filters {
  position: relative;
  padding: 10px 0 30px 0;
  margin: 20px 0 30px 0;
  border-bottom: 1px solid #EFEFEF;
  border-top: 1px solid #EFEFEF; }
  .hm__filters .span4 {
    margin-bottom: 0; }
  .hm__filters .ms-options-wrap button {
    background-color: #EFEFEF;
    border-bottom: 0;
    padding: 12px;
    display: block;
    height: auto;
    overflow: hidden;
    position: relative;
    border: 0;
    white-space: nowrap;
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    color: #888;
    text-decoration: none;
    border-radius: 0;
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-filter: none;
    filter: none;
    background-image: none;
    outline: none; }
    .hm__filters .ms-options-wrap button::after {
      width: 20px;
      height: 100%;
      top: 0;
      right: 0;
      bottom: 0;
      background: url(../../images/select/arrow.png) no-repeat 0 1px !important;
      background-position: 0% 50% !important;
      border: 0; }
  .hm__filters .ms-options-wrap > .ms-options {
    max-width: 100% !important;
    border: 0px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 5px; }
    .hm__filters .ms-options-wrap > .ms-options .ms-selectall.global {
      margin: 6px 10px; }
    .hm__filters .ms-options-wrap > .ms-options .ms-selectall {
      float: right; }
    .hm__filters .ms-options-wrap > .ms-options label {
      padding: 0px 0 0 26px;
      background-color: transparent !important;
      border: none !important;
      font-weight: 300;
      color: #22133C;
      margin: 0; }
    .hm__filters .ms-options-wrap > .ms-options > ul li.selected label {
      background-color: transparent; }
    .hm__filters .ms-options-wrap > .ms-options .optgroup {
      border-top: 1px solid #EFEFEF;
      padding: 10px; }
      .hm__filters .ms-options-wrap > .ms-options .optgroup ul {
        clear: both;
        padding: 8px 0 0 0; }
    .hm__filters .ms-options-wrap > .ms-options li {
      padding: 1px 0; }
    .hm__filters .ms-options-wrap > .ms-options li.default {
      position: relative;
      cursor: pointer; }
      .hm__filters .ms-options-wrap > .ms-options li.default::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0px;
        display: block;
        width: 18px;
        height: 18px;
        border: 2px solid #b6b6b7;
        box-sizing: border-box;
        border-radius: 30px; }
      .hm__filters .ms-options-wrap > .ms-options li.default input[type="checkbox"] {
        opacity: 0; }
    .hm__filters .ms-options-wrap > .ms-options li.default:hover::before {
      border: 2px solid #29F1FF; }
    .hm__filters .ms-options-wrap > .ms-options li.selected::before {
      border: 2px solid #29F1FF;
      background-color: #29F1FF;
      background-image: url(../../images/heatmaps/check.svg);
      background-position: 49% 50%;
      background-repeat: no-repeat;
      background-size: auto 7px; }
    .hm__filters .ms-options-wrap > .ms-options > ul {
      clear: both; }
    .hm__filters .ms-options-wrap > .ms-options > ul > li.optgroup + li.optgroup {
      border-top: 1px solid #EFEFEF; }
    .hm__filters .ms-options-wrap > .ms-options .icheckbox_square-green {
      margin: 0 6px 0 0; }
    .hm__filters .ms-options-wrap > .ms-options input[type="checkbox"] {
      margin: 0 5px 0 0;
      position: absolute;
      left: 0px;
      top: 4px; }
    .hm__filters .ms-options-wrap > .ms-options .label {
      float: left;
      clear: both;
      background: transparent;
      color: #22123c;
      text-align: center;
      text-shadow: none;
      font-size: 15px;
      font-weight: 600 !important; }

.hm__filters-link {
  position: absolute;
  top: 15.4%;
  right: -40px;
  margin-top: -10px;
  z-index: 2;
  cursor: pointer;
  background: #fff;
  padding: 10px 0; }
  .hm__filters-link.locked {
    opacity: 0.5; }
  @media screen and (max-width: 767px) {
    .hm__filters-link {
      display: none; } }
  @media screen and (max-width: 1200px) {
    .hm__filters-link {
      top: 13.5%; } }

.select2-container-multi .select2-choices .select2-search-field input {
  background-color: #EFEFEF !important;
  border-bottom: 0;
  padding: 12px; }

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  border-bottom: 0; }

.hm__select-box .select2-choice {
  background-color: #EFEFEF;
  border-bottom: 0;
  padding: 12px; }
  .hm__select-box .select2-choice .select2-arrow b {
    background: url(../../images/select/arrow.png) no-repeat 0 1px !important;
    background-position: 0% 50% !important; }

.select2-container-multi.hm__select-box .select2-choices {
  background-color: #EFEFEF; }

.select2-container-multi.hm__select-box .select2-search-choice {
  background: #22133C;
  border-radius: 50px;
  margin-left: 10px;
  padding-right: 8px;
  padding-left: 22px; }

.select2-container-multi.hm__select-box .select2-search-choice-close {
  left: 6px;
  background-image: url("../../images/heatmaps/close.svg") !important;
  background-size: 10px !important;
  background-position: 50% 50% !important; }

body.home--2019 {
  overflow-x: hidden; }
  body.home--2019 .home__inner * {
    box-sizing: border-box; }
  @media screen and (min-width: 1400px) {
    body.home--2019 .container {
      width: 1300px; } }

.home__inner {
  overflow-x: hidden; }

.home__inner--logout {
  overflow-x: visible; }

.home__hero {
  position: relative;
  padding: 40px 0 0;
  z-index: 1;
  background: #f2f2f2; }
  @media screen and (min-width: 980px) {
    .home__hero {
      padding-top: 60px; } }
  .home__hero * {
    box-sizing: border-box; }

.home__hero-background-wrap {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 00;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.home__hero-background {
  display: none; }
  @media screen and (min-width: 980px) {
    .home__hero-background {
      position: absolute;
      top: -15%;
      right: -15%;
      height: 100%;
      z-index: -1;
      object-fit: cover;
      left: auto;
      display: block; } }

.home__hero-inner {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  position: relative;
  z-index: 3; }

.fff-2017--landing__bottom {
  padding-top: 110px; }
  @media screen and (min-width: 767px) {
    .fff-2017--landing__bottom {
      padding-top: 130px; } }
  @media screen and (min-width: 980px) {
    .fff-2017--landing__bottom {
      padding-top: 130px; } }
  @media screen and (min-width: 1200px) {
    .fff-2017--landing__bottom {
      padding-top: 150px; } }

.home__hero-content {
  padding: 40px 0 0 0;
  -webkit-order: 2;
          order: 2;
  text-align: center;
  width: 100%; }
  @media screen and (min-width: 767px) {
    .home__hero-content {
      padding: 60px 0 0 0; } }
  @media screen and (min-width: 980px) {
    .home__hero-content {
      width: 40%;
      padding: 0;
      -webkit-flex: 1 1 auto;
              flex: 1 1 auto;
      -webkit-order: 1;
              order: 1;
      text-align: left; } }
  @media screen and (min-width: 1200px) {
    .home__hero-content {
      -webkit-flex: 1 1 auto;
              flex: 1 1 auto;
      -webkit-order: 1;
              order: 1; } }
  .home__hero-content > .btn {
    margin-top: 35px;
    width: 220px; }
    @media screen and (min-width: 1200px) {
      .home__hero-content > .btn {
        width: 330px; } }
  .home__hero-content .home__hero-under-btn {
    margin-top: 15px;
    position: relative;
    display: inline-block;
    color: #35264e; }
    .home__hero-content .home__hero-under-btn strong {
      text-decoration: underline; }
    .home__hero-content .home__hero-under-btn img {
      width: 50px;
      position: absolute;
      bottom: 8px;
      right: -5px;
      -webkit-transform: translateX(100%);
              transform: translateX(100%); }
    @media screen and (min-width: 1200px) {
      .home__hero-content .home__hero-under-btn {
        margin-left: 65px; }
        .home__hero-content .home__hero-under-btn img {
          width: 55px;
          right: -15px; } }

.home__hero-animation {
  -webkit-order: 1;
          order: 1;
  position: relative; }
  @media screen and (min-width: 980px) {
    .home__hero-animation {
      width: 59%;
      -webkit-flex: 1 1 auto;
              flex: 1 1 auto;
      -webkit-order: 2;
              order: 2; } }
  @media screen and (min-width: 1200px) {
    .home__hero-animation {
      width: 60%; } }

.home__hero-subtitle {
  margin: 0 0 20px 0;
  letter-spacing: 1px;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 18px; }

.home__hero-title {
  font-size: 30px;
  line-height: 1em;
  margin: 0 auto 30px auto;
  text-align: center;
  font-weight: 900;
  color: #35264e; }
  .home__hero-title--desktop {
    display: none; }
    @media screen and (min-width: 980px) {
      .home__hero-title--desktop {
        display: block; } }
  @media screen and (min-width: 980px) {
    .home__hero-title--mob {
      display: none; } }
  .home__hero-title span {
    display: inline-block;
    position: relative; }
  .home__hero-title span:after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 7px;
    background-color: #FC1C5B;
    z-index: -1; }
  @media screen and (min-width: 980px) {
    .home__hero-title {
      font-size: 40px;
      margin: 0 0 30px 0;
      text-align: left; } }
  @media screen and (min-width: 1200px) {
    .home__hero-title {
      font-size: 48px; } }
  @media screen and (min-width: 1400px) {
    .home__hero-title {
      font-size: 56px; } }

.home__hero-links {
  margin: 0 auto;
  width: 100%;
  max-width: 400px; }
  @media screen and (min-width: 980px) {
    .home__hero-links {
      margin: 30px 0 0; } }
  @media screen and (min-width: 1200px) {
    .home__hero-links {
      margin-top: 50px; } }
  .home__hero-links li {
    padding: 5px 0; }
    @media screen and (min-width: 1200px) {
      .home__hero-links li {
        padding: 10px 0; } }
  .home__hero-links a {
    font-weight: 500;
    font-size: 14px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
            justify-content: space-between; }
    @media screen and (min-width: 1200px) {
      .home__hero-links a {
        font-size: 18px; } }
  .home__hero-links i {
    font-size: 24px;
    color: #FC1C5B; }

.home__hero-paragraph {
  margin: 0;
  font-size: 16px;
  line-height: 1.4em;
  text-align: center; }
  @media screen and (min-width: 980px) {
    .home__hero-paragraph {
      text-align: left; } }
  @media screen and (min-width: 1200px) {
    .home__hero-paragraph {
      text-align: left;
      font-size: 18px; } }

.home__hero-loading {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  background: #fff; }
  .home__hero-loading img {
    width: 90px;
    margin: 0 0 15px 0; }

.hero-testimonials-section {
  padding: 30px 0 80px;
  position: relative;
  z-index: 10; }
  .hero-testimonials-section .hero-testimonials {
    width: 100%;
    max-width: 900px;
    margin: 40px auto 0;
    padding: 0 20px 40px;
    box-sizing: border-box;
    position: relative; }
    @media screen and (min-width: 800px) {
      .hero-testimonials-section .hero-testimonials {
        margin: 50px auto 0;
        padding-bottom: 0; } }
    @media screen and (min-width: 980px) {
      .hero-testimonials-section .hero-testimonials {
        margin-top: 120px;
        padding: 0; } }
  .hero-testimonials-section .hero-testimonial {
    width: 100%;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    transition: 1.3s opacity; }
    @media screen and (min-width: 768px) {
      .hero-testimonials-section .hero-testimonial {
        -webkit-flex-direction: row;
                flex-direction: row;
        -webkit-align-items: center;
                align-items: center; } }
    .hero-testimonials-section .hero-testimonial:first-of-type {
      position: relative; }
    .hero-testimonials-section .hero-testimonial.active {
      opacity: 100;
      visibility: visible; }
    .hero-testimonials-section .hero-testimonial__img-wrap {
      width: 100%;
      text-align: center;
      margin-bottom: 40px; }
      @media screen and (min-width: 768px) {
        .hero-testimonials-section .hero-testimonial__img-wrap {
          width: 27%;
          margin-bottom: 0; } }
    .hero-testimonials-section .hero-testimonial__img {
      border-radius: 50%;
      -webkit-filter: grayscale(1);
              filter: grayscale(1);
      width: 200px;
      height: 200px; }
      @media screen and (min-width: 768px) {
        .hero-testimonials-section .hero-testimonial__img {
          margin-right: 30px; } }
    .hero-testimonials-section .hero-testimonial__content {
      width: 100%; }
      @media screen and (min-width: 768px) {
        .hero-testimonials-section .hero-testimonial__content {
          width: 73%;
          padding-left: 30px; } }
    .hero-testimonials-section .hero-testimonial blockquote {
      color: #35264e;
      font-size: 24px;
      font-weight: 700;
      line-height: 1.4;
      padding: 0;
      border: none;
      position: relative; }
    .hero-testimonials-section .hero-testimonial .quote {
      color: #35264e;
      position: absolute;
      font-size: 80px;
      line-height: 0; }
      .hero-testimonials-section .hero-testimonial .quote--open {
        top: 0;
        left: 0;
        -webkit-transform: translateY(-100%);
                transform: translateY(-100%); }
        @media screen and (min-width: 768px) {
          .hero-testimonials-section .hero-testimonial .quote--open {
            -webkit-transform: translateX(-100%) translateY(-100%);
                    transform: translateX(-100%) translateY(-100%); } }
      .hero-testimonials-section .hero-testimonial .quote--close {
        bottom: 0;
        right: 0; }
    .hero-testimonials-section .hero-testimonial cite {
      font-weight: 300;
      color: #35264e;
      font-size: 15px; }
    .hero-testimonials-section .hero-testimonial cite span {
      display: block;
      font-weight: 600; }
    .hero-testimonials-section .hero-testimonial__stars i {
      margin-top: 10px;
      margin-right: 3px;
      color: #42FF0F;
      font-size: 24px; }

.hero__testimonials {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  margin: 40px 0 60px; }
  @media screen and (min-width: 768px) {
    .hero__testimonials {
      -webkit-flex-direction: row;
              flex-direction: row; } }
  .hero__testimonials li {
    border-bottom: 1px solid #bbb;
    padding-bottom: 20px;
    margin-bottom: 20px;
    opacity: 0;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards; }
    .hero__testimonials li:last-child {
      margin-bottom: 0;
      padding-bottom: 0;
      border-bottom: none; }
    .hero__testimonials li:nth-child(2) {
      -webkit-animation-delay: 0.3s;
              animation-delay: 0.3s; }
    .hero__testimonials li:nth-child(3) {
      -webkit-animation-delay: 0.6s;
              animation-delay: 0.6s; }
    @media screen and (min-width: 768px) {
      .hero__testimonials li {
        border-bottom: none;
        border-right: 1px solid #bbb;
        padding: 20px 30px 20px 0;
        margin: 0 30px 0 0; }
        .hero__testimonials li:last-child {
          margin-right: 0;
          padding-right: 0;
          border-right: none; } }
  .hero__testimonials blockquote {
    color: #35264e;
    font-size: 15px;
    line-height: 1.4;
    padding: 0;
    border: none;
    position: relative; }
  .hero__testimonials .quote {
    color: #35264e;
    position: absolute;
    font-size: 80px;
    line-height: 0; }
    .hero__testimonials .quote--open {
      top: 0;
      left: 0;
      -webkit-transform: translateY(-100%);
              transform: translateY(-100%); }
      @media screen and (min-width: 768px) {
        .hero__testimonials .quote--open {
          -webkit-transform: translateX(-100%) translateY(-100%);
                  transform: translateX(-100%) translateY(-100%); } }
    .hero__testimonials .quote--close {
      bottom: 0;
      right: 0; }
  .hero__testimonials cite {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    font-weight: 600;
    color: #35264e;
    font-size: 15px; }
  .hero__testimonials cite img {
    width: 40px;
    margin-right: 10px; }

.home__hero-loading-inner {
  width: 80%;
  margin: 0 auto;
  font-size: 16px; }

.home__hero-login {
  position: relative;
  background: #fff;
  padding: 15px 20px;
  text-align: center;
  box-shadow: 0 2.8px 2.5px rgba(0, 0, 0, 0.011), 0 6.7px 5.9px rgba(0, 0, 0, 0.016), 0 12.5px 11.1px rgba(0, 0, 0, 0.02), 0 22.3px 19.9px rgba(0, 0, 0, 0.024), 0 41.8px 37.2px rgba(0, 0, 0, 0.029), 0 100px 89px rgba(0, 0, 0, 0.04); }
  .home__hero-login .signup-title {
    font-weight: 700;
    margin: -5px 0 20px; }
  .home__hero-login .btn {
    width: 100%; }
  .home__hero-login .btn + .btn {
    margin-top: 10px;
    display: block; }
  .home__hero-login .control-group {
    margin: 0; }
    .home__hero-login .control-group input:focus,
    .home__hero-login .control-group select:focus,
    .home__hero-login .control-group textarea:focus {
      border-color: #FC1C5B; }
  .home__hero-login .help-inline {
    position: relative;
    margin: 10px 0 10px 0;
    background: #22133C; }
    .home__hero-login .help-inline::after {
      content: '';
      position: absolute;
      top: -5px;
      left: 50%;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 5px 5px 5px;
      border-color: transparent transparent #22133C transparent; }
  @media screen and (min-width: 768px) {
    .home__hero-login {
      padding: 25px 30px; } }
  @media screen and (min-width: 980px) {
    .home__hero-login {
      padding: 20px 25px 20px 25px; } }
  @media screen and (min-width: 1200px) {
    .home__hero-login {
      padding: 35px 35px 25px 35px; } }

.home__hero-login-form {
  margin: 0 0 15px 0; }
  .home__hero-login-form .id-login-btn {
    margin-top: 10px;
    width: 100%; }

.home__hero-login-title {
  font-size: 12px;
  line-height: 1.2em;
  margin: 0 0 15px 0; }
  @media screen and (min-width: 768px) {
    .home__hero-login-title {
      font-size: 17px; } }

.home__hero-login-btn {
  width: 100%; }

.home-hero__login-secure img {
  display: inline-block;
  vertical-align: text-bottom;
  margin: 0 10px 0 0; }

.home-hero__login-secure a {
  font-weight: 400; }

.home__hero-animation video {
  max-width: 100%; }

.home__hero-animation-video-wrap {
  position: absolute;
  left: 11.5%;
  top: 13.5%;
  width: 77%;
  height: 81.3%;
  overflow: hidden; }

.home__hero-animation-wrap {
  position: relative; }

.home__hero-animation-ipad {
  position: relative;
  width: 100%; }
  @media screen and (min-width: 768px) {
    .home__hero-animation-ipad {
      -webkit-filter: drop-shadow(0 39px 63px rgba(34, 19, 60, 0.25));
      filter: drop-shadow(0 39px 63px rgba(34, 19, 60, 0.25)); } }

.home__hero-animation-iphone {
  position: absolute;
  right: -10px;
  bottom: -10px;
  width: 22%;
  z-index: 3;
  -webkit-filter: drop-shadow(10px 18px 30px rgba(34, 19, 60, 0.15)) drop-shadow(4px 4px 4px rgba(34, 19, 60, 0.15));
  filter: drop-shadow(10px 18px 30px rgba(34, 19, 60, 0.15)) drop-shadow(4px 4px 4px rgba(34, 19, 60, 0.15)); }

.home__hero-animation-iphone--img {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-animation: pulse 9s;
          animation: pulse 9s; }

.home__hero-animation-image,
.home__hero-animation-video {
  position: absolute;
  left: -2px;
  top: -2px;
  width: calc(100% + 4px); }
  .home__hero-animation-image video,
  .home__hero-animation-video video {
    position: static;
    width: 100%;
    height: auto; }

@-webkit-keyframes cf3FadeInOut {
  0% {
    opacity: 0; }
  33% {
    opacity: 0; }
  38% {
    opacity: 1; }
  100% {
    opacity: 1; } }

@keyframes cf3FadeInOut {
  0% {
    opacity: 0; }
  33% {
    opacity: 0; }
  38% {
    opacity: 1; }
  100% {
    opacity: 1; } }

.home__hero-animation-iphone--img {
  -webkit-animation-name: cf3FadeInOut;
          animation-name: cf3FadeInOut;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-duration: 18s;
          animation-duration: 18s;
  -webkit-animation-direction: linear;
          animation-direction: linear;
  -webkit-animation-delay: 0s;
          animation-delay: 0s; }

.home__hero-animation-iphone--img:nth-child(1) {
  -webkit-animation-delay: 0;
          animation-delay: 0; }

.home__hero-animation-iphone--img:nth-child(2) {
  -webkit-animation-delay: 6s;
          animation-delay: 6s; }

.home__hero-animation-iphone--img:nth-child(3) {
  -webkit-animation-delay: 12s;
          animation-delay: 12s; }

/*

--------- FEATURES ---------

*/
.home__features {
  padding: 100px 0 40px 0;
  background: #fff; }
  @media screen and (min-width: 768px) {
    .home__features {
      padding: 130px 0 70px 0; } }
  @media screen and (min-width: 1200px) {
    .home__features {
      padding: 160px 0 100px 0; } }

.home__features-title {
  font-size: 28px;
  line-height: 1;
  font-weight: 900;
  margin: 0 auto 20px auto;
  text-align: center; }
  @media screen and (min-width: 980px) {
    .home__features-title {
      font-size: 40px;
      max-width: 800px;
      width: 90%;
      margin: 0 auto 40px auto; } }
  @media screen and (min-width: 1200px) {
    .home__features-title {
      font-size: 48px;
      margin-bottom: 50px; } }

@media screen and (min-width: 480px) {
  .home__features-list {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: space-around;
            justify-content: space-around;
    -webkit-align-items: stretch;
            align-items: stretch; } }

.home__feature {
  display: -webkit-flex;
  display: flex;
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  max-width: 360px; }
  @media screen and (min-width: 480px) {
    .home__feature {
      width: 50%; } }
  @media screen and (min-width: 768px) {
    .home__feature {
      width: 33.333%;
      padding: 30px 20px; } }
  .home__feature > div {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: flex-start;
            align-items: flex-start; }
  .home__feature h6 {
    font-weight: 700;
    font-size: 24px;
    line-height: 1.1; }
  .home__feature-img-wrap {
    height: 120px; }
  .home__feature img {
    max-height: 120px;
    display: block;
    margin: 0 auto 20px; }
  .home__feature p {
    font-size: 14px;
    margin-bottom: 20px; }
  .home__feature a {
    margin-top: auto; }

.btn-border-animate {
  position: relative;
  padding: 14px 18px 14px 30px;
  font-weight: 600;
  font-size: 16px; }
  .btn-border-animate__icon {
    padding: 2px 2px 2px 0;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: -1px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 20px;
    z-index: 10;
    transition: .3s; }
  .btn-border-animate--purple {
    color: #35264e;
    transition: .3s; }
  .btn-border-animate:hover {
    color: #FC1C5B; }
  .btn-border-animate:hover .btn-border-animate__icon {
    fill: #FC1C5B; }
  .btn-border-animate__borders1, .btn-border-animate__borders2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none; }
  .btn-border-animate__borders1:before, .btn-border-animate__borders1:after, .btn-border-animate__borders2:before, .btn-border-animate:before, .btn-border-animate:after {
    content: "";
    position: absolute;
    left: 0;
    background-color: #FC1C5B; }
  .btn-border-animate:before {
    bottom: 50%;
    width: 2px;
    height: 0;
    transition: .3s 1.1s linear; }
  .btn-border-animate:after {
    top: 0;
    width: 0;
    height: 2px;
    transition: .3s .8s linear; }
  .btn-border-animate__borders1:before {
    left: auto;
    top: 0;
    right: 0;
    width: 2px;
    height: 0;
    transition: .2s .6s linear; }
  .btn-border-animate__borders1:after {
    left: auto;
    top: auto;
    bottom: 0;
    right: 0;
    width: 0;
    height: 2px;
    transition: .3s .3s linear; }
  .btn-border-animate__borders2:before {
    left: 0;
    bottom: 0;
    top: auto;
    height: 0;
    width: 2px;
    transition: .3s linear; }
  .btn-border-animate:hover:before {
    height: 50%;
    transition: .3s linear; }
  .btn-border-animate:hover:after {
    width: 100%;
    transition: .3s .3s linear; }
  .btn-border-animate:hover .btn-border-animate__borders1:before {
    height: 100%;
    transition: .2s .6s linear; }
  .btn-border-animate:hover .btn-border-animate__borders1:after {
    width: 100%;
    transition: .3s .8s linear; }
  .btn-border-animate:hover .btn-border-animate__borders2:before {
    height: 50%;
    transition: .3s 1.1s linear; }

.home__video-content-inner {
  max-width: none;
  text-align: center; }

.home__video-title {
  color: #fff;
  font-size: 24px;
  line-height: 1em;
  font-weight: 800;
  margin: 0 0 10px 0; }
  @media screen and (min-width: 768px) {
    .home__video-title {
      font-size: 37px;
      margin: 0 0 20px 0; } }
  @media screen and (min-width: 1200px) {
    .home__video-title {
      font-size: 42px; } }

.home__video-paragraph {
  color: #fff;
  font-size: 14px;
  line-height: 1.4em;
  margin: 0; }
  @media screen and (min-width: 768px) {
    .home__video-paragraph {
      font-size: 18px; } }

.home__video-icon {
  width: 40px;
  height: 40px;
  border: 1px solid #fff;
  border-radius: 50px;
  text-align: center;
  display: inline-block; }
  .home__video-icon img {
    width: 30%;
    margin: 28% -8% 0 0;
    display: inline-block; }

.home__video-right {
  width: 100%;
  -webkit-flex: 1 1 auto;
          flex: 1 1 auto;
  position: relative; }
  .home__video-right img {
    width: 100%; }
  @media screen and (min-width: 768px) {
    .home__video-right {
      width: 65%; } }
  @media screen and (min-width: 980px) {
    .home__video-right {
      width: 65%; } }

.home__video-wrap {
  position: absolute;
  padding: 0 0 44.6% 0;
  left: 11%;
  top: 4.5%;
  width: 77.9%;
  border-radius: 9px 9px 0 0;
  overflow: hidden;
  z-index: 3; }
  .home__video-wrap iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%; }

/*

--------- TIPS ---------

*/
.home__tips {
  padding: 40px 0;
  background: #fff; }
  @media screen and (min-width: 768px) {
    .home__tips {
      padding: 70px 0 40px; } }
  @media screen and (min-width: 1200px) {
    .home__tips {
      padding: 100px 0 70px; } }

.home__inner--login .home__tips {
  padding: 100px 0 40px 0;
  background: #fff; }
  @media screen and (min-width: 768px) {
    .home__inner--login .home__tips {
      padding: 130px 0 70px 0; } }
  @media screen and (min-width: 1200px) {
    .home__inner--login .home__tips {
      padding: 160px 0 100px 0; } }

.home__tips-title {
  font-size: 28px;
  line-height: 1;
  font-weight: 900;
  margin: 0 auto 40px auto;
  text-align: center; }
  @media screen and (min-width: 980px) {
    .home__tips-title {
      font-size: 40px;
      width: 90%;
      max-width: 800px;
      margin: 0 auto 70px auto; } }
  @media screen and (min-width: 1200px) {
    .home__tips-title {
      font-size: 48px;
      margin: 0 auto 100px auto; } }

.home__tips-inner {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0; }

.home__tips-blogs {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap; }
  @media screen and (min-width: 1200px) {
    .home__tips-blogs {
      width: 66.666%; } }

.home__tips-blogs--full {
  width: 100%; }

@media screen and (min-width: 1200px) {
  .home__tips-blogs--full .home__tips-blog-wrap {
    width: 33.333%; } }

.home__tips-blog-wrap {
  display: -webkit-flex;
  display: flex;
  width: 100%;
  padding: 15px;
  box-sizing: border-box; }
  @media screen and (min-width: 600px) {
    .home__tips-blog-wrap {
      width: 50%; } }

.home__tips-blog {
  -webkit-order: 2;
          order: 2;
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  background: #fff;
  box-shadow: 0 2.8px 2.5px rgba(0, 0, 0, 0.011), 0 6.7px 5.9px rgba(0, 0, 0, 0.016), 0 12.5px 11.1px rgba(0, 0, 0, 0.02), 0 22.3px 19.9px rgba(0, 0, 0, 0.024), 0 41.8px 37.2px rgba(0, 0, 0, 0.029), 0 100px 89px rgba(0, 0, 0, 0.04);
  transition: all 0.25s ease-in-out;
  border: 1px solid rgba(0, 0, 0, 0.07); }
  .home__tips-blog:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05); }
    .home__tips-blog:hover .home__tips-blog-image {
      opacity: 0.8; }
    .home__tips-blog:hover .home__tips-blog-title {
      color: #FC1C5B; }
    .home__tips-blog:hover button {
      color: #FC1C5B; }
    .home__tips-blog:hover button svg {
      fill: #FC1C5B; }

.home__tips-blog-image {
  transition: all 0.25s ease-in-out;
  background-size: cover;
  background-position: 50% 50%; }
  .home__tips-blog-image::after {
    content: '';
    padding: 0 0 70% 0;
    display: block; }

.home__tips-blog-content {
  padding: 30px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-flex: 1;
          flex: 1; }
  .home__tips-blog-content button {
    -webkit-appearance: none;
    background: none;
    border: none;
    margin-top: auto; }

.home__tips-blog-title {
  font-size: 22px;
  font-weight: 800;
  margin: 0 0 15px 0;
  transition: .3s; }
  @media screen and (min-width: 1200px) {
    .home__tips-blog-title {
      font-size: 25px; } }

.home__tips-blog-date {
  font-size: 12px;
  margin-bottom: 10px; }

.home__tips-blog-paragraph {
  font-size: 14px;
  line-height: 1.4em;
  margin: 0 0 20px; }
  @media screen and (min-width: 1200px) {
    .home__tips-blog-paragraph {
      font-size: 17px; } }

.home__tips-blog-bottom {
  padding: 30px;
  margin: auto 0 0 0; }

.home__tips-picks-wrap {
  display: -webkit-flex;
  display: flex;
  width: 100%;
  padding: 15px;
  box-sizing: border-box; }
  @media screen and (min-width: 1200px) {
    .home__tips-picks-wrap {
      width: 33.333%; } }

.home__tips-picks {
  -webkit-order: 1;
          order: 1;
  width: 100%;
  -webkit-flex: 1 1 auto;
          flex: 1 1 auto;
  background: #fff;
  padding: 30px;
  box-shadow: 0 2.8px 2.5px rgba(0, 0, 0, 0.011), 0 6.7px 5.9px rgba(0, 0, 0, 0.016), 0 12.5px 11.1px rgba(0, 0, 0, 0.02), 0 22.3px 19.9px rgba(0, 0, 0, 0.024), 0 41.8px 37.2px rgba(0, 0, 0, 0.029), 0 100px 89px rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.07); }
  .home__tips-picks .fffPitch {
    margin-bottom: 0; }
  .home__tips-picks #fff {
    height: auto; }

.home__tips-picks-pitch--active #fff {
  opacity: 0.3;
  pointer-events: none; }

.countdown-timer {
  position: absolute;
  width: 90%;
  max-width: 260px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #fff;
  padding: 20px;
  box-sizing: border-box;
  box-shadow: 0 5px 25px rgba(17, 17, 17, 0.13);
  z-index: 10;
  text-align: center; }

.countdown-timer__title {
  font-weight: 600;
  color: #22133C;
  margin: 0 0 20px 0;
  font-size: 20px;
  line-height: 20px; }

#home__picksCountdown {
  display: block;
  color: #22133C;
  font-weight: 800;
  font-size: 35px;
  padding: 1px;
  text-align: center;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  border-right: 0;
  margin: 10px 0 0 0;
  width: 100%; }
  #home__picksCountdown .time-wrap {
    padding: 5px 5px;
    box-sizing: border-box;
    white-space: nowrap; }
    #home__picksCountdown .time-wrap * {
      display: inline-block; }

.home__tips-picks-title {
  text-align: center;
  font-weight: 800;
  font-size: 24px;
  line-height: 1;
  margin: 0 0 30px 0;
  padding-bottom: 30px;
  border-bottom: 1px solid #ddd; }
  @media screen and (min-width: 768px) {
    .home__tips-picks-title {
      font-size: 34px;
      margin: 0 0 40px 0; } }

.home__tips-picks-inner {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap; }

.home__tips-picks-pitch {
  width: 100%;
  -webkit-flex: 1 1 auto;
          flex: 1 1 auto;
  position: relative; }
  .home__tips-picks-pitch img {
    display: block;
    width: auto;
    margin: 0 auto; }
  @media screen and (min-width: 768px) {
    .home__tips-picks-pitch {
      width: 55%; } }
  @media screen and (min-width: 1200px) {
    .home__tips-picks-pitch {
      width: 50%; } }

.home__tips-picks-countdown {
  margin: 0 0 20px 0; }
  @media screen and (min-width: 768px) {
    .home__tips-picks-countdown {
      margin: 0; } }

.home__tips-picks-info {
  width: 100%;
  -webkit-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: center;
  padding: 30px 0 0 0; }

.home__tips-picks-score {
  padding: 10px 30px;
  margin: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  text-align: left;
  border-bottom: 1px solid #ddd; }

.home__tips-picks-label {
  font-size: 14px;
  line-height: 1.2em;
  padding-right: 20px; }
  @media screen and (min-width: 768px) {
    .home__tips-picks-label {
      font-size: 17px; } }

.home__tips-picks-number {
  color: #22133C;
  font-size: 40px;
  font-weight: 800;
  line-height: 1.2em; }

/* Twitter Landing Page variation */
.home__hero-anim-slides {
  position: absolute;
  left: 11.5%;
  top: 13.5%;
  width: 77%;
  height: 81.3%;
  overflow: hidden; }

.home__hero-anim-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
  text-align: center;
  width: 100%; }
  .home__hero-anim-bg img {
    max-width: 30%; }
  .home__hero-anim-bg p {
    font-weight: 900;
    font-size: 30px;
    line-height: 1;
    color: #35264e;
    margin-top: 20px; }
    @media screen and (min-width: 600px) {
      .home__hero-anim-bg p {
        font-size: 50px; } }
    @media screen and (min-width: 1200px) {
      .home__hero-anim-bg p {
        font-size: 80px; } }

.home__hero-anim-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }
  .home__hero-anim-slide.animate {
    -webkit-animation-name: heroSlideAway;
            animation-name: heroSlideAway;
    -webkit-animation-duration: 1.5s;
            animation-duration: 1.5s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards; }

.anim-slide__main,
.anim-slide__modal {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateX(100%);
          transform: translateX(100%); }
  .anim-slide__main.animate,
  .anim-slide__modal.animate {
    -webkit-animation-name: heroSlideMain;
            animation-name: heroSlideMain;
    -webkit-animation-duration: 1.5s;
            animation-duration: 1.5s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards; }

.home__hero-anim-slide--1 .anim-slide__main {
  -webkit-animation-delay: 1s;
          animation-delay: 1s; }

.home__hero-anim-slide--1 .anim-slide__modal {
  -webkit-animation-delay: 4s;
          animation-delay: 4s; }

.home__hero-anim-slide--1 {
  -webkit-animation-delay: 8s;
          animation-delay: 8s; }

.home__hero-anim-slide--2 .anim-slide__main {
  -webkit-animation-delay: 9s;
          animation-delay: 9s; }

.home__hero-anim-slide--2 .anim-slide__modal {
  -webkit-animation-delay: 13s;
          animation-delay: 13s; }

.home__hero-anim-slide--2 {
  -webkit-animation-delay: 17s;
          animation-delay: 17s; }

.home__hero-anim-slide--3 .anim-slide__main {
  -webkit-animation-delay: 18s;
          animation-delay: 18s; }

.home__hero-anim-slide--3 .anim-slide__modal {
  -webkit-animation-delay: 22s;
          animation-delay: 22s; }

.home__hero-anim-slide--3 {
  -webkit-animation-delay: 26s;
          animation-delay: 26s; }

.home__hero-anim-slide--4 .anim-slide__main {
  -webkit-animation-delay: 27s;
          animation-delay: 27s; }

.home__hero-anim-slide--4 .anim-slide__modal {
  -webkit-animation-delay: 31s;
          animation-delay: 31s; }

.home__hero-anim-slide--4 {
  -webkit-animation-delay: 35s;
          animation-delay: 35s; }

.home__hero-anim-slide--5 .anim-slide__main {
  -webkit-animation-delay: 36s;
          animation-delay: 36s; }

.home__hero-anim-slide--5 .anim-slide__modal {
  -webkit-animation-delay: 40s;
          animation-delay: 40s; }

.home__hero-anim-slide--5 {
  -webkit-animation-delay: 44s;
          animation-delay: 44s; }

@-webkit-keyframes heroSlideMain {
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes heroSlideMain {
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@-webkit-keyframes heroSlideAway {
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); } }

@keyframes heroSlideAway {
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); } }

.home-twitter .home__features {
  margin-top: 50px; }

.home-twitter .fix-features__feature-outer.left {
  background-color: transparent; }

.home-twitter .fix-features__feature-img {
  top: 15%; }

.home-twitter .fix-feature__list .container {
  max-width: 1100px; }

.invite-row {
  margin-left: 0 !important; }
  .invite-row__wrapper {
    padding: 1rem;
    background-color: white;
    z-index: 9999;
    margin-bottom: 30px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    z-index: 999;
    position: relative;
    box-shadow: 0 2.8px 2.5px rgba(255, 0, 0, 0.011), 0 1.7px 5.9px rgba(0, 0, 0, 0.016), 0 2.5px 11.1px rgba(0, 0, 0, 0.02), 0 2.3px 19.9px rgba(0, 0, 0, 0.024), 0 1.8px 37.2px rgba(0, 0, 0, 0.029), 0 100px 89px rgba(0, 0, 0, 0.04); }
    .invite-row__wrapper::after {
      background: white;
      content: '';
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: -1; }
  .invite-row__elem-wrapper {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-align-items: center;
            align-items: center; }
    @media only screen and (min-width: 767px) {
      .invite-row__elem-wrapper {
        -webkit-flex-wrap: nowrap;
                flex-wrap: nowrap;
        width: 65%; } }
    @media only screen and (min-width: 980px) {
      .invite-row__elem-wrapper {
        width: 75%; } }
  .invite-row__icon-wrapper {
    margin: 0 auto 1.25rem auto; }
    @media only screen and (min-width: 767px) {
      .invite-row__icon-wrapper {
        margin: 0 1.25rem 0 0; } }
  .invite-row__icon {
    background: #EFEFEF;
    padding: 0.75rem;
    display: inline-block;
    display: block;
    border-radius: 50%;
    width: 22px; }
  .invite-row__content {
    -webkit-flex-grow: 1;
            flex-grow: 1;
    text-align: center; }
    @media only screen and (min-width: 767px) {
      .invite-row__content {
        text-align: left; } }
  .invite-row__heading {
    font-weight: 700;
    color: #22133C;
    font-size: 20px;
    margin-bottom: 0.125rem; }
  .invite-row__heading span {
    position: relative; }
  .invite-row__heading span:after {
    content: "";
    position: absolute;
    top: 84%;
    left: 0;
    height: 3px;
    width: 100%;
    background-color: #FC1C5B; }
  .invite-row__copy {
    margin: 0.75rem 0 1rem 0; }
    @media only screen and (min-width: 767px) {
      .invite-row__copy {
        margin: 0; } }
  .invite-row__btn-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-grow: 1;
            flex-grow: 1;
    display: flex;
    -webkit-justify-content: center;
            justify-content: center; }
    @media only screen and (min-width: 767px) {
      .invite-row__btn-wrapper {
        -webkit-justify-content: flex-end;
                justify-content: flex-end;
        -webkit-align-items: flex-start;
                align-items: flex-start; } }

.btn-watchlist {
  width: 16px;
  height: 16px;
  display: block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23fc1d5b' d='M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z'/%3E%3C/svg%3E%0A");
  transition: all .3s ease-in-out; }

.btn-watchlist.added {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23fc1d5b' d='M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z'/%3E%3C/svg%3E%0A"); }

table.player-price-all .mobile-title, table.player-price-watch-list .mobile-title {
  display: none; }
  @media screen and (max-width: 1199px) {
    table.player-price-all .mobile-title, table.player-price-watch-list .mobile-title {
      display: block; } }

table.player-price-all .other-title, table.player-price-watch-list .other-title {
  display: block; }
  @media screen and (max-width: 1199px) {
    table.player-price-all .other-title, table.player-price-watch-list .other-title {
      display: none; } }

table.player-price-all thead tr th:nth-of-type(2), table.player-price-all tbody tr td:nth-of-type(2), table.player-price-watch-list thead tr th:nth-of-type(2), table.player-price-watch-list tbody tr td:nth-of-type(2) {
  max-width: 25px !important;
  width: 25px !important; }

@media screen and (max-width: 768px) {
  table.player-price-all thead tr th:nth-of-type(1), table.player-price-all tbody tr td:nth-of-type(1),
  table.player-price-watch-list thead tr th:nth-of-type(1), table.player-price-watch-list tbody tr td:nth-of-type(1) {
    display: table-cell !important; }
  table.player-price-all thead tr th:nth-of-type(3), table.player-price-all tbody tr td:nth-of-type(3),
  table.player-price-watch-list thead tr th:nth-of-type(3), table.player-price-watch-list tbody tr td:nth-of-type(3) {
    display: none; }
  table.player-price-all tbody tr td:first-child, table.player-price-watch-list tbody tr td:first-child {
    width: 95px !important;
    min-width: 95px !important; }
  table.player-price-all thead tr th:nth-of-type(8), table.player-price-all tbody tr td:nth-of-type(8) {
    display: table-cell !important; }
  table.player-price-all thead tr th:nth-of-type(10), table.player-price-all tbody tr td:nth-of-type(10) {
    display: table-cell !important; } }

@media screen and (min-width: 769px) {
  table.player-price-all thead tr th:nth-of-type(1), table.player-price-all tbody tr td:nth-of-type(1),
  table.player-price-watch-list thead tr th:nth-of-type(1), table.player-price-watch-list tbody tr td:nth-of-type(1) {
    display: none !important; }
  table.player-price-all thead tr th:nth-of-type(3), table.player-price-all tbody tr td:nth-of-type(3),
  table.player-price-watch-list thead tr th:nth-of-type(3), table.player-price-watch-list tbody tr td:nth-of-type(3) {
    display: table-cell !important; }
  table.player-price-all thead tr th:nth-of-type(1), table.player-price-watch-list thead tr th:nth-of-type(1) {
    width: 19%; }
  table.player-price-all thead tr th:nth-of-type(2), table.player-price-watch-list thead tr th:nth-of-type(2) {
    width: 8%; }
  table.player-price-all thead tr th:nth-of-type(3), table.player-price-watch-list thead tr th:nth-of-type(3) {
    width: 19%; }
  table.player-price-all thead tr th:nth-of-type(4), table.player-price-watch-list thead tr th:nth-of-type(4) {
    width: 9%; }
  table.player-price-all thead tr th:nth-of-type(5), table.player-price-watch-list thead tr th:nth-of-type(5) {
    width: 9%; }
  table.player-price-all thead tr th:nth-of-type(6), table.player-price-watch-list thead tr th:nth-of-type(6) {
    width: 9%; }
  table.player-price-all thead tr th:nth-of-type(7), table.player-price-watch-list thead tr th:nth-of-type(7) {
    width: 8%; }
  table.player-price-all thead tr th:nth-of-type(8), table.player-price-watch-list thead tr th:nth-of-type(8) {
    width: 9%; }
  table.player-price-all thead tr th:nth-of-type(9), table.player-price-watch-list thead tr th:nth-of-type(9) {
    width: 10%; }
  table.player-price-all thead tr th:nth-of-type(10), table.player-price-watch-list thead tr th:nth-of-type(10) {
    width: 9%; }
  table.player-price-all thead tr th:nth-of-type(11), table.player-price-watch-list thead tr th:nth-of-type(11) {
    width: 9%; } }

.rivals-add__error {
  margin-bottom: 10px;
  margin-top: -15px;
  color: #ff0000;
  text-align: center; }

.rivals-add__container {
  padding: 1rem 2rem;
  margin-bottom: 2rem;
  text-align: center;
  background: #ffffff;
  box-shadow: 0 2.8px 2.5px rgba(0, 0, 0, 0.011), 0 6.7px 5.9px rgba(0, 0, 0, 0.016), 0 12.5px 11.1px rgba(0, 0, 0, 0.02), 0 22.3px 19.9px rgba(0, 0, 0, 0.024), 0 41.8px 37.2px rgba(0, 0, 0, 0.029), 0 100px 89px rgba(0, 0, 0, 0.04); }
  @media only screen and (min-width: 767px) {
    .rivals-add__container {
      padding: 2rem; } }
  @media only screen and (min-width: 980px) {
    .rivals-add__container {
      padding: 2rem; } }
  .rivals-add__container--inner {
    width: 100%;
    margin: 0 auto;
    padding: 1rem 0; }
    @media only screen and (min-width: 980px) {
      .rivals-add__container--inner {
        width: 80%; } }

.rivals-add__text--title {
  font-weight: 900;
  text-align: center;
  margin: 25px auto;
  font-size: 24px;
  line-height: 24px; }
  @media only screen and (min-width: 767px) {
    .rivals-add__text--title {
      font-size: 26px;
      line-height: 26px; } }
  @media only screen and (min-width: 980px) {
    .rivals-add__text--title {
      font-size: 28px;
      line-height: 28px; } }

.rivals-add__text--plain {
  font-size: 12.5px; }
  @media only screen and (min-width: 767px) {
    .rivals-add__text--plain {
      font-size: 15.5px; } }

.rivals-add__text--copy {
  font-size: 12.5px;
  margin: 33px 0; }
  @media only screen and (min-width: 767px) {
    .rivals-add__text--copy {
      font-size: 15.5px; } }

.rivals-add__link a {
  font-size: 13px;
  font-weight: 600; }
  @media only screen and (min-width: 980px) {
    .rivals-add__link a {
      font-size: 16px; } }

.rivals-add__link--btn {
  background: transparent;
  border: 0;
  margin-left: 15px; }
  .rivals-add__link--btn span {
    margin-left: 5px;
    color: #555560; }

.rivals-add__rule {
  margin: 21px 0; }
  @media only screen and (min-width: 980px) {
    .rivals-add__rule {
      margin: 42px 0; } }

@media only screen and (min-width: 980px) {
  .rivals-add__form {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-align-items: center;
            align-items: center; } }

.rivals-add__input {
  width: 100%;
  max-width: 600px;
  margin-bottom: 1rem;
  box-shadow: none !important;
  border: 1px solid #e2e2e2; }
  .rivals-add__input--container {
    width: 100%;
    max-width: 600px;
    margin-bottom: 1rem; }
  .rivals-add__input .select2-search {
    padding: 0; }
    .rivals-add__input .select2-search input {
      background: #efefef !important; }
  .rivals-add__input ul li:hover {
    background: #f1f1f1; }

.rivals-add__result {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  border-bottom: 1px solid #ececec;
  padding: 0.25rem 0;
  margin: 0 -1rem; }
  .rivals-add__result--name {
    width: 66.6%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    padding: 0 1rem;
    box-sizing: border-box; }
  .rivals-add__result--username {
    width: 100%;
    font-weight: 400;
    font-size: 15px; }
  .rivals-add__result--teamname {
    width: 100%; }
  .rivals-add__result--fantasy {
    width: 33.3%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    padding: 0 1rem;
    box-sizing: border-box;
    text-align: right;
    -webkit-justify-content: flex-end;
            justify-content: flex-end; }

.rivals-card__players-title {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  position: relative;
  margin: 10px auto; }
  .rivals-card__players-title--space {
    padding: 0 20px; }
  .rivals-card__players-title::before {
    content: '';
    background: #b4b4b5;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 0; }
  .rivals-card__players-title--text {
    background: #fff;
    color: #22133C;
    padding: 0 10px;
    z-index: 1;
    text-transform: uppercase; }

.rivals-card--players h6 {
  color: #22133C;
  text-transform: capitalize !important;
  font-size: 1.3em;
  font-weight: 400; }

.rivals-card--players .rival-team {
  font-size: 13px;
  font-weight: 200;
  margin-top: 5px; }

.rivals-card--players .captain-badge {
  margin-left: 10px; }
  .rivals-card--players .captain-badge img {
    border-radius: 50%;
    display: block; }

.rivals-card--players .rival-player {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center; }
  .rivals-card--players .rival-player.pink {
    color: #FC1C5B; }
  .rivals-card--players .rival-player .played {
    display: inline-block;
    width: 13px;
    height: 13px;
    text-align: center;
    margin-right: 7px; }
    .rivals-card--players .rival-player .played i {
      display: block; }
    .rivals-card--players .rival-player .played.dash {
      position: relative; }
      .rivals-card--players .rival-player .played.dash::before {
        position: absolute;
        content: "-";
        color: inherit !important;
        display: block;
        left: 0;
        right: 0;
        top: 0;
        margin: 0 auto;
        color: #22133C;
        height: 13px;
        vertical: center;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
                align-items: center;
        -webkit-justify-content: center;
                justify-content: center; }
  .rivals-card--players .rival-player .player-icon {
    display: -webkit-flex;
    display: flex;
    width: 16px;
    height: 14px;
    margin-right: 7px; }
    .rivals-card--players .rival-player .player-icon img {
      width: 100%;
      height: auto; }

.rivals-card--stats h6 {
  color: #22133C; }

/* -- Select2 - CSS Fix -- */
.select2-drop-mask {
  z-index: 50 !important; }

.rivals-add__input {
  z-index: 51 !important; }

.rivals-add__input.select2-drop-above.select2-drop-active {
  -webkit-transform: translateY(100%) !important;
          transform: translateY(100%) !important;
  margin-top: 45px !important; }

.rivals-add__input--container .select2-choices .select2-search-field input {
  width: 100% !important; }

.rivals-add__input--container .select2-choices .select2-search-field {
  width: 100% !important; }

.rivals-add__input--container .select2-choices .select2-search-field input.select2-active {
  width: 100% !important; }

/* ---------------------------------
 Link Team / Reload2 Pages
 --------------------------------- */
.link-team h2 {
  text-align: center;
  font-weight: 900;
  font-size: 24px;
  line-height: 1;
  padding-bottom: 30px;
  border-bottom: 1px solid #eee;
  margin: 20px auto 0;
  max-width: 650px; }
  @media screen and (min-width: 980px) {
    .link-team h2 {
      font-size: 32px; } }

.link-team .skip-link {
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
  padding: 15px 0;
  display: block; }
  @media screen and (min-width: 980px) {
    .link-team .skip-link {
      margin-top: 40px; } }
  .link-team .skip-link i {
    color: #FC1C5B; }

.link-options {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column; }
  @media screen and (min-width: 768px) {
    .link-options {
      -webkit-flex-direction: row;
              flex-direction: row;
      margin-top: 30px;
      margin-left: -10px;
      margin-right: -10px; } }
  @media screen and (min-width: 1200px) {
    .link-options {
      margin-left: -15px;
      margin-right: -15px; } }

.link-option {
  display: -webkit-flex;
  display: flex;
  margin-bottom: 20px; }
  @media screen and (min-width: 768px) {
    .link-option {
      -webkit-flex: 1;
              flex: 1;
      padding: 0 10px; } }
  @media screen and (min-width: 1200px) {
    .link-option {
      padding: 0 15px; } }
  .link-option > .white-box {
    width: 100%;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
            align-items: center;
    margin: 0;
    padding: 40px 30px; }
  .link-option__device-wrap {
    width: 100%;
    max-width: 230px;
    margin: 0 auto 20px;
    text-align: center;
    position: relative;
    cursor: pointer; }
  .link-option__device {
    max-width: 230px;
    max-height: 120px; }
  .link-option__device-screen {
    position: absolute;
    width: 75%;
    top: 4px;
    left: 12.5%;
    border-radius: 3px 3px 0 0;
    transition: .3s;
    background-color: #f4f4f6; }
    .link-option__device-screen:hover {
      -webkit-filter: brightness(1.2);
              filter: brightness(1.2); }
  .link-option__play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: #888;
    display: -webkit-flex;
    display: flex; }
  .link-option__play-icon i {
    color: #fff;
    font-size: 13px;
    margin: auto;
    padding-left: 3px; }
  .link-option__device .banner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    white-space: nowrap;
    z-index: 10;
    background-color: #eee;
    font-weight: 400;
    padding: 2px 6px;
    font-size: 9px;
    border-radius: 20px;
    border: 1px solid #35264e;
    color: #35264e; }
  .link-option h3 {
    margin: 0 0 25px;
    font-weight: 700;
    font-size: 24px; }
  .link-option .checklist {
    margin: 0 0 30px; }
  .link-option .checklist li {
    font-size: 14px;
    padding: 4px 0 4px 20px;
    position: relative; }
    .link-option .checklist li:before {
      content: "\f058";
      font-family: 'FontAwesome';
      position: absolute;
      top: 4px;
      left: 0;
      color: #35264e; }
  .link-option .checklist li.cross {
    opacity: .5; }
    .link-option .checklist li.cross:before {
      content: "\f057"; }
  .link-option p {
    text-align: center;
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 20px; }
  .link-option .btn {
    margin: auto auto 0; }
    @media screen and (min-width: 1200px) {
      .link-option .btn {
        min-width: 219px; } }
  .link-option--extension {
    display: none; }
    @media screen and (min-width: 768px) {
      .link-option--extension {
        display: -webkit-flex;
        display: flex; } }
  .link-option .idmodal-trigger {
    text-align: center;
    cursor: pointer;
    width: 100%; }
    .link-option .idmodal-trigger:hover {
      color: #FC1C5B; }

.link-form {
  margin-top: 20px;
  display: none; }
  @media screen and (min-width: 768px) {
    .link-form {
      padding: 0 50px;
      margin-top: 20px; } }
  .link-form h2 {
    padding-top: 30px;
    border-bottom: none; }
  .link-form form {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    margin: 0; }
    @media screen and (min-width: 480px) {
      .link-form form {
        -webkit-flex-direction: row;
                flex-direction: row;
        -webkit-justify-content: space-between;
                justify-content: space-between; } }
  .link-form #link_fantasy_id {
    width: 100%; }
    @media screen and (min-width: 480px) {
      .link-form #link_fantasy_id {
        width: 49%; } }
    .link-form #link_fantasy_id input {
      background-color: #eee;
      margin: 0;
      font-size: 14px; }
  .link-form button[type="submit"] {
    width: 100%;
    margin: 0;
    height: 44px; }
    @media screen and (min-width: 480px) {
      .link-form button[type="submit"] {
        width: 49%; } }
  .link-form .idmodal-trigger {
    margin-top: 8px;
    width: 100%;
    text-align: center;
    cursor: pointer; }
    .link-form .idmodal-trigger:hover {
      color: #FC1C5B; }
    @media screen and (min-width: 480px) {
      .link-form .idmodal-trigger {
        width: 50%; } }
  .link-form .alert {
    margin-top: 20px; }

.small-print {
  line-height: 1.2;
  margin: 30px 0;
  font-size: 15px;
  padding: 18px;
  border: 1px solid #FC1C5B; }
  .small-print:last-child {
    margin-bottom: 0; }
  .small-print a {
    font-weight: 500; }
  .small-print p:last-child {
    margin-bottom: 0; }

.link-team--reload .link-option .btn {
  font-size: 12px; }
  @media screen and (min-width: 1200px) {
    .link-team--reload .link-option .btn {
      min-width: 268px; } }

.link-team--reload .link-option form {
  margin: auto 0 0; }

.link-team--reload .link-option #id_fantasy_id {
  background-color: #eee;
  font-size: 14px; }

.link-team--reload #link_id_errors {
  margin: -10px 0 10px; }

.link-team--reload .errorlist li {
  font-size: 12px; }

.ps .row:before, .ps .row:after {
  display: none !important; }

.ps .ps__select-box {
  width: 100%;
  background-color: #EFEFEF;
  border-bottom: 0;
  padding: 12px;
  font-size: 16px;
  line-height: 20px;
  color: #888;
  text-indent: unset;
  text-align: center;
  background-image: url(../../images/select/arrow.png);
  background-position: calc(100% - 10px) 50%;
  background-repeat: no-repeat; }
  .ps .ps__select-box:focus {
    outline: 0; }

.ps .ps__input input {
  background-color: #EFEFEF;
  border-bottom: 0;
  padding: 12px;
  font-size: 16px;
  line-height: 20px;
  color: #888;
  text-indent: unset;
  text-align: left; }
  .ps .ps__input input:focus {
    outline: 0; }

.ps .ps__input .btn {
  border-radius: 0 !important;
  background: #EFEFEF !important;
  border: 0 !important;
  opacity: 1 !important;
  line-height: 0 !important;
  box-shadow: none !important; }
  .ps .ps__input .btn:focus {
    outline: 0;
    border: 0;
    box-shadow: none !important; }

.ps .ps__input img {
  width: 13px; }

.ps .bootstrap-4 .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after,
.ps .bootstrap-4 .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  border: 2px solid #29F1FF;
  background-color: #29F1FF;
  background-image: url(../../images/heatmaps/check.svg);
  background-position: 49% 50%;
  background-repeat: no-repeat;
  background-size: auto 7px; }

.ps .bootstrap-4 .custom-switch .custom-control-label {
  line-height: 24px; }

.ps .bootstrap-4 .custom-switch .custom-control-label::before {
  position: absolute;
  top: 0.25rem;
  display: block;
  height: 1rem;
  content: "";
  background: #b6b6b7; }

.ps .bootstrap-4 .custom-switch .custom-control-input:checked ~ .custom-control-label::before {
  background: #29F1FF; }

.ps .bootstrap-4 .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background: #fff;
  border-color: #29F1FF; }

.ps .bootstrap-4 .custom-switch .custom-control-label::after {
  background: #fff;
  width: 12px;
  height: 12px; }

.ps .bootstrap-4 .custom-control-label::after {
  width: 18px;
  height: 18px;
  border: 2px solid #b6b6b7;
  box-sizing: border-box;
  border-radius: 30px; }
  .ps .bootstrap-4 .custom-control-label::after:hover {
    border: 2px solid #29F1FF; }

.ps .bootstrap-4 .custom-control-label {
  font-weight: 300;
  color: #22133C;
  line-height: 27px;
  vertical-align: middle; }

.ps .col-form-label {
  color: #22133C;
  font-weight: 600; }

.ps .vue-slider-dot-tooltip-inner {
  padding: 2px 8px;
  border-radius: 0;
  border-color: #21133c;
  background-color: #21133c; }

.ps .vue-slider-process {
  background-color: #21133c; }

.ps .vue-slider-dot-handle {
  cursor: pointer;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #20133c;
  box-sizing: border-box;
  border: 3px solid #ffffff; }

.ps .nav-link.active {
  font-weight: 400;
  color: #22133C;
  border: 0;
  border-bottom: 3px solid #00f2fd; }

.ps .tab-content {
  padding-bottom: 0 !important;
  overflow: initial !important; }

.ps .table tr:hover {
  cursor: pointer; }

.ps .bootstrap-4 .table-primary,
.ps .bootstrap-4 .table-primary > th,
.ps .bootstrap-4 .table-primary > td {
  color: #22133C;
  font-weight: 400;
  background-color: #29F1FF !important; }

.chart-key {
  text-align: center;
  font-size: 1.2em;
  margin: 0 0 30px 0; }

.chart-key-inner {
  display: inline-block;
  border: 1px solid #EFEFEF;
  padding: 10px 20px; }

.chart-key-title {
  display: inline-block;
  color: #22133C;
  font-weight: 400;
  margin: 0 10px 0 0; }
  @media screen and (max-width: 500px) {
    .chart-key-title {
      display: block; } }

.chart-key-label {
  display: inline-block;
  margin: 0 10px; }
  .chart-key-label:last-child {
    margin-right: 0; }
  @media screen and (max-width: 500px) {
    .chart-key-label {
      margin: 0 5px; }
      .chart-key-label:nth-child(2) {
        margin-left: 0; } }

.chart-key-dot {
  display: inline-block;
  height: 12px;
  width: 12px;
  margin: 0 0 0 3px;
  vertical-align: baseline; }

.team-report__btn-toggle {
  width: 100%;
  display: block; }
  .team-report__btn-toggle.active {
    border-color: #22133C !important;
    color: #fff !important;
    background-color: #22133C !important; }
    .team-report__btn-toggle.active:hover {
      border-color: #0c0715 !important;
      color: #fff !important;
      background-color: #0c0715 !important; }

.table__sort {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-between;
          justify-content: space-between; }

.table__sort--top {
  margin: 0 0 20px 0; }
  @media screen and (max-width: 600px) {
    .table__sort--top {
      margin: 0 0 10px 0; } }

.table__sort--bottom {
  margin: 40px 0 0 0; }
  @media screen and (max-width: 600px) {
    .table__sort--bottom {
      margin: 20px 0 0 0; } }

.table__sort-column--search {
  width: calc(100% - 80px);
  max-width: 200px; }

@media screen and (max-width: 600px) {
  .table__sort-column--result {
    width: 100%;
    text-align: center;
    margin: 0 0 15px 0; } }

@media screen and (max-width: 600px) {
  .table__sort-column--pagination {
    width: 100%;
    text-align: center; }
    .table__sort-column--pagination div.dataTables_paginate {
      float: none; } }

.dataTables_length select {
  width: 70px;
  text-indent: unset;
  height: auto !important;
  padding: 7px 10px 7px 15px;
  background-image: url("../../images/select/arrow.png");
  background-repeat: no-repeat;
  background-position: calc(100% - 15px) center; }
  .dataTables_length select:focus {
    outline: 0; }

.dataTables_filter input {
  height: auto !important;
  padding: 12px 10px 12px 45px;
  background-image: url("../../images/select/search.svg");
  background-repeat: no-repeat;
  background-position: calc(0% + 15px) center;
  text-align: left;
  width: 100%;
  box-sizing: border-box; }

.dataTables_scroll {
  position: relative; }
  @media screen and (max-width: 600px) {
    .dataTables_scroll::after {
      content: '';
      position: absolute;
      right: 0;
      top: 0;
      height: 100%;
      width: 20%;
      display: block;
      background: #111;
      background: linear-gradient(270deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%); } }

.transfers__players-outer * {
  box-sizing: border-box; }

@media screen and (min-width: 600px) {
  .transfers__players-outer {
    display: -webkit-flex;
    display: flex; } }

.transfers__players-column {
  width: 100%;
  border-right: 0;
  border-bottom: 1px solid #EFEFEF;
  text-align: center; }
  .transfers__players-column:last-child {
    border-bottom: 0;
    padding: 30px 0 0 0; }
  .transfers__players-column h2 {
    width: 100%;
    margin: 0; }
    @media screen and (min-width: 980px) {
      .transfers__players-column h2 {
        margin: 0 0 20px 0; } }
  .transfers__players-column h3 {
    width: 100%;
    margin: 0 0 20px 0; }
  @media screen and (min-width: 600px) {
    .transfers__players-column {
      width: 50%;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap; } }
  @media screen and (min-width: 600px) {
    .transfers__players-column {
      border-right: 1px solid #EFEFEF;
      border-bottom: 0; }
      .transfers__players-column:last-child {
        border-right: 0;
        padding: 0; } }

.transfers__players-inner {
  width: 100%;
  display: block; }
  @media screen and (min-width: 980px) {
    .transfers__players-inner {
      display: -webkit-flex;
      display: flex; } }

.transfers__players-row {
  width: 100%;
  border-right: 0;
  border-bottom: 1px solid #EFEFEF;
  padding: 30px 0; }
  .transfers__players-row:last-child {
    border-bottom: 0; }
  @media screen and (min-width: 980px) {
    .transfers__players-row {
      width: 50%;
      border-right: 1px solid #EFEFEF;
      border-bottom: 0;
      padding: 0; }
      .transfers__players-row:last-child {
        border-right: 0; } }

.transfers__player-wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center; }

.transfers__players-player {
  padding: 0 15px; }

.transfers__player-img {
  width: 70px;
  margin: 0 0 12px 0; }

.transfers__player-name {
  line-height: 1.3em; }

.modal__loading-body {
  text-align: center;
  padding: 40px 20px 50px 20px; }

.modal__loading-img {
  width: 170px;
  margin: 0 0 20px 0; }

.modal__loading-title {
  max-width: 400px;
  width: 90%;
  margin: 0 auto; }

.modal__loading-para {
  font-size: 16px;
  margin: 1em 0; }
  .modal__loading-para:last-child {
    margin-bottom: 0; }

/* -- Advanced Options Lockout Modal -- */
.assist-manage-lockout {
  max-width: 800px; }
  .assist-manage-lockout .modal-header {
    background: #f4f4f6;
    padding: 1rem !important; }
    .assist-manage-lockout .modal-header .close {
      margin: 0.25rem; }
  .assist-manage-lockout .modal-body {
    text-align: center;
    padding: 1rem 1.5rem 2rem 1.5rem;
    height: auto !important; }
    @media only screen and (min-width: 767px) {
      .assist-manage-lockout .modal-body {
        padding: 2rem 3rem 3rem 3rem; } }
  .assist-manage-lockout__heading h2 {
    font-weight: 800;
    font-size: 1.2rem;
    line-height: 1.2;
    margin-bottom: 1rem; }
    @media only screen and (min-width: 767px) {
      .assist-manage-lockout__heading h2 {
        font-size: 1.7rem; } }
  .assist-manage-lockout__copy {
    font-size: 1rem;
    margin-bottom: 1.5rem; }
    .assist-manage-lockout__copy ul {
      padding: 0;
      margin: 0; }
      .assist-manage-lockout__copy ul li {
        margin-bottom: 0.75rem; }
        .assist-manage-lockout__copy ul li::before {
          content: '';
          display: inline-block;
          width: 6px;
          height: 6px;
          background: #22153c;
          margin-right: 10px;
          border-radius: 50%;
          margin-bottom: 2px; }
  .assist-manage-lockout__btn-wrapper {
    margin-bottom: 0; }
  .assist-manage-lockout__img {
    display: none; }
    @media only screen and (min-width: 767px) {
      .assist-manage-lockout__img {
        display: block; } }

/* Custom Planner Link Modal */
.assist__planner-link {
  position: fixed;
  z-index: 90;
  bottom: 20px;
  left: 20px;
  background: #fff;
  opacity: 1;
  padding: 13px;
  width: 240px;
  text-align: center;
  visibility: visible;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);
  transition: .25s all ease-in-out;
  cursor: pointer; }
  .assist__planner-link.closed {
    opacity: 0;
    visibility: hidden;
    transition: .25s all ease-in-out; }
  .assist__planner-link .close {
    position: absolute;
    top: -30px;
    right: 0; }
  .assist__planner-link h2 {
    margin: 0 !important;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    font-size: 14px; }
  .assist__planner-link strong {
    color: #22133C; }
  .assist__planner-link .btn {
    display: block; }
    .assist__planner-link .btn i {
      font-size: 1.5em;
      display: inline-block;
      padding: 0 5px 0 0;
      vertical-align: middle; }
    .assist__planner-link .btn span {
      width: 140px;
      display: inline-block;
      vertical-align: middle; }

.assist__planner-link-sm {
  position: fixed;
  z-index: 90;
  bottom: 0;
  left: 60px;
  background: #fff;
  opacity: 1;
  padding: 5px 13px;
  visibility: visible;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);
  transition: .25s all ease-in-out;
  cursor: pointer; }
  .assist__planner-link-sm.closed {
    bottom: -100px;
    visibility: hidden;
    transition: .25s all ease-in-out; }
  .assist__planner-link-sm .close {
    position: absolute;
    top: -30px;
    right: 0; }
  .assist__planner-link-sm h2 {
    margin: 0 !important;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    font-size: 14px; }
  .assist__planner-link-sm .btn {
    display: block; }

.link-team-msg {
  background-color: #FC1C5B;
  padding: 13px 15px;
  color: #fff;
  margin-top: 20px;
  margin-bottom: 20px;
  clear: both; }
  .link-team-msg--linked {
    background-color: #f5f5f5;
    color: #35264e; }
  .link-team-msg p {
    margin: 0;
    line-height: 1.4; }
  .link-team-msg strong {
    font-weight: 700; }
  .link-team-msg a {
    font-weight: 600;
    color: #fff; }
  .link-team-msg--linked a {
    color: #FC1C5B; }
  .link-team-msg a:hover {
    text-decoration: underline; }

.fr-wrap .white-box {
  width: 100%; }
  @media only screen and (min-width: 980px) {
    .fr-wrap .white-box {
      padding: 40px 30px; } }

.fr-wrap__title {
  text-align: center;
  margin: 0;
  font-weight: 800;
  margin-bottom: 2rem;
  font-size: 24px;
  padding: 0 2.5rem; }
  @media only screen and (min-width: 767px) {
    .fr-wrap__title {
      font-size: 28px; } }
  @media only screen and (min-width: 980px) {
    .fr-wrap__title {
      font-size: 32px; } }

.fr-steps {
  background: #fff;
  text-align: center;
  margin-bottom: 3rem;
  padding: 3.5rem; }
  .fr-steps__container {
    width: 100%;
    max-width: 900px;
    margin: 0 auto; }
  .fr-steps__columns {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-flex-direction: column;
            flex-direction: column; }
    @media screen and (min-width: 600px) {
      .fr-steps__columns {
        -webkit-flex-direction: row;
                flex-direction: row; } }
  .fr-steps__col {
    -webkit-flex: 1;
            flex: 1;
    padding: 15px 20px; }
  .fr-steps__col--number {
    font-size: 36px;
    font-weight: 700;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding: 12px;
    color: #35264e;
    background-color: #eee;
    margin: 0 auto 15px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center; }
  .fr-steps__col--copy {
    font-size: 14px;
    line-height: 1.4; }

.fr-invite__container {
  padding: 0 2rem;
  text-align: center; }
  @media only screen and (min-width: 767px) {
    .fr-invite__container {
      padding: 1.5rem; } }
  .fr-invite__container--inner {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 2rem; }

.fr-invite__title {
  text-align: center;
  font-size: 28px;
  margin-bottom: 30px; }

.fr-invite__text--title {
  font-weight: 800;
  max-width: 30ch;
  text-align: center;
  margin: 25px auto;
  font-size: 24px;
  line-height: 24px; }
  @media only screen and (min-width: 767px) {
    .fr-invite__text--title {
      font-size: 32px;
      line-height: 32px; } }
  @media only screen and (min-width: 980px) {
    .fr-invite__text--title {
      font-size: 46px;
      line-height: 46px; } }

.fr-invite__text--medium-title {
  font-weight: 600;
  text-align: center;
  font-size: 16px;
  color: #35264e;
  margin-bottom: 5px; }
  @media only screen and (min-width: 980px) {
    .fr-invite__text--medium-title {
      font-size: 20px; } }

.fr-invite__text--plain {
  font-size: 12.5px;
  margin-bottom: 20px;
  font-weight: 600;
  color: #35264e; }
  @media only screen and (min-width: 767px) {
    .fr-invite__text--plain {
      font-size: 15.5px; } }

.fr-invite__text--copy {
  font-size: 12.5px;
  margin: 15px 0 30px; }
  @media only screen and (min-width: 767px) {
    .fr-invite__text--copy {
      font-size: 15.5px; } }
  @media only screen and (min-width: 980px) {
    .fr-invite__text--copy {
      width: 80%;
      margin-left: auto;
      margin-right: auto; } }

.fr-invite__link a {
  font-size: 13px;
  font-weight: 600; }
  @media only screen and (min-width: 980px) {
    .fr-invite__link a {
      font-size: 16px; } }

.fr-invite__link--btn {
  background: transparent;
  border: 0;
  margin-left: 15px; }
  .fr-invite__link--btn span {
    margin-left: 5px;
    color: #555560; }

.fr-invite__rule {
  margin: 21px 0; }
  @media only screen and (min-width: 980px) {
    .fr-invite__rule {
      margin: 42px 0; } }

@media only screen and (min-width: 980px) {
  .fr-invite__form {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
            justify-content: center; } }

.fr-invite__form .invite-group {
  width: 100%;
  margin-bottom: 0; }
  @media only screen and (min-width: 980px) {
    .fr-invite__form .invite-group {
      max-width: 60%; } }

.fr-invite__form .invite-group .input-block-level {
  margin-bottom: 0;
  padding: 0 1rem;
  text-align: center; }
  @media only screen and (min-width: 980px) {
    .fr-invite__form .invite-group .input-block-level {
      text-align: left; } }

.fr-invite__email {
  box-sizing: border-box;
  width: 100%;
  margin: 0 !important; }
  @media only screen and (min-width: 980px) {
    .fr-invite__email {
      padding-left: 1.5rem !important;
      max-width: 425px;
      text-align: left !important; } }

.fr-invite__btn {
  height: 44px;
  line-height: 0px;
  font-size: 12px;
  width: 100%;
  margin-top: 0.5rem; }
  @media only screen and (min-width: 980px) {
    .fr-invite__btn {
      margin-top: 0rem;
      width: auto; } }

.fr-layout__wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap; }

.fr-layout__container--lg {
  width: 100%;
  margin-bottom: 2rem; }
  @media only screen and (min-width: 980px) {
    .fr-layout__container--lg {
      margin-bottom: 0; } }

.fr-layout__container--sm {
  width: 100%; }

.fr-layout__content-wrapper {
  margin: 0 1rem; }

.fr-invite-referral__container {
  background: white;
  box-shadow: 0 2.8px 2.5px rgba(0, 0, 0, 0.011), 0 6.7px 5.9px rgba(0, 0, 0, 0.016), 0 12.5px 11.1px rgba(0, 0, 0, 0.02), 0 22.3px 19.9px rgba(0, 0, 0, 0.024), 0 41.8px 37.2px rgba(0, 0, 0, 0.029), 0 100px 89px rgba(0, 0, 0, 0.04);
  padding: 2.75rem 0;
  margin: 0 1rem 2rem 1rem; }

.fr-invite-referral__columns {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 0 2.25rem; }
  @media only screen and (min-width: 767px) {
    .fr-invite-referral__columns {
      padding: 0; } }

.fr-invite-referral__col {
  width: 100%;
  text-align: center;
  padding: 1.5rem;
  box-sizing: border-box; }
  .fr-invite-referral__col.col1 {
    padding: 0 1.5rem 1.5rem 1.5rem;
    border-bottom: 1px solid #e0e0e0; }
    @media only screen and (min-width: 767px) {
      .fr-invite-referral__col.col1 {
        border-bottom: 0;
        padding: 1.5rem; } }
  .fr-invite-referral__col.col2 {
    border-bottom: 1px solid #e0e0e0; }
    @media only screen and (min-width: 767px) {
      .fr-invite-referral__col.col2 {
        border-bottom: 0; } }
  @media only screen and (min-width: 767px) {
    .fr-invite-referral__col {
      width: 33.3%;
      padding: 1.5rem; } }
  @media only screen and (min-width: 767px) {
    .fr-invite-referral__col:nth-of-type(2n) {
      border-left: 1px solid #e0e0e0;
      border-right: 1px solid #e0e0e0; } }
  .fr-invite-referral__col--icon .icon {
    background: #ececec;
    padding: 0.75rem;
    display: inline-block;
    border-radius: 50%; }
  .fr-invite-referral__col--title {
    color: #22133c;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    padding: 1rem 0; }
  .fr-invite-referral__col--number {
    font-size: 46px;
    line-height: 44px;
    font-weight: 800;
    color: #22133c;
    padding-bottom: 1rem; }
    @media only screen and (min-width: 980px) {
      .fr-invite-referral__col--number {
        font-size: 64px; } }
  .fr-invite-referral__col--copy {
    font-size: 12px;
    line-height: 16px; }

.fr-active-referral__container {
  background: white;
  box-shadow: 0 2.8px 2.5px rgba(0, 0, 0, 0.011), 0 6.7px 5.9px rgba(0, 0, 0, 0.016), 0 12.5px 11.1px rgba(0, 0, 0, 0.02), 0 22.3px 19.9px rgba(0, 0, 0, 0.024), 0 41.8px 37.2px rgba(0, 0, 0, 0.029), 0 100px 89px rgba(0, 0, 0, 0.04);
  padding: 1rem 2.75rem;
  box-sizing: border-box;
  margin: 0 1rem 0 1rem;
  position: relative;
  overflow: hidden; }
  .fr-active-referral__container.show-fade::before {
    content: '';
    width: 100%;
    position: absolute;
    height: 80px;
    bottom: 10px;
    left: -60px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); }

.fr-active-referral__users-tbl.tbl-header {
  color: #22133c;
  font-weight: 600;
  padding-bottom: 0;
  border-bottom: 1px solid #f1f1f1;
  display: none; }
  @media only screen and (min-width: 767px) {
    .fr-active-referral__users-tbl.tbl-header {
      display: block; } }

.fr-active-referral__users-tbl.tbl-body {
  min-height: 325px;
  max-height: 325px;
  overflow-y: scroll;
  padding-bottom: 1rem; }
  .fr-active-referral__users-tbl.tbl-body::after {
    background: red;
    width: 100%;
    height: 50px;
    position: absolute; }

.fr-active-referral__users-row {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 0.9rem 0;
  font-size: 13px;
  border-bottom: 1px solid #f1f1f1; }
  .fr-active-referral__users-row:last-of-type {
    border-bottom: none; }

.fr-active-referral__users-email {
  margin-bottom: 5px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 10px;
  box-sizing: border-box; }
  @media only screen and (min-width: 767px) {
    .fr-active-referral__users-email {
      width: 40%;
      margin-bottom: 0px; } }
  @media only screen and (min-width: 980px) {
    .fr-active-referral__users-email {
      width: 33.3%; } }
  @media only screen and (min-width: 1200px) {
    .fr-active-referral__users-email {
      width: 40%; } }

.fr-active-referral__users-login {
  width: 100%;
  margin-bottom: 5px; }
  @media only screen and (min-width: 767px) {
    .fr-active-referral__users-login {
      width: 30%;
      margin-bottom: 0px; } }
  @media only screen and (min-width: 980px) {
    .fr-active-referral__users-login {
      width: 33.3%; } }
  @media only screen and (min-width: 1200px) {
    .fr-active-referral__users-login {
      width: 30%; } }

.fr-active-referral__users-premium {
  width: 100%;
  margin-bottom: 5px; }
  @media only screen and (min-width: 767px) {
    .fr-active-referral__users-premium {
      width: 30%;
      margin-bottom: 0px; } }
  @media only screen and (min-width: 980px) {
    .fr-active-referral__users-premium {
      width: 33.3%; } }
  @media only screen and (min-width: 1200px) {
    .fr-active-referral__users-premium {
      width: 30%; } }

.fr__status {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center; }
  .fr__status--active {
    display: -webkit-inline-flex;
    display: inline-flex;
    font-weight: 600;
    color: #22133c;
    padding: 0.1rem 0.6rem;
    border-radius: 15px;
    margin-left: -2px;
    background-color: #41ff0e; }
    .fr__status--active .status {
      margin-left: 8px; }
  .fr__status--inactive {
    display: -webkit-inline-flex;
    display: inline-flex;
    font-weight: 600;
    color: #22133c;
    padding: 0.1rem 0.6rem;
    border-radius: 15px;
    margin-left: -2px;
    background-color: #ececec; }
    .fr__status--inactive .status {
      margin-left: 8px; }
  .fr__status .circle {
    display: block;
    background-color: #fc1d5b;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 8px; }
    .fr__status .circle--green {
      background-color: #41ff0e; }

.fr-invite__columns {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap; }
  @media only screen and (min-width: 767px) {
    .fr-invite__columns {
      padding: 0; } }

.fr-invite__col {
  width: 100%;
  text-align: center;
  padding: 1.5rem;
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column; }
  .fr-invite__col.col1 {
    padding: 0 1.5rem 1.5rem 1.5rem;
    border-top: 1px solid #e0e0e0; }
    @media only screen and (min-width: 767px) {
      .fr-invite__col.col1 {
        border-top: 0;
        padding: 1.5rem; } }
  .fr-invite__col.col2 {
    border-bottom: 1px solid #e0e0e0; }
    @media only screen and (min-width: 767px) {
      .fr-invite__col.col2 {
        border-bottom: 0; } }
  @media only screen and (min-width: 767px) {
    .fr-invite__col {
      width: 33.3%;
      padding: 1.5rem; } }
  @media only screen and (min-width: 767px) {
    .fr-invite__col:nth-of-type(2n) {
      border-left: 1px solid #e0e0e0;
      border-right: 1px solid #e0e0e0; } }
  .fr-invite__col--title {
    color: #22133c;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.4;
    padding: 1rem 0; }
  .fr-invite__col--copy {
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 10px; }
  .fr-invite__col--btn {
    margin-top: auto;
    width: 100%; }
  .fr-invite__col .btn {
    width: 100%; }
  @media screen and (min-width: 980px) {
    .fr-invite__col .btn[type="submit"] {
      width: 40%; } }
  .fr-invite__col .btn,
  .fr-invite__col input[type="text"] {
    height: 56px !important; }
  .fr-invite__col form {
    margin-bottom: 0; }

.modal-images {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  margin: 15px 0 40px; }
  .modal-images > div {
    padding: 0 0 10px; }
  @media screen and (min-width: 768px) {
    .modal-images {
      -webkit-flex-direction: row;
              flex-direction: row; }
      .modal-images > div {
        padding: 0 5px; } }

/* --------------------------------------
  ACCOUNTS PAGES
-------------------------------------- */
.accounts-container {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column; }
  @media screen and (min-width: 1200px) {
    .accounts-container {
      -webkit-flex-direction: row;
              flex-direction: row; } }

.accounts-sidebar {
  width: 100%;
  box-sizing: border-box; }
  @media screen and (min-width: 1200px) {
    .accounts-sidebar {
      width: 22%; } }

.accounts-nav h5 {
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: .1em;
  color: #999;
  margin: 0; }

.accounts-nav ul {
  margin: 5px 0 20px;
  padding: 0 0 20px;
  border-bottom: 1px solid #eee; }
  .accounts-nav ul:last-child {
    margin-bottom: 0;
    border-bottom: none; }
    @media screen and (min-width: 1200px) {
      .accounts-nav ul:last-child {
        border-bottom: 1px solid #eee; } }

.accounts-nav li {
  padding: 4px 0 4px 20px;
  position: relative;
  line-height: 1.4; }

.accounts-nav li i {
  color: #999;
  margin-right: 5px;
  width: 13px;
  text-align: center;
  position: absolute;
  top: 6px;
  left: 0; }

.accounts-nav li a {
  font-weight: 400; }

.accounts-nav .active:before {
  content: "";
  position: absolute;
  top: 7px;
  left: -10px;
  width: 3px;
  height: 11px;
  background-color: #FC1C5B; }

.accounts-main {
  width: 100%;
  box-sizing: border-box; }
  @media screen and (min-width: 1200px) {
    .accounts-main {
      width: 78%;
      padding-left: 3%; } }

.accounts--no-sidebar .accounts-main {
  width: 100%;
  padding-left: 0; }

.accounts-header {
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
  margin: 0 0 30px;
  font-weight: 700; }
  @media screen and (min-width: 1200px) {
    .accounts-header {
      font-size: 24px; } }

.accounts form input {
  width: 100%; }

.accounts form button[type="submit"] {
  width: 100%; }

/* Notification Settings page
------------------------------------ */
.notif-settings {
  margin: 0 0 40px;
  padding: 0;
  max-width: 450px; }
  .notif-settings li {
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    width: 100%; }
  .notif-settings__label {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    margin: 0; }
  .notif-settings__label > span {
    display: inline-block;
    padding-right: 20px;
    box-sizing: border-box; }
  .notif-settings input[type="checkbox"] {
    opacity: 0; }

.toggle-switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 29px; }

.toggle-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .4s;
  border-radius: 29px; }

.toggle-slider:before {
  position: absolute;
  content: "";
  height: 21px;
  width: 21px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: .4s;
  border-radius: 50%; }

input:checked + .toggle-slider {
  background-color: #FC1C5B; }

input:checked + .toggle-slider:before {
  -webkit-transform: translateX(21px);
          transform: translateX(21px); }

/* Stats Settings page
------------------------------------ */
.stat-settings .selection--stats {
  padding: 30px 0 0 0;
  display: block;
  border-top: 1px solid #efefef;
  margin: 30px 0 0 0; }

.stat-settings h3 {
  margin: 10px 0 15px 0;
  text-align: left; }

.stat-settings ul {
  margin: -10px 0 0 0; }

.stat-settings li {
  margin: 0 0 6px 0; }
  .stat-settings li label {
    font-weight: 300; }
  .stat-settings li .icheckbox_square-pink {
    margin-right: 5px; }

/* One Time Password page
------------------------------------ */
.accounts--otp h2 {
  margin-bottom: 20px; }

.otp-wrap {
  width: 272px; }

.otp-token-wrap {
  display: none;
  width: 100%;
  padding: 10px;
  text-align: center;
  font-size: 18px;
  color: #35264e;
  font-weight: 700;
  box-sizing: border-box;
  border: 1px solid #35264e;
  position: relative; }

.otp-copy {
  -webkit-appearance: none;
  appearance: none;
  padding: 6px;
  position: absolute;
  top: 5px;
  right: 5px;
  background-color: #ddd;
  color: #35264e; }
  .otp-copy:hover {
    padding: 6px;
    background-color: #35264e; }
  .otp-copy:focus, .otp-copy:active {
    background-color: #FC1C5B; }
  .otp-copy span {
    font-size: 10px; }

#otp-valid {
  opacity: .8;
  margin-top: 10px; }

/* Uptdate Password Page
------------------------------------ */
.accounts--pw-change form {
  max-width: 500px; }

.style--2020 * {
  box-sizing: border-box; }

.style--2020 h1 {
  font-size: 30px;
  line-height: 1em;
  font-weight: 800;
  margin: 0 auto 20px auto;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .style--2020 h1 {
      font-size: 37px; } }
  @media screen and (min-width: 1200px) {
    .style--2020 h1 {
      font-size: 48px;
      margin: 0 auto 30px auto; } }

.style--2020 h2 {
  font-size: 40px;
  line-height: 1.1em;
  font-weight: 800;
  margin: 0 0 15px 0; }
  @media screen and (min-width: 768px) {
    .style--2020 h2 {
      font-size: 30px; } }
  @media screen and (min-width: 1200px) {
    .style--2020 h2 {
      font-size: 35px; } }

.style--2020 h6 {
  color: #555560;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 12px;
  line-height: 1.4em;
  text-align: center;
  margin: 0; }
  @media screen and (min-width: 768px) {
    .style--2020 h6 {
      font-size: 16px; } }

.tweet__wrapper {
  margin-top: 2rem;
  padding-top: 2.5rem;
  position: relative; }
  .tweet__wrapper::before {
    background: #e7e7e7;
    content: '';
    height: 1px;
    left: 0;
    margin: 0 0 0 -20px;
    position: absolute;
    right: 0;
    top: 0;
    width: calc(100% + 40px); }
  .tweet__wrapper .btn-twitter {
    margin-top: 30px;
    margin-bottom: 0; }

.tweet__title {
  -webkit-align-items: center;
          align-items: center;
  color: #21133e;
  display: -webkit-flex;
  display: flex;
  font-size: 1.9rem;
  font-weight: 800;
  -webkit-justify-content: center;
          justify-content: center;
  text-align: center; }
  .tweet__title .icon {
    display: -webkit-flex;
    display: flex;
    height: 2.6rem;
    width: 2.5rem; }

.tweet__copy {
  color: #21133e;
  font-size: 0.94rem;
  margin-top: 0.5rem;
  margin-bottom: -1rem;
  text-align: center; }
  .tweet__copy .hashtag {
    font-weight: 600; }

.blog-live-transfers .blog-list-item-row {
  margin: 0 !important; }
  .blog-live-transfers .blog-list-item-row .white-box {
    box-shadow: 0 2.8px 2.5px rgba(0, 0, 0, 0.011), 0 6.7px 5.9px rgba(0, 0, 0, 0.016), 0 12.5px 11.1px rgba(0, 0, 0, 0.02), 0 22.3px 19.9px rgba(0, 0, 0, 0.024), 0 41.8px 37.2px rgba(0, 0, 0, 0.029), 0 100px 89px rgba(0, 0, 0, 0.04);
    z-index: 1; }
    .blog-live-transfers .blog-list-item-row .white-box h1.post_link a {
      font-weight: 800 !important; }

.blog-live-transfers .pagination-row {
  margin: 0 !important; }

.block-paragraph iframe {
  width: 600px;
  height: 350px;
  max-width: 100%; }

#blog .white-inner {
  overflow-x: scroll; }

#blog h3 {
  font-size: 24px;
  margin-bottom: 30px;
  line-height: 1.3; }

#blog h4 {
  font-size: 18px;
  margin: 40px 0 15px; }

#blog table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 30px; }

#blog td,
#blog th {
  padding: 7px 9px;
  text-align: left;
  border: 1px solid rgba(53, 38, 78, 0.1);
  background-color: rgba(53, 38, 78, 0.025); }

#blog th {
  background-color: rgba(53, 38, 78, 0.1);
  white-space: nowrap; }

#blog tr:nth-child(even) td {
  background-color: rgba(53, 38, 78, 0.06); }

#blog ul, #blog ol {
  margin-bottom: 30px; }

#blog strong {
  color: #35264e; }

#blog .intro p {
  font-size: 1.6em;
  line-height: 1.9em;
  text-align: center;
  color: #b4b4b5; }

.blog-box {
  text-align: center; }

.blog-postinner {
  padding: 40px; }

.hover_img {
  margin-bottom: 20px; }

#blog img {
  border-radius: 4px;
  height: auto; }

#blog a {
  color: #22133C;
  font-weight: 400;
  webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in; }

#blog a:hover {
  webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in; }

#blog .btn-blog1 {
  background-color: #42FF0F; }

.post_link {
  font-weight: 400;
  line-height: 26px;
  font-size: 2.3em;
  margin: 25px 0 30px; }

.twitter_link {
  font-weight: 400;
  line-height: 26px;
  font-size: 1.0em;
  margin: 30px 0; }

.twitter_link a {
  color: #22133C; }

#blog .previous {
  text-align: left; }

#blog .pages {
  text-align: center;
  margin-top: 13px;
  font-weight: 400; }

#blog .next {
  text-align: right; }

.blog-footer {
  margin-top: 40px;
  margin-bottom: -20px;
  padding-top: 20px;
  border-top: 1px solid #eee; }

.blog-footer .blog-author {
  float: left; }

.blog-footer .blog-comments {
  float: right; }

@media screen and (max-width: 767px) {
  #blog .previous {
    width: 33.3%;
    float: left; }
  #blog .pages {
    width: 33.3%;
    float: left; }
  #blog .next {
    width: 33.3%;
    float: left; } }

#blog input[name="q"] {
  width: 100%; }

#blog p {
  font-size: 16.8px;
  line-height: 1.65em;
  margin-bottom: 25px; }

#blog .body-content li {
  font-size: 15px;
  margin-bottom: 10px; }

.post_link a {
  color: #7D7C81; }

.post_link a:hover {
  color: #7D7C81; }

.blog-title {
  font-size: 2.7em;
  line-height: 1.2em;
  margin-top: 10px;
  margin-bottom: 10px; }

.blog-image {
  max-height: 400px;
  overflow: hidden;
  border-radius: 6px;
  margin-bottom: 40px; }

.blog-info {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #eee; }

.blog-info {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #eee; }

.blog-info .blog-author {
  font-size: 1.5em; }

#blog .blog-lockout {
  width: 100%;
  box-sizing: border-box;
  padding: 35px 45px;
  background-color: #fff;
  border-top: 1px solid #eee;
  margin-bottom: 30px;
  display: none;
  position: relative; }
  #blog .blog-lockout:before {
    content: "";
    position: absolute;
    top: -305px;
    left: 0;
    height: 300px;
    width: 100%;
    background-image: linear-gradient(transparent, #fff); }
  #blog .blog-lockout h2 {
    font-size: 28px;
    font-weight: 900; }
  #blog .blog-lockout__quote {
    font-weight: 500;
    margin-bottom: 20px;
    line-height: 1.3; }
  #blog .blog-lockout .btn {
    color: #fff;
    font-weight: 600;
    margin-bottom: 20px; }
  #blog .blog-lockout p:last-child {
    margin-bottom: 0;
    font-size: 14px; }

.blog-premium-content,
.blog-login-content {
  height: 5px; }

.standard-wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap; }
  @media only screen and (min-width: 800px) {
    .standard-wrapper {
      margin: 0 -2rem; } }
  @media only screen and (min-width: 1170px) {
    .standard-wrapper {
      padding: 4rem 0;
      margin: 0 -4rem; } }
  .standard-wrapper .standard-column {
    width: 50%;
    padding: 2rem 1rem;
    box-sizing: border-box; }
    .standard-wrapper .standard-column p {
      margin: 20px 0; }
    @media only screen and (min-width: 800px) {
      .standard-wrapper .standard-column {
        padding: 2rem 2rem; } }
    @media only screen and (min-width: 1170px) {
      .standard-wrapper .standard-column {
        padding: 2rem 4rem; } }
    .standard-wrapper .standard-column.first {
      width: 100%; }
      @media only screen and (min-width: 800px) {
        .standard-wrapper .standard-column.first {
          width: 50%; } }
      @media only screen and (min-width: 1170px) {
        .standard-wrapper .standard-column.first {
          padding: 2rem 0; } }
      @media only screen and (min-width: 1200px) {
        .standard-wrapper .standard-column.first {
          width: 33.3%; } }
    .standard-wrapper .standard-column.second {
      width: 100%; }
      @media only screen and (min-width: 800px) {
        .standard-wrapper .standard-column.second {
          width: 50%; } }
      @media only screen and (min-width: 1200px) {
        .standard-wrapper .standard-column.second {
          width: 66.6%; } }
    .standard-wrapper .standard-column .pink-lettering {
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: center;
              justify-content: center;
      -webkit-align-items: center;
              align-items: center;
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap;
      width: 100%;
      height: 100%;
      -webkit-align-content: center;
              align-content: center; }
      .standard-wrapper .standard-column .pink-lettering .title {
        width: 100%;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
                justify-content: center; }
        .standard-wrapper .standard-column .pink-lettering .title h3 {
          display: inline-block;
          background-color: #FC1C5B;
          font-weight: 800;
          font-size: 18px;
          padding: 0.5rem;
          color: #ffffff; }
          @media only screen and (min-width: 800px) {
            .standard-wrapper .standard-column .pink-lettering .title h3 {
              font-size: 30px; } }
      .standard-wrapper .standard-column .pink-lettering hr {
        width: 100%;
        margin: 40px 0; }

.text-pg-header__title {
  padding: 1rem 0; }
  .text-pg-header__title h3 {
    text-align: center;
    font-weight: 800;
    font-size: 28px; }

.text-pg-header__image {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  padding: 1rem 0; }
  .text-pg-header__image > img {
    width: 200px;
    height: 200px;
    border-radius: 50%; }
  .text-pg-header__image .circle-img {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-align-items: center;
            align-items: center;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background-color: #f7f7f7; }

.text-pg-header__body {
  padding: 2rem 0;
  font-size: 14px;
  text-align: center; }
  .text-pg-header__body h3 {
    margin-top: 40px; }
  .text-pg-header__body p {
    margin-bottom: 25px; }
  .text-pg-header__body ul {
    font-size: 1.3em;
    text-align: left;
    width: 100%;
    max-width: 600px;
    margin: 30px auto; }
    .text-pg-header__body ul li {
      line-height: 1.4;
      padding: 8px 0;
      list-style: outside; }

.laptop-video {
  position: relative;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: flex-start;
          align-items: flex-start; }
  .laptop-video iframe,
  .laptop-video video {
    position: absolute;
    top: 1.9%;
    left: 7.7%;
    width: 84.6%;
    height: 90.6%;
    border-radius: 3px 3px 0 0;
    object-fit: cover; }
    @media screen and (min-width: 1200px) {
      .laptop-video iframe,
      .laptop-video video {
        border-radius: 8px 8px 0 0; } }

.laptop-video--vimeo {
  position: relative;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: flex-start;
          align-items: flex-start; }
  .laptop-video--vimeo > div {
    position: absolute;
    top: 1.9%;
    left: 7.7%;
    width: 84.6%;
    height: 90.6%;
    border-radius: 3px 3px 0 0;
    overflow: hidden; }
    @media screen and (min-width: 1200px) {
      .laptop-video--vimeo > div {
        border-radius: 8px 8px 0 0; } }

.flex {
  display: -webkit-flex;
  display: flex; }

@media screen and (min-width: 768px) {
  .md-flex {
    display: -webkit-flex !important;
    display: flex !important; } }

.justify-center {
  -webkit-justify-content: center;
          justify-content: center; }

.flex-col {
  -webkit-flex-direction: column;
          flex-direction: column; }

/* ---------------------------------------------------

  Signup / Login / Extension Login Pages

--------------------------------------------------- */
.ext-login {
  padding: 50px 0; }
  @media screen and (min-width: 1200px) {
    .ext-login {
      padding: 60px 0; } }

.ext-login-main {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column; }
  @media screen and (min-width: 768px) {
    .ext-login-main {
      -webkit-flex-direction: row;
              flex-direction: row; } }

.ext-login-main__left {
  position: relative;
  width: 100%;
  display: -webkit-flex;
  display: flex;
  box-sizing: border-box;
  padding: 30px 0;
  overflow: hidden; }
  @media screen and (min-width: 768px) {
    .ext-login-main__left {
      width: 50%; } }
  .ext-login-main__left .laptop-wrap {
    position: relative;
    z-index: 1;
    width: 90%;
    margin: auto; }
  .ext-login-main__left .screenshot {
    position: absolute;
    top: 1.9%;
    left: 7.9%;
    width: 84.2%;
    border-radius: 3px 3px 0 0; }
  .ext-login-main__left .bg-img {
    position: absolute;
    top: -35%;
    right: -35%;
    width: 150%;
    max-width: none; }
    @media screen and (min-width: 768px) {
      .ext-login-main__left .bg-img {
        top: -25%;
        right: -25%;
        width: 200%; } }
    @media screen and (min-width: 1200px) {
      .ext-login-main__left .bg-img {
        top: -45%;
        right: -45%;
        width: 220%; } }
  .ext-login-main__left .bg-img--png {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; }

.ext-login-main__right {
  background-color: #fff;
  width: 100%;
  padding: 30px;
  box-sizing: border-box; }
  @media screen and (min-width: 768px) {
    .ext-login-main__right {
      width: 50%; } }
  @media screen and (min-width: 980px) {
    .ext-login-main__right {
      padding: 50px; } }
  @media screen and (min-width: 1200px) {
    .ext-login-main__right {
      padding: 80px; } }
  .ext-login-main__right .ext-login__h1 {
    font-weight: 900;
    font-size: 28px;
    line-height: 1.05;
    margin-bottom: 30px; }
    @media screen and (min-width: 980px) {
      .ext-login-main__right .ext-login__h1 {
        font-size: 38px; } }
  .ext-login-main__right .ext-login__h1--small {
    font-size: 24px; }
    @media screen and (min-width: 980px) {
      .ext-login-main__right .ext-login__h1--small {
        font-size: 30px; } }
  .ext-login-main__right .ext-login__h1 span {
    display: block;
    margin-top: 20px;
    font-weight: 300;
    font-size: 17px;
    color: #555560; }
  .ext-login-main__right form p {
    font-weight: 400;
    color: #35264e;
    line-height: 1.3;
    margin-top: 10px;
    font-size: 15px; }
  .ext-login-main__right form input {
    width: 100%; }
  .ext-login-main__right p {
    line-height: 1.4; }
  .ext-login-main__right p a {
    font-weight: 500; }
  .ext-login-main__right p i {
    color: #FC1C5B; }

.ext-login__security {
  display: -webkit-flex;
  display: flex; }
  .ext-login__security .icon {
    background-color: #eee;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: -webkit-flex;
    display: flex;
    margin-right: 15px;
    -webkit-flex: none;
            flex: none; }
  .ext-login__security .fa {
    margin: auto;
    font-size: 20px;
    color: #35264e; }
  .ext-login__security p {
    -webkit-flex: auto;
            flex: auto;
    line-height: 1.4; }

.ext-login__smallprint p a {
  font-weight: 600; }

.ext-success-link {
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 15px; }
  .ext-success-link i {
    color: #FC1C5B;
    font-size: 16px;
    margin-left: 5px; }

.password-input-wrap {
  position: relative; }
  .password-input-wrap .show-pw-toggle {
    position: absolute;
    z-index: 10;
    top: 11%;
    right: 25px;
    padding: 5px;
    border: none;
    cursor: pointer;
    letter-spacing: .1em;
    font-size: 9px;
    font-weight: 400; }
  .password-input-wrap .fa {
    font-size: 13px; }

.pg-404 {
  background-image: linear-gradient(180deg, rgba(53, 38, 78, 0.1), 3%, white 15%);
  padding: 50px 0 70px; }
  @media screen and (min-width: 768px) {
    .pg-404 {
      padding: 70px 0 100px; } }
  .pg-404 .container {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: space-between;
            justify-content: space-between; }
  .pg-404__content {
    width: 80%;
    max-width: 420px; }
  .pg-404 h1 {
    color: #FC1C5B;
    font-weight: 900;
    font-size: 48px;
    margin: 0 0 20px; }
  .pg-404 p {
    font-weight: 400; }
  .pg-404 .btn {
    margin-top: 20px;
    display: inline-block; }
  .pg-404__image {
    padding-left: 30px; }
  .pg-404__image img {
    width: 270px; }
    @media screen and (min-width: 768px) {
      .pg-404__image img {
        -webkit-transform: translateY(-50px);
                transform: translateY(-50px); } }

.page-header.page-header--review {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  width: 100%;
  box-sizing: border-box; }
  @media screen and (min-width: 768px) {
    .page-header.page-header--review {
      -webkit-flex-direction: row;
              flex-direction: row; } }
  @media screen and (min-width: 980px) {
    .page-header.page-header--review {
      padding: 50px; } }
  .page-header.page-header--review .col {
    width: 100%; }
    @media screen and (min-width: 768px) {
      .page-header.page-header--review .col {
        width: 50%; } }
  .page-header.page-header--review .col:first-child {
    padding-bottom: 30px; }
    @media screen and (min-width: 768px) {
      .page-header.page-header--review .col:first-child {
        padding: 0 30px 0 0; } }
    @media screen and (min-width: 980px) {
      .page-header.page-header--review .col:first-child {
        padding-right: 50px; } }
  @media screen and (min-width: 768px) {
    .page-header.page-header--review .col:nth-child(2) {
      padding: 0 0 0 30px;
      border-left: 1px solid #eee; } }
  @media screen and (min-width: 980px) {
    .page-header.page-header--review .col:nth-child(2) {
      padding-left: 50px; } }
  .page-header.page-header--review .main-img {
    width: 100%;
    max-width: 500px; }
  .page-header.page-header--review .paragraph {
    margin-bottom: 20px; }
    .page-header.page-header--review .paragraph:last-of-type {
      margin-bottom: 0; }

/* -----------------------------
Review Manager Card
----------------------------- */
.review-manager {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  box-sizing: border-box; }
  @media screen and (min-width: 980px) {
    .review-manager {
      padding: 50px; } }
  .review-manager > div:first-child {
    width: 100%;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
            align-items: center;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #eee; }
    @media screen and (min-width: 768px) {
      .review-manager > div:first-child {
        width: 40%;
        padding: 0 30px 0 0;
        margin-bottom: 0;
        border-bottom: none;
        -webkit-justify-content: center;
                justify-content: center; } }
    @media screen and (min-width: 980px) {
      .review-manager > div:first-child {
        width: 30%;
        padding-right: 40px; } }
    @media screen and (min-width: 1200px) {
      .review-manager > div:first-child {
        padding-right: 50px; } }
  .review-manager > div:nth-child(2) {
    width: 100%;
    box-sizing: border-box; }
    @media screen and (min-width: 768px) {
      .review-manager > div:nth-child(2) {
        width: 60%;
        padding: 0 0 0 30px;
        border-left: 1px solid #eee; } }
    @media screen and (min-width: 980px) {
      .review-manager > div:nth-child(2) {
        width: 70%;
        padding-left: 40px; } }
    @media screen and (min-width: 1200px) {
      .review-manager > div:nth-child(2) {
        padding-left: 50px; } }
  .review-manager__book-text {
    font-weight: 500;
    font-size: 15px;
    margin: 20px 0 15px;
    color: #35264e; }
  .review-manager__book-btn {
    background-color: #FC1C5B !important;
    font-family: 'Fix Sans' !important;
    letter-spacing: 1px;
    font-weight: 600 !important;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 18px;
    text-shadow: none;
    background-image: none;
    border-radius: 0 !important;
    border: 0;
    transition: .3s; }
    .review-manager__book-btn:hover {
      background-color: #ec0345 !important; }
  .review-manager__pic {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background-color: #eee;
    overflow: hidden;
    border: 2px solid #35264e; }
    .review-manager__pic img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .review-manager__title {
    margin: 0 0 20px;
    font-weight: 900; }
    @media screen and (min-width: 980px) {
      .review-manager__title {
        font-size: 28px;
        margin-bottom: 35px; } }
  .review-manager__stars {
    font-size: 8px;
    letter-spacing: -0.04rem;
    color: #FC1C5B; }
  .review-manager__icon {
    width: 28px;
    height: 28px;
    background-color: #eee;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    margin-right: 3px;
    border-radius: 50%;
    color: #FC1C5B;
    font-weight: 700;
    font-size: 16px;
    margin-right: 8px; }
  .review-manager__icon--text {
    font-size: 14px; }
  .review-manager__icon img {
    height: 18px; }
  .review-manager__finishes {
    width: 100%;
    max-width: 550px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-left: 0; }
    @media screen and (min-width: 980px) {
      .review-manager__finishes {
        margin-bottom: 20px; } }
    .review-manager__finishes li {
      width: 100%;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
              align-items: center;
      margin-bottom: 8px;
      font-size: 14px;
      color: #35264e; }
      @media screen and (min-width: 980px) {
        .review-manager__finishes li {
          width: 50%; } }
    .review-manager__finishes p {
      margin-bottom: 0;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
              align-items: center; }
    .review-manager__finishes strong {
      margin: 0 4px; }
  .review-manager p:empty {
    margin-bottom: 0; }
  .review-manager__bio-text {
    font-size: 14px; }

.ext-prem .btn-one-red {
  background-color: #963cff; }
  .ext-prem .btn-one-red:hover {
    background-color: #8823ff; }

.ext-prem-hero {
  padding: 30px 0 60px; }
  .ext-prem-hero .container {
    max-width: 640px; }
  .ext-prem-hero__img {
    width: 180px;
    margin-bottom: 30px; }
  .ext-prem-hero__title {
    font-size: 40px;
    line-height: 1em;
    font-weight: 800;
    text-align: center;
    margin: 0 0 20px; }
    @media screen and (min-width: 800px) {
      .ext-prem-hero__title {
        font-size: 50px; } }
  .ext-prem-hero__p1 {
    color: #35264e;
    font-size: 18px;
    line-height: 1.4;
    text-align: center;
    margin: 0;
    font-weight: 600;
    margin-bottom: 45px; }
  .ext-prem-hero__p2 {
    font-size: 22px;
    margin-top: 30px;
    font-weight: 400; }
  .ext-prem-hero__p3 {
    font-size: 16px;
    margin: 20px 0 0; }
  .ext-prem-hero__p4 {
    font-size: 16px; }
  .ext-prem-hero__p5 {
    margin-top: 20px;
    font-size: 14px; }
  .ext-prem-hero p a {
    font-weight: 500; }
  .ext-prem-hero .page--st__toggle {
    width: 100%;
    margin: 55px 0 40px;
    font-size: 15px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center; }
    @media screen and (min-width: 980px) {
      .ext-prem-hero .page--st__toggle {
        margin: 55px 0; } }
    .ext-prem-hero .page--st__toggle .active {
      color: #22133C;
      font-weight: 400; }
    .ext-prem-hero .page--st__toggle #season {
      padding: 0 15px 0 0;
      text-align: right; }
    .ext-prem-hero .page--st__toggle #monthly {
      padding: 0 0 0 15px;
      text-align: left; }
  .ext-prem-hero .page--st__toggle-label {
    width: 50%;
    position: relative; }
    .ext-prem-hero .page--st__toggle-label span {
      color: #555560;
      font-weight: 300;
      display: block;
      font-size: 10px;
      line-height: 10px; }
  .ext-prem-hero .st-annual-discount {
    font-size: 12px;
    text-transform: uppercase;
    color: #d3d3d3;
    letter-spacing: 0.05em;
    font-weight: 600;
    border: none;
    padding: 0;
    display: inline-block;
    background: transparent;
    line-height: 1.2;
    width: 100px;
    position: absolute;
    top: 0;
    right: 65px;
    cursor: default; }
    @media screen and (min-width: 980px) {
      .ext-prem-hero .st-annual-discount {
        position: relative;
        top: -1px;
        right: 5px;
        width: auto;
        margin-right: 10px;
        font-size: 14px; } }
    .ext-prem-hero .st-annual-discount img {
      position: absolute;
      top: 0;
      right: 0;
      width: 60px;
      -webkit-transform: translateX(50%) translateY(-100%);
              transform: translateX(50%) translateY(-100%);
      -webkit-filter: grayscale(1);
              filter: grayscale(1);
      opacity: 20%; }
  .ext-prem-hero .active .st-annual-discount {
    color: #963cff; }
    .ext-prem-hero .active .st-annual-discount img {
      -webkit-filter: grayscale(0);
              filter: grayscale(0);
      opacity: 100%; }

.ext-prem-reviews {
  background-color: #35264e;
  color: #fff;
  padding: 40px 0; }
  @media screen and (min-width: 1200px) {
    .ext-prem-reviews {
      padding: 70px; } }
  .ext-prem-reviews__title {
    font-size: 28px;
    line-height: 1em;
    font-weight: 800;
    text-align: center;
    margin: 0 0 50px 0;
    color: #fff; }
  .ext-prem-reviews ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    position: relative;
    margin: 0; }
    @media screen and (min-width: 768px) {
      .ext-prem-reviews ul {
        -webkit-flex-direction: row;
                flex-direction: row; } }
  .ext-prem-reviews .container {
    max-width: 980px; }
  .ext-prem-reviews__stars {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    font-size: 24px;
    color: #963cff;
    margin: 40px 0 20px; }
    .ext-prem-reviews__stars i {
      margin: 0 5px; }

.ext-prem-review {
  width: 100%;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  transition: 1.3s opacity; }
  @media screen and (min-width: 768px) {
    .ext-prem-review {
      -webkit-flex-direction: row;
              flex-direction: row;
      -webkit-align-items: center;
              align-items: center; } }
  .ext-prem-review:first-of-type {
    position: relative; }
  .ext-prem-review.active {
    opacity: 100;
    visibility: visible; }
  .ext-prem-review__img-wrap {
    width: 100%;
    max-width: 200px;
    text-align: center;
    margin-bottom: 40px; }
    @media screen and (min-width: 768px) {
      .ext-prem-review__img-wrap {
        width: 22%;
        margin-bottom: 0;
        margin-right: 40px; } }
    .ext-prem-review__img-wrap img {
      border-radius: 50%;
      -webkit-filter: grayscale(1);
              filter: grayscale(1); }
  .ext-prem-review__content {
    width: 100%; }
    @media screen and (min-width: 768px) {
      .ext-prem-review__content {
        width: 73%;
        padding-left: 30px; } }
  .ext-prem-review blockquote {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
    padding: 0;
    border: none;
    position: relative; }
  .ext-prem-review .quote {
    color: #fff;
    position: absolute;
    font-size: 80px;
    line-height: 0; }
    .ext-prem-review .quote--open {
      top: 0;
      left: 0;
      -webkit-transform: translateY(-100%);
              transform: translateY(-100%); }
      @media screen and (min-width: 768px) {
        .ext-prem-review .quote--open {
          -webkit-transform: translateX(-100%) translateY(-100%);
                  transform: translateX(-100%) translateY(-100%); } }
    .ext-prem-review .quote--close {
      bottom: 0;
      right: 0; }
  .ext-prem-review cite {
    font-weight: 300;
    color: #fff;
    font-size: 15px; }
  .ext-prem-review cite span {
    display: block;
    font-weight: 600; }

/* ---------------------------------
 Chat AI Assistant
--------------------------------- */
.chatbox-pg {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  width: 100%; }

.chatbox {
  width: 100%;
  margin: 0;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.2);
  -webkit-flex: 1;
          flex: 1;
  display: -webkit-flex;
  display: flex; }
  .chatbox * {
    box-sizing: border-box; }

.chatbox-inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  width: 100%; }
  @media screen and (min-width: 1101px) {
    .chatbox-inner {
      -webkit-flex-direction: row;
              flex-direction: row; } }

/* Header
--------------------------------- */
.chatbox__header {
  width: 100%;
  background-color: #35264e;
  color: #fff;
  text-align: center;
  padding: 30px;
  font-weight: 900;
  font-size: 32px;
  box-sizing: border-box; }

.chatbox__options {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-align-items: center;
          align-items: center;
  padding: 10px 20px;
  background-color: rgba(53, 38, 78, 0.1);
  box-shadow: 0 5px 20px rgba(53, 38, 78, 0.1); }
  @media screen and (min-width: 1101px) {
    .chatbox__options {
      width: 20%;
      max-width: 300px;
      -webkit-flex-direction: column;
              flex-direction: column;
      -webkit-justify-content: flex-start;
              justify-content: flex-start;
      background-color: #120d1b; } }

.chatbox__new-chat {
  padding: 10px;
  font-size: 12px; }

/* Body
--------------------------------- */
.chatbox__body {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-flex: 1;
          flex: 1;
  overflow: hidden; }
  @media screen and (min-width: 1101px) {
    .chatbox__body {
      width: 80%; } }

.chatbox__history-wrap {
  -webkit-flex-direction: column-reverse;
          flex-direction: column-reverse;
  display: -webkit-flex;
  display: flex;
  height: 100%;
  overflow-y: auto; }

.chatbox__history {
  padding: 20px;
  background-color: rgba(53, 38, 78, 0.1); }
  @media screen and (min-width: 1101px) {
    .chatbox__history {
      padding: 30px; } }

.chatbox-history__inner {
  width: 100%;
  max-width: 800px;
  margin: 0 auto; }

.chatbox__msg-wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-self: flex-start;
          align-self: flex-start;
  width: 80%;
  margin-bottom: 10px; }
  @media screen and (min-width: 1101px) {
    .chatbox__msg-wrap {
      width: 70%;
      margin-bottom: 0; } }
  .chatbox__msg-wrap--user {
    margin-left: auto;
    margin-bottom: 20px; }
  .chatbox__msg-wrap--temp {
    margin-top: 20px; }

.chatbox__role {
  margin-top: 5px;
  font-size: 13px;
  color: #999;
  padding: 0 10px;
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center; }

.chatbox__avatar {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  margin-right: 6px;
  overflow: hidden;
  -webkit-flex: none;
          flex: none;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  padding: 4px;
  background-color: #fff; }

.chatbox__msg {
  border-radius: 20px;
  background-color: #fff;
  padding: 17px 20px;
  width: 100%;
  width: -webkit-fit-content;
  width: fit-content; }
  .chatbox__msg--user {
    background-color: #773dd6;
    color: #fff;
    margin-left: auto; }
  .chatbox__msg > * {
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 1.4; }
  .chatbox__msg ul,
  .chatbox__msg ol {
    margin-left: 0; }
  .chatbox__msg ul li,
  .chatbox__msg ol li {
    padding-bottom: 3px; }
    .chatbox__msg ul li:last-child,
    .chatbox__msg ol li:last-child {
      padding-bottom: 0; }
  .chatbox__msg table {
    width: 100%; }
  .chatbox__msg td,
  .chatbox__msg th {
    padding: 6px 8px;
    text-align: left;
    border: 1px solid #eee; }
  .chatbox__msg *:last-child {
    margin-bottom: 0; }

.chat-thinking {
  margin: 0; }

/* Input Box Area
--------------------------------- */
.chatbox__input-area {
  width: 100%;
  display: -webkit-flex;
  display: flex; }
  .chatbox__input-area .chatbox__msg-input {
    width: 80%; }
  .chatbox__input-area #id_prompt {
    width: 100%;
    height: auto !important;
    margin: 0;
    background-color: #fff;
    padding: 20px 35px;
    text-align: left; }
  .chatbox__input-area .chatbox__msg-submit {
    width: 20%; }

.predicted-lineup .badge-start {
  background-color: #37bc81; }

.predicted-lineup .badge-img {
  text-align: center; }

.predicted-lineup .badge-lineup {
  margin: auto;
  display: block;
  width: 30px;
  padding: 2px 3px;
  background-color: #fff;
  color: #22133C;
  text-shadow: 0 0 0 0;
  border-radius: 0; }

.predicted-lineup .badge-lineup.badge-info,
.lineup-key .badge.badge-info {
  color: #22133C !important;
  background-color: #29F1FF !important; }

.predicted-lineup .badge-lineup.badge-warning,
.lineup-key .badge.badge-warning {
  color: #22133C !important;
  background-color: #EBFF00 !important; }

.lineup-key .badge {
  margin: 5px;
  margin: auto; }

.lineup-key {
  margin: auto;
  width: 100%;
  text-align: center; }

#lineup_accuracy {
  margin: auto;
  padding: 10px;
  text-align: center;
  font-size: 250%;
  font-weight: 800; }

.pred-lineups div {
  text-align: center; }

.predicted-lineup .team-title {
  text-align: center;
  text-transform: uppercase; }

.predicted-lineup .fffShirtFormation {
  height: 53px;
  width: 65px;
  border-radius: 0; }

.lineup-injuries-table td {
  padding-top: 0;
  padding-bottom: 0; }

.lineup-injuries-table {
  margin-top: 10px; }

.predicted-lineup-away-box {
  display: none; }

.formation-dots {
  line-height: 28px;
  font-size: 42px;
  color: #FC1C5B;
  text-align: center;
  min-height: 110px; }

@media all and (max-width: 767px) {
  .half {
    float: left !important;
    width: 50% !important; }
  .third {
    float: left !important;
    width: 33% !important; }
  .rigid.span2 {
    float: left !important;
    width: 16% !important; }
  .rigid.span3 {
    float: left !important;
    width: 24.9% !important; }
  .rigid.span4 {
    float: left !important;
    width: 33% !important; }
  .rigid.span5 {
    float: left !important;
    width: 40% !important; }
  .rigid.span6 {
    float: left !important;
    width: 50% !important; }
  .rigid.span8 {
    float: left !important;
    width: 66% !important; }
  .rigid.span9 {
    float: left !important;
    width: 759% !important; } }

@media all and (max-width: 767px) and (min-width: 367px) {
  .rigid-sm {
    display: inline-block; }
  .rigid-sm.span3 {
    float: left !important;
    width: 25% !important; }
  .rigid-sm.span4 {
    float: left !important;
    width: 33% !important; }
  .rigid-sm.span8 {
    float: left !important;
    width: 66% !important; }
  .rigid-sm.span9 {
    float: left !important;
    width: 75% !important; } }

.dugout .fffShirt {
  height: 53px;
  width: 65px; }

.dugout-legend-title {
  height: 80px; }
  .dugout-legend-title h1 {
    margin-top: 0; }

/* --- Fixtures Tables --- */
.gameweek-fixture-table h2 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px; }

.gameweek-fixture-table #fixture_table {
  width: 100%; }

.gameweek-fixture-table .fixture-row {
  font-weight: 400;
  font-size: 1em;
  line-height: 1em;
  transition: all 0.25s ease-in-out; }

.gameweek-fixture-table .fixture-row a {
  display: block;
  transition: all 0.25s ease-in-out; }

.gameweek-fixture-table .fixture-row:hover {
  background-color: #29F1FF;
  transition: all 0.25s ease-in-out; }

.gameweek-fixture-table .fixture-row:hover a {
  color: #22133C;
  transition: all 0.25s ease-in-out; }

.gameweek-fixture-table .fixture-row img {
  max-width: 17px;
  padding: 0 10px; }

.gameweek-fixture-table .fixture-row td {
  padding: 5px 0;
  text-align: center; }

.gameweek-fixture-table .fixture-row .arrow {
  font-size: 12px;
  padding-right: 5px; }

.gameweek-fixture-table .fixture-row .fixture-score {
  min-width: 35px; }

.gameweek-fixture-table .fixture-row .fixture-time {
  text-align: left;
  width: 25%;
  padding-left: 5px; }

.gameweek-fixture-table .fixture-row .home-team,
.gameweek-fixture-table .fixture-row .away-team {
  text-align: right;
  font-family: 'fix sans';
  font-size: 12px;
  color: #555560;
  width: 30%; }

.gameweek-fixture-table .fixture-row .home-team {
  text-align: right; }

.gameweek-fixture-table .fixture-row .away-team {
  text-align: left; }

@media screen and (max-width: 980px) and (min-width: 767px) {
  .gameweek-fixture-table .fixture-row .home-team,
  .gameweek-fixture-table .fixture-row .away-team {
    display: none; } }

@media screen and (max-width: 500px) {
  .gameweek-fixture-table .fixture-row .home-team,
  .gameweek-fixture-table .fixture-row .away-team {
    display: none; } }

.center {
  text-align: center; }

.dugout-card {
  position: relative !important;
  border: none;
  text-align: left;
  margin-bottom: 20px; }

.dugout-card img {
  max-height: 45px;
  float: none;
  width: 50px;
  margin-bottom: 5px; }

.dugout-card .name {
  color: #22133C;
  font-weight: 600; }

@media screen and (max-width: 500px) {
  .dugout .assist-card {
    float: left; }
  .dugout .title {
    font-size: 14px !important; }
  .dugout .value {
    font-size: 16px !important; }
  .show-price-change.border {
    border-color: white !important; }
  .show-projections.border {
    border-color: white !important; }
  .show-form.border {
    border-color: white !important; }
  .show-fixture-rating.border {
    border-color: white !important; } }

.font-red {
  color: #e12660; }

.font-green {
  color: #42FF0F; }

.font-orange {
  color: #F93D00; }

.font-blue {
  color: #29F1FF; }

.pitch-progress {
  max-width: 60px;
  min-width: 40px;
  height: 10px; }

.border-orange {
  border: 4px solid #F93D00; }

.border-green {
  border: 4px solid #42FF0F; }

.bg-orange {
  background-color: #F93D00 !important; }

.bg-blue {
  background-color: #29F1FF !important; }

.bg-dark-green {
  background-color: #37bc81 !important; }

.bg-green {
  background-color: #42FF0F !important; }

.bg-red {
  background-color: #e12660 !important; }

.dugout-card .progress {
  margin: auto; }

.dugout-changes {
  padding: 30px;
  margin-bottom: 0;
  text-align: center;
  border: 3px solid #fff;
  border-bottom: 1px solid #e8e8e8; }
  .dugout-changes.border {
    opacity: 1;
    background: #fff;
    border: 3px solid #29F1FF; }
  .dugout-changes h3 {
    font-size: 21px;
    font-weight: 800;
    margin: 0 0 20px 0; }

.show-price-change .dugout-pitch-price-change {
  display: block; }

.show-price-change .dugout-pitch-projections {
  display: none; }

.show-price-change .dugout-pitch-form {
  display: none; }

.show-price-change .dugout-pitch-fixture-rating {
  display: none; }

.show-projections .dugout-pitch-projections {
  display: block; }

.show-projections .dugout-pitch-price-change {
  display: none; }

.show-projections .dugout-pitch-form {
  display: none; }

.show-projections .dugout-pitch-fixture-rating {
  display: none; }

.show-form .dugout-pitch-form {
  display: block; }

.show-form .dugout-pitch-price-change {
  display: none; }

.show-form .dugout-pitch-projections {
  display: none; }

.show-form .dugout-pitch-fixture-rating {
  display: none; }

.show-fixture-rating .dugout-pitch-fixture-rating {
  display: block; }

.show-fixture-rating .dugout-pitch-price-change {
  display: none; }

.show-fixture-rating .dugout-pitch-projections {
  display: none; }

.show-fixture-rating .dugout-pitch-form {
  display: none; }

.btn-dugout {
  position: relative;
  padding: 15px 20px;
  background-color: #4099FF;
  cursor: pointer;
  width: 100%;
  margin-bottom: 20px; }
  .btn-dugout:hover {
    padding: 15px 20px;
    background-color: #0d7eff; }
  .btn-dugout .dugout-pitch-chevron {
    font-size: 32px;
    margin-top: 5px;
    cursor: pointer; }

.btn-twitter {
  color: #22133C;
  position: relative;
  padding: 15px 20px;
  background-color: #E5E5E5;
  cursor: pointer;
  width: 100%;
  margin-bottom: 20px; }
  .btn-twitter i {
    color: #4099FF;
    transition: all 0.25s ease-in-out; }
  .btn-twitter:hover {
    padding: 15px 20px;
    background-color: #cccbcb; }

@media screen and (max-width: 1080px) {
  .btn-dugout-span {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 3px !important; } }

.dugout-pitch-fixture-rating.fffElementFixtures {
  display: inline; }

#flip-this.dugout-flip {
  margin: 0 auto;
  width: 100%;
  min-height: 1082px;
  position: relative;
  font-size: .8em;
  overflow: hidden; }

/* -- make sure to declare a default for every property that you want animated -- */
/* -- general styles, including Y axis rotation -- */
#flip-this.dugout-flip .front {
  position: absolute;
  top: 0;
  z-index: 900;
  width: inherit;
  height: inherit;
  text-align: center;
  -webkit-transform: rotateX(0deg) rotateY(0deg);
  -moz-transform: rotateX(0deg) rotateY(0deg);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  /* -- transition is the magic sauce for animation -- */
  transition: all 0.8s ease-in-out; }

#flip-this.dugout-flip.flip .front {
  z-index: 900;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg); }

#flip-this.dugout-flip .back {
  position: absolute;
  top: 0;
  z-index: 800;
  width: inherit;
  height: inherit;
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  /* -- transition is the magic sauce for animation -- */
  transition: all 0.8s ease-in-out; }

#flip-this.dugout-flip.flip .back {
  z-index: 1000;
  -webkit-transform: rotateX(0deg) rotateY(0deg);
  -moz-transform: rotateX(0deg) rotateY(0deg); }

.btn-dugout-link {
  background-color: #77767b; }

.rollup {
  color: white;
  text-align: center;
  font-size: 1.2em;
  position: fixed;
  bottom: 0;
  width: 100%;
  display: none;
  padding: 10px 0;
  z-index: 999; }

.rollup .rollup-text {
  text-align: center;
  line-height: 1.5em;
  position: relative;
  top: 2px; }

.rollup-btn {
  background-color: rgba(0, 0, 0, 0.2); }

.rollup-btn:hover {
  background-color: rgba(0, 0, 0, 0.3); }

.rollup div {
  min-height: 0px !important; }

.rollup .close {
  color: white;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -11px;
  opacity: 0.5; }

@media screen and (max-width: 500px) {
  .rollup div {
    padding: 2px;
    text-align: center !important;
    font-size: 1.0em; } }

#headsup {
  width: 100%;
  background-color: #F93D00;
  padding: 15px;
  color: white;
  border-radius: 5px;
  text-align: center;
  margin-bottom: 10px; }

#headsup a:hover {
  font-weight: 400; }

/* TEAM REPORT */
.mins-green div {
  border: 1px solid  #42FF0F; }

.mins-green div div {
  background-color: #42FF0F; }

.mins-orange div {
  border: 1px solid #f56936; }

.mins-orange div div {
  background-color: #f56936; }

.mins-red div {
  border: 1px solid #E4EAEB; }

/* this is actually grey, not red */
.team-report-top-players .mins-green div {
  border: 1px solid  #00F2FD; }

.team-report-top-players .mins-green div div {
  background-color: #00F2FD; }

.mins-container {
  padding: 1px;
  display: table-cell; }

.mins-outer {
  width: 12px;
  height: 12px;
  display: table-cell;
  vertical-align: bottom; }

.mins-container div div {
  border: none; }

table.shooting-table td.shooting-stats {
  display: table-cell; }

table.shooting-table th.shooting-stats {
  display: table-cell; }

table.shooting-table td.creativity-stats {
  display: none; }

table.shooting-table th.creativity-stats {
  display: none; }

table.creativity-table td.creativity-stats {
  display: table-cell; }

table.creativity-table th.creativity-stats {
  display: table-cell; }

table.creativity-table td.shooting-stats {
  display: none; }

table.creativity-table th.shooting-stats {
  display: none; }

table.team-report-stats {
  table-layout: fixed; }

table.team-report-stats th, table.team-report-stats td {
  text-align: center; }

.team-report-options {
  text-align: center;
  margin-bottom: 20px; }

.team-report-options .cf {
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
  font-weight: 400;
  font-size: 1.2em; }

#ajax-loading {
  display: none;
  text-align: center;
  font-weight: 400;
  padding: 40px;
  font-size: 1.5em;
  color: #9B9B9B; }

.team-report-top-players p {
  text-align: center;
  text-transform: uppercase;
  font-weight: 400;
  cursor: pointer;
  position: relative;
  top: 8px; }

.team-report-top-players #fwds {
  display: none; }

.team-report-top-players #mids {
  display: none; }

.team-report-top-players #defs {
  display: none; }

.team-report-top-players #gkps {
  display: none; }

.team-report .fa-trophy {
  color: #00F2FD; }

#hidden-team-report {
  display: none;
  font-size: 1.1em; }

.abbrv-word {
  display: none; }

@media screen and (max-width: 500px) {
  #show-team-report {
    display: none; }
  #team-report-intro {
    min-height: 0px !important; }
  #hidden-team-report {
    display: block; } }

@media screen and (max-width: 640px) {
  .full-word {
    display: none; }
  .abbrv-word {
    display: inline; } }

/* TOURNAMENTS */
a.twitter-link {
  color: #00F2FD; }

a.twitter-link:hover {
  color: #35bad7; }

/* TOOLTIPS
    -------------------------------------------------- */
/* This fixes hidden tooltip */
/* Avoid tooltip being bold when attatched to table header  */
.tooltip-inner {
  font-weight: normal; }

/* DATATABLES
    -------------------------------------------------- */
.progress {
  position: relative; }

.progress span {
  position: absolute;
  display: block;
  width: 100%;
  color: black; }

/* TABLES
    -------------------------------------------------- */
.selectortable {
  margin-bottom: -10px; }

.inputtable {
  margin-bottom: -20px; }

.newstable {
  margin-top: -20px; }

.fixture-hover:hover {
  cursor: pointer;
  background-color: #E5ECA8; }

/* ACCORDIAN
    -------------------------------------------------- */
.accordion-inner {
  margin-left: -20px !important;
  margin-right: -20px !important; }

.accordion-heading {
  background: #dcdcdc;
  font-size: 15px; }

/* COUNTDOWN TIMER
    -------------------------------------------------- */
#gameweekCountdown {
  float: left;
  width: 300px;
  height: 40px;
  color: #777777;
  font-weight: bold;
  font-size: 13px;
  margin-left: 15px;
  background-color: transparent;
  border: 0px; }

/* SLIDER
    -------------------------------------------------- */
.sliderbox {
  box-shadow: none !important;
  border: 0;
  color: #f6931f;
  font-weight: bold; }

/* TABS
    -------------------------------------------------- */
.selectortab > li.active > a,
.selectortab > li.active > a:hover,
.selectortab > li.active > a:focus {
  /*background-color: #F5F5F5; */ }

/* DATE RANGE PICKER
    -------------------------------------------------- */
.range_inputs {
  font-size: 0px; }

.range_inputs * {
  display: none; }

.ranges li:last-child {
  display: none; }

.daterangepicker .calendar {
  display: none; }

/* STATS
    -------------------------------------------------- */
.dead-hide {
  display: none; }

/* PITCH
    -------------------------------------------------- */
#fff {
  font-family: Arial,helvetica,sans-serif;
  height: 620px; }

a.fffHide {
  display: none; }

.fffAssistantHide {
  display: none; }

.fffTarget {
  background: rgba(203, 218, 80, 0.75); }

.fffPitch {
  background-size: 100% 100%;
  height: 480px;
  margin-bottom: 140px;
  max-width: 490px;
  margin-left: auto;
  display: block;
  margin-right: auto;
  position: relative; }

.fffPitchAlerts {
  background-size: 100% 100%;
  height: 480px;
  margin-bottom: 140px;
  max-width: 490px;
  margin-left: auto;
  display: block;
  margin-right: auto;
  opacity: 0.7; }

.fffPitchFormation {
  background-size: 100% 100%;
  height: 600px;
  margin-bottom: 20px;
  max-width: 490px;
  margin-left: auto;
  display: block;
  margin-right: auto; }

.fffPitchFull {
  background-size: 100% 100%;
  height: 490px;
  margin-bottom: 0px;
  max-width: 490px;
  margin-left: auto;
  display: block;
  margin-right: auto;
  position: relative; }

.fffPlayerAnalysis {
  height: 40px;
  width: 45px;
  margin: 0 0 0px;
  z-index: 100;
  /**border-radius: 55px;**/ }

.fffElementTextAnalysis {
  font-size: 10px;
  font-family: 'Fix Sans';
  font-weight: 400;
  background: #19803f;
  display: inline-block;
  border-radius: 0px;
  padding: 0 0px;
  width: 45px; }

.fffPlayerContainerAnalysis {
  width: 45px;
  position: absolute; }

.fffPitchCell {
  height: 120px;
  text-align: center; }

.fffPitchCellFormation {
  height: 150px;
  text-align: center; }

.fffPitchCellFormation4 {
  height: 150px;
  text-align: center; }

.fffPitchCellFormation5 {
  height: 125px;
  text-align: center; }

.fffPitchCellFormation6 {
  height: 100px;
  text-align: center; }

.fffPlayerContainer {
  height: 120px; }

.fffPlayerContainerFormation {
  height: 100px; }

.fffShirtFormation {
  height: 52px;
  width: 70px;
  margin: 0 0 2px; }

.fffShirtContainer {
  position: relative; }

.fffShirt {
  height: 58px;
  width: 70px;
  margin: 0 0 2px; }

.dk-icon {
  display: none;
  position: absolute;
  top: 0;
  right: 20px;
  z-index: 9; }

.fffElementDetail {
  margin: 0;
  color: #FFF;
  font-size: 12px;
  line-height: 11px;
  font-weight: bold; }

.fffElementDetailFormation {
  margin: 0;
  color: #FFF;
  font-size: 12px;
  line-height: 11px;
  font-weight: bold; }

.fffElementDetailLineUps {
  margin: 0;
  color: #FFF;
  font-size: 11px;
  line-height: 9px;
  font-weight: bold; }

.fffElementDetail dt {
  line-height: 11px; }

.fffElementDetail dt:last-child {
  line-height: 14px; }

.fffElementText {
  font-family: 'Fix Sans';
  line-height: 11px;
  font-weight: 400;
  display: inline-block;
  padding: 2px 3px;
  background-color: #22133C;
  color: #fff;
  text-shadow: none 2px 5px rgba(0, 0, 0, 0.4);
  border-radius: 0; }

.fffElementTextFormation {
  font-family: 'Fix Sans';
  line-height: 11px;
  font-weight: 400;
  background: #19803f;
  display: inline-block;
  border-radius: 4px;
  padding: 1px 3px; }

.fffElementTextLineUps {
  font-family: 'Fix Sans';
  line-height: 11px;
  font-weight: 400;
  display: inline-block;
  padding: 2px 3px;
  background-color: #22133C;
  color: #fff;
  text-shadow: none 2px 5px rgba(0, 0, 0, 0.4);
  border-radius: 0; }

.fffElementFixtures {
  font-size: 10px;
  padding: 2px 3px;
  background-color: #fff;
  color: #22133C;
  text-shadow: 0 0 0 0;
  border-radius: 0; }

.fffElementOwnership {
  background: #fff;
  color: #22133C; }

.tooltip-points {
  color: #fff; }

.tooltip-points:hover {
  color: #fff; }

.fffBench {
  margin-top: 20px; }

.fffLine, .fffLastUnit {
  overflow: hidden;
  *overflow: visible;
  *zoom: 1; }

.fffUnit {
  float: left; }

.fffUnitRight {
  float: right; }

.fffSize1of1 {
  float: none; }

.fffSize1of2 {
  width: 50%; }

.fffSize1of3 {
  width: 33.33333%; }

.fffSize2of3 {
  width: 66.66666%; }

.fffSize1of4 {
  width: 25%; }

.fffSize3of4 {
  width: 75%; }

.fffSize1of5 {
  width: 20%; }

.fffSize2of5 {
  width: 40%; }

.fffSize3of5 {
  width: 60%; }

.fffSize4of5 {
  width: 80%; }

.fffSize1of6 {
  width: 16.66666%; }

.fffSize2of6 {
  width: 33.33333%; }

.fffSize3of6 {
  width: 50%; }

.fffSize4of6 {
  width: 66.66666%; }

.fffSize5of6 {
  width: 83.33333%; }

.fffSize1of7 {
  width: 14.28571%; }

.fffSize2of7 {
  width: 28.57142%; }

.fffSize3of7 {
  width: 42.85714%; }

.fffSize4of7 {
  width: 57.14285%; }

.fffSize5of7 {
  width: 71.42857%; }

.fffSize6of7 {
  width: 85.71428%; }

.fffLastUnit {
  float: none;
  width: auto;
  _position: relative;
  _left: -3px;
  _margin-right: -3px; }

.pitch-sponsor-board {
  position: absolute;
  top: -3%;
  left: 8%;
  width: 32%;
  max-width: 130px;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2), 0 0 2px rgba(0, 0, 0, 0.2); }

.pitch-sponsor-board--right {
  left: auto;
  right: 8%; }

@font-face {
  font-family: 'timelineicons';
  src: url("../font/timelineicons/timelineicons.eot");
  src: url("../font/timelineicons/timelineicons.eot?#iefix") format("embedded-opentype"), url("../font/timelineicons/timelineicons.woff") format("woff"), url("../font/timelineicons/timelineicons.ttf") format("truetype"), url("../font/timelineicons/timelineicons.svg#timelineicons") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Made with http://icomoon.io/ */
.timeline-box {
  overflow: scroll;
  height: 600px; }

.timeline__main {
  height: 600px;
  position: relative; }

@media screen and (max-width: 1200px) {
  .timeline-box {
    overflow: scroll;
    height: 472px; }
  .timeline__main {
    height: 472px;
    position: relative; } }

.main {
  width: 100%;
  max-width: 69em;
  margin: 0 auto; }

.tmtimeline {
  margin: 0px 0 0 0;
  padding: 0;
  list-style: none;
  position: relative; }

.tmtimeline:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background: #EFEFEF;
  margin-left: 17px; }

.tmtimeline li {
  position: relative; }

/* The date/time */
.tmtimeline > li .tmtime {
  display: block;
  width: 10%;
  padding-right: 100px;
  position: absolute; }

.tmtimeline > li .tmtime span {
  display: block;
  text-align: left; }

.tmtimeline > li .tmtime span:last-child {
  font-size: 2.4em;
  color: #3594cb; }

.tmtimeline > li:nth-child(odd) .tmtime span:last-child {
  color: #6cbfee; }

/* Right content */
.tmtimeline > li .tmlabel {
  margin: 0 0 20px 12%;
  background-color: #ffffff;
  border: 1px solid #EFEFEF;
  padding: 10px 15px;
  position: relative;
  border-radius: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center; }

.tmlabel p {
  margin: 0;
  font-family: 'Fix Sans';
  letter-spacing: 0;
  font-size: 1.1em;
  font-weight: 300;
  line-height: 1.6em;
  -webkit-flex: 1 1 100%;
          flex: 1 1 100%; }

.tmtimeline > li .tmlabel h2 {
  margin: 0 0;
  padding: 0 0 0 0;
  border-bottom: 0px solid rgba(255, 255, 255, 0.4); }

/* The triangle
.tmtimeline > li .tmlabel:after {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-right-color: #4A5564;
	border-width: 10px;
	top: 10px;
}
*/
.tmtimeline > li:nth-child(odd) .tmlabel:after {
  border-right-color: #323a45; }

/* The icons */
.timeline-icon {
  top: 50%;
  margin-top: -23px;
  position: absolute;
  text-align: center;
  padding: 7px 0px;
  background-color: #fff; }

.tmtimeline > li .tmicon {
  width: 34px;
  height: 34px;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1.3em;
  line-height: 34px;
  -webkit-font-smoothing: antialiased;
  color: #22133C;
  border-radius: 50%;
  text-align: center; }

.tmtimeline > li .tmlabel span {
  font-family: 'fix sans';
  font-weight: 400;
  color: #22133C; }

.timeline-icon .time {
  color: #22133C;
  font-family: 'fix sans';
  line-height: 10px;
  margin-top: 5px;
  letter-spacing: 0.04em; }

.timeline__link {
  display: inline-block;
  margin: 0 0 0 20px;
  font-size: 10px;
  line-height: 11px;
  padding: 5px 5px;
  color: #22133C;
  background-color: #fff;
  border: 1px solid #EFEFEF;
  -webkit-flex: 1 1 70px;
          flex: 1 1 70px; }
  .timeline__link:hover {
    display: inline-block;
    margin: 0 0 0 20px;
    font-size: 10px;
    line-height: 11px;
    padding: 5px 5px;
    color: #ffffff;
    background-color: #22133C;
    border: 1px solid #22133C;
    -webkit-flex: 1 1 150px;
    flex: 1 1 70px; }

.tmicon-change:before {
  content: "C"; }

.tmicon-assist:before {
  content: "A"; }

.tmicon-attempted-assist:before {
  content: "A"; }

.tmicon-yellowcard:before {
  content: "Y"; }

.tmicon-redcard:before {
  content: "R"; }

.tmicon-concede:before {
  content: "C"; }

.tmicon-owngoal:before {
  content: "O"; }

.tmicon-goal:before {
  content: "G"; }

.tmicon-save:before {
  content: "S"; }

.tmicon-p-save:before {
  content: 'P'; }

.tmicon-p-goal:before {
  content: 'P'; }

.tmicon-sub:before {
  content: 'S'; }

.tmicon-lineups:before {
  content: 'L'; }

.tmicon-target:before {
  content: 'T'; }

.tmicon-big-created:before {
  content: 'B'; }

.tmicon-big-missed:before {
  content: 'M'; }

.tmtimeline > li .tmicon-change {
  background-color: #22133C;
  color: #fff; }

.tmtimeline > li .tmicon-assist {
  background-color: #29F1FF; }

.tmtimeline > li .tmicon-attempted-assist {
  background-color: #29F1FF; }

.tmtimeline > li .tmicon-yellowcard {
  background-color: #EBFF00; }

.tmtimeline > li .tmicon-redcard {
  background-color: #FC1C5B;
  color: #fff; }

.tmtimeline > li .tmicon-concede {
  background-color: #FC1C5B;
  color: #fff; }

.tmtimeline > li .tmicon-owngoal {
  background-color: #FC1C5B;
  color: #fff; }

.tmtimeline > li .tmicon-goal {
  background-color: #42FF0F; }

.tmtimeline > li .tmicon-save {
  background-color: #42FF0F; }

.tmtimeline > li .tmicon-p-save {
  background-color: #42FF0F; }

.tmtimeline > li .tmicon-p-goal {
  background-color: #42FF0F; }

.tmtimeline > li .tmicon-sub {
  background-color: #22133C;
  color: #fff; }

.tmtimeline > li .tmicon-lineups {
  background-color: #EFEFEF; }

.tmtimeline > li .tmicon-target {
  background-color: #29F1FF; }

.tmtimeline > li .tmicon-big-created {
  background-color: #8ff8ff; }

.tmtimeline > li .tmicon-big-missed {
  background-color: #8ff8ff; }

.tmtimeline > li .tmlabel-personal.tmlabel-change {
  border-color: #22133C; }

.tmtimeline > li .tmlabel-personal.tmlabel-assist {
  border-color: #29F1FF; }

.tmtimeline > li .tmlabel-personal.tmlabel-attempted-assist {
  border-color: #29F1FF; }

.tmtimeline > li .tmlabel-personal.tmlabel-yellowcard {
  border-color: #EBFF00; }

.tmtimeline > li .tmlabel-personal.tmlabel-redcard {
  border-color: #FC1C5B; }

.tmtimeline > li .tmlabel-personal.tmlabel-concede {
  border-color: #FC1C5B; }

.tmtimeline > li .tmlabel-personal.tmlabel-owngoal {
  border-color: #FC1C5B; }

.tmtimeline > li .tmlabel-personal.tmlabel-goal {
  border-color: #42FF0F; }

.tmtimeline > li .tmlabel-personal.tmlabel-save {
  border-color: #42FF0F; }

.tmtimeline > li .tmlabel-personal.tmlabel-p-save {
  border-color: #42FF0F; }

.tmtimeline > li .tmlabel-personal.tmlabel-p-goal {
  border-color: #42FF0F; }

.tmtimeline > li .tmlabel-personal.tmlabel-sub {
  border-color: #22133C; }

.tmtimeline > li .tmlabel-personal.tmlabel-lineups {
  border-color: #EFEFEF; }

.tmtimeline > li .tmlabel-personal.tmlabel-target {
  border-color: #29F1FF; }

.tmtimeline > li .tmlabel-personal.tmlabel-big-created {
  border-color: #8ff8ff; }

.tmtimeline > li .tmlabel-personal.tmlabel-big-missed {
  border-color: #8ff8ff; }

.fadeout {
  z-index: 2;
  position: absolute;
  bottom: 0em;
  width: 100%;
  height: 4em;
  background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%, white 70%);
  background-image: linear-gradient(rgba(255, 255, 255, 0) 0%, white 70%);
  background-image: -ms-linear-gradient(rgba(255, 255, 255, 0) 0%, white 70%); }

/* Example Media Queries */
@media screen and (max-width: 65.375em) {
  .tmtimeline > li .tmtime span:last-child {
    font-size: 1.5em; } }

@media screen and (max-width: 47.2em) {
  .tmtimeline > li .tmtime {
    width: 100%;
    position: relative;
    padding: 0 0 20px 0; }
  .tmtimeline > li .tmtime span {
    text-align: left; }
  .tmtimeline > li .tmlabel {
    font-size: 95%; }
  .tmtimeline > li .tmlabel:after {
    right: auto;
    left: 20px;
    border-right-color: transparent;
    border-bottom-color: #3594CB;
    top: -20px; }
  .tmtimeline > li:nth-child(odd) .tmlabel:after {
    border-right-color: transparent;
    border-bottom-color: #6CBFEE; }
  .tmtimeline > li .tmicon {
    z-index: 2; } }

.predicted-lineups h1 {
  font-weight: 800;
  font-size: 21px;
  line-height: 25px; }
  .predicted-lineups h1.select-title {
    margin-bottom: 25px; }

.predicted-lineups h2 {
  font-weight: 800;
  font-size: 21px;
  line-height: 25px; }

@media screen and (min-width: 768px) {
  .predicted-lineups .nav-tabs {
    margin-top: 25px; } }

/* --------------------------------------
  Global 'Fix Insights' Styles
-------------------------------------- */
.insights .title-bold {
  font-weight: 900; }

.insights .main-header {
  margin: 0 0 10px; }

.insights .main-header-logo {
  max-width: 70px;
  margin-right: 30px; }

.insights .white-box:not(.white-box--rank) .card-title {
  font-weight: 900;
  text-align: center;
  font-size: 21px;
  padding: 10px 0 30px; }

.insights .white-box .sub-card .card-title {
  font-size: 21px;
  padding: 0;
  margin: 0 0 20px; }

.insights .white-box {
  padding: 20px;
  background-color: #fff;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.08); }
  @media screen and (min-width: 1200px) {
    .insights .white-box {
      padding: 30px; } }

.insights .white-box--rank {
  overflow: visible; }
  .insights .white-box--rank .b-overlay-wrap > p:first-of-type {
    font-size: 16px;
    margin-right: 20px; }
    @media screen and (min-width: 1200px) {
      .insights .white-box--rank .b-overlay-wrap > p:first-of-type {
        width: 130px; } }

.insights .card-subtitle {
  text-align: center; }

.insights .card-group .card.card {
  width: 100%; }
  @media screen and (min-width: 576px) {
    .insights .card-group .card.card {
      -webkit-flex: none;
              flex: none; } }
  @media screen and (min-width: 768px) {
    .insights .card-group .card.card {
      -webkit-flex: 1 0 0%;
              flex: 1 0 0%; } }

.insights .card-group .sub-card.sub-card {
  margin-bottom: 20px;
  padding: 0 10px; }
  @media screen and (min-width: 768px) {
    .insights .card-group .sub-card.sub-card {
      border-right: 1px solid #eee;
      margin-bottom: 0; } }
  @media screen and (min-width: 980px) {
    .insights .card-group .sub-card.sub-card {
      padding: 0 20px; } }
  @media screen and (min-width: 1200px) {
    .insights .card-group .sub-card.sub-card {
      padding: 0 35px; } }
  .insights .card-group .sub-card.sub-card:last-child {
    border-right: none;
    margin-bottom: 0; }

/* --------------------------------------
  Rank Tier Setion
-------------------------------------- */
.insights.insights .rank-radios .custom-radio {
  padding: 0;
  margin: 5px; }

.insights.insights .rank-radios label:after {
  display: none; }

.insights.insights .rank-radios label {
  background-color: #eee;
  text-transform: uppercase;
  color: #35264e;
  font-weight: 600;
  font-size: 12px;
  padding: 4px 8px;
  transition: .3s; }
  .insights.insights .rank-radios label:hover {
    background-color: #e1e1e1; }
  @media screen and (min-width: 1200px) {
    .insights.insights .rank-radios label {
      font-size: 13px; } }

.insights.insights .rank-radios input:checked + label {
  color: #fff;
  background-color: #35264e; }

.insights.insights .exclude-dead {
  margin-top: 0.5rem; }
  @media screen and (min-width: 1200px) {
    .insights.insights .exclude-dead {
      margin: 1rem 0 0.5rem; } }
  .insights.insights .exclude-dead label {
    font-size: 16px;
    color: #555560; }

/* --------------------------------------
  'Custom Range' Modal
-------------------------------------- */
.insights.insights .custom-modal {
  margin: 0 0 20px;
  padding: 25px 30px 30px;
  background: #fff;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
  display: none;
  z-index: 100; }
  .insights.insights .custom-modal.active {
    display: block; }
    @media screen and (min-width: 980px) {
      .insights.insights .custom-modal.active {
        position: absolute;
        top: 0;
        right: 0;
        -webkit-transform: translateY(-100%);
                transform: translateY(-100%); } }
  .insights.insights .custom-modal p:first-child {
    width: 100%;
    font-size: 14px;
    text-align: center;
    margin-bottom: 20px; }
  .insights.insights .custom-modal .input-group {
    margin-bottom: 10px; }
  .insights.insights .custom-modal .input-group-prepend {
    background-color: #e9ecef; }
  .insights.insights .custom-modal .input-group-prepend .input-group-text {
    width: 60px;
    border-radius: 0;
    text-align: center;
    -webkit-justify-content: center;
            justify-content: center;
    text-transform: uppercase;
    font-weight: 600;
    border: none;
    color: #35264e; }
  .insights.insights .custom-modal input {
    border-color: #e9ecef;
    background-color: #e9ecef; }
  .insights.insights .custom-modal input::-webkit-outer-spin-button,
  .insights.insights .custom-modal input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0;
    /* <-- Apparently some margin are still there even though it's hidden */ }
  .insights.insights .custom-modal input[type=number] {
    -moz-appearance: textfield;
    /* Firefox */ }
  .insights.insights .custom-modal button {
    background: #FC1C5B;
    text-transform: uppercase;
    color: #fff;
    padding: 10px;
    display: block;
    font-size: 13px;
    width: 100%;
    border-radius: 0;
    border: none; }
    .insights.insights .custom-modal button:hover {
      background-color: #ec0345; }

/* --------------------------------------
  Player Table
-------------------------------------- */
.insights .team-options {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap; }
  .insights .team-options .team-option {
    margin: 0 6px; }
  .insights .team-options input {
    position: absolute;
    z-index: -1;
    opacity: 0; }
  .insights .team-options label {
    text-align: center;
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
    opacity: .4;
    transition: .3s; }
    .insights .team-options label:hover {
      -webkit-filter: grayscale(0);
              filter: grayscale(0); }
  .insights .team-options label span {
    font-size: 12px;
    font-weight: 400;
    display: block;
    margin-top: 3px;
    color: #35264e; }
  .insights .team-options input:checked + label {
    opacity: 1;
    -webkit-filter: grayscale(0);
            filter: grayscale(0); }
  .insights .team-options .team-badge {
    width: 37px;
    height: 37px; }

.insights-data label {
  font-size: 16px;
  font-weight: 300; }

.insights-data .ps__select-box,
.insights-data .ps__input input,
.insights-data .ps__input .btn {
  background-color: #f5f6f7 !important; }

.insights .insights-data .custom-control {
  padding-left: 1.9rem; }

.insights .insights-data .custom-checkbox .custom-control-input ~ .custom-control-label::after,
.insights .insights-data .custom-radio .custom-control-input ~ .custom-control-label::after {
  width: 22px;
  height: 22px;
  top: 0.2rem;
  left: -1.9rem; }

.insights .bootstrap-4 .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after,
.insights .bootstrap-4 .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #FC1C5B;
  border-color: #FC1C5B;
  color: #fff;
  background-image: url(../../images/heatmaps/check-white.svg);
  background-size: auto 10px; }

.table-toggles .custom-control-label {
  font-size: 16px; }

.insights .bootstrap-4 .custom-switch .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #35264e; }

.insights .bootstrap-4 .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  border-color: #35264e; }

.insights-player-table {
  margin-top: 10px; }
  .insights-player-table tr:first-child th,
  .insights-player-table tr:last-child th:nth-child(4),
  .insights-player-table tr:last-child th:nth-child(8),
  .insights-player-table tr:last-child th:nth-child(11),
  .insights-player-table td:nth-child(4),
  .insights-player-table td:nth-child(8),
  .insights-player-table td:nth-child(11) {
    border-right: 1px solid rgba(0, 0, 0, 0.1); }
  .insights-player-table tr:first-child th {
    font-size: 16px;
    padding-top: 15px;
    padding-bottom: 15px; }
  .insights-player-table tr:first-child th:last-child {
    border-right: none; }

.insights .table-plus .btn,
.insights .table-cross.btn {
  border-radius: 0;
  background-color: transparent;
  color: #35264e;
  border: 1px solid #ddd;
  font-size: 11px; }
  .insights .table-plus .btn:hover, .insights .table-plus .btn:focus, .insights .table-plus .btn:active, .insights .table-plus .btn.focus,
  .insights .table-cross.btn:hover,
  .insights .table-cross.btn:focus,
  .insights .table-cross.btn:active,
  .insights .table-cross.btn.focus {
    border: 1px solid #ddd;
    box-shadow: none;
    background-color: #ddd;
    color: #35264e; }
  .insights .table-plus .btn.active,
  .insights .table-cross.btn.active {
    background-color: #35264e !important; }

.insights .table-cross.btn {
  color: #fff;
  background-color: #FC1C5B;
  border-color: #FC1C5B; }
  .insights .table-cross.btn:hover, .insights .table-cross.btn:focus, .insights .table-cross.btn:active, .insights .table-cross.btn.focus,
  .insights .table-cross.btn .btn-secondary:not(:disabled):not(.disabled):active:focus,
  .insights .table-cross.btn .btn-secondary:not(:disabled):not(.disabled).active:focus {
    background-color: #e20342 !important;
    border-color: #e20342 !important;
    color: #fff;
    box-shadow: none !important; }

.insights .btn.add-combo {
  background-color: #35264e;
  border-color: #35264e;
  color: #fff;
  border-radius: 0; }
  .insights .btn.add-combo:hover {
    background-color: #4c3770;
    border-color: #4c3770; }
  .insights .btn.add-combo:disabled {
    background-color: #35264e;
    border-color: #35264e;
    color: #fff;
    opacity: .3;
    cursor: not-allowed; }

/* ---------------------------------------

--------- REVEAL PAGE ------------

--------------------------------------- */
.reveal-pg {
  padding-bottom: 0; }

/* -----------------------------
  Header Section
----------------------------- */
.page-header {
  padding: 30px;
  margin-top: 0; }
  .page-header__title {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    margin-bottom: 10px; }
    .page-header__title img {
      width: 55px; }
  .page-header__content {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-align-items: center;
            align-items: center; }
  @media screen and (min-width: 1200px) {
    .page-header__copy {
      padding-right: 50px; } }
  .page-header h2 {
    font-weight: 900;
    font-size: 1.8rem;
    margin-bottom: 30px;
    margin-top: 0;
    padding-left: 0;
    line-height: 1.2; }
    @media screen and (min-width: 1200px) {
      .page-header h2 {
        font-size: 40px; } }
  .page-header h2 span {
    position: relative; }
    .page-header h2 span:after {
      content: "";
      position: absolute;
      bottom: 4px;
      left: 0;
      width: 100%;
      height: 5px;
      background-color: #42FF0F;
      z-index: 1; }
  @media screen and (min-width: 768px) {
    .page-header__body {
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
              align-items: center; } }
  .page-header .elite-hero-img {
    border-right: 1px solid #eee;
    padding-right: 30px;
    text-align: center;
    display: none; }
    @media screen and (min-width: 768px) {
      .page-header .elite-hero-img {
        display: block; } }
  .page-header .device-wrap {
    text-align: center; }
  .page-header .device-wrap.device-wrap--desktop {
    display: none; }
    @media screen and (min-width: 768px) {
      .page-header .device-wrap.device-wrap--desktop {
        display: inline-block; } }
  .page-header .device-wrap.device-wrap--mob {
    margin: -10px 0 20px; }
    @media screen and (min-width: 768px) {
      .page-header .device-wrap.device-wrap--mob {
        display: none; } }
  .page-header .device {
    width: 160px; }
    @media screen and (min-width: 768px) {
      .page-header .device {
        width: 100px; } }
  .page-header .device-wrap .device--large {
    width: 200px; }
  .page-header ul {
    margin-top: 20px;
    margin-left: 0; }
    @media screen and (min-width: 768px) {
      .page-header ul {
        margin-left: 30px; } }
  .page-header li {
    padding: 7px 0 7px 40px;
    list-style: none;
    position: relative; }
  .page-header li:before {
    content: "";
    width: 20px;
    height: 20px;
    background: url(../../images/logo-icon-red.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 9px;
    left: 0; }

/* -----------------------------
  Side Menu
----------------------------- */
.reveal-menu {
  display: none; }
  @media screen and (min-width: 1200px) {
    .reveal-menu {
      display: block;
      width: 18%;
      float: left;
      position: -webkit-sticky;
      position: sticky;
      top: 130px; } }
  .reveal-menu .white-box {
    padding: 30px; }
  .reveal-menu__title {
    font-weight: 900;
    font-size: 24px;
    margin: 0; }
  .reveal-menu__item {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #ddd; }
  .reveal-menu__item:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none; }
  .reveal-menu__item-title {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    margin-top: 0; }
    .reveal-menu__item-title i {
      margin-left: auto; }
  .reveal-menu a {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    width: 100%;
    white-space: nowrap; }
  .active .reveal-menu__item-title a {
    color: #FC1C5B; }
  .reveal-menu__icon-wrap {
    background-color: #eee;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: -webkit-flex;
    display: flex;
    padding: 7px;
    box-sizing: border-box;
    margin-right: 10px; }
    .reveal-menu__icon-wrap img {
      margin: auto; }

.reveal-menu__submenu {
  margin: 0 0 20px 10px; }

.reveal-menu__sub-item {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  padding: 2px 0;
  position: relative; }
  .reveal-menu__sub-item.active a {
    color: #FC1C5B; }
  .reveal-menu__sub-item img {
    border-radius: 50%; }
  .reveal-menu__sub-item .item-text {
    display: inline-block;
    margin-left: 5px;
    width: calc(100% - 35px);
    text-overflow: ellipsis;
    overflow: hidden; }
  .reveal-menu__sub-item .item-free {
    font-size: 8px;
    line-height: 1;
    font-weight: 600;
    padding: 3px 4px;
    background-color: #FC1C5B;
    color: #fff; }

.reveal-menu-helper {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  visibility: hidden; }

/* -----------------------------
  Mobile Menu
----------------------------- */
.rmob-menu {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #e0e0e0;
  color: #fff;
  box-shadow: 0 -2px 30px rgba(0, 0, 0, 0.25); }
  @media screen and (min-width: 1200px) {
    .rmob-menu {
      display: none; } }
  .rmob-menu ul {
    display: -webkit-flex;
    display: flex;
    margin: 0;
    -webkit-justify-content: center;
            justify-content: center; }
  .rmob-menu li {
    -webkit-flex: auto;
            flex: auto; }
  .rmob-menu a {
    color: #35264e;
    padding: 10px 10px 8px;
    display: block;
    text-align: center;
    font-weight: 400;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
            align-items: center; }
  .rmob-menu__icon-wrap {
    background: #fff;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: -webkit-flex;
    display: flex;
    padding: 6px;
    box-sizing: border-box;
    margin-bottom: 3px; }
    .rmob-menu__icon-wrap img {
      margin: auto; }

/* Managers menu (slides out on mobile) */
.rmanagers-menu {
  background-color: #fff;
  box-shadow: 5px 0 30px rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 75%;
  max-width: 400px;
  z-index: 100;
  -webkit-transform: translateX(-110%);
          transform: translateX(-110%);
  transition: .6s; }
  .rmanagers-menu.active {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  @media screen and (min-width: 1200px) {
    .rmanagers-menu {
      display: none; } }
  .rmanagers-menu ul {
    margin: 0;
    border-bottom: 1px solid #eee;
    overflow-y: auto;
    height: 95%;
    padding-bottom: 150px;
    box-sizing: border-box; }
  .rmanagers-menu h4 {
    padding: 20px;
    margin: 0;
    background-color: #e0e0e0;
    color: #35264e; }
  .rmanagers-menu h4 img {
    width: 40px; }
  .rmanagers-menu a {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    padding: 10px 20px;
    border-bottom: 1px solid #eee;
    font-weight: 400;
    font-size: 14px; }
  .rmanagers-menu img {
    border-radius: 50%;
    margin-right: 5px; }

.rmanagers-menu__close {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 10;
  width: 30%;
  padding: 15px; }

/* -----------------------------
  Main Content
----------------------------- */
.reveal-content {
  width: 100%;
  box-sizing: border-box;
  position: relative; }
  @media screen and (min-width: 1200px) {
    .reveal-content {
      width: 82%;
      padding-left: 30px;
      float: left; } }
  .reveal-content h2 {
    font-weight: 900;
    font-size: 24px; }

/* -----------------------------
  MANAGER BLOCK
----------------------------- */
.rmanager {
  overflow: visible; }
  .rmanager h2 {
    font-weight: 900;
    font-size: 24px; }
  .rmanager h4 {
    margin: 0 0 10px; }
  .rmanager h5 {
    margin: 15px 0 5px;
    font-size: 13px;
    color: #555560;
    line-height: 1.5; }
  .rmanager p:last-child {
    margin-bottom: 0; }
  .rmanager .btn.btn-one-border {
    border-color: #35264e !important;
    padding: 4px 8px;
    font-size: 10px; }

.white-box--rmanager {
  overflow: visible; }
  @media screen and (min-width: 980px) {
    .white-box--rmanager {
      padding: 30px; } }
  .white-box--rmanager .white-inner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    height: 100%; }
  .white-box--rmanager .rmanager-bio + .row-fluid {
    -webkit-flex: 1;
            flex: 1; }

.white-box--consensus {
  border-left: 5px solid #FC1C5B; }
  @media screen and (min-width: 768px) {
    .white-box--consensus .white-inner {
      -webkit-flex-direction: row;
              flex-direction: row; } }

/*
Manager Bio section (top)
----------------------------------- */
.rmanager-bio {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap; }
  .rmanager-bio__icon {
    width: 23px;
    height: 23px;
    background-color: #eee;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    margin-right: 3px;
    border-radius: 50%;
    color: #FC1C5B;
    font-weight: 700; }

.rmanager-bio__header {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center; }
  .rmanager-bio__header img {
    border-radius: 50%; }
  .rmanager-bio__header h2 {
    font-weight: 900;
    font-size: 24px;
    margin-left: 10px; }

.rmanager-bio__details {
  display: -webkit-flex;
  display: flex;
  width: 100%;
  -webkit-flex-direction: column;
          flex-direction: column;
  border-bottom: 1px solid #eee;
  margin-bottom: 30px; }
  @media screen and (min-width: 980px) {
    .rmanager-bio__details {
      -webkit-flex-direction: row;
              flex-direction: row; } }

.rmanager-bio__meta,
.rmanager-bio__finishes,
.rmanager-bio__activity {
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
  margin-bottom: 15px;
  width: 100%; }
  .rmanager-bio__meta:last-child,
  .rmanager-bio__finishes:last-child,
  .rmanager-bio__activity:last-child {
    border-bottom: none;
    margin-bottom: 0; }
  @media screen and (min-width: 980px) {
    .rmanager-bio__meta,
    .rmanager-bio__finishes,
    .rmanager-bio__activity {
      border-bottom: none;
      border-right: 1px solid #eee;
      padding: 10px 20px 10px 0;
      margin: 0 20px 15px 0; }
      .rmanager-bio__meta:last-child,
      .rmanager-bio__finishes:last-child,
      .rmanager-bio__activity:last-child {
        border-right: none;
        margin: 0 0 15px 0;
        padding-right: 0; } }

.rmanager-bio__meta {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-align-content: flex-start;
          align-content: flex-start;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: 10px; }
  @media screen and (min-width: 980px) {
    .rmanager-bio__meta {
      padding-top: 20px;
      margin-top: 0;
      width: 33%; } }

.rmanager-bio__twitter {
  margin: 0 0 0 15px; }

.rmanager-bio__updated {
  width: 100%;
  margin-top: 8px; }

@media screen and (min-width: 980px) {
  .rmanager-bio__finishes {
    width: 28%; } }

.rmanager-bio__finishes p {
  margin-bottom: 7px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center; }

.rmanager-bio__finishes strong {
  color: #35264e;
  font-weight: 600; }

.rmanager-bio__finishes--modal {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  text-align: left; }
  .rmanager-bio__finishes--modal > div {
    width: 100%; }
  .rmanager-bio__finishes--modal > div p {
    -webkit-justify-content: center;
            justify-content: center; }
  @media screen and (min-width: 600px) {
    .rmanager-bio__finishes--modal {
      margin: 0 auto !important;
      -webkit-flex-wrap: nowrap;
              flex-wrap: nowrap; }
      .rmanager-bio__finishes--modal > div {
        width: 50%;
        padding: 0 30px; }
      .rmanager-bio__finishes--modal > div:first-child {
        border-right: 1px solid #ddd; } }

.rmanager-bio__stars {
  display: -webkit-flex;
  display: flex;
  font-size: 9px;
  margin-left: 5px;
  color: #35264e; }
  .rmanager-bio__stars.animate.animate-stars i {
    -webkit-animation: fadeIn .2s both;
            animation: fadeIn .2s both; }
  .rmanager-bio__stars i:nth-child(2) {
    -webkit-animation-delay: .1s;
            animation-delay: .1s; }
  .rmanager-bio__stars i:nth-child(3) {
    -webkit-animation-delay: .2s;
            animation-delay: .2s; }
  .rmanager-bio__stars i:nth-child(4) {
    -webkit-animation-delay: .3s;
            animation-delay: .3s; }
  .rmanager-bio__stars i:nth-child(5) {
    -webkit-animation-delay: .4s;
            animation-delay: .4s; }
  .rmanager-bio__stars i:nth-child(6) {
    -webkit-animation-delay: .5s;
            animation-delay: .5s; }
  .rmanager-bio__stars i:nth-child(7) {
    -webkit-animation-delay: .6s;
            animation-delay: .6s; }
  .rmanager-bio__stars i:nth-child(8) {
    -webkit-animation-delay: .7s;
            animation-delay: .7s; }
  .rmanager-bio__stars i:nth-child(9) {
    -webkit-animation-delay: .8s;
            animation-delay: .8s; }
  .rmanager-bio__stars i:nth-child(10) {
    -webkit-animation-delay: .9s;
            animation-delay: .9s; }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 100%; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 100%; } }

.rmanager-bio__activity {
  position: relative; }
  @media screen and (min-width: 980px) {
    .rmanager-bio__activity {
      width: 39%; } }
  .rmanager-bio__activity .toggle-switch {
    -webkit-flex: none;
            flex: none; }
  .rmanager-bio__activity .notif-settings__label {
    -webkit-justify-content: flex-start;
            justify-content: flex-start; }
    .rmanager-bio__activity .notif-settings__label > span {
      padding: 0 0 0 15px; }
  .rmanager-bio__activity .notif-settings__label + .notif-settings__label {
    margin-top: 5px; }
  .rmanager-bio__activity input[type="checkbox"] {
    opacity: 0; }
  .rmanager-bio__activity .app-modal-trigger {
    font-weight: 400;
    margin-top: 10px;
    font-size: 14px;
    display: inline-block;
    color: #555560; }
    .rmanager-bio__activity .app-modal-trigger i {
      color: #FC1C5B;
      margin-left: 5px; }

/*
Gameweek Info (right column)
----------------------------------- */
.rmanager-gw {
  margin-top: 20px; }
  @media screen and (min-width: 768px) {
    .rmanager-gw {
      margin-top: 0; } }
  .rmanager-gw p {
    line-height: 1.4;
    margin-bottom: 5px; }
  .rmanager-gw .rank-icon {
    margin-left: 3px;
    font-size: 18px; }
  .rmanager-gw .fa-caret-up {
    color: #42FF0F; }
  .rmanager-gw .fa-caret-down {
    color: #FC1C5B; }
  .rmanager-gw .fa-minus {
    color: #999; }

.rchips {
  display: -webkit-flex;
  display: flex;
  margin: 0; }

.rchip {
  margin-right: 10px;
  text-align: center; }
  .rchip__chip {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-align-items: center;
            align-items: center;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    background-color: #35264e; }
  .rchip--used .rchip__chip {
    background-color: #ccc; }
  .rchip--active .rchip__chip {
    background-color: #FC1C5B; }
  .rchip__status {
    font-size: 11px; }

.rteam-info {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between; }
  .rteam-info > div {
    width: 48%; }

.consensus-btn-wrap {
  width: 100%;
  text-align: center;
  display: none;
  margin-top: auto; }
  .consensus-btn-wrap .btn {
    margin-top: 15px;
    width: 100%; }
  @media screen and (min-width: 980px) {
    .consensus-btn-wrap {
      display: block; } }

/*
Pitch + Transfers (left column)
----------------------------------- */
.rtransfers {
  margin-top: 20px;
  border-bottom: 1px solid #eee;
  padding-bottom: 25px; }
  @media screen and (min-width: 768px) {
    .rtransfers {
      margin-top: 40px;
      border-bottom: none;
      padding-bottom: 0; } }
  .rtransfers__ul {
    margin: 0;
    height: 200px;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    max-width: 500px; }
  .rtransfers::-webkit-scrollbar {
    display: none; }
  .rtransfers__transfer {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    padding: 5px 0; }
    @media screen and (min-width: 980px) {
      .rtransfers__transfer {
        -webkit-flex-wrap: nowrap;
                flex-wrap: nowrap; } }
  .rtransfers__transfer:nth-child(even) {
    background-color: #f5f5f5; }
  .rtransfers__player {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    -webkit-flex: 2;
            flex: 2;
    padding: 5px 0; }
  .rtransfers__player-img {
    width: 60px; }
  .rtransfers__name {
    font-weight: 700;
    font-size: 14px;
    margin: 0; }
  .rtransfers__status {
    text-transform: uppercase;
    margin: 0;
    letter-spacing: 1px;
    font-size: 11px; }
  .rtransfers__arrows {
    -webkit-flex: 0.5;
            flex: 0.5;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center; }
    .rtransfers__arrows i {
      color: #42FF0F; }
  .rtransfers__time {
    color: #aaa;
    width: 100%;
    font-size: 11px;
    text-align: right;
    padding-right: 5px; }
    @media screen and (min-width: 980px) {
      .rtransfers__time {
        -webkit-flex: 1;
                flex: 1;
        width: auto;
        text-align: left;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
                align-items: center;
        line-height: 1.4; } }
  .rtransfers p {
    margin: 0; }

/*
Compare Box
----------------------------------- */
.rmanager-bio--compare {
  display: -webkit-flex;
  display: flex; }
  .rmanager-bio--compare .rmanager-bio__image {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    margin-right: 15px;
    min-width: 80px; }
    .rmanager-bio--compare .rmanager-bio__image img {
      border-radius: 50%; }
  .rmanager-bio--compare .btn {
    margin-top: 10px; }
  .rmanager-bio--compare p {
    margin-bottom: 5px; }
  .rmanager-bio--compare + hr {
    margin-bottom: 30px; }

.rmanager-bio__consensus-img {
  width: 68px;
  height: 68px;
  background-color: #f5f5f5;
  border-radius: 50%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  padding: 15px;
  box-sizing: border-box; }
  .rmanager-bio__consensus-img img {
    width: auto;
    border-radius: 0 !important;
    margin-bottom: 0; }

.compare-stats {
  margin-top: 30px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  width: 100%; }
  @media screen and (min-width: 980px) {
    .compare-stats {
      -webkit-flex-direction: row;
              flex-direction: row; } }

.compare-stats__left {
  width: 100%;
  margin-bottom: 30px; }
  @media screen and (min-width: 980px) {
    .compare-stats__left {
      width: 24%;
      margin-bottom: 0;
      padding-right: 20px;
      border-right: 1px solid #eee; } }
  .compare-stats__left h4 {
    text-align: center;
    margin-bottom: 0; }
  .compare-stats__left .rchip__chip {
    display: -webkit-inline-flex;
    display: inline-flex; }
  .compare-stats__left table {
    width: 100%; }
  .compare-stats__left td,
  .compare-stats__left th {
    padding: 4px 8px;
    text-align: left; }
  .compare-stats__left td:nth-child(2),
  .compare-stats__left th:nth-child(2) {
    text-align: center; }
  .compare-stats__left td:first-child,
  .compare-stats__left th:first-child {
    text-align: right; }

.compare-stats__mid {
  width: 100%;
  margin-bottom: 30px; }
  @media screen and (min-width: 980px) {
    .compare-stats__mid {
      width: 40%;
      padding: 0 20px;
      margin-bottom: 0;
      border-right: 1px solid #eee; } }
  .compare-stats__mid h4 {
    margin-bottom: 0; }
  .compare-stats__mid table {
    width: 100%;
    margin-bottom: 30px; }
    .compare-stats__mid table:last-child {
      margin-bottom: 0; }
  .compare-stats__mid table th {
    text-align: left; }
  .compare-stats__mid th:first-child,
  .compare-stats__mid td:first-child {
    width: 55%;
    font-weight: 400; }

.compare-stats__right {
  width: 100%; }
  @media screen and (min-width: 980px) {
    .compare-stats__right {
      width: 36%;
      margin-bottom: 0;
      padding-left: 20px; } }

/* ----------------------------
Consensus Team Tab
---------------------------- */
.consensus-trigger,
.yoursquad-trigger {
  display: inline-block; }

.flip-card-wrap {
  -webkit-perspective: 700px;
          perspective: 700px; }

.flip-card-inner {
  position: relative;
  transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d; }

.flip-card-wrap.active .flip-card-inner {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg); }

.flip-card-front,
.flip-card-back {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  width: 100%;
  box-sizing: border-box; }

.flip-card-back {
  top: 0;
  left: 0;
  position: absolute;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
  display: none;
  transition: .3s; }
  @media screen and (min-width: 768px) {
    .flip-card-back {
      display: block;
      opacity: 0;
      z-index: 1; }
      .flip-card-back.active {
        opacity: 100;
        z-index: 2; } }
  .flip-card-back .white-inner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap; }

@media screen and (min-width: 768px) {
  .flip-card-back .span6:first-child {
    padding-right: 20px;
    border-right: 1px solid #f5f5f5; } }

@media screen and (min-width: 768px) {
  .flip-card-back .span6:last-child {
    padding-left: 20px;
    margin: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column; } }

.flip-card-back .span6:last-child > * {
  width: 100%; }

.flip-card-back .span6:last-child .manager-bio--consensus {
  margin-bottom: auto; }

/* ----------------------------
Ownership / League Tables
---------------------------- */
.reveal-pg #table_ownership td.mysquad {
  background-color: #eee; }

@media screen and (min-width: 768px) {
  .reveal-pg #fff-minileagues #table_live .expand-wrap table {
    display: none; } }

.reveal-pg .fffElementDetail a .fffElementText,
.reveal-pg .premium-trigger,
.reveal-pg .login-trigger,
.fpl-stats .fffElementDetail a .fffElementText,
.fpl-stats .premium-trigger,
.playertransfers .premium-trigger {
  background-color: #FC1C5B;
  padding: 5px 3px;
  font-weight: 600;
  letter-spacing: 1px;
  font-size: 10px;
  transition: .3s; }
  .reveal-pg .fffElementDetail a .fffElementText:hover, .reveal-pg .fffElementDetail a .fffElementText:focus, .reveal-pg .fffElementDetail a .fffElementText:active,
  .reveal-pg .premium-trigger:hover,
  .reveal-pg .premium-trigger:focus,
  .reveal-pg .premium-trigger:active,
  .reveal-pg .login-trigger:hover,
  .reveal-pg .login-trigger:focus,
  .reveal-pg .login-trigger:active,
  .fpl-stats .fffElementDetail a .fffElementText:hover,
  .fpl-stats .fffElementDetail a .fffElementText:focus,
  .fpl-stats .fffElementDetail a .fffElementText:active,
  .fpl-stats .premium-trigger:hover,
  .fpl-stats .premium-trigger:focus,
  .fpl-stats .premium-trigger:active,
  .playertransfers .premium-trigger:hover,
  .playertransfers .premium-trigger:focus,
  .playertransfers .premium-trigger:active {
    background-color: #ec0345;
    padding: 5px 3px; }
  @media screen and (min-width: 768px) {
    .reveal-pg .fffElementDetail a .fffElementText,
    .reveal-pg .premium-trigger,
    .reveal-pg .login-trigger,
    .fpl-stats .fffElementDetail a .fffElementText,
    .fpl-stats .premium-trigger,
    .playertransfers .premium-trigger {
      padding: 5px; }
      .reveal-pg .fffElementDetail a .fffElementText:hover, .reveal-pg .fffElementDetail a .fffElementText:focus, .reveal-pg .fffElementDetail a .fffElementText:active,
      .reveal-pg .premium-trigger:hover,
      .reveal-pg .premium-trigger:focus,
      .reveal-pg .premium-trigger:active,
      .reveal-pg .login-trigger:hover,
      .reveal-pg .login-trigger:focus,
      .reveal-pg .login-trigger:active,
      .fpl-stats .fffElementDetail a .fffElementText:hover,
      .fpl-stats .fffElementDetail a .fffElementText:focus,
      .fpl-stats .fffElementDetail a .fffElementText:active,
      .fpl-stats .premium-trigger:hover,
      .fpl-stats .premium-trigger:focus,
      .fpl-stats .premium-trigger:active,
      .playertransfers .premium-trigger:hover,
      .playertransfers .premium-trigger:focus,
      .playertransfers .premium-trigger:active {
        padding: 5px; } }

.modal__bio-title {
  font-weight: 900;
  font-size: 26px;
  width: 100%;
  text-align: center;
  margin: 0; }

.modal__bio-image {
  margin-top: 15px;
  margin-left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%); }
  .modal__bio-image--consensus {
    background-color: #f5f5f5;
    height: 70px;
    width: 70px;
    border-radius: 50%;
    padding: 15px;
    box-sizing: border-box; }

/* Activate Push Notifications Arrow */
.activate-pn-arrow {
  position: absolute;
  width: auto;
  left: 25px;
  right: 0;
  top: 0; }
  @media screen and (min-width: 980px) {
    .activate-pn-arrow {
      bottom: 110%;
      left: auto;
      top: auto;
      right: 80px; } }
  .activate-pn-arrow p {
    margin: 0;
    color: #FC1C5B;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 600; }
  .activate-pn-arrow img {
    position: absolute;
    width: 50px;
    top: 10px;
    left: -60px;
    display: block; }
    @media screen and (min-width: 980px) {
      .activate-pn-arrow img {
        left: auto;
        right: 104%; } }

.activate-pn-arrow + h4 {
  margin-top: 35px; }
  @media screen and (min-width: 980px) {
    .activate-pn-arrow + h4 {
      margin-top: 0; } }

/* ----------------------------
LOCKOUT BANNER
---------------------------- */
.elite-lockout-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  display: none; }

.elb__banner {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  display: -webkit-flex;
  display: flex;
  box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.3); }

.elb__copy {
  width: 100%;
  padding: 30px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-justify-content: center;
          justify-content: center; }
  .elb__copy h4 {
    font-weight: 700;
    font-size: 22px;
    line-height: 1.2;
    color: #35264e;
    margin: 0 0 20px; }
    @media screen and (min-width: 980px) {
      .elb__copy h4 {
        font-size: 32px;
        line-height: 1.05; } }
  .elb__copy p {
    font-size: 14.5px;
    color: #555560;
    margin-bottom: 20px; }
  @media screen and (min-width: 980px) {
    .elb__copy {
      -webkit-flex: 1;
              flex: 1; } }
  @media screen and (min-width: 1200px) {
    .elb__copy {
      padding: 50px; } }
  @media screen and (min-width: 1400px) {
    .elb__copy {
      padding: 60px; } }

.elb__img {
  display: none; }
  @media screen and (min-width: 980px) {
    .elb__img {
      width: 600px;
      display: block; } }
  @media screen and (min-width: 1200px) {
    .elb__img {
      width: auto; } }

.elb__close {
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
  width: auto;
  padding: 15px;
  font-size: 24px;
  color: #555560;
  -webkit-appearance: none;
  appearance: none;
  background: none;
  border: none; }

/* ---------------------------------------


--------- PRESEASON PACK 2017 ------------


--------------------------------------- */
/* -----------------------------

PSP 2017 - GLOBAL

------------------------------ */
.psp-2017--header {
  z-index: 999; }
  .psp-2017--header .fix a {
    padding: 18px;
    background: #f7f7f7;
    margin: 0; }
    .psp-2017--header .fix a img {
      width: 26px;
      margin: 0 5px 0 0; }
  .psp-2017--header .logo {
    margin-top: 0;
    padding: 10px; }
  .psp-2017--header .drawer-nav .fix a {
    margin: 0;
    display: block;
    padding: 11px 10px;
    color: #222;
    font-size: 16px; }

.header-spacing--psp-2017 {
  height: 60px; }

.modal--coming-soon {
  max-width: 420px;
  text-align: center; }
  .modal--coming-soon .logo {
    float: none;
    margin: 0 auto; }
  .modal--coming-soon .inner {
    padding: 30px; }
  .modal--coming-soon ul {
    margin: 0;
    padding: 0;
    font-size: 1.3em;
    line-height: 1.5em; }
    .modal--coming-soon ul li {
      margin: 0 0 8px 0; }
      .modal--coming-soon ul li::before {
        content: '• '; }

.psp-2017 .jumbotron {
  background-color: #35264e; }
  .psp-2017 .jumbotron .container {
    background-image: url("../../images/psp/header.png"); }
  .psp-2017 .jumbotron .lead {
    color: #fff; }

@media screen and (max-width: 1200px) {
  .psp-2017 .jumbotron .container {
    background-size: auto 80%;
    background-image: none; }
  .psp-2017 .jumbotron .lead {
    max-width: 100%;
    width: 100%;
    text-align: center; }
    .psp-2017 .jumbotron .lead span {
      font-size: 2em;
      line-height: 50px; } }

@media screen and (max-width: 980px) {
  .psp-2017 .jumbotron .container {
    background-size: auto 80%; }
  .psp-2017 .jumbotron .lead span {
    font-size: 26px;
    line-height: 30px;
    margin: 10px 0; } }

/* -----------------------------

PSP 2017 - LANDING

------------------------------ */
.psp-2017--landing__hero {
  background-color: #42FF0F;
  background-image: url(../../images/home/bg.png);
  background-repeat: no-repeat;
  background-position: 129% -295px;
  padding: 40px 0 50px 0;
  background-size: 730px;
  margin: 0 0 40px 0;
  text-align: center; }
  .psp-2017--landing__hero .wrap {
    width: 450px;
    max-width: 100%;
    margin: 0 auto; }
  .psp-2017--landing__hero h1 {
    margin: 0 0 20px 0;
    font-weight: 900;
    font-size: 58px;
    line-height: 1em; }
    .psp-2017--landing__hero h1 span {
      margin-top: 0;
      display: block;
      font-size: 36px;
      line-height: 36px; }
  .psp-2017--landing__hero p {
    margin: 0 0 20px 0; }
  .psp-2017--landing__hero .btn {
    width: 100%; }

.psp-2017--landing__video-wrap {
  position: relative;
  margin-bottom: -90px; }
  .psp-2017--landing__video-wrap img {
    max-width: 104%;
    margin-left: -4%; }

.psp-2017--landing__video {
  position: absolute;
  left: 8%;
  top: 5%;
  right: 12%;
  bottom: 30px;
  border-radius: 3px;
  padding-bottom: 46%;
  height: 0;
  overflow: hidden; }
  .psp-2017--landing__video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box; }

.psp-2017--landing__top {
  padding: 40px 0 80px 0;
  text-align: center; }
  .psp-2017--landing__top h2 {
    font-weight: 900;
    font-size: 28px;
    margin: 0 0 60px 0; }

.psp-2017--landing__psp-wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  width: auto;
  margin: 0 -40px; }

.psp-2017--landing__psp-card {
  padding: 0 40px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-flex: 1 1 30%;
          flex: 1 1 30%;
  margin: 0;
  box-sizing: border-box;
  position: relative;
  width: 33%;
  border-right: 1px solid #EFEFEF;
  transition: all 0.25s ease-in-out; }
  .psp-2017--landing__psp-card:last-child {
    border-right: 0; }
  .psp-2017--landing__psp-card h3 {
    margin: 0 0 30px 0;
    font-size: 20px;
    line-height: 1.3em; }
  .psp-2017--landing__psp-card .image {
    position: relative;
    margin: 0 auto 30px auto;
    width: 85%; }
    .psp-2017--landing__psp-card .image::after {
      content: '';
      position: absolute;
      top: 30%;
      left: 0;
      right: 0;
      bottom: 30%;
      background: #efeeee;
      z-index: 1; }
    .psp-2017--landing__psp-card .image img {
      position: relative;
      z-index: 2;
      padding: 0 20px;
      box-sizing: border-box;
      display: inline-block;
      transition: all 0.25s ease-in-out; }
  .psp-2017--landing__psp-card:hover img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05); }
  .psp-2017--landing__psp-card .paragraph {
    margin: 0 0 30px 0; }
  .psp-2017--landing__psp-card .btn {
    margin: auto 0 0 0;
    width: 100%; }

.psp-2017--landing__bottom {
  padding: 60px 0;
  background-color: #EFEFEF;
  text-align: center; }
  .psp-2017--landing__bottom h2 {
    font-weight: 900;
    font-size: 28px;
    margin: 0 0 60px 0; }

.psp-2017--landing__fix-wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  width: auto;
  margin: 0 -1.25%; }

.psp-2017--landing__fix-card {
  -webkit-flex: 1 0 22.5%;
          flex: 1 0 22.5%;
  position: relative;
  width: 22.5%;
  padding: 30px;
  text-align: center;
  background: #fff;
  margin: 0 1.25% 30px 1.25%;
  box-sizing: border-box;
  transition: all 0.25s ease-in-out; }
  .psp-2017--landing__fix-card:last-child {
    border-right: 0; }
  .psp-2017--landing__fix-card h3 {
    margin: 0 0 30px 0;
    font-size: 20px;
    line-height: 1.3em; }
  .psp-2017--landing__fix-card .image {
    position: relative;
    margin: 0 auto 30px auto; }
    .psp-2017--landing__fix-card .image::after {
      content: '';
      position: absolute;
      top: 30%;
      left: 0;
      right: 0;
      bottom: 30%;
      background: #efeeee;
      z-index: 1; }
    .psp-2017--landing__fix-card .image img {
      position: relative;
      z-index: 2;
      padding: 0 20px;
      box-sizing: border-box;
      display: inline-block;
      transition: all 0.25s ease-in-out; }
  .psp-2017--landing__fix-card:hover img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05); }
  .psp-2017--landing__fix-card .paragraph {
    margin: 0; }

@media screen and (max-width: 1200px) {
  .psp-2017--landing__hero h1 {
    margin: 10px 0 20px 0;
    font-size: 38px; }
    .psp-2017--landing__hero h1 span {
      font-size: 22px; } }

@media screen and (max-width: 980px) {
  .psp-2017--landing__hero {
    background-size: 600px;
    padding: 30px 0;
    margin: 0 0 20px 0; }
    .psp-2017--landing__hero h2 {
      margin: 0 0 10px 0;
      font-size: 19px; }
    .psp-2017--landing__hero h1 {
      margin: 0 0 15px 0;
      font-size: 30px; }
      .psp-2017--landing__hero h1 span {
        font-size: 17px; }
    .psp-2017--landing__hero .btn {
      font-size: 13px;
      padding: 15px 20px; }
      .psp-2017--landing__hero .btn span {
        padding: 0; }
      .psp-2017--landing__hero .btn img {
        display: none; } }

@media screen and (max-width: 767px) {
  .psp-2017--landing__hero {
    background-image: url(../../images/home/bg.png);
    background-repeat: no-repeat;
    background-position: 124% -68px;
    padding: 30px 0;
    background-size: 170px;
    margin: 0 0 30px 0; }
    .psp-2017--landing__hero h2 {
      text-align: center; }
    .psp-2017--landing__hero h1 {
      margin: 0 auto 30px auto;
      font-size: 30px;
      text-align: center; }
    .psp-2017--landing__hero img {
      max-width: 100%;
      margin-left: auto; }
    .psp-2017--landing__hero .btn {
      margin-bottom: 30px; }
  .psp-2017--landing__video {
    padding-top: 0;
    left: 12%;
    top: 6%;
    right: 12%;
    padding-bottom: 43%; }
  .psp-2017--landing__video-wrap {
    margin-bottom: -80px; }
  .psp-2017--landing__psp-wrapper {
    margin: 0; }
  .psp-2017--landing__top {
    padding: 40px 0 0 0; }
    .psp-2017--landing__top h2 {
      font-size: 24px;
      margin: 0; }
  .psp-2017--landing__bottom {
    padding: 30px 0; }
    .psp-2017--landing__bottom h2 {
      font-size: 24px;
      margin: 0 0 30px 0; }
  .psp-2017--landing__wrapper {
    margin: 0; }
  .psp-2017--landing__psp-card {
    padding: 30px 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-flex: 1 1 100%;
            flex: 1 1 100%;
    margin: 0;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    border-right: 0;
    border-bottom: 1px solid #EFEFEF;
    transition: all 0.25s ease-in-out; }
    .psp-2017--landing__psp-card:last-child {
      border-bottom: 0; }
  .psp-2017--landing__fix-card {
    -webkit-flex: 1 0 45%;
            flex: 1 0 45%;
    position: relative;
    width: 45%;
    padding: 20px;
    text-align: center;
    background: #fff;
    margin: 0 1.25% 20px 1.25%;
    box-sizing: border-box;
    transition: all 0.25s ease-in-out; }
    .psp-2017--landing__fix-card:last-child {
      border-right: 0; } }

/* -----------------------------

PSP 2017 - OVERVIEW

------------------------------ */
.psp-2017--overview__mobile {
  display: none; }

.psp-2017--overview__header {
  padding-left: 10px; }

.psp-2017--overview__hero {
  background-color: #29F1FF;
  background-image: url(../../images/home/bg.png);
  background-repeat: no-repeat;
  background-position: 119% -245px;
  padding: 30px 0;
  background-size: 600px; }
  .psp-2017--overview__hero h1 {
    margin: 40px 0 0;
    font-weight: 900;
    font-size: 67px;
    line-height: 1em; }
    .psp-2017--overview__hero h1 span {
      margin-top: 5px;
      display: block; }
  .psp-2017--overview__hero img {
    max-width: 104%;
    margin-left: -4%; }

.psp-2017--overview__hero-bottom {
  margin: 0 0 40px 0; }
  .psp-2017--overview__hero-bottom p {
    font-size: 1.3em;
    line-height: 1.6em;
    margin: 40px 0 0 0;
    padding-right: 40px; }

.psp-2017--overview__video-wrap {
  position: relative;
  margin-bottom: -145px; }

.psp-2017--overview__video {
  position: absolute;
  left: 8%;
  top: 5%;
  right: 12%;
  bottom: 30px;
  border-radius: 3px;
  padding-bottom: 46%;
  height: 0;
  overflow: hidden; }
  .psp-2017--overview__video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box; }

.psp-2017--overview__features {
  position: relative;
  background: #EFEFEF;
  padding: 40px 0;
  margin: 40px 0; }
  .psp-2017--overview__features .psp-2017--overview__features-row {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    width: auto;
    margin: 0 -1.25%; }
  .psp-2017--overview__features h2 {
    font-size: 30px;
    margin: 0 0 40px 0;
    text-align: center; }
  .psp-2017--overview__features .btn {
    width: 100%; }

.psp-2017--overview__btn-row .btn-one-line {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: transparent;
  color: #22133C; }

.psp-2017--overview__btn-row .btn i {
  font-size: 26px;
  line-height: 13px;
  margin: 0 0 0 3px;
  vertical-align: middle; }

.psp-2017--overview .ribbon--wrap {
  position: absolute;
  right: 0;
  top: 0;
  height: 150px;
  width: 150px;
  overflow: hidden; }
  .psp-2017--overview .ribbon--wrap .ribbon {
    width: 90px;
    position: absolute;
    top: 20px;
    right: -50px;
    text-align: center;
    background-color: #29F1FF;
    margin: 0;
    padding: 10px 50px;
    margin-bottom: 20px;
    z-index: 2;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
    .psp-2017--overview .ribbon--wrap .ribbon h1 {
      margin: 0;
      color: #22133C;
      line-height: 1;
      font-size: 15px;
      letter-spacing: 0.08em; }

.psp-2017--overview__card {
  -webkit-flex: 1 0 17.5%;
          flex: 1 0 17.5%;
  position: relative;
  width: 17.5%;
  padding: 20px 15px;
  text-align: center;
  background: #fff;
  margin: 0 1.25% 30px 1.25%;
  box-sizing: border-box;
  transition: all 0.25s ease-in-out; }
  .psp-2017--overview__card .image {
    position: relative;
    margin: 0 auto; }
    .psp-2017--overview__card .image::after {
      content: '';
      position: absolute;
      top: 31%;
      left: 18%;
      right: 18%;
      bottom: 25%;
      background: #efeeee;
      z-index: 1; }
  .psp-2017--overview__card .bonus {
    display: block;
    position: absolute;
    top: -11px;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 12px; }
    .psp-2017--overview__card .bonus::after {
      content: '';
      position: absolute;
      bottom: -5px;
      left: 50%;
      margin-left: -5px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 5px 5px 0 5px;
      border-color: #FC1C5B transparent transparent transparent; }
    .psp-2017--overview__card .bonus span {
      display: inline-block;
      background: #FC1C5B;
      font-weight: bold;
      padding: 0 5px;
      color: #fff; }
  .psp-2017--overview__card .title {
    display: table;
    width: 100%;
    height: 50px;
    padding: 20px 0 5px 0; }
  .psp-2017--overview__card h3 {
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    line-height: 22px;
    margin: 30px 0 10px 0; }
  .psp-2017--overview__card p {
    font-size: 11px;
    line-height: 17px;
    margin-bottom: 0; }
  .psp-2017--overview__card p:last-child {
    margin: 0; }
  .psp-2017--overview__card img {
    position: relative;
    z-index: 2;
    display: inline-block;
    transition: all 0.25s ease-in-out; }
  .psp-2017--overview__card:hover img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05); }
  .psp-2017--overview__card--benchmark {
    padding-top: 10px; }
    .psp-2017--overview__card--benchmark .title {
      padding-top: 0; }
    .psp-2017--overview__card--benchmark p a {
      font-weight: 400;
      margin-top: 5px;
      font-size: 13px;
      display: block; }

.psp-2017--overview .slick-next {
  margin-top: -20px;
  width: 40px;
  height: 40px;
  right: -15px;
  background-image: url("/static/images/psp-2017/overview/arrow-right.png");
  background-size: cover; }

.psp-2017--overview .slick-prev {
  margin-top: -20px;
  width: 40px;
  height: 40px;
  left: -15px;
  background-image: url("/static/images/psp-2017/overview/arrow-left.png");
  background-size: cover; }

.psp-2017--overview .slick-dots {
  margin: 10px 0 0 0;
  position: static; }
  .psp-2017--overview .slick-dots li button::before {
    font-size: 25px; }

.psp-2017--overview .slick-dots li.slick-active button:before {
  color: #29F1FF; }

.psp-2017--overview__purchase {
  background: #EFEFEF;
  padding: 80px 0;
  margin: 60px 0 0; }
  .psp-2017--overview__purchase .container-payment {
    display: -webkit-flex;
    display: flex; }
  .psp-2017--overview__purchase h2 {
    font-size: 30px;
    margin: 0 0 60px 0;
    text-align: center; }
  .psp-2017--overview__purchase .btn {
    width: 100%; }

.psp-2017--overview__payment-card {
  -webkit-flex: 1 1 30%;
          flex: 1 1 30%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  margin: 0;
  box-sizing: border-box;
  position: relative;
  width: 33%;
  padding: 30px;
  text-align: center;
  background: #fff;
  transition: all 0.25s ease-in-out; }
  .psp-2017--overview__payment-card h3 {
    font-size: 20px;
    margin: 0 0 8px 0; }
  .psp-2017--overview__payment-card--featured {
    position: relative;
    -webkit-flex: 1 1 40%;
            flex: 1 1 40%;
    margin: -20px 0;
    border: 3px solid #29F1FF; }
  .psp-2017--overview__payment-card .price {
    font-size: 20px;
    color: #22133C;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0 0 10px 0; }
    .psp-2017--overview__payment-card .price span {
      font-weight: 800;
      font-size: 60px;
      line-height: 47px;
      vertical-align: top; }
  .psp-2017--overview__payment-card .btn {
    margin: 0 0 15px 0; }
    .psp-2017--overview__payment-card .btn i {
      font-size: 26px;
      line-height: 13px;
      margin: 0 0 0 3px;
      vertical-align: middle; }
  .psp-2017--overview__payment-card p {
    font-size: 12px;
    margin: 0; }
  .psp-2017--overview__payment-card.lifetime .price {
    margin-bottom: 20px; }

.psp-2017--overview__code-inner {
  background: #fff;
  padding: 40px 40px 20px 40px;
  margin-top: 50px; }
  .psp-2017--overview__code-inner input[type="text"] {
    padding: 24px; }
  .psp-2017--overview__code-inner .control-group.success input, .psp-2017--overview__code-inner .control-group.success select, .psp-2017--overview__code-inner .control-group.success textarea {
    color: #22133C;
    border-color: #42FF0F; }
  .psp-2017--overview__code-inner .success-inline {
    color: #22133C;
    background-color: #42FF0F;
    border-radius: 0 !important; }
    .psp-2017--overview__code-inner .success-inline li {
      color: #22133C; }

.psp-2017--overview #guide_details .white-box {
  margin-bottom: 0;
  margin-top: 40px; }

.psp-2017--overview #guide_details h2 {
  font-size: 17px;
  margin: 0; }
  .psp-2017--overview #guide_details h2 ul {
    margin: 10px 0 0 0; }
    .psp-2017--overview #guide_details h2 ul li {
      font-size: 14px;
      font-weight: 200;
      color: #555560; }

.footballindex-wrap {
  margin: 0 0 20px 0;
  max-width: 290px; }
  .footballindex-wrap .or {
    position: relative;
    margin: 0 0 10px 0; }
    .footballindex-wrap .or span {
      position: relative;
      z-index: 2;
      padding: 0 10px;
      background: #fff; }
    .footballindex-wrap .or::after {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      top: 45%;
      height: 1px;
      background: #EFEFEF; }
  .footballindex-wrap img {
    width: 110px; }
  .footballindex-wrap .link {
    display: block;
    font-weight: 400; }
  .footballindex-wrap strong {
    color: #22133C; }

.modal--included .modal-body {
  padding: 20px; }

.modal--included .modal-inside {
  padding: 0;
  margin-top: 0; }

.modal--included .btn {
  display: block;
  width: 100%; }

#helpvideo-modal .modal-inside {
  margin: 0;
  padding: 0; }

#helpvideo-modal .btn {
  display: block;
  width: 100%; }

#purchaseModal .title-wrap {
  position: relative;
  padding: 30px;
  background: #EFEFEF;
  box-sizing: border-box; }
  #purchaseModal .title-wrap.alt {
    padding: 30px 30px 20px 30px; }
  #purchaseModal .title-wrap h3 {
    margin-bottom: 15px; }
  #purchaseModal .title-wrap h2 {
    font-size: 30px;
    font-weight: 800; }
  #purchaseModal .title-wrap::after {
    position: absolute;
    bottom: -12px;
    left: 50%;
    margin-left: -12px;
    content: '';
    height: 20px;
    width: 20px;
    background: #fff;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }

#purchaseModal .details-wrap {
  padding: 30px 30px 20px 30px;
  box-sizing: border-box; }
  #purchaseModal .details-wrap input[type="text"], #purchaseModal .details-wrap input[type="password"], #purchaseModal .details-wrap input[type="datetime"], #purchaseModal .details-wrap input[type="datetime-local"], #purchaseModal .details-wrap input[type="date"], #purchaseModal .details-wrap input[type="month"], #purchaseModal .details-wrap input[type="time"], #purchaseModal .details-wrap input[type="week"], #purchaseModal .details-wrap input[type="number"], #purchaseModal .details-wrap input[type="email"], #purchaseModal .details-wrap input[type="url"], #purchaseModal .details-wrap input[type="search"], #purchaseModal .details-wrap input[type="tel"], #purchaseModal .details-wrap input[type="color"], #purchaseModal .details-wrap .uneditable-input {
    margin-bottom: 15px; }
  #purchaseModal .details-wrap .change-details__wrap {
    border-bottom: 1px solid #EFEFEF;
    margin: 7px -30px 10px;
    padding: 0px 0 12px 0; }
  #purchaseModal .details-wrap #change-details h2 {
    margin: 20px 0; }
  #purchaseModal .details-wrap h2 {
    margin: 0 0 20px 0; }
  #purchaseModal .details-wrap .credit-card {
    width: 100%;
    display: block; }
  #purchaseModal .details-wrap .cvv {
    margin-left: 0;
    float: left;
    width: 20%; }
    #purchaseModal .details-wrap .cvv #cvv {
      margin: 0 !important; }
  #purchaseModal .details-wrap .expiry {
    float: left;
    width: 76.5%;
    margin-left: 3.5%; }
    #purchaseModal .details-wrap .expiry .expiry-year {
      margin-left: 4.6%; }
    #purchaseModal .details-wrap .expiry .select2 {
      width: 47.7%;
      float: left; }
    #purchaseModal .details-wrap .expiry .select2-container .select2-choice {
      background-color: #EFEFEF;
      padding: 12px 0;
      border-bottom: 0;
      font-size: 13px; }
  #purchaseModal .details-wrap .btn {
    width: 100%;
    margin: 15px 0 5px 0; }

#purchaseModal .paypal-wrap {
  padding: 0 30px 20px 30px;
  margin: 0 -30px;
  margin-top: 10px;
  border-bottom: 1px solid #EFEFEF; }
  #purchaseModal .paypal-wrap form {
    margin-bottom: 0;
    background: #eee;
    padding: 2px 0; }
  #purchaseModal .paypal-wrap input[type="image"] {
    margin-bottom: 0; }

#purchaseModal .footballindex-wrap {
  max-width: 100%;
  margin: 10px 0 0 0; }

#loginModal {
  text-align: center; }
  #loginModal .title-wrap {
    position: relative;
    padding: 30px;
    background: #EFEFEF;
    box-sizing: border-box; }
    #loginModal .title-wrap h3 {
      margin-bottom: 15px; }
    #loginModal .title-wrap h2 {
      font-size: 30px;
      font-weight: 800; }
    #loginModal .title-wrap::after {
      position: absolute;
      bottom: -12px;
      left: 50%;
      margin-left: -12px;
      content: '';
      height: 20px;
      width: 20px;
      background: #fff;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
  #loginModal .details-wrap {
    padding: 30px 30px 20px 30px;
    box-sizing: border-box; }
    #loginModal .details-wrap .user-switch {
      margin-top: 0; }

#lifetime-modal .modal-body {
  padding: 30px; }

#lifetime-modal h2 {
  margin: 0 0 20px 0; }

#lifetime-modal ul {
  margin: 0 0 30px 0;
  font-size: 1.2em; }
  #lifetime-modal ul li {
    margin: 0 0 10px 0; }

#lifetime-modal .btn {
  width: 100%; }

@media screen and (max-width: 1200px) {
  .psp-2017--overview__hero h1 {
    margin: 10px 0 0;
    font-size: 50px; }
  .psp-2017--overview__video-wrap {
    margin-bottom: -175px; }
  .psp-2017--overview__features .psp-2017--overview__card::after {
    top: 66px;
    height: 51px; }
  .psp-2017--overview__features .btn span.desktop {
    display: none; }
  .psp-2017--overview__card {
    margin-bottom: 25px; }
    .psp-2017--overview__card .bonus span {
      font-size: 10px; } }

@media screen and (max-width: 980px) {
  .psp-2017--overview__desktop {
    display: none !important; }
  .psp-2017--overview__mobile {
    display: block; }
  .psp-2017--overview__hero h1 {
    margin: 0 0 0;
    font-size: 40px; }
  .psp-2017--overview__hero-bottom p {
    font-size: 1em;
    line-height: 1.6em;
    margin: 30px 0 0 0;
    padding-right: 20px; }
  .psp-2017--overview__video-wrap {
    margin-bottom: -175px; }
  .psp-2017--overview__card {
    -webkit-flex: 1 0 100%;
            flex: 1 0 100%;
    width: 100%;
    margin-bottom: 0; }
    .psp-2017--overview__card .bonus {
      top: 0; }
    .psp-2017--overview__card .title {
      display: table;
      width: 100%;
      height: 40px;
      padding: 20px 0 0 0; }
    .psp-2017--overview__card h3 {
      font-size: 15px;
      line-height: 20px;
      margin: 20px 0 0px 0; }
  .psp-2017--overview__code-inner h2 {
    font-size: 20px; } }

@media screen and (max-width: 767px) {
  .psp-2017--overview__hero {
    background-color: #29F1FF;
    background-image: url(../../images/home/bg.png);
    background-repeat: no-repeat;
    background-position: 124% -68px;
    padding: 30px 0;
    background-size: 170px; }
    .psp-2017--overview__hero h1 {
      margin: 0 auto 30px auto;
      font-size: 30px;
      width: 220px;
      text-align: center; }
    .psp-2017--overview__hero img {
      max-width: 100%;
      margin-left: auto; }
  .psp-2017--overview__hero-bottom {
    margin: 45px 0 30px 0;
    text-align: center; }
    .psp-2017--overview__hero-bottom p {
      font-size: 1em;
      line-height: 1.6em;
      margin: 30px 0 0 0;
      padding-right: 20px; }
  .psp-2017--overview__video {
    padding-top: 0;
    left: 12%;
    top: 6%;
    right: 12%;
    padding-bottom: 43%; }
  .psp-2017--overview__video-wrap {
    margin-bottom: -80px; }
  .psp-2017--overview__features {
    padding: 30px 0 15px;
    margin: 30px 0; }
    .psp-2017--overview__features h2 {
      font-size: 20px;
      margin: 0 0 30px 0; }
    .psp-2017--overview__features .psp-2017--overview__features-row {
      display: block;
      width: auto;
      margin: 0; }
    .psp-2017--overview__features .btn {
      margin-bottom: 15px; }
  .psp-2017--overview__card {
    margin: 0;
    margin-bottom: 0;
    width: 100%; }
    .psp-2017--overview__card h3 {
      font-size: 15px;
      line-height: 20px;
      margin: 20px 0 0px 0; }
  .psp-2017--overview__btn-row .span4 {
    margin-top: 10px;
    margin-bottom: 0; }
  .psp-2017--overview__purchase {
    background: #EFEFEF;
    padding: 30px 0;
    margin: 30px 0 0; }
    .psp-2017--overview__purchase .container-payment {
      display: block; }
  .psp-2017--overview__payment-card {
    width: 100%; }
    .psp-2017--overview__payment-card--featured {
      margin: 25px 0; }
  #purchaseModal .title-wrap h3 {
    margin-bottom: 5px;
    font-size: 14px; }
  #purchaseModal .title-wrap h2 {
    font-size: 25px;
    font-weight: 800;
    margin-bottom: 5px; }
  #purchaseModal .expiry .expiry-year {
    margin-top: 0 !important; }
  #loginModal .details-wrap .user-switch {
    font-size: 13px; } }

/* -----------------------------

PSP 2017 - HOME

------------------------------ */
.psp-2017--home {
  background: #EFEFEF; }
  .psp-2017--home__wrapper {
    display: -webkit-flex;
    display: flex;
    padding: 40px 0; }
    .psp-2017--home__wrapper .btn {
      display: block;
      margin: 20px 0 0 0; }
  .psp-2017--home__transfers {
    -webkit-flex: 1 0 30%;
            flex: 1 0 30%;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    width: 33%;
    padding: 30px;
    background: #fff;
    margin: 0 1.25%;
    box-sizing: border-box; }
    .psp-2017--home__transfers h2 {
      text-align: center;
      padding: 0 0 25px 0;
      margin: 0;
      border-bottom: 1px solid #EFEFEF; }
    .psp-2017--home__transfers .inner {
      -webkit-flex: 1 0 0px;
              flex: 1 0 0px;
      overflow-y: auto;
      min-height: 0px;
      height: 0px;
      position: relative;
      margin-right: -10px;
      padding-right: 10px; }
  .psp-2017--home__updates {
    -webkit-flex: 1 0 30%;
            flex: 1 0 30%;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    width: 30%;
    padding: 30px;
    background: #fff;
    margin: 0 1.25%;
    box-sizing: border-box; }
    .psp-2017--home__updates h2 {
      text-align: center;
      padding: 0 0 25px 0;
      margin: 0;
      border-bottom: 1px solid #EFEFEF; }
    .psp-2017--home__updates .inner {
      -webkit-flex: 1 0 0px;
              flex: 1 0 0px;
      overflow-y: auto;
      min-height: 0px;
      height: 0px;
      position: relative; }
    .psp-2017--home__updates .refund-box {
      text-align: center; }
      .psp-2017--home__updates .refund-box h2 {
        border-bottom: 0;
        padding-bottom: 15px; }
      .psp-2017--home__updates .refund-box::after {
        content: '';
        height: 30px;
        display: block;
        margin: 30px -30px;
        background: #EFEFEF; }
  .psp-2017--home .fade-out {
    position: relative;
    height: 80px;
    width: 100%;
    margin-top: -80px;
    z-index: 2;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); }
  .psp-2017--home__transfer a {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    padding: 15px 0;
    margin: -1px 0 0 0;
    border-top: 1px solid #EFEFEF;
    border-bottom: 1px solid #EFEFEF; }
  .psp-2017--home__transfer .image {
    width: 80px;
    -webkit-flex: 1 0 80px;
            flex: 1 0 80px;
    max-width: 80px;
    margin: 0 10px 0 0; }
  .psp-2017--home__transfer .text {
    padding: 0 20px 0 0; }
    .psp-2017--home__transfer .text h3 {
      margin: 0 0 2px 0; }
    .psp-2017--home__transfer .text p {
      margin: 0 0 2px; }
  .psp-2017--home__transfer .arrow {
    -webkit-flex: 1 0 10px;
            flex: 1 0 10px;
    max-width: 10px;
    margin: 0 0 0 auto;
    font-size: 20px;
    color: #22133C; }
  .psp-2017--home__pages {
    -webkit-flex: 1 0 30%;
            flex: 1 0 30%;
    width: 30%;
    margin: 0 1.25%;
    background: #fff;
    padding: 30px;
    box-sizing: border-box; }
    .psp-2017--home__pages h2 {
      text-align: center;
      padding: 0 0 25px 0;
      margin: 0;
      border-bottom: 1px solid #EFEFEF; }
    .psp-2017--home__pages .inner {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap;
      width: auto; }
  .psp-2017--home__page {
    -webkit-flex: 0 0 50%;
            flex: 0 0 50%;
    position: relative;
    width: 50%;
    padding: 15px;
    text-align: center;
    background: #fff;
    margin: 0;
    box-sizing: border-box;
    border-bottom: 1px solid #EFEFEF;
    transition: all 0.25s ease-in-out; }
    .inner--essential .psp-2017--home__page {
      -webkit-flex: 0 0 100%;
              flex: 0 0 100%;
      width: 100%;
      border-right: 0 !important;
      border-left: 0 !important;
      padding-left: 0;
      padding-right: 0; }
      .inner--essential .psp-2017--home__page:nth-child(4) {
        border-bottom: 0; }
    .psp-2017--home__page:nth-child(odd) {
      border-right: 1px solid #EFEFEF;
      padding-left: 0; }
    .psp-2017--home__page:nth-child(even) {
      padding-right: 0; }
    .psp-2017--home__page:nth-child(9), .psp-2017--home__page:nth-child(10) {
      padding-bottom: 0;
      border-bottom: 0; }
    .psp-2017--home__page a {
      display: block; }
    .psp-2017--home__page .image {
      position: relative; }
      .psp-2017--home__page .image::after {
        content: '';
        position: absolute;
        top: 31%;
        left: 18%;
        right: 18%;
        bottom: 25%;
        background: #efeeee;
        z-index: 1; }
      .psp-2017--home__page .image img {
        position: relative;
        z-index: 2;
        transition: all 0.25s ease-in-out; }
      .psp-2017--home__page .image:hover img {
        -webkit-transform: scale(1.05);
                transform: scale(1.05); }
    .psp-2017--home__page h3 {
      font-size: 12px;
      line-height: 16px;
      margin: 10px 0 0 0; }
    .psp-2017--home__page p {
      font-size: 17px;
      line-height: 26px; }
    .psp-2017--home__page p:last-child {
      margin: 0; }
    .psp-2017--home__page.inactive a {
      position: relative;
      opacity: 0.2; }
    .psp-2017--home__page.inactive .comingsoon-text {
      position: absolute;
      top: 50%;
      width: 100%;
      margin-top: -8px;
      padding: 0 10px; }
  .psp-2017--home__coming-soon {
    position: relative; }
    .psp-2017--home__coming-soon .ribbon--wrap {
      position: absolute;
      right: 0;
      top: 0;
      height: 150px;
      width: 150px;
      overflow: hidden;
      z-index: 10; }
      .psp-2017--home__coming-soon .ribbon--wrap .ribbon {
        width: 60px;
        position: absolute;
        top: 7px;
        right: -56px;
        text-align: center;
        background-color: #22133C;
        margin: 0;
        padding: 8px 50px;
        margin-bottom: 20px;
        z-index: 2;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg); }
        .psp-2017--home__coming-soon .ribbon--wrap .ribbon h1 {
          margin: 0;
          color: #fff;
          line-height: 1;
          font-size: 8px;
          letter-spacing: 0.08em; }

@media screen and (max-width: 980px) {
  .psp-2017--home__wrapper {
    display: block;
    padding: 40px 0; }
  .psp-2017--home__transfers {
    -webkit-flex: 1 0 100%;
            flex: 1 0 100%;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    width: 100%;
    padding: 30px;
    background: #fff;
    margin: 0 0 30px 0;
    box-sizing: border-box; }
    .psp-2017--home__transfers .inner {
      height: 400px;
      -webkit-flex: 1 1 400px;
              flex: 1 1 400px; }
  .psp-2017--home__updates {
    -webkit-flex: 1 0 100%;
            flex: 1 0 100%;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    width: 100%;
    padding: 30px;
    background: #fff;
    margin: 0 0 30px 0;
    box-sizing: border-box; }
    .psp-2017--home__updates .inner {
      height: 400px;
      -webkit-flex: 1 1 400px;
              flex: 1 1 400px; }
  .psp-2017--home__pages {
    -webkit-flex: 1 0 100%;
            flex: 1 0 100%;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    width: 100%;
    padding: 30px;
    background: #fff;
    margin: 0;
    box-sizing: border-box; } }

/* -----------------------------

PSP 2017 - SQUAD CREATOR

------------------------------ */
.psp-2017--squad-creator .fffButtonBar .bank {
  width: 30%; }

.psp-2017--squad-creator .fffButtonBar .fffSave {
  padding: 32px 0 33px;
  width: 35%; }

.psp-2017--squad-creator .assist-box p {
  margin: 10px 0 0 0;
  font-size: 11px;
  line-height: 16px; }

@media screen and (min-width: 767px) {
  .selectionpitch .nav-tabs > li > a::before {
    content: 'Draft '; } }

@media screen and (max-width: 1200px) {
  .selectionpitch .nav-tabs > li > a {
    margin-right: 25px;
    font-size: 15px; }
  .psp-2017--squad-creator .fffButtonBar .bank {
    font-size: 23px;
    line-height: 27px; } }

@media screen and (max-width: 767px) {
  .selectionpitch .nav-tabs > li {
    width: 20%;
    text-align: center; }
    .selectionpitch .nav-tabs > li a {
      margin: 0; } }

@media screen and (max-width: 500px) {
  .psp-2017--squad-creator .fffButtonBar .bank {
    width: 100%; }
    .psp-2017--squad-creator .fffButtonBar .bank h3 {
      margin-bottom: 3px;
      margin-right: 0; }
  .psp-2017--squad-creator .fffButtonBar .fffSave {
    padding: 15px 0;
    width: 48%; }
  .psp-2017--squad-creator .fffButtonBar .fffReset {
    padding: 15px 0;
    width: 48%; } }

/* -----------------------------

PSP 2017 - FIXTURE ROTATOR

------------------------------ */
.psp-2017--rotator .rotation-box .key.blue {
  background-color: #29F1FF; }

.psp-2017--rotator .rotation-box .key.red {
  background-color: #FC1C5B; }

/* -----------------------------

PSP 2017 - PREDICTED PRICES

------------------------------ */
.psp-2017--prices__accuracy {
  text-align: center;
  padding: 30px; }
  .psp-2017--prices__accuracy h2 {
    font-size: 50px;
    margin: 7px 0 20px;
    font-weight: 800; }
  .psp-2017--prices__accuracy p {
    margin: 0;
    font-size: 1.2em; }

.psp-2017--prices .pred-price-chart {
  border-radius: 0;
  background-color: #EFEFEF; }

.psp-2017--prices .pred-price-value {
  color: #22133C !important; }

.psp-2017--prices .pred-price-chart-inner {
  background-color: #29F1FF;
  border-radius: 0; }

.psp-2017--prices .pred-price-top5::before {
  display: none; }

.psp-2017--prices .gpp-top-five .gpp-card-wrap .name {
  font-weight: 500;
  color: #22133C; }

.psp-2017--prices .gpp-top-five .gpp-card-wrap .price {
  font-weight: 200;
  font-color: #555560; }

.psp-2017--prices .gpp-card-wrap {
  border-radius: 0; }

.psp-2017--prices .gpp-top-five .span3:first-of-type .gpp-card-wrap {
  border-left: 0; }

.psp-2017--prices .gpp-top-five .span3:first-of-type .pred-price-top5::before {
  display: block;
  background: transparent;
  font-size: 20px;
  color: #22133C;
  padding: 0; }

.psp-2017--prices .gpp-top-five .gpp-card-wrap {
  padding: 0 10px 0 12%;
  border-left: 1px solid #e4eaeb;
  border-right: 0; }

@media screen and (max-width: 980px) {
  .psp-2017--prices .span9,
  .psp-2017--prices .span3 {
    width: 100%;
    margin: 0; }
  .psp-2017--prices .gpp-top-five .gpp-card-wrap {
    border-left: 0;
    padding-left: 0;
    padding: 10px 0; }
    .psp-2017--prices .gpp-top-five .gpp-card-wrap div:nth-of-type(1) .pred-price-top5::before {
      content: '1'; }
    .psp-2017--prices .gpp-top-five .gpp-card-wrap div:nth-of-type(2) .pred-price-top5::before {
      content: '2'; }
    .psp-2017--prices .gpp-top-five .gpp-card-wrap div:nth-of-type(3) .pred-price-top5::before {
      content: '3'; }
    .psp-2017--prices .gpp-top-five .gpp-card-wrap div:nth-of-type(4) .pred-price-top5::before {
      content: '4'; }
    .psp-2017--prices .gpp-top-five .gpp-card-wrap div:nth-of-type(5) .pred-price-top5::before {
      content: '5'; }
  .psp-2017--prices .gpp-top-five .pred-price-top5::before {
    display: block;
    background: transparent;
    font-size: 20px;
    color: #22133C;
    padding: 0; } }

/* -----------------------------

PSP 2017 - PREDICTED PRICES

------------------------------ */
.psp-2017--updates h2 {
  margin: 0 0 30px 0; }

.psp-2017--updates .paragraph {
  border-bottom: 1px solid #EFEFEF;
  padding: 0 0 30px 0;
  margin-bottom: 35px; }

/* -----------------------------

PSP 2017 - TOP 50

------------------------------ */
.psp-2017--top50 {
  background: #EFEFEF; }
  .psp-2017--top50 h2 {
    -webkit-flex: none;
            flex: none;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #EFEFEF;
    margin: 0;
    padding: 20px 10px;
    box-sizing: border-box; }
  .psp-2017--top50__card-row {
    background: #fff;
    margin: 0 0 40px 0; }
  .psp-2017--top50__card-row__inner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    width: auto; }
  .psp-2017--top50__menu-card {
    -webkit-flex: 1 0 11.1111%;
            flex: 1 0 11.1111%;
    position: relative;
    width: 11.1111%;
    padding: 20px;
    text-align: center;
    box-sizing: border-box;
    transition: all 0.25s ease-in-out;
    border-right: 1px solid #EFEFEF; }
    .psp-2017--top50__menu-card .image {
      position: relative; }
      .psp-2017--top50__menu-card .image::after {
        content: '';
        position: absolute;
        top: 11%;
        left: 10%;
        right: 10%;
        bottom: 11%;
        background: #efeeee;
        z-index: 1; }
    .psp-2017--top50__menu-card img {
      position: relative;
      z-index: 2;
      display: inline-block;
      transition: all 0.25s ease-in-out; }
    .psp-2017--top50__menu-card:hover img {
      -webkit-transform: scale(1.05);
              transform: scale(1.05); }
    .psp-2017--top50__menu-card .title {
      display: table;
      width: 100%;
      height: 15px;
      padding: 15px 0 0 0; }
    .psp-2017--top50__menu-card h3 {
      display: table-cell;
      vertical-align: middle;
      font-size: 15px;
      margin: 30px 0 10px 0; }
    .psp-2017--top50__menu-card__coming-soon {
      position: relative; }
      .psp-2017--top50__menu-card__coming-soon .ribbon--wrap {
        position: absolute;
        right: 0;
        top: 0;
        height: 150px;
        width: 150px;
        overflow: hidden;
        z-index: 10; }
        .psp-2017--top50__menu-card__coming-soon .ribbon--wrap .ribbon {
          width: 60px;
          position: absolute;
          top: 7px;
          right: -56px;
          text-align: center;
          background-color: #22133C;
          margin: 0;
          padding: 8px 50px;
          margin-bottom: 20px;
          z-index: 2;
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg); }
          .psp-2017--top50__menu-card__coming-soon .ribbon--wrap .ribbon h1 {
            margin: 0;
            color: #fff;
            line-height: 1;
            font-size: 8px;
            letter-spacing: 0.08em; }

@media screen and (max-width: 1200px) {
  .psp-2017--top50__menu-card h3 {
    font-size: 11px; } }

@media screen and (max-width: 980px) {
  .psp-2017--top50__menu-card {
    -webkit-flex: 1 0 33.3333%;
            flex: 1 0 33.3333%;
    width: 33.333%;
    border-bottom: 1px solid #EFEFEF; }
  .psp-2017--top50 h3 {
    font-size: 15px; } }

@media screen and (max-width: 450px) {
  .psp-2017--top50__menu-card {
    -webkit-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%; } }

/* -----------------------------

PSP 2017 - KEY PLAYERS

------------------------------ */
.psp-2017--key-players__menu {
  background: #fff;
  margin: 0 0 30px 0; }
  .psp-2017--key-players__menu ul {
    margin: 0;
    padding: 0 10px;
    text-align: center; }
    .psp-2017--key-players__menu ul li {
      font-size: 18px;
      font-weight: 400;
      padding: 20px 0;
      float: left;
      width: 25%;
      box-sizing: border-box; }
    .psp-2017--key-players__menu ul .btn {
      width: 90%;
      margin: 0 auto; }

.psp-2017--key-players .gpp-card-wrap {
  border-radius: 0; }

.psp-2017--key-players .pred-price-chart {
  border-radius: 0;
  background-color: #EFEFEF; }

.psp-2017--key-players .pred-price-value {
  color: #22133C !important; }

.psp-2017--key-players .pred-price-chart-inner {
  background-color: #29F1FF;
  border-radius: 0; }

.psp-2017--key-players .last-season-stats h4 {
  color: #22133C; }

.psp-2017--key-players .last-season-stats p {
  font-weight: 600;
  font-size: 18px;
  color: #22133C; }

.psp-2017--key-players .key-player-menu-item .selected {
  color: #29F1FF; }

.psp-2017--key-players .key-player-card .main-value {
  font-weight: 600;
  color: #22133C; }

.psp-2017--key-players .key-player-card .stars {
  color: #29F1FF; }

.psp-2017--key-players .points-column {
  background-color: #29F1FF; }

.psp-2017--key-players .fixture-column {
  background-color: #29F1FF; }

.psp-2017--key-players .key-player-circle div {
  background: #29F1FF; }

@media screen and (max-width: 650px) {
  .psp-2017--key-players__menu ul li {
    font-size: 12px; } }

@media screen and (max-width: 450px) {
  .psp-2017--key-players__menu ul li {
    font-size: 10px;
    padding: 10px 0; } }

/* -----------------------------

PSP 2017 - FIXTURE ROTATOR

------------------------------ */
.psp-2017--rotator__wrapper {
  display: -webkit-flex;
  display: flex; }

.psp-2017--rotator__left {
  -webkit-flex: 0 0 30%;
          flex: 0 0 30%;
  margin-right: 3%;
  display: -webkit-flex;
  display: flex; }
  .psp-2017--rotator__left .white-inner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    height: 100%; }
  .psp-2017--rotator__left .btn {
    margin: auto 0 0 0; }

.psp-2017--rotator__right {
  -webkit-flex: 1;
          flex: 1;
  display: -webkit-flex;
  display: flex; }

@media screen and (max-width: 767px) {
  .psp-2017--rotator__wrapper {
    display: block; }
  .psp-2017--rotator__left {
    display: block;
    margin-right: 0; } }

/* -----------------------------

PSP 2017 - FIXTURE ROTATOR

------------------------------ */
.psp-2017--team .team-stats-inner {
  border-color: #29F1FF; }

.psp-2017--team #team-stats .progress-bar {
  background-color: #29F1FF; }

.psp-2017--team .team-stats-bar {
  border: 0 !important;
  border-radius: 0;
  background-color: #EFEFEF; }

.psp-2017--team .team-circle-goal, .psp-2017--team .penalty-matrix .key.green {
  background-color: #29F1FF; }

.psp-2017--team .team-circle-not-take, .psp-2017--team .penalty-matrix .key.blue {
  background-color: #22133C; }

.psp-2017--team .preseason .goals-bar .progress-bar {
  background-color: #29F1FF; }

.psp-2017--team .gpp-card-wrap {
  border-radius: 0; }

.psp-2017--team .pred-price-chart {
  border-radius: 0;
  background-color: #EFEFEF; }

.psp-2017--team .pred-price-value {
  color: #22133C !important; }

.psp-2017--team .pred-price-chart-inner {
  background-color: #29F1FF;
  border-radius: 0; }

.psp-2017--team .last-season-stats h4 {
  color: #22133C; }

.psp-2017--team .last-season-stats p {
  font-weight: 600;
  font-size: 18px;
  color: #22133C; }

.psp-2017--team .key-player-menu-item .selected {
  color: #29F1FF; }

.psp-2017--team .key-player-card .main-value {
  font-weight: 600;
  color: #22133C; }

.psp-2017--team .key-player-card .stars {
  color: #29F1FF; }

.psp-2017--team .points-column {
  background-color: #29F1FF; }

.psp-2017--team .fixture-column {
  background-color: #29F1FF; }

.psp-2017--team .key-player-circle div {
  background: #29F1FF; }

/* -----------------------------

PSP 2017 - TOP 50 ARTICLES

------------------------------ */
.psp-2017--article .article .paragraph a {
  color: #29F1FF; }

/* -----------------------------

PSP 2017 - SKILLS BENCHMARK

------------------------------ */
.psp-2017--benchmark .psp-2017--top50__menu-card {
  -webkit-flex: 1 0 9.0909%;
          flex: 1 0 9.0909%;
  position: relative;
  width: 9.0909%; }
  .psp-2017--benchmark .psp-2017--top50__menu-card h3 {
    font-size: 13px; }

.psp-2017--benchmark .spacer {
  height: 30px;
  width: 100%; }

.psp-2017--benchmark .pad25 {
  height: 25px;
  width: 100%; }

.psp-2017--benchmark__box__title {
  font-size: 28px;
  margin: 0 0 30px 0;
  padding: 0 0 30px 0;
  text-align: center;
  border-bottom: 1px solid #EFEFEF; }

.psp-2017--benchmark__box h2 {
  text-align: center;
  margin: 0 0 30px 0; }

.psp-2017--benchmark__box h2.equal-title {
  display: table;
  height: 70px;
  width: 100%; }
  .psp-2017--benchmark__box h2.equal-title span {
    display: table-cell;
    vertical-align: middle;
    width: 100%; }

.psp-2017--benchmark__wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: center;
          align-items: center; }
  .psp-2017--benchmark__wrapper .left {
    -webkit-flex: 0 0 120px;
            flex: 0 0 120px;
    width: 120px;
    text-align: center; }
    .psp-2017--benchmark__wrapper .left img {
      width: 120px; }
    .psp-2017--benchmark__wrapper .left p {
      margin: 5px 0 0 0; }
  .psp-2017--benchmark__wrapper .right {
    -webkit-flex: 1;
            flex: 1;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    text-align: center;
    padding: 0 0 0 30px; }
    .psp-2017--benchmark__wrapper .right .best {
      -webkit-flex: 0 0 50%;
              flex: 0 0 50%;
      width: 50%;
      padding: 0 30px 0 0;
      border-right: 1px solid #EFEFEF;
      box-sizing: border-box; }
    .psp-2017--benchmark__wrapper .right .worst {
      -webkit-flex: 0 0 50%;
              flex: 0 0 50%;
      width: 50%;
      padding: 0 0 0 30px;
      box-sizing: border-box; }
    .psp-2017--benchmark__wrapper .right p {
      font-size: 1.2em;
      line-height: 1.6em; }

.psp-2017--benchmark .highcharts-title {
  fill: #22133C !important; }
  .psp-2017--benchmark .highcharts-title tspan {
    color: #22133C; }

.psp-2017--benchmark table {
  margin-bottom: 30px !important; }
  .psp-2017--benchmark table th {
    color: #22133C;
    text-align: center; }
  .psp-2017--benchmark table td {
    text-align: center; }
  .psp-2017--benchmark table tr td:first-child {
    text-align: left;
    width: 35%; }
  .psp-2017--benchmark table td.cell-me, .psp-2017--benchmark table th.cell-me {
    width: 200px;
    border-radius: 0 !important;
    background: #EFEFEF;
    border-bottom: 1px solid #dadada;
    color: #22133C;
    font-weight: 400; }

@media screen and (max-width: 1200px) {
  .psp-2017--benchmark .psp-2017--top50__card-row {
    margin-top: 0; }
  .psp-2017--benchmark .psp-2017--top50__menu-card {
    padding: 10px; }
  .psp-2017--benchmark__box h2 {
    padding: 0 0 20px 0;
    font-size: 22px; } }

@media screen and (max-width: 980px) {
  .psp-2017--benchmark .psp-2017--top50__menu-card {
    -webkit-flex: 0 0 16.6673%;
            flex: 0 0 16.6673%;
    width: 16.6673%; }
  .psp-2017--benchmark .psp-2017--top50 .strategy-chart-row {
    margin: 20px; } }

@media screen and (max-width: 600px) {
  .psp-2017--benchmark .psp-2017--top50__menu-card {
    -webkit-flex: 0 0 25%;
            flex: 0 0 25%;
    width: 25%; }
    .psp-2017--benchmark .psp-2017--top50__menu-card h3 {
      font-size: 10px; }
  .psp-2017--benchmark table td.cell-me, .psp-2017--benchmark table th.cell-me {
    width: auto; }
  .psp-2017--benchmark__wrapper {
    display: block; }
    .psp-2017--benchmark__wrapper .left {
      width: 100%; }
      .psp-2017--benchmark__wrapper .left img {
        margin: 0 auto; }
    .psp-2017--benchmark__wrapper .right {
      display: block;
      padding: 30px 0 0 0; }
      .psp-2017--benchmark__wrapper .right .best {
        width: 100%;
        padding: 15px 0;
        border-right: 0;
        border-top: 1px solid #EFEFEF; }
      .psp-2017--benchmark__wrapper .right .worst {
        width: 100%;
        padding: 15px 0 0 0;
        border-top: 1px solid #EFEFEF; } }

/* -----------------------------

PSP 2017 - SKILLS BENCHMARK

------------------------------ */
.footballindex .psp-2017--overview__hero {
  background-color: transparent;
  background-image: none; }
  .footballindex .psp-2017--overview__hero .psp-2017--landing__video-wrap {
    margin-bottom: 30px; }
    .footballindex .psp-2017--overview__hero .psp-2017--landing__video-wrap img {
      width: 100%; }
  .footballindex .psp-2017--overview__hero h2 {
    margin-top: 0;
    margin-bottom: 35px;
    font-size: 45px;
    line-height: 48px;
    font-weight: 800;
    text-align: center; }
  .footballindex .psp-2017--overview__hero h3 {
    font-size: 32px;
    font-weight: 800; }
  .footballindex .psp-2017--overview__hero ol {
    list-style-type: none;
    margin-left: 30px;
    padding-right: 30px; }
  .footballindex .psp-2017--overview__hero li {
    position: relative;
    font-size: 16px;
    line-height: 22px;
    color: #22133C;
    list-style-type: none;
    margin-bottom: 35px; }
  .footballindex .psp-2017--overview__hero li::before {
    position: absolute;
    left: -55px;
    margin-top: -20px;
    top: 13px;
    font-size: 31px;
    line-height: 40px;
    text-align: center;
    border-radius: 50px;
    width: 40px;
    font-weight: 800;
    background: #29f1ff; }
  .footballindex .psp-2017--overview__hero li:nth-child(1)::before {
    content: '1'; }
  .footballindex .psp-2017--overview__hero li:nth-child(2)::before {
    content: '2'; }
  .footballindex .psp-2017--overview__hero li:nth-child(3)::before {
    content: '3'; }
  .footballindex .psp-2017--overview__hero li:nth-child(4)::before {
    content: '4'; }
  .footballindex .psp-2017--overview__hero p {
    margin: 0;
    color: #22133C; }
  .footballindex .psp-2017--overview__hero .btn {
    display: block;
    margin-left: -4%;
    font-size: 22px;
    padding: 25px 10px; }

.footballindex__middle {
  padding: 0 40px 30px 40px; }
  .footballindex__middle .small {
    margin: 15px 0 0 0; }
  .footballindex__middle .btn {
    display: block;
    margin: 0; }

.footballindex__bottom {
  background: #E5E5E5;
  padding: 40px; }
  .footballindex__bottom .span5 {
    padding-right: 40px;
    margin-left: 0; }
  .footballindex__bottom .span7 {
    padding-right: 30px; }
  .footballindex__bottom h2 {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 45px;
    line-height: 48px;
    font-weight: 800; }
  .footballindex__bottom ul {
    margin-bottom: 25px; }
  .footballindex__bottom li {
    font-size: 16px;
    line-height: 22px;
    color: #22133C;
    list-style-type: disc;
    margin-bottom: 8px; }
  .footballindex__bottom img {
    width: 550px;
    margin: 0 auto;
    display: block; }
  .footballindex__bottom .video-toggle {
    cursor: pointer; }
  .footballindex__bottom .btn {
    width: 100%; }

@media screen and (max-width: 1200px) {
  .footballindex .psp-2017--overview__hero h2 {
    font-size: 35px;
    line-height: 38px; }
  .footballindex .psp-2017--overview__hero h3 {
    font-size: 26px;
    font-weight: 800;
    margin: 20px 0 10px 0; }
  .footballindex .psp-2017--overview__hero li {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 6px; }
  .footballindex__bottom h2 {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 35px;
    line-height: 38px; }
  .footballindex__bottom ul {
    margin-bottom: 25px; }
  .footballindex__bottom li {
    font-size: 16px;
    line-height: 22px;
    color: #22133C;
    list-style-type: disc;
    margin-bottom: 8px; }
  .footballindex__bottom .video-toggle {
    cursor: pointer; } }

@media screen and (max-width: 980px) {
  .footballindex .psp-2017--overview__hero {
    background-position: 109% -165px;
    background-size: 300px; }
    .footballindex .psp-2017--overview__hero img {
      margin-left: 0;
      width: 100%; }
    .footballindex .psp-2017--overview__hero .btn {
      margin-left: 0; }
    .footballindex .psp-2017--overview__hero h2 {
      font-size: 35px;
      line-height: 38px;
      text-align: center; }
    .footballindex .psp-2017--overview__hero ol {
      margin-left: 50px; }
    .footballindex .psp-2017--overview__hero li {
      font-size: 14px;
      line-height: 20px;
      margin-bottom: 6px; }
    .footballindex .psp-2017--overview__hero .span5 {
      width: 100%;
      float: none;
      margin-bottom: 40px; }
    .footballindex .psp-2017--overview__hero .span7 {
      width: 100%;
      float: none; }
  .footballindex__bottom h2 {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 30px; }
  .footballindex__bottom li {
    font-size: 14px;
    line-height: 20px; }
  .footballindex__bottom .span7 {
    padding-right: 0; }
  .footballindex__bottom .span5 {
    padding-right: 0; }
  .footballindex__bottom img {
    width: 100%;
    margin-bottom: 30px; } }

@media screen and (max-width: 676px) {
  .footballindex .psp-2017--overview__hero {
    background-image: none; }
    .footballindex .psp-2017--overview__hero .btn {
      font-size: 18px;
      padding: 15px 10px; }
  .footballindex__bottom {
    padding: 30px 0; }
    .footballindex__bottom img {
      margin-bottom: 20px; } }

/* ---------------------------------------------------

  LANDING PAGE

--------------------------------------------------- */
.header--extension .nav-pills {
  -webkit-justify-content: flex-end;
          justify-content: flex-end; }

.header--extension .btn-one-bright-purple {
  margin-right: 10px;
  font-weight: 600;
  padding: 14px;
  color: #fff;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 1px;
  border: 2px solid #963cff;
  color: #963cff;
  background-color: transparent; }
  .header--extension .btn-one-bright-purple:hover {
    background-color: #963cff; }

.btn-one-bright-purple {
  background-color: #963cff; }
  .btn-one-bright-purple:hover {
    background-color: #8823ff; }

/* ---------------------------------------------------
  HERO
--------------------------------------------------- */
.ext-hero {
  width: 100%;
  position: relative;
  padding: 30px 15px 50px;
  overflow: hidden;
  box-sizing: border-box; }
  @media screen and (min-width: 768px) {
    .ext-hero {
      padding: 50px 15px; } }
  @media screen and (min-width: 1200px) {
    .ext-hero {
      padding: 90px 15px; } }

.ext-hero .laptop-video iframe,
.ext-section .laptop-video iframe {
  object-fit: initial; }
  @media screen and (min-width: 1200px) {
    .ext-hero .laptop-video iframe,
    .ext-section .laptop-video iframe {
      background-color: #21133e;
      border-radius: 0; } }

.ext-hero__container {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column; }
  @media screen and (min-width: 768px) {
    .ext-hero__container {
      -webkit-flex-direction: row;
              flex-direction: row; } }

.ext-hero__left {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .ext-hero__left {
      width: 40%;
      text-align: left; } }
  .ext-hero__left h1 {
    font-weight: 900;
    font-size: 24px;
    line-height: 1em; }
    @media screen and (min-width: 980px) {
      .ext-hero__left h1 {
        font-size: 30px; } }
    @media screen and (min-width: 1200px) {
      .ext-hero__left h1 {
        font-size: 42px; } }
    @media screen and (min-width: 1400px) {
      .ext-hero__left h1 {
        font-size: 48px; } }
  .ext-hero__left h1 span {
    display: inline-block;
    position: relative; }
  .ext-hero__left h1 span:after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 7px;
    background-color: #FC1C5B;
    z-index: -1; }
  .ext-hero__left .laptop-video {
    margin-top: 15px; }
    @media screen and (min-width: 768px) {
      .ext-hero__left .laptop-video {
        display: none; } }
  .ext-hero__left .blurb {
    font-size: 16px;
    line-height: 1.4;
    margin-top: 20px; }
  .ext-hero__left .btn {
    margin-top: 15px; }
    @media screen and (min-width: 980px) {
      .ext-hero__left .btn {
        margin-top: 30px; } }

.ext-hero__right {
  width: 100%;
  margin-top: 40px;
  box-sizing: border-box;
  display: none; }
  @media screen and (min-width: 768px) {
    .ext-hero__right {
      width: 60%;
      margin-top: 0;
      display: block; } }
  @media screen and (min-width: 1400px) {
    .ext-hero__right {
      padding-left: 40px; } }

.ext-hero__bg {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  z-index: -1;
  object-fit: cover;
  display: none; }
  @media screen and (min-width: 768px) {
    .ext-hero__bg {
      display: block; } }

/* Laptop Video */
.extension__hero-animation-wrap {
  position: relative; }

.extension__hero-animation-video-wrap {
  position: absolute;
  left: 7.7%;
  top: 1.96%;
  width: 84.5%;
  height: 90.3%;
  overflow: hidden;
  border-radius: 7px 7px 0 0;
  background-color: #35264e; }

.extension__hero-animation-laptop {
  position: relative;
  width: 100%; }
  @media screen and (min-width: 768px) {
    .extension__hero-animation-laptop {
      -webkit-filter: drop-shadow(0 39px 63px rgba(34, 19, 60, 0.25));
              filter: drop-shadow(0 39px 63px rgba(34, 19, 60, 0.25)); } }

.extension__hero-animation-video {
  width: 100%;
  height: 100%;
  object-fit: cover; }

/* ---------------------------------------------------
  FEATURE SECTION
--------------------------------------------------- */
.ext-section--grey {
  background-color: #F7F7F7; }

.ext-section {
  padding: 30px 15px;
  box-sizing: border-box; }
  @media screen and (min-width: 768px) {
    .ext-section {
      padding: 50px 15px 50px; } }
  @media screen and (min-width: 980px) {
    .ext-section {
      padding: 60px 15px 60px; } }
  @media screen and (min-width: 1200px) {
    .ext-section {
      padding: 85px 15px 85px; } }

.ext-section__title {
  font-weight: 900;
  font-size: 18px; }
  @media screen and (min-width: 768px) {
    .ext-section__title {
      font-size: 20px; } }
  @media screen and (min-width: 1200px) {
    .ext-section__title {
      font-size: 24px; } }

.ext-section__feature-wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: 0;
  -webkit-justify-content: space-between;
          justify-content: space-between; }

.ext-feature {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  position: relative;
  max-width: 305px;
  margin: 0 auto;
  box-sizing: border-box; }
  @media screen and (min-width: 600px) {
    .ext-feature {
      max-width: 380px; } }
  @media screen and (min-width: 768px) {
    .ext-feature {
      max-width: 50%;
      margin-left: 0; } }

@media screen and (min-width: 768px) {
  .ext-section--right .ext-feature {
    -webkit-order: 1;
            order: 1;
    margin-right: 0; } }

.ext-feature__img {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
  max-width: 50%;
  opacity: 0; }

.ext-annotation {
  position: absolute;
  top: 10%;
  left: 0;
  width: 25%;
  max-width: 150px;
  opacity: 0; }
  .ext-annotation--right {
    right: -5%;
    left: auto;
    text-align: right; }
    @media screen and (min-width: 980px) {
      .ext-annotation--right {
        right: 0; } }
  .ext-annotation p {
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    color: #35264e; }
    @media screen and (min-width: 980px) {
      .ext-annotation p {
        font-size: 18px; } }
    @media screen and (min-width: 1200px) {
      .ext-annotation p {
        font-size: 22px; } }

.ext-arrow {
  position: absolute;
  bottom: -45%;
  left: 0;
  width: 100%;
  max-width: 100px; }

/* Annotation 1.1 */
.ext-annotation--1-1 {
  top: 10%; }

.ext-annotation--1-1 .ext-arrow {
  bottom: -25%;
  left: 10%; }
  @media screen and (min-width: 980px) {
    .ext-annotation--1-1 .ext-arrow {
      bottom: -30%;
      left: 20%; } }
  @media screen and (min-width: 1200px) {
    .ext-annotation--1-1 .ext-arrow {
      left: 40%; } }

/* Annotation 1.2 */
.ext-annotation--1-2 {
  top: 60%; }

.ext-annotation--1-2 .ext-arrow {
  left: -100%;
  bottom: -30%;
  max-width: 100px;
  width: auto; }
  @media screen and (min-width: 600px) {
    .ext-annotation--1-2 .ext-arrow {
      left: -80%;
      bottom: -50%;
      max-width: 120px; } }
  @media screen and (min-width: 980px) {
    .ext-annotation--1-2 .ext-arrow {
      left: -70%;
      max-width: 140px; } }
  @media screen and (min-width: 1200px) {
    .ext-annotation--1-2 .ext-arrow {
      left: -60%;
      max-width: 160px; } }

/* Annotation 2.1 */
.ext-annotation--2-1 .ext-arrow {
  left: -30%; }
  @media screen and (min-width: 980px) {
    .ext-annotation--2-1 .ext-arrow {
      left: -15%; } }

/* Annotation 2.2 */
.ext-annotation--2-2 {
  top: 65%; }

.ext-annotation--2-2 .ext-arrow {
  left: -100%;
  bottom: -30%;
  max-width: 100px;
  width: auto; }
  @media screen and (min-width: 600px) {
    .ext-annotation--2-2 .ext-arrow {
      left: -80%;
      bottom: -50%;
      max-width: 120px; } }
  @media screen and (min-width: 980px) {
    .ext-annotation--2-2 .ext-arrow {
      left: -70%;
      max-width: 140px; } }
  @media screen and (min-width: 1200px) {
    .ext-annotation--2-2 .ext-arrow {
      left: -60%;
      max-width: 160px; } }

/* Annotation 2.3 */
.ext-annotation--2-3 {
  top: 30%; }

.ext-annotation--2-3 .ext-arrow {
  bottom: -40%;
  left: 12%; }
  @media screen and (min-width: 980px) {
    .ext-annotation--2-3 .ext-arrow {
      left: 22%; } }
  @media screen and (min-width: 1200px) {
    .ext-annotation--2-3 .ext-arrow {
      left: 40%; } }

/* Annotation 3.1 */
.ext-annotation--3-1 {
  top: 10%; }

.ext-annotation--3-1 .ext-arrow {
  bottom: -50%;
  left: 5%; }
  @media screen and (min-width: 600px) {
    .ext-annotation--3-1 .ext-arrow {
      bottom: -65%;
      left: 15%; } }
  @media screen and (min-width: 980px) {
    .ext-annotation--3-1 .ext-arrow {
      bottom: -55%; } }
  @media screen and (min-width: 1200px) {
    .ext-annotation--3-1 .ext-arrow {
      left: 35%; } }

/* Annotation 3.2 */
.ext-annotation--3-2 {
  top: 50%;
  right: 0; }

.ext-annotation--3-2 .ext-arrow {
  left: -10%;
  bottom: -55%; }
  @media screen and (min-width: 600px) {
    .ext-annotation--3-2 .ext-arrow {
      bottom: -75%; } }
  @media screen and (min-width: 980px) {
    .ext-annotation--3-2 .ext-arrow {
      bottom: -65%; } }

/* Annotation 4.1 */
.ext-annotation--4-1 {
  left: -5%;
  top: 20%; }
  @media screen and (min-width: 980px) {
    .ext-annotation--4-1 {
      top: 20%;
      left: 4%; } }

.ext-annotation--4-1 .ext-arrow {
  bottom: -60%;
  left: 20%; }
  @media screen and (min-width: 600px) {
    .ext-annotation--4-1 .ext-arrow {
      bottom: -80%; } }
  @media screen and (min-width: 980px) {
    .ext-annotation--4-1 .ext-arrow {
      bottom: -70%; } }

/* Annotation 4.2 */
.ext-annotation--4-2 {
  top: 2%;
  right: 0; }
  @media screen and (min-width: 1200px) {
    .ext-annotation--4-2 {
      right: 5%; } }

.ext-annotation--4-2 .ext-arrow {
  left: -10%; }
  @media screen and (min-width: 600px) {
    .ext-annotation--4-2 .ext-arrow {
      bottom: -50%; } }
  @media screen and (min-width: 1200px) {
    .ext-annotation--4-2 .ext-arrow {
      left: 5%;
      bottom: -45%; } }

/* Annotation 5.1 */
.ext-annotation--5-1 {
  top: 30%; }
  @media screen and (min-width: 600px) {
    .ext-annotation--5-1 {
      top: 42%; } }

.ext-annotation--5-1 .ext-arrow {
  left: -25%; }
  @media screen and (min-width: 600px) {
    .ext-annotation--5-1 .ext-arrow {
      bottom: -75%; } }
  @media screen and (min-width: 980px) {
    .ext-annotation--5-1 .ext-arrow {
      left: -10%; } }

/* Annotation 6.1 */
.ext-annotation--6-1 {
  top: 40%; }

.ext-annotation--6-1 .ext-arrow {
  top: -80%;
  bottom: auto;
  left: 5%; }
  @media screen and (min-width: 600px) {
    .ext-annotation--6-1 .ext-arrow {
      top: -100%; } }
  @media screen and (min-width: 980px) {
    .ext-annotation--6-1 .ext-arrow {
      top: -85%;
      left: 10%; } }

/* Annotation 6.2 */
.ext-annotation--6-2 {
  top: 30%; }

.ext-annotation--6-2 .ext-arrow {
  left: -15%;
  bottom: -25%; }
  @media screen and (min-width: 980px) {
    .ext-annotation--6-2 .ext-arrow {
      left: 5%; } }

/* Annotation 7.1 */
.ext-annotation--7-1 {
  top: 10%; }
  @media screen and (min-width: 1200px) {
    .ext-annotation--7-1 {
      top: 15%;
      left: 4%; } }

.ext-annotation--7-1 .ext-arrow {
  bottom: -70%;
  left: 30%; }
  @media screen and (min-width: 600px) {
    .ext-annotation--7-1 .ext-arrow {
      bottom: -90%; } }
  @media screen and (min-width: 1200px) {
    .ext-annotation--7-1 .ext-arrow {
      bottom: -75%; } }

/* Annotation 7.2 */
.ext-annotation--7-2 {
  top: 15%;
  right: 0; }
  @media screen and (min-width: 600px) {
    .ext-annotation--7-2 {
      top: 20%; } }
  @media screen and (min-width: 980px) {
    .ext-annotation--7-2 {
      top: 25%;
      right: 2%; } }

.ext-annotation--7-2 .ext-arrow {
  left: -20%;
  bottom: -55%; }
  @media screen and (min-width: 600px) {
    .ext-annotation--7-2 .ext-arrow {
      bottom: -75%; } }
  @media screen and (min-width: 980px) {
    .ext-annotation--7-2 .ext-arrow {
      bottom: -60%;
      left: -10%; } }

/* Annotation 8.1 */
.ext-annotation--8-1 .ext-arrow {
  bottom: -55%; }
  @media screen and (min-width: 600px) {
    .ext-annotation--8-1 .ext-arrow {
      bottom: -70%; } }
  @media screen and (min-width: 980px) {
    .ext-annotation--8-1 .ext-arrow {
      bottom: -60%; } }
  @media screen and (min-width: 1200px) {
    .ext-annotation--8-1 .ext-arrow {
      bottom: -55%;
      left: 10%; } }

/* Copy */
.ext-section__copy {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  font-size: 16px;
  line-height: 1.4;
  margin-top: 50px; }
  @media screen and (min-width: 768px) {
    .ext-section__copy {
      width: 40%;
      margin-top: 0; } }
  .ext-section__copy > div {
    max-width: 350px; }

/* ---------------------------------------------------
  FINAL CTA SECTION
--------------------------------------------------- */
.ext-section--final .container {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center; }

.ext-section--final .ext-section__title {
  margin-bottom: 30px;
  font-weight: 900;
  font-size: 24px;
  line-height: 1em;
  text-align: center;
  max-width: 768px; }
  @media screen and (min-width: 980px) {
    .ext-section--final .ext-section__title {
      font-size: 30px;
      margin-bottom: 45px; } }
  @media screen and (min-width: 1200px) {
    .ext-section--final .ext-section__title {
      font-size: 42px; } }
  @media screen and (min-width: 1400px) {
    .ext-section--final .ext-section__title {
      font-size: 48px; } }

.ext-section--final .btn {
  margin-top: 40px; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0); } }

.animate__fadeInUp {
  -webkit-animation: fadeInUp 1s both;
          animation: fadeInUp 1s both; }

.animate-delay-3 {
  -webkit-animation-delay: .3s;
          animation-delay: .3s; }

.animate-delay-6 {
  -webkit-animation-delay: .6s;
          animation-delay: .6s; }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  to {
    opacity: 100%; } }

.animate__fadeIn {
  -webkit-animation: fadeIn 2s both;
          animation: fadeIn 2s both; }

/* ---------------------------------------------------

  LANDING PAGE

--------------------------------------------------- */
.header--mobapp .nav-pills {
  -webkit-justify-content: flex-end;
          justify-content: flex-end; }
  .header--mobapp .nav-pills .btn-one-red {
    margin-right: 10px; }

.header--mobapp .drawer-nav .btn-one-red {
  display: block; }

/* ---------------------------------------------------
  HERO
--------------------------------------------------- */
.mobapp-hero {
  width: 100%;
  position: relative;
  padding: 30px 15px 50px;
  overflow: hidden;
  box-sizing: border-box; }
  @media screen and (min-width: 768px) {
    .mobapp-hero {
      padding: 50px 15px; } }
  @media screen and (min-width: 1200px) {
    .mobapp-hero {
      padding: 90px 15px; } }

@media screen and (min-width: 1200px) {
  .mobapp-hero .laptop-video iframe,
  .mobapp-section .laptop-video iframe {
    background-color: #21133e;
    border-radius: 0; } }

.mobapp-hero__container {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column; }
  @media screen and (min-width: 768px) {
    .mobapp-hero__container {
      -webkit-flex-direction: row;
              flex-direction: row; } }

.mobapp-hero__left {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center; }
  @media screen and (min-width: 768px) {
    .mobapp-hero__left {
      width: 40%; } }
  .mobapp-hero__left h1 {
    font-weight: 900;
    font-size: 24px;
    line-height: 1em; }
    @media screen and (min-width: 980px) {
      .mobapp-hero__left h1 {
        font-size: 30px; } }
    @media screen and (min-width: 1200px) {
      .mobapp-hero__left h1 {
        font-size: 42px; } }
    @media screen and (min-width: 1400px) {
      .mobapp-hero__left h1 {
        font-size: 48px; } }
  .mobapp-hero__left h1 span {
    display: inline-block;
    position: relative; }
  .mobapp-hero__left h1 span:after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 7px;
    background-color: #FC1C5B;
    z-index: -1; }
  .mobapp-hero__left .blurb {
    font-size: 16px;
    line-height: 1.4;
    margin-top: 20px; }
  .mobapp-hero__left .btn {
    margin-top: 15px; }
    @media screen and (min-width: 980px) {
      .mobapp-hero__left .btn {
        margin-top: 30px; } }

.mobapp-hero__right {
  width: 100%;
  margin-top: 40px;
  box-sizing: border-box; }
  @media screen and (min-width: 768px) {
    .mobapp-hero__right {
      width: 60%;
      margin-top: 0; } }
  @media screen and (min-width: 1400px) {
    .mobapp-hero__right {
      padding-left: 40px; } }

.mobapp-hero__bg {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  z-index: -1;
  object-fit: cover;
  display: none; }
  @media screen and (min-width: 768px) {
    .mobapp-hero__bg {
      display: block; } }

/* Laptop Video */
.mobapp__hero-animation-wrap {
  position: relative; }

.mobapp__hero-animation-video-wrap {
  position: absolute;
  left: 7.7%;
  top: 1.96%;
  width: 84.5%;
  height: 90.3%;
  overflow: hidden;
  border-radius: 7px 7px 0 0;
  background-color: #35264e; }

.mobapp__hero-animation-laptop {
  position: relative;
  width: 100%; }
  @media screen and (min-width: 768px) {
    .mobapp__hero-animation-laptop {
      -webkit-filter: drop-shadow(0 39px 63px rgba(34, 19, 60, 0.25));
              filter: drop-shadow(0 39px 63px rgba(34, 19, 60, 0.25)); } }

.mobapp__hero-animation-video {
  width: 100%;
  height: 100%;
  object-fit: cover; }

/* ---------------------------------------------------
  FEATURE SECTION
--------------------------------------------------- */
.mobapp-section--grey {
  background-color: #F7F7F7; }

.mobapp-section {
  padding: 30px 15px;
  box-sizing: border-box; }
  @media screen and (min-width: 768px) {
    .mobapp-section {
      padding: 50px 15px 50px; } }
  @media screen and (min-width: 980px) {
    .mobapp-section {
      padding: 60px 15px 60px; } }
  @media screen and (min-width: 1200px) {
    .mobapp-section {
      padding: 85px 15px 85px; } }

.mobapp-section__title {
  font-weight: 900;
  font-size: 18px; }
  @media screen and (min-width: 768px) {
    .mobapp-section__title {
      font-size: 20px; } }
  @media screen and (min-width: 1200px) {
    .mobapp-section__title {
      font-size: 24px; } }

.mobapp-section__feature-wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-between;
          justify-content: space-between; }

.mobapp-feature {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  position: relative;
  max-width: 305px;
  margin: 0 auto;
  box-sizing: border-box; }
  @media screen and (min-width: 600px) {
    .mobapp-feature {
      max-width: 380px; } }
  @media screen and (min-width: 768px) {
    .mobapp-feature {
      max-width: 50%;
      margin-left: 0; } }

@media screen and (min-width: 768px) {
  .mobapp-section--right .mobapp-feature {
    -webkit-order: 1;
            order: 1;
    margin-right: 0; } }

.mobapp-feature__img {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
  max-width: 50%;
  opacity: 0; }

.mobapp-annotation {
  position: absolute;
  top: 10%;
  left: 0;
  width: 25%;
  max-width: 150px;
  opacity: 0; }
  .mobapp-annotation--right {
    right: -5%;
    left: auto;
    text-align: right; }
    @media screen and (min-width: 980px) {
      .mobapp-annotation--right {
        right: 0; } }
  .mobapp-annotation p {
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    color: #35264e; }
    @media screen and (min-width: 980px) {
      .mobapp-annotation p {
        font-size: 18px; } }
    @media screen and (min-width: 1200px) {
      .mobapp-annotation p {
        font-size: 22px; } }

.mobapp-arrow {
  position: absolute;
  bottom: -45%;
  left: 0;
  width: 100%;
  max-width: 100px; }

/* Annotation 1.1 */
.mobapp-annotation--1-1 .mobapp-arrow {
  left: -30%;
  bottom: -70%; }
  @media screen and (min-width: 600px) {
    .mobapp-annotation--1-1 .mobapp-arrow {
      bottom: -100%; } }
  @media screen and (min-width: 980px) {
    .mobapp-annotation--1-1 .mobapp-arrow {
      left: -10%;
      bottom: -90%; } }

/* Annotation 1.2 */
.mobapp-annotation--1-2 {
  top: 50%; }

.mobapp-annotation--1-2 .mobapp-arrow {
  left: -45%;
  bottom: -40%;
  max-width: 100px;
  width: auto; }
  @media screen and (min-width: 600px) {
    .mobapp-annotation--1-2 .mobapp-arrow {
      bottom: -60%; } }
  @media screen and (min-width: 980px) {
    .mobapp-annotation--1-2 .mobapp-arrow {
      left: -25%;
      bottom: -45%; } }

/* Annotation 2.1 */
.mobapp-annotation--2-1 {
  top: 10%; }

.mobapp-annotation--2-1 .mobapp-arrow {
  bottom: -90%;
  left: 20%; }
  @media screen and (min-width: 600px) {
    .mobapp-annotation--2-1 .mobapp-arrow {
      bottom: -110%;
      left: 10%; } }
  @media screen and (min-width: 1200px) {
    .mobapp-annotation--2-1 .mobapp-arrow {
      bottom: -90%;
      left: 20%; } }

/* Annotation 2.2 */
.mobapp-annotation--2-2 {
  top: 70%;
  right: 0; }

.mobapp-annotation--2-2 .mobapp-arrow {
  left: -20%;
  bottom: -55%; }
  @media screen and (min-width: 600px) {
    .mobapp-annotation--2-2 .mobapp-arrow {
      bottom: -75%; } }
  @media screen and (min-width: 980px) {
    .mobapp-annotation--2-2 .mobapp-arrow {
      left: -10%; } }

/* Annotation 3.1 */
.mobapp-annotation--3-1 {
  top: 30%; }

.mobapp-annotation--3-1 .mobapp-arrow {
  left: -25%;
  bottom: -55%; }
  @media screen and (min-width: 600px) {
    .mobapp-annotation--3-1 .mobapp-arrow {
      bottom: -75%; } }
  @media screen and (min-width: 980px) {
    .mobapp-annotation--3-1 .mobapp-arrow {
      left: -5%; } }

/* Annotation 4.1 */
.mobapp-annotation--4-1 {
  top: 40%; }

.mobapp-annotation--4-1 .mobapp-arrow {
  top: -90%;
  bottom: auto;
  left: 5%; }
  @media screen and (min-width: 600px) {
    .mobapp-annotation--4-1 .mobapp-arrow {
      top: -100%; } }
  @media screen and (min-width: 1200px) {
    .mobapp-annotation--4-1 .mobapp-arrow {
      top: -80%;
      left: 15%; } }

/* Annotation 4.2 */
.mobapp-annotation--4-2 {
  top: 50%; }

.mobapp-annotation--4-2 .mobapp-arrow {
  left: -20%;
  bottom: -45%; }
  @media screen and (min-width: 980px) {
    .mobapp-annotation--4-2 .mobapp-arrow {
      left: -5%; } }

/* Annotation 5.1 */
.mobapp-annotation--5-1 {
  top: 30%; }
  @media screen and (min-width: 980px) {
    .mobapp-annotation--5-1 {
      top: 35%; } }

.mobapp-annotation--5-1 .mobapp-arrow {
  bottom: -50%;
  left: 5%; }
  @media screen and (min-width: 600px) {
    .mobapp-annotation--5-1 .mobapp-arrow {
      bottom: -80%; } }
  @media screen and (min-width: 1200px) {
    .mobapp-annotation--5-1 .mobapp-arrow {
      left: 15%; } }

/* Annotation 5.2 */
.mobapp-annotation--5-2 {
  top: 15%;
  right: 0; }
  @media screen and (min-width: 1200px) {
    .mobapp-annotation--5-2 {
      right: 5%; } }

.mobapp-annotation--5-2 .mobapp-arrow {
  left: -10%; }
  @media screen and (min-width: 600px) {
    .mobapp-annotation--5-2 .mobapp-arrow {
      bottom: -60%; } }
  @media screen and (min-width: 1200px) {
    .mobapp-annotation--5-2 .mobapp-arrow {
      left: 15%;
      bottom: -60%; } }

/* Annotation 6.1 */
.mobapp-annotation--6-1 {
  top: 40%; }

.mobapp-annotation--6-1 .mobapp-arrow {
  top: -80%;
  bottom: auto;
  left: 5%; }
  @media screen and (min-width: 600px) {
    .mobapp-annotation--6-1 .mobapp-arrow {
      top: -100%; } }
  @media screen and (min-width: 980px) {
    .mobapp-annotation--6-1 .mobapp-arrow {
      top: -85%;
      left: 10%; } }

/* Annotation 7.1 */
.mobapp-annotation--7-1 {
  top: 5%; }

.mobapp-annotation--7-1 .mobapp-arrow {
  bottom: -90%;
  left: 20%; }
  @media screen and (min-width: 600px) {
    .mobapp-annotation--7-1 .mobapp-arrow {
      bottom: -115%;
      left: 15%; } }
  @media screen and (min-width: 1200px) {
    .mobapp-annotation--7-1 .mobapp-arrow {
      bottom: -90%;
      left: 20%; } }

/* Annotation 7.2 */
.mobapp-annotation--7-2 {
  top: 30%;
  right: 0; }

.mobapp-annotation--7-2 .mobapp-arrow {
  left: -10%;
  bottom: -70%; }
  @media screen and (min-width: 600px) {
    .mobapp-annotation--7-2 .mobapp-arrow {
      bottom: -80%; } }
  @media screen and (min-width: 1200px) {
    .mobapp-annotation--7-2 .mobapp-arrow {
      bottom: -70%;
      left: -2%; } }

/* Annotation 8.1 */
.mobapp-annotation--8-1 {
  top: 20%;
  left: -5%; }

.mobapp-annotation--8-1 .mobapp-arrow {
  bottom: -65%;
  left: 10%; }
  @media screen and (min-width: 600px) {
    .mobapp-annotation--8-1 .mobapp-arrow {
      bottom: -120%; } }
  @media screen and (min-width: 980px) {
    .mobapp-annotation--8-1 .mobapp-arrow {
      bottom: -100%;
      left: 20%; } }
  @media screen and (min-width: 1200px) {
    .mobapp-annotation--8-1 .mobapp-arrow {
      left: 30%; } }

/* Copy */
.mobapp-section__copy {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  font-size: 16px;
  line-height: 1.4;
  margin-top: 50px; }
  @media screen and (min-width: 768px) {
    .mobapp-section__copy {
      width: 40%;
      margin-top: 0; } }
  @media screen and (min-width: 1200px) {
    .mobapp-section__copy {
      font-size: 18px; } }
  .mobapp-section__copy > div {
    max-width: 350px; }

/* ---------------------------------------------------
  FINAL CTA SECTION
--------------------------------------------------- */
.mobapp-section--final .container {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center; }

.mobapp-section--final .mobapp-section__title {
  margin-bottom: 30px;
  font-weight: 900;
  font-size: 24px;
  line-height: 1em;
  text-align: center;
  max-width: 768px; }
  @media screen and (min-width: 980px) {
    .mobapp-section--final .mobapp-section__title {
      font-size: 30px;
      margin-bottom: 45px; } }
  @media screen and (min-width: 1200px) {
    .mobapp-section--final .mobapp-section__title {
      font-size: 42px; } }
  @media screen and (min-width: 1400px) {
    .mobapp-section--final .mobapp-section__title {
      font-size: 48px; } }

.mobapp-section--final .btn {
  margin-top: 40px; }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0); } }

.animate__fadeInUp {
  -webkit-animation: fadeInUp 1s both;
          animation: fadeInUp 1s both; }

.animate-delay-3 {
  -webkit-animation-delay: .3s;
          animation-delay: .3s; }

.animate-delay-6 {
  -webkit-animation-delay: .6s;
          animation-delay: .6s; }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  to {
    opacity: 100%; } }

.animate__fadeIn {
  -webkit-animation: fadeIn 2s both;
          animation: fadeIn 2s both; }

/* ---------------------------------------------------

  LANDING PAGE

--------------------------------------------------- */
.header--webfeat .nav-pills {
  -webkit-justify-content: flex-end;
          justify-content: flex-end; }

.header--webfeat .btn-one-red {
  margin-right: 10px; }

/* ---------------------------------------------------
  HERO
--------------------------------------------------- */
.webfeat-hero {
  width: 100%;
  position: relative;
  padding: 30px 15px 50px;
  overflow: hidden;
  box-sizing: border-box; }
  @media screen and (min-width: 768px) {
    .webfeat-hero {
      padding: 50px 15px; } }
  @media screen and (min-width: 1200px) {
    .webfeat-hero {
      padding: 90px 15px; } }

@media screen and (min-width: 1200px) {
  .webfeat-hero .laptop-video iframe,
  .webfeat-section .laptop-video iframe {
    background-color: #21133e;
    border-radius: 0; } }

.webfeat-hero__container {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column; }
  @media screen and (min-width: 768px) {
    .webfeat-hero__container {
      -webkit-flex-direction: row;
              flex-direction: row; } }

.webfeat-hero__left {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center; }
  @media screen and (min-width: 768px) {
    .webfeat-hero__left {
      width: 40%; } }
  .webfeat-hero__left h1 {
    font-weight: 900;
    font-size: 24px;
    line-height: 1em; }
    @media screen and (min-width: 980px) {
      .webfeat-hero__left h1 {
        font-size: 30px; } }
    @media screen and (min-width: 1200px) {
      .webfeat-hero__left h1 {
        font-size: 42px; } }
    @media screen and (min-width: 1400px) {
      .webfeat-hero__left h1 {
        font-size: 48px; } }
  .webfeat-hero__left h1 span {
    display: inline-block;
    position: relative; }
  .webfeat-hero__left h1 span:after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 7px;
    background-color: #FC1C5B;
    z-index: -1; }
  .webfeat-hero__left .blurb {
    font-size: 16px;
    line-height: 1.4;
    margin-top: 20px; }
  .webfeat-hero__left .btn {
    margin-top: 15px; }
    @media screen and (min-width: 980px) {
      .webfeat-hero__left .btn {
        margin-top: 30px; } }

.webfeat-hero__right {
  width: 100%;
  margin-top: 40px;
  box-sizing: border-box; }
  @media screen and (min-width: 768px) {
    .webfeat-hero__right {
      width: 60%;
      margin-top: 0; } }
  @media screen and (min-width: 1400px) {
    .webfeat-hero__right {
      padding-left: 40px; } }

.webfeat-hero__bg {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  z-index: -1;
  object-fit: cover;
  display: none; }
  @media screen and (min-width: 768px) {
    .webfeat-hero__bg {
      display: block; } }

/* Laptop Video */
.webfeat__hero-animation-wrap {
  position: relative; }

.webfeat__hero-animation-video-wrap {
  position: absolute;
  left: 7.7%;
  top: 1.96%;
  width: 84.5%;
  height: 90.3%;
  overflow: hidden;
  border-radius: 7px 7px 0 0;
  background-color: #35264e; }

.webfeat__hero-animation-laptop {
  position: relative;
  width: 100%; }
  @media screen and (min-width: 768px) {
    .webfeat__hero-animation-laptop {
      -webkit-filter: drop-shadow(0 39px 63px rgba(34, 19, 60, 0.25));
              filter: drop-shadow(0 39px 63px rgba(34, 19, 60, 0.25)); } }

.webfeat__hero-animation-video {
  width: 100%;
  height: 100%;
  object-fit: cover; }

/* ---------------------------------------------------
  FEATURE SECTION
--------------------------------------------------- */
.webfeat-section--grey {
  background-color: #F7F7F7; }

.webfeat-section {
  padding: 30px 15px;
  box-sizing: border-box; }
  @media screen and (min-width: 768px) {
    .webfeat-section {
      padding: 50px 15px 50px; } }
  @media screen and (min-width: 980px) {
    .webfeat-section {
      padding: 60px 15px 60px; } }
  @media screen and (min-width: 1200px) {
    .webfeat-section {
      padding: 85px 15px 85px; } }

.webfeat-section__title {
  font-weight: 900;
  font-size: 18px; }
  @media screen and (min-width: 768px) {
    .webfeat-section__title {
      font-size: 20px; } }
  @media screen and (min-width: 1200px) {
    .webfeat-section__title {
      font-size: 24px; } }

.webfeat-section__feature-wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-between;
          justify-content: space-between; }

.webfeat-feature {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  position: relative;
  max-width: 305px;
  margin: 0 auto;
  box-sizing: border-box; }
  @media screen and (min-width: 600px) {
    .webfeat-feature {
      max-width: 380px; } }
  @media screen and (min-width: 768px) {
    .webfeat-feature {
      max-width: 50%;
      margin-left: 0; } }

@media screen and (min-width: 768px) {
  .webfeat-section--right .webfeat-feature {
    -webkit-order: 1;
            order: 1;
    margin-right: 0; } }

.webfeat-feature__img {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
  max-width: 50%;
  opacity: 0; }

.webfeat-annotation {
  position: absolute;
  top: 10%;
  left: -5%;
  width: 25%;
  max-width: 150px;
  opacity: 0; }
  .webfeat-annotation--right {
    right: -5%;
    left: auto;
    text-align: right; }
    @media screen and (min-width: 980px) {
      .webfeat-annotation--right {
        right: 0; } }
  .webfeat-annotation p {
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    color: #35264e; }
    @media screen and (min-width: 980px) {
      .webfeat-annotation p {
        font-size: 18px; } }
    @media screen and (min-width: 1200px) {
      .webfeat-annotation p {
        font-size: 22px; } }

.webfeat-arrow {
  position: absolute;
  bottom: -45%;
  left: 0;
  width: 100%;
  max-width: 100px; }

/* Annotation 1.1 */
.webfeat-annotation--1-1 .webfeat-arrow {
  left: 0;
  bottom: -70%; }
  @media screen and (min-width: 600px) {
    .webfeat-annotation--1-1 .webfeat-arrow {
      bottom: -90%; } }
  @media screen and (min-width: 980px) {
    .webfeat-annotation--1-1 .webfeat-arrow {
      left: 10%; } }
  @media screen and (min-width: 1200px) {
    .webfeat-annotation--1-1 .webfeat-arrow {
      bottom: -70%;
      left: 20%; } }

/* Annotation 1.2 */
.webfeat-annotation--1-2 {
  top: 50%; }

.webfeat-annotation--1-2 .webfeat-arrow {
  left: -45%;
  bottom: -70%;
  max-width: 100px;
  width: auto; }
  @media screen and (min-width: 980px) {
    .webfeat-annotation--1-2 .webfeat-arrow {
      left: -25%;
      bottom: -70%; } }
  @media screen and (min-width: 1200px) {
    .webfeat-annotation--1-2 .webfeat-arrow {
      left: -15%;
      bottom: -60%; } }

/* Annotation 2.1 */
.webfeat-annotation--2-1 {
  top: 95%; }
  @media screen and (min-width: 980px) {
    .webfeat-annotation--2-1 {
      top: 80%;
      left: -10%; } }

.webfeat-annotation--2-1 .webfeat-arrow {
  bottom: 120%;
  left: 5%; }
  @media screen and (min-width: 1200px) {
    .webfeat-annotation--2-1 .webfeat-arrow {
      left: 50%; } }

/* Annotation 2.2 */
.webfeat-annotation--2-2 {
  top: 20%;
  right: 0; }

.webfeat-annotation--2-2 .webfeat-arrow {
  left: -5%;
  bottom: -55%; }
  @media screen and (min-width: 600px) {
    .webfeat-annotation--2-2 .webfeat-arrow {
      bottom: -75%; } }
  @media screen and (min-width: 980px) {
    .webfeat-annotation--2-2 .webfeat-arrow {
      left: 5%; } }

/* Annotation 3.1 */
.webfeat-annotation--3-1 {
  top: 30%; }

.webfeat-annotation--3-1 .webfeat-arrow {
  left: 5%;
  bottom: -55%; }
  @media screen and (min-width: 600px) {
    .webfeat-annotation--3-1 .webfeat-arrow {
      bottom: -75%; } }
  @media screen and (min-width: 980px) {
    .webfeat-annotation--3-1 .webfeat-arrow {
      bottom: -65%;
      left: 15%; } }
  @media screen and (min-width: 1200px) {
    .webfeat-annotation--3-1 .webfeat-arrow {
      bottom: -50%;
      left: 20%; } }

.webfeat-annotation--3-2 .webfeat-arrow {
  left: -10%; }
  @media screen and (min-width: 600px) {
    .webfeat-annotation--3-2 .webfeat-arrow {
      bottom: -65%; } }
  @media screen and (min-width: 980px) {
    .webfeat-annotation--3-2 .webfeat-arrow {
      left: 5%; } }
  @media screen and (min-width: 1200px) {
    .webfeat-annotation--3-2 .webfeat-arrow {
      bottom: -45%;
      left: 15%; } }

/* Annotation 4.1 */
.webfeat-annotation--4-1 {
  top: 40%; }

.webfeat-annotation--4-1 .webfeat-arrow {
  top: -90%;
  bottom: auto;
  left: 5%; }
  @media screen and (min-width: 600px) {
    .webfeat-annotation--4-1 .webfeat-arrow {
      top: -140%; } }
  @media screen and (min-width: 1200px) {
    .webfeat-annotation--4-1 .webfeat-arrow {
      top: -110%;
      left: 25%; } }

/* Annotation 4.2 */
.webfeat-annotation--4-2 {
  top: 50%; }

.webfeat-annotation--4-2 .webfeat-arrow {
  left: -10%;
  bottom: -45%; }
  @media screen and (min-width: 980px) {
    .webfeat-annotation--4-2 .webfeat-arrow {
      left: 5%; } }

/* Annotation 5.1 */
.webfeat-annotation--5-1 {
  top: 30%; }
  @media screen and (min-width: 980px) {
    .webfeat-annotation--5-1 {
      top: 35%; } }

.webfeat-annotation--5-1 .webfeat-arrow {
  bottom: -70%;
  left: 5%; }
  @media screen and (min-width: 600px) {
    .webfeat-annotation--5-1 .webfeat-arrow {
      bottom: -90%; } }
  @media screen and (min-width: 1200px) {
    .webfeat-annotation--5-1 .webfeat-arrow {
      bottom: -80%;
      left: 15%; } }

/* Annotation 5.2 */
.webfeat-annotation--5-2 {
  top: 15%;
  right: 0; }
  @media screen and (min-width: 1200px) {
    .webfeat-annotation--5-2 {
      right: 5%; } }

.webfeat-annotation--5-2 .webfeat-arrow {
  left: -10%; }
  @media screen and (min-width: 600px) {
    .webfeat-annotation--5-2 .webfeat-arrow {
      bottom: -60%; } }
  @media screen and (min-width: 1200px) {
    .webfeat-annotation--5-2 .webfeat-arrow {
      left: 15%;
      bottom: -50%; } }

/* Annotation 6.1 */
.webfeat-annotation--6-1 {
  top: 40%; }

.webfeat-annotation--6-1 .webfeat-arrow {
  bottom: -55%;
  left: -5%; }
  @media screen and (min-width: 600px) {
    .webfeat-annotation--6-1 .webfeat-arrow {
      bottom: -75%; } }
  @media screen and (min-width: 600px) {
    .webfeat-annotation--6-1 .webfeat-arrow {
      left: 10%; } }

/* Annotation 6.2 */
.webfeat-annotation--6-2 .webfeat-arrow {
  bottom: -100%; }
  @media screen and (min-width: 600px) {
    .webfeat-annotation--6-2 .webfeat-arrow {
      bottom: -120%; } }
  @media screen and (min-width: 600px) {
    .webfeat-annotation--6-2 .webfeat-arrow {
      bottom: -100%;
      left: 20%; } }

/* Annotation 7.1 */
.webfeat-annotation--7-1 {
  top: 5%; }

.webfeat-annotation--7-1 .webfeat-arrow {
  bottom: -80%;
  left: 20%; }
  @media screen and (min-width: 600px) {
    .webfeat-annotation--7-1 .webfeat-arrow {
      bottom: -100%;
      left: 15%; } }
  @media screen and (min-width: 980px) {
    .webfeat-annotation--7-1 .webfeat-arrow {
      bottom: -80%;
      left: 20%; } }

/* Annotation 8.1 */
.webfeat-annotation--8-1 {
  top: 20%;
  left: -5%; }

.webfeat-annotation--8-1 .webfeat-arrow {
  bottom: -65%;
  left: 10%; }
  @media screen and (min-width: 600px) {
    .webfeat-annotation--8-1 .webfeat-arrow {
      bottom: -90%; } }
  @media screen and (min-width: 980px) {
    .webfeat-annotation--8-1 .webfeat-arrow {
      bottom: -80%;
      left: 20%; } }
  @media screen and (min-width: 1200px) {
    .webfeat-annotation--8-1 .webfeat-arrow {
      bottom: -70%;
      left: 30%; } }

.webfeat-annotation--8-2 .webfeat-arrow {
  left: -15%; }
  @media screen and (min-width: 980px) {
    .webfeat-annotation--8-2 .webfeat-arrow {
      left: -5%; } }
  @media screen and (min-width: 980px) {
    .webfeat-annotation--8-2 .webfeat-arrow {
      left: 5%;
      bottom: -40%; } }

/* Copy */
.webfeat-section__copy {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  font-size: 16px;
  line-height: 1.4;
  margin-top: 50px; }
  @media screen and (min-width: 768px) {
    .webfeat-section__copy {
      width: 40%;
      margin-top: 0; } }
  @media screen and (min-width: 1200px) {
    .webfeat-section__copy {
      font-size: 18px; } }
  .webfeat-section__copy > div {
    max-width: 350px; }

/* ---------------------------------------------------
  FINAL CTA SECTION
--------------------------------------------------- */
.webfeat-section--final .container {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center; }

.webfeat-section--final .webfeat-section__title {
  margin-bottom: 30px;
  font-weight: 900;
  font-size: 24px;
  line-height: 1em;
  text-align: center;
  max-width: 768px; }
  @media screen and (min-width: 980px) {
    .webfeat-section--final .webfeat-section__title {
      font-size: 30px;
      margin-bottom: 45px; } }
  @media screen and (min-width: 1200px) {
    .webfeat-section--final .webfeat-section__title {
      font-size: 42px; } }
  @media screen and (min-width: 1400px) {
    .webfeat-section--final .webfeat-section__title {
      font-size: 48px; } }

.webfeat-section--final .btn {
  margin-top: 40px; }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0); } }

.animate__fadeInUp {
  -webkit-animation: fadeInUp 1s both;
          animation: fadeInUp 1s both; }

.animate-delay-3 {
  -webkit-animation-delay: .3s;
          animation-delay: .3s; }

.animate-delay-6 {
  -webkit-animation-delay: .6s;
          animation-delay: .6s; }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  to {
    opacity: 100%; } }

.animate__fadeIn {
  -webkit-animation: fadeIn 2s both;
          animation: fadeIn 2s both; }

/* --------------------------------------
  INTRO BOX
-------------------------------------- */
.future-pg .white-box {
  position: relative;
  z-index: 10; }

.future-pg .page-header__content {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: center;
          align-items: center; }

@media screen and (min-width: 1200px) {
  .future-pg .page-header__copy {
    padding-right: 50px; } }

.future-pg .page-header h2 {
  margin-bottom: 30px;
  padding-left: 0;
  line-height: 1.2; }
  @media screen and (min-width: 1200px) {
    .future-pg .page-header h2 {
      font-size: 40px; } }

.future-pg .page-header li:before {
  background-color: #f5f5f5;
  background-position: center;
  background-size: 60%;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  top: 3px; }

.future-hero-img {
  text-align: center; }
  @media screen and (min-width: 768px) {
    .future-hero-img {
      border-right: 1px solid #eee; } }
  .future-hero-img .device-wrap {
    position: relative;
    background-color: #eee;
    display: inline-block;
    border-radius: 12px;
    overflow: hidden; }
  .future-hero-img .device {
    width: 160px;
    position: relative;
    z-index: 11; }
    @media screen and (min-width: 768px) {
      .future-hero-img .device {
        width: 120px; } }
  .future-hero-img .screenshot {
    position: absolute;
    top: 10%;
    left: 9.5%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    height: 83%;
    width: auto;
    -webkit-animation: 1s .5s slideInTop both;
            animation: 1s .5s slideInTop both;
    z-index: 10; }

@-webkit-keyframes slideInTop {
  0% {
    -webkit-transform: translate3d(0, -120%, 0);
            transform: translate3d(0, -120%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
            transform: translateZ(0); } }

@keyframes slideInTop {
  0% {
    -webkit-transform: translate3d(0, -120%, 0);
            transform: translate3d(0, -120%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
            transform: translateZ(0); } }

/* --------------------------------------
  PUSH NOTIFICATION BANNER
-------------------------------------- */
.white-box--future-notif {
  padding: 20px 30px 20px; }

.future-notif {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column; }
  @media screen and (min-width: 980px) {
    .future-notif {
      -webkit-flex-direction: row;
              flex-direction: row;
      -webkit-justify-content: center;
              justify-content: center;
      -webkit-align-items: center;
              align-items: center; } }
  .future-notif h3 {
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
    margin: 0;
    font-size: 16px; }
    @media screen and (min-width: 980px) {
      .future-notif h3 {
        border-right: 1px solid #eee;
        border-bottom: none;
        padding-bottom: 0;
        padding-right: 15px;
        margin-right: 15px; } }
  .future-notif__app {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-align-items: center;
            align-items: center; }
    .future-notif__app input[type="checkbox"] {
      opacity: 0; }
    .future-notif__app .notif-settings__label {
      width: 100%;
      padding-top: 10px;
      -webkit-justify-content: flex-start;
              justify-content: flex-start; }
      @media screen and (min-width: 980px) {
        .future-notif__app .notif-settings__label {
          padding-top: 0; } }
      @media screen and (min-width: 1200px) {
        .future-notif__app .notif-settings__label {
          width: auto; } }
    .future-notif__app .notif-settings__label > span {
      padding: 0 0 0 10px; }
    .future-notif__app .app-modal-trigger {
      margin-left: 50px;
      font-weight: 400; }
      @media screen and (min-width: 1200px) {
        .future-notif__app .app-modal-trigger {
          margin-left: 30px; } }
      .future-notif__app .app-modal-trigger i {
        color: #FC1C5B;
        font-size: 16px;
        margin-left: 5px; }
  .future-notif .rstats__app-btns {
    padding-top: 15px;
    border-top: 1px solid #eee;
    margin: 10px 0 0;
    width: 100%; }
    @media screen and (min-width: 980px) {
      .future-notif .rstats__app-btns {
        border-top: 0;
        padding-top: 0; } }
    @media screen and (min-width: 1200px) {
      .future-notif .rstats__app-btns {
        border-left: 1px solid #eee;
        border-top: none;
        padding-top: 0;
        margin: 0;
        padding-left: 15px;
        margin-left: 15px;
        width: auto; } }

/* --------------------------------------
  COUNTDOWN BOX
-------------------------------------- */
.future-countdown__title {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
  margin-bottom: 30px; }
  @media screen and (min-width: 1200px) {
    .future-countdown__title h3 {
      font-size: 24px; } }
  .future-countdown__title .img-wrap {
    width: 60px;
    height: 60px;
    background-color: #eee;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: none;
            flex: none;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-align-items: center;
            align-items: center;
    padding: 12px;
    border-radius: 50%;
    box-sizing: border-box;
    margin-right: 15px; }

.future-countdown__timer {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  font-weight: 700;
  color: #35264e;
  padding-bottom: 30px;
  border-bottom: 1px solid #eee; }
  .future-countdown__timer .time-wrap {
    padding: 10px 12px;
    border-right: 1px solid #eee;
    font-size: 26px; }
    @media screen and (min-width: 600px) {
      .future-countdown__timer .time-wrap {
        padding: 15px 20px;
        font-size: 36px; } }
    .future-countdown__timer .time-wrap:last-child {
      border-right: none; }
  .future-countdown__timer .lab {
    display: none; }
    @media screen and (min-width: 980px) {
      .future-countdown__timer .lab {
        display: inline-block;
        margin-left: 10px; } }
  @media screen and (min-width: 980px) {
    .future-countdown__timer .lab-mob {
      display: none; } }

/* Small Variant */
.future-countdown--small {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center; }
  .future-countdown--small h3 {
    width: 100%;
    margin: 0;
    text-align: center; }
    @media screen and (min-width: 980px) {
      .future-countdown--small h3 {
        text-align: left;
        width: auto;
        margin-right: 10px; } }

.future-countdown__timer--small {
  border-bottom: none;
  padding-bottom: 0; }
  @media screen and (min-width: 1200px) {
    .future-countdown__timer--small {
      width: 273px; } }
  .future-countdown__timer--small .time-wrap {
    font-size: 22px;
    border: none;
    padding: 15px 10px;
    display: -webkit-flex;
    display: flex; }
  .future-countdown__timer--small .mins,
  .future-countdown__timer--small .secs {
    width: 2ch;
    display: inline-block; }
  .future-countdown__timer--small .lab {
    margin-left: 5px; }

/* --------------------------------------
  PLAYER BAR
-------------------------------------- */
.future-player {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  position: relative; }
  @media screen and (min-width: 1200px) {
    .future-player {
      -webkit-flex-wrap: nowrap;
              flex-wrap: nowrap; } }
  .future-player__num {
    position: absolute;
    top: 45px;
    left: 30px; }
    .future-player__num span {
      color: #35264e;
      font-weight: 600;
      font-size: 36px;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: center;
              justify-content: center;
      -webkit-align-items: center;
              align-items: center; }
    @media screen and (min-width: 1200px) {
      .future-player__num {
        width: auto;
        padding: 0 30px 0 0;
        position: static;
        border-right: 1px solid #eee;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
                align-items: center; } }
  .future-player__pic {
    -webkit-flex: 1;
            flex: 1;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
            align-items: center;
    padding: 15px 0; }
    @media screen and (min-width: 1200px) {
      .future-player__pic {
        -webkit-flex: none;
                flex: none;
        padding: 0 30px;
        border-right: 1px solid #eee;
        background-color: transparent; } }
    .future-player__pic img {
      width: 80px; }
    .future-player__pic h5 {
      margin: 5px 0 0; }
  .future-player__data-wrap {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column; }
    @media screen and (min-width: 768px) {
      .future-player__data-wrap {
        -webkit-flex-direction: row;
                flex-direction: row; } }
  .future-player__data {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: center;
            justify-content: center;
    padding: 25px 0;
    border-top: 1px solid #eee; }
    @media screen and (min-width: 1200px) {
      .future-player__data {
        border-right: 1px solid #eee;
        border-top: none;
        padding: 0; }
        .future-player__data:last-child {
          border-right: none; } }
    .future-player__data h5 {
      width: 100%;
      text-align: center;
      margin: 0 0 10px;
      font-size: 18px;
      font-weight: 400; }
  .future-player__data > div {
    width: 50%;
    max-width: 120px;
    text-align: center; }
    .future-player__data > div h6 {
      font-size: 12px;
      margin: 0 0 3px;
      color: #555560; }
    .future-player__data > div p {
      font-size: 22px;
      font-weight: 600;
      color: #35264e;
      margin: 0; }
  .future-player .premium-trigger {
    padding: 8px 10px; }

/* --------------------------------------
  PREVIOUS PREDICTIONS TABLE
-------------------------------------- */
.future-prev-predictions h3 {
  cursor: pointer;
  transition: .3s;
  margin: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center; }
  .future-prev-predictions h3:hover {
    color: #555560; }
  .future-prev-predictions h3 i {
    margin-left: 10px; }

.future-prev-predictions .table-wrap {
  display: none; }

.future-prev-predictions table {
  margin-top: 20px; }

/* ---------------------------------------


--------- PRESEASON OVERVIEW ------------


--------------------------------------- */
/* -----------------------------
	HEADER
------------------------------ */
.psp--header {
  padding: 0;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.05); }
  .psp--header .nav-pills {
    width: 100%;
    margin-left: auto; }
  .psp--header .back-to-fix a {
    padding: 18px;
    background: #f7f7f7;
    margin: 0; }
    .psp--header .back-to-fix a img {
      width: 26px;
      margin: 0 5px 0 0; }
  .psp--header .btn-one-red {
    font-weight: 600;
    padding: 14px;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px; }
    .psp--header .btn-one-red:hover {
      background-color: #e20342; }
  .psp--header .drawer-nav .btn-one-red {
    display: block;
    text-align: center;
    margin: 15px;
    font-size: 11px; }
  .psp--header .drawer-nav .fix a {
    margin: 0;
    display: block;
    padding: 11px 10px;
    color: #222;
    font-size: 16px; }

/* -----------------------------

PSP 2018 - HERO

------------------------------ */
.psp--overview__mobile {
  display: none; }
  @media screen and (max-width: 600px) {
    .psp--overview__mobile .psp-section__flip-back {
      padding: 20px; } }

.psp--overview__header {
  padding-left: 10px; }

.psp-hero {
  position: relative;
  z-index: 5; }

.psp--overview .psp-hero__btn {
  width: auto; }

.psp-hero__row {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center; }
  .psp-hero__row:before, .psp-hero__row:after {
    content: " ";
    display: table; }
  .psp-hero__row:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    visibility: hidden; }
  .psp-hero__row {
    *zoom: 1; }
  @media screen and (max-width: 980px) {
    .psp-hero__row {
      -webkit-flex-direction: column;
              flex-direction: column; } }

.psp-hero__content {
  position: relative;
  z-index: 2;
  display: block !important;
  padding: 30px 60px 30px 0;
  margin: 0 0 0 calc((100% - 1170px) / 2);
  width: 40%;
  float: left; }
  @media screen and (max-width: 1200px) {
    .psp-hero__content {
      padding: 30px 40px 30px 0;
      margin: 0 0 0 calc((100% - 940px) / 2); } }
  @media screen and (max-width: 980px) {
    .psp-hero__content {
      padding: 40px 20px;
      margin: 0;
      width: 100%;
      -webkit-order: 2;
              order: 2;
      width: 724px;
      max-width: 100%;
      box-sizing: border-box; } }

.psp-hero__title {
  margin: 0 0 20px 0;
  font-weight: 900;
  font-size: 30px;
  line-height: 1em; }
  .psp-hero__title span {
    margin-top: 5px;
    display: block; }
  @media screen and (min-width: 1200px) {
    .psp-hero__title {
      font-size: 38px; } }

.psp-hero__paragraph {
  margin: 0 0 20px 0; }
  @media screen and (max-width: 1200px) {
    .psp-hero__paragraph {
      font-size: 14px !important;
      line-height: 20px !important; } }

.psp-hero__image {
  max-width: 104%;
  margin-left: -4%; }

.psp-hero__video {
  float: right;
  position: relative;
  overflow: hidden;
  width: 80%;
  margin: 0;
  cursor: pointer; }
  .psp-hero__video img {
    width: 70px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -35px;
    margin-top: -35px;
    z-index: 99;
    transition: all .2s ease-in-out; }
  .psp-hero__video::after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    opacity: 0.1;
    top: 0;
    bottom: 0;
    pointer-events: none;
    background: linear-gradient(to right, #22133c 0%, rgba(34, 19, 60, 0.738) 19%, rgba(34, 19, 60, 0.541) 34%, rgba(34, 19, 60, 0.382) 47%, rgba(34, 19, 60, 0.278) 56.5%, rgba(34, 19, 60, 0.194) 65%, rgba(34, 19, 60, 0.126) 73%, rgba(34, 19, 60, 0.075) 80.2%, rgba(34, 19, 60, 0.042) 86.1%, rgba(34, 19, 60, 0.021) 91%, rgba(34, 19, 60, 0.008) 95.2%, rgba(34, 19, 60, 0.002) 98.2%, rgba(34, 19, 60, 0) 100%); }
  .psp-hero__video iframe {
    position: absolute;
    top: 0px;
    left: 1px;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1.018);
            transform: scale(1.018);
    box-sizing: border-box; }
  .psp-hero__video:hover img {
    width: 80px;
    margin-left: -40px;
    margin-top: -40px; }
  @media screen and (max-width: 980px) {
    .psp-hero__video {
      width: 100%;
      margin: 0;
      -webkit-order: 1;
              order: 1; } }

.psp-hero__video-wrap {
  position: relative; }

.psp-hero__video-inner {
  padding: 0 0 56.2% 0; }

.psp--overview .home__hero {
  padding: 70px 0; }

.psp--overview .home__hero-inner {
  margin: 0; }
  @media screen and (max-width: 980px) {
    .psp--overview .home__hero-inner {
      margin-bottom: 0;
      padding-bottom: 0; } }

.psp--overview .home__video-right {
  width: 100%; }

.psp--overview .home__hero-background-wrap {
  display: none; }
  .psp--overview .home__hero-background-wrap img {
    object-fit: cover;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0; }
  @media screen and (min-width: 980px) {
    .psp--overview .home__hero-background-wrap {
      display: block; } }

.psp--overview .home__video-wrap {
  overflow: visible;
  top: 1.9%;
  left: 7.7%;
  width: 84.6%;
  height: 90.6%; }
  .psp--overview .home__video-wrap .ribbon-alt--wrap {
    display: none;
    top: -15px;
    right: -17px; }
    @media screen and (min-width: 1200px) {
      .psp--overview .home__video-wrap .ribbon-alt--wrap {
        display: block; } }
    .psp--overview .home__video-wrap .ribbon-alt--wrap .ribbon-top-right::before {
      left: 7px;
      border-color: #1e152c; }
    .psp--overview .home__video-wrap .ribbon-alt--wrap .ribbon-top-right::after {
      bottom: 7px;
      border-color: #1e152c; }
    .psp--overview .home__video-wrap .ribbon-alt--wrap .ribbon-top-right span {
      font-size: 12px;
      padding: 10px 10px 10px 26px;
      background: #35264e; }

.psp-hero-testimonials {
  margin-top: 40px; }
  @media screen and (min-width: 1200px) {
    .psp-hero-testimonials {
      margin-top: 60px; } }

/* -----------------------------

SECTION (Global)

------------------------------ */
.psp-section {
  position: relative;
  margin: 0;
  background: #ffffff;
  overflow: hidden;
  padding: 50px 0 40px 0; }
  .psp-section--gray {
    background-color: #F4F4F6; }
  .psp-section--transparent {
    background-color: transparent; }
  @media screen and (min-width: 980px) {
    .psp-section {
      padding: 80px 0 80px 0; } }
  .psp-section .container {
    position: relative; }

.psp__fix-background {
  display: none; }
  @media screen and (min-width: 980px) {
    .psp__fix-background {
      display: block;
      position: absolute;
      top: -60px;
      right: 0;
      width: 1550px;
      z-index: 0; } }

.psp-section__row {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
          align-items: flex-end; }

.psp-section__title {
  font-size: 45px;
  line-height: 45px;
  font-weight: 900;
  text-align: center;
  max-width: 900px;
  margin: 0 auto 20px; }
  @media screen and (max-width: 980px) {
    .psp-section__title {
      font-size: 30px;
      line-height: 35px; } }
  .psp-section__title--narrow {
    max-width: 750px;
    margin-left: auto;
    margin-right: auto; }

.psp-section__sub-title {
  opacity: 0.5;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.12em;
  margin: 0 auto 10px 0;
  text-align: center;
  text-transform: uppercase; }
  @media screen and (max-width: 980px) {
    .psp-section__sub-title {
      font-size: 13px; } }
  @media screen and (max-width: 767px) {
    .psp-section__sub-title {
      margin: 0 auto; } }

.psp-section__paragraph {
  margin: 10px 0 0 0;
  text-align: left; }

.psp-section__btn {
  display: inline-block;
  margin-left: 20px; }
  @media screen and (max-width: 980px) {
    .psp-section__btn {
      padding: 10px 13px !important; } }
  @media screen and (max-width: 767px) {
    .psp-section__btn {
      width: 100%;
      margin: 10px 0 0 0; } }

/* -----------------------------

FEATURES TABLE

------------------------------ */
.psp-features {
  background-color: #fafafb;
  overflow: visible; }

.psp-features__container {
  max-width: 1050px; }

.psp-features__main-btn {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  padding: 20px 15px 0;
  box-sizing: border-box; }
  .psp-features__main-btn i {
    font-size: 1.1em;
    margin-left: 3px; }
  .psp-features__main-btn .btn {
    background-color: transparent; }

.psp-features__table {
  margin-top: 30px; }
  @media screen and (min-width: 980px) {
    .psp-features__table {
      margin-top: 40px; } }
  .psp-features__table .btn-one-red,
  .psp-features__table .btn-one-red-border {
    font-size: 10px;
    line-height: 1.3;
    padding: 5px;
    margin-top: 10px; }
    @media screen and (min-width: 768px) {
      .psp-features__table .btn-one-red,
      .psp-features__table .btn-one-red-border {
        font-size: 12px;
        padding: 10px;
        margin-top: 15px; } }
    @media screen and (min-width: 980px) {
      .psp-features__table .btn-one-red,
      .psp-features__table .btn-one-red-border {
        margin-bottom: 5px;
        padding: 12px; } }
  .psp-features__table .btn-one-red span,
  .psp-features__table .btn-one-red-border span {
    display: none; }
    @media screen and (min-width: 600px) {
      .psp-features__table .btn-one-red span,
      .psp-features__table .btn-one-red-border span {
        display: inline-block; } }
  .psp-features__table .btn-disabled {
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
    opacity: 0.4; }
    .psp-features__table .btn-disabled:hover, .psp-features__table .btn-disabled:focus {
      background: none;
      color: inherit; }
  .psp-features__table-row {
    display: -webkit-flex;
    display: flex; }
  .psp-features__table-row > div {
    padding: 8px 5px;
    text-align: center;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    width: 40%;
    text-transform: uppercase;
    position: relative;
    box-sizing: border-box; }
    @media screen and (min-width: 768px) {
      .psp-features__table-row > div {
        padding: 10px; } }
    @media screen and (min-width: 980px) {
      .psp-features__table-row > div {
        padding: 10px 20px; } }
    @media screen and (min-width: 1200px) {
      .psp-features__table-row > div {
        padding: 10px 30px; } }
  .psp-features__table-row:first-child {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 10;
    background-color: #fafafb; }
    @media screen and (min-width: 1100px) {
      .psp-features__table-row:first-child {
        top: 61px; } }
  .psp-features__table-row:first-child > div {
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    -webkit-align-items: center;
            align-items: center;
    padding-top: 30px; }
  .psp-features__table-row > div:nth-child(1) {
    width: 60%;
    -webkit-align-items: flex-start;
            align-items: flex-start;
    padding-top: 0;
    box-sizing: border-box;
    text-align: left;
    -webkit-justify-content: flex-start;
            justify-content: flex-start; }
  .psp-features__table-row--header {
    border: none;
    margin: 0;
    padding: 0; }
  .psp-features__table-row--header > div {
    -webkit-align-items: flex-end;
            align-items: flex-end; }
  .psp-features__table .btn-one-red {
    border: 2px solid #FC1C5B; }
    .psp-features__table .btn-one-red:hover {
      border-color: #e20342; }
  .psp-features__table-row:first-child h3 {
    font-size: 14px; }
    @media screen and (min-width: 800px) {
      .psp-features__table-row:first-child h3 {
        font-size: 22px; } }
  .psp-features__table h3 {
    text-transform: none;
    padding-top: 30px;
    padding-bottom: 20px;
    line-height: 1.2;
    margin: 0; }
    @media screen and (min-width: 1200px) {
      .psp-features__table h3 {
        font-size: 22px; } }
    .psp-features__table h3 small {
      color: #35264e;
      font-size: .7em;
      margin-top: 5px;
      display: block; }
  .psp-features__table-row:first-child h4 {
    font-weight: 700;
    margin: 0;
    padding: 0;
    max-width: 100%; }
    @media screen and (min-width: 768px) {
      .psp-features__table-row:first-child h4 {
        font-size: 18px; } }
    @media screen and (min-width: 1200px) {
      .psp-features__table-row:first-child h4 {
        font-size: 22px; } }
  .psp-features__table h4 {
    text-transform: none;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.3;
    margin: 0 0 10px;
    padding-top: 25px; }
    @media screen and (min-width: 600px) {
      .psp-features__table h4 {
        font-size: 14px; } }
    @media screen and (min-width: 768px) {
      .psp-features__table h4 {
        font-size: 16px; } }
    @media screen and (min-width: 1200px) {
      .psp-features__table h4 {
        font-size: 18px; } }
  .psp-features__table h4 + p {
    text-transform: none;
    line-height: 1.3;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 10px; }
    @media screen and (min-width: 600px) {
      .psp-features__table h4 + p {
        font-size: 14px;
        margin-top: 15px; } }
  .psp-features__table .price {
    margin-top: auto;
    line-height: 1.2;
    color: #35264e; }
  .psp-features__table .price span {
    font-size: 14px;
    font-weight: 700; }
    @media screen and (min-width: 600px) {
      .psp-features__table .price span {
        font-size: 16px; } }
    @media screen and (min-width: 1200px) {
      .psp-features__table .price span {
        font-size: 24px; } }
  .psp-features__table .price small {
    font-weight: 400; }
  .psp-features__table-key {
    margin: 0;
    font-size: 12px;
    text-transform: none;
    line-height: 1.5; }
    @media screen and (min-width: 768px) {
      .psp-features__table-key {
        font-size: 14px;
        font-weight: 400; } }
    @media screen and (min-width: 1200px) {
      .psp-features__table-key {
        font-size: 15px; } }
    .psp-features__table-key small {
      color: #35264e;
      margin-top: 3px; }
  .psp-features__table .fa-check-circle {
    color: #35264e;
    font-size: 14px; }
    @media screen and (min-width: 768px) {
      .psp-features__table .fa-check-circle {
        font-size: 18px; } }
  .psp-features__table .fa-times-circle {
    color: #ddd;
    font-size: 14px; }
    @media screen and (min-width: 768px) {
      .psp-features__table .fa-times-circle {
        font-size: 18px; } }
  .psp-features__table .btn-q-mark {
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
    opacity: .7; }

.psp-section--cta__laptop {
  margin: 30px auto;
  max-width: 850px; }
  @media screen and (min-width: 1200px) {
    .psp-section--cta__laptop {
      margin: 50px auto 40px; } }

.psp .jumbotron {
  background-color: #35264e; }
  .psp .jumbotron .container {
    background-image: url("../../images/psp/header.png"); }
  .psp .jumbotron .lead {
    color: #fff; }

@media screen and (max-width: 1200px) {
  .psp .jumbotron .container {
    background-size: auto 80%;
    background-image: none; }
  .psp .jumbotron .lead {
    max-width: 100%;
    width: 100%; }
    .psp .jumbotron .lead span {
      font-size: 2em;
      line-height: 50px; } }

@media screen and (max-width: 980px) {
  .psp .jumbotron .container {
    background-size: auto 80%; }
  .psp .jumbotron .lead span {
    font-size: 26px;
    line-height: 30px;
    margin: 10px 0; } }

/* -----------------------------

PSP 2017 - HOME

------------------------------ */
.psp-home {
  background: #EFEFEF; }

.psp-home__intro {
  margin: 30px 0; }
  @media screen and (min-width: 768px) {
    .psp-home__intro-content {
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
              align-items: center; } }
  .psp-home__intro h1 {
    font-weight: 900;
    font-size: 32px;
    margin-bottom: 20px; }
  .psp-home__intro p {
    margin: 10px 0 20px; }
  .psp-home__intro .device-wrap {
    text-align: center; }
  .psp-home__intro .device {
    margin: 10px 0 20px;
    width: 160px; }
    @media screen and (min-width: 768px) {
      .psp-home__intro .device {
        margin-bottom: 0; } }

.psp-home__welcome {
  background: #ffffff;
  padding: 30px;
  margin-top: 40px; }
  .psp-home__welcome--text h1 {
    font-weight: 900;
    text-align: center;
    font-size: 25px;
    line-height: 28px; }
  .psp-home__welcome--text p {
    font-size: 15px;
    line-height: 22px;
    font-weight: 300;
    color: #555560;
    text-align: center;
    margin: 20px 0; }
  .psp-home__welcome--btns {
    border-top: 1px solid #EFEFEF;
    padding-top: 30px;
    display: -webkit-flex;
    display: flex;
    margin: 0 -5px;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap; }
    @media screen and (min-width: 1200px) {
      .psp-home__welcome--btns {
        -webkit-flex-wrap: nowrap;
                flex-wrap: nowrap; } }
    .psp-home__welcome--btns .btn {
      width: 100%;
      margin: 5px; }
      @media screen and (min-width: 600px) {
        .psp-home__welcome--btns .btn {
          width: 48%; } }
      @media screen and (min-width: 980px) {
        .psp-home__welcome--btns .btn {
          width: 32%; } }
      @media screen and (min-width: 1200px) {
        .psp-home__welcome--btns .btn {
          -webkit-flex-grow: 1;
                  flex-grow: 1;
          width: auto; } }

.psp-home__wrapper {
  display: -webkit-flex;
  display: flex;
  padding: 40px 0;
  width: auto;
  margin: 0 -1.25%; }
  .psp-home__wrapper .btn {
    display: block;
    margin: 20px 0 0 0; }
  @media screen and (max-width: 980px) {
    .psp-home__wrapper {
      display: block; } }

.psp-home__summary {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  width: 100%;
  padding: 30px;
  background: #fff;
  height: auto;
  margin: 0;
  box-sizing: border-box; }
  .psp-home__summary h2 {
    font-weight: 900;
    font-size: 25px;
    text-align: center;
    padding: 0 0 25px 0;
    margin: 0 0 25px 0;
    border-bottom: 1px solid #EFEFEF; }
  .psp-home__summary h3 {
    font-size: 18px;
    text-align: center;
    padding: 0 0 20px 0;
    margin: 0; }
  .psp-home__summary h4 {
    font-size: 12px;
    text-align: center;
    padding: 0 0 10px 0;
    margin: 0;
    font-weight: 400; }
  .psp-home__summary .inner {
    -webkit-flex: 1 0 0px;
            flex: 1 0 0px;
    overflow-y: auto;
    min-height: 0px;
    height: 0px;
    position: relative;
    margin-right: -10px;
    padding-right: 10px; }
  @media screen and (max-width: 980px) {
    .psp-home__summary {
      width: 100%;
      margin: 0 0 30px 0; } }

.psp-summary__block:not(:empty) {
  margin: 0 0 25px 0;
  padding: 0 0 30px 0;
  border-bottom: 1px solid #EFEFEF; }

.psp-summary__history {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
          align-items: flex-end; }

.psp-summary__history-wrap {
  display: block;
  width: auto;
  -webkit-flex: 1 0 auto;
          flex: 1 0 auto; }

.psp-summary__history-column {
  height: 100%;
  width: calc(100% - 2px);
  box-sizing: border-box; }
  .psp-summary__history-column.sub-column {
    background-color: #FC1C5B; }

.psp-home__refund {
  background: #fff;
  padding: 30px;
  margin: 0 0 30px 0;
  text-align: center; }

.psp-home__refund-title {
  font-size: 25px;
  font-weight: 900;
  padding: 0;
  margin: 0 0 15px 0; }

.psp-home__cards {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap; }
  @media screen and (min-width: 1200px) {
    .psp-home__cards {
      -webkit-flex-wrap: nowrap;
              flex-wrap: nowrap;
      -webkit-justify-content: space-between;
              justify-content: space-between; } }
  .psp-home__cards > div {
    width: 48%;
    margin: 0 4% 4% 0; }
    .psp-home__cards > div:nth-child(2n) {
      margin-right: 0; }
    @media screen and (min-width: 1200px) {
      .psp-home__cards > div {
        -webkit-flex: 1;
                flex: 1;
        box-sizing: border-box; }
        .psp-home__cards > div:nth-child(n) {
          margin-right: 4%; }
        .psp-home__cards > div:last-child {
          margin-right: 0; } }
  .psp-home__cards .white-box {
    padding: 0;
    margin: 0;
    text-align: center; }
    .psp-home__cards .white-box > div {
      padding: 25px 25px 20px; }
  .psp-home__cards h3 {
    line-height: 1.2;
    margin: 0; }
  .psp-home__cards .stat {
    font-size: 36px;
    font-weight: 700;
    color: #35264e;
    margin-top: 20px;
    margin-bottom: 0; }
  .psp-home__cards .stat span {
    display: block;
    font-weight: 300;
    font-size: 12px;
    margin-top: 3px; }
  .psp-home__cards .player {
    padding: 15px;
    background-color: #f5f5f5;
    margin: 0;
    color: #35264e;
    font-weight: 400; }
  .psp-home__cards .btn {
    width: 100%;
    margin-top: 10px; }

.psp-home__main {
  margin-bottom: 40px; }

.psp-home__transfers-wrap {
  -webkit-flex: 1 0 30%;
          flex: 1 0 30%;
  width: 30%;
  margin: 0 1.25%; }

.psp-home__transfers {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  padding: 30px;
  background: #fff;
  height: 600px;
  box-sizing: border-box;
  margin: 0 0 30px 0; }
  .psp-home__transfers h2 {
    font-weight: 900;
    font-size: 25px;
    text-align: center;
    padding: 0 0 25px 0;
    margin: 0;
    border-bottom: 1px solid #EFEFEF; }
  .psp-home__transfers .btn {
    border-width: 1px; }
  .psp-home__transfers .inner {
    -webkit-flex: 1 0 0px;
            flex: 1 0 0px;
    overflow-y: auto;
    min-height: 0px;
    height: 0px;
    position: relative;
    margin-right: -10px;
    padding-right: 10px; }
  @media screen and (max-width: 980px) {
    .psp-home__transfers {
      width: 100%;
      margin: 0; } }

.psp-home__updates {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  padding: 30px;
  height: 600px;
  background: #fff;
  box-sizing: border-box; }
  .psp-home__updates h2 {
    text-align: center;
    padding: 0 0 25px 0;
    font-size: 25px;
    font-weight: 900;
    margin: 0;
    border-bottom: 1px solid #EFEFEF; }
  .psp-home__updates .inner {
    -webkit-flex: 1 0 0px;
            flex: 1 0 0px;
    overflow-y: auto;
    min-height: 0px;
    height: 0px;
    position: relative; }
  .psp-home__updates .refund-box {
    text-align: center; }
    .psp-home__updates .refund-box h2 {
      border-bottom: 0;
      padding-bottom: 15px; }
    .psp-home__updates .refund-box::after {
      content: '';
      height: 30px;
      display: block;
      margin: 30px -30px;
      background: #EFEFEF; }

.fade-out {
  position: relative;
  height: 80px;
  width: 100%;
  margin-top: -80px;
  z-index: 2;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); }

.psp-home__transfer a {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  padding: 15px 0;
  margin: -1px 0 0 0;
  border-top: 1px solid #EFEFEF;
  border-bottom: 1px solid #EFEFEF; }

.psp-home__transfer .image {
  width: 80px;
  -webkit-flex: 1 0 80px;
          flex: 1 0 80px;
  max-width: 80px;
  margin: 0 10px 0 0; }

.psp-home__transfer .text {
  padding: 0 20px 0 0; }
  .psp-home__transfer .text h3 {
    margin: 0 0 2px 0; }
  .psp-home__transfer .text p {
    margin: 0; }
  .psp-home__transfer .text img {
    vertical-align: text-bottom;
    margin: 0 5px;
    width: 18px; }

.psp-home__transfer .arrow {
  -webkit-flex: 1 0 10px;
          flex: 1 0 10px;
  max-width: 10px;
  margin: 0 0 0 auto;
  font-size: 20px;
  color: #22133C; }

.psp-home__update a {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  padding: 15px 0;
  margin: -1px 0 0 0;
  border-top: 1px solid #EFEFEF;
  border-bottom: 1px solid #EFEFEF; }

.psp-home__update .image {
  width: 70px;
  -webkit-flex: 1 0 70px;
          flex: 1 0 70px;
  max-width: 70px;
  margin: 0 20px 0 0;
  padding: 15px 0;
  text-align: center; }

.psp-home__update img {
  max-width: 45px;
  width: 80%; }

.psp-home__update .text {
  padding: 0 20px 0 0; }
  .psp-home__update .text h3 {
    line-height: 22px;
    margin: 0 0 4px 0; }
  .psp-home__update .text p {
    margin: 0; }

.psp-home__update .arrow {
  -webkit-flex: 1 0 10px;
          flex: 1 0 10px;
  max-width: 10px;
  margin: 0 0 0 auto;
  font-size: 20px;
  color: #22133C; }

.psp-home__pages {
  background: #fff;
  padding: 30px;
  box-sizing: border-box;
  margin-bottom: 60px; }
  .psp-home__pages h2 {
    font-weight: 900;
    font-size: 25px;
    text-align: center;
    padding: 0 0 25px 0;
    margin: 0;
    border-bottom: 1px solid #EFEFEF; }
  .psp-home__pages .inner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    width: auto;
    margin: 0; }

.psp-home__page {
  -webkit-flex: 0 0 20%;
          flex: 0 0 20%;
  position: relative;
  width: 20%;
  padding: 15px;
  text-align: center;
  background: #fff;
  margin: 0;
  box-sizing: border-box;
  transition: all 0.25s ease-in-out; }
  .psp-home__page a {
    display: block; }
  .psp-home__page .image {
    position: relative; }
    .psp-home__page .image::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 30%;
      background: #efeeee;
      background: #ffffff;
      background: linear-gradient(to bottom, #ffffff 0%, #efefef 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );
      z-index: 1; }
    .psp-home__page .image img {
      position: relative;
      z-index: 2;
      transition: all 0.25s ease-in-out; }
    .psp-home__page .image:hover img {
      -webkit-transform: scale(1.05);
              transform: scale(1.05); }
  .psp-home__page h3 {
    font-size: 12px;
    line-height: 16px;
    margin: 10px 0 0 0; }
  .psp-home__page p {
    font-size: 17px;
    line-height: 26px; }
  .psp-home__page p:last-child {
    margin: 0; }
  .psp-home__page.inactive a {
    position: relative;
    opacity: 0.2; }
  .psp-home__page.inactive .comingsoon-text {
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -8px;
    padding: 0 10px; }
  @media screen and (max-width: 800px) {
    .psp-home__page {
      -webkit-flex: 0 0 33.333%;
              flex: 0 0 33.333%;
      position: relative;
      width: 33.333%; } }
  @media screen and (max-width: 600px) {
    .psp-home__page {
      -webkit-flex: 0 0 50%;
              flex: 0 0 50%;
      position: relative;
      width: 50%; } }

.psp-home__coming-soon {
  position: relative; }
  .psp-home__coming-soon .ribbon--wrap {
    position: absolute;
    right: 0;
    top: 0;
    height: 150px;
    width: 150px;
    overflow: hidden;
    z-index: 10; }
    .psp-home__coming-soon .ribbon--wrap .ribbon {
      width: 60px;
      position: absolute;
      top: 7px;
      right: -56px;
      text-align: center;
      background-color: #22133C;
      margin: 0;
      padding: 8px 50px;
      margin-bottom: 20px;
      z-index: 2;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
      .psp-home__coming-soon .ribbon--wrap .ribbon h1 {
        margin: 0;
        color: #fff;
        line-height: 1;
        font-size: 8px;
        letter-spacing: 0.08em; }

@media screen and (max-width: 980px) {
  .psp-home__wrapper {
    display: block;
    padding: 40px 0; }
  .psp-home__transfers-wrap {
    -webkit-flex: 1 0 100%;
            flex: 1 0 100%;
    width: 100%;
    margin: 0; }
  .psp-home__transfers {
    -webkit-flex: 1 0 100%;
            flex: 1 0 100%;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    width: 100%;
    padding: 30px;
    background: #fff;
    margin: 0 0 30px 0;
    box-sizing: border-box; }
    .psp-home__transfers .inner {
      height: 400px;
      -webkit-flex: 1 1 400px;
              flex: 1 1 400px; }
  .psp-home__updates {
    -webkit-flex: 1 0 100%;
            flex: 1 0 100%;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    width: 100%;
    padding: 30px;
    background: #fff;
    margin: 0 0 30px 0;
    box-sizing: border-box; }
    .psp-home__updates .inner {
      height: 400px;
      -webkit-flex: 1 1 400px;
              flex: 1 1 400px; } }

/* -----------------------------

PSP 2017 - FIXTURE ROTATOR

------------------------------ */
.psp--team .team-stats-inner {
  border: none;
  border-right: 1px solid #EFEFEF;
  padding: 0 30px; }
  .psp--team .team-stats-inner:last-child {
    border-right: 0; }

.psp--team #team-stats .progress-bar {
  background-color: #29F1FF; }

.psp--team .team-stats-bar {
  border: 0 !important;
  border-radius: 0;
  background-color: #EFEFEF; }

.psp--team .team-circle-goal, .psp--team .penalty-matrix .key.green {
  background-color: #42FF0F; }

.psp--team .team-circle-not-take, .psp--team .penalty-matrix .key.blue {
  background-color: #22133C; }

.psp--team .preseason .goals-bar .progress-bar {
  background-color: #29F1FF; }

.psp--team .gpp-card-wrap {
  border-radius: 0; }

.psp--team .pred-price-chart {
  border-radius: 0;
  background-color: #EFEFEF; }

.psp--team .pred-price-value {
  color: #22133C !important; }

.psp--team .pred-price-chart-inner {
  background-color: #29F1FF;
  border-radius: 0; }

.psp--team .last-season-stats h4 {
  color: #22133C; }

.psp--team .last-season-stats p {
  font-weight: 600;
  font-size: 18px;
  color: #22133C; }

.psp--team .key-player-menu-item .selected {
  color: #29F1FF; }

.psp--team .key-player-card .main-value {
  font-weight: 600;
  color: #22133C; }

.psp--team .key-player-card .stars {
  color: #29F1FF; }

.psp--team .points-column {
  background-color: #29F1FF; }

.psp--team .fixture-column {
  background-color: #29F1FF; }

.psp--team .key-player-circle div {
  background: #29F1FF; }

.psp--team-stats__tab {
  overflow: hidden; }

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
  border-color: #29F1FF; }

.psp--team-stats__row {
  width: auto;
  margin: 0 -30px; }
  .psp--team-stats__row .span4 {
    width: 33.33%;
    margin-left: 0;
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .psp--team-stats__row {
      margin: 0; }
      .psp--team-stats__row .span4 {
        padding: 0;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        border-right: 0;
        border-bottom: 1px solid #EFEFEF; } }

.psp--teams__title {
  font-weight: 800;
  margin: 0 0 30px 0;
  font-size: 25px;
  text-align: center; }

/*

TEMPLATE TEAMS

*/
.team-reveal h1 {
  text-align: center;
  font-weight: 700;
  font-size: 30px; }

.ownership-pitches__title {
  font-size: 25px;
  font-weight: 800;
  text-align: center;
  margin: 0 0 20px 0;
  padding: 0; }

.ownership-pitches__wrap {
  position: relative; }

.ownership-pitches__countdown-wrap {
  position: absolute;
  z-index: 99;
  left: 50%;
  top: 30%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 75%;
  box-sizing: border-box;
  padding: 20px 0;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
          justify-content: center;
  background: #fff; }

.ownership-pitches__countdown {
  display: inline-block;
  color: #35264e;
  font-weight: 700;
  font-size: 22px;
  line-height: 20px;
  padding: 1px; }
  .ownership-pitches__countdown .days {
    padding: 5px 0 5px 10px;
    margin: -1px 0;
    display: inline-block; }
  .ownership-pitches__countdown .hours {
    padding: 5px 0 5px 10px;
    margin: -1px 0;
    display: inline-block; }
  .ownership-pitches__countdown .mins {
    padding: 5px 0 5px 10px;
    margin: -1px 0;
    display: inline-block; }
  .ownership-pitches__countdown .lab {
    padding: 5px 10px 5px 0;
    margin: -1px 0;
    border-right: 1px solid #eee;
    display: inline-block; }
    .ownership-pitches__countdown .lab:last-child {
      border-right: 0; }

.ownership-pitches__countdown-title {
  width: 90%;
  max-width: 300px;
  font-size: 16px;
  font-weight: 600;
  color: #22133C;
  text-align: center;
  margin: 0 auto 12px; }

/* -----------------------------

PSP 2017 - SKILLS BENCHMARK

------------------------------ */
.psp--benchmark .psp--top50__card-row {
  margin: 0 0 30px 0; }

.psp--benchmark .psp--top50__menu-card {
  position: relative; }
  .psp--benchmark .psp--top50__menu-card h3 {
    font-size: 13px; }
  .psp--benchmark .psp--top50__menu-card .btn-one-red h3 {
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    letter-spacing: 1px; }

.psp--benchmark .spacer {
  height: 30px;
  width: 100%; }

.psp--benchmark .pad25 {
  height: 25px;
  width: 100%; }

.psp--benchmark__box__title {
  font-weight: 800;
  font-size: 28px;
  margin: 0 0 30px 0;
  padding: 0 0 30px 0;
  text-align: center;
  border-bottom: 1px solid #EFEFEF; }

.psp--benchmark__box h2 {
  text-align: center;
  margin: 0 0 30px 0;
  width: 100%; }

.psp--benchmark__box h2.equal-title {
  display: table;
  height: 70px;
  width: 100%; }
  .psp--benchmark__box h2.equal-title span {
    display: table-cell;
    vertical-align: middle;
    width: 100%; }

.psp--benchmark__box.assessment h2 {
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box; }
  @media screen and (max-width: 600px) {
    .psp--benchmark__box.assessment h2 {
      border-bottom: 0;
      padding-bottom: 0; } }

.psp--benchmark .assessment__wrap {
  display: -webkit-flex;
  display: flex; }
  @media screen and (max-width: 800px) {
    .psp--benchmark .assessment__wrap {
      -webkit-flex-direction: column;
              flex-direction: column; } }

.psp--benchmark .assessment__wrap-half {
  width: 50%; }
  .psp--benchmark .assessment__wrap-half img {
    max-width: 100px;
    margin: 0 auto 10px auto;
    width: 90%; }
  @media screen and (max-width: 800px) {
    .psp--benchmark .assessment__wrap-half {
      width: 100%; } }

.psp--benchmark p.assessment__title {
  font-weight: 500;
  color: #22133C; }

.psp--benchmark p.assessment__player-title {
  margin: 0;
  font-size: 13px !important; }

.psp--benchmark__wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  background: #fff;
  margin-bottom: 30px; }
  .psp--benchmark__wrapper .left {
    -webkit-flex: 0 0 120px;
            flex: 0 0 120px;
    width: 120px;
    text-align: center;
    padding: 40px;
    border-right: 1px solid #EFEFEF;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: center;
            justify-content: center; }
    .psp--benchmark__wrapper .left img {
      width: 120px; }
    .psp--benchmark__wrapper .left p {
      margin: 5px 0 0 0; }
    @media screen and (max-width: 600px) {
      .psp--benchmark__wrapper .left {
        padding: 20px 0; } }
  .psp--benchmark__wrapper .right {
    -webkit-flex: 1;
            flex: 1;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    text-align: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    padding: 40px; }
    .psp--benchmark__wrapper .right .best {
      -webkit-flex: 0 0 50%;
              flex: 0 0 50%;
      width: 50%;
      padding: 0 30px 0 0;
      border-right: 1px solid #EFEFEF;
      box-sizing: border-box; }
    .psp--benchmark__wrapper .right .worst {
      -webkit-flex: 0 0 50%;
              flex: 0 0 50%;
      width: 50%;
      padding: 0 0 0 30px;
      box-sizing: border-box; }
    .psp--benchmark__wrapper .right p {
      font-size: 1.2em;
      line-height: 1.6em; }

.psp--benchmark .highcharts-title {
  fill: #22133C !important; }
  .psp--benchmark .highcharts-title tspan {
    color: #22133C; }

.psp--benchmark table {
  margin-bottom: 30px !important; }
  .psp--benchmark table th {
    color: #22133C;
    text-align: center; }
  .psp--benchmark table td {
    text-align: center; }
  .psp--benchmark table tr td:first-child {
    text-align: left;
    width: 35%; }
  .psp--benchmark table td.cell-me, .psp--benchmark table th.cell-me {
    width: 200px;
    border-radius: 0 !important;
    background: #EFEFEF;
    border-bottom: 1px solid #dadada;
    color: #22133C;
    font-weight: 400; }

@media screen and (max-width: 1200px) {
  .psp--benchmark .psp--top50__card-row {
    margin-top: 0; }
  .psp--benchmark .psp--top50__menu-card {
    padding: 10px;
    width: 16.666%; }
  .psp--benchmark__box h2 {
    padding: 0 0 20px 0;
    font-size: 22px; } }

@media screen and (max-width: 980px) {
  .psp--benchmark .psp--top50__menu-card {
    width: 33.333%; }
  .psp--benchmark .psp--top50 .strategy-chart-row {
    margin: 20px; } }

@media screen and (max-width: 600px) {
  .psp--benchmark .psp--top50__menu-card {
    width: 33.333%;
    padding: 5px; }
    .psp--benchmark .psp--top50__menu-card h3 {
      font-size: 10px; }
  .psp--benchmark__box h2 {
    padding: 30px 0 20px 0; }
  .psp--benchmark table td.cell-me, .psp--benchmark table th.cell-me {
    width: auto; }
  .psp--benchmark__wrapper {
    display: block; }
    .psp--benchmark__wrapper .left {
      width: 100%; }
      .psp--benchmark__wrapper .left img {
        margin: 0 auto; }
    .psp--benchmark__wrapper .right {
      display: block;
      padding: 0 0 30px 0; }
      .psp--benchmark__wrapper .right .best {
        width: 100%;
        padding: 15px 0;
        border-right: 0;
        border-top: 1px solid #EFEFEF; }
      .psp--benchmark__wrapper .right .worst {
        width: 100%;
        padding: 15px 0 0 0;
        border-top: 1px solid #EFEFEF; } }

/* -----------------------------

PSP 2017 - TOP 50

------------------------------ */
.psp--top50 {
  background: #EFEFEF; }
  .psp--top50 h2 {
    -webkit-flex: none;
            flex: none;
    width: 100%;
    text-align: center;
    margin: 0;
    box-sizing: border-box;
    font-weight: 800; }
  .psp--top50 .btn-one-red h3 {
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    letter-spacing: 1px; }
  .psp--top50__card-row__inner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    width: auto;
    padding: 0 5px;
    margin: 0 -10px; }
  .psp--top50__menu-card {
    position: relative;
    padding: 10px 5px;
    text-align: center;
    box-sizing: border-box;
    transition: all 0.25s ease-in-out; }
    @media screen and (min-width: 1201px) {
      .psp--top50__menu-card {
        -webkit-flex: 1;
                flex: 1; } }
    .psp--top50__menu-card > a {
      background-color: #fff;
      display: block; }
    .psp--top50__menu-card .image {
      position: relative;
      padding: 15px;
      box-sizing: border-box; }
    .psp--top50__menu-card img {
      position: relative;
      z-index: 2;
      display: inline-block;
      transition: all 0.25s ease-in-out;
      box-sizing: border-box; }
    .psp--top50__menu-card:hover img {
      -webkit-transform: scale(1.05);
              transform: scale(1.05); }
    .psp--top50__menu-card .title {
      display: table;
      width: 100%;
      height: 15px; }
    .psp--top50__menu-card .btn {
      color: #22133C !important;
      background-color: #fff !important;
      font-size: 12px !important;
      font-weight: 600 !important;
      letter-spacing: 1px !important;
      padding: 0 5px 5px;
      box-sizing: border-box; }
      .psp--top50__menu-card .btn h3 {
        font-size: 10px !important;
        font-weight: 600 !important;
        letter-spacing: .08em !important;
        padding: 5px;
        box-sizing: border-box;
        border: 1px solid #35264e !important;
        line-height: 1.3;
        transition: .3s; }
        .psp--top50__menu-card .btn h3:hover {
          background-color: #35264e !important;
          color: #fff; }
    .psp--top50__menu-card h3 {
      display: table-cell;
      vertical-align: middle;
      font-size: 15px;
      margin: 30px 0 10px 0; }
    .psp--top50__menu-card__coming-soon {
      position: relative; }
      .psp--top50__menu-card__coming-soon .ribbon--wrap {
        position: absolute;
        right: 0;
        top: 0;
        height: 150px;
        width: 150px;
        overflow: hidden;
        z-index: 10; }
        .psp--top50__menu-card__coming-soon .ribbon--wrap .ribbon {
          width: 60px;
          position: absolute;
          top: 7px;
          right: -56px;
          text-align: center;
          background-color: #22133C;
          margin: 0;
          padding: 8px 50px;
          margin-bottom: 20px;
          z-index: 2;
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg); }
          .psp--top50__menu-card__coming-soon .ribbon--wrap .ribbon h1 {
            margin: 0;
            color: #fff;
            line-height: 1;
            font-size: 8px;
            letter-spacing: 0.08em; }

@media screen and (max-width: 1200px) {
  .psp--top50__menu-card h3 {
    font-size: 11px; } }

@media screen and (max-width: 980px) {
  .psp--top50__menu-card {
    width: 33.333%;
    border-bottom: 1px solid #EFEFEF; }
  .psp--top50 h3 {
    font-size: 15px; } }

@media screen and (max-width: 450px) {
  .psp--top50__menu-card {
    width: 50%; } }

/* -----------------------------

PSP 2017 - TOP 50

------------------------------ */
.psp--notable {
  background: #EFEFEF; }
  .psp--notable__heading {
    margin-bottom: 15px; }
  .psp--notable h2 {
    -webkit-flex: none;
            flex: none;
    width: 100%;
    margin: 0;
    box-sizing: border-box;
    font-weight: 800;
    text-align: center; }
    @media screen and (min-width: 980px) {
      .psp--notable h2 {
        font-size: 24px; } }
  .psp--notable__card-row__inner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: center;
            justify-content: center;
    width: 100%;
    padding: 0 0 50px;
    margin: 10px 0 50px;
    border-bottom: 1px solid #ccc; }
    @media screen and (min-width: 1200px) {
      .psp--notable__card-row__inner {
        margin-left: -5px;
        margin-right: -5px; } }
  .psp--notable__menu-card {
    position: relative;
    padding: 10px 5px;
    text-align: center;
    box-sizing: border-box;
    transition: .3s;
    width: 50%;
    display: -webkit-flex;
    display: flex; }
    @media screen and (min-width: 480px) {
      .psp--notable__menu-card {
        width: auto; } }
    .psp--notable__menu-card > a {
      background-color: #fff;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
              flex-direction: column;
      -webkit-align-items: center;
              align-items: center;
      -webkit-justify-content: center;
              justify-content: center;
      padding: 20px;
      width: 100%;
      box-sizing: border-box; }
      .psp--notable__menu-card > a:hover {
        color: #35264e; }
      .psp--notable__menu-card > a:hover .btn {
        background-color: #FC1C5B;
        color: #fff; }
      @media screen and (min-width: 480px) {
        .psp--notable__menu-card > a {
          width: 186px;
          height: 186px;
          padding: 25px; } }
    .psp--notable__menu-card h3 {
      margin: 0;
      line-height: 1.3; }
    .psp--notable__menu-card .rank {
      font-size: 32px;
      font-weight: 900;
      margin-top: 15px; }
    .psp--notable__menu-card .rank span {
      font-weight: 300;
      display: block;
      font-size: 13px;
      margin-top: 5px; }
    .psp--notable__menu-card .btn {
      padding: 6px 20px;
      margin-top: 5px; }

/* -----------------------------

PSP 2017 - PREDICTED PRICES

------------------------------ */
.psp--prices__accuracy {
  text-align: center;
  padding: 30px; }
  .psp--prices__accuracy h2 {
    font-size: 50px;
    margin: 7px 0 20px;
    font-weight: 800; }
  .psp--prices__accuracy p {
    margin: 0;
    font-size: 1.2em; }

.psp--prices .pred-price-chart {
  border-radius: 0;
  background-color: #EFEFEF; }

.psp--prices .pred-price-value {
  color: #22133C !important; }

.psp--prices .pred-price-chart-inner {
  background-color: #29F1FF;
  border-radius: 0; }

.psp--prices .pred-price-top5::before {
  display: none; }

.psp--prices .gpp-top-five .gpp-card-wrap .name {
  font-weight: 500;
  color: #22133C; }

.psp--prices .gpp-top-five .gpp-card-wrap .price {
  font-weight: 200;
  font-color: #555560; }

.psp--prices .gpp-card-wrap {
  border-radius: 0; }

.psp--prices .gpp-top-five--mobile {
  display: none; }

.psp--prices .gpp-top-five .span3:first-of-type .gpp-card-wrap {
  border-left: 0; }

.psp--prices .gpp-top-five .span3:first-of-type .pred-price-top5::before {
  display: block;
  background: transparent;
  font-size: 20px;
  color: #22133C;
  padding: 0; }

.psp--prices .gpp-top-five .gpp-card-wrap {
  padding: 0 10px 0 12%;
  border-left: 1px solid #e4eaeb;
  border-right: 0; }

@media screen and (max-width: 980px) {
  .psp--prices .span9,
  .psp--prices .span3 {
    width: 100%;
    margin: 0; }
  .psp--prices .gpp-top-five--mobile {
    display: block; }
  .psp--prices .gpp-top-five--desktop {
    display: none; }
  .psp--prices .gpp-top-five .gpp-card-wrap {
    border-left: 0;
    padding-left: 0;
    padding: 10px 0; }
    .psp--prices .gpp-top-five .gpp-card-wrap div:nth-of-type(1) .pred-price-top5::before {
      content: '1'; }
    .psp--prices .gpp-top-five .gpp-card-wrap div:nth-of-type(2) .pred-price-top5::before {
      content: '2'; }
    .psp--prices .gpp-top-five .gpp-card-wrap div:nth-of-type(3) .pred-price-top5::before {
      content: '3'; }
    .psp--prices .gpp-top-five .gpp-card-wrap div:nth-of-type(4) .pred-price-top5::before {
      content: '4'; }
    .psp--prices .gpp-top-five .gpp-card-wrap div:nth-of-type(5) .pred-price-top5::before {
      content: '5'; }
  .psp--prices .gpp-top-five .pred-price-top5::before {
    display: block;
    background: transparent;
    font-size: 20px;
    color: #22133C;
    padding: 0; } }

.psp--prices__player-box {
  padding: 40px 20px; }

.psp--prices__title {
  font-weight: 800; }

/* -----------------------------

PSP 2017 - FIXTURE ROTATOR

------------------------------ */
.psp--rotator__wrapper {
  display: -webkit-flex;
  display: flex; }

.psp--rotator__left {
  -webkit-flex: 0 0 30%;
          flex: 0 0 30%;
  margin-right: 3%;
  display: -webkit-flex;
  display: flex; }
  .psp--rotator__left .white-inner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    height: 100%; }
  .psp--rotator__left .btn {
    margin: auto 0 0 0; }

.psp--rotator__right {
  -webkit-flex: 1;
          flex: 1;
  display: -webkit-flex;
  display: flex; }

.psp--rotator__title {
  font-weight: 800; }

@media screen and (max-width: 767px) {
  .psp--rotator__wrapper {
    display: block; }
  .psp--rotator__left {
    display: block;
    margin-right: 0; } }

.psp__key {
  text-align: center;
  font-size: 1.2em;
  margin: 0 0 30px 0; }

.psp__key-inner {
  display: inline-block;
  border: 1px solid #EFEFEF;
  padding: 10px 20px; }

.psp__key-title {
  display: inline-block;
  color: #22133C;
  font-weight: 400;
  margin: 0 10px 0 0; }

.psp__key-label {
  display: inline-block;
  margin: 0 10px; }
  .psp__key-label:last-child {
    margin-right: 0; }

.psp__key-dot {
  display: inline-block;
  height: 12px;
  width: 12px;
  margin: 0 0 0 3px;
  vertical-align: baseline; }

/* -----------------------------

PSP 2018 - SQUAD CREATOR

------------------------------ */
.psp--squad-creator .fffButtonBar .bank {
  width: 30%; }

.psp--squad-creator .fffButtonBar .fffSave {
  padding: 32px 0 33px;
  width: 35%; }

.psp--squad-creator .assist-box .title {
  padding: 0 0 20px 0; }

.psp--squad-creator .assist-box p {
  margin: 10px 0 0 0;
  font-size: 11px;
  line-height: 16px; }

@media screen and (min-width: 767px) {
  .selectionpitch .nav-tabs > li > a::before {
    content: 'Draft '; } }

@media screen and (max-width: 1200px) {
  .selectionpitch .nav-tabs > li > a {
    margin-right: 25px;
    font-size: 15px; }
  .psp--squad-creator .fffButtonBar .bank {
    font-size: 23px;
    line-height: 27px; } }

@media screen and (max-width: 767px) {
  .selectionpitch .nav-tabs > li {
    width: 20%;
    text-align: center; }
    .selectionpitch .nav-tabs > li a {
      margin: 0; } }

@media screen and (max-width: 500px) {
  .psp--squad-creator .fffButtonBar .bank {
    width: 100%; }
    .psp--squad-creator .fffButtonBar .bank h3 {
      margin-bottom: 3px;
      margin-right: 0; }
  .psp--squad-creator .fffButtonBar .fffSave {
    padding: 15px 0;
    width: 48%; }
  .psp--squad-creator .fffButtonBar .fffReset {
    padding: 15px 0;
    width: 48%; } }

/* -----------------------------

PSP 2017 - KEY PLAYERS

------------------------------ */
.psp--key-players__menu {
  background: #fff;
  margin: 0 0 30px 0; }
  .psp--key-players__menu ul {
    margin: 0;
    padding: 0 10px;
    text-align: center; }
    .psp--key-players__menu ul li {
      font-size: 18px;
      font-weight: 400;
      padding: 20px 0;
      float: left;
      width: 25%;
      box-sizing: border-box; }
    .psp--key-players__menu ul .btn {
      width: 90%;
      margin: 0 auto; }

.psp--key-players .gpp-card-wrap {
  border-radius: 0; }

.psp--key-players .pred-price-chart {
  border-radius: 0;
  background-color: #EFEFEF; }

.psp--key-players .pred-price-value {
  color: #22133C !important; }

.psp--key-players .pred-price-chart-inner {
  background-color: #29F1FF;
  border-radius: 0; }

.psp--key-players .last-season-stats h4 {
  color: #22133C; }

.psp--key-players .last-season-stats p {
  font-weight: 600;
  font-size: 18px;
  color: #22133C; }

.psp--key-players .key-player-menu {
  padding: 0 0 30px 0;
  margin: 0 0 30px 0;
  border-bottom: 1px solid #EFEFEF; }

.psp--key-players .key-player-menu-item {
  line-height: 1.3; }

.psp--key-players .key-player-menu-item img {
  margin: 4px 0; }

.psp--key-players .key-player-menu-item .selected {
  color: #29F1FF; }

.psp--key-players .key-player-card .main-value {
  font-weight: 600;
  color: #22133C; }

.psp--key-players .key-player-card .stars {
  color: #29F1FF; }

.psp--key-players .points-column {
  background-color: #29F1FF; }

.psp--key-players .fixture-column {
  background-color: #29F1FF; }

.psp--key-players .key-player-circle div {
  background: #29F1FF; }

.psp--key-players__section .key-title {
  font-weight: 800; }

.psp--players__search-input {
  border-radius: 0;
  width: 100%;
  background-color: #EFEFEF; }

@media screen and (max-width: 650px) {
  .psp--key-players__menu ul {
    padding: 10px 0; }
    .psp--key-players__menu ul li {
      width: 50%;
      padding: 10px 0;
      font-size: 12px; } }

@media screen and (max-width: 450px) {
  .psp--key-players__menu ul li {
    font-size: 10px;
    padding: 10px 0; } }