@import url("https://static.telenet.be/assets/fonts/futura/stylesheet.css");

.tn-styling.rules-parsys h1,
.tn-styling.rules-parsys h2 {
    font-family: 'speak_ultra_black',Geneva,Verdana,sans-serif;
}
.tn-styling.rules-parsys .fs-86 {
    font-size: 86px;
}
.tn-styling.rules-parsys .fs-56 {
    font-size: 56px;
}
@media only screen and (max-width: 767px) {
    .tn-styling.rules-parsys .fs-110, .tn-styling.rules-parsys .fs-86 {
        font-size: 56px;
    }
}

.tn-styling.rules-parsys .ph7,
.tn-styling.rules-parsys .ph8,
.tn-styling.rules-parsys .ph9,
.tn-styling.rules-parsys .ph10,
.tn-styling.rules-parsys .ph11,
.tn-styling.rules-parsys .ph12,
.tn-styling.rules-parsys .ph13 {
    font-family: 'speak_medium',Geneva,Verdana,sans-serif;
    font-weight: bold;
    line-height: 1.1;
}
.tn-styling.rules-parsys .ph7 {
    font-size: 2.941em;
}
.tn-styling.rules-parsys .ph8 {
    font-size: 2.353em;
}
.tn-styling.rules-parsys .ph9 {
    font-size: 2.059em;
}
.tn-styling.rules-parsys .ph10 {
    font-size: 1.765em;
}
.tn-styling.rules-parsys .ph11 {
    font-size: 1.471em;
}
.tn-styling.rules-parsys .ph12 {
    font-size: 1.176em;
}
.tn-styling.rules-parsys .ph13 {
    font-size: 1.059em;
}

.play_sports_header h3,
.play_sports_header h1 {
    font-family: "futura",sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 0;
    font-size: 2.059em;
}
.play-sports-segment h3.ph4 {
    font-size: 1.765em;
}

.play-sports-segment .header-cta .upc_button1-2 span:before {
    min-width: 124px;
}
.play-segment .header-cta .upc_button1-2 span:before {
    min-width: 99px;
}
.play-segment .header-cta .upc_button1-2 span {
    text-align: left;
}

.play-banner .header-cta .upc_button span:before,
.play-banner .header-cta .upc_button-1 span:before,
.play-banner .header-cta .upc_button-2 span:before,
.play-banner .header-cta .upc_button-3 span:before,
.play-banner .header-cta .upc_button1 span:before,
.play-banner .header-cta .upc_button1-1 span:before,
.play-banner .header-cta .upc_button1-2 span:before,
.play-banner .header-cta .upc_button2 span:before,
.play-banner .header-cta .lgi_btn_3 span:before {
    min-width: 99px
}
.play-banner .branding-2017-headline .title h3 {
    padding: 0 5px;
    font-size: 30px
}

@media(max-width:767px) {
    .play-banner .branding-2017-headline .title h3 {
        font-size: 30px
    }
}
.play-banner .branding-2017-headline .title h3 span {
    display: inline-block;
    padding: 0 5px
}
@media(max-width:768px) {
    .play-banner .button .floatright {
        float: right!important
    }
}

.pave-transparant {
    float: right;
}
.pave-transparant .richtext .pave-promo {
    width: 130px;
    background-color: rgba(255, 255, 255, 0.7);
    height: 120px;
    float: left;
    padding: 30px 20px 20px 20px;
    text-align: center;
    font-size: 19px;
    color: #000;
    line-height: 1.2;
    position: relative;
}
.pave-transparant .richtext .pave-promo:first-child:after {
    content: "";
    position: absolute;
    right: 0;
    width: 1px;
    background-color: #aaa;
    top: 15px;
    bottom: 15px;
}
.pave-transparant .richtext .pave-promo .allcaps {
    text-transform: uppercase;
    font-size: 22px;
}
.pave-transparant .richtext .pave-promo .big {
    font-size: 35px;
    font-family: omnesbold;
}
@media only screen and (max-width: 960px) {
    .pave-transparant {
        float: left;
    }
    .pave-transparant .richtext .pave-promo {
        width: 105px;
        height: 96px;
        font-size: 17px;
        line-height: 1.2;
    }
    .pave-transparant .richtext .pave-promo .big {
        font-size: 29px;
    }
    .pave-transparant .richtext .pave-promo .allcaps {
        font-size: 19px;
    }
}

.play-more-heading .header h1 {
    text-transform: uppercase;
    font-family: "OmnesBold";
    font-size: 4em;
    line-height: .7;
    letter-spacing: -4px;
    font-weight: bold;
}
.play-more-heading .header-cta .upc_button1-2 span {
    padding: 0 71px 0 0px;
}
.play-more-heading .header-cta .upc_button1-2 span:before {
    min-width: 124px;
}
