@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic);
@import url(https://fonts.googleapis.com/css?family=Exo+2);

@charset "UTF-8";
/*
Theme Name: Konami PES
Theme URI: http://www.pemedia.de
Author: pemedia
Author URI: http://www.pemedia.de/
Description: Konami PES
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: konamipes

This theme, like WordPress, is licensed under the GPL.
*/

/*------------------------ */
/* STANDARD HTML TAG RESET */
/*------------------------ */

* {
    border: 0;
    margin: 0;
    padding: 0;
    outline: 0;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

body {
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    font-size: 16px;
    color:#000;

    background-color: #ededed;
    background-image:url(img/bg_kachel.jpg);
    overflow-x:hidden;
    padding-top:50px; /* header fix */

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body.single {
    background-image:none;
    background-color: #fff;
}


body.search-no-results {
    padding-top:100px;
}

body.single-media,
body.mediadetail-body {
    background-color: #ededed;
}

body.buy-now-2015-body {
    background: url('img/bg-buy-now.jpg');
    background-size: cover;
    background-position: top;
}

body.buy-now-2015-body p {
    color: white;
}

body.buy-now-2015-body a {
    font-family: StratumBold;
    color: white;
}

body.buy-now-body {
    background: transparent;
    background-size: cover;
    background-position: top;
}

a.button.psn
{
    color: black;
}

a.button.steam
{
    color: black;
}


 .psncontainer a
{
    color: black;
}

hr {
    border-top:1px solid #dcdcdc;
    margin:40px 0;
}

time { display:block; }
time.published { margin-top:25px; }

h1, .content h2 {
    font-family: 'StratumBold';
    text-transform: uppercase;
    font-size: 20px;
    font-weight:400;
}

h1, h2, h3, h4 {
    font-weight:400;
}

p { line-height : 1.5em; }
.item p { line-height : 1.3em; }

a,
a:hover,
a:active {
    color:inherit;
    text-decoration:none;
}

/* CONTENT FORMAT */

.content > * {
    margin-bottom:20px;

}

.content > *,
.precontent section > * {
    margin-bottom: 20px;
}

.single-media .content p {
    margin-bottom:20px;
}

.content > *:last-child,
.precontent section > *:last-child {
    margin-bottom:0;
}

.fb-like {
    margin-bottom:5px;
}

.content iframe {
    display:block;
    /*margin-bottom:5px;*/
}

.content h1,
.precontent h1 {
    font-size:45px;
    line-height : 1em;
}

.content h2,
.precontent h2 {
    font-size:30px;
    line-height : 1em;
}

.content ol,
.content ul {
    padding-left:40px;
}

.content li {
    line-height : 1.5em;
}

.content li,
.item p,
.headlinetext p,
article .content p {
    color:#282828;
}

.content blockquote {
    width:300px;
    margin-left:20px;
    float:right;
    clear:right
}

.content blockquote + div {
    clear:right
}

.content blockquote p::after,
.content blockquote p::before {
    content: '"';
}

.precontent section p,
.content blockquote p {
    font-size:30px;
    font-style: oblique;
    line-height : 1.3em;
    color:#000;
}

.relcontent h4 {
    font-size:25px;
    font-weight:700;
    color:#7f7f7f;
}

.content img {
    width:100%;
    height:auto;
}

article section.content p:first-of-type::first-letter {
    color:#000;
    font-weight: 700;
    font-size: 4em;
    float: left;
    line-height: 1em;
    margin-right: 5px;
    margin-top:-3px;
}

.page .content h1,
.page .content h2,
.page .content h3,
.page .content h4,
.page .content h5,
.page .content h6 {
    color:#ba2123;
}


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

    .precontent h1 {
        font-size:30px;
    }

    .precontent section p,
    .content blockquote p {
        font-size:18px;
    }

}

/*------------------- */
/* MAIN LAYOUT */
/*------------------- */


/* HEADER */
.header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 72px;
    background: #000000;
    z-index: 999;
}

/*.article-header{*/
    /*position: fixed;*/
    /*margin: auto;*/
    /*width: 100%;*/
    /*height : 0;*/
    /*height: 470px;*/
    /*padding-bottom:65px;*/
    /*padding-top:56.25%;*/
    /*background-size: cover;*/
    /*background-position: center;*/
    /*background-repeat:no-repeat;*/
/*}*/

.header-content {
    position: relative;
    margin: auto;
    width: 1420px;
    height: 72px;
    background: #000000;
    z-index: 999;
}

.header .logo {
    display:block;
    position: relative;
    top: 0;
    left: 0px;
    width: 100px;
    height: 72px;
    background: url(img/logo-konami.png) center center no-repeat;
    background-size: contain;
}

.header .pitch {
    position: absolute;
    top: 0;
    right: 0px;
    width: 180px;
    height: 72px;
}

.pitch .pitch-logo {
    /*position: absolute;*/
    float: left;
    line-height: 34px;
    width: 59px;
    height: 68px;
    background: url(img/logo-pitch.png) center center no-repeat;
    background-size: contain;
}

.pitch .slogan {
    position: absolute;
    float: left;

    right: 0;
    top: 50%;
    margin-top: -25px;
    width: 120px;
    height: 50px;
    padding: 0px 10px;

    border-left: 1px solid #404040;
}

.pitch h1 {
    font-family: 'StratumBold';
    text-transform: uppercase;
    font-size: 20px;
    color: #ffffff;
}

body.buy-now-body .content {
    overflow:hidden;
    color:#fff !important;
}

body.buy-now-body .content p {
    margin-top:15px;
}

body.buy-now-20015-body .content {
    overflow:hidden;
    color:#fff !important;
}

body.buy-now-20015-body .content p {
    margin-top:15px;
}

body.buy-now-body #content {
    max-width: 835px;
    margin: 25px auto 0;
    padding-left: 85px;
    padding-right: 85px;

}

body.buy-now-2015-body #content {
    max-width: 835px;
    margin: 25px auto 0;
    padding-left: 85px;
    padding-right: 85px;

}

.platformbox {
    overflow:hidden;
    width:320px; !important;
    margin-left: 520px;
}

a.select {
    display:block;
    float:left;
    width:150px;
    height:30px;
    line-height : 30px;
    padding-left:25px;

    background-image:url(img/radiobutton-white-off.png);
    background-position: left center;
    background-repeat: no-repeat;
}

a.select.active {
    background-image:url(img/radiobutton-white-on.png);
}

.buttonbox {
    overflow:hidden;
    width:320px;
    margin-top:20px;
    margin-left: 500px;
}

a.button {
    display:block;
    float:left;
    width:130px;
    height:40px;
    line-height : 40px;

    margin:5px 15px;

    font-family: 'StratumBold';
    text-transform: uppercase;
    text-align: center;
    font-size: 15px;

    background:#e21a22;
}

.psncontainer
{
    float :left;
    background: transparent;
    width: 320px;
    height: 40px;
    padding-left: 20px;
}

.hiddencontainer
{
    display: none;
}

a.psn
{
    display:block;
    float: left;
    width:130px;
    height:40px;
    line-height : 40px;
    margin: 5px 15px;

    color: black;
    font-family: 'StratumBold';
    text-transform: uppercase;
    text-align: center;
    font-size: 15px;
    background: white;
}

a.steam
{
    display:block;
    float: left;
    width:130px;
    height:40px;
    line-height : 40px;
    margin: 5px 15px;

    color: black;
    font-family: 'StratumBold';
    text-transform: uppercase;
    text-align: center;
    font-size: 15px;
    background: white;
}

.psn p
{
    color: white;
}

a.xboxmarket
{
    font-size: 13px;
}

a.xb360,
a.xbo,
a.ps3,
a.pc {
    display:none
}

a.button.break {
    clear:left;
}

.packshot {
    height:450px;
    margin: 40px auto 0;
    max-width: 860px;
    margin-left: 240px;
    z-index: 33;
}

.myclub_header{
     width: 2360px;
     height: 440px;
     position: relative;
     margin-left: auto;
     margin-right: auto;
     background-image: url("img/myclub_header/banner_myClub.png");
     background-size: cover;
    background-repeat: no-repeat;
     background-position: right;
     margin-top: 25px;
    -webkit-transition: width 0.4s;
    transition: width 0.4s;

 }

.myclubbutton{
    width: 300px;
    height: 67px;
    position: absolute;
    right: 0;
    margin-top: 120px;
    margin-right: 30px;
    background-image: url("img/myclub_header/goToMyClub.png");
    background-size: cover;
    background-position: center;
    cursor: pointer;
}

.myclubbutton.active{
    background-color: dimgray;
}

@media screen and (min-width : 2420px) and (max-width : 2659px) {

    .packshot {
        margin-left: 715px;
    }


}

@media screen and (min-width : 2180px) and (max-width : 2419px) {
    .packshot {
        margin-left: 595px;
    }


}

@media screen and (min-width : 1940px) and (max-width : 2179px) {

    .packshot {
        margin-left: 478px;
    }

}

@media screen and (min-width : 1700px) and (max-width : 1939px) {

    .packshot {
        margin-left: 358px;
    }

}

@media screen and (min-width : 1460px) and (max-width : 1699px) {
    .packshot {
        margin-left: 238px;
    }
}

@media screen and (min-width : 1220px) and (max-width : 1459px) {


        .packshot {
            margin-left: 118px;
            height: 420px;
        }


}

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

    .packshot {
        margin-left: 0px;
        height: 420px;
    }

}

@media screen and (min-width : 740px) and (max-width : 979px) {

    .packshot {
        margin-left: -5px;
        height: 420px;
    }

}

@media screen and (min-width : 500px) and (max-width : 739px) {

    .packshot {
        height: 380px;
    }
}

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

    .packshot {
        height: 350px;
    }

}


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

    body.buy-now-body #content {
        padding-left:0;
    }

    body.buy-now-2015-body #content {
        padding-left:0;
    }

    .packshot {
        margin-left:-135px;
    }

    .buttonbox {
        margin-left:510px;
    }

}

/*@media screen and (max-width:800px) {*/

    /*.packshot {*/
        /*height:450px;*/
    /*}*/

    /*.buttonbox {*/
        /*margin-left:450px;*/
        /*padding-top:130px;*/
        /*padding-bottom:25px;*/
    /*}*/

/*}*/

/*@media screen and (max-width:800px) {*/

    /*.packshot {*/
        /*height:450px;*/
    /*}*/

    /*.buttonbox {*/
        /*margin-left:450px;*/
        /*padding-top:130px;*/
        /*padding-bottom:25px;*/
    /*}*/

/*}*/

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

    body.buy-now-body #content {

        padding-left:0;
    }

    body.buy-now-2015-body #content {

        padding-left:0;
    }

    .packshot {
        margin-left:0;
        background-position:top center;
        height:auto;
    }

    .platformbox {
        padding-top:295px;
        z-index: 33;
    }

    .platformbox,
    .buttonbox {
        margin:0 auto;
        padding-bottom:25px;
    }


}

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

    .platformbox {
        padding-top:195px;
    }

    .platformbox,
    .buttonbox {
        width:280px;
    }

    a.button {
        margin:5px;
    }

    body.buy-now-2015-body #content {
        max-width: 100%;
        width: 100%;
        padding-left:0;
        padding-right: 0;
    }

}

.mobile {
    display: none;
}

/* NAVIGATION */

.nav {
    position: fixed;
    left: 0;
    top: 72px;
    width: 100%;
    height: 30px;
    background: #ffffff;
    z-index: 998;
}

/*.nav-layer {*/
    /*position: fixed;*/
    /*left: 0;*/
    /*top: 68px;*/
    /*width: 100%;*/
    /*height: 30px;*/
    /*background: #ffffff;*/
    /*z-index: -1;*/
/*}*/

.nav-content {
    position: relative;
    margin: auto;
    width: 1420px;
    lis-style: none;
    background: #000000;
    z-index: 999;
}

.nav ul li {
    margin: 0 20px;
    float: left;
    display: inline;
}

.nav ul li:hover, .nav ul li.current_page_item {
    border-bottom: 2px solid #bc1e1b;
}

.nav ul li:first-child {
    margin-left: 0;
}

/* SEARCH */

.nav .search-icon {
    float: right;
    margin: 0 10px;
    width: 13px;
    height: 30px;
    background: url('img/search-icon.png') center center no-repeat;
    background-size: contain;
    cursor: pointer;
}

.nav .login{
    float: right;
    margin: 0 10px;
    height: 30px;
}

.nav .login a {
    font-family: 'StratumMedium';
}

.nav .language{
    float: right;
    margin: 0 10px;
    height: 30px;
    width: 60px;
}

.nav .language  ul {
    width: auto;
    margin: auto;
    height: 30px;
    background: #ffffff;
    overflow: hidden;
    padding: 2px 5px;
}

.nav .language  ul img {
    margin: 5px 5px 0 5px;
}


.nav .language  ul.langOptions {
    width: auto;
    height: 0px;
    background: #ffffff;
    overflow: hidden;
    display: none;
}

.nav .language ul li {
    position: relative;
    display: block !important;
    float: left;
    width: 100%;
    height: 30px;
    margin: 0;
    /*background: green;*/
}

.nav-icon {
    /*position: absolute;*/
    /*display: none;*/
    /*left: 2.2%;*/
    /*top: 0;*/
    /*width: 30px;*/
    /*height: 30px;*/
    /*background: url('img/nav-icon.png') left center no-repeat;*/
    /*background-size: 25px;*/

    position: absolute;
    display: none;
    left: 50%;
    margin-left: -35px;
    top: 0;
    width: 70px;
    height: 70px;
    background: url('img/nav-icon.png') left center no-repeat;
    background-size: 100%;
    z-index: 999;

}

.searchbar {
    display: none;
    width: 100%;
    /*height: 30px;*/
    background: #ffffff;
    z-index:1000;
}

.searchbar input.submitsearch {
    position: absolute;
    /*margin: 0 10px;*/
    top: 0;
    right: 10px;
    width: 20px;
    height: 60px;
    background: url('img/search-icon-big.png') center center no-repeat;
    background-size: contain;
    z-index: 999;
}

.search-layer {
    position: absolute;
    top: -60px;
    width: 100%;
    height: 60px;
    background: #ffffff;
}

.searchbar form {
    position: absolute;
    height: 60px;
    width: 100%;
    top: -60px;
    left: 0;
    background: #ffffff;
}

.searchbar input.search {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: #ffffff;
    border: none;
    padding-left: 10px;
    color: #000000;
    font-family: 'Lato', sans-serif;
    font-weight: 200;
    font-size: 30px;
    border-bottom: 1px solid #000000;
}

/*  FOOTER */

footer {
    position: relative;
    padding:0 25px;
    background-color: black;
    overflow:hidden;
    min-height: 60px;
    padding-top: 35px;
    bottom: 0px;
}

footer#main.fix {
    position:fixed;
    bottom:0;
    width:100%;
    z-index: 999;
}

footer > * {
    float:left;
    width:auto;
}

footer p {
    /*display:inline-block;*/
    line-height : 50px;
}


.footertext
{
    width: 70%;
    height: auto;
    padding-bottom: 100px;
    padding-left: 20px;
    margin-top: 20px;
}

.followicons
{
    width: 100%;
    height: 70px;
    position: relative;
    padding-left: 20px;
}

.followicons ul li
{
    color: white;
    display: inline-block;

}

#one-three
{
    margin-right: 12px;
    margin-bottom: 20px;
}

#four-six
{
    margin-right: 12px;
    margin-bottom: 20px;
}

#official
{
    margin-right: 12px;
    margin-bottom: 10px;
}

#official2
{
    margin-right: 14px;
    margin-bottom: 10px;
}

#seven-eight
{
    margin-right: 12px;
    margin-bottom: 20px;
}

.followicons ul li a
{
    color: white;
    display: inline-block;
    font-family: 'StratumBold', Helvetica, Arial, sans-serif;
    font-size: 14px;
    text-transform: uppercase;

}

.followicons ul
{
    list-style-type: none;
    float: left;
    line-height: 50px;
}

.logosfooter1
{
    width: 80%;
    height: auto;
    padding-left: 20px;
}

.logosfooter2
{
    width: 80%;
    height: auto;
    padding-left: 20px;
    margin-top: 20px;
}

.socialposition
{
    width: 280px;
    height: 60px;
    float: right;
}

.followon
{
    width: 120px;
    height: 50px;
    margin: 0;
    top: 0px;
    line-height: 50px;
    color: white;
    font-family: 'StratumBold', Helvetica, Arial, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    float: left;
    padding-top: 3px;

}


.followicons a
{
}

footer p {
    font-family: 'StratumBold', Helvetica, Arial, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    color: #ffffff;
    line-height: 18px;
}

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

    footer {
        padding:10px 25px;
    }

    footer > *, #socialBar {
        float:none
    }

    .followicons ul
    {
        width: 100%;
    }

    footer p {
        line-height: 1.5em;
    }

    .followicons
    {
        height: 120px;
    }
    
    #socialBar p {
        margin-top:10px;
        line-height : 30px;
    }

    #socialBar > * {
        margin-left:0;
        margin-right: 5px;
    }

    #socialBar .icon.social {
        margin-bottom:0;
    }

    .socialposition
    {
        float: left;
    }

}

/*------------------- */
/* ----- FONTS ------ */
/*------------------- */

.text p {
    /*font-family: 'Lato', sans-serif;*/
    /*font-weight: 400;*/
    /*font-size: 14px;*/
    /*line-height: 17px;*/
    /*color: #7f7f7f;*/
}

.article-content h1 {
    font-family: 'StratumBold';
    font-size: 45px;
    line-height: 50px;
    color: #000000;
}

.article-author h3 {
    font-family: 'StratumBold';
    font-size: 14px;
    line-height: 26px;
    color: #000000;
    font-weight:normal;
    text-transform: uppercase;
}

.article-content h2 {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 30px;
    line-height: 40px;
    color: #000000;
}

.article-content .related h2,
.section.half.most h2{
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 25px;
    line-height: 25px;
    color: #7f7f7f;
}

.section.half.most .description p {
    font-family: 'Lato';
    font-weight: 700;
    font-size: 12px;
    line-height: 17px;
    color: #000000;
}

.section.half.most .counter p.number,
.section.half.most .counter p.category {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 25px;
    line-height: 16px;
    text-align: center;
    color: #7f7f7f;
}

.section.half.most .counter p.category {
    font-size: 14px;
}

.section.half.most h2 {
    line-height: 80px;
}

.section.related ul {
    margin-top: 20px;
    display: block;
    list-style-position:outside;
    margin-left: 20px;
}

.section.related li {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 16px;
    line-height: 25px;
    color: #000000;
    list-style: disc;
    list-style-position:outside;
}

.article-content .publishingtime p {
    font-family: Lato;
    font-size: 16px !important;
    font-style: normal !important;
    line-height: 50px;
    color: #000000;
}

.article-content .intro-text p {
    font-family: 'Lato', sans-serif;
    font-weight: 200;
    text-align: left;
    font-style: italic;
    font-size: 30px;
    line-height: 40px!important;
    color: #000000 !important;
}

.section.full .quote p{
    font-family: 'Lato', sans-serif;
    font-weight: 200;
    text-align: left;
    font-style: italic;
    font-size: 30px !important;
    line-height: 40px!important;
    color: #000000 !important;
}
.section.full blockquote p{
    font-family: 'Lato', sans-serif;
    font-weight: 200;
    text-align: left;
    font-style: italic;
    font-size: 30px !important;
    line-height: 40px!important;
    color: #000000 !important;
}
.section.full blockquote {
    position: relative;
    float: left;
    width: 40%;
}



.article-content .intro-ad p{
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #000000;
    line-height: 16px;
}

.article-content .second-section p,
.article-content .section.full p {
    font-family: 'Exo 2', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    color: #7f7f7f;
}

.article-content .section p.first-paragraph::first-letter {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 66px;
    float: left;
    margin: 20px 10px 20px 0;
    color: #000000;
}

.article-content .section.full.related {
    border-bottom: 1px solid #7f7f7f;
    padding-bottom: 30px;
}

.nav a {
    font-family: 'StratumBold';
    text-transform: uppercase;
    font-size: 13px;
    line-height: 28px;
    color: #000000;
}

.nav a.active {

}


/*------------------- */
/* HOME GRID ELEMENTS */
/*------------------- */

#gridContainer {
    width:940px;

    margin: 0 auto 25px;  /* Zugefügt */
    /*margin-bottom: 70px; *//* Zugefügt */
}

.item { 
    /*background:#FFF;*/
    /*width: 220px; */
    /*height: 220px;*/
    overflow: hidden; /* Zugefügt */
}
.item.w2 { 
    width: 460px; 
    height: 460px;
}

.item.w3 {
    width: 300px;
    height: 220px;
    overflow: hidden;
}

.item.w4 { 
    width: 940px; 
    height: 460px;
    overflow: hidden;
}

.item {
    width: 220px;
    height: 220px;
    background-color: #666666;
    background-position:center;
    background-size: cover;
    cursor:pointer;
}

.item .infobox {
    cursor: default;
}
.item .infobox .headline {
    display:table
}

.item .infobox .headline  > * {
    display:table-cell;
}

.item .infobox .headline .headlinetext {
    vertical-align: top;
}

.item.w4, .item.w3 {
    /*background: #666666;*/
    background-size: cover;
}

.media-body .item.w4 {
    width: 100%;
    max-width: 100% !important;
}

.media-body .item {
    height : auto !important;
}


.media-body .item .media {
    padding-top:56.25%;
    height : 0;

    background-repeat: no-repeat;
    background-position:center;
    background-size:cover;
}

.media-body .item .infobox {
    position: relative !important;
}

.item .headlinetext {
    text-transform: uppercase;
    display: table;
    width:100%;
}

.item .headlinetext h1 {
    display: table-cell;
    vertical-align: top !important;
}

.item.w1 .headlinetext p {
    display:none;
}
.item.w2 .headlinetext, .item.w3 .headlinetext {
    /*display:block;*/
}

.item.w2 .headlinetext p, .item.w3 .headlinetext p {
    display: block;
}


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

    .item .infobox .headline .thumb {
        float:left;
    }
    .item .infobox .headline  > * {
        display:block;
        float:left;
    }
    .headline .headlinetext {
        width:auto;
    }
}

/*------------------- */
/* ELEMENTS INSIDE GRID */
/*------------------- */

/* Small */
/*h1 {*/
    /*font-size: 12px;*/
/*}*/

.headline .headlinetext {
    /*float: left;*/
    /*left: 84px;*/
    padding: 10px;
    width: 135px;
    height: 84px;
}

/* Medium */
.item h1 {
    font-size: 20px;
}

.item.w1 h1,
.item p {
    font-size: 13px;
}

/* General */

.infobox {
    position: absolute;
    left: 0;
    bottom: 0;

    width: 100%;
    height: 84px;
    background: #fff;
    transition: all 0.3s ease;
}

.item.w2:hover .infobox,
.item.w4:hover .infobox {
    height: 166px;
}

.item:hover .infobox {
    background:#f1f1f1;
}

.infobox .headline {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 84px;
}

.infobox .headline .thumb {
    /*float: left;*/
    width: 84px;
    height: 84px;
    cursor:pointer;
}

.item .headline .headlinetext {
    padding:10px !important;
}

.w2 .headline .headlinetext {
    /*float: left;*/
    /*left: 84px;*/
    /*padding: 10px;*/
    width: 100%;
    /*height: 84px;*/
}

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


    .w2 .headline .headlinetext {
        width: 216px !important;
    }

}

.infobox .text {
    position: absolute;
    margin: auto;
    top: 84px;
    width: 100%;
    height: 82px;
    padding: 10px;
}

.w4 .slider-nav {
    position: absolute;
    top: 50%;
    margin-top: -18px;
    left: 0;
    width: 100%;
    height: 36px;
}

.w4 .slider-nav a.prev {
    position: absolute;
    top: 0;
    left: 10px;
    width: 36px;
    height: 36px;
    background: url('img/nav-gallery-prev.png') center center no-repeat;
    background-size: contain;
    cursor: pointer;
}

.w4 .slider-nav a.next {
    position: absolute;
    top: 0;
    right: 10px;
    width: 36px;
    height: 36px;
    background: url('img/nav-gallery-next.png') center center no-repeat;
    background-size: contain;
    cursor: pointer;
}

/*-------------------------------- */
/* ARTICLE CONTENT */
/*-------------------------------- */

.article-body {
    background: #ffffff;
}

.article-wrapper {
    /*position: absolute;*/
    /*margin: 408px auto 0 auto;*/
    width: 100%;
}

.article-content-wrapper {
    /*position: absolute;*/
    /*margin: 63px auto 0px auto;*/
    padding-bottom: 80px;
    width: 100%;
    background: #ffffff;
}

.article-content {
    position: relative;
    /*padding-left: 5%;*/
    margin: auto;
    width: 100%;
    max-width:1420px;
    /*height: 1000px;*/
    background: #ffffff;
}

.article-content > * {

    overflow:hidden;
}

.article-infobar {
    position: absolute;
    top: -126px;
    right: 0;
    width: auto;
    height: 130px;
    background: #ffffff;
}

.article-date {
    position: relative;
    float: left;
    width: 62px;
    height: 62px;
    background: #dddddd;
}

.article-author {
    position: relative;
    float: left;
    width: 258px;
    height: 62px;
    padding: 5px;
    background: #ffffff;
}

.author-layer {
    position: relative;
    float: right;
    width: 20%;
    height: 300px;
    background: #ffffff;
    top: -63px;
}

.article-thumb {
    float: left;
}

.article-thumb img {
    width:65px;
    height:65px;
}

.article-content .intro-text,
.section.full .text{
    position: relative;
    float: left;
    width: 60%;
    /*min-height: 430px;*/
    padding-right: 50px;
}
.section.full p {
    position: relative;
    float: left;
    width: 60%;
    padding-right: 50px;
}

.intro-text .publishingtime {
    position: relative;
    float: left;
    width: 100%;
    height: 50px;
    text-align: left;
}

.article-content .intro-ad,
.article-content .quote {
    position: relative;
    float: left;
    width: 40%;
    /*min-height: 430px;*/
}

.article-content .quote {
    padding-right: 50px;
}

.article-content .intro-ad {
    position: absolute;
    width: 320px;
    float: right;
    right: 0;
}

.intro-ad .picture {
    position: relative;
    float: left;
    padding: 10px;
    width: 100%;
    height: 320px;
    background: #dddddd;
    margin-bottom: 1px;
    overflow: hidden;
}

.intro-ad .picture .pictureWrapper {
    margin: 10px 0 10px 0;
    height: 275px;
    overflow: hidden;
}

.intro-ad .picture .pictureWrapper .img {
    margin: 10px 0 0 0;
    width: auto;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.intro-ad .tag {
    position: relative;
    float: left;
    /*clear: both;*/
    width: auto;
    height: 32px;
    padding: 10px;
    background: #dddddd;
    margin: 1px 0;
    text-transform:uppercase;
}



.article-content .first-section {
    /*min-height: 460px !important;*/
}

.article-content .first-section,
.article-content .second-section,
.article-content .section.full {
    position: relative;
    float: left;
    width: 100%;
    /*min-height: 430px;*/
    overflow: hidden;

    padding-left: 50px;

    top: -63px;
    background: #ffffff;
}

.article-content .first-section {
    overflow: visible;
}

.section.full {
    margin: 20px 0 0 0;
}
.section.half {
    position: relative;
    float: left;
    width: 50%;
    min-height: 430px;
    overflow: hidden;
}
.section.half:first-child {padding-right: 10px;}
.section.half:last-child {padding-left: 10px;}

.article-content .third-section,
.article-content .section.full,
.section.full .quote,
.section.full .text {
    min-height: 0 !important;
    height: auto;
}

.section img.fullwidth {
    margin: 30px 0 0 0;
    width: 100%;
    height: auto;
}

.section img.halfwidth {
    margin: 10px 0 10px 0;
    width: 60%;
    height: auto;
}

.section.half.most {
    min-height: 0;
}

.section.half.most .teaser {
    position: relative;
    float: left;
    width: 100%;
    height: 77px;
    margin-top: 1px;
}

.section.half.most .teaser .image {
    position: relative;
    float: left;
    width: 30%;
    height: 77px;
    overflow: hidden;
    border-right: 1px solid #ffffff;
    background: #dcdcdc;
}
.section.half.most .teaser .description {
    position: relative;
    float: left;
    width: 50%;
    height: 77px;
    border-right: 1px solid #ffffff;
    padding: 5px;
    background: #dcdcdc;
}
.section.half.most .teaser .counter {
    position: relative;
    float: left;
    width: 20%;
    height: 77px;
    padding-top: 25px;
    background: #dcdcdc;
}

.section.half.most .teaser .image img {
    width: 100%;
    height: auto;
}

.related.description {
    width: 70% !important;
}

/*-------------------------------- */
/* ABOUT CONTENT */
/*-------------------------------- */
.about-body {
    background: #ededed;
}

.about-wrapper {
    width: 100%;
    background: #ededed;
}

.about-content {
    position: relative;
    overflow: hidden;
    padding-bottom: 80px;
    margin: 40px auto 0 auto;
    width: 1420px;

    background: #ededed;
}

.about-content .section.full,
.about-content .textsection.full {
    position: relative;
    float: left;
    width: 100%;
    min-height: 515px;
    overflow: hidden;

}

.about-content .textsection.full {
    min-height: 0 !important;
}

.section.full {
    margin: 20px 0 0 0;
}

.about-wrapper .thepitch {
    padding-top: 80px;
    position: relative;
    margin: auto;
    width: 100%;
    max-width: 1420px;
    height: auto;
    overflow: hidden;
    /*line-height: 565px;*/
}

.thepitch img {
    width: 100%;
    height: auto;
    max-height: 600px;
}

.textsection.full .sidebar {
    position: relative;
    margin-top: 50px;
    float: left;
    width: 250px;
    z-index: 900;
}

.sidebar.left ul {
    overflow:hidden;
}

.sidebar.left ul li {
    list-style: none;
    float: left;
    clear: both;
    margin:0 0 1px 0 ;
}

.sidebar a {
    display:inline-block;

    font-size: 13px;
    /*text-transform: uppercase;*/
}

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

    .sidebar.left a {
        display:block;
    }

}

.sidebar ul li a {
    padding: 5px;
    background: #dddddd;
}

.about-text {
    position: relative;
    float: none;
    /*margin-left: 20%;*/
    width: auto;
    height: auto;
    padding-left: 250px;
}

.about-text h1 {
    font-family: 'StratumRegular';
    font-size: 25px;
    text-transform: uppercase;
    color: #bc1e1b;
}

.about-text p {
    font-family: 'Lato', sans-serif;
    margin-top: 20px;
    font-size: 13px;
    line-height: 20px;
    text-transform: none;
    color: #000000;
}

/* -------------------------------- */
/* -------- MEDIA CONTENT --------- */
/* -------------------------------- */

/*.media-body {*/
    /*max-width: 980px;*/
/*}*/

/*.media-body #gridContainer, */
.media-body .sort {
    margin-left: auto;
    margin-right: auto;
    margin-top:25px;
}

.media-body .infobox {
    position: absolute;
    left: 0;
    bottom: 0;

    width: 100%;
    height: 60px;
    background: #fff;
    transition: all 1s;
}

.media-body .w4 .infobox {
    height: 40px;
}

.media-body .item:hover .infobox {
    height: 60px;
}

.media-body .item.w4:hover .infobox {
    height: 40px;
}

.media-body .infobox .headline {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
}

.media-body .item .headline .headlinetext {
    /*float: left;*/
    /*left: 84px;*/
    padding: 10px;
    width: 100%;
    height: auto;
}

.media-body .item .headline .headlinetext p {
    font-size: 16px;
    line-height: 18px;
    text-transform: none;
}

.media-body .item .headline .headlinetext em {
    font-family: 'StratumRegular';
    line-height: 14px;
    text-transform: uppercase;
    font-style: normal;
    /*font-weight: bold;*/
    color: #000000;
}

.item .videobutton {
    position: absolute;
    z-index:9;
    top: 50%;
    left: 50%;
    margin-top: -32px;
    margin-left: -32px;
    width: 64px;
    height: 64px;
    background: url('img/video-button.png') no-repeat center;
    background-size:contain;
}

.tag .item .videobutton,
.category .item .videobutton,
.news-body .item .videobutton {
    margin-top: -70px;
}

.news-body .item.w4 .videobutton {
    margin-top: -32px;
}

.media-body .item.w3 .videobutton {
    margin-top: -64px;
}

.media-body .item.w4 .videobutton {
    margin-top: -75px;
    margin-left: -75px;
    width: 150px;
    height: 150px;
}

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

    .media-body .item.w4 .videobutton {
        margin-top: -32px;
        margin-left: -32px;
        width: 64px;
        height: 64px;
    }

}

.media-body .sort {
    position: relative;
    /*margin:0 auto ;*/
    padding:0 10px;
    /*top: 118px;*/
    /*left: 0;*/
    /*width: 100%;*/
    /*height: 40px;*/

    background: #ffffff;
}

.media-body .sort ul {
    list-style: none;
    overflow:hidden;
}

.media-body .sort ul li {
    float: left;
    margin-right:20px;
}
.media-body .sort ul li a {
    display:block;
    padding-left:25px;

    height: 40px;
    line-height: 40px;

    font-family: 'Exo 2', sans-serif;
    font-size: 13px;
    font-weight:700;
    text-transform: uppercase;

    background-image:url(img/radiobutton-off.png);
    background-position:left center;
    background-repeat:no-repeat;
}
.media-body .sort ul li a.active {
    background-image:url(img/radiobutton-on.png);
}

@media screen and (max-width:500px) {
    .media-body .sort ul li a {
        height:30px;
        line-height : 30px;
    }
    
}

/*.media-body .sort ul li input[type="radio"] {*/
    /*margin-right: 5px;*/
    /*border: none;*/
    /*width: 15px;*/
    /*height: 15px;*/
    /*background: url('img/radiobutton-off.png')center center no-repeat;*/
    /*display: none;*/
/*}*/

/*.media-body .sort ul li label {*/
    /*display: inline-block;*/
    /*cursor: pointer;*/
    /*position: relative;*/
    /*padding-left: 25px;*/
    /*margin-right: 15px;*/
    /*font-size: 13px;*/
/*}*/

/*label:before {*/
    /*content: "";*/
    /*display: inline-block;*/

    /*width: 16px;*/
    /*height: 16px;*/
    /*border-radius: 8px;*/
    /*border: 1px solid #717170;*/

    /*margin-right: 10px;*/
    /*position: absolute;*/
    /*left: 0;*/
    /*bottom: 1px;*/
    /*background-color: #ffffff;*/
    /*background: url('img/radiobutton-off.png') center center no-repeat;*/
    /*box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);*/
/*}*/

/*.radio label:before {*/
    /*border-radius: 8px;*/
/*}*/

/*input[type=radio]:checked + label:before {*/
    /*content: "\2022";*/
    /*color: #f3f3f3;*/
    /*color: #000000;*/
    /*font-size: 49px;*/
    /*background: url('img/radiobutton-on.png') center center no-repeat;*/
    /*text-align: center;*/
    /*line-height: 17px;*/
/*}*/

/* -------------------------------- */
/* -------- VIDEO CONTENT --------- */
/* -------------------------------- */
.mediadetail-body {
    background-color: #ededed;
}

.header-content, .nav-content,
.video-content, .media-content,
.media-body #gridContainer,
.media-body .sort,
.about-content{
    max-width: 1420px !important;
}

.video-content {
    position: relative;
    /*padding-bottom: 80px;*/
    /*margin: 120px auto 80px auto;*/
    width: 1420px;
    /*height: 1000px;*/
    overflow:hidden;
    margin-top:25px;

    /*background: #000000;*/
}

.videoWrapper {
    position: relative;
    width: 100%;
    /*max-width:1024px;*/
    /*margin:0 auto;*/
    /*height: 0;*/
    padding-bottom: 56.25%;
}

.videoWrapper iframe {
    position: absolute;
    width: 100%;
    height: 100%;
}

.video-content h1 {
    font-family: 'StratumBold';
    font-size: 25px;
    color: #000000;
    text-transform: uppercase;
}

.video-content .section {
    /*background: #fff;*/
    /*height: 200px;*/
    margin-bottom: 40px;
}

.video-content .section > * {
    margin-bottom:20px;
}

.video-content .content {
    float: left;
    width:100%;
}

/*.video-content .content {*/
    /*width: 70%;*/
    /*padding-right: 20px;*/
/*}*/

.video-content .content img.video {
    width: 100%;
    height: auto;
}

.video-content .tagbar .picture {
    padding:10px;
}

.video-content .picture img {
    width:100%;
    height:auto;
}

.video-content .sidebar.right {
    position: absolute;
    width: 200px;
    float: right;
    right: 0;
}

.video-content .content {
    /*width: 100%;*/
    /*padding-right: 20px;*/
    /*float: left;*/
    /*margin-right: -200px;*/
    /*margin-right: 200px;*/
    padding-right: 220px;
}

.video-content .tagbar .picture {background: #ffffff;height: 200px;}
.video-content .tagbar .tag {background: #ffffff;}
.video-content .tag p {color: #000000;}

.tagbar .tag,
.tagbar .author {
    position: relative;
    float: left;
    display:inline-block;
    height: 32px;
    padding: 10px;
    background: #ffffff;
    margin: 10px 0 0 0;
}

.tagbar .tag {
    margin: 2px 2px 0 0;
}

.tagbar .author {
    width:100%;
}

.tagbar .author p {
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    color: #000;
}

.tagbar .author p em {
    font-style: normal;
    font-weight: bold;
}

.mediadetail-body .section p {
    color: #000000;
}

.tagbar .author {
    height: 60px;
}

.video-content .sidebar .socialbar {
    float: left;
    clear: both;
}

.video-content .sidebar .social-icon {
    float: left;
    margin: 10px 10px 0 0;
    width: 32px;
    height: 32px;
    background: #2f2f2f;
}

.video-content .sidebar .social-icon img {
    width: 32px;
    height: 32px;
}

.social-icon p {
    color: #000;
}

/*-------------------------------- */
/* MEDIA QUERIES: GRID ONLY!!!!!!! */
/*-------------------------------- */

@media screen and (min-width : 2660px) {

    #gridContainer { width:2620px; }
    .dynContainer { max-width:2620px; }

    .media-body .item.w4 {
        height: 820px;
    }


    .media-body .item.w3 {
        width: 460px;
        height: 460px;
    }
}

@media screen and (min-width : 2420px) and (max-width : 2659px) {
    #gridContainer {
        width:2380px;
    }
    .dynContainer { max-width:2380px; }

    .media-body .item.w4 {
        height: 820px;
    }

    .media-body .item.w3 {
        width: 460px;
        height: 460px;
    }
}

@media screen and (min-width : 2180px) and (max-width : 2419px) {
    #gridContainer {
        width:2140px;
    }
    .dynContainer { max-width:2140px; }

    .media-body .item.w4 {
        height: 820px;
    }

    .myclub_header
    {
        width: 2140px;
        height: 399px;
    }

    .media-body .item.w3 {
        width: 460px;
        height: 460px;
    }
}

@media screen and (min-width : 1940px) and (max-width : 2179px) {
    #gridContainer {
        width:1900px;
    }
    .dynContainer { max-width:1900px; }

    .myclub_header
    {
        width: 1900px;
        height: 354px;
    }

    .media-body .item.w4 {
        height: 820px;
    }

    .media-body .item.w3 {
        width: 460px;
        height: 460px;
    }
}

@media screen and (min-width : 1700px) and (max-width : 1939px) {
    #gridContainer {
        width:1660px;
    }
    .dynContainer { max-width:1660px; }

    .myclub_header
    {
        width: 1660px;
        height: 309px;
    }

    .media-body .item.w4 {
        height: 820px;
    }

    .media-body .item.w3 {
        width: 460px;
        height: 460px;
    }
}

@media screen and (min-width : 1460px) and (max-width : 1699px) {
    #gridContainer {
        width:1420px;
    }
    .dynContainer { max-width:1420px; }

    .media-body .item.w4 {
        width: 100%;
        height: 820px;
        overflow: hidden;
    }

    .myclub_header
    {
        width: 1420px;
        height: 265px;
    }

    .myclubbutton{
        width: 280px;
        height: 62px;
        margin-top: 100px;
        margin-right: 20px;
    }

    .media-body .item.w3 {
        width: 460px;
        height: 460px;
    }
}

@media screen and (min-width : 1220px) and (max-width : 1459px) {
    #gridContainer {
        width:1180px;
    }
    .dynContainer { max-width:1180px; }

    .media-body .item.w4 {
        width: 100%;
        height: 760px;
        overflow: hidden;
    }

    .myclub_header
    {
        width: 1180px;
        height: 220px;
    }

    .myclubbutton{
        width: 280px;
        height: 62px;
        margin-top: 76px;
        margin-right: 20px;
    }

    .media-body .item.w3 {
        width: 380px;
        height: 380px;
    }
}

@media screen and (min-width : 980px) and (max-width : 1219px) {
    #gridContainer {
        width:940px;
    }
    .dynContainer { max-width:940px; }

    .media-body .item.w4 {
        width: 100%;
        height: 460px;
        overflow: hidden;
    }

    .myclub_header
    {
        width: 940px;
        height: 175px;
    }

    .myclubbutton{
        width: 220px;
        height: 49px;
        margin-top: 62px;
        margin-right: 20px;
    }

    .media-body .item.w3 {
        width: 300px;
        height: 300px;
    }
}

@media screen and (min-width : 740px) and (max-width : 979px) {
    #gridContainer {
        width:700px;
    }
    .dynContainer { max-width:700px; }
    .item.w4 {
        width: 700px;
        height: 460px;
    }

    .myclub_header
    {
        width: 700px;
        height: 130px;
    }

    .myclubbutton{
        width: 180px;
        height: 40px;
        margin-top: 45px;
        margin-right: 10px;
    }

    .media-body .item.w4 {
        width: 100%;
        height: 460px;
        overflow: hidden;
    }

    .media-body .item.w3 {
        width: 340px;
        height: 300px;
    }
}

@media screen and (min-width : 500px) and (max-width : 739px) {
    #gridContainer {
        width:460px;
    }
    .dynContainer { max-width:460px; }
    .item.w4 {
        width: 460px;
        height: 460px;
    }

    .myclub_header
    {
        width: 460px;
        height: 86px;
    }

    .myclubbutton{
        width: 180px;
        height: 40px;
        margin-top: 22px;
        margin-right: 10px;
    }

    .media-body .item.w4 {
        width: 100%;
        height: 300px;
        overflow: hidden;
    }

    .media-body .item.w3 {
        width: 220px;
        height: 220px;
    }
}

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

    .item:hover .infobox {
        height:84px !important;
    }

    /*.item.w2 .headlinetext {*/
        /*width:auto !important;*/
    /*}*/

    #gridContainer {
        width:300px;
    }
    .dynContainer { max-width:300px; }

    .media-body .item.w3 {
        width:100%
    }
    .item, .item.w2,
    .media-body .item.w3 {
        width: 300px;
    }

    .myclub_header
    {
        width: 300px;
        height: 300px;
    }

    .myclubbutton{
        width: 280px;
        height: 62px;
        margin-top: 120px;
        margin-right: 10px;
    }

    .item.w2, .item {
        height: 300px;
    }

    .item.w4 {
        width: 300px;
        height: 220px;
    }

    .media-body .item.w4 p, .media-body .item.w3 p {
        display: block;
    }

    .media-body .item.w4 {
        width: 100%;
        height: 220px;
        overflow: hidden;
    }

    .w2 .headline .headlinetext {
        /*float: left;*/
        /*left: 84px;*/
        /*padding: 10px;*/
        width: 100%;
        /*height: 84px;*/
    }

    .item.w2 .headlinetext, .item.w3 .headlinetext {
        display:table
    }

}

/*-------------- */
/* MEDIA QUERIES */
/*-------------- */

@media screen and (min-width : 2660px) {
    .header-content, .nav-content,
    .footer-content, .about-content,
    .media-body .sort, .video-content {
        width:2620px;
    }
}

@media screen and (min-width : 2420px) and (max-width : 2659px) {
    .header-content, .nav-content,
    .footer-content, .article-content,
    .about-content, .media-body .sort,
    .video-content {
        width:2380px;
    }
}

@media screen and (min-width : 2180px) and (max-width : 2419px) {
    .header-content, .nav-content,
    .footer-content, .article-content,
    .about-content, .media-body .sort,
    .video-content {
        width:2140px;
    }
}

@media screen and (min-width : 1940px) and (max-width : 2179px) {
    .header-content, .nav-content,
    .footer-content, .article-content,
    .about-content, .media-body .sort,
    .video-content {
        width:1900px;
    }
}

@media screen and (min-width : 1700px) and (max-width : 1939px) {
    .header-content, .nav-content,
    .footer-content, .article-content,
    .about-content, .media-body .sort,
    .video-content {
        width:1660px;
    }
}

@media screen and (min-width : 1460px) and (max-width : 1699px) {
    .header-content, .nav-content,
    .footer-content, .article-content,
    .about-content, .media-body .sort {
        width:1420px;
    }
}

@media screen and (max-width : 800px) {
    .article-content .first-section {
        padding-left:0px;
    }

    .article-content .intro-ad {
        display:none;
    }

    .article-content .intro-text,
    .article-content .section.full {
        width:100%;
        padding: 0 25px;
    }

    .article-content .section.full * {
        width:100%;
        float:none;

    }

    .article-content .section.full blockquote {
        margin:20px 0;
    }
}

@media screen and (min-width : 1220px) and (max-width : 1459px) {
    .header-content,
    .nav-content,
    .footer-content,
    .about-content,
    .media-body .sort,
    .video-content {
        width:1180px;
    }
}

@media screen and (min-width : 980px) and (max-width : 1219px) {
    .header-content,
    .nav-content,
    .footer-content,
    .about-content,
    .media-body .sort,
    .video-content {
        width:940px;
    }
}

@media screen and (min-width : 740px) and (max-width : 979px) {
    .header-content,
    .nav-content,
    .footer-content,
    .about-content,
    .media-body .sort,
    .video-content {
        width:700px;
    }

    .media-body .w3 {
        width: 220px;
    }
}

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

    .video-content > * {
        float:none;
    }

    .video-content .content {
        padding:0;
    }

    .video-content .sidebar.right {
        position:static;
        width:100%;
        padding-bottom:25px;
    }

    .video-content .sidebar .picture {
        width:200px;
        margin:0 5px 5px 0;
    }

    .video-content .sidebar .tagbar {
        overflow:hidden;
    }

    .video-content .sidebar .author {
        width:auto;
        float:none;
        margin:0;
    }

    .video-content .sidebar #tags {
        overflow:hidden;
        /*float:left;*/
        /*width:auto;*/
    }
    .video-content .sidebar .tag {
        width:auto;
        float:left;
    }
}

@media screen and (min-width : 500px) and (max-width : 739px) {
    .header-content,
    .nav-content,
    .footer-content,
    .about-content,
    .media-body .sort,
    .video-content {
        width:460px;
    }

    .media-body .w3 {
        width: 460px;
    }

    .headlinetext {
        display: table;
    }

    .headlinetext p {
        /*display: none;*/
    }

    .headlinetext h1 {
        display: table-cell;
        vertical-align: middle;
    }

    .nav ul li::before {
        content: '> ';
    }

    .mobile {
        display: block;
    }
}

@media screen and (max-width : 499px) {
    .header-content,
    .nav-content,
    .footer-content,
    .about-content,
    .media-body .sort,
    .video-content {
        width:300px;
        /*width: 95%;*/
    }

    .nav-content {width: 100%;}

    .media-body .w3 {width: 300px;}
    .media-body .w4 {height: 220px;}

    .nav-icon {
        display: block;
        cursor: pointer;
    }

    .searchbar input {
        padding-left: 2.5%;
        padding-right: 2.5%;
    }

    .nav-content ul {
        position: absolute;
        height: auto;
        display: none;
        top: -120px;
        /*top: 30px;*//* ENDZUSTAND */
        width: 100%;
        padding: 0 2.5% 0 2.5%;
        background: #ffffff;
        overflow: hidden;
        z-index: -2;
    }

    .nav-content ul li {
        display: block;
        float: left;
        clear: both;

        height: 50px;
        line-height: 50px;

        width: 100%;
        border-bottom: 1px solid #000000;
    }

    .nav-content ul li.last {
        border-bottom: none;
    }

    .nav-content ul li.last:hover {
        border-bottom: none;
    }

    .nav-content ul li:hover {
        border-bottom: 1px solid #000000;
    }

    .line-clamp {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .item h1 {
        font-size: 12px !important;
    }

    .headlinetext p {
        display: none;
    }

    .headlinetext {
        display: table;
    }

    .headlinetext h1 {
        display: table-cell;
        vertical-align: middle;
    }

    .media-body .sort ul li label {
        display: inline-block;
        cursor: pointer;
        position: relative;
        padding-left: 25px;
        margin-right: 5px;
        font-size: 10px;
    }

    .media-body .w4 .infobox {
        height: 60px;
    }

    .header .pitch {width: 113px;}
    .pitch .slogan {width: 58px;}
    .pitch .pitch-logo {width: 55px;}

    .pitch .slogan h1 {
        padding-top: 5px;
        font-size: 11px;
    }

    .nav-layer { display: none;}
    .nav { top: 42px;}
    .nav ul li::before {
        content: '> ';
    }

    .mobile {
        display: block;
    }
}


/* Image Slider Specials */
/* ------------------------------------ */

#pmSliderContainer ul,
#pmSliderContainer li {
    margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline; 
    list-style: none;   
}
#pmSliderContainer {
    position:relative;
    overflow:hidden;
    width:100%;
    /*max-width:1024px;*/
    margin:0 auto;
}
/* Overlay Styles */
#pmSliderOverlay #pmSliderContainer {
    max-width:none;
    height:100%;
    display: table;
}

#pmSliderList img {
    width:100%;
    height:auto;   
    /*max-width:1024px;*/
}
#pmSliderList {
    position: relative;
    left: 0;
    white-space: nowrap;
}
/* Overlay Styles */
#pmSliderOverlay #pmSliderList {
    display: table-cell;
    vertical-align: middle;
}
#pmSliderList li {
    display: inline-block;
    width: 100%;
    text-align: center;
    position: relative;
}
.pmSliderButton{
    position:absolute;
    top:50%;
    margin-top:-30px;
    width:60px;
    height:60px;

    z-index:9;
    cursor:pointer;

    background-repeat: no-repeat;
    background-position: center;
    background-size:30px
}
.pmSliderButton.pmLeft {
    left:0;
    background-image:url(img/btn-slide-left.png);
}
.pmSliderButton.pmRight {
    right:0;
    background-image:url(img/btn-slide-right.png);
}
#pmSliderOverlay .pmSliderButton.pmLeft {
    background-image:url(img/btn-slide-dark-left.png);
}
#pmSliderOverlay .pmSliderButton.pmRight {
    background-image:url(img/btn-slide-dark-right.png);
}
#pmSliderOverlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#FFF;
    z-index:1000;
    display:none;  
    box-sizing:border-box;  
    -ms-box-sizing:border-box;  
    -webkit-box-sizing:border-box;  
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
}
#pmSliderOverlay .pmSliderButtonClose {
    position:absolute;
    z-index:2;
    top:0;
    right:0;
    width:50px;
    height:50px;
    cursor:pointer;

    background: #ccc;
    text-align: center;
    line-height: 46px;
    font-size: 35px;
    color: #333;
    font-weight: 100;
}
body.pmSliderShow{
    position:absolute;
    z-index:1;
    width:100%;
    height:100%;
    overflow:hidden;
}










/*-------------------- */
/* COOKIEOVERLAY       */
/*-------------------- */

.cookieOverlay {
    position:fixed;
    z-index:999;
    top:50px;

    min-height:0;
    height : 0;
    width:100%;

    background:rgba(0,0,0,0.9);
    
    overflow:hidden;

    -webkit-transition : min-height 0.5s ease-in-out;
    -moz-transition    : min-height 0.5s ease-in-out;
    -ms-transition     : min-height 0.5s ease-in-out;
    -o-transition      : min-height 0.5s ease-in-out;
    transition         : min-height 0.5s ease-in-out;
}

.cookieOverlay.show {
    height : auto;
    min-height: 120px;
}

.cookieOverlay h3 {
    text-transform: uppercase;
}

.cookieOverlay h3,
.cookieOverlay p {
    font-family: 'StratumMedium', Helvetica, Arial, sans-serif;
    color:#fff;
}

.cookieOverlay h3 + p {
    margin-top:10px;
    font-size:14px;
    line-height : 1.2em;
}

.cookieOverlay .dynContainer {
    padding-top:20px;
    padding-bottom:20px;
    padding-right:270px;
}

.cookieOverlay .buttonContainer {
    position:absolute;
    right:0;
    top:50%;
    margin-top:-45px;
}

.buttonContainer .button {
    float:none;
    width:220px;
    line-height : 42px;
}

.button.darkred {
    background:#9b1123;
    color:#fff;
}

.button.grey {
    background:#d4d4d4;
    color:#000;
}

/*-------------------- */
/* GRID SLIDER GENERAL */
/*-------------------- */

#slider {
    position:relative;
}

#slideWrapper {
    position:relative;
    width:400%;
    height:460px;

    overflow:hidden;

    -webkit-transition : margin-left .5s ease-in-out;
    -moz-transition    : margin-left .5s ease-in-out;
    -ms-transition     : margin-left .5s ease-in-out;
    -o-transition      : margin-left .5s ease-in-out;
    transition         : margin-left .5s ease-in-out;
}

.slidePos0 { margin-left:0;}
.slidePos1 { margin-left:-100%;}
.slidePos2 { margin-left:-200%;}
.slidePos3 { margin-left:-300%;}

.slide {
    position:relative;
    float:left;
    width:25%;
    height:460px;

    background-repeat: no-repeat;
    background-position:center;
    background-size:cover;
}

.slide .infoBox {
    position:absolute;
    bottom:0;
    left:0;
    width:50%;

    display:table;
    background:#fff;

    -webkit-transition : background .3s ease;
    -moz-transition    : background .3s ease;
    -ms-transition     : background .3s ease;
    -o-transition      : background .3s ease;
    transition         : background .3s ease;
}

.slide:hover .infoBox {
    background:#f1f1f1;
}

.slide .infoBox > * {
    display:table-cell;
    vertical-align: top;
}

.slide .infoBox img {
    width: 84px;
    height: 84px;
}

.slide .infoBox .headlinetext {
    padding:10px;
    width:100%;
    height : 84px;
}

.btnSlide {
    position:absolute;
    top:50%;
    margin-top:-30px;
    z-index:9;
    display:block;
    width:60px;
    height:60px;

    background-repeat: no-repeat;
    background-position: center;
    background-size:30px
}

.btnSlide.left {
    left:0;
    background-image:url(img/btn-slide-left.png);
}

.btnSlide.right {
    right:0;
    background-image:url(img/btn-slide-right.png);
}

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

    .slide .infoBox {
        width:100%;
    }

}

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


}

@media screen and (max-width:500px) {
    /*.infobox .headline .thumb {*/
        /*height:50px;*/
        /*width:50px;*/
    /*}*/

    .slide {
        height:220px;
    }

    .slide .infoBox img {
        height:50px;
        width:50px;
    }

    .slide .infoBox .headlinetext {
        height : 50px;
    }
}

/*--------------------- */
/* OUTER LAYOUT GENERAL */
/*--------------------- */

.dynContainer {
    position:relative;
    width:100%;

    margin:0 auto;
}

footer .dynContainer {
    overflow:hidden;
}

.tableFormat {
    /*display:table;*/
}

/*-------------------- */
/* OUTER LAYOUT HEADER */
/*-------------------- */

header {
    position:fixed;
    z-index:99;
    top:0;
    width:100%;

    background:#000;
}

#searchBar {
    width:100%;
    background-color:#fff;
}

#searchBar {
    height : 0;
    overflow:hidden;

    -webkit-transition : height .2s ease-in-out;
    -moz-transition    : height .2s ease-in-out;
    -ms-transition     : height .2s ease-in-out;
    -o-transition      : height .2s ease-in-out;
    transition         : height .2s ease-in-out;
}

#searchBar.active {
    height:50px;
}

#searchform {
    position:relative;
    width:100%;
    height:30px;
    margin:10px 0;
}

#searchform input.search {
    width:100%;
    height : 30px;
    padding:0 25px;

    font-family: 'Lato', Helvetica, Arial, sans-serif;
    font-size:25px;
    font-weight:400;
    color:#000;
}

#searchform a.closesearch,
#searchform input.submitsearch {
    position:absolute;
    top:0;

    width:30px;
    height:100%;

    cursor:pointer;
}

#searchform input.submitsearch {
    right:65px;

    background:url(img/search-icon-black.png) no-repeat center;
    background-size:20px;
}

#searchform a.closesearch {
    right:25px;
    font-size:40px;
    text-align: center;
    line-height : 26px;
}


.headBar {
    position:relative;
    /*display:table;*/
    width:100%;
    height:50px;
    padding:0 25px;
    background-color:#000;
}

#logo {
    position:absolute;
    top:15px;
    left:25px;
    width:95px;
    height:20px;
}

#logo img {
    width:100%;
    height:auto;
}

#logoPitch {
    position:absolute;
    top:5px;
    right:25px;
    display:table
}

#logoPitch img {
    height:40px;
    width:auto;
    float:left;
    margin-right:10px;
}

#logoPitch .sep {
    position:absolute;
    top:5px;
    bottom:5px;
    left:45px;
    width:1px;
    background-color:#404040;
}

#logoPitch h1.claim {
    display:table-cell;
    vertical-align: middle;
    color:#fff;
    font-size:16px;
    line-height : 1em;
    padding-left:5px;

    padding-top:2px; /* pixel fix */
}


@media screen and (max-width:500px) {
    #logo {
        left:10px;
    }

    #logoPitch {
        right:10px;
    }
}

#navBar {
    width:auto;
    /*margin-top:13px;*/
    /*overflow:hidden;*/
    text-align: center;
    padding:0 130px 0 100px;
}

.mobileSearch,
nav#mobileNavi,
#navBar .languageSelector {
    display:none !important;
}

#navBar > * {
    float:none;
    display:inline-block;
}

nav {
    float:left;
}

nav ul {
    list-style: none;
    overflow:hidden;
}

nav ul li {
    float:left;
    padding:0 12px;
}

nav ul li p,
nav ul li a {
    font-family: 'StratumMedium', Helvetica, Arial, sans-serif;
    font-size:15px;
    font-weight:700;
    text-transform: uppercase;
    display:block;
    height:50px;
    line-height : 50px;
    color:#fff !important;
}

@media screen and (max-width: 1130px) {
    nav ul li p,
    nav ul li a {
        font-size:13px;

    }
}


nav ul li a:hover,
nav ul li.current-menu-item a {
    border-bottom:2px solid #f00;
}
nav ul.dropdown li a {
    height: 25px;
    line-height: 25px;
}

nav#languages {
    position: relative;
    text-align: left;
}
nav#languages ul.current {
    display:table;
    width:100%;
    color:#fff;

    cursor: pointer;
}

nav#languages ul.dropdown {
    display:none;
    position:absolute;
    top:40px;

    background:#000;
}

nav#languages.active ul.dropdown
{
    display:table;
}


nav#languages ul  {
}

nav#languages ul li {
    float:none;
    width: 70px;
    white-space: nowrap;
}

nav#languages ul li a:hover {
    border:none;
}

@media screen and (max-width:1024px) {
    
    #searchform a.closesearch,
    nav#languages,
    .icon.search {
        display:none !important;
    }

    .headBar {
        padding:0;
    }

    #navBar {
        display:none;
        position:relative;
        top:50px;
        width:100%;
        padding:0;
        margin:0;
        background:#fff;
    }

    #navBar.mobileNavi {
        display:block;
    }

    .mobileSearch {
        display:block !important;
        padding:5px 15px;
    }

    .mobileSearch  #searchform {
        margin:0;
        height : auto;
    }

    .mobileSearch  #searchform input.search {
        height : 30px;
        padding:0;

        text-transform: uppercase;
        font-size:16px;
        font-weight:400;
    }

    #searchform input.submitsearch {
        height : 30px;
        right:0;
    }

    #navBar .languageSelector {
        display:block !important;
        position:relative;
        padding:10px 10px 10px 40px;
    }

    .languageSelector .icon {
        position:absolute;
        left:15px;
        top:50%;
        margin-top:-4px;
    }

    .languageSelector select {
        height:20px;
        width:100%;
    }

    .languageSelector option {
        text-transform:uppercase;
    }

    nav#mobileNavi {
        display:block !important;
        margin-top:-2px;
    }

    nav {
        display:block;
        width:100%;
        float:none;
    }

    nav ul {
        overflow:hidden;
    }

    nav ul li {
        float:none;
        padding:0;
    }

    nav ul li a {
        font-family: 'Lato', Helvetica, Arial, sans-serif;
        font-size:16px;
        font-weight:400;
        text-align: left;

        display:block;
        height:40px;
        line-height : 40px;

        padding:0 25px 0 15px;
        background:#ededed;
        border-bottom:2px solid #fff !important;
        color:#000 !important;
    }


    nav#mobileNavi ul li a {
        background:#fff;
        border-bottom:2px solid #ededed !important;
    }

    nav ul li a::before {
        content : '> ';
    }

    a#btnNaviSwitch {
        position:absolute;
        top:0;
        left:50%;
        width:50px;
        height:50px;
        margin-left:-40px;

        background-image:url(img/nav-icon.png);
        background-repeat:no-repeat;
        background-position:center;
        background-size:40px;
    }

    a#btnNaviSwitch.active {
        background-color:#646464;
        background-image:url(img/nav-icon-active.png);
    }
}


span.icon,
a.icon {
    display:block;

    background-repeat: no-repeat;
    background-position: center;
}

.icon.lang {
    /*float:left;*/
    /*margin-top:2px;*/
    margin-right:3px;
    display:inline-block;
    width:16px;
    height:11px;

    background-position:left center;
}

.icon.lang.de { background-image:url(img/language-icons/de.gif); }
.icon.lang.en { background-image:url(img/language-icons/uk.gif); }
.icon.lang.fr { background-image:url(img/language-icons/fr.gif); }
.icon.lang.it { background-image:url(img/language-icons/it.gif); }
.icon.lang.es { background-image:url(img/language-icons/es.gif); }
.icon.lang.pt { background-image:url(img/language-icons/pt.gif); }
.icon.lang.au { background-image:url(img/language-icons/au.gif); }
.icon.lang.br { background-image:url(img/language-icons/br.gif); }
.icon.lang.ch { background-image:url(img/language-icons/cl.gif); }
.icon.lang.ar { background-image:url(img/language-icons/ar.gif); }
.icon.lang.mx { background-image:url(img/language-icons/mx.gif); }
.icon.lang.us { background-image:url(img/language-icons/us.gif); }
.icon.lang.co { background-image:url(img/language-icons/co.gif); }
.icon.lang.pe { background-image:url(img/language-icons/pe.gif); }


.icon.search {
    width:25px;
    height:50px;
    background-image: url(img/search-icon-white.png);
    background-size:13px ;
}

.icon.social {
    display:inline-block;
    width:30px;
    height:30px;
    margin:10px 0;

    background-color:#2f2f2f;
    background-size:25px;
}

.sidebar #socialCounter {
    float:left;
    width:100%;
}

.sidebar .icon.social {
    position: relative;
    float:left;
    margin:10px 10px 0 0;
    background-position:center;
    background-color:#333;
}

.sidebar .icon.social span {
    position:absolute;
    top:100%;
    font-size:12px;
}

.icon.social.youtube { background-image:url(img/icons/youtube.png); }
.icon.social.twitch { background-image:url(img/icons/twitch.png); }
.icon.social.twitter { background-image:url(img/icons/twitter.png); }
.icon.social.facebook { background-image:url(img/icons/facebook.png); }

/*-------------------- */
/* ARTICLE SINGLE PAGE */
/*-------------------- */

.pageBanner,
.articleBanner {
    padding-top:50%;

    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
}

.articleBanner {
    position:relative;
}

article {
    position:relative;
    width:100%;
    max-width: 1280px;
    margin:-65px auto 0;
    padding-bottom:25px;
}

section.content,
section.precontent {
    padding:25px;
    position:relative;
}

article section.content,
article section.precontent{
    background-color:#fff;
    padding:25px 25px 0 75px;
}

article section section {
    padding:0;
}

section.precontent {
    display:table;
    width: 100%;
    padding-top:0 !important;
}

section.precontent section {
    display:table-cell;
    padding-bottom:0;
}

section.precontent section p {
    max-width:580px;
}

article section.relcontent,
section.content {
    overflow:hidden;
}

section.content.hasSidebar {
    padding-left:250px;
    min-height: 320px;
    margin-top: 35px;
}

.sidebar.left {
    position:absolute;
    top:25px;
    left:0;
}

/* RELATED ARTICLES */

.relcontent {
    overflow:hidden;
    padding:0 25px;
}

.relcontent > * {
    float:left;
    width:50%;
    /*padding-top:40px;*/
}

.relcontent .left { padding-right:10px; }
.relcontent .right { padding-left:10px; }

.relcontent p,
.relcontent ul {
    margin-top:30px;
}
.relcontent ul {
    list-style: none;
}

.relcontent ul li {
    display:table;
    width:100%;
    margin:2px 0;
}

.relcontent ul li > * {
    display:table-cell;
    background-color:#dcdcdc;
    border-right:2px solid #fff;
}

.relcontent ul li .score {
    vertical-align: middle;
}

.relcontent ul li .media {
    width:140px;
    height:80px;

    background-color:#e8e8e8;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    cursor:pointer;
}

.customlist .title {
    padding:15px;
    font-size:16px;
    font-weight:700;
    cursor:pointer;
}

.customlist .score {
    width:80px;

    font-size:25px;
    line-height: 15px;
    font-weight:700;
    text-align: center;
    color:#7f7f7f;
}

.customlist .score sup,
.customlist .score span {
    font-size:13px;
    line-height : 1em;
}

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

    .relcontent > * {
        padding-left:0 !important;
        padding-right:0 !important;
        float:none;
        width:100%;
    }

}

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


    .relcontent ul li .media {
        display:none;
    }
    .relcontent ul li .title {
        height:60px;
    }

    .relcontent ul li .score {
        width : 60px;
        height:60px;
        font-size:20px;
    }
    .relcontent ul li .score span {
        font-size:11px;
    }

}

/* ARTCILE ASIDE BOX */

.articleMask {
    position:absolute;
    bottom:0;
    left:50%;
    right:0;
    margin-left: 235px;

    height : 130px;
    background:#fff;
}

aside {
    width:380px;
    padding-left:65px;
}

aside.top {
    position:absolute;
    z-index:1;
    right:25px;
    top:-65px;

    background-color:#fff;
}

aside.bottom {
    vertical-align: top;
    display:table-cell;
}

aside .articleInfo,
aside .articleTags {
    overflow:hidden;
}

aside .articleInfo {
    display:table;
    height : 65px;
    margin-left:-65px;
}

aside .articleInfo > * {
    display:table-cell;
    vertical-align: middle;
}

/* ARTICLE DATE FORMAT */

aside .articleDate {
    background:#ddd;
}

.articleDate p {
    line-height : normal;
    text-align: center;
    text-transform: uppercase;
}

.articleDate p.day {
    font-size:25px;
    font-weight:600;
}

.articleDate p.day sup,
.articleDate p.date {
    font-size:12px;
    font-weight:400;
}

/* ARTICLE INFO FORMAT */

.articleInfo .square {
    overflow:hidden;
    height:65px;
    width:65px;
    /*padding:5px;*/
}

.square img,
.advert img {
    width:100%;
    height:auto;
}

.square img { float:left; }
.advert img { margin-top: 10px; }


.articleAuthor {
    padding:0 5px;
}

/* ARTICLE SIDE ADVERT */

aside .advert {
    display:block;
    padding:10px;
    background:#ddd;
}


/* ARTICLE SIDE TAGS */

aside .articleTags a {
    float:left;
    margin:2px 2px 0 0;
    padding:0 5px;

    height : 30px;
    line-height : 30px;

    background:#ddd;
    text-transform: uppercase;
}

aside ul {
    list-style: none;
}

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

    section.precontent section {
        padding-right:25px;
        display:block;
    }

    section.precontent {
        min-height: 0;
    }

    aside.bottom {
        margin-top:20px;
        display:block;
        padding-left:0;
        width:100%;
        overflow:hidden;
    }

    aside.bottom > * {
        width:50%;
        float:left;
    }

    aside .articleTags .tag  {
        margin:0 0 2px 2px;
    }

}

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

    section.content.hasSidebar {
        padding-left:25px;
    }

    .sidebar.left {
        position:static !important;
        padding:0 25px 10px;
    }

    .sidebar.left ul li {
        float:none;
    }
}

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

    .content blockquote {
        width:100%;
        margin-left:0;
        float:none;
    }

    article section.content,
    article section.precontent {
        display:block;
        padding-left:25px;
    }

    .articleMask {
        display:none;
    }

    aside.top {
        position:static;
        margin-left:-25px;
        /*margin:-25px 0 25px -25px;*/
    }

    aside.bottom > * {
        width:100%;
        float:none;
    }

    aside .articleTags .tag  {
        margin: 2px 2px 0 0;
    }
}


.tournamenttable
{
    border: solid 1px #a1a1a1;
    color: #000000;
    width: 670px;
    height: 913px;
}

.coloredCell
{
    background-color: #d3d3d3;
}

.tournamenttable td
{
    border-left: solid 1px #d3d3d3;
    border-bottom: solid 1px #d3d3d3;
}

/**************** */
/* AGE RATING */
/* ************** */
.agerating-container
{
    position: absolute;
    right: 60px;
    bottom: 40px;
}

/*@media all and (min-width: 801px) and (max-width: 1049px)
{
    .agerating-container
    {
        position: absolute;
        right: 25px;
        bottom: 60px;

    }

    footer
    {
        padding-top: 70px;
        min-height: 128px;

    }
}

@media all and (max-width: 800px)
{
    .agerating-container
    {
        position: relative;
        right: 0;
        left: 10px;
        top: 5px;
    }
}*/

#agerating-us-latam
{
    background-image: url("landingpageinfo/ratings/esrb.png");
    width: 187px;
    height: 72px;
    background-repeat: no-repeat;
    background-position: center;
}

#agerating-us-usk
{
    background-image: url("landingpageinfo/ratings/usk0.png");
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: center;
}

#agerating-ocfl
{
    background-image: url("landingpageinfo/ratings/ofcl.png");
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: center;
}

#agerating-pegi
{
    background-image: url("landingpageinfo/ratings/pegi.png");
    width: 49px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: center;
}

#agerating-br
{
    background-image: url("landingpageinfo/ratings/censura_livre.png");
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: center;
}


/*------------------- */
/* FONTS EMBEDDING */
/*------------------- */

@font-face {
    font-family: 'StratumThin';
    src: url('webfonts/Stratum1WebThin.eot');
    src: url('webfonts/Stratum1WebThin.eot?#iefix') format('embedded-opentype'), url('webfonts/Stratum1WebThin.woff') format('woff');
}

@font-face {
    font-family: 'StratumLight';
    src: url('webfonts/Stratum1WebLight.eot');
    src: url('webfonts/Stratum1WebLight.eot?#iefix') format('embedded-opentype'), url('webfonts/Stratum1WebLight.woff') format('woff');
}

@font-face {
    font-family: 'StratumRegular';
    src: url('webfonts/Stratum1WebRegular.eot');
    src: url('webfonts/Stratum1WebRegular.eot?#iefix') format('embedded-opentype'), url('webfonts/Stratum1WebRegular.woff') format('woff');
}

@font-face {
    font-family: 'StratumMedium';
    src: url('webfonts/Stratum1WebMedium.eot');
    src: url('webfonts/Stratum1WebMedium.eot?#iefix') format('embedded-opentype'), url('webfonts/Stratum1WebMedium.woff') format('woff');
}

@font-face {
    font-family: 'StratumBold';
    src: url('webfonts/Stratum1WebBold.eot');
    src: url('webfonts/Stratum1WebBold.eot?#iefix') format('embedded-opentype'), url('webfonts/Stratum1WebBold.woff') format('woff');
}

@font-face {
    font-family: 'StratumBlack';
    src: url('webfonts/Stratum1WebBlack.eot');
    src: url('webfonts/Stratum1WebBlack.eot?#iefix') format('embedded-opentype'), url('webfonts/Stratum1WebBlack.woff') format('woff');
}

iframe[name='google_conversion_frame'] {
    height: 0 !important;
    width: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}