.view{width:100%;   height:100%;}
.view {

   float: left;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
   
}

.view .mask {
   width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view .content {
   position: absolute;
   z-index:99;
   bottom: 0;
   left: 10%;
}

.view .content h2{
   font-size: 48px;
   line-height: 30px;
   margin-bottom: 0;

}

.view .content.ciclo{
   margin-bottom: 10%;
}

.view .content.moto{
   top:0;
   margin-top: 5%;
}

.view h2 {
   text-transform: uppercase;
   width: 100%;
   color: #fff;
   font-weight: 800;
   font-weight:40px;
   letter-spacing: 2px;   
   text-align: left;
}

.view h2 span.ciclo{color:#2258a4;}
.view h2 span.moto{color:#C80000;}

.view p {
   font-size: 14px;
   font-weight: bold;
   text-transform: uppercase;
   color:#fff;
   text-align: left;
   letter-spacing: 2px;   
}


@media (max-width: 1024px) {

    .prodottihome h2{
        font-size: 18px!important;
        margin-top: 10%!important;
    }

    .view p {
        padding: 10px 9px 0;
        font-size: 14px
    }

}

/***********************************************/
/***********************************************/
/***********************************************/


.view-fifth img {
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.view-fifth .mask {
   background-color: #000;
   -webkit-transform: translateX(-100%);
   -moz-transform: translateX(-100%);
   -o-transform: translateX(-100%);
   -ms-transform: translateX(-100%);
   transform: translateX(-100%);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
/*.view-fifth h2 {
   background: rgba(255, 255, 255, 0.5);
   color: #000;
   -webkit-box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
   -moz-box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
   box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
}
.view-fifth p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   color: #333;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}*/
.view-fifth:hover .mask {
   -webkit-transform: translateX(0px);
   -moz-transform: translateX(0px);
   -o-transform: translateX(0px);
   -ms-transform: translateX(0px);
   transform: translateX(0px);
}
.view-fifth:hover .mask img{
   -webkit-transform: translateX(0px);
   -moz-transform: translateX(0px);
   -o-transform: translateX(0px);
   -ms-transform: translateX(0px);
   transform: translateX(0px);
}
.view-fifth:hover img {
   -webkit-transform: translateX(100%);
   -moz-transform: translateX(100%);
   -o-transform: translateX(100%);
   -ms-transform: translateX(100%);
   transform: translateX(100%);
}
/*.view-fifth:hover p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}*/

@media (max-width: 1024px) {
   figure.effect-sadie:hover h2 {
      transform: translate3d(0, -80%, 0) translate3d(0, -80px, 0);
    }
}
@media (max-width: 770px) {
    .view .content h2{ font-size:30px  }
    figure.effect-sadie h2 { font-size: 26px }
    figure.effect-sadie:hover h2 {
      transform: translate3d(0, -50%, 0) translate3d(0, -80px, 0);
    }
}

@media (max-width: 479px) {
.view h2{
    margin-top: 10%!important;
}

.view p{line-height: 18px; font-size: 12px;}

}