@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,700);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,700,300&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Roboto);
@import url(http://fonts.googleapis.com/css?family=Roboto:900);
a,
abbr,
acronym,
address,
applet,
big,
blockquote,
body,
caption,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
iframe,
img,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
ul,
var {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline
}
:focus {
    outline: 0
}
body {
    line-height: 1;
    color: #000;
    background: #fff
}
ol,
ul {
    list-style: none
}
table {
    border-collapse: separate;
    border-spacing: 0
}
caption,
td,
th {
    text-align: left;
    font-weight: 400
}
blockquote:after,
blockquote:before,
q:after,
q:before {
    content: ""
}
blockquote,
q {
    quotes: "" ""
}
body {
    margin: 1em
}
header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999
}
#main-content {
    margin-top: 60px
}
@media screen and (min-width: 1000px) {
    #main-content {
        margin-top: 155px
    }
    #main-content #article,
    #main-content #score,
    #main-content #slider-play,
    #main-content #slider-stat {
        margin-top: -45px
    }
}
.sport {
    width: 45px;
    height: 45px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    margin-right: 15px;
    display: -moz-inline-stack;
    display: inline-block;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    line-height: 44px;
    vertical-align: middle;
    text-align: center
}
.category-ic {
    width: 30px;
    height: 30px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}
.event-type {
    display: block;
    margin: auto;
    background-repeat: no-repeat;
    width: 45px;
    height: 45px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-position: 0 -35px;
    line-height: 35px;
    background-color: #fff;
    text-align: center;
    vertical-align: middle
}
@media screen and (min-width: 1000px) {
    .event-type {
        width: 45px;
        height: 45px;
        line-height: 45px;
        margin: 0 10px;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline
    }
}
@media screen and (max-width: 640px) {
    .event-type {
        width: 45px;
        height: 45px;
        line-height: 45px;
        margin: 0 10px;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline
    }
}
.advertise {
    width: 90%;
    margin-bottom: 15px;
    text-align: center
}
.advertise-box {
    width: 80%;
    margin: 0 auto
}
.rugby {
    background-color: #598612
}
.football {
    background-color: #127f86
}
.basket {
    background-color: #e2660d
}
.handball {
    background-color: #59a7d0
}
.volley {
    background-color: #936a5d
}
.athletism {
    background-color: #b63b10
}
.tennis {
    background-color: #e6b41a
}
.auto-moto {
    background-color: #5f5f5f
}
.ice-sport {
    background-color: #95cae6
}
.nature-sport {
    background-color: #90bf45
}
.fitness {
    background-color: #f1277c
}
.other-sport {
    background-color: #000
}
.bloc {
    cursor: pointer;
    background-color: #000
}
.bloc:hover>.background {
    filter: alpha(Opacity=50);
    opacity: .5
}
.bloc>.title-news {
    position: absolute;
    display: block;
    z-index: 1;
    bottom: 0;
    width: 100%;
    height: auto;
    background-color: #fff;
    margin: 0;
    top: auto
}
.bloc>.title-news.secondary {
    background-color: #e7e7e7!important;
    padding: 10px 0
}
.bloc>.title-news.secondary .credits {
    top: 0
}
.bloc>.title-news.secondary .title-text {
    color: #000;
    font-size: 1.8em;
    padding: 0 10px
}
.bloc>.title-news.secondary p {
    font-family: Roboto, sans-serif;
    font-size: 1.3em;
    color: #000;
    font-weight: 100;
    padding: 10px
}
.bloc>.title-news .title-text {
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    font-weight: 700;
    font-size: 1.4em;
    color: #000;
    padding: 10px 20px;
    line-height: 20px
}
.bloc>.title-news .title-text a {
    text-decoration: none;
    color: inherit
}
@media screen and (min-width: 768px) {
    .bloc>.title-news .title-text {
        line-height: 30px;
        font-size: 2.7em
    }
}
.bloc .share {
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 100%
}
.bloc .share .dark-btn,
.bloc .share .facebook-btn,
.bloc .share .twitter-btn {
    font-size: .6em;
    display: block;
    width: 80px;
    padding: 0 10px;
    line-height: 35px;
    height: 35px;
    -webkit-transition: background-color 250ms;
    -moz-transition: background-color 250ms;
    -o-transition: background-color 250ms;
    transition: background-color 250ms
}
.bloc .share .dark-btn {
    font-family: Roboto, sans-serif;
    font-size: 1.4em;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    z-index: 1;
    text-align: center;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    background-color: #282526;
    cursor: pointer;
    -webkit-transition: color 400ms;
    -moz-transition: color 400ms;
    -o-transition: color 400ms;
    transition: color 400ms;
    position: relative
}
.bloc .share .dark-btn:hover {
    background-color: #fff;
    color: #000
}
.bloc .share .facebook-btn {
    -webkit-transition: top 300ms;
    -moz-transition: top 300ms;
    -o-transition: top 300ms;
    transition: top 300ms;
    background-color: #3c5b9a
}
.bloc .share .facebook-btn:hover {
    background-color: #2a3f6b
}
.bloc .share .twitter-btn {
    -webkit-transition: top 500ms;
    -moz-transition: top 500ms;
    -o-transition: top 500ms;
    transition: top 500ms;
    background-color: #30a6d2
}
.bloc .share .twitter-btn:hover {
    background-color: #217493
}
.bloc .share .facebook-btn,
.bloc .share .twitter-btn {
    position: absolute;
    top: 0;
    left: 0;
    text-decoration: none;
    font-family: Roboto, sans-serif;
    font-size: 1.3em;
    color: #fff;
    font-weight: 700
}
.bloc .share .facebook-btn .facebook-share,
.bloc .share .twitter-btn .facebook-share {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    height: 20px;
    background-position: -81px -14px;
    padding-right: 14px
}
.bloc .share .facebook-btn .twitter-share,
.bloc .share .twitter-btn .twitter-share {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    width: 18px;
    height: 18px;
    background-position: -60px -18px
}
.bloc .share:hover .facebook-btn {
    top: -35px
}
.bloc .share:hover .twitter-btn {
    top: -70px
}
.bloc.bloc-selfie {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    position: relative;
    height: auto;
    padding-bottom: 100%;
    overflow: hidden;
    width: 100%;
    margin-bottom: 10px
}
.bloc.bloc-selfie .bloc-title {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 80%;
    padding: 40px 0 0 20px;
    color: #fff
}
.bloc.bloc-selfie .bloc-title h3 {
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    font-weight: 700;
    font-size: 2.3em;
    line-height: 35px
}
.bloc.bloc-selfie .bloc-title p {
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    font-size: 1.5em;
    line-height: 20px
}
.bloc.bloc-selfie:hover .bloc-title {
    display: block
}
.bloc.bloc-selfie .share {
    bottom: 0
}
@media screen and (min-width: 1000px) {
    .bloc.bloc-selfie .share {
        left: -10px
    }
}
.bloc.bloc-selfie .share:hover .facebook-btn {
    top: -37px
}
.bloc.bloc-selfie .share:hover .twitter-btn {
    top: -73px
}
.bloc.bloc-selfie .share .dark-btn {
    font-size: 1.8em;
    width: 110px;
    height: 37px;
    line-height: 37px
}
.bloc.bloc-selfie .share .facebook-btn,
.bloc.bloc-selfie .share .twitter-btn {
    height: 37px;
    line-height: 37px;
    font-family: Roboto, sans-serif;
    font-size: 1.8em;
    color: #fff;
    font-weight: 700;
    width: 110px
}
.bloc.bloc-selfie .share .facebook-btn .facebook-share,
.bloc.bloc-selfie .share .twitter-btn .facebook-share {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    height: 20px;
    background-position: -81px -14px;
    padding-right: 14px
}
.bloc.bloc-selfie .share .facebook-btn.twitter-btn,
.bloc.bloc-selfie .share .twitter-btn.twitter-btn {
    background: #30a6d2
}
.bloc.bloc-selfie .share .facebook-btn.twitter-btn .twitter-share,
.bloc.bloc-selfie .share .twitter-btn.twitter-btn .twitter-share {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    width: 18px;
    height: 18px;
    background-position: -60px -18px
}
.bloc.bloc-selfie .share {
    left: 0
}
@media screen and (min-width: 450px) {
    .bloc.bloc-selfie {
        width: 48%;
        margin: .5%;
        padding-bottom: 48%
    }
    .bloc.bloc-selfie .bloc-title {
        width: 70%
    }
    .bloc.bloc-selfie .bloc-title h3 {
        font-size: 1.8em;
        line-height: 25px
    }
    .bloc.bloc-selfie .bloc-title p {
        font-size: 1.3em
    }
}
@media screen and (min-width: 850px) {
    .bloc.bloc-selfie {
        width: 32%;
        margin: .5%;
        padding-bottom: 32%
    }
}
@media screen and (min-width: 1200px) {
    .bloc.bloc-selfie {
        width: 32%;
        margin: .5%;
        padding-bottom: 32%
    }
    .bloc.bloc-selfie .bloc-title h3 {
        font-size: 2.3em;
        line-height: 30px
    }
    .bloc.bloc-selfie .bloc-title p {
        margin-top: 5px;
        font-size: 1.7em
    }
}
.bloc.bloc-big,
.bloc.bloc-video {
    background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #292929), color-stop(100%, #404040));
    background: -webkit-linear-gradient(#292929, #404040);
    background: -moz-linear-gradient(#292929, #404040);
    background: -o-linear-gradient(#292929, #404040);
    background: linear-gradient(#292929, #404040);
    position: relative;
    height: 500px
}
@media screen and (min-width: 768px) and (min-width: 768px) {
    .bloc.bloc-big>.title-news,
    .bloc.bloc-video>.title-news {
        top: 0;
        bottom: 0;
        left: 0;
        height: 100%;
        width: 300px;
        background-color: transparent
    }
    .bloc.bloc-big>.title-news .title-text,
    .bloc.bloc-video>.title-news .title-text {
        line-height: 30px;
        font-size: 2.7em;
        color: #fff;
        word-warp: break-word;
        padding-top: 60px
    }
    .bloc.bloc-big>.title-news .share,
    .bloc.bloc-video>.title-news .share {
        bottom: 0
    }
    .bloc.bloc-big>.title-news .share:hover .facebook-btn,
    .bloc.bloc-video>.title-news .share:hover .facebook-btn {
        top: -37px
    }
    .bloc.bloc-big>.title-news .share:hover .twitter-btn,
    .bloc.bloc-video>.title-news .share:hover .twitter-btn {
        top: -73px
    }
    .bloc.bloc-big>.title-news .share .dark-btn,
    .bloc.bloc-video>.title-news .share .dark-btn {
        font-size: 1.8em;
        width: 110px;
        height: 37px;
        line-height: 37px
    }
    .bloc.bloc-big>.title-news .share .facebook-btn,
    .bloc.bloc-big>.title-news .share .twitter-btn,
    .bloc.bloc-video>.title-news .share .facebook-btn,
    .bloc.bloc-video>.title-news .share .twitter-btn {
        height: 37px;
        line-height: 37px;
        font-family: Roboto, sans-serif;
        font-size: 1.8em;
        color: #fff;
        font-weight: 700;
        width: 110px
    }
    .bloc.bloc-big>.title-news .share .facebook-btn .facebook-share,
    .bloc.bloc-big>.title-news .share .twitter-btn .facebook-share,
    .bloc.bloc-video>.title-news .share .facebook-btn .facebook-share,
    .bloc.bloc-video>.title-news .share .twitter-btn .facebook-share {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        height: 20px;
        background-position: -81px -14px;
        padding-right: 14px
    }
    .bloc.bloc-big>.title-news .share .facebook-btn.twitter-btn,
    .bloc.bloc-big>.title-news .share .twitter-btn.twitter-btn,
    .bloc.bloc-video>.title-news .share .facebook-btn.twitter-btn,
    .bloc.bloc-video>.title-news .share .twitter-btn.twitter-btn {
        background: #30a6d2
    }
    .bloc.bloc-big>.title-news .share .facebook-btn.twitter-btn .twitter-share,
    .bloc.bloc-big>.title-news .share .twitter-btn.twitter-btn .twitter-share,
    .bloc.bloc-video>.title-news .share .facebook-btn.twitter-btn .twitter-share,
    .bloc.bloc-video>.title-news .share .twitter-btn.twitter-btn .twitter-share {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        width: 18px;
        height: 18px;
        background-position: -60px -18px
    }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1000px) {
    .bloc.bloc-big>.title-news .share,
    .bloc.bloc-video>.title-news .share {
        left: -10px
    }
}
@media screen and (min-width: 320px) {
    .bloc.bloc-big,
    .bloc.bloc-video {
        margin-bottom: 15px
    }
}
@media screen and (min-width: 480px) {
    .bloc.bloc-big,
    .bloc.bloc-video {
        height: 600px;
        margin-bottom: 15px
    }
}
@media screen and (min-width: 768px) {
    .bloc.bloc-big,
    .bloc.bloc-video {
        height: 417px;
        margin-bottom: 15px
    }
}
@media screen and (max-width: 768px) {
    .bloc.bloc-big .title-news,
    .bloc.bloc-video .title-news {
        background-color: #000
    }
    .bloc.bloc-big .title-news .title-text,
    .bloc.bloc-video .title-news .title-text {
        font-family: "Roboto Slab", serif;
        font-weight: 400;
        font-weight: 700;
        font-size: 2.7em;
        color: #fff;
        line-height: 30px
    }
}
.bloc.bloc-big .video-wrapper,
.bloc.bloc-video .video-wrapper {
    width: 100%
}
@media screen and (min-width: 768px) {
    .bloc.bloc-big .video-wrapper,
    .bloc.bloc-video .video-wrapper {
        width: 55%;
        position: absolute;
        right: 25px;
        top: 20px;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        *vertical-align: auto;
        zoom: 1;
        *display: inline
    }
}
.bloc.bloc-big .video-wrapper .video-container,
.bloc.bloc-video .video-wrapper .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 7px
}
.bloc.bloc-big .video-wrapper .video-container embed,
.bloc.bloc-big .video-wrapper .video-container iframe,
.bloc.bloc-big .video-wrapper .video-container object,
.bloc.bloc-video .video-wrapper .video-container embed,
.bloc.bloc-video .video-wrapper .video-container iframe,
.bloc.bloc-video .video-wrapper .video-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.bloc.bloc-big {
    background: 0 0;
    background-color: #000;
    height: 380px
}
@media screen and (min-width: 768px) {
    .bloc.bloc-big>.title-news {
        top: 0;
        bottom: 0;
        left: 0;
        height: 100%;
        width: 300px;
        background-color: transparent
    }
    .bloc.bloc-big>.title-news .title-text {
        line-height: 30px;
        font-size: 2.7em;
        color: #fff;
        word-warp: break-word;
        padding-top: 60px
    }
    .bloc.bloc-big>.title-news .share {
        bottom: 0
    }
    .bloc.bloc-big>.title-news .share:hover .facebook-btn {
        top: -37px
    }
    .bloc.bloc-big>.title-news .share:hover .twitter-btn {
        top: -73px
    }
    .bloc.bloc-big>.title-news .share .dark-btn {
        font-size: 1.8em;
        width: 110px;
        height: 37px;
        line-height: 37px
    }
    .bloc.bloc-big>.title-news .share .facebook-btn,
    .bloc.bloc-big>.title-news .share .twitter-btn {
        height: 37px;
        line-height: 37px;
        font-family: Roboto, sans-serif;
        font-size: 1.8em;
        color: #fff;
        font-weight: 700;
        width: 110px
    }
    .bloc.bloc-big>.title-news .share .facebook-btn .facebook-share,
    .bloc.bloc-big>.title-news .share .twitter-btn .facebook-share {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        height: 20px;
        background-position: -81px -14px;
        padding-right: 14px
    }
    .bloc.bloc-big>.title-news .share .facebook-btn.twitter-btn,
    .bloc.bloc-big>.title-news .share .twitter-btn.twitter-btn {
        background: #30a6d2
    }
    .bloc.bloc-big>.title-news .share .facebook-btn.twitter-btn .twitter-share,
    .bloc.bloc-big>.title-news .share .twitter-btn.twitter-btn .twitter-share {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        width: 18px;
        height: 18px;
        background-position: -60px -18px
    }
}
@media screen and (min-width: 768px) and (min-width: 1000px) {
    .bloc.bloc-big>.title-news .share {
        left: -10px
    }
}
@media screen and (min-width: 1600px) {
    .bloc.bloc-big>.title-news {
        background-color: transparent;
        width: 400px
    }
    .bloc.bloc-big>.title-news .title-text {
        line-height: 35px;
        font-size: 3.2em
    }
}
.bloc.bloc-medium-left,
.bloc.bloc-medium-right {
    height: 213px;
    margin-bottom: 15px;
    position: relative
}
@media screen and (min-width: 768px) {
    .bloc.bloc-medium-left,
    .bloc.bloc-medium-right {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        width: 65%;
        margin-bottom: 15px;
        height: 295px
    }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
    .bloc.bloc-medium-left>.title-news,
    .bloc.bloc-medium-right>.title-news {
        top: 0;
        bottom: 0;
        left: 0;
        height: 100%;
        width: 300px;
        background-color: transparent
    }
    .bloc.bloc-medium-left>.title-news .title-text,
    .bloc.bloc-medium-right>.title-news .title-text {
        line-height: 30px;
        font-size: 2.7em;
        color: #fff;
        word-warp: break-word;
        padding-top: 60px
    }
    .bloc.bloc-medium-left>.title-news .share,
    .bloc.bloc-medium-right>.title-news .share {
        bottom: 0
    }
    .bloc.bloc-medium-left>.title-news .share:hover .facebook-btn,
    .bloc.bloc-medium-right>.title-news .share:hover .facebook-btn {
        top: -37px
    }
    .bloc.bloc-medium-left>.title-news .share:hover .twitter-btn,
    .bloc.bloc-medium-right>.title-news .share:hover .twitter-btn {
        top: -73px
    }
    .bloc.bloc-medium-left>.title-news .share .dark-btn,
    .bloc.bloc-medium-right>.title-news .share .dark-btn {
        font-size: 1.8em;
        width: 110px;
        height: 37px;
        line-height: 37px
    }
    .bloc.bloc-medium-left>.title-news .share .facebook-btn,
    .bloc.bloc-medium-left>.title-news .share .twitter-btn,
    .bloc.bloc-medium-right>.title-news .share .facebook-btn,
    .bloc.bloc-medium-right>.title-news .share .twitter-btn {
        height: 37px;
        line-height: 37px;
        font-family: Roboto, sans-serif;
        font-size: 1.8em;
        color: #fff;
        font-weight: 700;
        width: 110px
    }
    .bloc.bloc-medium-left>.title-news .share .facebook-btn .facebook-share,
    .bloc.bloc-medium-left>.title-news .share .twitter-btn .facebook-share,
    .bloc.bloc-medium-right>.title-news .share .facebook-btn .facebook-share,
    .bloc.bloc-medium-right>.title-news .share .twitter-btn .facebook-share {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        height: 20px;
        background-position: -81px -14px;
        padding-right: 14px
    }
    .bloc.bloc-medium-left>.title-news .share .facebook-btn.twitter-btn,
    .bloc.bloc-medium-left>.title-news .share .twitter-btn.twitter-btn,
    .bloc.bloc-medium-right>.title-news .share .facebook-btn.twitter-btn,
    .bloc.bloc-medium-right>.title-news .share .twitter-btn.twitter-btn {
        background: #30a6d2
    }
    .bloc.bloc-medium-left>.title-news .share .facebook-btn.twitter-btn .twitter-share,
    .bloc.bloc-medium-left>.title-news .share .twitter-btn.twitter-btn .twitter-share,
    .bloc.bloc-medium-right>.title-news .share .facebook-btn.twitter-btn .twitter-share,
    .bloc.bloc-medium-right>.title-news .share .twitter-btn.twitter-btn .twitter-share {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        width: 18px;
        height: 18px;
        background-position: -60px -18px
    }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1000px) {
    .bloc.bloc-medium-left>.title-news .share,
    .bloc.bloc-medium-right>.title-news .share {
        left: -10px
    }
}
@media screen and (min-width: 768px) {
    .bloc.bloc-medium-left {
        margin-right: 1.5%
    }
}
@media screen and (min-width: 768px) {
    .bloc.bloc-medium-right {
        margin-right: 0;
        margin-left: 1.5%
    }
}
.bloc.bloc-small {
    height: 213px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    position: relative;
    margin-bottom: 15px;
    width: 100%
}
.bloc.bloc-small .credits {
    top: 0
}
@media screen and (min-width: 768px) {
    .bloc.bloc-small {
        height: 295px;
        width: 33%
    }
}
.bloc.bloc-text {
    cursor: auto;
    background-color: transparent;
    border-bottom: 1px solid #c4c4c4;
    border-top: 1px solid #c4c4c4;
    position: relative;
    padding: 20px 0 10px;
    margin-bottom: 20px
}
@media screen and (max-width: 1140px) {
    .bloc.bloc-text {
        font-size: .8em
    }
}
.bloc.bloc-text .article {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}
.bloc.bloc-text .photo-box {
    position: relative;
    height: 100px;
    overflow: hidden;
    width: 100%
}
@media screen and (min-width: 850px) {
    .bloc.bloc-text .photo-box {
        margin-left: 15px;
        width: 23%;
        height: auto;
        padding-bottom: 23%;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        *vertical-align: auto;
        zoom: 1;
        *display: inline
    }
}
@media screen and (min-width: 1000px) {
    .bloc.bloc-text .photo-box {
        margin-left: 0;
        width: 33%;
        padding-bottom: 33%
    }
}
.bloc.bloc-text .photo-box .dicipline {
    position: absolute;
    top: 0;
    left: 0
}
.bloc.bloc-text .text-box {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    position: relative;
    height: 75%;
    padding-right: 10px
}
@media screen and (min-width: 768px) {
    .bloc.bloc-text .text-box {
        height: 100%;
        width: 70%
    }
}
@media screen and (min-width: 1000px) {
    .bloc.bloc-text .text-box {
        width: 60%
    }
}
.bloc.bloc-text .text-box .title-news {
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    font-weight: 700;
    font-size: 2.7em;
    color: #27221a;
    margin: 20px;
    width: 100%;
    margin-left: 0
}
@media screen and (min-width: 850px) {
    .bloc.bloc-text .text-box .title-news {
        margin-top: 0;
        margin-left: 20px
    }
}
.bloc.bloc-text .text-box p {
    font-family: Roboto, sans-serif;
    font-size: 1.8em;
    color: #000;
    line-height: 24px
}
@media screen and (min-width: 850px) {
    .bloc.bloc-text .text-box p {
        padding-left: 20px
    }
}
.bloc.bloc-text .text-box p a {
    font-weight: 700;
    color: #000;
    text-decoration: none
}
.bloc.bloc-text .text-box p a:hover {
    text-decoration: underline
}
.bloc.bloc-text .bloc-text-nav {
    background-color: #fff;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    padding: 10px;
    position: absolute;
    bottom: -20px;
    right: 0
}
.bloc.bloc-text .bloc-text-nav a {
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    font-weight: 700;
    font-size: 1.56em;
    color: #656565;
    cursor: pointer;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    margin-left: 8px;
    padding: 10px;
    text-decoration: none
}
.bloc.bloc-text .bloc-text-nav a:hover {
    color: #000;
    -webkit-transition: color 300ms;
    -moz-transition: color 300ms;
    -o-transition: color 300ms;
    transition: color 300ms
}
.bloc.bloc-text .bloc-text-nav a.selected {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    height: 20px;
    width: 16px;
    padding: 4px 0 0 8px;
    background-color: #000;
    color: #fff;
    cursor: auto
}
.bloc.bloc-text .dialog {
    color: #000;
    background-position: -52px -324px;
    display: block;
    margin-top: 10px
}
@media screen and (min-width: 768px) {
    .bloc.bloc-text .dialog {
        margin-left: 15px
    }
}
.header-news {
    position: relative
}
@media screen and (min-width: 640px) {
    .header-news {
        background: transparent url(../images/line-bc-bf505d62.jpg) repeat-x left center;
        margin-bottom: 25px
    }
}
.header-news .category-ic {
    margin-top: -5px
}
.header-news .article-title,
.header-news .slider .slide-title,
.header-news .title,
.slider .header-news .slide-title {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    background-color: #fff;
    margin-bottom: 10px;
    line-height: 45px;
    min-height: 45px
}
.article-section.grey .header-news .article-title,
.article-section.grey .header-news .slider .slide-title,
.article-section.grey .header-news .title,
.slider .article-section.grey .header-news .slide-title {
    background-color: #e7e7e7
}
@media screen and (max-width: 1000px) {
    .header-news .article-title,
    .header-news .slider .slide-title,
    .header-news .title,
    .slider .header-news .slide-title {
        font-size: 2.8em;
        padding-left: 0
    }
}
@media screen and (min-width: 640px) {
    .header-news .article-title,
    .header-news .slider .slide-title,
    .header-news .title,
    .slider .header-news .slide-title {
        padding-right: 10px;
        margin-bottom: 0
    }
}
@media screen and (max-width: 768px) {
    .header-news .article-title,
    .header-news .slider .slide-title,
    .header-news .title,
    .slider .header-news .slide-title {
        padding-left: 10px
    }
}
.header-news .btn-news {
    display: block;
    font-family: Roboto, sans-serif;
    font-size: 1.5em;
    color: #fff;
    background: #9f9f9f;
    background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #bababa), color-stop(100%, #9f9f9f)), #9f9f9f;
    background: -webkit-linear-gradient(#bababa, #9f9f9f), #9f9f9f;
    background: -moz-linear-gradient(#bababa, #9f9f9f), #9f9f9f;
    background: -o-linear-gradient(#bababa, #9f9f9f), #9f9f9f;
    background: linear-gradient(#bababa, #9f9f9f), #9f9f9f;
    padding: 15px;
    right: 0;
    text-decoration: none;
    position: relative
}
@media screen and (min-width: 640px) {
    .header-news .btn-news {
        position: absolute;
        display: inline-block;
        top: 0;
        bottom: 0
    }
}
#chrono-news {
    width: 100%
}
@media screen and (min-width: 1000px) {
    #chrono-news {
        width: 90%;
        margin-bottom: 20px
    }
}
#chrono-news li:nth-child(odd) {
    background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #383736), color-stop(100%, #525150));
    background: -webkit-linear-gradient(#383736, #525150);
    background: -moz-linear-gradient(#383736, #525150);
    background: -o-linear-gradient(#383736, #525150);
    background: linear-gradient(#383736, #525150)
}
#chrono-news li:nth-child(odd) a {
    color: #fff
}
#chrono-news li:nth-child(even) {
    background-color: #e6e6e6
}
#chrono-news li:nth-child(even) a {
    color: #000
}
#chrono-news a {
    display: block;
    text-decoration: none;
    padding: 15px;
    position: relative
}
#chrono-news a .news-text {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    width: 74%
}
#chrono-news a .news-text .news-title {
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    font-weight: 700;
    font-size: 1.4em;
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 3px
}
#chrono-news a .news-text .date {
    display: inline-block;
    font-size: 1.2em;
    color: #bdbdbd
}
#chrono-news a .news-text .text {
    margin-top: 10px;
    display: block;
    font-size: 1.4em;
    line-height: 18px
}
#mag .mag-area .black-btn {
    font-weight: 400
}
#top-header {
    background: #1a171b url(../images/pattern-9c677d7f.jpg) 0 0;
    height: 60px;
    position: relative;
    box-shadow: 0 3px 3px #111;
    z-index: 10
}
@media screen and (min-width: 1000px) {
    #top-header {
        height: 110px
    }
}
@media screen and (min-width: 1000px) {
    #top-header a.menu {
        margin-left: -75px;
        -webkit-transition: margin-left 250ms;
        -moz-transition: margin-left 250ms;
        -o-transition: margin-left 250ms;
        transition: margin-left 250ms
    }
    #top-header a.menu.visible {
        margin-left: 0
    }
}
#top-header .uselink {
    display: none
}
@media screen and (min-width: 1000px) {
    #top-header .uselink {
        display: block;
        float: right;
        padding-top: 15px;
        padding-right: 15px
    }
    #top-header .uselink .connect .content-connect {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        height: 35px;
        margin-right: 30px
    }
    #top-header .uselink .connect .content-connect a {
        display: inline-block;
        position: relative;
        text-decoration: none
    }
    #top-header .uselink .connect .content-connect a .add {
        position: absolute;
        top: 0;
        left: 35px;
        display: block;
        width: 15px;
        height: 15px
    }
    #top-header .uselink .connect .content-connect .logout {
        color: #c0bdbd;
        font-size: 1em;
        text-decoration: none
    }
    #top-header .uselink .connect .content-connect .logout:hover {
        text-decoration: underline
    }
    #top-header .uselink .connect .search-box {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline
    }
    #top-header .uselink .connect .search-box input {
        background-color: #92be37;
        border: 0;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
        border-radius: 10px;
        padding: 3px 10px;
        width: 200px;
        color: #fff
    }
    #top-header .uselink .connect .search-box input[type=submit] {
        width: 28px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%
    }
    #top-header .uselink .link-content .media {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: bottom;
        *vertical-align: auto;
        zoom: 1;
        *display: inline
    }
    #top-header .uselink .link-content .media li {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        background: transparent url(../images/separator-309c39c2.png) no-repeat right;
        height: 60px;
        padding: 0 10px
    }
    #top-header .uselink .link-content .media li a {
        font-family: "Roboto Slab", serif;
        font-weight: 400;
        font-weight: 700;
        font-size: 2.4em;
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
        vertical-align: -30px
    }
    #top-header .uselink .link-content .media li a:hover {
        color: #999;
        -webkit-transition: color 300ms;
        -moz-transition: color 300ms;
        -o-transition: color 300ms;
        transition: color 300ms
    }
    #top-header .uselink .link-content .media li:nth-child(1) {
        padding-left: 0
    }
}
.networking {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: bottom;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}
.networking li {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}
.networking li a {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: 3px;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}
.logo {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    width: 200px
}
@media screen and (max-width: 480px) {
    .logo {
        width: 136px
    }
}
@media screen and (min-width: 1000px) {
    .logo {
        width: 256px
    }
}
.logo a {
    display: block;
    border-left: 1px solid #484747;
    padding: 12px 20px
}
@media screen and (max-width: 480px) {
    .logo a {
        padding: 16px 20px 18px 10px
    }
}
@media screen and (min-width: 1000px) {
    .logo a {
        padding: 30px 20px
    }
}
.connect-mobile {
    display: block;
    position: absolute;
    top: 13px;
    right: 20px
}
@media screen and (min-width: 1000px) {
    .connect-mobile {
        top: 35px
    }
}
.connect-mobile a {
    padding: 5px 8px;
    text-decoration: none
}
@media screen and (min-width: 1000px) {
    .connect-mobile a {
        padding: 8px 15px;
        margin: 0 5px
    }
}
.connect-mobile a.live-btn {
    background-color: #91bd37;
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    font-weight: 700;
    font-size: 1.6em;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: 6px
}
@media screen and (min-width: 1000px) {
    .connect-mobile {
        display: none
    }
}
.menu {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    width: 70px;
    text-align: center;
    border-right: 1px solid #000;
    height: 60px
}
@media screen and (min-width: 1000px) {
    .menu {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        height: 110px
    }
}
.menu .nav-picto {
    background-position: 0 -96px;
    background-size: 233% auto;
    height: 35px;
    width: 35px;
    margin-top: 10px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}
@media screen and (min-width: 1000px) {
    .menu .nav-picto {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: -63px;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        width: 45px;
        height: 45px;
        background-position: 0 -163px;
        background-size: auto
    }
}
#main-menu {
    display: none;
    min-height: 100%;
    background: #92be37;
    position: fixed;
    left: 0;
    top: 61px;
    z-index: 1000;
    width: 230px
}
@media screen and (min-width: 1000px) {
    #main-menu {
        z-index: 1;
        top: 0
    }
}
#main-menu li {
    border-bottom: 2px solid #b5c887;
    background-color: transparent;
    -webkit-transition: background-color 300ms;
    -moz-transition: background-color 300ms;
    -o-transition: background-color 300ms;
    transition: background-color 300ms
}
#main-menu li:hover {
    background-color: #648939
}
#main-menu li:first-child:hover {
    background: 0 0
}
#main-menu li:first-child a {
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    font-size: 1.9em;
    color: #fff;
    text-transform: uppercase
}
#main-menu li .nav-logo {
    margin: 25px 0
}
#main-menu li a {
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    font-size: 1.5em;
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 15px 30px
}
#main-menu li.open .sub-menu {
    display: block;
    background-color: #7eac48
}
#main-menu li.open .sub-menu li {
    border-color: #5b8f1c;
    border-width: 1px;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms
}
#main-menu li.open .sub-menu li:hover {
    background-color: #33530e
}
#main-menu li.open .sub-menu li:hover a {
    color: #83a829
}
#main-menu li.open .sub-menu li:first-child {
    display: none
}
#main-menu li.open .sub-menu li a {
    font-family: Roboto, sans-serif;
    font-size: 1.2em;
    color: #fff
}
#main-menu li .sub-menu {
    display: none
}
@media screen and (min-width: 1000px) {
    #main-menu {
        display: block;
        min-height: 45px;
        position: absolute;
        top: 110px;
        width: 100%;
        -webkit-transition: top 250ms;
        -moz-transition: top 250ms;
        -o-transition: top 250ms;
        transition: top 250ms
    }
    #main-menu.hidden {
        top: 65px
    }
    #main-menu .nav-wrapper {
        width: 1000px;
        margin: 0 auto
    }
    #main-menu .nav-wrapper li {
        border: 0;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        background: transparent url(../images/nav-border-001833a4.png) no-repeat right center;
        padding: 10px 9px;
        height: 23px
    }
    #main-menu .nav-wrapper li:first-child {
        display: none
    }
    #main-menu .nav-wrapper li a {
        text-transform: uppercase;
        text-decoration: none;
        padding: 10px 0;
        position: relative;
        z-index: 2;
        font-family: "Roboto Slab", serif;
        font-weight: 400;
        font-size: 1.5em;
        color: #fff
    }
    #main-menu .nav-wrapper li:hover .arrow-down {
        display: block
    }
    #main-menu .nav-wrapper li .sub-menu {
        display: none
    }
    #main-menu .nav-wrapper li:hover .sub-menu {
        display: block;
        background: #000;
        position: absolute;
        top: 45px;
        left: 0;
        width: 100%;
        height: 72px;
        z-index: 1
    }
    #main-menu .nav-wrapper li:hover .sub-menu ul {
        width: 1000px;
        margin: 0 auto
    }
    #main-menu .nav-wrapper li:hover .sub-menu ul li {
        background: 0 0;
        font-family: "Roboto Slab", serif;
        font-weight: 400;
        font-weight: 700;
        font-size: 1.52em;
        color: #fff
    }
    #main-menu .nav-wrapper li:hover .sub-menu ul li:first-child {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline
    }
    #main-menu .nav-wrapper li:hover .sub-menu ul li .sport {
        line-height: 43px
    }
    #main-menu .nav-wrapper li:hover .sub-menu ul li a {
        font-family: "Roboto Slab", serif;
        font-weight: 400;
        font-size: .8em;
        color: #fff;
        padding: 16px 0
    }
    #main-menu .nav-wrapper li:hover .sub-menu ul li a:hover {
        color: #999;
        -webkit-transition: color 300ms;
        -moz-transition: color 300ms;
        -o-transition: color 300ms;
        transition: color 300ms
    }
    #main-menu .nav-wrapper li:last-child {
        background: 0 0
    }
}
.arrow-down {
    display: none;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 0;
    border-color: #91be37 transparent transparent;
    margin: 9px auto 0
}
#mag {
    width: 90%;
    margin-bottom: 15px;
    background-color: #92be37;
    text-align: center
}
#mag .mag-area {
    text-decoration: none;
    position: relative;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    margin-top: 15px
}
#mag .mag-area:hover .black-btn {
    background-color: #fff;
    color: #000;
    -webkit-transition: color 400ms;
    -moz-transition: color 400ms;
    -o-transition: color 400ms;
    transition: color 400ms
}
#mag .mag-area .black-btn {
    font-family: Roboto, sans-serif;
    font-size: 1.8em;
    color: #fff;
    text-transform: uppercase;
    padding: 10px;
    background-color: #000;
    position: absolute;
    bottom: 8px;
    left: -28px
}
#mag .tagline {
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    font-weight: 700;
    font-size: 2.5em;
    color: #fff;
    line-height: 28px;
    width: 73%;
    margin: 0 auto 10px
}
#mag p {
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    font-size: 1.4em;
    color: #fff;
    width: 75%;
    margin: 0 auto 15px;
    line-height: 18px
}
#mag p a {
    color: #fff;
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    font-weight: 700;
    -webkit-transition: color 200ms;
    -moz-transition: color 200ms;
    -o-transition: color 200ms;
    transition: color 200ms;
    padding: 10px 0
}
#mag p a:hover {
    color: #253812;
    -webkit-transition: color 300ms;
    -moz-transition: color 300ms;
    -o-transition: color 300ms;
    transition: color 300ms
}
.box-rank {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    width: 100%
}
@media screen and (max-width: 1000px) {
    .box-rank {
        font-size: 100%
    }
}
@media screen and (max-width: 1280px) {
    .box-rank {
        font-size: 90%
    }
}
@media screen and (min-width: 1000px) {
    .box-rank {
        width: 48%
    }
}
.result {
    background-color: #e7e7e7;
    margin-top: 15px
}
@media screen and (min-width: 1280px) {
    .result {
        width: 88%
    }
}
@media screen and (min-width: 1000px) {
    .result {
        padding: 20px;
        width: 90%;
        height: 481px
    }
}
.result .header-result {
    text-align: center;
    position: relative
}
.result .header-result .btn-grey {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    font-family: Roboto, sans-serif;
    font-size: 1.5em;
    color: #fff;
    font-weight: 700;
    padding: 15px;
    text-decoration: none;
    background: #9f9f9f;
    background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #bababa), color-stop(100%, #9f9f9f)), #9f9f9f;
    background: -webkit-linear-gradient(#bababa, #9f9f9f), #9f9f9f;
    background: -moz-linear-gradient(#bababa, #9f9f9f), #9f9f9f;
    background: -o-linear-gradient(#bababa, #9f9f9f), #9f9f9f;
    background: linear-gradient(#bababa, #9f9f9f), #9f9f9f
}
.result .header-result .btn-grey:hover {
    background: #4b4947;
    background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #4b4947), color-stop(100%, #3f3d3c)), #4b4947;
    background: -webkit-linear-gradient(#4b4947, #3f3d3c), #4b4947;
    background: -moz-linear-gradient(#4b4947, #3f3d3c), #4b4947;
    background: -o-linear-gradient(#4b4947, #3f3d3c), #4b4947;
    background: linear-gradient(#4b4947, #3f3d3c), #4b4947
}
.result .header-result .previous-box {
    position: absolute;
    left: 0;
    top: 17px;
    width: 39%;
    text-align: left
}
@media screen and (max-width: 980px) {
    .result .header-result .previous-box {
        padding-left: 15px
    }
}
.result .header-result .next-box {
    position: absolute;
    right: 0;
    top: 17px;
    width: 47%;
    text-align: right
}
@media screen and (max-width: 980px) {
    .result .header-result .next-box {
        padding-right: 15px
    }
}
.result .header-result .line {
    display: none
}
@media screen and (min-width: 1200px) {
    .result .header-result .line {
        border-bottom: 1px solid #bcbcbc;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        width: 25%;
        margin: 0
    }
}
.result .header-result .slider .slide-title,
.result .header-result .title,
.slider .result .header-result .slide-title {
    text-align: center
}
@media screen and (max-width: 1350px) {
    .result .header-result .slider .slide-title,
    .result .header-result .title,
    .slider .result .header-result .slide-title {
        font-size: 3em
    }
}
@media screen and (max-width: 320px) {
    .result .header-result .slider .slide-title,
    .result .header-result .title,
    .slider .result .header-result .slide-title {
        font-size: 2.8em
    }
}
@media screen and (min-width: 1000px) {
    .result .header-result .slider .slide-title,
    .result .header-result .title,
    .slider .result .header-result .slide-title {
        width: 30%;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline
    }
}
.result .header-result .slider .slide-title p,
.result .header-result .title p,
.slider .result .header-result .slide-title p {
    font-family: Roboto, sans-serif;
    font-size: .3em;
    color: #757575;
    font-weight: 100;
    text-transform: uppercase;
    margin-top: 5px
}
.score-table .tab {
    width: 100%
}
.score-table .tab caption {
    display: none
}
.score-table .tab tr {
    background: #c7c3c3;
    background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #c7c3c3), color-stop(100%, #e8e5e5)), #c7c3c3;
    background: -webkit-linear-gradient(#c7c3c3, #e8e5e5), #c7c3c3;
    background: -moz-linear-gradient(#c7c3c3, #e8e5e5), #c7c3c3;
    background: -o-linear-gradient(#c7c3c3, #e8e5e5), #c7c3c3;
    background: linear-gradient(#c7c3c3, #e8e5e5), #c7c3c3;
    height: 56px
}
@media screen and (min-width: 1280px) {
    .score-table .tab tr {
        font-size: 86%
    }
}
.score-table .tab tr.even {
    background: #f0eeee;
    background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #f0eeee), color-stop(100%, #d9d7d7)), #f0eeee;
    background: -webkit-linear-gradient(#f0eeee, #d9d7d7), #f0eeee;
    background: -moz-linear-gradient(#f0eeee, #d9d7d7), #f0eeee;
    background: -o-linear-gradient(#f0eeee, #d9d7d7), #f0eeee;
    background: linear-gradient(#f0eeee, #d9d7d7), #f0eeee
}
.score-table .tab tr td {
    vertical-align: middle;
    text-align: center;
    width: 20%
}
.score-table .tab tr td .club {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}
.score-table .tab tr td .hour {
    font-family: Roboto, sans-serif;
    font-size: 1.8em;
    color: #000
}
.score-table .tab tr td .score-win {
    font-family: Roboto, sans-serif;
    font-size: 2.5em;
    color: #92be37;
    font-weight: 700
}
.score-table .tab tr td .vs {
    font-family: Roboto, sans-serif;
    font-size: 2.5em;
    color: #000;
    font-weight: 700
}
.score-table .tab tr td .score-loose {
    font-family: Roboto, sans-serif;
    font-size: 2.5em;
    color: #000
}
.score-table .tab tr td .state {
    font-family: Roboto, sans-serif;
    font-size: 1em;
    color: #757575;
    text-transform: uppercase
}
.score-table .tab tr td.winner {
    font-family: Roboto, sans-serif;
    font-size: 1.6em;
    color: #000;
    font-weight: 700
}
.score-table .tab tr td.looser,
.score-table .tab tr td.none {
    font-family: Roboto, sans-serif;
    font-size: 1.6em;
    color: #000
}
.score-table .tab tr td.away {
    direction: rtl
}
.disc {
    height: 33px;
    width: 33px;
    background-color: #fff;
    border-radius: 50%;
    padding: 5px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}
.rank {
    width: 100%
}
@media screen and (min-width: 1000px) {
    .rank {
        width: 96%
    }
}
@media screen and (min-width: 1280px) {
    .rank {
        width: 98%
    }
}
@media screen and (min-width: 1000px) {
    .rank {
        margin-bottom: 20px
    }
}
.rank .slider .slide-title,
.rank .title,
.slider .rank .slide-title {
    font-size: 2.8em
}
.rank li:nth-child(odd) {
    background-color: #e8e8e8
}
.rank li:nth-child(even) {
    background-color: #fff
}
.rank li {
    height: 45px;
    padding: 15px 10px
}
.rank li .rank-text {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    width: 75%
}
.rank li .rank-text .text {
    margin: 10px 0;
    display: block;
    font-size: 2em;
    line-height: 18px
}
.rank li .rank-text .text span {
    font-family: Roboto, sans-serif;
    font-size: .7em;
    color: #000;
    font-weight: 100
}
.rank li .point {
    float: right;
    margin-top: 15px;
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    font-weight: 700;
    font-size: 1.6em;
    color: #000
}
.btn-green {
    text-align: center;
    display: block;
    background-color: #92be37;
    padding: 10px;
    text-decoration: underline;
    font-family: Roboto, sans-serif;
    font-size: 1.4em;
    color: #fff;
    -webkit-transition: background-color 300ms;
    -moz-transition: background-color 300ms;
    -o-transition: background-color 300ms;
    transition: background-color 300ms
}
.btn-green:hover {
    background-color: #324903
}
.select-nav {
    text-align: center;
    padding: 10px;
    font-family: Roboto, sans-serif;
    font-size: 1.4em;
    color: #fff
}
.select-nav .previous {
    float: left;
    color: #fff;
    padding: 7px 0
}
.select-nav .current-nav {
    font-size: 1.6em;
    font-weight: 700
}
.select-nav .next {
    float: right;
    color: #fff;
    padding: 7px 0
}
#team-composition {
    width: 100%;
    margin-bottom: 10px
}
@media screen and (min-width: 1000px) {
    #team-composition {
        width: 90%
    }
}
#team-composition .content-team {
    position: relative
}
#team-composition .content-team img {
    width: 100%;
    height: auto
}
#team-composition .content-team li {
    position: absolute
}
#team-composition .content-team li a {
    text-decoration: none;
    display: block;
    margin-left: -45px
}
#team-composition .content-team li a .player-name {
    text-align: center;
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    font-weight: 700;
    font-size: 1.25em;
    color: #fff;
    text-shadow: rgba(0, 0, 0, .75)2px 2px 1px;
    width: 90px;
    display: block
}
#team-composition .content-team li a .player-name:hover {
    color: #ff0
}
#team-composition .content-team li a .player-name:before {
    content: " ";
    display: block;
    width: 24px;
    height: 24px;
    margin: 0 auto 5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff600
}
#team-composition .content-team .player01 {
    top: 76%;
    left: 86%
}
#team-composition .content-team .player02 {
    top: 76%;
    left: 50%
}
#team-composition .content-team .player03 {
    top: 76%;
    left: 15%
}
#team-composition .content-team .player04 {
    top: 64%;
    left: 70%
}
#team-composition .content-team .player05 {
    top: 64%;
    left: 32%
}
#team-composition .content-team .player06 {
    top: 52%;
    left: 86%
}
#team-composition .content-team .player07 {
    top: 52%;
    left: 50%
}
#team-composition .content-team .player08 {
    top: 52%;
    left: 15%
}
#team-composition .content-team .player09 {
    top: 39%;
    left: 74%
}
#team-composition .content-team .player10 {
    top: 39%;
    left: 27%
}
#team-composition .content-team .player11 {
    top: 26%;
    left: 86%
}
#team-composition .content-team .player12 {
    top: 26%;
    left: 63%
}
#team-composition .content-team .player13 {
    top: 26%;
    left: 38%
}
#team-composition .content-team .player14 {
    top: 26%;
    left: 15%
}
#team-composition .content-team .player15 {
    top: 12%;
    left: 50%
}
strong {
    font-weight: 700
}
img {
    width: 100%;
    height: auto
}
.hidden {
    display: none
}
html {
    height: 100%;
    font-size: 62.5%;
    font-family: "Roboto Slab", serif;
    font-weight: 400
}
html body {
    margin: 0
}
.item {
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    font-weight: 700;
    font-size: 1.4em;
    color: #fff
}
.search {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    width: 17px;
    height: 17px;
    background-position: -4px -44px
}
.article-title {
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    font-weight: 700;
    font-size: 3.1em;
    color: #060606
}
.slider .slide-title,
.title {
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    font-weight: 700;
    font-size: 3.89em;
    color: #000;
    padding: 15px 0 25px
}
.slider .slide-title span,
.title span {
    color: #92be37
}
@media screen and (min-width: 1000px) {
    .slider .slide-title,
    .title {
        font-size: 3.3em
    }
}
@media screen and (min-width: 1200px) {
    .slider .slide-title,
    .title {
        font-size: 3.8em
    }
}
.tab-box .tab-btn {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    width: 50%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #e5e5e5;
    background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #e1e1e1), color-stop(100%, #e5e5e5)), #e5e5e5;
    background: -webkit-linear-gradient(#e1e1e1, #e5e5e5), #e5e5e5;
    background: -moz-linear-gradient(#e1e1e1, #e5e5e5), #e5e5e5;
    background: -o-linear-gradient(#e1e1e1, #e5e5e5), #e5e5e5;
    background: linear-gradient(#e1e1e1, #e5e5e5), #e5e5e5;
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    font-weight: 700;
    font-size: 1.47em;
    color: #383736;
    text-decoration: none;
    -webkit-transition: background 300ms;
    -moz-transition: background 300ms;
    -o-transition: background 300ms;
    transition: background 300ms
}
@media screen and (min-width: 1000px) {
    .tab-box .tab-btn {
        height: 36px;
        line-height: normal;
        padding-top: 25px
    }
}
.tab-box .active,
.tab-box .tab-btn:hover {
    background: #525151;
    background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(50%, #383736), color-stop(100%, #525151)), #525151;
    background: -webkit-linear-gradient(#383736 50%, #525151), #525151;
    background: -moz-linear-gradient(#383736 50%, #525151), #525151;
    background: -o-linear-gradient(#383736 50%, #525151), #525151;
    background: linear-gradient(#383736 50%, #525151), #525151;
    -webkit-transition: background 300ms;
    -moz-transition: background 300ms;
    -o-transition: background 300ms;
    transition: background 300ms;
    color: #fff
}
.tab-box .active .arrow-down {
    display: block;
    border-color: #525151 transparent transparent;
    position: relative;
    top: -9px;
    z-index: 1
}
@media screen and (min-width: 1000px) {
    .tab-box .active .arrow-down {
        top: 7px
    }
}
.background {
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transition: opacity 250ms;
    -moz-transition: opacity 250ms;
    -o-transition: opacity 250ms;
    transition: opacity 250ms
}
.dicipline {
    padding: 5px 3px;
    font-family: Roboto, sans-serif;
    font-size: 1.3em;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    margin: 20px;
    position: relative;
    z-index: 1
}
.dicipline span {
    font-family: Roboto, sans-serif;
    font-weight: 100
}
.sprite {
    background-image: url(../images/sprite-8167e2fb.png)
}
.profil {
    display: inline-block;
    width: 32px;
    height: 30px;
    background-position: -7px 0
}
.add {
    background-position: -28px -43px
}
.facebook {
    background-position: 0 -210px;
    height: 40px;
    width: 45px
}
.twitter {
    background-position: 0 -250px;
    height: 40px;
    width: 45px
}
.pintrest {
    background-position: 0 -290px;
    height: 40px;
    width: 45px
}
.dialog {
    background-position: 0 -67px;
    background-repeat: no-repeat;
    height: 22px;
    padding-left: 40px;
    padding-top: 4px;
    text-decoration: none;
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    font-weight: 700;
    font-size: 1.2em;
    color: #fff
}
.refresh {
    background-position: -11px -98px;
    width: 23px;
    height: 23px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    animation-delay: 10s;
    animation-direction: normal;
    animation-duration: 300ms;
    animation-iteration-count: 7;
    animation-name: refreshPlay;
    animation-play-state: running;
    animation-timing-function: ease-in-out;
    transition: all 1s ease 0s
}
@keyframes refreshPlay {
    0% {
        transform: rotate(0deg)
    }
    25% {
        transform: rotate(-90deg)
    }
    50% {
        transform: rotate(-180deg)
    }
    75% {
        transform: rotate(-270deg)
    }
    100% {
        transform: rotate(-355deg)
    }
}
.comment {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: -2px;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    width: 21px;
    height: 18px;
    background-position: -13px -134px;
    margin-left: 10px
}
@media screen and (min-width: 1000px) {
    .question {
        display: block;
        width: 33px;
        background-position: -44px -90px;
        background-size: 330% auto;
        height: 30px
    }
}
@media screen and (min-width: 1000px) {
    .hand {
        background-size: 360% auto;
        display: block;
        height: 40px;
        width: 33px;
        background-position: -51px -133px;
        margin: auto
    }
}
.play {
    display: block;
    height: 45px;
    width: 45px;
    background-position: -50px -355px
}
.arrows {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    height: 19px;
    width: 8px;
    background-position: -7px 422px;
    position: absolute;
    right: 10px
}
.photo {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    height: 32px;
    width: 32px;
    background: transparent url(../images/sprite-8167e2fb.png) no-repeat -97px -3px
}
.video {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    height: 32px;
    width: 32px;
    background: transparent url(../images/sprite-8167e2fb.png) no-repeat -59px -38px
}
#score {
    background: #000 url(../images/score-background-cb1991bc.jpg) center top no-repeat;
    background-size: cover;
    position: relative
}
@media screen and (min-width: 300px) {
    #score {
        height: 215px
    }
}
@media screen and (min-width: 480px) {
    #score {
        height: 285px
    }
}
@media screen and (min-width: 1000px) {
    #score {
        height: 285px
    }
}
#score #score-content {
    position: relative;
    text-align: center
}
@media screen and (min-width: 1000px) {
    #score #score-content {
        width: 100%;
        margin: auto
    }
}
#score #score-content .score-block,
#score #score-content .team {
    text-align: center
}
@media screen and (min-width: 300px) {
    #score #score-content .score-block,
    #score #score-content .team {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline
    }
}
@media screen and (min-width: 1000px) {
    #score #score-content .score-block,
    #score #score-content .team {
        padding-top: 60px
    }
}
#score #score-content .score-block {
    width: auto;
    text-shadow: 1px 1px 2px #000;
    margin-top: 50px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}
#score #score-content .score-block .score {
    font-family: Oswald, sans-serif;
    font-weight: 400;
    font-weight: 700;
    color: #fff;
    font-size: 30px;
    white-space: nowrap
}
@media screen and (min-width: 450px) {
    #score #score-content .score-block .score {
        font-size: 74px
    }
}
#score #score-content .score-block .state {
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    font-size: 1.6em;
    color: #fff;
    margin-top: 7px
}
#score #score-content .score-block .state p {
    display: none;
    font-size: .8em;
    line-height: 24px
}
#score #score-content .team.team1 {
    float: left
}
@media screen and (min-width: 768px) {
    #score #score-content .team.team1 {
        position: absolute;
        top: 12px;
        left: 100px
    }
}
#score #score-content .team.team2 {
    float: right
}
@media screen and (min-width: 768px) {
    #score #score-content .team.team2 {
        position: absolute;
        top: 12px;
        right: 100px
    }
}
@media screen and (min-width: 1000px) {
    #score #score-content .team.team1 {
        position: absolute;
        left: 40px;
        text-align: left
    }
    #score #score-content .team.team2 {
        position: absolute;
        right: 40px;
        text-align: right
    }
    #score #score-content .team.team2 .logo {
        float: right
    }
    #score #score-content .team.team2 .name {
        text-align: right
    }
}
#score #score-content .team .name,
#score #score-content .team .summary {
    display: block;
    padding: 5px 10px;
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    font-weight: 700
}
#score #score-content .team .name .summary-item,
#score #score-content .team .summary .summary-item {
    margin: 2px 0;
    padding: 3px;
    background-color: #000;
    color: #fff;
    cursor: pointer;
    position: relative
}
#score #score-content .team .name .summary-item:hover .detail,
#score #score-content .team .summary .summary-item:hover .detail {
    display: block;
    color: #000;
    background-color: #fff;
    padding: 5px;
    width: 120px;
    position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -55px;
    z-index: 1;
    line-height: 20px
}
@media screen and (min-width: 1000px) {
    #score #score-content .team .name .summary-item:hover .detail,
    #score #score-content .team .summary .summary-item:hover .detail {
        width: 220px;
        margin-left: -150px
    }
}
#score #score-content .team .name .summary-item:hover .detail .time,
#score #score-content .team .summary .summary-item:hover .detail .time {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}
@media screen and (min-width: 1000px) {
    #score #score-content .team .name .summary-item:hover .detail .time,
    #score #score-content .team .summary .summary-item:hover .detail .time {
        font-size: 1em
    }
}
#score #score-content .team .name .summary-item:hover .detail .event-text,
#score #score-content .team .summary .summary-item:hover .detail .event-text {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    text-align: left;
    width: 80%
}
@media screen and (min-width: 1000px) {
    #score #score-content .team .name .summary-item:hover .detail .event-text,
    #score #score-content .team .summary .summary-item:hover .detail .event-text {
        width: 75%
    }
}
@media screen and (min-width: 1000px) {
    #score #score-content .team .name .summary-item:hover .detail .event-text .event-title,
    #score #score-content .team .summary .summary-item:hover .detail .event-text .event-title {
        font-family: "Roboto Slab", serif;
        font-weight: 400;
        font-size: .7em;
        color: #000
    }
}
@media screen and (min-width: 1000px) {
    #score #score-content .team .name .summary-item:hover .detail .event-text .event-author,
    #score #score-content .team .summary .summary-item:hover .detail .event-text .event-author {
        font-size: .7em
    }
}
@media screen and (min-width: 768px) {
    #score #score-content .team .name .summary-item,
    #score #score-content .team .summary .summary-item {
        font-size: 1.2em
    }
}
@media screen and (min-width: 1000px) {
    #score #score-content .team .name,
    #score #score-content .team .summary {
        display: block;
        padding: 0;
        margin: 2px 0;
        font-family: "Roboto Slab", serif;
        font-weight: 400;
        font-weight: 700;
        font-size: 1.59em;
        color: #fff
    }
    #score #score-content .team .name .summary-item,
    #score #score-content .team .summary .summary-item {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        background-color: #000;
        color: #fff;
        padding: 2px 10px;
        margin-bottom: 5px
    }
}
@media screen and (min-width: 1000px) and (min-width: 1000px) {
    #score #score-content .team .name.name,
    #score #score-content .team .summary.name {
        width: 200px
    }
}
@media screen and (min-width: 1000px) and (min-width: 1280px) {
    #score #score-content .team .name.name,
    #score #score-content .team .summary.name {
        width: 500px
    }
}
@media screen and (min-width: 1000px) and (min-width: 1000px) {
    #score #score-content .team .name.summary,
    #score #score-content .team .summary.summary {
        width: 300px
    }
}
@media screen and (min-width: 1000px) and (min-width: 1280px) {
    #score #score-content .team .name.summary,
    #score #score-content .team .summary.summary {
        width: 500px
    }
}
#score #score-content .team .team-details {
    -webkit-transition: width 250ms;
    -moz-transition: width 250ms;
    -o-transition: width 250ms;
    transition: width 250ms
}
@media screen and (min-width: 1000px) {
    #score #score-content .team .team-details {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        width: 200px
    }
}
@media screen and (min-width: 970px) {
    #score #score-content .team .team-details {
        width: auto
    }
}
#score #score-content .team .name {
    font-size: 1.2em;
    color: #fff;
    text-shadow: #676767 2px 2px;
    padding-top: 15px
}
@media screen and (min-width: 768px) {
    #score #score-content .team .name {
        font-size: 2.2em
    }
}
@media screen and (min-width: 1000px) {
    #score #score-content .team .name {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        font-size: 35px
    }
}
#score #score-content .team .logo {
    padding: 5px 10px;
    width: 100px;
    margin: auto;
    overflow: hidden
}
@media screen and (max-width: 480px) {
    #score #score-content .team .logo {
        width: 60px;
        height: 80px
    }
}
@media screen and (min-width: 480px) {
    #score #score-content .team .logo {
        height: 125px
    }
}
@media screen and (min-width: 1000px) {
    #score #score-content .team .logo {
        width: auto;
        height: 100%;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline
    }
}
.summary-item {
    padding: 2px 0;
    position: relative
}
.detail {
    display: none
}
.detail .arrow-down {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px;
    border-color: #fff transparent transparent;
    display: block;
    position: absolute;
    bottom: -20px;
    left: 63%
}
.red-card,
.yellow-card {
    width: 10px;
    height: 13px;
    display: inline-block
}
.yellow-card {
    background-color: #ff0
}
.red-card {
    background-color: red
}
.timeline {
    display: none
}
@media screen and (min-width: 1000px) {
    .timeline {
        display: block;
        width: 50%;
        margin: 50px auto 0
    }
    .timeline>.pause {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        *vertical-align: auto;
        zoom: 1;
        *display: inline
    }
    .timeline>.time-period {
        position: relative;
        background-color: #000;
        height: 17px;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        *vertical-align: auto;
        zoom: 1;
        *display: inline
    }
    .timeline>.time-period .end,
    .timeline>.time-period .start {
        font-family: Oswald, sans-serif;
        font-weight: 400;
        font-weight: 700;
        font-size: .95em;
        color: #fff;
        position: absolute;
        top: -12px
    }
    .timeline>.time-period .start {
        left: -12px
    }
    .timeline>.time-period .end {
        right: -12px
    }
    .timeline>.time-period .current-time {
        display: block;
        position: absolute;
        top: -39px;
        text-align: center;
        font-family: "Roboto Slab", serif;
        font-weight: 400;
        font-weight: 700;
        font-size: 1.75em;
        color: #fff
    }
    .timeline>.time-period .current-time .current-time-stamp {
        height: 35px;
        width: 21px;
        display: block;
        background-position: 0 -336px;
        margin-top: 3px
    }
    .timeline>.time-period .event {
        position: absolute;
        top: 0;
        cursor: pointer
    }
    .timeline>.time-period .event:hover .detail {
        display: block;
        background-color: #fff;
        height: 60px;
        padding: 5px;
        min-width: 120px;
        position: absolute;
        top: -90px;
        left: -55px;
        z-index: 1
    }
    .timeline>.time-period .event:hover .detail .time {
        font-family: "Roboto Slab", serif;
        font-weight: 400;
        font-weight: 700;
        font-size: 1.7em;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        text-align: center;
        width: 40px
    }
    .timeline>.time-period .event:hover .detail .time .goal {
        background-position: -54px -47px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        margin: 6px;
        width: 26px;
        height: 33px
    }
    .timeline>.time-period .event:hover .detail .event-text {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        *vertical-align: auto;
        zoom: 1;
        *display: inline
    }
    .timeline>.time-period .event:hover .detail .event-text .event-title {
        font-family: "Roboto Slab", serif;
        font-weight: 400;
        font-size: 1.2em;
        color: #000
    }
    .timeline>.time-period .event:hover .detail .event-text .event-author {
        font-family: "Roboto Slab", serif;
        font-weight: 400;
        font-weight: 700;
        font-size: 1.2em;
        color: #000
    }
    .timeline>.time-period .event:hover .detail .arrow-down {
        display: block;
        border-color: #fff transparent transparent;
        margin: 0 auto
    }
    .timeline>.time-period .event .detail {
        display: none
    }
    .timeline>.time-period .event .time-stamp {
        height: 18px;
        width: 21px;
        display: block;
        background-position: -24px -353px
    }
}
#informations {
    min-height: 55px;
    background: #383736;
    background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #383736), color-stop(100%, #525150)), #383736;
    background: -webkit-linear-gradient(#383736, #525150), #383736;
    background: -moz-linear-gradient(#383736, #525150), #383736;
    background: -o-linear-gradient(#383736, #525150), #383736;
    background: linear-gradient(#383736, #525150), #383736;
    display: none;
    position: relative;
    margin-bottom: 25px
}
@media screen and (min-width: 1000px) {
    #informations {
        display: block
    }
    #informations .author,
    #informations .date {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        font-family: "Roboto Slab", serif;
        font-weight: 400;
        font-size: 1.4em;
        color: #fff;
        margin: 6px 40px 0
    }
    #informations .author img,
    #informations .date img {
        width: 44px
    }
    #informations .author span,
    #informations .date span {
        font-family: "Roboto Slab", serif;
        font-weight: 400;
        font-weight: 700;
        font-size: inherit;
        color: #92be37
    }
    #informations .author img,
    #informations .date img {
        vertical-align: -16px
    }
    #informations .networking {
        position: absolute;
        right: 40px;
        top: 6px
    }
}
.main-section,
section {
    width: 95%;
    margin: 0 auto
}
@media screen and (min-width: 1000px) {
    .main-section,
    section {
        width: 100%;
        position: relative
    }
}
@media screen and (min-width: 1000px) {
    .main-section .article-section,
    .main-section .main-article,
    section .article-section,
    section .main-article {
        float: left;
        width: 66%;
        padding-left: 40px
    }
    .main-section .article-section.article-section,
    .main-section .main-article.article-section,
    section .article-section.article-section,
    section .main-article.article-section {
        padding: 20px;
        margin-left: 40px;
        width: 62%;
        margin-top: 15px
    }
}
.sub-content .sub-block {
    display: none
}
@media screen and (min-width: 1000px) {
    .sub-content .sub-block {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        *vertical-align: auto;
        zoom: 1;
        *display: inline
    }
}
@media screen and (min-width: 1000px) {
    .sub-content {
        display: block;
        float: right;
        width: 29%
    }
}
#forecast {
    width: 100%
}
@media screen and (min-width: 1000px) {
    #forecast {
        width: 90%;
        margin-bottom: 20px
    }
}
#forecast li:nth-child(odd) {
    background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #383736), color-stop(100%, #525150));
    background: -webkit-linear-gradient(#383736, #525150);
    background: -moz-linear-gradient(#383736, #525150);
    background: -o-linear-gradient(#383736, #525150);
    background: linear-gradient(#383736, #525150)
}
#forecast li:nth-child(odd) a {
    color: #fff
}
#forecast li:nth-child(even) {
    background-color: #e6e6e6
}
#forecast li:nth-child(even) a {
    color: #000
}
#forecast a {
    display: block;
    text-decoration: none;
    padding: 15px;
    position: relative
}
#forecast a .news-text {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    width: 75%
}
#forecast a .news-text .news-title {
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    font-weight: 700;
    font-size: 1.4em;
    display: inline-block;
    margin-right: 15px
}
#forecast a .news-text .text {
    margin: 10px 0;
    display: block;
    font-size: 2em;
    line-height: 18px
}
#forecast a .news-text .link {
    text-decoration: underline
}
#forecast .btn-forecast {
    text-align: center;
    display: block;
    background-color: #92be37;
    padding: 10px;
    text-decoration: underline;
    font-family: Roboto, sans-serif;
    font-size: 1.4em;
    color: #fff
}
.article-wrapper {
    margin-left: 0;
    margin-top: 20px
}
@media screen and (min-width: 1000px) {
    .article-wrapper {
        margin-top: 110px
    }
}
.article-wrapper .refresh-zone {
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    font-size: 1.2em;
    color: #000;
    margin-bottom: 25px;
    margin-left: 25px
}
@media screen and (min-width: 1000px) {
    .article-wrapper .refresh-zone {
        margin-left: 0
    }
}
.live-event {
    color: #000;
    position: relative;
    padding: 30px 0;
	margin-left: 85px;
}
@media screen and (min-width: 1000px) {
    .live-event {
        min-height: 92px;
		margin-left: 170px;
    }
}
@media screen and (max-width: 380px) {
    .live-event {
		margin-left: 0;
    	text-align: center;
    }
}
.live-event:nth-child(odd) {
    background-color: #fff
}
.live-event:nth-child(even) {
    background-color: #e9e7e7
}
.live-event.important .event-time .time {
    color: #ec382b
}
.live-event.important p {
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    font-weight: 700
}
.live-event .event-time {
    width: 80px;
	margin-left: -85px;
    text-align: center;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}
@media screen and (min-width: 1000px) {
    .live-event .event-time {
        width: 165px;
		margin-left: -170px;
    }
}
@media screen and (max-width: 380px) {
    .live-event .event-time {
        width: 165px;
		margin-left: 0px;
    }
}
.live-event .event-time .time {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    font-size: 16px;
    font-family: Oswald, sans-serif;
    font-weight: 400;
    font-weight: 700;
    margin-bottom: 7px
}
@media screen and (min-width: 1000px) {
    .live-event .event-time .time {
        margin: 0 10px;
        font-size: 26px
    }
}
.live-event .live-event-comment {
    width: 100%;
    line-height: 21px;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
}

.live-event p {
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    font-size: 1.4em;
    color: #2d2b2b;
    text-align: left;
    padding: 10px;
}

@media screen and (min-width: 1000px) {
    .live-event p {
        font-size: 18px;
        padding: 15px 15px 24px;
    }
}
.live-event .box-comment {
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    font-size: 1.4em;
    color: #6a6a6a;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 10px;
    text-decoration: none
}
.live-event .box-comment:hover {
    color: #000;
    -webkit-transition: color 300ms;
    -moz-transition: color 300ms;
    -o-transition: color 300ms;
    transition: color 300ms
}
#content-nav {
    font-family: Oswald, sans-serif;
    font-weight: 400;
    font-size: 1.4em;
    color: #fff;
    text-transform: uppercase
}
@media screen and (min-width: 1000px) {
    #content-nav {
        background: 0 0;
        position: absolute;
        left: 190px;
        z-index: 1;
        text-transform: none
    }
}
@media screen and (min-width: 1000px) and (min-width: 1000px) {
    #content-nav {
        font-size: 3.3em
    }
}
@media screen and (min-width: 1000px) and (min-width: 1200px) {
    #content-nav {
        font-size: 3.8em
    }
}
#content-nav ul {
    list-style: none;
    display: table;
    width: 100%;
    margin: 0;
    padding: 0
}
@media screen and (min-width: 1000px) {
    #content-nav ul {
        display: block;
        text-align: justify;
        height: 100px
    }
    #content-nav ul:after {
        content: "";
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        width: 100%;
        height: 1px
    }
}
#content-nav ul .separator {
    display: none
}
@media screen and (min-width: 1000px) {
    #content-nav ul .separator {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        width: 1px;
        height: 60px;
        background: silver
    }
}
#content-nav ul li {
    display: table-cell;
    vertical-align: middle;
    background: #d4d3d5;
    text-align: center;
    -webkit-transition: background 250ms;
    -moz-transition: background 250ms;
    -o-transition: background 250ms;
    transition: background 250ms
}
@media screen and (min-width: 1000px) {
    #content-nav ul li {
        margin: 0;
        padding: 0;
        background: 0 0
    }
    #content-nav ul li:nth-child(1) {
        border-left: 0
    }
    #content-nav ul li {
        border-left: 1px solid #d4d3d5
    }
}
#content-nav ul li a {
    text-decoration: none;
    color: #231f20;
    -webkit-transition: color 250ms;
    -moz-transition: color 250ms;
    -o-transition: color 250ms;
    transition: color 250ms;
    display: block;
    text-transform: uppercase;
    padding: 15px 10px
}
@media screen and (min-width: 1000px) {
    #content-nav ul li a {
        font-family: "Roboto Slab", serif;
        font-weight: 400;
        font-weight: 700;
        color: #9e9e9e;
        text-transform: none;
        padding: 15px 40px
    }
}
#content-nav ul li.active,
#content-nav ul li:hover {
    background: #91bd37;
    -webkit-transition: background 250ms;
    -moz-transition: background 250ms;
    -o-transition: background 250ms;
    transition: background 250ms
}
@media screen and (min-width: 1000px) {
    #content-nav ul li.active,
    #content-nav ul li:hover {
        background: 0 0
    }
}
#content-nav ul li.active a,
#content-nav ul li:hover a {
    color: #fff
}
@media screen and (min-width: 1000px) {
    #content-nav ul li.active a,
    #content-nav ul li:hover a {
        color: #000
    }
}
#question-day {
    width: 100%
}
@media screen and (min-width: 1000px) {
    #question-day {
        width: 90%;
        margin-bottom: 20px
    }
}
#question-day .question-box {
    padding: 20px 10px;
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    font-weight: 700;
    font-size: 1.9em;
    color: #fff;
    background: #383736;
    background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #383736), color-stop(100%, #525150)), #383736;
    background: -webkit-linear-gradient(#383736, #525150), #383736;
    background: -moz-linear-gradient(#383736, #525150), #383736;
    background: -o-linear-gradient(#383736, #525150), #383736;
    background: linear-gradient(#383736, #525150), #383736
}
#question-day .question-box .question-content {
    width: 45px;
    height: 45px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    margin-right: 15px;
    line-height: 44px;
    text-align: center;
    position: relative;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}
#question-day .question-box .question-content .question {
    position: absolute;
    top: 9px;
    left: 5px
}
#question-day .question-box p {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    width: 75%
}
#question-day .answer {
    background-color: #e7e8e8;
    padding: 30px 40px
}
@media screen and (min-width: 1000px) {
    #question-day .answer li {
        font-family: Roboto, sans-serif;
        font-size: 2em;
        color: #000;
        margin-bottom: 10px;
        text-transform: uppercase;
        cursor: pointer
    }
}
@media screen and (max-width: 1280px) {
    #question-day .answer li {
        font-size: 1.5em
    }
}
@media screen and (max-width: 1000px) {
    #question-day .answer li {
        font-size: 1.3em
    }
}
#question-day .answer li:before {
    content: " ";
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: 0;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: #000;
    height: 13px;
    width: 13px
}
#question-day .answer li:hover {
    color: #92be37
}
sup {
    vertical-align: super;
    font-size: smaller
}
.slider {
    width: 100%;
    height: 280px;
    padding: 10px 0;
    margin-bottom: 20px;
    clear: both;
    position: relative;
    overflow: hidden
}
.slider.dark {
    background-color: #282526
}
.slider.dark-video {
    height: 382px;
    background-color: #282526
}
.slider.dark-video .next-button,
.slider.dark-video .previous-button {
    top: 110px
}
.slider.dark-video .content-slide {
    height: 260px;
    text-align: center
}
@media screen and (max-width: 640px) {
    .slider.dark-video .content-slide {
        height: 320px
    }
}
@media screen and (max-width: 800px) {
    .slider.dark-video .content-slide {
        height: 285px
    }
}
.slider.dark-video .content-slide li {
    text-align: left;
    padding: 0 15px;
    width: 188px
}
@media screen and (max-width: 640px) {
    .slider.dark-video .content-slide li {
        height: 320px;
        width: 300px
    }
}
@media screen and (max-width: 800px) {
    .slider.dark-video .content-slide li {
        height: 300px;
        width: 240px
    }
}
@media screen and (min-width: 1000px) {
    .slider.dark-video .content-slide li {
        height: 321px;
        width: 280px
    }
}
.slider.dark-video .content-slide li a {
    text-decoration: none
}
.slider.dark-video .content-slide li a:hover .photo-box {
    opacity: .3
}
.slider.dark-video .content-slide li .photo-box {
    position: relative;
    -webkit-transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    -o-transition: opacity 300ms;
    transition: opacity 300ms
}
.slider.dark-video .content-slide li .photo-box .play {
    position: absolute;
    bottom: 10px;
    left: 25px
}
.slider.dark-video .content-slide li .text {
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    font-weight: 700;
    font-size: 2em;
    color: #fff;
    line-height: 25px;
    margin: 0 20px
}
.slider .content-slide {
    overflow: hidden;
    height: 200px;
    margin: 0
}
@media screen and (min-width: 1000px) {
    .slider .content-slide {
        width: 950px
    }
}
@media screen and (max-width: 1130px) {
    .slider .content-slide {
        width: 728px
    }
}
@media screen and (max-width: 880px) {
    .slider .content-slide {
        width: 545px
    }
}
@media screen and (max-width: 640px) {
    .slider .content-slide {
        width: 365px
    }
}
@media screen and (max-width: 480px) {
    .slider .content-slide {
        width: 180px
    }
}
.slider .content-slide li {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    -webkit-transition: background-color 300ms;
    -moz-transition: background-color 300ms;
    -o-transition: background-color 300ms;
    transition: background-color 300ms
}
.slider .content-slide li .subtitle {
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    font-weight: 700;
    font-size: 2em;
    color: #fff;
    line-height: 24px
}
.slider .content-slide li.live {
    width: 150px;
    padding: 15px;
    line-height: 30px;
    background: #333;
    background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, .7))), #333;
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7)), #333;
    background: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7)), #333;
    background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7)), #333;
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7)), #333
}
.slider .content-slide li.live:hover {
    background-color: #444
}
.slider .content-slide li.live.important {
    background-image: url(../images/slide-border-77d2aaad.png), url(../images/slide-border-77d2aaad.png);
    background-color: transparent;
    background-position: left bottom, right bottom;
    background-repeat: no-repeat
}
.slider .content-slide li.live.important:hover {
    background-color: #333
}
.slider .content-slide li.live .subtitle {
    text-transform: uppercase
}
.slider .content-slide li.live .date {
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    font-size: 2.4em;
    color: #92be37
}
.slider .content-slide li.live .hour {
    font-family: Roboto, sans-serif;
    font-size: 2.46em;
    color: #fff;
    font-weight: 700
}
.slider .content-slide li.live .btn-live {
    margin-top: 15px;
    padding: 5px 15px;
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    font-weight: 700;
    font-size: 1.7em;
    color: #fff;
    text-transform: uppercase;
    background-color: #598612
}
.slider .content-slide li.live a {
    text-decoration: none
}
.slider .slide-title {
    font-size: 2.8em;
    color: #fff;
    text-align: center;
    padding-left: 15px;
    text-transform: uppercase
}
.slider .slide-title .video {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    height: 32px;
    width: 32px;
    background: transparent url(../images/sprite-8167e2fb.png) no-repeat -59px -38px
}
.slider .slide-title .terrace {
    content: " ";
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    height: 32px;
    width: 32px;
    background: transparent url(../images/sprite-8167e2fb.png) no-repeat -54px -75px
}
.bg-green,
.bg-grey {
    height: 380px;
    background-color: #e7e7e7
}
.bg-green .slide-title,
.bg-grey .slide-title {
    color: #000
}
.bg-green .next-button,
.bg-green .previous-button,
.bg-grey .next-button,
.bg-grey .previous-button {
    top: 110px
}
.bg-green .content-slide,
.bg-grey .content-slide {
    height: 320px;
    text-align: center;
    width: 100%
}
.bg-green .content-slide li,
.bg-grey .content-slide li {
    background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, .7)));
    background: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, .7));
    background: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, .7));
    background: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, .7));
    background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, .7));
    width: 220px;
    padding: 0 15px;
    margin-left: 60px;
    height: 100%;
    text-align: left
}
@media screen and (max-width: 800px) {
    .bg-green .content-slide li,
    .bg-grey .content-slide li {
        margin-left: 15px
    }
}
.bg-green .content-slide li .photo-box,
.bg-grey .content-slide li .photo-box {
    position: relative;
    text-align: center;
    margin-bottom: 20px
}
.bg-green .content-slide li .photo-box img,
.bg-grey .content-slide li .photo-box img {
    width: auto
}
.bg-green .content-slide li .photo-box .name,
.bg-grey .content-slide li .photo-box .name {
    background-color: #000;
    padding: 10px 0;
    font-family: Roboto, sans-serif;
    font-size: 1.8em;
    color: #fff;
    position: absolute;
    bottom: 0;
    width: 100%;
    -webkit-transition: background-color 300ms;
    -moz-transition: background-color 300ms;
    -o-transition: background-color 300ms;
    transition: background-color 300ms
}
.bg-green .content-slide li a,
.bg-grey .content-slide li a {
    text-decoration: none
}
.bg-green .content-slide li .text,
.bg-grey .content-slide li .text {
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    font-weight: 700;
    font-size: 2em;
    color: #313131;
    margin-bottom: 10px
}
.bg-green .content-slide li .link,
.bg-grey .content-slide li .link {
    text-decoration: none;
    font-family: Roboto, sans-serif;
    font-size: 1.3em;
    color: #313131
}
.bg-green .content-slide li:hover .link,
.bg-grey .content-slide li:hover .link {
    text-decoration: underline
}
.bg-green .content-slide li:hover .name,
.bg-grey .content-slide li:hover .name {
    background-color: #fff;
    color: #000
}
.bg-green {
    background-color: #92be37;
    height: 382px
}
.bg-green .slide-title {
    color: #fff
}
.bg-green .slide-title span {
    color: #000
}
.bg-green .content-slide {
    text-align: center
}
.bg-green .content-slide li {
    background: 0 0;
    width: 285px;
    margin-left: 0
}
@media screen and (max-width: 800px) {
    .bg-green .content-slide li {
        width: 235px
    }
}
@media screen and (min-width: 640px) {
    .bg-green .content-slide li {
        width: 325px
    }
}
.bg-green .content-slide li a:hover img {
    opacity: .7
}
.bg-green .content-slide li img {
    margin-bottom: 20px
}
.bg-green .content-slide li .link,
.bg-green .content-slide li .text {
    color: #fff
}
.bg-green .next-button,
.bg-green .previous-button {
    background-color: #282526
}
.bg-green .next-button .previous,
.bg-green .previous-button .previous {
    background-position: -50px -256px
}
.bg-green .next-button .next,
.bg-green .previous-button .next {
    background-position: -50px -286px
}
.previous-button {
    z-index: 5;
    position: absolute;
    top: 70px;
    left: -90px;
    height: 165px;
    width: 165px;
    cursor: pointer;
    background-color: #92be37;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    box-shadow: 2px 3px 6px #000;
    -webkit-transition: left 300ms;
    -moz-transition: left 300ms;
    -o-transition: left 300ms;
    transition: left 300ms
}
@media screen and (max-width: 800px) {
    .previous-button {
        -webkit-transform: scale(0.7, .7);
        -moz-transform: scale(0.7, .7);
        -ms-transform: scale(0.7, .7);
        -o-transform: scale(0.7, .7);
        transform: scale(0.7, .7)
    }
}
.previous-button:hover {
    left: -95px;
    -webkit-transition: left 300ms;
    -moz-transition: left 300ms;
    -o-transition: left 300ms;
    transition: left 300ms
}
.previous-button .previous {
    display: block;
    height: 30px;
    width: 35px;
    position: absolute;
    top: 43%;
    right: 25px;
    background-position: -50px -195px
}
.next-button {
    position: absolute;
    z-index: 5;
    top: 70px;
    right: -90px;
    height: 165px;
    width: 165px;
    cursor: pointer;
    background-color: #92be37;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    box-shadow: -2px 3px 6px #000;
    -webkit-transition: right 300ms;
    -moz-transition: right 300ms;
    -o-transition: right 300ms;
    transition: right 300ms
}
@media screen and (max-width: 800px) {
    .next-button {
        -webkit-transform: scale(0.7, .7);
        -moz-transform: scale(0.7, .7);
        -ms-transform: scale(0.7, .7);
        -o-transform: scale(0.7, .7);
        transform: scale(0.7, .7)
    }
}
.next-button:hover {
    right: -95px;
    -webkit-transition: right 300ms;
    -moz-transition: right 300ms;
    -o-transition: right 300ms;
    transition: right 300ms
}
.next-button .next {
    display: block;
    height: 30px;
    width: 35px;
    position: absolute;
    left: 25px;
    top: 43%;
    background-position: -50px -225px
}
#slide-show {
    margin-top: -45px
}
#slide-show .slide-section {
    background-color: #242424
}
@media screen and (min-width: 1000px) {
    #slide-show .slide-section .media-wrapper {
        max-width: 950px;
        margin: 0 auto;
        padding-bottom: 5px
    }
}
#slide-show .slide-section .media-wrapper .header-media {
    position: relative;
    top: 45px;
    margin-bottom: 45px;
    z-index: 1
}
#slide-show .slide-section .media-wrapper .header-media .slider .slide-title,
#slide-show .slide-section .media-wrapper .header-media .title,
.slider #slide-show .slide-section .media-wrapper .header-media .slide-title {
    color: #fff;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}
#slide-show .slide-section .media-wrapper .header-media .nav-box {
    margin-top: 0;
    margin-bottom: 50px
}
@media screen and (min-width: 640px) {
    #slide-show .slide-section .media-wrapper .header-media .nav-box {
        top: 15px;
        margin-bottom: 0
    }
}
#slide-show .slide-section .media-wrapper .header-media .nav-box .line {
    width: 30%
}
#slide-show .slide-section .media-wrapper .header-media .nav-box .cat-box .current-nav {
    background: #92be37;
    background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #92be37), color-stop(100%, #7ba02e)), #92be37;
    background: -webkit-linear-gradient(#92be37, #7ba02e), #92be37;
    background: -moz-linear-gradient(#92be37, #7ba02e), #92be37;
    background: -o-linear-gradient(#92be37, #7ba02e), #92be37;
    background: linear-gradient(#92be37, #7ba02e), #92be37
}
#slide-show .slide-section .media-wrapper .header-media .nav-box .cat-box li {
    background-color: #5d830d;
    border-bottom: 1px solid #324903
}
#slide-show .slide-section .media-wrapper .header-media .nav-box .cat-box li:hover {
    background-color: #324903
}
#slide-show .slide-section .media-wrapper .media-content,
#slide-show .slide-section .media-wrapper .media-content .media-slider {
    position: relative
}
#slide-show .slide-section .media-wrapper .media-content .media-slider li {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}
#slide-show .slide-section .media-wrapper .media-content .media-slider .previous-button {
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    width: 62px;
    height: 128px;
    background: transparent url(../images/slider-nav-ff29f61c.png) no-repeat 0 0;
    top: 35%;
    left: 0
}
@media screen and (max-width: 800px) {
    #slide-show .slide-section .media-wrapper .media-content .media-slider .previous-button {
        left: -10px
    }
}
#slide-show .slide-section .media-wrapper .media-content .media-slider .previous-button .previous {
    background-position: -96px -195px;
    right: 15px
}
#slide-show .slide-section .media-wrapper .media-content .media-slider .next-button {
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    width: 62px;
    height: 128px;
    background: transparent url(../images/slider-nav-ff29f61c.png) no-repeat right 0;
    top: 35%;
    right: 0
}
@media screen and (max-width: 800px) {
    #slide-show .slide-section .media-wrapper .media-content .media-slider .next-button {
        right: -10px
    }
}
#slide-show .slide-section .media-wrapper .media-content .media-slider .next-button .next {
    background-position: -91px -228px;
    left: 15px
}
#slide-show .slide-section .media-wrapper .media-content .media-video-wrapper {
    width: 100%
}
#slide-show .slide-section .media-wrapper .media-content .media-video-wrapper .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 7px
}
#slide-show .slide-section .media-wrapper .media-content .media-video-wrapper .video-container embed,
#slide-show .slide-section .media-wrapper .media-content .media-video-wrapper .video-container iframe,
#slide-show .slide-section .media-wrapper .media-content .media-video-wrapper .video-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
#slide-show .dark-video {
    height: auto;
    margin: 0;
    background: #383736;
    background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #383736), color-stop(100%, #525151)), #383736;
    background: -webkit-linear-gradient(#383736, #525151), #383736;
    background: -moz-linear-gradient(#383736, #525151), #383736;
    background: -o-linear-gradient(#383736, #525151), #383736;
    background: linear-gradient(#383736, #525151), #383736
}
#slide-show .next-button,
#slide-show .previous-button {
    top: 90px
}
.media-detail {
    background: #525150;
    background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #383736), color-stop(100%, #525150)), #525150;
    background: -webkit-linear-gradient(#383736, #525150), #525150;
    background: -moz-linear-gradient(#383736, #525150), #525150;
    background: -o-linear-gradient(#383736, #525150), #525150;
    background: linear-gradient(#383736, #525150), #525150;
    font-family: Roboto, sans-serif;
    font-size: 1.4em;
    color: #fff;
    padding: 28px
}
.media-detail span {
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    font-weight: 700;
    font-size: 1.2em;
    color: #fff
}
.box-score .result {
    padding: 0;
    width: 100%
}
.box-score .result .first-col {
    width: 5%!important
}
.box-score .result .live {
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    font-weight: 700;
    font-size: 1.6em;
    color: #fff;
    background-color: #f50b0b;
    text-transform: uppercase;
    padding: 3px 10px
}
.box-score .result .score-live {
    font-family: Roboto, sans-serif;
    font-size: 2.5em;
    color: #f50b0b;
    font-weight: 700
}
.nav-box {
    margin-top: 10px;
    width: 100%
}
@media screen and (min-width: 640px) {
    .nav-box {
        margin-top: 0;
        position: absolute;
        right: 0;
        top: 0;
        text-align: right;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline
    }
}
@media screen and (min-width: 640px) {
    .nav-box .cat-box {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline
    }
}
.nav-box .cat-box li {
    position: relative
}
.nav-box .cat-box li .current-nav {
    text-align: left;
    background: #bababa;
    background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #bababa), color-stop(100%, #a0a0a0)), #bababa;
    background: -webkit-linear-gradient(#bababa, #a0a0a0), #bababa;
    background: -moz-linear-gradient(#bababa, #a0a0a0), #bababa;
    background: -o-linear-gradient(#bababa, #a0a0a0), #bababa;
    background: linear-gradient(#bababa, #a0a0a0), #bababa;
    font-family: Roboto, sans-serif;
    font-size: 1.5em;
    color: #fff;
    text-decoration: none;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    font-weight: 700;
    position: relative;
    width: 97%;
    padding: 15px 0 15px 3%
}
@media screen and (min-width: 640px) {
    .nav-box .cat-box li .current-nav {
        padding: 15px;
        width: 69px
    }
}
.nav-box .cat-box li:hover .sub-cat-box {
    display: block;
    position: absolute;
    width: 100%;
    text-align: left
}
.nav-box .cat-box li:hover .sub-cat-box li {
    background-color: #6b6b6b;
    border-bottom: 1px solid #242424;
    -webkit-transition: background-color 300ms;
    -moz-transition: background-color 300ms;
    -o-transition: background-color 300ms;
    transition: background-color 300ms
}
.nav-box .cat-box li:hover .sub-cat-box li:hover {
    background-color: #242424;
    -webkit-transition: background-color 300ms;
    -moz-transition: background-color 300ms;
    -o-transition: background-color 300ms;
    transition: background-color 300ms
}
.nav-box .cat-box li:hover .sub-cat-box li:last-child {
    border: 0
}
.nav-box .cat-box li:hover .sub-cat-box li a {
    font-family: Roboto, sans-serif;
    font-size: 1.2em;
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 10px
}
.nav-box .cat-box li .sub-cat-box {
    display: none
}
.line {
    border-bottom: 1px solid #8a8a8a;
    width: 70%;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}
@media screen and (max-width: 1000px) {
    .line {
        display: none
    }
}
#slider-play,
#slider-stat {
    position: relative;
    height: 282px
}
@media screen and (min-width: 1000px) {
    #slider-play,
    #slider-stat {
        height: 327px
    }
}
#slider-play .overlay,
#slider-stat .overlay {
    background-color: rgba(0, 0, 0, .6);
    width: 100%;
    position: absolute;
    top: 0;
    height: 282px;
    text-align: center
}
@media screen and (min-width: 1000px) {
    #slider-play .overlay,
    #slider-stat .overlay {
        height: 327px
    }
}
#slider-play .overlay .club,
#slider-stat .overlay .club {
    margin: 70px auto 0
}
#slider-play .overlay .club img,
#slider-stat .overlay .club img {
    width: 85px
}
#slider-play .overlay .club .name,
#slider-stat .overlay .club .name {
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    font-weight: 700;
    font-size: 1.5em;
    color: #fff
}
#slider-play .overlay .club a,
#slider-stat .overlay .club a {
    font-family: Roboto, sans-serif;
    font-size: 1.2em;
    color: #fff
}
@media screen and (min-width: 1000px) {
    #slider-play .overlay .club,
    #slider-stat .overlay .club {
        line-height: 25px
    }
    #slider-play .overlay .club img,
    #slider-stat .overlay .club img {
        width: 90px
    }
    #slider-play .overlay .club .name,
    #slider-stat .overlay .club .name {
        font-size: 2.5em
    }
    #slider-play .overlay .club a,
    #slider-stat .overlay .club a {
        font-size: 1.4em
    }
}
#slider-play .overlay .next-club,
#slider-play .overlay .previous-club,
#slider-stat .overlay .next-club,
#slider-stat .overlay .previous-club {
    display: block;
    width: 27%;
    height: 100%;
    position: absolute;
    top: 0;
    font-family: Roboto, sans-serif;
    font-size: 1.2em;
    color: #fff;
    font-weight: 700
}
#slider-play .overlay .next-club .box-club-nav,
#slider-play .overlay .previous-club .box-club-nav,
#slider-stat .overlay .next-club .box-club-nav,
#slider-stat .overlay .previous-club .box-club-nav {
    position: absolute;
    top: 37%
}
#slider-play .overlay .item-club,
#slider-stat .overlay .item-club {
    display: block;
    text-decoration: underline
}
#slider-play .overlay .previous-club,
#slider-stat .overlay .previous-club {
    left: 0
}
#slider-play .overlay .previous-club .box-club-nav,
#slider-stat .overlay .previous-club .box-club-nav {
    left: 10px
}
#slider-play .overlay .previous-club .previous,
#slider-stat .overlay .previous-club .previous {
    display: block;
    background-position: -96px -195px;
    height: 30px;
    width: 30px;
    margin: 0 auto 10px
}
#slider-play .overlay .next-club,
#slider-stat .overlay .next-club {
    right: 0
}
#slider-play .overlay .next-club .box-club-nav,
#slider-stat .overlay .next-club .box-club-nav {
    right: 10px
}
#slider-play .overlay .next-club .box-club-nav .next,
#slider-stat .overlay .next-club .box-club-nav .next {
    display: block;
    background-position: -95px -228px;
    height: 30px;
    width: 30px;
    margin: 0 auto 10px
}
.credits {
    position: absolute;
    right: 0;
    bottom: 0;
    font-family: Roboto, sans-serif;
    font-size: 1.1em;
    color: #fff;
    padding: 10px 20px
}
.tab-nav-box {
    background-color: #e2e2e2;
    height: 50px;
    width: 100%
}
.tab-nav-box .tab-nav {
    position: relative
}
.tab-nav-box .tab-nav.hover .tab-nav-ic {
    box-shadow: -1px 0 6px -2px #000 inset
}
@media screen and (max-width: 1000px) {
    .tab-nav-box .tab-nav.hover .tab-box {
        display: block;
        position: absolute;
        width: 100%;
        z-index: 1
    }
    .tab-nav-box .tab-nav.hover .tab-box .tab-btn {
        background: 0 0;
        background-color: #282526;
        width: 100%;
        cursor: pointer
    }
    .tab-nav-box .tab-nav.hover .tab-box .tab-btn:hover {
        background-color: #1e1e1e
    }
    .tab-nav-box .tab-nav.hover .tab-box .tab-btn a {
        display: block;
        color: #fff;
        text-decoration: none
    }
    .tab-nav-box .tab-nav.hover .tab-box .tab-btn a .arrow-down {
        display: none
    }
}
@media screen and (min-width: 1000px) {
    .tab-nav-box .tab-nav {
        width: 100%
    }
    .tab-nav-box .tab-nav .tab-box {
        display: block
    }
}
.tab-nav-box .tab-nav .tab-nav-ic {
    height: 50px;
    width: 50px;
    display: block;
    border-right: 1px solid #c8c8c8;
    position: relative;
    -webkit-transition: box-shadow 300ms;
    -moz-transition: box-shadow 300ms;
    -o-transition: box-shadow 300ms;
    transition: box-shadow 300ms
}
.tab-nav-box .tab-nav .tab-nav-ic .nav-ic {
    background: transparent url(../images/sprite-8167e2fb.png) no-repeat -24px -378px;
    height: 20px;
    width: 24px;
    display: block;
    position: absolute;
    top: 15px;
    left: 15px
}
@media screen and (min-width: 1000px) {
    .tab-nav-box .tab-nav .tab-nav-ic {
        display: none
    }
}
.tab-nav-box .tab-nav .tab-box {
    display: none
}
@media screen and (min-width: 1000px) {
    .tab-nav-box .tab-nav .tab-box {
        display: block;
        width: 950px;
        margin: 0 auto
    }
    .tab-nav-box .tab-nav .tab-box .tab-btn {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        width: 24%;
        height: 40px;
        padding-top: 10px
    }
    .tab-nav-box .tab-nav .tab-box .tab-btn:first-child {
        border-left: 1px solid #c8c8c8
    }
    .tab-nav-box .tab-nav .tab-box .tab-btn:last-child {
        border-right: 1px solid #c8c8c8
    }
    .tab-nav-box .tab-nav .tab-box .tab-btn:hover a {
        color: #fff
    }
    .tab-nav-box .tab-nav .tab-box .tab-btn a {
        color: #383736;
        text-decoration: none;
        display: block;
        padding: 7px 0
    }
    .tab-nav-box .tab-nav .tab-box .tab-btn.active a {
        color: #fff
    }
    .tab-nav-box .tab-nav .tab-box .tab-btn.active .arrow-down {
        top: 4px
    }
}
@media screen and (max-width: 1000px) {
    #headcount .nav-box,
    #results .nav-box,
    #stats .nav-box,
    #team-stats .nav-box {
        text-align: left;
        margin-top: 0;
        position: relative;
        display: block;
        width: 100%
    }
    #headcount .nav-box .btn-news,
    #results .nav-box .btn-news,
    #stats .nav-box .btn-news,
    #team-stats .nav-box .btn-news {
        display: block
    }
}
#headcount,
#profil,
#results,
#stats {
    background-color: #e7e7e7;
    margin-top: 40px
}
#headcount .header-news .article-title,
#profil .header-news .article-title,
#results .header-news .article-title,
#stats .header-news .article-title {
    background-color: #e7e7e7
}
#headcount .box-score,
#profil .box-score,
#results .box-score,
#stats .box-score {
    font-size: 70%
}
@media screen and (min-width: 768px) {
    #headcount .box-score,
    #profil .box-score,
    #results .box-score,
    #stats .box-score {
        font-size: 90%
    }
}
@media screen and (min-width: 1000px) {
    #headcount .box-score,
    #profil .box-score,
    #results .box-score,
    #stats .box-score {
        font-size: 100%
    }
}
.wrapper {
    padding-top: 20px
}
@media screen and (min-width: 800px) {
    .wrapper .article-title {
        padding-left: 40px
    }
}
.wrapper .nav-box .line {
    border-color: #bcbcbc;
    margin: 0;
    width: 7%
}
.wrapper .nav-box .btn-news {
    position: relative;
    vertical-align: middle
}
.wrapper .nav-box .btn-news.active,
.wrapper .nav-box .btn-news:hover {
    background: #4b4947;
    background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #4b4947), color-stop(100%, #3f3d3c)), #4b4947;
    background: -webkit-linear-gradient(#4b4947, #3f3d3c), #4b4947;
    background: -moz-linear-gradient(#4b4947, #3f3d3c), #4b4947;
    background: -o-linear-gradient(#4b4947, #3f3d3c), #4b4947;
    background: linear-gradient(#4b4947, #3f3d3c), #4b4947
}
.article-title img {
    width: 30px
}
#team-stats {
    background-color: #242424;
    margin-top: 40px
}
#team-stats .article-title {
    color: #fff;
    background-color: #242424
}
#team-stats .visual-stat {
    padding-bottom: 100px
}
#team-stats .visual-stat .box-stat,
#team-stats .visual-stat .victory-stat {
    text-align: center
}
@media screen and (min-width: 1000px) {
    #team-stats .visual-stat .box-stat,
    #team-stats .visual-stat .victory-stat {
        width: 33%;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        *vertical-align: auto;
        zoom: 1;
        *display: inline
    }
}
#team-stats .visual-stat .box-stat .circle.red,
#team-stats .visual-stat .victory-stat .circle.red {
    background-color: #be3a37;
    margin: 0 auto;
    border: 0;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}
@media screen and (min-width: 1000px) {
    #team-stats .visual-stat .box-stat .circle.red,
    #team-stats .visual-stat .victory-stat .circle.red {
        display: block
    }
}
#team-stats .visual-stat .box-stat .circle.red .score,
#team-stats .visual-stat .victory-stat .circle.red .score {
    height: 55%;
    color: #fff
}
#team-stats .visual-stat .box-stat .circle.grey,
#team-stats .visual-stat .victory-stat .circle.grey {
    background-color: #9d9d9d;
    margin: -25px auto 0;
    border: 0;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}
@media screen and (min-width: 1000px) {
    #team-stats .visual-stat .box-stat .circle.grey,
    #team-stats .visual-stat .victory-stat .circle.grey {
        display: block
    }
}
#team-stats .visual-stat .box-stat .circle.grey .score,
#team-stats .visual-stat .victory-stat .circle.grey .score {
    height: 55%;
    color: #fff
}
#team-stats .visual-stat .box-stat .circle.size-xl,
#team-stats .visual-stat .victory-stat .circle.size-xl {
    height: 300px;
    width: 300px;
    padding: 0
}
#team-stats .visual-stat .box-stat .circle.size-xl .score,
#team-stats .visual-stat .victory-stat .circle.size-xl .score {
    height: 25%;
    padding-top: 100px
}
#team-stats .visual-stat .box-stat .circle.size-l,
#team-stats .visual-stat .victory-stat .circle.size-l {
    height: 250px;
    width: 250px;
    padding: 0
}
#team-stats .visual-stat .box-stat .circle.size-l .score,
#team-stats .visual-stat .victory-stat .circle.size-l .score {
    height: 30%;
    padding-top: 75px
}
#team-stats .visual-stat .box-stat .circle.size-m,
#team-stats .visual-stat .victory-stat .circle.size-m {
    height: 200px;
    width: 200px;
    padding: 0
}
#team-stats .visual-stat .box-stat .circle.size-m .score,
#team-stats .visual-stat .victory-stat .circle.size-m .score {
    height: 35%;
    padding-top: 55px
}
.circle {
    border-radius: 50%;
    border: 1px solid #7b9e33;
    text-align: center;
    margin-bottom: 50px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    height: 100px;
    width: 100px
}
.circle .score {
    height: 80%;
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    font-weight: 700;
    font-size: 4.3em;
    color: #92be37;
    padding-top: 25px
}
.circle .legend-title {
    font-family: Roboto, sans-serif;
    font-size: 1.3em;
    color: #fff
}
@media screen and (min-width: 1000px) {
    .circle {
        margin: 30px 15px;
        height: 122px;
        width: 150px;
        padding-top: 28px
    }
    .circle .score {
        height: 100%;
        padding: 0;
        font-family: "Roboto Slab", serif;
        font-weight: 400;
        font-weight: 700;
        font-size: 8.3em;
        color: #92be37
    }
    .circle .legend-title {
        font-family: Roboto, sans-serif;
        font-size: 1.8em;
        color: #fff;
        margin-top: 15px
    }
}
.circle.full {
    border: 0;
    background-color: #92be37
}
.circle.full .score {
    color: #242424
}
.circle.trophy {
    border-color: #1fd6e6
}
.circle.trophy .score {
    color: #1fd6e6
}
.circle.trophy.full {
    border: 0;
    background-color: #1fd6e6
}
.circle.trophy.full .score {
    color: #242424
}
.wrapper .result .tab th {
    position: relative;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    font-family: Roboto, sans-serif;
    font-size: 1.8em;
    color: #7f7f7f;
    cursor: pointer
}
.wrapper .result .tab th .arrows {
    display: none
}
@media screen and (min-width: 1000px) {
    .wrapper .result .tab th .arrows {
        display: inline-block
    }
}
.wrapper .result .tab td {
    width: 20%;
    border-right: 1px solid #a8a8a8
}
.wrapper .result .tab td:last-child {
    border-right: 0
}
.wrapper .result .tab td.name {
    font-family: Roboto, sans-serif;
    font-size: 1.6em;
    color: #000;
    font-weight: 700
}
.wrapper .result .tab td.post {
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    font-weight: 700;
    font-size: 1.6em;
    color: #92be37
}
.wrapper .result .tab td.country {
    font-family: Roboto, sans-serif;
    font-size: 1.6em;
    color: #000
}
.wrapper .result .tab td.country img {
    width: 28px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}
.wrapper .result .tab td.age {
    font-family: Roboto, sans-serif;
    font-size: 2.5em;
    color: #92be37;
    font-weight: 700
}
.wrapper .result .tab td.measure {
    font-family: Roboto, sans-serif;
    font-size: 2.5em;
    color: #000
}
.wrapper .result .tab td.measure .weight {
    background-position: -97px -43px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: -1px;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    width: 21px;
    height: 22px
}
.wrapper .result .tab td.measure .height {
    background-position: -86px -83px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: -1px;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    width: 21px;
    height: 22px
}
.wrapper .result .tab td.measure .green-color {
    color: #92be37
}
.wrapper .result .tab td.date {
    font-family: Roboto, sans-serif;
    font-size: 1.6em;
    color: #989898
}
.wrapper .result .tab td.day {
    font-family: Roboto, sans-serif;
    font-size: 1.6em;
    color: #000
}
.content-headcount {
    padding: 5px 10px;
    text-align: center
}
@media screen and (min-width: 1000px) {
    .content-headcount {
        padding: 10px 40px;
        text-align: left
    }
}
.content-headcount .title-post {
    font-family: Roboto, sans-serif;
    font-size: 1.3em;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #92be37;
    padding: 5px;
    margin-bottom: 15px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}
.content-headcount .box-player {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    height: 170px;
    width: 150px;
    margin: 5px 15px 50px;
    text-align: center
}
.content-headcount .box-player a {
    text-decoration: none
}
.content-headcount .box-player .photo-box {
    position: relative;
    text-align: center;
    margin-bottom: 10px
}
.content-headcount .box-player .photo-box .name {
    background-color: #000;
    padding: 10px 0;
    font-family: Roboto, sans-serif;
    font-size: 1.8em;
    color: #fff;
    position: absolute;
    bottom: 0;
    width: 100%
}
.content-headcount .box-player .text {
    font-family: Roboto, sans-serif;
    font-size: 1.2em;
    color: #000;
    line-height: 15px
}
#infos .main-article {
    margin-top: 20px
}
#infos .main-article .article-title {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: bottom;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}
#infos .main-article .line {
    width: 50%;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}
#infos .main-article .information-content {
    margin-top: 25px
}
#infos .main-article .information-content .illustration {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    position: relative;
    margin: 15px 0;
    width: 100%
}
@media screen and (min-width: 640px) {
    #infos .main-article .information-content .illustration {
        margin: 0 0 0 15px;
        width: 35%
    }
}
#infos .main-article .information-content .illustration img {
    width: 100%
}
#infos .main-article .information-content table {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    background: #383736;
    background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #383736), color-stop(100%, #525150)), #383736;
    background: -webkit-linear-gradient(#383736, #525150), #383736;
    background: -moz-linear-gradient(#383736, #525150), #383736;
    background: -o-linear-gradient(#383736, #525150), #383736;
    background: linear-gradient(#383736, #525150), #383736;
    font-family: Roboto, sans-serif;
    font-size: 1.6em;
    color: #000;
    width: 100%
}
@media screen and (min-width: 640px) {
    #infos .main-article .information-content table {
        max-width: 60%
    }
}
#infos .main-article .information-content table .first-col {
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    font-weight: 700;
    font-size: 1.3em;
    color: #fff;
    text-align: right;
    display: table-cell;
    vertical-align: middle;
    width: 10%
}
#infos .main-article .information-content table .empty {
    height: 50px;
    background-color: #fff
}
#infos .main-article .information-content table tr td {
    display: table-cell;
    vertical-align: middle;
    height: 30px;
    padding: 0 15px;
    line-height: 23px;
    width: 90%
}
#infos .main-article .information-content table tr td a {
    color: #000;
    font-weight: 700
}
#infos .main-article .information-content table tr .odd {
    background-color: #e7e7e6
}
#infos .main-article .information-content table tr .even {
    background-color: #fff
}
#article,
.page {
    position: relative
}
@media screen and (min-width: 300px) {
    #article {
        height: 215px
    }
}
@media screen and (min-width: 480px) {
    #article {
        height: 285px
    }
}
@media screen and (min-width: 1000px) {
    #article {
        height: 369px
    }
    #article .dicipline {
        margin-top: 65px
    }
}
.page .page-title {
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    font-weight: 700;
    font-size: 3em;
    color: #000;
    max-width: 790px;
    margin: 30px 25px
}
@media screen and (min-width: 640px) {
    .page .page-title {
        margin: 30px auto
    }
}
@media screen and (min-width: 1000px) {
    .page .page-title {
        font-size: 6em;
        margin: 50px 90px;
        max-width: 100%
    }
}
@media screen and (min-width: 1000px) {
    .page .page-content .article-col,
    .page .page-content .share-col {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        *vertical-align: auto;
        zoom: 1;
        *display: inline
    }
}
.page .page-content .share-col {
    padding: 10px;
    background: #ededed;
    width: 125px;
    -webkit-transition: top 250ms;
    -moz-transition: top 250ms;
    -o-transition: top 250ms;
    transition: top 250ms
}
@media screen and (min-width: 1000px) {
    .page .page-content .share-col {
        position: absolute;
        top: 195px;
        z-index: 2
    }
}
@media screen and (max-width: 1023px) {
    .page .page-content .share-col {
        left: -27px
    }
}
@media screen and (max-width: 1280px) {
    .page .page-content .share-col {
        display: block;
        position: absolute;
        top: 195px;
        width: 30px;
        z-index: 1;
        background: 0 0
    }
    .page .page-content .share-col .twitter-btn {
        width: 37px!important;
        border-radius: 50%;
        text-align: center;
        padding: 0!important
    }
    .page .page-content .share-col .twitter-btn .text {
        display: none
    }
    .page .page-content .share-col .facebook-btn {
        width: 37px!important;
        padding: 0!important;
        border-radius: 50%;
        text-align: center
    }
    .page .page-content .share-col .facebook-btn .text {
        display: none
    }
}
@media screen and (max-width: 640px) {
    .page .page-content .share-col {
        position: relative;
        top: auto;
        left: 0;
        width: 100%!important
    }
    .page .page-content .share-col a {
        display: inline-block!important
    }
}
.page .page-content .share-col .facebook-btn,
.page .page-content .share-col .twitter-btn {
    text-decoration: none;
    padding-left: 10px;
    height: 37px;
    line-height: 37px;
    display: block;
    font-family: Roboto, sans-serif;
    font-size: 1.8em;
    color: #fff;
    font-weight: 700;
    background: #3c5b9a;
    width: 110px
}
.page .page-content .share-col .facebook-btn .facebook-share,
.page .page-content .share-col .twitter-btn .facebook-share {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    height: 20px;
    background-position: -81px -14px;
    padding-right: 14px
}
.page .page-content .share-col .facebook-btn.twitter-btn,
.page .page-content .share-col .twitter-btn.twitter-btn {
    background: #30a6d2
}
.page .page-content .share-col .facebook-btn.twitter-btn .twitter-share,
.page .page-content .share-col .twitter-btn.twitter-btn .twitter-share {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    width: 18px;
    height: 18px;
    background-position: -60px -18px
}
.page .page-content .article-col {
    padding: 0;
    width: 90%;
    margin: 20px 30px
}
@media screen and (min-width: 1000px) {
    .page .page-content .article-col {
        padding: 0 15px 0 30px;
        width: 50%;
        margin-left: 130px
    }
}
@media screen and (max-width: 1280px) {
    .page .page-content .article-col {
        margin-left: 30px;
        width: 60%
    }
}
@media screen and (max-width: 1023px) {
    .page .page-content .article-col {
        width: 86%;
        font-size: .8em;
        margin-left: 30px;
        text-align: justify
    }
}
.page .page-content .article-col .green-title {
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    font-weight: 700;
    font-size: 2.8em;
    color: #92be37;
    text-align: center;
    margin: 25px 0;
    line-height: 33px
}
.page .page-content .article-col .bloc-info {
    height: 180px;
    width: 320px;
    text-align: center;
    padding-top: 10px
}
.page .page-content .article-col .bloc-info.left {
    float: left;
    margin-right: 15px
}
@media screen and (max-width: 481px) {
    .page .page-content .article-col .bloc-info.left {
        float: none
    }
}
.page .page-content .article-col .bloc-info.right {
    float: right;
    margin-left: 15px
}
.page .page-content .article-col .bloc-info .circle-full {
    padding-top: 15px;
    height: 130px;
    background-color: #000;
    width: 145px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    text-align: center;
    border-radius: 50%
}
.page .page-content .article-col .bloc-info .circle-full .legend-title {
    margin-top: 12px;
    font-family: Roboto, sans-serif;
    font-size: 2em;
    color: #fff
}
@media screen and (min-width: 1000px) {
    .page .page-content .article-col .bloc-info .circle-full .legend-title {
        font-size: 1.8em
    }
}
.page .page-content .article-col .bloc-info .circle-full .score-info {
    padding: 0;
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    font-weight: 700;
    font-size: 9.3em;
    color: #92be37
}
@media screen and (min-width: 640px) {
    .page .page-content .article-col .bloc-info .circle-full .score-info {
        font-size: 8.3em
    }
}
.page .page-content .article-col .bloc-info .abstract {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    padding-left: 15px;
    text-align: left;
    width: 40%;
    font-family: Roboto, sans-serif;
    font-size: 1.6em;
    color: #4d4a4a;
    text-transform: uppercase;
    line-height: 20px
}
@media screen and (max-width: 980px) {
    .page .page-content .article-col .bloc-info .abstract {
        font-size: 1.9em
    }
}
@media screen and (min-width: 1000px) {
    .page .page-content .article-col .bloc-info .abstract {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline
    }
}
.page .page-content .article-col ul {
    margin-bottom: 15px
}
.page .page-content .article-col ul li {
    font-family: Roboto, sans-serif;
    font-size: 2.1em;
    color: #000;
    list-style: disc;
    margin-left: 25px;
    line-height: 24px
}
.page .page-content .article-col p {
    font-family: Roboto, sans-serif;
    font-size: 2em;
    color: #000;
    line-height: 24px;
    margin-bottom: 15px
}
.page .page-content .article-col p strong {
    font-weight: 700
}
.page .page-content .article-col p em {
    font-style: italic
}
.page .page-content .article-col p a {
    color: #000;
    font-weight: 700
}
.page .page-content .article-col .photo-article {
    width: 100%;
    height: 400px;
    position: relative;
    margin-bottom: 25px
}
.page .page-content .article-col .photo-article .credits {
    top: 0
}
@media screen and (min-width: 1000px) {
    .page .page-content .article-col .photo-article {
        margin-left: -240px;
        width: 130%
    }
}
.page .page-content .article-col .photo-article .media-detail {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 20px 0
}
.page .page-content .article-col .photo-article .media-detail div {
    padding: 0 15px;
    line-height: 18px
}
@media screen and (min-width: 1000px) {
    .page .page-content .article-col .photo-article .media-detail span {
        padding-left: 15%
    }
}
@media screen and (min-width: 1000px) {
    .page .page-content .article-col .photo-article .media-detail {
        padding: 20px 0
    }
    .page .page-content .article-col .photo-article .media-detail span {
        padding-left: 5%
    }
}
.page .page-content .article-col .btn-bloc {
    margin: 50px 0
}
@media screen and (min-width: 1000px) {
    .page .page-content .article-col .btn-bloc {
        font-size: 100%
    }
}
.page .page-content .article-col .btn-bloc .btn-com {
    background-color: #272425;
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    font-weight: 700;
    font-size: 2em;
    color: #fff;
    text-decoration: none;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    padding: 10px;
    border-right: 1px solid #0f0f0f;
    border-top: 1px solid #0f0f0f;
    -webkit-transition: background-color 300ms;
    -moz-transition: background-color 300ms;
    -o-transition: background-color 300ms;
    transition: background-color 300ms;
    width: 93%
}
@media screen and (min-width: 640px) {
    .page .page-content .article-col .btn-bloc .btn-com {
        font-size: 2.6em
    }
}
@media screen and (min-width: 1000px) {
    .page .page-content .article-col .btn-bloc .btn-com {
        width: 46%!important;
        font-size: 1.8em
    }
}
@media screen and (min-width: 1000px) {
    .page .page-content .article-col .btn-bloc .btn-com {
        width: 47%
    }
}
.page .page-content .article-col .btn-bloc .btn-com:hover {
    background-color: #0f0f0f
}
.page .page-content .article-col .btn-bloc .btn-com .sport {
    background: #92be37;
    text-align: center
}
.page .page-content .article-col .btn-bloc .btn-com .sport .com {
    display: block;
    background-position: -98px -111px;
    height: 23px;
    width: 31px;
    margin: 10px auto
}
.page .page-content .article-col .btn-bloc .btn-com .sport .write-com {
    display: block;
    background-position: -98px -162px;
    height: 25px;
    width: 28px;
    margin: 10px auto
}
.page .previous-button {
    height: 200px;
    left: -118px;
    position: fixed;
    top: 212px;
    background: #383736;
    background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #383736), color-stop(100%, #525150)), #383736;
    background: -webkit-linear-gradient(#383736, #525150), #383736;
    background: -moz-linear-gradient(#383736, #525150), #383736;
    background: -o-linear-gradient(#383736, #525150), #383736;
    background: linear-gradient(#383736, #525150), #383736
}
.page .previous-button:hover {
    left: -125px
}
.page .previous-button:hover .previous-bloc {
    left: 110px
}
.page .previous-button .previous {
    background-position: -38px -255px
}
@media screen and (max-width: 800px) {
    .page .previous-button .previous {
        right: 10px
    }
}
.page .previous-button .previous-bloc {
    position: absolute;
    top: 67px;
    left: -105px;
    width: 100%;
    background: #92be37;
    padding: 15px 15px 15px 40px;
    -webkit-transition: left 300ms;
    -moz-transition: left 300ms;
    -o-transition: left 300ms;
    transition: left 300ms;
    font-family: Roboto, sans-serif;
    font-size: 1.3em;
    color: #fff
}
.page .previous-button .previous-bloc .bloc-title {
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    font-weight: 700;
    font-size: 1em;
    color: #fff
}
.page .previous-button .previous-bloc span {
    display: block
}
.page .next-button {
    height: 200px;
    right: -118px;
    position: fixed;
    top: 212px;
    background: #383736;
    background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #383736), color-stop(100%, #525150)), #383736;
    background: -webkit-linear-gradient(#383736, #525150), #383736;
    background: -moz-linear-gradient(#383736, #525150), #383736;
    background: -o-linear-gradient(#383736, #525150), #383736;
    background: linear-gradient(#383736, #525150), #383736
}
.page .next-button:hover {
    right: -125px
}
.page .next-button:hover .next-bloc {
    right: 125px
}
.page .next-button .next {
    background-position: -64px -284px
}
@media screen and (max-width: 800px) {
    .page .next-button .next {
        left: 10px
    }
}
.page .next-button .next-bloc {
    position: absolute;
    top: 67px;
    right: -80px;
    width: 100%;
    background: #92be37;
    padding: 15px;
    -webkit-transition: right 300ms;
    -moz-transition: right 300ms;
    -o-transition: right 300ms;
    transition: right 300ms;
    font-family: Roboto, sans-serif;
    font-size: 1.3em;
    color: #fff
}
.page .next-button .next-bloc .bloc-title {
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    font-weight: 700;
    font-size: 1em;
    color: #fff
}
.page .next-button .next-bloc span {
    display: block
}
#slider-play {
    position: relative;
    height: 585px;
    margin-bottom: 30px
}
@media screen and (min-width: 1000px) {
    #slider-play {
        height: 630px
    }
}
#slider-play .overlay {
    top: 52%
}
#slider-play .overlay .club {
    margin-top: -70px;
    padding: 0 90px
}
#slider-play .overlay .club img {
    width: 120px
}
#slider-play .overlay .club .details {
    font-family: Roboto, sans-serif;
    font-size: 1.4em;
    color: #fff
}
#slider-play .overlay .club .details strong {
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    font-weight: 700;
    font-size: 1.2em;
    color: #fff
}
.player .main-article {
    padding-left: 0
}
@media screen and (min-width: 1000px) {
    .player .main-article {
        float: right;
        padding-right: 40px
    }
}
.player .slider {
    background: #191919;
    background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #191919), color-stop(100%, #303030)), #191919;
    background: -webkit-linear-gradient(#191919, #303030), #191919;
    background: -moz-linear-gradient(#191919, #303030), #191919;
    background: -o-linear-gradient(#191919, #303030), #191919;
    background: linear-gradient(#191919, #303030), #191919
}
.player .slider li {
    max-width: 400px;
    margin: 0 20px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}
#period {
    position: relative;
    text-align: center;
    width: 90%
}
#period .nav-box {
    position: relative;
    width: 100%;
    text-align: center
}
#period .nav-box .line {
    width: 30%
}
#period .period-content {
    text-align: left;
    margin: 15px 0
}
#period .period-content .even,
#period .period-content .odd {
    height: 26px;
    padding: 10px;
    font-family: Roboto, sans-serif;
    font-size: 1.6em;
    color: #000
}
#period .period-content .even strong,
#period .period-content .odd strong {
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    font-weight: 700;
    font-size: 1.8em;
    color: #000
}
#period .period-content .odd {
    background-color: #e7e7e7
}
#twitt {
    width: 90%
}
#twitt .twitt-title {
    height: 50px;
    padding: 20px;
    background-color: #30a6d2
}
#twitt .twitt-title .twitt {
    height: 38px;
    width: 44px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    background-position: -86px -270px
}
#twitt .twitt-title .item {
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    font-weight: 700;
    font-size: 2em;
    color: #fff;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    margin-left: 10px
}
#twitt .twitt-box {
    height: 350px;
    background-color: #e9e8e8
}
#profil .wrapper {
    padding: 20px 25px
}
#profil .wrapper .header-news .article-title {
    padding: 0
}
#profil .wrapper .header-news .article-title .profil {
    background-position: -99px -366px
}
#profil .wrapper .profil-box {
    margin-bottom: 15px;
    margin-top: 25px;
    width: 100%
}
@media screen and (min-width: 1000px) {
    #profil .wrapper .profil-box {
        width: 45%;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        *vertical-align: auto;
        zoom: 1;
        *display: inline
    }
}
#profil .wrapper .profil-box .title-profil {
    font-family: Roboto, sans-serif;
    font-size: 1.6em;
    color: #464646;
    margin: 15px 0
}
#profil .wrapper .profil-box img {
    width: 167px
}
#profil .wrapper .profil-box .add {
    text-decoration: none;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    -webkit-transition: background-color 300ms;
    -moz-transition: background-color 300ms;
    -o-transition: background-color 300ms;
    transition: background-color 300ms;
    margin: 0 10px 10px;
    background-color: #c4c4c4;
    font-weight: 700;
    padding: 3px 15px;
    font-family: Roboto, sans-serif;
    font-size: 4em;
    color: #fff
}
@media screen and (min-width: 480px) {
    #profil .wrapper .profil-box .add {
        font-family: Roboto, sans-serif;
        font-size: 16em;
        color: #fff;
        padding: 3px 31px
    }
}
#profil .wrapper .profil-box .add:hover {
    background-color: #494745
}
#profil .wrapper .profil-box .action-box {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}
#profil .wrapper .profil-box .action-box a {
    padding: 31px 10px;
    display: block;
    text-decoration: none;
    width: 100%;
    font-family: Roboto, sans-serif;
    font-size: 1.4em;
    color: #fff;
    -webkit-transition: background-color 300ms;
    -moz-transition: background-color 300ms;
    -o-transition: background-color 300ms;
    transition: background-color 300ms
}
@media screen and (min-width: 480px) {
    #profil .wrapper .profil-box .action-box a {
        font-family: Roboto, sans-serif;
        font-size: 1.8em;
        color: #fff
    }
}
#profil .wrapper .profil-box .action-box .download {
    background-color: #92be37
}
#profil .wrapper .profil-box .action-box .download:hover {
    background-color: #324903
}
#profil .wrapper .profil-box .action-box .download .photo {
    vertical-align: middle;
    height: 20px;
    background-position: -97px -12px
}
#profil .wrapper .profil-box .action-box .link {
    background-color: #3c5b9a
}
#profil .wrapper .profil-box .action-box .link:hover {
    background-color: #193878
}
#profil .wrapper .profil-box .action-box .link .facebook-share {
    margin-left: 15px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    height: 20px;
    background-position: -81px -14px;
    padding-right: 14px
}
#profil .wrapper .profil-box input {
    border: 0;
    padding: 25px 0 25px 10px;
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    font-weight: 700;
    font-size: 2.2em;
    color: #000;
    width: 100%
}
#profil .wrapper .profil-box input.unselect {
    background-color: #c4c4c4;
    color: #fff
}
#profil .wrapper .profil-box .data-box {
    border-top: 1px solid #bcbcbc;
    border-bottom: 1px solid #bcbcbc;
    font-family: Roboto, sans-serif;
    font-size: 1.8em;
    color: #262324;
    padding: 15px 0;
    position: relative
}
#profil .wrapper .profil-box .data-box strong {
    display: block;
    line-height: 30px
}
.btn-news {
    position: absolute;
    text-decoration: none;
    right: 0;
    font-family: Roboto, sans-serif;
    font-size: .8em;
    color: #fff;
    padding: 10px 5px;
    background: #989898;
    background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #b4b4b4), color-stop(100%, #989898)), #989898;
    background: -webkit-linear-gradient(#b4b4b4, #989898), #989898;
    background: -moz-linear-gradient(#b4b4b4, #989898), #989898;
    background: -o-linear-gradient(#b4b4b4, #989898), #989898;
    background: linear-gradient(#b4b4b4, #989898), #989898
}
@media screen and (min-width: 1000px) {
    .btn-news {
        top: 20px
    }
}
.btn-news:hover {
    background: #383736;
    background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #383736), color-stop(100%, #525150)), #383736;
    background: -webkit-linear-gradient(#383736, #525150), #383736;
    background: -moz-linear-gradient(#383736, #525150), #383736;
    background: -o-linear-gradient(#383736, #525150), #383736;
    background: linear-gradient(#383736, #525150), #383736
}
.change {
    font-family: Roboto, sans-serif;
    font-size: 1.8em;
    color: #7f7f7f;
    text-decoration: none
}
.red {
    text-decoration: none;
    font-family: Roboto, sans-serif;
    font-size: 1.8em;
    color: #d60b0b
}
.btn-save {
    text-decoration: none;
    background: #7ba02e;
    background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #92be37), color-stop(100%, #7ba02e)), #7ba02e;
    background: -webkit-linear-gradient(#92be37, #7ba02e), #7ba02e;
    background: -moz-linear-gradient(#92be37, #7ba02e), #7ba02e;
    background: -o-linear-gradient(#92be37, #7ba02e), #7ba02e;
    background: linear-gradient(#92be37, #7ba02e), #7ba02e;
    padding: 15px 10px;
    font-family: Roboto, sans-serif;
    font-size: 1.8em;
    color: #fff;
    width: 250px;
    display: block;
    margin-bottom: 10px;
    -webkit-transition: background-color 300ms;
    -moz-transition: background-color 300ms;
    -o-transition: background-color 300ms;
    transition: background-color 300ms
}
.btn-save:hover {
    background: 0 0;
    background-color: #324903
}
#footer {
    background-color: #282526
}
@media screen and (min-width: 1000px) {
    #footer {
        min-height: 360px;
        clear: both
    }
    #footer .logo {
        width: 200px
    }
}
#footer .footer-content {
    padding-top: 2%
}
@media screen and (min-width: 1000px) {
    #footer .footer-content {
        padding-left: 40px
    }
}
#footer .footer-content .logo {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    margin-left: 30px
}
#footer .footer-content .box-link {
    margin: 10px 25px 200px
}
#footer .footer-content .box-link li {
    margin-top: 3px;
    background-color: #1e1e1e;
    cursor: pointer
}
#footer .footer-content .box-link li .box-nav {
    padding: 15px
}
#footer .footer-content .box-link li:hover .suboxing-nav {
    display: block
}
#footer .footer-content .box-link li li {
    width: 100%;
    padding: 0
}
#footer .footer-content .box-link li li a {
    display: block;
    padding: 15px;
    background-color: #222;
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    font-size: 1.2em;
    color: #fff;
    text-decoration: none
}
#footer .footer-content .box-link li li a:hover {
    color: #999;
    background-color: #100f0f;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms
}
#footer .footer-content .box-link li .add {
    width: 15px;
    height: 15px;
    display: block;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}
#footer .footer-content .box-link li .item {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}
#footer .footer-content .box-link li .suboxing-nav {
    display: none
}
@media screen and (min-width: 1000px) {
    #footer .footer-content .box-link {
        margin-bottom: 30px;
        margin-top: 20px;
        float: left
    }
    #footer .footer-content .box-link li {
        background-color: transparent;
        padding: 10px 30px;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        border-left: 1px solid #000;
        border-right: 1px solid #484747;
        height: 200px
    }
    #footer .footer-content .box-link li:nth-child(1) {
        border-left: 0
    }
    #footer .footer-content .box-link li:last-child {
        border-right: 0
    }
    #footer .footer-content .box-link li .add {
        width: 15px;
        height: 15px;
        display: block;
        margin-bottom: 5px
    }
    #footer .footer-content .box-link li .item {
        font-size: 2em;
        width: 150px;
        display: block
    }
    #footer .footer-content .box-link li .suboxing-nav {
        display: block;
        margin-top: 15px
    }
    #footer .footer-content .box-link li .suboxing-nav li {
        padding: 0;
        display: block;
        border: 0;
        min-height: 0;
        height: 15px
    }
    #footer .footer-content .box-link li .suboxing-nav li a {
        background-color: transparent;
        font-family: "Roboto Slab", serif;
        font-weight: 400;
        font-size: 1.2em;
        color: #fff;
        text-decoration: none;
        margin: 15px 0;
        padding: 0 15px;
        display: block
    }
    #footer .footer-content .box-link li .suboxing-nav li a:hover {
        color: #999;
        background-color: transparent;
        -webkit-transition: color 300ms;
        -moz-transition: color 300ms;
        -o-transition: color 300ms;
        transition: color 300ms
    }
}
@media screen and (min-width: 1000px) and (min-width: 768px) {
    #footer .footer-content .box-link {
        float: right
    }
}
@media screen and (min-width: 1000px) and (max-width: 640px) {
    #footer .footer-content .box-link {
        float: none
    }
}
@media screen and (min-width: 1000px) and (max-width: 640px) {
    #footer .footer-content .box-link li {
        border: 0
    }
}
@media screen and (min-width: 1000px) and (max-width: 768px) {
    #footer .footer-content .box-link li {
        padding: 10px 15px
    }
}
#footer .footer-content .copyright {
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    font-size: 1.2em;
    color: #fff;
    clear: both;
    text-align: center;
    margin-right: 40px;
    padding-bottom: 15px
}
@media screen and (min-width: 1000px) {
    #footer .footer-content .copyright {
        float: left
    }
}
#selfies .header-news {
    margin-bottom: 10px
}
@media screen and (max-width: 640px) {
    #selfies .header-news .slider .slide-title,
    #selfies .header-news .title,
    .slider #selfies .header-news .slide-title {
        margin-bottom: 10px;
        padding-bottom: 0
    }
}
#selfies .header-news .btn-news {
    background: 0 0;
    background-color: #494745;
    -webkit-transition: background-color 300ms;
    -moz-transition: background-color 300ms;
    -o-transition: background-color 300ms;
    transition: background-color 300ms;
    bottom: auto
}
#selfies .header-news .btn-news:hover {
    background-color: #9f9f9f
}
@media screen and (min-width: 640px) {
    #selfies .header-news .btn-news {
        top: 20px
    }
}
@media screen and (min-width: 450px) {
    #selfies .selfies {
        margin-left: -.5%;
        margin-right: -.5%
    }
}
.grey {
    background-color: #e7e7e7
}
@media screen and (max-width: 768px) {
    .grey {
        padding-top: 25px
    }
}
@media screen and (min-width: 800px) {
    .grey {
        padding-top: 20px
    }
}
.green {
    background-color: #92be37
}
@media screen and (min-width: 1000px) {
    .mobile-only {
        display: none!important
    }
}
.admin-template {
    /*border:red dotted 3px !important;*/
}