/*Cascading Style Sheet for © Liavaag.org
Created by Morten René Liavaag Strømsborg - All Rights Reserved

Global Menu Styles
       \|||/
       (o o)
----ooO-(_)-Ooo----*/
nav#globalmenu {
	width:100%;
	height:2.5em;
	color:#fff;
	overflow:hidden;
	background:#000;
	border-bottom:1px solid #333;
	font-family:Georgia, "Times New Roman", Times, serif;
}
nav#globalmenu ul {
    width:100%;
	font-size:0.9em;
	letter-spacing:0.18em;
}
nav#globalmenu ul li {display:block}
nav#globalmenu ul li a {
	float:left;
	width:33.3%;
	color:#69f;
	padding:0.9em 0;
	text-align:center;
	background:#000;
	text-decoration:none;
	border-right:1px solid #333;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
nav#globalmenu ul > li:first-child > a {border-left:1px solid #333}
ul#share-bar {
    right:0;
    bottom:0;
    width:100%;
    position:fixed;
    list-style:none;
    border:1px solid #333;
}
ul#share-bar li a em {
    position:absolute;
    text-align:right;
	right:962em;
	width:100%;
}
ul#share-bar li a {
    color:#fff;
    display:block;
    padding:1.2em 0;
    font-size:1.2em;
    text-align:center;
    background:#121212;
    text-decoration:none;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	float:left;
	width:20%;
}
@media only screen and (min-width:1200px) {
	nav#globalmenu ul {
	    margin:0 11% 0 11%;
	    letter-spacing:0.25em;
	}
	nav#globalmenu ul li a {
		-webkit-transform:skewX(-20deg);
		-moz-transform:skewX(-20deg);
		-ms-transform:skewX(-20deg);
		-o-transform:skewX(-20deg);
		transform:skewX(-20deg);
		width:26%;
	}
    ul#share-bar li a {width:100%}
	ul#share-bar {
	    bottom:2em;
        width:3.45vw;
        animation-fill-mode:forwards;
        animation:fadein ease-in 1;
        animation-duration:8s;
    }
    @keyframes fadein {from {opacity:0.4} to {opacity:1}}
}
@media (hover:hover) {
    nav#globalmenu ul li a:hover,
    ul#share-bar li a:hover {
	    background:#333;
	    color:#fff;
    }
}
body {font-size:clamp(1rem, 1vw, .4vw + .4vh + .4vmin)}
/*!
 * Font Awesome Free 7.1.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2025 Fonticons, Inc.
 */
.fa {
  --_fa-family:var(--fa-family, var(--fa-style-family, "Font Awesome 7 Free"));
  display:var(--fa-display, inline-block);
  font-family:var(--_fa-family);
  font-weight:var(--fa-style, 900);
  font-style:normal;
  line-height:1;
}
.fas::before,
.far::before,
.fab::before,
.fa-solid::before,
.fa-regular::before,
.fa-brands::before,
.fa::before {content:var(--fa)}
.fa-brands,
.fab {font-family:'Font Awesome 7 Brands'}
.fa-facebook-f:before {--fa:"\f39e"}
.fa-x-twitter:before {--fa:"\e61b"}
.fa-pinterest:before {--fa:"\f0d2"}
.fa-tumblr:before {--fa:"\f173"}
.fa-linkedin-in:before {--fa:"\f0e1"}
.fa-bluesky:before {--fa:"\e671"}
.fa-instagram:before {--fa:"\f16d"}
.fa-vimeo:before {--fa:"\f40a"}
.fa-youtube:before {--fa:"\f167"}
.fa-flickr:before {--fa:"\f16e"}
.fa-lastfm:before {--fa:"\f202"}
.fa-wikipedia-w:before {--fa:"\f266"}
.fa-external-link-alt {--fa:"\f35d"}
.fa-magnifying-glass {--fa:"\f002"}
.fa-search {--fa:"\f002"}
@font-face {
  font-family:"Font Awesome 7 Brands";
  src:local('Font Awesome 7 Brands'), url("../fontawesome/7.1.0/webfonts/fa-brands-400.woff2");
  font-display:swap;
  font-style:normal;
  font-weight:400;
}
@font-face {
  font-family:'Font Awesome 7 Free';
  src:local('Font Awesome 7 Free'), url("../fontawesome/7.1.0/webfonts/fa-solid-900.woff2");
  font-display:swap;
  font-style:normal;
  font-weight:900;
}
/*The end of Font Awesome, but more fonts to follow*/
@font-face {
	font-family:'Disco';
	src:local('Disco'), url('../fonts/Disco.ttf') format('truetype');
	font-display:swap;
}
@font-face {
	font-family:'Pacifico';
	src:local('Pacifico'), url('../fonts/Pacifico.ttf') format('truetype');
	font-display:swap;
}
@font-face {
	font-family:'SavedByZero';
	src:local('SavedByZero'), url('../fonts/SavedByZero.woff') format('woff');
	font-display:swap;
}
/*
COMMON STYLES

Body Styles
*/
* {
	margin:0;
	padding:0;
}
html {height:100%}
body {
	height:100%;
   	color:#fff;
   	text-align:center;
   	font-family:Georgia, "Times New Roman", Times, serif;
   	background:repeating-linear-gradient(to right,#333,#333 1px,#000 1px,#000 4%);
}
/*Wrapper Styles*/
div#wrapper {
    padding:0;
	clear:both;
	width:100%;
	color:#fff;
	margin:0px auto;
	overflow:hidden;
   	position:relative;
   	background:#000;
}
header ul li ul,
aside {display:none}
header {
   	color:#fff;
   	margin:1px 0 0 0;
   	padding:0.5em 0 1px 0;
   	background:#000;
	background:linear-gradient(to bottom,#333 0%,#080808 26%,#000 30%,#000 100%);
	background-image:-webkit-gradient(linear, top, bottom, color-stop(0,#333), color-stop(0.26,#080808), color-stop(0.3,#000), color-stop(1,#000));
	background:-webkit-linear-gradient(top,#333 0%,#080808 26%,#000 30%,#000 100%);
	background:-moz-linear-gradient(top,#333 0%,#080808 26%,#000 30%,#000 100%);
	background:-o-linear-gradient(top,#333 0%,#080808 26%,#000 30%,#000 100%);
}
header h1 {
   	color:#fc9;
   	margin:2.4em 2%;
   	font-size:2em;
   	text-align:left;
   	letter-spacing:0.1em;
   	background:none repeat;
}
header ul {
	clear:both;
	height:3.4em;
	position:relative;
	background:#000;
	background:linear-gradient(to bottom,#666 0%,#333 50%,#000 50%,#000 100%);
	background-image:-webkit-gradient(linear, top, bottom, color-stop(0,#666), color-stop(0.5,#333), color-stop(0.5,#000), color-stop(1,#000));
	background:-webkit-linear-gradient(top,#666 0%,#333 50%,#000 50%,#000 100%);
	background:-moz-linear-gradient(top,#666 0%,#333 50%,#000 50%,#000 100%);
	background:-o-linear-gradient(top,#666 0%,#333 50%,#000 50%,#000 100%);
	border-bottom:1px solid #fc9;
	border-top:1px solid #fc9;
}
header ul li {display:block} /*Bug fix for MS Edge - 1. level header menu*/
header ul li a,
header ul li span {
    width:20%;
	float:left;
	color:#fc9;
	padding:1.1em 0;
	text-decoration:none;
	background:transparent;
	border-right:1px #666 solid;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
header ul > li:first-child > a {border-left:1px #666 solid}
/*Main Styles*/
main {
	clear:both;
	color:#000;
	overflow:hidden;
	text-align:left;
   	line-height:1.8;
   	background:#fff;
   	display:inline-block;   /*IE bug-fix for <main>*/
   	width:100%;             /*Fix for inline-block*/
}
/*Section Styles*/
section {
	overflow:hidden;
	padding:4%;
}
/*
Class Styles - a touch of class...
*/
div#class {
	clear:both;
	color:#fc9;
	padding:1em 2%;
   	text-align:right;
   	background:#000;
}
div#class h3 {
	font-size:1.2em;
	font-weight:600;
	letter-spacing:0.16em;
}
div#class p {float:left}
div#class a:visited,
div#class a:link {
   	color:#fc9;
   	background:#000;
   	letter-spacing:0.06em;
}
/*Footer Styles*/
footer {
	clear:both;
   	color:#aaaaaa;
   	padding:4em 0;
   	text-align:center;
   	background:#000;
	background:linear-gradient(to bottom,#333 0%,#0f0f0f 35%,#000 50%,#000 100%);
	background-image:-webkit-gradient(linear, top, bottom, color-stop(0,#333), color-stop(0.35,#0f0f0f), color-stop(0.5,#000), color-stop(1,#000));
	background:-webkit-linear-gradient(top,#333 0%,#0f0f0f 35%,#000 50%,#000 100%);
	background:-moz-linear-gradient(top,#333 0%,#0f0f0f 35%,#000 50%,#000 100%);
	background:-o-linear-gradient(top,#333 0%,#0f0f0f 35%,#000 50%,#000 100%);
}
footer ul li {
	display:inline;
	margin:0 2%;
}
footer ul li a {
    font-family:SavedByZero, Georgia, "Times New Roman", Times, serif;
    display:inline-block;
    width:5.5em;
    height:2em;
    border:0;
}
footer a,
footer a:visited {
	color:#aaaaaa;
	text-decoration:none;
	background:transparent;
	border-bottom:1px dotted #aaaaaa;
}
footer p#author {margin:0.6em 0 0 0}
footer p {
	margin:2.5em 0 0 0;
	font-size:0.9em;
	line-height:1.8;
}
/*
RWD width-styles
*/
@media (hover:hover) {
    a img:hover {opacity:0.5}
    header ul li a#selected:hover,
    header ul li a:hover,
    header ul li span:hover {
	    color:#fc9;
	    background:#000;
	    background:linear-gradient(to bottom,#525252 0%,#292929 50%,#000 50%,#000 100%);
	    background-image:-webkit-gradient(linear, top, bottom, color-stop(0,#525252), color-stop(0.5,#292929), color-stop(0.5,#000), color-stop(1,#000));
	    background:-webkit-linear-gradient(top,#525252 0%,#292929 50%,#000 50%,#000 100%);
	    background:-moz-linear-gradient(top,#525252 0%,#292929 50%,#000 50%,#000 100%);
	    background:-o-linear-gradient(top,#525252 0%,#292929 50%,#000 50%,#000 100%);
    }
    div#class a:hover {
   	    color:#69f;
   	    background:#000;
   	}
    footer ul li a:hover {border:0}
    footer a:hover {
	    color:#69f;
	    background:transparent;
	    border-bottom:1px dotted #69f;
	}
}
@media only screen and (min-width:1200px) {
    div#wrapper {
	    width:92vw;
	    padding:0 1.8%;
	    border-left:1px solid #333;
	    border-right:1px solid #333;
    }
    header {border-radius:3em 3em 0 0}
    header ul li {float:left} /*Bug fix for MS Edge - 2. level header menu*/
    header ul li a,
    header ul li span {
        min-width:18.4vw;
        letter-spacing:0.16em;
    }
    section {
        border-left:1px dotted #000;
        padding:4% 12%;
    }
    aside {
        width:13%;
	    float:left;
	    clear:left;
	    display:block;
	    padding:4% 3.5%;
	    margin-right:-1px;
    }
    aside > picture > img,
    aside img {
        width:100%;
        height:auto;
    }
    aside div#languageSelection {
        font-size:0.9em;
	    font-weight:900;
	    margin:0 0 3em 0;
	    text-align:center;
	    letter-spacing:0.16em;
    }
    aside div#languageSelection a {
	    color:#fff;
	    display:block;
	    padding:1.2em 0;
	    background:#000;
    }
}
@media only screen and (min-width:1200px) and (hover:hover) {
    header ul > li > ul > li:first-child > a {border-left:0}
    header ul > li > ul > li:first-child > button {border-left:0}
    header ul li:hover > ul {display:block}
    header ul ul {
	    border-bottom:none;
	    background:#000;
	    position:absolute;
	    margin:3.3em 0 0 0;
	    border-top:0;
	    display:none;
	    z-index:1000;
	    opacity:0.92;
	    height:auto;
	    width:18.4vw;
    }
    header ul ul li {
	    float:none; /*Bug fix for MS Edge - 2. level header menu*/
	    display:inline;
	    position:relative;
    }
    header ul ul li a,
    header ul ul li span {
	    display:block;
	    font-size:0.9em;
	    text-align:left;
	    position:relative;
	    font-style:italic;
	    white-space:nowrap;
	    padding:1.25em 1vw;
	    text-decoration:none;
	    border-right:1px #666 solid;
	    border-bottom:1px #666 dotted;
    }
    header ul ul li a:hover,
    header ul ul li span:hover {
	    background:#121212;
	    color:#fff;
    }
    /*Third level header menu*/
    header ul > li > ul li:hover > ul {
	    position:absolute;
	    width:auto;
	    left:100%;
	    margin:0;
    }
    header ul > li > ul li > ul {
	    background:#000;
	    display:none;
	    opacity:1.0;
    }
    /*NOTE: The CSS for the arrows in the multi-menus must be in this order!*/
    header ul li i {
        padding:0.5em;
        display:inline-block;
        border:solid #fc9;
        border-width:0 0.1em 0.1em 0;
    }
    header ul li i.right {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }
    aside ul li a:hover {
	    color:#000;
	    background:#eeeeee;
    }
    aside div#languageSelection a:hover {opacity:0.7}
}
/*
ADVANCED STYLES
This is for the homepages as well as all the error pages!
     ___
     /_\ `*   
    (o o)
ooO--(_)--Ooo-
*/
*.right {float:right}
section h2 {
    font-size:1.5em;
   	margin:0 0 2em 0;
   	font-family:SavedByZero, Georgia, "Times New Roman", Times, serif;
}
section h3 {font-size:1.4em}
section p {margin:1.25em 0 2.5em 0}
section a:link,
section a:visited {
    color:#000;
    background:#fff;
}
/*
Business Styles
*/
div#businessContent {
    border-radius:0.6em 0.6em 0.3em 0.3em;
    margin:0px auto;
    background:#000;
    color:#fc9;
    opacity:0.9;
}
div#businessContent abbr {border-bottom:1px dotted #fc9}
div#businessContent h2,
div#businessContent h3 {
    font-family:Disco, Georgia, "Times New Roman", Times, serif;
    background:#333;
    color:#fff;
	border:0;
}
div#businessContent h2 {
	padding:1.9em;
	font-size:1.1em;
	text-align:center;
	word-spacing:0.25em;
	border-radius:0.6em 0.6em 0 0;
}
div#businessContent h3 {
	padding:1em;
	font-size:1em;
	text-align:right;
	border-radius:0 0 0.3em 0.3em;
}
div#businessContent h2 a,
div#businessContent h3 a {
	color:#fff;
	text-decoration:none;
	background:transparent;
	border-bottom:1px dotted #fff;
}
div#businessContent p {margin:2% 8%}
div#businessContent p a {
	color:#fc9;
	background:transparent;
}
div#businessContent ul {
	list-style-type:none;
	margin:2% 4%;
}
div#businessContent ul li {
    border-bottom:1px #fc9 dotted;
    font-size:1.1em;
	margin:2.5em 4%;
	padding:0 4%;
}
div#businessContent img {
    display:block;
    margin-left:auto;
    margin-right:auto;
}
@media only screen and (min-width:800px) {
    section#business-en {
        background:#fff url('content_en.webp') no-repeat center center fixed;
        color:#000;
    }
    section#business-no {
        background:#fff url('content_no.webp') no-repeat center center fixed;
        color:#000;
    }
    section#business-en,
    section#business-no {
	    -webkit-overflow-scrolling:touch; 
	    -webkit-background-size:cover;
	    -moz-background-size:cover;
	    -o-background-size:cover;
	    background-size:cover;
	}
	div#businessContent {
	    font-family:Pacifico, Georgia, "Times New Roman", Times, serif;
	    word-spacing:0.06em;
	    width:46em;
	}
	div#businessContent p {font-size:1.2em}
}
/*
The other Styles
       \|||/
       (o o)
----ooO-(_)-Ooo----
Cloud Search Styles
*/
div#search-liavaag {
	float:right;
	text-align:left;
	font-style:italic;
	margin:-4em 2% 0 0;
}
div#search-liavaag input,
div#search-liavaag button {
    font-family:Georgia, "Times New Roman", Times, serif;
    padding:0.625em 0.32em;
    font-size:0.8em;
    border:0;
}
div#search-liavaag input[type="text"] {width:14em}
div#search-liavaag button {
    width:4em;
    color:#fff;
    cursor:pointer;
	background:#333;
}
/*
RWD Styles
*/
@media (hover:hover) {
    button:hover,
    button:active {opacity:0.7}
    div#businessContent h2 a:hover,
    div#businessContent h3 a:hover {
	    color:#fc9;
	    background:transparent;
	    border-bottom:1px dotted #fc9;
	}
	div#businessContent p a:hover {
        color:#69f;
        background:transparent;
    }
	section a:hover {
   	    color:#565656;
   	    background:none repeat;
    }
    section a:active {
   	    color:#00f;
   	    background:none repeat;
    }
    section a:visited:hover {
   	    color:#000;
   	    background:none repeat;
   	}
}
@media only screen and (min-width:1200px) {
    div#its-a-wrap {display:flex}
    section {width:56%}/*It's a wrap*/
    div#clock {margin:0px auto}
    div.outer-face {
        border-radius:12.5em;
        background:#fff;
        position:relative;
        height:9em;
        width:9em;
    }
    div.outer-face::before,
    div.outer-face::after,
    div.outer-face div.marker {
	    top:0;
	    left:50%;
	    z-index:0;
	    content:"";
	    height:100%;
	    width:0.1em;
	    margin-left:-0.06em;
	    position:absolute;
	    background:#333;
    }
    div.outer-face::after {
	    -webkit-transform:rotate(90deg);
	    -moz-transform:rotate(90deg);
	    -ms-transform:rotate(90deg);
	    transform:rotate(90deg);
    }
    div.outer-face div.marker {
	    width:0.2em;
	    margin-left:-0.125em;
	    background:#000;
    }
    div.outer-face div.marker.one-seven {
	    -webkit-transform:rotate(30deg);
	    -moz-transform:rotate(30deg);
	    -ms-transform:rotate(30deg);
	    transform:rotate(30deg);
    }
    div.outer-face div.marker.two-eight {
	    -webkit-transform:rotate(60deg);
	    -moz-transform:rotate(60deg);
	    -ms-transform:rotate(60deg);
	    transform:rotate(60deg);
    }
    div.outer-face div.marker.four-ten {
	    -webkit-transform:rotate(120deg);
	    -moz-transform:rotate(120deg);
	    -ms-transform:rotate(120deg);
	    transform:rotate(120deg);
    }
    div.outer-face div.marker.five-eleven {
	    -webkit-transform:rotate(150deg);
	    -moz-transform:rotate(150deg);
	    -ms-transform:rotate(150deg);
	    transform:rotate(150deg);
    }
    div.inner-face {
	    -webkit-border-radius:64em;
	    -moz-border-radius:64em;
	    border-radius:64em;
	    background:#fff;
	    position:relative;
	    z-index:100;
	    height:88%;
	    width:88%;
	    left:6%;
	    top:6%;
    }
    div.inner-face::before {
        background:#000;
        border-radius:1em;
        position:absolute;
        margin-left:-0.5em;
        margin-top:-0.5em;
        height:1em;
        width:1em;
        content:"";
        left:50%;
        top:50%;
    }
    div.hand,
    div.hand.hour {
	    top:20%;
	    left:50%;
	    height:30%;
	    z-index:-1;
	    width:0.3em;
	    margin-left:-0.125em;
	    position:absolute;
	    background:#fff;
	    transform:rotate(0deg);
	    -ms-transform:rotate(0deg);
	    -moz-transform:rotate(0deg);
	    -webkit-transform:rotate(0deg);
	    -webkit-transform-origin:bottom;
	    -moz-transform-origin:bottom;
	    -ms-transform-origin:bottom;
	    transform-origin:bottom;
	    box-shadow:0 0 0.38em #000;
	    -moz-box-shadow:0 0 0.38em #000;
	    -webkit-box-shadow:0 0 0.38em #000;
    }
    div.hand.minute {
        top:5%;
        height:45%;
        width:0.3em;
        margin-left:-0.16em;
    }
    div.hand.second {
	    top:0;
	    height:50%;
	    width:0.1em;
	    margin-left:-0.06em;
	    background:#000;
    }
    /*Lightspeed animation*/
	.lightspeed {
	    -webkit-animation-name:lightspeed;
	    animation-name:lightspeed;
	    -webkit-animation-timing-function:ease-out;
	    animation-timing-function:ease-out
	}
	.animation {
	    -webkit-animation-duration:2s;
	    animation-duration:2s;
	    -webkit-animation-fill-mode:both;
	    animation-fill-mode:both;
	}
	@keyframes lightspeed {
        from {
            -webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);
            -ms-transform:translate3d(100%, 0, 0) skewX(-30deg);
            transform:translate3d(100%, 0, 0) skewX(-30deg);
            opacity:0;
        }
        60% {
            -webkit-transform:skewX(20deg);
            -ms-transform:skewX(20deg);
            transform:skewX(20deg);
            opacity:1;
        }
        80% {
            -webkit-transform:skewX(-5deg);
            -ms-transform:skewX(-5deg);
            transform:skewX(-5deg);
            opacity:1;
        }
        to {
            -webkit-transform:none;
            -ms-transform:none;
            transform:none;
            opacity:1;
        }
	}
    div#businessContent img {display:none}
    div#search-liavaag {margin:-7.4em 2% 0 0}
}
/*Christmas Bar Styles*/
div#ChristmasBar {
    left:0;
	bottom:6%;
	position:fixed;
}
div#ChristmasBar a {
    background:url('../../English/Xmas/img/ChristmasBar.webp') no-repeat;
    color:#fff;
    display:block;
    height:10em;
    width:6.25em;
    -webkit-overflow-scrolling:touch; 
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
}
div#ChristmasBar em {display:none}
@media (hover:hover) {
    div#ChristmasBar a:hover {
        animation:shake 0.4s;
        animation-iteration-count:infinite;
    }
    @keyframes shake {
        0% {transform: translate(0.06em, 0.06em) rotate(0deg)}
        10% {transform: translate(-0.06em, -0.125em) rotate(-1deg)}
        20% {transform: translate(-0.18em, 0em) rotate(1deg)}
        30% {transform: translate(0.18em, 0.125em) rotate(0deg)}
        40% {transform: translate(0.06em, -0.06em) rotate(1deg)}
        50% {transform: translate(-0.06em, 0.125em) rotate(-1deg)}
        60% {transform: translate(-0.18em, 0.06em) rotate(0deg)}
        70% {transform: translate(0.18em, 0.06em) rotate(-1deg)}
        80% {transform: translate(-0.06em, -0.06em) rotate(1deg)}
        90% {transform: translate(0.06em, 0.125em) rotate(0deg)}
        100% {transform: translate(0.06em, -0.125em) rotate(-1deg)}
    }
}
@keyframes jump {
        0%   {transform: translate3d(0,0,0) scale3d(1,1,1)}
        40%  {transform: translate3d(0,30%,0) scale3d(.7,1.5,1)}
        100% {transform: translate3d(0,100%,0) scale3d(1.5,.7,1)}
}
img#easter-chicken {
    width:10em;
    height:10em;
    transform-origin:50% 50%;
    animation:jump .5s linear alternate infinite;
}