*,li{letter-spacing:normal;list-style:none outside none;margin:0;padding:0;}
a{text-decoration:none;color:#0074e8;}a:hover{text-decoration:underline;}
html,body{padding:0;margin:0;}
body{font-family:"Roboto Condensed", Arial,Helvetica,Garuda,sans-serif;font-size:12px;background-image:url("https://piperin-tab.com/css/img/one.jpg");background-repeat:no-repeat;background-position:center center;background-attachment:fixed;}
div.order{width:100%;height:100vh;background:#FFF;overflow:hidden;position:relative;margin:0 auto;}
div.first{background:inherit;}
div.order img.big{width:100%;height:100%;object-fit:cover;}
nav{width:100%;height:50px;margin:30px 0;position:fixed;z-index:10;}
nav.pozb{bottom:0;}
nav.topb{top:0;}
nav a{display:block;width:20%;float:left;text-align:center;line-height:50px;color:#FFF;}
nav a span{background:#0074e8;color:#FFF;display:block;margin:0 15px;font-size:22px;border-radius:15px;}
nav a.bay span{background:#06af49;font-weight:bold;}
nav a.activ span{background:#000;font-weight:bold;}
div.order .content{width:100%;height:100%;left:0;bottom:0;position:absolute;}
div.order .content .ll{width:35%;height:100%;float:left;position:relative;}
div.order .content .rr{width:65%;height:100%;float:right;position:relative;}
div.order .content .ll ul{width:474px;margin-top:50px;color:#FFF;position:absolute;left:0;bottom:110px;overflow:hidden;}
div.order .content .ll ul li{text-align:center;font-size:30px;overflow:hidden;}
div.order .content .ll ul li h1{text-shadow:-1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}
div.order .content .ll ul li u{text-shadow:-1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;text-decoration:none;}
div.order .content .ll ul li.produkt p{display:block;margin:10px 30px;background:#FFF;padding:40px;border:3px solid #06af49;border-radius:183px;width:300px;}
div.order .content .ll ul li.produkt img{display:block;margin:0 auto;max-width:250px;height:300px;}
div.order .content .rr p{font-size:36px;color:#FFF;margin:30px 0 0 60px;text-shadow:-1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; max-width: 700px;}
div.order .content .lls{width:40%;height:100%;float:left;position:relative;}
div.order .content .rrs{width:60%;height:100%;float:left;position:relative;}
div.order .content .rrss{width:60%;height:100%;float:left;position:relative;}
div.order .content .llss{width:40%;height:100%;float:right;position:relative;}
div.order .content .lls ul,div.order .content .rrs ul{position:absolute;bottom:30px;left:30px;font-size:30px;}
div.order .content .info{position:absolute;bottom:0;font-size:20px;color:#aaa;}
div.order .content .info h2{color:#fff;padding:0 30px 10px 0;text-align:right;text-shadow:-1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}
div.order .content .info h3{background:#FFF;;padding:20px 0 0 20px;}
div.order .content .info p{background:#FFF;;display:block;overflow:hidden;padding:0 0 20px 20px;border-bottom:1px solid #aaa;text-align:justify;}
div.order .content .info p.notborder{border:0;padding-bottom:20px;}
div.order .content .info p.boxmax{padding-right:30px; max-height:600px; overflow:auto;}
div.order .content .info p img{float:left;padding:10px 10px 10px 0;}
div.order .content .info p img.second{float:right;padding:0 30px;height:260px;}
table{border:0;}
table.piple{border:1px solid #ccc;}
.contyner{margin:5px;height:auto;border:1px solid #ccc;overflow:hidden;}
.opinia{width:100%;float:left;height:auto;margin:0;}
div.order .content .info .opinia h3{padding:0;margin:0;background:#f1f1f1;color:#000;padding:10px;margin:0;}
div.order .content .info .opinia h3 span{color:#000;font-weight:normal;}
div.order .content .info .opinia h3 span span{color:#aaa;font-size:18px;font-weight:bold;}
div.order .content .info .opinia p{border:0;}
.esd{width:60%;float:left;padding:0;}
div.order .content .info .opinia p{padding:10px;}
div.order .content .info .opinia p.images{width:40%;float:left;padding:0;color:#aaa;position:relative;height:200px;}
div.order .content .info .opinia p img{padding:0;width:100%;}
@media all and (min-width:1400px){.opinia{width:50%;}
div.order .content .lls{width:30%;}
div.order .content .rrs{width:70%;}
}
.efekt{background:#ccc;color:#000;text-align:center;padding:10px 0;}
.przed, .po{background:#f1f1f1;color:#000;text-align:center;padding:10px 0;font-weight:bold;}
.przed{color:red;}
.po{color:#06af49;}
.tdtxt{vertical-align:top;}
.tdtxt table{padding:0 30px;color:#000;}
.tdtxt table td{padding-left:43px;text-align:justify;}
.tdtxt table td.ok{background-image:url("https://piperin-tab.com/css/img/ok.gif");background-repeat:no-repeat;background-position:left top;padding-left:123px;height:123px;font-size:30px;color:#000;}
.tdtxt table td.ok span{color:#aaa;font-weight:bold;}
.ulbox{margin:0 30px 30px 30px;padding:0 30px 0 10px;background:#FFF;}
div.order .content .info .ulbox p{padding-bottom:20px;}
div.order .content .info .ulbox li{cursor:normal;}
div.order .content .info .ulbox h3{color:#212121;position:relative;line-height:40px;height:40px;padding:10px 10px 10px 60px;border-bottom:1px solid #aaa;}
div.order .content .info .ulbox li.open h3,div.order .content .info .ulbox li.last h3{border-bottom:0px;}
div.order .content .info .ulbox h3:hover{text-decoration:normal;}
div.order .content .info .ulbox span{color:#06af49;font-size:40px;width:40px;height:40px;line-height:40px;display:block;position:absolute;left:0;top:0;padding:10px 0 10px 10px;}
div.order .content .info .ulbox h3:hover span{text-decoration:unset;}
div.order .content .info .ulbox p{display:none;}
div.order .content .info .ulbox li.open p{display:block;}
ul.promo{background:#FFF;padding:15px;border:10px solid #06af49;}
ul.promo li{text-align:right;font-weight:bold;font-size:36px;text-shadow:-1px 0 #FFF, 0 1px #FFF, 1px 0 #FFF, 0 -1px #FFF;}
ul.promo li.nag{text-align:left;color:#f86210;font-size:40px;}
ul.promo li.nag span{display:none;}
ul.promo li.zostalo{text-align:left;color:red;}
ul.promo li.sztuk{color:red;}
ul.promo li.sztuk span{color:#06af49;}
ul.promo li.nameprodukt{}
ul.promo li.promo-price{font-size:24px;}
ul.promo li.promo-price span{font-size:50px;color:#06af49;}
ul.promo li.promo-price small{color:#06af49;}
ul.promo li.time{font-size:34px;color:red;}
ul.promo li.koniec{font-size:24px;}
ul.promo li a{margin-top:10px;background:#06af49;font-weight:bold;color:#FFF;height:40px;line-height:40px;border-radius:15px;display:block;text-align:center;padding:5px;text-shadow:none;}
img.ekspertmin{border:3px solid #aaa;border-radius:140px;}
i.blink{color:#f86210;font-size:32px;}
.lalal{width:70%; background:#FFF; overflow: hidden; padding:20px 0 20px 20px;}
.lalar {float:left; overflow: hidden; width:60%;}
.lalal .erdg{float:left; width:40%; text-align:center;}
ul.promo li.promo-price span.abc {text-decoration:line-through; color:red; font-size:40px; text-shadow:none;}
div.order .content .info h2.experts{text-align:left; padding:0 0 0 30px; text-shadow:none; color:#aaa;}
.footer{background: #CCC; padding: 24px 20px 0 20px;}
@media all and (min-width:640px) and (max-width:1400px) {
div.order{width:100%;height:auto; background:none;overflow:hidden;position:relative;margin:0 auto; display:block;
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
}
nav {display:none; float:left;}
div.order .content{
height:auto;
position: relative;
overflow: hidden;
}

div.order .content .rr{
	width:100%;
}

div.order .content .ll{
width:100%;
}


div.order .content .ll ul {
    width: 100%;
    color: #FFF;
    position: relative;
    left: 0;
    bottom: inherit;
    overflow: hidden;
	 margin: 0 auto;
	 max-width:300px;
}

div.order .content .ll ul li.produkt p {
    display: block;
    margin: 20px;
    background: #FFF;
    padding: 40px;
    border: 3px solid #06af49;
    border-radius: 0;
    width: inherit;
}

div.order .content .ll ul li h1 {


}

div.order .content .ll ul li u {
    text-shadow: -1px 0 #FFF, 0 1px #FFF, 1px 0 #FFF, 0 -1px #FFF;
    text-decoration: none;
    color: red;
}


div.order .content .rr p {

	text-align:center;
    margin: 0 12px 12px 12px;


}

.order img.big{
display:none;
}


div.order .content .lls ul, div.order .content .rrs ul,div.order .content .info {
    position: relative;
}


.content .info {
    padding: 20px 100px 20px 100px;
}

div.order .content .rrs,div.order .content .lls{
width:100%;
}

div.order .content .lls{
float:right;
}

div.order .content .lls ul, div.order .content .rrs ul {
    position: relative;
    bottom: inherit;
    left: inherit;
    font-size: 30px;
	 margin:20px;
}



div.order .content .lls ul.promo{
	 overflow: hidden;
	 max-width:540px;
	 margin: 20px auto 40px auto;
}


div#cechy .content .lls ul.promo{
	 overflow: hidden;
	 max-width:540px;
	 margin: 20px auto 0 auto;
}

ul.promo li{
    width:50%;
	 float:left;
	 overflow: hidden;
}

ul.promo li.nag{
font-size: 32px;
}

ul.promo li.sztuk {
width:100%;
}

ul.promo li.nameprodukt {
width:100%;
text-align:center;
}


ul.promo li.promo-price {
line-height:50px;
}

ul.promo li.promo-price span{
font-size:40px;
}

ul.promo li.baynow{
width:100%;
}
ul.promo li a{
	margin: 10px auto 0 auto;
}

ul.promo li.time,ul.promo li.koniec{
font-size: 26px;
}

ul.promo li.time b{
margin-right:10px;
}

ul.promo li.koniec{
text-align:left;
}

div.order .content .ll ul li.produkt img{
height:inherit;
max-width:200px;
}

div.order .content .info h2 {

    padding: 10px 0;
    text-align: center;

}

div.order .content .info h3 {
    background: #FFF;
    padding: 20px 0 20px 0;
    text-align: center;
}

div.order .content .info p {
    background: #FFF;
    display: block;
    overflow: hidden;
    padding: 0 20px 20px 20px;
    border-bottom: 1px solid #aaa;
    text-align: justify;
}

div.order .content .info p img{
    max-width:100px;
}

div.order .content .info p img.second{
padding-right:0;
max-height:160px;
}

img.ekspertmin {
    display: block;
    margin: 0 auto;
}

.lalal{width:100%; background:#FFF; overflow: hidden; padding:20px 0;}
.lalar {float:left; overflow: hidden; width:100%;}
.lalal .erdg{float:left; width:100%; text-align:center;}
b.odczego{color:#000;}

.opinia {
    width: 100%;

}

@media all and (min-width:980px){
.opinia{width:50%;}
}

@media all and (min-width:1400px){.opinia{width:50%;}
div.order .content .lls{width:30%; padding-bottom:40px;}
div.order .content .rrs{width:70%; padding-bottom:40px;}
}




div.order .content .info p img {
    max-width: 100%;
}

div.order .content .info .opinia p.images {
width:100%;
}
div.order .content .info .opinia h3 span span{
display:none;
}

div.order .content .info .opinia p img{
min-height:200px;
min-width:100%;

}
.esd {
    width: 100%;
    float: left;
    padding: 0;
}

div.order .content .rrss  {
    width: 100%;
    height: 100%;
    float: left;
    position: relative;
}


div.order .content .rrss .info p ,div.order .content .rrss .info .ulbox  {
    padding:10px;;
	 margin:0;
}
div.footer{
margin-top:40px;
}
}

@media all and (max-width:640px){
body{background-image: none !important;}
div.order{width:100%;height:auto;background:#FFF;overflow:hidden;position:relative;margin:0 auto; display:block; background-image:none !important;}
nav {display:none; float:left;}

div.order .content{
height:auto;
position: relative;
overflow: hidden;
}

div.order .content .rr,div.order .content .ll{
width:100%;
}


div.order .content .ll ul {
    width: 100%;
    margin-top: 0;
    color: #FFF;
    position: inherit;
    left: 0;
    bottom: inherit;
    overflow: hidden;
}

div.order .content .ll ul li.produkt p {
    display: block;
    margin: 20px;
    background: #FFF;
    padding: 40px;
    border: 3px solid #06af49;
    border-radius: 0;
    width: inherit;
}

div.order .content .ll ul li h1 {
    text-shadow: none;
    color: #aaa;
}

div.order .content .ll ul li u {
    text-shadow: none;
    text-decoration: none;
    color: black;
}


div.order .content .rr p {
    font-size: 22px;
    color: red;
    margin: 12px;
    text-shadow: none;
}

.order img.big{
display:none;
}


div.order .content .lls ul, div.order .content .rrs ul,div.order .content .info {
    position: relative;
}

div.order .content .rrs,div.order .content .lls{
width:100%;
}

div.order .content .lls ul, div.order .content .rrs ul {
    position: relative;
    bottom: inherit;
    left: inherit;
    font-size: 30px;
}

ul.promo li.sztuk b{
    display:none;
}
ul.promo li.time{
font-size: 32px;
}

div.order .content .ll ul li.produkt img{
height:inherit;
max-width:200px;
}

div.order .content .info h2 {
    color: #000;
    padding: 10px 0;
    text-align: center;
    text-shadow: none;
}

div.order .content .info h3 {
    background: #FFF;
    padding: 0 0 20px 0;
    text-align: center;
}

div.order .content .info p {
    background: #FFF;
    display: block;
    overflow: hidden;
    padding: 0 20px 20px 20px;
    border-bottom: 1px solid #aaa;
    text-align: justify;
}

div.order .content .info p img{
    max-width:100px;
}

div.order .content .info p img.second{
max-width:100%;
width:100%;
height:100%;
max-height: 100% !important;
float: right;
padding: 0 0;
}

img.ekspertmin {
    display: block;
    margin: 0 auto;
}

.lalal{width:100%; background:#FFF; overflow: hidden; padding:20px 0;}
.lalar {float:left; overflow: hidden; width:100%;}
.lalal .erdg{float:left; width:100%; text-align:center;}
b.odczego{color:#000;}

.opinia {
    width: 100%;
	 height: auto;
}


div.order .content .info p img {
    max-width: 100%;
}

div.order .content .info .opinia p.images {
    width: 100%;
    float: left;
    padding: 0;
    color: #aaa;
    position: relative;
    overflow: hidden;
	 height:auto;
}

.esd {
    width: 100%;
    float: left;
    padding: 0;
}

div.order .content .rrss  {
    width: 100%;
    height: 100%;
    float: left;
    position: relative;
}


div.order .content .rrss .info p ,div.order .content .rrss .info .ulbox  {
    padding:10px;;
	 margin:0;
}
div.footer{
margin-top:40px;
}
}