/* width */
::-webkit-scrollbar {
  width: 15px;
}

/* Track */
::-webkit-scrollbar-track {

  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
display: none;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #FF7214;
  border-radius: 10px;

}
body{
padding: 0px;
margin: 0px;
font-family:Trebuchet MS , sans-serif;
}
nav{
  display: flex;
  height: 150px;

}
header{
  display: flex;
  justify-content: center;
}

.header-logo{
  margin-top:1%;
  width: 35%;
  height: auto;
  z-index: 2;
}

/*WORKERS ROW */
.workers-rest{
	justify-content: center;
}

@media only screen and (max-width: 700px)
{
  .header-logo{
    margin-top:2%;
    width: 70%;
    height: auto;
      z-index: 2;
  }
}
#logoSt{
  width: 100%;
  height: 100%;
}
.widged{
  width: 100%;
  height: auto;

	position: absolute;
  display: flex;
  justify-content: flex-end;
  margin-top: 2%;

}
.widged-flex{
  width: 20px;
  height: auto;
  padding: 3%;
    z-index: 2;
}
/*
menu
*/
.menu{
  width: 100%;
  display: flex;
  justify-content: center;
  height: auto;

}
@media only screen and (max-width: 1332px)
{
  .listMenu{
    justify-content:center;
  }
  .listMenu li{
    margin-right: -20px;
  }
}
.listMenu{
  list-style-type: none;
  width: 100%;
  display: flex;
  justify-content: space-around;
  padding-top: 2%;

}
.listMenu li{
  display: inline-block;
  margin: 20px;
  color: white;
  color:black;
  border-radius:14%;
  padding-left:1%;
  padding-right:1%;
}
.listMenu li:hover{
    background-color: #FF7214;
    color:white;
    cursor: default;
}
/*
menu
*/
section{
  text-align: center;
  padding-top:3%;
  padding-bottom:5%;
}
.photo-obsluga{

  margin: 0 auto;
  margin-bottom: 5%;
  margin-top: 2%;

}


.divLogo{
  width: 120px;
  height: 134px;
  padding-left: 3%;
  padding-top:2%;
}
#logo{
  width: 100%;
  height: 100%;
}
.banner{
display: flex;
width: 100%;
border-top: 4px solid ;
border-color:  #FF7214;

}
.bannerPhoto{
  width: 100%;
}

.tytle-hr{
  width: 25%;
  color: #FF7214;
  background-color: #FF7214;
  border: 1px solid #FF7214;

}
.tytle-hr-metamorfoza{
	width:50%;
	  color: #FF7214;
  background-color: #FF7214;
  border: 1px solid #FF7214;
	margin: 0 auto;
	margin-top:1rem;
	margin-bottom:1rem;
}
footer{
  background-color: #2f2f2f;
  color: #D5d5d5;
  width: 100%;
  height: auto;
  clear: both;
  display: flex;
  justify-content: center;
  padding: 10px;

}

.footerContent{
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  padding: auto;
  margin: auto;
}

.footer-kontakt{
  width: 33%;
  border-right: 3px solid black;
  height: 90%;
  padding: 5px;

}
.footer-otwarcie{

  width: 33%;
  padding-left: 1%;
}
.footer-lokalizacja{
  width: 100%;
}
.footer-godziny{
  width: 100%;
  display: flex;
}
.footer-godziny-flex{
  width: 49%;
}
.footer-godziny-flex-time{
  width: 100%;
}
@media only screen and (max-width: 600px)
{
  .footer-time{
    padding-top: 10%;
  }
}
.footer-logo{
  margin-left: 4%;
  padding-top:1.7%;
  width: 140px;
  height: 180px;
}
@media only screen and (max-width: 600px)
{
  .banner{
    display: none;
  }

  .widged-flex{
    margin-right: 10%;
  }
  footer{
    font-size: 10px;
  }
  .footer-logo{
    margin-left: 4%;
    width: 100px;
    height: 180px;
    display: none;
  }
  .footer-email{
    width: 80%;
  }
  .p-footer{
    word-wrap:break-word;
  }
.footer-kontakt{
  width: 45%;
  height: auto;
}
.footer-otwarcie{
  width: 49%;
  height: auto;
}

.photo-obsluga{
  margin-top:3%;
}
}

.p-footer{
margin: 0px;
padding: 0px;
}
a
{
  text-decoration: none !important;
  z-index: 2;
  width: 100%;
  color: white;
}
a:hover{
  color: #FF7214;
}
.footer-icons{
  height: auto;
  width: auto;
  display: block;
}
.footer-icons-mapa{
padding-right:1%;
z-index: 1;

}
.footer-icons-tel{
padding-right:1%;
}
.footer-icons-mail{
padding-right:1%;
}
.footer-icons-time{
  width: 20px;
  height: 20px;
  margin-left:2%;
  margin-right:2%;
}
@media only screen and (max-width: 700px)
{
.footer-icons-mail
{
 width:50%;
	padding-right:0;

}
.footer-icons-tel{
 width:50%;
	padding-right:0;

}
.footer-icons-mapa{
 width:50%;
	padding-right:0;
}	
	
}
.flex-contener-icons{

  display: flex;
  align-items: center;

}
.flex-contener-time{
  display: flex;

  width: 100%;
}
.flex-container-map{
  margin-top: 6%;
}
/*
KONTAKT
*/
.kontakt-form-contener{
  width: 100%;
  height:auto;
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
}
.kontakt-form{

  width: 75%;
  height: auto;
  margin: 0 auto;

}
.kontakt-form-flex{
	display:flex;
	justify-content:center;
	align-items:center;
}
.kontakt-img{
	width:100%;
}

.kontakt-widged-map{
  width: 100%;
  height: 400px;
  z-index: 2;
  display: inline;
}
.kontakt-flex{
  width: 100%;
    display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  position: absolute;
  height: auto;
}
.kontakt-map-content{

  width: 250px;
  height: 300px;
  background-color: white;
  z-index: 10;
  border-radius: 4%;
  box-shadow: 4px 3px 17px -1px rgba(0,0,0,0.57);
  position: absolute;
  margin-right: 2%;

}

.kontakt-map-content-logo{
  width: 100%;
  height: 30%;
  background-color: #FF7214;
  display: flex;
  align-items: center;
  justify-content: center;
}
.kontakt-map-content-logo-logo{
  width: 50px;
  height:auto;
}
.kontakt-span{
  padding-top: 5%;
}
.kontakt-a{
  color: #212529;
}
@media only screen and (max-width: 600px)
{
  .kontakt-map-content{
    font-size: 8px;
    width: 140px;
    height:180px;
  }
  .kontakt-map-content-logo-logo{
    width: 30px;
    height: auto;
  }
}
.opacity-img{
  opacity: 1;
  border-color: white;
}
.opacity-img:hover{
  opacity: 0.7;
  cursor:pointer;
}

.h1-orange{
  color: #FF7214;
}


.button-form{
background-color:#ff7214;
}
.flex-container-home{
display: block;
justify-content: space-between;
align-items: center;
  margin-top: 2%;
  padding-top:2%;
  border: 5px solid white;
  background-color: #F0F0F0;

}

.strona-glowna-button{
 background-color: #ff7214;
 border: 1 solid #ff7214;
 width: 35%;
 color: white;
 padding: 2%;
 margin-left: 2%;
}
.home-a :hover{
  color: black;
}
.main-p{
  text-align: left;
  padding: 2%;
}

.strona-glowna-h2-div{
  width: 50%;
  text-align: left;
  padding: 2%;
}
.kontakt-a{
	margin: 0px;
	padding: 0px;
}
/*
KONTAKT
*/


/*
GALERIA
*/
.galery-flex{
  width: 100%;
  height: auto;
  padding: 6%;
  display: flex;
  justify-content: center;

}
@media only screen and (max-width: 600px)
{
.galery-flex{
  padding: 0px;

}
}


.galery-photo{
  width: 70%;
  height: auto;


}
/*
GALERIA
*/

/*
ZESPÓŁ
*/
.onas-banner{
margin-top: -2%;
width: 100%;
height: auto;
border-top: 4px solid #FF7214;
margin-bottom: 2%;
}
.onas-photo{
  width: 250px;
  height: 250px;
  margin: 0 auto;
  margin-bottom: 6%;
}
 .zespol-flex{
   margin: 0 auto;
   margin-top: 3%;
   margin-bottom: 3%;
 }
 .zespol-p{
   padding: 3%;
   text-align: justify;
 }


/*
ZESPÓŁ
*/

/*
O NAS
*/
.onas-flex{
  margin: 0 auto;
}
.onas-flex-content{
  display: flex;
text-align: left;
align-items: flex-end;

}
.onas-img{
	padding-right:0px;
	padding-left:0px;
}
.onas-content{
  width: 100%;
  height: auto;

}
.onas-p{
    text-align: justify;
}
.onas-button{
  background-color: #ff7214;
  border: 1 solid #ff7214;
  width: 21%;
  color: white;
  padding: 2%;
  
}
/*
O NAS
*/

/*
PRODUKTY
*/
.font-size{
	font-size:1em;
}
#produkt-kosmetyki{
  border-top: 4px solid ;
  border-color:  #FF7214;
  display: none;
  padding-top: 2%;
}
#produkt-suplementy{
  border-top: 4px solid ;
  border-color:  #FF7214;
  display: none;
  padding-top: 2%;
}
/*
PRODUKTY
*/

/*
OFERTA
*/
.oferta-flex{
  width: 280px;
  height: 280px;
  margin: 0 auto;
}
.link-flex{
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  color:  #FF7214;

}
.oferta-div{
  width:100%;
  text-align: left;
  padding: 2%;
}
.link-flex-a{
  
 
  padding-right: 9%;
  padding-left: 9%;
 color: white;

}
.link-flex-a :hover{

 color:  white;
  background-color:#FF7214 ;
}

.h2-link{
color: #FF7214;
  border: 1px solid  #FF7214;

  padding: 0.5%;
}
/*
OFERTA
*/
/*
PRODUKTY
*/
.produkt-flex{
  width: 48%;
  margin: 0 auto;
}
.produkt-flex-krem{
  width: 32%;
    margin: 0 auto;
}
@media only screen and (max-width: 576px)
{
  .produkt-phone{
  display: none;
  }
}


/*
PRODUKTY
*/

/*
STREFA
*/


/*
STREFA
*/

.aktu-flex{
	margin: 0 auto;
	width: auto;
	background-color:#ededed;
	display:flex;
	justify-content:center;
}
.img-urz{
	width:20%;
	margin-left: 14%;
}
@media only screen and (max-width: 600px)
{
	.img-urz{
	width:100%;
		margin: 0 auto;
}
}
.urz-flex{
	display:flex;
	justify-content:center;
	align-items:center;
}
.row-botton{
	margin-bottom: 5%;
}
.h3-algin{
	text-align:left;
	margin-left:0px;

}