body{
    transition:none;
    display:flex;
    flex-direction:column;
    justify-content:center;
    font-family:"Open Sans",helvetica,arial,sans-serif;
    font-weight:600;
    color:#000;
    width:100%;
    height:100vh;
    background-size:cover;
    background-repeat:no-repeat;
    background-color:#000
}
*{
    transition:all 0.3s ease-in-out;
    box-sizing:border-box
}
html{
    line-height:1.15;
    -webkit-text-size-adjust:100%
}
body{
    transition:none;
    margin:0
}
h1{
    font-size:2em;
    margin:0.67em 0
}
hr{
    box-sizing:content-box;
    height:0;
    overflow:visible
}
pre{
    font-family:monospace, monospace;
    font-size:1em
}
a{
    background-color:transparent
}
b,strong{
    font-weight:bolder
}
small{
    font-size:80%
}
img{
    border-style:none
}
body{
    background-image:url("imgs/bg-bannermobile.jpg?v=1");
    background-position:center;
    padding:8vh 4vw;
}
@media (min-width: 290px) and (min-height: 240px){
    body{
        background-image:url("imgs/bg-bannermobile.jpg?v=1");
        background-position:center;
        padding:8vh 4vw 5vh;
    }
}
@media (min-width: 310px) and (min-height: 130px){
    body{
        background-image:url("imgs/bg-pushmobile.jpg?v=1");
        background-position:center;
        padding:5vh 2vw;
    }
}
@media (min-width: 315px) and (min-height: 315px){
    body{
        background-image:url("imgs/bg-bannermobile.jpg?v=1");
        background-position:center;
        padding:8vh 2vw
    }
}
@media (min-width: 280px) and (min-height: 580px){
    body{
        background-image:url("imgs/bg-mobile.jpg?v=1");
        background-position:center;
        padding:2.5vh 1.5vw 0
    }
}
@media (min-width: 700px) and (min-height: 80px){
    body{
        background-image:url("imgs/bg-728x90.jpg?v=1");
        background-position:center;
        padding:1vh 5vw;
        display:flex;
        flex-direction:row;
        align-items:center;
        justify-content:center
    }
}
@media (min-width: 700px) and (min-height: 100px){
    body{
        background-image:url("imgs/bg-728x300.jpg?v=1");
        background-position:center;
        padding:5vh 3vw 1vh;
    }
}
@media (min-width: 730px) and (min-height: 180px){
    body{
        background-image:url("imgs/bg-pushdown.jpg?v=1");
        background-position:center top;
        padding:3vh 3vw 3vh 8vw;
        display:flex;
        flex-direction:row
    }
}
@media (min-width: 600px) and (min-height: 400px){
    body{
        background-image:url("imgs/bg-interstitial.jpg?v=1");
        background-position:center;
        padding:5vh 2vw;
        display:block;
        flex-direction:column
    }
}
#content-wrapper{
    display:flex;
    width:100%;
    height:100%;
    flex-direction:column
}
@media (min-width: 290px) and (min-height: 240px){
    #content-wrapper{
        display:flex;
        width:100%;
        height:100%;
        top:4vh;
    }
}
@media (min-width: 310px) and (min-height: 130px){
    #content-wrapper{
        display:flex;
        width:100%;
        height:auto;
        flex-direction:column
    }
}
@media (min-width: 315px) and (min-height: 315px){
    #content-wrapper{
        display:flex;
        width:100%;
        height:auto;
        flex-direction:column
    }
}
@media (min-width: 280px) and (min-height: 580px){
    #content-wrapper{
        height:auto;
        position:relative
    }
}
@media (min-width: 700px) and (min-height: 80px){
    #content-wrapper{
        flex-direction:row;
        align-items:center;
        top:0
    }
}
@media (min-width: 700px) and (min-height: 100px){
    #content-wrapper{
        flex-direction:column;
        position:relative;
        height:100%;
    }
}
@media (min-width: 730px) and (min-height: 180px){
    #content-wrapper{
        flex-direction:column;
        max-width:1490px;
        height:100%;
        margin:0 auto;
        position:relative
    }
}
@media (min-width: 600px) and (min-height: 400px){
    #content-wrapper{
        height:auto;
        max-width:100%;
        align-items:start;
        position:fixed;
        left:0;
        padding:10vh 3vw
    }
}
#content-wrapper>#hashtag{
    height:auto;
    width:8vw;
    position:absolute;
    top:2vh;
    right:3vw;
    z-index:1
}
@media (min-width: 290px) and (min-height: 240px){
    #content-wrapper>#hashtag{
        height:auto;
        width:8vw;
        position:absolute;
        top:0;
        right:8vw;
        z-index:1
    }
}
@media (min-width: 310px) and (min-height: 130px){
    #content-wrapper>#hashtag{
        height:4.5vh;
        width:auto;
        position:absolute;
        top:3vh;
        right:10vw;
        z-index:1
    }
}
@media (min-width: 315px) and (min-height: 315px){
    #content-wrapper>#hashtag{
        height:auto;
        width:7vw;
        position:absolute;
        top:3vh;
        right:10vw;
        z-index:1
    }
}
@media (min-width: 280px) and (min-height: 580px){
    #content-wrapper>#hashtag{
        height:auto;
        position:absolute;
        width:9vw;
        top:0;
        right:2vw;
        z-index:1
    }
}
@media (min-width: 700px) and (min-height: 80px){
    #content-wrapper>#hashtag{
        height:12vh;
        width:auto;
        position:absolute;
        top:4vh;
        right:.5vw;
        z-index:1
    }
}
@media (min-width: 700px) and (min-height: 100px){
    #content-wrapper>#hashtag{
        height:4vh;
        width:auto;
        position:absolute;
        top:1vh;
        right:0;
        z-index:1
    }
}
@media (min-width: 730px) and (min-height: 180px){
    #content-wrapper>#hashtag{
        height:6vh;
        width:auto;
        position:fixed;
        top:2vh;
        right:2vw;
        z-index:1
    }
}
@media (min-width: 600px) and (min-height: 400px){
    #content-wrapper>#hashtag{
        height:2.8vh;
        width:auto;
        position:absolute;
        top:2vh;
        right:2vw
    }
}
#content-wrapper>#hashtag>img{
    height:auto;
    width:100%
}
@media (min-width: 290px) and (min-height: 240px){
    #content-wrapper>#hashtag>img{
        height:auto;
        width:100%
    }
}
@media (min-width: 310px) and (min-height: 130px){
    #content-wrapper>#hashtag>img{
        height:100%;
        width:auto
    }
}
@media (min-width: 315px) and (min-height: 315px){
    #content-wrapper>#hashtag>img{
        height:100%;
        width:100%
    }
}
@media (min-width: 280px) and (min-height: 580px){
    #content-wrapper>#hashtag>img{
        height:auto;
        width:100%
    }
}
@media (min-width: 700px) and (min-height: 80px){
    #content-wrapper>#hashtag>img{
        height:100%;
        width:auto
    }
}
@media (min-width: 700px) and (min-height: 100px){
    #content-wrapper>#hashtag>img{
        height:100%;
        width:auto
    }
}
@media (min-width: 730px) and (min-height: 180px){
    #content-wrapper>#hashtag>img{
        height:100%;
        width:auto
    }
}
@media (min-width: 600px) and (min-height: 400px){
    #content-wrapper>#hashtag>img{
        height:100%;
        width:auto
    }
}
#content-wrapper>#logo{
    height:auto;
    width:29vw;
    position:absolute;
    top:3vh;
    left:1vw
}
@media (min-width: 290px) and (min-height: 240px){
    #content-wrapper>#logo{
        height:auto;
        width:30vw;
        position: absolute;
        top:4vh
    }
}
@media (min-width: 310px) and (min-height: 130px){
    #content-wrapper>#logo{
        height:18vh;
        width:auto;
        position:absolute;
        left:5vw;
        top:5vh
    }
}
@media (min-width: 315px) and (min-height: 315px){
    #content-wrapper>#logo{
        height:auto;
        width:34vw;
        top:6vh;
    }
}
@media (min-width: 280px) and (min-height: 580px){
    #content-wrapper>#logo{
        height:auto;
        width:40vw;
        position:absolute;
        top:4vh
    }
}
@media (min-width: 700px) and (min-height: 80px){
    #content-wrapper>#logo{
        height:70vh;
        width:auto;
        position:absolute;
        left:5vw;
        top:unset
    }
}
@media (min-width: 700px) and (min-height: 100px){
    #content-wrapper>#logo{
        height:33vh;
        width:auto;
        top:3vh;
        left:3vw
    }
}
@media (min-width: 730px) and (min-height: 180px){
    #content-wrapper>#logo{
        height:40vh;
        width:auto;
        left:0
    }
}
@media (min-width: 600px) and (min-height: 400px){
    #content-wrapper>#logo{
        height:24vh;
        width:auto;
        position:unset
    }
}
#content-wrapper>#logo>img{
    height:auto;
    width:100%
}
@media (min-width: 290px) and (min-height: 240px){
    #content-wrapper>#logo>img{
        height:auto;
        width:100%
    }
}
@media (min-width: 310px) and (min-height: 130px){
    #content-wrapper>#logo>img{
        height:100%;
        width:auto
    }
}
@media (min-width: 315px) and (min-height: 315px){
    #content-wrapper>#logo>img{
        height:100%;
        width:100%
    }
}
@media (min-width: 280px) and (min-height: 580px){
    #content-wrapper>#logo>img{
        height:auto;
        width:100%
    }
}
@media (min-width: 700px) and (min-height: 80px){
    #content-wrapper>#logo>img{
        height:100%;
        width:auto
    }
}
@media (min-width: 700px) and (min-height: 100px){
    #content-wrapper>#logo>img{
        height:100%;
        width:auto
    }
}
@media (min-width: 730px) and (min-height: 180px){
    #content-wrapper>#logo>img{
        height:100%;
        width:auto
    }
}
@media (min-width: 600px) and (min-height: 400px){
    #content-wrapper>#logo>img{
        height:100%;
        width:auto
    }
}
@media (min-width: 280px) and (min-height: 580px){
    #content-wrapper>#copy{
        height:auto;
        width:40vw;
        position:absolute;
        right:2vw;
        top:4vh
    }
}
@media (min-width: 700px) and (min-height: 80px){
    #content-wrapper>#copy{
        height:60vh;
        width:auto;
        position:absolute;
        left:25vw
    }
}
@media (min-width: 730px) and (min-height: 180px){
    #content-wrapper>#copy{
        height:6vh;
        width:auto;
        position:absolute;
        bottom:15vh;
        left:0
    }
}
@media (min-width: 600px) and (min-height: 400px){
    #content-wrapper>#copy{
        height:3vh;
        width:auto;
        position:unset;
        margin:10vh 0 1.5vh
    }
}
#content-wrapper>#copy>img{
    height:auto;
    width:100%
}
@media (min-width: 290px) and (min-height: 240px){
    #content-wrapper>#copy>img{
        height:auto;
        width:100%
    }
}
@media (min-width: 310px) and (min-height: 130px){
    #content-wrapper>#copy>img{
        height:100%;
        width:auto
    }
}
@media (min-width: 315px) and (min-height: 315px){
    #content-wrapper>#copy>img{
        height:auto;
        width:100%
    }
}
@media (min-width: 280px) and (min-height: 580px){
    #content-wrapper>#copy>img{
        height:auto;
        width:100%
    }
}
@media (min-width: 700px) and (min-height: 80px){
    #content-wrapper>#copy>img{
        height:100%;
        width:auto
    }
}
@media (min-width: 700px) and (min-height: 100px){
    #content-wrapper>#copy>img{
        height:100%;
        width:auto
    }
}
@media (min-width: 730px) and (min-height: 180px){
    #content-wrapper>#copy>img{
        height:100%;
        width:auto
    }
}
@media (min-width: 600px) and (min-height: 400px){
    #content-wrapper>#copy>img{
        height:100%;
        width:auto
    }
}
@media (min-width: 280px) and (min-height: 580px){
    #content-wrapper>#copy2{
        height:auto;
        width:76vw
    }
}
@media (min-width: 730px) and (min-height: 180px){
    #content-wrapper>#copy2{
        height:13vh;
        width:auto
    }
}
@media (min-width: 600px) and (min-height: 400px){
    #content-wrapper>#copy2{
        height:15vh;
        width:auto
    }
}
#content-wrapper>#copy2>img{
    height:auto;
    width:100%
}
@media (min-width: 290px) and (min-height: 240px){
    #content-wrapper>#copy2>img{
        height:auto;
        width:100%
    }
}
@media (min-width: 310px) and (min-height: 130px){
    #content-wrapper>#copy2>img{
        height:100%;
        width:auto
    }
}
@media (min-width: 315px) and (min-height: 315px){
    #content-wrapper>#copy2>img{
        height:100%;
        width:100%
    }
}
@media (min-width: 280px) and (min-height: 580px){
    #content-wrapper>#copy2>img{
        height:auto;
        width:100%
    }
}
@media (min-width: 700px) and (min-height: 80px){
    #content-wrapper>#copy2>img{
        height:100%;
        width:auto
    }
}
@media (min-width: 700px) and (min-height: 100px){
    #content-wrapper>#copy2>img{
        height:100%;
        width:auto
    }
}
@media (min-width: 730px) and (min-height: 180px){
    #content-wrapper>#copy2>img{
        height:100%;
        width:auto
    }
}
@media (min-width: 600px) and (min-height: 400px){
    #content-wrapper>#copy2>img{
        height:100%;
        width:auto
    }
}
#content-wrapper>#cta>img{
    height:auto;
    width:100%
}
@media (min-width: 290px) and (min-height: 240px){
    #content-wrapper>#cta>img{
        height:auto;
        width:100%
    }
}
@media (min-width: 310px) and (min-height: 130px){
    #content-wrapper>#cta>img{
        height:100%;
        width:auto
    }
}
@media (min-width: 315px) and (min-height: 315px){
    #content-wrapper>#cta>img{
        height:100%;
        width:100%
    }
}
@media (min-width: 280px) and (min-height: 580px){
    #content-wrapper>#cta>img{
        height:auto;
        width:100%
    }
}
@media (min-width: 700px) and (min-height: 80px){
    #content-wrapper>#cta>img{
        height:100%;
        width:auto
    }
}
@media (min-width: 700px) and (min-height: 100px){
    #content-wrapper>#cta>img{
        height:100%;
        width:auto
    }
}
@media (min-width: 730px) and (min-height: 180px){
    #content-wrapper>#cta>img{
        height:100%;
        width:auto
    }
}
@media (min-width: 600px) and (min-height: 400px){
    #content-wrapper>#cta>img{
        height:100%;
        width:auto
    }
}
@media (min-width: 200px) and (min-height: 200px){
    #content-wrapper>#legal{
        height:auto;
        width:72vw;
        position:absolute;
        top:20vh;
        right: 2vw;
    }
}
@media (min-width: 310px) and (min-height: 130px){
    .show-smallbannermobile{
        display: none;
    }
    #content-wrapper>#legal{
        height:9vh;
        width:auto;
        position:absolute;
        bottom:1vh;
        top:unset;
        left:1vw
    }
}
@media (min-width: 315px) and (min-height: 315px){
    #content-wrapper>#legal{
        display: block;
        height:auto;
        width:8vw;
        position:absolute;
        bottom:2vh;
        right:2vw
    }
}
@media (min-width: 280px) and (min-height: 580px){
    .show-smallbannermobile{
        display: none;
    }
    #content-wrapper>#legal{
        height:auto;
        width:80vw;
        position:fixed;
        top:unset;
        bottom:3vh;
        align-self:center;
        right:unset
    }
}
@media (min-width: 700px) and (min-height: 80px){
    #content-wrapper>#legal{
        height:22vh;
        width:auto;
        position:absolute;
        bottom:3vh;
        right:.5vw
    }
}
@media (min-width: 700px) and (min-height: 100px){
    #content-wrapper>#legal{
        height:5vh;
        width:auto;
        position:absolute;
        bottom:3vh;
        right:unset;
        align-self:center;
        left:0;
    }
}
@media (min-width: 730px) and (min-height: 180px){
    #content-wrapper>#legal{
        height:6vh;
        width:auto;
        position:absolute;
        bottom:2vh;
        left:0
    }
}
@media (min-width: 600px) and (min-height: 400px){
    .show-smallbannermobile{
        display: none;
    }
    #content-wrapper>#legal{
        height:8vh;
        width:auto;
        position:fixed;
        top:unset;
        bottom:3vh;
        left:5vw;
        right:unset
    }
}
#content-wrapper>#legal>img{
    height:auto;
    width:100%
}
@media (min-width: 290px) and (min-height: 240px){
    #content-wrapper>#legal>img{
        height:auto;
        width:100%
    }
}
@media (min-width: 310px) and (min-height: 130px){
    #content-wrapper>#legal>img{
        height:100%;
        width:auto
    }
}
@media (min-width: 315px) and (min-height: 315px){
    #content-wrapper>#legal>img{
        height:100%;
        width:100%
    }
}
@media (min-width: 280px) and (min-height: 580px){
    #content-wrapper>#legal>img{
        height:auto;
        width:100%
    }
}
@media (min-width: 700px) and (min-height: 80px){
    #content-wrapper>#legal>img{
        height:100%;
        width:auto
    }
}
@media (min-width: 700px) and (min-height: 100px){
    #content-wrapper>#legal>img{
        height:100%;
        width:auto
    }
}
@media (min-width: 730px) and (min-height: 180px){
    #content-wrapper>#legal>img{
        height:100%;
        width:auto
    }
}
@media (min-width: 600px) and (min-height: 400px){
    #content-wrapper>#legal>img{
        height:100%;
        width:auto
    }
}

#content-wrapper>#playhill{
    height:auto;
    width:2vw;
    position:absolute;
    top:20vh;
    right: 2vw;
}

@media (min-width: 200px) and (min-height: 200px){
    #content-wrapper>#playhill{
        height:auto;
        width:20vw;
        position:absolute;
        top:10vh;
        right: 2vw;
    }
    #content-wrapper>#playhill>a>img{
        height:auto;
        width:100%
    }
}
@media (min-width: 310px) and (min-height: 130px){
    .show-smallbannermobile{
        display: none;
    }
    #content-wrapper>#playhill{
        height:auto;
        width:20vw;
        position:absolute;
        top:10vh;
        right:10vw
    }
    #content-wrapper>#playhill>a>img{
        height:auto;
        width:100%
    }
}
@media (min-width: 315px) and (min-height: 315px){
    #content-wrapper>#playhill{
        display: block;
        height:auto;
        width:19vw;
        position:absolute;
        bottom:unset;
        top:12vh;
        right:7vw
    }
    #content-wrapper>#playhill>a>img{
        height:100%;
        width:100%
    }
}
@media (min-width: 280px) and (min-height: 580px){
    .show-smallbannermobile{
        display: none;
    }
    #content-wrapper>#playhill{
        height:auto;
        width:22vw;
        position:fixed;
        top:unset;
        bottom:0.5vh;
        align-self:center;
        right:unset
    }
    #content-wrapper>#playhill>img{
        height:auto;
        width:100%
    }
}
@media (min-width: 700px) and (min-height: 80px){
    #content-wrapper>#playhill{
display: none;
    }
    #content-wrapper>#playhill>a>img{
        height:100%;
        width:100%
    }
}
@media (min-width: 700px) and (min-height: 100px){
    #content-wrapper>#playhill{
        display: block ;
        height:3vh;
        width:11vw;
        position:absolute;
        bottom:11vh;
        top: unset;
        align-self:center;
        right:2vw;
    }
    #content-wrapper>#playhill>a>img{
        height:100%;
        width:auto
    }
}
@media (min-width: 730px) and (min-height: 180px){
    #content-wrapper>#playhill{
        display: block;
        height:5vh;
        width:10vw;
        position:fixed;
        bottom:9vh;
        right:1vw
    }
    #content-wrapper>#playhill>a>img{
        height:100%;
        width:auto
    }
}
@media (min-width: 600px) and (min-height: 400px){
    .show-smallbannermobile{
        display: none;
    }
    #content-wrapper>#playhill{
        height:auto;
        width:7vw;
        position:fixed;
        top:unset;
        bottom:3vh;
        right:3.5vw;
    }
    #content-wrapper>#playhill>a>img{
        height:100%;
        width:100%
    }
}

.show-smallsquaremobile{
    display:block
}
.show-bannermobile{
    display:none
}
.show-pushdownmobile{
    display:none
}
.show-squaremobile{
    display:none
}
.show-layercorner{
    display:none
}
.show-leaderboard-close{
    display:none
}
.show-leaderboard-open{
    display:none
}
.show-pushdown{
    display:none
}
.show-interstitial{
    display:none
}
@media (min-width: 290px) and (max-width: 310px - 1) and (min-height: 240px){
    .show-smallsquaremobile{
        display:none
    }
    .show-bannermobile{
        display:block
    }
    .show-pushdownmobile{
        display:none
    }
    .show-squaremobile{
        display:none
    }
    .show-layercorner{
        display:none
    }
    .show-leaderboard-close{
        display:none
    }
    .show-leaderboard-open{
        display:none
    }
    .show-pushdown{
        display:none
    }
    .show-interstitial{
        display:none
    }
}
@media (min-width: 310px) and (min-height: 130px){
    .show-smallsquaremobile{
        display:none
    }
    .show-bannermobile{
        display:none
    }
    .show-pushdownmobile{
        display:block
    }
    .show-squaremobile{
        display:none
    }
    .show-layercorner{
        display:none
    }
    .show-leaderboard-close{
        display:none
    }
    .show-leaderboard-open{
        display:none
    }
    .show-pushdown{
        display:none
    }
    .show-interstitial{
        display:none
    }
}
@media (min-width: 315px) and (min-height: 315px){
    .show-smallsquaremobile{
        display:none
    }
    .show-bannermobile{
        display:none
    }
    .show-pushdownmobile{
        display:none
    }
    .show-squaremobile{
        display:block
    }
    .show-layercorner{
        display:none
    }
    .show-leaderboard-close{
        display:none
    }
    .show-leaderboard-open{
        display:none
    }
    .show-pushdown{
        display:none
    }
    .show-interstitial{
        display:none
    }
}
@media (min-width: 280px) and (min-height: 580px){
    .show-smallsquaremobile{
        display:none
    }
    .show-bannermobile{
        display:none
    }
    .show-pushdownmobile{
        display:none
    }
    .show-squaremobile{
        display:none
    }
    .show-layercorner{
        display:block
    }
    .show-leaderboard-close{
        display:none
    }
    .show-leaderboard-open{
        display:none
    }
    .show-pushdown{
        display:none
    }
    .show-interstitial{
        display:none
    }
}
@media (min-width: 700px) and (min-height: 80px){
    .show-smallsquaremobile{
        display:none
    }
    .show-bannermobile{
        display:none
    }
    .show-pushdownmobile{
        display:none
    }
    .show-squaremobile{
        display:none
    }
    .show-layercorner{
        display:none
    }
    .show-leaderboard-close{
        display:block
    }
    .show-leaderboard-open{
        display:none
    }
    .show-pushdown{
        display:none
    }
    .show-interstitial{
        display:none
    }
}
@media (min-width: 700px) and (min-height: 100px){
    .show-smallsquaremobile{
        display:none
    }
    .show-bannermobile{
        display:none
    }
    .show-pushdownmobile{
        display:none
    }
    .show-squaremobile{
        display:none
    }
    .show-layercorner{
        display:none
    }
    .show-leaderboard-close{
        display:none
    }
    .show-leaderboard-open{
        display:block
    }
    .show-pushdown{
        display:none
    }
    .show-interstitial{
        display:none
    }
}
@media (min-width: 730px) and (min-height: 180px){
    .show-smallsquaremobile{
        display:none
    }
    .show-bannermobile{
        display:none
    }
    .show-pushdownmobile{
        display:none
    }
    .show-squaremobile{
        display:none
    }
    .show-layercorner{
        display:none
    }
    .show-leaderboard-close{
        display:none
    }
    .show-leaderboard-open{
        display:none
    }
    .show-pushdown{
        display:block
    }
    .show-interstitial{
        display:none
    }
}
@media (min-width: 600px) and (min-height: 400px){
    .show-smallsquaremobile{
        display:none
    }
    .show-bannermobile{
        display:none
    }
    .show-pushdownmobile{
        display:none
    }
    .show-squaremobile{
        display:none
    }
    .show-layercorner{
        display:none
    }
    .show-leaderboard-close{
        display:none
    }
    .show-leaderboard-open{
        display:none
    }
    .show-pushdown{
        display:none
    }
    .show-interstitial{
        display:block
    }
}
#logohometeam {
    display:none;
}
#logoawayteam {
    display:none;
}
#element3 #logos {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-bottom: 0
}

#element3  .oddline {
    background-color: #f1f1f1 !important;
    width: 100%;
    justify-content: space-around;
}


.odd-active {
    background-color: #f4c200;
}
.mobile-odd-active {
    background-color: #f4c200;
}

.jogotiming {
    width: 26% !important;
}

.jogotiming p {
    color:white;
    font-weight: 800;
    padding:0 2vw;
    font-size: 3vh !important;
}

.LastOddLineVisibity {
    display: none;
}

@media (max-height: 180px) {

    #element3 > img {
        width: auto;
        height: 80vh
    }
    #element3 #logos {
        margin: 0
    }
    #element3 #odds .oddline {
        display: none
    }

}

/* LeaderBoard-Close */

@media (min-width: 700px) and (min-height: 80px) {
    #odds {
        display: none !important;
    }
    #element3{
        position:absolute;
        width: 50vw;
        right:5vw;
    }
    #element3 #logos {
        height: 90vh;
        justify-content: center;
    }
    #element3 #logos .clube01{
        width: 19vw !important;
        display: flex;
        align-items: center;
    }
    #element3 #logos .clube01 img{
        height:100%;
        right: 5vw;
        order:1
    }
    #element3 #logos .clube02{
        width: 19vw !important;
        display: flex;
        align-items: center;
    }
    #element3 #logos .clube02 img{
        height:100%;
        order:unset !important;
    }
    #namehometeam p{
        color:#fff;
        font-size: 12px;
        display:block !important;
    }
    #nameawayteam p{
        color:#fff;
        font-size: 12px;
        display:block !important;
    }
    #logohometeam {
        display: block;
        margin: auto;
    }
    #logoawayteam {
        display: block;
        margin: auto;
    }
    .jogotiming {
        width: 20% !important;
        display: flex !important;
        justify-content: center !important;
        flex-direction: column !important;
        align-items: center;
    }
    .jogotiming img{
        display: flex;
        width: 3vw !important;
    }
    #datebegin{
        font-size: 10vh !important;
    }


    .line {
        display: none;
    }
}

/* BannerMobile */
@media (min-width: 200px) and (min-height: 200px) {
    #element3 #logos > div.clube01, #element3 #logos > div.clube02 {
        width:auto !important
    }
    #element3 #logos {
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        max-width: 90%;
        width: 70%;
        margin:0 auto
    }
    #logohometeam {
        display:none;
    }
    #logoawayteam {
        display:none;
    }
    #element3 > img {
        width: 100%
    }
    #element3 {
        width: 100%;
        height: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        color: #FFFFFF;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 10px;
        justify-content: end;
    }

    #element3  .oddline {
        width: 70%;
    }

    .jogotiming {
        width: 26% !important;
    }

    .jogotiming p {
        color:white;
        font-weight: 800;
        padding:0 2vw;
        font-size: 3vh !important;
    }

    #odds {
        width:auto;

    }
    .odd-1 .oddlogo{
        width: 28vw;
    }
    .odd-2 .oddlogo{
        width: 28vw;
    }
    .odd-3 .oddlogo{
        width: 28vw;
    }
    .oddlogo {
        width: 30vw !important;
        padding:0 2vw;
    }
    .logobookmaker {
        width: 100%;
    }
    .odd-full {
        width: auto;
        height: 12vh;
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    .odd-4{
        display:none
    }
    .oddline {
        padding:1.5vh 0 !important
    }
    .oddnum {
        width: 18vw !important;
        height: 8vh;
        padding:0 1vw !important;
        border: 1px solid rgba(192,192,192,0.5);
        border-radius: 15px;
        background-color: white;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
    }
    .logos_int .clube_int {
        width: 0.7rem !important;
        margin:0
    }
    .logos_int .clube_int img{
        width: 100%;
    }
    .oddnum h2 {
        color: black !important;
        font-size:4vw;
    }
    .oddnum p{
        color: black;

    }
    #oddupdate {
        position: absolute !important;
        right: 0;
        bottom:1vh !important;
        font-size:6px !important;
        display:block;
    }
    .jogotiming{
        width: 10% !important;
    }
    .jogotiming img{
        display: none;
    }
    .jogotiming p{
        display: none;
    }
    .line {
        display: block;
        width: 90vw;
        height: 0;
        margin:0.8vh 0
    }
    .LastOddLineVisibity {
        display: none;
    }
    #namehometeam p{
        color:#fff;
        font-size: 7px;
        display:block !important;
    }
    #nameawayteam p{
        color:#fff;
        font-size: 7px;
        display:block !important;
    }
}
/* BannerMobile */
@media (min-width: 290px) and (min-height: 240px) {
    .LastOddLineVisibity {
        display: none;
    }
    #element3 > img {
        width: 100%
    }
    #element3 {
        width: 100%;
        height: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        color: #FFFFFF;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 10px
    }
    #element3 #logos {
        display: flex;
        flex-direction: row;
        justify-content: right;
        margin: 0;
        width: 100%;
    }
    #element3 #logos .clube01{
        width: 45vw !important;
    }
    #element3 #logos .clube02{
        width: 45vw !important;
    }
    .jogotiming {
        width: 15% !important;
    }

    .jogotiming p {
        color:white;
        font-weight: 800;
        padding:0 2vw;
        font-size: 3vh !important;
    }

    #odds {
        width:auto;

    }
    .odd-1 .oddlogo{
        width: 28vw;
    }
    .odd-1 .oddlogo img{
        width: 100%;
        background-color: green;
        padding:4vh 1vw;
        border-radius: 5px;
    }
    .odd-2 .oddlogo{
        width: 28vw;
    }
    .odd-3 .oddlogo{
        width: 28vw;
    }
    .oddlogo {
        padding:1vh 0 0 1vw !important
    }
    .logobookmaker {
        width: 100%;
    }
    .odd-full {
        width: auto;
        height: 17vh;
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .odd-4{
        display:none
    }
    .oddline {
        padding:2vh 0 !important
    }
    .oddnum {
        width: 20vw !important;
        height: 10vh;
        padding:0 1vw !important;
        border: 1px solid rgba(192,192,192,0.5);
        border-radius: 15px;
        background-color: white;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
    }
    .logos_int .clube_int {
        width: 0.8rem !important;
        margin:0
    }
    .logos_int .clube_int img{
        width: 100%;
    }
    .oddnum h2 {
        color: black !important;
    }
    .oddnum p{
        color: black;
        font-size: 0.8rem
    }
    #oddupdate {
        position: absolute;
        right: 0;
        bottom:0.5vh;
        color: #F1CF4E;
        font-weight:bold;
        display:block;
    }

    .jogotiming img{
        display: none;
    }
    .jogotiming p{
        display: none;
    }
}
/* PushDownMobile */
@media (min-width: 310px) and (min-height: 130px) {
    .LastOddLineVisibity {
        display: none;
    }
    #element3 > img {
        width: 100%
    }
    #element3 {
        width: 100%;
        height: 100%;
        margin: 0 auto 7vh;
        display: flex;
        flex-direction: column;
        padding:3vh 0 0;
    }

    #element3 #logos {
        height: 12vh;
        margin-bottom:5vh;
        justify-content: flex-end;
        max-width: 60%;
        margin:0 0 0 25vw
    }

    #element3 #logos .clube01{
        width: 35vw !important;
    }
    #element3 #logos .clube02{
        width: 35vw !important;
    }

    .jogotiming {
        width: 16% !important;
    }

    .jogotiming p {
        color:white;
        font-weight: 800;
        padding:0 2vw;
        font-size: 5vh !important;
    }
    #namehometeam p{
        color:#fff;
        font-size: 10px;
        display:block !important;
    }
    #nameawayteam p{
        color:#fff;
        font-size: 10px;
        display:block !important;
    }
    .odd-full {
        width: auto;
        height: 15vh;
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    .logo-bet365{
        width: 8vw;
    }
    .oddline {
        padding:1.5vh 0 !important
    }

    .oddnum {
        width: 20vw !important;
        height: 10vh;
        padding:0 1vw !important;
        border: 1px solid rgba(192,192,192,0.5);
        border-radius: 15px;
        background-color: white;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
    }
    .oddlogo {
        padding:1vh 0 0 1vw !important
    }
    .odd-1 .oddlogo{
        width: 30vw;

    }
    .odd-1 .oddlogo img{
        width: 100%;
        background-color: green;
        padding:4vh 1vw;
        border-radius: 5px;
    }
    .odd-2 .oddlogo{
        width: 30vw;
    }
    .odd-3 .oddlogo{
        width:30vw;
    }
    .odd-4 {
        display: none;
    }
    .logos_int .clube_int {
        width: 0.8rem !important;
        margin:0
    }
    .logos_int .clube_int img{
        width: 100%;
    }
    .oddnum h2 {
        color: black !important;
    }
    .oddnum p{
        color: black;
        font-size: 0.8rem
    }
    #oddupdate {
        position: absolute;
        right: 0;
        bottom:6vh !important;
        display:none;
    }
    .jogotiming img{
        display: none;
    }
    .line {
        display: none;
    }
}

/* Squaremobile */
@media (min-width: 315px) and (min-height: 315px) {
    .LastOddLineVisibity {
        display: block;
    }
    #element3 {
        width: 100%;
        padding: 10vh 0 0;
        margin:0
    }

    #element3 #logos {
        height: 13vh;
        margin-bottom: 0;
        margin-left: 0;
        max-width: 100%;
    }

    #element3 #logos .clube01{
        width: 50vw !important;
    }
    #element3 #logos .clube02{
        width: 50vw !important;
    }
    #odds {
        width:auto;

    }
    .oddlogo {
        padding:1vh 0 0 1vw !important
    }
    .odd-1 .oddlogo{
        width: 28vw;
    }
    .odd-1 .oddlogo img{
        width: 100%;
        background-color: green;
        padding:4vh 1vw;
        border-radius: 5px;
    }
    .odd-2 .oddlogo{
        width: 28vw;
    }
    .odd-3 .oddlogo{
        width: 28vw;
    }
    .oddlogo {
        width: 36vw;
        padding:0 2vw
    }
    .logobookmaker {
        width: 100%;
    }
    .odd-full {
        width: auto;
        height: 12vh;
    }
    .odd-4{
        display:none
    }
    .oddline {
        width: 76%;
        padding:0.3vh 0 !important;
        margin:0
    }
    .oddnum {
        width: 20vw !important;
        height: 10vh;
        padding:0 1vw !important;
        border: 1px solid rgba(192,192,192,0.5);
        border-radius: 15px;
        background-color: white;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
    }
    .logos_int .clube_int {
        width: 0.8rem !important;
        margin:0
    }
    .logos_int .clube_int img{
        width: 100%;
    }
    .oddnum h2 {
        color: black !important;
    }
    .oddnum p{
        color: black;
        font-size: 0.8rem
    }
    #oddupdate {
        position: absolute !important;
        right: 0;
        bottom:0.5vh !important;
        display:block;
        font-size: 8px;
    }
    .jogotiming img{
        display: none;
    }
    .jogotiming p {
        color:white;
        font-weight: 800;
        padding:0 2vw;
        font-size: 3vh !important;
    }
    .line {
        display: block !important;
        width: 94vw;
        height: 0;
        margin:0.8vh 0
    }
}

/* LayerCorner */
@media (min-width: 280px) and (min-height: 580px) {
    .LastOddLineVisibity {
        display: block;
    }
    #element3 {
        width: 100%;
        padding: 0 0 8vh;
        justify-content: center;
    }
    #element3 #logos{
        margin: 0 auto;
        width: 90%;
    }
    #element3 #logos .clube01{
        width: 100% !important;
    }
    #element3 #logos .clube02{
        width: 100% !important;
        margin-right:0;
    }
    #logohometeam {
        display:block;
        margin:auto;
    }
    #logoawayteam {
        display:block;
        margin:auto;
    }
    .jogotiming {
        width: 20% !important;
        display: flex !important;
        justify-content: center !important;
        flex-direction: column !important;
        align-items: center;
    }
    .jogotiming img{
        display: flex;
        width: 6vw !important;
    }
    .jogotiming p{
        font-size: 2vh !important;
    }

    .oddline {
        padding:0.3vh 0 !important;
        width: 65vw !important;
    }
    .oddnum {
        width: 19vw !important;
        height: 4.5vh;
        padding:0 1vw !important;
        border: 1px solid rgba(192,192,192,0.5);
        border-radius: 15px;
        background-color: white;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
    }
    .logos_int .clube_int {
        width: 0.8rem !important;
        margin:0
    }
    .logos_int .clube_int img{
        width: 100%;
    }
    .odd-full {
        width: auto;
        height: 7vh;
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    .oddlogo {
        padding:0.3vh 0 0 1vw !important
    }
   .oddlogo{
        width: 33vw;
    }

    .odd-2 .oddlogo{
        width: 30vw;
    }
    .odd-2 .oddlogo img{
        width: 100%;
        background-color: black;
        padding:1.8vh 2.5vw;
        border-radius: 5px;
    }
    .odd-3 .oddlogo{
        width: 30vw;
    }
    .odd-3 .oddlogo img{
        width: 100%;
        background-color: black;
        padding:1.2vh 5vw;
        border-radius: 5px;
    }
    .odd-4{
        display:flex
    }
    .odd-4 .oddlogo{
        width: 30vw;
    }
    .odd-4 .oddlogo img{
        width: 100%;
        background-color: black;
        padding:2vh 2.5vw;
        border-radius: 5px;
    }
    #oddupdate {
        position: absolute;
        right: 0;
        bottom:30vh !important;
        font-size: 2.5vw !important;
        display:block;
    }
    .oddnum p{
        color: black;
        font-size: 0.9rem
    }
    .line {
        display: block !important;
        width: 94vw;
        height: 0;
        margin:0.8vh 0;
    }
    #datebegin {
        display: flex;
    }
}

/* leaderboard-open */
@media (min-width: 700px) and (min-height: 100px) {
    #element3 {
        width: 100% !important;
        padding:2vh 0 0 30vw !important;
        margin:0 0 17vh;
        justify-content: center;
        right: 0;
    }
    #element3 #logos{
        height: 28vh !important;
        margin-bottom: 0 !important;
        display: flex;
        width: auto;
        justify-content: center;
        margin: 0;
    }

    #odds {
        display: grid !important;
        flex-direction: column;
        width: 60vw;
    }
    .oddline {
        width: 40vw !important;
    }
    .odd-full {
        display: flex;
    }
    .odd-4 {
        display: unset;
    }

    #element3 #logos .clube01{
        width: 28vw !important;
        display: flex;
        align-items: center;
        justify-content: end;
        margin: 0;
    }
    #element3 #logos .clube01 img{
        width: 28% !important;
        order: 1;
    }

    #element3 #logos .clube02{
        width: 28vw !important;
        display: flex;
        align-items: center;
    }
    #element3 #logos .clube02 img{
        width: 28% !important;
        order: unset !important;
    }

    .oddlogo {
        padding:0 0 0 4vw !important;
        width: 20vw !important;
        margin:0;
    }
    .odd-1 .oddlogo{
        width: 20vw;
    }
    .odd-1 .oddlogo img{
        width: 100%;
        background-color: green;
        padding:3vh 3vw;
        border-radius: 5px;
    }

    .odd-2 .oddlogo{
        width: 20vw;
    }
    .odd-2 .oddlogo img{
        width: 100%;
        background-color: black;
        padding:2.5vh 3vw;
        border-radius: 5px;
    }
    .odd-3 .oddlogo{
        width: 20vw;
    }
    .odd-3 .oddlogo img{
        width: 100%;
        background-color: black;
        padding:1.8vh 4vw;
        border-radius: 5px;
    }
    .odd-4{
        display:flex
    }
    .odd-4 .oddlogo{
        width: 20vw;
    }
    .odd-4 .oddlogo img{
        width: 100%;
        background-color: black;
        padding:2.8vh 3vw;
        border-radius: 5px;
    }

    .oddnum p{
        color: black;
        font-size: 0.9rem
    }
    .oddnum h2{
        color: black;
        font-size: 0.9rem
    }
    #oddupdate {
        position: absolute;
        right: 4vw;
        bottom:-2vh !important;
        display:block;
        font-size:7px !important;
    }
    .jogotiming{
        display: flex !important;
        width: auto !important;
        align-self: center;
    }
    .jogotiming img{
        display: flex;
        width: 6vh !important;
    }
    #datebegin {
        font-size: 4vh !important;
    }
    .jogotiming p{
        display: flex;
    }
    #logohometeam {
        display: block;
        margin: auto;
    }
    #logoawayteam {
        display: block;
        margin: auto;
    }

}

/* Pushdown */
@media (min-width: 730px) and (min-height: 180px) {
    .LastOddLineVisibity {
        display: none;
    }
    #element3 {
        align-items: end;
        padding:0 2vw 0 30vw !important ;
        width: 100% !important;
        margin:0;
        width: 70%;
        justify-content: center;
        right: 15vw;
    }
    #namehometeam p{
        font-size: 3.5vh;
    }
    #nameawayteam p{
        font-size: 3.5vh;
    }
    .oddline {
        padding:1vh 0 !important;
        width: 32vw !important;
        max-width: 32vw !important;
    }

    .oddnum {
        width: 7vw !important;
        height: 11vh;
        padding:0 1vw !important;
        border: 1px solid rgba(192,192,192,0.5);
        border-radius: 15px;
        background-color: white;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    #element3 #logos{
        align-self: flex-end !important;
        height: 37vh !important;
        margin-bottom: 0 !important;
        justify-content: end;
        width: 100%;
    }
    #logos {
        width: 100%;
        padding: 0;
    }
    #odds{
        display: grid !important;
        flex-direction: column;
        width: 45vw !important;
        justify-content:end;
    }
    .oddlogo {
        padding:0 !important;
        width: auto !important;
        height: 13vh !important;
        margin-right:0;
    }
    .odd-1 .oddlogo{
        width: 30vw;
    }
    .logobookmaker{
        width: auto !important;
        height: 100%;
    }

    .odd-2 .oddlogo{
        width: 30vw;
    }
    .odd-2 .oddlogo img{
        width: 100%;
        background-color: black;
        padding:1.8vh 2.5vw;
        border-radius: 5px;
    }
    .odd-3 .oddlogo{
        width: 30vw;
    }
    .odd-3 .oddlogo img{
        width: 100%;
        background-color: black;
        padding:1.2vh 5vw;
        border-radius: 5px;
    }
    .logos_int .clube_int {
        width: 1.3rem !important;
        margin:0 0.5vw 0 0
    }
    .odd-4{
        display:flex
    }
    .odd-4 .oddlogo{
        width: 30vw;
    }
    .odd-4 .oddlogo img{
        width: 100%;
        background-color: black;
        padding:2vh 2.5vw;
        border-radius: 5px;
    }    

    .odd-full {
        height: 13vh;
        margin:0.8vh 0;
    }

    #element3 #logos .clube01{
        width: auto !important;
        margin: 0 0 0 12vw;
        display: block !important;
    }
   .clube01 img{
        margin:0
    }
    #element3 #logos .clube01 img{
        width: auto !important;
        height: 100% !important;
        background-color: rgba(14, 0, 0, 0.392);
        border-radius: 0;
        padding:10vh 4vw 10vh;
        margin-bottom:-10vh;
    }
    #element3 #logos .clube02{
        width: 13vw!important;
        display: block !important;
    }
    .clube02 img{
        margin:0
    }
    #element3 #logos .clube02 img{
        width: auto !important;
        height: 100% !important;
        background-color: rgba(14, 0, 0, 0.392);
        border-radius: 0;
        padding:10vh 4vw 10vh;
        margin-bottom:-10vh;
    }
    #oddupdate {
        position: fixed !important;
        right: 2vw !important;
        bottom:2vh !important;
        color: #F1CF4E;
        font-weight:bold;
        font-size:3vh !important ;
        display:block;
    }
    #logoawayteam {
        display: block;
        margin: 0;
    }
    #logohometeam {
        display: block;
        margin: 0;
    }
    .jogotiming {
        width: 4% !important;
        width: auto !important;
        height: 100% !important;
        background-color: rgba(14, 0, 0, 0.392);
        border-radius: 0;
    }
}
/* interstitial*/
@media (min-width: 600px) and (min-height: 400px) {
    .LastOddLineVisibity {
        display: block;
    }
    #element3{
        width: auto !important;
        padding:5vh 0 0 !important;
        height: auto;
        margin:0 -7vw 0 0;
        right: 10vw;
    }
    .oddnum {
        width: 17vw !important;
        height: 8vh;
        padding:0 1vw !important;
    }
    .oddnum {
        width: 9vw !important;
        height: 6vh;
    }
    .odd-full {
        height: 7vh;
    }
    #odds{
        width: 45vw !important;
    }
    .oddlogo{
        padding: 0 !important;
        height: 7vh !important;
        width: auto !important;
        margin: 0;
    }
    .oddline {
        width: 35vw !important;
        max-width: 35vw !important;
    }
    #logos {
        align-self: center;
        width: 41vw;
        height: 25vh !important;
        padding: 0 0 0 18vw;
    }
    .logos_int .clube_int {
        width: 2vw !important;
        margin:0 0.5vw 0 0
    }

    #namehometeam p{
        font-size: 1.6vh;
        word-wrap:break-word;
    }
    #nameawayteam p{
        font-size: 1.6vh;
    }

    #element3 #logos {
        padding: 0;
        height: 30vh !important;
        width: 80%;
        align-self: center !important;
    }

    #element3 #logos .clube01{
        width: auto !important;
        margin:0;
        display: block;
    }
    #element3 #logos .clube01 img{
        width: auto !important;
        height: 100% !important;
        background-color: rgba(14, 0, 0, 0.392);
        border-radius: 5px;
        padding:6vh 3vw 10vh;
        margin-bottom:-8vh;
    }
    #element3 #logos .clube02{
        width: auto!important;
        margin: 0 -5vw 0 0;
        display: block;
    }
    #element3 #logos .clube02 img{
        width: auto !important;
        height: 100% !important;
        background-color: rgba(14, 0, 0, 0.392);
        border-radius: 5px;
        padding:6vh 3vw 10vh;
        margin-bottom:-8vh;
    }
    .jogotiming img{
        display: flex;
        width: 4vh !important;
    }
    #datebegin {
        font-size: 2.5vh !important;
    }
    #oddupdate {
        position: unset !important;
        font-size: 0.5rem !important;
        margin:1vh 0 0;
        display:block;
    }
    .line {
        display: none !important
    }
    
}

#element3 #logos > div {
    text-align: center
}


#element3 #logos > div.clube01, #element3 #logos > div.clube02 {
    width: 25%
}


#element3 #logos > div.clube01 > img, #element3 #logos > div.clube02 > img {
    width: 40%;
    height: auto
}


#element3 #odds .oddline {
    display: flex;
    flex-direction: row;
    padding: 3px 0;
    border-radius: 5px
}


#element3 #odds .oddline.odd-active {
    background-color: rgba(255,255,255,0.2)
}
#element3 #odds .oddline > div {
    width: 25%;
    box-sizing: border-box;
    padding: 0 5px
}



#element3 #odds .oddline > div.oddlogo {
    text-align: right
}


#element3 #odds .oddline > div.oddlogo img {
    width: auto;
    margin-top: 7px;
    height: 7px
}


#element3 #odds .oddline > div.oddnum p.highlight {
    background-color: #f4c200
}
#element3 #odds #oddupdate {
    text-align: right;
    font-size: 5px;
    padding-right: 5px;
    display:block;
}
.message{
    text-align: center;
    font-size: 8px;
    padding-right: 5px;
    text-transform: none !important;
    padding-top:10px;
}
.bookmaker-click{
    cursor: pointer;
}