/* themes/main_theme/style.css */
*{
box-sizing:border-box;
}
body{
  font-family: "Roboto",sans-serif !important;
  background:White!important;
}
body.stop{
 overflow-y:hidden; 
}
a{
color: inherit;
}
/* Убираем стандартный маркер Chrome */
details summary::-webkit-details-marker {
  display: none
}
/* Убираем стандартный маркер Firefox */
details > summary {
  position: relative;
  list-style: none;
}
/* Добавляем собственный маркер для закрытого состояния */
details summary:before {
  content: '\f0fe';
  font-family: "Font Awesome 5 Duotone";
  margin-right: 7px;
  position: absolute;
    right: 10px;
}

/* Добавляем собственный маркер для открытого состояния */
details[open] summary:before {
  content: '\f146';
}
li {
    list-style-type: none; /* Убираем маркеры */
}
ul {
    margin-left: 0; /* Отступ слева в браузере IE и Opera */
    padding-left: 0; /* Отступ слева в браузере Firefox, Safari, Chrome */
}
b{
 font-weight: bold; 
}
.cblocks .item strong{
  font-weight: bold; 
}
.cblocks .item ul {
    margin-left: 10px;
    padding-left: 30px;
}
.cblocks .item li {
    list-style-type: disc;
}
.maket-width{
	width:85%;
  	margin:0 auto;

}
.mob{
  display: none; 
}
@media(max-width: 1365px){
   .maket-width{
     width: 95%;
   }
}
@media(max-width: 1000px){
  br.pc{
    display: none; 
  }
  .mob{
    display: block;
  }
  .maket-width {
      width: 85%;
  }
}

@media(max-width: 550px){
  .maket-width {
      width: 95%;
  }
}

.footer .fusl .cols .col .title {
  display: inline-block;
}
.footer .fusl .cols .col span {
  margin: 0 0 20px 0;
  font-weight: 400;
  font-size: 18px;
  line-height: 20px;
  display: block;
}

.header .buttons nav {
    display: flex;
    align-items: Center;
    justify-content: center;
    flex: 1 1 auto;
}




/* Блок с формой на страницах блога */
.qyestionform{
    margin:100px 0 0 0;
    width:100%;
    background:url(https://as-metri.ru/images/62e925052a1cd.png);
    background-size:cover;
    background-position:Center center;
    padding:50px 0;
    display:Flex;
    align-items:Center;
    justify-content:center;
  }
  .qyestionform .content{
    width:571px;
  }
  .qyestionform .content .title{
    font-family: 'Montserrat';
    font-size:60px;
    font-weight:700;
    color:White;
    margin:0 0 50px 0;
    text-align:center;
  }
  .qyestionform .content input{
    height:80px;
    width:100%;
    border-radius: 40px;
    border:none;
    background:White;
    text-align:Center;
    color: #2C3C42;
    font-family: 'Montserrat';
    font-size:22px;
    font-weight:500;
    margin:0 0 40px 0;
  }
  .qyestionform .content input::placeholder{
    color: #2C3C42;
    font-family: 'Montserrat';
    font-size:22px;
    font-weight:500;
  }
  .qyestionform .content textarea{
    color: #2C3C42;
    font-family: 'Montserrat';
    font-size:22px;
    font-weight:500;
    height:230px;
    width:100%;
    border:none;
    background:White;
    border-radius: 40px;
    padding:30px;
    line-height:30px;
    margin:0 0 40px 0;
  }
  .qyestionform .content textarea::placeholder{
    color: #2C3C42;
    font-family: 'Montserrat';
    font-size:22px;
    font-weight:500;
  }
  .qyestionform .content .button{
    background: #E7BB46;
  border-radius: 40px;
    width:100%;
    height:80px;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    color: #2C3C42;
    font-family: 'Montserrat';
    font-size:22px;
    font-weight:500;
    margin:0 0 40px 0;
  }
  .qyestionform .content .police{
    text-align:center;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    color:white;
  }
  
  @media(max-width: 1000px){
    .qyestionform{
      padding: 50px 85px 70px;
      margin-top: 80px;
    }
    .qyestionform .content{
      width: 100%;
    }
    .qyestionform .content .title{
      font-size: 30px;
    line-height: 40px;
      margin-bottom: 25px;
    }
    .qyestionform .content input{
      width: 100%;
      font-size: 20px;
    line-height: 30px;
      margin-bottom: 40px;
    }
    .qyestionform .content input::placeholder{
      font-size: 20px;
    line-height: 30px;
    }
    .qyestionform .content textarea{
      width: 100%;
      font-size: 20px;
    line-height: 30px;
      margin-bottom: 40px;
    }
    .qyestionform .content textarea::placeholder{
      font-size: 20px;
    line-height: 30px;
    }
    .qyestionform .content .button{
      width: 100%;
      font-size: 20px;
      margin-bottom: 40px;
    }
    .qyestionform .content .police{
      font-size: 12px;
    line-height: 12px;
    }
  }
  
  @media(max-width: 550px){
    .qyestionform{
      padding: 55px 10px;
      margin-top: 50px;
    }
    .qyestionform .content{
      
    }
    .qyestionform .content .title{
      font-size: 20px;
    line-height: 20px;
      margin-bottom: 30px;
    }
    .qyestionform .content input{
      height: 50px;
      font-size: 14px;
      margin-bottom: 20px;
    }
    .qyestionform .content input::placeholder{
      font-size: 14px;
    }
    .qyestionform .content textarea{
      height: 170px;
      font-size: 14px;
      margin-bottom: 20px;
    }
    .qyestionform .content textarea::placeholder{
      font-size: 14px;
    }
    .qyestionform .content .button{
      height: 50px;
      margin-bottom: 20px;
    }
    .qyestionform .content .police{
      font-size: 10px;
    }
    
  }
/* Блок с формой на страницах блога */

/* assets/css/upage.css */
.utitle{
  	height:300px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:url(https://as-metri.ru/images/631b267f16287.jpg);
    background-size:cover;
    background-position:center center;
  }
  .utitle .text{
  	font-family: 'Montserrat';
    font-size: 45px;
    font-weight:700;
    color:White;
    text-transform:uppercase;
    text-align:center;
    line-height: 55px;
    max-width: 1200px;
  }
.ubread{
  	height:60px;
    background:#F4F4F4;
    display:flex;
    align-items:Center;
    padding:0 20px;
    font-family: 'Montserrat';
    color: #2C3C42;
    font-size:18px;
    font-weight:300;
  }
  .ubread a{
  	text-decoration:underline;
  }
  .ubread li:last-child a{
  	text-decoration:none;
  }
  .ubread .trel{
  	margin:0 5px;
    display: inline;
  }
.uttitle{
  	margin-top:100px;
  }
  .uttitle .content{
  	width:1237px;
    max-width:100%;
    text-align:center;
    margin:0 auto;
    color: #2C3C42;
    font-weight: 400;
    font-size: 22px;
    line-height: 32px;
  }
.uttitle .content p{
  	margin-top:40px;
  }
.porblock{
  	margin:100px 0 0 0;
    background:url(https://as-metri.ru/images/631b2720d18fb.jpg);
    background-size:cover;
    background-position:center center;
    padding:70px 0;
  }
  .porblock .title{
  	font-family: 'Montserrat';
    font-size:40px;
    font-weight:700;
    color:White;
    text-align:center;
    text-transform:uppercase;
  }
  .porblock .ttext{
  	color:white;
    font-weight: 400;
    font-size: 24px;
    line-height: 30px;
    margin:50px 0 0 0;
    text-align:center;
  }
  .porblock .greed{
  	width:100%;
    display:flex;
    align-items:flex-start;
    margin:50px 0 0 0;
  }
  .porblock.urka .greed{
    flex-wrap: wrap;
    justify-content: center;
  }
  .porblock .greed .item{
  	width:25%;
    padding:0 40px;
    text-align:center;
  }
  .porblock.urka .greed .item{
  	width:33%;
    margin-bottom: 80px;
  }
  .porblock .greed .item img{
  	margin:0 0 45px 0;
  }
  .porblock .greed .item .text{
  	color:White;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
  }
.uptitle{
  	margin:100px auto 0 auto;
    max-width:95%;
    color: #2C3C42;
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    text-align:center;
    text-transform:uppercase;
  }
.uptext{
  	margin: 90px auto 0 auto;
    width:1219px;
    max-width:95%;
    text-align:center;
    color: #2C3C42;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
  }

@media(max-width: 1550px){
  .utitle .text{
    font-size: 50px; 
  }
  .uptitle{
	font-size: 35px;
  }
}

@media(max-width: 1000px){
  .utitle .text{
  	font-size: 30px;
	line-height: 40px;
  }
  .ubread{
  	font-size: 12px;
	line-height: 18px;
  }
  .uttitle{
  	margin-top: 50px;
  }
  .uttitle .content{
  	font-size: 16px;
	line-height: 18px;
  }
  .uttitle .content p{
  	margin-top: 30px;
  }
  .uptitle{
  	margin-top: 50px;
    font-size: 20px;
	line-height: 30px;
  }
  .porblock{
  	padding: 70px 60px 60px 60px;
    margin-top: 80px;
  }
  .porblock .title{
  	font-size: 30px;
	line-height: 30px;
  }
  .porblock .ttext{
  	font-size: 16px;
	line-height: 20px;
    margin-top: 30px;
  }
  .porblock .greed{
	flex-wrap: wrap;
  }
  .porblock.urka .greed{
	flex-wrap: wrap;    
  }
  .porblock.urka .greed .item{
    width: 100%;
    margin-bottom: 20px;
  }
  .porblock .greed .item{
   width: 50%;
    margin-bottom: 45px;
    padding: 0 5px;
  }
  .porblock .greed .item img{
  	width: 60px;
    margin-bottom: 20px;
  }
  .porblock .greed .item .text{
  	font-size: 16px;
	line-height: 20px;
  }
  .uptext{
  	font-size: 16px;
	line-height: 20px;
  }
}
@media(max-width: 550px){
  .utitle{
  	height: 230px;
  }
  .utitle .text{
  	font-size: 20px;
	line-height: 24px;
    padding: 0 20px;
  }
  .utitle .text br{
    display: none; 
  }
  .ubread{
  	display: none;
  }
  .uttitle{
  	margin-top: 40px;
  }
  .uttitle .content{
  	font-size: 14px;
	line-height: 18px;
  }
  .uttitle .content p{
  	margin-top: 20px;
  }
  .porblock{
  	padding: 40px 10px 60px 10px;
    margin-top: 40px;
  }
  .porblock .title{
  	font-size: 20px;
	line-height: 30px;
  }
  .porblock .ttext{
  	font-size: 14px;
	line-height: 18px;
    margin-top: 20px;
  }
  .porblock .ttext br{
    display: none; 
  }
  .porblock .greed{
	margin-top: 25px;
  }
  .porblock .greed .item{
    width: 100%;
    margin-bottom: 30px;
    display: flex;
    text-align: left;
    align-items: center;
    padding: 0;
  }
  .porblock .greed .item img{
  	width: 40px;
    margin-bottom: 0px;
    margin-right: 10px;
  }
  .porblock .greed .item .text{
  	font-size: 14px;
	line-height: 18px;
  }
  .uptitle{
  	margin-top: 30px;
    font-size: 18px;
	line-height: 26px;
  }
  .uptext{
  	font-size: 14px;
	line-height: 20px;
    margin-top: 20px;
  }
}

/* assets/css/projects_and_subprojects.css */
/* Верхняя форма */

.upform{
  	margin:90px 0 0 0;
    display:Flex;
    align-items:center;
    justify-content:center;
    width:100%;
    background: #F4F4F4;
    padding: 40px 2.5%;
  }
  .upform .left{
  	color: #2C3C42;
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 30px;
    line-height: 40px;
    margin: 0 90px 0 0;
    text-transform:uppercase;
  }
  .upform .right{
  	
  }
  .upform .right .top{
  	display:flex;
    align-items:center;
  }
  .upform .right .top input{
  	width:350px;
    height:60px;
    text-align:Center;
    background:White;
    border: 1px solid #2C3C42;
	border-radius: 50px;
    color: #2C3C42;
    font-family: 'Roboto';
    font-size:30px;
    font-weight:300;
    margin:0 40px 0 0;
  }
  .upform .right .top input::placeholder{
  	color: #2C3C42;
    font-family: 'Roboto';
    font-size:30px;
    font-weight:300;
  }
  .upform .right .top .button{
  	width:350px;
    height:60px;
    background: #E7BB46;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    color: #2C3C42;
    font-family: 'Montserrat';
    font-size:24px;
    font-weight:400;
  }
  .upform .right .police{
  	margin:20px 0 0 0;
    text-align:Center;
    color: #2C3C42;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
  }
  
  @media(max-width: 1550px){
    .upform .left{
      margin: 0 20px 0 0;
      font-size: 22px;
      line-height: 30px;
    }
  }

  @media(max-width: 1200px){
    .upform .left{
      margin-right: 40px; 
    }
    .upform .right .top input{
      width: 300px;
      height: 55px;
      margin-right: 20px; 
      font-size: 22px;
    }
    .upform .right .top .button{
      width: 300px;
      height: 55px;
      font-size: 22px;
    }
    
    
  }

  @media(max-width: 1000px){
    .upform{
      flex-wrap: wrap;
      padding: 40px 20px 45px 20px;
      height: auto;
      margin-top: 40px;
    }
    .upform .left{
      font-size: 20px;
	  line-height: 28px;
      text-align: center;
      width: 100%;
      margin: 0;
      margin-bottom: 30px;
    }
    .upform .right{

    }
    .upform .right .top{
      
    }
    .upform .right .top input{
      width: 250px;
	  height: 40px;
      font-size: 16px;
      margin-right: 30px;
    }
    .upform .right .top input::placeholder{
      font-size: 16px;
    }
    .upform .right .top .button{
      width: 250px;
	  height: 40px;
      font-size: 16px;
    }
    .upform .right .police{
      font-size: 12px;
	  line-height: 14px;
    }
  }
  @media(max-width: 550px){
    .upform{
      padding: 35px;
      margin-top: 30px;
    }
    .upform .left{
      font-size: 18px;
	  line-height: 26px;
    }
    .upform .left br.pc{
      display: none; 
    }
    .upform .right{

    }
    .upform .right .top{
      flex-wrap: wrap;
    }
    .upform .right .top input{
      font-size: 14px;
      margin-right: 0;
      margin: auto;
      margin-bottom: 20px;
    }
    .upform .right .top input::placeholder{
      font-size: 14px;
    }
    .upform .right .top .button{
      margin: auto;
      font-size: 14px;
    }
    .upform .right .police{
      font-size: 12px;
	  line-height: 14px;
    }
  }
/* Верхняя форма */




/* Основные блоки контента*/
  .cblocks{
  }
  .cblocks .item{
  	margin:100px 0 0 0;
    display:flex;
    align-items:flex-start;
  }
  .cblocks .item .image{
  	width:550px;
    min-width:550px;
    margin:0 70px 0 0;
  }
  .cblocks .item .content{
  	max-width:960px;
  }
  .cblocks .item .content .text1{
  	text-transform:uppercase;
    color: #2C3C42;
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    margin:0 0 50px 0;
  }
  .cblocks .item .content .text2{
  	color: #2C3C42;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    margin:0 0 30px 0;
  }
  .cblocks .item .content .text3{
  	display:flex;
    align-items: flex-start;
    margin:0 0 20px 0;
    color: #2C3C42;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
  }
  .cblocks .item .content .text3 img{
  	margin:10px 10px 0 0;
  }
  .cblocks .item.rev .image{
  	margin:0 0 0 70px;
  }
  .cblocks .item .image.plan{
      display: none; 
  }
    .cblocks .item .image.mob{
      display: none; 
    }

  
  @media(max-width: 1550px){
    .cblocks .item .content .text1{
      margin-bottom: 20px;
    }
    .cblocks .item .content .text2{
      margin-bottom: 20px;
    }
  }


  @media(max-width: 1300px){
    .cblocks .item .image{
      width: 400px;
      min-width: 400px;
      margin: 0 50px 0 0;
    }
  }
  
  @media(max-width: 1000px){
    .cblocks{
    }
    .cblocks .item{
      margin: 40px 0 0 0;
      flex-wrap: wrap;
      width: 100%;
    }
    .cblocks .item .image{
      width: 100%;
      margin: 0 auto 40px auto;
      min-width: auto;
    }
    .cblocks .item .image.pc{
      display: none; 
    }
    .cblocks .item .image.plan{
      display: block; 
    }
    .cblocks .item .content{
      max-width: 100%;
    }
    .cblocks .item .content .text1{
      font-size: 20px;
	  line-height: 30px;
      margin-bottom: 20px;
    }
    .cblocks .item .content .text1 br{
      display: none; 
    }
    .cblocks .item .content .text2{
      font-size: 16px;
	  line-height: 20px;
      margin-bottom: 20px;
    }
    .cblocks .item .content .text3{
      font-size: 16px;
	  line-height: 20px;
      margin-bottom: 20px;
      margin-left: 25px;
    }
    .cblocks .item .content .text3 img{
      margin:0 10px 0 0;
    }
    .cblocks .item.rev .image{
      margin: 0 auto 40px auto;
      order: 1;
    }
    .cblocks .item.rev .content{
       order: 2;
    }
  }
  @media(max-width: 550px){
    .cblocks{
      
    }
    .cblocks .item{
      margin: 30px 0 0 0;
    }
    .cblocks .item .image{
      margin-bottom: 20px;
    }
    .cblocks .item .image.plan{
      display: none; 
    }
    .cblocks .item .image.mob{
      display: block; 
    }
    .cblocks .item .content{
      
    }
    .cblocks .item .content .text1{
      font-size: 18px;
	  line-height: 24px;
      margin-bottom: 20px;
    }
    .cblocks .item .content .text1 br{
      display: block;
    }
    .cblocks .item .content .text2{
      font-size: 14px;
	  line-height: 18px;
      margin-bottom: 20px;
      
    }
    .cblocks .item .content .text3{
      font-size: 14px;
	  line-height: 16px;
      margin-bottom: 10px;
    }
  }
/* Основные блоки контента*/






/* Нижняя форма */
  .specform{
  	margin:100px 0 0 0;
    background: #F4F4F4;
    padding: 50px 0;
    display:Flex;
    align-items:Center;
  }
  .specform .maket-width{
  	display:flex;
    align-items:center;
  }
  .specform .left{
  	text-transform:uppercase;
    color:#2C3C42;
  }
  .specform .left .top{
    font-size: 25px;
    font-weight:700;
  }
  .specform .left .bot{
  	font-size: 21px;
    font-weight:300;
    margin:10px 0 0 0;
  }
  .specform .left .bot a{
  	color:#E7BB46;
    font-weight:600;
  }
  .specform .button{
  	margin:0 0 0 auto;
    width:300px;
    height:70px;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    background: #E7BB46;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
    text-transform:uppercase;
    color: #2C3C42;
    font-family: 'Montserrat';
    font-size:24px;
    font-weight:400;
  }
  
  @media(max-width: 1400px){
    .specform{
      padding: 30px 0; 
    }
    .specform .maket-width{
      flex-wrap: wrap; 
      justify-content: center;
    }
    .specform .left .top{
      font-size: 27px; 
    }
    .specform .left .bot{
      font-size: 23px; 
    }
    .specform .button{
       margin: 20px auto 0;
    }
  }
  
  @media(max-width: 1000px){
    .specform{
      padding: 35px 15px;
      margin-top: 40px;
      height: auto;
    }
    .specform .maket-width{
      flex-wrap: wrap;
    }
    .specform .left{
      text-align: center;
    }
    .specform .left .top{
      font-size: 20px;
	  line-height: 28px;
    }
    .specform .left .bot{
      font-size: 20px;
	  line-height: 28px;
    }
    .specform .left .bot a{
      
    }
    .specform .button{
      width: 250px;
	  height: 40px;
      font-size: 16px;
	  line-height: 30px;
      margin: 20px auto 0 auto;
    }
  }
  @media(max-width: 550px){
    .specform{
      margin-top: 30px;
      padding: 30px 10px;
    }
    .specform .maket-width{
      
    }
    .specform .left{
      font-size: 18px;
	  line-height: 24px;
    }
    .specform .left .top{
      
    }
    .specform .left .bot{
      
    }
    .specform .left .bot a{
      display: block;
   	  margin-top: 5px;
    }
    .specform .button{
      font-size: 14px;
    }
  }
/* Нижняя форма */


/* Галлерея */
  .premphotos{
  	margin:100px 0 0 0;
  }
  .premphotos .title{
  	text-align:center;
    margin:0 0 50px 0;
    font-family: 'Montserrat';
    color: #2C3C42;
    font-size:40px;
    font-weight:700;
  }
  .premphotos .title br{
    display: none; 
  }
  .premphotos .greed{
  	display:flex;
    align-items:flex-start;
    justify-content:center;
    flex-wrap:Wrap;
    width:100%;
    padding:0 2.5%;
  }
  .premphotos .greed .item{
  	margin:10px;
    position:relative;
    overflow:hidden;
    display:Flex;
    align-items:Center;
    justify-content:center;
    cursor:pointer;
    width:300px;
    height:200px;
    border: 3px solid #8B8B8B;
  }
  .premphotos .greed .item .overflow{
  	position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    display:flex;
    align-items:Center;
    justify-content:center;
    transition:0.3s;
    opacity:0;
    background:rgba(44,60,66,0.7);
  }
  .premphotos .greed .item .imain{
  	max-width: 100%;
  }
  .premphotos .greed .item:hover .overflow{
  	opacity:1;
  }
  
  @media(max-width: 1600px){
    .premphotos .greed .item{
      width: 240px; 
      height: 179px;
    }
  }

  @media(max-width: 1000px){
    .premphotos{
      margin: 40px 0 0 0;
    }
    .premphotos .title{
      font-size: 20px;
	  line-height: 40px;
      margin-bottom: 30px;
    }
    .premphotos .greed{
      
    }
    .premphotos .greed .item{
      width:200px;
      height: 130px;
      margin: 5px;
    }
    .premphotos .greed .item .overflow{
     
    }
    .premphotos .greed .item .imain{
	  width: 100%;
    }
    .premphotos .greed .item:hover .overflow{
      
    }
  }
  @media(max-width: 550px){
    .premphotos{
      margin: 30px 0 0 0;
    }
    .premphotos .title{
      font-size: 18px;
	  line-height: 24px;
      margin-bottom: 20px;
      text-align: left;
      padding-left: 2.5%;
    }
    .premphotos .title br{
      display: block; 
    }
    .premphotos .greed{
      
    }
    .premphotos .greed .item{
      width: calc(50% - 8px);
   	  height: auto;
      margin: 4px;
    }
  }
/* Галлерея */




/* Страница перечня услуг */

.fblocks{
  	margin-top:100px;
    display:flex;
    align-items:flex-start;
    flex-wrap: wrap;
  }
  .fblocks .item{
  	width: calc(25% - 20px);
    margin: 0 20px 40px 0;
  }
  .fblocks .item:last-child{
  	margin:0;
  }
  .fblocks .item img{
  	width:100%;
  }
  .fblocks .item .text{
  	width:100%;
    height:140px;
    display:Flex;
    align-items: flex-start;
    padding: 20px;
    background: #F4F4F4;
    color: #2C3C42;
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 18px;
	line-height: 24px;
    text-transform:uppercase;
  }
	
  @media(max-width: 1600px){
    .fblocks .item .text{
      font-size: 20px;
    }
  }

	@media(max-width: 1400px){
      .fblocks .item {
          width: calc(33% - 20px);
      }
	}

  @media(max-width: 1000px){
    .fblocks{
      flex-wrap: wrap;
      margin-top: 40px;
    }
    .fblocks .item{
      width: calc(50% - 10px);
      margin-right: 10px;
      margin-bottom: 30px;
    }
    .fblocks .item:last-child{
      
    }
    .fblocks .item img{
      
    }
    .fblocks .item .text{
      font-size: 20px;
	  line-height: 24px;
      height: 150px;
    }
  }
  @media(max-width: 550px){
    .fblocks .item{
      width: 100%;
      margin-right: 0px;
      margin-bottom: 20px;
    }
    .fblocks .item .text{
      font-size: 20px;
	  line-height: 24px;
      height: 150px;
    }
  }


  .texts{
  	margin-top: 60px;
  }
  .texts .item{
  	margin:0 0 50px 0;
    color: #2C3C42;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
  }
  .texts .item .marker{
	padding-left: 20px;
    margin-top: 10px;
    display: flex;
    align-items: flex-start;
  }
   .texts .item .marker img{
    margin-right: 10px; 
    margin-top: 10px;
   }
  .texts .item h3{
    font-weight: 700;
    font-size: 28px;
	line-height: 34px;
    margin-bottom: 20px;
  }
  @media(max-width: 1000px){
    .texts{
      margin-top: 30px;
    }
    .texts .item{
      margin:0 0 25px 0;
      font-size: 16px;
	  line-height: 18px;
    }
    .texts .item h3{
      font-size: 20px;
	  line-height: 22px;
      margin-bottom: 10px;
    }
  }
  
  @media(max-width: 550px){
    .texts .item{
      margin:0 0 20px 0;
      font-size: 14px;
	  line-height: 18px;
    }
    .texts .item h3{
      font-size: 18px;
	  line-height: 20px;
      margin-bottom: 5px;
    }
    .texts .item .marker img{
      margin-top: 5px;
    }
  }

/* Страница перечня услуг */

/* assets/css/legacy-critical.css */
/*
 * Minimal first-screen layout for the mirrored YDSM pages.
 * Full legacy styles still load unchanged; these rules prevent late layout
 * shifts and expose the LCP background image during the initial head parse.
 */

.container.modal.invisible {
  display: none !important;
}

.utitle {
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url("/images/631b267f16287.jpg") center / cover no-repeat;
}

.utitle .text {
  max-width: 1200px;
  padding: 0 20px;
  color: #fff;
  font-family: Montserrat, Arial, sans-serif;
  font-size: 45px;
  font-weight: 700;
  line-height: 55px;
  text-align: center;
  text-transform: uppercase;
}

.ubread {
  min-height: 60px;
}

.uptitle {
  margin: 100px auto 0;
  max-width: 95%;
  color: #2c3c42;
  font-family: Montserrat, Arial, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
  text-align: center;
  text-transform: uppercase;
}

.uptext {
  width: 1219px;
  max-width: 95%;
  margin: 90px auto 0;
  color: #2c3c42;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
}

.islider,
.islider .slides .slide {
  height: 900px;
}

.islider {
  position: relative;
}

.islider .slides .slide {
  display: flex;
  align-items: center;
  justify-content: center;
  background: url("/images/63622fad0c3f6.jpg") center / cover no-repeat;
}

.islider .slides .slide .content {
  width: 1200px;
  height: 350px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
}

.islider .nav img {
  display: block;
  width: 35px;
  height: 64px;
}

.uslugin {
  margin-top: 100px;
}

.uslugin .greed.pc {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-top: 50px;
}

.uslugin .greed .item {
  width: calc(33.3% - 40px);
  min-height: 513px;
  margin: 0 40px 30px 0;
  background: #efefef;
}

.uslugin .greed .item .top {
  min-height: 80px;
}

.uslugin .greed .item .bot .line img {
  width: 10px;
  height: 10px;
  flex: 0 0 10px;
}

@media (max-width: 1550px) {
  .islider,
  .islider .slides .slide {
    height: 700px;
  }
}

@media (max-width: 1400px) {
  .islider,
  .islider .slides .slide {
    height: 600px;
  }
}

@media (max-width: 1000px) {
  .utitle .text {
    font-size: 30px;
    line-height: 40px;
  }

  .uptitle {
    margin-top: 50px;
    font-size: 20px;
    line-height: 30px;
  }

  .uptext {
    font-size: 16px;
    line-height: 20px;
  }

  .islider,
  .islider .slides .slide {
    height: 700px;
  }

  .islider .slides .slide .content {
    width: calc(100% - 40px);
    height: auto;
    padding: 50px 25px;
  }

  .uslugin {
    margin-top: 50px;
  }

  .uslugin .greed .item {
    width: 100%;
    min-height: 0;
    margin: 0 0 20px;
  }
}

@media (max-width: 550px) {
  .utitle {
    height: 230px;
  }

  .utitle .text {
    font-size: 20px;
    line-height: 24px;
  }

  .uptitle {
    margin-top: 30px;
    font-size: 18px;
    line-height: 26px;
  }

  .uptext {
    margin-top: 20px;
    font-size: 14px;
    line-height: 20px;
  }

  .islider,
  .islider .slides .slide {
    height: 360px;
  }

  .islider .slides .slide .content {
    width: calc(100% - 20px);
    padding: 30px 10px;
  }
}

/* assets/css/legacy-icons.css */
.far {
  display: inline-block;
  width: 14px;
  height: 14px;
}

.fa-chevron-left::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border: solid currentColor;
  border-width: 0 0 2px 2px;
  transform: rotate(45deg);
}

.fa-chevron-right::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border: solid currentColor;
  border-width: 2px 2px 0 0;
  transform: rotate(45deg);
}