.banner-container {
	overflow: hidden;
	list-style-type: none;
/*    position: relative;*/
}
.banner-container ul {
    padding: 0;
    display: flex;
/*    width: 50%; */
/*height: 100%;
/*    margin-left: -30px;
    margin-right: -30px; */
}
.banner-container li {
/*    clip-path: polygon(60px 0%, 100% 0%, calc(100% - 60px) 100%, 0% 100%);    */
/*    position: relative;*/
    margin: 0 0;
    width: calc(100% / 7); /* 5 - кол-во фотографий */
    transition: width 0.5s ease-in;
}
.banner-container li a {
    display: block;
    background: #000;    
}
.banner-container li a img {
    max-width: none;
    height: 600px;
    width: 100%;
    object-fit: cover;
    opacity: 0.4;
    transition: opacity 0.7s ease-in;
}
.banner-container ul li:hover {
    width: 500px;
	height: 600px;
}    
.banner-container ul li:hover a img {
    opacity: 1;
}

.market-container ul li{
display: inline;
list-style-type: none;
padding: 20px;
}

figure {
  width: 70px;
  background: white;
  box-shadow: 3px 3px 3px #ccc;
  -webkit-transform: rotate(5deg);
  -moz-transform: rotate(5deg);
  -o-transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 0.7s ease;
  -ms-transition: all 0.7s ease;
  padding: 2px;
  margin: 0 0 0;
  z-index: 1;
}

figure img {width: 68px; padding: 1px; z-index: 1;}

figure:hover {
  -webkit-transform: rotate(-1deg); -moz-transform: rotate(1deg); -o-transform: rotate(-1deg); -ms-transform: rotate(1deg);
  box-shadow: 2px 2px 3px #666; z-index: 2;
}

figure:focus {
  -webkit-transform: rotate(-3deg) scale(8) translate(48px,0px); -moz-transform: rotate(-3deg) scale(8) translate(48px,0px); -o-transform: rotate(-3deg) scale(8) translate(48px,0px);
  -ms-transform: rotate(-3deg) scale(8) translate(48px,0px); box-shadow: 2px 2px 3px #666; z-index: 2;
}