@charset "UTF-8";
/* CSS Document */

html, body { 
	width:100%;
	height:100%;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	line-height:21px;
	}
h1.startsidan {
	font-size:245%;
	line-height:170%;
	text-align: center;
	color: #FFFFFF;
	font-weight:300;
	margin-top:100px;
	letter-spacing:5px;
	text-transform:uppercase;	 
  }	
h1 { 
	color:#FFFFFF;
	font-size:180%;
	margin-top:57px;
	margin-left:42px;
	text-transform:uppercase;
	font-weight:400;
	letter-spacing:2px;
	}
h2 { 
	color: #666666;
	font-size:160%;
	font-weight:100;
	letter-spacing:2px;
	text-transform:uppercase;
	}
h3 {  
  color: #333333;
  font-size:110%;
  font-weight:100;
  text-transform:uppercase;
  }	
h4 {
  color: #666666;
  font-size:140%;
  font-weight:100;
  letter-spacing:2px;
  text-transform:uppercase;
  }	
h5 {}	
h6 {
  text-transform:uppercase;
  font-weight:900;
  margin-top:40px;
}	
.large-text { font-size:200%; vertical-align:middle;}

.row.black { background-color:rgba(0, 0, 0, 0.30); position:relative; top:10px; }
.row.white { position:relative; top:10px; }
.grey { background-color:rgba(0, 0, 0, 0.10);}
.header { margin-top:5px;}
.logo { float:left; margin-bottom:5px;}
.logo-grey { width:350px; margin-top:15px;}
	
/******  Navigation ******/
/************************/
.navbar { padding:0px;}

.navbar-toggler  {
	top:5px;
	right:10px;
	position: absolute;
	z-index:2000;
	background-color:rgba(0, 0, 0, 0.10);
}

.row.black .navbar-toggler{ background-color:rgba(255, 255, 255, 0.50);}
.nav {
	width:100%;
	float:right;
	margin-top:10px;
	}

.nav a {
	font-size:90%;
	color:#666666;
	text-transform:uppercase;
	}
.row.black .nav a { color:#FFFFFF;}
@media (max-width:991px) { .row.black .nav a { color:#666;} }

.nav li :hover { background-color:#ccc; border-radius: 6px;}
.nav li a.active { background-color:#777777; border-radius: 6px; color:#FFFFFF; }

.nav-item { margin-left:30px;}
@media (max-width:1200px) { .nav-item { margin-left:10px;} }
	
.knappar { margin-top:70px; text-align:center;}
.knappar ul{ 
	 margin-left:-10px;
	list-style:none;
	}
@media (max-width:575px) { .knappar { margin-top:50px; } }
.knappar li {
	margin-bottom:10px;
	padding:10px;
	text-align:center;
	display:block;
	width:170px;
	background-color:rgba(0, 0, 0, 0.40);
	
	border: 1px solid #999;
	border: 1px solid rgba(0, 0, 0, .2);
 	border-radius: 6px;
	outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
	}
.knappar li a {
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:90%;
	letter-spacing:1px;
	}

	
/******  Banners ******/
/***********************/	
.trycktekniker { width:100%; height:350px; background: url(../pict/banners/trycktekniker.jpg); background-position: center center; background-size: cover;}
.om-oss-bild { width:100%; height:350px; background: url(../pict/banners/om-oss.jpg); background-position: center center; background-size: cover;}
.karta { width:100%; height:350px; background: url(../pict/banners/karta.jpg); background-position: center center; background-size: cover;}
.kalibrera { width:100%; height:320px; background: url(../pict/banners/kalibrera.jpg) no-repeat; background-position: center bottom; background-size: cover;}

@media (max-width:768px) {.trycktekniker, .om-oss-bild, .kalibrera, .karta{ height:150px;}}
	
	
/******  Subpages ******/
/***********************/
.rubrik-wrap {
	margin-top:40px;
	height:50px;
	background: #777777;
	}
.rubrik {
	height:150px;background: url(../pict/profil/S.png) no-repeat  right;
	margin-top:-45px;
}
.galleri img {
	width:100%;
	margin-bottom:30px;
	outline: 0;
	 border:10px solid #fff;
  -webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, .2);
          box-shadow: 0 5px 25px rgba(0, 0, 0, .2);
		 }

		 
/******  Footer ******/
/***********************/	

.footer-wrap { background:#777777; min-height:150px; margin-top:70px;}
.footer {  color:#FFFFFF; font-size:75%; text-align:center; margin-top:70px; letter-spacing:1px; word-spacing:5px;}
.footer a { color:#FFFFFF; }

@media (max-width:998px) {
	.footer-wrap { min-height:150px; margin-top:50px;}
	.footer {  width:90%; color:#FFFFFF; font-size:75%; text-align:center; margin-top:50px; letter-spacing:0px; word-spacing:2px;}
}

/******  Carousel ******/
/***********************/	
html {
    position: relative;
    min-height: 100%;
}
.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
    opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-control {
    z-index: 2;
}
@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.carousel-item:nth-child(1) {
    background: url(https://svensktransfer.se/pict/tesla.jpg) no-repeat top center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.carousel-item:nth-child(2) {
    background: url(https://svensktransfer.se/pict/kontoret.jpg) no-repeat top center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
<!-- .carousel-item:nth-child(3) {
    background: url(https://svensktransfer.se/pict/cykel.jpg) no-repeat top center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
} -->
.carousel-item:nth-child(3) {
    background: url(https://svensktransfer.se/pict/golvdekal.jpg) no-repeat top center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.carousel-item:nth-child(4) {
    background: url(https://svensktransfer.se/pict/hockeyspel.jpg) no-repeat top center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.carousel {
    z-index: -99;
}
.carousel .carousel-item {
    position: fixed;
    width: 100%;
    height: 100%;
}
.title {
  text-align: center;
  margin-top: 20px;
  padding: 10px;
  text-shadow: 2px 2px #000;
  color: #FFF;
}
/*    Fade Carousel for Botsrat 4  */
.carousel-fade .carousel-item {
 opacity: 0;
 transition-duration: .6s;
 transition-property: opacity;
}

.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
 opacity: 0;
}

.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);
}

/******  Modal ******/
/***********************/	


/*HTML5  Modal Content */
.modalDialog {
	position: fixed;
		overflow:scroll;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}
.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog > div {
	width: 900px;
	position: relative;
	margin: 10% auto;
	padding: 40px 40px 13px 40px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
	text-align:left;
}
.modalDialog p {
	margin-bottom:40px;

}

.close {
	background: #606061;
	opacity:1;
	color: #fff;
	line-height: 35px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 40px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.close:hover { background: #00d9ff; }

  
  /******************  Mobil ******************/
/***********************************************/	

@media (max-width:1199px) {	.rubrik-wrap { margin-top:55px;}}
@media (max-width:991px) {

.modalDialog > div {
	width: 95%;
	position: relative;
	margin: 10% auto;
	padding: 30px 30px 13px 30px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
}
.close {	
	right: 12px;
	text-align: center;
	top: 10px;
}
	}
@media (max-width:768px) {
	h1.startsidan { 
	font-size:145%;
	line-height:140%;
	font-weight:300;
	margin-top:50px;
	letter-spacing:3px;
	}
	h1 { 
	font-size:125%;
	margin-top:61px;
	margin-left:25px;
	text-transform:uppercase;
	font-weight:400;
	letter-spacing:1px;
	}
	h2 { font-size:125%; }
	h4{
	font-size:120%;
  	font-weight:300;
  	letter-spacing:1px;
  }
	
	.modalDialog > div {
	width: 96%;
}
	.rubrik {
	height:150px;background: url(../pict/profil/S-small.png) no-repeat  right;
	margin-top:-50px;
}
	.rubrik-wrap {
	margin-top:25px;
	height:40px;
	}
	
	}
	
 /* Mobile Menu 
-----------------------------------------------------------------------------------*/

@media (max-width:991px) {
	.navbar {
		top:3px;
		right:30px;
		position: absolute;
		z-index:2000;
	}
	#navbarToggler {
		background:#fff;
		width:100px;
		border:10px solid #777777;
		margin-top:50px;
		margin-right:20px;
		margin-left:-210px;
		padding:30px;
			-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	}


#navbarToggler .nav > li {
	float: left;
	display:block;
	width:100%;
	padding: 0;
	cursor: pointer;
	font-size: 12px;
	margin: 0 1px 0 0;
	text-align: left;
	display: inline-block;
	font-weight: 400;
	border-left: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
			transition: all .2s;
}
}
@media (max-width:768px) { .navbar { right:20px; }}
@media (max-width:575px) { .navbar { right:10px; } }