@font-face {
	font-family: 'DroidSansMono';
	src: url('/fonts/DroidSansMono/DroidSansMono.eot');
	src: local('☺'), url('/fonts/DroidSansMono/DroidSansMono.woff') format('woff'), url('/fonts/DroidSansMono/DroidSansMono.ttf') format('truetype'), url('/fonts/DroidSansMono/DroidSansMono.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Futura-LT-Heavy';
	src: url('/fonts/Futura-LT-Heavy/Futura-LT-Heavy.eot');
	src: local('☺'), url('/fonts/Futura-LT-Heavy/Futura-LT-Heavy.woff') format('woff'), url('/fonts/Futura-LT-Heavy/Futura-LT-Heavy.ttf') format('truetype'), url('/fonts/Futura-LT-Heavy/Futura-LT-Heavy.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'OswaldRegular';
    src: url('/fonts/OswaldRegular/OswaldRegular.eot');
    src: url('/fonts/OswaldRegular/OswaldRegular.eot') format('embedded-opentype'),
        url('/fonts/OswaldRegular/OswaldRegular.woff') format('woff'),
        url('/fonts/OswaldRegular/OswaldRegular.ttf') format('truetype'),
        url('/fonts/OswaldRegular/OswaldRegular.svg#OswaldRegular') format('svg');
}
@font-face {
    font-family: 'OswaldLight';
    src: url('/fonts/OswaldLight/OswaldLight.eot');
    src: url('/fonts/OswaldLight/OswaldLight.eot') format('embedded-opentype'),
        url('/fonts/OswaldLight/OswaldLight.woff') format('woff'),
        url('/fonts/OswaldLight/OswaldLight.ttf') format('truetype'),
        url('/fonts/OswaldLight/OswaldLight.svg#OswaldLight') format('svg');
}

@media all
{
	a:hover
	{
		text-decoration: underline;
	}

	body
	{
		background-color: #252b33;
        padding: 25px 10px;
	}

    .content
    {
        margin: 0 auto;
        max-width: 940px;
    }

    #tournament
    {
        display: none;
    }
    .tournament
    {
        background-color: #1b1d22;
        border-color: transparent;
        border-radius: 20px;
        border-style: solid;
        border-width: 2px;
        box-sizing: border-box;
        cursor: pointer;
        margin-bottom: 25px;
        padding: 15px;
        text-align: center;
    }
    .tournament.selected
    {
        border-color: #30ad63;
    }
    .tournament > .name
    {
        color: #fff;
        cursor: pointer;
        font-family: OswaldRegular;
        font-size: 39px;
        line-height: 1.3;
        text-transform: uppercase;
    }
        .tournament > .location
        {
            color: #b7b7b7;
            cursor: pointer;
            font-family: OswaldRegular;
            font-size: 25px;
            line-height: 1.6;
            text-align: center;
            text-transform: uppercase;
        }
        .tournament > .dates
        {
            color: #7c7c7c;
            cursor: pointer;
            font-family: OswaldLight;
            font-size: 19px;
            line-height: 1;
            text-align: center;
            text-transform: uppercase;
        }
    
    #time
    {
        background-color: #000;
        border-radius: 10px;
        display: none;
        margin: 0 auto;
        padding: 2px 0 10px;
        text-align: center;
        width: 144px;
    }

        #time > .clock
        {
            color: #fff;
            font-family: DroidSansMono;
            font-size: 31px;
            letter-spacing: -3px;
            line-height: 1.4;
        }

        #time > .local
        {
            color: #30ad63;
            display: inline-block;
            font-family: OswaldRegular;
            font-size: 15px;
            line-height: 1;
            padding-left: 5px;
            text-transform: uppercase;
        }

    #matches
    {
        padding: 0 5px;
        text-align: center;
    }
    #match
    {
        display: none;
    }
    .match.best_3 .score:nth-child(4), .match.best_3 .score:nth-child(5)
    {
        display: none;
    }
    .match .header
    {
        background-color: #101011;
        border-radius: 8px;
        position: relative;
        text-align: left;
    }

    .match .round
    {
        color: #fff;
        display: inline-block;
        font-family: OswaldRegular;
        font-size: 25px;
        line-height: 36px;
        margin-left: 1.2%;
        vertical-align: middle;
    }

    .match .court
    {
        color: #b7b7b7;
        display: inline-block;
        font-family: OswaldRegular;
        font-size: 21px;
        line-height: 36px;
        vertical-align: middle;
        margin-left: 1.2%;
    }

    .match .status
    {
        color: #30ad63;
        display: inline-block;
        font-family: OswaldRegular;
        font-size: 21px;
        line-height: 36px;
        vertical-align: middle;
        margin-left: 1.2%;
    }
    .scores
    {
        background-color: #1b1d22;
        border-radius: 20px;
        display: none;
        margin: 30px auto;
        min-width: 640px;
        padding: 12px 8px;
        position: relative;
        width: 100%;
    }
    .scores .player
    {
        background-color: #515561;
        border-radius: 12px;
        height: 57px;
        position: relative;
    }
	.scores .player_1
	{
        margin-top: 8px;
	}
	.scores .player_2
	{
        margin-top: 9px;
	}
    .scores .border
    {
        border: 3px solid #ebebeb;
        border-radius: 12px;
        height: 57px;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }
	.scores .country
	{
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
		height: 40px;
		left: 11px;
		position: absolute;
        top: 9px;
		width: 80px;
	}
    .scores .color 
    {
        height: 40px;
        left: 110px;
        position: absolute;
        top: 9px;
        width: 10px;
        display: none;
    }
    .scores .color_1 
    {
        background-color: red;
    }
    .scores .color_2 
    {
        background-color: yellow;
    }
    .scores .info
	{
		padding-left: 104px;
		position: absolute;
        text-align: left;
        top: 0;
		white-space: nowrap;
		width: 54%;
	}
	.scores .name
	{
		color: #fff;
		display: inline-block;
        font-family: OswaldRegular;
		font-size: 30px;
		line-height: 57px;
        vertical-align: middle;
	}
    .scores .seeding
    {
        display: inline-block;
        color: #fff;
        display: inline-block;
        font-family: OswaldRegular;
        font-size: 30px;
        line-height: 57px;
        padding-left: 8px;
        vertical-align: middle;
    }
    .scores .games_back
    {
        border-left-color: rgba(0,0,0,.25);
        border-left-style: solid;
        border-left-width: 7px;
        border-right-color: rgba(0,0,0,.25);
        border-right-style: solid;
        border-right-width: 7px;
        height: 57px;
        right: 37%;
        position: absolute;
        top: 0;
        width: 7.8%;
    }

    .scores .games
    {
        background-color: #ebebeb;
        color: #252b33;
        font-family: 'Futura-LT-Heavy';
        font-size: 39px;
        line-height: 57px;
        text-align: center;
    }

    .scores .score
    {
        border: 3px solid #9ea0a6;
        border-radius: 10px;
        color: #fff;
        font-family: Futura-LT-Heavy;
        font-size: 31px;
        height: 57px;
        line-height: 51px;
        right: 0px;
        position: absolute;
        text-align: center;
        top: 0;
        width: 6.3%;
    }
    .scores .score:nth-child(1) { right: 30%; }
    .scores .score:nth-child(2) { right: 22.5%; }
    .scores .score:nth-child(3) { right: 15%; }
    .scores .score:nth-child(4) { right: 7.5%; }
    .scores .score:nth-child(5) { right: 0; }

    .scores .length
    {
        color: #fff;
        font-family: 'Futura-LT-Heavy';
        font-size: 27px;
        line-height: 36px;
        padding-left: 3px;
        position: absolute;
        right: 37%;
        text-align: center;
        top: 0;
        width: 7.8%;
    }

    .scores .game
    {
        color: #fff;
        font-family: 'Futura-LT-Heavy';
        font-size: 27px;
        line-height: 36px;
        padding-left: 3px;
        position: absolute;
        text-align: center;
        top: 0;
        width: 6.3%;
    }
    .scores .lengths .game:nth-child(1) { right: 30%; }
    .scores .lengths .game:nth-child(2) { right: 22.5%; }
    .scores .lengths .game:nth-child(3) { right: 15%; }
    .scores .lengths .game:nth-child(4) { right: 7.5%; }
    .scores .lengths .game:nth-child(5) { right: 0; }

	.scores .decision_1
	{
		top: 68px;
	}
	.scores .decision_2
	{
		top: 134px;
	}

    .schedule {
        background-color: #1b1d22;
        border-radius: 20px;
        display: none;
        margin: 30px auto;
        min-width: 640px;
        padding: 12px 8px 9px;
        position: relative;
        width: 100%;
    }
    .schedule .fixture
    {
        background-color: #515561;
        border-radius: 12px;
        height: 46px;
        margin-top: 7px;
        position: relative;
    }
    .schedule .fixture .border
    {
        border: 3px solid #ebebeb;
        border-radius: 12px;
        height: 46px;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }
    .schedule .player
    {
        display: inline-block;
        position: relative;
        text-align: center;
        white-space: nowrap;
        width: 50%;
    }
    .schedule .player_1
    {
        padding-left: 96px;
        padding-right: 36px;
    }
    .schedule .player_2
    {
        padding-left: 36px;
        padding-right: 96px;
    }
    .schedule .country
    {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
		height: 40px;
		position: absolute;
        top: 3px;
		width: 80px;
    }
    .schedule .country_1
    {
        left: 3px;
    }
    .schedule .country_2
    {
        right: 3px;
    }
    .schedule .name
    {
		color: #fff;
		display: inline-block;
        font-family: OswaldRegular;
		font-size: 27px;
		line-height: 46px;
        vertical-align: middle;
    }
    .schedule .seeding
    {
        color: #fff;
        display: inline-block;
        font-family: OswaldRegular;
        font-size: 27px;
        line-height: 46px;
        padding-left: 6px;
        vertical-align: middle;
    }
    .schedule .v_back
    {
        border-left-color: rgba(0,0,0,.25);
        border-left-style: solid;
        border-left-width: 7px;
        border-right-color: rgba(0,0,0,.25);
        border-right-style: solid;
        border-right-width: 7px;
        height: 46px;
        left: calc(50% - 28px);
        position: absolute;
        top: 0;
        width: 56px;
    }
    .schedule .v
    {
        background-color: #ebebeb;
		color: #252b33;
		font-family: 'Futura-LT-Heavy';
        font-size: 39px;
        line-height: 40px;
        padding-bottom: 6px;
        text-align: center;
    }

    #results
    {
        display: none;
        text-align: center;
    }
    #result
    {
        display: none;
    }
    .result
    {
        font-family: OswaldRegular;
        padding: 2px 0;
    }
	.result .round
	{
        padding: 10px 0 4px;
	}
	.result:first-child .result .round
	{
        padding-top: 0;
	}
	.result .round
	{
		color: #30ad63;
		font-size: 25px;
	}
    .result .players
    {
        color: #fff;
        display: inline-block;
        font-size: 21px;
        vertical-align: middle;
    }
    .result .results
    {
        color: #b7b7b7;
        display: inline-block;
        font-size: 19px;
        margin-left: 10px;
        vertical-align: middle;
    }
}

@media screen and (max-width: 970px)
{
    .tournament .name
    {
        font-size: 33px;
    }
    .tournament .location
    {
        font-size: 21px;
    }
    .time .clock
    {
        font-size: 31px;
    }
	.time .local
	{
		font-size: 15px;
	}
    .time
    {
        padding-bottom: 8px;
        width: 130px;
    }
    .time .clock
    {
        font-size: 25px;
        letter-spacing: -2px;
    }
	.time .local
	{
		font-size: 13px;
        padding-left: 3px;
	}
    .match .round, .match .court, .match .status, .scores .length, .scores .length_game
    {
        line-height: 29px;
    }
    .match .round
    {
        font-size: 17px;
    }
    .match .court, .match .status
    {
        font-size: 15px;
    }
    .scores .player, .scores .border, .scores .games_back, .scores .score
    {   
        height: 40px;
    }
    .scores .country
    {
        height: 30px;
        left: 7px;
        top: 5px;
        width: 60px;
    }
    .scores .info
    {
		padding-left: 76px;
    }
    .scores .name, .scores .seeding, .scores .games
    {   
        line-height: 40px;
    }
    .scores .name, .scores .seeding, .scores .score
    {
        font-size: 19px;
    }
    .scores .seeding
    {   
        padding-left: 4px;
    }
	.scores .games
	{
        font-size: 23px;
    }
    .scores .score
    {
        border-width: 2px;
        line-height: 33px;
        padding: 1px;
    }
    .scores .length, .scores .game
    {
        font-size: 17px;
    }
    
    .schedule .fixture
    {
        border-radius: 8px;
        height: 34px;
    }
    .schedule .fixture .border
    {
        border-radius: 8px;
        border-width: 2px;
        height: 34px;
    }
    .schedule .player_1
    {
        padding-left: 74px;
        padding-right: 30px;
    }
    .schedule .player_2
    {
        padding-left: 30px;
        padding-right: 74px;
    }
    .schedule .country
    {
		height: 30px;
        top: 2px;
		width: 60px;
    }
    .schedule .country_1
    {
        left: 2px;
    }
    .schedule .country_2
    {
        right: 2px;
    }
    .schedule .name
    {
		font-size: 21px;
		line-height: 34px;
    }
    .schedule .seeding
    {
		font-size: 22px;
		line-height: 34px;
		padding-left: 4px;
    }
    .schedule .v_back
    {
        border-left-width: 4px;
        border-right-width: 4px;
        height: 34px;
        left: calc(50% - 20px);
        width: 40px;
    }
    .schedule .v
    {
        font-size: 28px;
        line-height: 28px;
    }
    
	.result .round
	{
		font-size: 22px;
	}
	.result .match
	{
		font-size: 19px;
	}
	.result .scores
	{
		font-size: 18px;
	}
}