* {
    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;
    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 10px;
    color: white;
    background-color: #AE332F;
    border-color: #AE332F;
}

        ::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);
        }

        @media all and (max-width: 2002px) and (min-width:1471px) {

            .MainHero h2, .MainHero p {
                color: #fff;
                text-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
                position: relative;
                top: 20%;
            }
        }

        @media all and (max-width: 1470px) and (min-width: 1354px) {

            .MainHero h2, .MainHero p {
                color: #fff;
                text-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
                position: relative;
                top: 10%;
            }
        }

        @media all and (max-width: 1353px) and (min-width: 1282px) {

            .MainHero h2, .MainHero p {
                color: #fff;
                text-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
                position: relative;
                top: 9%;
            }
        }

        @media all and (max-width: 1089px) and (min-width: 974px) {

            .MainHero h2, .MainHero p {
                color: #fff;
                text-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
                position: relative;
                left: 21%;
            }
        }


        .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%);
        }

         @media all and (max-width: 1089px) and (min-width: 974px) {

           .MainHero #angles {
            width: 100%;
            height: 165%;
            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%);
        }

        }





        .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 }


        .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("./assets/images/bg-icon.png") repeat center center;
        }

        .bg-img {
            z-index: -1;
            background-image: url("./assets/images/BG-EGL-Wallpaper.png");
            height: 938px;
            background-size: cover;
            position: relative;
            margin-top: -28%;
        }

        @media all and (max-width: 2002px) and (min-width:1471px) {

            .bg-img {
                z-index: -1;
                background-image: url("./assets/images/BG-EGL-Wallpaper.png");
                height: 938px;
                background-size: cover;
                position: relative;
                left: 50px;
                margin-top: -25%;
                margin-bottom: 15%;
            }


        }

        @media all and (max-width: 1470px) and (min-width: 1354px) {

            .bg-img {
                z-index: -1;
                background-image: url("./assets/images/BG-EGL-Wallpaper.png");
                height: 938px;
                background-size: cover;
                position: relative;
                left: 50px;
                margin-top: -25%;
                margin-bottom: 5%;
            }


        }

        @media all and (max-width: 1353px) and (min-width: 1282px) {

            .bg-img {
                z-index: -1;
                background-image: url("./assets/images/BG-EGL-Wallpaper.png");
                height: 938px;
                background-size: cover;
                position: relative;
                left: 50px;
                margin-top: -25%;
                margin-bottom: 5%;
            }


        }

        .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: 9.5%;
            pointer-events: none;
            left: 5%;
            width: 829px;
            margin-left: -10px;
            transform: rotate(-12deg);
            transform-origin: 100% 0;
        }

        @media all and (max-width: 2002px) and (min-width: 1471px) {

            .Mockups {
                z-index: 1;
                position: absolute;
                top: 13%;
                pointer-events: none;
                left: 10%;
                width: 929px;
                margin-left: -10px;
                transform: rotate(-12deg);
                transform-origin: 100% 0;
            }

        }

        @media all and (max-width: 1470px) and (min-width: 1354px) {

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

        }

        @media all and (max-width: 1353px) and (min-width: 1282px) {

            .Mockups {
                z-index: 1;
                position: absolute;
                top: 13%;
                pointer-events: none;

                width: 829px;
                margin-left: -10px;
                transform: rotate(-12deg);
                transform-origin: 100% 0;
            }

        }

        @media all and (max-width: 1281px) and (min-width: 1174px) {

            .Mockups {
                z-index: 1;
                position: absolute;
                top: 12%;
                pointer-events: none;
                left: 10%;
                width: 650px;
                margin-right: 50px;
                transform: rotate(-12deg);
                transform-origin: 100% 0;
                padding: 0;
                margin: 0;
            }

        }

        @media all and (max-width: 1173px) and (min-width: 1090px) {

            .Mockups {
                z-index: 1;
                position: absolute;
                top: 13%;
                pointer-events: none;

                width: 600px;
                margin-left: -10px;
                transform: rotate(-12deg);
                transform-origin: 100% 0;
                padding: 0;
                margin: 0;
            }

        }

        @media all and (max-width: 1089px) and (min-width: 974px) {

            .Mockups {
                z-index: 1;
                position: absolute;
                top: 12%;
                pointer-events: none;
                left: 10%;
                width: 600px;
                margin-left: -10px;
                transform: rotate(-12deg);
                transform-origin: 100% 0;
                padding: 0;
                margin: 0;
            }

        }

        .Mockups2 {
            z-index: 1;
            position: absolute;
            top: 9.5%;

            height: 10px;
            width: 450px;

            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;
        }

        #topLogoPose {

            width:589px;
            position: relative;
            top:-10px;

        }




        #diagonalBg2 {

            background: #F5F5F5;
            padding:1% 0 6% 0;
            -ms-transform: skew(0deg, -10deg);
            -webkit-transform: skew(0deg, -10deg);
            transform: skew(0deg, -10deg);

        }

        #diagonalBg2unskew {

            -ms-transform: skew(0deg, 10deg);
            -webkit-transform: skew(0deg, 10deg);
            transform: skew(0deg, 10deg);

        }

        @media all and (max-width: 1089px) and (min-width: 974px) {

            #secondSectionMob {

                position:relative;
                width: 100%;
                overflow:hidden;
                top: 65px;
                margin: 18% 23%;
            }

        }

        @media all and (max-width: 1089px) and (min-width: 974px) {

            #inNumbersTouch {

                padding: 2%;
            }

        }

        @media all and (max-width: 1089px) and (min-width: 974px) {

            #videoCenter {

                position:relative;
                left: 20%;

            }

        }