@media (max-width: 56.25em) and (-webkit-min-device-pixel-ratio: 2),
    (max-width: 56.25em) and (min-resolution: 192dpi) {
        .masthead .video>.navLink:before {
            background-image: url(../i/sprites/global-sprite@x2.png);
            background-size: 799px 778px
        }
    }
    
    @media (max-width: 56.25em) {
        .masthead .communities>.navLink:before {
            content: "";
            background: url(../i/sprites/global-sprite.png) -508px -488px no-repeat;
            width: 19px;
            height: 11px;
            left: 1.1rem
        }
    }
    
    @media (max-width: 56.25em) and (-webkit-min-device-pixel-ratio: 2),
    (max-width: 56.25em) and (min-resolution: 192dpi) {
        .masthead .communities>.navLink:before {
            background-image: url(../i/sprites/global-sprite@x2.png);
            background-size: 799px 778px
        }
    }
    
    @media (max-width: 56.25em) {
        .masthead .more .navLink:before {
            content: "";
            background: url(../i/sprites/global-sprite.png) -774px -552px no-repeat;
            width: 4px;
            height: 14px;
            left: 1.7rem
        }
    }
    
    @media (max-width: 56.25em) and (-webkit-min-device-pixel-ratio: 2),
    (max-width: 56.25em) and (min-resolution: 192dpi) {
        .masthead .more .navLink:before {
            background-image: url(../i/sprites/global-sprite@x2.png);
            background-size: 799px 778px
        }
    }
    
    @media (max-width: 56.25em) {
        .masthead .clubs>.navLink:before {
            content: "";
            background: url(../i/sprites/global-sprite.png) -443px -704px no-repeat;
            width: 11px;
            height: 14px;
            left: 1.5rem
        }
    }
    
    @media (max-width: 56.25em) and (-webkit-min-device-pixel-ratio: 2),
    (max-width: 56.25em) and (min-resolution: 192dpi) {
        .masthead .clubs>.navLink:before {
            background-image: url(../i/sprites/global-sprite@x2.png);
            background-size: 799px 778px
        }
    }
    
    @media (max-width: 56.25em) {
        .masthead .languageSelector {
            display: none
        }
    }
    
    @media (max-width: 56.25em) {
        .masthead .dropdown {
            width: 70%;
            min-width: 0;
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 30%;
            overflow: auto;
            -webkit-overflow-scrolling: touch;
            font-size: 1.2rem;
            transform: none;
            visibility: visible;
            padding: 0;
            box-shadow: none;
            display: none;
            background: #fff
        }
        .masthead .dropdown ul {
            -moz-column-count: auto;
            column-count: auto
        }
        .masthead .dropdown a {
            text-decoration: none;
            text-align: left;
            color: #242424;
            padding: 1rem;
            font-size: 1.4rem
        }
        .masthead .dropdown a:hover {
            text-decoration: none
        }
        .masthead .dropdown a:focus {
            background: #e8e8e8
        }
        .masthead .dropdown [class*=col-] {
            padding-left: 0;
            padding-right: 0
        }
        .masthead .dropdown li {
            border-bottom: 1px solid #e8e8e8;
            line-height: 4rem
        }
    }
    
    @media (max-width: 56.25em) {
        .masthead .navBar li {
            float: none
        }
    }
    
    @media (max-width: 56.25em) {
        .masthead .searchBar,
        .masthead .searchBar .plSearch {
            transition: none
        }
        .masthead .searchBar .searchInput {
            font-size: 16px
        }
    }
    
    @media (max-width: 56.25em) {
        .masthead .searchOverlay {
            transition: none
        }
    }
    
    @media (max-width: 960px) {
        .masthead .mainNav {
            padding-left: 14rem
        }
    }
    
    @media (max-width: 34.375em) {
        .masthead .signIn {
            display: none
        }
    }
    
    @media (max-width: 43.75em) {
        .masthead .mainNav .navLink,
        .masthead .mainNav:after {
            width: 40%
        }
        .masthead .mainNav .dropdown {
            left: 40%;
            width: 60%
        }
        .masthead .mainNav .fantasy>.navLink:before {
            content: "";
            background: url(../i/sprites/global-sprite.png) -764px -138px no-repeat;
            width: 14px;
            height: 20px;
            left: 1.5rem
        }
    }
    
    @media (max-width: 43.75em) and (-webkit-min-device-pixel-ratio: 2),
    (max-width: 43.75em) and (min-resolution: 192dpi) {
        .masthead .mainNav .fantasy>.navLink:before {
            background-image: url(../i/sprites/global-sprite@x2.png);
            background-size: 799px 778px
        }
    }
    
    @media (max-width: 43.75em) {
        .masthead .mainNav .stats>.navLink:before {
            content: "";
            background: url(../i/sprites/global-sprite.png) -300px -718px no-repeat;
            width: 18px;
            height: 15px;
            left: 1.5rem
        }
    }
    
    @media (max-width: 43.75em) and (-webkit-min-device-pixel-ratio: 2),
    (max-width: 43.75em) and (min-resolution: 192dpi) {
        .masthead .mainNav .stats>.navLink:before {
            background-image: url(../i/sprites/global-sprite@x2.png);
            background-size: 799px 778px
        }
    }
    
    @media (max-width: 43.75em) {
        .masthead .navOption .icn.show-m {
            display: inline-block
        }
    }
    
    @media (max-width: 430px) {
        .masthead .navText {
            flex: 0
        }
    }
    
    @media (max-width: 25em) {
        .masthead .plLogo {
            margin-right: 1rem
        }
        .masthead .menuBtn {
            padding: 0 1.5rem
        }
        .masthead .menuBtn span {
            position: absolute;
            left: -400px
        }
        .masthead .search .searchBtn {
            width: 5rem
        }
        .masthead .navLink {
            padding: 0 1.5rem
        }
        .masthead .navOption .icn {
            margin-right: .5rem
        }
        .masthead .mainNav .navLink {
            font-size: 1.2rem
        }
    }
    
    .mastheadOpen {
        overflow: hidden;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding-top: 6rem
    }
    
    @media (max-width: 56.25em) {
        .mastheadOpen .masthead {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            height: 100%;
            z-index: 100
        }
        .mastheadOpen .masthead .fixedContainer,
        .mastheadOpen .masthead .navBar {
            position: static
        }
        .mastheadOpen .masthead .menuBtn {
            background: #e90052
        }
        .mastheadOpen .masthead .menuBtn .menuBtnContainer div:first-child {
            transform: rotate(45deg);
            top: .5rem
        }
        .mastheadOpen .masthead .menuBtn .menuBtnContainer div:nth-child(2) {
            transform: scale(0)
        }
        .mastheadOpen .masthead .menuBtn .menuBtnContainer div:nth-child(3) {
            transform: rotate(-45deg);
            top: -.5rem;
            position: relative
        }
        .mastheadOpen .masthead .mainNav {
            display: block;
            transform: translateX(0);
            opacity: 1;
            position: absolute;
            top: 6rem;
            right: 0;
            bottom: 0;
            left: 0
        }
        .mastheadOpen .masthead .movedLink {
            display: none
        }
        .mastheadOpen .masthead.searchOpen .mainNav {
            padding-top: 5rem
        }
    }
    
    .fixedContainer {
        top: 0;
        left: 0;
        right: 0
    }
    
    .fixedContainer.fixed {
        position: fixed
    }
    
    .fixedContainer.fixed .logoContainer {
        height: auto!important;
        top: 0
    }
    
    .fixedContainer.fixed .logo {
        margin-top: -.2rem
    }
    
    @media (max-width: 56.25em) {
        .fixedContainer.fixed {
            position: static
        }
        .fixedContainer.fixed .navBar.fixed .plLogo img {
            height: 6rem
        }
    }
    
    body.webViewBody {
        padding-top: 0;
        min-height: 100vh;
        position: relative!important
    }
    
    @media (max-width: 56.25em) {
        body {
            padding-top: 6rem
        }
    }
    
    .ismHeader .fantasy>a:after {
        content: "";
        display: block;
        border: 6px solid transparent;
        border-bottom-color: #fff;
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -6px
    }
    
    @media (max-width: 56.25em) {
        .ismHeader .fantasy .navLink .icn {
            opacity: 1
        }
        .ismHeader .fantasy .navLink:after {
            border-bottom-color: transparent;
            border-right-color: #fff;
            bottom: 50%;
            left: 100%;
            margin-left: -12px;
            margin-bottom: -6px;
            z-index: 1
        }
    }
    
    .subNavContainer {
        height: 5rem
    }
    
    .subNav {
        line-height: 4.2rem;
        box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .15);
        position: relative;
        background: #fff;
        z-index: 1;
        margin-left: 0;
        margin-right: 0
    }
    
    .subNav:before {
        content: "";
        display: block
    }
    
    .subNav:after {
        content: "";
        display: table;
        clear: both
    }
    
    .subNav ul {
        padding-left: 14.5rem
    }
    
    .subNav ul:before {
        content: "";
        display: block
    }
    
    .subNav ul:after {
        content: "";
        display: table;
        clear: both
    }
    
    .subNav ul.showMoreEnabled .more {
        display: list-item
    }
    
    .subNav ul .more {
        float: right;
        position: relative;
        display: none;
        margin-right: 0;
        margin-left: 0
    }
    
    .subNav ul .more .moreToggle {
        line-height: 5rem;
        padding: 0 1.5rem;
        display: block;
        cursor: pointer;
        color: #76766f;
        font-size: 1.3rem
    }
    
    .subNav ul .more .moreToggle .icn {
        display: none
    }
    
    .subNav ul .more .moreToggle:before {
        content: "";
        background: url(../i/sprites/global-sprite.png) -795px -241px no-repeat;
        width: 4px;
        height: 14px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 1rem;
        position: relative;
        top: -1px
    }
    
    @media (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi) {
        .subNav ul .more .moreToggle:before {
            background-image: url(../i/sprites/global-sprite@x2.png);
            background-size: 799px 778px
        }
    }
    
    .subNav ul .more .moreToggle:hover {
        background: #e8e8e8
    }
    
    .subNav ul .more ul {
        display: none;
        position: absolute;
        z-index: 1;
        top: 4.2rem;
        right: 0;
        background: #e8e8e8;
        padding-left: 0
    }
    
    .subNav ul .more li {
        float: none
    }
    
    .subNav ul .more a {
        white-space: nowrap;
        padding: 0 2rem
    }
    
    .subNav ul .more a:before {
        display: none
    }
    
    .subNav ul .more a:hover {
        color: #e90052
    }
    
    .subNav ul .more.open .moreToggle {
        background: #e8e8e8
    }
    
    .subNav ul .more.open ul {
        display: block
    }
    
    .subNav .linkBold {
        color: #242424;
        font-family: PremierSans-Bold, Arial, Helvetica Neue, Helvetica, sans-serif;
        font-weight: 400
    }
    
    .subNav.fixed {
        position: fixed;
        top: 6rem;
        left: 0;
        right: 0
    }
    
    .subNav li {
        float: left;
        margin-left: 0;
        margin-right: 0
    }
    
    .subNav a {
        display: block;
        color: #76766f;
        text-decoration: none;
        padding: .4rem 2rem;
        font-size: 1.3rem;
        position: relative;
        transition: all .2s ease-in-out
    }
    
    .subNav a:before {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 0;
        background: linear-gradient(90deg, #963cff, #a64dae);
        transition: .2s;
        z-index: -1
    }
    
    .subNav a:focus:before,
    .subNav a:hover:before {
        height: 4px
    }
    
    .subNav a.active {
        font-family: PremierSans-Bold, Arial, Helvetica Neue, Helvetica, sans-serif;
        font-weight: 400
    }
    
    .subNav a.active:before {
        height: 4px;
        background: linear-gradient(90deg, #963cff, #a64dae)
    }
    
    .subNav a.active:focus:before {
        background: #b60040
    }
    
    @media (max-width: 56.25em) {
        .subNav {
            display: none
        }
    }
    
    #mainContent .subNav {
        margin-bottom: 2rem
    }
    
    .mainFooter {
        margin-top: 3rem;
        position: relative;
        z-index: 60;
        background: #fff
    }
    
    .mainFooter .pl-logo-footer {
        display: block;
        margin: 0 auto 3rem;
        transition: .2s
    }
    
    .mainFooter .pl-logo-footer:focus {
        transform: scale(1.05)
    }
    
    .mainFooter .footerContent {
        padding: 10rem 4rem;
        background: #007dc6;
        background-image: url(../i/bg-elements/pl-footer.svg);
        background-position: bottom;
        background-size: 100% auto;
        background-repeat: no-repeat
    }
    
    .mainFooter .footerContent .icn {
        display: inline-block;
        vertical-align: middle;
        margin-left: .5rem;
        margin-top: -.1rem
    }
    
    .mainFooter .footerContent .wrapper {
        display: flex;
        justify-content: space-between;
        padding: 0
    }
    
    .mainFooter .footerContent .footerCol {
        padding-right: 1rem
    }
    
    .mainFooter .footerContent a {
        color: #fff;
        text-decoration: none;
        font-size: 1.4rem;
        padding: .7rem 0;
        display: block;
        padding-right: .2rem
    }
    
    .mainFooter .footerContent a:focus,
    .mainFooter .footerContent a:hover {
        color: #ff2882
    }
    
    .mainFooter .footerContent ul li {
        -moz-column-break-inside: avoid;
        column-break-inside: avoid
    }
    
    .mainFooter .subHeader {
        color: #fff;
        font-size: 2.3rem;
        margin-bottom: 2rem
    }
    
    .mainFooter .active {
        color: #e90052
    }
    
    .mainFooter .external {
        color: #05f0ff
    }
    
    .mainFooter .footerCorporate {
        padding: 3rem 0;
        font-size: 1.1rem
    }
    
    .mainFooter .footerCorporate:before {
        content: "";
        display: block
    }
    
    .mainFooter .footerCorporate:after {
        content: "";
        display: table;
        clear: both
    }
    
    .mainFooter .footerCorporate ul {
        float: left
    }
    
    .mainFooter .footerCorporate li {
        display: inline-block;
        position: relative;
        margin-right: 1rem;
        padding-right: 1rem;
        vertical-align: middle
    }
    
    .mainFooter .footerCorporate li:after {
        background: #2f2f2f;
        border-radius: 100%;
        content: "";
        display: block;
        height: .3rem;
        right: 0;
        position: absolute;
        top: 50%;
        transform: translate(50%, -50%);
        width: .3rem
    }
    
    .mainFooter .footerCorporate li:first-child:after,
    .mainFooter .footerCorporate li:last-child:after {
        display: none
    }
    
    .mainFooter .footerCorporate a {
        color: #242424;
        text-decoration: none
    }
    
    .mainFooter .footerCorporate a:focus,
    .mainFooter .footerCorporate a:hover {
        text-decoration: underline
    }
    
    .mainFooter .footerCorporate .wrapper {
        padding: 0
    }
    
    .mainFooter .footerCorporate .official {
        float: right
    }
    
    .mainFooter .footerCorporate .official a {
        transition: .2s
    }
    
    .mainFooter .footerCorporate .official a:focus {
        transform: scale(.9)
    }
    
    .mainFooter .footerCorporate .icn {
        display: inline-block;
        vertical-align: middle;
        margin-left: 1rem;
        margin-top: -.1rem
    }
    
    @media (max-width: 68.75em) {
        .mainFooter .pl-logo-footer {
            content: "";
            background: url(../i/sprites/pl-logo-sprite.png) -119px -155px no-repeat;
            width: 107px;
            height: 45px
        }
    }
    
    @media (max-width: 68.75em) and (-webkit-min-device-pixel-ratio: 2),
    (max-width: 68.75em) and (min-resolution: 192dpi) {
        .mainFooter .pl-logo-footer {
            background-image: url(../i/sprites/pl-logo-sprite@x2.png);
            background-size: 517px 308px
        }
    }
    
    @media (max-width: 81.25em) {
        .mainFooter .footerCol {
            border-bottom: 1px solid hsla(0, 0%, 100%, .2);
            margin-bottom: 1.6rem;
            width: 50%;
            padding: 0 .5rem 2rem
        }
        .mainFooter .footerCol:last-child {
            border-bottom: 0
        }
        .mainFooter .subHeader {
            font-size: 1.7rem;
            margin-bottom: 0;
            padding-bottom: 1rem
        }
        .mainFooter .footerContent {
            background-image: url(../i/bg-elements/pl-footer-m-top.svg), url(../i/bg-elements/pl-footer-m-bottom.svg);
            background-color: #007dc6;
            background-position: 0 0, 0 100%;
            background-repeat: no-repeat, no-repeat;
            padding: 3rem 1rem
        }
        .mainFooter .footerContent .wrapper {
            flex-wrap: wrap
        }
        .mainFooter .footerContent ul {
            -moz-column-count: 2;
            column-count: 2
        }
        .mainFooter .footerCorporate {
            text-align: center
        }
        .mainFooter .footerCorporate ul {
            float: none;
            display: table;
            margin: 0 auto 3rem
        }
        .mainFooter .footerCorporate li {
            margin-bottom: 1rem
        }
        .mainFooter .footerCorporate li:first-child {
            display: block;
            border-right: 0;
            padding-right: 0;
            margin-right: 0
        }
        .mainFooter .footerCorporate .official {
            float: none;
            text-align: center
        }
    }
    
    @media (max-width: 63.9375em) {
        .mainFooter {
            padding-bottom: 3rem
        }
    }
    
    @media (max-width: 43.75em) {
        .mainFooter .footerContent {
            padding: 2rem .5rem
        }
        .mainFooter .footerContent .wrapper {
            display: block
        }
        .mainFooter .footerCol {
            width: 100%;
            display: block
        }
        .mainFooter .footerCol ul {
            -moz-column-count: 3;
            column-count: 3
        }
    }
    
    @media (max-width: 37.5em) {
        .mainFooter .footerCol ul {
            -moz-column-count: 2;
            column-count: 2
        }
    }
    
    .list--more,
    .list--premier-league {
        -moz-column-count: 2;
        column-count: 2
    }
    
    .webViewBody .pageHero.stats+.hasSideNav .sideNav {
        display: none
    }
    
    .hasSideNav {
        display: flex;
        margin-left: 0;
        padding-left: 0
    }
    
    .hasSideNav .sidebarPush {
        max-width: 137.6rem;
        width: 100%;
        margin-left: 0
    }
    
    .hasSideNav__full-width {
        width: 100%;
        max-width: calc(100% - 26rem)
    }
    
    .sideNav {
        width: 26rem;
        flex: 0 0 26rem;
        background: #e8e8e8;
        margin: -2rem 0;
        box-shadow: 0 0 10px rgba(0, 0, 0, .2);
        position: relative;
        z-index: 10
    }
    
    @media (max-width: 56.25em) {
        .hasSideNav {
            display: block;
            padding: 0
        }
        .hasSideNav .sidebarPush {
            padding: 0;
            max-width: 100%
        }
        .hasSideNav__full-width {
            max-width: 100%
        }
        .sideNav {
            width: 100%;
            display: block;
            margin: 0;
            box-shadow: none;
            padding: 1rem;
            background-color: transparent;
            margin-bottom: 0
        }
    }
    
    .mobileExtraNav {
        display: none;
        margin: 1rem;
        margin-bottom: 3rem
    }
    
    .mobileExtraNav .current {
        background: #007dc6;
        color: #fff;
        text-align: left
    }
    
    .mobileExtraNav .extraOption {
        display: block;
        text-align: left;
        margin-bottom: .5rem;
        text-decoration: none;
        position: relative;
        padding: 1.5rem 3rem;
        font-size: 1.2rem;
        cursor: pointer;
        transition: .2s
    }
    
    .mobileExtraNav .extraOption:after {
        content: "";
        background: url(../i/sprites/chevrons-sprite.png) -54px -68px no-repeat;
        width: 6px;
        height: 10px
    }
    
    @media (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi) {
        .mobileExtraNav .extraOption:after {
            background-image: url(../i/sprites/chevrons-sprite@x2.png);
            background-size: 93px 83px
        }
    }
    
    .mobileExtraNav .menuItem {
        background: #e8e8e8;
        color: #333;
        text-align: left
    }
    
    .mobileExtraNav .mobileRightArrow {
        margin-top: .2rem
    }
    
    @media (max-width: 56.25em) {
        .mobileExtraNav,
        .mobileExtraNav .current {
            display: block
        }
        .mobileExtraNav .current:after {
            display: block;
            content: "";
            background: url(../i/sprites/chevrons-sprite.png) -68px -34px no-repeat;
            width: 16px;
            height: 9px;
            position: absolute;
            top: 50%;
            right: 1.5rem;
            margin-top: -4.5px
        }
    }
    
    @media (max-width: 56.25em) and (-webkit-min-device-pixel-ratio: 2),
    (max-width: 56.25em) and (min-resolution: 192dpi) {
        .mobileExtraNav .current:after {
            background-image: url(../i/sprites/chevrons-sprite@x2.png);
            background-size: 93px 83px
        }
    }
    
    @media (max-width: 56.25em) {
        .mobileExtraNav .sideNavLinks {
            overflow: hidden;
            transition: .2s;
            max-height: 0
        }
    }
    
    @media (max-width: 56.25em) {
        .mobileExtraNav .menuItem.active,
        .mobileExtraNav .menuItem:after,
        .mobileExtraNav .menuItem:before {
            display: none
        }
        .mobileExtraNav .menuItem:focus .icn,
        .mobileExtraNav .menuItem:hover .icn {
            opacity: .4
        }
    }
    
    @media (max-width: 56.25em) {
        .mobileExtraNav.open .sideNavLinks {
            max-height: 50rem
        }
        .mobileExtraNav.open .current:after {
            content: "";
            background: url(../i/sprites/chevrons-sprite.png) -30px -59px no-repeat;
            width: 15px;
            height: 9px
        }
    }
    
    @media (max-width: 56.25em) and (-webkit-min-device-pixel-ratio: 2),
    (max-width: 56.25em) and (min-resolution: 192dpi) {
        .mobileExtraNav.open .current:after {
            background-image: url(../i/sprites/chevrons-sprite@x2.png);
            background-size: 93px 83px
        }
    }
    
    .article-promo--history .showMoreBtn.article-promo__btn,
    .btn.showMoreBtn {
        margin-top: 1rem;
        display: none
    }
    
    @media (max-width: 43.75em) {
        .article-promo--history .showMoreBtn.article-promo__btn,
        .btn.showMoreBtn {
            display: block
        }
    }
    
    .showMore {
        transition: all .4s
    }
    
    .showMore .moreBtn {
        margin-bottom: 3rem
    }
    
    @media (max-width: 43.75em) {
        .showMore {
            display: none
        }
    }
    
    .showMore.open {
        display: block
    }
    
    @keyframes c {
        0% {
            background: #007dc6
        }
        33% {
            background: #963cff
        }
        66% {
            background: #ff2882
        }
        to {
            background: #ff6900
        }
    }
    
    @keyframes d {
        0% {
            width: 0
        }
        to {
            width: 10rem
        }
    }
    
    .loader-small {
        position: relative;
        clear: both;
        display: table;
        margin: 0 auto;
        height: 1rem
    }
    
    .loader-small .line {
        animation: d .4s infinite alternate, c 1.6s infinite forwards;
        height: 2px
    }
    
    .loader {
        text-align: center;
        margin: 2rem 0;
        clear: both
    }
    
    .loader .loader-small {
        margin-top: 1rem
    }
    
    .loader--hof-theme .line {
        background: #a08c6e;
        animation: d .4s infinite alternate
    }
    
    .badge-image-container .badge-image {
        vertical-align: middle;max-width: 100%;
    }
    
    .badge-image-container .badge-image--20 {
        width: 2rem;
        height: 2rem
    }
    
    .badge-image-container .badge-image--25 {
        width: 2.5rem;
        height: 2.5rem
    }
    
    .badge-image-container .badge-image--50 {
        width: 5rem;
        height: 5rem
    }
/*.badge-iPÆ÷
PÆ÷
 ÿö
pýö
¸Æ÷
pÆ÷
@pÆ÷
rem;height:10rem}*/

    .article-promo--history .article-promo__btn,
    .btn,
    [class*=btn-] {
        text-align: center;
        padding: 0 3.6rem;
        text-decoration: none;
        background: #007dc6;
        color: #fff;
        display: block;
        transition: all .2s;
        position: relative;
        font-size: 1.3rem;
        cursor: pointer;
        line-height: 4rem;
        border-radius: 3px;
        font-family: PremierSans-Bold, Arial, Helvetica Neue, Helvetica, sans-serif;
        font-weight: 400;
        z-index: 1;
        overflow: hidden
    }
    
    .article-promo--history .article-promo__btn:after,
    .btn:after,
    [class*=btn-]:after {
        position: absolute;
        content: "";
        top: 0;
        right: -1px;
        bottom: 0;
        left: -1px;
        background-image: linear-gradient(270deg, #ff2882, #963cff);
        z-index: -1;
        transition: opacity .2s linear;
        transition-delay: .2s;
        opacity: 0
    }
    
    .article-promo--history .article-promo__btn:before,
    .btn:before,
    [class*=btn-]:before {
        position: absolute;
        content: "";
        top: 0;
        bottom: 0;
        left: -100%;
        width: 100%;
        background-image: linear-gradient(90deg, #ff2882, #007dc6);
        z-index: -1;
        transition: all .2s linear;
        opacity: 0
    }
    
    .article-promo--history .article-promo__btn [class*=icn],
    .btn [class*=icn],
    [class*=btn-] [class*=icn] {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        left: 1rem
    }
    
    .article-promo--history .article-promo__btn [class*=arrow-right],
    .btn [class*=arrow-right],
    [class*=btn-] [class*=arrow-right] {
        content: "";
        background: url(../i/sprites/arrows-sprite.png) 0 -79px no-repeat;
        width: 15px;
        height: 9px;
        left: auto;
        right: 1.6rem;
        top: 1.5rem;
        transition: right .2s;
        position: absolute
    }
    
    @media (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi) {
        .article-promo--history .article-promo__btn [class*=arrow-right],
        .btn [class*=arrow-right],
        [class*=btn-] [class*=arrow-right] {
            background-image: url(../i/sprites/arrows-sprite@x2.png);
            background-size: 94px 88px
        }
    }
    
    .article-promo--history .article-promo__btn [class*=external],
    .btn [class*=external],
    [class*=btn-] [class*=external] {
        margin-top: -1px
    }
    
    .article-promo--history .article-promo__btn [class*=chevron-rightblack-normal],
    .btn [class*=chevron-rightblack-normal],
    [class*=btn-] [class*=chevron-rightblack-normal] {
        display: inline-block;
        vertical-align: -3px;
        margin-left: .5rem;
        margin-right: 0
    }
    
    .article-promo--history .article-promo__btn:focus,
    .article-promo--history .article-promo__btn:hover,
    .btn:focus,
    .btn:hover,
    [class*=btn-]:focus,
    [class*=btn-]:hover {
        box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .15)
    }
    
    .article-promo--history .article-promo__btn:focus:after,
    .article-promo--history .article-promo__btn:focus:before,
    .article-promo--history .article-promo__btn:hover:after,
    .article-promo--history .article-promo__btn:hover:before,
    .btn:focus:after,
    .btn:focus:before,
    .btn:hover:after,
    .btn:hover:before,
    [class*=btn-]:focus:after,
    [class*=btn-]:focus:before,
    [class*=btn-]:hover:after,
    [class*=btn-]:hover:before {
        opacity: 1;
        left: -1px
    }
    
    .article-promo--history .article-promo__btn:focus [class*=tooltip],
    .article-promo--history .article-promo__btn:hover [class*=tooltip],
    .btn:focus [class*=tooltip],
    .btn:hover [class*=tooltip],
    [class*=btn-]:focus [class*=tooltip],
    [class*=btn-]:hover [class*=tooltip] {
        display: block
    }
    
    .article-promo--history .article-promo__btn:focus [class*=arrow-right],
    .article-promo--history .article-promo__btn:hover [class*=arrow-right],
    .btn:focus [class*=arrow-right],
    .btn:hover [class*=arrow-right],
    [class*=btn-]:focus [class*=arrow-right],
    [class*=btn-]:hover [class*=arrow-right] {
        content: "";
        background: url(../i/sprites/arrows-sprite.png) 0 -79px no-repeat;
        width: 15px;
        height: 9px;
        right: 1rem
    }
    
    @media (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi) {
        .article-promo--history .article-promo__btn:focus [class*=arrow-right],
        .article-promo--history .article-promo__btn:hover [class*=arrow-right],
        .btn:focus [class*=arrow-right],
        .btn:hover [class*=arrow-right],
        [class*=btn-]:focus [class*=arrow-right],
        [class*=btn-]:hover [class*=arrow-right] {
            background-image: url(../i/sprites/arrows-sprite@x2.png);
            background-size: 94px 88px
        }
    }
    
    .article-promo--history .article-promo__btn:focus [class*=calendar],
    .article-promo--history .article-promo__btn:hover [class*=calendar],
    .btn:focus [class*=calendar],
    .btn:hover [class*=calendar],
    [class*=btn-]:focus [class*=calendar],
    [class*=btn-]:hover [class*=calendar] {
        content: "";
        background: url(../i/sprites/global-sprite.png) -83px -758px no-repeat;
        width: 16px;
        height: 16px
    }
    
    @media (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi) {
        .article-promo--history .article-promo__btn:focus [class*=calendar],
        .article-promo--history .article-promo__btn:hover [class*=calendar],
        .btn:focus [class*=calendar],
        .btn:hover [class*=calendar],
        [class*=btn-]:focus [class*=calendar],
        [class*=btn-]:hover [class*=calendar] {
            background-image: url(../i/sprites/global-sprite@x2.png);
            background-size: 799px 778px
        }
    }
    
    .article-promo--history .article-promo__btn:focus [class*=external],
    .article-promo--history .article-promo__btn:hover [class*=external],
    .btn:focus [class*=external],
    .btn:hover [class*=external],
    [class*=btn-]:focus [class*=external],
    [class*=btn-]:hover [class*=external] {
        content: "";
        background: url(../i/sprites/external-sprite.png) -59px -9px no-repeat;
        width: 8px;
        height: 8px
    }
    
    @media (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi) {
        .article-promo--history .article-promo__btn:focus [class*=external],
        .article-promo--history .article-promo__btn:hover [class*=external],
        .btn:focus [class*=external],
        .btn:hover [class*=external],
        [class*=btn-]:focus [class*=external],
        [class*=btn-]:hover [class*=external] {
            background-image: url(../i/sprites/external-sprite@x2.png);
            background-size: 69px 54px
        }
    }
    
    .article-promo--history .article-promo__btn:focus .reset-b,
    .article-promo--history .article-promo__btn:hover .reset-b,
    .btn:focus .reset-b,
    .btn:hover .reset-b,
    [class*=btn-]:focus .reset-b,
    [class*=btn-]:hover .reset-b {
        content: "";
        background: url(../i/sprites/global-sprite.png) -565px -488px no-repeat;
        width: 15px;
        height: 11px
    }
    
    @media (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi) {
        .article-promo--history .article-promo__btn:focus .reset-b,
        .article-promo--history .article-promo__btn:hover .reset-b,
        .btn:focus .reset-b,
        .btn:hover .reset-b,
        [class*=btn-]:focus .reset-b,
        [class*=btn-]:hover .reset-b {
            background-image: url(../i/sprites/global-sprite@x2.png);
            background-size: 799px 778px
        }
    }
    
    .article-promo--history .article-promo__btn:focus[type=submit],
    .article-promo--history .article-promo__btn:hover[type=submit],
    .btn:focus[type=submit],
    .btn:hover[type=submit],
    [class*=btn-]:focus[type=submit],
    [class*=btn-]:hover[type=submit] {
        background-image: linear-gradient(270deg, #ff2882, #963cff)
    }
    
    .article-promo--history .active.article-promo__btn,
    .btn.active,
    [class*=btn-].active {
        background: #007dc6;
        color: #fff
    }
    
    .article-promo--history .active.article-promo__btn:focus,
    .article-promo--history .active.article-promo__btn:hover,
    .btn.active:focus,
    .btn.active:hover,
    [class*=btn-].active:focus,
    [class*=btn-].active:hover {
        background: #080009
    }
    
    .article-promo--history .article-promo__btn .short,
    .btn .short,
    [class*=btn-] .short {
        display: none
    }
    
    @media (max-width: 43.75em) {
        .article-promo--history .article-promo__btn .long,
        .btn .long,
        [class*=btn-] .long {
            display: none
        }
        .article-promo--history .article-promo__btn .short,
        .btn .short,
        [class*=btn-] .short {
            display: inline-block
        }
    }
    
    .article-promo--history button.article-promo__btn,
    button.btn,
    button[class*=btn-] {
        border: none
    }
    
    .article-promo--history button.article-promo__btn:focus:active,
    button.btn:focus:active,
    button[class*=btn-]:focus:active {
        outline: none
    }
    
    .btn-primary {
        background: #007dc6;
        color: #fff
    }
    
    .btn-secondary {
        background: #267788;
        color: #fff
    }
    
    .btn-secondary:focus,
    .btn-secondary:hover {
        background: #1b5460
    }
    
    .btn-tertiary {
        background: #05f0ff;
        color: #242424
    }
    
    .btn-tertiary:focus,
    .btn-tertiary:hover {
        background: #00c4d1;
        color: #242424
    }
    
    .btn-tertiary:focus [class*=arrow-right],
    .btn-tertiary:hover [class*=arrow-right] {
        content: "";
        background: url(../i/sprites/arrows-sprite.png) -82px -56px no-repeat;
        width: 9px;
        height: 8px
    }
    
    @media (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi) {
        .btn-tertiary:focus [class*=arrow-right],
        .btn-tertiary:hover [class*=arrow-right] {
            background-image: url(../i/sprites/arrows-sprite@x2.png);
            background-size: 94px 88px
        }
    }
    
    .btn-highlight {
        background: #007dc6;
        color: #fff
    }
    
    .btn-highlight--outline {
        background: #fff;
        box-shadow: inset 0 0 0 1px #e90052;
        color: #e90052
    }
    
    .btn-highlight--outline:focus,
    .btn-highlight--outline:hover {
        background: #b60040;
        color: #fff;
        box-shadow: inset 0 0 0 1px #b60040
    }
    
    .btn-fantasy {
        background: #00ff87;
        color: #242424
    }
    
    .btn-fantasy:focus,
    .btn-fantasy:hover {
        background: #00cc6c;
        color: #242424
    }
    
    .btn-fantasy:focus [class*=arrow-right],
    .btn-fantasy:hover [class*=arrow-right] {
        content: "";
        background: url(../i/sprites/arrows-sprite.png) -82px -56px no-repeat;
        width: 9px;
        height: 8px
    }
    
    @media (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi) {
        .btn-fantasy:focus [class*=arrow-right],
        .btn-fantasy:hover [class*=arrow-right] {
            background-image: url(../i/sprites/arrows-sprite@x2.png);
            background-size: 94px 88px
        }
    }
    
    .btn-kicks {
        background: #eaff04;
        color: #242424
    }
    
    .btn-kicks:focus,
    .btn-kicks:hover {
        background: #bfd000;
        color: #242424
    }
    
    .btn-kicks:focus [class*=arrow-right],
    .btn-kicks:hover [class*=arrow-right] {
        content: "";
        background: url(../i/sprites/arrows-sprite.png) -82px -56px no-repeat;
        width: 9px;
        height: 8px
    }
    
    @media (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi) {
        .btn-kicks:focus [class*=arrow-right],
        .btn-kicks:hover [class*=arrow-right] {
            background-image: url(../i/sprites/arrows-sprite@x2.png);
            background-size: 94px 88px
        }
    }
    
    .btn-more {
        background: #e90052;
        color: #fff;
        text-align: left;
        padding: 0 1.5rem;
        border-right: 4rem solid #b60040;
        position: relative
    }
    
    .btn-more .icn {
        position: absolute;
        left: auto;
        right: -2.9rem;
        top: 1.2rem
    }
    
    .btn-more:hover {
        background: #b60040
    }
    
    .btn-more:focus:after,
    .btn-more:focus:before {
        opacity: 0
    }
    
    .btn-more.btn-more-default {
        background: #e8e8e8;
        border-right-color: #dbdbdb;
        color: #242424
    }
    
    .btn-more.btn-more-default:hover {
        background: #e90052;
        border-right-color: #e90052;
        color: #fff
    }
    
    .btn-more.btn-load-more {
        margin-left: auto;
        margin-right: auto;
        min-width: 160px;
        position: relative;
        width: auto;
        border-radius: 24px;
        color: #2f2f2f;
        background: #fff;
        font-size: 1.3rem;
        box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .15);
        padding: 0 3rem;
        text-align: center;
        font-family: PremierSans-Bold, Arial, Helvetica Neue, Helvetica, sans-serif;
        font-weight: 400
    }
    
    .btn-more.btn-load-more .icn {
        display: inline-block;
        margin-left: 10px;
        opacity: 1;
        position: relative;
        vertical-align: middle;
        height: 12px;
        width: 12px;
        fill: #ff2882
    }
    
    .btn-more.btn-load-more:before {
        left: 0;
        background-image: linear-gradient(270deg, #ff2882, #963cff)
    }
    
    .btn-more.btn-load-more:hover {
        box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .15);
        background-image: linear-gradient(270deg, #ff2882, #963cff);
        color: #fff;
        text-decoration: none
    }
    
    .btn-more.btn-load-more:hover .loadMoreFeed__icon {
        fill: #fff
    }
    
    .btn-tab {
        text-decoration: none;
        border-radius: 3px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        background: #ebebe6;
        color: #6c6c6c;
        font-family: PremierSans-Bold, Arial, Helvetica Neue, Helvetica, sans-serif;
        font-weight: 400;
        padding: .4rem 1rem;
        min-width: 11.8rem;
        font-size: 1.3rem
    }
    
    .btn-tab.active,
    .btn-tab.active:focus,
    .btn-tab.active:hover {
        background: #fff;
        color: #2f2f2f
    }
    
    .btn-tab:focus,
    .btn-tab:hover {
        background: #ff2882;
        color: #fff
    }
    
    .btn-tab:after,
    .btn-tab:before {
        display: none
    }
    
    .btn-tab-disabled {
        background: #c2c2c2;
        opacity: .4;
        cursor: no-drop
    }
    
    .btn-tab-disabled:focus,
    .btn-tab-disabled:hover {
        background: #c2c2c2;
        color: #333
    }
    
    .btn-centered {
        display: table;
        margin: 0 auto;
        padding: 0 2rem
    }
    
    .btn-disabled {
        background: #fff;
        border: 1px solid #e8e8e8;
        opacity: .6;
        cursor: no-drop
    }
    
    .btn-disabled:focus,
    .btn-disabled:hover {
        background: #fff;
        color: #333
    }
    
    .btn-disabled:focus [class*=arrow-right],
    .btn-disabled:hover [class*=arrow-right] {
        content: "";
        background: url(../i/sprites/arrows-sprite.png) -82px -56px no-repeat;
        width: 9px;
        height: 8px
    }
    
    @media (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi) {
        .btn-disabled:focus [class*=arrow-right],
        .btn-disabled:hover [class*=arrow-right] {
            background-image: url(../i/sprites/arrows-sprite@x2.png);
            background-size: 94px 88px
        }
    }
    
    .btn-disabled:focus [class*=calendar],
    .btn-disabled:hover [class*=calendar] {
        content: "";
        background: url(../i/sprites/global-sprite.png) -729px -481px no-repeat;
        width: 22px;
        height: 20px
    }
    
    @media (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi) {
        .btn-disabled:focus [class*=calendar],
        .btn-disabled:hover [class*=calendar] {
            background-image: url(../i/sprites/global-sprite@x2.png);
            background-size: 799px 778px
        }
    }
    
    .btn-disabled:focus [class*=external],
    .btn-disabled:hover [class*=external] {
        content: "";
        background: url(../i/sprites/external-sprite.png) -59px -17px no-repeat;
        width: 8px;
        height: 7px
    }
    
    @media (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi) {
        .btn-disabled:focus [class*=external],
        .btn-disabled:hover [class*=external] {
            background-image: url(../i/sprites/external-sprite@x2.png);
            background-size: 69px 54px
        }
    }
    
    .btn-disabled:focus .reset-b,
    .btn-disabled:hover .reset-b {
        content: "";
        background: url(../i/sprites/global-sprite.png) -565px -488px no-repeat;
        width: 15px;
        height: 11px
    }
    
    @media (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi) {
        .btn-disabled:focus .reset-b,
        .btn-disabled:hover .reset-b {
            background-image: url(../i/sprites/global-sprite@x2.png);
            background-size: 799px 778px
        }
    }
    
    .clearBtn {
        position: absolute;
        line-height: 2rem;
        top: 50%;
        margin-top: -1rem;
        right: 0;
        background: #e90052;
        color: #fff;
        padding: 0 1rem;
        font-size: 1.2rem;
        cursor: pointer;
        transition: all .2s;
        font-weight: 400;
        border-radius: 2px;
        display: none
    }
    
    .clearBtn:focus,
    .clearBtn:hover {
        background: #b60040
    }
    
    .clearBtn.active {
        display: block
    }
    
    .btn-tipl {
        width: auto;
        position: relative;
        display: inline-block;
        line-height: 1;
        padding: 1.2rem 1.6rem;
        text-align: center;
        background: transparent;
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 1.1rem;
        cursor: pointer
    }
    
    .btn-tipl:before {
        content: "";
        width: 100%;
        height: 2px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        display: block;
        margin: 0 0 1.2rem;
        background-image: linear-gradient(90deg, transparent 0, hsla(0, 0%, 100%, .3) 50%, transparent)
    }
    
    .btn-tipl:after {
        display: inline-block;
        margin-left: 1rem;
        content: "";
        background: url(../i/sprites/arrows-sprite.png) 0 -79px no-repeat;
        width: 15px;
        height: 9px;
        transition: transform .2s ease
    }
    
    @media (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi) {
        .btn-tipl:after {
            background-image: url(../i/sprites/arrows-sprite@x2.png);
            background-size: 94px 88px
        }
    }
    
    .btn-tipl:hover {
        background: transparent
    }
    
    .btn-tipl:hover:after {
        transform: translateX(6px)
    }
    
    .article-promo--history .article-promo__btn,
    .btn-history {
        background-color: #007dc6;
        color: #fff;
        display: inline-block;
        line-height: 3.6rem;
        min-width: 18rem;
        width: auto
    }
    
    .article-promo--history .article-promo__btn:focus,
    .article-promo--history .article-promo__btn:hover,
    .btn-history:focus,
    .btn-history:hover {
        background: #200023
    }
    
    .article-promo--history .history-banner .article-promo__btn,
    .article-promo--history .history-promo .article-promo__btn,
    .history-banner .article-promo--history .article-promo__btn,
    .history-banner .btn-history,
    .history-promo .article-promo--history .article-promo__btn,
    .history-promo .btn-history {
        background-color: #ff2882
    }
    
    .article-promo--history .article-promo__btn [class*=arrow-left],
    .btn-history [class*=arrow-left] {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 1;
        margin-top: -4px;
        margin-left: -4.5px;
        left: 1rem;
        margin-left: auto
    }
    
    .btn--history-otd {
        font-size: 1.4rem;
        height: 4rem;
        width: 18rem
    }
    
    .btn--history-otd,
    .filter-button {
        font-family: PremierSans-Bold, Arial, Helvetica Neue, Helvetica, sans-serif;
        font-weight: 400
    }
    
    .filter-button {
        color: #76766f;
        cursor: pointer;
        font-size: 1.1rem;
        flex-shrink: 0;
        padding: 1.1rem 3rem;
        text-transform: uppercase
    }
    
    .filter-button__icon {
        display: inline-block!important;
        margin-bottom: -.5rem;
        margin-right: 1rem
    }
    
    .filter-button__icon--hover {
        display: none!important
    }
    
    .filter-button:hover {
        color: #ff2882
    }
    
    .filter-button:hover .filter-button__icon {
        display: none!important
    }
    
    .filter-button:hover .filter-button__icon--hover {
        display: inline-block!important
    }
    
    @media (max-width: 43.75em) {
        .filter-button {
            padding: 1.1rem
        }
    }
    
    .icon-button {
        color: #007dc6;
        font-size: 1.2rem;
        flex-shrink: 0;
        font-family: PremierSans-Bold, Arial, Helvetica Neue, Helvetica, sans-serif;
        font-weight: 400;
        padding: 0 3rem
    }
    
    .icon-button__icon {
        display: inline-block;
        margin-bottom: -.6rem;
        margin-right: 1rem
    }
    
    .icon-button--hidden,
    .icon-button__icon--hover {
        display: none
    }
    
    .icon-button:hover {
        color: #ff2882
    }
    
    .icon-button:hover .icon-button__icon {
        display: none
    }
    
    .icon-button:hover .icon-button__icon--hover {
        display: inline-block
    }
    
    .widget-button {
        color: #2f2f2f;
        background: none;
        text-align: right;
        padding-right: .6rem
    }
    
    .widget-button:after,
    .widget-button:before {
        content: none
    }
    
    .widget-button:focus,
    .widget-button:hover {
        color: #ff2882;
        text-decoration: underline;
        box-shadow: none
    }
/*.widget-PÆ÷
PÆ÷
 ÿö
pýö
¸Æ÷
pÆ÷
@pÆ÷
ow-right{
	content:"";background:url(../i/sprites/arrows-sprite.png) -82px -26px no-repeat
	;width:12px;height:7px;position:relative;top:-.1rem;right:0;margin-left:.6rem;transition:right .2s}*/