.homeslider .item {
  position: relative;
  /*width: 916px;*/
  width: 100%;
  height: 262px;/*350px;*/
  z-index: 1;
  font-size: 0;
  line-height: 0;
  background-color: /*#3a3a3a;*/#EAEAEA;
  /*border: 10px solid #3a3a3a;*/
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.bg {
	color: #fff;
	padding: 22px 0;
	position: absolute;
	left: 0;
	bottom: 5%;
	/*height: 150px;*/
	width: 0;
	z-index: 10;
  overflow: hidden;
  background-color: rgba(6, 113, 176, 0.7);/*rgba(0, 130, 203, 0.8);*/
  border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
.bg div {
	-moz-transform: translate(120%);
	-ms-transform: translate(120%);
	-o-transform: translate(120%);
	-webkit-transform: translate(120%);
	transform: translate(120%);
}
.item > img {
  object-fit: cover;
  object-position: center;
  height: 100%;
  width: 100%;
}
.item h1 {
	font-weight: 700;
  font-size: 2rem;
  color: #fff;
}
.item p {
	color: #fff;
  max-height: 60px;
	overflow: hidden;
}

.homeslider .active .bg {
	width: 80%;
	padding: 22px;
	-moz-transition: 0.5s 0.5s;
	-o-transition: 0.5s 0.5s;
	-webkit-transition: 0.5s 0.5s;
	transition: 0.5s 0.5s;
}

.homeslider .active .bg div {
	-moz-transform: translate(0);
	-ms-transform: translate(0);
	-o-transform: translate(0);
	-webkit-transform: translate(0);
	transform: translate(0);
	-moz-transition: 0.5s 0.9s;
	-o-transition: 0.5s 0.9s;
	-webkit-transition: 0.5s 0.9s;
	transition: 0.5s 0.9s;
}