body {
background-color: #fff;
color: #444;
font-weight:300;
margin-left: 0px;
margin-bottom: 0px;
margin-right: 0px;
}
ul li {
line-height: 1.5em;
font-size: 1.1em;
font-weight:300;
}
html {
font-family: 'open sans', sans-serif;
}
.page {
max-width:1140px;
margin: auto;
background: ;
}
* {
box-sizing: border-box;
}
.row::after {
content: "";
clear: both;
display: table;
}
[class*="col-"] {
width: 100%;
float: left;
padding: 5px;
}
/* HEADER */
.header {
background-color: #fff;
color: #222222;
}
/* BACK TO TOP BUTTON*/
#myBtn {
display: none;
position: fixed;
bottom: 10px;
right: 5px;
z-index: 99;
font-size: 13px;
border: none;
outline: none;
background-color: #d3d3d3;
color: white;
cursor: pointer;
padding: 15px;
}
#myBtn:hover {
background-color: #777;
}
/* LOGO */
.logo {
float: left;
padding: 0;
width: 179px;
margin-top: 2px;
margin-bottom: 1px;
margin-left: 5px;
background-color: #fff;
}
/*  GÓRNE */
.topnav {
overflow: hidden;
background-color: #fff;
max-width:1140px;
margin: auto;
width: 100%;
}
.topnav a {
float: right;
display: block;
color: #222;
text-align: center;
padding: 10px 10px;
text-decoration: none;
font-size: 0.95em;
font-weight:500;
}
.topnav a:hover {
text-decoration: ;
color: #f48200;
}
.topnav .icon {
display: none;
}
.topnav a.rankingkont {
float: right;
display: block;
color: #f48200;
margin-top: -15px;
text-align: center;
padding: 10px 10px;
text-decoration: none;
font-size: 0.95em;
font-weight:500;
}
.topnav a.rankingkont:hover {
text-decoration: ;
color: #f48200;
}
a.menu {
margin-top: -15px;
}

@media screen and (max-width: 768px)
a.menu {
margin-top: 30px;
}

@media screen and (max-width: 768px) {
.topnav a:not(:first-child) {display: none;}
.topnav a.icon {
font-size: 1.9em;
margin-right: 15px;
margin-top: 5px;
float: right;
display: block;
    }
}
@media screen and (max-width: 768px) {
.topnav.responsive {position: relative;}
.topnav.responsive .icon {
font-size: 1.9em;
position: absolute;
right: 0;
top: 0;
    }
.topnav.responsive a {
float: none;
display: block;
text-align: left;
font-weight: 600;
margin-top: 1px;
    }
}

/* HEADER ADVERT */
.headertop {
    margin: auto;
    width: 65%;
    margin-top: 20px;
    margin-bottom: -15px;
}

/* BREADCRUMB */
ol.breadcrumb {
padding: 0px 4px;
list-style: none;
background-color: ;
color: #777;
}
ol.breadcrumb a {
color: #;
text-decoration: none;
}
ol.breadcrumb li {
display: inline;
}
/* SEKCJE ARTYKUŁ */
.article {
overflow: hidden;
width: 100%;
margin-top: 20px;
font-size: 1em;
}
.text {
text-decoration: none;
width: 100%;
font-size: 1em;
margin-top: px;
overflow: hidden;
}
/* ZDJĘCIA GŁÓWNE ARTYKUŁU */
img.home-post-image {
box-shadow: 0 1px 4px 0 rgba(0,0,0,.1), 0 0 6px 0 rgba(0,0,0,.1), 0 2px 2px -2px rgba(0,0,0,.15);
width: 98%;
margin-left: 3px;
margin-top: 0px;
high: auto:
}
img.home-post-image:hover {
-webkit-filter: brightness(0.9);
filter: brightness(0.9);
}
img.post-image {
box-shadow: 0 1px 4px 0 rgba(0,0,0,.1), 0 0 6px 0 rgba(0,0,0,.1), 0 2px 2px -2px rgba(0,0,0,.15);
width: 98%;
margin-left: 3px;
margin-top: 0px;
high: auto:
}
/* DATA PUBLIKACJI ARTYKUŁU */
.date-published {
text-align: left;
color: #666;
font-style: italic;
font-family: 'open sans', sans-serif;
font-size: 1em;
font-weight:300;
text-decoration: none;
}
/* RODZAJE TRZCIONEK */
p {
text-align: left;
line-height: 1.5em;
color: #444;
font-family: 'open sans', sans-serif;
font-size: 1.1em;
font-weight:200;
text-decoration: none;
}
strong {
text-align: left;
color: #222;
font-family: 'open sans', sans-serif;
font-size: 1em;
font-weight:500;
text-decoration: none;
}
a {
text-align: left;
color: #049e0b;
font-family: 'open sans', sans-serif;
font-size: 1em;
font-weight: 300;
}
hr {
border-top: 1px solid white;
}
/* W PIGUŁCE */
div.pigulka-info {
width: 100%;
float: left;
padding: 15px;
margin-left: 0px;
font-size: 1em;
margin-bottom: 20px;
border: 1px solid #ddd;
background-color: #f4f4f4;
}
/* POLECANE DLA CIEBIE W ARTYKULE*/
div.polecany-dla-ciebie {
width: 100%;
float: left;
color: #444;
padding: 0px 0px;
margin-left: 0px;
font-size: 1.2em;
line-height: 1.7em;
margin-bottom: 20px;
border: 0px solid #ddd;
background-color: #fff;
}
img.polecany-dla-ciebie {
float: left;
width: 27px;
height: 33px;
margin-right: 30px;
margin-left: 25px;
margin-top: px;
}
.polecany-dla-ciebie {
width: 100%;
text-align: left;
display: inline;
overflow: hidden;
color: #ff5a00;
font-family: 'open sans', sans-serif;
font-size: 1em;
font-weight: 400;
text-decoration: none;
}
a.polecany-dla-ciebie:hover {
text-decoration: underline;
color: #ff5a00;
}
/* TEMAT STRONY */
h1 {
text-align: left;
color: #222;
font-family: 'open sans', sans-serif;
font-size: 1.8em;
    font-weight: 500;
    text-decoration: none;
}
/* PODTEMATY STRONY */
h2 {
    text-align: left;
    overflow: hidden;
    color: #222;
    font-family: 'open sans', sans-serif;
    font-size: 1.5em;
    font-weight: 500;
    text-decoration: none;
}
h2:hover {
    color: #000;
    text-decoration: underline;
}
h3 {
    text-align: left;
    overflow: hidden;
    color: #222;
    font-family: 'open sans', sans-serif;
    font-size: 1.3em;
    font-weight: 400;
    text-decoration: none;
}
h4 {
    text-align: left;
    overflow: hidden;
    color: #222;
    font-family: 'open sans', sans-serif;
    font-size: 1.6em;
    font-weight: 500;
    text-decoration: none;
}
h5 {
    text-align: left;
    display: inline;
    line-height: 1em;
    color: #111;
    font-family: 'open sans', sans-serif;
    font-size: 1.7em;
    font-weight: 500;
    text-decoration: none;
}
h6 {
    text-align: left;
    display: inline;
    word-spacing: 10px;
    color: #444;
    font-family: 'open sans', sans-serif;
    font-size: 1em;
    font-weight: 200;
    text-decoration: none;
}
/* MAILCHIMP NEWSLETTER */
#mc_embed_signup {
    background: #ffffff;
    clear:left;
    font:14px;
    color: #fff
    font-family: 'open sans', sans-serif;
}
#mc_embed_signup_scroll {
    text-align: center;
}
/* AUTOR POD ARTYKUŁEM */
div.bottom-autor {
    margin-top: 30px;
}
img.bottom-autor {
    float: left;
    width: 100px;
    height: 100px;
    margin-left: 15px;
    margin-right: 15px;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
/* SOCIAMEDIA PRZYCISKI */
.sharethis-inline-share-buttons {
    margin-top: 30px;
}
/* OCENA GWIAZDKI */
.rating {
    margin-top: 30px;
}
a.star {
    color: #FFD700;
}
a.star :hover {
    color: #ff8c00;
}
a.stra {
    color: #b7b7b7;
}
a.stra :hover {
    color: #ff8c00;
}
/* FORMA DO KOMENTARZY I  */
input[type=text], select, textarea {
    width: 100%;
    padding:13px;
    border: 1px solid #ccc;
    border-radius: 0px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 6px;
    resize: vertical;
    font-family: 'open sans', sans-serif;
}
input[type=submit] {
    background-color: orange;  /* #45a049 */
    font-size: 1em;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
input[type=submit]:hover {
    background-color: orange;
}
.comments-form {
    border-radius: 0px;
    margin-top: 30px;
    background-color: #fff;
    padding: 0px;
}
/* POJEDYŃCZY KOMENTARZ  */
.single-comments {
    background-color: ;
    margin-top: 50px;
}
.comments-autor {
    text-align: left;
    display: inline;
    color: #222;
    font-family: 'open sans', sans-serif;
    font-size: 1em;
    font-weight: 500;
    text-decoration: none;
}
.comments-time {
    text-align: left;
    display: inline;
    color: #666;
    font-family: 'open sans', sans-serif;
    font-size: 0.7em;
    font-weight: 300;
    text-decoration: none;
}
img.comments {
    float: left;
    width: 60px;
    height: 60px;
    margin-left: 5px;
    margin-right: 15px;
    border-radius: 50%;
}
/* FOOTER */
.footer {
    clear:both;
    float: center;
    background-color: #222;
    color: #fff;
    font-weight: 500;
    line-height: 1.4em;
    text-align: left;
    font-family: 'open sans',sans-serif;
    font-size: 1em;
    padding: 2px 20px;
    overflow: hidden;
    text-decoration: none;
}
.footer-part {
    max-width:1140px;
    margin: auto;
    background-color: ;
}
.footer-title {
    text-align: left;
    line-height: 2.5em;
    color: #fff;
    font-family: 'open sans', sans-serif;
    font-size: 1.1em;
    font-weight: 400;
    text-decoration: none;
}
a.footer {
    text-align: left;
    line-height: 1.8em;
    color: #f2f2f2;
    font-family: 'open sans', sans-serif;
    font-size: 1em;
    font-weight: 300;
    text-decoration: none;
}
img.social-icon {
    float: left;
    width: 40px;
    height: 40px;
    margin-right: 10px;
}
.copyright {
    text-align: center;
    float: center;
    color: #f2f2f2;
    font-family: 'open sans', sans-serif;
    font-size: 0.9em;
    font-weight: 200;
    text-decoration: none;
}
/* FORMA DO KONTAKTU */
.contact-form {
    border-radius: 0px;
    margin-top: 10px;
    background-color: #222;
    padding: 0px;
}
/* SIDE BAR */
.aside {
    background-color: #fff;
    padding: 0px;
    margin-top: 20px;
    color: #fff;
    text-align: center;
    font-size: 0.8em;
}


/* KSIĄŻKA WIDOK */


div.ksiazka-maly-widok {
    width: 100%;
    float: right;
    padding: 10px;
    margin-left: 0px;
    margin-top: 20px;
    margin-bottom: 30px;
    font-size: 1.1em;
    border: 1px solid #ddd;
    background-color: #;
}


/* AUTOR INFORMACJA */
div.autor-info {
    width: 100%;
    float: right;
    padding: 20px;
    margin-left: 0px;
    font-size: 1.1em;
    border: 1px solid #ddd;
    background-color: #f4f4f4;
}
div.price-info {
    width: 100%;
    float: right;
    padding: 20px;
    margin-left: 0px;
    font-size: 1.1em;
    border: 1px solid #ddd;
    background-color: ;
}
img.autor-info {
    float: right;
    width: 87px;
    height: 87px;
    margin-right: 0px;
    margin-left: 8px;
    margin-top: px;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
/* WYSZUKAJ */
img.wyszukaj {
    margin-top: 30px;
    float: left;
    width: 100%;
    border: 1px solid #ddd;
    height: auto;
}
/* MAILCHIMP NEWSLETTER BARSIDE */

div.mailchimp-barside {
    margin-top: 30px;
    margin-bottom: 0px;
    width: 100%;
    border: 1px solid #ddd;
    float: right;
    background-color: ;
}
div.mailchimp {
    margin-top: 0px;
    margin-bottom: 60px;
    width: 100%;
    border: 1px solid #ddd;
    float: right;
    background-color:;
}
.mailchimp-title {
    text-align: left;
    display: inline;
    color: #222;
    font-family: 'open sans', sans-serif;
    font-size: 1.2em;
    font-weight: 500;
    text-decoration: none;
}
.mailchimp-title-zapisz-sie {
    text-align: left;
    display: inline;
    color: #222;
    font-family: 'open sans', sans-serif;
    font-size: 1.4em;
    line-height: 1.3em;
    font-weight: 400;
    text-decoration: none;
}
.mailchimp-title-zapisz-sie-mala {
    text-align: left;
    display: inline;
    color: #222;
    font-family: 'open sans', sans-serif;
    font-size: 1.4em;
    font-weight: 400;
    text-decoration: none;
}

input.required-email {
    margin-top: -5px;
    margin-bottom: -5px;
}

input.button-mailchimp {
    background-color: ;
    font-size: 1.1em;
    margin-bottom: 10px;
}
input.button-mailchimp:hover {
    background-color: ;
}

input.button-mailchimp-newsletter {
    background-color: ;
    font-size: 1.1em;
    margin-top: -8px;
    margin-bottom: 10px;
}



div.mailchimp-newsletter {
    margin-top: 0px;
    margin-bottom: 30px;
    width: 100%;
    border: 1px solid #ddd;
    float: right;
    background-color: #f4f4f4;
}
.mailchimp-title-zapisz-sie-newsletter {
    text-align: left;
    display: inline;
    color: #111;
    font-family: 'open sans', sans-serif;
    font-size: 1.3em;
    font-weight: 400;
    text-decoration: none;
}




/* ASIDE HEADING */
.aside-heading {
    text-align: center;
    display: inline;
    color: #111;
    font-family: 'open sans', sans-serif;
    font-size: 1.7em;
    font-weight: 500;
    text-decoration: none;
}
/* FACEBOOK LIKE */
div.facebook-like {
    margin-top: 30px;
    width: 100%;
    float: right;
}
/* NOWE POSTY ASIDE */
div.new-posts {
    width: 100%;
    float: right;
}
/* POST SIDEBAR */
div.post-aside {
    width: 100%;
    float: right;
    margin-top: 10px
}
img.post-aside {
    float: left;
    width: 45%;
    height: auto;
    margin-right: 10px;
}
img.post-aside:hover {
-webkit-filter: brightness(0.9);
filter: brightness(0.9);
}
a.post-aside {
    float: left;
    line-height: 1.3em;
    color: #333;
    font-family: 'open sans', sans-serif;
    font-size: 1.2em;
    font-weight: 400;
    text-decoration: none;
}
.post-aside a:hover {
    text-decoration: none;
    color: #000;
}
/* ZOBACZ ROWNIEZ */
a.zobacz-rowniez-a {
    text-align: center;
    font-weight: 400;
    color: #222;
    font-size: 0.8em;
    text-decoration: none;
}
img.zobacz-rowniez-img {
    float: center;
    width: 100%;
    height: auto;
}
img.zobacz-rowniez-img:hover {
-webkit-filter: brightness(0.9);
filter: brightness(0.9);
}
p.zobacz-rowniez-title {
    text-align: left;
    font-weight: 400;
    color: #222;
    font-size: 1.3em;
    margin-top: 1px;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: none;
}
/* BLOG IMAGE WHY */
img.why {
    width: 100%;
    high: auto:
}
/* BLOG GRID */
div.blog-grid {
    margin-top: 20px;
    text-decoration: none;
}
a.blog-post-title {
    text-align: left;
    overflow: hidden;
    color: #222;
    font-family: 'open sans', sans-serif;
    font-size: 1.15em;
    font-weight: 500;
    text-decoration: none;
}
.blog-post-title a:hover {
    text-decoration: ;
    color: #3e9042;
}
a.read-more {
    float: right;
    font-size: 0.9em;
    font-weight: 400;
    display: block;
    text-decoration: none;
    color: #FF9900;
}
/* PLIKI DO POBRANIA BOX */
div.download-file {
    width: 100%;
    float: left;
    padding: 10px;
    margin-top: 20px;
    margin-right: 20px;
    font-size: 0.9em;
    border: 1px solid #ddd;
    background-color: #f4f4f4;
}
img.download-icon {
    float: left;
    width: 27px;
    height: 33px;
    margin-right: 30px;
    margin-left: 25px;
    margin-top: px;
}
a.download-title {
    text-align: left;
    display: inline;
    overflow: hidden;
    color: #222;
    font-family: 'open sans', sans-serif;
    font-size: 1em;
    font-weight: 400;
    text-decoration: none;
}
a.download-title:hover {
    color: #000;
    text-decoration: underline;
}
/* USTAWIENIA HOME PAGE */
/* SECTION 1 */
div.home-section-1 {
    background-color: #fff;
    margin-top: 20px;
}
div.section-1 {
    overflow: hidden;
    max-width:1140px;
    width: 100%;
    margin: auto;
}
/* SECTION 2 */
div.bc-section-2 {
    background-color: #f7f7f7;
    margin-top: 10px;
}
div.section-2 {
    padding-top: 20px;
    overflow: hidden;
    max-width:1140px;
    width: 100%;
    margin: auto;
}
p.section-2-title {
    text-align: center;
    font-weight: 400;
    color: #f48200;
    font-size: 1.4em;
}
div.section-2-desc {
    text-align: center;
}
img.section-2-img {
    float: center;
    width: 40px;
    height: 40px;
}
p.section-2-desc {
    text-align: center;
    padding-left: 25px;
    padding-right: 25px;
}
/* SECTION 3 */
div.bc-section-3 {
    background-color: #fff;
    margin-top: 20px;
}
div.section-3 {
    overflow: hidden;
    max-width:1140px;
    width: 100%;
    margin: auto;
}
img.section-3-img {
    display: center;
    margin-left: 20px;
    margin-right: 20px;
    width: 97px;
    height: auto;
}
/* SECTION 4 */
div.bc-section-4 {
    background-color: #fff;
    margin-top: 20px;
}
div.section-4 {
    padding-bottom: 30px;
    overflow: hidden;
    max-width:1140px;
    width: 100%;
    margin: auto;
}
div.section-4-desc-border {
    border: 1px solid #ddd;
}
div.section-4-desc-border-1 {
    padding-left: 10px;
    padding-right: 10px;
}
p.section-4-title {
    text-align: left;
    font-weight: 400;
    color: #222;
    font-size: em;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
}
div.section-4-desc {
    text-align: center;
}
img.section-4-img {
    float: center;
    width: 100%;
    height: auto;
}
a.section-4-a {
    text-align: center;
    font-weight: 400;
    color: #222;
    font-size: 0.8em;
    text-decoration: none;
}
/* SECTION 5 */
div.bc-section-5 {
    background-color: #2b9b50;
    padding-bottom: 20px;
}
div.section-5 {
    overflow: hidden;
    max-width:1140px;
    width: 100%;
    margin: auto;
}
div.section-5-desc {
    text-align: left;
    padding-left: 15px;
    padding-top: 15px;
}
div.section-5-img {
    padding-top: 25px;
}
img.section-5-img {
    float: center;
    width: 90%;
    height: auto;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
p.section-5-desc {
    text-align: left;
    padding-left: px;
    color: #fff;
}
/* SECTION 6 */
p.section-6-title {
    text-align: center;
    font-weight: 400;
    color: #e47337;
    font-size: 1.4em;
}
p.section-6-desc {
    text-align: center;
    font-weight: 400;
    color: #fff;
    font-style: italic;
    font-size: 1.3em;
    padding-left: 25px;
    padding-right: 25px;
}
/* SECTION 7 */
img.section-7-img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    height: auto;
}
p.section-7-desc {
    text-align: center;
    font-weight: 300;
    line-height: 1em;
    color: #fff;
    font-size: 1.1em;
}
/* SECTION 8 */
div.bc-section-8 {
    background-color: #fff;
    margin-top: 20px;
}
div.section-8 {
    overflow: hidden;
    max-width:1140px;
    width: 100%;
    margin: auto;
}
p.section-8-title {
    text-align: center;
    font-weight: 400;
    color: #f48200;
    font-size: 1.4em;
}
div.section-8-desc {
    text-align: center;
}
img.section-8-img {
    float: center;
    width: 40px;
    height: 40px;
}
p.section-8-desc {
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
}
/* SECTION 9 */
div.bc-section-9 {
    background-color: #f7f7f7;
    margin-top: 10px;
}
div.section-9 {
    padding-top: 20px;
    padding-bottom: 10px;
    overflow: hidden;
    max-width:1140px;
    width: 100%;
    margin: auto;
}
div.blue-box {
    background-color: #0c4270;
    padding-top: 15px;
    padding-bottom: 15px;
}
div.white-box {
    background-color: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
}
p.section-9-title {
    text-align: center;
    font-weight: 400;
    color: #f48200;
    font-size: 1.4em;
}
div.section-9-desc {
    text-align: center;
}
img.section-9-img {
    float: center;
    width: 50px;
    height: 50px;
}
p.section-9-desc {
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
}
p.section-91-desc {
    color: #fff;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
}
/* SECTION 10 */
bc-section-10 {
    background-color: #fff;
}
div.section-10 {
    padding-top: 20px;
    overflow: hidden;
    max-width:1140px;
    width: 100%;
    margin: auto;
}
div.border-10-box {
    background-color: #fff;
    padding-top: 0px;
    padding-bottom: 20px;
    padding-left: 10px;
    border: 1px solid #ddd;
}
p.section-testimonial {
    color: #333;
    text-align: left;
    padding-left: 15px;
    padding-right: 15px;
}
img.section-10-img {
    float: left;
    width: 60px;
    height: 60px;
    margin-left: 15px;
    margin-right: 15px;
    border-radius: 50%;
}
span.testimonial-autor {
    float: left;
    text-align: left;
    color: #222;
    font-weight: 400;
    font-size: 1.1em;
    text-decoration: none;
}
span.testimonial-type {
    float: left;
    text-align: left;
    color: #2b9b50;
    font-weight: 300;
    font-size: 0.9em;
    text-decoration: none;
}
/* SECTION ERROR */
div.bc-section-error {
    background-color: #fff;
    margin-top: px;
}
div.section-error {
    padding-top: 20px;
    overflow: hidden;
    max-width:1140px;
    width: 100%;
    margin: auto;
}
p.error-number {
    font-weight: 300;
    line-height: 0em;
    font-size: 11em;
    text-align: center;
    color: #2b9b50;
}
.error-title {
    text-align: center;
    color: #2b9b50;
    font-size: 1.3em;
    line-height: 0em;
    margin-bottom: 100px;
}
/* WYSZUKIWARKA */
* {
    box-sizing: border-box;
}
#myInput {
    background-image: url('/icon/searchicon.png');
    background-position: 10px 12px;
    background-repeat: no-repeat;
    width: 100%;
    font-size: 1em;
    padding: 12px 20px 12px 40px;
    border: 1px solid #ddd;
    margin-bottom: 0px;
}
#myUL {
    list-style-type: none;
    padding: 5px;
    margin: 0;
}
#myUL li a span {
    text-decoration: none;
    font-size: 2em;
    color: black;
    display: block
}
#myUL li a:hover:not(.header) {
    background-color: #fff;
}
a.search-link {
    color: #004fac;
    font-size: 1.4em;
    line-height: 1.4em;
    font-weight: 400;
    text-decoration: none;
}
a.search-link:hover {
    color: #004fac;
    text-decoration: underline;
}
span.search-data {
    font-size: 1em;
    line-height: 1.5em;
    color: #2b9b50;
    text-decoration: none;
}
span.search-description {
    font-size: 1em;
    line-height: 1.5em;
    color: #444;
    text-decoration: none;
}
/* CYTATY */
.ludwig {
    position: relative;
    padding-left: 0.5em;
    border-left: 0.2em solid #f3c525;
    font-family: 'Roboto', serif;
    font-style: italic;
    font-size: 1.6em;
    line-height: 1.4em;
    font-weight: 200;
}
.ludwig:before, .ludwig:after {
    content: '\201C';
    font-family: 'Sanchez';
    color: #f3c525;
}
.ludwig:after {
    content: '\201D';
}
/* KALKULATOR WYNAGRODZENIA */
.wynagrodzenie {
    overflow: hidden;
    background-color: #fff;
    width: 100%;
}
.wynagrodzenie a {
    float: left;
    color: #F2F2F2;
    width: 33%;
    background-color: #45a049;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}
.wynagrodzenie a:hover {
    background-color: #fff;
    color: #3e9042;
}
.wynagrodzenie a.active {
    background-color: #fff;
    color: #333;
    border-top: 1px solid #45a049;
    border-left: 1px solid #45a049;
    border-right: 1px solid #45a049;
}
.wynagrodzenie a:hover:not(.active) {
    background-color: #fff;
    color: #333;
    border-top: 1px solid #45a049;
    border-left: 1px solid #45a049;
    border-right: 1px solid #45a049;
}
/* KALKULATOR VAT */
.podatek-vat-button {
    overflow: hidden;
    background-color: #45a049;
    width: 100%;
}
.podatek-vat-button a {
    float: left;
    color: #F2F2F2;
    width: 50%;
    background-color: #45a049;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}
.podatek-vat-button a:hover {
    background-color: #fff;
    color: #3e9042;
}
.podatek-vat-button a.active {
    background-color: #fff;
    color: #333;
    border-top: 1px solid #45a049;
    border-left: 1px solid #45a049;
    border-right: 1px solid #45a049;
}
.podatek-vat-button a:hover:not(.active) {
    background-color: #fff;
    color: #333;
    border-top: 1px solid #45a049;
    border-left: 1px solid #45a049;
    border-right: 1px solid #45a049;
}
.pole-oblicz {
    background-color: #f2f2f2;
}
input[type=button] {
    background-color: #45a049 ;
    font-size: 1em;
    color: white;
    padding: 16px 30px;
    border: none;
    border-radius: 0px;
    cursor: pointer;
}
input[type=button]:hover {
    background-color: #3e9042;
}





input[type=number], select, textarea {
    width: 100%;
    padding: 13px;
    border: 1px solid #ccc;
    border-radius: 0px;
    box-sizing: border-box;
    margin-top: 6px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    margin-bottom: 16px;
    resize: vertical;
}
.procent {
    padding: 13px;
    width: 100%;
    margin-top: 6px;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #ccc;
    background-color: #fff;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    }
/* SUBSKTUPCJA */
div.subskrybuj {
    width: 100%;
    float: right;
    padding: 0px;
    margin-left: 0px;
    font-size: 1.1em;
    border: 0px solid #ddd;
    background-color: #fff;
}
img.subskrybuj {
    float: right;
    width: 120px;
    height: 36px;
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 10px;
    margin-bottom: 0px;
}
/* YOU TUBE */
.iframe-youtube{
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
}
.iframe-youtube iframe{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* RANKING */
.ranking {
    overflow: hidden;
    background-color: #fff;
    width: 100%;
}
.ranking a {
    float: left;
    color: #ffffff;
    width: 100%;
    background-color: #45a049;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}
.ranking a:hover {
    background-color: #fff;
    color: #3e9042;
}
.ranking a.active {
    background-color: #fff;
    color: #333;
    border-top: 1px solid #45a049;
    border-left: 1px solid #45a049;
    border-right: 1px solid #45a049;
}
.ranking a:hover:not(.active) {
    background-color: #fff;
    color: #333;
    border-top: 1px solid #45a049;
    border-left: 1px solid #45a049;
    border-right: 1px solid #45a049;
}

.search-box {
    font-size: 16px;
}
fieldset {
    border-width: 0px;
}

/* WYNIKI RANKINGU */
a.middle_form {
    font-size: 1.2em;
    display: block;
    background-color: #ff5800;
    color: #ffffff;
    height: 50px;
    line-height: 20px;
    margin: 4px 0 15px 0;
    padding: 15px 4px 2px 4px;
    text-align: center;
    cursor: pointer;
    font-family: 'open sans', sans-serif;
    text-decoration: none;
    border: 0px solid #ddd;
}
a.middle_form:hover {
    background-color: #e65001;
}
a.middle_more {
    font-size: 1.1em;
    display: block;
    background-color: #fff;
    color: #777777;
    height: 50px;
    line-height: 20px;
    margin: 4px 0 3px 0;
    padding: 0 4px 2px 4px;
    text-align: center;
    cursor: pointer;
    border: 0px solid #ddd;
    font-family: 'open sans', sans-serif;
    text-decoration: none;
}
h2 a {
    margin-left: 10px;
    text-align: left;
    color: #45a049;
    font-family: 'open sans', sans-serif;
    font-size: 1.1em;
    font-weight: 400;
    text-decoration: none;
}
img.middle_vendor_logo {
    float: left;
    margin-top: px;
}
div.middle_product h2 a {
    color: #222222;
    margin-top: 20px;
}
div.middle_product h3 {
    display: none;
}
.middle_product ul {
    padding: 0 0 0 16px;
}
div.middle_product {
    border-color: 1px solid #f2f2f2;
    padding: 10px 10px 16px 10px;
    line-height: 40px;
}
div.middle_buttons {
    width: 160px;
    padding: 3px 0 3px 6px;
    float: right;
    margin-left: 16px;
    clear: right;
    font-family: 'open sans', sans-serif;
    text-decoration: none;
    display: flex;
    flex-direction: column-reverse;
}
h2, h3, .middle_buttons {
    display: inline-flex;
}

/* SIDEBAR LIKI DO RANKINGU */
div.ranking-aside {
    margin-top: 0px;
    width: 100%;
    float: left;
}
div.ranking-list-aside {
    width: 100%;
    float: left;
    color: #444;
    padding: 10px 30px;
    font-size: 1.1em;
    line-height: 2em;
    text-align: left;
    border: 1px solid #ddd;
    background-color: #fff;
}
.lista-ranking-aside {
    text-align: left;
}
a.link-ranking-sidebar {
    width: 100%;
    text-align: left;
    overflow: hidden;
    color: #45a049;
    font-family: 'open sans', sans-serif;
    font-size: 1.3em;
    font-weight: 400;
    text-decoration: none;
}
a.link-ranking-sidebar:hover {
    text-decoration: underline;
    color: #45a049;
}





/* BANER REKLAMOWY ANKIETA */
/*  background: linear-gradient(135deg,#46c0c5,#348f93); */
div.reklama-ankieta {
    width: 100%;
    border: 0px solid #ddd;
    background: #fff; /* #48c24e-zielony */
    float: left;
    text-align: center;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}
span.ankieta-title {
    font-size: 1.3em;
    line-height: 1.4em;
    font-weight: 500;
    text-decoration: italic;
    color: #111;
}
div.ankieta-box-title {
    margin-top: 20px; /* 20px jeśli są 3 liniki, 30px jeśli 2 liniki */
}
div.img-reklama {
    text-align: center;
}
div.ankieta-button {
     text-align: center;
}
img.img-reklama-ankieta {
    width: 200px;
}
.button-kontakt-ankieta {
background-color: #fff;
border: none;
color: #fff;
padding: 12px 25px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 1em;
transition-duration: 0.4s;
cursor: pointer;
}
.button-orange-kontakt-ankieta {
background: orange;
color: #fff;
border: 1px solid orange;
border-radius: 4px;
cursor: pointer;
}
.button-orange-kontakt-ankieta-[WYLACZONY] :hover {
background-color: #fff;
color: orange;
border: 1px solid orange;
cursor: pointer;
}


/* REKLAMA W ARTYKUŁACH */
div.reklama-artykul {
    width: 100%;
    border: 1px solid #ddd;
    background-color: #fff;
    float: left;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 50px;
}
div.reklama-artykul-google {
margin-top: 20px;
margin-bottom: 30px;
}
img.img-reklama-artykul-g {
width: 100%;
}

div.reklama-artykul-side {
    width: 100%;
    border: 1px solid #ddd;
    background-color: #fff;
    float: left;
    text-align: center;
    margin-top: 40px;
}
img.img-reklama-artykul {
    width: 100%;
}
span.adv-title {
    font-size: 1.6em;
    font-weight: 600;
    color: #00a000;
}
span.adv-subtitle {
    font-size: 1.4em;
    line-height: 1.4em;
    font-weight: 500;
    text-decoration: italic;
    color: #333;
}
span.price-before {
    font-size: 2em;
    font-weight: 300;
    color: #333;
}
span.price-now {
    font-size: 2.5em;
    font-weight: 400;
    color: #da3309;
    padding: 20px 15px 0 0;
}
img.button-buy {
    width: 240px;
}
#timer {
  font-family: Arial, sans-serif;
  font-size: 0.8em;
  color: #da3309;
  letter-spacing: -1px;
}
#timer span {
  font-size: 2em;
  color: #da3309;
  margin: 0 3px 0 15px;
}
#timer span:first-child {
  margin-left: 0;
}
/* PRZYCISKI NA STRONE KURSÓW */
.button-kontakt {
background-color: #fff;
border: none;
color: #fff;
padding: 12px 25px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 1.1em;
transition-duration: 0.4s;
cursor: pointer;
}
.button-orange-kontakt {
background: orange;
color: #fff;
border: 1px solid orange;
border-radius: 4px;
}
.button-orange-kontakt:hover {
background: #fff;
color: #f58e29;
}
a.button-ofer {
color: #fff;
text-align: right;
text-decoration: none;
}
a.button-ofer:hover {
color: #f58e29;
text-decoration: none;
}

.button-kontakt-dark {
background-color: #fff;
border: none;
color: #fff;
padding: 12px 25px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 1.1em;
transition-duration: 0.4s;
cursor: pointer;
}
.button-orange-kontakt-dark {
    background: #FF8C00;
color: #fff;
border: 1px solid #FF8C00;
border-radius: 4px;
}
.button-orange-kontakt-dark:hover {
background: #fff;
color: #FF8C00;
}

.button-kontakt-red {
background-color: #fff;
border: none;
color: #fff;
padding: 12px 25px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 1.1em;
transition-duration: 0.4s;
cursor: pointer;
}
.button-orange-kontakt-red {
    background: #FF4500;
color: #fff;
border: 1px solid #FF4500;
border-radius: 4px;
}
.button-orange-kontakt-red:hover {
background: #fff;
color: #FF4500;
}


























/* POP-UP */
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
padding-top: 70px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
}
.modal-content {
position: relative;
background-color: #fefefe;
margin: auto;
padding: 0;
border: 1px solid #fff;
border-radius: 4px;
width: 97%;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
-webkit-animation-name: animatetop;
-webkit-animation-duration: 0.4s;
animation-name: animatetop;
animation-duration: 0.4s
}
@-webkit-keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
}
@keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
}
.close {
color: #444;
float: right;
font-size: 38px;
font-weight: bold;
}
.close:hover,
.close:focus {
color: orange;
text-decoration: none;
cursor: pointer;
}
.modal-header {
padding: 2px 16px;
background-color: #fff;
color: white;
}
.modal-body {
padding: 2px 16px;
}



div.kursy-sidebar {
margin-top: 30px;
width: 100%;
float: left;
}
img.kursy-sidebar-img {
width: 100%;
}



/* LAZY LOAD */
.post { 
    opacity: 0; /* Ukrywamy wszystkie posty na starcie */
    transition: opacity 0.3s ease-in-out; /* Animacja odkrywania */
}
.post.visible { 
    opacity: 1; /* Odkrywamy posty, które będą widoczne */
}



/* SCREEN SIZE NA TELEFONY */
[class*="col-"] {
    width: 100%;
}
@media only screen and (min-width: 768px) {
    /* SCREEN SIZE NA KOMPUTERY */
    .col-1 {width: 2%;}
    .col-2 {width: 33%; float: left; margin: auto;}
    .col-3 {width: 28%;}
    .col-4 {width: 40%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 70%;}
    .col-7 {width: 49%;}
    .col-8 {width: 66.66%; float: left;}
    .col-9 {width: 75%;}
    .col-10 {width: 25%; float: left; margin: auto;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%; float: left;}
    .col-13 {width: 7%;}
    .col-14 {width: 15%; float: left; margin: auto;}
    .col-15 {width: 20%;}
    .col-16 {width: 80%;}
    .col-17 {width: 17%;}
    .col-18 {width: 4%;}
    .col-19 {width: 48%; float: left;}
    .col-20 {width: 100%; float: center;}
    .col-21 {width: 7%;}
}
.col-7 {
    margin-top: 20px;
}
.col-13 {
    margin-top: 20px;
}
.col-14 {
    text-align: right;
}
.col-20 {
    padding-top: 0px;
    padding-bottom: 0px;
}