html {
    height: 100%;
} 
body {
color:#fff;
    background-color: #272727;
    font-size: 15px;
    height: 100%;
    margin: 0 auto;
    width: 100%;
font-family: 'Open Sans', sans-serif;
} 
#scenaend.switchgrid {
	grid-template-columns: 30% 70%;
} 

body .karuprep.galeriowy .owl-carousel .owl-stage-outer{
	padding-top:0px;
	padding-bottom:0px;
}
body .karuprep.galeriowy .owl-dots{
	display:none;
}
.seccamob{
	padding-bottom: 0px !important;
}

.gall.hiti .owl-carousel .owl-stage-outer {
	padding-top:0px;
}

body h1, body h2, body  h3{
 -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  word-break: break-word;
}
.outart{
padding-bottom: 0px !important;
}
#katalogmob2025 h2.s2h2mob{
	padding-top:30px;
}
#form-produkt.outlets h2 span{
	color:#aecee7;
}
#form-produkt.outlets{
	max-width:90%;
	margin:0 auto;
	margin-bottom: 50px;
}
#hvidcont{
height: 75vh;
  border-radius: 10px;
  overflow: hidden;
  width: auto;
  max-width: 1500px;
  margin: 0 auto;
margin-bottom: 50px;
  margin-top: 50px;
  position: relative;
}
.logovidhome{
	position: absolute;
  z-index: 1;
  width: 80%;
  height: auto;
  left: 0;
  right: 0;
  max-width:500px;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
}
#startviddots.homes{
	opacity:0.3;
}
#scenaend {
  display: grid;
  grid-template-columns: 70% 30%;
  width: 88%;
  z-index: 9;
  margin: 0 auto;
  margin-top: 30px;
  padding-bottom:50px;
}
#scenaend.sidekduo {
  display: grid;
  grid-template-columns: 30% 70%;
}
#scenaend.sidekduo .img img {
  border-radius: 30px;
  width: 98%;
  float:right;
}
#scenaend .img img {
  border-radius: 30px;
  width: 98%;
}
#migawka img {
  width: 98%;
  border-radius: 30px;
  height: auto;
}
#migawka {
  padding: 0px;
  margin: 0px;
  position: relative;
}
#migawka li {
  list-style: none;
}
#migawka li:nth-child(2) img {
  position: absolute;
  opacity: 0;
  top: 0;
}
#migawkalink {
  background: #000;
  opacity: 0;
  color: #fff;
  position: absolute;
  bottom: 50px;
  z-index: 99;
  text-decoration: none;
  padding: 15px 30px;
  border-radius: 5px;
  width: calc(90% - 60px);
  font-weight: bold;
  text-align: center;
  margin: 0 auto;
  left: 0;
  right: 0;
}
#migawka:hover li:nth-child(2) img {
  opacity: 1;
}
.migdiv:hover #migawkalink {
  opacity: 1;
  transition: all 0.3s ease;
}
.linkopi{
display: grid;
  grid-template-columns: 70px auto;
}
#videobigbox{
	width:93%;
	margin:0 auto;
}
#videobig{
width: 100%;
  border-radius: 15px;
  display: block;
  margin: 0px auto;
  max-width: 1500px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
#opinieform{
	border: 2px solid #aecee7;
  border-radius: 10px;
  padding: 30px;
}
#katalog.gall a{
	text-decoration:none;
}
#katalog.gall h3{
color: #fff;
  margin: 0px;
  font-size: 15px;
  padding-bottom: 0px;
  padding-top: 30px;
  text-align:center;
  font-family: 'Jost', sans-serif;
  text-transform: uppercase;
  border:0px;
}
#opiniehome{
  padding-top: 20px;
  max-width: 1500px;
  margin: 0 auto;
  width: 95%;
  padding-bottom:30px;
}
#opiniehome .glsr-reviews{
	display: grid;
  grid-template-columns: 33% 33%;
}
#opiniehome .glsr-review{
border: 2px solid #aecee7;
  padding: 30px;
  border-radius: 10px;
}
.ohg{
	display:grid;
	grid-template-columns:25% 80%;
	padding-bottom: 15px;
}
#opiniehome .glsr-review p{
	font-size: 12px;
} 
#opiniehome .owl-dots{
	display:block !important;
	text-align: center;
	padding-top:20px;
}
body #opiniehome .owl-dots .owl-dot{
padding: 5px !important;
  border-radius: 100%;
  background-color: #333;
  margin: 5px;
}
body #opiniehome .owl-dots .owl-dot.active{
	background-color:#99beda;
}
#opiniehome a h3{
	font-size:16px;
	margin-top: 0px;
	margin-bottom:0px;
	padding-left: 10px;
}
#opiniehome a{
	color:#aecee7;
	text-decoration:none;
	background-color: #000;
  padding: 20px;
  margin-top: 30px;
} 
#opiniehome .glsr-star-rating.glsr-stars{
	text-align: left;
  width: 100px;
}
#opiniehome li{
list-style: none;
  padding: 20px;
  border: 2px solid #99beda;
  border-radius: 10px;
}
#opiniehome li img{
	width:50px;
	height:auto;
	border-radius:5px;
	margin: 0;
	padding: 0px;
}
#kreatorlp #opinielista .glsr-review-content p{
	color: #999;
  font-size: 13px;
  line-height: 20px;
  font-weight: bold;
}
#opinieform textarea{
	height:80px;
}
#opinielista{
	margin-bottom: 30px;
}
#opinieform button.glsr-button{
	background: #aecee7;
  border: 0px;
  padding: 10px 20px;
  border-radius: 5px;
  font-weight: bold;
  margin: 0 auto;
  float: none;
  font-family: 'Jost', sans-serif;
  text-transform:uppercase;
}
#formprodukt .inputy p{
	width: 50%;
}
#karuzele.shorts .owl-nav, #karuzele.opinie .owl-nav{
display:block;	 
}
.nag{
border-top: 1px solid #6f6f6f;
  width: 95%;
  margin: 0 auto;
  max-width: 1500px;
  padding-top: 50px;
  border-top: 1px solid #6f6f6f;
}
.karuprep.galeriowy img{
border-radius: 15px;
  padding: 0px !important;
  width: 100% !important;
  max-width: 95% !important;
}
#karuzele.shorts div.sbox{
	border-radius: 10px;
  overflow: hidden;
  background: #fff;
  transition:all 0.3s ease;
}
#karuzele.shorts .owl-item{
	transition:all 0.3s ease;
}
#karuzele.shorts .owl-item:hover{
	transform:scale(1.05);
	z-index:99;
}
#karuzele.shorts a.shortkup:hover{
	background:#774e43;
}
.featherlight-content .shortkup{
background-color: #000;
  color: #fff;
  padding: 5px 0px;
  border-radius: 5px;
  width: 130px;
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 13px;
  transition: all 0.3s ease;
  margin: 0 auto;
  text-decoration: none;
  z-index: 9999;
  left: auto;
  right: 10px;
  bottom: 50px;
  position: absolute;
  line-height: 30px;
  background-repeat: no-repeat;
  background-size: 18px;
  padding-left: 30px;
  background-position: 9px 10px;
}
.ytimgwrap{
	position:relative;
}
#karuzele.shorts a{
text-decoration: none;
  padding-bottom: 20px;
  display: block;
}
#karuzele.shorts a img{
width: 100%;
  height: auto;
  max-width: 100%;
  padding:0px;
} 
.ytplay{
display: block;
  width: 200px;
  height: 100px;
  position: absolute;
  z-index: 9;
  background-image: url(../img/ico-yt-2.gif);
background-repeat: no-repeat;
  background-position: center;
  left: 0;
  right: 0;
  top: 50%;
  margin: auto;
  transform: translateY(-50%);
  background-size: 70px;
  opacity:0.6;
}
#karuzele.shorts div.sbox:hover .ytplay{
	  background-image: url(../img/ico-yt-1.gif);
	  opacity:1;
}
#karuzele.shorts p {
  color: #333;
  font-size: 12px;
  padding: 0px 20px;
  max-height: 50px;
  overflow: hidden;
}
#karuzele.shorts a h3{
	color:#000;
font-size: 13px;
  text-align: center;
  margin: 0px;
  text-transform: uppercase;
  font-weight: bold;
  padding: 25px 20px;
    padding-bottom: 25px;
  padding-bottom: 25px;
  line-height: 20px;
  text-align: left;
  padding-bottom: 0px;
  overflow: hidden;
}
#karuzele.shorts{
	padding:0px;
padding-top: 20px;
  max-width: 1500px;
  margin: 0 auto;
  width: 95%;
}
body .owl-carousel.galeria a{
	transition:all 0.3s ease;
	display: block;
}
body .owl-carousel.galeria a:hover{
transform: scale(1.05);
}
body .karuprep.galeriowy{
	padding-top:0px; 
}
body .karuprep.galeriowy .owl-carousel .owl-stage-outer{
}
.sepbar{
	border-top: 1px solid #6f6f6f;
	width: 90%;
  margin: 0 auto;
  max-width: 1500px;
}
#outletgal{
	padding: 0px !important;
  margin: 50px auto;
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  margin-bottom: 0px !important;
}
#outletgal li{
	list-style:None;
	transition:all 0.3s ease;
}
#outletgal img {
  width: 90%;
  border-radius: 10px;
  margin-bottom: 20px;
  	transition:all 0.3s ease;
}
#outletgal li:hover img {
		box-shadow:0px 0px 50px #aecee7;
}
body .karuprep.galeriowy .owl-carousel.duo img{
	max-width: 100% !important; 
  width: 90%;
  height: auto;
}
#kreatorlp .kbox .fingrid3box{
display: grid;
  grid-template-columns: 31% 31% 31%;
  grid-column-gap: 4%;
  width: 90%;
  margin: 0 auto;
}
#kreatorlp .kbox .fingrid3box h3{
margin: 30px 0px;
  font-size: 23px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: 'Jost', sans-serif;
}
#kreatorlp .kbox .fingrid3box ul li{
	color:#999;
	padding: 7px 0px;
	font-size: 16px;
}
#kreatorlp .kbox .fingrid3box ul{
	padding-left:15px;
}
body .rslides_tabs a{
font-size: 0px;
  background: #aecee7;
  width: 25px;
  height: 25px;
  display: block;
  padding: 0px;
  border-radius: 100px;
  margin: 0px 5px;
}
body .rslides_tabs li.rslides_here a{
  background: #568ab3;
}
body .metaslider .rslides_tabs{
	margin: 0px;
  transform: translateY(-120px);
  z-index: 999999999;
  position: relative;
  background: transparent;
}
body .metaslider .caption-wrap{
display: block;
  top: 50%;
  height: auto;
  bottom: auto;
  width: 35%;
  transform: translateY(-50%);
  padding-left: 8%;
  padding-right: 4%;
  padding-top: 50px;
  padding-bottom: 50px;
  transition: all 1s ease;
  opacity: 1;
  background-image: url(../img/trans.png);
  background-color: transparent;
}
.metaslider .caption.ch{
opacity:0;
}
.metaslider .caption{
}
.metaslider .theme-default .nivo-controlNav {
transform: translateY(-170%) !important;
  z-index: 99999 !important;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
body .caption h2{
font-size: 48px;
  margin: 0px;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding-bottom: 30px;
  color: #fff;
  font-family: 'Jost', sans-serif;
  line-height: 64px;
  font-weight: 900;
  padding-top: 20px;
}
body .caption p{
	font-size:16px;
color: #aecee7;
width: 100%;
margin: 0px;
line-height: 28px;
font-weight: bold;
}
body .caption a{
background: #b8d1e5;
  text-decoration: none;
  padding: 15px 30px;
  border-radius: 10px;
  color: #000 !important;
  font-family: jost;
  font-weight: 800;
  font-size: 20px;
  transition: all 0.3s ease;
  display: inline-block !important;
}
body .caption a:hover{
	background: #fff;
}
#scena1n{
	margin-top: -50px;
}
.s1ngrad{
width: 100%;
  height: 300px;
  background-image: url(../img/grad.png);
  position: absolute;
  top: 0;
  z-index: 1;
  background-repeat: repeat-x;
}
#pnsmobmenubutton.nav-up, #pnsmobmenubutton.nav-down{
	top:10px;
}
#preparaty.s2{
	padding-top:0px !important;
}
.katprepa a{
	padding:0px !important;
	background: transparent !important;
}
body .katprepa a img{
	margin: 0px auto;
  display: block;
  width: 100%;
  max-width: none;
  border-radius: 10px !important;
  padding: 0px !important;
} 
#katalogihome{
}
#katalogihome ul{
padding: 0px;
  margin: 0px;
 display: flex;
  clear: both;
  padding-top: 30px;
  padding-bottom: 30px;
  width: 95%;
  margin: 0 auto;
}
#katalogihome ul li{
	list-style:none;
}
#katalogihome ul li img{
width: 90%;
  height: auto;
  margin: 0 auto;
  display: block;
  border-radius: 6px;
}
#marki{
padding: 0px !important;
  margin: 0px !important;
  display: grid;
  grid-template-columns: 33% 33% 33%;
}
#pagebg.marki{
	 padding-top: 200px;
 }
 #pagebg header h1.big{ 
	 font-size: 65px;
  margin: 0px auto;
  text-align: center;
  background-size: 20px;
  line-height: 95px;
  color: #fff;
  font-family: 'Jost', sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 5px;
  display: block;
  background-repeat: no-repeat;
  background-position: top right;
  padding-right: 0;
  padding-top:0px;
 }
#marki li{
	list-style:none;
	background: #000;
	width: 95%;
	margin-bottom: 30px;
	transition:all 0.3s ease;
	border-radius: 10px;
	overflow:hidden;
}
#marki li:hover{
	transform:translateY(-10px);
	box-shadow: 0px 0px 50px #aecee7;
}
#marki li img{
width: 70%;
  height: auto;
  border-radius: 5px;
  filter: invert();
margin: 0 auto;
display: block;
}
body .contentcont.page.markipage{
	width:100%;
	max-width: 95%;
	padding: 0px;
}
.grecaptcha-badge{
	display: none !important;
}
.cena{
}  
.cena h4{
font-size: 19px;
  font-family: 'Jost', sans-serif;
  text-transform: uppercase;
  margin: 0px;
  color: #fff;
  padding-top: 30px;
  display: inline-block;
}
.cena p {
display: inline;
  color: #fff !important;
  padding-left: 14px;
  font-size: 17px !important;
}
#katalogmob2025{
	width: 95%;
	margin: 0 auto;
	margin-top:-30px;
}
#katalogmob2025 a img{
width: 90%;
  margin: 0 auto;
  display: block;
  margin-top: 30px;
}
#katalogmob2025 a{
	text-decoration:none; 
	display:block;
	margin:15px auto;
}
#katalogmob2025 a h3{
margin: 0px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 30px;
  color:#fff;
  padding: 20px 0px;
  font-family:  'Jost', sans-serif;
  border-bottom: 1px solid #6f6f6f;
}
.tbox{ 
	display:none;
}
#prodf{
	display:none;
}
#formprodukt h2{
	font-size: 20px;
  margin: 0 auto;
  display: block;
  text-align: center;
  padding: 30px 0px;
font-family:  'Jost', sans-serif;
	text-transform: uppercase;
}
#preparaty.khome.ulotki .karuprep{
	padding-top:0px;
}
#preparaty.khome.ulotki .owl-dots{
display: none;
}
#preparaty .owl-carousel.prepa .owl-item a h3{
	padding-top:0px;
}
#preparaty.khome.ulotki {
	border-top: 1px solid #6f6f6f;
  padding-top: 30px;
}
#preparaty.khome.ulotki .owl-carousel .owl-item a{
	background: transparent;
  padding: 0px;
}
#katalog.khomewhite ul li a img{
	margin-left:10px;
}
#katalog.khomewhite ul li a{
	background-color:#fff;
}
#katalog.khomewhite ul li a h3{
	color:#000;
}
.owl-carousel.prepa.katprepa img{
	max-width:400px;
}
#preparaty.khome.ulotki .owl-carousel .owl-item img{
	margin: 0px;
  padding: 0px;
  border-radius: 10px;
  width: 100%;
  height: auto;
  max-width: none !important;
}
#formprodukt h2 span{
	color: #aecee7; 
	font-weight: normal;
}
.khome.ulotki .owl-carousel .owl-stage-outer{
	padding-top:50px;
}
#vidduocont{
	margin: 0 auto;
  width: 90%;
    display: block;
	  border-radius: 10px;
  margin-top: 30px;
	height: 500px;
	overflow: hidden;
	position: relative;
	padding-bottom:50px;
	max-width:1500px;
	margin-bottom:50px;
}
#kathome.marki img{
	width: 100%;
  max-width: none;
  height: auto;
}
#kathome.marki a .katitembox{
display:none;
}
#vidduocont img{
	margin: 0 auto;
  display: block;
  max-width: 90%;
  width: auto;
  height: auto;
}
#vidduocont .vidwrap{
  position: absolute;
  z-index: 10;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease;
}
#wydvid{
width:110%;
  display: block;
  height: auto;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index:1;
margin-bottom:30px;
}
#vidduocont .tlodots{
	z-index:9;
}
#prepform{
	max-width:1200px;
	margin: 0 auto;
	width: 90%;
	margin-bottom: 50px;
	transition:1s ease all;
}
.summary.entry-summary{
	bottom: 10%;
	background-color: #fff;
	padding: 30px;
	box-shadow: 0px 0px 20px #000;
	border-radius: 0px 0px 15px 15px;
	border: 1px solid #aecee7; 
	background-image: url(../img/bgm.webp);
/* animation: carcik 20s linear infinite !important; */
	 background-attachment:fixed;
position: relative !important;
  left: 0 !important;
  right: 0;
  margin: auto;
  margin-bottom: 50px;
  width: calc(100% - 60px);
  z-index: 8 !important;
	margin-top: 80px;
}
@-webkit-keyframes carcik {
    0%{background-position:0% 0px}
    100%{background-position:1920px -1080px}
}
@-moz-keyframes carcik {
0%{background-position:0% 0px}
    100%{background-position:1920pxpx -1080px}
}
@keyframes carcik {
0%{background-position:0% 0px}
    100%{background-position:1920pxpx -1080px}
}
.single_add_to_cart_button.button:hover {
  background-position: 15px 10px !important;
}
.single_add_to_cart_button.button.prorejestr {
  width: 160px;
  display: block;
  max-width: 200px;
  text-decoration: none;
  margin: 0 auto;
  background-image: url(../img/ico-cart.gif);
  background-size: 30px;
  background-color: #000;
  color: #fff;
  padding: 19px 15px;
  border-radius: 10px;
  font-family: 'Jost', sans-serif;
  font-weight: 800;
  transition: all 0.3s ease;
  background-repeat: no-repeat;
  background-position: 15px -40px;
  padding-left: 60px;
}
.hrfix{
	max-width:1500px;
	margin: 0 auto;
}
#proinfo img{
	max-width:300px;
	height:auto;
}
#proinfo{
	position:absolute;
	top: 54%;
	transform: translateY(-50%);
	line-height: 0px;
}
#proinfo p {
  margin: 0px;
  font-size: 13px;
}
#proinfo h3 {
  text-transform: uppercase;
  font-weight: 800 !important;
  margin: 0px auto !important;
  border: 0px;
  color: #000;
  padding-bottom: 5px !important;
}
.proimg {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 17%;
  height: auto;
  right: 10%;
}
#socialfoot{
  float: left;
}
#socialfoot a{
	position: relative;
  top: 20px;
  left: 0;
  margin-bottom:10px;
}
#katalog ul li.black a{
	color:#fff;
	background-color:#000;
	background-image:none;
}
#katalog ul li.black a img{
	max-width: 100px;
  height: auto;
  padding: 30px 0px;
  margin-left:30px;
}
#katalog ul li.black{
	width: 31%;
  margin: 1%;
  border-radius: 10px;
  overflow: hidden;
}
#katalog ul li.black .katitembox{
	left: 160px;
	width: auto;
}
#katalog ul li.black:hover{
	box-shadow: 0px 0px 50px #aecee7;
}
#katalog  ul li.black a h3{
margin: 0;
  line-height: 35px;
  font-size: 21px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 30px 0px;
  left: 160px;
  color: #fff;
  font-family: 'Jost', sans-serif;
}
#strona-body article ul li.black a p{
	color:#999;
}
#produktformgo{
	 background-color: #aecee7;
	 color: #000;
	 padding: 20px;
	 border: 0px;
	 border-radius: 10px;
	 text-align: center;
	 font-weight: bold;
	 display: block;
	 width: 100%;
	 cursor: pointer;
	 text-transform: uppercase;
	 font-size: 16px;
	 transition:all 0.5s ease;
	 background-image: url(../img/ico-mail.gif);
	 background-position: 12px -25px;
  background-size: 26px;
  background-repeat:no-repeat;
	 margin: 0 auto;
 }
  #produktformgo:hover{
	background-position: 12px 20px;
  }
 #formprodukt{
 padding: 30px;
  border-radius: 0px 0px 15px 15px;
  border: 1px solid #aecee7;
 margin-bottom: 50px;
 margin-top: 50px;
 border-radius: 10px;
 }
  #formprodukt.show{
	  display:block;
  }
#termopis P{
	font-size:15PX;
}
#katpodopis{
max-width: 80%;
  margin: 0 auto;
  text-align: justify;
  background-image: url(../img/sep.png);
  background-repeat: no-repeat;
  background-position: top center;
  padding-top: 100px;
margin-top: 50px;
text-align: left;
}
#katpodopis P{
	font-size:15px;
}
body #katalog #katpodopis H2{
	font-size: 18px;
	text-transform:uppercase;
}
#footer nav.fm2{
	margin-right:0px;
	width: 215px;
}
#footer nav.fm3{
	margin-right:0px;
	width: 150px;
}
#footer iframe{
	border-radius: 10px;
  overflow: hidden;
  float:right;
  filter: grayscale(1);
}
.contentcont.page.blog img.size-full{
	max-width:100%;
	height:auto;
	border-radius:10px;
	display:block;
	margin:0 auto;
}
#hitech.las li a img{
width: 90%;
}
#preparaty .owl-carousel.news{
	padding-bottom:40px;
}
 #preparaty .owl-carousel.news .owl-stage-outer,
#preparaty  .owl-carousel.duo .owl-stage-outer
{
width: 100%;
  margin: 0 auto;
}
#preparaty .owl-carousel.news .owl-item a{
	padding:0px;
	margin:auto;
}
#katalog ul li strong{
color: #000;
  display: block;
  padding-top: 30px;
  text-transform: uppercase;
  letter-spacing: 0px;
  font-size: 10px;
  text-align: left;
font-weight: 800;
font-family: 'Jost', sans-serif;
}
#logohome .karuprep{
	padding-top:0px;
}
#logohome .owl-stage-outer{
	padding-bottom:10px;
}
#preparaty .owl-carousel.news .owl-item img{
width: 100%;
  margin: 0 auto;
  display: block;
  padding: 0px;
  max-width: 100%;
  border-radius: 10px 10px 0px 0px;
}
#preparaty .owl-carousel.news .owl-nav.disabled,
.kbox.galeria .owl-carousel.news .owl-nav.disabled{
	display:block;
}
#preparaty .owl-carousel.news .owl-dots{
display:none;
}
#preparaty.soltech .tri img{
	border:0px solid #fff;
	border-radius:15px;
}
body #preparaty.soltech .owl-carousel.news .owl-item a h3{
	width: 90%;
  margin: 0 auto;
  padding-bottom: 10px;
  min-height: 50px;
	padding-top: 50px;
}
#preparaty .owl-carousel.news .owl-item p {
padding-bottom: 35px;
  font-size: 14px;
  display: block;
  min-height: 105px;
}
.relative{
	position:relative;
}
.lasery strong{
	font-size:20px;
}
.lasery h3{
	font-size: 50px;
  text-transform: uppercase;
  font-weight: bolder;
  font-family: 'Jost', sans-serif;
  float: left;
  margin: 0px;
}
.lasery .guzik{
	margin-top:0px;
}
.lasery{
position: absolute;
  left: 0;
  z-index: 99;
bottom: 5%;
}
#lasery{
	position:relative;
}
.lk{
display: block;
  margin-left: 0;
width: 100%;
height: auto;
}
#lasery .las1{
	position: absolute;
  width: 300px;
  height: auto;
  top: 50%;
  transform: translateY(-50%);
	z-index: 1;
}
#lasery .las2{
	position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
	z-index: 1;
}
@keyframes flickerAnimation {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-o-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
.animate-flicker {
   -webkit-animation: flickerAnimation 3s infinite;
   -moz-animation: flickerAnimation 3s infinite;
   -o-animation: flickerAnimation 3s infinite;
    animation: flickerAnimation 3s infinite;
}
#logohome{
border-top: 1px solid #6f6f6f;
  border-bottom: 1px solid #6f6f6f;
  margin-bottom: 50px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
background-image: url("../img/bgm.webp");
border-radius:10px;
}
#logohome .owl-stage-outer{
	padding-top:0px;
}
#preparaty.khome{
	margin-top: 35px;
  padding-top: 0;
}
#preparaty .owl-carousel.tri .owl-item a{
	padding:0px;
	background: transparent !important;
}
.owl-carousel.tri .owl-item img{
	max-width:999px;
}
.owl-carousel.tri a span{
		color:#fff;
	background: #aecee7;
	text-decoration: none;
	color: #333;
	padding: 10px 10px;
	display: block;
	width: 100px;
	position: absolute;
	text-align: center;
	bottom: 15%;
	right: 7%;
	border-radius: 5px;
	font-weight: 800;
	text-transform: uppercase;
	font-family: 'Jost', sans-serif;
	line-height: 30px;
}
#homevid.model{
  background-image: url(../img/ifapro-kosmetyka.jpg);
  background-attachment: scroll;
  background-size: 100% auto;
}
#homevid img{
	margin:0 auto;
	display:block;
}
.tlodots{
	width: 100%;
  height: 100%;
  position: absolute;
  background-image: url(../img/dots.png);
  background-size: 9px;
  opacity: 0.4;
  top: 0;
}
.tloover{
	width:100%;
	height:100%;
	background-color:black;
	display: block;
	position: absolute;
	left: 0;
	margin: auto;
	z-index: 1;
	top: 0;
	opacity: 0.5;
}
.s3gfx.s3gfxl{
	left:0;
}
#scena3 p img{
	margin:0 auto;
	display: block;
}
.homeimgfull{
width: 85%;
  height: auto;
  margin: 20px auto;
  display: block;
  transition:all 0.3s ease;
z-index: 5;
position: relative;
margin-right: 0;
}
.bgmx{ 
background-image:url("../img/bgmx.jpg") !important;
background-repeat: no-repeat;
  background-size: cover !important;
}
#kostkihome{
	padding:0px;
	margin:0px;
	padding-bottom:30px;
	padding-top:0px;
	border-bottom: 0px solid #6f6f6f;
	margin-bottom: 50px;
} 
#kostkihome li a{
	display:block;
	overflow:hidden;
}
#kostkihome li:hover b{
	  left: 100%;
  top: 0;
}
#kostkihome li b{
display: block;
  background-image: url(../img/glowk.png);
  width: 300%;
  height: 100%;
  position: absolute;
  background-repeat: repeat-x;
  transform: rotate(45deg);
  left: -300%;
  top: 0;
  transition: all 0.8s ease-out;
pointer-events: none;
}
#kostkihome li span{
	color:#fff;
	background: #aecee7;
	text-decoration: none;
	color: #333;
	padding: 10px 10px;
	display: block;
	width: 100px;
	position: absolute;
	text-align: center;
	bottom: 15%;
	right: 7%;
	border-radius: 5px;
	font-weight: 800;
	text-transform: uppercase;
	font-family: 'Jost', sans-serif;
	line-height: 30px;
}
#kostkihome li{
list-style: none;
  width: 31%;
  float: left;
  margin: 1%;
position: relative;
display: block;
overflow: hidden;
box-shadow: 3px 3px 6px #161213;
line-height: 0px;
border-radius: 10px;
transition:all 0.3s ease;
 }
 #kostkihome li:hover{
	 transform:translateY(-10px);
}
#kostkihome li img{
	width:100%;
	height:auto;
	border-radius: 10px;
}
#hitech{
	margin:0px;
	padding:50px 0px;
}
#hitech li{
	float:left;
	list-style:none;
	width:33%;
}
#hitech li a{
	text-decoration: none;
	display: block;
}
#hitech li a:hover img{
	transform:scale(1.1);
}
#hitech li a img{
	width:80%;
	height:auto;
	transition:all 0.3s ease;
	margin: 0 auto;
	display: block;
}
#hitech li h3{
margin: 0px;
  color: #fff;
  font-size: 25px;
  text-transform: uppercase;
  padding-top: 40px;
  text-align: left;
  font-family: 'Jost', sans-serif;
  font-weight: normal;
text-align: center;
}
.s1cont strong{
	color:#aecee7;
}
#grafiv{
background-image: url(../img/gradvid.png);
background-repeat: repeat-x;
width: 100%;
height: 100vh;
position: absolute;
border:0px;
z-index: 1;
background-position: center -301px;
}
#scena1 {
  margin-top: -50px;
height: 105vh !important;
}
body #topbar{
background: transparent;
z-index: 99;
position: relative;
border-bottom: 1px solid #3f3f3f;
}
body  #headtop{
	padding-top: 50px;
padding-bottom: 50px;
	background:transparent;
	z-index:99;
}
#s1vid{
	width:100%;
	opacity: 0.6;
}
.subfix{
	position:absolute;
	right:0;
	height:100%;
	width:250px;
	background-color:#000;
	top: 0;
	z-index: -1;
}
#headtop #menu-item-354 > .sub-menu{
	padding-left: 300px;
background-color: #aecee7;
background-image: url(../img/menu-solltech.jpg);
background-position: 0px center;
background-repeat:repeat-x;
animation: menubg 30s infinite linear;
min-height: 440px;
background-size: auto 100%;
}
#headtop #menu-item-4309 > .sub-menu{
	padding-left: 300px;
background-color: #aecee7;
background-image: url(../img/menu-preparaty.jpg);
background-position: 0px center;
background-repeat:repeat-x;
animation: menubg 30s infinite linear;
min-height: 440px;
background-size: auto 100%;
}
#headtop #menu-item-3812 > .sub-menu{
	padding-left: 300px;
background-color: #aecee7;
background-image: url(../img/menu-ana.jpg);
background-position: 0px center;
background-repeat:repeat-x;
animation: menubg 30s infinite linear;
min-height: 440px;
background-size: auto 100%;
}
#headtop #menu-item-3363 > .sub-menu{
	padding-left: 300px;
background-color: #aecee7;
background-image: url(../img/menu-technologie.jpg);
background-position: 0px center;
background-repeat:repeat-x;
animation: menubg 30s infinite linear;
min-height: 440px;
background-size: auto 100%;
} 
#headtop #menu-item-3516 > .sub-menu{
	padding-left: 300px;
background-color: #aecee7;
background-image: url(../img/menu-media.jpg);
background-position: 0px center;
background-repeat:repeat-x;
animation: menubg 30s infinite linear;
min-height: 440px;
background-size: auto 100%;
} 
#headtop #menu-item-126 > .sub-menu{
	padding-left: 300px;
background-color: #aecee7;
background-image: url(../img/menu-media.jpg);
background-position: 0px center;
background-repeat:repeat-x;
animation: menubg 30s infinite linear;
min-height: 440px;
background-size: auto 100%;
} 
div.asl_m .probox{
	border:0px !important;
}
#headtop #menu-item-2060 > .sub-menu{
padding-left: 300px;
background-color: #aecee7;
background-image: url(../img/menu-twarz.jpg);
background-position: 0px center;
background-repeat:repeat-x;
animation: menubg 30s infinite linear;
min-height: 440px;
background-size: auto 100%;
} 
#headtop #menu-item-2059 > .sub-menu{
padding-left: 300px;
background-color: #aecee7;
background-image: url(../img/menu-cialo.jpg);
background-position: 0px center;
background-repeat:repeat-x;
animation: menubg 30s infinite linear;
min-height: 440px;
background-size: auto 100%;
} 
#headtop #menu-item-2061 > .sub-menu{
	padding-left: 300px;
background-color: #aecee7;
background-image: url(../img/menu-lasery.jpg);
background-position: 0px center;
background-repeat:repeat-x;
animation: menubg 30s infinite linear;
min-height: 440px;
background-size: auto 100%;
} 
@keyframes menubg {
  0% { background-position: 0px center; }
  100% { background-position:-1196px center; }
}
#flags{
float: right;
width: auto !important;
position: absolute;
right: 1%;
top: 50%;
transform: translateY(-50%);
z-index:99;
line-height:0px;
}
#particles{
	width:100%;
	height:100vh;
	transition:all 0s ease;
	display:block;
	background-image:url(../img/particles.png); 
	background-size: 110% auto;
	background-repeat: no-repeat;
	z-index: 8;
	position: absolute;
	top: 0;
}
#wrap {
background-repeat: no-repeat;
background-position: center top;
background-size: 100% auto;
}
#topbar{
	border-bottom:1px solid #3c3c3c;
	padding: 10px 5%;
	font-size: 13px;
	background-color: #000;
}
#topbar p:first-child{
	margin:0px;
	float: left;	
}
#oferta{
	padding:0px 0px;
	max-width: 1500px;
	margin: 0 auto;
	z-index: 9;
	position: relative;
	transition:all 0.3s ease;
	border-bottom: 1px solid #6f6f6f;
	margin-top: -100px;
	padding-bottom: 30px;
}
#oferta li img{
	height: auto;
	width: 90%;
	background-image: url(../img/bgm.webp);
	background-attachment: fixed;
	border-radius: 10px;
	padding: 5%;
	padding-bottom: 0px;
}
#oferta li{
	width: 31%;
	float: left;
	margin: 1%;
	list-style: none;
	text-align: center;
	color: #fff;
	border-radius: 10px;
	transition: all 0.3s ease;
	background-size: 100% auto;
	background-repeat: no-repeat;
		background-image: url(../img/bgm.webp);
	background-attachment: fixed;
}
#oferta a{
	display: block;
	text-decoration: none;
}
#katalog.media{
	border-top: 1px solid #6f6f6f;
	padding-top: 50px;
	margin-top: 30px;
}
#preparaty.khome.soltechnew{
	padding-top:0px;
	margin-top: 20px;
}
#preparaty.soltech.koshom{
margin-top: 50px;
  padding-top: 25px;
  border:0px;
}
#preparaty.soltech {
border-top: 0px solid #6f6f6f;
padding-top: 50px;
}
#oferta li:hover{
	transform:translateY(-10px);
}
#katalog ul li a img{
	width:45%;
	height:auto;
	max-width: 200px;
} 
#katalog ul li a{
	display:block;
	background-color: #fff;
	text-decoration: none;
	position: relative;
	border-radius: 10px;
	line-height: 0px;
 transition:all 1s ease;
	background-repeat: no-repeat;
	background-position: bottom right;
	overflow: hidden;
}
#katalog.page{
	margin-top: 0px !important;
	margin-bottom:30px;
	width:100%;
}
#katalog ul li:hover{
	transform:translateY(-10px);
	box-shadow:0px 0px 50px #aecee7;
}
#katalog ul li a h3{
	color:#000;
	margin: 0px;
	font-size:19px;
	padding-bottom: 0;
	font-family: 'Jost', sans-serif;
	text-transform: uppercase;
	line-height: 25px;
	hyphens: auto;
	font-weight: 800;
	padding-bottom: 21px;
}
#katalog ul li a p{
color:#777;
margin: 0px;
font-size: 12px;
line-height: 16px;
text-align: justify;
}
#oferta h3{
margin: 0px;
  color: #fff;
  font-size: 25px;
  text-transform: uppercase;
  font-family: 'Jost', sans-serif;
  font-weight: normal;
  text-align: center;
  padding: 60px 0px !important;
}
#oferta p{
}
.owl-carousel .owl-dots.disabled{
}
#topbar p{
	margin:0px;
	float: right;
}
#topbar a{
	color:#89deff;
	text-decoration: none;
}
#topbar a:nth-child(1){
	margin-left: 30px;
}
#topbar a:nth-child(2){
}
#pnsrating .pnsr_button{
background-image: url(../img/grad.jpg) !important;
background-size: 100% auto !important;
}
#skew.skew2{
	left: 0;
top: 150px;
height: 20px;
width: 20%;
}
#zarowka{
	transition:all 1s ease;
}
#footer table{
	width:100%;
}
#footer table td{
	border-right: 1px solid #aecee7;
	padding: 30px 50px;
	font-size: 14px;
	color: #ccc;
	line-height: 26px;
}
#footer table td:last-child{
	border:0px;
}
#footer table td h5{
	color: #fff;
	margin: 0px;
	font-size: 13px;
	font-weight: bolder;
	font-family: 'Exo', sans-serif;
	background: #111;
	padding: 5px 10px;
	border-radius: 5px;
	text-transform: uppercase;
	display: inline-block;
}
#footer table p{
	color: #fff;
}
#footer table a{
	color: #fff;
	text-decoration: none;
	border-bottom: 3px solid #bf0081;
}
#footer table a:hover{
	border-bottom: 3px solid #333;
}
.imarker{
	position:absolute;
	margin: 0px !important;
	left: 0;
	top: 50%;
	transform: translateY(-50%) translateX(-95%);
	width: 300px !important;
}
#fb{
display: block;
width: 50px;
height: 50px;
background-color: #000;
position: fixed;
top: 45%;
right: 55px;
z-index: 9;
border-radius: 100px;
background-image: url(../img/ico-fb.png);
background-repeat: no-repeat;
background-size: 40px;
background-position: center;
transform:translateY(-50%);
z-index:99;
}
#inst{
display: block;
width: 50px;
height: 50px;
background-color: #000;
position: fixed;
top: calc(45% + 70px);
right: 55px;
z-index: 9;
border-radius: 100px;
background-image: url(../img/ico-inst.png);
background-repeat: no-repeat;
background-size: 40px;
background-position: center;
transform:translateY(-50%);
z-index:99;
}
#paginacja{
text-align: center;
height: auto;
line-height: 45px;
margin-top: 30px;
margin-bottom: 80px;
}
#paginacja .page-numbers { font-size: 20px; }
#paginacja .page-numbers.current { color: #555; padding: 11px 20px;background: #fff;border-radius: 5px;font-weight: bold;}
#paginacja .page-numbers .dots { letter-spacing: 1px }
#paginacja a.page-numbers  { font-size: 20px; color: #fff !important; background-color: #000;text-decoration: none;padding: 12px 20px;border-radius: 5px;transition: all 0.3s ease;}
#paginacja a.page-numbers:hover  { 
    background: #fff;
    color: #555 !important;
} 
#bookpanel{
	max-width: 900px;
width: 90%;
margin: 0 auto;
display: block;
}
#bookpanel h3{
	margin: 0px;
font-size: 19px !important; 
padding-bottom: 10px;
}
#bookpanel .rejbox{
background-color: #eee;
display: block;
margin-bottom: 10px;
padding: 15px;
border-radius: 5px;
padding-left: 65px;
background-size: 30px;
background-repeat: no-repeat;
background-position: 20px;
}
/*
@media (-webkit-min-device-pixel-ratio: 1.1) {
img{
transform: scale(0.9);
transform-origin: 50% 50%;
}
h1{
	transform: scale(0.9);
}
}
*/
#footer table td strong{
display: block;
padding-bottom: 15px;
color: #c4ccff;
}
#scena1 img.animuj{
		opacity:0;
	transition:all 1s ease;
	left:-10%;
}
#scena1 img.animujgo{
	opacity:1;
	left:0; 
}
#ofewrap.animuj{
	transition:all 1s ease;
	opacity:0;
	transform: translateY(0px);
}
#ofewrap.animujgo{
	opacity:1;
	transform: translateY(-50px);
}
.kosboxy .kos.animuj{
		opacity:0;
	transition:all 1s ease;
	transform: translateY(-50px);
}
.kosboxy .kos.animujgo{
		opacity:1;
		transform: translateY(0px);
}
.dziecibox p{
	font-size: 15px;
margin: 0px;
line-height: 25px;
width: 100%;
color: #888;
padding-bottom: 15px;
}
#kreatorlp .dziecibox p {
  line-height: 24px;
}
.dziecibox.animuj{
			opacity:0;
	transition:all 1s ease;
	transform: translateY(-30px);
}
.dziecibox.animujgo{
			opacity:1;
		transform: translateY(0px);
}
.srcont.animuj{
		right: 5%;
	opacity:0;
	transition:all 1s ease;
}
.slcont.animuj{
	left: 10%;
	opacity:0;
	transition:all 1s ease;
}
.srcont.animujgo{
	right: 10%;
	opacity:1;
}
	.slcont.animujgo{
	left: 15%;
	opacity:1;
}
.archivewrap{
max-width: 80%;
margin: 0 auto;
padding-top: 50px;
}
#bread{
	color: #999;
	text-align:center;
	font-size: 13px;
	width: 90%;
	margin: 0 auto;
	margin-bottom: 30px;
	max-width: 1500px;
}
#bread a{
	color:#d4dbff;
	text-decoration: none;
	border-bottom: 2px solid #aecee7;
	font-weight: bold;
}
#umdiet img, #umfiz img{
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 50px;
}
.kbox.umow a{
transition:all 0.3s ease;
}
.kbox.umow a:hover{
transform:translateY(-10px);
}
#boxtop{
background: #fff;
padding: 15px 10px;
text-align: center;
border-bottom: 1px solid #ddd;
font-size: 13px;
position: relative;
z-index: 9;
}
#headtop{
position:fixed;
top:0;
width:100%;
padding-top: 20px;
padding-bottom: 20px;
z-index: 10;
transition:all 0.5s ease;
margin-top: 38px;
background: #000;
z-index: 999;
}
#headtop nav{
    position: absolute;
    top: 50%;
    margin: 0 auto;
    width: 1250px;
    transform: translateY(-50%);
    left: 0;
    right: 0;
}
#headtop nav ul{
padding:0px;
margin:0px;
text-align: center;
width: 100%;
}
#headtop nav ul li{
list-style:none;
display:inline-block;
padding: 0px 10px;
}
#headtop nav ul li a{
font-size:17px;
color: #fff;
text-decoration: none;
text-transform: uppercase;
font-weight: 800;
letter-spacing: 2px;
transition:all 0.3s ease;
display: block;
font-family: 'Jost', sans-serif;
}
#headtop nav ul li a:hover{
transform:translateY(-10px);
}
#logotop img{
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
    max-width: 180px;
}
#logotop{
width: 120px;
z-index: 10;
position: absolute;
transition:all 0.5s ease;
margin-left: 5%;
display: block;
top: 50%;
transform: translateY(-50%);
}
#scena1{
height:100vh;
position: relative;
background-repeat: no-repeat;
background-size: auto 100%;
background-position: center center;
overflow: hidden;
background: #000;
}
#scena2{
padding: 0px 0px;
position: relative;
color: #fff;
width: 90%;
margin: 0 auto;
}
#scena3{
height: 80vh;
position: relative;
color: #ccc;
background-color: #6888a1;
margin: 0 auto;
width: 100%;
z-index:3;
background-image: url(../img/bgm.webp);
background-attachment: fixed;
background-size: 100% auto;
}
#scena4{
height:80vh;
position: relative;
}
.dziecibox{
	color:#ccc;
}
#scena5{
position: relative;
height: 80vh;
}
#footer{
display: block;
padding-left: 5%;
padding-right: 5%;
padding-bottom: 50px;
background-repeat: no-repeat;
background-position: bottom center;
padding-top: 50px;
color: #fff;
background-attachment: fixed;
background-color: #000;
}
.rejlink{
position:absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
background-color: #dbb875;
text-decoration: none;
font-size: 30px;
padding: 10px 20px;
border-radius: 100px 0px 0px 100px;
color: #000;
background-image: url(../img/gold.png);
background-size: 100% auto;
}
.rejlink span{
    font-size: 20px;
    padding-left: 40px;
    background-image: url(../img/ico-cal.gif);
    background-repeat: no-repeat;
    background-size: 25px;
}
#menu-item-49{
margin-right:315px;
}
.s1cont{
position:absolute;
left: 10%;
top: 50%;
transform: translateY(-50%);
margin: 0 auto;
transition:all 0.3s ease;
z-index: 3;
}
.s1cont h2{
font-size:80px;
margin: 0px;
text-transform: uppercase;
letter-spacing: 4px;
padding-bottom: 30px;
color: #fff;
font-family: 'Jost', sans-serif;
font-weight: normal;
line-height: 80px;
font-weight: 900;
padding-top: 20px;
}
.s1cont p{
font-size:16px;
color: #999;
width: 100%;
margin: 0px;
line-height: 28px;
font-weight: bold;
}
.s1cont img{
	float: right;
	width: 200px;
	height: auto;
}
.floatfix{
clear:both;
}
.ofekostka{
background:#fff;
width: calc(29%);
margin: 2%;
float: left;
border-radius: 10px;
padding: 30px;
text-align: center;
}
#ofewrap{
width:90%;
margin:0 auto;
max-width: 1500px;
z-index: 9;
position: relative;
transform: translateY(-50px);
}
.ofekostka img{
width:125px;
height:auto;
}
.ofekostka p{
color:#555;
font-size: 18px;
}
.ofekostka h3{
color:#333;
font-size: 27px;
text-transform: uppercase;
font-weight: normal;
letter-spacing: 3px;
margin: 0px;
padding-bottom: 20px;
}
.ofe2{
transform:translateY(-50px);
}
#s2b{
    width: 90%;
    margin: 0 auto;
    max-width: 1200px;
    position: relative;
    z-index: 9;
    padding-top: 0px;
    padding-bottom: 50px;
}
#s2b h2{
    float: left;
    font-size: 41px;
    width: 55%;
    margin: 0px;
    padding-right: 10%;
    text-align: right;
}
#s2b p{
    float: left;
    width: 45%;
    margin: 0px;
    font-size: 20px;
}
.srcont{
    right: 10%;
}
.slcont{
    left: 15%;
}
.srcont, .slcont{
    width: 40%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.srcont h2, .slcont h2{
    margin: 0px;
    font-size: 8vh;
    font-weight: bold;
    font-family: noto-serif;
}
.srcont p, .slcont p{
    font-size: 18px;
    width: 80%;
    color: #96b1ef;
    line-height: 33px;
}
#scena4 img.bf{
    position: absolute;
    left: 10%;
    height: 85%;
    width: auto;
    max-height: 900px;
    top: 50%;
    transform: translateY(-50%);
}
#footer2{
height:0px;
background-color:#56da4a;
}
.foocont{
width:90%;
margin: 0 auto;
}
#footer h5{
color: #fff;
font-family: 'Jost', sans-serif;
text-transform: uppercase;
font-size: 17px;
margin-top: 0px;
}
#footer nav{
	width: 250px;
	float: left;
	margin-right: 50px;
}
#footer nav ul{
text-align: left;
margin-top: 0;
padding: 0px;
}
#footer nav ul li{
display: block;
margin: 0px 0px;
}
#footer nav ul li a{
color:#999;
text-decoration: none;
font-size: 13px;
display: block;
padding: 3px 0px;
}
#footer nav ul li a:hover{
	color:#aecee7;
}
#footercont2{
    float: right;
    padding-top: 0;
}
#footercont2 a{
color:#fff;
font-size: 24px;
text-decoration: none;
margin: 0px 0px;
}
#logofooter{
    float: left;
    margin-right: 50px;
    margin-top: 45px;
}
#logofooter img{
    width: auto;
    height: auto;
}
#footercont{
    float: right;
    width: auto;
}
#footercont p{
font-size: 13px;
line-height: 22px;
color: #aeb8ff;
margin: 0px;
}
#s2gfx{
width:50%;
position:absolute;
height:100%;
left:0; 
background-color:#ffe2c2;
top: 0;
}
#s2gfx2{
width:50%;
position:absolute;
height:100%;
right:0;
background-color:#daad60;
top: 0;
background-image: url(../img/gold.png);
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
}
#scena1 img.s1gfx{
position:absolute;
height: 110%;
width: auto;
right: 15%;
margin: 0 auto;
bottom: 0;
z-index: 5;
pointer-events: none;
}
#scena1 img.energia{
	position:absolute;
	right: 15%;
	bottom: 0;
	height: 80%;
	width: auto;
	z-index: 3;
	transition:all 2s ease;
}
.kosboxy{
    width: 90%;
    margin: 0 auto;
    position: absolute;
    bottom: 5%;
    left: 0;
    right: 0;
    max-width: 1500px;
}
.kosboxy .kos{
    float: left;
    width: calc(33% - 55px);
    margin: 0px 2%;
    background: white;
    border-radius: 100px;
    padding: 20px 25px;
    border: 1px solid #ccc;
    box-shadow: 0px 5px 0px #eee;
    position: relative;
    padding-left: 100px;
}
.kosboxy .kos p{
    margin: 0px;
}
.kosboxy .kos p:nth-child(2){
	min-height:50px;
	font-size:16px;
}
.kosboxy .kos img{
position: absolute;
left: 35px;
width: 40px;
height: auto;
top: 50%;
transform: translateY(-50%);
}
#headtop.nav-up, #headtop.nav-down{
top:0;
padding-top:10px;
padding-bottom:10px;
background: #000;
margin-top: 0px;
height:45px;
}
#headtop.nav-up .asl_w_container, #headtop.nav-down .asl_w_container{
	transform:none;
	top:17px; 
}
#headtop.nav-up #logotop, #headtop.nav-down #logotop{
width: 80px;
padding: 10px 0px;
}
#pagebg{
    padding-top: 200px;
padding-bottom: 0px;
z-index: 2;
position: relative;
background-repeat: no-repeat;
background-position: bottom right;
}
#pagebg header h1{
font-size: 50px;
margin: 0px auto;
text-align: center;
display: inline-block;
background-repeat: repeat-x;
background-position: center bottom;
background-size: 20px;
line-height: 64px;
color: #fff;
font-family: 'Jost', sans-serif;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 3px;
display:block;
background-repeat: no-repeat;
padding-top: 30px;
}
#pagebg header{
    margin: 0 auto;
    max-width: 1200px;
}
#strona-body{
    padding-top: 50px;
    width: 90%;
    margin: 0 auto;
}
#strona-body article{ 
	padding-bottom: 50px;
}
#strona-body article h2{
    font-size: 35px;
    color: #aecee7;
    font-weight: normal;
    font-family: 'Jost', sans-serif;
}
#strona-body article h3{
    font-size: 30px;
    color: #aecee7;
    font-weight: normal;
    font-family: 'Jost', sans-serif;
}
#strona-body article p{
    font-size: 16px;
    color: #999;
    line-height: 29px;
    font-weight: bold;
}
#strona-body article ul, #strona-body article ol{
    padding-left: 15px;
    margin: 50px 0px;
}
#strona-body article ul li, #strona-body article ol{
    font-size: 16px;
    padding: 5px 0px;
    font-weight: bold;
    color: #999;
}
#strona-body article p a{
    color: #aecee7;
    text-decoration: none;
    border-bottom: 2px solid #aecee7;
    font-weight: bold;
}
.contentcont.page{
max-width:900px;
margin: 0 auto;
padding: 0px 50px;
padding-bottom: 50px;
}
#back-to-top{
background-color: transparent;
border: 0px;
width: 40px;
height: 40px;
display: block;
border-radius: 100px;
margin: 0 auto;
background-image: url(../img/ico-top.png);
background-repeat: no-repeat;
background-position: center 15px;
background-size: 10px;
transition: all 0.3s ease;
cursor:pointer;
margin-bottom: 50px;
border: 3px solid #aecee7;
	margin-top:30px;
}
#back-to-top:hover{
background-position: center -26px;
}
#headtop .sub-menu .menu-item.current-menu-parent > a{
background-color: #adcde6;
color: #000 !important;
border-bottom:1px solid #adcde6;
}
 #headtop li.current-menu-item > a, #headtop .menu-item.current-menu-parent > a{
 border-bottom: 2px solid #aecee7;
 color: #aecee7;
 }
 .timezone{
 display:none !important;
 }
 .ssa_booking_iframe{
 width: calc(100% - 60px) !important;
background: #fff;
border-radius: 10px;
box-shadow: 0px 0px 10px #ccc;
}
 #pojo-a11y-toolbar {
  top: 50% !important;
   transform: translateY(-50%) !important;
  }
 #pojo-a11y-toolbar.pojo-a11y-toolbar-left .pojo-a11y-toolbar-toggle{
 top:50% !important;
 transform: translateY(-50%) !important;
 }
 #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a {
  font-size: 40px !important;
  }
 #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a{
 background-color:#896525 !important;
 padding: 20px !important;
 }
 #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links {
  border-color: #896525 !important;
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a{
font-size:18px !important;
}
body #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay{
width:225px;
}
 body #pojo-a11y-toolbar.pojo-a11y-toolbar-left {
  left: -225px;
  }
 body #pojo-a11y-toolbar.pojo-a11y-toolbar-left .pojo-a11y-toolbar-toggle {
  left: 225px;
}
 .boksep{
font-size: 20px;
font-weight: bold;
border-bottom: 2px solid #896525;
margin-bottom: 30px;
margin-top: 30px;
padding: 10px 0px;
 }
 .s1cont h1{
	 margin: 0px;
color: #4ed75b;
font-size: 50px;
	 font-weight: normal;
	 letter-spacing: 7px;
	 display: block;
	 text-transform: uppercase;
	 font-family: 'Jost', sans-serif;
	 line-height: 50px;
	 padding-bottom: 50px;
	 font-weight: lighter;
 }
 #scena2 h2{
	 margin: 0px;
	 font-size: 30px;
	 color: #fff;
	 font-family: 'Jost', sans-serif;
	 text-transform: uppercase;
	 line-height: 60px;
	 font-weight: bold;
	 width: 90%;
	 display: block;
	 margin: 0 auto;
	 padding-top: 30px;
 }
 #scena2 p{
	 font-size: 16px;
	 margin: 0px;
	 line-height: 30px;
	 color: #666;
 }
 #sertvicelista{
	 padding:50px 5%;
 }
 #sertvicelista ul{
	 margin:0px;
 }
 #sertvicelista ul li{
	 list-style:none;
	 float: left;
	 width: 16%;
	 margin: 2%;
 }
 #sertvicelista ul li a{
	 text-decoration:none;
	 position: relative;
 }
 #sertvicelista ul li a h3{
	 font-size:18px;
	 margin: 0px;
	 color: #fff;
	 position: absolute;
	 bottom: 30px;
	 width: 85%;
	 left: 0;
	 right: 0;
	 margin: auto;
	 text-align: center;
	 font-weight: normal;
 }
 #sertvicelista ul li a img{
	 width:100%;
	 border-radius: 5px;
	 box-shadow: 10px 10px 0px #ffc105;
 }
 #galhome{
	 padding:0px;
 }
 #galhome ul{
	 padding:0px;
	 margin:0px;
 }
 #galhome ul li{
	 float:left;
	 line-height: 0px;
	 width: 11.1%;
 }
 #galhome ul li a{
	 text-decoration:none;
	 line-height: 0px;
 }
 #galhome ul li img{
	 width:100%;
	 height:auto;
	 transition:all 0.3s ease;
 }
 #galhome ul li a:hover img{
	 transform:scale(0.9);
 }
 #glow{
	 position:absolute;
	 top:0;
	 width:100%;
	 height:100%;
	 background-image: url(../img/glow.png);
	 background-position: bottom center;
	 background-repeat: no-repeat;
 }
 #scena2cont{
	 position:absolute;
	 right: 10%;
	 top: 50%;
	 transform: translateY(-50%);
	 padding: 50px;
	 width: 30%;
	 transition:all 1s ease;
 }
 #scena2 .s2gfx{
	 width:auto;
	 height:100%;
	 transition:all 0.3s ease;
	 position: absolute;
	 top: 50%;
	 transform: translateY(-50%);
	 left: 5%;
	 z-index: 9;
 }
 #headtop .sub-menu .menu-item.current-menu-item a{
	 background-color:#adcde6;
	 color:#000 !important;
 }
 .s3gfx{
position: absolute;
transition: all 1s ease;
left: 3%;
bottom: 0;
height: 100%;
width: auto;
z-index: 2;
top: 0;
 }
  .s4gfx{
	 position:absolute;
	 transition:all 1s ease;
	 right: 5%;
	 bottom: 0;
	 height: 90%;
	 width: auto;
	 z-index: 2;
	 transform: translateY(-50%);
	 top: 50%;
 }
 .s3cont{
	 position: absolute;
right: 10%;
	 z-index: 9;
	 width: 35%;
	 top: 50%;
	 transform: translateY(-50%);
 }
  .s3cont p{
	  width:80%;
  }
   .s4cont{
	 position: absolute;
left: 10%;
	 z-index: 9;
	 width: 35%;
	 top: 50%;
	 transform: translateY(-50%);
 }
  .s3gfx2{
	  position:absolute;
	  z-index: 1;
	  left: 0;
	  right: 0;
	  width: 80%;
	  margin: 0 auto;
	  height: auto;
	  top: 20%;
  }
  #formfooter{
	  width:90%;
	  padding:80px 5%;
	  margin:auto;
	  transition:all 0.5s ease;
	  background: #900061;
  }
@keyframes fadeIn { 
  from { opacity: 0; } 
}
.glow {
    animation: fadeIn 1s infinite alternate;
	z-index:5;
}
  #skew{
	  width:40%;
	  height:49px;
	  position:absolute;
	  background-image: url(../img/skew.png);
	  display: block;
	  right: 0;
	  bottom: 20%;
	animation: skews 1s infinite linear;
	background-position: 0px 0px;
	background-repeat: repeat-x;
	  z-index: 1;
  }
@keyframes skews {
  0% { background-position: 0px 0px; }
  100% { background-position:-19px 0px; }
}
.guzik {
  background-image: url(../img/grad.jpg);
	  background-repeat: repeat-y !important;
  }
  #formfooter h3{
	  color:#fff;
	  margin:0;
	  font-family: 'Exo', sans-serif;
	  text-transform: uppercase;
  }
#layer{
	width:100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	z-index: -1;
}
#grad{
	background-color:transparent;
	width: 100vw;
	height: 100vh;
	background-image: url(../img/bg.webp);
	background-size: auto;
}	
#faq{
	padding: 70px 0px;
	position: relative;
	width: 90%;
	max-width:1500px;
	margin: 0 auto;
}
#faq h2{
font-size: 35px;
  text-transform: uppercase;
  font-weight: bolder;
  font-family: 'Jost', sans-serif;
  margin: 0px;
  padding-bottom: 30px;
}
.faqcont .faq-button{
	width:100%;
	color:#fff;
	background: #000;
	border: 0px;
	border-radius: 5px 0px 5px 0px;
	margin: 6px 0px;
	text-align: left;
	padding-left: 25px;
	cursor:pointer;
	transition:all 0.3s ease;
}
#faq .gfx {
width: 30%;
  height: auto;
  margin: 0 auto;
  margin-left: 7%;
  border-radius: 15px;
}
.faqcont .faq-button:hover{
background: #b8d1e5;
color:#000;	
}
.faqcont .faq-button.active{
	background:#b8d1e5;
	color:#000;
}
.faqcont .faq-cont{
	display:none;
	padding: 10px 20px;
	font-size: 14px;
}
.faqcont .faq-cont.active{
	display:block;;
}
.faqcont{
width: 50%;
  float: right;
  margin-right: 5%;
}
  #scena6 {
  position: relative;
  padding: 100px 10%;
  background-color: #1f4252;
  background-image: url(../img/skew.png);
  background-repeat: no-repeat;
  background-position: bottom right;
}
#scena6 table{
	width:100%;
}
#scena6 table td{
	padding:0px 30px;
}
#scena6 table td h3{
	color: #4ed75b;
font-family: 'Jost', sans-serif;
margin: 0px;
text-transform: uppercase;
font-weight: normal;
font-size: 25px;
letter-spacing: 5px;
line-height: 35px;
padding-bottom: 25px;
	min-height: 50px;
}
#scena6 table td p{
	font-size: 14px;
color: #85a3b3;
width: 100%;
margin: 0px;
line-height: 25px;
font-weight: bold;
}
  #scena3 h2, #scena4 h2, #scena5 h2{
	  color:#fff;
	  font-family: 'Jost', sans-serif;
	  margin: 0px;
	  text-transform: uppercase;
	  font-weight: 800;
	  font-size: 45px;
	  letter-spacing: 5px;
	  line-height: 65px;
	  padding-bottom: 25px;
  }
#scena3 p, #scena4 p, #scena5 p{
		font-size: 16px;
color: #999;
width: 100%;
margin: 0px;
line-height: 35px;
font-weight: bold;
	}
	#scena3 p{	
color: #9fc1dc;
}
  #scena2 .bar1{
	  position: absolute;
top: 0;
left: 0;
	  width: 100%;
	  background-position: bottom center;
	  height: auto;
	  transform: none;
  }
  #scena2 .bar2{
	  position: absolute;
bottom: 0;
left: 0;
	  width: 100%;
	  background-position: bottom center;
	  height: auto;
	  transform: rotate(180deg);
  }
  #scena6 table td img{
	  float:left;
	  padding-right: 15px;
  }
  .s4cont p{
	  padding-bottom:35px;
  }
.s4cont a{
	margin: 0 5px;
}	
  .gradani {
    -webkit-animation: AnimationName 60s linear infinite;
    -moz-animation: AnimationName 60s linear infinite;
    animation: AnimationName 60s linear infinite !important;
} 
@-webkit-keyframes AnimationName {
    0%{background-position:0% 0%}
    50%{background-position:50% 50%}
    100%{background-position:0% 0%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 0%}
    50%{background-position:50% 50%}
    100%{background-position:0% 0%}
}
@keyframes AnimationName {
    0%{background-position:0% 0%}
    50%{background-position:50% 50%}
    100%{background-position:0% 0%}
}
  div.asl_r .results .item .asl_content h3, div.asl_r .results .item .asl_content h3 a{
	  color:#000 !important;
  }
#wojlista{
	padding:50px 0px;
}
#wojlista li{
	float:left;
	list-style: none;
	width: 23%;
	margin: 1%;
	position: relative;
}	
#wojlista li.aktual a{
	background-color: #56da4a;
color: #fff;
	background-image: url(../img/grad.jpg);
}
#wojlista li a{
	color:#426f86;
	text-decoration: none;
	background: #fff;
	padding: 30px;
	border-radius: 10px;
	display: block;
	border: 1px solid #fff;
	font-weight: bold;
	font-family: 'Jost', sans-serif;
	font-size: 15px;
	text-transform: uppercase;
	box-shadow: 3px 3px 0px #eee;
	transition:all 0.3s ease;
	padding-left: 50px;
}
#wojlista li a:hover{
	border:1px solid #56da4a;
	transform: translateY(-10px);
}
#wojlista li a span{
	background-color:#56da4a;
	padding: 10px;
	color: #fff;
	position: absolute;
	border-radius: 100px;
	line-height: 18px;
	width: 20px;
	height: 20px;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	left: -10px;
	background-image: url(../img/grad.jpg);
	background-size: 100% auto;
}
#bloglista{
	padding:50px 0px;
	margin:0px;
}
#bloglista li img{
	width:70px;
	position: absolute;
	top: 20px;
	left: 20px;
	height: auto;
	border-radius: 10px;
}
#bloglista li{
	float:left;
	list-style: none;
	width: 23%;
	margin: 1%;
	position: relative;
}
#bloglista li a{
	color:#426f86;
	text-decoration: none;
	background: #fff;
	padding: 30px;
	border-radius: 5px;
	display: block;
	border: 1px solid #fff;
	font-weight: bold;
	font-family: 'Jost', sans-serif;
	font-size: 15px;
	text-transform: uppercase;
	box-shadow: 3px 3px 0px #eee;
	transition:all 0.3s ease;
}
#bloglista li a:hover{
	border: 1px solid #56da4a;
transform: translateY(-10px);
}
#bloglista li a h3{
	font-size: 13px;
	margin: 0px;
	padding-left: 75px;
}
.contentcont.page.post{
	padding-bottom:0px;
}
#mapa{
	padding:0px;
	border: 1px solid #56da4a;
	border-radius: 10px;
	line-height: 0px;
	box-shadow: 0px 0px 30px #ccc;
}
#mapa iframe{
	border:0px;
	width:100%;
}
#wojwrappost #wojlista{
	padding-top:0px;
}
#wojwrappost{
max-width: 100%;
margin: 0 auto;
padding-bottom: 50px;
margin-bottom: 50px;
padding-top:50px;
}
body div[id*="ajaxsearchlite"].asl_m{
width: 180px;
float: right;
margin-right: 95px;
transition:all 0.5s ease;
} 
.asl_w_container{
	width: auto !important;
  margin: 0px 0px 0px 0px;
  min-width: 200px;
  position: absolute;
  transform: translateY(-50%);
	right: 0;
	z-index:99;
}
div[id*="ajaxsearchlite"].asl_m:focus-within {
  width: calc(99% - 120px);
}
.asl_w_container:focus-within{
	width:100% !important;
}
#wojlista.animuj li{
	opacity:0;
	transition:all 0.3s ease;
	transform:translateY(15px);
}
#wojlista li{
	opacity:1;
	transition:all 0.3s ease;
	transform:none;
}	
#wojlista li:nth-child(1){ transition-delay:0.3s; }
#wojlista li:nth-child(2){ transition-delay:0.4s; }
#wojlista li:nth-child(3){ transition-delay:0.5s; }
#wojlista li:nth-child(4){ transition-delay:0.6s; }
#wojlista li:nth-child(5){ transition-delay:0.7s; }
#wojlista li:nth-child(6){ transition-delay:0.8s; }
#wojlista li:nth-child(7){ transition-delay:0.9s; }
#wojlista li:nth-child(8){ transition-delay:1.0s; }
#wojlista li:nth-child(9){ transition-delay:1.1s; }
#wojlista li:nth-child(10){ transition-delay:1.2s; }
#wojlista li:nth-child(11){ transition-delay:1.3s; }
#wojlista li:nth-child(12){ transition-delay:1.4s; }
#wojlista li:nth-child(13){ transition-delay:1.5s; }
#wojlista li:nth-child(14){ transition-delay:1.6s; }
#wojlista li:nth-child(15){ transition-delay:1.7s; }
#wojlista li:nth-child(16){ transition-delay:1.8s; }
#bloglista.animuj li{
		opacity:0;
	transition:all 0.3s ease;
	transform:translateY(15px);
}
#bloglista li{
		opacity:1;
	transition:all 0.3s ease;
	transform:none;
}
#ebok{
	background-color: #bf0081;
color: #fff;
text-decoration: none;
padding: 10px;
font-weight: bold;
	position: absolute;
	right: 5%;
	top: 50%;
	font-family: 'Jost', sans-serif;
	font-size: 20px;
	border-radius: 5px;
	transition: all 0.3s ease;
	background-image: url(../img/ico-bok.png);
	background-repeat: no-repeat;
	background-position: 10px;
	padding-left: 50px;
	background-size: 19px;
	transition:all 0.3s ease;
	transform: translateY(-50%);
}
#ebok:hover{
	background-color:#001696;
	padding-left: 60px;
	text-align: center;
}
.owl-carousel .owl-stage-outer{
	padding: 30px 0px;
}
.ti-rating-text{
	display:none;
}
.ti-review-content{
	display:none !important;
}
body .ti-widget.ti-goog .ti-review-item > .ti-inner{
	border:0px !important;
	background: #00106e !important;
}
.owl-nav {
position: absolute;
  width: 100%;
  top: 50%;
  z-index: 999;
  transform: translateY(-50%);
  height: 60px;
}
#preparaty .owl-carousel.duo .owl-item a{
		margin:0 auto;
}
#preparaty .owl-carousel.tri .owl-item a{
		margin:0 auto;
}
#preparaty .owl-carousel.prepa .owl-item a{
	margin:0 auto;
}
#preparaty .owl-carousel.duo .owl-nav,
#preparaty .owl-carousel.uno .owl-nav,
#preparaty .owl-carousel.tri .owl-nav,
#preparaty .owl-carousel.galeria .owl-nav,
#preparaty .owl-carousel.prepa .owl-nav,
#karuzele.shorts .owl-nav,
#opiniehome .owl-nav
{
	display:block !important;
}
.owl-carousel.news .owl-nav .owl-prev, 
.owl-carousel.duo .owl-nav .owl-prev,
.owl-carousel.tri .owl-nav .owl-prev,
.owl-carousel.prepa .owl-nav .owl-prev,
.owl-carousel.galeria .owl-nav .owl-prev,
#karuzele.shorts .owl-nav .owl-prev,
#opiniehome .opinie .owl-nav .owl-prev
{
background-color: #171717 !important;
  display: block;
  padding: 10px !important;
  position: absolute;
  left: 0;
  border-radius: 100px;
  font-weight: bold;
  font-size: 25px;
}
#opiniehome li b{
	font-size:20px;
}
.owl-carousel.news .owl-nav .owl-next,
.owl-carousel.duo .owl-nav .owl-next,
.owl-carousel.tri .owl-nav .owl-next,
.owl-carousel.prepa .owl-nav .owl-next,
.owl-carousel.galeria .owl-nav .owl-next,
#karuzele.shorts .owl-nav .owl-next,
#opiniehome .opinie .owl-nav .owl-next
{
background-color: #171717 !important;
  display: block;
  padding: 10px !important;
  position: absolute;
  right: 0;
  border-radius: 100px;
  font-weight: bold;
  font-size: 25px;
}
.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:95%;height: auto;margin: 0 auto;max-width: 300px;padding-top: 10px;}.owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled{display:none}.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-dot{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next,.owl-carousel button.owl-dot{background:none;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .animated{animation-duration:1000ms;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }.owl-height{transition:height 500ms ease-in-out}.owl-carousel .owl-item{}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity 400ms ease}.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}
#katmenu{
background-color:#000;
width: 280px;
left: 0px;
position: fixed;
height: 100%;
z-index: 999;
overflow-y: scroll;
scrollbar-width: none;
border-left: 0px solid #646464;
box-shadow: 0px 0px 10px #000;
transition: all 1s ease;
transform: translateX(-150%);
}
#katmenu.show{
    transform: translateX(0%);
}
#katmenu ul{
padding:0px;
margin:0px;
}
#katgo{
width:50px;
height:50px;
background-color:#000;
position: fixed;
left: 50px;
right: 0;
top: 50%;
transform: translateX(-50%);
border-radius: 100px;
border: 0px;
cursor: pointer;
transition: all .3s ease;
z-index: 99;
background-image: url(../img/imenu.png);
background-repeat: no-repeat;
background-position: 12px -46px;
}
#katgo:hover{
background-position: 12px 13px;
}
#katgo.show{
background-color:#000;
left:350px;
}
#katmenu li{
list-style:none;
display:block;
}
#katmenu a{
display:block;
text-decoration: none;
padding: 20px 20px;
font-size: 12px;
font-weight: bold;
border-bottom: 1px solid #222;
transition:all 0.3s ease;
background: #000;
color: #fff;
text-align: center;
transition:all 0.3s ease;
}
#katmenu a:hover{
	background:#111;
}
#katmenu li img{
width:70%;
height: auto;
display: block;
margin: 0 auto;
max-width: 150px;
}
#katmenu a h5{
margin: 0px;
display: block;
text-align: center;
padding: 10px;
font-size: 18px;
margin-top: 30px;
font-family: 'Jost', sans-serif;
text-transform: uppercase;
}
#sidenav{
display: block;
width: 80px;
position: fixed;
top: 0;
left: 0;
height: auto;
z-index: 999;
} 
#preparaty, #soltech{
	transition: all 1s ease;
}
#scena1 .metaslider .caption strong{
	color:#000;
	font-size: 1vw;
	display: block;
	padding-bottom: 30px;
}
#scena1 .metaslider .caption h2{
color: #000;
margin: 0px;
font-size: 5vw;
font-family: 'Jost', sans-serif;
font-weight: bold;
line-height: 6vw;
}
#scena1 .metaslider .caption{
top: 40%;
left: 10%;
bottom: auto;
transform: translateY(-50%);
opacity: 1;
width: 40%;
background: transparent;
color: #000;
padding:0px;
z-index:9999999999;
}
.scenah2{
	font-size:50px;
	text-transform: uppercase;
	font-weight: bolder;
	font-family: 'Jost', sans-serif;
	float: left;
	margin: 0px;
	padding-right: 50px;
}
.sub-opis{
	color:#999;
	float: left;
	padding-top: 2px;
	max-width:57%;
	text-align: justify;
}
.khome{
max-width: 1500px;
}
.karuprep{
	padding-top:00px;
	margin-top:0px;
}
body #katalog #kathome{
	padding-bottom:0px !important;
}
#katalog, #preparaty, #homevid{
margin: 0 auto;
	margin-top: 50px;
	width:90%;
}
 #banerbig{
	 	max-width: 1500px;
margin: 0 auto;
	margin-top: 50px;
width:86%;
 }
#preparaty .khome.soltech.kosi{
	width:100%;
	padding-top: 0px;
}
#homevid{
background-color: #252525;
height: 90vh;
margin:50px auto;
overflow: hidden;
border-radius: 0px;
position: relative;
max-width: 100%;
margin-bottom:0px;
width:100%;
}
#homevid video{
	width:100%;
	height:auto;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
#katalog #kathome{
	padding:0px;
	padding-top:30px;
	list-style: none;
	margin: 0px;
	border-bottom: 1px solid #6f6f6f;
	padding-bottom: 50px;
}
body #katalog #kathome{
	border:0px;
	padding-bottom:30px;
}
.ssbp-wrap .ssbp-list li:first-of-type {
  margin-left: 0 !important;
}
.contentcont.page.pagefull{
	max-width: 1500px;
margin: 0 auto;
padding:0px;
}
#katalog.page #kathome{
	border-bottom:0px;
	padding-top:0px;
}
.ssbp-wrap .ssbp-list li {
  filter: grayscale(1);
}
#katalog ul li{
	float:left;
	width:31%;
	margin: 1%;
	padding:0px !important;
transition:all 0.3s ease;
	line-height: 0px;
	overflow: hidden;
	border-radius: 10px;
}
#katalog ul li a.animuj.ani-mask{
mask-size: 0% 100%;
transform:translateY(30px);
}
#katalog.gall{
	margin-top:30px;
}
#banerbig{
transition:all 1s ease;
position:relative;
border-radius:10px;
}
#banerbig.animuj.ani-mask{
	mask-size: 0% 100%;
}
.katitembox{
	position:absolute;
	right: 5%;
	width: 41%;
	z-index: 1;
	top: 50%;
	transform: translateY(-50%);
}
#banerbig img.bbigimg{
width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
#linesep{
	border-top: 1px solid #6f6f6f;
  max-width: 1500px;
  margin: 30px auto;
}
#banerbig{
line-height:0px;
margin:50px auto;
max-width: 1500px;
height: auto;
background-attachment: fixed;
background-size: cover;
width:90%;
overflow:hidden;
}
body .owl-carousel.duo img{
	max-width:200px !important;
}
.owl-carousel.duo h3{
padding-top: 40px !important;
}
#banerbig.bigprawa img.bbigimg{
	float:right;
}
#banerbig.bigprawa .bbigcon{
	left:13%;
	right:auto;
}
#banerbig.bigprawa .bbigcon img{
	max-width:600px;
	width:25vw;
}
#preparaty .owl-carousel .owl-item a{
	background-color:#fff;
	transition:all 0.3s ease;
	display: block;
	padding: 0%;
	text-align: center;
	text-decoration: none;
	color: #777;
	font-size: 12px;
	border-radius: 10px;
	padding-bottom: 30px;
	width:95%;
}
#preparaty .owl-carousel .owl-item{
	transition:all 0.3s ease;
}
#preparaty .owl-carousel .owl-item:hover a{
	box-shadow:0px 0px 20px #aecee7;
	transform: scale(1.05);
}
#preparaty .owl-carousel .owl-item a p{
	color: #777;
font-size: 12px;
	width: 80%;
	margin: 0 auto;
}
#preparaty .owl-carousel .owl-item a h3{
	color: #000;
margin: 0px;
font-size:15px;
padding-bottom: 30px;
padding-top:80px;
font-family: 'Jost', sans-serif;
text-transform: uppercase;
}
#scena8{ 
	background-color:#3c5e78;
	width:90%;
	padding: 30px 5%;
	position: relative;
	background-image: url(../img/bgm.webp);
	background-attachment: fixed;
	background-size: 100% auto;
}
#scena8 a{
position: relative;
  display: inline-block;
  margin:
0px 5px;
  transform: none;
  left: auto;
  right: auto;
  top: 0;
  bottom: 0;
}
#scena7{
	background-color:#3c5e78;
	width:90%;
	padding: 0px 5%;
	padding-top: 30px;
	position: relative;
	background-image: url(../img/bgm.webp);
	background-attachment: fixed;
	background-size: 100% auto;
}
#scena7 a{
	float:left;
	width:20%;
	margin: 30px 2%;
	text-decoration: none;
	z-index: 5;
	position: relative;
	transition:all 0.3s ease;
}
#scena7 a:hover{
	color:#fff;
	transform:translateY(-20px);
}
#scena7 a:hover img{
		box-shadow:0px 0px 20px #aecee7;
}
#scena7 a img{
	width:100%;
	height:auto;
	margin-top: 30px;
		transition:all 0.3s ease;
	border-radius: 15px;
}
#scena7 a h4{
	color:#fff;
	margin: 0px;
	font-size: 30px;
	text-transform: uppercase;
	font-family: 'Jost', sans-serif;
} 
#scena7 a p{
	color:#adbbc6;
	font-size: 12px;
}
.s7black{
	background-color:#000;
	width:100%;
	height:20vh;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 1;
}
#pnsrating{
	background-color:#090909;
	z-index:7;
}
#footercontinoo{
	float: left;
width: 259px;
color: #ccc;
	margin-top: 44px;
}
.footnavwrap{
	border-top: 1px solid #222;
display: block;
margin-top: 50px;
position: relative;
float: none;
clear: both;
	padding-top: 50px;
	max-width: 1500px;
	margin-left: auto;
	margin-right: auto;
}
#scena2.page #oferta{
	margin-top: 0px;
padding-bottom: 50px;
border: 0px;
}
#headtop nav li > ul.sub-menu li > ul.sub-menu{
	transform:translateX(80%);
}
#headtop nav li > ul.sub-menu li > ul.sub-menu{
	margin-top:0px;
	top:-10px;
}
#headtop nav li > ul.sub-menu li > ul.sub-menu li a{
	background-color:#111;
}
#headtop nav li ul.sub-menu li:hover > ul.sub-menu{
opacity:1;
	transform:translateX(90%);
	pointer-events: all;
}
#headtop nav li:hover > ul.sub-menu{
display:block;
}
#headtop nav ul.sub-menu li{
	position:relative;
}
#headtop nav ul.sub-menu{
	display:none;
		transition:all 1s ease;
	position:absolute;
	background-color:#aecee7;
	max-width: 250px;
	border-radius: 0px 0px 10px 10px;
	transform: translateX(-40%);
	border-top: 3px solid #aecee7;
	z-index: 9;
}
#headtop nav ul.sub-menu li .sub-menu{
	display:block;
	pointer-events: none;
	opacity: 0;
	transition: all 0.3s ease;
}
#headtop nav ul.sub-menu li{
	display:block;
	padding: 0px;
	margin-right: -1px;
}
#headtop ul.sub-menu li:last-child > a{
border-bottom: 0px solid #333;
border-radius: 0px 0px 10px 0px;
}
#headtop nav ul.sub-menu li a{
	color:#fff;
	text-align: left;
	font-size: 13px;
	padding: 14px 20px;
	border-bottom: 1px solid #333;
	font-weight: normal;
	background-color: #000;
}
#headtop nav ul.sub-menu li a:hover{
	transform:none;
background-color: #aecee7 !important;
color: #000 !important;
	padding-left: 25px;
}
#pagebg header span{
color: #aecee7;
text-align: center;
display: block;
font-size: 30px;
text-transform: uppercase;
letter-spacing: 10px;
padding-top: 50px;
}
.ssbp-wrap{
margin: 0 auto;
margin-top: 0px;
margin-bottom: 50px;
}
.related{
	color:#999;
	border-top: 1px solid #6f6f6f;
	padding-top: 50px;
}
.related .kbox.blog ul li:last-child{
	padding-bottom:0px !important;
}
.related h2{
	color:#fff;
	font-family: 'Jost', sans-serif;
	text-transform: uppercase;
	text-align: center;
	padding-bottom: 30px;
	margin-top: 0px;
}
.related ul li p{
	color:#999;
}
#tabkontakt{
	width:100%;
}
#tabkontakt td{
	padding:30px;
	background: #171717;
	text-align: left;
	vertical-align: top;
	width: 25%;
}
#tabkontakt td img{
	width:130px !important;
	padding: 0px !important;
	display: block;
	margin: 0 auto;
	padding-top: 35px !important;
}
#tabkontakt td a{
	color:#aecee7;
	text-decoration: none;
	border-bottom: 2px solid #aecee7;
}
#tabkontakt td strong{
	color:#fff;
	display: block;
	padding-bottom: 11px;
	font-family: 'Jost', sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
}
#tabkontakt td p{
margin-bottom: 0px !important;
}
 #homevid:hover .homevidcont{
	 opacity:1;
	 top:50%;
 }
.homevidcont h2{
	font-family: 'Jost', sans-serif;
margin: 0px;
text-transform: uppercase;
font-weight: 800;
font-size: 50px;
letter-spacing: 5px;
line-height: 65px;
padding-bottom: 25px;
}
.homevidcont{
position: absolute;
z-index: 9;
left: 0;
right: 0;
top: 60%;
transform: translateY(-50%);
transition:all 0.3s ease;
opacity:0;
}
#preparaty.soltech .owl-carousel .owl-item a h3{
	padding-bottom:0px;
}
#preparaty.soltech .owl-carousel .owl-item:hover a{
	box-shadow:none !important;
}
.bbigcon img{
max-width: 600px;
height: auto;
width: 25vw;
}
.bbigcon{
	position:absolute;
	right:15%;
	top: 50%;
	transform: translateY(-50%);
	line-height:30px;
}
#scena5 .s4gfx{
	bottom:0;
	transform:none;
	top:auto;
}
#katalog ul li a span{
	color:#999;
	display: block;
	padding-bottom: 10px;
	line-height: 20px;
	text-transform: uppercase;
	font-size: 15px;
	letter-spacing: 0;
	font-weight:normal;
	padding-bottom: 20px;
}
#katalog.page #kathome.preparatki li{
	width:48%;
}
#katalog.page #kathome.preparatki li a img{
margin-left: 5%;
  padding: 20px 0px;
  max-width: 250px;
width: 30%;
}
#katalog.page #kathome.preparatki li .katitembox{
	width: 55%;
}
    /*************** SCROLLBAR BASE CSS ***************/
	 .scroll-element.scroll-x{
		 display:none !important;
	 }
    .scroll-wrapper {
        overflow: hidden !important;
        padding: 0 !important;
        position: relative;
		height:100%;
    }
    .scroll-wrapper > .scroll-content {
        border: none !important;
        box-sizing: content-box !important;
        height: auto;
        left: 0;
        margin: 0;
        max-height: none;
        max-width: none !important;
        overflow: scroll !important;
        padding: 0;
        position: relative !important;
        top: 0;
        width: auto !important;
		padding-right:50px !important;
		overflow-x: hidden !important;
    }
    .scroll-wrapper > .scroll-content::-webkit-scrollbar {
        height: 0;
        width: 0;
    }
    .scroll-element {
        display: none;
    }
    .scroll-element, .scroll-element div {
        box-sizing: content-box;
    }
    .scroll-element.scroll-x.scroll-scrollx_visible,
    .scroll-element.scroll-y.scroll-scrolly_visible {
        display: block;
    }
    .scroll-element .scroll-bar,
    .scroll-element .scroll-arrow {
        cursor: default;
    }
    .scroll-textarea {
        border: 1px solid #cccccc;
        border-top-color: #999999;
    }
    .scroll-textarea > .scroll-content {
        overflow: hidden !important;
    }
    .scroll-textarea > .scroll-content > textarea {
        border: none !important;
        box-sizing: border-box;
        height: 100% !important;
        margin: 0;
        max-height: none !important;
        max-width: none !important;
        overflow: scroll !important;
        outline: none;
        padding: 2px;
        position: relative !important;
        top: 0;
        width: 100% !important;
    }
    .scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
        height: 0;
        width: 0;
    }
    /*************** SIMPLE INNER SCROLLBAR ***************/
    .scrollbar-inner > .scroll-element,
    .scrollbar-inner > .scroll-element div
    {
        border: none;
        margin: 0;
        padding: 0;
        position: absolute;
        z-index: 10;
    }
    .scrollbar-inner > .scroll-element div {
        display: block;
        height: 100%;
        left: 0;
        top: 0;
        width: 100%;
    }
    .scrollbar-inner > .scroll-element.scroll-x {
        bottom: 2px;
        height: 8px;
        left: 0;
        width: 100%;
    }
    .scrollbar-inner > .scroll-element.scroll-y {
        height: 100%;
        right: 2px;
        top: 0;
        width: 10px;
    }
    .scrollbar-inner > .scroll-element .scroll-element_outer {
        overflow: hidden;
    }
    .scrollbar-inner > .scroll-element .scroll-element_outer,
    .scrollbar-inner > .scroll-element .scroll-element_track,
    .scrollbar-inner > .scroll-element .scroll-bar {
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
    }
    .scrollbar-inner > .scroll-element .scroll-element_track,
    .scrollbar-inner > .scroll-element .scroll-bar {
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1;
    }
    .scrollbar-inner > .scroll-element .scroll-element_track { background-color: #e0e0e0; }
    .scrollbar-inner > .scroll-element .scroll-bar { background-color: #c2c2c2; }
    .scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; }
    .scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }
    /* update scrollbar offset if both scrolls are visible */
    .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
    .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }