body{
  margin: 0px;
  font-family:  Roboto, Arial, Helvetica, sans-serif;
  background:#f5f7fa;

}
.contpog{

  margin-top:-15px;
  color: #444;
}.contpog h4{
  margin-top:0px;
  padding: 0px;
  margin-bottom: 5px;

}
.imgyand{
  width: 150px;
  height: 100px

}
a{
    text-decoration: none;
 color: #206286;
}

.wrap-main{
  max-width: 970px;
margin: auto

}
.header_top{
  color: #fff;
    height: 48px;
  padding: 16px;
/*    background: url(/images/header_bg50.png) repeat-x left top;*/
  background: #111827;
        border-bottom: 1px solid #353535;
    -webkit-box-shadow: 0px 0px 2px 1px grey;
    -moz-box-shadow: 0px 0px 2px 1px grey;
    box-shadow: 0px 0px 2px 1px grey;

}.header_top_a a{
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.8);
  
  font-size: 14px;
display: inline-block;
  text-decoration: none;
  color: #e2e8f0;
}
.header_top_a a {
  color: #e2e8f0;
}
.header_top_a a:hover {
  color: #fff;
}
.header_top_a{
  width: 950px;
}
.wrap_logo{
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.8);
   font-size: 20px;
}
.menu{
  display: none;
}
@media (max-width: 767px) {
  .wrap_logo{
      font-size: 15px;
      
  }
  .header_top_a{
  display: none;
  }
.menu{
  display: block;
}
}
.menu img{
  margin-top: 3px;
  width: 26px;
}.menu img:active{
  background: #FABB62
}
ol{
padding: 0px;

}
.imgvip img{
  width: 120px;
  /*max-width: 300px;*/
  border: 1px solid rgb(221, 221, 221);
}
.imgvip{
   
}.adtext{
   color: #444;
   font-size: 12px;
}
.wrap_firm_item{
   border-bottom: 1px solid rgb(221, 221, 221);
   padding:10px;
     
    
}
.vip{
 background: #f2f2f2;
  
  padding-bottom: 10px;
 border-bottom: 1px solid rgb(221, 221, 221);
}
.link_menu li{
  margin-left: 16px;
 list-style-type: none;  
 margin-top: 21px;

}
.link_menu{

 box-shadow: 0 0 4px rgba(0,0,10,0.5);
  display: none;
  position: absolute;
  padding: 8px 0 8px 0;
   background: #0f172a;
  width: 100%;
    z-index:1000;
    margin-left: -16px;
}.link_menu a{
  font-size: 18px;
  color: #fefefe;
}
.logo{
color: #fff;
  font-weight: 700;
 
}
.main{
  min-height: 900px;
}
footer{
  background: #111827;
 
}

/*767
main #206286
#556C7A
#AD7421
#172D3B
#305D7A
#FABB62
*/
.clearfix:after {
content: ".";
display: none;
clear: both;
line-height: 0;
height: 0;
}
 
.clearfix {
display: inline-block;
}
 
* html .clearfix { zoom: 1; } /* IE6 */
*+html .clearfix { zoom: 1; } /* IE7 */
 
html[xmlns] .clearfix {
display: block;
}
 
* html .clearfix {
height: 1%;
}
.bus {
    background: url(/images/main_bus1.jpg) no-repeat;
      
    }

    .spr{
 background: url(/images/main_firm1.jpg) no-repeat;
    } .busg{
 background: url(/images/main_busg.jpg) no-repeat;
    }  .train{
 background: url(/images/main_train.jpg) no-repeat;
    } .taxi{
 background: url(/images/main_taxi1.jpg) no-repeat;
    } .map{
 background: url(/images/main_map1.jpg) no-repeat;
    } .articles{
 background: url(/images/articles.jpg) no-repeat;
    } 
    .count{
 background: url(/images/main_count.jpg) no-repeat;
    } 
.icon{
   height: 100px;
  width: 100px;
  border-radius: 50%;
display: inline-block;
    background-size: cover;
  display: inline-block;
}
.wrap_main_icon{
  width: 100%;
   text-align: center;
}
.wrap_icon{
display: block;
  color: #444;
  float: left;
  text-align: center;
  margin-left: 16px;
  margin-top: 16px;
 border: solid 1px #fefefe; 
  padding:16px;
  width: 250px;
  min-height: 229px;
}.wrap_icon a{
   border-bottom: 1px dotted;
   color: #444
}
.wrap_icon, .article {
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  border-radius: 10px;
  background: #fff;
}

.link_mr{
display: block;
 
}
 
.spr_rubric{
  padding: 16px;
  display: block;
 
     border: solid 1px #fefefe; 
     cursor: pointer;
}
/*
main #206286
#556C7A
#AD7421
#172D3B
#305D7A
#FABB62
*/

.wrap_spr{
  display: block;
  background: #fff;
    min-height: 900px;
    padding-right: 32px;
  /*max-width: 450px;*/
}.wrap_spr h1{
  color:#206286;

}
.wrap_spr a {
  border-bottom: 1px dotted;
}
.wrap_spr h2 {
  font-size: 16px;

}
.wrap_spr_item{

  margin-top: 8px;
  max-width: 450px;
  padding: 0px 0 0 32px;
}

.wrap_firm{
  margin-left: 32px;

}.wrap_firm p{
  margin: 4px 0 0 0;

}
.wrap_firm_item h2{
  margin: 28px 0px 4px 0px;
    margin-top: 28px;
}.wrap_firm_item ol{
margin-left: 13px;
}.wrap_firm_item li{
margin-top: 3px;
}

.wrap_spr h1{
font-size: 21px;
}
.width250 {
  max-width: 450px;
}

.ind_h h1{
  font-size: 21px;
  color: #206286;
font-weight: 300;
}.ind_h  {

  line-height: 24px;
  font-weight: 300;

}
.div_ol{
 font-size: 18px;
}
.ol
{
  padding-left: 10px;
  
    
  
  }
 
.ol2
{
    padding-left: 10px;
  background: #EAEFF5;
}
 .linkFooter a{
  font-size: 12px;
color: #749db3
 }.linkFooter  {
color: #749db3
 }
 .krosh{

margin-left: 16px;
  font-size: 13px;
}



@media (max-width: 767px) {
  .wrap_logo{
      font-size: 15px;
      
  }
  .header_top_a{
  display: none;
  }
.menu{
  display: block;
}
.wrap_icon{
  float: none;
}
}
.ad {
  margin-top: 16px;
  max-width: 500px;
}

.ad img{
  width:100%;
}


a.button10 {
  display: inline-block;
  color: black;
  font-size: 125%;
  font-weight: 700;
  text-decoration: none;
  user-select: none;
  padding: .25em .5em;
  outline: none;
  border: 1px solid rgb(250,172,17);
  border-radius: 7px;
  background: rgb(255,212,3) linear-gradient(rgb(255,212,3), rgb(248,157,23));
  box-shadow: inset 0 -2px 1px rgba(0,0,0,0), inset 0 1px 2px rgba(0,0,0,0), inset 0 0 0 60px rgba(255,255,0,0);
  transition: box-shadow .2s, border-color .2s;
} 
a.button10:hover {
  box-shadow: inset 0 -1px 1px rgba(0,0,0,0), inset 0 1px 2px rgba(0,0,0,0), inset 0 0 0 60px rgba(255,255,0,.5);
}
a.button10:active {
  padding: calc(.25em + 1px) .5em calc(.25em - 1px);
  border-color: rgba(177,159,0,1);
  box-shadow: inset 0 -1px 1px rgba(0,0,0,.1), inset 0 1px 2px rgba(0,0,0,.3), inset 0 0 0 60px rgba(255,255,0,.45);
}

a.button10 {
  display: inline-block;
  color: white;
  text-decoration: none;
  padding: .5em 2em;
  outline: none;
  border-width: 2px 0;
  border-style: solid none;
  border-color: #FDBE33 #000 #D77206;
  border-radius: 6px;
  background: linear-gradient(#F3AE0F, #E38916) #E38916;
  transition: 0.2s;
} 
a.button10:hover { background: linear-gradient(#f5ae00, #f59500) #f5ae00; }
a.button10:active { background: linear-gradient(#f59500, #f5ae00) #f59500; }


/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.ads{

  margin-left:   5px;
  margin-right:   5px;
}
.admitBlock{

 display: inline-block;
   
}
.contain-ad {
 
 background: #fefefe;
margin: auto;
text-align: center;
}
.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
@media ( max-width: 767px) {
  .modad{
  width: 100%;
}
}
@media ( min-width: 767px) {
  .modad{
  width: 50%;
}
}
/* .modad{
  width: 100%;
} */
/* GRID 2 колонки */
.articles-grid {
  max-width: 1100px;
  margin: 40px auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

/* Карточка статьи */
.article-card {
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
  transition: 0.2s;
}

/* hover эффект */
.article-card:hover {
  transform: translateY(-3px);
}

/* заголовок */
.article-card h3 {
  margin-bottom: 10px;
  font-size: 18px;
  color: #1e293b;
}

/* текст */
.article-card p {
  color: #555;
  font-size: 14px;
  line-height: 1.5;
}

/* кнопка */
.article-card a {
  display: inline-block;
  margin-top: 10px;
  padding: 8px 14px;
  background: #2563eb;
  color: #fff;
  border-radius: 6px;
  text-decoration: none;
  font-size: 14px;
}

/* мобильная версия */
@media (max-width: 768px) {
  .articles-grid {
    grid-template-columns: 1fr;
  }
}
/* GRID */
.articles-grid {
  max-width: 1100px;
  margin: 40px auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

/* КАРТОЧКА */
.article-card {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 6px 16px rgba(0,0,0,0.08);
  transition: 0.2s;
}

.article-card:hover {
  transform: translateY(-4px);
}

/* КАРТИНКА */
.article-card img {
  width: 100%;
  height: 180px;
  object-fit: cover;
}

/* КОНТЕНТ */
.article-content {
  padding: 15px;
}

/* ДАТА */
.article-meta {
  font-size: 12px;
  color: #888;
  margin-bottom: 8px;
}

/* ЗАГОЛОВОК */
.article-card h3 {
  font-size: 18px;
  margin-bottom: 10px;
}

.article-card h3 a {
  color: #111;
  text-decoration: none;
}

/* ТЕКСТ */
.article-card p {
  font-size: 14px;
  color: #555;
}

/* КНОПКА */
.read-more {
  display: inline-block;
  margin-top: 12px;
  padding: 8px 14px;
  background: #2563eb;
  color: #fff;
  border-radius: 6px;
  text-decoration: none;
  font-size: 14px;
}

.read-more:hover {
  background: #1d4ed8;
}

/* МОБИЛКА */
@media (max-width: 768px) {
  .articles-grid {
    grid-template-columns: 1fr;
  }
}

.header_top_a a {
  position: relative;
  margin-right: 18px;
}

/* точка-разделитель */
.header_top_a a:not(:last-child)::after {
  content: "•";
  position: absolute;
  right: -12px;
  color: #94a3b8;

}

.logo-block {
  display: flex;
  flex-direction: column;
}

.logo {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;
}

.tagline {
  font-size: 12px;
  color: #9ca3af;
}

/* блок сверху */
.top-widgets {
  max-width: 1100px;
  margin: 20px auto;
  display: flex;
  gap: 20px;
  justify-content: center;
}

/* карточка */
.widget {
  background: #fff;
  padding: 15px;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
  text-align: center;
}

/* заголовок */
.widget-title {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #111827;
}

/* картинка */
.widget img {
  width: 180px;
}

/* iframe */
.widget iframe {
  width: 220px;
  height: 180px;
  border: none;
}

/* мобилька */
@media (max-width: 768px) {
  .top-widgets {
    flex-direction: column;
    align-items: center;
  }
}

/* хлебные крошки */
.breadcrumbs {
  max-width: 1000px;
  margin: 20px auto;
  font-size: 14px;
  color: #6b7280;
}

.breadcrumbs a {
  color: #2563eb;
  text-decoration: none;
}

/* контейнер */
.schedule-container {
  max-width: 1000px;
  margin: auto;
  background: #fff;
  padding: 25px;
  border-radius: 12px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.08);
}

/* заголовок */
.schedule-container h1 {
  text-align: center;
  margin-bottom: 10px;
}

/* заметка */
.note {
  text-align: center;
  color: #9ca3af;
  font-size: 13px;
  margin-bottom: 20px;
}

/* сетка */
.schedule-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

/* блок */
.schedule-block {
  background: #f9fafb;
  padding: 15px;
  border-radius: 10px;
}

/* заголовок */
.schedule-block h3 {
  margin-bottom: 10px;
  color: #111827;
}

/* время */
.time-item {
  padding: 6px 10px;
  margin: 4px 0;
  background: #fff;
  border-radius: 6px;
  font-size: 17px;
  border: 1px solid #eee;
}

/* реклама */
.ad-block {
  margin-top: 20px;
  text-align: center;
}

/* мобилька */
@media (max-width: 768px) {
  .schedule-grid {
    grid-template-columns: 1fr;
  }
}
/* контейнер */
.bus-container {
  max-width: 1000px;
  margin: auto;
  padding: 20px;
}

/* заголовок */
.bus-container h1 {
  text-align: center;
  margin-bottom: 20px;
}

/* сетка */
.bus-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 15px;
}

/* карточка */
.bus-card {
  display: block;
  background: #fff;
  padding: 15px;
  border-radius: 10px;
  text-decoration: none;
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
  transition: 0.2s;
}

/* hover */
.bus-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}

/* номер */
.bus-number {
  font-size: 20px;
  font-weight: 700;
  color: #111827;
}


/* маршрут */
.bus-route {
  font-size: 14px;
  color: #6b7280;
  margin-top: 5px;
}

/* реклама */
.ad-block {
  margin-top: 30px;
  text-align: center;
}.bus-container {
  max-width: 1000px;
  margin: auto;
  padding: 20px;
}

.bus-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 15px;
}

.bus-card {
  display: block;
  background: #fff;
  padding: 15px;
  border-radius: 10px;
  text-decoration: none;
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
  transition: 0.2s;
}

.bus-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}

.bus-number {
  font-size: 20px;
  margin-bottom: 5px;
}

.bus-route {
  font-size: 17px;
  color: #374151;
}

.ad-block {
  margin-top: 30px;
  text-align: center;
}