update

career.html

@@ -843,6 +843,7 @@
             </div>
         </div>
     </footer>
+    <script defer src="js/jquery-3.6.0.min.js"></script>
     <script defer src="js/index.js"></script>
     </body>
 </html>
\ No newline at end of file

company.html

@@ -611,6 +611,7 @@
             </div>
         </div>
     </footer>
+    <script defer src="js/jquery-3.6.0.min.js"></script>
     <script defer src="js/index.js"></script>
     </body>
 </html>
\ No newline at end of file

corp_gazeta.html

@@ -658,34 +658,7 @@
             </div>
         </div>
     </footer>
-    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+    <script defer src="js/jquery-3.6.0.min.js"></script>
     <script defer src="js/index.js"></script>
-    <script>
-        jQuery(($) => {
-            $('.select').on('click', '.select__head', function () {
-                if ($(this).hasClass('open')) {
-                    $(this).removeClass('open');
-                    $(this).next().fadeOut();
-                } else {
-                    $('.select__head').removeClass('open');
-                    $('.select__list').fadeOut();
-                    $(this).addClass('open');
-                    $(this).next().fadeIn();
-                }
-            });
-            $('.select').on('click', '.select__item', function () {
-                $('.select__head').removeClass('open');
-                $(this).parent().fadeOut();
-                $(this).parent().prev().text($(this).text());
-                $(this).parent().prev().prev().val($(this).text());
-            });
-            $(document).click(function (e) {
-                if (!$(e.target).closest('.select').length) {
-                    $('.select__head').removeClass('open');
-                    $('.select__list').fadeOut();
-                }
-            });
-        });
-    </script>
     </body>
 </html>
\ No newline at end of file

corp_politica.html

@@ -572,6 +572,7 @@
             </div>
         </div>
     </footer>
+    <script defer src="js/jquery-3.6.0.min.js"></script>
     <script defer src="js/index.js"></script>
     </body>
 </html>
\ No newline at end of file

development.html

@@ -575,6 +575,7 @@
             </div>
         </div>
     </footer>
+    <script defer src="js/jquery-3.6.0.min.js"></script>
     <script defer src="js/index.js"></script>
     </body>
 </html>
\ No newline at end of file

gazetnaya.html

@@ -847,6 +847,7 @@
             </div>
         </div>
     </footer>
+    <script defer src="js/jquery-3.6.0.min.js"></script>
     <script defer src="js/index.js"></script>
     </body>
 </html>
\ No newline at end of file

head.html

@@ -612,6 +612,7 @@
             </div>
         </div>
     </footer>
+    <script defer src="js/jquery-3.6.0.min.js"></script>
     <script defer src="js/index.js"></script>
     </body>
 </html>
\ No newline at end of file

history.html

@@ -721,6 +721,7 @@
             </div>
         </div>
     </footer>
+    <script defer src="js/jquery-3.6.0.min.js"></script>
     <script defer src="js/index.js"></script>
     </body>
 </html>
\ No newline at end of file

img/news-detail_arrow.svg

+<svg width="0" height="0" class="hidden">
+  <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 17" id="news-detail_arrow">
+    <path d="M7.68 16.62L8.8 15.5 2.16 8.62l.72-.72L8.8 1.74 7.68.62c-1.6 1.68-6.16 6.4-7.68 8 1.12 1.2 0 0 7.68 8z"></path>
+  </symbol>
+</svg>
\ No newline at end of file

img/news_fb.svg

+<svg width="31" height="32" viewBox="0 0 31 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect y="0.619141" width="31" height="31" rx="2" fill="#3B5998"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.9881 11.5988L18.3001 9.61877C17.5008 9.56437 16.6986 9.57039 15.9001 9.63677C15.3433 9.7109 14.8343 9.99054 14.4731 10.4208C14.1326 10.8823 13.9639 11.4482 13.9961 12.0208V14.6128L11.9961 14.5978V16.6048L13.9961 16.6118V22.6118L16.0091 22.6068V16.6068H18.3831L18.6931 14.5998H16.0101C16.0101 14.5998 16.0101 12.3148 16.0101 12.0908C16.019 12.0133 16.0438 11.9385 16.0831 11.8711C16.1224 11.8038 16.1753 11.7454 16.2384 11.6995C16.3015 11.6537 16.3735 11.6216 16.4497 11.6051C16.5259 11.5886 16.6048 11.5881 16.6812 11.6038C17.1222 11.5978 17.9881 11.5988 17.9881 11.5988Z" fill="white"/>
+</svg>

img/news_ok.svg

+<svg width="31" height="32" viewBox="0 0 31 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect y="0.619141" width="31" height="31" rx="2" fill="#FF9205"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.5003 9.61916C16.1918 9.62272 16.8667 9.83099 17.4399 10.2177C18.0131 10.6045 18.4589 11.1523 18.721 11.7922C18.9832 12.432 19.0499 13.1352 18.9129 13.8129C18.7758 14.4907 18.441 15.1126 17.9508 15.6003C17.4606 16.088 16.837 16.4196 16.1585 16.5532C15.4801 16.6868 14.7773 16.6164 14.1388 16.351C13.5003 16.0855 12.9548 15.637 12.571 15.0618C12.1872 14.4866 11.9823 13.8106 11.9823 13.1192C11.9831 12.6582 12.0748 12.202 12.2521 11.7765C12.4294 11.3511 12.6888 10.9648 13.0156 10.6397C13.3424 10.3146 13.73 10.0571 14.1563 9.88201C14.5827 9.7069 15.0394 9.61758 15.5003 9.61916ZM15.5083 11.5762C15.8084 11.5791 16.1009 11.6708 16.3489 11.8397C16.5969 12.0086 16.7894 12.2472 16.9021 12.5253C17.0148 12.8034 17.0426 13.1086 16.9821 13.4025C16.9217 13.6964 16.7755 13.9659 16.5622 14.1769C16.3488 14.3879 16.0777 14.531 15.7832 14.5882C15.4886 14.6454 15.1837 14.6142 14.9068 14.4984C14.63 14.3826 14.3936 14.1875 14.2275 13.9376C14.0614 13.6877 13.973 13.3942 13.9734 13.0942C13.9752 12.6895 14.1376 12.3022 14.4248 12.0172C14.7121 11.7322 15.1007 11.5728 15.5053 11.5741L15.5083 11.5762ZM15.5003 17.6352C16.171 17.6303 16.8358 17.5096 17.4654 17.2782C17.8163 17.051 18.1903 16.862 18.5813 16.7142C18.8013 16.7222 19.1643 17.0871 19.1023 18.0311C19.0673 18.5701 18.0843 18.7922 17.7383 18.9982C17.5124 19.121 17.2673 19.2046 17.0133 19.2452C17.0133 19.2452 17.8603 20.1512 18.0763 20.3742C18.515 20.6938 18.8457 21.1396 19.0243 21.6522C18.9673 21.8954 18.8435 22.1179 18.6668 22.2946C18.4901 22.4713 18.2676 22.5951 18.0243 22.6522C17.4873 22.3765 17.0112 21.9956 16.6244 21.5322C16.0424 20.9762 15.5093 20.4632 15.5093 20.4632C15.5093 20.4632 14.9633 20.9492 14.3943 21.5112C14.0166 21.9766 13.552 22.3641 13.0263 22.6522C12.756 22.5825 12.5117 22.4358 12.3232 22.2298C12.1346 22.0239 12.0099 21.7676 11.9643 21.4921C12.2993 20.9358 12.7179 20.4342 13.2054 20.0051C13.4544 19.7349 13.7217 19.4819 14.0053 19.2482C13.782 19.2172 13.566 19.1468 13.3673 19.0402C12.8863 18.7732 11.8563 18.4932 11.8833 17.9972C11.9123 17.4852 12.0424 16.6972 12.4994 16.6972C12.8899 16.8391 13.2648 17.0208 13.6183 17.2392C14.2086 17.5087 14.8515 17.6434 15.5003 17.6332V17.6352Z" fill="white"/>
+</svg>

img/news_tw.svg

+<svg width="31" height="32" viewBox="0 0 31 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect y="0.619141" width="31" height="31" rx="2" fill="#1DA1F2"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.2628 14.0381C15.2628 14.0381 15.4998 10.6902 17.8338 10.6612C19.7338 10.6362 20.0978 11.4991 20.0978 11.4991C20.6714 11.3239 21.2018 11.0303 21.6548 10.6371C21.6139 11.1961 21.39 11.7261 21.0178 12.1451C21.3792 12.1427 21.7288 12.0159 22.0078 11.7862C21.9346 12.0561 21.8039 12.3069 21.6248 12.5216C21.4456 12.7363 21.2222 12.9098 20.9698 13.0302C21.0889 15.1235 20.5276 17.1991 19.3698 18.9471C17.6698 21.4161 14.5778 21.6002 12.8818 21.6212C11.5245 21.5409 10.2027 21.1557 9.01479 20.4941C9.01479 20.4941 11.5878 20.5261 12.7398 19.6841C11.8277 19.0605 10.9742 18.3553 10.1898 17.5771C10.5005 17.603 10.8135 17.5715 11.1128 17.4842C10.2894 16.6131 9.58342 15.6382 9.01277 14.5842C9.33132 14.6476 9.65741 14.6644 9.98079 14.6342C9.98079 14.6342 8.48081 12.1991 9.19081 10.6191C9.19081 10.6231 11.7258 13.8251 15.2628 14.0381Z" fill="white"/>
+</svg>

img/news_vk.svg

+<svg width="31" height="32" viewBox="0 0 31 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect y="0.619141" width="31" height="31" rx="2" fill="#2787F5"/>
+<path d="M20.9363 17.6401C20.6453 17.2726 20.7285 17.1091 20.9363 16.7806C20.94 16.7769 23.3422 13.4574 23.5897 12.3316L23.5912 12.3309C23.7143 11.9206 23.5913 11.6191 22.9965 11.6191H21.0285C20.5275 11.6191 20.2965 11.8779 20.1727 12.1674C20.1727 12.1674 19.1707 14.5659 17.7533 16.1206C17.2957 16.5699 17.0843 16.7139 16.8345 16.7139C16.7115 16.7139 16.5203 16.5699 16.5203 16.1596V12.3309C16.5203 11.8389 16.38 11.6191 15.9653 11.6191H12.8708C12.5565 11.6191 12.3698 11.8486 12.3698 12.0624C12.3698 12.5289 13.0785 12.6361 13.152 13.9486V16.7964C13.152 17.4204 13.0388 17.5351 12.7875 17.5351C12.1185 17.5351 10.4948 15.1269 9.5325 12.3706C9.33825 11.8359 9.1485 11.6199 8.64375 11.6199H6.675C6.11325 11.6199 6 11.8786 6 12.1681C6 12.6796 6.669 15.2229 9.111 18.5829C10.7385 20.8764 13.0305 22.1191 15.1155 22.1191C16.3688 22.1191 16.5218 21.8431 16.5218 21.3684C16.5218 19.1769 16.4085 18.9699 17.0363 18.9699C17.3273 18.9699 17.8282 19.1139 18.9982 20.2201C20.3355 21.5319 20.5553 22.1191 21.3038 22.1191H23.2717C23.8328 22.1191 24.117 21.8431 23.9535 21.2986C23.5793 20.1534 21.0503 17.7976 20.9363 17.6401Z" fill="white"/>
+</svg>

img/phgal_icon.svg

+<svg width="21" height="17" viewBox="0 0 21 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.5 0.347656C0.5 6.24766 0.5 10.4477 0.5 16.3477C9.5 16.3477 12.8 16.3477 20.5 16.3477V0.347656C11 0.347656 18 0.347656 0.5 0.347656ZM18.5 14.3477H2.5V2.34766H18.5V14.3477ZM16.5 12.3477H4.5L9 6.14766L11.8 9.94766L13.2 8.04766L16.5 12.3477ZM12.5 4.84766C12.5 4.24766 12.9 3.84766 13.5 3.84766C14.1 3.84766 14.5 4.24766 14.5 4.84766C14.5 5.44766 14.1 5.84766 13.5 5.84766C12.9 5.84766 12.5 5.44766 12.5 4.84766Z" fill="#C7C9CF"/>
+</svg>

img/play_icon.svg

+<svg width="65" height="65" viewBox="0 0 65 65" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="32.5" y="0.730469" width="45.2548" height="45.2548" transform="rotate(45 32.5 0.730469)" fill="#029745"/>
+<path d="M40.7969 32.7864L28.7289 39.9518L28.7289 25.6211L40.7969 32.7864Z" fill="white"/>
+</svg>

index.html

@@ -961,6 +961,7 @@
         </div>
     </footer>
     <script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU&amp;apikey=6d05ea4e-5eb3-4409-88a3-d4f809c991d9" type="text/javascript"></script>
+    <script defer src="js/jquery-3.6.0.min.js"></script>
     <script defer src="js/index.js"></script>
     <script defer>
         ymaps.ready(function () {

js/index.js

@@ -44,7 +44,7 @@ document.addEventListener("DOMContentLoaded", function () {
                 item.classList.add('second-menu-scroll-item__link__icon');
             }
             for (let item of submenus) {
-                item.style.top = '105px';
+                item.style.top = '86px';
             }
             search.style.top = '86px';
         }
@@ -171,10 +171,12 @@ document.addEventListener("DOMContentLoaded", function () {
         e.preventDefault();
         search.style.opacity = '0';
         search.style.visibility = 'hidden';
+        if (pageYOffset < 400) {
             document.querySelector('.header').style.opacity = 0.99;
             for (let point of points) {
                 point.style.display = 'flex';
             }
+        }
     });
 
     searchLink?.addEventListener('click', (e) => {
@@ -182,11 +184,13 @@ document.addEventListener("DOMContentLoaded", function () {
         if (search.style.opacity == '1') {
             search.style.opacity = '0';
             search.style.visibility = 'hidden';
+            if (pageYOffset < 400) {
                 document.querySelector('.header').style.opacity = 0.99;
                 for (let point of points) {
                     point.style.display = 'flex';
                 }
             }
+        }
         else {
             search.style.opacity = '1';
             search.style.visibility = 'visible';
@@ -484,4 +488,31 @@ document.addEventListener("DOMContentLoaded", function () {
             });
         });
     }
+    jQuery(($) => {
+        $('.select').on('click', '.select__head', function () {
+            if ($(this).hasClass('open')) {
+                $(this).removeClass('open');
+                $(this).next().fadeOut();
+            } else {
+                $('.select__head').removeClass('open');
+                $('.select__list').fadeOut();
+                $(this).addClass('open');
+                $(this).next().fadeIn();
+            }
+        });
+        $('.select').on('click', '.select__item', function () {
+            $('.select__head').removeClass('open');
+            $(this).parent().fadeOut();
+            $(this).parent().prev().text($(this).text());
+            $(this).parent().prev().prev().val($(this).text());
+        });
+        $(document).click(function (e) {
+            if (!$(e.target).closest('.select').length) {
+                $('.select__head').removeClass('open');
+                $('.select__list').fadeOut();
+            }
+        });
+    });
 });
+
+

js/jquery-3.6.0.min.js

+/*! jQuery v3.6.0 | (c) OpenJS Foundation and other contributors | jquery.org/license */
+!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(C,e){"use strict";var t=[],r=Object.getPrototypeOf,s=t.slice,g=t.flat?function(e){return t.flat.call(e)}:function(e){return t.concat.apply([],e)},u=t.push,i=t.indexOf,n={},o=n.toString,v=n.hasOwnProperty,a=v.toString,l=a.call(Object),y={},m=function(e){return"function"==typeof e&&"number"!=typeof e.nodeType&&"function"!=typeof e.item},x=function(e){return null!=e&&e===e.window},E=C.document,c={type:!0,src:!0,nonce:!0,noModule:!0};function b(e,t,n){var r,i,o=(n=n||E).createElement("script");if(o.text=e,t)for(r in c)(i=t[r]||t.getAttribute&&t.getAttribute(r))&&o.setAttribute(r,i);n.head.appendChild(o).parentNode.removeChild(o)}function w(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?n[o.call(e)]||"object":typeof e}var f="3.6.0",S=function(e,t){return new S.fn.init(e,t)};function p(e){var t=!!e&&"length"in e&&e.length,n=w(e);return!m(e)&&!x(e)&&("array"===n||0===t||"number"==typeof t&&0<t&&t-1 in e)}S.fn=S.prototype={jquery:f,constructor:S,length:0,toArray:function(){return s.call(this)},get:function(e){return null==e?s.call(this):e<0?this[e+this.length]:this[e]},pushStack:function(e){var t=S.merge(this.constructor(),e);return t.prevObject=this,t},each:function(e){return S.each(this,e)},map:function(n){return this.pushStack(S.map(this,function(e,t){return n.call(e,t,e)}))},slice:function(){return this.pushStack(s.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},even:function(){return this.pushStack(S.grep(this,function(e,t){return(t+1)%2}))},odd:function(){return this.pushStack(S.grep(this,function(e,t){return t%2}))},eq:function(e){var t=this.length,n=+e+(e<0?t:0);return this.pushStack(0<=n&&n<t?[this[n]]:[])},end:function(){return this.prevObject||this.constructor()},push:u,sort:t.sort,splice:t.splice},S.extend=S.fn.extend=function(){var e,t,n,r,i,o,a=arguments[0]||{},s=1,u=arguments.length,l=!1;for("boolean"==typeof a&&(l=a,a=arguments[s]||{},s++),"object"==typeof a||m(a)||(a={}),s===u&&(a=this,s--);s<u;s++)if(null!=(e=arguments[s]))for(t in e)r=e[t],"__proto__"!==t&&a!==r&&(l&&r&&(S.isPlainObject(r)||(i=Array.isArray(r)))?(n=a[t],o=i&&!Array.isArray(n)?[]:i||S.isPlainObject(n)?n:{},i=!1,a[t]=S.extend(l,o,r)):void 0!==r&&(a[t]=r));return a},S.extend({expando:"jQuery"+(f+Math.random()).replace(/\D/g,""),isReady:!0,error:function(e){throw new Error(e)},noop:function(){},isPlainObject:function(e){var t,n;return!(!e||"[object Object]"!==o.call(e))&&(!(t=r(e))||"function"==typeof(n=v.call(t,"constructor")&&t.constructor)&&a.call(n)===l)},isEmptyObject:function(e){var t;for(t in e)return!1;return!0},globalEval:function(e,t,n){b(e,{nonce:t&&t.nonce},n)},each:function(e,t){var n,r=0;if(p(e)){for(n=e.length;r<n;r++)if(!1===t.call(e[r],r,e[r]))break}else for(r in e)if(!1===t.call(e[r],r,e[r]))break;return e},makeArray:function(e,t){var n=t||[];return null!=e&&(p(Object(e))?S.merge(n,"string"==typeof e?[e]:e):u.call(n,e)),n},inArray:function(e,t,n){return null==t?-1:i.call(t,e,n)},merge:function(e,t){for(var n=+t.length,r=0,i=e.length;r<n;r++)e[i++]=t[r];return e.length=i,e},grep:function(e,t,n){for(var r=[],i=0,o=e.length,a=!n;i<o;i++)!t(e[i],i)!==a&&r.push(e[i]);return r},map:function(e,t,n){var r,i,o=0,a=[];if(p(e))for(r=e.length;o<r;o++)null!=(i=t(e[o],o,n))&&a.push(i);else for(o in e)null!=(i=t(e[o],o,n))&&a.push(i);return g(a)},guid:1,support:y}),"function"==typeof Symbol&&(S.fn[Symbol.iterator]=t[Symbol.iterator]),S.each("Boolean Number String Function Array Date RegExp Object Error Symbol".split(" "),function(e,t){n["[object "+t+"]"]=t.toLowerCase()});var d=function(n){var e,d,b,o,i,h,f,g,w,u,l,T,C,a,E,v,s,c,y,S="sizzle"+1*new Date,p=n.document,k=0,r=0,m=ue(),x=ue(),A=ue(),N=ue(),j=function(e,t){return e===t&&(l=!0),0},D={}.hasOwnProperty,t=[],q=t.pop,L=t.push,H=t.push,O=t.slice,P=function(e,t){for(var n=0,r=e.length;n<r;n++)if(e[n]===t)return n;return-1},R="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",M="[\\x20\\t\\r\\n\\f]",I="(?:\\\\[\\da-fA-F]{1,6}"+M+"?|\\\\[^\\r\\n\\f]|[\\w-]|[^\0-\\x7f])+",W="\\["+M+"*("+I+")(?:"+M+"*([*^$|!~]?=)"+M+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+I+"))|)"+M+"*\\]",F=":("+I+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+W+")*)|.*)\\)|)",B=new RegExp(M+"+","g"),$=new RegExp("^"+M+"+|((?:^|[^\\\\])(?:\\\\.)*)"+M+"+$","g"),_=new RegExp("^"+M+"*,"+M+"*"),z=new RegExp("^"+M+"*([>+~]|"+M+")"+M+"*"),U=new RegExp(M+"|>"),X=new RegExp(F),V=new RegExp("^"+I+"$"),G={ID:new RegExp("^#("+I+")"),CLASS:new RegExp("^\\.("+I+")"),TAG:new RegExp("^("+I+"|[*])"),ATTR:new RegExp("^"+W),PSEUDO:new RegExp("^"+F),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\\)|)","i"),bool:new RegExp("^(?:"+R+")$","i"),needsContext:new RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+M+"*((?:-\\d)?\\d*)"+M+"*\\)|)(?=[^-]|$)","i")},Y=/HTML$/i,Q=/^(?:input|select|textarea|button)$/i,J=/^h\d$/i,K=/^[^{]+\{\s*\[native \w/,Z=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,ee=/[+~]/,te=new RegExp("\\\\[\\da-fA-F]{1,6}"+M+"?|\\\\([^\\r\\n\\f])","g"),ne=function(e,t){var n="0x"+e.slice(1)-65536;return t||(n<0?String.fromCharCode(n+65536):String.fromCharCode(n>>10|55296,1023&n|56320))},re=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,ie=function(e,t){return t?"\0"===e?"\ufffd":e.slice(0,-1)+"\\"+e.charCodeAt(e.length-1).toString(16)+" ":"\\"+e},oe=function(){T()},ae=be(function(e){return!0===e.disabled&&"fieldset"===e.nodeName.toLowerCase()},{dir:"parentNode",next:"legend"});try{H.apply(t=O.call(p.childNodes),p.childNodes),t[p.childNodes.length].nodeType}catch(e){H={apply:t.length?function(e,t){L.apply(e,O.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function se(t,e,n,r){var i,o,a,s,u,l,c,f=e&&e.ownerDocument,p=e?e.nodeType:9;if(n=n||[],"string"!=typeof t||!t||1!==p&&9!==p&&11!==p)return n;if(!r&&(T(e),e=e||C,E)){if(11!==p&&(u=Z.exec(t)))if(i=u[1]){if(9===p){if(!(a=e.getElementById(i)))return n;if(a.id===i)return n.push(a),n}else if(f&&(a=f.getElementById(i))&&y(e,a)&&a.id===i)return n.push(a),n}else{if(u[2])return H.apply(n,e.getElementsByTagName(t)),n;if((i=u[3])&&d.getElementsByClassName&&e.getElementsByClassName)return H.apply(n,e.getElementsByClassName(i)),n}if(d.qsa&&!N[t+" "]&&(!v||!v.test(t))&&(1!==p||"object"!==e.nodeName.toLowerCase())){if(c=t,f=e,1===p&&(U.test(t)||z.test(t))){(f=ee.test(t)&&ye(e.parentNode)||e)===e&&d.scope||((s=e.getAttribute("id"))?s=s.replace(re,ie):e.setAttribute("id",s=S)),o=(l=h(t)).length;while(o--)l[o]=(s?"#"+s:":scope")+" "+xe(l[o]);c=l.join(",")}try{return H.apply(n,f.querySelectorAll(c)),n}catch(e){N(t,!0)}finally{s===S&&e.removeAttribute("id")}}}return g(t.replace($,"$1"),e,n,r)}function ue(){var r=[];return function e(t,n){return r.push(t+" ")>b.cacheLength&&delete e[r.shift()],e[t+" "]=n}}function le(e){return e[S]=!0,e}function ce(e){var t=C.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function fe(e,t){var n=e.split("|"),r=n.length;while(r--)b.attrHandle[n[r]]=t}function pe(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&e.sourceIndex-t.sourceIndex;if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function de(t){return function(e){return"input"===e.nodeName.toLowerCase()&&e.type===t}}function he(n){return function(e){var t=e.nodeName.toLowerCase();return("input"===t||"button"===t)&&e.type===n}}function ge(t){return function(e){return"form"in e?e.parentNode&&!1===e.disabled?"label"in e?"label"in e.parentNode?e.parentNode.disabled===t:e.disabled===t:e.isDisabled===t||e.isDisabled!==!t&&ae(e)===t:e.disabled===t:"label"in e&&e.disabled===t}}function ve(a){return le(function(o){return o=+o,le(function(e,t){var n,r=a([],e.length,o),i=r.length;while(i--)e[n=r[i]]&&(e[n]=!(t[n]=e[n]))})})}function ye(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}for(e in d=se.support={},i=se.isXML=function(e){var t=e&&e.namespaceURI,n=e&&(e.ownerDocument||e).documentElement;return!Y.test(t||n&&n.nodeName||"HTML")},T=se.setDocument=function(e){var t,n,r=e?e.ownerDocument||e:p;return r!=C&&9===r.nodeType&&r.documentElement&&(a=(C=r).documentElement,E=!i(C),p!=C&&(n=C.defaultView)&&n.top!==n&&(n.addEventListener?n.addEventListener("unload",oe,!1):n.attachEvent&&n.attachEvent("onunload",oe)),d.scope=ce(function(e){return a.appendChild(e).appendChild(C.createElement("div")),"undefined"!=typeof e.querySelectorAll&&!e.querySelectorAll(":scope fieldset div").length}),d.attributes=ce(function(e){return e.className="i",!e.getAttribute("className")}),d.getElementsByTagName=ce(function(e){return e.appendChild(C.createComment("")),!e.getElementsByTagName("*").length}),d.getElementsByClassName=K.test(C.getElementsByClassName),d.getById=ce(function(e){return a.appendChild(e).id=S,!C.getElementsByName||!C.getElementsByName(S).length}),d.getById?(b.filter.ID=function(e){var t=e.replace(te,ne);return function(e){return e.getAttribute("id")===t}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n=t.getElementById(e);return n?[n]:[]}}):(b.filter.ID=function(e){var n=e.replace(te,ne);return function(e){var t="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return t&&t.value===n}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e)return[o];i=t.getElementsByName(e),r=0;while(o=i[r++])if((n=o.getAttributeNode("id"))&&n.value===e)return[o]}return[]}}),b.find.TAG=d.getElementsByTagName?function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):d.qsa?t.querySelectorAll(e):void 0}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},b.find.CLASS=d.getElementsByClassName&&function(e,t){if("undefined"!=typeof t.getElementsByClassName&&E)return t.getElementsByClassName(e)},s=[],v=[],(d.qsa=K.test(C.querySelectorAll))&&(ce(function(e){var t;a.appendChild(e).innerHTML="<a id='"+S+"'></a><select id='"+S+"-\r\\' msallowcapture=''><option selected=''></option></select>",e.querySelectorAll("[msallowcapture^='']").length&&v.push("[*^$]="+M+"*(?:''|\"\")"),e.querySelectorAll("[selected]").length||v.push("\\["+M+"*(?:value|"+R+")"),e.querySelectorAll("[id~="+S+"-]").length||v.push("~="),(t=C.createElement("input")).setAttribute("name",""),e.appendChild(t),e.querySelectorAll("[name='']").length||v.push("\\["+M+"*name"+M+"*="+M+"*(?:''|\"\")"),e.querySelectorAll(":checked").length||v.push(":checked"),e.querySelectorAll("a#"+S+"+*").length||v.push(".#.+[+~]"),e.querySelectorAll("\\\f"),v.push("[\\r\\n\\f]")}),ce(function(e){e.innerHTML="<a href='' disabled='disabled'></a><select disabled='disabled'><option/></select>";var t=C.createElement("input");t.setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),e.querySelectorAll("[name=d]").length&&v.push("name"+M+"*[*^$|!~]?="),2!==e.querySelectorAll(":enabled").length&&v.push(":enabled",":disabled"),a.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&v.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),v.push(",.*:")})),(d.matchesSelector=K.test(c=a.matches||a.webkitMatchesSelector||a.mozMatchesSelector||a.oMatchesSelector||a.msMatchesSelector))&&ce(function(e){d.disconnectedMatch=c.call(e,"*"),c.call(e,"[s!='']:x"),s.push("!=",F)}),v=v.length&&new RegExp(v.join("|")),s=s.length&&new RegExp(s.join("|")),t=K.test(a.compareDocumentPosition),y=t||K.test(a.contains)?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},j=t?function(e,t){if(e===t)return l=!0,0;var n=!e.compareDocumentPosition-!t.compareDocumentPosition;return n||(1&(n=(e.ownerDocument||e)==(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!d.sortDetached&&t.compareDocumentPosition(e)===n?e==C||e.ownerDocument==p&&y(p,e)?-1:t==C||t.ownerDocument==p&&y(p,t)?1:u?P(u,e)-P(u,t):0:4&n?-1:1)}:function(e,t){if(e===t)return l=!0,0;var n,r=0,i=e.parentNode,o=t.parentNode,a=[e],s=[t];if(!i||!o)return e==C?-1:t==C?1:i?-1:o?1:u?P(u,e)-P(u,t):0;if(i===o)return pe(e,t);n=e;while(n=n.parentNode)a.unshift(n);n=t;while(n=n.parentNode)s.unshift(n);while(a[r]===s[r])r++;return r?pe(a[r],s[r]):a[r]==p?-1:s[r]==p?1:0}),C},se.matches=function(e,t){return se(e,null,null,t)},se.matchesSelector=function(e,t){if(T(e),d.matchesSelector&&E&&!N[t+" "]&&(!s||!s.test(t))&&(!v||!v.test(t)))try{var n=c.call(e,t);if(n||d.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(e){N(t,!0)}return 0<se(t,C,null,[e]).length},se.contains=function(e,t){return(e.ownerDocument||e)!=C&&T(e),y(e,t)},se.attr=function(e,t){(e.ownerDocument||e)!=C&&T(e);var n=b.attrHandle[t.toLowerCase()],r=n&&D.call(b.attrHandle,t.toLowerCase())?n(e,t,!E):void 0;return void 0!==r?r:d.attributes||!E?e.getAttribute(t):(r=e.getAttributeNode(t))&&r.specified?r.value:null},se.escape=function(e){return(e+"").replace(re,ie)},se.error=function(e){throw new Error("Syntax error, unrecognized expression: "+e)},se.uniqueSort=function(e){var t,n=[],r=0,i=0;if(l=!d.detectDuplicates,u=!d.sortStable&&e.slice(0),e.sort(j),l){while(t=e[i++])t===e[i]&&(r=n.push(i));while(r--)e.splice(n[r],1)}return u=null,e},o=se.getText=function(e){var t,n="",r=0,i=e.nodeType;if(i){if(1===i||9===i||11===i){if("string"==typeof e.textContent)return e.textContent;for(e=e.firstChild;e;e=e.nextSibling)n+=o(e)}else if(3===i||4===i)return e.nodeValue}else while(t=e[r++])n+=o(t);return n},(b=se.selectors={cacheLength:50,createPseudo:le,match:G,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(te,ne),e[3]=(e[3]||e[4]||e[5]||"").replace(te,ne),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||se.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&se.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return G.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&X.test(n)&&(t=h(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(te,ne).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=m[e+" "];return t||(t=new RegExp("(^|"+M+")"+e+"("+M+"|$)"))&&m(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(n,r,i){return function(e){var t=se.attr(e,n);return null==t?"!="===r:!r||(t+="","="===r?t===i:"!="===r?t!==i:"^="===r?i&&0===t.indexOf(i):"*="===r?i&&-1<t.indexOf(i):"$="===r?i&&t.slice(-i.length)===i:"~="===r?-1<(" "+t.replace(B," ")+" ").indexOf(i):"|="===r&&(t===i||t.slice(0,i.length+1)===i+"-"))}},CHILD:function(h,e,t,g,v){var y="nth"!==h.slice(0,3),m="last"!==h.slice(-4),x="of-type"===e;return 1===g&&0===v?function(e){return!!e.parentNode}:function(e,t,n){var r,i,o,a,s,u,l=y!==m?"nextSibling":"previousSibling",c=e.parentNode,f=x&&e.nodeName.toLowerCase(),p=!n&&!x,d=!1;if(c){if(y){while(l){a=e;while(a=a[l])if(x?a.nodeName.toLowerCase()===f:1===a.nodeType)return!1;u=l="only"===h&&!u&&"nextSibling"}return!0}if(u=[m?c.firstChild:c.lastChild],m&&p){d=(s=(r=(i=(o=(a=c)[S]||(a[S]={}))[a.uniqueID]||(o[a.uniqueID]={}))[h]||[])[0]===k&&r[1])&&r[2],a=s&&c.childNodes[s];while(a=++s&&a&&a[l]||(d=s=0)||u.pop())if(1===a.nodeType&&++d&&a===e){i[h]=[k,s,d];break}}else if(p&&(d=s=(r=(i=(o=(a=e)[S]||(a[S]={}))[a.uniqueID]||(o[a.uniqueID]={}))[h]||[])[0]===k&&r[1]),!1===d)while(a=++s&&a&&a[l]||(d=s=0)||u.pop())if((x?a.nodeName.toLowerCase()===f:1===a.nodeType)&&++d&&(p&&((i=(o=a[S]||(a[S]={}))[a.uniqueID]||(o[a.uniqueID]={}))[h]=[k,d]),a===e))break;return(d-=v)===g||d%g==0&&0<=d/g}}},PSEUDO:function(e,o){var t,a=b.pseudos[e]||b.setFilters[e.toLowerCase()]||se.error("unsupported pseudo: "+e);return a[S]?a(o):1<a.length?(t=[e,e,"",o],b.setFilters.hasOwnProperty(e.toLowerCase())?le(function(e,t){var n,r=a(e,o),i=r.length;while(i--)e[n=P(e,r[i])]=!(t[n]=r[i])}):function(e){return a(e,0,t)}):a}},pseudos:{not:le(function(e){var r=[],i=[],s=f(e.replace($,"$1"));return s[S]?le(function(e,t,n,r){var i,o=s(e,null,r,[]),a=e.length;while(a--)(i=o[a])&&(e[a]=!(t[a]=i))}):function(e,t,n){return r[0]=e,s(r,null,n,i),r[0]=null,!i.pop()}}),has:le(function(t){return function(e){return 0<se(t,e).length}}),contains:le(function(t){return t=t.replace(te,ne),function(e){return-1<(e.textContent||o(e)).indexOf(t)}}),lang:le(function(n){return V.test(n||"")||se.error("unsupported lang: "+n),n=n.replace(te,ne).toLowerCase(),function(e){var t;do{if(t=E?e.lang:e.getAttribute("xml:lang")||e.getAttribute("lang"))return(t=t.toLowerCase())===n||0===t.indexOf(n+"-")}while((e=e.parentNode)&&1===e.nodeType);return!1}}),target:function(e){var t=n.location&&n.location.hash;return t&&t.slice(1)===e.id},root:function(e){return e===a},focus:function(e){return e===C.activeElement&&(!C.hasFocus||C.hasFocus())&&!!(e.type||e.href||~e.tabIndex)},enabled:ge(!1),disabled:ge(!0),checked:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&!!e.checked||"option"===t&&!!e.selected},selected:function(e){return e.parentNode&&e.parentNode.selectedIndex,!0===e.selected},empty:function(e){for(e=e.firstChild;e;e=e.nextSibling)if(e.nodeType<6)return!1;return!0},parent:function(e){return!b.pseudos.empty(e)},header:function(e){return J.test(e.nodeName)},input:function(e){return Q.test(e.nodeName)},button:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&"button"===e.type||"button"===t},text:function(e){var t;return"input"===e.nodeName.toLowerCase()&&"text"===e.type&&(null==(t=e.getAttribute("type"))||"text"===t.toLowerCase())},first:ve(function(){return[0]}),last:ve(function(e,t){return[t-1]}),eq:ve(function(e,t,n){return[n<0?n+t:n]}),even:ve(function(e,t){for(var n=0;n<t;n+=2)e.push(n);return e}),odd:ve(function(e,t){for(var n=1;n<t;n+=2)e.push(n);return e}),lt:ve(function(e,t,n){for(var r=n<0?n+t:t<n?t:n;0<=--r;)e.push(r);return e}),gt:ve(function(e,t,n){for(var r=n<0?n+t:n;++r<t;)e.push(r);return e})}}).pseudos.nth=b.pseudos.eq,{radio:!0,checkbox:!0,file:!0,password:!0,image:!0})b.pseudos[e]=de(e);for(e in{submit:!0,reset:!0})b.pseudos[e]=he(e);function me(){}function xe(e){for(var t=0,n=e.length,r="";t<n;t++)r+=e[t].value;return r}function be(s,e,t){var u=e.dir,l=e.next,c=l||u,f=t&&"parentNode"===c,p=r++;return e.first?function(e,t,n){while(e=e[u])if(1===e.nodeType||f)return s(e,t,n);return!1}:function(e,t,n){var r,i,o,a=[k,p];if(n){while(e=e[u])if((1===e.nodeType||f)&&s(e,t,n))return!0}else while(e=e[u])if(1===e.nodeType||f)if(i=(o=e[S]||(e[S]={}))[e.uniqueID]||(o[e.uniqueID]={}),l&&l===e.nodeName.toLowerCase())e=e[u]||e;else{if((r=i[c])&&r[0]===k&&r[1]===p)return a[2]=r[2];if((i[c]=a)[2]=s(e,t,n))return!0}return!1}}function we(i){return 1<i.length?function(e,t,n){var r=i.length;while(r--)if(!i[r](e,t,n))return!1;return!0}:i[0]}function Te(e,t,n,r,i){for(var o,a=[],s=0,u=e.length,l=null!=t;s<u;s++)(o=e[s])&&(n&&!n(o,r,i)||(a.push(o),l&&t.push(s)));return a}function Ce(d,h,g,v,y,e){return v&&!v[S]&&(v=Ce(v)),y&&!y[S]&&(y=Ce(y,e)),le(function(e,t,n,r){var i,o,a,s=[],u=[],l=t.length,c=e||function(e,t,n){for(var r=0,i=t.length;r<i;r++)se(e,t[r],n);return n}(h||"*",n.nodeType?[n]:n,[]),f=!d||!e&&h?c:Te(c,s,d,n,r),p=g?y||(e?d:l||v)?[]:t:f;if(g&&g(f,p,n,r),v){i=Te(p,u),v(i,[],n,r),o=i.length;while(o--)(a=i[o])&&(p[u[o]]=!(f[u[o]]=a))}if(e){if(y||d){if(y){i=[],o=p.length;while(o--)(a=p[o])&&i.push(f[o]=a);y(null,p=[],i,r)}o=p.length;while(o--)(a=p[o])&&-1<(i=y?P(e,a):s[o])&&(e[i]=!(t[i]=a))}}else p=Te(p===t?p.splice(l,p.length):p),y?y(null,t,p,r):H.apply(t,p)})}function Ee(e){for(var i,t,n,r=e.length,o=b.relative[e[0].type],a=o||b.relative[" "],s=o?1:0,u=be(function(e){return e===i},a,!0),l=be(function(e){return-1<P(i,e)},a,!0),c=[function(e,t,n){var r=!o&&(n||t!==w)||((i=t).nodeType?u(e,t,n):l(e,t,n));return i=null,r}];s<r;s++)if(t=b.relative[e[s].type])c=[be(we(c),t)];else{if((t=b.filter[e[s].type].apply(null,e[s].matches))[S]){for(n=++s;n<r;n++)if(b.relative[e[n].type])break;return Ce(1<s&&we(c),1<s&&xe(e.slice(0,s-1).concat({value:" "===e[s-2].type?"*":""})).replace($,"$1"),t,s<n&&Ee(e.slice(s,n)),n<r&&Ee(e=e.slice(n)),n<r&&xe(e))}c.push(t)}return we(c)}return me.prototype=b.filters=b.pseudos,b.setFilters=new me,h=se.tokenize=function(e,t){var n,r,i,o,a,s,u,l=x[e+" "];if(l)return t?0:l.slice(0);a=e,s=[],u=b.preFilter;while(a){for(o in n&&!(r=_.exec(a))||(r&&(a=a.slice(r[0].length)||a),s.push(i=[])),n=!1,(r=z.exec(a))&&(n=r.shift(),i.push({value:n,type:r[0].replace($," ")}),a=a.slice(n.length)),b.filter)!(r=G[o].exec(a))||u[o]&&!(r=u[o](r))||(n=r.shift(),i.push({value:n,type:o,matches:r}),a=a.slice(n.length));if(!n)break}return t?a.length:a?se.error(e):x(e,s).slice(0)},f=se.compile=function(e,t){var n,v,y,m,x,r,i=[],o=[],a=A[e+" "];if(!a){t||(t=h(e)),n=t.length;while(n--)(a=Ee(t[n]))[S]?i.push(a):o.push(a);(a=A(e,(v=o,m=0<(y=i).length,x=0<v.length,r=function(e,t,n,r,i){var o,a,s,u=0,l="0",c=e&&[],f=[],p=w,d=e||x&&b.find.TAG("*",i),h=k+=null==p?1:Math.random()||.1,g=d.length;for(i&&(w=t==C||t||i);l!==g&&null!=(o=d[l]);l++){if(x&&o){a=0,t||o.ownerDocument==C||(T(o),n=!E);while(s=v[a++])if(s(o,t||C,n)){r.push(o);break}i&&(k=h)}m&&((o=!s&&o)&&u--,e&&c.push(o))}if(u+=l,m&&l!==u){a=0;while(s=y[a++])s(c,f,t,n);if(e){if(0<u)while(l--)c[l]||f[l]||(f[l]=q.call(r));f=Te(f)}H.apply(r,f),i&&!e&&0<f.length&&1<u+y.length&&se.uniqueSort(r)}return i&&(k=h,w=p),c},m?le(r):r))).selector=e}return a},g=se.select=function(e,t,n,r){var i,o,a,s,u,l="function"==typeof e&&e,c=!r&&h(e=l.selector||e);if(n=n||[],1===c.length){if(2<(o=c[0]=c[0].slice(0)).length&&"ID"===(a=o[0]).type&&9===t.nodeType&&E&&b.relative[o[1].type]){if(!(t=(b.find.ID(a.matches[0].replace(te,ne),t)||[])[0]))return n;l&&(t=t.parentNode),e=e.slice(o.shift().value.length)}i=G.needsContext.test(e)?0:o.length;while(i--){if(a=o[i],b.relative[s=a.type])break;if((u=b.find[s])&&(r=u(a.matches[0].replace(te,ne),ee.test(o[0].type)&&ye(t.parentNode)||t))){if(o.splice(i,1),!(e=r.length&&xe(o)))return H.apply(n,r),n;break}}}return(l||f(e,c))(r,t,!E,n,!t||ee.test(e)&&ye(t.parentNode)||t),n},d.sortStable=S.split("").sort(j).join("")===S,d.detectDuplicates=!!l,T(),d.sortDetached=ce(function(e){return 1&e.compareDocumentPosition(C.createElement("fieldset"))}),ce(function(e){return e.innerHTML="<a href='#'></a>","#"===e.firstChild.getAttribute("href")})||fe("type|href|height|width",function(e,t,n){if(!n)return e.getAttribute(t,"type"===t.toLowerCase()?1:2)}),d.attributes&&ce(function(e){return e.innerHTML="<input/>",e.firstChild.setAttribute("value",""),""===e.firstChild.getAttribute("value")})||fe("value",function(e,t,n){if(!n&&"input"===e.nodeName.toLowerCase())return e.defaultValue}),ce(function(e){return null==e.getAttribute("disabled")})||fe(R,function(e,t,n){var r;if(!n)return!0===e[t]?t.toLowerCase():(r=e.getAttributeNode(t))&&r.specified?r.value:null}),se}(C);S.find=d,S.expr=d.selectors,S.expr[":"]=S.expr.pseudos,S.uniqueSort=S.unique=d.uniqueSort,S.text=d.getText,S.isXMLDoc=d.isXML,S.contains=d.contains,S.escapeSelector=d.escape;var h=function(e,t,n){var r=[],i=void 0!==n;while((e=e[t])&&9!==e.nodeType)if(1===e.nodeType){if(i&&S(e).is(n))break;r.push(e)}return r},T=function(e,t){for(var n=[];e;e=e.nextSibling)1===e.nodeType&&e!==t&&n.push(e);return n},k=S.expr.match.needsContext;function A(e,t){return e.nodeName&&e.nodeName.toLowerCase()===t.toLowerCase()}var N=/^<([a-z][^\/\0>:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function j(e,n,r){return m(n)?S.grep(e,function(e,t){return!!n.call(e,t,e)!==r}):n.nodeType?S.grep(e,function(e){return e===n!==r}):"string"!=typeof n?S.grep(e,function(e){return-1<i.call(n,e)!==r}):S.filter(n,e,r)}S.filter=function(e,t,n){var r=t[0];return n&&(e=":not("+e+")"),1===t.length&&1===r.nodeType?S.find.matchesSelector(r,e)?[r]:[]:S.find.matches(e,S.grep(t,function(e){return 1===e.nodeType}))},S.fn.extend({find:function(e){var t,n,r=this.length,i=this;if("string"!=typeof e)return this.pushStack(S(e).filter(function(){for(t=0;t<r;t++)if(S.contains(i[t],this))return!0}));for(n=this.pushStack([]),t=0;t<r;t++)S.find(e,i[t],n);return 1<r?S.uniqueSort(n):n},filter:function(e){return this.pushStack(j(this,e||[],!1))},not:function(e){return this.pushStack(j(this,e||[],!0))},is:function(e){return!!j(this,"string"==typeof e&&k.test(e)?S(e):e||[],!1).length}});var D,q=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]+))$/;(S.fn.init=function(e,t,n){var r,i;if(!e)return this;if(n=n||D,"string"==typeof e){if(!(r="<"===e[0]&&">"===e[e.length-1]&&3<=e.length?[null,e,null]:q.exec(e))||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof S?t[0]:t,S.merge(this,S.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:E,!0)),N.test(r[1])&&S.isPlainObject(t))for(r in t)m(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}return(i=E.getElementById(r[2]))&&(this[0]=i,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):m(e)?void 0!==n.ready?n.ready(e):e(S):S.makeArray(e,this)}).prototype=S.fn,D=S(E);var L=/^(?:parents|prev(?:Until|All))/,H={children:!0,contents:!0,next:!0,prev:!0};function O(e,t){while((e=e[t])&&1!==e.nodeType);return e}S.fn.extend({has:function(e){var t=S(e,this),n=t.length;return this.filter(function(){for(var e=0;e<n;e++)if(S.contains(this,t[e]))return!0})},closest:function(e,t){var n,r=0,i=this.length,o=[],a="string"!=typeof e&&S(e);if(!k.test(e))for(;r<i;r++)for(n=this[r];n&&n!==t;n=n.parentNode)if(n.nodeType<11&&(a?-1<a.index(n):1===n.nodeType&&S.find.matchesSelector(n,e))){o.push(n);break}return this.pushStack(1<o.length?S.uniqueSort(o):o)},index:function(e){return e?"string"==typeof e?i.call(S(e),this[0]):i.call(this,e.jquery?e[0]:e):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(e,t){return this.pushStack(S.uniqueSort(S.merge(this.get(),S(e,t))))},addBack:function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e))}}),S.each({parent:function(e){var t=e.parentNode;return t&&11!==t.nodeType?t:null},parents:function(e){return h(e,"parentNode")},parentsUntil:function(e,t,n){return h(e,"parentNode",n)},next:function(e){return O(e,"nextSibling")},prev:function(e){return O(e,"previousSibling")},nextAll:function(e){return h(e,"nextSibling")},prevAll:function(e){return h(e,"previousSibling")},nextUntil:function(e,t,n){return h(e,"nextSibling",n)},prevUntil:function(e,t,n){return h(e,"previousSibling",n)},siblings:function(e){return T((e.parentNode||{}).firstChild,e)},children:function(e){return T(e.firstChild)},contents:function(e){return null!=e.contentDocument&&r(e.contentDocument)?e.contentDocument:(A(e,"template")&&(e=e.content||e),S.merge([],e.childNodes))}},function(r,i){S.fn[r]=function(e,t){var n=S.map(this,i,e);return"Until"!==r.slice(-5)&&(t=e),t&&"string"==typeof t&&(n=S.filter(t,n)),1<this.length&&(H[r]||S.uniqueSort(n),L.test(r)&&n.reverse()),this.pushStack(n)}});var P=/[^\x20\t\r\n\f]+/g;function R(e){return e}function M(e){throw e}function I(e,t,n,r){var i;try{e&&m(i=e.promise)?i.call(e).done(t).fail(n):e&&m(i=e.then)?i.call(e,t,n):t.apply(void 0,[e].slice(r))}catch(e){n.apply(void 0,[e])}}S.Callbacks=function(r){var e,n;r="string"==typeof r?(e=r,n={},S.each(e.match(P)||[],function(e,t){n[t]=!0}),n):S.extend({},r);var i,t,o,a,s=[],u=[],l=-1,c=function(){for(a=a||r.once,o=i=!0;u.length;l=-1){t=u.shift();while(++l<s.length)!1===s[l].apply(t[0],t[1])&&r.stopOnFalse&&(l=s.length,t=!1)}r.memory||(t=!1),i=!1,a&&(s=t?[]:"")},f={add:function(){return s&&(t&&!i&&(l=s.length-1,u.push(t)),function n(e){S.each(e,function(e,t){m(t)?r.unique&&f.has(t)||s.push(t):t&&t.length&&"string"!==w(t)&&n(t)})}(arguments),t&&!i&&c()),this},remove:function(){return S.each(arguments,function(e,t){var n;while(-1<(n=S.inArray(t,s,n)))s.splice(n,1),n<=l&&l--}),this},has:function(e){return e?-1<S.inArray(e,s):0<s.length},empty:function(){return s&&(s=[]),this},disable:function(){return a=u=[],s=t="",this},disabled:function(){return!s},lock:function(){return a=u=[],t||i||(s=t=""),this},locked:function(){return!!a},fireWith:function(e,t){return a||(t=[e,(t=t||[]).slice?t.slice():t],u.push(t),i||c()),this},fire:function(){return f.fireWith(this,arguments),this},fired:function(){return!!o}};return f},S.extend({Deferred:function(e){var o=[["notify","progress",S.Callbacks("memory"),S.Callbacks("memory"),2],["resolve","done",S.Callbacks("once memory"),S.Callbacks("once memory"),0,"resolved"],["reject","fail",S.Callbacks("once memory"),S.Callbacks("once memory"),1,"rejected"]],i="pending",a={state:function(){return i},always:function(){return s.done(arguments).fail(arguments),this},"catch":function(e){return a.then(null,e)},pipe:function(){var i=arguments;return S.Deferred(function(r){S.each(o,function(e,t){var n=m(i[t[4]])&&i[t[4]];s[t[1]](function(){var e=n&&n.apply(this,arguments);e&&m(e.promise)?e.promise().progress(r.notify).done(r.resolve).fail(r.reject):r[t[0]+"With"](this,n?[e]:arguments)})}),i=null}).promise()},then:function(t,n,r){var u=0;function l(i,o,a,s){return function(){var n=this,r=arguments,e=function(){var e,t;if(!(i<u)){if((e=a.apply(n,r))===o.promise())throw new TypeError("Thenable self-resolution");t=e&&("object"==typeof e||"function"==typeof e)&&e.then,m(t)?s?t.call(e,l(u,o,R,s),l(u,o,M,s)):(u++,t.call(e,l(u,o,R,s),l(u,o,M,s),l(u,o,R,o.notifyWith))):(a!==R&&(n=void 0,r=[e]),(s||o.resolveWith)(n,r))}},t=s?e:function(){try{e()}catch(e){S.Deferred.exceptionHook&&S.Deferred.exceptionHook(e,t.stackTrace),u<=i+1&&(a!==M&&(n=void 0,r=[e]),o.rejectWith(n,r))}};i?t():(S.Deferred.getStackHook&&(t.stackTrace=S.Deferred.getStackHook()),C.setTimeout(t))}}return S.Deferred(function(e){o[0][3].add(l(0,e,m(r)?r:R,e.notifyWith)),o[1][3].add(l(0,e,m(t)?t:R)),o[2][3].add(l(0,e,m(n)?n:M))}).promise()},promise:function(e){return null!=e?S.extend(e,a):a}},s={};return S.each(o,function(e,t){var n=t[2],r=t[5];a[t[1]]=n.add,r&&n.add(function(){i=r},o[3-e][2].disable,o[3-e][3].disable,o[0][2].lock,o[0][3].lock),n.add(t[3].fire),s[t[0]]=function(){return s[t[0]+"With"](this===s?void 0:this,arguments),this},s[t[0]+"With"]=n.fireWith}),a.promise(s),e&&e.call(s,s),s},when:function(e){var n=arguments.length,t=n,r=Array(t),i=s.call(arguments),o=S.Deferred(),a=function(t){return function(e){r[t]=this,i[t]=1<arguments.length?s.call(arguments):e,--n||o.resolveWith(r,i)}};if(n<=1&&(I(e,o.done(a(t)).resolve,o.reject,!n),"pending"===o.state()||m(i[t]&&i[t].then)))return o.then();while(t--)I(i[t],a(t),o.reject);return o.promise()}});var W=/^(Eval|Internal|Range|Reference|Syntax|Type|URI)Error$/;S.Deferred.exceptionHook=function(e,t){C.console&&C.console.warn&&e&&W.test(e.name)&&C.console.warn("jQuery.Deferred exception: "+e.message,e.stack,t)},S.readyException=function(e){C.setTimeout(function(){throw e})};var F=S.Deferred();function B(){E.removeEventListener("DOMContentLoaded",B),C.removeEventListener("load",B),S.ready()}S.fn.ready=function(e){return F.then(e)["catch"](function(e){S.readyException(e)}),this},S.extend({isReady:!1,readyWait:1,ready:function(e){(!0===e?--S.readyWait:S.isReady)||(S.isReady=!0)!==e&&0<--S.readyWait||F.resolveWith(E,[S])}}),S.ready.then=F.then,"complete"===E.readyState||"loading"!==E.readyState&&!E.documentElement.doScroll?C.setTimeout(S.ready):(E.addEventListener("DOMContentLoaded",B),C.addEventListener("load",B));var $=function(e,t,n,r,i,o,a){var s=0,u=e.length,l=null==n;if("object"===w(n))for(s in i=!0,n)$(e,t,s,n[s],!0,o,a);else if(void 0!==r&&(i=!0,m(r)||(a=!0),l&&(a?(t.call(e,r),t=null):(l=t,t=function(e,t,n){return l.call(S(e),n)})),t))for(;s<u;s++)t(e[s],n,a?r:r.call(e[s],s,t(e[s],n)));return i?e:l?t.call(e):u?t(e[0],n):o},_=/^-ms-/,z=/-([a-z])/g;function U(e,t){return t.toUpperCase()}function X(e){return e.replace(_,"ms-").replace(z,U)}var V=function(e){return 1===e.nodeType||9===e.nodeType||!+e.nodeType};function G(){this.expando=S.expando+G.uid++}G.uid=1,G.prototype={cache:function(e){var t=e[this.expando];return t||(t={},V(e)&&(e.nodeType?e[this.expando]=t:Object.defineProperty(e,this.expando,{value:t,configurable:!0}))),t},set:function(e,t,n){var r,i=this.cache(e);if("string"==typeof t)i[X(t)]=n;else for(r in t)i[X(r)]=t[r];return i},get:function(e,t){return void 0===t?this.cache(e):e[this.expando]&&e[this.expando][X(t)]},access:function(e,t,n){return void 0===t||t&&"string"==typeof t&&void 0===n?this.get(e,t):(this.set(e,t,n),void 0!==n?n:t)},remove:function(e,t){var n,r=e[this.expando];if(void 0!==r){if(void 0!==t){n=(t=Array.isArray(t)?t.map(X):(t=X(t))in r?[t]:t.match(P)||[]).length;while(n--)delete r[t[n]]}(void 0===t||S.isEmptyObject(r))&&(e.nodeType?e[this.expando]=void 0:delete e[this.expando])}},hasData:function(e){var t=e[this.expando];return void 0!==t&&!S.isEmptyObject(t)}};var Y=new G,Q=new G,J=/^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,K=/[A-Z]/g;function Z(e,t,n){var r,i;if(void 0===n&&1===e.nodeType)if(r="data-"+t.replace(K,"-$&").toLowerCase(),"string"==typeof(n=e.getAttribute(r))){try{n="true"===(i=n)||"false"!==i&&("null"===i?null:i===+i+""?+i:J.test(i)?JSON.parse(i):i)}catch(e){}Q.set(e,t,n)}else n=void 0;return n}S.extend({hasData:function(e){return Q.hasData(e)||Y.hasData(e)},data:function(e,t,n){return Q.access(e,t,n)},removeData:function(e,t){Q.remove(e,t)},_data:function(e,t,n){return Y.access(e,t,n)},_removeData:function(e,t){Y.remove(e,t)}}),S.fn.extend({data:function(n,e){var t,r,i,o=this[0],a=o&&o.attributes;if(void 0===n){if(this.length&&(i=Q.get(o),1===o.nodeType&&!Y.get(o,"hasDataAttrs"))){t=a.length;while(t--)a[t]&&0===(r=a[t].name).indexOf("data-")&&(r=X(r.slice(5)),Z(o,r,i[r]));Y.set(o,"hasDataAttrs",!0)}return i}return"object"==typeof n?this.each(function(){Q.set(this,n)}):$(this,function(e){var t;if(o&&void 0===e)return void 0!==(t=Q.get(o,n))?t:void 0!==(t=Z(o,n))?t:void 0;this.each(function(){Q.set(this,n,e)})},null,e,1<arguments.length,null,!0)},removeData:function(e){return this.each(function(){Q.remove(this,e)})}}),S.extend({queue:function(e,t,n){var r;if(e)return t=(t||"fx")+"queue",r=Y.get(e,t),n&&(!r||Array.isArray(n)?r=Y.access(e,t,S.makeArray(n)):r.push(n)),r||[]},dequeue:function(e,t){t=t||"fx";var n=S.queue(e,t),r=n.length,i=n.shift(),o=S._queueHooks(e,t);"inprogress"===i&&(i=n.shift(),r--),i&&("fx"===t&&n.unshift("inprogress"),delete o.stop,i.call(e,function(){S.dequeue(e,t)},o)),!r&&o&&o.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return Y.get(e,n)||Y.access(e,n,{empty:S.Callbacks("once memory").add(function(){Y.remove(e,[t+"queue",n])})})}}),S.fn.extend({queue:function(t,n){var e=2;return"string"!=typeof t&&(n=t,t="fx",e--),arguments.length<e?S.queue(this[0],t):void 0===n?this:this.each(function(){var e=S.queue(this,t,n);S._queueHooks(this,t),"fx"===t&&"inprogress"!==e[0]&&S.dequeue(this,t)})},dequeue:function(e){return this.each(function(){S.dequeue(this,e)})},clearQueue:function(e){return this.queue(e||"fx",[])},promise:function(e,t){var n,r=1,i=S.Deferred(),o=this,a=this.length,s=function(){--r||i.resolveWith(o,[o])};"string"!=typeof e&&(t=e,e=void 0),e=e||"fx";while(a--)(n=Y.get(o[a],e+"queueHooks"))&&n.empty&&(r++,n.empty.add(s));return s(),i.promise(t)}});var ee=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,te=new RegExp("^(?:([+-])=|)("+ee+")([a-z%]*)$","i"),ne=["Top","Right","Bottom","Left"],re=E.documentElement,ie=function(e){return S.contains(e.ownerDocument,e)},oe={composed:!0};re.getRootNode&&(ie=function(e){return S.contains(e.ownerDocument,e)||e.getRootNode(oe)===e.ownerDocument});var ae=function(e,t){return"none"===(e=t||e).style.display||""===e.style.display&&ie(e)&&"none"===S.css(e,"display")};function se(e,t,n,r){var i,o,a=20,s=r?function(){return r.cur()}:function(){return S.css(e,t,"")},u=s(),l=n&&n[3]||(S.cssNumber[t]?"":"px"),c=e.nodeType&&(S.cssNumber[t]||"px"!==l&&+u)&&te.exec(S.css(e,t));if(c&&c[3]!==l){u/=2,l=l||c[3],c=+u||1;while(a--)S.style(e,t,c+l),(1-o)*(1-(o=s()/u||.5))<=0&&(a=0),c/=o;c*=2,S.style(e,t,c+l),n=n||[]}return n&&(c=+c||+u||0,i=n[1]?c+(n[1]+1)*n[2]:+n[2],r&&(r.unit=l,r.start=c,r.end=i)),i}var ue={};function le(e,t){for(var n,r,i,o,a,s,u,l=[],c=0,f=e.length;c<f;c++)(r=e[c]).style&&(n=r.style.display,t?("none"===n&&(l[c]=Y.get(r,"display")||null,l[c]||(r.style.display="")),""===r.style.display&&ae(r)&&(l[c]=(u=a=o=void 0,a=(i=r).ownerDocument,s=i.nodeName,(u=ue[s])||(o=a.body.appendChild(a.createElement(s)),u=S.css(o,"display"),o.parentNode.removeChild(o),"none"===u&&(u="block"),ue[s]=u)))):"none"!==n&&(l[c]="none",Y.set(r,"display",n)));for(c=0;c<f;c++)null!=l[c]&&(e[c].style.display=l[c]);return e}S.fn.extend({show:function(){return le(this,!0)},hide:function(){return le(this)},toggle:function(e){return"boolean"==typeof e?e?this.show():this.hide():this.each(function(){ae(this)?S(this).show():S(this).hide()})}});var ce,fe,pe=/^(?:checkbox|radio)$/i,de=/<([a-z][^\/\0>\x20\t\r\n\f]*)/i,he=/^$|^module$|\/(?:java|ecma)script/i;ce=E.createDocumentFragment().appendChild(E.createElement("div")),(fe=E.createElement("input")).setAttribute("type","radio"),fe.setAttribute("checked","checked"),fe.setAttribute("name","t"),ce.appendChild(fe),y.checkClone=ce.cloneNode(!0).cloneNode(!0).lastChild.checked,ce.innerHTML="<textarea>x</textarea>",y.noCloneChecked=!!ce.cloneNode(!0).lastChild.defaultValue,ce.innerHTML="<option></option>",y.option=!!ce.lastChild;var ge={thead:[1,"<table>","</table>"],col:[2,"<table><colgroup>","</colgroup></table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:[0,"",""]};function ve(e,t){var n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&A(e,t)?S.merge([e],n):n}function ye(e,t){for(var n=0,r=e.length;n<r;n++)Y.set(e[n],"globalEval",!t||Y.get(t[n],"globalEval"))}ge.tbody=ge.tfoot=ge.colgroup=ge.caption=ge.thead,ge.th=ge.td,y.option||(ge.optgroup=ge.option=[1,"<select multiple='multiple'>","</select>"]);var me=/<|&#?\w+;/;function xe(e,t,n,r,i){for(var o,a,s,u,l,c,f=t.createDocumentFragment(),p=[],d=0,h=e.length;d<h;d++)if((o=e[d])||0===o)if("object"===w(o))S.merge(p,o.nodeType?[o]:o);else if(me.test(o)){a=a||f.appendChild(t.createElement("div")),s=(de.exec(o)||["",""])[1].toLowerCase(),u=ge[s]||ge._default,a.innerHTML=u[1]+S.htmlPrefilter(o)+u[2],c=u[0];while(c--)a=a.lastChild;S.merge(p,a.childNodes),(a=f.firstChild).textContent=""}else p.push(t.createTextNode(o));f.textContent="",d=0;while(o=p[d++])if(r&&-1<S.inArray(o,r))i&&i.push(o);else if(l=ie(o),a=ve(f.appendChild(o),"script"),l&&ye(a),n){c=0;while(o=a[c++])he.test(o.type||"")&&n.push(o)}return f}var be=/^([^.]*)(?:\.(.+)|)/;function we(){return!0}function Te(){return!1}function Ce(e,t){return e===function(){try{return E.activeElement}catch(e){}}()==("focus"===t)}function Ee(e,t,n,r,i,o){var a,s;if("object"==typeof t){for(s in"string"!=typeof n&&(r=r||n,n=void 0),t)Ee(e,s,n,r,t[s],o);return e}if(null==r&&null==i?(i=n,r=n=void 0):null==i&&("string"==typeof n?(i=r,r=void 0):(i=r,r=n,n=void 0)),!1===i)i=Te;else if(!i)return e;return 1===o&&(a=i,(i=function(e){return S().off(e),a.apply(this,arguments)}).guid=a.guid||(a.guid=S.guid++)),e.each(function(){S.event.add(this,t,i,r,n)})}function Se(e,i,o){o?(Y.set(e,i,!1),S.event.add(e,i,{namespace:!1,handler:function(e){var t,n,r=Y.get(this,i);if(1&e.isTrigger&&this[i]){if(r.length)(S.event.special[i]||{}).delegateType&&e.stopPropagation();else if(r=s.call(arguments),Y.set(this,i,r),t=o(this,i),this[i](),r!==(n=Y.get(this,i))||t?Y.set(this,i,!1):n={},r!==n)return e.stopImmediatePropagation(),e.preventDefault(),n&&n.value}else r.length&&(Y.set(this,i,{value:S.event.trigger(S.extend(r[0],S.Event.prototype),r.slice(1),this)}),e.stopImmediatePropagation())}})):void 0===Y.get(e,i)&&S.event.add(e,i,we)}S.event={global:{},add:function(t,e,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,v=Y.get(t);if(V(t)){n.handler&&(n=(o=n).handler,i=o.selector),i&&S.find.matchesSelector(re,i),n.guid||(n.guid=S.guid++),(u=v.events)||(u=v.events=Object.create(null)),(a=v.handle)||(a=v.handle=function(e){return"undefined"!=typeof S&&S.event.triggered!==e.type?S.event.dispatch.apply(t,arguments):void 0}),l=(e=(e||"").match(P)||[""]).length;while(l--)d=g=(s=be.exec(e[l])||[])[1],h=(s[2]||"").split(".").sort(),d&&(f=S.event.special[d]||{},d=(i?f.delegateType:f.bindType)||d,f=S.event.special[d]||{},c=S.extend({type:d,origType:g,data:r,handler:n,guid:n.guid,selector:i,needsContext:i&&S.expr.match.needsContext.test(i),namespace:h.join(".")},o),(p=u[d])||((p=u[d]=[]).delegateCount=0,f.setup&&!1!==f.setup.call(t,r,h,a)||t.addEventListener&&t.addEventListener(d,a)),f.add&&(f.add.call(t,c),c.handler.guid||(c.handler.guid=n.guid)),i?p.splice(p.delegateCount++,0,c):p.push(c),S.event.global[d]=!0)}},remove:function(e,t,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,v=Y.hasData(e)&&Y.get(e);if(v&&(u=v.events)){l=(t=(t||"").match(P)||[""]).length;while(l--)if(d=g=(s=be.exec(t[l])||[])[1],h=(s[2]||"").split(".").sort(),d){f=S.event.special[d]||{},p=u[d=(r?f.delegateType:f.bindType)||d]||[],s=s[2]&&new RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"),a=o=p.length;while(o--)c=p[o],!i&&g!==c.origType||n&&n.guid!==c.guid||s&&!s.test(c.namespace)||r&&r!==c.selector&&("**"!==r||!c.selector)||(p.splice(o,1),c.selector&&p.delegateCount--,f.remove&&f.remove.call(e,c));a&&!p.length&&(f.teardown&&!1!==f.teardown.call(e,h,v.handle)||S.removeEvent(e,d,v.handle),delete u[d])}else for(d in u)S.event.remove(e,d+t[l],n,r,!0);S.isEmptyObject(u)&&Y.remove(e,"handle events")}},dispatch:function(e){var t,n,r,i,o,a,s=new Array(arguments.length),u=S.event.fix(e),l=(Y.get(this,"events")||Object.create(null))[u.type]||[],c=S.event.special[u.type]||{};for(s[0]=u,t=1;t<arguments.length;t++)s[t]=arguments[t];if(u.delegateTarget=this,!c.preDispatch||!1!==c.preDispatch.call(this,u)){a=S.event.handlers.call(this,u,l),t=0;while((i=a[t++])&&!u.isPropagationStopped()){u.currentTarget=i.elem,n=0;while((o=i.handlers[n++])&&!u.isImmediatePropagationStopped())u.rnamespace&&!1!==o.namespace&&!u.rnamespace.test(o.namespace)||(u.handleObj=o,u.data=o.data,void 0!==(r=((S.event.special[o.origType]||{}).handle||o.handler).apply(i.elem,s))&&!1===(u.result=r)&&(u.preventDefault(),u.stopPropagation()))}return c.postDispatch&&c.postDispatch.call(this,u),u.result}},handlers:function(e,t){var n,r,i,o,a,s=[],u=t.delegateCount,l=e.target;if(u&&l.nodeType&&!("click"===e.type&&1<=e.button))for(;l!==this;l=l.parentNode||this)if(1===l.nodeType&&("click"!==e.type||!0!==l.disabled)){for(o=[],a={},n=0;n<u;n++)void 0===a[i=(r=t[n]).selector+" "]&&(a[i]=r.needsContext?-1<S(i,this).index(l):S.find(i,this,null,[l]).length),a[i]&&o.push(r);o.length&&s.push({elem:l,handlers:o})}return l=this,u<t.length&&s.push({elem:l,handlers:t.slice(u)}),s},addProp:function(t,e){Object.defineProperty(S.Event.prototype,t,{enumerable:!0,configurable:!0,get:m(e)?function(){if(this.originalEvent)return e(this.originalEvent)}:function(){if(this.originalEvent)return this.originalEvent[t]},set:function(e){Object.defineProperty(this,t,{enumerable:!0,configurable:!0,writable:!0,value:e})}})},fix:function(e){return e[S.expando]?e:new S.Event(e)},special:{load:{noBubble:!0},click:{setup:function(e){var t=this||e;return pe.test(t.type)&&t.click&&A(t,"input")&&Se(t,"click",we),!1},trigger:function(e){var t=this||e;return pe.test(t.type)&&t.click&&A(t,"input")&&Se(t,"click"),!0},_default:function(e){var t=e.target;return pe.test(t.type)&&t.click&&A(t,"input")&&Y.get(t,"click")||A(t,"a")}},beforeunload:{postDispatch:function(e){void 0!==e.result&&e.originalEvent&&(e.originalEvent.returnValue=e.result)}}}},S.removeEvent=function(e,t,n){e.removeEventListener&&e.removeEventListener(t,n)},S.Event=function(e,t){if(!(this instanceof S.Event))return new S.Event(e,t);e&&e.type?(this.originalEvent=e,this.type=e.type,this.isDefaultPrevented=e.defaultPrevented||void 0===e.defaultPrevented&&!1===e.returnValue?we:Te,this.target=e.target&&3===e.target.nodeType?e.target.parentNode:e.target,this.currentTarget=e.currentTarget,this.relatedTarget=e.relatedTarget):this.type=e,t&&S.extend(this,t),this.timeStamp=e&&e.timeStamp||Date.now(),this[S.expando]=!0},S.Event.prototype={constructor:S.Event,isDefaultPrevented:Te,isPropagationStopped:Te,isImmediatePropagationStopped:Te,isSimulated:!1,preventDefault:function(){var e=this.originalEvent;this.isDefaultPrevented=we,e&&!this.isSimulated&&e.preventDefault()},stopPropagation:function(){var e=this.originalEvent;this.isPropagationStopped=we,e&&!this.isSimulated&&e.stopPropagation()},stopImmediatePropagation:function(){var e=this.originalEvent;this.isImmediatePropagationStopped=we,e&&!this.isSimulated&&e.stopImmediatePropagation(),this.stopPropagation()}},S.each({altKey:!0,bubbles:!0,cancelable:!0,changedTouches:!0,ctrlKey:!0,detail:!0,eventPhase:!0,metaKey:!0,pageX:!0,pageY:!0,shiftKey:!0,view:!0,"char":!0,code:!0,charCode:!0,key:!0,keyCode:!0,button:!0,buttons:!0,clientX:!0,clientY:!0,offsetX:!0,offsetY:!0,pointerId:!0,pointerType:!0,screenX:!0,screenY:!0,targetTouches:!0,toElement:!0,touches:!0,which:!0},S.event.addProp),S.each({focus:"focusin",blur:"focusout"},function(e,t){S.event.special[e]={setup:function(){return Se(this,e,Ce),!1},trigger:function(){return Se(this,e),!0},_default:function(){return!0},delegateType:t}}),S.each({mouseenter:"mouseover",mouseleave:"mouseout",pointerenter:"pointerover",pointerleave:"pointerout"},function(e,i){S.event.special[e]={delegateType:i,bindType:i,handle:function(e){var t,n=e.relatedTarget,r=e.handleObj;return n&&(n===this||S.contains(this,n))||(e.type=r.origType,t=r.handler.apply(this,arguments),e.type=i),t}}}),S.fn.extend({on:function(e,t,n,r){return Ee(this,e,t,n,r)},one:function(e,t,n,r){return Ee(this,e,t,n,r,1)},off:function(e,t,n){var r,i;if(e&&e.preventDefault&&e.handleObj)return r=e.handleObj,S(e.delegateTarget).off(r.namespace?r.origType+"."+r.namespace:r.origType,r.selector,r.handler),this;if("object"==typeof e){for(i in e)this.off(i,t,e[i]);return this}return!1!==t&&"function"!=typeof t||(n=t,t=void 0),!1===n&&(n=Te),this.each(function(){S.event.remove(this,e,n,t)})}});var ke=/<script|<style|<link/i,Ae=/checked\s*(?:[^=]|=\s*.checked.)/i,Ne=/^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g;function je(e,t){return A(e,"table")&&A(11!==t.nodeType?t:t.firstChild,"tr")&&S(e).children("tbody")[0]||e}function De(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function qe(e){return"true/"===(e.type||"").slice(0,5)?e.type=e.type.slice(5):e.removeAttribute("type"),e}function Le(e,t){var n,r,i,o,a,s;if(1===t.nodeType){if(Y.hasData(e)&&(s=Y.get(e).events))for(i in Y.remove(t,"handle events"),s)for(n=0,r=s[i].length;n<r;n++)S.event.add(t,i,s[i][n]);Q.hasData(e)&&(o=Q.access(e),a=S.extend({},o),Q.set(t,a))}}function He(n,r,i,o){r=g(r);var e,t,a,s,u,l,c=0,f=n.length,p=f-1,d=r[0],h=m(d);if(h||1<f&&"string"==typeof d&&!y.checkClone&&Ae.test(d))return n.each(function(e){var t=n.eq(e);h&&(r[0]=d.call(this,e,t.html())),He(t,r,i,o)});if(f&&(t=(e=xe(r,n[0].ownerDocument,!1,n,o)).firstChild,1===e.childNodes.length&&(e=t),t||o)){for(s=(a=S.map(ve(e,"script"),De)).length;c<f;c++)u=e,c!==p&&(u=S.clone(u,!0,!0),s&&S.merge(a,ve(u,"script"))),i.call(n[c],u,c);if(s)for(l=a[a.length-1].ownerDocument,S.map(a,qe),c=0;c<s;c++)u=a[c],he.test(u.type||"")&&!Y.access(u,"globalEval")&&S.contains(l,u)&&(u.src&&"module"!==(u.type||"").toLowerCase()?S._evalUrl&&!u.noModule&&S._evalUrl(u.src,{nonce:u.nonce||u.getAttribute("nonce")},l):b(u.textContent.replace(Ne,""),u,l))}return n}function Oe(e,t,n){for(var r,i=t?S.filter(t,e):e,o=0;null!=(r=i[o]);o++)n||1!==r.nodeType||S.cleanData(ve(r)),r.parentNode&&(n&&ie(r)&&ye(ve(r,"script")),r.parentNode.removeChild(r));return e}S.extend({htmlPrefilter:function(e){return e},clone:function(e,t,n){var r,i,o,a,s,u,l,c=e.cloneNode(!0),f=ie(e);if(!(y.noCloneChecked||1!==e.nodeType&&11!==e.nodeType||S.isXMLDoc(e)))for(a=ve(c),r=0,i=(o=ve(e)).length;r<i;r++)s=o[r],u=a[r],void 0,"input"===(l=u.nodeName.toLowerCase())&&pe.test(s.type)?u.checked=s.checked:"input"!==l&&"textarea"!==l||(u.defaultValue=s.defaultValue);if(t)if(n)for(o=o||ve(e),a=a||ve(c),r=0,i=o.length;r<i;r++)Le(o[r],a[r]);else Le(e,c);return 0<(a=ve(c,"script")).length&&ye(a,!f&&ve(e,"script")),c},cleanData:function(e){for(var t,n,r,i=S.event.special,o=0;void 0!==(n=e[o]);o++)if(V(n)){if(t=n[Y.expando]){if(t.events)for(r in t.events)i[r]?S.event.remove(n,r):S.removeEvent(n,r,t.handle);n[Y.expando]=void 0}n[Q.expando]&&(n[Q.expando]=void 0)}}}),S.fn.extend({detach:function(e){return Oe(this,e,!0)},remove:function(e){return Oe(this,e)},text:function(e){return $(this,function(e){return void 0===e?S.text(this):this.empty().each(function(){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||(this.textContent=e)})},null,e,arguments.length)},append:function(){return He(this,arguments,function(e){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||je(this,e).appendChild(e)})},prepend:function(){return He(this,arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=je(this,e);t.insertBefore(e,t.firstChild)}})},before:function(){return He(this,arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this)})},after:function(){return He(this,arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this.nextSibling)})},empty:function(){for(var e,t=0;null!=(e=this[t]);t++)1===e.nodeType&&(S.cleanData(ve(e,!1)),e.textContent="");return this},clone:function(e,t){return e=null!=e&&e,t=null==t?e:t,this.map(function(){return S.clone(this,e,t)})},html:function(e){return $(this,function(e){var t=this[0]||{},n=0,r=this.length;if(void 0===e&&1===t.nodeType)return t.innerHTML;if("string"==typeof e&&!ke.test(e)&&!ge[(de.exec(e)||["",""])[1].toLowerCase()]){e=S.htmlPrefilter(e);try{for(;n<r;n++)1===(t=this[n]||{}).nodeType&&(S.cleanData(ve(t,!1)),t.innerHTML=e);t=0}catch(e){}}t&&this.empty().append(e)},null,e,arguments.length)},replaceWith:function(){var n=[];return He(this,arguments,function(e){var t=this.parentNode;S.inArray(this,n)<0&&(S.cleanData(ve(this)),t&&t.replaceChild(e,this))},n)}}),S.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(e,a){S.fn[e]=function(e){for(var t,n=[],r=S(e),i=r.length-1,o=0;o<=i;o++)t=o===i?this:this.clone(!0),S(r[o])[a](t),u.apply(n,t.get());return this.pushStack(n)}});var Pe=new RegExp("^("+ee+")(?!px)[a-z%]+$","i"),Re=function(e){var t=e.ownerDocument.defaultView;return t&&t.opener||(t=C),t.getComputedStyle(e)},Me=function(e,t,n){var r,i,o={};for(i in t)o[i]=e.style[i],e.style[i]=t[i];for(i in r=n.call(e),t)e.style[i]=o[i];return r},Ie=new RegExp(ne.join("|"),"i");function We(e,t,n){var r,i,o,a,s=e.style;return(n=n||Re(e))&&(""!==(a=n.getPropertyValue(t)||n[t])||ie(e)||(a=S.style(e,t)),!y.pixelBoxStyles()&&Pe.test(a)&&Ie.test(t)&&(r=s.width,i=s.minWidth,o=s.maxWidth,s.minWidth=s.maxWidth=s.width=a,a=n.width,s.width=r,s.minWidth=i,s.maxWidth=o)),void 0!==a?a+"":a}function Fe(e,t){return{get:function(){if(!e())return(this.get=t).apply(this,arguments);delete this.get}}}!function(){function e(){if(l){u.style.cssText="position:absolute;left:-11111px;width:60px;margin-top:1px;padding:0;border:0",l.style.cssText="position:relative;display:block;box-sizing:border-box;overflow:scroll;margin:auto;border:1px;padding:1px;width:60%;top:1%",re.appendChild(u).appendChild(l);var e=C.getComputedStyle(l);n="1%"!==e.top,s=12===t(e.marginLeft),l.style.right="60%",o=36===t(e.right),r=36===t(e.width),l.style.position="absolute",i=12===t(l.offsetWidth/3),re.removeChild(u),l=null}}function t(e){return Math.round(parseFloat(e))}var n,r,i,o,a,s,u=E.createElement("div"),l=E.createElement("div");l.style&&(l.style.backgroundClip="content-box",l.cloneNode(!0).style.backgroundClip="",y.clearCloneStyle="content-box"===l.style.backgroundClip,S.extend(y,{boxSizingReliable:function(){return e(),r},pixelBoxStyles:function(){return e(),o},pixelPosition:function(){return e(),n},reliableMarginLeft:function(){return e(),s},scrollboxSize:function(){return e(),i},reliableTrDimensions:function(){var e,t,n,r;return null==a&&(e=E.createElement("table"),t=E.createElement("tr"),n=E.createElement("div"),e.style.cssText="position:absolute;left:-11111px;border-collapse:separate",t.style.cssText="border:1px solid",t.style.height="1px",n.style.height="9px",n.style.display="block",re.appendChild(e).appendChild(t).appendChild(n),r=C.getComputedStyle(t),a=parseInt(r.height,10)+parseInt(r.borderTopWidth,10)+parseInt(r.borderBottomWidth,10)===t.offsetHeight,re.removeChild(e)),a}}))}();var Be=["Webkit","Moz","ms"],$e=E.createElement("div").style,_e={};function ze(e){var t=S.cssProps[e]||_e[e];return t||(e in $e?e:_e[e]=function(e){var t=e[0].toUpperCase()+e.slice(1),n=Be.length;while(n--)if((e=Be[n]+t)in $e)return e}(e)||e)}var Ue=/^(none|table(?!-c[ea]).+)/,Xe=/^--/,Ve={position:"absolute",visibility:"hidden",display:"block"},Ge={letterSpacing:"0",fontWeight:"400"};function Ye(e,t,n){var r=te.exec(t);return r?Math.max(0,r[2]-(n||0))+(r[3]||"px"):t}function Qe(e,t,n,r,i,o){var a="width"===t?1:0,s=0,u=0;if(n===(r?"border":"content"))return 0;for(;a<4;a+=2)"margin"===n&&(u+=S.css(e,n+ne[a],!0,i)),r?("content"===n&&(u-=S.css(e,"padding"+ne[a],!0,i)),"margin"!==n&&(u-=S.css(e,"border"+ne[a]+"Width",!0,i))):(u+=S.css(e,"padding"+ne[a],!0,i),"padding"!==n?u+=S.css(e,"border"+ne[a]+"Width",!0,i):s+=S.css(e,"border"+ne[a]+"Width",!0,i));return!r&&0<=o&&(u+=Math.max(0,Math.ceil(e["offset"+t[0].toUpperCase()+t.slice(1)]-o-u-s-.5))||0),u}function Je(e,t,n){var r=Re(e),i=(!y.boxSizingReliable()||n)&&"border-box"===S.css(e,"boxSizing",!1,r),o=i,a=We(e,t,r),s="offset"+t[0].toUpperCase()+t.slice(1);if(Pe.test(a)){if(!n)return a;a="auto"}return(!y.boxSizingReliable()&&i||!y.reliableTrDimensions()&&A(e,"tr")||"auto"===a||!parseFloat(a)&&"inline"===S.css(e,"display",!1,r))&&e.getClientRects().length&&(i="border-box"===S.css(e,"boxSizing",!1,r),(o=s in e)&&(a=e[s])),(a=parseFloat(a)||0)+Qe(e,t,n||(i?"border":"content"),o,r,a)+"px"}function Ke(e,t,n,r,i){return new Ke.prototype.init(e,t,n,r,i)}S.extend({cssHooks:{opacity:{get:function(e,t){if(t){var n=We(e,"opacity");return""===n?"1":n}}}},cssNumber:{animationIterationCount:!0,columnCount:!0,fillOpacity:!0,flexGrow:!0,flexShrink:!0,fontWeight:!0,gridArea:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnStart:!0,gridRow:!0,gridRowEnd:!0,gridRowStart:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{},style:function(e,t,n,r){if(e&&3!==e.nodeType&&8!==e.nodeType&&e.style){var i,o,a,s=X(t),u=Xe.test(t),l=e.style;if(u||(t=ze(s)),a=S.cssHooks[t]||S.cssHooks[s],void 0===n)return a&&"get"in a&&void 0!==(i=a.get(e,!1,r))?i:l[t];"string"===(o=typeof n)&&(i=te.exec(n))&&i[1]&&(n=se(e,t,i),o="number"),null!=n&&n==n&&("number"!==o||u||(n+=i&&i[3]||(S.cssNumber[s]?"":"px")),y.clearCloneStyle||""!==n||0!==t.indexOf("background")||(l[t]="inherit"),a&&"set"in a&&void 0===(n=a.set(e,n,r))||(u?l.setProperty(t,n):l[t]=n))}},css:function(e,t,n,r){var i,o,a,s=X(t);return Xe.test(t)||(t=ze(s)),(a=S.cssHooks[t]||S.cssHooks[s])&&"get"in a&&(i=a.get(e,!0,n)),void 0===i&&(i=We(e,t,r)),"normal"===i&&t in Ge&&(i=Ge[t]),""===n||n?(o=parseFloat(i),!0===n||isFinite(o)?o||0:i):i}}),S.each(["height","width"],function(e,u){S.cssHooks[u]={get:function(e,t,n){if(t)return!Ue.test(S.css(e,"display"))||e.getClientRects().length&&e.getBoundingClientRect().width?Je(e,u,n):Me(e,Ve,function(){return Je(e,u,n)})},set:function(e,t,n){var r,i=Re(e),o=!y.scrollboxSize()&&"absolute"===i.position,a=(o||n)&&"border-box"===S.css(e,"boxSizing",!1,i),s=n?Qe(e,u,n,a,i):0;return a&&o&&(s-=Math.ceil(e["offset"+u[0].toUpperCase()+u.slice(1)]-parseFloat(i[u])-Qe(e,u,"border",!1,i)-.5)),s&&(r=te.exec(t))&&"px"!==(r[3]||"px")&&(e.style[u]=t,t=S.css(e,u)),Ye(0,t,s)}}}),S.cssHooks.marginLeft=Fe(y.reliableMarginLeft,function(e,t){if(t)return(parseFloat(We(e,"marginLeft"))||e.getBoundingClientRect().left-Me(e,{marginLeft:0},function(){return e.getBoundingClientRect().left}))+"px"}),S.each({margin:"",padding:"",border:"Width"},function(i,o){S.cssHooks[i+o]={expand:function(e){for(var t=0,n={},r="string"==typeof e?e.split(" "):[e];t<4;t++)n[i+ne[t]+o]=r[t]||r[t-2]||r[0];return n}},"margin"!==i&&(S.cssHooks[i+o].set=Ye)}),S.fn.extend({css:function(e,t){return $(this,function(e,t,n){var r,i,o={},a=0;if(Array.isArray(t)){for(r=Re(e),i=t.length;a<i;a++)o[t[a]]=S.css(e,t[a],!1,r);return o}return void 0!==n?S.style(e,t,n):S.css(e,t)},e,t,1<arguments.length)}}),((S.Tween=Ke).prototype={constructor:Ke,init:function(e,t,n,r,i,o){this.elem=e,this.prop=n,this.easing=i||S.easing._default,this.options=t,this.start=this.now=this.cur(),this.end=r,this.unit=o||(S.cssNumber[n]?"":"px")},cur:function(){var e=Ke.propHooks[this.prop];return e&&e.get?e.get(this):Ke.propHooks._default.get(this)},run:function(e){var t,n=Ke.propHooks[this.prop];return this.options.duration?this.pos=t=S.easing[this.easing](e,this.options.duration*e,0,1,this.options.duration):this.pos=t=e,this.now=(this.end-this.start)*t+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),n&&n.set?n.set(this):Ke.propHooks._default.set(this),this}}).init.prototype=Ke.prototype,(Ke.propHooks={_default:{get:function(e){var t;return 1!==e.elem.nodeType||null!=e.elem[e.prop]&&null==e.elem.style[e.prop]?e.elem[e.prop]:(t=S.css(e.elem,e.prop,""))&&"auto"!==t?t:0},set:function(e){S.fx.step[e.prop]?S.fx.step[e.prop](e):1!==e.elem.nodeType||!S.cssHooks[e.prop]&&null==e.elem.style[ze(e.prop)]?e.elem[e.prop]=e.now:S.style(e.elem,e.prop,e.now+e.unit)}}}).scrollTop=Ke.propHooks.scrollLeft={set:function(e){e.elem.nodeType&&e.elem.parentNode&&(e.elem[e.prop]=e.now)}},S.easing={linear:function(e){return e},swing:function(e){return.5-Math.cos(e*Math.PI)/2},_default:"swing"},S.fx=Ke.prototype.init,S.fx.step={};var Ze,et,tt,nt,rt=/^(?:toggle|show|hide)$/,it=/queueHooks$/;function ot(){et&&(!1===E.hidden&&C.requestAnimationFrame?C.requestAnimationFrame(ot):C.setTimeout(ot,S.fx.interval),S.fx.tick())}function at(){return C.setTimeout(function(){Ze=void 0}),Ze=Date.now()}function st(e,t){var n,r=0,i={height:e};for(t=t?1:0;r<4;r+=2-t)i["margin"+(n=ne[r])]=i["padding"+n]=e;return t&&(i.opacity=i.width=e),i}function ut(e,t,n){for(var r,i=(lt.tweeners[t]||[]).concat(lt.tweeners["*"]),o=0,a=i.length;o<a;o++)if(r=i[o].call(n,t,e))return r}function lt(o,e,t){var n,a,r=0,i=lt.prefilters.length,s=S.Deferred().always(function(){delete u.elem}),u=function(){if(a)return!1;for(var e=Ze||at(),t=Math.max(0,l.startTime+l.duration-e),n=1-(t/l.duration||0),r=0,i=l.tweens.length;r<i;r++)l.tweens[r].run(n);return s.notifyWith(o,[l,n,t]),n<1&&i?t:(i||s.notifyWith(o,[l,1,0]),s.resolveWith(o,[l]),!1)},l=s.promise({elem:o,props:S.extend({},e),opts:S.extend(!0,{specialEasing:{},easing:S.easing._default},t),originalProperties:e,originalOptions:t,startTime:Ze||at(),duration:t.duration,tweens:[],createTween:function(e,t){var n=S.Tween(o,l.opts,e,t,l.opts.specialEasing[e]||l.opts.easing);return l.tweens.push(n),n},stop:function(e){var t=0,n=e?l.tweens.length:0;if(a)return this;for(a=!0;t<n;t++)l.tweens[t].run(1);return e?(s.notifyWith(o,[l,1,0]),s.resolveWith(o,[l,e])):s.rejectWith(o,[l,e]),this}}),c=l.props;for(!function(e,t){var n,r,i,o,a;for(n in e)if(i=t[r=X(n)],o=e[n],Array.isArray(o)&&(i=o[1],o=e[n]=o[0]),n!==r&&(e[r]=o,delete e[n]),(a=S.cssHooks[r])&&"expand"in a)for(n in o=a.expand(o),delete e[r],o)n in e||(e[n]=o[n],t[n]=i);else t[r]=i}(c,l.opts.specialEasing);r<i;r++)if(n=lt.prefilters[r].call(l,o,c,l.opts))return m(n.stop)&&(S._queueHooks(l.elem,l.opts.queue).stop=n.stop.bind(n)),n;return S.map(c,ut,l),m(l.opts.start)&&l.opts.start.call(o,l),l.progress(l.opts.progress).done(l.opts.done,l.opts.complete).fail(l.opts.fail).always(l.opts.always),S.fx.timer(S.extend(u,{elem:o,anim:l,queue:l.opts.queue})),l}S.Animation=S.extend(lt,{tweeners:{"*":[function(e,t){var n=this.createTween(e,t);return se(n.elem,e,te.exec(t),n),n}]},tweener:function(e,t){m(e)?(t=e,e=["*"]):e=e.match(P);for(var n,r=0,i=e.length;r<i;r++)n=e[r],lt.tweeners[n]=lt.tweeners[n]||[],lt.tweeners[n].unshift(t)},prefilters:[function(e,t,n){var r,i,o,a,s,u,l,c,f="width"in t||"height"in t,p=this,d={},h=e.style,g=e.nodeType&&ae(e),v=Y.get(e,"fxshow");for(r in n.queue||(null==(a=S._queueHooks(e,"fx")).unqueued&&(a.unqueued=0,s=a.empty.fire,a.empty.fire=function(){a.unqueued||s()}),a.unqueued++,p.always(function(){p.always(function(){a.unqueued--,S.queue(e,"fx").length||a.empty.fire()})})),t)if(i=t[r],rt.test(i)){if(delete t[r],o=o||"toggle"===i,i===(g?"hide":"show")){if("show"!==i||!v||void 0===v[r])continue;g=!0}d[r]=v&&v[r]||S.style(e,r)}if((u=!S.isEmptyObject(t))||!S.isEmptyObject(d))for(r in f&&1===e.nodeType&&(n.overflow=[h.overflow,h.overflowX,h.overflowY],null==(l=v&&v.display)&&(l=Y.get(e,"display")),"none"===(c=S.css(e,"display"))&&(l?c=l:(le([e],!0),l=e.style.display||l,c=S.css(e,"display"),le([e]))),("inline"===c||"inline-block"===c&&null!=l)&&"none"===S.css(e,"float")&&(u||(p.done(function(){h.display=l}),null==l&&(c=h.display,l="none"===c?"":c)),h.display="inline-block")),n.overflow&&(h.overflow="hidden",p.always(function(){h.overflow=n.overflow[0],h.overflowX=n.overflow[1],h.overflowY=n.overflow[2]})),u=!1,d)u||(v?"hidden"in v&&(g=v.hidden):v=Y.access(e,"fxshow",{display:l}),o&&(v.hidden=!g),g&&le([e],!0),p.done(function(){for(r in g||le([e]),Y.remove(e,"fxshow"),d)S.style(e,r,d[r])})),u=ut(g?v[r]:0,r,p),r in v||(v[r]=u.start,g&&(u.end=u.start,u.start=0))}],prefilter:function(e,t){t?lt.prefilters.unshift(e):lt.prefilters.push(e)}}),S.speed=function(e,t,n){var r=e&&"object"==typeof e?S.extend({},e):{complete:n||!n&&t||m(e)&&e,duration:e,easing:n&&t||t&&!m(t)&&t};return S.fx.off?r.duration=0:"number"!=typeof r.duration&&(r.duration in S.fx.speeds?r.duration=S.fx.speeds[r.duration]:r.duration=S.fx.speeds._default),null!=r.queue&&!0!==r.queue||(r.queue="fx"),r.old=r.complete,r.complete=function(){m(r.old)&&r.old.call(this),r.queue&&S.dequeue(this,r.queue)},r},S.fn.extend({fadeTo:function(e,t,n,r){return this.filter(ae).css("opacity",0).show().end().animate({opacity:t},e,n,r)},animate:function(t,e,n,r){var i=S.isEmptyObject(t),o=S.speed(e,n,r),a=function(){var e=lt(this,S.extend({},t),o);(i||Y.get(this,"finish"))&&e.stop(!0)};return a.finish=a,i||!1===o.queue?this.each(a):this.queue(o.queue,a)},stop:function(i,e,o){var a=function(e){var t=e.stop;delete e.stop,t(o)};return"string"!=typeof i&&(o=e,e=i,i=void 0),e&&this.queue(i||"fx",[]),this.each(function(){var e=!0,t=null!=i&&i+"queueHooks",n=S.timers,r=Y.get(this);if(t)r[t]&&r[t].stop&&a(r[t]);else for(t in r)r[t]&&r[t].stop&&it.test(t)&&a(r[t]);for(t=n.length;t--;)n[t].elem!==this||null!=i&&n[t].queue!==i||(n[t].anim.stop(o),e=!1,n.splice(t,1));!e&&o||S.dequeue(this,i)})},finish:function(a){return!1!==a&&(a=a||"fx"),this.each(function(){var e,t=Y.get(this),n=t[a+"queue"],r=t[a+"queueHooks"],i=S.timers,o=n?n.length:0;for(t.finish=!0,S.queue(this,a,[]),r&&r.stop&&r.stop.call(this,!0),e=i.length;e--;)i[e].elem===this&&i[e].queue===a&&(i[e].anim.stop(!0),i.splice(e,1));for(e=0;e<o;e++)n[e]&&n[e].finish&&n[e].finish.call(this);delete t.finish})}}),S.each(["toggle","show","hide"],function(e,r){var i=S.fn[r];S.fn[r]=function(e,t,n){return null==e||"boolean"==typeof e?i.apply(this,arguments):this.animate(st(r,!0),e,t,n)}}),S.each({slideDown:st("show"),slideUp:st("hide"),slideToggle:st("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(e,r){S.fn[e]=function(e,t,n){return this.animate(r,e,t,n)}}),S.timers=[],S.fx.tick=function(){var e,t=0,n=S.timers;for(Ze=Date.now();t<n.length;t++)(e=n[t])()||n[t]!==e||n.splice(t--,1);n.length||S.fx.stop(),Ze=void 0},S.fx.timer=function(e){S.timers.push(e),S.fx.start()},S.fx.interval=13,S.fx.start=function(){et||(et=!0,ot())},S.fx.stop=function(){et=null},S.fx.speeds={slow:600,fast:200,_default:400},S.fn.delay=function(r,e){return r=S.fx&&S.fx.speeds[r]||r,e=e||"fx",this.queue(e,function(e,t){var n=C.setTimeout(e,r);t.stop=function(){C.clearTimeout(n)}})},tt=E.createElement("input"),nt=E.createElement("select").appendChild(E.createElement("option")),tt.type="checkbox",y.checkOn=""!==tt.value,y.optSelected=nt.selected,(tt=E.createElement("input")).value="t",tt.type="radio",y.radioValue="t"===tt.value;var ct,ft=S.expr.attrHandle;S.fn.extend({attr:function(e,t){return $(this,S.attr,e,t,1<arguments.length)},removeAttr:function(e){return this.each(function(){S.removeAttr(this,e)})}}),S.extend({attr:function(e,t,n){var r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o)return"undefined"==typeof e.getAttribute?S.prop(e,t,n):(1===o&&S.isXMLDoc(e)||(i=S.attrHooks[t.toLowerCase()]||(S.expr.match.bool.test(t)?ct:void 0)),void 0!==n?null===n?void S.removeAttr(e,t):i&&"set"in i&&void 0!==(r=i.set(e,n,t))?r:(e.setAttribute(t,n+""),n):i&&"get"in i&&null!==(r=i.get(e,t))?r:null==(r=S.find.attr(e,t))?void 0:r)},attrHooks:{type:{set:function(e,t){if(!y.radioValue&&"radio"===t&&A(e,"input")){var n=e.value;return e.setAttribute("type",t),n&&(e.value=n),t}}}},removeAttr:function(e,t){var n,r=0,i=t&&t.match(P);if(i&&1===e.nodeType)while(n=i[r++])e.removeAttribute(n)}}),ct={set:function(e,t,n){return!1===t?S.removeAttr(e,n):e.setAttribute(n,n),n}},S.each(S.expr.match.bool.source.match(/\w+/g),function(e,t){var a=ft[t]||S.find.attr;ft[t]=function(e,t,n){var r,i,o=t.toLowerCase();return n||(i=ft[o],ft[o]=r,r=null!=a(e,t,n)?o:null,ft[o]=i),r}});var pt=/^(?:input|select|textarea|button)$/i,dt=/^(?:a|area)$/i;function ht(e){return(e.match(P)||[]).join(" ")}function gt(e){return e.getAttribute&&e.getAttribute("class")||""}function vt(e){return Array.isArray(e)?e:"string"==typeof e&&e.match(P)||[]}S.fn.extend({prop:function(e,t){return $(this,S.prop,e,t,1<arguments.length)},removeProp:function(e){return this.each(function(){delete this[S.propFix[e]||e]})}}),S.extend({prop:function(e,t,n){var r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o)return 1===o&&S.isXMLDoc(e)||(t=S.propFix[t]||t,i=S.propHooks[t]),void 0!==n?i&&"set"in i&&void 0!==(r=i.set(e,n,t))?r:e[t]=n:i&&"get"in i&&null!==(r=i.get(e,t))?r:e[t]},propHooks:{tabIndex:{get:function(e){var t=S.find.attr(e,"tabindex");return t?parseInt(t,10):pt.test(e.nodeName)||dt.test(e.nodeName)&&e.href?0:-1}}},propFix:{"for":"htmlFor","class":"className"}}),y.optSelected||(S.propHooks.selected={get:function(e){var t=e.parentNode;return t&&t.parentNode&&t.parentNode.selectedIndex,null},set:function(e){var t=e.parentNode;t&&(t.selectedIndex,t.parentNode&&t.parentNode.selectedIndex)}}),S.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){S.propFix[this.toLowerCase()]=this}),S.fn.extend({addClass:function(t){var e,n,r,i,o,a,s,u=0;if(m(t))return this.each(function(e){S(this).addClass(t.call(this,e,gt(this)))});if((e=vt(t)).length)while(n=this[u++])if(i=gt(n),r=1===n.nodeType&&" "+ht(i)+" "){a=0;while(o=e[a++])r.indexOf(" "+o+" ")<0&&(r+=o+" ");i!==(s=ht(r))&&n.setAttribute("class",s)}return this},removeClass:function(t){var e,n,r,i,o,a,s,u=0;if(m(t))return this.each(function(e){S(this).removeClass(t.call(this,e,gt(this)))});if(!arguments.length)return this.attr("class","");if((e=vt(t)).length)while(n=this[u++])if(i=gt(n),r=1===n.nodeType&&" "+ht(i)+" "){a=0;while(o=e[a++])while(-1<r.indexOf(" "+o+" "))r=r.replace(" "+o+" "," ");i!==(s=ht(r))&&n.setAttribute("class",s)}return this},toggleClass:function(i,t){var o=typeof i,a="string"===o||Array.isArray(i);return"boolean"==typeof t&&a?t?this.addClass(i):this.removeClass(i):m(i)?this.each(function(e){S(this).toggleClass(i.call(this,e,gt(this),t),t)}):this.each(function(){var e,t,n,r;if(a){t=0,n=S(this),r=vt(i);while(e=r[t++])n.hasClass(e)?n.removeClass(e):n.addClass(e)}else void 0!==i&&"boolean"!==o||((e=gt(this))&&Y.set(this,"__className__",e),this.setAttribute&&this.setAttribute("class",e||!1===i?"":Y.get(this,"__className__")||""))})},hasClass:function(e){var t,n,r=0;t=" "+e+" ";while(n=this[r++])if(1===n.nodeType&&-1<(" "+ht(gt(n))+" ").indexOf(t))return!0;return!1}});var yt=/\r/g;S.fn.extend({val:function(n){var r,e,i,t=this[0];return arguments.length?(i=m(n),this.each(function(e){var t;1===this.nodeType&&(null==(t=i?n.call(this,e,S(this).val()):n)?t="":"number"==typeof t?t+="":Array.isArray(t)&&(t=S.map(t,function(e){return null==e?"":e+""})),(r=S.valHooks[this.type]||S.valHooks[this.nodeName.toLowerCase()])&&"set"in r&&void 0!==r.set(this,t,"value")||(this.value=t))})):t?(r=S.valHooks[t.type]||S.valHooks[t.nodeName.toLowerCase()])&&"get"in r&&void 0!==(e=r.get(t,"value"))?e:"string"==typeof(e=t.value)?e.replace(yt,""):null==e?"":e:void 0}}),S.extend({valHooks:{option:{get:function(e){var t=S.find.attr(e,"value");return null!=t?t:ht(S.text(e))}},select:{get:function(e){var t,n,r,i=e.options,o=e.selectedIndex,a="select-one"===e.type,s=a?null:[],u=a?o+1:i.length;for(r=o<0?u:a?o:0;r<u;r++)if(((n=i[r]).selected||r===o)&&!n.disabled&&(!n.parentNode.disabled||!A(n.parentNode,"optgroup"))){if(t=S(n).val(),a)return t;s.push(t)}return s},set:function(e,t){var n,r,i=e.options,o=S.makeArray(t),a=i.length;while(a--)((r=i[a]).selected=-1<S.inArray(S.valHooks.option.get(r),o))&&(n=!0);return n||(e.selectedIndex=-1),o}}}}),S.each(["radio","checkbox"],function(){S.valHooks[this]={set:function(e,t){if(Array.isArray(t))return e.checked=-1<S.inArray(S(e).val(),t)}},y.checkOn||(S.valHooks[this].get=function(e){return null===e.getAttribute("value")?"on":e.value})}),y.focusin="onfocusin"in C;var mt=/^(?:focusinfocus|focusoutblur)$/,xt=function(e){e.stopPropagation()};S.extend(S.event,{trigger:function(e,t,n,r){var i,o,a,s,u,l,c,f,p=[n||E],d=v.call(e,"type")?e.type:e,h=v.call(e,"namespace")?e.namespace.split("."):[];if(o=f=a=n=n||E,3!==n.nodeType&&8!==n.nodeType&&!mt.test(d+S.event.triggered)&&(-1<d.indexOf(".")&&(d=(h=d.split(".")).shift(),h.sort()),u=d.indexOf(":")<0&&"on"+d,(e=e[S.expando]?e:new S.Event(d,"object"==typeof e&&e)).isTrigger=r?2:3,e.namespace=h.join("."),e.rnamespace=e.namespace?new RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,e.result=void 0,e.target||(e.target=n),t=null==t?[e]:S.makeArray(t,[e]),c=S.event.special[d]||{},r||!c.trigger||!1!==c.trigger.apply(n,t))){if(!r&&!c.noBubble&&!x(n)){for(s=c.delegateType||d,mt.test(s+d)||(o=o.parentNode);o;o=o.parentNode)p.push(o),a=o;a===(n.ownerDocument||E)&&p.push(a.defaultView||a.parentWindow||C)}i=0;while((o=p[i++])&&!e.isPropagationStopped())f=o,e.type=1<i?s:c.bindType||d,(l=(Y.get(o,"events")||Object.create(null))[e.type]&&Y.get(o,"handle"))&&l.apply(o,t),(l=u&&o[u])&&l.apply&&V(o)&&(e.result=l.apply(o,t),!1===e.result&&e.preventDefault());return e.type=d,r||e.isDefaultPrevented()||c._default&&!1!==c._default.apply(p.pop(),t)||!V(n)||u&&m(n[d])&&!x(n)&&((a=n[u])&&(n[u]=null),S.event.triggered=d,e.isPropagationStopped()&&f.addEventListener(d,xt),n[d](),e.isPropagationStopped()&&f.removeEventListener(d,xt),S.event.triggered=void 0,a&&(n[u]=a)),e.result}},simulate:function(e,t,n){var r=S.extend(new S.Event,n,{type:e,isSimulated:!0});S.event.trigger(r,null,t)}}),S.fn.extend({trigger:function(e,t){return this.each(function(){S.event.trigger(e,t,this)})},triggerHandler:function(e,t){var n=this[0];if(n)return S.event.trigger(e,t,n,!0)}}),y.focusin||S.each({focus:"focusin",blur:"focusout"},function(n,r){var i=function(e){S.event.simulate(r,e.target,S.event.fix(e))};S.event.special[r]={setup:function(){var e=this.ownerDocument||this.document||this,t=Y.access(e,r);t||e.addEventListener(n,i,!0),Y.access(e,r,(t||0)+1)},teardown:function(){var e=this.ownerDocument||this.document||this,t=Y.access(e,r)-1;t?Y.access(e,r,t):(e.removeEventListener(n,i,!0),Y.remove(e,r))}}});var bt=C.location,wt={guid:Date.now()},Tt=/\?/;S.parseXML=function(e){var t,n;if(!e||"string"!=typeof e)return null;try{t=(new C.DOMParser).parseFromString(e,"text/xml")}catch(e){}return n=t&&t.getElementsByTagName("parsererror")[0],t&&!n||S.error("Invalid XML: "+(n?S.map(n.childNodes,function(e){return e.textContent}).join("\n"):e)),t};var Ct=/\[\]$/,Et=/\r?\n/g,St=/^(?:submit|button|image|reset|file)$/i,kt=/^(?:input|select|textarea|keygen)/i;function At(n,e,r,i){var t;if(Array.isArray(e))S.each(e,function(e,t){r||Ct.test(n)?i(n,t):At(n+"["+("object"==typeof t&&null!=t?e:"")+"]",t,r,i)});else if(r||"object"!==w(e))i(n,e);else for(t in e)At(n+"["+t+"]",e[t],r,i)}S.param=function(e,t){var n,r=[],i=function(e,t){var n=m(t)?t():t;r[r.length]=encodeURIComponent(e)+"="+encodeURIComponent(null==n?"":n)};if(null==e)return"";if(Array.isArray(e)||e.jquery&&!S.isPlainObject(e))S.each(e,function(){i(this.name,this.value)});else for(n in e)At(n,e[n],t,i);return r.join("&")},S.fn.extend({serialize:function(){return S.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var e=S.prop(this,"elements");return e?S.makeArray(e):this}).filter(function(){var e=this.type;return this.name&&!S(this).is(":disabled")&&kt.test(this.nodeName)&&!St.test(e)&&(this.checked||!pe.test(e))}).map(function(e,t){var n=S(this).val();return null==n?null:Array.isArray(n)?S.map(n,function(e){return{name:t.name,value:e.replace(Et,"\r\n")}}):{name:t.name,value:n.replace(Et,"\r\n")}}).get()}});var Nt=/%20/g,jt=/#.*$/,Dt=/([?&])_=[^&]*/,qt=/^(.*?):[ \t]*([^\r\n]*)$/gm,Lt=/^(?:GET|HEAD)$/,Ht=/^\/\//,Ot={},Pt={},Rt="*/".concat("*"),Mt=E.createElement("a");function It(o){return function(e,t){"string"!=typeof e&&(t=e,e="*");var n,r=0,i=e.toLowerCase().match(P)||[];if(m(t))while(n=i[r++])"+"===n[0]?(n=n.slice(1)||"*",(o[n]=o[n]||[]).unshift(t)):(o[n]=o[n]||[]).push(t)}}function Wt(t,i,o,a){var s={},u=t===Pt;function l(e){var r;return s[e]=!0,S.each(t[e]||[],function(e,t){var n=t(i,o,a);return"string"!=typeof n||u||s[n]?u?!(r=n):void 0:(i.dataTypes.unshift(n),l(n),!1)}),r}return l(i.dataTypes[0])||!s["*"]&&l("*")}function Ft(e,t){var n,r,i=S.ajaxSettings.flatOptions||{};for(n in t)void 0!==t[n]&&((i[n]?e:r||(r={}))[n]=t[n]);return r&&S.extend(!0,e,r),e}Mt.href=bt.href,S.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:bt.href,type:"GET",isLocal:/^(?:about|app|app-storage|.+-extension|file|res|widget):$/.test(bt.protocol),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":Rt,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/\bxml\b/,html:/\bhtml/,json:/\bjson\b/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":JSON.parse,"text xml":S.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(e,t){return t?Ft(Ft(e,S.ajaxSettings),t):Ft(S.ajaxSettings,e)},ajaxPrefilter:It(Ot),ajaxTransport:It(Pt),ajax:function(e,t){"object"==typeof e&&(t=e,e=void 0),t=t||{};var c,f,p,n,d,r,h,g,i,o,v=S.ajaxSetup({},t),y=v.context||v,m=v.context&&(y.nodeType||y.jquery)?S(y):S.event,x=S.Deferred(),b=S.Callbacks("once memory"),w=v.statusCode||{},a={},s={},u="canceled",T={readyState:0,getResponseHeader:function(e){var t;if(h){if(!n){n={};while(t=qt.exec(p))n[t[1].toLowerCase()+" "]=(n[t[1].toLowerCase()+" "]||[]).concat(t[2])}t=n[e.toLowerCase()+" "]}return null==t?null:t.join(", ")},getAllResponseHeaders:function(){return h?p:null},setRequestHeader:function(e,t){return null==h&&(e=s[e.toLowerCase()]=s[e.toLowerCase()]||e,a[e]=t),this},overrideMimeType:function(e){return null==h&&(v.mimeType=e),this},statusCode:function(e){var t;if(e)if(h)T.always(e[T.status]);else for(t in e)w[t]=[w[t],e[t]];return this},abort:function(e){var t=e||u;return c&&c.abort(t),l(0,t),this}};if(x.promise(T),v.url=((e||v.url||bt.href)+"").replace(Ht,bt.protocol+"//"),v.type=t.method||t.type||v.method||v.type,v.dataTypes=(v.dataType||"*").toLowerCase().match(P)||[""],null==v.crossDomain){r=E.createElement("a");try{r.href=v.url,r.href=r.href,v.crossDomain=Mt.protocol+"//"+Mt.host!=r.protocol+"//"+r.host}catch(e){v.crossDomain=!0}}if(v.data&&v.processData&&"string"!=typeof v.data&&(v.data=S.param(v.data,v.traditional)),Wt(Ot,v,t,T),h)return T;for(i in(g=S.event&&v.global)&&0==S.active++&&S.event.trigger("ajaxStart"),v.type=v.type.toUpperCase(),v.hasContent=!Lt.test(v.type),f=v.url.replace(jt,""),v.hasContent?v.data&&v.processData&&0===(v.contentType||"").indexOf("application/x-www-form-urlencoded")&&(v.data=v.data.replace(Nt,"+")):(o=v.url.slice(f.length),v.data&&(v.processData||"string"==typeof v.data)&&(f+=(Tt.test(f)?"&":"?")+v.data,delete v.data),!1===v.cache&&(f=f.replace(Dt,"$1"),o=(Tt.test(f)?"&":"?")+"_="+wt.guid+++o),v.url=f+o),v.ifModified&&(S.lastModified[f]&&T.setRequestHeader("If-Modified-Since",S.lastModified[f]),S.etag[f]&&T.setRequestHeader("If-None-Match",S.etag[f])),(v.data&&v.hasContent&&!1!==v.contentType||t.contentType)&&T.setRequestHeader("Content-Type",v.contentType),T.setRequestHeader("Accept",v.dataTypes[0]&&v.accepts[v.dataTypes[0]]?v.accepts[v.dataTypes[0]]+("*"!==v.dataTypes[0]?", "+Rt+"; q=0.01":""):v.accepts["*"]),v.headers)T.setRequestHeader(i,v.headers[i]);if(v.beforeSend&&(!1===v.beforeSend.call(y,T,v)||h))return T.abort();if(u="abort",b.add(v.complete),T.done(v.success),T.fail(v.error),c=Wt(Pt,v,t,T)){if(T.readyState=1,g&&m.trigger("ajaxSend",[T,v]),h)return T;v.async&&0<v.timeout&&(d=C.setTimeout(function(){T.abort("timeout")},v.timeout));try{h=!1,c.send(a,l)}catch(e){if(h)throw e;l(-1,e)}}else l(-1,"No Transport");function l(e,t,n,r){var i,o,a,s,u,l=t;h||(h=!0,d&&C.clearTimeout(d),c=void 0,p=r||"",T.readyState=0<e?4:0,i=200<=e&&e<300||304===e,n&&(s=function(e,t,n){var r,i,o,a,s=e.contents,u=e.dataTypes;while("*"===u[0])u.shift(),void 0===r&&(r=e.mimeType||t.getResponseHeader("Content-Type"));if(r)for(i in s)if(s[i]&&s[i].test(r)){u.unshift(i);break}if(u[0]in n)o=u[0];else{for(i in n){if(!u[0]||e.converters[i+" "+u[0]]){o=i;break}a||(a=i)}o=o||a}if(o)return o!==u[0]&&u.unshift(o),n[o]}(v,T,n)),!i&&-1<S.inArray("script",v.dataTypes)&&S.inArray("json",v.dataTypes)<0&&(v.converters["text script"]=function(){}),s=function(e,t,n,r){var i,o,a,s,u,l={},c=e.dataTypes.slice();if(c[1])for(a in e.converters)l[a.toLowerCase()]=e.converters[a];o=c.shift();while(o)if(e.responseFields[o]&&(n[e.responseFields[o]]=t),!u&&r&&e.dataFilter&&(t=e.dataFilter(t,e.dataType)),u=o,o=c.shift())if("*"===o)o=u;else if("*"!==u&&u!==o){if(!(a=l[u+" "+o]||l["* "+o]))for(i in l)if((s=i.split(" "))[1]===o&&(a=l[u+" "+s[0]]||l["* "+s[0]])){!0===a?a=l[i]:!0!==l[i]&&(o=s[0],c.unshift(s[1]));break}if(!0!==a)if(a&&e["throws"])t=a(t);else try{t=a(t)}catch(e){return{state:"parsererror",error:a?e:"No conversion from "+u+" to "+o}}}return{state:"success",data:t}}(v,s,T,i),i?(v.ifModified&&((u=T.getResponseHeader("Last-Modified"))&&(S.lastModified[f]=u),(u=T.getResponseHeader("etag"))&&(S.etag[f]=u)),204===e||"HEAD"===v.type?l="nocontent":304===e?l="notmodified":(l=s.state,o=s.data,i=!(a=s.error))):(a=l,!e&&l||(l="error",e<0&&(e=0))),T.status=e,T.statusText=(t||l)+"",i?x.resolveWith(y,[o,l,T]):x.rejectWith(y,[T,l,a]),T.statusCode(w),w=void 0,g&&m.trigger(i?"ajaxSuccess":"ajaxError",[T,v,i?o:a]),b.fireWith(y,[T,l]),g&&(m.trigger("ajaxComplete",[T,v]),--S.active||S.event.trigger("ajaxStop")))}return T},getJSON:function(e,t,n){return S.get(e,t,n,"json")},getScript:function(e,t){return S.get(e,void 0,t,"script")}}),S.each(["get","post"],function(e,i){S[i]=function(e,t,n,r){return m(t)&&(r=r||n,n=t,t=void 0),S.ajax(S.extend({url:e,type:i,dataType:r,data:t,success:n},S.isPlainObject(e)&&e))}}),S.ajaxPrefilter(function(e){var t;for(t in e.headers)"content-type"===t.toLowerCase()&&(e.contentType=e.headers[t]||"")}),S._evalUrl=function(e,t,n){return S.ajax({url:e,type:"GET",dataType:"script",cache:!0,async:!1,global:!1,converters:{"text script":function(){}},dataFilter:function(e){S.globalEval(e,t,n)}})},S.fn.extend({wrapAll:function(e){var t;return this[0]&&(m(e)&&(e=e.call(this[0])),t=S(e,this[0].ownerDocument).eq(0).clone(!0),this[0].parentNode&&t.insertBefore(this[0]),t.map(function(){var e=this;while(e.firstElementChild)e=e.firstElementChild;return e}).append(this)),this},wrapInner:function(n){return m(n)?this.each(function(e){S(this).wrapInner(n.call(this,e))}):this.each(function(){var e=S(this),t=e.contents();t.length?t.wrapAll(n):e.append(n)})},wrap:function(t){var n=m(t);return this.each(function(e){S(this).wrapAll(n?t.call(this,e):t)})},unwrap:function(e){return this.parent(e).not("body").each(function(){S(this).replaceWith(this.childNodes)}),this}}),S.expr.pseudos.hidden=function(e){return!S.expr.pseudos.visible(e)},S.expr.pseudos.visible=function(e){return!!(e.offsetWidth||e.offsetHeight||e.getClientRects().length)},S.ajaxSettings.xhr=function(){try{return new C.XMLHttpRequest}catch(e){}};var Bt={0:200,1223:204},$t=S.ajaxSettings.xhr();y.cors=!!$t&&"withCredentials"in $t,y.ajax=$t=!!$t,S.ajaxTransport(function(i){var o,a;if(y.cors||$t&&!i.crossDomain)return{send:function(e,t){var n,r=i.xhr();if(r.open(i.type,i.url,i.async,i.username,i.password),i.xhrFields)for(n in i.xhrFields)r[n]=i.xhrFields[n];for(n in i.mimeType&&r.overrideMimeType&&r.overrideMimeType(i.mimeType),i.crossDomain||e["X-Requested-With"]||(e["X-Requested-With"]="XMLHttpRequest"),e)r.setRequestHeader(n,e[n]);o=function(e){return function(){o&&(o=a=r.onload=r.onerror=r.onabort=r.ontimeout=r.onreadystatechange=null,"abort"===e?r.abort():"error"===e?"number"!=typeof r.status?t(0,"error"):t(r.status,r.statusText):t(Bt[r.status]||r.status,r.statusText,"text"!==(r.responseType||"text")||"string"!=typeof r.responseText?{binary:r.response}:{text:r.responseText},r.getAllResponseHeaders()))}},r.onload=o(),a=r.onerror=r.ontimeout=o("error"),void 0!==r.onabort?r.onabort=a:r.onreadystatechange=function(){4===r.readyState&&C.setTimeout(function(){o&&a()})},o=o("abort");try{r.send(i.hasContent&&i.data||null)}catch(e){if(o)throw e}},abort:function(){o&&o()}}}),S.ajaxPrefilter(function(e){e.crossDomain&&(e.contents.script=!1)}),S.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/\b(?:java|ecma)script\b/},converters:{"text script":function(e){return S.globalEval(e),e}}}),S.ajaxPrefilter("script",function(e){void 0===e.cache&&(e.cache=!1),e.crossDomain&&(e.type="GET")}),S.ajaxTransport("script",function(n){var r,i;if(n.crossDomain||n.scriptAttrs)return{send:function(e,t){r=S("<script>").attr(n.scriptAttrs||{}).prop({charset:n.scriptCharset,src:n.url}).on("load error",i=function(e){r.remove(),i=null,e&&t("error"===e.type?404:200,e.type)}),E.head.appendChild(r[0])},abort:function(){i&&i()}}});var _t,zt=[],Ut=/(=)\?(?=&|$)|\?\?/;S.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=zt.pop()||S.expando+"_"+wt.guid++;return this[e]=!0,e}}),S.ajaxPrefilter("json jsonp",function(e,t,n){var r,i,o,a=!1!==e.jsonp&&(Ut.test(e.url)?"url":"string"==typeof e.data&&0===(e.contentType||"").indexOf("application/x-www-form-urlencoded")&&Ut.test(e.data)&&"data");if(a||"jsonp"===e.dataTypes[0])return r=e.jsonpCallback=m(e.jsonpCallback)?e.jsonpCallback():e.jsonpCallback,a?e[a]=e[a].replace(Ut,"$1"+r):!1!==e.jsonp&&(e.url+=(Tt.test(e.url)?"&":"?")+e.jsonp+"="+r),e.converters["script json"]=function(){return o||S.error(r+" was not called"),o[0]},e.dataTypes[0]="json",i=C[r],C[r]=function(){o=arguments},n.always(function(){void 0===i?S(C).removeProp(r):C[r]=i,e[r]&&(e.jsonpCallback=t.jsonpCallback,zt.push(r)),o&&m(i)&&i(o[0]),o=i=void 0}),"script"}),y.createHTMLDocument=((_t=E.implementation.createHTMLDocument("").body).innerHTML="<form></form><form></form>",2===_t.childNodes.length),S.parseHTML=function(e,t,n){return"string"!=typeof e?[]:("boolean"==typeof t&&(n=t,t=!1),t||(y.createHTMLDocument?((r=(t=E.implementation.createHTMLDocument("")).createElement("base")).href=E.location.href,t.head.appendChild(r)):t=E),o=!n&&[],(i=N.exec(e))?[t.createElement(i[1])]:(i=xe([e],t,o),o&&o.length&&S(o).remove(),S.merge([],i.childNodes)));var r,i,o},S.fn.load=function(e,t,n){var r,i,o,a=this,s=e.indexOf(" ");return-1<s&&(r=ht(e.slice(s)),e=e.slice(0,s)),m(t)?(n=t,t=void 0):t&&"object"==typeof t&&(i="POST"),0<a.length&&S.ajax({url:e,type:i||"GET",dataType:"html",data:t}).done(function(e){o=arguments,a.html(r?S("<div>").append(S.parseHTML(e)).find(r):e)}).always(n&&function(e,t){a.each(function(){n.apply(this,o||[e.responseText,t,e])})}),this},S.expr.pseudos.animated=function(t){return S.grep(S.timers,function(e){return t===e.elem}).length},S.offset={setOffset:function(e,t,n){var r,i,o,a,s,u,l=S.css(e,"position"),c=S(e),f={};"static"===l&&(e.style.position="relative"),s=c.offset(),o=S.css(e,"top"),u=S.css(e,"left"),("absolute"===l||"fixed"===l)&&-1<(o+u).indexOf("auto")?(a=(r=c.position()).top,i=r.left):(a=parseFloat(o)||0,i=parseFloat(u)||0),m(t)&&(t=t.call(e,n,S.extend({},s))),null!=t.top&&(f.top=t.top-s.top+a),null!=t.left&&(f.left=t.left-s.left+i),"using"in t?t.using.call(e,f):c.css(f)}},S.fn.extend({offset:function(t){if(arguments.length)return void 0===t?this:this.each(function(e){S.offset.setOffset(this,t,e)});var e,n,r=this[0];return r?r.getClientRects().length?(e=r.getBoundingClientRect(),n=r.ownerDocument.defaultView,{top:e.top+n.pageYOffset,left:e.left+n.pageXOffset}):{top:0,left:0}:void 0},position:function(){if(this[0]){var e,t,n,r=this[0],i={top:0,left:0};if("fixed"===S.css(r,"position"))t=r.getBoundingClientRect();else{t=this.offset(),n=r.ownerDocument,e=r.offsetParent||n.documentElement;while(e&&(e===n.body||e===n.documentElement)&&"static"===S.css(e,"position"))e=e.parentNode;e&&e!==r&&1===e.nodeType&&((i=S(e).offset()).top+=S.css(e,"borderTopWidth",!0),i.left+=S.css(e,"borderLeftWidth",!0))}return{top:t.top-i.top-S.css(r,"marginTop",!0),left:t.left-i.left-S.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent;while(e&&"static"===S.css(e,"position"))e=e.offsetParent;return e||re})}}),S.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,i){var o="pageYOffset"===i;S.fn[t]=function(e){return $(this,function(e,t,n){var r;if(x(e)?r=e:9===e.nodeType&&(r=e.defaultView),void 0===n)return r?r[i]:e[t];r?r.scrollTo(o?r.pageXOffset:n,o?n:r.pageYOffset):e[t]=n},t,e,arguments.length)}}),S.each(["top","left"],function(e,n){S.cssHooks[n]=Fe(y.pixelPosition,function(e,t){if(t)return t=We(e,n),Pe.test(t)?S(e).position()[n]+"px":t})}),S.each({Height:"height",Width:"width"},function(a,s){S.each({padding:"inner"+a,content:s,"":"outer"+a},function(r,o){S.fn[o]=function(e,t){var n=arguments.length&&(r||"boolean"!=typeof e),i=r||(!0===e||!0===t?"margin":"border");return $(this,function(e,t,n){var r;return x(e)?0===o.indexOf("outer")?e["inner"+a]:e.document.documentElement["client"+a]:9===e.nodeType?(r=e.documentElement,Math.max(e.body["scroll"+a],r["scroll"+a],e.body["offset"+a],r["offset"+a],r["client"+a])):void 0===n?S.css(e,t,i):S.style(e,t,n,i)},s,n?e:void 0,n)}})}),S.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){S.fn[t]=function(e){return this.on(t,e)}}),S.fn.extend({bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)},hover:function(e,t){return this.mouseenter(e).mouseleave(t||e)}}),S.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "),function(e,n){S.fn[n]=function(e,t){return 0<arguments.length?this.on(n,null,e,t):this.trigger(n)}});var Xt=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;S.proxy=function(e,t){var n,r,i;if("string"==typeof t&&(n=e[t],t=e,e=n),m(e))return r=s.call(arguments,2),(i=function(){return e.apply(t||this,r.concat(s.call(arguments)))}).guid=e.guid=e.guid||S.guid++,i},S.holdReady=function(e){e?S.readyWait++:S.ready(!0)},S.isArray=Array.isArray,S.parseJSON=JSON.parse,S.nodeName=A,S.isFunction=m,S.isWindow=x,S.camelCase=X,S.type=w,S.now=Date.now,S.isNumeric=function(e){var t=S.type(e);return("number"===t||"string"===t)&&!isNaN(e-parseFloat(e))},S.trim=function(e){return null==e?"":(e+"").replace(Xt,"")},"function"==typeof define&&define.amd&&define("jquery",[],function(){return S});var Vt=C.jQuery,Gt=C.$;return S.noConflict=function(e){return C.$===S&&(C.$=Gt),e&&C.jQuery===S&&(C.jQuery=Vt),S},"undefined"==typeof e&&(C.jQuery=C.$=S),S});

news-detail.html

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Представители Минэкономики Нижегородской области посетили АО «Волга»</title>
+    <link rel="preconnect" href="https://fonts.gstatic.com">
+    <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="styles/style.css">
+    <link rel="stylesheet" href="styles/normalize.css">
+</head>
+<body class="body-subpage">
+    <div class="menu-hidden" style="background-image: url('img/menu_mask.svg');">
+        <div class="menu-hidden-main">
+            <div class="menu-hidden-mob">
+                <span class="menu-hidden-mob__title">Меню</span>
+                <img class="menu-hidden-mob__close" src="img/close_mob.svg" alt="close button">
+            </div>
+            <div class="menu-hidden-main-block">
+                <a class="menu-hidden-main-block__title">
+                    <img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
+                    <img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
+                    Компания
+                </a>
+                <div class="menu-hidden-main-block__wrapper">
+                    <a class="menu-hidden-main-block__subtitle">История предприятия</a>
+                    <a class="menu-hidden-main-block__subtitle">Руководство</a>
+                    <a class="menu-hidden-main-block__subtitle">Производство</a>
+                    <a class="menu-hidden-main-block__subtitle">Стратегия развития</a>
+                    <a class="menu-hidden-main-block__subtitle">Корпоративная политика</a>
+                </div>
+            </div>
+            <div class="menu-hidden-main-block">
+                <a class="menu-hidden-main-block__title">
+                    <img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
+                    <img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
+                    Продукция</a>
+                <div class="menu-hidden-main-block__wrapper">
+                    <a class="menu-hidden-main-block__subtitle">Газетная бумага</a>
+                    <a class="menu-hidden-main-block__subtitle">Бумага для гофрирования</a>
+                    <a class="menu-hidden-main-block__subtitle">Пухлая бумага для печатных книг</a>
+                    <a class="menu-hidden-main-block__subtitle">Упаковочная бумага</a>
+                </div>
+            </div>
+            <div class="menu-hidden-main-block">
+                <a class="menu-hidden-main-block__title">
+                    <img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
+                    <img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
+                    Раскрытие информации</a>
+                <div class="menu-hidden-main-block__wrapper">
+                    <a class="menu-hidden-main-block__subtitle">Положения и сведения об обществе</a>
+                    <a class="menu-hidden-main-block__subtitle">Годовой отчет</a>
+                    <a class="menu-hidden-main-block__subtitle">Акционерам</a>
+                    <a class="menu-hidden-main-block__subtitle">Производство, передача и сбыт тепловой энергии, воды</a>
+                    <a class="menu-hidden-main-block__subtitle">Специальная оценка условий труда</a> 
+                </div>
+            </div>
+            <div class="menu-hidden-main-block">
+                <a class="menu-hidden-main-block__title">
+                    <img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
+                    <img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
+                    Устойчивое развитие</a>
+                <div class="menu-hidden-main-block__wrapper">
+                    <a class="menu-hidden-main-block__subtitle">Безопасность и охрана</a>
+                    <a class="menu-hidden-main-block__subtitle">Экология</a>
+                    <a class="menu-hidden-main-block__subtitle">Ответственное лесопользование</a>
+                    <a class="menu-hidden-main-block__subtitle">Социальная политика</a>
+                    <a class="menu-hidden-main-block__subtitle">Рейтинг и оценка</a>
+                </div>
+            </div>
+            <div class="menu-hidden-main-block">
+                <a class="menu-hidden-main-block__title">
+                    <img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
+                    <img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
+                    Карьера</a>
+                <div class="menu-hidden-main-block__wrapper">
+                    <a class="menu-hidden-main-block__subtitle">Вакансии</a>
+                </div>
+            </div>
+            <div class="menu-hidden-main-block">
+                <a class="menu-hidden-main-block__title">
+                    <img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
+                    <img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
+                    Закупки</a>
+                <div class="menu-hidden-main-block__wrapper">
+                    <a class="menu-hidden-main-block__subtitle">Лесосырьевое обеспечение</a>
+                    <a class="menu-hidden-main-block__subtitle">Обращение к поставщикам и подрядчикам</a>
+                    <a class="menu-hidden-main-block__subtitle">Закупочные процедуры</a>
+                    <a class="menu-hidden-main-block__subtitle">Реализация невостребованного имущества и товаров</a>
+                    <a class="menu-hidden-main-block__subtitle">Регистрация поставщиков</a>
+                    <a class="menu-hidden-main-block__subtitle">Контакты по закупкам</a>
+                </div>
+            </div>
+            <div class="menu-hidden-main-block">
+                <a class="menu-hidden-main-block__title">
+                    <img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
+                    <img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
+                    Пресс-центр</a>
+                <div class="menu-hidden-main-block__wrapper">
+                    <a class="menu-hidden-main-block__subtitle">Новости</a>
+                    <a class="menu-hidden-main-block__subtitle">Фотогалерея</a>
+                    <a class="menu-hidden-main-block__subtitle">Видеогалерея</a>
+                    <a class="menu-hidden-main-block__subtitle">Корпоративная газета «Балахнинский бумажник»</a>
+                </div>
+            </div>
+            <div class="menu-hidden-main-block">
+                <a class="menu-hidden-main-block__title">
+                    <img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
+                    <img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
+                    Контакты</a>
+                <div class="menu-hidden-main-block__wrapper">
+                    <a class="menu-hidden-main-block__subtitle">Московский филиал</a>
+                    <a class="menu-hidden-main-block__subtitle">Нижегородский филиал</a>
+                </div>
+            </div>
+        </div>
+        <div class="menu-hidden-form" style="background-image: url('img/menu_mask.svg');">
+            <img class="menu-hidden-form__close" src="img/close.svg" alt="close button">
+            <form action="" class="form-ui">
+                <div class="form-ui-inner">
+                    <div class="form-ui-inner-heading">
+                        <span class="form-ui-inner-heading__title">Обратная связь</span>
+                    </div>
+                    <div class="form-ui-inner-content">
+                        <input class="form-ui-inner-content__input" type="text" placeholder="Ваше имя">
+                        <input class="form-ui-inner-content__input" type="tel" placeholder="Телефон">
+                        <input class="form-ui-inner-content__input" type="email" placeholder="E-mail">
+                        <input class="form-ui-inner-content__input" type="text" placeholder="Сообщение">
+                        <div class="form-ui-inner-checkbox">
+                            <input class="form-ui-inner-checkbox__input" type="checkbox" id="checkbox2" checked>
+                            <label for="checkbox2" class="form-ui-inner-checkbox__text">Согласен на обработку персональных данных</label>
+                        </div>
+                        <input class="form-ui-inner-content__button" type="submit" value="ОТПРАВИТЬ" style="background-image: url('img/form_button.png');">
+                    </div>
+                </div>
+            </form>
+            <a class="menu-hidden-form__button" href="#" style="background-image: url('img/form_button.png');">ОБРАТНАЯ СВЯЗЬ</a>
+            <div class="menu-hidden-form-contact">
+                <div class="menu-hidden-form-contact-item">
+                    <img class="menu-hidden-form-contact-item__icon" src="img/mail.svg" alt="mail icon">
+                    <a class="menu-hidden-form-contact-item__link" href="mailto:info@volga-paper.ru">info@volga-paper.ru</a>
+                </div>
+                <div class="menu-hidden-form-contact-item">
+                    <img class="menu-hidden-form-contact-item__icon" src="img/phone.svg" alt="phone icon">
+                    <a class="menu-hidden-form-contact-item__link" href="tel:+78314493316">+7 (83144) 9-33-16</a>
+                </div>
+            </div>
+            <div class="menu-hidden-form-social">
+                <a href="#" class="menu-hidden-form-social__link">
+                    <svg class="menu-hidden-form-social__social" width="20" height="13">
+                        <use xlink:href="img/social.svg#vk"></use>
+                    </svg>
+                </a>
+                <a href="#" class="menu-hidden-form-social__link">
+                    <svg class="menu-hidden-form-social__social" width="17" height="17">
+                        <use xlink:href="img/social.svg#fb"></use>
+                    </svg>
+                </a>
+                <a href="#" class="menu-hidden-form-social__link">
+                    <svg class="menu-hidden-form-social__social" width="20" height="18">
+                        <use xlink:href="img/social.svg#yt"></use>
+                    </svg>
+                </a>
+                <a href="#" class="menu-hidden-form-social__link">
+                    <svg class="menu-hidden-form-social__social" width="19" height="19">
+                        <use xlink:href="img/social.svg#inst"></use>
+                    </svg>
+                </a>
+            </div>
+        </div>
+    </div>
+    <header class="header header-subpage" style="background-image: url('img/header.jpg');">
+        <nav class="navbar">
+            <a class="navbar-logo" href="#">
+                <img class="navbar-logo__icon" src="img/logo.svg" alt="logo: volga">
+                <img class="navbar-logo__scroll hidden" src="img/logo_scroll.svg" alt="logo: volga">
+            </a>
+            <a class="navbar-burger" href="#">
+                <svg width="20" height="13" class="navbar-burger__icon">
+                    <use xlink:href="img/burger.svg#burger"></use>
+                </svg>
+                <span class="navbar-burger__title">Меню</span>
+            </a>
+            <ul class="menu">
+                <li class="menu-item" data-menu-id='1'>
+                    <a class="menu-item__link" href="#">Компания</a>
+                    <div class="submenu" data-submenu-id='1'>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>История предприятия</a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Руководство</a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Производство</a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Стратегия развития</a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Корпоративная политика</a>
+                    </div>
+                </li>
+                <li class="menu-item" data-menu-id='2'>
+                    <a class="menu-item__link" href="#">Продукция</a>
+                    <div class="submenu" data-submenu-id='2'>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Газетная бумага</a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Бумага для перфорирования</a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Пухлая бумага для печатных книг</a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Упаковочная бумага</a>
+                    </div>
+                </li>
+                <li class="menu-item" data-menu-id='3'>
+                    <a class="menu-item__link" href="#">Раскрытие информации</a>
+                    <div class="submenu" data-submenu-id='3'>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Положение и сведения об обществе
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Годовой отчёт
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Акционерам
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Производство, передача и сбыт тепловой энергии, воды
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Специальная оценка условий труда
+                        </a>
+                    </div>
+                </li>
+                <li class="menu-item" data-menu-id='4'>
+                    <a class="menu-item__link" href="#">Устойчивое развитие</a>
+                    <div class="submenu" data-submenu-id='4'>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Безопасность и охрана
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Экология
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Ответственное леспользование
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Социальная политика
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Рейтинг и оценка
+                        </a>
+                    </div>
+                </li>
+                <li class="menu-item" data-menu-id='5'>
+                    <a class="menu-item__link" href="#">Карьера</a>
+                    <div class="submenu" data-submenu-id='5'>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Вакансии
+                        </a>
+                    </div>
+                </li>
+                <li class="menu-item" data-menu-id='6'>
+                    <a class="menu-item__link" href="#">Закупки</a>
+                    <div class="submenu" data-submenu-id='6'>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Лесосырьевое обеспечение
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Обращение к поставщикам и подрядчикам
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Закупочные процедуры
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Реализация невостребованного имущества и товаров
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Регистрация поставщиков
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Контакты по закупкам
+                        </a>
+                    </div>
+                </li>
+                <li class="menu-item" data-menu-id='7'>
+                    <a class="menu-item__link" href="#">Пресс-центр</a>
+                    <div class="submenu" data-submenu-id='7'>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Новости
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Фотогалерея
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Видеогалерея
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Корпоративная газета «Балахнинский бумажник»
+                        </a>
+                    </div>
+                </li>
+                <li class="menu-item" data-menu-id='8'>
+                    <a class="menu-item__link" href="#">Контакты</a>
+                    <div class="submenu" data-submenu-id='8'>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Московский офис
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Нижегородский офис
+                        </a>
+                    </div>
+                </li>
+            </ul>
+            <ul class="second-menu">
+                <li class="second-menu-item">
+                    <a class="second-menu-item__link search-link" href="#">
+                        <svg class="second-menu-item__link__icon" width="20" height="20" viewBox="0 0 20 20">
+                            <use xlink:href="img/second_menu.svg#search"></use>
+                        </svg>
+                    </a>
+                </li>
+                <li class="second-menu-item" data-menu-id='9'>
+                    <a class="second-menu-item__link" href="#">
+                        <div class="second-menu-item__link__login">
+                            <svg class="second-menu-item__link__icon" width="20" height="20" viewBox="0 0 20 20">
+                                <use xlink:href="img/second_menu.svg#login"></use>
+                            </svg>
+                            <span>Войти</span>
+                        </div>
+                    </a>
+                    <div class="submenu second-submenu" data-submenu-id='9'>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Поставщикам
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Покупателям
+                        </a>
+                    </div>
+                </li>
+                <li class="second-menu-item" data-menu-id='10'>
+                    <a class="second-menu-item__link" href="#">
+                        <div class="second-menu-item__link__lang">
+                            <span>EN</span>
+                            <svg class="second-menu-item__link__icon" width="8" height="6" viewBox="0 0 8 6">
+                                <use xlink:href="img/second_menu.svg#down"></use>
+                            </svg>
+                        </div>
+                    </a>
+                    <div class="submenu second-submenu" data-submenu-id='10'>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>RU
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>EN
+                        </a>
+                    </div>
+                </li>
+            </ul>
+        </nav>
+        <div class="search">
+            <a class="search-close" href="#">
+                Закрыть
+                <svg class="search-close__icon">
+                    <use xlink:href="img/search_close.svg#search_close"></use>
+                </svg>
+            </a>
+            <input class="search__field" type="search" placeholder="Поиск по сайту"> 
+            <input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);">
+        </div>
+        <div class="separator"></div>
+        <ul class="second-mob">
+            <li class="second-mob-item">
+                <a class="second-mob-item__link" href="#">
+                    <svg class="second-mob-item__link__icon" width="20" height="20" viewBox="0 0 20 20">
+                        <use xlink:href="img/second_menu.svg#search"></use>
+                    </svg>
+                    <span>Поиск</span>
+                </a>
+            </li>
+            <li class="second-mob-item">
+                <a class="second-mob-item__link" href="#">
+                    <div class="second-mob-item__link__login">
+                        <svg class="second-mob-item__link__icon" width="20" height="20" viewBox="0 0 20 20">
+                            <use xlink:href="img/second_menu.svg#login"></use>
+                        </svg>
+                        <span>Войти</span>
+                    </div>
+                </a>
+            </li>
+        </ul>
+        <div class="heading-other">
+            <div class="heading-other-nav">
+                <a href="#" class="heading-other-nav__page">Главная</a>
+                <img class="heading-other-nav__icon" src="img/heading_nav.svg" alt="nav icon">
+                <a href="#" class="heading-other-nav__page">Пресс-центр</a>
+                <img class="heading-other-nav__icon" src="img/heading_nav.svg" alt="nav icon">
+                <a href="#" class="heading-other-nav__page">Новости</a>
+                <img class="heading-other-nav__icon" src="img/heading_nav.svg" alt="nav icon">
+                <a href="#" class="heading-other-nav__page heading-other-nav__page--current">Представители Минэкономики Нижегородской области посетили АО «Волга»</a>
+            </div>
+            <h1 class="heading-other__title">Представители Минэкономики Нижегородской области посетили АО «Волга»</h1>
+        </div>   
+    </header>
+    <section class="news-detail" style="background-image: url('img/company_mask.svg');">
+        <img class="news-detail-img" src="img/news-detail.jpg" alt="photo">
+        <div class="news-detail-text">
+            <p class="news-detail-text__date">17 июня 2020</p>
+            <h3 class="news-detail-text__title">В рамках визита Министра экономического развития и инвестиций Нижегородской области И.Н. Норенкова в АО «Волга», состоявшегося 28 мая текущего года, прошло выездное совещание с руководством предприятия по вопросу реализации приоритетного инвестиционного проекта в сфере освоения лесов «Строительство второй линии по производству термомеханической массы (ТММ)».</h3>
+            <p class="news-detail-text__main">Осмотрев производственную площадку и новую линию в цехе термомеханической массы, Представители Минэкономики Нижегородской области отметили, что, несмотря на непростую экономическую ситуацию на мировых рынках, вызванную пандемией коронавируса, руководству АО «Волга» удалось в срок запустить в опытно-промышленную эксплуатацию новую производственную линию.</p>
+            <p class="news-detail-text__quote" style="background-image: url('img/corp_quote.svg');">«Из-за пандемии COVID-19 специалистам фирмы Anrdritz пришлось вернуться в Австрию на этапе ввода в эксплуатацию оборудования, - отметил генеральный директор АО «Волга» Сергей Пондарь. - Мы договорились продолжить работу на удаленном доступе, чтобы ввести новую линию ТММ в срок. И это решение оказалось правильным. Иностранные специалисты консультировали нас дистанционно при запуске линии ТММ».</p>
+            <p class="news-detail-text__main">Реализация данного проекта позволит создать новые рабочие места, расширить номенклатуру выпускаемой продукции, большая часть которой в настоящее время отправляется на экспорт.</p>
+            <div class="news-detail-photo">
+                <img class="news-detail-photo__img" src="img/news-detail_ph.jpg" alt="photo">
+                <p class="news-detail-photo__label">Министр экономического развития и инвестиций Нижегородской области И.Н. Норенков посетил производственную площадку АО «Волга» и новую линию в цехе термомеханической массы</p>
+            </div>
+            <p class="news-detail-text__main">Напомним, что с января 2020 года начался процесс заготовки лесосырья для обеспечения производственных мощностей АО «Волга» на лесозаготовительных участках общей площадью
+                более 100 тысяч гектаров в Варнавинском районе Нижегородской области. Таким образом, компания 
+                завершила формирование производства полного цикла: от заготовки сырья до реализации готовой
+                продукции, став интегрированной лесопромышленной компанией.</p>
+                <div class="news-detail-links">
+                    <a class="news-detail-links-more" href="#">
+                        <svg class="news-detail-links-more__icon">
+                            <use xlink:href="img/news-detail_arrow.svg#news-detail_arrow"></use>
+                        </svg>
+                        <span class="news-detail-links-more__text">К списку новостей</span>
+                    </a>
+                    <div class="news-detail-links-social">
+                        <span class="news-detail-links-social__text">Поделиться в соцсетях:</span>
+                        <a href="#" class="news-detail-links-social__icon">
+                            <img src="img/news_vk.svg" alt="vk">
+                        </a>
+                        <a href="#" class="news-detail-links-social__icon">
+                            <img src="img/news_fb.svg" alt="fb">
+                        </a>
+                        <a href="#" class="news-detail-links-social__icon">
+                            <img src="img/news_tw.svg" alt="tw">
+                        </a>
+                        <a href="#" class="news-detail-links-social__icon">
+                            <img src="img/news_ok.svg" alt="ok">
+                        </a>
+                    </div>
+                </div>
+        </div>
+    </section>
+    <section class="form form-subpage section-subpage">
+        <form action="" class="form-ui" style="background-image: url('img/form_mask.svg');">
+            <div class="form-ui-inner">
+                <div class="form-ui-inner-heading">
+                    <span class="form-ui-inner-heading__title">Обратная связь</span>
+                    <span class="form-ui-inner-heading__text">Оставьте свои контакты и мы свяжемся с Вами!</span>
+                </div>
+                <div class="form-ui-inner-content">
+                    <input class="form-ui-inner-content__input" type="text" placeholder="Ваше имя" required>
+                    <input class="form-ui-inner-content__input" type="tel" placeholder="Телефон" pattern="(\+?\d[- .]*){7,13}" required>
+                    <input class="form-ui-inner-content__input" type="email" placeholder="E-mail" pattern="[^@]+@[^@]+\.[a-zA-Z]{2,6}" required>
+                    <input class="form-ui-inner-content__input" type="text" placeholder="Сообщение">
+                    <input class="form-ui-inner-content__button" type="submit" value="ОТПРАВИТЬ" style="background-image: url('img/form_button.png');">
+                </div>
+                <div class="form-ui-inner-checkbox">
+                    <input class="form-ui-inner-checkbox__input" type="checkbox" id="checkbox1" checked>
+                    <label for="checkbox1" class="form-ui-inner-checkbox__text">Нажимая на кнопку «Отправить», вы соглашаетесь на обработку персональных данных</label>
+                </div>
+            </div>
+        </form>
+    </section>
+    <footer class="footer" style="background-image: url('img/footer.jpg');">
+        <nav class="footer-navbar">
+            <a class="footer-navbar-logo" href="#">
+                <img src="img/logo.svg" alt="logo: volga">
+            </a>
+            <ul class="footer-menu">
+                <li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Компания</a></li>
+                <li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Продукция</a></li>
+                <li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Пресс-центр</a></li>
+                <li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Устойчивое развитие</a></li>
+                <li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Поставщикам</a></li>
+                <li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Раскрытие информации</a></li>
+                <li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Карьера</a></li>
+                <li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Контакты</a></li>
+            </ul>
+        </nav>
+        <div class="footer-info">
+            <div class="footer-info-social">
+                <a href="#" class="footer-info-social__link">
+                    <svg class="footer-info-social__icon" width="20" height="13">
+                        <use xlink:href="img/social.svg#vk"></use>
+                    </svg>
+                </a>
+                <a href="#" class="footer-info-social__link">
+                    <svg class="footer-info-social__icon" width="17" height="17">
+                        <use xlink:href="img/social.svg#fb"></use>
+                    </svg>
+                </a>
+                <a href="#" class="footer-info-social__link">
+                    <svg class="footer-info-social__icon" width="20" height="18">
+                        <use xlink:href="img/social.svg#yt"></use>
+                    </svg>
+                </a>
+                <a href="#" class="footer-info-social__link">
+                    <svg class="footer-info-social__icon" width="19" height="19">
+                        <use xlink:href="img/social.svg#inst"></use>
+                    </svg>
+                </a>
+            </div>
+            <span class="footer-info__copy">© 2021 АО «Волга»</span>
+            <div class="footer-info-dev">
+                <span class="footer-info-dev__text">Разработка сайта</span>
+                <img src="img/logo_r52.svg" alt="logo r52">
+            </div>
+        </div>
+    </footer>
+    <script defer src="js/jquery-3.6.0.min.js"></script>
+    <script defer src="js/index.js"></script>
+    </body>
+</html>
\ No newline at end of file

news.html

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Новости</title>
+    <link rel="preconnect" href="https://fonts.gstatic.com">
+    <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="styles/style.css">
+    <link rel="stylesheet" href="styles/normalize.css">
+</head>
+<body class="body-subpage">
+    <div class="menu-hidden" style="background-image: url('img/menu_mask.svg');">
+        <div class="menu-hidden-main">
+            <div class="menu-hidden-mob">
+                <span class="menu-hidden-mob__title">Меню</span>
+                <img class="menu-hidden-mob__close" src="img/close_mob.svg" alt="close button">
+            </div>
+            <div class="menu-hidden-main-block">
+                <a class="menu-hidden-main-block__title">
+                    <img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
+                    <img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
+                    Компания
+                </a>
+                <div class="menu-hidden-main-block__wrapper">
+                    <a class="menu-hidden-main-block__subtitle">История предприятия</a>
+                    <a class="menu-hidden-main-block__subtitle">Руководство</a>
+                    <a class="menu-hidden-main-block__subtitle">Производство</a>
+                    <a class="menu-hidden-main-block__subtitle">Стратегия развития</a>
+                    <a class="menu-hidden-main-block__subtitle">Корпоративная политика</a>
+                </div>
+            </div>
+            <div class="menu-hidden-main-block">
+                <a class="menu-hidden-main-block__title">
+                    <img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
+                    <img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
+                    Продукция</a>
+                <div class="menu-hidden-main-block__wrapper">
+                    <a class="menu-hidden-main-block__subtitle">Газетная бумага</a>
+                    <a class="menu-hidden-main-block__subtitle">Бумага для гофрирования</a>
+                    <a class="menu-hidden-main-block__subtitle">Пухлая бумага для печатных книг</a>
+                    <a class="menu-hidden-main-block__subtitle">Упаковочная бумага</a>
+                </div>
+            </div>
+            <div class="menu-hidden-main-block">
+                <a class="menu-hidden-main-block__title">
+                    <img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
+                    <img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
+                    Раскрытие информации</a>
+                <div class="menu-hidden-main-block__wrapper">
+                    <a class="menu-hidden-main-block__subtitle">Положения и сведения об обществе</a>
+                    <a class="menu-hidden-main-block__subtitle">Годовой отчет</a>
+                    <a class="menu-hidden-main-block__subtitle">Акционерам</a>
+                    <a class="menu-hidden-main-block__subtitle">Производство, передача и сбыт тепловой энергии, воды</a>
+                    <a class="menu-hidden-main-block__subtitle">Специальная оценка условий труда</a> 
+                </div>
+            </div>
+            <div class="menu-hidden-main-block">
+                <a class="menu-hidden-main-block__title">
+                    <img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
+                    <img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
+                    Устойчивое развитие</a>
+                <div class="menu-hidden-main-block__wrapper">
+                    <a class="menu-hidden-main-block__subtitle">Безопасность и охрана</a>
+                    <a class="menu-hidden-main-block__subtitle">Экология</a>
+                    <a class="menu-hidden-main-block__subtitle">Ответственное лесопользование</a>
+                    <a class="menu-hidden-main-block__subtitle">Социальная политика</a>
+                    <a class="menu-hidden-main-block__subtitle">Рейтинг и оценка</a>
+                </div>
+            </div>
+            <div class="menu-hidden-main-block">
+                <a class="menu-hidden-main-block__title">
+                    <img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
+                    <img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
+                    Карьера</a>
+                <div class="menu-hidden-main-block__wrapper">
+                    <a class="menu-hidden-main-block__subtitle">Вакансии</a>
+                </div>
+            </div>
+            <div class="menu-hidden-main-block">
+                <a class="menu-hidden-main-block__title">
+                    <img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
+                    <img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
+                    Закупки</a>
+                <div class="menu-hidden-main-block__wrapper">
+                    <a class="menu-hidden-main-block__subtitle">Лесосырьевое обеспечение</a>
+                    <a class="menu-hidden-main-block__subtitle">Обращение к поставщикам и подрядчикам</a>
+                    <a class="menu-hidden-main-block__subtitle">Закупочные процедуры</a>
+                    <a class="menu-hidden-main-block__subtitle">Реализация невостребованного имущества и товаров</a>
+                    <a class="menu-hidden-main-block__subtitle">Регистрация поставщиков</a>
+                    <a class="menu-hidden-main-block__subtitle">Контакты по закупкам</a>
+                </div>
+            </div>
+            <div class="menu-hidden-main-block">
+                <a class="menu-hidden-main-block__title">
+                    <img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
+                    <img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
+                    Пресс-центр</a>
+                <div class="menu-hidden-main-block__wrapper">
+                    <a class="menu-hidden-main-block__subtitle">Новости</a>
+                    <a class="menu-hidden-main-block__subtitle">Фотогалерея</a>
+                    <a class="menu-hidden-main-block__subtitle">Видеогалерея</a>
+                    <a class="menu-hidden-main-block__subtitle">Корпоративная газета «Балахнинский бумажник»</a>
+                </div>
+            </div>
+            <div class="menu-hidden-main-block">
+                <a class="menu-hidden-main-block__title">
+                    <img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
+                    <img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
+                    Контакты</a>
+                <div class="menu-hidden-main-block__wrapper">
+                    <a class="menu-hidden-main-block__subtitle">Московский филиал</a>
+                    <a class="menu-hidden-main-block__subtitle">Нижегородский филиал</a>
+                </div>
+            </div>
+        </div>
+        <div class="menu-hidden-form" style="background-image: url('img/menu_mask.svg');">
+            <img class="menu-hidden-form__close" src="img/close.svg" alt="close button">
+            <form action="" class="form-ui">
+                <div class="form-ui-inner">
+                    <div class="form-ui-inner-heading">
+                        <span class="form-ui-inner-heading__title">Обратная связь</span>
+                    </div>
+                    <div class="form-ui-inner-content">
+                        <input class="form-ui-inner-content__input" type="text" placeholder="Ваше имя">
+                        <input class="form-ui-inner-content__input" type="tel" placeholder="Телефон">
+                        <input class="form-ui-inner-content__input" type="email" placeholder="E-mail">
+                        <input class="form-ui-inner-content__input" type="text" placeholder="Сообщение">
+                        <div class="form-ui-inner-checkbox">
+                            <input class="form-ui-inner-checkbox__input" type="checkbox" id="checkbox2" checked>
+                            <label for="checkbox2" class="form-ui-inner-checkbox__text">Согласен на обработку персональных данных</label>
+                        </div>
+                        <input class="form-ui-inner-content__button" type="submit" value="ОТПРАВИТЬ" style="background-image: url('img/form_button.png');">
+                    </div>
+                </div>
+            </form>
+            <a class="menu-hidden-form__button" href="#" style="background-image: url('img/form_button.png');">ОБРАТНАЯ СВЯЗЬ</a>
+            <div class="menu-hidden-form-contact">
+                <div class="menu-hidden-form-contact-item">
+                    <img class="menu-hidden-form-contact-item__icon" src="img/mail.svg" alt="mail icon">
+                    <a class="menu-hidden-form-contact-item__link" href="mailto:info@volga-paper.ru">info@volga-paper.ru</a>
+                </div>
+                <div class="menu-hidden-form-contact-item">
+                    <img class="menu-hidden-form-contact-item__icon" src="img/phone.svg" alt="phone icon">
+                    <a class="menu-hidden-form-contact-item__link" href="tel:+78314493316">+7 (83144) 9-33-16</a>
+                </div>
+            </div>
+            <div class="menu-hidden-form-social">
+                <a href="#" class="menu-hidden-form-social__link">
+                    <svg class="menu-hidden-form-social__social" width="20" height="13">
+                        <use xlink:href="img/social.svg#vk"></use>
+                    </svg>
+                </a>
+                <a href="#" class="menu-hidden-form-social__link">
+                    <svg class="menu-hidden-form-social__social" width="17" height="17">
+                        <use xlink:href="img/social.svg#fb"></use>
+                    </svg>
+                </a>
+                <a href="#" class="menu-hidden-form-social__link">
+                    <svg class="menu-hidden-form-social__social" width="20" height="18">
+                        <use xlink:href="img/social.svg#yt"></use>
+                    </svg>
+                </a>
+                <a href="#" class="menu-hidden-form-social__link">
+                    <svg class="menu-hidden-form-social__social" width="19" height="19">
+                        <use xlink:href="img/social.svg#inst"></use>
+                    </svg>
+                </a>
+            </div>
+        </div>
+    </div>
+    <header class="header header-subpage" style="background-image: url('img/header.jpg');">
+        <nav class="navbar">
+            <a class="navbar-logo" href="#">
+                <img class="navbar-logo__icon" src="img/logo.svg" alt="logo: volga">
+                <img class="navbar-logo__scroll hidden" src="img/logo_scroll.svg" alt="logo: volga">
+            </a>
+            <a class="navbar-burger" href="#">
+                <svg width="20" height="13" class="navbar-burger__icon">
+                    <use xlink:href="img/burger.svg#burger"></use>
+                </svg>
+                <span class="navbar-burger__title">Меню</span>
+            </a>
+            <ul class="menu">
+                <li class="menu-item" data-menu-id='1'>
+                    <a class="menu-item__link" href="#">Компания</a>
+                    <div class="submenu" data-submenu-id='1'>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>История предприятия</a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Руководство</a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Производство</a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Стратегия развития</a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Корпоративная политика</a>
+                    </div>
+                </li>
+                <li class="menu-item" data-menu-id='2'>
+                    <a class="menu-item__link" href="#">Продукция</a>
+                    <div class="submenu" data-submenu-id='2'>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Газетная бумага</a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Бумага для перфорирования</a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Пухлая бумага для печатных книг</a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Упаковочная бумага</a>
+                    </div>
+                </li>
+                <li class="menu-item" data-menu-id='3'>
+                    <a class="menu-item__link" href="#">Раскрытие информации</a>
+                    <div class="submenu" data-submenu-id='3'>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Положение и сведения об обществе
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Годовой отчёт
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Акционерам
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Производство, передача и сбыт тепловой энергии, воды
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Специальная оценка условий труда
+                        </a>
+                    </div>
+                </li>
+                <li class="menu-item" data-menu-id='4'>
+                    <a class="menu-item__link" href="#">Устойчивое развитие</a>
+                    <div class="submenu" data-submenu-id='4'>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Безопасность и охрана
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Экология
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Ответственное леспользование
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Социальная политика
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Рейтинг и оценка
+                        </a>
+                    </div>
+                </li>
+                <li class="menu-item" data-menu-id='5'>
+                    <a class="menu-item__link" href="#">Карьера</a>
+                    <div class="submenu" data-submenu-id='5'>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Вакансии
+                        </a>
+                    </div>
+                </li>
+                <li class="menu-item" data-menu-id='6'>
+                    <a class="menu-item__link" href="#">Закупки</a>
+                    <div class="submenu" data-submenu-id='6'>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Лесосырьевое обеспечение
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Обращение к поставщикам и подрядчикам
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Закупочные процедуры
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Реализация невостребованного имущества и товаров
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Регистрация поставщиков
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Контакты по закупкам
+                        </a>
+                    </div>
+                </li>
+                <li class="menu-item" data-menu-id='7'>
+                    <a class="menu-item__link" href="#">Пресс-центр</a>
+                    <div class="submenu" data-submenu-id='7'>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Новости
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Фотогалерея
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Видеогалерея
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Корпоративная газета «Балахнинский бумажник»
+                        </a>
+                    </div>
+                </li>
+                <li class="menu-item" data-menu-id='8'>
+                    <a class="menu-item__link" href="#">Контакты</a>
+                    <div class="submenu" data-submenu-id='8'>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Московский офис
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Нижегородский офис
+                        </a>
+                    </div>
+                </li>
+            </ul>
+            <ul class="second-menu">
+                <li class="second-menu-item">
+                    <a class="second-menu-item__link search-link" href="#">
+                        <svg class="second-menu-item__link__icon" width="20" height="20" viewBox="0 0 20 20">
+                            <use xlink:href="img/second_menu.svg#search"></use>
+                        </svg>
+                    </a>
+                </li>
+                <li class="second-menu-item" data-menu-id='9'>
+                    <a class="second-menu-item__link" href="#">
+                        <div class="second-menu-item__link__login">
+                            <svg class="second-menu-item__link__icon" width="20" height="20" viewBox="0 0 20 20">
+                                <use xlink:href="img/second_menu.svg#login"></use>
+                            </svg>
+                            <span>Войти</span>
+                        </div>
+                    </a>
+                    <div class="submenu second-submenu" data-submenu-id='9'>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Поставщикам
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Покупателям
+                        </a>
+                    </div>
+                </li>
+                <li class="second-menu-item" data-menu-id='10'>
+                    <a class="second-menu-item__link" href="#">
+                        <div class="second-menu-item__link__lang">
+                            <span>EN</span>
+                            <svg class="second-menu-item__link__icon" width="8" height="6" viewBox="0 0 8 6">
+                                <use xlink:href="img/second_menu.svg#down"></use>
+                            </svg>
+                        </div>
+                    </a>
+                    <div class="submenu second-submenu" data-submenu-id='10'>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>RU
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>EN
+                        </a>
+                    </div>
+                </li>
+            </ul>
+        </nav>
+        <div class="search">
+            <a class="search-close" href="#">
+                Закрыть
+                <svg class="search-close__icon">
+                    <use xlink:href="img/search_close.svg#search_close"></use>
+                </svg>
+            </a>
+            <input class="search__field" type="search" placeholder="Поиск по сайту"> 
+            <input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);">
+        </div>
+        <div class="separator"></div>
+        <ul class="second-mob">
+            <li class="second-mob-item">
+                <a class="second-mob-item__link" href="#">
+                    <svg class="second-mob-item__link__icon" width="20" height="20" viewBox="0 0 20 20">
+                        <use xlink:href="img/second_menu.svg#search"></use>
+                    </svg>
+                    <span>Поиск</span>
+                </a>
+            </li>
+            <li class="second-mob-item">
+                <a class="second-mob-item__link" href="#">
+                    <div class="second-mob-item__link__login">
+                        <svg class="second-mob-item__link__icon" width="20" height="20" viewBox="0 0 20 20">
+                            <use xlink:href="img/second_menu.svg#login"></use>
+                        </svg>
+                        <span>Войти</span>
+                    </div>
+                </a>
+            </li>
+        </ul>
+        <div class="heading-other">
+            <div class="heading-other-nav">
+                <a href="#" class="heading-other-nav__page">Главная</a>
+                <img class="heading-other-nav__icon" src="img/heading_nav.svg" alt="nav icon">
+                <a href="#" class="heading-other-nav__page">Пресс-центр</a>
+                <img class="heading-other-nav__icon" src="img/heading_nav.svg" alt="nav icon">
+                <a href="#" class="heading-other-nav__page heading-other-nav__page--current">Новости</a>
+            </div>
+            <h1 class="heading-other__title">Новости</h1>
+        </div>   
+    </header>
+    <section class="gazeta-wrapper" style="background-image: url('img/company_mask.svg');">
+        <div class="select-wrapper">
+            <div class="select">
+                <input class="select__input" type="hidden" name="">
+                <div class="select__head">Все года
+                    <img class="select__head__icon" src="img/select_down.svg" alt="down">
+                </div>
+                <ul class="select__list" style="display: none;">
+                    <li class="select__item">2021</li>
+                    <li class="select__item">2020</li>
+                    <li class="select__item">2019</li>
+                </ul>
+            </div>
+            <div class="select">
+                <input class="select__input" type="hidden" name="">
+                <div class="select__head">Все месяцы
+                    <img class="select__head__icon" src="img/select_down.svg" alt="down">
+                </div>
+                <ul class="select__list" style="display: none;">
+                    <li class="select__item">Январь</li>
+                    <li class="select__item">Февраль</li>
+                    <li class="select__item">Март</li>
+                </ul>
+            </div>
+            <a class="select-btn" href="#">Показать</a>
+        </div>
+        <div class="gazeta gazeta-news">
+            <a class="gazeta-item" style="background-image: url('img/dev_photo.png');">
+                <div class="gazeta-item-img">
+                    <img class="gazeta-item-img__photo" src="img/n1.jpg" alt="photo">
+                    <div class="gazeta-item-img__hover"></div>
+                </div>
+                <div class="gazeta-item-text">
+                    <p class="gazeta-item-text__date">26 мая 2021</p>
+                    <h3 class="gazeta-item-text__title">Равнение - на лучших!</h3>
+                    <p class="gazeta-item-text__label">21 мая в АО "Волга" состоялось награждение победителей программы нематериальной мотивации БРАВО по итогам 1 квартала 2021 года.</p>
+                </div>
+            </a>
+            <div class="gazeta-news-wrapper">
+                <a class="gazeta-item">
+                    <div class="gazeta-item-img">
+                        <img class="gazeta-item-img__photo" src="img/n1.jpg" alt="photo">
+                        <div class="gazeta-item-img__hover"></div>
+                    </div>
+                    <div class="gazeta-item-text">
+                        <p class="gazeta-item-text__date">18 февраля 2021</p>
+                        <h3 class="gazeta-item-text__title">Лучшим работникам АО «Волга» – ВRAVO!</h3>
+                        <p class="gazeta-item-text__label">В ноябре 2020 года Приказом генерального директора в АО «Волга» была утверждена масштабная программа по совершенствованию системы нематериальной мотивации работников компании. О реализации этой программы в интервью корпоративной газете «Балахнинский бумажник» рассказала заместитель генерального директора по персоналу Светлана Горбунова.</p>
+                    </div>
+                </a>
+                <a class="gazeta-item">
+                    <div class="gazeta-item-img">
+                        <img class="gazeta-item-img__photo" src="img/n1.jpg" alt="photo">
+                        <div class="gazeta-item-img__hover"></div>
+                    </div>
+                    <div class="gazeta-item-text">
+                        <p class="gazeta-item-text__date">11 февраля 2021</p>
+                        <h3 class="gazeta-item-text__title">АО «Волга» внедрило систему менеджмента качества по стандарту ISO 9001:2015</h3>
+                        <p class="gazeta-item-text__label">Вертикально интегрированная лесопромышленная компания успешно прошла процедуру добровольной сертификации и получила сертификат соответствия требованиям международного стандарта ISO 9001:2015 сроком действия до 26 января 2024 года. Соответствие этому стандарту является подтверждением высокого качества управления предприятием и становится существенным преимуществом компании в глазах клиентов.</p>
+                    </div>
+                </a>
+            </div>
+            <a class="gazeta-item">
+                <div class="gazeta-item-img">
+                    <img class="gazeta-item-img__photo" src="img/n1.jpg" alt="photo">
+                    <div class="gazeta-item-img__hover"></div>
+                </div>
+                <div class="gazeta-item-text">
+                    <p class="gazeta-item-text__date">10 февраля 2021</p>
+                    <h3 class="gazeta-item-text__title">В Нижнем Новгороде состоялось торжественное награждение лауреатов и дипломантов Всероссийского конкурса «100 лучших товаров России»</h3>
+                    <p class="gazeta-item-text__label">От компании АО «Волга» в торжественном мероприятии принял участие заместитель генерального директора по производству Андрей Гурылев.</p>
+                </div>
+            </a>
+            <a class="gazeta-item">
+                <div class="gazeta-item-img">
+                    <img class="gazeta-item-img__photo" src="img/n2.jpg" alt="photo">
+                    <div class="gazeta-item-img__hover"></div>
+                </div>
+                <div class="gazeta-item-text">
+                    <p class="gazeta-item-text__date">27 января 2021</p>
+                    <h3 class="gazeta-item-text__title">Работа над повышением качества продукции продолжается</h3>
+                    <p class="gazeta-item-text__label">На производственной площадке АО «Волга» проходят аудиты бумагоделательной машины №8 в бумцехе №3, а также технологического оборудования в цехе по производству термомеханической массы.</p>
+                </div>
+            </a>
+            <a class="gazeta-item">
+                <div class="gazeta-item-img">
+                    <img class="gazeta-item-img__photo" src="img/n3.jpg" alt="photo">
+                    <div class="gazeta-item-img__hover"></div>
+                </div>
+                <div class="gazeta-item-text">
+                    <p class="gazeta-item-text__date">12 января 2021</p>
+                    <h3 class="gazeta-item-text__title">Когда кризис не помеха</h3>
+                    <p class="gazeta-item-text__label">Генеральный директор АО «Волга» Сергей Пондарь рассказал в эксклюзивном интервью компании ANDRITZ о реализации крупнейшего проекта по расширению производства термомеханической массы на предприятии.</p>
+                </div>
+            </a>
+            <a class="gazeta-item">
+                <div class="gazeta-item-img">
+                    <img class="gazeta-item-img__photo" src="img/n4.jpg" alt="photo">
+                    <div class="gazeta-item-img__hover"></div>
+                </div>
+                <div class="gazeta-item-text">
+                    <p class="gazeta-item-text__date">11 января 2021</p>
+                    <h3 class="gazeta-item-text__title">Генеральный директор АО «Волга» Сергей Пондарь подвел в интервью для бизнес-журнала «Деловой квартал» предварительные итоги работы предприятия в 2020 году</h3>
+                    <p class="gazeta-item-text__label">«Газеты уходят в прошлое, новая задача – стать крупнейшим производителем упаковки»</p>
+                </div>
+            </a>
+            <a class="gazeta-item">
+                <div class="gazeta-item-img">
+                    <img class="gazeta-item-img__photo" src="img/n5.jpg" alt="photo">
+                    <div class="gazeta-item-img__hover"></div>
+                </div>
+                <div class="gazeta-item-text">
+                    <p class="gazeta-item-text__date">31 декабря 2020</p>
+                    <h3 class="gazeta-item-text__title">Предновогоднее обращение генерального директора АО "Волга" Сергея Пондаря к коллективу АО "Волга"</h3>
+                    <p class="gazeta-item-text__label">С Новым годом и Рождеством!</p>
+                </div>
+            </a>
+            <a class="gazeta-item">
+                <div class="gazeta-item-img">
+                    <img class="gazeta-item-img__photo" src="img/n6.jpg" alt="photo">
+                    <div class="gazeta-item-img__hover"></div>
+                </div>
+                <div class="gazeta-item-text">
+                    <p class="gazeta-item-text__date">10 Декабря 2020</p>
+                    <h3 class="gazeta-item-text__title">Генеральный директор АО «Волга» Сергей Пондарь – победитель бизнес-премии «Человек года»!</h3>
+                    <p class="gazeta-item-text__label">Восьмого декабря в Нижнем Новгороде состоялась XII церемония награждения ежегодной премии «Человек года», учредителем которой стал Нижегородский бизнес-журнал «Деловой квартал». По результатам онлайн-голосования, организованного журналом, генеральный директор АО «Волга» Сергей Пондарь был удостоен звания «Человек года» в номинации «Инвестор года».</p>
+                </div>
+            </a>
+        </div>
+    </section>
+    <div class="pagination">
+        <a class="pagination-item pagination-item-more hidden" href="#">
+            <svg class="pagination-item__icon1">
+                <use xlink:href="img/dalshe.svg#dalshe"></use>
+            </svg>Раньше
+        </a>
+        <a class="pagination-item pagination-item-active" href="#">1</a>
+        <a class="pagination-item" href="#">2</a>
+        <a class="pagination-item" href="#">3</a>
+        <a class="pagination-item" href="#">4</a>
+        <a class="pagination-item" href="#">5</a>
+        <a class="pagination-item" href="#">...</a>
+        <a class="pagination-item" href="#">52</a>
+        <a class="pagination-item pagination-item-more" href="#">Дальше
+            <svg class="pagination-item__icon2">
+                <use xlink:href="img/dalshe.svg#dalshe"></use>
+            </svg>
+        </a>
+    </div>
+    <section class="form form-subpage section-subpage">
+        <form action="" class="form-ui" style="background-image: url('img/form_mask.svg');">
+            <div class="form-ui-inner">
+                <div class="form-ui-inner-heading">
+                    <span class="form-ui-inner-heading__title">Обратная связь</span>
+                    <span class="form-ui-inner-heading__text">Оставьте свои контакты и мы свяжемся с Вами!</span>
+                </div>
+                <div class="form-ui-inner-content">
+                    <input class="form-ui-inner-content__input" type="text" placeholder="Ваше имя" required>
+                    <input class="form-ui-inner-content__input" type="tel" placeholder="Телефон" pattern="(\+?\d[- .]*){7,13}" required>
+                    <input class="form-ui-inner-content__input" type="email" placeholder="E-mail" pattern="[^@]+@[^@]+\.[a-zA-Z]{2,6}" required>
+                    <input class="form-ui-inner-content__input" type="text" placeholder="Сообщение">
+                    <input class="form-ui-inner-content__button" type="submit" value="ОТПРАВИТЬ" style="background-image: url('img/form_button.png');">
+                </div>
+                <div class="form-ui-inner-checkbox">
+                    <input class="form-ui-inner-checkbox__input" type="checkbox" id="checkbox1" checked>
+                    <label for="checkbox1" class="form-ui-inner-checkbox__text">Нажимая на кнопку «Отправить», вы соглашаетесь на обработку персональных данных</label>
+                </div>
+            </div>
+        </form>
+    </section>
+    <footer class="footer" style="background-image: url('img/footer.jpg');">
+        <nav class="footer-navbar">
+            <a class="footer-navbar-logo" href="#">
+                <img src="img/logo.svg" alt="logo: volga">
+            </a>
+            <ul class="footer-menu">
+                <li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Компания</a></li>
+                <li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Продукция</a></li>
+                <li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Пресс-центр</a></li>
+                <li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Устойчивое развитие</a></li>
+                <li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Поставщикам</a></li>
+                <li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Раскрытие информации</a></li>
+                <li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Карьера</a></li>
+                <li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Контакты</a></li>
+            </ul>
+        </nav>
+        <div class="footer-info">
+            <div class="footer-info-social">
+                <a href="#" class="footer-info-social__link">
+                    <svg class="footer-info-social__icon" width="20" height="13">
+                        <use xlink:href="img/social.svg#vk"></use>
+                    </svg>
+                </a>
+                <a href="#" class="footer-info-social__link">
+                    <svg class="footer-info-social__icon" width="17" height="17">
+                        <use xlink:href="img/social.svg#fb"></use>
+                    </svg>
+                </a>
+                <a href="#" class="footer-info-social__link">
+                    <svg class="footer-info-social__icon" width="20" height="18">
+                        <use xlink:href="img/social.svg#yt"></use>
+                    </svg>
+                </a>
+                <a href="#" class="footer-info-social__link">
+                    <svg class="footer-info-social__icon" width="19" height="19">
+                        <use xlink:href="img/social.svg#inst"></use>
+                    </svg>
+                </a>
+            </div>
+            <span class="footer-info__copy">© 2021 АО «Волга»</span>
+            <div class="footer-info-dev">
+                <span class="footer-info-dev__text">Разработка сайта</span>
+                <img src="img/logo_r52.svg" alt="logo r52">
+            </div>
+        </div>
+    </footer>
+    <script defer src="js/jquery-3.6.0.min.js"></script>
+    <script defer src="js/index.js"></script>
+    </body>
+</html>
\ No newline at end of file

photogallery.html

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Фотогалерея</title>
+    <link rel="preconnect" href="https://fonts.gstatic.com">
+    <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="styles/style.css">
+    <link rel="stylesheet" href="styles/normalize.css">
+</head>
+<body class="body-subpage">
+    <div class="menu-hidden" style="background-image: url('img/menu_mask.svg');">
+        <div class="menu-hidden-main">
+            <div class="menu-hidden-mob">
+                <span class="menu-hidden-mob__title">Меню</span>
+                <img class="menu-hidden-mob__close" src="img/close_mob.svg" alt="close button">
+            </div>
+            <div class="menu-hidden-main-block">
+                <a class="menu-hidden-main-block__title">
+                    <img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
+                    <img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
+                    Компания
+                </a>
+                <div class="menu-hidden-main-block__wrapper">
+                    <a class="menu-hidden-main-block__subtitle">История предприятия</a>
+                    <a class="menu-hidden-main-block__subtitle">Руководство</a>
+                    <a class="menu-hidden-main-block__subtitle">Производство</a>
+                    <a class="menu-hidden-main-block__subtitle">Стратегия развития</a>
+                    <a class="menu-hidden-main-block__subtitle">Корпоративная политика</a>
+                </div>
+            </div>
+            <div class="menu-hidden-main-block">
+                <a class="menu-hidden-main-block__title">
+                    <img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
+                    <img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
+                    Продукция</a>
+                <div class="menu-hidden-main-block__wrapper">
+                    <a class="menu-hidden-main-block__subtitle">Газетная бумага</a>
+                    <a class="menu-hidden-main-block__subtitle">Бумага для гофрирования</a>
+                    <a class="menu-hidden-main-block__subtitle">Пухлая бумага для печатных книг</a>
+                    <a class="menu-hidden-main-block__subtitle">Упаковочная бумага</a>
+                </div>
+            </div>
+            <div class="menu-hidden-main-block">
+                <a class="menu-hidden-main-block__title">
+                    <img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
+                    <img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
+                    Раскрытие информации</a>
+                <div class="menu-hidden-main-block__wrapper">
+                    <a class="menu-hidden-main-block__subtitle">Положения и сведения об обществе</a>
+                    <a class="menu-hidden-main-block__subtitle">Годовой отчет</a>
+                    <a class="menu-hidden-main-block__subtitle">Акционерам</a>
+                    <a class="menu-hidden-main-block__subtitle">Производство, передача и сбыт тепловой энергии, воды</a>
+                    <a class="menu-hidden-main-block__subtitle">Специальная оценка условий труда</a> 
+                </div>
+            </div>
+            <div class="menu-hidden-main-block">
+                <a class="menu-hidden-main-block__title">
+                    <img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
+                    <img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
+                    Устойчивое развитие</a>
+                <div class="menu-hidden-main-block__wrapper">
+                    <a class="menu-hidden-main-block__subtitle">Безопасность и охрана</a>
+                    <a class="menu-hidden-main-block__subtitle">Экология</a>
+                    <a class="menu-hidden-main-block__subtitle">Ответственное лесопользование</a>
+                    <a class="menu-hidden-main-block__subtitle">Социальная политика</a>
+                    <a class="menu-hidden-main-block__subtitle">Рейтинг и оценка</a>
+                </div>
+            </div>
+            <div class="menu-hidden-main-block">
+                <a class="menu-hidden-main-block__title">
+                    <img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
+                    <img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
+                    Карьера</a>
+                <div class="menu-hidden-main-block__wrapper">
+                    <a class="menu-hidden-main-block__subtitle">Вакансии</a>
+                </div>
+            </div>
+            <div class="menu-hidden-main-block">
+                <a class="menu-hidden-main-block__title">
+                    <img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
+                    <img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
+                    Закупки</a>
+                <div class="menu-hidden-main-block__wrapper">
+                    <a class="menu-hidden-main-block__subtitle">Лесосырьевое обеспечение</a>
+                    <a class="menu-hidden-main-block__subtitle">Обращение к поставщикам и подрядчикам</a>
+                    <a class="menu-hidden-main-block__subtitle">Закупочные процедуры</a>
+                    <a class="menu-hidden-main-block__subtitle">Реализация невостребованного имущества и товаров</a>
+                    <a class="menu-hidden-main-block__subtitle">Регистрация поставщиков</a>
+                    <a class="menu-hidden-main-block__subtitle">Контакты по закупкам</a>
+                </div>
+            </div>
+            <div class="menu-hidden-main-block">
+                <a class="menu-hidden-main-block__title">
+                    <img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
+                    <img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
+                    Пресс-центр</a>
+                <div class="menu-hidden-main-block__wrapper">
+                    <a class="menu-hidden-main-block__subtitle">Новости</a>
+                    <a class="menu-hidden-main-block__subtitle">Фотогалерея</a>
+                    <a class="menu-hidden-main-block__subtitle">Видеогалерея</a>
+                    <a class="menu-hidden-main-block__subtitle">Корпоративная газета «Балахнинский бумажник»</a>
+                </div>
+            </div>
+            <div class="menu-hidden-main-block">
+                <a class="menu-hidden-main-block__title">
+                    <img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
+                    <img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
+                    Контакты</a>
+                <div class="menu-hidden-main-block__wrapper">
+                    <a class="menu-hidden-main-block__subtitle">Московский филиал</a>
+                    <a class="menu-hidden-main-block__subtitle">Нижегородский филиал</a>
+                </div>
+            </div>
+        </div>
+        <div class="menu-hidden-form" style="background-image: url('img/menu_mask.svg');">
+            <img class="menu-hidden-form__close" src="img/close.svg" alt="close button">
+            <form action="" class="form-ui">
+                <div class="form-ui-inner">
+                    <div class="form-ui-inner-heading">
+                        <span class="form-ui-inner-heading__title">Обратная связь</span>
+                    </div>
+                    <div class="form-ui-inner-content">
+                        <input class="form-ui-inner-content__input" type="text" placeholder="Ваше имя">
+                        <input class="form-ui-inner-content__input" type="tel" placeholder="Телефон">
+                        <input class="form-ui-inner-content__input" type="email" placeholder="E-mail">
+                        <input class="form-ui-inner-content__input" type="text" placeholder="Сообщение">
+                        <div class="form-ui-inner-checkbox">
+                            <input class="form-ui-inner-checkbox__input" type="checkbox" id="checkbox2" checked>
+                            <label for="checkbox2" class="form-ui-inner-checkbox__text">Согласен на обработку персональных данных</label>
+                        </div>
+                        <input class="form-ui-inner-content__button" type="submit" value="ОТПРАВИТЬ" style="background-image: url('img/form_button.png');">
+                    </div>
+                </div>
+            </form>
+            <a class="menu-hidden-form__button" href="#" style="background-image: url('img/form_button.png');">ОБРАТНАЯ СВЯЗЬ</a>
+            <div class="menu-hidden-form-contact">
+                <div class="menu-hidden-form-contact-item">
+                    <img class="menu-hidden-form-contact-item__icon" src="img/mail.svg" alt="mail icon">
+                    <a class="menu-hidden-form-contact-item__link" href="mailto:info@volga-paper.ru">info@volga-paper.ru</a>
+                </div>
+                <div class="menu-hidden-form-contact-item">
+                    <img class="menu-hidden-form-contact-item__icon" src="img/phone.svg" alt="phone icon">
+                    <a class="menu-hidden-form-contact-item__link" href="tel:+78314493316">+7 (83144) 9-33-16</a>
+                </div>
+            </div>
+            <div class="menu-hidden-form-social">
+                <a href="#" class="menu-hidden-form-social__link">
+                    <svg class="menu-hidden-form-social__social" width="20" height="13">
+                        <use xlink:href="img/social.svg#vk"></use>
+                    </svg>
+                </a>
+                <a href="#" class="menu-hidden-form-social__link">
+                    <svg class="menu-hidden-form-social__social" width="17" height="17">
+                        <use xlink:href="img/social.svg#fb"></use>
+                    </svg>
+                </a>
+                <a href="#" class="menu-hidden-form-social__link">
+                    <svg class="menu-hidden-form-social__social" width="20" height="18">
+                        <use xlink:href="img/social.svg#yt"></use>
+                    </svg>
+                </a>
+                <a href="#" class="menu-hidden-form-social__link">
+                    <svg class="menu-hidden-form-social__social" width="19" height="19">
+                        <use xlink:href="img/social.svg#inst"></use>
+                    </svg>
+                </a>
+            </div>
+        </div>
+    </div>
+    <header class="header header-subpage" style="background-image: url('img/header.jpg');">
+        <nav class="navbar">
+            <a class="navbar-logo" href="#">
+                <img class="navbar-logo__icon" src="img/logo.svg" alt="logo: volga">
+                <img class="navbar-logo__scroll hidden" src="img/logo_scroll.svg" alt="logo: volga">
+            </a>
+            <a class="navbar-burger" href="#">
+                <svg width="20" height="13" class="navbar-burger__icon">
+                    <use xlink:href="img/burger.svg#burger"></use>
+                </svg>
+                <span class="navbar-burger__title">Меню</span>
+            </a>
+            <ul class="menu">
+                <li class="menu-item" data-menu-id='1'>
+                    <a class="menu-item__link" href="#">Компания</a>
+                    <div class="submenu" data-submenu-id='1'>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>История предприятия</a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Руководство</a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Производство</a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Стратегия развития</a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Корпоративная политика</a>
+                    </div>
+                </li>
+                <li class="menu-item" data-menu-id='2'>
+                    <a class="menu-item__link" href="#">Продукция</a>
+                    <div class="submenu" data-submenu-id='2'>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Газетная бумага</a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Бумага для перфорирования</a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Пухлая бумага для печатных книг</a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Упаковочная бумага</a>
+                    </div>
+                </li>
+                <li class="menu-item" data-menu-id='3'>
+                    <a class="menu-item__link" href="#">Раскрытие информации</a>
+                    <div class="submenu" data-submenu-id='3'>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Положение и сведения об обществе
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Годовой отчёт
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Акционерам
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Производство, передача и сбыт тепловой энергии, воды
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Специальная оценка условий труда
+                        </a>
+                    </div>
+                </li>
+                <li class="menu-item" data-menu-id='4'>
+                    <a class="menu-item__link" href="#">Устойчивое развитие</a>
+                    <div class="submenu" data-submenu-id='4'>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Безопасность и охрана
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Экология
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Ответственное леспользование
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Социальная политика
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Рейтинг и оценка
+                        </a>
+                    </div>
+                </li>
+                <li class="menu-item" data-menu-id='5'>
+                    <a class="menu-item__link" href="#">Карьера</a>
+                    <div class="submenu" data-submenu-id='5'>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Вакансии
+                        </a>
+                    </div>
+                </li>
+                <li class="menu-item" data-menu-id='6'>
+                    <a class="menu-item__link" href="#">Закупки</a>
+                    <div class="submenu" data-submenu-id='6'>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Лесосырьевое обеспечение
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Обращение к поставщикам и подрядчикам
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Закупочные процедуры
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Реализация невостребованного имущества и товаров
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Регистрация поставщиков
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Контакты по закупкам
+                        </a>
+                    </div>
+                </li>
+                <li class="menu-item" data-menu-id='7'>
+                    <a class="menu-item__link" href="#">Пресс-центр</a>
+                    <div class="submenu" data-submenu-id='7'>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Новости
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Фотогалерея
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Видеогалерея
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Корпоративная газета «Балахнинский бумажник»
+                        </a>
+                    </div>
+                </li>
+                <li class="menu-item" data-menu-id='8'>
+                    <a class="menu-item__link" href="#">Контакты</a>
+                    <div class="submenu" data-submenu-id='8'>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Московский офис
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Нижегородский офис
+                        </a>
+                    </div>
+                </li>
+            </ul>
+            <ul class="second-menu">
+                <li class="second-menu-item">
+                    <a class="second-menu-item__link search-link" href="#">
+                        <svg class="second-menu-item__link__icon" width="20" height="20" viewBox="0 0 20 20">
+                            <use xlink:href="img/second_menu.svg#search"></use>
+                        </svg>
+                    </a>
+                </li>
+                <li class="second-menu-item" data-menu-id='9'>
+                    <a class="second-menu-item__link" href="#">
+                        <div class="second-menu-item__link__login">
+                            <svg class="second-menu-item__link__icon" width="20" height="20" viewBox="0 0 20 20">
+                                <use xlink:href="img/second_menu.svg#login"></use>
+                            </svg>
+                            <span>Войти</span>
+                        </div>
+                    </a>
+                    <div class="submenu second-submenu" data-submenu-id='9'>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Поставщикам
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Покупателям
+                        </a>
+                    </div>
+                </li>
+                <li class="second-menu-item" data-menu-id='10'>
+                    <a class="second-menu-item__link" href="#">
+                        <div class="second-menu-item__link__lang">
+                            <span>EN</span>
+                            <svg class="second-menu-item__link__icon" width="8" height="6" viewBox="0 0 8 6">
+                                <use xlink:href="img/second_menu.svg#down"></use>
+                            </svg>
+                        </div>
+                    </a>
+                    <div class="submenu second-submenu" data-submenu-id='10'>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>RU
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>EN
+                        </a>
+                    </div>
+                </li>
+            </ul>
+        </nav>
+        <div class="search">
+            <a class="search-close" href="#">
+                Закрыть
+                <svg class="search-close__icon">
+                    <use xlink:href="img/search_close.svg#search_close"></use>
+                </svg>
+            </a>
+            <input class="search__field" type="search" placeholder="Поиск по сайту"> 
+            <input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);">
+        </div>
+        <div class="separator"></div>
+        <ul class="second-mob">
+            <li class="second-mob-item">
+                <a class="second-mob-item__link" href="#">
+                    <svg class="second-mob-item__link__icon" width="20" height="20" viewBox="0 0 20 20">
+                        <use xlink:href="img/second_menu.svg#search"></use>
+                    </svg>
+                    <span>Поиск</span>
+                </a>
+            </li>
+            <li class="second-mob-item">
+                <a class="second-mob-item__link" href="#">
+                    <div class="second-mob-item__link__login">
+                        <svg class="second-mob-item__link__icon" width="20" height="20" viewBox="0 0 20 20">
+                            <use xlink:href="img/second_menu.svg#login"></use>
+                        </svg>
+                        <span>Войти</span>
+                    </div>
+                </a>
+            </li>
+        </ul>
+        <div class="heading-other">
+            <div class="heading-other-nav">
+                <a href="#" class="heading-other-nav__page">Главная</a>
+                <img class="heading-other-nav__icon" src="img/heading_nav.svg" alt="nav icon">
+                <a href="#" class="heading-other-nav__page">Пресс-центр</a>
+                <img class="heading-other-nav__icon" src="img/heading_nav.svg" alt="nav icon">
+                <a href="#" class="heading-other-nav__page heading-other-nav__page--current">Фотогалерея</a>
+            </div>
+            <h1 class="heading-other__title">Фотогалерея</h1>
+        </div>   
+    </header>
+    <section class="gazeta-wrapper" style="background-image: url('img/company_mask.svg');">
+        <div class="select-wrapper">
+            <div class="select">
+                <input class="select__input" type="hidden" name="">
+                <div class="select__head">Все года
+                    <img class="select__head__icon" src="img/select_down.svg" alt="down">
+                </div>
+                <ul class="select__list" style="display: none;">
+                    <li class="select__item">2021</li>
+                    <li class="select__item">2020</li>
+                    <li class="select__item">2019</li>
+                </ul>
+            </div>
+            <div class="select">
+                <input class="select__input" type="hidden" name="">
+                <div class="select__head">Все месяцы
+                    <img class="select__head__icon" src="img/select_down.svg" alt="down">
+                </div>
+                <ul class="select__list" style="display: none;">
+                    <li class="select__item">Январь</li>
+                    <li class="select__item">Февраль</li>
+                    <li class="select__item">Март</li>
+                </ul>
+            </div>
+            <a class="select-btn" href="#">Показать</a>
+        </div>
+        <div class="gazeta">
+            <a class="gazeta-item">
+                <div class="gazeta-item-img">
+                    <img class="gazeta-item-img__photo" src="img/phgal1.jpg" alt="photo">
+                    <div class="gazeta-item-img__hover"></div>
+                </div>
+                <div class="gazeta-item-text">
+                    <p class="gazeta-item-text__date">10 Декабря 2020</p>
+                    <h3 class="gazeta-item-text__title">Министр экономического развития и инвестиций Нижегородской области Игорь Норенков посетил лесозаготовительные участки АО «Волга» в рамках выездного совещания по вопросу реализации приоритетного инвестпроекта в области освоения лесов</h3>
+                    <p class="gazeta-item-text__download">
+                        <img class="gazeta-item-text__download__icon" src="img/phgal_icon.svg" alt="photo icon">14 фото
+                    </p>
+                </div>
+            </a>
+            <a class="gazeta-item">
+                <div class="gazeta-item-img">
+                    <img class="gazeta-item-img__photo" src="img/phgal2.jpg" alt="photo">
+                    <div class="gazeta-item-img__hover"></div>
+                </div>
+                <div class="gazeta-item-text">
+                    <p class="gazeta-item-text__date">10 Декабря 2020</p>
+                    <h3 class="gazeta-item-text__title">Независимые машины</h3>
+                    <p class="gazeta-item-text__download">
+                        <img class="gazeta-item-text__download__icon" src="img/phgal_icon.svg" alt="photo icon">7 фото
+                    </p>
+                </div>
+            </a>
+            <a class="gazeta-item">
+                <div class="gazeta-item-img">
+                    <img class="gazeta-item-img__photo" src="img/phgal3.jpg" alt="photo">
+                    <div class="gazeta-item-img__hover"></div>
+                </div>
+                <div class="gazeta-item-text">
+                    <p class="gazeta-item-text__date">10 Декабря 2020</p>
+                    <h3 class="gazeta-item-text__title">Модернизация в энергокомплексе АО «Волга» продолжается</h3>
+                    <p class="gazeta-item-text__download">
+                        <img class="gazeta-item-text__download__icon" src="img/phgal_icon.svg" alt="photo icon">28 фото
+                    </p>
+                </div>
+            </a>
+            <a class="gazeta-item">
+                <div class="gazeta-item-img">
+                    <img class="gazeta-item-img__photo" src="img/phgal1.jpg" alt="photo">
+                    <div class="gazeta-item-img__hover"></div>
+                </div>
+                <div class="gazeta-item-text">
+                    <p class="gazeta-item-text__date">10 Декабря 2020</p>
+                    <h3 class="gazeta-item-text__title">Министр экономического развития и инвестиций Нижегородской области Игорь Норенков посетил лесозаготовительные участки АО «Волга» в рамках выездного совещания по вопросу реализации приоритетного инвестпроекта в области освоения лесов</h3>
+                    <p class="gazeta-item-text__download">
+                        <img class="gazeta-item-text__download__icon" src="img/phgal_icon.svg" alt="photo icon">14 фото
+                    </p>
+                </div>
+            </a>
+            <a class="gazeta-item">
+                <div class="gazeta-item-img">
+                    <img class="gazeta-item-img__photo" src="img/phgal2.jpg" alt="photo">
+                    <div class="gazeta-item-img__hover"></div>
+                </div>
+                <div class="gazeta-item-text">
+                    <p class="gazeta-item-text__date">10 Декабря 2020</p>
+                    <h3 class="gazeta-item-text__title">Независимые машины</h3>
+                    <p class="gazeta-item-text__download">
+                        <img class="gazeta-item-text__download__icon" src="img/phgal_icon.svg" alt="photo icon">7 фото
+                    </p>
+                </div>
+            </a>
+            <a class="gazeta-item">
+                <div class="gazeta-item-img">
+                    <img class="gazeta-item-img__photo" src="img/phgal3.jpg" alt="photo">
+                    <div class="gazeta-item-img__hover"></div>
+                </div>
+                <div class="gazeta-item-text">
+                    <p class="gazeta-item-text__date">10 Декабря 2020</p>
+                    <h3 class="gazeta-item-text__title">Модернизация в энергокомплексе АО «Волга» продолжается</h3>
+                    <p class="gazeta-item-text__download">
+                        <img class="gazeta-item-text__download__icon" src="img/phgal_icon.svg" alt="photo icon">28 фото
+                    </p>
+                </div>
+            </a>
+            <a class="gazeta-item">
+                <div class="gazeta-item-img">
+                    <img class="gazeta-item-img__photo" src="img/phgal1.jpg" alt="photo">
+                    <div class="gazeta-item-img__hover"></div>
+                </div>
+                <div class="gazeta-item-text">
+                    <p class="gazeta-item-text__date">10 Декабря 2020</p>
+                    <h3 class="gazeta-item-text__title">Министр экономического развития и инвестиций Нижегородской области Игорь Норенков посетил лесозаготовительные участки АО «Волга» в рамках выездного совещания по вопросу реализации приоритетного инвестпроекта в области освоения лесов</h3>
+                    <p class="gazeta-item-text__download">
+                        <img class="gazeta-item-text__download__icon" src="img/phgal_icon.svg" alt="photo icon">14 фото
+                    </p>
+                </div>
+            </a>
+            <a class="gazeta-item">
+                <div class="gazeta-item-img">
+                    <img class="gazeta-item-img__photo" src="img/phgal2.jpg" alt="photo">
+                    <div class="gazeta-item-img__hover"></div>
+                </div>
+                <div class="gazeta-item-text">
+                    <p class="gazeta-item-text__date">10 Декабря 2020</p>
+                    <h3 class="gazeta-item-text__title">Независимые машины</h3>
+                    <p class="gazeta-item-text__download">
+                        <img class="gazeta-item-text__download__icon" src="img/phgal_icon.svg" alt="photo icon">7 фото
+                    </p>
+                </div>
+            </a>
+            <a class="gazeta-item">
+                <div class="gazeta-item-img">
+                    <img class="gazeta-item-img__photo" src="img/phgal3.jpg" alt="photo">
+                    <div class="gazeta-item-img__hover"></div>
+                </div>
+                <div class="gazeta-item-text">
+                    <p class="gazeta-item-text__date">10 Декабря 2020</p>
+                    <h3 class="gazeta-item-text__title">Модернизация в энергокомплексе АО «Волга» продолжается</h3>
+                    <p class="gazeta-item-text__download">
+                        <img class="gazeta-item-text__download__icon" src="img/phgal_icon.svg" alt="photo icon">28 фото
+                    </p>
+                </div>
+            </a>
+            <a class="gazeta-item">
+                <div class="gazeta-item-img">
+                    <img class="gazeta-item-img__photo" src="img/phgal1.jpg" alt="photo">
+                    <div class="gazeta-item-img__hover"></div>
+                </div>
+                <div class="gazeta-item-text">
+                    <p class="gazeta-item-text__date">10 Декабря 2020</p>
+                    <h3 class="gazeta-item-text__title">Министр экономического развития и инвестиций Нижегородской области Игорь Норенков посетил лесозаготовительные участки АО «Волга» в рамках выездного совещания по вопросу реализации приоритетного инвестпроекта в области освоения лесов</h3>
+                    <p class="gazeta-item-text__download">
+                        <img class="gazeta-item-text__download__icon" src="img/phgal_icon.svg" alt="photo icon">14 фото
+                    </p>
+                </div>
+            </a>
+            <a class="gazeta-item">
+                <div class="gazeta-item-img">
+                    <img class="gazeta-item-img__photo" src="img/phgal2.jpg" alt="photo">
+                    <div class="gazeta-item-img__hover"></div>
+                </div>
+                <div class="gazeta-item-text">
+                    <p class="gazeta-item-text__date">10 Декабря 2020</p>
+                    <h3 class="gazeta-item-text__title">Независимые машины</h3>
+                    <p class="gazeta-item-text__download">
+                        <img class="gazeta-item-text__download__icon" src="img/phgal_icon.svg" alt="photo icon">7 фото
+                    </p>
+                </div>
+            </a>
+            <a class="gazeta-item">
+                <div class="gazeta-item-img">
+                    <img class="gazeta-item-img__photo" src="img/phgal3.jpg" alt="photo">
+                    <div class="gazeta-item-img__hover"></div>
+                </div>
+                <div class="gazeta-item-text">
+                    <p class="gazeta-item-text__date">10 Декабря 2020</p>
+                    <h3 class="gazeta-item-text__title">Модернизация в энергокомплексе АО «Волга» продолжается</h3>
+                    <p class="gazeta-item-text__download">
+                        <img class="gazeta-item-text__download__icon" src="img/phgal_icon.svg" alt="photo icon">28 фото
+                    </p>
+                </div>
+            </a>
+        </div>
+    </section>
+    <div class="pagination">
+        <a class="pagination-item pagination-item-more hidden" href="#">
+            <svg class="pagination-item__icon1">
+                <use xlink:href="img/dalshe.svg#dalshe"></use>
+            </svg>Раньше
+        </a>
+        <a class="pagination-item pagination-item-active" href="#">1</a>
+        <a class="pagination-item" href="#">2</a>
+        <a class="pagination-item" href="#">3</a>
+        <a class="pagination-item" href="#">4</a>
+        <a class="pagination-item" href="#">5</a>
+        <a class="pagination-item" href="#">...</a>
+        <a class="pagination-item" href="#">52</a>
+        <a class="pagination-item pagination-item-more" href="#">Дальше
+            <svg class="pagination-item__icon2">
+                <use xlink:href="img/dalshe.svg#dalshe"></use>
+            </svg>
+        </a>
+    </div>
+    <section class="form form-subpage section-subpage">
+        <form action="" class="form-ui" style="background-image: url('img/form_mask.svg');">
+            <div class="form-ui-inner">
+                <div class="form-ui-inner-heading">
+                    <span class="form-ui-inner-heading__title">Обратная связь</span>
+                    <span class="form-ui-inner-heading__text">Оставьте свои контакты и мы свяжемся с Вами!</span>
+                </div>
+                <div class="form-ui-inner-content">
+                    <input class="form-ui-inner-content__input" type="text" placeholder="Ваше имя" required>
+                    <input class="form-ui-inner-content__input" type="tel" placeholder="Телефон" pattern="(\+?\d[- .]*){7,13}" required>
+                    <input class="form-ui-inner-content__input" type="email" placeholder="E-mail" pattern="[^@]+@[^@]+\.[a-zA-Z]{2,6}" required>
+                    <input class="form-ui-inner-content__input" type="text" placeholder="Сообщение">
+                    <input class="form-ui-inner-content__button" type="submit" value="ОТПРАВИТЬ" style="background-image: url('img/form_button.png');">
+                </div>
+                <div class="form-ui-inner-checkbox">
+                    <input class="form-ui-inner-checkbox__input" type="checkbox" id="checkbox1" checked>
+                    <label for="checkbox1" class="form-ui-inner-checkbox__text">Нажимая на кнопку «Отправить», вы соглашаетесь на обработку персональных данных</label>
+                </div>
+            </div>
+        </form>
+    </section>
+    <footer class="footer" style="background-image: url('img/footer.jpg');">
+        <nav class="footer-navbar">
+            <a class="footer-navbar-logo" href="#">
+                <img src="img/logo.svg" alt="logo: volga">
+            </a>
+            <ul class="footer-menu">
+                <li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Компания</a></li>
+                <li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Продукция</a></li>
+                <li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Пресс-центр</a></li>
+                <li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Устойчивое развитие</a></li>
+                <li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Поставщикам</a></li>
+                <li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Раскрытие информации</a></li>
+                <li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Карьера</a></li>
+                <li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Контакты</a></li>
+            </ul>
+        </nav>
+        <div class="footer-info">
+            <div class="footer-info-social">
+                <a href="#" class="footer-info-social__link">
+                    <svg class="footer-info-social__icon" width="20" height="13">
+                        <use xlink:href="img/social.svg#vk"></use>
+                    </svg>
+                </a>
+                <a href="#" class="footer-info-social__link">
+                    <svg class="footer-info-social__icon" width="17" height="17">
+                        <use xlink:href="img/social.svg#fb"></use>
+                    </svg>
+                </a>
+                <a href="#" class="footer-info-social__link">
+                    <svg class="footer-info-social__icon" width="20" height="18">
+                        <use xlink:href="img/social.svg#yt"></use>
+                    </svg>
+                </a>
+                <a href="#" class="footer-info-social__link">
+                    <svg class="footer-info-social__icon" width="19" height="19">
+                        <use xlink:href="img/social.svg#inst"></use>
+                    </svg>
+                </a>
+            </div>
+            <span class="footer-info__copy">© 2021 АО «Волга»</span>
+            <div class="footer-info-dev">
+                <span class="footer-info-dev__text">Разработка сайта</span>
+                <img src="img/logo_r52.svg" alt="logo r52">
+            </div>
+        </div>
+    </footer>
+    <script defer src="js/jquery-3.6.0.min.js"></script>
+    <script defer src="js/index.js"></script>
+    </body>
+</html>
\ No newline at end of file

press.html

@@ -586,6 +586,7 @@
             </div>
         </div>
     </footer>
+    <script defer src="js/jquery-3.6.0.min.js"></script>
     <script defer src="js/index.js"></script>
     </body>
 </html>
\ No newline at end of file

production.html

@@ -566,6 +566,7 @@
             </div>
         </div>
     </footer>
+    <script defer src="js/jquery-3.6.0.min.js"></script>
     <script defer src="js/index.js"></script>
     </body>
 </html>
\ No newline at end of file

products.html

@@ -661,6 +661,7 @@
             </div>
         </div>
     </footer>
+    <script defer src="js/jquery-3.6.0.min.js"></script>
     <script defer src="js/index.js"></script>
     </body>
 </html>
\ No newline at end of file

strategy.html

@@ -679,6 +679,7 @@
             </div>
         </div>
     </footer>
+    <script defer src="js/jquery-3.6.0.min.js"></script>
     <script defer src="js/index.js"></script>
     </body>
 </html>
\ No newline at end of file

styles/style.css

@@ -41,7 +41,7 @@ body {
 }
 
 .header-subpage {
-  height: 330px;
+  height: auto;
   background-repeat: no-repeat;
   background-size: cover;
   opacity: 1;
@@ -286,6 +286,7 @@ body {
   left: 0;
   z-index: 10;
   width: 100vw;
+  height: 125px;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   padding: 0 140px;
@@ -367,6 +368,7 @@ body {
   list-style: none;
   margin-left: 0;
   padding: 0;
+  height: 100%;
 }
 
 .menu-item {
@@ -376,6 +378,7 @@ body {
   line-height: 26px;
   margin-right: 40px;
   position: relative;
+  height: 100%;
 }
 
 .menu-item__link {
@@ -383,7 +386,7 @@ body {
   text-decoration: none;
   -webkit-transition: 0.4s;
   transition: 0.4s;
-  height: 125px;
+  height: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -431,6 +434,10 @@ body {
   border-bottom: 1px solid rgba(22, 41, 31, 0.1);
   -webkit-transition: 0.4s all ease;
   transition: 0.4s all ease;
+  min-height: 23px;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
 }
 
 .submenu-item__icon {
@@ -485,6 +492,7 @@ body {
   list-style: none;
   margin-left: auto;
   padding: 0;
+  height: 100%;
 }
 
 .second-menu-item {
@@ -493,12 +501,13 @@ body {
   line-height: 20px;
   margin-right: 41px;
   position: relative;
+  height: 100%;
 }
 
 .second-menu-item__link {
   color: #ffffff;
   text-decoration: none;
-  height: 125px;
+  height: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -3655,9 +3664,6 @@ body {
   display: flex;
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
   padding: 64px 100px 0 140px;
 }
 
@@ -3676,14 +3682,11 @@ body {
       -ms-flex-direction: column;
           flex-direction: column;
   background-color: #fff;
-  width: 31%;
-  max-width: 533px;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
+  width: calc(33.33% - 20px);
   -webkit-transition: 0.4s;
   transition: 0.4s;
   margin-bottom: 24px;
-  margin-right: 21px;
+  margin-right: 20px;
 }
 
 .gazeta-item-img {
@@ -3695,6 +3698,23 @@ body {
   height: 100%;
 }
 
+.gazeta-item-img__video {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+}
+
 .gazeta-item-img__hover {
   position: absolute;
   top: 0;
@@ -3740,12 +3760,27 @@ body {
   color: #93969e;
   -webkit-transition: 0.4s;
   transition: 0.4s;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
 }
 
 .gazeta-item-text__download__icon {
   margin-right: 8px;
 }
 
+.gazeta-item-text__label {
+  font-weight: 300;
+  font-size: 18px;
+  line-height: 130%;
+  color: #16291f;
+  -webkit-transition: 0.4s;
+  transition: 0.4s;
+}
+
 .gazeta-item:hover {
   cursor: pointer;
   background-color: #029745;
@@ -3753,7 +3788,8 @@ body {
 
 .gazeta-item:hover .gazeta-item-text__date,
 .gazeta-item:hover .gazeta-item-text__title,
-.gazeta-item:hover .gazeta-item-text__download {
+.gazeta-item:hover .gazeta-item-text__download,
+.gazeta-item:hover .gazeta-item-text__label {
   color: #fff;
 }
 
@@ -3761,6 +3797,79 @@ body {
   opacity: 1;
 }
 
+.gazeta-news > .gazeta-item:first-child {
+  min-width: calc(50% - 20px);
+  width: calc(50% - 20px);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  height: auto;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-size: cover;
+}
+
+.gazeta-news > .gazeta-item:first-child .gazeta-item-img__photo {
+  display: none;
+}
+
+.gazeta-news > .gazeta-item:first-child .gazeta-item-text {
+  height: 100%;
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.85)), color-stop(62.5%, rgba(0, 0, 0, 0))), -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.15)), to(rgba(0, 0, 0, 0.15)));
+  background: linear-gradient(360deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 62.5%), linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15));
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-pack: end;
+      -ms-flex-pack: end;
+          justify-content: flex-end;
+}
+
+.gazeta-news > .gazeta-item:first-child .gazeta-item-text__date,
+.gazeta-news > .gazeta-item:first-child .gazeta-item-text__title,
+.gazeta-news > .gazeta-item:first-child .gazeta-item-text__label {
+  color: #fff;
+}
+
+.gazeta-news > .gazeta-item:hover:first-child .gazeta-item-text__date,
+.gazeta-news > .gazeta-item:hover:first-child .gazeta-item-text__title,
+.gazeta-news > .gazeta-item:hover:first-child .gazeta-item-text__label {
+  color: #029745;
+}
+
+.gazeta-news-wrapper {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  min-width: calc(50% - 20px);
+  width: calc(50% - 20px);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  height: auto;
+  margin-right: 20px;
+}
+
+.gazeta-news-wrapper > .gazeta-item:nth-child(1),
+.gazeta-news-wrapper > .gazeta-item:nth-child(2) {
+  min-width: 100%;
+  width: 100%;
+  height: auto;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+
+.gazeta-news-wrapper > .gazeta-item:nth-child(1) .gazeta-item-img__photo,
+.gazeta-news-wrapper > .gazeta-item:nth-child(2) .gazeta-item-img__photo {
+  display: none;
+}
+
 .select {
   position: relative;
   display: block;
@@ -3938,6 +4047,202 @@ body {
   fill: #ffffff;
 }
 
+.news-detail {
+  padding: 64px 140px 0 140px;
+  background-repeat: no-repeat;
+  background-position: right -150px;
+  background-size: 20%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+
+.news-detail-img {
+  max-width: 1160px;
+  width: 100%;
+}
+
+.news-detail-text {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  padding: 64px 80px 0;
+  width: 100%;
+  max-width: 1160px;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+
+.news-detail-text__date {
+  font-weight: 300;
+  font-size: 20px;
+  line-height: 130%;
+  color: #93969e;
+  margin-bottom: 56px;
+  margin-left: 40px;
+}
+
+.news-detail-text__title {
+  font-weight: 800;
+  font-size: 24px;
+  line-height: 130%;
+  letter-spacing: 0.02em;
+  color: #16291f;
+  margin-bottom: 56px;
+  margin-left: 40px;
+}
+
+.news-detail-text__main {
+  font-weight: 300;
+  font-size: 18px;
+  line-height: 130%;
+  color: #16291f;
+  margin-bottom: 56px;
+  margin-left: 40px;
+}
+
+.news-detail-text__quote {
+  font-weight: bold;
+  font-size: 18px;
+  line-height: 130%;
+  color: #16291f;
+  background-color: #fff;
+  background-repeat: no-repeat;
+  background-position: 90px top;
+  padding: 67px 87px;
+  margin-bottom: 56px;
+}
+
+.news-detail-photo {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  margin-bottom: 56px;
+}
+
+.news-detail-photo__img {
+  width: 100%;
+}
+
+.news-detail-photo__label {
+  font-weight: 300;
+  font-size: 13px;
+  line-height: 130%;
+  color: #93969e;
+  max-width: 440px;
+  margin-top: 16px;
+  text-align: center;
+}
+
+.news-detail-links {
+  margin-top: 12px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  width: 100%;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin-left: 40px;
+}
+
+.news-detail-links-more {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-transition: 0.4s;
+  transition: 0.4s;
+}
+
+.news-detail-links-more__icon {
+  width: 9px;
+  height: 17px;
+  margin-right: 10px;
+  fill: #029745;
+  -webkit-transition: 0.4s;
+  transition: 0.4s;
+}
+
+.news-detail-links-more__text {
+  font-weight: bold;
+  font-size: 16px;
+  line-height: 140%;
+  color: #029745;
+  padding-bottom: 3px;
+  border-bottom: 1px solid #029745;
+  -webkit-transition: 0.4s;
+  transition: 0.4s;
+}
+
+.news-detail-links-more:hover .news-detail-links-more__text {
+  color: #1cd345;
+  border-color: #1cd345;
+}
+
+.news-detail-links-more:hover .news-detail-links-more__icon {
+  fill: #1cd345;
+}
+
+.news-detail-links-more:active .news-detail-links-more__text {
+  color: #07803d;
+  border-color: #07803d;
+}
+
+.news-detail-links-more:active .news-detail-links-more__icon {
+  fill: #07803d;
+}
+
+.news-detail-links-social {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+
+.news-detail-links-social__text {
+  font-weight: bold;
+  font-size: 18px;
+  line-height: 130%;
+  color: #16291f;
+  margin-right: 18px;
+}
+
+.news-detail-links-social__icon {
+  margin-right: 8px;
+}
+
+.news-detail-links-social__icon:last-child {
+  margin-right: 0;
+}
+
 @media (max-width: 1800px) {
   .navbar {
     padding: 0 100px;
@@ -3955,7 +4260,7 @@ body {
     height: 667px;
   }
   .header-subpage {
-    height: 280px;
+    height: auto;
   }
   .menu-hidden-main {
     padding: 62px 27px 62px 100px;
@@ -4646,10 +4951,9 @@ body {
     margin-right: 12px;
   }
   .gazeta {
-    padding: 52px 100px 0 100px;
+    padding: 52px 80px 0 100px;
   }
   .gazeta-item {
-    max-width: 400px;
     -webkit-box-sizing: border-box;
             box-sizing: border-box;
   }
@@ -4667,10 +4971,60 @@ body {
   .gazeta-item-text__download {
     font-size: 12px;
   }
+  .gazeta-item-text__label {
+    font-size: 14px;
+  }
   .select-wrapper {
     padding-top: 52px;
     padding-left: 100px;
   }
+  .news-detail {
+    padding: 52px 100px 0 100px;
+  }
+  .news-detail-text {
+    padding: 52px 62px 0;
+  }
+  .news-detail-text__date {
+    font-size: 15px;
+    margin-bottom: 43px;
+    margin-left: 31px;
+  }
+  .news-detail-text__title {
+    font-size: 18px;
+    margin-bottom: 43px;
+    margin-left: 31px;
+  }
+  .news-detail-text__main {
+    font-size: 14px;
+    margin-bottom: 43px;
+    margin-left: 31px;
+  }
+  .news-detail-text__quote {
+    font-size: 14px;
+    margin-bottom: 43px;
+    padding: 52px 67px;
+  }
+  .news-detail-photo {
+    margin-bottom: 43px;
+  }
+  .news-detail-photo__label {
+    font-size: 10px;
+    margin-top: 12px;
+  }
+  .news-detail-links {
+    margin-top: 9px;
+    margin-left: 31px;
+  }
+  .news-detail-links-more__icon {
+    margin-right: 8px;
+  }
+  .news-detail-links-more__text {
+    font-size: 12px;
+  }
+  .news-detail-links-social__text {
+    font-size: 14px;
+    margin-right: 14px;
+  }
 }
 
 @media (max-width: 1250px) {
@@ -5048,7 +5402,7 @@ body {
     padding: 0;
   }
   .heading-other__title {
-    margin: 0 auto;
+    margin: 0;
     font-size: 24px;
     padding: 16px;
   }
@@ -5576,11 +5930,25 @@ body {
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
-    padding: 52px 16px;
+    padding: 52px 16px 34px;
   }
   .cards-item {
     margin: 0;
     margin-bottom: 18px;
+    width: 100%;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: column;
+            flex-direction: column;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
+  }
+  .cards-item__title {
+    text-align: center;
   }
   .cards-separator {
     display: none;
@@ -5748,7 +6116,7 @@ body {
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
-    padding: 52px 16px;
+    padding: 52px 16px 34px;
   }
   .prod-about {
     padding: 0 16px;
@@ -6018,6 +6386,9 @@ body {
   }
   .gazeta {
     padding: 52px 16px 0;
+    -webkit-box-pack: center;
+        -ms-flex-pack: center;
+            justify-content: center;
   }
   .gazeta-wrapper {
     background-image: none !important;
@@ -6045,6 +6416,18 @@ body {
     height: 10px;
     margin-right: 5px;
   }
+  .gazeta-news > .gazeta-item:first-child {
+    max-width: 400px;
+    min-width: 0;
+    width: 100%;
+    height: 400px;
+  }
+  .gazeta-news-wrapper {
+    max-width: 400px;
+    min-width: 0;
+    width: 100%;
+    margin-right: 0;
+  }
   .select {
     margin-bottom: 8px;
   }
@@ -6067,6 +6450,65 @@ body {
   .pagination-item-more {
     display: none;
   }
+  .news-detail {
+    padding: 52px 16px 0 16px;
+  }
+  .news-detail-text {
+    padding: 52px 0 0;
+  }
+  .news-detail-text__date {
+    font-size: 12px;
+    margin-bottom: 36px;
+    margin-left: 26px;
+  }
+  .news-detail-text__title {
+    font-size: 15px;
+    margin-bottom: 36px;
+    margin-left: 26px;
+  }
+  .news-detail-text__main {
+    font-size: 12px;
+    margin-bottom: 36px;
+    margin-left: 26px;
+  }
+  .news-detail-text__quote {
+    font-size: 12px;
+    margin-bottom: 36px;
+    padding: 43px 56px;
+  }
+  .news-detail-photo {
+    margin-bottom: 36px;
+  }
+  .news-detail-photo__label {
+    font-size: 8px;
+    margin-top: 10px;
+  }
+  .news-detail-links {
+    -webkit-box-pack: center;
+        -ms-flex-pack: center;
+            justify-content: center;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: reverse;
+        -ms-flex-direction: column-reverse;
+            flex-direction: column-reverse;
+    margin-left: 0;
+    margin-top: 16px;
+  }
+  .news-detail-links-more {
+    margin-top: 10px;
+  }
+  .news-detail-links-more__icon {
+    width: 7px;
+    height: 13px;
+    margin-right: 7px;
+  }
+  .news-detail-links-more__text {
+    font-size: 10px;
+  }
+  .news-detail-links-social__text {
+    font-size: 12px;
+    margin-right: 12px;
+  }
 }
 
 @media (max-width: 700px) {

styles/style.scss

@@ -38,7 +38,7 @@ body {
   background-repeat: no-repeat;
   background-size: cover;
   &-subpage {
-    height: 330px;
+    height: auto;
     background-repeat: no-repeat;
     background-size: cover;
     opacity: 1;
@@ -217,6 +217,7 @@ body {
   left: 0;
   z-index: 10;
   width: 100vw;
+  height: 125px;
   box-sizing: border-box;
   padding: 0 140px;
   display: flex;
@@ -272,6 +273,7 @@ body {
   list-style: none;
   margin-left: 0;
   padding: 0;
+  height: 100%;
   &-item {
     font-style: normal;
     font-weight: normal;
@@ -279,11 +281,12 @@ body {
     line-height: 26px;
     margin-right: 40px;
     position: relative;
+    height: 100%;
     &__link {
       color: #ffffff;
       text-decoration: none;
       transition: 0.4s;
-      height: 125px;
+      height: 100%;
       display: flex;
       align-items: center;
     }
@@ -324,6 +327,8 @@ body {
     color: #16291f;
     border-bottom: 1px solid rgba($color: #16291f, $alpha: 0.1);
     transition: 0.4s all ease;
+    min-height: 23px;
+    align-items: center;
     &__icon {
       height: 16px;
       width: 16px;
@@ -365,16 +370,18 @@ body {
   list-style: none;
   margin-left: auto;
   padding: 0;
+  height: 100%;
   &-item {
     font-weight: normal;
     font-size: 16px;
     line-height: 20px;
     margin-right: 41px;
     position: relative;
+    height: 100%;
     &__link {
       color: #ffffff;
       text-decoration: none;
-      height: 125px;
+      height: 100%;
       display: flex;
       align-items: center;
       &__icon {
@@ -2743,7 +2750,6 @@ body {
 .gazeta {
   display: flex;
   flex-wrap: wrap;
-  justify-content: center;
   padding: 64px 100px 0 140px;
   &-wrapper {
     background-repeat: no-repeat;
@@ -2754,18 +2760,26 @@ body {
     display: flex;
     flex-direction: column;
     background-color: #fff;
-    width: 31%;
-    max-width: 533px;
-    box-sizing: border-box;
+    width: calc(33.33% - 20px);
     transition: 0.4s;
     margin-bottom: 24px;
-    margin-right: 21px;
+    margin-right: 20px;
     &-img {
       position: relative;
       &__photo {
         width: 100%;
         height: 100%;
       }
+      &__video {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
       &__hover {
         position: absolute;
         top: 0;
@@ -2806,10 +2820,19 @@ body {
         line-height: 130%;
         color: #93969e;
         transition: 0.4s;
+        display: flex;
+        align-items: center;
         &__icon {
           margin-right: 8px;
         }
       }
+      &__label {
+        font-weight: 300;
+        font-size: 18px;
+        line-height: 130%;
+        color: #16291f;
+        transition: 0.4s;
+      }
     }
   }
   &-item:hover {
@@ -2818,13 +2841,68 @@ body {
   }
   &-item:hover &-item-text__date,
   &-item:hover &-item-text__title,
-  &-item:hover &-item-text__download {
+  &-item:hover &-item-text__download,
+  &-item:hover &-item-text__label {
     color: #fff;
   }
   &-item:hover &-item-img__hover {
     opacity: 1;
   }
 }
+.gazeta-news > .gazeta-item:first-child {
+  min-width: calc(50% - 20px);
+  width: calc(50% - 20px);
+  box-sizing: border-box;
+  height: auto;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-size: cover;
+}
+.gazeta-news > .gazeta-item:first-child .gazeta-item-img__photo {
+  display: none;
+}
+.gazeta-news > .gazeta-item:first-child .gazeta-item-text {
+  height: 100%;
+  background: linear-gradient(
+      360deg,
+      rgba(0, 0, 0, 0.85) 0%,
+      rgba(0, 0, 0, 0) 62.5%
+    ),
+    linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15));
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+}
+.gazeta-news > .gazeta-item:first-child .gazeta-item-text__date,
+.gazeta-news > .gazeta-item:first-child .gazeta-item-text__title,
+.gazeta-news > .gazeta-item:first-child .gazeta-item-text__label {
+  color: #fff;
+}
+.gazeta-news > .gazeta-item:hover:first-child .gazeta-item-text__date,
+.gazeta-news > .gazeta-item:hover:first-child .gazeta-item-text__title,
+.gazeta-news > .gazeta-item:hover:first-child .gazeta-item-text__label {
+  color: #029745;
+}
+.gazeta-news-wrapper {
+  display: flex;
+  flex-direction: column;
+  min-width: calc(50% - 20px);
+  width: calc(50% - 20px);
+  box-sizing: border-box;
+  height: auto;
+  margin-right: 20px;
+}
+.gazeta-news-wrapper > .gazeta-item:nth-child(1),
+.gazeta-news-wrapper > .gazeta-item:nth-child(2) {
+  min-width: 100%;
+  width: 100%;
+  height: auto;
+  box-sizing: border-box;
+}
+.gazeta-news-wrapper > .gazeta-item:nth-child(1) .gazeta-item-img__photo,
+.gazeta-news-wrapper > .gazeta-item:nth-child(2) .gazeta-item-img__photo {
+  display: none;
+}
 
 .select {
   position: relative;
@@ -2957,6 +3035,143 @@ body {
   }
 }
 
+.news-detail {
+  padding: 64px 140px 0 140px;
+  background-repeat: no-repeat;
+  background-position: right -150px;
+  background-size: 20%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  &-img {
+    max-width: 1160px;
+    width: 100%;
+  }
+  &-text {
+    display: flex;
+    flex-direction: column;
+    padding: 64px 80px 0;
+    width: 100%;
+    max-width: 1160px;
+    box-sizing: border-box;
+    &__date {
+      font-weight: 300;
+      font-size: 20px;
+      line-height: 130%;
+      color: #93969e;
+      margin-bottom: 56px;
+      margin-left: 40px;
+    }
+    &__title {
+      font-weight: 800;
+      font-size: 24px;
+      line-height: 130%;
+      letter-spacing: 0.02em;
+      color: #16291f;
+      margin-bottom: 56px;
+      margin-left: 40px;
+    }
+    &__main {
+      font-weight: 300;
+      font-size: 18px;
+      line-height: 130%;
+      color: #16291f;
+      margin-bottom: 56px;
+      margin-left: 40px;
+    }
+    &__quote {
+      font-weight: bold;
+      font-size: 18px;
+      line-height: 130%;
+      color: #16291f;
+      background-color: #fff;
+      background-repeat: no-repeat;
+      background-position: 90px top;
+      padding: 67px 87px;
+      margin-bottom: 56px;
+    }
+  }
+  &-photo {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    margin-bottom: 56px;
+    &__img {
+      width: 100%;
+    }
+    &__label {
+      font-weight: 300;
+      font-size: 13px;
+      line-height: 130%;
+      color: #93969e;
+      max-width: 440px;
+      margin-top: 16px;
+      text-align: center;
+    }
+  }
+  &-links {
+    margin-top: 12px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    width: 100%;
+    box-sizing: border-box;
+    margin-left: 40px;
+    &-more {
+      display: flex;
+      align-items: center;
+      transition: 0.4s;
+      &__icon {
+        width: 9px;
+        height: 17px;
+        margin-right: 10px;
+        fill: #029745;
+        transition: 0.4s;
+      }
+      &__text {
+        font-weight: bold;
+        font-size: 16px;
+        line-height: 140%;
+        color: #029745;
+        padding-bottom: 3px;
+        border-bottom: 1px solid #029745;
+        transition: 0.4s;
+      }
+    }
+    &-more:hover &-more__text {
+      color: #1cd345;
+      border-color: #1cd345;
+    }
+    &-more:hover &-more__icon {
+      fill: #1cd345;
+    }
+    &-more:active &-more__text {
+      color: #07803d;
+      border-color: #07803d;
+    }
+    &-more:active &-more__icon {
+      fill: #07803d;
+    }
+    &-social {
+      display: flex;
+      align-items: center;
+      &__text {
+        font-weight: bold;
+        font-size: 18px;
+        line-height: 130%;
+        color: #16291f;
+        margin-right: 18px;
+      }
+      &__icon {
+        margin-right: 8px;
+      }
+      &__icon:last-child {
+        margin-right: 0;
+      }
+    }
+  }
+}
+
 @media (max-width: 1800px) {
   .navbar {
     padding: 0 100px;
@@ -2975,7 +3190,7 @@ body {
   .header {
     height: 667px;
     &-subpage {
-      height: 280px;
+      height: auto;
     }
   }
   .menu-hidden {
@@ -3754,9 +3969,8 @@ body {
   }
   //gazeta
   .gazeta {
-    padding: 52px 100px 0 100px;
+    padding: 52px 80px 0 100px;
     &-item {
-      max-width: 400px;
       box-sizing: border-box;
       &-text {
         padding: 31px 40px;
@@ -3771,6 +3985,9 @@ body {
         &__download {
           font-size: 12px;
         }
+        &__label {
+          font-size: 14px;
+        }
       }
     }
   }
@@ -3780,6 +3997,58 @@ body {
       padding-left: 100px;
     }
   }
+
+  .news-detail {
+    padding: 52px 100px 0 100px;
+    &-text {
+      padding: 52px 62px 0;
+      &__date {
+        font-size: 15px;
+        margin-bottom: 43px;
+        margin-left: 31px;
+      }
+      &__title {
+        font-size: 18px;
+        margin-bottom: 43px;
+        margin-left: 31px;
+      }
+      &__main {
+        font-size: 14px;
+        margin-bottom: 43px;
+        margin-left: 31px;
+      }
+      &__quote {
+        font-size: 14px;
+        margin-bottom: 43px;
+        padding: 52px 67px;
+      }
+    }
+    &-photo {
+      margin-bottom: 43px;
+      &__label {
+        font-size: 10px;
+        margin-top: 12px;
+      }
+    }
+    &-links {
+      margin-top: 9px;
+      margin-left: 31px;
+      &-more {
+        &__icon {
+          margin-right: 8px;
+        }
+        &__text {
+          font-size: 12px;
+        }
+      }
+      &-social {
+        &__text {
+          font-size: 14px;
+          margin-right: 14px;
+        }
+      }
+    }
+  }
 }
 
 @media (max-width: 1250px) {
@@ -4103,7 +4372,7 @@ body {
   .heading-other {
     padding: 0;
     &__title {
-      margin: 0 auto;
+      margin: 0;
       font-size: 24px;
       padding: 16px;
     }
@@ -4577,10 +4846,17 @@ body {
     background: #f6f8fa !important;
     flex-direction: column;
     align-items: center;
-    padding: 52px 16px;
+    padding: 52px 16px 34px;
     &-item {
       margin: 0;
       margin-bottom: 18px;
+      width: 100%;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      &__title {
+        text-align: center;
+      }
     }
     &-separator {
       display: none;
@@ -4750,7 +5026,7 @@ body {
     &-cards {
       flex-direction: column;
       align-items: center;
-      padding: 52px 16px;
+      padding: 52px 16px 34px;
     }
     &-about {
       padding: 0 16px;
@@ -5026,6 +5302,7 @@ body {
   //gazeta
   .gazeta {
     padding: 52px 16px 0;
+    justify-content: center;
     &-wrapper {
       background-image: none !important;
     }
@@ -5053,6 +5330,18 @@ body {
       }
     }
   }
+  .gazeta-news > .gazeta-item:first-child {
+    max-width: 400px;
+    min-width: 0;
+    width: 100%;
+    height: 400px;
+  }
+  .gazeta-news-wrapper {
+    max-width: 400px;
+    min-width: 0;
+    width: 100%;
+    margin-right: 0;
+  }
   .select {
     margin-bottom: 8px;
     &-wrapper {
@@ -5072,6 +5361,62 @@ body {
       }
     }
   }
+  .news-detail {
+    padding: 52px 16px 0 16px;
+    &-text {
+      padding: 52px 0 0;
+      &__date {
+        font-size: 12px;
+        margin-bottom: 36px;
+        margin-left: 26px;
+      }
+      &__title {
+        font-size: 15px;
+        margin-bottom: 36px;
+        margin-left: 26px;
+      }
+      &__main {
+        font-size: 12px;
+        margin-bottom: 36px;
+        margin-left: 26px;
+      }
+      &__quote {
+        font-size: 12px;
+        margin-bottom: 36px;
+        padding: 43px 56px;
+      }
+    }
+    &-photo {
+      margin-bottom: 36px;
+      &__label {
+        font-size: 8px;
+        margin-top: 10px;
+      }
+    }
+    &-links {
+      justify-content: center;
+      flex-direction: column-reverse;
+      margin-left: 0;
+      margin-top: 16px;
+      &-more {
+        margin-top: 10px;
+        &__icon {
+          width: 7px;
+          height: 13px;
+          margin-right: 7px;
+        }
+        &__text {
+          font-size: 10px;
+        }
+      }
+      &-social {
+        &__text {
+          font-size: 12px;
+          margin-right: 12px;
+        }
+      }
+    }
+  }
 }
 @media (max-width: 700px) {
   .company-button-subpage {

technology.html

@@ -628,6 +628,7 @@
             </div>
         </div>
     </footer>
+    <script defer src="js/jquery-3.6.0.min.js"></script>
     <script defer src="js/index.js"></script>
     </body>
 </html>
\ No newline at end of file

vacancy.html

@@ -1032,6 +1032,7 @@
             </div>
         </div>
     </footer>
+    <script defer src="js/jquery-3.6.0.min.js"></script>
     <script defer src="js/index.js"></script>
     </body>
 </html>
\ No newline at end of file

videogallery.html

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Видеогалерея</title>
+    <link rel="preconnect" href="https://fonts.gstatic.com">
+    <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="styles/style.css">
+    <link rel="stylesheet" href="styles/normalize.css">
+</head>
+<body class="body-subpage">
+    <div class="menu-hidden" style="background-image: url('img/menu_mask.svg');">
+        <div class="menu-hidden-main">
+            <div class="menu-hidden-mob">
+                <span class="menu-hidden-mob__title">Меню</span>
+                <img class="menu-hidden-mob__close" src="img/close_mob.svg" alt="close button">
+            </div>
+            <div class="menu-hidden-main-block">
+                <a class="menu-hidden-main-block__title">
+                    <img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
+                    <img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
+                    Компания
+                </a>
+                <div class="menu-hidden-main-block__wrapper">
+                    <a class="menu-hidden-main-block__subtitle">История предприятия</a>
+                    <a class="menu-hidden-main-block__subtitle">Руководство</a>
+                    <a class="menu-hidden-main-block__subtitle">Производство</a>
+                    <a class="menu-hidden-main-block__subtitle">Стратегия развития</a>
+                    <a class="menu-hidden-main-block__subtitle">Корпоративная политика</a>
+                </div>
+            </div>
+            <div class="menu-hidden-main-block">
+                <a class="menu-hidden-main-block__title">
+                    <img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
+                    <img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
+                    Продукция</a>
+                <div class="menu-hidden-main-block__wrapper">
+                    <a class="menu-hidden-main-block__subtitle">Газетная бумага</a>
+                    <a class="menu-hidden-main-block__subtitle">Бумага для гофрирования</a>
+                    <a class="menu-hidden-main-block__subtitle">Пухлая бумага для печатных книг</a>
+                    <a class="menu-hidden-main-block__subtitle">Упаковочная бумага</a>
+                </div>
+            </div>
+            <div class="menu-hidden-main-block">
+                <a class="menu-hidden-main-block__title">
+                    <img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
+                    <img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
+                    Раскрытие информации</a>
+                <div class="menu-hidden-main-block__wrapper">
+                    <a class="menu-hidden-main-block__subtitle">Положения и сведения об обществе</a>
+                    <a class="menu-hidden-main-block__subtitle">Годовой отчет</a>
+                    <a class="menu-hidden-main-block__subtitle">Акционерам</a>
+                    <a class="menu-hidden-main-block__subtitle">Производство, передача и сбыт тепловой энергии, воды</a>
+                    <a class="menu-hidden-main-block__subtitle">Специальная оценка условий труда</a> 
+                </div>
+            </div>
+            <div class="menu-hidden-main-block">
+                <a class="menu-hidden-main-block__title">
+                    <img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
+                    <img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
+                    Устойчивое развитие</a>
+                <div class="menu-hidden-main-block__wrapper">
+                    <a class="menu-hidden-main-block__subtitle">Безопасность и охрана</a>
+                    <a class="menu-hidden-main-block__subtitle">Экология</a>
+                    <a class="menu-hidden-main-block__subtitle">Ответственное лесопользование</a>
+                    <a class="menu-hidden-main-block__subtitle">Социальная политика</a>
+                    <a class="menu-hidden-main-block__subtitle">Рейтинг и оценка</a>
+                </div>
+            </div>
+            <div class="menu-hidden-main-block">
+                <a class="menu-hidden-main-block__title">
+                    <img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
+                    <img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
+                    Карьера</a>
+                <div class="menu-hidden-main-block__wrapper">
+                    <a class="menu-hidden-main-block__subtitle">Вакансии</a>
+                </div>
+            </div>
+            <div class="menu-hidden-main-block">
+                <a class="menu-hidden-main-block__title">
+                    <img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
+                    <img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
+                    Закупки</a>
+                <div class="menu-hidden-main-block__wrapper">
+                    <a class="menu-hidden-main-block__subtitle">Лесосырьевое обеспечение</a>
+                    <a class="menu-hidden-main-block__subtitle">Обращение к поставщикам и подрядчикам</a>
+                    <a class="menu-hidden-main-block__subtitle">Закупочные процедуры</a>
+                    <a class="menu-hidden-main-block__subtitle">Реализация невостребованного имущества и товаров</a>
+                    <a class="menu-hidden-main-block__subtitle">Регистрация поставщиков</a>
+                    <a class="menu-hidden-main-block__subtitle">Контакты по закупкам</a>
+                </div>
+            </div>
+            <div class="menu-hidden-main-block">
+                <a class="menu-hidden-main-block__title">
+                    <img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
+                    <img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
+                    Пресс-центр</a>
+                <div class="menu-hidden-main-block__wrapper">
+                    <a class="menu-hidden-main-block__subtitle">Новости</a>
+                    <a class="menu-hidden-main-block__subtitle">Фотогалерея</a>
+                    <a class="menu-hidden-main-block__subtitle">Видеогалерея</a>
+                    <a class="menu-hidden-main-block__subtitle">Корпоративная газета «Балахнинский бумажник»</a>
+                </div>
+            </div>
+            <div class="menu-hidden-main-block">
+                <a class="menu-hidden-main-block__title">
+                    <img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
+                    <img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
+                    Контакты</a>
+                <div class="menu-hidden-main-block__wrapper">
+                    <a class="menu-hidden-main-block__subtitle">Московский филиал</a>
+                    <a class="menu-hidden-main-block__subtitle">Нижегородский филиал</a>
+                </div>
+            </div>
+        </div>
+        <div class="menu-hidden-form" style="background-image: url('img/menu_mask.svg');">
+            <img class="menu-hidden-form__close" src="img/close.svg" alt="close button">
+            <form action="" class="form-ui">
+                <div class="form-ui-inner">
+                    <div class="form-ui-inner-heading">
+                        <span class="form-ui-inner-heading__title">Обратная связь</span>
+                    </div>
+                    <div class="form-ui-inner-content">
+                        <input class="form-ui-inner-content__input" type="text" placeholder="Ваше имя">
+                        <input class="form-ui-inner-content__input" type="tel" placeholder="Телефон">
+                        <input class="form-ui-inner-content__input" type="email" placeholder="E-mail">
+                        <input class="form-ui-inner-content__input" type="text" placeholder="Сообщение">
+                        <div class="form-ui-inner-checkbox">
+                            <input class="form-ui-inner-checkbox__input" type="checkbox" id="checkbox2" checked>
+                            <label for="checkbox2" class="form-ui-inner-checkbox__text">Согласен на обработку персональных данных</label>
+                        </div>
+                        <input class="form-ui-inner-content__button" type="submit" value="ОТПРАВИТЬ" style="background-image: url('img/form_button.png');">
+                    </div>
+                </div>
+            </form>
+            <a class="menu-hidden-form__button" href="#" style="background-image: url('img/form_button.png');">ОБРАТНАЯ СВЯЗЬ</a>
+            <div class="menu-hidden-form-contact">
+                <div class="menu-hidden-form-contact-item">
+                    <img class="menu-hidden-form-contact-item__icon" src="img/mail.svg" alt="mail icon">
+                    <a class="menu-hidden-form-contact-item__link" href="mailto:info@volga-paper.ru">info@volga-paper.ru</a>
+                </div>
+                <div class="menu-hidden-form-contact-item">
+                    <img class="menu-hidden-form-contact-item__icon" src="img/phone.svg" alt="phone icon">
+                    <a class="menu-hidden-form-contact-item__link" href="tel:+78314493316">+7 (83144) 9-33-16</a>
+                </div>
+            </div>
+            <div class="menu-hidden-form-social">
+                <a href="#" class="menu-hidden-form-social__link">
+                    <svg class="menu-hidden-form-social__social" width="20" height="13">
+                        <use xlink:href="img/social.svg#vk"></use>
+                    </svg>
+                </a>
+                <a href="#" class="menu-hidden-form-social__link">
+                    <svg class="menu-hidden-form-social__social" width="17" height="17">
+                        <use xlink:href="img/social.svg#fb"></use>
+                    </svg>
+                </a>
+                <a href="#" class="menu-hidden-form-social__link">
+                    <svg class="menu-hidden-form-social__social" width="20" height="18">
+                        <use xlink:href="img/social.svg#yt"></use>
+                    </svg>
+                </a>
+                <a href="#" class="menu-hidden-form-social__link">
+                    <svg class="menu-hidden-form-social__social" width="19" height="19">
+                        <use xlink:href="img/social.svg#inst"></use>
+                    </svg>
+                </a>
+            </div>
+        </div>
+    </div>
+    <header class="header header-subpage" style="background-image: url('img/header.jpg');">
+        <nav class="navbar">
+            <a class="navbar-logo" href="#">
+                <img class="navbar-logo__icon" src="img/logo.svg" alt="logo: volga">
+                <img class="navbar-logo__scroll hidden" src="img/logo_scroll.svg" alt="logo: volga">
+            </a>
+            <a class="navbar-burger" href="#">
+                <svg width="20" height="13" class="navbar-burger__icon">
+                    <use xlink:href="img/burger.svg#burger"></use>
+                </svg>
+                <span class="navbar-burger__title">Меню</span>
+            </a>
+            <ul class="menu">
+                <li class="menu-item" data-menu-id='1'>
+                    <a class="menu-item__link" href="#">Компания</a>
+                    <div class="submenu" data-submenu-id='1'>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>История предприятия</a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Руководство</a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Производство</a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Стратегия развития</a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Корпоративная политика</a>
+                    </div>
+                </li>
+                <li class="menu-item" data-menu-id='2'>
+                    <a class="menu-item__link" href="#">Продукция</a>
+                    <div class="submenu" data-submenu-id='2'>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Газетная бумага</a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Бумага для перфорирования</a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Пухлая бумага для печатных книг</a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Упаковочная бумага</a>
+                    </div>
+                </li>
+                <li class="menu-item" data-menu-id='3'>
+                    <a class="menu-item__link" href="#">Раскрытие информации</a>
+                    <div class="submenu" data-submenu-id='3'>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Положение и сведения об обществе
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Годовой отчёт
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Акционерам
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Производство, передача и сбыт тепловой энергии, воды
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Специальная оценка условий труда
+                        </a>
+                    </div>
+                </li>
+                <li class="menu-item" data-menu-id='4'>
+                    <a class="menu-item__link" href="#">Устойчивое развитие</a>
+                    <div class="submenu" data-submenu-id='4'>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Безопасность и охрана
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Экология
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Ответственное леспользование
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Социальная политика
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Рейтинг и оценка
+                        </a>
+                    </div>
+                </li>
+                <li class="menu-item" data-menu-id='5'>
+                    <a class="menu-item__link" href="#">Карьера</a>
+                    <div class="submenu" data-submenu-id='5'>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Вакансии
+                        </a>
+                    </div>
+                </li>
+                <li class="menu-item" data-menu-id='6'>
+                    <a class="menu-item__link" href="#">Закупки</a>
+                    <div class="submenu" data-submenu-id='6'>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Лесосырьевое обеспечение
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Обращение к поставщикам и подрядчикам
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Закупочные процедуры
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Реализация невостребованного имущества и товаров
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Регистрация поставщиков
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Контакты по закупкам
+                        </a>
+                    </div>
+                </li>
+                <li class="menu-item" data-menu-id='7'>
+                    <a class="menu-item__link" href="#">Пресс-центр</a>
+                    <div class="submenu" data-submenu-id='7'>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Новости
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Фотогалерея
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Видеогалерея
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Корпоративная газета «Балахнинский бумажник»
+                        </a>
+                    </div>
+                </li>
+                <li class="menu-item" data-menu-id='8'>
+                    <a class="menu-item__link" href="#">Контакты</a>
+                    <div class="submenu" data-submenu-id='8'>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Московский офис
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Нижегородский офис
+                        </a>
+                    </div>
+                </li>
+            </ul>
+            <ul class="second-menu">
+                <li class="second-menu-item">
+                    <a class="second-menu-item__link search-link" href="#">
+                        <svg class="second-menu-item__link__icon" width="20" height="20" viewBox="0 0 20 20">
+                            <use xlink:href="img/second_menu.svg#search"></use>
+                        </svg>
+                    </a>
+                </li>
+                <li class="second-menu-item" data-menu-id='9'>
+                    <a class="second-menu-item__link" href="#">
+                        <div class="second-menu-item__link__login">
+                            <svg class="second-menu-item__link__icon" width="20" height="20" viewBox="0 0 20 20">
+                                <use xlink:href="img/second_menu.svg#login"></use>
+                            </svg>
+                            <span>Войти</span>
+                        </div>
+                    </a>
+                    <div class="submenu second-submenu" data-submenu-id='9'>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Поставщикам
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>Покупателям
+                        </a>
+                    </div>
+                </li>
+                <li class="second-menu-item" data-menu-id='10'>
+                    <a class="second-menu-item__link" href="#">
+                        <div class="second-menu-item__link__lang">
+                            <span>EN</span>
+                            <svg class="second-menu-item__link__icon" width="8" height="6" viewBox="0 0 8 6">
+                                <use xlink:href="img/second_menu.svg#down"></use>
+                            </svg>
+                        </div>
+                    </a>
+                    <div class="submenu second-submenu" data-submenu-id='10'>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>RU
+                        </a>
+                        <a class="submenu-item">
+                            <svg class="submenu-item__icon">
+                                <use xlink:href="img/points_style.svg#points_style"></use>
+                            </svg>EN
+                        </a>
+                    </div>
+                </li>
+            </ul>
+        </nav>
+        <div class="search">
+            <a class="search-close" href="#">
+                Закрыть
+                <svg class="search-close__icon">
+                    <use xlink:href="img/search_close.svg#search_close"></use>
+                </svg>
+            </a>
+            <input class="search__field" type="search" placeholder="Поиск по сайту"> 
+            <input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);">
+        </div>
+        <div class="separator"></div>
+        <ul class="second-mob">
+            <li class="second-mob-item">
+                <a class="second-mob-item__link" href="#">
+                    <svg class="second-mob-item__link__icon" width="20" height="20" viewBox="0 0 20 20">
+                        <use xlink:href="img/second_menu.svg#search"></use>
+                    </svg>
+                    <span>Поиск</span>
+                </a>
+            </li>
+            <li class="second-mob-item">
+                <a class="second-mob-item__link" href="#">
+                    <div class="second-mob-item__link__login">
+                        <svg class="second-mob-item__link__icon" width="20" height="20" viewBox="0 0 20 20">
+                            <use xlink:href="img/second_menu.svg#login"></use>
+                        </svg>
+                        <span>Войти</span>
+                    </div>
+                </a>
+            </li>
+        </ul>
+        <div class="heading-other">
+            <div class="heading-other-nav">
+                <a href="#" class="heading-other-nav__page">Главная</a>
+                <img class="heading-other-nav__icon" src="img/heading_nav.svg" alt="nav icon">
+                <a href="#" class="heading-other-nav__page">Пресс-центр</a>
+                <img class="heading-other-nav__icon" src="img/heading_nav.svg" alt="nav icon">
+                <a href="#" class="heading-other-nav__page heading-other-nav__page--current">Видеогалерея</a>
+            </div>
+            <h1 class="heading-other__title">Видеогалерея</h1>
+        </div>   
+    </header>
+    <section class="gazeta-wrapper" style="background-image: url('img/company_mask.svg');">
+        <div class="gazeta">
+            <a class="gazeta-item">
+                <div class="gazeta-item-img">
+                    <img class="gazeta-item-img__photo" src="img/phgal1.jpg" alt="photo">
+                    <div class="gazeta-item-img__video">
+                        <img src="img/play_icon.svg" alt="play">
+                    </div>
+                    <div class="gazeta-item-img__hover"></div>
+                </div>
+                <div class="gazeta-item-text">
+                    <h3 class="gazeta-item-text__title">Министр экономического развития и инвестиций Нижегородской области Игорь Норенков посетил лесозаготовительные участки АО «Волга» в рамках выездного совещания по вопросу реализации приоритетного инвестпроекта в области освоения лесов</h3>
+                </div>
+            </a>
+            <a class="gazeta-item">
+                <div class="gazeta-item-img">
+                    <img class="gazeta-item-img__photo" src="img/phgal2.jpg" alt="photo">
+                    <div class="gazeta-item-img__video">
+                        <img src="img/play_icon.svg" alt="play">
+                    </div>
+                    <div class="gazeta-item-img__hover"></div>
+                </div>
+                <div class="gazeta-item-text">
+                    <h3 class="gazeta-item-text__title">Независимые машины</h3>
+                </div>
+            </a>
+            <a class="gazeta-item">
+                <div class="gazeta-item-img">
+                    <img class="gazeta-item-img__photo" src="img/phgal3.jpg" alt="photo">
+                    <div class="gazeta-item-img__video">
+                        <img src="img/play_icon.svg" alt="play">
+                    </div>
+                    <div class="gazeta-item-img__hover"></div>
+                </div>
+                <div class="gazeta-item-text">
+                    <h3 class="gazeta-item-text__title">Модернизация в энергокомплексе АО «Волга» продолжается</h3>
+                </div>
+            </a>
+            <a class="gazeta-item">
+                <div class="gazeta-item-img">
+                    <img class="gazeta-item-img__photo" src="img/phgal1.jpg" alt="photo">
+                    <div class="gazeta-item-img__video">
+                        <img src="img/play_icon.svg" alt="play">
+                    </div>
+                    <div class="gazeta-item-img__hover"></div>
+                </div>
+                <div class="gazeta-item-text">
+                    <h3 class="gazeta-item-text__title">Министр экономического развития и инвестиций Нижегородской области Игорь Норенков посетил лесозаготовительные участки АО «Волга» в рамках выездного совещания по вопросу реализации приоритетного инвестпроекта в области освоения лесов</h3>
+                </div>
+            </a>
+            <a class="gazeta-item">
+                <div class="gazeta-item-img">
+                    <img class="gazeta-item-img__photo" src="img/phgal2.jpg" alt="photo">
+                    <div class="gazeta-item-img__video">
+                        <img src="img/play_icon.svg" alt="play">
+                    </div>
+                    <div class="gazeta-item-img__hover"></div>
+                </div>
+                <div class="gazeta-item-text">
+                    <h3 class="gazeta-item-text__title">Независимые машины</h3>
+                </div>
+            </a>
+            <a class="gazeta-item">
+                <div class="gazeta-item-img">
+                    <img class="gazeta-item-img__photo" src="img/phgal3.jpg" alt="photo">
+                    <div class="gazeta-item-img__video">
+                        <img src="img/play_icon.svg" alt="play">
+                    </div>
+                    <div class="gazeta-item-img__hover"></div>
+                </div>
+                <div class="gazeta-item-text">
+                    <h3 class="gazeta-item-text__title">Модернизация в энергокомплексе АО «Волга» продолжается</h3>
+                </div>
+            </a>
+            <a class="gazeta-item">
+                <div class="gazeta-item-img">
+                    <img class="gazeta-item-img__photo" src="img/phgal1.jpg" alt="photo">
+                    <div class="gazeta-item-img__video">
+                        <img src="img/play_icon.svg" alt="play">
+                    </div>
+                    <div class="gazeta-item-img__hover"></div>
+                </div>
+                <div class="gazeta-item-text">
+                    <h3 class="gazeta-item-text__title">Министр экономического развития и инвестиций Нижегородской области Игорь Норенков посетил лесозаготовительные участки АО «Волга» в рамках выездного совещания по вопросу реализации приоритетного инвестпроекта в области освоения лесов</h3>
+                </div>
+            </a>
+            <a class="gazeta-item">
+                <div class="gazeta-item-img">
+                    <img class="gazeta-item-img__photo" src="img/phgal2.jpg" alt="photo">
+                    <div class="gazeta-item-img__video">
+                        <img src="img/play_icon.svg" alt="play">
+                    </div>
+                    <div class="gazeta-item-img__hover"></div>
+                </div>
+                <div class="gazeta-item-text">
+                    <h3 class="gazeta-item-text__title">Независимые машины</h3>
+                </div>
+            </a>
+            <a class="gazeta-item">
+                <div class="gazeta-item-img">
+                    <img class="gazeta-item-img__photo" src="img/phgal3.jpg" alt="photo">
+                    <div class="gazeta-item-img__video">
+                        <img src="img/play_icon.svg" alt="play">
+                    </div>
+                    <div class="gazeta-item-img__hover"></div>
+                </div>
+                <div class="gazeta-item-text">
+                    <h3 class="gazeta-item-text__title">Модернизация в энергокомплексе АО «Волга» продолжается</h3>
+                </div>
+            </a>
+            <a class="gazeta-item">
+                <div class="gazeta-item-img">
+                    <img class="gazeta-item-img__photo" src="img/phgal1.jpg" alt="photo">
+                    <div class="gazeta-item-img__video">
+                        <img src="img/play_icon.svg" alt="play">
+                    </div>
+                    <div class="gazeta-item-img__hover"></div>
+                </div>
+                <div class="gazeta-item-text">
+                    <h3 class="gazeta-item-text__title">Министр экономического развития и инвестиций Нижегородской области Игорь Норенков посетил лесозаготовительные участки АО «Волга» в рамках выездного совещания по вопросу реализации приоритетного инвестпроекта в области освоения лесов</h3>
+                </div>
+            </a>
+            <a class="gazeta-item">
+                <div class="gazeta-item-img">
+                    <img class="gazeta-item-img__photo" src="img/phgal2.jpg" alt="photo">
+                    <div class="gazeta-item-img__video">
+                        <img src="img/play_icon.svg" alt="play">
+                    </div>
+                    <div class="gazeta-item-img__hover"></div>
+                </div>
+                <div class="gazeta-item-text">
+                    <h3 class="gazeta-item-text__title">Независимые машины</h3>
+                </div>
+            </a>
+            <a class="gazeta-item">
+                <div class="gazeta-item-img">
+                    <img class="gazeta-item-img__photo" src="img/phgal3.jpg" alt="photo">
+                    <div class="gazeta-item-img__video">
+                        <img src="img/play_icon.svg" alt="play">
+                    </div>
+                    <div class="gazeta-item-img__hover"></div>
+                </div>
+                <div class="gazeta-item-text">
+                    <h3 class="gazeta-item-text__title">Модернизация в энергокомплексе АО «Волга» продолжается</h3>
+                </div>
+            </a>
+        </div>
+    </section>
+    <div class="pagination">
+        <a class="pagination-item pagination-item-more hidden" href="#">
+            <svg class="pagination-item__icon1">
+                <use xlink:href="img/dalshe.svg#dalshe"></use>
+            </svg>Раньше
+        </a>
+        <a class="pagination-item pagination-item-active" href="#">1</a>
+        <a class="pagination-item" href="#">2</a>
+        <a class="pagination-item" href="#">3</a>
+        <a class="pagination-item" href="#">4</a>
+        <a class="pagination-item" href="#">5</a>
+        <a class="pagination-item" href="#">...</a>
+        <a class="pagination-item" href="#">52</a>
+        <a class="pagination-item pagination-item-more" href="#">Дальше
+            <svg class="pagination-item__icon2">
+                <use xlink:href="img/dalshe.svg#dalshe"></use>
+            </svg>
+        </a>
+    </div>
+    <section class="form form-subpage section-subpage">
+        <form action="" class="form-ui" style="background-image: url('img/form_mask.svg');">
+            <div class="form-ui-inner">
+                <div class="form-ui-inner-heading">
+                    <span class="form-ui-inner-heading__title">Обратная связь</span>
+                    <span class="form-ui-inner-heading__text">Оставьте свои контакты и мы свяжемся с Вами!</span>
+                </div>
+                <div class="form-ui-inner-content">
+                    <input class="form-ui-inner-content__input" type="text" placeholder="Ваше имя" required>
+                    <input class="form-ui-inner-content__input" type="tel" placeholder="Телефон" pattern="(\+?\d[- .]*){7,13}" required>
+                    <input class="form-ui-inner-content__input" type="email" placeholder="E-mail" pattern="[^@]+@[^@]+\.[a-zA-Z]{2,6}" required>
+                    <input class="form-ui-inner-content__input" type="text" placeholder="Сообщение">
+                    <input class="form-ui-inner-content__button" type="submit" value="ОТПРАВИТЬ" style="background-image: url('img/form_button.png');">
+                </div>
+                <div class="form-ui-inner-checkbox">
+                    <input class="form-ui-inner-checkbox__input" type="checkbox" id="checkbox1" checked>
+                    <label for="checkbox1" class="form-ui-inner-checkbox__text">Нажимая на кнопку «Отправить», вы соглашаетесь на обработку персональных данных</label>
+                </div>
+            </div>
+        </form>
+    </section>
+    <footer class="footer" style="background-image: url('img/footer.jpg');">
+        <nav class="footer-navbar">
+            <a class="footer-navbar-logo" href="#">
+                <img src="img/logo.svg" alt="logo: volga">
+            </a>
+            <ul class="footer-menu">
+                <li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Компания</a></li>
+                <li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Продукция</a></li>
+                <li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Пресс-центр</a></li>
+                <li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Устойчивое развитие</a></li>
+                <li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Поставщикам</a></li>
+                <li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Раскрытие информации</a></li>
+                <li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Карьера</a></li>
+                <li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Контакты</a></li>
+            </ul>
+        </nav>
+        <div class="footer-info">
+            <div class="footer-info-social">
+                <a href="#" class="footer-info-social__link">
+                    <svg class="footer-info-social__icon" width="20" height="13">
+                        <use xlink:href="img/social.svg#vk"></use>
+                    </svg>
+                </a>
+                <a href="#" class="footer-info-social__link">
+                    <svg class="footer-info-social__icon" width="17" height="17">
+                        <use xlink:href="img/social.svg#fb"></use>
+                    </svg>
+                </a>
+                <a href="#" class="footer-info-social__link">
+                    <svg class="footer-info-social__icon" width="20" height="18">
+                        <use xlink:href="img/social.svg#yt"></use>
+                    </svg>
+                </a>
+                <a href="#" class="footer-info-social__link">
+                    <svg class="footer-info-social__icon" width="19" height="19">
+                        <use xlink:href="img/social.svg#inst"></use>
+                    </svg>
+                </a>
+            </div>
+            <span class="footer-info__copy">© 2021 АО «Волга»</span>
+            <div class="footer-info-dev">
+                <span class="footer-info-dev__text">Разработка сайта</span>
+                <img src="img/logo_r52.svg" alt="logo r52">
+            </div>
+        </div>
+    </footer>
+    <script defer src="js/jquery-3.6.0.min.js"></script>
+    <script defer src="js/index.js"></script>
+    </body>
+</html>
\ No newline at end of file