.view-tenth img {
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;
}
.view-tenth .masked {
   
   transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth h2 {

   background: transparent;

   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);

   transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth p {

   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;
}
.view-tenth a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;
}
.view-tenth:hover img {
   -webkit-transform:rotate(2deg) scale(1.5);-moz-transform:rotate(2deg) scale(1.5);
         -o-transform:rotate(2deg) scale(1.5);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth:hover .masked {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-tenth:hover h2,.view-tenth:hover p,.view-tenth:hover a.info, .view-tenth:hover div {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}

.view.view-tenth
{
   position: relative;
   overflow: hidden;
}

.view-tenth img {
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
  transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;
}
.view-tenth .masked {
   
  transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth h2 {

   background: transparent;

   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);

  transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth p {

   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;
}
.view-tenth a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;
}
.item:hover img {
   -webkit-transform:rotate(2deg) scale(1.5);-moz-transform:rotate(2deg) scale(1.5);
         -o-transform:rotate(2deg) scale(1.5);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 1;
}

.item:hover .logo-image{
   -webkit-transform:rotate(0deg) scale(1);-moz-transform:rotate(0deg) scale(1);
         -o-transform:rotate(0deg) scale(1);margin: 10% auto !important;
}

.item:hover .view-tenth .masked {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.item:hover .view-tenth h2,.item:hover .view-tenth p,.item:hover .view-tenth a.info {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}


.view {

   text-align: center;

}

.view .masked
{
   position: absolute;
   top: 0px;
   background-color: rgba(0,0,0,0.8) !important;
   box-sizing:border-box;
   height: 100%;
   width:100%;
   
}

.view .masked .logo-image
{
   max-width: 70%;
   max-height: 50%;
   margin: 0% auto 7% auto !important;
}

.view .masked,.view .content {

}

.view img {
   display: block;
   position: relative;
}
.view h2 {

}
.view p {
   font-size:13px;color: #fff;display: block;
   max-width: 60%; margin: 0 auto;
}

.view a.info {
   color: #fff;display: block;margin-top:15px;
}
.view a.info:hover {
   color: #fff; text-decoration: underline;
}