From 290ef8db11c3ac7a3f16d04b9d0a446981d3c79a Mon Sep 17 00:00:00 2001
From: AK Delfin <ak@argumenti.ru>
Date: Tue, 15 Feb 2022 21:00:14 +0300
Subject: [PATCH] new design concurs

---
 blocks/archive.php   |    2 +-
 blocks/enmoread.php  |    2 +-
 blocks/gamburger.php |    2 +-
 blocks/header.php    |    2 +-
 blocks/paginator.php |    4 +-
 blocks/yets.php      |   10 +-
 footer.php           |    2 +-
 header.php           |   48 +-
 lang.php             |   12 +-
 page-19009.php       |   43 +
 rsscreate.php        |   13 +-
 single-5121.php      |   90 ++
 style-test.css       | 2548 ++++++++++++++++++++++++++++++++++++++++++
 style.css            |   44 +-
 14 files changed, 2787 insertions(+), 35 deletions(-)
 create mode 100644 page-19009.php
 create mode 100644 single-5121.php
 create mode 100644 style-test.css

diff --git a/blocks/archive.php b/blocks/archive.php
index 7c04861..42dab3a 100644
--- a/blocks/archive.php
+++ b/blocks/archive.php
@@ -28,7 +28,7 @@ if( $posts ):
 		<?endif?>	
 		<br>
 		<center class="left_center_block">
-        	<a href="https://vetandlife.ru/category/arkhiv/" class="left_button" target="_blank">Архив номеров</a>
+        	<a href="https://vetandlife.ru/category/arkhiv/" class="left_button" target="_blank"><?=vij_lang('archives', LANG_VERSION);?></a>
 		</center>
 	</div>	
 		   
diff --git a/blocks/enmoread.php b/blocks/enmoread.php
index 7a65f7a..3cf7ed6 100644
--- a/blocks/enmoread.php
+++ b/blocks/enmoread.php
@@ -23,7 +23,7 @@ $posts = get_posts( array(
 # вывод поста
 if( $posts ):?>
 
-    <div class="moread_rubric">Read also:</div>
+    <div class="moread_rubric">Related articles:</div>
 
     <div class="moread">
       
diff --git a/blocks/gamburger.php b/blocks/gamburger.php
index 7e6a9be..7bfefbc 100644
--- a/blocks/gamburger.php
+++ b/blocks/gamburger.php
@@ -3,7 +3,7 @@
 if (LANG_VERSION == 'en'){
     $left_mob_menu = 'leftenmenu';
 
-    $part_title = 'Parts';
+    $part_title = 'Topics';
 
 }
 else{
diff --git a/blocks/header.php b/blocks/header.php
index c81c91d..ec96682 100644
--- a/blocks/header.php
+++ b/blocks/header.php
@@ -43,7 +43,7 @@
                 <a href="<?=get_site_url()?>?s="><li class="btn_search"></li></a>
                 <a href="<?=get_site_url()?>/feed"><li class="btn_rss"></li></a>
                 <li class="toggle-nav" id="toggle-nav"></li>
-                <a href="<?=get_site_url().vij_lang('btn_lan_link', LANG_VERSION)?>"><li class="btn_lan"><?=vij_lang('btn_lan', LANG_VERSION)?></li></a>     
+                <a href="<?=get_site_url().vij_lang('btn_lan_link', LANG_VERSION)?>"><li class="btn_lan"><nobr><?=vij_lang('btn_lan', LANG_VERSION)?></nobr></li></a>     
             </ul>  
 
 
diff --git a/blocks/paginator.php b/blocks/paginator.php
index 15cdcdc..e0878f4 100644
--- a/blocks/paginator.php
+++ b/blocks/paginator.php
@@ -1,6 +1,6 @@
 <?php if ( $wp_query->max_num_pages > 1 ) : ?><div class="pagination-wrapper"><?php the_posts_pagination( array(
-				'prev_text'          => __( '<&nbsp;&nbsp;Обратно', 'quidus' ),
-				'next_text'          => __( 'Далее&nbsp;&nbsp;>', 'quidus' ),
+				'prev_text'          => __( '<&nbsp;&nbsp;'.vij_lang('prev', LANG_VERSION), 'quidus' ),
+				'next_text'          => __( vij_lang('next', LANG_VERSION).'&nbsp;&nbsp;>', 'quidus' ),
                 'end_size'     => 2,
 				'before_page_number' => '<span class="meta-nav screen-reader-text">' . __( 'Page', 'quidus' ) . ' </span>',
 			) );
diff --git a/blocks/yets.php b/blocks/yets.php
index 4afdff7..7caf060 100644
--- a/blocks/yets.php
+++ b/blocks/yets.php
@@ -14,12 +14,10 @@
 
 # вывод поста
 if( $posts ):?>
-    <?if (LANG_VERSION == 'en'):?>
-        <div class="yets_rubric">More on the topic</div>
-    <?else:?>
-        <div class="yets_rubric">Еще по теме</div>
-    <?endif?>        
-
+    
+    
+    <div class="yets_rubric"><?=vij_lang('more', LANG_VERSION)?></div>
+         
     <div class="yets">
       
         <?php foreach($posts as $post):
diff --git a/footer.php b/footer.php
index 66e0d2b..fd09a2c 100644
--- a/footer.php
+++ b/footer.php
@@ -186,7 +186,7 @@
 
         <div id="footer_info">
             <div id="footer_qr">
-                <img src = "<?=get_stylesheet_directory_uri()?>/pub/qr.png" />
+                <img id="img_qr" src = "<?=get_stylesheet_directory_uri()?>/pub/icons/qvij.svg" width="100" height="100" />
                 <p class="vazh"><?=vij_lang('qrtitle', LANG_VERSION);?></p>
             </div>    
             <div id="footer-contact">
diff --git a/header.php b/header.php
index cc28350..fb74680 100644
--- a/header.php
+++ b/header.php
@@ -4,7 +4,13 @@
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
         <title><?php wp_title('|', true, 'right');?><?=get_bloginfo('name')?></title>
-        <link rel="stylesheet" href="<?php echo get_stylesheet_uri();?>?ver=145">
+
+        <?if (defined('TESTMODE') and TESTMODE == 1):?>
+            <link rel="stylesheet" href="<?php echo get_template_directory_uri();?>/style-test.css?ver=2">
+        <?else:?>    
+            <link rel="stylesheet" href="<?php echo get_stylesheet_uri();?>?ver=154">
+        <?endif?>    
+
         <link href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" rel="stylesheet">
         <script type='text/javascript' src="<?php echo get_stylesheet_directory_uri()?>/scripts/jquery-3.6.0.min.js"></script>
         <script type='text/javascript' src="<?php echo get_stylesheet_directory_uri()?>/scripts/golos.js"></script>
@@ -20,6 +26,16 @@
         <?endif?>    
         <?php wp_head();?>
 
+        <!-- Global site tag (gtag.js) - Google Analytics -->
+<script async src="https://www.googletagmanager.com/gtag/js?id=G-VGN4NSFMW5"></script>
+<script>
+  window.dataLayer = window.dataLayer || [];
+  function gtag(){dataLayer.push(arguments);}
+  gtag('js', new Date());
+
+  gtag('config', 'G-VGN4NSFMW5');
+</script>
+
     </head>
     <body>
         <!-- Facebook Pixel Code -->
@@ -28,6 +44,33 @@
 &noscript=1"/>
         </noscript>
 <!-- End Facebook Pixel Code -->
+
+    <?if (defined('TESTMODE') and TESTMODE == 1):?>
+        <style>
+
+        #mainbanner{
+            width: 100%;
+            display: block;
+            padding: 10px;
+        }
+
+            #mainbanner img {
+                display: block;
+                width: 100%;
+                max-width: 1600px;
+                margin: auto;
+                border: 1px solid black;
+                text-align: center;
+            }   
+            
+
+        </style>
+
+        <div id="mainbanner">
+            <img src ="https://vetandlife.ru/wp-content/themes/vij/pub/banners/page-banner-1600x100.jpg" />
+        </div>
+
+    <?endif?>    
         
     <? $lang_version =  lang_version();
                 
@@ -38,8 +81,7 @@
                 }
                 else {
                     $mainmenu = 'topmenu';
-                    $mob_main_menu = 'mob_rubrics';
-                    
+                    $mob_main_menu = 'mob_rubrics';      
                 }
 
         define('LANG_VERSION', $lang_version);       
diff --git a/lang.php b/lang.php
index 439005a..2f2b211 100644
--- a/lang.php
+++ b/lang.php
@@ -24,7 +24,11 @@ function  vij_lang($name, $lan){
         'your_mail' => 'Ваша почта',
         'gazeta' => 'Читать газету<br>«Ветеринария и Жизнь»',
         'up_bth' => 'наверх',
-        'qrtitle' => 'Важно'
+        'qrtitle' => 'Важно',
+        'archives' => 'Архив номеров',
+        'more' => 'Еще по теме',
+        'next' => 'Далее',
+        'prev' => 'Обратно'
 
     ];
 
@@ -51,7 +55,11 @@ function  vij_lang($name, $lan){
         'your_mail' => 'Your email',
         'gazeta' => 'Veterinary Medicine and Life newspaper',
         'up_bth' => 'UP',
-        'qrtitle' => 'important'
+        'qrtitle' => 'important',
+        'archives' => 'Archives',
+        'more' => 'Read more about',
+        'next' => 'Next',
+        'prev' => 'Prev'
 
     ];
 
diff --git a/page-19009.php b/page-19009.php
new file mode 100644
index 0000000..11b1076
--- /dev/null
+++ b/page-19009.php
@@ -0,0 +1,43 @@
+<?php
+
+define('TESTMODE', 1);
+
+include 'header.php';?>
+
+
+<div id="content">    
+
+    <h1 id="mainpage-title">Тестовая страница</h1>
+
+    <style>
+        
+        .center-banner{
+            width: 100%;
+            display: block;
+            padding: 10px;
+        }
+
+        .center-banner img{
+            display: block;
+            width: 100%;
+            max-width: 768px;
+            text-align: center;
+        }
+
+    </style>    
+
+    <div class="center-banner">
+        <img src="https://vetandlife.ru/wp-content/themes/vij/pub/banners/banner-768-110.jpg" />  
+    </div> 
+    
+    
+    <div class="center-banner">
+        <img src="https://vetandlife.ru/wp-content/themes/vij/pub/banners/banner-768.jpg" />  
+    </div>
+
+</div>    
+
+
+
+
+<?get_footer();
diff --git a/rsscreate.php b/rsscreate.php
index 1755e03..14ee3dc 100644
--- a/rsscreate.php
+++ b/rsscreate.php
@@ -29,7 +29,18 @@ $posts = get_posts( array(
 
 if( $posts ){
 
-    include('views/rss/yanews.php');
+
+    ob_start();
+        include('views/rss/yanews.php');
+        $result = ob_get_contents();
+    ob_end_clean();
+
+    $result = trim($result);
+
+    if ($result !== ''){
+        file_put_contents('/vhosts/beta/rss/yanews.xml', trim($result));
+    }    
+
 
 }
 
diff --git a/single-5121.php b/single-5121.php
new file mode 100644
index 0000000..f9941ed
--- /dev/null
+++ b/single-5121.php
@@ -0,0 +1,90 @@
+<?php get_header();?>
+
+
+      
+    
+    <div id="content"> 
+        
+        <?//while(have_posts()):?>
+            <?the_post();?>
+
+        
+        <?php $category = get_the_category();
+        $category_id = $category[0]->term_id;
+        $category_link = get_category_link($category_id);
+        $post_id = get_the_ID();
+        ?>
+
+        <ul id="nav_content">
+         <li><a href="<?=get_site_url()?>">Главная</li>
+         <li>-<li> 
+        <li><a href="<?=$category_link?>"><?=$category['0']->name;?></a></li>
+        <li>-<li>
+        <li><?=mb_substr(get_the_title(), 0, 50);?>...</li>
+        </ul>   
+
+        <div class="post_info">
+            <div class="post_info_sub">
+                <span class="post_link_category"><a href="<?=$category_link?>"><?=$category['0']->name;?></a></span>, <?php the_time('j F Y, G:i');?>
+            </div> 
+            <div class="post_info_sub  post_info_social">
+                <?php include get_template_directory().'/blocks/social-share.php';?>
+            </div>
+        </div>
+        <div id="fulltext">
+        <h1 class="post-h1"><?php wp_title('');?></h1>
+        <?$author = get_the_author();
+        if ( ! empty ( $author ) AND $author !== 'vetandlife.ru'):?>
+            <div class="post_author">
+                Автор: <?php the_author(); ?>
+            </div>  
+        <?endif?>  
+
+        <?if ( has_post_thumbnail() ) :?> 
+            <div id="post-img">
+                <img class="img-fluid rounded" src="<?php echo get_the_post_thumbnail_url(null, 'full');?>" alt="<?the_title();?>">
+            </div>
+            <div class="post_img_title"><?the_post_thumbnail_caption()?></div>
+        <?endif?>    
+        <div class="fulltext">
+            <?the_content();?>    
+        </div>
+        <div class="promo-agregators">    
+            <p>Свежие отраслевые новости на нашем канале в <span class="promo-telega"><a href="https://t.me/ViZHuvizh" target="_blank">Telegram</a></span></p>
+            <p>Добавьте «Ветеринарию и жизнь» в избранное в <a href="https://yandex.ru/news/?favid=254162793" target="_blank"><span style="color:red; font-weight: bold;">Я</span><span style="font-weight: bold; color:black;">НДЕКС.НОВОСТИ</span></a></p>
+        </div>    
+        <!--<p><small class="text-muted"><?php the_tags('');?></small></p> -->
+        <?//endwhile;?> 
+
+        <?php include get_template_directory().'/blocks/yets.php';?>
+
+        <div id="tags">
+            <?php the_tags();?>
+        </div>        
+        
+        <div class="post_panel_info">
+            <div class="post_panel_info_sub">
+                <span class="post_link_category"><a href="<?=$category_link?>"><?=$category['0']->name;?></a></span>, <?php the_time('j F Y, G:i');?>
+            </div>
+            <div class="post_panel_info_sub">
+                <!--Поделиться <i class="fas fa-share-square btn_soc_post"></i>-->  <?php include get_template_directory().'/blocks/social-share.php';?>
+            </div>
+        </div> 
+
+        </div>
+
+        <?php include get_template_directory().'/blocks/moread.php';?>
+
+        <div class="publ-to-main">
+            <button class="more_button" onclick="location.href='<?=get_site_url()?>/page/2'" type="button">
+                    На главную</button>
+        </div>
+
+       
+
+    </div>
+
+
+
+
+<?php get_footer();?>
diff --git a/style-test.css b/style-test.css
new file mode 100644
index 0000000..9645ab2
--- /dev/null
+++ b/style-test.css
@@ -0,0 +1,2548 @@
+/*
+Theme Name: vij
+Theme URI: https://vetandlife.ru
+Description: Ветеринария и жизнь
+Version: 0.1
+Author: AK Delfin
+Author URI: masterforweb@hotmail.com
+*/
+
+/**
+ * Reset CSS
+ */
+
+ /**
+  a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline}html{font-size:62.5%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{background:#fff}article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,td,th{font-weight:400;text-align:left}blockquote:after,blockquote:before,q:after,q:before{content:""}blockquote,q{quotes:"" ""}a:focus{outline:thin dotted}a:active,a:hover{outline:0}a img{border:0}
+ img, embed, iframe, object {
+     max-width: 100%;
+ }
+ */
+
+
+/**
+fonts
+*/
+
+/* Обычный */
+@font-face {
+	font-family: 'GrtskPeta'; 
+  font-style: normal;
+	font-weight: normal;
+	src: url(/wp-content/themes/vij/pub/fonts/GrtskPeta-Regular.ttf); 
+  
+}
+
+/* Жирный */
+@font-face {
+	font-family: 'GrtskPeta'; 
+  font-style: normal;
+	font-weight: bold;
+	src: url(/wp-content/themes/vij/pub/fonts/GrtskPeta-Bold.ttf); 
+}
+ 
+
+
+
+
+
+ /* Убираем внешние отступы */
+body,
+h1,
+h2,
+h3,
+h4,
+p,
+ul,
+ol,
+li,
+figure,
+figcaption,
+blockquote,
+dl,
+dd {
+  margin: 0;
+}
+
+ul {
+  list-style: none;
+}
+
+a{
+  color: black;
+  text-decoration: none;
+}
+
+
+ * {
+    box-sizing: border-box; 
+  }
+
+  body {
+    display: flex;
+    min-height: 100vh;
+    width: 100%;
+    font-family: 'GrtskPeta';
+    flex-direction: column;
+    margin: 0;
+    background-color: #FFFFFF;
+  }
+  #main {
+    display: flex;
+    flex: 1;
+  }
+
+
+
+  #main > article {
+    flex: 1;
+  }
+  #main > #left, 
+  #main > #right {
+    flex: 0 0 20vw;
+   
+  }
+  #main > #left {
+    order: -1;
+  }
+  
+
+  #left{
+    max-width: 330px;
+    display: flex;
+    flex-direction: column;
+    /** margin-right: 28px;
+    border-right: 28px solid #F2F2F2;*/
+
+  }
+
+  #vert-title{
+    min-width: 50px;
+    background: #F2F2F2;
+  }
+
+  #main-arrow{
+    position: fixed;
+    background: url(/wp-content/themes/vij/pub/icons/main-arrow.png) no-repeat; 
+    width: 51px;
+    height: 130px;
+    padding: 0;
+    
+  }
+
+  #mainlogo{
+    margin-left: 12px;
+    min-width: 200px;
+    width: 20%;
+    flex-shrink: 0; 
+  }
+
+
+  .right-info{
+    margin-top: 8px;
+    margin-bottom: 12px;
+    text-align: center;
+    width: 100%;
+  }
+
+  .mobile-info{
+    display: none;
+    margin-top: 8px;
+    margin-bottom: 12px;
+    text-align: center;
+    width: 100%;
+  }
+
+  .wrap{
+    transform: translate(0%, 0%);
+    width: 0px;
+    line-height: 55px;
+    border-radius: 35px;
+    background: #F2F2F2;
+    /*transition: all 0.5s ease;
+    box-shadow: 0 0 10px rgba(0,0,0,0.5);
+    transition: all 0.5s ease;*/
+   /* align-items: center;
+  justify-content: center;
+   /* margin-top: 55px;
+    margin-left: 35px;*/
+  }
+
+  ol {
+    list-style-type: decimal;
+  }
+  
+    ol li{
+      margin-top: 4px;
+      margin-bottom: 4px;
+    }
+
+  
+  .input{
+    border: 0;
+    background: transparent;
+    width: 0%;
+    outline: none;
+    font-size: 18px;
+    color: black;
+    transition: all 0.3s ease;
+    position: relative;
+  }
+  
+  .wrap .fa{
+    color: black;
+   position: absolute;
+   right: 17px;
+    top: 15px;
+    font-size: 18px;
+    cursor: pointer;
+  }
+  
+  .wrap.active{
+    width: 220px;
+    padding-left: 25px;
+    transition: all 0.5s ease;
+  }
+  
+  .input.active{
+    width: 98%;
+    padding-left: 5px;
+    transition: all 0.5s 0.8s ease;
+  }
+  
+  .input::placeholder {
+    color: #909294;
+    font-size: 15px;
+  }
+
+
+  #search-form{
+    margin-bottom: 22px;
+  }
+
+  .search_submit {
+    background: #F18129;
+    border-radius: 35px;
+    border: 1px solid #F18129;
+    color: white;
+    padding: 8px 8px;
+    text-decoration: none;
+    display: inline-block;
+    text-align: center;
+    letter-spacing: 0.08em;
+    text-transform: uppercase;
+    font-weight: bold;
+    font-size: 12px;
+    line-height: 110%;
+    width: 134px;
+    height: 50px;
+  }  
+
+  .search-text{
+    width: 60%;
+    height: 50px;
+    border-radius: 35px;
+    border: 1px solid #F2F2F2;
+    background: #F2F2F2;
+    font-size: 18px;
+    line-height: 22px;
+    padding-left: 12px;
+    }
+
+  .search-result{
+    font-size: 14px;
+    line-height: 160%;
+    padding-bottom: 12px;
+  }  
+
+  .search-card-box{
+    display: flex;
+    flex-direction: column;
+  }
+
+  .search-card{
+    width: 100%;
+    border-bottom: 1px solid #E9EAEB;
+    padding-bottom: 22px;
+    margin-bottom: 22px;
+  
+  }
+
+  .search-card-title{
+
+    font-weight: bold;
+    font-size: 22px;
+    line-height: 140%;
+    margin-bottom: 12px;
+
+  }
+
+  .search-card-img{
+    float: right;
+    display: inline;
+    margin-left: 10px;
+    max-width: 239px;
+  }
+
+  .mobile-info{
+    display: none;
+    text-align: center;
+  }
+
+   /** #vert-title div{
+
+      background: #F18129;
+   writing-mode: tb-rl;
+      transform:rotate(180deg);
+      width: 100%;
+      color: white;
+      
+      font-weight: bold;
+      font-size: 11px;
+      line-height: 150%; 
+      letter-spacing: 0.095em;
+    text-transform: uppercase;
+    padding: 48px 12px 48px 12px;
+    clip-path: polygon(100% 0%, 100% 51%, 100% 100%, 29% 100%, 0% 50%, 29% 0);
+  
+    }*/
+      
+
+
+  #right{
+    max-width: 330px;
+    display: flex;
+    flex-direction: column;
+    border-left: 1px solid #E9EAEB;
+    padding-top: 42px;
+
+  }
+
+  header{
+    background-color: white;
+    display: flex;
+    align-items: center;
+    box-shadow: 0px 4px 53px rgba(0, 0, 0, 0.07);
+    margin-right: 12px;
+    width: 100%;
+   
+	 /* justify-content: space-around;
+	  flex-wrap: wrap; */
+
+  }
+
+  #footer_menu{
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding-top: 12px;
+    padding-bottom: 12px;
+  }
+
+    #footer_menu > div:nth-child(2){
+     /** margin-left: auto; */
+    }
+
+
+    #footer_up{
+      width: 30%;
+      text-align: right;
+    }
+
+  #footer_info{
+    display: flex;
+    align-items: center;
+    margin-bottom: 8px;
+    border-top: 1px solid #D5D5D6;
+    border-bottom: 1px solid #D5D5D6;
+    margin-bottom: 28px;
+    padding-top: 28px;
+    padding-bottom: 28px;
+
+  }  
+
+  #footer_qr{
+    width: 20%;
+    margin-right: 12px;
+    text-align: center;
+  }
+
+  #img_qr{
+    padding: 4px;
+    background-color: white;
+  }
+
+  #footer-contact{
+    width: 20%;
+  }
+
+  #footer_subscript{
+    margin-left: 32px;
+    margin-right: 22px;
+    width: 25%;
+  }
+
+  #footer_logo{
+    margin-left: 12px;
+    margin-right: 32px;
+    width: 150px;
+  }
+
+  #footer_social{
+    margin-left: 12px;
+    margin-right: 12px;
+    width: 30%;
+  }
+
+
+  
+
+  .sub_button {
+    background: #F18129;
+    border-radius: 55px;
+    border: 1px solid #F18129;
+    color: white;
+    padding: 10px 28px;
+    text-align: center;
+    text-decoration: none;
+    text-transform: uppercase;
+    font-weight: bold;
+    display: inline-block;
+    font-size: 16px;
+    font-size: 11px;
+    line-height: 110%;
+    height: 55px;
+  }
+
+  .more_button {
+    background: #FFFFFF;
+    box-sizing: border-box;
+    border-radius: 47px;
+    border: 1px solid #171717;
+    color: #171717;
+    cursor: pointer;
+    text-align: center;
+    text-decoration: none;
+    text-transform: uppercase;
+    font-weight: bold;
+    display: inline-block;
+    font-size: 16px;
+    font-size: 11px;
+    line-height: 110%;
+    height: 45px;
+    margin-top: 22px;
+    padding: 10px 28px;
+
+  }
+
+  .orange_button {
+    background: #F18129;
+    border-radius: 55px;
+    border: 1px solid #F18129;
+    color: white;
+    vertical-align: middle;
+    text-align: center;
+    text-decoration: none;
+    text-transform: uppercase;
+    font-weight: bold;
+    font-size: 16px;
+    font-size: 11px;
+    line-height: 110%;
+    display: table-cell;
+    vertical-align: middle;
+    height: 55px;
+    padding-left: 22px;
+    padding-right: 22px;
+  }
+
+  .left_button{
+
+    background: white;
+    border-radius: 55px;
+    border: 1px solid black;
+    color: black;
+    vertical-align: middle;
+    text-decoration: none;
+    text-transform: uppercase;
+    font-weight: bold;
+    font-size: 16px;
+    font-size: 11px;
+    line-height: 110%;
+    display: table-cell;
+    vertical-align: middle;
+    height: 45px;
+    padding-left: 22px;
+    padding-right: 22px;
+
+  }
+
+  .left_center_block{ 
+    margin-top: 8px;
+    margin-bottom: 28px;
+  }
+
+  .vazh{
+    font-size: 9px;
+    text-transform: uppercase;
+    letter-spacing: 0.45em;
+  }
+
+  .current-number{
+    display: flex;
+    align-items: center;
+    margin-top: 42px;
+    margin-bottom: 42px;
+  }
+
+  .number-img{
+    width: 147px;
+  }
+
+  .number_title{
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-size: 16px;
+    font-weight: bold;
+    background: #F5F5F5;
+    width: 768px;
+    height: 128px;
+    padding-left: 8px;
+  }
+
+  .number_number{
+    width: 50%;
+  }
+
+  #footer{
+    position:relative;
+    z-index:101;
+  }
+
+  #footer_2{
+    display: flex;
+    justify-content: center;
+  }
+
+  #footer_3{
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-top: 28px;
+    margin-bottom: 28px;
+  }  
+
+  #rating{
+    width: 20%;
+    text-align: right;
+  }
+
+  #pere{
+    width: 40%;
+    font-size: 12px;
+    line-height: 150%;
+    margin-left: 18px;
+    color: #909294;
+  }
+
+  #copy{
+    color: #171717;
+    font-size: 13px;
+    line-height: 150%;
+    margin-right: 8px;
+    width: 20%;
+    text-align: center;
+  }
+
+  #svid{
+    display: flex;
+    color: #444444;
+    font-size: 13px;
+    line-height: 150%;
+    width: 80%;
+
+  }
+
+  #svid li{
+    margin-right: 18px;
+  }
+
+  #mainmenu a:hover,
+  #head_mail a:hover,
+  .event a:hover,
+  .main-card-title a:hover,
+  .mini-card-title a:hover,
+  .menu_footer a:hover,
+  .publs_right_item a:hover,
+  .right_archive_text a:hover
+  {
+    color: #F18129;
+  }
+
+  .fulltext a{
+    color: #2D9CDB;
+  }
+
+  .fulltext > ul{
+    list-style: square outside; 
+   }
+
+   .fulltext > ul li{
+
+    margin-top: 4px;
+    margin-bottom: 4px;
+
+  }
+
+  .wp-block-image figcaption {
+    font-size: .9em;
+  }
+
+  figcaption {
+    
+      /*font-size: .9em;*/
+      color: #909294;
+      text-align: center;
+      padding: 12px 0 12px 0;
+    
+  }
+
+  .sp-button{
+    color: orange;
+  }
+
+ #fulltext img, 
+ .wp-block-image img
+ {
+    width: 100%;
+    height: auto;
+  }
+
+  blockquote{
+    font-weight: bold;
+    text-align: center;
+    padding-top: 8px;
+    padding-left: 8px;
+    margin-top: 22px;
+    margin-bottom: 22px;
+    border-top: 1px solid #E9EAEB;
+    border-bottom: 1px solid #E9EAEB;
+
+  }
+
+  /** - menus -- */
+
+  .menu-left-block{
+    background: no-repeat url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/menuleft-1.svg) left center;
+  }
+
+
+  ul.menu_main{
+    display: flex;
+    padding: 5px;
+  }
+  
+    ul.menu_main li{
+      margin: 5px; 
+	    padding: 15px;
+      font-weight: bold;
+      font-size: 15px;
+    }  
+
+
+  ul.menu_left{
+    display: flex;
+    flex-direction: column;
+    /*background-color: #00466A;*/
+    padding: 26px 22px 12px 32px;
+  }
+
+    ul.menu_left li{
+      font-weight: bold;
+      font-size: 12px;
+      height: 23px;
+      line-height: 150%; 
+      text-transform: uppercase; 
+      padding-top: 2px;
+      padding-left: 28px;
+      margin-bottom: 16px;
+    }  
+
+    ul.menu_left li a{
+      color: #171717;
+    }  
+
+    ul.menu_left li a:hover{
+      color: #F18129;
+    }  
+
+    
+    
+    .current-menu-item {
+      color: #2D9CDB;
+    }
+
+
+  .lmenu{
+    display: inline-block;
+    vertical-align: middle;
+    width: 20px;
+    height: 20px;
+  }  
+
+  .menu-item-11, .menu-item-17474{
+    background: no-repeat url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/molotok.svg) left center;
+  }  
+
+  .menu-item-11:hover, .menu-item-17474:hover{
+    background: no-repeat url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/molotok-orange.svg) left center;
+  }  
+
+  .menu-item-12, .menu-item-17473{
+    background: no-repeat url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/epizoo.svg) left center;
+  }  
+
+  .menu-item-12:hover, .menu-item-17473:hover{
+    background: no-repeat url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/epizoo-orange.svg) left center;
+  }  
+
+  .menu-item-15, .menu-item-17702{
+    background: no-repeat url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/zoo.svg) left center;
+  }  
+
+  .menu-item-15:hover, .menu-item-17702:hover{
+    background: no-repeat url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/zoo-orange.svg) left center;
+  }  
+
+  .menu-item-17{
+    background: no-repeat url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/ptica.svg) left center;
+  }  
+
+  .menu-item-17:hover{
+    background: no-repeat url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/ptica-orange.svg) left center;
+  }  
+
+
+  .menu-item-19{
+    background: no-repeat url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/nauka.svg) left center;
+  }  
+
+  .menu-item-19:hover{
+    background: no-repeat url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/nauka-orange.svg) left center;
+  }  
+
+  .menu-item-20, .menu-item-17475{
+    background: no-repeat url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/zoobiz.svg) left center;
+  }  
+
+  .menu-item-20:hover, .menu-item-17475:hover{
+    background: no-repeat url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/zoobiz-orange.svg) left center;
+  }  
+
+  .menu-item-21{
+    background: no-repeat url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/pitoms.svg) left center;
+  }  
+
+  .menu-item-21:hover{
+    background: no-repeat url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/pitoms-orange.svg) left center;
+  }  
+
+  .menu-item-22{
+    background: no-repeat url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/potrbitel.svg) left center;
+  }  
+
+  .menu-item-22:hover{
+    background: no-repeat url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/potrbitel-orange.svg) left center;
+  }  
+
+  .menu-item-23{
+    background: no-repeat url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/oxota.svg) left center;
+  }  
+
+  .menu-item-23:hover{
+    background: no-repeat url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/oxota-orange.svg) left center;
+  }  
+
+  .menu-item-26{
+    background: no-repeat url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/events.svg) left center;
+  }  
+
+  .menu-item-26:hover{
+    background: no-repeat url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/events-orange.svg) left center;
+  }  
+
+  .menu-item-16179{
+    background: no-repeat url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/video.svg) left center;
+  }  
+
+  .menu-item-16179:hover{
+    background: no-repeat url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/video-orange.svg) left center;
+  }  
+
+
+
+  .menu-item-15679{
+    background: no-repeat url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/vij.svg) left center;
+    
+    
+  }  
+
+  .menu-item-18:hover
+  {
+    background: no-repeat url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/fish-orange.svg) left center;
+    
+  }  
+
+  .menu-item-18{
+    
+    padding-left: 28px;
+    background: no-repeat url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/fish.svg) left center;
+    
+    
+  }  
+
+  .menu-item-15679:hover
+  {
+    background: no-repeat url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/vij-orange.svg) left center;
+    
+  }  
+
+
+
+
+  .menu-oxota{
+    background-image: url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/oxota.svg);
+    
+  }  
+
+  .menu-oxota:hover{
+    background-image: url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/oxota-orange.svg);
+  }  
+
+
+
+
+
+  a svg{
+    display: inline-block;
+    vertical-align: middle;
+    /*fill: #3B83B5;*/
+  }  
+
+    a svg:hover,
+    a svg:focus
+    {
+      stroke: #F18129;
+    }  
+
+  
+  ul.menu_footer{
+    display: flex;
+    padding: 5px;
+  }
+    
+  ul.menu_footer li{
+    margin: 5px; 
+    padding: 15px;
+    font-weight: bold;
+    font-size: 15px;
+  }    
+
+  
+
+  footer {
+    background: #E2E2E2;
+    /**height: 20vh;*/
+  }
+
+  #footer_up{
+    text-transform: uppercase;
+    font-weight: bold;
+    font-size: 12px;
+  }
+
+  .wp-authors{
+    max-width: 107px;
+    height: 100%;
+  }
+
+  .edition-title{
+    padding-top: 42px;
+    padding-bottom: 8px;
+  }
+
+  article{
+    padding: 1em;
+  }
+
+  #main{
+    padding: 0 8px 0 8px;
+  }
+
+  #header-contact{
+    display: flex;
+    flex-direction: column;
+    margin-left: 22px;
+  }
+
+  /* +7 (495) 925 06 34 info@vetandlife.ru */
+
+  #head_tel{
+    font-weight: bold;
+  }
+
+  #head_mail a{
+    color: #2D9CDB;
+    text-decoration: underline;
+  }
+
+  #header_icons{
+      display: flex;
+      margin-left: 18px;
+    }
+
+    #header_icons li{
+      width: 20px;
+      height: 20px;
+      margin-left: 6px;
+      cursor: pointer;
+    }
+
+    .header_btn{
+      width: 20px;
+      height: 15px;
+    }
+
+    .btn_rss{
+      background: url(/wp-content/themes/vij/pub/icons/rss.svg) no-repeat; 
+    }
+
+    .btn_lan{
+      font-weight: bold;
+      margin-top: -2px;
+    }
+
+    #copy{
+      display: inline-block;
+      text-align: center;
+      width: 100%;
+    }
+
+    #footer_3{
+      width: 100%;
+      padding-left: 8px;
+      padding-right: 8px;
+    }
+  
+    .btn_search{
+      background: url(/wp-content/themes/vij/pub/icons/lupa.svg) no-repeat;
+    }
+
+
+  #content{
+    margin-right: 58px;
+    margin-left: 58px;
+    padding-bottom: 28px;
+    /*max-width: 880px;*/
+    width: 55%;
+  }  
+
+    #content p{
+      margin-top: .5em; /* Отступ сверху */
+      margin-bottom: 1em; /* Отступ снизу */
+    }
+
+    #content IMG{
+      max-width: 100%; 
+      
+    }
+
+    #fulltext ul{
+      list-style-type: square;
+    }  
+
+      #content ul li{
+        padding: 4px 0 4px 0;
+      }  
+
+    .promo-agregators{
+      margin-top: 28px;
+      padding: 32px 28px 32px 28px;
+      background: #E9EAEB;
+    }
+
+      .promo-agregators a{
+          color: #2D9CDB;
+      }
+
+    .promo-telega{
+      font-weight: bold;
+      text-transform: uppercase;
+    }  
+
+    .wp-block-image IMG{
+     /** object-fit: cover; */
+    
+    }
+
+
+    #post-img{
+      text-align: center;
+      /**background: #F5F5F5;*/
+    }
+
+    #event-img{
+      float: left;
+      margin-right: 12px;
+      margin-bottom: 12px;
+    }
+
+    .pagination-wrapper{
+      width: 100%;
+      text-align: center;
+    }
+
+    .page-numbers {
+      display: inline-block;
+      padding: 5px 10px;
+      margin: 0 2px 0 0;
+      line-height: 1;
+      text-decoration: none;
+      font-weight: 600;
+      }
+
+      a.page-numbers{
+        color: #909294;
+      }
+      
+      a.page-numbers:hover {
+        color: #909294;
+       }
+
+      .page-numbers.current{
+        font-weight: bold;
+        font-size: 22px;
+        line-height: 140%;
+        color: #171717;
+      }
+      
+
+  h1{
+    font-family: 'GrtskPeta';
+    font-size: 36px;
+    font-weight: bold;
+    margin-bottom: 18px;
+  }
+
+  
+
+  #mainpage-title{
+    margin-top: 42px;
+  }
+
+  #title-404{
+    margin-top: 42px;
+    text-align: center;
+  }
+
+  site-header .search-form {
+    position: absolute;
+    right: 200px;
+    top: 200px;  
+  }
+    
+    
+    
+  .site-header .search-field {  
+        background-color: transparent;
+        background-image: url(images/search-icon.png);
+        background-position: 5px center;
+        background-repeat: no-repeat;
+        background-size: 24px 24px;
+        border: none;
+        cursor: pointer;
+        height: 37px;
+        margin: 3px 0;
+        padding: 0 0 0 34px;
+        position: relative;
+        -webkit-transition: width 400ms ease, background 400ms ease;
+        transition:         width 400ms ease, background 400ms ease;
+        width: 0;
+  }
+  
+  .site-header .search-field:focus {
+        background-color: #fff;
+        border: 2px solid #c3c0ab;
+        cursor: text;
+        outline: 0;
+        width: 230px;
+    }
+    
+    .search-form
+    .search-submit {
+      display:none;
+
+    }
+    
+
+
+  .mini-card-block{
+    display: grid;
+    grid-gap: 2rem; 
+    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+  }
+
+
+  .mini-card-title{
+    font-family: 'GrtskPeta';
+    font-size: 18px;
+  }
+
+  .mini-card-img{
+   /* width: 372px;
+    height: 216px; */
+    position: relative;
+    width: 100%;
+    
+  }
+
+  .polosa-img{
+    width: 100%;
+    padding-right: 16px;
+  }
+
+  .mini-card-number-img{
+    width: 147px;
+    magin
+  }
+
+  .mini-card-number{
+
+    background: #FFFFFF;
+    box-shadow: 0px 14px 27px rgb(242, 242, 242); 
+    text-align: center;
+    margin: 22px;
+    padding-top: 24px;
+    padding-bottom: 32px;
+
+  }
+
+  .mini-card-number-title{
+
+    font-size: 14px;
+    font-weight: normal;
+    margin-top: 12px;
+
+  }
+
+  .numbers-anons{
+    font-size: 16px;
+    color: #171717;
+  }
+
+ .numbers-year-title{
+   font-weight: bold;
+   font-size: 22px;
+   border-bottom: 1px solid #F2F2F2;
+   margin-top: 22px;
+   padding-top: 12px;
+   padding-bottom: 22px;
+ } 
+
+.play-card{
+  position: absolute;
+  display: block;
+  background: url(https://vetandlife.ru/wp-content/themes/vij/pub/play.png);
+  height: 100%;
+  width: 100%;
+  top: 43%;
+  left: 45%;
+  background-size: 50px 50px;
+  background-repeat: no-repeat;
+}
+
+
+.play-card-main{
+  position: absolute;
+  display: block;
+  background: url(https://vetandlife.ru/wp-content/themes/vij/pub/play.png);
+  height: 100%;
+  width: 100%;
+  top: 43%;
+  left: 45%;
+  background-size: 50px 50px;
+  background-repeat: no-repeat;
+}
+
+
+
+  .card-img-top{
+    /**text-align: center;
+    width: 100%; */
+    position: relative;
+    width: 100%;
+    margin-bottom: 12px;
+  }
+
+  .mini-card-img{
+    margin-bottom: 4px;
+  }
+
+
+  .mobile_archive{
+    display: none;
+    margin-top: 38px;
+  }  
+
+  .calendar-event{
+    position: relative;
+  }
+
+  .calend_marker{
+    position:absolute;
+    display: block;
+    background: #F18129;
+    border-radius: 50%;
+    height: .3em;
+    width: .3em;
+    top: 4%;
+    left: 90%;
+  }
+
+.mobile_archive_img{
+  margin-top: -32px;
+  margin-left: 12px;
+  margin-bottom: 8px;
+  width: 91px;
+}
+
+.mobile_archive_text{
+  display: block;
+  margin-left: 12px;
+  margin-bottom: 22px;
+  font-size: 14px;
+}
+
+.mobile_archive_link{
+  margin-top: 8px;
+}
+
+.mobile_archive_link a{
+  color: #909294;
+}
+
+
+#nav_content{
+  display: flex;
+  list-style-type: none;
+  padding:0;
+  padding-bottom: 18px;
+  margin-top: 28px;
+  margin-bottom: 28px;
+  border-bottom: 1px solid #E9EAEB;
+}  
+
+  #nav_content li{
+    margin-right: 8px;
+    color: #909294;
+    font-size: 12px;
+    line-height: 3,2px;
+  }
+
+  #nav_content li a{
+    color: #909294;
+  } 
+  
+.part_title{
+  color: #171717;
+  font-size: 22px;
+  font-weight: bold;
+  margin-bottom: 28px;
+}  
+
+.main-card{
+    padding-bottom: 22px;
+    margin: 8px 0 32px 0;
+    border-bottom: 1px solid #E9EAEB;
+    width: 100%;
+   /*text-align: center; */
+}
+
+.main-card-title{
+  font-family: 'GrtskPeta';
+  font-weight: bold;
+  font-size: 22px;
+  text-align: center;
+}
+
+.main-card-title-left{
+
+  font-family: 'GrtskPeta';
+  font-size: 36px;
+  text-align: right;
+
+}
+
+.main-card-text{
+  font-family: 'GrtskPeta';
+  font-size: 18px;
+  text-align: left;
+  line-height: 140%;
+  padding: 8px;
+}
+
+.main-card IMG{
+  width: 100%;
+}
+
+  .news_date{
+    color: #909294;
+    font-family: 'GrtskPeta'; 
+    font-size: 13px;
+    padding: 8px 0 8px 0;
+  }
+
+    .news_date a {
+      color: #909294;
+    }  
+
+
+#events_left{
+    padding: 8px;
+}  
+
+.event{
+  padding: 18px 0 18px 0;
+  font-size: 16px;
+  border-bottom: 1px solid #E9EAEB;
+}
+
+
+.mosts{
+  background-color: #00466A;
+  width: 100%;
+  padding: 22px;
+  margin-bottom: 22px;
+}
+
+
+.publs_right{
+  border-top: 1px solid #E9EAEB;
+  margin: 22px;
+  padding-top: 18px;
+  padding-bottom: 18px;
+}
+
+
+.publs_right_title{
+    text-transform: uppercase;
+    font-size: 14px;
+    font-weight: bold;
+    margin-top: 12px;
+    
+  }
+
+
+.publs_right_item{
+  padding-top: 28px;
+  font-size: 15px;
+}
+
+  .most_title{
+    color: #2D9CDB;
+  }
+
+  .most{
+    padding: 12px 0 12px 0;
+    color: #FFFFFF;
+    font-size: 16px;
+    line-height: 22.4px;
+  }
+
+    .most a{
+      color: #FFFFFF;
+    }
+
+
+.left_preview{
+  /*border-radius: 50%;*/
+  /*width: 105px;
+  height: 84px;*/
+  width: 145px;
+}  
+
+.preview_citata{
+  /*background:transparent url(/wp-content/themes/vij/pub/icons/citata.png) no-repeat top right;*/
+  width: 145px;
+}
+
+.preview_citata IMG{
+  
+  width: 145px;
+}
+
+
+
+.publ_expert{
+  font-size: 16px;
+  font-weight: bold;
+  margin-bottom: 18px;
+}
+
+.publ_expert a{
+  color: #2D9CDB; 
+}
+
+.post_info{
+  font-size: 14px;
+  color: #444444;
+  margin-bottom: 12px;
+}
+
+.post_img_title{
+  color: #909294;
+  text-align: center;
+  padding: 12px 0 12px 0;
+}
+  .post_img_title a{
+    color: #909294;
+  }
+
+  .post_link_category a {
+    color: #2D9CDB;
+  }
+
+  .post_info{
+    display: flex;
+    font-size: 14px;
+  }
+  
+    .post_info_sub{
+      width: 50%;
+    }  
+
+.post_panel_info{
+  display: flex;
+  font-size: 14px;
+  border-top: 1px solid #E9EAEB;
+  border-bottom: 1px solid #E9EAEB;
+  padding: 18px 0 18px 0;
+  margin: 24px 0 18px 0;
+}
+
+  .post_panel_info_sub{
+    width: 50%;
+  }
+
+
+.left_opinion{
+  display: flex;
+  flex-direction: column;
+  background: #F5F5F5;
+  padding: 18px;
+}
+
+.left_opinion img{
+  margin-top: 8px;
+  margin-bottom: 8px;
+  /*width: 84px;
+  height: 84px;*/
+}   
+
+  .left_opinion_title{
+    margin-bottom: 8px;
+    font-weight: bold;
+    text-transform: uppercase;
+  }
+
+  .left_opinion_text{
+    font-size: 16px;
+    font-weight: bold;
+  }
+
+  .left_citata{
+    display: flex;
+    flex-direction: column;
+    padding: 18px;
+  }
+
+
+  
+  .left_citata img{
+    margin-top: 8px;
+    margin-bottom: 8px;
+  }   
+  
+    .left_citata_title{
+      margin-bottom: 8px;
+      font-weight: bold;
+    }
+  
+    .left_citata_text{
+      font-size: 16px;
+     /* font-weight: bold; */
+    }  
+
+    .left_citata_percon{
+      margin-top: 16px;
+      color: #3B83B5; 
+      font-size: 12px;
+      font-weight: bold;
+      text-transform: uppercase;
+    }
+
+    .left_citata_status{
+      
+      color: #909294;
+      font-size: 13px;
+      line-height: 140%;
+      margin-top: 10px;
+
+    }
+
+.moread{
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+  grid-gap: 2rem; 
+  margin-top: 8px;
+  margin-bottom: 28px;
+}
+
+  .moread_card{
+    
+  }
+
+  .moread_rubric{
+    padding-top: 28px;
+    padding-bottom: 8px;
+    font-weight: bold;
+  }
+
+  .moread_title{
+    margin-top: 8px;
+    margin-bottom: 8px;
+    font-weight: bold;
+  }
+
+  .moread_card IMG{
+    width: 100%;
+    /*height: 216px;*/
+    float: top;
+  }
+
+  .moread_date{
+    color: #909294;
+    font-size: 13px;
+  }
+
+.right_archive{
+  margin-bottom: 22px;
+  background: #FFFFFF;
+  box-shadow: 0px 14px 27px rgb(242, 242, 242);
+  text-align: center;
+  margin: 22px;
+  padding-top: 22px;
+  padding-bottom: 22px;
+}
+
+.right_archive_img{
+  margin-bottom: 12px;
+  width: 147px;
+}
+
+.right_archive_text{
+  font-size: 15px;
+  line-height: 130%;
+  font-weight: bold;
+  text-align: center;
+
+}
+
+.right_archive_link{
+  font-size: 15px;
+  line-height: 130%;
+  text-align: center;
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+
+  .right_archive_link a{
+    color: #909294;
+  }
+
+
+
+
+.yets_rubric{
+  color: #F18129;
+  text-transform: uppercase;
+  font-weight: bold;
+  font-size: 13px;
+  line-height: 110%;
+  margin-top: 32px;
+  margin-bottom: 32px;
+  border-top: 1px solid #E9EAEB;
+  padding-top: 28px;
+}  
+
+.yets{
+  display: grid;
+  grid-gap: 1rem; 
+  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+  margin-top: 8px;
+  margin-bottom: 28px;
+  padding: 8px;
+  
+}
+
+  .yet_card{
+    padding: 32px 28px 32px 28px;
+    background: #E9EAEB;
+    font-weight: bold;
+  }
+
+.publ-to-main{
+  text-align: center;
+  margin-bottom: 22px;
+}
+
+.go-to-main{
+  color: #909294;
+}
+
+.arrow-go-main{
+  font-weight: bold;
+}
+
+
+.post_author{
+ color: #171717;
+ font-size: 14px;
+ margin-bottom: 14px;
+}
+
+#form_subscript{
+  margin-bottom: 32px;
+}
+
+#tags{
+  color: #909294;
+}
+
+  #tags a{
+    color: #909294;
+  }
+
+
+#subscript-mail{
+  padding-left: 22px;
+  padding-right: 22px;
+  margin-top: 18px;
+  margin-bottom: 22px;
+
+}  
+
+#subscript_box{
+  text-align: center;
+}
+
+#convert{
+
+  width: 87px;
+  height: 87px;
+  border: 1px solid #E9EAEB;
+  box-sizing: border-box;
+  background: url(/wp-content/themes/vij/pub/icons/mail.png) no-repeat; 
+  background-position: center;
+  margin-left: auto;
+  margin-right: auto;
+
+
+}
+
+  .form-right input{
+    width: 230px;
+    height: 50px;
+    border-radius: 35px;
+    background: #F2F2F2;
+    border: 1px solid #F2F2F2;
+    margin-bottom: 12px;
+    padding-left: 28px;
+  }
+
+  .frm_mail{
+    width: 240px;
+    height: 50px;
+    border-radius: 35px;
+    border: 1px solid #F2F2F2;
+    background: #F2F2F2;
+    font-size: 12px;
+    line-height: 110%;
+  }
+
+  .frm_submit {
+    background: #F18129;
+    border-radius: 35px;
+    border: 1px solid #F18129;
+    color: white;
+    padding: 10px 28px;
+    text-align: center;
+    text-decoration: none;
+    display: inline-block;
+    text-align: center;
+    letter-spacing: 0.08em;
+    text-transform: uppercase;
+    font-weight: bold;
+    font-size: 12px;
+    line-height: 110%;
+    width: 234px;
+    height: 50px;
+  }  
+    
+
+  .right_title{
+    font-weight: 600;
+    font-size: 15px;
+    line-height: 130%;
+    text-align: center;
+    margin-top: 22px;
+    margin-bottom: 12px;
+    padding-left: 28px;
+    padding-right: 28px;
+  }
+
+  .form-right{
+    text-align: center;
+  }
+
+  .sub_button {
+    background: #F18129;
+    border-radius: 55px;
+    border: 1px solid #F18129;
+    color: white;
+    padding: 10px 28px;
+    text-align: center;
+    text-decoration: none;
+    display: inline-block;
+    cursor: pointer;
+    font-size: 16px;
+    font-size: 11px;
+
+}
+
+
+#calendar-item{
+  background-color: #2571A6;
+  color: rgba(255, 255, 255, 0.28);
+  text-transform: uppercase;
+  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.07);
+  font-size: 13px;
+  padding: 22px;
+}
+
+.calendar-head {
+  display: flex;
+	text-align: center;
+  font-size: 12px;
+  color: #FFFFFF;
+  font-weight: bold;
+  margin-bottom: 12px;
+}  
+
+  .calendar-head a{
+    color: #FFFFFF;
+  }
+
+
+  #calendar-arrow-prev,
+  #calendar-arrow-next {
+    cursor: pointer;
+  }
+
+.calendar-title{
+  text-align: center;
+  font-size: 12px;
+  color: #FFFFFF;
+  font-weight: bold;
+  margin-bottom: 20px;
+
+}
+
+#calendar-item th {
+	font-size: 10px;
+	padding: 6px 7px;
+	text-align: center;
+	color: #FFFFFF;
+	font-weight: bold;
+  line-height: 14px;
+}
+
+#calendar-item td {
+	font-size: 13px;
+	padding: 6px 8px;
+	text-align: center;
+	
+}
+
+.calendar-item table {
+	border-collapse: collapse;
+	width: 100%;
+}
+
+.calendar-head{
+  border-top: 1px solid rgba(0, 70, 106, 0.18);
+  border-bottom: 1px solid rgba(0, 70, 106, 0.18);
+  padding-top: 12px;
+  padding-bottom: 12px;
+}
+
+
+.calendar-popup a{
+  color: #FFFFFF;
+}
+
+
+
+.calendar-head-text{
+  margin-right: 12px;
+  margin-left: 12px;
+  width: 90%;
+  text-align: center;
+}
+
+
+#socials{
+  display: flex;
+  margin-bottom: 18px;
+  margin-left: 12px;
+  justify-content: center;
+  align-items: center;
+}
+
+#socials a:hover{
+  margin-top: -12px;
+}
+
+
+
+#socials_footer{
+  display: flex;
+  margin: 0 12px 0 12px;
+}
+
+
+.menu_left_icons{
+  width: 21px;
+ 
+}
+
+/*.menu_left_jivot{
+  padding-left: 22px;
+  background: url(/wp-content/themes/vij/pub/icons/menu-jivot.png) no-repeat; 
+  vertical-align:middle;
+  height: 31px;
+  
+}*/
+
+.btn_soc{
+  margin-right: 18px;
+  padding: 10px;
+  border-radius: 50%;
+  border: 1px solid #D5D5D6;
+}
+
+.btn_soc_post{
+  margin-left: 12px;
+}
+
+
+.rating{
+  border-radius: 50%;
+  background-color: white;
+  color: white;
+  background: #ACACAC;
+  width: 4em;
+  height: 4em;
+  line-height: 4em;
+  text-align: center;
+  font-size: 15px;
+  font-weight: bold;
+}
+
+
+.btn_soc{
+  margin-right: 18px;
+  padding: 10px;
+  border-radius: 50%;
+  border: 1px solid #D5D5D6;
+}
+
+
+
+
+.soc_telegram{
+  background: url(/wp-content/themes/vij/pub/icons/telegram-icon.png) no-repeat; 
+}
+
+.soc_youtube{
+  background: url(/wp-content/themes/vij/pub/icons/youtube-icon.png) no-repeat;  
+}
+
+.soc_vk{
+  background: url(/wp-content/themes/vij/pub/icons/vk-icon.png) no-repeat;  
+}
+
+.soc_fb{
+  background: url(/wp-content/themes/vij/pub/icons/facebook-icon.png) no-repeat;  
+}
+
+.soc_instagram{
+  background: url(/wp-content/themes/vij/pub/icons/instagram-icon.png) no-repeat;  
+}
+
+img-fluid{
+  text-align: center;
+}  
+
+.toggle-nav {
+    display: none !important;
+}
+
+
+
+
+#mobile_main_menu{
+  display: none;
+  position:fixed;
+  max-height: 1300px;
+  overflow-y: scroll;
+  top:0px;
+  bottom:0px;
+  left:0px;
+  right:0px;
+  z-index:100;
+  width: 100%;  
+  background: #fff;
+  border-top: 1px solid #F5F5F5;
+  overflow-y: scroll;
+  padding-top: 42px;
+
+}
+
+#mobile_rubrics_menu{
+  display: none;
+  position:fixed;
+  min-height: unset;
+  max-height: 1300px;
+  overflow-x: scroll; 
+  overflow-y: scroll; 
+  top:0px;
+  bottom:0px;
+  left:0px;
+  right:0px;
+  z-index:500;
+  width: 100%;  
+  background: #fff;
+  border-top: 1px solid #F5F5F5;
+  padding-top: 42px;
+}
+
+
+#mobile_submenu{
+  display: flex;
+  position: fixed; 
+  cursor: pointer; 
+  z-index: 1; 
+  top: 20px; 
+  right: 5%; 
+  
+}
+
+#closed_mobile_menu{
+  height: 20px; 
+  width: 20px; 
+  background: no-repeat url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/closed.svg) left center;
+} 
+
+#lang_mobile_title{
+  font-size: 14px;
+  font-weight: bold;
+  color: #909294;
+  text-transform: uppercase;
+  padding-right: 28px;
+}
+
+
+#closed_mobile_rubrics_menu{
+  position: fixed; 
+  cursor: pointer; 
+  z-index: 1; 
+  top: 20px; 
+  right: 5%; 
+  height: 20px; 
+  width: 20px; 
+  background: no-repeat url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/closed.svg) left center;
+  
+}
+
+
+
+#rubrics_back{
+  margin-left: 38px;
+  font-size: 14px;
+  color: #00466A;
+  line-height: 110%;
+  cursor: pointer; 
+}
+
+.rub_arrow{
+  float: right;
+  margin-right: 12px;
+}
+
+span.rub_back_title{
+  margin-left: 22px;
+}
+  
+#gamburer_menu li{
+  font-weight: bold;
+  font-size: 13px;
+  line-height: 19,5px;
+  text-transform: uppercase;
+  border-bottom: 1px solid #F5F5F5;
+  margin-top: 22px;
+  padding-bottom: 22px;
+  margin-bottom: 28px;
+} 
+
+  #gamburer_menu a{
+    color: #00466A;
+  }  
+
+  #gamburer_menu a:hover{
+    color: #F18129;
+  }  
+
+.mob-lite{
+  display: none;
+}
+
+
+.menu-rubrics{
+  display: none;
+}
+
+.m_rubrics {
+  display: flex;
+  overflow-x: scroll;
+  -webkit-overflow-scrolling: touch;
+  padding-bottom: 20px;
+  margin-left: -20px;
+  margin-bottom: -20px;
+  border-bottom: 1px solid #F2F2F2;
+}
+
+.m_rubrics li{
+  font-size: 12px;
+  color: #909294;
+  margin-right: 12px;
+  padding-bottom: 12px; 
+}  
+
+  .m_rubrics li a{
+    color: #909294;
+  }
+
+    .m_rubrics li a:hover{
+      color: #F18129;
+    }
+
+
+
+.m_rubrics li.current-menu-item{
+  color: #171717;
+  font-weight: bold;
+  border-bottom: 3px solid #F18129;
+}
+
+.mob-subscript{
+  display: none;
+  margin-top: 12px;
+}  
+
+
+.mob-block-button{
+  margin: 12px 0;
+
+}
+
+.mob-sub-button{
+    background: #F18129;
+    border-radius: 55px;
+    border: 1px solid #F18129;
+    color: white;
+    vertical-align: middle;
+    text-align: center;
+    text-decoration: none;
+    text-transform: uppercase;
+    font-weight: bold;
+    font-size: 16px;
+    font-size: 11px;
+    line-height: 110%;
+    display: table-cell;
+    vertical-align: middle;
+    height: 55px;
+    padding-left: 22px;
+    padding-right: 22px;
+}
+
+
+#mob-footer{
+  display: none;
+}
+
+@media screen and ( max-width: 580px ) {
+
+  #left{
+    display: none;
+  }
+
+  #right{
+    display: none;
+  }
+
+  #mainlogo{
+    width: 200px;
+    margin: 0;
+  }
+
+  #header_icons{
+    margin-left: 0;
+    padding-right: 8px;
+  }
+
+  .main-card-title{
+    font-size: 24px;
+  }
+
+
+  #content{
+    /*width: 100%;*/
+    
+  }
+
+  
+  
+  .toggle-nav {
+      display: inline-block !important;
+      background: url(/wp-content/themes/vij/pub/icons/gumburger.svg) no-repeat; 
+      width: 20px;
+      height: 20px;
+      padding-left: 12px;
+  }
+
+  .btn_rss{
+    display: none;
+  }
+
+  .menu.main {
+    display: inline-block;
+    position: relative;
+    background: #fff;
+    text-align: left;
+  }
+     
+  .menu.main ul {
+    display: none;
+    position: absolute;
+    overflow: auto;
+    top: 0px;
+    right: 0px;
+    z-index: 999;
+    padding-right: 15px;
+    background: #fff;
+  }
+     
+  .menu.main ul li {
+    float: none;
+    display: block;
+    position: relative;
+    top: 0px;
+    right: 0px;
+    min-width: 100px;
+    background: #fff;
+    text-align: right;
+  }  
+   
+
+
+   
+  
+  .mob-lite{
+    display: inline-block !important;
+    margin-top: 12px;
+  }  
+
+  .mob_menu_info{
+    padding-top: 22px;
+    padding-bottom: 42px;
+  }
+
+  .mob_menu_contacts{
+    display: flex;
+    flex-flow: row wrap;
+    justify-content: space-between;
+    margin-left: 36px;
+    margin-right: 36px;
+    padding-top: 22px;
+    margin-bottom: 42px;
+  }
+
+  .mob_menu_tel{
+    font-weight: bold;
+  }
+
+  .mob_menu_mail a{
+    color: #2D9CDB;
+  }
+
+  .post-h1{
+    font-weight: 24px;
+  }
+
+  .tag-h1{
+    font-weight: 22px;
+    text-transform: upeercase;
+    margin-bottom: 12px;
+  }
+
+
+  .page-title{
+    font-weight: 24px;
+    margin-top: 48px;
+  }
+
+  .img-fluid{
+    width: 100%;
+  }
+
+
+     
+  .main.menu li:after { 
+    content: none; 
+  }
+
+
+
+  #footer_logo{
+    display: none;
+  }
+
+  #footer_qr{
+    display: none;
+  }
+
+
+  #footer_menu{
+    display: none;
+  }
+
+
+  #pere{
+    width: 90%;
+  }
+
+
+  #footer_subscript{
+    display: none;
+  }
+
+  .footer_sub{
+    width: 70%;
+    text-align: center;
+  }
+
+
+  #svid{
+    display: none;
+  }
+
+
+  #socials_footer{
+    width: 100%;
+    text-align: center;
+  }
+
+  .mobile-info{
+    display: block;
+  }
+
+  .mobile-info{
+    display: block;
+  }  
+
+
+}
+
+
+
+/** ultrabooks and ipads **/
+@media (max-width: 768px) {
+
+  body {
+    width: 100%;
+    margin-right: 8px;
+  }
+
+
+  h1 {
+    font-size: 24px;
+  }
+
+  
+  #left{
+    display: none;
+  }
+
+  #mainmenu{
+    display: none;
+  }
+
+  #right{
+    display: none;
+  }
+
+  #vert-title{
+    display: none;
+  }
+
+  #nav_content{
+    display: none;
+  }
+
+  #header-contact{
+    display: none;
+  }
+
+  #footer-contact{
+    display: none;
+  }
+
+  #content{
+    margin: 8px;
+    width: 100%;
+  }
+
+  #mini-card-block{
+    display: grid;
+    width: 100%;
+  }
+
+  .fulltext > IMG{
+    max-width: 100%;
+  }
+
+  #footer{
+    width: 100%;
+  }
+
+  #header_icons li{
+    width: 25px;
+    height: 25px;
+    margin-left: 8px;
+    cursor: pointer;
+  }
+
+
+  .toggle-nav {
+    display: inline-block !important;
+    background: url(/wp-content/themes/vij/pub/icons/gumburger.svg) no-repeat; 
+    width: 20px;
+    height: 20px;
+    padding-left: 12px;
+}
+
+
+  .post_info_social{
+    display: none;
+  }
+
+  #mainlogo{
+    left: 0;
+    top: 0;
+    margin: 0;
+    padding: 0;
+  }
+
+  #mainpage-title{
+    display: none;
+  }
+
+  .main-card-title{
+    font-size: 18px;
+    text-align: left;
+  }
+
+  .main-card-text{
+    display: none;
+  }
+
+
+  .menu-rubrics{
+    display: inline-block;
+    margin-top: 22px;
+    overflow: hidden;
+  }
+
+  .mobile_archive{
+
+    display: flex;
+    border: 1px solid  #F18129;
+    align-items: center;
+    margin-left: 12px;
+    margin-right: 12px;
+    margin-bottom: 12px;
+  }  
+
+  .mob-subscript{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+  
+  }
+
+
+  .number-img {
+    display: none;
+  }
+  
+
+
+
+  
+}  
+
+
+@media (max-width: 599px){
+
+  .wp-block-columns {
+   
+  }
+
+}
+
+/** mobile **/
+@media only screen 
+and (min-device-width : 340px) 
+and (max-device-width : 667px) { 
+
+  h1 {
+    font-size: 24px;
+  }
+
+
+  body {
+    width: 100%;
+    margin-right: 8px;
+  }
+
+  #content{
+    margin: 8px;
+    width: 100%;
+  }
+
+  .mobile-info{
+    display: block;
+  }
+
+
+  .mini-card{
+    width: 100%;
+    padding-right: 12px;
+  }
+
+  .mini-card-img{
+    width: 100%;
+  }
+
+  #footer-contact{
+    display: none;
+  }
+
+  #mainlogo{
+    width: 200px;
+    text-align: left;
+    margin: 0;
+  }
+
+  #header_icons li{
+    width: 25px;
+    height: 25px;
+    margin-left: 6px;
+    cursor: pointer;
+  }
+
+ 
+  #mainpage-title{
+    display: none;
+  }
+
+  .main-card-title{
+    font-size: 18px;
+    text-align: left;
+  }
+
+  .main-card-text{
+    display: none;
+  }
+
+
+  .menu-rubrics{
+    display: inline-block;
+    margin: 0;
+    padding: 0;
+    margin-top: 22px;
+    margin-right: 22px;
+    overflow: hidden;
+  }
+
+
+  .mobile_archive{
+
+    display: flex;
+    border: 1px solid  #F18129;
+    align-items: center;
+    margin-left: 12px;
+    margin-right: 12px;
+    margin-bottom: 12px;
+  }  
+
+
+  .mob-subscript{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+  
+  }
+
+
+  .number-img {
+    display: none;
+  }
+  
+  
+
+
+
+  
+  
+}
+
+
+
+
+
+
+
+ 
\ No newline at end of file
diff --git a/style.css b/style.css
index bc9dd01..81699d1 100644
--- a/style.css
+++ b/style.css
@@ -256,11 +256,12 @@ a{
   }  
 
   .search-card-box{
-    display: flex;
-    flex-direction: column;
+    display: grid;
+    /* flex-direction: column; */
   }
 
   .search-card{
+    display: grid;
     width: 100%;
     border-bottom: 1px solid #E9EAEB;
     padding-bottom: 22px;
@@ -323,6 +324,7 @@ a{
     display: flex;
     align-items: center;
     box-shadow: 0px 4px 53px rgba(0, 0, 0, 0.07);
+    margin-right: 12px;
     width: 100%;
    
 	 /* justify-content: space-around;
@@ -366,6 +368,11 @@ a{
     text-align: center;
   }
 
+  #img_qr{
+    padding: 4px;
+    background-color: white;
+  }
+
   #footer-contact{
     width: 20%;
   }
@@ -897,7 +904,7 @@ a{
 
     #header_icons li{
       width: 20px;
-      height: 15px;
+      height: 20px;
       margin-left: 6px;
       cursor: pointer;
     }
@@ -908,12 +915,12 @@ a{
     }
 
     .btn_rss{
-      background: url(/wp-content/themes/vij/pub/icons/header-rss.png) no-repeat; 
+      background: url(/wp-content/themes/vij/pub/icons/rss.svg) no-repeat; 
     }
 
     .btn_lan{
       font-weight: bold;
-      margin-top: -4px;
+      margin-top: -2px;
     }
 
     #copy{
@@ -929,7 +936,7 @@ a{
     }
   
     .btn_search{
-      background: url(/wp-content/themes/vij/pub/icons/union.png) no-repeat; 
+      background: url(/wp-content/themes/vij/pub/icons/lupa.svg) no-repeat;
     }
 
 
@@ -1083,7 +1090,7 @@ a{
   .mini-card-block{
     display: grid;
     grid-gap: 2rem; 
-    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
+    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
   }
 
 
@@ -2106,12 +2113,13 @@ span.rub_back_title{
   }
 
   #mainlogo{
-    width: 240px;
+    width: 200px;
     margin: 0;
   }
 
   #header_icons{
     margin-left: 0;
+    padding-right: 8px;
   }
 
   .main-card-title{
@@ -2128,7 +2136,9 @@ span.rub_back_title{
   
   .toggle-nav {
       display: inline-block !important;
-      background: url(/wp-content/themes/vij/pub/icons/burger-15.png) no-repeat; 
+      background: url(/wp-content/themes/vij/pub/icons/gumburger.svg) no-repeat; 
+      width: 20px;
+      height: 20px;
       padding-left: 12px;
   }
 
@@ -2338,8 +2348,8 @@ span.rub_back_title{
   }
 
   #header_icons li{
-    width: 20px;
-    height: 15px;
+    width: 25px;
+    height: 25px;
     margin-left: 8px;
     cursor: pointer;
   }
@@ -2347,7 +2357,9 @@ span.rub_back_title{
 
   .toggle-nav {
     display: inline-block !important;
-    background: url(/wp-content/themes/vij/pub/icons/burger-15.png) no-repeat; 
+    background: url(/wp-content/themes/vij/pub/icons/gumburger.svg) no-repeat; 
+    width: 20px;
+    height: 20px;
     padding-left: 12px;
 }
 
@@ -2357,7 +2369,7 @@ span.rub_back_title{
   }
 
   #mainlogo{
-    max-width: 240px;
+    max-width: 200px;
     left: 0;
     top: 0;
     margin: 0;
@@ -2461,14 +2473,14 @@ and (max-device-width : 667px) {
   }
 
   #mainlogo{
-    width: 240px;
+    width: 200px;
     text-align: left;
     margin: 0;
   }
 
   #header_icons li{
-    width: 20px;
-    height: 15px;
+    width: 25px;
+    height: 25px;
     margin-left: 6px;
     cursor: pointer;
   }