﻿/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

    a:active, a:hover {
        outline: 0
    }

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

    button[disabled], html input[disabled] {
        cursor: default
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0
    }

input {
    line-height: normal
}

    input[type="checkbox"], input[type="radio"] {
        box-sizing: border-box;
        padding: 0
    }

    input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
        height: auto
    }

    input[type="search"] {
        -webkit-appearance: textfield;
        box-sizing: content-box
    }

        input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none
        }

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}

.headerNav .slide, .headerNav .dropdown, .performer-list, .member-list, .prize-list, .social-network, .info-form .checkbox-list, .login-list, .link-list, .cycle-gallery .pagination, .footer-links {
    margin: 0;
    padding: 0;
    list-style: none
}

.clearfix:after, #header:after, #twocolumns:after {
    content: "";
    display: block;
    clear: both
}

.ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

html {
    box-sizing: border-box
}

*, *:before, *:after {
    box-sizing: inherit
}

* {
    max-height: 1000000px
}

.ResponsiveLayout {
    position: relative
}

body {
    color: #000;
    background: #282828;
    font: 14px/20px Arial,Helvetica,sans-serif;
    min-width: 320px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

img {
    border-style: none;
    vertical-align: top
}

.gm-style img {
    max-width: none
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .h {
    font-family: inherit;
    font-weight: bold;
    margin: 0 0 .5em;
    color: inherit
}

h1, .h1 {
    font-size: 30px;
    line-height: 30px
}

h2, .h2, .section h3 {
    font-size: 27px;
    line-height: 27px
}

h3, .h3 {
    font-size: 20px;
    line-height: 20px;
    font-weight: normal
}

h4, .h4 {
    font-size: 18px;
    line-height: 18px;
    font-weight: normal
}

h5, .h5 {
    font-size: 17px;
    line-height: 17px;
    font-weight: normal
}

h6, .h6 {
    font-size: 15px;
    line-height: 15px;
    font-weight: normal
}

p {
    margin: 0 0 1em
}

a {
    color: #dc0000;
    text-decoration: none
}

    a:hover, a:focus {
        text-decoration: none;
        outline: 0;
        opacity: .7
    }

form, fieldset {
    margin: 0;
    padding: 0;
    border-style: none
}

input[type="text"], input[type="tel"], input[type="email"], input[type="file"], input[type="search"], input[type="password"], textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border: 1px solid #999;
    padding: .4em .7em
}

    input[type="text"]:focus, input[type="tel"]:focus, input[type="email"]:focus, input[type="file"]:focus, input[type="search"]:focus, input[type="password"]:focus, textarea:focus {
        border-color: #333
    }

    input[type="text"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="file"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
        color: #999
    }

    input[type="text"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="file"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="password"]::-moz-placeholder, textarea::-moz-placeholder {
        opacity: 1;
        color: #999
    }

    input[type="text"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="file"]:-moz-placeholder, input[type="search"]:-moz-placeholder, input[type="password"]:-moz-placeholder, textarea:-moz-placeholder {
        color: #999
    }

    input[type="text"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="file"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, textarea:-ms-input-placeholder {
        color: #999
    }

    input[type="text"].placeholder, input[type="tel"].placeholder, input[type="email"].placeholder, input[type="file"].placeholder, input[type="search"].placeholder, input[type="password"].placeholder, textarea.placeholder {
        color: #999
    }

select {
    -webkit-border-radius: 0
}

textarea {
    resize: vertical;
    vertical-align: top
}

button, input[type="button"], input[type="reset"], input[type="file"], input[type="submit"] {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    cursor: pointer
}

@font-face {
    font-family: "icomoon";
    src: url("/fonts/icomoon.eot?e02o2w");
    src: url("/fonts/icomoon.eot?#iefixe02o2w") format("embedded-opentype"),url("/fonts/icomoon.ttf?e02o2w") format("truetype"),url("/fonts/icomoon.woff?e02o2w") format("woff"),url("/fonts/icomoon.svg?e02o2w#icomoon") format("svg");
    font-weight: normal;
    font-style: normal
}

[class^="icon-"], [class*=" icon-"] {
    font-family: "icomoon";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-play:before {
    content: "\e607"
}

.icon-instagram:before {
    content: "\e606"
}

.icon-google-plus:before {
    content: "\e604"
}

.icon-soundcloud2:before {
    content: "\e605"
}

.icon-youtube:before {
    content: "\e603"
}

.icon-twitter:before {
    content: "\e602"
}

.icon-facebook:before {
    content: "\e601"
}

.icon-vk:before {
    content: "\e600"
}

@font-face {
    font-family: "filmotype_escort";
    src: url("/fonts/filmotype_escort-webfont.eot");
    src: url("/fonts/filmotype_escort-webfont.eot?#iefix") format("embedded-opentype"),url("/fonts/filmotype_escort-webfont.svg#filmotype_escortregular") format("svg"),url("/fonts/filmotype_escort-webfont.woff") format("woff"),url("/fonts/filmotype_escort-webfont.ttf") format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "khmer_sangam_mn";
    src: url("/fonts/khmer_sangam_mn-webfont.eot");
    src: url("/fonts/khmer_sangam_mn-webfont.eot?#iefix") format("embedded-opentype"),url("/fonts/khmer_sangam_mn-webfont.svg#khmer_sangam_mnregular") format("svg"),url("/fonts/khmer_sangam_mn-webfont.woff") format("woff"),url("/fonts/khmer_sangam_mn-webfont.ttf") format("truetype");
    font-weight: 400;
    font-style: normal
}

#header {
    padding: 0;
    position: relative
}

.logo {
    float: left;
    width: 230px
}

    .logo img {
        width: 100%;
        height: auto;
        max-width: 600px
    }

.headerNav.active .opener span {
    opacity: 0
}

.headerNav.active .opener:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    left: 15%;
    right: 15%
}

.headerNav.active .opener:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 50%;
    left: 15%;
    right: 15%
}

.headerNav .opener {
    position: absolute;
    top: 14px;
    right: 10px;
    width: 45px;
    height: 40px
}

    .headerNav .opener:before, .headerNav .opener:after, .headerNav .opener span {
        background: #010000;
        position: absolute;
        left: 25%;
        right: 25%;
        height: 3px;
        margin-top: -2px;
        -webkit-transition: all .2s linear;
        transition: all .2s linear;
        content: "";
        top: 30%
    }

    .headerNav .opener:after {
        top: 70%
    }

    .headerNav .opener span {
        top: 50%
    }

.headerNav .slide {
    display: none;
    text-transform: uppercase;
    text-align: center;
    font-size: 35px;
    line-height: 40px;
    font-family: "filmotype_escort",Arial,Helvetica,sans-serif;
    background: #fff;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    border: 3px solid #dc0000
}

    .headerNav .slide li {
        position: relative
    }

        .headerNav .slide li:hover .dropdown, .headerNav .slide li.hover .dropdown {
            display: block
        }

        .headerNav .slide li:hover > a, .headerNav .slide li.hover > a {
            color: #fff;
            background: #dc0000
        }

    .headerNav .slide a {
        display: block;
        color: #010000;
        padding: 5px 10px
    }

        .headerNav .slide a:hover {
            background: #dc0000;
            color: #fff
        }

    .headerNav .slide .active a {
        background: #dc0000;
        color: #fff
    }

.headerNav .dropdown {
    display: none;
    background: #000;
    font-size: 30px;
    line-height: 30px
}

    .headerNav .dropdown a {
        color: #fff
    }

.headerNav.c2c_SubMenu .slide {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 14px
}

.headerNav.c2c_SubMenu li a {
    margin: 0;
    padding: 0
}

.headerNav.c2c_SubMenu li.selected {
    background-color: white
}

#twocolumns.wireframe-page #content {
    margin: 0 0 12px
}

#content {
    margin: 0 0 20px;
    min-height: 500px
}

h2, .section, .memberbox, .performerbox {
    background: #000;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-family: "filmotype_escort",Arial,Helvetica,sans-serif;
    padding: 10px;
    font-size: 24px;
    line-height: 26px;
    margin: 0 0 10px;
    font-weight: 400
}

    h2 a {
        color: #fff
    }

        h2 a:hover {
            opacity: .7
        }

.intro-block .text-info {
    text-transform: uppercase;
    color: #fff;
    background: #dc0000;
    font-weight: 700;
    text-align: center;
    padding: 10px;
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 5px
}

    .intro-block .text-info strong {
        display: block;
        margin: 0 0 7px
    }

    .intro-block .text-info a {
        color: #fff
    }

        .intro-block .text-info a:hover {
            opacity: .7
        }

.text-holder {
    font-family: "khmer_sangam_mn",Arial,Helvetica,sans-serif;
    background: #000;
    color: #fff;
    padding: 15px 10px
}

    .text-holder p {
        margin: 0
    }

.intro {
    background: url(/images/responsive/img1.jpg);
    background-size: cover;
    background-position: center;
    padding: 25px 10px 15px;
    margin: 0 0 5px;
    text-align: center;
    position: relative
}

    .intro h1 {
        color: #fff;
        font-family: "filmotype_escort",Arial,Helvetica,sans-serif;
        margin: 0 0 20px;
        font-size: 40px;
        line-height: 44px;
        text-align: center;
        font-weight: 400
    }

    .intro .img-holder {
        padding: 0 20px;
        margin: 0 0 25px
    }

        .intro .img-holder img {
            max-width: 100%;
            height: auto
        }

    .intro .info {
        display: inline-block;
        vertical-align: top;
        text-align: left;
        color: #fff;
        margin: 0 auto;
        padding: 0 5px;
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 0;
        max-width: 300px;
        text-transform: uppercase
    }

        .intro .info dt {
            display: inline-block;
            vertical-align: top;
            letter-spacing: 0;
            padding: 0 10px 0 0;
            margin: 0 0 15px;
            font-weight: 700;
            width: 40%
        }

        .intro .info dd {
            display: inline-block;
            vertical-align: top;
            letter-spacing: 0;
            margin: 0 0 15px;
            width: 60%
        }

            .intro .info dd a {
                color: #fff
            }

        .intro .info a:hover {
            opacity: .7
        }

        .intro .info .map-link a {
            font-size: 16px;
            font-weight: bold
        }

        .intro .info .address {
            padding: 10px 0
        }

.responsive-image-container {
    position: relative;
    margin: 0 0 10px;
    overflow: hidden;
    background-color: #dc0000;
    padding: 5px
}

    .responsive-image-container a {
        position: relative;
        width: 100%;
        height: 0;
        display: block;
        padding: 100% 0 0 0;
        overflow: hidden
    }

    .responsive-image-container img {
        max-width: 100%;
        max-height: 100%;
        min-width: 95%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        text-align: center;
        display: block;
        margin: auto;
        -webkit-transition: -webkit-transform .5s ease 0s;
        transition: transform .5s ease 0s
    }

    .responsive-image-container a:hover img {
        -webkit-transform: scale(1.1,1.1);
        -ms-transform: scale(1.1,1.1);
        transform: scale(1.1,1.1)
    }

    .responsive-image-container .description {
        background: url(/images/bg-decoration.png);
        width: 100%;
        padding: 0 0 3px;
        position: absolute;
        left: 0;
        bottom: 9px;
        font-size: 28px;
        line-height: 28px
    }

        .responsive-image-container .description span {
            color: #fff;
            text-transform: uppercase;
            font-size: 26px;
            line-height: 26px;
            display: block
        }

.performer-block {
    margin: 0 0 20px
}

    .performer-block .text-holder {
        font-family: Arial,Helvetica,sans-serif;
        text-align: center;
        font-size: 15px;
        line-height: 20px;
        text-transform: uppercase
    }

        .performer-block .text-holder p {
            margin: 0
        }

            .performer-block .text-holder p a {
                color: #fff
            }

                .performer-block .text-holder p a:hover {
                    opacity: .7
                }

.section.performer-list {
    font-size: 24px;
    line-height: 24px
}

.performer-list .name {
    text-transform: uppercase;
    color: #fff
}

.section.performer-list a {
    padding: 0 0 5px 5px;
    margin: 0;
    float: none
}

.performer-list a:hover {
    opacity: .7
}

.embed-block {
    margin: 0 0 20px
}

    .embed-block img {
        width: 100%;
        height: auto
    }

.member-list {
    margin: 0 0 10px;
    text-align: center
}

    .member-list li {
        padding: 0 1px 5px;
        width: 49%;
        display: inline-block;
        vertical-align: top;
        letter-spacing: 0
    }

    .member-list .li-wrap {
        background: #000;
        padding: 10px
    }

    .member-list .description {
        text-align: center;
        color: #fff;
        text-transform: uppercase;
        font-size: 13px;
        line-height: 17px;
        overflow: hidden
    }

        .member-list .description p {
            margin: 0
        }

    .member-list .name {
        display: block;
        margin: 0 0 5px;
        font-size: 14px;
        line-height: 18px
    }

    .member-list .twitter-link {
        display: inline-block;
        vertical-align: top;
        color: #fff;
        font-weight: 700;
        margin: 0 0 15px
    }

        .member-list .twitter-link:hover {
            opacity: .7
        }

.prize-block h2 {
    margin: 0 0 20px
}

.box-info {
    text-align: center;
    margin: 0 10px 20px;
    border: 1px solid #000;
    padding: 15px 0
}

    .box-info h3 {
        margin: 0 0 10px;
        font-family: "filmotype_escort",Arial,Helvetica,sans-serif;
        text-transform: uppercase;
        font-size: 40px;
        line-height: 44px;
        font-weight: 400;
        background-color: #dc0000
    }

.prize-list li {
    padding: 5px 10px
}

    .prize-list li:nth-child(2n+1) {
        background: #e5e5e5
    }

.comment-block img {
    width: 100%;
    height: auto
}

.widget-block {
    padding: 0
}

    .widget-block.video {
        padding: 0
    }

.widget-block {
    margin: 0 0 1px
}

.widget-block {
    background: #dc0000;
    text-align: center;
    overflow: hidden
}

    .widget-block.about span, .widget-block.sign-up span {
        display: inline-block;
        vertical-align: middle;
        white-space: normal
    }

        .widget-block.about span a, .widget-block.sign-up span a {
            color: #fff
        }

            .widget-block.about span a:hover, .widget-block.sign-up span a:hover {
                opacity: .7
            }

    .widget-block h2 {
        margin: 0;
        padding: 0 0 5px;
        color: #fff;
        font-size: 35px;
        line-height: 35px
    }

.social-network {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    font-family: "khmer_sangam_mn",Arial,Helvetica,sans-serif;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 24px;
    padding: 0 0 0 50px;
    font-weight: 700
}

    .social-network li {
        margin: 0 0 15px
    }

    .social-network a {
        color: #fff;
        position: relative
    }

        .social-network a:before {
            position: absolute;
            font-family: "icomoon";
            font-size: 25px;
            line-height: 25px;
            color: #000;
            top: 50%;
            left: -40px;
            -webkit-transform: translatey(-50%);
            -ms-transform: translatey(-50%);
            transform: translatey(-50%);
            font-weight: 400
        }

        .social-network a:hover {
            opacity: .7
        }

    .social-network .facebook:before {
        content: "\e601"
    }

    .social-network .instagram:before {
        content: "\e606"
    }

    .social-network .vk:before {
        content: "\e600"
    }

    .social-network .twitter:before {
        content: "\e602"
    }

    .social-network .youtube:before {
        content: "\e603"
    }

    .social-network .soundcloud:before {
        content: "\e605"
    }

    .social-network .googleplus:before {
        content: "\e604"
    }

.video-block {
    background: #000;
    padding: 10px;
    margin: 0 0 20px;
    color: #fff;
    font-family: "khmer_sangam_mn",Arial,Helvetica,sans-serif;
    font-weight: 700;
    overflow: hidden
}

    .video-block .video {
        position: relative;
        margin: 0 0 20px
    }

        .video-block .video img {
            width: 100%;
            height: auto
        }

        .video-block .video .icon-play {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
            font-size: 70px;
            line-height: 1;
            color: #d5d5d5
        }

            .video-block .video .icon-play:hover {
                opacity: .7
            }

    .video-block h1 {
        text-align: center;
        margin: 0 0 15px;
        font-family: "filmotype_escort",Arial,Helvetica,sans-serif;
        font-weight: 400;
        font-size: 40px;
        line-height: 40px;
        text-transform: uppercase
    }

    .video-block p {
        margin: 0 0 10px
    }

.info-form {
    border: 1px solid #000;
    margin: 0 10px 30px 0;
    padding: 15px 10px 0
}

    .info-form h2 {
        background: 0;
        padding: 0;
        margin: 0 0 15px;
        color: #000
    }

    .info-form .row {
        overflow: hidden;
        margin: 0 0 15px
    }

    .info-form label {
        display: block;
        letter-spacing: 0;
        margin: 0 0 5px;
        font-size: 16px;
        line-height: 20px;
        text-transform: uppercase
    }

        .info-form label .small {
            text-transform: none
        }

        .info-form label .lowercase {
            text-transform: none;
            display: block
        }

    .info-form .pseudo-field, .info-form input[type=text], .info-form input[type=file], .info-form input[type=tel], .info-form input[type=email], .info-form textarea, .info-form .UploadOptionsContainer {
        background: #e5e5e5;
        width: 100%;
        height: 35px;
        margin: 0;
        padding: 7px;
        border: 1px solid #b8b8b8;
        display: block;
        letter-spacing: 0;
        outline: 0;
        box-shadow: none;
        font-size: 16px;
        line-height: 20px;
        border-radius: 2px
    }

    .info-form textarea, .info-form .UploadOptionsContainer {
        height: auto
    }

    .info-form select {
        letter-spacing: 0;
        width: 100%;
        height: 35px;
        outline: 0;
        border: 1px solid #b8b8b8;
        background: #e5e5e5;
        border-radius: 2px
    }

    .info-form input[type=submit], .c2c-button {
        background: #dc0000;
        color: #fff;
        text-transform: uppercase;
        margin: 10px auto;
        padding: 10px;
        font-size: 24px;
        line-height: 24px;
        border: 0;
        display: block;
        line-height: 20px;
        width: 80%;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px
    }

.c2c-button {
    font-weight: normal
}

    .c2c-button.inline {
        display: inline-block
    }

    .c2c-button.bordered {
        border: 2px solid white;
        border-radius: 10px;
        margin: 20px
    }

.info-form input[type=submit]:hover {
    opacity: .7
}

.info-form .checkbox-list {
    margin: 0 0 15px
}

    .info-form .checkbox-list li {
        overflow: hidden;
        margin: 0 0 5px
    }

    .info-form .checkbox-list input[type=checkbox] {
        float: left;
        margin: 3px 10px 0 0
    }

    .info-form .checkbox-list label {
        overflow: hidden;
        text-transform: none;
        font-size: 14px;
        line-height: 18px
    }

.login-list {
    margin: 0 0 25px;
    text-align: center
}

    .login-list li {
        display: inline-block;
        vertical-align: middle;
        width: 120px;
        margin: 0 5px 5px
    }

    .login-list img {
        width: 100%;
        height: auto
    }

    .login-list a:hover {
        opacity: .7
    }

.event-block {
    margin: 0 0 35px
}

    .event-block h2 {
        margin: 0 0 15px
    }

.more {
    display: block;
    float: none;
    width: 275px;
    margin: 35px auto 0;
    border: 1px solid #000;
    text-transform: uppercase;
    color: #000;
    font-family: "filmotype_escort",Arial,Helvetica,sans-serif;
    text-align: center;
    font-size: 40px;
    line-height: 40px;
    padding: 5px 10px;
    letter-spacing: 5px
}

    .more:hover {
        opacity: .7
    }

    .more.light {
        color: white;
        background-color: #dc0000
    }

.event-info {
    margin: 0 0 20px;
    padding: 0 10px 10px;
    box-shadow: 1px 1px 1px rgba(0,0,0,.2)
}

    .event-info .img-holder {
        margin: 0 0 15px;
        overflow: hidden
    }

        .event-info .img-holder img {
            width: 100%;
            height: auto;
            -webkit-transition: -webkit-transform .5s ease 0s;
            transition: transform .5s ease 0s
        }

        .event-info .img-holder a:hover img {
            -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
            transform: scale(1.1)
        }

    .event-info .text {
        text-transform: uppercase;
        text-align: center
    }

        .event-info .text h3 {
            font-family: "filmotype_escort",Arial,Helvetica,sans-serif;
            font-weight: 400;
            margin: 0 0 15px;
            font-size: 44px;
            line-height: 45px
        }

            .event-info .text h3 a {
                color: #000
            }

                .event-info .text h3 a:hover {
                    opacity: 1;
                    color: rgba(0,0,0,.7)
                }

    .event-info time {
        display: block;
        font-weight: 700;
        margin: 0 0 5px
    }

.link-list {
    font-size: 14px;
    line-height: 18px;
    font-weight: 700
}

    .link-list li {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        letter-spacing: 0;
        margin: 0 0 10px;
        padding: 0 10px
    }

    .link-list a {
        color: #dc0000
    }

        .link-list a:hover {
            color: #00aeef
        }

    .link-list .facebook:before, .link-list .twitter:before {
        content: "\e602";
        font-family: "icomoon";
        font-size: 16px;
        line-height: 1;
        display: inline-block;
        vertical-align: top;
        margin: 1px 8px 0 0;
        font-weight: 400
    }

    .link-list .facebook:before {
        content: "\e601"
    }

.bg-stretch {
    width: 100%;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%)
}

    .bg-stretch img {
        width: 100%;
        position: relative;
        left: -50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        min-width: 435px;
        max-width: none;
        height: auto
    }

.cycle-gallery {
    position: relative
}

    .cycle-gallery .mask {
        position: relative;
        overflow: hidden;
        width: 100%
    }

    .cycle-gallery .slideset {
        width: 100%;
        float: left
    }

    .cycle-gallery .slide {
        width: 100%;
        float: left;
        position: relative
    }

        .cycle-gallery .slide.active {
            z-index: 1
        }

    .cycle-gallery .text-wrap {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        white-space: nowrap;
        text-align: center;
        color: #fff;
        padding: 5px
    }

        .cycle-gallery .text-wrap:after {
            content: "";
            min-height: 100%;
            display: inline-block;
            vertical-align: middle
        }

        .cycle-gallery .text-wrap .text {
            display: inline-block;
            vertical-align: middle;
            white-space: normal;
            overflow: hidden;
            max-height: 100%
        }

    .cycle-gallery p {
        display: none
    }

    .cycle-gallery h1 {
        font-size: 35px;
        line-height: 40px;
        display: inline-block;
        vertical-align: top;
        margin: 0;
        font-family: "filmotype_escort",Arial,Helvetica,sans-serif;
        font-weight: 400;
        opacity: .7
    }

        .cycle-gallery h1 span {
            background: #dc0000;
            display: inline-block;
            vertical-align: top;
            padding: 5px
        }

    .cycle-gallery .btn-prev, .cycle-gallery .btn-next {
        display: none
    }

    .cycle-gallery .pagination {
        display: none
    }

.events-holder {
    margin: 0 0 11px;
    position: relative
}

    .events-holder .event {
        background: #000;
        margin: 0;
        width: 49.2%;
        display: inline-block;
        vertical-align: top;
        position: relative
    }

    .events-holder .img-holder img.event-background {
        display: none
    }

    .events-holder .img-holder img {
        width: 100%;
        height: auto;
        -webkit-transition: -webkit-transform .5s ease;
        transition: transform .5s ease;
        opacity: .4
    }

    .events-holder .img-holder a:hover img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    .events-holder .text {
        text-align: center;
        padding: 16px 0 0;
        color: #fff;
        width: 100%;
        position: absolute;
        bottom: 0
    }

    .events-holder time {
        font-weight: 700;
        font-size: 13px;
        line-height: 16px;
        text-transform: uppercase;
        display: block;
        margin: 0 0 17px;
        letter-spacing: 5px;
        padding: 0 10px
    }

    .events-holder h2 {
        background: 0;
        margin: 0 0 12px;
        padding: 0 5px;
        font-size: 7vw;
        line-height: 7vw;
        text-transform: none
    }

    .events-holder h3 {
        font-size: 4vw;
        line-height: 4vw
    }

    .events-holder h2 a {
        color: #fff
    }

        .events-holder h2 a:hover {
            opacity: .7
        }

    .events-holder .link-list {
        text-transform: uppercase;
        background: #dc0000;
        font-size: 3vw;
        line-height: 3vw;
        letter-spacing: -6px
    }

        .events-holder .link-list .hidden {
            display: none
        }

        .events-holder .link-list li {
            margin: 0;
            padding: 5px 0;
            position: relative;
            width: 50%
        }

            .events-holder .link-list li:nth-child(2n):before {
                content: "";
                position: absolute;
                top: 0;
                left: -1px;
                bottom: 0;
                background: #fff;
                width: 1px
            }

        .events-holder .link-list a {
            color: #fff
        }

            .events-holder .link-list a:hover {
                opacity: .7
            }

.wireframe-page .more {
    font-size: 27px;
    line-height: 31px;
    padding: 5px;
    letter-spacing: 7px;
    margin: 0 auto
}

#footer {
    width: 100%;
    overflow: hidden;
    display: table-footer-group;
    height: 1%
}

.footer-links {
    padding: 20px 10px;
    text-align: center;
    font-size: 13px;
    line-height: 17px;
    max-width: 1655px;
    margin: 0 auto
}

    .footer-links li {
        margin: 0 0 8px
    }

    .footer-links a {
        color: #fff
    }

        .footer-links a:hover {
            opacity: .7
        }

html {
    height: 100%
}

body {
    margin: 0;
    height: 100%
}

#wrapper {
    width: 100%;
    height: 100%;
    display: table;
    margin: 0 auto;
    table-layout: fixed
}

.w1 {
    overflow: hidden;
    background: #fff;
    max-width: 1200px;
    margin: 0 auto
}

.smallfont {
    font-size: 12px
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    min-height: 200px;
}

    .video-container iframe, .video-container object, .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.login-options {
    position: absolute;
    top: 0;
    right: 10px;
    display: none
}

    .login-options .welcome {
        font-size: 12px;
        float: right;
        padding-right: 10px
    }

.top-nav {
    list-style: none;
    padding: 5px;
    text-transform: uppercase;
    font: bold 12px/18px 'FuturaStdBold',Helvetica,sans-serif;
    margin: 0
}

    .top-nav li {
        float: left;
        padding: 0 0 0 15px
    }

    .top-nav a {
        color: #212121;
        padding: 5px
    }

        .top-nav a:hover {
            background-color: #e00000;
            color: #212121;
            text-decoration: none
        }

.widget-block a:hover {
    background-color: white;
    color: #212121;
    text-decoration: none
}

.widget-block ul {
    margin: 0;
    padding: 0
}

    .widget-block ul li {
        list-style: none;
        font-size: 24px;
        line-height: 28px;
        background-color: #212121;
        margin-bottom: 5px
    }

        .widget-block ul li a {
            display: inline-block;
            width: 100%;
            color: #fff
        }

.section {
    font-size: 30px
}

    .section h2, .section h3 {
        text-align: left
    }

    .section a, .section div.more {
        color: #fff
    }

        .section div.more a {
            float: none
        }

.profile {
    overflow: hidden;
    background: #717171;
    padding: 25px 12px 0 10px;
    margin: 0 0 10px 10px
}

    .profile a {
        float: right;
        color: #fff;
        padding: 14px 0 0;
        font: bold 14px/ 14px 'FuturaStdBold',Verdana,Arial,Helvetica,sans-serif;
        margin: 0
    }

    .profile a {
        padding: 2px 0 8px 0
    }

    .profile h3 {
        margin-top: 5px
    }

.featured-block {
    vertical-align: top;
    text-align: center;
    position: relative;
    height: 100%;
    background-color: #232323;
    overflow: hidden
}

    .featured-block .heading {
        margin: 0 0 8px;
        padding: 0
    }

    .featured-block a img {
        max-width: 100%;
        max-height: 100%;
        transition: transform .5s ease
    }

    .featured-block a:hover img {
        transform: scale(1.1,1.1)
    }

    .featured-block a:hover {
        text-decoration: none
    }

    .featured-block .description {
        background: url(/images/bg-decoration.png);
        width: 100%;
        padding: 0 0 3px;
        position: absolute;
        left: 0;
        bottom: 9px;
        font-size: 12px
    }

        .featured-block .description span {
            color: #fff;
            text-transform: uppercase;
            font-size: 20px;
            line-height: 20px;
            display: block
        }

        .featured-block .description .mark {
            color: #db0000
        }

.EventLogoContainer {
    position: relative;
    display: block
}

.homePageSection .EventLogoContainer img, .homePageSection .SubmissionOppLogoContainer img {
    max-height: 100px;
    max-width: 120px
}

.homePageSection {
    width: 49%;
    height: auto;
    padding: 0 0 5px 5px;
    display: inline-block
}

    .homePageSection img {
        width: 100%;
        height: 100%
    }

.event-page-header-title {
    display: none
}

.c2c-button {
    text-align: center;
    z-index: 1;
    border: 1px solid #000;
    text-transform: uppercase;
    background-color: #db0000;
    color: #fff;
    font-family: "filmotype_escort",Arial,Helvetica,sans-serif;
    font-size: 26px;
    line-height: 26px;
    padding: 5px 10px;
    letter-spacing: 3px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 5px auto
}

    .c2c-button.reverse {
        letter-spacing: 2px;
        background-color: #000
    }

    .c2c-button:hover {
        opacity: .7
    }

    .c2c-button.small {
        display: inline-block;
        width: auto
    }

.signup-link {
    position: absolute;
    bottom: 5px;
    left: 50%;
    width: 200px;
    margin-left: -100px
}

.radiusSearch {
    margin: 0 auto;
    width: auto;
    font-size: 26px;
    line-height: 26px
}

.FullyBookedEvent.overlay {
    width: 100px;
    height: 40px;
    background: transparent url(/images/fully_booked.png) no-repeat;
    background-size: 100px 40px;
    position: absolute;
    left: -10px;
    top: 25%
}

.section.winners img {
    width: 40px
}

.submissionbox {
    background-color: #db0000;
    padding: 20px;
    margin-bottom: 10px
}

.LatestReleaseIntro .events-holder .event {
    width: 100%
}

.LatestReleaseIntro .events-holder .img-holder {
    display: inline-block;
    width: 30%;
    vertical-align: top;
    margin: 0 auto
}

    .LatestReleaseIntro .events-holder .img-holder img {
        width: 100%;
        opacity: 1
    }

.LatestReleaseIntro .events-holder .text {
    display: inline-block;
    text-align: center;
    margin: 0;
    vertical-align: top;
    top: 30%;
    width: 70%
}

    .LatestReleaseIntro .events-holder .text h3 {
        font-size: 3.3vw;
        line-height: 3.3vw
    }

    .LatestReleaseIntro .events-holder .text .deadline {
        display: block;
        text-align: center;
        font-size: 3vw
    }

.submission-type-details {
    display: none;
    padding: 5px
}

.submit-form {
    text-align: center
}

.center {
    margin: 0 auto;
    text-align: center
}

.searchWrapper {
    display: block;
    float: left;
    width: 100%;
    background-color: white;
    border-radius: 6px;
    border-style: none;
    border: 1px solid #575757;
    white-space: nowrap;
    margin-bottom: 10px
}

input.searchField {
    font-size: 16px;
    height: 40px;
    width: 80%;
    color: #575757;
    line-height: 1.5;
    padding: .41px 0 0 0;
    margin-left: 10px;
    border: 0;
    float: left
}

.searchIcon {
    background: url('/images/search.png');
    background-repeat: no-repeat;
    background-size: 20px 20px;
    width: 25px;
    height: 25px;
    margin-top: 10px;
    margin-right: 5px;
    float: right
}

.autoscroll {
    overflow: auto;
    overflow-x: hidden
}

.fbComments {
    width: auto;
    clear: both;
    margin: 0 auto;
    margin: 0 10px;
    color: #3a3a3a;
    border: 1px solid #bbb;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 10px;
    -moz-box-shadow: 4px 4px 6px #777;
    -webkit-box-shadow: 4px 4px 6px #777;
    box-shadow: 4px 4px 6px #777;
    background: -moz-linear-gradient(center bottom,#c8c8c8 0,#dcdcdc 100%);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#c8c8c8),color-stop(1,#dcdcdc))
}

div.pagecontrols {
    float: right;
    background-color: #dc0000;
    color: #fff;
    padding: 5px 3px;
    margin-bottom: 5px
}

    div.pagecontrols a, div.pagecontrols .curPage {
        float: none;
        margin: 0;
        font-size: 16px;
        color: #fff;
        font-size: 22px;
        line-height: 22px
    }

    div.pagecontrols .curPage {
        font-size: 24px;
        line-height: 24px
    }

    div.pagecontrols .navButton {
        font-size: 28px;
        line-height: 28px
    }

    div.pagecontrols .curPage {
        text-decoration: underline
    }

    div.pagecontrols .numberButton {
        position: relative;
        top: -1px
    }

    div.pagecontrols .label {
        padding: 3px 8px;
        margin-left: 2px
    }

    div.pagecontrols .prevPage {
        margin-left: 2px;
        margin-right: 10px
    }

    div.pagecontrols .nextPage {
        margin-left: 10px
    }

.login-nav {
    display: block
}

.panel-primary > .panel-heading {
    color: #fff;
    background-color: #dc0000;
    border-color: #dc0000
}

.list-group-item-info, .list-group-item-success {
    color: #fff;
    background-color: #272020
}

.ad-server #PlayerContainer, #jwplayer_embed_wrapper {
    margin: 0 auto;
    text-align: center
}

.ad-server #PlayerContainer {
    margin-top: 10px;
    clear: both
}

.ad-server .leftSideHeading {
    max-width: 470px
}

.ad-server #footerAd {
    margin: 0 auto;
    text-align: center;
    padding-top: 10px;
    clear: both
}

.ad-server .ad-footer-links {
    margin: 10px;
    padding-bottom: 5px;
    font-weight: bold
}

.ad-server .nextProject {
    float: right
}

.ad-server .servicesLink {
    float: left
}

.ad-server .projectInfo {
    font-size: 16px;
    color: #a3a5a0;
    margin-bottom: 8px
}

    .ad-server .projectInfo tr.artist, .projectInfo tr.project {
        font-weight: bold
    }

    .ad-server .projectInfo td.contents {
        background-color: #585656;
        padding: 2px 5px 2px 5px
    }

    .ad-server .projectInfo td {
        vertical-align: middle
    }

    .ad-server .projectInfo tr.artist a {
        color: #a3a5a0
    }

.moreInfo {
    color: #a3a5a0;
    display: block;
    margin: 5px 0 5px 0;
    font-size: 14px;
    text-align: center
}

.ad-server .performerbox h2 {
    line-height: 12px
}

.voteMessage {
    font: bold 18px/22px FuturaStdMedium,Verdana,Arial,Helvetica,sans-serif
}

.voteLinks {
    display: none;
    text-align: center
}

    .voteLinks a {
        margin: 10px auto;
        display: block
    }

    .voteLinks img {
        margin-right: 10px
    }

#adCountdownContainer {
    text-align: center
}

.adCountdown {
    text-align: center;
    font-size: 16px;
    margin-top: -10px
}

    .adCountdown .seconds {
        display: inline;
        font-size: 20px
    }

.playlist {
    text-transform: uppercase;
    color: #000;
    font: normal 18px/20px 'FuturaStdMedium',Helvetica,sans-serif;
    list-style: none;
    margin: 0 auto;
    padding: 0 0 5px 10px
}

    .playlist.small, .playlist.small th {
        font: normal 12px/14px 'FuturaStdMedium',Helvetica,sans-serif
    }

    .playlist.medium, .playlist.medium th {
        font: normal 16px/18px 'FuturaStdMedium',Helvetica,sans-serif
    }

    .playlist li {
        padding-bottom: 5px
    }

.headerNav {
    clear: both
}

.PerformerList {
    background-color: black;
    text-transform: uppercase
}

.PerformingNow {
    overflow: auto
}

    .PerformingNow h2 {
        font: 26px/28px Arial,Helvetica,sans-serif
    }

.PerformerRow {
    clear: both;
    min-height: 35px;
    padding: 5px 0 0 5px
}

    .PerformerRow.CurrentPerformer {
        background-color: #dc0000
    }

.PerformerImage {
    float: left;
    width: 100px
}

.PerformerNameLink {
    float: left
}

.PerformerVideoThumbnail {
    float: left;
    margin: 5px
}

.PerformerRowContainer .PerformerAdjustTime {
    display: table-cell;
    clear: both;
    width: 150px;
    vertical-align: middle;
    text-align: center
}

    .PerformerRowContainer .PerformerAdjustTime a {
        width: 20px;
        display: inline-block
    }

    .PerformerRowContainer .PerformerAdjustTime img {
        width: 20px;
        vertical-align: middle
    }

    .PerformerRowContainer .PerformerAdjustTime input {
        width: 60px;
        margin: 5px;
        display: inline-block;
        vertical-align: middle;
        color: blue
    }

    .PerformerRowContainer .PerformerAdjustTime .save-button {
        color: blue
    }

.PerformerTwitter, .JudgeLink {
    float: right
}

.PerformerFeedback {
    padding: 10px;
    display: block;
    clear: both;
    text-align: center;
    color: white;
    text-transform: uppercase
}

    .PerformerFeedback input {
        color: black
    }

    .PerformerFeedback .ThumbStatus img {
        width: 22px;
        margin: -5px 0 0 10px
    }

.CurrentPerformerRow {
    padding: 5px 0 0 5px;
    background-color: black
}

.PerformerThumbs img, .AudienceFeedback .Thumbs img {
    margin: 10px
}

.AudienceFeedback .Thumbs {
    text-align: center
}

.EventInProgress {
    text-align: center;
    padding: 3px 0
}

.bioSection {
    word-wrap: break-word;
    min-height: 50px;
    max-height: 100px;
    padding: 10px;
    line-height: 1.3em;
    margin: 20px 10px 0 10px
}

.autoscroll {
    overflow: auto;
    overflow-x: hidden
}

.topiclist {
    text-transform: uppercase;
    list-style: none;
    margin: 0;
    padding: 15px 15px 0 0;
    font: 18px/20px 'FuturaStdMedium',Helvetica,sans-serif;
    text-align: right;
    overflow: hidden;
    height: 1%;
    white-space: nowrap
}

    .topiclist li {
        float: right;
        background: url(/images/arrow_right.png) no-repeat 0 50%;
        background-size: 20px 20px;
        padding: 0 0 0 20px;
        margin: 0 0 10px
    }

    .topiclist.admin {
        white-space: normal
    }

        .topiclist.admin li {
            float: left;
            background: url(/images/arrow_right.png) no-repeat 0 0;
            background-color: #5c5c5c;
            background-size: 20px 20px;
            margin-left: 10px;
            width: 100%;
            text-align: left
        }

    .topiclist a {
        color: #fff;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none
    }

    .topiclist.admin td a {
        color: inherit
    }

.PerformerTable {
    display: table;
    text-align: center;
    float: left;
    padding: 5px
}

.PerformerRowContainer {
    display: table-row;
    text-align: left;
    background-color: #141415
}

.PerformerStatus, .PerformerLinkContainer {
    display: table-cell;
    border-top: 1px solid #333
}

.PerformerRowContainer a {
    display: inline-block;
    width: 100%
}

.PerformerIsJudged {
    background-image: url("/images/checkmark.png");
    background-size: 25px;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px
}

.columns-1, columns-2, columns-3, columns-4 {
    width: 100%
}

.spinner {
    margin: 0 auto;
    top: 40%;
    width: 60px;
    height: 60px;
    display: block;
    position: fixed;
    background: url(/images/loading-spin_og.svg);
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto
}

.loading-mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    z-index: 2000;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    -webkit-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.loading-mask--page {
    background-color: #fff
}

.loading-mask-helper {
    position: absolute;
    top: 40%;
    display: block;
    width: 100%
}

.message--loading {
    text-align: center;
    position: relative;
    right: 0;
    left: 0;
    top: 64px;
    bottom: 0;
    margin: auto;
    max-width: 360px;
    font-weight: 600;
    color: #4e4d48;
    font-size: 1.2rem;
    line-height: 1.11111111
}

.vertical-center {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto
}

.horizontal-center {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto
}

.social-button {
    position: relative;
    padding: 5px 5px 5px 44px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

a.social-button {
    cursor: pointer;
    -ms-touch-action: manipulation
}

.social-button.btn-sm {
    padding: 3px 5px 3px 40px;
    font-size: 12px;
    line-height: 1.4;
    border-radius: 3px
}

.social-button > :first-child {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 32px;
    line-height: 34px;
    font-size: 1.6em;
    text-align: center;
    border-right: 1px solid rgba(0,0,0,0.2)
}

.social-button.btn-sm > :first-child {
    line-height: 24px
}

.social-button.btn-facebook {
    color: #fff;
    border-color: rgba(0,0,0,0.2);
    background: #3b5998
}

.social-button.btn-twitter {
    color: #fff;
    border-color: rgba(0,0,0,0.2);
    background-color: #55acee
}

.social-button.btn-spotify {
    color: #fff;
    border-color: rgba(0,0,0,0.2);
    background: #1db954
}

.social-button.btn-youtube {
    color: #fff;
    border-color: rgba(0,0,0,0.2);
    background: #e62117
}

.social-button.btn-google-plus {
    color: #fff;
    border-color: rgba(0,0,0,0.2);
    background: #dd4b39
}

.btn-block {
    display: block;
    width: 100%
}

.column-container {
    width: 98%;
    margin: 10px auto;
    text-align: center
}

.multi-column-container {
    width: 100%;
    margin: 10px auto;
    text-align: center
}

.two-column {
    width: 98%;
    display: block;
    margin: 10px auto;
    text-align: center;
    vertical-align: top
}

.tracklist {
    list-style: none;
    padding: 0
}

    .tracklist li {
        padding: 0;
        margin: 0;
        text-overflow: ellipsis;
        overflow: hidden
    }

.event-performer-list-title {
    text-align: left
}

.c2c_HeaderAd {
    display: none
}

div.c2c_FooterAd {
    position: fixed;
    width: 100%;
    height: 50px;
    bottom: 0
}

@media(min-width: 768px) {
    .c2c_HeaderAd {
        position: absolute;
        top: 50px;
        width: 468px;
        left: 50%;
        margin-left: 100px;
        display: block
    }

    div.c2c_FooterAd {
        position: relative;
        width: 100%;
        height: 250px;
        text-align: center
    }

    .columns-2 {
        width: 50%
    }

    .columns-3 {
        width: 33.3%
    }

    .columns-4 {
        width: 25%
    }

    .two-column {
        width: 49%;
        display: inline-block;
        margin: 0
    }

    .login-list li {
        width: 180px
    }

    .performerbox {
        font-size: 30px;
        line-height: 32px
    }

    .FullyBookedEvent.overlay {
        width: 200px;
        height: 80px;
        background-size: 200px 80px;
        left: 20px
    }

    .voteLinks a {
        display: inline-block;
        margin-right: 10px
    }

    .info-form input[type=submit], .c2c-button.submit, .c2c-button.inline {
        width: auto;
        min-width: 30%
    }

    .searchWrapper {
        display: inline-block
    }

    h2, .section {
        font-size: 40px
    }

    h3 {
        font-size: 24px;
        line-height: 24px
    }

    .widget-block {
        padding: 10px
    }

        .widget-block.ad {
            padding: 0;
            margin: 0 auto
        }

        .widget-block ul li {
            font-size: 18px
        }

    .login-options {
        display: block
    }

    .homePageSection {
        width: 32%
    }

    .event-page-header-title {
        display: block
    }

    .signup-link {
        bottom: 35px;
        font-size: 20px
    }

    .cycle-gallery h1 {
        font-size: 50px
    }

    .radiusSearch {
        float: right;
        padding-right: 10px
    }

    .section.winners img {
        width: 80px
    }

    .submission-type-details-toggle {
        display: block;
        text-align: center;
        font-size: 18px;
        margin-top: 5px
    }

    .submission-type-details {
        display: none
    }

    .video-container.submission {
        width: 512px;
        height: 288px;
        margin: 0 auto;
        padding-bottom: 0
    }

    .LatestReleaseIntro .events-holder .text {
        display: inline-block;
        text-align: left;
        margin-left: 20px;
        vertical-align: top;
        top: 40%;
        -webkit-transform: translatey(-50%);
        -ms-transform: translatey(-50%);
        transform: translatey(-50%);
        width: 60%
    }

        .LatestReleaseIntro .events-holder .text h2 {
            font-size: 3.5vw
        }

        .LatestReleaseIntro .events-holder .text h3 {
            font-size: 1.9vw;
            line-height: 1.9vw
        }

        .LatestReleaseIntro .events-holder .text .deadline {
            display: inline-block;
            text-align: left;
            font-size: 1.5vw
        }

    .responsive-image-container .description {
        font-size: 3vw;
        line-height: 3vw
    }

    #header {
        padding: 0
    }

    .logo {
        float: left;
        width: 512px;
        margin-top: -20px
    }

    .headerNav .opener {
        display: none
    }

    .headerNav .slide {
        position: static !important;
        display: table !important;
        width: 100%;
        text-align: center;
        table-layout: fixed;
        background-color: #dc0000;
        margin-bottom: 1px
    }

        .headerNav .slide li {
            display: table-cell;
            vertical-align: top
        }

    .headerNav.c2c_SubMenu .slide li {
        padding: 5px;
        vertical-align: middle
    }

    .headerNav .slide li.login-nav {
        display: none
    }

    .headerNav .slide a {
        display: inline-block;
        vertical-align: top;
        padding: 5px 15px
    }

    .headerNav .dropdown {
        position: absolute;
        top: 100%;
        left: 12px;
        width: 200px;
        z-index: 10;
        text-align: left
    }

        .headerNav .dropdown li {
            display: block
        }

        .headerNav .dropdown a {
            display: block
        }

    #twocolumns.wireframe-page #content {
        margin: 0 0 25px
    }

    #content {
        margin: 0;
        float: left;
        width: 75%;
        /*padding: 0 10px 0 0;*/
        min-height: 500px
    }

    #sidebar {
        float: right;
        width: 25%
    }

    .intro-block .text-info {
        margin: 0 0 2px;
        font-size: 18px;
        line-height: 22px
    }

        .intro-block .text-info strong {
            display: inline-block;
            vertical-align: top;
            margin: 0
        }

    .intro {
        padding: 24px 21px 15px;
        margin: 0 0 2px
    }

        .intro h1 {
            font-size: 54px;
            line-height: 58px;
            margin-left: 33%;
            text-align: left
        }

        .intro .info-holder {
            overflow: hidden
        }

        .intro .img-holder {
            position: absolute;
            top: 30px;
            width: 25%;
            max-width: 250px;
            margin: 0 17px 0 0;
            padding: 0
        }

        .intro .info {
            padding: 0;
            display: block;
            font-size: 15px;
            line-height: 17px;
            max-width: 100%;
            margin: 0;
            padding: 0 20px;
            overflow: hidden;
            margin-left: 33%
        }

            .intro .info dt {
                width: 30%;
                margin: 0 0 22px
            }

            .intro .info dd {
                margin: 0 0 22px;
                width: 70%
            }

    .member-list {
        margin: 0 -10px 10px 0
    }

        .member-list li {
            padding: 0 5px 10px;
            width: 32.5%
        }

        .member-list.three-wide li {
            width: 33.3%
        }

        .member-list.four-wide li {
            width: 25%
        }

    .box-info {
        margin: 0 0 20px 10px
    }

    .widget-block h2 {
        font-size: 32px;
        line-height: 36px
    }

    .social-network {
        padding: 0 0 0 30px;
        font-size: 12px;
        line-height: 16px
    }

        .social-network a:before {
            font-size: 20px;
            line-height: 20px;
            left: -30px
        }

    .video-block {
        padding: 20px
    }

        .video-block .video .icon-play {
            font-size: 100px
        }

        .video-block h1 {
            font-size: 50px;
            line-height: 52px
        }

        .video-block p {
            margin: 0 0 20px
        }

    .info-form {
        margin: 0 0 30px 10px
    }

    .event-info {
        overflow: hidden;
        margin: 0 0 30px;
        padding: 0;
        box-shadow: none
    }

        .event-info .img-holder {
            float: left;
            margin: 0 10px 0 0;
            width: 35%
        }

    .events-holder .event {
        overflow: hidden;
        position: relative;
        margin: 0 0 1px;
        width: 100%
    }

    .events-holder .img-holder {
        display: block;
        float: left;
        overflow: hidden;
        width: 53.9%
    }

    .events-holder .text {
        position: absolute;
        top: 50%;
        right: -5px;
        -webkit-transform: translatey(-50%);
        -ms-transform: translatey(-50%);
        transform: translatey(-50%);
        background: #fff;
        text-align: left;
        padding: 10px 17px;
        color: #000;
        width: 64%;
        overflow: auto;
        max-height: 190px;
        opacity: .7
    }

    .events-holder time {
        font-size: 17px;
        line-height: 21px;
        padding: 0;
        margin: 0 0 12px
    }

    .events-holder h2 {
        text-align: left;
        padding: 0;
        margin: 0 0 10px;
        font-size: 40px;
        line-height: 30px;
        text-transform: uppercase
    }

    .events-holder h3 {
        font-size: 22px;
        line-height: 22px
    }

    .events-holder h2 a {
        color: #000
    }

    .events-holder .link-list {
        background: 0;
        font-size: 13px;
        line-height: 13px;
        position: absolute;
        bottom: 5px
    }

        .events-holder .link-list .hidden {
            display: inline-block;
            vertical-align: top
        }

        .events-holder .link-list li {
            margin: 0 15px 5px 0;
            padding: 0;
            width: auto
        }

            .events-holder .link-list li:nth-child(2n):before {
                display: none
            }

        .events-holder .link-list a {
            color: #dc0000
        }

            .events-holder .link-list a:hover {
                opacity: 1;
                color: #00aeef
            }

        .events-holder .link-list .facebook:before, .events-holder .link-list .twitter:before {
            font-size: 13px;
            margin: 3px 2px 0 0
        }

    .event-info .text {
        overflow: hidden;
        text-align: left;
        padding: 0 5px
    }

        .event-info .text h3 {
            font-size: 39px;
            line-height: 40px;
            margin: 0 0 10px
        }

    .event-info time {
        font-size: 14px;
        line-height: 18px
    }

    .link-list li {
        padding: 0 10px 5px 0
    }

    .cycle-gallery {
        margin: 0 0 2px;
        padding: 0 100px;
        background-color: black
    }

        .cycle-gallery .text-wrap {
            padding: 30px
        }

            .cycle-gallery .text-wrap .text {
                max-width: 500px;
                font-size: 18px;
                line-height: 26px
            }

        .cycle-gallery p {
            display: block;
            margin: 0;
            opacity: .6;
            background: #100808;
            padding: 5px 0;
            border-radius: 5px
        }

        .cycle-gallery h1 {
            margin: 0 0 5px;
            background: #dc0000;
            padding: 5px 3px;
            font-size: 60px;
            line-height: 50px;
            border-radius: 3px
        }

            .cycle-gallery h1 span {
                display: inline;
                padding: 0 7px;
                background: 0
            }

        .cycle-gallery .btn-prev, .cycle-gallery .btn-next {
            display: block;
            position: absolute;
            top: 50%;
            left: 20px;
            margin: -30px 0 0;
            z-index: 1;
            line-height: 1;
            background: url(/images/responsive/arrow-prev.png) no-repeat;
            width: 49px;
            height: 57px
        }

            .cycle-gallery .btn-prev:hover, .cycle-gallery .btn-next:hover {
                opacity: .7
            }

        .cycle-gallery .btn-next {
            left: auto;
            right: 20px;
            background: url(/images/responsive/arrow-next.png) no-repeat
        }

        .cycle-gallery .pagination {
            display: block;
            padding: 0 10px;
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            text-align: center;
            z-index: 1
        }

            .cycle-gallery .pagination li {
                margin: 0 5px;
                display: inline-block;
                vertical-align: top
            }

                .cycle-gallery .pagination li.active a {
                    background: #dc0000
                }

            .cycle-gallery .pagination a {
                display: block;
                width: 10px;
                height: 10px;
                border-radius: 50%;
                background: #fff
            }

                .cycle-gallery .pagination a:hover {
                    background: #dc0000
                }

    .footer-links {
        font-size: 14px;
        line-height: 18px
    }

        .footer-links li {
            display: inline-block;
            vertical-align: top;
            margin: 0 7px 10px
        }

    body {
        font-size: 16px;
        line-height: 24px
    }
}

@media(min-width: 768px) and (min-width:1400px) {
    .performerbox {
        font-size: 40px;
        line-height: 42px
    }

    .cycle-gallery .btn-prev, .cycle-gallery .btn-next {
        left: 32px
    }

    .cycle-gallery .btn-next {
        right: 32px;
        left: auto
    }

    .cycle-gallery .pagination {
        bottom: 3px
    }

        .cycle-gallery .pagination li {
            margin: 0 1px
        }

        .cycle-gallery .pagination a {
            width: 18px;
            height: 18px
        }
}

@media(min-width: 1024px) {
    .performerbox {
        font-size: 40px;
        line-height: 42px
    }

    .logo {
        width: 700px
    }

    .headerNav .slide {
        font-size: 45px;
        line-height: 50px
    }

    .headerNav .dropdown {
        font-size: 40px;
        line-height: 40px;
        width: 250px;
        left: 23px
    }

    h2, .section h3 {
        font-size: 55px;
        line-height: 60px
    }

    .intro h1 {
        font-size: 75px;
        line-height: 80px;
        margin-left: 33%
    }

    .intro .img-holder {
        margin: 3px 30px 0 0
    }

    .intro .info {
        font-size: 20px;
        line-height: 24px
    }

    .performer-block .text-holder {
        font-size: 18px;
        line-height: 20px
    }

    .performer-list li {
        width: 20%
    }

    .member-list .description {
        font-size: 15px;
        line-height: 20px
    }

    .box-info h3 {
        font-size: 60px;
        line-height: 65px
    }

    .social-network {
        font-size: 16px;
        line-height: 20px;
        padding: 5px 0 0 35px
    }

        .social-network a:before {
            font-size: 25px;
            line-height: 25px;
            left: -37px
        }

    .info-form label {
        display: inline-block;
        vertical-align: top;
        width: 38%;
        padding: 0 10px 0 0;
        font-size: 18px;
        line-height: 22px
    }

    .info-form .pseudo-field, .info-form input[type=text], .info-form input[type=file], .info-form input[type=tel], .info-form input[type=email], .info-form textarea, .info-form .UploadOptionsContainer {
        display: inline-block;
        vertical-align: middle;
        width: 60%;
        font-size: 18px;
        line-height: 22px;
        height: 40px;
        padding: 4px 10px
    }

    .info-form .row.full label, .info-form .row.full input {
        width: 100%
    }

    .info-form textarea, .info-form .UploadOptionsContainer {
        height: auto
    }

    .info-form select {
        display: inline-block;
        vertical-align: middle;
        width: 60%
    }

    .info-form .right-block {
        float: right;
        width: 60%
    }

    .info-form .checkbox-list li {
        margin: 0 0 10px
    }

    .info-form .checkbox-list label {
        display: block;
        width: auto;
        padding: 0;
        font-size: 16px;
        line-height: 20px
    }

    .event-info .img-holder {
        margin: 0 20px 10px 0
    }

    .event-info .text {
        padding: 5px 5px 0
    }

        .event-info .text h3 {
            font-size: 54px;
            line-height: 50px;
            margin: 0 0 12px
        }

    .events-holder h2 {
        font-size: 50px;
        line-height: 40px
    }

    .events-holder h3 {
        font-size: 32px;
        line-height: 32px
    }

    .event-info time {
        font-size: 16px;
        line-height: 20px;
        margin: 0 0 10px
    }

    .link-list {
        font-size: 15px;
        line-height: 19px
    }

        .link-list li {
            padding: 0;
            width: auto;
            margin: 0 15px 5px 0
        }

        .link-list .facebook:before, .link-list .twitter:before {
            font-size: 15px;
            margin: 1px 4px 0 0
        }

    .events-holder .link-list {
        font-size: 16px;
        line-height: 16px
    }

    .cycle-gallery .text-wrap .text {
        max-width: 630px;
        font-size: 22px;
        line-height: 28px
    }

    .cycle-gallery h1 {
        font-size: 75px;
        line-height: 65px;
        margin: 0 0 15px
    }

    body {
        font-size: 20px;
        line-height: 26px
    }
}

@media only screen and (min-width: 1025px) {
    a[href^=tel], a[href^=skype], a[href^=sms] {
        cursor: default;
        pointer-events: none
    }
}

td.thumbnail {
    height: 110px;
    width: 110px;
    margin: 0
}

    td.thumbnail img {
        max-height: 105px;
        max-width: 105px;
        vertical-align: bottom;
        margin: 5px
    }

    td.thumbnail.small {
        height: 60px;
        width: 60px
    }

        td.thumbnail.small img {
            max-height: 55px;
            max-width: 60px
        }

    td.thumbnail.tiny {
        height: 35px;
        width: 35px
    }

        td.thumbnail.tiny img {
            max-height: 28px;
            max-width: 30px;
            margin: 2px
        }

    td.thumbnail.video {
        height: 95px;
        width: 130px
    }

        td.thumbnail.video img {
            max-height: 90px;
            max-width: 120px
        }

.premiumBadge {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 100px;
    height: 100px;
    background: url('/images/badges/PremiumMember.png');
    background-size: 100px
}

.winnerBadge {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 100px;
    height: 100px
}

.winnerPlace_1 {
    background: url('/images/badges/Place1.png');
    background-size: 100px
}

.winnerPlace_2 {
    background: url('/images/badges/Place2.png');
    background-size: 100px
}

.winnerPlace_3 {
    background: url('/images/badges/Place3.png');
    background-size: 100px
}

.winnerPlace_4 {
    background: url('/images/badges/Place4.png');
    background-size: 100px
}

.winnerPlace_5 {
    background: url('/images/badges/Place5.png');
    background-size: 100px
}

.scammer-alert {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    opacity: .90;
    filter: alpha(opacity=00);
    z-index: 1000;
    overflow: auto
}

.scammer-text {
    padding: 10px;
    width: 100%;
    background-color: #f5f1f1
}

div.MemberStats {
    float: left;
    margin: 20px;
}

.user-photo {
    width: 200px;
    height: 200px;
    border-radius: 100px;
    background: #FFFFFF;
    -moz-border-radius: 60px;
    padding: 1px;
    box-shadow: 0px 0px 5px #888;
    display: inline-block;
    transition: transform .2s ease;
}

    .user-photo.small {
        width: 48px;
        height: 48px;
    }

    .user-photo.medium {
        width: 100px;
        height: 100px;
    }

    .user-photo.large {
        width: 160px;
        height: 160px;
    }

    .user-photo.expandable:hover {
        transform: scale(4.0) translateX(30%) translateY(30%);
        z-index: 1000;
    }