#herb_slider .slideContainer { width: 100%; }
#herb_slider .slideContainer .slider .toDet { min-width: 355px; min-height: 355px; background-size: contain; }
#herb_slider .slideContainer .slider .toDet h4 { padding: 0 0 5px; }
#herb_slider .slideContainer .slider .toDet .icon { padding: 8px; transition:  0.5s; cursor: pointer; }
#herb_slider .slideContainer .slider .toDet .icon img { transition: 0.5s; width: 50px; height: auto; }
#herb_slider .slideContainer .slider .toDet .icon.active { padding: 5px; }
#herb_slider .slideContainer .slider .toDet .icon.active img { width: 70px; height: auto; border-radius: 50%; }
#herb_slider .slideContainer .slider .toDet .dotted { margin: 0 35px 0 0; position: relative; background: url(../images/index/tenten_2.png) no-repeat 78% center/65px; }

/* ------------------------------------------------------------ first slider */

#herb_slider .slideContainer .slider.first_slider .coriander { left: 27%; top: 16%; }
#herb_slider .slideContainer .slider.first_slider .dill { left: 58%; top: 25%; }
#herb_slider .slideContainer .slider.first_slider .basil { left: 10%; top: 64%; }
#herb_slider .slideContainer .slider.first_slider .baby { left: 41%; top: 68%; }

#herb_slider .slideContainer .slider.slide2 .rocket { left: 52%; top: 46%; }
#herb_slider .slideContainer .slider.slide2 .basil { left: 4%; top: 46%; }
#herb_slider .slideContainer .slider.slide3 .toDet { left: 13%; top: 29%; }
#herb_slider .slideContainer .slider.slide4 .toDet { left: 24%; top: 38%; }
#herb_slider .slideContainer .slider.slide5 .toDet { left: 24%; top: 41%; }

/* ------------------------------------------------------------ pulse */
.pulse { 
	position: absolute; 
	margin: auto; 
	top: 0; 
	bottom: 0; 
	right: -3px; 
	width: 8px;
	height: 8px;
	background: #fff;
	border-radius: 50%; 
	box-sizing: border-box;
}
.pulse::before,
.pulse::after { 
	content: "";
	position: absolute;
	left: -12px;
	top: -12px;
	right: -12px;
	bottom: -12px;
	border: 2px solid rgba(255,255,255,0.8);
	border-radius: 50%;
}
.pulse::after {
	border: 15px solid #fff;
	animation: pulse 3s infinite;
}
@keyframes pulse {
	0%
	{
		transform: scale(0);
	}
	100%
	{
		opacity: 0;
		transform: scale(1);
	}
}
/*
.pulse {
	margin:100px;
	display: block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 0 0 rgba(255,255,255, 0);
	animation: pulse 1.5s infinite;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0.6);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(255,255,255, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0.6);
    box-shadow: 0 0 0 0 rgba(255,255,255, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(255,255,255, 0);
      box-shadow: 0 0 0 10px rgba(255,255,255, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0);
      box-shadow: 0 0 0 0 rgba(255,255,255, 0);
  }
}
*/




/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){

#herb_slider { display: none; }

}