*{
  box-sizing: border-box;
}



.product{/* border-bottom: 1px solid #ddd; */clear: both;padding: 0px 10% 70px 10%;}

.group:after {
  content: "";
  display: table;
  clear: both;
}


.col-1-2{
  width: 50%;
  height: 100%;
  float: left;
}

.product-image{
  border: 1px #000000;
}

.product-image .bg{
  background-image: url("../img/a.png");
 background-repeat: no-repeat;
  background-position: center;
  width: 100%;
    height: 500px;

}
.product2-image .bg{
  background-image: url("../img/b.png");
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
    height: 500px;

}
.product3-image .bg{
  background-image: url("../img/c.png");
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
    height: 500px;

}
.product4-image .bg{
  background-image: url("../img/d.png");
 background-repeat: no-repeat;
  background-position: center;
  width: 100%;
    height: 500px;

}
.product5-image .bg{
  background-image: url("../img/e.png");
 background-repeat: no-repeat;
  background-position: center;
  width: 100%;
    height: 500px;

}
.product6-image .bg{

  background-size: cover;
  background-position: center;
  width: 100%;
  min-height: 450px;;

}
.product7-image .bg{
  background-image: url("../img/asparaginum.png");
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  min-height: 450px;;

}
.product8-image .bg{
  background-image: url("../img/diosmina.png");
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  min-height: 450px;;

}
.product9-image .bg{
  background-image: url("../img/vitd3forte.png");
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  min-height: 450px;;

}

.product10-image .bg{
  background-image: url("../img/spectrum.png");
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  min-height: 450px;;

}

.product-image .indicator{
  text-align:center;
}


.dot:hover{
  background-color: #444;
}

.product-info{
  padding: 0px 8%;
}

.product-info h1{
  margin-bottom: 5px;
}

.product-info h5{
    font-size: 12px!important;
    font-style: italic!important;
    text-transform: none;

}
.product-info h2{
  margin-bottom: 50px;
    font-family: 'Oswald', sans-serif!important;
}

a.add-btn:hover{
  background-color: #555;
}

.product-info p{
  margin-bottom: 30px;
  font-size: 18px!important;
  text-align: justify;
  font-family: 'Lato', sans-serif;
}

.product-info p a{
  border-bottom: 1px dotted #444;
  color: #444;
  font-weight: 700;
  text-decoration: none;
  transition: all 400ms ease;
}

.naglowek{
    width: 100%;
    height: 100px;
    background-color: #8fc8e5;
    margin-bottom: 50px;
    margin-top: 7px;
}

.naglowek-stopka{
    width: 100%;
    height: 15px;
    background-color: #cdeeff;
    margin-top: -65px;
    margin-bottom: 60px;;
}

.naglowek h2{
    margin-left: 19%;
    position: absolute;
    color: #fff;
}

/* d */

.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: pointer!important;
  /* background: rgba(0, 0, 0, 0.06); */
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  padding: 50px 20px;

}

.hovereffect img {
/*  display: block;
  position: relative;
  max-width: none;
  width: 100%;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-10px,0,0);
  transform: translate3d(-10px,0,0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
*/

}

.hovereffect:hover img {
  opacity: 0.1;
  filter: alpha(opacity=40);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  overflow: hidden;
  padding: 0.5em 0;
  background-color: transparent;
}

.hovereffect h2:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #88c4e9;
  content: '';
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(-100%,0,0);
  transform: translate3d(-100%,0,0);
}

.hovereffect:hover h2:after {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.hovereffect a, .hovereffect p, .hovereffect h2 {
  color: #090404;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(100%,0,0);
  transform: translate3d(100%,0,0);
   text-decoration:none!important;
   font-family: 'Lato', sans-serif;
       font-weight: 700;
}

.hovereffect:hover a, .hovereffect:hover p, .hovereffect:hover h2, .hovereffect:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(,0,0);
}

h2 {
  text-align: center;

}

table caption {
	padding: 0;
}

@media screen and (max-width: 767px) {
  table caption {
    border-bottom: 1px solid #ddd;
  }
}

.p {
  text-align: center;
  padding-top: 140px;
  font-size: 14px;
}

/* */