/*
Theme Name: Firmer
Author: NNV
Author URI: http://nnv.pl/
Description: The Firmer magazine theme.
Version: 1.0
Tags: orange, white
Text Domain: Firmer
*/

* { margin: 0; padding: 0; }

html { overflow-y: scroll; font-size: 100.01%; }
body { padding: 130px 0 0; background-color: #f8f8f8; font-size: 62.5%; }
body.home { padding: 105px 0 0; }

/*! fonts -------- */
@font-face { font-family: 'open_sanslight'; src: url('/statics/fonts/opensans-light-webfont.eot'); src: url('/statics/fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'), url('/statics/fonts/opensans-light-webfont.woff') format('woff'), url('/statics/fonts/opensans-light-webfont.ttf') format('truetype'), url('/statics/fonts/opensans-light-webfont.svg#open_sanslight') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'open_sanssemibold'; src: url('/statics/fonts/opensans-semibold-webfont.eot'); src: url('/statics/fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('/statics/fonts/opensans-semibold-webfont.woff') format('woff'), url('/statics/fonts/opensans-semibold-webfont.ttf') format('truetype'), url('/statics/fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'open_sansitalic'; src: url('/statics/fonts/opensans-italic-webfont.eot'); src: url('/statics/fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'), url('/statics/fonts/opensans-italic-webfont.woff') format('woff'), url('/statics/fonts/opensans-italic-webfont.ttf') format('truetype'), url('/statics/fonts/opensans-italic-webfont.svg#open_sansitalic') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'novecento_widedemibold'; src: url('/statics/fonts/synthview_-_novecentowide-demibold-webfont.eot'); src: url('/statics/fonts/synthview_-_novecentowide-demibold-webfont.eot?#iefix') format('embedded-opentype'), url('/statics/fonts/synthview_-_novecentowide-demibold-webfont.woff') format('woff'), url('/statics/fonts/synthview_-_novecentowide-demibold-webfont.ttf') format('truetype'), url('/statics/fonts/synthview_-_novecentowide-demibold-webfont.svg#novecento_widedemibold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'novecento_widelight'; src: url('/statics/fonts/synthview_-_novecentowide-light-webfont.eot'); src: url('/statics/fonts/synthview_-_novecentowide-light-webfont.eot?#iefix') format('embedded-opentype'), url('/statics/fonts/synthview_-_novecentowide-light-webfont.woff') format('woff'), url('/statics/fonts/synthview_-_novecentowide-light-webfont.ttf') format('truetype'), url('/statics/fonts/synthview_-_novecentowide-light-webfont.svg#novecento_widelight') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'open_sanssemibold_italic'; src: url('/statics/fonts/opensans-semibolditalic-webfont.eot');src: url('/statics/fonts/opensans-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('/statics/fonts/opensans-semibolditalic-webfont.woff') format('woff'), url('/statics/fonts/opensans-semibolditalic-webfont.ttf') format('truetype'), url('/statics/fonts/opensans-semibolditalic-webfont.svg#open_sanssemibold_italic') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'open_sansregular'; src: url('/statics/fonts/opensans-regular-webfont.eot'); src: url('/statics/fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/statics/fonts/opensans-regular-webfont.woff') format('woff'), url('/statics/fonts/opensans-regular-webfont.ttf') format('truetype'), url('/statics/fonts/opensans-regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; }

/* reset */
body, textarea, input, select, option, button { color: #6b6b6b; font-family: "open_sanslight",Helvetica Neue,Helvetica,Arial,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: url(/statics/img/top-bg.png) repeat-x; }
.home #top { background-color: #f8f8f8; background-image: none; }
#top.sticky { opacity: 0.98; }
 #top-inner { position: relative; width: 1000px; min-height: 65px; margin: 0 auto; padding: 40px 0 25px; }
 .home #top-inner { padding-bottom: 0; }
 #top #logo { position: absolute; left: 0; top: 40px; }
 #top .site-title { float: left; margin: 25px 0 0; font: normal 13px open_sanslight, Arial, sans-serif; }
 #top nav { float: left; margin: 0 0 0 90px; }
 #top nav ul { list-style: none; overflow: hidden; margin: 0; padding: 0; }
  #top nav li { float: left; margin: 0 0 0 35px; padding: 0; font-size: 16px; }
  #top nav li:first-child { margin: 0; }
  #top nav li.current_page_item a { color: #f06b00; }
  #top nav a,
  #top nav a:hover,
  #top nav a:focus,
  #top nav a:active { color: #6f6f6f; text-decoration: none; }
#content { overflow: hidden; width: 1000px; margin: 0 auto; }
.home #content { width: 100%; margin: 0; }
 #content article.page{min-height: calc(100vh - (135px + 350px));}
 #content article.page div.entry-content { position: relative; width: 978px; padding: 10px; border: 1px solid #dedede; }
 #content article.page div.entry-content.mod-a { width: 918px; padding: 40px; }
  #content article.page div.entry-content h2 { font: normal 18px open_sanssemibold, Arial, sans-serif; text-align: left; }
  #content article.page div.entry-content p,
  #content article.page div.entry-content li { font-size: 14px; }
  #content article.page div.entry-content li { line-height: 32px; }
#bottom { overflow: hidden; width: 100%; margin: 0; padding: 0; min-height: 341px; background: #2b2b2b; color: #fff; }
/*
 #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; width: 1000px; min-height: 341px; margin: 0 auto; }
 #bottom p.copyrights { position: absolute; left: 0; bottom: 35px; margin: 0; color: #999; }
 footer.entry-meta { display: none; }
 div.entry-content { margin: 0; }



 
/*! containers ------- */
/* cookies info */
div#cookies-info { display: none; position: fixed; left: 0; top: 87px; 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 */
#current-number { overflow: hidden; width: 100%; margin: 0 auto -21px; }
#current-number-holder { position: relative; overflow: hidden; min-width: 1000px; width: 100%; margin: 0 auto; padding: 15px 0 0; color: #fff; }
 #current-number-wrapper { min-width: 1000px; width: 100%; margin: 0 auto; padding: 80px 0 0; background: url(/statics/img/current-number11.jpg) no-repeat 50% 0; }
 #current-number-wrapper.next-number { background: url(/statics/img/next-number.jpg) no-repeat 50% 0; }
 #current-number-wrapper.next-number .links { display: none; }
  #current-number-inner { position: relative; width: 500px; min-height: 184px; margin: 0 auto; padding: 240px 500px 0 0; }
  #announcement { position: absolute; right: 0; top: 60px; width: 240px; height: 240px; margin: 0; background: url(/statics/img/buttons-sprite.png) no-repeat -451px -13px; cursor: pointer; }
  #announcement div { position: relative; width: 240px; height: 240px; margin: 0; padding: 0; background: url(/statics/img/next-number.png) no-repeat 85px 0; }
   #announcement p { margin: 0; background: url(/statics/img/next-number.jpg) no-repeat -10001px -10001px; }
   #announcement p.title { position: absolute; left: 96px; top: 160px; font: normal 16px/20px open_sanssemibold, Arial, sans-serif; }
    #announcement p.title span { display: block; }
   #announcement div p { position: absolute; left: 96px; bottom: 20px; font-family: novecento_widedemibold, Arial, sans-serif; text-decoration: underline; text-transform: uppercase; }
 

 
 /* lista artykulow glowna */
article.post em { font-family: open_sansitalic, Arial, sans-serif; }
article.post strong { font-family: open_sanssemibold, Arial, sans-serif; }
article.post em strong,
article.post strong em { font-family: open_sanssemibold_italic, Arial, sans-serif; }
article.post .entry-content ul li { padding: 0 0 0 15px; background: url(/statics/img/go-a-bg.png) no-repeat 0 7px; }
 
#articles { position: relative; width: 998px; margin: 0 auto; border: 1px solid #e9e9e9; background-color: #fff; }
#articles.articles-a #articles-wrapper { overflow: hidden; width: 918px; padding: 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: #f05a00; font: normal 1.6em open_sanssemibold, 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: #f05a00; }

 /* lista artykulow podstrona */
#articles-subpage { position: relative; width: 1000px; margin: 0 auto 15px; }
 #articles-subpage #articles-wrapper { position: relative; }
  #articles-subpage #article-inner { overflow: hidden; padding: 0 0 150px; }
  #articles-subpage div.article-teaser { float: left; position: relative; overflow: hidden; width: 301px; margin: 5px; padding: 10px; border: 1px solid #dedede; background-color: #f8f8f8 }
  #articles-subpage div.article-teaser:hover { background: #f2f2f2; }
  #articles-subpage div.article-teaser-inner { overflow: hidden; width: 100%; margin: 0; }
  #articles-subpage div.article-teaser p { margin: 0; padding: 0; color: #626262; font-size: 13px; }
  #articles-subpage div.article-teaser p.photo { margin: 0 0 5px; padding: 0; }
   #articles-subpage div.article-teaser p.photo img { display: block; max-width: 301px; height: auto; cursor: pointer; }
  #articles-subpage div.article-teaser h3.title { margin: 0 0 5px; font-size: 18px; font-weight: normal }
  #articles-subpage div.article-teaser ul.teaser-date { list-style: none; overflow: hidden; margin: 10px -10px -10px; padding: 0; border-top: 1px solid #dedede; }
   #articles-subpage div.article-teaser ul.teaser-date li { float: left; overflow: hidden; height: 15px; padding: 10px; border-left: 1px solid #dedede; font-size: 11px; }
   #articles-subpage div.article-teaser ul.teaser-date li:first-child { border: none; }
  #articles-subpage div.article-teaser .bgr { display: none; position: absolute; left: 0; top: 0; width: 321px; height: 100%; background-color: #f05a00; color: #fff; font: normal 14px open_sanssemibold, Arial, sans-serif; text-decoration: none; text-transform: uppercase; } 
  #articles-subpage div.article-teaser:hover .bgr { display: block; }
  #articles-subpage div.article-teaser .bgr span { display: block; position: absolute; left: 0; top: 50%; width: 321px; text-align: center; }
  #articles-subpage #infscr-loading { position: absolute; left: 50%; bottom: 0; width: 300px; margin: 0 0 0 -150px; font-size: 14px; text-align: center; }
  #articles-subpage #articles-wrapper #nav { text-align: center; }
 
/* lista komentarzy pod artykulami, newsami itp. */
#comments { padding: 0 10px 40px 177px; border: 1px solid #dedede; border-top: 0; background: url(/statics/img/comments-bg.png) no-repeat 0 20px; }
 #comments h3.comments-title { margin: 0; padding: 15px 0 0; border-top: 3px solid #dedede; }
 #comments h3#reply-title { font-size: 18px; }
 #comments ol.commentlist { list-style: none; margin: 0 0 15px; padding: 15px 0 0; }
  #comments ol.commentlist li { padding: 15px 0 0; border-bottom: 1px solid #dedede; }
  #comments ol.commentlist ol li { list-style-type: none; border-top: 1px solid #dedede; border-bottom: none; }
  #comments ol.commentlist article { position: relative; padding: 0 0 0 60px; }
   #comments ol.commentlist header { margin: 0 0 10px; font: normal 12px open_sanssemibold, Arial, sans-serif; }
    #comments ol.commentlist header cite { font-style: normal; }
   #comments ol.commentlist section { margin: 0; }
   #comments ol.commentlist img.avatar { position: absolute; left: 0; top: 0; }
 #comments p.form-allowed-tags { display: none; }
 #comments #respond { margin: 0; }
  #commentform { margin: 0; }
   #commentform p { overflow: hidden; margin: 0 0 20px; }
   #commentform label { float: left; width: 70px; padding: 0 20px 0 0; color: #c5c5c5; font: normal 12px open_sanssemibold, Arial, sans-serif; line-height: 36px; text-align: right; }
    #commentform p.comment-form-url label { line-height: 20px; }
   #commentform input { float: left; width: 317px; height: 34px; padding: 0 10px; border: 1px solid #d4d4d4; background-color: #e9e9e9; line-height: 34px; outline: none; }
   #commentform p.form-submit input { display: block; overflow: hidden; width: 164px; height: 39px; margin: 0 0 0 90px; border: none; background: url(/statics/img/buttons-sprite.png) no-repeat 0 -373px; font-size: 0; line-height: 0; text-indent: -10001px; cursor: pointer; }
   #commentform textarea { overflow: hidden; width: 317px; height: 96px; padding: 7px 10px; border: 1px solid #d4d4d4; background-color: #e9e9e9; font-size: 12px; resize: vertical; outline: none; }
 #comments p.edit-link,
 #comments div.reply { margin: 0; padding: 0 0 10px; font: normal 12px open_sanssemibold, Arial, sans-serif; }
 #comments p.edit-link a { background: url(/statics/img/comment-edit-bg.png) no-repeat 0 50%; }
 #comments div.reply a { background: url(/statics/img/comment-reply-bg.png) no-repeat 0 50%; }
  #comments p.edit-link a,
  #comments div.reply a { display: block; padding: 0 0 0 23px; }
  #comments div.reply span { display: none; }
  #commentform .comment-subscription-form { margin: 0; }
  #commentform .comment-subscription-form input { border: none; background: none; }
  #commentform .comment-subscription-form label { width: 340px; padding: 0 0 0 10px; text-align: left; }
 
/* szczegoly artykulu */
#content-article { position: relative; margin: 0; }
 #content-article article { margin: 0; }
 #content-article div#content-wrapper { position: relative; overflow: hidden; margin: 0; border: 1px solid #dedede; border-bottom: 0; }
 #content-article div.entry-content { float: left; overflow: hidden; width: 640px; min-height: 600px; margin: 0 0 0 178px; }
 #content-article div.entry-content h2 { margin: 0 0 30px; font: normal 18px open_sanssemibold, Arial, sans-serif; text-align: left; }
  #content-article div.entry-content p,
  #content-article div.entry-content li { font-size: 14px; }
  #content-article div.entry-content p,
  #content-article div.entry-content ul { margin: 0 0 30px; }
  #content-article div.entry-content .wp-caption-text { margin: 0; font-size: 10px; }
  #content-article div.entry-content ul { list-style: none; padding: 0; }
 .entry-about { position: absolute; left: 10px; top: 70px; width: 160px; margin: 0; }
  .entry-about p.author-name,
  .entry-about p.author-title { margin: 0 0 5px; font: normal 13px open_sanssemibold, Arial, sans-serif; }
  .entry-about p.post-date { margin: 0 0 20px; font-size: 18px; }
  .entry-about p.author-title { color: #f06800; }
  .entry-about p.author-about { font-size: 12px; }
 .see-also { float: right; width: 130px; margin: 0 11px 0 0; }
  .see-also p.title { color: #f06800; font: normal 18px open_sanssemibold, Arial, sans-serif; }
  .see-also ul { list-style: none; margin: 0; padding: 0; }
   .see-also ul img { width: 130px; height: auto; }
   .see-also ul li { overflow: hidden; padding: 10px 0 15px; border-top: 1px solid #dedede; background: none !important; }
   .see-also ul li:first-child { padding-top: 0; border: none; }
   .see-also ul li.current {  }
   .see-also ul li a.link { display: block; padding: 0 0 0 20px; background: url(/statics/img/see-also-bullet.png) no-repeat 0 6px; color: #4f4f4f; }
   .see-also ul li.current a.link { color: #f06800; }
 
 .breadcrumbs { list-style: none; overflow: hidden; width: 100%; height: 48px; margin: 0 0 11px; padding: 0; border-bottom: 1px solid #dedede; }
   .breadcrumbs li { float: left; padding: 15px 10px 15px 12px; background: url(/statics/img/breadcrumbs-bullet.png) no-repeat 0 50%; }
   .breadcrumbs li:first-child { padding-left: 12px; background: none; text-transform: uppercase; }
   .breadcrumbs li.last { color: #f06800; font-family: open_sanssemibold, Arial, sans-serif; }
 
/* redakcja glowna */ 
#authors { float: left; width: 448px; min-height: 261px; margin: 0 0 0 -60px; padding: 50px 100px 0 60px; /* 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: 18px; line-height: 24px; }
 #authors p.more { margin: 0; }
 #authors p.desc span { color: #fff; font-family: open_sanssemibold, Arial, sans-serif;  }
 
div.gray-box { min-width: 1000px; width: 100%; margin: 0; border-bottom: 1px solid #e4e5e4; background-color: #efefef; } 
 div.gray-box-inner { overflow: hidden; width: 1000px; margin: 0 auto; }

/* przewodniki glowna */
#guides { float: left; width: 250px; min-height: 370px; margin: 0; padding: 170px 250px 0 0; background: url(/statics/img/guides-bg.jpg) no-repeat 100% 0; word-wrap: break-word; }
 #guides p { margin: 0 0 30px; font-size: 18px; }
 #guides p.more { margin: 0; }

.list-a { list-style: none; overflow: hidden; margin: 40px 0 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: normal 1.5em open_sansregular, Arial, sans-serif; }
  .list-a li a { display: block; position: relative; }
  .list-a li span { overflow: hidden; position: absolute; left: 0; bottom: 0; z-index: 2; width: 213px; height: 65px; padding: 5px 10px 0; margin: 0; color: #000; }
 .list-a li div p { display: none; }
  .list-a li .bgr { display: block; position: absolute; left: 0; bottom: 0; width: 233px; height: 70px; background-color: #f7f7f7; opacity: .8; }
  .list-a li img { display: block; }
  /*   
 .list-a li:hover div { height: 207px; top: 0; bottom: auto; }
 .list-a li:hover div p { display: block; }
 .list-a li:hover .bgr { height: 207px; top: 0; bottom: auto; }
  */
  
.list-b { list-style: none; margin: 0; padding: 0; }
 .list-b li { position: relative; margin: 15px 0 0; padding: 0 0 0 22px; font-size: 1.3em; }
 .list-b li:first-child { margin: 0; }
 .list-b .bgr { display: block; position: absolute; left: 7px; top: 8px; width: 5px; height: 5px; background-color: #f05a00; }
 .list-b .bgr { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
 

/* lista aktualnosci glowna */
#news { float: right; width: 450px; margin: 0; padding: 120px 0 0 50px; }
 #news h2 { margin: 0 0 25px; }
 #news div.news-teaser-wrapper { margin: 0; }
 #news div.news-teaser { margin: 20px 0 0; }
 #news div.news-teaser:first-child { margin: 0; }
  #news div.news-teaser h3 { font-size: 18px; }
 
 /* lista aktualnosci podstrona */
#news-subpage { position: relative; width: 1000px; margin: 0 auto 15px; } 
 
/* dolacz do firmy.net glowna */
#join-firmynet { width: 1000px; height: 430px; margin: 0 auto; padding: 74px 0 0; background: url(/statics/img/join-firmynet-bg.jpg) no-repeat 50% 0; }
#join-firmynet.subpage { height: 246px; margin: 30px auto; background-position: 0 -504px; }
 #join-firmynet p.desc,
 #join-firmynet p.desc strong { font-size: 28px; line-height: 36px; }
 #join-firmynet p.desc { margin: 0 0 40px; color: #868686; text-align: center; }
  #join-firmynet p.desc strong { color: #f05a00; font-family: open_sanssemibold, Arial, sans-serif; }
 #join-firmynet p.more { margin: 0; } 

/* newsletter glowna */
/*
#newsletter { float: right; width: 452px; padding: 100px 0 0; } 
 #newsletter aside,
 #newsletter div,
 #newsletter form,
 #newsletter p { position: relative; margin: 0; }
 #newsletter label { display: none; }
 #newsletter p.wysija-text { margin: 0 0 40px; color: #aaa; font-size: 20px; line-height: 24px; }
 #newsletter p.wysija-p-email { float: left; overflow: hidden; }
  #newsletter input.wysija-input { float: left; width: 261px; height: 49px; margin: 0 21px 0 0; padding: 0 20px; border: none; background: url(/statics/img/buttons-sprite.png) 0 -275px; color: #fff; font-size: 13px; line-height: 49px; outline: none; }
  #newsletter input.wysija-submit { float: left; width: 129px; height: 49px; margin: 0; border: none; background: url(/statics/img/buttons-sprite.png) 0 -324px; font-size: 0; line-height: 0; text-indent: -10001px; cursor: pointer; outline: none; }
  #newsletter input.wysija-submit:hover { background-position: -129px -324px; }
  #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 { float: right; width: 452px; padding: 50px 0 0; } 
 #newsletter aside,
 #newsletter div,
 #newsletter form,
 #newsletter p { position: relative; margin: 0; }
  #newsletter form { overflow: hidden; margin: 0 0 10px; padding: 1px; }
   #newsletter form p { float: left; }
 #newsletter h3 { margin: 0 0 20px; color: #aaa; font-size: 20px; 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: url(/statics/img/buttons-sprite.png) 0 -275px; color: #fff; font-size: 13px; line-height: 49px; outline: none; }
  #newsletter input.newsletter-submit { float: left; width: 129px; height: 49px; margin: 0; border: none; background: url(/statics/img/buttons-sprite.png) 0 -324px; font-size: 0; line-height: 0; text-indent: -10001px; cursor: pointer; outline: none; }
  #newsletter input.newsletter-submit:hover { background-position: -129px -324px; }
  #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: 11px; }
    #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: 11px !important; }
  #newsletter p.datamin a { font-size: 11px; color: inherit; text-decoration: underline; }
  #newsletter p.datamin a:hover { text-decoration: none; }
    #newsletter .none { display: none; }
  #newsletter .label-b { float: left; width: 90%; }
 
/* lista poprzednich numerow glowna */
#previous-numbers { margin: 0 0 30px; width: 100%; border-bottom: 1px solid #ebebeb; }
#previous-numbers.noarrows ul.flex-direction-nav { display: none; }
#previous-numbers-inner { position: relative; overflow: hidden; width: 1000px; margin: 0 auto; padding: 60px 0 0; }
 #previous-inner { width: 999px; margin: 0 0 0 -21px; }
 #previous-numbers h2 { margin: 0 0 30px; }
  .previous-number { overflow: hidden; width: 312px; min-height: 250px; margin: 0; padding: 0 0 15px 20px; border-left: 1px solid #ebebeb; }
   .previous-number div.secondary { float: left; width: 150px; margin: 0; padding: 0 0 20px; background: url(/statics/img/previous-number-bg.png) no-repeat 50% 100%; }
    .previous-number div.secondary p { margin: 0; }
   .previous-number div.primary { float: right; position: relative; min-height: 215px; width: 140px; margin: 0; padding: 0 10px 0 0; }
   .previous-number p { margin: 0 0 15px; }
   .previous-number p.more { position: absolute; left: 0; bottom: 0; margin: 0; }
   .previous-number ul.links { display: none; }
   .previous-number a.see-magazine { display: inline; text-align: left; text-transform: uppercase; }
 #previous-numbers.previous-subpage .slides li { float: left; min-height: 270px; margin-bottom: 15px; }
  #previous-numbers.previous-subpage #previous-numbers-inner { padding: 0; }
 
 /* podstrona tekstowa */
.type-page { width: 1000px; margin: 0 auto; }
 

.team-wrapper { position: relative; margin: 0 0 70px; }
.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 { color: #d1d0d0; font-size: 1.6em; text-align: center; }

.box-b { margin: 0 0 45px; padding: 0 14% 45px; border-bottom: 1px solid #cecece; }
 .box-b p { font-size: 1.6em; text-align: center; }

.box-c { overflow: hidden; margin: 0 0 40px; }
.box-c .first { float: left; width: 50%; height: 500px; margin: 0; background: #ee5400 url(/statics/img/box-c-first-bg.jpg) no-repeat; background-size: cover; }
.box-c .second { float: right; width: 50%; height: 250px; margin: 0; background: #1b63a2 url(/statics/img/box-c-second-bg.jpg) no-repeat; background-size: cover; }
.box-c .third { float: right; width: 50%; height: 250px; margin: 0; background: #709f46 url(/statics/img/box-c-third-bg.jpg) no-repeat; background-size: cover; }
.box-c .fourth { clear: both; width: 100%; height: 250px; margin: 0; background: #d9518a url(/statics/img/box-c-fourth-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 1.6em open_sanssemibold, Arial, sans-serif; }
.box-c p { margin: 0; }
.box-c .inner { position: absolute; left: 40px; bottom: 30px; margin: 0; }
.box-c p.desc { font: normal 1.8em open_sanslight, Arial, sans-serif; }

.box-d { overflow: hidden; margin: 0 0 30px; padding: 25px 0; border-top: 1px solid #cecece; border-bottom: 1px solid #cecece; }
 .box-d .primary-a { float: left; width: 220px; margin: 0 50px 0 0; padding: 30px 0 0; }
  .box-d .primary-a p { margin: 0; padding: 0 0 0 40px; background: url(/statics/img/arrow-bg.png) no-repeat 100% 50%; color: #616161; font: normal 2.4em open_sanssemibold, Arial, sans-serif; }
 .box-d .secondary-a { float: left; margin: 0; }
 .box-d .secondary-a p { margin: 5px 0 0; font: normal 1.6em open_sanslight, Arial, sans-serif; color: #6b6b6b; }
 .box-d .secondary-a p:first-child { margin: 0; }
  .box-d .secondary-a p span { color: #616161; font-family: open_sanssemibold, Arial, sans-serif; }
 .box-d .secondary-a p a { font-family: open_sanssemibold, Arial, sans-serif; text-decoration: underline; }
 .box-d .secondary-a p a:hover { text-decoration: none; }

@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 { color: #f05a00; font: normal 2.4em open_sanssemibold, Arial, sans-serif; text-align: center; }	
.header-e { font: normal 1.8em open_sanssemibold, Arial, sans-serif; }
.header-f { margin: 0 0 35px; color: #616161; font: normal 3.6em open_sanslight, Arial, sans-serif; text-align: center; }
.header-g { font: normal 3em open_sanssemibold, Arial, sans-serif; }



/*! lists ------- */
.links { list-style: none; overflow: hidden; margin: 0; padding: 0; }
 .links li { float: left; margin: 0 0 0 20px; }
 .links li:first-child { margin: 0; }
 .links div { margin: 0; }
 
.links-footer { list-style: none; position: absolute; right: 0; bottom: 35px; margin: 0; padding: 0; }
 .links-footer li { display: inline; margin: 0 0 0 10px; padding: 0 0 0 10px; border-left: 1px solid #000; }
 .links-footer li:first-child { margin: 0; padding: 0; border: 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 13px 0 0; background: url(/statics/img/go-a-bg.png) no-repeat 100% 50%; font: normal 10px novecento_widedemibold, Arial, sans-serif; font-weight: normal; }

.btn { display: block; background: url(/statics/img/buttons-sprite.png) no-repeat; text-align: center; text-decoration: none; }
.btn:hover { text-decoration: none; }
.add-company { width: 164px; height: 60px; margin: 0 auto; color: #fff; font-size: 16px; line-height: 39px; text-shadow: 1px 1px 1px #ec5800; }
.add-company:hover { background-position: -164px 0; color: #fff; text-decoration: none; }
.add-company:focus,
.add-company:active { color: #fff; 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, h2, h3, h4, h5, h6 { font: normal 1em/1.2 open_sanslight, Helvetica Neue,Helvetica,Arial,sans-serif; }
h1 { font-size: 2.2em; }
.home h1 { font: normal 50px novecento_widelight, Arial, sans-serif; }
h2.title-a,
h1.entry-title { margin: 0 0 30px; color: #f06b00; font-size: 36px; text-align: center; }
h2 { color: #f05a00; font-size: 36px; }
.home h2 { font-size: 30px; }
.home #content h2 { text-align: left; }
#content h2 { text-align: center; }
#content h2.entry-title { margin: 0 0 30px; }
h3 { color: #f06b00; font-size: 18px; }
h4 { font: normal 16px open_sanssemibold, Arial, sans-serif; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.0em; }
.header-a { color: #2b2b2b; font: normal 4em novecento_widelight, Arial, sans-serif; }
.header-b { margin: 0 0 35px; font: normal 1.4em open_sanslight, Arial, sans-serif; }
.header-b b,
.header-b strong { font-family: open_sanssemibold, Arial, sans-serif; font-style: normal; }
.header-c { color: #6b6b6b; }

ul, ol, dd, blockquote { padding-left: 40px; }
 ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }

a { color: #f05f00; text-decoration: none; }
a:hover, a:focus, a:active { color: #f05f00; text-decoration: underline; outline: none; }
 a span { cursor: pointer; }

img { border-width: 0; image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; }

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: -70px; }
 
.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) and (orientation : landscape)
{
    #previous-numbers-inner { width: 90%;}
    .links li:first-child {margin: 60px auto 30px; width: 198px; float: none}
    
    .form-a {width: 390px; margin: 40px auto 20px;}    
    .form-a p.holder-a input,
    .form-a p.holder-a label{ font-size: 1.5em;}
    .form-a p.holder-a input.input-a {padding: 0 10px 0 80px; width: 181px;}
    .form-a p.holder-a input.submit-a{width:93px}
    .form-a p.terms {color: black; font-size: 1.5em}
    .form-a p.terms a{color: #f05f00;}
    .form-a p.terms span.checkbox-wrapper {margin: 0 5px 0 0;}
    .form-a p.error-info {height: 20px}
    
    #like-box { display: none; }
}
 
@media only screen and (max-width: 768px),
(min-width: 768px) and (max-width: 1024px) and (orientation : portrait),
(min-width: 768px) and (max-width: 959px) and (orientation : landscape)
{

    #previous-numbers-inner { width: 90%;}
    #top-inner { width: 90%; }
    #top nav { float: right; margin: 0; }
     #top nav li { margin-left: 20px; }
    
    .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: 90%; padding-left: 5%; padding-right: 5%; }
     .list-a li .bgr { width: 100%; }
    
    #current-number { display: none; }
    #articles div.primary-a { float: none; width: 100%; margin: 0; pading: 0; }
    #articles div.secondary-a { float: none; width: 100%; }
    #articles { width: 90%; }
    #articles.articles-a #articles-wrapper { width: auto }
    
    #previous-numbers { width: 90%; margin: 0 auto 30px; }
     #previous-inner { width: 100%; margin: 0; }
     .previous-number { width: 100%; padding: 0; }
     .previous-number p.more { padding: 0 5%; }
     .previous-number div.primary { float: right; width: 40%; min-height: 150px; margin-bottom: 5%; padding: 0 5% 5%; }
     .previous-number div.secondary { float: right; width: 40%; padding: 0 5%; }
      .previous-number div.secondary img { width: 100%; height: 100%; }
    
    #content { width: 100%; }
    #content article.page div.entry-content { width: 84%; padding: 3%; margin: 0 auto; }

    #bottom-inner { width: 100%; padding-bottom: 10%; min-height: 0; }
    #authors { float: none; width: 70%; min-height: 0; margin: 0; padding-right: 15%; padding-left: 15%; padding-bottom: 15%; text-align: center; }
    #newsletter { float: none; width: 100%; padding: 0; }
    #newsletter { width: 90%; min-height: 0; padding: 5%; }
    #newsletter h2,
    #newsletter h3 { text-align: center; }    
    #newsletter h3 { font-size: 18px; }
    
    .form-b .bgr { display: none; }

    #like-box { display: none; }
}


@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation : portrait),
(min-width: 768px) and (max-width: 959px) and (orientation : landscape)
{
    
    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; }
    
    #newsletter form { width: 450px; margin: 0 auto 10px; }
    
	#authors { padding-bottom: 0;}
	
	#bottom { background: #2b2b2b; }
    #bottom p.copyrights { left: 5%; }
    .links-footer { right: 5%; }
    
    .links li:first-child {margin: 60px auto 30px; width: 198px; float: none}
    
    .form-a {width: 398px; margin: 40px auto 20px;}    
    .form-a p.holder-a input,
    .form-a p.holder-a label{ font-size: 1.5em;}
    .form-a p.holder-a input.input-a {padding: 0 10px 0 80px; width: 181px;}
    .form-a p.holder-a input.submit-a{width:93px}
    .form-a p.terms {color: black; font-size: 1.5em}
    .form-a p.terms a{color: #f05f00;}
    .form-a p.terms span.checkbox-wrapper {margin: 0 5px 0 0;}
    .form-a p.error-info {height: 20px}

	.header-d { font-size: 2.8em !important; }
	.header-e { font-size: 2.4em !important; }
	
	.box-a { bottom: 15px; }
	 .box-a p { font-size: 1.2em; }
	
	.box-d .primary-a { width: 180px; margin: 0 30px 0 0; }
	.box-d .primary-a p { padding: 0 0 0 20px; font-size: 1.8em; }
	.box-d .secondary-a { width: 540px; }
    
}


@media only screen and (max-width: 767px)
{
    html { font-size: 80%; }
    
    body { padding: 0 !important; }
    
    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; }
    
    #top { position: static; left: auto; top: auto; }
    
    #like-box { display: none; }
    
    h2 { font-size: 20px; }
    h2.title-a, h1.entry-title { font-size: 20px; }
	.header-d { font-size: 2em; }
	.header-f { font-size: 2.2em; }
	.header-g { font-size: 2em; }
    
    .form-b { width: 100%; }
    .form-b p { margin: 10px 0 0; }
    .form-b .bgr { display: none; }
    .form-b label.label-a { display: block; float: none; width: 100%; padding: 0; text-align: left; }
    .form-b input.input-a { box-sizing: border-box; display: block; float: none; width: 100%; }
    .form-b input.input-b { float: left; width: 50%; }
    .form-b textarea {  box-sizing: border-box; display: block; float: none; width: 100%; }
    .form-b input#submit { float: none; display: block; margin: 0 auto; }
	
.form-b p.datamin { padding-left: 0px; font-size: 11px !important; }
 .form-b p.datamin a { font-size: 11px; }
    
    #bottom { background-image: none; }
    #authors { width: 90%; min-height: 0; padding: 15% 5%; }
    #authors p.desc { padding: 0; font-size: 14px; }

    #newsletter { padding: 15% 5%; }
    #newsletter input.newsletter-email { width: 240px; background-image: none; background-color: #000; }
    #newsletter input.newsletter-email { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
    
    #bottom p.copyrights { position: static; left: auto; bottom: auto; margin: 0 0 5%; text-align: center; }
    
    .links-footer { position: static; right: auto; bottom: auto; text-align: center; }
    
    #articles.articles-a #articles-wrapper { padding: 10px; }
    #articles div.primary-a { padding: 0; }
    .home #content h2 { font-size: 28px; }
    .home #content .header-a { font-size: 3em; }
    .home #content .header-b,
    .home #content #articles p.title-a { font-size: 1.8em; }
    
    .list-a { border: none; }
    .list-a li { float: none; width: 100%; margin: 15px 0 0; font-size: 1.8em; }
    .list-a li:first-child { margin: 0; }
    
    .list-b li { font-size: 1.8em; }
    
    .flexslider .slides > li { width: 300px !important; }
    
	.team-wrapper { margin: 0 0 35px; }
	
	.box-a { position: static; left: auto; bottom: auto; width: 90%; margin: 5% auto 0; }
	.box-a p { color: #6b6b6b; }
	.box-a br { display: none; }
	
	.box-b { width: 90%; margin: 0 auto 45px; padding: 0 0 45px; }
	
	.box-c .no,
	.box-c .inner { left: 20px; }
	
	.box-d { width: 92%; margin: 0 auto 40px; }
	.box-d .primary-a { float: none; width: 100%; margin: 0 0 5%; padding: 0; }
	.box-d .primary-a p { padding: 0; background: none; }
	.box-d .secondary-a { float: none; }

}

@media only screen and (min-width: 480px) and (max-width: 767px)
{
    #previous-numbers-inner {width: 90%}    
    #previous-inner {width: 100%}
    .previous-number { width: auto; padding: 0; }
    div#cookies-info p { font-size: .8em !important; line-height: 1em; }
    .links li:first-child {margin: 60px auto 30px; width: 198px; float: none}
    
    .form-a {width: 378px; margin: 40px auto 20px;}    
    .form-a p.holder-a input,
    .form-a p.holder-a label{ font-size: 1.5em;}
    .form-a p.holder-a input.input-a {padding: 0 10px 0 80px; width: 181px;}
    .form-a p.holder-a input.submit-a{width:93px}
    .form-a p.terms { color: black; font-size: 1.5em}
    .form-a p.terms a {color: #f05f00; }
    .form-a p.terms span.checkbox-wrapper { margin: 0 5px 0 0; }
    .form-a p.error-info {height: 20px}
}


@media only screen and (max-width: 479px)
{
    #previous-numbers-inner {width: 90%}
    #previous-inner {width: 100%}
    .previous-number { width: auto; padding: 0; }
    .links li:first-child {margin: 60px auto 30px; width: 198px; float: none;}

    #newsletter form p { float: none; overflow: hidden; margin: 0 0 10px; }
    #newsletter input.newsletter-email { box-sizing: border-box; width: 100%; margin: 0; }
    #newsletter input.newsletter-submit { float: none; display: block; margin: 0 auto; }
    .form-b input.input-b { width: 40%; }
    
    div#cookies-info p { font-size: 10px !important; line-height: 1.2em; }
    
    .form-a {width: 268px; margin: 40px auto 20px;}    
    .form-a p.holder-a input,
    .form-a p.holder-a label{ font-size: 1.5em;}
    .form-a p.holder-a input.input-a {padding: 0 10px 0 80px; width: 176px; margin-bottom: 10px}
    .form-a p.holder-a input.submit-a{width:93px; float: none; margin:0 auto; display: block}
    .form-a p.terms { color: #000; font-size: 1.5em}
    .form-a p.terms a {color: #f05f00; }
    .form-a p.terms span.checkbox-wrapper {margin: 0 5px 0 0;}
    .form-a p.error-info {height: 20px}
	
	.box-c .second,
	.box-c .third,
	.box-c .first { float: none; width: 100%; height: 250px; }
	
}


/*! 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: 8px; top: 40px;
 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 #logo { left: 10px; }
    #top-inner { min-height: 0; }
    #top .site-title { padding-left: 10px; }
    
    #top .site-title { margin-bottom: 15px; }
    #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: 12px; 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;
  }
}

/** Carousel **/

.jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    width: 200px;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/** Carousel Controls **/

.jcarousel-nav {
    height: 30px;
    position: absolute;
    right: 10px;
    top: 20px;
    width: 100px;
}


.jcarousel-nav a {
    background: url("/statics/img/buttons-sprite.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 35px;
    outline: medium none;
    text-indent: -9999px;
    width: 35px;
    float: left;
    margin-left: 10px
}

.jcarousel-control-prev {
    left: 15px;
}

.jcarousel-control-next {
    right: 15px;
}

.jcarousel-nav .jcarousel-control-next {
    background-position: -35px -220px;
}
.jcarousel-nav .jcarousel-control-prev {
    background-position: 0 -220px;
}
.jcarousel-nav .jcarousel-control-next:hover {
    background-position: -105px -220px;
}
.jcarousel-nav .jcarousel-control-prev:hover {
    background-position: -70px -220px;
}
.jcarousel-nav .jcarousel-control-next.flex-disabled {
    background-position: -175px -220px;
}
.jcarousel-nav .jcarousel-control-prev.flex-disabled {
    background-position: -140px -220px;
}




.box__popup::before {	display: block;	content: "";	position: fixed;	left: 0;	top: 0;	width: 100%;	height: 100%;	background-color: #969696;	opacity: .9; }
.box__popup { position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; }
.box__popup--content { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); box-sizing: border-box; border-radius: 5px; background-color: #fff; width: 600px; margin: 0 auto; padding: 40px; }
.box__popup p { margin: 0; font: normal 1.3em/1.4em open_sansregular, Arial, sans-serif; }
.box__popup p strong { font-family: open_sanssemibold, Arial, sans-serif; font-weight: normal;  }
.box__popup p strong.mod-a { font-size: 1.3em; }
.box__popup a { color: inherit; text-decoration: underline; }
.box__popup a:hover { text-decoration: none; }
.box__popup .box__popup--cta { padding: 40px 0 0; font-family: open_sanssemibold, Arial, sans-serif; }
.box__popup a.box__popup--btn { display: block; width: 240px; height: 46px; margin: 0 auto; color: #fff; background-color: #f26522; text-align: center; line-height: 46px; text-decoration: none; }
.box__popup .box__popup--close { position: absolute; right: 0; top: 0; padding: 20px; }
.box__popup .box__popup--close img { display: block; cursor: pointer; }









@media only screen and (max-width: 767px){
 .box__popup--content { position: absolute; left: 5%; top: 5%; transform: none; box-sizing: border-box; border-radius: 5px; background-color: #fff; width: 90%; margin: 0 auto; padding: 20px; }
 .box__popup p { font-size: 1.2em; line-height: 1.3em; }
 .box__popup .box__popup--cta { padding: 20px 0 0; }
}

@media only screen and (max-width: 320px)
{
	.box__popup--content { top: 2%; }
	.box__popup p { font-size: 1.1em; line-height: 1.2em; }
}