@charset "UTF-8";

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

h1 {
    margin: .67em 0
}

img {
    border: 0
}

svg:not(root) {
    overflow: hidden
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

td,
th {
    padding: 0
}

.disable-hover {
    pointer-events: none
}

.visually-hidden {
    position: absolute!important;
    overflow: hidden;
    width: 1px;
    height: 1px;
    padding: 0;
    border: 0;
    clip: rect(1px, 1px, 1px, 1px)
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.hidden {
    display: none!important;
    visibility: hidden
}

.hide-text {
    text-indent: -99999px;
    direction: ltr;
    font-size: 0
}

@media screen and (max-width:767px) {
    .hidden-on-mobile {
        display: none!important
    }
    
    .hidden-on-mobile2 {
    	height:1px;
    	overflow: hidden;
    }
}

.shown-on-mobile {
    display: none!important
}

@media screen and (max-width:767px) {
    .shown-on-mobile {
        display: block!important
    }
}

.image-replace {
    display: inline-block;
    overflow: hidden;
    text-indent: 100%;
    color: transparent;
    white-space: nowrap
}

.sr {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.center-element {
    float: none;
    margin-left: auto;
    margin-right: auto
}

.left-align-element {
    text-align: left
}

.animate {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animate-infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.clear:after,
.clear:before {
    content: " ";
    display: table
}

.clear:after {
    clear: both
}

.row:after,
.row:before {
    content: "";
    display: table
}

.row:after {
    clear: both
}

.row {
    position: relative;
    margin-left: -15px;
    margin-right: -15px
}

.container {
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto
}

.container-full {
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width:767px) {
    .container,
    .container-full {
        width: 768px
    }
}

@media only screen and (min-width:989px) {
    .container,
    .container-full {
        width: 990px
    }
}

@media only screen and (min-width:1199px) {
    .container,
    .container-full {
        width: 1200px
    }
}

.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9 {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    float: left
}

.col-1 {
    width: 8.33333333%
}

.col-2 {
    width: 16.66666667%
}

.col-3 {
    width: 25%
}

.col-4 {
    width: 33.33333333%
}

.col-5 {
    width: 41.66666667%
}

.col-6 {
    width: 50%
}

.col-7 {
    width: 58.33333333%
}

.col-8 {
    width: 66.66666667%
}

.col-9 {
    width: 75%
}

.col-10 {
    width: 83.33333333%
}

.col-11 {
    width: 91.66666667%
}

.col-12 {
    width: 100%
}

.push-1 {
    left: 8.33333333%
}

.push-2 {
    left: 16.66666667%
}

.push-3 {
    left: 25%
}

.push-4 {
    left: 33.33333333%
}

.push-5 {
    left: 41.66666667%
}

.push-6 {
    left: 50%
}

.push-7 {
    left: 58.33333333%
}

.push-8 {
    left: 66.66666667%
}

.push-9 {
    left: 75%
}

.push-10 {
    left: 83.33333333%
}

.push-11 {
    left: 91.66666667%
}

.pull-1 {
    left: -8.33333333%
}

.pull-2 {
    left: -16.66666667%
}

.pull-3 {
    left: -25%
}

.pull-4 {
    left: -33.33333333%
}

.pull-5 {
    left: -41.66666667%
}

.pull-6 {
    left: -50%
}

.pull-7 {
    left: -58.33333333%
}

.pull-8 {
    left: -66.66666667%
}

.pull-9 {
    left: -75%
}

.pull-10 {
    left: -83.33333333%
}

.pull-11 {
    left: -91.66666667%
}

.no-pull,
.no-push {
    left: 0
}

.hide-mobile {
    display: none
}

.show-mobile {
    display: block
}

.show-mobile-inline-block {
    display: inline-block
}

.show-mobile-inline {
    display: inline
}

@media only screen and (min-width:767px) {
    .col-tablet-1,
    .col-tablet-10,
    .col-tablet-11,
    .col-tablet-12,
    .col-tablet-2,
    .col-tablet-3,
    .col-tablet-4,
    .col-tablet-5,
    .col-tablet-6,
    .col-tablet-7,
    .col-tablet-8,
    .col-tablet-9 {
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
        float: left
    }
    .col-tablet-1 {
        width: 8.33333333%
    }
    .col-tablet-2 {
        width: 16.66666667%
    }
    .col-tablet-3 {
        width: 25%
    }
    .col-tablet-4 {
        width: 33.33333333%
    }
    .col-tablet-5 {
        width: 41.66666667%
    }
    .col-tablet-6 {
        width: 50%
    }
    .col-tablet-7 {
        width: 58.33333333%
    }
    .col-tablet-8 {
        width: 66.66666667%
    }
    .col-tablet-9 {
        width: 75%
    }
    .col-tablet-10 {
        width: 83.33333333%
    }
    .col-tablet-11 {
        width: 91.66666667%
    }
    .col-tablet-12 {
        width: 100%
    }
    .push-tablet-1 {
        left: 8.33333333%
    }
    .push-tablet-2 {
        left: 16.66666667%
    }
    .push-tablet-3 {
        left: 25%
    }
    .push-tablet-4 {
        left: 33.33333333%
    }
    .push-tablet-5 {
        left: 41.66666667%
    }
    .push-tablet-6 {
        left: 50%
    }
    .push-tablet-7 {
        left: 58.33333333%
    }
    .push-tablet-8 {
        left: 66.66666667%
    }
    .push-tablet-9 {
        left: 75%
    }
    .push-tablet-10 {
        left: 83.33333333%
    }
    .push-tablet-11 {
        left: 91.66666667%
    }
    .pull-tablet-1 {
        left: -8.33333333%
    }
    .pull-tablet-2 {
        left: -16.66666667%
    }
    .pull-tablet-3 {
        left: -25%
    }
    .pull-tablet-4 {
        left: -33.33333333%
    }
    .pull-tablet-5 {
        left: -41.66666667%
    }
    .pull-tablet-6 {
        left: -50%
    }
    .pull-tablet-7 {
        left: -58.33333333%
    }
    .pull-tablet-8 {
        left: -66.66666667%
    }
    .pull-tablet-9 {
        left: -75%
    }
    .pull-tablet-10 {
        left: -83.33333333%
    }
    .pull-tablet-11 {
        left: -91.66666667%
    }
    .no-pull-tablet,
    .no-push-tablet {
        left: 0
    }
    .hide-tablet {
        display: none
    }
    .show-tablet {
        display: block
    }
    .show-tablet-inline-block {
        display: inline-block
    }
    .show-tablet-inline {
        display: inline
    }
    .tablet-no-padding {
        padding: 0
    }
}

@media only screen and (min-width:989px) {
    .col-desktop-1,
    .col-desktop-10,
    .col-desktop-11,
    .col-desktop-12,
    .col-desktop-2,
    .col-desktop-3,
    .col-desktop-4,
    .col-desktop-5,
    .col-desktop-6,
    .col-desktop-7,
    .col-desktop-8,
    .col-desktop-9 {
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
        float: left
    }
    .col-desktop-1 {
        width: 8.33333333%
    }
    .col-desktop-2 {
        width: 16.66666667%
    }
    .col-desktop-3 {
        width: 25%
    }
    .col-desktop-4 {
        width: 33.33333333%
    }
    .col-desktop-5 {
        width: 41.66666667%
    }
    .col-desktop-6 {
        width: 50%
    }
    .col-desktop-7 {
        width: 58.33333333%
    }
    .col-desktop-8 {
        width: 66.66666667%
    }
    .col-desktop-9 {
        width: 75%
    }
    .col-desktop-10 {
        width: 83.33333333%
    }
    .col-desktop-11 {
        width: 91.66666667%
    }
    .col-desktop-12 {
        width: 100%
    }
    .push-desktop-1 {
        left: 8.33333333%
    }
    .push-desktop-2 {
        left: 16.66666667%
    }
    .push-desktop-3 {
        left: 25%
    }
    .push-desktop-4 {
        left: 33.33333333%
    }
    .push-desktop-5 {
        left: 41.66666667%
    }
    .push-desktop-6 {
        left: 50%
    }
    .push-desktop-7 {
        left: 58.33333333%
    }
    .push-desktop-8 {
        left: 66.66666667%
    }
    .push-desktop-9 {
        left: 75%
    }
    .push-desktop-10 {
        left: 83.33333333%
    }
    .push-desktop-11 {
        left: 91.66666667%
    }
    .pull-desktop-1 {
        left: -8.33333333%
    }
    .pull-desktop-2 {
        left: -16.66666667%
    }
    .pull-desktop-3 {
        left: -25%
    }
    .pull-desktop-4 {
        left: -33.33333333%
    }
    .pull-desktop-5 {
        left: -41.66666667%
    }
    .pull-desktop-6 {
        left: -50%
    }
    .pull-desktop-7 {
        left: -58.33333333%
    }
    .pull-desktop-8 {
        left: -66.66666667%
    }
    .pull-desktop-9 {
        left: -75%
    }
    .pull-desktop-10 {
        left: -83.33333333%
    }
    .pull-desktop-11 {
        left: -91.66666667%
    }
    .no-pull-desktop,
    .no-push-desktop {
        left: 0
    }
    .hide-desktop {
        display: none
    }
    .show-desktop {
        display: block
    }
    .show-desktop-inline-block {
        display: inline-block
    }
    .show-desktop-inline {
        display: inline
    }
    .desktop-no-padding {
        padding: 0
    }
}

@media only screen and (min-width:1199px) {
    .col-hd-1,
    .col-hd-10,
    .col-hd-11,
    .col-hd-12,
    .col-hd-2,
    .col-hd-3,
    .col-hd-4,
    .col-hd-5,
    .col-hd-6,
    .col-hd-7,
    .col-hd-8,
    .col-hd-9 {
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
        float: left
    }
    .col-hd-1 {
        width: 8.33333333%
    }
    .col-hd-2 {
        width: 16.66666667%
    }
    .col-hd-3 {
        width: 25%
    }
    .col-hd-4 {
        width: 33.33333333%
    }
    .col-hd-5 {
        width: 41.66666667%
    }
    .col-hd-6 {
        width: 50%
    }
    .col-hd-7 {
        width: 58.33333333%
    }
    .col-hd-8 {
        width: 66.66666667%
    }
    .col-hd-9 {
        width: 75%
    }
    .col-hd-10 {
        width: 83.33333333%
    }
    .col-hd-11 {
        width: 91.66666667%
    }
    .col-hd-12 {
        width: 100%
    }
    .push-hd-1 {
        left: 8.33333333%
    }
    .push-hd-2 {
        left: 16.66666667%
    }
    .push-hd-3 {
        left: 25%
    }
    .push-hd-4 {
        left: 33.33333333%
    }
    .push-hd-5 {
        left: 41.66666667%
    }
    .push-hd-6 {
        left: 50%
    }
    .push-hd-7 {
        left: 58.33333333%
    }
    .push-hd-8 {
        left: 66.66666667%
    }
    .push-hd-9 {
        left: 75%
    }
    .push-hd-10 {
        left: 83.33333333%
    }
    .push-hd-11 {
        left: 91.66666667%
    }
    .pull-hd-1 {
        left: -8.33333333%
    }
    .pull-hd-2 {
        left: -16.66666667%
    }
    .pull-hd-3 {
        left: -25%
    }
    .pull-hd-4 {
        left: -33.33333333%
    }
    .pull-hd-5 {
        left: -41.66666667%
    }
    .pull-hd-6 {
        left: -50%
    }
    .pull-hd-7 {
        left: -58.33333333%
    }
    .pull-hd-8 {
        left: -66.66666667%
    }
    .pull-hd-9 {
        left: -75%
    }
    .pull-hd-10 {
        left: -83.33333333%
    }
    .pull-hd-11 {
        left: -91.66666667%
    }
    .no-pull-hd,
    .no-push-hd {
        left: 0
    }
    .hide-hd {
        display: none
    }
    .show-hd {
        display: block
    }
    .show-hd-inline-block {
        display: inline-block
    }
    .show-hd-inline {
        display: inline
    }
    .hd-no-padding {
        padding: 0
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.fade-in {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fade-in-down {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fade-in-left {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fade-in-right {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fade-in-up {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@media print {
    *,
    :after,
    :before {
        background: 0 0!important;
        color: #000!important;
        box-shadow: none!important;
        text-shadow: none!important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }
    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    tr {
        page-break-inside: avoid
    }
    img {
        page-break-inside: avoid;
        max-width: 100%!important
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
}

.hide-print {
    display: none
}

.show-print {
    display: block
}

.show-print-inline-block {
    display: inline-block
}

.show-print-inline {
    display: inline
}

@font-face {
    font-family: 'Titillium Web Regular';
    src: url(//s.sk-gaming.com/www5/css/fonts/titillium-web/titilliumweb-regular-webfont.eot);
    src: url(//s.sk-gaming.com/www5/css/fonts/titillium-web/titilliumweb-regular-webfont.eot?#iefix) format('embedded-opentype'), url(//s.sk-gaming.com/www5/css/fonts/titillium-web/titilliumweb-regular-webfont.woff2) format('woff2'), url(//s.sk-gaming.com/www5/css/fonts/titillium-web/titilliumweb-regular-webfont.woff) format('woff'), url(//s.sk-gaming.com/www5/css/fonts/titillium-web/titilliumweb-regular-webfont.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Titillium Web Semibold';
    src: url(//s.sk-gaming.com/www5/css/fonts/titillium-web/titilliumweb-semibold-webfont.eot);
    src: url(//s.sk-gaming.com/www5/css/fonts/titillium-web/titilliumweb-semibold-webfont.eot?#iefix) format('embedded-opentype'), url(//s.sk-gaming.com/www5/css/fonts/titillium-web/titilliumweb-semibold-webfont.woff2) format('woff2'), url(//s.sk-gaming.com/www5/css/fonts/titillium-web/titilliumweb-semibold-webfont.woff) format('woff'), url(//s.sk-gaming.com/www5/css/fonts/titillium-web/titilliumweb-semibold-webfont.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Titillium Web Black';
    src: url(//s.sk-gaming.com/www5/css/fonts/titillium-web/titilliumweb-black-webfont.eot);
    src: url(//s.sk-gaming.com/www5/css/fonts/titillium-web/titilliumweb-black-webfont.eot?#iefix) format('embedded-opentype'), url(//s.sk-gaming.com/www5/css/fonts/titillium-web/titilliumweb-black-webfont.woff2) format('woff2'), url(//s.sk-gaming.com/www5/css/fonts/titillium-web/titilliumweb-black-webfont.woff) format('woff'), url(//s.sk-gaming.com/www5/css/fonts/titillium-web/titilliumweb-black-webfont.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Open Sans Regular';
    src: url(//s.sk-gaming.com/www5/css/fonts/open-sans/opensans-regular-webfont.eot);
    src: url(//s.sk-gaming.com/www5/css/fonts/open-sans/opensans-regular-webfont.eot?#iefix) format('embedded-opentype'), url(//s.sk-gaming.com/www5/css/fonts/open-sans/opensans-regular-webfont.woff2) format('woff2'), url(//s.sk-gaming.com/www5/css/fonts/open-sans/opensans-regular-webfont.woff) format('woff'), url(//s.sk-gaming.com/www5/css/fonts/open-sans/opensans-regular-webfont.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Open Sans Bold';
    src: url(//s.sk-gaming.com/www5/css/fonts/open-sans/opensans-bold-webfont.eot);
    src: url(//s.sk-gaming.com/www5/css/fonts/open-sans/opensans-bold-webfont.eot?#iefix) format('embedded-opentype'), url(//s.sk-gaming.com/www5/css/fonts/open-sans/opensans-bold-webfont.woff2) format('woff2'), url(//s.sk-gaming.com/www5/css/fonts/open-sans/opensans-bold-webfont.woff) format('woff'), url(//s.sk-gaming.com/www5/css/fonts/open-sans/opensans-bold-webfont.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

.icon {
    width: 32px;
    height: 32px;
    fill: #999;
    position: relative;
    transition: all .2s ease-in-out
}

.icon--circle {
    border-radius: 50%;
    background-color: #4b7af7;
    color: #fff;
    padding: 2px
}

.icon--menu-animated {
    width: 22px;
    height: 22px;
    position: relative;
    top: 7px;
    transform: rotate(0deg);
    transition: .5s ease-in-out;
    cursor: pointer;
    pointer-events: none;
    display: inline-block;
    margin-left: 5px
}

.icon--menu-bar {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #666;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: .25s ease-in-out;
    border-radius: 1px
}

.icon--menu-bar:nth-child(1) {
    top: 0;
    transform-origin: left center
}

.icon--menu-bar:nth-child(2) {
    top: 8px;
    transform-origin: left center
}

.icon--menu-bar:nth-child(3) {
    top: 16px;
    transform-origin: left center
}

.icon--menu-animated.is-open .icon--menu-bar:nth-child(1) {
    transform: rotate(45deg);
    top: 2px;
    left: 4px
}

.icon--menu-animated.is-open .icon--menu-bar:nth-child(2) {
    width: 0;
    opacity: 0
}

.icon--menu-animated.is-open .icon--menu-bar:nth-child(3) {
    transform: rotate(-45deg);
    top: 18px;
    left: 4px
}

.icon-loader {
    display: inline-block;
    position: relative;
    margin: 0 auto;
    width: 30px
}

.icon-loader:before {
    content: '';
    display: block;
    padding-top: 100%
}

.icon-loader__circular {
    animation: rotate-loader 2s linear infinite;
    height: 100%;
    transform-origin: center center;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.icon-loader__path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    animation: loader-dash 1.5s ease-in-out infinite, loader-dash-color 6s ease-in-out infinite;
    stroke-linecap: round
}

@keyframes rotate-loader {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes loader-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}

@keyframes loader-dash-color {
    0%,
    100% {
        stroke: #ff4d5b
    }
    40% {
        stroke: #15c
    }
    66% {
        stroke: #62dc6b
    }
    80%,
    90% {
        stroke: #fc0
    }
}

.alpha,
.beta,
.delta,
.epsilon,
.gamma,
.zeta,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: inherit;
    font-weight: 400;
    line-height: 1.1;
    color: inherit
}

.alpha small,
.beta small,
.delta small,
.epsilon small,
.gamma small,
.zeta small,
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    font-weight: 400;
    line-height: 1
}

.alpha,
.beta,
.gamma,
h1,
h2,
h3 {
    margin-top: 25px;
    margin-bottom: 25px
}

.alpha small,
.beta small,
.gamma small,
h1 small,
h2 small,
h3 small {
    font-size: 65%
}

.delta,
.epsilon,
.zeta,
h4,
h5,
h6 {
    margin-top: 12.5px;
    margin-bottom: 12.5px
}

.delta small,
.epsilon small,
.zeta small,
h4 small,
h5 small,
h6 small {
    font-size: 75%
}

.alpha,
h1 {
    font-size: 40px;
    font-size: 2.5rem
}

.beta,
h2 {
    font-size: 30px;
    font-size: 1.875rem
}

.gamma,
h3 {
    font-size: 24px;
    font-size: 1.5rem
}

.delta,
h4 {
    font-size: 18px;
    font-size: 1.125rem
}

.epsilon,
h5 {
    font-size: 16px;
    font-size: 1rem
}

.zeta,
h6 {
    font-size: 12px;
    font-size: .75rem
}

.caption {
    font-size: 16px;
    font-size: 1rem;
    font-family: "Titillium Web Black", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: .05em;
    padding: 15px 0;
    border-bottom: 0;
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, .3);
    text-align: center;
    margin-bottom: 20px
}

.header {
    zoom: 1;
    border-bottom: 4px solid #4285f4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    margin: 30px 0
}

.header:after,
.header:before {
    content: "";
    display: table
}

.header:after {
    clear: both
}

.header--have-tabs {
    margin-bottom: 5px
}

.header--no-margin {
    margin: 0
}

.header--dark {
    border-color: #666
}

.header--light {
    border-color: #c8c8c8
}

.header__icon {
    width: 22px;
    height: 22px !important;
    display: inline-block !important;
    top: -1px;
    fill: #4285f4
}

.header__icon--small {
    width: 18px;
    height: 18px;
    top: 3px
}

.header__icon--chevron-right {
    width: 12px;
    height: 12px;
    top: 1px
}

.header__title-large {
    margin: 0 0 10px
}

.header__title {
    font-size: 14px;
    font-size: .875rem;
    font-family: "Titillium Web Black", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: .05em;
    margin: 0 0 10px;
    display: inline-block
}

.header__post-title {
    font-size: 14px;
    font-size: .875rem;
    font-family: "Titillium Web Regular", "Open Sans Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #999;
    text-transform: none;
    letter-spacing: 0
}

.header__sub-title {
    font-size: 12px;
    font-size: .75rem;
    color: #666;
    font-family: "Titillium Web Black", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: .05em;
    margin: 0 0 5px;
    display: inline-block
}

.header__action {
    font-size: 15px;
    font-size: .9375rem;
    float: right
}

.header__action-strong {
    float: right;
    font-size: 14px;
    font-size: .875rem;
    font-family: "Titillium Web Black", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: .05em;
    position: relative;
    top: 8px
}

@media screen and (max-width:480px) {
    .header__action-strong {
        display: none
    }
}

.header__action-strong:hover .header__icon--chevron-right {
    transform: translateX(1px)
}

.header__action-link {
    color: #4285f4
}

.header__action-link:active,
.header__action-link:hover {
    color: #1b6cf2
}

.header__action-link:active .header__icon--chevron-right,
.header__action-link:hover .header__icon--chevron-right {
    fill: #1b6cf2
}

.header__action-link:focus {
    color: #0d5bdd
}

.header__action-link:focus .header__icon--chevron-right {
    fill: #0d5bdd
}

.header__action-link .header__icon--chevron-right {
    fill: #4285f4
}

.highlight-red {
    color: #bd4832
}

.highlight-green {
    color: #299d39
}

.highlight-blue {
    color: #15c
}

p {
    margin: 0 0 13px
}

.lead {
    margin: 25px 0 100px;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 1.4
}

a {
    color: #286ee0;
    text-decoration: none;
    transition: all .3s
}

a:focus,
a:hover {
    color: #15c;
    outline: 0
}

a:focus {
    color: #15c
}

.link-dove {
    color: #666;
    font-family: "Titillium Web Semibold", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.link-dove:hover {
    color: #4d4d4d
}

.link-simple-underline:hover {
    text-decoration: underline
}

.link-uppercase {
    font-size: 14px;
    font-size: .875rem;
    font-family: "Titillium Web Black", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: #999
}

.link-uppercase:active,
.link-uppercase:focus,
.link-uppercase:hover {
    color: #4d4d4d;
    box-shadow: inset 0 -3px 0 #4285f4
}

.link-uppercase:active .icon,
.link-uppercase:focus .icon,
.link-uppercase:hover .icon {
    fill: #4d4d4d
}

.link-uppercase .icon {
    width: 22px;
    height: 22px;
    /*top: 6px;*/
    margin-right: 5px
}

.link-arrow {
    font-size: 14px;
    font-size: .875rem
}

.link-arrow:after {
    content: '\2192';
    font-family: Arial;
    position: relative;
    left: -5%;
    top: 2px;
    opacity: 0;
    transition: all .3s
}

.link-arrow:hover:after {
    opacity: 1;
    left: 3px
}

b,
strong {
    font-weight: 700
}

em {
    font-style: italic
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

small {
    font-size: 14px;
    font-size: .875rem
}

abbr[data-original-title],
abbr[title] {
    cursor: help;
    border-bottom: 1px dotted
}

address {
    margin-bottom: 22px;
    font-style: normal;
    line-height: 1.42857143
}

dfn {
    font-style: italic
}

mark {
    background: #ff0;
    color: #000
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

.del,
del {
    text-decoration: line-through
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow-x: hidden
}

body {
    font-size: 16px;
    font-size: 1rem;
    font-family: "Titillium Web Regular", "Open Sans Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.42857143;
    color: #4d4d4d;
    background-color: #f1f1f1;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    overflow-x: hidden
}

::-moz-selection {
    background: rgba(200, 200, 200, .6);
    color: #333;
    text-shadow: none
}

::selection {
    background: rgba(200, 200, 200, .6);
    color: #333;
    text-shadow: none
}

[role=button] {
    cursor: pointer
}

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

.vertically-centered {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0
}

.browsehappy {
    zoom: 1;
    font-size: 20px;
    font-size: 1.25rem;
    color: #7d4600;
    background: #ffa530;
    padding: 20px;
    margin: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100
}

.browsehappy:after,
.browsehappy:before {
    content: "";
    display: table
}

.browsehappy:after {
    clear: both
}

.browsehappy a {
    color: #633800;
    font-weight: 700;
    text-decoration: underline
}

.browsehappy a:hover {
    text-decoration: none
}

.browsehappy__dismiss {
    display: inline-block;
    float: right
}

.shop-stripe {
    border-top: 4px solid;
    border-bottom: 4px solid;
    border-color: #4285f4;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    margin-bottom: 10px;
    background-image: url(//s.sk-gaming.com/www5/image/shop/shop-stripe.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px
}

.shop-stripe:before {
    transition: all .3s ease-in-out
}

.shop-stripe.gradient--sk:before {
    opacity: .65
}

.shop-stripe.gradient--sk:before:hover {
    opacity: .85
}

.shop-stripe__content-wrapper {
    zoom: 1;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto
}

.shop-stripe__content-wrapper:after,
.shop-stripe__content-wrapper:before {
    content: "";
    display: table
}

.shop-stripe__content-wrapper:after {
    clear: both
}

@media screen and (min-width:989px) {
    .shop-stripe__content-wrapper {
        width: 990px
    }
}

@media screen and (min-width:1199px) {
    .shop-stripe__content-wrapper {
        width: 1170px
    }
}

.shop-stripe__figure {
    float: left;
    width: 40%;
    position: relative;
    z-index: 2;
    bottom: -124px
}

@media screen and (max-width:900px) {
    .shop-stripe__figure {
        float: none;
        position: absolute;
        right: 0;
        bottom: 0
    }
}

@media screen and (max-width:700px) {
    .shop-stripe__figure {
        right: 0;
        width: 100%
    }
}

.shop-stripe__content {
    float: left;
    width: 60%;
    position: relative;
    margin-top: 50px
}

@media screen and (max-width:900px) {
    .shop-stripe__content {
        width: 100%
    }
}

.shop-stripe__post-title,
.shop-stripe__title {
    text-transform: uppercase;
    font-family: "Titillium Web Black", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0
}

.shop-stripe__title {
    font-size: 270px;
    font-size: 16.875rem;
    opacity: .8;
    text-shadow: 0 0 15px rgba(0, 0, 0, .6);
    color: #fff;
    line-height: 220px;
    position: relative;
    left: -60px
}

@media screen and (max-width:989px) {
    .shop-stripe__title {
        left: -120px
    }
}

@media screen and (max-width:900px) {
    .shop-stripe__title {
        left: 0
    }
}

@media screen and (max-width:700px) {
    .shop-stripe__title {
        display: none
    }
}

.shop-stripe__post-title {
    font-size: 52px;
    font-size: 3.25rem;
    letter-spacing: .05em;
    position: absolute;
    bottom: -40px;
    right: 0;
    color: #282828;
    line-height: 42px
}

@media screen and (max-width:900px) {
    .shop-stripe__post-title {
        z-index: 3;
        left: 0
    }
}

@media screen and (max-width:700px) {
    .shop-stripe__post-title {
        bottom: -280px;
        color: #fff;
        text-shadow: 0 0 20px rgba(0, 0, 0, .8)
    }
}

.shop-stripe__icon {
    fill: #282828
}

@media screen and (max-width:700px) {
    .shop-stripe__icon {
        fill: #fff
    }
}

.shop-stripe__link:hover .shop-stripe__icon {
    transform: translateX(10px)
}

.shop-stripe__link:hover .gradient:before {
    opacity: .8
}

.social-feed-section {
    margin-top: 30px
}

@media screen and (min-width:600px) {
    .social-feed-section {
        margin-top: 80px
    }
}

.social-feed__load-button {
    margin-top: 50px;
    font-size: 18px;
    font-size: 1.125rem;
    font-family: "Titillium Web Black", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #4d4d4d;
    background-color: #fff;
    padding: 15px 0;
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

@media screen and (min-width:600px) {
    .social-feed__load-button {
        margin-top: 100px;
        width: 50%
    }
}

.social-feed__load-button:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    display: block;
    opacity: .4;
    box-shadow: 0 0 15px rgba(0, 0, 0, .25);
    transition: opacity .2s ease-in-out
}

.social-feed__load-button:hover:before {
    opacity: 1
}

.social-feed__load-button:active,
.social-feed__load-button:focus,
.social-feed__load-button:hover {
    color: #4d4d4d;
    box-shadow: none;
    background-color: #fff
}

.social-feed__load-text {
    display: block
}

.social-feed__load-text.is-hidden {
    display: none
}

.social-feed__load-icon {
    display: block
}

.social-feed__load-icon.is-hidden {
    display: none
}

.social-tile {
    margin-bottom: 30px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff;
    background-size: 50%;
    position: relative;
    padding: 0 20px
}

@media screen and (min-width:600px) {
    .social-tile {
        width: 48%;
        margin-left: 1%;
        margin-right: 1%
    }
}

@media screen and (min-width:767px) {
    .social-tile:nth-child(1) {
        margin-top: 30px
    }
    .social-tile:nth-child(2) {
        margin-top: 100px
    }
}

@media screen and (min-width:989px) {
    .social-tile {
        width: 31.333333333%;
        margin-left: 1%;
        margin-right: 1%
    }
}

.social-tile:hover:before {
    opacity: 1
}

.social-tile:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
    display: block;
    opacity: .5;
    box-shadow: 0 0 15px rgba(0, 0, 0, .25);
    transition: opacity .3s ease-in-out;
    top: 0;
    left: 0
}

.social-tile__header {
    position: absolute;
    top: 20px;
    left: 20px
}

.social-tile__date {
    font-size: 13px;
    font-size: .8125rem;
    color: #ccc;
    display: block
}

.social-tile__title {
    color: #a1a1a1;
    font-family: "Titillium Web Semibold", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.social-tile__title:hover {
    color: #4d4d4d
}

.social-tile__content {
    color: #999;
    margin-bottom: 80px;
    margin-top: 80px
}

.social-tile__content a:hover {
    text-decoration: underline
}

.social-tile__content p {
    margin: 0
}

.social-tile__footer {
    position: absolute;
    left: 20px;
    bottom: 20px
}

.social-tile__link {
    border-radius: 50%;
    border: 1px solid;
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    display: block
}

.social-tile__icon {
    width: 18px;
    height: 18px;
    top: 2px
}

.social-tile__icon--youtube {
    fill: #cd201f
}

.social-tile__icon--twitter {
    fill: #35ccff
}

.social-tile__icon--instagram {
    fill: #3f729b
}

.social-tile__icon--facebook {
    fill: #3b5998
}

.social-tile__icon--twitch {
    fill: #6441a5
}

.social-tile__link:hover .social-tile__icon--facebook,
.social-tile__link:hover .social-tile__icon--instagram,
.social-tile__link:hover .social-tile__icon--twitch,
.social-tile__link:hover .social-tile__icon--twitter,
.social-tile__link:hover .social-tile__icon--youtube {
    fill: #fff
}

.social-tile__link--youtube {
    border-color: #cd201f
}

.social-tile__link--youtube:hover {
    background-color: #cd201f
}

.social-tile__link--twitter {
    border-color: #35ccff
}

.social-tile__link--twitter:hover {
    background-color: #35ccff
}

.social-tile__link--instagram {
    border-color: #3f729b
}

.social-tile__link--instagram:hover {
    background-color: #3f729b
}

.social-tile__link--facebook {
    border-color: #3b5998
}

.social-tile__link--facebook:hover {
    background-color: #3b5998
}

.social-tile__link--twitch {
    border-color: #6441a5
}

.social-tile__link--twitch:hover {
    background-color: #6441a5
}

.social-tile--twitter {
    background-image: url(//s.sk-gaming.com/www5/image/social/tile-twitter.png)
}

.social-tile--twitter .social-tile__content a {
    color: #35ccff
}

.social-tile--twitter .social-tile__content a:hover {
    color: #02bfff
}

.social-tile--facebook {
    background-image: url(//s.sk-gaming.com/www5/image/social/tile-facebook.png)
}

.social-tile--facebook .social-tile__content a {
    color: #3b5998
}

.social-tile--facebook .social-tile__content a:hover {
    color: #2d4373
}

.social-tile--instagram .social-tile__content a {
    color: #3f729b
}

.social-tile--instagram .social-tile__content a:hover {
    color: #305777
}

.social-tile--youtube .social-tile__content a {
    color: #cd201f
}

.social-tile--youtube .social-tile__content a:hover {
    color: #a11918
}

.social-tile--twitch {
    background-image: url(//s.sk-gaming.com/www5/image/social/tile-twitch.png)
}

.social-tile--twitch .social-tile__content a {
    color: #6441a5
}

.social-tile--twitch .social-tile__content a:hover {
    color: #4e3380
}

.social-tile--have-image {
    background-color: #000;
    background-size: cover
}

.social-tile--have-image:hover:before {
    opacity: .9
}

.social-tile--have-image:hover .social-tile__content {
    transform: translateY(0);
    opacity: 1
}

.social-tile--have-image:hover .social-tile__footer,
.social-tile--have-image:hover .social-tile__header {
    opacity: 1
}

.social-tile--have-image:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: .7
}

@media screen and (min-width:767px) {
    .social-tile--have-image:before {
        opacity: 0
    }
}

@media screen and (min-width:767px) {
    .social-tile--have-image .social-tile__header {
        opacity: 0;
        transition: all .25s ease-in-out
    }
}

.social-tile--have-image .social-tile__title {
    color: rgba(255, 255, 255, .7)
}

.social-tile--have-image .social-tile__title:hover {
    color: #fff
}

.social-tile--have-image .social-tile__content {
    color: rgba(255, 255, 255, .7);
    position: relative;
    z-index: 2
}

@media screen and (min-width:767px) {
    .social-tile--have-image .social-tile__content {
        transition: opacity .2s ease-in-out, transform .35s ease-in-out;
        opacity: 0;
        transform: translateY(100%)
    }
}

.social-tile--have-image .social-tile__footer {
    transition: all .25s ease-in-out
}

@media screen and (min-width:767px) {
    .social-tile--have-image .social-tile__footer {
        opacity: .4
    }
}

.social-tile--have-image .social-tile__link {
    border-color: #fff
}

.social-tile--have-image .social-tile__icon {
    fill: #fff
}

.social-tile--have-image.social-tile--instagram {
    min-height: 360px
}

.social-tile--have-image.social-tile--instagram:before {
    background: linear-gradient(#000 40%, #548cb9 100%)
}

.social-tile--have-image.social-tile--youtube {
    min-height: 210px
}

.social-tile--have-image.social-tile--youtube:before {
    background: linear-gradient(#000 40%, #e23e3d 100%)
}

.social-tile--have-image.social-tile--facebook {
    min-height: 360px
}

.social-tile--have-image.social-tile--facebook:before {
    background: linear-gradient(#000 40%, #4c70ba 100%)
}

.social-tile--have-image.social-tile--twitter {
    min-height: 207px
}

.social-tile--have-image.social-tile--twitter:before {
    background: linear-gradient(#000 40%, #68d9ff 100%)
}

.social-tile--have-image.social-tile--twitch {
    min-height: 207px
}

.social-tile--have-image.social-tile--twitch:before {
    background: linear-gradient(#000 40%, #7e5bbe 100%)
}

.about__section--sponsors {
    margin-top: 40px
}

.about-general {
    zoom: 1
}

.about-general:after,
.about-general:before {
    content: "";
    display: table
}

.about-general:after {
    clear: both
}

.about-general__figure {
    margin-bottom: 30px
}

@media screen and (min-width:767px) {
    .about-general__figure {
        padding-right: 15px;
        float: left;
        display: block;
        width: 33.333%
    }
}

@media screen and (max-width:767px) {
    .about-general__figure img {
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (min-width:767px) {
    .about-general__content {
        padding-left: 15px;
        float: left;
        display: block;
        width: 66.66666%
    }
}

.about-sponsor__list {
    margin-top: 40px
}

.about-sponsor__item {
    zoom: 1;
    padding-bottom: 30px
}

.about-sponsor__item:after,
.about-sponsor__item:before {
    content: "";
    display: table
}

.about-sponsor__item:after {
    clear: both
}

.about-sponsor__item:not(last-child) {
    border-bottom: 2px solid #ccc;
    margin-bottom: 30px
}

.about-sponsor__figure {
    margin-bottom: 30px
}

@media screen and (min-width:767px) {
    .about-sponsor__figure {
        margin-top: 60px;
        padding-left: 15px;
        float: left;
        display: block;
        width: 33.33333%;
        position: relative;
        left: 66.66666%
    }
}

.about-sponsor__figure img {
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width:767px) {
    .about-sponsor__content {
        padding-right: 15px;
        float: left;
        display: block;
        width: 66.66666%;
        position: relative;
        left: -33.33333%
    }
}

.about-sponsor__name {
    margin-top: 0
}

.about__panel {
    margin-top: 50px
}

.about-media__item {
    zoom: 1;
    padding-bottom: 15px
}

.about-media__item:after,
.about-media__item:before {
    content: "";
    display: table
}

.about-media__item:after {
    clear: both
}

.about-media__item:not(last-child) {
    border-bottom: 2px solid #ccc;
    margin-bottom: 30px
}

@media screen and (min-width:989px) {
    .about-media__item {
        margin-left: 100px;
        margin-right: 100px
    }
}

.about-media__figure {
    margin-bottom: 30px
}

@media screen and (min-width:767px) {
    .about-media__figure {
        margin-top: 40px;
        padding-left: 15px;
        float: left;
        display: block;
        width: 33.33333%;
        position: relative;
        left: 66.66666%
    }
}

.about-media__figure img {
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width:767px) {
    .about-media__content {
        padding-right: 15px;
        float: left;
        display: block;
        width: 66.66666%;
        position: relative;
        left: -33.33333%
    }
}

.about-media__name {
    margin-top: 0
}

.about-media__date {
    font-size: 15px;
    font-size: .9375rem;
    font-family: "Titillium Web Regular", "Open Sans Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #ccc;
    display: block;
    margin-top: 10px
}

.about-download {
    border: 1px solid #ddd;
    border-radius: 2px;
    padding: 15px;
    min-height: 200px
}

@media screen and (min-width:989px) {
    .about-download {
        min-height: 330px
    }
}

.about-download__list {
    zoom: 1;
    margin-top: 40px
}

.about-download__list:after,
.about-download__list:before {
    content: "";
    display: table
}

.about-download__list:after {
    clear: both
}

.about-download__item {
    width: 100%;
    display: block;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 30px
}

@media screen and (min-width:480px) {
    .about-download__item {
        width: 50%;
        float: left;
        margin-bottom: 10px
    }
}

@media screen and (min-width:650px) {
    .about-download__item {
        width: 33.3333%;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px
    }
}

.about-download__figure {
    height: 240px;
    position: relative
}

.about-download__image {
    text-align: center;
    display: block;
    margin: auto
}

.about-download__button.button {
    font-size: 13px;
    font-size: .8125rem;
    text-transform: uppercase;
    display: block;
    padding: 5px 0;
    margin-bottom: 10px
}

.about-download__button.button:hover {
    border-color: #4285f4
}

@media screen and (min-width:989px) {
    .about-contact {
        padding-left: 100px;
        padding-right: 100px
    }
}

.about-contact__map {
    margin-top: 20px
}

.about-contact__form {
    margin-top: 30px
}

.about-contact__form-button.form__button {
    width: auto;
    padding-left: 20px;
    padding-right: 20px
}

@media screen and (min-width:480px) {
    .about-contact__form-button.form__button {
        padding-left: 35px;
        padding-right: 35px
    }
}

@media screen and (min-width:650px) and (max-width:1199px) {
    .about .member__item {
        width: 33.33333%
    }
}

@media screen and (min-width:989px) {
    .about .member__description {
        min-height: 200px
    }
}

.about .social__list {
    margin-bottom: 20px
}

.about .paper-content .tab-group {
    margin-top: 60px;
    margin-bottom: 45px
}

@media screen and (min-width:989px) {
    .about .panel__header {
        margin-left: 100px;
        margin-right: 100px
    }
}

.about .achievement-table {
    margin-top: 0
}

.tile-link {
    zoom: 1;
    display: block;
    position: relative
}

.tile-link:after,
.tile-link:before {
    content: "";
    display: table
}

.tile-link:after {
    clear: both
}

@media screen and (min-width:600px) {
    .tile-link--shadow:hover:before {
        opacity: 1
    }
    .tile-link--shadow:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        pointer-events: none;
        display: block;
        opacity: .4;
        box-shadow: 0 0 15px rgba(0, 0, 0, .25);
        transition: opacity .2s ease-in-out
    }
}

@media screen and (min-width:600px) {
    .tile-link--shadow-video .tile-video__figure:before {
        box-shadow: 0 0 20px rgba(0, 0, 0, .25)
    }
}

.tile-header {
    line-height: 1
}

.tile-title {
    font-family: "Titillium Web Semibold", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4d4d4d;
    transition: box-shadow .15s ease-in-out;
    margin: 0
}

.tile-title--emphasized {
    font-family: "Titillium Web Black", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: .05em
}

.tile-meta {
    font-size: 12px;
    font-size: .75rem;
    font-family: "Titillium Web Semibold", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #ccc;
    display: block;
    position: relative;
    margin-bottom: 5px
}

.tile-meta--absolute {
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    z-index: 2;
    opacity: .9
}

.tile-meta__category {
    zoom: 1;
    font-size: 12px;
    font-size: .75rem;
    font-family: "Titillium Web Black", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: .05em;
    line-height: 20px;
    display: inline-block;
    padding-left: 28px
}

.tile-meta__category:after,
.tile-meta__category:before {
    content: "";
    display: table
}

.tile-meta__category:after {
    clear: both
}

.tile-meta__icon {
    width: 24px;
    height: 24px;
    fill: #ccc;
    position: absolute !important;
    top: -2px;
    left: 0
}

.tile-meta__date--news {
    position: relative;
    padding-left: 10px
}

.tile-meta__date--news:before {
    content: '•';
    position: absolute;
    top: 0;
    left: 2px
}

@media screen and (max-width:767px) {
    .tile-meta__date--news {
        display: none
    }
}

.tile-meta__view-count {
    position: relative;
    padding-left: 10px
}

.tile-meta__view-count:before {
    content: '•';
    position: absolute;
    top: 3px;
    left: 2px
}

.tile-link:hover .tile-news__figure:before {
    opacity: .18;
    box-shadow: 0 0 25px rgba(0, 0, 0, .35)
}

.tile-link:hover .tile-news__title {
    box-shadow: inset 0 -3px 0 #4285f4
}

.tile-link:hover .tile-news__title--featured {
    box-shadow: inset 0 -8px 0 #4285f4
}

.featured-tile-news .tile-link:hover .gradient--sk:before {
    opacity: .5
}

.tile-news {
    position: relative;
    padding-left: 15px;
    padding-right: 15px
}

@media screen and (min-width:600px) {
    .tile-news {
        margin-bottom: 15px
    }
    .tile-news:last-child {
        /*margin-bottom: 0*/
    }
}

@media screen and (min-width:989px) {
    .tile-news {
        width: 50%;
        float: left;
        margin-bottom: 30px
    }
    .tile-news:last-child,
    .tile-news:nth-last-child(2) {
        /*margin-bottom: 0*/
    }
}

.tile-news--small {
    width: 100%;
    float: none
}

@media screen and (max-width:600px) {
    .tile-news--mobile-full {
        padding: 10px 15px;
        border-bottom: 1px solid #eee
    }
    .tile-news--mobile-full:first-child {
        border-top: 1px solid #eee
    }
}

.tile-news__figure:before {
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    z-index: 0;
    transition: opacity .2s ease-in-out;
    background-color: #000;
    opacity: 0
}

.tile-news__image {
    display: block;
    max-width: 100%
}

@media screen and (min-width:600px) {
    .tile-news__paper {
        background-color: #fff
    }
}

.tile-news__title {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.315789474;
    display: inline;
    box-shadow: inset 0 -3px 0 rgba(66, 133, 244, 0)
}

@media screen and (max-width:500px) {
    .tile-news__title {
        font-size: 16px;
        font-size: 1rem
    }
}

.featured-tile-news {
    margin-bottom: 30px
}

.featured-tile-news:last-child,
.featured-tile-news:nth-last-child(2) {
    margin-bottom: 30px
}

@media screen and (min-width:767px) {
    .featured-tile-news {
        width: 33.3333%;
        float: left;
        margin-bottom: 30px
    }
}

.featured-tile-news .tile-link:before {
    opacity: .6;
    box-shadow: 0 0 20px rgba(0, 0, 0, .8)
}

.featured-tile-news .tile-news__figure {
    border: 3px solid #4285f4
}

.featured-tile-news .tile-news__image {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 415px
}

@media screen and (min-width:767px) and (max-width:1199px) {
    .featured-tile-news .tile-news__image {
        height: 300px
    }
}

.featured-tile-news .tile-header {
    position: absolute;
    left: 20px;
    bottom: 20px;
    right: 20px;
    z-index: 2
}

.featured-tile-news .tile-news__title {
    font-size: 38px;
    font-size: 2.375rem;
    font-family: "Titillium Web Black", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.1;
    color: #fff;
    text-shadow: 0 0 12px rgba(0, 0, 0, .8);
    box-shadow: inset 0 -8px 0 rgba(66, 133, 244, 0)
}

@media screen and (min-width:767px) and (max-width:1199px) {
    .featured-tile-news .tile-news__title {
        font-size: 28px;
        font-size: 1.75rem
    }
}

.tile-link:hover .tile-video__figure:before {
    background-color: rgba(0, 0, 0, .18);
    box-shadow: 0 0 25px rgba(0, 0, 0, .35)
}

.tile-link:hover .tile-link--shadow:before {
    box-shadow: 0 0 30px rgba(0, 0, 0, .9)
}

.tile-link:hover .tile-video__title {
    box-shadow: inset 0 -3px 0 #4285f4
}

.tile-link:hover .tile-video__title--featured {
    box-shadow: inset 0 -8px 0 #4285f4
}

.featured-tile-video .tile-link:hover .gradient--sk:before {
    opacity: .5
}

.tile-video {
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px
}

.tile-video:last-child {
    margin-bottom: 0
}

@media screen and (min-width:600px) {
    .tile-video {
        margin-bottom: 30px;
        float: left;
        width: 50%
    }
    .tile-video:last-child,
    .tile-video:nth-last-child(2) {
        margin-bottom: 0
    }
}

@media screen and (max-width:989px) {
    .tile-video:nth-child(2n+1) {
        clear: left
    }
}

@media screen and (min-width:989px) {
    .tile-video {
        width: 33.3333%
    }
    .tile-video:nth-child(3n+1) {
        clear: left
    }
    .tile-video:last-child,
    .tile-video:nth-last-child(2),
    .tile-video:nth-last-child(3) {
        margin-bottom: 0
    }
}

.tile-video--small {
    width: 100%;
    float: none
}

.tile-video__meta {
    font-size: 15px;
    font-size: .9375rem;
    color: #bbb;
    margin-top: 7px;
    margin-bottom: 0
}

@media screen and (max-width:500px) {
    .tile-video__meta {
        font-size: 13px;
        font-size: .8125rem;
        margin-top: 3px
    }
}

.tile-video__meta.tile-meta--absolute {
    top: 10px;
    left: 10px;
    margin-top: 0;
    opacity: .78;
    color: #fff
}

.tile-video__meta.tile-meta--absolute .tile-meta__icon {
    fill: #fff
}

.tile-video__figure {
    margin-bottom: 10px;
    position: relative
}

.tile-video__figure:before {
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    z-index: 0;
    transition: all .2s ease-in-out;
    background-color: rgba(0, 0, 0, 0)
}

.tile-video__image {
    display: block;
    width: 100%;
}

.tile-video__title {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.315789474;
    display: inline;
    box-shadow: inset 0 -3px 0 rgba(66, 133, 244, 0)
}

.featured-tile-video {
    width: 100%
}

.featured-tile-video:first-child,
.featured-tile-video:nth-child(2) {
    margin-bottom: 30px
}

@media screen and (min-width:989px) {
    .featured-tile-video {
        width: 50%;
        float: left
    }
}

.featured-tile-video .tile-link:before {
    opacity: .6;
    box-shadow: 0 0 20px rgba(0, 0, 0, .8)
}

.featured-tile-video .tile-video__figure {
    border: 3px solid #4285f4;
    margin: 0
}

.featured-tile-video .tile-video__image {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 320px
}

.featured-tile-video .tile-header {
    position: absolute;
    left: 20px;
    bottom: 20px;
    right: 20px;
    z-index: 2
}

.featured-tile-video .tile-video__title {
    font-size: 38px;
    font-size: 2.375rem;
    font-family: "Titillium Web Black", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.1;
    color: #fff;
    text-shadow: 0 0 12px rgba(0, 0, 0, .8);
    box-shadow: inset 0 -8px 0 rgba(66, 133, 244, 0)
}

@media screen and (max-width:600px) {
    .featured-tile-video .tile-video__title {
        font-size: 28px;
        font-size: 1.75rem
    }
}

.tile-link:hover .tile-event__figure:before {
    opacity: .5;
    box-shadow: 0 0 35px rgba(0, 0, 0, .2)
}

.tile-link:hover .tile-event__figcaption,
.tile-link:hover .tile-event__title {
    box-shadow: inset 0 -8px 0 #4285f4
}

.tile-event {
    zoom: 1;
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 2px solid #ddd
}

.tile-event:after,
.tile-event:before {
    content: "";
    display: table
}

.tile-event:after {
    clear: both
}

.tile-event:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0
}

@media screen and (min-width:1199px) {
    .tile-event {
        padding-left: 100px;
        padding-right: 100px
    }
}

.tile-event .tile-link:before {
    opacity: .6;
    box-shadow: 0 0 20px rgba(0, 0, 0, .8)
}

.tile-event__figure {
    border: 3px solid #4285f4
}

.tile-event__figure.gradient:before {
    transition: opacity .2s ease-in-out;
    opacity: .3
}

.tile-event__image {
    display: block;
    max-width: 100%
}

.tile-event__title {
    display: inline;
    box-shadow: inset 0 -8px 0 rgba(66, 133, 244, 0)
}

.tile-event .tile-header {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    padding: 15px 30px
}

.tile-event .tile-title {
    font-size: 38px;
    font-size: 2.375rem;
    font-family: "Titillium Web Black", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.1;
    color: #fff;
    text-shadow: 0 0 12px rgba(0, 0, 0, .8);
    box-shadow: inset 0 -8px 0 rgba(66, 133, 244, 0)
}

@media screen and (min-width:767px) and (max-width:1199px) {
    .tile-event .tile-title {
        font-size: 28px;
        font-size: 1.75rem
    }
}

.tile-event-content__title {
    font-size: 28px;
    font-size: 1.75rem;
    font-family: "Titillium Web Black", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0 0 10px
}

@media screen and (max-width:767px) {
    .tile-event-content__title {
        margin-top: 15px
    }
}

.tile-event-content__title a {
    color: #4d4d4d;
    box-shadow: inset 0 -5px 0 rgba(66, 133, 244, 0)
}

.tile-event-content__title a:hover {
    box-shadow: inset 0 -5px 0 #4285f4
}

.tile-event-content__date {
    font-size: 14px;
    font-size: .875rem;
    color: #999
}

.tile-event-content__nav {
    margin-top: 10px
}

.tile-event-content__list {
    padding: 0;
    margin: 0
}

.tile-event-content__item {
    line-height: 1;
    list-style-type: none;
    margin: 0
}

.tile-event-content__item:not(last-child) {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px
}

.team-page-button {
    margin: 30px auto;
    font-size: 18px;
    font-size: 1.125rem;
    font-family: "Titillium Web Black", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #4d4d4d;
    background-color: #fff;
    padding: 15px 0;
    display: block;
    width: 100%;
    position: relative
}

@media screen and (min-width:600px) {
    .team-page-button {
        width: 50%;
        margin: 60px auto
    }
}

.team-page-button:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    display: block;
    opacity: .6;
    box-shadow: 0 0 15px rgba(0, 0, 0, .25);
    transition: opacity .2s ease-in-out
}

.team-page-button:hover:before {
    opacity: 1
}

.team-page-button:active,
.team-page-button:focus,
.team-page-button:hover {
    color: #4d4d4d;
    box-shadow: none;
    background-color: #fff
}

.team-page-button:focus {
    background-color: #f1f1f1
}

.team-page__general-info {
    position: relative
}

@media screen and (min-width:989px) {
    .team-page__general-info {
        min-height: 600px
    }
}

.team-page__general-info-list {
    margin-bottom: 50px
}

@media screen and (min-width:989px) {
    .team-page__general-info-list {
        width: 500px
    }
}

@media screen and (min-width:1199px) {
    .team-page__general-info-list {
        width: 600px
    }
}

.team-page__general-info-list .list-info__flag {
    width: 18px;
    margin-right: 5px;
    position: relative;
    top: -2px
}

.team-related {
    margin-bottom: 50px
}

.team-related .tile-small {
    padding: 5px 0;
    border-bottom: 0
}

.team-related__search-term {
    font-size: 14px;
    font-size: .875rem;
    font-family: "Titillium Web Black", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #999;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-top: 5px;
    display: block;
    border-top: 4px solid #ccc
}

.team-related__search-term:hover {
    color: #666
}

.team-related__search-term:hover .icon {
    fill: #666
}

.team-related__search-term .icon {
    fill: #999;
    width: 12px;
    height: 12px;
    top: 2px;
    margin-right: 5px
}

.member__list {
    zoom: 1;
    margin-top: 40px
}

.member__list:after,
.member__list:before {
    content: "";
    display: table
}

.member__list:after {
    clear: both
}

.member__item {
    width: 100%;
    display: block;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 30px
}

@media screen and (min-width:480px) {
    .member__item {
        width: 49.5%;
        /*float: left;*/
        margin-bottom: 10px;
        display: inline-block;
    }
}

@media screen and (min-width:650px) {
    .member__item {
        width: 33%;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px
    }
}

@media screen and (min-width:989px) {
    .member__item {
        width: 19.5%
    }
}

.member {
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 2px;
    padding: 10px;
    transition: .2s all ease-in-out
}

.member:hover {
    border: 1px solid #bbb
}

.member__avatar {
    width: 100%;
    display: block;
    height: auto;
    border-radius: 2px
}

.member__header {
    margin-top: 15px
}

.member__link {
    font-size: 18px;
    font-size: 1.125rem;
    font-family: "Titillium Web Semibold", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.3
}

.member__name,
.member__role {
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.3;
    display: block;
    color: #999
}

.member__social-nav {
    margin-top: 15px
}

.member__social-nav .social__item:not(first-child) {
    padding-left: 5px
}

.member__social-nav .social__item:not(last-child) {
    padding-right: 5px
}

.member__social-nav .social__icon {
    width: 20px;
    height: 20px
}

@media screen and (min-width:989px) and (max-width:1199px) {
    .member__social-nav .social__icon {
        width: 16px;
        height: 16px
    }
}

.member__description {
    font-size: 14px;
    font-size: .875rem;
    text-align: left;
    line-height: 1.666666667;
    color: #666;
    min-height: 120px;
    display: block
}

.member__button.button {
    font-size: 13px;
    font-size: .8125rem;
    text-transform: uppercase;
    display: block;
    padding: 5px 0;
    margin-bottom: 10px
}

.member__button.button:hover {
    border-color: #4285f4
}

.profile-page .match-latest {
    margin-bottom: 50px
}

.profile-page__general-info {
    position: relative
}

@media screen and (min-width:989px) {
    .profile-page__general-info {
        //min-height: 650px
    }
}

@media screen and (min-width:989px) {
    .profile-page__general-info .tab-environment {
        width: 500px
    }
}

@media screen and (min-width:1199px) {
    .profile-page__general-info .tab-environment {
        width: 600px
    }
}

.profile-page__general-info .tab-group {
    margin-bottom: 50px
}

@media screen and (max-width:550px) {
    .profile-page__general-info .tab-nav__link {
        padding: 12px 5px
    }
}

.profile-page__general-info .list-info {
    margin-bottom: 30px
}

.profile-page__general-info .list-info__description--team-data {
    padding: 8px
}

.profile-page__general-info .list-info__description--former-teams {
    padding-top: 0
}

.profile-page__general-info .list-info__description--former-teams .team--inline {
    zoom: 1;
    height: 50px
}

.profile-page__general-info .list-info__description--former-teams .team--inline:after,
.profile-page__general-info .list-info__description--former-teams .team--inline:before {
    content: "";
    display: table
}

.profile-page__general-info .list-info__description--former-teams .team--inline:after {
    clear: both
}

.profile-page__general-info .list-info__description--former-teams .team__figure {
    float: left;
    display: block;
    line-height: 1;
    margin-right: 10px!important;
    position: relative;
    top: 9px
}

.profile-page__general-info .list-info__flag {
    width: 18px;
    margin-right: 5px;
    position: relative;
    top: -2px;
}

.general-info__title {
    margin-top: 0
}

.guestbook__title {
    padding-bottom: 15px;
    border-bottom: 4px solid #4285f4
}

.guestbook__list {
    padding-left: 0;
    margin-top: 30px
}

.guestbook__list .guestbook__list {
	margin-left: 75px;
	margin-bottom: 0px;
}

.guestbook__item {
    zoom: 1;
    list-style-type: none;
    padding-bottom: 15px;
    margin-bottom: 15px
}

.guestbook__item:after,
.guestbook__item:before {
    content: "";
    display: table
}

.guestbook__item:after {
    clear: both
}

.guestbook__item:not(last-child) {
    border-bottom: 1px solid #d2d4d3
}

.guestbook__figure {
    float: left
}

.guestbook__image {
    width: 36px;
    height: 36px;
    border-radius: 2px
}

.guestbook__body {
    margin-left: 50px;
    font-size: 13px;
    font-size: .8125rem
}

.guestbook__header {
    font-size: 15px;
    font-size: .9375rem;
    font-family: "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-top: 0;
    margin-bottom: 10px
}

.guestbook__meta {
    font-size: 13px;
    font-size: .7rem;
    font-family: "Open Sans Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #999;
    margin-top: 5px
}

.settings__form {
    margin-top: 30px;
    margin-bottom: 30px
}

@media screen and (min-width:989px) {
    .settings__form {
        padding-left: 150px;
        padding-right: 150px;
        margin-top: 50px
    }
}

@media screen and (min-width:1199px) {
    .settings__form {
        padding-left: 220px;
        padding-right: 220px
    }
}

.settings__form .spacing-right {
    margin-right: 15px
}

.settings__button.form__button {
    width: auto;
    padding-left: 20px;
    padding-right: 20px
}

@media screen and (min-width:480px) {
    .settings__button.form__button {
        padding-left: 35px;
        padding-right: 35px
    }
}

.settings__button.button--outline {
    position: relative;
    top: -1px;
    margin-left: 30px
}

@media screen and (min-width:767px) {
    .messages .tab-item {
        min-height: 600px
    }
}

.inbox__form {
    margin-bottom: 30px
}

@media screen and (min-width:989px) {
    .inbox__form {
        padding-left: 100px;
        padding-right: 100px
    }
}

.inbox__delete-button.button {
    float: right;
    width: auto;
    padding: 7px 20px;
    position: relative;
    top: 18px
}

.inbox__button.form__button {
    width: auto;
    padding-left: 20px;
    padding-right: 20px
}

@media screen and (min-width:480px) {
    .inbox__button.form__button {
        padding-left: 35px;
        padding-right: 35px
    }
}

.inbox__button.button--outline {
    position: relative;
    top: -1px;
    margin-left: 30px
}

.inbox__item {
    zoom: 1;
    transition: all .2s ease-in-out;
    padding-bottom: 10px;
    position: relative
}

.inbox__item:after,
.inbox__item:before {
    content: "";
    display: table
}

.inbox__item:after {
    clear: both
}

.inbox__item:not(last-child) {
    border-bottom: 1px solid #d8d8d8
}

.inbox__item--unread .inbox__item-title {
    font-family: "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.inbox__header {
    position: relative;
    display: inline-block;
    width: 100%
}

@media screen and (min-width:550px) {
    .inbox__header {
        position: absolute;
        left: 0;
        width: 200px
    }
}

.inbox__item-title {
    font-size: 16px;
    font-size: 1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    position: absolute;
    left: 40px;
    top: 10px;
    width: 200px
}

@media screen and (min-width:550px) {
    .inbox__item-title {
        width: 140px
    }
}

.inbox__body {
    height: 65px;
    overflow: hidden;
    position: relative;
    transition: .2s all ease-in-out;
    margin-top: 10px
}

.inbox__body:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(rgba(255, 255, 255, 0) 40%, #fff 100%);
    height: 30px;
    z-index: 2;
    width: 100%
}

@media screen and (min-width:550px) {
    .inbox__body {
        display: inline-block;
        float: left;
        margin-left: 200px;
        margin-top: 0
    }
}

.inbox__body:hover {
    cursor: pointer;
    background-color: #FFFF71
}

.inbox__body p.inbox__body-message {
    font-size: 12px;
    font-size: .75rem;
    color: #aaa;
    margin-top: 10px;
    padding: 0 10px
}

.inbox__body p.inbox__body-message strong {
    color: #666
}

.message-open {
    display: none
}

.message-open__form {
    margin-bottom: 30px
}

@media screen and (min-width:989px) {
    .message-open__form {
        padding-left: 100px;
        padding-right: 100px
    }
}

.message-open__delete-button.button {
    float: right;
    width: auto;
    padding: 7px 20px;
    position: relative;
    top: 18px
}

.message-open__button.form__button {
    width: auto;
    padding-left: 20px;
    padding-right: 20px
}

@media screen and (min-width:480px) {
    .message-open__button.form__button {
        padding-left: 35px;
        padding-right: 35px
    }
}

.message-open__button.button--outline {
    position: relative;
    top: -1px;
    margin-left: 30px
}

.message-open__reply.is-hidden {
    display: none
}

.conversation__item {
    zoom: 1;
    margin-bottom: 30px;
    border-bottom: 1px solid #ccc
}

.conversation__item:after,
.conversation__item:before {
    content: "";
    display: table
}

.conversation__item:after {
    clear: both
}

.conversation__figure {
    float: left
}

.conversation__image {
    width: 40px;
    height: 40px
}

.conversation__body {
    margin-left: 60px
}

.conversation__header {
    margin-bottom: 15px
}

.conversation__meta {
    color: #999
}

.sent__form {
    margin-bottom: 30px
}

@media screen and (min-width:989px) {
    .sent__form {
        padding-left: 100px;
        padding-right: 100px
    }
}

.sent__delete-button.button {
    float: right;
    width: auto;
    padding: 7px 20px;
    position: relative;
    top: 18px
}

.sent__button.form__button {
    width: auto;
    padding-left: 20px;
    padding-right: 20px
}

@media screen and (min-width:480px) {
    .sent__button.form__button {
        padding-left: 35px;
        padding-right: 35px
    }
}

.sent__button.button--outline {
    position: relative;
    top: -1px;
    margin-left: 30px
}

.sent__item {
    zoom: 1;
    transition: all .2s ease-in-out;
    padding-bottom: 10px;
    position: relative
}

.sent__item:after,
.sent__item:before {
    content: "";
    display: table
}

.sent__item:after {
    clear: both
}

.sent__item:not(last-child) {
    border-bottom: 1px solid #d8d8d8
}

.sent__item--unread .inbox__item-title {
    font-family: "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.sent__header {
    position: relative;
    display: inline-block;
    width: 100%
}

@media screen and (min-width:550px) {
    .sent__header {
        position: absolute;
        left: 0;
        width: 200px
    }
}

.sent__item-title {
    font-size: 16px;
    font-size: 1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    position: absolute;
    left: 40px;
    top: 10px;
    width: 200px
}

@media screen and (min-width:550px) {
    .sent__item-title {
        width: 140px
    }
}

.sent__body {
    height: 60px;
    overflow: hidden;
    position: relative;
    transition: .2s all ease-in-out
}

.sent__body:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(rgba(255, 255, 255, 0) 40%, #fff 100%);
    height: 30px;
    z-index: 2;
    width: 100%
}

@media screen and (min-width:550px) {
    .sent__body {
        display: inline-block;
        float: left;
        margin-left: 200px
    }
}

.sent__body:hover {
    cursor: pointer;
    background-color: #FFFF71
}

.sent__body p.sent__body-message {
    font-size: 12px;
    font-size: .75rem;
    color: #aaa;
    margin-top: 10px
}

.sent__body p.sent__body-message strong {
    color: #666
}

@media screen and (min-width:767px) {
    .notification .paper {
        min-height: 600px
    }
}

.notification__list {
    margin-top: 30px
}

.notification__item {
    zoom: 1;
    margin-bottom: 10px
}

.notification__item:after,
.notification__item:before {
    content: "";
    display: table
}

.notification__item:after {
    clear: both
}

.notification__item:not(last-child) {
    border-bottom: 1px solid #ccc
}

.notification__figure {
    float: left
}

.notification__image {
    width: 28px;
    height: 28px
}

.notification__body {
    zoom: 1;
    margin-left: 40px;
    position: relative
}

.notification__body:after,
.notification__body:before {
    content: "";
    display: table
}

.notification__body:after {
    clear: both
}

.notification__body p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 100%
}

@media screen and (min-width:550px) {
    .notification__body p {
        padding-right: 140px
    }
}

.notification__meta {
    display: none;
    font-size: 12px;
    font-size: .75rem
}

@media screen and (min-width:550px) {
    .notification__meta {
        display: block;
        position: absolute;
        right: 0;
        top: 5px;
        color: #999
    }
}

@media screen and (min-width:767px) {
    .connection .paper {
        min-height: 600px
    }
}

.connection__list {
    margin-top: 30px
}

.connection__item {
    zoom: 1;
    margin-bottom: 10px
}

.connection__item:after,
.connection__item:before {
    content: "";
    display: table
}

.connection__item:after {
    clear: both
}

.connection__item:not(last-child) {
    border-bottom: 1px solid #ccc
}

.connection__figure {
    float: left
}

.connection__image {
    width: 28px;
    height: 28px
}

.connection__body {
    zoom: 1;
    margin-left: 40px;
    position: relative
}

.connection__body:after,
.connection__body:before {
    content: "";
    display: table
}

.connection__body:after {
    clear: both
}

.connection__name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 100%;
    padding-right: 100px
}

@media screen and (min-width:550px) {
    .connection__name {
        padding-right: 140px
    }
}

.connection__action {
    font-size: 12px;
    font-size: .75rem;
    text-transform: uppercase;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    color: #999
}

.connection__action.button {
    padding: 2px 10px;
    width: 80px
}

@media screen and (min-width:600px) {
    .connection__action.button {
        width: 100px;
        padding: 2px 15px
    }
}

.connection__action--is-friend.button--outline,
.connection__action--is-friend.button--outline:active,
.connection__action--is-friend.button--outline:focus,
.connection__action--is-friend.button--outline:hover {
    border-color: #4285f4
}

.hardware__list {
    zoom: 1;
    margin-top: 40px
}

.hardware__list:after,
.hardware__list:before {
    content: "";
    display: table
}

.hardware__list:after {
    clear: both
}

.hardware__item {
    width: 100%;
    display: block;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 30px
}

@media screen and (min-width:480px) {
    .hardware__item {
        width: 50%;
        float: left;
        margin-bottom: 10px
    }
}

@media screen and (min-width:650px) {
    .hardware__item {
        width: 33.3333%;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px
    }
}

.hardware {
    border: 1px solid #ddd;
    border-radius: 2px;
    padding: 15px;
    transition: .2s all ease-in-out
}

.hardware:hover {
    border: 1px solid #bbb
}

.hardware__category {
    font-size: 15px;
    font-size: .9375rem;
    font-family: "Titillium Web Black", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: .005em;
    color: #999;
    display: block;
    margin-bottom: 10px
}

.hardware__figure {
    min-height: 160px;
    position: relative
}

.hardware__image {
    text-align: center;
    display: block;
    height: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto
}

.hardware__header {
    margin-top: 15px;
    padding-top: 15px;
    position: relative;
    min-height: 150px
}

@media screen and (max-width:767px) {
    .hardware__header {
        min-height: 100px
    }
}

.hardware__header:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 4px;
    background-color: #4285f4
}

.hardware__link {
    font-size: 18px;
    font-size: 1.125rem;
    font-family: "Titillium Web Black", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.3
}

.hardware__tagline {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.5;
    display: block;
    margin-top: 5px;
    color: #999
}

.hardware__description {
    margin-top: 15px;
    margin-bottom: 30px;
    font-size: 13px;
    font-size: .8125rem;
    color: #666
}

.hardware__button.button {
    font-size: 13px;
    font-size: .8125rem;
    text-transform: uppercase;
    display: block;
    padding: 5px 0;
    margin-bottom: 10px
}

.hardware__button.button:hover {
    border-color: #4285f4
}

.achievement-table {
    margin-top: 30px;
    margin-bottom: 30px
}

@media screen and (min-width:989px) {
    .achievement-table {
        margin-top: 50px;
        margin-bottom: 50px;
        padding-left: 100px;
        padding-right: 100px
    }
}

.achievement-table__row {
    zoom: 1;
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
    z-index: 2
}

.achievement-table__row:after,
.achievement-table__row:before {
    content: "";
    display: table
}

.achievement-table__row:after {
    clear: both
}

.achievement-table__row:not(first-child) {
    border-top: 1px solid #d2d4d3
}

.achievement-table__row:before {
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    display: block;
    z-index: 0;
    background: linear-gradient(-45deg, #ccc 40%, #ccc 100%);
    opacity: 0;
    transition: all .2s ease-in-out;
    border-radius: 3px
}

.achievement-table__row:hover:before {
    opacity: .2
}

@media screen and (max-width:767px) {
    .achievement-table .achievement-info {
        text-align: center;
        margin-bottom: 20px
    }
}

@media screen and (max-width:767px) {
    .achievement-info__image {
        margin-left: auto;
        margin-right: auto
    }
}

.achievement-info__title {
    font-size: 14px;
    font-size: .875rem;
    font-family: "Titillium Web Black", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin: 15px 0 0
}

.achievement-info__link {
    color: #4d4d4d
}

.achievement-info__link:active,
.achievement-info__link:focus,
.achievement-info__link:hover {
    color: #4d4d4d;
    box-shadow: inset 0 -3px 0 #4285f4
}

.achievement-info__meta {
    color: #9b9b9b;
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.3;
    margin-top: 5px
}

.achievement-info__date {
    font-family: "Titillium Web Semibold", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-right: 10px;
    position: relative;
    top: 1px
}

@media screen and (max-width:767px) {
    .achievement-info__date {
        display: block;
        margin: 0 0 5px
    }
}

.achievement-info__cta {
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    touch-action: manipulation;
    background-image: none;
    background-color: #4285f4;
    color: #fff;
    border: 1px solid transparent;
    white-space: nowrap;
    border-radius: 3px;
    font-weight: 400;
    font-size: 10px;
    font-size: .625rem;
    font-family: "Titillium Web Black", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: .08em;
    text-transform: uppercase;
    transition: all .3s;
    padding: 0 5px;
    display: inline-block
}

.achievement-info__cta:active,
.achievement-info__cta:focus,
.achievement-info__cta:hover {
    color: #fff;
    text-decoration: none
}

.achievement-info__cta--stats {
    background-color: #c8c8c8;
    margin-right: 5px
}

.achievement-info__cta--stats:active,
.achievement-info__cta--stats:hover {
    background-color: #bbb
}

.achievement-info__cta--stats:focus {
    background-color: #afafaf
}

.achievement-info__cta--stats .icon {
    width: 10px;
    height: 10px;
    margin-right: 3px;
    top: 2px;
    fill: #fff
}

.achievement-info__cta--watch {
    background-color: #fc0
}

.achievement-info__cta--watch:active,
.achievement-info__cta--watch:hover {
    background-color: #f0c000
}

.achievement-info__cta--watch:focus {
    background-color: #dbaf00
}

.achievement-info__cta--watch .icon {
    width: 8px;
    height: 8px;
    top: 1px;
    fill: #fff
}

.achievement-summary {
    text-align: center
}

@media screen and (min-width:767px) {
    .achievement-summary {
        text-align: right
    }
}

.achievement-summary__item {
    text-align: center;
    display: inline-block
}

.achievement-summary__item--placement {
    margin-left: 15px
}

@media screen and (min-width:767px) {
    .achievement-summary__item--placement {
        margin-left: 50px
    }
}

.achievement-summary__icon {
    width: 36px;
    height: 36px;
    margin-top: 5px
}

.achievement-summary__icon--money {
    fill: #299d39
}

.achievement-summary__icon--first-place {
    fill: #ffbf00
}

.achievement-summary__icon--second-place {
    fill: #c2c2c2
}

.achievement-summary__icon--third-place {
    fill: #f19348
}

.achievement-summary__icon--faded {
    opacity: .2
}

.achievement-summary__text {
    font-size: 14px;
    font-size: .875rem
}

.match-elo-ranking {
    margin-bottom: 60px
}

.match-money-ranking {
    margin-bottom: 30px
}

.reveal-sliced-elements {
    font-size: 14px;
    font-size: .875rem;
    font-family: "Titillium Web Black", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #999;
    margin-top: 5px;
    margin-bottom: 15px;
    padding-top: 5px;
    display: block;
    border-top: 4px solid #ccc;
    position: relative;
    top: -16px
}

.reveal-sliced-elements:hover {
    color: #666
}

.reveal-sliced-elements:hover .icon {
    fill: #666
}

.reveal-sliced-elements .icon {
    fill: #999;
    width: 12px;
    height: 12px;
    top: 3px
}

.match-table__row {
    zoom: 1;
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
    z-index: 2
}

.match-table__row:after,
.match-table__row:before {
    content: "";
    display: table
}

.match-table__row:after {
    clear: both
}

.match-table__row:not(first-child) {
    border-top: 1px solid #d2d4d3
}

.match-table__row:before {
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    display: block;
    z-index: 0;
    background: linear-gradient(-45deg, #ccc 40%, #ccc 100%);
    opacity: 0;
    transition: all .2s ease-in-out;
    border-radius: 3px
}

.match-table__row:hover:before {
    opacity: .2
}

.match-table__score {
    font-size: 38px;
    font-size: 2.375rem;
    font-family: "Titillium Web Black", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4d4d4d;
    text-align: center;
    height: 60px;
    line-height: 60px;
    display: block;
    margin: 0 auto
}

@media screen and (min-width:767px) and (max-width:989px) {
    .match-table__score {
        font-size: 32px;
        font-size: 2rem
    }
}

@media screen and (max-width:600px) {
    .match-table__score {
        font-size: 22px;
        font-size: 1.375rem
    }
}

@media screen and (min-width:989px) {
    .match-table__team-one {
        padding-left: 30px
    }
}

@media screen and (min-width:989px) {
    .match-table__team-two {
        padding-right: 30px
    }
}

@media screen and (max-width:767px) {
    .match-table .match-info {
        text-align: center;
        margin-bottom: 20px
    }
}

.match-info__title {
    font-size: 14px;
    font-size: .875rem;
    font-family: "Titillium Web Black", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin: 15px 0 0
}

.match-info__link {
    color: #4d4d4d;
    box-shadow: inset 0 -3px 0 transparent
}

.match-info__link:active,
.match-info__link:focus,
.match-info__link:hover {
    color: #4d4d4d;
    box-shadow: inset 0 -3px 0 #4285f4
}

.match-info__meta {
    color: #9b9b9b;
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.3;
    margin-top: 5px
}

.match-info__date {
    font-family: "Titillium Web Semibold", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-right: 10px;
    position: relative;
    top: 1px
}

@media screen and (max-width:989px) {
    .match-info__date {
        display: block;
        margin: 0 0 5px
    }
}

.match-info__cta {
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    touch-action: manipulation;
    background-image: none;
    background-color: #4285f4;
    color: #fff;
    border: 1px solid transparent;
    white-space: nowrap;
    border-radius: 3px;
    font-weight: 400;
    font-size: 10px;
    font-size: .625rem;
    font-family: "Titillium Web Black", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: .08em;
    text-transform: uppercase;
    transition: all .3s;
    padding: 0 5px;
    display: inline-block
}

.match-info__cta:active,
.match-info__cta:focus,
.match-info__cta:hover {
    color: #fff;
    text-decoration: none
}

.match-info__cta--stats {
    background-color: #c8c8c8;
    margin-right: 5px
}

.match-info__cta--stats:active,
.match-info__cta--stats:hover {
    background-color: #bbb
}

.match-info__cta--stats:focus {
    background-color: #afafaf
}

.match-info__cta--stats .icon {
    width: 10px;
    height: 10px;
    margin-right: 3px;
    top: 2px;
    fill: #fff
}

.match-info__cta--watch {
    background-color: #fc0
}

.match-info__cta--watch:active,
.match-info__cta--watch:hover {
    background-color: #f0c000
}

.match-info__cta--watch:focus {
    background-color: #dbaf00
}

.match-info__cta--watch .icon {
    width: 8px;
    height: 8px;
    top: 1px;
    fill: #fff
}

.match-stream {
    margin-bottom: 30px
}

.match-stream__controls {
    margin-top: 30px;
    text-align: center
}

.match-stream__button.button {
    font-size: 14px;
    font-size: .875rem;
    text-transform: uppercase;
    letter-spacing: .05em;
    font-family: "Titillium Web Black", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 7px 12px
}

.match-stream__button.button:not(first-child) {
    margin-left: 15px
}

.match-stream__button.button .match-stream__flag {
    width: 17px;
    margin-right: 10px;
    display: inline-block!important
}

.match-overview .team__name {
    color: #4d4d4d
}

.match-overview__score {
    font-size: 44px;
    font-size: 2.75rem;
    font-family: "Titillium Web Black", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4d4d4d;
    text-align: center;
    height: 60px;
    line-height: 60px;
    display: block;
    margin: 0 auto
}

@media screen and (max-width:600px) {
    .match-overview__score {
        font-size: 32px;
        font-size: 2rem
    }
}

.match-overview__score-post-data,
.match-overview__score-pre-data {
    font-size: 14px;
    font-size: .875rem;
    text-align: center;
    display: block
}

@media screen and (max-width:500px) {
    .match-overview__score-post-data,
    .match-overview__score-pre-data {
        font-size: 12px;
        font-size: .75rem
    }
}

.match-overview__form {
    border-top: 2px solid #ddd;
    margin-top: 20px
}

.match-overview__title {
    font-size: 14px;
    font-size: .875rem;
    letter-spacing: .05em;
    text-align: center;
    text-transform: uppercase;
    color: #999;
    margin-top: 20px
}

.player-lineup {
    zoom: 1;
    margin-bottom: 15px
}

.player-lineup:after,
.player-lineup:before {
    content: "";
    display: table
}

.player-lineup:after {
    clear: both
}

.player-lineup__figure {
    text-align: center
}

@media screen and (min-width:767px) {
    .player-lineup__figure {
        float: left
    }
}

@media screen and (min-width:767px) {
    .player-lineup__figure--right {
        float: right
    }
}

.player-lineup__image {
    border-radius: 2px;
    width: 80px;
    height: 80px;
    display: block;
    max-width: 100%
}

@media screen and (max-width:989px) {
    .player-lineup__image {
        width: 48px;
        height: 48px
    }
}

@media screen and (max-width:767px) {
    .player-lineup__image {
        margin-left: auto;
        margin-right: auto
    }
}

.player-lineup__data {
    overflow: auto;
    padding-left: 15px
}

.player-lineup__data--right {
    padding-left: 0
}

.player-lineup__title {
    font-size: 18px;
    font-size: 1.125rem;
    font-family: "Titillium Web Semibold", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1
}

.player-lineup__title:hover {
    text-decoration: underline
}

@media screen and (max-width:767px) {
    .player-lineup__title {
        display: none
    }
}

.player-lineup__subtitle {
    font-size: 14px;
    font-size: .875rem;
    color: #999;
    display: block
}

@media screen and (max-width:767px) {
    .player-lineup__subtitle {
        display: none
    }
}

.player-lineup__win-ratio {
    display: none
}

@media screen and (min-width:989px) {
    .player-lineup__win-ratio {
        font-size: 28px;
        font-size: 1.75rem;
        display: block;
        margin-top: 5px
    }
    .player-lineup__win-ratio small {
        font-size: 14px;
        font-size: .875rem;
        color: #999
    }
}

.match-formation__list {
    zoom: 1
}

.match-formation__list:after,
.match-formation__list:before {
    content: "";
    display: table
}

.match-formation__list:after {
    clear: both
}

.match-formation__item {
    float: left;
    display: block;
    width: 20%;
    text-align: center
}

@media screen and (max-width:500px) {
    .match-formation__item {
        width: 33.33%
    }
}

.match-formation__item .badge {
    font-family: "Titillium Web Semibold", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    font-size: 13px;
    font-size: .8125rem
}

@media screen and (min-width:767px) {
    .match-formation__item .badge {
        font-size: 16px;
        font-size: 1rem;
        width: 32px;
        height: 32px;
        line-height: 32px
    }
}

.match-overview--prior-games .team__logo-center {
    height: 90px
}

.match-overview--prior-games .paper-third__item {
    margin-top: 10px;
    margin-bottom: 10px
}

@media screen and (max-width:767px) {
    .match-more__title--tournament {
        margin-top: 50px
    }
}

.match-more .tile-small {
    padding: 5px 0;
    border-bottom: 0
}

.tournament-stream {
    margin-bottom: 30px
}

.tournament-stream__controls {
    margin-top: 30px;
    text-align: center
}

.tournament-stream__button.button {
    font-size: 14px;
    font-size: .875rem;
    text-transform: uppercase;
    letter-spacing: .05em;
    font-family: "Titillium Web Black", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 7px 12px
}

.tournament-stream__button.button:not(first-child) {
    margin-left: 15px
}

.tournament-stream__button.button .tournament-stream__flag {
    width: 17px;
    margin-right: 10px;
    display: inline-block!important
}

.match-attending-teams .user {
    margin-bottom: 0
}

.match-attending-teams .user__figure {
    float: none
}

@media screen and (max-width:767px) {
    .match-group-stage .table--finished-matches {
        margin-bottom: 60px
    }
}

.paper {
    background-color: #fff;
    padding: 30px 5px 0;
    box-shadow: 0 0 15px rgba(0, 0, 0, .08)
}

@media screen and (min-width:600px) {
    .paper {
        padding: 30px 15px
    }
}

@media screen and (min-width:1199px) {
    .paper {
        padding: 30px 45px
    }
}

.paper .container {
    width: 100%
}

@media screen and (min-width:989px) {
    .sidebar-border {
        border-right: 1px solid #ddd
    }
}

@media screen and (min-width:989px) {
    .have-sidebar .paper-content {
        padding-right: 15px
    }
}

@media screen and (min-width:1199px) {
    .have-sidebar {
        padding-right: 30px
    }
    .have-sidebar .paper-content {
        padding-right: 60px
    }
}

@media screen and (min-width:1199px) {
    .paper-narrow {
        padding-left: 100px;
        padding-right: 100px
    }
}

.paper-half {
    zoom: 1
}

.paper-half:after,
.paper-half:before {
    content: "";
    display: table
}

.paper-half:after {
    clear: both
}

@media screen and (min-width:767px) {
    .paper-half__item {
        float: left;
        display: block;
        width: 50%
    }
    .paper-half__item:nth-child(2n+1) {
        padding-right: 15px
    }
    .paper-half__item:nth-child(2n) {
        padding-left: 15px
    }
}

@media screen and (min-width:767px) {
    .paper-half.vertical-separator .paper-half__item:last-child {
        position: relative
    }
    .paper-half.vertical-separator .paper-half__item:last-child:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 2px;
        background-color: #ddd
    }
}

@media screen and (min-width:767px) {
    .paper-half.horizontal-separator {
        margin-bottom: 60px
    }
}

@media screen and (min-width:989px) {
    .paper-half.padding-30 .paper-half__item:nth-child(2n+1) {
        padding-right: 30px
    }
    .paper-half.padding-30 .paper-half__item:nth-child(2n) {
        padding-left: 30px
    }
}

@media screen and (min-width:989px) {
    .paper-half.padding-60 .paper-half__item:nth-child(2n+1) {
        padding-right: 60px
    }
    .paper-half.padding-60 .paper-half__item:nth-child(2n) {
        padding-left: 60px
    }
}

.paper-third {
    zoom: 1
}

.paper-third:after,
.paper-third:before {
    content: "";
    display: table
}

.paper-third:after {
    clear: both
}

.paper-third.with-border {
    border-bottom: 1px solid #ddd
}

.paper-third__item {
    float: left;
    display: block;
    width: 33.333%
}

.paper-third__item:first-child {
    padding-right: 15px
}

.paper-third__item:nth-child(2) {
    padding-left: 15px;
    padding-right: 15px
}

.paper-third__item:last-child {
    padding-left: 15px
}

.paper-content {
    font-family: "Open Sans Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-top: 15px
}

.paper-content h1,
.paper-content h2,
.paper-content h3,
.paper-content h4,
.paper-content h5,
.paper-content h6 {
    font-family: "Titillium Web Black", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.paper-content p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.54;
    margin-bottom: 25px
}

.paper-content p a:hover {
    text-decoration: underline
}

.paper-content strong {
    font-family: "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400
}

.paper-content figure {
    margin-top: 50px;
    margin-bottom: 0px
}

.paper-content img {
    display: block;
    max-width: 100%;
    height: auto
}

.paper-content figcaption {
    margin-top: 10px;
    font-size: 15px;
    font-size: .9375rem;
    color: #999
}

.paper-content blockquote {
    margin-top: 50px;
    margin-bottom: 50px;
    border-left: 15px solid #f5f5f5;
    position: relative;
    padding-top: 30px
}

.paper-content blockquote:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 15px;
    background-color: #f5f5f5
}

.paper-content blockquote,
.paper-content blockquote p {
    font-family: "Titillium Web Black", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 28px;
    font-size: 1.75rem
}

@media screen and (max-width:767px) {
    .paper-content blockquote,
    .paper-content blockquote p {
        padding-right: 0
    }
}

.paper-content ul {
    padding: 0;
    margin-bottom: 30px
}

.paper-content li {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.8;
    list-style-type: none
}

.paper-carousel {
    margin-left: -5px;
    margin-right: -5px
}

.paper-carousel__control-n,
.paper-carousel__control-p {
    position: absolute;
    z-index: 2;
    top: 45%;
    width: 50px;
    height: 50px;
    background-color: #4285f4;
    border-radius: 50%;
    transition: all .2s ease-in-out
}

.paper-carousel__control-n:hover,
.paper-carousel__control-p:hover {
    background-color: #2a75f3
}

@media screen and (max-width:600px) {
    .paper-carousel__control-n,
    .paper-carousel__control-p {
        width: 36px;
        height: 36px;
        top: 40%
    }
}

.paper-carousel__control-p {
    left: -20px
}

.paper-carousel__control-p .paper-carousel__icon {
    left: 10px
}

@media screen and (max-width:600px) {
    .paper-carousel__control-p .paper-carousel__icon {
        left: 9px
    }
}

.paper-carousel__control-n {
    right: -20px
}

.paper-carousel__control-n .paper-carousel__icon {
    left: 15px
}

@media screen and (max-width:600px) {
    .paper-carousel__control-n .paper-carousel__icon {
        left: 12px
    }
}

.paper-carousel__icon {
    fill: #fff;
    top: 13px;
    width: 24px;
    height: 24px
}

@media screen and (max-width:600px) {
    .paper-carousel__icon {
        top: 10px;
        width: 16px;
        height: 16px
    }
}

.paper-carousel .slick-dots {
    bottom: -60px
}

.paper-carousel .slick-dots li button:before {
    transition: all .2s ease-in-out;
    color: rgba(66, 133, 244, .7)
}

.paper-carousel .slick-dots li.slick-active button:before {
    color: #4285f4
}

.paper-carousel .slick-slide {
    padding-right: 5px;
    padding-left: 5px
}

@media screen and (min-width:1199px) {
    .paper-sidebar {
        padding-left: 40px
    }
}

.paper-sidebar--news,
.paper-sidebar--video {
    margin-top: 15px
}

.paper-sidebar__header {
    zoom: 1;
    border-bottom: 1px solid #ddd
}

.paper-sidebar__header:after,
.paper-sidebar__header:before {
    content: "";
    display: table
}

.paper-sidebar__header:after {
    clear: both
}

.paper-sidebar__title {
    font-family: "Titillium Web Semibold", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-size: 1.125rem;
    margin-top: 0
}

.paper-sidebar__view-all-cta {
    float: right;
    color: #999
}

.paper-sidebar__view-all-cta:active,
.paper-sidebar__view-all-cta:hover {
    color: #666
}

@media screen and (max-width:767px) {
    .paper-content .match-info__image {
        margin-left: auto;
        margin-right: auto
    }
}

.paper-content .team__figure {
    margin: 0
}

.paper-content .team__logo {
    max-width: 60px
}

.paper-content .match-table__score {
    font-size: 28px;
    font-size: 1.75rem
}

.paper-content .tile-title {
    font-family: "Titillium Web Semibold", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.paper-content .tab-nav__list {
    margin-bottom: 0
}

.paper-content .tab-group {
    margin-top: 15px
}

.paper-content .widget--paper .tile-title--emphasized {
    font-family: "Titillium Web Black", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.paper-content .conversation__figure {
    margin: 0
}

.paper-content .conversation__user-name {
    margin-top: 0;
    margin-bottom: 3px;
    font-family: "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif
}

@media screen and (max-width:767px) {
    .paper-content .conversation__body p {
        font-size: 14px;
        font-size: .875rem
    }
}

.paper-content .notification__figure {
    margin: 0
}

.paper-content .notification__body p {
    margin-top: 5px;
    margin-bottom: 15px;
    font-size: 14px;
    font-size: .875rem
}

.paper-content .notification__body a {
    font-family: "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.paper-content .connection__figure {
    margin: 0
}

.paper-content .connection__name {
    font-size: 14px;
    font-size: .875rem;
    font-family: "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 15px;
    display: block
}

.list-info__flag {
    display: inline-block;
    width: 16px;
    height: 11px;
    margin-left: 3px;
    margin-right: 3px;
    display: inline !important;
}

.paper-content .hardware__description {
    font-size: 14px;
    font-size: .875rem
}

.paper-content .hardware__image {
    width: auto;
    max-width: 120px
}

.paper-content .achievement-summary__item {
    margin-top: 0;
    margin-bottom: 0
}

.paper-content .achievement-summary__text {
    font-size: 14px;
    font-size: .875rem;
    color: #666;
    margin-top: 5px
}

.paper-content .guestbook__figure {
    margin: 0
}

.paper-content .guestbook__header {
    font-family: "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.paper-content .guestbook__header a {
    color: #666
}

.paper-content .guestbook__body p {
    font-size: 14px;
    font-size: .875rem;
    margin-bottom: 0
}

.button {
    font-family: "Titillium Web Semibold", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    touch-action: manipulation;
    background-image: none;
    background-color: #4285f4;
    color: #fff;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 12px 20px;
    border-radius: 3px;
    font-weight: 400
}

.button:active,
.button:focus,
.button:hover {
    color: #fff;
    text-decoration: none
}

.button--blue:active,
.button--blue:hover {
    background-color: #286ee0
}

.button--blue:focus {
    background-color: #15c
}

.button--orange {
    background-color: #fc0
}

.button--orange:active,
.button--orange:hover {
    background-color: #f0c000
}

.button--orange:focus {
    background-color: #dbaf00
}

.button--silver {
    background-color: #c8c8c8
}

.button--silver:active,
.button--silver:hover {
    background-color: #bbb
}

.button--silver:focus {
    background-color: #afafaf
}

.button--facebook {
    background-color: #3b5998
}

.button--facebook:active,
.button--facebook:hover {
    background-color: #344e86
}

.button--facebook:focus {
    background-color: #2d4373
}

.button--outline {
    color: #286ee0;
    border: 2px solid #ccc;
    border-radius: 3px;
    background-color: transparent
}

.button--outline:active,
.button--outline:hover {
    background-color: transparent;
    color: #15c;
    border-color: #bfbfbf
}

.button--outline:focus {
    color: #15c;
    border-color: #b3b3b3
}

.button--link {
    color: #286ee0;
    text-decoration: underline;
    border: 0;
    background: 0 0;
    padding: 0
}

.button--link:hover {
    text-decoration: none
}

.button--link:active {
    outline: 0
}

.disabled {
    pointer-events: none;
    opacity: .5
}

input[type=email],
input[type=number],
input[type=passwod],
input[type=search],
input[type=text],
input[type=url],
textarea {
    width: 100%
}

input[disabled] {
    transition: all .3s ease-in-out;
    opacity: .4
}

textarea {
    resize: vertical
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0
}

legend {
    font-size: 24px;
    font-size: 1.5rem;
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 22px;
    line-height: inherit;
    border: 0
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700
}

input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

input[type=checkbox],
input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal
}

input[type=file] {
    display: block
}

input[type=search] {
    -webkit-appearance: none
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type=date],
    input[type=time],
    input[type=datetime-local],
    input[type=month] {
        line-height: 36px
    }
}

fieldset[disabled] input[type=checkbox],
fieldset[disabled] input[type=radio],
input[type=checkbox][disabled],
input[type=radio][disabled] {
    cursor: not-allowed
}

::-webkit-input-placeholder {
    color: #999
}

:-moz-placeholder {
    color: #555
}

::-moz-placeholder {
    color: #555
}

:-ms-input-placeholder {
    color: #555
}

.select {
    border: 1px solid #ccc;
    overflow: hidden;
    height: 36px;
    line-height: 32px;
    position: relative;
    display: block
}

.select:before {
    content: "";
    border: 6px solid transparent;
    border-top-color: #676767;
    top: 50%;
    right: 10px;
    margin-top: -3px;
    pointer-events: none;
    position: absolute
}

.select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 120%;
    height: 36px;
    padding: 0;
    line-height: normal;
    border: 0;
    background: 0 0;
    display: block
}

.select select:focus {
    outline: 0
}

code,
kbd,
pre,
samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}

code {
    font-size: 16px;
    font-size: 1rem;
    padding: 2px 4px;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px
}

pre {
    display: block;
    padding: 11px;
    margin: 0 0 11px;
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.42857143;
    word-break: break-all;
    word-wrap: break-word;
    color: #555;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0
}

blockquote {
    font-size: 18px;
    font-size: 1.125rem;
    padding: 11px 22px;
    margin: 0 0 22px;
    border-left: 5px solid #4285f4
}

blockquote ol:last-child,
blockquote p:last-child,
blockquote ul:last-child {
    margin-bottom: 0
}

blockquote footer,
blockquote small {
    font-size: 16px;
    font-size: 1rem;
    display: block;
    line-height: 1.42857143
}

blockquote footer:before,
blockquote small:before {
    content: '\2014 \00A0'
}

ol,
ul {
    margin-top: 0;
    margin-bottom: 11px
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

ol li,
ul li {
    margin-bottom: 5px
}

dl {
    margin-top: 0;
    margin-bottom: 22px
}

dd,
dt {
    line-height: 1.42857143
}

dd {
    margin-left: 0
}

.list-info {
    zoom: 1;
    font-size: 14px;
    font-size: .875rem
}

.list-info:after,
.list-info:before {
    content: "";
    display: table
}

.list-info:after {
    clear: both
}

.list-info__term {
    font-family: "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 10px 0 0;
    border-right: 0 !important;
    vertical-align: top;
}

@media screen and (min-width:767px) {
    .list-info__term {
        /*float: left;*/
        width: 250px;
        border-bottom: 1px solid #ccc;
        padding: 15px 0
    }
}

.list-info__description {
    font-family: "Open Sans Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 0 0 10px;
    border-bottom: 1px solid #ccc
}

@media screen and (min-width:767px) {
    .list-info__description {
        padding: 15px 0;
        margin-left: 250px
    }
}

.list-info__description-icon {
    width: 15px;
    height: 15px;
    margin-right: 5px;
    top: 2px
}

.list-info .no-border {
    border: none
}

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

.list-unstyled li {
    margin: 0;
    padding: 0
}

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

.list-inline li {
    margin: 0;
    padding: 0;
    display: inline-block
}

caption {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: normal;
    font-weight: 700;
    text-align: left;
    padding: .5em 0;
    border-bottom: 1px solid #d2d4d3
}

table {
    font-size: 15px;
    font-size: .9375rem;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin: 1em 0;
    text-align: left
}

@media screen and (max-width:600px) {
    table {
        font-size: 13px;
        font-size: .8125rem
    }
}

table tbody th,
table tfoot th,
table thead th {
    font-size: 12px;
    font-size: .75rem;
    font-family: "Titillium Web Black", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #666;
    padding: .8em .5em;
    border-bottom: 4px solid #666
}

table tbody td,
table tfoot td,
table thead td {
    color: #666;
    padding: .8em .5em;
    border-bottom: 1px solid #ccc
}

table tbody td:not(last-child),
table tfoot td:not(last-child),
table thead td:not(last-child) {
    border-right: 1px solid #ccc
}

table tbody td.no-border,
table tfoot td.no-border,
table thead td.no-border {
    border-right: 0
}

table tbody .cell-team-member,
table tfoot .cell-team-member,
table thead .cell-team-member {
    width: 40px
}

@media screen and (max-width:600px) {
    table tbody .cell-team-member,
    table tfoot .cell-team-member,
    table thead .cell-team-member {
        padding-left: 5px;
        padding-right: 5px;
        width: 28px
    }
}

table tbody .cell-team-flag,
table tfoot .cell-team-flag,
table thead .cell-team-flag {
    width: 18px;
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: -2px
}

table tbody .cell-small,
table tfoot .cell-small,
table thead .cell-small {
    width: 5%;
    text-align: center
}

@media screen and (max-width:600px) {
    table tbody .cell-small,
    table tfoot .cell-small,
    table thead .cell-small {
        padding-left: 5px;
        padding-right: 5px
    }
}

table tbody .cell-small.no-border,
table tfoot .cell-small.no-border,
table thead .cell-small.no-border {
    border-right: 0
}

table tbody .cell-result,
table tfoot .cell-result,
table thead .cell-result {
    font-family: "Titillium Web Black", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
    width: 15%
}

table tbody .align-right,
table tfoot .align-right,
table thead .align-right {
    text-align: right
}

tbody tr {
    transition: all .2s ease-in-out
}

tbody tr.highlight-row:hover td,
tbody td:hover {
    background-color: rgba(204, 204, 204, .15)
}

tbody tr:last-child td {
    border-bottom: 0
}

.table--finished-matches td {
    width: 33.333%
}

.table__link {
    font-family: "Titillium Web Semibold", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.table__link:hover {
    cursor: pointer;
    background: #4285f4
}

.table__link:hover td {
    color: #fff
}

.table-background {
    background-repeat: no-repeat;
    background-position: center
}

.table-background--counter-strike {
    background-image: url(//s.sk-gaming.com/www5/image/games/table-counter-strike.png)
}

.table-background--fifa {
    background-image: url(//s.sk-gaming.com/www5/image/games/table-fifa.png)
}

.table-background--lol {
    background-image: url(//s.sk-gaming.com/www5/image/games/table-lol.png)
}

@media screen and (max-width:767px) {
    .table-scroll-indicator {
        position: relative
    }
    .table-scroll-indicator:before {
        content: '';
        position: absolute;
        z-index: 5;
        pointer-events: none;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-shadow: inset 20px 0 20px -20px rgba(0, 0, 0, .2), inset -20px 0 20px -20px rgba(0, 0, 0, .2)
    }
}

.table-wrapper-scrollable {
    overflow: auto
}

@media screen and (max-width:767px) {
    .table-wrapper-scrollable table {
        width: 1000px;
        margin: 0
    }
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.image-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

.image-left {
    float: left;
    margin-right: 20px
}

.image-right {
    float: right;
    margin-left: 20px
}

.svg-holder {
    display: none
}

.video-aspect-ratio {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden
}

.video-aspect-ratio iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.badge {
    font-size: 14px;
    font-size: .875rem;
    font-family: "Titillium Web Semibold", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    color: #fff;
    background-color: #fc3848;
    display: inline-block;
    vertical-align: middle;
    border-radius: 2px;
    border: 1px solid #ed1c24;
    padding: 5px 12px
}

.badge--circle {
    line-height: 20px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    padding: 0
}

.badge--circle .icon {
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.badge--win {
    background-color: #39b54a;
    border-color: #299d39
}

.badge--lost {
    background-color: #bd4832
}

.page-header {
    background: #fff;
    position: relative;
    box-shadow: 0 10px 10px -6px rgba(0, 0, 0, .1)
}

.page-header .container {
    padding-left: 0;
    padding-right: 0;
    width: 100%
}

.page-header__social-nav {
    margin-top: 27px;
    margin-left: 30px
}

.page-header__social-nav-mobile {
    padding: 15px 10px 20px;
    border-bottom: 1px solid #f6f6f6;
    zoom: 1
}

.page-header__social-nav-mobile:after,
.page-header__social-nav-mobile:before {
    content: "";
    display: table
}

.page-header__social-nav-mobile:after {
    clear: both
}

.page-header__social-nav-mobile .social__item {
    width: 20%;
    float: left
}

.page-header__social-nav-mobile .social__item:not(first-child) {
    padding-left: 0
}

.page-header__social-nav-mobile .social__item:not(last-child) {
    padding-right: 0
}

.page-header__figure {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px
}

@media screen and (max-width:767px) {
    .page-header__logo-image {
        display: block;
        max-width: 150px;
        height: auto;
        margin-left: 15px
    }
}

.page-header__search-link {
    margin-top: 30px;
    margin-right: 30px;
    float: right
}

.page-nav {
    zoom: 1;
    background-color: #fff;
    border-top: 2px solid #f6f6f6;
    position: relative;
    z-index: 2
}

.page-nav:after,
.page-nav:before {
    content: "";
    display: table
}

.page-nav:after {
    clear: both
}

.page-nav__list {
    zoom: 1;
    list-style: none;
    padding: 0;
    margin: 0 auto;
    text-align: center
}

.page-nav__list:after,
.page-nav__list:before {
    content: "";
    display: table
}

.page-nav__list:after {
    clear: both
}

@media screen and (min-width:767px) {
    .page-nav__list {
        width: 767px
    }
}

@media screen and (min-width:989px) {
    .page-nav__list {
        width: 989px
    }
}

@media screen and (min-width:1199px) {
    .page-nav__list {
        width: 1200px
    }
}

@media screen and (max-width:767px) {
    .page-nav__list {
        display: none
    }
}

.page-nav__item {
    margin: 0;
    padding: 0 5px;
    display: block;
    width: 16.666666667%;
    line-height: 1;
    float: left
}

@media screen and (min-width:767px) {
    .page-nav__item:first-child {
        padding-left: 0;
        margin-left: 0
    }
    .page-nav__item:last-child {
        padding-right: 0;
        margin-right: 0
    }
}

@media screen and (max-width:767px) {
    .page-nav__item {
        float: none;
        width: 100%;
        padding: 0
    }
}

.page-nav__link {
    font-size: 13px;
    font-size: .8125rem;
    font-family: "Titillium Web Semibold", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #666;
    padding: 10px 0;
    display: block;
    border-bottom: 3px solid #ccc
}

.page-nav__link:focus,
.page-nav__link:hover {
    color: #4285f4;
    border-color: #4285f4
}

@media screen and (max-width:767px) {
    .page-nav__link {
        padding: 20px 0
    }
}

.page-nav__link.is-active {
    color: #4285f4;
    border-bottom: 3px solid #4285f4
}

.page-nav--mobile-partial {
    zoom: 1
}

.page-nav--mobile-partial:after,
.page-nav--mobile-partial:before {
    content: "";
    display: table
}

.page-nav--mobile-partial:after {
    clear: both
}

@media screen and (min-width:767px) {
    .page-nav--mobile-partial {
        display: none
    }
}

@media screen and (max-width:767px) {
    .page-nav--mobile-partial {
        border-bottom: 1px solid #f6f6f6
    }
    .page-nav--mobile-partial .search__link {
        padding: 3px 0 9px 15px
    }
    .page-nav--mobile-partial .search__icon-loupe {
        top: 6px;
        margin-right: 5px
    }
}

.page-nav-button {
    font-size: 14px;
    font-size: .875rem;
    font-family: "Titillium Web Semibold", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #999;
    display: inline-block;
    letter-spacing: .05em;
    text-transform: uppercase;
    padding: 2px 15px 10px 0;
    float: right
}

.page-nav-button:active,
.page-nav-button:hover {
    color: #4d4d4d
}

.page-nav-button:active .icon--menu-bar,
.page-nav-button:hover .icon--menu-bar {
    background: #4d4d4d
}

.page-nav-button:focus {
    color: #999
}

.page-nav-button:focus .icon--menu-bar {
    background: #999
}

.page-footer {
    background: #fff;
    box-shadow: 0 -10px 10px -6px rgba(0, 0, 0, .04)
}

@media screen and (max-width:767px) {
    .page-footer {
        text-align: center
    }
}

.page-footer__figure {
    padding: 55px 0 30px
}

@media screen and (min-width:767px) {
    .page-footer__logo-image {
        margin-left: 11px
    }
}

@media screen and (max-width:767px) {
    .page-footer__social-nav {
        margin-bottom: 25px
    }
}

.page-footer__social-nav .icon {
    fill: #ccc;
    width: 24px;
    height: 24px
}

.page-footer__title {
    font-size: 20px;
    font-size: 1.25rem;
    font-family: "Titillium Web Black", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: .03em;
    color: #666;
    margin-top: 55px
}

@media screen and (max-width:767px) {
    .page-footer__title {
        margin-top: 25px
    }
}

.page-footer-nav__list {
    margin: 0;
    padding: 0
}

.page-footer-nav__item {
    list-style-type: none
}

.page-footer-nav__link {
    font-size: 14px;
    font-size: .875rem;
    font-family: "Titillium Web Semibold", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #a1a1a1
}

.page-footer-nav__link:active,
.page-footer-nav__link:hover {
    color: #666
}

.page-footer-nav__link:focus {
    color: #4d4d4d
}

.imprint {
    zoom: 1;
    font-size: 14px;
    font-size: .875rem;
    padding: 15px 0;
    margin-top: 35px;
    border-top: 1px solid #e5e5e5
}

.imprint:after,
.imprint:before {
    content: "";
    display: table
}

.imprint:after {
    clear: both
}

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

.imprint__copyrights {
    display: inline-block;
    color: #c8c8c8
}

@media screen and (min-width:767px) {
    .imprint__copyrights {
        text-align: center
    }
}

.imprint__nav {
    text-align: center
}

@media screen and (min-width:767px) {
    .imprint__nav {
        float: right
    }
}

.imprint__list {
    text-align: center;
    list-style-type: none;
    padding-left: 0
}

@media screen and (min-width:767px) {
    .imprint__list {
        margin-bottom: 0
    }
}

.imprint__item {
    display: inline-block;
    padding: 0 10px
}

.imprint__item:last-child {
    position: relative
}

.imprint__item:last-child:before {
    content: '•';
    position: absolute;
    left: -5px;
    color: #ccc
}

.imprint__link {
    color: #c8c8c8;
    font-family: "Titillium Web Semibold", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.imprint__link:focus,
.imprint__link:hover {
    color: #666
}

.imprint__link:focus {
    color: #4d4d4d
}

.form {
    zoom: 1
}

.form:after,
.form:before {
    content: "";
    display: table
}

.form:after {
    clear: both
}

.form__input {
    width: 100%;
    padding: 8px 15px;
    line-height: 24.2px;
    border-radius: 3px;
    border: 1px solid #ccc;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: 0;
    transition: all .3s ease-in-out
}

.form__input:focus {
    border-color: #4b7af7
}

.form__input--error {
    border-color: #ff4622;
    background: #ffdbd5
}

.form__input--error:focus,
.form__input--error:hover {
    border-color: #ff4622
}

.form__input--alert {
    border-color: #ffa530;
    background: #fff3e3
}

.form__input--alert:focus,
.form__input--alert:hover {
    border-color: #ffa530
}

.form__input--success {
    border-color: #6ebb6e;
    background: #e8f4e8
}

.form__input--success:focus,
.form__input--success:hover {
    border-color: #6ebb6e
}

.form__input--textarea {
    min-height: 150px;
    line-height: 1.5;
    padding-top: 15px
}

.form__input--date {
    padding-top: 2px;
    padding-bottom: 2px
}

.form__select {
    line-height: 38px;
    display: block;
    width: 100%;
    height: 42px
}

.form__label {
    font-size: 14px;
    font-size: .875rem;
    font-family: "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.form__label:hover {
    cursor: pointer
}

.form__label--checkbox {
    font-weight: 400;
    font-family: "Open Sans Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1
}

.form__label--radio {
    display: block;
    margin-bottom: 15px
}

.form__label--upload {
    display: block
}

.form__button {
    font-family: "Titillium Web Semibold", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    width: 100%;
    border: none;
    border-radius: 3px;
    color: #fff;
    padding: 14px 15px;
    transition: all .3s ease-in-out
}

.form__button--submit {
    background: #558ce6
}

.form__button--submit:hover {
    background: #286ee0
}

.form__button--submit:focus {
    background: #1e62d0
}

.form__button--cancel {
    background: #ff7155
}

.form__button--cancel:hover {
    background: #ff4622
}

.form__button--cancel:focus {
    background: #ff3108
}

.form__checkbox {
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}

.form__checkbox[type=checkbox]:checked+.form__label .form__checkbox-replacement {
    border-color: #4b7af7;
    background-color: #4b7af7;
    background-repeat: no-repeat;
    background-position: center center
}

.form__checkbox[type=checkbox]:checked+.form__label .form__checkbox-replacement .icon-check {
    transform: scale(1)
}

.form__checkbox[type=checkbox]:focus+.form__label .form__checkbox-replacement {
    outline: #000 dotted 1px;
    outline: -webkit-focus-ring-color auto
}

.form__checkbox-replacement {
    width: 1.8em;
    height: 1.8em;
    background-color: transparent;
    border: 2px solid #ccc;
    border-radius: 2px;
    display: inline-block;
    position: relative;
    top: 13px;
    margin-right: 15px;
    transition: .1s ease background-color
}

.form__checkbox-replacement .icon-check {
    fill: #fff;
    position: absolute;
    top: 3px;
    left: 3px;
    width: 1em;
    height: 1em;
    transform: scale(0);
    transition: transform .18s ease-in-out
}

.form__radio[type=radio] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.form__radio[type=radio]+.form__radio-replacement {
    display: block;
    position: relative;
    font-family: "Open Sans Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400
}

.form__radio[type=radio]+.form__radio-replacement:before {
    content: '';
    display: inline-block;
    width: 1.6em;
    height: 1.6em;
    vertical-align: -.5em;
    border-radius: 1em;
    border: .18em solid #fff;
    box-shadow: 0 0 0 2px #ccc;
    margin-right: 7px;
    transition: .3s ease all
}

.form__radio[type=radio]:checked+.form__radio-replacement:before {
    background: #4b7af7;
    box-shadow: 0 0 0 2px #ccc
}

.form__radio[type=radio]:focus+.form__radio-replacement:after {
    content: '\0020\2193';
    position: absolute;
    left: .5em;
    top: -1.5em;
    color: #666
}

.form__upload {
    display: inline-block;
    z-index: 1;
    position: absolute;
    top: 40px;
    margin-left: 27px
}

.form__upload-replacement {
    position: relative;
    z-index: 5
}

.form-message__hint {
    color: #999;
    display: block;
    margin-top: 10px;
    padding: 0;
    font-size: 13px;
    font-size: .8125rem;
    font-family: "Open Sans Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    letter-spacing: -.015em
}

.form-message__checkbox-hint {
    color: #999;
    display: block;
    margin-left: 40px;
    padding: 0;
    font-size: 13px;
    font-size: .8125rem;
    font-family: "Open Sans Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    letter-spacing: -.015em
}

.form-message__input {
    font-size: 12px;
    font-size: .75rem;
    text-transform: uppercase;
    text-align: center;
    line-height: 1;
    padding: 3px;
    color: #fff;
    margin: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    position: absolute;
    bottom: -18px;
    left: 0;
    right: 0
}

.form-message__input--error {
    background: #ff4622
}

.form-message__input--alert {
    background: #ffa530
}

.form-message__input--success {
    background: #6ebb6e
}

.holder {
    zoom: 1;
    position: relative;
    margin-bottom: 25px
}

.holder:after,
.holder:before {
    content: "";
    display: table
}

.holder:after {
    clear: both
}

@media screen and (min-width:767px) {
    .holder__half {
        width: 50%;
        float: left;
        position: relative
    }
    .holder__half:nth-child(1) {
        padding-right: 15px
    }
    .holder__half:nth-child(2) {
        padding-left: 15px
    }
}

@media screen and (max-width:767px) {
    .holder__half:first-child {
        margin-bottom: 25px
    }
}

.overlay {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 25px;
    overflow: auto;
    position: fixed;
    background-color: rgba(241, 241, 241, .96);
    opacity: 0;
    height: 100vh;
    top: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    transition: top .3s ease-in-out, opacity .35s ease-in-out
}

.overlay.js-overlay-in {
    top: 0;
    opacity: 1
}

.overlay-content--animated {
    animation-name: fadeInDown;
    animation-delay: .3s;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.overlay-close {
    text-align: center;
    line-height: 25px;
    padding: 0;
    border-radius: 50%;
    display: inline-block;
    width: 36px;
    height: 36px;
    position: absolute;
    right: 30px;
    top: 30px;
    z-index: 101
}

.overlay-close--animated {
    animation-name: fadeIn;
    animation-delay: .2s;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.js-overlay-active {
    overflow-y: hidden
}

.tab-nav {
    text-align: center
}

.tab-nav__list {
    zoom: 1;
    border-bottom: 2px solid #e5e5e5;
    margin: 0 0 -5px;
    padding: 0;
    display: inline-block;
    width: 100%
}

.tab-nav__list:after,
.tab-nav__list:before {
    content: "";
    display: table
}

.tab-nav__list:after {
    clear: both
}

.tab-nav__list.no-border {
    border: none
}

.tab-nav__list--left,
.tab-nav__list--right {
    margin-bottom: 0
}

@media screen and (min-width:600px) {
    .tab-nav__list--right {
        text-align: right;
        margin-bottom: 0
    }
}

@media screen and (min-width:600px) {
    .tab-nav__list--left {
        text-align: left
    }
}

.tab-nav__item {
    display: inline-block;
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 0
}

.tab-nav__item.is-active .tab-nav__link,
.tab-nav__item.is-active .tab-nav__link-redirect {
    color: #666;
    border-bottom: 4px solid #4285f4
}

.tab-nav__link,
.tab-nav__link-redirect {
    font-size: 12px;
    font-size: .75rem;
    font-family: "Titillium Web Black", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: .05em;
    text-transform: uppercase;
    display: block;
    padding: 12px;
    color: #c8c8c8;
    border-bottom: 4px solid transparent
}

.tab-nav__link-redirect:hover,
.tab-nav__link:hover {
    color: #666;
    text-decoration: none
}

.tab-nav__link-redirect:active,
.tab-nav__link-redirect:focus,
.tab-nav__link:active,
.tab-nav__link:focus {
    color: #666
}

.tab-nav__icon {
    width: 10px;
    height: 10px;
    margin-right: 5px
}

.tab-nav__icon--pro {
    fill: #fc0;
    top: 1px
}

.tab-nav__separator {
    margin: 0;
    border-top: 2px solid #e5e5e5
}

.tab-group {
    margin-top: 30px
}

.tab-item {
    display: none
}

.tab-item.is-active {
    display: block
}

@media screen and (max-width:520px) {
    .tab-nav--social .tab-nav__item {
        width: 30%
    }
    .tab-nav--social .tab-nav__link {
        padding: 12px 0
    }
}

@media screen and (max-width:520px) {
    .tab-nav--about .tab-nav__item {
        width: 30%
    }
    .tab-nav--about .tab-nav__link {
        padding: 12px 0
    }
}

.about .tab-nav__item.is-active .tab-nav__link-redirect,
.messages .tab-nav__item.is-active .tab-nav__link-redirect,
.profile-page .tab-nav__item.is-active .tab-nav__link-redirect,
.settings .tab-nav__item.is-active .tab-nav__link-redirect,
.team-page .tab-nav__item.is-active .tab-nav__link-redirect {
    border-bottom: 4px solid #4285f4
}

@media screen and (max-width:520px) {
    .about .tab-nav__link {
        font-size: 11px;
        font-size: .6875rem
    }
}

.panel__header {
    position: relative
}

.panel__header:after {
    content: '';
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    background-color: #e5e5e5;
    z-index: 1;
    width: 100%;
    height: 2px
}

.panel__title {
    zoom: 1;
    margin: 15px 0;
    font-size: 15px;
    font-size: .9375rem;
    font-family: "Titillium Web Black", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #4d4d4d;
    background-color: #fff;
    padding: 10px 15px;
    display: inline-block;
    position: relative;
    z-index: 2;
    width: 100%
}

.panel__title:after,
.panel__title:before {
    content: "";
    display: table
}

.panel__title:after {
    clear: both
}

@media screen and (min-width:767px) {
    .panel__title {
        width: 250px
    }
}

.panel__title:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    display: block;
    opacity: .6;
    box-shadow: 0 0 15px rgba(0, 0, 0, .25);
    transition: opacity .2s ease-in-out
}

.panel__title:hover:before {
    opacity: 1
}

.panel__title:active,
.panel__title:focus,
.panel__title:hover {
    color: #4d4d4d;
    box-shadow: none;
    background-color: #fff
}

.panel__subtitle {
    font-size: 13px;
    font-size: .8125rem;
    font-family: "Titillium Web Regular", "Open Sans Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #999;
    text-transform: none
}

.panel__icon {
    float: right;
    width: 14px;
    height: 14px;
    top: 5px
}

.is-active .panel__icon {
    fill: #4285f4;
    transform: rotate(180deg)
}

.panel__content {
    margin-top: 15px;
    display: none
}

.panel__content.is-open {
    display: block
}

.dropdown-environment {
    position: relative
}

.dropdown-trigger {
    display: block
}

.dropdown {
    position: absolute;
    right: 0;
    z-index: 110;
    max-width: 150px;
    width: 100%;
    display: inline-block;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .3);
    transform: scale(.9);
    opacity: 0;
    visibility: hidden;
    transition: all .1s ease-in-out
}

.dropdown.is-open {
    transform: scale(1);
    opacity: 1;
    visibility: visible
}

.dropdown-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent transparent #fff;
    border-style: solid;
    top: -8px;
    left: 50%;
    margin-left: -8px;
    border-width: 0 8px 8px
}

.dropdown-arrow--right {
    left: 90%
}

.dropdown__list {
    margin: 0;
    padding: 5px 15px
}

.dropdown__item {
    display: block;
    text-align: left;
    margin: 0
}

.dropdown__item:not(last-child) {
    border-bottom: 1px solid #e7e7e7
}

.dropdown__link {
    font-size: 14px;
    font-size: .875rem;
    font-family: "Titillium Web Semibold", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px
}

.notification-stripe {
    text-align: center;
    line-height: 1.1;
    color: #fff;
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    z-index: 110;
    padding: 20px 0;
    transition: transform .15s ease-in-out;
    box-shadow: 0 0 20px rgba(0, 0, 0, .3);
    display: none
}

.notification-stripe--fixed {
    position: fixed
}

.notification-stripe--error {
    background: #ff4622
}

.notification-stripe--alert {
    background: #ffa530
}

.notification-stripe--success {
    background: #6ebb6e
}

.notification-stripe--animated {
    animation-name: fadeIn;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.notification-stripe.is-visible {
    display: block
}

.notification-message {
    display: block;
    margin: 0 30px
}

.notification-close {
    text-align: center;
    line-height: 13px;
    padding: 0;
    border-radius: 50%;
    display: inline-block;
    width: 28px;
    height: 28px;
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 101;
    background-color: rgba(0, 0, 0, .4)
}

.notification-close:hover {
    background-color: rgba(0, 0, 0, .6)
}

.notification-icon-close {
    width: 12px;
    height: 12px;
    top: 8px;
    fill: #fff
}

.notification-card {
    zoom: 1;
    background-color: #fff;
    padding: 10px;
    position: fixed;
    top: 30px;
    right: 30px;
    width: 360px;
    z-index: 101;
    transform: scale(.9);
    opacity: 0;
    visibility: hidden;
    transition: all .1s ease-in-out
}

.notification-card:after,
.notification-card:before {
    content: "";
    display: table
}

.notification-card:after {
    clear: both
}

@media screen and (max-width:550px) {
    .notification-card {
        width: 100%;
        left: 5px;
        right: 5px;
        top: 15px
    }
}

.notification-card:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    display: block;
    opacity: .6;
    box-shadow: 0 0 15px rgba(0, 0, 0, .25);
    transition: opacity .2s ease-in-out
}

.notification-card:hover:before {
    opacity: .9
}

.notification-card.is-visible {
    transform: scale(1);
    opacity: 1;
    visibility: visible
}

.notification-card__figure {
    float: left
}

.notification-card__image {
    width: 36px;
    height: 36px
}

.notification-card__body {
    font-family: "Open Sans Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-left: 50px;
    margin-right: 30px;
    position: relative
}

.notification-card__body .notification-card__action,
.notification-card__body .notification-card__message {
    font-size: 13px;
    font-size: .8125rem
}

.notification-card__body .notification-card__message {
    margin-bottom: 5px
}

.notification-card__action {
    display: inline-block
}

.notification-card__action-close {
    position: absolute;
    right: 10px;
    top: 10px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    background-color: #999
}

.notification-card__action-close:hover {
    background-color: #666
}

.notification-card__icon-close {
    width: 10px;
    height: 10px;
    top: -2px;
    left: 5px;
    fill: #fff
}

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

.social__list li {
    margin: 0;
    padding: 0;
    display: inline-block
}

.social__item:not(first-child) {
    padding-left: 10px
}

.social__item:not(last-child) {
    padding-right: 10px
}

.social__link:hover .social__icon--youtube {
    fill: #cd201f
}

.social__link:hover .social__icon--twitter {
    fill: #35ccff
}

.social__link:hover .social__icon--instagram {
    fill: #3f729b
}

.social__link:hover .social__icon--facebook {
    fill: #3b5998
}

.social__link:hover .social__icon--twitch {
    fill: #6441a5
}

.social__link:hover .social__icon--discord {
    fill: #7289DA
}

.social__link:hover .social__icon--sk {
    fill: #4285f4
}

.social__icon {
    width: 20px;
    height: 20px;
    top: 3px
}

.widget {
    display: none;
    z-index: 5;
    overflow-y: hidden
}

@media screen and (min-width:989px) {
    .widget {
        display: block;
        background-color: #fff;
        width: 25%;
        max-width: 500px;
        min-width: 400px;
        border-radius: 2px;
        box-shadow: 0 0 25px rgba(0, 0, 0, .5);
        position: absolute;
        top: 10%;
        bottom: 10%;
        right: 50px
    }
}

.widget--paper {
    top: 60px;
    right: 0;
    bottom: 0;
    max-height: 550px;
    box-shadow: 0 0 35px rgba(0, 0, 0, .15);
    transition: all .2s ease-in-out;
    z-index: 0
}

.widget--paper:hover {
    box-shadow: 0 0 45px rgba(0, 0, 0, .2)
}

@media screen and (min-width:1199px) {
    .widget--paper {
        min-width: 400px
    }
}

.widget--paper .feed__list {
    background-color: #f9f9f9
}

.widget__header {
    padding: 10px 15px 15px;
    box-shadow: 0 10px 10px -6px rgba(0, 0, 0, .1);
    position: relative;
    z-index: 3
}

.widget__title {
    font-size: 18px;
    font-size: 1.125rem;
    font-family: "Titillium Web Black", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #c8c8c8;
    margin: 0
}

.widget__icon-pulse {
    width: 26px;
    height: 26px;
    fill: #c8c8c8;
    margin-right: 10px;
    top: 5px
}

.feed__list {
    zoom: 1;
    overflow-y: scroll;
    background-color: #f5f5f5;
    position: relative;
    margin-bottom: 30px
}

.feed__list:after,
.feed__list:before {
    content: "";
    display: table
}

.feed__list:after {
    clear: both
}

.feed__item.tile-small {
    margin-bottom: 0;
    padding: 7px 10px;
    transition: all .15s ease-in-out
}

.feed__item.tile-small:hover {
    background-color: #ebebeb;
    cursor: pointer
}

.feed__stream-item {
    position: relative
}

.feed__stream-item.tile-small {
    margin-bottom: 0;
    padding: 7px 10px;
    transition: all .15s ease-in-out;
    background-color: #fff4c6;
    border-top: 1px solid #ffdc4f;
    border-bottom: 1px solid #ffdc4f
}

.feed__stream-item.tile-small:hover {
    background-color: #ffeea7
}

.feed__stream-item.is-featured {
    box-shadow: 0 10px 10px -6px rgba(0, 0, 0, .3);
    border-top: 0;
    padding: 7px 10px
}

.feed__link-close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 12px;
    height: 12px;
    display: block;
    z-index: 5
}

.feed__icon-close {
    width: 10px;
    height: 10px
}

.feed__source {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 20px;
    height: 20px;
    border-top-left-radius: 2px
}

.feed__source--facebook {
    background-color: #3b5998
}

.feed__source--twitter {
    background-color: #35ccff
}

.feed__source--instagram {
    background-color: #3f729b
}

.feed__source--youtube {
    background-color: #cd201f
}

.feed__source--twitch {
    background-color: #6441a5
}

.feed__source-icon {
    width: 12px;
    height: 12px;
    fill: #fff;
    left: 4px;
    top: -1px
}

.feed__text {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.428571429;
    color: #999;
    margin-top: 5px;
    display: inline-block
}

.feed__link-notation {
    text-decoration: underline
}

.js-feed-is-scrollable {
    overflow-y: hidden
}

.avatar__figure {
    position: relative
}

.avatar__badge--pro {
    font-size: 10px;
    font-size: .625rem;
    font-family: "Titillium Web Black", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: #fc0;
    border-color: #fac800;
    padding: 1px 2px;
    letter-spacing: .1em;
    position: relative;
    top: -1px;
    margin-right: 2px;
    display: inline-block
}

@media screen and (max-width:600px) {
    .avatar__textual {
        display: none
    }
}

.team__figure {
    text-align: center;
    margin: 0
}

.team__logo-center {
    height: 60px;
    position: relative
}

.team__logo-center .team__logo {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
    max-height: 60px
}

.team__logo {
    display: block;
    width: 100%;
    max-width: 60px;
    margin-left: auto;
    margin-right: auto
}

.team__logo--left {
    margin-left: 0
}

.team__logo--right {
    margin-right: 0
}

.team__name {
    font-size: 12px;
    font-size: .75rem;
    font-family: "Titillium Web Black", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #afafaf;
    margin-top: 10px
}

.team__name a:hover {
    text-decoration: underline
}

.team__list {
    margin: 0;
    padding: 0
}

.team__list li {
    list-style-type: none;
    padding: 10px 0;
    margin: 0
}

.team__list li:not(last-child) {
    border-bottom: 1px solid #ddd
}

.team__list a:hover {
    text-decoration: underline
}

.team--inline .team__figure {
    margin: 0;
    text-align: left;
    line-height: 1
}

.team--inline .team__logo-center {
    height: 30px;
    width: 30px;
    position: relative;
    display: inline-block
}

.team--inline .team__logo-center .team__logo {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
    max-height: 30px
}

.team--inline .team__logo {
    display: block;
    width: 100%;
    max-width: 30px;
    margin-left: auto;
    margin-right: auto
}

.team--inline .team__name {
    font-size: 16px;
    font-size: 1rem;
    font-family: "Titillium Web Semibold", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1;
    text-transform: none;
    letter-spacing: 0;
    color: #afafaf;
    margin: 0 0 0 5px;
    display: inline-block;
    position: relative;
    top: -8px
}

@media screen and (max-width:600px) {
    .team--inline .team__name {
        font-size: 13px;
        font-size: .8125rem
    }
}

.team--inline .team__name.have-members {
    top: 0
}

.team--inline .team__members {
    font-family: "Titillium Web Regular", "Open Sans Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-size: .8125rem;
    display: block;
    color: #999;
    margin-top: 5px
}

.search__link {
    display: inline-block;
    font-size: 13px;
    font-family: "Titillium Web Semibold", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #999
}

.search__link:hover {
    color: #4d4d4d
}

.search__link:hover .search__icon-loupe {
    fill: #4d4d4d
}

.search__link:focus {
    color: #666
}

.search__link:focus .search__icon-loupe {
    fill: #666
}

.search__icon-loupe {
    width: 20px;
    height: 20px
}

.search__overlay {
    height: 300px;
    top: -300px;
    background-color: #333;
    background-image: url(//s.sk-gaming.com/www5/image/block-typography/search.png)!important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: 115;
    overflow: visible
}

@media screen and (max-width:767px) {
    .search__overlay {
        height: 180px;
        top: -180px;
        background-position: center 10px
    }
}

.search__form {
    margin-top: 100px;
    width: 95%;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width:767px) {
    .search__form {
        margin-top: 80px
    }
}

.search__input {
    line-height: 36px;
    padding-left: 60px;
    box-shadow: 0 0 50px rgba(0, 0, 0, .8);
    position: relative;
    background-image: url(//s.sk-gaming.com/www5/image/search/input-icon--search.svg);
    background-repeat: no-repeat;
    background-position: 20px center
}

.search__input:focus {
    transform: scale(1.05);
    box-shadow: 0 0 70px #000;
    border-color: #666
}

.search__link-close {
    background-color: #222
}

.search__link-close:hover {
    background-color: #000
}

.search__icon-close {
    width: 15px;
    height: 15px;
    top: 8px;
    fill: #fff
}

.log-in__overlay .overlay-content--animated {
    animation-name: fadeIn;
    animation-delay: .3s;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.log-in__link-close {
    transform: translateZ(0);
    background-color: rgba(0, 0, 0, .6)
}

.log-in__link-close:hover {
    background-color: rgba(0, 0, 0, .8)
}

.log-in__icon-close {
    width: 15px;
    height: 15px;
    top: 8px;
    fill: #fff
}

.log-in__container {
    width: 100%;
    margin: 50px auto;
    text-align: center;
    overflow: hidden
}

@media screen and (min-width:500px) {
    .log-in__container {
        width: 380px
    }
}

.log-in__container .holder {
    margin-bottom: 20px
}

.log-in__logo {
    display: inline-block
}

.log-in__title {
    font-size: 22px;
    font-size: 1.375rem;
    color: #666;
    margin: 40px 0 30px
}

.log-in__form {
    margin-top: 40px;
    width: 100%;
    border-top: 1px solid #ccc;
    padding-top: 40px
}

.log-in__input {
    line-height: 36px;
    position: relative;
    padding-top: 6px;
    padding-bottom: 6px
}

.log-in__input:focus {
    border-color: #286ee0
}

.log-in__link-password {
    line-height: 50px;
    display: inline-block
}

@media screen and (max-width:767px) {
    .log-in__link-password {
        font-size: 15px;
        font-size: .9375rem
    }
}

.log-in__button {
    padding: 14px 20px;
    width: 100%
}

.log-in__icon-facebook {
    width: 20px;
    height: 20px;
    fill: #fff;
    top: 3px;
    margin-right: 7px
}

.or-divider {
    font-family: "Titillium Web Semibold", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    position: relative;
    padding: 0 10px;
    margin-top: 10px;
    margin-bottom: 30px
}

.or-divider:before {
    content: '';
    display: block;
    width: 300px;
    position: absolute;
    top: .73em;
    border-top: 1px solid #ccc;
    right: 100%
}

.or-divider:after {
    content: '';
    display: block;
    width: 300px;
    position: absolute;
    top: .73em;
    border-top: 1px solid #ccc;
    left: 100%
}

.sign-up-cta__container {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid #ccc
}

.sign-up-cta__button {
    width: 100%
}

.user-nav {
    margin-top: 32px;
    text-align: right;
    margin-right: 75px
}

@media screen and (max-width:767px) {
    .user-nav {
        margin-right: 15px;
        margin-top: 20px
    }
}

.user-nav__list {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 1;
    color: #999
}

.user-nav__item {
    margin: 0;
    padding: 0;
    display: inline-block
}

.user-nav__link {
    font-size: 13px;
    font-family: "Titillium Web Semibold", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #999
}

.user-nav__link:hover {
    color: #4d4d4d
}

.user-nav__link:focus {
    color: #999
}

.user-nav__link.is-active,
.user-nav__link.is-active:focus,
.user-nav__link.is-active:hover {
    color: #286ee0
}

.user-nav__link--active-user {
    position: relative;
    display: inline-block
}

.user-nav__figure {
    float: right;
    display: inline-block;
    margin-left: 5px;
    top: -10px
}

@media screen and (max-width:600px) {
    .user-nav__figure {
        top: -8px
    }
}

.user-nav__image {
    display: block;
    height: 32px;
    width: 32px;
    border-radius: 3px
}

.user-nav__dropdown {
    width: 200px;
    max-width: 200px;
    top: 40px
}

.user-nav__dropdown .dropdown__link {
    color: #a1a1a1
}

.user-nav__dropdown .dropdown__link:hover {
    color: #434343
}

.notification__dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: block;
    background-color: #fc3848;
    position: absolute;
    top: -5px;
    right: -5px
}

.notification__link {
    position: relative
}

.notification__link:hover .notification__badge {
    background-color: #ed1c24
}

.notification__badge {
    font-size: 12px;
    font-size: .75rem;
    font-family: "Titillium Web Semibold", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 18px;
    position: absolute;
    right: 0;
    top: 7px
}

.sponsor {
    overflow: hidden
}

@media screen and (max-width:989px) {
    .sponsor .container {
        width: 100%
    }
    .sponsor .col-12 {
        padding-left: 0;
        padding-right: 0
    }
}

.sponsor__list {
    zoom: 1;
    margin: 0;
    padding: 0
}

.sponsor__list:after,
.sponsor__list:before {
    content: "";
    display: table
}

.sponsor__list:after {
    clear: both
}

.sponsor__item {
    list-style-type: none;
    float: left;
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
    position: relative
}

/*
.sponsor__list--header .sponsor__item {
    width: 20%
}
*/

/*
.sponsor__list--footer .sponsor__item {
    width: 16.666666667%
}
*/

.sponsor__link {
    display: inline-block
}

.sponsor__link:hover .sponsor__logo {
    opacity: 0
}

.sponsor__link:hover .sponsor__logo-colored {
    opacity: 1
}

.sponsor__logo {
    display: block;
    max-width: 100%;
    height: auto;
    transition: opacity .2s ease-in-out
}

.sponsor__logo-colored {
    position: absolute;
    max-width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    opacity: 0;
    transition: opacity .2s ease-in-out
}

.sponsor .slick-slider {
    margin-bottom: 0
}

.sponsor .slick-control--hidden {
    display: none!important;
    width: 0;
    height: 0;
    font-size: 0
}

.gradient {
    position: relative
}

.gradient:before {
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    z-index: 0
}

.gradient--sk:before {
    background: linear-gradient(-45deg, #4285f4 40%, #031b45 80%);
    opacity: .28
}

.gradient--dark:before {
    background: linear-gradient(-45deg, rgba(0, 0, 0, .8) 40%, rgba(0, 0, 0, .2) 80%);
    opacity: .56
}

.gradient--news-block-typography:before {
    background: url(//s.sk-gaming.com/www5/image/block-typography/intro-news.png), linear-gradient(-45deg, #4285f4 0, #031b45 100%);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

@media screen and (max-width:989px) {
    .gradient--news-block-typography:before {
        background-position: center top
    }
}

.gradient--video-block-typography:before {
    background: url(//s.sk-gaming.com/www5/image/block-typography/intro-video.png), linear-gradient(-45deg, #4285f4 0, #031b45 100%);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.gradient--video-dark:before {
    background: radial-gradient(circle, #202c42 40%, #111 100%);
    opacity: 1
}

.gradient--match-block-typography:before {
    background: url(//s.sk-gaming.com/www5/image/block-typography/intro-match.png), linear-gradient(-45deg, #4285f4 0, #031b45 100%);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.gradient--event-block-typography:before {
    background: url(//s.sk-gaming.com/www5/image/block-typography/intro-event.png), linear-gradient(-45deg, #4285f4 0, #031b45 100%);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.gradient--pattern:before {
    background: linear-gradient(-45deg, #4285f4 0, #031b45 100%);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.gradient--pattern:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(//s.sk-gaming.com/www5/image/intro-pattern.png) center;
    opacity: .02
}

@media screen and (min-width:1199px) and (max-width:2000px) {
    .gradient--pattern:after {
        background-size: cover
    }
}

.gradient-badge {
    background: linear-gradient(-45deg, #4285f4 10%, #031b45 100%)
}

.page-intro {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative
}

.page-intro--full {
    min-height: 75vh;
    background-image: url(//s.sk-gaming.com/www5/image/game/sk-gaming-header.jpg)
}

@media screen and (min-width:2000px) and (min-height:1000px) {
    .page-intro--full {
        min-height: 750px
    }
}

@media screen and (max-width:989px) {
    .page-intro--full {
        min-height: 450px
    }
}

@media screen and (min-width:989px) {
    .page-intro--full .page-intro__title {
        font-size: 64px;
        font-size: 4rem;
        line-height: 71px;
        text-align: left;
        width: 60%
    }
}

@media screen and (min-width:1200px) {
    .page-intro--full .page-intro__title {
        width: 65%
    }
}

@media screen and (min-width:1500px) {
    .page-intro--full .page-intro__title {
        width: 75%
    }
}

.page-intro--medium {
    min-height: 450px;
    background-image: url(//s.sk-gaming.com/www5/image/articles/featured-article--medium.jpg)
}

@media screen and (min-width:989px) {
    .page-intro--medium .page-intro__excerpt,
    .page-intro--medium .page-intro__title {
        width: 80%;
        margin-left: 15px;
        margin-right: auto
    }
}

.page-intro--small {
    min-height: 350px
}

.page-intro--small:after {
    content: none!important
}

.page-intro--text-center {
    text-align: center;
    margin-left: 0;
    margin-right: 0
}

.page-intro--text-center .page-intro__excerpt,
.page-intro--text-center .page-intro__title {
    margin-left: auto
}

.page-intro__header {
    z-index: 3;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0
}

@media screen and (min-width:767px) {
    .page-intro__header {
        width: 767px
    }
}

@media screen and (min-width:989px) {
    .page-intro__header {
        width: 989px
    }
}

@media screen and (min-width:1199px) {
    .page-intro__header {
        width: 1200px
    }
}

@media screen and (max-width:767px) {
    .page-intro__header {
        margin-left: 15px;
        margin-right: 15px
    }
}

@media screen and (min-width:767px) {
    .page-intro--contain-video .page-intro__header {
        position: relative;
        top: 0;
        transform: translateY(0)
    }
}

@media screen and (min-width:989px) and (max-width:1199px) {
    .page-intro__video-container {
        padding-top: 35px
    }
}

.page-intro__title {
    font-size: 60px;
    font-size: 3.75rem;
    font-family: "Titillium Web Black", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: .005em;
    color: #fff;
    text-shadow: 0 0 15px rgba(0, 0, 0, .4)
}

@media screen and (min-width:1199px) {
    .page-intro__title {
        font-size: 72px;
        font-size: 4.5rem
    }
}

@media screen and (max-width:989px) {
    .page-intro__title {
        font-size: 48px;
        font-size: 3rem;
        line-height: 1
    }
}

@media screen and (max-width:600px) {
    .page-intro__title {
        font-size: 38px;
        font-size: 2.375rem
    }
}

.page-intro__title-link {
    color: #fff;
    box-shadow: inset 0 -20px 0 rgba(66, 133, 244, 0)
}

.page-intro__title-link:active,
.page-intro__title-link:focus,
.page-intro__title-link:hover {
    color: #fff;
    box-shadow: inset 0 -20px 0 #4285f4
}

.page-intro__title-link:visited {
    color: rgba(255, 255, 255, .8)
}

@media screen and (max-width:767px) {
    .page-intro__title-link {
        box-shadow: inset 0 -8px 0 rgba(66, 133, 244, 0)
    }
    .page-intro__title-link:hover {
        box-shadow: inset 0 -8px 0 #4285f4
    }
}

.page-intro__pre-title {
    display: block;
    font-size: 12px;
    font-size: .75rem;
    letter-spacing: .05em;
    text-transform: uppercase;
    font-family: "Titillium Web Black", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    margin-bottom: 10px
}

.page-intro__pagination {
    font-size: 15px;
    font-size: .9375rem;
    font-family: "Titillium Web Semibold", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.page-intro__game-type {
    display: inline-block
}

.page-intro__icon {
    width: 20px;
    height: 20px;
    fill: #fff;
    top: 5px;
    margin-right: 5px
}

.page-intro__date {
    display: inline-block;
    opacity: .6
}

.page-intro__date--bullet {
    position: relative;
    margin-left: 10px
}

.page-intro__date--bullet:before {
    content: "•";
    position: absolute;
    left: -9px
}

.page-intro__post-title {
    font-size: 16px;
    font-size: 1rem;
    font-family: "Titillium Web Semibold", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    display: block;
    margin-top: 20px
}

.page-intro__author {
    color: #fff;
    display: inline-block
}

.page-intro__author:hover {
    color: rgba(255, 255, 255, .6)
}

.page-intro__author:focus {
    color: rgba(255, 255, 255, .9)
}

.page-intro__excerpt {
    font-size: 16px;
    font-size: 1rem;
    font-family: "Titillium Web Regular", "Open Sans Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.5;
    color: #fff;
    margin-top: 25px
}

.page-intro__avatar-figure {
    width: 128px;
    height: 128px;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 0 25px rgba(0, 0, 0, .6);
    margin: 0 auto;
    position: relative
}

.page-intro__avatar-image {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
    max-height: 96px;
    max-width: 96px
}

.page-intro__avatar-image--user {
    max-height: 116px;
    max-width: 116px
}

.page-intro__avatar-status {
    position: absolute;
    top: -10px;
    right: -10px;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    display: block;
    background-color: #fff;
    z-index: 2;
    animation-name: fadeIn;
    animation-delay: .5s;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2)
}

.page-intro__team-avatar-status {
    position: absolute;
    top: -12px;
    right: -12px;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: block;
    background-color: #fff;
    z-index: 2;
    animation-name: fadeIn;
    animation-delay: .5s;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2)
}

.page-intro__status-icon {
    width: 16px;
    height: 16px;
    fill: #fc0;
    top: 4px
}

.page-intro__social-nav {
    margin-top: 40px
}

.page-intro__social-nav .social__link:hover .social__icon {
    fill: #fff
}

.page-intro__social-nav .social__icon {
    fill: #c8c8c8;
    width: 24px;
    height: 24px
}

@media screen and (min-width:1199px) {
    .connection .page-intro__title,
    .messages .page-intro__title,
    .notification .page-intro__title,
    .profile-page .page-intro__title,
    .settings .page-intro__title,
    .team-page .page-intro__title {
        font-size: 60px;
        font-size: 3.75rem
    }
}

.connection .page-intro__post-title:before,
.messages .page-intro__post-title:before,
.notification .page-intro__post-title:before,
.profile-page .page-intro__post-title:before,
.settings .page-intro__post-title:before,
.team-page .page-intro__post-title:before {
    content: ''
}

.page-intro--about {
    background-image: url(//s.sk-gaming.com/www5/image/about/intro.png);
    background-size: cover
}

.page-content--homepage .shop-stripe {
    margin-bottom: 100px
}

@media screen and (min-width:600px) {
    .section--have-block-typography .section-content {
        padding-top: 125px
    }
}

.section--have-tabs .section-content {
    padding-top: 10px
}

@media screen and (max-width:600px) {
    .section .container {
        padding-left: 10px;
        padding-right: 10px
    }
}

.section-content {
    padding-top: 60px;
    margin-bottom: 60px
}

@media screen and (min-width:600px) {
    .section-content {
        margin-bottom: 100px
    }
}

.section-content.no-spacing {
    padding: 0;
    margin: 0
}

.section-content.spacing-bottom {
    margin-bottom: 60px
}

@media screen and (min-width:600px) {
    .section-content.spacing-bottom {
        margin-bottom: 100px
    }
}

.block-typography {
    background-repeat: no-repeat;
    background-position: top center
}

@media screen and (max-width:1199px) {
    .block-typography {
        background-size: contain
    }
}

.block-typography--news {
    background-image: url(//s.sk-gaming.com/www5/image/block-typography/section-latest.png)
}

.block-typography--video {
    background-image: url(//s.sk-gaming.com/www5/image/block-typography/section-video.png)
}

.block-typography--match {
    background-image: url(//s.sk-gaming.com/www5/image/block-typography/section-matches.png)
}

.block-typography--social {
    background-image: url(//s.sk-gaming.com/www5/image/block-typography/section-social.png)
}

@media screen and (max-width:600px) {
    .block-typography {
        background-image: none
    }
}

@media screen and (max-width:600px) {
    .section-m-white {
        background-color: #fff
    }
}

.stripe {
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
    position: relative;
    z-index: 3;
    padding-top: 15px;
    padding-bottom: 15px
}

@media screen and (max-width:767px) {
    .stripe {
        padding: 10px 0
    }
}

.stripe.is-stuck {
    z-index: 25;
    transform: translateZ(0)
}

.stripe__content {
    zoom: 1;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding-left: 10px;
    padding-right: 10px
}

.stripe__content:after,
.stripe__content:before {
    content: "";
    display: table
}

.stripe__content:after {
    clear: both
}

@media screen and (min-width:600px) {
    .stripe__content {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media screen and (min-width:767px) {
    .stripe__content {
        width: 767px
    }
}

@media screen and (min-width:989px) {
    .stripe__content {
        width: 989px
    }
}

@media screen and (min-width:1199px) {
    .stripe__content {
        width: 1200px
    }
}

.stripe__badge {
    width: 44px;
    height: 44px;
    display: inline-block;
    border-radius: 2px;
    text-align: center;
    position: absolute;
    top: 1px;
    left: 0
}

.stripe__badge-icon {
    display: inline-block;
    position: relative;
    top: 7px;
    z-index: 2;
    fill: #fff;
    width: 30px;
    height: 30px
}

.stripe__action {
    position: absolute;
    right: 10px;
    z-index: 2
}

.stripe__action-add-friend {
    font-size: 12px;
    font-size: .75rem;
    text-transform: uppercase;
    line-height: 1.3;
    border-color: #f1f1f1;
    padding: 10px 12px;
    position: absolute;
    z-index: 2;
    right: 150px;
    top: 4px
}

.stripe__action-add-friend:hover {
    border-color: #c8c8c8
}

.stripe__action-add-friend:hover .icon {
    fill: #1b6cf2
}

.stripe__action-add-friend:active,
.stripe__action-add-friend:focus {
    border-color: #4285f4
}

@media screen and (max-width:550px) {
    .stripe__action-add-friend {
        display: none
    }
}

.stripe__action-add-friend .icon {
    width: 13px;
    height: 13px;
    fill: #4285f4;
    top: 1px;
    margin-right: 4px
}

.stripe__icon--chevron-right {
    width: 10px;
    height: 10px;
    top: -1px
}

.stripe__icon--filter {
    width: 15px;
    height: 15px;
    margin-right: 7px;
    top: 1px
}

.stripe__icon--share {
    fill: #fff;
    width: 20px;
    height: 20px
}

.stripe__social-nav {
    position: relative;
    top: 10px
}

@media screen and (max-width:500px) {
    .stripe__social-nav {
        display: none
    }
}

.stripe__social-nav .icon {
    width: 24px;
    height: 24px
}

.stripe__header {
    zoom: 1;
    position: relative
}

.stripe__header:after,
.stripe__header:before {
    content: "";
    display: table
}

.stripe__header:after {
    clear: both
}

.stripe__title {
    line-height: 1.4;
    margin: 0;
    padding-left: 55px;
    padding-right: 100px
}

.stripe__title--no-right-padding {
    padding-right: 0
}

.stripe__section-title {
    font-size: 18px;
    font-size: 1.125rem;
    font-family: "Titillium Web Black", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: .05em;
    line-height: 25px;
    color: #4d4d4d;
    display: block
}

.stripe__section-title .stripe__link {
    display: inline-block
}

.stripe__subtitle {
    font-size: 15px;
    font-size: .9375rem;
    font-family: "Titillium Web Regular", "Open Sans Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: none;
    line-height: 1.5;
    letter-spacing: .03em;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    color: #3d5a70
}

.stripe__subtitle .breadcrumb__link {
    color: #3d5a70
}

.stripe__link-action {
    position: relative;
    top: 12px;
    z-index: 2
}

.stripe__link {
    font-size: 18px;
    font-size: 1.125rem;
    font-family: "Titillium Web Black", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: .05em;
    display: inherit;
    color: #4285f4
}

.stripe__link:active,
.stripe__link:hover {
    color: #1b6cf2
}

.stripe__link:active .stripe__icon,
.stripe__link:hover .stripe__icon {
    fill: #1b6cf2
}

.stripe__link:focus {
    color: #0d5bdd
}

.stripe__link:focus .stripe__icon {
    fill: #0d5bdd
}

.stripe__link:hover .stripe__icon--chevron-right {
    transform: translateX(2px)
}

.stripe__link .stripe__icon {
    fill: #4285f4
}

.filter {
    width: 200px;
    max-width: 200px;
    top: 50px
}

.filter__link {
    font-size: 12px;
    font-size: .75rem;
    font-family: "Titillium Web Black", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: .05em;
    line-height: 20px;
    color: #bcbcbc;
    position: relative;
    top: -3px;
    padding-top: 3px;
    padding-bottom: 3px
}

.filter__link:active,
.filter__link:hover {
    color: #1b6cf2
}

.filter__link:active .filter__icon,
.filter__link:hover .filter__icon {
    fill: #1b6cf2
}

.filter__link:focus {
    color: #0d5bdd
}

.filter__link:focus .filter__icon {
    fill: #0d5bdd
}

.filter__link--no-icon {
    font-size: 13px;
    font-size: .8125rem;
    top: 0;
    padding-top: 10px;
    padding-bottom: 10px
}

.filter__icon {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    top: 5px;
    fill: #bcbcbc
}

.filter__button {
    padding: 5px 12px;
    position: relative;
    top: 5px;
    color: #4285f4;
    border: 2px solid transparent;
    border-radius: 3px;
    background-color: transparent
}

.filter__button.is-active,
.filter__button.is-active:active,
.filter__button.is-active:focus,
.filter__button.is-active:hover {
    background-color: #f9f9f9;
    border: 2px solid #f1f1f1
}

.share {
    position: relative;
    z-index: 3;
    top: 2px
}

.share__trigger {
    width: 44px;
    height: 44px;
    border: 0;
    position: relative;
    z-index: 6;
    background-color: #4285f4
}

.share__trigger:active,
.share__trigger:hover {
    background-color: #0d5bdd
}

.share__trigger:focus {
    background-color: #4285f4
}

.share__nav.is-visible:before {
    opacity: 1
}

.share__nav.is-visible .social__item {
    transform: translateX(0)!important
}

.share__nav {
    position: absolute;
    z-index: 5;
    top: -8px;
    right: 0;
    width: 260px;
}

.share__nav:before {
    content: '';
    position: absolute;
    top: 0;
    left: -40px;
    right: 0;
    bottom: 0;
    height: 60px;
    width: 260px;
    pointer-events: none;
    transition: all .2s ease-in-out .25s;
    opacity: 0;
    background: linear-gradient(to left, #fff 60%, rgba(255, 255, 255, .9) 90%)
}

.share__nav .social__list {
    position: relative;
    top: 18px
}

.share__nav .social__item {
    transition: transform .3s ease-in-out
}

.share__nav .social__item:nth-child(1) {
    transform: translateX(230px);
    transition-delay: .4s
}

.share__nav .social__item:nth-child(2) {
    transform: translateX(190px);
    transition-delay: .35s
}

.share__nav .social__item:nth-child(3) {
    transform: translateX(140px);
    transition-delay: .3s
}

.share__nav .social__item:nth-child(4) {
    transform: translateX(100px);
    transition-delay: .2s
}

.share__nav .social__item:nth-child(5) {
    transform: translateX(50px);
    transition-delay: .1s
}

.share__nav.is-visible .social__item {
    transition: transform .3s ease-in-out
}

.share__nav.is-visible .social__item:nth-child(1) {
    transform: translateX(230px);
    transition-delay: .1s
}

.share__nav.is-visible .social__item:nth-child(2) {
    transform: translateX(190px);
    transition-delay: .2s
}

.share__nav.is-visible .social__item:nth-child(3) {
    transform: translateX(140px);
    transition-delay: .3s
}

.share__nav.is-visible .social__item:nth-child(4) {
    transform: translateX(100px);
    transition-delay: .35s
}

.share__nav.is-visible .social__item:nth-child(5) {
    transform: translateX(50px);
    transition-delay: .4s
}

.breadcrumb__list {
    margin: 0;
    padding: 0;
    zoom: 1
}

.breadcrumb__list:after,
.breadcrumb__list:before {
    content: "";
    display: table
}

.breadcrumb__list:after {
    clear: both
}

.breadcrumb__item {
    list-style-type: none;
    float: left;
    margin-right: 3px;
    margin-bottom: 0
}

.breadcrumb__item:after {
    content: '/';
    margin-left: 3px
}

.breadcrumb__item:last-child:after {
    content: none
}

@media screen and (max-width:767px) {
    .breadcrumb__item:last-child {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .breadcrumb__item.hide-on-mobile {
        display: none
    }
}

.breadcrumb__link {
    letter-spacing: 0
}

.tile-inline__figure {
    float: left;
    position: relative;
    overflow: hidden;
}

@media screen and (min-width:989px) {
    .tile-inline__figure {
        width: 220px;
        height: 125px;
    }
}

@media screen and (max-width:989px) {
    .tile-inline__figure {
        width: 230px;
        height: 130px
    }
}

@media screen and (max-width:600px) {
    .tile-inline__figure {
        width: 40%;
        height: auto
    }
}

.tile-inline__figure img {
    display: block;
    max-width: 100%
}

.tile-inline__content {
    padding-left: 230px
}

@media screen and (min-width:600px) {
    .tile-inline__content {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 10px
    }
}

@media screen and (min-width:989px) {
    .tile-inline__content {
        height: 125px
    }
}

@media screen and (max-width:989px) {
    .tile-inline__content {
        padding-left: 240px;
        height: 130px
    }
}

@media screen and (max-width:600px) {
    .tile-inline__content {
        height: auto;
        padding-left: 42%
    }
}

.tile-inline-large__figure {
    position: relative;
    width: 100%
}

@media screen and (min-width:767px) {
    .tile-inline-large__figure {
        width: 40%;
        float: left
    }
}

@media screen and (min-width:989px) {
    .tile-inline-large__figure {
        width: 480px
    }
}

.tile-inline-large__figure img {
    display: block;
    width: 100%
}

.tile-inline-large__content {
    padding-left: 0
}

@media screen and (min-width:767px) {
    .tile-inline-large__content {
        padding-left: 42%
    }
}

@media screen and (min-width:989px) {
    .tile-inline-large__content {
        padding-left: 510px
    }
}

.tile-small {
    width: 100%;
    height: auto;
    padding: 15px 0;
    margin-bottom: 0;
    border-bottom: 1px solid #eee
}

.tile-small:last-child {
    border-bottom: 0
}

.tile-small .tile-link:after {
    content: ""
}

.tile-small .tile-link:hover {
    text-decoration: none
}

.tile-small .tile-header {
    line-height: 1
}

.tile-small .tile-inline__figure {
    display: block;
    width: 90px;
    height: 50px;
    overflow: hidden;
    margin: 0
}

.tile-small .tile-inline__content {
    padding-left: 100px;
    padding-top: 0;
    padding-bottom: 0;
    height: auto
}

.tile-small .tile-title {
    font-size: 15px;
    font-size: .9375rem
}

.tile-small .tile-news {
    float: none
}

.separator {
    padding: 25px;
    margin-top: 60px;
    margin-bottom: 60px;
    overflow: hidden
}

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

@media screen and (max-width:600px) {
    .separator {
        margin-top: 30px;
        margin-bottom: 30px
    }
}

.separator--center {
    text-align: center
}

.separator-term {
    font-size: 15px;
    font-size: .9375rem;
    font-family: "Titillium Web Black", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .05em;
    vertical-align: baseline;
    color: #4d4d4d;
    background-color: #fff;
    display: inline-block;
    zoom: 1;
    padding: 15px 30px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .25);
    margin-left: auto;
    margin-right: auto;
    position: relative
}

@media screen and (max-width:600px) {
    .separator-term {
        display: block
    }
}

.separator-term:before {
    content: '';
    display: block;
    width: 1000px;
    position: absolute;
    top: 1.73em;
    border-top: 1px solid #ccc;
    right: 100%
}

.separator-term:after {
    content: '';
    display: block;
    width: 1000px;
    position: absolute;
    top: 1.73em;
    border-top: 1px solid #ccc;
    left: 100%
}

.pagination__nav,
.pagination__next,
.pagination__previous {
    float: left
}

.pagination__next,
.pagination__previous {
    width: 15%
}

@media screen and (max-width:767px) {
    .pagination__next,
    .pagination__previous {
        width: 50%
    }
}

@media screen and (max-width:767px) {
    .pagination__next .pagination__link {
        margin-left: 10px
    }
}

@media screen and (max-width:767px) {
    .pagination__previous .pagination__link {
        margin-right: 10px
    }
}

.pagination {
    zoom: 1;
    margin-bottom: 60px
}

.pagination:after,
.pagination:before {
    content: "";
    display: table
}

.pagination:after {
    clear: both
}

@media screen and (min-width:600px) {
    .pagination {
        margin-bottom: 100px
    }
}

.pagination__nav {
    display: none
}

@media screen and (min-width:767px) {
    .pagination__nav {
        display: block;
        width: 70%
    }
}

.pagination__list {
    zoom: 1;
    width: 80%;
    margin: 0 auto;
    padding: 0
}

.pagination__list:after,
.pagination__list:before {
    content: "";
    display: table
}

.pagination__list:after {
    clear: both
}

.pagination__item {
    float: left;
    display: block;
    width: 14.285714286%;
    margin: 0;
    padding: 0
}

.pagination__item .pagination__link {
    margin-left: 5px;
    margin-right: 5px
}

.pagination__link {
    font-size: 16px;
    font-size: 1rem;
    font-family: "Titillium Web Black", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #4d4d4d;
    background-color: #fff;
    padding: 15px 0;
    display: block;
    position: relative
}

.pagination__link:hover:before {
    opacity: 1
}

.pagination__link:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    display: block;
    opacity: .4;
    box-shadow: 0 0 15px rgba(0, 0, 0, .25);
    transition: opacity .2s ease-in-out
}

.pagination__link:active,
.pagination__link:focus,
.pagination__link:hover {
    color: #4d4d4d;
    box-shadow: none
}

.pagination__link:focus {
    background-color: #f1f1f1
}

.pagination__link--active,
.pagination__link--stripped {
    color: #4d4d4d;
    background-color: #f1f1f1
}

.pagination__link--active:before,
.pagination__link--stripped:before {
    box-shadow: none
}

.author {
    zoom: 1;
    border-top: 4px solid #4285f4;
    margin-top: 30px;
    padding-top: 30px
}

.author:after,
.author:before {
    content: "";
    display: table
}

.author:after {
    clear: both
}

.author__figure {
    float: left;
    margin: 0
}

.author__image {
    border-radius: 2px;
    width: 72px;
    height: 72px;
    display: block;
    max-width: 100%
}

.author__bio {
    padding-left: 20px;
    overflow: auto;
    display: block
}

.author__name {
    font-size: 22px;
    font-size: 1.375rem;
    font-family: "Titillium Web Semibold", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0 0 5px
}

.author__social {
    margin-bottom: 15px
}

.author a:hover {
    text-decoration: underline
}

.author__related {
    border-top: 1px solid #ddd;
    margin-top: 15px
}

@media screen and (min-width:767px) {
    .author__related {
        margin-left: 92px
    }
}

.author__related .tile-small {
    padding: 5px 0;
    border-bottom: 0
}

.author__related-title {
    font-size: 15px;
    font-size: .9375rem;
    font-family: "Titillium Web Black", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: .03em
}

.comment {
    margin-top: 30px;
    border-top: 1px solid #ddd
}

.comment__title {
    font-size: 28px;
    font-size: 1.75rem;
    font-family: "Titillium Web Black", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.rating {
    border-top: 4px solid #4285f4;
    margin-top: 30px;
    margin-bottom: 60px;
    padding-top: 15px
}

.rating__title {
    font-size: 15px;
    font-size: .9375rem;
    text-transform: uppercase;
    letter-spacing: .05em;
    margin: 0 0 10px
}

.rating__score {
    font-size: 13px;
    font-size: .8125rem;
    font-family: "Titillium Web Semibold", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #ccc;
    text-transform: none;
    letter-spacing: 0;
    margin-left: 5px
}

.slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: url(//s.sk-gaming.com/www5/image/vendor/slick/ajax-loader.gif) center center no-repeat #fff
}

@font-face {
    font-family: slick;
    font-weight: 400;
    font-style: normal;
    src: url(//s.sk-gaming.com/www5/css/fonts/vendor/slick//slick.eot);
    src: url(//s.sk-gaming.com/www5/css/fonts/vendor/slick//slick.eot?#iefix) format('embedded-opentype'), url(//s.sk-gaming.com/www5/css/fonts/vendor/slick//slick.woff) format('woff'), url(//s.sk-gaming.com/www5/css/fonts/vendor/slick//slick.ttf) format('truetype'), url(//s.sk-gaming.com/www5/css/fonts/vendor/slick//slick.svg#slick) format('svg')
}

.slick-next,
.slick-prev {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: 0 0;
    color: transparent;
    top: 50%;
    margin-top: -10px \9;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: 0
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
    outline: 0;
    background: 0 0;
    color: transparent
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,
.slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

.slick-prev[dir=rtl] {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "←"
}

.slick-prev:before[dir=rtl] {
    content: "→"
}

.slick-next {
    right: -25px
}

.slick-next[dir=rtl] {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: "→"
}

.slick-next:before[dir=rtl] {
    content: "←"
}

.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -45px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: 0 0;
    display: block;
    height: 20px;
    width: 20px;
    outline: 0;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: 0
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

.typeahead-result__title {
    font-size: 15px;
    font-size: .9375rem;
    font-family: "Titillium Web Black", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: .05em;
    border-bottom: 2px solid #f1f1f1;
    padding-bottom: 10px;
    padding-left: 10px;
    margin: 0 15px 15px;
    color: #4285f4
}

.typeahead-result__icon {
    width: 18px;
    height: 18px;
    top: 3px;
    fill: #4285f4
}

.twitter-typeahead {
    width: 100%
}

.search__form .typeahead {
    border-color: #fff
}

.search__form .typeahead:focus {
    transform: scale(1.05)
}

.search__form .typeahead.search__input {
    background-color: #fff!important;
    z-index: 101
}

.tt-menu {
    width: 100%;
    background: #fff;
    border-radius: 4px;
    top: 115%!important;
    height: 300px;
    overflow-y: scroll;
    padding: 15px 0
}

.tt-dataset:not(first-child) {
    margin-top: 15px
}

.tt-suggestion {
    font-size: 15px;
    font-size: .9375rem;
    color: #666;
    padding: 7px 25px;
    transition: all .15s ease-in-out;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
}

.tt-suggestion:hover {
    background-color: #f1f1f1;
    cursor: pointer
}

.tt-suggestion.tt-cursor {
    background-color: #f1f1f1
}

.ath-viewport * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.ath-viewport {
    position: relative;
    z-index: 2000;
    pointer-events: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none
}

.ath-modal {
    pointer-events: auto!important;
    background: rgba(0, 0, 0, .6)
}

.ath-mandatory {
    background: #000
}

.ath-container {
    pointer-events: auto!important;
    position: absolute;
    z-index: 2000;
    padding: .7em .6em;
    width: 18em;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    background-size: 100% auto;
    box-shadow: 0 0 25px rgba(0, 0, 0, .8);
    font-family: sans-serif;
    font-size: 15px;
    line-height: 1.5em;
    text-align: center
}

.ath-container small {
    font-size: .8em;
    line-height: 1.3em;
    display: block;
    margin-top: .5em
}

.ath-ios.ath-phone {
    bottom: 1.8em;
    left: 50%;
    margin-left: -9em
}

.ath-ios6.ath-tablet {
    left: 5em;
    top: 1.8em
}

.ath-ios7.ath-tablet {
    left: .7em;
    top: 1.8em
}

.ath-ios8.ath-tablet,
.ath-ios9.ath-tablet {
    right: .4em;
    top: 1.8em
}

.ath-android {
    bottom: 1.8em;
    left: 50%;
    margin-left: -9em
}

.ath-container:before {
    content: '';
    position: relative;
    display: block;
    float: right;
    margin: -.7em -.6em 0 .5em;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAACECAMAAABmmnOVAAAAdVBMVEUAAAA5OTkzMzM7Ozs3NzdBQUFAQEA/Pz8+Pj5BQUFAQEA/Pz8+Pj5BQUFAQEA/Pz9BQUE+Pj4/Pz8/Pz8+Pj4/Pz8/Pz8/Pz8+Pj4/Pz8+Pj4/Pz8/Pz8/Pz8/Pz8/Pz8+Pj4/Pz8/Pz8/Pz8/Pz9AQEA/Pz+fdCaPAAAAJnRSTlMACQoNDjM4OTo7PEFCQ0RFS6ytsbS1tru8vcTFxu7x8vX19vf4+C5yomAAAAJESURBVHgBvdzLTsJAGEfxr4C2KBcVkQsIDsK8/yPaqIsPzVlyzrKrX/5p0kkXEz81L23otc9NpIbbWia2YVLqdnhlqFlhGWpSDHe1aopsSIpRb8gK0dC3G30b9rVmhWZIimTICsvQtx/FsuYOrWHoDjX3Gu31gzJxdki934WrAIOsAIOsAIOiAMPhPsJTgKGN0BVsYIVsYIVpYIVpYIVpYIVpYIVpYIVpYIVpYIVlAIVgEBRs8BRs8BRs8BRs8BRs8BRs8BRs8BRTNmgKNngKNngKNngKNngKNhiKGxgiOlZoBlaYBlaYBlaYBlaYBlaYBlaYBlaYBlZIBlBMfQMrVAMr2KAqBENSHFHhGEABhi5CV6gGUKgGUKgGUKgGUFwuqgEUvoEVsoEVpoEUpgEUggF+gKTKY+h1fxSlC7/Z+RrxOQ3fcEoAPPHZBlaYBlaYBlaYBlZYBlYIhvLBCstw7PgM7hkiWOEZWGEaWGEaWGEaIsakEAysmHkGVpxmvoEVqoEVpoEVpoEVpoEVpoEVpoEVkoEVgkFQsEFSsEFQsGEcoSvY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnmbNAUT2c2WAo2eAo2eAo2eAo2eAo2eArNEPFACjZ4CjZ4CjZ4CjaIird/rBvFH6llNCvewdli1URWCIakSIZesUaDoFg36dKFWk9zCZDei3TtwmCj7pC22AwikiIZPEU29IpFNliKxa/hC9DFITjQPYhcAAAAAElFTkSuQmCC);
    background-color: #fff;
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 2.7em;
    height: 2.7em;
    text-align: center;
    overflow: hidden;
    color: #a33;
    z-index: 2147483642
}

.ath-container.ath-icon:before {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    float: none
}

.ath-mandatory .ath-container:before {
    display: none
}

.ath-container.ath-android:before {
    float: left;
    margin: -.7em .5em 0 -.6em
}

.ath-container.ath-android.ath-icon:before {
    position: absolute;
    right: auto;
    left: 0;
    margin: 0;
    float: none
}

.ath-action-icon {
    display: inline-block;
    vertical-align: middle;
    background-position: 50%;
    background-repeat: no-repeat;
    text-indent: -9999em;
    overflow: hidden
}

.ath-ios7 .ath-action-icon,
.ath-ios8 .ath-action-icon,
.ath-ios9 .ath-action-icon {
    width: 1.6em;
    height: 1.6em;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAACtCAYAAAB7l7tOAAAF6UlEQVR4AezZWWxUZRiH8VcQEdxZEFFiUZBFUCIa1ABBDARDcCciYGKMqTEGww3SOcNSAwQTjOBiiIpEhRjAhRgXRC8MFxojEhAFZUGttVhaoSxlaW3n8W3yXZxm6vTrOMM5Q98n+V9MMu1pvl++uZhKuypghu49KaaTWGdZSYoVN6VD95nMpLNYZ9XNbdQR2od2k88O3Gm6Bh0t7H0p5Vwp2Ax3ajpu2tYbciFWwkTFO63DY6+JcI4USFaSyYpWp8N7SVZJKR3EinkBk9JxvZFXxhnZSjBaoWp1ZL0ES8WKYXMZp0AndORgy8WKFe5Yf1zvvSBWDEpys2LU6MjD5kmEWQlGKsJRHXlcqUSQVcItEnDEA6gAb7LhjvD9WO6yIEfICQI5A1nzGCYB1T4og5bBiFcyv2f6ujYhl4iVxwKG6qp8MK55HsqPwK0rMr9v/yEo3uCPrJstVh5KMER30Aeh31Ioq0FrHfjXw9CYghnrvYFTuqfEymFzGSwBlT4ARYr7u+K6GLmCVGvAGg2NMG0d/sgJnpScZLjXSkC5z8H3eQ72/k24Q8NfzvwFyK4qtuJSZKaubRPyE/K/Mtx+EvCHL+7uasId1t10w0scz/RzSzYzAfgKV30D3LPaG7lRkR8RK4tKKJKAMp+D7r0EfmmOe0x3m2itAc/ZxBjgAt1mXHWKPPkdb+QGSTJdrDaU5EoJ2OtzwD0WwY7KNNzbRfMFFg24WPdtGHnS221Cflgsj56hjwTs8TnY7oq7/QDhjutGicsb2AVcovsO18l6uPPNNiE/JFaGAq7Q7fY50G4LYVtz3FrdaNGyBXbIl+q24DqhyHes9EaulwR3SwtZs+ktAT/7HORliru1gnCndONFyx44Dfn7MPLYN7yR6yTJZAllJeguAT/4HOBFz8I3ZWm4E0TLFbBD7qn7EVdtHYx53R9ZN0ksrZRuErDN5+AuLIWvm+Oe1k0ULdfADrmX7idcR0/DyBXeyCdlLuMMOGCBz4F1ng+f7yFcve5e0fIFHELeiav6BAx70Rt5p0yhY3u/wR0kyarW/uX35b403PtFyzewQ75ctwtXzSkY8WqruHslSV8RscrL6TJ1bcvfWJ0/HzbtIdw/ugdFyzdwOOAq3T6fmzxwGQ3vbmO8iFioIWqYSsHMj9M/ljfuTsOdItoZBXYBfXX7cVXVwvXLm/8+fU3lcdCqdEMNGBbgUmRmfQISQKd5sGEn4VK6YtEiAXYBA3QVuA4q8hCHrDcafR1ul65jewfuovsCl7vJrNlOuEbdo6JFCuwCrtb9hqusBu56Cw4cI1y1briIWEBn3Ue0XKPuMdGiBg4H9NdV0HJ/6QZLOEPmPN0GmpfSPS5arIBdwHUtIFfoBsl/ZsgfhHCfFi2WwC5goO4AmvanbqBkzJA76tboZokWa2AXMEi3RTdAvDLkDqJFAhzB32xFD2wZsGXA0WfAlgFbBmwZsGXAlgFbBpzk04JaKb0iA9ZnF9x5SQAFtRKKIgPWZxfaeRmwAZ/BGbAB37eaG6MCbnq2Aed5czYyKirgpmcbsAHHZAZswN0Wwo7KeG1fFf2jAm56dtzOQ42yB+65mDhWFBUwUETMUiMDNmADbp/APRaTAh6I2bpGCNw1bufRZJQ1cPdF/NueHZsgDEBBGLbMGoIu4AZu5gLOZeEaYmEXeznF3jRPyEv4frgJvvJe3qTefY0AAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwb8rwADBgwYMGDAgAEDBgwYMGDAgAEDBgwYMGDAgAEDBgz4/sz1Nia/9hizA7zgklwy3RYwYMBzBRjw4bPjxAbAAizAAtwgwAIswAIswAIMGDBgARZgARZgAS4FWIAFWIAFWIABAwYswAIswAIswIUAC7AAC7AACzBgwIAFWIAFWIAFuBBgARZgARZgAQYMGPApQ99ZCdgWtzqwATbABtgAG2DbnxNb7zbRimsMLMACrDf2wMWI/WasfQAAAABJRU5ErkJggg==);
    margin-top: -.3em;
    background-size: auto 100%
}

.ath-ios6 .ath-action-icon {
    width: 1.8em;
    height: 1.8em;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAAB0CAQAAADAmnOnAAAAAnNCSVQICFXsRgQAAAAJcEhZcwAAWwEAAFsBAXkZiFwAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAF4klEQVR4Ae3a/a+XdR3H8ec5HM45HDmKICoVohkZsxESRRCzcZM/2JKkdGR5MrSkleA0Pd00O4u5IVuNM2yYc6XSzCExU4oUNRPCJFdMUAhsYZpUGhscOHA4N8/WZzsL6HBxvofvdV3fa3yer//gsV3vH659KHzncBsJxUYhDzOEhCKQbORs+ip2wzgM+wvj+P9i35qAGLaHGcQSgKSTrxBLABJppZpYApCspoFYApBsZjSxBCD5OxOJJQBJG1cQSwCSLpqJJQCJ3MvgCGTinuSMCJS8LZwfgZL3FtMiUPIOcU0ESl4PLRHoRPsJtREoeRsYGYGS9yrvo6RmpbLaigWSfzOdErLs6+bLUMFA0sF1+QF1cz1UNlBYK9V5AHXyWSgEkKyiIWOgGh829Ki1lLcaxjCVK7mJRSxjBY+zgRf/u9pXcMB7jhEZAg32EUP3O6hMKOP5Iq2sZQeHMZXt5KKMgOpcY+iHVnFyjeQKlrCBdsxge5ieAVC9vzLUelI8H+A7bKIHM10H81IGGuKvDf1ggDxVTKOV1zG3/Yia1ICG+ltD32MgNTKfP2HuW0VDKkCNrjfUTOm9i6XswwrZJkaVHeh0f2fodkrtfO6jAytqrzG+rEDDfVG1x1sprZEs5RBW4PZxeT+Bbrf5hPu9arfzKaU6WjiAFbseWvoF1GW/6vYGSmkyW7Dit4xB5QHq9Br6Xx2t9GAhtp6zkoHsfNp1J9wX6H+jeR4LtJc4LxGopZZyNpN/YcG2mw9nBTSPLizgOmjKAujGgvJID3ekD7QYi7nGzkvmQtpA38Vi7iJf0TedlC7QTVjMfcY2QyvSBPpUMW/PIBfbo9pls1XpAX2EdizeznStob3OJpQO0DB2YfE21q2GtnghpAm0Gou3T9tm6BGHQppA12HRVt17eboNlydNoLHsx2JtmL801OYcQmkC/QKLtQt9ydBW3wNpA30ci7Ur3WdolUMhbaBqNhf/8qQJ9Hkszs5wjaH9XkUobaAqtmFRdoGbDb3sWMgG6DIs5852knO82RaXer+P+qyb3eWeo7ZNBrRZvm1otY2QFdBjeHIb6hTne49Put12+9ObMoDdYmfy5UkF6AK6cCCr9aM2u9IddptcOYCG+FNDB5xLKCugO7G01TndFp/xgAntdYvrfdwVLnORt3q9Vx25F27DUjbGPxr6qxMgW6Cd2N+d6wLXedA+6nKbK73Lr/pJxzusvE/wZrvX0FOOgGyBxmF/dprXutYOj6nNdS6xyYnWp/dGcaGdhr5vDWQN9E1MXrUzfcA2j2qPj/l1J1uT9iPOeh8w1O7nCGUN9HzyGZ7ndo9qp0ucanU2r1xH+wdDu5wIeQDVVx0+/kd1i697RNv8thdn+Qz4Uv9p6DeOhHyApmBfq3OBu+3Nfd7nVELZAX3Nw4ZarYG8gG7GY1dlk6/Zm3/2Rk8jlB1QvT82dNAmQjkBVf8Mj957fdrefM7ZVhPKEuidvmDob06CXIGGbsX/bZDf8KAhfdbJhLIGmuZuQ084HHIGatiLvRvrRkP6qldbBXkAzbfD0N0OhryBGqrEMOd50FC7d1hPKGugBh8ydMh5hPIGGouI1d5lj6F1vptQ9kDvcKOhN5wMlQH0QcRGnzC03yZCeQDN9G1D6xwBFQI07FI8x02GdjgB8gJqttPQcmuhYoAumzvG7YZWejrkA1TrPYYO+SVCFQO0aM4bqj0uJJQH0LluSP7PkyeQU9QOmyAvoBm+Zegpz4LKA/qYB/wE5AXUe3m81zqoRKAPOYWcuvP9dxvqcD6h7IAKkaNU3eUlHLcI9EzS5YlAi62h/zUy89QCqqKUmvgHywsJlEHnsQYxAvXVIJo5gIhnPhiBju1iNmLvLn85Ah1ZPYs5jBGo72awEzEC9dVwHqQHI9DxWoAYgSLQQKteGIESu/qhCJTYtT+PQBEoAkWgCBSBkotAEehUWwSKQBEoAkWg/BeBIlAEikARKAJFoFmealu4gVLy1Gt5dkARKAL9BzujPSurTmu/AAAAAElFTkSuQmCC);
    margin-bottom: .4em;
    background-size: 100% auto
}

.ath-android .ath-action-icon {
    width: 1.4em;
    height: 1.5em;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAANlBMVEVmZmb///9mZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZW6fJrAAAAEXRSTlMAAAYHG21ub8fLz9DR8/T4+RrZ9owAAAB3SURBVHja7dNLDoAgDATQWv4gKve/rEajJOJiWLgg6WzpSyB0aHqHiNj6nL1lovb4C+hYzkSNAT7mryQFAVOeGAj4CjwEtgrWXpD/uZKtwEJApXt+Vn0flzRhgNiFZQkOXY0aADQZCOCPlsZJ46Rx0jhp3IiN2wGDHhxtldrlwQAAAABJRU5ErkJggg==);
    background-size: 100% auto
}

.ath-container p {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 2147483642;
    text-shadow: 0 .1em 0 #fff;
    font-size: 1.1em
}

.ath-ios.ath-phone:after {
    content: '';
    background: #fff;
    position: absolute;
    width: 2em;
    height: 2em;
    bottom: -.9em;
    left: 50%;
    margin-left: -1em;
    -webkit-transform: scaleX(.9) rotate(45deg);
    transform: scaleX(.9) rotate(45deg)
}

.ath-ios.ath-tablet:after {
    content: '';
    background: #fff;
    position: absolute;
    width: 2em;
    height: 2em;
    top: -.9em;
    left: 50%;
    margin-left: -1em;
    -webkit-transform: scaleX(.9) rotate(45deg);
    transform: scaleX(.9) rotate(45deg);
    z-index: 2147483641
}

.ath-application-icon {
    position: relative;
    padding: 0;
    border: 0;
    margin: 0 auto .2em;
    height: 6em;
    width: 6em;
    z-index: 2147483642
}

.ath-container.ath-ios .ath-application-icon {
    border-radius: 1em;
    box-shadow: 0 .2em .4em rgba(0, 0, 0, .3), inset 0 .07em 0 rgba(255, 255, 255, .5);
    margin: 0 auto .4em
}

@media only screen and (orientation:landscape) {
    .ath-container.ath-phone {
        width: 24em
    }
    .ath-android.ath-phone,
    .ath-ios.ath-phone {
        margin-left: -12em
    }
    .ath-ios6:after {
        left: 39%
    }
    .ath-ios8.ath-phone {
        left: auto;
        bottom: auto;
        right: .4em;
        top: 1.8em
    }
    .ath-ios8.ath-phone:after {
        bottom: auto;
        top: -.9em;
        left: 68%;
        z-index: 2147483641;
        box-shadow: none
    }
}

.br-theme-css-stars .br-widget {
    height: 28px;
    white-space: nowrap
}

.br-theme-css-stars .br-widget a {
    text-decoration: none;
    float: left;
    margin-right: 5px
}

.br-theme-css-stars .br-widget a:after {
    content: "\2605";
    color: #ddd
}

.br-theme-css-stars .br-widget a.br-active:after,
.br-theme-css-stars .br-widget a.br-selected:after {
    color: #ffdf88
}

@media print {
    .br-theme-css-stars .br-widget a:after {
        content: "\2606";
        color: #000
    }
    .br-theme-css-stars .br-widget a.br-active:after,
    .br-theme-css-stars .br-widget a.br-selected:after {
        content: "\2605";
        color: #000
    }
}

.br-theme-css-stars .br-widget a {
    height: 36px;
    width: 36px;
    font-size: 36px
}

.br-theme-css-stars .br-widget a:nth-child(5) {
    margin-right: 15px
}

@media screen and (max-width:600px) {
    .br-theme-css-stars .br-widget a {
        float: none
    }
}

.br-theme-css-stars .br-widget .br-current-rating {
    font-size: 18px;
    font-size: 1.125rem;
    font-family: "Titillium Web Semibold", "Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fc0;
    display: block;
    pointer-events: none
}

@media screen and (min-width:600px) {
    .br-theme-css-stars .br-widget .br-current-rating {
        position: relative;
        top: 15px
    }
}

table.tournament-bracket tbody tr.highlight-row:hover td,
table.tournament-bracket td:hover {
	background-color: rgba(0, 0, 0, 0);
}

table.tournament-bracket td {
	padding: 0;
}

table.tournament-bracket td.table__link,
table.tournament-bracket td .team--inline {
	padding-right: 0.5em;
	padding-left: 0.5em;
}

table.tournament-bracket table {
	margin: 0;
}

table.tournament-bracket td {
	border: none;
}

img.icon {
	display: inline-block !important;
	position: relative;
	top: -1px;
	margin-right: 0px !important;
}

.page-intro__game-icon {
    width: 26px;
    height: 26px;
    fill: #4285f4;
    top: 4px !important;
}