.containertest {
  position: relative;
  width: 100%;
}

.imagetest {
  display: block;
  width: 100%;
  height: auto;
}

.overlaytest {
  position: absolute;
  bottom: 0;
  left: 100%;
  right: 0;
  background: linear-gradient(to bottom, rgba(192,192,192,0.6) 75%, blue 20%);
  overflow: hidden;
  width: 0;
  height: 100%;
  transition: .5s ease;
}

.containertest:hover .overlaytest {
  width: 100%;
  left: 0;
}

.overlay_text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 40%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  white-space: nowrap;
}

.overlay_text2 {
	position: absolute;
  bottom: 25px;
  right: 16px;
  color: white;
  text-align:right;
	
}

.column {
  float: left;
  width: 50%;
  padding: 10px;
  height: 300px; /* Should be removed. Only for demonstration */
}


.next, .prev {
  color: #444;
  padding: 2em;
  cursor: pointer;
  background: white;
  border-radius: 50%;
  border-top: 1px solid #FFF;
  box-shadow: 0 5px 0 #999;
  transition: box-shadow 0.1s, top 0.1s;
}
.next:hover, .prev:hover { color: #000; }
.next:active, .prev:active {

  box-shadow: 0 1px 0 #999;
}




.scrolltestcontainer {
  margin: 0 auto;
  width: 275px;
  height: 160px;
  position: relative;
  perspective: 1000px;
}

.testcarousel {
  height: 100%;
  width: 100%;
  position: absolute;
  transform-style: preserve-3d;
  transition: transform 1s;
  top: -10%;
}
 
.testitem {
  display: block;
  position: absolute;
  background: #000;
  width: 275px;
  height: 160px;
  font-size: 20px;
  text-align: center;
  color: #333f84;
  opacity: 0.95;
  border-radius: 10px;
}

.testitem:hover {
margin-top:-10px;
transition:0.3s ease;
}
 
 .a {
  transform: rotateY(0deg) translateZ(400px);

}
.b {
  transform: rotateY(60deg) translateZ(400px);

}
.c {
  transform: rotateY(120deg) translateZ(400px);

}
.d {
  transform: rotateY(180deg) translateZ(400px);

}
.e {
  transform: rotateY(240deg) translateZ(400px);

} 
.f {
  transform: rotateY(300deg) translateZ(400px);

}

 
 /*

.a {
  transform: rotateY(0deg) translateZ(400px);

}
.b {
  transform: rotateY(51.4deg) translateZ(400px);

}
.c {
  transform: rotateY(102.8deg) translateZ(400px);

}
.d {
  transform: rotateY(154.2deg) translateZ(400px);

}
.e {
  transform: rotateY(205.6deg) translateZ(400px);

} 
.f {
  transform: rotateY(257deg) translateZ(400px);

}
.g {
  transform: rotateY(308.4deg) translateZ(400px);

}

*/

.title {
	font-family: Oswald !important;
}

.table, th, td {
  padding:2%;
}