@charset "UTF-8";

/*
Theme Name: R1 Media - Dostępność
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: none;
}

body {
	word-wrap: break-word;
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.45;
	color: #444;
	-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: #f37521;
    color: #fff;
    text-shadow: none;
}

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

a { text-decoration: none; }

a:focus, a:active, a:hover {
	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 { margin: 0 0 1.5rem; }
small { display: block; font-size: 0.75rem; }

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

b, strong { font-weight: bold; }
i, em { font-style: italic; }

input[type="email"],
input[type="file"],
input[type="image"],
input[type="number"],
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="number"],
input[type="reset"],
input[type="submit"],
input[type="tel"],
input[type="text"],
input[type="search"],
input[type="email"],
textarea,
select {
	-webkit-appearance: none;
}

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

.aleft { text-align: left; }
.aright { text-align: right; }
.acenter { text-align: center; }

ul.inline { padding: 0 !important; }
ul.inline > li {
	display: inline-block;
	margin: 0 1rem 0.5rem 0 !important;
	vertical-align: top;
}

ul.inline.middle > li { vertical-align: middle; }

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

div.table {
	display: table;
}

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

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

.bgGrey { background: #eee; }

a { color: #f37521; }
.cRed { color: #b20000; }
.cGreen { color: #009933; }
.cGrey { color: #666; }

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


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

h1 {
	font: 700 2.5rem/1.3 "Montserrat";
	margin: 0 0 1rem;
}

h2 {
	font: 700 1.25rem/1.45 "Montserrat";
	margin: 0 0 1rem;
}

h3 {
	font: 700 0.875rem/1.45 "Montserrat";
	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 #f37521;
	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 #f37521;
	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;
}

small.date {
    font-size: 0.875rem;
    color: #888;
    display: block;
    margin: 0 0 0.5rem;
    text-align: right;
}

div.article h1,
.page-title {
	font: 700 2rem/1.3 "Montserrat";
	margin: 0 0 0.25rem;
}

div.article h2 {
	font: 700 1.375rem/1.3 "Montserrat";
	margin: 2rem 0 1rem;
}

div.article h3 {
	font: 700 1.25rem/1.3 "Montserrat";
	margin: 2rem 0 1rem;
}

div.article p {
	font: 400 1rem/1.45 "Montserrat";
	margin: 0 0 1.5rem;
}

div.article ul {
	margin: 0 0 1.5rem;
	padding: 0 0 0 20px;
	list-style-type: disc;
	font: 400 1rem/1.45 "Montserrat";
}

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

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

div.article ol {
	font: 400 1rem/1.45 "Montserrat";
	margin: 0 0 1.5rem;
	padding: 0 0 0 25px;
	list-style-type: decimal;
}

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

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

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

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

div.article p + ul,
div.article p + ol { margin-top: -0.5rem; }

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

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

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

form div.field { margin: 0 0 1.5rem; }
form div.field:last-child { margin: 0; }

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

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

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

form textarea {
	height: 80px;
	resize: vertical;
}

form select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url("images/icons/select.png") right center no-repeat;
	background-size: 16px;
}

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

form ul.checkbox li input {
	display: block;
	overflow: hidden;
	float: left;
	margin: 6px 0.5rem 0 0;
}

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

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

.button,
input[type="submit"],
div.box-1 div.one div.desc a {
	display: inline-block;
	overflow: hidden;
	border: none;
	border-radius: 4px;
	font-weight: bold;
	padding: 0.5rem 2rem;
	background: transparent;
	border: 2px solid #f37521;
	color: #f37521;
	margin: 0 0.5rem 0.5rem 0;
	height: auto;
	text-decoration: none;
	text-align: center;

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

.button:hover,
input[type="submit"]:hover {
	text-decoration: none;
	background: #f37521;
	color: #fff;
}

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

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

form.searchform { overflow: hidden; width: 320px; max-width: 100%; position: relative; padding: 0 40px 0 0; }
form.searchform input#s { display: block; overflow: hidden; width: 100%; }
form.searchform button {
	display: block;
	overflow: hidden;
	position: absolute;
	right: 0; top: 0;
	width: 40px;
	height: 36px;
	padding: 0.5rem;
	margin: 0;
	transition: all 0.2s linear;
	background: #f37521;
}

form.searchform button:hover {
	background-color: #222;
}

span.wpcf7-not-valid-tip { font-size: 0.8125rem !important; }
div.wpcf7-response-output { margin: 0 0 0.5rem !important; padding: 0.5rem !important; font-size: 0.8125rem !important; color: #fff; border: none !important; }
div.wpcf7-validation-errors { background: #cc0000; }
div.wpcf7-mail-sent-ok { background: #009933; }
div.wpcf7-recaptcha { max-width: 100%; overflow: auto; }

form ul.inline input { max-width: 80px; }

form.wpcf7-form p input,
form.wpcf7-form p textarea,
form.wpcf7-form p select { margin-top: 5px; }

form.wpcf7-form p textarea { height: 120px; }

span.wpcf7-list-item { margin: 0 1rem 5px 0 !important; display: block; font: 400 0.8125rem/1.3 "Roboto"; }
span.wpcf7-list-item.first { margin-top: 10px !important; }
span.wpcf7-list-item input { margin: 0 5px 0 0 !important; }
span.wpcf7-list-item label { font: 400 0.8125rem/1.3 "Roboto"; }

form span.cRed { font: 400 0.8125rem/1.3 "Roboto"; }

form.zapis { border-top: 1px solid #222; padding: 2em 0 0; margin: 2em 0 0; }
form.zapis h2 { text-align: left; margin: 0 0 0.5em; }
form.zapis input { margin: 0 0 0.5em; }

form p + ul.inline { margin-top: -1rem !important; }


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

div.menu {
	display: block;
	margin: 1rem 0 0;
	font-size: 0;
}

div.menu a { color: #fff; text-decoration: none; }

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: text-bottom;
	margin: 0 1rem 0 0;
	position: relative;
}

div.menu > ul > li > a {
	display: block;
	overflow: hidden;
	padding: 0.75rem 1rem;
	font: 400 0.9375rem/1.3 "Montserrat";
	text-transform: uppercase;
}

div.menu ul ul {
	display: none;
	position: absolute;
	z-index: 10;
	top: 100%;
	width: 100%;
	min-width: 200px;
	max-width: 100%;
	left: 0;
	background: #222;
	padding: 0.5em 0;
	font-size: 0.9375rem;
}

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

div.menu > ul > li:hover { background: #222; }


div.menu ul ul > li { position: relative; }
div.menu ul ul ul { background: #444; position: absolute; left: 100%; top: 0; }
div.menu ul ul li:hover { background: #444; }
div.menu ul ul li:hover > ul {
	display: block;
}
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 #fff;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    margin-left: 0.5rem;
}


div.menu ul ul a {
	display: block;
	overflow: hidden;
	padding: 0.35em 1em;
	text-decoration: none;
}

div.menu ul ul a:hover {
	background: #666;
	color: #fff;
}

div.menu li.current-menu-item > a,
div.menu li.current-post-ancestor > a,
div.menu li.current-menu-parent > a { font-weight: 700; }

div.menu > ul > li.menu-item-has-children > a:after {
	content: "";
    display: inline-block;
    vertical-align: middle;
    border-top: 4px solid #fff;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    margin-left: 0.5rem;
}

a.menu {
  display: none;
  width: 30px;
  height: 22px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -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: 1.5rem; top: 2.2rem;
  z-index: 1000;
}

a.menu span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #f37521;
  border-radius: 2px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -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: 0px; }
a.menu span:nth-child(2) { top: 10px; }
a.menu span:nth-child(3) { top: 20px; }

a.menu.open span { background: #f37521; }

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

/* ********************************************************* */
/* **********************  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.25rem/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: block;
	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 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%;
}

/* Menu */
#header { position: relative; margin: 0; }
#header #nav { padding: 1rem 0 0; z-index: 100; }

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

#header div.wrap { overflow: hidden; }
#header div.right-wrap { float: right; margin: 0.5rem 0 0; }
#header div.right-wrap h3 { display: inline-block; vertical-align: middle; margin: 0 1.5rem 0 0; font-size: 1.375rem; }
#header div.right-wrap h3 small { display: block; margin: 0 0 0.15rem; font-weight: 400; }
#header div.right-wrap a.button { display: inline-block; vertical-align: middle; margin: 0; }

#header div.menu { display: block; background: #f37521; }

#footer {
	display: block;
	overflow: hidden;
	border-top: 1px solid #ddd;
	margin: 0;
	padding: 1.5rem 0 1rem;
	text-align: center;
}

#footer.stick {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
}

#footer p { font-size: 0.75rem; margin: 0 0 0.5rem; color: #888; }

#footer ul.footer-nav a { font: 400 0.874rem/1.3 "Montserrat"; color: #222; }
#footer ul.footer-nav li { display: inline-block; vertical-align: text-bottom; margin: 0 1.5rem 0.5rem 0; }

/* Budowa szablonu */
#content {
	display: table-cell;
	overflow: hidden;
	padding-right: 2rem;
	width: 800px;
}

#sidebar {
	display: table-cell;
	overflow: hidden;
	width: 300px;
}

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

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

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

/* 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 "Montserrat"; color: #333; margin: 0; }
#map .mapObj p { font: 700 1rem/1.3 "Montserrat"; 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 0.8125rem/1.45 "Montserrat"; color: #666; }
div.pagenav .number { background: #004C6D; font: 700 0.8125rem/1.45 "Montserrat"; 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 { overflow: hidden; }
div.tabs > div.navi { overflow: hidden; text-align: center; }
div.tabs > div.navi a { display: inline-block; overflow: hidden; vertical-align: text-bottom; padding: 0.35em 1em; margin: 0; width: 32%; }
div.tabs > div.navi a.active { font-weight: 700; }
div.tabs > div.panes { overflow: hidden; }
div.tabs > div.panes > div.one { display: none; overflow: hidden; padding: 0.5rem 0; }
div.tabs > div.panes > div.one.active { display: block; }

ul.two { font-size: 0; display: block; margin: 0 !important; padding: 0 !important; }
ul.two > li { display: inline-block !important; vertical-align: top; width: 47.5%; margin: 0 5% 2rem 0 !important; }
ul.two > li:nth-child(even) { margin-right: 0 !important; }

ul.three { font-size: 0; display: block; margin: 0 !important; padding: 0 !important; }
ul.three > li { display: inline-block; vertical-align: top; width: 30%; margin: 0 5% 2rem 0 !important; }
ul.three > li:nth-child(3n+3) { margin-right: 0 !important; }

ul.four { font-size: 0; display: block; margin: 0 !important; padding: 0 !important; }
ul.four > li { display: inline-block; vertical-align: top; width: 21.25%; margin: 0 5% 2rem 0 !important; }
ul.four > li:nth-child(4n+4) { margin-right: 0 !important; }

ul.list-1 { display: block; margin: 0 0 1.5rem; }
ul.list-1 li { display: block; margin: 0 0 2.5rem; }
ul.list-1 li:last-child { margin: 0; }
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 1.5rem 0 0; }
ul.list-1 div.desc { display: block; overflow: hidden; }
ul.list-1 small { font: 400 0.75rem/1.3 "Montserrat"; color: #888; margin: 0 0 0.5rem; }
ul.list-1 h2 { font: 700 1.5rem/1.3 "Montserrat"; margin: 0 0 0.5rem; }
ul.list-1 h3 { font: 700 1.25rem/1.3 "Montserrat"; margin: 0 0 0.5rem; }
ul.list-1 p { font: 400 0.9375rem/1.45 "Montserrat"; color: #444; 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: 1rem; }
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 1rem/1.3 "Montserrat"; margin: 0 0 0.25em; }
ul.list-2 p { font: 400 0.75rem/1.4 "Montserrat"; color: #444; margin: 0; }

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 0.75rem/1.45 "Montserrat"; color: #999; margin: 1em 0 0; }

div.box-1 { display: block; overflow: hidden; position: relative; text-align: center; }
div.box-1 .pageWidth { position: relative; }
div.box-1 div.wrap { background: #222; }
div.box-1 div.one { display: none; overflow: hidden; position: relative; background: url() center center scroll no-repeat transparent; background-size: cover; opacity: 1; /* height: 100vh; */ min-height: 460px; }
div.box-1 div.one:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(30,30,30,0.3); }
div.box-1 div.one.active { display: block; animation-name: fadein; animation-duration: 2s; }
div.box-1 div.one div.desc { display: block; overflow: hidden; position: absolute; z-index: 2; left: 0; top: 50%; transform: translateY(-50%); width: 100%; padding: 1.5rem; }
div.box-1 h2 { font: 700 48px/1.35 "Montserrat"; color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.6); margin: 0 auto 0.75rem; width: 800px; max-width: 100%; overflow: hidden; }
div.box-1 p { font: 400 24px/1.45 "Montserrat"; color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.6); margin: 0 auto 1.5rem; width: 800px; max-width: 100%; overflow: hidden; }
div.box-1 p:last-child { margin: 0 auto; }
div.box-1 div.img img { display: block; }
div.box-1 div.indicators { display: block; overflow: visible; position: absolute; z-index: 10; left: 0; bottom: 2rem; text-align: center; width: 100%; }
div.box-1 div.indicators a { display: inline-block; width: 16px; height: 16px; border-radius: 100%; background: #fff; margin: 0 2px; box-shadow: 0 0 4px 2px rgba(0,0,0,0.8); }
div.box-1 div.indicators a.active { background: #f37521; }
div.box-1 a.button,
div.box-1 div.one div.desc a { background: #f37521; color: #fff; text-shadow: none; }
div.box-1 a.button:hover,
div.box-1 div.one div.desc a:hover { background: #222; border-color: #222; }

@keyframes fadein {
    0%   {opacity: 0.5; }
    100% {opacity: 1; }
}

.box-1 img.watermark {
	position: absolute; right: 1.5rem; top: 1.5rem; max-width: 100px; max-height: 100px;
	filter: drop-shadow(0 0 16px #fff) drop-shadow(0 0 16px #fff) drop-shadow(0 0 16px #fff);
}

@media (max-width: 760px) {
    .box-1 img.watermark { max-width: 80px; max-height: 80px; }
}

div.box-2 { display: block; overflow: hidden; }
div.box-2 img { display: block; margin: 0; max-width: 110px; max-height: 35px; }

ul.scroller { display: block; overflow: hidden; white-space: nowrap; font-size: 0; margin: 0; }
ul.scroller li { display: inline-block; vertical-align: middle; padding: 0 1rem; }

div.section { padding: 2rem 0; }
div.section h2.title,
div.section h3.title { font: 400 28px/1.3 "Montserrat"; margin: 0 0 2rem; }

div.box-3 { display: block; overflow: hidden; }
div.box-3 div.img { display: block; overflow: hidden; float: left; max-width: 40%; margin: 0 2rem 0 0; }
div.box-3 div.desc { display: block; overflow: hidden; }
div.box-3 h3 { font: 400 36px/1.3 "Montserrat"; margin: 0 0 1rem !important; }
div.box-3 p { font: 400 20px/1.45 "Montserrat"; margin: 0 0 1.5rem; }
div.box-3 p:last-child { margin: 0; }

div.contact-column { float: right; width: 47.5%; margin: 0 0 1rem 2rem; background: #eee; padding: 2rem; }

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

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

ul.list-3 { display: block; overflow: hidden; }
ul.list-3 > li { display: block; overflow: hidden; margin: 0 0 1.5rem; padding: 0 0 1.5rem; border-bottom: 1px solid #eee; }
ul.list-3 > li:last-child { border: none; }
ul.list-3 div.head { overflow: hidden; margin: 0 0 1rem; }
ul.list-3 div.head div.img { float: left; overflow: hidden; margin: 0 1rem 0 0; max-width: 60px; }
ul.list-3 div.head div.img img { display: block; width: 60px; }
ul.list-3 div.head div.desc { overflow: hidden; }
ul.list-3 div.head p { font: 700 1.125rem/1.3 "Montserrat"; margin: 0 0 0.5rem; }
ul.list-3 div.head small { font: 400 0.75rem/1.3 "Montserrat"; color: #ccc; }
ul.list-3 blockquote,
ul.list-3 blockquote * { font: 400 0.875rem/1.45 "Montserrat"; }

div.slideshow-wrapper { display: block; overflow: hidden; margin: 0 0 1.5rem; }
div.slideshow-wrapper div.preloader { display: block; overflow: hidden; height: 300px; background: #fff; }
div.slideshow-wrapper div.preloader img {
	display: block;
	width: auto;
	max-width: 100%;
	max-height: 100%;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
div.slideshow-wrapper img { display: block; }
div.slideshow-wrapper ul { display: block; overflow: hidden; padding: 0.75rem 0 0; margin: 0; }
div.slideshow-wrapper ul li { display: inline-block; width: 76px; height: 76px; overflow: hidden; vertical-align: middle; margin: 0 1rem 0.75rem 0; position: relative; border: 3px solid transparent; }
div.slideshow-wrapper ul li.active { border-color: #f59f00; }
div.slideshow-wrapper ul li img { display: block; overflow: hidden; position: absolute; left: 0; top: 0; min-width: 70px; min-height: 70px; max-width: 70px; max-height: 70px; cursor: pointer; }
div.slideshow-wrapper div.wrap { position: relative; border: 1px solid #ddd; }
div.slideshow-wrapper a.prev { display: none; overflow: hidden; position: absolute; left: 1rem; top: 40%; width: 38px; height: 97px; background: url("images/icons/prev2.png") center center scroll no-repeat transparent; background-size: 38px auto; }
div.slideshow-wrapper a.next { display: none; overflow: hidden; position: absolute; right: 1rem; top: 40%; width: 38px; height: 97px; background: url("images/icons/next2.png") center center scroll no-repeat transparent; background-size: 38px auto; }
div.slideshow-wrapper div.wrap:hover a.next,
div.slideshow-wrapper div.wrap:hover a.prev { display: block; }
div.slideshow-wrapper div.wrap small { display: block; position: absolute; left: 0; bottom: 0; width: 100%; padding: 0.25rem; text-align: center; color: #222; font-size: 0.875rem;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,999999+100&0+0,0.65+100 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(153,153,153,0.65) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(153,153,153,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(153,153,153,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6999999',GradientType=0 ); /* IE6-9 */
}
div.slideshow-wrapper div.wrap small:empty { display: none; }

div.box-4 p { font-size: 0.8125rem; }

div.main-img { margin: 0 0 1.5rem; }
div.main-img img { display: block; width: 100%; }
div.art-meta { margin: 1.5rem 0; overflow: hidden; }
div.art-meta p { float: left; font-size: 1.125rem; font-weight: 700; margin: 0 0 0.5rem; }
div.art-meta ul { float: right; }
div.art-meta ul li { display: inline-block; vertical-align: top; margin: 0 1.5rem 0.5rem 0; }
div.art-meta ul li:last-child { margin: 0; }

ul.list-4 { text-align: center; margin: 4rem 0 0; }
ul.list-4 li { display: block; border-top: 1px solid #ddd; padding: 1.5rem 0; }
ul.list-4 h2 { font-size: 1.125rem; margin: 0 0 1.5rem; }
ul.list-4 a,
ul.list-4 img { display: inline-block; vertical-align: middle; margin: 1rem 1.5rem 1.5rem; }
ul.list-4 a > img { display: inline; margin: 0; }

div.box-6 ul { display: block; font-size: 0; border-bottom: 1px solid #f37521; text-align: center; }
div.box-6 ul li { display: inline-block; vertical-align: middle; width: 25%; padding: 2rem 1rem; }


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

@media (max-width: 1140px) {

	.pageWidth {
		width: 100%;
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}

	div.box-1 > div.pageWidth { padding: 0; }

	table {
		display: block;
		width: 100%;
		max-width:100vw;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar;
	}

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

	body.menuOpen { overflow: hidden; }
	body.menuOpen #header div.menu { 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: 4rem 0 1rem; margin: 0; }
	body.menuOpen #header div.menu > ul > li { display: block; margin: 0; }
	body.menuOpen #header div.menu a { font-size: 1.125rem; padding: 0.75rem 1.5rem; text-decoration: none; color: #222; }
	body.menuOpen #header div.menu a:hover { background: #f37521; color: #fff; }
	body.menuOpen #header div.menu > ul > li.menu-item-has-children > a:after { border-top-color: #222; }
	body.menuOpen #header div.menu > ul > li.menu-item-has-children:hover > a:after { border-top-color: #fff; }

	body.menuOpen #header div.menu ul ul { position: static; padding: 0; }
	body.menuOpen #header div.menu ul ul a { color: #fff; }

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


	#header #nav { padding: 1rem 0; }
	#header div.right-wrap { margin: 0.5rem 80px 0 0; }

	ul.list-4 p { font-size: 0; }

}


@media (max-width: 900px) {

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

}

@media (max-width: 800px) {

	#content { width: 68%; }
	#sidebar { width: 30%; }

	div.box-1 div.one { min-height: 560px; }

	div.box-3 div.img { max-width: 30%; margin: 0 1rem 0 0; }
	div.box-3 p { font-size: 1rem; }

	#content,
	#sidebar {
		display: block;
		width: 100%;
		padding: 0;
	}

	#content { margin: 0 0 2rem; }

}


@media (max-width: 720px) {

	#header h1.home, #header h2.home { margin: 0 0 1rem; }
	#header div.right-wrap { float: none; border-top: 1px solid #bbb; margin: 0; text-align: center; padding: 1rem 0 0; clear: both; }

}


@media (max-width: 640px) {

	ul.list-1 h2,
	ul.list-1 h3 { font-size: 1.125rem; }
	ul.list-1 p { font-size: 0.875rem; }

}


@media (max-width: 600px) {

	ul.three > li,
	ul.three > li:nth-child(3n+3) { width: 47.5%; margin: 0 5% 2rem 0; }
	ul.three > li:nth-child(2n+2) { margin-right: 0 !important; }

	ul.four > li,
	ul.four > li:nth-child(4n+4) { width: 47.5%; margin: 0 5% 2rem 0; }
	ul.four > li:nth-child(2n+2) { margin-right: 0 !important; }

	div.box-6 ul { padding: 1rem 0; }
	div.box-6 ul li	{ width: 50%; padding: 1rem; }

}


@media (max-width: 560px) {

	div.contact-column { float: none; width: auto; margin: 0 0 2rem; }

	div.art-meta { text-align: center; }
	div.art-meta p { float: none; }
	div.art-meta ul { float: 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.gallery .wp-caption-text { display: none; }

	div.box-1 div.one { min-height: 450px; }
	div.box-1 div.one h2 { font-size: 1.75rem; }
	div.box-1 div.one p { font-size: 1rem; }

	div.box-3 div.img { float: none; margin: 0 0 1.5rem; max-width: none; }

	ul.two > li { display: block; width: 100% !important; margin: 0 0 2rem !important; }

	.post-nav > .prev,
	.post-nav > .next { float: none; max-width: none; margin: 0 0 0.5rem; }

}

@media (max-width: 420px) {

	ul.list-1 li { margin: 0 0 1.5rem; }
	ul.list-1 h2,
	ul.list-1 h3 { font-weight: 700; font-size: 1rem; }
	ul.list-1 div.img { margin: 0 1rem 0 0; }

	div.section h2.title,
	div.section h3.title,
	div.article h1,
	.page-title { font-size: 1.5rem; }

	div.article h2 { font-size: 1.25rem; }
	div.article h3 { font-size: 1.125rem; }

	#nav .pageWidth { padding-left: 1rem; padding-right: 1rem; }
	#header h1.home, #header h2.home { width: 200px; }
	#header div.right-wrap h3 { font-size: 0.9375rem; }

}

@media (max-width: 370px) {

	div.section { padding: 2rem 0; }

}

.box-7 { background: #FFE44E; padding: 0.5rem; color: #444; font-size: 0.75rem; text-align: center; font-weight: 800; }
.box-7 *:last-child { margin-bottom: 0; }

@media (max-width: 760px) {
	.box-7 { font-size: 0.625rem; }
}


/* Dostępność */
body.highlight-links {
	.home a {
		display: block;
		padding: 0.5rem;
	}

	ul.list-4 a {
		padding: 0.5rem;
	}

	a.button,
	div.box-1 div.one div.desc a {
		background-color: #ffeb3b;
		color: #000;
	}
}

body.high-contrast {
	.acc-wrapper,
	#header div.menu {
		background: #222;
	}

	a.menu span {
		background: #ffff00;
	}

	div.box-1 h2,
	div.box-1 p {
		background: #000;
		color: #ffff00;
	}
	div.box-1 p:last-child {
		background: none;
	}

	#header div.menu a,
	ul.list-1 p,
	ul.list-1 small,
	#footer ul.footer-nav a,
	small.date {
		color: #ffff00;
	}

	.button, input[type="submit"],
	div.box-1 div.one div.desc a {
		background: #000;
		color: #ffff00;
		border-color: #ffff00;
	}

	.button:hover,
	input[type="submit"]:hover,
	div.box-1 div.one div.desc a:hover {
		background: #ffff00;
		color: #000;
	}
}

body.high-contrast.highlight-links {

	a {
		background-color: #ffeb3b;
	}

	#header div.menu a,
	ul.list-1 a,
	ul.list-1 p,
	ul.list-1 small,
	#footer ul.footer-nav a,
	small.date {
		background-color: #ffeb3b;
		color: #000;
	}

	a.button,
	div.box-1 div.one div.desc a {
		background-color: #ffeb3b;
		color: #000;
	}
}