/* Start:/local/templates/main/components/bitrix/news/projects/bitrix/news.detail/.default/style.css?17616499104049*/
.projects-detail{
   font: 300 20px / 120% var(--font-family);
   color: #000;
}
.projects-detail b{
   font-weight: 700;
}
.projects-detail-wrap{
   box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.25);
   background: #fff;
   padding: 30px 30px;
   margin-bottom: 60px;
}
.projects-detail-wrap .image-block{
   display: flex;
   flex-wrap: wrap;
   margin-left: -10px;
   margin-right: -10px;
   justify-content: center;
}
.projects-detail-wrap .image-block .item .inner:before {
  font-size: 32px;
  content: '\e912';
  font-family: 'ico-club-print' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
      position: absolute;
      top: 30px;
      right: 30px;
      color: #fff;
      opacity: 0;
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     -ms-transition: all .3s ease;
     -o-transition: all .3s ease;
     transition: all .3s ease;
}
.projects-detail-wrap .image-block .item:hover .inner:before {
      opacity: 1;
}
.projects-detail-wrap .image-block .item:hover .inner{
   box-shadow: 0 20px 60px 0 rgba(0, 0, 0, 0.25);
background: #fff;
}

.projects-detail-wrap .image-block .item{
      width: 100%;
      padding: 10px;
}
.projects-detail-wrap .image-block .inner{
      width: 100%;
      padding: 15px;
      margin: 0;
      border: 1px solid var(--01-green);
         position: relative;
}
.projects-detail-wrap .image-block .inner a{
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
}
.projects-detail-wrap .image-block .inner .image-over{
      width: 100%;
      padding-top: 100%;
      background-size:cover;
      background-position: center;
}
.projects-detail-wrap .image-block .inner .image-over img{display: none;
}
.projects-detail-wrap .image-block .image-over{

}
.projects-detail-wrap .video-prev {
   max-width: 590px;
   padding-top: 56.27%;
   margin: 0 auto;
   position: relative;
   overflow: hidden;
   background-size:cover;
   background-position: center;
}
.projects-detail-wrap p,
.projects-detail-wrap .video-prev,
.projects-detail-wrap .image-block{
   margin-bottom: 30px;
   margin-top: 30px;
}
.projects-detail-wrap .video-prev:hover {
   box-shadow: 0 20px 60px 0 rgba(0, 0, 0, 0.25);
}
.projects-detail-wrap .video-prev .btn-play-video .icon{
   background: rgba(255, 255, 255, 0.7);
   margin: 0 auto;
}
.projects-detail-wrap:hover .video-prev .btn-play-video .icon{
   background: var(--02-green);
}
.projects-detail-wrap .video-prev img{
  display: none;
}
.projects-detail-wrap .video-prev a.btn-play-video {
   width: 100%;
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
}
.projects-container{
   position: relative;
   z-index: 1;
   margin-top: 30px;
}

.page-noheading .heading-breadcrumb{
   margin-top: 70px;
   height: auto;
}
.page-noheading .heading-breadcrumb .nav-breadcrumb{
   background: rgba(255,255,255,.8);
   padding: 10px;
}
.projects-head{
   max-width: 1800px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 30px;
   margin-top: 30px
}
.projects-head .image-over{
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
}
   .projects-head .image-over{  padding-top: 120%;}
@media all and (min-width:576px)
{
   .projects-detail-wrap .image-block .item {
      width: 50%;
   }
   .projects-container{
      margin-top: 60%;
   }
}
@media all and (min-width:992px)
{
   .projects-head{
      max-width: 1800px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: -700px
      margin-top: -700px
   }
   .projects-detail-wrap{
      padding: 50px 100px;
   }
   .projects-head .image-over{  padding-top: 120%;}
}
@media all and (min-width:1200px)
{
   .projects-head .image-over{  padding-top: 63%;}
   .projects-container{
      margin-top: 200px;
   }
}
@media all and (min-width:1400px)
{
   .projects-container{
      margin-top: 300px;
   }
}
@media all and (min-width:1600px)
{
   .projects-container{
      margin-top: 450px;
   }
}

/* End */
/* /local/templates/main/components/bitrix/news/projects/bitrix/news.detail/.default/style.css?17616499104049 */