/* Remove the navbar's default margin-bottom and rounded borders */ 
    .navbar {
      margin-bottom: 0;
      border-radius: 0;
    }
    
    /* Set height of the grid so .sidenav can be 100% (adjust as needed) */
    .row.content {height: 450px}
    
    /* Set gray background color and 100% height */
    .sidenav {
      padding-top: 20px;
      background-color: #f1f1f1;
      height: 100%;
    }
    
    /* Set black background color, white text and some padding */
    footer {
      background-color: #555;
      color: white;
      padding: 15px;
    }
    
    /* On small screens, set height to 'auto' for sidenav and grid */
    @media screen and (max-width: 767px) {
      .sidenav {
        height: auto;
        padding: 15px;
      }
      .row.content {height:auto;} 
    }
  
body, p, div {
  font-family: 'Roboto', sans-serif; font-size:12pt;
}

.header {background-color: #2F5597; padding: 10px;}


.header_index { position: absolute; z-index: 2000; top:20px; width: 100%;}



.mobilemenuck-bar-title {background-color: #2F5597 !important}

.mobilemenuck-bar-button {background-color: #1E3470 !important}
.mobilemenuck-item >.level1 {background-color:#1E3470 !important }

.mobilemenuck  {height: 100%; background-color: black !important;}
.mobilemenuck-title {background-color: black !important;}
.index_block {font-size: 13pt; font-weight:300}

.menu {background-color: #1E3470}

.phone {background-image: url(/images/phone.svg); background-repeat: no-repeat; display: inline;background-position: left; padding: 10px; 
padding-left: 40px; color:white; font-size: 30px; text-align: right;}

  .right {text-align:right !important;}



  
.alert-info {display: none;}

.address { color:white; font-size: 16pt;}
.nav>li { display: inline-block !important; }
.nav>li.active a {background-color: #2F5597}

.nav>li>a {display: inline-block; color:white; padding-top:15px; padding-bottom: 15px; font-size: 14pt;  text-transform: uppercase; font-weight: 100}
.nav>li>a:hover {background-color: #2F5597}


.footer {background-image: url(/images/bottom_bg.png); padding: 15px; background-color:#2F5597; min-height:364px; margin-top: 20px; }

.menu_footer {border-bottom: 1px solid #6175AC; padding-bottom: 10px; margin-bottom: 30px; }
.menu_footer a {font-size: 12pt !important;}


.flex-container {
  display: flex;
   justify-content:left;
  gap: 20px; /* Расстояние между колонками */
}



.column, .column a, column div {color:white; display: block; }





  .skewed-header {
  position: relative;
  display: inline-block;
  background: #2F5597; /* Синий цвет */
  color: white;
  padding: 15px 50px;
  margin: 20px 0;
    text-transform: uppercase;
    font-weight: 100;
}

.skewed-header::before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 20px 20px; /* Размер скоса */
  border-color: transparent transparent white transparent; /* Белый скос */
}

.skewed-header h2 {
  margin: 0;
  font-weight: normal;
  font-size:20pt;
}
  

.skewed-header h3 {
  margin: 0;
  font-weight: normal;
  font-size:16pt;
}
  



  .gray-header {
  position: relative;
  display: inline-block;
  background: #F1F1F1; /* Синий цвет */
  color: black;
  padding:0px;
    min-height: 300px;
  margin: 20px 0;
}
.gray-header img {width: 100%;}

.content {min-height: 500px}

.uslugi .gray-header {min-height: 350px; }
.uslugi .gray-header p {font-size: 18pt !important;}


.index_block .column {
  
   flex: 1; 
}
.gray-header::before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 20px 20px; /* Размер скоса */
  border-color: transparent transparent white transparent; /* Белый скос */
}
.gray-header P {
  padding: 15px;
  margin-top: 0px;
  font-weight: 400; font-size: 13pt
}
.mwall-filters-sortings {display: none !important}
.mwall-desc {line-height: auto !important; padding: 0px}
.mwall-title {padding: 0px !important}


.object_page .mwall-desc {line-height: auto !important; padding: 15px !important; padding-top:5px !important;}
.object_page .mwall-title {line-height: auto !important; padding: 15px !important; padding-bottom: 0px !important;  }

.object_page .mwall-title a {font-size: 20pt !important;}

.telegram_header {background-color:#1E3470; color:white; display:inline-block;  
  padding-left: 35px; width:100%; font-size: 16pt; text-transform: uppercase;
   text-align:left; padding-top: 10px;  background-image: url(/images/tg.svg);  
  background-position: left; background-repeat: no-repeat;
  padding-left: 50px; margin-bottom: 0px; border:0px solid red; line-height: 50px;padding-bottom: 10px;
}


.telegram_link {
	background-color:#1E3470; color:white;  padding:5px; padding-left: 25px; padding-right: 25px; font-size: 12pt; font-weight: normal; border-radius:5px; float: right; margin-bottom: 20px; margin-top: 20px; 
}


li {list-style: disc}

.header_index .menu { background-color:transparent !important; background-image: url(/images/transparent.png); }


.navigation {font-size: 8pt; margin-top: 10px;}


.image_object img {width: 100% !important; height: auto !important;  position: relative;}







  .back, .back:visited {
  position: relative;
  display: inline-block;
  background: #2F5597; /* Синий цвет */
  color: white;
  padding: 6px 50px;
    padding-bottom:6px;

  margin: 20px 0 ;
    margin-top: 10px;
        margin-bottom: 0px;
    text-transform: uppercase;
    font-weight: 100;
    text-decoration: none;
}

.mwall-item-img a:hover { transition: 0.5s; transform: scale(1.2)}




.back:hover, .back:focus  {color:white; background: #1E3470; text-decoration: none; }

.back::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 0px; /* Размер скоса */
  border-color: transparent transparent white transparent; /* Белый скос */
}

.page-header {border: 0px; margin: 0px; color: #2F5597}

.smalldesc {margin-bottom: 20px; font-weight: 200; font-size: 14pt;}
.works li {list-style: none; font-size: 16pt; margin-left: -40px; margin-bottom: 10px;}

.works li ul li {list-style: none; font-size: 16pt; margin-left: 0px; margin-bottom: 0px; font-size:14pt; margin-bottom: 5px; margin-top: 5px;}

.desc {margin-top: 30px;}
.desc p {padding-bottom:10px; font-size: 16pt; font-weight: 300}

 .about_block{margin-top: -20px !important;}
@media (max-width: 600px) {
  
  .right {text-align:left !important;}
  
  
  
.phone {padding-left: 0px; background: none; font-size: 18pt !important;}
.navigation {float: none !important; display: block;}
  
  .footer {min-height: auto !important;}
  .about_block{margin-top: 10px !important;}
  
  
.flex-container {
  display: block;}

  
  
  
  }



.vac h3 {font-size: 16pt !important; font-weight: normal !important}