

/* Start:/local/templates/lift/components/bitrix/catalog.section.list/portfolio/style.css?17621067285889*/
#objects-type {display:flex; flex-direction: column; width:100%; background:radial-gradient(500px 500px at 81.07% 7.36%, rgba(0, 102, 255, 0.30) 0%, rgba(0, 0, 0, 0.00) 100%), #1C232B;}

#objects-type .wrap {max-width:1440px; width:calc(100% - 80px); margin:0 auto; display:flex; align-items: flex-start; flex-direction: column;}

#objects-type div.wrap h2{color:#fff; margin:90px 0 60px;}

.objects-type-plitka {width:calc(100% - 80px); margin:0 auto; display: grid; gap:12px; 
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows:1fr 1fr;
    }
 

.objects-type-plitka a{display:block; border-radius:8px; overflow:hidden; width:100%;height:100%; background:#aaaaaa33; position:relative;}
.objects-type-plitka a img {position:absolute; width:100%; height:100%; object-fit:cover; transition: all 2s ease-in-out;}
.objects-type-plitka a p{position:absolute; border-radius:8px; z-index:2; bottom:0; left:0; right:0; backdrop-filter: blur(8px); margin:0;  background:#ffffffaa; color:var(--black);}





.objects-type-plitka a p span {display:inline-block; padding:16px 32px 16px 30px; font-weight:700;  background: url(/local/templates/lift/assets/img/arrow.svg) right center no-repeat;}
.objects-type-plitka a p span.mobile {display:none;}
.objects-type-plitka a:hover p  {background:var(--link); color:#fff; }
.objects-type-plitka a:hover p span  {background: url(/local/templates/lift/assets/img/arrow-w.svg) right 30% no-repeat;}
.objects-type-plitka a:hover img  {height:105%; width:110%;}



    




.objects-type-plitka a:nth-child(1) {aspect-ratio:1 / 1; 
    grid-column-start:1; 
    grid-column-end:3; 
    grid-row-start: 1; 
    grid-row-end: 3;
}

.objects-type-plitka a:nth-child(2) {
    grid-column-start:3; 
    grid-column-end:5; 
    grid-row-start: 1; 
    grid-row-end: 2;
}
    
.objects-type-plitka a:nth-child(3) {
    grid-column-start:3; 
    grid-column-end:4; 
    grid-row-start: 2; 
    grid-row-end: 3;
}
    
.objects-type-plitka a:nth-child(4) {
    grid-column-start:4; 
    grid-column-end:5; 
    grid-row-start: 2; 
    grid-row-end: 3;
}
    

.objects-type-descript {width:100%; margin:60px 0 120px; display: flex; justify-content: space-between;}
.objects-type-descript p {width:50%; color:var(--gray2);}
.objects-type-descript a {display:none;}


.objects-type-descript div.button a  {border-radius:100px; display:inline-block; padding:16px 30px; background:#30363D; position:relative; font-size:18px;}
.objects-type-descript div.button a span {margin:40px 0; border-radius:100px; color:#fff;}


/*---MOBILE---*/

@media screen and (min-width:1280px){
    /*БОЛЬШИЕ НАДПИСИ ПРИ НАВЕДЕНИИ*/
    .objects-type-plitka a:hover p {background: rgb(28,35,43); background: linear-gradient(0deg, rgba(28,35,43,1) 0%, rgba(28,35,43,0) 100%); backdrop-filter: none; height:50%; display:flex; justify-content: center; flex-direction: column; align-items: flex-start;} 
    
    .objects-type-plitka a:hover p span {font-size:48px; margin-right:40px; } 
    .objects-type-plitka a:hover p span b {display:block; } 
}



@media screen and (max-width:1440px){
    .objects-type-plitka a:hover p span {font-size:32px;} 
}

@media screen and (max-width:1280px){
    .objects-type-plitka a:hover p span {font-size:16px; background: url(/local/templates/lift/assets/img/arrow-w.svg) right center no-repeat;}  
    
}


@media screen and (max-width:768px){
    #objects-type .wrap {width:calc(100% - 40px);}
    .objects-type-plitka {width:calc(100% - 40px); display: grid; gap:12px; 
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows:1fr 1fr 1fr;
    }

    .objects-type-plitka a:nth-child(1) {
        aspect-ratio:1 / 1; 
        grid-column-start:1; 
        grid-column-end:3; 
        grid-row-start: 1; 
        grid-row-end: 3;
    }
    
    .objects-type-plitka a:nth-child(2) {
        grid-column-start:3; 
        grid-column-end:5; 
        grid-row-start: 1; 
        grid-row-end: 2;
    }
        
    .objects-type-plitka a:nth-child(3) {
        grid-column-start:3; 
        grid-column-end:5; 
        grid-row-start: 2; 
        grid-row-end: 4;
    }
        
    .objects-type-plitka a:nth-child(4) {
        grid-column-start:1; 
        grid-column-end:3; 
        grid-row-start: 3; 
        grid-row-end: 4;
    }

    .objects-type-descript p {width:70%; margin:0;}
}

@media screen and (max-width:450px){

    .objects-type-descript {flex-direction: column; margin:0px 0 40px;}
    .objects-type-descript p {width:100%; margin:0; font-size:14px;}
    .objects-type-descript a {display:block; padding:20px 0;}
    .objects-type-plitka a p span {display:none;}
    .objects-type-plitka a p span.mobile {display:inline-block;  padding:16px 32px 16px 12px;}
    .objects-type-descript div.button {display:none;}
    #objects-type div.wrap h2{color:#fff; margin:90px 0 40px;}

    


    .objects-type-plitka {width:calc(100% - 40px); order:2; margin-bottom:90px;
        gap:12px; 
        grid-template-columns: 1fr 1fr;
        grid-template-rows:1fr 1fr 1fr 1fr 1fr ;}        
    
   
    .objects-type-plitka a:nth-child(1) {
        aspect-ratio: 4 / 5;
        grid-column-start:1; 
        grid-column-end:3; 
        grid-row-start: 1; 
        grid-row-end: 3;
    }
    
    .objects-type-plitka a:nth-child(2) {
        aspect-ratio: 16 / 9;
        grid-column-start:1; 
        grid-column-end:2; 
        grid-row-start: 3; 
        grid-row-end: 4;
    }
        
    .objects-type-plitka a:nth-child(3) { 
        aspect-ratio: 16 / 9;
        grid-column-start:2; 
        grid-column-end:3; 
        grid-row-start: 3; 
        grid-row-end: 4;
    }
        
    .objects-type-plitka a:nth-child(4) {
        aspect-ratio: 16 / 9;
        grid-column-start:1; 
        grid-column-end:3; 
        grid-row-start: 4; 
        grid-row-end: 6;
    }

    
}

/* End */


/* Start:/local/templates/lift/components/bitrix/news.list/about/style.css?17542457852196*/
#about {width:100%; background:var(--gray3);}

#about .wrap {max-width:1440px; width:calc(100% - 80px); margin:0 auto; display:flex; align-items: flex-start; flex-direction: column;}

#about div.wrap h2{color:var(--black); margin:90px 0 60px;}

.about-plitka {display: grid; gap:12px; max-width:1440px; width:calc(100% - 80px); margin:0 auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    }
 

.about-plitka a{display:block; border-radius:12px; overflow:hidden; width:100%;height:100%; background:#aaaaaa33;  position:relative;}
.about-plitka a img {position:absolute; width:100%; height:100%; object-fit:cover; transition: all 2s ease-in-out;}
 
 


.about-plitka a:nth-child(1) { 
    grid-column-start:1;  
    aspect-ratio:1 / 1; 
}

.about-plitka a:nth-child(2) {
    grid-column-start:2;  
}
    
.about-plitka a:nth-child(3) {
    grid-column-start:3; 
    grid-column-end:5; 
}
    
 
    

.about-descript {width:100%; margin:60px 0 120px; display: flex; justify-content: space-between;}
.about-descript p {max-width:714px; color:var(--gray1); margin:0; width:50%;}


.about-descript div.button a  {border-radius:100px; display:inline-block; padding:16px 30px; background:var(--gray2); position:relative; font-size:18px;}
.about-descript div.button a span {margin:40px 0; border-radius:100px; color:var(--black);}


/*---MOBILE---*/
@media screen and (max-width:768px){    
    #about .wrap {width:calc(100% - 40px);}
    .about-plitka {width:calc(100% - 40px); margin:0 auto;}
}

@media screen and (max-width:450px){
    #about div.wrap h2 {margin-bottom:40px;}
    .about-plitka {width:calc(100% - 40px); margin:0 auto; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 40px 8px;}
    .about-plitka a:nth-child(1) {grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 2;}
    .about-plitka a:nth-child(2) {grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2;}
    .about-plitka a:nth-child(3) {grid-column-start: 1; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3;}

    .about-descript {flex-direction: column; margin:40px 0 0;}
    .about-descript p {width:100%;}
    .about-descript .button {margin:90px 0;}
}

/* End */


/* Start:/local/templates/lift/components/bitrix/news/lifts/style.css?17621068206831*/
#portfolio {width:100%; margin:0 0 0px; }

#portfolio .wrap {max-width:1440px; width:calc(100% - 80px); height:100%; margin:0 auto;   }
#portfolio .wrap h2 {margin:70px 0 40px;}

div.sorter-wrap {display:flex; gap:8px;}
div.sorter-wrap a {display:inline-block; padding:8px 12px; border-radius:8px; font-size:14px; color:var(--gray1); background:var(--gray2); margin:0 0 60px; cursor:pointer;}
div.sorter-wrap a.current {color:#fff; background:var(--black);}

  div.sorter-wrap a span.mobile {display:none;}



 /*ВАРИАНТ ШАХМАТКИ

.portfolio-plitka {display:grid; grid-template-columns: repeat(4, 1fr); width:100%; gap:12px;}

.portfolio-plitka a.obj {display:flex; background:#aaa; width:100%; aspect-ratio: 1 / 1;   }

.portfolio-plitka a.obj:nth-child(6n + 4),
.portfolio-plitka a.obj:nth-child(6n + 1) {
  grid-column: auto /span 2;
  grid-row: auto /span 2;
}
-----//ВАРИАНТ ШАХМАТКИ//-----*/


 /*ШАБЛОН-ПЛИТКИ-ПРОСТОЙ для отфильтрованных результатов*/

 .portfolio-plitka {width:calc(100% - 80px); margin:0 auto;  display:grid; grid-template-columns: repeat(4, 1fr);  gap:12px;}

 .portfolio-plitka a.obj {display:flex; background:#aaa; width:100%; aspect-ratio: 1 / 1;   }
 
 .portfolio-plitka a.obj {
   grid-column: auto /span 1;
   grid-row: auto /span 1;
 }
 /*-----//ШАБЛОН-ПЛИТКИ-ПРОСТОЙ//-----*/


/*ШАБЛОН-ПЛИТКИ-СЛОЖНЫЙ*/

 .portfolio-plitka.slojno {display:grid; grid-template-columns: repeat(4, 1fr); grid-auto-flow: row dense;gap:12px;
    grid-template-areas:
      "bigLeft bigLeft   right1   right2"
      "bigLeft bigLeft   bigRight bigRight"
      "left1   left2     bigRight bigRight"
      "big      big     big     big";
    }

    .portfolio-plitka.rovno { grid-template-areas:
      "bigLeft  bigRight right1   right2"
      "left1   left2     big  big"
      
      ;}
 
    .portfolio-plitka.slojno a.obj {display:flex; background:#aaa; width:100%; aspect-ratio: 1 / 1;}
    .portfolio-plitka.slojno a.obj:nth-of-type(7n + 1) {grid-area: auto / bigLeft / span 2;}
    .portfolio-plitka.slojno a.obj:nth-of-type(7n + 2) {grid-area: auto / right1;}
    .portfolio-plitka.slojno a.obj:nth-of-type(7n + 3) {grid-area: auto / right2;}
    .portfolio-plitka.slojno a.obj:nth-of-type(7n + 4) {grid-area: auto / left1;}
    .portfolio-plitka.slojno a.obj:nth-of-type(7n + 5) {grid-area: auto / left2;}
    .portfolio-plitka.slojno a.obj:nth-of-type(7n + 6) {grid-area: auto / bigRight / span 2;}
    .portfolio-plitka.slojno a.obj:nth-of-type(7n + 7) {grid-area: auto / big / span 2; aspect-ratio:2 / 1; }

/*-----//ШАБЛОН-ПЛИТКИ-СЛОЖНЫЙ//-----*/
   
        .portfolio-plitka a.obj {position:relative; border-radius:8px; overflow:hidden; transition: all 0.14s ease-in-out;}
        
        .portfolio-plitka a.obj.hidden {display:none;}


        .portfolio-plitka a.obj:hover {transform: scale(0.98);}
        .portfolio-plitka a.obj img {position:absolute; width:100%; height:100%; object-fit:cover; transition: all 0.14s ease-in-out;  }
        .portfolio-plitka a.obj:hover img {transform: scale(1.14);}
        .portfolio-plitka a.obj p{position:absolute; z-index:2; bottom:0; left:0; right:0; backdrop-filter: blur(8px); margin:0;  background:#1C232Bbb; color:#fff; border-radius:8px;}
        .portfolio-plitka a.obj:hover p{background:var(--link);}

        .portfolio-plitka a.obj p span {display:inline-block; padding:16px 32px 16px 30px; font-weight:700;  background: url(/local/templates/lift/assets/img/arrow-w.svg) right center no-repeat;}
        .portfolio-plitka a.obj p small {display:inline-block; color:var(--gray2); display:block; position:relative; left:30px; bottom:14px; font-size:14px;}


        .portfolio-plitka a.obj.vse {background:var(--black); display:flex; align-items: center; justify-content: center; }
        .portfolio-plitka a.obj.vse:hover {transform: scale(1);}
        .portfolio-plitka a.obj.vse p {position:Relative;  background:none;}
        .portfolio-plitka a.obj.vse:hover p {background:none;}
        .portfolio-plitka a.obj.vse p span {background-image:none; display:block; padding:12px 32px 12px 30px; display:inline-block;  font-weight:700; }


 
/*---MOBILE---*/
@media screen and (max-width:768px){

    #portfolio .wrap {max-width:1440px; width:calc(100% - 40px);}
        .portfolio-plitka {display:grid; grid-template-columns: repeat(2, 1fr); width:calc(100% - 40px); gap:12px;}
        .portfolio-plitka a.obj {display:flex; background:#aaa; width:100%; aspect-ratio: 1 / 1;}        
        .portfolio-plitka a.obj {
          grid-column: auto /span 1;
          grid-row: auto /span 1;
        }
        .portfolio-plitka.slojno { grid-template-columns: repeat(2, 4fr);
          grid-template-areas:
            "bigLeft  right1"
            "right2   left1"
            "left2   bigRight"
            "big  big"
          }
          .portfolio-plitka.slojno a.obj {display:flex; background:#aaa; width:100%; aspect-ratio: 1 / 1;}
          .portfolio-plitka.slojno a.obj:nth-of-type(7n + 1) {grid-area: auto / bigLeft;}
          .portfolio-plitka.slojno a.obj:nth-of-type(7n + 2) {grid-area: auto / right1;}
          .portfolio-plitka.slojno a.obj:nth-of-type(7n + 3) {grid-area: auto / right2;}
          .portfolio-plitka.slojno a.obj:nth-of-type(7n + 4) {grid-area: auto / left1;}
          .portfolio-plitka.slojno a.obj:nth-of-type(7n + 5) {grid-area: auto / left2;}
          .portfolio-plitka.slojno a.obj:nth-of-type(7n + 6) {grid-area: auto / bigRight;}
          .portfolio-plitka.slojno a.obj:nth-of-type(7n + 7) {grid-area: auto / big; }
      
          .portfolio-plitka.slojno a.obj:nth-of-type(7n + 7) {aspect-ratio:16 / 9; }
    

}


@media screen and (max-width:450px){
    div.sorter-wrap a span.pc {display:none;}
    div.sorter-wrap a span.mobile {display:block;}
    .portfolio-plitka {width:calc(100% - 24px);}
    .portfolio-plitka a.obj p span {padding-left:12px; padding-right:0; background:none;}
    .portfolio-plitka a.obj p small {padding-left:12px; padding-right:12px; overflow:hidden; left:0; white-space: nowrap; text-overflow: ellipsis;}

    .portfolio-plitka a p {font-size:14px;}
    .portfolio-plitka {gap:8px;}
    .portfolio-plitka.slojno {gap:8px;}


    .portfolio-plitka.slojno {display:grid;  grid-auto-flow: row dense; 
      grid-template-columns: repeat(1, auto); 
      grid-template-areas:
        "bigLeft right1"
        "right2 left1"
        "left2 bigRight"
        "big  big"
      }

    .portfolio-plitka a.obj {aspect-ratio:4 / 5;}
    .portfolio-plitka.slojno a.obj {aspect-ratio:4 / 5;}
    .portfolio-plitka a.obj:nth-of-type(7n + 7) {aspect-ratio:4 / 5; }
    .portfolio-plitka.slojno a.obj:nth-of-type(7n + 7) {aspect-ratio:4 / 5; }
    
}
/* End */


/* Start:/local/templates/lift/components/bitrix/news.list/lifts/style.css?17621068948137*/
#postavka {width:100%; background:radial-gradient(500px 500px at 81.07% 7.36%, rgba(0, 102, 255, 0.30) 0%, rgba(0, 0, 0, 0.00) 100%), #1C232B;}

#postavka .wrap {max-width:1440px; width:calc(100% - 80px);    margin:0 auto; display:flex; align-items: flex-start; flex-direction: column;}

#postavka div.wrap h2{color:#fff; margin:90px 0 60px;}

.postavka-plitka {width:calc(100% - 80px); margin:0 auto; display: grid; gap:12px; padding-bottom:120px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    }
 

.postavka-plitka a{display:block; border-radius:8px; overflow:hidden; width:100%;height:100%; background:#aaaaaa33; position:relative;}
.postavka-plitka a img {position:absolute; width:100%; height:100%; object-fit:cover; transition: all 2s ease-in-out; }
.postavka-plitka a:nth-child(3) img {transform: scale(1.5); top:45px; }
.postavka-plitka a:nth-child(7) img {transform: scale(2.0); bottom: 150px; object-fit: contain; }
.postavka-plitka a p{position:absolute; z-index:2; bottom:0; left:0; right:0; backdrop-filter: blur(8px); margin:0;  background:#ffffffaa; color:var(--black); border-radius:8px;}
.postavka-plitka a p span {display:inline-block; padding:16px 32px 16px 30px; font-weight:700;  background: url(/local/templates/lift/assets/img/arrow.svg) right center no-repeat;}

.postavka-plitka a p span.mobile  {display:none;}

.postavka-plitka a:hover p  {background:var(--link); color:#fff; }

.postavka-plitka a:hover p span  {background: url(/local/templates/lift/assets/img/arrow-w.svg) right 30% no-repeat;}
.postavka-plitka a:hover img  {height:105%; width:110%;}


    

 
 
.postavka-plitka a:nth-child(3) {  aspect-ratio:1 / 1; 
    grid-column-start:3;  
    grid-column-end:5;  
    grid-row-start: 1;
    grid-row-end: 3;
}
 
.postavka-plitka a:nth-child(4) {
    grid-column-start:1;  
    grid-column-end:3;  
    grid-row-start: 2;
    grid-row-end: 4;
}
 
.postavka-plitka a:nth-child(7) {
    grid-column-start:1;  
    grid-column-end:3;   
}
 
.postavka-plitka a:nth-child(8) {
    grid-column-start:3;  
    grid-column-end:5;   
}
 
 

/*---MOBILE---*/

@media screen and (min-width:1280px){
    /*БОЛЬШИЕ НАДПИСИ ПРИ НАВЕДЕНИИ*/
    .postavka-plitka a:hover p {background: rgb(28,35,43); background: linear-gradient(0deg, rgba(28,35,43,1) 0%, rgba(28,35,43,0) 100%); backdrop-filter: none; height:50%; display:flex; justify-content: center; flex-direction: column; align-items: flex-start;} 
    
    .postavka-plitka a:hover p span {font-size:48px; margin-right:40px; } 
    .postavka-plitka a:hover p span b {display:block; } 
}



@media screen and (max-width:1280px){ /*!!!!!! ЭТО MAX-WIDTH !!!!!!*/
    .postavka-plitka a:nth-child(7) img {transform: scale(2.3); bottom: 150px; object-fit: contain; }
}



@media screen and (max-width:1024px){

    .postavka-plitka a:hover p span  {background: url(/local/templates/lift/assets/img/arrow-w.svg) right center no-repeat;}

    .postavka-plitka {width:calc(100% - 80px); margin:0 auto; display: grid; gap:12px; padding-bottom:90px;
        grid-template-columns: 1fr 1fr ;
        grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
        }
    .postavka-plitka a:nth-child(1) {/*Пассажирские*/ aspect-ratio: 1 / 1;
            grid-column-start:1; grid-column-end:2;  
            grid-row-start: 1; grid-row-end: 3;
        }

    .postavka-plitka a:nth-child(2) {/*Больничные*/ 
            grid-column-start:2; grid-column-end:3;  
            grid-row-start: 1; grid-row-end: 2;
        }

    .postavka-plitka a:nth-child(3) {/*Панорамные*/ 
            grid-column-start:2; grid-column-end:3;  
            grid-row-start: 2; grid-row-end: 4;
        }

    .postavka-plitka a:nth-child(4) {/*Грузовые*/
            grid-column-start:1; grid-column-end:2;  
            grid-row-start: 3; grid-row-end: 5;
        }

    .postavka-plitka a:nth-child(7) {/*Эскалаторы*/
            grid-column-start:2; grid-column-end:3;  
            grid-row-start: 4; grid-row-end: 6;
        }
        .postavka-plitka a:nth-child(7) img {transform: scale(2.25); bottom: 70px; object-fit: contain; }

    .postavka-plitka a:nth-child(6) {/*Ресторанные*/ 
            grid-column-start:1; grid-column-end:2;  
            grid-row-start: 5; grid-row-end: 6;
        }

    .postavka-plitka a:nth-child(5) {/*Автомобильные*/ 
            grid-column-start:2; grid-column-end:3;  
            grid-row-start: 6; grid-row-end: 7;
        }

    .postavka-plitka a:nth-child(8) {/*Траволаторы*/ 
            grid-column-start:1; grid-column-end:2;  
            grid-row-start: 6; grid-row-end: 7;
        }

    
}



@media screen and (max-width:768px){
    #postavka .wrap {width:calc(100% - 40px);}
    .postavka-plitka {width:calc(100% - 40px); grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;}
}

@media screen and (max-width:450px){
    #postavka .wrap {width:calc(100% - 40px);}
    #postavka div.wrap h2 {display:none;}
    .postavka-plitka {width:calc(100%); display:flex; gap:40px; flex-direction: column; position:relative;}

    

    .postavka-plitka a p span {padding:16px 32px 16px 12px; font-weight:700;  background: url(/local/templates/lift/assets/img/arrow.svg) right center no-repeat;}


    .postavka-plitka a:nth-child(1) {/*Пассажирские*/ order:2; aspect-ratio: 5 / 5;
        margin:0 auto; width:calc(100% - 40px);
    }
    
    .postavka-plitka a:nth-child(2) {/*Больничные*/ order:3; aspect-ratio: 5 / 5;
        margin:0 auto; width:calc(100% - 40px);
    }

.postavka-plitka a:nth-child(3) {/*Панорамные*/ order:1; aspect-ratio:unset; width:100%; height:100vh;}
.postavka-plitka a:nth-child(3) img {transform: scale(1); top:0;}
.postavka-plitka a:nth-child(3) p {color:#fff; font-size:22px; background: rgb(28,35,43); background: linear-gradient(0deg, rgba(28,35,43,1) 0%, rgba(28,35,43,0) 100%); backdrop-filter: none; margin:0;}
.postavka-plitka a:nth-child(3) p span {display:block; width:230px; padding:0; margin:90px 20px 40px; background:none;} 
.postavka-plitka a:nth-child(3) p span.mobile  {display:flex; margin:0 20px 90px;}
.postavka-plitka a:nth-child(3) p span.mobile b {font-weight:400; color:#fff; font-size:18px; padding:16px 30px; background:var(--link);  border-radius:100px;}



 
.postavka-plitka a:nth-child(4) {/*Грузовые*/ order:4; aspect-ratio: 5 / 5;
    margin:0 auto; width:calc(100% - 40px);
    }

.postavka-plitka a:nth-child(5) {/*Автомобильные*/  order:7; aspect-ratio: 5 / 5;
    margin:0 auto; width:calc(100% - 40px);
    }   

.postavka-plitka a:nth-child(6) {/*Ресторанные*/  order:8; aspect-ratio: 5 / 5;
    margin:0 auto; width:calc(100% - 40px);
    }

    .postavka-plitka a:nth-child(7) {/*Панорамные*/ order:5; aspect-ratio:unset; margin:-40px 0 0px; width:100%; height:100vh;}

    .postavka-plitka a:nth-child(7)::before {position:absolute; content:''; width:100%; height:150px;  background: rgb(28,35,43); background: linear-gradient(180deg, rgba(28,35,43,1) 0%, rgba(28,35,43,0) 100%); z-index:10; top:0; left:0;}

    .postavka-plitka a:nth-child(7) img {transform: none; bottom: 0px; width:100%; height:100vh; object-fit: cover; object-position: calc(50% + 140px) 50%;}

    .postavka-plitka a:nth-child(7) p {color:#fff; font-size:22px; background: rgb(28,35,43); background: linear-gradient(0deg, rgba(28,35,43,1) 0%, rgba(28,35,43,0) 100%); backdrop-filter: none; margin:0;}
    .postavka-plitka a:nth-child(7) p span {display:block; width:230px; padding:0; margin:90px 20px 40px; background:none;} 
    .postavka-plitka a:nth-child(7) p span.mobile  {display:flex; margin:0 20px 90px;}
    .postavka-plitka a:nth-child(7) p span.mobile b {font-weight:400; color:#fff; font-size:18px; padding:16px 30px; background:var(--link);  border-radius:100px;}


.postavka-plitka a:nth-child(8) {/*Траволаторы*/  order:6; aspect-ratio: 5 / 5;
    margin:0 auto; width:calc(100% - 40px);}
.postavka-plitka a:nth-child(8) img {object-position: left 50%;}

}

/* End */


/* Start:/local/templates/lift/components/bitrix/news.list/advantages/style.css?17542488152562*/
#uslugi {width:100%; background:var(--gray3); margin:90px 0 0px;}

#uslugi .wrap {max-width:1440px; width:calc(100% - 80px); margin:0 auto; display:flex; align-items: flex-start; flex-direction: column; position:relative; z-index:2;}

#uslugi .uslugi-plitka {display: grid; gap:0px; grid-template-columns: 1fr 1fr; align-items: center; margin: 0 0 90px;}
     
    /* #uslugi .uslugi-plitka:last-child {margin: 0 0 120px;}  */
    #uslugi .uslugi-plitka:nth-child(odd) {direction: rtl;}
    

#uslugi .uslugi-plitka .descript {text-align:left; padding:0 90px;}
#uslugi .uslugi-plitka:nth-child(even) .descript {padding: 0 90px 0 0;}
#uslugi .uslugi-plitka .descript h2 {margin:0 0 0px;}
 

#uslugi .uslugi-plitka .pic {width:100%; aspect-ratio: 1920 / 1280; border-radius:8px; overflow:hidden; position:relative;}
#uslugi .uslugi-plitka .pic img {width:100%; height:100%; object-fit:cover;}
#uslugi .uslugi-plitka .pic video {width:100%; height:100%; object-fit:cover;}

  
#uslugi .uslugi-plitka a.pic {position:absolute; left:0; top:0; width:100%; height:100%; border:none; }
#uslugi .uslugi-plitka a.pic .go360 {position:absolute; left:0; top:0; width:100%; height:100%; border:none; }
#uslugi .uslugi-plitka a.pic iframe {width:100%; height:100%; object-fit:cover; border:none;}
#uslugi .uslugi-plitka a.pic .go360::after {position:absolute; content:''; left:0; top:0; width:100%; height:100%; background:#00000011 url(/local/templates/lift/assets/img/go360.svg)center no-repeat; clip-path: circle(60px); transition: all 0.5s ease-in-out;}
#uslugi .uslugi-plitka a.pic .go360:hover::after {background-color:#00000033; background-size:50px;  clip-path: circle(100%);}
 


a.gde {display:inline-block; margin:20px 0 0; font-size:14px; color:var(--link);}
.descript p {margin:40px 0 0; overflow:hidden; position:relative;} 

/*---MOBILE---*/
 
@media screen and (max-width:1024px){
    #uslugi .uslugi-plitka .descript {  padding-right:0px;}
}

@media screen and (max-width:768px){
    #uslugi .wrap {width:calc(100% - 40px);}
    #uslugi .uslugi-plitka .descript h2 {font-size:22px;}
    #uslugi .uslugi-plitka .descript p {font-size:14px; }
    #uslugi .uslugi-plitka .descript {text-align:left; padding:0 0 0 40px;}
    #uslugi .uslugi-plitka:nth-child(even) .descript {padding: 0 40px 0 0;}
}

@media screen and (max-width:450px){
    
    #uslugi {margin:0; padding:90px 0;}
    #uslugi .uslugi-plitka {display:flex; flex-direction: column;}
    #uslugi .uslugi-plitka .descript {padding:0;}
    #uslugi .uslugi-plitka .descript p {margin-bottom:40px;}
}


/* End */
/* /local/templates/lift/components/bitrix/catalog.section.list/portfolio/style.css?17621067285889 */
/* /local/templates/lift/components/bitrix/news.list/about/style.css?17542457852196 */
/* /local/templates/lift/components/bitrix/news/lifts/style.css?17621068206831 */
/* /local/templates/lift/components/bitrix/news.list/lifts/style.css?17621068948137 */
/* /local/templates/lift/components/bitrix/news.list/advantages/style.css?17542488152562 */
