@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700|Bree+Serif|Oswald);

@font-face {
    font-family: "Glyphicons Halflings";
    src: font-url("glyphiconshalflings-regular.eot");
    src: font-url(glyphiconshalflings-regular.eot?#iefix) format('eot'),font-files("glyphiconshalflings-regular.woff", "glyphiconshalflings-regular.ttf", "glyphiconshalflings-regular.svg#glyphicons_halflingsregular");
    font-weight: normal;
    font-style: normal
}

.glyphicon:before {
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}

.glyphicon-glass:before {
    content: "\e001"
}

.glyphicon-music:before {
    content: "\e002"
}

.glyphicon-search:before {
    content: "\e003"
}

.glyphicon-envelope:before {
    content: "\2709"
}

.glyphicon-heart:before {
    content: "\e005"
}

.glyphicon-star:before {
    content: "\e006"
}

.glyphicon-star-empty:before {
    content: "\e007"
}

.glyphicon-user:before {
    content: "\e008"
}

.glyphicon-film:before {
    content: "\e009"
}

.glyphicon-th-large:before {
    content: "\e010"
}

.glyphicon-th:before {
    content: "\e011"
}

.glyphicon-th-list:before {
    content: "\e012"
}

.glyphicon-ok:before {
    content: "\e013"
}

.glyphicon-remove:before {
    content: "\e014"
}

.glyphicon-zoom-in:before {
    content: "\e015"
}

.glyphicon-zoom-out:before {
    content: "\e016"
}

.glyphicon-off:before {
    content: "\e017"
}

.glyphicon-signal:before {
    content: "\e018"
}

.glyphicon-cog:before {
    content: "\e019"
}

.glyphicon-trash:before {
    content: "\e020"
}

.glyphicon-home:before {
    content: "\e021"
}

.glyphicon-file:before {
    content: "\e022"
}

.glyphicon-time:before {
    content: "\e023"
}

.glyphicon-road:before {
    content: "\e024"
}

.glyphicon-download-alt:before {
    content: "\e025"
}

.glyphicon-download:before {
    content: "\e026"
}

.glyphicon-upload:before {
    content: "\e027"
}

.glyphicon-inbox:before {
    content: "\e028"
}

.glyphicon-play-circle:before {
    content: "\e029"
}

.glyphicon-repeat:before {
    content: "\e030"
}

.glyphicon-refresh:before {
    content: "\e031"
}

.glyphicon-list-alt:before {
    content: "\e032"
}

.glyphicon-lock:before {
    content: "\e033"
}

.glyphicon-flag:before {
    content: "\e034"
}

.glyphicon-headphones:before {
    content: "\e035"
}

.glyphicon-volume-off:before {
    content: "\e036"
}

.glyphicon-volume-down:before {
    content: "\e037"
}

.glyphicon-volume-up:before {
    content: "\e038"
}

.glyphicon-qrcode:before {
    content: "\e039"
}

.glyphicon-barcode:before {
    content: "\e040"
}

.glyphicon-tag:before {
    content: "\e041"
}

.glyphicon-tags:before {
    content: "\e042"
}

.glyphicon-book:before {
    content: "\e043"
}

.glyphicon-bookmark:before {
    content: "\e044"
}

.glyphicon-print:before {
    content: "\e045"
}

.glyphicon-camera:before {
    content: "\e046"
}

.glyphicon-font:before {
    content: "\e047"
}

.glyphicon-bold:before {
    content: "\e048"
}

.glyphicon-italic:before {
    content: "\e049"
}

.glyphicon-text-height:before {
    content: "\e050"
}

.glyphicon-text-width:before {
    content: "\e051"
}

.glyphicon-align-left:before {
    content: "\e052"
}

.glyphicon-align-center:before {
    content: "\e053"
}

.glyphicon-align-right:before {
    content: "\e054"
}

.glyphicon-align-justify:before {
    content: "\e055"
}

.glyphicon-list:before {
    content: "\e056"
}

.glyphicon-indent-left:before {
    content: "\e057"
}

.glyphicon-indent-right:before {
    content: "\e058"
}

.glyphicon-facetime-video:before {
    content: "\e059"
}

.glyphicon-picture:before {
    content: "\e060"
}

.glyphicon-pencil:before {
    content: "\270f"
}

.glyphicon-map-marker:before {
    content: "\e062"
}

.glyphicon-adjust:before {
    content: "\e063"
}

.glyphicon-tint:before {
    content: "\e064"
}

.glyphicon-edit:before {
    content: "\e065"
}

.glyphicon-share:before {
    content: "\e066"
}

.glyphicon-check:before {
    content: "\e067"
}

.glyphicon-move:before {
    content: "\e068"
}

.glyphicon-step-backward:before {
    content: "\e069"
}

.glyphicon-fast-backward:before {
    content: "\e070"
}

.glyphicon-backward:before {
    content: "\e071"
}

.glyphicon-play:before {
    content: "\e072"
}

.glyphicon-pause:before {
    content: "\e073"
}

.glyphicon-stop:before {
    content: "\e074"
}

.glyphicon-forward:before {
    content: "\e075"
}

.glyphicon-fast-forward:before {
    content: "\e076"
}

.glyphicon-step-forward:before {
    content: "\e077"
}

.glyphicon-eject:before {
    content: "\e078"
}

.glyphicon-chevron-left:before {
    content: "\e079"
}

.glyphicon-chevron-right:before {
    content: "\e080"
}

.glyphicon-plus-sign:before {
    content: "\e081"
}

.glyphicon-minus-sign:before {
    content: "\e082"
}

.glyphicon-remove-sign:before {
    content: "\e083"
}

.glyphicon-ok-sign:before {
    content: "\e084"
}

.glyphicon-question-sign:before {
    content: "\e085"
}

.glyphicon-info-sign:before {
    content: "\e086"
}

.glyphicon-screenshot:before {
    content: "\e087"
}

.glyphicon-remove-circle:before {
    content: "\e088"
}

.glyphicon-ok-circle:before {
    content: "\e089"
}

.glyphicon-ban-circle:before {
    content: "\e090"
}

.glyphicon-arrow-left:before {
    content: "\e091"
}

.glyphicon-arrow-right:before {
    content: "\e092"
}

.glyphicon-arrow-up:before {
    content: "\e093"
}

.glyphicon-arrow-down:before {
    content: "\e094"
}

.glyphicon-share-alt:before {
    content: "\e095"
}

.glyphicon-resize-full:before {
    content: "\e096"
}

.glyphicon-resize-small:before {
    content: "\e097"
}

.glyphicon-plus:before {
    content: "\002b"
}

.glyphicon-minus:before {
    content: "\2212"
}

.glyphicon-asterisk:before {
    content: "\002a"
}

.glyphicon-exclamation-sign:before {
    content: "\e101"
}

.glyphicon-gift:before {
    content: "\e102"
}

.glyphicon-leaf:before {
    content: "\e103"
}

.glyphicon-fire:before {
    content: "\e104"
}

.glyphicon-eye-open:before {
    content: "\e105"
}

.glyphicon-eye-close:before {
    content: "\e106"
}

.glyphicon-warning-sign:before {
    content: "\e107"
}

.glyphicon-plane:before {
    content: "\e108"
}

.glyphicon-calendar:before {
    content: "\e109"
}

.glyphicon-random:before {
    content: "\e110"
}

.glyphicon-comment:before {
    content: "\e111"
}

.glyphicon-magnet:before {
    content: "\e112"
}

.glyphicon-chevron-up:before {
    content: "\e113"
}

.glyphicon-chevron-down:before {
    content: "\e114"
}

.glyphicon-retweet:before {
    content: "\e115"
}

.glyphicon-shopping-cart:before {
    content: "\e116"
}

.glyphicon-folder-close:before {
    content: "\e117"
}

.glyphicon-folder-open:before {
    content: "\e118"
}

.glyphicon-resize-vertical:before {
    content: "\e119"
}

.glyphicon-resize-horizontal:before {
    content: "\e120"
}

.glyphicon-hdd:before {
    content: "\e121"
}

.glyphicon-bullhorn:before {
    content: "\e122"
}

.glyphicon-bell:before {
    content: "\e123"
}

.glyphicon-certificate:before {
    content: "\e124"
}

.glyphicon-thumbs-up:before {
    content: "\e125"
}

.glyphicon-thumbs-down:before {
    content: "\e126"
}

.glyphicon-hand-right:before {
    content: "\e127"
}

.glyphicon-hand-left:before {
    content: "\e128"
}

.glyphicon-hand-up:before {
    content: "\e129"
}

.glyphicon-hand-down:before {
    content: "\e130"
}

.glyphicon-circle-arrow-right:before {
    content: "\e131"
}

.glyphicon-circle-arrow-left:before {
    content: "\e132"
}

.glyphicon-circle-arrow-up:before {
    content: "\e133"
}

.glyphicon-circle-arrow-down:before {
    content: "\e134"
}

.glyphicon-globe:before {
    content: "\e135"
}

.glyphicon-wrench:before {
    content: "\e136"
}

.glyphicon-tasks:before {
    content: "\e137"
}

.glyphicon-filter:before {
    content: "\e138"
}

.glyphicon-briefcase:before {
    content: "\e139"
}

.glyphicon-fullscreen:before {
    content: "\e140"
}

.glyphicon-dashboard:before {
    content: "\e141"
}

.glyphicon-paperclip:before {
    content: "\e142"
}

.glyphicon-heart-empty:before {
    content: "\e143"
}

.glyphicon-link:before {
    content: "\e144"
}

.glyphicon-phone:before {
    content: "\e145"
}

.glyphicon-pushpin:before {
    content: "\e146"
}

.glyphicon-euro:before {
    content: "\20ac"
}

.glyphicon-usd:before {
    content: "\e148"
}

.glyphicon-gbp:before {
    content: "\e149"
}

.glyphicon-sort:before {
    content: "\e150"
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151"
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152"
}

.glyphicon-sort-by-order:before {
    content: "\e153"
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154"
}

.glyphicon-sort-by-attributes:before {
    content: "\e155"
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156"
}

.glyphicon-unchecked:before {
    content: "\e157"
}

.glyphicon-expand:before {
    content: "\e158"
}

.glyphicon-collapse:before {
    content: "\e159"
}

.glyphicon-collapse-top:before {
    content: "\e160"
}

@font-face {
    font-family: "Mono Social Icons Font";
    src: font-url("MonoSocialIconsFont-1.10.eot");
    src: font-url(MonoSocialIconsFont-1.10.eot?#iefix) format('eot'),font-files("MonoSocialIconsFont-1.10.woff", "MonoSocialIconsFont-1.10.ttf", "MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont");
    font-weight: normal;
    font-style: normal
}

.symbol, a.symbol:before {
    font-family: "Mono Social Icons Font";
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased
}

a.symbol:before {
    content: attr(title)
}

body {
    background: #0c0c0c;
    font-size: 13px;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: 400
}

@media (max-width: 767px) {
    body {
        font-size: 1em
    }
}

a:hover {
    text-decoration: none
}

.opensans_light {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: 300
}

.opensans_norm {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: 400
}

.opensans_bold {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: 700
}

.oswald {
    font-family: 'Oswald', Helvetica, Arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase
}

.drop-shadow {
    position: relative
}

    .drop-shadow:before, .drop-shadow:after {
        content: "";
        position: absolute;
        z-index: -1
    }

.lifted:after {
    bottom: 12px;
    right: 10px;
    width: 50%;
    height: 20%;
    max-width: 300px;
    max-height: 100px;
    -webkit-box-shadow: 0 14px 1px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 14px 1px rgba(0,0,0,0.25);
    box-shadow: 0 14px 1px rgba(0,0,0,0.25);
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    transform: rotate(2deg)
}

.btn-facebook, .btn-twitter, .btn-google, .btn-steam, .btn-paypal {
    border-radius: 2px;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    text-transform: uppercase
}

.btn-facebook {
    background: linear-gradient(#3B5998, #718dc8)
}

    .btn-facebook:hover, .btn-facebook:focus {
        background-color: #3B5998;
        background-position: 0;
        -webkit-transition: all 500ms;
        -webkit-transition-delay: 0s;
        -moz-transition: all 500ms;
        -o-transition: all 500ms;
        transition: all 500ms false false
    }

.btn-twitter {
    background: linear-gradient(#00ACED, #21c2ff)
}

    .btn-twitter:hover, .btn-twitter:focus {
        background-color: #00ACED;
        background-position: 0;
        -webkit-transition: all 500ms;
        -webkit-transition-delay: 0s;
        -moz-transition: all 500ms;
        -o-transition: all 500ms;
        transition: all 500ms false false
    }

.btn-google {
    background: linear-gradient(#CF3E2C, #db6253)
}

    .btn-google:hover, .btn-google:focus {
        background-color: #CF3E2C;
        background-position: 0;
        -webkit-transition: all 500ms;
        -webkit-transition-delay: 0s;
        -moz-transition: all 500ms;
        -o-transition: all 500ms;
        transition: all 500ms false false
    }

.btn-steam {
    background: linear-gradient(#000, #1a1a1a)
}

    .btn-steam:hover, .btn-steam:focus {
        background-color: #000000;
        background-position: 0;
        -webkit-transition: all 500ms;
        -webkit-transition-delay: 0s;
        -moz-transition: all 500ms;
        -o-transition: all 500ms;
        transition: all 500ms false false
    }

.btn-paypal {
    background: linear-gradient(#FFAC2D, #ffc060)
}

    .btn-paypal:hover, .btn-paypal:focus {
        background-color: #FFAC2D;
        background-position: 0;
        -webkit-transition: all 500ms;
        -webkit-transition-delay: 0s;
        -moz-transition: all 500ms;
        -o-transition: all 500ms;
        transition: all 500ms false false
    }

.cta * {
    position: relative;
    -webkit-transition: all 250ms;
    -webkit-transition-delay: 0s;
    -moz-transition: all 250ms;
    -o-transition: all 250ms;
    transition: all 250ms false false
}

.cta a {
    background: #000;
    border: 4px solid #0c0c0c;
    color: #fff;
    display: block;
    margin: 0 0 16px;
    overflow: hidden;
    padding: 8px 36px 12px 16px;
    position: relative;
    -webkit-box-shadow: 0 3px 0 0 #000;
    -moz-box-shadow: 0 3px 0 0 #000;
    box-shadow: 0 3px 0 0 #000
}

    .cta a .glyphicon {
        position: absolute;
        font-size: 125%;
        right: 24px;
        line-height: 24px;
        margin-top: -12px;
        opacity: 0.15;
        top: 50%
    }

    .cta a:active {
        border-color: #DEB043;
        color: #FFFCF0;
        text-decoration: none
    }

    .cta a:hover {
        background: #000;
        border-color: #B8B1A0;
        -webkit-box-shadow: 0 3px 0 0 #0c0c0c;
        -moz-box-shadow: 0 3px 0 0 #0c0c0c;
        box-shadow: 0 3px 0 0 #0c0c0c
    }

        .cta a:hover .glyphicon {
            opacity: 1;
            right: 12px
        }

    .cta a .heading {
        color: #FFFCF0;
        font-size: 1.5em;
        line-height: 1.25em;
        margin: 0 16px 8px 0;
        text-transform: uppercase;
        font-family: 'Oswald', Helvetica, Arial, sans-serif;
        font-weight: 400;
        text-transform: uppercase
    }

    .cta a .text {
        font-size: 0.85em;
        line-height: 1.35em;
        margin: 0
    }

.cta_newsletter {
    background: #ce1858;
    border-top: 2px solid #2d2d2d;
    border-right: 2px solid #2d2d2d;
    margin-top: -8px;
    padding: 16px !important
}

    .cta_newsletter .col-md-4 {
        margin-left: -15px;
        margin-right: -15px
    }

    .cta_newsletter .heading {
        color: #fff;
        font-size: 1.5em;
        line-height: 1;
        margin: -4px 16px 12px 0;
        text-transform: uppercase;
        font-family: 'Bree Serif', Georgia, serif;
        font-weight: 400
    }

        .cta_newsletter .heading small {
            color: #E0D9C7;
            font-size: 0.5em;
            text-transform: none;
            font-family: 'Open Sans', Helvetica, Arial, sans-serif;
            font-weight: 400
        }

    .cta_newsletter .form-group {
        width: 60%
    }

@media (max-width: 767px) {
    .cta_newsletter .form-group {
        width: 100%
    }
}

.cta_newsletter .email {
    border: 0;
    border-radius: 0;
    color: #e7296c;
    width: 100%
}

.cta_newsletter .btn {
    background: #ffa740;
    border: 0;
    border-radius: 0;
    color: #2d2d2d;
    font-size: 12px;
    font-weight: bold;
    padding: 8px 4px;
    text-align: center;
    text-transform: uppercase;
    width: 35%;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}

    .cta_newsletter .btn:hover {
        background: #E8E4D9
    }

.cta_about .con {
    border-color: #030303
}

.cta_about .ico {
    background-position: -31px 0;
    height: 46px;
    width: 68px
}

.cta_about .arrow {
    background-color: #030303;
    background-position: 0 -22px;
    border-color: #030303
}

.cta_about .heading {
    font-size: 1.25em
}

.cta_about .diff {
    color: #ffc640
}

.cta_about .text {
    color: #E0D9C7
}

.cta_forums .con {
    background-color: #ce1858;
    border-color: #e7296c
}

.cta_forums .diff {
    color: #ffc640
}

.cta_store .con {
    background-color: #ce1858;
    background-image: url("../_img/bg_stripe_large.png");
    border-color: #e7296c
}

.cta_store .ico {
    background-position: -31px -50px;
    height: 57px;
    width: 64px
}

.cta_store .arrow {
    background-color: #e7296c;
    background-position: 0 -68px;
    border-color: #e7296c
}

.cta_store .text {
    color: #000
}

.cta_sponsors .diff {
    color: #ce1858
}

.cta_sponsors .text {
    color: #E0D9C7
}

.cta_volunteer .con {
    background-color: #E0D9C7;
    background-image: url("../_img/bg_stripe_large.png");
    border-color: #E0D9C7
}

.cta_volunteer .ico {
    background-position: -103px 0px;
    height: 57px;
    width: 48px
}

.cta_volunteer .arrow {
    background-color: #E0D9C7;
    background-position: 0 -22px;
    border-color: #E0D9C7
}

.cta_volunteer .heading {
    color: #e7296c
}

.cta_volunteer .text {
    color: #E0D9C7
}

.cta_submissions .con {
    background-color: #ffc640;
    background-image: url("../_img/bg_stripe_large.png");
    border-color: #ffc640
}

.cta_submissions .ico {
    background-position: -98px -63px;
    height: 58px;
    width: 48px
}

.cta_submissions .diff {
    color: #ffc640
}

.cta_submissions .arrow {
    background-color: #ffc640;
    background-position: 0 -68px;
    border-color: #ffc640
}

.cta_submissions .heading {
    color: #404041;
    font-size: 1.25em
}

.cta_submissions .text {
    color: #E0D9C7
}

.cta_bundle .heading {
    color: #000
}

.cta_bundle .con {
    background-color: #ffc640;
    background-image: url("../_img/bg_stripe_large.png");
    border-color: #ffa740
}

.cta_bundle .ico {
    background-position: -98px -63px;
    height: 58px;
    width: 48px
}

.cta_bundle .arrow {
    background-color: #ffa740;
    background-position: 0 -22px;
    border-color: #ffa740
}

.cta_bundle .text {
    color: #000
}

.cta-row {
    border-top: solid 1px #474747;
    -webkit-box-shadow: inset 0 1px 0 0 #2d2d2d;
    -moz-box-shadow: inset 0 1px 0 0 #2d2d2d;
    box-shadow: inset 0 1px 0 0 #2d2d2d;
    padding-top: 32px
}

    .cta-row .cta_newsletter {
        margin-top: -4px !important
    }

.vert_wrap {
    overflow: hidden;
    position: relative
}

    .vert_wrap > * {
        position: relative;
        top: 50%
    }

.break {
    border-top: solid 1px #2d2d2d;
    border-bottom: solid 1px #ce1858;
    margin: 0 0 24px
}

iframe, object {
    width: 100% !important
}

.header {
    background: #e7296c;
    border-bottom: solid 20px #0c0c0c
}

@media (max-width: 767px) {
    .header {
        border-bottom: solid 10px #0c0c0c
    }
}

.header .row {
    position: relative
}

.header h1 {
    margin: 8px 0;
    padding: 8px 8px 8px 16px
}

@media (max-width: 767px) {
    .header h1 img {
        display: inline-block;
        height: 48px
    }
}

@media (max-width: 767px) {
    .header h1 {
        padding: 8px 16px 8px 0
    }
}

.header nav li {
    display: inline-block;
    vertical-align: middle
}

@media (max-width: 767px) {
    .header nav li {
        display: block
    }
}

.header .navbar-default {
    background: transparent;
    border: 0;
    margin: 0
}

.header #nav_meta {
    background: #2d2d2d;
    font-size: 0.7em;
    letter-spacing: 0.1em;
    position: absolute;
    top: 0;
    right: 15px;
    text-transform: uppercase;
    z-index: 1;
    -webkit-box-shadow: 0 3px 0px -1px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 3px 0px -1px rgba(0,0,0,0.25);
    box-shadow: 0 3px 0px -1px rgba(0,0,0,0.25);
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: 300
}

    .header #nav_meta #login {
        color: #000;
        font-size: 0.7em;
        display: inline-block;
        margin: 0 6px 0 0;
        padding: 0;
        position: relative;
        font-family: 'Open Sans', Helvetica, Arial, sans-serif;
        font-weight: 400
    }

        .header #nav_meta #login span {
            display: none;
            font-size: 2em;
            font-weight: 600;
            height: 15px;
            left: -17px;
            line-height: 12px;
            position: absolute;
            top: 0;
            width: 15px
        }

        .header #nav_meta #login:hover {
            background: transparent;
            color: #000
        }

            .header #nav_meta #login:hover span {
                display: block
            }

    .header #nav_meta nav {
        display: inline-block
    }

    .header #nav_meta a {
        color: #fff;
        padding: 12px 16px
    }

        .header #nav_meta a:hover {
            background-color: #000;
            color: #d5d5d5
        }

@media (max-width: 991px) {
    .header #nav_meta a {
        padding: 4px
    }
}

.header #nav_meta .s_fb a, .header #nav_meta .s_tw a, .header #nav_meta .s_rss a {
    background-color: transparent !important;
    background-image: url("../_img/sprites.png");
    display: inline-block;
    height: 16px;
    padding: 0;
    position: relative;
    text-indent: -9999px;
    top: -1px;
    width: 16px
}

.header #nav_meta .s_fb a {
    background-position: 0 0
}

.header #nav_meta .s_tw a {
    background-position: -18px 0
}

.header #nav_meta .s_rss a {
    background-position: -36px 0
}

.header #nav_meta .s_fb a:hover {
    background-position: 0 -18px
}

.header #nav_meta .s_tw a:hover {
    background-position: -18px -18px
}

.header #nav_meta .s_rss a:hover {
    background-position: -36px -18px
}

@media (max-width: 767px) {
    .header #nav_meta {
        display: none
    }
}

.header #nav_main {
    background: #ce1858;
    font-size: 1.0em;
    letter-spacing: 0.05em;
    margin: 60px 0 0 -30px;
    text-transform: uppercase;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: 300
}

    .header #nav_main .wrap {
        overflow: visible !important;
        position: relative;
        overflow: hidden;
        *zoom: 1
    }

    .header #nav_main ul {
        margin: 0;
        -webkit-box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.1);
        -moz-box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.1);
        box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.1)
    }

    .header #nav_main a {
        color: #FFFCF0;
        line-height: inherit;
        padding: 12px 24px;
        text-shadow: rgba(255,255,255,0.75) 0 1px 2px;
        -webkit-transition-property: all;
        -moz-transition-property: all;
        -o-transition-property: all;
        transition-property: all;
        -webkit-transition-timing-function: ease-out;
        -moz-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        -webkit-transition-duration: .3s;
        -moz-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s
    }

        .header #nav_main a:hover {
            background: #fff;
            color: #2d2d2d
        }

@media (max-width: 1199px) {
    .header #nav_main a {
        padding: 8px 10px
    }
}

@media (max-width: 767px) {
    .header #nav_main a {
        padding: 12px 30px
    }
}

.header #nav_main .current-menu-item a {
    background: #FFFCF0;
    color: #2d2d2d
}

@media (max-width: 1199px) {
    .header #nav_main {
        margin-top: 37px
    }
}

@media (max-width: 991px) {
    .header #nav_main {
        font-size: 0.9em;
        margin-top: 31px
    }
}

@media (max-width: 767px) {
    .header #nav_main {
        margin: 0 -15px;
        padding: 0
    }
}

.header #search-form {
    display: inline-block
}

    .header #search-form #search {
        border: 0;
        border-top: solid 1px #000;
        margin: 0 -3px 0 3px;
        padding: 6px 8px;
        position: relative;
        top: 1px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px
    }

    .header #search-form button {
        background: none;
        border: none;
        color: #fff;
        font-size: 1.2em;
        padding: 10px 12px;
        position: relative;
        top: 1px;
        -webkit-transition-property: all;
        -moz-transition-property: all;
        -o-transition-property: all;
        transition-property: all;
        -webkit-transition-timing-function: ease-out;
        -moz-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        -webkit-transition-duration: .3s;
        -moz-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s
    }

        .header #search-form button:hover {
            background: #000
        }

.header .navbar-toggle {
    background: #fff;
    margin-top: 24px;
    margin-right: 0
}

.more-link {
    text-align: right
}

    .more-link a {
        background: #ce1858;
        color: #fff;
        display: inline-block;
        font-size: 0.9em;
        padding: 5px 14px;
        text-transform: uppercase;
        -webkit-transition-property: all;
        -moz-transition-property: all;
        -o-transition-property: all;
        transition-property: all;
        -webkit-transition-timing-function: ease-out;
        -moz-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        -webkit-transition-duration: .3s;
        -moz-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s
    }

        .more-link a:hover {
            background: #000;
            color: #E8E4D9
        }

.notification {
    margin: -24px 0 0
}

    .notification a {
        display: block;
        padding: 24px 0 48px;
        -webkit-transition-property: all;
        -moz-transition-property: all;
        -o-transition-property: all;
        transition-property: all;
        -webkit-transition-timing-function: ease-out;
        -moz-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        -webkit-transition-duration: .3s;
        -moz-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s
    }

        .notification a:hover {
            background: #000
        }

.extralife {
    background: #0c0c0c;
    padding: 18px 0;
    text-align: center;
    text-transform: uppercase
}

    .extralife iframe {
        width: auto !important
    }

    .extralife h2 {
        color: #e7296c;
        font-size: 1.25em;
        font-weight: normal;
        margin: 0 0 0.25em !important;
        text-transform: none
    }

    .extralife h3 {
        margin: 0 0 0.5em !important
    }

        .extralife h3 a {
            color: #ffc640;
            padding: 4px 8px;
            -webkit-transition-property: all;
            -moz-transition-property: all;
            -o-transition-property: all;
            transition-property: all;
            -webkit-transition-timing-function: ease-out;
            -moz-transition-timing-function: ease-out;
            -o-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
            -webkit-transition-duration: .3s;
            -moz-transition-duration: .3s;
            -o-transition-duration: .3s;
            transition-duration: .3s
        }

            .extralife h3 a:hover {
                background: #ffc640;
                color: #fff
            }

.main {
    background: #5e1031 url("../_img/bg_txtr_noise.png");
    padding: 24px 0;
    position: relative;
    z-index: 1
}

    .main .page-header {
        background: #fff;
        margin: -24px 0 0;
        -webkit-box-shadow: 0 2px 18px 2px rgba(0,0,0,0.15);
        -moz-box-shadow: 0 2px 18px 2px rgba(0,0,0,0.15);
        box-shadow: 0 2px 18px 2px rgba(0,0,0,0.15)
    }

    .main .con {
        margin: 0 0 2em;
        padding: 32px
    }

        .main .con .alignleft, .main .con [align=left] {
            float: left
        }

        .main .con .alignright, .main .con [align=right] {
            float: right
        }

.content header {
    margin: -36px 0 1em;
    padding: 32px 16px 24px
}

    .content header h1 {
        margin: 0
    }

.content h1 {
    color: #606060;
    font-size: 3em;
    line-height: 1;
    margin: 0 0 0.5em;
    text-transform: uppercase;
    font-family: 'Oswald', Helvetica, Arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase
}

.content h2 {
    background: #E8E4D9;
    color: #a09a89;
    font-size: 2.5em;
    line-height: 1;
    margin: 1em -16px 0.75em;
    padding: 8px 16px;
    text-transform: uppercase;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: 300
}

.content h3 {
    color: #a09a89;
    font-size: 2em;
    line-height: 1;
    margin: 1.25em 0 0.75em;
    text-transform: uppercase;
    font-family: 'Oswald', Helvetica, Arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase
}

.content p {
    font-size: 1em;
    line-height: 1.5em;
    margin: 0 0 1.5em
}

.content img {
    border: solid 4px #E8E4D9;
    float: left;
    margin: 0 1.5em 1.5em 0;
    max-width: 97.5%;
    -webkit-box-shadow: 0px 8px 2px -5px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 8px 2px -5px rgba(0,0,0,0.15);
    box-shadow: 0px 8px 2px -5px rgba(0,0,0,0.15)
}

    .content img[class*="align"], .content img[class*="wp-image-"] {
        height: auto
    }

    .content img.size-full {
        max-width: 97.5%;
        width: auto
    }

    .content img[align=right], .content img.alignright {
        float: right;
        margin: 0 0 1.5em 1.5em
    }

    .content img[align=center], .content img.aligncenter {
        display: block;
        float: none;
        margin: 0 auto 1.5em
    }

.content .con {
    background: #E0D9C7
}

.widget {
    clear: both;
    margin: 0 0 52px;
    position: relative
}

    .widget .title {
        background: #0c0c0c;
        color: #E8E4D9;
        display: inline-block;
        font-size: 1em;
        margin: 0 0 1.5em;
        padding: 8px 16px;
        text-transform: uppercase;
        font-family: 'Open Sans', Helvetica, Arial, sans-serif;
        font-weight: 300
    }

    .widget .subtitle {
        color: #fff;
        font-size: 2em;
        line-height: 1;
        margin: 0 0 0.5em;
        text-transform: uppercase;
        font-family: 'Oswald', Helvetica, Arial, sans-serif;
        font-weight: 400;
        text-transform: uppercase
    }

        .widget .subtitle a {
            color: #fff
        }

            .widget .subtitle a:hover {
                color: #ce1858
            }

            .widget .subtitle a:after {
                content: '\203A';
                font-size: 1.25em;
                height: 12px;
                padding: 0 0 0 8px;
                position: relative;
                top: 50%;
                -webkit-transition-property: all;
                -moz-transition-property: all;
                -o-transition-property: all;
                transition-property: all;
                -webkit-transition-timing-function: ease-out;
                -moz-transition-timing-function: ease-out;
                -o-transition-timing-function: ease-out;
                transition-timing-function: ease-out;
                -webkit-transition-duration: .3s;
                -moz-transition-duration: .3s;
                -o-transition-duration: .3s;
                transition-duration: .3s
            }

    .widget .con {
        padding: 16px;
        position: relative;
        z-index: 1
    }

    .widget h2 {
        line-height: 1;
        margin: 0;
        font-family: 'Oswald', Helvetica, Arial, sans-serif;
        font-weight: 400;
        text-transform: uppercase
    }

    .widget h3 {
        line-height: 1;
        margin: 0
    }

@media (max-width: 991px) {
    .widget {
        margin: 0 0 72px
    }
}

.nav_single a {
    color: #fff;
    font-size: 0.9em;
    font-weight: 300;
    padding: 4px 8px;
    position: relative;
    text-transform: uppercase
}

    .nav_single a:hover {
        background: #2d2d2d
    }

.nav_single .lg {
    font-size: 1.5em;
    padding: 0 4px
}

.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4 {
    margin: 0
}

.page .content .page-header {
    padding: 32px 16px 24px
}

    .page .content .page-header h1 {
        font-size: 4em;
        font-family: 'Oswald', Helvetica, Arial, sans-serif;
        font-weight: 400;
        text-transform: uppercase
    }

@media (max-width: 991px) {
    .page .content .page-header h1 {
        font-size: 2em
    }
}

@media (max-width: 991px) {
    .page .content .page-header {
        padding: 16px 8px 12px
    }
}

.page .content .con {
    background: #fff
}

.posts_recent article {
    margin: 0 0 12px
}

.posts_recent h3 {
    border-bottom: solid 6px #606060;
    font-size: 1.25em;
    text-transform: uppercase;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: 300
}

    .posts_recent h3 a {
        padding: 8px 16px
    }

.posts_recent a {
    color: #FFFCF0;
    display: block;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}

.posts_recent article:hover h3 a {
    background: #606060
}

.posts_recent .preview {
    background: #fff;
    color: #333;
    height: 150px;
    padding: 16px 12px;
    position: relative;
    overflow: hidden
}

.posts_recent .meta {
    margin-right: 176px;
    max-height: 100px;
    overflow: hidden
}

.posts_recent .info, .posts_recent .more {
    position: absolute;
    left: 12px;
    bottom: 24px
}

    .posts_recent .info a, .posts_recent .more a {
        font-size: 0.85em;
        font-family: 'Open Sans', Helvetica, Arial, sans-serif;
        font-weight: 700
    }

        .posts_recent .info a:hover, .posts_recent .more a:hover {
            text-decoration: underline
        }

@media (max-width: 1199px) and (min-width: 992px) {
    .posts_recent .info {
        display: none
    }
}

.posts_recent .info {
    color: #000;
    text-transform: uppercase;
    font-size: 0.85em;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: 700
}

.posts_recent .more {
    bottom: 6px;
    margin-bottom: 0
}

    .posts_recent .more a {
        color: #603913
    }

.posts_recent .photo {
    position: absolute;
    right: 0;
    top: 0;
    width: 160px;
    height: 160px
}

    .posts_recent .photo img {
        width: 160px;
        height: 160px;
        border: 0;
        margin: 0;
        max-width: 100%
    }

.page-secondary {
    color: #E0D9C7
}

    .page-secondary h3 {
        color: #e87795
    }

    .page-secondary h4 {
        color: #fff
    }

    .page-secondary p {
        font-size: 0.9em;
        line-height: 1.65em;
        margin: 0 0 1.75em
    }

    .page-secondary ul, .page-secondary ol {
        color: #b3b3b3;
        font-size: 0.85em
    }

    .page-secondary li {
        margin-bottom: 1em
    }

    .page-secondary ul > * {
        font-size: 1em
    }

    .page-secondary label {
        color: #a09a89
    }

.wpcf7-list-item {
    display: block
}

.tweet-list .inner {
    background-color: #330c1c;
    padding: 8px 8px 32px
}

.tweet-list li {
    margin: 0;
    padding: 12px 8px;
    border-top: 1px solid #474747;
    overflow: hidden;
    *zoom: 1
}

    .tweet-list li:first-child {
        border: 0;
        padding: 4px 8px 12px
    }

.tweet-list p {
    color: #B8B1A0;
    margin: 0
}

.tweet-list a {
    color: #ffc640
}

    .tweet-list a:hover {
        color: #e7296c
    }

.tweet-list .tweet {
    margin-left: 58px
}

.tweet-list .tweet-header {
    color: #B8B1A0
}

    .tweet-list .tweet-header .avatar {
        border-radius: 4px;
        float: left;
        margin-top: 3px;
        margin-left: -58px;
        width: 48px;
        height: 48px
    }

    .tweet-list .tweet-header .fullname {
        color: #fff;
        font-weight: normal
    }

    .tweet-list .tweet-header a:hover .fullname {
        text-decoration: underline
    }

    .tweet-list .tweet-header .username {
        font-size: 12px;
        color: #606060
    }

        .tweet-list .tweet-header .username s {
            text-decoration: none
        }

        .tweet-list .tweet-header .username b {
            font-weight: normal
        }

    .tweet-list .tweet-header .time {
        position: relative;
        float: right;
        margin-top: 1px;
        color: #606060;
        font-weight: bold
    }

.tweet-list .tweet {
    line-height: 18px
}

.tweet-list .retweet {
    font-size: 12px;
    color: #666;
    padding-top: 3px
}

.tweet-list .more a {
    background: #ce1858;
    bottom: 0;
    color: #fff;
    display: block;
    font-size: 0.9em;
    padding: 5px 14px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}

    .tweet-list .more a:hover {
        background: #000;
        color: #E8E4D9
    }

.current_event {
    background: #fff;
    margin: -24px 0 48px;
    -webkit-box-shadow: 0 2px 18px 2px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 2px 18px 2px rgba(0,0,0,0.15);
    box-shadow: 0 2px 18px 2px rgba(0,0,0,0.15)
}

    .current_event .hgroup {
        padding: 44px 30px 24px
    }

@media (max-width: 991px) {
    .current_event .hgroup {
        padding: 22px 15px 12px
    }
}

.current_event .title {
    background: #ffc640;
    color: #0c0c0c;
    padding: 12px 30px;
    top: -10px;
    right: 0;
    position: absolute
}

.current_event .event {
    font-size: 5.143em;
    letter-spacing: -0.025em
}

    .current_event .event a {
        color: #0c0c0c;
        margin: 0 -16px -12px;
        padding: 0 16px 12px;
        -webkit-transition-property: all;
        -moz-transition-property: all;
        -o-transition-property: all;
        transition-property: all;
        -webkit-transition-timing-function: ease-out;
        -moz-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        -webkit-transition-duration: .3s;
        -moz-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s
    }

        .current_event .event a:hover {
            color: #e7296c
        }

@media (max-width: 991px) {
    .current_event .event {
        font-size: 3.5em
    }
}

.current_event .date {
    color: #a09a89;
    font-size: 2em;
    margin: 0.45em 0 0;
    font-family: 'Oswald', Helvetica, Arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase
}

@media (max-width: 991px) {
    .current_event .date {
        margin: 0
    }
}

.current_event .loc {
    color: #0c0c0c;
    clear: right;
    font-size: 1.571em;
    margin: 0.35em 0 0;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: 300;
    text-transform: uppercase
}

.current_event .con {
    background: #fff;
    padding: 0;
    position: relative
}

    .current_event .con img {
        max-width: 100%
    }

.current_event iframe {
    margin: 0 0 4px
}

@media (max-width: 991px) {
    .current_event iframe {
        height: 240px
    }
}

@media (max-width: 1199px) {
    .current_event {
        font-size: 0.8em
    }
}

@media (max-width: 767px) {
    .current_event {
        font-size: 0.65em
    }
}

#devs_link {
    background: #000;
    font-size: 2em;
    text-transform: uppercase
}

    #devs_link a {
        border-bottom: 8px solid #ffc640;
        display: block;
        overflow: hidden;
        padding: 16px 30px;
        -webkit-transition-property: all;
        -moz-transition-property: all;
        -o-transition-property: all;
        transition-property: all;
        -webkit-transition-timing-function: ease-out;
        -moz-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        -webkit-transition-duration: .3s;
        -moz-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s
    }

        #devs_link a * {
            -webkit-transition-property: all;
            -moz-transition-property: all;
            -o-transition-property: all;
            transition-property: all;
            -webkit-transition-timing-function: ease-out;
            -moz-transition-timing-function: ease-out;
            -o-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
            -webkit-transition-duration: .3s;
            -moz-transition-duration: .3s;
            -o-transition-duration: .3s;
            transition-duration: .3s
        }

@media (max-width: 991px) {
    #devs_link a {
        padding: 8px 15px
    }
}

#devs_link h3 {
    display: inline-block;
    font-size: inherit;
    margin: 0
}

    #devs_link h3 span {
        display: inline-block;
        line-height: 1;
        margin: 0 0 4px;
        vertical-align: middle
    }

#devs_link .l1 {
    color: #e7296c;
    font-size: 1.75em
}

#devs_link .l2 {
    color: #fff;
    font-size: 1em
}

#devs_link .l3 {
    color: #ffc640;
    font-size: 1.75em
}

#devs_link .l4 {
    color: #fff;
    font-size: 1em
}

#devs_link .l5 {
    color: #fff;
    line-height: 0;
    font-size: 2m;
    margin: 0 6px;
    position: relative;
    top: 0.275em
}

#devs_link .more {
    color: #fff;
    font-size: 1.1em;
    font-weight: bold;
    padding: 0 1.25em 0 0;
    position: relative;
    top: 0.075em
}

    #devs_link .more .big {
        font-size: 2em;
        position: absolute;
        top: -0.475em;
        right: 0
    }

@media (max-width: 1199px) {
    #devs_link .more {
        font-size: 1.25em;
        top: -0.025em
    }
}

@media (max-width: 767px) {
    #devs_link .more {
        font-size: 1.0em;
        top: 0.25em
    }
}

#devs_link a:hover {
    background-color: #ffc640;
    border-color: #fff
}

    #devs_link a:hover .l1 {
        color: #404041
    }

    #devs_link a:hover .l2 {
        color: #000
    }

    #devs_link a:hover .l3 {
        color: #404041
    }

    #devs_link a:hover .l4 {
        color: #000
    }

    #devs_link a:hover .l5 {
        color: #000
    }

    #devs_link a:hover .more {
        color: #000
    }

@media (max-width: 991px) {
    #devs_link {
        font-size: 1.5em
    }
}

.current_event iframe + #devs_link {
    margin: -5px 0 0
}

.intro {
    margin: 0 0 32px 0;
    text-align: center;
    text-transform: uppercase
}

    .intro a {
        background: #0c0c0c;
        display: block;
        padding: 42px 24px 42px 39px;
        -webkit-transition-property: all;
        -moz-transition-property: all;
        -o-transition-property: all;
        transition-property: all;
        -webkit-transition-timing-function: ease-out;
        -moz-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        -webkit-transition-duration: .3s;
        -moz-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s
    }

        .intro a * {
            -webkit-transition-property: all;
            -moz-transition-property: all;
            -o-transition-property: all;
            transition-property: all;
            -webkit-transition-timing-function: ease-out;
            -moz-transition-timing-function: ease-out;
            -o-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
            -webkit-transition-duration: .3s;
            -moz-transition-duration: .3s;
            -o-transition-duration: .3s;
            transition-duration: .3s
        }

@media (max-width: 991px) {
    .intro a {
        padding: 36px 16px
    }
}

.intro h2 {
    font-size: 2.25em;
    margin: 0
}

.intro span {
    display: block;
    line-height: 1;
    margin: 0 0 6px
}

.intro .l1 {
    color: #fff;
    font-size: 1.335em
}

.intro .l2 {
    color: #fff;
    font-size: 0.85em
}

.intro .l3 {
    color: #e7296c;
    font-size: 1.335em;
    letter-spacing: -2px
}

.intro .l4 {
    color: #e7296c;
    font-size: 1.525em
}

.intro a:hover {
    background: #000
}

    .intro a:hover .l1, .intro a:hover .l2 {
        color: #ffc640
    }

    .intro a:hover .l3, .intro a:hover .l4 {
        color: #fff
    }

@media (max-width: 991px) {
    .intro {
        margin: 56px 0
    }
}

.posts_home {
    color: #0c0c0c
}

    .posts_home a:hover .post_title {
        background: #000
    }

    .posts_home .hero {
        list-style: none;
        margin: 0;
        padding: 0
    }

    .posts_home .article {
        background: #fff;
        margin-bottom: 32px
    }

    .posts_home .thumb {
        background: #000;
        float: left;
        height: 205px;
        overflow: hidden;
        padding: 0
    }

        .posts_home .thumb img {
            width: 100%
        }

@media (max-width: 1199px) and (min-width: 992px), (max-width: 767px) {
    .posts_home .thumb img {
        height: 100%;
        max-width: none;
        width: initial
    }
}

.posts_home .summary {
    float: right;
    margin-left: 0;
    overflow: hidden;
    padding: 15px;
    position: relative;
    height: 205px;
    font-size: 16px
}

.posts_home .post_title {
    background-color: #0c0c0c;
    color: #fff;
    font-size: 1.5em;
    line-height: 1.1em;
    text-transform: uppercase;
    margin: -15px -15px .45em;
    padding: 12px 16px;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    font-family: 'Oswald', Helvetica, Arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase
}

@media (max-width: 991px) {
    .posts_home .post_title {
        font-size: 1.25em;
        padding: 6px 8px
    }
}

@media (max-width: 767px) {
    .posts_home .post_title {
        font-size: 0.9em;
        padding: 8px 10px
    }
}

.posts_home .meta-wrap {
    background: #fff;
    bottom: 0;
    height: 30px;
    left: 0;
    position: absolute;
    width: 100%
}

.posts_home .bd a {
    color: #0c0c0c
}

@media (max-width: 991px) {
    .posts_home .bd > p {
        font-size: 0.9em
    }
}

@media (max-width: 767px) {
    .posts_home .bd > p {
        font-size: 0.75em
    }
}

.posts_home .comments {
    display: block;
    font-size: 16px;
    position: absolute;
    bottom: 2px;
    left: 16px
}

    .posts_home .comments:before {
        font-family: 'Glyphicons Halflings';
        display: inline-block;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        content: "\e111";
        padding: 2px 4px;
        display: block;
        float: left;
        font-size: 18px
    }

@media (max-width: 1199px) {
    .posts_home .comments {
        display: none
    }
}

.posts_home .meta {
    position: absolute;
    bottom: 4px;
    right: 10px;
    font-size: 0.9em;
    display: block;
    float: left;
    text-transform: uppercase
}

    .posts_home .meta a {
        color: #b51657
    }

@media (max-width: 767px) {
    .posts_home .meta {
        background: #fff;
        bottom: 0;
        margin-left: -50%;
        font-size: 0.65em;
        padding: 4px;
        right: 0;
        text-align: right;
        width: 200%
    }
}

.posts_home .more {
    display: none
}

@media (max-width: 991px) {
    .posts_home {
        margin-top: 72px
    }
}

#rand_game p {
    font-size: 0.9em;
    margin: 1em 0 0
}

#rand_game .con {
    background: #fff;
    position: relative;
    padding-bottom: 24px
}

#rand_game .more a {
    background: #ce1858;
    bottom: 0;
    color: #fff;
    display: block;
    font-size: 0.9em;
    padding: 5px 14px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}

    #rand_game .more a:hover {
        background: #000;
        color: #E8E4D9
    }

.sponsors.widget a {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}

    .sponsors.widget a * {
        -webkit-transition-property: all;
        -moz-transition-property: all;
        -o-transition-property: all;
        transition-property: all;
        -webkit-transition-timing-function: ease-out;
        -moz-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        -webkit-transition-duration: .3s;
        -moz-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s
    }

    .sponsors.widget a:hover .logo {
        background: #0c0c0c
    }

    .sponsors.widget a:hover .name {
        background: #2d2d2d !important;
        color: #e7296c
    }

    .sponsors.widget a:hover .site {
        color: #e7296c
    }

@media (max-width: 767px) {
    .sponsors.widget h4 {
        font-size: 1.5em
    }
}

.sponsors.widget h4, .sponsors.widget h5 {
    margin: 0;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: 300
}

.sponsors.widget h5 {
    color: #E0D9C7;
    display: inline-block;
    padding: 8px 0;
    text-transform: uppercase
}

.sponsors.widget .con {
    border-top: solid 1px #ce1858;
    margin: 0 -15px;
    padding: 16px 0;
    -webkit-box-shadow: inset 0 1px 0 0 #474747;
    -moz-box-shadow: inset 0 1px 0 0 #474747;
    box-shadow: inset 0 1px 0 0 #474747
}

.sponsors.widget .item {
    float: left;
    padding: 0 15px 24px;
    text-align: center;
    width: 20%
}

    .sponsors.widget .item .name {
        color: #e87795;
        display: block;
        font-size: 0.75em;
        font-weight: bold
    }

@media (max-width: 767px) {
    .sponsors.widget .item {
        width: 50%;
        text-align: center
    }
}

.sponsors.widget .logo {
    height: 96px;
    padding: 12px 0
}

    .sponsors.widget .logo img {
        display: inline-block;
        max-height: 100%;
        width: auto
    }

.sponsors.widget .name {
    display: inline-block;
    padding: 6px 12px
}

.sponsors.widget .site {
    color: #fff;
    text-align: right;
    text-transform: none
}

#event_subs .l1 {
    color: #fff;
    font-size: 0.75em;
    letter-spacing: 0.275em
}

#event_subs .l2 {
    color: #e7296c;
    font-size: 1.0em;
    line-height: 0.9em
}

#event_subs .l3 {
    color: #e7296c;
    font-size: 2.6em;
    letter-spacing: -2px;
    line-height: 0.75
}

#event_subs .l4 {
    color: #fff;
    font-size: 1.325em
}

#event_subs a:hover {
    background: #000
}

    #event_subs a:hover .l2 {
        color: #ffc640
    }

    #event_subs a:hover .li, #event_subs a:hover .l3, #event_subs a:hover .l4 {
        color: #fff
    }

.notification.submissions {
    background: #0c0c0c;
    line-height: 1;
    text-align: center
}

    .notification.submissions h1, .notification.submissions h2, .notification.submissions h3 {
        -webkit-transition-property: all;
        -moz-transition-property: all;
        -o-transition-property: all;
        transition-property: all;
        -webkit-transition-timing-function: ease-out;
        -moz-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        -webkit-transition-duration: .3s;
        -moz-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s
    }

    .notification.submissions h1 {
        color: #E0D9C7;
        font-size: 1.75em;
        margin: 0;
        font-family: 'Open Sans', Helvetica, Arial, sans-serif;
        font-weight: 300
    }

    .notification.submissions h2 {
        color: #ffc640;
        font-size: 3em;
        margin: 0;
        font-family: 'Oswald', Helvetica, Arial, sans-serif;
        font-weight: 400;
        text-transform: uppercase
    }

    .notification.submissions h3 {
        color: #6b5639;
        font-size: 1.5em;
        margin: 0;
        text-transform: uppercase;
        font-family: 'Open Sans', Helvetica, Arial, sans-serif;
        font-weight: 400
    }

    .notification.submissions a:hover h3 {
        color: #fff
    }

.submissions .wpcf7-form {
    padding-top: 36px
}

.submissions .wpcf7-response-output {
    border: 0;
    margin: -18px -40px;
    padding: 1.5em 2em
}

.submissions .wpcf7-validation-errors {
    background: #ffc640;
    color: #6b5639;
    font-size: 1.25em;
    font-family: 'Oswald', Helvetica, Arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase
}

.submissions .wpcf7-mail-sent-ok {
    background: #80f78e;
    color: #138a21
}

.form_submissions {
    color: #999
}

    .form_submissions .form_sec {
        background: #0c0c0c;
        margin: 0 -40px;
        padding: 15px;
        overflow: hidden;
        *zoom: 1
    }

    .form_submissions .form-group, .form_submissions .input-group {
        position: relative
    }

    .form_submissions legend {
        background: #000;
        border: 0;
        color: #fff;
        margin: 24px -40px 0;
        padding: 8px 24px;
        text-transform: uppercase;
        width: auto
    }

    .form_submissions label {
        color: #E0D9C7;
        font-weight: normal
    }

    .form_submissions .radio label {
        display: inline-block;
        width: 50%
    }

@media screen and (max-width: 1199px) {
    .form_submissions .radio label {
        width: 100%
    }
}

.form_submissions .checkbox label {
    display: block;
    width: 100%
}

.form_submissions .checkbox-inline {
    padding-left: 0
}

    .form_submissions .checkbox-inline label {
        padding: 0 20px 0 16px
    }

.form_submissions h3 {
    color: #ce1858;
    font-size: 1.5em
}

.form_submissions h4 {
    color: #a09a89;
    margin-top: 2.6em
}

.form_submissions p {
    font-size: 0.85em;
    line-height: 1.65em
}

    .form_submissions p strong {
        color: #ccc
    }

.form_submissions input[type="submit"] {
    color: #6b5639;
    float: left;
    font-size: 1.5em;
    font-weight: bold;
    margin: 24px 0 0;
    text-transform: uppercase
}

.form_submissions .wpcf7-validates-as-required {
    border-right-color: #ffc640;
    border-right-width: 4px
}

.form_submissions .wpcf7-not-valid {
    border-color: #ce545b;
    border-width: 2px
}

.form_submissions .wpcf7-not-valid-tip {
    background: none;
    border: none;
    color: #ce545b;
    position: static
}

.form_submissions .wpcf7-form-control-wrap {
    position: static
}

.form_submissions .ajax-loader {
    background: #fff;
    border-radius: 4px;
    margin: 24px 8px 0;
    padding: 14px
}

.form_submissions .req {
    content: '\002A';
    color: #ce545b;
    display: block;
    height: 12px;
    position: absolute;
    right: -1em;
    top: 1em;
    width: 12px
}

.form_submissions .checkbox, .form_submissions .radio {
    position: relative
}

    .form_submissions .checkbox .req, .form_submissions .radio .req, .form_submissions .input-group .req {
        top: -1em
    }

    .form_submissions .checkbox .req, .form_submissions .radio .req {
        right: 0em
    }

.form_submissions .col-md-6 {
    border-left: solid 1px #000;
    padding-left: 30px;
    padding-right: 15px
}

    .form_submissions .col-md-6:first-child {
        padding-left: 15px;
        border: 0
    }

.credits h3 {
    color: #d84a81;
    font-size: 1.25em;
    font-weight: 300;
    letter-spacing: 0.1em;
    margin: 0 0 8px;
    text-transform: uppercase
}

.credits a {
    color: #E0D9C7;
    display: inline-block;
    margin: 0 -4px;
    padding: 2px 4px;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}

    .credits a:hover {
        background: #606060;
        color: #fff
    }

.credits .unstyled {
    margin: 0 0 16px
}

.fourohfour {
    padding: 0 0 4em
}

    .fourohfour h1 {
        color: #606060;
        font-size: 20em;
        line-height: 1;
        text-align: right;
        text-shadow: 0 -3px 0 #23302E;
        font-family: 'Oswald', Helvetica, Arial, sans-serif;
        font-weight: 400;
        text-transform: uppercase
    }

@media (max-width: 991px) {
    .fourohfour h1 {
        text-align: left
    }
}

@media (max-width: 767px) {
    .fourohfour h1 {
        text-align: center
    }
}

.fourohfour h2 {
    color: #fff;
    font-size: 2.25em;
    margin: 1.5em 0 1em;
    padding: 0 0 0 10px;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: 300
}

.fourohfour p {
    color: #E8E4D9;
    font-size: 1.15em;
    line-height: 1.5em;
    margin: 0 0 1em;
    padding: 0 0 0 10px
}

@media (max-width: 991px) {
    .fourohfour {
        font-size: 0.75em
    }
}

@media (max-width: 767px) {
    .fourohfour {
        text-align: center
    }
}

.single-event .sponsors.widget .item {
    padding: 0;
    text-align: center;
    width: 33%
}

    .single-event .sponsors.widget .item .logo {
        height: 72px
    }

    .single-event .sponsors.widget .item:nth-child(3n+1) {
        clear: both
    }

.single-event .sponsors.widget .name {
    font-size: 0.75em
}

.single-event .sponsors.widget .con {
    margin: 0
}

.single-event #devs_link {
    border-bottom: 8px solid #ffc640;
    overflow: hidden;
    padding: 16px 30px
}

    .single-event #devs_link .l6 {
        color: #B8B1A0;
        font-size: 1.75em
    }

    .single-event #devs_link .l7 {
        color: #fff;
        font-size: 1em
    }

@media (max-width: 991px) {
    .single-event #devs_link {
        padding: 8px 15px
    }
}

.single-event .nav-tabs {
    border: 0
}

    .single-event .nav-tabs > li {
        margin-bottom: -2px;
        position: relative;
        text-align: center;
        top: 0;
        width: 33.333333333333333%
    }

        .single-event .nav-tabs > li > a {
            background: #0c0c0c;
            border: 0;
            border-radius: 0;
            color: #fff;
            font-size: 1.25em;
            padding: 11px 32px;
            -webkit-transition-property: all;
            -moz-transition-property: all;
            -o-transition-property: all;
            transition-property: all;
            -webkit-transition-timing-function: ease-out;
            -moz-transition-timing-function: ease-out;
            -o-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
            -webkit-transition-duration: .3s;
            -moz-transition-duration: .3s;
            -o-transition-duration: .3s;
            transition-duration: .3s
        }

            .single-event .nav-tabs > li > a:hover {
                background: #2d2d2d;
                color: #E0D9C7
            }

@media (max-width: 991px) {
    .single-event .nav-tabs > li > a {
        padding: 6px 2px 16px
    }
}

.single-event .nav-tabs > li.active {
    top: -2px
}

    .single-event .nav-tabs > li.active > a, .single-event .nav-tabs > li.active > a:hover, .single-event .nav-tabs > li.active > a:focus {
        background: #fff;
        border: 0;
        color: #000;
        padding: 12px 32px
    }

@media (max-width: 991px) {
    .single-event .nav-tabs > li.active > a, .single-event .nav-tabs > li.active > a:hover, .single-event .nav-tabs > li.active > a:focus {
        padding: 6px 2px 16px
    }
}

.single-event .tab-content {
    background: #fff;
    padding: 30px
}

@media (max-width: 991px) {
    .single-event .tab-content {
        padding: 15px
    }
}

.single-event .more-link {
    text-align: left
}

.cnt {
    display: inline-block;
    font-size: 1.5em;
    margin: -0.35em 0 -0.5em;
    padding: 0 4px;
    position: relative;
    top: 0.1em
}

    .cnt .num {
        font-weight: bold
    }

.tab-mega .cnt .num {
    color: #e7296c
}

.tab-mini .cnt .num {
    color: #ffc640
}

.tab-panels .cnt .num {
    color: #B8B1A0
}

@media (max-width: 991px) {
    .cnt {
        display: block
    }
}

.panels .con {
    margin-top: -16px;
    padding: 0
}

@media (max-width: 991px) {
    .panels .con {
        margin: 8px 0 0
    }
}

.panels li {
    border-top: solid 1px #0c0c0c;
    margin: 0 -16px 1.5em;
    padding: 12px 16px
}

@media (max-width: 991px) {
    .panels li {
        margin: 0 0 1.5em
    }
}

.panels li:first-child {
    border: 0;
    padding: 0 16px 12px
}

.panels h3 {
    color: #E8E4D9;
    background: #474747;
    margin: -12px -16px 0;
    padding: 12px 16px 8px;
    font-size: 1.5em;
    line-height: 1.25em
}

.panels h4 {
    color: #a09a89;
    font-size: 1em
}

.panels h5 {
    color: #e7296c;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: 300
}

.panels .desc {
    color: #000;
    font-size: 1.1em;
    line-height: 1.5em
}

.list_games .subtitle {
    font-size: 3em;
    letter-spacing: 0.05em;
    background: #0c0c0c;
    padding: 8px 16px
}

.list_games article {
    float: left;
    margin: 0 2% 32px 0;
    width: 31.25%
}

@media (max-width: 1199px) {
    .list_games article {
        width: 48%
    }
}

@media (max-width: 767px) {
    .list_games article {
        width: 96%
    }
}

.list_games h4 {
    color: #0c0c0c;
    height: 60px;
    line-height: 1.35em;
    margin: 0;
    overflow: hidden;
    padding: 8px 8px 4px;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: 400;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}

.list_games h5 {
    background: #fff;
    color: #e7296c;
    margin: 0;
    padding: 4px 8px 8px;
    height: 1.5em;
    white-space: nowrap;
    overflow: hidden;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}

    .list_games h5 em {
        color: #404041;
        font-style: normal;
        font-weight: normal
    }

.list_games a {
    display: block;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}

    .list_games a:hover h4 {
        background: #000;
        color: #fff
    }

    .list_games a:hover h5 {
        background: #e7296c;
        color: #fff
    }

.list_games .thumb {
    background: #000;
    height: 134px;
    overflow: hidden;
    text-align: center
}

.list_games .clearfix {
    padding: 0 0 24px
}

.list_events .event_single {
    background: #fff;
    padding: 16px
}

@media (max-width: 991px) {
    .list_events .event_single {
        margin: 0 0 36px
    }
}

.list_events .page-header {
    background: #0c0c0c;
    border: 0
}

@media (max-width: 991px) {
    .list_events .page-header {
        margin-left: 0;
        margin-bottom: 2em
    }
}

.list_events .page-header h1 {
    color: #E8E4D9;
    font-size: 4em
}

@media (max-width: 991px) {
    .list_events .page-header h1 {
        font-size: 2em
    }
}

.list_events .no-events {
    color: #E8E4D9;
    font-size: 2.5em;
    font-family: 'Oswald', Helvetica, Arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase
}

@media (max-width: 991px) {
    .list_events .gen {
        margin-bottom: 1em
    }
}

.list_events .gen > .row {
    background: #fff;
    margin: 0
}

.list_events .gen:after {
    right: 20px
}

.list_events .event {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}

.list_events .info {
    border-top: solid 12px #fff;
    padding: 6px 0 0
}

    .list_events .info h2 {
        font-size: 3.5em;
        margin: 0 0 8px
    }

    .list_events .info a {
        color: #404041
    }

        .list_events .info a:hover .event {
            color: #e7296c
        }

        .list_events .info a:hover .stats {
            background: #000;
            color: #fff
        }

        .list_events .info a:hover .count {
            color: #606060
        }

.list_events .date {
    color: #a09a89;
    font-size: 2em;
    margin: 0.1em 0 0;
    font-family: 'Oswald', Helvetica, Arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase
}

.list_events .loc {
    color: #a09a89;
    clear: right;
    font-size: 1.25em;
    font-weight: 300;
    margin: 0.35em 0 1em
}

.list_events .devs {
    margin: 0
}

.list_events .stats {
    background: #E0D9C7;
    color: #a09a89;
    display: block;
    padding: 8px 16px 16px;
    text-transform: uppercase;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}

    .list_events .stats h4 {
        display: inline-block;
        font-size: 1.75em;
        line-height: 1.25em;
        margin: 0
    }

    .list_events .stats .count {
        color: #B8B1A0;
        -webkit-transition-property: all;
        -moz-transition-property: all;
        -o-transition-property: all;
        transition-property: all;
        -webkit-transition-timing-function: ease-out;
        -moz-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        -webkit-transition-duration: .3s;
        -moz-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s
    }

    .list_events .stats .labels {
        font-family: 'Open Sans', Helvetica, Arial, sans-serif;
        font-weight: 300
    }

    .list_events .stats .slash {
        color: #B8B1A0;
        font-size: 2em;
        font-weight: 300;
        position: relative;
        top: 0.2em
    }

.list_events .meta a, .list_events .meta .off {
    display: block;
    border-radius: 4px;
    margin: 0 0 12px;
    min-height: 6em;
    padding: 8px;
    font-size: 0.9em;
    text-transform: uppercase;
    line-height: 1.35em
}

    .list_events .meta a strong, .list_events .meta .off strong {
        display: block;
        font-weight: 400
    }

.list_events .meta a {
    background: #ffc640;
    border-bottom: solid 2px #0c0c0c;
    border-left: solid 2px #0c0c0c;
    color: #404041;
    padding-right: 32px;
    position: relative;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}

    .list_events .meta a em {
        font-style: normal;
        font-size: 0.8em;
        font-weight: 600
    }

    .list_events .meta a .arrow {
        border: solid 8px #ffc640;
        position: absolute;
        right: 0;
        top: 0;
        width: 34px;
        height: 34px;
        background: #ffc640 url("../_img/ico_arr_gray.png");
        background-size: 18px
    }

    .list_events .meta a:hover {
        background: #ffa740;
        color: #000
    }

        .list_events .meta a:hover .arrow {
            background-color: #ffa740;
            border-color: #ffa740
        }

.list_events .meta .off {
    background: #2d2d2d;
    border-top: solid 2px #474747;
    border-right: solid 2px #474747;
    color: #56736d;
    opacity: 0.8
}

.list_events_past a {
    border-radius: 2px;
    display: block;
    margin: -8px;
    padding: 8px;
    position: relative;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}

    .list_events_past a:hover {
        background: #0c0c0c url("../_img/bg_txtr_noise.png")
    }

        .list_events_past a:hover .event {
            color: #fff
        }

        .list_events_past a:hover .loc, .list_events_past a:hover .date {
            color: #B8B1A0
        }

        .list_events_past a:hover li {
            background: #E8E4D9;
            color: #e7296c
        }

.list_events_past .item {
    margin: 0 0 56px 0
}

.list_events_past .event {
    margin: 0 0 12px;
    color: #e7296c;
    font-size: 2.5em
}

@media (max-width: 991px) {
    .list_events_past .event {
        font-size: 1.25em
    }
}

.list_events_past .loc {
    color: #B8B1A0;
    font-size: 1.5em;
    margin: 0 0 4px
}

@media (max-width: 991px) {
    .list_events_past .loc {
        font-size: 0.75em
    }
}

.list_events_past .date {
    color: #a09a89;
    font-size: 1em;
    font-weight: 300;
    text-transform: uppercase
}

.list_events_past .meta {
    clear: both;
    padding: 12px 0 0;
    text-align: center
}

    .list_events_past .meta li {
        background: #0c0c0c;
        border-radius: 2px;
        color: #a09a89;
        float: left;
        margin: 0 2.5% 0 0;
        padding: 4px 2.5%;
        width: 25%;
        -webkit-transition-property: all;
        -moz-transition-property: all;
        -o-transition-property: all;
        transition-property: all;
        -webkit-transition-timing-function: ease-out;
        -moz-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        -webkit-transition-duration: .3s;
        -moz-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s
    }

.list_events_past .count {
    display: block;
    font-size: 1.5em;
    font-weight: bold
}

.list_events_past.press a:hover h2 {
    background: #0c0c0c;
    color: #e7296c
}

.list_events_past.press a:hover .loc {
    color: #fff
}

.list_events_past.press h2 {
    font-size: 2em
}

.list_events_past.press .item {
    margin-bottom: 36px
}

.list_events_past.press .date {
    margin: 0;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: 400
}

@media (max-width: 991px) {
    .list_events_past {
        margin: 0 0 24px
    }
}

.events .list_events_past .item {
    float: left;
    margin: 0 10% 56px 0;
    width: 40%
}

.single-project a {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}

.single-project .project {
    background: #0c0c0c;
    margin: -24px 0 0;
    position: relative
}

    .single-project .project hgroup {
        padding: 32px 16px 24px
    }

@media (max-width: 991px) {
    .single-project .project hgroup {
        padding: 16px 8px 12px
    }
}

.single-project .project h1 {
    color: #E8E4D9;
    font-size: 4em;
    line-height: 1;
    margin: 0;
    width: 70%;
    word-break: break-word;
    font-family: 'Oswald', Helvetica, Arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase
}

@media (max-width: 991px) {
    .single-project .project h1 {
        font-size: 3em
    }
}

.single-project .project h2 {
    color: #FFFCF0;
    font-size: 1em;
    margin: 0 0 6px;
    text-align: right;
    width: 25%;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: 700
}

    .single-project .project h2 a {
        color: #e7296c
    }

.single-project .project h3 {
    clear: right;
    color: #FFFCF0;
    font-size: 1em;
    text-align: right;
    width: 25%;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: 300
}

.single-project .project .con {
    background: #0c0c0c;
    border-bottom: solid 4px #0a0a0a;
    border-top: solid 12px #000;
    margin: 0;
    padding: 0
}

@media (max-width: 991px) {
    .single-project .project .con {
        border-top: 0;
        margin-top: -8px
    }
}

.single-project .media-slideshow {
    width: 100%;
    margin: auto;
    background: #000;
    z-index: 500
}

    .single-project .media-slideshow li {
        background: #000;
        height: 433px;
        line-height: 433px;
        width: 100%;
        text-align: center
    }

@media (max-width: 991px) {
    .single-project .media-slideshow li {
        height: 240px;
        line-height: 240px
    }
}

.single-project .media-slideshow img {
    max-height: 100%;
    vertical-align: middle
}

@media (max-width: 991px) {
    .single-project .media-slideshow iframe, .single-project .media-slideshow object, .single-project .media-slideshow embed {
        height: 240px;
        line-height: 240px
    }
}

.single-project .media-slideshow .video-thumbnail {
    display: none
}

.single-project .media-slideshow .cycle-video {
    position: relative;
    width: 100%;
    margin-top: 0 !important
}

    .single-project .media-slideshow .cycle-video iframe, .single-project .media-slideshow .cycle-video object, .single-project .media-slideshow .cycle-video embed {
        width: 100%;
        height: 100%
    }

.single-project .cycle-prevnext {
    width: 100%;
    position: absolute;
    z-index: 800
}

    .single-project .cycle-prevnext .prev, .single-project .cycle-prevnext .next {
        top: 30px;
        color: #fff;
        padding: 150px 30px;
        position: absolute;
        font-size: 30px;
        cursor: pointer;
        width: 30%
    }

        .single-project .cycle-prevnext .prev .glyphicon, .single-project .cycle-prevnext .next .glyphicon {
            opacity: 0;
            text-shadow: rgba(0,0,0,0.75) 0 1px 2px
        }

        .single-project .cycle-prevnext .prev:hover .glyphicon, .single-project .cycle-prevnext .next:hover .glyphicon {
            opacity: 1
        }

    .single-project .cycle-prevnext .prev {
        left: 0
    }

    .single-project .cycle-prevnext .next {
        right: 0;
        text-align: right
    }

.single-project .cycle-pager {
    margin: 0;
    padding: 0
}

    .single-project .cycle-pager li {
        margin: 0;
        height: 150px;
        overflow: hidden;
        cursor: pointer
    }

    .single-project .cycle-pager img {
        display: block;
        opacity: .5;
        cursor: pointer
    }

        .single-project .cycle-pager img:hover {
            opacity: 1
        }

    .single-project .cycle-pager .flex-active-slide img {
        opacity: 1;
        cursor: default
    }

    .single-project .cycle-pager img {
        vertical-align: top
    }

    .single-project .cycle-pager .trailer {
        background: #b51657;
        background-repeat: repeat;
        position: relative;
        background-attachment: scroll
    }

    .single-project .cycle-pager .glyphicon-play {
        color: rgba(255,255,255,0.5);
        background-color: rgba(0,0,0,0.1);
        display: inline-block;
        padding: 6px 15px;
        line-height: 1;
        font-size: 30px;
        top: 50%;
        left: 50%;
        margin: -25px 0 0 -30px;
        position: absolute;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px
    }

.single-project .meta {
    background: #E8E4D9;
    font-size: 0.9em;
    margin-top: -24px;
    margin-left: -30px
}

    .single-project .meta .con {
        background: #E8E4D9;
        margin-left: 16px;
        padding-bottom: 10px
    }

    .single-project .meta .what {
        display: inline-block;
        font-size: 1.1em;
        font-weight: 600;
        text-align: center;
        width: 16px
    }

    .single-project .meta a {
        color: #a09a89;
        word-break: break-word
    }

        .single-project .meta a:hover {
            color: #2d2d2d
        }

@media (max-width: 991px) {
    .single-project .meta {
        margin: -72px 0 1em
    }
}

.single-project .desc {
    color: #fff;
    line-height: 1.5em;
    margin: 0 0 24px
}

    .single-project .desc .con {
        padding: 0 16px
    }

.single-project .purchase {
    padding: 24px 0 0
}

    .single-project .purchase .wrap {
        margin: 0 0 24px;
        background-color: #ffc640;
        background-image: url("../_img/bg_stripe_large.png");
        border-color: #DEB043
    }

        .single-project .purchase .wrap:hover {
            background: #000;
            border-color: #B8B1A0
        }

            .single-project .purchase .wrap:hover .heading {
                color: #E0D9C7
            }

    .single-project .purchase .heading {
        color: #474747
    }

    .single-project .purchase .for {
        background: #DEB043;
        color: #fff;
        display: inline-block;
        margin: 0 -16px -16px 0px;
        padding: 4px 8px
    }

        .single-project .purchase .for dt {
            display: inline-block;
            text-transform: uppercase
        }

        .single-project .purchase .for dd {
            display: inline-block;
            margin: 0 0 0 8px
        }

    .single-project .purchase .glyphicon {
        margin-top: 0;
        opacity: 0.5;
        top: 8px
    }

.single-project .events .con {
    background: #2d2d2d;
    font-size: 1.5em;
    margin-top: -22px;
    padding: 0;
    text-transform: uppercase
}

@media (max-width: 991px) {
    .single-project .events .con {
        font-size: 1em;
        margin-top: -15px
    }
}

.single-project .events li {
    display: inline-block;
    width: 49.65%
}

.single-project .events a {
    color: #fff;
    display: block;
    font-weight: 600;
    padding: 12px 16px;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}

    .single-project .events a:hover {
        background: #000
    }

.single-project .awards .con {
    background: #330c1c;
    margin-top: -22px;
    padding-bottom: 0;
    padding-top: 8px
}

@media (max-width: 991px) {
    .single-project .awards .con {
        margin-top: -15px
    }
}

.single-project .awards li {
    border-top: solid 1px #2d2d2d
}

    .single-project .awards li:first-child {
        border-top: 0;
        padding: 0 0 8px
    }

.single-project .awards a {
    color: #e87795;
    display: block;
    margin: 0 -16px;
    padding: 8px 16px
}

    .single-project .awards a:hover {
        color: #fff
    }

.single-project .articles a {
    color: #606060;
    display: inline-block;
    padding: 6px
}

    .single-project .articles a:hover {
        background: #606060;
        color: #fff
    }

.single-project .articles .item {
    border-top: solid 1px #2d2d2d;
    margin: 12px 0 12px 8px;
    padding: 24px 0 0
}

    .single-project .articles .item:first-child {
        border-top: none;
        margin: 0 0 12px 8px;
        padding: 0
    }

.single-project .articles .headline {
    font-size: 1.25em;
    font-weight: 400;
    line-height: 1.25em;
    text-transform: none
}

    .single-project .articles .headline a {
        color: #E0D9C7
    }

        .single-project .articles .headline a:hover {
            color: white
        }

.single-project .articles .src {
    color: #606060;
    font-size: 0.9em;
    margin: 0 0 8px;
    text-transform: uppercase;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: 700
}

.single-project .articles .more {
    color: #d84a81;
    text-transform: none
}

.single-project .studio {
    background: #0c0c0c;
    padding: 16px 0 0
}

    .single-project .studio h2 {
        color: #B8B1A0;
        font-size: 1.5em;
        margin: 0 0 16px;
        font-family: 'Open Sans', Helvetica, Arial, sans-serif;
        font-weight: 700
    }

    .single-project .studio .small {
        color: #2d2d2d
    }

    .single-project .studio .info {
        color: #a09a89;
        font-size: 0.9em;
        margin: 0 0 1.5em
    }

    .single-project .studio .more {
        list-style-type: square;
        margin: 0 0 0 24px
    }

        .single-project .studio .more a {
            color: #d84a81;
            font-size: 0.9em;
            margin: -4px -8px;
            padding: 4px 8px;
            position: relative;
            text-transform: none
        }

            .single-project .studio .more a:hover {
                background: #000;
                color: #fff
            }

        .single-project .studio .more li {
            margin: 0 0 4px
        }

@media (max-width: 991px) {
    .single-project .studio {
        margin: 0 0 36px
    }
}

#alumni.widget {
    background: #E0D9C7;
    margin: 0 -16px;
    padding: 0 16px 8px;
    vertical-align: top
}

    #alumni.widget th, #alumni.widget td {
        padding: 8px
    }

    #alumni.widget tr:nth-child(odd) > td {
        background: #E8E4D9
    }

    #alumni.widget th {
        color: #a09a89;
        font-size: 1em;
        text-transform: uppercase;
        font-family: 'Open Sans', Helvetica, Arial, sans-serif;
        font-weight: 700
    }

    #alumni.widget td {
        border-top: solid 1px #FFFCF0;
        font-size: 0.9em;
        line-height: 1.35em
    }

    #alumni.widget a {
        color: #000;
        display: block;
        margin: -8px;
        padding: 8px;
        -webkit-transition-property: all;
        -moz-transition-property: all;
        -o-transition-property: all;
        transition-property: all;
        -webkit-transition-timing-function: ease-out;
        -moz-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        -webkit-transition-duration: .3s;
        -moz-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s
    }

        #alumni.widget a:hover {
            text-decoration: none
        }

@media (max-width: 991px) {
    #alumni.widget {
        padding: 0
    }

        #alumni.widget table {
            display: block
        }

        #alumni.widget thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px
        }

        #alumni.widget tbody {
            display: block;
            width: 100%
        }

        #alumni.widget tr {
            display: block;
            width: 100%
        }

        #alumni.widget th {
            display: block
        }

        #alumni.widget td {
            display: block;
            position: relative;
            padding-left: 35%;
            width: 100%;
            white-space: wrap
        }

            #alumni.widget td:nth-of-type(1):before {
                content: "Title"
            }

            #alumni.widget td:nth-of-type(2):before {
                content: "Developer"
            }

            #alumni.widget td:nth-of-type(3):before {
                content: "Shown At"
            }

            #alumni.widget td:nth-of-type(4):before {
                content: "Accolades"
            }

            #alumni.widget td:before {
                position: absolute;
                top: 6px;
                left: 6px;
                width: 45%;
                padding-right: 10px;
                white-space: nowrap
            }
}

#alumni.widget .game {
    font-weight: bold
}

    #alumni.widget .game a:hover {
        background: #000;
        color: #fff
    }

#alumni.widget .acc a {
    color: #e7296c
}

    #alumni.widget .acc a:hover {
        color: #fff;
        background: #e7296c
    }

.featured-news .meta, .news-archive .meta {
    margin-bottom: .65em;
    font-size: 1em;
    display: block;
    float: left;
    font-size: 0.9em;
    text-transform: uppercase
}

    .featured-news .meta a, .news-archive .meta a {
        color: #b51657
    }

.featured-news .comments, .news-archive .comments {
    margin-left: 25px;
    float: left;
    display: block
}

    .featured-news .comments a, .news-archive .comments a {
        color: #b51657;
        font-size: 16px
    }

        .featured-news .comments a:before, .news-archive .comments a:before {
            font-family: 'Glyphicons Halflings';
            display: inline-block;
            font-style: normal;
            font-weight: 400;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            content: "\e111";
            padding: 2px 4px;
            display: block;
            float: left;
            font-size: 18px
        }

.featured-news .comments, .featured-news .meta, .news-archive .comments, .news-archive .meta {
    position: absolute
}

.featured-news .more a, .news-archive .more a {
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    padding: 2px 8px;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    background: #E8E4D9;
    color: #404041;
    font-size: 0.8em;
    text-transform: uppercase
}

    .featured-news .more a:hover, .news-archive .more a:hover {
        background: #404041;
        color: #E8E4D9
    }

.featured-news {
    margin-top: -24px
}

@media (max-width: 767px) {
    .featured-news .widget {
        margin: 0
    }
}

.featured-news .hero, .featured-news .hero-nav {
    list-style: none;
    margin: 0;
    padding: 0
}

.featured-news .hero {
    position: relative;
    z-index: 50
}

    .featured-news .hero .article {
        position: relative;
        max-height: 377px;
        overflow: hidden;
        margin-bottom: 10px
    }

@media (max-width: 991px) {
    .featured-news .hero .article {
        max-height: none
    }
}

.featured-news .hero .article .category {
    background: #E8E4D9;
    color: #603913;
    top: -10px;
    right: 370px;
    z-index: 900;
    padding: 8px 16px;
    text-transform: uppercase;
    position: absolute
}

.featured-news .hero .article .thumb {
    display: block
}

    .featured-news .hero .article .thumb .img-wrap {
        background: #000;
        height: 377px;
        overflow: hidden
    }

@media (max-width: 991px) {
    .featured-news .hero .article .thumb .img-wrap {
        height: 248px
    }
}

@media (max-width: 767px) {
    .featured-news .hero .article .thumb .img-wrap {
        height: 128px
    }
}

.featured-news .hero .article .thumb img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.featured-news .hero .article .summary {
    position: relative;
    min-height: 255px
}

@media (min-width: 992px) {
    .featured-news .hero .article .summary {
        background: #fff;
        margin-left: -15px;
        padding: 15px
    }
}

@media (max-width: 991px) {
    .featured-news .hero .article .summary {
        top: 122px;
        min-height: 286px
    }
}

@media (max-width: 767px) {
    .featured-news .hero .article .summary {
        font-size: 0.9em;
        min-height: 236px;
        top: 60px
    }
}

.featured-news .hero .article .title {
    background-color: #0c0c0c;
    font-size: 2.1em;
    line-height: 1.1em;
    text-transform: uppercase;
    padding: 15px 20px;
    display: block;
    font-family: 'Oswald', Helvetica, Arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase
}

@media (min-width: 992px) {
    .featured-news .hero .article .title {
        margin: -15px -15px .45em
    }
}

@media (max-width: 991px) {
    .featured-news .hero .article .title {
        margin: 0
    }
}

.featured-news .hero .article .title a {
    color: #fff;
    margin: 0 -16px -12px;
    padding: 0 16px 12px;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}

.featured-news .hero .article .bd {
    padding: 0 20px 32px;
    position: relative;
    margin: 0 -15px;
    font-size: 1em
}

@media (max-width: 991px) {
    .featured-news .hero .article .bd {
        background: #fff;
        margin: inherit;
        padding: 15px 15px 24px
    }
}

.featured-news .hero .article .comments {
    bottom: 8px;
    left: -6px;
    font-size: 0.9em
}

@media (max-width: 767px) {
    .featured-news .hero .article .comments {
        display: none
    }
}

.featured-news .hero .article .meta {
    bottom: 1px;
    left: 75px;
    font-size: 0.9em
}

@media (max-width: 767px) {
    .featured-news .hero .article .meta {
        left: 16px;
        bottom: 5px
    }
}

.featured-news .hero-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 255px;
    z-index: 100
}

@media (max-width: 991px) {
    .featured-news .hero-nav {
        right: auto;
        top: 248px;
        width: 100%
    }
}

@media (max-width: 767px) {
    .featured-news .hero-nav {
        top: 128px
    }
}

.featured-news .hero-nav li {
    display: inline;
    float: left;
    height: 122px;
    position: relative;
    vertical-align: top;
    width: 122px;
    background-color: #000
}

    .featured-news .hero-nav li a {
        display: block;
        line-height: 100px;
        height: 100%;
        text-align: center;
        width: 100%
    }

@media (max-width: 1199px) {
    .featured-news .hero-nav li {
        width: 121.25px
    }
}

@media (max-width: 991px) {
    .featured-news .hero-nav li {
        width: 25%
    }
}

@media (max-width: 767px) {
    .featured-news .hero-nav li {
        height: 60px
    }
}

.featured-news .hero-nav li.cycle-pager-active a:before, .featured-news .hero-nav li.cycle-pager-active a:after {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.featured-news .hero-nav li.cycle-pager-active a:before {
    border: 0;
    height: 100%;
    width: 100%;
    display: block;
    top: 0;
    -webkit-box-shadow: inset 0 0 0 3px #E0D9C7;
    -moz-box-shadow: inset 0 0 0 3px #E0D9C7;
    box-shadow: inset 0 0 0 3px #E0D9C7
}

.featured-news .hero-nav li.cycle-pager-active a:after {
    border-bottom-color: #E0D9C7;
    border-width: 15px;
    left: 50%;
    bottom: 0;
    margin-left: -15px
}

.featured-news .hero-nav li img {
    width: 122px
}

@media (max-width: 767px) {
    .featured-news .hero-nav li img {
        max-height: 100%;
        max-width: 100%;
        vertical-align: top
    }
}

.news-archive {
    margin-top: 32px
}

    .news-archive .content {
        margin: 0
    }

        .news-archive .content header {
            padding: 0;
            border-bottom: solid 1px #ce1858;
            margin: 0 0 18px;
            -webkit-box-shadow: inset 0 -1px 0 0 #2d2d2d;
            -moz-box-shadow: inset 0 -1px 0 0 #2d2d2d;
            box-shadow: inset 0 -1px 0 0 #2d2d2d
        }

            .news-archive .content header h3 {
                background: #0c0c0c;
                color: #a09a89;
                display: inline-block;
                font-size: 1em;
                margin: 0 0 1.5em;
                padding: 8px 16px;
                text-transform: uppercase;
                font-family: 'Open Sans', Helvetica, Arial, sans-serif;
                font-weight: 300
            }

    .news-archive .summary {
        height: 148px;
        overflow: hidden;
        padding: 15px
    }

@media (max-width: 767px) {
    .news-archive .summary {
        padding: 8px;
        width: 50%
    }
}

.news-archive a img {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}

.news-archive a:hover img {
    opacity: 0.5
}

.news-archive article {
    background: #fff;
    height: 180px;
    margin-bottom: 30px
}

.news-archive img {
    border: 0;
    margin-bottom: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

@media (max-width: 767px) {
    .news-archive img {
        max-width: 40%
    }
}

.news-archive h3 {
    margin-top: 0;
    font-size: 1.5em;
    line-height: 1.1em
}

.news-archive p {
    margin-bottom: .65em
}

.news-archive a {
    color: #b51657;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}

    .news-archive a:hover {
        color: #ce1858
    }

.news-archive .comments {
    bottom: 8px;
    left: 188px
}

@media (max-width: 1199px) {
    .news-archive .comments {
        background: #fff;
        bottom: 0;
        left: -25px;
        padding: 2px 5px 2px 2px
    }
}

.news-archive .meta {
    bottom: 1px;
    right: 10px
}

.news-archive p.more {
    display: none
}

.count {
    color: #E8E4D9
}

.pager li > a, .pager li > span {
    border: 0;
    border-radius: 0
}

    .pager li > a:hover, .pager li > a:focus {
        background: #e7296c;
        color: #fff
    }

.news-detail header {
    margin: 0;
    padding: 0
}

    .news-detail header img {
        border: 0;
        max-width: 100%;
        margin: 0;
        float: none;
        height: auto;
    }

    .news-detail header .title {
        background: #fff;
        font-size: 2.5em;
        line-height: 1.1em;
        margin: -24px 0 0;
        padding: 36px 32px
    }

.news-detail .meta {
    background: #d84a81;
    color: #fff;
    line-height: 30px;
    padding: 8px 32px;
    text-transform: uppercase
}

    .news-detail .meta .author a {
        color: #b51657;
        font-weight: bold;
        -webkit-transition-property: all;
        -moz-transition-property: all;
        -o-transition-property: all;
        transition-property: all;
        -webkit-transition-timing-function: ease-out;
        -moz-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        -webkit-transition-duration: .3s;
        -moz-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s
    }

        .news-detail .meta .author a:hover {
            color: #fff
        }

.news-detail h2 {
    background: none;
    font-size: 4em;
    margin: 0 0 0.5em -16px
}

.news-detail .crosspost {
    margin-bottom: 0;
    padding: 12px 32px
}

    .news-detail .crosspost .crosspost-link {
        text-decoration: none
    }

    .news-detail .crosspost h4 {
        font-size: 14px;
        margin-bottom: 0
    }

    .news-detail .crosspost ul li {
        display: inline-block;
        margin-right: 7px
    }

        .news-detail .crosspost ul li:after {
            content: "/";
            display: inline-block;
            padding-left: 8px
        }

        .news-detail .crosspost ul li:last-child:after {
            content: ""
        }

.news-detail .social-buttons {
    float: right;
    clear: right
}

.news-detail .con {
    background-color: #FFFCF0
}

    .news-detail .con a {
        color: #b51657;
        text-decoration: underline
    }

        .news-detail .con a:hover {
            text-decoration: none
        }

    .news-detail .con .social-buttons a {
        color: #fff;
        position: relative;
        padding-left: 30px
    }

        .news-detail .con .social-buttons a .symbol {
            font-size: 35px;
            line-height: 18px;
            position: absolute;
            left: 3px;
            display: block
        }

    .news-detail .con .meta a, .news-detail .con .social-buttons a {
        text-decoration: none
    }

.news-archive.filtered {
    margin-top: 0
}

    .news-archive.filtered .page-header {
        background: #0c0c0c;
        margin-top: -24px;
        padding-bottom: 0
    }

        .news-archive.filtered .page-header h1 {
            font-size: 3em;
            padding-bottom: 24px
        }

        .news-archive.filtered .page-header h2 {
            margin-top: 0
        }

        .news-archive.filtered .page-header .about {
            border: none;
            margin: 0 -16px;
            padding: 16px
        }

            .news-archive.filtered .page-header .about img {
                border: solid 4px #fff;
                float: left;
                margin: 0 1.5em 1.5em 0;
                max-width: 97.5%;
                -webkit-box-shadow: 0px 8px 2px -5px rgba(0,0,0,0.15);
                -moz-box-shadow: 0px 8px 2px -5px rgba(0,0,0,0.15);
                box-shadow: 0px 8px 2px -5px rgba(0,0,0,0.15)
            }

    .news-archive.filtered .filter-list article {
        background: #fff;
        margin: 32px 0
    }

    .news-archive.filtered .filter-list h3 {
        margin: 0;
        padding: 16px 0 24px
    }

    .news-archive.filtered .filter-list a * {
        -webkit-transition-property: all;
        -moz-transition-property: all;
        -o-transition-property: all;
        transition-property: all;
        -webkit-transition-timing-function: ease-out;
        -moz-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        -webkit-transition-duration: .3s;
        -moz-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s
    }

    .news-archive.filtered .filter-list a:hover h3 {
        background: #000;
        color: #fff
    }

.cat-interviews .news-detail p {
    margin: 0 0 10px
}

.main .about {
    border-top: 24px solid #fff;
    border-bottom: 24px solid #fff;
    background: #E8E4D9;
    margin: 0 -32px;
    padding: 8px 32px
}

    .main .about h2 {
        font-size: 1.5em
    }

    .main .about .info img {
        border-color: #fff
    }

    .main .about .links {
        clear: both
    }

        .main .about .links li {
            padding-bottom: 0.5em
        }

body.archive .hero-nav, body.archive .cta-row {
    display: none
}

.mejs-inner {
    height: 30px
}

.woocommerce .main {
    background: #fff
}

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
  width: 20% !important;
}

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
  width: 76% !important;
}

img.summary_element_content {
  max-height: 5em;
}

.composite_summary li.summary_element span.summary_element_content, .composite_summary .woocommerce-page #content div.product span.summary_element_content {
  font-size: 1rem !important;
}

.woocommerce div.product form.cart .variations td.label {
  float: left;
  color: black;
}

.podcast_desc {
    background: #0c0c0c;
    color: #E8E4D9;
    margin: -32px -16px -24px;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: 700
}

.latest_podcast {
    background: #FFFCF0
}

    .latest_podcast .desc {
        padding: 4px 24px 24px
    }

        .latest_podcast .desc a {
            color: #b51657;
            -webkit-transition-property: all;
            -moz-transition-property: all;
            -o-transition-property: all;
            transition-property: all;
            -webkit-transition-timing-function: ease-out;
            -moz-transition-timing-function: ease-out;
            -o-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
            -webkit-transition-duration: .3s;
            -moz-transition-duration: .3s;
            -o-transition-duration: .3s;
            transition-duration: .3s
        }

            .latest_podcast .desc a:hover {
                color: #ce1858
            }

        .latest_podcast .desc .more a {
            font-weight: bold
        }

    .latest_podcast h2 {
        font-family: 'Oswald', Helvetica, Arial, sans-serif;
        font-weight: 400;
        text-transform: uppercase
    }

    .latest_podcast .podcast_meta {
        background: #000;
        clear: both;
        color: #a09a89;
        margin: 0;
        padding: 4px;
        width: 400px
    }

        .latest_podcast .podcast_meta a {
            color: #DEB043;
            padding: 2px 4px
        }

            .latest_podcast .podcast_meta a:hover {
                background: #DEB043;
                color: #fff
            }

.cta_podcast .wrap {
    background: #000;
    text-transform: uppercase;
    font-weight: bold;
    padding-right: 4em
}

    .cta_podcast .wrap .glyphicon {
        position: absolute;
        font-size: 150%;
        right: 16px;
        line-height: 24px;
        margin-top: -12px;
        opacity: 0.5;
        top: 50%
    }

    .cta_podcast .wrap:active {
        border-color: #DEB043;
        color: #FFFCF0;
        text-decoration: none
    }

    .cta_podcast .wrap:hover {
        background: #000;
        border-color: #B8B1A0;
        color: #fff;
        -webkit-box-shadow: 0 3px 0 0 #0c0c0c;
        -moz-box-shadow: 0 3px 0 0 #0c0c0c;
        box-shadow: 0 3px 0 0 #0c0c0c
    }

        .cta_podcast .wrap:hover .glyphicon {
            opacity: 1;
            right: 8px
        }

.podcast_subscribe .wrap {
    background: #30A3DC;
    color: #fff
}

    .podcast_subscribe .wrap span {
        font-size: 1.5em;
        margin-right: 6px
    }

.podcast_download .wrap {
    background: #DEB043;
    color: #6b5639
}

    .podcast_download .wrap span {
        font-size: 2em;
        margin-right: 4px
    }

.podcast_rss .wrap {
    background: #EA862F;
    color: #fff
}

    .podcast_rss .wrap span {
        font-size: 1.8em;
        margin-right: 4px
    }

.volunteer_form {
    background-color: #FFFCF0;
    padding: 16px
}

#footer {
    border-top: dashed 2px #474747;
    color: #FFFCF0;
    padding: 16px 0 32px;
    background: #0c0c0c;
}

    #footer nav {
        font-size: 0.8em;
        letter-spacing: 0.2em;
        text-transform: uppercase
    }

        #footer nav li {
            display: inline-block
        }

            #footer nav li a {
                padding: 6px;
                -webkit-transition-property: all;
                -moz-transition-property: all;
                -o-transition-property: all;
                transition-property: all;
                -webkit-transition-timing-function: ease-out;
                -moz-transition-timing-function: ease-out;
                -o-transition-timing-function: ease-out;
                transition-timing-function: ease-out;
                -webkit-transition-duration: .3s;
                -moz-transition-duration: .3s;
                -o-transition-duration: .3s;
                transition-duration: .3s
            }

@media (max-width: 991px) {
    #footer nav {
        text-align: center
    }
}

#footer #nav_footer ul {
    margin: 4px 0 0.5em
}

#footer #nav_footer a {
    color: #d84a81;
    background: #0c0c0c
}

    #footer #nav_footer a:hover {
        background: #000
    }

@media (max-width: 991px) {
    #footer #nav_footer a {
        margin: 0 0 4px
    }
}

#footer #nav_footer_meta {
    clear: left;
    font-size: 0.7em;
    padding: 4px 0 0
}

    #footer #nav_footer_meta a {
        color: #B8B1A0
    }

        #footer #nav_footer_meta a:hover {
            background: #b51657;
            color: #fff
        }

#footer .cta_newsletter {
    background: 0;
    border: 0;
    padding-right: 0 !important;
    text-align: right
}

    #footer .cta_newsletter .heading {
        margin-right: 0
    }

@media (max-width: 991px) {
    #footer .cta_newsletter {
        margin: 48px 0 0;
        text-align: center
    }
}

#footer #copyright {
    font-size: 0.8em;
    line-height: 1.5em;
    text-align: right
}

@media (max-width: 991px) {
    #footer #copyright {
        text-align: center
    }
}

#footer #login a {
    background: #606060;
    color: #fff;
    display: inline-block;
    font-size: 0.7em;
    letter-spacing: 0.2em;
    margin-top: 16px;
    padding: 6px 6px 8px;
    text-transform: uppercase;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-box-shadow: inset 0px -2px 0px #0c0c0c;
    -moz-box-shadow: inset 0px -2px 0px #0c0c0c;
    box-shadow: inset 0px -2px 0px #0c0c0c
}

    #footer #login a:hover {
        background: #DEB043
    }

@media (max-width: 991px) {
    #footer #login {
        text-align: center
    }
}