* { margin: 0; padding: 0; }
html { overflow-y: scroll; font-size: 100.01%; }
body { padding: 133px 0 0; background-color: #f8f8f8; font-size: 62.5%; }
body.contact { padding: 143px 0 0; }
/*! fonts -------- */
/*! fonts -------- */
@font-face {
font-family: 'abril_fatfaceregular';
src: url('/statics/fonts/abrilfatface-regular-webfont.eot');
src: url('/statics/fonts/abrilfatface-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('/statics/fonts/abrilfatface-regular-webfont.woff2') format('woff2'),
url('/statics/fonts/abrilfatface-regular-webfont.woff') format('woff'),
url('/statics/fonts/abrilfatface-regular-webfont.svg#abril_fatfaceregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'noahregular';
src: url('/statics/fonts/noah-regular-webfont.eot');
src: url('/statics/fonts/noah-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('/statics/fonts/noah-regular-webfont.woff2') format('woff2'),
url('/statics/fonts/noah-regular-webfont.woff') format('woff'),
url('/statics/fonts/noah-regular-webfont.svg#noahregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'noahbold';
src: url('/statics/fonts/noah-bold-webfont.eot');
src: url('/statics/fonts/noah-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('/statics/fonts/noah-bold-webfont.woff2') format('woff2'),
url('/statics/fonts/noah-bold-webfont.woff') format('woff'),
url('/statics/fonts/noah-bold-webfont.svg#noahbold') format('svg');
font-weight: normal;
font-style: normal;
}
/* reset */
body, textarea, input, select, option, button { color: #2c2c2c; font-family: "noahregular",Arial,Helvetica Neue,Helvetica,sans-serif; line-height: 1.5; }
li, dt, dd, p, figure, th, td, caption, pre { font-size: 1.2em; } /*---*/ li *, li p, li li, dt *, dd *, p *, figure *, th *, td * { font-size: 1em; }
div, form, blockquote, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { display: block; margin: 0 0 15px; }
/*! layout -------- */
#top { position: fixed; left: 0; top: 0; z-index: 999; overflow: hidden; width: 100%; margin: 0; background-color: #f8f8f8; }
.contact #top { background: url(/statics/img/top-bg.png) repeat-x 0 100%; }
.home #top { background-color: #f8f8f8; background-image: none; }
#top.sticky { opacity: 0.98; }
#top-inner { position: relative; width: 1000px; min-height: 96px; margin: 0 auto; padding: 37px 0 0; }
.contact #top-inner { min-height: 116px; }
#top #logo { position: absolute; left: 0; top: 39px; }
#top nav { float: left; margin: 16px 0 0 300px; }
#top nav .nav-menu { margin: 0; }
#top nav ul { list-style: none; margin: 0; padding: 0; }
#top nav li { float: left; margin: 0 0 0 35px; padding: 0; font: normal 16px noahregular, Arial, sans-serif; }
#top nav li:first-child { margin: 0; }
#top nav li.current_page_item a { color: #ff5400; }
#top nav a,
#top nav a:hover,
#top nav a:focus,
#top nav a:active { color: #191e34; text-decoration: none; }
#top .magazine-publisher { float: right; margin: -17px 0 0; padding: 14px 0 15px 25px; border-left: 1px solid #d4d4d4; }
#top .magazine-publisher p { margin: 0; }
#top .magazine-publisher .magazine-publisher__title { margin: 0 0 13px; font: normal 14px noahregular, Arial, sans-serif; color: #2c2c2c; }
#top .img { display: block; }
#content { overflow: hidden; width: 1000px; margin: 0 auto; }
.home #content { width: 100%; margin: 0; }
.contact .content-wrapper { margin: 0; background: url(/statics/img/contact-bg.jpg) 50% 50% / cover; }
#content article.page div.entry-content { position: relative; }
#content article.page div.entry-content.mod-a { }
#content article.page div.entry-content h2 { text-align: left; }
#content article.page div.entry-content p { margin: 0 0 20px; font-size: 24px; }
#content article.page div.entry-content p.par-a { margin: 0; }
#content article.page div.entry-content p.par-b { margin-bottom: 200px; }
#content article.page div.entry-content p.par-b span { font-family: noahbold, Arial, sans-serif; }
#content article.page div.entry-content p:last-child { margin: 0; font-size: 16px; color: #6e6e6e; }
#content article.page div.entry-content p strong { font-weight: normal; color: #ffb400; }
#bottom { overflow: hidden; width: 100%; margin: 0; padding: 0; min-height: 341px; background: #2b2b2b; color: #fff; }
@media(max-width: 320px)
{
#top #logo { position: initial }
}
/*
#bottom { overflow: hidden; width: 100%; margin: 0; padding: 0; min-height: 341px; background: #2b2b2b url(/statics/img/footer-bg.png) repeat-x 0 95%; color: #fff; }
*/
#bottom { -webkit-box-shadow: inset 0px 6px 7px 0px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 6px 7px 0px rgba(0,0,0,0.75);
box-shadow: inset 0px 6px 7px 0px rgba(0,0,0,0.75); }
#bottom-inner { position: relative; overflow: hidden; width: 1000px; margin: 0 auto; padding-bottom: 15px; }
footer.entry-meta { display: none; }
div.entry-content { margin: 0; }
/*! containers ------- */
/* cookies info */
div#cookies-info { display: none; position: fixed; left: 0; top: 120px; z-index: 999; width: 100%; margin: 0; padding: 10px 0; background-color: #f8f8f8; }
div#cookies-info-inner { position: relative; width: 900px; padding: 0 100px 0 0; margin: 0 auto; }
div#cookies-info p { margin: 0; font-size: 10px; text-align: left; line-height: 14px; }
div#cookies-info #cookies-info-close { position: absolute; right: 0; top: -2px; text-align: left; font-weight: bold; cursor: pointer; }
/* obecny numer glowna */
.inmag { margin: 0 0 -21px; background: #f6f6f6; background-position: 50% 50%; background-size: cover; color: #000; }
.inmag-inner { width: 1000px; margin: 0 auto; }
.inmag-primary { width: 60%; margin: 0; padding: 10% 0 10%; }
.inmag p { margin: 0; font-family: noahregular, Arial, sans-serif; }
.inmag .par-a { margin-bottom: 52px; padding-right: 10%; font-size: 1.8em; line-height: normal; }
.inmag .par-b { margin-bottom: 10px; color: #f0aa02; font-size: 1.6em; }
.inmag .par-c { color: #ead194; font-size: 1.2em; }
.inmag a { color: #ead194; }
.inmag a:hover { text-decoration: none; }
.getFile,
.see-magazine { display: block; width: 185px; height: 55px; background-color: #ff5400; color: #fff !important; font: normal 1.6em/55px abril_fatfaceregular, Arial, sans-serif; text-transform: uppercase; text-decoration: none; text-align: center; }
.download-waiting { margin: 0; }
#articles .getFile { display: none; margin-bottom: 15px; }
#articles { position: relative; width: 998px; margin: 0 auto 30px; border: 1px solid #e9e9e9; background-color: #fff; }
#articles.articles-a #articles-wrapper { overflow: hidden; width: 918px; padding: 80px 40px; }
#articles div.primary-a { float: left; width: 382px; padding: 0 30px 0 0; }
#articles div.secondary-a { float: left; width: 506px; }
#articles p.title-a { color: #ff5400; font: normal 1.6em noahbold, Arial, sans-serif; }
#articles #articles-wrapper { position: relative; width: 962px; margin: 0; padding: 25px 18px; border-bottom: 1px solid #d3d3d3; }
#articles #article-inner { overflow: hidden; width: 962px; margin: 0 auto; }
#articles div.article-teaser { float: left; width: 190px; margin: 0 0 0 3px; }
#articles div.article-teaser:first-child { margin: 0; }
#articles div.article-teaser p { padding: 0 10px; color: #9b9b9b; font-size: 13px; }
#articles div.article-teaser p.photo { margin: 0 0 10px; padding: 0; }
#articles div.article-teaser p.photo img { display: block; width: 190px; height: auto; cursor: pointer; }
#articles div.article-teaser h3.title { margin: 0 0 5px; padding: 0 10px; font-size: 14px; font-weight: normal; }
#articles div.article-teaser p.more { margin: 0; }
#articles p.more-articles { position: absolute; right: 18px; top: 30px; margin: 0; padding: 0; font-size: 13px; }
p.more-articles { margin: 0; padding: 20px 0 0; font-size: 13px; }
p.more-articles a { display: block; padding: 0 0 0 30px; background: url(/statics/img/icons-sprite.png) no-repeat 0 5px; color: #f8b300; }
#articles div.primary-a .primary-cover { display: none; }
#articles p.title-a { margin: 0 0 20px; }
#articles p.title-c { margin: 0; font: normal 1.4em oswaldbook,Arial,sans-serif; }
#articles p.title-d { margin: 0 0 60px; color: #4e4e4e; font: normal 2em oswaldlight; text-align: center; }
#articles p.title-e { margin: 0 0 25px; color: #ffb400; font: 4.5em oswaldbook,Arial,sans-serif; text-align: center; }
#wszystkie-numery { margin-bottom: 50px; }
#fb { margin-bottom: 0; }
#fb-inner { width: 1000px; margin: 0 auto; padding-bottom: 40px; border-bottom: 1px solid #dcdcdc; }
#fb .title-a { margin-bottom: 40px; color: #000; font: normal 2.8em abril_fatfaceregular, Arial, sans-serif; text-align: center; }
#fb p.no-fb { font-size: 1.6em; text-align: center; }
#fb p.no-fb img { position: relative; top: 5px; margin: 0 15px 0 0; }
#fb p.no-fb a { padding: 26px 25px 26px 12px; background-color: #3b5998; color: #fff; }
#fb p.no-fb a:hover { text-decoration: none; }
.copyrights__wrapper { clear: both; margin: 0; border-top: 1px solid #383838; }
.copyrights__wrapper--inner { overflow: hidden; width: 1000px; margin: 0 auto; padding: 10px 0 35px; }
.copyrights__wrapper p.copyrights { float: left; margin: 0; color: #999; }
.copyrights__wrapper p.copyrights img { position: relative; top: 15px; }
@media(min-width: 240px)
{
.copyrights__wrapper--inner--logo {padding: 0 8px}
}
#inmag-archive-box { margin: 0 0 70px; }
#inmag-archive-box .inmag-archive-box__top { position: relative; width: 1000px; margin: 0 auto 50px; padding: 20px 0 0;}
#inmag-archive-box p.title-e { color: #000; font: 2.8em abril_fatfaceregular,Arial,sans-serif; }
#inmag-archive-box .inmag-archive-wrapper { overflow: hidden; box-sizing: border-box; padding: 15px; position: relative; width: 1000px; /* min-height: 470px; */ margin: 0 auto; }
#inmag-archive-box .inmag-archive-slider { list-style: none; margin: 0; padding:0; transition: transform 0.36s cubic-bezier(0.47, 0.35, 0.4, 1); -webkit-transition: -webkit-transform 0.36s cubic-bezier(0.47, 0.35, 0.4, 1); }
#inmag-archive-box .inmag-archive-slider li { float: left; width: 1000px; }
#inmag-archive-box .inmag-archive-slider .inmag-archive-item { display: grid; grid-template-columns: 150px 1fr; float: left; width: 33.33%; margin: 0 0 60px; padding:0; color: #4b4b4b; font: 1.3em oswaldbook,Arial,sans-serif; }
#inmag-archive-box .inmag-archive-slider img { box-shadow: 0 0 15px #888; cursor: pointer; }
#inmag-archive-box .inmag-archive-slider .secondary { position: relative; margin: 0; padding: 15px 15% 0 15px; font-family: abril_fatfaceregular, Arial, sans-serif; }
#inmag-archive-box .inmag-archive-slider .desc { display: block; padding: 10px 0 0; font: normal 1.1em/1.2em noahregular, Arial, sans-serif; }
#inmag-archive-box .inmag-archive-slider-nav { position: absolute; right: 0; top: 25px; list-style: none; margin: 0; padding: 0; }
#inmag-archive-box .inmag-archive-slider-nav .inmag-archive-slider-nav__item { float: left; margin-left: 10px; }
#inmag-archive-box .inmag-archive-slider-nav .inmag-archive-slider-nav__link { display: block; position: relative; width: 36px; height: 36px; background-color: #ececec; border-radius: 50%; }
#inmag-archive-box .inmag-archive-slider-nav .inmag-archive-slider-nav__link.state-prev { background: #ececec url(/statics/img/arrow__fit--left.svg) no-repeat 50% 50%; }
#inmag-archive-box .inmag-archive-slider-nav .inmag-archive-slider-nav__link.state-next { background: #ececec url(/statics/img/arrow__fit--right.svg) no-repeat 50% 50%; }
#inmag-archive-box .inmag-archive-slider-nav .inmag-archive-slider-nav__link.state-prev:hover { background: #ff5400 url(/statics/img/arrow__fit--left-white.svg) no-repeat 50% 50%; }
#inmag-archive-box .inmag-archive-slider-nav .inmag-archive-slider-nav__link.state-next:hover { background: #ff5400 url(/statics/img/arrow__fit--right-white.svg) no-repeat 50% 50%; }
.getinmag { float: left; height: 47px; padding: 0 2%; background-color: #ffb400; border: none; color: #fff; font: normal .9em abril_fatfaceregular, Arial, sans-serif; cursor: pointer; outline: none; }
.getinmag { background: #ff5400 url(/statics/img/arrow__right.svg) no-repeat 88% 50%; float: none; position: absolute; left: 10px; bottom: 12px; display: block; width: 94px; height: 31px; line-height: 31px; margin: 0; padding: 0 0 0 10px; }
/* redakcja glowna */
#authors { float: left; width: 498px; margin: 0; padding: 50px 50px 0 0; /* background: url(/statics/img/authors-bg.jpg) no-repeat; */ }
#authors p.desc { margin: 0 0 25px; padding: 0 50px 0 0; color: #aaa; font-size: 17px; line-height: 24px; }
#authors p.more { margin: 0 0 60px; font: normal 16px abril_fatfaceregular, Arial, sans-serif; }
#authors p.more a { padding-right: 17px; background: url(/statics/img/arrow-right.png) no-repeat 100% 50%; }
#authors p.desc span { font-family: noahbold, Arial, sans-serif; color: #fc6703; }
.find-us { list-style: none; margin: 0; padding: 0; }
.find-us__item { display: inline; margin-right: 10px; color: #888; }
.find-us__item span,
.find-us__item img { display: inline-block; }
.find-us__item span { position: relative; top: -7px; line-height: 24px; }
.list-a { list-style: none; overflow: hidden; margin: 0; padding: 13px 0 0 0; border: 1px solid #f0f0f0; }
.list-a li { float: left; position: relative; width: 233px; height: 233px; margin: 0 0 13px 13px; color: #525252; font-size: 1.5em; }
.list-a li a { display: block; position: relative; }
.list-a li span { position: relative; display: flex; align-items: center; overflow: hidden; position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; min-height: 65px; padding: 0 5%; box-sizing: border-box; margin: 0; color: #000; }
.list-a li span::before { display: block; content: ""; position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; background-color: #f7f7f7; opacity: .8; }
.list-a li div p { display: none; }
.list-a li .bgr { display: none; position: absolute; left: 0; bottom: 0; width: 233px; height: 70px; background-color: #f7f7f7; opacity: .8; }
.list-a li img { display: block; }
.list-b { list-style: none; margin: 0; padding: 0; }
.list-b li { position: relative; margin: 7px 0 0; padding: 0 0 0 22px; font-size: 1.6em; }
.list-b li:first-child { margin: 0; }
.list-b .bgr { display: block; position: absolute; left: 7px; top: 8px; width: 5px; height: 5px; background-color: #ff5400; }
.list-b .bgr { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
/* lista aktualnosci podstrona */
#news-subpage { position: relative; width: 1000px; margin: 0 auto 15px; }
#newsletter { float: right; width: 452px; margin: 0; padding: 50px 0 0; }
#newsletter aside,
#newsletter div,
#newsletter form,
#newsletter p { position: relative; margin: 0; }
#newsletter form { overflow: hidden; margin: 0; padding: 1px; }
#newsletter form .newsletter-inner { overflow: hidden; margin: 0 0 20px; }
#newsletter form .newsletter-inner p { float: left; }
#newsletter p.widget-title { margin: 0 0 10px; color: #aaa; font-size: 17px; line-height: 24px; }
#newsletter p.wysija-p-email { float: left; overflow: hidden; }
#newsletter input.newsletter-email { float: left; width: 261px; height: 49px; margin: 0 19px 0 0; padding: 0 20px; border: none; background-color: #000; color: #fff; font-size: 14px; line-height: 49px; outline: none; }
#newsletter input.newsletter-submit { float: left; width: 129px; height: 49px; margin: 0; border: none; border-radius: 0; background: #ff5400; color: #fff; font: normal 18px abril_fatfaceregular,Arial,sans-serif; cursor: pointer; outline: none; }
#newsletter div.error,
#newsletter div.updated { margin: 0 0 10px; padding: 0; border: none; background: none; }
#newsletter div.error ul,
#newsletter div.updated ul { list-style: none; margin: 0; padding: 0; border: none; background: none; }
#newsletter div.error a { display: none; }
#newsletter div.error { color: #e55057; }
#newsletter div.updated { color: #fff; }
#newsletter p.agreement { overflow: hidden; clear: both; margin: 10px 0 0; font-size: 12px; color: #888; }
#newsletter p.agreement input { float: left; overflow: hidden; }
#newsletter .checkbox-wrapper { float: left; margin: 0 5px 0 0; }
#newsletter .error input.newsletter-email { width: 259px; height: 47px; border: 1px solid #ff0000; }
#newsletter .error.agreement label { color: #ff0000; }
#newsletter .error .checkbox-wrapper { border: 1px solid #ff0000; }
#newsletter p.datamin { margin-bottom: 15px !important; font-size: 12px; color: #888; }
#newsletter p.datamin a { color: inherit; text-decoration: underline; }
#newsletter p.datamin a:hover { text-decoration: none; }
#newsletter .none { display: none; }
#newsletter .label-b { float: left; width: 90%; }
/* podstrona tekstowa */
.type-page { width: 1000px; margin: 0 auto; }
.team-wrapper { position: relative; margin: 0 0 40px; }
.team-wrapper p { margin: 0; }
.team { width: 100%; height: auto; }
.box-a { position: absolute; left: 0; bottom: 50px; width: 100%; margin: 0; }
.box-a p { padding: 0 5%; color: #fff; font-size: 24px; text-align: center; }
.box-a p span { color: #ff6600; }
.box-b { margin: 0 0 40px; padding: 0 14%; }
.box-b p { font-size: 18px; text-align: center; }
.box-c { overflow: hidden; margin: 0 0 40px; }
.box-c .first { float: left; width: 33.33%; height: 500px; margin: 0; background: #3f58a2 url(/statics/img/box-c-first-bg.jpg) no-repeat; background-size: cover; }
.box-c .second { float: left; width: 33.33%; height: 500px; margin: 0; background: #e3c24a url(/statics/img/box-c-second-bg.jpg) no-repeat; background-size: cover; }
.box-c .third { float: left; width: 33.33%; height: 500px; margin: 0; background: #779f4b url(/statics/img/box-c-third-bg.jpg) no-repeat; background-size: cover; }
.box-c > div { position: relative; color: #fff; }
.box-c .no { position: absolute; left: 40px; top: 30px; font: normal 18px abril_fatfaceregular, Arial, sans-serif; }
.box-c p { margin: 0; }
.box-c .inner { position: absolute; left: 40px; bottom: 30px; margin: 0; }
.box-c p.title { margin-bottom: 20px; font: normal 34px abril_fatfaceregular, Arial, sans-serif; }
.box-c p.desc { font: normal 22px abril_fatfaceregular, Arial, sans-serif; }
.box-d { display: grid; grid-template-columns: 300px 1fr; align-items: center; overflow: hidden; margin: 0 0 30px; padding: 30px 0 0; border-top: 1px solid #cecece; }
.box-d .primary-a { margin: 0; padding: 0 50px 0 0; }
.box-d .primary-a p { margin: 0; padding: 0 0 0 40px; background: url(/statics/img/arrow-bg.png) no-repeat 80% 50%; color: #000; font: normal 26px abril_fatfaceregular, Arial, sans-serif; }
.box-d .secondary-a { margin: 0; }
.box-d .secondary-a.mod-a { padding: 20px 0 0; }
.box-d .secondary-a p { margin: 0; font-size: 16px; color: #000; }
.box-d .secondary-a p:first-child { margin: 0; }
.box-d .secondary-a p span { font-family: noahbold, Arial, sans-serif; }
.box-d .secondary-a p a { text-decoration: underline; }
.box-d .secondary-a p a:hover { text-decoration: none; }
.box-d .secondary-a__left { float: left; width: 40%; margin: 0; }
.box-d .secondary-a__right { float: right; width: 60%; margin: 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and ( min-resolution: 120dpi)
{
.box-d .primary-a p { background: url(/statics/img/arrow-bg@2x.png) no-repeat 100% 50%; background-size: 34px 16px; }
}
.header-d { margin: 0 0 30px; color: #fff; font: normal 40px abril_fatfaceregular, Arial, sans-serif; text-align: center; }
.header-e { margin: 0 0 40px; color: #000; font: normal 36px abril_fatfaceregular,Arial,sans-serif; text-align: center; }
.header-e .blue { color: #5d83f1; }
.header-e .yellow { color: #fdd64f; }
.header-e .green { color: #9dd463; }
.header-f { margin: 0 0 35px; color: #ff5400; font: normal 28px abril_fatfaceregular, Arial, sans-serif; text-align: center; }
.header-g { font: normal 3em noahbold, Arial, sans-serif; }
/*! lists ------- */
.links { list-style: none; overflow: hidden; margin: 15px 0 0; padding: 0; }
.links li { float: left; margin: 0 0 0 20px; }
.links li:first-child { margin: 0; }
.links div { margin: 0; }
.links-footer { float: right; list-style: none; margin: 30px 0 0; padding: 0; }
.links-footer li { display: inline; margin: 0; padding: 0; border-left: 1px solid #000; }
.links-footer li:first-child { margin: 0; padding: 0; border: none; }
.links-footer a { color: #666; text-decoration: underline; }
.links-footer a:hover { color: #666; text-decoration: none; }
/*! forms ------- */
.form-a { }
.form-a p { position: relative; overflow: hidden; margin: 0 0 10px; }
.form-a label.label-a { display: block; position: absolute; left: 0; top: 1px; padding: 0 15px; border-right: 1px solid #cfcfcf; color: #2b2b2b; line-height: 41px; }
.form-a input.input-a { float: left; width: 191px; height: 41px; padding: 0 10px 0 70px; border: 1px solid #cfcfcf; line-height: 41px; }
.form-a input.input-b { display: block; }
.form-a input.input-a,
.form-a input.submit-a { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.form-a input.submit-a { float: left; margin: 0 0 0 12px; width: 103px; height: 43px; background: #ed5900 url("/statics/img/buttons-sprite.png") no-repeat -50px -60px; border: none; color: #f9d3bb; cursor: pointer; text-shadow: 1px 1px 1px #eb5300; }
.form-a input.submit-a:hover { background-position: -250px -60px; }
.form-a span.checkbox-wrapper { float: left; margin: 0 5px 0 0; }
.form-a p.terms a { color: #fff; }
.form-a p.error input.input-a { background-color: #f6a7a7; border-color: #ff2f2f; }
.form-a p.error label.label-a { border-color: #ff2f2f; color: #ff2f2f; }
.form-a p.error label.label-b { color: #ff2f2f; }
.form-a p.error span.checkbox-wrapper { border: 1px solid #ff2f2f; }
.form-a p.error-info { padding: 0 0 0 35px; background: url("/statics/img/error-info-bg.png") no-repeat 13px 2px; color: #ff2f2f; }
.form-b { width: 500px; }
.form-b p { overflow: hidden; margin: 20px 0 0; }
.form-b p:first-child { margin: 0; }
.form-b label.label-a { float: left; width: 145px; padding: 0 15px 0 0; line-height: 34px; text-align: right; }
.form-b input.input-a { float: left; width: 318px; height: 34px; padding: 0 10px; border: 1px solid #d4d4d4; line-height: 34px; }
.form-b input.input-b { width: 108px; margin: 0 20px 0 0; }
.form-b textarea { float: left; overflow: hidden; width: 318px; height: 132px; padding: 5px 10px; border: 1px solid #d4d4d4; resize: none; }
.form-b p.comment-captcha img { float: left; width: 117px; height: 34px; border: 1px solid #d6d6d6; }
.form-b input#submit { float: left; margin: 0 0 0 160px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.form-b input#submit { float: left; width: 164px; height: 43px; background: #ed5900 url("/statics/img/buttons-sprite.png") no-repeat 0 -60px; border: none; color: #f9d3bb; cursor: pointer; text-shadow: 1px 1px 1px #eb5300; }
.form-b input#submit:hover { background-position: -198px -60px; }
.form-b p.datamin { margin-bottom: 15px !important; padding-left: 160px; font-size: 11px !important; }
.form-b p.datamin a { font-size: 11px; color: inherit; text-decoration: underline; }
.form-b p.datamin a:hover { text-decoration: none; }
.form-b p.error input,
.form-b p.error textarea { border-color: #ff2f2f; background-color: #f6a7a7; }
.form-b p.error label.label-a { color: #ff2f2f; }
.form-b .bgr { position: absolute; right: -71px; bottom: 140px; width: 348px; height: 266px; background: url(/statics/img/form-b-bgr.png) no-repeat; }
/*! others ------- */
.home strong, .home b { font-family: novecento_widedemibold, Arial, sans-serif; font-weight: normal; }
/*
.go-a,
.previous-number a.see-magazine { padding: 0 15px 0 0; color: #f8b300; background: url(/statics/img/go-a-bg.png) no-repeat 100% 50%; font-weight: normal; }
.go-a:hover,
.previous-number a.see-magazine:hover { color: #f8b300; }
*/
/*
.btn { display: block; background: url(/statics/img/buttons-sprite.png) no-repeat; text-align: center; text-decoration: none; }
*/
.btn:hover { text-decoration: none; }
/*
.links .see-magazine { width: 198px; height: 49px; background-position: 0 -60px; color: #fff; font-size: 16px; line-height: 49px; text-shadow: 1px 1px 1px #ea4d00; outline: none; }
.links .see-magazine:hover { background-position: -198px -60px; color: #fff; }
.links .see-magazine:active,
.links .see-magazine:focus { color: #fff; text-decoration: none; }
*/
.get-magazine { width: 168px; height: 49px; padding: 0 20px 0 0; font-size: 16px; background-position: 0 -109px; color: #747474; line-height: 49px; text-shadow: 1px 1px 1px #f9f9f9; outline: none; }
.get-magazine:hover { background-position: -188px -109px; color: #747474; }
.see-all { width: 164px; height: 60px; background-position: 0 -160px; color: #fff; font-size: 14px; line-height: 39px; text-shadow: 1px 1px 1px #ec5800;}
.see-all:hover { background-position: -164px -160px; color: #fff; }
.see-all:focus,
.see-all:active { color: #fff; text-decoration: none; }
.alignleft { float: left; margin: 0 10px 10px 0; }
div.wp-pagenavi { overflow: hidden; height: 0; margin: 0; }
.par-d { margin: -10px 0 20px; text-align: center; }
/*! defaults ------ */
form { }
label { cursor: pointer; }
textarea { overflow: auto; resize: vertical; }
button { overflow: visible; padding: 0 10px; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: none; }
table { display: table; border-collapse: collapse; border-spacing: 0; }
table th, table td { padding: 5px 10px; border: 1px solid #eee; }
h1 { margin: 0 0 35px; font: 6.5em abril_fatfaceregular,Arial,sans-serif; font-weight: normal; line-height: 1em; }
h1.entry-title { margin: 100px 0 50px; color: #ff5400; font-size: 40px; text-align: left; }
h2 { margin: 0; font: normal 2em abril_fatfaceregular, Arial, sans-serif; color: #000; }
h3 { margin: 0 0 30px; font: normal 4em abril_fatfaceregular, Arial, sans-serif; color: #ff5400; }
h4 { margin: 0 0 50px; font-size: 1.8em; font-weight: normal; }
h4 b { font-family: noahbold; font-weight: normal; }
h5 { margin: 0 0 20px; font: normal 28px abril_fatfaceregular,Arial,sans-serif; color: #ff5400; }
h6 { margin: 0 0 20px; color: #ffb400; font: normal 2.2em oswaldbook, Arial, sans-serif; }
ul, ol, dd, blockquote { padding-left: 40px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
a { color: #ff5400; text-decoration: none; }
a:hover, a:focus, a:active { color: #f05f00; text-decoration: underline; outline: none; }
a span { cursor: pointer; }
pre { font-family: Consolas,Monaco,Courier New,monospace; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
hr, div.hr { overflow: hidden; width: 100%; height: 1px; margin: 15px 0; border: none; border-top: 1px solid #eee; background: none; font-size: 0; } div.hr * { display: none; }
/* glowny div z like box'em */
#like-box {
position: fixed;
z-index: 99;
top: 250px; /* jego polozenie od gory */
left: -308px; /* szerokosc wygenerowanego boxa + 4px obramowania */
-webkit-transition: left 0.5s ease-out;
-moz-transition: left 0.5s ease-out;
-o-transition: left 0.5s ease-out;
transition: left 0.5s ease-out;
}
/* wysuniecie like box'a */
#like-box:hover {
left: 0px;
}
/* zewnetrzna ramka boxa */
#like-box .outside {
position: relative;
z-index: 1;
background: #3b5999;
padding: 15px 15px 0 0;
min-width: 1px;
float: left;
}
/* wewnetrzne tlo boxa */
#like-box .inside {
position: relative;
z-index: 2;
background: #fff;
}
/* pasek z logo FB */
#like-box .belt {
position: relative;
z-index: 0;
-webkit-transform: rotate(90deg); /* obrot o 90 stopni */
-moz-transform: rotate(90deg); /* wiec wysokosc zamienia sie z szerokoscia */
-o-transform: rotate(90deg); /* obrot o 90 stopni */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); /* obrot o 90 stopni dla IE */
float: left;
width: 100px; /* wysokosc */
height: 40px; /* szerokosc */
padding: 7px 0px 0px 20px;
margin: 50px 0px 0px -55px;
background: #3b5999;
color: #fff;
font-weight: bold;
font-family: Verdana;
font-size: 16px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
#banner {
margin: 0 auto;
width: 450px;
height: 50px;
margin-top: 30%;
}
.subscribe-download{
margin: 0 auto;
border: 1px solid #d4d4d4;
background: #fff;
display: block;
width:400px;
text-align:center;
padding: 50px;
}
.subscribe-download h2{
font-size:28px;
}
.subscribe-download h3{
color: #6B6B6B;
}
.subscribe-download form{
margin:30px 0;
}
#sekundy {
font-size:28px;
color: #F05A00;
}
.subscribe {
margin: 0 auto;
display: block;
width:615px;
}
#poprzednie-numery { display: block; position: relative; visibility: hidden; top: 20px; }
.form-a input.input-a,
.form-b input.input-a,
.form-b textarea { -webkit-appearance: none; }
@media only screen and (min-width: 768px) and (max-width: 1024px)
{
#content { width: 100%; }
h1.entry-title { margin-left: 2%; }
#content article.page div.entry-content { margin: 0 auto; }
.box-a p { font-size: 18px; }
#content article.page div.entry-content { width: 96%; }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation : portrait)
{
#top-inner,
.inmag-inner { width: 94%; }
h1 { font-size: 5em; }
#top nav { margin: 16px 0 0 155px; }
#top nav li { margin: 0 0 0 15px; }
#current-number { display: none; }
#articles div.primary-a { float: none; width: 100%; margin: 0 0 40px; padding: 0; }
#articles div.secondary-a { float: none; width: 100%; }
#articles { width: 90%; }
#articles.articles-a #articles-wrapper { width: auto; padding: 80px 40px; }
#fb-inner { width: 90%; }
.list-a { padding: 0; }
.list-a li { width: 46%; height: auto; margin: 2%; }
.list-a li img { width: 100%; height: auto; }
.list-a li span { width: 100%; padding-left: 5%; padding-right: 5%; }
.list-a li .bgr { width: 100%; }
#bottom-inner { width: 94%; }
#bottom-inner { width: 90%; padding: 15% 5%; }
#authors { float: none; width: 100%; margin-bottom: 5%; padding: 0; text-align: center; }
#authors p.desc { margin: 0 0 15px; padding: 0; font-size: 14px; }
#newsletter { float: none; width: 100%; padding: 0; text-align: center; }
#newsletter form .newsletter-inner { width: 449px; margin: 0 auto 20px; }
.copyrights__wrapper--inner { width: 94%; }
div#cookies-info { width: 90%; padding-left: 5%; padding-right: 5%; }
div#cookies-info-inner { width: 85%; margin: 0 auto; padding: 0 15% 0 0; }
.header-d { margin-bottom: 10px; }
.box-a { bottom: 15px; }
.box-a p { font-size: 16px; }
.box-c p.desc br { display: none; }
#content article.page div.entry-content { box-sizing: border-box; width: 96%; }
#inmag-archive-box .inmag-archive-box__top { width: 90%; margin: 0 auto; }
#inmag-archive-box .inmag-archive-wrapper { width: 90%; }
#inmag-archive-box .inmag-archive-slider .inmag-archive-item {width: 50%; }
}
@media only screen and (max-width: 767px)
{
body { padding: 0 !important; }
#top { position: static; left: auto; top: auto; }
#top-inner { width: 90%; overflow: hidden; padding: 5% 0 !important; }
#top #logo { left: 0; top: 20px; }
#top .site-title { margin: 26px 0 0; font-size: 12px; }
#top #logo .header-image { width: 140px; height: auto; }
#top nav { float: right; margin: 0; }
#top nav li { margin-left: 20px; }
@media(min-width: 320px){
#top .magazine-publisher { float: right; margin: 5px 40px 10px 0; padding: 0; border: none; }
#top .magazine-publisher .magazine-publisher__title { margin: 0; font-size: 10px; color: #8f8f8f; }
#top .magazine-publisher img { width: 120px; height: auto; }
}
@media(max-width: 320px){
#top .magazine-publisher { float: none; margin: -10px 0px 5px 0; padding: 0; border: none; }
#top .magazine-publisher .magazine-publisher__title { margin: 0}
}
#top .magazine-publisher__title span { display: block; }
#top .magazine-publisher__logo a { display: block; }
h2 { color: #8f8f8f; }
div#cookies-info { top: auto; bottom: 0; width: 90%; padding-left: 5%; padding-right: 5%; }
div#cookies-info-inner { width: 85%; margin: 0 auto; padding: 0 15% 0 0; }
#articles .getFile { display: block; }
#content { width: 100%; }
#like-box,
.inmag { display: none; }
h1.entry-title { padding: 0 5%; }
#content article.page div.entry-content p.par-b { margin-bottom: 100px; }
#content article.page div.entry-content p:last-child { font-size: 12px; }
#articles.articles-a #articles-wrapper { padding: 10px; }
#articles div.primary-a .primary-cover { display: block; }
#articles div.primary-a { float: none; width: 100%; margin: 0 0 10%; pading: 0; }
#articles div.secondary-a { float: none; width: 100%; margin: 0; }
#articles { width: 90%; }
#articles.articles-a #articles-wrapper { width: auto }
#articles div.primary-a .primary-top { float: left; width: 60%; padding-top: 10%; }
#articles div.primary-a .primary-cover { display: block; float: right; width: 38%; height: auto; margin: 2% 2% 5% 0; box-shadow: 0 0 15px #888; }
#content article.page div.entry-content { box-sizing: border-box; width: 96%; padding: 4%; }
h2 { font-size: 17px; }
h3 { font-size: 34px; }
h1.entry-title { margin: 25px 0; }
h6 { font-size: 18px; margin-bottom: 10px; }
.header-d,
.header-e,
.header-f { margin: 0 0 20px; font-size: 16px; }
.contact #top-inner { min-height: 0; }
.team-wrapper { margin: 0 0 20px; }
#content article.page div.entry-content p { font-size: 14px; }
#fb-inner { width: 100%; }
#fb .title-a { font-size: 1.8em; }
#fb p.no-fb img { top: 8px; margin-right: 10px; }
#fb p.no-fb { font-size: 1em; }
#fb p.no-fb a { padding-left: 6px; padding-right: 6px; }
.box-a { position: static;left: auto;bottom: auto;width: 94%; margin: 5% auto 0;}
.box-a p { color: #2c2c2c; font-size: 14px; }
.box-a p br { display: none; }
.box-b { padding: 0 3%; }
.box-b p { font-size: 14px; }
#bottom-inner { width: 90%; padding: 15% 5%; }
#authors { float: none; width: 100%; margin-bottom: 20%; padding: 0; text-align: center; }
#authors p.desc { margin: 0 0 15px; padding: 0; font-size: 14px; }
#newsletter { float: none; width: 100%; padding: 0; text-align: center; }
#newsletter p.widget-title { font-size: 14px; }
#newsletter form .newsletter-inner p { float: none; }
#newsletter input.newsletter-email { float: none; display: block; width: 100% !important; margin: 0; box-sizing: border-box; }
#newsletter form .newsletter-inner p:first-child { margin-bottom: 15px; }
#newsletter input.newsletter-submit { float: none; display: block; margin: 0 auto; border: none; -webkit-appearance: none; }
#newsletter p.datamin,
#newsletter p.agreement { text-align: left; }
#inmag-archive-box .inmag-archive-slider-nav .inmag-archive-slider-nav__link.state-prev:hover { background: #ff5400 url(/statics/img/arrow__fit--left.svg) no-repeat 50% 50%; }
#inmag-archive-box .inmag-archive-slider-nav .inmag-archive-slider-nav__link.state-next:hover { background: #ff5400 url(/statics/img/arrow__fit--right.svg) no-repeat 50% 50%; }
.copyrights__wrapper { text-align: center; }
.copyrights__wrapper--inner { width: 90%; padding: 5%; }
.copyrights__wrapper p.copyrights { float: none; }
.links-footer { float: none; }
.box-d { display: block; width: 90%; margin: 0 auto 15px; padding: 5% 0; }
.box-d .primary-a { padding: 0; }
.box-d .primary-a p { margin-bottom: 15px; padding: 0; background: none; font-size: 18px; }
.box-d .primary-a p br { display: none; }
.box-d .secondary-a p { font-size: 14px; }
.box-d .secondary-a__left,
.box-d .secondary-a__right { float: none; width: 100%; }
.box-d .secondary-a__left { margin-bottom: 15px; }
.box-c .no,
.box-c .inner { left: 20px; }
.box-c .second,
.box-c .third,
.box-c .first,
.box-c .fourth,
.box-c .fifth { float: none; width: 100%; height: 250px; }
.box-c p.desc { font-size: 18px; }
.list-a { border: none; }
.list-a li { float: none; width: 100%; height: auto; margin: 15px 0 0; font-size: 1.8em; }
.list-a li:first-child { margin: 0; }
.list-a li img { width: 100%; height: auto; }
.list-a li span { width: 100%; padding-left: 5%; padding-right: 5%; }
.list-a li .bgr { width: 100%; }
#inmag-archive-box .inmag-archive-slider-nav { top: 14px; }
#inmag-archive-box .inmag-archive-box__top { width: 90%; marign: 0 auto; }
#inmag-archive-box .title-e { font-size: 1.8em; }
#inmag-archive-box .inmag-archive-wrapper { width: 100%; padding: 15px 0; }
#inmag-archive-box .inmag-archive-slider .inmag-archive-item { width: 100%; box-sizing: border-box; padding: 0 15px; }
#inmag-archive-box .inmag-archive-slider .secondary { padding-right: 0; }
#inmag-archive-box .inmag-archive-slider .inmag-archive-item { font-size: 1.4em; }
#inmag-archive-box .inmag-archive-slider .desc { font-size: .8em; }
}
/*! responsive-nav.js 1.0.32 by @viljamis */
.js .nav-collapse {
clip: rect(0 0 0 0);
max-height: 0;
position: absolute;
display: block;
zoom: 1;
}
.nav-collapse.opened {
max-height: 9999px;
}
.disable-pointer-events {
pointer-events: none !important;
}
.nav-toggle {
display: block;
width: 32px;
height: 32px;
background: url(/statics/gfx/nav-toggle-bg.png) no-repeat 50% 50%;
position: absolute; right: 0; top: 20px;
text-indent: -10001px;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.nav-toggle.active { width: 32px; height: 32px; background: url(/statics/gfx/nav-toggle-close-bg.png) no-repeat 50% 50%; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and ( min-resolution: 120dpi)
{
.nav-toggle { background: url(/statics/gfx/nav-toggle-bg@2x.png) no-repeat 50% 50%; background-size: 22px 15px; }
.nav-toggle.active { background: url(/statics/gfx/nav-toggle-close-bg@2x.png) no-repeat 50% 50%; background-size: 16px 17px; }
#top .nav-collapse ul:before { background: url(/statics/gfx/thick-bg@2x.png) no-repeat; background-size: 24px 11px; }
}
@media only screen and (max-width: 767px)
{
#top { background: none; }
#top-inner { min-height: 0; }
#top .nav-menu { margin: 0; }
#top .nav-collapse { float: none; clear: both; margin: 0 0 10px; padding: 0; }
#top .nav-collapse ul { overflow: visible; position: relative; padding: 10px 0; border: 1px solid #dedede; background-color: #f0f1f3; }
#top .nav-collapse li { float: none; display: block; position: relative; width: 100%; margin: 0; padding: 15px 0; text-align: center;}
#top .nav-collapse li span.bgr { display: block; position: absolute; left: 50%; bottom: 0; width: 30px; height: 1px; margin-left: -15px; background-color: #dedede; }
#top .nav-collapse ul:before { content: ""; display: block; position: absolute; right: 3px; top: -11px; width: 24px; height: 11px; }
}
@media screen and (min-width: 40em) {
.js .nav-collapse {
position: relative;
}
.js .nav-collapse.closed {
max-height: none;
}
.nav-toggle {
display: none;
}
}
.clr {
clear: both !important;
font-size: 0 !important;
line-height: 0 !important;
height: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
float: none !important;
display: block !important;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
#top .magazine-publisher { border: none; }
#top nav { margin-top: 30px; }
}
.logo-mobile { display: none; }
@media only screen and (max-width: 767px)
{
.logo-desktop { display: none; }
.logo-mobile { display: block; margin-top: 5px; }
#articles div.primary-a .primary-cover { display: none; }
}