in progress

wp-content/themes/biuro/css/05-layout/_layout--section.css

@@ -39,8 +39,14 @@
 .l-section { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
 
 .l-section--search-page { background-image: url(/wp-content/themes/biuro/i/search-page.png); }
+@supports (background-image: -webkit-image-set(url(/wp-content/themes/biuro/i/search-page.webp) 1x)) {
+   .l-section--search-page { background-image: url(/wp-content/themes/biuro/i/search-page.webp); }
+}
 
 .l-section--vdb { background-image: url(/wp-content/themes/biuro/i/vdb/section.png); }
+@supports (background-image: -webkit-image-set(url(/wp-content/themes/biuro/i/vdb/section.webp) 1x)) {
+   .l-section--vdb { background-image: url(/wp-content/themes/biuro/i/vdb/section.webp); }
+}
 
 .l-section--front-page { background-image: url(/wp-content/themes/biuro/i/front-page.png); background-size: 200%;
     @media (--min--small) {
@@ -50,5 +56,48 @@
          background-size: cover;
     }
 }
+@supports (background-image: -webkit-image-set(url(/wp-content/themes/biuro/i/front-page.webp) 1x)) {
+   .l-section--front-page { background-image: url(/wp-content/themes/biuro/i/front-page.webp); }
+}
 
 .l-section--sales-page { background-image: url(/wp-content/themes/biuro/i/sales-page.png); }
+@supports (background-image: -webkit-image-set(url(/wp-content/themes/biuro/i/sales-page.webp) 1x)) {
+   .l-section--sales-page { background-image: url(/wp-content/themes/biuro/i/sales-page.webp); }
+}
+
+/*@supports (background-image: -webkit-image-set(url(/wp-content/themes/biuro/i/front-page.webp) 1x)) {
+    .l-section--search-page { background-image: url(/wp-content/themes/biuro/i/search-page.webp); }
+    .l-section--vdb { background-image: url(/wp-content/themes/biuro/i/vdb/section.webp); }
+    .l-section--front-page { background-image: url(/wp-content/themes/biuro/i/front-page.webp); }
+    .l-section--sales-page { background-image: url(/wp-content/themes/biuro/i/sales-page.webp); }
+}*/
+
+
+/*
+.l-section--search-page { background-image: url(/wp-content/themes/biuro/i/search-page.png); }
+@supports (background-image: -webkit-image-set(url(/wp-content/themes/biuro/i/search-page.webp) 1x)) {
+   .l-section--search-page { background-image: url(/wp-content/themes/biuro/i/search-page.webp); }
+}
+
+.l-section--vdb { background-image: url(/wp-content/themes/biuro/i/vdb/section.png); }
+@supports (background-image: -webkit-image-set(url(/wp-content/themes/biuro/i/vdb/section.webp) 1x)) {
+   .l-section--vdb { background-image: url(/wp-content/themes/biuro/i/vdb/section.webp); }
+}
+
+.l-section--front-page { background-image: url(/wp-content/themes/biuro/i/front-page.png); background-size: 200%;
+    @media (--min--small) {
+        background-size: 150%;
+    }
+    @media (--min--medium) {
+         background-size: cover;
+    }
+}
+@supports (background-image: -webkit-image-set(url(/wp-content/themes/biuro/i/front-page.webp) 1x)) {
+   .l-section--front-page { background-image: url(/wp-content/themes/biuro/i/front-page.webp);
+}
+
+.l-section--sales-page { background-image: url(/wp-content/themes/biuro/i/sales-page.png); }
+@supports (background-image: -webkit-image-set(url(/wp-content/themes/biuro/i/sales-page.webp) 1x)) {
+   .l-section--sales-page { background-image: url(/wp-content/themes/biuro/i/sales-page.webp); }
+}
+*/

wp-content/themes/biuro/css/07-components/_component--data-controller.css

 /* ------------- Component: data controller ------------- */
 
 /* critical:start */
+/* critical:end */
 
 .c-data-controller { margin-bottom: 20px; padding: 10px 0 10px; text-align: center; font-size: 13px; font-weight: 300; line-height: 19px;
     @media (--min--medium) {
@@ -9,4 +10,3 @@
     p   { margin: 0 0 10px; }
 }
 
-/* critical:end */

wp-content/themes/biuro/css/07-components/_component--footer-sections.css

 /* ------------- Component: footer sections ------------- */
 
 /* critical:start */
+.c-footer-sections {
+    @media (--min--medium) {
+        display: flex;
+    }
+}
 
+.c-footer-section {
+    @media (--min--medium) {
+        flex: 10 0 15%;
+    }
+    &:nth-child(1) { flex: 5 0 15%; }
+    &:nth-child(4) { flex: 1 0 15%; }
+}
 /* critical:end */
 
 .c-footer-sections {
     @media (--min--medium) {
-        display: flex; flex-wrap: wrap;
+        flex-wrap: wrap;
     }
     @media (--max--medium) {
         text-align: center; font-size: 13px;
@@ -15,10 +27,8 @@
 
 .c-footer-section { line-height: 36px; margin: 0 0 18px;
     @media (--min--medium) {
-        flex: 10 0 15%; line-height: 25px; margin: 0 0 30px;
+        line-height: 25px; margin: 0 0 30px;
     }
-    &:nth-child(1) { flex: 5 0 15%; }
-    &:nth-child(4) { flex: 1 0 15%; }
     h4  { margin: 0; padding: 0;  }
 }
 

wp-content/themes/biuro/css/07-components/_component--jobs-section.css

 /* ------------- Component: jobs section ------------- */
 
 /* critical:start */
-
+.c-jobs-section { margin: 0 20px 20px 0; padding: 28px 28px 23px; }
 /* critical:end */
 
-.c-jobs-section { margin: 0 20px 20px 0; padding: 28px 28px 23px; border-radius: 3px; background-color: #ffffff;
+
+
+.c-jobs-section { border-radius: 3px; background-color: #ffffff;
     @media (--max--medium) {
         border-radius: 0; margin: 0; padding-bottom: 0; position: relative;
     }
 }
 
-.c-jobs-section--heading { margin: 0 0 15px; padding: 0; color: #2A3644; font-size: 18px; font-weight: 500; line-height: 21px; }
+/* critical:start */
+.c-jobs-section--heading { margin: 0 0 15px; }
+/* critical:end */
+
+
+.c-jobs-section--heading {  padding: 0; color: #2A3644; font-size: 18px; font-weight: 500; line-height: 21px; }
 
 .c-jobs-section--content { overflow: hidden; }
 
@@ -18,8 +25,9 @@
     .c-jobs-section--content { max-height: 100px; }
 }
 
-
-.c-jobs-section--list { margin: 0; padding: 0; list-style: none; }
+/* critical:start */
+    .c-jobs-section--list { margin: 0; padding: 0; list-style: none; }
+/* critical:end */
 
 .c-jobs-section--item { line-height: 33px; }
 

wp-content/themes/biuro/css/07-components/_component--jobs.css

@@ -77,6 +77,9 @@
     }
 }
 
+/* critical:start */
+.c-jobs--anchor     { display: block; padding: 4px 0; color: #004ED4; font-weight: 500; line-height: 18px; text-decoration: none; }
+/* critical:end */
 .c-jobs--anchor     { display: block; padding: 4px 0; color: #004ED4; font-weight: 500; line-height: 18px; text-decoration: none;
     @media (--max--medium) {
         font-size: 16px; line-height: 23px;

wp-content/themes/biuro/css/07-components/_component--nav.css

@@ -28,11 +28,16 @@
         height: 70px; margin-right: 26px; padding: 23px 0 0;
     }
 }
-/* critical:end */
-.c-nav--main-anchor    { display: block; padding: 5px 0 4px; text-transform: uppercase; border-bottom: 2px solid transparent; text-decoration: none; color: #fff; font-weight: bold; letter-spacing: 1px; opacity: 0.6;
+
+.c-nav--main-anchor    { display: block; padding: 5px 0 4px; font-weight: 500; color: #fff; text-decoration: none;
     @media (--min--medium) {
         color: var(--color--blue-dark);
     }
+}
+
+/* critical:end */
+
+.c-nav--main-anchor    { display: block; padding: 5px 0 4px; text-transform: uppercase; border-bottom: 2px solid transparent;  font-weight: bold; letter-spacing: 1px; opacity: 0.6;
     &:hover { opacity: 1; }
 }
 
@@ -59,6 +64,7 @@
     }
 }
 .c-nav--region    {  }
+
 /* critical:start */
 .c-nav--lang-wrap   { width: 74px; height: 32px;
     @media (--max--medium) {

wp-content/themes/biuro/css/07-components/_component--sections.css

@@ -3,16 +3,11 @@
 
 /* critical:start */
 
-/* critical:end */
-
 .c-sections   { max-width: 1000px; margin-right: auto; margin-left: auto; align-items: center; padding: 20px 20px 20px;
     @media (--min--medium) {
         padding: 50px 20px 135px;
     }
 }
-
-.c-sections--heading { color: #2A3644; margin: 0 0 40px; padding: 0; font-size: 25px; font-weight: 500; line-height: 29px; text-align: center; }
-
 .c-sections--inner  {
     @media (--min--medium) {
          display: flex; flex-wrap: wrap; justify-content: space-between;
@@ -27,6 +22,12 @@
          flex: 0 0 300px;
     }
 }
+/* critical:end */
+
+
+.c-sections--heading { color: #2A3644; margin: 0 0 40px; padding: 0; font-size: 25px; font-weight: 500; line-height: 29px; text-align: center; }
+
+
 
 .c-sections--item-inner  { position: absolute; top: 0; left: 0; width: 100%; height: 211px; padding: 27px 21px; border-radius: 3px; background: #FFFFFF;  box-shadow: 2px 2px 31px 0 rgba(238,238,238,0.5); overflow: hidden; }
 

wp-content/themes/biuro/css/07-components/_component--services.css

@@ -2,15 +2,13 @@
 
 /* critical:start */
 
-/* critical:end */
-
 .c-services   { @extend .l-inner-small; padding: 20px;
    @media (--min--medium) {
         display: flex; flex-wrap: wrap; align-items: center; padding-top: 64px; padding-bottom: 64px; justify-content: space-between;
     }
 }
 
-.c-services--item  { position: relative;  height: 245px;
+.c-services--item  { position: relative; height: 245px;
     @media (--max--medium) {
         max-width: 380px; margin: 0 auto 20px;
     }
@@ -19,9 +17,13 @@
     }
 }
 
+.c-services--toggle  { display: none; }
+
+/* critical:end */
+
 .c-services--item-inner  { position: absolute; top: 0; left: 0; width: 100%; height: 245px; border-radius: 3px; background-color: #FFFFFF;  box-shadow: 2px 2px 31px 0 rgba(238,238,238,0.5); }
 
-.c-services--toggle  { position: absolute; left: 0; width: 100%; bottom: 0; padding: 10px 0; text-align: center; cursor: pointer; }
+.c-services--toggle  { display: block; position: absolute; left: 0; width: 100%; bottom: 0; padding: 10px 0; text-align: center; cursor: pointer; }
 
 .c-services--toggle-up { display: none; }
 

wp-content/themes/biuro/css/07-components/_component--values.css

 /* ------------- Component: values ------------- */
 
-/* critical:start */
 
 .c-values { background: linear-gradient(138.69deg, #4EACD9 0%, #2FB8A1 100%); color: #fff; }
 
+
+/* critical:start */
 .c-values--inner { @extend .l-inner-small; padding-top: 20px; padding-bottom: 20px;
     @media (--max--medium) {
         max-width: 400px;
@@ -13,20 +14,22 @@
     }
 }
 
-/* critical:end */
-
 .c-values--section  { max-width: 250px;
     @media (--min--medium) {
         flex: 0 0 40%; max-width: 280px;
     }
 }
 
-.c-values--heading { display: inline-block; min-width: 139px; margin: 0 0 18px; padding: 0 10px 0 0; border-bottom: 4px solid #fff; font-weight: bold;  min-height: 34px; color: #F8F8F8; font-size: 35px; line-height: 41px;
+.c-values--heading { min-height: 34px; font-size: 35px; line-height: 41px;
     @media (--min--medium) {
         min-height: 66px; font-size: 45px; line-height: 53px;
     }
 }
 
+/* critical:end */
+
+.c-values--heading { display: inline-block; min-width: 139px; margin: 0 0 18px; padding: 0 10px 0 0; border-bottom: 4px solid #fff; font-weight: bold; color: #F8F8F8; }
+
 .c-values--content { display: block; min-height: 67px; margin: 0 0 20px; padding: 0; font-size: 15px; line-height: 26px; font-weight: 500;
     @media (--min--medium) {
         min-height: 80px; line-height: 30px;

wp-content/themes/biuro/footer.php

@@ -87,7 +87,7 @@
 <?php
     endif;
 ?>
-    <script src="/wp-content/themes/biuro/js/main-63c39ea0.min.js" async></script>
+    <script src="/wp-content/themes/biuro/js/main.min.js" async></script>
 
     <?php wp_footer(); ?>
 </body>

wp-content/themes/biuro/front-page.php

@@ -109,7 +109,10 @@
                     endif;
                  ?>
                     <div class="c-contact--img">
-                        <img src="/wp-content/themes/biuro/i/contact.png" alt="" width="328" height="95">
+                        <picture>
+                            <source srcset="/wp-content/themes/biuro/i/contact.webp" type="image/jpeg">
+                            <img src="/wp-content/themes/biuro/i/contact.png" alt="" width="328" height="95">
+                        </picture>
                     </div>
                 </div>
 

wp-content/themes/biuro/header.php

@@ -22,23 +22,19 @@
     get_template_part( 'template-parts/meta/canonical');
 ?>
 
-    <style><?php include 'css/core-1064aec6fe.min.css'; ?></style>
+    <link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-500.woff2" crossorigin="anonymous" >
+    <link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-regular.woff2" crossorigin="anonymous" >
 
-    <link rel="preload" href="/wp-content/themes/biuro/css/main-8fd8d5e9f3.min.css" as="style" onload="this.rel='stylesheet'">
+    <style><?php include 'css/core.min.css'; ?></style>
 
-    <link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-500.woff2">
-    <link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-regular.woff2">
-    <link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-300.woff2">
-    <link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-700.woff2">
+    <link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-300.woff2" crossorigin="anonymous" >
+    <link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-700.woff2" crossorigin="anonymous" >
+
+    <link rel="preload" href="/wp-content/themes/biuro/css/main.min.css" as="style" onload="this.rel='stylesheet'">
 
-    <link rel="preconnect" href="https://px.ads.linkedin.com/" crossorigin>
-    <link rel="preconnect" href="https://snap.licdn.com/" crossorigin>
-    <link rel="preconnect" href="https://connect.facebook.net/" crossorigin>
-    <link rel="preconnect" href="https://sjs.bizographics.com/" crossorigin>
-    <link rel="preconnect" href="https://www.google-analytics.com/" crossorigin>
 
     <noscript>
-        <link rel="stylesheet" href="/wp-content/themes/biuro/css/main-8fd8d5e9f3.min.css">
+        <link rel="stylesheet" href="/wp-content/themes/biuro/css/main.min.css">
     </noscript>
 
     <?php wp_head(); ?>

wp-content/themes/biuro/sales-page.php

@@ -79,7 +79,10 @@
                         endif;
                      ?>
                         <div class="c-contact--img">
-                            <img src="/wp-content/themes/biuro/i/contact.png" alt="" width="328" height="95">
+                            <picture>
+                                <source srcset="/wp-content/themes/biuro/i/contact.webp" type="image/jpeg">
+                                <img src="/wp-content/themes/biuro/i/contact.png" alt="" width="328" height="95">
+                            </picture>
                         </div>
                     </div>