/* Start:/local/templates/ustemplate/components/bitrix/news.list/garniturs/style.css?17787661842747*/
.banners-top-catalog{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;

  margin: 0px -5px;
}
.usbanner{
  display:block;
  width:100%;
  height:100%;
  position:relative;
}
.usbanner img{
  width: 100%;
  height: auto;
}
.usbanner a{
  text-decoration:none;
}
.usbanner p{
  margin:0px;
}

.usbanner:hover{
  -webkit-box-shadow:0px 0px 8px 0px rgba(0,0,0,0.45);
          box-shadow:0px 0px 8px 0px rgba(0,0,0,0.45);
  cursor:pointer;
  text-decoration:none;
  -webkit-transition: -webkit-box-shadow 0.5s ease 0s;
  transition: -webkit-box-shadow 0.5s ease 0s;
  -o-transition: box-shadow 0.5s ease 0s;
  transition: box-shadow 0.5s ease 0s;
  transition: box-shadow 0.5s ease 0s, -webkit-box-shadow 0.5s ease 0s;
}
.usbanner  .banner-name{
  text-transform:uppercase;
  text-align:center;
  position:absolute;
  bottom:0px;
  width:100%;
  background:-webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.5)), color-stop(rgba(0,0,0,0.5)), color-stop(rgba(0,0,0,0.5)), to(rgba(0,0,0,0)));
  background:-webkit-linear-gradient(bottom, rgba(0,0,0,0.5),  rgba(0,0,0,0));
  background:-o-linear-gradient(bottom, rgba(0,0,0,0.5),  rgba(0,0,0,0));
  background:-webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.5)),  to(rgba(0,0,0,0)));
  background:linear-gradient(to top, rgba(0,0,0,0.5),  rgba(0,0,0,0));
  padding:50px 0px 10px;
  color: #fff;
  -webkit-transition: padding 0.3s ease 0s, linear-gradient 0.3s ease 0s;
  -o-transition: padding 0.3s ease 0s, linear-gradient 0.3s ease 0s;
  transition: padding 0.3s ease 0s, linear-gradient 0.3s ease 0s;
  
}
.usbanner:after{
  display:block;
  content:'';
  position:absolute;
  width:100%;
  height:100%;
  left:0px;
  top:0px;
  background-color:rgba(0,0,0,0);
  z-index:1;
  -webkit-transition: background-color 0.2s ease 0s;
  -o-transition: background-color 0.2s ease 0s;
  transition: background-color 0.2s ease 0s;
}
.usbanner:hover .banner-name{
  /*color:#f46c60;*/
  padding:100px 0px 15px 0px;
  background:-webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.7)), color-stop(rgba(255,255,255,0.2)), to(rgba(0,0,0,0)));
  background:-webkit-linear-gradient(bottom, rgba(0,0,0,0.7),  rgba(0,0,0,0));
  background:-o-linear-gradient(bottom, rgba(0,0,0,0.7), rgba(0,0,0,0));
  background:-webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.7)), to(rgba(0,0,0,0)));
  background:-webkit-linear-gradient(bottom, rgba(0,0,0,0.7), rgba(0,0,0,0));
  background:linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0));
  z-index:5;
  color: #fff;
}
.usbanner:hover:after{

  background-color:rgba(14, 11, 8, 0.17);
}
.banners-top-catalog .banner{
  padding: 5px;
}
/* End */
/* /local/templates/ustemplate/components/bitrix/news.list/garniturs/style.css?17787661842747 */