/* Start:/local/templates/empty/components/bitrix/news/equipment/bitrix/news.list/.default/style.css?17452164213714*/
.equipment .element {
   display: inline-block;
   height: 263px;
   vertical-align: top;
   border: 1px solid #dadada;
   margin-bottom: 15px;
   /*   background:url("/local/templates/empty/pic/equipment_04.jpg");*/
   background: rgba(40, 40, 40, 0.4);
   background-position: center center !IMPORTANT;
   position: relative;

}

.equipment .element .overlay {
   color: #fff;
   text-align: right;
   position: absolute;
   top: 0px;
   bottom: 0px;
   left: 0px;
   right: 0px;
   background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
}

.equipment .element:hover .overlay {

   background: linear-gradient(180deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
}

.equipment .element .overlay img {
   width: 23px;
}

.equipment .element .overlay.splash {
   transition: all 0.4s ease;
   opacity: 0.4;
   background: #444;
}

.equipment .element:hover .overlay.splash {
   opacity: 0;
   background: #444;
}


.equipment .element p.title {
   font-family: Montserrat;
   font-weight: 600;
   font-size: 20px;
   line-height: 24px;
   margin-right: 15px;
   margin-left: 15px;
   position: relative
}

.equipment .element p.title:before {
   content: " ";
   background: red;
   display: block;
   height: 2px;
   position: absolute;
   bottom: -31px;
   right: 31px;
   left: 30px;
}

.equipment .element p {
   margin-right: 15px;
   margin-left: 15px;
}




@media (max-width:411px) {
   .equipment .element {
      width: 100%;
   }
}

@media (min-width:412px) and (max-width:767px) {
   .equipment .element {
      width: calc(50% - 11px);
   }

   .equipment .element:nth-child(2n+1) {
      margin-right: 14px;
   }
}

@media (min-width:768px) and (max-width:992px) {

   .equipment .element:nth-child(4n+1),
   .equipment .element:nth-child(4n+4) {
      width: calc(33% - 15px);
   }

   .equipment .element:nth-child(4n+3),
   .equipment .element:nth-child(4n+2) {
      width: calc(67% - 15px);
   }

   .equipment .element:nth-child(4n+1),
   .equipment .element:nth-child(4n+3) {
      margin-right: 15px;
   }
}

@media (min-width:993px) {
   /* .equipment .element:nth-child(5n+5), .equipment .element:nth-child(5n+1)
 {
  width:calc(25% - 15px);
  margin-right:15px;
 }
  .equipment .element:nth-child(5n+4),  .equipment .element:nth-child(5n+2)
 {
  width:calc(50% - 15px);
  margin-right:15px;
 }
  .equipment .element:nth-child(5n+3)
 {
  width: calc(25% - 15px);
  float: right;
  min-height: 543px;
 }
.equipment .element:last-child { min-height: 263px;} */

   .equipment .element:nth-child(10n+1),
   .equipment .element:nth-child(10n+5),
   .equipment .element:nth-child(10n+7),
   .equipment .element:nth-child(10n+10) {
      width: calc(25% - 15px);
      margin-right: 15px;
   }


   .equipment .element:nth-child(10n+4),
   .equipment .element:nth-child(10n+2),
   .equipment .element:nth-child(10n+8),
   .equipment .element:nth-child(5n+9) {
      width: calc(50% - 15px);
      margin-right: 15px;
   }

   .equipment .element:nth-child(10n+10),
   .equipment .element:nth-child(10n+8) {
      margin-right: 0px;
   }

   .equipment .element:nth-child(10n+3),
   .equipment .element:nth-child(10n+6) {
      width: calc(25% - 15px);

      min-height: 543px;
   }

   .equipment .element:nth-child(10n+3) {
      float: right;
   }

   .equipment .element:nth-child(10n+6) {
      float: left;
      margin-right: 20px;
   }


   .equipment .element.end,
   .equipment .element:last-child {
      min-height: 263px;
   }

}
/* End */
/* /local/templates/empty/components/bitrix/news/equipment/bitrix/news.list/.default/style.css?17452164213714 */