* {
  font-family: 'Poppins', BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 700; }

.tactics {
  font-family: "TacticSans-Bld", sans-serif;
}

@font-face {
  font-family: "TacticSans-Bld";
  src: url('Sans-Bld.otf') format('opentype');
}


.polly-Header {
  text-transform: uppercase;
  font-size: 13px !important;
  font-weight: 700 !important; }

.polly-Button {
  font-family: 'Poppins', BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  text-transform: uppercase;
  font-size: 13px;
  height: 35px;
  line-height: 35px;
  font-weight: 500;
  border-radius: 4px;
  letter-spacing: .03em;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  padding: 0 14px;
  color: #666; }

::selection {
  background: #FF4F19;
  color: #fff; }

::-moz-selection {
  background: #FF4F19;
  color: #fff; }

main {
  position: relative;
  overflow: hidden;
  display: block; }

.avatar {
  margin: auto; }
  .avatar img {
    border-radius: 50%; }

.MainMenu {
  z-index: 99;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); }
  .MainMenu-Products .product-icon {
    max-height: 128px; }
  .MainMenu-Products .media-content {
    margin: auto 0; }

.card {
  border-radius: 4px; }
  .card .content {
    font-size: 0.8rem; }
  .card .card-footer-item {
    font-family: 'Poppins';
    text-transform: uppercase;
    font-size: 13px;
    height: 35px;
    line-height: 35px;
    font-weight: 500;
    color: #666; }

.PollyMember figure {
  margin-bottom: 20px; }

.ProductCard .title {
  margin-bottom: 5px; }

.ProductCard .content {
  color: #333; }

.ProductCard figure {
  margin: 0 auto;
  padding-top: 12px; }

.ProductCard:hover {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); }

.section-header {
  padding-bottom: 20px; }

.has-horizontal-scroll {
  position: relative;
  margin: 50px 0; }
  .has-horizontal-scroll .level {
    margin-left: 0.75rem; }

.scrolling-wrapper-flexbox {
  padding: 10px 30px;
  display: flex;
  flex-wrap: nowrap;
  overflow: visible;
  overflow-x: auto;
  width: 100%;
  -webkit-overflow-scrolling: touch; }
  .scrolling-wrapper-flexbox::-webkit-scrollbar {
    display: none; }
  .scrolling-wrapper-flexbox .feature-card {
    z-index: 9;
    background: white;
    flex: 0 0 auto;
    padding: 30px 16px;
    margin-right: 2%;
    border: 1px solid white;
    width: 23.5%;
    border-radius: 4px;
    display: inline-block;
    border: 1px solid #dedede;
    box-shadow: 0px 0px 8px #dedede;
    text-align: center;
    position: relative; }
    .scrolling-wrapper-flexbox .feature-card figure {
      margin: 0 auto; }
    .scrolling-wrapper-flexbox .feature-card h5 {
      font-weight: 700;
      text-transform: uppercase;
      font-size: 13px;
      letter-spacing: .03em;
      margin: 15px auto; }
    .scrolling-wrapper-flexbox .feature-card p {
      font-size: 0.8rem; }
    .scrolling-wrapper-flexbox .feature-card .button {
      position: absolute;
      bottom: 0;
      left: 0;
      border-radius: 0px 0px 4px 4px;
      border: 0;
      border-top: 1px solid #f1f1f1;
      background: #fbfbfb; }
  .scrolling-wrapper-flexbox .padder-card {
    display: none;
    flex: 0 0 auto;
    border: 1px solid white;
    width: 50px;
    height: 350px; }

.MainHero {
  position: relative; }
  .MainHero h2, .MainHero p {
    color: #fff;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); }
  .MainHero h2 span {
    display: block;
    margin-bottom: 10px; }
  .MainHero #angles {
    width: 100%;
    height: 100%;
    overflow: hidden;
    transform: skewY(-12deg);
    transform-origin: 0;
    position: absolute;
    box-shadow: inset 0 -10px 80px -10px rgba(0, 0, 0, 0.1);
    background: linear-gradient(150deg, #000 15%, #6c6c6c 94%); }
  .MainHero .eglcontrollers {
    position: relative;
    width: 100%;
    height: 100%;
    background: url("../images/bg-icon.png") repeat center center fixed;
    }

.MainHero2 {
      position: relative;
      z-index: 9;
    }

      .MainHero2 h2, .MainHero2 p {
        color: #fff;
        text-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); }
      .MainHero2 h2 span {
        display: block;
        margin-bottom: 10px; }
      .MainHero2 #angles {
        width: 100%;
        height: 100%;
        overflow: hidden;
        transform: skewY(-12deg);
        transform-origin: 0;
        position: absolute;
        box-shadow: inset 0 -10px 80px -10px rgba(0, 0, 0, 0.1);
        background: #fff }
      .MainHero2 .eglcontrollers {
        position: relative;
        width: 100%;
        height: 100%;
        background: url("../images/bg-icon.png") repeat center center fixed;
        }

        .MainHero3 {
              position: relative;
              padding-top: 20%;
            }

              .MainHero3 h2, .MainHero3 p {
                color: #fff;
                text-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); }
              .MainHero3 h2 span {
                display: block;
                margin-bottom: 10px; }
              .MainHero3 #angles {
                width: 100%;
                height: 100%;
                overflow: hidden;
                transform: skewY(-12deg);
                transform-origin: 0;
                position: absolute;
                box-shadow: inset 0 -10px 80px -10px rgba(0, 0, 0, 0.1);
                background: linear-gradient(150deg, #1571ff 15%, #191970 94%); }
              .MainHero3 .eglcontrollers {
                position: relative;
                width: 100%;
                height: 100%;
                background: url("../images/bg-icon.png") repeat center center;
                }

.bg-img {
    z-index: -1;
     background-image: url("../images/BG-EGL-Wallpaper.png");
     height: 938px;
     background-size: cover;
     position: relative;
     margin-top: -22%;
}
.league-bg-img {
  background: url("../images/background-league-home.png") no-repeat center center;
  min-height: 100%;
  height: 100vh;
  min-width: 100%;
  width: 100%;
  overflow: hidden;
  background-size:cover;
}
.column.fullfix {
  display: inline-flex;
  width: 100%;
}
.headlineshadowtext {
  text-shadow: #7F0000 1px 0 10px;
}

.Mockups {
  z-index: 1;
  position: absolute;
  top: 13%;
  pointer-events: none;
  left: 20%;
  width: 829px;
  margin-left: -10px;
  transform: rotate(-12deg);
  transform-origin: 100% 0; }
  .Mockups #support {
    position: relative;
    width: 300px;
    z-index: 9;
    margin-left: 45%; }

.AppFeatures .AppFeatureMenu a {
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
  font-family: 'Poppins', BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  text-transform: uppercase;
  font-size: 13px;
  height: 35px;
  line-height: 35px;
  font-weight: 500;
  letter-spacing: .03em;
  padding: 0 14px;
  color: #6772e5; }
  .AppFeatures .AppFeatureMenu a:hover {
    background: none;
    color: #333; }
  .AppFeatures .AppFeatureMenu a.is-active, .AppFeatures .AppFeatureMenu a:hover .is-active {
    color: #56b050;
    box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
    background: #fff;
    border-radius: 4px; }
  .AppFeatures .AppFeatureMenu a img {
    display: inline;
    height: 25px;
    width: 25px;
    margin: 5px 10px 5px -5px;
    float: left;
    box-shadow: none !important;
    fill: #333;
    stroke: #333;
    color: #333; }

.AppFeatures.Reader a.is-active {
  background: #209cee; }

.AppFeatures .AppFeatureTabs a {
  font-family: 'Poppins', BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 35px;
  font-weight: 500; }

.AppFeatures .AppFeatureTabs li.is-active a {
  font-weight: 700;
  color: #333;
  border-bottom-color: #333; }

.AppFeatures .tab-content h5 {
  color: #55b04f;
  font-weight: 600; }

.AppFeatures.Reader .tab-content h5 {
  color: #209cee; }

.Bundle .BundleCard {
  z-index: 9;
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07); }

.CTA {
  background: #f6f9fc;
  position: relative; }
  .CTA::before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    top: 00px;
    height: 420px;
    background: #f6f9fc;
    transform: skew(0, -12deg);
    transform-origin: top left;
    z-index: 0; }

.AppFeatures {
  background: #f6f9fc; }

.MainFooter {
  background: #f6f9fc; }

@media screen and (max-width: 768px) {
  .scrolling-wrapper-flexbox:after {
    display: none; }
  .scrolling-wrapper-flexbox .feature-card {
    width: 45%;
    height: 250px; }
  .scrolling-wrapper-flexbox .padder-card {
    display: inline-block; }
  .MainHero .hero-body {
    padding-bottom: 140px; }
  .Mockups {
    position: relative;
    width: 120%;
    left: 0;
    transform-origin: top;
    margin-top: -25%;
    margin-bottom: 30px; }
    .Mockups #support {
      display: none; } }

@media screen and (max-width: 540px) {
  .scrolling-wrapper-flexbox .feature-card {
    width: 90%;
    height: 250px; } }

.Writers .blurb, .Readers .blurb, .Developers .blurb {
  padding: 60px 30px 0; }