/* Start:/local/templates/santehgaz/components/bitrix/catalog/template1/bitrix/catalog.section.list/.default/style.css?17037031779902*/
.catalog-items__images svg {
    max-width: 160px;
    position: relative;
    left: 0;
    top: 0;
    height: 150px;
    display: block;
    margin: 0 auto;
}
.catalog-items__images img {
    opacity: 0;
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
}

.catalog-items__images:hover img {
    opacity: 1;
}


.catalog-items__images .line {
    fill: none;
    stroke: #f00;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 0.6px !important;
}

.catalog-items__images:hover .tovar-1 .line,
.catalog-items__images:hover .tovar-5 .line,
.catalog-items__images:hover .tovar-15 .line,
.catalog-items__images:hover .tovar-19 .line,
.catalog-items__images:hover .tovar-24 .line,
.catalog-items__images:hover .tovar-25 .line
{
    stroke-dasharray: 750;
    stroke-dashoffset: 750px;
} 
.catalog-items__images:hover .tovar-22 .line,
.catalog-items__images:hover .tovar-30 path  {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000px;   
}

.catalog-items__images  svg {
   position: absolute;
   max-width: 100%;
}
.catalog-items__images .tovar-1 {
    width: 107px;
    left: 67px;
    top: 33px;
    height: 178px;
}

.catalog-items__images .tovar-2 {
    width: 123px;
    left: 63px;
    top: 32px;
    height: 183px;
}
.catalog-items__images .tovar-3 {
   width: 198px;
   left: 27px;
   top: 13px;
   height: 227px;

}

.catalog-items__images .tovar-4 {
    width: 148px;
    position: absolute;
    left: 53px;
    top: 34px;
    height: 183px;
}

.catalog-items__images .tovar-5 {
    width: 150px;
    position: absolute;
    left: 51px;
    top: 44px;
    height: 154px;
}
.catalog-items__images .tovar-6 {
   width: 180px;
   left: 35px;
   top: 41px;
   height: 167px;
}

.catalog-items__images .tovar-7 {
    width: 158px;
    left: 46px;
    top: 64px;
    height: 133px;
}
.catalog-items__images .tovar-8 {
    width: 122px;
    left: 63px;
    top: 59px;
    height: 133px;
}

.catalog-items__images .tovar-9 {
   width: 177px;
   left: 41px;
   top: 54px;
   height: 133px;
}
.catalog-items__images .tovar-10 {
    width: 171px;
    left: 38px;
    top: 59px;
    height: 133px;
}

.catalog-items__images .tovar-11 {
    width: 130px;
    left: 58px;
    top: 55px;
    height: 133px;
}
.catalog-items__images .tovar-12 {
    width: 152px;
    left: 48px;
    top: 44px;
    height: 160px;
}

.catalog-items__images .tovar-13 {
    width: 190px;
    left: 32px;
    top: 58px;
    height: 133px;
}
.catalog-items__images .tovar-14 {
    width: 224px;
    right: 9px;
    top: 34px;
    height: 177px;
}

.catalog-items__images .tovar-15 {
   width: 223px;
   left: 18px;
   top: 40px;
   height: 172px;
}

.catalog-items__images .tovar-16 {
    width: 189px;
    left: 33px;
    top: 40px;
    height: 172px;
}
.catalog-items__images .tovar-17 {
   width: 193px;
   left: 31px;
   top: 48px;
   height: 172px;
}
.catalog-items__images .tovar-18 {
   width: 217px;
   left: 20px;
   top: 22px;
   height: 209px;
}

.catalog-items__images .tovar-19 {
   width: 217px;
   left: 24px;
   top: 22px;
   height: 203px;
}

.catalog-items__images .tovar-20 {
    width: 217px;
    left: 85px;
    top: 22px;
    height: 203px;
}
.catalog-items__images .tovar-21 {
    width: 192px;
    left: 30px;
    top: 22px;
    height: 203px;
}

.catalog-items__images .tovar-22 {
   width: 223px;
   left: 27px;
   top: 14px;
   height: 219px;
}
.catalog-items__images .tovar-23 {
   width: 185px;
   left: 32px;
   top: 22px;
   height: 203px;
}
.catalog-items__images .tovar-24 {
   width: 185px;
   left: 33px;
   top: 38px;
   height: 174px;
} 
.catalog-items__images .tovar-25 {
   width: 209px;
   left: 19px;
   top: 33px;
   height: 203px;
}
.catalog-items__images .tovar-26 {
   width: 198px;
   left: 27px;
   top: 33px;
   height: 189px;
}
.catalog-items__images .tovar-27 {
   width: 198px;
   left: 31px;
   top: 29px;
   height: 189px;
}
.catalog-items__images .tovar-28 {
   width: 198px;
   left: 23px;
   top: 29px;
   height: 189px;
}

.catalog-items__images .tovar-29 {
   width: 185px;
   left: 36px;
   top: 38px;
   height: 189px;
}
.catalog-items__images .tovar-30 {
   width: 192px;
   left: 26px;
   top: 33px;
   height: 189px;
}

.catalog-items__images .tovar-31 {
   width: 182px;
   left: 32px;
   top: 39px;
   height: 176px;

}

.catalog-items__images .tovar-32 {
    width: 160px;
    left: 88px;
    top: 31px;
    height: 197px;
}


.catalog-items__images .tovar-33 {
   width: 131px;
   left: 58px;
   top: 31px;
   height: 197px;
}

.catalog-items__images .tovar-34 {
   width: 150px;
   left: 51px;
   top: 25px;
   height: 197px;
}

.catalog-items__images .tovar-35 {
   width: 138px;
   left: 63px;
   top: 25px;
   height: 197px;
}

.catalog-items__images .tovar-36 {
   width: 202px;
   left: 37px;
   top: 21px;
   height: 187px;
}

.catalog-items__images .tovar-37 {
   width: 169px;
   left: 41px;
   top: 32px;
   height: 187px;
}

.catalog-items__images .tovar-38 {
   width: 160px;
   left: 45px;
   top: 32px;
   height: 187px;
}

.catalog-items__images .tovar-39 {
   width: 190px;
   left: 30px;
   top: 39px;
   height: 187px;
}
.catalog-items__images .tovar-40 {
   width: 144px;
   left: 50px;
   top: 48px;
   height: 160px;
}
.catalog-items__images .tovar-41 {
   width: 144px;
   left: 56px;
   top: 55px;
   height: 153px;
}

.catalog-items__images .tovar-42 {
   width: 195px;
   left: 28px;
   top: 48px;
   height: 153px;
}

.catalog-items__images .tovar-43 {
   width: 195px;
   left: 28px;
   top: 48px;
   height: 153px;
}

.catalog-items__images .tovar-43 {
   width: 202px;
   left: 25px;
   top: 43px;
   height: 165px;
}

.catalog-items__images .tovar-44 {
   width: 202px;
   left: 27px;
   top: 33px;
   height: 184px;
}

.catalog-items__images .tovar-45 {
   width: 156px;
   left: 44px;
   top: 33px;
   height: 184px;
 }

 .catalog-items__images .tovar-46 {
   width: 133px;
   left: 60px;
   top: 41px;
   height: 184px;
 }
 .catalog-items__images .tovar-47 {
   width: 133px;
   left: 47px;
   top: 41px;
   height: 173px;
 }

 .catalog-items__images .tovar-48 {
   width: 133px;
   left: 47px;
   top: 41px;
   height: 173px;
 }

 .catalog-items__images .tovar-49 {
   width: 148px;
   left: 47px;
   top: 41px;
   height: 173px;
 }
 
 .catalog-items__images .tovar-60 {
   width: 193px;
   left: 30px;
   top: 27px;
   height: 198px;
}

.catalog-items__images .tovar-plita {
         width: 226px;
         left: 14px;
         top: 16px;
         height: 221px;
      }
.catalog-items__images .tovar-kolonka {
         width: 226px;
         left: 10px;
         top: 20px;
         height: 221px;
      }
.catalog-items__images .tovar-kran {
         width: 199px;
         left: 24px;
         top: 31px;
         height: 186px;
      }

.catalog-items__images:hover .line,
.catalog-items__images:hover  svg path {
    fill: none;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    stroke: #e52320;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 500;
    stroke-width: 1px;
    stroke-dashoffset: 500px;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
}



.catalog-items__images {
    position: relative;
}

.catalog-items__images svg {
    width: 500px;
}
.tovar-item:hover .line,
.tovar-item svg path{
    fill: none;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    stroke: #e52320;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 0 !important;
    stroke-width: 1px;
    stroke-dashoffset: 0 !important;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}





      .catalog-items ul {
         list-style: none;
         margin: 0;
         padding: 0;
         flex-wrap: wrap;
         flex-direction: row;
         display: flex;
         margin-bottom: 35px;
         gap: 30px;

      }

      .catalog-items ul li {
         width: 23%;

      }

      .catalog-items ul li a {
         font-weight: 700;
         text-decoration: none;
         color: #000;
         margin-bottom: 20px;
         display: block;
         transition: all .3s;
         -webkit-transition: all .3s;
         -moz-transition: all .3s;
         -ms-transition: all .3s;
         -o-transition: all .3s;
      }

      .catalog-items ul li a:hover {
         color: #DF0000;
      }

      .catalog-items ul li ul {
         display: block;
      }

      .catalog-items ul li ul li {
         width: 100%;
      }

      .catalog-items ul li ul li a {
         margin: 10px 0 0;
         color: #585858;
         text-decoration: none;
         font-size: 15px;
         line-height: 18px;
         font-weight: 400;
         display: block;
         transition: all .3s;
         -webkit-transition: all .3s;
         -moz-transition: all .3s;
         -ms-transition: all .3s;
         -o-transition: all .3s;
      }

      .catalog-items ul li ul li a:hover {
         color: #DF0000;
      }


      @media (max-width: 1399.98px) {
         .catalog-items ul {
            gap: 15px;
         }

         .catalog-items ul li {
            width: 32%;
         }
      }

      @media (max-width: 1199.98px) {
         .mobile-catalog-menu li a img {
            width: 25px;
         }

         .catalog-items ul li {
            width: 49%;
         }

         .catalog-sub-item {
            width: 33%;
         }

         .catalog-items ul li {
            width: 45%;
         }
      }

      @media (max-width: 991.98px) {
         .catalog-items ul {
            margin-bottom: 15px;

         }
      }

      @media (max-width: 767.98px) {
         .catalog-items ul li {
            width: 95%;
         }
      }

/* End */
/* /local/templates/santehgaz/components/bitrix/catalog/template1/bitrix/catalog.section.list/.default/style.css?17037031779902 */