article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }

audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

audio:not([controls]) { display: none; height: 0; }

[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

html, button, input, select, textarea { font-family: sans-serif; }

body { margin: 0; max-height: 1224px; position:relative;}

a:focus { outline: thin dotted; }

a:active, a:hover { outline: 0; }

h1 { font-size: 2em; margin: 0.67em 0; }

h2 { font-size: 1.5em; margin: 0.83em 0; }

h3 { font-size: 1.17em; margin: 1em 0; }

h4 { font-size: 1em; margin: 1.33em 0; }

h5 { font-size: 0.83em; margin: 1.67em 0; }

h6 { font-size: 0.75em; margin: 2.33em 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

mark { background: #ff0; color: #000; }

p, pre { margin: 1em 0; }

code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }

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

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

dl, menu, ol, ul { margin: 1em 0; }

dd { margin: 0 0 0 40px; }

menu, ol, ul { padding: 0 0 0 40px; }

nav ul, nav ol { list-style: none; list-style-image: none; }

img { border: 0; -ms-interpolation-mode: bicubic; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

form { margin: 0; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px; }

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

button, input { line-height: normal; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow: visible; }

button[disabled], input[disabled] { cursor: default; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; }

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

html, button, input, select, textarea { color: #222; }

body { font-size: 1em; line-height: 1.4; }

::-moz-selection { background: #b3d4fc; text-shadow: none; }

::selection { background: #b3d4fc; text-shadow: none; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

img { vertical-align: middle; }

fieldset { border: 0; margin: 0; padding: 0; }

textarea { resize: vertical; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }

.ir:before { content: ""; display: block; width: 0; height: 100%; }

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

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.invisible { visibility: hidden; }

.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }

@media print { * { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; } }
* { box-sizing: border-box; }

body { min-width: 320px; /*max-width: 1280px;*/ position: relative; font-family: 'Roboto Slab', serif; margin: 0 auto; }
@media only screen and (min-width: 786px) { body { max-width: 1024px; } }
@media only screen and (min-width: 1024px) and (min-height: 600px) { body { max-width: 1920px; } }

.langs { position: absolute; text-align: right; top: 15px; left: 15px; width: 35px; z-index: 1000; /*@include media(tablet) {
    right: auto;
	left: 259px;
	width: 36px;
}*/ }
.langs a { font-family: 'TrajanPro', serif; background: #ffd800; display: inline-block; text-decoration: none; width: 35px; height: 35px; line-height: 35px; /*@include media(tablet) {
	width: 36px;
	height: 36px;
	line-height: 36px;
}*/ font-size: 11px; text-align: center; font-weight: bold; text-transform: uppercase; color: #464749; }
.langs a.back-langs { background: url(/layouts/44/langs-open.gif) center no-repeat; height: 25px; width: 35px; line-height: 25px; -webkit-transition: all .5s; transition: all .5s; /*@include media(tablet) {
	width: 36px;
}*/ }
.langs a.back-langs.opened { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.langs ul { margin: 0; padding: 0; list-style: none; display: none; }
.langs li { padding-top: 5px; }

.menu { position: absolute; top: 15px; right: 15px; text-transform: uppercase; color: #fff; z-index: 1001; /*@include media(tablet) {
	position: absolute;
	top: 195px;
	bottom:244px;
	overflow-y: auto;
}*/ }
@media only screen and (min-width: 1024px) and (min-height: 600px) { .menu { right: auto; left: 70px; } }
.menu ul { display: none; margin: 5px 0 0 0; padding: 0; background: #1796d5; width: 300px; list-style: none; position: absolute; right: 0; /*overflow-y: auto !important;
overflow-x: hidden; */ }
@media only screen and (min-width: 1024px) and (min-height: 600px) { .menu ul { right: auto; left: 0; } }
.menu li { padding: 0; }
.menu li a { font-size: 18px; padding: 15px 30px; display: block; /*@include media(tablet) {
	padding: 10px 30px;
	font-size: 13px;
	font-weight: normal;
	color: #4e4e4f;
	&:hover {
		color: #63b7ee;
	}
}*/ }
.menu a { color: #fff; font-weight: bold; text-decoration: none; }
.menu a.back-menu { padding: 0 30px 5px 30px; /*@include media(tablet) {
	display: none;
}*/ }
.menu .menu-button { background: url(/layouts/44/menu.png) center no-repeat; display: inline-block; width: 35px; height: 35px; line-height: 35px; font-size: 11px; text-align: center; color: #fff; /*@include media(tablet) {
	display: none;
}*/ }
.menu .back-menu { text-align: center; }

.logo { text-indent: -999999999px; font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; overflow: hidden; display: inline-block; width: 133px; height: 61px; background: url(/layouts/44/logo.png) top center no-repeat; margin-top: 25px; }
@media only screen and (min-width: 1024px) and (min-height: 600px) { .logo { width: 250px; height: 120px; background: url(/layouts/44/logo-pc.png) top center no-repeat; margin-top: 15px; } }

header { background: url(/layouts/44/header.jpg) top center no-repeat; height: 100px; }
header h1 { margin: 0 auto; padding: 0; width: 133px; }
@media only screen and (min-width: 1024px) and (min-height: 600px) { header { height: 189px; background: url(/layouts/44/header-pc.jpg) top left no-repeat; } }
header .buttons { display: none; }
@media only screen and (min-width: 1024px) and (min-height: 600px) { header .buttons { display: block; width: 290px; position: absolute; top: 15px; right: 15px; } }
header .icons { margin: 0 15px 0 0; }

.boxes:after { float: none; clear: both; }
.boxes div { text-align: right; position: relative; width: 100%; height: 330px; }
.boxes div.red { background: url(/layouts/44/wczasy.jpg) top left no-repeat; }
@media only screen and (min-width: 1024px) and (min-height: 600px) { .boxes div.red { background: url(/layouts/44/wczasy-pc.jpg) center -105px no-repeat;background-size: cover; } }
@media only screen and (min-width: 1300px) { .boxes div.red { background: url(/layouts/44/wczasy-pc.jpg) top center no-repeat;background-size: cover; } }
.boxes div.red h2 { border-right-color: #c44f22; }
.boxes div.blue { background: url(/layouts/44/zdrowie.jpg) top left no-repeat; }
@media only screen and (min-width: 1024px) and (min-height: 600px) { .boxes div.blue { background: url(/layouts/44/zdrowie-pc.jpg) center -70px no-repeat;background-size: cover; } }
@media only screen and (min-width: 1300px) { .boxes div.blue { background: url(/layouts/44/zdrowie-pc.jpg) top center no-repeat;background-size: cover; } }
.boxes div.blue h2 { border-right-color: #1796d5; }
.boxes div.green { background: url(/layouts/44/jedzenie.jpg) top center no-repeat; }
@media only screen and (min-width: 1024px) and (min-height: 600px) { .boxes div.green { background: url(/layouts/44/jedzenie-pc.jpg) center -40px no-repeat;background-size: cover; } }
@media only screen and (min-width: 1300px) { .boxes div.green { background: url(/layouts/44/jedzenie-pc.jpg) top center no-repeat;background-size: cover; } }
.boxes div.green h2 { border-right-color: #228d05; }
.boxes div.yellow { background: url(/layouts/44/sport.jpg) top center no-repeat; }
@media only screen and (min-width: 1024px) and (min-height: 600px) { .boxes div.yellow { background: url(/layouts/44/sport-pc.jpg) center -100px no-repeat;background-size: cover; } }
@media only screen and (min-width: 1300px) { .boxes div.yellow { background: url(/layouts/44/sport-pc.jpg) top center no-repeat;background-size: cover; } }
.boxes div.yellow h2 { border-right-color: #ffd800; }
@media only screen and (min-width: 1024px) and (min-height: 600px) { .boxes div { float: left; width: 25%; max-height:845px; background-size: cover; } }
.boxes a { text-decoration: none; color: #676769; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.boxes h2 { font-family: 'TrajanPro', serif; display: inline-block; text-transform: uppercase; font-size: 1.7em; font-weight: normal; padding: 0 18px 0 30px; line-height: 45px; margin: 50px 0 0 0; border-right: 12px solid #676769; background: #fff;position: absolute;bottom: 30px;right: 0;}
.boxes h2:first-letter { font-size: 1.2em; }
@media only screen and (min-width: 1300px) {.boxes h2 {position:static;}}
footer { padding: 45px 0 35px 0; background: url(/layouts/44/footer.jpg) top center no-repeat; min-height: 286px; }
@media only screen and (min-width: 786px) { footer { min-height: 198px; } }
@media only screen and (min-width: 1024px) and (min-height: 600px) { footer { background: url(/layouts/44/footer-pc.jpg) top center no-repeat; min-height: 190px; padding: 0; }
  footer .buttons { display: none; } }
footer a { text-decoration: none; color: #676769; }
footer .footer-menu { list-style: none; font-size: 18px; text-align: center; max-width: 960px; margin: 0 auto; }
@media only screen and (min-width: 1024px) and (min-height: 600px) { footer .footer-menu { padding-top: 100px; } }
footer .footer-menu a { display: inline-block; margin-bottom: 20px; width: 30%; padding: 20px 0 20px 0; text-align: center; position: relative; }
footer .footer-menu a:before { position: absolute; content: '^'; padding-top: 10px; height: 10px; bottom: -20px; left: 0; right: 0; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); text-align: center; color: #676769; }
@media only screen and (min-width: 786px) { footer .footer-menu a { width: 18%; } }
@media only screen and (min-width: 1024px) and (min-height: 600px) { footer .footer-menu a { border-left: 1px solid #fff; margin-bottom: 0; }
  footer .footer-menu a:first-child { border-left: none; } }
footer .buttons { margin: 0 auto; width: 309px; }

.buttons a { display: inline-block; width: 36px; height: 35px; float: left; }
.buttons a.fb { background: url(/layouts/44/icons-big.gif) 0px -35px no-repeat; }
.buttons a.gp { background: url(/layouts/44/icons-big.gif) -36px -35px no-repeat; }
.buttons a.pp { background: url(/layouts/44/icons-big.gif) -73px -35px no-repeat; margin-right: 20px; }

.bad-eye { float: right !important; width: 36px; height: 35px; background: url(/layouts/44/oko.gif) center; }

.icons { display: inline-block; background: url(/layouts/44/icons-big.gif) top center no-repeat; width: 108px; height: 35px; margin: 0 37px 0 0; }

.ps-container { -ms-touch-action: none; overflow: hidden !important; }

.ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail { display: block; }

.ps-container.ps-in-scrolling { pointer-events: none; }

.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail { background-color: #eee; opacity: 0.9; }

.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x { background-color: #999; }

.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { background-color: #eee; opacity: 0.9; }

.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: #999; }

.ps-container > .ps-scrollbar-x-rail { display: none; position: absolute; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; opacity: 0; -webkit-transition: background-color .2s linear,opacity .2s linear; -moz-transition: background-color .2s linear,opacity .2s linear; -o-transition: background-color .2s linear,opacity .2s linear; transition: background-color .2s linear,opacity .2s linear; bottom: 3px; height: 8px; }

.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x { position: absolute; background-color: #aaa; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-transition: background-color .2s linear; -moz-transition: background-color .2s linear; -o-transition: background-color .2s linear; transition: background-color .2s linear; bottom: 0; height: 8px; }

.ps-container > .ps-scrollbar-y-rail { display: none; position: absolute; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; opacity: 0; -webkit-transition: background-color .2s linear,opacity .2s linear; -moz-transition: background-color .2s linear,opacity .2s linear; -o-transition: background-color .2s linear,opacity .2s linear; transition: background-color .2s linear,opacity .2s linear; right: 3px; width: 8px; }

.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y { position: absolute; background-color: #aaa; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-transition: background-color .2s linear; -moz-transition: background-color .2s linear; -o-transition: background-color .2s linear; transition: background-color .2s linear; right: 0; width: 8px; }

.ps-container:hover.ps-in-scrolling { pointer-events: none; }

.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail { background-color: #eee; opacity: 0.9; }

.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x { background-color: #999; }

.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { background-color: #eee; opacity: 0.9; }

.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: #999; }

.ps-container:hover > .ps-scrollbar-x-rail, .ps-container:hover > .ps-scrollbar-y-rail { opacity: 0.6; }

.ps-container:hover > .ps-scrollbar-x-rail:hover { background-color: #eee; opacity: 0.9; }

.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x { background-color: #999; }

.ps-container:hover > .ps-scrollbar-y-rail:hover { background-color: #eee; opacity: 0.9; }

.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y { background-color: #999; }

.big .boxes h2 {font-size: 1.5em !important; background: #000; font-weight: bold;}
.big .boxes a {color: #fff;}
.big .footer-menu {font-size: 22px;font-weight: bold; }
.big .footer-menu a {color:#000;}
.alert {position:fixed;z-index:10000; bottom:10px;right:10px;padding: 15px;margin-bottom: 20px;border: 1px solid transparent;border-radius: 4px;}
.alert-notice {color: #3c763d;background-color: #dff0d8;border-color: #d6e9c6;}
.alert-error {color: #a94442;background-color: #f2dede;border-color: #ebccd1;}
.years20 {position: absolute;top: 10px;width: 50px;right: 20%;}
@media only screen and (min-width: 480px) { .years20 {right: 30%;} }
@media only screen and (min-width: 780px) { .years20 {right: 40%;} }
@media only screen and (min-width: 1024px) and (min-height: 600px) { .years20 {right: 58%;width: 90px;top: 40px;} }