/*.sp-overlay*/
.sp-overlay {
  background: rgba(146,39,143,.8);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: rotate(-10deg) scale(.8);
  transform: rotate(-10deg) scale(.8);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  opacity: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.sp-overlay .icon{
  color: #fff;
  font-size: 60px !important;
  position: absolute;
  top: 50%;  
  left: 50%;  
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.sp-overlay .icon:hover{
  opacity: .6;
}
.sp-kidzy-class:hover .events-img img{
  -webkit-transform: scale(1.07) rotate(2deg);
  transform: scale(1.07) rotate(2deg);
}
.sp-kidzy-class:hover .sp-overlay {
  opacity: 1;
  -webkit-transform: translate(0, 0) rotate(0deg) scale(1);
  transform: translate(0, 0) rotate(0deg) scale(1);
}
.sp-kidzy-class:hover .icon{
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
/*End .sp-overlay*/

.sp-kidzy-class .class-description{
  overflow: hidden;
  text-align: center;
  background: #f2f5f9;
  box-shadow: 0 6px #eaecf1;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 30px 35px;
}
.sp-kidzy-class .class-name{
  color: #92278f;
  margin: 0;
}
.sp-kidzy-class .admission-availability{
  font-size: 14px;
  color: #727375;
  margin: 10px 0 0;
}
.sp-kidzy-class .class-img{
  overflow: hidden;
  position: relative;
  text-align: center;
  border-radius: 4px;
}
.sp-kidzy-class .class-img img{
  -webkit-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  width: 100%;
  height: 200px;
}
.sp-kidzy-class:hover img{
  -webkit-transform: scale(1.07) rotate(2deg);
  transform: scale(1.07) rotate(2deg);
}
.sp-kidzy-class ul.class-info {
  padding: 0;
  margin-top: 37px;
}
.sp-kidzy-class ul.class-info>li {
  list-style: none;
  display: inline-block;
  border-left: 1px solid #dcdfe3;
  padding: 0 20px;
}
.sp-kidzy-class ul.class-info>li:last-child {
  padding-right: 0;
}
.sp-kidzy-class ul.class-info>li:first-child {
  padding-left: 0;
  border-left: 0;
}
.sp-kidzy-class ul.class-info>li>a{
  color: #92278f;
  font-size: 18px;
  margin: 0;
  display: block;
  text-align: left;
}

.sp-kidzy-class ul.class-info>li>a span{
  display: block;
  color: #727375;
  font-size: 14px;
}