Merge branch 'dev'

README.md

@@ -17,7 +17,7 @@
 
 ### DB backup
 - `C:\web\dev.biuro> docker exec -i dev-biuro-mysql mysqldump -udev_user -pY6V6bFkD6@GyD!wTShgFmWz! --default-character-set=utf8 dev_biuro > docker/mariadb/data-004.sql`
-- `sudo docker exec -i biuro-staging-mysql mysqldump -ustaging_user -p'qzl8pMNV^gZ&c1!7ebVsXqQh' --default-character-set=utf8 staging_biuro > docker/mariadb/data-007.sql`
+- `sudo docker exec -i biuro-staging-mysql mysqldump -ustaging_user -p'qzl8pMNV^gZ&c1!7ebVsXqQh' --default-character-set=utf8 staging_biuro > docker/mariadb/data-008.sql`
 
 ### DB restore
 - `C:\web\dev.biuro> docker exec -i dev-biuro-mysql mysql -udev_user -pY6V6bFkD6@GyD!wTShgFmWz! --default-character-set=utf8 dev_biuro < docker/mariadb/data-004.sql`
@@ -43,6 +43,10 @@
 #### Polylang
 #### Yoast SEO
 
+### Basic Auth
+- biuro_wp_api
+- LabAiGeRsKodsu89wapI
+
 ### SEO
 - [Biuro SEO auditas](https://docs.google.com/document/d/1FiwVoiLvGGmi9V-HPBgJ3gsh3wGswt27csgvfdTU24w/edit?usp=sharing)
 - [Biuro raktinių žodžių analizė](https://docs.google.com/spreadsheets/d/1ggnqKuGxFFkLgI6NDZq4PXpRY_whdHX0kjZj7pCP_fk/edit?ts=5b5eaa62#gid=0)
@@ -64,6 +68,11 @@ ERROR: for mysql  Cannot start service mysql: error while creating mount source
 ### Solution
 Restart docker (sometimes PC restart may be required)
 
+### Error
+Can't share C drive
+
+### Solution
+- https://tomssl.com/2018/01/11/sharing-your-c-drive-with-docker-for-windows-when-using-azure-active-directory-azuread-aad/
 
 ## Other (Commands)
 - docker-compose up -d
@@ -103,19 +112,20 @@ Restart docker (sometimes PC restart may be required)
 
 - docker load --input ourdemo.tar
 
-- docker build -t biuro/web:0.0.5 .
+- docker build -t biuro/web:0.0.10 .
 - docker login --username=biuro --password=9Ndtjd2vKsLvGuFOeFq1KdJs
 - sudo docker login --username=biuro --password=9Ndtjd2vKsLvGuFOeFq1KdJs
-- docker push biuro/web:0.0.4
+- docker push biuro/web:0.0.9
 
 - sudo chown -R www-data:www-data wordpress/wp-content/plugins
 
 
 ### DB preview
+- `docker exec -it dev-biuro-nginx sh`
 - `docker exec -it dev-biuro-wordpress bash`
 - `docker exec -it dev-biuro-mysql bash`
-- `mysql -uroot -pIiIjnsLi2wR9i1kWVbVpUAzP --default-character-set=utf8`
-- `use wordpress;`
+- `mysql -uroot -p'q@z!z29AO5rpzMjsDhjnFKyF' --default-character-set=utf8`
+- `use dev_biuro;`
 - `show tables;`
 
 - `use information_schema;`

docker-compose.yml

@@ -26,10 +26,12 @@ services:
             - "front"
             - "back"
         volumes:
+            - ./nginx/.htpasswd:/etc/nginx/.htpasswd
             - ./nginx/php.ini:/usr/local/etc/php/conf.d/php.ini
 
             - ./wp-content/plugins/biuro-contacts:/var/www/html/wp-content/plugins/biuro-contacts
             - ./wp-content/plugins/biuro-feedbacks:/var/www/html/wp-content/plugins/biuro-feedbacks
+            - ./wp-content/plugins/biuro-html:/var/www/html/wp-content/plugins/biuro-html
             - ./wp-content/plugins/biuro-sections:/var/www/html/wp-content/plugins/biuro-sections
             - ./wp-content/plugins/biuro-services:/var/www/html/wp-content/plugins/biuro-services
             - ./wp-content/plugins/biuro-values:/var/www/html/wp-content/plugins/biuro-values
@@ -74,6 +76,7 @@ services:
             - '80:80'
             - '443:443'
         volumes:
+            - ./nginx/.htpasswd:/etc/nginx/.htpasswd
             - ./nginx/conf.d:/etc/nginx/conf.d
             - ./nginx/h5bp:/etc/nginx/h5bp
             - ./nginx/nginx.conf:/etc/nginx/nginx.conf
@@ -86,6 +89,7 @@ services:
 
             - ./wp-content/plugins/biuro-contacts:/var/www/html/wp-content/plugins/biuro-contacts
             - ./wp-content/plugins/biuro-feedbacks:/var/www/html/wp-content/plugins/biuro-feedbacks
+            - ./wp-content/plugins/biuro-html:/var/www/html/wp-content/plugins/biuro-html
             - ./wp-content/plugins/biuro-sections:/var/www/html/wp-content/plugins/biuro-sections
             - ./wp-content/plugins/biuro-services:/var/www/html/wp-content/plugins/biuro-services
             - ./wp-content/plugins/biuro-values:/var/www/html/wp-content/plugins/biuro-values
@@ -120,6 +124,7 @@ services:
 
             - ./wp-content/plugins/biuro-contacts:/var/www/html/wp-content/plugins/biuro-contacts
             - ./wp-content/plugins/biuro-feedbacks:/var/www/html/wp-content/plugins/biuro-feedbacks
+            - ./wp-content/plugins/biuro-html:/var/www/html/wp-content/plugins/biuro-html
             - ./wp-content/plugins/biuro-sections:/var/www/html/wp-content/plugins/biuro-sections
             - ./wp-content/plugins/biuro-services:/var/www/html/wp-content/plugins/biuro-services
             - ./wp-content/plugins/biuro-values:/var/www/html/wp-content/plugins/biuro-values
@@ -133,8 +138,39 @@ services:
             - ./wordpress:/var/www/html
 
             - './wp-init.sh:/usr/local/bin/wp-init.sh'
-        command:
-            - wp-init.sh
+        # command:
+        #     - wp-init.sh
+        command: >
+            /bin/sh -c '
+                sleep 45;
+                echo "WP CLI init";
+                wp core update --force;
+                wp core update-db --network;
+                wp option update permalink_structure "/%postname%/" --skip-themes --skip-plugins;
+                wp option update timezone_string "Manual Offsets/UTC+2";
+                wp option update date_format "Y-m-d";
+                wp option update time_format "H:i";
+                wp plugin install permalink-manager --force --activate-network;
+                wp plugin install pods --activate-network;
+                wp plugin install polylang --activate-network;
+                wp plugin install wordpress-seo --activate-network;
+                wp plugin update --all;
+                wp plugin activate akismet --network;
+                wp plugin activate biuro-contacts --network;
+                wp plugin activate biuro-feedbacks --network;
+                wp plugin activate biuro-html --network;
+                wp plugin activate biuro-sections --network;
+                wp plugin activate biuro-services --network;
+                wp plugin activate biuro-values --network;
+                wp plugin activate cookies-warning --network;
+                wp plugin activate data-controller --network;
+                wp theme update --all;
+                wp theme activate biuro;
+                wp language core update;
+                wp language theme update --all;
+                wp language plugin update --all;
+                echo "WP CLI done. Ready to use.";
+            '
 
 networks:
     front:

nginx/.htpasswd

+biuro_wp_api:$apr1$vvI07kKw$MysnayQWamZReKludVojG.

nginx/conf.d/server-shared.conf

@@ -15,6 +15,15 @@ index index.php;
 
 location / {
     try_files $uri $uri/ /index.php?$args;
+    # auth_basic "Restricted Content";
+    # auth_basic_user_file /etc/nginx/.htpasswd;
+}
+
+location /wp-json/api/v1/contacts {
+    try_files $uri $uri/ /index.php?$args;
+    auth_basic "Basic auth";
+    auth_basic_user_file /etc/nginx/.htpasswd;
+    # auth_basic_user_file /var/www/html/.htpasswd;
 }
 
 location ~ \.php$ {

tasks/server.js

@@ -35,8 +35,8 @@ export function server () {
     bs.init({
         logPrefix: 'Biuro',
         socket: {
-            // domain: 'localhost:443'
-            domain: 'https://10.0.75.1:3000/'
+            domain: 'dev.biuro.lt:2000'
+            // domain: 'https://10.0.75.1:3000/'
         //     // port: 2000
         },
         // proxy: {
@@ -45,13 +45,14 @@ export function server () {
         // },
         proxy: {
             target: 'https://dev.biuro.lt/',
-            proxyRes: [
-                function (proxyRes, req, res) {
-                    // console.log(proxyRes.headers);
-                    console.log(req);
-                }
-            ],
-            ws: true
+            // target: 'dev.biuro.lt:443',
+            // proxyRes: [
+            //     function (proxyRes, req, res) {
+            //         // console.log(proxyRes.headers);
+            //         console.log(req);
+            //     }
+            // ],
+            ws: false
         },
         // httpModule: http2,
         https: {
@@ -64,7 +65,7 @@ export function server () {
         // ],
         ghostMode: false,
         open: false,
-        // port: 2000,
+        port: 2000,
         // server: false,
         ui: false,
         // notify: false,

wp-content/plugins/biuro-contacts/includes/class-biuro-contacts-activator.php

@@ -30,7 +30,59 @@ class Biuro_Contacts_Activator {
 	 * @since    1.0.0
 	 */
 	public static function activate() {
+        global $wpdb;
 
+        if ( is_multisite() ) {
+            // Get all blogs in the network and activate plugin on each one
+            $blog_ids = $wpdb->get_col( "SELECT blog_id FROM $wpdb->blogs" );
+            foreach ( $blog_ids as $blog_id ) {
+                switch_to_blog( $blog_id );
+                self::create_db_employees();
+                restore_current_blog();
+            }
+        } else {
+            // create_table();
+            self::create_db_employees();
+        }
+
+
+	}
+
+    public static function create_db_employees() {
+        global $wpdb;
+
+        $table_name = $wpdb->prefix . "biuro_employees";
+        $version = get_option( 'biuro-contacts_db_version', '1.0' );
+
+        if( $wpdb->get_var( "show tables like '{$table_name}'" ) != $table_name ||
+            version_compare( $version, '1.0' ) < 0 ) {
+            $charset_collate = $wpdb->get_charset_collate();
+            $sql[] = "CREATE TABLE " . $table_name . " (
+                id mediumint(9) NOT NULL AUTO_INCREMENT,
+                created datetime DEFAULT '0000-00-00 00:00:00',
+                name tinytext,
+                email varchar(128) DEFAULT '',
+                phone varchar(128) DEFAULT '',
+                city varchar(255) DEFAULT null,
+                city_id int DEFAULT null,
+                message longtext DEFAULT null,
+                cv text DEFAULT null,
+                updated datetime DEFAULT '0000-00-00 00:00:00',
+                confirm tinyint DEFAULT 0,
+                job_id int DEFAULT null,
+                PRIMARY KEY (id)
+            ) $charset_collate;";
+
+            require_once( ABSPATH . 'wp-admin/includes/upgrade.php' );
+            /**
+             * It seems IF NOT EXISTS isn't needed if you're using dbDelta - if the table already exists it'll
+             * compare the schema and update it instead of overwriting the whole table.
+             *
+             * @link https://code.tutsplus.com/tutorials/custom-database-tables-maintaining-the-database--wp-28455
+             */
+            dbDelta( $sql );
+            add_option( 'biuro-contacts_db_version', $plugin_name_db_version );
+        }
     }
 
 }

wp-content/plugins/biuro-contacts/includes/class-biuro-contacts-loader.php

@@ -41,6 +41,15 @@ class Biuro_Contacts_Loader {
 	 */
 	protected $filters;
 
+    /**
+     * The array of shortcodes registered with WordPress.
+     *
+     * @since    1.0.0
+     * @access   protected
+     * @var      array    $shortcodes    The shortcodes registered with WordPress to fire when the plugin loads.
+     */
+    protected $shortcodes;
+
 	/**
 	 * Initialize the collections used to maintain the actions and filters.
 	 *
@@ -50,6 +59,7 @@ class Biuro_Contacts_Loader {
 
 		$this->actions = array();
 		$this->filters = array();
+        $this->shortcodes = array();
 
 	}
 
@@ -81,6 +91,18 @@ class Biuro_Contacts_Loader {
 		$this->filters = $this->add( $this->filters, $hook, $component, $callback, $priority, $accepted_args );
 	}
 
+    /**
+     * Add a new shortcode to the collection to be registered with WordPress
+     *
+     * @since     1.0.0
+     * @param     string        $tag           The name of the new shortcode.
+     * @param     object        $component      A reference to the instance of the object on which the shortcode is defined.
+     * @param     string        $callback       The name of the function that defines the shortcode.
+     */
+    public function add_shortcode( $tag, $component, $callback, $priority = 10, $accepted_args = 2 ) {
+        $this->shortcodes = $this->add( $this->shortcodes, $tag, $component, $callback, $priority, $accepted_args );
+    }
+
 	/**
 	 * A utility function that is used to register the actions and hooks into a single
 	 * collection.
@@ -124,6 +146,9 @@ class Biuro_Contacts_Loader {
 			add_action( $hook['hook'], array( $hook['component'], $hook['callback'] ), $hook['priority'], $hook['accepted_args'] );
 		}
 
+        foreach ( $this->shortcodes as $hook ) {
+            add_shortcode(  $hook['hook'], array( $hook['component'], $hook['callback'] ), $hook['priority'], $hook['accepted_args'] );
+        }
 	}
 
 }

wp-content/plugins/biuro-contacts/includes/class-biuro-contacts.php

@@ -156,7 +156,6 @@ class Biuro_Contacts {
 
         $this->loader->add_action( 'admin_enqueue_scripts', $plugin_admin, 'enqueue_styles' );
         $this->loader->add_action( 'admin_enqueue_scripts', $plugin_admin, 'enqueue_scripts' );
-
     }
 
     /**
@@ -173,7 +172,27 @@ class Biuro_Contacts {
         $this->loader->add_action( 'wp_enqueue_scripts', $plugin_public, 'enqueue_styles' );
         $this->loader->add_action( 'wp_enqueue_scripts', $plugin_public, 'enqueue_scripts' );
 
-        $this->loader->add_action( 'init', $plugin_public, 'register_shortcodes' );
+        $this->loader->add_action('admin_post_employees_post', $plugin_public, 'employees_post');
+        $this->loader->add_action('admin_post_nopriv_employees_post', $plugin_public, 'employees_post');
+
+        $this->loader->add_action('admin_post_employers_post', $plugin_public, 'employers_post');
+        $this->loader->add_action('admin_post_nopriv_employers_post', $plugin_public, 'employers_post');
+
+        $this->loader->add_action('admin_post_position_post', $plugin_public, 'position_post');
+        $this->loader->add_action('admin_post_nopriv_position_post', $plugin_public, 'position_post');
+
+        // $this->loader->add_action( 'init', $plugin_public, 'register_shortcodes' );
+
+        /**
+         * Register shortcode via loader
+         *
+         * Use: [short-code-name args]
+         *
+         * @link https://github.com/DevinVinson/WordPress-Plugin-Boilerplate/issues/262
+         */
+        $this->loader->add_shortcode( "biuro-contacts--employees", $plugin_public, "employees_form", $priority = 10, $accepted_args = 2 );
+        $this->loader->add_shortcode( "biuro-contacts--employers", $plugin_public, "employers_form", $priority = 10, $accepted_args = 2 );
+        $this->loader->add_shortcode( "biuro-contacts--position", $plugin_public, "position_form", $priority = 10, $accepted_args = 2 );
     }
 
     /**

wp-content/plugins/biuro-contacts/public/class-biuro-contacts-public.php

@@ -40,6 +40,18 @@ class Biuro_Contacts_Public {
      */
     private $version;
 
+    const FIELDS = [
+        'employees' => ['name', 'phone', 'email', 'agree'],
+        'employers' => ['name', 'phone', 'email', 'agree'],
+        'position' => ['name', 'phone', 'email', 'agree', 'city', 'city_id', 'message', 'confirm', 'job_id'],
+    ];
+
+    const DB_NAMES = [
+        'employees' => ['name', 'phone', 'email'],
+        'employers' => ['name', 'phone', 'email'],
+        'position' => ['name', 'phone', 'email', 'city', 'city_id', 'message', 'confirm', 'job_id']
+    ];
+
     /**
      * Initialize the class and set its properties.
      *
@@ -100,31 +112,169 @@ class Biuro_Contacts_Public {
 
     }
 
+    public static function insert_row_to_db($data, $format) {
+        global $wpdb;
 
-    /**
-     * Processes shortcode biuro-contacts--employees
-     *
-     * @param   array   $attr       The attributes from the shortcode
-     *
-     * @return  mixed   $output     Output of the buffer
-     */
-    public function employees_form( $attr = array() ) {
-        $response = false;
+        $table = $wpdb->prefix . 'biuro_employees';
 
-        ob_start();
+        $wpdb->insert( $table, $data, $format );
+
+        return $wpdb->insert_id;
+    }
+
+    public static function update_row_in_db($data, $insert_id, $format) {
+        global $wpdb;
+
+        $table = $wpdb->prefix . 'biuro_employees';
+
+        $where = array('id' => $insert_id);
+
+        $where_format = array('%d');
+
+        return $wpdb->update( $table, $data, $where, $format, $where_format );
+    }
+
+
+    public static function delete_sessions( $str ) {
+        foreach (static::FIELDS[$str] as $key) {
+           unset($_SESSION[$str . '--' . $key . '-message']);
+           unset($_SESSION[$str . '--' . $key . '-status']);
+           unset($_SESSION[$str . '--' . $key . '-value']);
+        }
+    }
+
+    public static function validate( $str, $key, $value, $post ) {
+        $empty = ['status' => '', 'message' => ''];
+        $success = ['status' => 'success', 'message' => ''];
+        $required = ['status' => 'error', 'message' => __('This field is required', 'biuro')];
+
+        // if ($str == 'employees' || $str == 'position'):
+
+        switch($key) {
+        case 'name':
 
-        if ( isset( $_POST['action-submit'] ) ) :
-            $response = true;
+            return (!$value) ? $required : $success;
+
+        case 'phone':
+            if (!$value && !is_email($post['email'])):
+                return [
+                    'status' => 'error',
+                    'message' => __('Phone or email field is required', 'biuro')
+                ];
             endif;
 
-        include 'partials/biuro-contacts-public--employees.php';
+            if (!$value):
+                return $empty;
+            endif;
 
-        $output = ob_get_contents();
+            if ( strlen($value) < 6):
+                return [
+                    'status' => 'error',
+                    'message' => __('Incorrect phone number', 'biuro')
+                ];
+            endif;
 
-        ob_end_clean();
+            return $success;
 
-        return $output;
-    } // employees_form()
+        case 'email':
+            if (!$post['phone'] && !$value):
+                return [
+                    'status' => 'error',
+                    'message' => __('Email or phone field is required', 'biuro')
+                ];
+            endif;
+
+            if (!$post['phone'] && !is_email($value)):
+                return [
+                    'status' => 'error',
+                    'message' => __('Email format is incorrect', 'biuro')
+                ];
+            else:
+
+                if (!$value):
+                    return $empty;
+                endif;
+
+                return $success;
+            endif;
+
+        case 'agree':
+            if ($value != "1"):
+                return [
+                    'status' => 'error',
+                    'message' => __('You have to agree with conditions', 'biuro')
+                ];
+            endif;
+
+            return $success;
+
+        case 'city':
+        case 'city_id':
+        case 'message':
+        case 'confirm':
+        case 'job_id':
+            return $empty;
+        }
+
+        // endif;
+
+        return $success;
+    }
+
+    public static function getValue( $key, $value ) {
+
+        switch($key) {
+        case 'name':
+        case 'phone':
+        case 'city':
+            return sanitize_text_field($value);
+        case 'email':
+            return sanitize_email($value);
+        case 'message':
+            return sanitize_textarea_field($value);
+        case 'cv':
+            return sanitize_text_field($value);
+        case 'agree':
+        case 'city_id':
+        case 'job_id':
+        case 'confirm':
+            return filter_var($value, FILTER_VALIDATE_INT) ? $value : 0;
+        }
+
+        return '';
+    }
+
+    public static function set_sessions( $str, $post ) {
+        $canSubmit = true;
+
+        $data = [
+            'created' => current_time('Y-m-d H:i:s')
+        ];
+
+        foreach (static::FIELDS[$str] as $key) {
+            $value = static::getValue($key, $post[$key]);
+            $validation = static::validate($str, $key, $value, $post);
+
+            if ($validation['status'] == 'error'):
+                $canSubmit = false;
+            endif;
+
+            if ( in_array($key, static::DB_NAMES[$str])):
+                $data[$key] = $value;
+            endif;
+
+            $_SESSION[$str . '--' . $key . '-value'] = $value;
+            $_SESSION[$str . '--' . $key . '-status'] = $validation['status'];
+            $_SESSION[$str . '--' . $key . '-message'] = $validation['message'];
+        }
+
+        if ($canSubmit):
+            $insert_id = static::insert_row_to_db($data, array( '%s', '%s', '%s', '%s' ));
+
+            $_SESSION[$str . '--step'] = 2;
+            $_SESSION[$str . '--id'] = $insert_id;
+        endif;
+    }
 
     /**
      * Processes shortcode biuro-contacts--employees
@@ -133,24 +283,72 @@ class Biuro_Contacts_Public {
      *
      * @return  mixed   $output     Output of the buffer
      */
-    public function employees_quick_form( $attr = array() ) {
-        $response = false;
-
+    public function employees_form( $attr = array() ) {
         ob_start();
 
-        if ( isset( $_POST['action-submit'] ) ) :
-            $response = true;
-        endif;
-
-        include 'partials/biuro-contacts-public--employees-2-steps.php';
+        include_once('partials/biuro-contacts-public--employees.php');
 
         $output = ob_get_contents();
 
         ob_end_clean();
 
+        static::delete_sessions('employees');
+
         return $output;
     } // employees_form()
 
+    public function employees_post() {
+
+        $nonce = $_POST['_wpnonce'];
+        $referer = $_POST['_wp_http_referer'];
+
+
+        if ( !isset( $nonce ) || !wp_verify_nonce($nonce, 'employees_post_nonce' ) ) {
+            wp_redirect( $referer );
+            exit;
+        }
+
+        unset($_SESSION['employees--step']);
+
+        if ($_POST['submit'] == "1"):
+
+            static::set_sessions('employees', $_POST);
+
+        elseif ($_POST['submit'] == "2" && $_SESSION['employees--id']):
+
+            $data = [
+                'city' => static::getValue('city', $_POST['city']),
+                'city_id' => static::getValue('city_id', $_POST['city_id']),
+                'message' => static::getValue('message', $_POST['message']),
+                'confirm' => static::getValue('confirm', $_POST['confirm']),
+                'updated' => current_time('Y-m-d H:i:s')
+            ];
+
+            # upload file
+            if($_FILES) {
+                # gali nusirody: 'mimes' => array('csv' => 'text/csv')
+                $movefile = wp_handle_upload($_FILES['cv'], [
+                    'test_form' => false,
+                    //'unique_filename_callback' => 'custom_file_name'
+                ]);
+
+                if ( $movefile && ! isset( $movefile['error'] ) ) {
+                    $data['cv'] = static::getValue('cv', $movefile['url']);
+                } else {
+                    $_SESSION['employee_file_error'] = $movefile['error'];
+                }
+            }
+
+            static::update_row_in_db($data, $_SESSION['employees--id'], array( '%s', '%d', '%s', '%d', '%s', '%s' ));
+
+        endif;
+
+
+        wp_redirect( $referer );
+        exit;
+    }
+
+/* --------------------------- employers ---------------------------
 
     /**
      * Processes shortcode biuro-contacts--employers
@@ -160,23 +358,105 @@ class Biuro_Contacts_Public {
      * @return  mixed   $output     Output of the buffer
      */
     public function employers_form( $attr = array() ) {
-        $response = false;
-
         ob_start();
 
-        if ( isset( $_POST['action-submit'] ) ) :
-            $response = true;
-        endif;
-
-        include 'partials/biuro-contacts-public--employers.php';
+        include_once('partials/biuro-contacts-public--employers.php');
 
         $output = ob_get_contents();
 
         ob_end_clean();
 
+        static::delete_sessions('employers');
+
         return $output;
     } // employers_form()
 
+    public function employers_post() {
+
+        $nonce = $_POST['_wpnonce'];
+        $referer = $_POST['_wp_http_referer'];
+
+
+        if ( !isset( $nonce ) || !wp_verify_nonce($nonce, 'employers_post_nonce' ) ) {
+            wp_redirect( $referer );
+            exit;
+        }
+
+        unset($_SESSION['employers--step']);
+
+        $str = 'employers';
+
+        if ($_POST['submit'] == "1"):
+            $canSubmit = true;
+
+            $data = [
+                'created' => current_time('Y-m-d H:i:s')
+            ];
+
+            foreach (static::FIELDS[$str] as $key) {
+                $value = static::getValue($key,  $_POST[$key]);
+                $validation = static::validate($str, $key, $value,  $_POST);
+
+                if ($validation['status'] == 'error'):
+                    $canSubmit = false;
+                endif;
+
+                if ( in_array($key, static::DB_NAMES[$str])):
+                    $data[$key] = $value;
+                endif;
+
+                $_SESSION[$str . '--' . $key . '-value'] = $value;
+                $_SESSION[$str . '--' . $key . '-status'] = $validation['status'];
+                $_SESSION[$str . '--' . $key . '-message'] = $validation['message'];
+            }
+
+            if ($canSubmit):
+                // $insert_id = static::insert_row_to_db($data, array( '%s', '%s', '%s', '%s' ));
+
+                $_SESSION[$str . '--step'] = 2;
+                $_SESSION[$str . '--id'] = $insert_id;
+            endif;
+
+            // static::set_sessions('employers', $_POST);
+
+        elseif ($_POST['submit'] == "2"):
+
+            $data = [
+                'city' => static::getValue('city', $_POST['city']),
+                'city_id' => static::getValue('city_id', $_POST['city_id']),
+                'message' => static::getValue('message', $_POST['message']),
+                'confirm' => static::getValue('confirm', $_POST['confirm']),
+                'updated' => current_time('Y-m-d H:i:s')
+            ];
+
+            // # upload file
+            // if($_FILES) {
+            //     # gali nusirody: 'mimes' => array('csv' => 'text/csv')
+            //     $movefile = wp_handle_upload($_FILES['cv'], [
+            //         'test_form' => false,
+            //         //'unique_filename_callback' => 'custom_file_name'
+            //     ]);
+
+            //     if ( $movefile && ! isset( $movefile['error'] ) ) {
+            //         $data['cv'] = static::getValue('cv', $movefile['url']);
+            //     } else {
+            //         $_SESSION['employee_file_error'] = $movefile['error'];
+            //     }
+            // }
+
+            // static::update_row_in_db($data, $_SESSION['employers--id'], array( '%s', '%d', '%s', '%d', '%s', '%s' ));
+
+            debug($data);
+            exit();
+        endif;
+
+
+        wp_redirect( $referer );
+        exit;
+    }
+
+/* --------------------------- position ---------------------------
+
     /**
      * Processes shortcode biuro-contacts--position
      *
@@ -185,39 +465,127 @@ class Biuro_Contacts_Public {
      * @return  mixed   $output     Output of the buffer
      */
     public function position_form( $attr = array() ) {
-        $response = false;
-
         ob_start();
 
-        if ( isset( $_POST['action-submit'] ) ) :
-            $response = true;
+        if ($attr['job_id']):
+            $job_id = $attr['job_id'];
         endif;
 
-        include 'partials/biuro-contacts-public--position.php';
+        include_once('partials/biuro-contacts-public--position.php');
+
+        unset($_SESSION['position--step']);
 
         $output = ob_get_contents();
 
         ob_end_clean();
 
+        static::delete_sessions('position');
+
         return $output;
     } // position_form()
 
+    public function position_post() {
 
-    /**
-     * Registers all shortcodes at once
-     *
-     * @return [type] [description]
-     */
-    public function register_shortcodes() {
+        $nonce = $_POST['_wpnonce'];
+        $referer = $_POST['_wp_http_referer'];
+
+        if ( !isset( $nonce ) || !wp_verify_nonce($nonce, 'position_post_nonce' ) ) {
+            wp_redirect( $referer );
+            exit;
+        }
+
+        // unset($_SESSION['position--step']);
+
+        if ($_POST['submit'] == "1"):
+
+            $_SESSION['position--step'] = 2;
+
+        elseif ($_POST['submit'] == "2"):
+
+            $_SESSION['position--step'] = 2;
 
-        add_shortcode( 'biuro-contacts--employees-quick', array( $this, 'employees_quick_form' ) );
+            $canSubmit = true;
 
-        add_shortcode( 'biuro-contacts--employees', array( $this, 'employees_form' ) );
+            $str = 'position';
 
-        add_shortcode( 'biuro-contacts--employers', array( $this, 'employers_form' ) );
+            $data = [
+                'created' => current_time('Y-m-d H:i:s'),
+                'updated' => current_time('Y-m-d H:i:s')
+            ];
 
-        add_shortcode( 'biuro-contacts--position', array( $this, 'position_form' ) );
+            foreach (static::FIELDS[$str] as $key) {
+                $value = static::getValue($key, $_POST[$key]);
+                $validation = static::validate($str, $key, $value, $_POST);
 
-    } // register_shortcodes()
+                if ($validation['status'] == 'error'):
+                    $canSubmit = false;
+                endif;
+
+                if ( in_array($key, static::DB_NAMES[$str])):
+                    $data[$key] = $value;
+                endif;
+
+                $_SESSION[$str . '--' . $key . '-value'] = $value;
+                $_SESSION[$str . '--' . $key . '-status'] = $validation['status'];
+                $_SESSION[$str . '--' . $key . '-message'] = $validation['message'];
+            }
 
+            if ($canSubmit):
+
+                unset($_SESSION['position--step']);
+
+                # upload file
+                if($_FILES) {
+                    # gali nusirody: 'mimes' => array('csv' => 'text/csv')
+                    $movefile = wp_handle_upload($_FILES['cv'], [
+                        'test_form' => false,
+                        //'unique_filename_callback' => 'custom_file_name'
+                    ]);
+
+                    if ( $movefile && ! isset( $movefile['error'] ) ) {
+                        $data['cv'] = static::getValue('cv', $movefile['url']);
+                    } else {
+                        $_SESSION['position_file_error'] = $movefile['error'];
+                    }
+                }
+
+                $insert_id = static::insert_row_to_db($data, array( '%s', '%s', '%s', '%s', '%s', '%s', '%d', '%s', '%d', '%d', '%s' ));
+
+                $_SESSION['employee--id'] = $insert_id;
+
+            endif;
+
+        endif;
+
+
+        wp_redirect( $referer );
+        exit;
+    }
+
+    /**
+    * @method getContacts
+    * get contacts data from DB for API endpoint "contacts" endpoint;
+    * @param WP_REST_Request $request
+    * @return json;
+    */
+    public static function getContacts(WP_REST_Request $request)
+    {
+        global $wpdb;
+        $params = $request->get_params();
+
+        if ( !$params ) {
+            exit;
+        }
+
+        $from = (string) $params['from'];
+        $orderBy = (string) $params['by'];
+
+        if(!$from || !in_array($orderBy, ['created', 'updated'])) {
+            exit;
+        }
+
+        $sql = "SELECT * FROM `" . $wpdb->prefix . "biuro_employees`
+            where ". $orderBy. " >= '". $from. "' ORDER BY ". $orderBy ." DESC LIMIT 50";
+        return $wpdb->get_results($sql, ARRAY_A);
+    }
 }

wp-content/plugins/biuro-contacts/public/partials/biuro-contacts-public--employees--step-1.php

+<?php
+
+/**
+ * Provide a public-facing view for the plugin
+ *
+ * This file is used to markup the public-facing aspects of the plugin.
+ *
+ * @link       https://www.biuro.lt
+ * @since      1.0.0
+ *
+ * @package    Biuro_Contacts
+ * @subpackage Biuro_Contacts/public/partials
+ */
+
+/**
+ * @link https://codex.wordpress.org/Creating_Options_Pages
+ * @link https://www.smashingmagazine.com/2016/04/three-approaches-to-adding-configurable-fields-to-your-plugin/
+ */
+// If this file is called directly, abort.
+if ( ! defined( 'WPINC' ) ) die;
+?>
+
+<?php
+    $nameValue = $_SESSION['employees--name-value'];
+    $nameStatus = $_SESSION['employees--name-status'];
+    $nameMessage = $_SESSION['employees--name-message'];
+?>
+    <div class="c-form--row">
+        <label class="c-form--label" for="form-name"><?php _e('Name, surname', 'biuro'); ?></label>
+        <div class="c-form--input-wrap <?php if ($nameStatus) { echo "c-form--input-wrap--$nameStatus"; } ?>">
+            <input type="text" class="c-form--input" id="form-name" name="name" value="<?php echo $nameValue; ?>" <?php if ($nameStatus == 'error'): ?> autofocus="autofocus" <?php endif; ?>>
+        </div>
+        <?php if ($nameMessage): ?>
+            <div class="c-form--validation c-form--validation-<?php echo $nameStatus; ?>">
+                <?php echo $nameMessage; ?>
+            </div>
+        <?php endif; ?>
+    </div><!-- .c-form--row -->
+
+<?php
+    $phoneValue = $_SESSION['employees--phone-value'];
+    $phoneStatus = $_SESSION['employees--phone-status'];
+    $phoneMessage = $_SESSION['employees--phone-message'];
+?>
+    <div class="c-form--row">
+        <label class="c-form--label" for="form-phone"><?php _e('Phone no.', 'biuro'); ?></label>
+        <div class="c-form--input-wrap <?php if ($phoneStatus) { echo "c-form--input-wrap--$phoneStatus"; } ?>">
+            <input type="tel" class="c-form--input" id="form-phone" name="phone" value="<?php echo $phoneValue; ?>" <?php if ($nameStatus != 'error' && $phoneStatus == 'error'): ?> autofocus="autofocus" <?php endif; ?>>
+        </div>
+        <?php if ($phoneMessage): ?>
+            <div class="c-form--validation c-form--validation-<?php echo $phoneStatus; ?>">
+                <?php echo $phoneMessage; ?>
+            </div>
+        <?php endif; ?>
+    </div><!-- .c-form--row -->
+
+<?php
+    $emailValue = $_SESSION['employees--email-value'];
+    $emailStatus = $_SESSION['employees--email-status'];
+    $emailMessage = $_SESSION['employees--email-message'];
+?>
+    <div class="c-form--row">
+        <label class="c-form--label" for="form-email"><?php _e('Email address', 'biuro'); ?></label>
+        <div class="c-form--input-wrap <?php if ($emailStatus) { echo "c-form--input-wrap--$emailStatus"; } ?>">
+                <input type="email" class="c-form--input" id="form-email" name="email" value="<?php echo $emailValue; ?>">
+        </div>
+        <?php if ($emailMessage): ?>
+            <div class="c-form--validation c-form--validation-<?php echo $emailStatus; ?>">
+                <?php echo $emailMessage; ?>
+            </div>
+        <?php endif; ?>
+    </div><!-- .c-form--row -->
+
+    <div class="c-form--row">
+        <div class="c-form--submit-wrap">
+            <button type="submit" class="o-btn c-btn--main c-btn--fill" name="submit" value="1"><?php _e('Submit', 'biuro'); ?></button>
+        </div>
+    </div><!-- .c-form--row -->
+
+<?php
+    $agreeValue = $_SESSION['employees--agree-value'];
+    $agreeStatus = $_SESSION['employees--agree-status'];
+    $agreeMessage = $_SESSION['employees--agree-message'];
+?>
+    <div class="c-form--row">
+        <div class="c-form--checkbox-wrap">
+            <input id="form-agree" type="checkbox" class="c-form--checkbox <?php if ($agreeStatus) { echo "c-form--checkbox--$agreeStatus"; } ?>" name="agree" value="1" <?php if ($agreeValue): ?> checked="checked"<?php endif; ?>>
+            <label class="c-form--label-checkbox" for="form-agree"><?php _e('Rem possimus, delectus unde enim dolores doloribus, recusandae a veritatis ducimus repudiandae iste eos voluptatum architecto mollitia?', 'biuro'); ?></label>
+        </div>
+        <?php if ($agreeMessage): ?>
+            <div class="c-form--validation c-form--validation-<?php echo $agreeStatus; ?>">
+                <?php echo $agreeMessage; ?>
+            </div>
+        <?php endif; ?>
+    </div><!-- .c-form--row -->

wp-content/plugins/biuro-contacts/public/partials/biuro-contacts-public--employees-2-steps.php → wp-content/plugins/biuro-contacts/public/partials/biuro-contacts-public--employees--step-2.php

@@ -11,54 +11,44 @@
  * @package    Biuro_Contacts
  * @subpackage Biuro_Contacts/public/partials
  */
-?>
-
-<form action="<?php echo $_SERVER["REQUEST_URI"]; ?>" method="post" enctype="multipart/form-data" class="c-form">
 
+/**
+ * @link https://codex.wordpress.org/Creating_Options_Pages
+ * @link https://www.smashingmagazine.com/2016/04/three-approaches-to-adding-configurable-fields-to-your-plugin/
+ */
+// If this file is called directly, abort.
+if ( ! defined( 'WPINC' ) ) die;
+?>
     <div class="c-form--row">
-        <label class="c-form--label" for="form-name">Name, Surname*</label>
+        <label class="c-form--label" for="form-city"><?php _e('City', 'biuro'); ?></label>
         <div class="c-form--input-wrap">
-                <input type="text" class="c-form--input <?php if ($response) { echo 'c-form--input--error'; } ?>" id="form-name" name="name" value="">
-        </div>
-        <div class="c-form--validation-error">
-            Name and Surname is required
+            <input type="text" class="c-form--input" id="form-city" name="city" value="" autofocus="autofocus">
         </div>
     </div><!-- .c-form--row -->
 
     <div class="c-form--row">
-        <label class="c-form--label" for="form-phone">Phone no.*</label>
-        <div class="c-form--input-wrap">
-                <input type="tel" class="c-form--input <?php if ($response) { echo 'c-form--input--error'; } ?>" id="form-phone" name="phone" value="">
-        </div>
-        <div class="c-form--validation-error">
-            Phone number is required
+        <label class="c-form--label" for="form-message"><?php _e('Message', 'biuro'); ?></label>
+        <div class="c-form--textarea-wrap">
+            <textarea name="message" id="form-message" cols="30" rows="3" class="c-form--textarea"></textarea>
         </div>
     </div><!-- .c-form--row -->
 
     <div class="c-form--row">
-        <label class="c-form--label" for="form-email">Email address*</label>
+        <label class="c-form--label" for="form-cv"><?php _e('CV', 'biuro'); ?></label>
         <div class="c-form--input-wrap">
-                <input type="email" class="c-form--input <?php if ($response) { echo 'c-form--input--error'; } ?>" id="form-email" name="email" value="">
-        </div>
-        <div class="c-form--validation-error">
-            Email address is required
+            <input type="file" class="c-form--input" id="form-cv" name="cv" value="">
         </div>
     </div><!-- .c-form--row -->
 
     <div class="c-form--row">
         <div class="c-form--submit-wrap">
-            <button type="submit" class="c-form--submit" name="submit" value="1">Submit</button>
+            <button type="submit" class="o-btn c-btn--main c-btn--fill" name="submit" value="2"><?php _e('Submit', 'biuro'); ?></button>
         </div>
     </div><!-- .c-form--row -->
 
     <div class="c-form--row">
         <div class="c-form--checkbox-wrap">
-            <input id="form-agree" type="checkbox" class="c-form--checkbox <?php if ($response) { echo 'c-form--checkbox--error'; } ?>" name="agree" value="1">
-            <label class="c-form--label-checkbox" for="form-agree">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem possimus, delectus unde enim dolores doloribus, recusandae a veritatis ducimus repudiandae iste eos voluptatum architecto mollitia?</label>
-        </div>
-        <div class="c-form--validation-error">
-            You have to agree with conditions
+            <input id="form-confirm" type="checkbox" class="c-form--checkbox" name="confirm" value="1">
+            <label class="c-form--label-checkbox" for="form-confirm"><?php _e('Noster apster lorem ipsum dolor sit amet, consectetur adipisicing elit?', 'biuro'); ?></label>
         </div>
     </div><!-- .c-form--row -->
-
-</form>

wp-content/plugins/biuro-contacts/public/partials/biuro-contacts-public--employees.php

@@ -11,49 +11,25 @@
  * @package    Biuro_Contacts
  * @subpackage Biuro_Contacts/public/partials
  */
-?>
-
-<form id="ContactFormEmployee_ContactFormEmployee" action="<?php echo $_SERVER["REQUEST_URI"]; ?>" method="post" enctype="multipart/form-data" class="contact-form">
 
-    <ul class="form">
-        <li>
-            <label for="ContactFormEmployee_ContactFormEmployee_Name">Name (mandatory field):</label>
-            <input type="text" class="text holder-required <?php if ($response) { echo 'error'; } ?>" id="ContactFormEmployee_ContactFormEmployee_Name" name="Name" value="">
-<?php if ($response) : ?>
-            <div id="errorname" class="errormessage">"Name (mandatory field):" is required.</div>
-<?php endif; ?>
-        </li>
-        <li>
-            <label for="ContactFormEmployee_ContactFormEmployee_Email">E-mail (mandatory field):</label>
-            <input type="text" class="text holder-required <?php if ($response) { echo 'error'; } ?>" id="ContactFormEmployee_ContactFormEmployee_Email" name="Email" value="">
-<?php if ($response) : ?>
-            <div id="erroremail" class="errormessage">"E-mail (mandatory field):" is required.</div>
-<?php endif; ?>
-        </li>
-        <li>
-            <label for="ContactFormEmployee_ContactFormEmployee_Phone">Telephone number:</label>
-            <input type="text" class="text" id="ContactFormEmployee_ContactFormEmployee_Phone" name="Phone" value="">
-        </li>
-        <li>
-            <label for="ContactFormEmployee_ContactFormEmployee_Phone">City:</label>
-            <select id="ContactFormEmployee_ContactFormEmployee_City" name="City"><option selected="selected" value="">Choose the nearest city</option><option value="31">Vilnius</option><option value="32">Kaunas</option><option value="33">Klaipėda</option><option value="34">Šilutė</option><option value="35">Utena</option><option value="36">Panevėžys</option><option value="37">Šiauliai</option><option value="38">Plungė</option><option value="41">Marijampolė</option><option value="44">Ukmergė</option></select>
-        </li>
-        <li>
-            <label for="ContactFormEmployee_ContactFormEmployee_Comments">Your question (mandatory field):</label>
-            <textarea id="ContactFormEmployee_ContactFormEmployee_Comments" class="holder-required <?php if ($response) { echo 'error'; } ?>" name="Comments" rows="5" cols="20"></textarea>
-<?php if ($response) : ?>
-            <div id="errorcomments" class="errormessage">"Your question (mandatory field):" is required.</div>
-<?php endif; ?>
-        </li>
-        <li>
-            <label for="ContactFormEmployee_ContactFormEmployee_Cvfield">Curriculum vitae:</label>
-            <input type="file" name="Cvfield" id="ContactFormEmployee_ContactFormEmployee_Cvfield"><input type="hidden" name="MAX_FILE_SIZE" value="">
-        </li>
+/**
+ * @link https://codex.wordpress.org/Creating_Options_Pages
+ * @link https://www.smashingmagazine.com/2016/04/three-approaches-to-adding-configurable-fields-to-your-plugin/
+ */
+// If this file is called directly, abort.
+if ( ! defined( 'WPINC' ) ) die;
+?>
 
-        <li class="last">
-            <input class="action " id="ContactFormEmployee_ContactFormEmployee_action_SendContactForm" type="submit" name="action-submit" value="Send" title="Send" onclick="ga('send', 'event', 'ContactFormEmployee', 'Button', 'SendContactFormEmployee');">
-        </li>
+<form action="<?php echo esc_url( admin_url('admin-post.php') ); ?>" method="post" enctype="multipart/form-data" class="c-form c-form--employees">
 
-    </ul>
+<?php
 
+    if ( !$_SESSION['employees--step'] ):
+        include_once('biuro-contacts-public--employees--step-1.php');
+    else:
+        include_once('biuro-contacts-public--employees--step-2.php');
+    endif;
+ ?>
+    <input type="hidden" name="action" value="employees_post">
+    <?php wp_nonce_field('employees_post_nonce'); ?>
 </form>

wp-content/plugins/biuro-contacts/public/partials/biuro-contacts-public--employers--step-1.php

+<?php
+
+/**
+ * Provide a public-facing view for the plugin
+ *
+ * This file is used to markup the public-facing aspects of the plugin.
+ *
+ * @link       https://www.biuro.lt
+ * @since      1.0.0
+ *
+ * @package    Biuro_Contacts
+ * @subpackage Biuro_Contacts/public/partials
+ */
+
+/**
+ * @link https://codex.wordpress.org/Creating_Options_Pages
+ * @link https://www.smashingmagazine.com/2016/04/three-approaches-to-adding-configurable-fields-to-your-plugin/
+ */
+// If this file is called directly, abort.
+if ( ! defined( 'WPINC' ) ) die;
+?>
+
+<?php
+    $nameValue = $_SESSION['employers--name-value'];
+    $nameStatus = $_SESSION['employers--name-status'];
+    $nameMessage = $_SESSION['employers--name-message'];
+?>
+    <div class="c-form--row">
+        <label class="c-form--label" for="form-name"><?php _e('Name, surname', 'biuro'); ?></label>
+        <div class="c-form--input-wrap <?php if ($nameStatus) { echo "c-form--input-wrap--$nameStatus"; } ?>">
+            <input type="text" class="c-form--input" id="form-name" name="name" value="<?php echo $nameValue; ?>" <?php if ($nameStatus == 'error'): ?> autofocus="autofocus" <?php endif; ?>>
+        </div>
+        <?php if ($nameMessage): ?>
+            <div class="c-form--validation c-form--validation-<?php echo $nameStatus; ?>">
+                <?php echo $nameMessage; ?>
+            </div>
+        <?php endif; ?>
+    </div><!-- .c-form--row -->
+
+<?php
+    $phoneValue = $_SESSION['employers--phone-value'];
+    $phoneStatus = $_SESSION['employers--phone-status'];
+    $phoneMessage = $_SESSION['employers--phone-message'];
+?>
+    <div class="c-form--row">
+        <label class="c-form--label" for="form-phone"><?php _e('Phone no.', 'biuro'); ?></label>
+        <div class="c-form--input-wrap <?php if ($phoneStatus) { echo "c-form--input-wrap--$phoneStatus"; } ?>">
+            <input type="tel" class="c-form--input" id="form-phone" name="phone" value="<?php echo $phoneValue; ?>" <?php if ($nameStatus != 'error' && $phoneStatus == 'error'): ?> autofocus="autofocus" <?php endif; ?>>
+        </div>
+        <?php if ($phoneMessage): ?>
+            <div class="c-form--validation c-form--validation-<?php echo $phoneStatus; ?>">
+                <?php echo $phoneMessage; ?>
+            </div>
+        <?php endif; ?>
+    </div><!-- .c-form--row -->
+
+<?php
+    $emailValue = $_SESSION['employers--email-value'];
+    $emailStatus = $_SESSION['employers--email-status'];
+    $emailMessage = $_SESSION['employers--email-message'];
+?>
+    <div class="c-form--row">
+        <label class="c-form--label" for="form-email"><?php _e('Email address', 'biuro'); ?></label>
+        <div class="c-form--input-wrap <?php if ($emailStatus) { echo "c-form--input-wrap--$emailStatus"; } ?>">
+                <input type="email" class="c-form--input" id="form-email" name="email" value="<?php echo $emailValue; ?>">
+        </div>
+        <?php if ($emailMessage): ?>
+            <div class="c-form--validation c-form--validation-<?php echo $emailStatus; ?>">
+                <?php echo $emailMessage; ?>
+            </div>
+        <?php endif; ?>
+    </div><!-- .c-form--row -->
+
+    <div class="c-form--row">
+        <div class="c-form--submit-wrap">
+            <button type="submit" class="o-btn c-btn--main c-btn--fill" name="submit" value="1"><?php _e('Submit', 'biuro'); ?></button>
+        </div>
+    </div><!-- .c-form--row -->
+
+<?php
+    $agreeValue = $_SESSION['employers--agree-value'];
+    $agreeStatus = $_SESSION['employers--agree-status'];
+    $agreeMessage = $_SESSION['employers--agree-message'];
+?>
+    <div class="c-form--row">
+        <div class="c-form--checkbox-wrap">
+            <input id="form-agree" type="checkbox" class="c-form--checkbox <?php if ($agreeStatus) { echo "c-form--checkbox--$agreeStatus"; } ?>" name="agree" value="1" <?php if ($agreeValue): ?> checked="checked"<?php endif; ?>>
+            <label class="c-form--label-checkbox" for="form-agree"><?php _e('Rem possimus, delectus unde enim dolores doloribus, recusandae a veritatis ducimus repudiandae iste eos voluptatum architecto mollitia?', 'biuro'); ?></label>
+        </div>
+        <?php if ($agreeMessage): ?>
+            <div class="c-form--validation c-form--validation-<?php echo $agreeStatus; ?>">
+                <?php echo $agreeMessage; ?>
+            </div>
+        <?php endif; ?>
+    </div><!-- .c-form--row -->

wp-content/plugins/biuro-contacts/public/partials/biuro-contacts-public--employers--step-2.php

+<?php
+
+/**
+ * Provide a public-facing view for the plugin
+ *
+ * This file is used to markup the public-facing aspects of the plugin.
+ *
+ * @link       https://www.biuro.lt
+ * @since      1.0.0
+ *
+ * @package    Biuro_Contacts
+ * @subpackage Biuro_Contacts/public/partials
+ */
+
+/**
+ * @link https://codex.wordpress.org/Creating_Options_Pages
+ * @link https://www.smashingmagazine.com/2016/04/three-approaches-to-adding-configurable-fields-to-your-plugin/
+ */
+// If this file is called directly, abort.
+if ( ! defined( 'WPINC' ) ) die;
+?>
+    <div class="c-form--row">
+        <label class="c-form--label" for="form-city"><?php _e('City', 'biuro'); ?></label>
+        <div class="c-form--input-wrap">
+            <input type="text" class="c-form--input" id="form-city" name="city" value="">
+        </div>
+    </div><!-- .c-form--row -->
+
+    <div class="c-form--row">
+        <label class="c-form--label" for="form-message"><?php _e('Message', 'biuro'); ?></label>
+        <div class="c-form--textarea-wrap">
+            <textarea name="message" id="form-message" cols="30" rows="3" class="c-form--textarea"></textarea>
+        </div>
+    </div><!-- .c-form--row -->
+
+<?php /*
+    <div class="c-form--row">
+        <label class="c-form--label" for="form-cv"><?php _e('CV', 'biuro'); ?></label>
+        <div class="c-form--input-wrap">
+            <input type="file" class="c-form--input" id="form-cv" name="cv" value="">
+        </div>
+    </div><!-- .c-form--row -->
+*/ ?>
+
+    <div class="c-form--row">
+        <div class="c-form--submit-wrap">
+            <button type="submit" class="o-btn c-btn--main c-btn--fill" name="submit" value="2"><?php _e('Submit', 'biuro'); ?></button>
+        </div>
+    </div><!-- .c-form--row -->
+
+    <div class="c-form--row">
+        <div class="c-form--checkbox-wrap">
+            <input id="form-confirm" type="checkbox" class="c-form--checkbox" name="confirm" value="1">
+            <label class="c-form--label-checkbox" for="form-confirm"><?php _e('Noster apster lorem ipsum dolor sit amet, consectetur adipisicing elit?', 'biuro'); ?></label>
+        </div>
+    </div><!-- .c-form--row -->

wp-content/plugins/biuro-contacts/public/partials/biuro-contacts-public--employers.php

@@ -11,50 +11,25 @@
  * @package    Biuro_Contacts
  * @subpackage Biuro_Contacts/public/partials
  */
-?>
-
-<form id="ContactForm_ContactForm" action="<?php echo $_SERVER["REQUEST_URI"]; ?>" method="post" enctype="application/x-www-form-urlencoded" class="contact-form">
-
-    <p id="ContactForm_ContactForm_error" class="message " style="display: none"></p>
 
+/**
+ * @link https://codex.wordpress.org/Creating_Options_Pages
+ * @link https://www.smashingmagazine.com/2016/04/three-approaches-to-adding-configurable-fields-to-your-plugin/
+ */
+// If this file is called directly, abort.
+if ( ! defined( 'WPINC' ) ) die;
+?>
 
-    <ul class="form">
-        <li>
-            <label for="ContactForm_ContactForm_Company">Company (mandatory field):</label>
-            <input type="text" class="text holder-required <?php if ($response) { echo 'error'; } ?>" id="ContactForm_ContactForm_Company" name="Company" value="">
-<?php if ($response) : ?>
-            <div id="errorcompany" class="errormessage">"Company (mandatory field):" is required.</div>
-<?php endif; ?>
-        </li>
-        <li>
-            <label for="ContactForm_ContactForm_Name">Name (mandatory field):</label>
-            <input type="text" class="text holder-required <?php if ($response) { echo 'error'; } ?>" id="ContactForm_ContactForm_Name" name="Name" value="">
-<?php if ($response) : ?>
-            <div id="errorname" class="errormessage">"Name (mandatory field):" is required.</div>
-<?php endif; ?>
-        </li>
-        <li>
-            <label for="ContactForm_ContactForm_Email">E-mail (mandatory field):</label>
-            <input type="text" class="text holder-required <?php if ($response) { echo 'error'; } ?>" id="ContactForm_ContactForm_Email" name="Email" value="">
-<?php if ($response) : ?>
-            <div id="erroremail" class="errormessage">"E-mail (mandatory field):" is required.</div>
-<?php endif; ?>
-        </li>
-        <li>
-            <label for="ContactForm_ContactForm_Phone">Telephone number:</label>
-            <input type="text" class="text" id="ContactForm_ContactForm_Phone" name="Phone" value="">
-        </li>
-        <li>
-            <label for="ContactForm_ContactForm_Comments">Your question (mandatory field):</label>
-            <textarea id="ContactForm_ContactForm_Comments" class="holder-required <?php if ($response) { echo 'error'; } ?>" name="Comments" rows="5" cols="20"></textarea>
-<?php if ($response) : ?>
-            <div id="errorcomments" class="errormessage">"Your question (mandatory field):" is required.</div>
-<?php endif; ?>
-        </li>
-        <li class="last">
-            <input class="action " id="ContactForm_ContactForm_action_SendContactForm" type="submit" name="action-submit" value="Send" title="Send" onclick="ga('send', 'event', 'ContactForm', 'Button', 'SendContactForm');">
-        </li>
+<form action="<?php echo esc_url( admin_url('admin-post.php') ); ?>" method="post" enctype="multipart/form-data" class="c-form c-form--employers">
 
-    </ul>
+<?php
 
+    if ( !$_SESSION['employers--step'] ):
+        include_once('biuro-contacts-public--employers--step-1.php');
+    else:
+        include_once('biuro-contacts-public--employers--step-2.php');
+    endif;
+ ?>
+    <input type="hidden" name="action" value="employers_post">
+    <?php wp_nonce_field('employers_post_nonce'); ?>
 </form>

wp-content/plugins/biuro-contacts/public/partials/biuro-contacts-public--position--step-1.php

+<?php
+
+/**
+ * Provide a public-facing view for the plugin
+ *
+ * This file is used to markup the public-facing aspects of the plugin.
+ *
+ * @link       https://www.biuro.lt
+ * @since      1.0.0
+ *
+ * @package    Biuro_Contacts
+ * @subpackage Biuro_Contacts/public/partials
+ */
+
+/**
+ * @link https://codex.wordpress.org/Creating_Options_Pages
+ * @link https://www.smashingmagazine.com/2016/04/three-approaches-to-adding-configurable-fields-to-your-plugin/
+ */
+// If this file is called directly, abort.
+if ( ! defined( 'WPINC' ) ) die;
+?>
+
+    <div class="c-form--row">
+        <button type="submit" class="o-btn c-btn--main c-btn--fill" name="submit" value="1"><?php _e('Candidate', 'biuro'); ?></button>
+    </div><!-- .c-form--row -->
+

wp-content/plugins/biuro-contacts/public/partials/biuro-contacts-public--position--step-2.php

+<?php
+
+/**
+ * Provide a public-facing view for the plugin
+ *
+ * This file is used to markup the public-facing aspects of the plugin.
+ *
+ * @link       https://www.biuro.lt
+ * @since      1.0.0
+ *
+ * @package    Biuro_Contacts
+ * @subpackage Biuro_Contacts/public/partials
+ */
+
+/**
+ * @link https://codex.wordpress.org/Creating_Options_Pages
+ * @link https://www.smashingmagazine.com/2016/04/three-approaches-to-adding-configurable-fields-to-your-plugin/
+ */
+// If this file is called directly, abort.
+if ( ! defined( 'WPINC' ) ) die;
+?>
+
+<?php
+    $nameValue = $_SESSION['position--name-value'];
+    $nameStatus = $_SESSION['position--name-status'];
+    $nameMessage = $_SESSION['position--name-message'];
+?>
+    <div class="c-form--row">
+        <label class="c-form--label" for="form-name"><?php _e('Name, surname', 'biuro'); ?></label>
+        <div class="c-form--input-wrap <?php if ($nameStatus) { echo "c-form--input-wrap--$nameStatus"; } ?>">
+            <input type="text" class="c-form--input" id="form-name" name="name" value="<?php echo $nameValue; ?>" <?php if ($nameStatus == 'error'): ?> autofocus="autofocus" <?php endif; ?>>
+        </div>
+        <?php if ($nameMessage): ?>
+            <div class="c-form--validation c-form--validation-<?php echo $nameStatus; ?>">
+                <?php echo $nameMessage; ?>
+            </div>
+        <?php endif; ?>
+    </div><!-- .c-form--row -->
+
+<?php
+    $phoneValue = $_SESSION['position--phone-value'];
+    $phoneStatus = $_SESSION['position--phone-status'];
+    $phoneMessage = $_SESSION['position--phone-message'];
+?>
+    <div class="c-form--row">
+        <label class="c-form--label" for="form-phone"><?php _e('Phone no.', 'biuro'); ?></label>
+        <div class="c-form--input-wrap <?php if ($phoneStatus) { echo "c-form--input-wrap--$phoneStatus"; } ?>">
+            <input type="tel" class="c-form--input" id="form-phone" name="phone" value="<?php echo $phoneValue; ?>" <?php if ($nameStatus != 'error' && $phoneStatus == 'error'): ?> autofocus="autofocus" <?php endif; ?>>
+        </div>
+        <?php if ($phoneMessage): ?>
+            <div class="c-form--validation c-form--validation-<?php echo $phoneStatus; ?>">
+                <?php echo $phoneMessage; ?>
+            </div>
+        <?php endif; ?>
+    </div><!-- .c-form--row -->
+
+<?php
+    $emailValue = $_SESSION['position--email-value'];
+    $emailStatus = $_SESSION['position--email-status'];
+    $emailMessage = $_SESSION['position--email-message'];
+?>
+    <div class="c-form--row">
+        <label class="c-form--label" for="form-email"><?php _e('Email address', 'biuro'); ?></label>
+        <div class="c-form--input-wrap <?php if ($emailStatus) { echo "c-form--input-wrap--$emailStatus"; } ?>">
+                <input type="email" class="c-form--input" id="form-email" name="email" value="<?php echo $emailValue; ?>">
+        </div>
+        <?php if ($emailMessage): ?>
+            <div class="c-form--validation c-form--validation-<?php echo $emailStatus; ?>">
+                <?php echo $emailMessage; ?>
+            </div>
+        <?php endif; ?>
+    </div><!-- .c-form--row -->
+
+    <div class="c-form--row">
+        <label class="c-form--label" for="form-city"><?php _e('City', 'biuro'); ?></label>
+        <div class="c-form--input-wrap">
+            <input type="text" class="c-form--input" id="form-city" name="city" value="">
+        </div>
+    </div><!-- .c-form--row -->
+
+    <div class="c-form--row">
+        <label class="c-form--label" for="form-message"><?php _e('Message', 'biuro'); ?></label>
+        <div class="c-form--textarea-wrap">
+            <textarea name="message" id="form-message" cols="30" rows="3" class="c-form--textarea"></textarea>
+        </div>
+    </div><!-- .c-form--row -->
+
+    <div class="c-form--row">
+        <label class="c-form--label" for="form-cv"><?php _e('CV', 'biuro'); ?></label>
+        <div class="c-form--input-wrap">
+            <input type="file" class="c-form--input" id="form-cv" name="cv" value="">
+        </div>
+    </div><!-- .c-form--row -->
+
+<?php
+    $agreeValue = $_SESSION['position--agree-value'];
+    $agreeStatus = $_SESSION['position--agree-status'];
+    $agreeMessage = $_SESSION['position--agree-message'];
+?>
+    <div class="c-form--row">
+        <div class="c-form--checkbox-wrap">
+            <input id="form-agree" type="checkbox" class="c-form--checkbox <?php if ($agreeStatus) { echo "c-form--checkbox--$agreeStatus"; } ?>" name="agree" value="1" <?php if ($agreeValue): ?> checked="checked"<?php endif; ?>>
+            <label class="c-form--label-checkbox" for="form-agree"><?php _e('Rem possimus, delectus unde enim dolores doloribus, recusandae a veritatis ducimus repudiandae iste eos voluptatum architecto mollitia?', 'biuro'); ?></label>
+        </div>
+        <?php if ($agreeMessage): ?>
+            <div class="c-form--validation c-form--validation-<?php echo $agreeStatus; ?>">
+                <?php echo $agreeMessage; ?>
+            </div>
+        <?php endif; ?>
+    </div><!-- .c-form--row -->
+
+    <div class="c-form--row">
+        <div class="c-form--checkbox-wrap">
+            <input id="form-confirm" type="checkbox" class="c-form--checkbox" name="confirm" value="1">
+            <label class="c-form--label-checkbox" for="form-confirm"><?php _e('Noster apster lorem ipsum dolor sit amet, consectetur adipisicing elit?', 'biuro'); ?></label>
+        </div>
+    </div><!-- .c-form--row -->
+
+    <div class="c-form--row">
+        <div class="c-form--submit-wrap">
+            <button type="submit" class="o-btn c-btn--main c-btn--fill" name="submit" value="2"><?php _e('Candidate', 'biuro'); ?></button>
+        </div>
+    </div><!-- .c-form--row -->

wp-content/plugins/biuro-contacts/public/partials/biuro-contacts-public--position.php

@@ -11,40 +11,26 @@
  * @package    Biuro_Contacts
  * @subpackage Biuro_Contacts/public/partials
  */
+
+/**
+ * @link https://codex.wordpress.org/Creating_Options_Pages
+ * @link https://www.smashingmagazine.com/2016/04/three-approaches-to-adding-configurable-fields-to-your-plugin/
+ */
+// If this file is called directly, abort.
+if ( ! defined( 'WPINC' ) ) die;
 ?>
 
-<form id="CVForm_CVForm" action="<?php echo $_SERVER["REQUEST_URI"]; ?>" method="post" enctype="multipart/form-data" class="contact-form">
-    <ul class="form">
-        <li>
-            <label for="CVForm_CVForm_Name">Name, Surname (mandatory field):</label>
-            <input type="text" class="text holder-required <?php if ($response) { echo 'error'; } ?>" id="CVForm_CVForm_Name" name="Name" value="">
-<?php if ($response) : ?>
-                <div id="errorname" class="errormessage">"Name, Surname (mandatory field):" is required.</div>
-<?php endif; ?>
-        </li>
-        <li>
-            <label for="CVForm_CVForm_Email">E-mail (mandatory field): </label>
-            <input type="text" class="text holder-required <?php if ($response) { echo 'error'; } ?>" id="CVForm_CVForm_Email" name="Email" value="">
-<?php if ($response) : ?>
-            <div id="erroremail" class="errormessage">"E-mail (mandatory field): " is required.</div>
-<?php endif; ?>
-        </li>
-        <li>
-            <label for="CVForm_CVForm_Phone">Telephone number:</label>
-            <input type="text" class="text" id="CVForm_CVForm_Phone" name="Phone" value="">
-        </li>
-        <li>
-            <label for="CVForm_CVForm_Cvfield">Curriculum vitae:</label>
-            <input type="file" name="Cvfield" id="CVForm_CVForm_Cvfield"><input type="hidden" name="MAX_FILE_SIZE" value="">
-        </li>
-        <li>
-            <label for="CVForm_CVForm_Additional">Other:</label>
-            <textarea id="CVForm_CVForm_Additional" name="Additional" rows="5" cols="20"></textarea>
-        </li>
-        <li class="last">
-            <input class="action " id="CVForm_CVForm_action_SendCVForm" type="submit" name="action-submit" value="Send" title="Send" onclick="ga('send', 'event', 'CVForm', 'Button', 'SendCVForm');">
-        </li>
-    </ul>
-    <input class="hidden" type="hidden" id="CVForm_CVForm_offerid" name="offerid" value="14675">
+<form action="<?php echo esc_url( admin_url('admin-post.php') ); ?>" method="post" enctype="multipart/form-data" class="c-form c-form--position">
+
+<?php
 
+    if ( !$_SESSION['position--step'] ):
+        include_once('biuro-contacts-public--position--step-1.php');
+    else:
+        include_once('biuro-contacts-public--position--step-2.php');
+    endif;
+ ?>
+    <input type="hidden" name="job_id" value="<?php echo $job_id; ?>">
+    <input type="hidden" name="action" value="position_post">
+    <?php wp_nonce_field('position_post_nonce'); ?>
 </form>

wp-content/plugins/biuro-feedbacks/biuro-feedbacks.php

@@ -24,6 +24,7 @@ class Biuro_Feedbacks extends WP_Widget {
     public function form( $instance ) {
         // Set widget defaults
         $defaults = array(
+            'title' => '',
             'name1'    => '',
             'img1'    => '',
             'feedback1' => '',
@@ -54,16 +55,20 @@ class Biuro_Feedbacks extends WP_Widget {
         // Parse current settings with defaults
         extract( wp_parse_args( ( array ) $instance, $defaults ) ); ?>
 
+        <p>
+            <label for="<?php echo esc_attr( $this->get_field_id( 'title' ) ); ?>"><?php _e( 'Title', 'biuro' ); ?><?php echo ' ' . $i . ':';  ?></label>
+            <input class="widefat" id="<?php echo esc_attr( $this->get_field_id( 'title' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'title' ) ); ?>" type="text" value="<?php echo esc_attr( ${'title'} ); ?>" />
+        </p>
 <?php
         for ($i = 1; $i <= 8; $i++):
 ?>
         <p>
             <label for="<?php echo esc_attr( $this->get_field_id( 'name' . $i ) ); ?>"><?php _e( 'Name', 'biuro' ); ?><?php echo ' ' . $i . ':';  ?></label>
-            <input class="widefat" id="<?php echo esc_attr( $this->get_field_id( 'name' . $i ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'name' . $i ) ); ?>" type="text" name="<?php echo esc_attr( ${'name' . $i} ); ?>" />
+            <input class="widefat" id="<?php echo esc_attr( $this->get_field_id( 'name' . $i ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'name' . $i ) ); ?>" type="text" value="<?php echo esc_attr( ${'name' . $i} ); ?>" />
         </p>
         <p>
             <label for="<?php echo esc_attr( $this->get_field_id( 'img' . $i ) ); ?>"><?php _e( 'Image', 'biuro' ); ?><?php echo ' ' . $i . ':';  ?></label>
-            <input class="widefat" id="<?php echo esc_attr( $this->get_field_id( 'img' . $i ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'img' . $i ) ); ?>" type="text" name="<?php echo esc_attr( ${'img' . $i} ); ?>" />
+            <input class="widefat" id="<?php echo esc_attr( $this->get_field_id( 'img' . $i ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'img' . $i ) ); ?>" type="text" value="<?php echo esc_attr( ${'img' . $i} ); ?>" />
         </p>
         <p>
             <label for="<?php echo esc_attr( $this->get_field_id( 'feedback' . $i ) ); ?>"><?php _e( 'Feedback', 'biuro' ); ?><?php echo ' ' . $i . ':';  ?></label>
@@ -79,6 +84,8 @@ class Biuro_Feedbacks extends WP_Widget {
     public function update( $new_instance, $old_instance ) {
         $instance = $old_instance;
 
+        $instance['title']    = isset( $new_instance['title'] ) ? wp_strip_all_tags( $new_instance['title'] ) : '';
+
         for ($i = 1; $i <= 8; $i++):
             $instance['name' . $i]    = isset( $new_instance['name' . $i] ) ? wp_strip_all_tags( $new_instance['name' . $i] ) : '';
             $instance['img' . $i]    = isset( $new_instance['img' . $i] ) ? wp_strip_all_tags( $new_instance['img' . $i] ) : '';
@@ -92,6 +99,8 @@ class Biuro_Feedbacks extends WP_Widget {
     public function widget( $args, $instance ) {
         extract( $args );
 
+        $title = isset( $instance['title'] ) ?$instance['title'] : '';
+
         for ($i = 1; $i <= 8; $i++):
             ${'name' . $i} = isset( $instance['name' . $i] ) ?$instance['name' . $i] : '';
             ${'img' . $i} = isset( $instance['img' . $i] ) ?$instance['img' . $i] : '';
@@ -101,18 +110,45 @@ class Biuro_Feedbacks extends WP_Widget {
         // WordPress core before_widget hook (always include )
         echo $before_widget;
         // Display the widget
-        echo '<div class="c-biuro-feedbacks">';
+        echo '<div class="c-feedbacks">';
+
+            if ( $title != "" ) {
+                echo '<h2 class="c-feedbacks--heading">' . $title . '</h2>';
+            }
+
+            echo '<div class="c-feedbacks--inner">';
+                echo '<div class="swiper-wrapper">';
 
                 for ($i = 1; $i <= 8; $i++):
-            if ( ${'name' . $i} ) {
-                echo '<h3>' . ${'name' . $i}  . ${'img' . $i} . '</h3>';
+
+                    if ( ${'name' . $i} != "" && ${'feedback' . $i} != ""):
+                        echo '<div class="swiper-slide">';
+                            echo '<div class="c-feedbacks--section">';
+                                echo '<div class="c-feedbacks--section-inner">';
+
+                                if ( ${'img' . $i} != "" ) {
+                                    echo '<img src="/wp-content/themes/biuro/i/feedbacks/' . ${'img' . $i} . '" class="c-feedbacks--img" width="85px" height="83px"/>';
                                 }
-            if ( ${'feedback' . $i} ) {
-                echo '<p>' . ${'feedback' . $i} . '</p>';
+
+                                if ( ${'feedback' . $i} != "" ) {
+                                    echo '<div class="c-feedbacks--feedback">' . ${'feedback' . $i} . '</div>';
                                 }
+
+                                if ( ${'name' . $i} != "" ) {
+                                    echo '<div class="c-feedbacks--name">' . ${'name' . $i} . '</div>';
+                                }
+
+                                echo '</div>';
+                            echo '</div>';
+                        echo '</div>';
+                    endif;
+
                 endfor;
 
                 echo '</div>';
+                echo '<div class="swiper-pagination"></div>';
+            echo '</div>';
+        echo '</div>';
 
         // WordPress core after_widget hook (always include )
         echo $after_widget;

wp-content/plugins/biuro-html/biuro-html.php

+<?php
+/*
+Plugin Name: Biuro HTML
+Description: Biuro Biuro HTML plugin
+Author: Biuro
+Version: 1.0
+Author URI: https://www.biuro.lt/
+*/
+
+
+class Biuro_HTML extends WP_Widget {
+    // Main constructor
+    public function __construct() {
+        parent::__construct(
+            'biuro-html',
+            __( 'Biuro HTML | Biuro', 'biuro' ),
+            array(
+                'customize_selective_refresh' => true,
+            )
+        );
+    }
+
+    // The widget form (for the backend )
+    public function form( $instance ) {
+        // Set widget defaults
+        $defaults = array(
+            'title' => '',
+            'content' => '',
+        );
+
+        // Parse current settings with defaults
+        extract( wp_parse_args( ( array ) $instance, $defaults ) ); ?>
+
+        <p>
+            <label for="<?php echo esc_attr( $this->get_field_id( 'title' ) ); ?>"><?php _e( 'Title', 'biuro' ); ?><?php echo ' ' . $i . ':';  ?></label>
+            <input class="widefat" id="<?php echo esc_attr( $this->get_field_id( 'title' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'title' ) ); ?>" type="text" value="<?php echo esc_attr( ${'title'} ); ?>" />
+        </p>
+        <p>
+            <label for="<?php echo esc_attr( $this->get_field_id( 'content' ) ); ?>"><?php _e( 'Content:', 'biuro' ); ?></label>
+            <textarea class="widefat" id="<?php echo esc_attr( $this->get_field_id( 'content' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'content' ) ); ?>" rows="12"><?php echo wp_kses_post( $content ); ?></textarea>
+        </p>
+
+    <?php }
+
+    // Update widget settings
+    public function update( $new_instance, $old_instance ) {
+        $instance = $old_instance;
+        $instance['title']    = isset( $new_instance['title'] ) ? wp_strip_all_tags( $new_instance['title'] ) : '';
+        $instance['content'] = isset( $new_instance['content'] ) ? wp_kses_post( $new_instance['content'] ) : '';
+        return $instance;
+    }
+
+    // Display the widget
+    public function widget( $args, $instance ) {
+        extract( $args );
+
+        // Check the widget options
+        $title = isset( $instance['title'] ) ?$instance['title'] : '';
+        $content = isset( $instance['content'] ) ?$instance['content'] : '';
+
+        // WordPress core before_widget hook (always include )
+        echo $before_widget;
+
+        if ( $title != "" ) {
+            echo '<h3>' . $title . '</h3>';
+        }
+
+        if ( $content != "" ) {
+            echo '<p>' . $content . '</p>';
+        }
+
+        // WordPress core after_widget hook (always include )
+        echo $after_widget;
+    }
+}
+
+
+// register Biuro_HTML
+add_action( 'widgets_init', function(){
+    register_widget( 'Biuro_HTML' );
+});
+

wp-content/plugins/biuro-sections/biuro-sections.php

@@ -24,36 +24,29 @@ class Biuro_Sections extends WP_Widget {
     public function form( $instance ) {
         // Set widget defaults
         $defaults = array(
+            'title'    => '',
             'title1'    => '',
-            'img1'    => '',
             'description1' => '',
             'content1' => '',
             'title2'    => '',
-            'img2'    => '',
             'description2' => '',
             'content2' => '',
             'title3'    => '',
-            'img3'    => '',
             'description3' => '',
             'content3' => '',
             'title4'    => '',
-            'img4'    => '',
             'description4' => '',
             'content4' => '',
             'title5'    => '',
-            'img5'    => '',
             'description5' => '',
             'content5' => '',
             'title6'    => '',
-            'img6'    => '',
             'description6' => '',
             'content6' => '',
             'title7'    => '',
-            'img7'    => '',
             'description7' => '',
             'content7' => '',
             'title8'    => '',
-            'img8'    => '',
             'description8' => '',
             'content8' => '',
         );
@@ -62,17 +55,18 @@ class Biuro_Sections extends WP_Widget {
         // Parse current settings with defaults
         extract( wp_parse_args( ( array ) $instance, $defaults ) ); ?>
 
+        <p>
+            <label for="<?php echo esc_attr( $this->get_field_id( 'title' ) ); ?>"><?php _e( 'Heading', 'biuro' ); ?><?php echo ' ' . $i . ':';  ?></label>
+            <input class="widefat" id="<?php echo esc_attr( $this->get_field_id( 'title' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'title' ) ); ?>" type="text" value="<?php echo esc_attr( ${'title'} ); ?>" />
+        </p>
+
 <?php
-        for ($i = 1; $i <= 8; $i++):
+        for ($i = 1; $i <= 6; $i++):
 ?>
         <p>
             <label for="<?php echo esc_attr( $this->get_field_id( 'title' . $i ) ); ?>"><?php _e( 'Title', 'biuro' ); ?><?php echo ' ' . $i . ':';  ?></label>
             <input class="widefat" id="<?php echo esc_attr( $this->get_field_id( 'title' . $i ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'title' . $i ) ); ?>" type="text" value="<?php echo esc_attr( ${'title' . $i} ); ?>" />
         </p>
-        <p>
-            <label for="<?php echo esc_attr( $this->get_field_id( 'img' . $i ) ); ?>"><?php _e( 'Image', 'biuro' ); ?><?php echo ' ' . $i . ':';  ?></label>
-            <input class="widefat" id="<?php echo esc_attr( $this->get_field_id( 'img' . $i ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'img' . $i ) ); ?>" type="text" value="<?php echo esc_attr( ${'img' . $i} ); ?>" />
-        </p>
         <p>
             <label for="<?php echo esc_attr( $this->get_field_id( 'description' . $i ) ); ?>"><?php _e( 'Description', 'biuro' ); ?><?php echo ' ' . $i . ':';  ?></label>
             <textarea class="widefat" id="<?php echo esc_attr( $this->get_field_id( 'description' . $i ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'description' . $i ) ); ?>" rows="4"><?php echo wp_kses_post( ${'description' . $i} ); ?></textarea>
@@ -93,9 +87,10 @@ class Biuro_Sections extends WP_Widget {
     public function update( $new_instance, $old_instance ) {
         $instance = $old_instance;
 
-        for ($i = 1; $i <= 8; $i++):
+        $instance['title']    = isset( $new_instance['title'] ) ? wp_strip_all_tags( $new_instance['title'] ) : '';
+
+        for ($i = 1; $i <= 6; $i++):
             $instance['title' . $i]    = isset( $new_instance['title' . $i] ) ? wp_strip_all_tags( $new_instance['title' . $i] ) : '';
-            $instance['img' . $i]    = isset( $new_instance['img' . $i] ) ? wp_strip_all_tags( $new_instance['img' . $i] ) : '';
             $instance['description' . $i] = isset( $new_instance['description' . $i] ) ? wp_kses_post( $new_instance['description' . $i] ) : '';
             $instance['content' . $i] = isset( $new_instance['content' . $i] ) ? wp_kses_post( $new_instance['content' . $i] ) : '';
         endfor;
@@ -107,9 +102,10 @@ class Biuro_Sections extends WP_Widget {
     public function widget( $args, $instance ) {
         extract( $args );
 
-        for ($i = 1; $i <= 8; $i++):
+        $title = isset( $instance['title'] ) ?$instance['title'] : '';
+
+        for ($i = 1; $i <= 6; $i++):
             ${'title' . $i} = isset( $instance['title' . $i] ) ?$instance['title' . $i] : '';
-            ${'img' . $i} = isset( $instance['img' . $i] ) ?$instance['img' . $i] : '';
             ${'description' . $i} = isset( $instance['description' . $i] ) ?$instance['description' . $i] : '';
             ${'content' . $i} = isset( $instance['content' . $i] ) ?$instance['content' . $i] : '';
         endfor;
@@ -117,19 +113,42 @@ class Biuro_Sections extends WP_Widget {
         // WordPress core before_widget hook (always include )
         echo $before_widget;
         // Display the widget
-        echo '<div class="c-biuro-sections">';
+        echo '<div class="c-sections">';
+
+        if ( $title != "" ) {
+            echo '<h2 class="c-sections--heading">' . $title . '</h2>';
+        }
 
-        for ($i = 1; $i <= 8; $i++):
-            if ( ${'title' . $i} ) {
-                echo '<h3>' . ${'title' . $i}  . ' (img: ' . ${'img' . $i} . ')</h3>';
+        echo '<div class="c-sections--inner">';
+        for ($i = 1; $i <= 6; $i++):
+            if ( ${'title' . $i} != "" && ${'description' . $i} != ""&& ${'content' . $i} != ""):
+                echo '<div class="c-sections--item">';
+                    echo '<div class="c-sections--item-inner">';
+
+                        if ( ${'title' . $i} != "" ) {
+                            echo '<div class="c-sections--header"><div class="c-sections--ico"><svg width="56px" height="56px"><use xlink:href="#ico--section-' . $i . '"></use></svg></div>' . ${'title' . $i}  . '</div>';
                         }
-            if ( ${'description' . $i} ) {
-                echo '<div>' . ${'description' . $i} . '</div>';
+
+                        echo '<div class="c-sections--content">';
+
+                            if ( ${'description' . $i} != "" ) {
+                                echo '<div class="c-sections--description">' . ${'description' . $i} . '</div>';
                             }
-            if ( ${'content' . $i} ) {
-                echo '<div>' . ${'content' . $i} . '</div>';
+
+                            if ( ${'content' . $i} != "" ) {
+                                echo  ${'content' . $i};
                             }
+
+                        echo '</div>';
+                        echo '<div class="js-toggle--sections c-sections--toggle">
+                                    <svg width="13px" height="8px" class="c-sections--toggle-down"><use xlink:href="#ico--down"></use></svg>
+                                    <svg width="13px" height="8px" class="c-sections--toggle-up"><use xlink:href="#ico--up"></use></svg>
+                                </div>';
+                    echo '</div>';
+                echo '</div>';
+            endif;
         endfor;
+        echo '</div>';
 
         echo '</div>';
 

wp-content/plugins/biuro-services/biuro-services.php

@@ -55,7 +55,7 @@ class Biuro_Services extends WP_Widget {
         extract( wp_parse_args( ( array ) $instance, $defaults ) ); ?>
 
 <?php
-        for ($i = 1; $i <= 8; $i++):
+        for ($i = 1; $i <= 3; $i++):
 ?>
         <p>
             <label for="<?php echo esc_attr( $this->get_field_id( 'title' . $i ) ); ?>"><?php _e( 'Title', 'biuro' ); ?><?php echo ' ' . $i . ':';  ?></label>
@@ -79,7 +79,7 @@ class Biuro_Services extends WP_Widget {
     public function update( $new_instance, $old_instance ) {
         $instance = $old_instance;
 
-        for ($i = 1; $i <= 8; $i++):
+        for ($i = 1; $i <= 3; $i++):
             $instance['title' . $i]    = isset( $new_instance['title' . $i] ) ? wp_strip_all_tags( $new_instance['title' . $i] ) : '';
             $instance['position' . $i]    = isset( $new_instance['position' . $i] ) ? wp_strip_all_tags( $new_instance['position' . $i] ) : '';
             $instance['content' . $i] = isset( $new_instance['content' . $i] ) ? wp_kses_post( $new_instance['content' . $i] ) : '';
@@ -92,7 +92,7 @@ class Biuro_Services extends WP_Widget {
     public function widget( $args, $instance ) {
         extract( $args );
 
-        for ($i = 1; $i <= 8; $i++):
+        for ($i = 1; $i <= 3; $i++):
             ${'title' . $i} = isset( $instance['title' . $i] ) ?$instance['title' . $i] : '';
             ${'position' . $i} = isset( $instance['position' . $i] ) ?$instance['position' . $i] : '';
             ${'content' . $i} = isset( $instance['content' . $i] ) ?$instance['content' . $i] : '';
@@ -101,15 +101,34 @@ class Biuro_Services extends WP_Widget {
         // WordPress core before_widget hook (always include )
         echo $before_widget;
         // Display the widget
-        echo '<div class="c-biuro-services">';
+        echo '<div class="c-services">';
 
-        for ($i = 1; $i <= 8; $i++):
-            if ( ${'title' . $i} ) {
-                echo '<h3>' . ${'title' . $i}  . ${'position' . $i} . '</h3>';
+        for ($i = 1; $i <= 3; $i++):
+            if ( ${'title' . $i} != "" && ${'content' . $i} != ""):
+                echo '<div class="c-services--item">';
+                    echo '<div class="c-services--item-inner">';
+
+                        echo '<div class="c-services--ico"><svg width="56px" height="56px"><use xlink:href="#ico--service-' . $i . '"></use></svg></div>';
+
+                        if ( ${'title' . $i} != "" ) {
+                            echo '<p class="c-services--heading">' . ${'title' . $i} . '</p>';
                         }
-            if ( ${'content' . $i} ) {
-                echo '<p>' . ${'content' . $i} . '</p>';
+                        if ( ${'position' . $i} != "" ) {
+                            echo '<p class="c-services--sub-heading">' . ${'position' . $i} . '</p>';
+                        }
+
+                        if ( ${'content' . $i} != "" ) {
+                            echo '<div class="c-services--content">' . ${'content' . $i} . '</div>';
                         }
+
+                    echo '<div class="js-toggle--services c-services--toggle">
+                                <svg width="13px" height="8px" class="c-services--toggle-down"><use xlink:href="#ico--down"></use></svg>
+                                <svg width="13px" height="8px" class="c-services--toggle-up"><use xlink:href="#ico--up"></use></svg>
+                            </div>';
+
+                    echo '</div>';
+                echo '</div>';
+            endif;
         endfor;
 
         echo '</div>';

wp-content/plugins/biuro-values/biuro-values.php

@@ -47,7 +47,7 @@ class Biuro_Values extends WP_Widget {
         extract( wp_parse_args( ( array ) $instance, $defaults ) ); ?>
 
 <?php
-        for ($i = 1; $i <= 8; $i++):
+        for ($i = 1; $i <= 4; $i++):
 ?>
         <p>
             <label for="<?php echo esc_attr( $this->get_field_id( 'value' . $i ) ); ?>"><?php _e( 'Value', 'biuro' ); ?><?php echo ' ' . $i . ':';  ?></label>
@@ -67,7 +67,7 @@ class Biuro_Values extends WP_Widget {
     public function update( $new_instance, $old_instance ) {
         $instance = $old_instance;
 
-        for ($i = 1; $i <= 8; $i++):
+        for ($i = 1; $i <= 4; $i++):
             $instance['value' . $i]    = isset( $new_instance['value' . $i] ) ? wp_strip_all_tags( $new_instance['value' . $i] ) : '';
             $instance['content' . $i] = isset( $new_instance['content' . $i] ) ? wp_kses_post( $new_instance['content' . $i] ) : '';
         endfor;
@@ -79,26 +79,35 @@ class Biuro_Values extends WP_Widget {
     public function widget( $args, $instance ) {
         extract( $args );
 
-        for ($i = 1; $i <= 8; $i++):
+        for ($i = 1; $i <= 4; $i++):
             ${'value' . $i} = isset( $instance['value' . $i] ) ?$instance['value' . $i] : '';
             ${'content' . $i} = isset( $instance['content' . $i] ) ?$instance['content' . $i] : '';
         endfor;
 
-        // WordPress core before_widget hook (always include )
         echo $before_widget;
-        // Display the widget
-        echo '<div class="c-biuro-values">';
 
-        for ($i = 1; $i <= 8; $i++):
-            if ( ${'value' . $i} ) {
-                echo '<h3>' . ${'value' . $i}  . '</h3>';
+        echo '<div class="c-values">';
+        echo '<div class="c-values--inner">';
+
+        for ($i = 1; $i <= 4; $i++):
+            if ( ${'value' . $i} != "" && ${'content' . $i} != ""):
+                echo '<div class="c-values--section">';
+
+                if ( ${'value' . $i} != "" ) {
+                    echo '<h3 class="c-values--heading">' . ${'value' . $i}  . '</h3>';
                 }
-            if ( ${'content' . $i} ) {
-                echo '<p>' . ${'content' . $i} . '</p>';
+
+                if ( ${'content' . $i} != "" ) {
+                    echo '<div class="c-values--content">' . ${'content' . $i} . '</div>';
                 }
+
+                echo '</div>';
+            endif;
         endfor;
 
         echo '</div>';
+        echo '</div>';
+
 
         // WordPress core after_widget hook (always include )
         echo $after_widget;

wp-content/plugins/cookies-warning/cookies-warning.php

@@ -79,17 +79,18 @@ class Cookies_Warning extends WP_Widget {
             if ( $content ) {
                 echo $content;
             }
-            echo '<br >';
+            echo '<p class="c-cookies-warning--actions">';
 
             // Display agree button
             if ( $agree ) {
-                echo '<button id="cookie-agree" class="bu-action bu-action--main" type="button" title="' . $agree . '">' . $agree . '</button>';
+                echo '<button id="cookie-agree" class="o-btn c-btn--main" type="button" title="' . $agree . '">' . $agree . '</button>';
             }
 
             // Display close button
             if ( $close ) {
-                echo '<button id="cookie-close" class="bu-action bu-action--alt" type="button" title="' . $close . '">' . $close . '</button>';
+                echo '<button id="cookie-close" class="o-btn c-btn--slim" type="button" title="' . $close . '">' . $close . '</button>';
             }
+            echo '</p>';
 
 
             echo '</div>';

wp-content/plugins/jobs-importer/JobsImporter.php

@@ -110,6 +110,7 @@ class JobsImporter
                     $podId = $pod->save($adData);
                     // Set post language
                     $this->setPostLang($podId, $ad['lang']);
+                    print_r("Job ID: <b>$podId</b> <br>");
                     print_r("Old record ($this->primaryKey: $primaryKey) has been updated. <br>");
 
                 } catch (Exception $e) {
@@ -132,11 +133,35 @@ class JobsImporter
                 }
             }
 
+            // Set primary properties
+            if (is_plugin_active('wordpress-seo/wp-seo.php')) {
+
                 foreach ($this->primaryTerms as $term => $termKey) {
 
                     update_post_meta($podId, "_yoast_wpseo_primary_{$term}", $termKey);
                 }
             }
+
+            $this->addSeoProperties($ad, $podId);
+        }
+    }
+
+    /**
+     *  Add SEO properties for ad
+     * @uses Yoast SEO plugin
+     *
+     * @param $ad
+     * @param $postId
+     */
+    private function addSeoProperties($ad, $postId)
+    {
+        if (is_plugin_active('wordpress-seo/wp-seo.php')) {
+
+            foreach ($ad['seo_properties'] as $key => $item) {
+
+                update_post_meta($postId, '_yoast_wpseo_' . $key, $item);
+            }
+        }
     }
 
     /**
@@ -389,4 +414,25 @@ class JobsImporter
     }
 
 
+    private function add_to_yoast_seo($post_id, $metatitle, $metadesc, $metakeywords){
+
+        $ret = false;
+
+        // Include plugin library to check if Yoast Seo is presently active
+        include_once( ABSPATH.'panel/includes/plugin.php' );
+
+        if(is_plugin_active('wordpress-seo/wp-seo.php')) {
+            //plugin is activated
+            $updated_title = update_post_meta($post_id, '_yoast_wpseo_title', $metatitle);
+            $updated_desc = update_post_meta($post_id, '_yoast_wpseo_metadesc', $metadesc);
+            $updated_kw = update_post_meta($post_id, '_yoast_wpseo_metakeywords', $metakeywords);
+
+            if($updated_title && $updated_desc && $updated_kw){
+                $ret = true;
+            }
+        }
+
+        return $ret;
+    }
+
 }

wp-content/plugins/jobs-importer/JsonDataCollector.php

@@ -49,6 +49,10 @@ class JsonDataCollector
         ],
     ];
 
+    protected $seoProperties = [
+        'metadesc' => 'seo_description'
+    ];
+
     // Custom posts data map
     protected $posts = [
         'division' => [
@@ -130,6 +134,7 @@ class JsonDataCollector
             $item['terms'] = $this->getTerms($ad);
             $item['posts'] = $this->getPosts($ad);
             $item['relations'] = $this->relationsMap;
+            $item['seo_properties'] = $this->getSeoProperties($ad);
 
             $result[] = $item;
         };
@@ -151,6 +156,20 @@ class JsonDataCollector
         return $result;
     }
 
+    private function getSeoProperties($ad)
+    {
+        $result = [];
+
+        foreach ($this->seoProperties as $propertyKey => $propertyValue) {
+            if (isset($ad->{$propertyValue})) {
+                $dataValue = $ad->{$propertyValue};
+            }
+            $result[$propertyKey] = $this->getValue($dataValue);
+        }
+
+        return $result;
+    }
+
     private function getTerms($ad)
     {
         $result = [];
@@ -171,7 +190,7 @@ class JsonDataCollector
 
             foreach ($appends as $propertyKey => $propertyValues) {
 
-                if (isset($ad->{$propertyKey})) {
+                if (isset($ad->{$propertyKey}) && !empty($ad->{$propertyKey})) {
                     foreach ($ad->{$propertyKey} as $data) {
                         $result[$termKey][] = $this->getEntity($data, $propertyValues);
                     }

wp-content/plugins/jobs-importer/jobs-importer.php

@@ -38,23 +38,8 @@ function importer_admin_menu()
  */
 function do_import()
 {
-    // Set environment type
-    $env = 'prod';
-
-    //Set dev env. only on dev subdomain
-    $subDomain = strstr($_SERVER['SERVER_NAME'], '.biuro.lt', true);
-    if ($subDomain == 'dev') {
-        $env = 'dev';
-    }
-
-    // Set data source path by environment type
-    if ($env === 'dev') {
-//            $inputFile = plugin_dir_path(__FILE__) . "source_data/wp_biuro.php.xml";
-        $inputFile = "https://base.biuro.lt/_export/wp_biuro.php";
-        $inputFile = "https://base.biuro.lt/_export/new_wp.php";
-    } elseif ($env === 'prod') {
-        $inputFile = "http://export.biuro.lt/wp_biuro.php";
-    }
+    $env = getEnvironment();
+    $inputFile = getSource($env);
 
     print_r("<div style='background: lightgrey;'>
             <small style='float: right;'>Working in <strong>$env</strong> mode</small>
@@ -106,6 +91,51 @@ function do_import()
 
 }
 
+function getSource($env)
+{
+    $url = parse_url(site_url());
+    $exploded = explode('.', $url['host']);
+    $site = strtoupper(end($exploded));
+
+    switch ($site) {
+        case 'LT':
+            $script = 'new_wp.php';
+            break;
+        case 'LV':
+            $script = 'new_wp_lv.php';
+            break;
+        case 'EE':
+            $script = 'new_wp_ee.php';
+            break;
+    }
+
+    // Set data source path by environment type
+    if ($env === 'dev') {
+//            $inputFile = plugin_dir_path(__FILE__) . "source_data/wp_biuro.php.xml";
+        // $inputFile = "https://base.biuro.lt/_export/wp_biuro.php";
+        $inputFile = "https://base.biuro.lt/_export/{$script}";
+    } elseif ($env === 'prod') {
+        // $inputFile = "http://export.biuro.lt/wp_biuro.php";
+        $inputFile = "http://export.biuro.lt/{$script}";
+    }
+
+    return $inputFile;
+}
+
+function getEnvironment()
+{
+    // Set environment type
+    $env = 'prod';
+
+    //Set dev env. only on dev subdomain
+    $subDomain = strstr($_SERVER['SERVER_NAME'], '.biuro', true);
+    if ($subDomain == 'dev') {
+        $env = 'dev';
+    }
+
+    return $env;
+}
+
 function current_location()
 {
     if (isset($_SERVER['HTTPS']) &&

wp-content/themes/biuro/css/01-settings/_settings--colors.css

@@ -3,8 +3,14 @@
 /* critical:start */
 
 :root   {
-    --color--gray: #4d4d4d;
-    --color--green: #006957;
+    --color--gray: #7e8683;
+    --color--gray-darker: #2A3644;
+    --color--green: #1fb299;
+    --color--green-darker: #149a83;
+    --color--green-dark: #006957;
+    --color--blue-dark: #1d2a3a;
+
+    --color--gray-light: #f8f8f8;
 }
 
 /* critical:end */

wp-content/themes/biuro/css/01-settings/_settings--layout.css

@@ -4,7 +4,9 @@
 
 :root   {
     /*--layout-width: 976px;*/
-    --layout-width: 63em;
+    --layout-width: 1210px;   /* 1170px */
+    --layout-width--small: 870px;   /* 830px */
+    --layout-width--large: 1150px;   /* 1110px */
 }
 
 /* critical:end */

wp-content/themes/biuro/css/01-settings/_settings--typography.css

@@ -4,18 +4,14 @@
 
 :root   {
     --typo--font-family:  -apple-system, BlinkMacSystemFont, "Segoe UI Light", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-    --typo--font-size: 1.8rem;
-    --typo--weight-slim: 100;
+    --typo--font-size: 1.5rem;
     --typo--weight-regular: 400;
-    --typo--weight-bold: 600;
+    --typo--weight-bold: 700;
     --typo--line-height: 1.2;
-    --typo--font-face: 'PT Sans Narrow', sans-serif;
-    --typo--font-face-additional: 'Bebas Neue', sans-serif;
-
-    @media (--min--small) {
-        --typo--font-size: 1.6rem;
-        --typo--line-height: 1.3;
-    }
+    --typo--font-face: 'Roboto', sans-serif;
 }
 
 /* critical:end */
+
+
+/*font-family: 'Roboto', sans-serif;*/

wp-content/themes/biuro/css/04-elements/_element--anchor.css

 /* ------------- Elements: anchor ------------- */
 
 /* critical:start */
-a   { color: var(--color--gray); }
+a   { color: inherit; }
 /* critical:end */
 
 a   {

wp-content/themes/biuro/css/04-elements/_element--body.css

@@ -5,16 +5,15 @@
 body    {
     font-size: var(--typo--font-size);
     line-height: var(--typo--line-height);
-    color: var(--color--gray);
+    color: var(--color--gray-darker);
+    font-family: var( --typo--font-face);
+    background: #f8f8f8;
 
-    @media (--max--small) {
-        font-family: var(--typo--font-family);
-        letter-spacing: -0.08rem;
-    }
+    display: flex;
+    flex-direction: column;
+    min-height: 100vh;
 
-    @media (--min--small) {
-        font-family: var( --typo--font-face);
-    }
+    padding-top: 117px;
 }
 
 /* critical:end */

wp-content/themes/biuro/css/05-layout/__layout.css

@@ -11,4 +11,9 @@ l-: layout classes
 @import '_layout--aside.css';
 @import '_layout--main.css';
 @import '_layout--footer.css';
+@import '_layout--map.css';
 @import '_layout--nav.css';
+@import '_layout--section.css';
+
+
+

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

@@ -4,8 +4,17 @@
 
 .l-aside    {
     @media (--min--small) {
-        flex: 0 0 16.25em;
+        flex: 0 0 280px;
     }
 }
+.l-aside--position    {
+    @media (--min--small) {
+        flex: 0 0 420px; padding-left: 100px;
+    }
+}
+
+.l-aside--divisions  { flex: 0 0 385px; margin: -315px 0 0 55px;  z-index: 50; }
+
+.l-aside--regions  { flex: 0 0 385px; margin: -315px 0 0 55px;  z-index: 50; }
 
 /* critical:end */

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

@@ -2,14 +2,31 @@
 
 /* critical:start */
 
-.l-content   { @extend .l-inner;
-    @media (--min--small) {
+.l-content   { max-width: var(--layout-width--large); padding-right: 20px; padding-left: 20px; margin: 0 auto;
+    /*@media (--min--small) {*/
         display: flex;
+    /*}*/
+}
+
+.l-content--position { position: relative; padding: 40px 20px;
+    &:before { content: ''; position: absolute; top: 0; left: 0; height: 244px; width: 100%; background: linear-gradient(358.45deg, #3C7E9E 0%, #1FB299 100%);  }
+}
+.l-content--position-inner { position: relative; display: flex; max-width: 970px; padding: 50px 70px; margin: 0 auto 140px; border-radius: 3px;    background-color: #FFFFFF;  box-shadow: 0 1px 47px 0 #ECF5FF; }
+
+.l-content--heading { display: block; padding-top: 40px; padding-bottom: 25px;
+    h1  { margin: 0; padding: 0; color: #2A3644; font-size: 25px; font-weight: 500; line-height: 29px;
+        @media (--min--small) {
+            padding-left: 300px;
+        }
     }
+ }
+
+.l-content--main { width: 100%; flex: 1 1 auto; max-width: 1070px; padding: 35px 20px 90px; margin: 0 auto;
+    h1 { color: #2A3644;  font-size: 25px; font-weight: 500; line-height: 38px; }
+    h2 { color: #2A3644;  font-size: 21px; font-weight: 500; line-height: 30px; }
 }
 
-/* critical:end */
 
-/** { border: 1px solid #000; }*/
+.l-content--divisions   { width: 100%; max-width: 1040px; padding-right: 20px; padding-left: 20px; margin: 0 auto 200px; display: flex; }
 
-/*.l-content   { box-shadow: inset 0 0 0 1px green; }*/
+.l-content--regions   { width: 100%; max-width: 1040px; padding-right: 20px; padding-left: 20px; margin: 0 auto 200px; display: flex; }

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

@@ -2,17 +2,6 @@
 
 /* critical:start */
 
-.l-footer   { @extend .l-inner; }
+.l-footer   { background: var(--color--blue-dark); color: #fff; padding-top: 70px; }
 
 /* critical:end */
-
-.l-footer--inner          { display: flex; padding-top: 15px; flex-wrap: wrap; }
-
-.l-footer--section      { flex: 1 0 15%;
-    @media (--max--small) {
-        flex: 1 0 35%; margin-bottom: 20px;
-    }
-    h4                                  { margin: 0; padding: 0;  }
-}
-
-.l-footer   { padding-bottom: 100px; box-shadow:  0 -1px 1px 0 rgba(0, 0, 0, .45); /* box-shadow: inset 0 0 0 1px #666;  */}

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

@@ -2,12 +2,11 @@
 
 /* critical:start */
 
-.l-header   { @extend .l-inner; padding-top: 15px; padding-bottom: 15px;
-    @media (--min--small) {
-         display: flex; align-items: center;
-    }
+.l-header   { position: relative; height: 70px; margin-bottom: 47px; background: #fff;
+    &:before     { content: ''; position: absolute; top: 100%; left: 0; width: 100%; height: 47px; background: var(--color--blue-dark); }
 }
 
+.l-header   { position: fixed; top: 0; left: 0; width: 100%; z-index: 300; }
 /* critical:end */
 
 /*.l-header   { box-shadow: inset 0 0 0 1px orange;  }*/

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

@@ -2,6 +2,10 @@
 
 /* critical:start */
 
-.l-inner    { max-width: var(--layout-width); margin-right: auto; margin-left: auto; padding-right: 1em; padding-left: 1em; }
+.l-inner    { max-width: var(--layout-width); margin-right: auto; margin-left: auto; padding-right: 20px; padding-left: 20px; }
+
+.l-inner-small    { max-width: var(--layout-width--small); margin-right: auto; margin-left: auto; padding-right: 20px; padding-left: 20px; }
 
 /* critical:end */
+
+.l-inner--header { display: flex; flex-direction: row; align-items: center; }

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

@@ -2,10 +2,16 @@
 
 /* critical:start */
 
-.l-main     {
-    @media (--min--small) {
-        flex: 1 1 100%;
-    }
+.l-main     { flex: 1 1 100%;
+/*    @media (--min--small) {
+
+    }*/
 }
 
+.l-main--content { background-color: #FFFFFF; padding: 40px 50px; }
+
+.l-main--divisions { flex: 0 0 600px;  }
+
+.l-main--regions { flex: 0 0 600px;  }
+
 /* critical:end */

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

+/* ------------- Layout: map ------------- */
+
+/* critical:start */
+
+.l-map { height: 330px; margin-bottom: 35px; }
+
+/* critical:end */

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

@@ -4,7 +4,7 @@
 
 .l-nav  {
     @media (--min--small) {
-        flex: 1 1 100%;
+        flex: 1 1 auto;
     }
 }
 

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

+/* ------------- Layout: section ------------- */
+
+/* critical:start */
+
+.l-section { padding: 30px 0; background: #111d1e url(/wp-content/themes/biuro/i/search-page.png) no-repeat 50% 50%; background-size: cover; }
+
+.l-section--front-page { height: 380px; background: url(/wp-content/themes/biuro/i/front-page.png) no-repeat 50% 50%; background-size: cover; margin-bottom: 92px;
+    .l-section--inner { width: 870px; padding-right: 20px; padding-left: 20px; }
+}
+
+.l-section--sales-page { height: 380px; background: url(/wp-content/themes/biuro/i/sales-page.png) no-repeat 50% 50%; background-size: cover;
+    .l-section--inner { width: 870px; padding-right: 20px; padding-left: 20px; }
+}
+
+.l-section--inner { width: 1030px; margin: 0 auto;  }
+
+
+/* critical:end */

wp-content/themes/biuro/css/06-objects/__objects.css

@@ -6,4 +6,5 @@ no cosmetic design patterns. Class only styles from here onwards. Classes here a
 o-: Signify that something is an Object, and that it may be used in any number of unrelated contexts to the one you can currently see it in. Making modifications to these types of class could potentially have knock-on effects in a lot of other unrelated places. Tread carefully.
 ========================================================================== */
 
+@import '_object--btn.css';
 @import '_object--nav.css';

wp-content/themes/biuro/css/06-objects/_object--btn.css

+/* ------------- Object: button ------------- */
+
+/* critical:start */
+
+.o-btn { display: inline-block; border: 0; padding: 12px 24px 11px; cursor: pointer; border-radius: 3px; font-weight: 500; text-decoration: none; font-family: inherit; }
+
+/* critical:end */
+

wp-content/themes/biuro/css/07-components/__components.css

@@ -6,21 +6,33 @@ rich design UI styling. Class names here are more specific. This layer usually h
 c-: Signify that something is a Component. This is a concrete, implementation-specific piece of UI. All of the changes you make to its styles should be detectable in the context you’re currently looking at. Modifying these styles should be safe and have no side effects.
 ========================================================================== */
 
+@import 'vendor/swiper.css';
 @import '_component--awesomplete.css';
 @import '_component--breadcrumbs.css';
+@import '_component--btn.css';
 @import '_component--cookies-warning.css';
-@import '_component--copy.css';
+@import '_component--contact.css';
+@import '_component--copyright.css';
 @import '_component--data-controller.css';
 @import '_component--divisions.css';
+@import '_component--feedbacks.css';
+@import '_component--footer-sections.css';
+@import '_component--footer-separator.css';
+@import '_component--form.css';
+@import '_component--heading.css';
+@import '_component--ico.css';
 @import '_component--job.css';
-@import '_component--jobs-list.css';
+@import '_component--jobs.css';
 @import '_component--jobs-pagination.css';
+@import '_component--jobs-section.css';
 @import '_component--logo.css';
 @import '_component--nav.css';
+@import '_component--phone.css';
 @import '_component--search.css';
+@import '_component--sections.css';
+@import '_component--services.css';
 @import '_component--share.css';
-
-/*
-    @import '_component--nav.css';
-*/
+@import '_component--social.css';
+@import '_component--trust.css';
+@import '_component--values.css';
 

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

+/* ------------- Component: btn ------------- */
+
+/* critical:start */
+
+.c-btn--header { margin-right: 28px; font-size: 14px; font-weight: 500; }
+
+.c-btn--main { color: #fff; background: var(--color--green);
+    &:hover { background: var(--color--green-darker); }
+}
+
+.c-btn--alt     { padding: 10px 15px;  color: #004ED4;  background: #e8f0ff; color: #004ED4;
+    &:after { float: right; margin: 6px 0 0 35px; content: ''; width: 7px; height: 7px; border: 1px solid #004ED4; border-width: 2px 2px 0 0; transform: rotate(45deg); }
+}
+
+.c-btn--fill { width: 100%; }
+
+.c-btn--search { min-width: 180px; border-radius: 0 3px 3px 0; text-align: center; }
+
+.c-btn--search-small { margin: 9px; min-width: 133px; text-align: center; }
+
+.c-btn--slim {  color: #14A28A; background: none; font-weight: 500; text-align: center; border: 2px solid #1FB299; border-radius: 3px; }
+
+/* critical:end */

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

+/* ------------- Component: contact section ------------- */
+
+/* critical:start */
+
+.c-contact { padding: 50px 0; }
+
+.c-contact--inner { display: flex; justify-content: space-between; max-width: 980px; margin: 0 auto; }
+
+.c-contact--content {  flex: 1 1 40%;  max-width: 500px; color: #2A3644;  font-weight: 500; line-height: 29px; padding: 75px 0 0 90px;
+    h3  { margin: 0 0 15px; font-size: 25px; color: #2A3644; font-weight: 500; }
+    p { margin: 0 0 20px; }
+}
+
+.c-contact--form {  flex: 1 1 40%;  max-width: 420px; }
+
+/* critical:end */
+

wp-content/themes/biuro/css/07-components/_component--cookies-warning.css

@@ -6,8 +6,13 @@
 
 /* critical:end */
 
-.c-cookies-warning { position: fixed; left: 0px; right: 0; bottom: 0px; padding: 15px 20px; background: #f6f6f6;  overflow: hidden; z-index: 100;
+.c-cookies-warning { position: fixed; left: 0px; right: 0; bottom: 0px; padding: 15px 20px 10px; background: #f6f6f6;  overflow: hidden; z-index: 100; font-size: 14px;
     .bu-action              { margin-top: 10px; }
     .bu-action--alt     { float: right; }
 }
 
+.c-cookies-warning--actions { margin: 0; padding: 5px 0 0; display: flex; justify-content: space-between;
+    .c-btn--main,
+    .c-btn--slim { padding: 7px 12px 6px; font-weight: 400; }
+    .c-btn--slim { border-width: 1px; }
+}

wp-content/themes/biuro/css/07-components/_component--copy.css → wp-content/themes/biuro/css/07-components/_component--copyright.css

@@ -4,4 +4,4 @@
 
 /* critical:end */
 
-.c-copy         { padding-top:  0.75em;  text-align: center; }
+.c-copyright { text-align: center; font-size: 13px; line-height: 15px; padding-bottom: 60px; }

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

@@ -2,8 +2,8 @@
 
 /* critical:start */
 
-.c-data-controller { padding: 0 1em; text-align: center; font-size: 88%;
-    p   { margin-bottom: 0; }
+.c-data-controller { margin-bottom: 35px; padding: 15px 0 10px; text-align: center; font-size: 13px; line-height: 1; font-weight: 300;
+    p   { margin: 0 0 10px; }
 }
 
 /* critical:end */

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

@@ -2,10 +2,10 @@
 
 /* critical:start */
 
-/* critical:end */
+.c-divisions    { display: flex; flex-wrap: wrap; }
 
-.c-divisions--list { display: flex; flex-wrap: wrap; margin-bottom: 16px; }
+.c-division { flex: 0 0 auto; height: 30px; margin: 0 10px 10px 0; padding: 0 20px; border-radius: 3px; background-color: #E8F0FF; color: gray; font-weight: 500; line-height: 30px; white-space: nowrap; text-decoration: none; }
 
-.c-divisions--list-item { margin-right: 10px; padding: 0 12px; font-weight: var(--typo--weight-regular); line-height: 1.5; cursor: pointer; }
+a.c-division { color: #004ED4; }
 
-.is-divisions--list-item-active   { background: #ccc; font-weight: var(--typo--weight-bold); }
+/* critical:end */

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

+/* ------------- Component: feedbacks ------------- */
+
+/* critical:start */
+
+.c-feedbacks { padding: 50px 0 70px; background: linear-gradient(134.06deg, #FFFFFF 0%, #CBE2EC 100%); }
+
+.c-feedbacks--inner { position: relative; overflow: hidden; width: 640px; height: 300px; margin: 0 auto; }
+
+.c-feedbacks--heading { color: #2A3644; margin: 0 0 40px; padding: 0; font-size: 25px; font-weight: 500; line-height: 29px; text-align: center; }
+
+/*.c-feedbacks--sections   {  border: 1px solid #f00; }*/
+.c-feedbacks--section    {  padding-top: 40px;}
+.c-feedbacks--section-inner { position: relative; height: 140px; width: 574px; margin: 0 auto; padding: 68px 0 0; border-radius: 23px; background-color: #FFFFFF; }
+
+/* critical:end */
+
+.c-feedbacks--img { position: absolute; top: -32px; left: 50%; margin-left: -42px; }
+
+.c-feedbacks--feedback { margin: 0 auto 17px;  max-width: 400px; height: 79px; color: #2A3644; font-family: Georgia; font-size: 21px; line-height: 40px; text-align: center; overflow: hidden;}
+
+.c-feedbacks--name { color: #919191; font-family: Georgia;  font-size: 15px;  line-height: 17px;  text-align: center; }
+
+
+.swiper-container-horizontal > .swiper-pagination-bullets { bottom: 0; }
+
+.swiper-pagination-bullet   { width: 9px; height: 9px; background: #D8D8D8; opacity: 1; }
+
+.swiper-pagination-bullet-active { background: #717171; }

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

+/* ------------- Component: footer sections ------------- */
+
+/* critical:start */
+
+/* critical:end */
+
+.c-footer-sections { display: flex; flex-wrap: wrap; }
+
+.c-footer-section { flex: 10 0 15%; 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;  }
+}
+
+.c-footer-section--heading { margin: 0; font-weight: 500; }
+
+

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

+/* ------------- Component: footer separator ------------- */
+
+/* critical:start */
+
+.c-footer-separator { margin-bottom: 25px; border-color: #ffffff; border-width: 2px 0 0; opacity: 0.29; }
+
+/* critical:end */
+

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

+/* ------------- Component: form ------------- */
+
+/* critical:start */
+
+.c-form {  }
+
+.c-form--employees { padding: 38px 35px 20px; border-radius: 3px; background-color: #ffffff; box-shadow: 0 1px 47px 0 #ECF5FF; }
+
+.c-form--employers { padding: 38px 35px 20px; border-radius: 3px; background-color: #ffffff; box-shadow: 0 1px 47px 0 #ECF5FF; }
+
+.c-form--row { position: relative; margin-bottom: 20px; }
+
+.c-form--label { display: block; color: #2A3644; font-size: 15px; line-height: 18px; margin-bottom: 4px; font-weight: 500; }
+
+.c-form--input-wrap { }
+
+.c-form--input { width: 100%; padding: 10px; border: 0; background: none; border: 1px solid #d4d4d4; border-radius: 3px;
+    &:focus { border-color: #d4d4d4 !important; }
+}
+.c-form--textarea { width: 100%; padding: 10px; border: 0; background: none; border: 1px solid #d4d4d4; border-radius: 3px;
+    &:focus { border-color: #d4d4d4 !important; }
+}
+
+.c-form--submit-wrap { padding: 10px 0; }
+
+.c-form--checkbox-wrap { display: flex; }
+.c-form--checkbox   { position: absolute; top: 0; left: -9999px; visibility: hidden;
+    &:checked {
+        + label {
+            &:before { border-color: #d4d4d4; }
+            &:after { content: '✔'; }
+        }
+    }
+}
+.c-form--label-checkbox { position: relative; margin: 0 0 0 31px; color: #868F98; font-size: 12px; line-height: 17px;
+    &:before { content: ''; position: absolute; top: 0; left: -31px; height: 18px; width: 18px; border: 1px solid #d4d4d4; border-radius: 3px; cursor: pointer; }
+    &:after { content: '';     position: absolute; top: -2px; left: -28px; width: 20px; height: 20px; border-radius: 3px; color: var(--color--green); font-size: 22px; cursor: pointer; }
+}
+
+
+/* critical:end */
+
+.c-form--checkbox--error {
+    + label {
+        &:before { border-color: #EB4646; }
+    }
+}
+
+.c-form--validation { position: absolute; top: 50%; left: 100%; min-width: 200px; background-color: #ffffff; margin-top: 11px; padding: 10px 15px; border: 1px solid; transform: translate(30px, -50%); font-size: 13px; line-height: 20px; }
+
+.c-form--input-wrap--error {
+    .c-form--input,
+    .c-form--textarea   { border-color: #EB4646;  }
+}
+.c-form--input-wrap--success {
+    .c-form--input,
+    .c-form--textarea   { border-color: #17DAB9;  }
+}
+/*.c-form--input--warning { border: 1px solid orange; }*/
+
+.c-form--validation-error { color: #EB4646; border-color: #EB4646; margin-bottom: 10px; }
+.c-form--validation-success { color: #17DAB9; border-color: #17DAB9; margin-bottom: 10px; }
+/*.c-form--validation-warning { color: orange; margin-bottom: 10px; }*/
+

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

+/* ------------- Component: heading ------------- */
+
+/* critical:start */
+
+.c-heading  { display: flex; flex-direction: column; justify-content: center;
+    h1  { margin: 0 0 18px; padding: 0; color: #2A3644; font-size: 34px; font-weight: bold; line-height: 51px;  }
+}
+
+.c-heading--front-page { height: 320px; }
+
+.c-heading--sales-page { height: 320px; }
+
+/* critical:end */

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

+/* ------------- Component: ico ------------- */
+
+/* critical:start */
+
+.c-ico--search { margin: 0 3px -3px 0; }
+
+.c-ico--location { position: absolute; top: 50%; left: 18px; transform: translateY(-50%); margin-top: -1px; }
+
+.c-ico--area { position: absolute; top: 50%; left: 14px; transform: translateY(-50%); margin-top: -1px; }
+
+.c-ico--phone { float: left; margin: 3px 10px 0 1px;  }
+
+.c-ico--email { float: left; margin: 6px 10px 0 0;  }
+
+.c-ico--address { float: left; margin: 3px 12px 0 3px;  }
+/* critical:end */

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

@@ -4,52 +4,28 @@
 
 /* critical:end */
 
-/*.c-job--title   {  } */
+.c-job--title   { margin: 0 0 40px; padding: 0; color: #2A3644; font-size: 30px; font-weight: 500; line-height: 39px; }
 
-
-#custom     {
-
-    .biuro-title    { margin: 0 0 20px; padding: 10px; font-size: calc(1.125rem + ((1vw - 3.2px) * 0.8929)); border: 2px solid var(--color--green); border-radius: 12px;
-        @media (--min--small) {
-            border-width: 3px; margin: 0 0 30px; padding: 20px; font-size: 22px;
+.c-job--content { line-height: 25px; color: #2A3644;
+    h3 { color: #069980; font-size: 19px; font-weight: bold; margin: 0 0 3px; padding: 0;
+        &:nth-child(n+1) { margin-top: 30px; }
     }
 
-        h1 { margin: 0; padding: 0; line-height: 1.2; color: var(--color--green); font-weight: var(--typo--weight-bold); overflow: hidden; text-align: center; text-transform: uppercase }
-
-    }
+    ul { margin: 0 0; padding: 0; list-style: none; }
 
-}
-/*
-#custom .biuro-title{
-    padding: 20px 0;
-    font-size: 22px;
-}
-#custom .biuro-title h1 {
-    color:#006957;
-    font-weight:700;
-    overflow:hidden;
-
-    text-align:center;
-    text-transform:uppercase
-
-}*/
-/*
-@media (min-width:768px){
-
-    #custom .biuro-title{
-        border: 4px solid #006957;
-        border-radius: 12px;
-        padding: 20px;
+    li {
+        &:before { content: ''; display: inline-block; width: 14px; height: 8px; margin: 0 5px 1px 0; background: url(/wp-content/themes/biuro/i/ico--job-arrow.svg); }
     }
 }
 
+.c-job--action { padding: 30px 0; }
 
+.c-job--action-aside {}
 
-@media (min-width:768px){
-    #custom .biuro-title{
-        margin: 0 0 30px;
-        padding:20px;
+.c-job-contacts {
+    ul { margin: 0; padding: 0; list-style: none; }
+    li  { line-height: 28px; }
+    a { overflow: hidden; text-decoration: none;
+        &:hover { color: var(--color--green); }
     }
-    #custom .biuro-title h1 { margin: 0; padding: 0; line-height: 1.2; }
 }
- */

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

-/* ------------- Component: jobs list ------------- */
-
-/* critical:start */
-
-.c-jobs-list {  width: 100%; margin: 0 0 20px; }
-
-.c-jobs-list--head { padding:  10px;  }
-
-.c-jobs-list--col { padding: 0 10px;
-    @media (--min--xx-small) {
-        padding: 10px;
-    }
-}
-
-.c-jobs-list--col-position {
-    @media (--max--xx-small) {
-        padding-top: 10px;
-    }
-}
-
-/* critical:end */
-
-.c-jobs-list {
-    tr {
-        &:nth-child(even) { background: #F8F8F8; }
-    }
-    th,
-    td  { vertical-align: top;  }
-    a { display: block; }
-}
-
-.c-jobs-list--head { font-weight: 700; text-align: left;
-    @media (--max--small) {
-        display: none;
-    }
-    &:nth-child(n+2) {
-        @media (--min--small) {
-            border-left: 1px solid #dfe1e4;
-        }
-    }
-}
-
-.c-jobs-list--col {
-    @media (--max--xx-small) {
-        float: left; width: calc(100% - 20px)
-    }
-    @media (--min--xx-small) {
-        max-width: 260px;
-    }
-}
-
-.c-jobs-list--col-position { }
-
-.c-jobs-list--col-city {
-    @media (--max--xx-small) {
-        padding-bottom: 10px; text-align: left;
-    }
-    @media (--max--small) {
-         text-align: right;
-    }
-    @media (--min--small) {
-        border-left: 1px solid #dfe1e4;
-    }
-}
-
-.c-jobs-list--col-valid { display: none;
-    @media (--min--small) {
-        display: table-cell; border-left: 1px solid #dfe1e4;
-    }
-}

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

@@ -4,8 +4,14 @@
 
 /* critical:end */
 
-.pods-pagination-paginate   { display: block; padding-bottom: 1em; }
+.pods-pagination-paginate   { display: flex; margin-bottom: 90px; }
 
-.page-numbers   { margin: 0 1px; padding: 1px;
-    &.current    { font-weight: var(--typo--weight-bold); }
+.page-numbers   { width: 46px; height: 46px; background: #fff; margin-right: 1px; text-decoration: none; text-align: center; line-height: 46px; color: #1FB299; font-size: 16px;
+    &.current    {  background: #1FB299; color: #FFFFFF; }
+}
+.next           {
+    &:after { display: inline-block; content: ''; margin: 0 0 2px -6px; content: ""; width: 8px; height: 8px; border: 1px solid #1fb299; border-width: 1px 1px 0 0; transform: rotate(45deg); }
+}
+.prev           {
+    &:after { display: inline-block; content: ''; margin: 0 -6px 2px 0; content: ""; width: 8px; height: 8px; border: 1px solid #1fb299; border-width: 1px 1px 0 0; transform: rotate(-135deg); }
 }

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

+/* ------------- Component: jobs section ------------- */
+
+/* critical:start */
+
+/* critical:end */
+
+.c-jobs-section { margin: 0 20px 20px 0; padding: 28px 28px 23px; border-radius: 3px; background-color: #ffffff; }
+
+.c-jobs-section--heading { margin: 0 0 15px; padding: 0; color: #2A3644; font-size: 18px; font-weight: 500; line-height: 21px; }
+
+.c-jobs-section--content { overflow: hidden; }
+
+.c-jobs-section--is-closed {
+    .c-jobs-section--content { max-height: 100px; }
+}
+
+
+.c-jobs-section--list { margin: 0; padding: 0; list-style: none; }
+
+.c-jobs-section--item { line-height: 33px; }
+
+.c-jobs-section--anchor { color: #939393; font-size: 14px; text-decoration: none; }
+
+.c-jobs-section--expand { display: block; color: #004ED4; font-size: 14px; font-weight: 500; margin-top: 10px; padding: 5px 0; text-decoration: none; }

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

+/* ------------- Component: jobs list ------------- */
+
+/* critical:start */
+
+
+.c-jobs {  }
+
+.c-jobs--inner { @extend .l-inner-small; }
+
+.c-jobs--headline { min-height: 29px; margin: 0 0 25px; padding: 20px 20px 0; color: #2A3644; font-size: 25px; font-weight: 500; line-height: 29px; }
+
+/* critical:end */
+
+.c-jobs--table {  width: 100%; margin: 0 0 20px; }
+
+.c-jobs--col { background: #fff; vertical-align: middle; border-bottom: 1px solid var(--color--gray-light); color: #868C93; padding-top: 10px; padding-bottom: 10px; }
+
+.c-jobs--col-position { padding-left: 15px; padding-right: 5px; }
+
+.c-jobs--col-city { white-space: nowrap; padding-right: 5px; padding-left: 5px; max-width: 140px; overflow: hidden; text-overflow: ellipsis; }
+
+.c-jobs--col-valid { color: #19C5A7; white-space: nowrap; padding-right: 15px; padding-left: 5px; }
+
+.c-jobs--anchor     { display: block; padding: 10px 0; color: #004ED4; font-weight: 500; line-height: 18px; text-decoration: none;
+    &:visited               { color: #6B7888; }
+}
+
+.c-jobs--more { margin-bottom: 70px; }

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

@@ -2,9 +2,9 @@
 
 /* critical:start */
 
+.c-logo { display: block; width: 81px; margin-right: 89px; padding: 11px 0; text-decoration: none;  }
 .c-logo--svg { display:  block; }
 
 /* critical:end */
 
-.c-logo           { text-decoration: none; }
 

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

@@ -4,33 +4,48 @@
 
 .c-nav          { }
 
-.c-nav--main            {display: flex;
-    @media (--max--small) {
-        margin: 20px 0;
-    }
-    @media (--min--small) {
-         padding-left: 2em;
-    }
-}
+.c-nav--main { display: flex; font-size: 14px; }
 
 .c-nav--sub                      { display: none; }
 /* critical:end */
 
-.c-nav--main-item        { position: relative; margin-right: 10px; border: 1px solid gray; padding: 5px; }
-.c-nav--main-anchor   { display: block; padding: 0 0.25em; text-transform: uppercase; }
-
-.c-nav--sub                      { position: absolute; top: 100%; left: -1px; padding: 0 1em 0  6px; border: 1px solid gray; overflow: hidden; background: #fff; }
-.c-nav--sub-item            { background: #fff; padding: .5em .5em .5em 0; }
-.c-nav--sub-anchor       { padding:  0.25em; white-space: nowrap; }
+.c-nav--main-item        { position: relative; height: 70px; margin-right: 26px; padding: 23px 0 0; z-index: 500; }
+.c-nav--main-anchor    { display: block; padding: 5px 0 4px; text-transform: uppercase; border-bottom: 2px solid transparent; text-decoration: none; color: var(--color--blue-dark); font-weight: bold; letter-spacing: 1px; opacity: 0.6;
+    &:hover { opacity: 1; }
+}
 
-.c-nav--item    { margin: 10px; }
+.c-nav--sub                    { position: absolute; top: 100%; }
+.c-nav--sub-item            { margin-right: 46px; }
+.c-nav--sub-anchor        { display: block; padding: 16px 0 17px; color: #fff; text-transform: uppercase; white-space: nowrap; text-decoration: none; font-weight: bold; letter-spacing: 1.08px; line-height: 1;
+    &:hover { color: var(--color--green); }
+}
 
-.c-nav--link    { line-height: 40px; font-size: 24px; text-decoration: none;
+.c-nav--footer    { font-weight: 300;
+    a                       { text-decoration: none;
         &:hover             { text-decoration: underline; }
+    }
 }
-
 .c-nav--region    {  }
 
-.c-nav--lang        {  display: flex;
-    li                              { padding: 0 5px; }
+.c-nav--lang-wrap   { position: relative; width: 70px; height: 32px; }
+
+.c-nav--lang        { position: absolute; top: 0; left: 0; width: 100%; background: #fff; border-radius: 3px; z-index: 20; font-weight: 500;
+    &:hover             {
+        .c-nav--lang-item     { display: block; }
+    }
+}
+
+.c-nav--lang-item     { padding: 6px 0 6px;
+    &:nth-child(n+2)    { display: none; }
 }
+.c-nav--lang-anchor     { padding-left: 34px; text-decoration: none; display: block;  color: #2A3644; font-size: 14px; line-height: 24px; background-repeat: no-repeat; background-position: 6px 0; background-size: 20px 20px;
+    &:hover             { text-decoration: underline; }
+    svg                                 { float: right; margin: 9px 6px 0 0; }
+}
+
+.c-nav--lang-anchor-lt { background-image: url(/wp-content/themes/biuro/i/lang/lt.png); }
+.c-nav--lang-anchor-en { background-image: url(/wp-content/themes/biuro/i/lang/en.png); }
+.c-nav--lang-anchor-de { background-image: url(/wp-content/themes/biuro/i/lang/de.png); }
+.c-nav--lang-anchor-ru { background-image: url(/wp-content/themes/biuro/i/lang/ru.png); }
+.c-nav--lang-anchor-lv { background-image: url(/wp-content/themes/biuro/i/lang/lv.png); }
+.c-nav--lang-anchor-ee { background-image: url(/wp-content/themes/biuro/i/lang/ee.png); }

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

+/* ------------- Component: phone ------------- */
+
+/* critical:start */
+
+.c-phone    { white-space: nowrap; margin-right: 35px; padding: 12px 0 10px; text-decoration: none; color: inherit;  font-weight: 500; font-size: 14px;
+    svg { float: left; margin: -6px 5px 0 0; }
+}
+
+/* critical:end */

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

@@ -2,6 +2,31 @@
 
 /* critical:start */
 
-/* critical:end */
+.c-search   { display: flex; height: 60px; background-color: #FFFFFF; border-radius: 3px; }
+
+.c-search--col  { position: relative; flex: 1 1 auto; background-color: #FFFFFF;
+    .awesomplete { position: absolute; top: 0; right: 0; left: 0; height: 100%; display: flex; flex-direction: column; }
+    ul { top: 60px; padding-top: 10px; }
+    li  { padding: 10px 15px; margin-bottom: 10px; cursor: pointer;
+        &:hover     { color: #000; }
+    }
+}
+
+.c-search--col-location { border-right: 1px solid rgba(178, 182, 187, 0.46); border-radius: 3px 0 0 3px; }
+
+.c-search--col-keyword {  }
+
+.c-search--input { border: 0; padding: 0 10px 0 44px; margin: 0; height: 60px; line-height: 60px; background: none;
+    &:focus { outline: none; }
+}
 
-.c-search   { /* margin-top: 40px; */ }
+.c-search--location { }
+
+.c-search--keyword { }
+
+.l-section--front-page {
+    .c-search   { height: 70px; }
+    .c-search--input { height: 70px; line-height: 70px; }
+}
+
+/* critical:end */

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

+
+/* ------------- Component: sections ------------- */
+
+/* critical:start */
+
+/* critical:end */
+
+.c-sections   { max-width: 1000px; margin-right: auto; margin-left: auto; align-items: center; 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  { display: flex; flex-wrap: wrap; justify-content: space-between; }
+
+.c-sections--item  { position: relative; flex: 0 0 300px; height: 211px; margin-bottom: 30px; }
+
+.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; }
+
+.c-sections--toggle  { position: absolute; left: 0; width: 100%; bottom: 0; padding: 15px 0; text-align: center; background: #FFFFFF; border-radius: 0 0 3px 3px; z-index: 60; box-shadow: 0 -37px 24px  0px hsla(0,0%,100%,.78); cursor: pointer; }
+
+.c-sections--toggle-up { display: none; }
+
+.c-sections--header { height: 56px; margin-bottom: 20px; overflow: hidden;  color: #004ED4; font-size: 15px; font-weight: bold; line-height: 56px; }
+
+.c-sections--ico  { float: left; margin-right: 20px; height: 56px; width: 56px; background-color: #E8F0FF; border-radius: 50%;  }
+
+.c-sections--content  { color: #868C93;  font-size: 12px; line-height: 20px;
+    ul  { margin: 30px 0 0; padding: 0; list-style: none; }
+}
+
+.c-sections--is-open { height: 451px; z-index: 80;
+    .c-sections--toggle { box-shadow: none; }
+    .c-sections--toggle-down { display: none;  }
+    .c-sections--toggle-up { display: inline; }
+}

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

+/* ------------- Component: services ------------- */
+
+/* critical:start */
+
+/* critical:end */
+
+.c-services   { @extend .l-inner-small; display: flex; flex-wrap: wrap; align-items: center; padding-top: 64px; padding-bottom: 64px; justify-content: space-between; }
+
+.c-services--item  { position: relative; flex: 0 0 253px; height: 245px; }
+
+.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-up { display: none; }
+
+.c-services--is-open { height: 341px;
+    .c-services--toggle-down { display: none;  }
+    .c-services--toggle-up { display: inline; }
+    .c-services--content { display: block; }
+}
+
+.c-services--ico  { height: 56px; width: 56px; background-color: #E1FFFA; border-radius: 50%; margin: 34px auto 22px;  }
+
+.c-services--heading  { min-height: 44px; padding: 0 20px; color: #1FB299; font-size: 15px; font-weight: bold; line-height: 18px; text-align: center;  }
+
+.c-services--sub-heading  { min-height: 27px; margin: 0; padding: 0 10px; color: #2A3644; font-size: 14px; font-weight: bold; line-height: 25px; text-align: center; }
+
+.c-services--content { display: none;
+    ul {position: absolute; margin: 0; padding: 0 0 40px; list-style: none; width: 100%; border-radius: 3px; background-color: #FFFFFF;  }
+    li { text-align: center; color: #6C7683; font-size: 14px; font-weight: 500; line-height: 25px; text-align: center; }
+}

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

@@ -4,4 +4,20 @@
 
 /* critical:end */
 
-.c-share          { /* text-align: center;  */ }
+.c-share          { margin-bottom: 90px; }
+
+.c-share--heading { margin: 0; padding: 20px 0 10px; font-weight: 500; text-align: center; }
+
+.c-share--options { display: flex; justify-content: center; }
+
+.c-share--option { height: 36px; flex: 0 0 50px; border-radius: 3px; margin: 0 3px; text-decoration: none; display: flex; align-items: center; justify-content: center; }
+
+.c-share--option-facebook { background-color: #4367B0; }
+
+.c-share--option-messenger { background-color: #1983FA; }
+
+.c-share--option-email { background-color: #2A3644;  }
+
+.c-share--option-copy { background-color: #858585; }
+
+.c-share--option-phone { background-color: #25D366; }

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

+/* ------------- Component: social ------------- */
+
+/* critical:start */
+
+/* critical:end */
+
+.c-social          { margin-bottom: 40px; text-align: center; }
+
+.c-social--anchor { text-decoration: none; margin: 0 5px; padding: 0 10px; }

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

+/* ------------- Component: trust ------------- */
+
+/* critical:start */
+
+.c-trust    { background: linear-gradient(134.06deg, #70B7D5 0%, #7BCBCF 100%); }
+
+.c-trust--inner { @extend .l-inner-small; display: flex; flex-wrap: wrap; align-items: center; padding-top: 64px; padding-bottom: 64px; }
+
+.c-trust--heading   { flex: 1 1 auto; margin: 0; color: #fff; }
+
+.c-trust--logos       { flex: 10 1 auto; display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; }
+
+/* critical:end */
+

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; }
+
+.c-values--inner { @extend .l-inner-small; display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 60px; padding-bottom: 40px;  }
+
+/* critical:end */
+
+.c-values--section  { flex: 0 0 40%; max-width: 280px; }
+
+.c-values--heading { display: inline-block; min-width: 139px; min-height: 66px; margin: 0 0 18px; padding: 0 10px 0 0; border-bottom: 4px solid #fff; font-size: 45px; line-height: 53px; font-weight: bold; }
+
+.c-values--content { display: block; min-height: 80px; margin: 0 0 20px; padding: 0; font-size: 15px; line-height: 30px; font-weight: 500; }

wp-content/themes/biuro/css/07-components/vendor/swiper.css

+/**
+ * Swiper 4.5.0
+ * Most modern mobile touch slider and framework with hardware accelerated transitions
+ * http://www.idangero.us/swiper/
+ *
+ * Copyright 2014-2019 Vladimir Kharlampidi
+ *
+ * Released under the MIT License
+ *
+ * Released on: February 22, 2019
+ */
+.swiper-container {
+  margin: 0 auto;
+  position: relative;
+  overflow: hidden;
+  list-style: none;
+  padding: 0;
+  /* Fix of Webkit flickering */
+  z-index: 1;
+}
+.swiper-container-no-flexbox .swiper-slide {
+  float: left;
+}
+.swiper-container-vertical > .swiper-wrapper {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+.swiper-wrapper {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-transition-property: -webkit-transform;
+  transition-property: -webkit-transform;
+  -o-transition-property: transform;
+  transition-property: transform;
+  transition-property: transform, -webkit-transform;
+  -webkit-box-sizing: content-box;
+  box-sizing: content-box;
+}
+.swiper-container-android .swiper-slide,
+.swiper-wrapper {
+  -webkit-transform: translate3d(0px, 0, 0);
+  transform: translate3d(0px, 0, 0);
+}
+.swiper-container-multirow > .swiper-wrapper {
+  -webkit-flex-wrap: wrap;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+}
+.swiper-container-free-mode > .swiper-wrapper {
+  -webkit-transition-timing-function: ease-out;
+  -o-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+  margin: 0 auto;
+}
+.swiper-slide {
+  -webkit-flex-shrink: 0;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+  width: 100%;
+  height: 100%;
+  position: relative;
+  -webkit-transition-property: -webkit-transform;
+  transition-property: -webkit-transform;
+  -o-transition-property: transform;
+  transition-property: transform;
+  transition-property: transform, -webkit-transform;
+}
+.swiper-slide-invisible-blank {
+  visibility: hidden;
+}
+/* Auto Height */
+.swiper-container-autoheight,
+.swiper-container-autoheight .swiper-slide {
+  height: auto;
+}
+.swiper-container-autoheight .swiper-wrapper {
+  -webkit-box-align: start;
+  -webkit-align-items: flex-start;
+  -ms-flex-align: start;
+  align-items: flex-start;
+  -webkit-transition-property: height, -webkit-transform;
+  transition-property: height, -webkit-transform;
+  -o-transition-property: transform, height;
+  transition-property: transform, height;
+  transition-property: transform, height, -webkit-transform;
+}
+/* 3D Effects */
+.swiper-container-3d {
+  -webkit-perspective: 1200px;
+  perspective: 1200px;
+}
+.swiper-container-3d .swiper-wrapper,
+.swiper-container-3d .swiper-slide,
+.swiper-container-3d .swiper-slide-shadow-left,
+.swiper-container-3d .swiper-slide-shadow-right,
+.swiper-container-3d .swiper-slide-shadow-top,
+.swiper-container-3d .swiper-slide-shadow-bottom,
+.swiper-container-3d .swiper-cube-shadow {
+  -webkit-transform-style: preserve-3d;
+  transform-style: preserve-3d;
+}
+.swiper-container-3d .swiper-slide-shadow-left,
+.swiper-container-3d .swiper-slide-shadow-right,
+.swiper-container-3d .swiper-slide-shadow-top,
+.swiper-container-3d .swiper-slide-shadow-bottom {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+  z-index: 10;
+}
+.swiper-container-3d .swiper-slide-shadow-left {
+  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
+  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+}
+.swiper-container-3d .swiper-slide-shadow-right {
+  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
+  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+}
+.swiper-container-3d .swiper-slide-shadow-top {
+  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
+  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+}
+.swiper-container-3d .swiper-slide-shadow-bottom {
+  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
+  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+}
+/* IE10 Windows Phone 8 Fixes */
+.swiper-container-wp8-horizontal,
+.swiper-container-wp8-horizontal > .swiper-wrapper {
+  -ms-touch-action: pan-y;
+  touch-action: pan-y;
+}
+.swiper-container-wp8-vertical,
+.swiper-container-wp8-vertical > .swiper-wrapper {
+  -ms-touch-action: pan-x;
+  touch-action: pan-x;
+}
+.swiper-button-prev,
+.swiper-button-next {
+  position: absolute;
+  top: 50%;
+  width: 27px;
+  height: 44px;
+  margin-top: -22px;
+  z-index: 10;
+  cursor: pointer;
+  background-size: 27px 44px;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+.swiper-button-prev.swiper-button-disabled,
+.swiper-button-next.swiper-button-disabled {
+  opacity: 0.35;
+  cursor: auto;
+  pointer-events: none;
+}
+.swiper-button-prev,
+.swiper-container-rtl .swiper-button-next {
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
+  left: 10px;
+  right: auto;
+}
+.swiper-button-next,
+.swiper-container-rtl .swiper-button-prev {
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
+  right: 10px;
+  left: auto;
+}
+.swiper-button-prev.swiper-button-white,
+.swiper-container-rtl .swiper-button-next.swiper-button-white {
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
+}
+.swiper-button-next.swiper-button-white,
+.swiper-container-rtl .swiper-button-prev.swiper-button-white {
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
+}
+.swiper-button-prev.swiper-button-black,
+.swiper-container-rtl .swiper-button-next.swiper-button-black {
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
+}
+.swiper-button-next.swiper-button-black,
+.swiper-container-rtl .swiper-button-prev.swiper-button-black {
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
+}
+.swiper-button-lock {
+  display: none;
+}
+.swiper-pagination {
+  position: absolute;
+  text-align: center;
+  -webkit-transition: 300ms opacity;
+  -o-transition: 300ms opacity;
+  transition: 300ms opacity;
+  -webkit-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+  z-index: 10;
+}
+.swiper-pagination.swiper-pagination-hidden {
+  opacity: 0;
+}
+/* Common Styles */
+.swiper-pagination-fraction,
+.swiper-pagination-custom,
+.swiper-container-horizontal > .swiper-pagination-bullets {
+  bottom: 10px;
+  left: 0;
+  width: 100%;
+}
+/* Bullets */
+.swiper-pagination-bullets-dynamic {
+  overflow: hidden;
+  font-size: 0;
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+  -webkit-transform: scale(0.33);
+  -ms-transform: scale(0.33);
+  transform: scale(0.33);
+  position: relative;
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
+  -webkit-transform: scale(1);
+  -ms-transform: scale(1);
+  transform: scale(1);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
+  -webkit-transform: scale(1);
+  -ms-transform: scale(1);
+  transform: scale(1);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
+  -webkit-transform: scale(0.66);
+  -ms-transform: scale(0.66);
+  transform: scale(0.66);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
+  -webkit-transform: scale(0.33);
+  -ms-transform: scale(0.33);
+  transform: scale(0.33);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
+  -webkit-transform: scale(0.66);
+  -ms-transform: scale(0.66);
+  transform: scale(0.66);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
+  -webkit-transform: scale(0.33);
+  -ms-transform: scale(0.33);
+  transform: scale(0.33);
+}
+.swiper-pagination-bullet {
+  width: 8px;
+  height: 8px;
+  display: inline-block;
+  border-radius: 100%;
+  background: #000;
+  opacity: 0.2;
+}
+button.swiper-pagination-bullet {
+  border: none;
+  margin: 0;
+  padding: 0;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+}
+.swiper-pagination-clickable .swiper-pagination-bullet {
+  cursor: pointer;
+}
+.swiper-pagination-bullet-active {
+  opacity: 1;
+  background: #007aff;
+}
+.swiper-container-vertical > .swiper-pagination-bullets {
+  right: 10px;
+  top: 50%;
+  -webkit-transform: translate3d(0px, -50%, 0);
+  transform: translate3d(0px, -50%, 0);
+}
+.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
+  margin: 6px 0;
+  display: block;
+}
+.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+  -ms-transform: translateY(-50%);
+  transform: translateY(-50%);
+  width: 8px;
+}
+.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+  display: inline-block;
+  -webkit-transition: 200ms top, 200ms -webkit-transform;
+  transition: 200ms top, 200ms -webkit-transform;
+  -o-transition: 200ms transform, 200ms top;
+  transition: 200ms transform, 200ms top;
+  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
+}
+.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
+  margin: 0 4px;
+}
+.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+  -ms-transform: translateX(-50%);
+  transform: translateX(-50%);
+  white-space: nowrap;
+}
+.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+  -webkit-transition: 200ms left, 200ms -webkit-transform;
+  transition: 200ms left, 200ms -webkit-transform;
+  -o-transition: 200ms transform, 200ms left;
+  transition: 200ms transform, 200ms left;
+  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
+}
+.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+  -webkit-transition: 200ms right, 200ms -webkit-transform;
+  transition: 200ms right, 200ms -webkit-transform;
+  -o-transition: 200ms transform, 200ms right;
+  transition: 200ms transform, 200ms right;
+  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
+}
+/* Progress */
+.swiper-pagination-progressbar {
+  background: rgba(0, 0, 0, 0.25);
+  position: absolute;
+}
+.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
+  background: #007aff;
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  -webkit-transform: scale(0);
+  -ms-transform: scale(0);
+  transform: scale(0);
+  -webkit-transform-origin: left top;
+  -ms-transform-origin: left top;
+  transform-origin: left top;
+}
+.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
+  -webkit-transform-origin: right top;
+  -ms-transform-origin: right top;
+  transform-origin: right top;
+}
+.swiper-container-horizontal > .swiper-pagination-progressbar,
+.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
+  width: 100%;
+  height: 4px;
+  left: 0;
+  top: 0;
+}
+.swiper-container-vertical > .swiper-pagination-progressbar,
+.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
+  width: 4px;
+  height: 100%;
+  left: 0;
+  top: 0;
+}
+.swiper-pagination-white .swiper-pagination-bullet-active {
+  background: #ffffff;
+}
+.swiper-pagination-progressbar.swiper-pagination-white {
+  background: rgba(255, 255, 255, 0.25);
+}
+.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
+  background: #ffffff;
+}
+.swiper-pagination-black .swiper-pagination-bullet-active {
+  background: #000000;
+}
+.swiper-pagination-progressbar.swiper-pagination-black {
+  background: rgba(0, 0, 0, 0.25);
+}
+.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
+  background: #000000;
+}
+.swiper-pagination-lock {
+  display: none;
+}
+/* Scrollbar */
+.swiper-scrollbar {
+  border-radius: 10px;
+  position: relative;
+  -ms-touch-action: none;
+  background: rgba(0, 0, 0, 0.1);
+}
+.swiper-container-horizontal > .swiper-scrollbar {
+  position: absolute;
+  left: 1%;
+  bottom: 3px;
+  z-index: 50;
+  height: 5px;
+  width: 98%;
+}
+.swiper-container-vertical > .swiper-scrollbar {
+  position: absolute;
+  right: 3px;
+  top: 1%;
+  z-index: 50;
+  width: 5px;
+  height: 98%;
+}
+.swiper-scrollbar-drag {
+  height: 100%;
+  width: 100%;
+  position: relative;
+  background: rgba(0, 0, 0, 0.5);
+  border-radius: 10px;
+  left: 0;
+  top: 0;
+}
+.swiper-scrollbar-cursor-drag {
+  cursor: move;
+}
+.swiper-scrollbar-lock {
+  display: none;
+}
+.swiper-zoom-container {
+  width: 100%;
+  height: 100%;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  -ms-flex-align: center;
+  align-items: center;
+  text-align: center;
+}
+.swiper-zoom-container > img,
+.swiper-zoom-container > svg,
+.swiper-zoom-container > canvas {
+  max-width: 100%;
+  max-height: 100%;
+  -o-object-fit: contain;
+  object-fit: contain;
+}
+.swiper-slide-zoomed {
+  cursor: move;
+}
+/* Preloader */
+.swiper-lazy-preloader {
+  width: 42px;
+  height: 42px;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  margin-left: -21px;
+  margin-top: -21px;
+  z-index: 10;
+  -webkit-transform-origin: 50%;
+  -ms-transform-origin: 50%;
+  transform-origin: 50%;
+  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
+  animation: swiper-preloader-spin 1s steps(12, end) infinite;
+}
+.swiper-lazy-preloader:after {
+  display: block;
+  content: '';
+  width: 100%;
+  height: 100%;
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+  background-position: 50%;
+  background-size: 100%;
+  background-repeat: no-repeat;
+}
+.swiper-lazy-preloader-white:after {
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+}
+@-webkit-keyframes swiper-preloader-spin {
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+@keyframes swiper-preloader-spin {
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+/* a11y */
+.swiper-container .swiper-notification {
+  position: absolute;
+  left: 0;
+  top: 0;
+  pointer-events: none;
+  opacity: 0;
+  z-index: -1000;
+}
+.swiper-container-fade.swiper-container-free-mode .swiper-slide {
+  -webkit-transition-timing-function: ease-out;
+  -o-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+}
+.swiper-container-fade .swiper-slide {
+  pointer-events: none;
+  -webkit-transition-property: opacity;
+  -o-transition-property: opacity;
+  transition-property: opacity;
+}
+.swiper-container-fade .swiper-slide .swiper-slide {
+  pointer-events: none;
+}
+.swiper-container-fade .swiper-slide-active,
+.swiper-container-fade .swiper-slide-active .swiper-slide-active {
+  pointer-events: auto;
+}
+.swiper-container-cube {
+  overflow: visible;
+}
+.swiper-container-cube .swiper-slide {
+  pointer-events: none;
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+  z-index: 1;
+  visibility: hidden;
+  -webkit-transform-origin: 0 0;
+  -ms-transform-origin: 0 0;
+  transform-origin: 0 0;
+  width: 100%;
+  height: 100%;
+}
+.swiper-container-cube .swiper-slide .swiper-slide {
+  pointer-events: none;
+}
+.swiper-container-cube.swiper-container-rtl .swiper-slide {
+  -webkit-transform-origin: 100% 0;
+  -ms-transform-origin: 100% 0;
+  transform-origin: 100% 0;
+}
+.swiper-container-cube .swiper-slide-active,
+.swiper-container-cube .swiper-slide-active .swiper-slide-active {
+  pointer-events: auto;
+}
+.swiper-container-cube .swiper-slide-active,
+.swiper-container-cube .swiper-slide-next,
+.swiper-container-cube .swiper-slide-prev,
+.swiper-container-cube .swiper-slide-next + .swiper-slide {
+  pointer-events: auto;
+  visibility: visible;
+}
+.swiper-container-cube .swiper-slide-shadow-top,
+.swiper-container-cube .swiper-slide-shadow-bottom,
+.swiper-container-cube .swiper-slide-shadow-left,
+.swiper-container-cube .swiper-slide-shadow-right {
+  z-index: 0;
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+}
+.swiper-container-cube .swiper-cube-shadow {
+  position: absolute;
+  left: 0;
+  bottom: 0px;
+  width: 100%;
+  height: 100%;
+  background: #000;
+  opacity: 0.6;
+  -webkit-filter: blur(50px);
+  filter: blur(50px);
+  z-index: 0;
+}
+.swiper-container-flip {
+  overflow: visible;
+}
+.swiper-container-flip .swiper-slide {
+  pointer-events: none;
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+  z-index: 1;
+}
+.swiper-container-flip .swiper-slide .swiper-slide {
+  pointer-events: none;
+}
+.swiper-container-flip .swiper-slide-active,
+.swiper-container-flip .swiper-slide-active .swiper-slide-active {
+  pointer-events: auto;
+}
+.swiper-container-flip .swiper-slide-shadow-top,
+.swiper-container-flip .swiper-slide-shadow-bottom,
+.swiper-container-flip .swiper-slide-shadow-left,
+.swiper-container-flip .swiper-slide-shadow-right {
+  z-index: 0;
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+}
+.swiper-container-coverflow .swiper-wrapper {
+  /* Windows 8 IE 10 fix */
+  -ms-perspective: 1200px;
+}

wp-content/themes/biuro/css/08-states/_state--nav.css

@@ -14,10 +14,9 @@
 */
 
 
-.is-nav--main-item-active   { position: relative; border-bottom-color: #f00;
-    &:before    { content: ''; position: absolute; height: 1px; width: 100%; bottom: -1px; left: 0; background: #fff; z-index: 10; }
+.is-nav--main-item-active   { position: relative;
     .c-nav--sub { display: flex;  }
  }
 
- .is-nav--main-anchor-active  { text-decoration: none; }
- .is-nav--sub-anchor-active     { text-decoration: none; font-weight: 600; }
+ .is-nav--main-anchor-active  { border-bottom-color: var(--color--blue-dark); opacity: 1;  }
+ .is-nav--sub-anchor-active     { color: var(--color--green-darker); }

wp-content/themes/biuro/css/10-trumps/__utils.css

@@ -13,7 +13,7 @@ u-: Signify that this class is a Utility class. It has a very specific role (oft
 
 /* @import '_utils-reset.css'; */
 
-/* @import '_utils-fill.css'; */
+ @import '_utils-fill.css';
 
 /* @import '_utils-position.css'; */
 

wp-content/themes/biuro/css/10-trumps/_utils-fill.css

@@ -11,7 +11,7 @@
 
 /* critical:start */
 
-/*.u-fill--brand  { fill: var(--brand--color); }*/
+.u-fill--inherit  { fill: currentColor; }
 
 /* critical:end */
 

wp-content/themes/biuro/css/core-09a3c5bc76.min.css

+:root{--color--gray:#7e8683;--color--gray-darker:#2a3644;--color--green:#1fb299;--color--green-darker:#149a83;--color--green-dark:#006957;--color--blue-dark:#1d2a3a;--color--gray-light:#f8f8f8;--typo--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Light","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--typo--font-size:1.5rem;--typo--weight-regular:400;--typo--weight-bold:700;--typo--line-height:1.2;--typo--font-face:"Roboto",sans-serif;--layout-width:1210px;--layout-width--small:870px;--layout-width--large:1150px}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}a{color:inherit}body{font-size:1.5rem;font-size:var(--typo--font-size);line-height:1.2;line-height:var(--typo--line-height);color:#2a3644;color:var(--color--gray-darker);font-family:Roboto,sans-serif;font-family:var(--typo--font-face);background:#f8f8f8;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100vh;padding-top:117px}html{min-height:100%;font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}.l-inner{max-width:1210px;max-width:var(--layout-width);margin-right:auto;margin-left:auto;padding-right:20px;padding-left:20px}.c-jobs--inner,.c-services,.c-trust--inner,.c-values--inner,.l-inner-small{max-width:870px;max-width:var(--layout-width--small);margin-right:auto;margin-left:auto;padding-right:20px;padding-left:20px}.l-header{position:relative;height:70px;margin-bottom:47px;background:#fff}.l-header:before{content:"";position:absolute;top:100%;left:0;width:100%;height:47px;background:#1d2a3a;background:var(--color--blue-dark)}.l-header{position:fixed;top:0;left:0;width:100%;z-index:300}.l-content{max-width:1150px;max-width:var(--layout-width--large);padding-right:20px;padding-left:20px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex}.l-content--position{position:relative;padding:40px 20px}.l-content--position:before{content:"";position:absolute;top:0;left:0;height:244px;width:100%;background:linear-gradient(358.45deg,#3c7e9e,#1fb299)}.l-content--position-inner{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;max-width:970px;padding:50px 70px;margin:0 auto 140px;border-radius:3px;background-color:#fff;-webkit-box-shadow:0 1px 47px 0 #ecf5ff;box-shadow:0 1px 47px 0 #ecf5ff}.l-content--heading{display:block;padding-top:40px;padding-bottom:25px}.l-content--heading h1{margin:0;padding:0;color:#2a3644;font-size:25px;font-weight:500;line-height:29px}.l-content--main{width:100%;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;max-width:1070px;padding:35px 20px 90px;margin:0 auto}.l-content--main h1{color:#2a3644;font-size:25px;font-weight:500;line-height:38px}.l-content--main h2{color:#2a3644;font-size:21px;font-weight:500;line-height:30px}.l-content--divisions,.l-content--regions{width:100%;max-width:1040px;padding-right:20px;padding-left:20px;margin:0 auto 200px;display:-webkit-box;display:-ms-flexbox;display:flex}.l-aside--divisions,.l-aside--regions{-webkit-box-flex:0;-ms-flex:0 0 385px;flex:0 0 385px;margin:-315px 0 0 55px;z-index:50}.l-main{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%}.l-main--content{background-color:#fff;padding:40px 50px}.l-main--divisions,.l-main--regions{-webkit-box-flex:0;-ms-flex:0 0 600px;flex:0 0 600px}.l-footer{background:#1d2a3a;background:var(--color--blue-dark);color:#fff;padding-top:70px}.l-map{height:330px;margin-bottom:35px}.l-section{padding:30px 0;background:#111d1e url(/wp-content/themes/biuro/i/search-page.png) no-repeat 50% 50%;background-size:cover}.l-section--front-page{height:380px;background:url(/wp-content/themes/biuro/i/front-page.png) no-repeat 50% 50%;background-size:cover;margin-bottom:92px}.l-section--front-page .l-section--inner{width:870px;padding-right:20px;padding-left:20px}.l-section--sales-page{height:380px;background:url(/wp-content/themes/biuro/i/sales-page.png) no-repeat 50% 50%;background-size:cover}.l-section--sales-page .l-section--inner{width:870px;padding-right:20px;padding-left:20px}.l-section--inner{width:1030px;margin:0 auto}.o-btn{display:inline-block;border:0;padding:12px 24px 11px;cursor:pointer;border-radius:3px;font-weight:500;text-decoration:none;font-family:inherit}.o-nav{margin:0;padding:0;list-style:none}.c-btn--header{margin-right:28px;font-size:14px;font-weight:500}.c-btn--main{color:#fff;background:#1fb299;background:var(--color--green)}.c-btn--main:hover{background:#149a83;background:var(--color--green-darker)}.c-btn--alt{padding:10px 15px;background:#e8f0ff;color:#004ed4}.c-btn--alt:after{float:right;margin:6px 0 0 35px;content:"";width:7px;height:7px;border:1px solid #004ed4;border-width:2px 2px 0 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.c-btn--fill{width:100%}.c-btn--search{min-width:180px;border-radius:0 3px 3px 0;text-align:center}.c-btn--search-small{margin:9px;min-width:133px;text-align:center}.c-btn--slim{color:#14a28a;background:none;font-weight:500;text-align:center;border:2px solid #1fb299;border-radius:3px}.c-cookies-warning{display:none}.c-contact{padding:50px 0}.c-contact--inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-width:980px;margin:0 auto}.c-contact--content{-webkit-box-flex:1;-ms-flex:1 1 40%;flex:1 1 40%;max-width:500px;color:#2a3644;font-weight:500;line-height:29px;padding:75px 0 0 90px}.c-contact--content h3{margin:0 0 15px;font-size:25px;color:#2a3644;font-weight:500}.c-contact--content p{margin:0 0 20px}.c-contact--form{-webkit-box-flex:1;-ms-flex:1 1 40%;flex:1 1 40%;max-width:420px}.c-data-controller{margin-bottom:35px;padding:15px 0 10px;text-align:center;font-size:13px;line-height:1;font-weight:300}.c-data-controller p{margin:0 0 10px}.c-divisions{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.c-division{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;height:30px;margin:0 10px 10px 0;padding:0 20px;border-radius:3px;background-color:#e8f0ff;color:grey;font-weight:500;line-height:30px;white-space:nowrap;text-decoration:none}a.c-division{color:#004ed4}.c-feedbacks{padding:50px 0 70px;background:linear-gradient(134.06deg,#fff,#cbe2ec)}.c-feedbacks--inner{position:relative;overflow:hidden;width:640px;height:300px;margin:0 auto}.c-feedbacks--heading{color:#2a3644;margin:0 0 40px;padding:0;font-size:25px;font-weight:500;line-height:29px;text-align:center}.c-feedbacks--section{padding-top:40px}.c-feedbacks--section-inner{position:relative;height:140px;width:574px;margin:0 auto;padding:68px 0 0;border-radius:23px;background-color:#fff}.c-footer-separator{margin-bottom:25px;border-color:#fff;border-width:2px 0 0;opacity:.29}.c-form--employees,.c-form--employers{padding:38px 35px 20px;border-radius:3px;background-color:#fff;-webkit-box-shadow:0 1px 47px 0 #ecf5ff;box-shadow:0 1px 47px 0 #ecf5ff}.c-form--row{position:relative;margin-bottom:20px}.c-form--label{display:block;color:#2a3644;font-size:15px;line-height:18px;margin-bottom:4px;font-weight:500}.c-form--input{width:100%;padding:10px;background:none;border:1px solid #d4d4d4;border-radius:3px}.c-form--input:focus{border-color:#d4d4d4!important}.c-form--textarea{width:100%;padding:10px;background:none;border:1px solid #d4d4d4;border-radius:3px}.c-form--textarea:focus{border-color:#d4d4d4!important}.c-form--submit-wrap{padding:10px 0}.c-form--checkbox-wrap{display:-webkit-box;display:-ms-flexbox;display:flex}.c-form--checkbox{position:absolute;top:0;left:-9999px;visibility:hidden}.c-form--checkbox:checked+label:before{border-color:#d4d4d4}.c-form--checkbox:checked+label:after{content:"✔"}.c-form--label-checkbox{position:relative;margin:0 0 0 31px;color:#868f98;font-size:12px;line-height:17px}.c-form--label-checkbox:before{content:"";position:absolute;top:0;left:-31px;height:18px;width:18px;border:1px solid #d4d4d4;border-radius:3px;cursor:pointer}.c-form--label-checkbox:after{content:"";position:absolute;top:-2px;left:-28px;width:20px;height:20px;border-radius:3px;color:#1fb299;color:var(--color--green);font-size:22px;cursor:pointer}.c-heading{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.c-heading h1{margin:0 0 18px;padding:0;color:#2a3644;font-size:34px;font-weight:700;line-height:51px}.c-heading--front-page,.c-heading--sales-page{height:320px}.c-ico--search{margin:0 3px -3px 0}.c-ico--location{left:18px}.c-ico--area,.c-ico--location{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);margin-top:-1px}.c-ico--area{left:14px}.c-ico--phone{float:left;margin:3px 10px 0 1px}.c-ico--email{float:left;margin:6px 10px 0 0}.c-ico--address{float:left;margin:3px 12px 0 3px}.c-jobs--headline{min-height:29px;margin:0 0 25px;padding:20px 20px 0;color:#2a3644;font-size:25px;font-weight:500;line-height:29px}.c-logo{width:81px;margin-right:89px;padding:11px 0;text-decoration:none}.c-logo,.c-logo--svg{display:block}.c-nav--main{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px}.c-nav--sub{display:none}.c-phone{white-space:nowrap;margin-right:35px;padding:12px 0 10px;text-decoration:none;color:inherit;font-weight:500;font-size:14px}.c-phone svg{float:left;margin:-6px 5px 0 0}.c-search{display:-webkit-box;display:-ms-flexbox;display:flex;height:60px;background-color:#fff;border-radius:3px}.c-search--col{position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;background-color:#fff}.c-search--col .awesomplete{position:absolute;top:0;right:0;left:0;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.c-search--col ul{top:60px;padding-top:10px}.c-search--col li{padding:10px 15px;margin-bottom:10px;cursor:pointer}.c-search--col li:hover{color:#000}.c-search--col-location{border-right:1px solid rgba(178,182,187,.46);border-radius:3px 0 0 3px}.c-search--input{border:0;padding:0 10px 0 44px;margin:0;height:60px;line-height:60px;background:none}.c-search--input:focus{outline:none}.l-section--front-page .c-search{height:70px}.l-section--front-page .c-search--input{height:70px;line-height:70px}.c-trust{background:linear-gradient(134.06deg,#70b7d5,#7bcbcf)}.c-trust--inner{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:64px;padding-bottom:64px}.c-trust--heading{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;margin:0;color:#fff}.c-trust--logos{-webkit-box-flex:10;-ms-flex:10 1 auto;flex:10 1 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.c-values{background:linear-gradient(138.69deg,#4eacd9,#2fb8a1);color:#fff}.c-values--inner{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:60px;padding-bottom:40px}.u-fill--inherit{fill:currentColor}.u-hidden{display:none}@media (min-width:48em){.l-content--heading h1{padding-left:300px}.l-aside{-webkit-box-flex:0;-ms-flex:0 0 280px;flex:0 0 280px}.l-aside--position{-webkit-box-flex:0;-ms-flex:0 0 420px;flex:0 0 420px;padding-left:100px}.l-nav{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}}
\ No newline at end of file

wp-content/themes/biuro/css/core-a25434ed1d.min.css

-:root{--color--gray:#4d4d4d;--color--green:#006957;--typo--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Light","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--typo--font-size:1.8rem;--typo--weight-slim:100;--typo--weight-regular:400;--typo--weight-bold:600;--typo--line-height:1.2;--typo--font-face:"PT Sans Narrow",sans-serif;--typo--font-face-additional:"Bebas Neue",sans-serif;--layout-width:63em}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}a,body{color:#4d4d4d;color:var(--color--gray)}body{font-size:1.8rem;font-size:var(--typo--font-size);line-height:1.2;line-height:var(--typo--line-height)}html{min-height:100%;font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}.l-content,.l-footer,.l-header,.l-inner{max-width:63em;max-width:var(--layout-width);margin-right:auto;margin-left:auto;padding-right:1em;padding-left:1em}.l-header{padding-top:15px;padding-bottom:15px}.o-nav{margin:0;padding:0;list-style:none}.c-cookies-warning{display:none}.c-data-controller{padding:0 1em;text-align:center;font-size:88%}.c-data-controller p{margin-bottom:0}.c-jobs-list{width:100%;margin:0 0 20px}.c-jobs-list--head{padding:10px}.c-jobs-list--col{padding:0 10px}.c-logo--svg{display:block}.c-nav--main{display:-webkit-box;display:-ms-flexbox;display:flex}.c-nav--sub,.u-hidden{display:none}@media (min-width:48em){:root{--typo--font-size:1.6rem;--typo--line-height:1.3}body{font-family:PT Sans Narrow,sans-serif;font-family:var(--typo--font-face)}.l-header{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.l-content,.l-header{display:-webkit-box;display:-ms-flexbox;display:flex}.l-aside{-webkit-box-flex:0;-ms-flex:0 0 16.25em;flex:0 0 16.25em}.l-main,.l-nav{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%}.c-nav--main{padding-left:2em}}@media (max-width:47.999em){body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI Light,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--typo--font-family);letter-spacing:-.08rem}.c-nav--main{margin:20px 0}}@media (min-width:30em){.c-jobs-list--col{padding:10px}}@media (max-width:29.999em){.c-jobs-list--col-position{padding-top:10px}}
\ No newline at end of file

wp-content/themes/biuro/css/main-1b4736af34.min.css

+@font-face{font-family:PT Sans Narrow;src:url(../fonts/pt_sans_narrow.woff2) format("woff2"),url(../fonts/pt_sans_narrow.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:PT Sans Narrow;src:url(../fonts/pt_sans_narrow_bold.woff2) format("woff2"),url(../fonts/pt_sans_narrow_bold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Bebas Neue;src:url(../fonts/bebas-neue.woff2) format("woff2"),url(../fonts/bebas-neue.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}
+
+/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}a:hover{text-decoration:none}figure{margin:0}img{max-width:100%}p{margin:0 0 1.6rem}b,strong{font-weight:700;font-weight:var(--typo--weight-bold)}table{border-collapse:collapse;border-spacing:0}.l-inner--header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translateZ(0);transform:translateZ(0)}.swiper-container-multirow>.swiper-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(transparent));background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(transparent));background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(transparent));background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(transparent));background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:50%;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:opacity .3s;transition:opacity .3s;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:top .2s,-webkit-transform .2s;transition:top .2s,-webkit-transform .2s;transition:transform .2s,top .2s;transition:transform .2s,top .2s,-webkit-transform .2s}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:left .2s,-webkit-transform .2s;transition:left .2s,-webkit-transform .2s;transition:transform .2s,left .2s;transition:transform .2s,left .2s,-webkit-transform .2s}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:right .2s,-webkit-transform .2s;transition:right .2s,-webkit-transform .2s;transition:transform .2s,right .2s;transition:transform .2s,right .2s,-webkit-transform .2s}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:hsla(0,0%,100%,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12) infinite;animation:swiper-preloader-spin 1s steps(12) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")}@-webkit-keyframes swiper-preloader-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes swiper-preloader-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}.awesomplete [hidden]{display:none}.awesomplete .visually-hidden{position:absolute;clip:rect(0,0,0,0)}.awesomplete{display:inline-block;position:relative}.awesomplete>input{display:block}.awesomplete>ul{position:absolute;left:0;z-index:1;min-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;list-style:none;padding:0;margin:0;background:#fff}.awesomplete>ul:empty{display:none}.c-breadcrumbs{padding-top:1em}.c-cookies-warning{position:fixed;left:0;right:0;bottom:0;padding:15px 20px 10px;background:#f6f6f6;overflow:hidden;z-index:100;font-size:14px}.c-cookies-warning .bu-action{margin-top:10px}.c-cookies-warning .bu-action--alt{float:right}.c-cookies-warning--actions{margin:0;padding:5px 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.c-cookies-warning--actions .c-btn--main,.c-cookies-warning--actions .c-btn--slim{padding:7px 12px 6px;font-weight:400}.c-cookies-warning--actions .c-btn--slim{border-width:1px}.c-copyright{text-align:center;font-size:13px;line-height:15px;padding-bottom:60px}.c-feedbacks--img{position:absolute;top:-32px;left:50%;margin-left:-42px}.c-feedbacks--feedback{margin:0 auto 17px;max-width:400px;height:79px;color:#2a3644;font-family:Georgia;font-size:21px;line-height:40px;text-align:center;overflow:hidden}.c-feedbacks--name{color:#919191;font-family:Georgia;font-size:15px;line-height:17px;text-align:center}.swiper-container-horizontal>.swiper-pagination-bullets{bottom:0}.swiper-pagination-bullet{width:9px;height:9px;background:#d8d8d8;opacity:1}.swiper-pagination-bullet-active{background:#717171}.c-footer-sections{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.c-footer-section{-webkit-box-flex:10;-ms-flex:10 0 15%;flex:10 0 15%;line-height:25px;margin:0 0 30px}.c-footer-section:first-child{-webkit-box-flex:5;-ms-flex:5 0 15%;flex:5 0 15%}.c-footer-section:nth-child(4){-webkit-box-flex:1;-ms-flex:1 0 15%;flex:1 0 15%}.c-footer-section h4{margin:0;padding:0}.c-footer-section--heading{margin:0;font-weight:500}.c-form--checkbox--error+label:before{border-color:#eb4646}.c-form--validation{position:absolute;top:50%;left:100%;min-width:200px;background-color:#fff;margin-top:11px;padding:10px 15px;border:1px solid;-webkit-transform:translate(30px,-50%);transform:translate(30px,-50%);font-size:13px;line-height:20px}.c-form--input-wrap--error .c-form--input,.c-form--input-wrap--error .c-form--textarea{border-color:#eb4646}.c-form--input-wrap--success .c-form--input,.c-form--input-wrap--success .c-form--textarea{border-color:#17dab9}.c-form--validation-error{color:#eb4646;border-color:#eb4646;margin-bottom:10px}.c-form--validation-success{color:#17dab9;border-color:#17dab9;margin-bottom:10px}.c-job--title{margin:0 0 40px;padding:0;color:#2a3644;font-size:30px;font-weight:500;line-height:39px}.c-job--content{line-height:25px;color:#2a3644}.c-job--content h3{color:#069980;font-size:19px;font-weight:700;margin:0 0 3px;padding:0}.c-job--content h3:nth-child(n+1){margin-top:30px}.c-job--content ul{margin:0;padding:0;list-style:none}.c-job--content li:before{content:"";display:inline-block;width:14px;height:8px;margin:0 5px 1px 0;background:url(/wp-content/themes/biuro/i/ico--job-arrow.svg)}.c-job--action{padding:30px 0}.c-job-contacts ul{margin:0;padding:0;list-style:none}.c-job-contacts li{line-height:28px}.c-job-contacts a{overflow:hidden;text-decoration:none}.c-job-contacts a:hover{color:#1fb299;color:var(--color--green)}.c-jobs--table{width:100%;margin:0 0 20px}.c-jobs--col{background:#fff;vertical-align:middle;border-bottom:1px solid #f8f8f8;border-bottom:1px solid var(--color--gray-light);color:#868c93;padding-top:10px;padding-bottom:10px}.c-jobs--col-position{padding-left:15px;padding-right:5px}.c-jobs--col-city{white-space:nowrap;padding-right:5px;padding-left:5px;max-width:140px;overflow:hidden;text-overflow:ellipsis}.c-jobs--col-valid{color:#19c5a7;white-space:nowrap;padding-right:15px;padding-left:5px}.c-jobs--anchor{display:block;padding:10px 0;color:#004ed4;font-weight:500;line-height:18px;text-decoration:none}.c-jobs--anchor:visited{color:#6b7888}.c-jobs--more{margin-bottom:70px}.pods-pagination-paginate{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:90px}.page-numbers{width:46px;height:46px;background:#fff;margin-right:1px;text-decoration:none;text-align:center;line-height:46px;color:#1fb299;font-size:16px}.page-numbers.current{background:#1fb299;color:#fff}.next:after{margin:0 0 2px -6px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.next:after,.prev:after{display:inline-block;content:"";width:8px;height:8px;border:1px solid #1fb299;border-width:1px 1px 0 0}.prev:after{margin:0 -6px 2px 0;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.c-jobs-section{margin:0 20px 20px 0;padding:28px 28px 23px;border-radius:3px;background-color:#fff}.c-jobs-section--heading{margin:0 0 15px;padding:0;color:#2a3644;font-size:18px;font-weight:500;line-height:21px}.c-jobs-section--content{overflow:hidden}.c-jobs-section--is-closed .c-jobs-section--content{max-height:100px}.c-jobs-section--list{margin:0;padding:0;list-style:none}.c-jobs-section--item{line-height:33px}.c-jobs-section--anchor{color:#939393;font-size:14px;text-decoration:none}.c-jobs-section--expand{display:block;color:#004ed4;font-size:14px;font-weight:500;margin-top:10px;padding:5px 0;text-decoration:none}.c-nav--main-item{position:relative;height:70px;margin-right:26px;padding:23px 0 0;z-index:500}.c-nav--main-anchor{display:block;padding:5px 0 4px;text-transform:uppercase;border-bottom:2px solid transparent;text-decoration:none;color:#1d2a3a;color:var(--color--blue-dark);font-weight:700;letter-spacing:1px;opacity:.6}.c-nav--main-anchor:hover{opacity:1}.c-nav--sub{position:absolute;top:100%}.c-nav--sub-item{margin-right:46px}.c-nav--sub-anchor{display:block;padding:16px 0 17px;color:#fff;text-transform:uppercase;white-space:nowrap;text-decoration:none;font-weight:700;letter-spacing:1.08px;line-height:1}.c-nav--sub-anchor:hover{color:#1fb299;color:var(--color--green)}.c-nav--footer{font-weight:300}.c-nav--footer a{text-decoration:none}.c-nav--footer a:hover{text-decoration:underline}.c-nav--lang-wrap{position:relative;width:70px;height:32px}.c-nav--lang{position:absolute;top:0;left:0;width:100%;background:#fff;border-radius:3px;z-index:20;font-weight:500}.c-nav--lang:hover .c-nav--lang-item{display:block}.c-nav--lang-item{padding:6px 0}.c-nav--lang-item:nth-child(n+2){display:none}.c-nav--lang-anchor{padding-left:34px;text-decoration:none;display:block;color:#2a3644;font-size:14px;line-height:24px;background-repeat:no-repeat;background-position:6px 0;background-size:20px 20px}.c-nav--lang-anchor:hover{text-decoration:underline}.c-nav--lang-anchor svg{float:right;margin:9px 6px 0 0}.c-nav--lang-anchor-lt{background-image:url(/wp-content/themes/biuro/i/lang/lt.png)}.c-nav--lang-anchor-en{background-image:url(/wp-content/themes/biuro/i/lang/en.png)}.c-nav--lang-anchor-de{background-image:url(/wp-content/themes/biuro/i/lang/de.png)}.c-nav--lang-anchor-ru{background-image:url(/wp-content/themes/biuro/i/lang/ru.png)}.c-nav--lang-anchor-lv{background-image:url(/wp-content/themes/biuro/i/lang/lv.png)}.c-nav--lang-anchor-ee{background-image:url(/wp-content/themes/biuro/i/lang/ee.png)}.c-sections{max-width:1000px;margin-right:auto;margin-left:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;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{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.c-sections--item{position:relative;-webkit-box-flex:0;-ms-flex:0 0 300px;flex:0 0 300px;height:211px;margin-bottom:30px}.c-sections--item-inner{top:0;height:211px;padding:27px 21px;border-radius:3px;-webkit-box-shadow:2px 2px 31px 0 hsla(0,0%,93.3%,.5);box-shadow:2px 2px 31px 0 hsla(0,0%,93.3%,.5);overflow:hidden}.c-sections--item-inner,.c-sections--toggle{position:absolute;left:0;width:100%;background:#fff}.c-sections--toggle{bottom:0;padding:15px 0;text-align:center;border-radius:0 0 3px 3px;z-index:60;-webkit-box-shadow:0 -37px 24px 0 hsla(0,0%,100%,.78);box-shadow:0 -37px 24px 0 hsla(0,0%,100%,.78);cursor:pointer}.c-sections--toggle-up{display:none}.c-sections--header{height:56px;margin-bottom:20px;overflow:hidden;color:#004ed4;font-size:15px;font-weight:700;line-height:56px}.c-sections--ico{float:left;margin-right:20px;height:56px;width:56px;background-color:#e8f0ff;border-radius:50%}.c-sections--content{color:#868c93;font-size:12px;line-height:20px}.c-sections--content ul{margin:30px 0 0;padding:0;list-style:none}.c-sections--is-open{height:451px;z-index:80}.c-sections--is-open .c-sections--toggle{-webkit-box-shadow:none;box-shadow:none}.c-sections--is-open .c-sections--toggle-down{display:none}.c-sections--is-open .c-sections--toggle-up{display:inline}.c-services{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:64px;padding-bottom:64px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.c-services--item{position:relative;-webkit-box-flex:0;-ms-flex:0 0 253px;flex:0 0 253px;height:245px}.c-services--item-inner{position:absolute;top:0;left:0;width:100%;height:245px;border-radius:3px;background-color:#fff;-webkit-box-shadow:2px 2px 31px 0 hsla(0,0%,93.3%,.5);box-shadow:2px 2px 31px 0 hsla(0,0%,93.3%,.5)}.c-services--toggle{position:absolute;left:0;width:100%;bottom:0;padding:10px 0;text-align:center;cursor:pointer}.c-services--toggle-up{display:none}.c-services--is-open{height:341px}.c-services--is-open .c-services--toggle-down{display:none}.c-services--is-open .c-services--toggle-up{display:inline}.c-services--is-open .c-services--content{display:block}.c-services--ico{height:56px;width:56px;background-color:#e1fffa;border-radius:50%;margin:34px auto 22px}.c-services--heading{min-height:44px;padding:0 20px;color:#1fb299;font-size:15px;font-weight:700;line-height:18px;text-align:center}.c-services--sub-heading{min-height:27px;margin:0;padding:0 10px;color:#2a3644;font-size:14px;font-weight:700;line-height:25px;text-align:center}.c-services--content{display:none}.c-services--content ul{position:absolute;margin:0;padding:0 0 40px;list-style:none;width:100%;border-radius:3px;background-color:#fff}.c-services--content li{color:#6c7683;font-size:14px;font-weight:500;line-height:25px;text-align:center}.c-share{margin-bottom:90px}.c-share--heading{margin:0;padding:20px 0 10px;font-weight:500;text-align:center}.c-share--options{-ms-flex-pack:center}.c-share--option,.c-share--options{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;justify-content:center}.c-share--option{height:36px;-webkit-box-flex:0;-ms-flex:0 0 50px;flex:0 0 50px;border-radius:3px;margin:0 3px;text-decoration:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:center}.c-share--option-facebook{background-color:#4367b0}.c-share--option-messenger{background-color:#1983fa}.c-share--option-email{background-color:#2a3644}.c-share--option-copy{background-color:#858585}.c-share--option-phone{background-color:#25d366}.c-social{margin-bottom:40px;text-align:center}.c-social--anchor{text-decoration:none;margin:0 5px;padding:0 10px}.c-values--section{-webkit-box-flex:0;-ms-flex:0 0 40%;flex:0 0 40%;max-width:280px}.c-values--heading{display:inline-block;min-width:139px;min-height:66px;margin:0 0 18px;padding:0 10px 0 0;border-bottom:4px solid #fff;font-size:45px;line-height:53px;font-weight:700}.c-values--content{display:block;min-height:80px;margin:0 0 20px;padding:0;font-size:15px;line-height:30px;font-weight:500}.is-nav--main-item-active{position:relative}.is-nav--main-item-active .c-nav--sub{display:-webkit-box;display:-ms-flexbox;display:flex}.is-nav--main-anchor-active{border-bottom-color:#1d2a3a;border-bottom-color:var(--color--blue-dark);opacity:1}.is-nav--sub-anchor-active{color:#149a83;color:var(--color--green-darker)}.u-align--center{text-align:center}.tmp-contacts img{display:none}.tmp-contacts ul{padding-left:5px}.c-logos{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.c-logos div{-webkit-box-flex:0;-ms-flex:0 0 21%;flex:0 0 21%;border:1px solid grey;padding:1em;margin-bottom:1em;text-align:center}.biuro-ti-img{display:none}@media (min-width:80em){[href^=tel]{pointer-events:none;text-decoration:none;color:inherit}}@media (max-width:47.999em){.c-fixed-footer{position:fixed;left:0;bottom:0;width:100%;background:hsla(0,0%,100%,.85);padding:20px 20px 0;-webkit-box-shadow:0 -1px 1px 0 rgba(0,0,0,.45);box-shadow:0 -1px 1px 0 rgba(0,0,0,.45)}}
\ No newline at end of file

wp-content/themes/biuro/css/main-dcf0970343.min.css

-@font-face{font-family:PT Sans Narrow;src:url(../fonts/pt_sans_narrow.woff2) format("woff2"),url(../fonts/pt_sans_narrow.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:PT Sans Narrow;src:url(../fonts/pt_sans_narrow_bold.woff2) format("woff2"),url(../fonts/pt_sans_narrow_bold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Bebas Neue;src:url(../fonts/bebas-neue.woff2) format("woff2"),url(../fonts/bebas-neue.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}
-
-/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}a:hover{text-decoration:none}figure{margin:0}img{max-width:100%}p{margin:0 0 1.6rem}b,strong{font-weight:600;font-weight:var(--typo--weight-bold)}table{border-collapse:collapse;border-spacing:0}.l-footer--inner{display:-webkit-box;display:-ms-flexbox;display:flex;padding-top:15px;-ms-flex-wrap:wrap;flex-wrap:wrap}.l-footer--section{-webkit-box-flex:1;-ms-flex:1 0 15%;flex:1 0 15%}.l-footer--section h4{margin:0;padding:0}.l-footer{padding-bottom:100px;-webkit-box-shadow:0 -1px 1px 0 rgba(0,0,0,.45);box-shadow:0 -1px 1px 0 rgba(0,0,0,.45)}.awesomplete [hidden]{display:none}.awesomplete .visually-hidden{position:absolute;clip:rect(0,0,0,0)}.awesomplete{display:inline-block;position:relative}.awesomplete>input{display:block}.awesomplete>ul{position:absolute;left:0;z-index:1;min-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;list-style:none;padding:0;margin:0;background:#fff}.awesomplete>ul:empty{display:none}.c-breadcrumbs{padding-top:1em}.c-cookies-warning{position:fixed;left:0;right:0;bottom:0;padding:15px 20px;background:#f6f6f6;overflow:hidden;z-index:100}.c-cookies-warning .bu-action{margin-top:10px}.c-cookies-warning .bu-action--alt{float:right}.c-copy{padding-top:.75em;text-align:center}.c-divisions--list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:16px}.c-divisions--list-item{margin-right:10px;padding:0 12px;font-weight:400;font-weight:var(--typo--weight-regular);line-height:1.5;cursor:pointer}.is-divisions--list-item-active{background:#ccc;font-weight:600;font-weight:var(--typo--weight-bold)}#custom .biuro-title{margin:0 0 20px;padding:10px;font-size:calc(1.125rem + .8929vw - 2.85728px);border:2px solid #006957;border:2px solid var(--color--green);border-radius:12px}#custom .biuro-title h1{margin:0;padding:0;line-height:1.2;color:#006957;color:var(--color--green);font-weight:600;font-weight:var(--typo--weight-bold);overflow:hidden;text-align:center;text-transform:uppercase}.c-jobs-list tr:nth-child(2n){background:#f8f8f8}.c-jobs-list td,.c-jobs-list th{vertical-align:top}.c-jobs-list a{display:block}.c-jobs-list--head{font-weight:700;text-align:left}.c-jobs-list--col-valid{display:none}.pods-pagination-paginate{display:block;padding-bottom:1em}.page-numbers{margin:0 1px;padding:1px}.page-numbers.current{font-weight:600;font-weight:var(--typo--weight-bold)}.c-logo{text-decoration:none}.c-nav--main-item{position:relative;margin-right:10px;border:1px solid grey;padding:5px}.c-nav--main-anchor{display:block;padding:0 .25em;text-transform:uppercase}.c-nav--sub{position:absolute;top:100%;left:-1px;padding:0 1em 0 6px;border:1px solid grey;overflow:hidden;background:#fff}.c-nav--sub-item{background:#fff;padding:.5em .5em .5em 0}.c-nav--sub-anchor{padding:.25em;white-space:nowrap}.c-nav--item{margin:10px}.c-nav--link{line-height:40px;font-size:24px;text-decoration:none}.c-nav--link:hover{text-decoration:underline}.c-nav--lang{display:-webkit-box;display:-ms-flexbox;display:flex}.c-nav--lang li{padding:0 5px}.is-nav--main-item-active{position:relative;border-bottom-color:red}.is-nav--main-item-active:before{content:"";position:absolute;height:1px;width:100%;bottom:-1px;left:0;background:#fff;z-index:10}.is-nav--main-item-active .c-nav--sub{display:-webkit-box;display:-ms-flexbox;display:flex}.is-nav--main-anchor-active{text-decoration:none}.is-nav--sub-anchor-active{text-decoration:none;font-weight:600}.bu-action{height:28px;cursor:pointer;border:1px solid #e1e1e1;padding:0 15px;margin:0;display:inline-block}.bu-action--main{color:#fff;background:#006957}.c-nav-footer a:hover{border-color:#ababab}.c-nav-footer .act,.c-nav-footer .act:hover{border-color:#4b4d4f}#content a:hover{text-decoration:underline}#content h1{padding:0 0 10px;font-size:22px;font-weight:400}#content h2{padding:0 0 13px;font-size:19px;font-weight:700}#content h2 small{display:block;font-size:16px}#content h3{padding:0 0 10px;font-size:17px;font-weight:700}#content .info_box,#content .info_box p{font-size:16px;line-height:1.2;text-transform:uppercase}#content .t-reason{padding:0;border:0}#content .t-reason td{display:block;vertical-align:top}#content .t-reason .t-reason-col-2 h2{padding:25px 0 13px}#content .t-reason h2{text-align:center}#content .t-reason ul{padding:0}#content .t-membership{width:100%;border:0;text-align:left}#content .t-membership td{text-align:justify;vertical-align:middle}#content .t-membership .t-membership-row-4 td{border-bottom:none}#content .t-contacts-box{max-width:650px}#content .t-contacts{width:100%}#content .t-contacts td{vertical-align:top}#content .t-contacts p{text-align:left}#content .info_box{position:relative;margin:0 0 20px;color:#fff}#content .info_box.tyle_1{background-position:0 0}#content .info_box.tyle_1 .bottom{background-position:-250px 100%}#content .info_box.tyle_2{background-position:-500px 0}#content .info_box.tyle_2 .bottom{background-position:-750px 100%}#content .info_box.tyle_3{background-position:-1000px 0}#content .info_box.tyle_3 .bottom{background-position:-1250px 100%}#content .info_box.tyle_4{background-position:-1500px 0}#content .info_box.tyle_4 .bottom{background-position:-1750px 100%}#content .info_box.tyle_5{background-position:-2000px 0}#content .info_box.tyle_5 .bottom{background-position:-2250px 100%}#content .info_box .bottom{width:219px;height:22px;position:absolute;left:0;bottom:-22px}#content .info_box p{padding:0}#content .search_box{background:#f8f8f8;padding:10px}#content .search_box select{width:130px;background:#f7f7f7;border:1px solid #e1e1e1;padding:6px}#content .search_box li{padding:0;display:block;background:0 0;overflow:hidden}#content .search_box li label{display:block;font-weight:700}#content .search_box li .input{width:78%;color:#4b4d4f;border:0;padding:8px;background:0 0}#content .search_box li select{color:#4b4d4f;background:#f5f5f5;margin:0 20px 10px 0}#content .search_box li select+.filter-button{clear:left;margin-left:100px}#content .search_box li .submit{float:right;width:39px;height:39px;cursor:pointer;background:url(../_img/search_box_icon.gif) 50% 50% no-repeat;border:0;vertical-align:middle}#content .search_box li a.url{float:right;margin-top:7px;padding:4px 18px 4px 0;font-weight:700}#content .search_box li a.url.open{background:url(../_img/search_box_url_icon.gif) right 12px no-repeat}#content .search_box li a.url.close{background:url(../_img/search_box_url_icon.gif) right -13px no-repeat}#content .search_box li #search-input-block{border:1px solid #dfe1e4;background:#fff;overflow:hidden}#content .search_box li.filter-additional{padding-top:10px}#content .search_box li.filter-additional label{float:left;width:95px;padding:6px 5px 0 0}#content .search_box li.filter-additional select{float:left}#content .search_box li.filter-additional+.filter-additional{padding-top:0}#content .search_box li #period,#content .search_box li #type{margin-right:0}#content .search_box .filter-button{float:left;color:#4b4d4f;background:#f5f5f5;margin:0 22px 0 0;border:1px solid #e1e1e1;padding:7px;cursor:pointer;text-decoration:none}#content .search_box .filter-button:hover{background:#eee}#content p{text-align:justify}#content a{text-decoration:none}#content .img_left{margin:0 20px 15px 0;float:left}#content a.home_url,.c-home-url{width:254px;color:#4b4d4f;font-size:21px;margin:15px auto;display:block;text-align:center;line-height:1.2}#content a.home_url{text-decoration:none;padding:280px 0 0}#content a.home_url_1{background:url(../_img/workis_l.png) no-repeat;background-size:contain}#content a.home_url_2{background:url(../_img/img_2.jpg) no-repeat}#content a:hover.home_url{text-decoration:underline}.c-home-url{text-decoration:none}.c-home-url:hover{text-decoration:underline}.c-home-pic{display:block;border-radius:50%;margin-bottom:20px;overflow:hidden}#content .contact-form .form li textarea,.cv-form .form li textarea{overflow-y:auto;resize:none}.c-home-pic img{display:block}#content .news_list{padding:0 0 15px;display:block}#content .news_list li{border-top:1px solid #dfe1e4;padding:15px 0 0;display:block}#content .news_list li a.more{font-weight:700;text-decoration:underline}#content .news_list li:first-child{border-top:0;padding:0}#content .staff{margin:0 0 15px -33px;display:block}#content .staff li{width:216px;margin:0 0 10px 33px;float:left}#content .staff li.sep{width:100%}#content .staff li .foto{margin:0 0 10px;display:block}#content .staff li p{padding:0 5px 15px}#content .form{width:318px;padding:0 0 15px;display:inline-block}#content .form li{padding:0 0 28px;display:block;background:0 0}#content .form li.bottom{padding:0 0 10px;margin:-10px 0 0}#content .form li label{padding:0 0 6px;display:block}#content .form li input.text,#content .form li select,#content .form li textarea{background:#f7f7f7;border:1px solid #e1e1e1;padding:6px}#content .form li input.text,#content .form li textarea{width:318px}#content .form li select{width:164px}#content .form li textarea{height:114px;overflow:auto}#content .form li .errormessage{color:#bb2543;padding:6px 0 0;display:block}#content .form li .txt{color:#bb2543;display:inline-block}#content .form li .action{height:28px;color:#fff;cursor:pointer;background:#006957;border:1px solid #e1e1e1;padding:0 20px;margin:0 10px 0 0;display:inline-block}#content .form li .action:hover{background:#008d75}#content .form li .Actions{display:inline-block}#content .country_tabs{width:100%;padding:0 0 15px;float:left}#content .country_tabs li{padding:0 10px 0 0;float:left}#content .country_tabs li a{color:#4b4d4f;text-decoration:none;float:left}#content .country_tabs li a.act{font-weight:700;background:#ebebeb;padding:0 10px}#content .country_tabs li a:hover{text-decoration:underline}#content .pages{text-align:center;padding:0 0 15px;display:block}#content .pages a{margin:0 3px}#content .pages a.prev{font-weight:700;float:left}#content .pages a.next{font-weight:700;float:right}#content .pages a.act{font-weight:700}#banners{width:976px;padding:20px 0;float:left}#banners li{margin:0 0 0 40px;float:left}#banners li:first-child{margin:0}.fl{float:left!important}.fr{float:right!important}.clear{height:0;clear:both;display:block}.input,input.text,select,textarea{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}button::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}.map_page{width:540px;text-align:center;margin:20px auto}.map_page .logo{margin:0 0 30px;display:block}.map_page p{padding:0 0 15px;display:block}.map_page a.map_url{width:168px;position:relative;display:inline-block}.map_page a.map_url.es{height:89px;background:url(../_img/map_url.jpg) no-repeat;margin:0 0 -20px}.map_page a:hover.map_url.es{background:url(../_img/map_url.jpg) -200px 0 no-repeat;z-index:1}.map_page a.map_url.lv{height:100px;background:url(../_img/map_url.jpg) 0 -69px no-repeat;margin:0 0 -30px}.map_page a:hover.map_url.lv{background:url(../_img/map_url.jpg) -400px -69px no-repeat;z-index:1}.map_page a.map_url.lt{height:109px;background:url(../_img/map_url.jpg) 0 -139px no-repeat}.map_page a:hover.map_url.lt{background:url(../_img/map_url.jpg) -600px -139px no-repeat;z-index:1}.hide{display:none!important}#content ul:not([class]) a{text-decoration:underline}#content img.left{margin:15px 20px 15px 0;float:left}#content img.ico{position:relative;top:7px}#map_canvas{width:100%;height:450px}#content .contact-form .form li input[type=text].error,#content .contact-form .form li textarea.error{border:1px solid #bb2543}.job-cont{padding:0 0 15px;display:block}.cont-content{display:block;padding:0 0 10px}.cv-form .form li.bottom{padding:0 0 10px;margin:-10px 0 0}.cv-form .form li label{padding:0 0 6px;display:block}.cv-form .form li input.text,.cv-form .form li textarea{background:#f7f7f7;border:1px solid #e1e1e1;padding:6px;width:318px}.cv-form .form li textarea{height:114px}#custom,#custom .biuro-header,#custom .biuro-ti,#custom .biuro-ti-text,.about-biuro{overflow:hidden}.cv-form .form li input[type=file]{background:#f7f7f7;border:1px solid #e1e1e1;padding:0 6px;width:304px;height:30px}.cv-form .form li .errormessage{color:#bb2543;padding:6px 0 0}.cv-form .form li input[type=file].error,.cv-form .form li input[type=text].error{border:1px solid #bb2543}.cv-form .form li .txt{color:#bb2543;display:inline-block}.cv-form .form li .action{height:28px;color:#fff;cursor:pointer;background:#006957;border:1px solid #e1e1e1;padding:0 20px;margin:0 10px 0 0;display:inline-block}.cv-form .form li .action:hover{background:#008d75}.cv-form .form li .Actions{display:inline-block}#cv-success,#cv-success p{color:#393}#content ul:not([class]){padding:0 0 15px;display:block}#content ul.table li,#content ul:not([class]) li{position:relative;padding:0 0 5px 25px;display:block}#content ul.table li:before,#content ul:not([class]) li:before{content:"";position:absolute;top:9px;left:1px;width:4px;height:4px;border-radius:50%;background:#4b4d4f}#content ul:not([class]) a:hover{text-decoration:none}#content ol{padding:0 0 15px 20px;text-align:justify}#content ol>li{padding:0 0 5px;text-align:justify}#content .cform .form li select{width:318px}#content #filter-empty-results{padding-top:15px}#content a.home_url,#content h1{text-transform:uppercase}.hidden-coords{display:none}.banner{width:180px;height:160px;float:left;position:relative;left:-15px;margin-right:50px;margin-bottom:20px}.banner a,.banner a img{border:0}.icon:before{content:"";position:relative;top:9px;display:inline-block;width:30px;height:26px;margin:0 8px 0 0;background:url(../_img/icons.png) 50px 50px no-repeat;border-radius:3px}#content .icon-blue-dark{color:#253466;font-weight:700}.icon-blue-dark:before{border:1px solid #253466}.icon-blue-dark:hover:before{background-color:#253466}#content .icon-blue-light{color:#156292;font-weight:700}.icon-blue-light:before{border:1px solid #156292}.icon-blue-light:hover:before{background-color:#156292}#content .icon-red{color:#bb2543;font-weight:700}.icon-red:before{border:1px solid #bb2543}.icon-red:hover:before{background-color:#bb2543}#content .icon-brown{color:#b76630;font-weight:700}.icon-brown:before{border:1px solid #b76630}.icon-brown:hover:before{background-color:#b76630}#content .icon-purple{color:#6b1c3a;font-weight:700}.icon-purple:before{border:1px solid #6b1c3a}.icon-purple:hover:before{background-color:#6b1c3a}#content .icon-green{color:#006957;font-weight:700}.icon-green:before{border:1px solid #006957}.icon-green:hover:before{background-color:#006957}.icon-blue-dark.icon-facebook:before{background-position:-2px -45px}.icon-blue-dark.icon-linkedin:before{background-position:-40px -45px}.icon-blue-dark.icon-phone:before{background-position:-80px -45px}.icon-blue-dark.icon-note:before{background-position:-121px -45px}.icon-blue-light.icon-facebook:before{background-position:-2px -87px}.icon-blue-light.icon-linkedin:before{background-position:-40px -87px}.icon-blue-light.icon-phone:before{background-position:-80px -87px}.icon-blue-light.icon-note:before{background-position:-121px -87px}.icon-red.icon-facebook:before{background-position:-2px -131px}.icon-red.icon-linkedin:before{background-position:-40px -131px}.icon-red.icon-phone:before{background-position:-80px -131px}.icon-red.icon-note:before{background-position:-121px -131px}.icon-brown.icon-facebook:before{background-position:-2px -176px}.icon-brown.icon-linkedin:before{background-position:-40px -176px}.icon-brown.icon-phone:before{background-position:-80px -176px}.icon-brown.icon-note:before{background-position:-121px -176px}.icon-purple.icon-facebook:before{background-position:-2px -218px}.icon-purple.icon-linkedin:before{background-position:-40px -218px}.icon-purple.icon-phone:before{background-position:-80px -218px}.icon-purple.icon-note:before{background-position:-121px -218px}.icon-green.icon-facebook:before{background-position:-2px -258px}.icon-green.icon-linkedin:before{background-position:-40px -258px}.icon-green.icon-phone:before{background-position:-80px -258px}.icon-green.icon-note:before{background-position:-121px -258px}.icon-facebook:hover:before{background-position:-2px -7px}.icon-linkedin:hover:before{background-position:-40px -7px}.icon-phone:hover:before{background-position:-80px -7px}.icon-note:hover:before{background-position:-121px -7px}.about-biuro{margin:0 auto}.about-biuro-img{position:relative;float:left;width:100%;height:214px;background-repeat:no-repeat}.about-biuro-img:before{position:absolute;top:0;left:50%;width:178px;height:214px;margin:0 0 0 -89px}.about-biuro-img-1:before{background-position:0 0}.about-biuro-img-2:before{background-position:-178px 0}.about-biuro-img-3:before{background-position:-356px 0}.about-biuro-img-4:before{background-position:-534px 0}.about-biuro-lt .about-biuro-img:before{background-image:url(../_img/lt-apie-idarbinimo-agentura.jpg)}.about-biuro-lv .about-biuro-img:before{background-image:url(../_img/lv-apie-idarbinimo-agentura.jpg)}.about-biuro-ee .about-biuro-img:before{background-image:url(../_img/ee-apie-idarbinimo-agentura.jpg)}.about-biuro-en .about-biuro-img:before{background-image:url(../_img/en-apie-idarbinimo-agentura.jpg)}.about-biuro-ru .about-biuro-img:before{background-image:url(../_img/ru-apie-idarbinimo-agentura.jpg)}.job-add h3{float:left;clear:both;font-weight:700;padding:0 6px 15px 0}.job-add span{display:block;float:left;padding:0 0 15px}#custom .biuro-header p{color:#006957;font-weight:700}#custom .biuro-header .logo{float:none;width:133px;margin:0 auto 20px}#custom .biuro-ti-img{display:none}#custom .biuro-ti-text h3{color:#006957;padding:0}#custom .biuro-ti-text li{position:relative;padding:0 0 0 15px;background:none}#custom .biuro-ti-text li:before{content:"";position:absolute;top:7px;left:2px;width:6px;height:6px;border-radius:50%;background:#006957}.u-align--center{text-align:center}.tmp-contacts img{display:none}.tmp-contacts ul{padding-left:5px}.c-logos{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.c-logos div{-webkit-box-flex:0;-ms-flex:0 0 21%;flex:0 0 21%;border:1px solid grey;padding:1em;margin-bottom:1em;text-align:center}.biuro-ti-img{display:none}@media (min-width:80em){[href^=tel]{pointer-events:none;text-decoration:none;color:inherit}}@media (max-width:47.999em){.l-footer--section{-webkit-box-flex:1;-ms-flex:1 0 35%;flex:1 0 35%;margin-bottom:20px}.c-jobs-list--head{display:none}.c-jobs-list--col-city{text-align:right}.c-fixed-footer{position:fixed;left:0;bottom:0;width:100%;background:hsla(0,0%,100%,.85);padding:20px 20px 0;-webkit-box-shadow:0 -1px 1px 0 rgba(0,0,0,.45);box-shadow:0 -1px 1px 0 rgba(0,0,0,.45)}}@media (min-width:48em){#custom .biuro-title{border-width:3px;margin:0 0 30px;padding:20px;font-size:22px}.c-jobs-list--col-city,.c-jobs-list--col-valid,.c-jobs-list--head:nth-child(n+2){border-left:1px solid #dfe1e4}.c-jobs-list--col-valid{display:table-cell}}@media (max-width:29.999em){.c-jobs-list--col{float:left;width:calc(100% - 20px)}.c-jobs-list--col-city{padding-bottom:10px;text-align:left}}@media (min-width:30em){.c-jobs-list--col{max-width:260px}}@media (max-width:600px){.bu-action{height:44px}}@media (min-width:360px){#content .search_box li .input{width:83%}}@media (min-width:480px){#content img.starjobs-img{float:left;width:100px;margin:15px 20px 15px 0}#content .t-contacts td.t-contacts-col-1{width:43%}#content .t-contacts td.t-contacts-col-2,#content .t-contacts td.t-contacts-col-3{width:50%}#content .info_box{float:right;margin:47px 0 20px 20px}#content .search_box li .input{width:88%}.about-biuro-img{width:50%}#custom .biuro-header .logo{float:left;margin:0 20px 20px 0}#custom .biuro-ti-img{display:block;float:left;width:70px}#custom .biuro-job-contacts{margin:0 0 0 70px}}@media (min-width:600px){#content .search_box li label{float:left;padding:9px 10px 0 0}#content .search_box li #search-input-block{margin:0 0 0 100px}}@media (min-width:768px){#content h1{text-align:justify}#content img.starjobs-img{width:200px}#content .t-membership td{border-bottom:1px solid #dfdfdf;padding-bottom:10px}#content .t-membership .t-membership-col-1{width:150px;padding-right:20px}#content .t-contacts td.t-contacts-col-1{width:34%}#content .t-contacts td.t-contacts-col-2,#content .t-contacts td.t-contacts-col-3{width:33%}#content .info_box.tyle_1,#content .info_box.tyle_1 .bottom,#content .info_box.tyle_2,#content .info_box.tyle_2 .bottom,#content .info_box.tyle_3,#content .info_box.tyle_3 .bottom,#content .info_box.tyle_4,#content .info_box.tyle_4 .bottom,#content .info_box.tyle_5,#content .info_box.tyle_5 .bottom{background-image:url(../_img/info_box_bg.png);background-repeat:no-repeat}#custom .biuro-header .logo{margin:0 20px 24px 0}}@media (min-width:980px){#content h2,#content h3,#content ul:not([class]){text-align:justify}#content h1{padding:0 0 15px;font-size:24px}#content .t-reason td{display:table-cell;width:50%}#content .t-reason .t-reason-col-1{padding-right:20px;border-right:1px solid #dfdfdf}#content .t-reason .t-reason-col-2{padding-left:20px}#content .t-reason .t-reason-col-2 h2{padding:12px 0 25px}#content .t-membership td{padding-bottom:0}#content .t-membership .t-membership-col-1{width:250px;padding-right:0}#content .info_box,#content .info_box p{font-size:18px}#content .search_box li select{margin:0 33px 10px 0}#content .search_box li a.url{margin-top:-36px}#content .search_box li #search-input-block{margin:0 200px 0 100px}#content a.home_url,.c-home-url{display:inline-block;font-weight:400;margin:15px 50px;font-size:24px}#content ul:not([class]) li{padding:0 0 5px 45px}#content ul:not([class]) li:before{left:21px}.about-biuro-img{width:25%}}@media only screen and (min-width:1281px){[href^=tel]{pointer-events:none;text-decoration:none;color:inherit}}@media (max-width:767px){#content h1 .icon{display:block;margin-top:10px}#content .t-membership tr{display:block}#content .t-membership td{display:block;float:left;width:100%}#content .t-membership .t-membership-col-2{border-bottom:1px solid #dfdfdf;padding:0 0 20px}#content .t-contacts td{float:left;width:50%}.hidden-max-small{display:none!important}}@media (max-width:599px){#content .search_box li select+label{clear:left}}@media (max-width:479px){#content .t-contacts td{width:100%}.hidden-max-x-small{display:none!important}#custom .biuro-job-valid-till{display:block}}
\ No newline at end of file

wp-content/themes/biuro/css/main.css

@@ -30,7 +30,7 @@ qa-: Signify that a QA or Test Engineering team is running an automated UI test
 @import '08-states/__states.css';
 /*@import '09-themes/__themes.css';*/
 
- @import '__previous.css';
+ /*@import '__previous.css';*/
 
  @import '10-trumps/__utils.css';
 
@@ -54,3 +54,5 @@ qa-: Signify that a QA or Test Engineering team is running an automated UI test
 }
 
 .biuro-ti-img   { display: none; }
+
+

wp-content/themes/biuro/footer.php

 
-        </main><!-- .l-main -->
-<?php
-
-    if ( !is_search() && get_post_type() == 'job' ):
-?>
-        <aside class="l-aside">
-<?php
-            get_template_part( 'template-parts/layout/aside', 'job' );
-?>
-        </aside><!-- .l-aside -->
-<?php
-    endif;
-?>
-    </div><!-- .l-content -->
-
     <footer class="l-footer">
+        <div class="l-inner">
 
-        <br>
-        <br>
-
-        <div class="l-footer--inner">
-            <div class="l-footer--section">
-<?php
-        get_template_part( 'template-parts/menus/menu', 'employees' );
-?>
+            <div class="c-footer-sections">
+                <div class="c-footer-section">
+<?php           get_template_part( 'template-parts/menus/menu', 'employees' ); ?>
                 </div>
-            <div class="l-footer--section">
-<?php
-        get_template_part( 'template-parts/menus/menu', 'employers' );
-?>
+                <div class="c-footer-section">
+<?php           get_template_part( 'template-parts/menus/menu', 'employers' ); ?>
                 </div>
-            <div class="l-footer--section">
-<?php
-        get_template_part( 'template-parts/menus/menu', 'about' );
-?>
+                <div class="c-footer-section">
+<?php           get_template_part( 'template-parts/menus/menu', 'about' ); ?>
                 </div>
-            <div class="l-footer--section">
-<?php
-        get_template_part( 'template-parts/menus/menu', 'region' );
-?>
+                <div class="c-footer-section">
+<?php           get_template_part( 'template-parts/menus/menu', 'region' ); ?>
                 </div>
-        </div><!-- inner -->
+            </div><!-- .c-footer-sections -->
 
+            <hr class="c-footer-separator">
 
 <?php
         if ( is_active_sidebar( 'footer_main' ) ) :
-?>
-            <br>
-            <br>
-
-<?php
             dynamic_sidebar( 'footer_main' );
         endif;
 ?>
 
-
-        <div class="u-align--center">
-            <br>
-            <br>
-            &copy; <strong>2012-<?php echo date('Y'); ?> BIURO.</strong>
-            &nbsp;
-            &nbsp;
-            &nbsp;
+            <div class="c-social">
 <?php
-        $social = get_option('wpseo_social');
+        // $social = get_option('wpseo_social');
 
-        if ($social['facebook_site']) :
-?>
-                <a href="https://www.facebook.com/biuro.lietuva" class="icon icon-blue-dark icon-facebook" title="Facebook" target="_blank" rel="noopener" onclick="dataLayer.push({'event': 'socialClick', 'socialLabel': 'FB click'});"></a>
-<?php
+        $blogID = get_current_blog_id();
+
+        $facebook_site = 'https://www.facebook.com/biuro.lietuva';
+        $linkedin_site = 'http://www.linkedin.com/company/2824948';
+
+        if ($blogID == 2):
+            $facebook_site = 'https://www.facebook.com/biuro.lv';
         endif;
 
-        if ($social['linkedin_url']) :
-?>
-                <a href="http://www.linkedin.com/company/2824948" class="icon icon-blue-light icon-linkedin" title="Linkedin" target="_blank" rel="noopener" onclick="dataLayer.push({'event': 'socialClick', 'socialLabel': 'LI click'});"></a>
-<?php
+        if ($blogID == 3):
+            $facebook_site = 'https://www.facebook.com/biuro.ee';
         endif;
 ?>
+                <a href="<?php echo $facebook_site; ?>" class="c-social--anchor" title="Facebook" target="_blank" rel="noopener" onclick="dataLayer.push({'event': 'socialClick', 'socialLabel': 'FB click'});">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="12px" height="23px" viewBox="0 0 12 23">
+                        <path fill="#FFFFFF" d="M3.309,22.75v-9.84H0V9h3.309V5.906c0-1.633,0.458-2.9,1.375-3.803S6.818,0.75,8.336,0.75 c1.232,0,2.234,0.057,3.008,0.172v3.48H9.281c-0.773,0-1.303,0.172-1.59,0.516C7.462,5.204,7.348,5.663,7.348,6.293V9H11 l-0.516,3.91H7.348v9.84H3.309z"/>
+                    </svg>
+                </a>
+
+                <a href="<?php echo $linkedin_site; ?>" class="c-social--anchor" title="Linkedin" target="_blank" rel="noopener" onclick="dataLayer.push({'event': 'socialClick', 'socialLabel': 'LI click'});">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="23px" height="23px" viewBox="0 0 430.117 430.117">
+                        <path fill="#FFFFFF" d="M430.117,261.543V420.56h-92.188V272.193c0-37.271-13.334-62.707-46.703-62.707 c-25.473,0-40.632,17.142-47.301,33.724c-2.432,5.928-3.058,14.179-3.058,22.477V420.56h-92.219c0,0,1.242-251.285,0-277.32h92.21 v39.309c-0.187,0.294-0.43,0.611-0.606,0.896h0.606v-0.896c12.251-18.869,34.13-45.824,83.102-45.824 C384.633,136.724,430.117,176.361,430.117,261.543z M52.183,9.558C20.635,9.558,0,30.251,0,57.463 c0,26.619,20.038,47.94,50.959,47.94h0.616c32.159,0,52.159-21.317,52.159-47.94C103.128,30.251,83.734,9.558,52.183,9.558z M5.477,420.56h92.184v-277.32H5.477V420.56z"/>
+                    </svg>
+                </a>
+            </div>
+
+            <div class="c-copyright">
+                &copy; 2012-<?php echo date('Y'); ?> BIURO.
             </div>
+        </div><!-- l-inner -->
     </footer><!-- .l-footer -->
 
 
@@ -123,7 +104,7 @@ document.querySelectorAll('.js-job-action').forEach(function (node) {
 });
 </script>
 
-    <script src="/wp-content/themes/biuro/js/main-a9a206ea.min.js" async></script>
+    <script src="/wp-content/themes/biuro/js/main-2b4d2ad0.min.js" async></script>
 <?php wp_footer(); ?>
 </body>
 </html>

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

@@ -15,19 +15,34 @@
     get_header();
 ?>
 
+<div class="l-section l-section--front-page">
+    <div class="l-section--inner">
 <?php
-        // while ( have_posts() ) :
+        while ( have_posts() ) :
+?>
+        <div class="c-heading c-heading--front-page">
+<?php
+            the_post();
+            the_content();
+?>
+        </div>
+<?php
+        endwhile;
+        get_search_form();
+?>
+    </div>
+</div>
 
-        //     the_post();
-        //     the_content();
 
-        // endwhile;
-?>
+<div id="content">
+    <main id="main" class="l-main">
 
-<br>
-<h2>Naujausi darbo skelbimai</h2>
+        <div class="c-jobs">
+            <div class="c-jobs--inner">
 
-<?php
+                <h2 class="c-jobs--headline"><?php _e('Recent job ads', 'biuro'); ?></h2>
+
+        <?php
             // Use for search
             // https://pods.io/docs/code/pods/find/
 
@@ -42,53 +57,83 @@
             $jobs = pods( 'job', $params );
 
             if ( 0 < $jobs->total() ):
-
                 get_template_part( 'template-parts/jobs/jobs', 'list' );
-
             else:
-
                 get_template_part( 'template-parts/jobs/jobs', 'none' );
-
             endif;
-?>
 
-<p><a href="/darbo-pasiulymai/" style="color: blue">Daugiau darbo skelbimų</a></p>
 
-<br>
+        $positionsPage = new WP_Query( array(
+            'numberposts'   => 1,
+            'post_type'     => 'page',
+            'meta_key'      => 'page',
+            'meta_value'    => 'positions'
+        ) );
 
-
-<?php
-    if ( is_active_sidebar( 'front_page_values' ) ) :
-        dynamic_sidebar( 'front_page_values' );
+        if ( $positionsPage->have_posts() ) :
+            while( $positionsPage->have_posts() ) :
+                $positionsPage->the_post();
+        ?>
+                <div class="c-jobs--more">
+                    <a href="<?php echo get_the_permalink(); ?>" class="o-btn c-btn--alt"><?php _e('More job ads', 'biuro'); ?></a>
+                </div>
+        <?php
+            endwhile;
         endif;
         ?>
 
-<br>
 
-<h2>Partneriai</h2>
+            </div><!-- .c-jobs--inner -->
+        </div><!-- .c-jobs -->
+
+        <div class="c-trust">
+            <div class="c-trust--inner">
+                <h2 class="c-trust--heading"><?php _e('Trust in us', 'biuro'); ?></h2>
+                <div class="c-trust--logos">
+                    <img src="/wp-content/themes/biuro/i/trust/coca-cola.png" width="85" height="28" alt="">
+                    <img src="/wp-content/themes/biuro/i/trust/maxima.png" width="96" height="22" alt="">
+                    <img src="/wp-content/themes/biuro/i/trust/dpd.png" width="64" height="29" alt="">
+                    <img src="/wp-content/themes/biuro/i/trust/avon.png" width="71" height="15" alt="">
+                </div>
+            </div>
+        </div>
+
+        <?php
+            if ( is_active_sidebar( 'front_page_feedbacks' ) ) :
+                dynamic_sidebar( 'front_page_feedbacks' );
+            endif;
+         ?>
 
-<div class="c-logos">
-    <div>1 logo</div>
-    <div>2 logo</div>
-    <div>3 logo</div>
-    <div>4 logo</div>
-    <div>5 logo</div>
-    <div>6 logo</div>
-    <div>7 logo</div>
-</div>
+        <?php
+            if ( is_active_sidebar( 'front_page_values' ) ) :
+                dynamic_sidebar( 'front_page_values' );
+            endif;
+         ?>
 
-<br>
+        <div class="c-contact">
+            <div class="c-contact--inner">
 
-<div style="border: 1px solid red">
-<?php
+                <div class="c-contact--content">
+                <?php
                     if ( is_active_sidebar( 'front_page_employees' ) ) :
                         dynamic_sidebar( 'front_page_employees' );
                     endif;
                  ?>
+                    <div class="c-contact--img">
+                        <img src="/wp-content/themes/biuro/i/contact.png" alt="" width="328" height="95">
+                    </div>
+                </div>
+
+                <div class="c-contact--form">
+        <?php
+                        echo do_shortcode('[biuro-contacts--employees]');
+        ?>
+                </div>
 
-<?php
-    echo do_shortcode('[biuro-contacts--employees-quick]');
-?>
-</div>
+            </div><!-- .c-contact--inner -->
+        </div><!-- .c-contact -->
+
+    </main><!-- .l-main -->
+</div><!-- #content -->
 
 <?php get_footer();

wp-content/themes/biuro/functions.php

@@ -10,7 +10,6 @@ function delog($str, $label = 'Label') {
     echo '<h1 style="white-space: nowrap;">' . $label . ': ' . $str . '</h1>';
 }
 
-
 function cc_mime_types($mimes) {
     $mimes['svg'] = 'image/svg+xml';
     return $mimes;
@@ -122,7 +121,7 @@ function biuro_widger_areas() {
     unregister_widget('WP_Widget_Tag_Cloud');
     // unregister_widget('Twenty_Eleven_Ephemera_Widget');
     unregister_widget('WP_Widget_Media_Video');
-    // unregister_widget('WP_Widget_Custom_HTML');
+    unregister_widget('WP_Widget_Custom_HTML');
     unregister_widget('PLL_Widget_Calendar');
     unregister_widget('PLL_Widget_Languages');
     unregister_widget('PodsWidgetSingle');
@@ -199,8 +198,8 @@ function biuro_widger_areas() {
     ) );
 
     register_sidebar( array(
-        'name' => 'Sales page: Employers',
-        'id' => 'sales_page_employers',
+        'name' => 'Sales page: Sections',
+        'id' => 'sales_page_sections',
         'before_widget' => '',
         'after_widget'  => '',
         'before_title'  => '',
@@ -208,8 +207,8 @@ function biuro_widger_areas() {
     ) );
 
     register_sidebar( array(
-        'name' => 'Sales page: Sections',
-        'id' => 'sales_page_sections',
+        'name' => 'Sales page: Feedbacks',
+        'id' => 'sales_page_feedbacks',
         'before_widget' => '',
         'after_widget'  => '',
         'before_title'  => '',
@@ -217,8 +216,8 @@ function biuro_widger_areas() {
     ) );
 
     register_sidebar( array(
-        'name' => 'Sales page: Feedbacks',
-        'id' => 'sales_page_feedbacks',
+        'name' => 'Sales page: Employers',
+        'id' => 'sales_page_employers',
         'before_widget' => '',
         'after_widget'  => '',
         'before_title'  => '',
@@ -412,6 +411,57 @@ add_action('init', 'df_disable_comments_admin_bar');
 // require_once 'includes/disable_discussion';
 
 
+function getContacts ( $request ) {
+    $res = array();
+
+    array_push($res, array(
+        'id' => 1,
+        'date' => '2019-03-15 19:05:44',
+        'name' => 'Vardenis',
+        'surname' => 'Pavardenis',
+        'phone' => '+37060000000',
+        'email' => 'email@example.com',
+        'city' => '',
+        'comment' => '',
+        'cv' => ''
+    ) );
+
+    array_push($res, array(
+        'id' => 2,
+        'date' => '2019-04-01 08:08:17',
+        'name' => 'Jonas',
+        'surname' => 'Jonaitis Kazlauskaitis',
+        'phone' => '',
+        'email' => 'jonas@example.com',
+        'city' => 'Vilnius',
+        'comment' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est ducimus iusto modi a, iure. Provident.',
+        'cv' => '/path/to/000000000000000.pdf'
+    ) );
+
+    array_push($res, array(
+        'id' => 3,
+        'date' => '2019-04-10 07:43:02',
+        'name' => 'Eglė',
+        'surname' => 'Pavardenytė',
+        'phone' => '',
+        'email' => 'egle@example.com',
+        'city' => 'Kaunas',
+        'comment' => '',
+        'cv' => ''
+    ) );
+
+    return new WP_REST_Response( $res, 200 );
+}
+
+add_action('init', 'start_session', 1);
+
+function start_session() {
+    if(!session_id()) {
+        session_start();
+    }
+}
+
+
 function getDivisions ( $request ) {
     $res = array();
     $params = $request->get_params();
@@ -454,7 +504,7 @@ function getDivisions ( $request ) {
 
 add_action( 'rest_api_init', function () {
 
-    register_rest_route( 'biuro-api/v1', '/divisions', array(
+    register_rest_route( 'api/v1', '/divisions', array(
         'methods'  => WP_REST_Server::READABLE,
         'callback' => 'getDivisions',
         'args' => array(
@@ -466,4 +516,21 @@ add_action( 'rest_api_init', function () {
             )
     ));
 
+    register_rest_route( 'api/v1', '/contacts', array(
+        'methods'  => WP_REST_Server::READABLE,
+        'callback' => 'Biuro_Contacts_Public::getContacts',
+        'args' => [
+                'from' => [
+                    'validate_callback' => function($param, $request, $key) {
+                        return is_string( $param );
+                    }
+                ],
+                'by' => [
+                    'validate_callback' => function($param, $request, $key) {
+                        return is_string( $param );
+                    }
+                ]
+            ]
+    ));
+
 });

wp-content/themes/biuro/header.php

@@ -30,17 +30,18 @@ define('cityID', $cityID);
 <?php
     get_template_part( 'template-parts/meta/canonical');
 ?>
+    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet">
 
-    <style><?php include 'css/core-a25434ed1d.min.css'; ?></style>
+    <style><?php include 'css/core-09a3c5bc76.min.css'; ?></style>
 
-    <link rel="preload" href="/wp-content/themes/biuro/css/main-dcf0970343.min.css" as="style" onload="this.rel='stylesheet'">
+    <link rel="preload" href="/wp-content/themes/biuro/css/main-1b4736af34.min.css" as="style" onload="this.rel='stylesheet'">
 
     <link rel="preload" href="/wp-content/themes/biuro/fonts/pt_sans_narrow.woff2" as="font" type="font/woff2" crossorigin>
     <link rel="preload" href="/wp-content/themes/biuro/fonts/pt_sans_narrow_bold.woff2" as="font" type="font/woff2" crossorigin>
     <link rel="preload" href="/wp-content/themes/biuro/fonts/bebas-neue.woff2" as="font" type="font/woff2" crossorigin>
 
     <noscript>
-        <link rel="stylesheet" href="/wp-content/themes/biuro/css/main-dcf0970343.min.css">
+        <link rel="stylesheet" href="/wp-content/themes/biuro/css/main-1b4736af34.min.css">
     </noscript>
 
     <?php wp_head(); ?>
@@ -48,13 +49,6 @@ define('cityID', $cityID);
 <?php
 
 global $post;
-global $section;
-
-$section = get_post_meta( $post->ID, 'section', true );
-
-// int $post_id, string $key = '', bool $single = false
-// echo '<h1>Lorem meta: ' . get_post_meta( $post->ID, 'section', true ) . '</h1>';
-// debug( get_post_meta( $post->ID) ) ;
 
 ?>
 <body>
@@ -62,14 +56,48 @@ $section = get_post_meta( $post->ID, 'section', true );
         <symbol id="biuro-logo" viewBox="0 0 108 63" aria-labelledby="svg-title svg-desc">
             <title id="svg-title">Biuro</title>
             <desc id="svg-desc"><?php echo get_the_title( get_option('page_on_front') ); ?></desc>
-            <path d="M12.91 39.688L11.1 39.686v11.7h1.809c0.375 0 0.693-0.131 0.959-0.396 c0.264-0.263 0.398-0.584 0.398-0.962v-8.984c0-0.375-0.134-0.695-0.398-0.963C13.603 39.8 13.3 39.7 12.9 39.688z M63.684 23.92h-1.809v11.358h1.809c0.376 0 0.696-0.132 0.96-0.396c0.264-0.261 0.396-0.583 0.396-0.96v-8.645 c0-0.378-0.133-0.698-0.396-0.961C64.38 24.1 64.1 23.9 63.7 23.92z M12.91 23.92H11.1v9.608h1.809 c0.375 0 0.693-0.133 0.959-0.398c0.264-0.263 0.398-0.583 0.398-0.958v-6.896c0-0.378-0.134-0.698-0.398-0.961 C13.603 24.1 13.3 23.9 12.9 23.92z M107.216 7.496c-0.907-1.476-3.211-2.783-5.211-1.261l-12.774 9.1 c-0.426 0.014-0.844-0.206-1.058-0.607c-0.122-0.231-0.15-0.481-0.113-0.719l4.428-7.936c0.695-1.001 0.869-1.489 0.869-2.434 c0-1.856-1.621-3.525-3.477-3.525c-0.26 0-0.673-0.127-0.916-0.07H4.752C2.127 0 0 2.1 0 4.766V57.5 c0 2.6 2.1 4.8 4.8 4.752h98.176c2.627 0 4.753-2.128 4.753-4.752V8.919C107.641 8.4 107.5 8 107.2 7.496z M38.126 9.543c1.664 0 3 1.4 3 3.019c0 1.665-1.351 3.015-3.015 3.015c-1.666 0-3.017-1.35-3.017-3.015 C35.109 10.9 36.5 9.5 38.1 9.543z M27.623 9.543c1.666 0 3 1.4 3 3.019c0 1.665-1.352 3.015-3.018 3 c-1.665 0-3.017-1.35-3.017-3.015C24.606 10.9 26 9.5 27.6 9.543z M20.876 30.647c0 1.732-0.528 3.182-1.581 4.3 c-0.567 0.602-1.242 1.093-2.035 1.471c0.828 0.3 1.5 0.7 2 1.242c0.528 0.5 0.9 1.1 1.2 1.9 c0.263 0.7 0.4 1.5 0.4 2.371v8.365c0 0.98-0.188 1.901-0.564 2.768c-0.377 0.867-0.885 1.622-1.526 2.3 c-0.642 0.642-1.392 1.151-2.259 1.528c-0.867 0.374-1.792 0.564-2.769 0.564H5.28c-0.527 0-0.79-0.265-0.79-0.792V18.664 c0-0.525 0.262-0.79 0.79-0.79h8.478c0.976 0 1.9 0.2 2.8 0.565c0.867 0.4 1.6 0.9 2.3 1.5 c0.642 0.6 1.1 1.4 1.5 2.261c0.377 0.9 0.6 1.8 0.6 2.77V30.647z M31.067 56.193c0 0.529-0.264 0.792-0.789 0.8 h-5.031c-0.529 0-0.791-0.263-0.791-0.792V18.654c0-0.529 0.262-0.791 0.791-0.791h5.031c0.525 0 0.8 0.3 0.8 0.791V56.193z M51.261 50.706c0 0.981-0.189 1.904-0.566 2.77c-0.377 0.866-0.884 1.62-1.524 2.261c-0.645 0.64-1.396 1.148-2.261 1.5 c-0.868 0.374-1.792 0.563-2.771 0.563h-2.145c-0.982 0-1.907-0.189-2.771-0.563c-0.867-0.378-1.619-0.887-2.258-1.526 c-0.643-0.641-1.151-1.395-1.526-2.261c-0.377-0.865-0.566-1.788-0.566-2.77v-21.23c-0.005-0.054-0.022-0.1-0.022-0.157V18.654 c0-0.529 0.264-0.791 0.791-0.791h5.03c0.527 0 0.8 0.3 0.8 0.791v10.082c0.008 0 0 0.1 0 0.146v21.542 c0 0.4 0.1 0.7 0.4 0.962c0.262 0.3 0.6 0.4 1 0.395h0.453c0.375 0 0.697-0.13 0.961-0.395 c0.261-0.265 0.393-0.585 0.393-0.962V18.836c0-0.526 0.264-0.791 0.793-0.791h5.029c0.527 0 0.8 0.3 0.8 0.791V50.706z M72.216 57.433h-5.142c-0.225 0-0.442-0.077-0.65-0.227c-0.208-0.15-0.35-0.337-0.425-0.565l-4.125-13.845v14.637l-0.055-0.564 c-0.078 0.374-0.321 0.564-0.735 0.564h-5.031c-0.527 0-0.791-0.262-0.791-0.792V18.664c0-0.525 0.264-0.79 0.791-0.79h8.478 c0.979 0 1.9 0.2 2.8 0.565c0.867 0.4 1.6 0.9 2.3 1.524c0.641 0.6 1.1 1.4 1.5 2.3 c0.377 0.9 0.6 1.8 0.6 2.77v9.212c0 1.393-0.359 2.647-1.074 3.757c-0.718 1.111-1.657 1.97-2.826 2.572l5.029 16.1 C72.896 57.2 72.7 57.4 72.2 57.433z M91.941 50.706c0 0.981-0.188 1.904-0.565 2.77c-0.379 0.866-0.883 1.62-1.528 2.3 c-0.64 0.64-1.393 1.148-2.259 1.526c-0.864 0.374-1.79 0.563-2.769 0.563h-2.147c-0.979 0-1.904-0.189-2.769-0.563 c-0.869-0.378-1.621-0.887-2.261-1.526c-0.641-0.641-1.15-1.395-1.523-2.261c-0.379-0.865-0.566-1.788-0.566-2.77V24.598 c0-0.979 0.188-1.901 0.566-2.767c0.373-0.867 0.883-1.62 1.523-2.263c0.64-0.639 1.392-1.147 2.261-1.524 c0.864-0.377 1.789-0.565 2.769-0.565h2.147c0.979 0 1.9 0.2 2.8 0.565c0.866 0.4 1.6 0.9 2.3 1.5 c0.645 0.6 1.1 1.4 1.5 2.263c0.377 0.9 0.6 1.8 0.6 2.767V50.706z M83.972 23.525h-0.453 c-0.377 0-0.696 0.134-0.959 0.396c-0.265 0.264-0.396 0.585-0.396 0.961v25.543c0 0.4 0.1 0.7 0.4 1 c0.263 0.3 0.6 0.4 1 0.395h0.453c0.376 0 0.695-0.13 0.96-0.395c0.266-0.265 0.396-0.585 0.396-0.962V24.881 c0-0.376-0.131-0.697-0.396-0.961C84.668 23.7 84.3 23.5 84 23.525z" style="fill: #006957"/>
+            <path d="M12.91 39.688L11.1 39.686v11.7h1.809c0.375 0 0.693-0.131 0.959-0.396 c0.264-0.263 0.398-0.584 0.398-0.962v-8.984c0-0.375-0.134-0.695-0.398-0.963C13.603 39.8 13.3 39.7 12.9 39.688z M63.684 23.92h-1.809v11.358h1.809c0.376 0 0.696-0.132 0.96-0.396c0.264-0.261 0.396-0.583 0.396-0.96v-8.645 c0-0.378-0.133-0.698-0.396-0.961C64.38 24.1 64.1 23.9 63.7 23.92z M12.91 23.92H11.1v9.608h1.809 c0.375 0 0.693-0.133 0.959-0.398c0.264-0.263 0.398-0.583 0.398-0.958v-6.896c0-0.378-0.134-0.698-0.398-0.961 C13.603 24.1 13.3 23.9 12.9 23.92z M107.216 7.496c-0.907-1.476-3.211-2.783-5.211-1.261l-12.774 9.1 c-0.426 0.014-0.844-0.206-1.058-0.607c-0.122-0.231-0.15-0.481-0.113-0.719l4.428-7.936c0.695-1.001 0.869-1.489 0.869-2.434 c0-1.856-1.621-3.525-3.477-3.525c-0.26 0-0.673-0.127-0.916-0.07H4.752C2.127 0 0 2.1 0 4.766V57.5 c0 2.6 2.1 4.8 4.8 4.752h98.176c2.627 0 4.753-2.128 4.753-4.752V8.919C107.641 8.4 107.5 8 107.2 7.496z M38.126 9.543c1.664 0 3 1.4 3 3.019c0 1.665-1.351 3.015-3.015 3.015c-1.666 0-3.017-1.35-3.017-3.015 C35.109 10.9 36.5 9.5 38.1 9.543z M27.623 9.543c1.666 0 3 1.4 3 3.019c0 1.665-1.352 3.015-3.018 3 c-1.665 0-3.017-1.35-3.017-3.015C24.606 10.9 26 9.5 27.6 9.543z M20.876 30.647c0 1.732-0.528 3.182-1.581 4.3 c-0.567 0.602-1.242 1.093-2.035 1.471c0.828 0.3 1.5 0.7 2 1.242c0.528 0.5 0.9 1.1 1.2 1.9 c0.263 0.7 0.4 1.5 0.4 2.371v8.365c0 0.98-0.188 1.901-0.564 2.768c-0.377 0.867-0.885 1.622-1.526 2.3 c-0.642 0.642-1.392 1.151-2.259 1.528c-0.867 0.374-1.792 0.564-2.769 0.564H5.28c-0.527 0-0.79-0.265-0.79-0.792V18.664 c0-0.525 0.262-0.79 0.79-0.79h8.478c0.976 0 1.9 0.2 2.8 0.565c0.867 0.4 1.6 0.9 2.3 1.5 c0.642 0.6 1.1 1.4 1.5 2.261c0.377 0.9 0.6 1.8 0.6 2.77V30.647z M31.067 56.193c0 0.529-0.264 0.792-0.789 0.8 h-5.031c-0.529 0-0.791-0.263-0.791-0.792V18.654c0-0.529 0.262-0.791 0.791-0.791h5.031c0.525 0 0.8 0.3 0.8 0.791V56.193z M51.261 50.706c0 0.981-0.189 1.904-0.566 2.77c-0.377 0.866-0.884 1.62-1.524 2.261c-0.645 0.64-1.396 1.148-2.261 1.5 c-0.868 0.374-1.792 0.563-2.771 0.563h-2.145c-0.982 0-1.907-0.189-2.771-0.563c-0.867-0.378-1.619-0.887-2.258-1.526 c-0.643-0.641-1.151-1.395-1.526-2.261c-0.377-0.865-0.566-1.788-0.566-2.77v-21.23c-0.005-0.054-0.022-0.1-0.022-0.157V18.654 c0-0.529 0.264-0.791 0.791-0.791h5.03c0.527 0 0.8 0.3 0.8 0.791v10.082c0.008 0 0 0.1 0 0.146v21.542 c0 0.4 0.1 0.7 0.4 0.962c0.262 0.3 0.6 0.4 1 0.395h0.453c0.375 0 0.697-0.13 0.961-0.395 c0.261-0.265 0.393-0.585 0.393-0.962V18.836c0-0.526 0.264-0.791 0.793-0.791h5.029c0.527 0 0.8 0.3 0.8 0.791V50.706z M72.216 57.433h-5.142c-0.225 0-0.442-0.077-0.65-0.227c-0.208-0.15-0.35-0.337-0.425-0.565l-4.125-13.845v14.637l-0.055-0.564 c-0.078 0.374-0.321 0.564-0.735 0.564h-5.031c-0.527 0-0.791-0.262-0.791-0.792V18.664c0-0.525 0.264-0.79 0.791-0.79h8.478 c0.979 0 1.9 0.2 2.8 0.565c0.867 0.4 1.6 0.9 2.3 1.524c0.641 0.6 1.1 1.4 1.5 2.3 c0.377 0.9 0.6 1.8 0.6 2.77v9.212c0 1.393-0.359 2.647-1.074 3.757c-0.718 1.111-1.657 1.97-2.826 2.572l5.029 16.1 C72.896 57.2 72.7 57.4 72.2 57.433z M91.941 50.706c0 0.981-0.188 1.904-0.565 2.77c-0.379 0.866-0.883 1.62-1.528 2.3 c-0.64 0.64-1.393 1.148-2.259 1.526c-0.864 0.374-1.79 0.563-2.769 0.563h-2.147c-0.979 0-1.904-0.189-2.769-0.563 c-0.869-0.378-1.621-0.887-2.261-1.526c-0.641-0.641-1.15-1.395-1.523-2.261c-0.379-0.865-0.566-1.788-0.566-2.77V24.598 c0-0.979 0.188-1.901 0.566-2.767c0.373-0.867 0.883-1.62 1.523-2.263c0.64-0.639 1.392-1.147 2.261-1.524 c0.864-0.377 1.789-0.565 2.769-0.565h2.147c0.979 0 1.9 0.2 2.8 0.565c0.866 0.4 1.6 0.9 2.3 1.5 c0.645 0.6 1.1 1.4 1.5 2.263c0.377 0.9 0.6 1.8 0.6 2.767V50.706z M83.972 23.525h-0.453 c-0.377 0-0.696 0.134-0.959 0.396c-0.265 0.264-0.396 0.585-0.396 0.961v25.543c0 0.4 0.1 0.7 0.4 1 c0.263 0.3 0.6 0.4 1 0.395h0.453c0.376 0 0.695-0.13 0.96-0.395c0.266-0.265 0.396-0.585 0.396-0.962V24.881 c0-0.376-0.131-0.697-0.396-0.961C84.668 23.7 84.3 23.5 84 23.525z" style="fill: #149A83"/>
+        </symbol>
+        <symbol id="ico--service-1" viewBox="0 0 56 56">
+            <path fill="#1FB299" d="M15.687,36.375h14.158c0.132,0.466,0.418,1.194,0.638,1.625H15.687 c-1.346,0-2.437-1.091-2.437-2.437v-13c0-1.346,1.091-2.437,2.437-2.437h5.687v-3.656c0-0.673,0.545-1.219,1.219-1.219h7.312 c0.673,0,1.219,0.545,1.219,1.219v3.656h5.687c1.346,0,2.437,1.091,2.437,2.437v2.479C38.982,25.017,38.712,25,38.437,25 s-0.544,0.017-0.812,0.041v-2.479c0-0.448-0.365-0.812-0.813-0.812H15.687c-0.448,0-0.812,0.365-0.812,0.812v4.062h18.434 c-0.658,0.462-1.255,1.006-1.766,1.625H29.5v2.031c0,0.673-0.546,1.219-1.219,1.219h-4.062C23.546,31.5,23,30.954,23,30.281V28.25 h-8.125v7.312C14.875,36.01,15.24,36.375,15.687,36.375z M24.625,28.25v1.625h3.25V28.25H24.625z M23,16.875v3.25h6.5v-3.25H23z M41.194,33.125c0.271,0,0.493,0.222,0.493,0.493v0.638c0,0.271-0.222,0.493-0.493,0.493h-3.076c-0.271,0-0.493-0.222-0.493-0.493 v-3.888c0-0.271,0.222-0.493,0.493-0.493h0.638c0.271,0,0.493,0.222,0.493,0.493v2.757H41.194z M38.437,26.625 c4.042,0,7.312,3.271,7.312,7.312s-3.271,7.312-7.312,7.312s-7.312-3.271-7.312-7.312S34.396,26.625,38.437,26.625z M38.437,39.625 c3.136,0,5.687-2.551,5.687-5.687s-2.551-5.687-5.687-5.687s-5.687,2.551-5.687,5.687S35.301,39.625,38.437,39.625z"/>
+        </symbol>
+        <symbol id="ico--service-2" viewBox="0 0 56 56">
+            <path fill="#1FB299" d="M42.525,24.638c0.967,0.563,1.625,1.599,1.625,2.799c0,1.2-0.658,2.236-1.625,2.799V38 c0,0.468-0.36,1.625-1.625,1.625c-0.315,0-0.769-0.16-1.015-0.356l-4.318-3.455c-2.168-1.734-4.891-2.689-7.667-2.689h-1.426 c-0.142,0.518-0.224,1.061-0.224,1.625c0,1.477,0.495,2.84,1.328,3.933c0.802,1.052,0.008,2.567-1.315,2.567h-5.397 c-0.603,0-1.179-0.323-1.442-0.866c-0.828-1.706-1.298-3.614-1.298-5.634l0.024-1.625c-1.795,0-3.25-1.455-3.25-3.25V25 c0-1.795,1.455-3.25,3.25-3.25h9.75c2.776,0,5.499-0.955,7.667-2.689l4.318-3.455c0.294-0.236,0.653-0.356,1.015-0.356h0 c1.27,0,1.625,1.181,1.625,1.625V24.638z M26.263,39.625c-1.063-1.382-1.637-3.083-1.637-4.875c0-0.537,0.076-1.082,0.194-1.625 h-5.044l0,0.024l-0.024,1.625c0,1.691,0.382,3.297,1.135,4.849L26.263,39.625z M18.15,31.5h9.75v-8.125h-9.75 c-0.896,0-1.625,0.729-1.625,1.625v4.875C16.525,30.771,17.255,31.5,18.15,31.5z M40.903,37.946L40.9,16.876 c0,0.006-0.002,0.009-0.004,0.009c-0.001,0-0.003-0.001-0.004-0.003l-4.31,3.448c-2.031,1.623-4.491,2.632-7.058,2.937v8.341 c2.566,0.305,5.027,1.314,7.057,2.937l4.308,3.447C40.896,37.975,40.901,37.958,40.903,37.946z"/>
+        </symbol>
+        <symbol id="ico--service-3" viewBox="0 0 56 56">
+            <path fill="#1FB299" d="M40.221,29.507c0.279,1.134,0.144,2.533-0.489,3.524c0.219,1.207-0.157,2.507-0.926,3.408 c0.097,2.737-1.577,4.56-4.587,4.56c-0.171,0.001-1.803,0-2.083,0c-3.898,0.001-7.361-2.068-9.011-2.068v0.444 c0,0.897-0.728,1.625-1.625,1.625h-4.875C15.728,41,15,40.272,15,39.375v-13c0-0.897,0.728-1.625,1.625-1.625H21.5 c0.555,0,1.045,0.279,1.338,0.703c0.155-0.029,0.297-0.066,0.408-0.113c1.098-0.59,2.925-3.498,4.122-4.695 c0.503-0.503,0.666-1.343,0.839-2.232C28.497,16.926,29.062,15,30.585,15c3.027,0,4.21,1.761,4.21,4.727 c0,1.569-0.608,2.663-1.051,3.545h3.562c2.064,0,3.693,1.772,3.693,3.685C41,28,40.725,28.854,40.221,29.507z M16.625,39.375H21.5 v-13h-4.875V39.375z M38.157,29.033c0.812-0.221,1.223-1.034,1.218-2.068c-0.005-1.034-0.914-2.068-2.068-2.068h-5.687 c0-2.068,1.551-3.028,1.551-5.17c0-1.299,0-3.102-2.585-3.102c-1.034,1.034-0.517,3.619-2.068,5.17 c-1.72,1.72-3.477,5.17-5.392,5.17v10.341c2.169,0,5.308,2.068,9.011,2.068c0.177,0,1.9,0.001,2.068,0 c1.942-0.019,3.326-0.936,2.905-3.604c0.831-0.446,1.449-1.992,0.763-3.148C38.969,32.062,38.969,29.625,38.157,29.033z M20.281,36.937c0,0.673-0.546,1.219-1.219,1.219s-1.219-0.546-1.219-1.219c0-0.673,0.546-1.219,1.219-1.219 S20.281,36.264,20.281,36.937z"/>
+        </symbol>
+        <symbol id="ico--section-1" viewBox="0 0 56 56">
+            <path fill="#004ED4" d="M33,32.269c0.905,0.684,1.5,1.758,1.5,2.981c0,2.072-1.678,3.75-3.75,3.75 c-1.814,0-3.328-1.289-3.675-3h-6.15c-0.347,1.711-1.861,3-3.675,3c-2.072,0-3.75-1.678-3.75-3.75v-9c0-1.242,1.008-2.25,2.25-2.25 H18v-5.25c0-1.242,1.008-2.25,2.25-2.25h6.764c0.905,0,1.716,0.534,2.072,1.364l3.67,8.573C32.916,26.813,33,27.211,33,27.619 V32.269z M19.5,18.75v5.653l4.148,3.558c0.408,0.347,0.928,0.539,1.463,0.539H31.5v-0.886c0-0.206-0.042-0.403-0.122-0.591 l-3.675-8.569C27.586,18.178,27.314,18,27.014,18H20.25C19.837,18,19.5,18.338,19.5,18.75z M17.25,37.5 c1.242,0,2.25-1.008,2.25-2.25c0-1.242-1.008-2.25-2.25-2.25C16.008,33,15,34.008,15,35.25C15,36.492,16.008,37.5,17.25,37.5z M27.075,34.5c0.347-1.711,1.861-3,3.675-3c0.258,0,0.506,0.023,0.75,0.075V30h-6.394c-0.891,0-1.758-0.323-2.437-0.905L18.473,25.5 H15.75c-0.412,0-0.75,0.338-0.75,0.75v6.019c0.628-0.478,1.402-0.769,2.25-0.769c1.814,0,3.328,1.289,3.675,3H27.075z M30.75,37.5 c1.242,0,2.25-1.008,2.25-2.25c0-1.242-1.008-2.25-2.25-2.25c-1.242,0-2.25,1.008-2.25,2.25C28.5,36.492,29.508,37.5,30.75,37.5z M43.125,34.5c0.206,0,0.375,0.169,0.375,0.375v0.75c0,0.206-0.169,0.375-0.375,0.375h-6.75C36.169,36,36,35.831,36,35.625v-20.25 C36,15.169,36.169,15,36.375,15h0.75c0.206,0,0.375,0.169,0.375,0.375V34.5H43.125z"/>
+        </symbol>
+        <symbol id="ico--section-2" viewBox="0 0 56 56">
+            <path fill="#004ED4" d="M38.25,31.5c0.412,0,0.75,0.338,0.75,0.75v6c0,0.412-0.338,0.75-0.75,0.75h-19.5 C18.337,39,18,38.662,18,38.25v-12c0-0.412,0.338-0.75,0.75-0.75h10.5c0.412,0,0.75,0.338,0.75,0.75v5.25H38.25z M28.5,37.5V33h-9 v4.5H28.5z M28.5,31.5V27h-9v4.5H28.5z M37.5,37.5V33H30v4.5H37.5z M42.122,20.545c0.839,0.352,1.378,1.167,1.378,2.072v16.008 c0,0.206-0.169,0.375-0.375,0.375h-0.75C42.169,39,42,38.831,42,38.625V22.617c0-0.305-0.178-0.577-0.459-0.694l-12.75-5.372 c-0.183-0.08-0.398-0.08-0.581,0l-12.75,5.372C15.178,22.045,15,22.313,15,22.617v16.008C15,38.831,14.831,39,14.625,39h-0.75 c-0.206,0-0.375-0.169-0.375-0.375V22.617c0-0.905,0.539-1.72,1.378-2.072l12.75-5.372c0.558-0.234,1.191-0.234,1.744,0 L42.122,20.545z"/>
+        </symbol>
+        <symbol id="ico--section-3" viewBox="0 0 56 56">
+            <path fill="#004ED4" d="M42.75,32.25c0.414,0,0.75,0.336,0.75,0.75v2.25c0,2.068-1.682,3.75-3.75,3.75h-22.5 c-2.068,0-3.75-1.682-3.75-3.75V33c0-0.414,0.336-0.75,0.75-0.75h2.25l0-12.75c0-1.655,1.346-3,3-3h18c1.654,0,3,1.345,3,3v12.75 H42.75z M18,19.5v12.75h7.166c0.19,0,0.329,0.147,0.371,0.332c0.151,0.668,0.749,1.168,1.463,1.168h3 c0.714,0,1.312-0.499,1.463-1.168c0.042-0.186,0.181-0.332,0.371-0.332H39V19.5c0-0.828-0.672-1.5-1.5-1.5h-18 C18.672,18,18,18.672,18,19.5z M42,35.25v-1.5h-9.129c-0.309,0.873-1.142,1.5-2.121,1.5h-4.5c-0.978,0-1.812-0.627-2.121-1.5H15v1.5 c0,1.241,1.009,2.25,2.25,2.25h22.5C40.991,37.5,42,36.491,42,35.25z"/>
+        </symbol>
+        <symbol id="ico--section-4" viewBox="0 0 56 56">
+            <path fill="#004ED4" d="M15.023,17.813c0-2.452,2.934-3.722,4.725-2.058l9,8.353l0.525-0.483 c-0.591-1.875-0.281-3.666,1.223-5.17c0.98-0.98,3.736-2.897,4.083-3.136c1.312-0.923,3.127,0.3,3.309,1.753 c0.952,0.117,1.927,1.027,2.058,2.062c1.411,0.178,2.695,1.973,1.753,3.309c-0.239,0.347-2.152,3.103-3.131,4.083 c-1.556,1.552-3.352,1.791-5.17,1.223l-0.338,0.361l5.067,4.702c1.162,1.083,1.205,2.92,0.075,4.05l-1.313,1.313 c-1.139,1.139-2.967,1.078-4.041-0.066c-0.042-0.042,0.281,0.338-4.233-4.983l-4.364,4.927c-1.064,1.205-2.939,1.275-4.092,0.122 l-1.312-1.313c-1.144-1.139-1.087-3.019,0.122-4.092l4.894-4.341C18.295,27.928,15.023,24.511,15.023,17.813z M32.822,26.119 c1.533,0.872,3.3,0.731,4.687-0.647c0.919-0.923,2.967-3.886,2.967-3.886c0.258-0.356-0.577-1.181-0.923-0.909l-3.792,3.792 c-0.389,0.328-1.238-0.516-0.928-0.914l3.581-4.036c0.253-0.352-0.567-1.167-0.914-0.914l-4.036,3.581 c-0.398,0.314-1.238-0.539-0.909-0.923l3.797-3.792c0.267-0.347-0.553-1.181-0.909-0.923c0,0-2.967,2.048-3.881,2.967 c-1.373,1.373-1.533,3.141-0.652,4.687l-1.055,0.933l2.105,1.955L32.822,26.119z M25.275,29.189l-5.311,4.702 c-0.562,0.502-0.591,1.378-0.056,1.912l1.312,1.312c0.539,0.539,1.411,0.506,1.912-0.056l4.505-5.091L25.275,29.189z M16.523,17.813 c0,5.494,2.297,9.187,8.859,9.187l8.559,10.087c0.506,0.539,1.359,0.553,1.884,0.028l1.312-1.312 c0.53-0.525,0.511-1.383-0.033-1.889L18.731,16.852C17.887,16.069,16.523,16.669,16.523,17.813z"/>
+        </symbol>
+        <symbol id="ico--section-5" viewBox="0 0 56 56">
+            <path fill="#004ED4" d="M40.875,19c0.714,0,1.247,0.656,1.101,1.354l-2.031,9.75C39.836,30.626,39.376,31,38.843,31 H23.31l0.562,3H37.75c0.536,0,0.97,0.37,1.091,0.85c0.56,0.545,0.909,1.307,0.909,2.15c0,1.657-1.343,3-3,3s-3-1.343-3-3v-0.003 c0-0.443,0.18-1.113,0.402-1.497h-6.805c0.222,0.383,0.402,1.054,0.402,1.497V37c0,1.657-1.343,3-3,3s-3-1.343-3-3 c0-0.777,0.296-1.485,0.78-2.018L19.252,17.5h-3.69C15.252,17.5,15,17.248,15,16.937v-0.375C15,16.252,15.252,16,15.562,16h4.001 c0.541,0,1.006,0.386,1.106,0.918L21.06,19H40.875z M26.25,37c0-0.827-0.673-1.5-1.5-1.5c-0.827,0-1.5,0.673-1.5,1.5 c0,0.827,0.673,1.5,1.5,1.5C25.577,38.5,26.25,37.827,26.25,37z M36.75,38.5c0.827,0,1.5-0.673,1.5-1.5c0-0.827-0.673-1.5-1.5-1.5 c-0.827,0-1.5,0.673-1.5,1.5C35.25,37.827,35.923,38.5,36.75,38.5z M38.539,29.5l1.875-9H21.341l1.687,9H38.539z"/>
+        </symbol>
+        <symbol id="ico--section-6" viewBox="0 0 56 56">
+            <path fill="#004ED4" d="M38.25,21c1.243,0,2.25,1.007,2.25,2.25v12c0,1.243-1.007,2.25-2.25,2.25h-19.5 c-1.243,0-2.25-1.007-2.25-2.25v-12c0-1.243,1.007-2.25,2.25-2.25H24v-3.375c0-0.622,0.503-1.125,1.125-1.125h6.75 c0.622,0,1.125,0.503,1.125,1.125V21H38.25z M25.5,18v3h6v-3H25.5z M39,35.25V28.5h-7.5v1.875c0,0.621-0.504,1.125-1.125,1.125 h-3.75c-0.621,0-1.125-0.504-1.125-1.125V28.5H18v6.75c0,0.413,0.337,0.75,0.75,0.75h19.5C38.663,36,39,35.663,39,35.25z M27,30h3 v-1.5h-3V30z M39,27v-3.75c0-0.413-0.337-0.75-0.75-0.75h-19.5c-0.413,0-0.75,0.337-0.75,0.75V27H39z"/>
+        </symbol>
+        <symbol id="ico--up" width="13px" height="8px" viewBox="0 0 13 8" class="c-ico--up">
+            <path fill="#004ED4" d="M0.116,6.829c-0.138-0.138-0.138-0.36,0-0.498l6.135-6.135c0.138-0.138,0.36-0.138,0.498,0 l6.135,6.135c0.138,0.138,0.138,0.36,0,0.498l-0.58,0.58c-0.138,0.138-0.36,0.138-0.498,0L6.5,2.115L1.194,7.409 c-0.138,0.138-0.36,0.138-0.498,0L0.116,6.829z"/>
+        </symbol>
+        <symbol id="ico--down" width="13px" height="8px" viewBox="0 0 13 8" class="c-ico--down">
+            <path fill="#004ED4" d="M12.884,0.776c0.138,0.138,0.138,0.36,0,0.498L6.749,7.409c-0.138,0.138-0.36,0.138-0.498,0 L0.116,1.274c-0.138-0.138-0.138-0.36,0-0.498l0.58-0.58c0.138-0.138,0.36-0.138,0.498,0L6.5,5.49l5.306-5.294 c0.138-0.138,0.36-0.138,0.498,0L12.884,0.776z"/>
         </symbol>
     </svg>
 
     <header class="l-header">
+        <div class="l-inner l-inner--header">
 
             <a href="<?php echo pll_home_url(); ?>" class="c-logo" title="<?php echo get_the_title( get_option('page_on_front') ); ?>">
-            <svg width="133px" height="78px" class="c-logo--svg">
+                <svg width="82px" height="49px" class="c-logo--svg">
                     <use xlink:href="#biuro-logo"></use>
                 </svg>
             </a>
@@ -80,42 +108,18 @@ $section = get_post_meta( $post->ID, 'section', true );
 ?>
             </nav>
 
-<?php
-        get_template_part( 'template-parts/menus/menu', 'language' );
-?>
-    </header>
+            <a href="tel:+37064902392" class="c-phone">
+                <svg xmlns="http://www.w3.org/2000/svg" width="21px" height="22px" viewBox="0 0 21 22">
+                    <path d="M20.0073662,1.61350199 C20.5897947,1.74475969 20.9999499,2.26157937 20.9999499,2.86039004 C20.9999499,13.2496151 12.5794702,21.6249937 2.23534623,21.6249937 C1.63653556,21.6249937 1.11971588,21.2148385 0.984372653,20.6283244 L0.0328044109,16.4980528 C-0.106624349,15.8951166 0.205077636,15.2798837 0.775209486,15.0337905 L5.2212686,13.1265685 C5.74217381,12.9009831 6.35740672,13.0527486 6.71833535,13.4916227 L8.52714413,15.7023356 C11.3695122,14.3078077 13.6786783,11.994556 15.0732063,9.15627347 L12.8624533,7.34750474 C12.4236192,6.98653606 12.2718538,6.37130315 12.4974392,5.850438 L14.4046612,1.4002533 C14.6507543,0.830121445 15.2700728,0.51841946 15.873009,0.65784822 L20.0073662,1.61350199 Z M2.25993953,20.3124969 C11.8780807,20.3002002 19.6751564,12.5072501 19.6833675,2.88910892 L15.598197,1.9457518 L13.7114827,6.35079539 L16.6974051,8.79121926 C14.7122776,13.0240297 12.4112825,15.3331958 8.16208992,17.3265745 L5.72166605,14.3406521 L1.3165824,16.2273664 L2.25993953,20.3124969 Z"></path>
+                </svg> +370 649 02392
+            </a>
 
-    <div class="l-inner" style="box-shadow: inset 0 0 0 1px blue; <?php if ( is_front_page() ):  ?> padding-top: 5em; padding-bottom: 5em; <?php else:; ?> padding-top: 1em; padding-bottom: 1em; <?php endif; ?>">
-<?php
-        get_search_form();
+            <button class="o-btn c-btn--main c-btn--header"><?php _e('Get a job offer', 'biuro'); ?></button>     <!-- Gauk darbo pasiūlymą -->
 
-        get_template_part( 'template-parts/layout/breadcrumb' );
+            <div class="c-nav--lang-wrap">
+<?php
+            get_template_part( 'template-parts/menus/menu', 'language' );
 ?>
             </div>
-
-    <div class="l-inner">
-<?php
-/*
-        delog( get_search_query(), 'Search Query');
-        delog( get_post_type(), 'Post type');
-        delog( get_page_template_slug(), 'slug');
-        delog( is_front_page(), 'is_front_page');
-        delog( is_search(), 'is_search');
-*/
- ?>
         </div>
-
-    <div id="main" class="l-content">
-<?php
-
-    if ( get_page_template_slug() == 'search.php' || is_search() ):
-?>
-        <aside class="l-aside">
-<?php
-            get_template_part( 'template-parts/layout/aside', 'job-list' );
-?>
-        </aside><!-- .l-aside -->
-<?php
-    endif;
-?>
-        <main id="content" class="l-main">
+    </header>

wp-content/themes/biuro/i/ico--job-arrow.svg

+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="14px" height="9px" viewBox="0 0 14 9" enable-background="new 0 0 14 9" xml:space="preserve">
+<title></title>
+<desc>Created with Sketch.</desc>
+<path id="_xF178_" fill="#2A3644" d="M9.112,0.728c0.137-0.137,0.36-0.137,0.497,0l3.413,3.398c0.137,0.137,0.137,0.36,0,0.497
+	L9.609,8.022c-0.137,0.137-0.36,0.137-0.497,0L8.905,7.815c-0.137-0.137-0.137-0.36,0-0.497l2.459-2.445H0.352
+	C0.157,4.873,0,4.716,0,4.521V4.229c0-0.194,0.157-0.352,0.352-0.352h11.012L8.905,1.432c-0.137-0.137-0.137-0.36,0-0.497
+	L9.112,0.728z"/>
+</svg>

wp-content/themes/biuro/i/ico--map-pin.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="25px" height="34px" viewBox="0 0 25 34">
+    <path fill="#085FF7" d="M11.228,32.459C1.863,18.883,0.125,17.49,0.125,12.5c0-6.835,5.54-12.375,12.375-12.375 S24.875,5.666,24.875,12.5c0,4.99-1.738,6.383-11.103,19.959C13.157,33.347,11.843,33.347,11.228,32.459z M12.5,17.656 c2.848,0,5.156-2.309,5.156-5.156S15.348,7.344,12.5,7.344S7.344,9.652,7.344,12.5S9.652,17.656,12.5,17.656z"/>
+</svg>

wp-content/themes/biuro/index.php

@@ -17,6 +17,9 @@
 
 get_header(); ?>
 
+    <div id="content" class="l-content--main">
+        <main id="main" class="l-main l-main--content">
+
 <?php
         while ( have_posts() ) :
 
@@ -26,4 +29,7 @@ get_header(); ?>
         endwhile;
 ?>
 
+        </main><!-- .l-main -->
+    </div><!-- #content -->
+
 <?php get_footer();

wp-content/themes/biuro/js/main-a9a206ea.min.js

-!function(t){var e={};function n(i){if(e[i])return e[i].exports;var s=e[i]={i:i,l:!1,exports:{}};return t[i].call(s.exports,s,s.exports,n),s.l=!0,s.exports}n.m=t,n.c=e,n.d=function(t,e,i){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:i})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var s in t)n.d(i,s,function(e){return t[e]}.bind(null,s));return i},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="/",n(n.s=1)}([function(t,e,n){"use strict";(function(t){function n(t){return(n="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)}e.a=function(){var e=function t(e,n){var i=this;t.count=(t.count||0)+1,this.count=t.count,this.isOpened=!1,this.input=o(e),this.input.setAttribute("autocomplete","off"),this.input.setAttribute("aria-expanded","false"),this.input.setAttribute("aria-owns","awesomplete_list_"+this.count),this.input.setAttribute("role","combobox"),this.options=n=n||{},function(t,e,n){for(var i in e){var s=e[i],o=t.input.getAttribute("data-"+i.toLowerCase());"number"==typeof s?t[i]=parseInt(o):!1===s?t[i]=null!==o:s instanceof Function?t[i]=null:t[i]=o,t[i]||0===t[i]||(t[i]=i in n?n[i]:s)}}(this,{minChars:2,maxItems:10,autoFirst:!1,data:t.DATA,filter:t.FILTER_CONTAINS,sort:!1!==n.sort&&t.SORT_BYLENGTH,container:t.CONTAINER,item:t.ITEM,replace:t.REPLACE,tabSelect:!1},n),this.index=-1,this.container=this.container(e),this.ul=o.create("ul",{hidden:"hidden",role:"listbox",id:"awesomplete_list_"+this.count,inside:this.container}),this.status=o.create("span",{className:"visually-hidden",role:"status","aria-live":"assertive","aria-atomic":!0,inside:this.container,textContent:0!=this.minChars?"Type "+this.minChars+" or more characters for results.":"Begin typing for results."}),this._events={input:{input:this.evaluate.bind(this),blur:this.close.bind(this,{reason:"blur"}),keydown:function(t){var e=t.keyCode;i.opened&&(13===e&&i.selected?(t.preventDefault(),i.select()):9===e&&i.selected&&i.tabSelect?i.select():27===e?i.close({reason:"esc"}):38!==e&&40!==e||(t.preventDefault(),i[38===e?"previous":"next"]()))}},form:{submit:this.close.bind(this,{reason:"submit"})},ul:{mousedown:function(t){t.preventDefault()},click:function(t){var e=t.target;if(e!==this){for(;e&&!/li/i.test(e.nodeName);)e=e.parentNode;e&&0===t.button&&(t.preventDefault(),i.select(e,t.target))}}}},o.bind(this.input,this._events.input),o.bind(this.input.form,this._events.form),o.bind(this.ul,this._events.ul),this.input.hasAttribute("list")?(this.list="#"+this.input.getAttribute("list"),this.input.removeAttribute("list")):this.list=this.input.getAttribute("data-list")||n.list||[],t.all.push(this)};function i(t){var e=Array.isArray(t)?{label:t[0],value:t[1]}:"object"===n(t)&&"label"in t&&"value"in t?t:{label:t,value:t};this.label=e.label||e.value,this.value=e.value}e.prototype={set list(t){if(Array.isArray(t))this._list=t;else if("string"==typeof t&&t.indexOf(",")>-1)this._list=t.split(/\s*,\s*/);else if((t=o(t))&&t.children){var e=[];s.apply(t.children).forEach(function(t){if(!t.disabled){var n=t.textContent.trim(),i=t.value||n,s=t.label||n;""!==i&&e.push({label:s,value:i})}}),this._list=e}document.activeElement===this.input&&this.evaluate()},get selected(){return this.index>-1},get opened(){return this.isOpened},close:function(t){this.opened&&(this.input.setAttribute("aria-expanded","false"),this.ul.setAttribute("hidden",""),this.isOpened=!1,this.index=-1,this.status.setAttribute("hidden",""),o.fire(this.input,"awesomplete-close",t||{}))},open:function(){this.input.setAttribute("aria-expanded","true"),this.ul.removeAttribute("hidden"),this.isOpened=!0,this.status.removeAttribute("hidden"),this.autoFirst&&-1===this.index&&this.goto(0),o.fire(this.input,"awesomplete-open")},destroy:function(){if(o.unbind(this.input,this._events.input),o.unbind(this.input.form,this._events.form),!this.options.container){var t=this.container.parentNode;t.insertBefore(this.input,this.container),t.removeChild(this.container)}this.input.removeAttribute("autocomplete"),this.input.removeAttribute("aria-autocomplete");var n=e.all.indexOf(this);-1!==n&&e.all.splice(n,1)},next:function(){var t=this.ul.children.length;this.goto(this.index<t-1?this.index+1:t?0:-1)},previous:function(){var t=this.ul.children.length,e=this.index-1;this.goto(this.selected&&-1!==e?e:t-1)},goto:function(t){var e=this.ul.children;this.selected&&e[this.index].setAttribute("aria-selected","false"),this.index=t,t>-1&&e.length>0&&(e[t].setAttribute("aria-selected","true"),this.status.textContent=e[t].textContent+", list item "+(t+1)+" of "+e.length,this.input.setAttribute("aria-activedescendant",this.ul.id+"_item_"+this.index),this.ul.scrollTop=e[t].offsetTop-this.ul.clientHeight+e[t].clientHeight,o.fire(this.input,"awesomplete-highlight",{text:this.suggestions[this.index]}))},select:function(t,e){if(t?this.index=o.siblingIndex(t):t=this.ul.children[this.index],t){var n=this.suggestions[this.index];o.fire(this.input,"awesomplete-select",{text:n,origin:e||t})&&(this.replace(n),this.close({reason:"select"}),o.fire(this.input,"awesomplete-selectcomplete",{text:n}))}},evaluate:function(){var t=this,e=this.input.value;e.length>=this.minChars&&this._list&&this._list.length>0?(this.index=-1,this.ul.innerHTML="",this.suggestions=this._list.map(function(n){return new i(t.data(n,e))}).filter(function(n){return t.filter(n,e)}),!1!==this.sort&&(this.suggestions=this.suggestions.sort(this.sort)),this.suggestions=this.suggestions.slice(0,this.maxItems),this.suggestions.forEach(function(n,i){t.ul.appendChild(t.item(n,e,i))}),0===this.ul.children.length?(this.status.textContent="No results found",this.close({reason:"nomatches"})):(this.open(),this.status.textContent=this.ul.children.length+" results found")):(this.close({reason:"nomatches"}),this.status.textContent="No results found")}},e.all=[],e.FILTER_CONTAINS=function(t,e){return RegExp(o.regExpEscape(e.trim()),"i").test(t)},e.FILTER_STARTSWITH=function(t,e){return RegExp("^"+o.regExpEscape(e.trim()),"i").test(t)},e.SORT_BYLENGTH=function(t,e){return t.length!==e.length?t.length-e.length:t<e?-1:1},e.CONTAINER=function(t){return o.create("div",{className:"awesomplete",around:t})},e.ITEM=function(t,e,n){var i=""===e.trim()?t:t.replace(RegExp(o.regExpEscape(e.trim()),"gi"),"<mark>$&</mark>");return o.create("li",{innerHTML:i,role:"option","aria-selected":"false",id:"awesomplete_list_"+this.count+"_item_"+n})},e.REPLACE=function(t){this.input.value=t.value},e.DATA=function(t){return t},Object.defineProperty(i.prototype=Object.create(String.prototype),"length",{get:function(){return this.label.length}}),i.prototype.toString=i.prototype.valueOf=function(){return""+this.label};var s=Array.prototype.slice;function o(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function r(t,e){return s.call((e||document).querySelectorAll(t))}function u(){r("input.awesomplete").forEach(function(t){new e(t)})}return o.create=function(t,e){var n=document.createElement(t);for(var i in e){var s=e[i];if("inside"===i)o(s).appendChild(n);else if("around"===i){var r=o(s);r.parentNode.insertBefore(n,r),n.appendChild(r),null!=r.getAttribute("autofocus")&&r.focus()}else i in n?n[i]=s:n.setAttribute(i,s)}return n},o.bind=function(t,e){if(t)for(var n in e){var i=e[n];n.split(/\s+/).forEach(function(e){t.addEventListener(e,i)})}},o.unbind=function(t,e){if(t)for(var n in e){var i=e[n];n.split(/\s+/).forEach(function(e){t.removeEventListener(e,i)})}},o.fire=function(t,e,n){var i=document.createEvent("HTMLEvents");for(var s in i.initEvent(e,!0,!0),n)i[s]=n[s];return t.dispatchEvent(i)},o.regExpEscape=function(t){return t.replace(/[-\\^$*+?.()|[\]{}]/g,"\\$&")},o.siblingIndex=function(t){for(var e=0;t=t.previousElementSibling;e++);return e},"undefined"!=typeof self&&(self.Awesomplete=e),"undefined"!=typeof Document&&("loading"!==document.readyState?u():document.addEventListener("DOMContentLoaded",u)),e.$=o,e.$$=r,"object"===n(t)&&t.exports&&(t.exports=e),e}()}).call(this,n(3)(t))},function(t,e,n){t.exports=n(2)},function(t,e,n){"use strict";n.r(e);var i,s=n(0);!function(t){var e=document.getElementById("cookie-warning"),n=document.getElementById("cookie-agree"),i=document.getElementById("cookie-close"),s=!!o()&&localStorage.getItem("biuro-agree");function o(){try{return localStorage.setItem("a","a"),localStorage.removeItem("a"),!0}catch(t){return!1}}e&&n&&i&&!s&&(e.style.display="block",n.addEventListener("click",function(){o()&&localStorage.setItem("biuro-agree","true"),e.style.display="none"}),i.addEventListener("click",function(){e.style.display="none"}))}(window),window,(i=document.getElementById("js-divisions-map"))&&fetch("/wp-json/biuro-api/v1/divisions?lang="+i.dataset.lang).then(function(t){return t.json()}).then(function(t){!function t(e,n){if(window.google){var i=new window.google.maps.Map(e,{mapTypeId:window.google.maps.MapTypeId.ROADMAP});window.google.maps.event.addListenerOnce(i,"bounds_changed",function(){this.getZoom()>15&&this.setZoom(14)});var s=[],o=document.querySelector(".js-active-region"),r=o&&o.dataset.id?o.dataset.id:"";n[r]?s=n[r]:Object.keys(n).forEach(function(t){var e=n[t];"city"===t.substr(0,4)&&(s=s.concat(e))}),function(t,e){for(var n,i=new window.google.maps.LatLngBounds,s=0;s<e.length;s++){var o=e[s],r=new window.google.maps.LatLng(o.lat,o.lng),u=new window.google.maps.Marker({position:r,map:t,icon:"/wp-content/themes/biuro/i/maps/pin.png",title:o.title});i.extend(r),u.content=o.content,window.google.maps.event.addListener(u,"click",function(){n&&n.close(),(n=new window.google.maps.InfoWindow({content:this.content})).open(t,this)})}t.fitBounds(i)}(i,s.filter(function(t){return t.lat&&t.lng}))}else setTimeout(function(){t(e,n)},250)}(i,t)});var o=document.getElementById("search"),r=document.getElementById("search-city"),u=document.getElementById("search-query"),a=new s.a(r,{minChars:0,sort:!1});r.addEventListener("focus",function(){a.evaluate()});var l=new s.a(u,{minChars:0,sort:!1});u.addEventListener("focus",function(){l.evaluate()}),o&&o.addEventListener("submit",function(t){r.value||u.value||(r.focus(),t.preventDefault())},!1)},function(t,e){t.exports=function(t){if(!t.webpackPolyfill){var e=Object.create(t);e.children||(e.children=[]),Object.defineProperty(e,"loaded",{enumerable:!0,get:function(){return e.l}}),Object.defineProperty(e,"id",{enumerable:!0,get:function(){return e.i}}),Object.defineProperty(e,"exports",{enumerable:!0}),e.webpackPolyfill=1}return e}}]);
\ No newline at end of file

wp-content/themes/biuro/js/main.js

 import Awesomplete from './vendor/awesomplete';
+import Swiper from './vendor/swiper';
 
 (global => {
     const container = document.getElementById('cookie-warning');
@@ -40,37 +41,85 @@ if (module.hot) {
 }
 
 (global => {
-    const node = document.getElementById('js-divisions-map');
+    const node = document.getElementById('js-map--divisions');
 
     if (!node) {
         return;
     }
 
-    fetch('/wp-json/biuro-api/v1/divisions?lang=' + node.dataset.lang)
+    fetch('/wp-json/api/v1/divisions?lang=' + node.dataset.lang)
         .then((t) => t.json())
         .then((data) => {
             initDivisionsMap(node, data);
         });
 })(window);
 
-function setMarkers (map, divisions) {
+(global => {
+    const node = document.getElementById('js-map--regions');
+
+    if (!node) {
+        return;
+    }
+
+    initRegionsMap(node);
+})(window);
+
+const mapStyles = [
+    {
+        featureType: 'all',
+        elementType: 'all',
+        stylers: [
+            {
+                'saturation': -92
+            },
+            {
+                'lightness': -8
+            },
+            {
+                'hue': '#0000ff'
+            }
+        ]
+    },
+    {
+        'featureType': 'water',
+        elementType: 'all',
+        'stylers': [
+            {
+                'saturation': -95
+            },
+            {
+                'lightness': -25
+            },
+            {
+                'hue': '#0000ff'
+            }
+        ]
+    }
+];
+
+function setMarkers (map, positions) {
     var info;
     var bounds = new window.google.maps.LatLngBounds();
 
-    for (var i = 0; i < divisions.length; i++) {
-        const division = divisions[i];
-        const pos = new window.google.maps.LatLng(division.lat, division.lng);
+    map.mapTypes.set('biuro', new window.google.maps.StyledMapType(mapStyles, { name: 'Biuro' }));
+
+    map.setMapTypeId('biuro');
+
+    for (var i = 0; i < positions.length; i++) {
+        const position = positions[i];
+        const pos = new window.google.maps.LatLng(position.lat, position.lng);
 
         var marker = new window.google.maps.Marker({
             position: pos,
             map: map,
-            icon: '/wp-content/themes/biuro/i/maps/pin.png',
-            title: division.title
+            icon: '/wp-content/themes/biuro/i/ico--map-pin.svg',
+            title: position.title || ''
         });
 
         bounds.extend(pos);
 
-        marker['content'] = division.content;
+        if (position.content) {
+            marker['content'] = position.content;
 
             window.google.maps.event.addListener(marker, 'click', function () {
                 if (info) {
@@ -84,10 +133,36 @@ function setMarkers (map, divisions) {
                 info.open(map, this);
             });
         }
+    }
 
     map.fitBounds(bounds);
 }
 
+function initRegionsMap (node) {
+    if (!window.google) {
+        setTimeout(() => { initRegionsMap(node); }, 250);
+        return;
+    }
+
+    const map = new window.google.maps.Map(node, {
+        mapTypeIds: [window.google.maps.MapTypeId.ROADMAP, window.google.maps.MapTypeId.HYBRID, 'biuro']
+    });
+
+    window.google.maps.event.addListenerOnce(map, 'bounds_changed', function () {
+        if (this.getZoom() > 15) {
+            this.setZoom(14);
+        }
+    });
+
+    const regions = [
+        { title: 'Vilnius', lat: 54.687157, lng: 25.279652 },
+        { title: 'Rīga', lat: 56.946285, lng: 24.105078 },
+        { title: 'Tallinn', lat: 59.436962, lng: 24.753574 }
+    ];
+
+    setMarkers(map, regions);
+}
+
 function initDivisionsMap (node, data) {
     if (!window.google) {
         setTimeout(() => { initDivisionsMap(node, data); }, 250);
@@ -95,7 +170,7 @@ function initDivisionsMap (node, data) {
     }
 
     const map = new window.google.maps.Map(node, {
-        mapTypeId: window.google.maps.MapTypeId.ROADMAP
+        mapTypeIds: [window.google.maps.MapTypeId.ROADMAP, window.google.maps.MapTypeId.HYBRID, 'biuro']
     });
 
     window.google.maps.event.addListenerOnce(map, 'bounds_changed', function () {
@@ -123,11 +198,17 @@ function initDivisionsMap (node, data) {
     setMarkers(map, divisions.filter((d) => { return d.lat && d.lng; }));
 }
 
-const search = document.getElementById('search');
-const city = document.getElementById('search-city');
-const query = document.getElementById('search-query');
+(global => {
+    const city = document.getElementById('search-city');
+
+    if (!city) {
+        return;
+    }
+
+    const search = document.getElementById('search');
+    const query = document.getElementById('search-query');
 
-const cityBox = new Awesomplete(city, {
+    const cityBox = new Awesomplete(city, {
         minChars: 0,
         sort: false
         // data: (item, input) => {
@@ -158,125 +239,71 @@ const cityBox = new Awesomplete(city, {
 
         //     // hidden.dispatchEvent(event);
         // }
-// });
-});
+    // });
+    });
 
-city.addEventListener('focus', () => {
+    city.addEventListener('focus', () => {
         cityBox.evaluate();
-});
+    });
 
-const queryBox = new Awesomplete(query, {
+    const queryBox = new Awesomplete(query, {
         minChars: 0,
         sort: false
-});
+    });
 
-query.addEventListener('focus', () => {
+    query.addEventListener('focus', () => {
         queryBox.evaluate();
-});
+    });
 
-if (search) {
+    if (search) {
         search.addEventListener('submit', (e) => {
             if (!city.value && !query.value) {
                 city.focus();
                 e.preventDefault();
             }
         }, false);
-}
+    }
+
+})(window);
 
-// function initDatalist() {
-
-//     var nodes = document.querySelectorAll('.js-datalist, .js-datalist-ajax'),
-//         node,
-//         getHidden = function(node) {
-//             return document.querySelector('[name="' + node.dataset.name + '"]');
-//         },
-//         event = new Event('input', {
-//             'bubbles': true,
-//             'cancelable': true
-//         });
-
-//     for (var i = 0; i < nodes.length; i++) {
-//         node = nodes[i];
-
-//         if (node.comboplete) {
-//             return;
-//         }
-
-//         node.comboplete = new Awesomplete(node, {
-//             minChars: 0,
-//             maxItems: 50,
-//             replace: function(text) {
-
-//                 var hidden = getHidden(this.input);
-
-//                 this.input.value = text.label;
-
-//                 if (!hidden) {
-//                     return;
-//                 }
-
-//                 hidden.value = text.value;
-
-//                 if (hidden.classList.contains('js-trigger-datalist')) {
-//                     hidden.dispatchEvent(new Event('change', {
-//                         'bubbles': true,
-//                         'cancelable': true
-//                     }));
-//                 }
-
-//                 hidden.dispatchEvent(event);
-
-
-//             }
-//         });
-
-//         node.addEventListener('click', function() {
-//             if (this.comboplete.ul.childNodes.length === 0 || !node.value) {
-//                 this.comboplete.minChars = 0;
-//                 this.comboplete.evaluate();
-//             }
-//             else if (this.comboplete.ul.hasAttribute('hidden')) {
-//                 this.comboplete.open();
-//             }
-//             else {
-//                 this.comboplete.close();
-//             }
-//         });
-
-//         node.addEventListener('keyup', function(e) {
-//             var code = e.keyCode || 0;
-
-//             if (code === 13) {
-//                 if (this.comboplete.ul.childNodes.length === 1) {
-//                     this.comboplete.select(this.comboplete.ul.childNodes[0]);
-//                 }
-//             }
-//         });
-
-//         node.addEventListener('input', function() {
-//             var value = this.value,
-//                 exists = false,
-//                 hidden;
-
-//             this.comboplete.ul.childNodes.forEach(function(n) {
-//                 if (n.innerText === value) {
-//                     exists = true;
-//                 }
-//             });
-
-//             if (exists) {
-//                 return;
-//             }
-
-//             hidden = getHidden(this);
-
-//             if (!hidden) {
-//                 return;
-//             }
-
-//             hidden.value = '';
-
-//             hidden.dispatchEvent(event);
-//         })
-//     }
-// }
+const swiper = new Swiper('.c-feedbacks--inner', {
+    autoplay: {
+        delay: 4000,
+        disableOnInteraction: false
+    },
+    grabCursor: true,
+    loop: true,
+    pagination: {
+        el: '.swiper-pagination',
+        clickable: true
+    }
+});
+
+document.querySelectorAll('.js-toggle--services').forEach((node) => {
+    node.addEventListener('click', () => {
+        node.parentNode.classList.toggle('c-services--is-open');
+    });
+});
+
+document.querySelectorAll('.js-toggle--sections').forEach((node) => {
+    node.addEventListener('click', () => {
+        const parent = node.parentNode;
+
+        if (parent.classList.contains('c-sections--is-open')) {
+            parent.classList.toggle('c-sections--is-open');
+        } else {
+            document.querySelectorAll('.c-sections--is-open').forEach((node) => {
+                node.classList.remove('c-sections--is-open');
+            });
+            parent.classList.toggle('c-sections--is-open');
+        }
+    });
+});
+
+document.querySelectorAll('.js-expand-jobs-section').forEach((node) => {
+    node.addEventListener('click', (e) => {
+        e.preventDefault();
+        node.parentNode.classList.remove('c-jobs-section--is-closed');
+        node.remove();
+    });
+});

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

@@ -16,14 +16,12 @@ global $post;
 
 $pageID = $post->ID;
 
-$related = pods( 'division', $params )->find( array(
-    'limit' => -1,
-    'where'=>"page-id.ID = " . $pageID
-) );
+get_header(); ?>
 
-$total = $related->total();
+    <div class="l-map" id="js-map--divisions" data-lang="<?php echo pll_current_language(); ?>"></div>
 
-get_header(); ?>
+    <div id="content" class="l-content--divisions">
+        <main id="main" class="l-main l-main--divisions">
 
 <?php
     while ( have_posts() ) :
@@ -32,17 +30,15 @@ get_header(); ?>
         the_content();
 
     endwhile;
-?>
 
-<div style="display: flex; flex-wrap: wrap;">
-<?php
-    while ( $related->fetch() ) :
-        echo '<div style="flex: 1 1 45%">' . $related->display( 'content' ) . '</div>';
-    endwhile;
-?>
-</div>
+    $related = pods( 'division', $params )->find( array(
+        'limit' => -1,
+        'where'=>"page-id.ID = " . $pageID
+    ) );
+
+    $total = $related->total();
+
 
-<?
     $divisions = pods( 'division', array(
         'limit'   => -1
     ) );
@@ -50,7 +46,7 @@ get_header(); ?>
     if ( 0 < $divisions->total() ):
         $cities = array();
 ?>
-        <ul class="o-nav c-divisions--list">
+        <div class="c-divisions">
 <?php
             if ( 1 < $divisions->total() ):
 
@@ -60,24 +56,19 @@ get_header(); ?>
                     'meta_key'      => 'divisions-page',
                     'meta_value'    => 'master'
                 ) );
-?>
-                <li class="js-division c-divisions--list-item <?php if ( $total == 0 ) { echo 'is-divisions--list-item-active'; } ?>" >
-<?php
+
                 if ( $divisionsPage->have_posts() ) :
                     while( $divisionsPage->have_posts() ) :
                         $divisionsPage->the_post();
 ?>
-                            <a href="<?php the_permalink(); ?>">Visi</a>
+                        <a class="c-division <?php if ( $total == 0 ) { echo 'c-division--active'; } ?>" href="<?php the_permalink(); ?>"><?php _e('All', 'biuro'); ?></a>
 <?php
                     endwhile;
                 else:
 ?>
-                    Visi
+                    <span class="c-division"><?php _e('All', 'biuro'); ?></span>
 <?php
                 endif;
-?>
-               </li>
-<?php
                 wp_reset_query();
 
             endif;
@@ -87,39 +78,35 @@ get_header(); ?>
 
                 if ( !in_array($slug, $cities) && $divisions->display( 'name' ) ) :
                     $page = $divisions->field( 'page-id' );
-?>
-                         <li class="js-division c-divisions--list-item <?php if ( $pageID == $page['ID'] ) { echo 'is-divisions--list-item-active js-active-region'; } ?>" data-id="<?php echo $slug; ?>">
-<?php
+
                     if  ( !empty( $page ) ):
 ?>
-                                <a href="<?php echo esc_url( get_permalink( $page['ID'] ) ); ?>"><?php echo $divisions->display( 'city' ); ?></a>
-<?
+                        <a class="js-division c-division <?php if ( $pageID == $page['ID'] ) { echo 'c-division--active'; } ?>" data-id="<?php echo $slug; ?>" href="<?php echo esc_url( get_permalink( $page['ID'] ) ); ?>"><?php echo $divisions->display( 'city' ); ?></a>
+<?php
                     else:
 ?>
-                                <?php echo $divisions->display( 'city' ); ?>
-<?
+                        <span class="c-division"><?php echo $divisions->display( 'city' ); ?></span>
+<?php
                     endif;
-?>
-
-                        </li>
-<?
 
                     array_push($cities, $slug);
                 endif;
             endwhile;
 ?>
-        </ul>
-        <div id="js-divisions-map" data-lang="<?php echo pll_current_language(); ?>" class="" style="border: 1px solid #666; min-height: 450px;"></div>
-
-
+            </div>
+        </main><!-- .l-main -->
+        <aside class="l-aside--divisions">
 <?php
             echo do_shortcode('[biuro-contacts--employees lang="' . pll_current_language() . '"]');
 ?>
-
-        <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBQjPQnLGLeICbpTTu8kLjVRrLUYYCTS2M" async defer></script>
+        </aside>
 <?php
     endif;
 
 ?>
 
+    </div><!-- #content -->
+
+    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBQjPQnLGLeICbpTTu8kLjVRrLUYYCTS2M" async defer></script>
+
 <?php get_footer();

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

+<?php
+/**
+ * Template Name: Regions page
+ *
+ * This is the page for a regions with google map
+ *
+ * @link https://codex.wordpress.org/Template_Hierarchy
+ *
+ * @package WordPress
+ * @subpackage Biuro
+ * @since 1.0
+ * @version 1.0
+ */
+
+global $post;
+
+$pageID = $post->ID;
+
+get_header(); ?>
+
+    <div class="l-map" id="js-map--regions" data-lang="<?php echo pll_current_language(); ?>"></div>
+
+    <div id="content" class="l-content--regions">
+        <main id="main" class="l-main l-main--regions">
+
+<?php
+    while ( have_posts() ) :
+
+        the_post();
+        the_content();
+
+    endwhile;
+?>
+        </main><!-- .l-main -->
+        <aside class="l-aside--regions">
+<?php
+            echo do_shortcode('[biuro-contacts--employers lang="' . pll_current_language() . '"]');
+?>
+        </aside>
+
+    </div><!-- #content -->
+
+    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBQjPQnLGLeICbpTTu8kLjVRrLUYYCTS2M" async defer></script>
+
+<?php get_footer();

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

@@ -14,19 +14,25 @@
     get_header();
 ?>
 
+    <div class="l-section l-section--sales-page">
+        <div class="l-section--inner">
 <?php
-        // while ( have_posts() ) :
-
-        //     the_post();
-        //     the_content();
-
-        // endwhile;
+            while ( have_posts() ) :
 ?>
+            <div class="c-heading c-heading--sales-page">
+<?php
+                the_post();
+                the_content();
+?>
+            </div>
+<?php
+            endwhile;
+?>
+        </div>
+    </div>
 
-<br>
-<h1>Ieškote darbuotojų - galime padėti.</h1>
-
-<h2 style="color:; red">Paslaugos</h2>
+    <div id="content">
+        <main id="main" class="l-main">
 
 <?php
             if ( is_active_sidebar( 'sales_page_services' ) ) :
@@ -34,48 +40,59 @@
             endif;
  ?>
 
-<h2 style="color:; red">Vertės</h2>
-
 <?php
             if ( is_active_sidebar( 'sales_page_values' ) ) :
                 dynamic_sidebar( 'sales_page_values' );
             endif;
  ?>
 
-<h2>Mumis pasitiki</h2>
-
-<div class="c-logos">
-    <div>1 logo</div>
-    <div>2 logo</div>
-    <div>3 logo</div>
-    <div>4 logo</div>
-    <div>5 logo</div>
-    <div>6 logo</div>
-    <div>7 logo</div>
-</div>
-
-<h2 style="color:; red">Sektoriai</h2>
-
 <?php
             if ( is_active_sidebar( 'sales_page_sections' ) ) :
                 dynamic_sidebar( 'sales_page_sections' );
             endif;
  ?>
 
-
-<h2 style="color:; red">Atsiliepimai</h2>
+        <div class="c-trust">
+            <div class="c-trust--inner">
+                <h2 class="c-trust--heading"><?php _e('Trust in us', 'biuro'); ?></h2>
+                <div class="c-trust--logos">
+                    <img src="/wp-content/themes/biuro/i/trust/coca-cola.png" width="85" height="28" alt="">
+                    <img src="/wp-content/themes/biuro/i/trust/maxima.png" width="96" height="22" alt="">
+                    <img src="/wp-content/themes/biuro/i/trust/dpd.png" width="64" height="29" alt="">
+                    <img src="/wp-content/themes/biuro/i/trust/avon.png" width="71" height="15" alt="">
+                </div>
+            </div>
+        </div>
 
 <?php
             if ( is_active_sidebar( 'sales_page_feedbacks' ) ) :
                 dynamic_sidebar( 'sales_page_feedbacks' );
             endif;
  ?>
+            <div class="c-contact">
+                <div class="c-contact--inner">
+
+                    <div class="c-contact--content">
+                    <?php
+                        if ( is_active_sidebar( 'sales_page_employers' ) ) :
+                            dynamic_sidebar( 'sales_page_employers' );
+                        endif;
+                     ?>
+                        <div class="c-contact--img">
+                            <img src="/wp-content/themes/biuro/i/contact.png" alt="" width="328" height="95">
+                        </div>
+                    </div>
+
+                    <div class="c-contact--form">
+                        <?php
+                            echo do_shortcode('[biuro-contacts--employers]');
+                        ?>
+                    </div>
 
-<br>
-<h2>Forma</h2>
-<p>ToDo</p>
+                </div><!-- .c-contact--inner -->
+            </div><!-- .c-contact -->
 
-<br>
-<br>
+        </main><!-- .l-main -->
+    </div><!-- #content -->
 
 <?php get_footer();

wp-content/themes/biuro/search.php

@@ -17,16 +17,54 @@
 
 get_header(); ?>
 
+    <div class="l-section <?php if ( is_front_page() ):  ?> l-section--front-page <?php elseif (get_page_template_slug() == 'sales-page.php'): ?> l-section--sales-page <?php endif; ?>">
+        <div class="l-section--inner">
+            <?php
+
+                if ( is_front_page() || get_page_template_slug() == 'sales-page.php' ):
+                    while ( have_posts() ) :
+?>
+                    <div class="c-heading <?php if ( is_front_page() ):  ?> c-heading--front-page <?php elseif (get_page_template_slug() == 'sales-page.php'): ?> c-heading--sales-page <?php endif; ?>">
+<?php
+                        the_post();
+                        the_content();
+?>
+                    </div>
 <?php
+                    endwhile;
+                endif;
+
+            if (get_page_template_slug() != 'sales-page.php'):
+                get_search_form();
+            endif;
+?>
+        </div>
+    </div>
+
+    <div id="content">
+
+    <div id="content"  class="l-content l-content--heading">
+<?php
+
         if ( !is_search() ):
             while ( have_posts() ) :
-
                 the_post();
                 the_content();
-
             endwhile;
         endif;
+ ?>
+    </div>
+    <div class="l-content">
+
+        <aside class="l-aside">
+<?php
+            get_template_part( 'template-parts/layout/aside', 'job-list' );
 ?>
+        </aside><!-- .l-aside -->
+
+
+
+        <main id="main" class="l-main">
 
 <?php
     global $query_string;
@@ -112,4 +150,9 @@ get_header(); ?>
     endif;
 ?>
 
+            </main><!-- .l-main -->
+        </div><!-- .l-content -->
+
+    </div><!-- #content -->
+
 <?php get_footer();

wp-content/themes/biuro/searchform.php

@@ -9,31 +9,11 @@
  */
 
     global $query_string;
-?>
-
-<?php /*
-<form class="c-search" action="<?php echo $searchPageURL; ?>" method="get">
-*/ ?>
-
-<form id="search" class="c-search" action="<?php echo home_url(); ?>" method="get">
-
-
-<?php
-    if ( is_front_page() ):
-        while ( have_posts() ) :
-
-            the_post();
-            the_content();
 
-        endwhile;
-    endif;
-
-    if ( is_search() ):
     wp_parse_str( $query_string, $searchQuery );
-    endif;
-
 ?>
 
+<form id="search" class="c-search" action="<?php echo home_url(); ?>" method="get">
 
 <?php
 
@@ -44,8 +24,13 @@
     ));
 
     $res = array();
-
-    if ( ! empty( $cities ) && ! is_wp_error( $cities ) ):
+?>
+    <div class="c-search--col c-search--col-location">
+        <svg xmlns="http://www.w3.org/2000/svg" width="15px" height="21px" viewBox="0 0 15 21" class="c-ico--location">
+            <path fill="#B8BCC1" d="M7.5,4.25c2.068,0,3.75,1.682,3.75,3.75s-1.682,3.75-3.75,3.75S3.75,10.068,3.75,8 S5.432,4.25,7.5,4.25z M7.5,10.5C8.878,10.5,10,9.379,10,8S8.878,5.5,7.5,5.5C6.121,5.5,5,6.622,5,8C5,9.379,6.121,10.5,7.5,10.5z M7.5,0.5C11.642,0.5,15,3.858,15,8c0,3.024-1.054,3.868-6.729,12.096c-0.373,0.538-1.169,0.538-1.542,0C1.054,11.868,0,11.024,0,8 C0,3.858,3.358,0.5,7.5,0.5z M7.5,19.013c5.442-7.87,6.25-8.494,6.25-11.013c0-1.669-0.65-3.239-1.831-4.419 C10.739,2.4,9.169,1.75,7.5,1.75S4.261,2.4,3.081,3.581C1.9,4.761,1.25,6.331,1.25,8C1.25,10.519,2.059,11.144,7.5,19.013z"/>
+        </svg>
+<?php
+    if ( ! is_wp_error( $cities ) ):
         foreach ( $cities as $city ):
             $name = $city->name;
             $termID = $city->term_id;
@@ -84,6 +69,7 @@
             return $a['name'] > $b['name'];
         });
 ?>
+
         <datalist id="search-cities">
 <?php
             foreach ( $res as $r ):
@@ -91,11 +77,13 @@
                 <option value="<?php echo $r['name']; ?>"><?php echo $r['name']; ?> (<?php echo $r['total']; ?>)</option>
 <?php
             endforeach;
-         endif;
 ?>
         </datalist>
-        <input list="search-cities" id="search-city" name="city"  value="<?php echo ($searchQuery) ? $searchQuery['city'] : ''; ?>" placeholder="Vietovė" />
-
+        <input list="search-cities" id="search-city" name="city" value="<?php echo ($searchQuery) ? $searchQuery['city'] : ''; ?>" placeholder="<?php _e('Locations', 'biuro'); ?>" class="c-search--input c-search--location" />
+<?php
+         endif;
+?>
+    </div><!-- .c-search--col c-search--col-location -->
 <?php
             $options = array();
 
@@ -131,8 +119,13 @@
                 'orderby' => 'count',
                 'order' => 'DESC'
             ));
-
-            if ( ! empty( $fields ) && ! is_wp_error( $fields ) ):
+?>
+    <div class="c-search--col c-search--col-keyword">
+        <svg xmlns="http://www.w3.org/2000/svg" width="20px" height="19px" viewBox="0 0 20 19" class="c-ico--area">
+            <path fill="#B8BCC1" d="M18.125,4.5C19.16,4.5,20,5.339,20,6.375v10c0,1.036-0.839,1.875-1.875,1.875H1.875 C0.839,18.25,0,17.411,0,16.375v-10C0,5.339,0.839,4.5,1.875,4.5H6.25V1.688c0-0.518,0.42-0.937,0.937-0.937h5.625 c0.518,0,0.938,0.42,0.938,0.937V4.5H18.125z M7.5,2v2.5h5V2H7.5z M18.75,16.375V10.75H12.5v1.562c0,0.518-0.42,0.937-0.938,0.937 H8.437c-0.518,0-0.938-0.42-0.938-0.937V10.75H1.25v5.625C1.25,16.72,1.53,17,1.875,17h16.25C18.47,17,18.75,16.72,18.75,16.375z M8.75,12h2.5v-1.25h-2.5V12z M18.75,9.5V6.375c0-0.345-0.28-0.625-0.625-0.625H1.875C1.53,5.75,1.25,6.03,1.25,6.375V9.5H18.75z"/>
+        </svg>
+<?php
+            if ( ! is_wp_error( $fields ) ):
                 foreach ( $fields as $field ):
 
                     $name = $field->name;
@@ -151,7 +144,6 @@
                         array_push( $options , array( 'name' => $name, 'total' => $jobsIn->total() ) );
                     endif;
                 endforeach;
-            endif;
 
                 usort($options, function($a, $b) {
                     $t = $b['total'] - $a['total'];
@@ -171,7 +163,14 @@
             endforeach;
 ?>
         </datalist>
-    <input list="search-queries" id="search-query" name="s" value="<?php echo ($searchQuery) ? $searchQuery['s'] : ''; ?>" placeholder="Raktažodis" />
-
-    <input type="submit" value="Ieškoti" class="filter-button" />
+        <input list="search-queries" id="search-query" name="s" value="<?php echo ($searchQuery) ? $searchQuery['s'] : ''; ?>" placeholder="<?php _e('Keyword', 'biuro'); ?>" class="c-search--input c-search--keyword" />
+<?php
+            endif;
+?>
+    </div><!-- .c-search--col c-search--col-keyword -->
+    <button class="o-btn c-btn--main <?php if ( is_front_page() ):  ?>c-btn--search<?php else: ?>c-btn--search-small<?php endif; ?>" type="submit" value="1">
+        <svg xmlns="http://www.w3.org/2000/svg" width="17px" height="17px" viewBox="0 0 17 17" class="c-ico--search">
+            <path fill="#FFFFFF" d="M16.884,15.694c0.156,0.156,0.156,0.408,0,0.564l-0.75,0.75c-0.156,0.156-0.408,0.156-0.564,0 l-4.031-4.031c-0.073-0.076-0.116-0.176-0.116-0.282v-0.438c-1.212,1.046-2.789,1.68-4.516,1.68C3.091,13.938,0,10.846,0,7.031 s3.091-6.906,6.906-6.906c3.815,0,6.906,3.091,6.906,6.906c0,1.727-0.634,3.304-1.68,4.516h0.438c0.106,0,0.206,0.04,0.282,0.116 L16.884,15.694z M6.906,12.344c2.935,0,5.313-2.377,5.313-5.312S9.841,1.719,6.906,1.719c-2.935,0-5.313,2.377-5.313,5.312 S3.971,12.344,6.906,12.344z"/>
+        </svg> <?php _e('Search', 'biuro'); ?>
+    </button>
 </form>

wp-content/themes/biuro/single-job.php

@@ -17,56 +17,69 @@
 
 get_header();
 ?>
+<div id="content" class="l-content--position">
 
-<?php
+    <div class="l-content--position-inner">
+
+        <main id="main" class="l-main">
 
+<?php
         while ( have_posts() ) :
 ?>
-            <div class="biuro-title">
-                <h1><?php the_title(); ?></h1>
-            </div>
+            <h1 class="c-job--title"><?php the_title(); ?></h1>
 
+            <div class="c-job--content">
 <?php
                 the_post();
                 the_content();
-
+?>
+            </div>
+<?php
         endwhile;
 
         $pod = pods( 'job', get_the_id() );
-            // delog( $pod->field( 'post_title' ) );
-            // delog( $pod->field( 'post_date' ) );
-            // delog( $pod->field( 'valid' ) );
-            // debug( $pod->field( 'salary_from' ) );
+
+        if ($pod->field( 'salary_from' ) > 0 || $pod->field( 'salary_to' ) > 0):
 ?>
-<p>
-    Atlyginimas nuo: <?php echo $pod->field( 'salary_from' ); ?>
-    <br>
-    Atlyginimas iki: <?php echo $pod->field( 'salary_to' ); ?>
-    <br>
+            <p>
+<?php
+            if ($pod->field( 'salary_from' ) > 0):
+?>
+                <?php _e('Salary from', 'biuro'); ?>: <?php echo $pod->field( 'salary_from' ); ?>
                 <br>
-    Paskelbta: <?php echo date_i18n( get_option( 'date_format' ), strtotime( $pod->field( 'post_date' ) ) ); ?>
+<?php
+            endif;
+            if ($pod->field( 'salary_to' ) > 0):
+?>
+                <?php _e('Salary to', 'biuro'); ?>: <?php echo $pod->field( 'salary_to' ); ?>
+<?php
+            endif;
+?>
+
+            </p>
+<?php
+        endif;
+?>
+            <p>
+                <?php _e('Published', 'biuro'); ?>: <?php echo date_i18n( get_option( 'date_format' ), strtotime( $pod->field( 'post_date' ) ) ); ?>
                 <br>
-    Galioja iki: <?php echo date_i18n( get_option( 'date_format' ), strtotime( $pod->field( 'valid' ) ) ); ?>
-</p>
+                <?php _e('Valid till', 'biuro'); ?>: <?php echo date_i18n( get_option( 'date_format' ), strtotime( $pod->field( 'valid' ) ) ); ?>
+            </p>
 
-<br>
+            <div class="c-job--action">
+                <button type="submit" class="js-toggle-position-form o-btn c-btn--main c-btn--fill" name="submit" value="1" data-id="action--form"><?php _e('Candidate', 'biuro'); ?></button>
+            </div>
 
+        </main><!-- .l-main -->
 
-<div id="action--form" style="border: 1px solid grey; margin-bottom: 20px; display: none;">
+        <aside class="l-aside--position">
 <?php
-    echo do_shortcode('[biuro-contacts--position id="' . get_the_id() . '" lang="' . pll_current_language() . '"]');
+            get_template_part( 'template-parts/layout/aside', 'job' );
 ?>
-</div>
-<div id="action--share" style="border: 1px solid grey; margin-bottom: 20px; display: none;">
-    icon - FB messenger, <br>
-    icon - mail, <br>
-    icon - FB postas, <br>
-    icon - sms<br>
-</div>
+        </aside><!-- .l-aside -->
+
+    </div><!-- .l-content--position-inner -->
 
-<div class="c-fixed-footer" style="overflow: hidden; margin-bottom: 2rem;">
-    <button style="float: left; text-align: center; color: #fff; background: #006957; padding: 10px; width: 48%; border: 0; border-radius: 3px; cursor: pointer; " class="js-job-action" data-id="action--form">Kandidatuoti</button>
-    <button style="float: right; text-align: center; color: #000; background: #ccc; padding: 10px; width: 48%; border: 0; border-radius: 3px;  cursor: pointer;" class="js-job-action" data-id="action--share">Dalintis</button>
-</div>
+</div><!-- #content -->
 
 <?php get_footer();

wp-content/themes/biuro/template-parts/jobs/jobs-list.php

@@ -13,26 +13,27 @@ global $jobs;
 
 ?>
 
-<table cellspacing="0" cellpadding="0" class="c-jobs-list">
+        <table cellspacing="0" cellpadding="0" class="c-jobs--table">
+<?php /*
             <tr>
-        <th class="c-jobs-list--head">Pozicija</th>
-        <th class="c-jobs-list--head">Vietovė</th>
-        <th class="c-jobs-list--head">Galioja iki</th>
+                <th class="c-jobs--head"><?php _e('Position', 'biuro'); ?></th>
+                <th class="c-jobs--head"><?php _e('Location', 'biuro'); ?></th>
+                <th class="c-jobs--head"><?php _e('Valid till', 'biuro'); ?></th>
             </tr>
+*/ ?>
 
-<?php
+        <?php
+            $i = 0;
             while ( $jobs->fetch() ) :
                 $ID =  $jobs->display( 'ID' );
                 $i++;
-?>
-    <tr <?php if ( $i % 2 != 0 ) { echo 'class="c-jobs-list--row-odd"'; } ?>>
-        <td class="c-jobs-list--col c-jobs-list--col-position">
-            <a href="<?php echo get_post_permalink( $ID ); ?>" title="<?php echo $jobs->display( 'name' ); ?>">
-                <strong><?php echo $jobs->display( 'name' ); ?></strong>
-            </a>
+        ?>
+            <tr <?php if ( $i % 2 != 0 ) { echo 'class="c-jobs--row-odd"'; } ?>>
+                <td class="c-jobs--col c-jobs--col-position">
+                    <a class="c-jobs--anchor" href="<?php echo get_post_permalink( $ID ); ?>" title="<?php echo $jobs->display( 'name' ); ?>"><?php echo $jobs->display( 'name' ); ?></a>
                 </td>
-        <td class="c-jobs-list--col c-jobs-list--col-city">
-<?php
+                <td class="c-jobs--col c-jobs--col-city">
+        <?php
                         $cities = $jobs->field( 'city');
                         $count = 0;
 
@@ -47,27 +48,26 @@ global $jobs;
                         endforeach;
 
                     // echo $jobs->display( 'city' );
-?>
+        ?>
                 </td>
-        <td class="c-jobs-list--col c-jobs-list--col-valid">
+                <td class="c-jobs--col c-jobs--col-valid">
                     <?php echo date_i18n( get_option( 'date_format' ), strtotime( $jobs->field( 'valid' ) ) ); ?>
                 </td>
             </tr>
 
-<?php
+        <?php
             endwhile;
-?>
-</table>
+        ?>
+        </table>
 
-<?php
+    <?php
 
         if ( !is_front_page() ):
             echo $jobs->pagination( array(
                 'type' => 'paginate' ,
-            'prev_text' => '',
-            'next_text' => ''
+                'prev_text' => ' ',
+                'next_text' => ' '
             ) );
         endif;
 
-?>
-
+    ?>

wp-content/themes/biuro/template-parts/jobs/jobs-none.php

@@ -11,4 +11,4 @@
 
 ?>
 
-<p>Darbo skelbimų nėra.</p>
+<p><?php _e('There are currently no job ads.', 'biuro'); ?></p>

wp-content/themes/biuro/template-parts/jobs/jobs-not-found.php

@@ -11,4 +11,4 @@
 
 ?>
 
-<p>Pagal Jūsų paiešką rezultatų neradome.</p>
+<p><?php _e('No search results were found.', 'biuro'); ?></p>

wp-content/themes/biuro/template-parts/layout/aside-job-list.php

 <?php
-function getSiteTree($taxonomy)
+function getSiteTree($taxonomy, $section)
 {
     $terms = get_terms( array(
         'taxonomy' => $taxonomy,
         'hide_empty' => false,
     ));
 
-    // debug($terms);
-
     if ( !empty( $terms ) && ! is_wp_error( $terms ) ):
-        echo '<ul>';
-
         $res = array();
 
         foreach ( $terms as $term ):
@@ -42,6 +38,10 @@ function getSiteTree($taxonomy)
             endif;
         endforeach;
 
+        if (count($res) == 0) {
+            return '';
+        }
+
         usort($res, function($a, $b) {
             $o = $b['order'] - $a['order'];
             if ($o):
@@ -55,63 +55,52 @@ function getSiteTree($taxonomy)
             return $a['name'] > $b['name'];
         });
 
+
+        $classCSS = 'c-jobs-section';
+
+        $isClosed = count($res) > 6;
+
+        if ($isClosed):
+
+            $classCSS .= ' c-jobs-section--is-closed';
+
+        endif;
+
+        echo '<div class="' . $classCSS . '">';
+            echo '<h3 class="c-jobs-section--heading">' . $section . '</h3>';
+
+            echo '<div class="c-jobs-section--content">';
+                echo '<ul  class="c-jobs-section--list">';
+
                 foreach ( $res as $r ):
 ?>
-                    <li><a href="<?php echo $r['href']; ?>" title="<?php echo $r['name']; ?>"><?php echo $r['name'] . ' (' . $r['total'] . ')'; ?></a></li>
+                    <li class="c-jobs-section--item"><a href="<?php echo $r['href']; ?>" title="<?php echo $r['name']; ?>" class="c-jobs-section--anchor"><?php echo $r['name'] . ' (' . $r['total'] . ')'; ?></a></li>
 <?php
                 endforeach;
 
              echo '</ul>';
+
+            echo '</div>';
+
+        if ($isClosed):
+            echo '<a href="#" class="js-expand-jobs-section c-jobs-section--expand">' . __('More ...', 'biuro') . ' </a>';
         endif;
-}
-?>
-<h3>Miestas</h3>
-<div style="border: 1px solid #666; margin-right: 20px">
-<?php
-    getSiteTree( 'city' );
-?>
-</div>
 
-<h3>Sritis</h3>
-<div style="border: 1px solid #666; margin-right: 20px">
-<?php
-    getSiteTree( 'field' );
-?>
-</div>
+        echo '</div>';
 
-<h3>Tipas</h3>
-<div style="border: 1px solid #666; margin-right: 20px">
-<?php
-    getSiteTree( 'type' );
+     endif;
+}
 ?>
-</div>
 
-<?php
-/*
-<h3>Tipas</h3>
-<div style="border: 1px solid #666; margin-right: 20px; margin-bottom: 20px;">
-    <ul>
-        <li><a href="#" style="color: #900">Darbas užsienyje: Norvegijoje, Vokietijoje, UK ir kt.</a></li>
-        <li><a href="#" style="color: #900">Darbas studentams</a></li>
-        <li><a href="#" style="color: #900">Sezoninis darbas</a></li>
-        <li><a href="#" style="color: #900">Darbas namuose</a></li>
-        <li><a href="#" style="color: #900">Darbas vasarai</a></li>
-        <li><a href="#" style="color: #900">Papildomas darbas</a></li>
-    </ul>
-</div>
-*/
- ?>
 
 <?php
-/*
+    getSiteTree( 'city', __('City', 'biuro') );
+?>
 
-<h3>Tipas</h3>
-<div style="border: 1px solid #666;">
 <?php
-    getSiteTree( 'type' );
+    getSiteTree( 'field', __('Job area', 'biuro') );
 ?>
-</div>
 
-    getSiteTree( 'company' );
-    */
+<?php
+    getSiteTree( 'type', __('Job type', 'biuro') );
 ?>

wp-content/themes/biuro/template-parts/layout/aside-job.php

-
-
 <?php
     $jobID = get_the_ID();
+
+    echo do_shortcode('[biuro-contacts--position job_id="' . $jobID . '"]');
 ?>
 
-<br>
-<br>
-<!-- <h3>Job: <?php echo $jobID; ?></h3> -->
+<svg xmlns="http://www.w3.org/2000/svg" class="u-hidden">
+    <symbol id="ico--job-facebook" viewBox="0 0 9 18">
+        <path fill="#FFFFFF" d="M2.674,17.125V9.521H0.117V6.5h2.557V4.109c0-1.262,0.354-2.241,1.062-2.938 c0.708-0.697,1.649-1.046,2.822-1.046c0.952,0,1.727,0.044,2.324,0.133v2.689H7.289c-0.598,0-1.007,0.133-1.229,0.398 C5.883,3.567,5.795,3.921,5.795,4.408V6.5h2.822L8.219,9.521H5.795v7.603H2.674z"/>
+    </symbol>
+    <symbol id="ico--job-messenger" viewBox="0 0 15 15">
+        <path fill="#FFFFFF" d="M7.5,0.188c1.328,0,2.557,0.31,3.686,0.93c1.129,0.62,2.025,1.455,2.689,2.507 s0.996,2.197,0.996,3.437c0,1.505-0.476,2.855-1.428,4.051c-0.885,1.151-2.059,1.97-3.52,2.457c-1.483,0.487-2.999,0.52-4.549,0.1 l-2.49,1.395v-2.623c-1.306-0.996-2.147-2.214-2.523-3.652C0.007,7.459,0.079,6.125,0.577,4.786c0.498-1.339,1.345-2.429,2.54-3.271 C4.379,0.63,5.84,0.188,7.5,0.188z M8.264,9.418l4.051-4.25L8.629,7.193L6.736,5.201L2.719,9.484l3.652-2.059L8.264,9.418z"/>
+    </symbol>
+    <symbol id="ico--job-whatsapp" viewBox="0 0 17 18">
+        <path fill="#FFFFFF" d="M14.326,2.975c0.792,0.792,1.404,1.688,1.837,2.69s0.649,2.047,0.649,3.136 c0,1.484-0.377,2.857-1.132,4.119c-0.755,1.262-1.769,2.264-3.043,3.006c-1.274,0.742-2.653,1.113-4.138,1.113 c-1.41,0-2.721-0.334-3.934-1.002l-4.379,1.15l1.187-4.268c-0.742-1.262-1.113-2.635-1.113-4.119s0.371-2.857,1.113-4.119 C2.117,3.42,3.119,2.418,4.381,1.676C5.643,0.934,7.016,0.563,8.5,0.563c1.089,0,2.134,0.21,3.136,0.631 C12.638,1.614,13.534,2.208,14.326,2.975z M8.5,15.666c1.237,0,2.387-0.309,3.451-0.928c1.064-0.618,1.911-1.453,2.542-2.505 c0.631-1.051,0.946-2.196,0.946-3.433c0-0.891-0.186-1.757-0.557-2.598c-0.371-0.841-0.884-1.59-1.54-2.245 s-1.398-1.157-2.227-1.503c-0.829-0.346-1.701-0.52-2.616-0.52c-1.237,0-2.381,0.309-3.433,0.928S3.181,4.317,2.562,5.368 S1.635,7.564,1.635,8.801c0,1.311,0.359,2.523,1.076,3.637l0.148,0.26l-0.705,2.523l2.598-0.668l0.26,0.148 C6.076,15.344,7.238,15.666,8.5,15.666z M12.248,10.508l0.111,0.074c0.173,0.074,0.272,0.136,0.297,0.186 c0.025,0.049,0.031,0.173,0.019,0.371c-0.012,0.198-0.062,0.402-0.148,0.612c-0.087,0.21-0.285,0.421-0.594,0.631 c-0.309,0.21-0.575,0.328-0.798,0.353c-0.346,0.049-0.68,0.049-1.002,0c-0.371-0.074-0.866-0.247-1.484-0.52 c-1.262-0.544-2.412-1.559-3.451-3.043L5.123,9.098C4.579,8.331,4.307,7.626,4.307,6.982s0.223-1.2,0.668-1.67l0.037-0.037 c0.173-0.173,0.359-0.26,0.557-0.26h0.445c0.099,0,0.179,0.019,0.241,0.056c0.062,0.037,0.118,0.13,0.167,0.278l0.631,1.521 C7.127,7.02,7.139,7.143,7.09,7.242C6.966,7.49,6.805,7.712,6.607,7.91C6.508,8.009,6.447,8.09,6.422,8.151 c-0.025,0.062,0,0.13,0.074,0.204c0.346,0.643,0.755,1.15,1.225,1.521c0.346,0.272,0.866,0.581,1.559,0.928 c0.198,0.099,0.346,0.087,0.445-0.037c0.322-0.371,0.544-0.643,0.668-0.816c0.049-0.099,0.111-0.148,0.186-0.148 s0.161,0.012,0.26,0.037C11.036,9.914,11.506,10.137,12.248,10.508z"/>
+    </symbol>
+    <symbol id="ico--job-email" viewBox="0 0 17 13">
+        <path fill="#FFFFFF" d="M16.678,4.46C16.807,4.357,17,4.454,17,4.616v6.79C17,12.286,16.286,13,15.406,13H1.594 C0.714,13,0,12.286,0,11.406V4.62c0-0.166,0.189-0.259,0.322-0.156c0.744,0.578,1.73,1.312,5.117,3.772 C6.139,8.747,7.321,9.822,8.5,9.816c1.185,0.01,2.391-1.089,3.065-1.58C14.951,5.775,15.934,5.038,16.678,4.46z M8.5,8.75 C7.73,8.763,6.621,7.78,6.063,7.375c-4.406-3.197-4.741-3.48-5.757-4.273C0.113,2.949,0,2.72,0,2.475V1.844 C0,0.964,0.714,0.25,1.594,0.25h13.812C16.286,0.25,17,0.964,17,1.844v0.631c0,0.246-0.113,0.478-0.305,0.628 c-1.016,0.797-1.351,1.076-5.757,4.273C10.379,7.78,9.27,8.763,8.5,8.75z"/>
+    </symbol>
+    <symbol id="ico--job-fb" viewBox="0 0 56 56">
+    </symbol>
+</svg>
 
-<div>
-    <button style="display: block; text-align: center; color: #fff; background: #006957; padding: 10px; width: 100%; border: 0; border-radius: 3px; cursor: pointer;" class="js-job-action" data-id="action--form">Kandidatuoti</button>
+<div class="c-share">
+    <p class="c-share--heading"><?php _e('Suggest a friend', 'biuro'); ?></p>
+    <div class="c-share--options">
+        <a href="#" class="c-share--option c-share--option-facebook">
+            <svg width="9px" height="18px" class="c-ico--share-facebook">
+                <use xlink:href="#ico--job-facebook"></use>
+            </svg>
+        </a>
+        <a href="#" class="c-share--option c-share--option-messenger">
+            <svg width="15px" height="15px" class="c-ico--share-messenger">
+                <use xlink:href="#ico--job-messenger"></use>
+            </svg>
+        </a>
+        <a href="#" class="c-share--option c-share--option-email">
+            <svg width="17px" height="13px" class="c-ico--share-email">
+                <use xlink:href="#ico--job-email"></use>
+            </svg>
+        </a>
+        <a href="#" class="c-share--option c-share--option-copy" style="color: white">copy</a>
+        <a href="#" class="c-share--option c-share--option-phone">
+            <svg width="17px" height="18px" class="c-ico--share-whatsapp">
+                <use xlink:href="#ico--job-whatsapp"></use>
+            </svg>
+        </a>
+    </div>
 </div>
 
-<div class="tmp-contacts">
-<?php
-    // $page = get_page( $jobID );
-
-    // debug( $page );
+<div class="c-job-contacts">
+    <ul>
+        <li>
+            <a class="gtm-b2c-phone-click" href="tel: 8 379 99254">
+                <svg xmlns="http://www.w3.org/2000/svg" width="19px" height="20px" viewBox="0 0 19 20" class="c-ico--phone">
+                    <path fill="#2A3644" d="M18.102,1.269C18.629,1.388,19,1.856,19,2.398c0,9.4-7.619,16.977-16.977,16.977 c-0.542,0-1.009-0.371-1.132-0.902L0.03,14.736c-0.126-0.546,0.156-1.102,0.672-1.325l4.023-1.726 c0.471-0.204,1.028-0.067,1.354,0.33l1.637,2c2.572-1.262,4.661-3.355,5.923-5.923l-2-1.636c-0.397-0.327-0.534-0.883-0.33-1.354 l1.726-4.026c0.223-0.516,0.783-0.798,1.328-0.672L18.102,1.269z M2.045,18.188c8.702-0.011,15.757-7.062,15.764-15.764L14.113,1.57 l-1.707,3.986l2.702,2.208c-1.796,3.83-3.878,5.919-7.722,7.722l-2.208-2.702l-3.986,1.707L2.045,18.188z"/>
+                </svg> 8 379 99254
+            </a>
+        </li>
+        <li>
+            <a class="gtm-b2c-email-click" href="mailto:kaunascv@biuro.lt">
+                <svg xmlns="http://www.w3.org/2000/svg"width="20px" height="15px" viewBox="0 0 20 15" class="c-ico--email">
+                    <path fill="#2A3644" d="M17.641,0.75c0.983,0,1.781,0.798,1.781,1.781v10.688c0,0.983-0.798,1.781-1.781,1.781H2.203 c-0.983,0-1.781-0.798-1.781-1.781V2.531c0-0.983,0.798-1.781,1.781-1.781H17.641z M2.203,1.938c-0.327,0-0.594,0.267-0.594,0.594 v1.536C2.422,4.754,3.584,5.7,7.198,8.569c0.623,0.497,1.863,1.696,2.724,1.681c0.861,0.015,2.097-1.184,2.724-1.681 c3.614-2.869,4.776-3.815,5.589-4.501V2.531c0-0.327-0.267-0.594-0.594-0.594H2.203z M17.641,13.813 c0.327,0,0.594-0.267,0.594-0.594V5.611c-0.846,0.694-2.182,1.766-4.85,3.885c-0.779,0.623-2.112,1.952-3.462,1.941 C8.564,11.445,7.22,10.105,6.46,9.497c-2.668-2.119-4.004-3.191-4.85-3.885v7.607c0,0.327,0.267,0.594,0.594,0.594H17.641z"/>
+                </svg> kaunascv@biuro.lt
+            </a>
+        </li>
+        <li>
+            <a href="https://maps.google.com/?q=Gedimino g. 47 - 301, Kaunas" target="_blank" rel="noopener">
+                <svg xmlns="http://www.w3.org/2000/svg" width="15px" height="21px" viewBox="0 0 15 21" class="c-ico--address">
+                    <path fill="#2A3644" d="M7.5,4.25c2.068,0,3.75,1.682,3.75,3.75s-1.682,3.75-3.75,3.75S3.75,10.068,3.75,8 S5.432,4.25,7.5,4.25z M7.5,10.5C8.878,10.5,10,9.379,10,8S8.878,5.5,7.5,5.5C6.121,5.5,5,6.622,5,8C5,9.379,6.121,10.5,7.5,10.5z M7.5,0.5C11.642,0.5,15,3.858,15,8c0,3.024-1.054,3.868-6.729,12.096c-0.373,0.538-1.169,0.538-1.542,0C1.054,11.868,0,11.024,0,8 C0,3.858,3.358,0.5,7.5,0.5z M7.5,19.013c5.442-7.87,6.25-8.494,6.25-11.013c0-1.669-0.65-3.239-1.831-4.419 C10.739,2.4,9.169,1.75,7.5,1.75S4.261,2.4,3.081,3.581C1.9,4.761,1.25,6.331,1.25,8C1.25,10.519,2.059,11.144,7.5,19.013z"/>
+                </svg> Gedimino g. 47 – 301, Kaunas
+            </a>
+        </li>
+    </ul>
 
+<?php
+    $jobID = get_the_ID();
 
-    $where = 'valid.meta_value > "' . date('Y-m-d', strtotime('-1 days')) . '"';
-    // $where = 'valid.meta_value > "' . date('Y-m-d', strtotime('-1 days')) . '" AND (t.post_title LIKE "%' . searchQuery . '%" OR  t.post_content LIKE "%' . searchQuery . '%")';
+    // $where = 'valid.meta_value > "' . date('Y-m-d', strtotime('-1 days')) . '"';
 
     $params = array(
         'where' => 't.id=' . $jobID,
@@ -30,10 +86,14 @@
     $contacts = pods( 'job', $params );
 
     while ( $contacts->fetch() ) :
-        echo $contacts->display( 'contact' );
+        // echo $contacts->display( 'contact' );
     endwhile;
 ?>
 </div>
 
-<br>
-<br>
+<?php
+/*
+    <h3>Job: <?php echo $jobID; ?></h3>
+*/
+ ?>
+

wp-content/themes/biuro/template-parts/menus/menu-about.php

@@ -10,11 +10,11 @@
     if ( ( $locations = get_nav_menu_locations() ) && isset( $locations[ $menu ] ) ) {
         $o = wp_get_nav_menu_object( $locations[ $menu ] );
 
-        echo '<h4>' . $o->name . '</h4>';
+        echo '<p class="c-footer-section--heading">' . $o->name . '</p>';
 
         if ( $o ) {
             $items = wp_get_nav_menu_items($o->term_id);
-            $about .= '<ul class="o-nav c-nav--about">';
+            $about .= '<ul class="o-nav c-nav--footer c-nav--footer-about">';
 
             foreach( $items as $item ) {
                 $title = $item->title;

wp-content/themes/biuro/template-parts/menus/menu-employees.php

@@ -10,11 +10,11 @@
     if ( ( $locations = get_nav_menu_locations() ) && isset( $locations[ $menu ] ) ) {
         $o = wp_get_nav_menu_object( $locations[ $menu ] );
 
-        echo '<h4>' . $o->name . '</h4>';
+        echo '<p class="c-footer-section--heading">' . $o->name . '</p>';
 
         if ( $o ) {
             $items = wp_get_nav_menu_items($o->term_id);
-            $employees .= '<ul class="o-nav c-nav--employees">';
+            $employees .= '<ul class="o-nav c-nav--footer c-nav--footer-employees">';
 
             foreach( $items as $item ) {
                 $title = $item->title;

wp-content/themes/biuro/template-parts/menus/menu-employers.php

@@ -10,11 +10,11 @@
     if ( ( $locations = get_nav_menu_locations() ) && isset( $locations[ $menu ] ) ) {
         $o = wp_get_nav_menu_object( $locations[ $menu ] );
 
-        echo '<h4>' . $o->name . '</h4>';
+        echo '<p class="c-footer-section--heading">' . $o->name . '</p>';
 
         if ( $o ) {
             $items = wp_get_nav_menu_items($o->term_id);
-            $employers .= '<ul class="o-nav c-nav--employers">';
+            $employers .= '<ul class="o-nav c-nav--footer c-nav--footer-employers">';
 
             foreach( $items as $item ) {
                 $title = $item->title;

wp-content/themes/biuro/template-parts/menus/menu-language.php

@@ -10,9 +10,25 @@
         'force_home'=>1
     ) );
 
+    usort($translations, function($a, $b) {
+        return $a['current_lang'] < $b['current_lang'];
+    });
+
+
     foreach ($translations as $code => $lang) :
-                $classCSS = $lang['current_lang'] ? 'class="act"' : '';
-                echo '<li><a href="' . $lang['url'] . '" title="' . $lang['name'] . '" ' . $classCSS . '>' . strtoupper($lang['slug']) . '</a></li>';
+
+        // $classCSS = $lang['current_lang'] ? 'c-nav--lang-anchor--current' : '';
+        $classCSS = '';
+
+        echo '<li class="c-nav--lang-item"><a href="' . $lang['url'] . '" title="' . $lang['name'] . '" class="c-nav--lang-anchor c-nav--lang-anchor-' . $lang['slug'] . ' ' . $classCSS . '">' . strtoupper($lang['slug']);
+
+        if ($lang['current_lang']):
+            echo '<svg xmlns="http://www.w3.org/2000/svg" width="8.751px" height="5.213px" viewBox="0 0 8.751 5.213" enable-background="new 0 0 8.751 5.213" xml:space="preserve">
+                <path class="u-fill-inherit" d="M4.143,5.117L0.096,1.103c-0.129-0.129-0.129-0.336,0-0.465l0.541-0.541 c0.129-0.129,0.336-0.129,0.465,0l3.273,3.24l3.273-3.24c0.129-0.129,0.336-0.129,0.465,0l0.541,0.541 c0.129,0.129,0.129,0.336,0,0.465L4.608,5.117C4.48,5.245,4.272,5.245,4.143,5.117z"/>
+            </svg>';
+        endif;
+
+        echo '</a></li>';
     endforeach;
 ?>
     </ul>

wp-content/themes/biuro/template-parts/menus/menu-main.php

 <?php
-        global $section;
-
     $menu_name = 'main-menu';
     $locations = get_nav_menu_locations();
     $menu = $locations ? wp_get_nav_menu_object( $locations[ $menu_name ] ) : null;
@@ -11,39 +9,38 @@
     $main = '';
 
     function isSubActive($childID, $ID) {
-            if (!$ID) {
+        if (!$ID):
             return false;
-            }
+        endif;
 
-            if ($childID == $ID) {
+        if ($childID == $ID):
             return true;
-            }
+        endif;
 
         return ( get_post_meta( $childID, 'divisions-page', true )&& pods( 'division' )->find( array( 'limit' => 1, 'where'=>"page-id.ID = " . $ID ) )->total() ) ? true : false;
     }
 
-        foreach( $menu_items as $menu_item ) {
-            if ($menu_item->menu_item_parent == 0) {
-
+    foreach( $menu_items as $menu_item ):
+        if ($menu_item->menu_item_parent == 0):
             $no++;
             $items[$menu_item->ID]['props'] = $menu_item;
             $items[$menu_item->ID]['no'] = $no;
             $items[$menu_item->ID]['active'] = ($menu_item->object_id == $ID) ? true : false;
-            } else {
+        else:
             $items[$menu_item->menu_item_parent]['children'][] = $menu_item;
 
-                if ($menu_item->object_id == $ID) {
+            if ($menu_item->object_id == $ID):
                 $items[$menu_item->menu_item_parent]['active'] = true;
-                }
-            }
-        }
+            endif;
+        endif;
+    endforeach;
 
     $main .= '<ul class="o-nav c-nav--main">';
-        foreach($items as $item) {
+    foreach($items as $item) :
         $children = array_key_exists('children', $item);
         $url = ($children) ? $item['children'][0]->url : $item['props']->url;
 
-            $sectionCSS = ($section == get_post_meta( $item['props']->object_id, 'section', true )) ? 'is-nav--main-item-active' : '';
+        $sectionCSS = ( get_post_meta( $post->ID, 'section', true) == get_post_meta( $item['props']->object_id, 'section', true )) ? 'is-nav--main-item-active' : '';
         $main .= '<li class="c-nav--main-item ' . $sectionCSS . '">';
 
         $classCSS = ($item['active']) ? 'is-nav--main-anchor-active"' : '';
@@ -53,8 +50,6 @@
             $main .= '<ul class="o-nav c-nav--sub">';
 
             foreach($item['children'] as $child) :
-
-                    // $classCSS = ($child->object_id == $ID ) ? 'is-nav--sub-anchor-active' : '';
                 $classCSS = isSubActive($child->object_id, $ID ) ? 'is-nav--sub-anchor-active' : '';
                 $main .= '<li class="c-nav--sub-item"><a href="' . $child->url . '" title="' . get_the_title($child->object_id) . '" class="c-nav--sub-anchor ' . $classCSS .'">' . $child->title . '</a></li>';
             endforeach;
@@ -63,7 +58,8 @@
         endif;
 
         $main .= '</li>';
-        }
+    endforeach;
+
     $main .= '</ul>';
 
     echo $main;

wp-content/themes/biuro/template-parts/menus/menu-region.php

@@ -10,11 +10,11 @@
     if ( ( $locations = get_nav_menu_locations() ) && isset( $locations[ $menu ] ) ) {
         $o = wp_get_nav_menu_object( $locations[ $menu ] );
 
-        echo '<h4>' . $o->name . '</h4>';
+        echo '<p class="c-footer-section--heading">' . $o->name . '</p>';
 
         if ( $o ) {
             $items = wp_get_nav_menu_items($o->term_id);
-            $region .= '<ul class="o-nav c-nav--region">';
+            $region .= '<ul class="o-nav c-nav--footer c-nav--footer-region">';
 
             foreach( $items as $item ) {
                 $title = $item->title;

wp-init.sh

@@ -43,13 +43,14 @@ wp plugin activate akismet --network
 
 wp plugin activate biuro-contacts --network
 wp plugin activate biuro-feedbacks --network
+wp plugin activate biuro-html --network
 wp plugin activate biuro-sections --network
 wp plugin activate biuro-services --network
 wp plugin activate biuro-values --network
 
 wp plugin activate cookies-warning --network
 wp plugin activate data-controller --network
-# wp plugin activate jobs-importer
+# wp plugin activate jobs-importer --network
 
 # WP themes
 wp theme update --all