/* Fonts */

/*
@font-face {
    font-family: European;
    src: url(European.woff);
}

@font-face {
    font-family: International;
    src: url(international-webfont.woff);
	}
@font-face {
    font-family: League;
    src: url(league-webfont.woff);
}
@font-face {
    font-family: Prem;
    src: url(prem-webfont.woff);
}
@font-face {
    font-family: Signature;
    src: url(signature-webfont.woff);
}
*/

@font-face {
  font-family: 'European';
  src: url('european.eot');
  src: url('european.eot?#iefix') format('embedded-opentype'), url('european.woff') format('woff'), url('european.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'mg11regular';
  src: url('mg11-regular_0-webfont.woff2') format('woff2'),
  url('mg11-regular_0-webfont.woff') format('woff'),
  url('mg11-regular_0-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'myg11';
  src: url('MYG11.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;

}

/*
@font-face {
  font-family: 'Retro';
  src: url('Retrosans.eot');
  src: url('Retrosans.eot?#iefix') format('embedded-opentype'),
    url('Retrosans.woff') format('woff'),
    url('Retrosans.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Signature';
  src: url('Signature.eot');
  src: url('Signature.eot?#iefix') format('embedded-opentype'),
    url('Signature.woff') format('woff'),
    url('Signature.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Prem';
  src: url('Prem.eot');
  src: url('Prem.eot?#iefix') format('embedded-opentype'),
    url('Prem.woff') format('woff'),
    url('Prem.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'International';
  src: url('International.eot');
  src: url('International.eot?#iefix') format('embedded-opentype'),
    url('International.woff') format('woff'),
    url('International.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'League';
  src: url('League.eot');
  src: url('League.eot?#iefix') format('embedded-opentype'),
    url('League.woff') format('woff'),
    url('League.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
*/

@font-face {
  font-family: 'MunichRoad';
  src: url('MunichRoad.eot');
  src: url('MunichRoad.eot?#iefix') format('embedded-opentype'), url('MunichRoad.woff') format('woff'), url('MunichRoad.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DeliciousHeavy';
  src: url('Delicious-Heavy.eot');
  src: url('Delicious-Heavy.eot?#iefix') format('embedded-opentype'), url('Delicious-Heavy.woff') format('woff'), url('Delicious-Heavy.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DeliciousRoman';
  src: url('Delicious-Roman.eot');
  src: url('Delicious-Roman.eot?#iefix') format('embedded-opentype'), url('Delicious-Roman.woff') format('woff'), url('Delicious-Roman.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DeliciousSmallCaps';
  src: url('Delicious-SmallCaps.eot');
  src: url('Delicious-SmallCaps.eot?#iefix') format('embedded-opentype'), url('Delicious-SmallCaps.woff') format('woff'), url('Delicious-SmallCaps.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DeliciousBold';
  src: url('Delicious-Bold.eot');
  src: url('Delicious-Bold.eot?#iefix') format('embedded-opentype'), url('Delicious-Bold.woff') format('woff'), url('Delicious-Bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DeliciousItalic';
  src: url('Delicious-Italic.eot');
  src: url('Delicious-Italic.eot?#iefix') format('embedded-opentype'), url('Delicious-Italic.woff') format('woff'), url('Delicious-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'TextFont';
  src: url('/textfont-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


body * {
  font-family: "DeliciousSmallCaps", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

.playerName, .playerNum {
  font-family: 'myg11';
  box-shadow: none ! important;
  background-color: transparent !important;
}

.playerName:focus, .playerNum:focus {
  border: none ! important;
  background-color: transparent ! important;
}

/* Menu & Title Bar */

.title-bar {
  background: #121325;
  padding: 0.9rem;
  display: none;
}

.top-bar {
  background: #121325;
}

.top-bar ul {
  background: #121325;
}

.top-bar ul li {
  background: #121325;
}

.top-bar ul li a {
  color: #fff;
}

.menu-text {
  color: #fff;
}

@media only screen and (max-width: 50em) {
  .menu-text {
    display: none !important;
  }
}

@media only screen and (min-width: 50em) {
  /*.menu li:not(:last-child) {border-right: 1px solid #3d4a5a; } */
}

.dropdown.menu .submenu {
  border: none;
}

.dropdown.menu .is-dropdown-submenu-parent.is-right-arrow>a::after {
  border-color: #fff transparent transparent;
}

.is-drilldown-submenu-parent>a::after {
  border-color: transparent transparent transparent #fff;
}

.js-drilldown-back::before {
  border-color: transparent #fff transparent transparent;
}

/**/

.logo {
  border: 0 ! important;
  padding: 0 ! important;
  margin-right: 25px;
}

.logo:hover {
  background-color: #121325 ! important;
}

#logoImg {
  margin-top: 5px;
}

.logoImgLarge {
  height: 80px ! important;
  /*
    -webkit-transition: height 1.5s;
    transition: height 1.5s;
  */
}

.logoImgSmall {
  height: 60px ! important;
  /*
      -webkit-transition: height 1.5s;
    transition: height 1.5s;
  */
}

/*
.logo {
    border: 0 ! important;
    padding: 0 ! important;
    margin-left: 100px;
    float: left;
    clear: none;
    position: fixed;
    z-index: 1000;
    top: 200;
    left: 100;
    vertical-align: bottom;
    padding-top: 20px;
    -webkit-transition: height 2s;
    transition: height 2s;
}

.logoLarge {
    border: 0 ! important;
    padding: 0 ! important;
    margin-left: 100px;
    float: left;
    clear: none;
    position: fixed;
    z-index: 1000;
    top: 200;
    left: 100;
    vertical-align: bottom;
    padding-top: 20px;
    height: 110px ! important;
    -webkit-transition: height 1.5s;
    transition: height 1.5s;
}

#logoImg {
  margin-top: 5px;
}

.logoImgLarge {
  height: 110px ! important;
    -webkit-transition: height 1.5s;
    transition: height 1.5s;
}

.logoImgSmall {
  height: 90px ! important;
      -webkit-transition: height 1.5s;
    transition: height 1.5s;
}
*/

.menu li a {
  font-size: 0.95em;
  display: block;
  border-radius: 10px;
}

.socLink {
  border-radius: 10px;
  color: #fff;
}

/*.first {border-left: 1px solid #3d4a5a; } */

/* Settings Panel */

.settings {
  color: #fff;
}

.settings h5, .shirtPreview h5 {
  margin-top: 0.8em;
  margin-bottom: 0.8em;
  text-align: center;
  /*font-family: Impact, Charcoal, sans-serif;
  text-transform: uppercase;*/
}

#galleryImg {
  width: 41px;
  /* height: 37px; */
  margin-top: -9px;
  margin-left: -3px;
}

.settings hr {
  margin-top: 1.75rem ! important;
  margin-bottom: 1.75rem ! important;
  color: #fff;
}

.settings p {
  font-size: 0.75em;
  font-weight: bold;
  padding-left: 8px;
  margin-bottom: 0;
}

.clear {
  background-color: #fff;
  color: #cc120e;
  margin-right: 1.0em ! important;
}

.restart {
  background-color: #cc120e;
  color: #fff;
}

.share {
  background-color: #69c07b;
  color: #fff;
  width: 90%;
}

.purchase {
  background-color: #1a9b6b;
  color: #fff;
  width: 90%;
}

/* Shirt Preview */

.shirtPreview {
  margin-top: 2.0em;
}

#orbit {
  width: 200px;
  height: 200px;
  overflow: hidden;
}

.shirtImg {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
}

#slide1 {
  /* background-image: url("../img/shirts/plain-small.png"); */
  position: relative;
}

.slick-slide {
  position: relative;
}

/* Team Preview */

.changeFormation, .changeBG {
  text-align: center;
  color: #ffffff;
  font-family: 'DeliciousHeavy';
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 5px;
}

.changeFormation {
  width: 100%;
  margin: auto;
  margin-top: -13px;
  text-align: center;
  clear: both;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Utility */

.small {
  font-size: 70%;
}

.button {
  border-radius: 10px 10px 10px 10px;
  font-family: 'DeliciousHeavy', 'Montserrat', sans-serif;
}

.center {
  text-align: center;
}

.preview {
  max-height: 200px;
}

/* Forms */

input[type=range] {
  width: 95%;
  max-width: 75rem;
  margin: 0.5em;
}

select {
  font-size: 0.75em;
  background: #121325;
  color: #fff;
  border: 0;
  font-weight: bold;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: #ffffff'></polygon></svg>");
  background-size: 9px 6px;
  background-position: right -1rem center;
  background-origin: content-box;
  background-repeat: no-repeat;
  margin: 0;
  height: 2.0rem;
}

.slider-handle {
  background-color: #fff;
}

.drop {
  margin-top: 1em;
}

.blue {
  background: #121325;
}

.cutL {
  border-radius: 0px 20px 20px 0px;
}

.cutR {
  border-radius: 20px 0px 0px 20px;
}

.fullWidth {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: initial;
}

/* Main Page */

#instructions {
  background-color: #27a9e1;
  color: #fff;
  text-align: center;
  margin-top: 0.8em;
}

#howWorks {
  background-color: #2ab573;
  color: #fff;
  text-align: center;
  margin-top: 4em;
  /*
  background-image: url("watermark11.png");
  background-repeat: no-repeat;
  background-position: 95% 50%
  */
}

#instructions h3, #howWorks h3 {
  color: #fff;
}

#picks {
  background-color: #45a7df;
  color: #fff;
  text-align: center;
  margin-top: 0.8em;
}

#picks h3 {
  color: #fff;
}

.column.nopadding, .collapse {
  padding-left: 0;
  padding-right: 0;
}

.alt1 {
  background-color: #569c62 ! important;
}

.alt2 {
  background-color: #4c8a57 ! important;
}

.row {
  max-width: 100%;
}

#tbTitle, #contactTitle {
  background-color: #131225;
  color: #fff;
  text-align: center;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

h1, h2, h3 {
  font-family: 'DeliciousHeavy', 'Montserrat', sans-serif;
  font-weight: 700;
}

h4, h5, h6 {
  font-family: 'DeliciousHeavy', 'Pacifico', sans-serif;
  font-weight: 400;
  margin-bottom: 0.5em;
}

h2 {
  margin: 0.35em;
}

#tbPlaceholder {
  min-height: 300px;
  background-image: url("../img/build.png");
  text-align: center;
  color: #000 ! important;
}

#tbPlaceholder * {
  font-weight: 400 ! important;
  font-size: 150%;
}

.subBar {
  background-color: #45a7df;
  color: #fff;
  text-align: center;
}

#topPicks {
  background-color: #fff;
  padding-top: 3.5em;
  padding-bottom: 3.5em;
  max-width: 85% !important;
}

#topPicks h5 {
  font-family: 'DeliciousHeavy', 'Montserrat', sans-serif;
}

.posCaption {
  background-color: #131225;
  color: #fff;
  text-align: center;
  padding-top: 0.85em;
  padding-bottom: 0.85em;
  margin-top: 0.85em;
}

#gallery>.row {
  margin-bottom: 1.0em ! important;
}

#contactForm {
  background-color: #fff ! important;
}

.form {
  margin: 2.0em;
  text-align: right;
  margin-bottom: 0;
}

.form input, .stdField {
  border: 2px solid #44a8e1;
  background-color: #121129 ! important;
  color: #fff;
}

.form label {
  color: #121129 ! important;
  font-family: 'DeliciousSmallCaps', 'Montserrat', sans-serif;
  text-align: left;
}

.submit {
  color: #44a8e1;
  font-family: 'DeliciousHeavy', sans-serif;
  background-color: #fff ! important;
  padding: 1.0em 3.0em 1.0em 3.0em;
  border: 0 ! important;
  float: left;
}

.submit:hover {
  color: #000;
  font-family: 'DeliciousHeavy', sans-serif;
  background-color: #feef35 ! important;
  cursor: hand;
}

#speech {
  background-color: #f9ec31;
  color: #fff;
  text-align: center;
  margin-top: 0.8em;
}

#footer {
  color: #fff;
  text-align: center;
  margin-top: 0.8em;
  padding-top: 0.8em;
  background-repeat: no-repeat;
  background-position: 5% 50%;
  background-color: #131225;
  background-size: 19% 70%;
}

@media screen and (min-width: 850px) {
  #footer {}
}

#footer a {
  color: #fff;
  text-decoration: none;
}

#footer a:hover {
  color: #ccc;
  text-decoration: underline;
}

#pitchBG1 {
  height: 475px ! important;
  width: 475px ! important;
  /*background-image: url('../img/backgrounds/1-375.png'); */
  border-color: #fff ! important;
  float: left;
  clear: none;
}

#shirtRequest {
  float: right;
  clear: none;
  position: absolute;
  right: -5px;
  top: 50%;
  font-family: 'DeliciousHeavy', 'Montserrat', sans-serif ! important;
}

#shirtRequest a {
  color: #fff;
  font-weight: bold;
  float: right;
  background-color: #3caed8;
  -ms-transform: rotate(270deg);
  /* IE 9 */
  -webkit-transform: rotate(270deg);
  /* Chrome, Safari, Opera */
  transform: rotate(270deg);
  padding: 1.0em;
  margin-right: -2.0em;
  -webkit-border-top-right-radius: 0.8em;
  -moz-border-radius-topright: 0.8em;
  border-top-right-radius: 0.8em;
  -webkit-border-top-left-radius: 0.8em;
  -moz-border-radius-top: 0.8em;
  border-top-left-radius: 0.8em;
  padding: 4px 8px 4px 8px;
  font-family: 'DeliciousHeavy', 'Montserrat', sans-serif ! important;
}

#topper {
  position: fixed;
  left: 0;
  top: 0;
  float: left;
  width: 100%;
  z-index: 1010;
  clear: both;
}

.topLarge {
  height: 1px;
}

.topSmall {
  height: 1000px ! important;
}

.smallLink {
  padding-top: 0 ! important;
  padding-bottom: 0 ! important;
}

.banner {
  margin-top: 20px;
}

.drop2 {
  margin-top: -80px;
  float: left;
  clear: none;
}

.menu a {
  font-size: 1.3em;
  font-weight: bold;
  font-family: 'DeliciousHeavy', 'Montserrat', sans-serif;
  /*
  margin-left: 1.25em;
  margin-right: 1.25em;
  */
}

.menu li, .menu li a {
  white-space: nowrap;
}

.menu li a:hover {
  background-color: #3caed8;
}

.mid {
  margin-top: 1.0em;
}

.right {
  text-align: right;
}

.left {
  text-align: left;
}

.fright {
  float: right;
}

.fleft {
  float: left;
}

.vmid {
  vertical-align: middle;
  line-height: 70px;
}

.freeDelivery {
  position: relative;
  top: 0;
  right: 0;
  padding: 8px 8px 4px 8px;
  background-color: #3caed8;
  color: #fff;
  font-weight: bold;
  float: right;
  clear: none;
  margin-top: -1.0em;
  -webkit-border-bottom-left-radius: 0.8em;
  -moz-border-radius-bottomleft: 0.8em;
  border-bottom-left-radius: 0.8em;
}

.shirtSlide {
  float: left;
  clear: none;
}

.galleryImg, #gallery img {
  min-height: 100%;
  min-width: 100%;
}

.galleryPopper {
  min-height: 100%;
  min-width: 100%;
}

.rise {
  margin-top: -2.5em;
}

.galImg {
  background-color: #000;
}

.galImg a {
  display: block;
  width: 100%;
  height: 100%;
}

#gallery img {
  background-color: #000;
  opacity: 0.5;
  width: 100%;
  height: 100%;
  display: block;
}

.prevButton {
  z-index: 999;
}

.nextButton {
  z-index: 999;
  right: 0 ! important;
}

@media only screen and (max-width: 780px) {
  .freeDelivery {
    visibility: hidden;
  }
}

@media only screen and (max-width: 1024px) {
  .logo {
    visibility: hidden;
  }
}

#nameColour, #numberColour {}

.colourPicker {
  float: right;
  clear: none;
  text-align: right;
  margin-right: 0.5em;
}

.team-slides {
  z-index: 10;
  width: 475px;
  margin: auto;
  margin-top: -445px;
}

.break {
  clear: both;
  height: 1px;
}

#shirtRequestContainer {
  width: 0;
  height: 0;
  overflow: visible;
}

.red {
  background-color: red;
}

#team-builder-controls {
  margin-top: 2em;
  margin-bottom: 4em;
}

#team-builder-controls>p {
  margin: 0 ! important;
}

.goalkeepersSlides, .defenderSlides, .midfielderSlides, .attackerSlides {
  height: 370px;
  overflow: scroll;
  overflow: auto;
  overflow-y: hidden;
  -ms-overflow-y: hidden;
  -ms-overflow-x: hidden;
}

.freeDelivery {}

/* AH Amends */

@media only screen and (min-width: 50em) {
  .limit {
    max-width: 85%;
  }
  #create {
    height: 50px;
    margin: 2.5rem 1.7rem;
  }
}

@media only screen and (max-width: 50em) {
  #create {
    height: 50px;
    margin: 2rem 1.2rem;
  }
}

h4 {
  font-size: 1.1rem;
}

#contactTitle {
  display: none;
}

#gallery {
  display: none;
}

hr {
  margin-top: 0.25rem ! important;
  margin-bottom: 0.25rem ! important;
  border-color: #fff !important;
  border-width: 0 0 2px !important;
}

.row.limit.collapse {
  max-width: 86%;
}

.howPanel {
  margin-top: 0.6rem;
  border: 0.5em solid #fff;
}

.howPanel>p {
  margin-left: 3rem;
}

#anim {
  margin-top: 4rem;
}

.small-3>.btmLink {
  margin: 0rem 2rem;
}

.tbc {
  display: none;
}

#twist {
  margin: 5rem 0rem;
}

/* END AH Amends */

#topPicksImg {
  position: relative;
  left: -6px;
  top: -5px;
  width: 57px;
  transform: rotate(0deg);
}

#buildImg {
  width: 46px;
  margin-left: -3px;
  margin-top: -1px;
}

.versus {
  font-size: 50%;
  margin-right: 2.0em;
  margin-left: -2.0em;
}

.picksBar {
  background-color: #3cabeb;
}

.galleryBar {
  background-color: #131424;
}

.worksBar, .contactBar {
  background-color: #27a9e1 ! important;
  padding: 0;
}

.red {
  background-color: red;
}

/*.blue {background-color: blue;}*/

.green {
  background-color: green;
}

.gray {
  background-color: gray;
}

.tight, .tight>div {
  padding: 0 ! important;
}

.galLink {
  position: relative;
}

.galClick {
  position: absolute;
  z-index: 99;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
  font-weight: bold;
  padding-top: 50%;
}

.galClick:hover {
  background-color: rgba(0, 0, 0, 0);
  color: rgba(0, 0, 0, 0);
}

.galLeft {
  margin-right: 20px;
  margin-left: -20px;
}

.bgSlides {
  width: 95%;
  text-align: center;
  height: 475px;
  overflow: hidden;
  margin-left: 20px;
  margin-right: 20px;
}

.pitchSlide {
  margin-right: 35px ! important;
}

.txtContainer {
  position: relative;
  z-index: 99;
}

.sPreviewName {
  color: #000;
  position: absolute;
  z-index: 98;
  top: -50px;
  left: 0px;
  overflow: visible;
  margin: auto;
  background-color: red;
}

.sPreviewNum {
  color: #000;
  margin-top: 80px;
  background-color: blue;
}

#twist, #twist * {
  display: none ! important;
  /* background-color: #121325; */
}

@media (orientation: portrait) {
  #twist, #twist * {
    display: block ! important;
    background-color: #fff;
  }
  #team-builder-controls, #team-builder-controls * {
    display: none ! important;
  }
}

.name1, .num1, .name2, .num2, .name3, .num3, .name4, .num4, .name5, .num5, .name6, .num6, .name7, .num7, .name8, .num8, .name9, .num9, .name10, .num10, .name11, .num11 {
  float: left;
  clear: none;
  display: inline-block;
  position: absolute;
  z-index: 4;
  font-weight: bold ! important;
  text-align: center;
  width: 100%;
  font-family: 'MunichRoad';
}

.name1, .name2, .name3, .name4, .name5, .name6, .name7, .name8, .name9, .name10, .name11 {
  margin-top: 10px;
  font-size: 7px ! important;
}

.num1, .num2, .num3, .num4, .num5, .num6, .num7, .num8, .num9, .num10, .num11 {
  margin-top: 20px;
  font-size: 35px ! important;
}

.smallShirtImg {
  float: left;
  clear: none;
  display: inline-block;
  position: absolute;
  z-index: 3;
}

#shirtRequest {
  /* visibility: hidden; */
}

.freeDelivery {
  visibility: hidden;
}

@media only screen and (min-width: 1000px) {
  #shirtRequest {
    visibility: visible;
  }
  .freeDelivery {
    visibility: visible
  }
  .banner {
    margin-top: 105px;
  }
}

/*  *, *:before, *:after {
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
     }
*/

* {
  /* background-color:rgba(0, 0, 0, 0.5); */
}

.edit-slider, .edit-slider * {
  /* background-color:rgba(255, 0, 0, 0.99); */
  z-index: 1001;
}

.slick-arrow {
  z-index: 1002 ! important;
}

.socLinks {
  width: 100%;
  margin: auto;
  text-align: center;
  clear: both;
  display: block;
  margin-bottom: 10px;
}

.socLinks>i {
  margin-left: 10px;
  margin-right: 0 ! important;
}

.socShare {
  display: inline-block;
  margin-left: 2.0em;
  margin-right: 1.5em;
  margin-bottom: 25px;
}

.tweetButton, .pinButton {
  margin-top: 25px;
}

.fbButton {
  margin-top: 20px;
}

#img-preview {
  text-align: center;
  margin: 0px auto;
  clear: both ! important;
  width: 475px;
  height: 475px;
}

#lifter {
  margin-top: -475px ! important;
  z-index: 100;
}

.loadImg {
  display: block;
  width: 100%;
  height: auto;
}

#loading {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.75);
  z-index: 100;
}

.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

@media only screen and (max-width: 900px) {
  .playerName {
    /* font-size: 13px; */
    /* width: 65%; */
    /* margin: auto; */
    /* text-align: center; */
    /* margin-top: 40px !important; */
    /* margin-left: auto !important; */
    /* border:  none; */
  }
  .playerNum {
    min-height: 500%;
    width: 70%;
    margin-top: 0px;
    text-align: center;
    border: none;
    min-height: 90px;
    margin-top: -10px;
    height: auto;
    line-height: 1.1;
  }
  #pitchLeft *, #pitchRight *, #frmBack *, #frmFwd * {
    font-size: 120% ! important;
  }
  #howWorks h2, #tbTitle h2 {
    /* line-height: 45px; */
  }
  #tbTitle, #contactTitle {
    /* height: 60px; */
  }
  #howWorks {
    background-color: #2ab573;
    color: #fff;
    text-align: center;
    margin-top: 4em;
    /*
  background-image: url("watermark11.png");
  background-repeat: no-repeat;
  background-position: 95% 50%;
  background-size: 8%;
  */
    height: 60px;
  }
}

.fb-like {
  margin-left: 18px;
  margin-top: 15px;
}

.txtContainer {}

@media screen and (max-width: 1080px) {
  .noHH {
    visibility: hidden ! important;
    display: none;
  }
  #lifter {
    margin-top: 0 ! important;
    z-index: 100;
  }
  #newPreview {
    width: 350px ! important;
    height: 350px ! important;
  }
  #img-preview {
    width: 350px;
    height: 350px;
  }
}

.closer {
  width: 100%;
  color: #000;
  /* background-color: #2199e8 ! important; */
  text-align: right;
  clear: both;
  height: 25px;
}

.closer a, .closer span {
  font-weight: bold;
  color: #000;
  margin-right: 0.5em;
  margin-top: 0.5em;
  padding-top: 15px;
}

.slick-prev:before, .slick-next:before {
  font-size: 35px ! important;
}

.playerName {
  margin-top: 12px;
  margin-left: 5px;
}

.playerNum {
  margin-left: 3px;
}

.bigArrow {
  font-size: 35px ! important;
  margin: 5px;
  /*padding-top: 100px;*/
}

.changeFormation *, .changeBG * {
  font-size: 35px ! important;
  line-height: 35px ! important;
  vertical-align: middle;
}

#sharePreview {
  margin: auto;
  text-align: center;
  margin-top: 15px;
}

input::placeholder {
  color: #000 ! important;
}

.leftAll {
  margin: auto;
}

.menuTop {
  text-align: center;
  width: 80% ! important;
  margin: auto;
}

.hideTop {
  visibility: hidden ! important;
}

.showTop {
  visibility: visible ! important;
}

.howPanel {
  background-color: #2ab573;
  color: #fff;
}

.howPanel h3 {
  color: #84c99e;
  display: inline-block;
  padding: 0.5em;
}

.howPanel h4 {
  background-color: #006738;
  display: inline-block;
  padding: 0.5em;
}

.howPanelhr hr {
  border: none;
  height: 1px;
  color: #fff;
  background-color: #fff;
  margin: 0;
  padding: 0;
  border: 0;
  margin-top: -1.0em;
}

#start, .send {
  font-size: 1.25em;
  border-radius: 10px;
  background-color: #c4c6c8;
  color: #333;
  padding: 0.5em 3rem;
  font-weight: bold;
  clear: both;
  font-family: 'DeliciousHeavy', 'Montserrat', sans-serif;
}

.send.navy {
  background-color: #131424;
  color: white;
}

#start:hover, .send:hover {
  border-radius: 10px ! important;
  background-color: #00adef ! important;
  color: #fff ! important;
}

.fbLink:hover {
  background-color: #2a388f ! important;
}

.twLink:hover {
  background-color: #3caed8 ! important;
}

.insLink:hover {
  background-color: #325C86 ! important;
}

.pinLink:hover {
  background-color: #be1e2d ! important;
}

.socLink {
  padding-left: 10px;
  text-align: center;
}

.socLink:hover {
  color: #fff;
}

.menu>li>a img, .menu>li>a i, .menu>li>a svg {
  margin-right: 0 ! important;
}

.voting-img {
  width: 45%;
  text-align: center;
  padding-right: 20px;
  margin: 0px auto 50px;
  max-width: 330px;
  min-width: 330px;
  margin-top: -20px;
}

@media screen and (min-width: 1199px) {
  .menuLink {
    padding: 0.5rem ! important;
    margin-left: 5.0em;
    margin-right: 4.0em;
    font-size: 110%;
  }
}

@media screen and (min-width: 734px) and (max-width: 1198px) {
  .menuLink {
    padding: 0.5rem ! important;
    margin-left: 2.5em;
    margin-right: 2.5em;
    font-size: 100%;
  }
}

.btmLink {
  font-size: 150%;
  display: block;
  border-radius: 10px;
}


.firstMenu {
  margin-left: 0;
}

.socLink {
  margin-left: 0.5em;
  margin-right: 0.5em;
}

body.is-reveal-open {
  overflow: visible;
}

.reveal-overlay {
  overflow-y: hidden;
}

.niner {
  width: 90%;
}

.teamsTitle {
  margin: 4.0em 4em 2em;
  position: relative;
}

.teams-title-text {
  transition: 0.4s ease all;
  opacity: 0;
  position: absolute;
  /*font-weight: bold;*/
  top: 20px;
  transform:translate3d(0,25%,0);
  left: 0;
  width: 100%;
}

.teams-title-text a,
.teams-title-text{
  font-family: 'DeliciousHeavy', 'Montserrat', sans-serif;
  font-size: 30px;
}

.teams-title-text a,
.teams-title-text a:link {
  color: #0a0a0a;
}

.teams-title-text a:hover {
  color: #2199e8;
}

@media only screen and (max-width: 480px){
  .teams-title-text {
    font-size: 26px;
    top: 1px;
  }
}

@media only screen and (max-width: 320px){
  .teams-title-text {
    font-size: 24px;
    top: 0;
  }
}

@keyframes change {
  0% {transform:translate3d(0,0,0);}
  100% {transform:translate3d(0,-25%,0);}
}

.teams-title-text.changing{
  animation-name: change;
  animation-duration: 0.4s;
}

.teams-title-text.visible {
  opacity: 1;
  transform:translate3d(0,0,0);
  z-index: 10;
}

.newteamSlides {
  max-width: 450px;
  max-height: 450px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 2.0em;
  clear: both;
}

.tbc {
  margin-top: 2.0em;
}

.menuShell {
  max-width: 80% ! important;
  margin: 0 auto ! important;
}

.formLogo {
  float: left;
  clear: none;
}

.popForm {
  margin-left: 120px;
}

.popForm input, .popForm textarea, .popForm input:focus, .popForm textarea:focus {
  background: #121325 ! important;
  color: #fff ! important;
}

.popForm textarea {
  height: 9.0em;
}

.aboutHead {
  text-align: right;
  padding: 1.0em;
}

.aboutText {
  background: #121325;
  color: #fff;
  padding: 1.0em;
}

.reveal {
  top: 20px ! important;
}

.reveal {
  /* max-height:initial;
  height:600px; */
  overflow-y: scroll ! important;
  border: none ! important;
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll; /* has to be scroll, not auto */
  -webkit-overflow-scrolling: touch !important;
}

:focus {
  outline: none;
}

.modal-open .modal {
  outline: none;
}

.modal-open .modal, .btn:focus {
  outline: none;
}

/*
body.is-reveal-open {overflow: hidden !important; height: auto; position: fixed;}
.reveal-overlay {overflow: initial !important; position: absolute;}
*/

/* ========================================================================
   Shirt Alignment
========================================================================== */

#shirtRequest {
  top: 20em;
}

#arrow {
  height: 50px;
  margin: 2.5rem 0rem;
}

#worksImg {
  width: 38px;
  margin-left: -7px;
  margin-top: -10px;
}

#shirt1BG {
  margin-left: auto !important;
  margin-right: auto !important;
}

#shirt2BG {
  margin-left: auto !important;
  margin-right: auto !important;
}

#shirt3BG {
  margin-left: auto !important;
  margin-right: auto !important;
}

#shirt4BG {
  margin-left: auto !important;
  margin-right: auto !important;
}

#shirt5BG {
  margin-left: auto !important;
  margin-right: auto !important;
}

#shirt6BG {
  margin-left: auto !important;
  margin-right: auto !important;
}

#shirt7BG {
  margin-left: auto !important;
  margin-right: auto !important;
}

#shirt8BG {
  margin-left: auto !important;
  margin-right: auto !important;
}

#shirt9BG {
  margin-left: auto !important;
  margin-right: auto !important;
}

#shirt10BG {
  margin-left: auto !important;
  margin-right: auto !important;
}

#shirt11BG {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* =========================== */

.picksBar {
  position: relative;
}

.formation-text {
  font-size: 15px !important;
  margin-top: -5px;
  font-family: 'DeliciousHeavy';
  margin-left: 7px;
  margin-right: 7px;
}

.soc-btns {
  width: 25% !important;
}

.soc-btns a {
  padding: 10px !important;
  margin: 0px !important;
}

/* ========================================================================
   iPad 1024
========================================================================== */

@media screen and (max-width: 1024px) and (min-width: 981px) {
  .playerName {
    /* font-size: 70%; */
    margin-top: 8px !important;
  }
  .playerNum {
    font-size: 375%;
    margin-top: -5px !important;
  }
}

@media screen and (max-width: 640px) {
  .title-bar {
    display: block !important;
  }
  #shirtRequest {
    display: none;
  }
  #worksImg {
    width: 28px;
    margin-left: -4px;
    margin-top: -10px;
  }
  #buildImg {
    width: 32px;
    margin-left: 2px;
    margin-top: -1px;
  }
  #galleryImg {
    width: 25px;
    height: 27px;
    margin-top: -5px;
    margin-left: -3px;
  }
}

/*.picksBar{
  height: 60px;
}
.picksBar h2{
  line-height: 45px;
}*/

/* ========================================================================
   HD Screen
==========================================================================

@media screen and (max-width: 3840px) and (min-width: 1920px) {
	.playerName {
		margin-top: 10px !important;
	}
	.playerNum {
		font-size: 650%;
		margin-top: 20px !important;
	}
}*/

.sticky.is-stuck.is-at-top {
  margin-top: auto !important;
}

@media (orientation: portrait) {
  #start {
    padding: 0.4em 2.2rem;
    font-size: 1.1em;
  }
}

@media only screen and (max-width: 786px) and (orientation: portrait) {
  .arrows-hide #arrow {
    display: none;
  }
}

@media only screen and (max-width: 480px) and (max-height: 480px) {
  #howWorks h2, #tbTitle h2 {
    line-height: 30px;
  }
  .picksBar, .subBar {
    height: 60px;
  }
  .picksBar h2, .subBar h2 {
    line-height: 35px;
  }
  .arrows-hide {
    display: none;
  }
  .teams-title-text{
    font-size: 25px;
    top: 5px;
  }
}

@media only screen and (max-width: 370px) and (orientation: portrait) {
  .arrows-hide {
    display: none;
  }
  #create {
    height: 40px;
    margin: 0.5rem 0.5rem;
  }
}

@media only screen and (max-width: 991px) {
  #tbTitle, #contactTitle, #howWorks {
    height: 83px;
  }
  .picksBar h2 {
    line-height: 65px;
  }
  .galleryBar h2 {
    line-height: 50px;
  }
}
@media only screen and (max-width: 786px) and (orientation: portrait) {
  .create-form p, #shirtReq1 p, #contact1 p {
    margin: 0px;
    line-height: 35px;
  }
  #contactForm, .create-form{
    margin-left: 20px !important;
    margin-right: 20px !important;
    margin-top: 20px !important;
  }
  .contact-form .send, .create-form .send {
    margin-right: 50px !important;
    margin-bottom: 20px !important;
    margin-top: 20px !important;
  }
  .success-msg {
    bottom: -5px !important;
  }
  .contact-arrow{
    margin: 20px -6px 0px -20px !important;
  }
  .about-wrapper{
    height: auto !important;
    padding: 65px 25px 20px !important;
  }
}

@media only screen and (max-width: 480px) and (orientation: portrait) {
  #contactForm, .create-form {
      margin-left: 0px !important;
      margin-right: 0px !important;
      margin-top: 20px !important;
  }
  .contact-arrow{
    margin: 20px -6px 0px -20px !important;
  }
}

@media only screen and (max-width: 786px) and (min-height: 480px) {

  #tbTitle, #contactTitle, #howWorks, #galleryBar, .picksBar {
    height: 80px;
  }
  .picksBar h2 {
    line-height: 55px;
  }
  .galleryBar h2 {
    line-height: 50px;
  }
  .playerName {
    /*font-size: 18px;*/
    /* width: 43%; */
    border: 0px;
    text-align: center;
    margin-bottom: -10px !important;
    /* margin-top: 40px !important; */
  }
  .playerNum {
    /*font-size: 67px;*/
    width: 50%;
    margin-top: 10px;
    text-align: center;
    border: none;
    padding: 0px;
    height: auto;
  }
}
@media only screen and (max-width: 779px){
  .playerName{
    margin-top: 40px;
    text-align: center !important;
    border: 0px !important;
  }
  #pitchCol{
    width: 16.66667%;
  }
  #pitchCol.small-7{
    width: 58.33333%;
  }
}
@media only screen and (max-width: 480px) {
  .row.limit.collapse {
    margin-bottom: 2.5rem;
  }

  #create {
    height: 30px;
    margin: 2rem 1.2rem;
  }

  .subBar {
    height: 60px;
  }
  #tbTitle, #contactTitle, #howWorks, .picksBar {
    height: 60px;
  }
  #tbTitle h2, #contactTitle h2, #howWorks h2 {
    line-height: 45px;
  }
  .picksBar h2 {
    line-height: 45px;
  }

  .galleryBar h2 {
    line-height: 50px;
  }
  :focus {
    outline: none;
  }
  #topPicksImg {
    left: -2px;
    top: -4px;
    width: 41px;
  }
  .voting-img {
    min-width: 90%;
  }
  .playerName {
    width: 70%;
    margin: auto;
    text-align: center;
    margin-top: 40px !important;
    margin-left: auto !important;
    border: none;
    padding: 0px;
  }
}

.texts,
.shirts-background,
.shirts-on-board-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}


.texts .custom-text-box{
  position: absolute;
  z-index: 5;
  padding: 10px;
  border: 1px solid transparent;
  cursor: move;
}

.texts .custom-text-box:active,
.texts .custom-text-box:hover{
  border-color: black;
}

.texts .custom-text[type="text"]{
  border: none;
  margin: 0;
  box-shadow: none;
  padding: 0;
  height: auto;
  width: 100%;
  background-color: transparent;
  font-family: 'TextFont';
  font-size: 14px;
  position: relative;
  top: -1px;
  left: -1px;
}
.texts .custom-text:focus{

}

.shirt-row {
  text-align: center;
  margin: 12px 0;
}

.shirt-row.row-1{
  margin-top: 78px;
}

.shirt-on-board {
  cursor: pointer;
  position: relative;
  vertical-align: middle;
  display: inline-block;
  width: 60px;
  height: 67px;
  z-index: 6;
  margin: 0px 12px;
}

.shirt-on-board:active,
.shirt-on-board.ui-draggable-dragging {
  border: 1px solid #2199e8;
  cursor: grabbing;
}


@media screen and (max-width: 1080px) {
	.shirt-row.row-1 {
		margin-top: 57px;
	}

	.shirt-row {
		text-align: center;
		margin: 8px 0;
	}

	.shirt-on-board {
		width: 43px;
		height: 50px;
		margin: 0px 9px;
	}
}

#img-preview {
  position: relative;
}

.hit-note {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 25%;
  height: auto;
  z-index: 1;
}

.hit-note.background {
  left: auto;
  right: 10px;
}

.hit-note.drag {
  top: auto;
  bottom: 10px;
}

.formation:not(.active){
  display: none;
}

.formation-451 .row-3 .shirt-on-board {
  margin: 0px 7px;
}

.formation-diamond .row-2 .i-5 + .i-5{
  display: none;
}
.formation-diamond .row-3{
  margin: -20px 0;
}
.formation-diamond .row-5 {
  margin: 20px 0 -22px;
}
.formation-diamond .row-4{
  margin: -40px 0;
}
.formation-diamond .row-4 .i-7{
  margin-right: 95px;
}

#deliveryPop, #termsPop, #privacyPop{
  max-height: 100%;
}



.add-arrow{
  position: absolute;
  top: 220px;
  right: 30px;
  width: 30px;
  z-index: 1005;
  cursor: pointer;
}

@media all and (max-width: 1024px) {
  .add-arrow {
    top: 195px;
    right: 17px;
  }
}

@media all and (max-width: 720px) {
  .add-arrow {
    top: 215px;
  }
}

div[id="shirtEditor container"] {
  position: relative;
}
div[id="shirtEditor container"] .slick-next.slick-disabled:before {
  opacity: .75;
}

.gallery-slick {
  top: auto !important;
  bottom: -70px;
}

.slick-next.gallery-slick{
  right: 0;
}

.team-popup {
  max-height: 100%;
}

.team-popup p{
  font-family: 'mg11regular' !important;
  margin-bottom: 5px;
  font-size: 24px;
  line-height: 1.4;
}

.team-popup p .number{
  font-family: 'MunichRoad' !important;
}

.gallery-image {
  cursor: pointer;
}

.team-popup p.header {
  text-decoration: underline;
}

.gallery-image.slick-slide:last-child {
  height: 450px;
  line-height: 450px;
}

.gallery-image.slick-slide:last-child img {
  display: inline-block;
  vertical-align: middle;
}

.download .fa {
  font-size: 25px;
  position: relative;
  top: 2px;
}

.downloadButton {
  vertical-align: middle;
  /*padding-bottom: 40px;*/
}

.shop-container {
  text-align: center;

  text-transform: uppercase;
  margin: 40px auto;
  padding: 40px;

}

.shop-container .shop-item {
  margin: 20px;
  display: inline-block;
  width: 500px;
  vertical-align: top;
}

.shop-container .shop-item.we-talk {
  margin-top: -120px;
}

.shop-container .shop-item img {
  width: 100%;
  margin-bottom: 20px;
}

.shop-row:after {
  clear: both;
  content: " ";
  display: block;
}

.shop-row > div:first-child{
  float: left;
}
.shop-row > div:last-child{
  float: right;
}

.shop-container .shop-item .title span{
  display: inline-block;
  /*background: url("/img/shop/title-background.png") center center no-repeat;*/
  background-size: contain;
  font-weight: bold;
  text-align: center;
  font-size: 24px;
  padding: 10px 30px;
  font-family: 'DeliciousHeavy', 'Montserrat', sans-serif;
}

.shop-container .shop-item .title span.bg{
  display: inline-block;
  background: url("/img/shop/title-background.png") center center no-repeat;
}
.shop-container .shop-item .title {
  margin-bottom: 10px;
}

.shop-container .shop-item .delivery-text p:first-child{
  margin-bottom: 5px;
}

.menu li a.active {
  background-color: #3caed8;
}

.free-delivery {
  text-align: center;
}
.free-delivery .free-delivery-label {
  display: inline-block;
  color: white;
  padding: 0 10px 5px;
  font-size: 18px;
  background: #3caed8;
  font-family: 'DeliciousHeavy', 'Montserrat', sans-serif ! important;
  border-bottom-right-radius: 0.8em;
  border-bottom-left-radius: 0.8em;
}


@media all and (max-width: 720px) {
  .shop-container {
    justify-content: center;
  }

  .shop-container .shop-item {
    width: 100%;
    float: none !important;
    margin: 0;

  }

  .shop-container .shop-item.we-talk {
    margin-top: 20px;
  }

}

.shop-container .shop-item .title.no-background span{
  background: none;
}

.shop-container.shop-prints .shop-item img{
  cursor: pointer;
}

/*.shop-container.shop-prints .shop-item .title:hover {*/
/*  background: none;*/
/*}*/

.purchase-print-popup {
  padding: 80px;
  position: relative;

}

.purchase-print-popup .closer {
  position: absolute;
  right: 20px;
  top: 20px;
}


.purchase-print-popup .left-part{
  float: left;
  text-align: center;
}
.purchase-print-popup .right-part {
  float: right;
  text-align: left;
  margin: 70px;
}

.purchase-print-popup .left-part {
  max-width: 500px;
}

.purchase-print-popup .left-part img {
  width: 100%;
}

.purchase-print-popup .left-part.shop-item {
  margin: 0;
}

.purchase-print-popup .left-part .print-text {
  font-family: 'TextFont';
  font-size: 30px;
}

.purchase-print-popup .right-part .row-label{
  font-family: 'DeliciousHeavy';
}

.purchase-print-popup .right-part .row-text{
  font-family: 'DeliciousItalic';
  font-size: 20px;
}

.purchase-print-popup .right-part .row-text-caps{
  font-family: 'DeliciousSmallCaps';
  font-size: 20px;
}

.purchase-print-popup .right-part select {
  width: auto;
}

.purchase-print-popup .right-part .form-row {
  margin: 20px 0;
}

.purchase-print-popup .right-part .form-row.grey-text {
  color: #909090;
}

@media all and (max-width: 786px){
  .purchase-print-popup .left-part,
  .purchase-print-popup .right-part {
    float: none;
  }

  .purchase-print-popup {
    padding: 20px;
  }

  .purchase-print-popup .right-part {
    margin: 20px 0 !important;
  }
}

@media all and (max-width: 375px) {
  .download {
    display: none;
  }
}

.purchase-print-popup.tees {
  display: flex;
}

@media all and (max-width: 786px){
  .purchase-print-popup.tees {
    flex-flow: column;
  }
}


.purchase-print-popup.tees .left-part {
  max-width: 700px;
}

.purchase-print-popup.tees .left-part .footer {
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
  align-content: stretch;
}

.purchase-print-popup.tees .left-part .footer a {
  flex: 1;
  margin-right: 10px;
}

.purchase-print-popup.tees .left-part .footer a:last-child {
  margin-right: 0;
}

.purchase-print-popup.tees .left-part .footer a img {
  width: 100%;
}

.select2-dropdown {
  min-width: 250px;
  background: white;
}


.block-img {
  position: absolute;
  right: 25%;
  bottom: -70px;
}

.lead-banner {
  display: flex;
  text-transform: capitalize;
  align-items: center;
  color: white;
  font-size: 20px;
  justify-content: center;
  height: 80px;
  width: 350px;
  margin: 0 auto;
  font-family: "DeliciousHeavy";
  background-image: url("/img/lead.jpg");
  background-size: cover;
}

.adsbygoogle {
  display: block !important;
  margin: 0 auto !important;
}

.adsbygoogle > div ,
.adsbygoogle > div > iframe {
  width: 100% !important;
  height: 100% !important;
}

#twist .rotate-wrap {
  max-width: 739px;
  margin: 0 auto;
  padding: 0 10px;
  text-align: center;
}

#twist .rotate-wrap  .rotate-text {
  background: #131626;
  color: white;
  font-family: 'DeliciousHeavy', 'Montserrat', sans-serif;
  font-size: 20px;
  padding: 25px 0;
}