@charset "UTF-8";

/*
Theme Name: R1 Media
Theme URI: http://r1media.pl
Version: 1.0.0
Author: R1 Media
Author URI: http://r1media.pl
*/

/*
	FLMC Framework
	@author Roman Cieciuch
	@email roman@r1media.pl
	v 6.0
	02-11-2014
*/

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

body {
	word-wrap: break-word;
	font-family: "Noto Sans", Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: 400;
	line-height: 1.3;
	color: #444;
	background: #E9E9E9;
	-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: #3C63AC;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #3C63AC;
    color: #fff;
    text-shadow: none;
}

a {
  text-decoration: none;
}

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;
}

p {
	font-size: 0.95rem;
	margin: 0 0 1em;
}

small {
	font-size: 0.8em;
	display: block;
}

hr {
    display: block;
    overflow: hidden;
    clear: both;
    width: 100%;
    border: 0;
    border-top: 1px solid #E8E8E8;
    margin: 1.5em 0;
    padding: 0;
}

hr.v2 { margin: 0; border-top: 4px solid #FF3300; }
hr.v3 { margin: 1.75rem 0; border-top: 1px solid #ccc; }
hr.v4 { margin: 1.5rem 0; border-top: 4px solid #FF3300; }

b,
strong {
	font-weight: bold;
}

i {
	font-style: italic;
}

input[type="email"],
input[type="file"],
input[type="image"],
input[type="reset"],
input[type="submit"],
input[type="tel"],
input[type="text"],
input[type="search"],
select,
button,
a {
	white-space: normal;
}

select,
button,
a,
.button,
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
}

.button,
input[type="file"],
input[type="reset"],
input[type="submit"],
input[type="tel"],
input[type="text"],
input[type="search"],
input[type="email"],
textarea {
	-webkit-appearance: none;
}

textarea {
    resize: vertical;
}

ol, ul {
	list-style-type: none;
	display: block;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

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

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

.innerT {
	padding-top: 10px;
}

.innerT2x { padding-top: 20px; }

.innerB {
	padding-bottom: 10px;
}

.innerL {
	padding-left: 10px;
}

.innerR {
	padding-right: 10px;
}

.innerTB {
	padding: 10px 0;
}

.innerLR {
	padding: 0 10px;
}

.innerAll {
	padding: 1rem;
}

.innerAll2x {
	padding: 30px 20px;
}

.innerT {
	padding-top: 10px;
}

.innerB {
	padding-bottom: 10px;
}

.marginL {
	margin-left: 10px;
}

.marginR {
	margin-right: 10px;
}

.marginT {
	margin-top: 10px;
}

.marginB {
	margin-bottom: 10px;
}

.marginTB {
	margin: 10px 0;
}

.marginLR {
	margin: 0 10px;
}

.marginAll {
	margin: 10px;
}

.aleft {
	text-align: left;
}

.aright {
	text-align: right;
}

.acenter {
	text-align: center;
}

ul.inline,
div.article ul.inline { padding: 0; }

ul.inline > li,
div.article ul.inline > li {
	display: inline-block;
	margin: 0 0.25em;
	vertical-align: top;
	zoom: 1;
    *display: inline;
}

ul.inline.middle > li,
div.article ul.inline.middle > li { vertical-align: middle; margin: 0 1.5em 0 0; }

.pageWidth {
	width: 1200px;
	max-width: 100%;
	margin: 0 auto;
}

div.table {
	display: table;
}

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

/* ********************************************************* */
/* **********************  KOLORY  ************************* */

.bgGrey {
	background: #eee;
}

a {
	color: #3C63AC;
}

.cRed {
	color: #b20000;
}

.cGreen {
	color: #009933;
}

.cGrey {
	color: #666;
}

.bordered {
	border: 1px solid #ccc;
}


/* ********************************************************* */
/* **********************  NAGŁÓWKI  ************************* */

h1 {
	font: 700 2.5rem/1.3 "Noto Serif";
	margin: 0 0 0.35em;
}

h2 {
	font: 700 1.25rem/1.45 "Noto Serif";
	margin: 0 0 0.5em;
}

h3 {
	font: 700 0.875rem/1.45 "Noto Serif";
	margin: 0 0 0.5em;
}

h4 {
	font-size: 0.8rem;
	font-weight: bold;
	margin: 0 0 0.5em;
}

h5 {
	font-size: 0.75rem;
	font-weight: bold;
	margin: 0 0 0.5em;
}

h6 {
	font-size: 0.675rem;
	font-weight: bold;
	margin: 0 0 0.5em;
}


/* ********************************************************* */
/* **********************  TABELE  ************************* */

table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 1em;
}

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

table thead th,
table thead td {
	border-top: 1px solid #ccc;
	border-bottom: 2px solid #3C63AC;
	font-weight: bold;
	padding: 1em 0.5em;
}

table tbody td {
	border-bottom: 1px solid #ccc;
}

table.striped tbody td {
	border: none;
}

table tfoot th,
table tfoot td {
	border-top: 3px solid #3C63AC;
	font-weight: bold;
}

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

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

table td.options a {
	display: block;
}

/* ********************************************************* */
/* **********************  ARTYKUŁY  *********************** */

article,
div.article {
	display: block;
	overflow: hidden;
	color: #444;
}

article h1,
div.article h1,
.page-title {
	font: 700 42px/1.3 "Noto Serif";
	margin: 0 0 1em;
	color: #0F0F1E;
}

article h2,
div.article h2 {
	font: 700 18px/1.2 "Noto Serif";
	margin: 1.25rem 0 0.45em;
}

article h2 + p,
div.article h2 + p {
	margin-top: 0;
}

article h3,
div.article h3 {
	font: 700 16px/1.3 "Noto Serif";
	margin: 2rem 0 1em;
}

article p,
div.article p {
	font: 400 16px/1.5 "Noto Sans";
	margin: 0 0 1.5em;
}

article ul,
div.article ul {
	margin: 0 0 1.5em;
	padding: 0 0 0 20px;
	list-style-type: disc;
	font: 400 16px/1.5 "Noto Sans";
}

article ul ul,
div.article ul ul {
	margin: 0.5em 0 1em;
	list-style-type: circle;
}

article ul li,
div.article ul li {
	margin: 0 0 0.5em;
}

article ol,
div.article ol {
	font: 400 16px/1.5 "Noto Sans";
	margin: 0 0 1.5em;
	padding: 0 0 0 25px;
	list-style-type: decimal;
}

article ol li,
div.article ol li {
	margin: 0 0 0.5em;
}

div.article blockquote {
	border-left: 3px solid #3C63AC;
	padding: 0.75em 1em 0.75em 1.25em;
	margin: 0 0 1em;
	font-size: 1.25em;
	font-style: italic;
	color: #222;
	background: #f1f2f3;
}

div.article blockquote p {
	font-style: italic;
	color: #222;
	margin: 0 0 1em;
}

div.article blockquote p:last-child {
	margin: 0;
}

div.article .alignleft { display: block; overflow: hidden; float: left; max-width: 35%; margin: 5px 1.5em 1em 5px; box-shadow: 0 0 5px 3px rgba(153,153,153,0.2); }
div.article .alignright { display: block; overflow: hidden; float: right; max-width: 35%; margin: 5px 5px 1em 1.5em; box-shadow: 0 0 5px 3px rgba(153,153,153,0.2); }

em { font-style: italic; }

p:empty { display: none; }

div.wp-caption,
.wp-block-image { position: relative; margin: 0 0 1.5em; max-width: 100%; }
div.wp-caption p.wp-caption-text,
.wp-block-image figcaption { display: block; overflow: hidden; width: 100%; font: 400 13px/1.3 "Noto Sans"; color: #fff;
	position: absolute; left: 0; bottom: 0; padding: 0.5em; margin: 0 !important;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

/* ********************************************************* */
/* **********************  FORMULARZE  ********************* */

form {
	display: block;
	overflow: hidden;
	font-size: 0.875rem;
}

form label {
	display: block;
	overflow: hidden;

}

form label,
form p.label {
	display: block;
	overflow: hidden;
	font-weight: bold;
	color: #333;
	font-size: 0.875rem;
	margin: 0 0 0.25em;
}

form p.label + ul.checkbox {
	margin-top: 0.5em;
}

form input[type="email"],
form input[type="image"],
form input[type="tel"],
form input[type="text"],
form input[type="search"],
form select {
	display: block;
	overflow: hidden;
	background: #fff;
	border: 1px solid #ccc;
	padding: 0.5em;
	width: 100%;
	max-width: 300px;
	height: 36px;
}

form textarea {
	height: 80px;
	display: block;
	overflow: hidden;
	border: 1px solid #ccc;
	padding: 0.5em;
	width: 100%;
	max-width: 300px;
}

form ul.checkbox li {
	display: block;
	overflow: hidden;
	margin: 0 0 0.5em;
}

form ul.checkbox li input {
	display: block;
	overflow: hidden;
	float: left;
	margin: 3px 5px 0 0;
}

.iPad form ul.checkbox li input {
	margin-top: 0;
}

form ul.checkbox li label {
	display: block;
	overflow: hidden;
	font-weight: normal;
	cursor: pointer;
}

.button,
input[type="submit"] {
	display: inline-block;
	overflow: hidden;
	border: none;
	border-radius: 4px;
	font-weight: bold;
	padding: 0.5em 2em;
	background: #FF8000;
	border: none;
	color: #fff;
	margin: 0 0.5em 0.5em 0;
	height: 39px;
	text-transform: uppercase;

	transition: all 0.3s ease-in-out;
}

.button:hover {
	background: #3C63AC;
	color: #fff;
}

.button.grey {
	border: 2px solid #666;
	color: #666;
}

.button.grey:hover {
	background: #666;
	color: #fff;
}

form.searchform input#s {
	display: block;
	overflow: hidden;
	float: left;
	margin: 0;
	width: 240px;
}

form.searchform input[type="submit"] {
	display: block;
	overflow: hidden;
	float: left;
	width: 40px;
	height: 36px;
	padding: 0;
	margin: 0;
	border: none;
	background: url("images/icons/search.png") center center scroll no-repeat #eee;
}

form.searchform input[type="submit"]:hover {
	background-color: #ccc;
}

/* ********************************************************* */
/* **********************  MENU  *************************** */

div.menu > ul {
	display: block;
	overflow: visible;
}

div.menu > ul:after {
    content: "";
    display: table;
    clear: both;
}

div.menu > ul > li {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	position: relative;
}

div.menu > ul > li > a {
	display: block;
	overflow: hidden;
	padding: 1em 1.5em;
	font: 700 14px/1.3 "Noto Sans";
	text-transform: uppercase;
	color: #fff;
}

div.menu > ul > li:first-child > a {
	padding: 0.95em 1.5em;
}

div.menu ul ul {
	display: none;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 2;
	width: 100%;
	min-width: 160px;
	max-width: 100%;
	background: #FF8000;
	padding: 0.5em 0;
}

div.menu ul li:hover ul {
	display: block;
}

div.menu ul ul a {
	display: block;
	overflow: hidden;
	padding: 0.35em 1em;
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	font: 700 14px/1.3 "Noto Sans";
}

div.menu ul ul a:hover {
	background: #0F0F1E;
}

div.menu li.current-menu-item > a { background: #FF8000; }
div.menu li.current-menu-item:first-child > a { background: none; }
div.menu li:first-child img { width: 17px; }
div.menu li.menu-item-has-children > a { color: #FF8000; }
i.tip-down { display: inline-block; vertical-align: middle; width: 9px; height: 6px; background: url("images/icons/tip-down.png") center center scroll no-repeat transparent; background-size: 9px 6px; }

#header a.menu {
	display: none;
	overflow: hidden;
	float: right;
	line-height: 1;
}

#header a.menu img { width: 32px; }


/* ********************************************************* */
/* **********************  POP-UP  ****************** */
div.window {
	display: none;
	overflow: hidden;
	width: 660px;
	max-width: 100%;
	margin: 0 auto;
	position: absolute;
	top: 20%;
	left: 0;
	right: 0;
	z-index: 11;
	background: #fff;
	border-radius: 4px;
}

div.window > div.header {
	display: block;
	overflow: hidden;
	background: #EFF0F1;
	padding: 1em 1.5em;
}

div.window > div.header h2 {
	float: left;
	font: 700 1.25em/1.2 Arial;
	color: #444;
	margin: 0;
}

div.window > div.header a.close {
	float: right;
}

div.window.open {
	display: block;

	-webkit-animation: slideDown 1s ease-in-out; /* Chrome, Safari, Opera */
    animation: slideDown 1s ease-in-out;
}

div.window + div.bcg {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	background: rgba(153,153,153,0.8);
}

div.window.open + div.bcg {
	display: block;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes slideDown {
    0% {margin-top: -1000px;}
    60% {margin-top: 20px;}
    100% {margin-top: 0;}
}

/* Standard syntax */
@keyframes slideDown {
    0% {margin-top: -1000px;}
    60% {margin-top: 20px;}
    100% {margin-top: 0;}
}

/* ********************************************************* */
/* **********************  Pozostałe  ********************** */

div.cookies {
	display: none;
	overflow: hidden;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	font-size: 0.875em;
	line-height: 130%;
	padding: 1em;
	background: rgba(0,153,204,0.9);
	color: #fff;
	z-index: 1000;
}

div.cookies.open { display: block; }

div.cookies a {
	color: #fff;
	font-weight: 700;
	position: static;
	display: inline-block;
	width: auto;
	zoom: 1;
    *display: inline;
}

/* Powrót do góry */

.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%;
}


#header { margin: 2em 0 0; }

#header h2.home,
#footer h2.home {
	display: block;
	overflow: hidden;
	margin: 0;
	float: left;
}

#header h2.home { margin: 0 1em 0 0; }
#header h2.home + div.fb-like { margin: 0.5em 0 0; }

#header div.box-1,
#footer div.box-1 { display: block; overflow: hidden; padding: 1rem; }

#footer div.box-1 { background: #fff; }

#header ul.social,
#footer ul.social { display: block; overflow: hidden; float: right; }
#header ul.social li,
#footer ul.social li { display: inline-block; vertical-align: middle; margin: 0 0.25em; }
#header ul.social li img,
#footer ul.social li img { width: 32px; }

#header div.menu,
#footer div.menu {
	display: block;
	background: #0F0F1E;
}

#footer { display: block; }

#footer div.box-2 { display: block; overflow: hidden; padding: 1rem; }
#footer ul.footer-nav { display: block; overflow: hidden; float: left; width: 300px; max-width: 100%; }
#footer ul.footer-nav li { display: inline-block; vertical-align: top; margin: 0 1.5em 0.5em 0; }
#footer ul.footer-nav a { font: 700 11px/1.3 "Noto Sans" ; color: #333; }
#footer div.menu ul ul { top: auto; bottom: 100%; }
#footer p.credits { display: block; overflow: hidden; float: right; font: 400 10px/1.3 "Noto Sans" ; color: #666; margin: 2em 0 0; }


#nav { clear: both; }

/* Budowa szablonu */
#content {
	display: block;
	overflow: hidden;
	float: left;
	width: 860px;
	padding: 20px;
}

#sidebar {
	display: block;
	overflow: hidden;
	padding: 20px;
}

/* Nawigacja w postach */
.post-nav {
	display: block;
	overflow: hidden;
}

.post-nav > .prev {
	display: block;
	overflow: hidden;
	float: right;
	max-width: 48%;
}

.post-nav > .next {
	display: block;
	overflow: hidden;
	float: left;
	max-width: 48%;
}

.post-nav a {
	display: block;
	background: #FF3300;
	padding: 0.65em 1.35em;
	font: 700 14px/1.3 "Noto Sans";
	color: #fff;
	border-radius: 4px;
	text-decoration: none;
	transition: all 0.2s linear;
}

.post-nav a:hover { background: #D52B00; }

.post-nav small { font: 400 14px/1.3 "Noto Sans"; font-style: italic; color: #373737; text-align: center; margin: 0.75em 0 0; }

/* Mapy Google */
#map { display: block; overflow: hidden; position: relative; width: 100%; height: 400px; margin: 0 0 1.5em; }
#map img { max-width: none; }
#map .mapObj { width: 200px; height: 80px; }
#map .mapObj h4 { font: 700 1.25rem/1.3 "Noto Sans"; color: #333; margin: 0; }
#map .mapObj p { font: 700 1rem/1.3 "Noto Sans"; color: #666; margin: 0; }


div.pagenav { display: block; overflow: hidden; text-align: center; margin: 2em 0; border-top: 1px solid #f2f2f2; padding-top: 2em; }
div.pagenav span,
div.pagenav a { display: inline-block; margin: 0 6px; vertical-align: middle; }

div.pagenav span.text { font: 700 13px/1.45 "Noto Sans"; color: #666; }
div.pagenav .number { background: #004C6D; font: 700 13px/1.45 "Noto Sans"; color: #fff; padding: 6px 12px; text-align: center; border-radius: 4px; text-decoration: none; transition: all 0.2s ease-out; }
div.pagenav .current { background: #E6E6E6 !important; color: #666; }
div.pagenav .number:hover { background: #25ADE8; }

/* Tabs */
div.tabs {
	display: block;
	overflow: hidden;
}

div.tabs > div.navi {
	display: block;
	overflow: hidden;
	text-align: center;
}

div.tabs > div.navi a {
	display: inline-block;
	overflow: hidden;
	vertical-align: middle;
	padding: 0.35em 1em;
	margin: 0;
	width: 32%;
}

div.tabs > div.navi a.active {
	font-weight: 700;
}

div.tabs > div.panes {
	display: block;
	overflow: hidden;
}

div.tabs > div.panes > div.one {
	display: none;
	overflow: hidden;
	padding: 0.5em 0;
}

div.tabs > div.panes > div.one.active { display: block; }

ul.list-1 { display: block; overflow: hidden; margin: 0; }
ul.list-1 li { display: block; overflow: hidden; margin: 0 0 1.5em; }
ul.list-1 a { display: block; overflow: hidden; text-decoration: none; }
ul.list-1 div.img { display: block; overflow: hidden; float: left; width: 35%; margin: 0 1em 0 0; }
ul.list-1 div.desc { display: block; overflow: hidden; }
ul.list-1 small { font: 400 12px/1.3 "Noto Sans"; color: #999; margin: 0; }
ul.list-1 h2 { font: 900 24px/1.3 "Noto Sans"; margin: 0 0 0.5em; }
ul.list-1 h3 { font: 700 16px/1.3 "Noto Sans"; margin: 0 0 0.25em; }
ul.list-1 p { font: 400 16px/1.3 "Noto Sans"; color: #666; margin: 0; }

ul.list-2 { display: block; overflow: hidden; margin: 0; font-size: 0; }
ul.list-2 li { display: inline-block; overflow: hidden; vertical-align: top; width: 47.5%; margin: 0 5% 1.5em 0; font-size: 16px; }
ul.list-2 li:nth-child(even) { margin-right: 0; }
ul.list-2 a { display: block; overflow: hidden; text-decoration: none; }
ul.list-2 div.img { display: block; overflow: hidden; margin: 0 0 1em 0; }
ul.list-2 div.desc { display: block; overflow: hidden; }
ul.list-2 h3 { font: 700 16px/1.3 "Noto Sans"; margin: 0 0 0.25em; }
ul.list-2 p { font: 400 14px/1.4 "Noto Sans"; color: #444; margin: 0; }

div.searchLayer { display: none; position: fixed; top: 40%; left: 0; right: 0; z-index: 10; width: 340px; max-width: 90%; background: #fff; padding: 1em 1.5em 2em; border: 1px solid #ccc; margin: 0 auto; box-shadow: 0 0 8px 4px rgba(0,0,0,0.5); }
div.searchLayer a.close { display: block; font: 700 32px/1 "Noto Sans"; color: #0F0F1E; margin: 0 0 0.25em; position: absolute; top: 0.25em; right: 0.5em; }
div.searchLayer > form { clear: both; }
body.searchOpen div.searchLayer { display: block; }

div.section.body > div { /* background: #fff; */ } /* zmiana tła */

i.fb { display: inline-block; vertical-align: middle; /* width: 7px; */ height: 14px; background: url("images/icons/fb-mini.png") left center scroll no-repeat transparent; background-size: 7px 14px; margin: 0 5px 0 0; padding: 0 0 0 12px; }
i.comment { display: inline-block; vertical-align: middle; /* width: 16px; */ height: 14px; background: url("images/icons/comment.png") left center scroll no-repeat transparent; background-size: 16px 14px; margin: 0 5px 0 0; padding: 0 0 0 21px; }

span.meta.orange i.fb { background-image: url("images/icons/fb-mini-orange.png"); }
span.meta.orange i.comment { background-image: url("images/icons/comment-orange.png"); }
span.meta.orange i { color: #FF3300 !important; }

div.art-1 { display: block; overflow: hidden; position: relative; }
div.art-1 a { display: block; overflow: hidden; color: #fff; }
div.art-1 div.img { display: block; overflow: hidden; }
div.art-1 div.img img { display: block; overflow: hidden; opacity: 1; transition: all 0.2s linear; width: 100%; } /* -webkit-backface-visibility: hidden; */
div.art-1 a:hover div.img img { /* opacity: 0.9; */ }
div.art-1 div.desc { display: block; overflow: hidden; position: absolute; left: 0; bottom: 0; width: 100%; padding: 3em 2em 2em;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
div.art-1 span.meta { display: none; font: 400 12px/1.2 "Noto Sans"; color: #fff; margin: 0 0 1em; z-index: 1; }
div.art-1 span.meta i { font: 400 12px/1.2 "Noto Sans"; color: #fff; }
div.art-1 span.meta i.fb { margin-right: 1em; }
div.art-1 h2 { font: 700 42px/1.2 "Noto Serif"; color: #fff; margin: 0; }
div.art-1 h3 { font: 700 36px/1.2 "Noto Serif"; color: #fff; margin: 0; }
div.art-1 p { font: 400 14px/1.65 "Noto Sans"; color: #fff; margin: 0; }

div.art-1.v2 { background: #FF7F00; }
div.art-1.v2 div.img { float: left; position: relative; width: 49%; }
div.art-1.v2 div.img span.meta { position: absolute; left: 0; top: 0; width: 100%; padding: 1em 1em 2em;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
div.art-1.v2 div.desc { position: static; padding: 0.85em 1em; width: auto; background: none; }
div.art-1.v2 h3 { margin: 0 0 0.25em; }

div.art-1.v3 a { color: #373737; }
div.art-1.v3 div.img { position: relative; margin: 0 0 1rem; }
div.art-1.v3 div.img span.meta { position: absolute; left: 0; bottom: 0; width: 100%; padding: 2rem 1rem 1rem; margin: 0;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
div.art-1.v3 div.desc { position: static; padding: 0; width: auto; background: none; }
div.art-1.v3 div.desc.padd { padding: 0 0.75rem 0.75rem; }
div.art-1.v3 h3 { font: 700 16px/1.3 "Noto Serif"; color: #373737; height: 5em; overflow: hidden; }
div.art-1.v3 div.desc small { font: 700 11px/1.3 "Noto Sans"; color: #00688C; text-transform: uppercase; display: block; margin: 0 0 0.5em; }

div.art-1.v3.smaller h3 { font-size: 14px; }

div.art-1.v5 p { color: #444; margin: 0 0 1.5rem; }

div.two { font-size: 0; padding: 0; }
div.two div.art-1 { display: inline-block; vertical-align: top; width: 48.5%; margin: 0 3% 1em 0; }
div.two div.art-1:nth-child(even) { margin-right: 0; }

div.three { font-size: 0; padding: 0; /* padding: 1.75rem 1rem; */ } /* zmiana tła */
div.three div.art-1 { display: inline-block; vertical-align: top; width: 31.33%; margin: 0 0 1em; /* width: 30.33%; margin: 1em 1.5%; */ font-size: 16px; } /* zmiana tła */
div.three div.art-1:nth-child(3n+2) { margin: 0 3% 1em; }

div.four { font-size: 0; padding: 0; /* padding: 1.75rem 1rem; */ } /* zmiana tła */
div.four div.art-1 { display: inline-block; vertical-align: top; width: 22.75%; margin: 0 3% 1em 0; /* width: 22%; margin: 1em 1.5%; */ font-size: 16px; } /* zmiana tła */
div.four div.art-1:nth-child(4n+4) { margin: 0 0 1em; }

div.four.padd { padding: 1.75rem 1.5%; } /* zmiana tła */
div.four.padd > div.art-1 { width: 22%; margin: 1em 1.5% !important; } /* zmiana tła */

div.four > div.art-1.v3 h3 { font: 700 16px/1.3 "Noto Serif"; }

div.three.v2 { padding: 0 !important; }
div.three.v2 > div.art-1 { width: 31.33%; margin: 1em 3% 1em 0; }
div.three.v2 > div.art-1:last-child { margin-right: 0; }
div.three.v2 div.art-1.v3 h3 { font-size: 16px; }

div.box-3 { background: #0F0F1E; }
div.box-3 div.head { display: block; margin: 5px 1.5%; position: relative; }
div.box-3 div.head:before { content: ""; display: block; overflow: hidden; width: 100%; height: 0; border-top: 4px solid #FF7F00; position: absolute; left: 0; top: 44%; }
div.box-3 div.head h2 { display: inline-block; position: relative; font: 700 20px/1.3 "Noto Sans"; color: #fff; margin: 0; background: #0F0F1E; padding: 0 0.75em 0 0; text-transform: uppercase; }
div.box-3 div.head h2:before { content: ""; width: 8px; height: 18px; display: inline-block; vertical-align: -2px; background: #ff7f00; margin: 0 0.5em 0 0; }
div.box-3 div.art-1 a,
div.box-3 div.art-1 h3 { color: #fff; }

div.box-3.bgGrey,
div.box-4.bgGrey { background: #E0E0E0; }
div.box-3.bgGrey div.head h2,
div.box-4.bgGrey div.head h2 { background: #E0E0E0; color: #333; }

div.box-3.bgGrey div.art-1.v3 a { color: #373737; }
div.box-3.bgGrey div.art-1.v3 h3 { color: #373737; font-size: 16px; }


div.box-4 div.head { display: block; margin: 0 0 1rem; /* margin: 5px 1.5%; */ position: relative; } /* zmiana tła */
div.box-4 div.head:before { content: ""; display: block; overflow: hidden; width: 100%; height: 0; border-top: 4px solid #2284A1; position: absolute; left: 0; top: 44%; }
div.box-4 div.head h2 { display: inline-block; position: relative; z-index: 2; font: 700 20px/1.3 "Noto Sans"; color: #333; margin: 0; background: #E9E9E9; padding: 0 0.75em 0 0; }
div.box-4 div.head h2:before { content: ""; width: 8px; height: 18px; display: inline-block; vertical-align: -2px; background: #ff7f00; margin: 0 0.5em 0 0; }

div.box-5 div.head { display: block; margin: 5px 1.5%; position: relative; text-align: center; }
div.box-5 div.head:before { content: ""; display: block; overflow: hidden; width: 100%; height: 0; border-top: 4px solid #FF3300; position: absolute; left: 0; top: 44%; }
div.box-5 div.head h2 { display: inline-block; position: relative; font: 400 18px/1.3 "Noto Sans"; font-style: italic; color: #fff; margin: 0; background: #FF3300; padding: 0.125em 0.75em; border-left: 10px solid #fff; border-right: 10px solid #fff; }
div.box-5 div.art-1.v3 div.desc small { color: #FF3300; }

div.box-5 div.head.v2 { margin: 0; }
div.box-5 div.head.v2:before { display: none; }
div.box-5 div.head.v2 h2 { display: block; background: none; padding: 0; color: #222; font: 700 18px/1.3 "Noto Sans"; font-style: normal; text-align: left; border: none; }
div.box-5 div.head.v2 h2:before { content: ""; width: 8px; height: 18px; display: inline-block; vertical-align: -2px; background: #ff7f00; margin: 0 0.5em 0 0; }

div.box-6.bgGrey { background: #E0E0E0; }
div.box-6.bgGrey div.head h2 { background: #E0E0E0; }

div.box-6 { overflow: hidden; }
div.box-6 div.head { display: block; margin: 0 0 1rem; /* margin: 5px 1.5%; */ position: relative; } /* zmiana tła */
div.box-6 div.head:before { content: ""; display: block; overflow: hidden; width: 100%; height: 0; border-top: 4px solid #AAA; position: absolute; left: 0; top: 44%; }
div.box-6 div.head h2 { display: inline-block; position: relative; font: 700 20px/1.3 "Noto Sans"; color: #333; margin: 0; background: #E9E9E9; padding: 0 0.75em 0 0; }
div.box-6 div.head h2:before { content: ""; width: 8px; height: 18px; display: inline-block; vertical-align: -2px; background: #ff7f00; margin: 0 0.5em 0 0; }

div.box-6 div.art-1.v4 { display: inline-block; vertical-align: top; width: 48.5%; /* width: 47%; */ font-size: 16px; margin: 0 3% 1em 0; /* margin: 1em 1.5%; */ background: #fff; } /* zmiana tła */
div.box-6 div.art-1.v4:nth-child(2n+2) { margin-right: 0 !important; }
div.box-6 div.art-1.v4.imgRight div.img { float: none; margin: 0; }
div.box-6 div.art-1.v4.imgRight div.desc { float: left; width: 73.5%; margin: 0 1.5% 0 0; }

div.art-1.v4 div.desc.padd { padding: 0 0.75em 0.75em !important; }

div.art-1.v5 { margin: 0 0 2.5em; }
div.art-1.v5 div.img { float: left; max-width: 35%; margin: 0 1em 0 0; }
div.art-1.v5 div.desc { position: static; width: auto; background: none; padding: 0; }
div.art-1.v5 div.desc.padd { padding: 0 0.75em 0.5em; }
div.art-1.v5 a { color: #0F0F1E; text-decoration: none; }
div.art-1.v5 h2,
div.art-1.v5 h3 { font: 700 22px/1.2 "Noto Serif"; color: #0F0F1E; margin: 0 0 1em; }
div.art-1.v5 small { font: 400 12px/1.2 "Noto Sans"; color: #999; margin: 0 0 0.5em; }

div.art-1.v6 { margin: 0 0 1.5em; }
div.art-1.v6 div.img { margin: 0 0 0.5em; position: relative; }
div.art-1.v6 div.img span.meta { position: absolute; left: 0; top: 0; width: 100%; padding: 1em 1em 2em; margin: 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
div.art-1.v6 div.desc { position: static; width: auto; background: none; padding: 0; }
div.art-1.v6 div.desc.padd { padding: 0 0.75em 0.5em; }
div.art-1.v6 a { color: #0F0F1E; text-decoration: none; }
div.art-1.v6 h2,
div.art-1.v6 h3 { font: 700 20px/1.2 "Noto Serif"; color: #0F0F1E; margin: 0 0 0.35em; }
div.art-1.v6 div.desc small { font: 400 12px/1.2 "Noto Sans"; color: #999; margin: 0; }
div.art-1.v6 div.desc span { font: 700 11px/1.3 "Noto Sans"; color: #FF3300; text-transform: uppercase; display: block; margin: 0 0 0.5em; }

div.art-1.v7 { margin: 0 0 1.5em; }
div.art-1.v7 div.img { margin: 0; position: relative; }
div.art-1.v7 div.img span.meta { position: absolute; left: 0; top: 0; width: 100%; padding: 1em 1em 2em; margin: 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
div.art-1.v7 div.desc { position: static; width: auto; background: none; padding: 0; }
div.art-1.v7 div.desc.padd { padding: 0 0.75em 0.5em; }
div.art-1.v7 a { color: #0F0F1E; text-decoration: none; }
div.art-1.v7 h2,
div.art-1.v7 h3 { font: 700 20px/1.2 "Noto Serif"; color: #fff; margin: 0 0 0.35em; }
div.art-1.v7 div.desc { background: #FF3300; padding: 0.75em; }
div.art-1.v7 div.desc small { font: 400 12px/1.2 "Noto Sans"; color: #fff; margin: 0; }
div.art-1.v7 div.desc span { font: 700 11px/1.3 "Noto Sans"; color: #fff; text-transform: uppercase; display: block; margin: 0 0 0.5em; }


div.box-7.bgGrey { background: #E0E0E0; }
div.box-7.bgGrey div.head h2 { background: #E0E0E0; }

div.box-7 { overflow: hidden; padding: 1rem 1.5%; }
div.box-7 div.head { display: block; margin: 5px 1.5%; position: relative; }
div.box-7 div.head:before { content: ""; display: block; overflow: hidden; width: 100%; height: 0; border-top: 4px solid #AAA; position: absolute; left: 0; top: 44%; }
div.box-7 div.head h2 { display: inline-block; position: relative; font: 700 20px/1.3 "Noto Sans"; color: #333; margin: 0; background: #fff; padding: 0 0.75em 0 0; }

div.box-7 div.art-1.v4 { display: inline-block; vertical-align: top; width: 47%; font-size: 16px; margin: 1em 1.5%; background: #fff; }
div.box-7 div.art-1.v4.imgRight div.img { float: none; margin: 0; }
div.box-7 div.art-1.v4.imgRight div.desc { float: left; width: 73.5%; margin: 0 1.5% 0 0; }


div.art-1.v4 a { color: #373737; }
div.art-1.v4 div.img { position: relative; margin: 0 1.5% 0 0; width: 25%; float: left; }
div.art-1.v4 div.img span.meta { position: absolute; left: 0; top: 0; width: 100%; padding: 0.5em 0.5em 2em; margin: 0;
	background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
}
div.art-1.v4 div.desc { position: static; padding: 0; width: auto; background: none; padding: 0.5em 0.5em 0.25em; }
div.art-1.v4 h3 { font: 700 16px/1.3 "Noto Serif"; color: #373737; height: 3.9em; overflow: hidden; }
div.art-1.v4 div.desc small { font: 700 11px/1.3 "Noto Sans"; color: #00688C; text-transform: uppercase; display: block; margin: 0 0 0.5em; }

div.art-wrap2 { display: block; overflow: hidden; float: left; width: 50%; margin: 0 1.5% 0 0; /* padding-left: 1%; */ } /* zmiana tła */
div.art-wrap3 { display: block; overflow: hidden; /* padding-right: 1%; */ } /* zmiana tła */

div.art-wrap2 div.art-1.v4 div.img { width: 100%; float: none; margin: 0 0 1em; }
div.art-wrap2 div.art-1.v4 div.desc { padding: 0; }
div.art-wrap2 div.art-1.v4 { background: none; }

div.art-wrap3 div.art-1.v4:first-child { /* margin-top: 1em; */ } /* zmiana tła */
div.art-wrap3 div.art-1.v4:last-child { margin-bottom: 0; }
div.art-wrap3 div.art-1.v4 { display: block; width: auto; margin: 0 0 0.875em; /* margin: 0 1% 0.875em; */ background: #E9E9E9; } /* zmiana tła */

/* Zestawy kolorystyczne */
div.box-4.cs1 div.head:before,
div.box-6.cs1 div.head:before { border-color: #056ca7; }
div.box-4.cs1 div.art-1.v3 div.desc small,
div.box-6.cs1 div.art-1.v4 div.desc small { color: #056ca7; }

div.box-4.cs2 div.head:before,
div.box-6.cs2 div.head:before { border-color: #ac2458; }
div.box-4.cs2 div.art-1.v3 div.desc small,
div.box-6.cs2 div.art-1.v4 div.desc small { color: #ac2458; }

div.box-4.cs3 div.head:before,
div.box-6.cs3 div.head:before { border-color: #46951c; }
div.box-4.cs3 div.art-1.v3 div.desc small,
div.box-6.cs3 div.art-1.v4 div.desc small { color: #46951c; }

div.box-4.cs4 div.head:before,
div.box-6.cs4 div.head:before { border-color: #dd720e; }
div.box-4.cs4 div.art-1.v3 div.desc small,
div.box-6.cs4 div.art-1.v4 div.desc small { color: #dd720e; }

div.box-4.cs5 div.head:before,
div.box-6.cs5 div.head:before { border-color: #693d0c; }
div.box-4.cs5 div.art-1.v3 div.desc small,
div.box-6.cs5 div.art-1.v4 div.desc small { color: #693d0c; }

div.box-4.cs6 div.head:before,
div.box-6.cs6 div.head:before { border-color: #cf9704; }
div.box-4.cs6 div.art-1.v3 div.desc small,
div.box-6.cs6 div.art-1.v4 div.desc small { color: #cf9704; }

div.box-4.cs7 div.head:before,
div.box-6.cs7 div.head:before { border-color: #006334; }
div.box-4.cs7 div.art-1.v3 div.desc small,
div.box-6.cs7 div.art-1.v4 div.desc small { color: #006334; }

div.box-4.cs8 div.head:before,
div.box-6.cs8 div.head:before { border-color: #2395b9; }
div.box-4.cs8 div.art-1.v3 div.desc small,
div.box-6.cs8 div.art-1.v4 div.desc small { color: #2395b9; }

div.box-4.cs9 div.head:before,
div.box-6.cs9 div.head:before { border-color: #007431; }
div.box-4.cs9 div.art-1.v3 div.desc small,
div.box-6.cs9 div.art-1.v4 div.desc small { color: #007431; }

div.box-4.cs10 div.head:before,
div.box-6.cs10 div.head:before { border-color: #a7223b; }
div.box-4.cs10 div.art-1.v3 div.desc small,
div.box-6.cs10 div.art-1.v4 div.desc small { color: #a7223b; }

div.box-4.cs11 div.head:before
div.box-6.cs11 div.head:before { border-color: #6c1068; }
div.box-4.cs11 div.art-1.v3 div.desc small,
div.box-6.cs11 div.art-1.v4 div.desc small { color: #6c1068; }

div.box-4.cs12 div.head:before,
div.box-6.cs12 div.head:before { border-color: #052a63; }
div.box-4.cs12 div.art-1.v3 div.desc small,
div.box-6.cs12 div.art-1.v4 div.desc small { color: #052a63; }

div.box-4.cs13 div.head:before,
div.box-6.cs13 div.head:before { border-color: #cc0000; }
div.box-4.cs13 div.art-1.v3 div.desc small,
div.box-6.cs13 div.art-1.v4 div.desc small { color: #cc0000; }

div.box-4.cs14 div.head:before,
div.box-6.cs14 div.head:before { border-color: #FF3300; }
div.box-4.cs14 div.art-1.v3 div.desc small,
div.box-6.cs14 div.art-1.v4 div.desc small { color: #FF3300; }

div.box-8 { display: block; overflow: hidden; padding: 2em 1.5%; background: #E0E0E0; }
div.box-8 p:last-child { margin: 0; }

#header a.menu { display: none; }
#header a.close { display: none; text-align: right; font: 700 60px/1 "Noto Sans"; color: #FF8000; margin: 0 0 0.25em; }

div.superSocial {
	display: block;
	overflow: hidden;
}

div.superSocial a { display: inline-block; vertical-align: middle; height: 28px; padding: 5px; background: #666; margin: 0 0 5px 0; border-radius: 4px; font: 400 13px/1.3 "Noto Sans"; color: #fff; text-decoration: none; }
div.superSocial a img { display: block; height: 18px; margin: 0 auto; }
div.superSocial a.fb { background: #2E5891; }
div.superSocial a.tw { background: #2BA8D3; }
div.superSocial a.in { background: #0375B3; }
div.superSocial a.gplus { background: #D90000; }
div.superSocial a.mail { background: #59B200; }
div.superSocial a.comment { background: #FF8000; }
div.superSocial div.fb-like { display: inline-block; vertical-align: top; margin: 0 0 5px 0; }

div.superSocial a.fb img { display: inline-block; margin: 0 4px 0 0; vertical-align: bottom; }
div.superSocial span.text { display: inline-block; vertical-align: middle; }
div.superSocial span.count { display: inline-block; vertical-align: middle; background: #fff; font: 400 11px/1.3 "Noto Sans"; color: #444; padding: 2px 6px 2px 6px; position: relative; margin-left: 8px; }
div.superSocial span.count:before { content: ""; display: block; overflow: hidden; width: 5px; height: 7px; position: absolute; left: -5px; top: 5px; background: url("images/icons/supersocial/tip.png") center center scroll no-repeat transparent; background-size: 5px 7px; }

div.box-9 { display: block; overflow: hidden; padding: 30px 20px; }
div.box-9 h1 { margin: 0 0 0.5em; }
small.date { font: 400 14px/1 "Noto Sans"; color: #FF8000; margin: 0 0 0.25em; }

ul.list-3 { display: block; overflow: hidden; }
ul.list-3 > li { display: block; overflow: hidden; margin: 0 0 1em; }
ul.list-3 a { display: block; overflow: hidden; color: #222; }
ul.list-3 div.img { display: block; overflow: hidden; position: relative; float: left; width: 30%; margin: 4px 0.75em 0 0; }
ul.list-3 div.desc { display: block; overflow: hidden; }
ul.list-3 h3 { font: 400 14px/1.45 "Noto Sans"; margin: 0; }
ul.list-3 span.meta { position: absolute; left: 0; bottom: 0; width: 100%; padding: 2em 1em 1em; margin: 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
ul.list-3 span.meta i { font: 400 12px/1.2 "Noto Sans"; color: #fff; }
ul.list-3 span.meta i.fb { margin-right: 1em; }


ul.list-4 { display: block; overflow: hidden; }
ul.list-4 > li { display: block; overflow: hidden; margin: 0 0 1.5em; }
ul.list-4 a { display: block; overflow: hidden; color: #222; text-decoration: none; }
ul.list-4 div.img { display: block; overflow: hidden; position: relative; margin: 0 0 0.5em; }
ul.list-4 div.desc { display: block; overflow: hidden; }
ul.list-4 h3 { font: 400 18px/1.3 "Noto Sans"; margin: 0 0 0.25em; }
ul.list-4 small { font: 400 13px/1.3 "Noto Sans"; color: #999; }
ul.list-4 span.meta { position: absolute; left: 0; bottom: 0; width: 100%; padding: 2em 1em 1em; margin: 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
ul.list-4 span.meta i { font: 400 12px/1.2 "Noto Sans"; color: #fff; }
ul.list-4 span.meta i.fb { margin-right: 1em; }


div.gallery { display: table; border-spacing: 1em; border-collapse: separate; margin: 0 0 1em -0.65em !important; }
div.gallery dl.gallery-item { display: table-cell; width: 33.33% !important; text-align: center; vertical-align: middle; padding: 1em; box-shadow: 0 0 5px 3px rgba(153,153,153,0.2); float: none !important; }
div.gallery dl.gallery-item dt {  }
div.gallery dl.gallery-item br { display: none; }
div.gallery img { border: none !important; }
div.gallery .wp-caption-text { font: 400 12px/1.45 "Noto Sans"; color: #999; margin: 1em 0 0; }

form.post-password-form { padding: 1rem 1rem 0; background: #ccc; }
form.post-password-form label { margin: 0 0 1em; }
form.post-password-form label input { display: block; padding: 0.5em; }

ul.wpp-list { display: block; overflow: hidden; }
ul.wpp-list li { display: block; overflow: hidden; margin: 0 0 0.5em; }
ul.wpp-list a { font: 400 14px/1.3 "Noto Sans"; color: #444; }
ul.wpp-list span { font: 400 12px/1.3 "Noto Sans"; color: #999; display: inline-block; }

img.adaptive { width: auto !important; max-width: 100% !important; height: auto !important; }

div.ad { max-width: 100%; overflow: hidden; }
div.ad > * { max-width: 100%; overflow: hidden; }

div.box-10 { display: block; overflow: hidden; }
div.box-10 h3 { display: block; overflow: hidden; font: 700 20px/1.3 "Noto Serif"; margin: 0 0 1rem; }
div.box-10 hr { margin: 1.5rem 0; width: 100%; border-top: 1px solid #2E5891; }
div.box-10 h4 { display: block; overflow: hidden; font: 700 18px/1.3 "Noto Serif"; margin: 0 0 1rem; color: #2E5891; }
div.box-10 ul.inline li { margin: 0 1rem 1rem 0; }
div.box-10 h4 + ul a { display: block; border: 4px solid #2E5891; padding: 0.25rem 0.75rem; font: 700 14px/1.3 "Noto Sans"; text-decoration: none; transition: all 0.2s linear; }
div.box-10 h4 + ul a:hover { background: #2E5891; color: #fff; }

div.load2[data-loaded="false"] + div.pageWidth { height: 0; overflow: hidden; }

div.waluty { text-align: center; border-top: 5px solid #0666a7; }
div.waluty div.wrap { padding: 1.5rem 1rem 0; background: #fff; }
div.waluty h2 { font: 400 14px/1.3 "Noto Sans" !important; margin: 0 0 0.5rem; color: #333; }
div.waluty h3 { font: 700 18px/1.3 "Noto Serif"; margin: 0 0 1rem; color: #333; min-height: 0 !important; height: auto !important; }
div.waluty h3 small { display: block; font: 400 14px/1.3 "Noto Sans"; color: #333; }
div.waluty p.val { font: 700 32px/1.3 "Noto Sans"; margin: 0 0 1rem; color: #333; }
div.waluty p.val span { display: inline-block; vertical-align: middle; margin: 0 5px 0 0; }
div.waluty p.val img { display: inline-block; vertical-align: middle; }

div.waluty small.nbp,
div.waluty small.boe,
div.waluty small.last { display: block; overflow: hidden; clear: both; text-align: left; font: 400 10px/1.3 "Noto Sans"; color: #444; }

div.waluty p.footer { overflow: hidden; clear: both; background: #0666a7; color: #fff; font: 400 13px/1.3 "Noto Sans"; margin: 1.5rem -1rem 0; }
div.waluty p.footer a { color: #fff; display: block; text-decoration: none; padding: 0.25rem; transition: all 0.2s linear; }
div.waluty p.footer a:hover { background: #3eb0fd; }

div.waluty.w2 div.left { float: left; overflow: hidden; width: 40%; margin: 0 1rem 0 0; }
div.waluty.w2 div.right { overflow: hidden; padding: 1rem 0 0; }
div.waluty.w2 p.val { font-size: 24px; }

div.box-11 { overflow: hidden; }
div.box-11 > div { overflow: hidden; }
div.box-11 > div:first-child { float: left; margin: 0 3% 0 0; width: 65.7%; }
div.box-11.fit-four > div:first-child { width: 74.25%; }

div.box-12 { overflow: hidden; background: #fff; }
div.box-12 a { color: #373737; text-decoration: none; }
div.box-12 div.img { overflow: hidden; float: right; width: 65.5%; max-height: 260px; position: relative; }
div.box-12 div.img img { display: block; width: 100%; }
div.box-12 div.img span.meta { display: none; position: absolute; left: 0; bottom: 0; width: 100%; padding: 2em 1em 1em; margin: 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
div.box-12 span.meta { display: block; font: 400 12px/1.2 "Noto Sans"; color: #fff; margin: 0 0 1em; z-index: 1; }
div.box-12 span.meta i { font: 400 12px/1.2 "Noto Sans"; color: #fff; }
div.box-12 span.meta i.fb { margin-right: 1em; }
div.box-12 div.desc { overflow: hidden; padding: 1rem; max-height: 16.25em; }
div.box-12 h3 { overflow: hidden; font: 700 17px/1.3 "Noto Serif"; margin: 0 0 0.5rem; max-height: 7.8em; }
div.box-12 p { overflow: hidden; font: 400 13px/1.45 "Noto Sans"; margin: 0; max-height: 7.2em; }

h3.cite span.blockquote { display: block; margin: 0 0 0.5rem; font-style: italic; }
h3.cite span.blockquote:before { content: ""; display: inline-block; vertical-align: baseline; width: 20px; height: 15px; background: url("images/icons/quote.png") center center scroll no-repeat transparent; background-size: contain; margin: 0 5px 0 0; }
h3.cite span.blockquote[style="color: #ffffff"]:before { -webkit-filter: contrast(1000%); filter: contrast(1000%); }

h3.cite small { margin: 0; font-size: 12px; }
h3.cite small:empty { display: none; }

div.box-13 { overflow: hidden; background: #333; padding: 3%; }
div.box-13 > div.left { overflow: hidden; width: 49%; margin: 0 3% 0 0; float: left; }
div.box-13 > div.right { overflow: hidden; }


div.box-14 { overflow: hidden; }
div.box-14 a { color: #fff; }
div.box-14 div.img { overflow: hidden; position: relative; margin: 0 0 1rem; }
div.box-14 div.img img { display: block; width: 100%; }
div.box-14 div.img span.meta { display: none; position: absolute; left: 0; bottom: 0; width: 100%; padding: 2em 1em 1em; margin: 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
div.box-14 span.meta { display: block; font: 400 12px/1.2 "Noto Sans"; color: #fff; margin: 0 0 1em; z-index: 1; }
div.box-14 span.meta i { font: 400 12px/1.2 "Noto Sans"; color: #fff; }
div.box-14 span.meta i.fb { margin-right: 1em; }
div.box-14 div.desc { overflow: hidden; }
div.box-14 h3 { overflow: hidden; font: 700 14px/1.3 "Noto Serif"; margin: 0; }
div.box-14 p { overflow: hidden; font: 400 13px/1.45 "Noto Sans"; margin: 0; }

div.box-14.big h3 { font-size: 26px; margin: 0 0 0.75rem; }

div.box-14-wrap { font-size: 0; }
div.box-14-wrap > div { display: inline-block; vertical-align: top; width: 47.5%; margin: 0 5% 1.5rem 0; }
div.box-14-wrap > div:nth-child(even) { margin-right: 0; }
div.box-14-wrap > div:nth-child(3),
div.box-14-wrap > div:nth-child(4) { margin-bottom: 0; }

div.box-15 { overflow: hidden; }
div.box-15 > div.left { overflow: hidden; float: left; width: 40%; margin: 0 3% 0 0; }
div.box-15 > div.right { overflow: hidden; }
div.box-15 > div.right > div.box-4:first-child { margin: 0 0 2rem; }

ul.list-5 { overflow: hidden; }
ul.list-5 a { color: #373737; }
ul.list-5 li { overflow: hidden; display: block; background: #fff; border: 1px solid #ddd; padding: 0.75rem; margin: 0 0 0.75rem; }
ul.list-5 div.img { float: left; overflow: hidden; margin: 0 1rem 0 0; width: 120px; position: relative; }
ul.list-5 div.desc { overflow: hidden; }
ul.list-5 div.img span.meta { position: absolute; left: 0; bottom: 0; width: 100%; padding: 2em 1em 1em; margin: 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
ul.list-5 span.meta { display: block; font: 400 12px/1.2 "Noto Sans"; color: #fff; margin: 0 0 1em; z-index: 1; }
ul.list-5 span.meta i { font: 400 12px/1.2 "Noto Sans"; color: #fff; }
ul.list-5 span.meta i.fb { margin-right: 1em; }
ul.list-5 h3 { overflow: hidden; font: 700 14px/1.3 "Noto Serif"; margin: 0; }

div.box-16 { overflow: hidden; margin: 0 0 1.5rem; }
div.box-16:last-child { margin: 0; }
div.box-16 a { color: #fff; }
div.box-16 div.img { overflow: hidden; position: relative; margin: 0 0 1rem; height: 120px; }
div.box-16 div.img img { display: block; width: 100%; }
div.box-16 div.img span.meta { position: absolute; left: 0; bottom: 0; width: 100%; padding: 2em 1em 1em; margin: 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
div.box-16 span.meta { display: block; font: 400 12px/1.2 "Noto Sans"; color: #fff; margin: 0 0 1em; z-index: 1; }
div.box-16 span.meta i { font: 400 12px/1.2 "Noto Sans"; color: #fff; }
div.box-16 span.meta i.fb { margin-right: 1em; }
div.box-16 div.desc { overflow: hidden; }
div.box-16 h3 { overflow: hidden; font: 700 16px/1.3 "Noto Serif"; margin: 0; }
div.box-16 p { overflow: hidden; font: 400 13px/1.45 "Noto Sans"; margin: 0; }

.bgBlue { background: #2395b9 !important; }

.no-max-height h2,
.no-max-height h3 { height: auto !important; max-height: none !important; }

.max-height2 h2,
.max-height2 h3 { height: 6.4em !important; }

div.flmc-scroller {
  position: relative;
}

div.flmc-scroller > div.wrapper {
  margin: 0;
  overflow: hidden;
}

div.flmc-scroller > div.wrapper > div.scroller {
  overflow: hidden;
  white-space: nowrap;
  font-size: 0;
  width: 10000px;
}

div.flmc-scroller > div.wrapper > div.scroller > div.one {
  display: block;
  float: left;
  width: 980px;
  height: 520px;
  overflow: hidden;
  white-space: normal;
  padding: 2rem;
}

div.flmc-scroller .arrowLeft {
    background: url("images/icons/prev2.png") no-repeat scroll center center transparent;
    background-size: contain;
    display: block;
    height: 100%;
    left: -50px;
    position: absolute;
    top: 0;
    width: 30px;
    z-index: 2;
}

div.flmc-scroller .arrowRight {
    background: url("images/icons/next2.png") no-repeat scroll center center transparent;
    background-size: contain;
    display: block;
    height: 100%;
    right: -50px;
    position: absolute;
    top: 0;
    width: 30px;
    z-index: 2;
}

div.box-17 { overflow: hidden; margin: 0 0 1.5rem; }
div.box-17 div.img { float: left; overflow: hidden; width: 150px; max-width: 30%; margin: 0 1rem 0 0; }
div.box-17 div.desc { overflow: hidden; }
div.box-17 h3 { font: 700 18px/1.3 "Noto Serif"; padding: 0 0 0.75rem; margin: 0 0 0.75rem; border-bottom: 1px solid orange; color: #222; }
div.box-17 p { font: 400 14px/1.45 "Noto Sans"; margin: 0 0 1rem; }
div.box-17 a { color: #444; }

div.ajax { position: relative; }
div.ajax.loading { background: #eee; padding: 1rem; margin: 0 0 1.5rem; }
div.ajax.loading:before { content: "Ładowanie danych..."; display: block; font: 700 14px/1.3 "Noto Sans"; }

div.overflow-auto { width: 100%; overflow: auto; }

.csArticleDomain { font-size: 12px; padding-right: 5px; }

.grecaptcha-badge { right: -100000px !important; }

.share__facebook {
	background: #4080ff !important;
}

/* ********************************************************* */
/* **********************  RESPONSYWNOŚĆ  ****************** */

/* REKLAMY */
@media (min-width: 940px) {

	.kd_ns_placement > div { width: 100% !important; }
	.kd_ns_placement > div > div > div > div {
		width: 209px !important;
		margin: 0 14px !important;
	}

	.kd_ns_placement > div > div > div > div > a > div > div,
	.kd_ns_placement > div > div > div > div > a > div > div > div > div { width: 100% !important; }
}

@media (max-width: 1300px) {
	#content { width: 760px; }
}

@media (max-width: 1200px) {
	#content { width: 660px; }
}

@media (max-width: 1100px) {

	div.flmc-scroller > div.wrapper > div.scroller > div.one { height: auto; padding: 1rem; }
	div.flmc-scroller .arrowLeft { left: 0.5rem; background-image: url("images/icons/prev.png"); }
	div.flmc-scroller .arrowRight { right: 0.5rem; background-image: url("images/icons/next.png"); }

}


@media (max-width: 1020px) {

	.pageWidth {
		width: 100%;
	}

	#content {
		width: 68%;
	}

	#sidebar {
		width: 30%;
	}

	table {
		display: block;
		width: 100%;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}

	div.menu > ul > li > a,
	div.menu > ul > li:first-child > a { padding-left: 1em !important; padding-right: 1em !important; }

	div.art-1 h2,
	div.art-1 h3 { font-size: 32px; }

	div.art-wrap3 div.art-1.v4 h3,
	div.box-6 div.art-1.v4 h3,
	div.box-7 div.art-1.v4 h3,
	div.four > div.art-1.v3 h3 { font-size: 14px; }

	div.three,
	div.four,
	.mobilePadd,
	div.box-15,
	div.box-11 { padding-left: 1rem; padding-right: 1rem; }

	div.waluty.w1 { padding: 1rem 1rem 0; }
	div.waluty.w1 h3 { margin: 0 0 0.5rem; }
	div.waluty.w1 p.val { font-size: 24px; margin: 0 0 1rem; }
	div.waluty.w1 p.val img { width: 24px; }
	div.waluty.w1 p.footer { margin: 1rem -1rem 0; font-size: 13px; }

	div.waluty.w2 div.right { padding: 0; }
	div.waluty.w2 div.left { float: none; width: auto; margin: 0; }

	div.box-15 > div.right div.three { padding: 0; }

	div.box-12 div.img { max-height: none; }

	div.art-1.v3 h3 { height: auto; max-height: none; }

}

@media (max-width: 900px) {

	#header a.menu { display: block; }
	#header div.menu,
	#footer div.menu { display: none; }

	body.menuOpen { overflow: hidden; }
	body.menuOpen #header div.menu { display: block; float: none; background: none; }
	body.menuOpen #header a.close { display: block; }
	body.menuOpen #header #nav { display: block; overflow: auto; position: fixed; z-index: 100; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.95); padding: 1em; }
	body.menuOpen #header div.menu > ul > li { float: none; margin: 0; display: block; }
	body.menuOpen #header div.menu > ul > li:first-child { display: none; }
	body.menuOpen #header div.menu a { font-size: 18px; padding: 0.75em; text-decoration: none; color: #333; }
	body.menuOpen #header div.menu a:hover { background: #3C63AC; color: #fff; }

	#nav { float: right; clear: none; }

	#footer h2.home { float: none; text-align: center; margin: 0 0 1em; }
	#footer ul.social { float: none; text-align: center; clear: both; }

	div.gallery dl.gallery-item { width: 50% !important; }

	div.box-12 p { display: none; }
	div.box-11 div.art-1.v3 h3 { font-size: 14px; }

}


@media (max-width: 800px) {

	div.art-1 h2,
	div.art-1 h3 { font-size: 24px; }

	div.box-14 h3 { font-size: 13px; }

}


@media (max-width: 640px) {

	#content,
	#sidebar {
		width: 100%;
		float: none;
		margin: 0 0 1em;
	}

	ul.list-1 h2 { font-size: 18px; }
	ul.list-1 p { font-size: 14px; }

	div.art-wrap2 { float: none; width: auto; padding-left: 1%; padding-right: 1%; margin: 0 0 1rem; }
	div.art-wrap3 { padding-left: 1%; padding-right: 1%; }

	div.box-7 div.art-1.v4 { display: block; width: auto; }

	div.art-1.v2 div.img { float: none; margin: 0; width: 100%; }
	div.art-1.v2 div.img img { width: 100%; }

	div.art-1.v3 h3 { font-size: 14px; }

	article h1,
	div.article h1,
	.page-title { font-size: 32px; }

	div.art-1.v7,
	div.four div.art-1.v3 { display: inline-block; width: 47%; margin: 0 5% 1.5em 0; }

	div.art-1.v7:nth-child(even),
	div.four div.art-1.v3:nth-child(even) { margin-right: 0; }

	div.waluty.w2 div.right { padding: 1rem 0 0; }
	div.waluty.w2 div.left { float: left; width: 40%; margin: 0 1rem 0 0; }

}


@media (max-width: 630px) {

	div.box-11 { padding: 0 1rem; }
	div.box-11 > div:first-child { float: none; margin: 0 0 1rem; width: auto !important; }
	div.box-11 div.art-1.v3 h3 { font-size: 16px; min-height: 0; }

	div.box-12 div.img { width: 50%; }
	div.box-12 p { display: block; max-height: 8.4em; }

	div.box-13 { padding: 1rem; }
	div.box-13 > div.left { float: none; margin: 0 0 2rem; width: auto; }

	div.box-14.big h3 { font-size: 20px; }

	div.box-15 { padding: 1rem; }
	div.box-15 > div.left { float: none; margin: 0 0 1rem; width: auto; }

}


@media (max-width: 540px) {

	div.four > div.art-1 { width: 47%; }

	#footer ul.footer-nav,
	#footer p.credits { float: none; }

	#header h2.home + div.fb-like { display: none; }

}


@media (max-width: 480px) {

	ul.list-2 li { display: block; float: none; width: 100%; margin: 0 0 1.5em; }

	ul.list-1 p { display: none; }

	div.art-1.v7 h2,
	div.art-1.v7 h3,
	div.art-1.v5 h2,
	div.art-1.v5 h3,
	div.art-1.v3 h2,
	div.art-1.v3 h3,
	div.box-3.bgGrey div.art-1.v3 h3 { font-size: 14px; }

	div.art-1.v7 { margin-right: 4%; }

	div.box-12 div.img { float: none; width: 100%; }
	div.box-12 div.desc,
	div.box-12 h3,
	div.box-12 p { max-height: none; }

	div.box-17 h3 { font-size: 16px; }
	div.box-17 p { font-size: 12px; }

	div.box-9 h1 { font-size: 22px; }

}


@media (max-width: 420px) {

	div.three { font-size: 0; }
	div.three > div.art-1 { width: 47%; margin: 0 6% 1rem 0 !important; }
	div.three > div.art-1:nth-child(even) { margin-right: 0 !important; }

	div.box-7 div.art-1.v4 div.img,
	div.art-wrap3 div.art-1.v4 div.img { width: 37.5%; }
	div.box-7 div.art-1.v4.imgRight div.desc,
	div.art-wrap3 div.art-1.v4.imgRight div.desc { width: 61%; }

	div.art-1 h2,
	div.art-1 h3 { font-size: 18px; }
	div.art-1 div.desc { padding: 3em 1em 1em; }

	#header ul.social li { display: none; }
	#header ul.social li.menu,
	#header ul.social li.search { display: inline-block; }

	form.searchform input#s { width: 195px; }

	div.box-9 h1 { margin: 0 0 1em; }

	div.superSocial a { margin-bottom: 0.5em; }

	article h1,
	div.article h1,
	.page-title { font-size: 24px; }
	div.art-1 p { line-height: 1.3; }

	div.gallery .wp-caption-text { display: none; }

}


@media (max-width: 400px) {

	div.waluty { display: block !important; width: 100% !important; margin: -1rem 0 0 !important; }

}


@media (max-width: 380px) {

	div.art-1.v7 { display: block; width: 100%; margin: 0 0 1.5em !important; }
	div.art-1 div.img img { width: 100%; }

	div.art-1.v5 div.img { display: block; max-width: none; width: 100%; margin: 0 0 1em !important; float: none; }
	div.art-1.v5 div.img img { width: 100%; }

	div.waluty.w2 h3 { font-size: 16px; }
	div.waluty.w2 p.val { font-size: 18px; }

}


/* Nowoczesne menu */
#nav .menu {
    display: flex;
    gap: 20px;
    letter-spacing: 1px;
    font-weight: 600;
}

#nav .menu a {
    padding: 10px 15px;
    border-radius: 6px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

#nav .menu a:hover {
    background-color: #e0e0e0;
    color: #333;
}

/* Stylizacja przycisków */
button, .button {
    padding: 10px 20px;
    border: none;
    border-radius: 8px;
    background-color: #4CAF50;
    color: white;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

button:hover, .button:hover {
    background-color: #45a049;
}

/* Social Media Icons */
#header .social {
    gap: 15px;
}

#header .social li a img {
    width: 28px;
    height: auto;
    border-radius: 50%;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    transition: transform 0.3s ease;
}

#header .social li a img:hover {
    transform: scale(1.1);
}

/* Responsywność reklam — POPRAWKA
   Kontener możesz „ozdabiać”; slot .adsbygoogle musi być czysty. */
.ad-container{
  width: 100%;
  margin: 24px auto;
  text-align: center;
  /* jeżeli chcesz wizualny ozdobnik, odkomentuj:
  padding: 10px;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  */
}

/* Slot AdSense — BEZ paddingu/cieni/borderów */
.adsbygoogle{
  display: block !important;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Ramka wokół reklamy In-Article (opcjonalnie, stabilizuje wysokość) */
.ad-frame{
  background:#f5f6f7;
  border:1px solid #e6e8ec;
  border-radius:12px;
  box-shadow:0 1px 2px rgba(0,0,0,.04);
  padding:16px 16px 20px;
  margin:28px auto;
  max-width:100%;
  clear:both;
  text-align:center;
}
.ad-frame__label{
  display:block;
  font:700 10px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#9aa0a6;
  margin:0 0 10px;
}
/* Rezerwacja miejsca, żeby tekst nie nachodził przed załadowaniem reklamy */
.ad-frame__inner{ min-height:280px; text-align:center; }
/* Po pojawieniu się iframa zdejmij bufor (nowoczesne przeglądarki) */
.ad-frame__inner:has(iframe){ min-height:0; }
.ad-frame__inner > .adsbygoogle{ display:block; margin:0 auto; }

/* Mobile */
@media (max-width: 768px) {
  .ad-container { /* jeśli używasz ozdobnika w .ad-container */ padding: 8px; }
  .ad-frame{ margin:20px auto; padding:12px 12px 16px; }
  .ad-frame__inner{ min-height:250px; } /* typowy 300×250; podnieś do 280px dla 336×280 */
}

/* Billboard desktop-only (jeśli używasz tej klasy) */
@media (max-width: 1023px) {
  .ad-desktop-only { display: none; }
}

/* Sekcje z delikatnym cieniem */
.box-1, .searchLayer {
    padding: 15px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* Poprawka dla AMP */
[amp] .ad-container {
    padding: 8px;
    text-align: center;
}

[amp] #header .social li a img {
    width: 24px;
}

/* Mobilna poprawa układu */
@media (max-width: 768px) {
    .menu {
        flex-direction: column;
        align-items: flex-start;
    }

    #header .social {
        justify-content: center;
    }

    .ad-container {
        padding: 8px;
    }
}

/* Warunki dla AMP i mniejszych ekranów */
@media (max-width: 480px) {
    [amp] .menu {
        padding: 5px;
    }

    [amp] .searchLayer {
        padding: 5px;
    }

    [amp] .ad-container {
        padding: 5px;
    }
}

/* AdSense – billboard w topie */
#ad-top-slot{
  width: 100%;
  display: flex;
  justify-content: center;
}

#ad-top-slot .pageWidth{
  width: 100%;
  max-width: 970px;
}

#ad-top-slot ins.adsbygoogle{
  display: block !important;
  width: 100% !important;
  height: auto !important;
}

/* =========================================================
   ARTICLE AUTHOR BOX
   Komponent: O autorze
   Lokalizacja: template-parts/article-v2/author-box.php
   ========================================================= */

.article-author-box {
    margin-top: 32px !important;
    padding-top: 20px !important;
    border-top: 1px solid #d9dde3 !important;
}

.article-author-box__title {
    margin: 0 0 12px !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em !important;
    color: #111 !important;
}

.article-author-box__card {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 6px 0 0 !important;
    background: transparent !important;
}

.article-author-box__avatar {
    flex: 0 0 56px !important;
    width: 56px !important;
    max-width: 56px !important;
}

.article-author-box__avatar img,
.article-author-box__avatar-image {
    display: block !important;
    width: 56px !important;
    height: 56px !important;
    max-width: 56px !important;
    min-width: 56px !important;
    object-fit: cover !important;
    border-radius: 50% !important;
}

.article-author-box__content {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.article-author-box__name {
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    color: #111 !important;
}

.article-author-box__name a,
.article-author-box__name-link {
    color: #111 !important;
    text-decoration: none !important;
}

.article-author-box__name a:hover,
.article-author-box__name a:focus,
.article-author-box__name-link:hover,
.article-author-box__name-link:focus {
    text-decoration: underline !important;
}

.article-author-box__bio {
    margin-top: 6px !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #2f3640 !important;
}

.article-author-box__bio p {
    margin: 0 !important;
}

.article-author-box__bio p + p {
    margin-top: 10px !important;
}

@media (max-width: 767px) {
    .article-author-box {
        margin-top: 28px !important;
        padding-top: 18px !important;
    }

    .article-author-box__title {
        margin-bottom: 12px !important;
        font-size: 18px !important;
    }

    .article-author-box__card {
        gap: 12px !important;
        padding: 14px !important;
    }

    .article-author-box__avatar {
        flex: 0 0 52px !important;
        width: 52px !important;
        max-width: 52px !important;
    }

    .article-author-box__avatar img,
    .article-author-box__avatar-image {
        width: 52px !important;
        height: 52px !important;
        max-width: 52px !important;
        min-width: 52px !important;
    }
}
/* =========================================================
   ARTICLE V2 PREVIEW — sticky fix for Most Read reserved slot
   Lokalny override tylko dla preview v2
   ========================================================= */
.site-main--article-v2-preview,
.site-main--article-v2-preview #content,
.site-main--article-v2-preview .pageWidth,
.site-main--article-v2-preview .content-area,
.site-main--article-v2-preview .site-content {
    overflow: visible !important;
}

.article-v2-share-bar-wrap {
    margin: 28px 0 52px;
}

.article-v2-share-bar {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
    padding: 0;
    flex-wrap: wrap;
}

.article-v2-share-bar__item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border: 1px solid #b8b8b8;
    border-radius: 12px;
    background: transparent;
    box-sizing: border-box;
    flex: 0 0 46px;
    color: #7a7a7a;
    line-height: 1;
    text-decoration: none;
    padding: 0;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
}

.article-v2-share-bar__button {
    font: inherit;
}

.article-v2-share-bar__item:hover,
.article-v2-share-bar__item:focus,
.article-v2-share-bar__item:focus-visible {
    color: #7a7a7a;
    text-decoration: none;
    outline: none;
}

.article-v2-share-bar__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    line-height: 1;
}

.article-v2-share-bar__icon--x {
    width: 21px;
    height: 21px;
}

.article-v2-share-bar__icon--whatsapp {
    width: 24px;
    height: 24px;
}

.article-v2-share-bar__icon--copy {
    width: 30px;
    height: 30px;
}

.article-v2-share-bar__icon svg {
    display: block !important;
    width: 28px !important;
    height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;
    overflow: visible;
}

.article-v2-share-bar__icon--x svg {
    width: 21px !important;
    height: 21px !important;
    max-width: 21px !important;
    max-height: 21px !important;
}

.article-v2-share-bar__icon--whatsapp svg {
    width: 24px !important;
    height: 24px !important;
    max-width: 24px !important;
    max-height: 24px !important;
}

.article-v2-share-bar__icon--copy svg {
    width: 30px !important;
    height: 30px !important;
    max-width: 30px !important;
    max-height: 30px !important;
}

.article-v2-share-bar__icon svg * {
    vector-effect: non-scaling-stroke;
}

.article-v2-share-bar__message {
    margin-top: 10px;
    font-size: 13px;
    line-height: 1.4;
    color: #7a7a7a;
    opacity: 0;
    transform: translateY(-2px);
    transition: opacity 0.2s ease, transform 0.2s ease;
    pointer-events: none;
}

.article-v2-share-bar__message.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* =========================================================
   ARTICLE V2 — SYSTEM 2 KONTENERÓW
   kontener szeroki + kontener tekstowy
   ========================================================= */

.site-main--article-v2-preview .article-v2-shell {
    max-width: 1200px;
    margin: 40px auto 0;
    padding: 0 20px;
    box-sizing: border-box;
}

.site-main--article-v2-preview .article-v2-preview-label {
    margin-bottom: 18px;
    font-size: 10px;
    line-height: 1.3;
    color: #b8b8b8;
    letter-spacing: 0.01em;
}

.site-main--article-v2-preview .article-v2-wide {
    max-width: 980px;
    margin: 0 auto 0;
}

.site-main--article-v2-preview .article-v2-text {
    max-width: 720px;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .site-main--article-v2-preview .article-v2-shell {
        margin-top: 28px;
        padding: 0 16px;
    }

    .site-main--article-v2-preview .article-v2-preview-label {
        margin-bottom: 14px;
        font-size: 10px;
    }

    .site-main--article-v2-preview .article-v2-wide,
    .site-main--article-v2-preview .article-v2-text {
        max-width: 100%;
    }
}


/* =========================================================
   ARTICLE V2 — CLEAN FINAL BASE 2026-04-06
   Oczyszczona, działająca baza Article v2:
   - przywrócone szerokości systemowe
   - bez konfliktujących dużych wariantów H1 i leadu
   - poprawny hero i content
   - Opracowanie w jednej linii
   - spokojny rytm przed Powiązane
   ========================================================= */

/* HARD RESET AGAINST LEGACY THEME */
.site-main--article-v2-preview,
.site-main--article-v2-preview * {
    box-sizing: border-box;
}

.site-main--article-v2-preview {
    display: block;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 24px 0 0px;
    overflow: visible;
    background: #f3f1ec;
}

.site-main--article-v2-preview article,
.site-main--article-v2-preview figure,
.site-main--article-v2-preview section,
.site-main--article-v2-preview header,
.site-main--article-v2-preview div {
    overflow: visible;
}

/* LAYOUT */
.site-main--article-v2-preview .article-v2-shell {
    width: 100%;
    max-width: 1200px;
    margin: 40px auto 0;
    padding: 0 20px;
}

.site-main--article-v2-preview .article-v2-preview-label {
    margin: 0 0 18px;
    font: 700 10px/1.3 "Noto Sans", Arial, sans-serif;
    letter-spacing: 0.01em;
    color: #b8b8b8;
    text-transform: none;
}

.site-main--article-v2-preview .article-v2-wide {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
}

.site-main--article-v2-preview .article-v2-text {
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
}

.site-main--article-v2-preview .article-v2-wide > *,
.site-main--article-v2-preview .article-v2-text > * {
    width: 100%;
    max-width: 100%;
}

/* BREADCRUMBS + HEADER */
.site-main--article-v2-preview .thefad-v2-breadcrumbs,
.site-main--article-v2-preview .article-v2-breadcrumbs {
    margin: 0 0 12px;
}

.site-main--article-v2-preview .thefad-v2-article-header {
    margin: 0 0 28px;
}

.site-main--article-v2-preview .thefad-v2-article-date {
    margin: 0 0 14px;
    font: 600 13px/1.35 "Noto Sans", Arial, sans-serif;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #7a746d;
}

.site-main--article-v2-preview .thefad-v2-article-title {
    margin: 0 0 14px;
    max-width: none;
    font: 700 clamp(28px, 3.35vw, 38px)/1.08 "Noto Serif", Georgia, serif;
    letter-spacing: -0.022em;
    color: #111111;
}

.site-main--article-v2-preview .thefad-v2-article-lead {
    margin: 0 0 12px;
    max-width: none;
    width: 100%;
    font-size: 17px;
    line-height: 1.55;
    color: #4a4a4a;
    font-weight: 400;
}

.site-main--article-v2-preview .thefad-v2-article-reading-time {
    margin: 0 0 28px;
    font: 600 13px/1.35 "Noto Sans", Arial, sans-serif;
    color: #7a746d;
}

/* HERO */
.site-main--article-v2-preview .thefad-v2-hero,
.site-main--article-v2-preview .article-v2-wide figure.thefad-v2-hero,
.site-main--article-v2-preview .article-v2-wide .thefad-v2-hero {
    display: block;
    float: none;
    clear: both;
    width: 100%;
    max-width: 100%;
    margin: 0 0 28px;
}

.site-main--article-v2-preview .thefad-v2-hero-image,
.site-main--article-v2-preview .article-v2-wide .thefad-v2-hero img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0;
}

.site-main--article-v2-preview .thefad-v2-hero figcaption,
.site-main--article-v2-preview .thefad-v2-hero-caption {
    display: block;
    position: static;
    left: auto;
    bottom: auto;
    width: auto;
    padding: 0;
    margin: 10px 0 0 !important;
    font-size: 13px;
    line-height: 1.45;
    color: #666;
    background: none;
    filter: none;
}

/* CONTENT SAFETY */
.site-main--article-v2-preview .thefad-v2-content {
    max-width: none;
}

.site-main--article-v2-preview .thefad-v2-content figure,
.site-main--article-v2-preview .thefad-v2-content .wp-block-image,
.site-main--article-v2-preview .thefad-v2-content div.wp-caption {
    position: static;
    float: none;
    clear: both;
    width: 100%;
    max-width: 100%;
    margin: 1.4em 0;
}

.site-main--article-v2-preview .thefad-v2-content figcaption,
.site-main--article-v2-preview .thefad-v2-content .wp-block-image figcaption,
.site-main--article-v2-preview .thefad-v2-content div.wp-caption p.wp-caption-text {
    position: static;
    left: auto;
    bottom: auto;
    width: auto;
    padding: 0;
    margin: 10px 0 0 !important;
    color: #666;
    background: none;
    filter: none;
}

/* OPRACOWANIE */
.site-main--article-v2-preview .thefad-v2-editorial-credit {
    width: 100%;
    max-width: 720px;
    margin: 28px 0 0;
    padding: 0;
    background: none;
    border: 0;
    box-shadow: none;
}

.site-main--article-v2-preview .thefad-v2-editorial-credit-inner {
    display: block;
    padding-top: 12px;
    border-top: 1px solid #d8d8d8;
}

.site-main--article-v2-preview .thefad-v2-editorial-credit-line {
    margin: 0;
    font-size: 14px;
    line-height: 1.45;
    color: #111111;
}

.site-main--article-v2-preview .thefad-v2-editorial-credit-label {
    font-weight: 700;
}

.site-main--article-v2-preview .thefad-v2-editorial-credit-name {
    display: inline;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: 0;
    color: inherit;
    position: static;
    font-weight: 400;
}

.site-main--article-v2-preview .thefad-v2-editorial-credit-name::after {
    display: none;
}

/* RHYTHM */
.site-main--article-v2-preview .article-v2-related {
    margin-top: 28px;
}

.site-main--article-v2-preview .article-v2-related__inner {
    padding-top: 12px;
}

.site-main--article-v2-preview .article-v2-share-bar-wrap {
    margin: 28px 0 24px;
}

/* MOBILE */
@media (max-width: 768px) {
    .site-main--article-v2-preview {
        padding: 18px 0 0px;
    }

    .site-main--article-v2-preview .article-v2-shell {
        margin-top: 28px;
        padding: 0 16px;
    }

    .site-main--article-v2-preview .article-v2-preview-label {
        margin-bottom: 14px;
        font-size: 10px;
    }

    .site-main--article-v2-preview .article-v2-wide,
    .site-main--article-v2-preview .article-v2-text {
        max-width: 100%;
    }

    .site-main--article-v2-preview .thefad-v2-article-header {
        margin-bottom: 22px;
    }

    .site-main--article-v2-preview .thefad-v2-article-title {
        margin-bottom: 12px;
        font-size: clamp(26px, 6.8vw, 34px);
        line-height: 1.10;
    }

    .site-main--article-v2-preview .thefad-v2-article-lead {
        font-size: 16px;
        line-height: 1.58;
        margin-bottom: 10px;
    }

    .site-main--article-v2-preview .thefad-v2-article-reading-time {
        margin-bottom: 24px;
    }

    .site-main--article-v2-preview .thefad-v2-hero {
        margin-bottom: 22px;
    }

    .site-main--article-v2-preview .thefad-v2-editorial-credit {
        margin: 24px 0 0;
    }

    .site-main--article-v2-preview .thefad-v2-editorial-credit-inner {
        padding-top: 10px;
    }

    .site-main--article-v2-preview .article-v2-related {
        margin-top: 24px;
    }

    .site-main--article-v2-preview .article-v2-related__inner {
        padding-top: 10px;
    }

    .site-main--article-v2-preview .article-v2-share-bar-wrap {
        margin: 24px 0 20px;
    }
}

/* FIX: pusty slot reklamowy nad artykułem */

#ad-top-slot:empty {
    display: none;
}

/* =========================================================
   ARTICLE V2 / FOOTER GAP HARD OVERRIDE
   ========================================================= */

main.site-main--article-v2-preview {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    min-height: auto !important;
}

main.site-main--article-v2-preview .article-v2-shell,
main.site-main--article-v2-preview .article-v2-wide,
main.site-main--article-v2-preview .article-v2-text {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.tf-footer {
    margin-top: 0 !important;
}

@media (max-width: 768px) {
    main.site-main--article-v2-preview {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        min-height: auto !important;
    }

    main.site-main--article-v2-preview .article-v2-shell,
    main.site-main--article-v2-preview .article-v2-wide,
    main.site-main--article-v2-preview .article-v2-text {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    .tf-footer {
        margin-top: 0 !important;
    }
}