body {
	margin: 0;
	padding: 0;
background-color: #eff3ff;
}

.carousel {
	height: 1000px;
	perspective: 250px;
}

.carousel .carousel-item {
  width: 400px;
  background: #fcf9fa;
  height: auto;
  text-align: center;
  transition: box-shadow 1s ease;
  opacity: 0.5;
  filter: blur(5px);
  transition: opacity 0.1s, filter 0.3s;
  -webkit-transition: opacity 0.1s, filter 0.3s;
  -moz-transition: opacity 0.1s, filter 0.3s;
  -ms-transition: opacity 0.1s, filter 0.3s;
  -o-transition: opacity 0.1s, filter 0.3s;
  -webkit-filter: blur(5px);
}

.carousel .carousel-item.active {
  opacity: 1;
  filter: blur(0);

}

.img-area img {
	width: 100%;
	height: 600px;
	margin: 0 auto;
	overflow: hidden;
}

.testi h3 {
	font-size: 20px;
	margin: 0;
	color: white;
	font-family: sans-serif;
    text-align: center;
    background-color: #dc143c;    
}

.blue{
    background-color: #eff3ff !important;
}