Merge pull request 'release/live to main' (#7) from release/live into main

Reviewed-on: #7

.env.example

@@ -0,0 +1,39 @@
+APP_NAME="NH Gooi"
+APP_ENV=production
+APP_KEY=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
+APP_DEBUG=false
+APP_LOG_LEVEL=error
+APP_URL=https://dev.nhgooi.nl
+IMAGE_BASE_URL=https://dev.nhgooi.nl
+
+API_URL=https://api.nhgooi.nl/
+
+BROADCAST_DRIVER=log
+CACHE_DRIVER=file
+SESSION_DRIVER=file
+QUEUE_DRIVER=sync
+
+REDIS_HOST=127.0.0.1
+REDIS_PASSWORD=null
+REDIS_PORT=6379
+
+MAIL_DRIVER=smtp
+MAIL_HOST=in-v3.mailjet.com 
+MAIL_PORT=25
+MAIL_USERNAME=mailjet_username
+MAIL_PASSWORD=mailjet_password
+MAIL_ENCRYPTION=null
+
+PUSHER_APP_ID=
+PUSHER_APP_KEY=
+PUSHER_APP_SECRET=
+
+DB_CONNECTION=mysql
+DB_HOST=nhgooi.nl
+DB_PORT=3306
+DB_DATABASE=dbname
+DB_USERNAME=6fmstats
+DB_PASSWORD=dbpass
+
+CACHE_DRIVER=file
+QUEUE_DRIVER=sync

Dockerfile

@@ -0,0 +1,38 @@
+FROM php:8.1-apache
+
+RUN apt-get update \
+    && apt-get -y install \
+            g++ \
+            libcurl4-gnutls-dev \
+            libxml2-dev \
+            libxslt-dev \
+            libzip-dev \
+            zlib1g-dev \
+            msmtp \
+            unzip \
+            git \
+            ssl-cert \
+            locales \
+        --no-install-recommends \
+    && docker-php-ext-install pdo pdo_mysql mysqli xsl xml zip opcache \
+    && a2enmod rewrite ssl proxy proxy_http headers \
+	&& apt-get purge -y g++ \
+    && apt-get autoremove -y \
+    && rm -r /var/lib/apt/lists/*
+
+# Get latest Composer
+COPY --from=composer:latest /usr/bin/composer /usr/bin/composer
+
+# Update the default apache site with the config we created.
+ADD docker/apache.conf /etc/apache2/sites-enabled/000-default.conf
+
+WORKDIR /var/www/html
+# COPY . /var/www/html
+
+RUN mkdir -p storage/framework/{sessions,views,cache,cache/data} && \
+  chown -R www-data:www-data storage/framework && \
+  chmod -R 775 storage
+
+RUN php artisan cache:clear && \
+    php artisan config:clear && \
+    php artisan view:clear

Dockerfile.dev

@@ -0,0 +1,38 @@
+FROM php:8.1-apache
+
+RUN apt-get update \
+    && apt-get -y install \
+            g++ \
+            libcurl4-gnutls-dev \
+            libxml2-dev \
+            libxslt-dev \
+            libzip-dev \
+            zlib1g-dev \
+            msmtp \
+            unzip \
+            git \
+            ssl-cert \
+            locales \
+        --no-install-recommends \
+    && docker-php-ext-install pdo pdo_mysql mysqli xsl xml zip opcache \
+    && a2enmod rewrite ssl proxy proxy_http headers \
+	&& apt-get purge -y g++ \
+    && apt-get autoremove -y \
+    && rm -r /var/lib/apt/lists/*
+
+# Get latest Composer
+COPY --from=composer:latest /usr/bin/composer /usr/bin/composer
+
+# Update the default apache site with the config we created.
+ADD docker/apache.dev.conf /etc/apache2/sites-enabled/000-default.conf
+
+WORKDIR /var/www/html
+COPY . /var/www/html
+
+RUN mkdir -p storage/framework/{sessions,views,cache,cache/data} && \
+  chown -R www-data:www-data storage/framework && \
+  chmod -R 775 storage
+
+# RUN php artisan cache:clear && \
+#   php artisan config:clear && \
+#  php artisan view:clear

Gruntfile.js

@@ -0,0 +1,37 @@
+module.exports = function(grunt) {
+
+  // Project configuration.
+  grunt.initConfig({
+    pkg: grunt.file.readJSON('package.json'),
+    uglify: {
+      options: {
+        banner: '/*! <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") %> */\n'
+      },
+      build: {
+        src: 'public/js/functions.js',
+        dest: 'public/js/functions.min.js'
+      }
+    },
+    concat: {
+      js: {
+        src: ['resources/assets/js/functions/*.js'],
+        dest: 'public/js/functions.js'
+      }
+    },
+    watch: {
+      scripts: {
+        files: 'resources/assets/js/functions/*.js',
+        tasks: ['concat', 'uglify'],
+        options: {
+          interrupt: true,
+        },
+      },
+    },
+  });
+
+  // Load the plugin that provides the "uglify" task.
+  grunt.loadNpmTasks('grunt-contrib-uglify');
+  grunt.loadNpmTasks('grunt-contrib-concat');
+  grunt.loadNpmTasks('grunt-contrib-watch');
+
+};

app/Http/Controllers/CalendarController.php

@@ -12,18 +12,18 @@ class CalendarController extends Controller
         $apiResult = $this->API('agenda/item/' . (int)$id);
         $calendarEvent = new \Model\CalendarEvent($apiResult);
 
-        return view('calendarevent', ['event' => $calendarEvent, 'metadata' => $calendarEvent->metadata]);
+        return view('calendarevent', array_merge($this->getSidebareData(), ['event' => $calendarEvent, 'metadata' => $calendarEvent->metadata]));
     }
 
     public function overview(Request $request)
     {
         $apiResult = $this->API('agenda/overzicht');
         $calendar = [];
-        foreach($apiResult as $calendarItem)
+        foreach($apiResult->events as $calendarItem)
         {
             $calendar[] = new \Model\CalendarEvent($calendarItem);
         }
 
-        return view('calendarlist', ['events' => $calendar]);
+        return view('calendarlist', array_merge($this->getSidebareData(), ['events' => $calendar]));
     }
 }

app/Http/Controllers/Controller.php

@@ -2,11 +2,11 @@
 
 namespace App\Http\Controllers;
 
-use Illuminate\Foundation\Bus\DispatchesJobs;
-use Illuminate\Routing\Controller as BaseController;
-use Illuminate\Foundation\Validation\ValidatesRequests;
 use Illuminate\Foundation\Auth\Access\AuthorizesRequests;
+use Illuminate\Foundation\Bus\DispatchesJobs;
+use Illuminate\Foundation\Validation\ValidatesRequests;
 use Illuminate\Http\Request;
+use Illuminate\Routing\Controller as BaseController;
 use Illuminate\Support\Facades\Session;
 use Illuminate\Support\Facades\Storage;
 use Illuminate\Support\Facades\View;
@@ -14,113 +14,165 @@ use Illuminate\Support\Facades\View;
 class Controller extends BaseController
 {
     use AuthorizesRequests, DispatchesJobs, ValidatesRequests;
- 
-      protected $API_URL;
- 
-	private function getDataFromFileAndConvert($file, $path, $class, $maxItems = 0) 
-	{
-		$data = json_decode(Storage::disk('local')->get($file));
-		foreach($path as $subobject) { $data = $data->$subobject; }
-		$items = [];
-		foreach($data as $item_data) 
-		{
-			$items[] = new $class($item_data);
-			if($maxItems && count($items) == $maxItems) { break; }
-		}
 
-		return $items;
+    protected $API_URL;
+
+    private function getDataFromFileAndConvert($file, $path, $class, $maxItems = 0)
+    {
+        $data = json_decode(Storage::disk('local')->get($file));
+        foreach ($path as $subobject) {
+            $data = $data->$subobject;
 	}
+        $items = [];
+        foreach ($data as $item_data) {
+            $items[] = new $class($item_data);
+            if ($maxItems && count($items) == $maxItems) {
+                break;
+            }
+	}
+
+        return $items;
+    }
 
     public function __construct()
     {
-		View::share('apiUrl', $this->API_URL = env('API_URL', 'http://api.6fm.nl/'));
-		View::share('imgBase', env('IMAGE_BASE_URL', '/'));
+        View::share('apiUrl', $this->API_URL = env('API_URL', 'http://api.6fm.nl/'));
+        View::share('imgBase', env('IMAGE_BASE_URL', '/'));
 
-		$blogs = $this->getDataFromFileAndConvert('blogs.json', [], '\Model\Blog', 1);
-		$activeBlog = count($blogs) && $blogs[0]->is_active ? $blogs[0] : null;
-		View::share('activeBlog', $activeBlog);
+        $blogs = $this->getDataFromFileAndConvert('blogs.json', [], '\Model\Blog', 1);
+        $activeBlog = count($blogs) && $blogs[0]->is_active ? $blogs[0] : null;
+        View::share('activeBlog', $activeBlog);
 
 
-		//View::share('onAir', file_get_contents(url('onair')));
-		View::composer('widgets.laatstenieuws', function($view) {
-			$view->with('data', $this->getDataFromFileAndConvert('laatste_nieuws.json', ['news'], '\Model\NewsItem'));
-		});
-		View::composer('widgets.populairnieuws', function($view) {
-			$view->with('data', $this->getDataFromFileAndConvert('populair_nieuws.json', [], '\Model\NewsItem'));
-		});
-		View::composer('widgets.nustraks', function($view) {
-			$data = json_decode(Storage::disk('local')->get('nu_straks.json'))->schedule;
-			$programs = [];
-			foreach($data as $item_data) 
-			{
-				$programs[] = $program = new \Model\Program($item_data->program);
-				$program->start = new \DateTimeImmutable($item_data->start->date, new \DateTimeZone($item_data->start->timezone));
-				$program->end = new \DateTimeImmutable($item_data->end->date, new \DateTimeZone($item_data->end->timezone));
-			}
+        //View::share('onAir', file_get_contents(url('onair')));
+        View::composer('widgets.laatstenieuws', function ($view) {
+            $view->with('data', $this->getDataFromFileAndConvert('laatste_nieuws.json', ['news'], '\Model\NewsItem'));
+        });
+        View::composer('widgets.populairnieuws', function ($view) {
+            $view->with('data', $this->getDataFromFileAndConvert('populair_nieuws.json', ['news'], '\Model\NewsItem'));
+        });
+        View::composer('widgets.nustraks', function ($view) {
+            $data = json_decode(Storage::disk('local')->get('nu_straks.json'))->schedule;
+            $programs = [];
+            foreach ($data as $item_data) {
+                $programs[] = $program = new \Model\Program($item_data->program);
+                $program->start = self::JsonToDateTime($item_data->start);
+                $program->end = self::JsonToDateTime($item_data->end);
+            }
 
-			// Need a bit of slack here, otherwise the current program may show up
-			$now = new \DateTimeImmutable('2 minutes ago');
-			$data = json_decode(Storage::disk('local')->get('zojuist.json'))->schedule;
-			$i = 0;
-			foreach(array_reverse($data) as $item_data) 
-			{
-				$recent = $program = new \Model\Program($item_data->program);
-				$recent->start = new \DateTimeImmutable($item_data->start->date, new \DateTimeZone($item_data->start->timezone));
-				$recent->end = new \DateTimeImmutable($item_data->end->date, new \DateTimeZone($item_data->end->timezone));
-				if(($recent->end < $now) && (!$recent->nonstop) && (!$recent->rerun)) {
-					$view->with('recent', $recent);
-					break;
-				}
-			}
+            // Need a bit of slack here, otherwise the current program may show up
+            $now = new \DateTimeImmutable('2 minutes ago');
+            $data = json_decode(Storage::disk('local')->get('zojuist.json'))->schedule;
+            $i = 0;
+            foreach (array_reverse($data) as $item_data) {
+                $recent = $program = new \Model\Program($item_data->program);
+                $recent->start = self::JsonToDateTime($item_data->start);
+                $recent->end = self::JsonToDateTime($item_data->end);
+                if (($recent->end < $now) && (!$recent->nonstop) && (!$recent->rerun)) {
+                    $view->with('recent', $recent);
+                    break;
+                }
+            }
 
-			$view->with('data', $programs);
-		});
-		View::composer('widgets.laatstepodcasts', function($view) {
-			$view->with('data', $this->getDataFromFileAndConvert('laatste_podcasts.json', ['podcasts'], '\Model\Podcast'));
-		});
-		View::composer('widgets.regioagenda', function($view) {
-			$view->with('data', $this->getDataFromFileAndConvert('regioagenda.json', [], '\Model\CalendarEvent'));
-		});
-		View::composer('widgets.beelden', function($view) {
-			$view->with('data', $this->getDataFromFileAndConvert('beelden.json', ['items'], '\Model\NewsItem'));
-		});
-		View::composer('widgets.menu', function($view) {
-			$view->with('news', $this->getDataFromFileAndConvert('laatste_nieuws.json', ['news'], '\Model\NewsItem'))
-				->with('popular', $this->getDataFromFileAndConvert('populair_nieuws.json', [], '\Model\NewsItem', 3))
-				->with('podcasts', $this->getDataFromFileAndConvert('laatste_podcasts.json', ['podcasts'], '\Model\Podcast'));
-		});
+            $view->with('data', $programs);
+        });
+        View::composer('widgets.laatstepodcasts', function ($view) {
+            $view->with('data',
+                $this->getDataFromFileAndConvert('laatste_podcasts.json', ['podcasts'], '\Model\Podcast'));
+        });
+        View::composer('widgets.regioagenda', function ($view) {
+            $view->with('data', $this->getDataFromFileAndConvert('regioagenda.json', [], '\Model\CalendarEvent'));
+        });
+        View::composer('widgets.beelden', function ($view) {
+            $view->with('data', $this->getDataFromFileAndConvert('beelden.json', ['items'], '\Model\NewsItem'));
+        });
+        View::composer('widgets.menu', function ($view) {
+            $view->with('news', $this->getDataFromFileAndConvert('laatste_nieuws.json', ['news'], '\Model\NewsItem'))
+                ->with('popular', $this->getDataFromFileAndConvert('populair_nieuws.json', ['news'], '\Model\NewsItem', 3))
+                ->with('podcasts',
+                    $this->getDataFromFileAndConvert('laatste_podcasts.json', ['podcasts'], '\Model\Podcast'));
+        });
+
+        View::share('disableBanners', env('DISABLE_BANNERS', true));
     }
- 
+
     protected function registerView(Request $request, $type, $id)
     {
-	if(config('app.env') == 'local') {	
-        	return;
-	}
+        if (config('app.env') == 'local') {
+            return;
+        }
 
-        app('db')->insert('INSERT INTO `pagestats`(`type`, `item_id`, `visitor_ip`, `session`, `referer`) VALUES(:type, :id, :ip, :session, :referer)', [
-            'type' => $type,
-            'id' => $id,
-            'ip' => $request->server('REMOTE_ADDR'),
-            'session' => md5(Session::getId()),
-            'referer' => $request->server('HTTP_REFERRER')
-        ]);
+        app('db')->insert('INSERT INTO `pagestats`(`type`, `item_id`, `visitor_ip`, `session`, `referer`) VALUES(:type, :id, :ip, :session, :referer)',
+            [
+                'type' => $type,
+                'id' => $id,
+                'ip' => $request->server('REMOTE_ADDR'),
+                'session' => md5(Session::getId()),
+                'referer' => $request->server('HTTP_REFERRER')
+            ]);
     }
 
     protected function API($url)
     {
-        return json_decode(file_get_contents($this->API_URL . $url));
+        $arrContextOptions = [
+            'ssl' => [
+                "verify_peer" => false,
+                "verify_peer_name" => false,
+	    ],
+	    'http' => [
+		'method' => 'GET',
+                'header' => 'X-Api-Key: ' . sha1(request()->server('REMOTE_ADDR')) . "\r\n"
+                         . 'X-User-Agent: ' . request()->server('HTTP_USER_AGENT') . "\r\n"
+	    ]
+        ];
+
+        return json_decode(file_get_contents($this->API_URL . $url, false, stream_context_create($arrContextOptions)));
     }
 
-    protected static function JsonToDateTime($obj) 
+    protected function checkAPI($url)
     {
-        return new \DateTime($obj->date, new \DateTimeZone($obj->timezone));
+        return $this->get_http_response_code($this->API_URL . $url);
     }
 
-    public function __call($method, $arguments) {
-      if(substr($method, 0, 5) == 'view_') { 
-        $view = substr($method, 5);
-        if(view()->exists($view)) { return view($view); }
-      }
-      return abort(404);
+    protected function get_http_response_code($url)
+    {
+        $headers = get_headers($url);
+        return substr($headers[0], 9, 3);
+    }
+
+
+
+    protected static function JsonToDateTime($obj)
+    {
+        return is_object($obj) ? new \DateTime($obj->date, new \DateTimeZone($obj->timezone)) : \Carbon\Carbon::parse($obj)->setTimezone(date_default_timezone_get());
+    }
+
+    public function __call($method, $arguments)
+    {
+        if (substr($method, 0, 5) == 'view_') {
+            $view = substr($method, 5);
+            if (view()->exists($view)) {
+                return view($view);
+            }
+        }
+
+        return abort(404);
+    }
+
+    public function getSidebareData()
+    {
+        $populair = [];
+	$apiResult = $this->API('nieuws/populair?aantal=5');
+        foreach ($apiResult->news as $_newsItem) {
+            $populair[] = new \Model\NewsItem($_newsItem);
+        }
+
+        $newsItems = [];
+        $apiResult = $this->API('nieuws/overzicht?aantal=5');
+        foreach ($apiResult->news as $_newsItem) {
+            $newsItems[] = new \Model\NewsItem($_newsItem);
+        }
+
+        return ['newsItems' => $newsItems, 'populair' => $populair];
     }
 }

app/Http/Controllers/HomeController.php

@@ -2,36 +2,29 @@
 
 namespace App\Http\Controllers;
 
+use Illuminate\Http\Request;
 use \Model\NewsItem;
 
 class HomeController extends Controller
 {
-    public function show()
+    public function show(Request $request)
     {
-        $apiResult = $this->API('nieuws/overzicht?aantal=12');
+        $page = (int)$request->get('pagina', 1);
+        $apiResult = $this->API('nieuws/overzicht?pagina=' . (int)max(1, $page) . '&aantal=10');
         $news = [];
-        foreach($apiResult->news as $newsItem)
-        {
-          $news[] = new \Model\NewsItem($newsItem);
-        } 
-
-        $apiResult = $this->API('programma/schema/nustraks');
-        $comingUp = [];
-        foreach($apiResult->schedule as $program)
-        {
-          $comingUp[] = [
-            'start' => self::JsonToDateTime($program->start),
-            'end' => self::JsonToDateTime($program->end),
-            'program' => new \Model\Program($program->program) 
-          ];
+        foreach ($apiResult->news as $newsItem) {
+            $news[] = new \Model\NewsItem($newsItem);
         }
 
-        $apiResult = $this->API('podcast/overzicht?aantal=20');
-        $podcasts = [];
-        foreach($apiResult->podcasts as $podcast) { 
-          $podcasts[] = new \Model\Podcast($podcast);
+        $populair = [];
+        $apiResult = $this->API('nieuws/populair?pagina=' . (int)max(1, $page) . '&aantal=5');
+        foreach ($apiResult->news as $newsItem) {
+            $populair[] = new \Model\NewsItem($newsItem);
         }
 
-        return view('home', ['news' => $news, 'podcasts' => $podcasts, 'comingUp' => $comingUp]);
+	$apiResult = $this->API('podcast/overzicht?aantal=15');
+	$index = array_rand($apiResult->podcasts);
+        $podcast = new \Model\Podcast($apiResult->podcasts[$index]);
+        return view('home', ['populair' => $populair, 'podcast' => $podcast, 'title' => 'Home', 'news' => $news, 'searchURL' => 'nieuws/zoeken']);
     }
 }

app/Http/Controllers/JobsController.php

@@ -6,19 +6,19 @@ use Illuminate\Http\Request;
 use \Model\JobOpening;
 
 class JobsController extends Controller
-{ 
+{
     private static function TimestampToDateTime($timestamp) {
       $result = new \DateTime;
       $result->setTimestamp($timestamp);
       return $result;
     }
- 
+
     public function show(Request $request, $id)
     {
         parent::registerView($request, 'nieuws', $id);
         $apiResult = $this->API('vacatures/details/' . $id);
 	$jobsItem = new \Model\JobOpening($apiResult->item);
-	return view('jobsitem', ['job' => $jobsItem, 'metadata' => $jobsItem->metadata]);
+	return view('jobsitem', array_merge($this->getSidebareData(), ['job' => $jobsItem, 'metadata' => $jobsItem->metadata]));
     }
 
     public function overview(Request $request)
@@ -29,17 +29,17 @@ class JobsController extends Controller
     private function listJobs(Request $request, $url, $title = null)
     {
         $page = (int)$request->get('pagina', 1);
-        $apiResult = $this->API('vacatures/' . $url . '?pagina=' . (int)max(1, $page));
+        #$apiResult = $this->API('vacatures/' . $url . '?pagina=' . (int)max(1, $page));
         $jobs = [];
-        foreach($apiResult->jobs as $jobsItem)
-        {
-            $jobs[] = new \Model\JobOpening($jobsItem);
-        }
+        #foreach($apiResult->jobs as $jobsItem)
+        #{
+        #    $jobs[] = new \Model\JobOpening($jobsItem);
+        #}
 
-        return view('jobslist', ['title' => $title, 'jobs' => $jobs]);
+        return view('jobslist', array_merge($this->getSidebareData(), ['title' => $title, 'jobs' => $jobs]));
         //return view($request->ajax() ? 'partial/jobslist_small' : ($title == null ? 'home' : 'jobslist'), ['title' => $title, 'jobs' => $jobs, 'searchURL' => 'vacatures/zoeken']);
     }
- 
+
     public function bijeenkomst() {
       return view('kennismakingsbijeenkomst', ['a' => 2]);
     }
@@ -74,11 +74,11 @@ Wat leuk dat je je hebt aangemeld om kennis te maken met NH Gooi! Dank voor je i
 
 We nemen binnenkort persoonlijk contact met je op om ons nader voor te stellen en om te kijken waar je bij ons zou passen, via {$request['email']} of telefonisch op {$request['phone']}.
 
-Graag tot binnenkort en hartelijke groet,
+Graag tot binnenkort en hartelijke groet.
 
-Het team van NH Gooi
+Het team van NH Gooi,
 
-Ed Snel
+Léon Haver
 
 BODY;
       \Mail::raw($body, function($message) use($data) {

app/Http/Controllers/NewsController.php

@@ -6,70 +6,105 @@ use Illuminate\Http\Request;
 use \Model\NewsItem;
 
 class NewsController extends Controller
-{ 
-    private static function TimestampToDateTime($timestamp) {
-      $result = new \DateTime;
-      $result->setTimestamp($timestamp);
-      return $result;
+{
+    private static function TimestampToDateTime($timestamp)
+    {
+        $result = new \DateTime;
+        $result->setTimestamp($timestamp);
+        return $result;
     }
- 
+
     public function show(Request $request, $id)
     {
         parent::registerView($request, 'nieuws', $id);
         $apiResult = $this->API('nieuws/bericht/' . $id);
-	$newsItem = new \Model\NewsItem($apiResult->news);
+        $newsItem = new \Model\NewsItem($apiResult->news);
 
-	switch($apiResult->version) {
-		case 1:
-if(!$newsItem->content) return redirect('//nhnieuws.nl/gooi');
-			return view('newsitem', ['news' => $newsItem, 'metadata' => $newsItem->metadata]);
-			break;
+        switch ($apiResult->version) {
+            case 1:
+                if (!$newsItem->content) return redirect('//nhnieuws.nl/gooi');
+                return view('newsitem', ['news' => $newsItem, 'metadata' => $newsItem->metadata]);
+                break;
 
-		case 2:
-			$source = $apiResult->source;
-			$newsItem->published = self::TimestampToDateTime($source->created);
-			$newsItem->edited = self::TimestampToDateTime($source->updated);
-			$newsItem->author = $source->author;
-			$newsItem->images = null; // Images will be embedded
-			$newsItem->video = null; // Videos will be embedded
-			$newsItem->content = $source->blocks;
-			return view('newsitem', ['news' => $newsItem, 'metadata' => $newsItem->metadata]);
+            case 2:
+                $source = $apiResult->source->article;
+                $newsItem->published = self::TimestampToDateTime($source->created);
+                $newsItem->edited = self::TimestampToDateTime($source->updated);
+                $newsItem->author = $source->author;
+                $newsItem->images = null; // Images will be embedded
+                $newsItem->video = null; // Videos will be embedded
+                $newsItem->content = $source->blocks;
+
+
+
+                return view('newsitem', array_merge($this->getSidebareData(), ['news' => $newsItem, 'metadata' => $newsItem->metadata, 'searchURL' => 'nieuws/zoeken']));
         }
     }
 
     public function overview(Request $request)
     {
-        return $this->listNews($request, 'overzicht');
+        return $this->listNews($request, 'overzicht', null, 'items-more-news', 10);
+    }
+
+    public function more(Request $request)
+    {
+        $page = (int)$request->get('pagina', 1);
+        $id = $request->get('id', '');
+        $apiResult = $this->API('nieuws/overzicht?pagina=' . (int)max(1, $page) . '&aantal=5');
+        $news = [];
+        foreach ($apiResult->news as $newsItem) {
+            $news[] = new \Model\NewsItem($newsItem);
+        }
+
+        return view('partial/newslist_small', ['id' => $id, 'news' => $news]);
+    }
+
+    public function populair(Request $request)
+    {
+        $page = (int)$request->get('pagina', 1);
+        $id = $request->get('id', '');
+        $populair = [];
+        $apiResult = $this->API('nieuws/populair?pagina=' . (int)max(1, $page) . '&aantal=5');
+        foreach ($apiResult->news as $_newsItem) {
+            $populair[] = new \Model\NewsItem($_newsItem);
+        }
+
+        return view('partial/newslist_small', ['id' => $id, 'news' => $populair]);
+    }
+
+    public function taglist(Request $request, $tag)
+    {
+        return $this->listNews($request, 'tag/' . $tag, ucfirst($tag));
     }
 
     public function regionlist(Request $request, $region)
     {
-        return $this->listNews($request, 'regio/' . $region, ucfirst($region));
+        return $this->listNews($request, 'tag/' . $region, ucfirst($region));
     }
 
     public function themelist(Request $request, $theme)
     {
-        return $this->listNews($request, 'thema/' . $theme, ucfirst($theme));
+        return $this->listNews($request, 'tag/' . $theme, ucfirst($theme));
     }
- 
-    public function search(Request $request, $query) 
+
+    public function search(Request $request, $query)
     {
         return $this->listNews($request, 'zoeken/' . $query, 'Zoekresultaat')->with('query', urldecode($query));
     }
-    
+
 
     public function activeblog()
     {
         $apiResult = $this->API('blog/overzicht');
-        if(count($apiResult)) {
+        if (count($apiResult)) {
             $blog = new \Model\Blog($apiResult[0]);
-            if($blog->is_active) {
-              return redirect($blog->url);
+            if ($blog->is_active) {
+                return redirect($blog->url);
             }
         }
- 
+
         return abort(404);
-    } 
+    }
 
     public function blog(Request $request, $id)
     {
@@ -77,60 +112,85 @@ if(!$newsItem->content) return redirect('//nhnieuws.nl/gooi');
 
         $page = (int)$request->get('pagina', 1);
         $hasNext = true;
-        while($page > 0) {
-          $apiResult = $this->API('blog/overzicht/' . (int)$id . '?pagina=' . (int)max(1, $page));
-  
-          $blog = new \Model\Blog($apiResult->blog);
-          $items = [];
-          foreach($apiResult->items as $blogItem)
-          {
-              $items[] = new \Model\NewsItem($blogItem);
-          }
-  
-          if(count($items) || ($page == 1)) 
-          {
-            return view('blog', ['blog' => $blog, 'pagina' => $page, 'items' => $items, 'hasNext' => $hasNext && count($items) == 15]);
-          }
+        while ($page > 0) {
+            $apiResult = $this->API('blog/overzicht/' . (int)$id . '?pagina=' . (int)max(1, $page));
 
-          $hasNext = false;
-          --$page;
+            $blog = new \Model\Blog($apiResult->blog);
+            $items = [];
+            foreach ($apiResult->items as $blogItem) {
+                $items[] = new \Model\NewsItem($blogItem);
+            }
+
+            if (count($items) || ($page == 1)) {
+                return view('blog', ['blog' => $blog, 'pagina' => $page, 'items' => $items, 'hasNext' => $hasNext && count($items) == 15]);
+            }
+
+            $hasNext = false;
+            --$page;
         }
 
         return abort(404);
     }
-   
-    private function listNews(Request $request, $url, $title = null)
+
+    private function listNews(Request $request, $url, $title = null, $id = 'items', $total = null)
     {
+        if ($request->ajax()) {
+            $total = 5;
+        }
         $page = (int)$request->get('pagina', 1);
-        $apiResult = $this->API('nieuws/' . $url . '?pagina=' . (int)max(1, $page));
+        $apiResult = $this->API('nieuws/' . $url . '?pagina=' . (int)max(1, $page) . ($total ? '&aantal=' . $total : ''));
         $news = [];
-        foreach($apiResult->news as $newsItem)
-        {
+        foreach ($apiResult->news as $newsItem) {
             $news[] = new \Model\NewsItem($newsItem);
         }
 
-        return view($request->ajax() ? 'partial/newslist_small' : ($title == null ? 'home' : 'newslist'), ['title' => $title, 'news' => $news, 'searchURL' => 'nieuws/zoeken']);
+        $populair = [];
+        if ($title == null) {
+            $total = 5;
+        }
+        $apiResult = $this->API('nieuws/populair?pagina=' . (int)max(1,
+                $page) . ($total ? '&aantal=' . $total : ''));
+        foreach ($apiResult->news as $newsItem) {
+            $populair[] = new \Model\NewsItem($newsItem);
+        }
+
+        $podcast = null;
+        $podcasts = [];
+        if ($title == null) {
+            $apiResult = $this->API('podcast/overzicht?aantal=3');
+            $podcast = new \Model\Podcast($apiResult->podcasts[0]);
+            foreach ($apiResult->podcasts as $_podcast) {
+                $podcasts[] = new \Model\Podcast($_podcast);
+            }
+        }
+
+        $newsItems = [];
+        $apiResult = $this->API('nieuws/overzicht?aantal=5');
+        foreach ($apiResult->news as $_newsItem) {
+            $newsItems[] = new \Model\NewsItem($_newsItem);
+        }
+
+        return view($request->ajax() ? ($title == null ? 'partial/home_newslist_small' : 'partial/newslist_small') : ($title == null ? 'news' : 'newslist'), ['populair' => $populair, 'newsItems' => $newsItems, 'podcasts' => $podcasts, 'podcast' => $podcast, 'id' => $id, 'title' => $title, 'news' => $news, 'searchURL' => 'nieuws/zoeken']);
     }
 
     public function popular()
     {
         $apiResult = $this->API('nieuws/populair');
         $news = [];
-        foreach($apiResult as $newsItem)
-        {
+        foreach ($apiResult->news as $newsItem) {
             $news[] = new \Model\NewsItem($newsItem);
         }
 
         return view('popularnews', ['news' => $news]);
     }
 
-    public function regionieuws() 
+    public function regionieuws()
     {
         return view('listen', [
             'source' => $this->API_URL . 'nieuws/regionieuws',
-            'title' => 'Regionieuws', 
+            'title' => 'Regionieuws',
             'content' => 'het laatste nieuws uit de regio',
             'isStream' => false,
-            'canDownload' => true ]);
+            'canDownload' => true]);
     }
 }

app/Http/Controllers/PodcastController.php

@@ -15,28 +15,37 @@ class PodcastController extends Controller
           $action = 'programma/' . (int)$programma;
           $viewData['program'] = new \Model\Program($this->API('programma/details/' . (int)$programma));
         }
-        
+
         return $this->getPodcastList($request, $action, $viewData);
     }
 
     private function getPodcastList(Request $request, $action, $viewData = [])
     {
         $page = (int)$request->get('pagina', 1);
-        $apiResult = $this->API('podcast/' . $action . '?pagina=' . (int)max(1, $page) . '&aantal=100');
+        $apiResult = $this->API('podcast/' . $action . '?pagina=' . (int)max(1, $page) . '&aantal=8');
         $podcasts = [];
         foreach($apiResult->podcasts as $podcast)
         {
             $podcasts[] = new \Model\Podcast($podcast);
         }
 
-        return view($request->ajax() ? 'partial.podcastitems' : 'podcastseries', array_merge($viewData, ['podcasts' => $podcasts, 'searchURL' => 'gemist/zoeken']));
+        return view($request->ajax() ? 'partial.podcastitems' : 'podcastseries', array_merge($viewData, ['podcasts' => $podcasts, 'searchURL' => 'gemist/zoeken', 'isPodcast' => true]));
     }
 
     public function podcast(Request $request, $id)
     {
 	parent::registerView($request, 'podcast', $id);
 	$apiResult = $this->API('podcast/details/' . (int)$id);
-        $podcast = new \Model\Podcast($apiResult);
-        return view('podcastitem', ['podcast' => $podcast, 'metadata' => $podcast->metadata]);
+	$podcast = new \Model\Podcast($apiResult);
+	$podcasts = [];
+	if($podcast->program) {
+	        $apiResult = $this->API('podcast/programma/' . (int)$podcast->program->id . '?pagina=1&aantal=5');
+	        $podcasts = [];
+	        foreach($apiResult->podcasts as $p)
+	        {
+			$podcasts[] = new \Model\Podcast($p);
+		}
+	}
+        return view('podcastitem', ['podcast' => $podcast, 'metadata' => $podcast->metadata, 'podcasts' => $podcasts, 'isPodcast' => true]);
     }
 }

app/Http/Controllers/RadioController.php

@@ -7,54 +7,71 @@ use \Model\Programma;
 
 class RadioController extends Controller
 {
-    public function schedule(Request $request, $shiftWeeks = 0) 
+    public function schedule(Request $request, $date = '')
     {
-        $apiResult = $this->API('programma/schema/week/' . (int)$shiftWeeks);
-        $start = self::JsonToDateTime($apiResult->startdate);
-        $end = self::JsonToDateTime($apiResult->enddate);
+        $start = $date ? (new \DateTime($date))->format('Y-m-d') : (new \DateTime("-2 day"))->format('Y-m-d');
+        $end = $date ? (new \DateTime($date))->modify('+1 day')->format('Y-m-d') : (new \DateTime("+3 day"))->format('Y-m-d');
+        $apiResult = $this->API('programma/schema/periode/' . $start . '/' . $end);
         $schedule = [];
         foreach($apiResult->schedule as $program)
         {
-            $schedule[] = [
+            $schedule[self::JsonToDateTime($program->start)->format('Ymd')][] = [
                 'starttime' => self::JsonToDateTime($program->start),
                 'endtime' => self::JsonToDateTime($program->end),
-				'shift' => (int)$shiftWeeks,
+				'shift' => 0,
                 'program' => new \Model\Program($program->program)
             ];
         }
 
-        return view($request->ajax() ? 'radioscheduleweek' : 'radioschedule', ['start' => $start, 'end' => $end, 'schedule' => $schedule, 'shift' => $shiftWeeks]);
+        if ($date) {
+            $days = [
+                'custom' => (new \DateTime($date))->format('Ymd'),
+            ];
+        } else {
+            $days = [
+                'day_before_yesterday' => (new \DateTime("-2 day"))->format('Ymd'),
+                'yesterday' => (new \DateTime("yesterday"))->format('Ymd'),
+                'today' => (new \DateTime("now"))->format('Ymd'),
+                'tomorrow' => (new \DateTime("+1 day"))->format('Ymd'),
+                'day_after_tomorrow' => (new \DateTime("+2 day"))->format('Ymd'),
+                'custom' => (new \DateTime($date))->format('Ymd'),
+            ];
+        }
+
+        return view($request->ajax() ? 'partial/radioscheduleweek' : 'radioschedule', ['start' => $start, 'end' => $end, 'schedule' => $schedule, 'shift' => 0, 'days' => $days, 'date' => $date]);
     }
- 
+
     public function onair()
     {
 		$data = $this->API('programma/schema/onair');
 		return response()->json($data);
     }
 
-    public function program($id) 
+    public function program($id)
     {
         $apiResult = $this->API('programma/details/' . (int)$id);
         return view('radioprogram', ['program' => new \Model\Program($apiResult)]);
     }
 
-    public function podcast(Request $request, $id)
+    public function podcast(Request $request, $id, $title = '')
     {
+        if($this->checkAPI('podcast/details/' . (int)$id) != "200"){
+            return view('podcastitem', array_merge($this->getSidebareData(), ['title' => $title, 'podcast' => null, 'metadata' => null, 'related' => [], 'searchURL' => 'gemist/zoeken', 'isPodcast' => false]));
+        }
+
 		parent::registerView($request, 'podcast', $id);
 		$apiResult = $this->API('podcast/details/' . (int)$id);
         $podcast = new \Model\Podcast($apiResult);
 
-        $related = [];
-        if($podcast->program != null) 
+        $page = (int)$request->get('pagina', 1);
+        $apiResult = $this->API('podcast/overzicht?pagina=' . (int)max(1, $page) . '&aantal=6');
+        $podcasts = [];
+        foreach($apiResult->podcasts as $_podcast)
         {
-            $apiRelated = $this->API("podcast/programma/{$podcast->program->id}?date={$podcast->created->format('Y-m-d')}");
-            foreach($apiRelated->podcasts as $relatedItem)
-            {
-                $related[] = new \Model\Podcast($relatedItem);
-            }
+            $podcasts[] = new \Model\Podcast($_podcast);
         }
 
-        return view('podcastitem', ['podcast' => $podcast, 'metadata' => $podcast->metadata, 'related' => $related, 'searchURL' => 'gemist/zoeken']);
+        return view($request->ajax() ? 'partial/podcastitems' : 'podcastitem', ['title' => $title, 'podcast' => $podcast, 'metadata' => $podcast->metadata, 'podcasts' => $podcasts, 'searchURL' => 'gemist/zoeken', 'isPodcast' => false]);
     }
 
     public function podcasts(Request $request, $programma = null)
@@ -65,20 +82,21 @@ class RadioController extends Controller
           $action = 'programma/' . (int)$programma;
           $viewData['program'] = new \Model\Program($this->API('programma/details/' . (int)$programma));
         }
-        
-        return $this->getPodcastList($request, $action, $viewData);
+
+        return $this->getPodcastList($request, $action, array_merge($this->getSidebareData(), $viewData));
     }
 
     public function searchpodcast(Request $request, $query)
     {
         return $this->getPodcastList($request, 'zoeken/' . $query)->with('query', urldecode($query));
-    } 
+    }
 
     public function terugluisteren(Request $request)
 	{
 		$programs = [];
 		$now = new \DateTimeImmutable('2 minutes ago');
-		$apiResult = $this->API('programma/schema/recent');
+        $page = (int)$request->get('pagina', 1);
+		$apiResult = $this->API('programma/schema/recent?pagina=' . (int)max(1, $page) . '&aantal=12');
 		foreach($apiResult->schedule as $item) {
 			if(!$item->program->nonstop && !$item->program->rerun) {
         			$item->start = self::JsonToDateTime($item->start);
@@ -89,9 +107,9 @@ class RadioController extends Controller
 			}
 		}
 
-		return view('programlist', ['programs' => array_reverse($programs)]);
+		return view($request->ajax() ? 'partial/programitems' : 'programlist', ['programs' => array_reverse($programs), 'isPodcast' => false]);
 	}
-   
+
     private function getPodcastList(Request $request, $action, $viewData = [])
     {
         $page = (int)$request->get('pagina', 1);
@@ -102,7 +120,7 @@ class RadioController extends Controller
             $podcasts[] = new \Model\Podcast($podcast);
         }
 
-        return view($request->ajax() ? 'partial.podcastitems' : 'podcastlist', array_merge($viewData, ['podcasts' => $podcasts, 'searchURL' => 'gemist/zoeken']));
+        return view($request->ajax() ? 'partial/podcastitems' : 'podcastlist', array_merge($viewData, ['id' => 'items-podcasts', 'podcasts' => $podcasts, 'searchURL' => 'gemist/zoeken', 'isPodcast' => false]));
     }
 
 }

app/Http/Controllers/StreamController.php

@@ -13,23 +13,34 @@ class StreamController extends Controller
     {
         return view('listen', [
             'source' => self::$STREAM_URL . 'mp3live',
-            'title' => 'Luister live', 
+            'title' => 'Luister live',
             'content' => 'de live-uitzending van NH Gooi.',
             'isStream' => true ]);
     }
-   
+
     public function livetv()
     {
-        return view('watch', ['stream' => 'https://rrr.sz.xlcdn.com/?account=nhnieuws&file=nhgooi&type=live&service=wowza&protocol=https&output=playlist.m3u8']);
+        return view('watch', ['title' => 'Kijk NH Gooi Tv', 'stream' => 'https://rrr.sz.xlcdn.com/?account=nhnieuws&file=nhgooi&type=live&service=wowza&protocol=https&output=playlist.m3u8']);
         // return view('watch', ['stream' => 'https://stream.nhgooi.nl:81/tv']);
     }
 
     public function studio()
     {
         // return view('watch', ['stream' => 'https://stream.nhgooi.nl:81/live/studio']);
-        return view('watch', ['stream' => 'https://studiocam.nhgooi.nl/studiocam/live/index.m3u8']);
+        return view('watch', ['title' => 'Kijk NH Gooi Tv Studio', 'stream' => 'https://studiocam.nhgooi.nl/studiocam/live/index.m3u8']);
     }
 
+    public function inline(Request $request, $id)
+    {
+        $apiResult = $this->API('podcast/details/' . (int)$id);
+        $podcast = new \Model\Podcast($apiResult);
+        if(sha1($id . ':' . date('Y-m-d')) != $request->get('auth')) {
+         // return view('widgets/podcastplayer', ['podcast' => null]);
+	}
+
+        return view('widgets/podcastplayer', ['podcast' => $podcast]);
+    } 
+
     public function podcast(Request $request, $id)
     {
         $apiResult = $this->API('podcast/details/' . (int)$id);
@@ -39,11 +50,11 @@ class StreamController extends Controller
         }
 
         return view('listen', [
-            'source' => $this->API_URL . 'podcast/download' . $apiResult->url . '?auth=' . $podcast->auth, 
-            'title' => $podcast->title, 
+            'source' => $this->API_URL . 'podcast/stream/' . $apiResult->url,
+            'title' => $podcast->title,
             'content' => $podcast->title,
-            'isStream' => false, 
-            'canDownload' => true ]);
+            'isStream' => false,
+            'canDownload' => $this->API_URL . 'podcast/download/' . $apiResult->url ]);
     }
 
     public function program(Request $request, $year, $month, $day, $hour, $duration, $offset = 0) {
@@ -56,9 +67,9 @@ class StreamController extends Controller
           $url = '/luister/programma/' . $date->format('Y/m/d/H') . '/' . $duration . '/' . $i;
           $hours[$offset == $i ? '#' : $url] = 'Uur ' . ($i + 1) . ' (' . $other->format('H') . ':00)';
         }
- 
+
         return view('listen', [
-            'source' => $this->API_URL . 'programma/download/' . $current->format('Y/m/d/H') . '/1',
+            'source' => $this->API_URL . 'programma/stream/' . $current->format('Y/m/d/H') . '/1',
             'tabs' => $hours,
             'title' => 'Uitzending terugluisteren',
             'content' => 'de uitzending van ' . $current->format('d-m-Y, H') . ':00 uur',
@@ -69,18 +80,18 @@ class StreamController extends Controller
     public function gemeenteraad(Request $request) {
         return view('listen', [
             'source' => self::$STREAM_URL . 'gemhuizen',
-            'title' => 'Gemeenteraad Huizen', 
-            'content' => 'de openbare vergadering van de gemeenteraad Huizen', 
+            'title' => 'Gemeenteraad Huizen',
+            'content' => 'de openbare vergadering van de gemeenteraad Huizen',
             'isStream' => true,
             'canDownload' => false ]);
     }
 
     public function kerkdienst(Request $request) {
         return view('listen', [
-            'source' => $this->API_URL . 'kerkdienst/download',
-            'title' => 'Kerkdienst gemist', 
+            'source' => $this->API_URL . 'kerkdienst/stream',
+            'title' => 'Kerkdienst gemist',
             'content' => 'de kerkdienst van afgelopen zondag',
             'isStream' => false,
-            'canDownload' => true ]);
+            'canDownload' => $this->API_URL . 'kerkdienst/download' ]);
     }
 }

config/app.php

@@ -105,7 +105,7 @@ return [
 
     'key' => env('APP_KEY'),
 
-    'cipher' => 'AES-256-CBC',
+    'cipher' => 'aes-256-cbc',
 
     /*
     |--------------------------------------------------------------------------

database/migrations/2024_02_27_000000_create_pagestats_table.php

@@ -0,0 +1,34 @@
+<?php
+
+use Illuminate\Support\Facades\Schema;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Database\Migrations\Migration;
+
+class CreatePagestatsTable extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::create('pagestats', function (Blueprint $table) {
+            $table->string('type');
+            $table->integer('item_id');
+            $table->string('visitor_ip');
+            $table->string('session');
+            $table->text('referer')->nullable();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::dropIfExists('pagestats');
+    }
+}

docker-compose.dev.yml

@@ -0,0 +1,24 @@
+version: '3.8'
+
+services:
+  web:
+    build:
+      context: ./
+      dockerfile: Dockerfile.dev
+    ports:
+      - 8080:80
+      - 8443:443
+    volumes:
+      - .:/var/www/html
+      - ./srv:/srv
+  db:
+    image: mysql:5.5
+    ports:
+      - "3306:3306"
+    expose:
+      - "3306"
+    environment:
+      MYSQL_ROOT_PASSWORD: development-password
+      MYSQL_DATABASE: forge
+      MYSQL_USER: forge
+      MYSQL_PASSWORD: secret

docker-compose.yml

@@ -0,0 +1,22 @@
+version: '3.8'
+
+services:
+  web:
+    build: ./
+    ports:
+      - 8080:80
+      - 8443:443
+    volumes:
+      - .:/var/www/html
+      - ./srv:/srv
+  db:
+    image: mysql:5.5
+    ports:
+      - "3306:3306"
+    expose:
+      - "3306"
+    environment:
+      MYSQL_ROOT_PASSWORD: development-password
+      MYSQL_DATABASE: forge
+      MYSQL_USER: forge
+      MYSQL_PASSWORD: secret

docker/apache.conf

@@ -0,0 +1,46 @@
+Header set X-Content-Type-Options: "nosniff"
+Header set X-Frame-Options: "sameorigin"
+
+ServerTokens Prod
+
+<VirtualHost *:80>
+  ServerName localhost
+  ServerAdmin support@websight.nl
+  DocumentRoot /var/www/html
+
+  <Directory /var/www/html/>
+      Options -Indexes +FollowSymLinks +MultiViews
+      AllowOverride All
+      Order deny,allow
+      Allow from all
+  </Directory>
+
+  ErrorLog /var/log/apache2/vhost-error.log
+  CustomLog /var/log/apache2/vhost-access.log combined
+</VirtualHost>
+
+<IfModule mod_ssl.c>
+    <VirtualHost *:443>
+      ServerName localhost
+      ServerAdmin support@websight.nl
+      DocumentRoot /var/www/html
+
+      SSLEngine on
+      SSLCertificateFile /etc/ssl/certs/ssl-cert-snakeoil.pem
+      SSLCertificateKeyFile /etc/ssl/private/ssl-cert-snakeoil.key
+      SSLCompression off
+      SSLProtocol All -SSLv2 -SSLv3
+      SSLCipherSuite EECDH+AESGCM:EDH+AESGCM:AES256+EECDH:AES256+EDH
+
+      <Directory /var/www/html/>
+          Options -Indexes +FollowSymLinks +MultiViews
+          AllowOverride All
+          Order deny,allow
+          Allow from all
+      </Directory>
+
+      ErrorLog /var/log/apache2/ssl-vhost-error.log
+      CustomLog /var/log/apache2/ssl-vhost-access.log combined
+
+    </VirtualHost>
+</IfModule>

docker/apache.dev.conf

@@ -0,0 +1,46 @@
+Header set X-Content-Type-Options: "nosniff"
+Header set X-Frame-Options: "sameorigin"
+
+ServerTokens Prod
+
+<VirtualHost *:80>
+  ServerName localhost
+  ServerAdmin support@websight.nl
+  DocumentRoot /var/www/html
+
+  <Directory /var/www/html/>
+      Options -Indexes +FollowSymLinks +MultiViews
+      AllowOverride All
+      Order deny,allow
+      Allow from all
+  </Directory>
+
+  ErrorLog /var/log/apache2/vhost-error.log
+  CustomLog /var/log/apache2/vhost-access.log combined
+</VirtualHost>
+
+<IfModule mod_ssl.c>
+    <VirtualHost *:443>
+      ServerName localhost
+      ServerAdmin support@websight.nl
+      DocumentRoot /var/www/html
+
+      SSLEngine on
+      SSLCertificateFile /etc/ssl/certs/ssl-cert-snakeoil.pem
+      SSLCertificateKeyFile /etc/ssl/private/ssl-cert-snakeoil.key
+      SSLCompression off
+      SSLProtocol All -SSLv2 -SSLv3
+      SSLCipherSuite EECDH+AESGCM:EDH+AESGCM:AES256+EECDH:AES256+EDH
+
+      <Directory /var/www/html/>
+          Options -Indexes +FollowSymLinks +MultiViews
+          AllowOverride All
+          Order deny,allow
+          Allow from all
+      </Directory>
+
+      ErrorLog /var/log/apache2/ssl-vhost-error.log
+      CustomLog /var/log/apache2/ssl-vhost-access.log combined
+
+    </VirtualHost>
+</IfModule>

env.example

@@ -0,0 +1,39 @@
+APP_NAME="NH Gooi"
+APP_ENV=production
+APP_KEY=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
+APP_DEBUG=false
+APP_LOG_LEVEL=error
+APP_URL=https://dev.nhgooi.nl
+IMAGE_BASE_URL=https://dev.nhgooi.nl
+
+API_URL=https://api.nhgooi.nl/
+
+BROADCAST_DRIVER=log
+CACHE_DRIVER=file
+SESSION_DRIVER=file
+QUEUE_DRIVER=sync
+
+REDIS_HOST=127.0.0.1
+REDIS_PASSWORD=null
+REDIS_PORT=6379
+
+MAIL_DRIVER=smtp
+MAIL_HOST=in-v3.mailjet.com 
+MAIL_PORT=25
+MAIL_USERNAME=mailjet_username
+MAIL_PASSWORD=mailjet_password
+MAIL_ENCRYPTION=null
+
+PUSHER_APP_ID=
+PUSHER_APP_KEY=
+PUSHER_APP_SECRET=
+
+DB_CONNECTION=mysql
+DB_HOST=nhgooi.nl
+DB_PORT=3306
+DB_DATABASE=dbname
+DB_USERNAME=6fmstats
+DB_PASSWORD=dbpass
+
+CACHE_DRIVER=file
+QUEUE_DRIVER=sync

package.json

@@ -1,21 +1,17 @@
 {
   "private": true,
   "scripts": {
-    "dev": "npm run development",
-    "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
-    "watch": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
-    "watch-poll": "npm run watch -- --watch-poll",
-    "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
-    "prod": "npm run production",
-    "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
+    "sass": "sass resources/assets/sass:public/css",
+    "sass-watch": "sass --watch resources/assets/sass:public/css",
+    "sass-minify": "sass resources/assets/sass/style.scss:public/css/style.min.css --style compressed",
+    "sass-minify-watch": "sass --watch resources/assets/sass/style.scss:public/css/style.min.css --style compressed",
+    "js-watch": "grunt watch"
   },
   "devDependencies": {
-    "axios": "^0.16.2",
-    "bootstrap-sass": "^3.3.7",
-    "cross-env": "^5.0.1",
-    "jquery": "^3.1.1",
-    "laravel-mix": "^1.0",
-    "lodash": "^4.17.4",
-    "vue": "^2.1.10"
+    "grunt": "^1.6.1",
+    "grunt-contrib-concat": "^2.1.0",
+    "grunt-contrib-uglify": "^5.2.2",
+    "grunt-contrib-watch": "^1.1.0",
+    "sass": "^1.71.1"
   }
 }

phpinfo.php

@@ -1 +0,0 @@
-<?php phpinfo();

public/css/app.css

@@ -0,0 +1,3 @@
+@import url("https://fonts.googleapis.com/css?family=Raleway:300,400,600");
+
+/*# sourceMappingURL=app.css.map */

public/css/app.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../resources/assets/sass/app.scss"],"names":[],"mappings":"AAEQ","file":"app.css"}

public/css/components/posts.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../resources/assets/sass/components/posts.scss","../../../resources/assets/sass/abstracts/_mixin.scss"],"names":[],"mappings":"AAEE;EACE;ECAF;EACA;EACA;EDAE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAIN;ECzBA;EACA;EACA;EDyBE;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EAEA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAIJ;ECvGF;EACA;EACA;;ADwGI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;;AAKN;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AAEF;EACE","file":"posts.css"}

public/css/components/pretty_photo.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../resources/assets/sass/components/pretty_photo.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EASE;EACA;;;AAEF;EAEE;;;AAEF;EAEE;EACA;EACA;EACA;EACA;;;AAEF;EAEE;EACA;;;AAEF;EAEE;EACA","file":"pretty_photo.css"}

public/css/old/airplay.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="17" height="14" viewBox="0 0 16.9 13.9"><defs><style>.fill{fill:#fff;}</style></defs><title>7</title><g id="airplay"><polygon class="fill" points="0 0 16.9 0 16.9 10.4 13.2 10.4 11.9 8.9 15.4 8.9 15.4 1.6 1.5 1.6 1.5 8.9 5 8.9 3.6 10.4 0 10.4 0 0"/><polygon class="fill" points="2.7 13.9 8.4 7 14.2 13.9 2.7 13.9"/></g></svg>

public/css/old/chromecast.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16.3 13.4" x="0" y="0" width="17" height="14"><defs><style>.cls-1{fill:#fff;}</style></defs><title>5</title><path id="chromecast" class="cls-1" d="M80.4,13v2.2h2.2A2.22,2.22,0,0,0,80.4,13Zm0-2.9v1.5a3.69,3.69,0,0,1,3.7,3.68s0,0,0,0h1.5a5.29,5.29,0,0,0-5.2-5.2h0ZM93.7,4.9H83.4V6.1a9.59,9.59,0,0,1,6.2,6.2h4.1V4.9h0ZM80.4,7.1V8.6a6.7,6.7,0,0,1,6.7,6.7h1.4a8.15,8.15,0,0,0-8.1-8.2h0ZM95.1,1.9H81.8a1.54,1.54,0,0,0-1.5,1.5V5.6h1.5V3.4H95.1V13.7H89.9v1.5h5.2a1.54,1.54,0,0,0,1.5-1.5V3.4A1.54,1.54,0,0,0,95.1,1.9Z" transform="translate(-80.3 -1.9)"/></svg>

public/css/old/dark_skin.css

@@ -26,9 +26,9 @@ body
 .post.single .post_details,
 .share_box,
 .taxonomies a,
-.comment_form .text_input:focus, 
-.comment_form textarea:focus, 
-.contact_form .text_input:focus, 
+.comment_form .text_input:focus,
+.comment_form textarea:focus,
+.contact_form .text_input:focus,
 .contact_form textarea:focus,
 .column.border_top,
 .accordion .ui-accordion-header,
@@ -39,12 +39,12 @@ body
 	border-color: #464D53;
 }
 .box_header,
-.more.active, 
+.more.active,
 .more:hover,
-.tabs_navigation.small li a:hover, 
-.tabs_navigation.small li a.selected, 
+.tabs_navigation.small li a:hover,
+.tabs_navigation.small li a.selected,
 .tabs_navigation.small li.ui-tabs-active a,
-.more.highlight, 
+.more.highlight,
 .more.active:hover,
 .taxonomies a:hover,
 .review_summary .number,
@@ -58,30 +58,30 @@ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
 .box_header,
 .read_more,
 .tabs_navigation li a,
-.more, 
+.more,
 .more[type="submit"],
 .more.highlight:hover,
 .tabs_navigation.small li a,
-.tabs_navigation.small li a:hover, 
-.tabs_navigation.small li a.selected, 
+.tabs_navigation.small li a:hover,
+.tabs_navigation.small li a.selected,
 .tabs_navigation.small li.ui-tabs-active a,
 blockquote,
 label,
-.comment_form input, 
-.comment_form textarea, 
-.contact_form input, 
+.comment_form input,
+.comment_form textarea,
+.contact_form input,
 .contact_form textarea,
-.review_block h5, 
+.review_block h5,
 .review_summary h5,
-.list li, 
+.list li,
 .list li a,
 .dropcap .dropcap_label h3,
-input, 
+input,
 textarea,
 .mobile-menu li a,
 .mobile-menu li.selected ul a,
 .mobile-menu li.selected ul li.selected ul a,
-.slider_posts_list li.current h5, 
+.slider_posts_list li.current h5,
 .slider_posts_list li:hover h5,
 .bread_crumb li a:hover
 {
@@ -95,9 +95,9 @@ textarea,
 .divider,
 .pagination li a,
 blockquote,
-.comment_form input, 
-.comment_form textarea, 
-.contact_form input, 
+.comment_form input,
+.comment_form textarea,
+.contact_form input,
 .contact_form textarea,
 .review_block,
 .review_summary .value_bar,
@@ -105,7 +105,7 @@ blockquote,
 .accordion .ui-accordion-header .ui-accordion-header-icon,
 .announcement,
 .dropcap .dropcap_label,
-input, 
+input,
 textarea,
 .mobile-menu li a,
 .mobile-menu li.selected ul a,
@@ -120,19 +120,19 @@ textarea,
 	border-color: #42494F;
 }
  .post_details li.category,
-.slider_navigation .slider_control a:hover, 
+.slider_navigation .slider_control a:hover,
 a.slider_control:hover,
 .slider_posts_list .slider_posts_list_bar,
 .read_more .arrow,
-.tabs_navigation li a:hover, 
-.tabs_navigation li a.selected, 
+.tabs_navigation li a:hover,
+.tabs_navigation li a.selected,
 .tabs_navigation li.ui-tabs-active a,
-.post .comments_number:hover, 
+.post .comments_number:hover,
 .footer .post .comments_number:hover,
-.more.active, 
+.more.active,
 .more:hover,
 .slider_posts_list_container a.slider_control,
-.pagination li a:hover, 
+.pagination li a:hover,
 .pagination li.selected a,
 .taxonomies a:hover,
 .value_container .value_bar,
@@ -150,15 +150,15 @@ a.slider_control:hover,
 	background-color: #8CC152;
 }
 .tabs_navigation li.ui-tabs-active span,
-.post .comments_number:hover .arrow_comments, 
+.post .comments_number:hover .arrow_comments,
 .footer .post .comments_number:hover .arrow_comments
 {
 	border-color: #8CC152 transparent;
 }
-.blog ul.post_details.simple li.category, 
+.blog ul.post_details.simple li.category,
 .blog ul.post_details.simple li.category a,
 .post.single .post_details a,
-.more.highlight, 
+.more.highlight,
 .more.active:hover,
 .review_summary .number,
 .about_subtitle,
@@ -174,13 +174,13 @@ p a
 .post_details li.date,
 .post a.comments_number,
 .author h6,
-.bread_crumb li, 
+.bread_crumb li,
 .bread_crumb li a,
 .pagination li a,
 .post.single li.detail,
 .taxonomies a,
 .posted_by abbr.timeago,
-.post.single .sentence .text, 
+.post.single .sentence .text,
 .gallery_popup .sentence .text,
 .slider_posts_list li h5
 {
@@ -191,18 +191,18 @@ p a
 	border-color: #42494F transparent;
 }
 p,
-.review_block .list li, 
+.review_block .list li,
 .review_block .list li a,
 .review_summary .text p
 {
 	color: #D7DCE0;
 }
-span.number, 
+span.number,
 span.odometer.number,
-.post.single .sentence .author, 
-.gallery_popup .sentence .author, 
+.post.single .sentence .author,
+.gallery_popup .sentence .author,
 blockquote .author,
-input.hint, 
+input.hint,
 textarea.hint,
 .comment_form .hint,
 .contact_form .hint,
@@ -211,11 +211,11 @@ textarea.hint,
 {
 	color: #858D94;
 }
-::-webkit-input-placeholder 
+::-webkit-input-placeholder
 {
 	color: #858D94;
 }
-:-moz-placeholder 
+:-moz-placeholder
 {
 	color: #858D94;
 }
@@ -223,7 +223,7 @@ textarea.hint,
 {
 	color: #858D94;
 }
-:-ms-input-placeholder 
+:-ms-input-placeholder
 {
 	color: #858D94;
 }
@@ -237,456 +237,456 @@ textarea.hint,
 }
 .divider.subheader_arrow
 {
-	background-image: url("../images/icons/other/dark_bg/subheader_arrow.png");
+	background-image: url("../../images/icons/other/dark_bg/subheader_arrow.png");
 }
 .pagination li.left a
 {
-	background-image: url("../images/icons/navigation/dark_bg/pagination_arrow_left.png");
+	background-image: url("../../images/icons/navigation/dark_bg/pagination_arrow_left.png");
 }
 .pagination li.right a
 {
-	background-image: url("../images/icons/navigation/dark_bg/pagination_arrow_right.png");
+	background-image: url("../../images/icons/navigation/dark_bg/pagination_arrow_right.png");
 }
 blockquote
 {
-	background-image: url("../images/icons/other/dark_bg/quote_content.png");
+	background-image: url("../../images/icons/other/dark_bg/quote_content.png");
 }
 #comments_list .children .comment .parent_arrow
 {
-	background-image: url("../images/icons/other/dark_bg/comment_reply.png");
+	background-image: url("../../images/icons/other/dark_bg/comment_reply.png");
 }
 .bullet.style_1
 {
-	background-image: url("../images/icons/other/dark_bg/bullet_style_1.png");
+	background-image: url("../../images/icons/other/dark_bg/bullet_style_1.png");
 	padding-left: 15px;
 }
 .bullet.style_2
 {
-	background-image: url("../images/icons/other/dark_bg/bullet_style_2.png");
+	background-image: url("../../images/icons/other/dark_bg/bullet_style_2.png");
 }
 .bullet.style_3
 {
-	background-image: url("../images/icons/other/dark_bg/bullet_style_3.png");
+	background-image: url("../../images/icons/other/dark_bg/bullet_style_3.png");
 }
 .bullet.style_4
 {
-	background-image: url("../images/icons/other/dark_bg/bullet_style_4.png");
+	background-image: url("../../images/icons/other/dark_bg/bullet_style_4.png");
 }
 .item_content .not_found
 {
-	background-image: url("../images/icons/other/dark_bg/404.png");
+	background-image: url("../../images/icons/other/dark_bg/404.png");
 }
 .app
 {
-	background-image: url("../images/icons/features/dark_bg/app.png");
+	background-image: url("../../images/icons/features/dark_bg/app.png");
 }
 .calendar
 {
-	background-image: url("../images/icons/features/dark_bg/calendar.png");
+	background-image: url("../../images/icons/features/dark_bg/calendar.png");
 }
 .chart
 {
-	background-image: url("../images/icons/features/dark_bg/chart.png");
+	background-image: url("../../images/icons/features/dark_bg/chart.png");
 }
 .chat
 {
-	background-image: url("../images/icons/features/dark_bg/chat.png");
+	background-image: url("../../images/icons/features/dark_bg/chat.png");
 }
 .clock
 {
-	background-image: url("../images/icons/features/dark_bg/clock.png");
+	background-image: url("../../images/icons/features/dark_bg/clock.png");
 }
 .database
 {
-	background-image: url("../images/icons/features/dark_bg/database.png");
+	background-image: url("../../images/icons/features/dark_bg/database.png");
 }
 .document
 {
-	background-image: url("../images/icons/features/dark_bg/document.png");
+	background-image: url("../../images/icons/features/dark_bg/document.png");
 }
 .envelope
 {
-	background-image: url("../images/icons/features/dark_bg/envelope.png");
+	background-image: url("../../images/icons/features/dark_bg/envelope.png");
 }
 .faq
 {
-	background-image: url("../images/icons/features/dark_bg/faq.png");
+	background-image: url("../../images/icons/features/dark_bg/faq.png");
 }
 .graph
 {
-	background-image: url("../images/icons/features/dark_bg/graph.png");
+	background-image: url("../../images/icons/features/dark_bg/graph.png");
 }
 .image
 {
-	background-image: url("../images/icons/features/dark_bg/image.png");
+	background-image: url("../../images/icons/features/dark_bg/image.png");
 }
 .laptop
 {
-	background-image: url("../images/icons/features/dark_bg/laptop.png");
+	background-image: url("../../images/icons/features/dark_bg/laptop.png");
 }
 .magnifier
 {
-	background-image: url("../images/icons/features/dark_bg/magnifier.png");
+	background-image: url("../../images/icons/features/dark_bg/magnifier.png");
 }
 .features_icon.mobile
 {
-	background-image: url("../images/icons/features/dark_bg/mobile.png");
+	background-image: url("../../images/icons/features/dark_bg/mobile.png");
 }
 .pin
 {
-	background-image: url("../images/icons/features/dark_bg/pin.png");
+	background-image: url("../../images/icons/features/dark_bg/pin.png");
 }
 .printer
 {
-	background-image: url("../images/icons/features/dark_bg/printer.png");
+	background-image: url("../../images/icons/features/dark_bg/printer.png");
 }
 .quote
 {
-	background-image: url("../images/icons/features/dark_bg/quote.png");
+	background-image: url("../../images/icons/features/dark_bg/quote.png");
 }
 .screen
 {
-	background-image: url("../images/icons/features/dark_bg/screen.png");
+	background-image: url("../../images/icons/features/dark_bg/screen.png");
 }
 .speaker
 {
-	background-image: url("../images/icons/features/dark_bg/speaker.png");
+	background-image: url("../../images/icons/features/dark_bg/speaker.png");
 }
 .video
 {
-	background-image: url("../images/icons/features/dark_bg/video.png");
+	background-image: url("../../images/icons/features/dark_bg/video.png");
 }
 li.detail.category
 {
-	background-image: url("../images/icons/other/dark_bg/post_category.png");
-}	
+	background-image: url("../../images/icons/other/dark_bg/post_category.png");
+}
 .detail.date
 {
-	background-image: url("../images/icons/other/dark_bg/post_date.png");
+	background-image: url("../../images/icons/other/dark_bg/post_date.png");
 }
 .detail.author
 {
-	background-image: url("../images/icons/other/dark_bg/post_author.png");
+	background-image: url("../../images/icons/other/dark_bg/post_author.png");
 }
 .detail.views
 {
-	background-image: url("../images/icons/other/dark_bg/post_views.png");
+	background-image: url("../../images/icons/other/dark_bg/post_views.png");
 }
 .detail.comments
 {
-	background-image: url("../images/icons/other/dark_bg/post_comments.png");
+	background-image: url("../../images/icons/other/dark_bg/post_comments.png");
 }
 .taxonomies.tags
 {
-	background-image: url("../images/icons/other/dark_bg/post_footer_tags.png");
+	background-image: url("../../images/icons/other/dark_bg/post_footer_tags.png");
 }
 .taxonomies.categories
 {
-	background-image: url("../images/icons/other/dark_bg/post_footer_category.png");
+	background-image: url("../../images/icons/other/dark_bg/post_footer_category.png");
 }
 .behance
 {
-	background-image: url("../images/icons/social/dark_bg/behance.png");
+	background-image: url("../../images/icons/social/dark_bg/behance.png");
 }
 .bing
 {
-	background-image: url("../images/icons/social/dark_bg/bing.png");
+	background-image: url("../../images/icons/social/dark_bg/bing.png");
 }
 .blogger
 {
-	background-image: url("../images/icons/social/dark_bg/blogger.png");
+	background-image: url("../../images/icons/social/dark_bg/blogger.png");
 }
 .deezer
 {
-	background-image: url("../images/icons/social/dark_bg/deezer.png");
+	background-image: url("../../images/icons/social/dark_bg/deezer.png");
 }
 .designfloat
 {
-	background-image: url("../images/icons/social/dark_bg/designfloat.png");
+	background-image: url("../../images/icons/social/dark_bg/designfloat.png");
 }
 .deviantart
 {
-	background-image: url("../images/icons/social/dark_bg/deviantart.png");
+	background-image: url("../../images/icons/social/dark_bg/deviantart.png");
 }
 .digg
 {
-	background-image: url("../images/icons/social/dark_bg/digg.png");
+	background-image: url("../../images/icons/social/dark_bg/digg.png");
 }
 .digg
 {
-	background-image: url("../images/icons/social/dark_bg/digg.png");
+	background-image: url("../../images/icons/social/dark_bg/digg.png");
 }
 .dribbble
 {
-	background-image: url("../images/icons/social/dark_bg/dribbble.png");
+	background-image: url("../../images/icons/social/dark_bg/dribbble.png");
 }
 .envato
 {
-	background-image: url("../images/icons/social/dark_bg/envato.png");
+	background-image: url("../../images/icons/social/dark_bg/envato.png");
 }
 .facebook
 {
-	background-image: url("../images/icons/social/dark_bg/facebook.png");
+	background-image: url("../../images/icons/social/dark_bg/facebook.png");
 }
 .flickr
 {
-	background-image: url("../images/icons/social/dark_bg/flickr.png");
+	background-image: url("../../images/icons/social/dark_bg/flickr.png");
 }
 .form
 {
-	background-image: url("../images/icons/social/dark_bg/form.png");
+	background-image: url("../../images/icons/social/dark_bg/form.png");
 }
 .forrst
 {
-	background-image: url("../images/icons/social/dark_bg/forrst.png");
+	background-image: url("../../images/icons/social/dark_bg/forrst.png");
 }
 .foursquare
 {
-	background-image: url("../images/icons/social/dark_bg/foursquare.png");
+	background-image: url("../../images/icons/social/dark_bg/foursquare.png");
 }
 .friendfeed
 {
-	background-image: url("../images/icons/social/dark_bg/friendfeed.png");
+	background-image: url("../../images/icons/social/dark_bg/friendfeed.png");
 }
 .googleplus
 {
-	background-image: url("../images/icons/social/dark_bg/googleplus.png");
+	background-image: url("../../images/icons/social/dark_bg/googleplus.png");
 }
 .instagram
 {
-	background-image: url("../images/icons/social/dark_bg/instagram.png");
+	background-image: url("../../images/icons/social/dark_bg/instagram.png");
 }
 .linkedin
 {
-	background-image: url("../images/icons/social/dark_bg/linkedin.png");
+	background-image: url("../../images/icons/social/dark_bg/linkedin.png");
 }
 .mail
 {
-	background-image: url("../images/icons/social/dark_bg/mail.png");
+	background-image: url("../../images/icons/social/dark_bg/mail.png");
 }
 .mobile
 {
-	background-image: url("../images/icons/social/dark_bg/mobile.png");
+	background-image: url("../../images/icons/social/dark_bg/mobile.png");
 }
 .myspace
 {
-	background-image: url("../images/icons/social/dark_bg/myspace.png");
+	background-image: url("../../images/icons/social/dark_bg/myspace.png");
 }
 .picasa
 {
-	background-image: url("../images/icons/social/dark_bg/picasa.png");
+	background-image: url("../../images/icons/social/dark_bg/picasa.png");
 }
 .pinterest
 {
-	background-image: url("../images/icons/social/dark_bg/pinterest.png");
+	background-image: url("../../images/icons/social/dark_bg/pinterest.png");
 }
 .reddit
 {
-	background-image: url("../images/icons/social/dark_bg/reddit.png");
+	background-image: url("../../images/icons/social/dark_bg/reddit.png");
 }
 .rss
 {
-	background-image: url("../images/icons/social/dark_bg/rss.png");
+	background-image: url("../../images/icons/social/dark_bg/rss.png");
 }
 .skype
 {
-	background-image: url("../images/icons/social/dark_bg/skype.png");
+	background-image: url("../../images/icons/social/dark_bg/skype.png");
 }
 .soundcloud
 {
-	background-image: url("../images/icons/social/dark_bg/soundcloud.png");
+	background-image: url("../../images/icons/social/dark_bg/soundcloud.png");
 }
 .spotify
 {
-	background-image: url("../images/icons/social/dark_bg/spotify.png");
+	background-image: url("../../images/icons/social/dark_bg/spotify.png");
 }
 .stumbleupon
 {
-	background-image: url("../images/icons/social/dark_bg/stumbleupon.png");
+	background-image: url("../../images/icons/social/dark_bg/stumbleupon.png");
 }
 .technorati
 {
-	background-image: url("../images/icons/social/dark_bg/technorati.png");
+	background-image: url("../../images/icons/social/dark_bg/technorati.png");
 }
 .tumblr
 {
-	background-image: url("../images/icons/social/dark_bg/tumblr.png");
+	background-image: url("../../images/icons/social/dark_bg/tumblr.png");
 }
 .twitter
 {
-	background-image: url("../images/icons/social/dark_bg/twitter.png");
+	background-image: url("../../images/icons/social/dark_bg/twitter.png");
 }
 .vimeo
 {
-	background-image: url("../images/icons/social/dark_bg/vimeo.png");
+	background-image: url("../../images/icons/social/dark_bg/vimeo.png");
 }
 .wykop
 {
-	background-image: url("../images/icons/social/dark_bg/wykop.png");
+	background-image: url("../../images/icons/social/dark_bg/wykop.png");
 }
 .xing
 {
-	background-image: url("../images/icons/social/dark_bg/xing.png");
+	background-image: url("../../images/icons/social/dark_bg/xing.png");
 }
 .youtube
 {
-	background-image: url("../images/icons/social/dark_bg/youtube.png");
+	background-image: url("../../images/icons/social/dark_bg/youtube.png");
 }
 .light .behance
 {
-	background-image: url("../images/icons/social/behance.png");
+	background-image: url("../../images/icons/social/behance.png");
 }
 .light .bing
 {
-	background-image: url("../images/icons/social/bing.png");
+	background-image: url("../../images/icons/social/bing.png");
 }
 .light .blogger
 {
-	background-image: url("../images/icons/social/blogger.png");
+	background-image: url("../../images/icons/social/blogger.png");
 }
 .light .deezer
 {
-	background-image: url("../images/icons/social/deezer.png");
+	background-image: url("../../images/icons/social/deezer.png");
 }
 .light .designfloat
 {
-	background-image: url("../images/icons/social/designfloat.png");
+	background-image: url("../../images/icons/social/designfloat.png");
 }
 .light .deviantart
 {
-	background-image: url("../images/icons/social/deviantart.png");
+	background-image: url("../../images/icons/social/deviantart.png");
 }
 .light .digg
 {
-	background-image: url("../images/icons/social/digg.png");
+	background-image: url("../../images/icons/social/digg.png");
 }
 .light .digg
 {
-	background-image: url("../images/icons/social/digg.png");
+	background-image: url("../../images/icons/social/digg.png");
 }
 .light .dribbble
 {
-	background-image: url("../images/icons/social/dribbble.png");
+	background-image: url("../../images/icons/social/dribbble.png");
 }
 .light .envato
 {
-	background-image: url("../images/icons/social/envato.png");
+	background-image: url("../../images/icons/social/envato.png");
 }
 .light .facebook
 {
-	background-image: url("../images/icons/social/facebook.png");
+	background-image: url("../../images/icons/social/facebook.png");
 }
 .light .flickr
 {
-	background-image: url("../images/icons/social/flickr.png");
+	background-image: url("../../images/icons/social/flickr.png");
 }
 .light .form
 {
-	background-image: url("../images/icons/social/form.png");
+	background-image: url("../../images/icons/social/form.png");
 }
 .light .forrst
 {
-	background-image: url("../images/icons/social/forrst.png");
+	background-image: url("../../images/icons/social/forrst.png");
 }
 .light .foursquare
 {
-	background-image: url("../images/icons/social/foursquare.png");
+	background-image: url("../../images/icons/social/foursquare.png");
 }
 .light .friendfeed
 {
-	background-image: url("../images/icons/social/friendfeed.png");
+	background-image: url("../../images/icons/social/friendfeed.png");
 }
 .light .googleplus
 {
-	background-image: url("../images/icons/social/googleplus.png");
+	background-image: url("../../images/icons/social/googleplus.png");
 }
 .light .instagram
 {
-	background-image: url("../images/icons/social/instagram.png");
+	background-image: url("../../images/icons/social/instagram.png");
 }
 .light .linkedin
 {
-	background-image: url("../images/icons/social/linkedin.png");
+	background-image: url("../../images/icons/social/linkedin.png");
 }
 .light .mail
 {
-	background-image: url("../images/icons/social/mail.png");
+	background-image: url("../../images/icons/social/mail.png");
 }
 .light .mobile
 {
-	background-image: url("../images/icons/social/mobile.png");
+	background-image: url("../../images/icons/social/mobile.png");
 }
 .light .myspace
 {
-	background-image: url("../images/icons/social/myspace.png");
+	background-image: url("../../images/icons/social/myspace.png");
 }
 .light .picasa
 {
-	background-image: url("../images/icons/social/picasa.png");
+	background-image: url("../../images/icons/social/picasa.png");
 }
 .light .pinterest
 {
-	background-image: url("../images/icons/social/pinterest.png");
+	background-image: url("../../images/icons/social/pinterest.png");
 }
 .light .reddit
 {
-	background-image: url("../images/icons/social/reddit.png");
+	background-image: url("../../images/icons/social/reddit.png");
 }
 .light .rss
 {
-	background-image: url("../images/icons/social/rss.png");
+	background-image: url("../../images/icons/social/rss.png");
 }
 .light .skype
 {
-	background-image: url("../images/icons/social/skype.png");
+	background-image: url("../../images/icons/social/skype.png");
 }
 .light .soundcloud
 {
-	background-image: url("../images/icons/social/soundcloud.png");
+	background-image: url("../../images/icons/social/soundcloud.png");
 }
 .light .spotify
 {
-	background-image: url("../images/icons/social/spotify.png");
+	background-image: url("../../images/icons/social/spotify.png");
 }
 .light .stumbleupon
 {
-	background-image: url("../images/icons/social/stumbleupon.png");
+	background-image: url("../../images/icons/social/stumbleupon.png");
 }
 .light .technorati
 {
-	background-image: url("../images/icons/social/technorati.png");
+	background-image: url("../../images/icons/social/technorati.png");
 }
 .light .tumblr
 {
-	background-image: url("../images/icons/social/tumblr.png");
+	background-image: url("../../images/icons/social/tumblr.png");
 }
 .light .twitter
 {
-	background-image: url("../images/icons/social/twitter.png");
+	background-image: url("../../images/icons/social/twitter.png");
 }
 .light .vimeo
 {
-	background-image: url("../images/icons/social/vimeo.png");
+	background-image: url("../../images/icons/social/vimeo.png");
 }
 .light .wykop
 {
-	background-image: url("../images/icons/social/wykop.png");
+	background-image: url("../../images/icons/social/wykop.png");
 }
 .light .xing
 {
-	background-image: url("../images/icons/social/xing.png");
+	background-image: url("../../images/icons/social/xing.png");
 }
 .light .youtube
 {
-	background-image: url("../images/icons/social/youtube.png");
+	background-image: url("../../images/icons/social/youtube.png");
 }
 .bread_crumb .separator
 {
-	background-image: url("../images/icons/navigation/dark_bg/breadcrumb_arrow.png");
+	background-image: url("../../images/icons/navigation/dark_bg/breadcrumb_arrow.png");
 }
 .accordion  .ui-accordion-header .ui-accordion-header-icon
 {
-	background-image: url("../images/icons/navigation/dark_bg/accordion_arrow_down.png");
+	background-image: url("../../images/icons/navigation/dark_bg/accordion_arrow_down.png");
 }
 /* --- menu --- */
 .menu_container
@@ -712,7 +712,7 @@ li.detail.category
 	border-bottom-color: #42494F;
 	border-top-color: #464D53;
 }
-.sf-menu li a, 
+.sf-menu li a,
 .sf-menu li a:visited
 {
 	color: #FFF;
@@ -721,7 +721,7 @@ li.detail.category
 .menu_container .sf-menu li.selected.submenu a,
 .menu_container .sf-menu li.submenu:hover a
 {
-	background-image: url("../images/icons/navigation/dark_bg/menu_arrow.png");
+	background-image: url("../../images/icons/navigation/dark_bg/menu_arrow.png");
 }
 .sf-menu a:hover,
 .sf-menu a:hover
@@ -743,7 +743,7 @@ li.detail.category
 ul.sf-menu .mega_menu,
 ul.sf-menu .mega_menu li,
 .sf-menu li.submenu .mega_menu
-{	
+{
 	background-color: #212429;
 }
 .sf-menu li:hover, .sf-menu li.selected,
@@ -911,4 +911,4 @@ ul.sf-menu .mega_menu li,
 	background-color: #42494F;
 	border-top-color: #42494F;
 	border-bottom-color: #42494F;
-}
+}

public/css/old/font.css

@@ -1,3 +1,3 @@
-@font-face{font-family:"Oswald"; font-style:normal; font-weight:400; src:local("Oswald Regular"),local("Oswald-Regular"),url("../fonts/Oswald-Regular-400.woff") format("woff")}
-@font-face{font-family:"Varela"; font-style:normal; font-weight:400; src:local("Varela"),url("../fonts/Varela-400.woff") format("woff")}
-@font-face{font-family:"Open Sans"; font-style:normal; font-weight:400; src:local("Open Sans"),local("OpenSans"),url("../fonts/OpenSans-400.woff") format("woff")}
+@font-face{font-family:"Oswald"; font-style:normal; font-weight:400; src:local("Oswald Regular"),local("Oswald-Regular"),url("../../fonts/Oswald-Regular-400.woff") format("woff")}
+@font-face{font-family:"Varela"; font-style:normal; font-weight:400; src:local("Varela"),url("../../fonts/Varela-400.woff") format("woff")}
+@font-face{font-family:"Open Sans"; font-style:normal; font-weight:400; src:local("Open Sans"),local("OpenSans"),url("../../fonts/OpenSans-400.woff") format("woff")}

public/css/old/high_contrast_skin.css

@@ -2,17 +2,17 @@ a:focus,
 .comment_form [type='submit']:focus,
 .contact_form [type='submit']:focus,
 .tabs_navigation li a:focus,
-.social_icons .social_icon:focus 
+.social_icons .social_icon:focus
 {
 	outline: 1px dotted #FFF;
 }
 a,
 a:hover,
 .read_more:hover,
-.more.active, 
+.more.active,
 .more:hover,
-.post .comments_number:hover, 
-.taxonomies a:hover, 
+.post .comments_number:hover,
+.taxonomies a:hover,
 .pagination li a:hover,
 .slider_posts_list li h5
 {
@@ -37,12 +37,12 @@ a:hover,
 	background-color: #000;
 }
 .box_header,
-.more.active, 
+.more.active,
 .more:hover,
-.tabs_navigation.small li a:hover, 
-.tabs_navigation.small li a.selected, 
+.tabs_navigation.small li a:hover,
+.tabs_navigation.small li a.selected,
 .tabs_navigation.small li.ui-tabs-active a,
-.more.highlight, 
+.more.highlight,
 .more.active:hover,
 .taxonomies a:hover,
 .review_summary .number,
@@ -58,17 +58,17 @@ a:hover,
 .post_details li.category,
 .post_details li.category a,
 .read_more:hover,
-.more.active, 
+.more.active,
 .more:hover,
-.post .comments_number:hover, 
+.post .comments_number:hover,
 .footer .post .comments_number:hover,
 .more.highlight:hover,
 .taxonomies a:hover,
-.pagination li a:hover, 
+.pagination li a:hover,
 .pagination li.selected a,
 .value_container .value_bar .number,
-.tabs_navigation li a:hover, 
-.tabs_navigation li a.selected, 
+.tabs_navigation li a:hover,
+.tabs_navigation li a.selected,
 .tabs_navigation li.ui-tabs-active a,
 .accordion .ui-accordion-header.ui-state-active h4,
 .mobile-menu li.selected a,
@@ -78,19 +78,19 @@ a:hover,
 	color: #000;
 }
 .post_details li.category,
-.slider_navigation .slider_control a:hover, 
+.slider_navigation .slider_control a:hover,
 a.slider_control:hover,
 .slider_posts_list .slider_posts_list_bar,
 .read_more .arrow,
-.tabs_navigation li a:hover, 
-.tabs_navigation li a.selected, 
+.tabs_navigation li a:hover,
+.tabs_navigation li a.selected,
 .tabs_navigation li.ui-tabs-active a,
-.post .comments_number:hover, 
+.post .comments_number:hover,
 .footer .post .comments_number:hover,
-.more.active, 
+.more.active,
 .more:hover,
 .slider_posts_list_container a.slider_control,
-.pagination li a:hover, 
+.pagination li a:hover,
 .pagination li.selected a,
 .taxonomies a:hover,
 .value_container .value_bar,
@@ -108,21 +108,21 @@ a.slider_control:hover,
 	background-color: #FFDD00 ;
 }
 .tabs_navigation li.ui-tabs-active span,
-.post .comments_number:hover .arrow_comments, 
+.post .comments_number:hover .arrow_comments,
 .footer .post .comments_number:hover .arrow_comments
 {
 	border-color: #FFDD00  transparent;
 }
-.blog ul.post_details.simple li.category, 
+.blog ul.post_details.simple li.category,
 .blog ul.post_details.simple li.category a,
 .post.single .post_details a,
-.more.highlight, 
+.more.highlight,
 .more.active:hover,
 .review_summary .number,
 .about_subtitle,
 .announcement .expose,
 p a,
-span.number, 
+span.number,
 span.odometer.number
 {
 	color: #FFDD00;
@@ -132,13 +132,13 @@ span.odometer.number
 	border-color: #42494F transparent;
 }
 p,
-.review_block .list li, 
+.review_block .list li,
 .review_block .list li a,
 .review_summary .text p
 {
 	color: #D7DCE0;
 }
-input.hint, 
+input.hint,
 textarea.hint,
 .comment_form .hint,
 .contact_form .hint,
@@ -152,138 +152,138 @@ textarea.hint,
 }
 .divider.subheader_arrow
 {
-	background-image: url("../images/icons/other/high_contrast/subheader_arrow.png");
+	background-image: url("../../images/icons/other/high_contrast/subheader_arrow.png");
 }
 blockquote
 {
-	background-image: url("../images/icons/other/dark_bg/quote_content.png");
+	background-image: url("../../images/icons/other/dark_bg/quote_content.png");
 }
 .read_more .arrow
 {
-	background-image: url("../images/icons/navigation/high_contrast/call_to_action_arrow.png");
+	background-image: url("../../images/icons/navigation/high_contrast/call_to_action_arrow.png");
 }
-.slider_navigation .slider_control a, 
+.slider_navigation .slider_control a,
 a.slider_control
 {
-	background-image: url("../images/icons/navigation/high_contrast/navigation_arrow_right.png");
+	background-image: url("../../images/icons/navigation/high_contrast/navigation_arrow_right.png");
 	background-color: #FFDD00;
 }
-.slider_navigation .slider_control:first-child a, 
+.slider_navigation .slider_control:first-child a,
 a.slider_control.left
 {
-	background-image: url("../images/icons/navigation/high_contrast/navigation_arrow_left.png");
+	background-image: url("../../images/icons/navigation/high_contrast/navigation_arrow_left.png");
 }
 .pagination li.left a
 {
-	background-image: url("../images/icons/navigation/high_contrast/pagination_arrow_left.png");
+	background-image: url("../../images/icons/navigation/high_contrast/pagination_arrow_left.png");
 }
 .pagination li.right a
 {
-	background-image: url("../images/icons/navigation/high_contrast/pagination_arrow_right.png");
+	background-image: url("../../images/icons/navigation/high_contrast/pagination_arrow_right.png");
 }
 a.slider_control.up
 {
-	background-image: url("../images/icons/navigation/high_contrast/navigation_arrow_up.png");
+	background-image: url("../../images/icons/navigation/high_contrast/navigation_arrow_up.png");
 }
 a.slider_control.down
 {
-	background-image: url("../images/icons/navigation/high_contrast/navigation_arrow_down.png");
+	background-image: url("../../images/icons/navigation/high_contrast/navigation_arrow_down.png");
 }
 #comments_list .children .comment .parent_arrow
 {
-	background-image: url("../images/icons/other/dark_bg/comment_reply.png");
+	background-image: url("../../images/icons/other/dark_bg/comment_reply.png");
 }
 .accordion .ui-accordion-header:hover .ui-accordion-header-icon
 {
-	background-image: url("../images/icons/navigation/high_contrast/accordion_arrow_down_hover.png");
+	background-image: url("../../images/icons/navigation/high_contrast/accordion_arrow_down_hover.png");
 }
 .accordion .ui-accordion-header.ui-state-active .ui-accordion-header-icon
 {
-	background-image: url("../images/icons/navigation/high_contrast/accordion_arrow_up.png");
+	background-image: url("../../images/icons/navigation/high_contrast/accordion_arrow_up.png");
 }
 .item_content .not_found
 {
-	background-image: url("../images/icons/other/high_contrast/404.png");
+	background-image: url("../../images/icons/other/high_contrast/404.png");
 }
 .app
 {
-	background-image: url("../images/icons/features/high_contrast/app.png");
+	background-image: url("../../images/icons/features/high_contrast/app.png");
 }
 .calendar
 {
-	background-image: url("../images/icons/features/high_contrast/calendar.png");
+	background-image: url("../../images/icons/features/high_contrast/calendar.png");
 }
 .chart
 {
-	background-image: url("../images/icons/features/high_contrast/chart.png");
+	background-image: url("../../images/icons/features/high_contrast/chart.png");
 }
 .chat
 {
-	background-image: url("../images/icons/features/high_contrast/chat.png");
+	background-image: url("../../images/icons/features/high_contrast/chat.png");
 }
 .clock
 {
-	background-image: url("../images/icons/features/high_contrast/clock.png");
+	background-image: url("../../images/icons/features/high_contrast/clock.png");
 }
 .database
 {
-	background-image: url("../images/icons/features/high_contrast/database.png");
+	background-image: url("../../images/icons/features/high_contrast/database.png");
 }
 .document
 {
-	background-image: url("../images/icons/features/high_contrast/document.png");
+	background-image: url("../../images/icons/features/high_contrast/document.png");
 }
 .envelope
 {
-	background-image: url("../images/icons/features/high_contrast/envelope.png");
+	background-image: url("../../images/icons/features/high_contrast/envelope.png");
 }
 .faq
 {
-	background-image: url("../images/icons/features/high_contrast/faq.png");
+	background-image: url("../../images/icons/features/high_contrast/faq.png");
 }
 .graph
 {
-	background-image: url("../images/icons/features/high_contrast/graph.png");
+	background-image: url("../../images/icons/features/high_contrast/graph.png");
 }
 .image
 {
-	background-image: url("../images/icons/features/high_contrast/image.png");
+	background-image: url("../../images/icons/features/high_contrast/image.png");
 }
 .laptop
 {
-	background-image: url("../images/icons/features/high_contrast/laptop.png");
+	background-image: url("../../images/icons/features/high_contrast/laptop.png");
 }
 .magnifier
 {
-	background-image: url("../images/icons/features/high_contrast/magnifier.png");
+	background-image: url("../../images/icons/features/high_contrast/magnifier.png");
 }
 .features_icon.mobile
 {
-	background-image: url("../images/icons/features/high_contrast/mobile.png");
+	background-image: url("../../images/icons/features/high_contrast/mobile.png");
 }
 .pin
 {
-	background-image: url("../images/icons/features/high_contrast/pin.png");
+	background-image: url("../../images/icons/features/high_contrast/pin.png");
 }
 .printer
 {
-	background-image: url("../images/icons/features/high_contrast/printer.png");
+	background-image: url("../../images/icons/features/high_contrast/printer.png");
 }
 .quote
 {
-	background-image: url("../images/icons/features/high_contrast/quote.png");
+	background-image: url("../../images/icons/features/high_contrast/quote.png");
 }
 .screen
 {
-	background-image: url("../images/icons/features/high_contrast/screen.png");
+	background-image: url("../../images/icons/features/high_contrast/screen.png");
 }
 .speaker
 {
-	background-image: url("../images/icons/features/high_contrast/speaker.png");
+	background-image: url("../../images/icons/features/high_contrast/speaker.png");
 }
 .video
 {
-	background-image: url("../images/icons/features/high_contrast/video.png");
+	background-image: url("../../images/icons/features/high_contrast/video.png");
 }
 /* --- menu --- */
 .menu_container.sticky.move,
@@ -295,7 +295,7 @@ a.slider_control.down
 {
 	background-color: #000;
 }
-.sf-menu li a, 
+.sf-menu li a,
 .sf-menu li a:visited
 {
 	text-decoration: underline;
@@ -313,7 +313,7 @@ a.slider_control.down
 	border-top-color: #FFDD00;
 }
 /* --- font selector --- */
-.font_selector 
+.font_selector
 {
     position: fixed;
 	left: 0;
@@ -332,11 +332,11 @@ a.slider_control.down
 }
 .font_selector .increase
 {
-	background-image: url("../images/icons/other/high_contrast/font_increase.png");
+	background-image: url("../../images/icons/other/high_contrast/font_increase.png");
 }
 .font_selector .decrease
 {
-	background-image: url("../images/icons/other/high_contrast/font_decrease.png");
+	background-image: url("../../images/icons/other/high_contrast/font_decrease.png");
 }
 /* --- aminations --- */
 .slideRightBack, .slideLeftBack, .slideDownBack, .slideUpBack
@@ -356,31 +356,31 @@ a.slider_control, .icon.fullscreen.animated
 .slideRightBack
 {
 	animation-name: slideRightBack;
-	-webkit-animation-name: slideRightBack;	
+	-webkit-animation-name: slideRightBack;
 }
-@keyframes slideRightBack 
+@keyframes slideRightBack
 {
-	0% 
+	0%
 	{
 		opacity: 0;
 		transform: translateX(-100%);
 	}
-	100% 
+	100%
 	{
 		opacity: 1;
 		transform: translateX(0%);
 	}
 }
-@-webkit-keyframes slideRightBack 
+@-webkit-keyframes slideRightBack
 {
-	0% 
+	0%
 	{
 		opacity: 0;
 		-webkit-transform: translateX(-100%);
 	}
-	100% 
+	100%
 	{
 		opacity: 1;
 		-webkit-transform: translateX(0%);
 	}
-}
+}

public/css/old/jquery.fancybox.css

@@ -1,26 +1,26 @@
-/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
-.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp{padding:0; margin:0; border:0; outline:none; vertical-align:top}
-.fancybox-wrap{position:absolute; top:0; left:0; z-index:8020}
-.fancybox-skin{position:relative; background:#f9f9f9; color:#444; text-shadow:none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px}
-.fancybox-opened{z-index:8030}
-.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5); -moz-box-shadow:0 10px 25px rgba(0,0,0,0.5); box-shadow:0 10px 25px rgba(0,0,0,0.5)}
-.fancybox-outer, .fancybox-inner{position:relative}
-.fancybox-inner{overflow:hidden}
-.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}
-.fancybox-error{color:#444; font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin:0; padding:15px; white-space:nowrap}
-.fancybox-image, .fancybox-iframe{display:block; width:100%; height:100%}
-.fancybox-image{max-width:100%; max-height:100%}
-#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span{background-image:url('images/fancybox_sprite.png')}
-#fancybox-loading{position:fixed; top:50%; left:50%; margin-top:-22px; margin-left:-22px; background-position:0 -108px; opacity:0.8; cursor:pointer; z-index:8060}
-#fancybox-loading div{width:44px; height:44px; background:url('images/fancybox_loading.gif') center center no-repeat}
-.fancybox-close{position:absolute; top:-18px; right:-18px; width:36px; height:36px; cursor:pointer; z-index:8040}
-.fancybox-nav{position:absolute; top:0; width:40%; height:100%; cursor:pointer; text-decoration:none; background:transparent url('images/blank.gif'); /* helps IE */-webkit-tap-highlight-color:rgba(0,0,0,0); z-index:8040}
-.fancybox-prev{left:0}
-.fancybox-next{right:0}
-.fancybox-nav span{position:absolute; top:50%; width:36px; height:34px; margin-top:-18px; cursor:pointer; z-index:8040; visibility:hidden}
-.fancybox-prev span{left:10px; background-position:0 -36px}
-.fancybox-next span{right:10px; background-position:0 -72px}
-.fancybox-nav:hover span{visibility:visible}
-.fancybox-tmp{position:absolute; top:-99999px; left:-99999px; visibility:hidden; max-width:99999px; max-height:99999px; overflow:visible !important}/* Overlay helper */.fancybox-lock{overflow:hidden !important; width:auto}.fancybox-lock body{overflow:hidden !important}.fancybox-lock-test{overflow-y:hidden !important}.fancybox-overlay{position:absolute; top:0; left:0; overflow:hidden; display:none; z-index:8010; background:url('images/fancybox_overlay.png')}.fancybox-overlay-fixed{position:fixed; bottom:0; right:0}.fancybox-lock .fancybox-overlay{overflow:auto; overflow-y:scroll}/* Title helper */.fancybox-title{visibility:hidden; font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position:relative; text-shadow:none; z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute; bottom:0; right:50%; margin-bottom:-35px; z-index:8050; text-align:center}.fancybox-title-float-wrap .child{display:inline-block; margin-right:-100%; padding:2px 20px; background:transparent; /* Fallback for web browsers that doesn't support RGBa */background:rgba(0,0,0,0.8); -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; text-shadow:0 1px 2px #222; color:#FFF; font-weight:bold; line-height:24px; white-space:nowrap}.fancybox-title-outside-wrap{position:relative; margin-top:10px; color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute; bottom:0; left:0; color:#fff; padding:10px; background:#000; background:rgba(0,0,0,.8)}
-/*Retina graphics!*/
+/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
+.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp{padding:0; margin:0; border:0; outline:none; vertical-align:top}
+.fancybox-wrap{position:absolute; top:0; left:0; z-index:8020}
+.fancybox-skin{position:relative; background:#f9f9f9; color:#444; text-shadow:none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px}
+.fancybox-opened{z-index:8030}
+.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5); -moz-box-shadow:0 10px 25px rgba(0,0,0,0.5); box-shadow:0 10px 25px rgba(0,0,0,0.5)}
+.fancybox-outer, .fancybox-inner{position:relative}
+.fancybox-inner{overflow:hidden}
+.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}
+.fancybox-error{color:#444; font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin:0; padding:15px; white-space:nowrap}
+.fancybox-image, .fancybox-iframe{display:block; width:100%; height:100%}
+.fancybox-image{max-width:100%; max-height:100%}
+#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span{background-image:url('images/fancybox_sprite.png')}
+#fancybox-loading{position:fixed; top:50%; left:50%; margin-top:-22px; margin-left:-22px; background-position:0 -108px; opacity:0.8; cursor:pointer; z-index:8060}
+#fancybox-loading div{width:44px; height:44px; background:url('images/fancybox_loading.gif') center center no-repeat}
+.fancybox-close{position:absolute; top:-18px; right:-18px; width:36px; height:36px; cursor:pointer; z-index:8040}
+.fancybox-nav{position:absolute; top:0; width:40%; height:100%; cursor:pointer; text-decoration:none; background:transparent url('images/blank.gif'); /* helps IE */-webkit-tap-highlight-color:rgba(0,0,0,0); z-index:8040}
+.fancybox-prev{left:0}
+.fancybox-next{right:0}
+.fancybox-nav span{position:absolute; top:50%; width:36px; height:34px; margin-top:-18px; cursor:pointer; z-index:8040; visibility:hidden}
+.fancybox-prev span{left:10px; background-position:0 -36px}
+.fancybox-next span{right:10px; background-position:0 -72px}
+.fancybox-nav:hover span{visibility:visible}
+.fancybox-tmp{position:absolute; top:-99999px; left:-99999px; visibility:hidden; max-width:99999px; max-height:99999px; overflow:visible !important}/* Overlay helper */.fancybox-lock{overflow:hidden !important; width:auto}.fancybox-lock body{overflow:hidden !important}.fancybox-lock-test{overflow-y:hidden !important}.fancybox-overlay{position:absolute; top:0; left:0; overflow:hidden; display:none; z-index:8010; background:url('images/fancybox_overlay.png')}.fancybox-overlay-fixed{position:fixed; bottom:0; right:0}.fancybox-lock .fancybox-overlay{overflow:auto; overflow-y:scroll}/* Title helper */.fancybox-title{visibility:hidden; font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position:relative; text-shadow:none; z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute; bottom:0; right:50%; margin-bottom:-35px; z-index:8050; text-align:center}.fancybox-title-float-wrap .child{display:inline-block; margin-right:-100%; padding:2px 20px; background:transparent; /* Fallback for web browsers that doesn't support RGBa */background:rgba(0,0,0,0.8); -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; text-shadow:0 1px 2px #222; color:#FFF; font-weight:bold; line-height:24px; white-space:nowrap}.fancybox-title-outside-wrap{position:relative; margin-top:10px; color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute; bottom:0; left:0; color:#fff; padding:10px; background:#000; background:rgba(0,0,0,.8)}
+/*Retina graphics!*/
 @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5){#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url('images/fancybox_sprite@2x.png'); background-size:44px 152px; /*The size of the normal image,half the size of the hi-res image*/}#fancybox-loading div{background-image:url('images/fancybox_loading@2x.gif'); background-size:24px 24px; /*The size of the normal image,half the size of the hi-res image*/}}

public/css/old/jumpforward.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 19" x="0" y="0" width="19" height="19"><defs><style>.cls-1{fill:#fff;}.cls-2{fill:none;stroke:#fff;stroke-width:2px;}</style></defs><title>2</title><g id="jumpforward"><path class="cls-1" d="M32.1,2.3L27.8,4.5V0.2Z" transform="translate(-20.7 -0.2)"/><path class="cls-1" d="M34.8,2.3L30.5,4.5V0.2Z" transform="translate(-20.7 -0.2)"/><path class="cls-2" d="M29.9,2.3a8.15,8.15,0,0,0-8.2,8.1h0" transform="translate(-20.7 -0.2)"/><path class="cls-2" d="M21.8,10a8.15,8.15,0,0,0,8.1,8.2h0" transform="translate(-20.7 -0.2)"/><path class="cls-2" d="M29.5,18.2a8.15,8.15,0,0,0,8.2-8.1h0" transform="translate(-20.7 -0.2)"/></g></svg>

public/css/old/li-scroller.css

@@ -1,10 +1,10 @@
-/* liScroll styles */
-
-.tickercontainer{width:100%; height:30px; margin:0; padding:0; overflow:hidden; padding-top:2px}
-.tickercontainer .mask{left:10px; overflow:hidden; position:relative; top:0; width:100%; height:20px; overflow:hidden; margin-top:4px}
-ul.newsticker{position:relative; left:750px; font:bold 10px Verdana; list-style-type:none; margin:0; padding:0}
-ul.newsticker li{float:left; margin:0; padding:0}
-ul.newsticker a{white-space:nowrap; padding:0; color:#fff; margin:0 50px 0 0}
-ul.newsticker a:hover{text-decoration:underline}
-ul.newsticker span{margin:0 10px 0 0}
+/* liScroll styles */
+
+.tickercontainer{width:100%; height:30px; margin:0; padding:0; overflow:hidden; padding-top:2px}
+.tickercontainer .mask{left:10px; overflow:hidden; position:relative; top:0; width:100%; height:20px; overflow:hidden; margin-top:4px}
+ul.newsticker{position:relative; left:750px; font:bold 10px Verdana; list-style-type:none; margin:0; padding:0}
+ul.newsticker li{float:left; margin:0; padding:0}
+ul.newsticker a{white-space:nowrap; padding:0; color:#fff; margin:0 50px 0 0}
+ul.newsticker a:hover{text-decoration:underline}
+ul.newsticker span{margin:0 10px 0 0}
 ul.newsticker a > img{height:20px; margin-right:5px; width:25px}

public/css/old/mediaplayer_plugins.min.css

@@ -0,0 +1 @@
+.mejs-airplay-button>button,.mejs__airplay-button>button{background:url(airplay.svg) no-repeat 0 4px}.mejs-airplay-button>button .fill,.mejs__airplay-button>button .fill{fill:#fff}.mejs-airplay-button>button.active .fill,.mejs__airplay-button>button.active .fill{fill:#66a8cc}.mejs-chromecast-button>button,.mejs__chromecast-button>button{--disconnected-color:#fff;background:none;display:inline-block}.mejs-chromecast-container,.mejs__chromecast-container{background:#000;color:#fff;font-size:10px;left:0;padding:5px;position:absolute;top:0;z-index:1}.mejs-chromecast-layer>img,.mejs__chromecast-layer>img{left:0;position:absolute;top:0;z-index:0}.mejs-chromecast-icon,.mejs__chromecast-icon{background:url(chromecast.svg) no-repeat 0 0;display:inline-block;height:14px;margin-right:5px;width:17px}.mejs-contextmenu,.mejs__contextmenu{background:#fff;border:1px solid #999;border-radius:4px;left:0;padding:10px;position:absolute;top:0;width:150px;z-index:1}.mejs-contextmenu-separator,.mejs__contextmenu-separator{background:#333;font-size:0;height:1px;margin:5px 6px}.mejs-contextmenu-item,.mejs__contextmenu-item{color:#333;cursor:pointer;font-size:12px;padding:4px 6px}.mejs-contextmenu-item:hover,.mejs__contextmenu-item:hover{background:#2c7c91;color:#fff}.mejs-jump-forward-button>button,.mejs__jump-forward-button>button{background:url(jumpforward.svg) no-repeat 0 0;color:#fff;font-size:8px;line-height:normal;position:relative}.mejs-skip-back-button>button,.mejs__skip-back-button>button{background:url(skipback.svg) no-repeat 0 -1px;color:#fff;font-size:8px;line-height:normal;position:relative}

public/css/old/menu_styles.css

@@ -12,7 +12,7 @@
 {
 	background-color: #F0F0F0;
 	border-bottom-color: #F0F0F0;
-	border-top-color: #E0E0E0;	
+	border-top-color: #E0E0E0;
 }
 .style_2 .sf-menu>li
 {
@@ -22,7 +22,7 @@
 .style_7 .sf-menu li.selected.submenu a,
 .style_7 .sf-menu li.submenu:hover a
 {
-	background-image: url("../images/icons/navigation/menu_arrow.png");
+	background-image: url("../../images/icons/navigation/menu_arrow.png");
 }
 .style_2 .sf-menu a:hover,
 .style_3 .sf-menu a:hover
@@ -64,7 +64,7 @@
 .style_10 .sf-menu li.selected.submenu a,
 .style_10 .sf-menu li.submenu:hover a
 {
-	background-image: url("../images/icons/navigation/dark_bg/menu_arrow.png");
+	background-image: url("../../images/icons/navigation/dark_bg/menu_arrow.png");
 }
 .style_2 .sf-menu li.selected a,
 .style_2 .sf-menu li:hover a,
@@ -186,4 +186,4 @@
 	background-color: #42494F;
 	border-top-color: #42494F;
 	border-bottom-color: #42494F;
-}
+}

public/css/old/nhgooi.css

@@ -67,7 +67,7 @@ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
 }
 
 .header_container {
-	background-image: url('../images/nh-banner.png');
+	background-image: url('../../images/nh-banner.png');
 	background-size: 100% ;
 }
 
@@ -191,7 +191,7 @@ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
 
 .mobile-menu-switch:hover {
 	background: #1F3977;
-} 
+}
 
 .mobile-menu-switch {
 	border-color: #1F3977;
@@ -219,7 +219,7 @@ button[disabled]:hover
 {
 	float: right;
 	color: #7C7C7C;
-	margin-left: 2em;	
+	margin-left: 2em;
 	text-decoration: none;
 }
 

public/css/old/reset.css

@@ -1,46 +1,46 @@
-html, body, div, span, applet, object, iframe, p, blockquote,
-a, abbr, acronym, big, cite, code,
-del, dfn, font, img, ins, kbd, q, s, samp,
-small, strike, sub, sup, tt, var,
-dl, dt, dd,
-fieldset, form, label, legend {
-	margin: 0;
-	padding: 0;
-	border: 0;
-	outline: 0;
-	font-weight: inherit;
-	font-style: inherit;
-	font-size: 100%;
-	font-family: inherit;
-	vertical-align: baseline;
-}
-/* remember to define focus styles! */
-:focus {
-	outline: 0;
-}
-body {
-	line-height: 1;
-	color: black;
-	background: white;
-}
-ol, ul {
-	list-style: none;
-	padding: 0;
-	margin: 0;
-}
-/* tables still need 'cellspacing="0"' in the markup */
-table {
-	border-collapse: collapse;
-	/*border-spacing: 0;*/
-}
-caption, th, td {
-	text-align: left;
-	font-weight: normal;
-}
-blockquote:before, blockquote:after,
-q:before, q:after {
-	content: "";
-}
-blockquote, q {
-	quotes: "" "";
-}
+html, body, div, span, applet, object, iframe, p, blockquote,
+a, abbr, acronym, big, cite, code,
+del, dfn, font, img, ins, kbd, q, s, samp,
+small, strike, sub, sup, tt, var,
+dl, dt, dd,
+fieldset, form, label, legend {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	outline: 0;
+	font-weight: inherit;
+	font-style: inherit;
+	font-size: 100%;
+	font-family: inherit;
+	vertical-align: baseline;
+}
+/* remember to define focus styles! */
+:focus {
+	outline: 0;
+}
+body {
+	line-height: 1;
+	color: black;
+	background: white;
+}
+ol, ul {
+	list-style: none;
+	padding: 0;
+	margin: 0;
+}
+/* tables still need 'cellspacing="0"' in the markup */
+table {
+	border-collapse: collapse;
+	/*border-spacing: 0;*/
+}
+caption, th, td {
+	text-align: left;
+	font-weight: normal;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: "";
+}
+blockquote, q {
+	quotes: "" "";
+}

public/css/old/skipback.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<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"
+	 viewBox="-290 291 19 19" style="enable-background:new -290 291 19 19;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#fff;}
+	.st1{fill:none;stroke:#fff;stroke-width:2;}
+</style>
+<title>2</title>
+<g id="jumpforward">
+	<path class="st0" d="M-278.6,291v4.3l-4.3-2.2L-278.6,291z"/>
+	<path class="st0" d="M-281.3,291v4.3l-4.3-2.2L-281.3,291z"/>
+	<path class="st1" d="M-272.5,301.2L-272.5,301.2C-272.5,301.2-272.5,301.2-272.5,301.2c0-4.5-3.7-8.1-8.2-8.1"/>
+	<path class="st1" d="M-280.7,309L-280.7,309C-280.7,309-280.7,309-280.7,309c4.5,0,8.1-3.7,8.1-8.2"/>
+	<path class="st1" d="M-288.5,300.9L-288.5,300.9C-288.5,300.9-288.5,300.9-288.5,300.9c0,4.5,3.7,8.1,8.2,8.1"/>
+</g>
+</svg>

public/css/old/slick.css

@@ -1,53 +1,53 @@
-@charset "UTF-8";
-
-/* Slider */
-
-.slick-slider{position:relative; display:block; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent}
-.slick-list{position:relative; overflow:hidden; display:block; margin:0; padding:0}
-.slick-list:focus{outline:none}
-.slick-loading .slick-list{background:#fff /*url("./ajax-loader.gif")*/ center center no-repeat}
-.slick-list.dragging{cursor:pointer; cursor:hand}
-.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
-.slick-track{position:relative; left:0; top:0; display:block}
-.slick-track:before, .slick-track:after{content:""; display:table}
-.slick-track:after{clear:both}
-.slick-loading .slick-track{visibility:hidden}
-.slick-slide{float:left; height:100%; min-height:1px; display:none}
-[dir="rtl"] .slick-slide{float:right}
-.slick-slide img{display:block}
-.slick-slide.slick-loading img{display:none}
-.slick-slide.dragging img{pointer-events:none}
-.slick-initialized .slick-slide{display:block}
-.slick-loading .slick-slide{visibility:hidden}
-.slick-vertical .slick-slide{display:block; height:auto; border:1px solid transparent}
-
-/* Icons */
-
-/*@font-face{font-family:"slick"; src:url("./fonts/slick.eot"); src:url("./fonts/slick.eot?#iefix") format("embedded-opentype"),url("./fonts/slick.woff") format("woff"),url("./fonts/slick.ttf") format("truetype"),url("./fonts/slick.svg#slick") format("svg"); font-weight:normal; font-style:normal}*/
-
-/* Arrows */
-
-.slick-prev, .slick-next{ border:medium none;  font-weight:bold;  cursor:pointer;  display:block;  font-size:0;  height:auto;  line-height:0;  margin-top:-10px;  outline:medium none;  padding:10px;  position:absolute;  top:50%;  width:auto}
-.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{ outline:none}
-.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before{opacity:1}
-.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{opacity:0.25}
-.slick-prev:before, .slick-next:before{font-family:"slick"; font-size:20px; line-height:1; opacity:0.75; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale}
-.slick-prev{left:0px}
-[dir="rtl"] .slick-prev{left:auto; right:-25px}
-.slick-prev:before{content:"<"}
-[dir="rtl"] .slick-prev:before{content:">"}
-.slick-next{right:0px}
-[dir="rtl"] .slick-next{left:-25px; right:auto}
-.slick-next:before{content:">"}
-[dir="rtl"] .slick-next:before{content:"<"}
-
-/* Dots */
-
-.slick-slider{margin-bottom:20px}
-.slick-dots{position:absolute; bottom:-45px; list-style:none; display:block; text-align:center; padding:0; width:100%}
-.slick-dots li{position:relative; display:inline-block; height:20px; width:20px; margin:0 5px; padding:0; cursor:pointer}
-.slick-dots li button{border:0; background:transparent; display:block; height:20px; width:20px; outline:none; line-height:0; font-size:0; color:transparent; padding:5px; cursor:pointer}
-.slick-dots li button:hover, .slick-dots li button:focus{outline:none}
-.slick-dots li button:hover:before, .slick-dots li button:focus:before{opacity:1}
-.slick-dots li button:before{position:absolute; top:0; left:0; content:"•"; width:20px; height:20px; font-family:"slick"; font-size:6px; line-height:20px; text-align:center; color:black; opacity:0.25; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale}
+@charset "UTF-8";
+
+/* Slider */
+
+.slick-slider{position:relative; display:block; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent}
+.slick-list{position:relative; overflow:hidden; display:block; margin:0; padding:0}
+.slick-list:focus{outline:none}
+.slick-loading .slick-list{background:#fff /*url("./ajax-loader.gif")*/ center center no-repeat}
+.slick-list.dragging{cursor:pointer; cursor:hand}
+.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
+.slick-track{position:relative; left:0; top:0; display:block}
+.slick-track:before, .slick-track:after{content:""; display:table}
+.slick-track:after{clear:both}
+.slick-loading .slick-track{visibility:hidden}
+.slick-slide{float:left; height:100%; min-height:1px; display:none}
+[dir="rtl"] .slick-slide{float:right}
+.slick-slide img{display:block}
+.slick-slide.slick-loading img{display:none}
+.slick-slide.dragging img{pointer-events:none}
+.slick-initialized .slick-slide{display:block}
+.slick-loading .slick-slide{visibility:hidden}
+.slick-vertical .slick-slide{display:block; height:auto; border:1px solid transparent}
+
+/* Icons */
+
+/*@font-face{font-family:"slick"; src:url("./fonts/slick.eot"); src:url("./fonts/slick.eot?#iefix") format("embedded-opentype"),url("./fonts/slick.woff") format("woff"),url("./fonts/slick.ttf") format("truetype"),url("./fonts/slick.svg#slick") format("svg"); font-weight:normal; font-style:normal}*/
+
+/* Arrows */
+
+.slick-prev, .slick-next{ border:medium none;  font-weight:bold;  cursor:pointer;  display:block;  font-size:0;  height:auto;  line-height:0;  margin-top:-10px;  outline:medium none;  padding:10px;  position:absolute;  top:50%;  width:auto}
+.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{ outline:none}
+.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before{opacity:1}
+.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{opacity:0.25}
+.slick-prev:before, .slick-next:before{font-family:"slick"; font-size:20px; line-height:1; opacity:0.75; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale}
+.slick-prev{left:0px}
+[dir="rtl"] .slick-prev{left:auto; right:-25px}
+.slick-prev:before{content:"<"}
+[dir="rtl"] .slick-prev:before{content:">"}
+.slick-next{right:0px}
+[dir="rtl"] .slick-next{left:-25px; right:auto}
+.slick-next:before{content:">"}
+[dir="rtl"] .slick-next:before{content:"<"}
+
+/* Dots */
+
+.slick-slider{margin-bottom:20px}
+.slick-dots{position:absolute; bottom:-45px; list-style:none; display:block; text-align:center; padding:0; width:100%}
+.slick-dots li{position:relative; display:inline-block; height:20px; width:20px; margin:0 5px; padding:0; cursor:pointer}
+.slick-dots li button{border:0; background:transparent; display:block; height:20px; width:20px; outline:none; line-height:0; font-size:0; color:transparent; padding:5px; cursor:pointer}
+.slick-dots li button:hover, .slick-dots li button:focus{outline:none}
+.slick-dots li button:hover:before, .slick-dots li button:focus:before{opacity:1}
+.slick-dots li button:before{position:absolute; top:0; left:0; content:"•"; width:20px; height:20px; font-family:"slick"; font-size:6px; line-height:20px; text-align:center; color:black; opacity:0.25; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale}
 .slick-dots li.slick-active button:before{color:black; opacity:0.75}

public/css/old/style.nhg.css

@@ -1,304 +1,304 @@
-/*
-Template Name: NewsFeed
-Template URI: http://www.wpfreeware.com/newsfeed-ultra-responsive-news-magazine-theme/
-Author: WpFreeware
-Author URI: http://www.wpfreeware.com
-Description: A Pro bootstrap html5 css3 responsive news magazine website template
-Version: 1.0 
-License: GPL
-License URI: http://www.gnu.org/licenses/gpl-2.0.html
-*/
-
-body{background:#f5f5f5}
-ul{padding:0; margin:0; list-style:none}
-a{text-decoration:none; color:#2f2f2f}
-a:hover{color:#646464; text-decoration:none}
-a:focus{outline:none; text-decoration:none}
-h1, h2, h3, h4, h5, h6{font-family:'Open Sans',sans-serif}
-h2{line-height:23px}
-img{border:none}
-img:hover{opacity:0.75}
-.img-center{display:block; margin-left:auto; margin-right:auto; text-align:center}
-.img-right{display:block; margin-left:auto}
-.img-left{display:block; margin-right:auto}
-.yellow_bg{background-color:#ffd62c}
-.btn-yellow{background-color:#ffd62c; color:#fff}
-.btn-yellow:hover{background-color:#e1b70b; color:#fff}
-.limeblue_bg{background-color:#7dc34d}
-.blue_bg{background-color:#09c}
-.btn{border-radius:0; margin-bottom:5px; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
-.btn:hover{}
-.btn-red{background-color:red; color:#fff}
-.btn-red:hover{background-color:#c40505; color:#fff}
-.btn-green{background-color:green; color:#fff}
-.btn-green:hover{background-color:#0ab20a; color:#fff}
-.btn-black{background-color:black; color:#fff}
-.btn-black:hover{background-color:#413a3a; color:#fff}
-.btn-orange{background-color:orange; color:#fff}
-.btn-orange:hover{background-color:#f09d05; color:#fff}
-.btn-blue{background-color:blue; color:#fff}
-.btn-blue:hover{background-color:#0707a2; color:#fff}
-.btn-lime{background-color:lime; color:#fff}
-.btn-lime:hover{background-color:#05ae05; color:#fff}
-.default-btn{background-color:#12a3df; color:#fff}
-.default-btn:hover{background-color:#0a8ec4; color:#fff}
-.btn-theme{background-color:#d083cf; color:#fff}
-.btn-theme:hover{background-color:#ce39cc; color:#fff}
-.transition{-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
-preloader{position:fixed; top:0; left:0; right:0; bottom:0; background-color:#fff; z-index:99999}
-status{width:200px; height:200px; position:absolute; left:50%; top:50%; background-image:url(images/status.gif); background-repeat:no-repeat; background-position:center; margin:-100px 0 0 -100px}
-.scrollToTop{bottom:105px; display:none; font-size:32px; font-weight:bold; height:50px; position:fixed; right:75px; text-align:center; text-decoration:none; width:50px; z-index:9; border:1px solid; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
-.scrollToTop:hover, .scrollToTop:focus{text-decoration:none; outline:none}
-#header{display:inline; float:left; width:100%; margin-top:20px}
-.header_top{background-color:#2c2c2c; display:inline; float:left; padding:0 30px; width:100%}
-.header_top_left{float:left; display:inline; width:50%}
-.top_nav{text-align:left}
-.top_nav li{display:inline-block}
-.top_nav li a{display:inline-block; border-right:1px solid #333; color:#fff; font-size:11px; font-weight:bold; padding:20px 15px; text-transform:uppercase; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
-.top_nav li a:hover{background-color:#d083cf}
-.header_top_right{float:left; display:inline; width:50%; text-align:right}
-.header_top_right > p{color:#fff; display:inline-block; float:right; font:bold 12px sans-serif; margin-bottom:0; padding-bottom:20px; padding-right:8px; padding-top:20px}
-.header_bottom{background-color:#fff; display:inline; float:left; padding:15px 30px 15px; width:100%}
-.logo_area{display:inline; float:left; width:31%}
-.logo{font-size:45px; font-weight:bold; color:#000; font-family:'Varela',sans-serif}
-.logo img{max-width:100%}
-.logo img:hover{opacity:1}
-.logo > span{ margin-left:-14px}
-.add_banner{float:right; width:728px; height:90px}
-.add_banner img{width:100%; height:100%}
-#navArea{float:left; display:inline; width:100%; padding:0 30px; background-color:#fff}
-.banners { margin-right: 0px; }
-.banners p { overflow:hidden; font-size: 80%; color:#999;}
-.banners p.ad { width:120px;}
-
-@media(max-width:360px){.banners{float: none !important; width:100%;}}
-.navbar{border:medium none; border-radius:0}
-.navbar-inverse .navbar-nav > li > a{border-left:1px solid #383838; color:#ddd; font-family:'Open Sans',sans-serif; display:inline-block; font-weight: 700; height:40px; line-height:40px; padding:0 14px; text-shadow:0 1px 1px #000; text-transform:uppercase; -webkit-transition:all 0.5s; -mz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
-.navbar-inverse .navbar-nav > li:first-child a{border:none}
-.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus{ color:#fff}
-.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{ color:#fff}
-.main-nav ul li a{}
-.navbar-collapse{ padding-left:0}
-.mobile-show{display:none}
-.desktop-home{display:block; font-size:32px; margin-top:4px}
-.dropdown-menu{background-color:#222}
-.dropdown-menu > li > a{clear:both; color:#ddd; background-color:#222; padding:10px 20px; font-family:'Open Sans',sans-serif; -webkit-transition:all 0.5s; -mz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
-.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{color:#fff}
-#newsSection{float:left; display:inline; width:100%; padding:0 30px; background-color:#fff; padding-bottom:20px}
-.latest_newsarea{float:left; display:inline; width:100%; background-color:#000; position:relative}
-.latest_newsarea span{ color:#fff; font-family:'Open Sans',sans-serif; font-size:15px; left:0; line-height:1.8em; margin-right:20px; overflow:hidden; padding:2px 18px 1px 19px; position:absolute; z-index:15}
-.social_area{ position:absolute; right:0; top:0; background:#fff; border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc; height:31px}
-.social_nav{ text-align:right}
-.social_nav li{ display:block; float:left}
-.social_nav li a{ display:block; float:left; height:30px; text-indent:-9999px; width:30px; border-left:1px solid #ccc; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s;  -o-transition:all 0.5s; transition:all 0.5s}
-.social_nav li.facebook a{ background-image:url("images/socials.png"); background-position:0 -30px; background-size:270px 60px}
-.social_nav li.facebook a:hover{ background-position:0 0px; background-size:270px 60px; background-color:#436eac}
-.social_nav li.twitter a{ background-image:url("images/socials.png"); background-position:-30px -30px; background-size:270px 60px}
-.social_nav li.twitter a:hover{ background-position:-30px 0px; background-size:270px 60px; background-color:#0598c9}
-.social_nav li.flickr a{ background-image:url("images/socials.png"); background-position:-60px -30px; background-size:270px 60px}
-.social_nav li.flickr a:hover{ background-position:-60px 0px; background-size:270px 60px; background-color:#e33b7e}
-.social_nav li.pinterest a{ background-image:url("images/socials.png"); background-position:-90px -30px; background-size:270px 60px}
-.social_nav li.pinterest a:hover{ background-position:-90px 0px; background-size:270px 60px; background-color:#cb2027}
-.social_nav li.googleplus a{ background-image:url("images/socials.png"); background-position:-120px -30px; background-size:270px 60px}
-.social_nav li.googleplus a:hover{ background-position:-120px 0px; background-size:270px 60px; background-color:#d64b2e}
-.social_nav li.vimeo a{ background-image:url("images/socials.png"); background-position:-150px -30px; background-size:270px 60px}
-.social_nav li.vimeo a:hover{ background-position:-150px 0px; background-size:270px 60px; background-color:#86ae24}
-.social_nav li.youtube a{ background-image:url("images/socials.png"); background-position:-180px -30px; background-size:270px 60px; width:60px}
-.social_nav li.youtube a:hover{ background-position:-180px 0px; background-size:270px 60px; background-color:#e32114}
-.social_nav li.mail a{ background-image:url("images/socials.png"); background-position:-240px -30px; background-size:270px 60px; width:32px}
-.social_nav li.mail a:hover{background-position:-240px 0px; background-size:270px 60px; background-color:#bc75d6}
-#sliderSection{background-color:#fff; display:inline; float:left; width:100%; padding:0 30px}
-.single_iteam{display:inline; float:left; position:relative; width:100%; height:448px}
-.single_iteam img{width:100%; height:100%}
-.single_iteam img:hover{opacity:1}
-.slider_article{ bottom:20px; left:0; position:absolute; right:0; padding:10px 15px}
-.slider_article > h2 a{ background:none repeat scroll 0 0 rgba(0,0,0,0.4); color:#fff; font-size:18px; padding:10px; display:inline-block}
-.slider_article > p{ background:none repeat scroll 0 0 rgba(0,0,0,0.4); color:#fff; padding:3px; display:inline-block}
-.slick-prev:before{ content:""}
-.slick-prev{ background-image:url(images/slider_prev.png); background-repeat:no-repeat; background-position:center; left:10px}
-.slick-next:before{ content:""}
-.slick-next{ background-image:url(images/slider_next.png); background-repeat:no-repeat; background-position:center; left:60px}
-.slick-prev, .slick-next{background-color:#000; top:10%; width:40px; height:40px}
-.slick-prev:hover, .slick-next:hover{opacity:0.5}
-.latest_post{float:left; display:inline; width:100%}
-.latest_post > h2{background:none repeat scroll 0 0 #151515; color:#fff; font-family:'Open Sans',sans-serif; font-size:18px; margin-top:5px; font-weight:400; margin-bottom:10px; margin-left:0; padding:0; position:relative; text-align:center; text-transform:uppercase}
-.latest_post > h2 span{padding:4px 10px}
-.latest_postnav{height:auto !important; margin-top:20px}
-.latest_postnav li{margin-bottom:10px; float:left; width:100%}
-.latest_post_container{display:inline; float:left; height:430px; position:relative; width:100%}
-.latest_post_container:hover #prev-button, .latest_post_container:hover #next-button{display:block}
-#prev-button{cursor:pointer; font-size:20px; left:0; position:absolute; text-align:center; top:-10px; width:100%; display:none}
-#next-button{cursor:pointer; display:none; font-size:20px; left:0; position:absolute; text-align:center; bottom:0; width:100%}
-#contentSection{float:left; display:inline; width:100%; background-color:#fff; padding:0 30px}
-.left_content{float:left; display:inline; width:100%}
-.single_post_content{float:left; display:inline; width:100%; margin-bottom:20px}
-/*.single_post_content > h2{background:none repeat scroll 0 0 #151515; color:#fff; font-family:'Open Sans',sans-serif; font-size:18px; font-weight:400; margin-bottom:10px; margin-left:0; margin-top:5px; padding:0; position:relative; text-align:center; text-transform:uppercase; margin-bottom:20px;}
-.single_post_content > h2 span{padding:4px 10px}
-*/
-
-.left_content h2 {
-  padding: 5px;
-  background-color: #E30051;
-  -webkit-border-radius: 3px;
-  -moz-border-radius: 3px;
-  border-radius: 3px;
-  font-size: 90%;
-  font-style: normal;
-  color: #fff;
-  margin-right: 5px;
-  position: relative;
-  display: inline-block;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  max-width: 100%;
-  line-height: 1;
-}
-
-.single_post_content_left{float:left; display:inline; width:49%}
-.business_catgnav{}
-.business_catgnav li{float:left; display:block; width:100%}
-.bsbig_fig{width:100%}
-.bsbig_fig > a{display:block}
-.bsbig_fig > a img{width:100%}
-.bsbig_fig figcaption{color:#333; font-family:"'Open Sans'",sans-serif; font-size:23px; font-weight:300; margin-top:10px; margin-bottom:10px}
-.single_post_content_right{float:right; display:inline; width:48%}
-.right_content{float:left; display:inline; width:100%; min-height:300px}
-.spost_nav{}
-.spost_nav li{float:left; display:block; width:100%; margin-bottom:10px}
-.spost_nav .media-left{width:100px; height:80px}
-.media-left > img{height:70px; width:90px}
-.spost_nav .media-body > a{font-family:"'Open Sans'",sans-serif}
-.featured_img{position:relative}
-.overlay:hover{ background:none repeat scroll 0 0 rgba(0,0,0,0.4)}
-.overlay{ bottom:0; display:block; left:0; position:absolute; width:100%; z-index:2; height:100%; -webkit-transition:all 0.5s; -mz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
-.fashion_technology_area{display:inline; float:left; width:100%}
-.fashion{float:left; display:inline; width:48%}
-.technology{float:right; display:inline; width:48%}
-.photo_grid{position:relative; margin:0 auto; max-width:1000px; list-style:none; text-align:center}
-.photograph_nav{margin-left:-11px}
-.photograph_nav li{display:block; float:left; margin-left:9px; width:32%}
-.photo_grid figure{position:relative; float:left; overflow:hidden; margin:10px 1%; margin-top:0; height:150px; width:100%; background:#3085a3; text-align:center; cursor:pointer}
-.photo_grid figure img{position:relative; display:block; min-height:100%; max-width:100%; width:100%; height:100% opacity:0.8}
-.photo_grid figure figcaption{padding:2em; color:#fff; text-transform:uppercase; font-size:1.25em; -webkit-backface-visibility:hidden; backface-visibility:hidden}
-.photo_grid figure figcaption::before, .photo_grid figure figcaption::after{pointer-events:none}
-.photo_grid figure figcaption{position:absolute; bottom:0; left:0; width:100%; height:100%}
-.photo_grid figure h2{word-spacing:-0.15em; font-weight:300}
-.photo_grid figure h2 span{font-weight:800}
-.photo_grid figure h2, .photo_grid figure a{margin:0}
-.photo_grid figcaption a{color:#fff; font-size:68.5%; letter-spacing:1px; display:block; margin-top:7px}
-figure.effect-layla img{height:390px}
-figure.effect-layla figcaption{padding:1.5em}
-figure.effect-layla figcaption::before, figure.effect-layla figcaption::after{position:absolute; content:''; opacity:0}
-figure.effect-layla figcaption::before{top:20px; right:15px; bottom:20px; left:15px; border-top:1px solid #fff; border-bottom:1px solid #fff; -webkit-transform:scale(0,1); transform:scale(0,1); -webkit-transform-origin:0 0; transform-origin:0 0}
-figure.effect-layla figcaption::after{top:9px; right:25px; bottom:9px; left:25px; border-right:1px solid #fff; border-left:1px solid #fff; -webkit-transform:scale(1,0); transform:scale(1,0); -webkit-transform-origin:100% 0; transform-origin:100% 0}
-figure.effect-layla h2{font-size:18px; padding-top:33%; -webkit-transition:-webkit-transform 0.35s; transition:transform 0.35s}
-figure.effect-layla a{ text-transform:none; -webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0)}
-figure.effect-layla img, figure.effect-layla h2{-webkit-transform:translate3d(0,-30px,0); transform:translate3d(0,-30px,0)}
-figure.effect-layla img, figure.effect-layla figcaption::before, figure.effect-layla figcaption::after, figure.effect-layla a{-webkit-transition:opacity 0.35s,-webkit-transform 0.35s; transition:opacity 0.35s,transform 0.35s}
-figure.effect-layla:hover img{opacity:0.7; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
-figure.effect-layla:hover figcaption::before, figure.effect-layla:hover figcaption::after{opacity:1; -webkit-transform:scale(1); transform:scale(1)}
-figure.effect-layla:hover h2{padding-top:26%}
-figure.effect-layla:hover h2, figure.effect-layla:hover a{opacity:1; -webkit-transform:translate3d(0,-35px,0); transform:translate3d(0,-35px,0)}
-figure.effect-layla:hover figcaption::after, figure.effect-layla:hover h2, figure.effect-layla:hover a, figure.effect-layla:hover img{-webkit-transition-delay:0.15s; transition-delay:0.15s}
-.single_sidebar{float:left; display:inline; width:100%; margin-bottom:20px}
-.single_sidebar > h2{background:none repeat scroll 0 0 #151515; color:#fff; font-family:"'Open Sans'",sans-serif; font-size:18px; font-weight:400; margin-bottom:10px; margin-left:0; margin-top:5px; padding:0; position:relative; text-align:center; text-transform:uppercase}
-.single_sidebar > h2 span{padding:4px 10px}
-.cat-item a{background:none repeat scroll 0 0 #e4e4e4; color:#888; display:block; float:left; border-bottom:none !important; font-size:13px; line-height:12px; margin:0 2px 2px 0; padding:12px 17px; -webkit-transition:all 0.5s; -mz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
-.cat-item a:hover{color:#fff; text-decoration:none !important}
-.tab-content{margin-top:10px}
-.nav-tabs{background:none repeat scroll 0 0 #333; border-bottom:none}
-.nav-tabs > li{margin-bottom:0}
-.nav-tabs > li > a{margin-right:0; color:#fff; font-size:15px; border-radius:0; border:none; font-family:"'Open Sans'",sans-serif; -webkit-transition:all 0.5s; -mz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
-.nav-tabs > li > a:hover, .nav-tabs > li > a:focus{color:#fff !important; border:none}
-.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{border-width:0; border-color:#ddd #ddd transparent; color:#fff}
-.vide_area{float:left; display:inline; width:100%}
-.sideAdd{display:block; float:left; height:250px; width:100%; margin-top:10px}
-.sideAdd > img{width:100%; height:100%}
-.single_sidebar ul li a{border-bottom:1px solid #333; display:block}
-.single_sidebar .spost_nav li a{border-bottom:none; float:left}
-#footer{display:inline; float:left; width:100%; margin-bottom:20px}
-.footer_top{background-color:#252525; color:#ddd; display:inline; float:left; padding:10px 30px 48px; width:100%}
-.footer_widget{display:inline; float:left; width:100%; min-height:310px; color:#ccc;}
-.footer_widget > h2{border-bottom:3px solid #666; font-family:'Open Sans',arial,Georgia,serif; font-size:16px; padding:10px 0; text-transform:uppercase}
-.tag_nav{}
-.tag_nav li{}
-.tag_nav li a{color:#ccc; display:block; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
-.tag_nav li a:hover{padding-left:3px}
-.footer_bottom{float:left; display:inline; width:100%; padding:10px 30px; background-color:#303030; color:#ccc}
-.copyright{float:left; width:50%; padding-top:5px; text-align:left}
-.copyright a{color:#ccc}
-.developer{float:right; width:50%; text-align:right; padding-top:5px; color:#222}
-.developer a{color:#222}
-.catgArchive{border:medium none; color:#fff; display:inline; float:left; font-weight:bold; padding:10px 15px; width:100%; margin-top:15px}
-.catgArchive option{background-color:#fff; font-weight:normal; padding:5px; color:#d083cf}
-.nav-tabs > li{display:inline-block; float:none; width:32.55%}
-.nav-tabs{ text-align:center}
-.pagination > li > a, .pagination > li > span{background-color:#000; border:1px solid #000; color:#eee; margin-right:5px; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
-.pagination > li > a:hover, .pagination > li > a:focus{background-color:#d083cf; color:#fff; border-color:#d083cf}
-.pagination > li:first-child > a, .pagination > li:first-child > span{border-bottom-left-radius:0; border-top-left-radius:0}
-.pagination > li:last-child > a, .pagination > li:last-child > span{border-bottom-right-radius:0; border-top-right-radius:0}
-.single_page{float:left; display:inline; width:100%}
-.single_page > h1{color:#333; font-family:'Open Sans',arial,Georgia,serif; font-size:30px; line-height:1.4em; margin:10px 0 -10px; padding:0 0 4px; text-transform:uppercase}
-.post_commentbox{display:inline; float:left; width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-top:20px; padding:5px 0px}
-.post_commentbox a, .post_commentbox span{color:#798992; font-size:11px; margin-right:5px}
-.post_commentbox a > i, .post_commentbox span > i{margin-right:5px}
-.breadcrumb{background-color:#303030; border-radius:0}
-.breadcrumb li a{color:#fff}
-.single_page_content{display:inline; float:left; padding-top:20px; width:100%; border-bottom:1px solid #ddd; padding-bottom:20px}
-.single_page_content > img{max-width:100%; width:320px; height:213px; margin-bottom:15px}
-.single_page_content ul{position:relative; padding-left:25px}
-.single_page_content ul li{line-height:25px}
-.single_page_content ul li:before{content:""; height:5px; left:5px; position:absolute; width:9px; margin-top:8px}
-.single_page_content ul li:hover{opacity:0.75}
-.single_page_content h2{line-height:35px}
-.single_page_content h3{line-height:30px}
-.single_page_content h4{line-height:25px}
-.single_page_content h4{line-height:20px}
-.social_link{display:inline; float:left; margin-bottom:25px; margin-top:20px; width:100%}
-.sociallink_nav{text-align:center}
-.sociallink_nav li{display:inline-block}
-.sociallink_nav li a{color:#fff; display:inline-block; font-size:17px; padding:8px 12px; margin:0 3px; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
-.sociallink_nav li a:hover{-webkit-transform:rotate(50deg); -moz-transform:rotate(50deg); -ms-transform:rotate(50deg); -os-transform:rotate(50deg); transform:rotate(50deg)}
-.sociallink_nav li a:hover i{-webkit-transform:rotate(-50deg); -moz-transform:rotate(-50deg); -ms-transform:rotate(-50deg); -os-transform:rotate(-50deg); transform:rotate(-50deg)}
-.sociallink_nav li:nth-child(1) > a{background:none repeat scroll 0 0 #3b5998; padding:8px 15px}
-.sociallink_nav li:nth-child(2) > a{background:none repeat scroll 0 0 #00acee}
-.sociallink_nav li:nth-child(3) > a{background:none repeat scroll 0 0 #dd4b39}
-.sociallink_nav li:nth-child(4) > a{background:none repeat scroll 0 0 #0e76a8}
-.sociallink_nav li:nth-child(5) > a{background:none repeat scroll 0 0 #c92228}
-.related_post{display:inline; float:left; margin-top:0; width:100%; margin-bottom:20px}
-.related_post > h2{border-bottom:1px solid #e3e3e3; padding-bottom:5px}
-.related_post > h2 i{font-size:25px}
-.related_post .spost_nav li{width:32%; margin-right:10px}
-.related_post .spost_nav li:last-child{margin-right:0}
-.nav-slit a{position:fixed; top:50%; display:block; outline:none; text-align:left; z-index:1000; -webkit-transform:translateY(-50%); transform:translateY(-50%)}
-.nav-slit a.prev{left:0}
-.nav-slit a.next{right:0}
-.nav-slit .icon-wrap{position:relative; display:block; padding:45px 5px}
-.nav-slit .icon-wrap i{color:#fff; font-size:40px; display:inline-block}
-.nav-slit div{position:absolute; top:0; width:200px; height:100%; background-color:#939a9f; -webkit-transition:-webkit-transform 0.3s 0.3s; transition:transform 0.3s 0.3s; -webkit-perspective:1000px; perspective:1000px}
-.nav-slit a.prev div{left:0; -webkit-transform:translateX(-100%); transform:translateX(-100%)}
-.nav-slit a.next div{right:0; text-align:right; -webkit-transform:translateX(100%); transform:translateX(100%)}
-.nav-slit h3{position:absolute; top:100%; margin:0; padding:0 20px; height:30%; color:#fff; text-transform:uppercase; letter-spacing:1px; font-weight:500; font-size:0.75em; line-height:2.75; width:200px; text-align:left; overflow:hidden; padding-top:4px; -webkit-transition:-webkit-transform 0.3s; transition:transform 0.3s; -webkit-transform:rotateX(-90deg); transform:rotateX(-90deg); -webkit-transform-origin:50% 0; transform-origin:50% 0; -webki-backface-visibility:hidden; -webkit-backface-visibility:hidden; backface-visibility:hidden}
-.nav-slit img{left:0; position:absolute; top:0; width:100%; width:200px; height:130px}
-.nav-slit a:hover div{-webkit-transform:translateX(0); transform:translateX(0)}
-.nav-slit a:hover h3{-webkit-transition-delay:0.6s; transition-delay:0.6s; -webkit-transform:rotateX(0deg); transform:rotateX(0deg)}
-.error_page{float:left; display:inline; width:100%; text-align:center}
-.error_page > h3{text-transform:uppercase}
-.error_page > h1{font-size:110px}
-.error_page > p{font-size:15px; margin:0 auto; width:80%; margin-bottom:40px}
-.error_page > span{display:inline-block; height:2px; text-align:center; width:100px}
-.error_page > a{color:#fff; display:inline-block; padding:5px 10px}
-.error_page > a:hover{opacity:0.75}
-.contact_area{float:left; display:inline; width:100%; margin-bottom:30px}
-.contact_area > h2{color:#fff; display:inline-block; font-size:20px; padding:7px 10px 5px; text-transform:uppercase; margin-bottom:30px}
-.contact_area > p{margin-bottom:20px}
-.contact_form input[type="text"], .contact_form input[type="email"], .contact_form textarea{border-radius:0; margin-bottom:30px}
-.contact_form input[type="submit"]{border:medium none; color:#fff; height:35px; padding:5px 10px; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
-.contact_form input[type="submit"]:hover{border:1px solid #d083cf}
-@media(max-width:1199px ){.logo_area{width:34%}.add_banner{width:580px}.nav-tabs > li{width:32.3%}.photograph_nav li{width:31.5%}
-@media(max-width:991px ){.add_banner{display:none}.logo_area{width:100%}.nav > li > a{padding:8px 8px}.latest_post_container{height:380px;overflow:hidden}#next-button{bottom:-2px}.single_iteam{height:415px}.photograph_nav li{width:47.7%}.related_post .spost_nav li{width:100%}.nav-tabs > li{width:31.9%}.nav-tabs > li > a{font-size:13px;padding-left:0 !important;padding-right:0 !important;text-align:center}}
-@media(max-width:767px ){.navbar-collapse{padding-left:15px}.mobile-show{display:block}.desktop-home{display:none}.navbar-inverse .navbar-nav > li > a{display:block}.header_top_left{width:100%}.header_top_right > p{display:none}.social_area{display:none}.single_iteam a{height:100%}.single_iteam a > img{height:100%}.error_page > a{margin-bottom:25px}.nav-tabs > li{width:32.6%}}
-@media(max-width:480px ){.top_nav{text-align:center}.single_post_content_left{width:100%}.single_post_content_right{width:100%}.fashion{width:100%}.technology{width:100%}.copyright{text-align:center;width:100%}.developer{text-align:center;width:100%}.single_iteam{height:300px}.photo_grid figure{height:200px}.photograph_nav li{width:100%;margin-left:0}.nav > li > a{padding:8px 12px}.nav-tabs > li{width:32.6%}}
-@media(max-width:360px ){.latest_newsarea span{font-size:12px;line-height:2.2em;padding:2px 10px 1px 10px}.single_iteam{height:210px}.slider_article > p{display:none}.error_page > span{width:80px}.nav-tabs > li{width:32.3%}.pagination > li > a,.pagination > li > span{padding:4px 8px}}
-@media(max-width:320px ){.sociallink_nav li a{padding:5px 10px}.sociallink_nav li:nth-child(1) > a{padding:5px 13px}.nav-tabs > li{width:32.1%}}
+/*
+Template Name: NewsFeed
+Template URI: http://www.wpfreeware.com/newsfeed-ultra-responsive-news-magazine-theme/
+Author: WpFreeware
+Author URI: http://www.wpfreeware.com
+Description: A Pro bootstrap html5 css3 responsive news magazine website template
+Version: 1.0 
+License: GPL
+License URI: http://www.gnu.org/licenses/gpl-2.0.html
+*/
+
+body{background:#f5f5f5}
+ul{padding:0; margin:0; list-style:none}
+a{text-decoration:none; color:#2f2f2f}
+a:hover{color:#646464; text-decoration:none}
+a:focus{outline:none; text-decoration:none}
+h1, h2, h3, h4, h5, h6{font-family:'Open Sans',sans-serif}
+h2{line-height:23px}
+img{border:none}
+img:hover{opacity:0.75}
+.img-center{display:block; margin-left:auto; margin-right:auto; text-align:center}
+.img-right{display:block; margin-left:auto}
+.img-left{display:block; margin-right:auto}
+.yellow_bg{background-color:#ffd62c}
+.btn-yellow{background-color:#ffd62c; color:#fff}
+.btn-yellow:hover{background-color:#e1b70b; color:#fff}
+.limeblue_bg{background-color:#7dc34d}
+.blue_bg{background-color:#09c}
+.btn{border-radius:0; margin-bottom:5px; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
+.btn:hover{}
+.btn-red{background-color:red; color:#fff}
+.btn-red:hover{background-color:#c40505; color:#fff}
+.btn-green{background-color:green; color:#fff}
+.btn-green:hover{background-color:#0ab20a; color:#fff}
+.btn-black{background-color:black; color:#fff}
+.btn-black:hover{background-color:#413a3a; color:#fff}
+.btn-orange{background-color:orange; color:#fff}
+.btn-orange:hover{background-color:#f09d05; color:#fff}
+.btn-blue{background-color:blue; color:#fff}
+.btn-blue:hover{background-color:#0707a2; color:#fff}
+.btn-lime{background-color:lime; color:#fff}
+.btn-lime:hover{background-color:#05ae05; color:#fff}
+.default-btn{background-color:#12a3df; color:#fff}
+.default-btn:hover{background-color:#0a8ec4; color:#fff}
+.btn-theme{background-color:#d083cf; color:#fff}
+.btn-theme:hover{background-color:#ce39cc; color:#fff}
+.transition{-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
+preloader{position:fixed; top:0; left:0; right:0; bottom:0; background-color:#fff; z-index:99999}
+status{width:200px; height:200px; position:absolute; left:50%; top:50%; background-image:url(images/status.gif); background-repeat:no-repeat; background-position:center; margin:-100px 0 0 -100px}
+.scrollToTop{bottom:105px; display:none; font-size:32px; font-weight:bold; height:50px; position:fixed; right:75px; text-align:center; text-decoration:none; width:50px; z-index:9; border:1px solid; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
+.scrollToTop:hover, .scrollToTop:focus{text-decoration:none; outline:none}
+#header{display:inline; float:left; width:100%; margin-top:20px}
+.header_top{background-color:#2c2c2c; display:inline; float:left; padding:0 30px; width:100%}
+.header_top_left{float:left; display:inline; width:50%}
+.top_nav{text-align:left}
+.top_nav li{display:inline-block}
+.top_nav li a{display:inline-block; border-right:1px solid #333; color:#fff; font-size:11px; font-weight:bold; padding:20px 15px; text-transform:uppercase; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
+.top_nav li a:hover{background-color:#d083cf}
+.header_top_right{float:left; display:inline; width:50%; text-align:right}
+.header_top_right > p{color:#fff; display:inline-block; float:right; font:bold 12px sans-serif; margin-bottom:0; padding-bottom:20px; padding-right:8px; padding-top:20px}
+.header_bottom{background-color:#fff; display:inline; float:left; padding:15px 30px 15px; width:100%}
+.logo_area{display:inline; float:left; width:31%}
+.logo{font-size:45px; font-weight:bold; color:#000; font-family:'Varela',sans-serif}
+.logo img{max-width:100%}
+.logo img:hover{opacity:1}
+.logo > span{ margin-left:-14px}
+.add_banner{float:right; width:728px; height:90px}
+.add_banner img{width:100%; height:100%}
+#navArea{float:left; display:inline; width:100%; padding:0 30px; background-color:#fff}
+.banners { margin-right: 0px; }
+.banners p { overflow:hidden; font-size: 80%; color:#999;}
+.banners p.ad { width:120px;}
+
+@media(max-width:360px){.banners{float: none !important; width:100%;}}
+.navbar{border:medium none; border-radius:0}
+.navbar-inverse .navbar-nav > li > a{border-left:1px solid #383838; color:#ddd; font-family:'Open Sans',sans-serif; display:inline-block; font-weight: 700; height:40px; line-height:40px; padding:0 14px; text-shadow:0 1px 1px #000; text-transform:uppercase; -webkit-transition:all 0.5s; -mz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
+.navbar-inverse .navbar-nav > li:first-child a{border:none}
+.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus{ color:#fff}
+.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{ color:#fff}
+.main-nav ul li a{}
+.navbar-collapse{ padding-left:0}
+.mobile-show{display:none}
+.desktop-home{display:block; font-size:32px; margin-top:4px}
+.dropdown-menu{background-color:#222}
+.dropdown-menu > li > a{clear:both; color:#ddd; background-color:#222; padding:10px 20px; font-family:'Open Sans',sans-serif; -webkit-transition:all 0.5s; -mz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
+.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{color:#fff}
+#newsSection{float:left; display:inline; width:100%; padding:0 30px; background-color:#fff; padding-bottom:20px}
+.latest_newsarea{float:left; display:inline; width:100%; background-color:#000; position:relative}
+.latest_newsarea span{ color:#fff; font-family:'Open Sans',sans-serif; font-size:15px; left:0; line-height:1.8em; margin-right:20px; overflow:hidden; padding:2px 18px 1px 19px; position:absolute; z-index:15}
+.social_area{ position:absolute; right:0; top:0; background:#fff; border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc; height:31px}
+.social_nav{ text-align:right}
+.social_nav li{ display:block; float:left}
+.social_nav li a{ display:block; float:left; height:30px; text-indent:-9999px; width:30px; border-left:1px solid #ccc; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s;  -o-transition:all 0.5s; transition:all 0.5s}
+.social_nav li.facebook a{ background-image:url("images/socials.png"); background-position:0 -30px; background-size:270px 60px}
+.social_nav li.facebook a:hover{ background-position:0 0px; background-size:270px 60px; background-color:#436eac}
+.social_nav li.twitter a{ background-image:url("images/socials.png"); background-position:-30px -30px; background-size:270px 60px}
+.social_nav li.twitter a:hover{ background-position:-30px 0px; background-size:270px 60px; background-color:#0598c9}
+.social_nav li.flickr a{ background-image:url("images/socials.png"); background-position:-60px -30px; background-size:270px 60px}
+.social_nav li.flickr a:hover{ background-position:-60px 0px; background-size:270px 60px; background-color:#e33b7e}
+.social_nav li.pinterest a{ background-image:url("images/socials.png"); background-position:-90px -30px; background-size:270px 60px}
+.social_nav li.pinterest a:hover{ background-position:-90px 0px; background-size:270px 60px; background-color:#cb2027}
+.social_nav li.googleplus a{ background-image:url("images/socials.png"); background-position:-120px -30px; background-size:270px 60px}
+.social_nav li.googleplus a:hover{ background-position:-120px 0px; background-size:270px 60px; background-color:#d64b2e}
+.social_nav li.vimeo a{ background-image:url("images/socials.png"); background-position:-150px -30px; background-size:270px 60px}
+.social_nav li.vimeo a:hover{ background-position:-150px 0px; background-size:270px 60px; background-color:#86ae24}
+.social_nav li.youtube a{ background-image:url("images/socials.png"); background-position:-180px -30px; background-size:270px 60px; width:60px}
+.social_nav li.youtube a:hover{ background-position:-180px 0px; background-size:270px 60px; background-color:#e32114}
+.social_nav li.mail a{ background-image:url("images/socials.png"); background-position:-240px -30px; background-size:270px 60px; width:32px}
+.social_nav li.mail a:hover{background-position:-240px 0px; background-size:270px 60px; background-color:#bc75d6}
+#sliderSection{background-color:#fff; display:inline; float:left; width:100%; padding:0 30px}
+.single_iteam{display:inline; float:left; position:relative; width:100%; height:448px}
+.single_iteam img{width:100%; height:100%}
+.single_iteam img:hover{opacity:1}
+.slider_article{ bottom:20px; left:0; position:absolute; right:0; padding:10px 15px}
+.slider_article > h2 a{ background:none repeat scroll 0 0 rgba(0,0,0,0.4); color:#fff; font-size:18px; padding:10px; display:inline-block}
+.slider_article > p{ background:none repeat scroll 0 0 rgba(0,0,0,0.4); color:#fff; padding:3px; display:inline-block}
+.slick-prev:before{ content:""}
+.slick-prev{ background-image:url(images/slider_prev.png); background-repeat:no-repeat; background-position:center; left:10px}
+.slick-next:before{ content:""}
+.slick-next{ background-image:url(images/slider_next.png); background-repeat:no-repeat; background-position:center; left:60px}
+.slick-prev, .slick-next{background-color:#000; top:10%; width:40px; height:40px}
+.slick-prev:hover, .slick-next:hover{opacity:0.5}
+.latest_post{float:left; display:inline; width:100%}
+.latest_post > h2{background:none repeat scroll 0 0 #151515; color:#fff; font-family:'Open Sans',sans-serif; font-size:18px; margin-top:5px; font-weight:400; margin-bottom:10px; margin-left:0; padding:0; position:relative; text-align:center; text-transform:uppercase}
+.latest_post > h2 span{padding:4px 10px}
+.latest_postnav{height:auto !important; margin-top:20px}
+.latest_postnav li{margin-bottom:10px; float:left; width:100%}
+.latest_post_container{display:inline; float:left; height:430px; position:relative; width:100%}
+.latest_post_container:hover #prev-button, .latest_post_container:hover #next-button{display:block}
+#prev-button{cursor:pointer; font-size:20px; left:0; position:absolute; text-align:center; top:-10px; width:100%; display:none}
+#next-button{cursor:pointer; display:none; font-size:20px; left:0; position:absolute; text-align:center; bottom:0; width:100%}
+#contentSection{float:left; display:inline; width:100%; background-color:#fff; padding:0 30px}
+.left_content{float:left; display:inline; width:100%}
+.single_post_content{float:left; display:inline; width:100%; margin-bottom:20px}
+/*.single_post_content > h2{background:none repeat scroll 0 0 #151515; color:#fff; font-family:'Open Sans',sans-serif; font-size:18px; font-weight:400; margin-bottom:10px; margin-left:0; margin-top:5px; padding:0; position:relative; text-align:center; text-transform:uppercase; margin-bottom:20px;}
+.single_post_content > h2 span{padding:4px 10px}
+*/
+
+.left_content h2 {
+  padding: 5px;
+  background-color: #E30051;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+  font-size: 90%;
+  font-style: normal;
+  color: #fff;
+  margin-right: 5px;
+  position: relative;
+  display: inline-block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 100%;
+  line-height: 1;
+}
+
+.single_post_content_left{float:left; display:inline; width:49%}
+.business_catgnav{}
+.business_catgnav li{float:left; display:block; width:100%}
+.bsbig_fig{width:100%}
+.bsbig_fig > a{display:block}
+.bsbig_fig > a img{width:100%}
+.bsbig_fig figcaption{color:#333; font-family:"'Open Sans'",sans-serif; font-size:23px; font-weight:300; margin-top:10px; margin-bottom:10px}
+.single_post_content_right{float:right; display:inline; width:48%}
+.right_content{float:left; display:inline; width:100%; min-height:300px}
+.spost_nav{}
+.spost_nav li{float:left; display:block; width:100%; margin-bottom:10px}
+.spost_nav .media-left{width:100px; height:80px}
+.media-left > img{height:70px; width:90px}
+.spost_nav .media-body > a{font-family:"'Open Sans'",sans-serif}
+.featured_img{position:relative}
+.overlay:hover{ background:none repeat scroll 0 0 rgba(0,0,0,0.4)}
+.overlay{ bottom:0; display:block; left:0; position:absolute; width:100%; z-index:2; height:100%; -webkit-transition:all 0.5s; -mz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
+.fashion_technology_area{display:inline; float:left; width:100%}
+.fashion{float:left; display:inline; width:48%}
+.technology{float:right; display:inline; width:48%}
+.photo_grid{position:relative; margin:0 auto; max-width:1000px; list-style:none; text-align:center}
+.photograph_nav{margin-left:-11px}
+.photograph_nav li{display:block; float:left; margin-left:9px; width:32%}
+.photo_grid figure{position:relative; float:left; overflow:hidden; margin:10px 1%; margin-top:0; height:150px; width:100%; background:#3085a3; text-align:center; cursor:pointer}
+.photo_grid figure img{position:relative; display:block; min-height:100%; max-width:100%; width:100%; height:100% opacity:0.8}
+.photo_grid figure figcaption{padding:2em; color:#fff; text-transform:uppercase; font-size:1.25em; -webkit-backface-visibility:hidden; backface-visibility:hidden}
+.photo_grid figure figcaption::before, .photo_grid figure figcaption::after{pointer-events:none}
+.photo_grid figure figcaption{position:absolute; bottom:0; left:0; width:100%; height:100%}
+.photo_grid figure h2{word-spacing:-0.15em; font-weight:300}
+.photo_grid figure h2 span{font-weight:800}
+.photo_grid figure h2, .photo_grid figure a{margin:0}
+.photo_grid figcaption a{color:#fff; font-size:68.5%; letter-spacing:1px; display:block; margin-top:7px}
+figure.effect-layla img{height:390px}
+figure.effect-layla figcaption{padding:1.5em}
+figure.effect-layla figcaption::before, figure.effect-layla figcaption::after{position:absolute; content:''; opacity:0}
+figure.effect-layla figcaption::before{top:20px; right:15px; bottom:20px; left:15px; border-top:1px solid #fff; border-bottom:1px solid #fff; -webkit-transform:scale(0,1); transform:scale(0,1); -webkit-transform-origin:0 0; transform-origin:0 0}
+figure.effect-layla figcaption::after{top:9px; right:25px; bottom:9px; left:25px; border-right:1px solid #fff; border-left:1px solid #fff; -webkit-transform:scale(1,0); transform:scale(1,0); -webkit-transform-origin:100% 0; transform-origin:100% 0}
+figure.effect-layla h2{font-size:18px; padding-top:33%; -webkit-transition:-webkit-transform 0.35s; transition:transform 0.35s}
+figure.effect-layla a{ text-transform:none; -webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0)}
+figure.effect-layla img, figure.effect-layla h2{-webkit-transform:translate3d(0,-30px,0); transform:translate3d(0,-30px,0)}
+figure.effect-layla img, figure.effect-layla figcaption::before, figure.effect-layla figcaption::after, figure.effect-layla a{-webkit-transition:opacity 0.35s,-webkit-transform 0.35s; transition:opacity 0.35s,transform 0.35s}
+figure.effect-layla:hover img{opacity:0.7; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
+figure.effect-layla:hover figcaption::before, figure.effect-layla:hover figcaption::after{opacity:1; -webkit-transform:scale(1); transform:scale(1)}
+figure.effect-layla:hover h2{padding-top:26%}
+figure.effect-layla:hover h2, figure.effect-layla:hover a{opacity:1; -webkit-transform:translate3d(0,-35px,0); transform:translate3d(0,-35px,0)}
+figure.effect-layla:hover figcaption::after, figure.effect-layla:hover h2, figure.effect-layla:hover a, figure.effect-layla:hover img{-webkit-transition-delay:0.15s; transition-delay:0.15s}
+.single_sidebar{float:left; display:inline; width:100%; margin-bottom:20px}
+.single_sidebar > h2{background:none repeat scroll 0 0 #151515; color:#fff; font-family:"'Open Sans'",sans-serif; font-size:18px; font-weight:400; margin-bottom:10px; margin-left:0; margin-top:5px; padding:0; position:relative; text-align:center; text-transform:uppercase}
+.single_sidebar > h2 span{padding:4px 10px}
+.cat-item a{background:none repeat scroll 0 0 #e4e4e4; color:#888; display:block; float:left; border-bottom:none !important; font-size:13px; line-height:12px; margin:0 2px 2px 0; padding:12px 17px; -webkit-transition:all 0.5s; -mz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
+.cat-item a:hover{color:#fff; text-decoration:none !important}
+.tab-content{margin-top:10px}
+.nav-tabs{background:none repeat scroll 0 0 #333; border-bottom:none}
+.nav-tabs > li{margin-bottom:0}
+.nav-tabs > li > a{margin-right:0; color:#fff; font-size:15px; border-radius:0; border:none; font-family:"'Open Sans'",sans-serif; -webkit-transition:all 0.5s; -mz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
+.nav-tabs > li > a:hover, .nav-tabs > li > a:focus{color:#fff !important; border:none}
+.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{border-width:0; border-color:#ddd #ddd transparent; color:#fff}
+.vide_area{float:left; display:inline; width:100%}
+.sideAdd{display:block; float:left; height:250px; width:100%; margin-top:10px}
+.sideAdd > img{width:100%; height:100%}
+.single_sidebar ul li a{border-bottom:1px solid #333; display:block}
+.single_sidebar .spost_nav li a{border-bottom:none; float:left}
+#footer{display:inline; float:left; width:100%; margin-bottom:20px}
+.footer_top{background-color:#252525; color:#ddd; display:inline; float:left; padding:10px 30px 48px; width:100%}
+.footer_widget{display:inline; float:left; width:100%; min-height:310px; color:#ccc;}
+.footer_widget > h2{border-bottom:3px solid #666; font-family:'Open Sans',arial,Georgia,serif; font-size:16px; padding:10px 0; text-transform:uppercase}
+.tag_nav{}
+.tag_nav li{}
+.tag_nav li a{color:#ccc; display:block; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
+.tag_nav li a:hover{padding-left:3px}
+.footer_bottom{float:left; display:inline; width:100%; padding:10px 30px; background-color:#303030; color:#ccc}
+.copyright{float:left; width:50%; padding-top:5px; text-align:left}
+.copyright a{color:#ccc}
+.developer{float:right; width:50%; text-align:right; padding-top:5px; color:#222}
+.developer a{color:#222}
+.catgArchive{border:medium none; color:#fff; display:inline; float:left; font-weight:bold; padding:10px 15px; width:100%; margin-top:15px}
+.catgArchive option{background-color:#fff; font-weight:normal; padding:5px; color:#d083cf}
+.nav-tabs > li{display:inline-block; float:none; width:32.55%}
+.nav-tabs{ text-align:center}
+.pagination > li > a, .pagination > li > span{background-color:#000; border:1px solid #000; color:#eee; margin-right:5px; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
+.pagination > li > a:hover, .pagination > li > a:focus{background-color:#d083cf; color:#fff; border-color:#d083cf}
+.pagination > li:first-child > a, .pagination > li:first-child > span{border-bottom-left-radius:0; border-top-left-radius:0}
+.pagination > li:last-child > a, .pagination > li:last-child > span{border-bottom-right-radius:0; border-top-right-radius:0}
+.single_page{float:left; display:inline; width:100%}
+.single_page > h1{color:#333; font-family:'Open Sans',arial,Georgia,serif; font-size:30px; line-height:1.4em; margin:10px 0 -10px; padding:0 0 4px; text-transform:uppercase}
+.post_commentbox{display:inline; float:left; width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-top:20px; padding:5px 0px}
+.post_commentbox a, .post_commentbox span{color:#798992; font-size:11px; margin-right:5px}
+.post_commentbox a > i, .post_commentbox span > i{margin-right:5px}
+.breadcrumb{background-color:#303030; border-radius:0}
+.breadcrumb li a{color:#fff}
+.single_page_content{display:inline; float:left; padding-top:20px; width:100%; border-bottom:1px solid #ddd; padding-bottom:20px}
+.single_page_content > img{max-width:100%; width:320px; height:213px; margin-bottom:15px}
+.single_page_content ul{position:relative; padding-left:25px}
+.single_page_content ul li{line-height:25px}
+.single_page_content ul li:before{content:""; height:5px; left:5px; position:absolute; width:9px; margin-top:8px}
+.single_page_content ul li:hover{opacity:0.75}
+.single_page_content h2{line-height:35px}
+.single_page_content h3{line-height:30px}
+.single_page_content h4{line-height:25px}
+.single_page_content h4{line-height:20px}
+.social_link{display:inline; float:left; margin-bottom:25px; margin-top:20px; width:100%}
+.sociallink_nav{text-align:center}
+.sociallink_nav li{display:inline-block}
+.sociallink_nav li a{color:#fff; display:inline-block; font-size:17px; padding:8px 12px; margin:0 3px; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
+.sociallink_nav li a:hover{-webkit-transform:rotate(50deg); -moz-transform:rotate(50deg); -ms-transform:rotate(50deg); -os-transform:rotate(50deg); transform:rotate(50deg)}
+.sociallink_nav li a:hover i{-webkit-transform:rotate(-50deg); -moz-transform:rotate(-50deg); -ms-transform:rotate(-50deg); -os-transform:rotate(-50deg); transform:rotate(-50deg)}
+.sociallink_nav li:nth-child(1) > a{background:none repeat scroll 0 0 #3b5998; padding:8px 15px}
+.sociallink_nav li:nth-child(2) > a{background:none repeat scroll 0 0 #00acee}
+.sociallink_nav li:nth-child(3) > a{background:none repeat scroll 0 0 #dd4b39}
+.sociallink_nav li:nth-child(4) > a{background:none repeat scroll 0 0 #0e76a8}
+.sociallink_nav li:nth-child(5) > a{background:none repeat scroll 0 0 #c92228}
+.related_post{display:inline; float:left; margin-top:0; width:100%; margin-bottom:20px}
+.related_post > h2{border-bottom:1px solid #e3e3e3; padding-bottom:5px}
+.related_post > h2 i{font-size:25px}
+.related_post .spost_nav li{width:32%; margin-right:10px}
+.related_post .spost_nav li:last-child{margin-right:0}
+.nav-slit a{position:fixed; top:50%; display:block; outline:none; text-align:left; z-index:1000; -webkit-transform:translateY(-50%); transform:translateY(-50%)}
+.nav-slit a.prev{left:0}
+.nav-slit a.next{right:0}
+.nav-slit .icon-wrap{position:relative; display:block; padding:45px 5px}
+.nav-slit .icon-wrap i{color:#fff; font-size:40px; display:inline-block}
+.nav-slit div{position:absolute; top:0; width:200px; height:100%; background-color:#939a9f; -webkit-transition:-webkit-transform 0.3s 0.3s; transition:transform 0.3s 0.3s; -webkit-perspective:1000px; perspective:1000px}
+.nav-slit a.prev div{left:0; -webkit-transform:translateX(-100%); transform:translateX(-100%)}
+.nav-slit a.next div{right:0; text-align:right; -webkit-transform:translateX(100%); transform:translateX(100%)}
+.nav-slit h3{position:absolute; top:100%; margin:0; padding:0 20px; height:30%; color:#fff; text-transform:uppercase; letter-spacing:1px; font-weight:500; font-size:0.75em; line-height:2.75; width:200px; text-align:left; overflow:hidden; padding-top:4px; -webkit-transition:-webkit-transform 0.3s; transition:transform 0.3s; -webkit-transform:rotateX(-90deg); transform:rotateX(-90deg); -webkit-transform-origin:50% 0; transform-origin:50% 0; -webki-backface-visibility:hidden; -webkit-backface-visibility:hidden; backface-visibility:hidden}
+.nav-slit img{left:0; position:absolute; top:0; width:100%; width:200px; height:130px}
+.nav-slit a:hover div{-webkit-transform:translateX(0); transform:translateX(0)}
+.nav-slit a:hover h3{-webkit-transition-delay:0.6s; transition-delay:0.6s; -webkit-transform:rotateX(0deg); transform:rotateX(0deg)}
+.error_page{float:left; display:inline; width:100%; text-align:center}
+.error_page > h3{text-transform:uppercase}
+.error_page > h1{font-size:110px}
+.error_page > p{font-size:15px; margin:0 auto; width:80%; margin-bottom:40px}
+.error_page > span{display:inline-block; height:2px; text-align:center; width:100px}
+.error_page > a{color:#fff; display:inline-block; padding:5px 10px}
+.error_page > a:hover{opacity:0.75}
+.contact_area{float:left; display:inline; width:100%; margin-bottom:30px}
+.contact_area > h2{color:#fff; display:inline-block; font-size:20px; padding:7px 10px 5px; text-transform:uppercase; margin-bottom:30px}
+.contact_area > p{margin-bottom:20px}
+.contact_form input[type="text"], .contact_form input[type="email"], .contact_form textarea{border-radius:0; margin-bottom:30px}
+.contact_form input[type="submit"]{border:medium none; color:#fff; height:35px; padding:5px 10px; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
+.contact_form input[type="submit"]:hover{border:1px solid #d083cf}
+@media(max-width:1199px ){.logo_area{width:34%}.add_banner{width:580px}.nav-tabs > li{width:32.3%}.photograph_nav li{width:31.5%}
+@media(max-width:991px ){.add_banner{display:none}.logo_area{width:100%}.nav > li > a{padding:8px 8px}.latest_post_container{height:380px;overflow:hidden}#next-button{bottom:-2px}.single_iteam{height:415px}.photograph_nav li{width:47.7%}.related_post .spost_nav li{width:100%}.nav-tabs > li{width:31.9%}.nav-tabs > li > a{font-size:13px;padding-left:0 !important;padding-right:0 !important;text-align:center}}
+@media(max-width:767px ){.navbar-collapse{padding-left:15px}.mobile-show{display:block}.desktop-home{display:none}.navbar-inverse .navbar-nav > li > a{display:block}.header_top_left{width:100%}.header_top_right > p{display:none}.social_area{display:none}.single_iteam a{height:100%}.single_iteam a > img{height:100%}.error_page > a{margin-bottom:25px}.nav-tabs > li{width:32.6%}}
+@media(max-width:480px ){.top_nav{text-align:center}.single_post_content_left{width:100%}.single_post_content_right{width:100%}.fashion{width:100%}.technology{width:100%}.copyright{text-align:center;width:100%}.developer{text-align:center;width:100%}.single_iteam{height:300px}.photo_grid figure{height:200px}.photograph_nav li{width:100%;margin-left:0}.nav > li > a{padding:8px 12px}.nav-tabs > li{width:32.6%}}
+@media(max-width:360px ){.latest_newsarea span{font-size:12px;line-height:2.2em;padding:2px 10px 1px 10px}.single_iteam{height:210px}.slider_article > p{display:none}.error_page > span{width:80px}.nav-tabs > li{width:32.3%}.pagination > li > a,.pagination > li > span{padding:4px 8px}}
+@media(max-width:320px ){.sociallink_nav li a{padding:5px 10px}.sociallink_nav li:nth-child(1) > a{padding:5px 13px}.nav-tabs > li{width:32.1%}}

public/css/old/theme.css

@@ -1,44 +1,44 @@
-/* Paars: #5C2483, rgb(92, 36, 131) 
-   Roze:  #E30051, rgb(277, 0, 81)
-   Geel:  #F9B805, rgb(249, 184, 5)
-   Licht: 
-*/
-.navbar-inverse{background-color:#5C2483;}
-.scrollToTop{background-color:rgb(277,0,81); color:#fff}
-.scrollToTop:hover, .scrollToTop:focus{background-color:#fff; color:rgb(277,0,81); border-color:1px solid rgb(277,0,81)}
-.logo > span{color:rgb(277,0,81)}
-.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus{background-color:#a970d1}
-.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{background-color:#e30051}
-.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{background-color:#a970d1}
-.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus{background-color:#a970d1}
-.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{background-color:#a970d1}
-.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus{background-color:#a970d1}
-.latest_newsarea span{background:none repeat scroll 0 0 rgb(277,0,81)}
-.latest_post > h2 span{background:none repeat scroll 0 0 rgb(277,0,81)}
-#prev-button{color:rgb(277,0,81)}
-#next-button{color:rgb(277,0,81)}
-.single_post_content > h2 span{background:none repeat scroll 0 0 rgb(277,0,81)}
-.single_sidebar > h2 span{ background:none repeat scroll 0 0 rgb(277,0,81)}
-.bsbig_fig figcaption a:hover{color:rgb(277,0,81)}
-.spost_nav .media-body > a:hover{color:rgb(277,0,81)}
-.cat-item a:hover{background-color:rgb(277,0,81)}
-.nav-tabs > li > a:hover, .nav-tabs > li > a:focus{background-color:rgb(277,0,81)}
-.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{background-color:rgb(277,0,81)}
-.single_sidebar > ul > li a:hover{color:rgb(277,0,81)}
-.footer_widget > h2:hover{color:rgb(277,0,81)}
-.tag_nav li a:hover{color:rgb(277,0,81); border-color:rgb(277,0,81)}
-.copyright a:hover{color:rgb(277,0,81)}
-.post_commentbox a:hover, .post_commentbox span:hover{color:rgb(277,0,81)}
-.breadcrumb{border-left:10px solid rgb(277,0,81)}
-.single_page_content ul li:before{background-color:rgb(277,0,81)}
-.nav-slit .icon-wrap{background-color:rgb(277,0,81)}
-.nav-slit h3{background:rgb(277,0,81)}
-.catgArchive{background-color:rgb(277,0,81)}
-.error_page > h3{color:rgb(277,0,81)}
-.error_page > span{background:none repeat scroll 0 0 rgb(277,0,81)}
-.error_page > a{background-color:rgb(277,0,81)}
-.contact_area > h2{background-color:rgb(277,0,81)}
-.contact_form input[type="submit"]{background-color:rgb(277,0,81)}
-.contact_form input[type="submit"]:hover{background-color:#fff; color:rgb(277,0,81)}
-.related_post > h2 i{color:rgb(277,0,81)}
-.form-control:focus{border-color:rgb(277,0,81);  box-shadow:0 0px 1px rgb(277,0,81) inset,0 0 5px rgb(277,0,81)}
+/* Paars: #5C2483, rgb(92, 36, 131) 
+   Roze:  #E30051, rgb(277, 0, 81)
+   Geel:  #F9B805, rgb(249, 184, 5)
+   Licht: 
+*/
+.navbar-inverse{background-color:#5C2483;}
+.scrollToTop{background-color:rgb(277,0,81); color:#fff}
+.scrollToTop:hover, .scrollToTop:focus{background-color:#fff; color:rgb(277,0,81); border-color:1px solid rgb(277,0,81)}
+.logo > span{color:rgb(277,0,81)}
+.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus{background-color:#a970d1}
+.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{background-color:#e30051}
+.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{background-color:#a970d1}
+.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus{background-color:#a970d1}
+.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{background-color:#a970d1}
+.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus{background-color:#a970d1}
+.latest_newsarea span{background:none repeat scroll 0 0 rgb(277,0,81)}
+.latest_post > h2 span{background:none repeat scroll 0 0 rgb(277,0,81)}
+#prev-button{color:rgb(277,0,81)}
+#next-button{color:rgb(277,0,81)}
+.single_post_content > h2 span{background:none repeat scroll 0 0 rgb(277,0,81)}
+.single_sidebar > h2 span{ background:none repeat scroll 0 0 rgb(277,0,81)}
+.bsbig_fig figcaption a:hover{color:rgb(277,0,81)}
+.spost_nav .media-body > a:hover{color:rgb(277,0,81)}
+.cat-item a:hover{background-color:rgb(277,0,81)}
+.nav-tabs > li > a:hover, .nav-tabs > li > a:focus{background-color:rgb(277,0,81)}
+.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{background-color:rgb(277,0,81)}
+.single_sidebar > ul > li a:hover{color:rgb(277,0,81)}
+.footer_widget > h2:hover{color:rgb(277,0,81)}
+.tag_nav li a:hover{color:rgb(277,0,81); border-color:rgb(277,0,81)}
+.copyright a:hover{color:rgb(277,0,81)}
+.post_commentbox a:hover, .post_commentbox span:hover{color:rgb(277,0,81)}
+.breadcrumb{border-left:10px solid rgb(277,0,81)}
+.single_page_content ul li:before{background-color:rgb(277,0,81)}
+.nav-slit .icon-wrap{background-color:rgb(277,0,81)}
+.nav-slit h3{background:rgb(277,0,81)}
+.catgArchive{background-color:rgb(277,0,81)}
+.error_page > h3{color:rgb(277,0,81)}
+.error_page > span{background:none repeat scroll 0 0 rgb(277,0,81)}
+.error_page > a{background-color:rgb(277,0,81)}
+.contact_area > h2{background-color:rgb(277,0,81)}
+.contact_form input[type="submit"]{background-color:rgb(277,0,81)}
+.contact_form input[type="submit"]:hover{background-color:#fff; color:rgb(277,0,81)}
+.related_post > h2 i{color:rgb(277,0,81)}
+.form-control:focus{border-color:rgb(277,0,81);  box-shadow:0 0px 1px rgb(277,0,81) inset,0 0 5px rgb(277,0,81)}

public/images/Slogan_DIAP white.svg

@@ -0,0 +1,154 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="230mm"
+   height="40mm"
+   viewBox="0 0 210 297"
+   version="1.1"
+   id="svg4553"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)"
+   sodipodi:docname="Slogan_DIAP white.svg">
+  <defs
+     id="defs4547" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.47"
+     inkscape:cx="803.9187"
+     inkscape:cy="284.95533"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata4550">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Laag 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <g
+       id="g44"
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1"
+       transform="matrix(1.3988443,0,0,1.3988443,-949.97686,-1243.7313)">
+      <path
+         inkscape:connector-curvature="0"
+         class="st1"
+         d="m 220.9,998.2 c -5.3,-2.3 -12.1,-4.4 -20.6,-6.3 -8,-1.8 -13.6,-3.7 -16.9,-5.8 -3.3,-2.1 -5,-5.1 -5,-9 0,-4.6 1.9,-8.3 5.6,-10.9 3.7,-2.6 8.8,-3.9 15.3,-3.9 10.8,0 20.7,3.6 29.6,10.7 l 6.1,-13.4 c -4.1,-3.7 -9.3,-6.6 -15.7,-8.8 -6.4,-2.1 -13,-3.2 -20.1,-3.2 -7.7,0 -14.5,1.3 -20.3,3.9 -5.9,2.6 -10.4,6.2 -13.7,10.9 -3.2,4.6 -4.8,9.9 -4.8,15.8 0,5.7 1.3,10.4 4,14.1 2.7,3.7 6.6,6.7 11.8,9.1 5.2,2.4 12,4.5 20.3,6.3 8.1,1.8 13.8,3.7 17.3,5.7 3.5,2 5.2,4.9 5.2,8.7 0,4.4 -1.9,7.8 -5.6,10.2 -3.7,2.4 -9.1,3.6 -16,3.6 -6.3,0 -12.1,-0.9 -17.4,-2.6 -5.4,-1.7 -10.5,-4.4 -15.3,-8.1 l -6.1,13.4 c 4.6,3.8 10.3,6.7 17.1,8.8 6.7,2.1 13.9,3.1 21.6,3.1 8.2,0 15.2,-1.2 21.3,-3.6 6,-2.4 10.6,-5.9 13.8,-10.4 3.2,-4.5 4.8,-9.7 4.8,-15.7 0,-5.5 -1.4,-10.1 -4.2,-13.7 -2.8,-3.6 -6.9,-6.5 -12.1,-8.9 z"
+         id="path14"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         class="st1"
+         d="m 274.1,1023.1 v -30 h 18.4 v -13.4 h -18.4 v -20.8 h -17.8 v 20.8 H 243 V 993 h 13.4 v 30.3 c 0,8.9 2.3,15.6 7,20.1 4.6,4.5 11.9,6.8 21.6,6.8 2.4,0 5,-0.1 7.8,-0.4 l 0.9,-13.2 c -2.3,0.3 -4.5,0.4 -6.5,0.4 -8.7,0 -13.1,-4.6 -13.1,-13.9 z"
+         id="path16"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         class="st1"
+         d="m 334,978 c -6.5,0 -12.4,1.5 -17.6,4.6 -5.2,3 -9.2,7.3 -12,12.8 -2.8,5.5 -4.3,11.8 -4.3,18.9 0,11.2 3.3,20 9.9,26.5 6.6,6.5 15.6,9.7 27,9.7 4.9,0 9.8,-0.8 14.7,-2.4 4.9,-1.6 8.9,-3.7 12.2,-6.4 l -5.1,-12.2 c -6.4,4.9 -13.4,7.4 -21.1,7.4 -6.2,0 -10.9,-1.6 -14.2,-4.7 -3.3,-3.1 -5.3,-7.9 -5.8,-14.4 h 47.4 v -5 c 0,-10.8 -2.8,-19.3 -8.3,-25.5 C 351.2,981 343.6,978 334,978 Z m -16.3,30.1 c 0.7,-5.7 2.4,-10.1 5.3,-13.1 2.9,-3 6.7,-4.6 11.5,-4.6 4.7,0 8.4,1.5 11.1,4.5 2.7,3 4.1,7.4 4.3,13.2 z"
+         id="path18"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         class="st1"
+         d="m 462.2,978 c -5,0 -9.6,1.2 -13.7,3.5 -4.1,2.3 -7.2,5.5 -9.4,9.6 -3.4,-8.7 -10.4,-13.1 -20.9,-13.1 -4.7,0 -9,1 -12.7,2.9 -3.7,1.9 -6.6,4.8 -8.7,8.6 v -9.8 h -17.4 v 69.6 h 17.8 v -38.8 c 0,-5.8 1.3,-10.3 4,-13.5 2.7,-3.2 6.3,-4.8 11,-4.8 4.1,0 7,1.2 8.8,3.6 1.8,2.4 2.6,6.3 2.6,11.6 v 42 h 17.8 v -38.8 c 0,-5.8 1.3,-10.3 4,-13.5 2.7,-3.2 6.4,-4.8 11.1,-4.8 4,0 6.9,1.2 8.7,3.6 1.8,2.4 2.7,6.3 2.7,11.6 v 42 h 17.8 v -42.7 c 0,-9.7 -1.9,-16.9 -5.8,-21.6 -3.9,-4.9 -9.8,-7.2 -17.7,-7.2 z"
+         id="path20"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1" />
+      <polygon
+         class="st1"
+         points="562.7,1049.2 578.2,1049.2 608.6,979.8 591.1,979.8 570.9,1028.9 551.3,979.8 532.5,979.8 "
+         id="polygon22"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         class="st1"
+         d="m 646.1,978 c -4.9,0 -10.2,0.8 -15.7,2.4 -5.5,1.6 -10.2,3.7 -14.1,6.1 l 5,12.2 c 3.9,-2.3 7.8,-4.1 11.9,-5.3 4,-1.3 7.9,-1.9 11.6,-1.9 4.7,0 8.1,1 10.2,3.1 2,2.1 3.1,5.5 3.1,10.2 v 3.3 h -3.6 c -10.3,0 -18.4,0.7 -24.3,2 -5.9,1.3 -10.1,3.5 -12.7,6.4 -2.6,2.9 -3.9,7 -3.9,12.1 0,4.1 1.1,7.8 3.3,11.1 2.2,3.3 5.2,5.9 9,7.8 3.8,1.9 8,2.8 12.7,2.8 4.6,0 8.6,-1 12,-3.1 3.5,-2.1 6,-5 7.6,-8.7 v 10.7 h 16.9 V 1007 c 0,-9.9 -2.4,-17.2 -7.1,-21.9 -4.9,-4.8 -12.2,-7.1 -21.9,-7.1 z m 11.9,42.5 c 0,5 -1.5,9.1 -4.5,12.3 -3,3.2 -6.9,4.8 -11.6,4.8 -3.2,0 -5.9,-1 -8,-2.9 -2.1,-1.9 -3.1,-4.4 -3.1,-7.5 0,-2.5 0.8,-4.4 2.3,-5.8 1.5,-1.4 4,-2.4 7.5,-3 3.5,-0.6 8.4,-0.9 14.8,-0.9 h 2.6 z"
+         id="path24"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         class="st1"
+         d="m 733.4,978 c -5,0 -9.5,1 -13.5,3.1 -4,2.1 -7.2,5.1 -9.5,9 V 979.7 H 693 v 69.6 h 17.8 v -39.4 c 0,-5.4 1.5,-9.7 4.6,-12.9 3.1,-3.2 7.2,-4.8 12.3,-4.8 4.4,0 7.6,1.2 9.6,3.7 2,2.5 3.1,6.4 3.1,11.8 v 41.7 h 17.8 v -42.7 c 0,-9.6 -2,-16.7 -6.1,-21.5 -4.1,-4.9 -10.3,-7.2 -18.7,-7.2 z"
+         id="path26"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         class="st1"
+         d="m 855.2,978 c -4.8,0 -9.2,1 -13.2,2.9 -3.9,1.9 -7.1,4.8 -9.5,8.5 V 949 h -17.8 v 100.3 h 17.8 v -39.4 c 0,-5.4 1.5,-9.7 4.6,-12.9 3.1,-3.2 7.2,-4.8 12.3,-4.8 4.4,0 7.6,1.2 9.6,3.7 2,2.5 3.1,6.4 3.1,11.8 v 41.7 H 880 v -42.7 c 0,-9.6 -2,-16.7 -6.1,-21.5 -4.1,-4.9 -10.4,-7.2 -18.7,-7.2 z"
+         id="path28"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         class="st1"
+         d="m 928,978 c -6.5,0 -12.4,1.5 -17.6,4.6 -5.2,3 -9.2,7.3 -12,12.8 -2.8,5.5 -4.3,11.8 -4.3,18.9 0,11.2 3.3,20 9.9,26.5 6.6,6.5 15.6,9.7 27,9.7 4.9,0 9.8,-0.8 14.7,-2.4 4.9,-1.6 8.9,-3.7 12.2,-6.4 l -5.1,-12.2 c -6.4,4.9 -13.4,7.4 -21.1,7.4 -6.2,0 -10.9,-1.6 -14.2,-4.7 -3.3,-3.1 -5.3,-7.9 -5.8,-14.4 h 47.4 v -5 c 0,-10.8 -2.8,-19.3 -8.3,-25.5 C 945.2,981 937.6,978 928,978 Z m -16.3,30.1 c 0.7,-5.7 2.4,-10.1 5.3,-13.1 2.9,-3 6.7,-4.6 11.5,-4.6 4.7,0 8.4,1.5 11.1,4.5 2.7,3 4.1,7.4 4.3,13.2 z"
+         id="path30"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         class="st1"
+         d="m 995.2,1023.1 v -30 h 18.4 v -13.4 h -18.4 v -20.8 h -17.8 v 20.8 H 964 V 993 h 13.4 v 30.3 c 0,8.9 2.3,15.6 7,20.1 4.6,4.5 11.9,6.8 21.6,6.8 2.4,0 5,-0.1 7.8,-0.4 l 0.9,-13.2 c -2.3,0.3 -4.5,0.4 -6.5,0.4 -8.7,0 -13,-4.6 -13,-13.9 z"
+         id="path32"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         class="st1"
+         d="m 1110.9,1008.1 h 21.6 v 25.2 c -6.5,1.8 -12.9,2.7 -19.4,2.7 -21.6,0 -32.4,-12.3 -32.4,-37 0,-12 2.6,-21.1 7.9,-27.2 5.3,-6.1 13.1,-9.2 23.4,-9.2 5.4,0 10.4,0.8 14.9,2.3 4.5,1.6 9.1,4.1 13.7,7.8 l 6.1,-13.2 c -4.1,-3.8 -9.2,-6.7 -15.4,-8.8 -6.2,-2 -12.8,-3.1 -19.8,-3.1 -10.1,0 -18.8,2.1 -26.3,6.2 -7.4,4.1 -13.2,10.1 -17.2,17.8 -4,7.7 -6,16.9 -6,27.4 0,10.6 2,19.8 6,27.5 4,7.7 9.8,13.7 17.4,17.8 7.6,4.1 16.6,6.2 26.9,6.2 6.7,0 13.3,-0.7 19.8,-2 6.5,-1.3 12,-3.1 16.6,-5.4 V 995 h -38 v 13.1 z"
+         id="path34"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         class="st1"
+         d="m 1218.4,982.4 c -5.4,-2.9 -11.6,-4.4 -18.7,-4.4 -7.1,0 -13.4,1.5 -18.7,4.4 -5.4,2.9 -9.5,7.1 -12.4,12.6 -2.9,5.5 -4.4,11.8 -4.4,19.1 0,7.3 1.5,13.7 4.4,19.2 2.9,5.5 7.1,9.7 12.4,12.7 5.4,2.9 11.6,4.4 18.7,4.4 7.1,0 13.3,-1.5 18.7,-4.4 5.4,-2.9 9.5,-7.2 12.4,-12.7 2.9,-5.5 4.3,-11.9 4.3,-19.2 0,-7.3 -1.4,-13.7 -4.3,-19.1 -3,-5.5 -7.1,-9.7 -12.4,-12.6 z m -5.7,48.5 c -3,3.8 -7.4,5.7 -13.2,5.7 -5.7,0 -10.1,-1.9 -13.1,-5.7 -3,-3.8 -4.6,-9.4 -4.6,-16.8 0,-7.3 1.5,-12.9 4.6,-16.7 3.1,-3.8 7.5,-5.8 13.2,-5.8 5.7,0 10.1,1.9 13.1,5.8 3,3.8 4.6,9.4 4.6,16.7 0,7.4 -1.5,13 -4.6,16.8 z"
+         id="path36"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         class="st1"
+         d="m 1300.2,982.4 c -5.4,-2.9 -11.6,-4.4 -18.7,-4.4 -7.1,0 -13.4,1.5 -18.7,4.4 -5.4,2.9 -9.5,7.1 -12.4,12.6 -2.9,5.5 -4.4,11.8 -4.4,19.1 0,7.3 1.5,13.7 4.4,19.2 2.9,5.5 7.1,9.7 12.4,12.7 5.4,2.9 11.6,4.4 18.7,4.4 7.1,0 13.3,-1.5 18.7,-4.4 5.4,-2.9 9.5,-7.2 12.4,-12.7 2.9,-5.5 4.3,-11.9 4.3,-19.2 0,-7.3 -1.4,-13.7 -4.3,-19.1 -2.9,-5.5 -7.1,-9.7 -12.4,-12.6 z m -5.6,48.5 c -3,3.8 -7.4,5.7 -13.2,5.7 -5.7,0 -10.1,-1.9 -13.1,-5.7 -3,-3.8 -4.6,-9.4 -4.6,-16.8 0,-7.3 1.5,-12.9 4.6,-16.7 3.1,-3.8 7.5,-5.8 13.2,-5.8 5.7,0 10.1,1.9 13.1,5.8 3,3.8 4.6,9.4 4.6,16.7 -0.1,7.4 -1.6,13 -4.6,16.8 z"
+         id="path38"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1" />
+      <rect
+         x="1331.5"
+         y="979.70001"
+         class="st1"
+         width="17.799999"
+         height="69.599998"
+         id="rect40"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1" />
+      <rect
+         x="1330.5"
+         y="947.40002"
+         class="st1"
+         width="19.6"
+         height="17.5"
+         id="rect42"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1" />
+    </g>
+  </g>
+</svg>

public/images/icons/radio.svg

@@ -0,0 +1 @@
+<svg height="512" viewBox="0 0 64 64" width="512" xmlns="http://www.w3.org/2000/svg"><g id="Layer_29" data-name="Layer 29"><path d="m57 18.09s0-.09 0-.09v-4a6 6 0 0 0 -6-6h-26a6 6 0 0 0 -6 6 2 2 0 1 0 4 0 2 2 0 0 1 2-2h26a2 2 0 0 1 2 2v4h-39v-14a2 2 0 0 0 -4 0v14h-2a6 6 0 0 0 -6 6v32a6 6 0 0 0 6 6h48a6 6 0 0 0 6-6v-32a6 6 0 0 0 -5-5.91zm-47 21.91a13 13 0 1 1 13 13 13 13 0 0 1 -13-13zm42.19 10h-10.19a2 2 0 0 1 0-4h10.19a2 2 0 0 1 0 4zm-10.19-12h10a2 2 0 0 1 0 4h-10a2 2 0 0 1 0-4zm-2-6a2 2 0 0 1 2-2h10a2 2 0 0 1 0 4h-10a2 2 0 0 1 -2-2zm-17 17a9 9 0 1 1 9-9 9 9 0 0 1 -9 9z"/></g></svg>

public/images/icons/television-2.svg

@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<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"
+	 viewBox="0 0 511.998 511.998" style="enable-background:new 0 0 511.998 511.998;" xml:space="preserve">
+<g>
+	<g>
+		<path d="M457.274,162.266H383.78h-10.812h-90.866l78.706-139.895c4.064-7.224,1.503-16.375-5.721-20.44
+			c-7.225-4.064-16.375-1.503-20.44,5.721l-78.177,138.954L178.293,7.652c-4.065-7.224-13.216-9.787-20.44-5.721
+			c-7.224,4.065-9.786,13.216-5.721,20.44l78.706,139.895H54.723c-29.759,0-53.969,24.211-53.969,53.969v241.794
+			c0,29.759,24.21,53.969,53.969,53.969h318.245h10.812h73.494c29.759,0,53.969-24.211,53.969-53.969V216.236
+			C511.243,186.476,487.033,162.266,457.274,162.266z M409.915,211.561c20.784,0,37.694,16.91,37.694,37.695
+			c0,20.784-16.91,37.694-37.694,37.694c-20.785,0-37.695-16.91-37.695-37.694C372.22,228.471,389.13,211.561,409.915,211.561z
+			 M409.915,299.643c20.784,0,37.694,16.91,37.694,37.694c0,20.785-16.91,37.695-37.694,37.695
+			c-20.785,0-37.695-16.91-37.695-37.695C372.22,316.552,389.13,299.643,409.915,299.643z M337.429,420.934
+			c0,23.838-19.393,43.231-43.231,43.231H95.318c-23.838,0-43.231-19.393-43.231-43.231V254.902
+			c0-23.838,19.393-43.231,43.231-43.231h198.88c23.838,0,43.231,19.393,43.231,43.231V420.934z M436.376,463.717h-52.923
+			c-8.289,0-15.009-6.72-15.009-15.009s6.72-15.009,15.009-15.009h52.923c8.289,0,15.009,6.72,15.009,15.009
+			S444.665,463.717,436.376,463.717z M436.376,418.691h-52.923c-8.289,0-15.009-6.72-15.009-15.009s6.72-15.009,15.009-15.009
+			h52.923c8.289,0,15.009,6.72,15.009,15.009S444.665,418.691,436.376,418.691z"/>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>

public/images/logo-NHGooi-diap.svg

@@ -0,0 +1,112 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<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"
+	 viewBox="0 0 119 42.6" style="enable-background:new 0 0 119 42.6;" xml:space="preserve">
+<style type="text/css">
+	.st0{display:none;}
+	.st1{display:inline;}
+	.st2{fill:#FFFFFF;}
+	.st3{display:inline;fill:#0017A0;}
+	.st4{fill:#0017A0;}
+</style>
+<g class="st0">
+	<g class="st1">
+		<g>
+			<defs>
+				<path id="SVGID_7_" d="M19.7,6.2c-0.8,0-1.5,0.7-1.5,1.5v4.5l-4.1-4.9c-0.8-0.8-1.8-1.2-2.8-1.2H1.5C0.7,6.2,0,6.9,0,7.7v27.2
+					c0,0.8,0.7,1.5,1.5,1.5h9.1c0.8,0,1.5-0.7,1.5-1.5v-4.5l4.1,4.9c0.8,0.8,1.8,1.2,2.8,1.2h9.7c0.8,0,1.5-0.7,1.5-1.5V7.7
+					c0-0.8-0.7-1.5-1.5-1.5H19.7z"/>
+			</defs>
+			<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="0" y1="21.3127" x2="30.2681" y2="21.3127">
+				<stop  offset="0" style="stop-color:#0017A0"/>
+				<stop  offset="1" style="stop-color:#41A5F7"/>
+			</linearGradient>
+			<use xlink:href="#SVGID_7_"  style="overflow:visible;fill:url(#SVGID_2_);"/>
+			<clipPath id="SVGID_3_">
+				<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+			</clipPath>
+		</g>
+		<path class="st2" d="M24.8,29.5c0,0.5-0.4,0.9-0.9,0.9h-4.8c-0.5,0-0.9-0.4-0.9-0.9v-5.1h-6.1v6.1H6.4c-0.5,0-0.9-0.4-0.9-0.9
+			V13.1c0-0.5,0.4-0.9,0.9-0.9h4.8c0.5,0,0.9,0.4,0.9,0.9v5.1h6.1l0-6.1h5.7c0.5,0,0.9,0.4,0.9,0.9V29.5z"/>
+	</g>
+	<path class="st3" d="M41.3,42.6c-0.4,0-0.8-0.3-0.8-0.8V0.8c0-0.4,0.3-0.8,0.8-0.8c0.4,0,0.8,0.3,0.8,0.8v41.1
+		C42.1,42.3,41.8,42.6,41.3,42.6"/>
+	<g class="st1">
+		<defs>
+			<path id="SVGID_10_" d="M54,6.2c-0.9,0-1.6,0.7-1.6,1.6v27.1c0,0.9,0.7,1.6,1.6,1.6h63.4c0.9,0,1.6-0.7,1.6-1.6V7.7
+				c0-0.9-0.7-1.6-1.6-1.6H54z"/>
+		</defs>
+		<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="52.4293" y1="21.3127" x2="119" y2="21.3127">
+			<stop  offset="0" style="stop-color:#0017A0"/>
+			<stop  offset="0.9999" style="stop-color:#41A5F7"/>
+		</linearGradient>
+		<use xlink:href="#SVGID_10_"  style="overflow:visible;fill:url(#SVGID_4_);"/>
+		<clipPath id="SVGID_6_">
+			<use xlink:href="#SVGID_10_"  style="overflow:visible;"/>
+		</clipPath>
+	</g>
+	<g class="st1">
+		<path class="st2" d="M74.8,20.4v8.9c-0.8,0.4-1.9,0.8-3.1,1c-1.2,0.2-2.4,0.4-3.7,0.4c-1.9,0-3.6-0.4-5-1.1
+			c-1.4-0.8-2.5-1.9-3.2-3.3c-0.7-1.4-1.1-3.1-1.1-5.1c0-1.9,0.4-3.6,1.1-5c0.7-1.4,1.8-2.5,3.2-3.3c1.4-0.8,3-1.1,4.8-1.1
+			c1.3,0,2.5,0.2,3.6,0.6c1.1,0.4,2.1,0.9,2.8,1.6l-1.1,2.4c-0.9-0.7-1.7-1.1-2.5-1.4c-0.8-0.3-1.7-0.4-2.7-0.4
+			c-1.9,0-3.3,0.6-4.3,1.7c-1,1.1-1.5,2.8-1.5,5c0,4.5,2,6.8,6,6.8c1.2,0,2.4-0.2,3.6-0.5v-4.6h-4v-2.4H74.8z"/>
+		<path class="st2" d="M80.7,29.8c-1-0.5-1.8-1.3-2.3-2.3c-0.5-1-0.8-2.2-0.8-3.5c0-1.3,0.3-2.5,0.8-3.5c0.5-1,1.3-1.8,2.3-2.3
+			c1-0.5,2.1-0.8,3.4-0.8c1.3,0,2.5,0.3,3.4,0.8c1,0.5,1.7,1.3,2.3,2.3c0.5,1,0.8,2.2,0.8,3.5c0,1.3-0.3,2.5-0.8,3.5
+			c-0.5,1-1.3,1.8-2.3,2.3c-1,0.5-2.1,0.8-3.4,0.8C82.8,30.6,81.7,30.4,80.7,29.8 M86.6,27c0.6-0.7,0.8-1.7,0.8-3.1
+			c0-1.3-0.3-2.4-0.8-3.1c-0.6-0.7-1.4-1.1-2.4-1.1c-1,0-1.9,0.4-2.4,1.1c-0.6,0.7-0.9,1.7-0.9,3.1c0,1.4,0.3,2.4,0.8,3.1
+			c0.6,0.7,1.4,1,2.4,1C85.2,28.1,86,27.7,86.6,27"/>
+		<path class="st2" d="M95.8,29.8c-1-0.5-1.8-1.3-2.3-2.3c-0.5-1-0.8-2.2-0.8-3.5c0-1.3,0.3-2.5,0.8-3.5c0.5-1,1.3-1.8,2.3-2.3
+			c1-0.5,2.1-0.8,3.4-0.8c1.3,0,2.5,0.3,3.4,0.8c1,0.5,1.7,1.3,2.3,2.3c0.5,1,0.8,2.2,0.8,3.5c0,1.3-0.3,2.5-0.8,3.5
+			c-0.5,1-1.3,1.8-2.3,2.3c-1,0.5-2.1,0.8-3.4,0.8C97.9,30.6,96.8,30.4,95.8,29.8 M101.6,27c0.6-0.7,0.8-1.7,0.8-3.1
+			c0-1.3-0.3-2.4-0.8-3.1c-0.6-0.7-1.4-1.1-2.4-1.1c-1,0-1.9,0.4-2.4,1.1C96.2,21.6,96,22.6,96,24c0,1.4,0.3,2.4,0.8,3.1
+			c0.6,0.7,1.4,1,2.4,1C100.3,28.1,101.1,27.7,101.6,27"/>
+		<path class="st2" d="M108.3,12.1h3.6v3.2h-3.6V12.1z M108.5,17.6h3.3v12.8h-3.3V17.6z"/>
+	</g>
+</g>
+<g>
+	<g>
+		<g>
+			<defs>
+				<path id="SVGID_5_" d="M19.7,6.2c-0.8,0-1.5,0.7-1.5,1.5v4.5l-4.1-4.9c-0.8-0.8-1.8-1.2-2.8-1.2H1.5C0.7,6.2,0,6.9,0,7.7v27.2
+					c0,0.8,0.7,1.5,1.5,1.5h9.1c0.8,0,1.5-0.7,1.5-1.5v-4.5l4.1,4.9c0.8,0.8,1.8,1.2,2.8,1.2h9.7c0.8,0,1.5-0.7,1.5-1.5V7.7
+					c0-0.8-0.7-1.5-1.5-1.5H19.7z"/>
+			</defs>
+			<use xlink:href="#SVGID_5_"  style="overflow:visible;fill:#FFFFFF;"/>
+			<clipPath id="SVGID_8_">
+				<use xlink:href="#SVGID_5_"  style="overflow:visible;"/>
+			</clipPath>
+		</g>
+		<path class="st4" d="M24.8,29.5c0,0.5-0.4,0.9-0.9,0.9h-4.8c-0.5,0-0.9-0.4-0.9-0.9v-5.1h-6.1v6.1H6.4c-0.5,0-0.9-0.4-0.9-0.9
+			V13.1c0-0.5,0.4-0.9,0.9-0.9h4.8c0.5,0,0.9,0.4,0.9,0.9v5.1h6.1l0-6.1h5.7c0.5,0,0.9,0.4,0.9,0.9V29.5z"/>
+	</g>
+	<path class="st2" d="M41.3,42.6c-0.4,0-0.8-0.3-0.8-0.8V0.8c0-0.4,0.3-0.8,0.8-0.8c0.4,0,0.8,0.3,0.8,0.8v41.1
+		C42.1,42.3,41.8,42.6,41.3,42.6"/>
+	<g>
+		<defs>
+			<path id="SVGID_1_" d="M54,6.2c-0.9,0-1.6,0.7-1.6,1.6v27.1c0,0.9,0.7,1.6,1.6,1.6h63.4c0.9,0,1.6-0.7,1.6-1.6V7.7
+				c0-0.9-0.7-1.6-1.6-1.6H54z"/>
+		</defs>
+		<use xlink:href="#SVGID_1_"  style="overflow:visible;fill:#FFFFFF;"/>
+		<clipPath id="SVGID_9_">
+			<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
+		</clipPath>
+	</g>
+	<g>
+		<path class="st4" d="M74.8,20.4v8.9c-0.8,0.4-1.9,0.8-3.1,1c-1.2,0.2-2.4,0.4-3.7,0.4c-1.9,0-3.6-0.4-5-1.1
+			c-1.4-0.8-2.5-1.9-3.2-3.3c-0.7-1.4-1.1-3.1-1.1-5.1c0-1.9,0.4-3.6,1.1-5c0.7-1.4,1.8-2.5,3.2-3.3c1.4-0.8,3-1.1,4.8-1.1
+			c1.3,0,2.5,0.2,3.6,0.6c1.1,0.4,2.1,0.9,2.8,1.6l-1.1,2.4c-0.9-0.7-1.7-1.1-2.5-1.4c-0.8-0.3-1.7-0.4-2.7-0.4
+			c-1.9,0-3.3,0.6-4.3,1.7c-1,1.1-1.5,2.8-1.5,5c0,4.5,2,6.8,6,6.8c1.2,0,2.4-0.2,3.6-0.5v-4.6h-4v-2.4H74.8z"/>
+		<path class="st4" d="M80.7,29.8c-1-0.5-1.8-1.3-2.3-2.3c-0.5-1-0.8-2.2-0.8-3.5c0-1.3,0.3-2.5,0.8-3.5c0.5-1,1.3-1.8,2.3-2.3
+			c1-0.5,2.1-0.8,3.4-0.8c1.3,0,2.5,0.3,3.4,0.8c1,0.5,1.7,1.3,2.3,2.3c0.5,1,0.8,2.2,0.8,3.5c0,1.3-0.3,2.5-0.8,3.5
+			c-0.5,1-1.3,1.8-2.3,2.3c-1,0.5-2.1,0.8-3.4,0.8C82.8,30.6,81.7,30.4,80.7,29.8 M86.6,27c0.6-0.7,0.8-1.7,0.8-3.1
+			c0-1.3-0.3-2.4-0.8-3.1c-0.6-0.7-1.4-1.1-2.4-1.1c-1,0-1.9,0.4-2.4,1.1c-0.6,0.7-0.9,1.7-0.9,3.1c0,1.4,0.3,2.4,0.8,3.1
+			c0.6,0.7,1.4,1,2.4,1C85.2,28.1,86,27.7,86.6,27"/>
+		<path class="st4" d="M95.8,29.8c-1-0.5-1.8-1.3-2.3-2.3c-0.5-1-0.8-2.2-0.8-3.5c0-1.3,0.3-2.5,0.8-3.5c0.5-1,1.3-1.8,2.3-2.3
+			c1-0.5,2.1-0.8,3.4-0.8c1.3,0,2.5,0.3,3.4,0.8c1,0.5,1.7,1.3,2.3,2.3c0.5,1,0.8,2.2,0.8,3.5c0,1.3-0.3,2.5-0.8,3.5
+			c-0.5,1-1.3,1.8-2.3,2.3c-1,0.5-2.1,0.8-3.4,0.8C97.9,30.6,96.8,30.4,95.8,29.8 M101.6,27c0.6-0.7,0.8-1.7,0.8-3.1
+			c0-1.3-0.3-2.4-0.8-3.1c-0.6-0.7-1.4-1.1-2.4-1.1c-1,0-1.9,0.4-2.4,1.1C96.2,21.6,96,22.6,96,24c0,1.4,0.3,2.4,0.8,3.1
+			c0.6,0.7,1.4,1,2.4,1C100.3,28.1,101.1,27.7,101.6,27"/>
+		<path class="st4" d="M108.3,12.1h3.6v3.2h-3.6V12.1z M108.5,17.6h3.3v12.8h-3.3V17.6z"/>
+	</g>
+</g>
+</svg>

public/images/logo-NHGooi-radio.svg

@@ -0,0 +1,82 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<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"
+	 viewBox="0 0 119 42.7" style="enable-background:new 0 0 119 42.7;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+	.st1{fill:#0017A0;}
+</style>
+<g>
+	<g>
+		<defs>
+			<path id="SVGID_7_" d="M54,6.2c-0.9,0-1.6,0.7-1.6,1.6v27.1c0,0.9,0.7,1.6,1.6,1.6h13.7c1.1,0,2.1,0.4,2.8,1.2l2.7,3.2
+				c0.7,0.9,1.9,1.4,3,1.4h41.3c0.9,0,1.6-0.7,1.6-1.6v-33c0-0.9-0.7-1.6-1.6-1.6H54z"/>
+		</defs>
+		<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="52.4293" y1="24.2191" x2="119" y2="24.2191">
+			<stop  offset="2.612876e-04" style="stop-color:#0000AF"/>
+			<stop  offset="0.2194" style="stop-color:#142DBF"/>
+			<stop  offset="0.4641" style="stop-color:#2758CF"/>
+			<stop  offset="0.6846" style="stop-color:#3577DA"/>
+			<stop  offset="0.8707" style="stop-color:#3E8AE1"/>
+			<stop  offset="1" style="stop-color:#4191E3"/>
+		</linearGradient>
+		<use xlink:href="#SVGID_7_"  style="overflow:visible;fill:url(#SVGID_1_);"/>
+		<clipPath id="SVGID_2_">
+			<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+		</clipPath>
+	</g>
+	<g>
+		<path class="st0" d="M93.7,38.8h-0.9l-0.7-1.4c-0.1-0.1-0.2-0.2-0.3-0.3c-0.1-0.1-0.2-0.1-0.4-0.1h-0.6v1.7h-0.8v-4.3H92
+			c0.5,0,0.9,0.1,1.1,0.3c0.3,0.2,0.4,0.5,0.4,0.9c0,0.3-0.1,0.6-0.3,0.8c-0.2,0.2-0.4,0.4-0.8,0.4c0.2,0.1,0.4,0.2,0.6,0.5
+			L93.7,38.8z M92.6,36.3c0.1-0.1,0.2-0.3,0.2-0.5c0-0.2-0.1-0.4-0.2-0.5c-0.1-0.1-0.4-0.2-0.7-0.2h-1v1.4h1
+			C92.2,36.4,92.4,36.4,92.6,36.3z"/>
+		<path class="st0" d="M98.2,38.8l-0.4-1h-2.1l-0.4,1h-0.8l2-4.3h0.6l2,4.3H98.2z M96,37.1h1.6l-0.8-1.8L96,37.1z"/>
+		<path class="st0" d="M100.1,34.4h1.6c0.7,0,1.3,0.2,1.6,0.6c0.4,0.4,0.6,0.9,0.6,1.6c0,0.7-0.2,1.2-0.6,1.6
+			c-0.4,0.4-0.9,0.6-1.6,0.6h-1.6V34.4z M101.7,38.1c1,0,1.5-0.5,1.5-1.5c0-1-0.5-1.5-1.5-1.5h-0.8v3H101.7z"/>
+		<path class="st0" d="M105.3,38.8v-4.3h0.8v4.3H105.3z"/>
+		<path class="st0" d="M108.5,38.6c-0.3-0.2-0.5-0.4-0.7-0.8c-0.2-0.3-0.3-0.7-0.3-1.2c0-0.5,0.1-0.8,0.2-1.2
+			c0.2-0.3,0.4-0.6,0.7-0.8c0.3-0.2,0.7-0.3,1.1-0.3c0.4,0,0.8,0.1,1.1,0.3c0.3,0.2,0.5,0.4,0.7,0.8c0.2,0.3,0.2,0.7,0.2,1.2
+			c0,0.5-0.1,0.8-0.3,1.2c-0.2,0.3-0.4,0.6-0.7,0.8c-0.3,0.2-0.7,0.3-1.1,0.3C109.2,38.8,108.8,38.7,108.5,38.6z M110.5,37.8
+			c0.2-0.3,0.3-0.7,0.3-1.2c0-0.5-0.1-0.9-0.3-1.2c-0.2-0.3-0.5-0.4-0.9-0.4c-0.4,0-0.7,0.1-0.9,0.4c-0.2,0.3-0.3,0.7-0.3,1.2
+			c0,0.5,0.1,0.9,0.3,1.2c0.2,0.3,0.5,0.4,0.9,0.4C110,38.2,110.3,38.1,110.5,37.8z"/>
+	</g>
+	<path class="st1" d="M41.3,42.6c-0.4,0-0.8-0.3-0.8-0.8V0.8c0-0.4,0.3-0.8,0.8-0.8c0.4,0,0.8,0.3,0.8,0.8v41.1
+		C42.1,42.3,41.8,42.6,41.3,42.6"/>
+	<g>
+		<path class="st0" d="M74.8,20.4v8.9c-0.8,0.4-1.9,0.8-3.1,1c-1.2,0.2-2.4,0.4-3.7,0.4c-1.9,0-3.6-0.4-5-1.1
+			c-1.4-0.8-2.5-1.9-3.2-3.3c-0.7-1.4-1.1-3.1-1.1-5.1c0-1.9,0.4-3.6,1.1-5c0.7-1.4,1.8-2.5,3.2-3.3c1.4-0.8,3-1.1,4.8-1.1
+			c1.3,0,2.5,0.2,3.6,0.6c1.1,0.4,2.1,0.9,2.8,1.6l-1.1,2.4c-0.9-0.7-1.7-1.1-2.5-1.4c-0.8-0.3-1.7-0.4-2.7-0.4
+			c-1.9,0-3.3,0.6-4.3,1.7c-1,1.1-1.5,2.8-1.5,5c0,4.5,2,6.8,6,6.8c1.2,0,2.4-0.2,3.6-0.5v-4.6h-4v-2.4H74.8z"/>
+		<path class="st0" d="M80.7,29.8c-1-0.5-1.8-1.3-2.3-2.3c-0.5-1-0.8-2.2-0.8-3.5c0-1.3,0.3-2.5,0.8-3.5c0.5-1,1.3-1.8,2.3-2.3
+			c1-0.5,2.1-0.8,3.4-0.8c1.3,0,2.5,0.3,3.4,0.8c1,0.5,1.7,1.3,2.3,2.3c0.5,1,0.8,2.2,0.8,3.5c0,1.3-0.3,2.5-0.8,3.5
+			c-0.5,1-1.3,1.8-2.3,2.3c-1,0.5-2.1,0.8-3.4,0.8C82.8,30.6,81.7,30.4,80.7,29.8 M86.6,27c0.6-0.7,0.8-1.7,0.8-3.1
+			c0-1.3-0.3-2.4-0.8-3.1c-0.6-0.7-1.4-1.1-2.4-1.1c-1,0-1.9,0.4-2.4,1.1c-0.6,0.7-0.9,1.7-0.9,3.1c0,1.4,0.3,2.4,0.8,3.1
+			c0.6,0.7,1.4,1,2.4,1C85.2,28.1,86,27.7,86.6,27"/>
+		<path class="st0" d="M95.8,29.8c-1-0.5-1.8-1.3-2.3-2.3c-0.5-1-0.8-2.2-0.8-3.5c0-1.3,0.3-2.5,0.8-3.5c0.5-1,1.3-1.8,2.3-2.3
+			c1-0.5,2.1-0.8,3.4-0.8c1.3,0,2.5,0.3,3.4,0.8c1,0.5,1.7,1.3,2.3,2.3c0.5,1,0.8,2.2,0.8,3.5c0,1.3-0.3,2.5-0.8,3.5
+			c-0.5,1-1.3,1.8-2.3,2.3c-1,0.5-2.1,0.8-3.4,0.8C97.9,30.6,96.8,30.4,95.8,29.8 M101.6,27c0.6-0.7,0.8-1.7,0.8-3.1
+			c0-1.3-0.3-2.4-0.8-3.1c-0.6-0.7-1.4-1.1-2.4-1.1c-1,0-1.9,0.4-2.4,1.1C96.2,21.6,96,22.6,96,24c0,1.4,0.3,2.4,0.8,3.1
+			c0.6,0.7,1.4,1,2.4,1C100.3,28.1,101.1,27.7,101.6,27"/>
+		<path class="st0" d="M108.3,12.1h3.6v3.2h-3.6V12.1z M108.5,17.6h3.3v12.8h-3.3V17.6z"/>
+	</g>
+	<g>
+		<g>
+			<defs>
+				<path id="SVGID_10_" d="M19.7,6.2c-0.8,0-1.5,0.7-1.5,1.5v4.5l-4.1-4.9c-0.8-0.8-1.8-1.2-2.8-1.2H1.5C0.7,6.2,0,6.9,0,7.7v27.2
+					c0,0.8,0.7,1.5,1.5,1.5h9.1c0.8,0,1.5-0.7,1.5-1.5v-4.5l4.1,4.9c0.8,0.8,1.8,1.2,2.8,1.2h9.7c0.8,0,1.5-0.7,1.5-1.5V7.7
+					c0-0.8-0.7-1.5-1.5-1.5H19.7z"/>
+			</defs>
+			<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="0" y1="21.3127" x2="30.2681" y2="21.3127">
+				<stop  offset="0" style="stop-color:#0017A0"/>
+				<stop  offset="1" style="stop-color:#41A5F7"/>
+			</linearGradient>
+			<use xlink:href="#SVGID_10_"  style="overflow:visible;fill:url(#SVGID_3_);"/>
+			<clipPath id="SVGID_4_">
+				<use xlink:href="#SVGID_10_"  style="overflow:visible;"/>
+			</clipPath>
+		</g>
+		<path class="st0" d="M24.8,29.5c0,0.5-0.4,0.9-0.9,0.9h-4.8c-0.5,0-0.9-0.4-0.9-0.9v-5.1h-6.1v6.1H6.4c-0.5,0-0.9-0.4-0.9-0.9
+			V13.1c0-0.5,0.4-0.9,0.9-0.9h4.8c0.5,0,0.9,0.4,0.9,0.9v5.1h6.1l0-6.1h5.7c0.5,0,0.9,0.4,0.9,0.9V29.5z"/>
+	</g>
+</g>
+</svg>

public/images/logo-NHGooi-slogan-diap.svg

@@ -0,0 +1,226 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1190 550" style="enable-background:new 0 0 1190 550;" xml:space="preserve">
+<style type="text/css">
+	.st0{display:none;}
+	.st1{display:inline;}
+	.st2{fill:#FFFFFF;}
+	.st3{fill:#0017A0;}
+</style>
+<g id="Layer_1" class="st0">
+	<g class="st1">
+		<g>
+			<g>
+				<g>
+					<defs>
+						<path id="SVGID_7_" d="M196,61.5c-8.3,0-15.1,6.7-15.1,15.1v45.2l-40.6-48.6c-7.5-7.5-17.7-11.7-28.3-11.7h-97
+							C6.8,61.5,0,68.3,0,76.6V348c0,8.3,6.8,15.1,15.1,15.1h90.5c8.3,0,15.1-6.7,15.1-15.1v-45.2l40.6,48.6
+							c7.5,7.5,17.7,11.7,28.3,11.7h97c8.3,0,15.1-6.7,15.1-15.1V76.6c0-8.3-6.7-15.1-15.1-15.1H196z"/>
+					</defs>
+					<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="0" y1="212.311" x2="301.5229" y2="212.311">
+						<stop  offset="0" style="stop-color:#0017A0"/>
+						<stop  offset="1" style="stop-color:#41A5F7"/>
+					</linearGradient>
+					<use xlink:href="#SVGID_7_"  style="overflow:visible;fill:url(#SVGID_1_);"/>
+					<clipPath id="SVGID_2_">
+						<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+					</clipPath>
+				</g>
+				<path class="st2" d="M247.2,293.7c0,5-4,9-9,9H190c-5,0-9-4-9-9v-51.3h-60.4v60.3H63.3c-5,0-9-4-9-9V130.9c0-5,4.1-9,9-9h48.2
+					c5,0,9,4.1,9,9v51.3H181l0-60.3h57.3c5,0,9,4.1,9,9V293.7z"/>
+			</g>
+			<path class="st3" d="M411.9,424.7c-4.2,0-7.6-3.4-7.6-7.6V7.6c0-4.2,3.4-7.6,7.6-7.6c4.2,0,7.6,3.4,7.6,7.6v409.6
+				C419.5,421.3,416.1,424.7,411.9,424.7"/>
+			<g>
+				<defs>
+					<path id="SVGID_10_" d="M537.9,61.5c-8.6,0-15.6,7-15.6,15.6v270.3c0,8.6,7,15.6,15.6,15.6h632c8.6,0,15.6-7,15.6-15.6V77.1
+						c0-8.6-7-15.6-15.6-15.6H537.9z"/>
+				</defs>
+				<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="522.2867" y1="212.311" x2="1185.446" y2="212.311">
+					<stop  offset="0" style="stop-color:#0017A0"/>
+					<stop  offset="1" style="stop-color:#41A5F7"/>
+				</linearGradient>
+				<use xlink:href="#SVGID_10_"  style="overflow:visible;fill:url(#SVGID_3_);"/>
+				<clipPath id="SVGID_4_">
+					<use xlink:href="#SVGID_10_"  style="overflow:visible;"/>
+				</clipPath>
+			</g>
+			<g>
+				<path class="st2" d="M745,203.6v88.3c-8.4,4.2-18.5,7.5-30.4,9.9c-11.9,2.4-24.1,3.7-36.5,3.7c-19,0-35.4-3.8-49.4-11.4
+					c-13.9-7.6-24.6-18.5-32-32.7c-7.4-14.2-11.1-31-11.1-50.6c0-19.3,3.7-36.1,11.1-50.3c7.4-14.2,17.9-25.1,31.6-32.7
+					c13.7-7.6,29.7-11.4,48.2-11.4c12.9,0,25,1.9,36.3,5.6c11.3,3.7,20.7,9.1,28.2,16.1l-11.2,24.3c-8.5-6.6-16.9-11.4-25.2-14.2
+					c-8.3-2.9-17.4-4.3-27.3-4.3c-19,0-33.3,5.6-43,16.9c-9.7,11.2-14.5,27.9-14.5,50c0,45.3,19.9,67.9,59.6,67.9
+					c11.8,0,23.7-1.7,35.5-5v-46.2h-39.7v-24H745z"/>
+				<path class="st2" d="M804,297.1c-9.8-5.4-17.5-13.2-22.9-23.3c-5.4-10.1-8.1-21.9-8.1-35.3c0-13.4,2.7-25.1,8.1-35.1
+					c5.4-10,13-17.7,22.9-23.1c9.8-5.4,21.3-8.1,34.4-8.1c13.1,0,24.5,2.7,34.4,8.1c9.8,5.4,17.4,13.1,22.7,23.1
+					c5.3,10,8,21.7,8,35.1c0,13.4-2.7,25.2-8,35.3c-5.3,10.1-12.9,17.9-22.7,23.3c-9.8,5.4-21.3,8.1-34.4,8.1
+					C825.3,305.2,813.8,302.5,804,297.1 M862.4,269.4c5.6-7,8.4-17.2,8.4-30.8c0-13.4-2.8-23.6-8.4-30.7c-5.6-7.1-13.6-10.6-24-10.6
+					c-10.5,0-18.5,3.5-24.2,10.6c-5.7,7.1-8.5,17.3-8.5,30.7c0,13.6,2.8,23.9,8.4,30.8c5.6,7,13.6,10.5,24,10.5
+					C848.7,279.9,856.8,276.4,862.4,269.4"/>
+				<path class="st2" d="M954.2,297.1c-9.8-5.4-17.5-13.2-22.9-23.3c-5.4-10.1-8.1-21.9-8.1-35.3c0-13.4,2.7-25.1,8.1-35.1
+					c5.4-10,13-17.7,22.9-23.1c9.8-5.4,21.3-8.1,34.4-8.1c13.1,0,24.5,2.7,34.4,8.1c9.8,5.4,17.4,13.1,22.7,23.1
+					c5.3,10,8,21.7,8,35.1c0,13.4-2.7,25.2-8,35.3c-5.3,10.1-12.9,17.9-22.7,23.3c-9.8,5.4-21.3,8.1-34.4,8.1
+					C975.5,305.2,964,302.5,954.2,297.1 M1012.6,269.4c5.6-7,8.4-17.2,8.4-30.8c0-13.4-2.8-23.6-8.4-30.7
+					c-5.6-7.1-13.6-10.6-24-10.6c-10.5,0-18.5,3.5-24.2,10.6c-5.7,7.1-8.5,17.3-8.5,30.7c0,13.6,2.8,23.9,8.4,30.8
+					c5.6,7,13.6,10.5,24,10.5C998.9,279.9,1007,276.4,1012.6,269.4"/>
+				<path class="st2" d="M1078.7,120.8h36.1V153h-36.1V120.8z M1080.5,175.4h32.7v127.8h-32.7V175.4z"/>
+			</g>
+		</g>
+		<g>
+			<g>
+				<g>
+					<path class="st3" d="M17,546.9c-6.7-2.1-12.4-5-17-8.8l6.1-13.3c4.8,3.7,9.9,6.4,15.2,8.1c5.3,1.7,11.1,2.5,17.3,2.5
+						c6.9,0,12.2-1.2,15.9-3.6c3.7-2.4,5.6-5.8,5.6-10.1c0-3.8-1.7-6.7-5.2-8.6c-3.4-2-9.2-3.9-17.2-5.7c-8.3-1.8-15.1-3.9-20.2-6.2
+						c-5.2-2.4-9.1-5.4-11.7-9.1c-2.6-3.7-4-8.4-4-14c0-5.8,1.6-11.1,4.8-15.7c3.2-4.6,7.7-8.2,13.6-10.8c5.9-2.6,12.6-3.9,20.2-3.9
+						c7,0,13.6,1.1,20,3.2c6.3,2.1,11.5,5,15.6,8.7l-6.1,13.3c-8.9-7.1-18.7-10.6-29.4-10.6c-6.4,0-11.5,1.3-15.2,3.9
+						c-3.7,2.6-5.6,6.2-5.6,10.8c0,3.9,1.6,6.8,5,8.9c3.3,2.1,8.9,4,16.8,5.8c8.4,1.9,15.2,4,20.5,6.3c5.2,2.3,9.2,5.3,12,8.8
+						c2.8,3.6,4.2,8.1,4.2,13.6c0,5.9-1.6,11.2-4.7,15.6c-3.2,4.5-7.7,7.9-13.7,10.3c-6,2.4-13,3.6-21.2,3.6
+						C30.9,550,23.7,549,17,546.9"/>
+					<path class="st3" d="M134.3,536.1l-0.8,13.2c-2.8,0.3-5.4,0.4-7.8,0.4c-9.7,0-16.9-2.2-21.5-6.7c-4.6-4.5-6.9-11.2-6.9-20
+						v-30.1H83.9v-13.3h13.3v-20.7h17.7v20.7h18.3v13.3h-18.3v29.9c0,9.2,4.3,13.9,12.9,13.9C129.9,536.6,132.1,536.4,134.3,536.1"
+						/>
+					<path class="st3" d="M205.4,517.3h-47.1c0.6,6.4,2.5,11.2,5.8,14.3c3.3,3.1,8,4.7,14.2,4.7c7.6,0,14.6-2.5,20.9-7.4l5.1,12.2
+						c-3.2,2.6-7.2,4.8-12.1,6.4c-4.9,1.6-9.7,2.4-14.7,2.4c-11.3,0-20.3-3.2-26.8-9.6c-6.6-6.4-9.8-15.2-9.8-26.3
+						c0-7.1,1.4-13.4,4.2-18.8c2.8-5.5,6.8-9.7,12-12.7c5.1-3,11-4.5,17.5-4.5c9.5,0,17.1,3.1,22.6,9.2c5.5,6.1,8.3,14.6,8.3,25.3
+						V517.3z M163.6,494.8c-2.9,3-4.6,7.4-5.3,13h32c-0.2-5.8-1.6-10.1-4.2-13.1c-2.6-3-6.3-4.5-11-4.5
+						C170.2,490.3,166.4,491.8,163.6,494.8"/>
+					<path class="st3" d="M319.6,484.8c3.9,4.7,5.8,11.8,5.8,21.4v42.5h-17.7V507c0-5.3-0.9-9.1-2.7-11.5c-1.8-2.4-4.7-3.6-8.6-3.6
+						c-4.7,0-8.4,1.6-11,4.8c-2.6,3.2-4,7.7-4,13.4v38.6h-17.7V507c0-5.3-0.9-9.1-2.6-11.5c-1.7-2.4-4.6-3.6-8.7-3.6
+						c-4.6,0-8.3,1.6-10.9,4.8c-2.6,3.2-4,7.7-4,13.4v38.6h-17.7v-69.2h17.3v9.8c2.1-3.8,5-6.6,8.6-8.6c3.7-1.9,7.9-2.9,12.6-2.9
+						c10.5,0,17.4,4.3,20.8,13c2.2-4.1,5.3-7.2,9.3-9.6c4.1-2.3,8.6-3.5,13.6-3.5C309.9,477.8,315.7,480.1,319.6,484.8"/>
+					<polygon class="st3" points="430.3,479.7 447.7,479.7 417.4,548.7 402,548.7 372,479.7 390.7,479.7 410.2,528.5 					"/>
+					<path class="st3" d="M506.6,484.9c4.7,4.7,7.1,12,7.1,21.8v42h-16.8v-10.6c-1.6,3.7-4.1,6.6-7.6,8.6c-3.4,2.1-7.4,3.1-12,3.1
+						c-4.6,0-8.8-0.9-12.6-2.8c-3.8-1.9-6.7-4.5-8.9-7.8c-2.2-3.3-3.3-7-3.3-11c0-5.1,1.3-9.1,3.9-12c2.6-2.9,6.8-5,12.7-6.4
+						c5.9-1.3,13.9-2,24.2-2h3.5v-3.3c0-4.7-1-8.1-3-10.2c-2-2.1-5.4-3.1-10.1-3.1c-3.7,0-7.5,0.6-11.5,1.9c-4,1.3-8,3-11.8,5.3
+						l-5-12.2c3.9-2.5,8.5-4.5,14-6.1c5.5-1.6,10.7-2.4,15.6-2.4C494.7,477.8,501.9,480.2,506.6,484.9 M492.4,532.4
+						c3-3.2,4.5-7.2,4.5-12.2v-3h-2.5c-6.3,0-11.2,0.3-14.7,0.8c-3.5,0.6-6,1.6-7.5,3c-1.5,1.4-2.3,3.4-2.3,5.8c0,3,1,5.5,3.1,7.4
+						c2.1,1.9,4.7,2.9,7.9,2.9C485.5,537.1,489.4,535.5,492.4,532.4"/>
+					<path class="st3" d="M590.4,484.9c4.1,4.7,6.1,11.8,6.1,21.4v42.5h-17.7v-41.5c0-5.4-1-9.3-3-11.7c-2-2.5-5.2-3.7-9.6-3.7
+						c-5.1,0-9.2,1.6-12.2,4.8c-3.1,3.2-4.6,7.5-4.6,12.9v39.2h-17.7v-69.2h17.3v10.3c2.4-3.9,5.5-6.8,9.5-8.9
+						c4-2.1,8.4-3.1,13.4-3.1C580.1,477.8,586.3,480.2,590.4,484.9"/>
+					<path class="st3" d="M711.6,484.9c4.1,4.7,6.1,11.8,6.1,21.4v42.5h-17.7v-41.5c0-5.4-1-9.3-3-11.7c-2-2.5-5.2-3.7-9.6-3.7
+						c-5.1,0-9.2,1.6-12.2,4.8c-3.1,3.2-4.6,7.5-4.6,12.9v39.2h-17.7v-99.8h17.7v40.2c2.4-3.7,5.5-6.5,9.4-8.4
+						c3.9-1.9,8.3-2.9,13.1-2.9C701.3,477.8,707.5,480.2,711.6,484.9"/>
+					<path class="st3" d="M796.3,517.3h-47.1c0.6,6.4,2.5,11.2,5.8,14.3c3.3,3.1,8,4.7,14.2,4.7c7.6,0,14.6-2.5,20.9-7.4l5.1,12.2
+						c-3.2,2.6-7.2,4.8-12.1,6.4c-4.9,1.6-9.7,2.4-14.6,2.4c-11.3,0-20.3-3.2-26.8-9.6c-6.6-6.4-9.8-15.2-9.8-26.3
+						c0-7.1,1.4-13.4,4.2-18.8c2.8-5.5,6.8-9.7,12-12.7c5.1-3,11-4.5,17.5-4.5c9.5,0,17.1,3.1,22.6,9.2c5.5,6.1,8.3,14.6,8.3,25.3
+						V517.3z M754.5,494.8c-2.9,3-4.6,7.4-5.3,13h32c-0.2-5.8-1.6-10.1-4.2-13.1c-2.6-3-6.3-4.5-11-4.5
+						C761.2,490.3,757.4,491.8,754.5,494.8"/>
+					<path class="st3" d="M851.7,536.1l-0.8,13.2c-2.8,0.3-5.4,0.4-7.8,0.4c-9.7,0-16.9-2.2-21.5-6.7c-4.6-4.5-6.9-11.2-6.9-20
+						v-30.1h-13.3v-13.3h13.3v-20.7h17.7v20.7h18.3v13.3h-18.3v29.9c0,9.2,4.3,13.9,12.9,13.9C847.2,536.6,849.4,536.4,851.7,536.1"
+						/>
+					<path class="st3" d="M985.2,494.8v47.8c-4.5,2.3-10,4.1-16.5,5.4c-6.5,1.3-13,2-19.7,2c-10.3,0-19.2-2.1-26.8-6.2
+						c-7.6-4.1-13.3-10-17.3-17.7c-4-7.7-6-16.8-6-27.4c0-10.5,2-19.6,6-27.2c4-7.7,9.7-13.6,17.1-17.7c7.4-4.1,16.1-6.2,26.1-6.2
+						c7,0,13.5,1,19.7,3c6.1,2,11.2,4.9,15.3,8.7l-6.1,13.2c-4.6-3.6-9.2-6.2-13.7-7.7c-4.5-1.6-9.4-2.3-14.8-2.3
+						c-10.3,0-18,3-23.3,9.1c-5.2,6.1-7.9,15.1-7.9,27.1c0,24.5,10.8,36.8,32.3,36.8c6.4,0,12.8-0.9,19.3-2.7v-25.1h-21.5v-13H985.2
+						z"/>
+					<path class="st3" d="M1017.1,545.5c-5.3-2.9-9.5-7.1-12.4-12.6c-2.9-5.5-4.4-11.8-4.4-19.1c0-7.3,1.5-13.6,4.4-19
+						c2.9-5.4,7.1-9.6,12.4-12.5c5.3-2.9,11.5-4.4,18.6-4.4c7.1,0,13.3,1.5,18.6,4.4c5.3,2.9,9.4,7.1,12.3,12.5
+						c2.9,5.4,4.3,11.8,4.3,19c0,7.3-1.4,13.6-4.3,19.1c-2.9,5.5-7,9.7-12.3,12.6c-5.3,2.9-11.5,4.4-18.6,4.4
+						C1028.6,549.9,1022.4,548.4,1017.1,545.5 M1048.7,530.5c3-3.8,4.5-9.3,4.5-16.7c0-7.3-1.5-12.8-4.5-16.6c-3-3.8-7.4-5.7-13-5.7
+						c-5.7,0-10,1.9-13.1,5.7c-3.1,3.8-4.6,9.4-4.6,16.6c0,7.4,1.5,12.9,4.5,16.7c3,3.8,7.4,5.7,13,5.7
+						C1041.3,536.1,1045.7,534.2,1048.7,530.5"/>
+					<path class="st3" d="M1098.5,545.5c-5.3-2.9-9.5-7.1-12.4-12.6c-2.9-5.5-4.4-11.8-4.4-19.1c0-7.3,1.5-13.6,4.4-19
+						c2.9-5.4,7.1-9.6,12.4-12.5c5.3-2.9,11.5-4.4,18.6-4.4c7.1,0,13.3,1.5,18.6,4.4c5.3,2.9,9.4,7.1,12.3,12.5
+						c2.9,5.4,4.3,11.8,4.3,19c0,7.3-1.4,13.6-4.3,19.1c-2.9,5.5-7,9.7-12.3,12.6c-5.3,2.9-11.5,4.4-18.6,4.4
+						C1110,549.9,1103.8,548.4,1098.5,545.5 M1130.1,530.5c3-3.8,4.5-9.3,4.5-16.7c0-7.3-1.5-12.8-4.5-16.6c-3-3.8-7.4-5.7-13-5.7
+						c-5.7,0-10,1.9-13.1,5.7c-3.1,3.8-4.6,9.4-4.6,16.6c0,7.4,1.5,12.9,4.5,16.7c3,3.8,7.4,5.7,13,5.7
+						C1122.7,536.1,1127.1,534.2,1130.1,530.5"/>
+					<path class="st3" d="M1165.9,447.4h19.5v17.4h-19.5V447.4z M1166.9,479.5h17.7v69.2h-17.7V479.5z"/>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+<g id="Layer_1_copy">
+	<g>
+		<g>
+			<g>
+				<path class="st2" d="M17,546.9c-6.7-2.1-12.4-5-17-8.8l6.1-13.3c4.8,3.7,9.9,6.4,15.2,8.1c5.3,1.7,11.1,2.5,17.3,2.5
+					c6.9,0,12.2-1.2,15.9-3.6c3.7-2.4,5.6-5.8,5.6-10.1c0-3.8-1.7-6.7-5.2-8.6c-3.4-2-9.2-3.9-17.2-5.7c-8.3-1.8-15.1-3.9-20.2-6.2
+					c-5.2-2.4-9.1-5.4-11.7-9.1c-2.6-3.7-4-8.4-4-14c0-5.8,1.6-11.1,4.8-15.7c3.2-4.6,7.7-8.2,13.6-10.8c5.9-2.6,12.6-3.9,20.2-3.9
+					c7,0,13.6,1.1,20,3.2c6.3,2.1,11.5,5,15.6,8.7l-6.1,13.3c-8.9-7.1-18.7-10.6-29.4-10.6c-6.4,0-11.5,1.3-15.2,3.9
+					c-3.7,2.6-5.6,6.2-5.6,10.8c0,3.9,1.6,6.8,5,8.9c3.3,2.1,8.9,4,16.8,5.8c8.4,1.9,15.2,4,20.5,6.3c5.2,2.3,9.2,5.3,12,8.8
+					c2.8,3.6,4.2,8.1,4.2,13.6c0,5.9-1.6,11.2-4.7,15.6c-3.2,4.5-7.7,7.9-13.7,10.3c-6,2.4-13,3.6-21.2,3.6
+					C30.9,550,23.7,549,17,546.9"/>
+				<path class="st2" d="M134.3,536.1l-0.8,13.2c-2.8,0.3-5.4,0.4-7.8,0.4c-9.7,0-16.9-2.2-21.5-6.7c-4.6-4.5-6.9-11.2-6.9-20v-30.1
+					H83.9v-13.3h13.3v-20.7h17.7v20.7h18.3v13.3h-18.3v29.9c0,9.2,4.3,13.9,12.9,13.9C129.9,536.6,132.1,536.4,134.3,536.1"/>
+				<path class="st2" d="M205.4,517.3h-47.1c0.6,6.4,2.5,11.2,5.8,14.3c3.3,3.1,8,4.7,14.2,4.7c7.6,0,14.6-2.5,20.9-7.4l5.1,12.2
+					c-3.2,2.6-7.2,4.8-12.1,6.4c-4.9,1.6-9.7,2.4-14.7,2.4c-11.3,0-20.3-3.2-26.8-9.6c-6.6-6.4-9.8-15.2-9.8-26.3
+					c0-7.1,1.4-13.4,4.2-18.8c2.8-5.5,6.8-9.7,12-12.7c5.1-3,11-4.5,17.5-4.5c9.5,0,17.1,3.1,22.6,9.2c5.5,6.1,8.3,14.6,8.3,25.3
+					V517.3z M163.6,494.8c-2.9,3-4.6,7.4-5.3,13h32c-0.2-5.8-1.6-10.1-4.2-13.1c-2.6-3-6.3-4.5-11-4.5
+					C170.2,490.3,166.4,491.8,163.6,494.8"/>
+				<path class="st2" d="M319.6,484.8c3.9,4.7,5.8,11.8,5.8,21.4v42.5h-17.7V507c0-5.3-0.9-9.1-2.7-11.5c-1.8-2.4-4.7-3.6-8.6-3.6
+					c-4.7,0-8.4,1.6-11,4.8c-2.6,3.2-4,7.7-4,13.4v38.6h-17.7V507c0-5.3-0.9-9.1-2.6-11.5c-1.7-2.4-4.6-3.6-8.7-3.6
+					c-4.6,0-8.3,1.6-10.9,4.8c-2.6,3.2-4,7.7-4,13.4v38.6h-17.7v-69.2h17.3v9.8c2.1-3.8,5-6.6,8.6-8.6c3.7-1.9,7.9-2.9,12.6-2.9
+					c10.5,0,17.4,4.3,20.8,13c2.2-4.1,5.3-7.2,9.3-9.6c4.1-2.3,8.6-3.5,13.6-3.5C309.9,477.8,315.7,480.1,319.6,484.8"/>
+				<polygon class="st2" points="430.3,479.7 447.7,479.7 417.4,548.7 402,548.7 372,479.7 390.7,479.7 410.2,528.5 				"/>
+				<path class="st2" d="M506.6,484.9c4.7,4.7,7.1,12,7.1,21.8v42h-16.8v-10.6c-1.6,3.7-4.1,6.6-7.6,8.6c-3.4,2.1-7.4,3.1-12,3.1
+					c-4.6,0-8.8-0.9-12.6-2.8c-3.8-1.9-6.7-4.5-8.9-7.8c-2.2-3.3-3.3-7-3.3-11c0-5.1,1.3-9.1,3.9-12c2.6-2.9,6.8-5,12.7-6.4
+					c5.9-1.3,13.9-2,24.2-2h3.5v-3.3c0-4.7-1-8.1-3-10.2c-2-2.1-5.4-3.1-10.1-3.1c-3.7,0-7.5,0.6-11.5,1.9c-4,1.3-8,3-11.8,5.3
+					l-5-12.2c3.9-2.5,8.5-4.5,14-6.1c5.5-1.6,10.7-2.4,15.6-2.4C494.7,477.8,501.9,480.2,506.6,484.9 M492.4,532.4
+					c3-3.2,4.5-7.2,4.5-12.2v-3h-2.5c-6.3,0-11.2,0.3-14.7,0.8c-3.5,0.6-6,1.6-7.5,3c-1.5,1.4-2.3,3.4-2.3,5.8c0,3,1,5.5,3.1,7.4
+					c2.1,1.9,4.7,2.9,7.9,2.9C485.5,537.1,489.4,535.5,492.4,532.4"/>
+				<path class="st2" d="M590.4,484.9c4.1,4.7,6.1,11.8,6.1,21.4v42.5h-17.7v-41.5c0-5.4-1-9.3-3-11.7c-2-2.5-5.2-3.7-9.6-3.7
+					c-5.1,0-9.2,1.6-12.2,4.8c-3.1,3.2-4.6,7.5-4.6,12.9v39.2h-17.7v-69.2h17.3v10.3c2.4-3.9,5.5-6.8,9.5-8.9
+					c4-2.1,8.4-3.1,13.4-3.1C580.1,477.8,586.3,480.2,590.4,484.9"/>
+				<path class="st2" d="M711.6,484.9c4.1,4.7,6.1,11.8,6.1,21.4v42.5h-17.7v-41.5c0-5.4-1-9.3-3-11.7c-2-2.5-5.2-3.7-9.6-3.7
+					c-5.1,0-9.2,1.6-12.2,4.8c-3.1,3.2-4.6,7.5-4.6,12.9v39.2h-17.7v-99.8h17.7v40.2c2.4-3.7,5.5-6.5,9.4-8.4
+					c3.9-1.9,8.3-2.9,13.1-2.9C701.3,477.8,707.5,480.2,711.6,484.9"/>
+				<path class="st2" d="M796.3,517.3h-47.1c0.6,6.4,2.5,11.2,5.8,14.3c3.3,3.1,8,4.7,14.2,4.7c7.6,0,14.6-2.5,20.9-7.4l5.1,12.2
+					c-3.2,2.6-7.2,4.8-12.1,6.4c-4.9,1.6-9.7,2.4-14.6,2.4c-11.3,0-20.3-3.2-26.8-9.6c-6.6-6.4-9.8-15.2-9.8-26.3
+					c0-7.1,1.4-13.4,4.2-18.8c2.8-5.5,6.8-9.7,12-12.7c5.1-3,11-4.5,17.5-4.5c9.5,0,17.1,3.1,22.6,9.2c5.5,6.1,8.3,14.6,8.3,25.3
+					V517.3z M754.5,494.8c-2.9,3-4.6,7.4-5.3,13h32c-0.2-5.8-1.6-10.1-4.2-13.1c-2.6-3-6.3-4.5-11-4.5
+					C761.2,490.3,757.4,491.8,754.5,494.8"/>
+				<path class="st2" d="M851.7,536.1l-0.8,13.2c-2.8,0.3-5.4,0.4-7.8,0.4c-9.7,0-16.9-2.2-21.5-6.7c-4.6-4.5-6.9-11.2-6.9-20v-30.1
+					h-13.3v-13.3h13.3v-20.7h17.7v20.7h18.3v13.3h-18.3v29.9c0,9.2,4.3,13.9,12.9,13.9C847.2,536.6,849.4,536.4,851.7,536.1"/>
+				<path class="st2" d="M985.2,494.8v47.8c-4.5,2.3-10,4.1-16.5,5.4c-6.5,1.3-13,2-19.7,2c-10.3,0-19.2-2.1-26.8-6.2
+					c-7.6-4.1-13.3-10-17.3-17.7c-4-7.7-6-16.8-6-27.4c0-10.5,2-19.6,6-27.2c4-7.7,9.7-13.6,17.1-17.7c7.4-4.1,16.1-6.2,26.1-6.2
+					c7,0,13.5,1,19.7,3c6.1,2,11.2,4.9,15.3,8.7l-6.1,13.2c-4.6-3.6-9.2-6.2-13.7-7.7c-4.5-1.6-9.4-2.3-14.8-2.3
+					c-10.3,0-18,3-23.3,9.1c-5.2,6.1-7.9,15.1-7.9,27.1c0,24.5,10.8,36.8,32.3,36.8c6.4,0,12.8-0.9,19.3-2.7v-25.1h-21.5v-13H985.2z
+					"/>
+				<path class="st2" d="M1017.1,545.5c-5.3-2.9-9.5-7.1-12.4-12.6c-2.9-5.5-4.4-11.8-4.4-19.1c0-7.3,1.5-13.6,4.4-19
+					c2.9-5.4,7.1-9.6,12.4-12.5c5.3-2.9,11.5-4.4,18.6-4.4c7.1,0,13.3,1.5,18.6,4.4c5.3,2.9,9.4,7.1,12.3,12.5
+					c2.9,5.4,4.3,11.8,4.3,19c0,7.3-1.4,13.6-4.3,19.1c-2.9,5.5-7,9.7-12.3,12.6c-5.3,2.9-11.5,4.4-18.6,4.4
+					C1028.6,549.9,1022.4,548.4,1017.1,545.5 M1048.7,530.5c3-3.8,4.5-9.3,4.5-16.7c0-7.3-1.5-12.8-4.5-16.6c-3-3.8-7.4-5.7-13-5.7
+					c-5.7,0-10,1.9-13.1,5.7c-3.1,3.8-4.6,9.4-4.6,16.6c0,7.4,1.5,12.9,4.5,16.7c3,3.8,7.4,5.7,13,5.7
+					C1041.3,536.1,1045.7,534.2,1048.7,530.5"/>
+				<path class="st2" d="M1098.5,545.5c-5.3-2.9-9.5-7.1-12.4-12.6c-2.9-5.5-4.4-11.8-4.4-19.1c0-7.3,1.5-13.6,4.4-19
+					c2.9-5.4,7.1-9.6,12.4-12.5c5.3-2.9,11.5-4.4,18.6-4.4c7.1,0,13.3,1.5,18.6,4.4c5.3,2.9,9.4,7.1,12.3,12.5
+					c2.9,5.4,4.3,11.8,4.3,19c0,7.3-1.4,13.6-4.3,19.1c-2.9,5.5-7,9.7-12.3,12.6c-5.3,2.9-11.5,4.4-18.6,4.4
+					C1110,549.9,1103.8,548.4,1098.5,545.5 M1130.1,530.5c3-3.8,4.5-9.3,4.5-16.7c0-7.3-1.5-12.8-4.5-16.6c-3-3.8-7.4-5.7-13-5.7
+					c-5.7,0-10,1.9-13.1,5.7c-3.1,3.8-4.6,9.4-4.6,16.6c0,7.4,1.5,12.9,4.5,16.7c3,3.8,7.4,5.7,13,5.7
+					C1122.7,536.1,1127.1,534.2,1130.1,530.5"/>
+				<path class="st2" d="M1165.9,447.4h19.5v17.4h-19.5V447.4z M1166.9,479.5h17.7v69.2h-17.7V479.5z"/>
+			</g>
+		</g>
+	</g>
+	<path class="st2" d="M15.1,363.1h90.5c8.3,0,15.1-6.7,15.1-15.1v-45.2l40.6,48.6c7.5,7.5,17.7,11.7,28.3,11.7h97
+		c8.3,0,15.1-6.7,15.1-15.1V76.6c0-8.3-6.7-15.1-15.1-15.1H196c-8.3,0-15.1,6.7-15.1,15.1v45.2l-40.6-48.6
+		c-7.5-7.5-17.7-11.7-28.3-11.7h-97C6.8,61.5,0,68.3,0,76.6V348C0,356.3,6.8,363.1,15.1,363.1z M54.3,130.9c0-5,4.1-9,9-9h48.2
+		c5,0,9,4.1,9,9v51.3H181l0-60.3h57.3c5,0,9,4.1,9,9v162.8c0,5-4,9-9,9H190c-5,0-9-4-9-9v-51.3h-60.4v60.3H63.3c-5,0-9-4-9-9V130.9z
+		"/>
+	<path class="st2" d="M411.9,424.7c4.2,0,7.6-3.4,7.6-7.6V7.6c0-4.2-3.4-7.6-7.6-7.6c-4.2,0-7.6,3.4-7.6,7.6v409.6
+		C404.4,421.3,407.7,424.7,411.9,424.7z"/>
+	<path class="st2" d="M1169.9,61.5h-632c-8.6,0-15.6,7-15.6,15.6v270.3c0,8.6,7,15.6,15.6,15.6h632c8.6,0,15.6-7,15.6-15.6V77.1
+		C1185.4,68.5,1178.5,61.5,1169.9,61.5z M745,291.9c-8.4,4.2-18.5,7.5-30.4,9.9c-11.9,2.4-24.1,3.7-36.5,3.7
+		c-19,0-35.4-3.8-49.4-11.4c-13.9-7.6-24.6-18.5-32-32.7c-7.4-14.2-11.1-31-11.1-50.6c0-19.3,3.7-36.1,11.1-50.3
+		c7.4-14.2,17.9-25.1,31.6-32.7c13.7-7.6,29.7-11.4,48.2-11.4c12.9,0,25,1.9,36.3,5.6c11.3,3.7,20.7,9.1,28.2,16.1l-11.2,24.3
+		c-8.5-6.6-16.9-11.4-25.2-14.2c-8.3-2.9-17.4-4.3-27.3-4.3c-19,0-33.3,5.6-43,16.9c-9.7,11.2-14.5,27.9-14.5,50
+		c0,45.3,19.9,67.9,59.6,67.9c11.8,0,23.7-1.7,35.5-5v-46.2h-39.7v-24H745V291.9z M895.4,273.9c-5.3,10.1-12.9,17.9-22.7,23.3
+		c-9.8,5.4-21.3,8.1-34.4,8.1c-13.1,0-24.5-2.7-34.4-8.1c-9.8-5.4-17.5-13.1-22.9-23.3c-5.4-10.1-8.1-21.9-8.1-35.3
+		c0-13.4,2.7-25.1,8.1-35.1c5.4-10,13-17.7,22.9-23.1c9.8-5.4,21.3-8.1,34.4-8.1c13.1,0,24.5,2.7,34.4,8.1
+		c9.8,5.4,17.4,13.1,22.7,23.1c5.3,10,8,21.7,8,35.1C903.4,252,900.7,263.8,895.4,273.9z M1045.6,273.9
+		c-5.3,10.1-12.9,17.9-22.7,23.3c-9.8,5.4-21.3,8.1-34.4,8.1c-13.1,0-24.5-2.7-34.4-8.1c-9.8-5.4-17.5-13.1-22.9-23.3
+		c-5.4-10.1-8.1-21.9-8.1-35.3c0-13.4,2.7-25.1,8.1-35.1c5.4-10,13-17.7,22.9-23.1c9.8-5.4,21.3-8.1,34.4-8.1
+		c13.1,0,24.5,2.7,34.4,8.1c9.8,5.4,17.4,13.1,22.7,23.1c5.3,10,8,21.7,8,35.1C1053.6,252,1051,263.8,1045.6,273.9z M1113.2,303.1
+		h-32.7V175.4h32.7V303.1z M1114.8,153h-36.1v-32.1h36.1V153z"/>
+	<path class="st2" d="M838.3,197.3c-10.5,0-18.5,3.5-24.2,10.6c-5.7,7.1-8.5,17.3-8.5,30.7c0,13.6,2.8,23.9,8.4,30.8
+		c5.6,7,13.6,10.5,24,10.5c10.6,0,18.7-3.5,24.3-10.5c5.6-7,8.4-17.2,8.4-30.8c0-13.4-2.8-23.6-8.4-30.7
+		C856.8,200.8,848.8,197.3,838.3,197.3z"/>
+	<path class="st2" d="M988.6,197.3c-10.5,0-18.5,3.5-24.2,10.6c-5.7,7.1-8.5,17.3-8.5,30.7c0,13.6,2.8,23.9,8.4,30.8
+		c5.6,7,13.6,10.5,24,10.5c10.6,0,18.7-3.5,24.3-10.5c5.6-7,8.4-17.2,8.4-30.8c0-13.4-2.8-23.6-8.4-30.7
+		C1007,200.8,999,197.3,988.6,197.3z"/>
+</g>
+</svg>

public/images/logo-NHGooi-slogan.svg

@@ -0,0 +1,227 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1190 550" style="enable-background:new 0 0 1190 550;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+	.st1{fill:#0017A0;}
+	.st2{display:none;}
+	.st3{display:inline;}
+	.st4{display:inline;fill:#FFFFFF;}
+</style>
+<g id="Layer_1">
+	<g>
+		<g>
+			<g>
+				<g>
+					<defs>
+						<path id="SVGID_7_" d="M196,61.5c-8.3,0-15.1,6.7-15.1,15.1v45.2l-40.6-48.6c-7.5-7.5-17.7-11.7-28.3-11.7h-97
+							C6.8,61.5,0,68.3,0,76.6V348c0,8.3,6.8,15.1,15.1,15.1h90.5c8.3,0,15.1-6.7,15.1-15.1v-45.2l40.6,48.6
+							c7.5,7.5,17.7,11.7,28.3,11.7h97c8.3,0,15.1-6.7,15.1-15.1V76.6c0-8.3-6.7-15.1-15.1-15.1H196z"/>
+					</defs>
+					<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="0" y1="212.311" x2="301.5229" y2="212.311">
+						<stop  offset="0" style="stop-color:#0017A0"/>
+						<stop  offset="1" style="stop-color:#41A5F7"/>
+					</linearGradient>
+					<use xlink:href="#SVGID_7_"  style="overflow:visible;fill:url(#SVGID_1_);"/>
+					<clipPath id="SVGID_2_">
+						<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+					</clipPath>
+				</g>
+				<path class="st0" d="M247.2,293.7c0,5-4,9-9,9H190c-5,0-9-4-9-9v-51.3h-60.4v60.3H63.3c-5,0-9-4-9-9V130.9c0-5,4.1-9,9-9h48.2
+					c5,0,9,4.1,9,9v51.3H181l0-60.3h57.3c5,0,9,4.1,9,9V293.7z"/>
+			</g>
+			<path class="st1" d="M411.9,424.7c-4.2,0-7.6-3.4-7.6-7.6V7.6c0-4.2,3.4-7.6,7.6-7.6c4.2,0,7.6,3.4,7.6,7.6v409.6
+				C419.5,421.3,416.1,424.7,411.9,424.7"/>
+			<g>
+				<defs>
+					<path id="SVGID_10_" d="M537.9,61.5c-8.6,0-15.6,7-15.6,15.6v270.3c0,8.6,7,15.6,15.6,15.6h632c8.6,0,15.6-7,15.6-15.6V77.1
+						c0-8.6-7-15.6-15.6-15.6H537.9z"/>
+				</defs>
+				<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="522.2867" y1="212.311" x2="1185.446" y2="212.311">
+					<stop  offset="0" style="stop-color:#0017A0"/>
+					<stop  offset="1" style="stop-color:#41A5F7"/>
+				</linearGradient>
+				<use xlink:href="#SVGID_10_"  style="overflow:visible;fill:url(#SVGID_3_);"/>
+				<clipPath id="SVGID_4_">
+					<use xlink:href="#SVGID_10_"  style="overflow:visible;"/>
+				</clipPath>
+			</g>
+			<g>
+				<path class="st0" d="M745,203.6v88.3c-8.4,4.2-18.5,7.5-30.4,9.9c-11.9,2.4-24.1,3.7-36.5,3.7c-19,0-35.4-3.8-49.4-11.4
+					c-13.9-7.6-24.6-18.5-32-32.7c-7.4-14.2-11.1-31-11.1-50.6c0-19.3,3.7-36.1,11.1-50.3c7.4-14.2,17.9-25.1,31.6-32.7
+					c13.7-7.6,29.7-11.4,48.2-11.4c12.9,0,25,1.9,36.3,5.6c11.3,3.7,20.7,9.1,28.2,16.1l-11.2,24.3c-8.5-6.6-16.9-11.4-25.2-14.2
+					c-8.3-2.9-17.4-4.3-27.3-4.3c-19,0-33.3,5.6-43,16.9c-9.7,11.2-14.5,27.9-14.5,50c0,45.3,19.9,67.9,59.6,67.9
+					c11.8,0,23.7-1.7,35.5-5v-46.2h-39.7v-24H745z"/>
+				<path class="st0" d="M804,297.1c-9.8-5.4-17.5-13.2-22.9-23.3c-5.4-10.1-8.1-21.9-8.1-35.3c0-13.4,2.7-25.1,8.1-35.1
+					c5.4-10,13-17.7,22.9-23.1c9.8-5.4,21.3-8.1,34.4-8.1c13.1,0,24.5,2.7,34.4,8.1c9.8,5.4,17.4,13.1,22.7,23.1
+					c5.3,10,8,21.7,8,35.1c0,13.4-2.7,25.2-8,35.3c-5.3,10.1-12.9,17.9-22.7,23.3c-9.8,5.4-21.3,8.1-34.4,8.1
+					C825.3,305.2,813.8,302.5,804,297.1 M862.4,269.4c5.6-7,8.4-17.2,8.4-30.8c0-13.4-2.8-23.6-8.4-30.7c-5.6-7.1-13.6-10.6-24-10.6
+					c-10.5,0-18.5,3.5-24.2,10.6c-5.7,7.1-8.5,17.3-8.5,30.7c0,13.6,2.8,23.9,8.4,30.8c5.6,7,13.6,10.5,24,10.5
+					C848.7,279.9,856.8,276.4,862.4,269.4"/>
+				<path class="st0" d="M954.2,297.1c-9.8-5.4-17.5-13.2-22.9-23.3c-5.4-10.1-8.1-21.9-8.1-35.3c0-13.4,2.7-25.1,8.1-35.1
+					c5.4-10,13-17.7,22.9-23.1c9.8-5.4,21.3-8.1,34.4-8.1c13.1,0,24.5,2.7,34.4,8.1c9.8,5.4,17.4,13.1,22.7,23.1
+					c5.3,10,8,21.7,8,35.1c0,13.4-2.7,25.2-8,35.3c-5.3,10.1-12.9,17.9-22.7,23.3c-9.8,5.4-21.3,8.1-34.4,8.1
+					C975.5,305.2,964,302.5,954.2,297.1 M1012.6,269.4c5.6-7,8.4-17.2,8.4-30.8c0-13.4-2.8-23.6-8.4-30.7
+					c-5.6-7.1-13.6-10.6-24-10.6c-10.5,0-18.5,3.5-24.2,10.6c-5.7,7.1-8.5,17.3-8.5,30.7c0,13.6,2.8,23.9,8.4,30.8
+					c5.6,7,13.6,10.5,24,10.5C998.9,279.9,1007,276.4,1012.6,269.4"/>
+				<path class="st0" d="M1078.7,120.8h36.1V153h-36.1V120.8z M1080.5,175.4h32.7v127.8h-32.7V175.4z"/>
+			</g>
+		</g>
+		<g>
+			<g>
+				<g>
+					<path class="st1" d="M17,546.9c-6.7-2.1-12.4-5-17-8.8l6.1-13.3c4.8,3.7,9.9,6.4,15.2,8.1c5.3,1.7,11.1,2.5,17.3,2.5
+						c6.9,0,12.2-1.2,15.9-3.6c3.7-2.4,5.6-5.8,5.6-10.1c0-3.8-1.7-6.7-5.2-8.6c-3.4-2-9.2-3.9-17.2-5.7c-8.3-1.8-15.1-3.9-20.2-6.2
+						c-5.2-2.4-9.1-5.4-11.7-9.1c-2.6-3.7-4-8.4-4-14c0-5.8,1.6-11.1,4.8-15.7c3.2-4.6,7.7-8.2,13.6-10.8c5.9-2.6,12.6-3.9,20.2-3.9
+						c7,0,13.6,1.1,20,3.2c6.3,2.1,11.5,5,15.6,8.7l-6.1,13.3c-8.9-7.1-18.7-10.6-29.4-10.6c-6.4,0-11.5,1.3-15.2,3.9
+						c-3.7,2.6-5.6,6.2-5.6,10.8c0,3.9,1.6,6.8,5,8.9c3.3,2.1,8.9,4,16.8,5.8c8.4,1.9,15.2,4,20.5,6.3c5.2,2.3,9.2,5.3,12,8.8
+						c2.8,3.6,4.2,8.1,4.2,13.6c0,5.9-1.6,11.2-4.7,15.6c-3.2,4.5-7.7,7.9-13.7,10.3c-6,2.4-13,3.6-21.2,3.6
+						C30.9,550,23.7,549,17,546.9"/>
+					<path class="st1" d="M134.3,536.1l-0.8,13.2c-2.8,0.3-5.4,0.4-7.8,0.4c-9.7,0-16.9-2.2-21.5-6.7c-4.6-4.5-6.9-11.2-6.9-20
+						v-30.1H83.9v-13.3h13.3v-20.7h17.7v20.7h18.3v13.3h-18.3v29.9c0,9.2,4.3,13.9,12.9,13.9C129.9,536.6,132.1,536.4,134.3,536.1"
+						/>
+					<path class="st1" d="M205.4,517.3h-47.1c0.6,6.4,2.5,11.2,5.8,14.3c3.3,3.1,8,4.7,14.2,4.7c7.6,0,14.6-2.5,20.9-7.4l5.1,12.2
+						c-3.2,2.6-7.2,4.8-12.1,6.4c-4.9,1.6-9.7,2.4-14.7,2.4c-11.3,0-20.3-3.2-26.8-9.6c-6.6-6.4-9.8-15.2-9.8-26.3
+						c0-7.1,1.4-13.4,4.2-18.8c2.8-5.5,6.8-9.7,12-12.7c5.1-3,11-4.5,17.5-4.5c9.5,0,17.1,3.1,22.6,9.2c5.5,6.1,8.3,14.6,8.3,25.3
+						V517.3z M163.6,494.8c-2.9,3-4.6,7.4-5.3,13h32c-0.2-5.8-1.6-10.1-4.2-13.1c-2.6-3-6.3-4.5-11-4.5
+						C170.2,490.3,166.4,491.8,163.6,494.8"/>
+					<path class="st1" d="M319.6,484.8c3.9,4.7,5.8,11.8,5.8,21.4v42.5h-17.7V507c0-5.3-0.9-9.1-2.7-11.5c-1.8-2.4-4.7-3.6-8.6-3.6
+						c-4.7,0-8.4,1.6-11,4.8c-2.6,3.2-4,7.7-4,13.4v38.6h-17.7V507c0-5.3-0.9-9.1-2.6-11.5c-1.7-2.4-4.6-3.6-8.7-3.6
+						c-4.6,0-8.3,1.6-10.9,4.8c-2.6,3.2-4,7.7-4,13.4v38.6h-17.7v-69.2h17.3v9.8c2.1-3.8,5-6.6,8.6-8.6c3.7-1.9,7.9-2.9,12.6-2.9
+						c10.5,0,17.4,4.3,20.8,13c2.2-4.1,5.3-7.2,9.3-9.6c4.1-2.3,8.6-3.5,13.6-3.5C309.9,477.8,315.7,480.1,319.6,484.8"/>
+					<polygon class="st1" points="430.3,479.7 447.7,479.7 417.4,548.7 402,548.7 372,479.7 390.7,479.7 410.2,528.5 					"/>
+					<path class="st1" d="M506.6,484.9c4.7,4.7,7.1,12,7.1,21.8v42h-16.8v-10.6c-1.6,3.7-4.1,6.6-7.6,8.6c-3.4,2.1-7.4,3.1-12,3.1
+						c-4.6,0-8.8-0.9-12.6-2.8c-3.8-1.9-6.7-4.5-8.9-7.8c-2.2-3.3-3.3-7-3.3-11c0-5.1,1.3-9.1,3.9-12c2.6-2.9,6.8-5,12.7-6.4
+						c5.9-1.3,13.9-2,24.2-2h3.5v-3.3c0-4.7-1-8.1-3-10.2c-2-2.1-5.4-3.1-10.1-3.1c-3.7,0-7.5,0.6-11.5,1.9c-4,1.3-8,3-11.8,5.3
+						l-5-12.2c3.9-2.5,8.5-4.5,14-6.1c5.5-1.6,10.7-2.4,15.6-2.4C494.7,477.8,501.9,480.2,506.6,484.9 M492.4,532.4
+						c3-3.2,4.5-7.2,4.5-12.2v-3h-2.5c-6.3,0-11.2,0.3-14.7,0.8c-3.5,0.6-6,1.6-7.5,3c-1.5,1.4-2.3,3.4-2.3,5.8c0,3,1,5.5,3.1,7.4
+						c2.1,1.9,4.7,2.9,7.9,2.9C485.5,537.1,489.4,535.5,492.4,532.4"/>
+					<path class="st1" d="M590.4,484.9c4.1,4.7,6.1,11.8,6.1,21.4v42.5h-17.7v-41.5c0-5.4-1-9.3-3-11.7c-2-2.5-5.2-3.7-9.6-3.7
+						c-5.1,0-9.2,1.6-12.2,4.8c-3.1,3.2-4.6,7.5-4.6,12.9v39.2h-17.7v-69.2h17.3v10.3c2.4-3.9,5.5-6.8,9.5-8.9
+						c4-2.1,8.4-3.1,13.4-3.1C580.1,477.8,586.3,480.2,590.4,484.9"/>
+					<path class="st1" d="M711.6,484.9c4.1,4.7,6.1,11.8,6.1,21.4v42.5h-17.7v-41.5c0-5.4-1-9.3-3-11.7c-2-2.5-5.2-3.7-9.6-3.7
+						c-5.1,0-9.2,1.6-12.2,4.8c-3.1,3.2-4.6,7.5-4.6,12.9v39.2h-17.7v-99.8h17.7v40.2c2.4-3.7,5.5-6.5,9.4-8.4
+						c3.9-1.9,8.3-2.9,13.1-2.9C701.3,477.8,707.5,480.2,711.6,484.9"/>
+					<path class="st1" d="M796.3,517.3h-47.1c0.6,6.4,2.5,11.2,5.8,14.3c3.3,3.1,8,4.7,14.2,4.7c7.6,0,14.6-2.5,20.9-7.4l5.1,12.2
+						c-3.2,2.6-7.2,4.8-12.1,6.4c-4.9,1.6-9.7,2.4-14.6,2.4c-11.3,0-20.3-3.2-26.8-9.6c-6.6-6.4-9.8-15.2-9.8-26.3
+						c0-7.1,1.4-13.4,4.2-18.8c2.8-5.5,6.8-9.7,12-12.7c5.1-3,11-4.5,17.5-4.5c9.5,0,17.1,3.1,22.6,9.2c5.5,6.1,8.3,14.6,8.3,25.3
+						V517.3z M754.5,494.8c-2.9,3-4.6,7.4-5.3,13h32c-0.2-5.8-1.6-10.1-4.2-13.1c-2.6-3-6.3-4.5-11-4.5
+						C761.2,490.3,757.4,491.8,754.5,494.8"/>
+					<path class="st1" d="M851.7,536.1l-0.8,13.2c-2.8,0.3-5.4,0.4-7.8,0.4c-9.7,0-16.9-2.2-21.5-6.7c-4.6-4.5-6.9-11.2-6.9-20
+						v-30.1h-13.3v-13.3h13.3v-20.7h17.7v20.7h18.3v13.3h-18.3v29.9c0,9.2,4.3,13.9,12.9,13.9C847.2,536.6,849.4,536.4,851.7,536.1"
+						/>
+					<path class="st1" d="M985.2,494.8v47.8c-4.5,2.3-10,4.1-16.5,5.4c-6.5,1.3-13,2-19.7,2c-10.3,0-19.2-2.1-26.8-6.2
+						c-7.6-4.1-13.3-10-17.3-17.7c-4-7.7-6-16.8-6-27.4c0-10.5,2-19.6,6-27.2c4-7.7,9.7-13.6,17.1-17.7c7.4-4.1,16.1-6.2,26.1-6.2
+						c7,0,13.5,1,19.7,3c6.1,2,11.2,4.9,15.3,8.7l-6.1,13.2c-4.6-3.6-9.2-6.2-13.7-7.7c-4.5-1.6-9.4-2.3-14.8-2.3
+						c-10.3,0-18,3-23.3,9.1c-5.2,6.1-7.9,15.1-7.9,27.1c0,24.5,10.8,36.8,32.3,36.8c6.4,0,12.8-0.9,19.3-2.7v-25.1h-21.5v-13H985.2
+						z"/>
+					<path class="st1" d="M1017.1,545.5c-5.3-2.9-9.5-7.1-12.4-12.6c-2.9-5.5-4.4-11.8-4.4-19.1c0-7.3,1.5-13.6,4.4-19
+						c2.9-5.4,7.1-9.6,12.4-12.5c5.3-2.9,11.5-4.4,18.6-4.4c7.1,0,13.3,1.5,18.6,4.4c5.3,2.9,9.4,7.1,12.3,12.5
+						c2.9,5.4,4.3,11.8,4.3,19c0,7.3-1.4,13.6-4.3,19.1c-2.9,5.5-7,9.7-12.3,12.6c-5.3,2.9-11.5,4.4-18.6,4.4
+						C1028.6,549.9,1022.4,548.4,1017.1,545.5 M1048.7,530.5c3-3.8,4.5-9.3,4.5-16.7c0-7.3-1.5-12.8-4.5-16.6c-3-3.8-7.4-5.7-13-5.7
+						c-5.7,0-10,1.9-13.1,5.7c-3.1,3.8-4.6,9.4-4.6,16.6c0,7.4,1.5,12.9,4.5,16.7c3,3.8,7.4,5.7,13,5.7
+						C1041.3,536.1,1045.7,534.2,1048.7,530.5"/>
+					<path class="st1" d="M1098.5,545.5c-5.3-2.9-9.5-7.1-12.4-12.6c-2.9-5.5-4.4-11.8-4.4-19.1c0-7.3,1.5-13.6,4.4-19
+						c2.9-5.4,7.1-9.6,12.4-12.5c5.3-2.9,11.5-4.4,18.6-4.4c7.1,0,13.3,1.5,18.6,4.4c5.3,2.9,9.4,7.1,12.3,12.5
+						c2.9,5.4,4.3,11.8,4.3,19c0,7.3-1.4,13.6-4.3,19.1c-2.9,5.5-7,9.7-12.3,12.6c-5.3,2.9-11.5,4.4-18.6,4.4
+						C1110,549.9,1103.8,548.4,1098.5,545.5 M1130.1,530.5c3-3.8,4.5-9.3,4.5-16.7c0-7.3-1.5-12.8-4.5-16.6c-3-3.8-7.4-5.7-13-5.7
+						c-5.7,0-10,1.9-13.1,5.7c-3.1,3.8-4.6,9.4-4.6,16.6c0,7.4,1.5,12.9,4.5,16.7c3,3.8,7.4,5.7,13,5.7
+						C1122.7,536.1,1127.1,534.2,1130.1,530.5"/>
+					<path class="st1" d="M1165.9,447.4h19.5v17.4h-19.5V447.4z M1166.9,479.5h17.7v69.2h-17.7V479.5z"/>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+<g id="Layer_1_copy" class="st2">
+	<g class="st3">
+		<g>
+			<g>
+				<path class="st0" d="M17,546.9c-6.7-2.1-12.4-5-17-8.8l6.1-13.3c4.8,3.7,9.9,6.4,15.2,8.1c5.3,1.7,11.1,2.5,17.3,2.5
+					c6.9,0,12.2-1.2,15.9-3.6c3.7-2.4,5.6-5.8,5.6-10.1c0-3.8-1.7-6.7-5.2-8.6c-3.4-2-9.2-3.9-17.2-5.7c-8.3-1.8-15.1-3.9-20.2-6.2
+					c-5.2-2.4-9.1-5.4-11.7-9.1c-2.6-3.7-4-8.4-4-14c0-5.8,1.6-11.1,4.8-15.7c3.2-4.6,7.7-8.2,13.6-10.8c5.9-2.6,12.6-3.9,20.2-3.9
+					c7,0,13.6,1.1,20,3.2c6.3,2.1,11.5,5,15.6,8.7l-6.1,13.3c-8.9-7.1-18.7-10.6-29.4-10.6c-6.4,0-11.5,1.3-15.2,3.9
+					c-3.7,2.6-5.6,6.2-5.6,10.8c0,3.9,1.6,6.8,5,8.9c3.3,2.1,8.9,4,16.8,5.8c8.4,1.9,15.2,4,20.5,6.3c5.2,2.3,9.2,5.3,12,8.8
+					c2.8,3.6,4.2,8.1,4.2,13.6c0,5.9-1.6,11.2-4.7,15.6c-3.2,4.5-7.7,7.9-13.7,10.3c-6,2.4-13,3.6-21.2,3.6
+					C30.9,550,23.7,549,17,546.9"/>
+				<path class="st0" d="M134.3,536.1l-0.8,13.2c-2.8,0.3-5.4,0.4-7.8,0.4c-9.7,0-16.9-2.2-21.5-6.7c-4.6-4.5-6.9-11.2-6.9-20v-30.1
+					H83.9v-13.3h13.3v-20.7h17.7v20.7h18.3v13.3h-18.3v29.9c0,9.2,4.3,13.9,12.9,13.9C129.9,536.6,132.1,536.4,134.3,536.1"/>
+				<path class="st0" d="M205.4,517.3h-47.1c0.6,6.4,2.5,11.2,5.8,14.3c3.3,3.1,8,4.7,14.2,4.7c7.6,0,14.6-2.5,20.9-7.4l5.1,12.2
+					c-3.2,2.6-7.2,4.8-12.1,6.4c-4.9,1.6-9.7,2.4-14.7,2.4c-11.3,0-20.3-3.2-26.8-9.6c-6.6-6.4-9.8-15.2-9.8-26.3
+					c0-7.1,1.4-13.4,4.2-18.8c2.8-5.5,6.8-9.7,12-12.7c5.1-3,11-4.5,17.5-4.5c9.5,0,17.1,3.1,22.6,9.2c5.5,6.1,8.3,14.6,8.3,25.3
+					V517.3z M163.6,494.8c-2.9,3-4.6,7.4-5.3,13h32c-0.2-5.8-1.6-10.1-4.2-13.1c-2.6-3-6.3-4.5-11-4.5
+					C170.2,490.3,166.4,491.8,163.6,494.8"/>
+				<path class="st0" d="M319.6,484.8c3.9,4.7,5.8,11.8,5.8,21.4v42.5h-17.7V507c0-5.3-0.9-9.1-2.7-11.5c-1.8-2.4-4.7-3.6-8.6-3.6
+					c-4.7,0-8.4,1.6-11,4.8c-2.6,3.2-4,7.7-4,13.4v38.6h-17.7V507c0-5.3-0.9-9.1-2.6-11.5c-1.7-2.4-4.6-3.6-8.7-3.6
+					c-4.6,0-8.3,1.6-10.9,4.8c-2.6,3.2-4,7.7-4,13.4v38.6h-17.7v-69.2h17.3v9.8c2.1-3.8,5-6.6,8.6-8.6c3.7-1.9,7.9-2.9,12.6-2.9
+					c10.5,0,17.4,4.3,20.8,13c2.2-4.1,5.3-7.2,9.3-9.6c4.1-2.3,8.6-3.5,13.6-3.5C309.9,477.8,315.7,480.1,319.6,484.8"/>
+				<polygon class="st0" points="430.3,479.7 447.7,479.7 417.4,548.7 402,548.7 372,479.7 390.7,479.7 410.2,528.5 				"/>
+				<path class="st0" d="M506.6,484.9c4.7,4.7,7.1,12,7.1,21.8v42h-16.8v-10.6c-1.6,3.7-4.1,6.6-7.6,8.6c-3.4,2.1-7.4,3.1-12,3.1
+					c-4.6,0-8.8-0.9-12.6-2.8c-3.8-1.9-6.7-4.5-8.9-7.8c-2.2-3.3-3.3-7-3.3-11c0-5.1,1.3-9.1,3.9-12c2.6-2.9,6.8-5,12.7-6.4
+					c5.9-1.3,13.9-2,24.2-2h3.5v-3.3c0-4.7-1-8.1-3-10.2c-2-2.1-5.4-3.1-10.1-3.1c-3.7,0-7.5,0.6-11.5,1.9c-4,1.3-8,3-11.8,5.3
+					l-5-12.2c3.9-2.5,8.5-4.5,14-6.1c5.5-1.6,10.7-2.4,15.6-2.4C494.7,477.8,501.9,480.2,506.6,484.9 M492.4,532.4
+					c3-3.2,4.5-7.2,4.5-12.2v-3h-2.5c-6.3,0-11.2,0.3-14.7,0.8c-3.5,0.6-6,1.6-7.5,3c-1.5,1.4-2.3,3.4-2.3,5.8c0,3,1,5.5,3.1,7.4
+					c2.1,1.9,4.7,2.9,7.9,2.9C485.5,537.1,489.4,535.5,492.4,532.4"/>
+				<path class="st0" d="M590.4,484.9c4.1,4.7,6.1,11.8,6.1,21.4v42.5h-17.7v-41.5c0-5.4-1-9.3-3-11.7c-2-2.5-5.2-3.7-9.6-3.7
+					c-5.1,0-9.2,1.6-12.2,4.8c-3.1,3.2-4.6,7.5-4.6,12.9v39.2h-17.7v-69.2h17.3v10.3c2.4-3.9,5.5-6.8,9.5-8.9
+					c4-2.1,8.4-3.1,13.4-3.1C580.1,477.8,586.3,480.2,590.4,484.9"/>
+				<path class="st0" d="M711.6,484.9c4.1,4.7,6.1,11.8,6.1,21.4v42.5h-17.7v-41.5c0-5.4-1-9.3-3-11.7c-2-2.5-5.2-3.7-9.6-3.7
+					c-5.1,0-9.2,1.6-12.2,4.8c-3.1,3.2-4.6,7.5-4.6,12.9v39.2h-17.7v-99.8h17.7v40.2c2.4-3.7,5.5-6.5,9.4-8.4
+					c3.9-1.9,8.3-2.9,13.1-2.9C701.3,477.8,707.5,480.2,711.6,484.9"/>
+				<path class="st0" d="M796.3,517.3h-47.1c0.6,6.4,2.5,11.2,5.8,14.3c3.3,3.1,8,4.7,14.2,4.7c7.6,0,14.6-2.5,20.9-7.4l5.1,12.2
+					c-3.2,2.6-7.2,4.8-12.1,6.4c-4.9,1.6-9.7,2.4-14.6,2.4c-11.3,0-20.3-3.2-26.8-9.6c-6.6-6.4-9.8-15.2-9.8-26.3
+					c0-7.1,1.4-13.4,4.2-18.8c2.8-5.5,6.8-9.7,12-12.7c5.1-3,11-4.5,17.5-4.5c9.5,0,17.1,3.1,22.6,9.2c5.5,6.1,8.3,14.6,8.3,25.3
+					V517.3z M754.5,494.8c-2.9,3-4.6,7.4-5.3,13h32c-0.2-5.8-1.6-10.1-4.2-13.1c-2.6-3-6.3-4.5-11-4.5
+					C761.2,490.3,757.4,491.8,754.5,494.8"/>
+				<path class="st0" d="M851.7,536.1l-0.8,13.2c-2.8,0.3-5.4,0.4-7.8,0.4c-9.7,0-16.9-2.2-21.5-6.7c-4.6-4.5-6.9-11.2-6.9-20v-30.1
+					h-13.3v-13.3h13.3v-20.7h17.7v20.7h18.3v13.3h-18.3v29.9c0,9.2,4.3,13.9,12.9,13.9C847.2,536.6,849.4,536.4,851.7,536.1"/>
+				<path class="st0" d="M985.2,494.8v47.8c-4.5,2.3-10,4.1-16.5,5.4c-6.5,1.3-13,2-19.7,2c-10.3,0-19.2-2.1-26.8-6.2
+					c-7.6-4.1-13.3-10-17.3-17.7c-4-7.7-6-16.8-6-27.4c0-10.5,2-19.6,6-27.2c4-7.7,9.7-13.6,17.1-17.7c7.4-4.1,16.1-6.2,26.1-6.2
+					c7,0,13.5,1,19.7,3c6.1,2,11.2,4.9,15.3,8.7l-6.1,13.2c-4.6-3.6-9.2-6.2-13.7-7.7c-4.5-1.6-9.4-2.3-14.8-2.3
+					c-10.3,0-18,3-23.3,9.1c-5.2,6.1-7.9,15.1-7.9,27.1c0,24.5,10.8,36.8,32.3,36.8c6.4,0,12.8-0.9,19.3-2.7v-25.1h-21.5v-13H985.2z
+					"/>
+				<path class="st0" d="M1017.1,545.5c-5.3-2.9-9.5-7.1-12.4-12.6c-2.9-5.5-4.4-11.8-4.4-19.1c0-7.3,1.5-13.6,4.4-19
+					c2.9-5.4,7.1-9.6,12.4-12.5c5.3-2.9,11.5-4.4,18.6-4.4c7.1,0,13.3,1.5,18.6,4.4c5.3,2.9,9.4,7.1,12.3,12.5
+					c2.9,5.4,4.3,11.8,4.3,19c0,7.3-1.4,13.6-4.3,19.1c-2.9,5.5-7,9.7-12.3,12.6c-5.3,2.9-11.5,4.4-18.6,4.4
+					C1028.6,549.9,1022.4,548.4,1017.1,545.5 M1048.7,530.5c3-3.8,4.5-9.3,4.5-16.7c0-7.3-1.5-12.8-4.5-16.6c-3-3.8-7.4-5.7-13-5.7
+					c-5.7,0-10,1.9-13.1,5.7c-3.1,3.8-4.6,9.4-4.6,16.6c0,7.4,1.5,12.9,4.5,16.7c3,3.8,7.4,5.7,13,5.7
+					C1041.3,536.1,1045.7,534.2,1048.7,530.5"/>
+				<path class="st0" d="M1098.5,545.5c-5.3-2.9-9.5-7.1-12.4-12.6c-2.9-5.5-4.4-11.8-4.4-19.1c0-7.3,1.5-13.6,4.4-19
+					c2.9-5.4,7.1-9.6,12.4-12.5c5.3-2.9,11.5-4.4,18.6-4.4c7.1,0,13.3,1.5,18.6,4.4c5.3,2.9,9.4,7.1,12.3,12.5
+					c2.9,5.4,4.3,11.8,4.3,19c0,7.3-1.4,13.6-4.3,19.1c-2.9,5.5-7,9.7-12.3,12.6c-5.3,2.9-11.5,4.4-18.6,4.4
+					C1110,549.9,1103.8,548.4,1098.5,545.5 M1130.1,530.5c3-3.8,4.5-9.3,4.5-16.7c0-7.3-1.5-12.8-4.5-16.6c-3-3.8-7.4-5.7-13-5.7
+					c-5.7,0-10,1.9-13.1,5.7c-3.1,3.8-4.6,9.4-4.6,16.6c0,7.4,1.5,12.9,4.5,16.7c3,3.8,7.4,5.7,13,5.7
+					C1122.7,536.1,1127.1,534.2,1130.1,530.5"/>
+				<path class="st0" d="M1165.9,447.4h19.5v17.4h-19.5V447.4z M1166.9,479.5h17.7v69.2h-17.7V479.5z"/>
+			</g>
+		</g>
+	</g>
+	<path class="st4" d="M15.1,363.1h90.5c8.3,0,15.1-6.7,15.1-15.1v-45.2l40.6,48.6c7.5,7.5,17.7,11.7,28.3,11.7h97
+		c8.3,0,15.1-6.7,15.1-15.1V76.6c0-8.3-6.7-15.1-15.1-15.1H196c-8.3,0-15.1,6.7-15.1,15.1v45.2l-40.6-48.6
+		c-7.5-7.5-17.7-11.7-28.3-11.7h-97C6.8,61.5,0,68.3,0,76.6V348C0,356.3,6.8,363.1,15.1,363.1z M54.3,130.9c0-5,4.1-9,9-9h48.2
+		c5,0,9,4.1,9,9v51.3H181l0-60.3h57.3c5,0,9,4.1,9,9v162.8c0,5-4,9-9,9H190c-5,0-9-4-9-9v-51.3h-60.4v60.3H63.3c-5,0-9-4-9-9V130.9z
+		"/>
+	<path class="st4" d="M411.9,424.7c4.2,0,7.6-3.4,7.6-7.6V7.6c0-4.2-3.4-7.6-7.6-7.6c-4.2,0-7.6,3.4-7.6,7.6v409.6
+		C404.4,421.3,407.7,424.7,411.9,424.7z"/>
+	<path class="st4" d="M1169.9,61.5h-632c-8.6,0-15.6,7-15.6,15.6v270.3c0,8.6,7,15.6,15.6,15.6h632c8.6,0,15.6-7,15.6-15.6V77.1
+		C1185.4,68.5,1178.5,61.5,1169.9,61.5z M745,291.9c-8.4,4.2-18.5,7.5-30.4,9.9c-11.9,2.4-24.1,3.7-36.5,3.7
+		c-19,0-35.4-3.8-49.4-11.4c-13.9-7.6-24.6-18.5-32-32.7c-7.4-14.2-11.1-31-11.1-50.6c0-19.3,3.7-36.1,11.1-50.3
+		c7.4-14.2,17.9-25.1,31.6-32.7c13.7-7.6,29.7-11.4,48.2-11.4c12.9,0,25,1.9,36.3,5.6c11.3,3.7,20.7,9.1,28.2,16.1l-11.2,24.3
+		c-8.5-6.6-16.9-11.4-25.2-14.2c-8.3-2.9-17.4-4.3-27.3-4.3c-19,0-33.3,5.6-43,16.9c-9.7,11.2-14.5,27.9-14.5,50
+		c0,45.3,19.9,67.9,59.6,67.9c11.8,0,23.7-1.7,35.5-5v-46.2h-39.7v-24H745V291.9z M895.4,273.9c-5.3,10.1-12.9,17.9-22.7,23.3
+		c-9.8,5.4-21.3,8.1-34.4,8.1c-13.1,0-24.5-2.7-34.4-8.1c-9.8-5.4-17.5-13.1-22.9-23.3c-5.4-10.1-8.1-21.9-8.1-35.3
+		c0-13.4,2.7-25.1,8.1-35.1c5.4-10,13-17.7,22.9-23.1c9.8-5.4,21.3-8.1,34.4-8.1c13.1,0,24.5,2.7,34.4,8.1
+		c9.8,5.4,17.4,13.1,22.7,23.1c5.3,10,8,21.7,8,35.1C903.4,252,900.7,263.8,895.4,273.9z M1045.6,273.9
+		c-5.3,10.1-12.9,17.9-22.7,23.3c-9.8,5.4-21.3,8.1-34.4,8.1c-13.1,0-24.5-2.7-34.4-8.1c-9.8-5.4-17.5-13.1-22.9-23.3
+		c-5.4-10.1-8.1-21.9-8.1-35.3c0-13.4,2.7-25.1,8.1-35.1c5.4-10,13-17.7,22.9-23.1c9.8-5.4,21.3-8.1,34.4-8.1
+		c13.1,0,24.5,2.7,34.4,8.1c9.8,5.4,17.4,13.1,22.7,23.1c5.3,10,8,21.7,8,35.1C1053.6,252,1051,263.8,1045.6,273.9z M1113.2,303.1
+		h-32.7V175.4h32.7V303.1z M1114.8,153h-36.1v-32.1h36.1V153z"/>
+	<path class="st4" d="M838.3,197.3c-10.5,0-18.5,3.5-24.2,10.6c-5.7,7.1-8.5,17.3-8.5,30.7c0,13.6,2.8,23.9,8.4,30.8
+		c5.6,7,13.6,10.5,24,10.5c10.6,0,18.7-3.5,24.3-10.5c5.6-7,8.4-17.2,8.4-30.8c0-13.4-2.8-23.6-8.4-30.7
+		C856.8,200.8,848.8,197.3,838.3,197.3z"/>
+	<path class="st4" d="M988.6,197.3c-10.5,0-18.5,3.5-24.2,10.6c-5.7,7.1-8.5,17.3-8.5,30.7c0,13.6,2.8,23.9,8.4,30.8
+		c5.6,7,13.6,10.5,24,10.5c10.6,0,18.7-3.5,24.3-10.5c5.6-7,8.4-17.2,8.4-30.8c0-13.4-2.8-23.6-8.4-30.7
+		C1007,200.8,999,197.3,988.6,197.3z"/>
+</g>
+</svg>

public/images/logo-NHGooi-televisie.svg

@@ -0,0 +1,84 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<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"
+	 viewBox="0 0 119 42.7" style="enable-background:new 0 0 119 42.7;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+	.st1{fill:#0017A0;}
+</style>
+<g>
+	<g>
+		<defs>
+			<path id="SVGID_1_" d="M54,6.2c-0.9,0-1.6,0.7-1.6,1.6v27.1c0,0.9,0.7,1.6,1.6,1.6h13.7c1.1,0,2.1,0.4,2.8,1.2l2.7,3.2
+				c0.7,0.9,1.9,1.4,3,1.4h41.3c0.9,0,1.6-0.7,1.6-1.6v-33c0-0.9-0.7-1.6-1.6-1.6H54z"/>
+		</defs>
+		<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="52.4293" y1="24.2191" x2="119" y2="24.2191">
+			<stop  offset="2.612876e-04" style="stop-color:#0000AF"/>
+			<stop  offset="0.2194" style="stop-color:#142DBF"/>
+			<stop  offset="0.4641" style="stop-color:#2758CF"/>
+			<stop  offset="0.6846" style="stop-color:#3577DA"/>
+			<stop  offset="0.8707" style="stop-color:#3E8AE1"/>
+			<stop  offset="1" style="stop-color:#4191E3"/>
+		</linearGradient>
+		<use xlink:href="#SVGID_1_"  style="overflow:visible;fill:url(#SVGID_2_);"/>
+		<clipPath id="SVGID_3_">
+			<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
+		</clipPath>
+	</g>
+	<g>
+		<path class="st0" d="M78.8,38.8v-3.7h-1.4v-0.7H81v0.7h-1.4v3.7H78.8z"/>
+		<path class="st0" d="M82.2,38.8v-4.3h2.9v0.6h-2.1v1.2h2v0.6h-2v1.3h2.1v0.6H82.2z"/>
+		<path class="st0" d="M86.4,38.8v-4.3h0.8v3.7h2v0.7H86.4z"/>
+		<path class="st0" d="M90.4,38.8v-4.3h2.9v0.6h-2.1v1.2h2v0.6h-2v1.3h2.1v0.6H90.4z"/>
+		<path class="st0" d="M97.8,34.4h0.8l-1.9,4.3h-0.6l-1.9-4.3h0.8l1.4,3.3L97.8,34.4z"/>
+		<path class="st0" d="M99.6,38.8v-4.3h0.8v4.3H99.6z"/>
+		<path class="st0" d="M102.5,38.7c-0.3-0.1-0.5-0.2-0.7-0.4l0.3-0.6c0.2,0.2,0.4,0.3,0.7,0.3c0.2,0.1,0.5,0.1,0.8,0.1
+			c0.3,0,0.5-0.1,0.7-0.2c0.2-0.1,0.2-0.3,0.2-0.4c0-0.2-0.1-0.3-0.2-0.4c-0.1-0.1-0.4-0.2-0.7-0.2c-0.4-0.1-0.7-0.2-0.9-0.3
+			c-0.2-0.1-0.4-0.2-0.5-0.4c-0.1-0.2-0.2-0.4-0.2-0.6c0-0.3,0.1-0.5,0.2-0.7c0.1-0.2,0.3-0.4,0.6-0.5c0.3-0.1,0.5-0.2,0.9-0.2
+			c0.3,0,0.6,0,0.9,0.1c0.3,0.1,0.5,0.2,0.7,0.4l-0.3,0.6c-0.4-0.3-0.8-0.5-1.3-0.5c-0.3,0-0.5,0.1-0.7,0.2
+			c-0.2,0.1-0.2,0.3-0.2,0.5c0,0.2,0.1,0.3,0.2,0.4c0.1,0.1,0.4,0.2,0.7,0.3c0.4,0.1,0.7,0.2,0.9,0.3c0.2,0.1,0.4,0.2,0.5,0.4
+			c0.1,0.2,0.2,0.4,0.2,0.6c0,0.3-0.1,0.5-0.2,0.7c-0.1,0.2-0.3,0.3-0.6,0.4c-0.3,0.1-0.6,0.2-0.9,0.2
+			C103.1,38.8,102.8,38.8,102.5,38.7z"/>
+		<path class="st0" d="M106.5,38.8v-4.3h0.8v4.3H106.5z"/>
+		<path class="st0" d="M108.9,38.8v-4.3h2.9v0.6h-2.1v1.2h2v0.6h-2v1.3h2.1v0.6H108.9z"/>
+	</g>
+	<path class="st1" d="M41.3,42.6c-0.4,0-0.8-0.3-0.8-0.8V0.8c0-0.4,0.3-0.8,0.8-0.8c0.4,0,0.8,0.3,0.8,0.8v41.1
+		C42.1,42.3,41.8,42.6,41.3,42.6"/>
+	<g>
+		<path class="st0" d="M74.8,20.4v8.9c-0.8,0.4-1.9,0.8-3.1,1c-1.2,0.2-2.4,0.4-3.7,0.4c-1.9,0-3.6-0.4-5-1.1
+			c-1.4-0.8-2.5-1.9-3.2-3.3c-0.7-1.4-1.1-3.1-1.1-5.1c0-1.9,0.4-3.6,1.1-5c0.7-1.4,1.8-2.5,3.2-3.3c1.4-0.8,3-1.1,4.8-1.1
+			c1.3,0,2.5,0.2,3.6,0.6c1.1,0.4,2.1,0.9,2.8,1.6l-1.1,2.4c-0.9-0.7-1.7-1.1-2.5-1.4c-0.8-0.3-1.7-0.4-2.7-0.4
+			c-1.9,0-3.3,0.6-4.3,1.7c-1,1.1-1.5,2.8-1.5,5c0,4.5,2,6.8,6,6.8c1.2,0,2.4-0.2,3.6-0.5v-4.6h-4v-2.4H74.8z"/>
+		<path class="st0" d="M80.7,29.8c-1-0.5-1.8-1.3-2.3-2.3c-0.5-1-0.8-2.2-0.8-3.5c0-1.3,0.3-2.5,0.8-3.5c0.5-1,1.3-1.8,2.3-2.3
+			c1-0.5,2.1-0.8,3.4-0.8c1.3,0,2.5,0.3,3.4,0.8c1,0.5,1.7,1.3,2.3,2.3c0.5,1,0.8,2.2,0.8,3.5c0,1.3-0.3,2.5-0.8,3.5
+			c-0.5,1-1.3,1.8-2.3,2.3c-1,0.5-2.1,0.8-3.4,0.8C82.8,30.6,81.7,30.4,80.7,29.8 M86.6,27c0.6-0.7,0.8-1.7,0.8-3.1
+			c0-1.3-0.3-2.4-0.8-3.1c-0.6-0.7-1.4-1.1-2.4-1.1c-1,0-1.9,0.4-2.4,1.1c-0.6,0.7-0.9,1.7-0.9,3.1c0,1.4,0.3,2.4,0.8,3.1
+			c0.6,0.7,1.4,1,2.4,1C85.2,28.1,86,27.7,86.6,27"/>
+		<path class="st0" d="M95.8,29.8c-1-0.5-1.8-1.3-2.3-2.3c-0.5-1-0.8-2.2-0.8-3.5c0-1.3,0.3-2.5,0.8-3.5c0.5-1,1.3-1.8,2.3-2.3
+			c1-0.5,2.1-0.8,3.4-0.8c1.3,0,2.5,0.3,3.4,0.8c1,0.5,1.7,1.3,2.3,2.3c0.5,1,0.8,2.2,0.8,3.5c0,1.3-0.3,2.5-0.8,3.5
+			c-0.5,1-1.3,1.8-2.3,2.3c-1,0.5-2.1,0.8-3.4,0.8C97.9,30.6,96.8,30.4,95.8,29.8 M101.6,27c0.6-0.7,0.8-1.7,0.8-3.1
+			c0-1.3-0.3-2.4-0.8-3.1c-0.6-0.7-1.4-1.1-2.4-1.1c-1,0-1.9,0.4-2.4,1.1C96.2,21.6,96,22.6,96,24c0,1.4,0.3,2.4,0.8,3.1
+			c0.6,0.7,1.4,1,2.4,1C100.3,28.1,101.1,27.7,101.6,27"/>
+		<path class="st0" d="M108.3,12.1h3.6v3.2h-3.6V12.1z M108.5,17.6h3.3v12.8h-3.3V17.6z"/>
+	</g>
+	<g>
+		<g>
+			<defs>
+				<path id="SVGID_4_" d="M19.7,6.2c-0.8,0-1.5,0.7-1.5,1.5v4.5l-4.1-4.9c-0.8-0.8-1.8-1.2-2.8-1.2H1.5C0.7,6.2,0,6.9,0,7.7v27.2
+					c0,0.8,0.7,1.5,1.5,1.5h9.1c0.8,0,1.5-0.7,1.5-1.5v-4.5l4.1,4.9c0.8,0.8,1.8,1.2,2.8,1.2h9.7c0.8,0,1.5-0.7,1.5-1.5V7.7
+					c0-0.8-0.7-1.5-1.5-1.5H19.7z"/>
+			</defs>
+			<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="0" y1="21.3127" x2="30.2681" y2="21.3127">
+				<stop  offset="0" style="stop-color:#0017A0"/>
+				<stop  offset="1" style="stop-color:#41A5F7"/>
+			</linearGradient>
+			<use xlink:href="#SVGID_4_"  style="overflow:visible;fill:url(#SVGID_5_);"/>
+			<clipPath id="SVGID_6_">
+				<use xlink:href="#SVGID_4_"  style="overflow:visible;"/>
+			</clipPath>
+		</g>
+		<path class="st0" d="M24.8,29.5c0,0.5-0.4,0.9-0.9,0.9h-4.8c-0.5,0-0.9-0.4-0.9-0.9v-5.1h-6.1v6.1H6.4c-0.5,0-0.9-0.4-0.9-0.9
+			V13.1c0-0.5,0.4-0.9,0.9-0.9h4.8c0.5,0,0.9,0.4,0.9,0.9v5.1h6.1l0-6.1h5.7c0.5,0,0.9,0.4,0.9,0.9V29.5z"/>
+	</g>
+</g>
+</svg>

public/images/logo-NHGooi.svg

@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<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"
+	 viewBox="0 0 119 42.6" style="enable-background:new 0 0 119 42.6;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+	.st1{fill:#0017A0;}
+</style>
+<g>
+	<g>
+		<g>
+			<defs>
+				<path id="SVGID_7_" d="M19.7,6.2c-0.8,0-1.5,0.7-1.5,1.5v4.5l-4.1-4.9c-0.8-0.8-1.8-1.2-2.8-1.2H1.5C0.7,6.2,0,6.9,0,7.7v27.2
+					c0,0.8,0.7,1.5,1.5,1.5h9.1c0.8,0,1.5-0.7,1.5-1.5v-4.5l4.1,4.9c0.8,0.8,1.8,1.2,2.8,1.2h9.7c0.8,0,1.5-0.7,1.5-1.5V7.7
+					c0-0.8-0.7-1.5-1.5-1.5H19.7z"/>
+			</defs>
+			<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="0" y1="21.3127" x2="30.2681" y2="21.3127">
+				<stop  offset="0" style="stop-color:#0017A0"/>
+				<stop  offset="1" style="stop-color:#41A5F7"/>
+			</linearGradient>
+			<use xlink:href="#SVGID_7_"  style="overflow:visible;fill:url(#SVGID_1_);"/>
+			<clipPath id="SVGID_2_">
+				<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+			</clipPath>
+		</g>
+		<path class="st0" d="M24.8,29.5c0,0.5-0.4,0.9-0.9,0.9h-4.8c-0.5,0-0.9-0.4-0.9-0.9v-5.1h-6.1v6.1H6.4c-0.5,0-0.9-0.4-0.9-0.9
+			V13.1c0-0.5,0.4-0.9,0.9-0.9h4.8c0.5,0,0.9,0.4,0.9,0.9v5.1h6.1l0-6.1h5.7c0.5,0,0.9,0.4,0.9,0.9V29.5z"/>
+	</g>
+	<path class="st1" d="M41.3,42.6c-0.4,0-0.8-0.3-0.8-0.8V0.8c0-0.4,0.3-0.8,0.8-0.8c0.4,0,0.8,0.3,0.8,0.8v41.1
+		C42.1,42.3,41.8,42.6,41.3,42.6"/>
+	<g>
+		<defs>
+			<path id="SVGID_10_" d="M54,6.2c-0.9,0-1.6,0.7-1.6,1.6v27.1c0,0.9,0.7,1.6,1.6,1.6h63.4c0.9,0,1.6-0.7,1.6-1.6V7.7
+				c0-0.9-0.7-1.6-1.6-1.6H54z"/>
+		</defs>
+		<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="52.4293" y1="21.3127" x2="119" y2="21.3127">
+			<stop  offset="0" style="stop-color:#0017A0"/>
+			<stop  offset="0.9999" style="stop-color:#41A5F7"/>
+		</linearGradient>
+		<use xlink:href="#SVGID_10_"  style="overflow:visible;fill:url(#SVGID_3_);"/>
+		<clipPath id="SVGID_4_">
+			<use xlink:href="#SVGID_10_"  style="overflow:visible;"/>
+		</clipPath>
+	</g>
+	<g>
+		<path class="st0" d="M74.8,20.4v8.9c-0.8,0.4-1.9,0.8-3.1,1c-1.2,0.2-2.4,0.4-3.7,0.4c-1.9,0-3.6-0.4-5-1.1
+			c-1.4-0.8-2.5-1.9-3.2-3.3c-0.7-1.4-1.1-3.1-1.1-5.1c0-1.9,0.4-3.6,1.1-5c0.7-1.4,1.8-2.5,3.2-3.3c1.4-0.8,3-1.1,4.8-1.1
+			c1.3,0,2.5,0.2,3.6,0.6c1.1,0.4,2.1,0.9,2.8,1.6l-1.1,2.4c-0.9-0.7-1.7-1.1-2.5-1.4c-0.8-0.3-1.7-0.4-2.7-0.4
+			c-1.9,0-3.3,0.6-4.3,1.7c-1,1.1-1.5,2.8-1.5,5c0,4.5,2,6.8,6,6.8c1.2,0,2.4-0.2,3.6-0.5v-4.6h-4v-2.4H74.8z"/>
+		<path class="st0" d="M80.7,29.8c-1-0.5-1.8-1.3-2.3-2.3c-0.5-1-0.8-2.2-0.8-3.5c0-1.3,0.3-2.5,0.8-3.5c0.5-1,1.3-1.8,2.3-2.3
+			c1-0.5,2.1-0.8,3.4-0.8c1.3,0,2.5,0.3,3.4,0.8c1,0.5,1.7,1.3,2.3,2.3c0.5,1,0.8,2.2,0.8,3.5c0,1.3-0.3,2.5-0.8,3.5
+			c-0.5,1-1.3,1.8-2.3,2.3c-1,0.5-2.1,0.8-3.4,0.8C82.8,30.6,81.7,30.4,80.7,29.8 M86.6,27c0.6-0.7,0.8-1.7,0.8-3.1
+			c0-1.3-0.3-2.4-0.8-3.1c-0.6-0.7-1.4-1.1-2.4-1.1c-1,0-1.9,0.4-2.4,1.1c-0.6,0.7-0.9,1.7-0.9,3.1c0,1.4,0.3,2.4,0.8,3.1
+			c0.6,0.7,1.4,1,2.4,1C85.2,28.1,86,27.7,86.6,27"/>
+		<path class="st0" d="M95.8,29.8c-1-0.5-1.8-1.3-2.3-2.3c-0.5-1-0.8-2.2-0.8-3.5c0-1.3,0.3-2.5,0.8-3.5c0.5-1,1.3-1.8,2.3-2.3
+			c1-0.5,2.1-0.8,3.4-0.8c1.3,0,2.5,0.3,3.4,0.8c1,0.5,1.7,1.3,2.3,2.3c0.5,1,0.8,2.2,0.8,3.5c0,1.3-0.3,2.5-0.8,3.5
+			c-0.5,1-1.3,1.8-2.3,2.3c-1,0.5-2.1,0.8-3.4,0.8C97.9,30.6,96.8,30.4,95.8,29.8 M101.6,27c0.6-0.7,0.8-1.7,0.8-3.1
+			c0-1.3-0.3-2.4-0.8-3.1c-0.6-0.7-1.4-1.1-2.4-1.1c-1,0-1.9,0.4-2.4,1.1C96.2,21.6,96,22.6,96,24c0,1.4,0.3,2.4,0.8,3.1
+			c0.6,0.7,1.4,1,2.4,1C100.3,28.1,101.1,27.7,101.6,27"/>
+		<path class="st0" d="M108.3,12.1h3.6v3.2h-3.6V12.1z M108.5,17.6h3.3v12.8h-3.3V17.6z"/>
+	</g>
+</g>
+</svg>

public/images/menu-corner-1.svg

@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="34"
+   height="26"
+   viewBox="0 0 8.9958332 6.8791669"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)"
+   sodipodi:docname="menu-corner-1.svg">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="31.678384"
+     inkscape:cx="9.4317006"
+     inkscape:cy="12.355444"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer2"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="2560"
+     inkscape:window-height="1361"
+     inkscape:window-x="2551"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Laag 2"
+     style="display:inline">
+    <path
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.26458332;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="M 0,9.0917965e-6 C 2.8799113,0.27686232 3.5863216,2.3699288 4.9695427,3.897441 6.4170886,5.942146 7.6749074,6.5222346 8.9958332,6.8791756 H 0 Z"
+       id="path5672"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccc" />
+  </g>
+</svg>

public/images/menu-corner-2.svg

@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="10"
+   height="12"
+   viewBox="0 0 2.6458333 3.1750001"
+   version="1.1"
+   id="svg5680"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)"
+   sodipodi:docname="menu-corner-2.svg">
+  <defs
+     id="defs5674" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="89.6"
+     inkscape:cx="6.9181539"
+     inkscape:cy="6.1002975"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer5"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="2560"
+     inkscape:window-height="1361"
+     inkscape:window-x="2551"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5677">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Laag 3">
+    <path
+       style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="M 2.6458332,4.7683716e-8 2.4893276,0.00354351 C 2.4502737,0.9722502 2.061771,2.350913 -0.00295294,2.9417179 L 0,3.1749894 2.6458332,3.175 Z"
+       id="path6274"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccc" />
+  </g>
+</svg>

public/js/functions.js

@@ -0,0 +1,317 @@
+function calculateSize(targetId, tries) {
+  if (tries == undefined) {
+    tries = 0;
+  }
+  setTimeout(function(){
+    if (($('#' + targetId).children(":first").height() == 0 || $('#' + targetId).children(":first").width() == 0) && tries < 4) {
+      calculateSize(targetId, tries + 1);
+    } else {
+      $('#' + targetId).height($('#' + targetId).children(":first").height());
+      $('#' + targetId).width($('#' + targetId).children(":first").width());
+    }
+  }, 500);
+  $('#' + targetId).css({backgroundColor: 'transparent'});
+}
+
+$(document).ready(function(){
+  $('#changePreferences, .cc_b_cp').click(function(){
+    $('#title_targeting').parent('li').hide();
+    $('#content_targeting').hide();
+  });
+});
+
+(function ($) {
+   /**
+   * @param {object} _options
+   */
+  $.fn.loadMoreNews = function (_options) {
+    var isLoading = false;
+    var page = 1;
+    var options = {
+      loadingElementId: '#loading',
+      container: '',
+      url: document.location.pathname,
+      nextPage: 2
+    };
+
+    $.extend(options, _options);
+    var $isLoading = $(options.loadingElementId, this);
+    $isLoading.hide();
+
+    this.click(function (e) {
+      e.preventDefault();
+      if (!isLoading) {
+        // Set flag and update UI
+        isLoading = 1;
+        $isLoading.show();
+        var $button = $(this).attr("disabled", "disabled");
+        var $container = $(options.container)
+
+        // Fire request for the next page
+        $.ajax({url: options.url + (options.url.indexOf('?') >= 0 ? '&' : '?') + 'pagina=' + options.nextPage})
+          .always(function () {
+            // Whether success or failure, update the UI again
+            isLoading = 0;
+            $isLoading.hide();
+            $button.removeAttr("disabled");
+          })
+          .done(function (data) {
+            if (!data) {
+              // When no data was returned, disable the button permanently
+              page = -1;
+              $button.attr("disabled", "disabled").text("Geen nieuws meer.");
+              return;
+            }
+
+            $container.each(function () {
+              var id = this.toString();
+              $(id).append($('<div>'+data+'</div>').find(id).length ? $('<div>'+data+'</div>').find(id).children() : $(data));
+            });
+            ++options.nextPage;
+          });
+      }
+    });
+  };
+
+}(jQuery));
+
+$(function () {
+  $('[data-loadmorenews]').each(function () {
+    $(this).loadMoreNews($(this).data('loadmorenews'));
+  });
+});
+
+(function ($) {
+
+  /**
+   * @param {object} _options
+   */
+  $.fn.menu = function (_options) {
+    var options = {
+      menuSubmenuClass: 'has_submenu'
+    };
+    $.extend(options, _options);
+    var $menus = $(this).children('.' + options.menuSubmenuClass);
+    var $container = $(this);
+
+    $menus.on( "mouseenter", function () {
+      var $menuItem = $(this);
+      $('.menu-submenu > ul.submenu').slideUp(400, function(){$(this).closest('.menu-submenu').remove()});
+      $('.hover', $container).removeClass('hover');
+      $menuItem.addClass('hover');
+      var submenu = $('<div style="width: ' + $menuItem.outerWidth() + 'px"><a href="' + $menuItem.find('a').attr('href') + '" style="width: ' + $menuItem.outerWidth() + 'px"></a></div>').append($menuItem.children('ul.submenu').clone());
+      var pos = $menuItem.offset();
+      submenu.addClass('menu-submenu').css({top: pos.top, left: pos.left});
+      submenu.on( "mouseleave", function() {
+        $('.menu-submenu > ul.submenu').slideUp(400, function(){$(this).closest('.menu-submenu').remove()});
+        $menuItem.removeClass('hover');
+      } );
+      $('body').append(submenu);
+      submenu.children('ul.submenu').slideDown();
+
+      submenu.find('ul.submenu').subMenu({});
+      openPlayerInNewScreen();
+    });
+  };
+
+  /**
+   * @param {object} _options
+   */
+  $.fn.subMenu = function (_options) {
+    var options = {
+      menuSubmenuClass: 'has_submenu'
+    };
+    $.extend(options, _options);
+    var $container = $(this);
+
+    $container.find('li.' + options.menuSubmenuClass + ' > a').click(function(e) {
+      e.preventDefault();
+      var $li = $(this).closest('li');
+      $li.children('ul.submenu').slideToggle();
+      $li.toggleClass('opened');
+    });
+  };
+
+}(jQuery));
+
+$(function () {
+  $('.menu').menu({});
+  $('.mobile-menu').subMenu({});
+  $('.mobile_menu_button a').click(function() {
+    $('.mobile_menu_container').show();
+  });
+  $('.mobile_close_menu_button a').click(function() {
+    $('.mobile_menu_container').hide();
+  });
+  $('.mobile_menu_container').click(function(e){
+    var $target = $(e.target);
+    if(!$target.closest('#mobile_menu_nav').length &&
+      $('.mobile_menu_container').is(":visible")) {
+      $('.mobile_menu_container').hide();
+    }
+  });
+});
+
+$(function () {
+  $(".prettyPhoto[rel^='prettyPhoto']").prettyPhoto({
+    show_title: false,
+    slideshow: 3000,
+    overlay_gallery: true,
+    social_tools: ''
+  });
+});
+
+$(function () {
+  $('.scroll_top').click(function (e) {
+    e.preventDefault();
+    $("html, body").stop().animate({scrollTop: 0}, 500, 'swing');
+  });
+});
+
+(function ($) {
+  /**
+   * @param {object} _options
+   */
+  $.fn.share = function (_options) {
+    var options = {
+      type: '',
+      types: {
+        facebook: {
+          url: 'https://www.facebook.com/sharer/sharer.php?u=',
+          textOption: false
+        },
+        twitter_x: {
+          url: 'https://twitter.com/share?url=',
+          textOption: 'text='
+        },
+      },
+      excerptClass: 'excerpt'
+    };
+
+    $.extend(options, _options);
+
+    this.click(function (e) {
+      e.preventDefault();
+      var type = options.types[options.type];
+      if (options.type == 'native' && navigator.share != undefined) {
+        var text = $('.' + options.excerptClass).text().trim();
+        if (text.length + location.href.length > 278) {
+          text = text.substring(0, 278 - (location.href.length + 3))  + '...';
+        }
+        var data = {
+          url: encodeURI(location.href),
+          text: text,
+          title: $('.page_title').text().trim()
+        };
+        navigator.share(data)
+      }
+      else if (type !== undefined) {
+        var extra = '';
+        if (type.textOption) {
+          var text = $('.' + options.excerptClass).text().trim();
+          if (text.length + location.href.length > 278) {
+            text = text.substring(0, 278 - (location.href.length + 3))  + '...';
+          }
+          extra = '&' + type.textOption + encodeURI(text);
+        }
+        window.open(type.url + encodeURI(location.href) + extra, "pop", "width=600, height=400, scrollbars=no");
+      } else {
+        console.error(options.type + ' is unknown');
+      }
+    });
+  };
+
+}(jQuery));
+
+$(function () {
+  $('[data-share]').each(function () {
+    $(this).share({type: $(this).data('share')});
+  });
+});
+
+(function ($) {
+
+  /**
+   * @param {object} _options
+   */
+  $.fn.snapTo = function (_options) {
+    var options = {
+      elementClass: 'post'
+    };
+    $.extend(options, _options);
+    var $container = $(this);
+    var $elements = $container.find('.' + options.elementClass + ':visible');
+    var stopSnapTo = false;
+
+    var snapTimeout = null;
+    var snapHandler = function() {
+      if (!stopSnapTo) {
+        stopSnapTo = true;
+        var y = $container.scrollLeft();
+        $elements.each(function () {
+          var offset = $(this).offset();
+          if (offset.left > -(window.screen.width / 2) && offset.left < window.screen.width / 2) {
+            $container.animate({
+              scrollLeft: Math.round(y + offset.left) + 'px'
+            }, 300);
+            return false;
+          }
+        });
+        if (snapTimeout) {
+          clearTimeout(snapTimeout);
+        }
+        snapTimeout = setTimeout(function () {
+          stopSnapTo = false;
+        }, 500);
+      }
+    }
+    var snapToHandlerTimer = null;
+    var scrollHandler = function() {
+      if (snapToHandlerTimer) {
+        clearTimeout(snapToHandlerTimer);
+      }
+      snapToHandlerTimer = setTimeout(snapHandler, 300);
+    };
+
+    $container.on( "scroll", scrollHandler);
+  };
+
+}(jQuery));
+
+$(function () {
+  $('[data-snapto]').each(function () {
+    $(this).snapTo($(this).data('snapto'));
+  });
+});
+
+(function ($) {
+
+  /**
+   * @param {object} _options
+   */
+  $.fn.tabs = function (_options) {
+    var options = {
+      tabClass: 'box_header',
+      activeClass: 'active',
+      contentClass: 'tab_content'
+    };
+    $.extend(options, _options);
+    var $tabs = $(this).find('.' + options.tabClass);
+    var $container = $(this);
+
+    $tabs.click(function (e) {
+      e.preventDefault();
+      $tabs.removeClass(options.activeClass);
+      $container.find('.' + options.contentClass).removeClass(options.activeClass);
+      $container.find('#' + $(this).data('tab-content-id')).addClass(options.activeClass);
+      $(this).addClass(options.activeClass);
+    });
+  };
+
+}(jQuery));
+
+$(function () {
+  $('[data-tabs]').each(function () {
+    $(this).tabs($(this).data('tabs') ?? {});
+  });
+});