html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*, *:before, *:after {-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;}
body{background:#ffffff;margin:0px; font-family:Poppins,Roboto,Arial,Tahoma,sans-serif;font-size:0.9rem;line-height:1.3rem;font-weight:400;letter-spacing:0.5px;color:#0c1e30} 
p{margin:10px 0px 10px 0px}
hr{background:transparent;border:0;border-bottom:1px solid #e6e6e6;color:#ffffff }
img{text-decoration:none;border:0px;margin:0px;}
.acenter{text-align:center}
.code{padding:10px;font-size:12px;height:100px}
input[type=text], input[type=password], input[type=email], select, textarea{font-family:Roboto,Arial,Tahoma,sans-serif;font-display:swap;box-sizing:border-width;width:100%;padding:12px;font-size:17px;border:1px solid #cccccc;border-radius:2px}
input[type=text]:hover, input[type=password]:hover, input[type=email]:hover, select:hover, textarea:hover, input[type=checkbox]:hover, input[type=file]:hover{border-color:#ffcc00;}
input[type=submit], .button{display:inline-block;padding:10px 15px 10px 15px;font-family:Roboto,Arial;cursor:pointer;font-weight:800;background-repeat:no-repeat;border:0px;background:#ffcc00;border-radius:3px;color:#0c1e30;text-transform:uppercase}
a.button{display:inline-block}
button{font-family:Poppins,Arial}
input[type=submit]:hover, .button:hover{background-color:#ff9000}
input[type=checkbox] {cursor:pointer;
    padding-left:5px;
    padding-right:5px;
    border-radius:3px;

    -webkit-appearance:button;

    border: double 1px #cccccc;

    background-color:#ffffff;
    color:#FFF;
    white-space: nowrap;
    overflow:hidden;

    width:25px;
    height:25px;
}
ul{padding:0px 0px 20px 20px;margin:0px}
li{margin:0px}
input[type=checkbox]:checked {background:#00d81e;border:2px solid #038215;color:#000000}
input[type=radio]{cursor:pointer;padding:2px;border-radius:23px;width:23px;height:23px}
input[type=file]{font-family:Raleway,Arial;font-display:swap;border:1px solid #cccccc;padding:10px;width:100%;display:block;border-radius:3px;cursor:pointer}
input:focus,select:focus,textarea:focus{outline:none}
.big{padding:19px 55px 17px 55px;font-size:22px;font-weight:800}
a{color:#0c1e30;text-decoration:none}
a:hover{color:#000000;text-decoration:none}
.img{vertical-align:middle;padding:5px;background:#cccccc;border-radius:50% 50%}
.s24{width:32px;margin:1px 5px 0px 0px}
.clear{clear:both}
.small{font-size:0.8rem}
.medium{font-size:0.85rem}
.smallinfo{padding:10px 10px 10px 50px;margin-bottom:10px;font-size:13px;line-height:19px}
.smallcenter{background:#ffffff;padding:15px 15% 15px 15%;line-height:25px}
.smallcenter ul{margin:25px;}
.c{text-align:center}
h1{font-family:Poppins,Arial;1.4rem;line-height:2.2rem;margin:20px 20% 10px 0px;font-weight:700}
h2{font-family:Poppins,Arial;font-size:1.2rem;margin:15px 0px 15px 0px;font-weight:700;line-height:1.6rem}
h3{font-family:Poppins,Arial;font-size:1.1rem;margin:15px 0px 15px 0px}

.error{padding:20px 10px 23px 85px;color:#f60100;font-size:13px;background:url(../gfx/error.png) no-repeat left #fff8f6;border:1px solid #ffb7b7;border-radius:2px;margin:10px 0px 10px 0px}
.errorrow { background: #FFC8BF;  }
.ok { padding: 23px 15px 23px 55px; color:#2D5A1F;font-size:13px;background: #bdf1ac; border: 1px solid #99dc98; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;margin:10px 0px 10px 0px}

.info{padding:15px;color:#01476E;font-size:0.8rem;background: #DAEFFB;border:1px solid #ACDBEF;border-radius:2px;margin:10px 0px 10px 0px}
.info p{margin:0px;padding:0px}
.alert{font-weight:800;color:#ff0000}

.button2{cursor:pointer;margin-right:1px;border:0px;padding: 15px 15px 15px 70px;background:#ae0808;text-transform:uppercase;font-size:13px;font-weight:600;display:inline-block;color:#ffffff;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}
.button2:hover{background:#850606;color:#ffffff;text-decoration:none}
.all{width:90%;margin:0px auto}
.center{width:80%;margin:0px auto}

.line{position:absolute;width:20px;height:3px;background:#193046;margin-top:-1px}
.box{padding:0px 25% 0px 25%}

ul.oferta{padding:0px;list-style: square;}
.oferta li{float:left;margin:0px;padding:0px 20px 0px 0px;list-style-type:disc;list-style:inside}

.rating-container {padding:0px 0px 5px 0px;
  display: flex;
  align-items: center;           /* kluczowe - wyrównanie w pionie */
  gap: 10px;                     /* odstęp między gwiazdkami a liczbą */
}

.stars3 {
  position: relative;
  display: inline-block;
  font-size: 1.3rem;             /* rozmiar gwiazdek */
  color: #ddd;

}

.stars3::after {
  content: "\2605\2605\2605\2605\2605";
  position: absolute;
  top:0;
  left: 0;
  color: #ffb700;
  width: calc(var(--rating) * 20%);
  overflow: hidden;transform: translateY(-0.5px);
}

.rating-count{color: #777;font-size:0.7rem}

#top{background:#193046;color:#ffffff;height:61px}
#top a{color:#ffffff;font-weight:700}
#logo{vertical-align:top;padding:18px 10px 10px 0px;display:inline-block;font-size:17px}
#logo a img{vertical-align:middle;margin-top:-3px}
#logo a{display:block}
#logo a:hover{color:#ffffff}

#topleft{width:25%;float:left;padding:14px}

#topright{display:inline-block;float:right;text-align:right;font-size:14px;padding:11px 0px 0px 0px}
#topright i{font-size:20px;display:block;position:relative;top:3px;float:left;margin:0px 10px 0px 0px}
#topright a{display:block;float:left;padding:8px 12px 6px 12px;color:#ffffff;border-radius:1px}  
#topright a:hover{background:#ffae00;color:#193046} 

#topright .fb-like{padding:9px 0px 0px 10px;font-size:11px;font-weight:700}
#topright .fb:hover{background:#4267b2;color:#ffffff}

#search{position:relative;z-index:9999999;display:inline-block;max-width:50%;padding:15px 0px 8px 8px;height:50px;}
##search:hover input[type=text] {border:1px solid #ffcc00}
##search:hover input[type=submit] {border:1px solid #ffcc00;border-left:0px}

##search input[type=text]{float:left;width:75%;padding:10px;font-size:15px;padding:7px;font-family:Roboto,Arial;border:1px solid #ffffff;border-radius:0px}
##search input[type=submit]{position:relative;float:left;width:25%;background:#ffffff;height:33px;padding:5px;margin:0px 0px 1px -12px;border:1px solid #ffffff;font-size:11px;text-transform:uppercase;border-radius:0px;border-left:0px;font-weight:800;margin-left:-20px}
##search input[type=submit]:hover{cursor:pointer;background:#ffcc00;color:#193046;border-left:0px}
#search button{border-radius:0px;height:31px;margin-left:-12px}
#search button:hover{cursor:pointer;background:#ffcc00}

#menu{background:#ffcc00;border-bottom:1px solid rgba(25,48,70,0.1);padding:4px 0px 4px 0px}
#breadcrumb{padding:12px 0px 12px 0px;font-size:11px;color:#5E5E5E;border-bottom:1px solid #e6e6e6}
#breadcrumb li a{color:#5E5E5E}
#breadcrumb li a:hover{color:#000000}
#breadcrumb ol{list-style:none;margin:0px;padding:0px}
#breadcrumb li {display:inline;}
#breadcrumb ol li+li:before {padding:8px;color:A0A0A0;content: "/\00a0";}

#homesearch{background:#ffcc00;color:#193046;padding:35px 0px 20px 0px}
#homesearch h1{font-family:Poppins,Arial;font-weight:300;font-size:15px;position:relative;left:0px;z-index:9999}
##homesearch h1:before{content:' ';width:123px;height:93px;position:absolute;padding:10px;margin-left:130px;margin-top:-25px;background:url(../gfx/dobrego.png) no-repeat;font-size:17px;border-radius:5px;z-index:-1}
#homesearch input[type=text]{height:55px;font-size:17px;font-weight:400;padding:18px;border-radius:0px;border:0px}
#homesearch input[type=text]:hover,#homesearch select:hover{background:#fff5ce}
#homesearch select{height:55px;font-size:18px;font-weight:400;border-radius:0px;border:0px}
#homesearch span{font-size:40px;font-weight:700;display:block;padding:0px 0px 25px 0px}
.homesearchkeyword{float:left;width:55%;padding:0px 1px 0px 0px}
.homesearchcategory{float:left;width:30%;padding:0px 1px 0px 0px}
.homesearchbutton{float:left;width:15%;padding:0px 0px 0px 0px}
.homesearchbutton input[type=submit]{padding:18px 14px 17px 14px;background:#ffffff;height:55px;width:100%;font-size:15px;font-weight:700;border:0px;border-radius:0px}
.homesearchbutton input[type=submit]:hover{background:#193046;color:#ffffff;text-shadow:none}

.homedesc{float:left;width:60%;padding:15px 45px 0px 0px}
.homeowners{float:left;width:40%;padding:15px 0px 0px 0px}

#homenew .company{float:left;width:25%;font-size:14px;padding:10px 10px 30px 10px}
#homenew .company img, #homecomments .company img{width:100%;height:100%}
#homenew .company a span{display:block;border-top:1px solid #f1f1f1;min-height:55px;line-height:16px;padding:20px 5px 0px 0px;font-size:17px;font-weight:700}
#homenew .company a b, #homecomments .company a b{font-size:16px}
#homenew .company a:hover{color:#ffcc00;border-color:#ffcc00}

#homenews{padding:10px 0px 10px 0px}
#homenews img{width:100%}
#homenews a{display:block;min-height:65px;padding:5px 20px 5px 0px}
#homenews a:hover{text-decoration:underline}
#homenews b{display:block;padding:0px 15% 0px 0px;min-height:3.8rem}
#homenews p{margin:5px 20px 5px 0px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

#homecomments .company{float:left;width:25%;min-height:15rem;padding:15px 10px 30px 0px}
#homecomments .desc, #homenew .desc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:15px 0px 10px 0px}
#homecomments b{font-size:17px}
#homecomments .linksmall{display:inline-block;padding:6px;font-size:12px;border:1px solid #f1f1f1;border-radius:3px;margin:10px 0px 0px 0px}
#homecomments .linksmall:hover{background:#ffae00;border-color:#ffae00;color:#ffffff}
#homecomments .stars2{color:#ffae00;padding:3px 0px 3px 0px}
#homecomments .stars2 i{width:1rem;height:1rem;}

#newshop{padding:25px 20% 25px 20%;font-size:3vh;text-align:center;background:#ffcc00}
#newshop a{display:inline-block;padding:15px;border:2px solid #193046;border-radius:4px;font-weight:700;font-size:2.5vh;margin:15px 0px 0px 0px}
#newshop a:hover{background:#193046;color:#ffcc00}

#tags{}
#tags .tag{padding:3px 8px 3px 8px;display:inline-block;font-size:0.8em;border:1px solid #f1f1f1;border-radius:2px;margin:5px}

#about{padding:25px 20% 25px 20%;font-size:2vh;text-align:center;background:#193046;color:#ffffff}

.homesite{display:block;float:left;width:20%;padding:10px 10px 20px 10px;font-size:11px}

#categories div{width:24%;padding:0px 1% 20px 0px;display:block;float:left}
#categories div a{font-weight:bold;transition:all ease 0.3s}
#categories div a:hover{color:#ffcc00;transition:all ease 0.3s}
#categories div img{display:block;width:4rem;height:4rem;margin:0px 0px 10px 0px}

.subcenter{float:left;width:60%;padding:0px 35px 0px 0px}
.subcenter .smalldetails{font-weight:300;padding:0.7rem 4rem 0.5rem 0px;font-size:0.75rem;line-height:1.1rem;color:#9f9f9f}
.subcenter .smalldetails img{width:2.3em;height:2.3em;vertical-align:middle;position:relative;top:-0.3em;opacity:0.3;display:inline-block}

.subright{float:left;width:40%;;padding:0px 5% 0px 0px}
.subright #cena{padding:10px 0px 0px 0px}
.subright #cena .details{font-size:12px}
.subright #cena .cena{font-size:40px;font-weight:700;display:block;padding:20px 0px 10px 0px}
.subright #cena .pln{font-size:30px;font-weight:300}
.subright #cena > p > a{margin:10px 0px 10px 0px;display:inline-block;padding:15px 30px 15px 30px;text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:5px;background:#ff0000;color:#ffffff}
.subright #cena > p > a:hover{background:#e90000}
.subright #cena .productsmall{width:33.33%;display:block;float:left;min-height:300px;padding:10px;font-size:12px;line-height:19px}
.subright #cena .productsmall img{width:100%;padding:0px 0px 20px 0px}
.subcenter .location{font-size:15px;font-weight:700;padding:15px 15px 15px 0px;line-height:28px;margin-bottom:10px}

.subcenter > a > b{font-family:Raleway,'Open Sans',Arial;font-size:19px;font-weight:800}
.subcenter p{line-height:28px}
.subcenter p img{width:30%;margin-right:15px}
.subcenter p strong{font-weight:800}
.subcenter .details{display:table-cell;float:left;width:100%;font-size:16px;line-height:24px;padding:0px 10px 10px 0px}
.subcenter .details h4{margin:0px;font-size:20px}
.subcenter .details i{margin:0px 7px 0px 0px}

.subcenter .detailsf{display:inline-block;padding:0px 1rem 0px 0px}

.shopfacebook{display:block;padding:10px 0px 10px 0px;font-size:13px;opacity:0.7}

.subcenter .title{font-size:12px;padding:0px 0px 5px 0px;display:block}
.reviewscount a{float:left;font-size:13px;padding:5px 10px 4px 10px;margin:20px 6px 5px 8px;background:#ffcc00;border-radius:3px}
.reviewscount a:hover{background:#193046;color:#ffffff}
.subcenter h4{font-size:19px}

.subcenter2{float:left;width:40%;padding:10px 0px 0px 0px}
.subcenter .left{float:left;display:inline-block;width:50%;padding:0px 0px 0px 0px;background:#f1f1f1;text-align:left}
.subcenter .left img{width:100%;height:auto}
.subcenter .right{float:left;font-size:17px;width:50%;display:inline-block;padding:0px 0px 10px 25px}

.subcenter #opis{font-size:0.9rem}

.subbottom{width:100%;padding:10px 0px 0px 0px}
.subbottom p{line-height:24px}

.subopis{padding:20px 20% 20px 20%;text-align:center}

.opis2{width:75%;padding:5px 0px 15px 0px;margin:10px 0px 0px 0px;border-top:1px solid #f1f1f1}

.newsintro{font-size:1.1rem;line-height:1.7rem;font-weight:600;padding:15px 0px 10px 0px}
.newsintro .source{font-size:11px;text-align:right;padding:5px 15px 5px 15px;top:-60px;height:60px;position:relative;z-index:9;float:right;display:inline-block;background:rgba(255,255,255,0.8);color:#bbbbbb;font-weight:300}
.newsintro img, .newscontent p img{width:100%;height:auto;padding:10px 0px 5px 0px}
.newscontent{margin:0px 0px 0px 10px}
.newscontent p{padding:0px 0px 15px 0px}

:root {
  --video-ratio: calc(16 / 9);
  --video-container-max-width: 640px;
  --video-container-x-padding-sum: 2rem; /* eg, padding: 0 1rem */
}

.youtube-embed {
  --video-container-width: calc(100vw - var(--video-container-x-padding-sum));
  width: 100%;
  height: calc(var(--video-container-width) / var(--video-ratio));
}

@media only screen and (min-width: 672px) {
  .youtube-embed {
    --video-container-width: var(--video-container-max-width);
  }
}




#produkty > .produkt{width:20%;display:block;float:left;font-size:12px;padding:8px;min-height:300px}
#produkty > .produkt img{width:100%}
#produkty > .produkt .cena{font-weight:bold}

#produktyright > .produkt{width:33.33%;display:block;float:left;font-size:12px;padding:8px;min-height:300px}
#produktyright > .produkt img{width:100%}
#produktyright > .produkt .cena{font-weight:bold}

#newslist{}
#newslist .newslist{float:left;width:33%;padding:10px 10px 20px 0px;min-height:550px}
#newslist .newslist a{min-height:60px;font-weight:700;font-size:17px;display:block;}
#newslist .newslist img{width:100%;height:auto}
#newslist .newslist .short{padding:10px 30px 10px 0px;line-height:24px}
.adcenter{padding:5px 15px 5px 15px}

.listing{padding:0px 10px 10px 0px;margin-bottom:10px;border-top:1px solid #e6e6e6;min-height:200px}
.listingimg{float:left;width:30%;min-width:100px;padding-right:25px} 
.listingimg img{width:100%}
.listingimg > .small{font-size:10px;padding:8px 10px 5px 10px;display:block;}

.listingdesc{float:left;width:70%;line-height:25px;padding:5px 5px 0px 0px;font-size:0.8rem}

.listingdesc p{margin:0px 0px 10px 0px}

.listingstars{font-size:0.7rem;padding:0px 0px 15px 0px}

.rating{float:left;font-size:11px;color:#999999;padding:10px 0px 10px 0px}
.stars{float:left;margin:5px 10px 8px 0px;height:14px;width:80px;text-align:right;background:url('../gfx/stars-bg.png') no-repeat}
.stars img{display:inline-block;text-align:right;align:right}
.starsnone{display:inline-block;padding-top:5px}
.point{display:inline-block;float:left;position:relative;bottom:-3px}
.point span{font-size:19px;font-weight:800}



.listing a{display:block;font-weight:600;font-size:1.6rem;padding:18px 0px 10px 0px}
.listing a:hover{text-decoration:underline}

.listing img{display:block}

.listing-new{float:left;width:25%;padding:1rem 0px 3rem 0px}
.listing-new a{font-size:1.1rem;font-weight:bold}
.listing-new img{width:97%;padding:15px 0px 0px 0px}


.premium{background:#ffefc4;padding:1px 10px 5px 10px;margin:10px 0px 20px 0px}
.premium a b{font-size:32px;font-weight:400}
.premium .listingimg{float:left;width:35%;}
.premium .listingdesc{float:left;width:40%;}
#promo2{font-size:12px;padding:20px;line-height:23px;border-top:1px solid #f1f1f1}

#produkty{padding:0px 10% 0px 0px}
#produkty .produkt{float:left;display:block;width:14.66%;margin:1%;font-size:13px;line-height:19px;min-height:350px;padding:0px 15px 15px 0px}
#produkty div img{width:100%;height:100%;padding:5px 0px 10px 0px}
#produkty div .opis{padding:0px 0px 50px 0px;display:none;transition: all 0.2s ease;opacity:0}
#produkty div:hover .opis{display:block;position:absolute;z-index:5;width:200px;height:40%;background:rgba(255,255,255,0.9);transition: all 0.2s ease;opacity:1}
#produkty .nazwa{min-height:60px;display:block}
#produkty .cena{display:block;font-weight:bold;padding:5px 0px 5px 0px;margin:0px}
#produkty .small{font-size:11px;padding:0px 0px 0px 0px;display:block;opacity:0.6;margin:0px}
#special .w75 img, #special .w25 img{width:100%}
#special b{font-size:20px}
#special h2, #special h3, #special h4, #special h5{font-size:23px;font-weight:600;margin:10px 0px 20px 0px}
#special a.more{display:inline-block;padding:10px;border:1px solid #ffcc00;border-radius:2px;margin:10px 0px 10px 0px}
#special i{margin:0px 10px 0px 0px}

.listing3{width:25%;padding:1%;display:block;float:left;min-height:330px}
.listing3 a{font-weight:bold}
.listing3desc{padding:8px;font-size:13px}

.options{padding:15px 0px 0px 0px;align:center}
.options img{;-webkit-filter:opacity(50%);filter:opacity(50%);width:32px;height:32px}
.options a{display:inline-block}

#polecane,#polecaneindex{padding:10px 10% 10px 10px;font-size:13px;font-weight:700;border-bottom:1px solid #edf7fd;border-top:1px solid #edf7fd}
#polecane{border:1px solid #f1f1f1;border-radius:2px}
#polecane > span, #polecaneindex > span{display:block;position:relative;z-index:99;padding:5px;padding:10px;background:#ffffff}
#polecane a{width:29.33%;margin:2%;display:inline-block}

#polecane img{padding:10px}
#polecaneindex a{display:block;float:left;width:11.5%;margin:0.5%}
#polecaneindex img{width:100%;height:100%;padding:15px;}

#comments{line-height:25px;font-size:14px;padding:0px 0px 30px 0px}
#comments .comment{padding:0px 0px 30px 0px}
#comments .avatar{float:left;width:15%}
#comments .avatar img{width:80%;border-radius:50% 50%;border:1px solid #cccccc}
#comments .content{float:left;width:85%;}
#comments .date{font-size:11px;color:#595959}
#comments textarea{height:150px}
#comments input[type=submit]{padding:15px 25px 15px 25px;margin:10px 0px 10px 0px}
#comments .star p{margin:0px;padding:0px}
#comments .star{float:left;text-align:center;font-size:11px;padding:0px 2px 0px 2px}
#comments input[type=radio]{cursor:pointer;padding:2px;border-radius:3px;width:20px;height:20px}

.inne{float:left;width:50%;padding:10px;border-top:1px solid #f1f1f1}
.inne a{font-weight:700}


#share{padding:5px 0px 5px 5px;margin:10px 0px 10px 0px}
##.fix{position:fixed;right:0px;top:120px;width:66px;padding:0px 0px 10px 0px;margin:10px 0px 10px 0px;background:#ffffff;border-radius:1px;box-shadow:0px 0px 3px 0px rgba(0,0,0,0.2);z-index:9999}

#share span{float:left;padding:5px 10px 5px 0px;font-size:11px}
#share a{width:55px;height:32px;display:block;float:left;padding:6px 10px 6px 10px;border-radius:1px;margin:1px 0px 1px 0px}
#share .fb{background:url(../gfx/bg-fb.png) no-repeat center #4867aa}
#share .twitter{background:url(../gfx/bg-twitter.png) no-repeat center #1da1f2}
#share .google{background:url(../gfx/bg-google.png) no-repeat center #dd4b39}
#share .linkedin{background:url(../gfx/bg-linkedin.png) no-repeat center #0077b5}
#share .pinterest{background:url(../gfx/bg-pinterest.png) no-repeat center #D32F2F}
#share .mail{background:url(../gfx/bg-mail.png) no-repeat center #0077b5}

#prev a{position:fixed;bottom:10px;right:10px;padding:10px;background:#cccccc}

#social{padding:10px 30px 40px 30px;font-size:16px;text-align:center}
#social img{width:1rem;height:1rem}
#social a{margin:15px}

##socialside{padding:5px 0px 5px 5px;margin:10px 0px 10px 0px;text-align:center;position:fixed;right:0px;top:120px;width:66px;padding:0px 0px 10px 0px;margin:10px 0px 20px 0px;background:#ffffff;border-radius:1px;box-shadow:0px 0px 3px 0px rgba(0,0,0,0.2);z-index:9999}

#socialside{text-align:center;position:fixed;right:0px;top:120px;width:70px;margin:10px 0px 20px 0px;background:#f1f1f1f1;z-index:9999}

#socialside span{display:block;font-size:10px;line-height:13px;padding:11px 0px 0px 0px}
#socialside a{display:block;text-align:center;padding:15px 5px;margin:1px 0px 1px 0px}
#socialside a:hover{background:#ffffff}
#socialside img{width:1.4rem;height:1.4rem;margin:0 auto;display:block;align:center}
#socialside .fb i{color:#4867aa}
#socialside .twitter i{color:#1da1f2}
#socialside .instagram i{color:#e7396f}

#sitemap a{display:block;width:100%;padding:10px}
#footer{background:#e7ebee;padding:0px 0px 35px 0px;text-shadow:0px 1px 0px rgba(255,255,255,0.75)}

.footerblock{float:left;width:25%;padding-right:50px}
.footerblock span{text-transform:uppercase;font-size:13px;font-weight:800;padding:20px 15px 15px 15px;display:inline-block;border-top:3px solid #ffcc00;margin-top:-3px}
.footerblock a{display:block;padding:15px;border-top:1px solid #d4dbe0}
.footerblock a:hover{color:#000000;border-top:1px solid #ffcc00}

##.footerblock a:before{content:'\2192';font-weight:800;font-size:13px;margin-right:8px;color:#9bb3c5}
.cat{width:50%}
.cat a{width:33.33%;float:left}

.bottominfo{padding:20px 14% 50px 0px;font-size:0.9rem;line-height:1.5rem}
.bottom{text-align:center;display:block;font-size:13px;padding: 10px 0px 90px 0px;color:#7a8ea1;background:url(../gfx/logo-bottom.png) no-repeat center bottom #193046}
.bottom span{display:block;margin:10px 20% 10px 20%;line-height:22px}
.bottom a{color:#7a8ea1}

.bottommenu{text-align:center;display:block;padding:15px 0px 15px 0px;margin:25px 0px 15px 0px;border-top:1px solid #2c4155;border-bottom:1px solid #2c4155;}
.bottommenu a{display:inline-block;padding:20px 25px 20px 25px;color:#7a8ea1}
.bottommenu a:hover{color:#ffcc00}

label{display:block;padding:8px 10px 5px 0px;font-size:0.7rem;line-height:1rem}
label span{color:#ff0000;font-weight:800;font-size:18px;height:10px;}
.w20{float:left;width:20%;padding:1px 2px 10px 2px}
.w25{float:left;width:25%}
.w30{display:block;float:left;width:30%;padding:1px 2px 10px 2px}
.w33{float:left;width:33.33%;padding:1px 2px 10px 2px}
.w50{float:left;width:50%;padding:1px 2px 10px 2px}
.w70{display:block;float:left;width:70%}
.w75{display:block;float:left;width:75%}
.w100{width:100%;padding:1px 2px 10px 2px}
.w100 textarea{height:150px}
.wdetails{float:left;width:20%;text-align:center}
.b50{float:left;width:50%;padding:15px 20px 15px 0px}
.b50 a{display:block;padding:0px 0px 10px 0px;font-size:15px}

.cb1{float:left;width:5%;padding:10px 10px 0px 0px}
.cb2{float:left;width:95%;font-size:13px;padding:10px}
.cb2a{float:left;width:95%;font-size:11px;padding:10px 20% 10px 10px;line-height:15px}
.adf{padding:20px 0px 20px 0px}

.categoryadtop{padding:10px 0px 0px 0px}
.categoryadtop img{width:100%}

#sort{text-align:center;padding:25px 15px 45px 15px}
#sort a{color:#000000;font-size:17px;font-weight:800;display:inline-block;padding:12px 18px 12px 18px;text-shadow:0px 1px 0px rgba(255,255,255,0.5);margin:1px;border:2px solid #e7ebee;background:#ffffff}
#sort .sel{color:#000000;font-size:17px;font-weight:800;display:inline-block;padding:15px 22px 15px 22px;text-shadow:0px 1px 0px rgba(255,255,255,0.0);margin:-3px 1px 1px 1px;background:#ffcc00;color:#000000;border:2px solid #ffcc00}
#sort a:hover{background:#e7ebee}

#faq{font-size:0.9rem;width:70%;margin:0px auto;padding:15px;border:1px solid #f1f1f1;margin-bottom:20px}
#faq span{font-size:1rem;display:block;padding:15px 10px 10px 55px;font-weight:700}
#faq button{background:#f1f1f1;margin:5px}

.question{font-size:13px;cursor:pointer;padding:15px 15px 15px 55px;width:100%;border:none;border-top:1px solid #eaeaea;text-align:left;outline:none;transition: 0.4s;}
.question:hover{color:#ff0000}
.active, .question:hover {background:#ffffff}
.panel {font-size:13px;line-height:24px;padding:1px 20% 1px 55px;max-height:0;overflow:hidden;transition:max-height 0.2s ease-out}
.panel p{padding:5px 20% 15px 45px;}
.panel a{text-decoration:underline}

#accountmenu{text-align:center}
#accountmenu a{display:inline-block;padding:15px 25px 15px 25px;text-transform:uppercase;font-size:11px;border-bottom:1px solid #e6e6e6;margin:5px}
#accountmenu a:hover{color:#f60f0e;border-bottom:1px solid #f60f0e}

@media only screen and (max-width:1440px) { 
.all{width:90%}
.center{width:90%}
}

@media only screen and (max-width:1280px) { 
.center{width:95%}
.subleft{width:320px}
.subcenter{width:65%}
.subright{width:35%}
.subcenter h3{font-size:22px}
.fix{position:fixed;right:0px;}
}

@media only screen and (max-width: 1024px) { 
.all { width: 100%; margin: 0px auto }

.center{width:97%}
.smallcenter{background:#ffffff;padding:15px 15px 15px 15px}

#topsearch{display:none}


.footerblock1{width:100%}
.footerblock1 p{width:100%}
.footerblock2{display:none}
.footerblock3{display:none}
.footerblock4{padding: 20px 20px 20px 12px}


}

@media only screen and (max-width:900px) { 
#topleft{width:50%}
#topright{display:none}
#homesearch{padding:50px 0px 40px 0px;}
.subleft{min-width:300px;width:33%}
.subcenter{min-width:620px;width:67%}
.subcenter h3{font-size:16px}
.subright{display:block;width:100%;min-width:500px}
}




@media only screen and (max-width: 768px) { 
body{font-size:13px}
.info{padding:10px;font-size:12px;line-height:18px}
.all { width: 100%; margin: 0px auto }
.center{width:100%;padding:0px 15px 0px 15px}
.center h1{font-size:21px;font-weight:600}
.w20{width:50%}
.w50,.w30,.w33{width:100%}
.w75, .w25, .listing3{width:100%}
.box{padding:0px}
h1{line-height:30px;margin:20px 10px 10px 0px}
#logo{width:100%;text-align:right;padding:15px 10px 27px 0px}

#top{width:100%}
#toplogo{background:#000000}
#topleft{width:100%;background:#cccccc}
#search{padding:3px;margin-top:-7px;max-width:100%;display:none}
#search{width:100%;padding:0px;clear:both;padding:0px 0px 10px 0px}
#search input[type=text]{width:99.5%;min-width:100px}
#search input[type=submit]{width:25%;margin-left:-25%}

#breadcrumb{display:none}

#homesearch{padding:60px 0px 10px 0px}
#homesearch h1{font-weight:400;font-size:22px;letter-spacing:-1px;position:relative;left:0px;z-index:9999}
##homesearch h1:before{content:' ';width:100px;height:76px;position:absolute;padding:10px;margin-left:100px;margin-top:-60px;background:url(../gfx/dobrego.png) no-repeat;background-size:cover;z-index:-1}
#homesearch span{font-size:20px}
#homesearch input[type=text], #homesearch input[type=submit], #homesearch select{font-size:18px;padding:8px;height:44px}

.homesearchkeyword, .homesearchcity, .homesearchcategory, .homesearchbutton{width:100%;margin-bottom:5px}
.homedesc{width:100%;font-size:11px;line-height:20px}
.homeowners{padding:10px 0px 10px 0px;font-size:12px}

##homecategories{float:left;width:100%}
##homecategories a{width:27.33%;text-align:center;font-size:12px;min-height:115px;padding:5px;margin:3%}

#homestates{float:left;width:100%}
#homestates a{width:32%;text-align:center;font-size:14px;padding:10px;margin:0px 0px 10px 0px}
#homenew .company, #homecomments .company{width:100%;min-height:70px;padding:10px 0px 20px 0px}
#homenew .company a, #homecomments .company a{font-weight:700;font-size:15px;margin:10px 0px 10px 0px}

#homenews{padding:0px}
#homenews .w33{padding:15px 0px 0px 0px}
#homenews a{padding:0px}
#homenews p{padding:0px}

.subleft{width:100%;text-align:center}
.subcenter .left, .subcenter .right{width:100%}
.subright{display:none}
.subcenter{font-size:15px}
.subcenter strong{font-size:15px}
.subcenter #opis{padding:0px;min-height:180px}
.subcenter{min-width:0px;width:100%;padding:0px}
.subcenter2{width:100%}
.newsintro{line-height:30px}

#newslist .newslist{width:100%;padding-bottom:10px;min-height:auto}
#comments .w33{text-align:center}

.center h2{font-size:13px}
.smallinfo{padding:10px 0px 10px 0px}
.adcenter{padding:5px 10px 5px 10px}

.listingdesc{width:100%}
.listingimg, .listingdetails{display:none}
.newsintro{font-size:17px}
#sort{padding:0px}
#sort a{padding:7px;font-size:0.9rem;font-weight:normal}
#sort .sel{padding:7px}
.newscontent{margin:0px}
#produkty > .produkt{width:48%;display:block;float:left;font-size:12px;padding:0px;min-height:300px}

#polecane{display:none;padding:10px 0px 10px 0px}
#polecane img{width:33.33%}
#polecane a:nth-child(n+10) {display:none;}
#polecaneindex a{width:42%;margin:4%}
.inne{width:100%;padding:10px 0px 10px 0px}

.active, .question:hover {background:#ffffff}
.tel{font-size:20px}
.big{font-weight:800;font-size:20px}
.smallcenter{padding:15px 0px 15px 0px}

.cb1{width:10%}
.cb2a{width:90%;padding:10px}
.subopis{padding:15px}

#newshop{padding:20px;font-size:17px}
#newshop a{font-size:16px;font-weight:bold}
#about{padding:20px;font-size:16px}

#produkty{padding:0px}

#faq{width:100%;padding:0px;margin:0px auto;border:none;margin-bottom:20px}
#faq span{font-size:13px;display:block;padding:15px 10px 10px 15px;font-weight:700}
#faq button{display:block;background:none;margin:0px;background:#f1f1f1}
#faq .question{font-size:13px;cursor:pointer;margin:10px 0px 10px 0px;padding:10px 15px 10px 15px;background:none;border:none;border-top:1px solid #eaeaea;text-align:left;outline:none;transition: 0.4s;}
#faq .question:hover{color:#ff0000}

.panel p{padding:0px}

.footerblock{float:left;width:100%;padding-right:0px;display:block;padding-bottom:25px}
.footerblock a{width:50%;float:left}
.footerblock span{display:block}
.cat{display:none}
.bottom span{width:100%;line-height:19px;margin:0px;padding:5px}
.bottommenu{display:none}
#socialside{display:none}
#share{display:none}

#special .w75 img, #special .w25 img{width:100%}
#special a{font-size:22px}
#special b{font-size:22px}
#special h2, #special h3, #special h4, #special h5{font-size:23px;font-weight:600;margin:10px 0px 20px 0px}
#special a.more{font-size:15px;display:block;text-align:center}
}















##.padding { padding: 10px; }











.icon-wrapper {
  position: absolute;
  top: 0.8em;
  left: 1em;
  height: 26px;
  width: 26px;
  cursor: pointer
}

.icon,
.icon:before,
.icon:after {
  content: '';
  position: absolute;
  border-radius: 1em;
  height: 4px;
  width: 28px;
  background: black;
  transition: all 0.1s ease
}

.icon {
top:1px
}

.icon:before {
top:8px
}

.icon:after {
top:16px
}

.active .icon {
  background: transparent;
  transform: rotate(-135deg);top:10px
}

.active .icon:before,
.active .icon:after {
  top: 0
}

.active .icon:before {
  transform: rotate(90deg)
}

.active .icon,
.active .icon:before,
.active .icon:after {
  background: white
}

.menu {text-shadow:none;transition: all 0.4s ease;font-weight:500;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.97);
  color: white;

}

.active .menu {
  opacity: 1;
  pointer-events: initial;
}

.menu-list {width:70%;
  display: block;
  transition: all 0.4s ease;
  padding: 0;
  list-style-type: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.2)
}

.menu-list li{margin:0px;padding:0px}

.menu-list a{text-align:center;display:block;padding:15px 25px 15px 25px;text-transform:uppercase;font-size:13px;border-top:1px solid #cccccc;color:#cccccc}
.menu-list a:hover{color:#000000;border-color:#f9c433;background:#f9c433}
a.menuadd{border:0px;background:#ff0000;color:#ffffff}

.active .menu-list {
  transform: translate(-50%, -50%) scale(1)
}





















.tooltip {
    display: inline-block;white-space: nowrap;font-size:13px;position: relative;
}
.tooltip a{cursor:help;float:left;padding:5px}
.tooltip:hover:after {background: rgba(0,0,0,0.9);border-radius:2px;
    bottom: 45px;
    color: #fff;
    content: attr(title);padding:5px 12px 5px 12px;left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
}
.tooltip:hover:before {
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 39px;
    content:"";
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
}

.cc-window a{color:#ffffff}
.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}
.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}
.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}
.cc-revoke,.cc-window{position:fixed;left:10px;overflow:hidden;box-sizing:border-box;font-size:12px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}
.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:1.0em;max-width:35em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}
.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.3em;border-bottom-right-radius:.3em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.3em;border-top-right-radius:.3em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}
@media screen and (max-width:900px){.cc-btn{white-space:normal}}
@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:3px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:3px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}



#om {display:none;
  position: fixed;z-index: 999999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#om .underlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.8);
  cursor: pointer;
  -webkit-animation: fadein 0.5s;
  animation: fadein 0.5s;
}
#om .modal {
  width: 650px;
  height: 400px;
  background:url(../gfx/om-go.jpg) no-repeat #000000;backgroud-size:cover;color:#ffffff;
  
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation: popin 0.3s;
  animation: popin 0.3s;
}
#om .modal-body {padding:100px 140px 25px 25px;font-size:1.1em;line-height:25px}

#om p{font-weight:500}
#om p strong{font-size:2.6em}
#om p b{color:#ffcc00;text-transform:none}
#om .google{float:left;width:45%;text-align:right;padding:12px 0px 0px 0px}
#om .fb{float:left;width:100%;padding:10px 10px 0px 0px}
#om .modal-footer {
  position: absolute;
  bottom: 20px;width:100%}
#om .modal-footer p {padding:0px 0px 0px 25px;color:#cccccc;cursor:pointer;display:inline}

@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@-ms-keyframes fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@-webkit-keyframes popin {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }

  85% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@-ms-keyframes popin {
  0% {
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }

  85% {
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 1;
  }

  100% {
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes popin {
  0% {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }

  85% {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 1;
  }

100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}
}







.accordion {margin:10px 0px 10px 0px;color:#585858;cursor:pointer;padding:12px 22px 12px 22px;
border:none;text-align:center;
  outline: none;
  font-size: 13px;
  transition: 0.4s;display:float:left;block;border:1px solid #ffffff;background:none
}

.active, .accordion:hover {
  background-color: #ffffff;
}

.panel {
  padding: 0 18px;
text-align:left;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}





/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}









#cssmenu{z-index:999999}
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {font-size:11px;margin:0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu a.sel { background: url(../gfx/bg-menu-sel.gif) repeat-x #882c00; color: #ffffff }

#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu > ul > li {float:left}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu > ul > li > a {
  padding: 17px;

  text-decoration: none;

  font-weight: 700;
  text-transform: uppercase;
}

#cssmenu img{width:24px;height:24px;position:relative;margin:-3px 10px 0px 0px;filter:invert(100%);vertical-align:middle}


#cssmenu > ul > li > a.menuprezent{color:#e62429;padding:17px 17px 17px 45px;background:url('https://internetowe-sklepy.pl/gfx/menuprezent.png') no-repeat left;background-size: 25px 25px;background-position:10px 10px;}
#cssmenu > ul > li > a.menuprezent:hover{color:#e62429}
#cssmenu > ul > li:hover > a {background-color:#193046;color:#ffffff;}
#cssmenu > ul > li.has-sub > a {
  padding-right: 30px;
}

#cssmenu > ul > li.has-sub > a:after{position: absolute;top:21px;right:15px;width:8px;height:3px;display:block;background:#193046;content: '';-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition: all .25s ease;-moz-transition: all .25s ease;-ms-transition: all .25s ease;-o-transition: all .25s ease;transition: all .25s ease}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:18px;right:13px;display:block;width:3px;height:8px;background:#193046;content: '';-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition: all .25s ease;-moz-transition: all .25s ease;-ms-transition: all .25s ease;-o-transition: all .25s ease;transition: all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:after {width:8px;height:3px;background:#ffcc00}
#cssmenu > ul > li.has-sub:hover > a:before {width:3px;height:8px;background:#ffcc00;}


#cssmenu ul ul {width:1000px;position:absolute;left:-9999px;padding:5px;background:#193046}
#cssmenu.align-right ul ul {text-align: right}

#cssmenu ul ul li {width:20%;display:block;float:left;
  -webkit-transition: all .15s ease;
  -moz-transition: all .15s ease;
  -ms-transition: all .15s ease;
  -o-transition: all .15s ease;
  transition: all .15s ease;
}
#cssmenu li:hover > ul {
  left: auto;
}
#cssmenu.align-right li:hover > ul {
  left: auto;
  right: 0;
}
#cssmenu li:hover > ul > li {
  height: 44px;
}
#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}




#cssmenu ul ul li a {padding:13px 16px 16px 16px;min-height:40px;text-decoration:none;color:#dddddd;font-weight:400;background:#193046}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {
  border-bottom: 0;
}
#cssmenu ul ul li:hover img{filter:invert(0%);}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover {background:#ffcc00;color:#193046}
#cssmenu ul ul li.has-sub > a:after {
  position: absolute;
  top: 16px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}
#cssmenu.align-right ul ul li.has-sub > a:after {
  right: auto;
  left: 11px;
}
#cssmenu ul ul li.has-sub > a:before {
  position: absolute;
  top: 13px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu.align-right ul ul li.has-sub > a:before {
  right: auto;
  left: 14px;
}
#cssmenu ul ul > li.has-sub:hover > a:before {
  top: 17px;
  height: 0;
}








@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
#cssmenu {font-size:14px;width:100%}
#cssmenu .sel{display:none}

#cssmenu img{width:25px;filter:invert(0%)}


  #cssmenu ul {margin-top:7px;width: 100%;display: none;background:#ffffff}
  #cssmenu.align-center > ul {
    text-align: left;
  }
  #cssmenu ul li {
    width: 100%;
    border-top: 1px solid rgba(120, 120, 120, 0.2);
  }
#cssmenu ul ul{padding:0px;background:#ffffff}
#cssmenu ul ul li{width:50%}

  #cssmenu ul ul li,
  #cssmenu li:hover > ul > li {
    height: auto;
  }

#cssmenu ul li a{font-size:13px}
  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 100%;
    border-bottom: 0;
  }
  #cssmenu > ul > li {
    float: none;
  }
  #cssmenu ul ul ul li a {
    padding-left: 35px;
  }
  #cssmenu ul ul li a {padding:15px;color:#193046;background:none}
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li.active > a {color:#193046}
  #cssmenu ul ul,
  #cssmenu ul ul ul,
  #cssmenu.align-right ul ul {
    position: relative;
    left: 0;
    width: 100%;
    margin: 0;
    text-align: left;
  }
  #cssmenu > ul > li.has-sub > a:after,
  #cssmenu > ul > li.has-sub > a:before,
  #cssmenu ul ul > li.has-sub > a:after,
  #cssmenu ul ul > li.has-sub > a:before {
    display: none;
  }
  #cssmenu #menu-button {background:#ffcc00;width:50px;
    display: block;
    padding: 12px;height:40px;
    color: #dddddd;
    cursor: pointer;
    font-size: 17px;text-transform: uppercase;font-weight: 700;border-radius:2px
  }
  #cssmenu #menu-button:after {
    position: absolute;
    top: 19px;
    right: 10px;
    display: block;
    height: 10px;
    width: 30px;
    border-top: 3px solid #193046;
    border-bottom: 3px solid #193046;
    content: '';-webkit-transition: all .25s ease;-moz-transition: all .25s ease;-ms-transition: all .25s ease;-o-transition: all .25s ease;transition: all .25s ease;
  }
  #cssmenu #menu-button:before {
    position: absolute;
    top: 12px;
    right: 10px;
    display: block;
    height: 3px;
    width: 30px;
    background: #193046;
    content: '';-webkit-transition: all .25s ease;-moz-transition: all .25s ease;-ms-transition: all .25s ease;-o-transition: all .25s ease;transition: all .25s ease;
  }
  #cssmenu #menu-button.menu-opened:after {
    top: 19px;
    border: 0;
    height: 3px;
    width: 26px;
    background: #193046;
-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition: all .25s ease;-moz-transition: all .25s ease;-ms-transition: all .25s ease;-o-transition: all .25s ease;transition: all .25s ease;
  }
  #cssmenu #menu-button.menu-opened:before {
    top: 19px;
    background: #193046;
    width: 26px;height:3px;
-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition: all .25s ease;-moz-transition: all .25s ease;-ms-transition: all .25s ease;-o-transition: all .25s ease;transition: all .25s ease;
  }
#cssmenu .submenu-button {background:#e2d7d2;position: absolute;z-index: 99;
    right: 0;
    top: 0;
    display: block;
    height: 47px;
    width: 46px;
    cursor: pointer;
  }

#cssmenu .submenu-button.submenu-opened{background:#193046}

  #cssmenu ul ul .submenu-button {
    height: 35px;
    width: 34px;background:#193046;
  }
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:3px;display: block;background: #5e2307;content: ''; -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transition: all .25s ease;-moz-transition: all .25s ease;-ms-transition: all .25s ease;-o-transition: all .25s ease;transition: all .25s ease;}
#cssmenu ul ul .submenu-button:after {top: 15px;right: 13px;}

#cssmenu .submenu-button:before {position: absolute;top:20px;right:26px;display: block;width:3px;height:8px;background: #5e2307;content: ''; -webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition: all .25s ease;-moz-transition: all .25s ease;-ms-transition: all .25s ease;-o-transition: all .25s ease;transition: all .25s ease;}
#cssmenu .submenu-button.submenu-opened:after{background:#ff0000;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition: all .25s ease;-moz-transition: all .25s ease;-ms-transition: all .25s ease;-o-transition: all .25s ease;transition: all .25s ease;}
#cssmenu ul ul .submenu-button:before {top:12px;right:16px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition: all .25s ease;-moz-transition: all .25s ease;-ms-transition: all .25s ease;-o-transition: all .25s ease;transition: all .25s ease;}
#cssmenu .submenu-button.submenu-opened:before {background:#ff0000;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition: all .25s ease;-moz-transition: all .25s ease;-ms-transition: all .25s ease;-o-transition: all .25s ease;transition: all .25s ease;}
}


















.faq{font-size:0.9rem}
.faq h3, .faq p{margin:0px;padding:0px}
.faq h3{font-size:0.9rem;font-weight:normal}
.faq-question{padding: 15px 10px 15px 25px;
            cursor: pointer;
            position:relative;transition:all 0.3s ease;border-bottom:1px solid #f1f1f1}

.faq-question:hover{border-bottom:1px solid #ffcc00;transition:all 0.3s ease;}
details[open] .faq-question {border-bottom:1px solid #ffcc00;color:#ffcc00;transition:all 0.3s ease;}

.faq-question::before {content:'+';position:absolute;left:0px;top:0.91rem;font-size: 20px;transition:all 0.3s ease}

details[open] .faq-question::before {content: '+';transform: rotate(180deg);transition:all 0.3s ease;color:#ffcc00}

        .faq-answer {
            max-height: 0;
            overflow: hidden;
            padding: 0 15px;
            background-color: #fff;
            transition:all 0.3s ease
        }

details[open] .faq-answer {max-height:200px;padding: 15px;transition:all 0.3s ease}

        details[open] .faq-question[aria-expanded="false"] {
            aria-expanded: true;transition:all 0.3s ease
        }


details > summary {list-style:none}

details > summary::-webkit-details-marker {display: none;}