/*
#6600cc fiolet
#eaff01 seledyn


<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
*/

html { font-size: 110%; }
/* lg */
@media (min-width: 992px) and (max-width: 1279px) {
html{font-size:105%;}
}
/* md */
@media (min-width: 768px) and (max-width: 991px) {
html{font-size:100%;}
}
/* sm */
@media (min-width: 544px) and (max-width: 767px) {
html{font-size:95%;}
}
/* xs - */
@media (max-width: 543px) {
html{font-size:92%;}
}



body {
 position:relative;
 font-weight:100;
 font-family: 'Poppins', sans-serif;
 background-color:#fff;
 color:#222;
}

a {
 color:#6600cc;
 text-decoration:none;
}
a:hover,
a:focus {
 text-decoration:none;
 outline:none;
 color:#000;
}
ul {
	padding-left:7px;
	margin-left:7px;
}
ol {
	padding-left:9px;
	margin-left:9px;
}
li {
	margin-left:4px;
}

h1{font-size:1.875em;}
h2{font-size:1.625em;}
h3{font-size:1.375em;}
h4{font-size:1.187em;}
h5{font-size:1.000em;}
h6{font-size:0.875em;}

h1, h2, h3, h4, h5, h6{
	padding:0;
	margin:0 0 10px;
	font-weight: 500;
}

b,strong {font-weight:600;}

label{
 margin:0;
 font-size:80%;
}

table {
	border-collapse:collapse;
}
td {
	padding:2px 4px;
	vertical-align:top;
	border:1px solid #ccc;
	font-size:13px;
}
table td p{
	margin:0 3px;
}

.img-responsive{
 width:100%;
}
.img-fluid{
 display:inline;
}


.header-top {
 background:#333;
 padding-bottom:30px;
}

.logo {
 margin-top:40px;
}
.logo img{
 width:300px;
}
.logo-t {
 position:absolute;
 margin:7px 0 0 0;
 width:300px;
 text-align:right;
 font-size:12px;
 color:#888;
}


.txt-top{
 margin-top:10px;
 font-size:170%;
 float: left;
 white-space: nowrap;
}
.txt-top i{
 color:#ff7700;
 margin-right:5px;
}




/* koszyczek u góry */
.shop-menu {
 margin-top: 52px;
 line-height:17px;
}
.shop-menu a {
 color:#ccc;
 font-size:14px;
}
.shop-menu i {
 font-size:28px;
 float:left;
 display:block;
}
.shop-menu span {
 float:right;
 display:block;
 white-space: pre;
}
.shop-menu b {
 font-size:24px;
 font-weight:300;
}
.shop-menu a:hover {
 color:#eaff01;
}
.shop-menu sub {
 color:#000;
 font-size:80%;
 font-weight:500;
 border-radius:10px;
 background-color:#eaff01;
 line-height:1;
 padding:2px 5px 1px;
 margin:-10px 0 0 -10px;
 display:block;
 float:right;
}


.header-menu {
 background:#f5f5f5;
 padding:10px 0;
 border-top: 1px solid #000;
 border-bottom: 1px solid #ccc;
}



/* szukaj */
.search-box {
 margin-top:2px;
}
.search-box .form-control {
 height:38px;
 color:#777;
 font-size:14px;
 border-color:#666 !important;
 padding-right:1px;
}
.search-box .btn {
 margin-left:-1px;
 border-top-left-radius: 0;
 border-bottom-left-radius: 0;
}
@media (min-width: 992px) and (max-width: 1279px) {
.search-box .btn {padding-left:9px; padding-right:9px;}
}
@media (min-width: 768px) and (max-width: 991px) {
.search-box .btn {padding-left:3px; padding-right:3px; font-size:14px;}
}



/* menu xs */
.navbar-toggler {
 background-color:#fff;
 border-color:#bbb;
 margin-top:2px;
 padding:9px 12px;
 border:1px solid #777;
 outline:none !important;
}


/* menu główne*/
.header-menu ul{
 padding:0;
 margin:0;
}
.header-menu .nav > li{
 margin:0 -1px 0 0;
 padding:0 13px 0 17px;
 border-left: solid 1px #ddd;
 border-right: solid 1px #ddd;
}
.header-menu .nav > li > a,
.header-menu .nav > li > span {
 color: #000;
 font-size:19px;
 line-height:33px;
 padding:5px 0;
 margin:0;
 white-space:nowrap;
 cursor:pointer;
 cursor:hand;
}
.header-menu ul li a:hover,
.header-menu ul li span:hover{
 background:none;
 color:#6600cc;
}
.header-menu ul li a.active,
.header-menu ul li a.active:hover {
 background:none;
 color:#6600cc;
}
.header-menu .m-plus{
 display:none;
 color:#888;
 font-weight:300;
 font-style:normal;
}
.header-menu .nav-item .m-plus.collapsed:before{
 content: "\003E";
 font-size:30px;
 padding:0 10px;
}
.header-menu .fa-caret-down{
 padding-left:5px;
 color:#aaa;
 font-size:14px !important;
}




/* submenu ul */
.header-menu .dropdown-menu {
  background-color:#fff;
  padding:5px 0 !important;
  border-radius: 5px;
}

.header-menu .dr-d:hover > .dropdown-menu {
 display: block;
 animation: fademenu 200ms;
}
@keyframes fademenu {
  0%   {opacity:0; transform:translateY(-20px);}
  100% {opacity:1; transform:translateY(0);}
}

.header-menu .dropdown-menu li {
  margin:0;
}
.header-menu .dropdown-menu li a:hover,
.header-menu .dropdown-menu li a.active,
.header-menu .dropdown-menu li a.active:hover {
 border-left: 5px solid #bbb;
 padding-left: 15px;
}
.header-menu .dr-r {
    position: relative;
}
.header-menu .dr-r>.dropdown-menu {
    top: -1px;
    left: 100%;
    margin-left: -5px;
}
.header-menu .dr-r>a:after,
.header-menu .dr-r>span:after {
    float: right;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #bbb;
    margin-top: 7px;
    margin-right: -13px;
}
.header-menu .dr-r:hover>.dropdown-menu {
 display: block;
 animation: fadesubmenu 200ms;
}
@keyframes fadesubmenu {
  0%   {opacity:0; transform: translateX(-20px);}
  100% {opacity:1; transform:translateX(0);}
}





/* zakładki */
.nav-tabs,
.nav-item{
 margin-left:0;
}


/* menu promocje zakladki*/
.promocje{
 margin: 30px 0 20px 0;
}
.promocje li{
 margin-left:0;
}
.promocje li a{
 padding-left:5px !important;
 padding-right:5px !important;
 color:#000;
}
.promocje .active{
 color:#6600cc !important;
}

/* zakladki produkt*/
.product-tab {
 margin-bottom:30px;
}
.product-tab .nav-tabs,
.product-tab .nav-item {
 margin-left:0;
}
.product-tab .tab-content{
 margin-top:20px;
}




/*opcje sortowania*/
.opcje-ng{
 color:#6600cc;
 padding-top:10px;
}
.opcje{
 padding: 0px;
 margin:1px 20px 7px 0;
 font-size:11px;
 float:left;
}
.opcje span{
 font-weight:bold;
 font-size:15px;
}
.opcje .fa{
 padding-left:5px;
 font-size:16px;
 color:#999;
}
.opcje hr{
 margin:0;
 padding:0;
}
.opcje .dropdown-menu{
 background-color: #fafafa;
 margin:-18px 0 0 -1px;
 padding:1px;
 font-size:12px;
 border:0;
 border-radius:0;
}
.opcje .dropdown-item{
 padding:4px;
}
.opcje .dropdown-item.active{
 background-color: #f5f5f5;
 color: #6600cc;
}
.opcje .dropdown:hover > .dropdown-menu {
 display: block;
 animation: opmenu 300ms;
}
@keyframes opmenu {
  0%   {opacity:0; transform:translateY(-5px);}
  100% {opacity:1; transform:translateY(0);}
}




/*nagłowek bloku tekstowego*/
.ng-l{
 margin-left:-3px;
}
.ng-r{
 margin-left:-1px;
}

/* panel nagłówek */
.panel-t{
 margin-bottom:20px;
}


/* panel1 */
.panel-1 img{
 width:100%;
 border: solid 1px #ccc;
}
.panel-1 i{
 margin-right:4px;
}
.panel-1 h4{
 padding:15px 0 5px;
 color:#6600cc;
 font-weight:500;
}
.panel-1 a.btn{
 float:right;
 margin-top:-5px;
}
@media (min-width: 992px) and (max-width: 1279px) {
.panel-1 .row{font-size:90%}
}
@media (min-width: 768px) and (max-width: 991px) {
.panel-1 .row{font-size:80%;}
}


/* panel2 2x txt */
.panel-2 .row{
 font-size:95%;
}
.panel-2 .col{
 margin-bottom:20px;
}
.panel-2 i{
 margin-right:6px;
}
.panel-2 h2{
 color:#6600cc;
 font-weight:500;
}
.panel-2 .url{
 text-align:right;
 margin:0;
}
.panel-2 div.p2-item{
 height:100%;
}
@media (min-width: 992px) and (max-width: 1279px) {
.panel-2 .row{font-size:90%;}
}



/* panel3 tło slider */
.panel-3 .row{
 font-size:135%;
}
.panel-3 .carousel-indicators{
 bottom:1px;
}
.panel-3 i{
 margin-bottom:10px;
}
.panel-3 h3{
 font-weight:500;
}
.panel-3 .carousel-item{
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
 height:360px;
}
.panel-3 .carousel-item img{
 max-width:1920px;
}
.panel-3 .carousel-control{width:6%;}
.panel-3 .carousel-caption{left:4%; right:4%;}
.panel-3 .carousel-txt{margin:auto; min-width:320px;}

/* lg */
@media (min-width: 992px) and (max-width: 1279px) {
.panel-3 .carousel-control{width:6%;}
.panel-3 .row{font-size:139%}
}
/* md */
@media (min-width: 768px) and (max-width: 991px) {
.panel-3 .carousel-control{width:7%;}
.panel-3 .row{font-size:128%;}
}
/* sm */
@media (min-width: 544px) and (max-width: 767px) {
.panel-3 .carousel-control{width:8%;}
.panel-3 .row{font-size:114%;}
}
/* xs - */
@media (max-width: 543px) {
.panel-3 .carousel-caption{left:3%; right:3%;}
.panel-3 .carousel-control{width:8%;}
.panel-3 .row{font-size:100%;}
}



/* panel4 img+txt */
.panel-4{
 font-size:105%;
}
.panel-4 i{
 margin-right:6px;
}
.panel-4 h2{
 color:#6600cc;
 font-weight:500;
}
.panel-4 .url-r{ text-align:right;}
.panel-4 .url-l{ text-align:left;}

/* lg */
@media (min-width: 992px) and (max-width: 1279px) {
.panel-4 {font-size:85%;}
.panel-4 .ptxt-l{ padding-left:0;}
.panel-4 .ptxt-r{ padding-right:0;}
}
/* md */
@media (min-width: 768px) and (max-width: 991px) {
.panel-4 {font-size:120%;}
}
/* sm */
@media (min-width: 544px) and (max-width: 767px) {
.panel-4 {font-size:110%;}
}
/* xs - */
@media (max-width: 543px) {
.panel-4 {font-size:100%;}
.panel-4 .ptxt-l{ padding-left:0;}
.panel-4 .ptxt-r{ padding-right:0;}
}
/* xs | */
@media (max-width: 449px) {
.panel-4 {font-size:80%;}

}



/* panel5 (2x obrazek + tekst na dole) */
.panel-5 i{
 margin-right:6px;
}
.panel-5 h2{
 color:#6600cc;
 font-weight:500;
}
.panel-5 .url{
 text-align:right;
}



/* Panel6 (1x obrazek + tekst po prawej) */
.panel-6 .row{
 font-size:110%;
}
.panel-6 i{
 margin-right:6px;
}
.panel-6 h2{
 color:#6600cc;
 font-weight:500;
}
.panel-6 .url{
 text-align:right;
}
@media (min-width: 992px) and (max-width: 1279px) {
.panel-6 .row{font-size:95%;}
}
@media (min-width: 768px) and (max-width: 991px) {
.panel-6 .row{font-size:90%;}
}
@media (max-width: 767px) {
.panel-6 .row{font-size:100%;}
}


/* panel7 3x txt */
.panel-7 i{
 margin-right:6px;
}
.panel-7 .col{
 margin-bottom:20px;
}
.panel-7 h3{
 color:#6600cc;
 font-weight:500;
}
.panel-7 .url{
 text-align:right;
 margin:0;
}
.panel-7 div.p7-item{
 height:100%;
}
@media (min-width: 992px) and (max-width: 1279px) {
.panel-7 .row{font-size:90%;}
}


/* panel8 1x txt */
.panel-8{
 font-size:110%;
}
.panel-8 i{
 margin-right:6px;
}
.panel-8 h2{
 color:#6600cc;
 font-weight:500;
}
.panel-8 .url{
 text-align:right;
}
.panel-8 img{
 width:100%;
}
@media (min-width: 992px) and (max-width: 1279px) {
.panel-8 {font-size:95%;}
}
@media (min-width: 768px) and (max-width: 991px) {
.panel-8 {font-size:90%;}
}
@media (max-width: 767px) {
.panel-8 {font-size:100%;}
}



/* panel9 (4x 8x obrazek + tekst na dole) 6600cc 6600cc */
.panel-9-4{font-size:90%;}
.panel-9-4 i{margin-right:6px;}
.panel-9-4 h4{background-color:#6600cc; color:#fff; padding:7px 5px;}
.panel-9-4 h4 a{color:#fff;}
.panel-9-4 .phov:hover{background-color:#E0EAE9; transition: background-color 0.4s; cursor:pointer; cursor:hand;}
.panel-9-4 .phov:hover h4{background-color:#00696C; transition: background-color 0.4s; }
@media (max-width: 767px) {
.panel-9-4 {font-size:100%;}
}
@media (min-width: 992px) and (max-width: 1279px) {
.panel-9-4 h4 {font-size:102%;}
}
@media (min-width: 768px) and (max-width: 991px) {
.panel-9-4 h4 {font-size:81%;}
}
@media (min-width: 544px) and (max-width: 767px) {
.panel-9-4 h4 {font-size:130%;}
}
@media (max-width: 543px) {
.panel-9-4 h4 {font-size:115%;}
}
@media (max-width: 449px) {
.panel-9-4 h4 {font-size:90%;}
}

/* panel9 (3x 9x obrazek + tekst na dole) */
.panel-9-3 {font-size:85%;}
.panel-9-3 i{margin-right:6px;}
.panel-9-3 h4{background-color:#0C9E9E; color:#fff; padding:7px 5px;}
.panel-9-3 h4 a{color:#fff;}
.panel-9-3 .phov:hover{background-color:#E0EAE9; transition: background-color 0.4s; cursor:pointer; cursor:hand;}
.panel-9-3 .phov:hover h4{background-color:#00696C; transition: background-color 0.4s; }
@media (min-width: 768px) and (max-width: 991px) {
.panel-9-3 h4 {font-size:120%;}
}
@media (min-width: 544px) and (max-width: 767px) {
.panel-9-3 h4 {font-size:110%;}
}

/* panel9 (6x obrazek + tekst na dole) */
.panel-9-6 {font-size:85%;}
.panel-9-6 i{margin-right:6px;}
.panel-9-6 h4{font-size:120%; background-color:#0C9E9E; color:#fff; padding:7px 5px;}
.panel-9-6 h4 a{color:#fff;}
.panel-9-6 .phov:hover{background-color:#E0EAE9; transition: background-color 0.4s; cursor:pointer; cursor:hand;}
.panel-9-6 .phov:hover h4{background-color:#00696C; transition: background-color 0.4s; }
@media (min-width: 992px) and (max-width: 1279px) {
.panel-9-6 h4 {font-size:80%;}
}
@media (min-width: 768px) and (max-width: 991px) {
.panel-9-6 h4 {font-size:135%;}
}



/* panel10  */
.panel-10{
 font-size:85%;
}
.panel-10 i{
 display:block;
 margin:0 30px 0 15px;
 float:left;
}
.panel-10 div.p10-item{
 height:100%;
 padding:20px 15px;
}
.panel-10 p{
 margin:0;
}
.panel-10 h1,
.panel-10 h2,
.panel-10 h3,
.panel-10 h4,
.panel-10 h5,
.panel-10 h6{
 margin-bottom:3px;
}
@media (min-width: 768px) and (max-width: 1279px) {
.panel-10{font-size:70%;}
.panel-10 i{margin:0 15px 0 0;}
.panel-10 div.p10-item{padding:15px 12px;}
}
@media (max-width: 768px) {
.panel-10{font-size:90%;}
.panel-10 div.p10-item{padding-right:25px}
}



/* panel11  */
.panel-11{
 font-size:110%;
}
.panel-11 i{
 margin-right:6px;
}
.panel-11 h2{
 color:#6600cc;
 font-weight:500;
}
.panel-11 .url{
 border-left:1px solid #6600cc;
}
@media (min-width: 992px) and (max-width: 1279px) {
.panel-11 {font-size:95%;}
}
@media (min-width: 768px) and (max-width: 991px) {
.panel-11 {font-size:90%;}
}
@media (max-width: 767px) {
.panel-11 {font-size:100%;}
}
@media (max-width: 543px) {
.panel-11 .url{ border-left:none; padding-top:5px; text-align:center;}
}



/* panel-12 */
.panel-12 .col{
 padding: 3px;
 cursor:pointer;
 cursor:hand;
}
.panel-12 img{
 position:relative;
 width:100%;
 border:1px solid #aaa;
 border-radius: 3px;
 padding:1px;
}
.panel-12-h{
 padding:2px;
 margin-top:-54px;
 text-align:center;
}
.panel-12 h4{
 position:relative;
 width:100%;
 background-color: rgba(50, 50, 50, 0.5);
 border-bottom-left-radius: 2px;
 border-bottom-right-radius: 2px;
 line-height:46px;
 font-size:100%;
 color:#fff;
 padding:2px;
 margin:0;
}
.panel-12 h4 a{
 color:#fff;
}
.panel-12 .col:hover .panel-12-h h4{
 background-color: rgba(0, 0, 0, 0.7);
 transition: .2s linear;
}
.panel-12 .col:hover img{
 opacity:0.9;
 transition: .2s linear;
 border:1px solid #222;
}
@media (min-width: 768px) and (max-width: 991px) {
.panel-12 h4 {font-size:90%;}
}



/* panel-13 */
/* karuzela loga */
.carousel-box{
  position:relative;
  min-height:80px;
  margin:0 47px;
  z-index:90;
}
.carousel-box .carousel .col {
  float:left;
  max-width:205px;
  text-align:center;
  margin:0 20px;
}
.carousel-box .col img {
 width:160px;
}
.carousel-box a {
  opacity: .6;
  transition: opacity .2s linear;
}
.carousel-box a:hover {
  opacity: 1;
  filter: alpha(opacity=80);
  transition: opacity .2s linear;
}
.carousel-box > * {
  transition: opacity .2s linear;
}
.carousel-box.no-style .next,
.carousel-box.no-style .prev {
  background-color:transparent;
  display: block;
  width: 47px;
  height: 87px;
  padding-top:40px;
  text-align: center;
  transition: all .2s linear;
  z-index:100;
}
.carousel-box.no-style .next{
  float: right;
  margin: -123px -47px 0 0;
}
.carousel-box.no-style .prev {
  float: left;
  margin: -123px 0 0 -47px;
}



/* panel-14 */
/* slider u góry*/
.slide-preload{
 width:100%;
 opacity:0;
 z-index:0;
}
#my-slide {
 position:absolute;
 color:#000;
 height:356px;
 overflow:hidden;
 opacity:0;
 z-index:10;
}
#my-slide .navigation{ bottom:5% !important;}
#my-slide .slide-item{ height:356px;}

#my-slide p{
 margin:0;
 padding:0;
 white-space:nowrap;
 font-size:155%; line-height:1.2;
}

@media (min-width: 992px) and (max-width: 1279px) {
#my-slide p{font-size:115%;}
}

@media (min-width: 768px) and (max-width: 991px) {
#my-slide p{font-size:90%;}
#my-slide .btn{padding:4px 13px;}
}

@media (min-width: 544px) and (max-width: 767px) {
#my-slide p{font-size:75%;}
#my-slide .btn{font-size:12px; padding:2px 10px; line-height:20px;}
}

@media (max-width: 543px) {
#my-slide p{font-size:64%;}
#my-slide .btn{font-size:10px; padding:1px 8px; line-height:18px;}
}

@media (max-width: 449px) {
#my-slide p{font-size:56%;}
#my-slide .btn{font-size:9px; padding:0 5px; line-height:14px;}
}

@media (max-width: 399px) {
#my-slide p{font-size:48%;}
}






/*promocje*/
.owl-carousel {
    width: 100%;
    margin:0;
}
.owl-stage-outer{
 width: 100.5%;
}
.owl-carousel .owl-item {
    z-index: 10;
}
.owl-carousel .owl-nav {
    transform: translateY(0);
    width: 100%;
    height:1px;
    position: absolute;
    overflow: visible;
    top: 24%;
    z-index: 1;
}
.owl-carousel .owl-prev,
.owl-carousel .owl-next {
    display: inline-block;
    font-size:600%;
    font-weight:100;
    font-family: serif;
    color:#ddd;
    xpadding:1px 15px;
    transition: all 0.3s;
    cursor: pointer;
    cursor: hand;
    z-index: 1;
}
.owl-carousel .owl-prev {
 float:left;
 margin-left:-4%;
 padding-right:10px;
}
.owl-carousel .owl-prev:before {
 content: "\2039";
}
.owl-carousel .owl-next {
 float:right;
 margin-right:-4%;
 padding-left:10px;
}
.owl-carousel .owl-next:before {
 content: "\203a";
}
.owl-carousel .owl-prev:hover,
.owl-carousel .owl-next:hover {
    color:#eaff01;
}


@media (min-width: 1280px) and (max-width: 1450px) {
.owl-carousel .owl-prev {margin-left:-2%;}
.owl-carousel .owl-next {margin-right:-2%;}
}
@media (min-width: 380px) and (max-width: 600px) {
.owl-carousel .owl-prev {margin-left:-3%;}
.owl-carousel .owl-next {margin-right:-3%;}
}




/* slider w treści*/
.carousel-control-prev {
    left: 0;
    padding-right:10%;
}
.carousel-control-next {
    right: 0;
    padding-left:10%;
}
.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width:15%;
    text-align: center;
    opacity: 0.5;
    font-size:60px;
    font-family: serif;
    color:#aaa;
}
.carousel-control-next:focus,
.carousel-control-prev:focus{
    color:#aaa;
}
.carousel-control-next:hover,
.carousel-control-prev:hover{
    color:#eaff01;
    opacity: 1;
}











#footer {
 background: #333;
 border-top: 2px solid #6600cc;
 padding: 0 0 20px;
 color:#bbb;
}


/*mapa*/
.mapa {
 background:#f1f3f4;
}
.google-maps {
 margin:15px 0 15px;
 position: relative;
 height: 330px;
 overflow: hidden;
}
.google-maps iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100% !important;
 height: 100% !important;
 border:0;
 background:#f1f3f4;
}



/* menu dolne */
.menu-bottom {
 margin-top:30px;
 margin-bottom:30px;
}
.menu-bottom h5 {
 color:#fff;
 font-weight:500;
 text-transform:uppercase;
}
.menu-bottom h5 a {
 color:#fff;
}
.menu-bottom ul,
.menu-bottom li {
 margin:0;
}
.menu-bottom ul li a{
 padding: 0 0 4px;
 color:#bbb;
 font-size:80%;
}
.menu-bottom ul li a:hover{
 color:#eaff01;
}
.menu-block {margin-bottom:25px;}
/* xs - */
@media (max-width: 543px) {
.menu-block {margin-bottom:20px;}
.menu-bottom h5 {margin-bottom:4px;}
.menu-bottom ul{padding-left:15px; border-left: 1px solid #ddd;}
}

/* stopka */
.stopka {
 margin-top:30px;
}

/* social-media */
.social-media {
 margin-top:20px;
}
.social-media a{
 color:#eaff01;
}
.social-media a:hover{
 color:#8b18ff;
}

/* copyright */
.copyright {
 margin-top:20px;
 font-size:70%;
 color:#999;
}

/*mapy google*/
.gmap {
 border: 0;
 width: 100% !important;
}






/*-- produkty strona kategorii --*/
.product-item{
 xborder:0px solid rgba(0, 0, 0, 0.1);
 border-bottom:1px solid rgba(0, 0, 0, 0.1);
 position:relative;
 z-index:0;
 max-width:449px;
 margin:0px auto 30px;
 text-align:center;
 overflow:hidden;
 border-radius: 5px;
}
.product-item:hover img{
 opacity:0.9;
 transition: all 0.2s ease 0s;
}
.product-img{
 z-index:-1;
 position:relative;
 min-height:350px;
 overflow:hidden;
 text-align:center;
}
.product-src{
 margin-left:-15%;
 width:130%;
 text-align:center;
 position:absolute;
 top:50%; transform: translateY(-50%);
 padding-bottom:40px;
}
.product-src img{
 width:310px;
}
.product-details{
 margin-top:-10px;
 padding:1% 5%;
 text-align:center;
 height:120px;
}
.product-details .price{
 font-weight:500;
}
.product-details .price span{
 font-size:23px;
 color:#6600cc;
}
.product-details .price s{
 font-size:17px;
 padding-left:5%;
 color:#5bc0de;
}
.product-details strong{
 padding:5px 0 0;
 margin:0 0 2px;
 font-weight:100;
 font-size:19px;
 line-height:19px;
 display:block;
}
.product-details strong a{
 color:#000;
 font-weight:400;
}
.product-details strong a:hover {
 color:#6600cc;
}
.product-details .txt{
 font-size:13px;
 line-height:14px;
 color:#777;
 margin:0;
}

@media (min-width: 992px) and (max-width: 1279px) {
.product-img{min-height:326px;}
.product-src img{width:286px;}
.product-details .price span{font-size:22px;}
.product-details .price s{font-size:15px;}
.product-details strong{font-size:17px; line-height:18px;}
.product-details .txt{font-size:13px;}
}
@media (min-width: 768px) and (max-width: 991px) {
.product-img{min-height:380px;}
.product-src img{width:340px;}
}
@media (min-width: 544px) and (max-width: 767px) {
.product-img{min-height:310px;}
.product-src img{width:270px;}
.product-details{height:105px;}
.product-details .price span{font-size:21px;}
.product-details .price s{font-size:15px;}
.product-details strong{font-size:16px; line-height:16px;}
.product-details .txt{font-size:12px;}
}
@media (min-width: 450px) and (max-width: 543px) {
.product-img{min-height:300px;}
.product-src img{width:260px;}
.product-details{height:95px;}
.product-details .price span{font-size:18px;}
.product-details .price s{font-size:13px;}
.product-details strong{font-size:14px; line-height:15px;}
.product-details .txt{font-size:11px;}
}
@media (max-width: 449px) {
.product-img{min-height:350px;}
.product-src img{width:310px;}

}


/* do koszyka */
.product-cart {
 opacity:0;
 position:absolute;
 top:87%;
 margin:auto;
 right:18%;
 left:18%;
 z-index:2000;
}
.product-cart .btn{
 padding:4px 2px;
 font-size:120%;
}
.product-item:hover .product-cart{
 opacity:1;
 animation: cart 200ms;
}
@keyframes cart {
   0% {opacity: 0; transform: translateY(20px);}
 100% {opacity: 1; transform: translateY(0);}
}
.out-of-stock{
 padding-left:0 !important;
 padding-right:0 !important;
}





/* paski po prawej (promocje)*/
.promo-wrapper-r {
  position: absolute;
  top: 1px;
  right: 5%;
  z-index: 2000;
  color:#fff;
}
.promo-r p{
 display:block;
 text-align:right;
 font-size:12px;
 width:85px;
 height:20px;
 padding:1px 5px ;
 margin-top:-27px;
 margin-left:-85px;
}
.promo-r.p0,
.promo-r.p1,
.promo-r.p2{
 margin:28px 0 -7px 0;
 width:0; height:0;
 border-left: 10px solid transparent;
}
.promo-r.p0 {border-top: 10px solid #f46488;}
.promo-r.p1 {border-top: 10px solid #000;}
.promo-r.p2 {border-top: 10px solid #000;}

.promo-r.p0 p{background-color: #f46488;}
.promo-r.p1 p{background-color: #000; color:yellow; font-weight:700;}
.promo-r.p2 p{background-color: #000; color:yellow; font-weight:700;}


/* paski po lewej (promocje)*/
.promo-wrapper-l {
  width: 85px;
  position: absolute;
  top: 4px;
  left: 0;
  z-index: 2000;
  color:#fff;
}
.promo-l p{
 display:block;
 text-align:left;
 font-size:11px;
 width:85px;
 height:20px;
 padding:2px 0 0 4px ;
 margin-top:-27px;
}
.promo-l.p0,
.promo-l.p2,
.promo-l.p3,
.promo-l.p4,
.promo-l.p5,
.promo-l.p6,
.promo-l.p7,
.promo-l.p8,
.promo-l.p9{ margin:24px 0; width:0; height:0; border-right: 7px solid transparent;}

.promo-l.p0 {border-top: 7px solid #333333;}
.promo-l.p2 {border-top: 7px solid #db76d7;}
.promo-l.p3 {border-top: 7px solid #a894f2;}
.promo-l.p4 {border-top: 7px solid #5ac3cc;}
.promo-l.p5 {border-top: 7px solid #5ccb96;}
.promo-l.p6 {border-top: 7px solid #8bcb5c;}
.promo-l.p7 {border-top: 7px solid #c1c63d;}
.promo-l.p8 {border-top: 7px solid #e5a157;}
.promo-l.p9 {border-top: 7px solid #f17351;}

.promo-l.p0 p{background-color: #333333;}
.promo-l.p2 p{background-color: #db76d7;}
.promo-l.p3 p{background-color: #a894f2;}
.promo-l.p4 p{background-color: #5ac3cc;}
.promo-l.p5 p{background-color: #5ccb96;}
.promo-l.p6 p{background-color: #8bcb5c;}
.promo-l.p7 p{background-color: #c1c63d;}
.promo-l.p8 p{background-color: #e5a157;}
.promo-l.p9 p{background-color: #f17351;}




/* strona produktu */
.promo-art{
 margin-bottom:10px;
 color: #fff;
 font-weight:400;
}
.promo-art span{
 display:block;
 float:left;
 padding:3px 5px;
 margin-right:2px;
}
.promo-art .p0 {background-color: #333333;}
.promo-art .p2 {background-color: #db76d7;}
.promo-art .p3 {background-color: #a894f2;}
.promo-art .p4 {background-color: #5ac3cc;}
.promo-art .p5 {background-color: #5ccb96;}
.promo-art .p6 {background-color: #8bcb5c;}
.promo-art .p7 {background-color: #c1c63d;}
.promo-art .p8 {background-color: #e5a157;}
.promo-art .p9 {background-color: #f17351;}



/* pagination */
.stronicowanie{
 background:#eee;
 text-align:right;
 padding:6px 6px 0;
 margin-bottom:30px;
}
.stronicowanie .pagination,
.stronicowanie .pagination li{
 margin:0;
 padding:0;
}
.pagination li a {
  border-color: #6600cc !important;
}
.pagination .active a {
  background-color: #6600cc !important;
}







/*************************
*******produkt******
**************************/

/* product-title */
.product-title {
 overflow: hidden;
 padding: 10px 0 20px;
 color:#444;
}
.product-title h1 {
 font-size:26px;
 color:#6600cc;
 margin-top:0;
}
.product-title p,
.product-info p {
 margin:0;
}


/* product-info */
.product-info {
 overflow: hidden;
 padding: 0 0 40px 0;
 color:#444;
}
.product-info p {
 margin-bottom:0px;
}
.product-info .cena {
 padding:0 0 10px;
 font-weight:500;
 line-height:26px;
}
.product-info .cena span{
 display:none;
}
.product-info .cena strong{
 padding-right:16px;
 font-size:28px;
 color:#6600cc;
 white-space: nowrap;
}
.product-info .cena strike{
 font-size:22px;
 color:#666;
}
.product-info .cena p{
 font-weight:100;
 font-size:70%;
 color:#aaa;
 line-height:1;
 margin-bottom:8px;
}

/* xs- */
@media (min-width: 543px) and (max-width: 767px) {
.product-title {margin-bottom:0px;}
.product-info .cena span{font-size:25px;}
.product-info .cena strike{font-size:17px;}
}

.product-info .wariant{
 font-size:80%;
 padding:4px;
 color:#6600cc;
 border-color:#6600cc;
 border-radius:3px;
 outline:none;
}
.product-info .wariant:invalid{
 color:#ff7700;
 border-color:#ff7700;
}



/*specyfikacja*/
.specyfikacja dl{
 display:flex;
 flex-wrap:wrap;
}
.specyfikacja dt,
.specyfikacja dd{
 width:49.5%;
 display: inline-flex;
 align-items: center;
 padding:10px 10px;
 margin:0;
 line-height:16px;
 background:#e7e7e7;
}
.specyfikacja dt{
 justify-content: right;
 text-align:right;
 font-weight:600;
 margin-right:0.5%;
}
.specyfikacja dd{
 margin-left:0.5%;
}
dd:nth-of-type(even),
dt:nth-of-type(even){
 background: #f5f5f5;
}






/* grupuj */
/* powiązane */
.product6-col{
 border:1px solid #ddd;
 border-radius: 2px;
 margin-bottom:15px;
 height:260px;
 cursor:pointer;
 cursor:hand;
 text-align:center;
}
.product6-img{
 height:72%;
}
.product6-img img{
 width:163px;
 left:50%;
 position:absolute;
 top:45%;
 transform:translate(-50%, -50%);
 margin-top:-35px;
 transition: width 0.3s;
}
.product6-col:hover .product6-img img{
 width:173px;
}
.product6-price{
 padding:0 5px;
 height:25px;
}
.product6-price span{
 font-size:100%;
 font-weight:500;
 color:#6600cc;
}
.product6-price s{
 margin-left:8px;
 font-size:60%;
 color:#777;
}
.product6 h4{
 padding:0 5px;
 font-size:75%;
}
.product6 a{
 color:#000;
}

@media (min-width: 992px) and (max-width: 1279px) {
.product6-col {font-size:92%; height:210px;}
.product6-img{ height:67%;}
.product6-img img{ width:120px;}
.product6-col:hover .product6-img img{width:130px;}
}
@media (min-width: 768px) and (max-width: 991px) {
.product6-col {font-size:92%; height:205px;}
.product6-img{ height:67%;}
.product6-img img{ width:116px;}
.product6-col:hover .product6-img img{width:126px;}
}
@media (min-width: 543px) and (max-width: 767px) {
.product6-col {font-size:104%;}
.product6-img img{ width:156px;}
.product6-col:hover .product6-img img{width:166px;}
}
@media (max-width: 543px) {
.product6-col {font-size:100%;}
.product6-img img{width:150px;}
.product6-col:hover .product6-img img{width:158px;}
}




/* udostepnij */
.udostepnij{
 margin-top:17px;
}
.udostepnij span{
 margin-right: 5px;
}
.udostepnij i{
 padding:0 8px;
}




/* galeria 1img modal */
.modal-backdrop{opacity:0.8 !important;}
.modal-img-target{width:100%; padding:30px 5px; background-color:transparent; text-align:center;}
.modal-img-target img{margin:auto; box-shadow: 0px 0px 50px #000; background-color:#fff;}




/*koszyk*/
.pasek-postepu{
 margin-left:0;
 margin-right:0;
}
.pasek-postepu div{
 border-left: 1px solid #fff;
 background: #ddd;
 margin-bottom: 20px;
 padding: 7px 2%;
 font-size: 18px;
 color: #000;
}
.pasek-postepu div i{
 float:right;
 margin-top:6px;
 color: #6600cc;
}
.pasek-postepu div.on{
 background: #6600cc;
 color: #fff;
}


.cart_info {
  margin-bottom: 20px
}
.cart_info table {
  width:100%;
}
.cart_info table td {
 font-size: 15px;
 border: 1px solid #666;
 vertical-align:middle;
 padding: 10px;
}

.cart_info .cart_menu {
    border-right: 2px solid #666;
    background: #666;
    color: #fff;
    text-align:center;
}
.cart_info .cart_menu td {
    border-right: 1px solid #fff;
}

.cart_info .cart_description h4 {
  margin-bottom: 0;
}
.cart_info .cart_description h4 a {
  color: #363432;
  font-weight: normal;
}
.cart_info .cart_price p {
  text-align:right;
  white-space:nowrap;
}
.cart_info .cart_total p {
  text-align:right;
  white-space:nowrap;
}
.cart_info .cart_quantity {
 text-align:center;
}
.cart_info .cart_quantity select{
 width:100%;
 margin-bottom:14px;
}
.cart_info .cart_qty {
 text-align:center;
}
.cart_info .cart_delete  {
 overflow: hidden;
 text-align:center;
}
.cart_info .cart_delete button {
  background:none;
  color: #999;
  font-size: 28px;
  border:0;
  margin-bottom:16px;
}
.cart_info .cart_delete button:hover {
  color:#e50202;
  transition: color .2s linear;
}
.cart_info .cart_empty {
  border-left:none;
  border-bottom:none;
}
.cart_info .cart_razem {
  text-align:center;
}
.cart_info .cart_razem_price {
  color: #6600cc;
  text-align:right;
  white-space:nowrap;
}


#cart_items .rabat_kod{
 float: right;
 width:200px;
 height:40px;
 margin-right:10px;
}
#cart_items .rabat_kod::placeholder {
 color: red !important;
}
#cart_items .rabat_kod:focus::placeholder {
 color: #ddd !important;
}





/* inputy */
#cart_items {
 margin-bottom: 30px;;
}
#cart_items .form-control {
 padding:1px 10px;;
}
#cart_items .form-control:focus {
 border-color:#6600cc;
}
#cart_items .form-control:invalid,
#cart_items .form-blad {
 border-color:#ff7700;
}

#cart_items label{
 margin:8px 0 0 1px;
 padding-bottom:0;
 font-size:13px;
}
#cart_items .blad{
 color:red;
}

#cart_items #summary {
 margin:-20px 0 10px;
 padding-top:5px;
 width:100%;
 background-color:#f8f8f8;
}
#cart_items #summary table td {
 text-align:right;
 padding-left:15px;
 border:none;
}
#cart_items #summary .koszt_przesylki{
 font-size: 17px;
 color:#6600cc;
}
#cart_items #summary .do_zaplaty_txt{
 white-space:nowrap;
 font-size: 20px;
}
#cart_items #summary .do_zaplaty{
 white-space:nowrap;
 font-size: 20px;
 font-weight:600;
 color:#6600cc;
}

#cart_items ul.radio {
 margin: 20px 0 0 0;
 padding-left: 0;
 list-style: none;
}
#cart_items ul.radio li {
 margin-left: 10px;
 padding-left: 10px;
 padding-bottom: 5px;
}
#cart_items ul.radio li p {
 margin: 0;
 padding: 0;
}

#cart_items .pay-amount{
  color: #6600cc;
  font-size: 25px;
  padding-right: 20px;
  font-weight: bold;
}







.form-control {
 line-height:21px;
}
.form-control:focus {
 border-color:#6600cc;
}
.form-control:valid,
.form-control-success {
 border-color:#6600cc;
}
.form-control:invalid{
 border-color:#ff7700;
}
.form-control-danger {
 border-color:red !important;
}

.success {
 color:#6600cc;
}
.danger {
 color:red;
}





/*modal email*/
.modal label{
 margin:0;
 font-size:12px;
}



/*popup*/
#modal-popup .modal-content-popup {
    background-clip: padding-box;
    background-color: #fff;
    border-radius: 1px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    outline: 0 none;
    position: relative;
    border-bottom: 1px solid #000;
}
#modal-popup .modal-header-popup {
 min-height: 26px;
}
#modal-popup .modal-body {
 padding: 0;
}
#modal-popup .close-popup {
 position:absolute;
 right:2px;
 background: none;
 cursor:pointer;
 border:none;
 outline:none;
}
#modal-popup .close-popup span {
    display: inline-block;
    font-family: Arial;
    font-size: 24px;
    line-height: 12px;
    margin-top: 8px;
    vertical-align: top;
    color: #555;
}
#modal-popup .close-popup:hover,
#modal-popup .close-popup:focus {
  color: #000;
  opacity: 1;
  filter: alpha(opacity=100);
  transition: color .2s linear;
}


#modal-popup .modalimg{
 position:absolute;
 text-align:left;
 left:0px;
 max-width:100%;
}
#modal-popup div.modaltxt{
 position:absolute;
 text-align:left;
 padding:20px;
 cursor:pointer;
 cursor:hand;
}







/* butony */
.btn {
  position:relative;
  border: 0 none;
  line-height: 22px;
  padding: 8px 20px;
  border-radius: 3px;
  transition: .2 linear;
  z-index:2;
}
.btn:hover,
.btn:active,
.btn.active {
  transition: .1s linear;
}

.btn-default{
  background-color: #666;
  color: #eaff01;
}
.btn-default:hover, .btn-default:active, .btn-default.active {
  background-color: #000;
  color: #eaff01;
}

.btn-1 {
  background-image: url('../img/t20.png');
  border: 1px solid #6600cc;
  color: #6600cc;
}
.btn-1:hover, .btn-1:active, .btn-1.active {
  background-color: #6600cc;
  color: #fff;
}

.btn-2 {
  background-color: #6600cc;
  border: 1px solid #6600cc;
  color: #fff;
}
.btn-2:hover, .btn-2:active, .btn-2.active {
  background-color: #fff;
  color: #6600cc;
}

.btn-3 {
  background-color: #666;
  border: 1px solid #666;
  color: #eaff01;
}
.btn-3:hover, .btn-3:active, .btn-3.active {
  background-color: #000;
  border: 1px solid #000;
  color: #eaff01;
}

.btn-4 {
  background-color: #eaff01;
  border: 1px solid #ccc;
  color: #000;
}
.btn-4:hover, .btn-4:active, .btn-4.active {
  background-color: #666;
  border: 1px solid #666;
  color: #eaff01;
}

.btn-5 {
  background-color: #666;
  border: 1px solid #666;
  color: #fff;
}
.btn-5:hover, .btn-5:active, .btn-5.active {
  background-color: #6600cc;
  border: 1px solid #6600cc;
  color: #fff;
}

.btn-6 {
  background-image: url('../img/b10.png');
  border: 1px solid #eaff01;
  color: #eaff01;
}
.btn-6:hover, .btn-6:active, .btn-6.active {
  background-color: #eaff01;
  color: #fff;
}

.btn-7 {
  background-image: url('../img/b10.png');
  border: 1px solid #ccc;
  color: #fff;
}
.btn-7:hover, .btn-7:active, .btn-7.active {
  background-color: #444;
  border: 1px solid #fff;
  color: #fff;
}

@media (min-width: 992px) and (max-width: 1279px) {
.btn-1,.btn-2,.btn-3,.btn-4,.btn-5,.btn-6,.btn-7 {padding: 6px 18px;}
}
@media (min-width: 768px) and (max-width: 991px) {
.btn-1,.btn-2,.btn-3,.btn-4,.btn-5,.btn-6,.btn-7 {padding: 4px 16px;}
}
@media (max-width: 767px) {
.btn-1,.btn-2,.btn-3,.btn-4,.btn-5,.btn-6,.btn-7 {padding: 2px 14px;}
}

.btn.btn-err{
  background: red;
  color:#fff;
}

.btn.btn-green {
  background:#fff;
  color:#6600cc;
  border: 1px solid #6600cc;
}

.btn.btn-off {
  background:#ddd;
}

.btn.disabled,
.btn[disabled] {
 box-shadow: none;
 opacity: .5;
 border: 1px solid #ccc;
}

.btn i{
 vertical-align:middle;
 margin:0 0 3px 0;
}











.inline{display:inline;}
.h{display:none;}
.nowrap {white-space: nowrap;}
.left { left:0;}
.right { right:0;}
.txt-center {text-align:center;}
.txt-left {text-align:left;}
.txt-right {text-align:right;}
.txt-top {vertical-align:top;}
.txt-middle {vertical-align:middle;}
.txt-bottom {vertical-align:bottom;}
.align-items-center{display:inline-grid; align-content:center;}

.r {float:right;}
.l {float:left;}

.b {font-weight:700;}

.border {
 padding:1px;
 border:1px solid #ddd;
}
.hand {
 cursor:pointer;
 cursor:hand;
}
.clear { clear:both;}
.px1 {height:1px; margin:0; padding:0;}

.m-0   { margin:0 !important;}
.m-t-0 { margin-top:0 !important;}
.m-l-0 { margin-left:0 !important;}
.m-r-0 { margin-right:0 !important;}
.m-b-0 { margin-bottom:0 !important;}

.m-5   { margin:5px !important;}
.m-t-5 { margin-top:5px !important;}
.m-l-5 { margin-left:5px !important;}
.m-r-5 { margin-right:5px !important;}
.m-b-5 { margin-bottom:5px !important;}
.m-x-5 { margin-left:5px; margin-right:5px !important;}
.m-y-5 { margin-top:5px; margin-bottom:5px !important;}

.m-10   { margin:10px !important;}
.m-t-10 { margin-top:10px !important;}
.m-l-10 { margin-left:10px !important;}
.m-r-10 { margin-right:10px !important;}
.m-b-10 { margin-bottom:10px !important;}
.m-x-10 { margin-left:10px; margin-right:10px !important;}
.m-y-10 { margin-top:10px; margin-bottom:10px !important;}

.m-t-15 { margin-top:15px !important;}
.m-l-15 { margin-left:15px !important;}
.m-r-15 { margin-right:15px !important;}
.m-b-15 { margin-bottom:15px !important;}
.m-x-15 { margin-left:15px; margin-right:15px !important;}

.m-t--15 { margin-top:-15px !important;}
.m-l--15 { margin-left:-15px !important;}
.m-r--15 { margin-right:-15px !important;}

.m-b-20 { margin-bottom:20px !important;}

.m-t-30 { margin-top:30px !important;}
.m-b-30 { margin-bottom:30px !important;}
.m-r-30 { margin-right:30px !important;}

.p-0    { padding:0 !important;}
.p-l-0  { padding-left:0 !important;}
.p-l-5  { padding-left:5px !important;}
.p-r-5  { padding-right:5px !important;}
.p-l-10 { padding-left:10px !important;}
.p-r-10 { padding-right:10px !important;}
.p-l-15 { padding-left:15px !important;}
.p-r-15 { padding-right:15px !important;}
.p-x-15 { padding-left:15px; padding-right:15px !important;}





/*oblewanie tekstem*/
@media (min-width: 1280px) {
.xl-mr-15 {margin-right:0.97em}
.xl-ml-15 {margin-left:0.97em}
.xl-mr--15 {margin-right:-0.97em}
.xl-ml--15 {margin-left:-0.97em}
}
@media (min-width: 992px) {
.lg-mr-15 {margin-right:0.97em}
.lg-ml-15 {margin-left:0.97em}
.lg-mr--15 {margin-right:-0.97em}
.lg-ml--15 {margin-left:-0.97em}
}
@media (min-width: 768px) {
.md-mr-15 {margin-right:0.97em}
.md-ml-15 {margin-left:0.97em}
.md-mr--15 {margin-right:-0.97em}
.md-ml--15 {margin-left:-0.97em}
}
@media (min-width: 544px) {
.sm-mr-15 {margin-right:0.97em}
.sm-ml-15 {margin-left:0.97em}
.sm-mr--15 {margin-right:-0.97em}
.sm-ml--15 {margin-left:-0.97em}
}






/* xl */
@media (min-width: 1280px) {
.clearfix-xl {clear: both;}
.container{ padding-right: 2rem; padding-left: 2rem;}
.promocje .nav-item i{font-size:22px;}
}


/* lg */
@media (min-width: 992px) and (max-width: 1279px) {
.clearfix-lg {clear: both;}
.header-menu li.nav-item{padding:0 8px 0 10px !important;}
.header-menu li.nav-item a, .header-menu li.nav-item span{font-size:17px;}
}


/* md */
@media (min-width: 768px) and (max-width: 991px) {
.clearfix-md {clear: both;}
.header-menu li.nav-item{padding:0 4px 0 5px !important;}
.header-menu li.nav-item a, .header-menu li.nav-item span{font-size:14px;}
.header-menu .fa-caret-down{ padding-left:2px; font-size:12px !important;}
.promocje .nav-item i{font-size:40px; padding:0 10px;}
}


/* sm */
@media (min-width: 544px) and (max-width: 767px) {
.clearfix-sm {clear: both;}
.header-menu div > ul {margin-top:7px;}
.header-menu li.nav-item{padding:0 5px 0 6px !important;}
.header-menu li.nav-item a, .header-menu li.nav-item span{font-size:14px;}
.header-menu ul.dropdown-menu{min-width:90px !important;}
.promocje .nav-item i{font-size:36px; padding:0 8px;}
}


/* xs - */
@media (max-width: 543px) {
.clearfix-xs {clear: both;}
.promocje {font-size:12px}
.promocje .nav-item i{font-size:32px; padding:0 4px;}

.header-top .col-sm-6:first-child{
 margin:auto;
 text-align:center;
}
.logo{
 text-align:left;
 margin:25px auto 0;
}
.logo img{
 width:200px;
}
.logo-t{
 width:200px;
 margin:0;
 font-size:70%;
}
.shop-menu{
 margin-top:32px;
}
.header-menu {
 padding-bottom:0;
}
.header-menu .container{
 margin-bottom:12px;
}
#navbar-header{
 margin-top:20px;
 width:338px;
}
.header-menu ul,
.header-menu ul li{
 border: none !important;
 width:100%;
 padding:0;
}
.header-menu .nav > li {
 padding:4px 0 0;
 font-weight:400;
}
.header-menu .dr-m .dropdown-item{
 margin: 0 20px 0 0;
 padding:0 ;
}
.header-menu .nav > li > a,
.header-menu .nav > li > span {
 padding:0;
 display: inline-block;
}
.header-menu .menu-link{
 display: inline;
}
.header-menu .nav-item{
 position:relative;
 padding-left:0 !important;
 line-height:2.5;
}
.header-menu .nav-item .m-plus.collapsed{
 transform: rotate(0deg);
}
.header-menu .nav-item .m-plus{
 display:inline;
 position:absolute;
 line-height:0.8;
 top:8px;
 right:3px;
 transform: rotate(90deg);
}
.header-menu .nav-item .m-plus:before{
 content: "\003E";
 font-size:30px;
 padding-left:11px;
 padding-right:10px;
}
.header-menu .nav-item .dr-r .m-plus{
 line-height:0.6;
 top:8px;
 right:7px;
}
.header-menu .nav-item .fa-caret-down{
 display: none;
}
.dropdown-toggle::after {
 display: none;
}
.header-menu .dr-m{
 padding: 0 0 0 5px !important;
 min-width: 160px;
 list-style: none;
}
.header-menu .dr-m .dropdown-item:hover,
.header-menu .dr-m .dropdown-item.active,
.header-menu .dr-m .dropdown-item.active:hover {
 border:none;
 padding-left:0;

}
.header-menu .dr-r>a:after{
 border:none;
}
.cart_info table td {
 padding: 2px;
}


.owl-carousel .owl-prev:hover,
.owl-carousel .owl-next:hover {
    color:#ddd;
}

.product-item:hover .product-cart{
 opacity:0;
 animation: none;
}

.opcje-ng{ padding-bottom:10px; text-align:right;}
.opcje-ng i{ margin-left:10px; font-weight:100;}
.opcje{
 float:none;
 font-size:13px;
}
.opcje span{
 padding-top:5px;
 font-size:18px;
 font-weight:500;
}
.opcje .dropdown-menu{
 margin-top:-20px;
 background-color:#eee;
 font-size:15px;
 border:0;
}
.opcje .dropdown-item{
 color:#000;
 margin:10px 0;
 padding:0 3px;
}
.opcje .dropdown-item.active{
 background-color:#eee;
}

}


/* xs | */
@media (max-width: 449px) {

.product .art{
 min-width:200px !important;
 display: inline-block !important;
 float:left !important;
 width:100% !important;
}
.promocje {font-size:10px}
.promocje .nav-item i{font-size:30px;}

}