#backgroundVideo{
  display: block;
  width: 100%;
  overflow:hidden;
position: absolute;;
left:0px;
}

#backgroundVideo iframe{
  position: absolute;
}
#contents{
  display: block;
  position: absolute;
  left: 0px;
  top:0px;
  width:100%;
background: linear-gradient(135deg, rgba(0,63,81,1) 0%,rgba(28,28,28,1) 100%);
background: linear-gradient(135deg, rgba(23,86,119,1) 0%,rgba(0,0,0,1) 100%); 
color:#FFF;
padding:30px;
overflow-y: auto;
transition:0.3s all;
}


@media only screen and (max-width: 600px) {
#contents{
	padding:15px;
}
}

.txtpart h2{
  font-size: 200%;
  color:#FFF;
}

.txtpart h2 .pntC{
  color: rgba(255,255,255,0.3);
}

.txtpart strong{
  color: #248fc1;
  font-weight: normal;
  text-shadow:0px 0px 5px rgba(0,0,0,0.9);
  font-size: 120%;
}


.page{
  display: inline-block;
  width: 100%;
  text-align: center;
}

.txtpart{
  width: 100%;
  display:inline-block;
  max-width: 500px;
  font-size: 100%;
  color:rgba(255,255,255,0.6);
  line-height:140%;
  vertical-align:top;
  text-align: left;
  padding: 20px;
}

.txtpart p{
  margin-top: 20px;
}

.txtpart a{
    color:rgba(255,255,255,0.9);
    border-bottom:2px solid rgba(255,255,255,0.2);
}

.txtpart a:hover{
  color:rgba(255,255,255,1);
  border-bottom:2px solid #248fc1;
}
#contents, #frontpage{
  transition:0.4s all;
}

body.contented #contents{
  transform:rotateY(0deg);
transform:rotateZ(0deg);
    z-index:999900;
opacity:1;
width:100%;
}
body:not(.contented) #contents{
  transform:rotateY(180deg);
   transform:rotateZ(10deg);
    z-index:999800;
opacity:0;
overflow:hidden;
width:80%;
}

body.contented #frontpage{
  transform:rotateY(180deg);
   transform:rotateZ(10deg);
  z-index:9998;
opacity:0;
overflow:hidden;
width:80%;
}
body:not(.contented) #frontpage{
  transform:rotateY(0deg);
   transform:rotateZ(00deg);
  z-index:9999;
opacity:1;
width:100%;
}


#contents, #frontpage{
  transition:0.65s all;
}


body:not(.contented) #meny0{
  display:none;
}
h1, h2, h3, strong{
  font-weight: light;
}
.logopart{
	width:100%;
	height:100%;
	background-size:contain;
	background-position: center center;
	background-repeat:no-repeat;
	display: inline-block;
	transition:0.5s all;
  transition-timing-function: ease;
}

.logopart{
		margin-right:-100%;
}

.logopart.aniStep1{
	opacity:0.8;
}
.logopart.aniStep1{
	opacity:1;
	width:101%;
}

#logopart0{
		margin-left:-100%;
}

.logoW{
	display: block;
	width: 100%;
	height: 100%;

}


#logo{
	display: inline-block;
	width: 65%;
	height:150px;
	margin-top: 100px;
  max-width:400px;
}

#logoW{
	display: block;;
	position: absolute;;
	left: 0px;
	top: 0px;
	z-index: 999;
	width: 100%;

}

#logopart0{
	transition:2s all;
}
.logoSeries0{
  opacity:0.99;
}

.logoSeries1{
  opacity: 0.8;
}
.logoSeries10{
  opacity: 0.9;
}

#logopart0{
  opacity:1;
}
body,html{
	padding:0px;
	margin:0px;
	background-color:#FFF;
	text-align:center;
	color:rgb(60,60,60);
	font-size:90px;
	overflow:hidden;
	background:rgb(0,0,0);
}


a{
text-decoration:none;
outline:none;
}

a:hover{
	border-bottom:0px solid #00aeef;
}

div,span,select,a,textarea{
	box-sizing:border-box;
}

@font-face {
    font-family: 'Rajdhani';
    src: url('https://lib.gang.no/fonts/rajdhani/');
}

body, textarea,input,select,option{
	font-family:Rajdhani,Verdana, Geneva, sans-serif;
	font-weight:light;
	color: rgba(0,0,0,0.9);
	font-size:22px;
}
#meny{
  position: fixed;
  bottom:0px;
  left:0px;
  background-color: rgba(0,0,0,1);
  background-color: rgba(0,0,0,1);
  padding: 0px;
  text-align: center;
  z-index: 9999999;
  display: block;
  width:100%;
  font-weight: 500;
  font-size: 100%;
}

.contented #meny{
  background-color: rgba(0,0,0,1);
    background-color: rgba(0,0,0,1);
}

#meny a{
  color:rgba(255,255,255,0.9);
  padding:6px;
  display: inline-block;
  vertical-align: top;
transition:0.4s all;
}
#meny a:hover{
  color:rgba(255,255,255,1);
}

.pnt{
transition:0.4s all;
  font-weight: 700;
  color:#248fc1;
  font-size:130%;
  position:relative;
  top:0px;
}

#meny a:hover .pnt{
  text-shadow:0px 0px 3px #248fc1;
}

.pntC{
  color:rgba(255,255,255,0.5);
  transition:0.4s all;
  border-bottom:2px solid rgba(255,255,255,0);
}

#meny a:hover .pntC{
  color:rgba(255,255,255,0.8);
  border-bottom:2px solid rgba(255,255,255,0.4);
}


@media only screen and (min-width: 1000px) {
  #meny .menyItem{
    margin-left:20px;
    margin-right: 20px;
  }

  .menuToggler{
    display: none;
  }

}

@media only screen and (max-width: 999px) {
  #meny{
max-height:0px;
  overflow: hidden;
  transition:0.4s all;
  }

  #meny.open{
    max-height:300px;
  }

  #meny .menyItem{
    display: block;
    width:100%;
    text-align: center;
  }


.menuToggler{
display:block;
position: fixed;
bottom: 20px;
right:20px;
width:60px;
z-index:9999999999999;
height:60px;
background-color: rgba(255,255,255,0);
}

.menuToggler div{
  display: block;
  width: 100%;
}

.menuToggler span{
  display: block;
  height: 4px;
  background-color: rgba(255,255,255,0.9);
  margin-top: 8px;
  margin-bottom: 8px;
  position: absolute;
  left: 0px;
  width:80%;
  margin-left: 10%;
  transition:0.4s all;
  border-radius:100px;
  transform:rotate(0deg);
  box-shadow:0px 0px 4px rgba(0,0,0,0.8);
}

.menuToggler span:nth-child(1){
  bottom:42px;
}

.menuToggler span:nth-child(2){
  bottom:27px;
}

.menuToggler span:nth-child(3){
  bottom:12px;
opacity:1;
  width:55%;
}

.menuToggler.open  span:nth-child(1){
  bottom:20px;
  transform:rotate(45deg);
}

.menuToggler.open  span:nth-child(2){
  bottom:20px;
  transform:rotate(-45deg);
}

.menuToggler.open  span:nth-child(3){
opacity:0;
  transform:rotate(20deg);

}

}
.productPage{
  display: block;
  padding: 25px;
  width:100%;
  font-size: 90%;
  line-height: 170%;
  max-width:450px;
  text-align: left;
  position: fixed;
   bottom:100px;
   right:66px;
   background-color: rgba(0,0,0,0.86);
   color:rgba(255,255,255,0.9);
}

@media only screen and (max-width: 700px) {
.productPage{
  right: auto;
  left: 0px;
  bottom: 0px;
  width: 100%;
  max-width: none;
  bottom:15%;
}
}

.productPage h4{
  color:#00aeef;
  font-weight: normal;
  font-size: 150%;
  margin:0px;
  padding:0px;
}




.productPage a{
  border-bottom:2px solid #666;
  color:#FFF;
}

.productPage a:hover{
  border-bottom:2px solid #FFF;
  color:#FFF;
}

.visible #closeSub{
display: block;
width:50px;
height: 50px;
color:#FFF;
position: absolute;
right:0px;
top:6px;
border-bottom:0px;
}

#closeSub span{
  display:block;

  width:40px;
  height:3px;
  background-color: rgba(255,255,255,0.7);
  margin-bottom: -3px;
  position:relative;
}

#closeSub span:nth-child(1){
  transform:rotate(45deg);
  top:16px;
}
#closeSub span:nth-child(2){
  transform:rotate(-45deg);
  top:16px;

}
.product{
  display: inline-block;
  padding: 7px;
  margin: 7px;
  width: 100%;
  max-width: 225px;
  background-color: rgba(0,0,0,0.2);
  color: rgba(255,255,255,0.5);
  font-size: 85%;
  vertical-align: top;
  border:2px solid #248fc1;
  border-radius:6px;
  transition:0.3s all;
background: linear-gradient(135deg, rgba(0,0,0,0.55) 0%,rgba(0,0,0,0.44) 100%);
}

@media only screen and (max-width: 1000px) {
.product{
  max-width: 10000px;
  padding: 5px;
}
}


.product strong{
  display: block;
  font-size: 120%;
  font-weight: normal;
  color: rgba(255,255,255,0.9);
  transition:0.3s all;
}

.product:hover strong{
  font-size:140%;
  color:#FFF;
  text-shadow:0px 0px 4px rgba(0,0,0,0.5);

}

.product:hover{
  background-color: rgba(0,0,0,0.6);
  color:#FFF;
  border:2px solid #248fc1;
  padding:4px;
  background: linear-gradient(135deg, rgba(36,143,193,1) 0%,rgba(31,125,163,1) 100%);
  box-shadow:0px 0px 5px rgba(255,255,255,0.5);
}


.productList{
  display:inline-block;
  vertical-align: top;
  width:100%;
  padding:30px;
  max-width: 550px;
}


.productList h3{
  display:block;
  border-bottom:1px solid rgba(255,255,255,0.3);
  padding: 0px;
  margin: 0px;
  margin-top: 30px;
  text-align: right;
  font-weight: normal;
  margin-bottom: 10px;
  color: rgba(255,255,255,0.5);
  font-size:80%;
}

.product.prodInit{
  transform:rotateX(90deg) rotateY(20deg);
  opacity:0.2;
}

.product{
  transform:rotateX(0deg)  rotateY(0deg);
  opacity:1;
}
#frontpage{
  display: block;
  position: fixed;
  top:0px;
  left: 0px;
  width:100%;
}

#quote{
  display:block;
  width: 100%;
  padding: 80px;
  color: #FFF;
  font-size:150%;
  line-height: 170%;
  color:rgba(255,255,255,0.9);
}

#quote>div{
  font-size: 70%;
  color:rgba(255,255,255,0.5);
}


@media only screen and (max-width: 700px) {
#quote{
	  line-height: 110%;
	  margin-top:0px;
}

#quote>div{
	margin-top:20px;
}
}


.subContents{
  color: #333;
  display:none;
  opacity:0;
transition:0.5s all;
width:0px;

}

.subContents.visible{
  display: block;
  background-color:rgba(255,255,255,1);
  width:100%;
  padding: 30px;
  z-index: 999;
  top: 0px;
  left: 0px;
  position: fixed;
  color:#666;
  font-size: 90%;
  background-position: center center;
  background-size:cover;
  background-repeat: no-repeat;
  opacity:1;
z-index: 999902;
}