/* Stilark for Grøvik Verk */


* {
	margin: 0;
	padding: 0;
}

html, body {
	width: 100%;
	height: 100%;
}

body {
	font-family: "proxima-nova", sans-serif;
	overflow-x: hidden;
}

body.noscroll {
	overflow: hidden;
}

a img {
	border: none;
}

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

a:hover {
	color: #ff9c33;
}

.docList {
	margin-top: 20px;
	max-width: 500px;
	margin: 0 auto;
}

.docList ul {
	margin-top: 20px;
}

.docList ul li {
	padding: 5px 0;
	list-style-type: none;
}

#gridOverlay {
	position: fixed;
	width: 100%;
	min-height: 100%;
	height: 100%;
	background-image: url(../bilder/designelementer/struktur/grid.png);
	background-position: center top;
	background-repeat: repeat;
	z-index: 9999;
	pointer-events: none;
}

.modal-video {
	background-color: rgba(0,0,0,1) !important;
}

h2 {
	font-size: 30px;
	line-height: 40px;
	text-transform: uppercase;
	font-weight: 300;
	
	letter-spacing: 2px;
	
	margin: 10px 0;
	padding: 0;
}

.h2linje {
	width: 40px;
	height: 1px;
	background: #CCC;
	margin: 0 auto;
}

h2.introHeader {
	
	max-width: 500px;
	margin: 11px auto 0;
}

h3 {
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	
	width: 160px;
	
	margin: 0 auto 20px;
	border-bottom: 1px solid #CCC;
	padding: 5px 0 15px 0;
}

p {
	line-height: 20px;
	font-size: 14px;
	margin: 0 0 20px 0;
}

.pageContent p {
	font-family: "leitura-news", "proxima-nova", sans-serif;
	font-weight: 300;
	
	color: #333;
	
	font-size: 14px;
	line-height: 25px;
	
	max-width: 66%;
	margin: 23px auto 0;
}

.slide .pageContent {
	
	opacity: 0;
	
	transition-delay: 0 !important;
	
	-o-transition: opacity 0.2s;
	-ms-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
	
}

.touch .slide .pageContent {
	opacity: 1;
}

.slide .visible .pageContent {
	opacity: 1;
	
	transition-delay: 0.8s !important;
	
	-o-transition: opacity 0.6s;
	-ms-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-webkit-transition: opacity 0.6s;
	transition: opacity 0.6s;
}

.grovikTypo {
	width: 140px;
	height: 40px;
	margin: 0 auto;
	
	background: url(../bilder/designelementer/grovikTypo.png);
	background: none, url(../bilder/designelementer/grovikTypo.svg);
}

.introBadge {
	display: block;
	height: 80px;
	width: 80px;
	background: url(../bilder/designelementer/introBadge.png);
	background: none, url(../bilder/designelementer/introBadge.svg);
	margin: 47px auto 0;
}

.closeIntro {
	background: #eee;
	width: 160px;
	line-height: 40px;
	margin: 62px auto 0;
	cursor: pointer;
	font-size: 12px;

	-webkit-transition: background 0.2s;
	transtion: background 0.2s;
}

.closeIntro:hover {
	background: transparent;
}

.chooseLang {
	width: 160px;
	margin: 20px auto;
	height: 40px;
	position: relative;
}

.chooseLang a {
	display: block;
	width: 80px;
	height: 40px;
	float: left;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 27px 20px;
}

.chooseLang a:first-child {
	width: 79px;
	border-right: 1px solid #999;
}

.chooseLang a.eng {
	background-image: url(../bilder/bilder/struktur_element/sprakvalg/eng_bw.png);
	background-image: url(../bilder/bilder/struktur_element/sprakvalg/eng_bw.svg);
}

.chooseLang a.eng.current {
	background-image: url(../bilder/bilder/struktur_element/sprakvalg/eng.png);
	background-image: url(../bilder/bilder/struktur_element/sprakvalg/eng.svg);
}

.chooseLang a.nor {
	background-image: url(../bilder/bilder/struktur_element/sprakvalg/nor_bw.png);
	background-image: url(../bilder/bilder/struktur_element/sprakvalg/nor_bw.svg);
}

.chooseLang a.nor.current {
	background-image: url(../bilder/bilder/struktur_element/sprakvalg/nor.png);
	background-image: url(../bilder/bilder/struktur_element/sprakvalg/nor.svg);
}

.innerWrapper {
	width: 1278px;
	height: auto;
	margin: -1px auto 0;
	padding: 1px;
	position: relative;
}

.pageHeader {
	width: 100%;
	height: 80px;
	
	z-index: 100;
	
	position: fixed;
	background: #FFF;
	
	-webkit-backface-visibility: hidden;
	
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}



.pageHeader.open, .pageHeader.intro {
	height: 100%;
	overflow: hidden;
}

.pageHeader .innerWrapper {
	z-index: 500;
}

.pageHeader.large .smallLangSelect, .pageHeader.medium .smallLangSelect, .pageHeader.small .smallLangSelect {
	display: none;
}

.smallLangSelect {
	position: absolute;
	bottom: 30px;
	width: 100%;
	text-align: center;
}

.pageHeader .smallLangSelect .chooseLang a span {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}

.pageHeader.open .smallLangSelect {
	display: none;
}

#topMenuOptions {
	position: absolute;
	right: 0;
	margin: 20px 20px 0 0;
	height: 60px;
	z-index: 999;
}

#topMenuOptions #searchToggle {
	float: left;
	position: static;
	width: 5 0px;
	background-repeat: no-repeat;
	background-position: center center;
}

#topMenuOptions .chooseLang  {
	
	width: 124px;
	float: left;
	position: static;
	margin: 0 12px 0 0 !important;
	height: auto;
}

#topMenuOptions .chooseLang a:first-child {
	width: 62px;
	border: none;
}

#topMenuOptions .chooseLang a {
	width: 62px;
	box-sizing: border-box;
	background-size: 24px 17px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#topMenuOptions .chooseLang a span {
	width: 100%;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	border-right: 1px solid #999;
	height: 25px;
}

#topMenuOptions #menuToggle2 {
	float: left;
	position: static;
	margin: 0 6px 0 0 !important;
	height: 40px;
	width: 40px;
	background-image: url(../bilder/designelementer/menu_bars.png);
	/*background-image: none, url(../bilder/designelementer/menu_bars.svg);*/
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 40px 40px;
}

#frontVideo, .introContainer {
	height: 100vh;
	width: 100%;
	overflow: hidden;
	position: relative;
}

.introContainer {
	z-index: 99;
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: center;
}

.introContainer #introInfo {
	display: block;
	color: #FFF;
}

.introContainer #introInfo .introHeader {
	text-align: center;
}

.introContainer #introInfo .grovikTypo {
	background: url(../bilder/designelementer/grovikTypo_hvit.png);
	background: none, url(../bilder/designelementer/grovikTypo_hvit.svg);
}

.introContainer #introInfo .introBadge {
	background: url(../bilder/designelementer/introBadge_hvit.png);
	background: none, url(../bilder/designelementer/introBadge_hvit.svg);
}

.videoLink {
	position: absolute;
	right: 100px;
	bottom: 50px;
	color: #FFF;
	z-index: 9999;
	background-color: transparent;
	border: none;
	font-size: 15px;
	cursor: pointer;
	padding: 20px 80px 20px 0;
	background: url(../bilder/designelementer/video_icon2.svg);
	background-repeat: no-repeat;
	background-position: right center;
	-o-transition: all ease 0.2s;
	-ms-transition: all ease 0.2s;
	-moz-transition: all ease 0.2s;
	-webkit-transition: all ease 0.2s;
	transition: all ease 0.2s;
}

.videoLink:hover {
	right: 100px;
	bottom: 45px;
	padding: 25px 85px 25px 0; 
	
}

#frontVideo video {
	min-width: 100%; 
	min-height: 100%;
	width: auto;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%); 
	z-index: 8;
}

#introInfo {
	display: none;
}

.intro #introInfo {
	display: block;
	
	width: 100%;
	margin: 201px 0 0 0;
	text-align: center;
}

.historieintro {
	height: 400px;
	width: 400px;
	
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -200px 0 0 -200px;
	
	opacity: 0;
	
	transition-delay: 0s !important;
	
	-o-transition: opacity 0.2s;
	-ms-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.touch .historieintro {
	opacity: 1;
}

.visible .historieintro {
	opacity: 1;
	
	transition-delay: 0.8s !important;
	
	-o-transition: opacity 0.6s;
	-ms-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-webkit-transition: opacity 0.6s;
	transition: opacity 0.6s;

}

.aktueltButton {
	height: 400px;
	width: 400px;
	
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -200px 0 0 -200px;
	
	opacity: 0;
	
	transition-delay: 0s !important;
	
	-o-transition: opacity 0.2s;
	-ms-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.touch .aktueltButton {
	opacity: 1;
}

.visible .aktueltButton {
	opacity: 1;
	
	transition-delay: 0.8s !important;
	
	-o-transition: opacity 0.6s;
	-ms-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-webkit-transition: opacity 0.6s;
	transition: opacity 0.6s;

}

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

.aktueltButton img.basic, .no-touch .aktueltButton:hover img.hover {
	display: block;
}

.no-touch .aktueltButton:hover img.basic, .aktueltButton img.hover {
	display: none;
}

#menuToggle {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 20px;
	left: 50%;
	margin: 0 0 0 -20px;
	cursor: pointer;
	
	z-index: 100;
}

#menuToggle .logo {
	position: absolute;
	height: 40px;
	width: 40px;
	
	background-size: 40px 40px;
	background-repeat: no-repeat;
	background-position: 0 0;
	
	-o-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

#menuToggle .logo.mork {
	background-image: url(../bilder/designelementer/logoHeader.png);
	background-image: none, url(../bilder/designelementer/logoHeader.svg);
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	opacity: 1;
}
.hover #menuToggle .logo.mork, .open #menuToggle .logo.mork, .intro #menuToggle .logo.mork {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

#menuToggle .logo.lys {
	background-image: url(../bilder/designelementer/logoHeaderHvit.png);
	background-image: none, url(../bilder/designelementer/logoHeaderHvit.svg);
	
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.hover #menuToggle .logo.lys, .open #menuToggle .logo.lys, .intro #menuToggle .logo.lys {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.menuToggleIntro {
	width: 200px;
	height: 100px;
	
	position: absolute;
	top: -120px;
	left: 50%;
	
	margin: 0 0 0 -100px;
	
	background-image: url(../bilder/designelementer/menuToggleIntro.png);
	background-image: none, url(../bilder/designelementer/menuToggleIntro.svg);
	
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	
	z-index: 50;
}

.intro .menuToggleIntro, .open .menuToggleIntro, .hover .menuToggleIntro, .open.hover .menuToggleIntro  {
	top: 0;
}


#funfactToggle {
	width: 40px;
	height: 40px;
	background-image: url(../bilder/designelementer/funfactIcon.png);
	background-image: none, url(../bilder/designelementer/funfactIcon.svg);
	cursor: pointer;
	z-index: 5000;
	position: absolute;
	top: 20px;
	left: 0;
}

#searchToggle {
	width: 40px;
	height: 40px;
	background-image: url(../bilder/designelementer/searchIcon.png);
	background-image: none, url(../bilder/designelementer/searchIcon.svg);
	cursor: pointer;
	z-index: 5000;
	position: absolute;
	top: 20px;
	right: 0;
	
	cursor: pointer;
}

.inputSearch {
	width: 400px;
	background: none;
	border: none;
	height: 40px;
	font-family: "proxima-nova", sans-serif;
	font-weight: 300;
	
	color: #FFF;
	
	font-size: 30px;
	line-height: 40px;
	text-align: center;
	text-transform: uppercase;
	
	padding: 12px 0 0 0;
}

.inputSearch:focus {
	border: none;
	outline: none;
}

h4.searchString {
	margin: 20px 0;
	font-weight: 300;
	line-height: 20px;
}

h4.searchString span {
	font-weight: 500;
}

article.searchResult {
	padding: 26px 0 0;
}

article.searchResult .delestrek45 {
	background-image: url(../bilder/designelementer/delestrek45.png);
	background-image: none, url(../bilder/designelementer/delestrek45.svg);
	height: 40px;
	width: 40px;
	margin: 30px auto 5px;
	
	background-size: 20px 20px;
	background-position: center center;
	background-repeat: no-repeat;
}

article.searchResult h2 {
	margin: 0 auto;
}

article.searchResult a, article.searchResult a h2 {
	color: #000;
	text-decoration: none;
	
	-o-transition: color 0.3s;
	-ms-transition: color 0.3s;
	-moz-transition: color 0.3s;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}

article.searchResult a:hover, article.searchResult a:hover h2 {
	color: #FFF;
}

#searchOverlay {
	position: absolute;
	top: 0;
	left: 100%;
	
	-o-transition: all 0.7s cubic-bezier(0.545, 0.595, 0.340, 0.945);
	-ms-transition: all 0.7s cubic-bezier(0.545, 0.595, 0.340, 0.945);
	-moz-transition: all 0.7s cubic-bezier(0.545, 0.595, 0.340, 0.945);
	-webkit-transition: all 0.7s cubic-bezier(0.545, 0.595, 0.340, 0.945);
	transition: all 0.7s cubic-bezier(0.545, 0.595, 0.340, 0.945);
}

.orangeOverlay {
	position: absolute;

	width: 100%;
	height: 100%;
	background: #ff881f;
}

.open .orangeOverlay {
	height: 0;
}

.searchPage {
	background: #ff881f;
	min-height: 100%;
	padding: 0 0 120px 0;
}

.searchHover #searchOverlay {
	left: 92%;
}

.searching #searchOverlay {
	left: -1600px;
}

.funfacts #searchOverlay {
	z-index: 300;
}

.searchMask {
	width: 1600px;
	background-image: url(../bilder/designelementer/searchMaske.png);
	background-repeat: no-repeat;
	float: left;
}

.searchContent {
	float: left;
	background: #ff881f;
}

.wrapper {
	width: 100%;
	height: 100%;
}

.wrapper.horizontal {
	overflow-y: hidden;
	position: relative;
}

#scroller {
	width: 100%;
	height: 100%;
	position: relative;
	
	-o-transition: margin 0.2s;
	-ms-transition: margin 0.2s;
	-moz-transition: margin 0.2s;
	-webkit-transition: margin 0.2s;
	transition: margin 0.2s;
}


.scrollPage .nextSection {
	display: none;
}

.scrollPage:nth-child(2n+2) {
	background: #f1f1f1 !important;
}

.scrollPage, .contactPage {
	width: 100%;
	min-height: auto !important;
	height: auto !important;
	float: left;
	position: relative;
	background: #f1f1f1;
}

.scrollPage.fullHeight {
	height: 100%;
}

.scrollPage.centeredContent {
	height: 100%;
}

/*.scrollPage.centeredContent .innerWrapper {
	height: 100%;
	display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    align-items: center;
}*/

.scrollPage.centeredContent .innerWrapper .pageContent {
	padding-top: 100px;
	width: 100%;
}

.scrollPage .innerWrapper .pageContent {
	position: relative;
	height: auto !important;
	padding: 150px 0 100px 0;
}

.scrollPage .innerWrapper .pageContent .bottomLine {
	display: block;
	width: 100%;
	border-top: 2px solid #c1c1c1;
}

.scrollPage .pageContent {
	text-align: left;
}

.scrollPage .pageContent h2 {
	text-align: center;	
	text-transform: none;
}

.scrollPage .pageContent .h2linje {
	margin-bottom: 50px;
}

.scrollPage .pageContent p {
	max-width: none;
	margin: 0;
	font-size: 15px;
}

.scrollPage .pageContent .textBoxes {
	max-width: 835px;
	margin: 0 auto;
} 

.scrollPage .pageContent .textBox1 {
	float: right;
	width: 61%;
	padding: 0 0 0 30px;
	box-sizing: border-box;
}

.scrollPage .pageContent .textBox0 {
	margin: 0 auto;
	width: 80%;
	max-width: 664px;
	padding: 0 0 100px 0;
	box-sizing: border-box;
}

.scrollPage .pageContent .textBox0 p {
	margin-bottom: 20px;
}

.scrollPage .pageContent .textBox1 p:first-child {
	font-size: 20px;
	line-height: 27px;
	font-family: "proxima-nova", sans-serif;
}


.scrollPage .pageContent .textBox0 p:first-child {
	font-size: 23px;
	line-height: 29px;
	font-family: "proxima-nova", sans-serif;
	margin-bottom: 40px;
}

.scrollPage .pageContent .textBox0 p strong {
	font-weight: 500;
}

.scrollPage .pageContent .textBox2 {
	float: left;
	width: 80%;
	padding: 50px 90px 100px 0;
	box-sizing: border-box;
}

.scrollPage .pageContent .textBox2 p {
	font-size: 15px;
	line-height: 24px;
	margin-bottom: 20px;
}

.scrollPage .pageContent .contenticon {
	float: left;
	margin-left: 0;
	margin-right: 0;
	width: 25%;
	box-sizing: border-box;
}

.scrollPage:nth-child(2n+2) .pageContent .contenticon {
	float: right;
	margin-left: 0;
}

.scrollPage:nth-child(2n+2) .pageContent .textBox1 {
	float: left;
	width: 61%;
	padding: 0 30px 0 0 ;
}

.scrollPage:nth-child(2n+2) .pageContent .textBox2 {
	float: right;
	padding: 90px 0 100px 90px;
	box-sizing: border-box;
}

.scrollPage .pageContent .mainImgBox {
	width: 100%;
	/*max-width: 1000px;
	margin: 0 auto 80px auto;*/
	margin-bottom: 80px;
	position: relative;
	height: 500px;
	overflow: hidden;
}

.scrollPage .pageContent .mainImgBox .videoLink, .pageContent .mainImgBox .js-video-button {
	position: absolute;
	right: 100px;
	bottom: 50px;
	color: #FFF;
	z-index: 999;
	background-color: transparent;
	border: none;
	font-size: 15px;
	cursor: pointer;
	padding: 20px 80px 20px 0;
	background: url(../bilder/designelementer/video_icon2.svg);
	background-repeat: no-repeat;
	background-position: right center;
}

.scrollPage .pageContent .mainImgBox .videoLink:hover, .pageContent .mainImgBox .js-video-button:hover {
	right: 100px;
	bottom: 45px;
	padding: 25px 85px 25px 0; 
	
}

.scrollPage .pageContent .mainImgBox img {
	max-width: 100%;
	position: absolute;
	margin: auto;
	top: -100%;
	right: -100%;
	bottom: -100%;
	left: -100%;
	width: 100%;
	max-height: none;
	height: auto;
}

.fvLeft, .fvCenter, .fvRight {
	box-sizing: border-box;
	height: 100%;
}

.fvContainer {
	height: 100%;
}

.fvLeft {
	float: left;
	width: 25%;
	text-align: left;
}

.fvLeft h2, .fvRight h2 {
	max-width: none;
	text-align: left;
	font-size: 30px;
	padding-bottom: 5px;
	border-bottom: 1px solid #CCC;
	display: block;
	width: 100%;
	margin-top: 169px;
	margin-bottom: 20px;
}

.fvCenter {
	float: left;
	width: 50%;
	text-align: center;
	height: 100%;
	display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    align-items: center;
}

.fvRight {
	float: right;
	width: 25%;
	text-align: right;
}

.fvRight h2 {
	text-align: right !important;
}

.titleContainer {
	margin-top: 169px;
	margin-bottom: 20px;
	width: 100%;
	height: 46px;
	overflow: hidden;
	border-bottom: 1px solid #CCC;
	position: relative;
}

.titleScroller {
	width: 100%;
	position: absolute;
	top: 0;
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.fvTitle {
	height: 46px;
	width: 100%;
}

.fvTitle h2 {
	margin-top: 0;
	border-bottom: none;
}

.fvListe {
	position: absolute;
	top: 0;
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	width: 100%;
	height: 100%;
}

.fvListe .fvItem  {
	width: 100%;
	height: 100%;
	position: relative;
}

.fvListe .fvItem .fvFargeOverlay {
	height: 100%;
}

.fvSample {
	display: inline-block;
	width: 303px;
	height: 303px;
	border: 1px solid #CCC;
	-webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
}

/*.fvInfoMob {
	display: none;
	color: #FFF;
	text-align: center;
	-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: -35px;
    top: -38px;
    width: 235px;
    height: 235px;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	align-items: center;   
}

.fvInfoMob.Hvit {
	color: #000;
}*/

.fvSample .fvFargeOverlay {
	width: 100%;
	height: 0;
	display: block;
	overflow: hidden;
	/*text-indent: -99999px;*/
	-o-transition: height 0.7s;
	-ms-transition: height 0.7s;
	-moz-transition: height 0.7s;
	-webkit-transition: height 0.7s;
	transition: height 0.7s;
	z-index: 0;
}

.fvSample .fvFarge {
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	text-indent: -99999px;
}

#fargeVelgerContainer {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	align-items: center;
	/*min-height: 730px;*/
}

.fargeVelger {
	width: 100%;
	height: 430px;
	position: relative;
	max-width: 1000px;
	margin: 0 auto;
}

.fargeVelger ul#fargeVelgerListe {
	width: 100%;
	height: 100%;
}

.fargeVelger ul#fargeVelgerListe > li {
	list-style-type: none;
	opacity: 1;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

ul#fargeVelgerListe li.active {
	opacity: 1;
}

ul#fargeVelgerListe li.active .fvFargeOverlay  {
	height: 100%;
	z-index: 999;
}




.fargeVelger ul#fargeVelgerListe > li h2 {
	max-width: none;
	margin: 0;
	text-align: left;
	font-size: 30px;
	padding-bottom: 5px;
	border-bottom: 1px solid #CCC;
	display: block;
	width: 100%;
	margin-top: 169px;
	margin-bottom: 20px;
}

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

.fvInfoTextContainer .fvInfoText {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	-o-transition: opacity 0.4s;
	-ms-transition: opacity 0.4s;
	-moz-transition: opacity 0.4s;
	-webkit-transition: opacity 0.4s;
}

.fvInfoTextContainer .fvInfoText.showText {
	opacity: 1;
}

.fargeProduktListe {
	position: relative;
	width: 100%;
	height: 100%;
	list-style-type: none;
}

.fargeProduktListe li.fargeProduktInfo {
	position: absolute;
	top:0;
	right: 0;
	text-align: right;
	list-style-type: none;
	opacity: 0;
	-o-transition: opacity 0.4s;
	-ms-transition: opacity 0.4s;
	-moz-transition: opacity 0.4s;
	-webkit-transition: opacity 0.4s;
	transition: opacity 0.4s;
}

.fargeProduktListe li.fargeProduktInfo.showInfo {
	opacity: 1;
}

.fargeProduktLinker ul li {
	list-style-type: none;
	display: inline-block;
	margin-bottom: 5px;
	margin-left: 3px;
	font-size: 14px;
}

.fargeProduktLinker ul li:first-child:before {
	content: "";
	margin: 0 0 0 0;
}

.fargeProduktLinker ul li:before {
	content: "/";
	margin: 0 8px 0 0;
}

.fvNavContainer {
	width: 100%;
	overflow-y: hidden;
}

.fvNavTop {
	width: 100%;
	height: 135px;
	padding-top: 25px;
	padding-bottom: 25px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	align-items: center;
	position: relative;
}

.fvNavTop .fvNavLine {
	display: inline;
	width: 1px;
	height: 100%;
	background-color: #000;
}

.fvNavSlider {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	align-items: center;
	overflow: hidden;
}

.fvNav {
	width: 104px;
	height: 104px;	
	position: relative;
}

.fvNav::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE and Edge */
.fvNav {
  -ms-overflow-style: none;
}

.fvNavScroller {
	width: 1000px;
	position: absolute;
	left: 0;
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.fvNav li {
	float: left;
	font-size: 0;
	margin: 0 5px;
}

.fvNav .fvNavItem {
	cursor: pointer;
	width: 115px;
	float: left;
}

.fvNavThumb {
	width: 104px;
	height: 104px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	align-items: center;
}

.fvNavFarge {
	width: 72px;
	height: 72px;
	-webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: relative;
    overflow: hidden;
}

.fvNavFarge > span {
	display: block;
	overflow: hidden;
	text-indent: -99999px;
}

.fvProdMob {
	width: 100%;
	padding: 20px 0;
	display: none;
	text-align: center;
}

.fvProdMob p {
	margin-bottom: 10px;
}

.fvProdMob ul.fargeProduktListeMob {
	width: 100%;
	position: relative;
}

.fvProdMob .fargeProduktListeMob li.fargeProduktInfoMob {
	text-align: center;
	right: auto;
	width: 100%;
	position: absolute;
	opacity: 0;
	-o-transition: opacity 0.4s;
	-ms-transition: opacity 0.4s;
	-moz-transition: opacity 0.4s;
	-webkit-transition: opacity 0.4s;
	transition: opacity 0.4s;
}

.fvProdMob .fargeProduktListeMob li.fargeProduktInfoMob.showMobInfo {
	opacity: 1;
}




.contactPage .pageContent .contactColLeft, .contactPage .pageContent .contactColRight {
	text-align: left;
}

.contactPage .pageContent p {
	text-align: left;
	margin: 0 0 20px 0;
	line-height: 25px;
	max-width: none;
}

.contactPage .pageContent .contactColLeft h2, .contactPage .pageContent .contactColRight h2 {
	max-width: none;
	margin: 0 0 20px 0;
}

.contactPage .contactHeader {
	margin-bottom: 100px;
}

.contactPage .contactColLeft {
	width:40%;
	float: left;
}

.contactPage .infoBox {
	padding: 60px 85px 40px 85px;
	box-sizing: border-box;
}

.contactPage .infoBox.white {
	background-color: rgba(255,255,255,0.5);
}


.contactPage .infoBox ul {
	margin: 0;
	display: flex;
	flex-wrap: wrap;
}

.contactPage .infoBox ul:before, .contactPage .infoBox ul:after {
	content: normal;
}

.contactPage .infoBox ul li:before, .contactPage .infoBox ul li:after {
	content: normal;
}

.contactPage .infoBox ul li {
	list-style-type: none;
	float: left;
	width: 50%;
	box-sizing: border-box;
	margin-bottom: 40px;
}

.contactPage .infoBox ul li h3 {
	width: auto;
	border-bottom: none;
	font-size: 18px;
	margin: 0 0 15px 0;
	padding: 0;
}


.contactPage .contactColRight {
	width:60%;
	float: right;
}

.contactPage .contactFooter {
	float: none;
	padding: 100px 0 150px 0;
}

.contactPage .contactHeader p {
	font-family: "proxima-nova", sans-serif;
	font-size: 30px;
	text-align: left;
	max-width: none;
	line-height: 35px;
}


.page {
	width: 100%;
	min-height: 100%;
	height: 100%;
	float: left;
	position: relative;
	
	background: #f1f1f1;
}

.page.contentHeight {

	min-height: 100%;
	height: auto !important;
	padding-bottom: 100px;
}

.page:nth-child(2n+2) {
	background: #e5e5e5;
}

.page.landingSection {

	background: none;
	background-image: url(../bilder/designelementer/kind_logowall_large.jpg);
	background-attachment: fixed;
	background-position: center;
	/*
	background-size: cover;
	*/
}

ul.innholdsliste {
	list-style-type: none;
	font-size: 0;
	margin: 39px 0 0 0;
}

ul.innholdsliste li {
	width: 200px;
	border-top: 1px solid #CCC;
	padding: 20px 0 0 0;
	margin: 40px 20px 0;
	text-align: center;
	display: inline-block;
	vertical-align: top;
}

ul.innholdsliste li h3 {
	text-transform: uppercase;
	border: none;
	padding: 0;
	margin: 5px auto 0;
	line-height: 20px;
}

ul.innholdsliste.extend {
	position: relative;
	overflow: hidden;
	margin: 59px auto 0;
	width: 960px;
	height: 241px;
}

ul.innholdsliste.extend li.wrap {
	position: absolute;
	margin: 0;
	padding:0;
	width: auto;
	border: none;
	
	-o-transition: left 0.7s;
	-ms-transition: left 0.7s;
	-moz-transition: left 0.7s;
	-webkit-transition: left 0.7s;
	transition: left 0.7s;
}

ul.innholdsliste.extend li.wrap ul {
	width: 960px;
	text-align: center;
}

ul.innholdsliste.extend li.wrap ul li {
	margin: 0 20px
}

ul.kontaktpersoner li p {
	margin: 0 0 16px 0;
	line-height: 24px;
	max-width: 100%;
}

address {
	font-style: normal;
	font-size: 15px;
	line-height: 20px;
}

ul.forhandlere li h3 {
	margin: 5px auto 20px;
}

ul.forhandlere li a {
	display: block;
	margin: 20px 0 0 0;
}

ul.innholdsliste li a {
	text-decoration: none;
	color: #333;
}

ul.innholdsliste li a:hover {
	color: #ff881f;
}

.forhandlerlogin {
	margin: 0;
}

.forhandlerlogin input {
	font-family: "proxima-nova", sans-serif;
	width: 360px;
	margin: 33px auto 0;
	background: transparent;
	border: none;
	text-align: center;
	font-size: 20px;
	line-height: 40px;
	font-weight: 300;
	letter-spacing: 2px;
	height: 40px;
	
	-o-transition: color 0.2s;
	-ms-transition: color 0.2s;
	-moz-transition: color 0.2s;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

.forhandlerlogin .h2linje {
	height: 40px;
	width: 40px;
	background: transparent;
	background-image: url(../bilder/designelementer/delestrek45.png);
	background-image: none, url(../bilder/designelementer/delestrek45.svg);
	background-size: 20px 20px;
	background-position: center center;
	background-repeat: no-repeat;
	margin: 6px auto 9px;
}

.forhandlerlogin input[type="password"] {
	margin: 0;
}

.forhandlerlogin input[type="submit"] {
	display: block;
	font-size: 20px;
	background: #000;
	color: #FFF;
	width: 160px;
	margin: 51px auto 0;
	cursor: pointer;
	opacity: 1;
}

.forhandlerlogin input[type="submit"]:hover {
	opacity: 0.7;
}

.forhandlerlogin input:focus {
	outline: none;
}

.forhandlerlogin input:focus::-webkit-input-placeholder {
	color: transparent;
}

.loginfooter {
	margin-top: 26px;
}	
	
.loginfooter h3 {
	width: 100%;
	padding: 0;
	margin: 0 auto 19px;
	border-bottom: none;
}

.loginfooter a {
	color: #000;
	text-decoration: none;
}

.loginfooter a:hover {
	color: #ff9c33;
}

.loginfooter p {
	font-family: "proxima-nova", sans-serif;
	font-weight: 400;
	margin: 20px auto 11px;
}

.loginfooter .h2linje {
	margin-bottom: 25px;
}

.nextSection {
	width: 260px;
	height: 70px;
	position: absolute;
	left: 50%;
	bottom: 20px;
	margin: 0 0 0 -130px;
	
	cursor: pointer;
}



.nextSectionName {
	width: 260px;
	height: 30px;
	text-align: center;
	text-transform: uppercase;
}

.nextSectionIcon {
	width: 40px;
	height: 40px;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin: 0 0 0 -20px;
	background-image: url(../bilder/designelementer/pil_ned.png);
	background-image: none, url(../bilder/designelementer/pil_ned.svg);
	
	background-size: 40px 80px;
	background-position: 0 0;
}

.nextSection:hover .nextSectionIcon {
	background-position: 0 -40px;
}

.pageContent {
	text-align: center;
	padding: 200px 0 0;
	position: relative;
	/*max-width: 1000px;
	margin: 0 auto;*/
}

.pageContent .contenticon {
	display: inline-block;
	width: 90px;
	height: 103px;
	margin: 0;
	
	background-size: 90px 103px;
	background-repeat: no-repeat;
	background-position: left top;
}

.pageContent .contenticon.innovation {
	background-image: url(../bilder/designelementer/inovation-large.png);
	background-image: none, url(../bilder/designelementer/inovation-large.svg);
}

.pageContent .contenticon.miljo {
	background-image: url(../bilder/designelementer/miljo-large.png);
	background-image: none, url(../bilder/designelementer/miljo-large.svg);
}

.pageContent .contenticon.omoss {
	background-size: 90px 78px;
	background-image: url(../bilder/designelementer/markedsleder-ikon.png);
	background-image: none, url(../bilder/designelementer/markedsleder-ikon.svg);
	background-position: right top;
}



.pageContent h2 {
	max-width: 800px;
	margin: 10px auto 9px;
}

.pageContent h2.headline_218 {
	max-width: 700px;
}

.pageContent .imgContentWrapper {
	position: relative;
	width: 860px;
	margin: 0 auto;
}

.imgPlaceholder {
	width: 320px;
	height: 240px;
	float: left;
	margin: 0 0 0 10px;
}

.imgPlaceholder img {
	max-width: 100%;
	height: auto;
}

.textWrapper {
	width: 420px;
	height: auto;
	float: left;
	
	text-align: left;
	margin: 0 0 0 80px;
}

.textWrapper .h2linje {
	margin: 0;
}

.textWrapper p {
	max-width: 100%;
	width: 100%;
	margin: 20px 0 0 0;
}

.pageContent .noImgContentWrapper {
	position: relative;
	width: 860px;
	margin: -1px auto 0;
}

.pageContent .noImgContentWrapper h2 {
	margin: 11px auto 8px;
}

p.arstall {
	font-size: 17px;
	line-height: 30px;
	max-width: 100%;
	width: 100%;
	margin: -41px 0 10px 0;
	
	font-weight: 400;
}

.textWrapper p.arstall {
	font-size: 17px;
	line-height: 30px;
	max-width: 100%;
	width: 100%;
	margin: -41px 0 10px 0;
}

.arstallReplace {
	
}

.thisBackground, .venstremaskePng, .venstremaskeBg {
	display: none;
}



.produktKategoriWrapper {
	text-align: center;
	padding: 199px 120px 0;
	position: relative;
}


ul.dokumenter {
	list-style-type: none;
	margin: 35px 0 0 0;
}

ul.dokumenter li {
	float: left;
	width: 33%;
}

ul.dokumenter li a {
	display: block;
	line-height: 40px;
	padding: 0 0 0 50px;
	text-align: left;
	color: #000;
	text-decoration: none;
	
	background-size: 20px 20px;
	background-position: 10px 10px;
	background-repeat: no-repeat;
}

ul.dokumenter li a:hover {
	color: #ff881f;
}
	

ul.dokumenter li a[href$=".pdf"] {
	background-image: url(../bilder/designelementer/dokument_20_PDF.png);
	background-image: none, url(../bilder/designelementer/dokument_20_PDF.svg);
}

ul.dokumenter li a[href^="http"] {
	background-image: url(../bilder/designelementer/dokument_20_VIDEO.png);
	background-image: none, url(../bilder/designelementer/dokument_20_VIDEO.svg);
}


/*

	Slideshow

*/


#venstreSlideNav, #venstreAktueltNav {
	width: 33%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	
	cursor: url(../bilder/designelementer/Prev.png) 40 40, pointer;
	z-index: 99;
}

#playPauseSlide {
	width: 34%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 33%;
	
	cursor: url(../bilder/designelementer/Play.png) 40 40, pointer;
}

#playPauseSlide.play {
	cursor: url(../bilder/designelementer/Pause.png) 40 40, pointer;
}

#hoyreSlideNav, #hoyreAktueltNav {
	width: 33%;
	height: 100%;
	position: fixed;
	top: 0;
	right: 0;
	
	cursor: url(../bilder/designelementer/Next.png) 40 40, pointer;
	z-index: 99;
}

.extranav {
	width: 120px;
	height: 40px;
	position: fixed;
	left: 50%;
	bottom: 40px;
	margin-left: -60px;
}

.extranav .extraprev {
	height: 40px;
	width: 40px;
	position: absolute;
	left: 0;
	cursor: pointer;
	background-size: 40px 80px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image: url(../bilder/designelementer/prevSprite.png);
	background-image: none, url(../bilder/designelementer/prevSprite.svg);
}

.extranav .extraprev:hover {
	background-position: 0 -40px;
}

.extranav .extranext {
	height: 40px;
	width: 40px;
	position: absolute;
	right: 0;
	cursor: pointer;
	background-size: 40px 80px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image: url(../bilder/designelementer/nextSprite.png);
	background-image: none, url(../bilder/designelementer/nextSprite.svg);
}

.extranav .extranext:hover {
	background-position: 0 -40px;
}

.slide {
	float: left;
	background-attachment: fixed;
	background-size: cover;
}

.slideBlock {
	float: left;
	position: relative;
}

.slideImage {
	/*
	background-image: url(../bilder/designelementer/kind_logowall_large.jpg);
	*/
	background-attachment: fixed;
	background-size: cover;
}

.touch .slideImage {
	background-attachment: scroll;
}

.slideImageInfo {
	background-color: #FFF;
}

.slideImageInfoOverlay {
	width: 100%;
	height: 100%;
}

.venstreMaske {
	background-image: url(../bilder/designelementer/venstreMaske.png);
	background-repeat: repeat;
	
	width: 1600px;
	height: 100%;
	
	float: left;
}

.maskImage {
	height: 100%;
	background-position: left bottom;
	background-repeat: no-repeat;
	
}

.hoyreMaske {
	background-image: url(../bilder/designelementer/hoyreMaske.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	
	
	width: 1600px;
	height: 100%;
	
	float: left;
	
}

.maskContainer {
	background-image: url(../bilder/designelementer/aktueltMaske.png);
	background-repeat: no-repeat;
	
	width: 3200px;
}

.hide {
	display: none;
}





/*

	Hovednavigasjon

*/


.navScroller {
	max-height: 80px;
	padding: 1;
	position: relative;
	margin: 23px 0 0 0;
	padding: 1px;
	
	-o-transition: max-height 0.5s, margin 0.5s;
	-ms-transition: max-height 0.5s, margin 0.5s;
	-moz-transition: max-height 0.5s, margin 0.5s;
	-webkit-transition: max-height 0.5s, margin 0.5s;
	transition: max-height 0.5s, margin 0.5s;
}

.open .navScroller {
	max-height: 1000px;
	margin: 163px 0 0 0;
}

.intro .mainNavigation {
	top: -200px;
}

.mainNavigation {
	height: auto;
	width: 100%;
	position: relative;
	top: 0;
	
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.mainNavigation ul.level0 {
	list-style-type: none;
	position: relative;
	text-align: center;
	display: block;
	
	width: 1000px;
	margin: 0 auto;

	-o-transition: width 0.5s;
	-ms-transition: width 0.5s;
	-moz-transition: width 0.5s;
	-webkit-transition: width 0.5s;
	transition: width 0.5s;
}

.open .mainNavigation ul.level0 {
	width: 960px;
}

.mainNavigation li.level1 {
	float: left;
	padding: 0;
	list-style-image: none;
	
	font-weight: 700;
	
	width: 160px;
	margin: 25px 20px 0;
	
	-o-transition: margin 0.5s;
	-ms-transition: margin 0.5s;
	-moz-transition: margin 0.5s;
	-webkit-transition: margin 0.5s;
	transition: margin 0.5s;
	
	border-bottom: 1px solid #CCC;
}

.mainNavigation li.level1.active-self, .mainNavigation li.level1.active-parent {
	border-bottom: 1px solid #ff881f;
}

.mainNavigation li.level1:nth-child(1) {
	margin: 0 40px 0 0;
}

.mainNavigation li.level1:nth-child(2) {
	margin: 0 40px 0 40px;
}

.mainNavigation li.level1:nth-child(3) {
	margin: 0 0 0 160px;
}

.mainNavigation li.level1:nth-child(4) {
	margin: 0 0 0 80px;
}

.open .mainNavigation li.level1 {

	margin: 0 40px 0;
	border-bottom: none;
}

.searching .mainNavigation li.level1, .funfacts .mainNavigation li.level1 {

	border-bottom: 1px solid #333;
}

.intro .mainNavigation li.level1 {
	margin: -80px 30px 0;
}

.mainNavigation li.level1 a {
	color: #000;
	text-decoration: none;
}

.mainNavigation li.level1 a:hover {
	color: #ff881f;
}

.mainNavigation ul.level1 {

	max-height: 0px;
	overflow: hidden;

	list-style-type: none;
	position: relative;
	
	border-top: 1px solid transparent;
	margin: 16px 0 0 0;
	
	-o-transition: max-height 0.3s, border-top 0.3s, margin 0.3s;
	-ms-transition: max-height 0.3s, border-top 0.3s, margin 0.3s;
	-moz-transition: max-height 0.3s, border-top 0.3s, margin 0.3s;
	-webkit-transition: max-height 0.3s, border-top 0.3s, margin 0.3s;
	transition: max-height 0.3s, border-top 0.3s, margin 0.3s;
}

.open .mainNavigation ul.level1 {
	border-top: 1px solid #CCC;
	max-height: 260px;
}

.mainNavigation li.level2 {
	height: 20px;
	padding: 10px 0 0 0;
	list-style-image: none;
	font-weight: 400;
}

.mainNavigation li.level2:first-child {
	padding: 25px 0 0 0;
	list-style-image: none;
}




/*

	Hovedmeny - featurefelt

*/

#featuresNav {
	width: 100%;
	position: relative;
	margin: 54px 0 0 0;
	text-align: center;
	
	max-height: 0;
	overflow: hidden;
	
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.open #featuresNav {
	max-height: 200px;
}

#featuresNav h3 {
	font-weight: 700;
	color: 700;
	margin: 0 auto 40px;
}

#featuresNav ul {
	list-style-type: none;
	margin: 0 auto;
	text-align: center;
	font-size: 0;
}

#featuresNav ul li {
	display: inline-block;
	font-size: 14px;
	width: 120px;
	height: 120px;
	margin: 0 20px 40px;
	border-radius: 60px;
	position: relative;
}

#featuresNav ul li a {
	display: block;
	width: 120px;
	height: 20px;
	position: absolute;
	
	line-height: 20px;
	padding: 50px 0;
	
	opacity: 0;
	
	overflow: hidden;
	
	background-repeat: no-repeat;
	
	background-position: 0 0;
	color: #000;
	text-decoration: none;
	
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

#featuresNav ul li .featureIcon {
	display: block;
	position: absolute;
	width: 120px;
	height: 120px;
	border-radius: 60px;
	
	background-position: 0 0;
	background-repeat: no-repeat;
	
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

#featuresNav ul li:hover .featureIcon {
	background-position: 0 -120px;
}

#featuresNav ul li:hover a {
	opacity: 1;
}

#featuresNav ul li.innovasjon .featureIcon {
	background-image: url(../bilder/designelementer/innovation.png);
	background-image: none, url(../bilder/designelementer/innovation.svg);
}

#featuresNav ul li.miljo .featureIcon {
	background-image: url(../bilder/designelementer/miljo.png);
	background-image: none, url(../bilder/designelementer/miljo.svg);
}

#featuresNav ul li.aktuelt .featureIcon {
	background-image: url(../bilder/designelementer/hjem.png);
	background-image: none, url(../bilder/designelementer/hjem.svg);
}

#featuresNav ul li.login .featureIcon {
	background-image: url(../bilder/designelementer/login.png);
	background-image: none, url(../bilder/designelementer/login.svg);
}

#featuresNav ul li.byggDittEget .featureIcon {
	background-image: url(../bilder/designelementer/bygg_hus.png);
	background-image: none, url(../bilder/designelementer/bygg_hus.svg);
}

/*

	Subnavigasjon - waypoints. 

*/

.subnavtoggler {
	display: none;
}



.subNavigation {
	position: absolute;
	top: 178px;
	left: 0;
	
	max-height: 1000px;
	
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	z-index: 9999;
}

.open .subNavigation, .searching .subNavigation, .funfacts .subNavigation {
	top: 2000px;
}

.intro .subNavigation {
	top: 2000px;
}

.subNavigation.detalj {
	left: -2000px;
}

.subNavigation ul {
	list-style-type: none;
	
	-o-transition: margin-top 0.1s;
	-ms-transition: margin-top 0.1s;
	-moz-transition: margin-top 0.1s;
	-webkit-transition: margin-top 0.1s;
	transition: margin-top 0.1s;
}

.subNavPoint {
	height: 40px;
	width: 54px;
	position: relative;
	text-indent: -9999px;
	
	cursor: pointer;
}

.subNavPoint .subPoint {
	position: absolute;
	height: 40px;
	width: 54px;
	background-image: url(../bilder/designelementer/subPoint.png);
	background-image: none, url(../bilder/designelementer/subPoint.svg);
	
	
	background-repeat: no-repeat;
	background-size: 7px 7px;
	background-position: 17px 4px;
	overflow: hidden;
	
	-o-transition: all 0.1s;
	-ms-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-webkit-transition: all 0.1s;
	transition: all 0.1s;
	
}

.subNavPoint.active .subPoint, .subNavPoint:hover .subPoint {
	background-size: 13px 13px;
	background-position: 14px 0;
	
}

.subNavPoint .subLinje {
	width: 54px;
	height: 40px;
	background-image: url(../bilder/designelementer/sublinjeBg.png);
	background-image: none, url(../bilder/designelementer/sublinjeBg.svg);
	background-repeat: no-repeat;
	background-size: 41px 41px;
	background-position: 0 0;
}

.subNavPoint:first-child .subLinje {
	background-position: 0 0;
}

.subNavPoint:first-child {
	height: 75px;
}

.subNavPoint:first-child .subPoint{
	height: 75px;
	background-position: 17px 39px;
}

.subNavPoint:first-child.active .subPoint, .subNavPoint:first-child:hover .subPoint{
	height: 75px;
	background-position: 14px 35px;
}

.subNavPoint:first-child .subLinje {
	height: 75px;
	background-size: 41px 75px;
	background-image: url(../bilder/designelementer/sublinjeBgFirst.png);
	background-image: none, url(../bilder/designelementer/sublinjeBgFirst.svg);
}

.subNavPoint:last-child {
	height: 48px;
}

.subNavPoint:last-child .subLinje {
	height: 48px;
	background-size: 41px 48px;
	background-image: url(../bilder/designelementer/sublinjeBgLast.png);
	background-image: none, url(../bilder/designelementer/sublinjeBgLast.svg);
}

.subNavInfo {

	position: absolute;
	top: -44px;
	left: 14px;
	/*z-index: 10;*/
	pointer-events: none;
	-o-transition: top 0.5s;
	-ms-transition: top 0.5s;
	-moz-transition: top 0.5s;
	-webkit-transition: top 0.5s;
	transition: top 0.5s;
	z-index: 9999;
}

.subNavLinje {
	height: 54px;
	width: 27px;
	background: url(../bilder/designelementer/subNavInfoLinje.png) no-repeat 3px 28px;
}

.subNavInfoContainer {
	position: absolute;
	top: 0;
	left: 27px;
}

.subNavInfo p {
	background: #000;
	color: #FFF;
	padding: 5px 8px;
	height: 20px;
	white-space: nowrap;
}





/* 

	Produkter 

*/




ul.produktKategorier, ul.produktNavigasjon {
	list-style-type: none;
	width: auto;
	margin: 0 auto;
	text-align: center;
}

ul.produktKategorier li, ul.produktNavigasjon li {
	display: inline-block;
	margin: 20px 20px 0;
}

ul.produktNavigasjon.docCat li:first-child {
	display: none;
}

ul.produktKategorier li a, ul.produktNavigasjon li a {
	display: block;
	line-height: 160px;
	width: 160px;
	height: 160px;
	border-radius: 80px;
	background: rgba(255,255,255,0.7);
	
	overflow: hidden;

	background-size: 160px 160px;
	background-repeat: no-repeat;
	
	background-position: 0 -160px;
	
	color: #000;
	text-decoration: none;
	
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

ul.produktKategorier li a:hover, ul.produktNavigasjon li a:hover {
	background-position: 0 0;
}

ul.produktKategorier li a span, ul.produktNavigasjon li a span {
	opacity: 1;
	
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

ul.produktKategorier li a:hover span, ul.produktNavigasjon li a:hover span {
	opacity: 0;
}


.produktKategoriWrapper .listdivider {
	height: 34px;
	width: 40px;
	margin: 0 auto;
	background: none;
	background-size: 20px 20px;
	background-position: center center;
	background-repeat: no-repeat;
	
	background-image: url(../bilder/designelementer/delestrek45.png);
	background-image: none, url(../bilder/designelementer/delestrek45.svg);
}


/*
ul.produktNavigasjon {
	list-style-type: none;
	margin: 0 auto;
	text-align: center;
}

ul.produktNavigasjon li {
	display: inline-block;
	margin: 20px 20px 0;
	
	width: 160px;
	height: 160px;
	border-radius: 80px;
	
	background: #FFF;
	
	cursor: pointer;
}

ul.produktNavigasjon li span {
	line-height: 160px;
}
*/





ul.produktListe {
	list-style-type: none;
	width: 960px;
	max-width: 100%;
	margin: -1px auto 0;
	text-align: center;
	font-size: 0;
	touch-action: auto !important;
}

ul.produktListe li {
	display: inline-block;
}

ul.produktListe li a {
	display: block;
	float: left;
	position: relative;
	width: 120px;
	height: 120px;
	margin: 0 20px 39px;
	border-bottom: 1px solid #CCC;
	
	color: #000;
	text-decoration: none;	
	overflow: hidden;
	
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

ul.produktListe li a:hover {
	border-bottom: 1px solid #ff881f;
}

ul.produktListe li a img {
	position: absolute;
	top: 0;
	left: 0;
	
	max-width: 100%;
	height: auto;
	
	-o-transition: top 0.2s;
	-ms-transition: top 0.2s;
	-moz-transition: top 0.2s;
	-webkit-transition: top 0.2s;
	transition: top 0.2s;
}

ul.produktListe li a:hover img {
	position: absolute;
	top: -120px;
	left: 0;
}

ul.produktListe li a .produktInfo {
	position: absolute;
	top: 120px;
	left: 0;
	
	text-align: left;
	
	-o-transition: top 0.2s;
	-ms-transition: top 0.2s;
	-moz-transition: top 0.2s;
	-webkit-transition: top 0.2s;
	transition: top 0.2s;
}

ul.produktListe li a:hover .produktInfo {
	top: 0;
}

ul.produktListe li a .produktInfo h3 {
	margin: 0 0 12px 0;
	width: 120px;
	word-wrap: break-word;
	border-bottom: none;
}

ul.produktListe li a .produktInfo p {
	margin: 0;
	width: 120px;
}


/*

	Produkt detaljvisning

*/

.closeDetalj {
	position: absolute;
	overflow: visible;
	top: -59px;
	left: 0;
	
	margin: -1px 0 0 -1px;
	color: #000;
	
	text-indent: 50px;
	line-height: 44px;
	
	-o-transition: text-indent 0.2s;
	-ms-transition: text-indent 0.2s;
	-moz-transition: text-indent 0.2s;
	-webkit-transition: text-indent 0.2s;
	transition: text-indent 0.2s;

	width: 40px;
	height: 40px;
	background-image: url(../bilder/designelementer/tilbakeSprite.png);
	background-image: none, url(../bilder/designelementer/tilbakeSprite.svg);
	background-size: 40px 80px;
	background-repeat: no-repeat;
	background-position: 0 0;
	
	cursor: pointer;
	white-space: nowrap;
}

.closeDetalj:hover {
	text-indent: 55px;
	background-position: 0 -40px;
}

#ajaxContent {
	text-align: center;
	padding: 179px 0 0;
	margin: 0 auto;
	position: relative;
	
	opacity: 0;
	
	-o-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

#ajaxContent.show {
	
	opacity: 1;
	
}


#detaljvisning {
	width: 100%;
	height: 100%;
	
	background: #f5f5f5;
	
	position: fixed;
	top: 0;
	left: 100%;
	z-index: 50;
	
	-o-transition: left 0.6s cubic-bezier(0.545, 0.595, 0.340, 0.945);
	-ms-transition: left 0.6s cubic-bezier(0.545, 0.595, 0.340, 0.945);
	-moz-transition: left 0.6s cubic-bezier(0.545, 0.595, 0.340, 0.945);
	-webkit-transition: left 0.6s cubic-bezier(0.545, 0.595, 0.340, 0.945);
	transition: left 0.6s cubic-bezier(0.545, 0.595, 0.340, 0.945);
}

#detaljvisning.open {
	left: 0;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	-o-transition: left 0.6s cubic-bezier(0.545, 0.595, 0.340, 0.945);
	-ms-transition: left 0.6s cubic-bezier(0.545, 0.595, 0.340, 0.945);
	-moz-transition: left 0.6s cubic-bezier(0.545, 0.595, 0.340, 0.945);
	-webkit-transition: left 0.6s cubic-bezier(0.545, 0.595, 0.340, 0.945);
	transition: left 0.6s cubic-bezier(0.545, 0.595, 0.340, 0.945);
}

.produktContainer {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

.produktInformasjon {
	width: 280px;
	height: 360px;
	
	float: left;
}

.produktInfoHeader {
	height: 60px;
}

.produktInfoText {
	width: 280px;
	height: 194px;
	padding: 25px 0 60px 0;
	color: #787878;
	
	text-align: left;
	
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	
	overflow-y: auto;
	position: relative;
}

.nobbInfo p {
	margin: 0;
}

.prodLink {
	position: absolute;
	bottom: 15px;
	
}

.prodLink a {
	text-decoration: underline;
}

.produktPreview {
	width: 360px;
	height: 360px;
	
	float: left;
	margin: 0 0 0 40px;
}

.produktPreviewHeader {
	height: 60px;
}

.produktPreviewContainer {
	width: 360px;
	height: 279px;
	
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

.produktTech {
	width: 280px;
	height: 380px;
	
	float: right;
	margin: 0 0 0 40px;
}

.produktTechHeader {
	height: 60px;
}

.produktTech img {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 0 0 1px 0;
}

.produktTechList {
	list-style-type: none;
	text-align: left;
	margin: 23px 0 0 0;
}

.produktTechList:after {
	content: ' ';
	display: table;
	clear: both;
}

.produktTechList li {
	height: 20px;
	font-size: 14px;
	line-height: 20px;
	float: left;
}

.produktTechList li span.letter {
	width: 15px;
}

.produktTechList li span.integer {
	margin-right: 15px;
}

.produktTechList li span {
	display: block;
	/*width: 40px;*/
	float: left;
}

.produktColor {
	width: 680px;
	height: 120px;
	
	margin: -40px 0 0 0;
	clear: left;
}

.produktColorHeader {
	height: 40px;
	width: 680px;
}

.produktColorHeader h3 {
	margin: 0;
}

.produktColorHeader {
	display: none;
}

.produktColorContainer {
	height: 80px;
	width: 680px;
}

.produktColorItems {
	height: 60px;
	width: 680px;
	position: relative;
}

.produktColorItem {
	width: 40px;
	height: 40px;
	border-radius: 20px;
	margin: 0 10px 20px;
	
	float: left;
	cursor: pointer;
}

.produktColorItem.alu {
	background-image: url(../bilder/designelementer/farger/alu.jpg);
}

.produktColorItem.sort {
	background-image: url(../bilder/designelementer/farger/sort.jpg);
	background-position: -80px 0;
}

.produktColorItem.hvit {
	background-image: url(../bilder/designelementer/farger/hvit.jpg);
	background-position: -160px 0;
}

.produktColorItem.lysgra {
	background-image: url(../bilder/designelementer/farger/lysgra.jpg);
	background-position: -240px 0;
}

.produktColorItem.morkgra {
	background-image: url(../bilder/designelementer/farger/morkgra.jpg);
	background-position: -320px 0;
}

.produktColorItem.brun {
	background-image: url(../bilder/designelementer/farger/brun.jpg);
	background-position: -400px 0;
}

.produktColorItem.rod {
	background-image: url(../bilder/designelementer/farger/rod.jpg);
	background-position: -480px 0;
}

.produktColorItem.metallic {
	background-image: url(../bilder/designelementer/farger/metallic.jpg);
	background-position: -560px 0;
}

.produktColor .currentColor {
	clear: both;
	height: 40px;
	width: 680px;
	position: relative;
	background: #999;
	overflow: hidden;
}

.produktColor .currentColor .currentColorScroller {
	position: absolute;
	top: 0;
	
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.produktColor .currentColor .currentColorItem {
	height: 40px;
	width: 680px;
	background-position: 0 -20px;
	position: relative;
}

.produktColor .currentColor .currentColorItem.alu {
	background-image: url(../bilder/designelementer/farger/alu.jpg);
}

.produktColor .currentColor .currentColorItem.sort {
	background-image: url(../bilder/designelementer/farger/sort.jpg);
}

.produktColor .currentColor .currentColorItem.hvit {
	background-image: url(../bilder/designelementer/farger/hvit.jpg);
}

.produktColor .currentColor .currentColorItem.lysgra {
	background-image: url(../bilder/designelementer/farger/lysgra.jpg);
}

.produktColor .currentColor .currentColorItem.morkgra {
	background-image: url(../bilder/designelementer/farger/morkgra.jpg);
}

.produktColor .currentColor .currentColorItem.brun {
	background-image: url(../bilder/designelementer/farger/brun.jpg);
}

.produktColor .currentColor .currentColorItem.rod {
	background-image: url(../bilder/designelementer/farger/rod.jpg);
}

.produktColor .currentColor .currentColorItem.metallic {
	background-image: url(../bilder/designelementer/farger/metallic.jpg);
}

.produktColor .currentColor p {
	width: auto;
	float: left;
	text-align: left;
	color: #FFF;
	font-weight: 300;
	padding: 12px 0 0 20px;
	margin: 0;
	text-transform: uppercase;
}

.produktColor .currentColor .currentColorItem.morkTekst p {
	color: #000;
}


.produktContainer h3 {
	font-size: 16px;
	line-height: 20px;
	text-transform: uppercase;
	font-weight: 300;
	
	border-bottom: none;
	text-align: left;
	
	letter-spacing: 2px;
	float: left;
	
	padding: 6px 0 0 0;
	margin: 0;
	
}

.produktInfoHeader p {
	float: right;
	font-weight: 300;
	
	padding: 5px 0 0 0;
}

/*

	Historikk slideshow

*/



ul.produktNavigasjon {
	max-width: 100%;
}

ul.produktListe {
	position: relative;
}

ul.produktListe.extend {
	height: 540px;
	overflow: hidden;
}

ul.produktListe li.wrap {
	position: absolute;
	display: block;
	
	-o-transition: left 0.6s;
	-ms-transition: left 0.6s;
	-moz-transition: left 0.6s;
	-webkit-transition: left 0.6s;
	transition: left 0.6s;
}

ul.produktListe li.wrap ul {
	width: 960px;
}


ul.nav {
	display: block;
	margin: 0 auto;
	width: 820px;
	list-style-type: none;
	text-align: center;
}

ul.nav li {
	display: inline-block;
	width: 80px;
	line-height: 40px;
	vertical-align: top;
}

ul.nav li.navItem {
	height: 40px;
	width: 40px;
	background-size: 40px 80px;
	background-position: 0 0;
	cursor: pointer;
}

ul.nav li.navItem:hover {
	background-position: 0 -40px;
}

ul.nav li.navItem.produkt-prev {
	background-image: url(../bilder/designelementer/prevSprite.png);
	background-image: none, url(../bilder/designelementer/prevSprite.svg);
}

ul.nav li.navItem.produkt-next {
	background-image: url(../bilder/designelementer/nextSprite.png);
	background-image: none, url(../bilder/designelementer/nextSprite.svg);
}







.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


.clearfix {
	width: 100%;
	clear: both;
}

@media screen and (min-width: 1120px) {
	#fargeVelgerContainer {
		min-height: 730px;
	}
}


/*

	Nedskalering for mindre skjermer, tablets og telefoner

*/

@media screen and (max-width: 1367px) {
	/* Fargevelger small screen */
	
	
	.fargeVelger {
		height: 350px;
	}
	
	.titleContainer {
		margin-top: 130px;
	}
	
	.fvRight h2 {
		margin-top: 130px;
	}
	
	.fvSample {
		width: 249px;
		height: 249px;
	}
	
	.fvNavTop {
		height: 90px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	
		
	/* / Fargevelger small screen */
}

@media screen and (max-width: 1455px) {
	
	.mainNavigation ul.level0 {
		width: 840px;
	}
	
	.open .mainNavigation ul.level0 {
		width: 800px;
	}
	
	.open .mainNavigation li.level1 {
		float: left;
		display: block;
		width: 160px;
	}

	.mainNavigation li.level1 {
		float: none;
		display: inline-block;
		width: 150px;
	}

	.mainNavigation li.level1, .mainNavigation li.level1:nth-child(1) {
		margin: 0 20px 0 0;
	}
	
	.mainNavigation li.level1:nth-child(2) {
		margin: 0 40px 0 0;
	}
	
	.mainNavigation li.level1:nth-child(3) {
		margin: 0 0 0 40px;
	}
	
	.mainNavigation li.level1:nth-child(4) {
		margin: 0 0 0 20px;
	}

}


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

	.open .navScroller {
		margin: 123px 0 0 0;
	}

	.mainNavigation ul.level0 {
		width: 840px;
	}
	
	.open .mainNavigation ul.level0 {
		width: 800px;
	}

	.mainNavigation li.level1, .mainNavigation li.level1:nth-child(1) {
		margin: 0 20px 0 0;
	}
	
	.mainNavigation li.level1:nth-child(2) {
		margin: 0 40px 0 0;
	}
	
	.mainNavigation li.level1:nth-child(3) {
		margin: 0 0 0 40px;
	}
	
	.mainNavigation li.level1:nth-child(4) {
		margin: 0 0 0 20px;
	}

	.open .mainNavigation li.level1:nth-child(1), .open .mainNavigation li.level1:nth-child(2), .open .mainNavigation li.level1:nth-child(3), .open .mainNavigation li.level1:nth-child(4) {
		margin: 0 20px;
	}

	.intro #introInfo {
		margin: 121px 0 0 0;
	}
	
	.innerWrapper {
		width: 998px;
		margin: 0 auto;
	}
	
	.pageContent {
		padding: 120px 70px 0;
	}
	
	.pageContent .imgContentWrapper {
		margin: 40px auto 0;
	}
	
	.pageContent .noImgContentWrapper {
		margin: 40px auto 0;
	}
	
	
	
	
	ul.innholdsliste.extend {
		position: relative;
		overflow: hidden;
		margin: 58px auto 0;
		width: 820px;
		height: 260px;
	}
	
	ul.innholdsliste.extend li.wrap {
		position: absolute;
		margin: 0;
		padding:0;
		width: auto;
		border: none;
	}
	
	ul.innholdsliste.extend li.wrap ul {
		width: 820px;
		text-align: center;
	}
	
	ul.innholdsliste.extend li.wrap ul li {
		margin: 0 20px
	}
	
	.produktKategoriWrapper {
		padding: 160px 0 0;
	}
	
	ul.produktKategorier {
		width: 800px;
	}
	
	.subNavigation {
		left: -100px;
	}
	
	.textWrapper {
		margin: 0 0 0 40px;
	}
	
	.imgPlaceholder {
		margin: 0 0 0 50px;
	}
	
	
	/* Produktliste */
	
	ul.produktNavigasjon {
		max-width: 620px;
	}
	
	ul.produktListe {
		position: relative;
		width: 720px;
	}
	
	ul.produktListe.extend {
		height: 420px;
		overflow: hidden;
	}
	
	ul.produktListe li.wrap {
		position: absolute;
		display: block;
	}
	
	ul.produktListe li.wrap ul {
		width: 720px;
		font-size: 0;
	}
	
	.touch ul.nav .navItem {
		display: none;
	}
	
	
	ul.produktListe li a {
		width: 100px;
		height: 100px;
		margin: 0 20px 40px;
	}
	
	ul.produktListe li a:hover img {
		top: -100px;
	}
	
	ul.produktListe li a .produktInfo {
		top: 100px;
	}
	
	ul.produktListe li a:hover .produktInfo {
		top: 0;
	}
	
	ul.produktListe li a .produktInfo h3 {
		margin: 0 0 12px 0;
		width: 100px;
		font-size: 14px;
	}
	
	ul.produktListe li a .produktInfo p {
		width: 100px;
	}
	
	#ajaxContent {
		padding: 159px 0 0;
	}
	
	#funfactToggle {
		left: -100px
	}
	
	#searchToggle {
		right: -100px;
	}
	
	.fargeVelger {
		max-width: 840px;
	}

}

@media screen and (max-width: 1220px) {
	.mainNavigation {
		display: none;
	}
	
	.pageHeader.open .mainNavigation {
		display: block;
	}
	
	#funfactToggle {
		left: 20px;
	}
}

@media screen and (max-width: 1200px) and (min-width: 1120px) {

	.subNavigation {
		left: -60px;
	}
	
	#funfactToggle {
		left: -60px
	}
	
	#searchToggle {
		right: -60px;
	}
	

}



@media screen and (max-width: 1120px) and (min-width: 1000px) {

	.subNavigation {
		left: 0;
	}
	
	#funfactToggle {
		left: 0;
	}
	
	#searchToggle {
		right: 0;
	}
	

}




/*

	Tablet portrett

*/

@media screen and (max-width: 1000px) {
	
	.wrapper.horizontal{
		/*pointer-events: none;*/
	}
	
	#venstreAktueltNav, #hoyreAktueltNav{
		display: none !important;
	}
	

	#searchOverlay, #funfactOverlay, #funfactToggle, #searchToggle, #venstreSlideNav, #hoyreSlideNav, #playPauseSlide{
		
	}
	
	.pageHeader.open {
		height: 100%;
		min-height: 100%;
	}
	
	.pageHeader .innerWrapper {
		width: 100%;
		max-width: 100%;
		height: 100%;
	}
	
	.wrapper.horizontal {
		height: auto;
	}

	.innerWrapper {
		width: 740px;
		margin: 0 auto;
	}
	
	.pageContent {
		padding: 139px 0;
	}
	
	.pageContent .imgContentWrapper, .pageContent .noImgContentWrapper {
		width: 100%;
	}
	
	.textWrapper {
		float: none;
		margin: 40px auto 0;
		text-align: center;
	}
	
	.textWrapper .h2linje {
		margin: 0 auto;
	}
	
	.textWrapper p {
		margin: 20px auto 0;
	}
	
	p.arstall {
		margin: 10px 0;;
	}
	
	.imgPlaceholder {
		height: auto;
		float: none;
		margin: 0 auto;
	}
	
	.hover #menuToggle .logo.mork {
		opacity: 1;
	}
	
	.hover #menuToggle .logo.lys {
		opacity: 0;
	}
	
	.hover .menuToggleIntro  {
		top: -120px;
	}
	
	
	.navScroller {
		max-height: 0;
		overflow: hidden;
	}
	
	.open .navScroller {	
		max-height: 100%;
		margin: 0;
		padding: 143px 0 40px 0;
		box-sizing: border-box;
		overflow-y: scroll;
	}
	

	.mainNavigation ul.level0, .open .mainNavigation ul.level0 {
		margin: 0 auto;
		width: 560px;
	}

	.open .mainNavigation ul.level0 {
		margin: 0 auto;
		width: 560px;
	}
	
	.open .mainNavigation li.level1:nth-child(1) ul.level1, .open .mainNavigation li.level1:nth-child(2) ul.level1 {
		height: auto;
	}
	
	.mainNavigation li.level1, .mainNavigation li.level1:nth-child(1), .mainNavigation li.level1:nth-child(2), .mainNavigation li.level1:nth-child(3), .mainNavigation li.level1:nth-child(4) {
		width: 100%;
		margin: 0;
	}
	
	.open .mainNavigation li.level1, .open .mainNavigation li.level1:nth-child(1), .open .mainNavigation li.level1:nth-child(2), .open .mainNavigation li.level1:nth-child(3), .open .mainNavigation li.level1:nth-child(4)  {
		margin: 0 0 40px;
	}
	
	.open .mainNavigation ul.level1, .open .mainNavigation li.level1:nth-child(1), .open .mainNavigation li.level1:nth-child(2) {
		height: auto;
	}
	
	.mainNavigation ul.level0, .open .mainNavigation ul.level0 {
		margin: 0 auto;
		width: 280px;
	}
	
	.mainNavigation ul.level0 li.level1 ul.level1 {
		max-height: 0;
		overflow: hidden;
	}
	
	.mainNavigation ul.level0 li.level1.open ul.level1 {
		max-height: 500px;
		overflow: hidden;
	}
	
	
	
	#featuresNav, .open #featuresNav {
		padding: 0;
		margin: 0;
		
	}
	
	#featuresNav, #featuresNav ul, .open #featuresNav, #featuresNav ul {
		width: 100%;
		margin: 0 auto;
	}
	
	.open #featuresNav h3, #featuresNav h3 {
		width: 280px;
		margin: 0 auto;
		cursor: pointer;
	}
	
	.open #featuresNav ul {
		max-height: 0;
		overflow: hidden;
		
		-o-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
	}
	
	.open #featuresNav.open ul {
		max-height: 500px;
	}
	
	#featuresNav ul li:first-child {
		padding: 20px 0 0 0;
	}
	
	#featuresNav ul li {
		height: 20px;
		padding: 10px 0 0 0;
		width: 100%;
		margin: 0;
	}
	
	#featuresNav ul li .featureIcon {
		display: none;
	}
	
	#featuresNav ul li a {
		width: 100%;
		padding: 0;
		font-size: 16px;
		line-height: 20px;
		opacity: 1;
	}
	
	
	
	
	
	
	.subNavigation {
		width: 100%;
		max-height: 40px;
		overflow: hidden;
		top: 80px;
		left: 0;
		background: #CCC;
		
	}
	
	.subNavigation.open {
		max-height: 500px;
	}
	
	.subnavtoggler {
		display: block;
		height: 40px;
		cursor: pointer;
	}
	
	.subnavtoggler .subnavtogglertext {
		float: left;
	}
	
	.subnavtoggler .subnavtogglertext > span {
		float: left;
	}
	
	.subnavtoggler .subnavtogglertext span.crumb {
		padding: 0 0 0 15px;
	}
	
	.subnavtoggler .subnavtogglertext span.crumb p:after {
		content: "/";
		padding: 0 5px;
	}
	
	.subnavtoggler .subnavtogglertext span p {
		line-height: 40px;
		margin: 0;
	}
	
	.subnavtoggler .subnavtogglericon {
		float: right;
		height: 40px;
		width: 40px;
		margin: 0 10px 0 0;
		
		background-image: url(../bilder/designelementer/subnavpil.png);
		background-image: none, url(../bilder/designelementer/subnavpil.svg);
		
		background-size: 40px 40px;
		background-position: 0 0;
		background-repeat: no-repeat;
	}
	
	.subNavigation.open ul {
		margin-top: 0 !important;
		background: #d9d9d9;
	}
	
	.open .active {
		color: #ff881f;
	}
	
	.subLinje, .subNavInfo {
		display: none;
	}
	
	.subNavPoint {
		width: 100%;
		text-indent: 0;
		background-image: none;
		background: transparent;
		color: #000;
		text-align: center;
		line-height: 40px;
	}
	
	.subNavPoint .subPoint {
		display: none;
	}
	
	.subNavPoint:first-child, .subNavPoint:last-child {
		height: 40px;
	}
	
	.subNavPoint .itemname {
		display: block !important;
	}
	
	
	ul.innholdsliste {
		max-width: 480px;
		margin: 39px auto 0;
	}
	
	
	ul.produktListe {
		max-width: 640px;
		margin: 0 auto 100px;
		font-size: 0;
	}
	
	ul.produktListe li {
		width: 280px;
		margin: 20px;
	}	
	
	ul.produktListe li a {
		width: 100%;
		height: 100px;
		margin: 0;
	}
	
	ul.produktListe li a img {
		max-width: 100px;
	}
	
	ul.produktListe li a:hover img {
		top: 0;
	}
	
	ul.produktListe li a .produktInfo {
		top: 0;
		left: 140px;
		
		-o-transition: left 0.2s;
		-ms-transition: left 0.2s;
		-moz-transition: left 0.2s;
		-webkit-transition: left 0.2s;
		transition: left 0.2s;
	}
	
	ul.produktListe li a .produktInfo h3 {
		width: 120px;
	}
	
	ul.produktListe li a:hover .produktInfo {
		left: 160px;
	}
	
	.page {
		height: auto;
		max-height: none;
	}
	
	ul.produktKategorier, ul.produktNavigasjon {
		width: 100%;
		max-width: 560px;
		margin: 20px auto;
	}
	
	ul.produktKategorier li, ul.produktNavigasjon li {
		display: block;
		margin: 0;
		width: 100%;
	}


	
	ul.produktKategorier li a, ul.produktNavigasjon li a {
		width: 100%;
		height: 40px;
		background: transparent;
		text-align: center;
		line-height: 40px;
		background-image: none !important;
	}

	ul.produktKategorier li a:hover span, ul.produktNavigasjon li a:hover span {
		color: #999;
		opacity: 1;
	}
	
	#ajaxContent {
		padding: 159px 0 0;
	}
	
	.produktContainer {
		width: 680px;
	}
	
	.produktInformasjon, .produktInfoText {
		width: 100%;
		height: auto;
	}
	
	.produktInfoText p {
		margin: 0;
	}
	
	.produktPreview {
		margin: 20px 0 40px 0;
	}
	
	.produktTech {
		float: left;
		margin: 20px 0 0 40px;
	}
	
	ul.dokumenter {
		margin: 39px 0 0 0;
	}
	
	ul.dokumenter li {
		float: none;
		width: 100%;
		margin: 0 auto 25px;
	}
	
	ul.dokumenter li a {
		padding: 15px 0 0 0;
		text-align: center;
		background-position: center 0;
	}
	
	
	/* Gjør om historieslide til lang scroll */
	
	
	
	
	.slide {
		float: none;
		position: relative;
		background-size: cover;
		min-height: 100%;
	}
	
	.slide:first-child {
		padding: 120px 0 0 0;
	}
	
	
	.mask {
		display: none;
	}
	
	.slideBlock {
		float: none;
	}
	
	.slideImage {
		height: 500px;
		max-width: 1000px;
		background-position: center center;
	}
	
	
	.pageContent.aktueltSmallInfo a {
		display: block;
		height: 40px;
		width: 40px;
		margin: 0 auto;
		background-image: url(../bilder/designelementer/nextSprite.png);
		background-image: none, url(../bilder/designelementer/nextSprite.svg);
		background-size: 40px 80px;
		background-repeat: no-repeat;
		background-position: 0 0;
		text-indent: -9999px;
		overflow: hidden;
	}
	
	.slide .pageContent {
		opacity: 1;
	}
	
	.slide .historieintro {
		width: 400px;
		height: 400px;
		margin: -200px 0 0 -200px;
		opacity: 1;
	}
	
	.slide .aktueltButton {
		display: none;
	}
	.contactPage .contactColRight, .contactPage .contactColLeft {
		width:100%;
		float: none;
		
	}
	
	/* FARGEVELGER TABLET */
	
	.fargeVelger {
		height: 350px;
	}
	
	.fvLeft {
		float: none;
		position: absolute;
		width: 100%;
		display: flex;
	    align-items: center;
	    justify-content: center;
	    flex-direction: column;
	    text-align: center;
	    align-items: center;
	    z-index: 999;
	}
	
	.fvLeft > p {
		display: none;
	}
	
	.fvInfoTextContainer {
		display: none;
	}
	
	.fvLeft .titleContainer  {
		width: 350px;
		border-bottom: none;
		margin: 0;
		height: 46px;
		color: #FFF;
	}
	
	.titleScroller {
		text-align: center;
	}
	
	.fvTitle {
		height: 46px;
		text-align: center;
		box-sizing: border-box;
		padding: 5px 0;
	}
	
	.fvTitle.Hvit {
		color: #000;
	}
	
	.fvLeft h2 {
		text-align: center;
	}
	
	.fvRight {
		display: none;
	}
	
	.fvCenter {
		width: 100%;
	}
	
	.fvSample {
		width: 249px;
		height: 249px;
	}
	
	.fvNavTop {
		height: 90px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	
	.fvProdMob {
		display: block;
	}
	
	/* / FARGEVELGER MOBIL */

}

/*

	Telefoner

*/

@media screen and (max-width: 760px) {
	
	#funfactToggle {
		display: none;
	}
	

	.pageHeader {
		height: 60px;
	}
	
	.open .navScroller {
		padding: 123px 0 40px 0;
	}
	
	
	
	#menuToggle {
		top: 10px;
	}
	
	.intro .menuToggleIntro, .open .menuToggleIntro, .hover .menuToggleIntro, .open.hover .menuToggleIntro {
		top: -20px;
	}
	
	.open .mainNavigation li.level1, .open .mainNavigation li.level1:nth-child(1), .open .mainNavigation li.level1:nth-child(2), .open .mainNavigation li.level1:nth-child(3), .open .mainNavigation li.level1:nth-child(4) {
		margin: 0 0 20px 0;
	}
	
	.subNavigation {
		top: 60px;
	}
	
	.slide:first-child {
		padding: 100px 0 0 0;
	}

	#featuresNav ul {
		width: 100%;
	}

	h2 {
		font-size: 20px;
		line-height: 26px;
	}

	.slide .historieintro {
		width: 200px;
		height: 200px;
		margin: -100px 0 0 -100px;
		opacity: 1;
	}
		
	.pageContent {
		padding: 140px 0;
	}
	
	.slide .pageContent {
		padding: 40px 0;
	}

	.pageContent p {
		max-width: 86%;
	}
	
	.pageContent p.arstall {
		font-size: 15px;
		max-width: 100%;
	}
	
	.imgPlaceholder {
		max-width: 80%;
		height: auto;
	}

	.innerWrapper {
		max-width: 98%;
		width: 98%;
	}
	
	.slideImage {
		height: 300px;
		background-attachment: scroll;
		background-size: cover;
	}
	
	.nextSection {
		display: none;
	}
	
	ul.produktListe {
		max-width: 320px;
	}
	
	#detaljvisning {
		overflow-y: scroll;
	}
	
	#ajaxContent {
		width: 100%;
		margin: 0 auto;
		max-height: 100%;
		padding: 139px 0 60px 0;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-overflow-scrolling: touch;
	}
	
	.produktContainer {
		width: 300px;
		margin: 0 auto 80px;
	}
	
	.produktInformasjon, .produktInfoText {
		width: 300px;
		float: none;
		height: auto;
	}
	
	.produktInfoText p {
		margin: 0;
	}
	
	.produktPreview {
		width: 300px;
		float: none;
		margin: 20px 0;
		height: 270px;
		border-bottom: 1px solid #CCC;
	}
	
	.produktPreviewHeader {
		border-bottom: 1px solid #CCC;
	}
	
	.produktPreview #container {
		margin: 0 auto;
		width: 240px !important;
		height: 200px !important;
	}

	.produktPreview #container img {
		width: 100%;
		height: auto;
	}
	
	.produktPreviewContainer {
		border: none;
	}
	
	.produktTech {
		float: none;
		width: 100%;
		margin: 20px 0 0 0;
	}
	
	.produktTech img {
		width: 100%;
		height: auto;
	}
	
	.produktColor {
		width: 100%;
		max-width: 100%;
		height: auto;
		margin: 0;
	}
	
	.produktColorHeader {
		width: 100%;
	}
	
	.produktColorItems {
		width: 100%;
	}
	
	.produktColorItem {
		height: 40px;
		width: 40px;
		border-radius: 20px;
		margin: 10px 20px 10px 0;
	}
	
	.produktColor .currentColor {
		width: 100% !important;
		background: transparent;
	}
	
	.produktColor .currentColor .currentColorItem {
		background-image: none !important;
		width: 100% !important;
	}
	
	.produktColor .currentColor .currentColorItem p {
		color: #000;
		padding: 10px 0;
	}
	
	.textWrapper {
		width: 90%;
	}
	
	
	.contactPage .contactHeader p {
		text-align: center !important;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.contactPage .contactColRight, .contactPage .contactColLeft {
		width:100%;
		float: none;
		
	}
	
	.contactPage .contactColRight p, .contactPage .contactColLeft p {
		text-align: center;
	}
	
	.contactPage .pageContent .contactColLeft h2, .contactPage .pageContent .contactColRight h2 {
		text-align: center;
	}
	
	.contactPage .infoBox ul li h3, .contactPage .infoBox ul li address {
		text-align: center;
	}
	
	.contactPage .infoBox {
		padding: 40px 25px 30px 25px;
		box-sizing: border-box;
	}
	
	.contactPage .infoBox ul li {
		float: none;
		width: 100%;
	}
	
	/* FARGEVELGER MOBIL */
	
	.fargeVelger {
		height: 235px;
	}
	
	.fvLeft {
		float: none;
		position: absolute;
		width: 100%;
		display: flex;
	    align-items: center;
	    justify-content: center;
	    flex-direction: column;
	    text-align: center;
	    align-items: center;
	    z-index: 999;
	}
	
	.fvLeft > p {
		display: none;
	}
	
	.fvInfoTextContainer {
		display: none;
	}
	
	.fvLeft .titleContainer  {
		width: 235px;
		border-bottom: none;
		margin: 0;
		height: 26px;
		color: #FFF;
	}
	
	.titleScroller {
		text-align: center;
	}
	
	.fvTitle {
		height: 26px;
		text-align: center;
		box-sizing: border-box;
		padding: 5px 0;
	}
	
	.fvTitle.Hvit {
		color: #000;
	}
	
	.fvLeft .titleContainer h2  {
		margin: 0;
		padding-bottom: 0;
		text-align: center;
		font-size: 22px;
		box-sizing: border-box;
	}
	
	.fvRight {
		display: none;
	}
	
	.fvCenter {
		width: 100%;
	}
	
	.fvSample {
		width: 163px;
		height: 163px;
	}
	
	.fvNavTop {
		height: 60px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.fvNav {
		width: 57px;
		height: 57px;
	}
	
	.fvNav .fvNavItem {
		width: 73px;
	}
	
	.fvNavThumb {
		width: 57px;
		height: 57px;
	}
	
	.fvNavFarge {
		width: 40px;
		height: 40px;
	}
	
	.fvProdMob {
		display: block;
	}
	
	/* / FARGEVELGER MOBIL */
	
}







/*

	Oppskalering for større skjermer

*/


@media screen and (min-width: 1480px) {
	
	
	.subNavigation {
		left: -80px;
	}
	
	#funfactToggle {
		left: -80px;
	}
	
	#searchToggle {
		right: -80px;
	}
	
	
	
}

@media screen and (min-width: 1680px) {
	
	
	.subNavigation {
		left: -180px;
	}
	
	#funfactToggle {
		left: -180px;
	}
	
	#searchToggle {
		right: -180px;
	}
	
}

@media screen and (min-width: 1880px) {
	
	
	.subNavigation {
		left: -280px;
	}
	
	#funfactToggle {
		left: -280px;
	}
	
	#searchToggle {
		right: -280px;
	}
	
}

@media screen and (min-width: 2080px) {
	
	
	.subNavigation {
		left: -380px;
	}
	
	#funfactToggle {
		left: -380px;
	}
	
	#searchToggle {
		right: -380px;
	}
	
}

@media screen and (min-width: 2280px) {
	
	
	.subNavigation {
		left: -480px;
	}
	
	#funfactToggle {
		left: -480px;
	}
	
	#searchToggle {
		right: -480px;
	}
	
}

@media screen and (min-width: 2480px) {
	
	
	.subNavigation {
		left: -580px;
	}
	
	#funfactToggle {
		left: -580px;
	}
	
	#searchToggle {
		right: -580px;
	}
	
}


/*Forhandlere*/

.mapWrapper {
	position:relative;
	margin-top:30px;
	text-align:left;
}

#infobox-controls {
	background:#272727!important;
	color:#fff;
	width:243px;
	padding:0 10px!important;
	border:0!important;
	max-height:370px!important;
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 99;
	overflow-x: scroll;
}

#countries-controls {
	position: absolute;
	right: 15px;
	top: 15px;
	z-index: 99;
	width: 243px;
}

#infobox-controls input {
	border:0px;
	width:100%;
	color:#fff;
	font-family:"proxima-nova", sans-serif;
	font-size:14px;
	line-height:40px;
	background:url(/bilder/search.png) right center no-repeat #272727!important;
	background-size:16px 16px!important;
	background-repeat:none!important;
}

#infobox-controls a {
	color:#fff;
}

#infobox-controls h3 {
	width:100%;
	margin:0;
	border:0;
	padding:0;
	border-top:1px solid #fff;
	padding-top:25px;	
}

.infobox-list {
	border-top:1px solid #fff;
	padding-bottom:25px;
}

.infobox-list small {
	display:block;
	margin-top: 5px;
}

.infobox-list li {
	list-style:none;
}

.infobox-list li a {
	border-bottom:1px solid #FFFFFF;
	list-style:none;
	font-size:17px;
	padding:15px 0;
	display:block;
}

.skjema {
	padding-top:30px;
	max-width:400px;
	margin:0 auto;
}

.infobox-info p {
	font-family:"proxima-nova", sans-serif;
	color:#fff;
	max-width:100%;
	margin:0 0 20px 0;
	line-height:17px;
	font-size:14px;
}

.infobox-info address {
	line-height:17px;
	font-size:14px;
	
}

.skjema input,
.skjema select {
	width:58%;
	font-family:"proxima-nova", sans-serif;
	font-size:14px;
	line-height:30px;
	margin-bottom:10px;
	background:#ffffff!important;
	position:relative;
	border:1px solid #979797;
}

.skjema .button {
	background:#272727!important;
	width:100px;
	color:#fff;
	font-size:16px!important;
	float:right;
}


.skjema label {
	display:inline-block;
	width:40%;
	text-align:left;
	margin-bottom:10px;
}


.clear-info {
	position: absolute;
	top: 11px;
	right: 10px;
	font-size: 26px;
	padding:1px;
	line-height: 38px;
	text-indent:-9999px;
	display:block;
	width:15px;
	height:15px;	
	background:url(/bilder/x.png) no-repeat center center #272727;
	background-size:15px 15px;
}

.country-controls-wrap {
	padding:0!important;
	background:#CBF7FE!important;
	color:#272727;
	overflow:visible!important;
}

.selectric,
.selectric-items {
	border-radius:0!important;
	background:#CBF7FE!important;
}

.selectric-items {
	border:1px solid #CBF7FE!important;
}

.selectric .label,
.selectric-items li {
	color:#272727!important;	
	font-size:14px!important;
}

.selectric-items li.selected,
.selectric-items li:hover {
	background:#B3E0E8!important;	
}

.selectric .button {
	background:url(/bilder/arrow.png) center center no-repeat;
	background-size:14px 8px;
	text-indent:-9999px;
}

.selectric-open .button {
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Safari 3-8 */
    transform: rotate(180deg);
	
}

.selectric .button::after {
	display:none;
}

@media screen and (min-width: 761px) and (max-width: 1023px) {
	#frontVideo, .introContainer {
		height: 500px;
	}
	
	.videoLink {
		right: 30px;
		bottom: 30px;
	}
	
	.scrollPage .pageContent .textBoxes {
		max-width: 664px;
	}
	
	.scrollPage .pageContent .mainImgBox {
		height: 400px;
	}
	
	.scrollPage .pageContent .mainImgBox .videoLink, .pageContent .mainImgBox .js-video-button {
		right: 50px;
		bottom: 30px;
	}
	
	
	
	
	#topMenuOptions .chooseLang {
		display: none
	}
	
	#topMenuOptions #menuToggle2 {
		margin: 0 15px 0 0 !important
	}
	
	
	.smallLangSelect {
		position: absolute;
		bottom: 30px;
		width: 100%;
		text-align: center;
	}
	
	.pageHeader.open .smallLangSelect {
		display: block;
	}
	
	.pageHeader.open .smallLangSelect .chooseLang a span {
		display: block !important;
		overflow: hidden;
		text-indent: -9999px;
	}
}


@media screen and (max-width: 760px) {
	
	body {
	  min-height: 100vh;
	  /* mobile viewport bug fix */
	  min-height: -webkit-fill-available;
	}
	
	html {
	  height: -webkit-fill-available;
	}	
	
	#frontVideo, .introContainer {
		height: calc(100vh - 99px);
	}
	
	.videoLink {
		bottom: 30px;
		right: 0;
		left: 0;
		margin: 0 auto;
		background-size: 60px 60px;
		padding: 70px 0 0 0;
		background-position: center top;
	}
	
	.firstSlide .slideImage {
		height: calc(100vh - 99px);
	}
	
	.firstSlide .slideImageInfoOverlay {
		display: none;
	}
	
	#frontVideo video {
		height: calc(100vh - 99px);
	}
	
	#countries-controls {
		display:none!important;
	}
	
	#infobox-controls {
		position:relative;
		top:0;
		left:0;
		width:100%;
		box-sizing: border-box;
		overflow:hidden;
	}
	
	
	.scrollPage .pageContent .mainImgBox {
		height: 200px;
		margin-bottom: 40px;
	}
	
	.scrollPage .pageContent .mainImgBox .videoLink, .pageContent .mainImgBox .js-video-button {
		right: 20px;
		bottom: 20px;
	}
	
	.scrollPage .pageContent .textBox1, .scrollPage:nth-child(2n+2) .pageContent .textBox1 {
		float: none;
		width: 80%;
		padding: 0 0 0 0;
		margin: 0 auto;
	}
	
	.scrollPage:nth-child(2n+2) .pageContent .textBox2, .scrollPage .pageContent .textBox2 {
		padding: 0 0 100px 0;
	}
	
	.scrollPage:nth-child(2n+2) .pageContent .textBox2, .scrollPage .pageContent .textBox2 {
		float: none;
		width: 80%;
		margin: 0 auto
	}
	
	.pageContent .contenticon.omoss {
		background-position: center center;
	}
	
	.pageContent .contenticon {
		background-position: center center;
		height: 150px;
	}
	
	.scrollPage .pageContent .contenticon, .scrollPage:nth-child(2n+2) .pageContent .contenticon {
		width: 100%;
		float: none;
		
	}
	
	#topMenuOptions {
		margin: 10px 10px 0 0;
		height: 50px;
	}
	
	#topMenuOptions .chooseLang {
		display: none
	}
	
	#topMenuOptions #menuToggle2 {
		margin: 0 10px 0 0 !important
	}
	
	.pageHeader.open .smallLangSelect {
		display: block;
	}
	
	.pageHeader.open .smallLangSelect .chooseLang a span {
		display: block;
		overflow: hidden;
		text-indent: -9999px;
	}
	
	
	
}