/*

Stilark for Jacu web!


*/




@import url("http://hello.myfonts.net/count/2675bf");

  
@font-face {
	font-family: 'Leitura-Roman1';
	src: url('../images/webfonts/2675BF_0_0.eot');
	src: url('../images/webfonts/2675BF_0_0-.eot#iefix') format('embedded-opentype'),
	url('../images/webfonts/2675BF_0_0.woff') format('woff'),
	url('../images/webfonts/2675BF_0_0.ttf') format('truetype');
}
 
/*
@font-face {
	font-family: 'Leitura-Roman3';
	src: url('../images/webfonts/2675BF_1_0.eot');
	src: url('../images/webfonts/2675BF_1_0-.eot#iefix') format('embedded-opentype'),
	url('../images/webfonts/2675BF_1_0.woff') format('woff'),
	url('../images/webfonts/2675BF_1_0.ttf') format('truetype');
}
*/


* {
	margin: 0;
	padding: 0;
}

html {
	width: 100%;
	height: 100%;
	background-image: url("../images/mainBg.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
}

body {
	font-family: "locator-web", sans-serif;
	font-weight: normal;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

h1, h2, h3, h4, h5, h6, ul.mainNavigation.level0 li.level1 {
	font-family: "Leitura-Roman1", arial, serif;
	font-weight: 100;
}

h1 {
	margin: 0 0 20px 0;
	font-size: 48px;
	line-height: 60px;
}

h2 {
	margin: 0 0 6% 0;
	padding: 20px 0;
	font-size: 36px;
	background: url("../images/prikk.svg") left top no-repeat;
	
	-moz-font-feature-settings:"liga=1, dlig=1"; 
    -moz-font-feature-settings:"liga", "dlig"; /* EDIT: new syntax for FF 15+ */ 
    -ms-font-feature-settings:"liga", "dlig"; 
    -o-font-feature-settings:"liga", "dlig"; 
    -webkit-font-feature-settings:"liga", "dlig"; 
    font-feature-settings:"liga", "dlig";
	
}

.sorry h2 {
	background: none;
}

p {
	padding: 2% 0;
	font-size: 14px;
	line-height: 20px;
	
	height: auto;
	
	width: 30%;
	margin-right: 3%;
	float: left;
	
	background: url("../images/prikk.svg") left top no-repeat;
	
}

a {
	color: #FFF;
	text-decoration: none;
}

a:hover {
	color: #FFF;
	text-decoration: none;
}

.white a {
	color: #000;
}

.white a:hover {
	color: #000;
}

.content img {
	max-width: 30%;
	width: 30%;
	margin-right: 3%;
	height: auto;
	float: left;
}

img.panorama {
	width: 100%;
	height: auto;
}

#yourBrowser {
	background-color: #000;
	z-index: 99999;
}

.preloader {
	width: 165px;
	height: 60px;
	position: fixed;
	top: 50%;
	left: 50%;
	
	margin: -30px 0 0 -100px;
}
.preloader h2 {
	font-size: 14px;
	color: #FFF;
}

.prikk {
	width: 5px;
	height: 5px;
	
	background: url("../images/dott.svg") no-repeat;
	
	position: absolute;
	top: 50px;
	
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.prikk.faded {
	opacity: 0.7;
}

.item1 {
	left: 10px;
}

.item2 {
	left: 25px;
}

.item3 {
	left: 40px;
}

.item4 {
	left: 55px;
}

.item5 {
	left: 70px;
}

.item6 {
	left: 85px;
}

.item7 {
	left: 150px;
}

.item8 {
	left: 165px;
}

.item9 {
	left: 180px;
}

.bird {
	width: 60px;
	height: 60px;
	
	position: absolute;
	
	top: 0;
	left: 90px;
	
	background: url("../images/bird.svg") no-repeat;
	
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.bird.eat {
	
	-o-transform: rotate(-12deg);
	-ms-transform: rotate(-12deg);
	-moz-transform: rotate(-12deg);
	-webkit-transform: rotate(-12deg);
	transform: rotate(-12deg);
	
}

.frontpage {
	width: 100%;
	color: #FFF;
	text-align: center;
}

.frontpage h2 {
	background: none;
	width: 100%;
	margin: 0;
	padding: 30px 0;
}

.frontpage p {
	background: none;
	width: 100%;
	margin: 0;
	padding: 0 0 5px 0;
	color: #d7d7d7;
}

.frontpage p a {
	color: #d7d7d7;
}

.pil {
	background-image: url("../images/pil.png");
	background-image: none, url("../images/pil.svg");
	height: 30px;
		
	background-position: 0 0;
	position: absolute;
	
	opacity: 1;
	
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.pil p {
	font-size: 12px;
	width: 100%;
	margin: 0;
	padding: 7px 0 0 30px;
	text-transform: uppercase;
	background: none;
}

.menyHint {
	top: 35px;
	left: 70px;
	width: 80px;
}

.startpos.menyHint {
	left: 90px;
	opacity: 0;
}

.visualHint {
	bottom: 34px;
	left: 70px;
	width: 80px;
}

.startpos.visualHint {
	left: 160px;
	opacity: 0;
}

.instructionsWrapper {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 99999;
	
	pointer-events: none;
	
	opacity: 0;
	
	transition: opacity 0.4s;
	-o-transition: opacity 0.4s;
	-ms-transition: opacity 0.4s;
	-moz-transition: opacity 0.4s;
	-webkit-transition: opacity 0.4s;
	
}


.instructions {
	width: 100%;
	height: 100px;
	position: fixed;
	bottom: 120px;
	left: 50%;
	margin: -80px 0 0 -50%;
	z-index: 9999;
	text-align: center;
	
	color: #FFF;
	
}

.instructions .desktop {
	display: block;
}

.instructions .touchDevice {
	display: none;
}

.touch .instructions .desktop {
	display: none;
}

.touch .instructions .touchDevice {
	display: block;
}

.logo50 {
	width: 50px;
	height: 50px;
	margin: 0 auto;
	clear: both;
	
	background-image: url("../images/logo50.png");
	background-image: none, url("../images/logo50.svg");
	
	background-size: 50px 50px;
	background-repeat: no-repeat;
}

.arrows50 {
	width: 50px;
	height: 50px;
	margin: 0 auto;
	clear: both;
	position: relative;
	
	background-image: url("../images/arrow50.png");
	background-image: none, url("../images/arrow50.svg");
	
	background-size: 50px 50px;
	background-repeat: no-repeat;
	
	

	
}

.arrowAnimation {
	width: 50px;
	height: 50px;
	
	position: absolute;
	top: 0;
	left: 0;
	
	background-image: url("../images/arrow50over.png");
	background-image: none, url("../images/arrow50over.svg");
	
	background-size: 50px 50px;
	background-repeat: no-repeat;
	
	transform: rotate(0);
	-o-transform: rotate(0);
	-ms-transform: rotate(0);
	-moz-transform: rotate(0);
	-webkit-transform: rotate(0);
}

.instructions h2 {
	font-size: 18px;
	font-family: "locator-web", sans-serif;
}

.instructions h2, .instructions p {
	background: none;
	width: 100%;
	margin: 1% 0;
	padding: 0;
}

.instructions p {
	color: #d7d7d7;
	
	float: none;
}

.instructions p.button {
	
	width: 160px;
	
	padding: 5px 0;
	margin: 20px auto;

	text-align: center;
	background: rgba(255,255,255,0.8);
	color: #000;
	
	cursor: pointer;
	
	transition: background 0.2s;
	-o-transition: background 0.2s;
	-ms-transition: background 0.2s;
	-moz-transition: background 0.2s;
	-webkit-transition: background 0.2s;
}

.instructions p.button:hover {
	background: rgba(255,255,255,1);

}

.sorry {
	width: 800px;
	height: 300px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -150px 0 0 -400px;
	z-index: 9999;
	text-align: center;
	
	color: #FFF;
	
	opacity: 0;
	
	transition: opacity 0.4s;
	-o-transition: opacity 0.4s;
	-ms-transition: opacity 0.4s;
	-moz-transition: opacity 0.4s;
	-webkit-transition: opacity 0.4s;
	
}

.sorry p {
	background: none;
	width: 100%;
	margin: 15px 0;
	padding: 0;
}


/*

Wrapper og scroller

*/

#wrapper {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
	overflow: hidden;
	
	opacity: 0;
	
	transition: opacity 1s;
	-o-transition: opacity 1s;
	-moz-transition: opacity 1s;
	-webkit-transition: opacity 1s;
}

#scroller {
	width: 100%;
	height: 100%;
	position: absolute;
	
	opacity: 0;
	
	
	transition: transform 1s;
	-o-transition: transform 1s;
	-ms-transition: transform 1s;
	-moz-transition: transform 1s;
	-webkit-transition: transform 1s;
	
	transform: translate3d(0px,0px,0);
	-o-transform: translate3d(0px,0px,0);
	-ms-transform: translate3d(0px,0px,0);
	-moz-transform: translate3d(0px,0px,0);
	-webkit-transform: translate3d(0px,0px,0);
	
	/*
	transition: left 1s, top 1s;
	-webkit-transition: left 1s, top 1s;
	-moz-transition: left 1s, top 1s;
	*/
}

#branding {
	width: 126px;
	height: 23px;
	
	position: absolute;
	top: 34px;
	right: 0;
	
	background-image: url("../images/logoSprite.png");
	background-image: none, url("../images/logoSprite.svg");
	background-position: 0 -23px;
	
	background-size: 126px 46px;
	
	background-repeat: no-repeat;
	
	cursor: pointer;
	
	z-index: 100;
	pointer-events: auto;
	
	
	transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	-webkit-transition-delay: 0.2s;
	
	transition: background-position 0.2s;
	-o-transition: background-position 0.2s;
	-moz-transition: background-position 0.2s;
	-webkit-transition: background-position 0.2s;
}


.white #branding {
	background-position: 0 0;
}

.slide {
	float: left;
	position: relative;
	background-image: url("../images/background/DSCF0437-.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.slide.dark {
	background-image: url("../images/background/DSCF0437-.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.panoWrapper {
	width: 100%;
	min-height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
}

.panoScroller {
	position: absolute;
	
	left: 0;
	top: 0;
	
	width: 100%;
	height: 100%;
	
	background-repeat: no-repeat;
	background-position: left center;
	
	transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
	
	transition: all 6s;
	-o-transition: all 6s;
	-ms-transition: all 6s;
	-moz-transition: all 6s;
	-webkit-transition: all 6s;
}


.no-touch .overlay {
	width: 100%;
	min-height: 100%;
	position: relative;
	z-index: 10;
	
	
	background-color: rgba(0,0,0,0.75);
	
	opacity: 1;
	
	/*
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
	*/
	
	-webkit-perspective: 1000;
	
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	-ms-transition: opacity 1s;
	-o-transition: opacity 1s;
	transition: opacity 1s;
}

.no-touch .overlay.open {
	opacity: 0 !important;
	-webkit-perspective: 1000;
}

.no-touch .activeSlide .overlay {
	opacity: 1;
	-webkit-perspective: 1000;
}


.touch .overlay {
	width: 100%;
	min-height: 100%;
	position: relative;
	z-index: 10;
	
	
	background-color: rgba(0,0,0,0.75);
	
	opacity: 1;
	display: block;
}

.touch .overlay.open {
	opacity: 1;
	-webkit-perspective: 1000;
	display: none !important;
}

.touch .activeSlide .overlay {
	opacity: 1;
	-webkit-perspective: 1000;
	display: block;
}


.paddingWrapper {
	max-width: 1260px;
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.insideWrapper {
	width: 96%;
	margin: 0 auto;
	height: 100%;
	position: relative;
}

.topBottomBorder {	
	border-top: 5px solid #FFF;
	border-bottom: 5px solid #FFF;
	
	
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
}

.content {
	color: #FFF;
	width: 100%;
	margin: 0 auto;
	position: relative;
	display: none;
}

.touch .content {
	display: block;
}

.activeSlide .content {
	display: block;
}

.prevSlide .content {
	display: block;
}

.kart {
	color: #FFF;
	width: 100%;
	margin: 0 auto;
	padding: 150px 0 0 0;
}

.kart h2 {
	margin: 0;
}

.kart .kartWrapper {
	width: 100%;
	height: auto;
	position: relative;
}

.kart .kartContainer {
	width: 78%;
	float: right;
	position: relative;
}

.touch .kart .kartContainer {
	width: 78%;
	float: right;
	position: relative;
	margin: -100px 0 0 0;
}

.kartContainer img {
	max-width: 100%;
	width: 100%;
	height: auto;
	margin: 0;
	float: none;
}

.kart .birds {
	position: absolute;
	
	width: 100%;
	height: 100%;
	
	top: 0;
	left: 0;
}

.kart .birds .bird {

	position: absolute;
	
	width: 20px;
	height: 20px;
	
	padding: 0;
	
	background-size: 20px 20px;
	background-repeat: no-repeat;
	
	background-image: url("../images/logo50.png");
	background-image: none, url("../images/logo50.svg");
	
	opacity: 0.5;
	
	-o-transition: opacity 0.2s;
	-ms-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
	
	cursor: pointer;
	
	z-index: 1;
	
}

.kart .birds .bird.item0 {
	top: 58%;
	left: 58%;
}

.kart .birds .bird.item1 {
	top: 55%;
	left: 57%;
}

.kart .birds .bird.item2 {
	top: 61%;
	left: 53%;
}

.kart .birds .bird.item3 {
	top: 57%;
	left: 54%;
}

.kart .birds .bird.item4 {
	top: 64%;
	left: 79%;
}

.kart .birds .bird.item5 {
	top: 52%;
	left: 69%;
}

.kart .birds .bird.item6 {
	top: 64%;
	left: 33%;
}

.kart .birds .bird.item7 {
	top: 58%;
	left: 20%;
}

.kart .birds .bird.item8 {
	top: 51%;
	left: 16%;
}

.kart .birds .bird.item9 {
	top: 53%;
	left: 18%;
}

.kart .birds .bird.item10 {
	top: 49%;
	left: 14%;
}

.kart .birds .bird.item11 {
	top: 45%;
	left: 14%;
}

.kart .birds .bird.item12 {
	top: 47%;
	left: 18%;
}

.kart .birds .bird.item13 {
	top: 64%;
	left: 20%;
}

.kart .birds .bird.item14 {
	top: 54%;
	left: 22%;
}

.kart .birds .bird p {
	
	position: absolute;
	left: 32px;
	top: 4px;
	pointer-events: none;
	
	width: 200px;
	
	background: none;
	padding: 0 0 0 0;
	margin: 0;
	
	opacity: 0;
	
	-o-transition: opacity 0.5s;
	-ms-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
	
}

.kart .birds .bird.hover  {
	opacity: 0.9;
	z-index: 10;
}

.kart .birds .bird.hover p, .kart .birds .bird.active p {
	opacity: 0;
}

.kart .birds .bird.active {
	opacity: 1;
	z-index: 10;
}

.kart .infoContainer {
	
	position: absolute;
	top: 0;
	left: 0;
	position: relative;
	width: 33%;
	
	
}

.kart .infoContainer p {
	
	position: absolute;
	top: 0;
	left: 0;
	
	width: 100%;
	padding: 24px 0;
	
	opacity: 0;
	
	-o-transition: opacity 1s;
	-ms-transition: opacity 1s;
	-moz-transition: opacity 1s;
	-webkit-transition: opacity 1s;
	transition: opacity 1s;
}

.kart .infoContainer p.remove {
	
	opacity: 1;
}

.kart .infoContainer p span.caps {
	text-transform: uppercase;
	padding: 0 0 20px 0;
}

.kart .infoContainer p.visible {
	opacity: 1;
}

.touch .kart .infoContainer p {
	opacity: 1;
	display: none;
	
	-o-transition: none;
	-ms-transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	transition: none;
}

.touch .kart .infoContainer p.remove {
	display: block;
}

.touch .kart .infoContainer p.visible {
	opacity: 1;
	display: block;
}

/*

Dropdowm meny

*/

.menyWrapper {
	position: absolute;
	top: 20px;
	left: 0;
	width: 100%;
	
	pointer-events: auto;
}

#menyToggle {
	height: 50px;
	width: 50px;
	overflow: hidden;
	background-color: rgba(255,255,255,0.2);
	background-image: url("../images/menuToggle.png");
	background-image: none, url("../images/menuToggle.svg");
	background-size: 50px 100px;
	background-position: 0 -50px;
	
	transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	
	cursor: pointer;
}

#menyToggle:hover {
	background-color: rgba(255,255,255,0.4);
	background-image: url("../images/menuToggle.png");
	background-image: none, url("../images/menuToggle.svg");
	background-size: 50px 100px;
	background-position: 0 -50px;
}

.white #menyToggle {
	background-color: rgba(0,0,0,0.2);
	background-image: url("../images/menuToggle.png");
	background-image: none, url("../images/menuToggle.svg");
	background-size: 50px 100px;
	background-position: 0 0;
}

.white #menyToggle:hover {
	background-color: rgba(0,0,0,0.4);
	background-image: url("../images/menuToggle.png");
	background-image: none, url("../images/menuToggle.svg");
	background-size: 50px 100px;
	background-position: 0 0;
}

ul.mainNavigation {
	list-style-type: none;
}

ul.mainNavigation.level0 {
	opacity: 0;
	width: 100%;
	display: none;
	
	margin: 0;
	padding: 0;
	
	transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	-webkit-transition-delay: 0.2s;
	
	transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-webkit-transition: opacity 0.2s;
}

.white ul.mainNavigation.level0 {
	opacity: 1;
	display: block;
}

ul.mainNavigation.level0 li.level1 {

	font-family: "locator-web", sans-serif;

	width: 16%;
	padding: 2% 4% 0 0;
	margin: 2% 0 0 0;
	font-weight: 600;
	font-size: 16px;
	float: left;
	background: url("../images/prikkSort.svg") left top no-repeat;
}

ul.mainNavigation.level0 li ul {
	padding: 2% 0 0 0;
}

ul.mainNavigation.level0 li.level2 {
	font-family: "Leitura-Roman1", serif;
	font-weight: normal;
	padding: 1% 0;
	margin: 0;
	font-size: 14px;
	color: #666;
	cursor: pointer;
}

ul.mainNavigation.level0 li.level2:hover {
	color: #392a06;
	text-decoration: none;
}

ul.mainNavigation.level0 li.level2.active {
	color: #392a06;
}

.loginWrapper {
	opacity: 0;
	width: 100%;
	display: none;
	
	margin: 2% 0 0 0;
	padding: 0;
	
	transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	-webkit-transition-delay: 0.2s;
	
	transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-webkit-transition: opacity 0.2s;
}

.white .loginWrapper {
	opacity: 1;
	display: block;
}

.loginWrapper h2 {
	font-family: "locator-web", sans-serif;
	font-weight: 600;
	font-size: 16px;
	margin: 0;
	background: url("../images/prikkSort.svg") left top no-repeat;
}

.loginWrapper p {
	width: 100%;
}

.loginWrapper input {
	width: 16%;
	margin: 0 4% 0 0;
	padding: 0 1%;
	height: 30px;
	border: 1px solid #CCC;
	
	display: block;
	float: left;
	
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.loginWrapper input[type="submit"] {

	border: none;
	background: #CCC;
	
}








/*

Visuell navigasjon

*/

#btnOverlay {
	position: fixed;
	width: 100%;
	height: 100%;
	position: relative;
	
	background-color: transparent;
	
	transition: background-color 0.2s;
	-o-transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	-webkit-transition: background-color 0.2s;
	
	pointer-events: none;
}

#btnOverlay.white {
	background-color: #FFF;
}

#toggleInfoWrapper {
	width: 50px;
	height: 50px;
	position: absolute;
	bottom: 20px;
	left: 0;
	opacity: 1;
	
	background: rgba(255,255,255,0.1);
	
	transition: background 0.2s;
	-o-transition: background 0.2s;
	-ms-transition: background 0.2s;
	-moz-transition: background 0.2s;
	-webkit-transition: background 0.2s;
	
	pointer-events: auto;
	
}

#toggleInfoWrapper:hover {
	background: rgba(255,255,255,0.2);
}

.white #toggleInfoWrapper {
	opacity: 0;
}

#toggleInfo {
	width: 50px;
	height: 50px;
	
	overflow: hidden;
	cursor: pointer;
	
	background-image: url("../images/cross.png");
	background-image: none, url("../images/cross02.svg");
	background-size: 50px 100px;
	background-repeat: no-repeat;
	
	background-position: 0 0;
	
	transform: rotate(225deg);
	-o-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
	
	transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	
}

#toggleInfo.closed.hover {
	background-position: 0 0;
}

#toggleInfo.closed {
	background-position: 0 0;

	transform: rotate(0);
	-o-transform: rotate(0);
	-ms-transform: rotate(0);
	-moz-transform: rotate(0);
	-webkit-transform: rotate(0);
}

#visualNavi {
	width: 50px;
	height: 50px;
	
	position: absolute;
	left: 70px;
	bottom: 20px;
	
	opacity: 1;
	
	transition-delay: 0.5s;
	-o-transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
	-webkit-transition-delay: 0.5s;
	
	
	transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	
	pointer-events: auto;
}

.white #visualNavi {
	opacity: 0;
}

#visualNavi.large {

	width: 80px;
	height: 80px;
	position: absolute;
	left: 70px;
	bottom: 43px;
	
}

.visualNaviItem {
	float: left;
	width: 14%;
	height: 14%;
	margin: 3%;
	background: #FFF;
	
	cursor: pointer;
	
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	
	transition: background 0.2s;
	-webkit-transition: background 0.2s;
	-moz-transition: background 0.2s;
}

.visualNaviItem.active {
	background: #666;
}

.visualNaviItem.hover {
	background: #333;
}

.sharing {
	position: absolute;
	right: 0;
	bottom: 20px;
	
	width: 116px;
	height: 21px;
	
	
}

.sharing .icon {
	width: 21px;
	height: 21px;
	float: left;
	margin: 0 0 0 8px;
	
	background-size: 21px 21px;
	background-position: 0 0;
	background-repeat: no-repeat;
	
	
	opacity: 0.6;
	
	transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	-ms-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-webkit-transition: opacity 0.2s;
	
	pointer-events: auto;
}

.sharing .icon:hover {
	cursor: pointer;
	opacity: 1;
}

.sharing .icon.instagram {
	background-image: url("../images/icons/instagram.png");
	background-image: none, url("../images/icons/instagram.svg");
}

.sharing .icon.vimeo {
	background-image: url("../images/icons/vimeo.png");
	background-image: none, url("../images/icons/vimeo.svg");
}

.sharing .icon.twitter {
	background-image: url("../images/icons/twitter.png");
	background-image: none, url("../images/icons/twitter.svg");
}

.sharing .icon.fb {
	background-image: url("../images/icons/fb.png");
	background-image: none, url("../images/icons/fb.svg");
}




.round,
form input,
form textarea,
form input:focus {
  	-webkit-border-radius: 15px;
  	-moz-border-radius: 15px;
  	-ms-border-radius: 15px;
  	-o-border-radius: 15px;
  	border-radius: 15px;
    -webkit-appearance: none;
    outline: none;
}


form input,
form textarea {
	border:2px solid #c5c5c5;
	padding:5px 10px;
	color:#000;
	font-size:12px;
	width:70%;
}

form .submit {
	background:#dddddd;
	border:2px solid #dddddd;
	padding:3px 20px;
	cursor:pointer;
	font-size:12px;
}











.clearfix {
	width: 100%;
	height: 1px;
	clear: both;
}






@media screen and (max-width: 800px) {
	
	
	#scroller .slide {
		background-size: 800px;
		background-position: center top;
		position: relative;
		overflow: hidden;
	}
	
	.frontpage {
		padding: 50px 0 0 0;
	}
	
	.no-touch .overlay, .touch .overlay {
		background-color: #1c1916;
	}
	
	.no-touch .overlay.open, .touch .overlay.open {
		opacity: 1 !important;
	}
	
	.touch .overlay.open {
		display: block !important;
	}
	
	.overlay {
		margin: 400px 0 0 0;
	}
	
	.insideWrapper {
		width: 90%;
	}
	
	.content {
		padding: 30px 0 0 0;
	}
	
	.insideWrapper article p {
		width: 100%;
		float: none;
		height: auto !important;
		clear: both;
	}
	
	.insideWrapper article p.contact {
		width: 30%;
		float: left;
		clear: none;
		height: 135px !important;
	}
	
	.insideWrapper article .content img {
		float: none;
	}
	
	.panoWrapper {
		min-height: 400px;
		height: 400px;
	}
	
	.panoScroller {
		max-height: 360px !important;
		margin: 40px 0 0 0;
		-o-background-size: contain;
		-ms-background-size: contain;
		-moz-background-size: contain;
		-webkit-background-size: contain;
		background-size: contain;
	}
	
	.kart {
		padding: 50px 0 0 0;
	}
	
	.kart .kartContainer, .touch .kart .kartContainer {
		width: 100%;
		float: none;
		margin: -120px 0 0 0;
	}
	
	.kart .infoContainer {
		width: 100%;
		display: block;
	}
	
	.kart .infoContainer p {
		top: 260px;
	}
	
	.kart .birds .bird {
		width: 12px;
		height: 12px;
		background-size: 12px 12px;
	}
	
	#toggleInfoWrapper {
		display: none;
	}
	
	#visualNavi {
		left: 0;
	}
	
	ul.mainNavigation.level0 li.level1 {
		width: 28%;
		margin: 6% 0 0 0;
	}
	
	
}



@media screen and (max-width: 600px) {

	html {
		background-image: none;
		background-color: #1c1916;
	}

	body {
		max-width: 100%;
		overflow: scroll;
		overflow-x: hidden;
	}
	
	h2 {
		font-size: 19px;
		margin: 0;
	}
	
	.frontpage h2 {
		padding: 10px 0 60px 0;
	}
	
	p {
		font-size: 13px;
	}
	
	#wrapper {
		overflow: scroll;
	}
	
	#btnOverlay {
		position: fixed;
		z-index: 100;
	}
	
	#btnOverlay .paddingWrapper {
		height: 65px;
		background-color: rgba(57,49,43,0.75);
	}
	
	#btnOverlay.white .paddingWrapper {
		background-color: #FFF;
	}
	
	.menyWrapper {
		top: 10px;
	}
	
	#branding {
		top: 24px;
		
		width: 100px;
		height: 18px;
		
		position: absolute;
		background-position: 0 -18px;
		
		background-size: 100px 36px;
		
		cursor: pointer;
	}
	
	#menyToggle {
		height: 40px;
		width: 40px;
		background-color: rgba(255,255,255,0.05);
		background-size: 40px 80px;
		background-position: 0 -40px;
	}
	
	#menyToggle:hover {
		height: 40px;
		width: 40px;
		background-color: rgba(255,255,255,0.15);
		background-size: 40px 80px;
		background-position: 0 -40px;
	}
	
	.white #menyToggle {
		height: 40px;
		width: 40px;
		background-color: rgba(0,0,0,0.05);
		background-size: 40px 80px;
		background-position: 0 0;
	}
	
	.white #menyToggle:hover {
		height: 40px;
		width: 40px;
		background-color: rgba(0,0,0,0.15);
		background-size: 40px 80px;
		background-position: 0 0;
	}
	
	.topBottomBorder {
		border-bottom: none;
	}

	#scroller {
		width: 100%;
		height: auto;
		position: relative;
	}
	
	section.slide, section.slide.dark {
		background-image: none;
	}
	
	.slide {
		float: none;
		overflow-x: hidden;
	}
	
	.insideWrapper article p.contact {
		width: 100%;
		float: none;
		clear: both;
		height: auto !important;
	}
	
	.overlay, .no-touch .overlay, .touch .overlay {
		margin: 0;
		height: auto;
		background: none;
		
		background-color: transparent;
		
	}
	
	
	.paddingWrapper {
		height: auto;
	}
	
	.insideWrapper {
		height: auto;
	}
	
	.content {
		height: auto;
		display: block;
		padding: 50px 0;
	}
	
	.content img, .frontpage img {
		max-width: 100%;
		width: 100%;
		height: auto;
		padding: 20px 0;
	}
	
	.panoWrapper {
		display: none;
	}
	
	.content p {
		background: none;
		padding: 10px 0;
	}

	.frontpage {
		padding: 140px 0 50px;
	}
	
	.touch .kart .kartContainer, .kart .kartContainer {
		width: 100%;
		margin: 0;
	}
	
	.touch .kart .infoContainer, .kart .infoContainer {
		display: none;
	}
	
	.kart .birds .bird {
		width: 7px;
		height: 7px;
		background-size: 7px 7px;
	}
	
	.fisk {
		overflow: scroll;
		display: none;
	}
	
	.white .fisk {
		display: block;
	}
	
	
	ul.mainNavigation.level0 li.level1 {
		float: none;
		width: 90%;
		margin: 20px 0 0 0;
		padding: 10px 0 0 0;
		cursor: pointer;
	}
	
	ul.mainNavigation.level0 li.level1.mobileOpen li.level2 {
		visibility: visible;
		height: auto;
		padding: 6px 0 0 0;
		margin: 0;
	}
	
	ul.mainNavigation.level0 li.level1 li.level2 {
		visibility: hidden;
		height: 0;
		padding: 0;
		margin: 0;
		
		-o-transition: all 0.2s;
		-ms-transition: all 0.2s;
		-moz-transition: all 0.2s;
		-webkit-transition: all 0.2s;
		transition: all 0.2s;
	}
	
	.loginWrapper, .white .loginWrapper {
		display: none;
	}
	
	#visualNavi, .sharing {
		display: none;
	}


}