@media  (max-width: 1475px)  {
  .fon-img{
      box-shadow: inset 600px 0 500px 0px #0c1015!important;
  }
}
.fon-img{
    padding: 50px 0;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: inset 900px 0 500px 0px #0c1015;
}
.fon-bg{padding: 50px 0; background:#1d2129;}
.top .item:hover img:not(.hide){opacity:0}
.top .item:hover img.hide{opacity:1!important;display: block!important;};