* {box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family:Helvetica, Arial,'Roboto',  sans-serif;
 
    
}

html {
font-family: Helvetica,'Roboto', Arial,  sans-serif;
}


.grid-container{
    margin:0 auto;
    display: grid;
    width: 1100px;
    margin-top: 0px;
    grid-template-columns: repeat(4, minmax(260px, auto));
    gap: 10px 20px;
    grid-template-areas: 
    "header header header header"
    "nav nav nav nav"
    "timeline blog blog MostRead"
    "bannerBlock bannerBlock bannerBlock bannerBlock"
    "aside news news news"
    "reklama2 reklama2 reklama2 reklama2"
    "aside1 news1 news1 news1"
    "banners banners banners banners"
    "footer footer footer footer";

}

#header {
    grid-area: header;
    height:auto;
    display:grid;
    grid-template-columns: 1fr 2fr 1fr;
    gap:10px;
    grid-template-areas:"left-block center-block right-block";
}
.left-block {
    grid-area: left-block;
}
.center-block {
    grid-area: center-block;
}
.right-block {
    grid-area: right-block;
}


.logo {
    display:flex;
    justify-content:flex-start;
    width:237px;
  height:111px;
  background-image: url( /images/banners/Logotip5.png);
}

h1 {
    font-size: 1.4em;
    margin-top:-20px;
    font-weight: 500;
}
h3{font-size: 1.1em;}
   
a 
{
    text-decoration: none;
    cursor: pointer;
}


@keyframes pulse {
    from {
      transform: scale(.85);
    }
    50% {
      transform: scale(1);
    }
    to {
      transform: scale(.85);
    }
}
.advanced-search-tip{
  display:none;
}

form {
    position: relative;
    width: 400px;
    margin: 0 auto;
    margin-bottom:10px;
  }
  
  .d1 input {
    width: 100%;
    height: 25px;
    padding-left: 10px;
    border: 1px solid #666;
    border-radius: 2px;
    outline: none;
    background: #fff;
    color: #000;
  }
  .d1 button {
    position: absolute; 
    top: 0;
    right: 0px;
    width: 60px;
    height: 25px;
    border: none;
    background: #666;
    border-radius: 0 2px 2px 0;
    cursor: pointer;
    color:#fff;
  }
.icon-search{
    font:fontello;
    color:#fff;
}
.search-result-empty{width:600px;}
#search-results{width:600px;}

/*#search-form{
  position:absolute;
}*/
#search-result-empty p{
  display:none;
}
.search-query-explained{
  display:none;
}
#search-query-explained{display:none;}
.word{display:none;}

nav {
    width: 100%; 
    height: 40px;
    background-color: #212121;
    z-index: 2; 
    
}

nav{
    grid-area: nav;
    background-color:#000;
    max-width: 100%;

}
.menu {
    display: flex;
    justify-content: flex-start;
    padding: 5px 30px;
    margin: 0;
    list-style-type: none;
    
}

.menu .menu_link {
    color: #ffffff;
    font-size: 15px;
    font-weight: 300;
  	padding:0 6px;
}

.menu .menu_link:hover{color:#ff9900;}

.menu .menu_item {
    border-right: 2px dotted black;
    padding-right: 28px;
}

.menu_item a:hover{
color:#ff9900;
}

#timeline {
    grid-area: timeline;
    background-color: #DCDCDC;
    border-top-right-radius:15px;
}
#blog {
    grid-area: blog;
    display: grid;
    grid-template-columns: 2fr;
    gap: 10px 20px;
    /*grid-template-areas:
    "news-item1 news-item1";*/
}
.breadcrumb{grid-area: breadcrumb;
    display: grid;}

.news-item1{
  grid-area:news-item1;
  display: grid;
    grid-template-columns: 1fr 1fr;
}
.news-item1 a{
  color:#000;
  cursor:pointer;
  font-size: 15px;
  font-weight: 300;
  
}
.news-item1 a img{
  width:100%;
  height:150px;
  padding:5px;
  overflow: hidden;
  object-fit: cover;/*сохраняет пропорции картинки*/
  
}
.news-item1 h3{
  padding:5px;
}

#MostRead {
    grid-area: MostRead;
    background-color: #DCDCDC;
    border-top-left-radius:15px;
}

#bannerBlock {
    grid-area: bannerBlock;
    background-color:#ff9900;
    display:flex;
    justify-content:center;
    padding:8px 6px 4px 6px;
}
#bannerBlock img{
  padding:0 5px;
}
#bannerBlock img:hover{
transform: scale(1.1);
    transition: all 0.3s linear;
    max-width: 100%;  
}

#message {
    grid-area: message;
}
.aside {grid-area: aside;
    background-color: #f9fbfb;
}
#news {
    grid-area: news;
    /*background-color: darkorange;*/
    display: grid;
   
}
.newsBlok{grid-area: newsBlok;}

.footer {
 grid-area: footer;
 grid-template-columns: repeat(3, 1fr);
 width:100%;
 background-color: #666;
 padding: 10px;
 color:#fff;
}


.date-date{
    text-align: center;
    margin-top:5px;
    margin-bottom:10px;
}

.menu-socseti{
    /*background-color: #ff9900;*/
    /*width:40%;*/
    margin-top:15px;
    display:flex;
    justify-content:space-around;
    cursor: pointer;
    /*margin:5px auto;*/
}


.social-ok:before{
    content: "\e802";
    font-family: myfonts;
    font-size: 16px;
    color: #fff;
    font:fontello;
    border:#ff9900 1px solid;
    border-radius: 50%;
    padding:6px 10px;
    background-color: #ff9900;
  
}



.social-vk:before{
    content: "\e803";
    font-family: myfonts;
    font-size: 14px;
    color: #fff;
    font:fontello;
    border:#336699 1px solid;
    border-radius: 50%;
    padding:8px 6px;
    background-color: #336699;
    font-weight: 300;
}
.social-f:before{
    content: "\f300";
    font-family: myfonts;
    font-size: 14px;
    color: #fff;
    font:fontello;
    border:#336699 1px solid;
    border-radius: 50%;
    padding:8px 11px;
    background-color: #336699;
    font-weight: 300;
}

.social-twitter:before{
    content: "\E804";
    font-family: myfonts;
    font-size: 14px;
    color: #fff;
    font:fontello;
    border:#3399cc 1px solid;
    border-radius: 50%;
    padding:8px 8px;
    background-color: #3399cc;
    font-weight: 300;
}

.social-instagram:before{
    content: "\F31E";
    font-family: myfonts;
    font-size: 14px;
    color: #fff;
    font:fontello;
    border:#336699 1px solid;
    border-radius: 50%;
    padding:8px 8px;
    background-color: #336699;
    font-weight: 300;
}

.social-YouTube:before{
    content: "\F167";
    font-family: myfonts;
    font-size: 14px;
    color: #fff;
    font:fontello;
    border:#cc3300 1px solid;
    border-radius: 50%;
    padding:8px 8px;
    background-color: #cc3300;
    font-weight: 300;
}
.social-dz img{width:31px;
  margin-top:-8px;
}
.social-rutub img{width:35px;
  margin-top:-8px;
  margin-left:4px;
}
.social-tiktok img{width:42px;
  margin-top:-8px;
  margin-left:-2px;
}
.social-tel img{width:31px; margin-top:-6px; margin-right: 6px;}

.belorusshan{
    width:40%;
    height:22px;
    background-color: #666;
    color:#fff;
    

}

.russhan{
    width:45%;
    height:22px;
    background-color: #ff9900;
    color:#fff;  
}

.img-yais:before{
    content: "\E806";
    font-family: myfonts;
    font-size: 18px;
    color: #fff;
    font:fontello;   
}
.img-yais{
    float: left;
    margin: auto 5px;
}

button.button-yais{
    background-color: #666;
    color:#fff;
}
.visually-impaired{
    margin-top:30px;
    margin-left:auto;
    margin-right:0;
    float:right;
    cursor: pointer;
       
}
.langvich{
    width:67%;
    /*background-color: black;*/
    margin-top:10px;
    margin-left: auto;
    margin-right:0;
    display:flex;
    justify-content:space-between;
    cursor: pointer;
}
a.flag.nturl.notranslate{
  /*background-color: #ff9900;*/
  color:#fff;
  padding:2px 7px;
}


.latestnewsnewsColumns_item li{
  width:100%;
  height:auto;
  padding:5px;
  margin-bottom:10px;
  color:#000;
  list-style-type: none;
}

.latestnewsnewsColumns_item li a{
 color:#000; 
}

.newsflash-titlenewsColumns_item{
  color:#000;
  margin-bottom:10px;
}
.newsflash-titlenewsColumns_item a{color:#000;}
.newsflash-titlenews-item__descr{padding:0 10px 10px 10px;}
.newsflash-titlenews-item__descr a{color:#000;}

.MostRead {
width: 1fr;
background-color: saddlebrown;
}

.newsColumns h2, .newsRead h2{
    font-size: 16px;
    font-weight: 500;
    color:#fff;
    text-align:center;
    padding:5px;

}
.blogstr_kategorii h2{
 color:#ff9900;
 font-size:20px;
 /*font-weight:900;*/
}

.newsColumns_item{
    width:100%;
    height:auto;
    padding:5px;
    margin-bottom:10px;
}


.mostreadnewsColumns_item li{
    width: 100%;
    height: auto;
    padding: 5px;
    margin-bottom: 10px;
    color: #000;
    list-style-type: none;
}

.mostreadnewsColumns_item li a{
  color:#000;
  cursor:pointer;
  
}

.date1 {
    display: inline;
    float:left;
    margin-right: 10px;
    color: #000000;
    font-weight: 600;
}
.newsColumns{
    background-color: #ff9900;
    width:1fr;
    height:30px;
    border-top-right-radius:15px;
}

.newsRead{
    background-color: #ff9900;
    width:1fr;
    height:30px;
    border-top-left-radius:15px;  
}
.all_news a{
 color:#ff9900;
 font-weight: 600;
 cursor: pointer;
 padding-left:10px; 
}

.dopinfBlack{
    background-color: #000;
    text-align: center;
    padding:7px;
  
}
.dopinfBlack a, .dopinfOrange a {
  color:#fff;
  cursor: pointer;
}

.dopinfOrange{
    background-color:#ff9900;
    text-align: center;
    padding:7px;
}

.news-item__descr{
    padding:5px;
}
.news-item__img{
    width: 100%;
    height:auto;
    /*max-width: 100%;
    object-fit: cover;/*сохраняет пропорции картинки*/
    /*height:150px;
    display: inline-block; /* Строчно-блочный элемент */
    /*overflow: hidden;*/
    
    
}
.wrapper-img{
    width:1fr;
    height:150px;
    overflow: hidden;
    object-fit: cover;/*сохраняет пропорции картинки*/
}

/*img:hover {
    transform: scale(1.3);
    transition: all 0.3s linear;
    max-width: 100%;

    
}*/




.rubrika{
    grid-area:rubrika;
    display: block;
    padding:5px;
    background-color: #000;
    color: #fff;
    max-width: 160px;
    text-align: center;
    margin-bottom:10px;
}
.rubrika h2{
  color:#fff;
  /*font-family: Helvetika, 'Roboto', sans-serif;*/
  font-weight: 500;
  font-size:16px;
}
.newsBlok{
    /*background-color: #666;*/
    display: grid;
    width: 3fr;
    margin-top: 0px;
    grid-template-columns: repeat(3, minmax(270px, auto));
    grid-auto-rows: minmax(10px, auto);
    gap: 10px 20px;
    grid-template-areas: "news-item news-item news-item";
}
.reklama2{
    display:flex;
    justify-content:stretch; 
    grid-area: reklama2;
    
}
.reklama2 img{
 padding:0 5px;
}


.aside1 {grid-area: aside1;
    background-color: #DCDCDC;
    
}
.banners{
grid-area:banners;
display:flex;
justify-content:center;
padding:8px 6px 4px 6px;
}
.banners img{
padding:0 5px;  
}

.banners img:hover{
transform: scale(1.1);
    transition: all 0.3s linear;
    max-width: 100%;  
}

.news1{
    grid-area:news1;
    display:grid;
    grid-template-columns: repeat(3, minmax(260px, auto));
    gap:10px 20px;
  
}
.blokcNews1{
 width: 270px; 
 /*background-color: #cc3300;*/
}

/*Страница вывода рубрик*/
.item-page, .item-page_kontakti, .item-pagestr_kategorii, .blog-featured{
  width:1000px;
}
/*.blogstr_kategorii{
  pading:10px;
}*/
.page-header h1{
  color:#ff9900;
  font-weight: 600;
  padding:10px 0;
  font-size:1.4em;
}
.page-header h2{
  color:#336699;
  font-weight: 600;
  font-size:1.3em;
  padding:10px 0;
  width:100%;
  text-align:left;
}
.item-page p, .item-page_kontakti p, .item-pagestr_kategorii p{
 margin-bottom:10px;
 /*padding:0 20px;*/
}

.hits{padding-bottom:10px;}

.blogstr_kategorii h2{
  color:#ff9900;
  font-size: 20px;
  text-align: left;
  /*font-weight:900;*/
}

.page-header{
 width:900px; 
}

.items,.items-leading{
 width:1000px; 
 display:block;
 
}

.items-leading img{
  width:256px;
  float: left;
  padding: 10px;
}
.leading{
  
display:block;
border:1px solid #000;  
}

.leading-0, .leading-1, .leading-2, .leading-3, .leading-4, .leading-5, .leading-6, .leading-7, .leading-8, .leading-9,.item{
  border-bottom: 1px solid #666;
  padding-bottom: 20px;
  overflow: hidden;
}

.leading-0 h2, .leading-1 h2, .leading-2 h2, .leading-3 h2, .leading-4 h2, .leading-5 h2, .leading-6 h2, .leading-7 h2, .leading-8 h2, .leading-9 h2,.item{
  margin:20px 0;
}

.leading-0 h2 a, .leading-1 h2 a, .leading-2 h2 a, .leading-3 h2 a, .leading-4 h2 a, .leading-5 h2 a, .leading-6 h2 a, .leading-7 h2 a, .leading-8 h2 a, .leading-9 h2 a{
  color:#ff9900;
  font-size:20px;
}
.blog-featured h2{
  color:#000;
}

.blog-featured img{
  width:256px;
  float: left;
  padding: 10px;
}
.item-title a{
  color:#ff9900;
  font-size:20px;
  margin:10px 0;
}
.item{
  color:#000000;
}

.article-info.muted{
 color:#000000;
 font-size:16px; 
 margin-top:10px;
}

.pagination li:nth-last-child(1){background-color:#fff;}
.pagination li:nth-last-child(2){background-color:#fff;}


/*Настройка рубрик на главной странице*/
.mj-simple-news .sn-items .sn-item .sn-item-inner {
    margin: 0 5px !important;
    padding:none !important;
    overflow: hidden;
    border: none! important;
    box-shadow:none !important;
}
.mj-simple-news .sn-items a{
	font-weight: normal !important;
  color:#000 !important;
}

.mj-simple-news .sn-items .sn-item .sn-image{
  float:none !important;;
	object-fit: cover !important;
  max-width:100%;
  height:auto;
  overflow: hidden;
}
.mj-simple-news .sn-items .sn-item .sn-image img {
    /*width: 270px !important;*/
    max-width: 100%;
    height: 150px !important;;
    /* height: 100%; */
    object-fit: cover;
}

/*Настройки в сайтбаре*/
.pogoda{
  margin-bottom:20px;
}

.pagination li{
    display: inline-block;
    float: left;
    margin: 2px;
    background-color: #ff9900;
    padding: 4px;
  text-decoration: none;}
.pagination nav{
  background-color:#fff;
}

.icon-last{
  display:none;
}
li.disabled{
background-color:#fff;  
}

ul.pager.pagenav{display:none;}

/*Форма обратной связи*/
.obraschenie h1{color:#336699;
font-size:20px;
width:600px;
margin-bottom:20px;
margin-top:20px}

.obraschenie h3{display:none;}
h1, h2, h3, h4, h5, h6, .site-title{font-family:Helvetica, Arial,'Roboto', sans-serif;}

strong {font-weight: bold;}

@media(max-width:992px){
    .grid-container{max-width: 720px;}
}

@media(max-width:768px){
    .grid-container{max-width: 540px;}
  .mj-simple-news .sn-items .sn-item .sn-image{float:none !important;}
  .item-page, .item-page_kontakti, .item-pagestr_kategorii, .blog-featured {
    width: 270px;}
  .blog-featured img {float:none; width:270px;}
  #bannerBlock img {
    padding: 0 5px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;}
.obraschenie h1{color:#336699;
font-size:20px;
width:100%;
margin-bottom:20px;}  
}

@media(max-width:576px){
    #header{/*grid-templ
      ate-columns: 1fr 1fr;*/
        grid-template-columns: 1fr;  
    grid-template-areas:
    "left-block center-block"; 
    margin-top:10px;
    }
  
  .mj-simple-news .sn-items .sn-item .sn-image{float:none !important;} 
    .grid-container{width: 100%;
    padding:0 10px;
    /*grid-template-columns:2fr;*/
    grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
    grid-template-areas:
    "header header"
    /*"header menu__btn"
    "header nav"*/
    "nav nav"
    "timeline timeline"
    "bannerBlock bannerBlock"
    "news news"
    "reklama2 reklama2"
    "news1 news1"
    "aside1 aside1"
    "MostRead MostRead"
    "banners banners"
    "footer footer";
}
  .mj-simple-news .sn-items .sn-item .sn-image img{width:100%;}
    /*.menu-socseti{display:none;}*/
    .date-date{display:none;}
    .right-block{display:none;}
    form{width:90%;
    height:20px;
    margin-top:7px;}
    .logo-text{
        font-size: 60px;
        margin-top: -25px;
        -webkit-text-stroke: 1px #000;
    }
    #header {
    grid-area: header;
    height:auto;
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:10px;
    grid-template-areas:
    "left-block left-block"
     "center-block center-block";
}  
    
    .d1 button{width:60px; height:25px;}
    .logo{align-content:center;
      margin-left: auto;
    margin-right: auto;}
    h1 {font-size: 1.1em; margin-top:-15px; margin-bottom:-5px;}
    .menu .menu_item {padding-right: 7px;}
    .menu{padding: 1px 1px;
    display: flex;
    flex-wrap: wrap;}
    .menu .menu_link{font-size: 0.67em;}
    #menu__toggle:checked ~ .menu__box{
        margin-top:0;
    }
    .menu .menu_item{border-right:none; padding-right:5px;}
    .menu__btn{max-width: 18px; margin-right:8px; margin-top:-45px;}
    /*.menu__btn{max-width: 18px; margin-right:8px; grid-area: menu__btn; margin-top:-140px; background-color: #666; color: #000;}*/
  
    #blog{display:none;}
    #timeline{width:2fr; margin-top:-10px;}
    /*#MostRead{display:none;}*/
    .newsColumns{width:2fr;}
    .menu__btn > span, .menu__btn > span::before, .menu__btn > span::after{width:18px;}
    .aside{display:none;}
    #news{width:2fr;}
    .newsBlok{
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows:repeat(1, minmax(50px, auto));
        overflow: hidden;
        grid-template-areas: "news-item";
    }  
    .news-item__img{
        width: 100%;
        height:auto;
        max-width: 100%;
        object-fit: cover;
        height:150px;
    } 
    .news1{width:2fr;
        grid-template-columns: 2fr;
        grid-template-areas: "news-item";   
    }
    .news-item{width:100%;}
    .aside1{width:2fr;}
  .item-page, .item-page_kontakti, .item-pagestr_kategorii, .blog-featured {
    width: 100%;}
  .blog-featured img {float:none; width:270px;}
  #bannerBlock img {
    padding: 0 5px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;}
  .reklama2{display:none;}
  .page-header{width:100%;}
  .item-page p img, .item-page_kontakti p img, .item-pagestr_kategorii p img{
    width:100%;
  }
  .items, .items-leading{width:100%;}
  .items-leading img{
    width: 100%;
    float: none;} 
  .blokcNews1{
    width:100%;
  }
  #search-results{width:400px;}
  
  iframe{
    width:100%;
    height:auto;
  }
.obraschenie h1{color:#336699;
font-size:20px;
width:100%;
margin-bottom:20px;}
  
  fieldset{width:100%;}
}

  
}