.moz1 {
  background: #fff;
  margin: 0 auto;
  position: relative;
}
.moz1:after {
  content: '';
  display: block;
}
.moz2 {
  background: #fff;
  margin: 0 auto;
  position: relative;
}
.moz2:after {
  content: '';
  display: block;
}
.moz-itm {
  position: relative;
  width: 300px;
  height: auto;
  float: left;
  margin-bottom: 10px;
}
.moz-itm:hover {
    transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    z-index: 1000;

    
}

.moz-itm{
    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    -ms-transition: all 100ms ease-in;
    -o-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
    position: relative;
    display: block;
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    z-index: 1;
}
.moz-itm:hover .bgimg{ 
	opacity: 0.5; 
	left: 0;
   right: 0; 
}

.moz1 .bgimg { 
  position: absolute; 
  height: 100%;
  width: 100%;
  background-color:black; 
  top: 0; 
  left: 0;
  content: ""; 
  opacity: 0;
  transition: 0.3s all ease; 
  z-index: 1001;
}
.moz2 .bgimg { 
  position: absolute; 
  height: 100%;
  width: 100%;
  background-color:black; 
  top: 0; 
  left: 0;
  content: ""; 
  opacity: 0;
  transition: 0.3s all ease; 
  z-index: 1001;
}
.textabout {
	padding-top:20px;
	padding-bottom:20px;
}


.about-wrap{
	background:#fff;
	position: relative;
	z-index: 1000;
	padding-top:70px;
}
.moz1{
	z-index: 1000;
}
.moz2{
	z-index: 1000;
}