@charset "UTF-8";

/*
Theme Name: Ruch Chorzów
Theme URI: http://www.ruchchorzow.com.pl/portal/
Version: 1.0.0
Author: R1 Media
Author URI: https://r1media.pl
*/

html, html * {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: none;
}

body {
	word-wrap: break-word;
	font-family: "Rubik", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.45;
	color: #131313;
	background: #fff;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

/* Natural Box model */
*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* HTML 5 */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

/* New clearfix */
.cf:after,
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

::-moz-selection {
    background: #0763CF;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #0763CF;
    color: #fff;
    text-shadow: none;
}

a { text-decoration: none; color: #0763CF; font-size: inherit; font-weight: inherit; }

a:focus, a:active, a:hover {
	outline: 0;
	text-decoration: underline;
}

img {
	max-width: 100%;
	height: auto;

    image-rendering: auto;
    -ms-interpolation-mode: bicubic; /* IE (non-standard property) */
}

/* Usuwa przestrzeń pomiędzy elementem a dolną krawędzią rodzica */
audio, canvas, iframe, img, svg, video { vertical-align: middle; }

table {
	border-collapse: collapse;
	border-spacing: 0;
}

strong { font-weight: 700; }
em { font-style: italic; }

div.pageWidth { width: 1400px; max-width: 100%; margin: 0 auto; padding-left: 2rem; padding-right: 2rem; }

@media (max-width: 1920px) {
	div.pageWidth { padding-left: 1.5rem; padding-right: 1.5rem; }
}

#header div.pre { background: #01489B; padding: 0.5rem 0; }
#header div.pre div.pageWidth { width: auto; padding-left: 180px; position: relative; }
#header div.pre div.promo { display: inline-block; vertical-align: middle; font-weight: 400; font-size: 14px; color: #fff; }
#header div.pre div.promo a { color: #fff; }
#header div.pre div.promo div.a1 { display: block; }
#header div.pre div.promo div.a2 { display: none; }
#header div.pre ul.shop { display: inline-block; vertical-align: middle; font-weight: 400; font-size: 15px; color: #fff; position: absolute; left: 0; right: 0; margin: 0 auto; top: 0; width: 400px; text-align: center; }
#header div.pre ul.shop li { display: inline-block; vertical-align: middle; margin: 0 0.75rem 0 0; }
#header div.pre ul.shop li:last-child { margin: 0; }
#header div.pre ul.shop a { color: #fff; }
#header div.pre ul.shop img { margin-right: 2px; }
#header div.pre div.right { float: right; margin-top: -0.25rem; }
#header div.pre ul.social { display: inline-block; vertical-align: middle; margin: 0 2rem 0 0; }
#header div.pre ul.social li { display: inline-block; vertical-align: middle; margin: 0 0.5rem 0 0; }
#header div.pre ul.social li:last-child { margin: 0; }
#header form.searchform { display: inline-block; vertical-align: middle; }
#header form.searchform input[type="text"] { display: inline-block; vertical-align: middle; width: 150px; background: none; font-style: italic; font-size: 16px; color: #fff; padding: 0.25rem; }
#header form.searchform button { display: inline-block; vertical-align: middle; background: none; }
#header form.searchform input[type="text"]::placeholder { color: #fff; opacity: 1; }
#header form.searchform input[type="text"]:-ms-input-placeholder { color: #fff; }
#header form.searchform input[type="text"]::-ms-input-placeholder { color: #fff; }

#header ul.stars { display: inline-block; vertical-align: middle; text-align: left; width: 150px; font-size: 0; float: right; margin-top: 0.5rem; }
#header ul.stars li { display: inline-block; vertical-align: middle; text-align: center; margin: 0; background: url("images/icons/star.png") center center scroll no-repeat transparent; padding: 0.5rem 0 0; width: 20px; height: 20px; }
#header ul.stars li:first-child { margin-left: 10px; }
#header ul.stars li:last-child { margin: 0; }
#header ul.stars li a { font-size: 6px; font-weight: 700; padding: 0; }
#header ul.stars li a:hover { color: #01489B; }

@media (max-width: 1020px) {
	#header ul.stars { display: none; }
}

#nav { position: relative; background: #0763CF; }
#nav div.pageWidth { width: auto; }
#nav h2.home { display: inline-block; vertical-align: middle; margin: -3.5rem 1rem -4rem 0; position: relative; z-index: 1000; }
#nav div.menu { display: inline-block; vertical-align: middle; }
#nav div.menu > ul { display: block; font-size: 16px; text-transform: uppercase; }
#nav div.menu > ul > li { display: inline-block; vertical-align: top; margin: 0 0.75rem 0 0; }

#nav div.menu > ul > li > a { border-bottom: 4px solid transparent; }

#nav ul a { display: block; font-weight: 700; font-size: 18px; color: #fff; transition: all 0.2s linear; text-decoration: none; padding: 0.9rem 1rem; }
#nav ul.main-nav > li:hover > a { color: #E3C82D; }
#nav ul.main-nav > li.current-menu-item > a,
#nav ul.main-nav > li.current-post-ancestor > a,
#nav ul.main-nav > li.current-menu-parent > a,
#nav ul.main-nav > li.menu-item-has-children:hover > a { background: #E3C82D; color: #fff !important; border-bottom-color: #01489B !important; }

#nav ul.main-nav > li.menu-item-has-children > a:after { content: ""; display: inline-block; vertical-align: 3px; margin: 0 0 0 0.35rem; border-top: 6px solid #fff; border-left: 3px solid transparent; border-right: 3px solid transparent; }

#nav ul ul { display: none; list-style-type: none; position: absolute; z-index: 1; left: 0; top: auto; background: #EDEDED; width: 100%; padding: 0 0 0 165px; }
#nav ul ul li { display: inline-block; vertical-align: top; }
#nav ul ul a { font-size: 14px; font-weight: 900; color: #2E2E2E; }
#nav ul ul a:hover,
#nav ul ul li.current-menu-item a { color: #0763CF; }
#nav ul.main-nav > li.current-menu-item > ul,
#nav ul.main-nav > li.current-post-ancestor > ul,
#nav ul.main-nav > li.current-menu-parent > ul,
#nav ul.main-nav > li:hover > ul { display: block; }

/*
#nav div.menu > ul > li.menu-item-has-children > a:after { content: ""; display: inline-block; vertical-align: 4px; border-top: 4px solid #fff; border-left: 3px solid transparent; border-right: 3px solid transparent; margin-left: 0.5rem; }
#nav div.menu > ul > li.menu-item-has-children:hover > a:after { border-top-color: #E3C82D; }
#nav div.menu ul ul { display: none; position: absolute; z-index: 1; left: 0; top: auto; background: #01489B; width: 200px; padding: 0.5rem 0; }
#nav div.menu ul ul a { font-size: 14px; font-weight: 400; color: #fff; }
#nav div.menu ul li:hover ul { display: block; }
#nav div.menu ul ul li { display: block; }
#nav div.menu ul ul ul { background: #444; position: absolute; left: 100%; top: 0; }
#nav div.menu ul ul li:hover { background: #0763CF; }
#nav div.menu ul ul li:hover a { color: #fff; }
#nav div.menu ul ul li:hover > ul { display: block; }
#nav div.menu ul ul .menu-item-has-children > a:after { content: ""; display: block; position: absolute; top: 50%; right: 1.1rem; transform: translateY(-50%); border-left: 4px solid #0763CF; border-top: 4px solid transparent; border-bottom: 4px solid transparent; margin-left: 0.5rem; }
#nav div.menu ul ul .menu-item-has-children:hover > a { color: #fff; }
#nav div.menu ul ul .menu-item-has-children:hover > a:after { border-left-color: #fff; }
*/

a.menu{display:none;width:30px;height:22px;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;position:absolute;right:1rem;top:1.05rem;z-index:1000}a.menu span{display:block;position:absolute;height:2px;width:100%;background:#fff;border-radius:2px;opacity:1;left:0;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}a.menu span:nth-child(1){top:0}a.menu span:nth-child(2){top:10px}a.menu span:nth-child(3){top:20px}a.menu.open span{background:#fff}a.menu.open span:nth-child(1){top:10px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}a.menu.open span:nth-child(2){opacity:0;left:-50px}a.menu.open span:nth-child(3){top:10px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg)}

@media (max-width: 1600px) {
	#header div.pre div.promo { margin-right: 1rem; }
	#header div.pre ul.shop { position: static; width: auto; }
}

@media (max-width: 1200px) {
	#nav h2.home { width: 80px; }
	#nav div.pageWidth { padding: 0 1rem; }
	#nav ul a { font-size: 13px; padding: 1.1rem 0.75rem; }
	#nav ul ul { padding-left: 112px; }

	#header div.pre div.pageWidth { padding-left: 1.5rem; }
	#header div.pre div.promo { font-size: 12px; }
	#header div.pre ul.shop { font-size: 12px; }
	#header form.searchform input[type="text"] { font-size: 12px; }
}

@media (max-width: 1020px) {
	#nav { padding: 1.5rem 0 0.5rem; border-bottom: 2px solid #0763CF; }
	#nav div.menu { display: none; }
	#nav a.menu { display: block; }
	#nav h2.home { margin-top: -3rem; }
	#header div.pre div.pageWidth { padding-left: 1.5rem; }

	body.menuOpen { overflow: hidden; }
	body.menuOpen #header { display: block; overflow: auto; position: fixed; z-index: 999999; left: 0; top: 0; width: 100%; height: 100%; background: #fff; padding: 0; margin: 0; }
	body.menuOpen #nav { border: none; padding-bottom: 0; }
	body.menuOpen #nav div.menu { display: block; }
	body.menuOpen #nav div.menu > ul { background: #fff; padding: 1rem 1.5rem; }
	body.menuOpen #nav div.menu > ul li { display: block; margin: 0; border-bottom: 1px solid #01489B; }
	body.menuOpen #nav div.menu a { font-size: 18px; font-weight: 700; padding: 0.75rem 0; text-decoration: none; }
	body.menuOpen #nav div.menu > ul li > a:after { border: none !important; width: 11px; height: 7px; background: url("images/svg/arr.svg") center center scroll no-repeat transparent; float: right; margin: 0.55rem 0 0 0.5rem; }
	body.menuOpen #nav div.menu > ul li:hover > a { background: transparent !important; color: #333 !important; }

	body.menuOpen #header div.pre ul.shop img { margin-right: 0.5rem; }

	body.menuOpen #nav div.menu > ul li > a { border: none; color: #0763CF; }

	body.menuOpen #nav ul ul li { display: block; }

	body.menuOpen #nav div.menu ul ul { position: static; padding: 0.5rem 0; background: none; }

	body.menuOpen #header div.menu li:hover > a { color: #fff; }
	body.menuOpen #header div.menu ul ul .menu-item-has-children > a:after { display: inline-block; position: static; transform: none; border-top: 4px solid #fff; border-left: 4px solid transparent; border-right: 4px solid transparent; }

	body.menuOpen #nav a.menu { top: 2rem; }

	body.menuOpen #nav h2.home { margin-left: 1rem; }

	#nav ul.main-nav > li.current-menu-item > ul,
	#nav ul.main-nav > li.current-post-ancestor > ul,
	#nav ul.main-nav > li.current-menu-parent > ul { display: none; }
	#nav ul.main-nav > li:hover > ul { display: block; }
/*}

@media (max-width: 900px) { */
	#header div.pre div.promo div.a1 { display: none; }
	#header div.pre div.promo div.a2 { display: block; }

	body.menuOpen #header div.pre { position: absolute; z-index: 999; top: 5.5rem; }

	#header div.pre { padding: 0; text-align: center; }
	#header div.pre ul.shop { margin: 0 0 0.5rem; }
	#header div.pre div.right { display: inline-block; vertical-align: middle; float: none; margin-bottom: 0.5rem; }

/*}

@media (max-width: 600px) {*/

	#header div.pre div.pageWidth > * { display: none; }
	#header div.pre div.promo { display: block; position: absolute; left: 110px; top: 1.25rem; z-index: 1; font-weight: 700; }

	#header div.pre ul.shop { font-size: 16px; font-weight: 700; text-align: left; padding: 1rem 0; margin: 0 0 0.25rem; }
	#header div.pre ul.shop li { display: block; margin: 0 0 0.75rem; }

	body.menuOpen #header div.pre { display: block; padding-top: 5rem; padding-bottom: 1rem; width: 100%; }
	body.menuOpen #header div.pre div.pageWidth > * { display: block; }
	body.menuOpen #header div.pre div.promo { display: none; }

	body.menuOpen #nav div.pageWidth { padding: 0; }
	body.menuOpen #nav div.menu { padding-top: 18.5rem; }

	body.menuOpen #header div.pre div.right { text-align: left; }
	body.menuOpen #header div.pre ul.social { display: block; margin: 0; }
	body.menuOpen #header div.pre ul.social li { margin-right: 1rem; }
	body.menuOpen #header div.pre ul.social li:last-child { margin-right: 0; }
	body.menuOpen #header form.searchform { display: block; position: absolute; top: -3rem; width: calc(100% - 3rem); padding-right: 2rem; border-bottom: 1px solid #0763CF; }
	body.menuOpen #header form.searchform input[type="text"] { font-size: 16px; display: block; width: 100%; padding: 0.5rem 0; }
	body.menuOpen #header form.searchform button { display: block; position: absolute; right: 0; top: 0.5rem; }

	body.menuOpen #nav ul.main-nav > li.current-menu-item > a { background: none !important; color: #E3C82D !important; }

	body.menuOpen #header ul.stars { display: block; background: #fff; text-align: center; width: 100%; float: none; padding: 1.5rem 1.5rem 2rem; margin: 0; }

	body.subMenuOpen #nav div.menu > ul > li.open { position: absolute; z-index: 999; left: 0; top: 88px; width: 100%; height: 100%; background: #fff; padding: 3rem 1.5rem 1.5rem; }
	body.subMenuOpen #nav div.menu > ul > li.open > a { color: #333 !important; font-size: 28px; padding: 0; }
	body.subMenuOpen #nav div.menu > ul > li.open > a:hover,
	body.subMenuOpen #nav div.menu > ul li:hover > a { background: none; color: #333 !important; }
	body.subMenuOpen #nav div.menu > ul > li.open > a:after { display: none; }

	body.menuOpen #nav ul.main-nav > li:hover > ul { display: none; }
	body.subMenuOpen #nav div.menu > ul > li.open > ul { display: block; }

	body.subMenuOpen #nav div.menu > ul > li.open a.back { display: block; font-size: 16px; font-weight: 700; margin: 0 0 1rem; color: #0763CF !important; }
	body.subMenuOpen #nav div.menu > ul > li.open a.back img { vertical-align: 0; margin-right: 0.25rem; }

}

section { padding: 3rem 0; }

@media (max-width: 1000px) {
	section { padding: 2rem 0; }
}

section.features { padding-top: 1.5rem; }

ul.list-1 { display: block; font-size: 0; }
ul.list-1 li { display: inline-block; vertical-align: top; width: 21.25%; margin: 0 5% 0 0; }
ul.list-1 li:nth-child(4n+4) { margin-right: 0; }
ul.list-1 div.img { margin: 0 0 1rem; }
ul.list-1 div.img img { display: block; margin: 0 auto; }
ul.list-1 a { text-decoration: none; }
ul.list-1 h2 { font-size: 36px; margin: 0 0 1rem; color: #131313; transition: all 0.2s linear; }
ul.list-1 p { font-size: 18px; margin: 0 0 1rem; color: #595959; }
ul.list-1 small { font-size: 18px; color: #0763CF; text-decoration: underline; }
ul.list-1 a:hover h2 { color: #0763CF; }

@media (max-width: 1100px) {
	ul.list-1 h2 { font-size: 28px; }
}

@media (max-width: 800px) {
	ul.list-1 li { width: 47.5%; margin-bottom: 2rem; }
	ul.list-1 li:nth-child(even) { margin-right: 0; }
}

@media (max-width: 460px) {
	ul.list-1 li { display: block; width: auto; margin: 0 0 2rem; }
}

h2.cat { font-size: 36px; margin: 0 0 2rem; }
h2.cat a { text-decoration: none; color: #131313; transition: all 0.2s linear; }
h2.cat a:hover { color: #0763CF; }

ul.list-2 { display: block; font-size: 0; }
ul.list-2 li { display: inline-block; vertical-align: top; width: 30%; margin: 0 5% 0 0; }
ul.list-2 li:nth-child(3n+3) { margin-right: 0; }
ul.list-2 div.img { margin: 0 0 1rem; }
ul.list-2 div.img img { display: block; margin: 0 auto; }
ul.list-2 a { text-decoration: none; }
ul.list-2 h3 { font-size: 28px; margin: 0 0 1rem; color: #131313; transition: all 0.2s linear; }
ul.list-2 p { font-size: 18px; margin: 0 0 1rem; color: #595959; }
ul.list-2 a:hover h3 { color: #0763CF; }

@media (max-width: 1100px) {
	ul.list-2 h3 { font-size: 24px; }
}

@media (max-width: 800px) {
	ul.list-2 { white-space: nowrap; overflow: auto; }
	ul.list-2 li { white-space: normal; width: 280px; margin: 0 1.5rem 0 0; }
	ul.list-2 li:last-child { margin: 0; }
}

#footer { margin: 0 auto; padding: 4rem 0 0; background: #fff; }
#footer div.img img { display: block; margin: 0 auto; }
#footer div.desc { background: #0763CF; padding: 3rem 0 2rem; }
#footer hr { border-top: 1px solid #70ADF5; margin: 2rem 0 4rem; }
#footer ul.footer-nav { display: block; font-size: 0; text-transform: uppercase; margin: 0 0 0.5rem; }
#footer ul.footer-nav > li { display: inline-block; vertical-align: top; margin: 0 3% 0 0; width: 13.66%; }
#footer ul.footer-nav > li:nth-child(6n+6) { margin-right: 0; }
#footer ul.footer-nav a { font-size: 14px; font-weight: 900; color: #fff; display: block; margin: 0 0 1rem; }
#footer ul.sub-menu li { display: block; }
#footer ul.sub-menu a { font-size: 13px; font-weight: 400; }
#footer p { margin: 2rem auto 0; font-size: 12px; color: #fff; text-align: center; }

@media (max-width: 1000px) {
	#footer ul.footer-nav > li { width: 31.33%; margin: 0 3% 1.5rem 0; }
	#footer ul.footer-nav > li:nth-child(3n+3) { margin-right: 0; }
}

@media (max-width: 500px) {
	#footer ul.footer-nav > li { width: 47.5%; }
	#footer ul.footer-nav > li:nth-child(3n+3) { margin-right: 5%; }
	#footer ul.footer-nav > li:nth-child(even) { margin-right: 0; }
}

section.info { color: #595959; }

.back-top { position: fixed; bottom: 30px; right: 30px; z-index: 100; }
.back-top a { background: #000 url("images/icons/arrow-up.png") no-repeat center center; display: none; width: 30px; height: 30px; margin: 0; text-indent: -900em; border-radius: 100%; }
body.menuOpen .back-top { display: none; }

div.cookies { overflow: hidden; position: fixed; left: 0; right: 0; bottom: 0; padding: 1rem; background: rgba(7,99,207,0.85); font-size: 12px; color: #fff; z-index: 1000; }
div.cookies p { margin: 0 0 0.75rem; }
div.cookies a { color: #fff; font-weight: 700; position: static; display: inline-block; width: auto; }

.accessibility { display: block; overflow: hidden; height: 0.0001px; width: 0.0001px; margin: 0 !important; padding: 0 !important; }

div.box-1 { margin: 0 auto; position: relative; background: url("") center center scroll no-repeat transparent; background-size: cover; }
div.box-1:before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 60%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,151515+100&0+0,1+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(21,21,21,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(21,21,21,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(21,21,21,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#151515',GradientType=0 ); /* IE6-9 */
}
div.box-1 a { color: #fff; text-decoration: none; }
div.box-1 div.pageWidth { position: relative; height: 640px; }
div.box-1 div.desc { position: absolute; z-index: 2; left: 0; right: 0; bottom: 3rem; width: 50%; padding: 2rem; text-align: center; margin: 0 auto; }
div.box-1 div.desc.full { width: 70%; padding: 6rem; }
div.box-1 div.desc h2 { font-size: 48px; font-weight: 900; line-height: 1.25; text-transform: uppercase; margin: 0 0 1rem; }
div.box-1 div.desc h2 span { background: #0763CF; box-decoration-break: clone; box-shadow: -10px 0 0 #0763CF, 10px 0 0 #0763CF; transition: all 0.2s linear; }
div.box-1 div.desc p { font-family: "Roboto"; font-size: 18px; font-weight: 300; margin: 0; }
div.box-1 a { display: block; position: relative; z-index: 2; }
div.box-1 div.desc a:hover h2 span,
div.box-1 a:hover div.desc h2 span { background: #01489B; box-decoration-break: clone; box-shadow: -10px 0 0 #01489B, 10px 0 0 #01489B; }

div.box-1.video:after { content: ""; display: block; position: absolute; left: 0; top: 0%; width: 100%; height: 100%; background: url("images/icons/yt-color.png") center center scroll no-repeat transparent; }
div.box-1.video div.desc h2 span { color: #E3C82D; background: #002857; box-shadow: -10px 0 0 #002857, 10px 0 0 #002857; }

@media (max-width: 1000px) {
	div.box-1 div.desc h2 { font-size: 42px; }
	div.box-1 div.desc p { font-size: 16px; }
	div.box-1 div.desc.full { padding: 2rem; }
}

@media (max-width: 760px) {
	div.box-1 div.desc,
	div.box-1 div.desc.full { width: 100%; }
	div.box-1 div.pageWidth { height: 480px; }
}

@media (max-width: 460px) {
	div.box-1 div.desc,
	div.box-1 div.desc.full { padding: 1.5rem 2.5rem; }
	div.box-1 div.desc h2 { font-size: 32px; }
}

div.box-2 { position: relative; }
div.box-2 > div.right { position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 350px; max-width: 100%; }

@media (max-width: 760px) {
	div.box-2 > div.right { position: static; transform: none; width: auto; }
}

div.box-3 { background: rgba(7,99,207,0.85); padding: 1rem; margin: 0 0 1rem; }
div.box-3 p { color: #fff; font-size: 13px; font-weight: 700; margin: 0 0 0.25rem; }

@media (max-width: 760px) {
	div.box-3 { padding: 1.5rem; margin: 0; text-align: center; border-bottom: 1px solid #01489B; }
}

ul#counter { display: block; font-size: 0; white-space: nowrap; width: 350px; max-width: 100%; margin: 0 auto; }
ul#counter li { display: inline-block; vertical-align: middle; margin: 0 1rem 0 0; text-align: center; }
ul#counter li:last-child { margin: 0; }
ul#counter strong { font-size: 32px; font-weight: 700; line-height: 1; display: block; color: #E3C82D; margin: 0 0 0.5rem; }
ul#counter strong span { display: inline-block; vertical-align: middle; background: #70ADF5; width: 28px; margin: 0 1px; }
ul#counter small { color: #fff; font-weight: 700; font-size: 10px; line-height: 1; display: block; }

div.box-4 { background: rgba(7,99,207,0.85); padding: 1rem; margin: 0 0 1rem; }
div.box-4 p { color: #fff; font-size: 16px; font-weight: 700; margin: 0 0 0.25rem; }

@media (max-width: 760px) {
	div.box-4 { margin: 0; padding: 1.5rem; }
}

ul.list-3 { display: block; }
ul.list-3 li { display: block; overflow: hidden; margin: 0 0 1rem; }
ul.list-3 li:last-child { margin: 0; }
ul.list-3 div.img { float: left; width: 92px; overflow: hidden; margin: 0 1rem 0 0; }
ul.list-3 div.img img { display: block; transition: all 0.2s linear; }
ul.list-3 div.desc { overflow: hidden; }
ul.list-3 h3 { font-size: 13px; font-weight: 700; margin: 0; text-transform: uppercase; transition: all 0.2s linear; }
ul.list-3 a { color: #fff; text-decoration: none; }
ul.list-3 a:hover { color: #e3c82d; }
ul.list-3 a:hover div.img img { transform: scale(1.2); }

div.box-5 { font-size: 0; margin: 0 0 2rem; }
div.box-5 > div.one { display: inline-block; vertical-align: top; width: 32%; margin: 0 2% 0 0; }
div.box-5 > div.one:nth-child(3n+3) { margin-right: 0; }
div.box-5 h2 { font-weight: 900; font-size: 20px; margin: 0 0 1rem; color: #2E2E2E; }
div.box-5 h2 a { color: #2E2E2E; }
div.box-5 > div.one div.wrap { border-top: 3px solid #0763CF; box-shadow: 0 0 8px 0 rgba(0,0,0,0.16); padding: 1.3rem 1.5rem 1rem; text-align: center; }
div.box-5 > div.one div.wrap.no-padding { padding: 0; }
div.box-5 p { font-size: 16px; }
div.box-5 div.head { margin: 0 0 1rem; text-align: center; }
div.box-5 div.head div.img { height: 75px; position: relative; margin: 0 auto 0.75rem; }
div.box-5 div.head img { display: block; margin: 0 auto; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); max-width: 100%; max-height: 100%; }
div.box-5 div.head small { color: #58656A; font-size: 12px; display: block; }
div.box-5 .button { margin: 0 0.5rem 0.5rem; }

@media (max-width: 1100px) and (min-width: 1001px) {
	 .table-1 th, .table-1 td, .table-1 td.img { font-size: 12px !important; }
}

@media (max-width: 1000px) {
	div.box-5 h2 { font-size: 16px; }
	div.box-5 > div.one { display: block; width: 100%; margin: 0 0 1.5rem; }
	div.box-5 > div.one div.wrap { height: auto !important; }
}

@media (max-width: 400px) {
	 .table-1 th, .table-1 td, .table-1 td.img { font-size: 13px !important; }
}

i.next { display: inline-block; vertical-align: middle; width: 15px; height: 11px; background: url("images/icons/next.png") center center scroll no-repeat transparent; background-size: contain; margin-left: 0.5rem; }
i.prev { display: inline-block; vertical-align: middle; width: 15px; height: 11px; background: url("images/icons/prev.png") center center scroll no-repeat transparent; background-size: contain; margin-right: 0.5rem; }

i.next2 { display: inline-block; vertical-align: middle; width: 11px; height: 8px; background: url("images/icons/next2.png") center center scroll no-repeat transparent; background-size: contain; margin-left: 0.5rem; }
i.prev2 { display: inline-block; vertical-align: middle; width: 11px; height: 8px; background: url("images/icons/prev2.png") center center scroll no-repeat transparent; background-size: contain; margin-right: 0.5rem; }

i.ticket { display: inline-block; vertical-align: middle; width: 14px; height: 14px; background: url("images/icons/ticket-wh.png") center center scroll no-repeat transparent; background-size: contain; margin-right: 0.5rem; }
i.video { display: inline-block; vertical-align: text-top; width: 20px; height: 14px; background: url("images/icons/yt-wh.png") center center scroll no-repeat transparent; background-size: contain; margin-right: 0.5rem; }
i.photo { display: inline-block; vertical-align: text-top; width: 18px; height: 14px; background: url("images/icons/photo.png") center center scroll no-repeat transparent; background-size: contain; margin-right: 0.5rem; }
i.photo-big { display: block; margin: 0 auto 0.5rem; width: 45px; height: 35px; background: url("images/icons/photo-big.png") center center scroll no-repeat transparent; background-size: contain; }

i.play { display: inline-block; vertical-align: middle; width: 20px; height: 14px; background: url("images/svg/play.svg") center center scroll no-repeat transparent; background-size: contain; margin-right: 0.5rem; }
i.cart { display: inline-block; vertical-align: text-top; width: 14px; height: 14px; background: url("images/icons/cart-wh.png") center center scroll no-repeat transparent; background-size: contain; margin-right: 0.5rem; }

.button { display: inline-block; vertical-align: middle; padding: 0.5rem 0.75rem; border-radius: 4px; background: #0763CF; min-width: 130px; max-width: 100%; color: #fff; font-size: 11px; font-weight: 700; text-align: center; margin: 0 auto; text-decoration: none; transition: all 0.2s linear; }
.button.black { background: #2E2E2E; }
.button.live { background: #fff; color: #DA0812; }
.button + .button { margin-left: 1rem; }
.button:hover { text-decoration: none; background: #2E2E2E; }
.button.black:hover { background: #0763CF; }

ul.list-4 { display: table; width: 100%; text-align: center; margin: 0 0 1.5rem; }
ul.list-4 > li { display: table-cell; vertical-align: middle; width: 50%; position: relative; padding-left: 0.75rem; }
ul.list-4 > li:first-child { padding-left: 0; padding-right: 0.75rem; }
ul.list-4 > li:first-child h3 { text-align: right; }
ul.list-4 > li:last-child h3 { text-align: left; }
ul.list-4 div.img { width: 40px; position: absolute; left: 0.75rem; top: 50%; transform: translateY(-50%); }
ul.list-4 div.img img { max-height: 40px; }
ul.list-4 div.desc { display: table; width: 100%; padding-left: 50px; }
ul.list-4 h3 { display: table-cell; vertical-align: middle; height: 50px; font-size: 16px; font-weight: 700; line-height: 1.2; }
ul.list-4 > li:first-child div.img { left: auto; right: 0.75rem; }
ul.list-4 > li:first-child div.desc { padding-left: 0; padding-right: 50px; }

ul.list-4.has-score > li { width: 40%; }
ul.list-4.has-score > li.score { width: 20%; font-size: 0; }
ul.list-4 li.score span { display: inline-block; vertical-align: middle; font-size: 30px; font-weight: 700; color: #fff; width: 35px; max-width: 50%;
	border-radius: 4px 0 0 4px; white-space: nowrap;

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#70adf5+0,01489b+100 */
	background: rgb(112,173,245); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(112,173,245,1) 0%, rgba(1,72,155,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(112,173,245,1) 0%,rgba(1,72,155,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(112,173,245,1) 0%,rgba(1,72,155,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70adf5', endColorstr='#01489b',GradientType=0 ); /* IE6-9 */
}
ul.list-4 li.score { padding: 0; }
ul.list-4 li.score span:last-child { border-left: 1px solid #0763CF; border-radius: 0 4px 4px 0; }

@media (max-width: 1200px) and (min-width: 1001px) {
	ul.list-4 > li { display: block; width: auto; padding-left: 0; }
	ul.list-4 > li div.img { right: auto; left: 0; }
	ul.list-4 > li:first-child { padding-right: 0; }
	ul.list-4 > li:first-child div.img { right: auto; left: 0; }
	ul.list-4 > li:first-child div.desc { padding-right: 0; padding-left: 50px; }
	ul.list-4 > li:first-child h3 { text-align: left; }

	ul.list-4.has-score > li { width: auto; }
	ul.list-4.has-score > li.score { white-space: nowrap; margin: 0 auto; width: auto; }
	ul.list-4 li.score span { padding: 0 0.25rem; min-width: 35px; width: auto; }
}

@media (max-width: 460px) {
	ul.list-4.has-score { table-layout: fixed; }
	ul.list-4 h3 { font-size: 14px; }

}
/*
@media (max-width: 460px) {

	ul.list-4 > li { display: block; width: auto; padding-left: 0; }
	ul.list-4 > li div.img { right: auto; left: 0; }
	ul.list-4 > li:first-child { padding-right: 0; }
	ul.list-4 > li:first-child div.img { right: auto; left: 0; }
	ul.list-4 > li:first-child div.desc { padding-right: 0; padding-left: 50px; }
	ul.list-4 > li:first-child h3 { text-align: left; }

	ul.list-4.has-score > li { width: auto; }
	ul.list-4.has-score > li.score { white-space: nowrap; margin: 0 auto; width: auto; }
	ul.list-4 li.score span { padding: 0 0.25rem; min-width: 35px; width: auto; }
}
*/

.acenter { text-align: center !important; }
.nowrap { white-space: nowrap !important; }

.table-1 { border-collapse: collapse; width: 100%; }
.table-1.bordered { border-top: 3px solid #0763CF; box-shadow: 0 0 8px 0 rgba(0,0,0,0.16); }
.table-1 td,
.table-1 th { border-bottom: 1px solid #EDEDED; padding: 0.8rem 0.5rem; font-size: 14px; text-align: left; vertical-align: middle; }
.table-1 th { font-weight: 700; border-bottom-width: 2px; }
.table-1 td.img { position: relative; padding-left: 36px; font-size: 15px; }
.table-1 td.img div.img { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 28px; }
.table-1 td.img div.img img { display: block; margin: 0 auto; max-width: 100%; max-height: 28px; }
.table-1 tr.active td,
.table-1 tr.active th { background: #EDEDED; font-weight: 700; }
.table-1 tr.active td.img { font-weight: 700; }

.table-1 td:first-child { border-left: 3px solid transparent; }
.table-1 td:first-child.green { border-left-color: green; }
.table-1 td:first-child.red { border-left-color: red; }
.table-1 td:first-child.blue { border-left-color: #01489B; }

.table-1 span.nowrap { overflow: hidden; text-overflow: ellipsis; width: 166px; display: inline-block; }

span.circle { display: inline-block; vertical-align: middle; width: 15px; height: 15px; border-radius: 100%; background: #969595; }
span.circle.green { background: #3D912E; }
span.circle.red { background: #DD2828; }
span.circle + span.circle { margin-right: 2px; }
span.circle:last-child { margin: 0; }

div.box-6 { background: #DA0812; text-align: center; padding: 1.5rem; margin: 0 auto 2rem; }

div.section { padding: 2rem 0; }
div.section h2 { text-align: center; font-size: 36px; font-weight: 900; color: #2E2E2E; text-transform: uppercase; margin: 0 auto 1rem; }

@media (max-width: 460px) {
	div.section h2 { font-size: 28px; }
}

ul.list-5 { overflow: hidden; padding: 4px; font-size: 0; }
ul.list-5 > li { float: left; overflow: hidden; width: 23.5%; margin: 0 2% 2% 0; padding: 0 0 1rem; box-shadow: 0 0 8px 0 rgba(0,0,0,0.16); position: relative; }
ul.list-5 > li:nth-child(3),
ul.list-5 > li:nth-child(5),
ul.list-5 > li:last-child { margin-right: 0; }

ul.list-5 div.img { position: relative; }
ul.list-5 div.img div.img-wrap { overflow: hidden; }
ul.list-5 div.img img { display: block; width: 100%; transition: all 0.2s linear; }
ul.list-5 div.img small.cat { position: absolute; left: 1rem; top: 100%; border-top: 3px solid #0763CF; color: #0763CF; padding: 0.5rem 0; text-align: center; font-weight: 700; font-size: 14px; line-height: 1.5; text-transform: uppercase; }

ul.list-5 div.desc { padding: 3rem 1rem 1rem; /*padding: 2.5rem 1.5rem 1.5rem;*/ }
ul.list-5 a { color: #2E2E2E; text-decoration: none; }
ul.list-5 a:hover h3 { color: #0763CF; }
ul.list-5 h3 { height: 3.8em; overflow: hidden; font-size: 20px; line-height: 1.3; font-weight: 900; margin: 0 0 1rem; transition: all 0.2s linear; text-transform: uppercase; }
ul.list-5 p { font-family: "Roboto"; font-size: 18px; font-weight: 300; margin: 0 0 1rem; }
ul.list-5 small.date { font-style: italic; font-size: 12px; color: #58656A; position: absolute; left: 1rem; bottom: 1rem; }

ul.list-5 > li.big { width: 49%; }
ul.list-5 > li.big h3 { font-size: 32px; height: auto; }

ul.list-5 > li.promo { box-shadow: none; background: #DA0812; padding: 1.5rem; position: relative; }
ul.list-5 > li.promo a { display: block; position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); }
ul.list-5 > li.promo img { display: block; margin: 0 auto; }

ul.list-5 a:hover div.img img { transform: scale(1.2); }

@media (max-width: 1000px) {
	ul.list-5 > li.big h3 { font-size: 20px; }
	ul.list-5 h3 { font-size: 16px; }
	ul.list-5 p { font-size: 16px; }
}

@media (max-width: 800px) {
	ul.list-5 > li.big { float: none; width: 100%; min-height: 0 !important; }
	ul.list-5 > li { width: 47.5%; margin: 0 5% 5% 0; }
	ul.list-5 > li:nth-child(odd) { margin-right: 0; }

	ul.list-5 > li:nth-child(2) { display: none; }
	ul.list-5 > li:nth-child(3) { width: 100%; margin-right: 0; }
}

@media (max-width: 460px) {
	ul.list-5 h3 { height: 3.75em; min-height: 3.75em; font-size: 12px; }
	ul.list-5 > li.big h3 { min-height: 0; }

	ul.list-5 div.img small.cat { width: 100px; font-size: 12px; }
}

.bgBlue { background: #002857; }

div.box-7 { position: relative; margin: -2rem 0 2.5rem; }
div.box-7 div.img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url() center center scroll no-repeat transparent; background-size: cover; }
div.box-7 div.img img { display: none; }
div.box-7 div.img:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#002857+0,002857+35,002857+100&1+0,1+35,0+100 */
	background: -moz-linear-gradient(left,  rgba(0,40,87,1) 0%, rgba(0,40,87,1) 35%, rgba(0,40,87,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(0,40,87,1) 0%,rgba(0,40,87,1) 35%,rgba(0,40,87,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(0,40,87,1) 0%,rgba(0,40,87,1) 35%,rgba(0,40,87,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002857', endColorstr='#00002857',GradientType=1 ); /* IE6-9 */
}
div.box-7 div.img:after { content: ""; display: block; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); margin: 0 auto; width: 110px; height: 77px; background: url("images/icons/yt-big.png") center center scroll no-repeat transparent; background-size: contain; }
div.box-7 div.img small.cat { position: absolute; left: 0; top: 0; background: #0763CF; color: #fff; padding: 0.5rem 0.2rem; width: 140px; text-align: center; font-weight: 900; font-size: 14px; line-height: 1.5; text-transform: uppercase; box-shadow: 5px 0px 0px 0px #E3C82D, 5px 5px 0px 0px #E3C82D; }
div.box-7 div.desc { position: relative; width: 40%; padding: 2rem 2rem 2rem 0; }
div.box-7 div.desc div.table { display: table; width: 100%; }
div.box-7 div.desc div.table div.table-cell { display: table-cell; vertical-align: middle; height: 400px; }
div.box-7 h3 { font-size: 36px; line-height: 1.3; font-weight: 900; margin: 0 0 1rem; color: #E3C82D; transition: all 0.2s linear; text-transform: uppercase; }
div.box-7 p { font-family: "Roboto"; font-size: 18px; font-weight: 300; margin: 0; color: #fff; }
div.box-7 small.date { font-style: italic; font-size: 12px; color: #fff; }
div.box-7 a { text-decoration: none !important; }
div.box-7 a:hover h3 { color: #0763CF; }

@media (max-width: 1400px) {
	div.box-7 { margin: -2rem -1.5rem 2.5rem; }
	div.box-7 div.desc { padding-left: 2rem; }
	div.box-7 div.img small.cat { left: 2rem; }
}

@media (max-width: 1000px) {
	div.box-7 h3 { font-size: 30px; }
	div.box-7 p { font-size: 16px; }
}

@media (max-width: 760px) {
	div.box-7 div.desc { width: 100%; }
	div.box-7 div.desc div.table div.table-cell { vertical-align: bottom; height: 300px; }
}

@media (max-width: 460px) {
	div.box-7 h3 { font-size: 28px; }
}


ul.list-6 { overflow: hidden; padding: 4px; font-size: 0; }
ul.list-6 > li { float: left; overflow: hidden; width: 23.5%; margin: 0 2% 2% 0; background: #01489B; box-shadow: 0 0 8px 0 rgba(0,0,0,0.16); }
ul.list-6 > li:nth-child(4) { margin-right: 0; }

ul.list-6 div.img { position: relative; }
ul.list-6 div.img div.img-wrap { overflow: hidden; }
ul.list-6 div.img img { display: block; width: 100%; transition: all 0.2s linear; }
ul.list-6 div.img small.cat { position: absolute; left: 1rem; top: 100%; border-top: 3px solid #fff; color: #fff; padding: 0.5rem 0; text-align: center; font-weight: 700; font-size: 14px; line-height: 1.5; text-transform: uppercase; }

ul.list-6 div.desc { padding: 3rem 1rem 1rem; }
ul.list-6 a { color: #fff; text-decoration: none; }
ul.list-6 a:hover h3 { color: #E3C82D; }
ul.list-6 h3 { height: 3.8em; overflow: hidden; font-size: 20px; line-height: 1.3; font-weight: 900; margin: 0 0 1rem; transition: all 0.2s linear; text-transform: uppercase; }
ul.list-6 p { font-size: 18px; font-weight: 300; margin: 0 0 1rem; }
ul.list-6 small.date { font-style: italic; font-size: 12px; color: #fff; }

ul.list-6 a:hover div.img img { transform: scale(1.2); }

ul.list-6.black > li { background: #2E2E2E; }
ul.list-6.black div.img small.cat { border-top-color: #E3C82D; color: #E3C82D; }

ul.list-6.three-in-a-row > li { width: 32%; }
ul.list-6.three-in-a-row > li:nth-child(4) { margin-right: 2%; }
ul.list-6.three-in-a-row > li:nth-child(3n+3) { margin-right: 0; }

ul.list-6.black i.photo { background-image: url("images/icons/photo2.png"); }

@media (max-width: 1000px) {
	ul.list-6 h3 { font-size: 16px; }

	ul.list-6.three-in-a-row > li { width: 47.5%; margin: 0 5% 5% 0; }
	ul.list-6.three-in-a-row > li:nth-child(even) { margin-right: 0; }
}

@media (max-width: 800px) {
	ul.list-6 > li { width: 47.5%; margin: 0 5% 5% 0; }
	ul.list-6 > li:nth-child(even) { margin-right: 0; }
}

/*
@media (max-width: 460px) {
	ul.list-6 > li,
	ul.list-6.three-in-a-row > li { display: block; width: 100%; margin: 0 0 1.5rem; }
	ul.list-6 h3 { min-height: 3.8em; height: auto; }
}
*/

@media (max-width: 460px) {
	ul.list-6 h3 { height: 3.75em; min-height: 3.75em; font-size: 12px; }
	ul.list-6 div.img small.cat { width: 100px; font-size: 12px; }
}


div.box-8 { position: relative; margin: 0 0 2.5rem; height: 560px; }
div.box-8 div.img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url() center center scroll no-repeat transparent; background-size: cover; }
div.box-8 div.img img { display: none; }
div.box-8 div.img:before { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 50%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,151515+100&0+0,1+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(21,21,21,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(21,21,21,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(21,21,21,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#151515',GradientType=0 ); /* IE6-9 */
}
div.box-8 div.img small.cat { position: absolute; left: 2rem; top: 0; background: #0763CF; color: #fff; padding: 0.5rem 0.2rem; width: 140px; text-align: center; font-weight: 900; font-size: 14px; line-height: 1.5; text-transform: uppercase; box-shadow: 5px 0px 0px 0px #E3C82D, 5px 5px 0px 0px #E3C82D; }
div.box-8 div.desc { position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 0; width: 1100px; max-width: 100%; padding: 2rem 2rem 4rem; }
div.box-8 div.desc div.table { display: table; width: 100%; }
div.box-8 div.desc div.table div.table-cell { display: table-cell; vertical-align: middle; }
div.box-8 h3 { font-size: 36px; line-height: 1.2; font-weight: 900; margin: 0; color: #fff; transition: all 0.2s linear; text-transform: uppercase; }
div.box-8 small.date { font-style: italic; font-size: 12px; color: #fff; }
div.box-8 a { text-decoration: none !important; }
div.box-8 a:hover h3 { color: #E3C82D; }
div.box-8 div.im span { display: block; width: 100px; background: #E3C82D; color: #fff; font-weight: 900; font-size: 14px; text-align: center; padding: 1rem; box-shadow: 5px -5px 0px 0px #2E2E2E; }
div.box-8 div.de { padding-left: 1.5rem; }

@media (max-width: 1000px) {
	div.box-8 h3 { font-size: 30px; }
}

@media (max-width: 760px) {
	div.box-8 { height: 480px; }
	div.box-8 h3 { font-size: 26px; }
	div.box-8 div.desc { padding: 2rem 1.5rem; }
}

@media (max-width: 460px) {
	div.box-8 div.im span { width: 80px; padding: 0.5rem; }
	i.photo-big { width: 30px; height: 25px; }
	div.box-8 h3 { font-size: 16px; }
}

div.box-9 { background: url() center center scroll no-repeat #222; background-size: cover; padding: 2rem 0; margin: 0 0 2rem; }
div.box-9 a { color: #fff; text-decoration: none; }
div.box-9 h2 { font-size: 48px; font-weight: 900; margin: 0; transition: all 0.2s linear; }
div.box-9 p { font-family: "Roboto"; font-size: 24px; font-weight: 300; margin: 0; }
div.box-9 a:hover h2 { color: #0763CF; }

@media (max-width: 1000px) {
	div.box-9 h2 { font-size: 36px; }
	div.box-9 p { font-size: 16px; }
}

@media (max-width: 460px) {
	div.box-9 h2 { font-size: 28px; }
}

ul.list-7 { margin: 5rem auto 2rem; font-size: 0; display: block; text-align: center; }
ul.list-7 > li { display: inline-block; vertical-align: top; width: 23.5%; margin: 0 2% 2% 0; }
ul.list-7 > li:nth-child(4n+4) { margin-right: 0; }
ul.list-7 div.img { margin: 0 0 2rem; }
ul.list-7 div.img img { display: block; margin: 0 auto; }
ul.list-7 h3 { font-size: 18px; font-weight: 900; height: 2.9em; overflow: hidden; margin: 0 0 1.5rem; }
ul.list-7 h3 a { color: #2E2E2E; transition: all 0.2s linear; text-decoration: none; }
ul.list-7 h3 a:hover { color: #0763CF; }
ul.list-7 span.price { color: #0763CF; display: inline-block; vertical-align: middle; margin: 0 1rem 0 0; line-height: 1; font-size: 20px; font-weight: 900; }
ul.list-7 strike { display: block; color: #888; font-size: 12px; }

@media (max-width: 1000px) {
	ul.list-7 h3 { font-size: 16px; }
}

@media (max-width: 800px) {
	ul.list-7 > li { width: 47.5%; margin: 0 5% 3rem 0; }
	ul.list-7 > li:nth-child(even) { margin-right: 0; }
}

@media (max-width: 460px) {
	ul.list-7 { overflow: auto; white-space: nowrap; }
	ul.list-7 li { white-space: normal; width: 260px; margin: 0 1rem 0 0 !important; }
	ul.list-7 li:last-child { margin: 0 !important; }

	/*ul.list-7 > li { display: block; width: 100%; margin-right: 0; }
	ul.list-7 h3 { min-height: 0; height: auto; } */
}

hr { display: block; height: 0; width: 100%; margin: 1.5rem auto; border-top: 1px solid #D6D6D6; }

div.section.nasza-mlodziez { padding-bottom: 0; }

div.box-10 { font-size: 0; margin: 0; }
div.box-10 > div.one { display: inline-block; vertical-align: top; width: 50%; position: relative; }
div.box-10 > div.one div.im { z-index: 1; position: absolute; left: 0; top: 2rem; background: rgba(16,74,95,0.75); border-left: 8px solid #0763CF; padding: 0.5rem; }
div.box-10 > div.one:nth-child(even) div.im { left: auto; right: 0; border-left: 0; border-right: 8px solid #0763CF; }
div.box-10 > div.one div.im img { height: 46px; }

@media (max-width: 600px) {
	div.box-10 > div.one { display: block; width: 100%; }
}

div.box-11 { position: relative; }
div.box-11 a { color: #fff; transition: all 0.2s linear; text-decoration: none; }
div.box-11 a:hover { color: #0763CF; }
div.box-11 div.img { position: relative; background: url() center center scroll no-repeat #222; background-size: cover; height: 500px; }
div.box-11 div.img:before { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 80%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,151515+100&0+0,1+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(21,21,21,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(21,21,21,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(21,21,21,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#151515',GradientType=0 ); /* IE6-9 */
}
div.box-11 div.img img { display: none; width: 100%; }
div.box-11 div.desc { position: absolute; left: 0; bottom: 0; width: 100%; padding: 2rem; }
div.box-11 h3 { font-size: 24px; font-weight: 900; margin: 0 0 1rem; text-transform: uppercase; }
div.box-11 h4 { font-size: 16px; font-weight: 700; margin: 0 0 0.5rem; }

@media (max-width: 460px) {
	div.box-11 div.desc { padding: 1.5rem; }
}

div.section.social-feed { padding: 3rem 0; margin: 0 auto; background: url("images/bcg/bcg.jpg") center center scroll no-repeat #222; background-size: cover; }
div.section.social-feed h2 { color: #fff; }

ul.list-8 { margin: 2rem 0 2rem -2%; }
ul.list-8 > li { display: block; float: left; width: 23%; margin: 0 0 2% 2%; overflow: hidden; }
ul.list-8 div.img { position: relative; }
ul.list-8 div.img img { position: relative; display: block; width: 100%; }
ul.list-8 div.body { background: #fff; padding: 1.5rem; font-size: 16px; font-weight: 300; }
ul.list-8 div.body p { font-family: "Roboto"; font-weight: 300; margin: 0 0 1rem; }
ul.list-8 div.body a { font-weight: 700; }
ul.list-8 div.foot { padding: 0.5rem 1.5rem; background: #01489B; color: #fff; font-size: 16px; font-weight: 700; }
ul.list-8 div.foot a { color: #fff; }
ul.list-8 div.foot i { display: inline-block; vertical-align: middle; height: 21px; margin: 0 0.5rem 0 0; background: url() center center scroll no-repeat transparent; background-size: contain; }
ul.list-8 li.yt div.foot i { width: 30px; background-image: url("images/icons/soc-yt.png"); }
ul.list-8 li.fb div.foot i { width: 21px; background-image: url("images/icons/soc-fb.png"); }
ul.list-8 li.tw div.foot i { width: 26px; background-image: url("images/icons/soc-tw.png"); }

ul.list-8 li.nl { background: url("images/bcg/bcg-1.jpg") center center scroll no-repeat #0763CF; background-size: cover; padding: 1.5rem 1.25rem; }
ul.list-8 li.nl h3 { color: #E3C82D; font-size: 20px; font-weight: 900; margin: 0 0 1rem; text-align: center; }
ul.list-8 li.nl p { color: #fff; font-size: 14px; font-style: italic; margin: 0 0 1rem; text-align: center; }

ul.list-8 li.nl small { display: block; color: #fff; font-size: 13px; line-height: 1.2; }
ul.list-8 li.nl small a { color: #fff; }

@media (max-width: 1000px) {
	ul.list-8 li { width: 48%; }
}

@media (max-width: 630px) {
	ul.list-8 {  margin: 2rem 0; }
	ul.list-8 li { width: 100%; margin: 0 0 1rem; }
}

div.nl { margin: 0 auto; background: url("images/bcg/bcg-1.jpg") center center scroll no-repeat #0763CF; background-size: cover; padding: 1.5rem 1.25rem; }
div.nl h3 { color: #E3C82D; font-size: 19px; font-weight: 900; line-height: 1.2; margin: 0 0 1rem; text-align: center; }
div.nl p { color: #fff; font-size: 14px; line-height: 1.2; font-style: italic; margin: 0 0 1rem; text-align: center; }
div.nl small { display: block; color: #fff; font-size: 12px; line-height: 1.2; }
div.nl small a { color: #fff; }

.form-1 { position: relative; padding: 0 40px 0 0; margin: 0 0 1rem; }
.form-1 input.tnp-email { display: block; width: 100%; height: 40px; padding: 0.5rem; font-size: 16px; font-style: italic; background: #fff; border-radius: 4px 0 0 4px; }
.form-1 input.tnp-button { position: absolute !important; font-size: 0; top: 0; right: 0; width: 40px; height: 40px; background: url("images/icons/send.png") center center scroll no-repeat #E3C82D; background-size: 20px auto; border-radius: 0 4px 4px 0; }

ul.list-9 { font-size: 0; text-align: center; margin: 0 auto 2rem; }
ul.list-9 > li { display: inline-block; vertical-align: middle; margin: 0 1.5rem 1.5rem; }

@media (max-width: 630px) {
	ul.list-9 > li { max-width: 45%; margin: 1rem; }
}

div.box-12 { text-align: center; color: #fff; }
div.box-12 span,
div.box-12 img { display: inline-block; vertical-align: middle; font-size: 21px; font-weight: 700; }
div.box-12 img { display: inline-block !important; margin: 0 2rem !important; }

@media (max-width: 700px) {
	div.box-12 span, div.box-12 img { display: block; }
	div.box-12 img { margin: 1.5rem auto !important; }
}

ul.list-10 { overflow: hidden; padding: 4px; font-size: 0; }
ul.list-10 > li { float: left; overflow: hidden; width: 32%; margin: 0 2% 2% 0; padding: 0 0 1rem; box-shadow: 0 0 8px 0 rgba(0,0,0,0.16); position: relative; background: url("") center center scroll no-repeat #fff; background-size: cover; }
ul.list-10 > li:nth-child(3n+3) { margin-right: 0; }

ul.list-10 div.img { position: relative; }
ul.list-10 div.img div.img-wrap { overflow: hidden; background: #eee; }
ul.list-10 div.img img { display: block; width: 100%; transition: all 0.2s linear; }
ul.list-10 div.img small.cat { position: absolute; left: 1rem; top: 100%; border-top: 3px solid #0763CF; color: #0763CF; padding: 0.5rem 0; text-align: center; font-weight: 700; font-size: 14px; line-height: 1.5; text-transform: uppercase; }
ul.list-10 div.img small.cat.gall-info { width: auto; padding: 0.5rem 1rem; background: #E3C82D; box-shadow: 5px -5px 0px 0px #2E2E2E; }

ul.list-10 div.desc { position: relative; padding: 3rem 1rem 1rem; /*padding: 2.5rem 1.5rem 1.5rem;*/ }
ul.list-10 a { color: #2E2E2E; text-decoration: none; }
ul.list-10 a:hover h3 { color: #0763CF; }
ul.list-10 h3 { height: 3.8em; overflow: hidden; font-size: 20px; line-height: 1.3; font-weight: 900; margin: 0 0 1rem; transition: all 0.2s linear; text-transform: uppercase; }
ul.list-10 p { font-family: "Roboto"; font-size: 18px; font-weight: 300; margin: 0 0 1rem; }
ul.list-10 small.date { font-style: italic; font-size: 12px; color: #58656A; position: absolute; left: 1rem; bottom: 1rem; }

ul.list-10 > li.special div.img div.img-wrap { background: none; }
ul.list-10 > li.special div.img img { opacity: 0; }
ul.list-10 > li.special div.img small.cat { bottom: auto; top: 0; border-top-color: #fff; color: #fff; }
ul.list-10 > li.special:before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 60%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,151515+100&0+0,1+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(21,21,21,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(21,21,21,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(21,21,21,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#151515',GradientType=0 ); /* IE6-9 */
}
ul.list-10 > li.special a { color: #fff; }
ul.list-10 > li.special small.date { color: #fff; }

@media (max-width: 1000px) {
	ul.list-10 h3 { font-size: 16px; }
	ul.list-10 p { font-size: 16px; }
}

@media (max-width: 800px) {
	ul.list-10 > li { width: 47.5%; margin: 0 5% 5% 0; }
	ul.list-10 > li:nth-child(3n+3) { margin-right: 5%; }
	ul.list-10 > li:nth-child(even) { margin-right: 0; }
}

@media (max-width: 460px) {
	ul.list-10 > li { display: block; width: 100%; margin: 0 0 1.5rem; }
	ul.list-10 h3 { min-height: 3.8em; height: auto; }
	ul.list-10 > li.big h3 { min-height: 0; }
}

div.box-13 { margin: 1.5rem auto; position: relative; text-align: center; }
div.box-13:before { content: ""; display: block; position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); border-bottom: 2px solid #0763CF; }
div.box-13 h1,
div.box-13 h2 { display: inline-block; vertical-align: middle; margin: 0 !important; padding: 0.5rem 2rem; background: #fff; font-size: 20px; font-weight: 900; position: relative; text-transform: uppercase; }

h1.page-title { font-size: 56px; }

article div.main-img { position: relative; min-height: 800px; color: #fff; background: url("") center center scroll no-repeat #222; background-size: cover; }
article div.main-img:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60%;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(21,21,21,1) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(21,21,21,1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(21,21,21,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#151515',GradientType=0 );
}
article div.main-img div.img { display: none; }
article div.main-img div.desc { position: absolute; z-index: 1; left: 0; bottom: 0; width: 100%; padding: 2rem; }
article div.main-img h1 { font-size: 48px; line-height: 1.2; font-weight: 900; text-transform: uppercase; width: 70%; margin: 0 auto 0.75rem 0; }
article div.main-img h1.acenter { margin: 0 auto 0.75rem; }
article div.main-img small { display: block; font-family: "Roboto"; font-weight: 300; margin: 0 0 2rem; }
article div.main-img div.soc,
article div.page-main-img div.soc { width: 280px; margin: 0 auto; text-align: center; }
article div.main-img div.soc small,
article div.page-main-img div.soc small { display: block; margin: 0 0 1rem; color: #FFDD17; font-weight: 300; font-weight: 700; letter-spacing: 2px; }
article div.main-img div.soc ul,
article div.page-main-img div.soc ul { display: block; position: relative; padding: 0; margin: 0; }
article div.main-img div.soc ul:before,
article div.page-main-img div.soc ul:before { content: ""; display: block; width: 70%; position: absolute; left: 0; right: 0; top: 49%; margin: 0 auto; border-top: 1px solid #0763CF; }
article div.main-img div.soc ul li,
article div.page-main-img div.soc ul li { display: inline-block; position: relative; vertical-align: middle; margin: 0 0.75rem; }

article div.page-main-img { position: relative; }
article div.page-main-img:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("images/bcg/gradient-layer.svg") left top scroll repeat-x transparent; background-size: cover; }
article div.page-main-img div.pageWidth { position: relative; }

@media (max-width: 1200px) {
	article div.main-img { height: 640px; }
	article div.main-img div.desc div.pageWidth { padding: 0; }
}

@media (max-width: 1000px) {
	article div.main-img h1 { font-size: 42px; }
}

@media (max-width: 760px) {
	article div.main-img h1 { width: auto; }
	article div.main-img { height: 480px; }
}

@media (max-width: 460px) {
	article div.main-img h1 { font-size: 32px; }
	article div.main-img div.desc { padding: 1.5rem; }
}

article div.main-video div.pageWidth { padding: 0; }
article div.main-video div.yt { margin: 0; }

div.page-main-img { background: url("images/bcg/sub.jpg") center center scroll no-repeat #222; background-size: cover; padding: 10rem 0; }
div.page-main-img h1 { text-align: center; width: 850px; max-width: 100%; color: #fff; font-size: 42px; font-family: "Rubik"; line-height: 1.2; font-weight: 900; text-transform: uppercase; margin: 0 auto; }

div.page-main-img.v2 { padding: 10rem 0 6rem; }

@media (max-width: 850px) {
	div.page-main-img { padding: 6rem 0 8rem; }
	div.page-main-img.v2 { padding: 6rem 0 4rem; }
}

div.art-wrap article h1 { font-size: 42px; font-family: "Rubik"; line-height: 1.2; font-weight: 900; text-transform: uppercase; margin: 0 auto 0.75rem; }
div.art-wrap div.left article h1 { margin-top: 4rem; }
div.art-wrap article small { display: block; font-family: "Roboto"; font-weight: 300; margin: 0 0 2rem; }
div.art-wrap article div.soc { margin: 0 auto 2rem; }
div.art-wrap article div.soc small { display: inline-block; vertical-align: middle; margin: 0; color: #FFDD17; font-weight: 700; letter-spacing: 2px; }
div.art-wrap article div.soc ul { display: inline-block; vertical-align: middle; position: relative; padding: 0; margin: 0; }
div.art-wrap article div.soc ul:before { content: ""; display: block; width: 70%; position: absolute; left: 0; right: 0; top: 49%; margin: 0 auto; border-top: 1px solid #0763CF; }
div.art-wrap article div.soc ul li { display: inline-block; position: relative; vertical-align: middle; margin: 0 0.75rem; }

article div.page { width: 850px; max-width: 100%; padding: 4rem; background: #fff; margin: -4rem auto 0; position: relative; }

@media (max-width: 480px) {
	article div.page { padding: 1.5rem; }
}

article h2 { margin: 2.5rem 0 1.5rem !important; font-size: 24px !important; text-align: left !important; }
article h3 { margin: 2.5rem 0 1.5rem; font-size: 22px; }
article h4 { margin: 2.5rem 0 1.5rem; font-size: 20px; }
article h5 { margin: 2.5rem 0 1.5rem; font-size: 18px; }
article h6 { margin: 2.5rem 0 1.5rem; font-size: 16px; }
article p { font-family: "Roboto"; font-size: 20px; margin: 0 0 1.5rem; }
article p:first-child,
article h1 + p,
article div.soc + p { font-size: 24px; font-weight: 700; }
article ul { font-family: "Roboto"; font-size: 20px; margin: 0 0 1.35rem; padding: 0 0 0 20px; list-style-type: disc; }
article ul ul { margin: 0.5rem 0 1rem; list-style-type: circle; }
article ul li { margin: 0 0 0.5rem; }
article ol { font-family: "Roboto"; font-size: 20px; margin: 0 0 1.35rem; padding: 0 0 0 25px; list-style-type: decimal; }
article ol li { margin: 0 0 0.5rem; }
article blockquote { min-height: 78px; padding: 0.75rem 0 0 4rem; margin: 0 0 1.5rem; font-size: 18px; background: url("images/icons/blockquote.png") left top scroll no-repeat transparent; background-size: 123px auto; }
article blockquote p { margin: 0 0 1rem; font-size: 18px !important; font-weight: 400 !important; }
article blockquote p:last-child { margin: 0; }

article table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 1.5rem;
}

article table td,
article table th {
	padding: 0.75rem 0.5rem;
	text-align: left;
	font-size: 0.875rem;
}

article table thead th,
article table thead td {
	border-top: 1px solid #ddd;
	border-bottom: 2px solid #0666a7;
	font-weight: 700;
	padding: 0.75rem 0.5rem;
	vertical-align: middle;
}

article table tbody td {
	border-bottom: 1px solid #ddd;
	vertical-align: middle;
}

article table.striped tbody td {
	border: none;
}

article table tfoot th,
article table tfoot td {
	border-top: 3px solid #0666a7;
	font-weight: 700;
	vertical-align: middle;
}

article table.striped tbody tr:nth-child(even) td {
	background: #eee;
}

article table tbody tr:hover td {
	background: #ECF1FF !important;
}

article table td.options a {
	display: block;
}

@media (max-width: 900px) {
	article table {
		display: block;
		width: 100%;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}

	article p:first-child,
	article h1 + p { font-size: 20px; }
	article p,
	article ul,
	article ol { font-size: 18px; }
}

@media (max-width: 560px) {
	h1.page-title,
	article h1.page-title { font-size: 36px !important; }
}

strong { font-weight: 700; }
em { font-style: italic; }

div.art-wrap { display: table; width: 100%; table-layout: fixed; }
div.art-wrap > div.left { display: table-cell; vertical-align: top; width: 100%; padding: 2rem; background: #fff; }
div.art-wrap > div.right { display: table-cell; vertical-align: top; width: 364px; padding: 2rem; background: #EDEDED; }

@media (max-width: 800px) {
	div.art-wrap,
	div.art-wrap > div.left,
	div.art-wrap > div.right { display: block; width: auto; }
}

@media (max-width: 460px) {
	div.art-wrap > div.left,
	div.art-wrap > div.right { padding: 1.5rem; }
}

.nopadding { padding: 0 !important; }

div.yt {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
    margin: 0 0 1.5rem;
}

div.yt iframe,
div.yt video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }

.header-1 { font-size: 24px !important; text-align: left !important; }
.header-2 { font-size: 14px !important; text-align: left !important; }
.header-2 a { color: #2e2e2e; }
.header-3 { font-size: 14px !important; text-align: left !important; padding: 0 0 0.75rem; margin: 0 0 1.5rem !important; border-bottom: 1px solid #eee; }

div.post-nav { overflow: hidden; font-size: 16px; font-weight: 900; border-top: 1px solid #EDEDED; margin: 2.5rem auto 0; padding: 1.5rem 0 0; }
div.post-nav span.prev { float: left; overflow: hidden; width: 47.5%; }
div.post-nav span.next { float: right; overflow: hidden; width: 47.5%; text-align: right; }

ul.list-11 { display: block; border-top: 3px solid #0763CF; box-shadow: 0 0 8px 0 rgba(0,0,0,0.16); padding: 1.5rem; background: #fff; margin: 0 0 2rem; }
ul.list-11 > li { display: block; overflow: hidden; margin: 0 0 1rem; }
ul.list-11 > li:last-child { margin: 0; }
ul.list-11 a { display: block; overflow: hidden; color: #131313; text-decoration: none; }
ul.list-11 div.img { float: left; overflow: hidden; width: 60px; margin: 0 1rem 0 0; }
ul.list-11 div.desc { overflow: hidden; }
ul.list-11 h3 { margin: 0; font-size: 14px; font-weight: 900; text-transform: uppercase; transition: all 0.2s linear; }
ul.list-11 a:hover h3 { color: #0763CF; }

ul.list-11.v2 { padding: 0; }
ul.list-11.v2 > li { margin: 0; padding: 1rem; border-bottom: 1px solid #EDEDED; }
ul.list-11.v2 div.desc { height: 60px; position: relative; }
ul.list-11.v2 div.desc h3 { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; padding-right: 50px; margin-top: 0.15rem; }
ul.list-11.v2 div.desc span { position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-weight: 700; font-size: 16px; }

ul.list-11.v3 { padding: 0; }
ul.list-11.v3 > li { margin: 0; padding: 1rem; border-bottom: 1px solid #EDEDED; }
ul.list-11.v3 div.desc { height: 60px; position: relative; }
ul.list-11.v3 div.desc h3 { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; padding-right: 50px; margin-top: 0.15rem; }
ul.list-11.v3 div.desc span { position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-family: "Rubik"; font-weight: 900; font-size: 16px; background: #0763CF; color: #fff; border-radius: 100%; padding: 0.4rem 0 0; width: 34px; height: 34px; text-align: center; }

ul.list-11.v4 li { position: relative; overflow: hidden; text-align: center; font-size: 13px; }
ul.list-11.v4 li strong { display: block; font-weight: 400; margin: 0 0 0.5rem; }
ul.list-11.v4 li span { position: absolute; left: 0; top: 0; font-weight: 700; }
ul.list-11.v4 li span.right { left: auto; right: 0; }

ul.list-11.v5 { padding: 0; }
ul.list-11.v5 > li { padding: 0; }

ul.list-11.v6 div.desc { height: 60px; position: relative; padding-right: 50px; }
ul.list-11.v6 div.desc div.bar { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 75%; }
ul.list-11.v6 div.desc span { position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-weight: 700; font-size: 16px; }

ul.list-11.v7 { padding: 0; }
ul.list-11.v7 > li { margin: 0; padding: 1rem; border-bottom: 1px solid #EDEDED; }
ul.list-11.v7 div.img img { width: 90px; max-width: none; margin-left: -15px; }
ul.list-11.v7 div.desc { height: 60px; position: relative; }
ul.list-11.v7 div.desc h3 { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; max-height: 4.35em; overflow: hidden; }
ul.list-11.v7 div.desc span { position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-family: "Rubik"; font-weight: 900; font-size: 16px; background: #0763CF; color: #fff; border-radius: 100%; padding: 0.4rem 0 0; width: 34px; height: 34px; text-align: center; }

div.bar { background: #D6D6D6; }
div.bar > div { background: #0763CF; margin: 0; height: 4px; }
div.bar.v2 > div { height: 12px; }

div.section.single { padding-top: 0; }
div.section.page { padding-top: 0; }

body.black { background: #2E2E2E; color: #fff; }
body.black div.art-wrap > div.left { background: #2E2E2E; color: #fff; }
body.black article p:first-child,
body.black article div.soc + p { color: #FFDD17; }
body.black div.art-wrap > div.right { background: #4B4A4A; }
body.black div.section h2 { color: #fff; }
body.black div.section h2 a { color: #fff; }
body.black div.post-nav a { color: #fff; }
body.black ul.gallery small,
body.black ul.gallery em { color: #fff; }
body.black div.box-13 h1 { background: #2E2E2E; }

body.blue { background: #002857; color: #fff; }
body.blue div.art-wrap > div.left { background: #002857; color: #fff; }
body.blue article p:first-child,
body.blue article div.soc + p { color: #FFDD17; }
body.blue div.art-wrap > div.right { background: #01489B; }
body.blue div.section h2 { color: #fff; }
body.blue div.section h2 a { color: #fff; }
body.blue div.post-nav a { color: #fff; }
body.blue ul.gallery small,
body.blue ul.gallery em { color: #fff; }
body.blue div.box-13 h1 { background: #002857; color: #E3C82D; }
body.blue div.box-13:before { border-bottom-color: #E3C82D; }
body.blue ul.list-10 li { background-color: #01489B; }
body.blue ul.list-10 h3 { color: #fff; }
body.blue ul.list-10 small.date { color: #fff; }
body.blue ul.list-10 div.img small.cat { border-top-color: #fff; color: #fff; }

div.ads p { margin: 0 0 2rem; }

ul.gallery { display: block; padding: 0; }
ul.gallery > li { display: block; margin: 0 0 2rem; }
ul.gallery a { display: block; background: #000; }
ul.gallery img { display: block; margin: 0 auto 0.5rem; }
ul.gallery em { display: block; overflow: hidden; font-style: normal; }
ul.gallery small { display: block; overflow: hidden; font-size: 20px; color: #131313; }
ul.gallery small span { display: block; overflow: hidden; float: left; font-family: "Rubik"; font-weight: 900; color: #FFDD17; margin: 0 1rem 0 0; }
i.cam { display: inline-block; vertical-align: -1px; width: 23px; height: 18px; background: url("images/icons/camera.png") center center scroll no-repeat transparent; margin: 0 0.25rem 0 0; }

ul.gallery.cat-17 li { display: inline-block; vertical-align: middle; width: 31.33%; margin: 0 3% 3% 0; }
ul.gallery.cat-17 li:nth-child(3n+3) { margin-right: 0; }
ul.gallery.cat-17 small { display: none; }

@media (max-width: 630px) {
	ul.gallery em { font-size: 16px; margin-top: 0.25rem; }

	ul.gallery.cat-17 li { width: 48.5%; }
	ul.gallery.cat-17 li:nth-child(3n+3) { margin-right: 3%; }
	ul.gallery.cat-17 li:nth-child(even) { margin-right: 0; }
}

ul.list-12 { display: block; padding: 0; }
ul.list-12 > li { display: block; margin: 0 0 2rem; padding: 0 0 2rem; border-bottom: 1px solid #D6D6D6; }
ul.list-12 h2 { text-align: left; }
ul.list-12 p { margin: 0; }

div.box-14 { color: #fff; text-align: center; margin-top: -2rem; }
div.box-14 > div.img { margin: 0 auto 1.5rem; }
div.box-14 p.date { font-size: 20px; font-weight: 700; }
div.box-14 div.buttons { text-align: center; margin: 0 auto -4.5rem; }
div.box-14 div.buttons .button { font-size: 14px; width: 250px; max-width: 45%; }
div.box-14 div.buttons i.ticket { vertical-align: -2px; }

@media (max-width: 500px) {
	div.box-14 div.buttons .button { display: block; margin: 0 auto 1rem; max-width: none; }
}

ul.list-13 { padding: 0; display: table; width: 100%; text-align: center; margin: 0 0 2.5rem; }
ul.list-13 > li { display: table-cell; vertical-align: middle; width: 40%; position: relative; padding-left: 0.75rem; }
ul.list-13 > li:first-child { padding-left: 0; padding-right: 0.75rem; }
ul.list-13 > li:first-child h3 { text-align: right; }
ul.list-13 > li:last-child h3 { text-align: left; }
ul.list-13 > li.score { width: 20%; font-size: 0; padding: 0; }
ul.list-13 div.img { width: 60px; position: absolute; left: 0.75rem; top: 50%; transform: translateY(-50%); }
ul.list-13 div.desc { display: table; width: 100%; padding-left: 80px; }
ul.list-13 h3 { display: table-cell; vertical-align: middle; height: 70px; font-family: "Rubik"; font-size: 42px; font-weight: 700; text-transform: uppercase; line-height: 1.2; }
ul.list-13 > li:first-child div.img { left: auto; right: 0.75rem; }
ul.list-13 > li:first-child div.desc { padding-left: 0; padding-right: 80px; }
ul.list-13 span.time { display: inline-block; background: #0763CF; color: #fff; font-weight: 900; font-family: "Rubik"; font-size: 20px; padding: 0.25rem 0.75rem; border-radius: 4px; margin: 0 0 1rem; }
ul.list-13 span.place { display: block; font-size: 16px; }

ul.list-13 li.score span.count { display: inline-block; vertical-align: middle; font-size: 42px; font-family: "Rubik"; font-weight: 900; color: #fff; width: 70px; max-width: 50%;
	border-radius: 4px 0 0 4px; padding: 0.25rem 0;

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#70adf5+0,01489b+100 */
	background: rgb(112,173,245); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(112,173,245,1) 0%, rgba(1,72,155,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(112,173,245,1) 0%,rgba(1,72,155,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(112,173,245,1) 0%,rgba(1,72,155,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70adf5', endColorstr='#01489b',GradientType=0 ); /* IE6-9 */
}
ul.list-13 li.score span.count + span.count { border-left: 1px solid #0763CF; border-radius: 0 4px 4px 0; }
ul.list-13 li.score span.count + span.place { margin-top: 1rem; }

@media (max-width: 1000px) {
	ul.list-13 h3 { font-size: 32px; }
}

@media (max-width: 760px) {
	ul.list-13 > li { display: inline-block; width: auto; padding-left: 0; }
	ul.list-13 > li div.img { right: auto; left: 0; }
	ul.list-13 > li:first-child { padding-right: 0; }
	ul.list-13 > li:first-child div.img { right: auto; left: 0; }
	ul.list-13 > li:first-child div.desc { padding-right: 0; padding-left: 80px; }
	ul.list-13 > li:first-child h3 { text-align: left; }
	ul.list-13 > li.score { display: block; white-space: nowrap; margin: 1.5rem auto; width: auto; }
}

@media (max-width: 500px) {
	ul.list-13 h3 { font-size: 28px; }
}

ul.list-14 { display: table; table-layout: fixed; width: 100%; font-size: 0; padding: 0; margin: 0 0 2.5rem; box-shadow: 0 0 8px 0 rgba(0,0,0,0.16); }
ul.list-14 > li { display: table-cell; vertical-align: middle; padding: 0.5rem 0.75rem; }
ul.list-14 > li.img { width: 120px; }
ul.list-14 > li.img img { display: block; margin: 0 auto; }
ul.list-14 > li.info { width: 100px; font-size: 14px; }
ul.list-14 > li.time { width: 190px; text-align: center; font-size: 14px; }
ul.list-14 span.date,
ul.list-14 span.time { display: block; font-size: 16px; font-weight: 700; margin: 0 0 0.25rem; }
ul.list-14 span.place { display: block; }
ul.list-14 > li.options { width: 180px; }
ul.list-14 .button { display: block; max-width: 100%; margin: 0 0 1rem; font-size: 14px; }
ul.list-14 .button:last-child { margin: 0; }
ul.list-14 > li.team { position: relative; }
ul.list-14 > li.team div.img { width: 60px; position: absolute; right: 0.75rem; top: 50%; transform: translateY(-50%); }
ul.list-14 > li.team div.img img { display: block; margin: 0 auto; max-width: 60px; max-height: 60px; }
ul.list-14 > li.team div.desc { display: table; width: 100%; padding-right: 66px; }
ul.list-14 > li.team h3 { text-align: right; display: table-cell; vertical-align: middle; height: 50px; font-family: "Rubik"; font-size: 24px; font-weight: 700; text-transform: uppercase; line-height: 1.2; }
ul.list-14 > li.team.v2 div.img { right: auto; left: 0.75rem; }
ul.list-14 > li.team.v2 div.desc { padding-right: 0; padding-left: 66px; }
ul.list-14 > li.team.v2 h3 { text-align: left; }
ul.list-14 > li.divider { display: none; padding: 0; margin: 0; }
ul.list-14 > li.time span.count { display: inline-block; vertical-align: middle; font-size: 24px; font-family: "Rubik"; font-weight: 900; color: #fff; width: 48px; max-width: 50%;
	border-radius: 4px 0 0 4px; padding: 0.25rem 0; margin: 0 0 0.5rem;

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#70adf5+0,01489b+100 */
	background: rgb(112,173,245); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(112,173,245,1) 0%, rgba(1,72,155,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(112,173,245,1) 0%,rgba(1,72,155,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(112,173,245,1) 0%,rgba(1,72,155,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70adf5', endColorstr='#01489b',GradientType=0 ); /* IE6-9 */
}
ul.list-14 > li.time span.count + span.count { border-left: 1px solid #0763CF; border-radius: 0 4px 4px 0; }

@media (max-width: 1100px) {
	ul.list-14 > li { padding: 0.5rem; }
	ul.list-14 > li.team h3 { font-size: 16px; }
}

@media (max-width: 1000px) {
	ul.list-14 { display: block; text-align: center; }
	ul.list-14 > li { display: inline-block; margin: 0; }
	ul.list-14 > li.divider { display: block; }
	ul.list-14 > li.img { width: 80px; }
	ul.list-14 > li.info { width: auto; }
	ul.list-14 > li.team { width: 40%; }
	ul.list-14 > li.time { width: 20%; }
	ul.list-14 > li.options { width: 100%; margin: 0.75rem 0 0; }
	ul.list-14 .button { display: inline-block; margin: 0 1.5rem 1rem 0; }
	ul.list-14 .button:last-child { margin: 0 0 1rem; }
}

@media (max-width: 700px) {
	ul.list-14 > li.team { width: 35%; }
	ul.list-14 > li.time { width: 30%; }
}

@media (max-width: 560px) {
	ul.list-14 > li.team { width: auto; max-width: 70%; padding: 0.5rem !important; }
	ul.list-14 > li.time { display: block; width: auto; }

	ul.list-14 > li.team div.img,
	ul.list-14 > li.team.v2 div.img { right: auto; left: 0; }
	ul.list-14 > li.team { padding-right: 0; }
	ul.list-14 > li.team div.desc { padding-right: 0; padding-left: 66px; }
}

div.box-15 { background: #0763CF; color: #fff; padding: 1.5rem 0 2rem; }
div.box-15 div.t { display: table; width: 100%; table-layout: fixed; }
div.box-15 div.t > div.left { display: table-cell; vertical-align: top; width: 100%; }
div.box-15 div.t > div.right { display: table-cell; vertical-align: top; width: 300px; padding-left: 2.5rem; }
div.box-15 h3 { font-size: 18px; margin: 0 0 1.5rem; }

@media (max-width: 1100px) {
	div.box-15 div.t > div.right { padding-left: 1.5rem; }
}

@media (max-width: 1000px) {
	div.box-15 div.t { display: block; }
	div.box-15 div.t > div.left { display: block; margin: 0 0 1.5rem; }
	div.box-15 div.t > div.right { display: block; width: auto; padding: 0; }
}

@media (max-width: 700px) {
	div.box-15 div.t > div.left { margin: 0 0 1rem; }
}

ul.list-15 { padding: 0; display: table; width: 100%; text-align: center; table-layout: fixed; }
ul.list-15 > li { display: table-cell; border-left: 1px solid #fff; padding: 0 1rem; width: 20%; }
ul.list-15 > li:last-child { border-right: 1px solid #fff; }
ul.list-15 p { font-size: 48px; font-weight: 900; font-family: "Rubik"; line-height: 1; margin: 0 0 0.5rem; }
ul.list-15 small { font-size: 14px; }

@media (max-width: 1100px) {
	ul.list-15 p { font-size: 40px; }
}

@media (max-width: 700px) {
	ul.list-15 { display: block; }
	ul.list-15 > li { display: inline-block; border: 1px solid #fff; margin: 0 1rem 1rem 0; width: auto; padding: 0.5rem; min-width: 90px; }
}

ul.list-16 { padding: 0; display: block; font-size: 0; margin-top: 2.5rem; }
ul.list-16 > li { display: inline-block; vertical-align: middle; margin: 0 0.5rem 0 0; width: 40px; height: 40px; border-radius: 100%; text-align: center; font-size: 18px; font-family: "Rubik"; font-weight: 900; background: #969595; padding: 0.5rem 0 0; }
ul.list-16 > li.w { background: #3D912E; }
ul.list-16 > li.l { background: #DD2828; }

@media (max-width: 1000px) {
	ul.list-16 { margin-top: 0; }
}

ul.list-17 { padding: 0; display: block; margin: 0 auto; text-align: center; }
ul.list-17 > li { display: inline-block; vertical-align: top; width: 22.75%; margin: 0 3% 3% 0; position: relative; border-radius: 4px; overflow: hidden; }
ul.list-17 > li:nth-child(4n+4),
ul.list-17 > li:last-child { margin-right: 0; }
ul.list-17 div.img { position: relative; }
ul.list-17 div.img:before { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 60%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,151515+100&0+0,1+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(21,21,21,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(21,21,21,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(21,21,21,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#151515',GradientType=0 ); /* IE6-9 */
}
ul.list-17 div.img img { display: block; }
ul.list-17 div.img img.flag { position: absolute; top: 0.75rem; right: 0.75rem; }
ul.list-17 div.desc { display: block; position: absolute; left: 0; bottom: 0; width: 100%; }
ul.list-17 small { display: block; width: 35px; height: 35px; margin: 0 auto 1rem; padding: 0.35rem 0 0; background: #0763CF; color: #fff; font-size: 18px; font-family: "Rubik"; font-weight: 900; border-radius: 100%; }
ul.list-17 h3 { padding: 0 0.75rem; color: #fff; font-size: 24px; font-family: "Rubik"; font-weight: 900; margin: 0 0 1rem; transition: all 0.2s linear; }
ul.list-17 p { padding: 0 0.75rem; background: #0763CF; padding: 0.5rem; color: #fff; font-size: 16px; margin: 0; }
ul.list-17 a { display: block; }
ul.list-17 a:hover h3 { color: #0763CF; }

@media (max-width: 800px) {
	ul.list-17 > li { width: 31.33%; margin: 0 3% 3% 0; }
	ul.list-17 > li:nth-child(4n+4) { margin-right: 3%; }
	ul.list-17 > li:nth-child(3n+3) { margin-right: 0; }
}

@media (max-width: 600px) {
	ul.list-17 > li { width: 48.5%; margin: 0 3% 3% 0; }
	ul.list-17 > li:nth-child(3n+3) { margin-right: 3%; }
	ul.list-17 > li:nth-child(even) { margin-right: 0; }
}

@media (max-width: 400px) {
	ul.list-17 h3 { font-size: 18px; }
	ul.list-17 p { font-size: 14px; }
}

div.main-img2 { padding: 6rem 0 0; background: url("") center center scroll no-repeat #222; background-size: cover; color: #fff; }
div.main-img2 div.pageWidth { display: table; table-layout: fixed; }
div.main-img2 div.img { display: table-cell; vertical-align: bottom; width: 320px; }
div.main-img2 div.img img { display: block; border-radius: 6px 6px 0 0; box-shadow: 0 0 8px 4px rgba(0,0,0,0.6); }
div.main-img2 div.desc { display: table-cell; vertical-align: middle; width: 100%; padding-left: 2.5rem; }
div.main-img2 h1 { font-size: 72px; line-height: 1.25; font-family: "Rubik"; font-weight: 900; }
div.main-img2 h1 img { display: inline-block; vertical-align: 34px; }
div.main-img2 small.circle { display: inline-block; font-family: "Rubik"; font-weight: 900; font-size: 16px; background: #fff; color: #0763CF; border-radius: 100%; padding: 0.4rem 0 0; width: 34px; height: 34px; text-align: center; margin: 0 0 0.5rem; }
div.main-img2 p { font-size: 24px; font-weight: 300; }

@media (max-width: 1400px) {
	div.main-img2 div.pageWidth { width: 100%; }
}

@media (max-width: 1200px) {
	div.main-img2 h1 { font-size: 54px; }
}

@media (max-width: 800px) {
	div.main-img2 { padding: 6rem 0 2rem; }
	div.main-img2 div.img { width: 30%; }
	div.main-img2 h1 { font-size: 42px; }
}

@media (max-width: 700px) {
	div.main-img2 div.pageWidth { display: block; text-align: center; }
	div.main-img2 div.img { display: block; margin: 0 auto 1.5rem; width: 200px; max-width: 100%; }
	div.main-img2 div.desc { display: block; padding: 0; }
}

@media (max-width: 500px) {
	div.main-img2 h1 { font-size: 32px; }
	div.main-img2 p { font-size: 18px; }
}

div.box-16 { overflow: hidden; }
div.box-16 > div.left { float: left; overflow: hidden; width: 40%; margin: 0 5% 0 0; }
div.box-16 > div.right { overflow: hidden; }

@media (max-width: 1200px) {
	div.box-16 > div.left { float: none; width: auto; margin: 0 0 1.5rem; }
}

ul.list-18 { display: block; padding: 0; font-size: 0; }
ul.list-18 > li { display: inline-block; vertical-align: top; margin: 0 5% 0 0; min-width: 25%; }
ul.list-18 > li:nth-child(3n+3) { margin-right: 0; }
ul.list-18 p { font-size: 48px; font-family: "Rubik"; font-weight: 900; text-align: center; margin: 0; }
ul.list-18 small { font-size: 14px; text-align: center; margin: 0; }

@media (max-width: 500px) {
	ul.list-18 p { font-size: 44px; }
}

ul.inline { display: block; padding: 0; font-size: 0; }
ul.inline > li { display: inline-block; vertical-align: top; margin: 0 1rem 1rem 0; }
ul.inline > li:last-child { margin-right: 0; }

ul.list-19 { display: block; padding: 0; }
ul.list-19 > li { display: block; }
ul.list-19 small { text-transform: uppercase; display: block; font-size: 14px; margin: 0 !important; }
ul.list-19 p { font-size: 24px; }
ul.list-19 ul { padding: 0; margin: 0.25rem 0 2rem; }
ul.list-19 ul > li { display: block; overflow: hidden; }
ul.list-19 ul strong { float: left; display: block; overflow: hidden; width: 150px; margin: 0 1.5rem 0 0; }
ul.list-19 ul span { display: block; overflow: hidden; }
ul.list-19 ul img { display: inline-block; vertical-align: baseline; margin: 0 5px 0 0; }

div.tabs2.has-navi { background: #0763CF; }
div.tabs2 div.navi { font-size: 0; overflow: auto; white-space: nowrap; }
div.tabs2 div.navi a { display: inline-block; font-size: 14px; font-family: "Rubik"; font-weight: 900; padding: 1.5rem; color: #fff; }
div.tabs2 div.navi a.active { color: #0763CF; background: #fff; }
div.tabs2 div.panes > div.one { display: none; }
div.tabs2 div.panes > div.one.active { display: block; }

div.box-17 { width: 1000px; max-width: 100%; margin: 0 auto 3.5rem; color: #fff; }
div.box-17 > p { text-align: center; margin: 0 auto 1.5rem; }
div.box-17 p { font-size: 14px !important; margin: 0 0 1.5rem !important; }
div.box-17 p.referee { margin: 0 0 1.5rem !important; }
div.box-17 p.referee:before { content: ""; display: inline-block; vertical-align: middle; margin: 0 0.5rem 0 0; width: 21px; height: 18px; background: url("images/icons/whistle.png") center center scroll no-repeat transparent; background-size: contain; }
div.box-17 div.wrap { position: relative; overflow: hidden; }
div.box-17 div.wrap > div.one.left { float: left; overflow: hidden; width: 35%; text-align: right; }
div.box-17 div.wrap > div.one.right { float: right; overflow: hidden; width: 35%; }
div.box-17 div.wrap > div.one.center { position: absolute; left: 0; right: 0; margin: 0 auto; top: 0; width: 30%; padding: 0 1.5rem; text-align: center; }
div.box-17 div.wrap > div.one.left p,
div.box-17 div.wrap > div.one.right p { margin: 0 auto 0.5rem !important; }
div.box-17 small { display: block; font-size: 12px; }
div.box-17 p.player { font-weight: 400; background: url("images/icons/ball.png") left top scroll no-repeat transparent; background-size: 19px auto; padding-left: 28px; }
div.box-17 p.player.blue { background-image: url("images/icons/ball-blue.png"); }
div.box-17 div.one.left p.player { background-position: right top; padding-left: 0; padding-right: 28px; }
div.box-17 p.fined { font-weight: 400; background: url("images/icons/yellow-card-wh.png") left top scroll no-repeat transparent; background-size: 19px auto; padding-left: 28px; }
div.box-17 p.fined.red { background-image: url("images/icons/red-card-wh.png"); }
div.box-17 div.one.left p.fined { background-position: right top; padding-left: 0; padding-right: 28px; }

@media (max-width: 700px) {
	div.box-17 div.wrap > div.one.center { position: static; width: auto; padding: 0; margin: 0 0 1.5rem; }
	div.box-17 div.wrap > div.one.left,
	div.box-17 div.wrap > div.one.right { width: 47.5%; }
}


@media (max-width: 420px) {
	div.box-17 p.player,
	div.box-17 p.fined { font-size: 12px !important; }
}

div.box-18 { display: table; width: 100%; table-layout: fixed; font-size: 18px; font-family: "Roboto"; position: relative; }
div.box-18:before { content: ""; display: block; position: absolute; left: 1.5rem; top: 0; width: 3px; height: 100%; background: #EDEDED; }
div.box-18 > div.left { display: table-cell; vertical-align: middle; width: 74px; padding: 1.5rem 1.5rem 1.5rem 0; text-align: center; position: relative; }
div.box-18 > div.right { display: table-cell; vertical-align: middle; position: relative; width: 100%; padding: 1.5rem 1rem; }

div.box-18 > div.left:before { content: ""; display: inline-block; vertical-align: middle; background: url("images/icons/mic.png") center center scroll no-repeat #333; background-size: 19px auto; width: 44px; height: 44px; margin: 0; border-radius: 100%; border: 4px solid #fff; }
div.box-18 > div.left small { display: block; font-size: 14px; font-weight: 700; margin: 0; background: #fff; padding: 0.5rem 0; }

div.box-18.goal > div.left:before { background-image: url("images/icons/ball.png"); background-color: #0763CF; }
div.box-18.goal.miss > div.left:before { background-color: #333; }
div.box-18.ticket > div.left:before { background-image: url("images/icons/yellow-card-wh.png"); }
div.box-18.ticket.red > div.left:before { background-image: url("images/icons/red-card-wh.png"); }

div.box-18.goal div.desc { font-size: 20px; padding: 1.5rem 1.5rem 1.5rem 160px; position: relative; }
div.box-18.goal.score div.desc { background: #0763CF; color: #fff; font-style: italic; border-radius: 6px; }
div.box-18.goal.miss div.desc { font-weight: 700; }
div.box-18.goal span.score { display: block; font-style: normal; font-size: 42px; font-weight: 700; position: absolute; left: 1.5rem; top: 50%; transform: translateY(-50%); }

div.box-18 div.yt { margin: 1rem 0; }

div.box-18 + div.box-18 div.right { border-top: 3px solid #EDEDED; }

@media (max-width: 600px) {
	div.box-18 { font-size: 16px; }
	div.box-18.goal div.desc { padding: 1rem; font-size: 18px; }
	div.box-18.goal span.score { position: static; margin: 0 0 0.5rem; transform: none; }
	div.box-18.goal.miss div.desc { padding: 0; }
	div.box-18 > div.right { padding: 1rem 0; }
}

div.box-19 { margin: 0 0 1.5rem; background: url("") center center scroll no-repeat #0763CF; background-size: cover; padding: 2rem 2rem 2rem 40%; text-align: right; min-height: 480px; color: #fff; }
div.box-19 p { font-weight: 400; font-size: 18px; }
div.box-19 p:last-child { margin: 0; }

@media (max-width: 760px) {
	div.box-19 { padding: 1.5rem; min-height: 0; }
}

div.box-20 { overflow: hidden; }
div.box-20 div.guests { float: left; overflow: hidden; width: 30%; margin: 0 3rem 0 0; }
div.box-20 div.home { overflow: hidden; }
div.box-20 div.head { position: relative; margin: 0 0 2rem; }
div.box-20 div.head img { display: block; max-width: 60px; position: absolute; left: 0.75rem; top: 50%; transform: translateY(-50%); }
div.box-20 h2 { display: table; width: 100%; padding-left: 90px; margin: 0 !important; }
div.box-20 h2 span { display: table-cell; vertical-align: middle; height: 70px; font-family: "Rubik"; font-size: 20px; font-weight: 900; text-transform: uppercase; line-height: 1.2; }
div.box-20 h3 { font-family: "Rubik"; font-size: 13px; font-weight: 900; margin: 2rem 0 1rem !important; }
div.box-20 p { font-size: 14px; }

@media (max-width: 760px) {
	div.box-20 div.guests { float: none; width: auto; margin: 0 0 2.5rem; }
}

ul.list-20 { display: block; padding: 0; }
ul.list-20 > li { display: block; padding: 0.65rem 0 0.65rem 40px; margin: 0.5rem 0; border-bottom: 1px solid #EDEDED; font-size: 14px; position: relative; }
ul.list-20 > li em { display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: #333; color: #fff; padding: 0.2rem 0 0; text-align: center; font-family: "Rubik"; font-size: 16px; font-weight: 900; font-style: normal; border-radius: 100%; width: 28px; height: 28px; }

ul.list-21 { display: block; padding: 0 4px; }
ul.list-21 > li { display: table; width: 100%; table-layout: fixed; margin: 0 0 1.5rem; position: relative; padding: 0 40px 0 60px; box-shadow: 0 0 8px 0 rgba(0,0,0,0.16); }
ul.list-21 > li em { display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); text-align: center; font-family: "Rubik"; font-size: 24px; font-weight: 900; font-style: normal; width: 60px; }
ul.list-21 > li div.img { display: table-cell; vertical-align: middle; width: 60px; }
ul.list-21 > li div.img img { display: block; }
ul.list-21 > li h4 { display: table-cell; vertical-align: middle; width: 100%; padding: 0 1rem; font-size: 18px; font-weight: 700; margin: 0; }
ul.list-21 > li div.score { display: table-cell; vertical-align: middle; width: 120px; font-size: 0; }
ul.list-21 > li div.score i { margin: 0.25rem 0.5rem; }
ul.list-21 > li a.more { display: block; position: absolute; right: 0; top: 0; width: 40px; height: 100%; background: url("images/icons/next2.png") center center scroll no-repeat #0763CF; background-size: 11px auto; transition: all 0.2s linear; }
ul.list-21 > li a.more:hover { background-color: #01489B; }

@media (max-width: 800px) {
	ul.list-21 > li { padding: 0 40px 0 48px; }
	ul.list-21 > li h4 { font-size: 16px; }
	ul.list-21 > li em { font-size: 20px; width: 48px; }
}

@media (max-width: 520px) {
	ul.list-21 > li { display: block; }
	ul.list-21 > li div.img { display: inline-block; max-width: 30%; }
	ul.list-21 > li h4 { display: inline-block; width: auto; max-width: 65%; }
	ul.list-21 > li div.score { display: block; width: auto; padding: 0.25rem 0; }
	ul.list-21 > li div.score:empty { display: none; }
}

i.goal { display: inline-block; vertical-align: middle; width: 19px; height: 19px; background: url("images/icons/ball-bl.png") center center scroll no-repeat transparent; background-size: contain; }
i.ticket-2 { display: inline-block; vertical-align: middle; width: 19px; height: 19px; background: url("images/icons/yellow-card-bl.png") center center scroll no-repeat transparent; background-size: contain; }
i.ticket-2.red { display: inline-block; vertical-align: middle; width: 19px; height: 19px; background: url("images/icons/red-card-bl.png") center center scroll no-repeat transparent; background-size: contain; }
i.swap { display: inline-block; vertical-align: middle; background: url("images/icons/swap.png") left center scroll no-repeat transparent; background-size: 21px auto; padding: 0 0 0 25px; font-size: 10px; margin: 0 0.5rem 0 0; }

div.box-21 { font-size: 0; text-align: center; margin: 0 auto 2rem; }
div.box-21 h2 { font-size: 20px; font-weight: 900; text-transform: uppercase; margin: 0 auto 2rem; }
div.box-21 p { display: inline-block; vertical-align: middle; width: 11.66%; margin: 0 5% 5% 0 !important; }
div.box-21 p:nth-child(6n+6),
div.box-21 p:last-child { margin-right: 0 !important; }

@media (max-width: 630px) {
	div.box-21 p { width: 45%; margin: 2.5% !important; }
}

div.box-22 { font-size: 0; text-align: center; margin: 3rem auto 0; }
div.box-22 p { display: inline-block; vertical-align: middle; max-width: 23.5%; margin-right: 2%; }
div.box-22 p:nth-child(4n+4) { margin-right: 0; }

@media (max-width: 700px) {
	div.box-22 p { max-width: 49%; margin: 0 2% 2% 0; }
	div.box-22 p:nth-child(even) { margin-right: 0; }
}

div.box-23 { background: #003060; text-align: center; padding: 1.5rem; margin: 0 auto; }

div.box-24 { display: table; width: 100%; table-layout: fixed; }
div.box-24 > div.left { display: table-cell; width: 100%; vertical-align: top; }
div.box-24 > div.right { display: table-cell; width: 300px; vertical-align: top; padding-left: 2rem; }

@media (max-width: 1000px) {
	div.box-24 { display: block; }
	div.box-24 > div.left { display: block; margin: 0 0 1.5rem; }
	div.box-24 > div.right { display: block; padding: 0; width: 100%; }
}

ul.list-22 { display: table; width: 100%; table-layout: fixed; text-align: center; font-size: 0; }
ul.list-22 > li { display: table-cell; width: 25%; vertical-align: middle; padding: 4.7rem 1.5rem; background: rgba(7,99,207,0.5); }
ul.list-22 > li:nth-child(2) { background: rgba(7,99,207,0.75); }
ul.list-22 > li:nth-child(4) { background: rgba(4,76,160,0.5); }
ul.list-22 a { text-decoration: none; }
ul.list-22 div.img { margin: 0 auto 1rem; }
ul.list-22 h3 { font-weight: 900; font-size: 18px; color: #E3C82D; margin: 0 0 1rem; height: 3rem; transition: all 0.2s linear; }
ul.list-22 small { font-size: 20px; color: #fff; margin: 0; }
ul.list-22 small:before { content: ""; display: inline-block; vertical-align: -2px; width: 18px; height: 18px; margin: 0 1rem 0 0; background: url("images/svg/media/user.svg") center center scroll no-repeat transparent; background-size: contain; }

ul.list-22 a:hover h3 { color: #fff; }

@media (max-width: 1000px) {
	ul.list-22 > li { padding: 2rem 1rem; }
}

@media (max-width: 760px) {
	ul.list-22 { display: block; }
	ul.list-22 > li { display: inline-block; width: 50%; }
}

ul.gallery2 { display: block; font-size: 0; padding: 0; }
ul.gallery2 > li { display: inline-block; vertical-align: top; width: 48.5%; margin: 0 3% 3% 0; }
ul.gallery2 > li:nth-child(even) { margin-right: 0; }

@media (max-width: 600px) {
	ul.gallery2 > li { display: block; width: 100%; margin: 0 0 1.5rem !important; }
}


div.box-2 > div.tabs { background: #01489B; overflow: hidden; }
div.box-2 > div.tabs div.one { display: none; transition: all 1s linear; }
div.box-2 > div.tabs div.one.active { display: block; animation-name: slideIn; animation-duration: 1s; }

div.box-2 > div.tabs div.navi { position: absolute; left: 0; right: 0; bottom: 1rem; width: 100%; margin: 0; text-align: center; }
div.box-2 > div.tabs div.navi a { display: inline-block; width: 16px; height: 16px; border: 1px solid #fff; margin: 0 4px; border-radius: 100%; }
div.box-2 > div.tabs div.navi a.active { background: #fff; }

div.box-2 > div.tabs a.prev { position: absolute; left: 1rem; top: 50%; transform: translateY(-50%); z-index: 2; }
div.box-2 > div.tabs a.next { position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); z-index: 2; }

div.box-2 > div.tabs a.next img,
div.box-2 > div.tabs a.prev img { transition: all 0.2s linear; }

div.box-2 > div.tabs a.next:hover img,
div.box-2 > div.tabs a.prev:hover img { filter: brightness(0) invert(1); }

@keyframes slideIn {
  from {left:50%;}
  to {left:0;}
}

@media (max-width: 600px) {
	div.box-2 > div.tabs a.prev { left: 0.5rem; }
	div.box-2 > div.tabs a.next { right: 0.5rem; }

	div.box-2 > div.tabs a.prev img,
	div.box-2 > div.tabs a.next img { width: 25px; }
}

.box-25 { background: #E4E9EF; padding: 1.5rem 1.25rem !important; text-align: center; }
.box-25 h3 { margin: 0 0 1rem !important; text-transform: uppercase; font-weight: 900; font-size: 16px !important; min-height: 0 !important; height: auto !important; }
.box-25 table { display: table !important; font-size: 16px; width: 100%; margin: 0 auto; }
.box-25 table th { padding: 0.25rem 0; font-size: 16px; font-weight: 900; text-align: center; border: none; }
.box-25 table td { padding: 0.5rem 0; position: relative; font-size: 16px; text-align: center; border: none; }

.box-25 table td div.tip { display: none; position: absolute; z-index: 2; left: 50%; top: 100%; transform: translateX(-50%); margin: 0 auto; background: #eee; font-size: 12px; width: 150px; border: 3px solid #0763CF; }
.box-25 table td div.tip:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: -10px; margin: 0 auto; width: 10px; border-bottom: 10px solid #0763CF; border-left: 5px solid transparent; border-right: 5px solid transparent; }
.box-25 table td div.tip p { font-size: 12px; font-weight: 400; margin: 0; padding: 0.5rem 1rem; line-height: 1.2; }
.box-25 table td div.tip p.match { background: #ffc4c4; }
.box-25 table td div.tip p.other { background: #f1df78; }
.box-25 table td div.tip p small { display: block; font-weight: 700; margin: 0 0 0.1rem; }
.box-25 table td:hover div.tip { display: block; }

.box-25 table td span { display: inline-block; padding: 0.1rem 0; width: 26px; height: 26px; border-radius: 100%; }
.box-25 table td.today span { background: #0763CF; color: #fff; }
.box-25 table td.match span { background: #FF3434; color: #fff; }
.box-25 table td.other span { background: #E3C82D; color: #fff; }
.box-25 a { color: #131313; }
.box-25 a.button { margin: 1.2rem 0 0; color: #fff; }

@media (max-width: 1024px) and (min-width: 800px) {
	.box-25 { padding: 1rem !important; }
	.box-25 table td { padding: 0.25rem 0; font-size: 14px; }
	.box-25 table td span { width: 22px; height: 22px; }
}

div.box-26 { display: flex; flex-wrap: wrap; gap: 2rem 4%; }
div.box-26 > div { flex: 0 0 48%; }

@media (max-width: 1000px) and (max-width: 900px) {
	div.box-26 > div { flex: 0 0 100%; }
}

@media (max-width: 500px) {
	div.box-26 > div { flex: 0 0 100%; }
}