@font-face {
    font-family: 'Roboto';
    src: url('/tplx/fonts/Roboto/RobotoMono-VariableFont_wght.ttf');
}

@font-face {
    font-family: 'Montserrat';
    src: url('/tplx/fonts/Montserrat/Montserrat-VariableFont_wght.ttf');
}

* {
  box-sizing: border-box;
  font-family:Montserrat,Arial, Helvetica,FontAwesome !important;
}

h3{
font-size:36px !important;
}

body {
  margin: 0;
}


.navbarx{
min-height:60px;
.max-height:60px;
.height: fit-content;
.block-size: fit-content;
position:static;
width:100%;
  overflow: hidden;
  background-color:rgb(255,255,255) !important;
  color:black;
  z-index:999999999999;
  border-top:5px solid rgb(100%, 100%, 0%);
}

.navbarx a,.navbarx h2 ,.navbarx button{
font-family:Montserrat,Arial, Helvetica;
}


.navbarx a{
  float: left;
  font-size: 16px;
  color: black;
  text-align: left;
  padding: 14px 16px;
  text-decoration: none;
}

.static{
  position:fixed;
  bottom:0px;
  top:0px;
  left:0px;
  width: 100%;
  height:60px;
  padding:0px !important;
  margin:0px !important;
  z-index: 999999999999;
float:none;
.max-height:auto;
.background-color:white !important;
.border-top:5px solid rgb(100%, 100%, 0%) !important;
}

.zindex{
z-index:9999999999999999 !important;
}


.dropdownx,.dropdowns, .dropdownw,.dropdownd,.dropdownh,dropdownb,.dropdownb{
  float: left;
  overflow: hidden;
  z-index:999999999999999;
}

/*
.dropdownx .dropbtn,.dropdowns .dropbtns,.dropdownw .dropbtnw,.dropdownd .dropbtnd,.dropdownh .dropbtnh,.dropdownb .dropbtnb {
  font-size: 16px;  
  border: none;
  outline: none;
  color: black;
  padding: 14px 16px;
  background-color: inherit;
  margin: 0;
}
*/

/*
.navbarx a:hover, .dropdownx:hover .dropbtn,.dropdowns:hover .dropbtns,dropdownw:hover .dropbtnw,dropdownd:hover .dropbtnd,dropdownh:hover .dropbtnh,dropdownb:hover .dropbtnb {
  background-color: white;
  color:black;
}
*/
 
 
.dropdowns{
.margin-right:60px;
}

.dropdown-content {
  .margin-top:30px !important;
  display: none;
  position: absolute;
  background-color: rgb(255,255,255) !important;
  padding-bottom:20px;
  left: 0;
  z-index: 999999999999999;
}

.dropdown-content.menuz{
margin-left:230px;
width:1100px !important;
}


.dropdown-content .rowxy{
-webkit-box-shadow: 10px 10px 40px -20px rgba(0, 0, 0, 1);
-moz-box-shadow: 10px 10px 40px -20px rgba(0, 0, 0, 1);
box-shadow: 10px 10px 40px -20px rgba(0, 0, 0, 1);
border-radius:0px 0px 30px 30px;
}


/*
.dropdown-content div{
  background-color: rgb(255,255,255) !important;
}
*/


/*test*/


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

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


.menuz {
	-webkit-animation: scale-in-tl .2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: scale-in-tl .2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}


/*
.mousemove:hover .menuz{
  display: block !important;
  width:100%;
  height:fit-content !important;
}
*/

.dropdownb-content {
  display: none;
  position:absolute;
  background-color: white;
  z-index: 99999999;
}

.dropdownh-content {
  display: none;
  position:absolute;
  background-color: white;
  z-index: 99999999;
}

.dropdownz-content {
  display: none;
  position:absolute;
  background-color: white;
  z-index: 99999999;
}


.dropdownz-content a{
.width:fit-content;
}


.dropdownh-content {
  display: none;
  position:absolute;
  background-color: white;
  width:auto;
  z-index: 99999999;
}

.dropdownw-content {
  display: none;
  position:absolute;
  background-color: white;
  width:auto;
  z-index: 99999999;
}

.dropdownd-content {
  display: none;
  position:absolute;
  background-color: white;
  width:auto;
  z-index: 99999999;
}


.dropdownh-content .headerx {
  background:white;
  padding: 16px;
  color: black;
}

.dropdownb-content .headerx {
  background:white;
  padding: 16px;
  color: black;
}

.dropdownz-content .headerx {
  background:white;
  padding: 16px;
  color: black;
}

.dropdownd-content .headerx {
  background:white;
  padding: 16px;
  color: black;
}

.dropdownw-content .headerx {
  background:white;
  padding: 16px;
  color: black;
}

.rowxy >.columnx {
margin-left:20px;
}

/* Create three equal columns that floats next to each other */
.columnx {
  float: left;
  .padding: 5px;
  background-color: white;
  min-height: 50px;
  .min-width:260px;
  .width: fit-content !important;
  color:black;
  .margin-top:30px !important;
  .margin-left:5px;
  .border:1px dotted grey;
}

.listax{
-webkit-box-shadow: 10px 10px 40px -20px rgba(0, 0, 0, 1);
-moz-box-shadow: 10px 10px 40px -20px rgba(0, 0, 0, 1);
box-shadow: 10px 10px 40px -20px rgba(0, 0, 0, 1);
min-height:0px;
height:auto;
margin-top:8px !important;
.border:1px solid rgba(100,100,100,0.8);
padding:10px;
border-radius: 0px 0px 10px 10px;
}

/*
.menuz.columnx.listax{
min-width:100px !important;
width:fit-content !important;
box-sizing:border-box !important; 
}
*/

.columnx a.kategoria {
  float: none;
  color: black;
  padding: 6px;
  text-decoration: none;
  display: block;
  text-align: left;
  min-width:120px;
  width:fit-content !important;
  top:-1px;
}

.columnx a:hover {
  background-color: rgba(255,255,0,0.9);
}

.rowxy{
margin-top:8px !important;
background-color: rgb(255,255,255) !important;
}

/* Clear floats after the columns */
.rowxy:after {
  content: "";
  display:table;
  clear: both;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media (max-width: 1400px) {
  .columnx {
    width: 100%;
    height: auto;
  }
  
  .lcontainer{
  float:left !important;
  }
  
  
  
}

@media (max-width: 800px) {
  .columnx {
    width: 100%;
    height: auto;
  }
  
  .lcontainer{
  float:left !important;
  }
  
  #koszykx,#koszykz{
  position:absolute;
  top:155px;
  left:0px;
  margin-left:20px !important;
  z-index:9999999999999999;
  }
  
  
}

.logo2{
position:absolute;
float:none;
width:auto;
height:28px;
.top:4px;
.left:30px;
}

.loadx-box{
min-width:200px;
min-height:300px;
}

.logo-mobile{
position:relative;
.margin-bottom:10px;
}

.mobile-nav-selection{
margin-top:40px;
}

.morem{
margin-right:5px;
float:right;
display:none;
}

/*
.miniaturas,.miniaturas:hover{
-webkit-box-shadow: 0px 20px 0px -10px #FFFFFF, 0px -20px 0px -10px #FFFFFF, 20px 0px 0px -10px #FFFFFF, -20px 0px 0px -10px #FFFFFF, 0px 0px 0px 10px rgb(100%, 100%, 0%), 0px -6px 20px 8px rgba(0,0,0,0); 
box-shadow: 0px 20px 0px -10px #FFFFFF, 0px -20px 0px -10px #FFFFFF, 20px 0px 0px -10px #FFFFFF, -20px 0px 0px -10px #FFFFFF, 0px 0px 0px 10px rgb(100%, 100%, 0%), 0px -6px 20px 8px rgba(0,0,0,0);
}


img.minphoto:hover{
-webkit-box-shadow: 10px 10px 13px 7px #000000, 5px 5px 15px 5px rgba(110,110,110,0); 
box-shadow: 10px 10px 13px 7px #000000, 5px 5px 15px 5px rgba(110,110,110,0);
}

*/


.submenu{
display:none !important;
}

a.kategoria{
padding:8px !important;
min-height:0%;
font-weight:400;
display: block;

}


a.kategoria:hover{
background-color:rgb(255,255,0);
font-weight:600;
display: block; 
border-radius:20px !important;

}

a.kategoria.textim{
width:100% !important;
border-radius:5px;
font-size:15px;
}



.navbarx a.capital,.navbarx button.capital,.project-details-read-more a,a.add-cart{
.margin-top:-3px !important;
.padding-left:10px !important;
padding:8px !important;
.padding-bottom:10px !important;
font-family:"Montserrat" !important;
border-radius:30px !important;
width:fit-content !important;
border:1px solid transparent;
}

.project-details-read-more a,a.add-cart{
.border-radius:10px !important;
min-width:125px !important;
white-space:nowrap !important;

}

.project-details-read-more a::first-letter{
text-transform: capitalize;
}


.active > a {
.border-color:rgb(100%,100%,0%) !important;
-webkit-box-shadow: inset 0px 4px 0px 0px rgb(100%,100%,0%) !important;
box-shadow: inset 0px 4px 0px 0px rgb(100%,100%,0%) !important;
}

.active > a:hover{
background-color:initial !important;
color:initial !important;
text-decoration:none;
}

a:hover{
text-decoration:none !important;
}

.nav-tabs li a:hover{
background-color:rgb(100%,100%,0%) !important;
color:initial !important;
border-bottom:rgb(95%,95%,95%) !important;
}

/*
li.gallery-item{
min-width:180px !important;
min-height:429px !important;
height:fit-content !important;
}
*/

@media (max-width: 540px) {
	.gallery-item{
	min-width:90% !important;
	height:fit-content !important;
	min-height:580px !important;
	max-height:580px !important;
	border-radius:20px;
	background-color:rgb(95%,95%,95%) !important;
	padding:0px !important;
	padding-bottom:5px;
	.align-items:center !important;
	.text-align:left !important;
	margin-left:auto !important;
	margin-right:auto !important;
	.margin-bottom:20px;
}

span.project-details{
margin-top:5px !important;
}
	
}



.li.gallery-item,li.gallery-item *{
background-color:rgb(95%,95%,95%) !important;
color:black !important;
}

li.gallery-item{
	min-width:210px;
	height:fit-content !important;
	min-height:342px !important;
	max-height:342px;
	border-radius:20px;
	background-color:rgb(95%,95%,95%) !important;
	padding:0px !important;
	padding-bottom:5px;
	.align-items:center !important;
	.text-align: center;
}

/*
li.gallery-item a{
position:relative;
top:20px !important;
left:10px;
color:black;
z-index:99999999999999999999;
}
*/

.gallery-item img{
min-width:98%;
min-height:220px;
border-radius:18px;
margin-top:1% !important;
margin-left:1% !important;	
}

.project-details a{
font-size:0.9em !important;
.height:65px;
}

.gallery_opis{
.display:block;
font-size:12px !important;
min-height:40px;
max-height:40px;
min-width:177px !important;
overflow: hidden;
   text-overflow: ellipsis !important;
   display: -webkit-box;
   -webkit-line-clamp: 2 !important;
           line-clamp: 2 !important;
   -webkit-box-orient: vertical !important;
   border-radius:7px;
   margin:10px;
   margin-top:-32px !important;
   padding:5px ;
   line-height:1;
}


span.project-details{
margin-top:-5px !important;
font-size:18px !important;
overflow: hidden;
   text-overflow: ellipsis !important;
   display: -webkit-box;
   -webkit-line-clamp: 2 !important;
           line-clamp: 2 !important;
   -webkit-box-orient: vertical !important;
}

li.gallery-item:hover,li.gallery-item:hover *{
background-color:rgb(100%,100%,0%) !important;
cursor:pointer !important;
}


.capital i.fa{
margin-left:5px !important;
}

/*
.capital.hovers{
width:100% !important;
background-color:rgb(0,0,0) !important;
color:white !important;
font-weight:600 !important;
border-radius:10px !important;
}
*/
/*
a.kategoria:after,.hoverer{
  display:block;
  content: '';
  border-bottom: solid 1px black;  
  transform: scaleX(0);  
  transition: transform 150ms ease-in-out;
  padding:2px;
  width:100%;
}

a.kategoria:hover:after {
  transition-delay:150ms;
}
  
a.kategoria:hover:after,a.kategoria:hover:before { 
transform: scaleX(1);
min-width:0px;
 }

*/

.miniatures figure {
	width: 240px;
	height: auto;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
}

.miniaturas figure {
	position: relative;
}
.miniaturas figure::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.miniaturas figure:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}

@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}

.miniaturas figure {
	position: relative;
}

a.capital,button.capital {
  text-transform: uppercase !important;
  font-weight:600 !important;
  font-size:14px !important;
  letter-spacing:0.5 !important;
  margin-top:0px !important;
}

.miniaturas a:hover{
background-color:white;
}

.miniaturas{
position:relative;
top:20px;
left:10px;
width:300px;
}

/*
.tcontainer{
.position:absolute;
.top:15px !important;
margin-top:15px;
width:100%;
min-height:0px !important;
height:100%;
border:1px solid red;
}
*/
 
.lcontainer{
min-width:0%;
float:left;
margin-left:0px;
margin-right:5px;
.border:1px solid red;
z-index:99999999999999999;
}

.rcontainer{
min-width:0%;
float:right;
margin-right:15px;
.border:1px solid red;
z-index:99999999999999999;
}


.rcontainer,.lcontainer{
padding:5px;
margin-top:5px;
}

table,.new-gallery-container,article,.post-content,h1,.blog,.tabs-container{
z-index:10 !important;
}

.currency img{
width:24px;
}

.langs img{
width:18px;
}

/*
button.currency{
padding:2px !important;
margin:2px !important;
}
*/

#logox{
position:relative;
top:3px;
left:0px;
min-width:240px;
.margin-bottom:20px;
float:left;
.-webkit-transform: translate(-50%, -50%) !important;
.transform: translate(-50%, -50%) !important;
  .display: flex;
  .justify-content: center;
}


.listax a:hover{
color:unset !important;
background-color:rgb(79%, 79%, 79%) !important;
}

.itemsx:nth-child(even){
background-color:rgb(97%,97%,97%);
}

.itemsx:nth-child(odd){
background-color:rgb(94%,94%,94%);
}

.itemsx{
margin-left:-10px;
min-width:100%;
min-height:95px;
margin-bottom:-12px !important;
}

/* width */
.scroll-color-colors::-webkit-scrollbar {
  width: 15px;
}

/* Track */
.scroll-color-colors::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgb(100%, 100%, 100%); 
  border-radius: 0px;
}
 
/* Handle */
.scroll-color-colors::-webkit-scrollbar-thumb {
  background: black; 
  border-radius: 0px;
}

/* Handle on hover */
.scroll-color-colors::-webkit-scrollbar-thumb:hover {
  background: black;
scrollbar-color:black;  
}


.scroll-color-colors,html {
  scrollbar-color: black rgb(100%, 100%, 100%);
  scrollbar-width: thin;
}


div.container.padding-cont{
margin-top:20px !important;
}

.darks,.darks *:hover,.darks *:active,.darks * div,.darks * div *,.darks * div *:active{
background-color:rgb(9%, 11%, 13%) !important;
color:white !important;
border-color:white !important;
}


.menuz{
height:fit-content !important;
width:fit-content !important;
.width:0px;
.padding:0px !important;
.margin-left:-5px !important;
.box-sizing:border-box !important;
.background-color: rgb(255,255,0);
}


.menuz * a{
width:fit-content !important;
}

.megas{
margin-left:30px !important;
padding:20px;
min-width:330px;
width:fit-content !important;
display:block;
}

.capital:hover {
text-shadow: 0px 0px 1px rgb(0%,0%,0%) !important;
}

#ofirmie,.listax{
min-width:135px;
.padding:0px !important;
}

.submenus{
margin-top:20px;
margin-left:20px;
min-width:340px;
max-width:350px;
}


.submenus,.miniaturas{
margin-left:10px !important;
}

img.morem{
margin-top:0px;
}

/*MENU MOBILE*/

/* Fixed sidenav, full height */
.sidenav {
  height: 100%;
  min-width: 370px;
  position: fixed;
  z-index: 99999999999999999999999999999;
  top: 74px;
  left: 0px;
  background-color: rgba(100%,100%,100%,0.95);
  overflow: hidden;
  padding-top: 20px;
  color:black;
  display:none;
  .border-right:1px dashed black;
  .border-top:1px dashed black;
/*
  -webkit-box-shadow: 3px 9px 40px -7px rgba(66, 68, 90, 1);
-moz-box-shadow: 3px 9px 40px -7px rgba(66, 68, 90, 1);
box-shadow: 3px 9px 40px -7px rgba(66, 68, 90, 1);
 background: rgb(255,255,255);
background: linear-gradient(63deg, rgba(255,255,255,1) 0%, rgba(255,255,0,0.8) 49%, rgba(255,255,255,1) 100%); 
*/
}

/* Style the sidenav links and the dropdown button */
.sidenav a, .dropdowna-btn {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 20px;
  color: #818181;
  display: block;
  border: none;
  background: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  outline: none;
}

/* On mouse-over */
.sidenav a:hover, .dropdowna-btn:hover {
  color: black;
  text-shadow: 0px 0px 0px rgb(0%,0%,0%);
}


/* Add an active class to the active dropdown button */
.activea {
  background-color: rgb(51%, 89%, 65%);
  color: black;
}

/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdowna-container {
  display: none;
  background-color: white;
  padding-left: 8px;
}

/* Optional: Style the caret down icon */
.fa-caret-down {
  float: right;
  padding-right: 8px;
}

/* Some media queries for responsiveness */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

#logoxx{
.margin-bottom:35px;
}

.dropdowna-btn{
color:black;
}

/*
.sidenav a:hover,.sidenav button:hover{
.font-weight:900 !important;
text-shadow: 0px 1px 0px rgb(0%,0%,0%) !important;
}
*/

.sidenav a,.sidenav button{
background-color:initial;
color:black;
}


.hamburger-menus {
position:fixed;
top:15px;
left:0px;
  display: flex;
  flex-flow: column wrap;
  justify-content: space-between;
  height: 1.7em !important;
  width: 1.7em !important;
  cursor: pointer;
  float:left;
  margin:0px 30px 0px 30px;
}


.cart-mobile {
position:fixed;
top:15px;
right:0px;
  display: flex;
  flex-flow: column wrap;
  justify-content: space-between;
  height: 1.7em !important;
  width: 1.7em !important;
  cursor: pointer;
  float:left;
  margin:0px 30px 0px 30px;
}




/*

.bar-top,
.bar-middle,
.bar-bottom {

  height: 5px;
  background: black;
  border-radius: 5px;
  margin: 3px 0;
  transform-origin: left;
  transition: all 0.5s;
  color:white;
}


.hamburger-menus.mobilex:hover .bar-top {
  transform: rotate(45deg);
}
.hamburger-menus.mobilex:hover .bar-middle {
  transform:translateX(1rem);
  opacity: 0;
}
.hamburger-menus.mobilex:hover .bar-bottom {
  transform: rotate(-45deg);
}

*/


#mobile-nav{
margin-top:5px;
display:none;
}

#mobile-navbar{
width:100%;
min-height: 80px !important;
height: fit-content !important;
block-size: fit-content !important;
box-sizing:border-box !important;
background-color:white !important;
margin-bottom:20px !important;
border-top:5px solid rgb(100%, 100%, 0%) !important;
}


.sidenav a.capital,.sidenav button.capital{
font-size:16px !important;
}

/*
#closemob{
margin-right:20px;
margin-top:-10px;
float:right;
}
*/
.mobile-more{
float:right !important;
margin-right:60px;
}

/*
.mobile-more:before{
content: '\f067';
  font-family: 'FontAwesome';
  display: inline-block;
  margin-right: 10px;
  font-weight: 400;
  font-size: 14px;
  background: #ffe401;
  padding: 3px 6px 1px 7px;
  border-radius: 4px;
}

.mobile-more.activea:before{
  content: '\f068';
  font-family: 'FontAwesome';
  display: inline-block;
  margin-right: 10px;
  font-weight: 400;
  font-size: 14px;
  background: #ffe401;
  padding: 3px 6px 1px 7px;
  border-radius: 4px;
}
*/

#langs{
margin-left:-48px !important;
}

@media only screen and (max-width: 550px){
#mobile-nav{
width:100%;
}
.page-sidebar{
display:block;
}
}


@media only screen and (max-width: 1720px){
/*
.navbarx{
display:block !important;
}
.mobile-navbar{
display:none !important;
}
.sidenav{
display:none !important;
}
*/
.mini-view{
display:none !important;
}
#langs{
margin-left:-48px !important;
}

/*button.currency,a.caurrency{
margin-left:2px !important;
padding:2px !important;
}
*/
}


@media only screen and (min-width: 1350px){
.navbarx{
display:block !important;
}
.mobile-navbar{
display:none !important;
}
.sidenav{
display:none !important;
}
}

@media only screen and (max-width: 1350px){
.navbarx{
display:none !important;
}
.mobile-navbar{
display:block !important;
}
}

.koszyk-mobile{
width:250px;
min-height:0px;
}

.modal{
width:100%;
height:100%;
position:fixed;
background-color:rgba(0%,0%,0%,0.5);
}

.mobile-active{
width:100%;
position:absolute;
top:5px;
left:0px;
display:block;
height:100%;
}


.moremx{
width:40px;
}

.mobile-active .moremx:hover{
transition: 0.70s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
  -ms-transition: 0.70s;
  -o-transition: 0.70s;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}


.mobile-active .moremx:not(:hover){
transition: 0.70s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
  -ms-transition: 0.70s;
  -o-transition: 0.70s;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.blur {
  -webkit-filter: blur(1px);
  -moz-filter: blur(1px);
  -ms-filter: blur(1px);
  -o-filter: blur(1px);
  filter: blur(1px);
  .filter: grayscale(1);
.-webkit-transition: all 0.4s ease-in;
 .transition: all 0.4s ease-in;  
}

.blurout {
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -ms-filter: blur(0px);
  -o-filter: blur(0px);
  filter: blur(0px);
.-webkit-transition: all 0.4s ease-in;
  .transition: all 0.4s ease-in;  
}

.logo-mobile{
position:fixed;
    height:auto;
    width: auto !important;
	height:30px !important;
	margin-top:0px !important;
	padding:0px !important;
    left: 50% !important;
	top: 35px !important;
    -webkit-transform: translateY(-50%) translateX(-50%) !important;
    -moz-transform: translateY(-50%) translateX(-50%) !important;
    transform: translateY(-50%) translateX(-50%) !important;
}

.cart-mobile{
float:right;
}


button.capital,a.capital{
font-family:"Montserrat" !important;
color:black;
}



.login-separator{
width: fit-content;
height: fit-content;
block-size: fit-content;
padding:10px;
.border:1px solid red;
}

.login-separator a{
display:block !important;
}

.cookie_block{
width:32px !important;
height:auto;
}

#czaloguj.columnx.listax{
width:200px !important;
height:auto;
.padding-botoom:10px !important;
}


.registerLinks.kategoria{
width:fit-content;
box-sizing:border-box;
}
/*MENU MOBILE*/


.menu-cont{
margin-top:35px !important;
padding:5px !important;
background-color:transparent !important;
.border:1px solid red;
z-index:9999999999999999999 !important;
}

/*
.koszyczek.menu-cont{
padding:20px;
}
*/


.hovers,.capital.hovers{
width:100% !important;
.background-color:rgb(255,255,0) !important;
font-weight:600 !important;
}

.hovers,.navbarx a.capital:hover{
background-color:rgb(95%,95%,95%) !important;
color:black !important;
cursor:pointer !important;
}


.top {

  background-color:white;
  width:100% !important;
  height:40px !important;
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
    }
 

.zawartosc{
  position:relative;
  top:0px;
  left:20px;
  color:white !important;
  width:22px !important;
  height:22px !important;
  min-width:22px;
  min-height:22px;
  background-color: black;
  border-radius: 50%;
  z-index:99999999999999999; 
}

.centers{
position:absolute;
font-size:10px;
left: 50%;
  transform: translateX(-50%);
}


.currency{
margin-right:20px;
}
.add-cart{
min-width:100px !important;
}

h2.capitals{
font-size:22px;
font-weight:500;
}


  #koszykx{
  width:500px;
height:400px
  position:absolute;
  top:17px !important;
  right:10px;
  z-index:9999999999999999;
  background-color:transparent !important;
  }

#koszykz{
margin-top:10px;
width:500px;
height:400px !important;
max-width:500px;
max-height:450px !important;
padding:20px;
background-color:white;
overflow-y:auto;
-webkit-box-shadow: 10px 10px 40px -20px rgba(0, 0, 0, 1);
-moz-box-shadow: 10px 10px 40px -20px rgba(0, 0, 0, 1);
box-shadow: 10px 10px 40px -20px rgba(0, 0, 0, 1);
border-radius:10px;
.border:1px solid red;
}

#koszykx a{
width:99%;
.height:auto;
display:block !important;
}
div#licznik{
padding:10px;
}

.navbarx a.active, .navbarx a.kategoria:hover{
background-color:rgb(255,255,0) !important;
}

.rowxy{
margin-left:-5px;
.background-color:rgba(255,255,255,0.96) !important;
background: rgb(255,255,255) !important;
.background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 82%, rgba(255,255,255,0) 100%) !important;
.background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 82%, rgba(255,255,255,0) 100%) !important;
.background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 82%, rgba(255,255,255,0) 100%) !important;
.filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
padding-bottom:10px;
}

.columnx.megas,.columnx.submenus,.columnx.miniaturas{
background-color:rgba(255,255,255,0) !important;
}


.gradientx{
width:100%;
height:50px;
background: rgb(255,255,255);
background: -moz-linear-gradient(180deg, rgba(255,255,255,0.860364214044993) 0%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(180deg, rgba(255,255,255,0.860364214044993) 0%, rgba(255,255,255,0) 100%);
background: linear-gradient(180deg, rgba(255,255,255,0.860364214044993) 0%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}


.footer-container{
width:100% !important;
}

#body input[type='text'],#body input[type='password'],span.add-on{
height:33px !important;
}

#closem{
  position:relative;
  float:right;
  top:15px;
  right:10px;
}


li.podp{
color:black !important;
}




.shopitemx.desktop{
  margin-bottom:5px;
  border-radius:8px;
  padding:2px;
  min-height:200px !important;
  max-height:200px !important;
  width:790px !important;
  min-width:760px !important;
}

.sitems div.shopitemx:nth-child(even){
  background-color:rgb(91%, 91%, 91%) !important;
}

.sitems div.shopitemx:nth-child(odd){
  background-color:rgb(96%, 96%, 96%) !important;
}

.shopimages{
  position:relative;
  top:1px;
  border-radius:8px;
  width:190px;
  height:190px;
  outline:none;
  border:0px solid white;
  background-size:cover;
  margin:3px;
}


.link_active,.nazwa{
  position:relative;
  top:-90px;
  left:100px;
  font-size:14px;
  font-weight:700;
  text-overflow: ellipsis;
  white-space: nowrap;
}


.kod{
  position:relative;
  top:-240px;
  left:90px;
  float:right;
  font-weight:600;
  overflow:hidden;
}

.addkosz,.addcart{
  position:relative;
  top:-100px;
  right:10px;
  float:right;
  text-align:center;
  min-width:140px;
  line-height:15px !important;
  text-overflow: ellipsis;
  font-weight:600;
}


.addkosz img{
  width:20px;
  filter: invert(1);
}

.addkosz a:hover img{
  width:20px;
  filter: invert(0);
}


.ceny{
  font-weight:600;
  position:relative;
  top:-210px;
  left:200px;
  .border:1px solid red;
  width:290px;
  height:135px;
  padding:10px;
}

.cena1,.cena2{
  width:130px;
  text-align:center;
  font-size:12px;
  background-color:rgb(70%,70%,70%);
  padding:5px;
  border-radius:15px;
}

.cena1{
  float:left;
}

.cena2{
  position:relative;
  top:-88px;
  float:right;
}


.ckat,.ctwo{
  position:relative;
  width:100px;
}

.ckat{
   width:80px;
  top:37px;
  left:-100px;
  float:left;
}

.ctwo{
   width:80px;
  left:110px;
  top:-50px;
  float:right;
}

.xspan{
  position:relative;
  font-size:9px;
  top:-10px !important;
  left:-15px;
}

.addcart{
  border-radius:25px !important;
  background-color:rgb(0%,0%,0%);
  padding:5px;
  color:white;
}

.addcart:hover{
  background-color:rgb(100%,100%,0%);
  padding:5px;
  color:black;
}

.camount{
  position:relative;
  left:670px;
  top:-130px;
}

.login1,.loginu{
  position:relative;
  top:-90px;
  right:-245px;
  float:left;
  text-align:center;
  min-width:160px;
  max-width:160px;
  line-height:7px !important;
  text-overflow: ellipsis;
  font-weight:600;
}

.loginu{
  border-radius:15px;
  background-color:rgb(0%,0%,0%);
  padding:5px;
  color:white;
}

.loginu:hover{
  background-color:rgb(100%,100%,0%);
  color:black;
}

.loginu img{
  width:16px;
  margin-left:7px;
  filter: invert(1);
}

.login1 a:hover img{
  width:16px;
  filter: invert(0);
}

.xcena1,.xcena2,.xcena3,.xcena4{
.border:1px solid red !important;
  min-width:140px;
  text-align:center;
  margin-left:-25px;
}

.xspan{
margin-left:0px;
  min-width:140px;
}


/* MOBILE */

.shopitemx.mobile{
  width:340px;
  height:340px;
  align-self:center;
  margin-left:1%;
  margin-right:1%;
}

.shopitemx.mobile{
  margin-bottom:5px;
  border-radius:8px;
  padding:2px;
}


.mobile .shopimages{
  position:relative;
  top:1px;
  border-radius:8px;
  width:190px;
  height:190px;
  outline:none;
  border:0px solid white;
  background-size:cover;
  margin:3px;
}


.mobile .link_active,.mobile .nazwa{
  position:relative;
  top:5px;
  left:5px;
  font-size:12px;
  font-weight:700;
  text-overflow: ellipsis;
  white-space: nowrap;
  .overflow:hidden;
}


.mobile .kod{
  position:relative;
  top:-270px;
  left:220px;
  float:left;
  font-weight:600;
  overflow:hidden;
}

.mobile .addkosz,.mobile .addcart{
  position:relative;
  top:14px;
  right:5px;
  float:right;
  text-align:center;
  min-width:140px;
  line-height:15px !important;
  text-overflow: ellipsis;
  font-weight:600;
}


.mobile .addkosz img{
  width:20px;
  filter: invert(1);
}

.mobile .addkosz a:hover img{
  width:20px;
  filter: invert(0);
}


.mobile .ceny{
  font-weight:600;
  position:relative;
  top:-255px;
  left:2-00px;
  width:170px;
  height:135px;
  padding:0px;
}

.mobile .cena1,.mobile .cena2{
  text-align:center;
  font-size:13px;
  padding:5px;
  border-radius:15px;
}

.mobile .cena1{
  float:left;
}

.mobile .cena2{
  position:relative;
  float:left;
  top:-40px;
}


.mobile .ckat,.mobile .ctwo{
  position:relative;
  width:100px;
}

.mobile .ckat{
  width:80px;
  top:10px;
  left:20px;
  float:left;
}

.mobile .ctwo{
   width:80px;
  left:-70px;
  top:-30px;
  float:right;
}

.xspan{
  position:relative;
  font-size:9px;
  top:-10px !important;
  left:-15px;
}

.mobile .addcart{
  border-radius:25px !important;
  background-color:rgb(0%,0%,0%);
  padding:5px;
  color:white;
  width:150px !important;
  text-overflow: ellipsis;
  font-size:13px;
}

.mobile .addcart:hover{
  background-color:rgb(100%,100%,0%);
  padding:5px;
  color:black;
}

.mobile .camount{
  position:relative;
  left:250px;
  top:15px;
}


.mobile .login1,.mobile .loginu{
  position:relative;
  top:0px;
  right:-5px;
  float:left;
  text-align:center;
  min-width:160px;
  max-width:160px;
  line-height:7px !important;
  text-overflow: ellipsis;
  font-weight:600;
}

.mobile .loginu{
  border-radius:15px;
  background-color:rgb(0%,0%,0%);
  padding:5px;
  color:white;
}

.mobile .loginu:hover{
  background-color:rgb(100%,100%,0%);
  color:black;
}

.mobile .loginu img{
  width:16px;
  margin-left:7px;
  filter: invert(1);
}

.mobile .login1 a:hover img{
  width:16px;
  filter: invert(0);
}


.mobile .xcena2,.mobile .xcena4{
  visibility:hidden !important;
}

.shopitemx.mobile{
  position:relative;
  top:0px;
  left:50%;
  transform:translateX(-50%);
}

.subminiaturas{
position:absolute;
top:60px;
left:730px;
 width:333px !important;
}

.subminiaturas figure img/*,.subminiaturas a*/{
width:240px;
}


div#added-to-cart{
position: absolute;
    top: 150px;
    left: 5px;
}

.p_ile{
  position:relative;
  top:26px;
  right:10px;
  width:70px;
  float:right;
  font-size:17px;
  font-weight:600;
}


.navigation{
  position:fixed;
  top:10% !important;
  right:0px;
  float:left !important;
  border:1px solid red;
}

.margin-top:{
	margin-top:30px !important;
}

/*
div.span4.sidebar.page-sidebar{
position:sticky !important;
top:80px;
left:0px;
.border:1px solid blue;
}
*/
.post-body img{
	max-width:600px;
}


.lights{
color:rgb(203,203,203);
}

.lightsx{
color:rgb(121,121,121);
background-color:rgb(210,210,210);
}

/*
 @font-face
	{font-family:"Cambria Math";
	panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
	{font-family:Calibri;
	panose-1:2 15 5 2 2 2 4 3 2 4;}
 p.MsoNormal, li.MsoNormal, div.MsoNormal
	{margin-top:0cm;
	margin-right:0cm;
	margin-bottom:8.0pt;
	margin-left:0cm;
	line-height:107%;
	font-size:11.0pt;
	font-family:"Calibri",sans-serif;}
.MsoChpDefault
	{font-family:"Calibri",sans-serif;}
.MsoPapDefault
	{margin-bottom:8.0pt;
	line-height:107%;}
@page WordSection1
	{size:595.3pt 841.9pt;
	margin:36.0pt 36.0pt 36.0pt 36.0pt;}
div.WordSection1
	{page:WordSection1;
min-width:650px !important;}

#my-custom-table {
    width: 650px !important;
}

@media screen and (max-width: 600px) {
    table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
	
	table#my-custom-table img{
	min-width: calc(100%) !important;
	min-height:auto !important;
	max-width: calc(100%) !important;
	max-height:auto !important;
	}
}

*/

a img.animated-image {
  position:absolute;
  top:-10px;
  right:-10px;
	width:75px;
	height:auto;
	float:right;
    transition: all 0.5s ease-in-out !important; /* czas trwania animacji */
	z-index:19;
}


@media only screen and (max-width: 850px){
a img.animated-image {
  position:absolute;
  top:70px;
  right:-10px;
	width:75px;
	height:auto;
	float:right;
    transition: all 0.5s ease-in-out !important; /* czas trwania animacji */
	z-index:19;
}
}

/*
.gallery-item img{
  max-width:90% !important;
  max-height:90% !important;
  object-fit: cover;
}
*/

.btn-share-facebook {
			display: inline-block;
			background-color: transparent;
			background-image: url('https://simplesharebuttons.com/images/somacro/facebook.png');
			background-repeat: no-repeat;
			background-size: 35px 35px;
			width: 35px;
			height: 35px;
			padding: 15;
			border: none;
			cursor: pointer;
			margin-right:10px;
		}


.article,.page-sidebar{
padding:20px;
}

.janusz{
background-image:url('https://romerpp.pl/zdjecia/janusz_liczy_baner_v008.png');
width:300px;
height:350px;
background-repeat: no-repeat;
position:fixed;
top:120px;
left:0px;
float:left;
display:none;
z-index:9999999999;
}

.menuz{
z-index:99999;
}

.klauzula{
font-size:9px;
color:grey;
}

.post-body iframe{
  width:220px;
  height:220px;
  float:left;
  padding:1px;
  margin:1px;
  border:2px solid grey;
}
/*
div.post-body{
min-height:330px !important;
}
*/

.post-body {
    display: flex;
    flex-direction: column;
  }

  .title-bg {
    margin-bottom: 10px; /* Opcjonalny odstęp pomiędzy tytułem a zawartością */
  }

  .content {
    display: flex;
    flex-wrap: wrap;
  }
/*
.sidebar.page-sidebar{
  min-width:270px;
  font-size:13px;
}
*/

.navbarx span,.mobile-navbar span{
color:initial !important;
}
.zawartosc span.centers{
color:white !important;
}

#promo .listax{
min-width:310px;
}

.submenus{
  min-height:400px !important;
}

.shorter {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}