:root { --sw-blue: #1e4761 }
body {
	color: #444;
    background: #efefef;
	font-family: sans-serif;
	font-size: 16px;
	line-height: 1.8;
	padding: 2.5rem 0;
	font-weight: normal;
}
.onlymobile { display: none; }
.clearfix { clear: both; }

button, .btn { font-size: 14px; font-weight: bold; box-sizing: border-box; display: inline-block; text-align: center; cursor: pointer; padding: 0 1em; margin: 0px; height: 2rem; line-height: 2em; border: 1px solid rgb(138, 136, 134); border-radius: 2px; }
button:hover, .btn:hover { background: rgb(237, 235, 233); }

select {
  	color: initial;
    text-transform: none;
    margin-right: 0.125rem;
  	padding: 0.125rem 0;
    font-size: 0.825rem;
    border-radius: 2px;
    border: 1px solid rgb(169, 169, 169);
}


/* tabs */
.my-tabs li { display: inline-block; padding: 0 0.5rem 0 0; font-size: 1.125rem; font-weight: bold; text-transform: uppercase; letter-spacing: -0.5px; }
.my-tabs li a { color: #999; cursor: pointer; }
.my-tabs li.is-active a, .my-tabs li a:hover { color: #1e4761; }
.tab-content { display: none; padding: 0; }
.tab-content.is-active { display: block; }

/* fonts */
h1, h2, h3, h4, .nav, .nspArt p.nspInfo, .gkTabsNav, .my-tabs li, .article-info, .img_caption, .pagination, .pager, .gkTitle { font-family: 'Archivo Narrow',  sans-serif; }

/* logo */
#logo div {
	background: url(../images/logo.svg) no-repeat;
	background-size: contain;
	width: 173px;
	height: 120px;
	margin-bottom: 0.25rem;
}

/* nav */
#nav {
	background: var(--sw-blue);
	font-family: 'Archivo Narrow', sans-serif;
	font-weight: bold;
}

/* desktop navigation */
.nav > li {
	display: inline-block;
	text-transform: uppercase;
	padding: 0.8125rem 1.25rem;
	transition: all 0.3s ease-out;
}
.nav li > a { color: #fff; }
.nav > li:hover, .nav .active { background: #fff; }
.nav > li:hover a, .nav .active a { color: #000!important; }
.nav .nav-child {
	display: none;
	background: #fff;
	border: 1px solid #f0f0f0;
	border-top: none;
	text-transform: none;
}
.nav .nav-child li { padding: 0.2rem 1.25rem; }
.nav .parent:hover .nav-child {
	display: block;
	position: absolute;
	margin: 0.8125rem auto auto -1.25rem;
	padding: 0.5rem 0;
	z-index: 10;
}
/* top */
#top { background: #fff; }
.banneritem { max-width: 100%!important; }

/* main */
main { background: #fff; }

/* body */
#body-top { border-bottom: 1px solid #f0f0f0; }
#body-bottom { border-top: 1px solid #f0f0f0; }
ul, dl { list-style: none; margin: 0; padding: 0; }
ul.inline li, dd { display: inline-block; margin: 0 0.5rem 0 0; }
.article-info { font-size: 0.9375rem; }
ul.tags { font-size: 0.75rem; }
ul.tags::before { content: "Tagi\3A"; }
.category-name { font-weight: bold; }
.item-image .none { position: relative; line-height: 0; width: 100%!important; }
.item-image img { width: 100%; border-radius: 2px; }
.img_caption p { position: absolute; bottom: 0; background: #ffffff8c; margin: 0; padding: 0.175rem 0.25rem; font-size: 0.75rem; line-height: 1; }
.img_caption p::before { content: "\00A9\00A0"; }
div[itemprop="articleBody"] p:first-child { font-weight: bold; }
div[itemprop="articleBody"] p a { text-decoration: underline; }
div[itemprop="articleBody"] ul { list-style: square; padding-left: 1rem; }
div[itemprop="socialButtons"] { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #f0f0f0; line-height: 0.7; }
div[itemprop="socialButtons"] iframe { margin-right: 1rem; }
._2pir { padding-left: 1rem; }
.pagination p { margin: 0; }
.pagination ul { display: contents; }
.pagination, .pager {
	display: flex;
  	justify-content: space-between;
  	margin-top: 1rem;
  	padding-top: 1rem;
  	border-top: 1px solid #f0f0f0;
  	line-height: 1.2;
}
.pager .previous { float: left; text-align: left; }
.pager .previous::before { content: "\00AB\00A0"; }
.pager .next { float: right; text-align: right; }
.pager .next::after { content: "\00A0\00BB"; }
div[itemprop="articleBody"] .pagenavcounter, div[itemprop="articleBody"] .pager { display: none; }

.blog .item-image { float: left; max-width: 16rem; margin-right: 1em; }
.blog .items-row { overflow: hidden; margin-top: 1.5rem; padding-top: 1rem; border-top: 1px solid #f0f0f0; }
.blog .items-row:first-child { padding-top: 0; margin-top: 0; border-top: none; }
.blog .items-row p { margin-top: 0; }


/* bottom */
#bottom { background: #f2f2f2; }
#bottom p { margin: 0; font-size: 0.8125rem; }

/* footer */
footer { padding-top: 0.5rem; font-size: 0.85rem; }
.social p { margin: 0; }
.social a { margin-right: 0.5rem; }
.copyright { font-size: 0.85rem; text-align: right; }

/* Typography */
h1, h2, h3, h4, h1 a, h2 a, h3 a, h4 a {
	color: #000;
	margin: 0 0 0.25em;
	line-height: 1.15;
	letter-spacing: -0.5px;
}
h1, .page-header h2 { font-size: 2.25em; }
.header, .moduletable h3 { color: #444; margin: 0 0 0.25rem 0; text-transform: uppercase; }
a { color: var(--sw-blue); text-decoration: none; transition: all 0.3s ease-out; }
#body p { text-align: justify; }
q, .cytat { color: #3366ff; quotes: none; }
table {
	width: 100%;
	border: 1px solid #eee;
	border-collapse: collapse;
	font-size: 0.8125rem;
	line-height: 1.4;
}
th, thead tr td {
    color: #666;
    background: #eee;
	padding: 3px;
    font-weight: bold;
  	text-align: left;
}
tbody tr { border-bottom: 1px solid #eee; }
tbody tr td { padding: 4px 3px; }
tbody tr td:first-child { font-weight: bold; }
table img { max-width: 26px!important; }

/* SW */
.sw-col-pos { width: 15px; font-weight: bold; }
.sw-col-flag { width: 15px; padding-right: 0; }
.sw-col-mfg { width: 26px; }
.sw-img-flag { vertical-align: -1px; }
.sw-img-mfg { width: 26px; height: 16px; vertical-align: -4px; }
.sw-table-standings th { text-align: center; }
.sw-table-bigcal { margin-bottom: 1rem; }
.sw-table-bigcal span { letter-spacing: -0.5px; }
.sw-table-upcoming span { font-weight: bold; }

/* News Show Pro GK5 */

	/* Portal Mode - News Gallery */

	.gkNspPM-NewNewsHeader {
		box-sizing: border-box;
		background: #fff;
		padding: 0;
		position: relative;
	}

	.gkNspPM-NewNewsHeader .gkImagesWrapper {
		position: relative;
		width: 100%;	
		display: grid;
		grid-gap: 0.125rem;
		border-top: 0.125rem solid #fff;
	}

	.gkNspPM-NewNewsHeader .gkImage {
		cursor: pointer;
		overflow: hidden;
		position: absolute;
		width: 100%!important;
		height: 100%!important;
	}
	
	.gkNspPM-NewNewsHeader .gkImageArea:after { background: none; }

	/* main_2rows_2rows */
	.gkNspPM-NewNewsHeader .gkImagesWrapper {
		grid: 1fr 1fr / 2fr 1fr 1fr;
		grid-template-areas:
		"gkImage1 gkImage2 gkImage4"
		"gkImage1 gkImage3 gkImage5";
	}
	.gkNspPM-NewNewsHeader[data-layout="main_2rows_2rows"] .gkImage1 { grid-area: gkImage1; left: 0; top: 0; }
	.gkNspPM-NewNewsHeader[data-layout="main_2rows_2rows"] .gkImage2 { grid-area: gkImage2; left: 0; top: 0; }
	.gkNspPM-NewNewsHeader[data-layout="main_2rows_2rows"] .gkImage3 { grid-area: gkImage3; left: 0; top: 0; }
	.gkNspPM-NewNewsHeader[data-layout="main_2rows_2rows"] .gkImage4 { grid-area: gkImage4; left: 0; top: 0; }
	.gkNspPM-NewNewsHeader[data-layout="main_2rows_2rows"] .gkImage5 { grid-area: gkImage5; left: 0; top: 0; }

	/* Image areas */
	.gkNspPM-NewNewsHeader .gkImageArea {
		background-size: cover;
		background-position: center center;
		height: 100%;
		position: absolute;
		transition: all .3s ease-out;
		width: 100%;
	}

	.gkNspPM-NewNewsHeader .gkImage:hover .gkImageArea { transform: scale(1.05); }
	.gkNspPM-NewNewsHeader[data-layout="main_2cols_2cols"] .gkImage1 .gkImageArea:after { display: none; }
	.gkNspPM-NewNewsHeader .gkImageArea:hover:after { opacity: 0; }
	.gkNspPM-NewNewsHeader .gkBlankImage { width: 50%; }
	.gkNspPM-NewNewsHeader .gkBlankImage img { height: auto; width: 100%; }

	.gkNspPM-NewNewsHeader .gkTitle {
		color: #fff;
		background:  rgba(0, 0, 0, 0.5)!important;
		font-size: 0.825rem!important;
		line-height: 1.2;
		left: 0;
		right: 0;
		bottom: 0;
		margin: 0;
		max-width: 100%;
		padding: 1.25rem;
		will-change: font-size;
		position: absolute;
		z-index: 1;
	}

	.gkNspPM-NewNewsHeader .gkTitle h2 { color: #fff; font-size: 1.25rem; line-height: 1.2; margin-bottom: 0; transition: all 0.3s ease-out; }
	.gkNspPM-NewNewsHeader .gkTitle h2:hover { opacity: 0.75; }
	.gkNspPM-NewNewsHeader[data-layout="main_2rows_2rows"] .gkImage1 .gkTitle { padding: 1rem; }
	.gkNspPM-NewNewsHeader[data-layout="main_2rows_2rows"] .gkImage1 .gkTitle h2 { font-size: 2rem; }

	/* Mobile devices */
	@media (max-width: 1240px) {
		.gkNspPM-NewNewsHeader[data-layout="main_2rows_2rows"] .gkImage1 .gkTitle {
		    font-size: 1.25rem!important;
		   
		}
	}

	@media (max-width: 960px) {
		.gkNspPM-NewNewsHeader .gkImage2 .gkTitle,
		.gkNspPM-NewNewsHeader .gkImage3 .gkTitle,
		.gkNspPM-NewNewsHeader .gkImage4 .gkTitle,
		.gkNspPM-NewNewsHeader .gkImage5 .gkTitle {
		    font-size: 1.125rem;
		}
	}

	@media (max-width: 640px) {
		.gkNspPM-NewNewsHeader .gkImagesWrapper {
			grid: 1fr 1fr 1fr / 1fr 1fr;
			grid-template-areas:
			"gkImage1 gkImage1"
			"gkImage2 gkImage3"
			"gkImage4 gkImage5";
		}
		.gkNspPM-NewNewsHeader .gkBlankImage { display: none; }
		.gkNspPM-NewNewsHeader .gkImage {
			float: left;
			height: 200px!important;
			position: relative!important;
		}
	}
	
	
/* News Show Pro */
.nsp { position: relative; }
.nspMain { overflow: hidden; }
.nspBotInterface, .nspTopInterface { overflow: hidden; clear: both; }

.nspBotInterface div, .nspTopInterface div { float: right }

.nsp .nspTopInterface div {
	position: absolute;
	right: 16px;
	padding: 0 3px;
	top: 16px;
	z-index: 10;
}

.nspPagination {
	list-style-type: none !important;
	margin: 5px 0 0 !important;
	padding: 0 !important;
	float: left;
}

.nspPagination li {
	float: left;
	width: 8px;
	height: 8px;
	margin: 1px 3px 0 1px!important;
	background: #d6d6d6;
	border: none!important;
	border-radius: 50%;
	padding: 0!important;
	text-indent: -999em;
	cursor: pointer;
}

.nspPagination li:hover, .nspPagination li.active {
	background: #1e4761;
	height: 10px;
	margin: 0 2px 0 0!important;
	width: 10px;
}

.nspNext, .nspPrev {
	float: left;
	width: 14px;
	height: 14px;
	margin: 3px 0 0 4px;
	background: url('../images/style1/nsp_interface.png') no-repeat -14px 0;
	text-indent: -999em;
	cursor: pointer;
}

.nspPrev { background-position: 0 0; }
.nspNext:hover, .nspPrev:hover { background-position: -14px -14px; }
.nspPrev:hover { background-position: 0 -14px; }

.nspCounter {
	float: left;
	margin: 0 0 0 8px;
	padding: 1px 4px;
	border: 1px solid #ddd;
	border-radius: 2px;
	color: #878787;
	font-size: 9px;
	cursor: pointer;
}

.nspArts { overflow: hidden; }
.nspArtPage { float: left; }
.nspArt { box-sizing: border-box; float: left; }
.nspArt div { overflow: hidden; }

h4.nspHeader { margin: 0; line-height: 1.2; }

.nspArt a {
	color: #000;
	letter-spacing: 0;
	transform-style: preserve-3d;
}

.nspArt img.nspImage {
	border: none;
	display: block;
	transition: all 0.3s ease 0s;
}

.nspArt img.nspImage:hover { transform: scale(1.05); }
.nsphover .nspArt img.nspImage:hover { transform: none; }

.nspArt .nspImageWrapper { display: block; overflow: hidden; }

.nspArt p.nspText {
	float: none;
	font-size: 0.875rem;
	margin: 0;
}

.nspArt p.nspText + .readon { margin-top: 32px; }
.nspArt p.nspText + .nspInfo { margin-top: 12px; }

.nspArt p.nspInfo {
	font-size: 0.75rem;
	line-height: 1.2rem;
	margin: 0 0 0.125rem 0;
}

.nspArt p.nspInfo a { padding-top: 2px; padding-bottom: 2px; margin-right: 0.25rem; }

.nspArt .tleft { text-align: left; }
.nspArt .tright { text-align: right; }
.nspArt .tcenter { text-align: center; }
.nspArt .tjustify { text-align: justify; }
.nspArt .fleft { float: left; }
.nspArt .fright { float: right; }
.nspArt .fnone { clear: both; width: 100%; float: none; }

.readon.left, .readon.right, .readon.center { clear: both; }
.readon.left { float: left; }
.readon.right { float: right; }
.readon.center { display: inline; float: none; }

.nspList { float: left; }

.nspLinks .nspLinkScroll1 div ul li { margin: 0.5rem 0; }
.nspLinks ul li h4 { font-weight: 400; line-height: 1.4; }
.nspLinks ul li h4 a { text-decoration: none; }
.nspLinks ul li p { font-size: 12px; line-height: 22px; margin: 0; }

/* positioning */
.nspArts.left { float: right; }
.nspLinksWrap.left { float: left; }
.nspArts.right { float: left; }
.nspLinksWrap.right { float: right; }

/* make element unvisible */
.nspMain .unvisible {
	height: 1px;
	left: -10000px;
	overflow: hidden;
	position: absolute;
	top: auto;
	width: 1px;
}

/* font-size classes */
.nspFs80 { font-size: 80%; }
.nspFs90 { font-size: 90%; }
.nspFs100 { font-size: 100%; }
.nspFs110 { font-size: 110%; }
.nspFs120 { font-size: 120%; }
.nspFs130 { font-size: 130%; }
.nspFs140 { font-size: 140%; }
.nspFs150 { font-size: 150%; }
.nspFs160 { font-size: 160%; }
.nspFs170 { font-size: 170%; }
.nspFs180 { font-size: 180%; }
.nspFs190 { font-size: 190%; }
.nspFs200 { font-size: 200%; }

/* New responsive layout */
.nspArt img.nspImage { max-width: 100%; }
.nspArtScroll1, .nspLinkScroll1 { overflow: hidden; width: 100%; }

.nspPages1 { width: 100%; }
.nspPages2 { width: 200%; }
.nspPages3 { width: 300%; }
.nspPages4 { width: 400%; }
.nspPages5 { width: 500%; }
.nspCol1 { width: 100%; }
.nspCol2 { width: 50%; }
.nspCol3 { width: 33.3%; }
.nspCol4 { width: 25%; }
.nspCol5 { width: 20%; }
.nspCol6 { width: 16.66%; }
.nspCol7 { width: 14.285%; }
.nspCol8 { width: 12.5%; }
.nspCol9 { width: 11.1%; }
.nspCol10 { width: 10%; }


/* mobile navigation */
.mobilenav { padding: 0.5rem 1rem; }
.mobilenav li { text-transform: uppercase; }
.mobilenav li > a { display: contents; color: #fff; line-height: 2.5; }
.mobilenav .nav-child { text-indent: 1.5rem; font-weight: normal; }
.mobilenav .nav-child li { text-transform: none; }


/* laptop */
@media only screen and (max-width: 1024px) {
	.nav > li { padding: 1rem 0.5rem; }
	.nav .parent:hover .nav-child { margin-left: -0.5rem; }
}

/* tablet */
@media only screen and (max-width: 768px) {
	.nav > li { padding: 1rem 0.35rem; }
	.nav .parent:hover .nav-child { margin-left: -0.35rem; }
}

/* mobile */
@media only screen and (max-width: 425px) {
    .nomobile { display: none; }
  	.onlymobile { display: block; }
    body { background: none; line-height: 1.6; padding: 0 0 0.5rem; }
	#logo { background: var(--sw-blue); line-height: 0; position: sticky; top: 0; z-index: 3; }
    #logo div {
      background-image: url(../images/logo_poziome_biale.svg);
      background-position: calc(50% - 1.125rem) center;
      float: right;
      width: calc(100% - 4.25rem);
      height: 2.5rem;
      margin: 0.4375rem; 
  	}
  	#logo span { width: 2.875rem; height: 2.875rem; padding: 0.25rem; cursor:pointer; }
  	#logo span img { width: 2.875rem; }
	.nav { display: none; }
	.bodymodules { grid-template: auto / 1fr; }
    .item-page, .blog { font-size: 14px; }
	table img { vertical-align: text-top; }
  	.pagination p { display: none; }
    .social, .copyright { text-align: center; }
	.social a { margin: 0 0.5rem; }
  	.nspCol4 { width: 50%; }
	h1, .page-header h2 { font-size: 1.75em; }
}