/* Start:/bitrix/components/bitrix/system.show_message/templates/.default/style.min.css?175135292051*/
font.errortext{color:red}font.notetext{color:green}
/* End */


/* Start:/local/templates/main/components/bitrix/catalog/portfolio/style.css?17560946762548*/
.fileter-portfolio{
   width: 100%;
   float: left;
}
.fileter-portfolio .wrap{
   display: flex;
   flex-wrap: wrap;
   gap: 5px;
}
.fileter-portfolio .portfolio-section-item{
   font: 300 14px / 120% var(--font-family);
   color: #000;
   border: 1px solid var(--02-green);
   padding: 6px 14px;
   flex-grow: 1;
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     -ms-transition: all .3s ease;
     -o-transition: all .3s ease;
     transition: all .3s ease;
     cursor: pointer;
    text-align: center;
}
.fileter-portfolio .portfolio-section-item:focus,
.fileter-portfolio .portfolio-section-item:hover{
   box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);

}
.fileter-portfolio .portfolio-section-item.selected{
   background: var(--02-green);
}
.pf-list{
   position: relative;
    width: 100%;
    float: left;
    margin-top:25px;
    margin-bottom:25px;
}
.pf-list > .container{
    display: flex;
   position: relative;
    flex-wrap: wrap;
}
.pf-list .preloader_block{
   max-width: 100%;
   left: 0;
   right: 0;
   float: left;
    position: absolute;
    height: 100%;
   opacity: 0;
    visibility: hidden;
}/*
.pf-list .preloader_block .preloader{
   position: absolute;
   top: 0;
   bottom: 0;
   width: 100%;
   background: var(--03-pale);
   background: rgba(220,224,197,.85);
   z-index: 2;
}
.pf-list .preload:after{
   content: '\e97f';
  font-family: 'icograff';
  color: #fff;
   position: absolute;
   left: 50%;
   top: 50%;
   margin-left: -50px;
   margin-top: -50px;
   font-size: 100px;
  animation: loading 1.3s linear infinite;
   opacity: 1;
}
@keyframes loading {
  0 {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}*/
.pf-list.load .preloader_block{
   opacity: 1;
   visibility: visible;
   z-index: 10;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 100%), linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.60) 100%);
}
.pf-list.load .pl-content{
   -webkit-transition: all .3s ease;
   -moz-transition: all .3s ease;
   -ms-transition: all .3s ease;
   -o-transition: all .3s ease;
   transition: all .3s ease;
}
.pf-list.load .pl-content{
   opacity: 0.25;
}
@media all and (min-width:992px)
{
   .fileter-portfolio .portfolio-section-item{
      padding: 6px 30px;
    }
}
@media all and (min-width:1200px)
{
   .fileter-portfolio .portfolio-section-item{
      padding: 6px 10px;
    }
}
@media all and (min-width:1400px)
{
   .fileter-portfolio .portfolio-section-item{
      padding: 6px 16px;
    }
}
/* End */


/* Start:/local/templates/main/components/bitrix/catalog.section/portfolio/style.css?17557220935007*/
.portfolio-section-list{
   display: flex;
   flex-wrap: wrap;
   margin-left: -7.5px;
   margin-right: -7.5px;
}
.pl-container{
   width: 100%;
   float: left;
   margin-bottom:25px;
}
.portfolio-section-list .item{
   width: 100%;
   float: left;
   padding-left: 7.5px;
   padding-right: 7.5px;
   margin-bottom: 15px;
}
.portfolio-section-list .inner{
   position: relative;
   width: 100%;
   height: 100%;
}
.pf-popup .img,
.portfolio-section-list .item .img{
   width: 100%;
   padding-top: 100%;
   border: 1px solid var(--01-green);
}

.pl-content,
.pf-list > .container > [id^=bx_incl_area]{
   width: 100%;
}
.portfolio-section-list .popup-modal{
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
}
.portfolio-section-list .popup-modal,
.load_more{
   cursor: pointer;
}

.pf-popup .img .image-over,
.portfolio-section-list .img .image-over{
   position: absolute;
   top: 15px;
   bottom: 15px;
   right: 15px;
   left: 15px;
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
}

.portfolio-section-list .cover{
   position: absolute;
   top: 25px;
   bottom: 25px;
   left: 25px;
   right: 25px;
   visibility: hidden;
   background: var(--01-green);
   opacity: 0.8;
   font: 600 16px / 110% var(--font-family);
   color: var(--03-pale);
   padding: 16px;
    display: flex;
    flex-wrap: wrap;
}
.pf-popup .cover{
   position: absolute;
   top: 25px;
   bottom: auto;
   left: auto;
   right: 25px;
   width: 260px;
   height: 260px;
   background: var(--01-green);
   opacity: 0.8;
   font: 600 16px / 110% var(--font-family);
   color: var(--03-pale);
   padding: 16px;
    display: flex;
    flex-wrap: wrap;
}
.portfolio-section-list .item:hover  .cover{

   visibility: visible;
}
.pf-popup .iconsize,
.portfolio-section-list .item .iconsize {
   position: absolute;
   top: 8px;
   right: 8px;
   padding: 7px;
   cursor: pointer;
}
.pf-popup .iconsize span:before{
   font-size: 32px;
   content: '\e906';
    font-family: var(--font-icons) !important;
}
.portfolio-section-list .item .iconsize span:before{
   font-size: 32px;
   content: '\e912';
}
.portfolio-section-list .item .iconsize  {
  transition: transform 0.5s ease;
  transform: scale(.5);
}

.portfolio-section-list .item:hover  .iconsize {
  transform: scale(1);
}

.pf-popup .article,
.portfolio-section-list .item .article{
   font: 600 16px / 110% var(--font-family);
   color: var(--03-pale);
   margin-bottom: 0;
   margin-top: auto;

}
.pf-popup .article ul,
.portfolio-section-list .item .article ul{
   list-style: none;
   padding-left: 0;
}



.portfolio-section-list .item .name{
   width: 100%;
   text-align: center;
   font: 400 20px / 190% var(--font-family);
   text-align: center;
   color: #fff;
   padding-top: 15px;
   opacity: 0.5;
}
.portfolio-section-list .item .name{
   opacity: 1;
}
.portfolio-section-list .item .bottom > div{
   display: flex;
   align-items: center;
}
.portfolio-section-list .item .bottom span{
   padding-right: 5px;
   font-size: 22px;
}
.portfolio-section-list .item .bottom{
   display: flex;
   padding: 15px;
   opacity: 0;
   transition: all .6s ease-in-out;
   font: 400 12px / 200% var(--font-family);

}
.portfolio-section-list .item:hover .bottom{
   opacity: 1;
}
.portfolio-section-list .item .bottom .custumer{
   margin-right: auto;
   margin-left: 10px;
}
.portfolio-section-list .item .bottom .location{
   margin-right: 0;
   margin-left: auto;
}
.portfolio-section-list .cover {

   position: absolute;
   top: 15px;
   bottom: 15px;
   left: 15px;
   right: 15px;
}

.portfolio-section-list .cover{
   display: flex;
   flex-direction: column;
}
.portfolio-section-list .not-found{
   padding-top: 100px;
   padding-bottom: 100px;
   width: 100%;
   text-align: center;
}


.pf-popup{
  position: relative;
  background: var(--03-pale);
  padding: 20px;
  width: auto;
  max-width: 100%;
  margin: 20px auto;box-shadow: 0 20px 60px 0 rgba(0, 0, 0, 0.25);

}

.more_btn_container{
   text-align: center;
   margin-bottom: 25px;
}

@media screen and (min-width: 576px){
}

@media all and (min-width:768px)
{
   .portfolio-section-list .item{
      width: 50%;
   }
   .portfolio-section-list .cover{
      position: absolute;
      top: 15px;
      bottom: 15px;
      left: 15px;
      right: 15px;
   }
}

@media all and (min-width:992px)
{
   .portfolio-section-list .cover{
      position: absolute;
      top: 40px;
      bottom: 40px;
      left: 40px;
      right: 40px;
   }
   .pf-popup{
      max-width: 500px;
   }
   .portfolio-section-list{
     /* margin-left: -13px;
      margin-right: -13px;*/
      margin-left: 2px;
      margin-right: 2px;
   }
   .pl-container{
      margin-bottom:25px;
   }
   .portfolio-section-list .item{
      padding-left: 13px;
      padding-right: 13px;
      margin-bottom: 26px;
   }
}
@media all and (min-width:1200px)
{
   .portfolio-section-list .item{
      width: 33.33%;
   }
   .pf-popup{
      max-width: 700px;
   }
}
/* End */
/* /bitrix/components/bitrix/system.show_message/templates/.default/style.min.css?175135292051 */
/* /local/templates/main/components/bitrix/catalog/portfolio/style.css?17560946762548 */
/* /local/templates/main/components/bitrix/catalog.section/portfolio/style.css?17557220935007 */