.flex-images { overflow: hidden; position: relative; margin: 30px 0px 0px 0px}
.flex-images .item { float: left; margin: 3px; background: #eee; box-sizing: content-box; overflow: hidden; position: relative;  }
.flex-images .item img { display: block; width: auto; height: 100%; max-width: none;
}

.flex-images img{
transition: transform .3s;
background-color: #282828;
-ms-transform: scale(1.01); 
  -webkit-transform: scale(1.01); 
  transform: scale(1.01);
}
.flex-images img:hover {
-ms-transform: scale(1.07); 
  -webkit-transform: scale(1.07); 
  transform: scale(1.07); 
}

.flex-images .item:first-child .caption {
position: absolute; 
height:100px;
bottom: 0; 
left: 0; 
right: 0;
padding: 0px 6px 35px 6px;
/* font-size: 13px;*/ 
color: transparent;  
}

.flex-images .item:first-child .caption:hover {
display: none;
position: absolute; 
Margin: 0 auto;
padding: 0px 0px 40px 0px;
color: transparent;  
background: url("icons-01.png") center center no-repeat;
-ms-transform: scale(1.2); 
  -webkit-transform: scale(1.2); 
  transform: scale(1.2);
}

/* ADDED BY ELLELL ###################################################### */

.flex-images .caption {
font-family: 'open sans', sans-serif;
font-weight: 600;
color: #fff;
line-height: 160%;
text-transform: uppercase;
letter-spacing: 1px;
font-size:25px;
}

.mgdescription{
font-family: 'open sans', sans-serif;
font-weight: 300;
font-size: 100%;
margin: 0 auto; 
font-size:15px;
padding: 0px 0px 30px 0px;
letter-spacing: 1px;
line-height: 180%;
color:#ededed;
} 

.mgtitle{
font-size:32px;  
font-family: 'open sans', arial, sans-serif;
position: relative;  
text-align: left;
letter-spacing: 0px;
margin-top: 0px; 
margin-bottom: 30px;
font-weight:300; 
line-height: 120%;
color: #ededed;
} 
/* ADDED END BY ELLELL ###################################################### */
.flex-images img {
font-family: 'open sans', sans-serif;
font-weight: 600;
color: #fff;
line-height: 160%;
text-transform: uppercase;
letter-spacing: 1px;
font-size:25px;
cursor: url(lupe-01.png), auto;
}

.flex-images .item .caption { 
	-webkit-transform: scaleY(1);
	-o-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transform-origin: center;
	-o-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
	-webkit-transition: -webkit-transform 0.36s ease-out;
	-o-transition: -o-transform 0.36s ease;
	-ms-transition: -ms-transform 0.36s ease;
	transition: transform 0.36s ease;
}
.flex-images .item:hover .caption { 
	-webkit-transform: scaleY(1);
	-o-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
}

/* SMALL SMARTPHONE ###################################################### */
/* SMALL SMARTPHONE ###################################################### */
/* SMALL SMARTPHONE ###################################################### */
/* SMALL SMARTPHONE ###################################################### */
/* SMALL SMARTPHONE ###################################################### */

@media screen and (min-width:80px) and (max-width:1200px){
		
.flex-images .item .caption { 
	display: block; /* ADDED ELLELL ###################################################### */
	-webkit-transform: scaleY(1);
	-o-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transform-origin: bottom;
	-o-transform-origin: bottom;
	-ms-transform-origin: bottom;
	transform-origin: bottom;
	-webkit-transition: -webkit-transform 0.36s ease-out;
	-o-transition: -o-transform 0.36s ease;
	-ms-transition: -ms-transform 0.36s ease;
	transition: transform 0.36s ease;
}
.flex-images .item:hover .caption { 
	-webkit-transform: scaleY(1);
	-o-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
}

.mgdescription{
font-family: 'open sans', sans-serif;
font-weight: 300;
font-size: 100%;
margin: 0 auto; 
font-size:15px;
padding: 0px 0px 30px 0px;
letter-spacing: 1px;
line-height: 180%;
color:#ededed;
}

}
	

