Skip to content

V
volga
Commit 9adbc158 authored by dagalkova's avatar dagalkova
Browse files
Options

update

parent 6c87ed7d
Show whitespace changes
Inline Side-by-side
Showing with 828 additions and 197 deletions
.DS_Store
View file @ 9adbc158
No preview for this file type
corp_gazeta.html
View file @ 9adbc158
...@@ -518,8 +518,8 @@ ...@@ -518,8 +518,8 @@
</div> </div>
<div class="gazeta"> <div class="gazeta">
<a class="gazeta-item"> <a class="gazeta-item">
<div class="gazeta-item-img"> <div class="gazeta-item-img big-item-img" style="background-image: url('img/gazeta1.png');">
<img class="gazeta-item-img__photo" src="img/gazeta1.png" alt="gazeta"> <!--<img class="gazeta-item-img__photo" src="img/gazeta1.png" alt="gazeta">-->
<div class="gazeta-item-img__hover"></div> <div class="gazeta-item-img__hover"></div>
</div> </div>
<div class="gazeta-item-text"> <div class="gazeta-item-text">
...@@ -530,8 +530,8 @@ ...@@ -530,8 +530,8 @@
</div> </div>
</a> </a>
<a class="gazeta-item"> <a class="gazeta-item">
<div class="gazeta-item-img"> <div class="gazeta-item-img big-item-img" style="background-image: url('img/gazeta1.png');">
<img class="gazeta-item-img__photo" src="img/gazeta1.png" alt="gazeta"> <!--<img class="gazeta-item-img__photo" src="img/gazeta1.png" alt="gazeta">-->
<div class="gazeta-item-img__hover"></div> <div class="gazeta-item-img__hover"></div>
</div> </div>
<div class="gazeta-item-text"> <div class="gazeta-item-text">
...@@ -542,8 +542,8 @@ ...@@ -542,8 +542,8 @@
</div> </div>
</a> </a>
<a class="gazeta-item"> <a class="gazeta-item">
<div class="gazeta-item-img"> <div class="gazeta-item-img big-item-img" style="background-image: url('img/gazeta1.png');">
<img class="gazeta-item-img__photo" src="img/gazeta1.png" alt="gazeta"> <!--<img class="gazeta-item-img__photo" src="img/gazeta1.png" alt="gazeta">-->
<div class="gazeta-item-img__hover"></div> <div class="gazeta-item-img__hover"></div>
</div> </div>
<div class="gazeta-item-text"> <div class="gazeta-item-text">
...@@ -554,8 +554,8 @@ ...@@ -554,8 +554,8 @@
</div> </div>
</a> </a>
<a class="gazeta-item"> <a class="gazeta-item">
<div class="gazeta-item-img"> <div class="gazeta-item-img big-item-img" style="background-image: url('img/gazeta1.png');">
<img class="gazeta-item-img__photo" src="img/gazeta1.png" alt="gazeta"> <!--<img class="gazeta-item-img__photo" src="img/gazeta1.png" alt="gazeta">-->
<div class="gazeta-item-img__hover"></div> <div class="gazeta-item-img__hover"></div>
</div> </div>
<div class="gazeta-item-text"> <div class="gazeta-item-text">
...@@ -566,8 +566,8 @@ ...@@ -566,8 +566,8 @@
</div> </div>
</a> </a>
<a class="gazeta-item"> <a class="gazeta-item">
<div class="gazeta-item-img"> <div class="gazeta-item-img big-item-img" style="background-image: url('img/gazeta1.png');">
<img class="gazeta-item-img__photo" src="img/gazeta1.png" alt="gazeta"> <!--<img class="gazeta-item-img__photo" src="img/gazeta1.png" alt="gazeta">-->
<div class="gazeta-item-img__hover"></div> <div class="gazeta-item-img__hover"></div>
</div> </div>
<div class="gazeta-item-text"> <div class="gazeta-item-text">
...@@ -578,8 +578,8 @@ ...@@ -578,8 +578,8 @@
</div> </div>
</a> </a>
<a class="gazeta-item"> <a class="gazeta-item">
<div class="gazeta-item-img"> <div class="gazeta-item-img big-item-img" style="background-image: url('img/gazeta1.png');">
<img class="gazeta-item-img__photo" src="img/gazeta1.png" alt="gazeta"> <!--<img class="gazeta-item-img__photo" src="img/gazeta1.png" alt="gazeta">-->
<div class="gazeta-item-img__hover"></div> <div class="gazeta-item-img__hover"></div>
</div> </div>
<div class="gazeta-item-text"> <div class="gazeta-item-text">
......
gazetnaya.html
View file @ 9adbc158
...@@ -9,6 +9,7 @@ ...@@ -9,6 +9,7 @@
<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap" rel="stylesheet"> <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/style.css">
<link rel="stylesheet" href="styles/normalize.css"> <link rel="stylesheet" href="styles/normalize.css">
<link rel="stylesheet" href="styles/fancybox.css">
</head> </head>
<body class="body-subpage"> <body class="body-subpage">
<div class="menu-hidden" style="background-image: url('img/menu_mask.svg');"> <div class="menu-hidden" style="background-image: url('img/menu_mask.svg');">
...@@ -514,7 +515,7 @@ ...@@ -514,7 +515,7 @@
<h2 id="tech" class="corp-content-wrapper__title">Техническая спецификация</h2> <h2 id="tech" class="corp-content-wrapper__title">Техническая спецификация</h2>
<div class="tech-spec"> <div class="tech-spec">
<div class="tech-spec-item"> <div class="tech-spec-item">
<a href="#" class="tech-spec-item-img"> <a data-fancybox="spec" href="img/tech_spec.png" class="tech-spec-item-img">
<img src="img/tech_spec.png" alt="tech-spec"> <img src="img/tech_spec.png" alt="tech-spec">
<div class="tech-spec-item-img__hover"> <div class="tech-spec-item-img__hover">
<img src="img/tech_search.svg" alt="search"> <img src="img/tech_search.svg" alt="search">
...@@ -527,7 +528,7 @@ ...@@ -527,7 +528,7 @@
</div> </div>
</div> </div>
<div class="tech-spec-item"> <div class="tech-spec-item">
<a href="#" class="tech-spec-item-img"> <a data-fancybox="spec" href="img/tech_spec.png" class="tech-spec-item-img">
<img src="img/tech_spec.png" alt="tech-spec"> <img src="img/tech_spec.png" alt="tech-spec">
<div class="tech-spec-item-img__hover"> <div class="tech-spec-item-img__hover">
<img src="img/tech_search.svg" alt="search"> <img src="img/tech_search.svg" alt="search">
...@@ -547,7 +548,7 @@ ...@@ -547,7 +548,7 @@
<div class="sertificate"> <div class="sertificate">
<div class="sertificate-slider"> <div class="sertificate-slider">
<div class="sertificate-item"> <div class="sertificate-item">
<a href="#" class="tech-spec-item-img"> <a data-fancybox="sert" href="img/tech_spec_sert.png" class="tech-spec-item-img">
<img src="img/tech_spec_sert.png" alt="tech-spec"> <img src="img/tech_spec_sert.png" alt="tech-spec">
<div class="tech-spec-item-img__hover"> <div class="tech-spec-item-img__hover">
<img src="img/tech_search.svg" alt="search"> <img src="img/tech_search.svg" alt="search">
...@@ -731,7 +732,7 @@ ...@@ -731,7 +732,7 @@
<div class="sertificate"> <div class="sertificate">
<div class="sertificate-slider"> <div class="sertificate-slider">
<div class="sertificate-item"> <div class="sertificate-item">
<a href="#" class="tech-spec-item-img"> <a data-fancybox="gallery" href="img/gallery1.png" class="tech-spec-item-img">
<img src="img/gallery1.png" alt="tech-spec"> <img src="img/gallery1.png" alt="tech-spec">
<div class="tech-spec-item-img__hover"> <div class="tech-spec-item-img__hover">
<img src="img/tech_search.svg" alt="search"> <img src="img/tech_search.svg" alt="search">
...@@ -867,6 +868,7 @@ ...@@ -867,6 +868,7 @@
</div> </div>
</footer> </footer>
<script defer src="js/jquery-3.6.0.min.js"></script> <script defer src="js/jquery-3.6.0.min.js"></script>
<script defer src="js/fancybox.umd.js"></script>
<script defer src="js/index.js"></script> <script defer src="js/index.js"></script>
</body> </body>
</html> </html>
\ No newline at end of file
img/main.mp4 0 → 100644
View file @ 9adbc158
File added
img/zaglushka.svg 0 → 100644
View file @ 9adbc158
<svg width="533" height="481" viewBox="0 0 533 481" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="533" height="481">
<rect width="533" height="481" fill="white"/>
</mask>
<g mask="url(#mask0)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M348.028 239.988L307.213 240.329L359.641 290.467V342.991L251.199 239.988L214.482 239.818H151.808L359.129 444.289V378.121L214.312 239.988L175.033 204.006L139 240.5L380.817 483L624 239.818L587.796 204.176L548.859 240.671L404.896 378.292L405.238 443.606L611.363 240.841L548.859 240.5H511.289L455.787 239.477H414.459L520.681 135.621L380.646 -2L240.611 136.645L348.028 239.988ZM511.289 240.5L568.327 183.371L540.833 157.961L455.958 239.647L404.896 289.784V343.844L511.289 240.5ZM307.213 240.329L221.143 158.985L195.014 186.27L251.199 240.159L307.213 240.329Z" fill="#D6D9E5" fill-opacity="0.2"/>
</g>
</svg>
index.html
View file @ 9adbc158
...@@ -170,17 +170,11 @@ ...@@ -170,17 +170,11 @@
</div> </div>
</div> </div>
</div> </div>
<header class="header" style="background-image: linear-gradient( <header class="header">
180deg, <video class="video" loop="loop" autoplay="" muted="">
rgba(0, 0, 0, 0.68) 0%, <source src="img/main.mp4" type="video/mp4" />
rgba(0, 0, 0, 0.12) 61.02% </video>
), <div class="bg-overlay"></div>
linear-gradient(
180deg,
rgba(31, 31, 31, 0.425) 0%,
rgba(31, 31, 31, 0.125) 100%
),
url('img/лес2.gif');">
<nav class="navbar"> <nav class="navbar">
<a class="navbar-logo" href="#"> <a class="navbar-logo" href="#">
<img class="navbar-logo__icon" src="img/logo.svg" alt="logo: volga"> <img class="navbar-logo__icon" src="img/logo.svg" alt="logo: volga">
...@@ -566,6 +560,7 @@ ...@@ -566,6 +560,7 @@
</div> </div>
</header> </header>
<section class="production" style="background-image: url('img/production_mask.svg');"> <section class="production" style="background-image: url('img/production_mask.svg');">
<div class="production-text"> <div class="production-text">
<h2 class="production__title">Продукция</h2> <h2 class="production__title">Продукция</h2>
<p class="production__descr">Уникальный продукт – газетная бумага, <p class="production__descr">Уникальный продукт – газетная бумага,
...@@ -575,7 +570,8 @@ ...@@ -575,7 +570,8 @@
<a class="production__link" href="#">Перейти в каталог</a> <a class="production__link" href="#">Перейти в каталог</a>
</div> </div>
<div class="production-list"> <div class="production-list">
<div class="production-list-item" style="background-image: url(img/product1.png);"> <div class="production-list-item">
<img src="img/product1.png" alt="photo">
<svg class="production-list-item__arrow"> <svg class="production-list-item__arrow">
<use xlink:href="img/production_arrow.svg#production_arrow"></use> <use xlink:href="img/production_arrow.svg#production_arrow"></use>
</svg> </svg>
...@@ -613,7 +609,8 @@ ...@@ -613,7 +609,8 @@
</a> </a>
</ul> </ul>
</div> </div>
<div class="production-list-item" style="background-image: url(img/product2.png);"> <div class="production-list-item">
<img src="img/product2.png" alt="photo">
<svg class="production-list-item__arrow"> <svg class="production-list-item__arrow">
<use xlink:href="img/production_arrow.svg#production_arrow"></use> <use xlink:href="img/production_arrow.svg#production_arrow"></use>
</svg> </svg>
...@@ -639,8 +636,8 @@ ...@@ -639,8 +636,8 @@
</a> </a>
</ul> </ul>
</div> </div>
<div class="production-list-item" style="background-image: url(img/product3.png);"> <div class="production-list-item empty" style="background-image: url(img/zaglushka.svg);">
<svg class="production-list-item__arrow"> <!--<svg class="production-list-item__arrow">
<use xlink:href="img/production_arrow.svg#production_arrow"></use> <use xlink:href="img/production_arrow.svg#production_arrow"></use>
</svg> </svg>
<h4 class="production-list-item__title">Специальные виды бумаг</h4> <h4 class="production-list-item__title">Специальные виды бумаг</h4>
...@@ -663,7 +660,7 @@ ...@@ -663,7 +660,7 @@
<use xlink:href="img/points_style.svg#points_style"></use> <use xlink:href="img/points_style.svg#points_style"></use>
</svg>Для пищевых продуктов</li> </svg>Для пищевых продуктов</li>
</a> </a>
</ul> </ul> -->
</div> </div>
</div> </div>
...@@ -985,6 +982,19 @@ ...@@ -985,6 +982,19 @@
</div> </div>
</div> </div>
</footer> </footer>
<div class="modal hidden">
<div class="overlay"></div>
<div class="modal-wrapper">
<a class="modal-close" href="#">
<svg class="modal-close__icon">
<use xlink:href="img/search_close.svg#search_close"></use>
</svg>
</a>
<h2 class="modal__title">Спасибо за обращение</h2>
<p class="modal__descr">Мы свяжемся с Вами в ближайшее время</p>
<div class="modal__button" style="background-image: url('img/form_button_white.png');">Закрыть</div>
</div>
</div>
<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU&amp;apikey=6d05ea4e-5eb3-4409-88a3-d4f809c991d9" type="text/javascript"></script> <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/jquery-3.6.0.min.js"></script>
<script defer src="js/index.js"></script> <script defer src="js/index.js"></script>
......
js/fancybox.umd.js 0 → 100644
View file @ 9adbc158
// @fancyapps/ui/Fancybox v4.0.0-alpha.4
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).window=t.window||{})}(this,(function(t){"use strict";function e(t){return(e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function n(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}function o(t,e,i){return e&&n(t.prototype,e),i&&n(t,i),t}function s(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&r(t,e)}function a(t){return(a=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function r(t,e){return(r=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function l(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function c(t,e){return!e||"object"!=typeof e&&"function"!=typeof e?l(t):e}function h(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var i,n=a(t);if(e){var o=a(this).constructor;i=Reflect.construct(n,arguments,o)}else i=n.apply(this,arguments);return c(this,i)}}function d(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var i=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null==i)return;var n,o,s=[],a=!0,r=!1;try{for(i=i.call(t);!(a=(n=i.next()).done)&&(s.push(n.value),!e||s.length!==e);a=!0);}catch(t){r=!0,o=t}finally{try{a||null==i.return||i.return()}finally{if(r)throw o}}return s}(t,e)||f(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function u(t){return function(t){if(Array.isArray(t))return v(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||f(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function f(t,e){if(t){if("string"==typeof t)return v(t,e);var i=Object.prototype.toString.call(t).slice(8,-1);return"Object"===i&&t.constructor&&(i=t.constructor.name),"Map"===i||"Set"===i?Array.from(t):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?v(t,e):void 0}}function v(t,e){(null==e||e>t.length)&&(e=t.length);for(var i=0,n=new Array(e);i<e;i++)n[i]=t[i];return n}function p(t,e){var i="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!i){if(Array.isArray(t)||(i=f(t))||e&&t&&"number"==typeof t.length){i&&(t=i);var n=0,o=function(){};return{s:o,n:function(){return n>=t.length?{done:!0}:{done:!1,value:t[n++]}},e:function(t){throw t},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var s,a=!0,r=!1;return{s:function(){i=i.call(t)},n:function(){var t=i.next();return a=t.done,t},e:function(t){r=!0,s=t},f:function(){try{a||null==i.return||i.return()}finally{if(r)throw s}}}}var g=function(t){return"object"===e(t)&&null!==t&&t.constructor===Object&&"[object Object]"===Object.prototype.toString.call(t)},m=function t(){for(var i=!1,n=arguments.length,o=new Array(n),s=0;s<n;s++)o[s]=arguments[s];"boolean"==typeof o[0]&&(i=o.shift());var a=o[0];if(!a||"object"!==e(a))throw new Error("extendee must be an object");for(var r=o.slice(1),l=r.length,c=0;c<l;c++){var h=r[c];for(var d in h)if(h.hasOwnProperty(d)){var u=h[d];if(i&&(Array.isArray(u)||g(u))){var f=Array.isArray(u)?[]:{};a[d]=t(!0,a.hasOwnProperty(d)?a[d]:f,u)}else a[d]=u}}return a},y=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1e3;return t=parseFloat(t)||0,Math.round((t+Number.EPSILON)*e)/e},b="undefined"!=typeof window&&window.ResizeObserver||function(){function t(e){i(this,t),this.observables=[],this.boundCheck=this.check.bind(this),this.boundCheck(),this.callback=e}return o(t,[{key:"observe",value:function(t){if(!this.observables.some((function(e){return e.el===t}))){var e={el:t,size:{height:t.clientHeight,width:t.clientWidth}};this.observables.push(e)}}},{key:"unobserve",value:function(t){this.observables=this.observables.filter((function(e){return e.el!==t}))}},{key:"disconnect",value:function(){this.observables=[]}},{key:"check",value:function(){var t=this.observables.filter((function(t){var e=t.el.clientHeight,i=t.el.clientWidth;if(t.size.height!==e||t.size.width!==i)return t.size.height=e,t.size.width=i,!0})).map((function(t){return t.el}));t.length>0&&this.callback(t),window.requestAnimationFrame(this.boundCheck)}}]),t}(),w=function t(e){return!(!e||e.classList.contains("carousel__track")||e===document.body)&&(function(t){var e=window.getComputedStyle(t)["overflow-y"],i=window.getComputedStyle(t)["overflow-x"],n=("scroll"===e||"auto"===e)&&Math.abs(t.scrollHeight-t.clientHeight)>1,o=("scroll"===i||"auto"===i)&&Math.abs(t.scrollWidth-t.clientWidth)>1;return n||o}(e)?e:t(e.parentNode))},x=function(t){var e=0;return t&&(e=t instanceof SVGElement?Math.min(t.getClientRects()[0].height,t.height.baseVal.value):Math.max(t.offsetHeight,t.scrollHeight)),e},k=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};i(this,t),this.options=m(!0,{},e),this.plugins=[],this.events={};for(var n=0,o=["on","once"];n<o.length;n++)for(var s=o[n],a=0,r=Object.entries(this.options[s]||{});a<r.length;a++){var l=r[a];this[s].apply(this,u(l))}}return o(t,[{key:"option",value:function(t,e){t=String(t);var i,n,o=(i=t,n=this.options,i.split(".").reduce((function(t,e){return t[e]}),n));return"function"==typeof o&&(o=o.call(this,t)),void 0===o?e:o}},{key:"localize",value:function(t){var e=this,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return String(t).replace(/\{\{(\w+).?(\w+)?\}\}/g,(function(t,n,o){var s=!1;if(!(s=o?e.option("".concat(n[0]+n.toLowerCase().substring(1),".l10n.").concat(o)):e.option("l10n.".concat(n))))return n;for(var a=0;a<i.length;a++)s=s.split(i[a][0]).join(i[a][1]);return s}))}},{key:"on",value:function(t,e){var i=this;if(g(t)){for(var n=0,o=Object.entries(t);n<o.length;n++){var s=o[n];this.on.apply(this,u(s))}return this}return String(t).split(" ").forEach((function(t){var n=i.events[t]=i.events[t]||[];-1==n.indexOf(e)&&n.push(e)})),this}},{key:"once",value:function(t,e){var i=this;if(g(t)){for(var n=0,o=Object.entries(t);n<o.length;n++){var s=o[n];this.once.apply(this,u(s))}return this}return String(t).split(" ").forEach((function(t){var n=function n(){i.off(t,n);for(var o=arguments.length,s=new Array(o),a=0;a<o;a++)s[a]=arguments[a];e.call.apply(e,[i,i].concat(s))};n._=e,i.on(t,n)})),this}},{key:"off",value:function(t,e){var i=this;if(!g(t))return t.split(" ").forEach((function(t){var n=i.events[t];if(!n||!n.length)return i;for(var o=-1,s=0,a=n.length;s<a;s++){var r=n[s];if(r&&(r===e||r._===e)){o=s;break}}-1!=o&&n.splice(o,1)})),this;for(var n=0,o=Object.entries(t);n<o.length;n++){var s=o[n];this.off.apply(this,u(s))}}},{key:"trigger",value:function(t){for(var e=arguments.length,i=new Array(e>1?e-1:0),n=1;n<e;n++)i[n-1]=arguments[n];var o,s=p(u(this.events[t]||[]).slice());try{for(s.s();!(o=s.n()).done;){var a=o.value;if(a&&!1===a.call.apply(a,[this,this].concat(i)))return!1}}catch(t){s.e(t)}finally{s.f()}var r,l=p(u(this.events["*"]||[]).slice());try{for(l.s();!(r=l.n()).done;){var c=r.value;if(c&&!1===c.call.apply(c,[this,t,this].concat(i)))return!1}}catch(t){l.e(t)}finally{l.f()}return!0}},{key:"attachPlugins",value:function(t){for(var e={},i=0,n=Object.entries(t||{});i<n.length;i++){var o=d(n[i],2),s=o[0],a=o[1];!1!==this.options[s]&&(this.options[s]=m({},a.defaults||{},this.options[s]),e[s]=new a(this))}for(var r=0,l=Object.entries(e);r<l.length;r++){var c=d(l[r],2);c[0],c[1].attach(this)}return this.plugins=Object.assign({},this.plugins,e),this}},{key:"detachPlugins",value:function(){for(var t in this.plugins){var e=void 0;(e=this.plugins[t])&&"function"==typeof e.detach&&e.detach(this)}return this.plugins={},this}}]),t}(),$={panOnlyZoomed:!1,lockAxis:!1,friction:.72,decelFriction:.92,zoomFriction:.72,bounceForce:.1,baseScale:1,minScale:1,maxScale:2,step:.5,zoomInCentered:!0,pinchToZoom:!0,textSelection:!0,click:"toggleZoom",clickDelay:250,doubleClick:!1,wheel:"zoom",wheelFactor:30,wheelLimit:3,touch:!0,draggableClass:"is-draggable",draggingClass:"is-dragging"},C=function(t){s(n,t);var e=h(n);function n(t){var o,s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(i(this,n),s=m(!0,{},$,s),o=e.call(this,s),!(t instanceof HTMLElement))throw new Error("Viewport not found");o.state="init",o.$viewport=t;for(var a=0,r=["onPointerDown","onPointerMove","onPointerUp","onWheel","onClick"];a<r.length;a++){var c=r[a];o[c]=o[c].bind(l(o))}if(o.$content=o.option("content"),o.$content||(o.$content=o.$viewport.querySelector(".panzoom__content")),!o.$content)throw new Error("Content not found");if(!1===o.option("textSelection")&&o.$viewport.classList.add("not-selectable"),o.resetValues(),o.attachPlugins(n.Plugins),o.trigger("init"),o.handleContent(),o.attachEvents(),o.trigger("ready"),"init"===o.state){var h=o.option("baseScale");1===h?(o.state="ready",o.handleCursor()):o.panTo({scale:h,friction:0})}return o}return o(n,[{key:"handleContent",value:function(){var t=this;if(this.$content instanceof HTMLImageElement){var e=function(){var e=t.$content.naturalWidth;t.maxScale=t.option("maxScale"),t.options.maxScale=function(){var t=this.contentDim.width;return e>0&&t>0?e/t*this.maxScale:this.maxScale},t.updateMetrics(),t.trigger(e>0?"load":"error")};!0!==this.$content.complete?(this.$content.onload=function(){return e()},this.$content.onerror=function(){return e()}):e()}else this.updateMetrics()}},{key:"resetValues",value:function(){this.viewportDim={top:0,left:0,width:0,height:0},this.contentDim={width:0,height:0},this.friction=this.option("friction"),this.current={x:0,y:0,scale:1},this.velocity={x:0,y:0,scale:0},this.pan={x:0,y:0,scale:1},this.drag={startTime:null,firstPosition:null,startPosition:null,startPoint:null,startDistance:null,endPosition:null,endPoint:null,distance:0,distanceX:0,distanceY:0,elapsedTime:0},this.lockAxis=null,this.pendingAnimateUpdate=null,this.pendingResizeUpdate=null,this.pointers=[]}},{key:"updateMetrics",value:function(){var t,e,i=this.$viewport.getBoundingClientRect(),n=i.top,o=i.left,s=i.width,a=i.height,r=window.getComputedStyle(this.$viewport);s-=parseFloat(r.paddingLeft)+parseFloat(r.paddingRight),a-=parseFloat(r.paddingTop)+parseFloat(r.paddingBottom),this.viewportDim={top:n,left:o,width:s,height:a},this.contentDim={width:this.option("width",(t=this.$content,e=0,t&&(e=t instanceof SVGElement?Math.min(t.getClientRects()[0].width,t.width.baseVal.value):Math.max(t.offsetWidth,t.scrollWidth)),e)),height:this.option("hidth",x(this.$content))},this.trigger("updateMetrics"),this.updateBounds()}},{key:"updateBounds",value:function(t){var e={from:0,to:0},i={from:0,to:0};if(t||(t=this.velocity.scale?this.pan.scale:this.current.scale),t<1)return[e,i];var n=this.contentDim,o=this.viewportDim,s=n.width*t,a=n.height*t;return e.to=y(.5*(s-n.width)),n.width>o.width?e.from=y(e.to+o.width-s):e.from=y(-1*e.to),i.to=y(.5*(a-n.height)),n.height>o.height?i.from=y(i.to+o.height-a):i.from=y(-1*i.to),this.boundX=e,this.boundY=i,this.trigger("updateBounds",t),[this.boundX,this.boundY]}},{key:"zoomIn",value:function(t){this.zoomTo(this.current.scale+(t||this.option("step")))}},{key:"zoomOut",value:function(t){this.zoomTo(this.current.scale-(t||this.option("step")))}},{key:"toggleZoom",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=this.option("maxScale"),i=this.option("baseScale");this.zoomTo(this.current.scale>i+.5*(e-i)?i:e,t)}},{key:"zoomTo",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=e.x,n=void 0===i?null:i,o=e.y,s=void 0===o?null:o,a=e.friction,r=void 0===a?this.option("zoomFriction"):a;t||(t=this.option("baseScale")),t=Math.max(Math.min(t,this.option("maxScale")),this.option("minScale"));var l=this.contentDim.width,c=this.contentDim.height,h=l*this.current.scale,d=c*this.current.scale,u=l*t,f=c*t;null===n&&(n=.5*h),null===s&&(s=.5*d),!1===this.option("zoomInCentered")&&(n<.5*h&&(n=h),n>h&&(n=0),s<0&&(s=d),s>d&&(s=0));var v=h>0?n/h:0,p=d>0?s/d:0,g=(u-h)*(v-.5),m=(f-d)*(p-.5);Math.abs(g)<1&&(g=0),Math.abs(m)<1&&(m=0),n=this.current.x-g,s=this.current.y-m,this.panTo({x:n,y:s,scale:t,friction:r})}},{key:"panTo",value:function(t){var e=t.x,i=void 0===e?0:e,n=t.y,o=void 0===n?0:n,s=t.scale,a=void 0===s?this.current.scale:s,r=t.friction,l=void 0===r?this.option("friction"):r,c=t.ignoreBounds,h=void 0!==c&&c;if(l||this.stopMoving(),!0!==h){var u=d(this.updateBounds(a),2),f=u[0],v=u[1];f&&(i=Math.max(Math.min(i,f.to),f.from)),v&&(o=Math.max(Math.min(o,v.to),v.from))}return l>0&&(Math.abs(i-this.current.x)>.1||Math.abs(o-this.current.y)>.1||Math.abs(a-this.current.scale)>.1)?(this.state="panning",this.friction=l,this.pan={x:i,y:o,scale:a},this.velocity={x:(1/this.friction-1)*(i-this.current.x),y:(1/this.friction-1)*(o-this.current.y),scale:(1/this.friction-1)*(a-this.current.scale)},this.animate(),this):(this.pendingAnimateUpdate&&(cancelAnimationFrame(this.pendingAnimateUpdate),this.pendingAnimateUpdate=null),this.state="ready",this.stopMoving(),this.current={x:i,y:o,scale:a},this.transform(),this.handleCursor(),this.trigger("afterAnimate",!0),this)}},{key:"animate",value:function(){var t=this;if(!this.pendingAnimateUpdate){if(this.applyBoundForce(),this.applyDragForce(),this.velocity.x*=this.friction,this.velocity.y*=this.friction,this.velocity.scale*=this.friction,this.current.x+=this.velocity.x,this.current.y+=this.velocity.y,this.current.scale+=this.velocity.scale,"dragging"==this.state||"pointerdown"==this.state||Math.abs(this.velocity.x)>.05||Math.abs(this.velocity.y)>.05||Math.abs(this.velocity.scale)>.05)return this.transform(),void(this.pendingAnimateUpdate=requestAnimationFrame((function(){t.pendingAnimateUpdate=null,t.animate()})));this.current.x=y(this.current.x+this.velocity.x/(1/this.friction-1)),this.current.y=y(this.current.y+this.velocity.y/(1/this.friction-1)),Math.abs(this.current.x)<.5&&(this.current.x=0),Math.abs(this.current.y)<.5&&(this.current.y=0),this.current.scale=y(this.current.scale+this.velocity.scale/(1/this.friction-1),1e4),Math.abs(this.current.scale-1)<.01&&(this.current.scale=1),this.state="ready",this.stopMoving(),this.transform(),this.handleCursor(),this.trigger("afterAnimate")}}},{key:"handleCursor",value:function(){var t=this.option("draggableClass");t&&this.option("touch")&&(this.contentDim.width<=this.viewportDim.width&&1==this.option("panOnlyZoomed")&&this.current.scale<=this.option("baseScale")?this.$viewport.classList.remove(t):this.$viewport.classList.add(t))}},{key:"isMoved",value:function(){return 0!==this.current.x||0!==this.current.y||1!==this.current.scale||this.velocity.x>0||this.velocity.y>0||this.velocity.scale>0}},{key:"stopMoving",value:function(){this.velocity={x:0,y:0,scale:0}}},{key:"transform",value:function(){this.trigger("beforeTransform");var t=y(this.current.x,100),e=y(this.current.y,100),i=y(this.current.scale,1e4);Math.abs(t)<=.1&&Math.abs(e)<=.1&&Math.abs(i-1)<=.1?this.$content.style.transform="":this.$content.style.transform="translate(".concat(t,"px, ").concat(e,"px) scale(").concat(i,")"),this.trigger("afterTransform")}},{key:"applyBoundForce",value:function(){if("decel"===this.state){var t,e,i,n,o={x:0,y:0},s=this.option("bounceForce"),a=this.boundX,r=this.boundY;if(a&&(t=this.current.x<a.from,e=this.current.x>a.to),r&&(i=this.current.y<r.from,n=this.current.y>r.to),t||e){var l=(t?a.from:a.to)-this.current.x,c=l*s,h=this.current.x+(this.velocity.x+c)/(1/this.friction-1);t&&h<a.from||e&&h>a.to||(c=l*s-this.velocity.x),o.x=c}if(i||n){var d=(i?r.from:r.to)-this.current.y,u=d*s,f=this.current.y+(this.velocity.y+u)/(1/this.friction-1);i&&f<r.from||n&&f>r.to||(u=d*s-this.velocity.y),o.y=u}this.velocity.x+=o.x,this.velocity.y+=o.y}}},{key:"applyDragForce",value:function(){"dragging"===this.state&&(this.velocity={x:(1/this.friction-1)*(this.drag.endPosition.x-this.current.x),y:(1/this.friction-1)*(this.drag.endPosition.y-this.current.y),scale:(1/this.friction-1)*(this.drag.endPosition.scale-this.current.scale)})}},{key:"attachEvents",value:function(){var t=this,e=this.$viewport;this.resizeObserver=this.resizeObserver||new b((function(e){t.pendingResizeUpdate=t.pendingResizeUpdate||setTimeout((function(){var i=e&&e[0].contentRect;!i&&t.$viewport&&(i=t.$viewport.getBoundingClientRect()),i&&(Math.abs(i.width-t.viewportDim.width)>1||Math.abs(i.height-t.viewportDim.height)>1)&&t.updateMetrics(),t.pendingResizeUpdate=null}),t.option("updateRate",250))})),this.resizeObserver.observe(e),e.addEventListener("click",this.onClick,{passive:!1}),e.addEventListener("wheel",this.onWheel,{passive:!1}),this.option("touch")&&(window.PointerEvent?(e.addEventListener("pointerdown",this.onPointerDown,{passive:!1}),e.addEventListener("pointermove",this.onPointerMove,{passive:!1}),e.addEventListener("pointerup",this.onPointerUp),e.addEventListener("pointercancel",this.onPointerUp)):(e.addEventListener("touchstart",this.onPointerDown,{passive:!1}),e.addEventListener("touchmove",this.onPointerMove,{passive:!1}),e.addEventListener("touchend",this.onPointerUp),e.addEventListener("touchcancel",this.onPointerUp),e.addEventListener("mousedown",this.onPointerDown)))}},{key:"detachEvents",value:function(){this.resizeObserver&&this.resizeObserver.disconnect(),this.resizeObserver=null,this.pendingResizeUpdate&&(clearTimeout(this.pendingResizeUpdate),this.pendingResizeUpdate=null);var t=this.$viewport;window.PointerEvent?(t.removeEventListener("pointerdown",this.onPointerDown,{passive:!1}),t.removeEventListener("pointermove",this.onPointerMove,{passive:!1}),t.removeEventListener("pointerup",this.onPointerUp),t.removeEventListener("pointercancel",this.onPointerUp)):(t.removeEventListener("touchstart",this.onPointerDown,{passive:!1}),t.removeEventListener("touchmove",this.onPointerMove,{passive:!1}),t.removeEventListener("touchend",this.onPointerUp),t.removeEventListener("touchcancel",this.onPointerUp),t.removeEventListener("mousedown",this.onPointerDown)),t.removeEventListener("click",this.onClick,{passive:!1}),t.removeEventListener("wheel",this.onWheel,{passive:!1})}},{key:"copyPointer",value:function(t){return{pointerId:t.pointerId,clientX:t.clientX,clientY:t.clientY}}},{key:"findPointerIndex",value:function(t){for(var e=this.pointers.length;e--;)if(this.pointers[e].pointerId===t.pointerId)return e;return-1}},{key:"addPointer",value:function(t){var e=0;if(t.touches&&t.touches.length){var i,n=p(t.touches);try{for(n.s();!(i=n.n()).done;){var o=i.value;o.pointerId=e++,this.addPointer(o)}}catch(t){n.e(t)}finally{n.f()}}else(e=this.findPointerIndex(t))>-1&&this.pointers.splice(e,1),this.pointers.push(t)}},{key:"removePointer",value:function(t){if(t.touches)for(;this.pointers.length;)this.pointers.pop();else{var e=this.findPointerIndex(t);e>-1&&this.pointers.splice(e,1)}}},{key:"getMiddlePoint",value:function(){var t=u(this.pointers),e=(t=t.sort((function(t,e){return e.pointerId-t.pointerId}))).shift(),i=t.shift();return i?{clientX:.5*(e.clientX-i.clientX)+i.clientX,clientY:.5*(e.clientY-i.clientY)+i.clientY}:{clientX:e?e.clientX:0,clientY:e?e.clientY:0}}},{key:"getDistance",value:function(t,e){if(!(t=(t=t||u(this.pointers)).slice())||t.length<2)return 0;var i=(t=t.sort((function(t,e){return e.pointerId-t.pointerId}))).shift(),n=t.shift(),o=Math.abs(n.clientX-i.clientX);if("x"===e)return o;var s=Math.abs(n.clientY-i.clientY);return"y"===e?s:Math.sqrt(Math.pow(o,2)+Math.pow(s,2))}},{key:"resetDragState",value:function(){var t=this.$content.getClientRects()[0],e=t.left,i=t.top,n=this.getMiddlePoint(),o={top:i,left:e,x:this.current.x,y:this.current.y,scale:this.current.scale};m(this.drag,{startPosition:m({},o),startPoint:m({},n),startDistance:this.getDistance(),endPosition:m({},o),endPoint:m({},n),distance:0,distanceX:0,distanceY:0}),"pointerdown"===this.state&&(this.lockAxis=null,this.drag.startTime=new Date,this.drag.firstPosition=Object.assign({},o)),this.stopMoving(),this.friction=this.option("friction")}},{key:"onPointerDown",value:function(t){if(t&&!(t.button&&t.button>0))if(this.option("panOnlyZoomed")&&this.velocity.scale)t.preventDefault();else{if(this.resetDragState(),!this.pointers.length){if(-1!==["BUTTON","TEXTAREA","OPTION","INPUT","SELECT","VIDEO"].indexOf(t.target.nodeName))return;if(this.option("textSelection")&&function(t,e,i){for(var n=t.childNodes,o=document.createRange(),s=0;s<n.length;s++){var a=n[s];if(a.nodeType===Node.TEXT_NODE){o.selectNodeContents(a);var r=o.getBoundingClientRect();if(e>=r.left&&i>=r.top&&e<=r.right&&i<=r.bottom)return a}}return!1}(t.target,t.clientX,t.clientY))return;if(w(t.target))return}var e;if((e=window.getSelection?window.getSelection():document.selection)&&e.rangeCount&&e.getRangeAt(0).getClientRects().length&&(e.removeAllRanges?e.removeAllRanges():e.empty&&e.empty()),this.pointers.length>1||this.pointers.length&&this.lockAxis)t.preventDefault();else if(!1!==this.trigger("touchStart",t))if(t.preventDefault(),this.state="pointerdown",this.addPointer(this.copyPointer(t)),this.resetDragState(),window.PointerEvent)try{t.target.setPointerCapture(t.pointerId)}catch(t){}else document.addEventListener("mousemove",this.onPointerMove,{passive:!1}),document.addEventListener("mouseup",this.onPointerUp,{passive:!1})}}},{key:"onPointerMove",value:function(t){if(!(t.targetTouches&&t.targetTouches.length>1||"pointerdown"!==this.state&&"dragging"!==this.state))if(0!=this.trigger("touchMove",t)){if(this.addPointer(this.copyPointer(t)),!(this.pointers.length>1&&!1===this.option("pinchToZoom")))if(1==this.option("panOnlyZoomed")&&this.current.scale===this.option("baseScale")&&this.pointers.length<2)t.preventDefault();else{var e=this.getMiddlePoint(),i=[e,this.drag.startPoint];this.drag.distance=this.getDistance(i);var n=this.events.click&&this.events.click.length||this.events.doubleClick&&this.events.doubleClick.length||this.option.click||this.option.doubleClick;if(!(this.drag.distance<6&&(n||this.option("lockAxis")&&!this.lockAxis))&&("pointerdown"==this.state&&(this.state="dragging"),"dragging"===this.state)){var o=this.option("lockAxis");if(!this.lockAxis&&o)if("xy"===o){var s=this.getDistance(i,"x"),a=this.getDistance(i,"y"),r=Math.abs(180*Math.atan2(a,s)/Math.PI);this.lockAxis=r>45&&r<135?"y":"x"}else this.lockAxis=o;t.preventDefault(),t.stopPropagation(),this.$viewport.classList.add(this.option("draggingClass")),this.animate();var l=this.current.scale,c=0,h=0;if(this.current.scale===this.option("baseScale")&&"y"===this.lockAxis||(c=e.clientX-this.drag.startPoint.clientX),this.current.scale===this.option("baseScale")&&"x"===this.lockAxis||(h=e.clientY-this.drag.startPoint.clientY),this.drag.endPosition.x=this.drag.startPosition.x+c,this.drag.endPosition.y=this.drag.startPosition.y+h,this.pointers.length>1){this.drag.middlePoint=e,l=this.drag.startPosition.scale*this.getDistance()/this.drag.startDistance,l=Math.max(Math.min(l,2*this.option("maxScale")),.5*this.option("minScale"));var d=this.$content.width,u=this.$content.height,f=d*this.drag.startPosition.scale,v=u*this.drag.startPosition.scale,p=u*l,g=(d*l-f)*((this.drag.startPoint.clientX-this.drag.startPosition.left)/f-.5),m=(p-v)*((this.drag.startPoint.clientY-this.drag.startPosition.top)/v-.5);this.drag.endPosition.x-=g,this.drag.endPosition.y-=m,this.drag.endPosition.scale=l,this.updateBounds(l)}this.applyDragResistance()}}}else t.preventDefault()}},{key:"onPointerUp",value:function(t){if(this.removePointer(t),window.PointerEvent)try{t.target.releasePointerCapture(t.pointerId)}catch(t){}else document.removeEventListener("mousemove",this.onPointerMove,{passive:!1}),document.removeEventListener("mouseup",this.onPointerUp,{passive:!1});if(this.pointers.length>0)return t.preventDefault(),void this.resetDragState();if("pointerdown"===this.state||"dragging"===this.state){this.$viewport.classList.remove(this.option("draggingClass"));var e=this.$content.getClientRects()[0],i=e.top,n=e.left,o=this.drag;if(m(!0,o,{elapsedTime:new Date-o.startTime,distanceX:o.endPosition.x-o.firstPosition.x,distanceY:o.endPosition.y-o.firstPosition.y,endPosition:{top:i,left:n}}),o.distance=Math.sqrt(Math.pow(o.distanceX,2)+Math.pow(o.distanceY,2)),this.state="decel",this.friction=this.option("decelFriction"),this.pan={x:this.current.x+this.velocity.x/(1/this.friction-1),y:this.current.y+this.velocity.y/(1/this.friction-1),scale:this.current.scale+this.velocity.scale/(1/this.friction-1)},!1!==this.trigger("touchEnd",t)&&"decel"===this.state){var s=this.option("minScale");if(this.current.scale<s)this.zoomTo(s,{friction:.64});else{var a=this.option("maxScale");if(this.current.scale-a>.01){var r={friction:.64};o.middlePoint&&(r.x=o.middlePoint.clientX-n,r.y=o.middlePoint.clientY-i),this.zoomTo(a,r)}}}}}},{key:"applyDragResistance",value:function(){var t,e,i,n,o=this.boundX,s=this.boundY;if(o&&(t=this.drag.endPosition.x<o.from,e=this.drag.endPosition.x>o.to),s&&(i=this.drag.endPosition.y<s.from,n=this.drag.endPosition.y>s.to),t||e){var a=t?o.from:o.to,r=this.drag.endPosition.x-a;this.drag.endPosition.x=a+.3*r}if(i||n){var l=i?s.from:s.to,c=this.drag.endPosition.y-l;this.drag.endPosition.y=l+.3*c}}},{key:"onWheel",value:function(t){!1!==this.trigger("wheel",t)&&"zoom"==this.option("wheel",t)&&this.zoomWithWheel(t)}},{key:"zoomWithWheel",value:function(t){void 0===this.changedDelta&&(this.changedDelta=0);var e=this.current.scale,i=Math.max(-1,Math.min(1,-t.deltaY||-t.deltaX||t.wheelDelta||-t.detail));if(i<0&&e<=this.option("minScale")||i>0&&e>=this.option("maxScale")){if(this.changedDelta+=Math.abs(i),this.changedDelta>this.option("wheelLimit"))return}else this.changedDelta=0;e=e*(100+i*this.option("wheelFactor"))/100,t.preventDefault();var n=this.$content.getClientRects()[0],o=n.top,s=n.left,a=t.clientX-s,r=t.clientY-o;this.zoomTo(e,{x:a,y:r})}},{key:"onClick",value:function(t){var e=this;if(!t.defaultPrevented){if(window.getSelection().toString().length)return t.stopPropagation(),void t.stopImmediatePropagation();if(this.drag.startPosition&&this.drag.endPosition&&(Math.abs(this.drag.endPosition.top-this.drag.startPosition.top)>1||Math.abs(this.drag.endPosition.left-this.drag.startPosition.left)>1))return t.stopPropagation(),void t.stopImmediatePropagation();if(this.drag.distance>(this.lockAxis?6:1))return t.preventDefault(),t.stopPropagation(),void t.stopImmediatePropagation();var i=null,n=null;void 0!==t.clientX&&void 0!==t.clientY&&(i=t.clientX-this.$content.getClientRects()[0].left,n=t.clientY-this.$content.getClientRects()[0].top);var o=this.options.doubleClick;if(!o&&this.events.doubleClick&&this.events.doubleClick.length&&(o=!0),o){if(!this.clickTimer)return this.lastClickEvent=t,void(this.clickTimer=setTimeout((function(){e.clickTimer=null,!1!==e.trigger("click",t)&&"toggleZoom"===e.option("click")&&e.toggleZoom({x:i,y:n})}),this.option("clickDelay")));this.getDistance([t,this.lastClickEvent])>=6||(clearTimeout(this.clickTimer),this.clickTimer=null,!1!==this.trigger("doubleClick",t)&&"toggleZoom"===this.option("doubleClick")&&this.toggleZoom({x:i,y:n}))}else{if(!1===this.trigger("click",t))return;"toggleZoom"===this.option("click")&&this.toggleZoom({x:i,y:n})}}}},{key:"destroy",value:function(){"destroy"!==this.state&&(this.state="destroy",this.$viewport.classList.remove("not-selectable"),this.$content instanceof HTMLImageElement&&!this.$content.complete&&(this.$content.onload=null,this.$content.onerror=null),this.pendingAnimateUpdate&&(cancelAnimationFrame(this.pendingAnimateUpdate),this.pendingAnimateUpdate=null),this.clickTimer&&(clearTimeout(this.clickTimer),this.clickTimer=null),this.detachEvents(),this.pointers=[],this.resetValues(),this.$viewport=null,this.$content=null,this.options={},this.events={})}}]),n}(k);C.version="4.0.0-alpha.4",C.Plugins={};var P=function(t,e){var i=0;return function(){var n=(new Date).getTime();if(!(n-i<e))return i=n,t.apply(void 0,arguments)}},S=function(){function t(e){i(this,t),this.$container=null,this.$prev=null,this.$next=null,this.carousel=e,this.onRefresh=this.onRefresh.bind(this)}return o(t,[{key:"option",value:function(t){return this.carousel.option("Navigation.".concat(t))}},{key:"createButton",value:function(t){var e,i=this,n=document.createElement("button");n.setAttribute("title",this.carousel.localize("{{".concat(t.toUpperCase(),"}}")));var o=this.option("classNames.button")+" "+this.option("classNames.".concat(t));return(e=n.classList).add.apply(e,u(o.split(" "))),n.setAttribute("tabindex","0"),n.innerHTML=this.carousel.localize(this.option("".concat(t,"Tpl"))),n.addEventListener("click",(function(e){e.preventDefault(),e.stopPropagation(),i.carousel["slide".concat("next"===t?"Next":"Prev")]()})),n}},{key:"build",value:function(){this.$container||(this.$container=document.createElement("div"),this.$container.classList.add(this.option("classNames.main")),this.carousel.$element.appendChild(this.$container)),this.$next||(this.$next=this.createButton("next"),this.$container.appendChild(this.$next)),this.$prev||(this.$prev=this.createButton("prev"),this.$container.appendChild(this.$prev))}},{key:"onRefresh",value:function(){var t=this.carousel.pages.length;t<=1||t>1&&this.carousel.elemDimWidth<this.carousel.wrapDimWidth&&!Number.isInteger(this.carousel.option("slidesPerPage"))?this.cleanup():(this.build(),this.$prev.removeAttribute("disabled"),this.$next.removeAttribute("disabled"),this.carousel.option("infiniteX",this.carousel.option("infinite"))||(this.carousel.page<=0&&this.$prev.setAttribute("disabled",""),this.carousel.page>=t-1&&this.$next.setAttribute("disabled","")))}},{key:"cleanup",value:function(){this.$prev&&this.$prev.remove(),this.$prev=null,this.$next&&this.$next.remove(),this.$next=null,this.$container&&this.$container.remove(),this.$container=null}},{key:"attach",value:function(){this.carousel.on("refresh change",this.onRefresh)}},{key:"detach",value:function(){this.carousel.off("refresh change",this.onRefresh),this.cleanup()}}]),t}();S.defaults={prevTpl:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" tabindex="-1"><path d="M15 3l-9 9 9 9"/></svg>',nextTpl:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" tabindex="-1"><path d="M9 3l9 9-9 9"/></svg>',classNames:{main:"carousel__nav",button:"carousel__button",next:"is-next",prev:"is-prev"}};var E=function(){function t(e){i(this,t),this.carousel=e,this.$list=null,this.events={change:this.onChange.bind(this),refresh:this.onRefresh.bind(this)}}return o(t,[{key:"buildList",value:function(){var t=this;if(!(this.carousel.pages.length<2)){var e=document.createElement("ol");return e.classList.add("carousel__dots"),e.addEventListener("click",(function(e){if("page"in e.target.dataset){e.preventDefault(),e.stopPropagation();var i=parseInt(e.target.dataset.page,10),n=t.carousel;i!==n.page&&(n.pages.length<3&&n.option("infinite")?n[0==i?"slidePrev":"slideNext"]():n.slideTo(i))}})),this.$list=e,this.carousel.$element.appendChild(e),this.carousel.$element.classList.add("has-dots"),e}}},{key:"removeList",value:function(){this.$list&&(this.$list.parentNode.removeChild(this.$list),this.$list=null)}},{key:"rebuildDots",value:function(){var t=this,e=this.$list,i=!!e,n=this.carousel.pages.length;if(n<2)i&&this.removeList();else{i||(e=this.buildList());var o=this.$list.children.length;if(o>n)for(var s=n;s<o;s++)this.$list.removeChild(this.$list.lastChild);else{for(var a=function(e){var i=document.createElement("li");i.classList.add("carousel__dot"),i.dataset.page=e,i.setAttribute("role","button"),i.setAttribute("tabindex","0"),i.setAttribute("title",t.carousel.localize("{{GOTO}}",[["%d",e+1]])),i.addEventListener("keydown",(function(t){var e,n=t.code;"Enter"===n||"NumpadEnter"===n?e=i:"ArrowRight"===n?e=i.nextSibling:"ArrowLeft"===n&&(e=i.previousSibling),e&&e.click()})),t.$list.appendChild(i)},r=o;r<n;r++)a(r);this.setActiveDot()}}}},{key:"setActiveDot",value:function(){if(this.$list){this.$list.childNodes.forEach((function(t){t.classList.remove("is-selected")}));var t=this.$list.childNodes[this.carousel.page];t&&t.classList.add("is-selected")}}},{key:"onChange",value:function(){this.setActiveDot()}},{key:"onRefresh",value:function(){this.rebuildDots()}},{key:"attach",value:function(){this.carousel.on(this.events)}},{key:"detach",value:function(){this.removeList(),this.carousel.off(this.events),this.carousel=null}}]),t}(),L=function(){function t(e){i(this,t),this.nav=e,this.selectedIndex=null,this.onNavReady=this.onNavReady.bind(this),this.onNavClick=this.onNavClick.bind(this),this.onNavCreateSlide=this.onNavCreateSlide.bind(this),this.onTargetChange=this.onTargetChange.bind(this)}return o(t,[{key:"onNavReady",value:function(){this.onTargetChange(!0),this.nav.on("createSlide",this.onNavCreateSlide),this.nav.on("Panzoom.updateMetrics",this.onTargetChange),this.nav.Panzoom.on("click",this.onNavClick),this.sync.on("change",this.onTargetChange)}},{key:"onNavCreateSlide",value:function(t,e){e.index===this.selectedIndex&&this.markSelectedSlide(e.index)}},{key:"onNavClick",value:function(t,e){var i=e.target.closest(".carousel__slide");if(i){e.preventDefault();var n=parseInt(i.dataset.index,10),o=this.sync.getPageforSlide(n);this.sync.page!==o&&this.sync.slideTo(o,{friction:this.nav.option("Sync.friction")}),this.markSelectedSlide(n)}}},{key:"markSelectedSlide",value:function(t){this.selectedIndex=t,u(this.nav.slides).filter((function(t){return t.$el&&t.$el.classList.remove("is-nav-selected")}));var e=this.nav.slides[t];e&&e.$el&&e.$el.classList.add("is-nav-selected")}},{key:"onTargetChange",value:function(t){var e=this.sync.pages[this.sync.page].indexes[0],i=this.nav.getPageforSlide(e);null!==i&&(this.nav.slideTo(i,!0===t?{friction:0}:{}),this.markSelectedSlide(e))}},{key:"attach",value:function(){var t=this.nav.options.Sync;t&&(g(t)&&"object"===e(t.with)&&(this.sync=t.with),this.sync&&this.nav.on("ready",this.onNavReady))}},{key:"detach",value:function(){this.sync&&(this.nav.off("ready",this.onNavReady),this.nav.off("createSlide",this.onNavCreate),this.nav.on("Panzoom.updateMetrics",this.onTargetChange),this.sync.off("change",this.onTargetChange)),this.nav.Panzoom.off("click",this.onNavClick),this.sync=null,this.selectedIndex=null}}]),t}();L.defaults={friction:.92};var T={Navigation:S,Dots:E,Sync:L},M={slides:[],preload:0,slidesPerPage:"auto",initialPage:0,friction:.92,center:!0,infinite:!0,fill:!0,dragFree:!1,classNames:{viewport:"carousel__viewport",track:"carousel__track",slide:"carousel__slide",slideSelected:"is-selected"},l10n:{NEXT:"Next slide",PREV:"Previous slide",GOTO:"Go to slide %d"}},D=function(t){s(n,t);var e=h(n);function n(t){var o,s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return i(this,n),s=m(!0,{},M,s),(o=e.call(this,s)).state="init",o.$element=t,t.Carousel=l(o),o.page=o.pageIndex=null,o.prevPage=o.prevPageIndex=null,o.slideNext=P(o.slideNext.bind(l(o)),250),o.slidePrev=P(o.slidePrev.bind(l(o)),250),o.attachPlugins(n.Plugins),o.trigger("init"),o.initLayout(),o.initSlides(),o.initPanzoom(),o.state="ready",o.trigger("ready"),o}return o(n,[{key:"initLayout",value:function(){if(!(this.$element instanceof HTMLElement))throw new Error("No root element provided");var t,e,i=this.option("classNames");(this.$viewport=this.option("viewport")||this.$element.querySelector("."+i.viewport),this.$viewport)||(this.$viewport=document.createElement("div"),this.$viewport.classList.add(i.viewport),(t=this.$viewport).append.apply(t,u(this.$element.childNodes)),this.$element.appendChild(this.$viewport));(this.$track=this.option("track")||this.$element.querySelector("."+i.track),this.$track)||(this.$track=document.createElement("div"),this.$track.classList.add(i.track),(e=this.$track).append.apply(e,u(this.$viewport.childNodes)),this.$viewport.appendChild(this.$track))}},{key:"initSlides",value:function(){var t=this;this.slides=[],this.$viewport.querySelectorAll("."+this.option("classNames.slide")).forEach((function(e){var i={$el:e,isDom:!0};t.slides.push(i),t.trigger("createSlide",i,t.slides.length)})),Array.isArray(this.options.slides)&&(this.slides=m(!0,u(this.slides),this.options.slides))}},{key:"updatePage",value:function(){var t=this.page;null===t&&(t=this.page=this.option("initialPage")),this.updateMetrics();var e=this.pages;e[t]||(t=e.length?e[e.length-1].index:0),this.slideTo(t,{friction:0})}},{key:"updateBounds",value:function(){var t=this.Panzoom,e=this.option("infinite"),i=this.option("infiniteX",e),n=this.option("infiniteY",e);i&&(t.boundX=null),n&&(t.boundY=null),i||n||(t.boundX={from:-1*this.pages[this.pages.length-1].left,to:-1*this.pages[0].left})}},{key:"initPanzoom",value:function(){var t=this,e=m(!0,{},{content:this.$track,click:!1,doubleClick:!1,wheel:!1,pinchToZoom:!1,lockAxis:"x",textSelection:function(){return t.option("textSelection",!1)},panOnlyZoomed:function(){return t.option("panOnlyZoomed",t.elemDimWidth<t.wrapDimWidth)},on:{"*":function(e){for(var i=arguments.length,n=new Array(i>1?i-1:0),o=1;o<i;o++)n[o-1]=arguments[o];return t.trigger.apply(t,["Panzoom.".concat(e)].concat(n))},init:function(e){return t.Panzoom=e},updateMetrics:function(){t.updatePage()},updateBounds:function(){t.updateBounds()},beforeTransform:this.onBeforeTransform.bind(this),afterAnimate:this.onAfterAnimate.bind(this),touchEnd:this.onTouchEnd.bind(this)}},this.option("Panzoom"));new C(this.$viewport,e)}},{key:"onBeforeTransform",value:function(){this.option("infiniteX",this.option("infinite"))&&this.manageInfiniteTrack(),this.manageSlideVisiblity()}},{key:"onAfterAnimate",value:function(t,e){e||this.trigger("settle")}},{key:"onTouchEnd",value:function(t){var e=this.option("dragFree");if(!e&&this.pages.length>1&&t.drag.elapsedTime<350&&Math.abs(t.drag.distanceY)<1&&Math.abs(t.drag.distanceX)>5)this[t.drag.distanceX<0?"slideNext":"slidePrev"]();else if(e){var i=d(this.getPageFromPosition(-1*this.Panzoom.pan.x),2)[1];this.setPage(i)}else this.slideToClosest()}},{key:"manageInfiniteTrack",value:function(){if(!(!this.option("infiniteX",this.option("infinite"))||this.pages.length<2||this.elemDimWidth<this.wrapDimWidth)){var t=this.Panzoom,e=!1;return t.current.x<-1*(t.contentDim.width-t.viewportDim.width)&&(t.current.x+=t.contentDim.width,t.drag.firstPosition&&(t.drag.firstPosition.x+=t.contentDim.width),this.pageIndex=this.pageIndex-this.pages.length,e=!0),t.current.x>t.viewportDim.width&&(t.current.x-=t.contentDim.width,t.drag.firstPosition&&(t.drag.firstPosition.x-=t.contentDim.width),this.pageIndex=this.pageIndex+this.pages.length,e=!0),e&&"dragging"===t.state&&t.resetDragState(),e}}},{key:"manageSlideVisiblity",value:function(){var t=this,e=this.elemDimWidth,i=this.wrapDimWidth,n=-1*this.Panzoom.current.x;Math.abs(n)<.1&&(n=0);var o=this.option("preload"),s=this.option("infiniteX",this.option("infinite")),a=parseFloat(window.getComputedStyle(this.$viewport,null).getPropertyValue("padding-left")),r=parseFloat(window.getComputedStyle(this.$viewport,null).getPropertyValue("padding-right"));this.slides.forEach((function(l){var c,h,d=0;c=n-a,h=n+i+r,c-=o*(i+a+r),h+=o*(i+a+r);var u=l.left+l.width>c&&l.left<h;c=n+e-a,h=n+e+i+r,c-=o*(i+a+r);var f=s&&l.left+l.width>c&&l.left<h;c=n-e-a,h=n-e+i+r,c-=o*(i+a+r);var v=s&&l.left+l.width>c&&l.left<h;f||u||v?(t.createSlideEl(l),u&&(d=0),f&&(d=-1),v&&(d=1),l.left+l.width>n&&l.left<=n+i+r&&(d=0)):t.removeSlideEl(l),l.hasDiff=d}));var l=0,c=0;this.slides.forEach((function(t,i){var n=0;t.$el?(i!==l||t.hasDiff?n=c+t.hasDiff*e:c=0,t.$el.style.left=Math.abs(n)>.1?"".concat(c+t.hasDiff*e,"px"):"",l++):c+=t.width})),this.Panzoom.viewportDim.height=this.Panzoom.$content.clientHeight,this.markSelectedSlides()}},{key:"markSelectedSlides",value:function(){var t=this,e=this.option("classNames.slideSelected"),i="aria-hidden";this.slides.forEach((function(n,o){var s=n.$el;if(s){var a=t.pages[t.page];a&&a.indexes&&a.indexes.indexOf(o)>-1?(e&&!s.classList.contains(e)&&(s.classList.add(e),t.trigger("selectSlide",n)),s.removeAttribute(i)):(e&&s.classList.contains(e)&&(s.classList.remove(e),t.trigger("unselectSlide",n)),s.setAttribute(i,!0))}}))}},{key:"createSlideEl",value:function(t){if(t){if(!t.$el){var e,i=document.createElement("div");if(i.dataset.index=t.index,i.classList.add(this.option("classNames.slide")),t.customClass)(e=i.classList).add.apply(e,u(t.customClass.split(" ")));t.html&&(i.innerHTML=t.html);var n=[];this.slides.forEach((function(t,e){t.$el&&n.push(e)}));var o=t.index,s=null;if(n.length){var a=n.reduce((function(t,e){return Math.abs(e-o)<Math.abs(t-o)?e:t}));s=this.slides[a]}return this.$track.insertBefore(i,s&&s.$el?s.index<t.index?s.$el.nextSibling:s.$el:null),t.$el=i,this.trigger("createSlide",t,o),t}var r;parseInt(t.$el.dataset.index,10)!==t.index&&(t.$el.dataset.index=t.index,t.$el.querySelectorAll("[data-lazy-src]").forEach((function(t){var e=t.dataset.lazySrc;t instanceof HTMLImageElement?t.src=e:t.style.backgroundImage="url('".concat(e,"')")})),(r=t.$el.dataset.lazySrc)&&(t.$el.style.backgroundImage="url('".concat(r,"')")),t.state="ready")}}},{key:"getSlideMetrics",value:function(t){if(!t){var e,i=this.slides[0];if((t=document.createElement("div")).dataset.isTestEl=1,t.style.visibility="hidden",t.classList.add(this.option("classNames.slide")),i.customClass)(e=t.classList).add.apply(e,u(i.customClass.split(" ")));this.$track.prepend(t)}var n=y(t.getBoundingClientRect().width),o=t.currentStyle||window.getComputedStyle(t);return n=n+(parseFloat(o.marginLeft)||0)+(parseFloat(o.marginRight)||0),window.visualViewport&&(n*=window.visualViewport.scale),t.dataset.isTestEl&&t.remove(),n}},{key:"updateMetrics",value:function(){var t,e=this,i=0,n=[];this.slides.forEach((function(o,s){var a=o.$el,r=o.isDom||!t?e.getSlideMetrics(a):t;o.index=s,o.width=r,o.left=i,t=r,i+=r,n.push(s)})),this.elemDimWidth=y(i),this.Panzoom.contentDim.width=this.elemDimWidth,this.wrapDimWidth=y(this.$viewport.getBoundingClientRect().width);var o=window.getComputedStyle(this.$viewport),s=parseFloat(o.paddingLeft)+parseFloat(o.paddingRight);this.wrapDimWidth=this.wrapDimWidth-s,window.visualViewport&&(this.wrapDimWidth*=window.visualViewport.scale),this.Panzoom.viewportDim.width=this.wrapDimWidth;var a=[],r=this.option("slidesPerPage");if(Number.isInteger(r)&&this.elemDimWidth>this.wrapDimWidth)for(var l=0;l<this.slides.length;l+=r)a.push({indexes:n.slice(l,l+r),slides:this.slides.slice(l,l+r)});else for(var c=0,h=0,d=0;d<this.slides.length;d+=1){var f=this.slides[d];(!a.length||h+f.width>this.wrapDimWidth)&&(a.push({indexes:[],slides:[]}),c=a.length-1,h=0),h+=f.width,a[c].indexes.push(d),a[c].slides.push(f)}var v=this.option("center"),p=this.option("fill");a.forEach((function(t,i){t.index=i,t.width=t.slides.reduce((function(t,e){return t+e.width}),0),t.left=t.slides[0].left,v&&(t.left+=.5*(e.wrapDimWidth-t.width)*-1),p&&!e.option("infiniteX",e.option("infinite"))&&e.elemDimWidth>e.wrapDimWidth&&(t.left=Math.max(t.left,0),t.left=Math.min(t.left,e.elemDimWidth-e.wrapDimWidth))}));var g,m=[];a.forEach((function(t){g&&t.left===g.left?(g.width+=t.width,g.slides=[].concat(u(g.slides),u(t.slides)),g.indexes=[].concat(u(g.indexes),u(t.indexes))):(t.index=m.length,g=t,m.push(t))})),this.pages=m,this.manageSlideVisiblity(),this.trigger("refresh")}},{key:"setPage",value:function(t,e){var i=0,n=parseInt(t,10)||0,o=this.page,s=this.pageIndex,a=this.pages.length;if(t=(n%a+a)%a,this.option("infiniteX",this.option("infinite"))&&this.elemDimWidth>this.wrapDimWidth){var r=Math.floor(n/a)||0,l=this.elemDimWidth;if(i=this.pages[t].left+r*l,!0===e&&a>2){var c=-1*this.Panzoom.current.x,h=i-l,d=i+l,u=Math.abs(c-i),f=Math.abs(c-h),v=Math.abs(c-d);v<u&&v<=f?(i=d,n+=a):f<u&&f<v&&(i=h,n-=a)}}else t=n=Math.max(0,Math.min(n,a-1)),i=this.pages[t].left;return this.page=t,this.pageIndex=n,null!==o&&t!==o&&(this.prevPage=o,this.prevPageIndex=s,this.trigger("change",t,o)),i}},{key:"slideTo",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=e.friction,n=void 0===i?this.option("friction"):i;this.Panzoom.panTo({x:-1*this.setPage(t,!0),y:0,friction:n})}},{key:"slideToClosest",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=this.getPageFromPosition(-1*this.Panzoom.pan.x),i=d(e,2),n=i[1];this.slideTo(n,t)}},{key:"slideNext",value:function(){this.slideTo(this.pageIndex+1)}},{key:"slidePrev",value:function(){this.slideTo(this.pageIndex-1)}},{key:"getPageforSlide",value:function(t){var e=this.pages.find((function(e){return e.indexes.indexOf(t)>-1}));return e?e.index:null}},{key:"getPageFromPosition",value:function(t){var e=this.pages.length;this.option("center")&&(t+=.5*this.wrapDimWidth);var i=Math.floor(t/this.elemDimWidth);t-=i*this.elemDimWidth;var n=this.slides.find((function(e){return e.left<t&&e.left+e.width>t}));if(n){var o=this.getPageforSlide(n.index);return[o,o+i*e]}return[0,0]}},{key:"removeSlideEl",value:function(t){t.$el&&!t.isDom&&(this.trigger("deleteSlide",t),t.$el.remove(),t.$el=null)}},{key:"destroy",value:function(){var t=this;this.state="destroy",this.slides.forEach((function(e){t.removeSlideEl(e)})),this.Panzoom.destroy(),this.options={},this.events={}}}]),n}(k);D.version="4.0.0-alpha.4",D.Plugins=T;var A=!("undefined"==typeof window||!window.document||!window.document.createElement),z=function(){function t(e){i(this,t),this.fancybox=e,this.viewport=null,this.pendingUpdate=null;for(var n=0,o=["onReady","onResize","onTouchstart","onTouchmove"];n<o.length;n++){var s=o[n];this[s]=this[s].bind(this)}}return o(t,[{key:"onReady",value:function(){var t=window.visualViewport;t&&(this.viewport=t,this.startY=0,t.addEventListener("resize",this.onResize),this.updateViewport()),window.addEventListener("touchstart",this.onTouchstart,{passive:!1}),window.addEventListener("touchmove",this.onTouchmove,{passive:!1})}},{key:"onResize",value:function(){this.updateViewport()}},{key:"updateViewport",value:function(){var t=this.fancybox,e=this.viewport,i=e.scale,n=t.$container;if(n){var o="",s="",a="";Math.abs(i-1)>.1&&(o="".concat(e.width*i,"px"),s="".concat(e.height*i,"px"),a="translate3d(".concat(e.offsetLeft,"px, ").concat(e.offsetTop,"px, 0) scale(").concat(1/i,")")),n.style.width=o,n.style.height=s,n.style.transform=a}}},{key:"onTouchstart",value:function(t){this.startY=t.touches?t.touches[0].screenY:t.screenY}},{key:"onTouchmove",value:function(t){var e=this.startY,i=window.innerWidth/window.document.documentElement.clientWidth;if(!(t.touches.length>1||1!==i)){var n=t.target,o=w(n);if(o){var s=window.getComputedStyle(o),a=parseInt(s.getPropertyValue("height"),10),r=t.touches?t.touches[0].screenY:t.screenY,l=e<=r&&0===o.scrollTop,c=e>=r&&o.scrollHeight-o.scrollTop===a;(l||c)&&t.preventDefault()}else t.preventDefault()}}},{key:"cleanup",value:function(){this.pendingUpdate&&(cancelAnimationFrame(this.pendingUpdate),this.pendingUpdate=null);var t=this.viewport;t&&(t.removeEventListener("resize",this.onResize),this.viewport=null),window.removeEventListener("touchstart",this.onTouchstart,!1),window.removeEventListener("touchmove",this.onTouchmove,!1)}},{key:"attach",value:function(){this.fancybox.on("initLayout",this.onReady)}},{key:"detach",value:function(){this.fancybox.off("initLayout",this.onReady),this.cleanup()}}]),t}(),I=function(){function t(e){i(this,t),this.fancybox=e,this.$wrap=null,this.state="init";for(var n=0,o=["onReady","onClosing","onKeydown"];n<o.length;n++){var s=o[n];this[s]=this[s].bind(this)}this.events={ready:this.onReady,closing:this.onClosing,keydown:this.onKeydown}}return o(t,[{key:"onReady",value:function(){!0===this.fancybox.option("Thumbs.autoStart")&&this.initLayout()}},{key:"onClosing",value:function(){this.Carousel&&this.Carousel.Panzoom.detachEvents()}},{key:"onKeydown",value:function(t,e){e===t.option("Thumbs.key")&&this.toggle()}},{key:"initLayout",value:function(){var t=this;if("init"===this.state){var e=this.getSlides();if(e.length<this.fancybox.option("Thumbs.minSlideCount"))return!1;var i=document.createElement("div");i.classList.add("fancybox__thumbs"),this.fancybox.$container.appendChild(i),this.Carousel=new D(i,m(!0,{Dots:!1,Navigation:!1,Sync:{friction:0},infinite:!1,center:!0,fill:!0,dragFree:!0,slidesPerPage:1,preload:1},this.fancybox.option("Thumbs.Carousel"),{Sync:{with:this.fancybox.Carousel},slides:e})),this.Carousel.Panzoom.on("wheel",(function(e,i){i.preventDefault(),t.fancybox[i.deltaY<0?"prev":"next"]()})),this.$wrap=i,this.state="ready"}}},{key:"getSlides",value:function(){var t=[];return this.fancybox.items.forEach((function(e){var i=e.thumb;i&&t.push({html:'<div class="fancybox__thumb" style="background-image:url('.concat(i,')"></div>'),customClass:"has-thumb has-".concat(e.type||"image")})})),t}},{key:"toggle",value:function(){return"ready"===this.state?(this.Carousel.Panzoom.detachEvents(),this.$wrap.style.display="none",void(this.state="hidden")):"hidden"===this.state?(this.$wrap.style.display="",this.Carousel.Panzoom.attachEvents(),void(this.state="ready")):void this.initLayout()}},{key:"cleanup",value:function(){this.Carousel&&(this.Carousel.destroy(),this.Carousel=null),this.$wrap&&(this.$wrap.remove(),this.$wrap=null),this.state="init"}},{key:"attach",value:function(){this.fancybox.on(this.events)}},{key:"detach",value:function(){this.fancybox.off(this.events),this.cleanup()}}]),t}();I.defaults={autoStart:!0,minSlideCount:3,key:"t"};var _=function(t){return Object.entries(t).map((function(t){return t.map(encodeURIComponent).join("=")})).join("&")},R=function(){function t(e){i(this,t),this.fancybox=e;for(var n=0,o=["onPrepare","onCreateSlide","onDeleteSlide","onSelectSlide","onUnselectSlide","onRefresh","onMessage"];n<o.length;n++){var s=o[n];this[s]=this[s].bind(this)}this.events={init:this.onPrepare,"Carousel.createSlide":this.onCreateSlide,"Carousel.deleteSlide":this.onDeleteSlide,"Carousel.selectSlide":this.onSelectSlide,"Carousel.unselectSlide":this.onUnselectSlide,"Carousel.refresh":this.onRefresh}}return o(t,[{key:"onPrepare",value:function(){var t=this;this.fancybox.items.forEach((function(e){t.processType(e)}))}},{key:"processType",value:function(t){if(t.html)return t.src=t.html,t.type="html",void delete t.html;var e=t.src||"",i=t.type||this.fancybox.options.type,n=null;if(!e||"string"==typeof e){if(n=e.match(/(?:youtube\.com|youtu\.be|youtube\-nocookie\.com)\/(?:watch\?(?:.*&)?v=|v\/|u\/|embed\/?)?(videoseries\?list=(?:.*)|[\w-]{11}|\?listType=(?:.*)&list=(?:.*))(?:.*)/i)){var o=_(this.fancybox.option("Html.youtube")),s=encodeURIComponent(n[1]);t.videoId=s,t.src="https://www.youtube-nocookie.com/embed/".concat(s,"?").concat(o),t.thumb=t.thumb||"https://i.ytimg.com/vi/".concat(s,"/mqdefault.jpg"),t.vendor="youtube",i="video"}else if(n=e.match(/^.+vimeo.com\/(?:\/)?([\d]+)(.*)?/)){var a=_(this.fancybox.option("Html.vimeo")),r=encodeURIComponent(n[1]);t.videoId=r,t.src="https://player.vimeo.com/video/".concat(r,"?").concat(a),t.vendor="vimeo",i="video"}else(n=e.match(/(?:maps\.)?google\.([a-z]{2,3}(?:\.[a-z]{2})?)\/(?:(?:(?:maps\/(?:place\/(?:.*)\/)?\@(.*),(\d+.?\d+?)z))|(?:\?ll=))(.*)?/i))?(t.src="//maps.google.".concat(n[1],"/?ll=").concat((n[2]?n[2]+"&z="+Math.floor(n[3])+(n[4]?n[4].replace(/^\//,"&"):""):n[4]+"").replace(/\?/,"&"),"&output=").concat(n[4]&&n[4].indexOf("layer=c")>0?"svembed":"embed"),i="map"):(n=e.match(/(?:maps\.)?google\.([a-z]{2,3}(?:\.[a-z]{2})?)\/(?:maps\/search\/)(.*)/i))&&(t.src="//maps.google.".concat(n[1],"/maps?q=").concat(n[2].replace("query=","q=").replace("api=1",""),"&output=embed"),i="map");i||("#"===e.charAt(0)?i="inline":(n=e.match(/\.(mp4|mov|ogv|webm)((\?|#).*)?$/i))?(i="html5video",t.format=t.format||"video/"+("ogv"===n[1]?"ogg":n[1])):e.match(/(^data:image\/[a-z0-9+\/=]*,)|(\.(jp(e|g|eg)|gif|png|bmp|webp|svg|ico)((\?|#).*)?$)/i)?i="image":e.match(/\.(pdf)((\?|#).*)?$/i)&&(i="pdf")),t.type=i||this.fancybox.option("defaultType","image"),"html5video"!==i&&"video"!==i||(t.video=m({},this.fancybox.option("Html.video"),t.video),t.width&&t.height?t.ratio=parseFloat(t.width)/parseFloat(t.height):t.ratio=t.ratio||t.video.ratio)}}},{key:"loadInlineContent",value:function(t){var e;if(t.src instanceof HTMLElement)e=t.src;else if("string"==typeof t.src){var i=t.src.split("#",2),n=2===i.length&&""===i[0]?i[1]:i[0];e=document.getElementById(n)}if(e){if("clone"===t.type||e.$placeHolder){var o=(e=e.cloneNode(!0)).getAttribute("id");o=o?"".concat(o,"--clone"):"clone-".concat(this.fancybox.id,"-").concat(t.index),e.setAttribute("id",o)}else{var s=document.createElement("div");s.classList.add("fancybox-placeholder"),e.parentNode.insertBefore(s,e),e.$placeHolder=s}this.fancybox.setContent(t,e)}else this.fancybox.setError(t,"{{ELEMENT_NOT_FOUND}}")}},{key:"loadAjaxContent",value:function(t){var e=this.fancybox,i=new XMLHttpRequest;e.showLoading(t),i.onreadystatechange=function(){i.readyState===XMLHttpRequest.DONE&&"ready"===e.state&&(e.hideLoading(t),200===i.status?e.setContent(t,i.responseText):e.setError(t,404===i.status?"{{AJAX_NOT_FOUND}}":"{{AJAX_FORBIDDEN}}"))},i.open("GET",t.src),i.send(t.ajax||null),t.xhr=i}},{key:"loadIframeContent",value:function(t){var e=this,i=this.fancybox,n=document.createElement("iframe");if(n.className="fancybox__iframe",n.setAttribute("id","fancybox__iframe_".concat(i.id,"_").concat(t.index)),n.setAttribute("allow","autoplay; fullscreen"),n.setAttribute("scrolling","auto"),t.$iframe=n,"iframe"!==t.type||!1===t.preload)return n.setAttribute("src",t.src),void this.fancybox.setContent(t,n);i.showLoading(t);var o=document.createElement("div");o.style.visibility="hidden",this.fancybox.setContent(t,o),o.appendChild(n),n.onerror=function(){i.setError(t,"{{IFRAME_ERROR}}")},n.onload=function(){i.hideLoading(t);var o=!1;"yes"!==n.dataset.ready&&(n.dataset.ready="yes",o=!0),n.src.length&&(n.parentNode.style.visibility="",!1!==t.autoSize&&e.autoSizeIframe(n),o&&i.revealContent(t))},n.setAttribute("src",t.src)}},{key:"setAspectRatio",value:function(t){var e=t.ratio;if(e&&t.$content){t.$content.style.maxWidth="",t.$content.style.maxHeight="";var i=t.$content.offsetWidth,n=t.$content.offsetHeight,o=t.width,s=t.height;if(o&&s&&(i>o||n>s)){var a=Math.min(o/i,s/n);i*=a,n*=a}e<i/n?i=n*e:n=i/e,t.$content.style.maxWidth="".concat(i,"px"),t.$content.style.maxHeight="".concat(n,"px")}}},{key:"autoSizeIframe",value:function(t){if(t.dataset&&"yes"===t.dataset.ready){var e=t.parentNode.style;e.flex="1 1 auto",e.width="",e.height="";try{var i=t.contentWindow.document,n=i.getElementsByTagName("html")[0],o=i.body,s=window.getComputedStyle(t.parentNode),a=parseFloat(s.paddingLeft)+parseFloat(s.paddingRight),r=parseFloat(s.paddingTop)+parseFloat(s.paddingBottom);o.style.overflow="hidden";var l=n.scrollWidth;e.width="".concat(l+a,"px"),o.style.overflow="",e.flex="",e.flexShrink="0",e.height="".concat(o.scrollHeight,"px");var c=n.scrollHeight;e.height="".concat(c+r,"px")}catch(t){e=""}}}},{key:"onRefresh",value:function(t,e){var i=this;e.slides.forEach((function(t){t.$el&&(t.$iframe&&!1!==t.autoSize&&i.autoSizeIframe(t.$iframe),t.ratio&&i.setAspectRatio(t))}))}},{key:"onCreateSlide",value:function(t,e,i){if(i&&!i.isDom){switch(i.type){case"html":this.fancybox.setContent(i,i.src);break;case"html5video":this.fancybox.setContent(i,this.fancybox.option("Html.html5video.tpl").replace(/\{\{src\}\}/gi,i.src).replace("{{format}}",i.format||i.html5video&&i.html5video.format||"").replace("{{poster}}",i.thumb||""));break;case"inline":case"clone":this.loadInlineContent(i);break;case"ajax":this.loadAjaxContent(i);break;case"iframe":case"pdf":case"video":case"map":this.loadIframeContent(i)}i.ratio&&this.setAspectRatio(i)}}},{key:"onSelectSlide",value:function(t,e,i){if("html5video"===i.type&&i.$el.querySelector("video").play(),"video"===i.type&&i.$iframe&&i.$iframe.contentWindow){!function t(){if("done"===i.state&&i.$iframe.contentWindow){var e;if(i.$iframe.isReady)return i.video&&i.video.autoplay&&(e="youtube"==i.vendor?{event:"command",func:"playVideo"}:{method:"play",value:"true"}),void(e&&i.$iframe.contentWindow.postMessage(JSON.stringify(e),"*"));"youtube"===i.vendor&&(e={event:"listening",id:i.$iframe.getAttribute("id")},i.$iframe.contentWindow.postMessage(JSON.stringify(e),"*")),i.poller=setTimeout(t,250)}}()}}},{key:"onUnselectSlide",value:function(t,e,i){if("html5video"!==i.type){var n=!1;"vimeo"==i.vendor?n={method:"pause",value:"true"}:"youtube"===i.vendor&&(n={event:"command",func:"pauseVideo"}),n&&i.$iframe&&i.$iframe.contentWindow&&i.$iframe.contentWindow.postMessage(JSON.stringify(n),"*"),clearTimeout(i.poller)}else try{i.$el.querySelector("video").pause()}catch(t){}}},{key:"onDeleteSlide",value:function(t,e,i){i.xhr&&(i.xhr.abort(),i.xhr=null),i.$iframe&&(i.$iframe.onload=i.$iframe.onerror=null,i.$iframe.src="//about:blank",i.$iframe=null);var n=i.$content;"inline"===i.type&&n&&(n.classList.remove("fancybox__content"),"none"!==n.style.display&&(n.style.display="none"),i.$closeButton&&(i.$closeButton.remove(),i.$closeButton=null));var o=n&&n.$placeHolder;o&&(o.parentNode.insertBefore(n,o),o.remove(),n.$placeHolder=null)}},{key:"onMessage",value:function(t){try{var e=JSON.parse(t.data);if("https://player.vimeo.com"===t.origin){if("ready"===e.event){var i,n=p(document.getElementsByClassName("fancybox__iframe"));try{for(n.s();!(i=n.n()).done;){var o=i.value;o.contentWindow===t.source&&(o.isReady=1)}}catch(t){n.e(t)}finally{n.f()}}}else"https://www.youtube-nocookie.com"===t.origin&&"onReady"===e.event&&(document.getElementById(e.id).isReady=1)}catch(t){}}},{key:"attach",value:function(){this.fancybox.on(this.events),window.addEventListener("message",this.onMessage,!1)}},{key:"detach",value:function(){this.fancybox.off(this.events),window.removeEventListener("message",this.onMessage,!1)}}]),t}();R.defaults={video:{autoplay:!0,ratio:16/9},youtube:{autohide:1,fs:1,rel:0,hd:1,wmode:"transparent",enablejsapi:1,html5:1},vimeo:{hd:1,show_title:1,show_byline:1,show_portrait:0,fullscreen:1},html5video:{tpl:'<video class="fancybox__html5video" playsinline controls controlsList="nodownload" poster="{{poster}}">\n <source src="{{src}}" type="{{format}}" />\n Sorry, your browser doesn\'t support embedded videos, <a href="{{src}}">download</a> and watch with your favorite video player!\n</video>',format:""}};var O=function(t){var e=t.naturalWidth,i=t.naturalHeight,n=t.width,o=t.height,s=e/i,a={width:n,height:o};return s>n/o?a.height=n/s:a.width=o*s,a.left=.5*(n-a.width),a.right=e+a.left,a},N=function(){function t(e){i(this,t),this.fancybox=e;for(var n=0,o=["onReady","onClosing","onPageChange","onCreateSlide","onRemoveSlide","onRefresh","onImageStatusChange"];n<o.length;n++){var s=o[n];this[s]=this[s].bind(this)}this.events={ready:this.onReady,closing:this.onClosing,"Carousel.change":this.onPageChange,"Carousel.createSlide":this.onCreateSlide,"Carousel.deleteSlide":this.onRemoveSlide,"Carousel.Panzoom.updateMetrics":this.onRefresh}}return o(t,[{key:"onReady",value:function(){var t=this.fancybox.getSlide();"ready"===t.state&&this.revealContent(t)}},{key:"onCreateSlide",value:function(t,e,i){var n=this;if(!(i.isDom||i.html||i.type&&"image"!==i.type)){i.type="image",i.state="loading";var o=document.createElement("div");o.style.visibility="hidden";var s=document.createElement("img");s.onload=function(){return n.onImageStatusChange(i)},s.onerror=function(){return n.onImageStatusChange(i)},s.src=i.src,s.alt="",s.draggable=!1,s.classList.add("fancybox__image"),i.srcset&&s.setAttribute("srcset",i.srcset),i.sizes&&s.setAttribute("sizes",i.sizes),i.$image=s,o.appendChild(s),i.$el.dataset.imageFit=this.fancybox.option("Image.fit"),i.$el.style.display="none",i.$el.offsetHeight,i.$el.style.display="",this.fancybox.setContent(i,o),s.complete||s.error?(s.onload=s.onerror=null,this.onImageStatusChange(i)):s.complete||this.fancybox.showLoading(i)}}},{key:"initSlidePanzoom",value:function(t){var e=this;t.Panzoom||(t.Panzoom=new C(t.$el,m(!0,this.fancybox.option("Image.Panzoom"),{content:t.$image,panOnlyZoomed:!0,click:null,doubleClick:null,wheel:null,on:{afterAnimate:function(i){"zoomIn"===t.state&&(i.attachEvents(),e.fancybox.done(t)),e.handleCursor(t)},updateMetrics:function(){e.handleCursor(t)},touchMove:function(){if(e.fancybox.Carousel.Panzoom.lockAxis)return!1}}})),this.fancybox.option("Image.wheel")&&t.Panzoom.on("wheel",(function(t,i){return e.onWheel(t,i)})),this.fancybox.option("Image.click")&&t.Panzoom.on("click",(function(t,i){return e.onClick(t,i)})),"toggleZoom"===this.fancybox.option("Image.doubleClick")&&t.Panzoom.on("doubleClick",(function(t,e){if(e.target.closest(".fancybox__content")){e.preventDefault(),e.stopPropagation();var i=e.clientX-t.$content.getClientRects()[0].left,n=e.clientY-t.$content.getClientRects()[0].top;t.toggleZoom({x:i,y:n})}})))}},{key:"onImageStatusChange",value:function(t){this.fancybox.hideLoading(t);var e=t.$image;e.complete&&e.width&&e.height?(t.state="ready",this.updateDimensions(t),this.initSlidePanzoom(t),this.revealContent(t)):this.fancybox.setError(t,"{{IMAGE_ERROR}}")}},{key:"updateDimensions",value:function(t){if("cover"!==t.$el.dataset.imageFit){var e=t.$image,i=t.$content;i.style.maxWidth="";var n=e.offsetWidth-e.clientWidth;i.style.maxWidth="".concat(O(e).width+n,"px")}this.handleCursor(t)}},{key:"revealContent",value:function(t){this.updateDimensions(t),null===this.fancybox.Carousel.prevPage&&t.index===this.fancybox.options.startIndex&&this.canZoom(t)?this.zoomIn():this.fancybox.revealContent(t)}},{key:"canZoom",value:function(t){var e=this.fancybox,i=e.$container,n=!1;if(!e.option("Image.zoom"))return n;var o=t.$thumb;if(!o||"loading"===t.state)return n;i.style.pointerEvents="none";var s=o.getBoundingClientRect();if(this.fancybox.option("Image.ignoreCoveredThumbnail")){var a=document.elementFromPoint(s.left+1,s.top+1)===o,r=document.elementFromPoint(s.right-1,s.bottom-1)===o;n=a&&r}else n=document.elementFromPoint(s.left+.5*s.width,s.top+.5*s.height)===o;return i.style.pointerEvents="",n}},{key:"getZoomInfo",value:function(t){var e=t.$thumb.getBoundingClientRect(),i=e.width,n=e.height,o=t.$content.getBoundingClientRect(),s=O(t.$image),a=s.width,r=s.height,l=o.top+.5*r-(e.top+.5*n),c=o.left+.5*a-(e.left+.5*i),h=this.fancybox.option("Image.zoomOpacity");return"auto"===h&&(h=Math.abs(i/n-a/r)>.1),{top:l,left:c,scale:e.width/a,opacity:h}}},{key:"zoomIn",value:function(){var t=this.fancybox;if("init"!==t.Carousel.state){var e=t.getSlide(),i=e.Panzoom,n=this.getZoomInfo(e),o=n.top,s=n.left,a=n.scale,r=n.opacity;e.state="zoomIn",i.detachEvents(),t.trigger("reveal",e),i.panTo({x:-1*s,y:-1*o,scale:a,friction:0,ignoreBounds:!0}),e.$content.style.visibility="",!0===r&&i.on("afterTransform",(function(t){"zoomIn"!==e.state&&"zoomOut"!==e.state||(t.$content.style.opacity=Math.min(1,t.current.scale))})),i.panTo({x:0,y:0,scale:1,friction:this.fancybox.option("Image.zoomFriction")})}}},{key:"zoomOut",value:function(){var t=this,e=this.fancybox,i=e.getSlide(),n=i.Panzoom;if(n){i.state="zoomOut",e.state="customClosing",i.$caption&&(i.$caption.style.visibility="hidden");var o=.75*this.fancybox.option("Image.zoomFriction"),s=function(){var e=t.getZoomInfo(i),s=e.top,a=e.left,r=e.scale;n.panTo({x:-1*a,y:-1*s,scale:r,ignoreBounds:!0,friction:o}),o*=.98};window.addEventListener("scroll",s),n.on("afterAnimate",(function(){window.removeEventListener("scroll",s),e.destroy()})),s()}}},{key:"handleCursor",value:function(t){var e=t.Panzoom,i=this.fancybox.option("Image.click"),n=t.$el.classList;e&&"toggleZoom"===i?n[e&&1===e.current.scale&&e.option("maxScale")-e.current.scale>.01?"add":"remove"](this.fancybox.option("Image.canZoomInClass")):"close"===i&&n.add(this.fancybox.option("Image.canZoomOutClass"))}},{key:"onWheel",value:function(t,e){switch(this.fancybox.option("Image.wheel")){case"zoom":t.zoomWithWheel(e);break;case"close":this.fancybox.close();break;case"slide":this.fancybox[e.deltaY<0?"prev":"next"]()}e.preventDefault()}},{key:"onClick",value:function(t,e){if(!(this.fancybox.Carousel.Panzoom.drag.distance>=6||this.fancybox.Carousel.Panzoom.lockAxis||"IMG"!=e.target.tagName&&!e.target.classList.contains("fancybox__content")))switch(e.preventDefault(),e.stopPropagation(),this.fancybox.option("Image.click")){case"toggleZoom":var i=e.clientX-t.$content.getClientRects()[0].left,n=e.clientY-t.$content.getClientRects()[0].top;t.toggleZoom({x:i,y:n});break;case"close":this.fancybox.close();break;case"next":this.fancybox.next();break;case"prev":this.fancybox.prev()}}},{key:"onRefresh",value:function(t,e){var i=this;e.slides.forEach((function(t){t.Panzoom&&i.updateDimensions(t)}))}},{key:"onRemoveSlide",value:function(t,e,i){i.$image&&(i.$el.classList.remove(t.option("Image.canZoomInClass")),i.$image.onload=i.$image.onerror=null,i.$image.remove(),i.$image=null),i.Panzoom&&(i.Panzoom.destroy(),i.Panzoom=null),delete i.$el.dataset.imageFit}},{key:"onClosing",value:function(t){t.Carousel.slides.forEach((function(t){t.$image&&(t.$image.onload=t.$image.onerror=null),t.Panzoom&&t.Panzoom.detachEvents()})),"closing"===this.fancybox.state&&this.canZoom(t.getSlide())&&this.zoomOut()}},{key:"onPageChange",value:function(t,e){var i=this,n=t.getSlide();e.slides.forEach((function(t){t.Panzoom&&"done"===t.state&&(t.index!==n.index?t.Panzoom.panTo({x:0,y:0,scale:1,friction:.8}):0===e.Panzoom.velocity.x&&i.revealContent(t))}))}},{key:"attach",value:function(){this.fancybox.on(this.events)}},{key:"detach",value:function(){this.fancybox.off(this.events)}}]),t}();N.defaults={Panzoom:{maxScale:1},canZoomInClass:"can-zoom_in",canZoomOutClass:"can-zoom_out",zoom:!0,zoomOpacity:"auto",zoomFriction:.8,ignoreCoveredThumbnail:!1,click:"toggleZoom",doubleClick:null,wheel:"zoom",fit:"contain"};var F=function(){var t=window.location.hash.substr(1),e=t.split("-"),i=e.length>1&&/^\+?\d+$/.test(e[e.length-1])&&parseInt(e.pop(-1),10)||null;return{hash:t,slug:e.join("-"),index:i}},B={ScrollLock:z,Thumbs:I,Html:R,Image:N,Hash:function(){function t(e){i(this,t),this.fancybox=e,this.events={closing:this.onClosing.bind(this),"Carousel.ready Carousel.change":this.onChange.bind(this)},this.hasCreatedHistory=!1,this.origHash="",this.timer=null}return o(t,[{key:"onChange",value:function(t,e){var i=this;this.timer&&clearTimeout(this.timer);var n=null===e.prevPage,o=t.getSlide(),s=o.$trigger&&o.$trigger.dataset,a=window.location.hash.substr(1),r=!1;if(o.slug)r=o.slug;else{var l=s&&s.fancybox;l&&l.length&&"true"!==l&&(r=l+(e.slides.length>1?"-"+(o.index+1):""))}n&&(this.origHash=a!==r?this.origHash:""),r&&a!==r&&(this.timer=setTimeout((function(){try{window.history[n?"pushState":"replaceState"]({},document.title,window.location.pathname+window.location.search+"#"+r),n&&(i.hasCreatedHistory=!0)}catch(t){}}),300))}},{key:"onClosing",value:function(){if(this.timer&&clearTimeout(this.timer),!0!==this.hasSilentClose){if(!this.hasCreatedHistory)try{return void window.history.replaceState({},document.title,window.location.pathname+window.location.search+(this.origHash?"#"+this.origHash:""))}catch(t){}window.history.back()}}},{key:"attach",value:function(t){t.on(this.events)}},{key:"detach",value:function(t){t.off(this.events)}}],[{key:"startFromUrl",value:function(){if(!t.Fancybox.getInstance()){var e=F(),i=e.hash,n=e.slug,o=e.index;if(n){var s=document.querySelector('[data-slug="'.concat(i,'"]'));if(s&&s.dispatchEvent(new CustomEvent("click",{bubbles:!0,cancelable:!0})),!t.Fancybox.getInstance()){var a=document.querySelectorAll('[data-fancybox="'.concat(n,'"]'));a.length&&(null===o&&1===a.length?s=a[0]:o&&(s=a[o-1]),s&&s.dispatchEvent(new CustomEvent("click",{bubbles:!0,cancelable:!0})))}}}}},{key:"onHashChange",value:function(){var e=F(),i=e.slug,n=e.index,o=t.Fancybox.getInstance();if(o){if(i){var s,a=o.Carousel,r=p(a.slides);try{for(r.s();!(s=r.n()).done;){var l=s.value;if(l.slug&&l.slug===i)return a.slideTo(l.index)}}catch(t){r.e(t)}finally{r.f()}var c=o.getSlide(),h=c.$trigger&&c.$trigger.dataset;if(h&&h.fancybox===i)return a.slideTo(n-1)}o.plugins.Hash.hasSilentClose=!0,o.close()}t.startFromUrl()}},{key:"onReady",value:function(){window.addEventListener("hashchange",t.onHashChange,!1),t.startFromUrl()}},{key:"create",value:function(){A&&window.requestAnimationFrame((function(){t.onReady()}))}},{key:"destroy",value:function(){window.removeEventListener("hashchange",t.onHashChange,!1)}}]),t}()},W=0,H=null,U=function(t){s(n,t);var e=h(n);function n(t){var o,s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};i(this,n);var a,r=function(t,e){var i=m(!0,{},t[e.startIndex]||{});return t.forEach((function(t){var e=t.$trigger;if(e){var i=e.dataset||{};t.src=i.src||e.getAttribute("href")||t.src,t.type=i.type||t.type}})),m(!0,{},n.defaults,e,i)};return a=!1,document.createElement("div").focus({get preventScroll(){return a=!0,!1}}),H=a,(o=e.call(this,r(t,s))).state="init",o.items=t,o.bindHandlers(),o.attachPlugins(n.Plugins),o.trigger("init"),!0===o.option("hideScrollbar")&&o.hideScrollbar(),o.initLayout(),o.initCarousel(o.getSlides()),o.attachEvents(),o.state="ready",o.trigger("ready"),o.$container.setAttribute("aria-hidden","false"),o}return o(n,[{key:"bindHandlers",value:function(){for(var t=0,e=["onMousedown","onKeydown","onClick","onCreateSlide","onSettle","onTouchMove","onTouchEnd","onTransform"];t<e.length;t++){var i=e[t];this[i]=this[i].bind(this)}}},{key:"attachEvents",value:function(){document.addEventListener("mousedown",this.onMousedown),document.addEventListener("keydown",this.onKeydown),this.$container.addEventListener("click",this.onClick)}},{key:"detachEvents",value:function(){document.removeEventListener("mousedown",this.onMousedown),document.removeEventListener("keydown",this.onKeydown),this.$container.removeEventListener("click",this.onClick)}},{key:"initLayout",value:function(){var t=this;this.$root=this.option("parentEl")||document.body;var e=this.option("template.main");e&&(this.$root.insertAdjacentHTML("beforeend",this.localize(e)),this.$container=this.$root.querySelector(".fancybox__container")),this.$container||(this.$container=document.createElement("div"),this.$root.appendChild(this.$container)),this.$container.onscroll=function(){return t.$container.scrollLeft=0,!1},Object.entries({class:"fancybox__container",role:"dialog","aria-modal":"true","aria-hidden":"true","aria-label":this.localize("{{MODAL}}")}).forEach((function(e){var i;return(i=t.$container).setAttribute.apply(i,u(e))})),this.option("animated")&&this.$container.classList.add("is-animated"),this.$backdrop=this.$container.querySelector(".fancybox__backdrop"),this.$backdrop||(this.$backdrop=document.createElement("div"),this.$backdrop.classList.add("fancybox__backdrop"),this.$container.appendChild(this.$backdrop)),this.$carousel=this.$container.querySelector(".fancybox__carousel"),this.$carousel||(this.$carousel=document.createElement("div"),this.$carousel.classList.add("fancybox__carousel"),this.$container.appendChild(this.$carousel)),this.$container.Fancybox=this,this.id=this.$container.getAttribute("id"),this.id||(this.id=this.options.id||++W,this.$container.setAttribute("id","fancybox-"+this.id));var i,n=this.options.mainClass;n&&(i=this.$container.classList).add.apply(i,u(n.split(" ")));return document.documentElement.classList.add("with-fancybox"),this.trigger("initLayout"),this}},{key:"getSlides",value:function(){var t=u(this.items);return t.forEach((function(t){!t.src&&t.$trigger&&t.$trigger instanceof HTMLImageElement&&(t.src=t.$trigger.currentSrc||t.$trigger.src);var e=t.$thumb,i=t.$trigger&&t.$trigger.origTarget;i&&(e=i instanceof HTMLImageElement?i:i.querySelector("img")),!e&&t.$trigger&&(e=t.$trigger instanceof HTMLImageElement?t.$trigger:t.$trigger.querySelector("img")),t.$thumb=e||null;var n=t.thumb;!n&&t.$thumb&&(n=e.currentSrc||e.src),n||t.type&&"image"!==t.type||(n=t.src),t.thumb=n||null})),t}},{key:"initCarousel",value:function(t){var e=this;return new D(this.$carousel,m(!0,{},{classNames:{viewport:"fancybox__viewport",track:"fancybox__track",slide:"fancybox__slide"},textSelection:!0,preload:this.option("preload"),friction:.88,slides:t,initialPage:this.options.startIndex,slidesPerPage:1,infiniteX:this.option("infinite"),infiniteY:!0,l10n:this.option("l10n"),Dots:!1,Navigation:{classNames:{main:"fancybox__nav",button:"carousel__button",next:"is-next",prev:"is-prev"}},Panzoom:{panOnlyZoomed:function(){return e.Carousel.pages.length<2&&!e.options.dragToClose},lockAxis:function(){var t=e.Carousel.pages.length>1?"x":"";return e.options.dragToClose&&(t+="y"),t}},on:{"*":function(t){for(var i=arguments.length,n=new Array(i>1?i-1:0),o=1;o<i;o++)n[o-1]=arguments[o];return e.trigger.apply(e,["Carousel.".concat(t)].concat(n))},init:function(t){return e.Carousel=t},createSlide:this.onCreateSlide,settle:this.onSettle}},this.option("Carousel"))),this.options.dragToClose&&this.Carousel.Panzoom.on({touchMove:this.onTouchMove,afterTransform:this.onTransform,touchEnd:this.onTouchEnd}),this.trigger("initCarousel"),this}},{key:"onCreateSlide",value:function(t,e){var i=e.caption;if(i){var n=document.createElement("div"),o="fancybox__caption_".concat(this.id,"_").concat(e.index);n.className="fancybox__caption",n.innerHTML=i,n.setAttribute("id",o),e.$caption=e.$el.appendChild(n),e.$el.classList.add("has-caption"),e.$el.setAttribute("aria-labelledby",o)}}},{key:"onSettle",value:function(){this.focus()}},{key:"onClick",value:function(t){if(!t.defaultPrevented&&!t.target.closest(".fancybox__content")&&!window.getSelection().toString().length){var e=this.option("click");if("function"==typeof e)return e.call(this);switch(e){case"close":this.close();break;case"next":this.next()}}}},{key:"onTouchMove",value:function(){var t=this.getSlide().Panzoom;return!t||1===t.current.scale}},{key:"onTouchEnd",value:function(t){var e=t.drag.distanceY;(Math.abs(e)>=150||Math.abs(e)>=35&&t.drag.elapsedTime<350)&&(this.option("hideClass")&&(this.getSlide().hideClass="fancybox-throwOut".concat(t.current.y<0?"Up":"Down")),this.close())}},{key:"onTransform",value:function(t){if(this.$backdrop){var e=Math.abs(t.current.y),i=e<1?"":Math.max(0,Math.min(1,1-e/t.$content.clientHeight*1.5));this.$container.style.setProperty("--fancybox-ts",i?"0s":""),this.$container.style.setProperty("--fancybox-opacity",i)}}},{key:"onMousedown",value:function(){document.body.classList.add("is-using-mouse")}},{key:"onKeydown",value:function(t){if(n.getInstance().id===this.id){document.body.classList.remove("is-using-mouse");var e=t.key;if("Tab"===e&&this.option("trapFocus"))this.focus(t);else{var i=this.option("keyboard");if(i&&!t.ctrlKey&&!t.altKey&&!t.shiftKey){var o=document.activeElement&&document.activeElement.classList,s=o&&o.contains("carousel__button");if("Escape"!==e&&!s)if(t.target.isContentEditable||-1!==["BUTTON","TEXTAREA","OPTION","INPUT","SELECT","VIDEO"].indexOf(t.target.nodeName))return;if(!1!==this.trigger("keydown",e)){"Enter"!==e&&t.preventDefault();var a=i[e];"function"==typeof this[a]&&this[a]()}}}}}},{key:"getSlide",value:function(){var t=this.Carousel;if(!t)return null;var e=null===t.page?t.option("initialPage"):t.page,i=t.pages||[];return i.length&&i[e]?i[e].slides[0]:null}},{key:"focus",value:function(t){var e=function(t){t.setActive?t.setActive():H?t.focus({preventScroll:!0}):t.focus()};t&&t.preventDefault();var i=this.getSlide().$el;i.tabIndex=0;var n,o=[],s=p([].slice.call(this.$container.querySelectorAll(["a[href]","area[href]",'input:not([disabled]):not([type="hidden"]):not([aria-hidden])',"select:not([disabled]):not([aria-hidden])","textarea:not([disabled]):not([aria-hidden])","button:not([disabled]):not([aria-hidden])","iframe","object","embed","video","audio","[contenteditable]",'[tabindex]:not([tabindex^="-"]):not([disabled]):not([aria-hidden])'])));try{for(s.s();!(n=s.n()).done;){var a=n.value;if(!a.classList||!a.classList.contains("fancybox__slide")){var r=a.closest(".fancybox__slide");r?r===i&&o[a.hasAttribute("autofocus")?"unshift":"push"](a):o.push(a)}}}catch(t){s.e(t)}finally{s.f()}if(o.length){this.Carousel.pages.length>1&&o.push(i);var l=o.indexOf(document.activeElement),c=t&&!t.shiftKey,h=t&&t.shiftKey;return c?l===o.length-1?e(o[0]):e(o[l+1]):h?e(0===l?o[o.length-1]:o[l-1]):l<0?e(o[0]):void 0}}},{key:"hideScrollbar",value:function(){if(A){var t=window.innerWidth-document.documentElement.getBoundingClientRect().width,e="fancybox-style-noscroll",i=document.getElementById(e);i||t&&((i=document.createElement("style")).id=e,i.type="text/css",i.innerHTML=".compensate-for-scrollbar {padding-right: ".concat(t,"px;}"),document.getElementsByTagName("head")[0].appendChild(i),document.body.classList.add("compensate-for-scrollbar"))}}},{key:"revealScrollbar",value:function(){document.body.classList.remove("compensate-for-scrollbar");var t=document.getElementById("fancybox-style-noscroll");t&&t.remove()}},{key:"clearContent",value:function(t){this.Carousel.trigger("deleteSlide",t),t.$content&&(t.$content.remove(),t.$content=null),t._className&&t.$el.classList.remove(t._className)}},{key:"setContent",value:function(t,e){var i,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=t.$el;if(e instanceof HTMLElement?["img","iframe","video","audio"].indexOf(e.nodeName.toLowerCase())>-1?(i=document.createElement("div")).appendChild(e):i=e:(i=document.createElement("div")).innerHTML=e,!(i instanceof Element))throw new Error("Element expected");return t._className="has-".concat(n.suffix||t.type||"unknown"),o.classList.add(t._className),i.classList.add("fancybox__content"),"none"!==i.style.display&&"none"!==window.getComputedStyle(i).getPropertyValue("display")||(i.style.display="flex"),t.id&&i.setAttribute("id",t.id),t.$content=i,o.insertBefore(i,o.querySelector(".fancybox__caption")),this.manageCloseButton(t),"loading"!==t.state&&this.revealContent(t),i}},{key:"manageCloseButton",value:function(t){var e=this,i=void 0===t.closeButton?this.option("closeButton"):t.closeButton;if(i&&(!this.$closeButton||"inside"===i)){var n=document.createElement("button");n.classList.add("carousel__button","is-close"),n.setAttribute("title",this.options.l10n.CLOSE),n.innerHTML=this.option("template.closeButton"),n.addEventListener("click",(function(t){return e.close(t)})),"inside"===i?(t.$closeButton&&t.$closeButton.remove(),t.$closeButton=t.$content.appendChild(n)):this.$closeButton=this.$container.insertBefore(n,this.$container.firstChild)}}},{key:"revealContent",value:function(t){var e=this;this.trigger("reveal",t),t.$content.style.visibility="";var i=!1;"error"!==t.state&&"ready"!==t.state&&null===this.Carousel.prevPage&&t.index===this.options.startIndex&&(i=void 0===t.showClass?this.option("showClass"):t.showClass),i?(t.state="animating",this.animateCSS(t.$content,i,(function(){e.done(t)}))):this.done(t)}},{key:"animateCSS",value:function(t,e,i){if(t&&t.dispatchEvent(new CustomEvent("animationend",{bubbles:!0,cancelable:!0})),t&&e){t.addEventListener("animationend",(function n(o){o.currentTarget===this&&(t.classList.remove(e),t.removeEventListener("animationend",n),i&&i())})),t.classList.add(e)}else"function"==typeof i&&i()}},{key:"done",value:function(t){if("init"===this.state||"ready"===this.state){t.state="done",this.trigger("done",t);var e=this.getSlide();e&&t.index===e.index&&this.option("autoFocus")&&this.focus()}}},{key:"setError",value:function(t,e){t.state="error",this.hideLoading(t),this.clearContent(t);var i=document.createElement("div");i.classList.add("fancybox-error"),i.innerHTML=this.localize(e||"<p>{{ERROR}}</p>"),this.setContent(t,i,{suffix:"error"})}},{key:"showLoading",value:function(t){var e=this;t.state="loading",this.trigger("load",t),t.$el.classList.add("is-loading");var i=t.$el.querySelector(".fancybox__spinner");i||((i=document.createElement("div")).classList.add("fancybox__spinner"),i.innerHTML=this.option("template.spinner"),i.addEventListener("click",(function(){e.Carousel.Panzoom.velocity||e.close()})),t.$el.insertBefore(i,t.$el.firstChild))}},{key:"hideLoading",value:function(t){var e=t.$el&&t.$el.querySelector(".fancybox__spinner");e&&(e.remove(),t.$el.classList.remove("is-loading")),"loading"===t.state&&(t.state="ready")}},{key:"next",value:function(){var t=this.Carousel;t&&t.pages.length>1&&t.slideNext()}},{key:"prev",value:function(){var t=this.Carousel;t&&t.pages.length>1&&t.slidePrev()}},{key:"jumpTo",value:function(){var t;this.Carousel&&(t=this.Carousel).slideTo.apply(t,arguments)}},{key:"close",value:function(t){var e=this;if(t&&t.preventDefault(),!(["closing","customClosing","destroy"].indexOf(this.state)>-1)&&!1!==this.trigger("shouldClose",t)&&(this.state="closing",this.Carousel.Panzoom.destroy(),this.detachEvents(),this.trigger("closing",t),"destroy"!==this.state)){this.$container.setAttribute("aria-hidden","true"),this.$container.classList.add("is-closing");var i=this.getSlide();if(this.Carousel.slides.forEach((function(t){t.$content&&t.index!==i.index&&t.$content.remove()})),"closing"===this.state){var n=void 0===i.hideClass?this.option("hideClass"):i.hideClass;this.animateCSS(i.$content,n,(function(){e.destroy()}))}}}},{key:"destroy",value:function(){this.state="destroy",this.trigger("destroy");var t=this.option("placeFocusBack")?this.getSlide().$trigger:null;if(this.Carousel.destroy(),this.detachPlugins(),this.Carousel=null,this.options={},this.events={},this.$container.remove(),this.$container=this.$backdrop=this.$carousel=null,t)if(H)t.focus({preventScroll:!0});else{var e=document.body.scrollTop;t.focus(),document.body.scrollTop=e}var i=n.getInstance();i?i.focus():(document.documentElement.classList.remove("with-fancybox"),document.body.classList.remove("is-using-mouse"),this.revealScrollbar())}}],[{key:"show",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return new n(t,e)}},{key:"fromEvent",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!t.defaultPrevented&&!(t.button&&0!==t.button||t.ctrlKey||t.metaKey||t.shiftKey)){var i,o,s,a=!1,r=t.target;if((r.matches("[data-fancybox-trigger]")||(r=r.closest("[data-fancybox-trigger]")))&&(s=r&&r.dataset&&r.dataset.fancyboxTrigger),s){var l=document.querySelectorAll('[data-fancybox="'.concat(s,'"]')),c=parseInt(r.dataset.fancyboxIndex,10)||0;r=l.length?l[c]:r}r||(r=t.target),Array.from(n.openers.keys()).reverse().some((function(e){if((i=r).matches(e)||(i=i.closest(e)))return t.preventDefault(),o=e,!0})),o&&(e.target=i,i.origTarget=t.target,a=n.fromOpener(o,e));var h=n.getInstance();return h&&"ready"===h.state&&t.detail&&document.body.classList.add("is-using-mouse"),a}}},{key:"fromOpener",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=function(t){for(var e=["false","0","no","null"],i=["true","1","yes"],n=Object.assign({},t.dataset),o=0,s=Object.entries(n);o<s.length;o++){var a=d(s[o],2),r=a[0],l=a[1];if("string"==typeof l||l instanceof String)if(e.indexOf(l)>-1)n[r]=!1;else if(i.indexOf(n[r])>-1)n[r]=!0;else try{n[r]=JSON.parse(l)}catch(t){n[r]=l}}return delete n.fancybox,delete n.type,t instanceof Element&&(n.$trigger=t),n},o=[],s=e.startIndex||0,a=(e=m({},e,n.openers.get(t))).groupAttr;void 0===a&&(a="data-fancybox");var r=e.target;if(a){if(r&&t&&t==="[".concat(a,"]")){var l=r.getAttribute("".concat(a));t=!(!l||!l.length||"true"===l)&&"[".concat(a,"='").concat(l,"']")}}else t=!1;if(t&&(o=[].slice.call(document.querySelectorAll(t))),!o.length&&r&&(o=[r]),!o.length)return!1;var c=n.getInstance();return!(c&&o.indexOf(c.options.$trigger)>-1)&&(s=r?o.indexOf(r):s,new n(o=o.map(i),m({},e,{startIndex:s,$trigger:r})))}},{key:"bind",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(A){if(!n.openers.size){document.body.addEventListener("click",n.fromEvent,!1);for(var i=0,o=Object.entries(n.Plugins||{});i<o.length;i++){var s=d(o[i],2);s[0];var a=s[1];a.Fancybox=this,"function"==typeof a.create&&a.create()}}n.openers.set(t,e)}}},{key:"unbind",value:function(t){n.openers.delete(t),n.openers.size||n.destroy()}},{key:"destroy",value:function(){for(var t;t=n.getInstance();)t.destroy();n.openers=new Map,document.body.removeEventListener("click",n.fromEvent,!1)}},{key:"getInstance",value:function(t){var e,i=p(t?[document.getElementById("fancybox-".concat(t))]:Array.from(document.querySelectorAll(".fancybox__container")).reverse());try{for(i.s();!(e=i.n()).done;){var n=e.value,o=n&&n.Fancybox;if(o&&"closing"!==o.state&&"customClosing"!==o.state)return o}}catch(t){i.e(t)}finally{i.f()}return null}},{key:"close",value:function(){for(var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],e=null;e=n.getInstance();)if(e.close(),!t)return}}]),n}(k);U.version="4.0.0-alpha.4",U.defaults={startIndex:0,preload:1,infinite:!0,showClass:"fancybox-zoomInUp",hideClass:"fancybox-fadeOut",animated:!0,hideScrollbar:!0,parentEl:null,mainClass:null,autoFocus:!0,trapFocus:!0,placeFocusBack:!0,click:"close",closeButton:"inside",dragToClose:!0,keyboard:{Escape:"close",Delete:"close",Backspace:"close",PageUp:"next",PageDown:"prev",ArrowUp:"next",ArrowDown:"prev",ArrowRight:"next",ArrowLeft:"prev"},template:{closeButton:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" tabindex="-1"><path d="M20 20L4 4m16 0L4 20"/></svg>',spinner:'<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="25 25 50 50" tabindex="-1"><circle cx="50" cy="50" r="20"/></svg>',main:null},l10n:{CLOSE:"Close",NEXT:"Next",PREV:"Previous",MODAL:"You can close this modal content with the ESC key",ERROR:"Something Went Wrong, Please Try Again Later",IMAGE_ERROR:"Image Not Found",ELEMENT_NOT_FOUND:"HTML Element Not Found",AJAX_NOT_FOUND:"Error Loading AJAX : Not Found",AJAX_FORBIDDEN:"Error Loading AJAX : Forbidden",IFRAME_ERROR:"Error Loading Page"}},U.openers=new Map,U.Plugins=B,U.isMobile=function(){return!!navigator&&/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)},U.bind("[data-fancybox]"),t.Carousel=D,t.Fancybox=U,t.Panzoom=C}));
js/index.js
View file @ 9adbc158
...@@ -77,6 +77,7 @@ document.addEventListener("DOMContentLoaded", function () { ...@@ -77,6 +77,7 @@ document.addEventListener("DOMContentLoaded", function () {
enter.style.visibility = 'hidden'; enter.style.visibility = 'hidden';
} }
if (search.style.opacity == '1') { if (search.style.opacity == '1') {
if (y > document.querySelector('.header').offsetHeight - navbar.offsetHeight - search.offsetHeight) { if (y > document.querySelector('.header').offsetHeight - navbar.offsetHeight - search.offsetHeight) {
document.querySelector('.header').style.opacity = 1; document.querySelector('.header').style.opacity = 1;
...@@ -90,6 +91,12 @@ document.addEventListener("DOMContentLoaded", function () { ...@@ -90,6 +91,12 @@ document.addEventListener("DOMContentLoaded", function () {
} }
} }
} }
else {
if (document.querySelector('.submenu--active')) {
if (y > document.querySelector('.header').offsetHeight - navbar.offsetHeight - document.querySelector('.submenu--active').offsetHeight) {
document.querySelector('.header').style.opacity = 1;
}
}
else { else {
if (y > document.querySelector('.header').offsetHeight - navbar.offsetHeight) { if (y > document.querySelector('.header').offsetHeight - navbar.offsetHeight) {
document.querySelector('.header').style.opacity = 1; document.querySelector('.header').style.opacity = 1;
...@@ -103,6 +110,7 @@ document.addEventListener("DOMContentLoaded", function () { ...@@ -103,6 +110,7 @@ document.addEventListener("DOMContentLoaded", function () {
} }
} }
} }
}
}); });
//+/- menu //+/- menu
...@@ -132,16 +140,9 @@ document.addEventListener("DOMContentLoaded", function () { ...@@ -132,16 +140,9 @@ document.addEventListener("DOMContentLoaded", function () {
for (const menu of menuIdElems) { for (const menu of menuIdElems) {
menu?.addEventListener('mouseenter', () => { menu?.addEventListener('mouseenter', () => {
if (search.style.opacity !== '1') { if (search.style.opacity !== '1') {
if (window.innerWidth > 1670) { if (pageYOffset < document.querySelector('.header').offsetHeight - navbar.offsetHeight) {
if (pageYOffset < 680) {
document.querySelector('.header').style.opacity = 1;
}
}
else {
if (pageYOffset < 540) {
document.querySelector('.header').style.opacity = 1; document.querySelector('.header').style.opacity = 1;
} }
}
submenuIdElems.forEach(item => { submenuIdElems.forEach(item => {
if (item.dataset.submenuId === menu.dataset.menuId) { if (item.dataset.submenuId === menu.dataset.menuId) {
item.classList.add('submenu--active'); item.classList.add('submenu--active');
...@@ -151,16 +152,9 @@ document.addEventListener("DOMContentLoaded", function () { ...@@ -151,16 +152,9 @@ document.addEventListener("DOMContentLoaded", function () {
}) })
menu?.addEventListener('mouseleave', () => { menu?.addEventListener('mouseleave', () => {
if (search.style.opacity !== '1') { if (search.style.opacity !== '1') {
if (window.innerWidth > 1670) { if (pageYOffset < document.querySelector('.header').offsetHeight - navbar.offsetHeight) {
if (pageYOffset < 680) {
document.querySelector('.header').style.opacity = 0.99;
}
}
else {
if (pageYOffset < 540) {
document.querySelector('.header').style.opacity = 0.99; document.querySelector('.header').style.opacity = 0.99;
} }
}
submenuIdElems.forEach(item => { submenuIdElems.forEach(item => {
if (item.dataset.submenuId === menu.dataset.menuId) { if (item.dataset.submenuId === menu.dataset.menuId) {
item.classList.remove('submenu--active'); item.classList.remove('submenu--active');
...@@ -179,7 +173,7 @@ document.addEventListener("DOMContentLoaded", function () { ...@@ -179,7 +173,7 @@ document.addEventListener("DOMContentLoaded", function () {
e.preventDefault(); e.preventDefault();
search.style.opacity = '0'; search.style.opacity = '0';
search.style.visibility = 'hidden'; search.style.visibility = 'hidden';
if (pageYOffset < 400) { if (pageYOffset > 400 && pageYOffset < document.querySelector('.header').offsetHeight - navbar.offsetHeight) {
document.querySelector('.header').style.opacity = 0.99; document.querySelector('.header').style.opacity = 0.99;
for (let point of points) { for (let point of points) {
point.style.display = 'flex'; point.style.display = 'flex';
...@@ -192,7 +186,7 @@ document.addEventListener("DOMContentLoaded", function () { ...@@ -192,7 +186,7 @@ document.addEventListener("DOMContentLoaded", function () {
if (search.style.opacity == '1') { if (search.style.opacity == '1') {
search.style.opacity = '0'; search.style.opacity = '0';
search.style.visibility = 'hidden'; search.style.visibility = 'hidden';
if (pageYOffset < 400) { if (pageYOffset > 400 && pageYOffset < document.querySelector('.header').offsetHeight - navbar.offsetHeight) {
document.querySelector('.header').style.opacity = 0.99; document.querySelector('.header').style.opacity = 0.99;
for (let point of points) { for (let point of points) {
point.style.display = 'flex'; point.style.display = 'flex';
...@@ -202,7 +196,7 @@ document.addEventListener("DOMContentLoaded", function () { ...@@ -202,7 +196,7 @@ document.addEventListener("DOMContentLoaded", function () {
else { else {
search.style.opacity = '1'; search.style.opacity = '1';
search.style.visibility = 'visible'; search.style.visibility = 'visible';
if (pageYOffset > 400) { if (pageYOffset > 400 && pageYOffset < 700) {
document.querySelector('.header').style.opacity = 1; document.querySelector('.header').style.opacity = 1;
for (let point of points) { for (let point of points) {
point.style.display = 'none'; point.style.display = 'none';
...@@ -219,7 +213,12 @@ document.addEventListener("DOMContentLoaded", function () { ...@@ -219,7 +213,12 @@ document.addEventListener("DOMContentLoaded", function () {
secondMobItemLink[i]?.addEventListener('click', (e) => { secondMobItemLink[i]?.addEventListener('click', (e) => {
e.preventDefault(); e.preventDefault();
if (i === 0) { if (i === 0) {
if (document.querySelector('.heading-other')) {
search.style.top = document.querySelector('.header').offsetHeight - document.querySelector('.heading-other').offsetHeight + 'px';
}
else {
search.style.top = document.querySelector('.header').offsetHeight + 'px'; search.style.top = document.querySelector('.header').offsetHeight + 'px';
}
if (search.style.opacity == '1') { if (search.style.opacity == '1') {
search.style.opacity = '0'; search.style.opacity = '0';
search.style.visibility = 'hidden'; search.style.visibility = 'hidden';
...@@ -231,8 +230,13 @@ document.addEventListener("DOMContentLoaded", function () { ...@@ -231,8 +230,13 @@ document.addEventListener("DOMContentLoaded", function () {
search.style.visibility = 'visible'; search.style.visibility = 'visible';
} }
} }
else {
if (document.querySelector('.heading-other')) {
enter.style.top = document.querySelector('.header').offsetHeight - document.querySelector('.heading-other').offsetHeight + 'px';
}
else { else {
enter.style.top = document.querySelector('.header').offsetHeight + 'px'; enter.style.top = document.querySelector('.header').offsetHeight + 'px';
}
if (enter.style.opacity == '1') { if (enter.style.opacity == '1') {
enter.style.opacity = '0'; enter.style.opacity = '0';
enter.style.visibility = 'hidden'; enter.style.visibility = 'hidden';
...@@ -562,6 +566,24 @@ document.addEventListener("DOMContentLoaded", function () { ...@@ -562,6 +566,24 @@ document.addEventListener("DOMContentLoaded", function () {
} }
}); });
}); });
//news
const gazetaItems = document.querySelectorAll('.photo-item-img');
for (let item of gazetaItems) {
if (!item.classList.contains('first-item-img')) {
let w = item.offsetWidth;
let h = w * 0.66;
item.style.height = h + 'px';
}
}
//gazeta
const bigItems = document.querySelectorAll('.big-item-img');
for (let item of bigItems) {
let w = item.offsetWidth;
let h = w * 1.42;
item.style.height = h + 'px';
}
//techology-mob //techology-mob
const mobIdElems = document.querySelectorAll('[data-mob-id]'); const mobIdElems = document.querySelectorAll('[data-mob-id]');
const imgIdElems = document.querySelectorAll('[data-img-id]'); const imgIdElems = document.querySelectorAll('[data-img-id]');
...@@ -644,6 +666,116 @@ document.addEventListener("DOMContentLoaded", function () { ...@@ -644,6 +666,116 @@ document.addEventListener("DOMContentLoaded", function () {
}) })
} }
} }
//form
let modal = document.querySelector('.modal');
let modalClose = document.querySelector('.modal-close');
let modalButton = document.querySelector('.modal__button');
modalClose?.addEventListener('click', (e) => {
e.preventDefault;
modal.classList.add('hidden');
})
modalButton?.addEventListener('click', (e) => {
e.preventDefault;
modal.classList.add('hidden');
})
if (document.querySelector('[data-plyr]')) {
Fancybox.bind("[data-plyr]", {
on: {
reveal: (fancybox, slide) => {
if (typeof Plyr === undefined) {
return;
}
let $el;
if (slide.type === "html5video") {
$el = slide.$content.querySelector("video");
} else if (slide.type === "video") {
$el = document.createElement("div");
$el.classList.add("plyr__video-embed");
$el.appendChild(slide.$iframe);
slide.$content.appendChild($el);
}
if ($el) {
slide.player = new Plyr($el);
}
},
"Carousel.unselectSlide": (fancybox, carousel, slide) => {
if (slide.player) {
slide.player.pause();
}
},
"Carousel.selectSlide": (fancybox, carousel, slide) => {
if (slide.player) {
slide.player.play();
}
},
},
});
}
if (document.querySelector('[data-fancybox="gallery"]')) {
Fancybox.bind('[data-fancybox="gallery"]', {
animated: false,
dragToClose: false,
showClass: false,
hideClass: false,
closeButton: "top",
Image: {
click: "close",
wheel: "slide",
zoom: false,
fit: "contain",
},
});
}
if (document.querySelector('[data-fancybox="spec"]')) {
Fancybox.bind('[data-fancybox="spec"]', {
animated: false,
dragToClose: false,
showClass: false,
hideClass: false,
closeButton: "top",
Image: {
click: "close",
wheel: "slide",
zoom: false,
fit: "contain",
},
});
}
if (document.querySelector('[data-fancybox="sert"]')) {
Fancybox.bind('[data-fancybox="sert"]', {
animated: false,
dragToClose: false,
showClass: false,
hideClass: false,
closeButton: "top",
Image: {
click: "close",
wheel: "slide",
zoom: false,
fit: "contain",
},
});
}
}); });
js/plyr.js 0 → 100644
View file @ 9adbc158
This source diff could not be displayed because it is too large. You can view the blob instead.
news.html
View file @ 9adbc158
...@@ -518,7 +518,7 @@ ...@@ -518,7 +518,7 @@
</div> </div>
<div class="gazeta gazeta-news"> <div class="gazeta gazeta-news">
<a class="gazeta-item" style="background-image: url('img/dev_photo.png');"> <a class="gazeta-item" style="background-image: url('img/dev_photo.png');">
<div class="gazeta-item-img"> <div class="gazeta-item-img first-item-img">
<img class="gazeta-item-img__photo" src="img/n1.jpg" alt="photo"> <img class="gazeta-item-img__photo" src="img/n1.jpg" alt="photo">
<div class="gazeta-item-img__hover"></div> <div class="gazeta-item-img__hover"></div>
</div> </div>
...@@ -553,8 +553,8 @@ ...@@ -553,8 +553,8 @@
</a> </a>
</div> </div>
<a class="gazeta-item"> <a class="gazeta-item">
<div class="gazeta-item-img"> <div class="gazeta-item-img photo-item-img" style="background-image: url('img/n1.jpg');">
<img class="gazeta-item-img__photo" src="img/n1.jpg" alt="photo"> <!--<img class="gazeta-item-img__photo" src="img/n1.jpg" alt="photo">-->
<div class="gazeta-item-img__hover"></div> <div class="gazeta-item-img__hover"></div>
</div> </div>
<div class="gazeta-item-text"> <div class="gazeta-item-text">
...@@ -564,8 +564,8 @@ ...@@ -564,8 +564,8 @@
</div> </div>
</a> </a>
<a class="gazeta-item"> <a class="gazeta-item">
<div class="gazeta-item-img"> <div class="gazeta-item-img photo-item-img" style="background-image: url('img/n2.jpg');">
<img class="gazeta-item-img__photo" src="img/n2.jpg" alt="photo"> <!--<img class="gazeta-item-img__photo" src="img/n2.jpg" alt="photo">-->
<div class="gazeta-item-img__hover"></div> <div class="gazeta-item-img__hover"></div>
</div> </div>
<div class="gazeta-item-text"> <div class="gazeta-item-text">
...@@ -575,8 +575,8 @@ ...@@ -575,8 +575,8 @@
</div> </div>
</a> </a>
<a class="gazeta-item"> <a class="gazeta-item">
<div class="gazeta-item-img"> <div class="gazeta-item-img photo-item-img" style="background-image: url('img/n3.jpg');">
<img class="gazeta-item-img__photo" src="img/n3.jpg" alt="photo"> <!--<img class="gazeta-item-img__photo" src="img/n3.jpg" alt="photo">-->
<div class="gazeta-item-img__hover"></div> <div class="gazeta-item-img__hover"></div>
</div> </div>
<div class="gazeta-item-text"> <div class="gazeta-item-text">
...@@ -586,8 +586,8 @@ ...@@ -586,8 +586,8 @@
</div> </div>
</a> </a>
<a class="gazeta-item"> <a class="gazeta-item">
<div class="gazeta-item-img"> <div class="gazeta-item-img photo-item-img" style="background-image: url('img/n3.jpg');">
<img class="gazeta-item-img__photo" src="img/n4.jpg" alt="photo"> <!--<img class="gazeta-item-img__photo" src="img/n4.jpg" alt="photo">-->
<div class="gazeta-item-img__hover"></div> <div class="gazeta-item-img__hover"></div>
</div> </div>
<div class="gazeta-item-text"> <div class="gazeta-item-text">
...@@ -597,8 +597,8 @@ ...@@ -597,8 +597,8 @@
</div> </div>
</a> </a>
<a class="gazeta-item"> <a class="gazeta-item">
<div class="gazeta-item-img"> <div class="gazeta-item-img photo-item-img" style="background-image: url('img/n3.jpg');">
<img class="gazeta-item-img__photo" src="img/n5.jpg" alt="photo"> <!--<img class="gazeta-item-img__photo" src="img/n5.jpg" alt="photo">-->
<div class="gazeta-item-img__hover"></div> <div class="gazeta-item-img__hover"></div>
</div> </div>
<div class="gazeta-item-text"> <div class="gazeta-item-text">
...@@ -608,8 +608,8 @@ ...@@ -608,8 +608,8 @@
</div> </div>
</a> </a>
<a class="gazeta-item"> <a class="gazeta-item">
<div class="gazeta-item-img"> <div class="gazeta-item-img photo-item-img" style="background-image: url('img/gazeta1.png');">
<img class="gazeta-item-img__photo" src="img/n6.jpg" alt="photo"> <!--<img class="gazeta-item-img__photo" src="img/n6.jpg" alt="photo">-->
<div class="gazeta-item-img__hover"></div> <div class="gazeta-item-img__hover"></div>
</div> </div>
<div class="gazeta-item-text"> <div class="gazeta-item-text">
......
photogallery.html
View file @ 9adbc158
...@@ -524,8 +524,8 @@ ...@@ -524,8 +524,8 @@
</div> </div>
<div class="gazeta"> <div class="gazeta">
<a class="gazeta-item"> <a class="gazeta-item">
<div class="gazeta-item-img"> <div class="gazeta-item-img photo-item-img" style="background-image: url('img/phgal1.jpg');">
<img class="gazeta-item-img__photo" src="img/phgal1.jpg" alt="photo"> <!--<img class="gazeta-item-img__photo" src="img/phgal1.jpg" alt="photo">-->
<div class="gazeta-item-img__hover"></div> <div class="gazeta-item-img__hover"></div>
</div> </div>
<div class="gazeta-item-text"> <div class="gazeta-item-text">
...@@ -537,8 +537,8 @@ ...@@ -537,8 +537,8 @@
</div> </div>
</a> </a>
<a class="gazeta-item"> <a class="gazeta-item">
<div class="gazeta-item-img"> <div class="gazeta-item-img photo-item-img" style="background-image: url('img/phgal2.jpg');">
<img class="gazeta-item-img__photo" src="img/phgal2.jpg" alt="photo"> <!--<img class="gazeta-item-img__photo" src="img/phgal2.jpg" alt="photo">-->
<div class="gazeta-item-img__hover"></div> <div class="gazeta-item-img__hover"></div>
</div> </div>
<div class="gazeta-item-text"> <div class="gazeta-item-text">
...@@ -550,8 +550,8 @@ ...@@ -550,8 +550,8 @@
</div> </div>
</a> </a>
<a class="gazeta-item"> <a class="gazeta-item">
<div class="gazeta-item-img"> <div class="gazeta-item-img photo-item-img" style="background-image: url('img/phgal3.jpg');">
<img class="gazeta-item-img__photo" src="img/phgal3.jpg" alt="photo"> <!--<img class="gazeta-item-img__photo" src="img/phgal3.jpg" alt="photo">-->
<div class="gazeta-item-img__hover"></div> <div class="gazeta-item-img__hover"></div>
</div> </div>
<div class="gazeta-item-text"> <div class="gazeta-item-text">
...@@ -563,8 +563,8 @@ ...@@ -563,8 +563,8 @@
</div> </div>
</a> </a>
<a class="gazeta-item"> <a class="gazeta-item">
<div class="gazeta-item-img"> <div class="gazeta-item-img photo-item-img" style="background-image: url('img/phgal1.jpg');">
<img class="gazeta-item-img__photo" src="img/phgal1.jpg" alt="photo"> <!--<img class="gazeta-item-img__photo" src="img/phgal1.jpg" alt="photo">-->
<div class="gazeta-item-img__hover"></div> <div class="gazeta-item-img__hover"></div>
</div> </div>
<div class="gazeta-item-text"> <div class="gazeta-item-text">
...@@ -576,8 +576,8 @@ ...@@ -576,8 +576,8 @@
</div> </div>
</a> </a>
<a class="gazeta-item"> <a class="gazeta-item">
<div class="gazeta-item-img"> <div class="gazeta-item-img photo-item-img" style="background-image: url('img/phgal2.jpg');">
<img class="gazeta-item-img__photo" src="img/phgal2.jpg" alt="photo"> <!--<img class="gazeta-item-img__photo" src="img/phgal2.jpg" alt="photo">-->
<div class="gazeta-item-img__hover"></div> <div class="gazeta-item-img__hover"></div>
</div> </div>
<div class="gazeta-item-text"> <div class="gazeta-item-text">
...@@ -589,8 +589,8 @@ ...@@ -589,8 +589,8 @@
</div> </div>
</a> </a>
<a class="gazeta-item"> <a class="gazeta-item">
<div class="gazeta-item-img"> <div class="gazeta-item-img photo-item-img" style="background-image: url('img/phgal3.jpg');">
<img class="gazeta-item-img__photo" src="img/phgal3.jpg" alt="photo"> <!--<img class="gazeta-item-img__photo" src="img/phgal3.jpg" alt="photo">-->
<div class="gazeta-item-img__hover"></div> <div class="gazeta-item-img__hover"></div>
</div> </div>
<div class="gazeta-item-text"> <div class="gazeta-item-text">
...@@ -602,8 +602,8 @@ ...@@ -602,8 +602,8 @@
</div> </div>
</a> </a>
<a class="gazeta-item"> <a class="gazeta-item">
<div class="gazeta-item-img"> <div class="gazeta-item-img photo-item-img" style="background-image: url('img/phgal1.jpg');">
<img class="gazeta-item-img__photo" src="img/phgal1.jpg" alt="photo"> <!--<img class="gazeta-item-img__photo" src="img/phgal1.jpg" alt="photo">-->
<div class="gazeta-item-img__hover"></div> <div class="gazeta-item-img__hover"></div>
</div> </div>
<div class="gazeta-item-text"> <div class="gazeta-item-text">
...@@ -615,8 +615,8 @@ ...@@ -615,8 +615,8 @@
</div> </div>
</a> </a>
<a class="gazeta-item"> <a class="gazeta-item">
<div class="gazeta-item-img"> <div class="gazeta-item-img photo-item-img" style="background-image: url('img/phgal2.jpg');">
<img class="gazeta-item-img__photo" src="img/phgal2.jpg" alt="photo"> <!--<img class="gazeta-item-img__photo" src="img/phgal2.jpg" alt="photo">-->
<div class="gazeta-item-img__hover"></div> <div class="gazeta-item-img__hover"></div>
</div> </div>
<div class="gazeta-item-text"> <div class="gazeta-item-text">
...@@ -628,8 +628,8 @@ ...@@ -628,8 +628,8 @@
</div> </div>
</a> </a>
<a class="gazeta-item"> <a class="gazeta-item">
<div class="gazeta-item-img"> <div class="gazeta-item-img photo-item-img" style="background-image: url('img/phgal3.jpg');">
<img class="gazeta-item-img__photo" src="img/phgal3.jpg" alt="photo"> <!--<img class="gazeta-item-img__photo" src="img/phgal3.jpg" alt="photo">-->
<div class="gazeta-item-img__hover"></div> <div class="gazeta-item-img__hover"></div>
</div> </div>
<div class="gazeta-item-text"> <div class="gazeta-item-text">
...@@ -641,8 +641,8 @@ ...@@ -641,8 +641,8 @@
</div> </div>
</a> </a>
<a class="gazeta-item"> <a class="gazeta-item">
<div class="gazeta-item-img"> <div class="gazeta-item-img photo-item-img" style="background-image: url('img/phgal1.jpg');">
<img class="gazeta-item-img__photo" src="img/phgal1.jpg" alt="photo"> <!--<img class="gazeta-item-img__photo" src="img/phgal1.jpg" alt="photo">-->
<div class="gazeta-item-img__hover"></div> <div class="gazeta-item-img__hover"></div>
</div> </div>
<div class="gazeta-item-text"> <div class="gazeta-item-text">
...@@ -654,8 +654,8 @@ ...@@ -654,8 +654,8 @@
</div> </div>
</a> </a>
<a class="gazeta-item"> <a class="gazeta-item">
<div class="gazeta-item-img"> <div class="gazeta-item-img photo-item-img" style="background-image: url('img/phgal2.jpg');">
<img class="gazeta-item-img__photo" src="img/phgal2.jpg" alt="photo"> <!--<img class="gazeta-item-img__photo" src="img/phgal2.jpg" alt="photo">-->
<div class="gazeta-item-img__hover"></div> <div class="gazeta-item-img__hover"></div>
</div> </div>
<div class="gazeta-item-text"> <div class="gazeta-item-text">
...@@ -667,8 +667,8 @@ ...@@ -667,8 +667,8 @@
</div> </div>
</a> </a>
<a class="gazeta-item"> <a class="gazeta-item">
<div class="gazeta-item-img"> <div class="gazeta-item-img photo-item-img" style="background-image: url('img/phgal3.jpg');">
<img class="gazeta-item-img__photo" src="img/phgal3.jpg" alt="photo"> <!--<img class="gazeta-item-img__photo" src="img/phgal3.jpg" alt="photo">-->
<div class="gazeta-item-img__hover"></div> <div class="gazeta-item-img__hover"></div>
</div> </div>
<div class="gazeta-item-text"> <div class="gazeta-item-text">
......
products.html
View file @ 9adbc158
...@@ -490,7 +490,8 @@ ...@@ -490,7 +490,8 @@
</header> </header>
<section class="production production-subpage" style="background-image: url('img/company_mask.svg');"> <section class="production production-subpage" style="background-image: url('img/company_mask.svg');">
<div class="production-list production-list-subpage"> <div class="production-list production-list-subpage">
<div class="production-list-item production-list-item-subpage" style="background-image: url(img/product1.png);"> <div class="production-list-item production-list-item-subpage">
<img src="img/product1.png" alt="photo">
<svg class="production-list-item__arrow"> <svg class="production-list-item__arrow">
<use xlink:href="img/production_arrow.svg#production_arrow"></use> <use xlink:href="img/production_arrow.svg#production_arrow"></use>
</svg> </svg>
...@@ -528,7 +529,8 @@ ...@@ -528,7 +529,8 @@
</a> </a>
</ul> </ul>
</div> </div>
<div class="production-list-item production-list-item-subpage" style="background-image: url(img/product2.png);"> <div class="production-list-item production-list-item-subpage">
<img src="img/product2.png" alt="photo">
<svg class="production-list-item__arrow"> <svg class="production-list-item__arrow">
<use xlink:href="img/production_arrow.svg#production_arrow"></use> <use xlink:href="img/production_arrow.svg#production_arrow"></use>
</svg> </svg>
...@@ -554,7 +556,8 @@ ...@@ -554,7 +556,8 @@
</a> </a>
</ul> </ul>
</div> </div>
<div class="production-list-item production-list-item-subpage" style="background-image: url(img/product3.png);"> <div class="production-list-item production-list-item-subpage">
<img src="img/product3.png" alt="photo">
<svg class="production-list-item__arrow"> <svg class="production-list-item__arrow">
<use xlink:href="img/production_arrow.svg#production_arrow"></use> <use xlink:href="img/production_arrow.svg#production_arrow"></use>
</svg> </svg>
...@@ -580,7 +583,8 @@ ...@@ -580,7 +583,8 @@
</a> </a>
</ul> </ul>
</div> </div>
<div class="production-list-item production-list-item-subpage" style="background-image: url(img/product1.png);"> <div class="production-list-item production-list-item-subpage">
<img src="img/product1.png" alt="photo">
<svg class="production-list-item__arrow"> <svg class="production-list-item__arrow">
<use xlink:href="img/production_arrow.svg#production_arrow"></use> <use xlink:href="img/production_arrow.svg#production_arrow"></use>
</svg> </svg>
......
styles/fancybox.css 0 → 100644
View file @ 9adbc158
.not-selectable{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.carousel{position:relative;box-sizing:border-box}.carousel *,.carousel *:before,.carousel *:after{box-sizing:inherit}.carousel__viewport{position:relative;overflow:hidden;width:100%;height:100%}.carousel__track{display:flex}.carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width, 60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.carousel.has-dots{margin-bottom:calc(0.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + 0.5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;user-select:none}.carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer}.carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width, 48px);height:var(--carousel-button-height, 48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color, currentColor);background:var(--carousel-button-bg, transparent);border-radius:var(--carousel-button-border-radius, 50%);box-shadow:var(--carousel-button-shadow, none)}.carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width, 24px);height:var(--carousel-button-svg-height, 24px);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width, 1.5);stroke-linejoin:bevel;stroke-linecap:round;filter:var(--carousel-button-svg-filter, none);pointer-events:none}body.compensate-for-scrollbar{overflow:hidden !important;touch-action:none}.fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;margin:0;padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:transparent;overflow:hidden;z-index:1050;outline:none;transform-origin:top left;--carousel-button-width: 48px;--carousel-button-height: 48px;--carousel-button-svg-width: 24px;--carousel-button-svg-height: 24px;--carousel-button-svg-stroke-width: 2.5;--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container :focus{outline:thin dotted}body.is-using-mouse .fancybox__container :focus{outline:none}@media all and (min-width: 1024px){.fancybox__container{--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg, rgba(24, 24, 27, 0.92))}.fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(0.5rem + 22px)}.fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default}.fancybox__track{display:flex;height:100%}.fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:64px;position:relative;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;-webkit-overflow-scrolling:touch;--carousel-button-width: 36px;--carousel-button-height: 36px;--carousel-button-svg-width: 22px;--carousel-button-svg-height: 22px}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}@media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);padding:36px;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20}.fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0 0;line-height:1.375;color:var(--fancybox-color, currentColor);visibility:visible;cursor:auto;flex-shrink:0}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color, #fff)}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:40}@media all and (min-width: 1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{position:absolute;top:-36px;right:0;color:var(--fancybox-color, #fff)}.fancybox__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;cursor:pointer;z-index:1053;color:var(--fancybox-color, currentColor)}.fancybox__spinner svg{animation:fancybox-rotate 2s linear infinite;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.fancybox__spinner svg circle{fill:none;stroke-width:2.5;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{transition:opacity var(--fancybox-ts, 0.25s) ease;opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=true] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=true] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=true] .carousel__dots,.fancybox__container.is-animated[aria-hidden=true] .carousel__button.is-close{transition:opacity .2s ease;opacity:0}.fancybox-fadeIn{animation:.2s ease both fancybox-fadeIn}.fancybox-fadeOut{animation:.2s ease both fancybox-fadeOut}.fancybox-zoomInUp{animation:.2s ease both fancybox-zoomInUp}.fancybox-zoomOutDown{animation:.2s ease both fancybox-zoomOutDown}.fancybox-throwOutUp{animation:.2s ease both fancybox-throwOutUp}.fancybox-throwOutDown{animation:.2s ease both fancybox-throwOutDown}@keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-zoomInUp{from{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes fancybox-zoomOutDown{to{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@keyframes fancybox-throwOutUp{20%{opacity:.5}to{transform:translate3d(0, -30%, 0);opacity:0}}@keyframes fancybox-throwOutDown{20%{opacity:.5}to{transform:translate3d(0, 30%, 0);opacity:0}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.fancybox__carousel .is-draggable{cursor:move;cursor:grab}.fancybox__carousel .is-dragging{cursor:move;cursor:grabbing}.fancybox__carousel .carousel__slide:not(.has-image) .fancybox__content{cursor:auto}.fancybox__carousel .carousel__slide.can-zoom_in .fancybox__content{cursor:zoom-in}.fancybox__carousel .carousel__slide.can-zoom_out .fancybox__content{cursor:zoom-out}.fancybox__image{background:transparent;user-select:none}.has-image .fancybox__content{padding:0;background:transparent}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__content{min-height:1px}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;min-height:1px;object-fit:contain;background:transparent}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{min-height:1px;width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;min-height:1px;object-fit:cover}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{flex-shrink:1;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:transparent}.fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.fancybox__thumbs{flex:0 0 auto;position:relative;padding:0px 3px}.fancybox__container.is-animated[aria-hidden=true] .fancybox__thumbs{transition:unset;opacity:0}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{transition:opacity var(--fancybox-ts, 0.25s) ease-in;opacity:var(--fancybox-opacity, 1)}.fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width, 96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.fancybox__thumbs .carousel__slide.is-nav-selected::after{content:"";position:absolute;top:0;left:3px;right:3px;bottom:3px;border-bottom:3px solid currentColor}.fancybox__thumbs .carousel__slide>*{pointer-events:none;user-select:none}.fancybox__thumb{position:relative;width:100%;padding-top:calc(100% / (var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:center center;background-color:rgba(255,255,255,.1);background-repeat:no-repeat}
\ No newline at end of file
styles/plyr.css 0 → 100644
View file @ 9adbc158
@keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{from{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;direction:ltr;display:flex;flex-direction:column;font-family:inherit;font-family:var(--plyr-font-family,inherit);font-variant-numeric:tabular-nums;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);line-height:1.7;line-height:var(--plyr-line-height,1.7);max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease;z-index:0}.plyr audio,.plyr iframe,.plyr video{display:block;height:100%;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui ::after,.plyr--full-ui ::before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5464;background:var(--plyr-badge-background,#4a5464);border-radius:2px;border-radius:var(--plyr-badge-border-radius,2px);color:#fff;color:var(--plyr-badge-text-color,#fff);font-size:9px;font-size:var(--plyr-font-size-badge,9px);line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;display:none;font-size:13px;font-size:var(--plyr-font-size-small,13px);left:0;padding:10px;padding:var(--plyr-control-spacing,10px);position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions span:empty{display:none}@media(min-width:480px){.plyr__captions{font-size:15px;font-size:var(--plyr-font-size-base,15px);padding:calc(10px * 2);padding:calc(var(--plyr-control-spacing,10px) * 2)}}@media(min-width:768px){.plyr__captions{font-size:18px;font-size:var(--plyr-font-size-large,18px)}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(calc(10px * -4));transform:translateY(calc(var(--plyr-control-spacing,10px) * -4))}.plyr__caption{background:rgba(0,0,0,.8);background:var(--plyr-captions-background,rgba(0,0,0,.8));border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff;color:var(--plyr-captions-text-color,#fff);line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__caption div{display:inline}.plyr__control{background:0 0;border:0;border-radius:3px;border-radius:var(--plyr-control-radius,3px);color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:calc(10px * .7);padding:calc(var(--plyr-control-spacing,10px) * .7);position:relative;transition:all .3s ease}.plyr__control svg{display:block;fill:currentColor;height:18px;height:var(--plyr-control-icon-size,18px);pointer-events:none;width:18px;width:var(--plyr-control-icon-size,18px)}.plyr__control:focus{outline:0}.plyr__control.plyr__tab-focus{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}a.plyr__control{text-decoration:none}a.plyr__control::after,a.plyr__control::before{display:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed{display:none}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:calc(10px/4);margin-left:calc(var(--plyr-control-spacing,10px)/4)}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:calc(10px/4);padding-left:calc(var(--plyr-control-spacing,10px)/4)}.plyr__controls .plyr__controls__item.plyr__time{padding:0 calc(10px/2);padding:0 calc(var(--plyr-control-spacing,10px)/2)}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr__controls:empty{display:none}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip]{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:rgba(255,255,255,.9);background:var(--plyr-menu-background,rgba(255,255,255,.9));border-radius:4px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-menu-shadow,0 1px 2px rgba(0,0,0,.15));color:#4a5464;color:var(--plyr-menu-color,#4a5464);font-size:15px;font-size:var(--plyr-font-size-base,15px);margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container::after{border:4px solid transparent;border:var(--plyr-menu-arrow-size,4px) solid transparent;border-top-color:rgba(255,255,255,.9);border-top-color:var(--plyr-menu-background,rgba(255,255,255,.9));content:'';height:0;position:absolute;right:calc(((18px/2) + calc(10px * .7)) - (4px/2));right:calc(((var(--plyr-control-icon-size,18px)/2) + calc(var(--plyr-control-spacing,10px) * .7)) - (var(--plyr-menu-arrow-size,4px)/2));top:100%;width:0}.plyr__menu__container [role=menu]{padding:calc(10px * .7);padding:calc(var(--plyr-control-spacing,10px) * .7)}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5464;color:var(--plyr-menu-color,#4a5464);display:flex;font-size:13px;font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));padding-bottom:calc(calc(10px * .7)/1.5);padding-bottom:calc(calc(var(--plyr-control-spacing,10px) * .7)/1.5);padding-left:calc(calc(10px * .7) * 1.5);padding-left:calc(calc(var(--plyr-control-spacing,10px) * .7) * 1.5);padding-right:calc(calc(10px * .7) * 1.5);padding-right:calc(calc(var(--plyr-control-spacing,10px) * .7) * 1.5);padding-top:calc(calc(10px * .7)/1.5);padding-top:calc(calc(var(--plyr-control-spacing,10px) * .7)/1.5);-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control::after{border:4px solid transparent;border:var(--plyr-menu-item-arrow-size,4px) solid transparent;content:'';position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:calc(calc(10px * .7) * 4);padding-right:calc(calc(var(--plyr-control-spacing,10px) * .7) * 4)}.plyr__menu__container .plyr__control--forward::after{border-left-color:#728197;border-left-color:var(--plyr-menu-arrow-color,#728197);right:calc((calc(10px * .7) * 1.5) - 4px);right:calc((calc(var(--plyr-control-spacing,10px) * .7) * 1.5) - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,.plyr__menu__container .plyr__control--forward:hover::after{border-left-color:currentColor}.plyr__menu__container .plyr__control--back{font-weight:400;font-weight:var(--plyr-font-weight-regular,400);margin:calc(10px * .7);margin:calc(var(--plyr-control-spacing,10px) * .7);margin-bottom:calc(calc(10px * .7)/2);margin-bottom:calc(calc(var(--plyr-control-spacing,10px) * .7)/2);padding-left:calc(calc(10px * .7) * 4);padding-left:calc(calc(var(--plyr-control-spacing,10px) * .7) * 4);position:relative;width:calc(100% - (calc(10px * .7) * 2));width:calc(100% - (calc(var(--plyr-control-spacing,10px) * .7) * 2))}.plyr__menu__container .plyr__control--back::after{border-right-color:#728197;border-right-color:var(--plyr-menu-arrow-color,#728197);left:calc((calc(10px * .7) * 1.5) - 4px);left:calc((calc(var(--plyr-control-spacing,10px) * .7) * 1.5) - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--back::before{background:#dcdfe5;background:var(--plyr-menu-back-border-color,#dcdfe5);box-shadow:0 1px 0 #fff;box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);content:'';height:1px;left:0;margin-top:calc(calc(10px * .7)/2);margin-top:calc(calc(var(--plyr-control-spacing,10px) * .7)/2);overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back.plyr__tab-focus::after,.plyr__menu__container .plyr__control--back:hover::after{border-right-color:currentColor}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:calc(10px * .7);padding-left:calc(var(--plyr-control-spacing,10px) * .7)}.plyr__menu__container .plyr__control[role=menuitemradio]::after,.plyr__menu__container .plyr__control[role=menuitemradio]::before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]::before{background:rgba(0,0,0,.1);content:'';display:block;flex-shrink:0;height:16px;margin-right:10px;margin-right:var(--plyr-control-spacing,10px);transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]::after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before{background:#00b3ff;background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)))}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover::before{background:rgba(35,40,47,.1)}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:calc((calc(10px * .7) - 2) * -1);margin-right:calc((calc(var(--plyr-control-spacing,10px) * .7) - 2) * -1);overflow:hidden;padding-left:calc(calc(10px * .7) * 3.5);padding-left:calc(calc(var(--plyr-control-spacing,10px) * .7) * 3.5);pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;background:0 0;border:0;border-radius:calc(13px * 2);border-radius:calc(var(--plyr-range-thumb-height,13px) * 2);color:#00b3ff;color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));display:block;height:calc((3px * 2) + 13px);height:calc((var(--plyr-range-thumb-active-shadow-width,3px) * 2) + var(--plyr-range-thumb-height,13px));margin:0;min-width:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:0 0;border:0;border-radius:calc(5px/2);border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none;background-image:linear-gradient(to right,currentColor 0,transparent 0);background-image:linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0))}.plyr--full-ui input[type=range]::-webkit-slider-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px);-webkit-appearance:none;margin-top:calc(((13px - 5px)/2) * -1);margin-top:calc(((var(--plyr-range-thumb-height,13px) - var(--plyr-range-track-height,5px))/2) * -1)}.plyr--full-ui input[type=range]::-moz-range-track{background:0 0;border:0;border-radius:calc(5px/2);border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:calc(5px/2);border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px)}.plyr--full-ui input[type=range]::-ms-track{background:0 0;border:0;border-radius:calc(5px/2);border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;color:transparent}.plyr--full-ui input[type=range]::-ms-fill-upper{background:0 0;border:0;border-radius:calc(5px/2);border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:0 0;border:0;border-radius:calc(5px/2);border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;background:currentColor}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px);margin-top:0}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}.plyr__poster{background-color:#000;background-color:var(--plyr-video-background,var(--plyr-video-background,#000));background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr__time{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__time+.plyr__time::before{content:'\2044';margin-right:10px;margin-right:var(--plyr-control-spacing,10px)}@media(max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr__tooltip{background:rgba(255,255,255,.9);background:var(--plyr-tooltip-background,rgba(255,255,255,.9));border-radius:3px;border-radius:var(--plyr-tooltip-radius,3px);bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));color:#4a5464;color:var(--plyr-tooltip-color,#4a5464);font-size:13px;font-size:var(--plyr-font-size-small,13px);font-weight:400;font-weight:var(--plyr-font-weight-regular,400);left:50%;line-height:1.3;margin-bottom:calc(calc(10px/2) * 2);margin-bottom:calc(calc(var(--plyr-control-spacing,10px)/2) * 2);opacity:0;padding:calc(10px/2) calc(calc(10px/2) * 1.5);padding:calc(var(--plyr-control-spacing,10px)/2) calc(calc(var(--plyr-control-spacing,10px)/2) * 1.5);pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;white-space:nowrap;z-index:2}.plyr__tooltip::before{border-left:4px solid transparent;border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-top:4px solid rgba(255,255,255,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,rgba(255,255,255,.9));bottom:calc(4px * -1);bottom:calc(var(--plyr-tooltip-arrow-size,4px) * -1);content:'';height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%,0) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translate(0,10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip::before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before{left:calc((18px/2) + calc(10px * .7));left:calc((var(--plyr-control-icon-size,18px)/2) + calc(var(--plyr-control-spacing,10px) * .7))}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translate(0,10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip::before{left:auto;right:calc((18px/2) + calc(10px * .7));right:calc((var(--plyr-control-icon-size,18px)/2) + calc(var(--plyr-control-spacing,10px) * .7));transform:translateX(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0,0) scale(1)}.plyr__progress{left:calc(13px * .5);left:calc(var(--plyr-range-thumb-height,13px) * .5);margin-right:13px;margin-right:var(--plyr-range-thumb-height,13px);position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:calc(13px * -.5);margin-left:calc(var(--plyr-range-thumb-height,13px) * -.5);margin-right:calc(13px * -.5);margin-right:calc(var(--plyr-range-thumb-height,13px) * -.5);width:calc(100% + 13px);width:calc(100% + var(--plyr-range-thumb-height,13px))}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px));left:0}.plyr__progress__buffer{-webkit-appearance:none;background:0 0;border:0;border-radius:100px;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin-top:calc((5px/2) * -1);margin-top:calc((var(--plyr-range-track-height,5px)/2) * -1);padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:0 0}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-moz-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,rgba(35,40,47,.6) 25%,transparent 25%,transparent 50%,rgba(35,40,47,.6) 50%,rgba(35,40,47,.6) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 25%,transparent 25%,transparent 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 75%,transparent 75%,transparent);background-repeat:repeat-x;background-size:25px 25px;background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);color:transparent}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25))}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr__volume{align-items:center;display:flex;max-width:110px;min-width:80px;position:relative;width:20%}.plyr__volume input[type=range]{margin-left:calc(10px/2);margin-left:calc(var(--plyr-control-spacing,10px)/2);margin-right:calc(10px/2);margin-right:calc(var(--plyr-control-spacing,10px)/2);position:relative;z-index:2}.plyr--is-ios .plyr__volume{min-width:0;width:auto}.plyr--audio{display:block}.plyr--audio .plyr__controls{background:#fff;background:var(--plyr-audio-controls-background,#fff);border-radius:inherit;color:#4a5464;color:var(--plyr-audio-control-color,#4a5464);padding:10px;padding:var(--plyr-control-spacing,10px)}.plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b3ff;background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));color:#fff;color:var(--plyr-audio-control-color-hover,#fff)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--audio .plyr__progress__buffer{color:rgba(193,200,209,.6);color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr--video{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));height:100%;margin:auto;overflow:hidden;position:relative;width:100%}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;left:0;position:absolute;top:0}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr--video .plyr__controls{background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.75));background:var(--plyr-video-controls-background,linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.75)));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;color:var(--plyr-video-control-color,#fff);left:0;padding:calc(10px/2);padding:calc(var(--plyr-control-spacing,10px)/2);padding-top:calc(10px * 2);padding-top:calc(var(--plyr-control-spacing,10px) * 2);position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media(min-width:480px){.plyr--video .plyr__controls{padding:10px;padding:var(--plyr-control-spacing,10px);padding-top:calc(10px * 3.5);padding-top:calc(var(--plyr-control-spacing,10px) * 3.5)}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b3ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));color:#fff;color:var(--plyr-video-control-color-hover,#fff)}.plyr__control--overlaid{background:#00b3ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));border:0;border-radius:100%;color:#fff;color:var(--plyr-video-control-color,#fff);display:none;left:50%;opacity:.9;padding:calc(10px * 1.5);padding:calc(var(--plyr-control-spacing,10px) * 1.5);position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{opacity:1}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(255,255,255,.5))}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(255,255,255,.5))}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(255,255,255,.5))}.plyr--video .plyr__progress__buffer{color:rgba(255,255,255,.25);color:var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25))}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:fullscreen video{height:100%}.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media(min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}.plyr:-ms-fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}.plyr:fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}@media(min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr:-moz-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-moz-full-screen video{height:100%}.plyr:-moz-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-moz-full-screen.plyr--hide-controls{cursor:none}@media(min-width:1024px){.plyr:-moz-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}@media(min-width:1024px){.plyr:-ms-fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;height:100%;margin:0;width:100%;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__video-wrapper{height:100%;position:static}.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media(min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads::after{background:#23282f;border-radius:2px;bottom:10px;bottom:var(--plyr-control-spacing,10px);color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;right:var(--plyr-control-spacing,10px);z-index:3}.plyr__ads::after:empty{display:none}.plyr__cues{background:currentColor;display:block;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin:-var(--plyr-range-track-height,5px)/2 0 0;opacity:.8;position:absolute;top:50%;width:3px;z-index:3}.plyr__preview-thumb{background-color:rgba(255,255,255,.9);background-color:var(--plyr-tooltip-background,rgba(255,255,255,.9));border-radius:3px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));margin-bottom:calc(calc(10px/2) * 2);margin-bottom:calc(calc(var(--plyr-control-spacing,10px)/2) * 2);opacity:0;padding:3px;padding:var(--plyr-tooltip-radius,3px);pointer-events:none;position:absolute;transform:translate(0,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0,0) scale(1)}.plyr__preview-thumb::before{border-left:4px solid transparent;border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-top:4px solid rgba(255,255,255,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,rgba(255,255,255,.9));bottom:calc(4px * -1);bottom:calc(var(--plyr-tooltip-arrow-size,4px) * -1);content:'';height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c8d1;border-radius:calc(3px - 1px);border-radius:calc(var(--plyr-tooltip-radius,3px) - 1px);overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img{height:100%;left:0;max-height:none;max-width:none;position:absolute;top:0;width:100%}.plyr__preview-thumb__time-container{bottom:6px;left:0;position:absolute;right:0;white-space:nowrap;z-index:3}.plyr__preview-thumb__time-container span{background-color:rgba(0,0,0,.55);border-radius:calc(3px - 1px);border-radius:calc(var(--plyr-tooltip-radius,3px) - 1px);color:#fff;font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px));padding:3px 6px}.plyr__preview-scrubbing{bottom:0;filter:blur(1px);height:100%;left:0;margin:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);overflow:hidden;border:0!important;height:1px!important;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important}
\ No newline at end of file
styles/style.css
View file @ 9adbc158
...@@ -31,13 +31,39 @@ body { ...@@ -31,13 +31,39 @@ body {
background: #f6f8fa; background: #f6f8fa;
} }
.video {
top: 0;
-o-object-fit: cover;
object-fit: cover;
height: 100%;
width: 100vw;
left: 0;
z-index: 0;
position: absolute;
opacity: 0.99;
}
.bg-overlay {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: ' ';
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.68)), color-stop(61.02%, rgba(0, 0, 0, 0.12))), -webkit-gradient(linear, left top, left bottom, from(rgba(31, 31, 31, 0.425)), to(rgba(31, 31, 31, 0.125)));
background: linear-gradient(180deg, rgba(0, 0, 0, 0.68) 0%, rgba(0, 0, 0, 0.12) 61.02%), linear-gradient(180deg, rgba(31, 31, 31, 0.425) 0%, rgba(31, 31, 31, 0.125) 100%);
opacity: 0.8;
}
.header { .header {
opacity: 0.99; opacity: 0.99;
position: relative; position: relative;
width: 100%; width: 100%;
height: 800px; height: 800px;
background-repeat: no-repeat;
background-size: cover;
} }
.header-subpage { .header-subpage {
...@@ -719,6 +745,7 @@ body { ...@@ -719,6 +745,7 @@ body {
-webkit-box-align: start; -webkit-box-align: start;
-ms-flex-align: start; -ms-flex-align: start;
align-items: flex-start; align-items: flex-start;
z-index: 2;
} }
.heading__title { .heading__title {
...@@ -816,6 +843,7 @@ body { ...@@ -816,6 +843,7 @@ body {
.heading-menu-wrapper { .heading-menu-wrapper {
margin-top: 129px; margin-top: 129px;
border-left: 1px rgba(255, 255, 255, 0.1) solid; border-left: 1px rgba(255, 255, 255, 0.1) solid;
z-index: 2;
} }
.heading-menu-item { .heading-menu-item {
...@@ -859,7 +887,7 @@ body { ...@@ -859,7 +887,7 @@ body {
.point { .point {
position: absolute; position: absolute;
top: 650px; top: 650px;
z-index: 1; z-index: 2;
margin: 0 20px 0 108px; margin: 0 20px 0 108px;
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; display: -ms-flexbox;
...@@ -884,6 +912,7 @@ body { ...@@ -884,6 +912,7 @@ body {
-ms-flex-pack: start; -ms-flex-pack: start;
justify-content: flex-start; justify-content: flex-start;
width: 25%; width: 25%;
z-index: 3;
} }
.point-item__num { .point-item__num {
...@@ -934,8 +963,8 @@ body { ...@@ -934,8 +963,8 @@ body {
.point-item:hover { .point-item:hover {
background: #ffffff; background: #ffffff;
cursor: pointer; cursor: pointer;
-webkit-transform: translateY(-43%); -webkit-transform: translateY(-47%);
transform: translateY(-43%); transform: translateY(-47%);
} }
.point-item:hover .point-item__num, .point-item:hover .point-item__num,
...@@ -1043,6 +1072,23 @@ body { ...@@ -1043,6 +1072,23 @@ body {
transition: 0.4s; transition: 0.4s;
} }
.production-list-item img {
-webkit-clip-path: polygon(0% 25%, 25% 0%, 100% 0%, 100% 75%, 75% 100%);
clip-path: polygon(0% 25%, 25% 0%, 100% 0%, 100% 75%, 75% 100%);
height: 300px;
width: 300px;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
right: 0;
}
.production-list-item div {
padding-left: 32px;
width: 350px;
}
.production-list-item-subpage { .production-list-item-subpage {
margin-bottom: 32px; margin-bottom: 32px;
margin-right: 40px; margin-right: 40px;
...@@ -1075,7 +1121,7 @@ body { ...@@ -1075,7 +1121,7 @@ body {
line-height: 130%; line-height: 130%;
color: #16291f; color: #16291f;
margin: 40px 0; margin: 40px 0;
width: 150px; width: 180px;
-webkit-transition: 0.4s; -webkit-transition: 0.4s;
transition: 0.4s; transition: 0.4s;
margin-left: 33px; margin-left: 33px;
...@@ -1085,7 +1131,8 @@ body { ...@@ -1085,7 +1131,8 @@ body {
list-style: none; list-style: none;
} }
.production-list-item__descr { .production-list-item__descr,
.production-list-item div {
font-weight: normal; font-weight: normal;
font-size: 16px; font-size: 16px;
line-height: 160%; line-height: 160%;
...@@ -1413,7 +1460,6 @@ body { ...@@ -1413,7 +1460,6 @@ body {
} }
.press { .press {
background-color: #fff;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: right top; background-position: right top;
background-attachment: fixed; background-attachment: fixed;
...@@ -2464,6 +2510,115 @@ body { ...@@ -2464,6 +2510,115 @@ body {
margin-right: 7px; margin-right: 7px;
} }
.modal {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.modal-wrapper {
position: fixed;
top: 50%;
left: 50%;
z-index: 9;
max-width: 592px;
width: 576px;
height: 331px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color: #fff;
padding: 64px 56px;
-webkit-box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.25);
box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.25);
}
.modal-close {
position: absolute;
top: 16px;
right: 16px;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.modal-close__icon {
margin-left: 8px;
width: 16px;
height: 17px;
fill: #16291f;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.modal-close:hover .modal-close__icon {
fill: #029745;
}
.modal__title {
font-weight: 800;
font-size: 36px;
line-height: 110%;
letter-spacing: 0.02em;
color: #16291f;
margin-bottom: 32px;
text-align: center;
}
.modal__descr {
font-weight: 300;
font-size: 18px;
line-height: 130%;
text-align: center;
color: #16291f;
margin-bottom: 48px;
}
.modal__button {
background-color: #029745;
background-repeat: no-repeat;
background-size: 68px;
background-position: -5px 0px;
width: 197px;
height: 60px;
border-width: 0;
font-weight: bold;
font-size: 15px;
line-height: 120%;
letter-spacing: 0.15em;
color: #fff;
cursor: pointer;
-webkit-transition: 0.4s;
transition: 0.4s;
text-transform: uppercase;
padding: 21px 56px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
}
.modal__button:hover {
background-color: #28be4a;
}
.modal__button:active {
background-color: #07803d;
}
.overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
z-index: 2;
}
.cards { .cards {
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: right -150px; background-position: right -150px;
...@@ -3640,7 +3795,11 @@ body { ...@@ -3640,7 +3795,11 @@ body {
.tech-spec-item-img { .tech-spec-item-img {
position: relative; position: relative;
height: 100%; max-width: 320px;
}
.tech-spec-item-img > img {
width: 100%;
} }
.tech-spec-item-img__hover { .tech-spec-item-img__hover {
...@@ -3733,6 +3892,9 @@ body { ...@@ -3733,6 +3892,9 @@ body {
flex-direction: column; flex-direction: column;
margin-right: 32px; margin-right: 32px;
opacity: 0.99; opacity: 0.99;
max-width: 320px;
-ms-flex-negative: 0;
flex-shrink: 0;
} }
.sertificate-item__label { .sertificate-item__label {
...@@ -3984,13 +4146,14 @@ body { ...@@ -3984,13 +4146,14 @@ body {
.gazeta-item-img { .gazeta-item-img {
position: relative; position: relative;
} width: 100%;
background-repeat: no-repeat;
.gazeta-item-img__photo { background-size: cover;
/*&__photo {
width: 100%; width: 100%;
height: 100%; height: 100%;
-o-object-fit: cover;
object-fit: cover; object-fit: cover;
}*/
} }
.gazeta-item-img__video { .gazeta-item-img__video {
...@@ -4067,7 +4230,8 @@ body { ...@@ -4067,7 +4230,8 @@ body {
margin-right: 8px; margin-right: 8px;
} }
.gazeta-item-text__label { .gazeta-item-text__label,
.gazeta-item-text p {
font-weight: 300; font-weight: 300;
font-size: 18px; font-size: 18px;
line-height: 130%; line-height: 130%;
...@@ -4103,7 +4267,7 @@ body { ...@@ -4103,7 +4267,7 @@ body {
background-size: cover; background-size: cover;
} }
.gazeta-news > .gazeta-item:first-child .gazeta-item-img__photo { .gazeta-news > .gazeta-item:first-child .gazeta-item-img {
display: none; display: none;
} }
...@@ -4160,8 +4324,8 @@ body { ...@@ -4160,8 +4324,8 @@ body {
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(1) .gazeta-item-img,
.gazeta-news-wrapper > .gazeta-item:nth-child(2) .gazeta-item-img__photo { .gazeta-news-wrapper > .gazeta-item:nth-child(2) .gazeta-item-img {
display: none; display: none;
} }
...@@ -5266,8 +5430,8 @@ body { ...@@ -5266,8 +5430,8 @@ body {
padding-bottom: 20px; padding-bottom: 20px;
} }
.point-item:hover { .point-item:hover {
-webkit-transform: translateY(-51%); -webkit-transform: translateY(-47%);
transform: translateY(-51%); transform: translateY(-47%);
} }
.production { .production {
padding: 62px 0 0 0; padding: 62px 0 0 0;
...@@ -5284,7 +5448,8 @@ body { ...@@ -5284,7 +5448,8 @@ body {
font-size: 38px; font-size: 38px;
margin-bottom: 43px; margin-bottom: 43px;
} }
.production__descr { .production__descr,
.production div {
font-size: 14px; font-size: 14px;
margin-bottom: 18px; margin-bottom: 18px;
} }
...@@ -5302,6 +5467,10 @@ body { ...@@ -5302,6 +5467,10 @@ body {
.production-list-item-subpage { .production-list-item-subpage {
width: calc(50% - 20px); width: calc(50% - 20px);
} }
.production-list-item img {
height: 200px;
width: 200px;
}
.production-list-item__image { .production-list-item__image {
width: 185px; width: 185px;
} }
...@@ -5316,6 +5485,9 @@ body { ...@@ -5316,6 +5485,9 @@ body {
.production-list-item__descr { .production-list-item__descr {
font-size: 14px; font-size: 14px;
} }
.production-list .empty {
display: none;
}
.production-separator { .production-separator {
margin-top: 63px; margin-top: 63px;
} }
...@@ -5923,7 +6095,8 @@ body { ...@@ -5923,7 +6095,8 @@ body {
.gazeta-item-text__download { .gazeta-item-text__download {
font-size: 12px; font-size: 12px;
} }
.gazeta-item-text__label { .gazeta-item-text__label,
.gazeta-item-text p {
font-size: 14px; font-size: 14px;
} }
.select-wrapper { .select-wrapper {
...@@ -6292,6 +6465,7 @@ body { ...@@ -6292,6 +6465,7 @@ body {
-ms-flex-pack: justify; -ms-flex-pack: justify;
justify-content: space-between; justify-content: space-between;
height: 104px; height: 104px;
opacity: 0.99;
} }
.navbar-logo img { .navbar-logo img {
height: 64px; height: 64px;
...@@ -6457,6 +6631,7 @@ body { ...@@ -6457,6 +6631,7 @@ body {
display: none; display: none;
} }
.second-mob { .second-mob {
opacity: 0.99;
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
...@@ -6666,7 +6841,8 @@ body { ...@@ -6666,7 +6841,8 @@ body {
font-size: 32px; font-size: 32px;
margin-bottom: 36px; margin-bottom: 36px;
} }
.production__descr { .production__descr,
.production div {
font-size: 12px; font-size: 12px;
margin-bottom: 15px; margin-bottom: 15px;
} }
...@@ -6706,6 +6882,10 @@ body { ...@@ -6706,6 +6882,10 @@ body {
margin: 0 auto; margin: 0 auto;
margin-bottom: 10px; margin-bottom: 10px;
} }
.production-list-item img {
height: 140px;
width: 140px;
}
.production-list-item__image { .production-list-item__image {
width: 152px; width: 152px;
} }
...@@ -6994,7 +7174,7 @@ body { ...@@ -6994,7 +7174,7 @@ body {
padding: 52px 16px; padding: 52px 16px;
} }
.ecology-fact-item { .ecology-fact-item {
background-size: 15%; background-size: 120px;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
width: 100%; width: 100%;
...@@ -8064,4 +8244,63 @@ body { ...@@ -8064,4 +8244,63 @@ body {
.hidden { .hidden {
display: none; display: none;
} }
.fancybox__container {
--carousel-button-bg: rgb(0 0 0 / 44%);
--carousel-button-svg-width: 24px;
--carousel-button-svg-height: 24px;
--carousel-button-svg-stroke-width: 2.5;
--carousel-button-svg-filter: none;
}
.fancybox__nav {
--carousel-button-svg-width: 22px;
--carousel-button-svg-height: 22px;
--carousel-button-svg-stroke-width: 3;
}
.fancybox__nav .carousel__button.is-prev {
left: 30px;
}
.fancybox__nav .carousel__button.is-next {
right: 30px;
}
.carousel__button.is-close {
top: 30px;
right: 30px;
}
.fancybox__slide {
padding: 0;
}
.fancybox__thumbs {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 10;
}
.fancybox__thumbs .carousel__slide {
padding: 20px 10px;
overflow: visible;
}
.fancybox__thumb {
border-radius: 6px;
-webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -1px rgba(0, 0, 0, 0.26);
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -1px rgba(0, 0, 0, 0.26);
}
.is-nav-selected::after {
display: none;
}
.is-nav-selected .fancybox__thumb {
-webkit-transform: scale(1.25);
transform: scale(1.25);
}
/*# sourceMappingURL=style.css.map */ /*# sourceMappingURL=style.css.map */
\ No newline at end of file
styles/style.css.map
View file @ 9adbc158
This source diff could not be displayed because it is too large. You can view the blob instead.
styles/style.scss
View file @ 9adbc158
...@@ -30,13 +30,45 @@ body { ...@@ -30,13 +30,45 @@ body {
background: #f6f8fa; background: #f6f8fa;
} }
.video {
top: 0;
object-fit: cover;
height: 100%;
width: 100vw;
left: 0;
z-index: 0;
position: absolute;
opacity: 0.99;
}
.bg-overlay {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: ' ';
z-index: 0;
backface-visibility: hidden;
background: linear-gradient(
180deg,
rgba(0, 0, 0, 0.68) 0%,
rgba(0, 0, 0, 0.12) 61.02%
),
linear-gradient(
180deg,
rgba(31, 31, 31, 0.425) 0%,
rgba(31, 31, 31, 0.125) 100%
);
opacity: 0.8;
}
.header { .header {
opacity: 0.99; opacity: 0.99;
position: relative; position: relative;
width: 100%; width: 100%;
height: 800px; height: 800px;
background-repeat: no-repeat;
background-size: cover;
&-subpage { &-subpage {
height: auto; height: auto;
background-repeat: no-repeat; background-repeat: no-repeat;
...@@ -525,6 +557,7 @@ body { ...@@ -525,6 +557,7 @@ body {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: flex-start;
z-index: 2;
&__title { &__title {
font-weight: normal; font-weight: normal;
font-size: 18px; font-size: 18px;
...@@ -600,6 +633,7 @@ body { ...@@ -600,6 +633,7 @@ body {
&-wrapper { &-wrapper {
margin-top: 129px; margin-top: 129px;
border-left: 1px rgba($color: #fff, $alpha: 0.1) solid; border-left: 1px rgba($color: #fff, $alpha: 0.1) solid;
z-index: 2;
} }
&-item { &-item {
margin-bottom: 35px; margin-bottom: 35px;
...@@ -636,7 +670,7 @@ body { ...@@ -636,7 +670,7 @@ body {
.point { .point {
position: absolute; position: absolute;
top: 650px; top: 650px;
z-index: 1; z-index: 2;
margin: 0 20px 0 108px; margin: 0 20px 0 108px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
...@@ -647,6 +681,7 @@ body { ...@@ -647,6 +681,7 @@ body {
flex-direction: column; flex-direction: column;
justify-content: flex-start; justify-content: flex-start;
width: 25%; width: 25%;
z-index: 3;
&__num { &__num {
font-weight: 300; font-weight: 300;
font-size: 30px; font-size: 30px;
...@@ -684,7 +719,7 @@ body { ...@@ -684,7 +719,7 @@ body {
&-item:hover { &-item:hover {
background: #ffffff; background: #ffffff;
cursor: pointer; cursor: pointer;
transform: translateY(-43%); transform: translateY(-47%);
} }
&-item:hover &-item__num, &-item:hover &-item__num,
&-item:hover &-item-wrapper__title { &-item:hover &-item-wrapper__title {
...@@ -770,6 +805,19 @@ body { ...@@ -770,6 +805,19 @@ body {
box-sizing: border-box; box-sizing: border-box;
margin-right: 20px; margin-right: 20px;
transition: 0.4s; transition: 0.4s;
img {
clip-path: polygon(0% 25%, 25% 0%, 100% 0%, 100% 75%, 75% 100%);
height: 300px;
width: 300px;
object-fit: cover;
position: absolute;
top: 0;
right: 0;
}
div {
padding-left: 32px;
width: 350px;
}
&-subpage { &-subpage {
margin-bottom: 32px; margin-bottom: 32px;
margin-right: 40px; margin-right: 40px;
...@@ -797,14 +845,15 @@ body { ...@@ -797,14 +845,15 @@ body {
line-height: 130%; line-height: 130%;
color: #16291f; color: #16291f;
margin: 40px 0; margin: 40px 0;
width: 150px; width: 180px;
transition: 0.4s; transition: 0.4s;
margin-left: 33px; margin-left: 33px;
} }
&__points { &__points {
list-style: none; list-style: none;
} }
&__descr { &__descr,
div {
font-weight: normal; font-weight: normal;
font-size: 16px; font-size: 16px;
line-height: 160%; line-height: 160%;
...@@ -1047,7 +1096,6 @@ body { ...@@ -1047,7 +1096,6 @@ body {
} }
.press { .press {
background-color: #fff;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: right top; background-position: right top;
background-attachment: fixed; background-attachment: fixed;
...@@ -1799,6 +1847,99 @@ body { ...@@ -1799,6 +1847,99 @@ body {
} }
} }
.modal {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
&-wrapper {
position: fixed;
top: 50%;
left: 50%;
z-index: 9;
max-width: 592px;
width: 576px;
height: 331px;
box-sizing: border-box;
transform: translate(-50%, -50%);
background-color: #fff;
padding: 64px 56px;
box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.25);
}
&-close {
position: absolute;
top: 16px;
right: 16px;
transition: 0.4s;
&__icon {
margin-left: 8px;
width: 16px;
height: 17px;
fill: #16291f;
transition: 0.4s;
}
}
&-close:hover &-close__icon {
fill: #029745;
}
&__title {
font-weight: 800;
font-size: 36px;
line-height: 110%;
letter-spacing: 0.02em;
color: #16291f;
margin-bottom: 32px;
text-align: center;
}
&__descr {
font-weight: 300;
font-size: 18px;
line-height: 130%;
text-align: center;
color: #16291f;
margin-bottom: 48px;
}
&__button {
background-color: #029745;
background-repeat: no-repeat;
background-size: 68px;
background-position: -5px 0px;
width: 197px;
height: 60px;
border-width: 0;
font-weight: bold;
font-size: 15px;
line-height: 120%;
letter-spacing: 0.15em;
color: #fff;
cursor: pointer;
transition: 0.4s;
text-transform: uppercase;
padding: 21px 56px;
box-sizing: border-box;
margin: 0 auto;
}
&__button:hover {
background-color: #28be4a;
}
&__button:active {
background-color: #07803d;
}
}
.overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
z-index: 2;
}
//company //company
.cards { .cards {
background-repeat: no-repeat; background-repeat: no-repeat;
...@@ -2722,7 +2863,10 @@ body { ...@@ -2722,7 +2863,10 @@ body {
display: flex; display: flex;
&-img { &-img {
position: relative; position: relative;
height: 100%; max-width: 320px;
> img {
width: 100%;
}
&__hover { &__hover {
background: linear-gradient( background: linear-gradient(
0deg, 0deg,
...@@ -2788,6 +2932,8 @@ body { ...@@ -2788,6 +2932,8 @@ body {
flex-direction: column; flex-direction: column;
margin-right: 32px; margin-right: 32px;
opacity: 0.99; opacity: 0.99;
max-width: 320px;
flex-shrink: 0;
&__label { &__label {
margin-top: 16px; margin-top: 16px;
font-weight: bold; font-weight: bold;
...@@ -2966,11 +3112,14 @@ body { ...@@ -2966,11 +3112,14 @@ body {
margin-right: 20px; margin-right: 20px;
&-img { &-img {
position: relative; position: relative;
&__photo { width: 100%;
background-repeat: no-repeat;
background-size: cover;
/*&__photo {
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: cover; object-fit: cover;
} }*/
&__video { &__video {
position: absolute; position: absolute;
top: 0; top: 0;
...@@ -3027,7 +3176,8 @@ body { ...@@ -3027,7 +3176,8 @@ body {
margin-right: 8px; margin-right: 8px;
} }
} }
&__label { &__label,
p {
font-weight: 300; font-weight: 300;
font-size: 18px; font-size: 18px;
line-height: 130%; line-height: 130%;
...@@ -3059,7 +3209,7 @@ body { ...@@ -3059,7 +3209,7 @@ body {
background-position: center center; background-position: center center;
background-size: cover; background-size: cover;
} }
.gazeta-news > .gazeta-item:first-child .gazeta-item-img__photo { .gazeta-news > .gazeta-item:first-child .gazeta-item-img {
display: none; display: none;
} }
.gazeta-news > .gazeta-item:first-child .gazeta-item-text { .gazeta-news > .gazeta-item:first-child .gazeta-item-text {
...@@ -3100,8 +3250,8 @@ body { ...@@ -3100,8 +3250,8 @@ body {
height: auto; height: auto;
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(1) .gazeta-item-img,
.gazeta-news-wrapper > .gazeta-item:nth-child(2) .gazeta-item-img__photo { .gazeta-news-wrapper > .gazeta-item:nth-child(2) .gazeta-item-img {
display: none; display: none;
} }
...@@ -3975,7 +4125,7 @@ body { ...@@ -3975,7 +4125,7 @@ body {
} }
} }
&-item:hover { &-item:hover {
transform: translateY(-51%); transform: translateY(-47%);
} }
} }
.production { .production {
...@@ -3992,7 +4142,8 @@ body { ...@@ -3992,7 +4142,8 @@ body {
font-size: 38px; font-size: 38px;
margin-bottom: 43px; margin-bottom: 43px;
} }
&__descr { &__descr,
div {
font-size: 14px; font-size: 14px;
margin-bottom: 18px; margin-bottom: 18px;
} }
...@@ -4010,6 +4161,10 @@ body { ...@@ -4010,6 +4161,10 @@ body {
padding: 50px 52px; padding: 50px 52px;
min-height: 315px; min-height: 315px;
background-size: 180px 180px; background-size: 180px 180px;
img {
height: 200px;
width: 200px;
}
&__image { &__image {
width: 185px; width: 185px;
} }
...@@ -4025,6 +4180,9 @@ body { ...@@ -4025,6 +4180,9 @@ body {
font-size: 14px; font-size: 14px;
} }
} }
.empty {
display: none;
}
} }
&-separator { &-separator {
margin-top: 63px; margin-top: 63px;
...@@ -4700,7 +4858,8 @@ body { ...@@ -4700,7 +4858,8 @@ body {
&__download { &__download {
font-size: 12px; font-size: 12px;
} }
&__label { &__label,
p {
font-size: 14px; font-size: 14px;
} }
} }
...@@ -5080,6 +5239,7 @@ body { ...@@ -5080,6 +5239,7 @@ body {
position: static; position: static;
justify-content: space-between; justify-content: space-between;
height: 104px; height: 104px;
opacity: 0.99;
&-logo img { &-logo img {
height: 64px; height: 64px;
} }
...@@ -5217,6 +5377,7 @@ body { ...@@ -5217,6 +5377,7 @@ body {
display: none; display: none;
} }
.second-mob { .second-mob {
opacity: 0.99;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
list-style: none; list-style: none;
...@@ -5381,7 +5542,8 @@ body { ...@@ -5381,7 +5542,8 @@ body {
font-size: 32px; font-size: 32px;
margin-bottom: 36px; margin-bottom: 36px;
} }
&__descr { &__descr,
div {
font-size: 12px; font-size: 12px;
margin-bottom: 15px; margin-bottom: 15px;
} }
...@@ -5409,6 +5571,10 @@ body { ...@@ -5409,6 +5571,10 @@ body {
margin-bottom: 8px; margin-bottom: 8px;
display: flex; display: flex;
justify-content: center; justify-content: center;
img {
height: 140px;
width: 140px;
}
&__image { &__image {
width: 152px; width: 152px;
} }
...@@ -5674,7 +5840,7 @@ body { ...@@ -5674,7 +5840,7 @@ body {
margin: 0; margin: 0;
padding: 52px 16px; padding: 52px 16px;
&-item { &-item {
background-size: 15%; background-size: 120px;
box-sizing: border-box; box-sizing: border-box;
width: 100%; width: 100%;
padding: 62px 46px; padding: 62px 46px;
...@@ -6704,3 +6870,64 @@ body { ...@@ -6704,3 +6870,64 @@ body {
.hidden { .hidden {
display: none; display: none;
} }
.fancybox__container {
--carousel-button-bg: rgb(0 0 0 / 44%);
--carousel-button-svg-width: 24px;
--carousel-button-svg-height: 24px;
--carousel-button-svg-stroke-width: 2.5;
--carousel-button-svg-filter: none;
}
.fancybox__nav {
--carousel-button-svg-width: 22px;
--carousel-button-svg-height: 22px;
--carousel-button-svg-stroke-width: 3;
}
.fancybox__nav .carousel__button.is-prev {
left: 30px;
}
.fancybox__nav .carousel__button.is-next {
right: 30px;
}
.carousel__button.is-close {
top: 30px;
right: 30px;
}
.fancybox__slide {
padding: 0;
}
.fancybox__thumbs {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 10;
}
.fancybox__thumbs .carousel__slide {
padding: 20px 10px;
overflow: visible;
}
.fancybox__thumb {
border-radius: 6px;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3),
0 2px 4px -1px rgba(0, 0, 0, 0.26);
}
.is-nav-selected::after {
display: none;
}
.is-nav-selected .fancybox__thumb {
transform: scale(1.25);
}
videogallery.html
View file @ 9adbc158
...@@ -9,6 +9,8 @@ ...@@ -9,6 +9,8 @@
<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap" rel="stylesheet"> <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/style.css">
<link rel="stylesheet" href="styles/normalize.css"> <link rel="stylesheet" href="styles/normalize.css">
<link rel="stylesheet" href="styles/fancybox.css">
<link rel="stylesheet" href="styles/plyr.css">
</head> </head>
<body class="body-subpage"> <body class="body-subpage">
<div class="menu-hidden" style="background-image: url('img/menu_mask.svg');"> <div class="menu-hidden" style="background-image: url('img/menu_mask.svg');">
...@@ -492,145 +494,145 @@ ...@@ -492,145 +494,145 @@
</header> </header>
<section class="gazeta-wrapper" style="background-image: url('img/company_mask.svg');"> <section class="gazeta-wrapper" style="background-image: url('img/company_mask.svg');">
<div class="gazeta"> <div class="gazeta">
<a class="gazeta-item"> <a class="gazeta-item" data-fancybox data-plyr href="https://www.youtube.com/embed/muIukq3bTVw?autoplay=1">
<div class="gazeta-item-img"> <div class="inline gazeta-item-img photo-item-img" style="background-image: url('img/phgal1.jpg');">
<img class="gazeta-item-img__photo" src="img/phgal1.jpg" alt="photo"> <!--<img class=" gazeta-item-img__photo" alt="photo" src="img/phgal1.jpg">-->
<div class="gazeta-item-img__hover"></div>
<div class="gazeta-item-img__video"> <div class="gazeta-item-img__video">
<img src="img/play_icon.svg" alt="play"> <img src="img/play_icon.svg" alt="play">
</div> </div>
<div class="gazeta-item-img__hover"></div>
</div> </div>
<div class="gazeta-item-text"> <div class="gazeta-item-text">
<h3 class="gazeta-item-text__title">Министр экономического развития и инвестиций Нижегородской области Игорь Норенков посетил лесозаготовительные участки АО «Волга» в рамках выездного совещания по вопросу реализации приоритетного инвестпроекта в области освоения лесов</h3> <h3 class="gazeta-item-text__title">Министр экономического развития и инвестиций Нижегородской области Игорь Норенков посетил лесозаготовительные участки АО «Волга» в рамках выездного совещания по вопросу реализации приоритетного инвестпроекта в области освоения лесов</h3>
</div> </div>
</a> </a>
<a class="gazeta-item"> <a class="gazeta-item" data-fancybox data-plyr href="https://www.youtube.com/embed/muIukq3bTVw?autoplay=1">
<div class="gazeta-item-img"> <div class="inline gazeta-item-img photo-item-img" style="background-image: url('img/phgal2.jpg');">
<img class="gazeta-item-img__photo" src="img/phgal2.jpg" alt="photo"> <!--<img class="inline gazeta-item-img__photo" src="img/phgal2.jpg" alt="photo">-->
<div class="gazeta-item-img__hover"></div>
<div class="gazeta-item-img__video"> <div class="gazeta-item-img__video">
<img src="img/play_icon.svg" alt="play"> <img src="img/play_icon.svg" alt="play">
</div> </div>
<div class="gazeta-item-img__hover"></div>
</div> </div>
<div class="gazeta-item-text"> <div class="gazeta-item-text">
<h3 class="gazeta-item-text__title">Независимые машины</h3> <h3 class="gazeta-item-text__title">Независимые машины</h3>
</div> </div>
</a> </a>
<a class="gazeta-item"> <a class="gazeta-item" data-fancybox data-plyr href="https://www.youtube.com/embed/muIukq3bTVw?autoplay=1">
<div class="gazeta-item-img"> <div class="inline gazeta-item-img photo-item-img" style="background-image: url('img/phgal3.jpg');">
<img class="gazeta-item-img__photo" src="img/phgal3.jpg" alt="photo"> <!--<img class="inline gazeta-item-img__photo" src="img/phgal3.jpg" alt="photo">-->
<div class="gazeta-item-img__hover"></div>
<div class="gazeta-item-img__video"> <div class="gazeta-item-img__video">
<img src="img/play_icon.svg" alt="play"> <img src="img/play_icon.svg" alt="play">
</div> </div>
<div class="gazeta-item-img__hover"></div>
</div> </div>
<div class="gazeta-item-text"> <div class="gazeta-item-text">
<h3 class="gazeta-item-text__title">Модернизация в энергокомплексе АО «Волга» продолжается</h3> <h3 class="gazeta-item-text__title">Модернизация в энергокомплексе АО «Волга» продолжается</h3>
</div> </div>
</a> </a>
<a class="gazeta-item"> <a class="gazeta-item" data-fancybox data-plyr href="https://www.youtube.com/embed/muIukq3bTVw?autoplay=1">
<div class="gazeta-item-img"> <div class="inline gazeta-item-img photo-item-img" style="background-image: url('img/phgal1.jpg');">
<img class="gazeta-item-img__photo" src="img/phgal1.jpg" alt="photo"> <!--<img class=" gazeta-item-img__photo" alt="photo" src="img/phgal1.jpg">-->
<div class="gazeta-item-img__hover"></div>
<div class="gazeta-item-img__video"> <div class="gazeta-item-img__video">
<img src="img/play_icon.svg" alt="play"> <img src="img/play_icon.svg" alt="play">
</div> </div>
<div class="gazeta-item-img__hover"></div>
</div> </div>
<div class="gazeta-item-text"> <div class="gazeta-item-text">
<h3 class="gazeta-item-text__title">Министр экономического развития и инвестиций Нижегородской области Игорь Норенков посетил лесозаготовительные участки АО «Волга» в рамках выездного совещания по вопросу реализации приоритетного инвестпроекта в области освоения лесов</h3> <h3 class="gazeta-item-text__title">Министр экономического развития и инвестиций Нижегородской области Игорь Норенков посетил лесозаготовительные участки АО «Волга» в рамках выездного совещания по вопросу реализации приоритетного инвестпроекта в области освоения лесов</h3>
</div> </div>
</a> </a>
<a class="gazeta-item"> <a class="gazeta-item" data-fancybox data-plyr href="https://www.youtube.com/embed/muIukq3bTVw?autoplay=1">
<div class="gazeta-item-img"> <div class="inline gazeta-item-img photo-item-img" style="background-image: url('img/phgal2.jpg');">
<img class="gazeta-item-img__photo" src="img/phgal2.jpg" alt="photo"> <!--<img class="inline gazeta-item-img__photo" src="img/phgal2.jpg" alt="photo">-->
<div class="gazeta-item-img__hover"></div>
<div class="gazeta-item-img__video"> <div class="gazeta-item-img__video">
<img src="img/play_icon.svg" alt="play"> <img src="img/play_icon.svg" alt="play">
</div> </div>
<div class="gazeta-item-img__hover"></div>
</div> </div>
<div class="gazeta-item-text"> <div class="gazeta-item-text">
<h3 class="gazeta-item-text__title">Независимые машины</h3> <h3 class="gazeta-item-text__title">Независимые машины</h3>
</div> </div>
</a> </a>
<a class="gazeta-item"> <a class="gazeta-item" data-fancybox data-plyr href="https://www.youtube.com/embed/muIukq3bTVw?autoplay=1">
<div class="gazeta-item-img"> <div class="inline gazeta-item-img photo-item-img" style="background-image: url('img/phgal3.jpg');">
<img class="gazeta-item-img__photo" src="img/phgal3.jpg" alt="photo"> <!--<img class="inline gazeta-item-img__photo" src="img/phgal3.jpg" alt="photo">-->
<div class="gazeta-item-img__hover"></div>
<div class="gazeta-item-img__video"> <div class="gazeta-item-img__video">
<img src="img/play_icon.svg" alt="play"> <img src="img/play_icon.svg" alt="play">
</div> </div>
<div class="gazeta-item-img__hover"></div>
</div> </div>
<div class="gazeta-item-text"> <div class="gazeta-item-text">
<h3 class="gazeta-item-text__title">Модернизация в энергокомплексе АО «Волга» продолжается</h3> <h3 class="gazeta-item-text__title">Модернизация в энергокомплексе АО «Волга» продолжается</h3>
</div> </div>
</a> </a>
<a class="gazeta-item"> <a class="gazeta-item" data-fancybox data-plyr href="https://www.youtube.com/embed/muIukq3bTVw?autoplay=1">
<div class="gazeta-item-img"> <div class="inline gazeta-item-img photo-item-img" style="background-image: url('img/phgal1.jpg');">
<img class="gazeta-item-img__photo" src="img/phgal1.jpg" alt="photo"> <!--<img class=" gazeta-item-img__photo" alt="photo" src="img/phgal1.jpg">-->
<div class="gazeta-item-img__hover"></div>
<div class="gazeta-item-img__video"> <div class="gazeta-item-img__video">
<img src="img/play_icon.svg" alt="play"> <img src="img/play_icon.svg" alt="play">
</div> </div>
<div class="gazeta-item-img__hover"></div>
</div> </div>
<div class="gazeta-item-text"> <div class="gazeta-item-text">
<h3 class="gazeta-item-text__title">Министр экономического развития и инвестиций Нижегородской области Игорь Норенков посетил лесозаготовительные участки АО «Волга» в рамках выездного совещания по вопросу реализации приоритетного инвестпроекта в области освоения лесов</h3> <h3 class="gazeta-item-text__title">Министр экономического развития и инвестиций Нижегородской области Игорь Норенков посетил лесозаготовительные участки АО «Волга» в рамках выездного совещания по вопросу реализации приоритетного инвестпроекта в области освоения лесов</h3>
</div> </div>
</a> </a>
<a class="gazeta-item"> <a class="gazeta-item" data-fancybox data-plyr href="https://www.youtube.com/embed/muIukq3bTVw?autoplay=1">
<div class="gazeta-item-img"> <div class="inline gazeta-item-img photo-item-img" style="background-image: url('img/phgal2.jpg');">
<img class="gazeta-item-img__photo" src="img/phgal2.jpg" alt="photo"> <!--<img class="inline gazeta-item-img__photo" src="img/phgal2.jpg" alt="photo">-->
<div class="gazeta-item-img__hover"></div>
<div class="gazeta-item-img__video"> <div class="gazeta-item-img__video">
<img src="img/play_icon.svg" alt="play"> <img src="img/play_icon.svg" alt="play">
</div> </div>
<div class="gazeta-item-img__hover"></div>
</div> </div>
<div class="gazeta-item-text"> <div class="gazeta-item-text">
<h3 class="gazeta-item-text__title">Независимые машины</h3> <h3 class="gazeta-item-text__title">Независимые машины</h3>
</div> </div>
</a> </a>
<a class="gazeta-item"> <a class="gazeta-item" data-fancybox data-plyr href="https://www.youtube.com/embed/muIukq3bTVw?autoplay=1">
<div class="gazeta-item-img"> <div class="inline gazeta-item-img photo-item-img" style="background-image: url('img/phgal3.jpg');">
<img class="gazeta-item-img__photo" src="img/phgal3.jpg" alt="photo"> <!--<img class="inline gazeta-item-img__photo" src="img/phgal3.jpg" alt="photo">-->
<div class="gazeta-item-img__hover"></div>
<div class="gazeta-item-img__video"> <div class="gazeta-item-img__video">
<img src="img/play_icon.svg" alt="play"> <img src="img/play_icon.svg" alt="play">
</div> </div>
<div class="gazeta-item-img__hover"></div>
</div> </div>
<div class="gazeta-item-text"> <div class="gazeta-item-text">
<h3 class="gazeta-item-text__title">Модернизация в энергокомплексе АО «Волга» продолжается</h3> <h3 class="gazeta-item-text__title">Модернизация в энергокомплексе АО «Волга» продолжается</h3>
</div> </div>
</a> </a>
<a class="gazeta-item"> <a class="gazeta-item" data-fancybox data-plyr href="https://www.youtube.com/embed/muIukq3bTVw?autoplay=1">
<div class="gazeta-item-img"> <div class="inline gazeta-item-img photo-item-img" style="background-image: url('img/phgal1.jpg');">
<img class="gazeta-item-img__photo" src="img/phgal1.jpg" alt="photo"> <!--<img class=" gazeta-item-img__photo" alt="photo" src="img/phgal1.jpg">-->
<div class="gazeta-item-img__hover"></div>
<div class="gazeta-item-img__video"> <div class="gazeta-item-img__video">
<img src="img/play_icon.svg" alt="play"> <img src="img/play_icon.svg" alt="play">
</div> </div>
<div class="gazeta-item-img__hover"></div>
</div> </div>
<div class="gazeta-item-text"> <div class="gazeta-item-text">
<h3 class="gazeta-item-text__title">Министр экономического развития и инвестиций Нижегородской области Игорь Норенков посетил лесозаготовительные участки АО «Волга» в рамках выездного совещания по вопросу реализации приоритетного инвестпроекта в области освоения лесов</h3> <h3 class="gazeta-item-text__title">Министр экономического развития и инвестиций Нижегородской области Игорь Норенков посетил лесозаготовительные участки АО «Волга» в рамках выездного совещания по вопросу реализации приоритетного инвестпроекта в области освоения лесов</h3>
</div> </div>
</a> </a>
<a class="gazeta-item"> <a class="gazeta-item" data-fancybox data-plyr href="https://www.youtube.com/embed/muIukq3bTVw?autoplay=1">
<div class="gazeta-item-img"> <div class="inline gazeta-item-img photo-item-img" style="background-image: url('img/phgal2.jpg');">
<img class="gazeta-item-img__photo" src="img/phgal2.jpg" alt="photo"> <!--<img class="inline gazeta-item-img__photo" src="img/phgal2.jpg" alt="photo">-->
<div class="gazeta-item-img__hover"></div>
<div class="gazeta-item-img__video"> <div class="gazeta-item-img__video">
<img src="img/play_icon.svg" alt="play"> <img src="img/play_icon.svg" alt="play">
</div> </div>
<div class="gazeta-item-img__hover"></div>
</div> </div>
<div class="gazeta-item-text"> <div class="gazeta-item-text">
<h3 class="gazeta-item-text__title">Независимые машины</h3> <h3 class="gazeta-item-text__title">Независимые машины</h3>
</div> </div>
</a> </a>
<a class="gazeta-item"> <a class="gazeta-item" data-fancybox data-plyr href="https://www.youtube.com/embed/muIukq3bTVw?autoplay=1">
<div class="gazeta-item-img"> <div class="inline gazeta-item-img photo-item-img" style="background-image: url('img/phgal3.jpg');">
<img class="gazeta-item-img__photo" src="img/phgal3.jpg" alt="photo"> <!--<img class="inline gazeta-item-img__photo" src="img/phgal3.jpg" alt="photo">-->
<div class="gazeta-item-img__hover"></div>
<div class="gazeta-item-img__video"> <div class="gazeta-item-img__video">
<img src="img/play_icon.svg" alt="play"> <img src="img/play_icon.svg" alt="play">
</div> </div>
<div class="gazeta-item-img__hover"></div>
</div> </div>
<div class="gazeta-item-text"> <div class="gazeta-item-text">
<h3 class="gazeta-item-text__title">Модернизация в энергокомплексе АО «Волга» продолжается</h3> <h3 class="gazeta-item-text__title">Модернизация в энергокомплексе АО «Волга» продолжается</h3>
...@@ -725,6 +727,8 @@ ...@@ -725,6 +727,8 @@
</div> </div>
</footer> </footer>
<script defer src="js/jquery-3.6.0.min.js"></script> <script defer src="js/jquery-3.6.0.min.js"></script>
<script defer src="js/fancybox.umd.js"></script>
<script defer src="js/plyr.js"></script>
<script defer src="js/index.js"></script> <script defer src="js/index.js"></script>
</body> </body>
</html> </html>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment