@font-face
{
    font-family: 'ProximaNovaCondLight';
    src: url('/fonts/ProximaNova/ProximaNovaCond-Light.eot');
    src: url('/fonts/ProximaNova/ProximaNovaCond-Light.eot') format('embedded-opentype'), url('/fonts/ProximaNova/ProximaNovaCond-Light.woff') format('woff'), url('/fonts/ProximaNova/ProximaNovaCond-Light.ttf') format('truetype'), url('/fonts/ProximaNova/ProximaNovaCond-Light.svg#ProximaNovaCond-Light') format('svg');
}
@font-face
{
    font-family: 'ProximaNovaCondRegular';
    src: url('/fonts/ProximaNova/ProximaNovaCond-Regular.eot');
    src: url('/fonts/ProximaNova/ProximaNovaCond-Regular.eot') format('embedded-opentype'), url('/fonts/ProximaNova/ProximaNovaCond-Regular.woff') format('woff'), url('/fonts/ProximaNova/ProximaNovaCond-Regular.ttf') format('truetype'), url('/fonts/ProximaNova/ProximaNovaCond-Regular.svg#ProximaNovaCond-Regular') format('svg');
}
@font-face
{
    font-family: 'ProximaNovaCondSemiBold';
    src: url('/fonts/ProximaNova/ProximaNovaCond-SemiBold.eot');
    src: url('/fonts/ProximaNova/ProximaNovaCond-SemiBold.eot') format('embedded-opentype'), url('/fonts/ProximaNova/ProximaNovaCond-SemiBold.woff') format('woff'), url('/fonts/ProximaNova/ProximaNovaCond-SemiBold.ttf') format('truetype'), url('/fonts/ProximaNova/ProximaNovaCond-SemiBold.svg#ProximaNovaCond-SemiBold') format('svg');
}

@media all
{
    html, body, div, header, section, span, img, ol, ul, h1, hr, p, a, form, input, textarea,
    article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
    {
        border: none;
        border-radius: 0;
        box-sizing: border-box;
        font: inherit;
        font-weight: normal;
        margin: 0;
        padding: 0;
    }
    article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
    {
	    display: block;
    }
    a
    {
        color: inherit;
        text-decoration: none;
    }
    form
    {
        display: block;
    }
    input
    {
        -webkit-appearance: none;
    }
    table
    {
        border: none;
	    border-collapse: collapse;
	    border-spacing: 0;
    }

    html
    {
        font-size: 125%;
    }

    body
    {
        background-color: #f0f0f0;
        line-height: 1;
        overflow-x: hidden;
        text-align: center;
    }

    *.tennis
    {
        background-color: #02BE51;
    }

    *.padel
    {
        background-color: #7739FF;
    }

    .logo
    {
        background-color: #FFFFFF;
        padding: 20px 0 30px;
        text-align: center;
    }
    .logo img
    {
        height: 200px;
    }

    .sections > *
    {
        color: #FFFFFF;
        display: block;
        font-family: Roboto;
        font-size: 25px;
        font-weight: 600;
        margin-bottom: 8px;
        padding: 20px 0;
        text-align: center;
    }
    .sections > div
    {
        background-color: #000000;
    }

    header
    {
        display: block;
        margin: 0 auto;
    }

    main
    {
        background-color: #FFFFFF;
        padding-bottom: 40px;
        margin: 0 auto;
    }

    .info
    {
        font-family: ProximaNovaCondRegular;
        font-size: 25px;
        line-height: 1.3;
        padding: 30px 5% 0;
        text-align: center;
    }
    .info a
    {
        font-family: ProximaNovaCondSemiBold;
        text-decoration: none;
    }
    .info a:hover
    {
        text-decoration: underline;
    }
    .info b
    {
        font-family: ProximaNovaCondSemiBold;
        font-weight: normal;
    }
    .separator
    {
        background-color: #ccc;
        height: 2px;
        margin: 30px auto 10px;
        padding: 0;
        width: 85%;
    }

    table
    {
        margin: 20px auto 10px;
        width: 90%;
    }
    table td
    {
        font-family: ProximaNovaCondLight;
        font-size: 21px;
        padding: 10px 2px;
    }
    table td input[type=submit]
    {
        font-size: 18px;
        padding: 10px;
        vertical-align: middle;
    }

    .links
    {
        margin-top: 20px;
    }
    .links > div
    {
        background-color: rgba(23,23,23,.8);
        color: #fff;
        display: block;
        font-family: Roboto;
        font-size: 23px;
        font-weight: 600;
        margin-top: 5px;
        padding: 15px 0;
        text-align: center;
        text-transform: uppercase;
    }

    .signout a
    {
        background-color: #000000;
        border-radius: 30px;
        color: #FFFFFF;
        display: inline-block;
        font-family: ProximaNovaCondSemiBold;
        font-size: 23px;
        margin-top: 25px;
        padding: 10px 20px;
    }
    .signout a:hover
    {
        background-color: #CACACA;
    }

    form
    {
        text-align: center;
    }
    form section
    {
        margin: 0 auto;
        padding: 10px 0;
        text-align: left;
        white-space: nowrap;
        width: 350px;
    }
    form section label
    {
        color: #000;
        display: inline-block;
        font-family: ProximaNovaCondLight;
        font-size: 21px;
        width: 180px;
    }
    form section div
    {
        color: #000;
        display: inline-block;
        font-family: ProximaNovaCondRegular;
        font-size: 21px;
    }
    form input[type=text]
    {
        border: 1px solid #ccc;
        color: #000;
        display: inline-block;
        font-family: ProximaNovaCondRegular;
        font-size: 25px;
        margin-top: 25px;
        padding: 10px;
        text-align: center;
    }
    form select
    {
        border: 1px solid #ccc;
        color: #000;
        display: inline-block;
        font-family: ProximaNovaCondRegular;
        font-size: 21px;
        margin-top: 25px;
        padding: 12px;
        text-align: left;
    }
    form .error
    {
        color: #e91c28;
        display: block;
        font-family: ProximaNovaCondSemiBold;
        font-size: 21px;
        padding-bottom: 20px;
    }
    form footer
    {
        padding: 20px 0;
    }
    input[type=submit]
    {
        background-color: #000000;
        border-radius: 20px;
        color: #fff;
        cursor: pointer;
        font-family: ProximaNovaCondSemiBold;
        font-size: 21px;
        padding: 10px 15px;
    }
    input[type=submit]:hover
    {
        background-color: #000000;
    }
    input[type=submit].tennis
    {
        background-color: #02BE51;
    }
    input[type=submit].padel
    {
        background-color: #7739FF;
    }
    input[type=submit].clicked
    {
        background-color: #c6c6c6;
    }
    
    .views
    {
        padding-top: 25px;
        text-align: center;
    }
    .view
    {
        background-color: #c6c6c6;
        display: inline-block;
        color: #fff;
        font-family: ProximaNovaCondSemiBold;
        font-size: 21px;
        margin: 0 8px;
        padding: 8px 0;
        width: 100px;
    }
    .view.view_selected
    {
        background-color: #312767;
    }
}
@media screen and (min-width: 900px)
{
    header, main
    {
        width: 900px;
    }
}
@media screen and (max-width: 650px)
{
}