.index_products_items{
	padding:20px;
}
.index_products_items .product_name{
	background-color:#2a318b; 
	color:#ffffff; margin:15px 0; 
	font-size:17px; 
	text-align:center; 
	font-weight:700; 
	line-height:30px;
}
.index_products_img {
  background: none;
  border: 0;
  box-sizing: border-box;
  box-shadow: inset 0 0 0 1px #2a318b; 
  color: #2a318b;
  font-size: inherit;
  font-weight: 700;
  position: relative;
  vertical-align: middle;
  
  height:280px;
  display:grid; 
  align-items:center;
}
.index_products_img::before, .index_products_img::after {
  box-sizing: inherit;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
}

.index_products_img:hover {
  color: #2a318b;
}
.index_products_img::before, .index_products_img::after {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-transform-origin: center;
          transform-origin: center;
}
.index_products_img::before {
  border-top: 2px solid #2a318b;
  border-bottom: 2px solid #2a318b;
  -webkit-transform: scale3d(0, 1, 1);
          transform: scale3d(0, 1, 1);
}
.index_products_img::after {
  border-left: 2px solid #2a318b;
  border-right: 2px solid #2a318b;
  -webkit-transform: scale3d(1, 0, 1);
          transform: scale3d(1, 0, 1);
}
.index_products_img:hover::before, .index_products_img:hover::after {
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
.product_img{
	transition: 0.5s ease-in-out;
	padding:0 50px; 
	max-height:200px; 
	margin:0 auto;
}
.index_products_img:hover .product_img {
	transform:scale(1.1);
	transition: 0.5s ease-in-out;
}

.index_products_img .logo_icon{
	position:absolute;
	z-index:1; 
	top:3%; 
	left:3%;
}