@import url("font-awesome.min.css");

html, body, div, span, applet, object,
iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

body {
    -webkit-text-size-adjust: none;
    background: #fff;
    color: #313131;
}

/* Basic */

html {
    box-sizing: border-box;
}

*, *:before, *:after {
    box-sizing: inherit;
}

    body.is-preload *, body.is-preload *:before, body.is-preload *:after {
        -moz-animation: none !important;
        -webkit-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;
        -moz-transition: none !important;
        -webkit-transition: none !important;
        -ms-transition: none !important;
        transition: none !important;
    }

body, input, select, textarea {
    color: #313131;
    font-family: "Open Sans", Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7;
}

a {
    -moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
    -webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
    border-bottom: dotted 1px #666;
    color: inherit;
    text-decoration: none;
}

    a:hover {
        border-bottom-color: transparent !important;
        color: #6bd4c8;
    }

h1 strong, h1 b, h2 strong, h2 b, h3 strong, h3 b {
    font-weight: 800;
}

strong, b{
    font-weight:600;
}

p {
    margin: 0 0 2em 0;
}

h1, h2, h3, h4, h5, h6 {
    color: #212121;
    line-height: 1.7;
    margin: 0 0 10px 0;
    font-weight:600;
}

    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
        color: inherit;
        text-decoration: none;
    }

h1 {
    font-size: 40px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 26px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 20px;
}

h6 {
    font-size: 18px;
}

/* Container */

.container {
    margin: 0 auto;
    max-width: 1120px;
    width: 90%;
}



/* Main */

.main {
    padding: 6em 0 4em 0;
}

    .main.style1 {
        background: #fff;
    }

/* Header */

#header {
    padding: 9em 0 9em 0;
    background-color: #f5f5f5;
    overflow: hidden;
    position: relative;
    text-align: center;
}

    #header h1 {
        color: #212121;
        font-weight: 800;
        letter-spacing: 2px;
        font-size: 54px;
    }

    #header h2, #header h3, #header h4, #header h5, #header h6, #header strong, #header b {
        color: #313131;
    }

    #header header p {
        color: #313131;
    }

    #header header.major:after {
        background: #ffffff;
    }

    #header input[type="submit"],
    #header input[type="reset"],
    #header input[type="button"],
    #header button,
    #header .button {
        box-shadow: inset 0 0 0 2px #ec5b65;
        color: #ec5b65 !important;
        font-weight: 500;
        font-size: 20px;
        padding: 12px 50px;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-family: 'Open Sans Condensed';
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

        #header input[type="submit"]:hover,
        #header input[type="reset"]:hover,
        #header input[type="button"]:hover,
        #header button:hover,
        #header .button:hover {
            background-color: #ec5b65;
            color: #ffffff !important;
            text-decoration: none !important;
        }

        #header input[type="submit"]:active,
        #header input[type="reset"]:active,
        #header input[type="button"]:active,
        #header button:active,
        #header .button:active {
            background-color: #ec5b65;
        }

    #header .actions {
        -moz-justify-content: center;
        -webkit-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        margin-top: 80px;
        margin-left: 0;
        position: relative;
    }

        #header .actions li:first-child {
            padding-left: 0;
            list-style: none;
        }

        #header .actions:after {
            background: #ec5b65;
            content: '';
            height: 100vh;
            left: 50%;
            position: absolute;
            top: 120%;
            width: 2px;
        }

    #header .inner {
        -moz-transition: -moz-transform 1.5s ease, opacity 2s ease;
        -webkit-transition: -webkit-transform 1.5s ease, opacity 2s ease;
        -ms-transition: -ms-transform 1.5s ease, opacity 2s ease;
        transition: transform 1.5s ease, opacity 2s ease;
        -moz-transition-delay: 0.25s;
        -webkit-transition-delay: 0.25s;
        -ms-transition-delay: 0.25s;
        transition-delay: 0.25s;
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        position: relative;
        z-index: 1;
    }

        #header .inner .actions {
            -moz-transition: -moz-transform 1.25s ease;
            -webkit-transition: -webkit-transform 1.25s ease;
            -ms-transition: -ms-transform 1.25s ease;
            transition: transform 1.25s ease;
            -moz-transition-delay: 1s;
            -webkit-transition-delay: 1s;
            -ms-transition-delay: 1s;
            transition-delay: 1s;
            -moz-transform: translateY(0);
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
            opacity: 1;
        }

body.is-preload #header .inner {
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0;
}

    body.is-preload #header .inner .actions {
        -moz-transform: translateY(30em);
        -webkit-transform: translateY(30em);
        -ms-transform: translateY(30em);
        transform: translateY(30em);
        opacity: 0;
    }

body.is-preload #header:after {
    opacity: 1;
}

/* Winner list */

.winner{
    padding:30px 0;
}

    .winner img {
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        max-width:100%;
    }

    .winner p {
        margin: 0 0 10px 0;
    }

/* Footer */

#footer {
    padding: 6em 0 6em 0;
    background-color: #f5f5f5;
}

    #footer p {
        color: #313131;
        text-align: center;
        font-size:11px;
        margin:0;
    }

/* XLarge */

@media screen and (max-width: 1680px) {

    /* Basic */

    body, input, select, textarea {
        font-size: 14pt;
    }

    /* Header */

    #header {
        padding: 6em 0 6em 0;
    }
}

/* Large */

@media screen and (max-width: 1140px) {

    /* Basic */

    body, input, select, textarea {
        font-size: 13pt;
    }

    /* Main */

    .main {
        padding: 4em 0 2em 0;
    }

        .main.style2 {
            background-attachment: scroll;
        }

    /* Header */

    #header {
        padding: 5em 0 5em 0;
        background-attachment: scroll;
    }

        #header br {
            display: inline;
        }

    /* Footer */

    #footer {
        padding: 4em 0 4em 0;
    }
}

/* Medium */

@media screen and (max-width: 980px) {

    /* Main */

    .main {
        padding: 5em 3em 3em 3em;
    }

    /* Header */

    #header {
        padding: 8em 3em 8em 3em;
    }

    /* Footer */

    #footer {
        padding: 5em 3em 5em 3em;
    }
}

/* Small */

@media screen and (max-width: 736px) {

    /* Basic */

    body, input, select, textarea {
        font-size: 12pt;
    }

    h1 {
        font-size: 1.75em;
    }

    h2 {
        font-size: 1.5em;
    }

    h3 {
        font-size: 1.1em;
    }

    h4 {
        font-size: 1em;
    }

    /* Main */

    .main {
        padding: 3em 1.5em 1em 1.5em;
    }

    /* Header */

    #header {
        padding: 4em 3em 4em 3em;
    }

        #header .actions {
            margin: 2em 0 0 0;
        }

            #header .actions:after {
                top: 120%;
            }

    /* Footer */

    #footer {
        padding: 3em 1.5em 3em 1.5em;
    }
}

/* XSmall */

@media screen and (max-width: 480px) {

    /* Main */

    .main {
        padding: 2em 1.5em 0.1em 1.5em;
    }

    /* Header */

    #header {
        padding: 4em 2em 4em 2em;
    }

        #header br {
            display: none;
        }

    /* Footer */

    #footer {
        padding: 2em 1.5em 2em 1.5em;
    }

        #footer .copyright {
            margin: 1.5em 0 0 0;
        }
}

/* XXSmall */

@media screen and (max-width: 320px) {

    /* Basic */

    html, body {
        min-width: 320px;
    }

    /* Main */

    .main {
        padding: 2em 1em 0.1em 1em;
    }

    /* Header */

    #header {
        padding: 3em 1em 3em 1em;
    }

    /* Footer */

    #footer {
        padding: 2em 1em 2em 1em;
    }
}