/* ==================== reset ==================== */

/**
 * http://meyerweb.com/eric/tools/css/reset/
 * v2.0 | 20110126
 * License: none (public domain)
**/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s,
samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul,
li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article,
aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output,
ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
HTML5 display-role reset for older browsers  article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/*
h1, h2, h3, h4, h5, p, div, span,
ul, ol, li, input, hr, footer,
header, nav, a, section { -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
*/

/* ==================== fonts ==================== */



@font-face {
	font-family: 'OpenSans-CondensedBold';
	src: url('/media/css/fonts/opensans-condbold-webfont.eot');
	src: url('/media/css/fonts/opensans-condbold-webfont.eot?#iefix') format('embedded-opentype'),
	   url('/media/css/fonts/opensans-condbold-webfont.woff') format('woff'),
	   url('/media/css/fonts/opensans-condbold-webfont.ttf') format('truetype'),
	   url('/media/css/fonts/opensans-condbold-webfont.svg#open_sans_condensedbold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'bebas';
    src: url('/media/css/fonts/bebas___-webfont.eot');
    src: url('/media/css/fonts/bebas___-webfont.eot?#iefix') format('embedded-opentype'),
         url('/media/css/fonts/bebas___-webfont.woff2') format('woff2'),
         url('/media/css/fonts/bebas___-webfont.woff') format('woff'),
         url('/media/css/fonts/bebas___-webfont.ttf') format('truetype'),
         url('/media/css/fonts/bebas___-webfont.svg#bebasregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'geogrotesque';
    src: url('/media/css/fonts/geogrotesque_bold-webfont.eot');
    src: url('/media/css/fonts/geogrotesque_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/media/css/fonts/geogrotesque_bold-webfont.woff2') format('woff2'),
         url('/media/css/fonts/geogrotesque_bold-webfont.woff') format('woff'),
         url('/media/css/fonts/geogrotesque_bold-webfont.ttf') format('truetype'),
         url('/media/css/fonts/geogrotesque_bold-webfont.svg#geogrotesque_bdbold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'geogrotesque';
    src: url('/media/css/fonts/geogrotesque_medium-webfont.eot');
    src: url('/media/css/fonts/geogrotesque_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/media/css/fonts/geogrotesque_medium-webfont.woff2') format('woff2'),
         url('/media/css/fonts/geogrotesque_medium-webfont.woff') format('woff'),
         url('/media/css/fonts/geogrotesque_medium-webfont.ttf') format('truetype'),
         url('/media/css/fonts/geogrotesque_medium-webfont.svg#geogrotesque_mdmedium') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'geogrotesque';
    src: url('/media/css/fonts/geogrotesque_regular-webfont.eot');
    src: url('/media/css/fonts/geogrotesque_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/media/css/fonts/geogrotesque_regular-webfont.woff2') format('woff2'),
         url('/media/css/fonts/geogrotesque_regular-webfont.woff') format('woff'),
         url('/media/css/fonts/geogrotesque_regular-webfont.ttf') format('truetype'),
         url('/media/css/fonts/geogrotesque_regular-webfont.svg#geogrotesque_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'geogrotesque';
    src: url('/media/css/fonts/geogrotesque_semibold-webfont.eot');
    src: url('/media/css/fonts/geogrotesque_semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/media/css/fonts/geogrotesque_semibold-webfont.woff2') format('woff2'),
         url('/media/css/fonts/geogrotesque_semibold-webfont.woff') format('woff'),
         url('/media/css/fonts/geogrotesque_semibold-webfont.ttf') format('truetype'),
         url('/media/css/fonts/geogrotesque_semibold-webfont.svg#geogrotesque_smbdsemibold') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
	font-family: 'gc-icon-font';
	src: url('/media/css/fonts/gc-icon-font.eot');
	src: url('/media/css/fonts/gc-icon-font.eot?29097312#iefix') format('embedded-opentype'),
	   url('/media/css/fonts/gc-icon-font.woff?29097312') format('woff'),
	   url('/media/css/fonts/gc-icon-font.ttf?29097312') format('truetype'),
	   url('/media/css/fonts/gc-icon-font.svg?29097312#gc-icon-font') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'overwatch';
	src:url('/media/css/fonts/overwatch.eot?-1a1gcf');
	src:url('/media/css/fonts/overwatch.eot?#iefix-1a1gcf') format('embedded-opentype'),
		url('/media/css/fonts/overwatch.ttf?-1a1gcf') format('truetype'),
		url('/media/css/fonts/overwatch.woff?-1a1gcf') format('woff'),
		url('/media/css/fonts/overwatch.svg?-1a1gcf#overwatch') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* ======================================== styles ======================================== */

/* ==================== tools ==================== */
.fadable { visibility: visible; opacity: 1; transition-delay: 0s; transition: visibility 0s linear, opacity .3s ease;  }
.fadable.hide { visibility: hidden; opacity: 0; transition: visibility 0s linear .3s, opacity .3s ease; }

/* ==================== layout ==================== */
body { background-image: url(../img/bg-mobile.jpg); background-size: 120% auto; font-family: 'geogrotesque', sans-serif; background-color: #e7f6fb; color: #fff; line-height: 1.1em; font-size: 1em; background-position: center 0; background-position: center 0, center top; background-repeat: no-repeat; background-repeat: no-repeat, repeat-y; }
a { color: #ffffff; text-decoration: none; }
a:hover { color: #20b6db; }
sup { vertical-align: super; font-size: 0.6em; }

.section-wrapper { max-width: 960px; margin: 0 auto; }
.section-title { font-size: 1.750em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 5px 0; border-bottom: 3px solid rgba(1, 27, 52, 0.75); text-transform: uppercase; text-align: center; line-height: 0.98em; font-weight: 500; background-image: url(../img/bg-section-title.jpg); background-repeat: repeat-x; background-position: center; }
/*.section-title [class^="icon-"] { font-size: 31px; vertical-align: top;	display: inline-block; }*/

#main-header { background-image: url(../img/top-header.jpg); background-repeat: no-repeat; background-position: center top; background-color: #101638; position: fixed; top: 0; left: 0; z-index: 100; width: 100%; }
#content-wrapper { max-width: 1000px; }

/* ==================== icons ==================== */
[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family: "gc-icon-font";
	font-style: normal;
	font-weight: normal;
	speak: none;

	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;

	/* For safety - reset parent styles, that can break glyph codes*/
	font-variant: normal;
	text-transform: none;
    
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-schedule:before { content: '\e800'; } /* 'î €' */
.icon-social:before { content: '\e801'; } /* 'î ' */
.icon-streaming:before { content: '\e802'; } /* 'î ‚' */
.icon-list:before { content: '\e803'; } /* 'î ƒ' */
.icon-cross:before { content: '\e804'; } /* 'î „' */
.icon-left-arrow:before { content: '\e805'; } /* 'î …' */
.icon-right-arrow:before { content: '\e806'; } /* 'î †' */
.icon-left-thin-arrow:before { content: '\e807'; } /* 'î ‡' */
.icon-right-thin-arrow:before { content: '\e808'; } /* 'î ˆ' */
/*.icon-download:before { content: '\e809'; } *//* 'î ‰' */
.icon-clock:before { content: '\e80a'; } /* 'î Š' */
.icon-live:before { content: '\e80b'; } /* 'î ‹' */
.icon-games:before { content: '\e80c'; } /* 'î Œ' */
.icon-twitter:before { content: '\e80d'; } /* 'î ' */
.icon-gplus:before { content: '\e80e'; } /* 'î Ž' */
.icon-vk:before { content: '\e80f'; } /* 'î ' */
.icon-wow:before { content: '\e810'; } /* 'î ' */
.icon-sc2:before { content: '\e811'; } /* 'î ‘' */
.icon-d3:before { content: '\e812'; } /* 'î ’' */
.icon-blizz:before { content: '\e813'; } /* 'î “' */
.icon-hs:before { content: '\e814'; } /* 'î ”' */
.icon-heroes:before { content: '\e815'; } /* 'î •' */
.ico-overwatch {
    font-family: 'overwatch';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; }
.ico-overwatch:before { content: '\e600'; }
.icon-fb:before { content: '\e816'; } /* 'î –' */

#orientation-message {
    width: 100%;
    height: 100%;
    background-color: rgba(10,19,44, 0.95);
    position: fixed;
    display: none;
    z-index: 99999;
}
    

@media all and (orientation: landscape) {
    .is-mobile #orientation-message {
        display: block;
    }
    
    .is-mobile #orientation-message p {
        font-size: 24px;
        font-weight: 300;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        width: 80%;
        height: 20%;
        color: #fff;
        text-align: center;
        line-height: 30px;
        
    }
}
    
/* ==================== header ==================== */
#header { max-width: 960px; color: #040c31; margin: 0 auto; padding: 85% 10px 5px 10px; text-align: center; /*z-index: 5;*/ position: relative; }
#header h1 { margin-bottom: 20px; }
#header h1,
#header p { text-transform: uppercase; line-height: 1.2em; text-align: center; font-size: 1.2em; font-weight: bold; }
#header p { font-weight: 300; margin-bottom: 45px; }

#header .how-to-enter { box-shadow: 0 0 50px rgba(31, 182, 218, 0.7); display: inline-block; background-color: #1fb6da; text-transform: uppercase; font-weight: 500; font-size: 1.1em; -webkit-transition: color .3s; transition: color .3s; }
#header .how-to-enter > span { display: block; padding: 10px 60px; }
#header .how-to-enter:hover { color: #040c31;  }


/* ==================== overlay ==================== */
#overlay { width: 100%; height: 100%; background-color: rgba(1,27,52, 0.95); position: fixed; top: 0; left: 0; z-index: 6; display: none; }

#overlay-content { position: fixed; width: auto; left: 0; top: 0; z-index: 6; background-color: #fff;border: 1px solid #011b34; display: none; height: 100%; /* pointer-events: all; */ }
#overlay-content h2 { font-size: 1.8em; text-transform: uppercase; font-weight: bold; line-height: 1em; padding: 100px 0 20px 0; color: #1f496e; }
#overlay-content h2 span { color: #1fb6da; }
#overlay-content a.close { position: absolute; top: 61px; right: 0px; background-color: #1fb6da; padding: 5px 10px; font-size: 1.2em; font-weight: bold; }
#overlay-content a.close:hover { color: #1f496e; }
#overlay-content div {
    background: rgb(12,46,79); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(12,46,79,1) 0%, rgba(31,72,109,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(12,46,79,1)), color-stop(100%,rgba(31,72,109,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(12,46,79,1) 0%,rgba(31,72,109,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(12,46,79,1) 0%,rgba(31,72,109,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(12,46,79,1) 0%,rgba(31,72,109,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(12,46,79,1) 0%,rgba(31,72,109,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c2e4f', endColorstr='#1f486d',GradientType=0 ); /* IE6-9 */
    height: 100%;
    overflow-y: scroll;
}

#overlay-content div p { padding: 40px; text-align: center; font-size: 1.1em; /*text-transform: uppercase; */line-height: 1.3em; }
#overlay-content div p .btn-rules { text-transform: uppercase; text-decoration: underline; font-weight: 500; }
#overlay-content .close-mask { display: none; }

/* ==================== how to enter ==================== */
.how-to-enter-section { z-index: 1; position: relative; background-color: #1fb6da; font-size: 1.1em; font-weight: 300; text-transform: uppercase; line-height: 1.2; text-align: center; }
.how-to-enter-section p { padding: 35px 55px; } 


/* ==================== hub nav ==================== */
#hub-nav { max-width: 834px;  margin: 0 auto; font-size: 1em; font-weight: 500; text-transform: uppercase; height: 62px; }
#hub-nav .mobile-grid-33,
#hub-nav .mobile-grid-50,
#hub-nav .grid-container { padding-left: 0; padding-right: 0; }
#hub-nav a { text-align: center; display: block; float: left; -webkit-transition: color ease-in-out .2s; transition: color ease-in-out .2s; }
#hub-nav a.active { color: #20b6db; }
#hub-nav .nav-link { float: right; height: 62px; line-height: 62px; }
.ru-ru #hub-nav .nav-link { font-size: 11px; font-weight: bold; padding: 0; margin: 0; }
.ru-ru #hub-nav .nav-link > span { padding: 0 0; }
#hub-nav .nav-link > span { vertical-align: middle; display: inline-block; line-height: normal; }

/* ==================== keyart - fragments ==================== */
#keyart-container { max-width: 1295px; margin: 0 auto; position: fixed; overflow: hidden; z-index: 0; width: 100%; height: 100%; /*pointer-events: none;*/ }

#keyart { text-align: center; position: relative; margin: 62px auto 0 auto; width: 0; /*pointer-events: none;*/ }
#keyart img { display: none; top: 58px; position: relative; z-index: 10; left: -134.5px; }

#keyart .fragment { display: none; z-index: 5; position: absolute; background-image: url(../img/keyart-fragments.png); background-repeat: no-repeat; }
#keyart .sylvanas {     -webkit-animation: bodyFloat 4.1s 0s ease-in-out infinite; animation: bodyFloat 4.1s 0s ease-in-out infinite; top: 95px; left: -564px; width: 154px; height: 335px; background-position: 0 0; }
#keyart .diablo {       -webkit-animation: bodyFloat 3.7s 0s ease-in-out infinite; animation: bodyFloat 3.7s 0s ease-in-out infinite; top: 212px; left: -489px; width: 172px; height: 210px; background-position: -154px 0; }
#keyart .protoss {      -webkit-animation: bodyFloat 3.9s 0s ease-in-out infinite; animation: bodyFloat 3.9s 0s ease-in-out infinite; top: 151px; left: -364px; width: 216px; height: 235px; background-position: -154px -210px; }
#keyart .lichking {     -webkit-animation: bodyFloat 4.2s 0s ease-in-out infinite; animation: bodyFloat 4.2s 0s ease-in-out infinite; top: 231px; left: 125px; width: 156px; height: 173px; background-position: -326px 0; }
#keyart .hs {           -webkit-animation: bodyFloat 3.4s 0s ease-in-out infinite; animation: bodyFloat 3.4s 0s ease-in-out infinite; top: 133px; left: 343px; width: 173px; height: 158px; background-position: -370px -210px; }
#keyart .hanzo {        -webkit-animation: bodyFloat 4.5s 0s ease-in-out infinite; animation: bodyFloat 4.5s 0s ease-in-out infinite; top: 108px; left: 394px; width: 178px; height: 320px; background-position: -543px 0; }
#keyart .widowmaker {   -webkit-animation: bodyFloat 3.3s 0s ease-in-out infinite; animation: bodyFloat 3.3s 0s ease-in-out infinite; top: 41px; left: 124px; width: 239px; height: 219px; background-position: -721px 0; }
#keyart .fragment-1 {   -webkit-animation: bodyFloat 4.4s 0s ease-in-out infinite; animation: bodyFloat 4.4s 0s ease-in-out infinite; top: 21px; left: -317px; width: 212px; height: 159px; background-position: -721px -219px; }
#keyart .fragment-2 {   -webkit-animation: bodyFloat 3.8s 0s ease-in-out infinite; animation: bodyFloat 3.8s 0s ease-in-out infinite; top: 306px; left: -267px; width: 160px; height: 154px; background-position: -960px 0; }
#keyart .fragment-3 {   -webkit-animation: bodyFloat 3.7s 0s ease-in-out infinite; animation: bodyFloat 3.7s 0s ease-in-out infinite; top: 303px; left: 262px; width: 160px; height: 150px; background-position: -960px -154px; }

@-webkit-keyframes bodyFloat {
    0%, 100% { -webkit-transform: translate3d(0, 0px, 0) rotate(0); transform: translate3d(0, 0px, 0) rotate(0); }
    50% { -webkit-transform: translate3d(0, 10px, 0) rotate(-2deg); transform: translate3d(0, 10px, 0) rotate(-2deg); }
}

@keyframes bodyFloat {
    0%, 100% { -webkit-transform: translate3d(0, 0px, 0) rotate(0); transform: translate3d(0, 0px, 0) rotate(0); }
    50% { -webkit-transform: translate3d(0, 10px, 0) rotate(-2deg); transform: translate3d(0, 10px, 0) rotate(-2deg); }
}


/* ==================== parallax - fragments ==================== */
#parallax { /* overflow: hidden; */ max-width: 1395px; margin: 0 auto 50px auto; position: relative; z-index: 1; padding: 0 10px; }


/* ==================== contest ==================== */
.contest-section { display: none; overflow: hidden; margin-top: 33px; background: rgb(8,40,72); z-index: 1; position: relative; background-color: #0d3050; text-align: center; }
.contest-section h2 { height: 60px; overflow: hidden; -webkit-transition: background-color .3s, border-color .3s; transition: background-color .3s, border-color .3s; background-color: #1f496e; border-bottom: 1px solid #011b34; border-left: 1px solid #011b34; border-right: 1px solid #011b34; font-size: 1em; font-weight: 300;  }
.contest-section h2.active { font-size: 1.1em; }
.contest-section h2:hover,
.contest-section h2.active { background-color: transparent; }

.contest-section h2 a { display: block; padding: 10px 0; -webkit-transition: padding-top .2s; transition: padding-top .2s; }
.contest-section h2.active a { padding-top: 20px; }
.contest-section h2 a:hover { color: #fff; }
.contest-section h2 span { -webkit-transition: opacity .3s; transition: opacity .3s; text-transform: uppercase; font-size: 0.8em; font-weight: normal; display: block; }
.contest-section h2.active span { opacity: 0; }
.contest-section .tab-content { display: none; /*text-transform: uppercase; */width: 100%; }
.contest-section .tab-content.active { display: block; }
.contest-section .tab-content .date { background-color: #1fb5da; font-weight: 300; padding: 4px 0;}
.contest-section .tab-content p {  padding: 20px 20px; line-height: 1.3em; }


/* ==================== prizes ==================== */
.prizes-section { margin-top: 30px; z-index: 1; position: relative; border: 1px solid #011b34; background-color: #0d3050; background-image: url(../img/prizes/banner.jpg); background-repeat: no-repeat; background-position: center 16%; background-size: 88% auto; }
.prizes-section p.explanation { padding: 0 20px; text-align: center; font-size: 1em; /*text-transform: uppercase;*/ line-height: 1.3em; }
.prizes-section p.disclamer { padding: 48% 20px 15px 20px; font-size: 11px; text-align: center; }


#btn-open-prizes { text-align: center; margin: 0 auto; font-weight: 500; display: block; position: relative; background-image: url(../img/btn-prize.png); width: 217px; height: 76px; -webkit-transition: color .3s; transition: color .3s; }
#btn-open-prizes:hover { color: #040c31; }
#btn-open-prizes span { text-align: center; padding: 30px 0 0 0; text-transform: uppercase; display: block; }

#gifts { padding: 0; overflow: hidden; }
#gifts .container { box-shadow: 0 0 10px rgba(0,0,0,0.42); position: relative; height: 0px; overflow: hidden; -webkit-transition: height .3s; transition: height .3s; }
#gifts .container.open { height: auto; }
#gifts .close { position: absolute; top: 10px; right: 10px; z-index: 5; display: block; }
#gifts .carousel { background-color: #0a2239; box-shadow: 0 0 50px 27px rgba(0, 0, 0, 0.2) inset; }
#gifts .item { width: 100%; padding: 0 0 20px 0; }
#gifts ul { padding: 0px 20px; list-style: disc outside none; font-weight: normal; font-size: 0.9em; }
#gifts ul li { margin-bottom: 5px; padding-right: 30px; }
#gifts p {   margin-bottom: 35px; }

#gifts h3 { line-height: 100px; height: 110px; text-transform: uppercase; box-shadow: 0 0 50px 27px rgba(0, 0, 0, 0.2) inset; background-color: #061826; background-repeat: no-repeat; font-size: 44px; font-weight: 500; background-position: center; text-align: center; }
#gifts h3 span { vertical-align: middle; display: inline-block; line-height: normal; }
#gifts h3 span sup { text-transform: lowercase; }

#gifts h3.pos-1 { background-image: url(../img/prizes/1.jpg); color: #ffd02e; }
#gifts h3.pos-2 { background-image: url(../img/prizes/2.jpg); color: #cfd6d6; }
#gifts h3.pos-3 { background-image: url(../img/prizes/3.jpg); color: #ffb380; }
#gifts h3.pos-4 { background-image: url(../img/prizes/4.jpg); color: #abefff; }
#gifts h3.pos-5 { background-image: url(../img/prizes/5.jpg); color: #abefff; }
#gifts h3.pos-6 { background-image: url(../img/prizes/6.jpg); color: #abefff; }
#gifts h3.pos-7 { background-image: url(../img/prizes/7.jpg); color: #abefff; }
#gifts h3.pos-8 { background-image: url(../img/prizes/8.jpg); color: #abefff; }
#gifts h3.pos-9 { background-image: url(../img/prizes/9.jpg); color: #abefff; }
#gifts h3.pos-10 { background-image: url(../img/prizes/10.jpg); color: #abefff; }
#gifts h3.pos-11 { background-image: url(../img/prizes/11.jpg); color: #61ff77; }

#gifts .content { padding: 20px; background-image: url(../img/prizes/line.png); background-position: center top; background-repeat: no-repeat; }


/* ==================== vote ==================== */
/* ==================== social ==================== */
.vote-section,
.social-section { margin-top: 33px; background-color: #0d3050;  z-index: 1; position: relative; }
#view-older-posts,
.view-votes {
    background-color: #011b34;
    display: block;
    padding: 10px 15px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
}

.vote-section p.description  {
    padding: 20px 40px 0 20px;
    text-align: center;
    font-size: 18px;
    line-height: 22px;
}

/* ==================== schedule ==================== */
.schedule-section { position: fixed; top: 62px; left: 0; width: 100%; height: 100%; z-index: 50; }
.schedule-section .schedule-section-wrapper { position: relative;  }
.schedule-section .section-title .ico-schedule { background-image: url(../img/ico-schedule-title.png); display: inline-block; width: 22px; height: 9px; position: relative; top: -3px; left: 10px; }
.schedule-section .schedule-header { text-transform: uppercase; position: relative; }
.schedule-section .close-button { position: absolute; top: 20px; left: 20px; color: #fff; font-weight: 500; font-size: 1.2em; display: inline-block; }
.schedule-section .download-button { position: absolute; top: 20px; right: 20px; color: #fff; font-weight: 500; font-size: 1.2em; display: inline-block; }
.schedule-section .close-button .icon-left-thin-arrow { font-size: 0.8em;  }
.schedule-section .filters-container { background-color: #011d43; padding: 20px; }
.schedule-section .filters-container .grid-container,
.schedule-section .filters-container .mobile-grid-33  { padding: 0; margin: 0; }
.schedule-section .filters-container .mobile-grid-50  { padding: 0; }
.schedule-section .filters-container > .grid-container { margin-top: 30px; }
.schedule-section .filters-container .title { display: none; font-weight: 500; font-size: 1.125em; margin-bottom: 10px; }
.schedule-section .filter-item,
.schedule-section .select-all { color: #1f496e; background-color: #011b34; }
.schedule-section .filter-item { width: 14.28571428571429%; float: left; font-size: 2em; display: block; position: relative; transition: background .3s, color .3s; height: 50px; line-height: 50px; text-align: center; }
.not-mobile .schedule-section .filter-item:hover { background-color: #fff; color: #1fb6da; transition: background .1s, color .1s; }
.schedule-section .filter-item [class^="icon-"] { }
.schedule-section .filter-item [class^="icon-"]:before,
.schedule-section .filter-item [class*=" icon-"]:before { margin-right: 0; }
.schedule-section .filter-item.active {  background-color: #fff; color: #1fb6da; }
.schedule-section .select-all { display: block; margin-top: 15px; font-size: 1.2em; text-decoration: none; padding: 12px 12px 10px; border-bottom: 1px solid #482b75; }
.schedule-section .select-all { float: left; }
.schedule-section .download-button .ico-download { float: right; margin-left: 8px; background-image: url(../img/schedule/ico-download.png); display: inline-block; width: 19px; height: 19px; }
.schedule-section .schedule-content { background: rgb(12,46,79); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(12,46,79,1) 0%, rgba(31,72,109,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(12,46,79,1)), color-stop(100%,rgba(31,72,109,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(12,46,79,1) 0%,rgba(31,72,109,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(12,46,79,1) 0%,rgba(31,72,109,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(12,46,79,1) 0%,rgba(31,72,109,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(12,46,79,1) 0%,rgba(31,72,109,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c2e4f', endColorstr='#1f486d',GradientType=0 ); /* IE6-9 */ 
    border-left: 1px solid #011b34;
    border-right: 1px solid #011b34;
    border-bottom: 1px solid #011b34;
}
.schedule-section .days-container { padding: 0; }
.schedule-section .days-container .day-item { transition: background-color .3s; background-color: #1f496e;  font-weight: 500; font-size: 0.9em; padding: 15px 0; border: 1px solid #011b34; text-decoration: none; text-transform: uppercase; text-align: center; color: #fff; }
.schedule-section .days-container .day-item:hover,
.schedule-section .days-container .day-item.active { background-color: #1fb6da; }
.schedule-section .days-container .day-item .long-date { display: none; }
.schedule-section .days-container .day-item .short-date { display: inline; }
.schedule-section .schedule-container { position: relative; }
.schedule-section .schedule-wrapper { position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow-y: scroll; }
/*
.schedule-section .schedule-wrapper::-webkit-scrollbar { width: 10px; height: 10px; }
.schedule-section .schedule-wrapper::-webkit-scrollbar-thumb:vertical { height: 50px; background-color: #011d43; -webkit-border-radius: 6px; border-right-width: 10px; }
.schedule-section .schedule-wrapper::-webkit-scrollbar-track-piece:vertical { border-right-width: 4px; }
*/
.schedule-section .event-item { width: 100%; border-top: 1px solid #011b34;  }
.schedule-section .event-item.active { background-color: #0b75e1; }
.schedule-section .event-item:first-child { border-top: none; }
.schedule-section .event-item .hour { font-size: 1.5em; padding: 20px 0 10px 0; line-height: 1.5em; width: 20%;  float: left; text-align: center; color: #1fb6da; font-family: 'bebas', sans-serif; }
.schedule-section .event-item.active .hour { color: #fff; }
.schedule-section .event-item .hour .icon-clock {  }
.schedule-section .event-item .description { border-left: 1px solid #011b34; box-sizing: border-box; width: 80%; float: left; padding: 25px; border-left: 1px solid #011b34; }
.schedule-section .event-item .event-title { font-size: 1.125em;  margin-bottom: 10px; color: #fff; font-weight: 500; }
.schedule-section .event-item .event-description { color: #1fb6da; }
.schedule-section .event-item .event-sponsor { text-transform: uppercase; font-size: 0.7em; margin-top: 10px; }
.schedule-section .event-item .event-sponsor img { display: block; margin-top: 5px; }
.schedule-section .activities { padding: 10px 0; text-align: center; font-size: 0.7em;  border-top: 1px solid #011b34; }

.schedule-mobile { display: block; margin-top: 30px; z-index: 1; position: relative; background-color: #0d3050; text-align: center; font-size: 16px; font-weight: bold; }
.schedule-mobile .schedule-mobile-wrapper { padding: 30px; text-transform: uppercase; }
.schedule-mobile .schedule-mobile-wrapper a { text-decoration: underline; }

/* ==================== stream ==================== */
.stream-section { position: relative; z-index: 1;background-color: #0d3050; }
.stream-section .player-container { padding: 15px; }
.stream-section .playlist-container { display: none; overflow: hidden; position: relative; border-top: 1px solid #011b34; border-bottom: 1px solid #011b34; }
.stream-section .button-left,
.stream-section .button-right { -webkit-user-select: none; height: 100%; width: 35px; text-align: center; background-color: #57478e; cursor: pointer; position: absolute; top: 0; transition: background .2s, opacity .2s; color: #fff; }
.stream-section .button-left:hover,
.stream-section .button-left.active,
.stream-section .button-right:hover,
.stream-section .button-right.active { background-color: #20285b; }
.stream-section .button-left.inactive,
.stream-section .button-right.inactive { background-color: #011d43; cursor: default; }
.stream-section .arrow { line-height: 150px; }
.stream-section .button-left .arrow [class^="icon-"]:before,
.stream-section .button-left .arrow [class*=" icon-"]:before,
.stream-section .button-right .arrow [class^="icon-"]:before,
.stream-section .button-right .arrow [class*=" icon-"]:before { margin-right: 0; }
.stream-section .inactive .arrow { opacity: 0.3; }
.stream-section .button-left { left: 0; opacity: 0.3; }
.stream-section .button-right { right: 0; opacity: 0.3; }
.stream-section .button-left.enabled,
.stream-section .button-right.enabled { opacity: 1; }
.stream-section .playlist-wrapper { margin: 0 35px; position: relative; overflow: hidden; height: 150px; }
.stream-section .playlist-slider { padding: 0; height: 100%; }
.stream-section .playlist-item { cursor: pointer; height: 100%; border-right: 1px solid #011b34; padding: 0; color: #7e9fbc; transition: background-color .3s, color .3s; }
.stream-section .playlist-item:hover, 
.stream-section .playlist-item.active { background-color: #011b34; color: #fff; }
.stream-section .playlist-item:first-child { border-left: 1px solid #011b34; }
.stream-section .playlist-item .playlist-item-content { padding: 20px 25px; }
.stream-section .playlist-item .video-thumb { width: 100%; display: block; height: auto; }
.stream-section .playlist-item .video-description { font-size: 0.7em; }
#stream-player { height: 200px; }
    
/* ==================== games ==================== */
.ico-games { background-image: url(../img/games/spritesheet.png); background-repeat: no-repeat; display: block; width: 100%; position: relative; }
.ico-games-d3 { height: 100px; background-position: center  0; }
.ico-games-hearthstone { height: 100px; background-position: center  -100px; }
.ico-games-hots { height: 100px; background-position: center  -200px; }
.ico-games-overwatch { height: 100px; background-position: center  -300px; }
.ico-games-starcraft { height: 100px; background-position: center  -400px; }
.ico-games-wow { height: 100px; background-position: center  -500px; }

.ico-games i { display: block; position: absolute; top: 10%; right: 19%; font-size: 0.7em; font-family: sans-serif; }

.games-section { margin-top: 30px; z-index: 1; position: relative; text-align: center; }
.games-section .section-title { margin-bottom: 3px; }

.games-section .grid-container,
.games-section .grid-33,
.games-section .grid-25,
.games-section .grid-50 { padding: 0; }

.games-section .grid-container > div:first-child { margin-bottom: 3px; }

.games-section .game { margin-left: 3px;  background-color: #082848; border: 1px solid #011b34; }
.games-section .game.remove-ml { margin-left: 0; }
.games-section .game.first { margin-left: 0; }
.games-section .game > a { display: block; }
.games-section .game > a:hover { color: #fff; }
.games-section .game > a img { display: block; margin: 0 auto; }

.games-section .social { border-top: 1px solid #011b34; }
.games-section .social li { text-align: center; }
.games-section .social li a { padding: 7px 6px 6px 6px; display: block; border-left: 1px solid #011b34; background-color: #1f496e; -webkit-transition: background-color .3s; transition: background-color .3s; }
.games-section .social li a:hover { background-color: #011b34; }
.games-section .social li:first-child a { border: 0 none; padding-top: 6px; }
.games-section .social li img { width: 100%; }


/* ==================== footer ==================== */
#main-footer { padding: 30px; background-color: #001931; font-family: 'Open Sans', sans-serif; }
#main-footer .language-selector { margin-bottom: 15px; overflow: hidden; position: relative; }
#main-footer .language-slider { position: absolute; width: 100%; left: 0%; }
#main-footer .language-slider .icon-right-thin-arrow { float: right; }
#main-footer .language-entry-point,
#main-footer .region-list>li>a,
#main-footer .country-list>li>a { font-size: 0.8em; cursor: pointer; display: block; border: 1px solid #0b75e1; background-color: #011d43; color: #0b75e1; text-transform: uppercase; padding: 15px 10px; text-decoration: none; }
#main-footer .region-list > li > a,
#main-footer .country-list > li > a { border-top: 0; }
#main-footer .region-list > li:first-child > a,
#main-footer .country-list > li:first-child > a { border-top: 1px solid; }
#main-footer .region-list,
#main-footer .country-list { width: 100%; position: absolute; top: 0; }
#main-footer .region-list .region-item a,
#main-footer .country-list .lang-item a { background-color: #04234b; }
#main-footer .region-list { left: 100%; }
#main-footer .country-list { left: 100%; }
#main-footer li.back-button a { color: #1c4c8d !important; background-color: #011d43 !important; }
#main-footer li.back-button a .back-text { float: right; color: #0b75e1 !important; }
#main-footer .disclaimer { text-align: center; color: #0b75e1; font-size: 0.7em; text-transform: uppercase; margin-bottom: 13px; }
#main-footer .footer-links { text-align: center; margin-bottom: 10px; }
#main-footer .footer-links a { font-size: 0.7em; text-transform: uppercase; color: #fff; text-decoration: none; display: inline-block; margin: 0 3px; }
#main-footer .footer-links a:hover { text-decoration: underline; }
#main-footer .logo-link { width: 138px; margin: 0 auto; display: block; padding-bottom: 21px; }
#main-footer .logo-link img { display: block; }


/* ==================== tablet/mobile ==================== */
@media screen and (min-width: 600px) {
    
    /* ==================== stream ==================== */
    .stream-section { margin-top: 0; }
    .stream-section .playlist-item .playlist-item-content { padding: 20px 25px 0 25px; text-align: center; }
	.stream-section .playlist-item .video-thumb { float: none; width: 148px; border: 1px solid #011b34; display: inline-block; }
    .stream-section .playlist-item .video-description { font-size: 0.8em; }
    #stream-player { height: 250px; }
}


/* ==================== tablet ==================== */
@media screen and (min-width: 768px) {
    
    /* ==================== layout ==================== */
    body { background-image: url(../img/bg-desktop-wide.jpg), url(../img/bg-desktop-repeat.jpg); background-size: auto; }
    
    
    /* ==================== header ==================== */
    #header { padding: 0; }
    #header h1,
    #header p { line-height: 1.2em; font-size: 1.6em;}
    

    /* ==================== overlay ==================== */
    #overlay-content { position: absolute; width: 832px; left: -416px; top: 300px; height: auto; }
    #overlay-content div { height: auto; overflow-y: visible; }
    #overlay-content h2 { font-size: 3em; padding: 130px 0 25px 0; }
    
    #overlay-content a.close { top: 0; }
    
    #overlay-content .close-mask { display: block; position: absolute; top: 0px; width: 300px; height: 470px; }
    #overlay-content .close-mask.left { left: -300px; }
    #overlay-content .close-mask.right { right: -300px; }
    #overlay-content .close-mask.bottom { bottom: -470px; top: auto; width: 1380px; left: -300px; }
    
    /* ==================== hub nav ==================== */
    #hub-nav { width: auto; font-size: 1.188em; text-align: right; }
    #hub-nav .mobile-grid-50 { display: inline-block;   }
    #hub-nav .blizzard-logo-link { padding-top: 8px; }
    #hub-nav .nav-link { float: right; }
    #hub-nav .nav-link > span { padding: 0 20px; }
    #hub-nav .blizzard-logo-item { float: left; width: 110px; }
    .ru-ru #hub-nav .nav-link { font-size: 16px; }
    .ru-ru #hub-nav .nav-link > span { padding: 0 15px; }
    
    
	/* ==================== keyart ==================== */
    #keyart-container { z-index: 10; position: relative; }
    #keyart-container { padding-top: initial; }
    #keyart { height: 520px; }
    #keyart img { display: block; }
    #keyart .fragment { display: block; }

    
	/* ==================== parallax - fragments ==================== */
    #parallax .parallax {display: block;  position: absolute; background-image: url(../img/parallax-fragments.png); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50% }
    #parallax .parallax.fragment-1 { top: 88px; right: 75px; width: 103px; height: 294px; background-position: -5px -5px; }
    #parallax .parallax.fragment-2 { top: 382px; right: 99px; width: 13px; height: 17px; background-position: -401px -5px; }
    #parallax .parallax.fragment-3 { top: 399px; right: 92px; width: 42px; height: 71px; background-position: -151px -293px; }
    #parallax .parallax.fragment-4 { top: 574px; right: 32px; width: 102px; height: 106px; background-position: -203px -293px; }
    #parallax .parallax.fragment-5 { top: 643px; right: 150px; width: 20px; height: 28px; background-position: -401px -32px; }
    #parallax .parallax.fragment-10 { top: 343px; left: 48px; width: 118px; height: 95px; background-position: -118px -5px; }
    #parallax .parallax.fragment-11 { top: 497px; left: 0; width: 145px; height: 278px; background-position: -246px -5px; }
    #parallax .parallax.fragment-12 { top: 796px; left: 104px; width: 23px; height: 31px; background-position: -118px -293px; }
    
    
	/* ==================== contest ==================== */
    .contest-section {
        margin-top: 33px;
        background: rgb(8,40,72); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(8,40,72,1) 0%, rgba(31,73,110,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(8,40,72,1)), color-stop(100%,rgba(31,73,110,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(8,40,72,1) 0%,rgba(31,73,110,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(8,40,72,1) 0%,rgba(31,73,110,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(8,40,72,1) 0%,rgba(31,73,110,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(8,40,72,1) 0%,rgba(31,73,110,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#082848', endColorstr='#1f496e',GradientType=0 ); /* IE6-9 */
        border: 1px solid #011b34;
    }
    
    .contest-section::after { content: ''; display: block; width: 100%; background-position: center; background-image: url(../img/bg-section-footer.jpg); height: 13px; bottom: -1px; position: absolute; }
 
    .contest-section h2 { float: left; width: 16.6666888666667%; box-sizing: border-box; -webkit-transition: background-color .3s, border-color .3s, font-size .2s; transition: background-color .3s, border-color .3s, font-size .2s; }
    .contest-section h2.active { background-color: transparent; border-bottom: 0 none transparent; }
    .contest-section h2.first { border-left: 0 none; }
    .contest-section h2.last { border-right: 0 none; }
    
    .es-es .contest-section h2 a { padding: 5px 7px 10px 7px; }
    .es-es .contest-section h2.active a { padding-top: 20px; }
    
    .contest-section .tab-content { position: absolute; top: 75px; }    
    .contest-section .tab-content p { padding: 40px 60px;  }

    
    /* ==================== prizes ==================== */
    .prizes-section p.disclamer { padding: 390px 60px 10px 60px; }
    
    #gifts { font-size: 1.04em; font-weight: 500; padding: 0 40px 20px 40px; }
    #gifts .close { top: 15px; right: 15px; }
    #gifts ul { width: 50%; float: left; padding: 0px; }
    #gifts .item { padding: 0; }
    #gifts .content { padding: 40px 100px 20px 130px; }
    
    #gifts .previous,
    #gifts .next { position: absolute; top: 195px; width: 47px; height: 111px; background-image: url(../img/prize-prev-next-arrow.png); -webkit-transition: opacity .3s; transition: opacity .3s; }
    #gifts .previous { left: 25px; }
    #gifts .previous:hover { background-position: 0 100%; }
    #gifts .next { right: 25px; background-position: 100% 0; }
    #gifts .next:hover { background-position: 100% 100%; }
    
    #gifts .previous.disabled,
    #gifts .next.disabled { opacity: 0.5; }
    
    
    /* ==================== vote ==================== */
    /* ==================== social ==================== */
    /* ==================== stream ==================== */
    .vote-section,
    .social-section,
    .stream-section {
        background: rgb(8,40,72); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(8,40,72,1) 0%, rgba(31,73,110,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(8,40,72,1)), color-stop(100%,rgba(31,73,110,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(8,40,72,1) 0%,rgba(31,73,110,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(8,40,72,1) 0%,rgba(31,73,110,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(8,40,72,1) 0%,rgba(31,73,110,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(8,40,72,1) 0%,rgba(31,73,110,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#082848', endColorstr='#1f496e',GradientType=0 ); /* IE6-9 */
        border: 1px solid #011b34;
    }
    
    .vote-section::after,
    .social-section::after,
    .stream-section::after { content: ''; display: block; width: 100%; background-position: center; background-image: url(../img/bg-section-footer.jpg); height: 13px; bottom: -1px; position: absolute; }
 
    .vote-section .vote-content { padding: 30px 50px; }
    
    
    /* ==================== stream ==================== */
    .stream-section { padding-bottom: 12px;}
    .stream-section .playlist-item .playlist-item-content {  text-align: left; }
	.stream-section .playlist-item .video-thumb { float: left; display: block; }
    .stream-section .playlist-item .video-description { margin-left: 160px; font-size: 1.125em; }
    #stream-player { height: 570px; }
    
    
    /* ==================== schedule ==================== */
    .schedule-section { position: relative; top: 0; margin-top: 30px; }
	.schedule-section.fadable { visibility: visible; opacity: 1; }
	.schedule-section .close-button { display: none; }
	.schedule-section .download-button { top: 50px; color: #fff; background-color: #57478e ; transition: background .3s, color .3s; padding: 15px; }
	.schedule-section .download-button:hover { background-color: #fff; color: #57478e; }
    .schedule-section .download-button:hover .ico-download { background-image: url(../img/schedule/ico-download-hover.png); }
    .schedule-section .days-container .day-item .long-date { display: inline; }
    .schedule-section .days-container .day-item .short-date { display: none; }
	.schedule-section .filters-container { background-image: url(../img/bg-schedule-header.jpg); }
	.schedule-section .filters-container .mobile-grid-50 { width: 50px; float: left; }
	.schedule-section .filters-container .mobile-grid-33 { float: left; }
    .schedule-section .filter-item { width: 50px; margin-right: 6px; }
	.schedule-section .schedule-container { height: 460px; }
    .schedule-section .days-container .day-item { font-size: 1.125em; }
    .schedule-section .event-item .hour { box-sizing: border-box; font-size: 2.188em; }
    .schedule-section .event-item .event-sponsor { margin-top: 20px; }
    .schedule-section .activities { padding: 20px 0; font-size: 0.8em; background-image: url(../img/bg-schedule-header.jpg); }
    
    .schedule-section .filters-container .title { display: block; }
    
    .schedule-mobile { display: none; }
    
    
    /* ==================== games ==================== */
    .games-section { min-height: 190px; }
    .games-section .game { overflow: hidden; height: 100px; -webkit-transition: height .3s; transition: height .3s;  }
    .games-section .game:hover { height: 136px; }
    .games-section .game.remove-ml { margin-left: 3px; margin-bottom: 0; }
    .games-section .game > a { -webkit-transition: background-color .3s; transition: background-color .3s; }
    .games-section .game > a:hover { background-color: #011b34; }
    .games-section .social { opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; }
    .games-section .game:hover .social { opacity: 1; }
    .games-section .social li img { width: 70%; }
    
    
    /* ==================== footer ==================== */
    #main-footer { padding-top: 170px; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-image: url(../img/bg-footer.png); }
}

.is-tablet .games-section .game { height: auto; }
.is-tablet .games-section .game:hover { height: auto; }
.is-tablet .games-section .social { opacity: 1; }

/* ==================== desktop ==================== */
@media screen and (min-width: 834px) {
    
    /* ==================== footer ==================== */
    #main-footer .language-selector { overflow: visible; }
    #main-footer .language-selector .languages-list { border-bottom: 1px solid #011d43; padding: 30px 0; display: none; }
    #main-footer .language-selector .region-list { text-align: center; }
    #main-footer .language-selector .region-item { display: inline-block; *display: inline !important; zoom: 1; margin: 0 60px; vertical-align: top; text-align: left; }
    #main-footer .language-selector .language-entry-point { width: 250px; margin: 0 auto; padding: 15px; text-transform: none; }
    #main-footer .language-selector .language-entry-point::before { content: ''; display: block; background: url('../img/gamescom2015-sprite.png') no-repeat -11px 0; width: 29px; height: 14px; margin: 1px 10px 0 0; float: left; }
    #main-footer .language-selector .back-button,
    #main-footer .region-list .region-item > a [class^="icon-"] { display: none; }
    #main-footer .language-selector .language-slider,
    #main-footer .language-selector .region-list,
    #main-footer .language-selector .country-list { position: static; }
    #main-footer .region-list .region-item a,
    #main-footer .country-list .lang-item a { background: none; border: none; padding: 0; text-transform: none; line-height: 1.7em;}
    #main-footer .region-list .region-item>a { text-transform: uppercase; margin-bottom: 13px; cursor: default; }
    #main-footer .language-selector .country-list .country-item a { color: #1c4c8d; display: inline; position: relative; }
    #main-footer .language-selector .country-list .country-item a:hover,
    #main-footer .language-selector .country-list .country-item a.active { color: #fff; }
    #main-footer .language-selector .country-list .country-item a.active::before { content: ''; background: url('../img/gamescom2015-sprite.png') no-repeat 0 0; width: 9px; height: 8px; position: absolute; top: 6px; left: -17px; }
}


/* ==================== language ==================== */
  
.pl-pl body { font-family: sans-serif; font-size: 0.8em; line-height: 1.25em; }
.pl-pl #header p { font-weight: 700; }
.pl-pl #header .how-to-enter > span { font-weight: bold; }
.pl-pl .contest-section h2 { font-size: 1.2em; }
.pl-pl #main-footer .language-selector { font-size: 1.2em; }
.pl-pl #main-footer .disclaimer { font-size: 0.85em; }
.pl-pl #main-footer .footer-links a { font-size: 0.85em; }
.pl-pl #gifts { font-size: 14px; }
.pl-pl .section-title { font-weight: bold; }
.pl-pl #hub-nav .nav-link > span { font-weight: bold; padding: 0 15px;  }
.pl-pl .schedule-section .event-item .event-title,
.pl-pl .schedule-section .filters-container .title,
.pl-pl .schedule-section .close-button,
.pl-pl .schedule-section .download-button { font-weight: bold; }
.pl-pl .schedule-section .days-container .day-item { font-weight: bold; }
.pl-pl #btn-open-prizes span { font-weight: bold; }



.ru-ru #hub-nav { font-size: 1em; }
.ru-ru #hub-nav .nav-link > span { font-weight: bold; }
.ru-ru body { font-family: sans-serif; }
.ru-ru #header p { font-weight: 700; }
.ru-ru .section-title { font-weight: bold; }
.ru-ru .schedule-section .event-item .event-title,
.ru-ru .schedule-section .filters-container .title,
.ru-ru .schedule-section .close-button,
.ru-ru .schedule-section .download-button,
.ru-ru .schedule-section .days-container .day-item { font-weight: bold; }