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

h3 {
	font-weight: 700;
}



.anchor{
  display: block;
  height: 115px; /*same height as header*/
  margin-top: -115px; /*same height as header*/
  visibility: hidden;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -160px;
}

.footer, .pusher {
	height: 160px; /* .pusher must be the same height as .footer */
}

@media print{
   .noprint{
       display:none;
   }
}

.row-centered{
text-align:center;
}

.vcenter {
display: inline-block;
vertical-align: middle;
float: none;
}	


.nav-item.active{
	font-weight: 700;
}

.nav-item > a:hover{
	text-decoration: underline;
}

.top5 { margin-top:5px; }
.top7 { margin-top:7px; }
.top10 { margin-top:10px; }
.top15 { margin-top:15px; }
.top17 { margin-top:17px; }
.top20 { margin-top:20px; }
.top30 { margin-top:30px; }
.top50 { margin-top:50px; }
.top60 { margin-top:60px; }
.top70 { margin-top:70px; }
.top100 { margin-top:100px; }
.top200 { margin-top:200px; }
.bottom10{ margin-bottom:10px; }
.bottom20{ margin-bottom:20px; }
.bottom50{ margin-bottom:50px; }
.bottom70{ margin-bottom:70px; }
.bottom100{ margin-bottom:100px; }
.nopadding { padding:0px; }
.nomargin { margin:0px;  }

.row-spaced {
margin-top:20px;
margin-bottom:20px;
}



.greyback {
background-color: #EEE;
padding-top:15px;
padding-bottom:15px;
}


.blackback {
background-color: #1c1c1c;
color: #FFF;
padding-top:50px;
padding-bottom:50px;

}


.spacerow {
margin-top:40px;
margin-bottom:40px;
}
	
.vcenter {
display: inline-block;
vertical-align: middle;
float: none;
}	


.searchontop {
background: rgba(255,255,255,.92);

}

.splashstart {
background-image: url('img/start_2021-25-1.jpg');
padding-top:500px;
padding-bottom:50px;
background-size: 100%;
background-repeat: no-repeat;

animation: pulse-black 6s infinite;
}
@keyframes pulse-black {
	0% {
		filter: grayscale(0%);
		filter: brightness(110%);
	}
	6% {
		filter: grayscale(0%);
		filter: brightness(100%);
	}
	97% {
		filter: grayscale(0%);
		filter: brightness(100%);
	}
	100% {
		filter: grayscale(0%);
		filter: brightness(110%);
	}
	
}


@media all and (min-width: 1200px) {
	.splashstart {
	background-image: url('img/start_2021-25-1.jpg');
	padding-top:500px;
	padding-bottom:50px;
	background-size: 100%;
	background-repeat: no-repeat;
	}

}

@media all and (max-width: 1199px) {
	.splashstart {
	background-image: url('img/start_2021-25-1.jpg');
	padding-top:420px;
	padding-bottom:60px;
	background-size: 100%;
	background-repeat: no-repeat;
	}

}

@media all and (max-width: 991px) {
	.splashstart {
	background-image: url('img/start_2021-25-1.jpg');
	padding-top:300px;
	padding-bottom:50px;
	background-size: 100%;
	background-repeat: no-repeat;
	}

}
	
@media all and (max-width: 767px) {
	.splashstart {
	background-image: url('img/start_2021-25-1.jpg');
	padding-top:320px;
	padding-bottom:0px;
	background-size: 100%;
	background-repeat: no-repeat;
	}
.searchontop {
background: rgba(255,255,255,1);

}

}
@media all and (max-width: 560px) {
	.splashstart {
	background-image: url('img/start_2021-25-1.jpg');
	padding-top:55vw;
	padding-bottom:0px;
	background-size: 100%;
	background-repeat: no-repeat;
	}

}



/* iPhone  1.23  320px*/



img.splash {
	background-repeat: no-repeat;
	width:1920px;
	height:150px;
	position:fixed;
	z-index:-1;
	background-size: 100%;
	background-attachment: fixed;
}




h4.power, h5.power{
	margin:0px;
	padding:10px;
	margin-left:5px;
	float:left;
	color:#000;
}

td, th{
	font-size: 14px;
}


section.module.parallax{
	height: 50vw;
	background-repeat: no-repeat;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;

}
.parallax-top2{
	background-repeat: no-repeat;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;

	background-position: 0 0px;

	background-position: center 50px; 
	height: 60vw;		
}

.top-block{
	height: 54vw;		
}

.parallax-top2-image{
	background-repeat: no-repeat;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	height: 35vw;
	padding:0px;
	background-position: 0 0px;
	background-image: url('img/kcr_mobil_bensin-w.jpg');
}

.parallax-top2-video{
	background-repeat: no-repeat;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	height: 35vw;
	padding:0px;
	background-position: 0 0px;
}

@media all and (max-width: 991px) {
.parallax-top2-video{
	height: 40vw;
	background-image: url('img/kcr_mobil_bensin-w.jpg');
 }

}
@media all and (max-width: 560px) {
.parallax-top2-video{
	height: 100vw;
	background-image: url('img/kcr_mobil_bensin.jpg');
}


}


.top-block-video{
		height: 31vw;		
	}


.bg{
	position: fixed;
	top:0;
	width: 100%;
	left:0;
	z-index: 0;
}

section.module.parallax h1 {
	color: rgba(255, 255, 255, 1);
	font-weight: 600;
	text-align: center;
	text-shadow: 0 0 10px rgba(0,0,0, 0.9);
	padding:20px;
	font-size: 10vw;
	height: 50vw;
}




/* iPad stående 768px, iPhone ligg 568px    1.23 */
@media all and (min-width: 560px) {

	/* special för navbar ska bli snygg på ipad stående	*/
	li{ 
		font-size: 11px;
	}
	
	.parallax-top2{
		background-position: center center; 
		height: 50vw;		
	}
	.top-block{
		height: 44vw;		
	}

}


/* iPad liggande 1024px    1.40*/

@media all and (min-width: 770px) {

}

@media all and (min-width: 992px) {
	
	li{
		font-size: 14px;
	}
}

/* Desktop (större än iPad liggande) */
@media all and (min-width: 1025px) {
        


	section.module.parallax{
		background-attachment: fixed;
		height: 30vw;		
	}
	section.module.parallax{
		height: 40vw;		
	}
	section.module.parallax h1 {
		padding-top: 6vw;
		font-size: 10vw;
		height: 40vw;
    	text-align: center;
   	}
	.parallax-top2{
		background-position: center center; 
		height: 30vw;		
	}
	.top-block{
		height: 30vw;		
	}

}

/* Large screens */
@media all and (min-width: 1600px) {


}




@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}


.arrow {
  position: fixed;
  bottom: 0;
  left: 50%;
  margin-left:-20px;
  width: 40px;
  height: 40px;
  background-image: url('img/p-trans.gif');
  background-size: contain;
  z-index: 1;
  opacity:0.75;
  }

.bounce {
  -moz-animation: bounce 3s infinite;
  -webkit-animation: bounce 3s infinite;
  animation: bounce 3s infinite;
}



nav.navbar.shrink {
  min-height: 50px;
  padding-top:0px;
}
nav.navbar{
/*  min-height: 100px;
  padding-top:25px;
*/
  min-height: 50px;
  padding-top:0px;
  
  @media print {
              visibility: hidden;

        }
}

nav.navbar{
   // Animation
   -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
}


.workbar.shrink {
/*top:50px;
background:#efedfd;
*/
top:50px;
background:#efedfd;
}




.workbar{
   // Animation
   -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
}

img {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 

img.icon {
padding: 4%;
padding-left: 0%;
padding-top: 0%;

}


#accordion .panel-heading { padding: 0;}
#accordion .panel-title > a {
	display: block;
	padding: 0.4em 0.6em;
    outline: none;
    font-weight:bold;
    text-decoration: none;
}


div.powerbar {
	margin-top:2px;
	border-top-right-radius: 0.2em;
	border-bottom-right-radius: 0.2em;
	float:left;

}

div.original {
	background:#e8e8e8;
	border-right:0px solid #888;
	border-top-right-radius: 1.1em;
}

div.power1 {
	background:#E00;
	background-image: linear-gradient(to right, #800, #F33);
}

div.power2 {
	background:#c00;
	background-image: linear-gradient(to right, #600, #E33);
}

div.torque1 {
	background:#004284;
	background-image: linear-gradient(to right, #002142, #0084c8);
}

div.torque2 {
	background:#003070;
	background-image: linear-gradient(to right, #001122, #0084c8);
}


/*
#accordion .panel-title > a.accordion-toggle::before, #accordion a[data-bs-toggle="collapse"]::before  {
    content:"\e113"; // PIL UPP
    float: left;
    font-family: 'Glyphicons Halflings';
	margin-right :1em;
}
#accordion .panel-title > a.accordion-toggle.collapsed::before, #accordion a.collapsed[data-bs-toggle="collapse"]::before  {
    content:"\e114";
}

*/