/* Start:/local/templates/main/css/pages/map.css?17522116342472*/
#map .ymaps-2-1-79-ground-pane,
#map .ymaps-layers-pane {
 -webkit-filter: grayscale(100%);
}
#map:hover .ymaps-2-1-79-ground-pane,
#map:hover .ymaps-layers-pane{
   -webkit-filter: grayscale(0%);
}
#contact-block{
   position: relative;
}
.contain-map{
   position: relative;
}
.contain-map:after{
   content: '';
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   background: linear-gradient(360deg, rgba(255, 255, 255, 0) 0%, white 100%);
    pointer-events: none;
         -webkit-transition: all .3s ease;
         -moz-transition: all .3s ease;
         -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
         transition: all .3s ease;

}
.contain-map:hover:after{
   opacity: 0;
}
#map:active{
}
#contact-block .map-info{

    position: absolute;
    top: 20%;
    bottom: auto;
    right: 15px;
    left: 15px;
    background: #fff;
    z-index: 2;
    padding: 30px 20px;
  background: rgba(255, 255, 255, 0.30);
  box-shadow: 0px 20px 60px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(5px);
  width: auto;
}
#contact-block .map-info{
   font: 600  14px var(--font-family);
   color: #000;
   color: var(--01-green);
}

#contact-block .map-info h5{
   font: 700  14px var(--font-family);
}

#contact-block .map-info a:not(.btn-main),
#contact-block .map-info span{
   font: 300 14px var(--font-family);
   text-decoration-skip-ink: none;
   color: #000;
	font-variant-numeric: lining-nums !important;
}
#contact-block .map-info a:not(.btn-main){
   text-decoration: underline;
}
.contain-map{
	width: 100%;
		line-height: 1.2;
}
.section-map{
   width: 100%;
   float: left;
   height: 800px;
   position: relative;
}
   .section-map,
	.contain-map{
	height: 500px;
	}
@media all and (min-width:560px){
   #contact-block .map-info{
   width: 390px;
    left: 50%;
    right: auto;
    margin-left: -195px;
   }

}
@media all and (min-width:992px)
{
   .section-map,
	.contain-map{
		height: 800px;
	}
   #contact-block .map-info{
       right: 50%;
       left: auto;
    margin-right: 5%;
    margin-left: auto;
   }
}
.contact-form .iti--allow-dropdown {
	width: 100%;
}

.section-map .form_legend{
}
.section-map.closed ul{
   display: none;
}
.section-map.closed #contact-block .map-info{
   top: 0;
}
@media all and (min-width:992px){

   .section-map .form-close{
   display: none;
   }
}
/* End */


/* Start:/local/templates/main/components/nstep/iblock.html/image-about/style.css?1751570849808*/
.image-about .article{
   font: 300 20px / 120% var(--font-family);
   color: #000;
   position: relative;
}
.image-about .article b{
   font-weight: 600;
   color: var(--01-green);
}
.image-about .article ul{
    padding-left: 20px;
}
.image-about .bg-overlay{
   background-size: contain;
   background-position: center right;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
}
.home-slider-wrap{
    z-index: 2;
}
.about-us{
   margin-top: 50px;
}
.image-about .image-wrap{
   min-height: 300px;
   position: relative;
}
@media all and (min-width:992px)
{
}

@media all and (min-width:1200px)
{
   .image-about .bg-overlay{
      left: -130px;
      right: -50px;
   }

}
@media all and (min-width:1300px)
{
   .image-about .bg-overlay{
      left: -230px;
      right: 0;
   }

}

/* 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 */


/* Start:/local/templates/main/components/bitrix/news.list/clients-blocks/style.css?17557470301901*/
.clients{
   width: 100%;
   float: left;
   padding: 50px 15px;
}
.clients-section{
   width: 100%;
   float: left;
   overflow: hidden;
}
.clients .heading-style-2{
   max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    font: 300 20px / 120% var(--font-family);
   color: var(--01-green);
}
.clients-wrap{
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.clients-list{
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}
.clients-list .clients-item{
    padding: 15px;
    float: left;
    width: 50%;
}
.clients-list .clients-item-cover{
   width: 150px;
   height: 150px;
    margin: auto;
   backdrop-filter: blur(10px);
   background: rgba(67, 99, 66, 0.2);
   border: 1px solid #fff;
   position: relative;
}
.clients-item__image{
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   margin: 15px;
   background-position: center;
   background-size: contain;
   background-repeat: no-repeat;
}
@media all and (min-width:576px)
{
   .clients-list .clients-item{
    width: 33.33%;
   }
   .clients-list .clients-item-cover{
      width: 130px;
      height: 130px;
   }
}
@media all and (min-width:992px)
{
   .clients-list .clients-item{
    width: 16.6665%;
   }
   .clients-list .clients-item{
      padding: 30px 15px;
   }
}
@media all and (min-width:1200px)
{
   .clients-list .clients-item{
      padding: 50px 15px;
   }
   .clients-list .clients-item-cover{
      width: 150px;
      height: 150px;
   }
}
@media all and (min-width:1500px){

   .clients-list .clients-item-cover{
    width: 190px;
    height: 190px;
   }
}

@media all and (min-width:1500px)
{
   .clients-wrap{
       max-width: 1350px;
   }
}
@media all and (min-width:1600px)
{
   .clients-wrap{
       max-width: 1550px;
   }
}
@media all and (min-width:1700px)
{
   .clients-wrap{
       max-width: 1655px;
   }
}
/* End */


/* Start:/local/templates/main/components/bitrix/news.list/gilds/style.css?17522121611381*/
.gilds{
   width: 100%;
   float: left;
   padding: 50px 15px;
   position: relative;
   z-index: 2;
   margin-bottom: -250px;
}
.gilds-section{
   width: 100%;
   float: left;
   overflow: hidden;
}
.gild-wrap{
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.gild-list{
    display: flex;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
}
.gild-list .gild-item{
    padding: 5px;
    float: left;
    width: 50%;
   color: #000;
}
.gild-list .gild-item-inner{
   padding: 18px;
   border: 1px solid var(--01-green);
   backdrop-filter: blur(20px);
   box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.2);
   background: rgba(255, 255, 255, 0.6);

}
.gild-item__image{
   width: 100%;
   margin-bottom: 20px;
   padding-top: 60%;
   background-size: cover;
}
.gild-list .gild-item__title{
   font: 700 18px var(--font-family);
}
.gild-list .gild-item__title:after{
   content: '';
   margin-top: 20px;
   margin-bottom: 20px;
    display: block;
   width: 140px;
   border-bottom: 1px solid  var(--01-green);
}
.gild-list .gild-item__text{
   font: 300 14px var(--font-family);
}
.gild-list .gild-item__text b,
.gild-list .gild-item__text .light{
   font: 700 14px var(--font-family);
   color: var(--01-green);
}
@media all and (min-width:1200px)
{
   .gild-list .gild-item{
       width: 25%;
   }
   .gilds{
      margin-bottom: -250px;
   }
}
/* End */
/* /local/templates/main/css/pages/map.css?17522116342472 */
/* /local/templates/main/components/nstep/iblock.html/image-about/style.css?1751570849808 */
/* /local/templates/main/components/bitrix/catalog/portfolio/style.css?17560946762548 */
/* /local/templates/main/components/bitrix/catalog.section/portfolio/style.css?17557220935007 */
/* /local/templates/main/components/bitrix/news.list/clients-blocks/style.css?17557470301901 */
/* /local/templates/main/components/bitrix/news.list/gilds/style.css?17522121611381 */