@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);
	
	/*--------------------------------------------------------------------------------

	*Filnamn:			main.css
	
	*Beskrivning:		Här läggs beskrivning
	
	*Version:			1.0.0 exempel
	
	*Webbsida:			http://sidnamn.se http://skapadav.se
	
	*Author:			Den som skrivit CSS filen
		
	==Struktur:=======================================================================
	
	*Page-width:		Sidans bredd
	
	*Columns:			Kolumner
	
	$__Header:			Definerar headern
	
	$__Menu:			Menyer och navigering
	
	$__Main:			Huvud container 
	
	$__Footer:			Sidfot nedre del av sida
	
	$__Media:			All media konfiguration
	
	---------------------------------------------------------------------------------*/
	
	body{
	width:100%;
	height:100%;
	}
	
	p{
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	}
	
	h1,h2,h3,h4,h5,h6{
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	}
	
	a{
	font-family: 'Oswald', sans-serif;
	font-weight:300;	
	}	
	
	/*	__Menu
	
	------------------------------------------------------------------------*/
	
	.navbar-default {
  	background-color: rgba(0,0,0,0.5);
	border:0;
	border-radius:0;
	}
	
	#navbar-logo{
	margin-top:-15px;
	}
	
	@media screen and (max-width:355px){
	#navbar-logo{
	width:210px;
	height:42px;}
	}	
	
	.navbar-default .navbar-nav > li > a {
  	color: #fff;
	}
	
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus {
  	color: #ccc;
  	background-color: transparent;
	}
	
	.navbar-default .navbar-nav > .active > a,
	.navbar-default .navbar-nav > .active > a:hover,
	.navbar-default .navbar-nav > .active > a:focus {
  	color: #ccc;
  	background-color: #e7e7e7;
	}
	
	.navbar-default .navbar-toggle {
  	border:0;
  	border-radius:0;
	}
	
	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus {
	transform:scale(1.1);
	transition:all 0.5s ease-in-out;
	}
	
	.navbar-default .navbar-toggle .icon-bar {
  	background-color: #fff;
	}
	
	.navbar-default .navbar-collapse,
	.navbar-default .navbar-form {
  	border-color: 0;
  	border:0;
	}

	
	
	/*	__Main
		
	------------------------------------------------------------------------*/
	
	.container-top{
	margin-top:50px;
	margin-bottom:50px;
	}
	
	.header-txt-page{
	color:#fff;
	margin-top:50px;
	font-size:4em;	
	}
	
	.motorgruppen-hr{
	border-color:#eaeaea;
	}
	
	/*	__Section

	------------------------------------------------------------------------*/

	.section-top{
	background:url('../img/sektion-top-bg.jpg') no-repeat center;
	height:100vh;
	width:100%;
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	}
	
	.section-top-tjanster{
	background:url('../img/sektion-top-bg.jpg') no-repeat center;
	height:400px;
	width:100%;
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	}

	
	@media screen and (max-width:767px){
	.section-top{
	background:url('../img/sektion-top-bg.jpg') no-repeat center;
	height:auto;
	width:100%;
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;}
	}


	/*	__Content

	------------------------------------------------------------------------*/
	
	/*--Intro--*/
	.col-margin-bottom{
	margin-bottom:10px;
	}
	
	margin-bottom:10px;
	}
	
	.menu-row-bottom{
	margin-top:25px;
	}

	.push-btn-container{
	width:70px;
	height:50px;
	display:block;
	border-bottom:1px solid #333;
	text-align:center;
	background:rgba(200, 54, 54, 0.5);
	margin:0 auto;
	margin-top:25px;
	}
	
	.block-sm{
	background:rgba(0,0,0,0.5);
	height:100%;
	width:100%;
	}
	
	.block-sm-text{
	background:rgba(0,0,0,0.5);
	height:100%;
	width:100%;
	padding-left:10px;
	padding-top:5px;
	padding-right:5px;
	}
	
	.block-sm-text h4{
	color:#fff;
	font-size:1.9em;
	}
	
	.block-sm-text p{
	color:#fff;
	}
	
	.block-sm-img{
	width:32.33%;
	display:inline-block;
	}
	
	.block-sm-small-header{
	padding-left:2px;
	background:#333;
	}
		
	.menu-block-sm{
	background:rgba(51, 51, 51, 0.9);
	height:100px;
	width:100%;
	text-align:center;
	}
	
	.menu-block-sm:hover{
	background-color:#ccc;
	cursor:pointer;
	transition:all 0.4s ease-in;
	}
	
	#menu-block-sm-1{
	animation-delay:0.5s;
	-webkit-animation-delay:0.5s;
	}

	#menu-block-sm-2{
	animation-delay:0.7s;
	-webkit-animation-delay:0.7s;
	}

	#menu-block-sm-3{
	animation-delay:0.9s;
	-webkit-animation-delay:0.9s;
	}

	#menu-block-sm-4{
	animation-delay:1.1s;
	-webkit-animation-delay:1.1s;
	}
	
	.menu-block-sm h3{
	color:#FFF;
	padding-top:25px;
	}
	
	/*--Kontakt--*/
	.link-left{
	font-family: 'Oswald', sans-serif;
	font-size:16px;
	font-weight:300;
	}

	.link-right a{
	color:#333;	
	}
	
	.link-right a:hover{
	text-decoration:none;
	color:#ccc;	
	}

	/*	__Footer
	
	------------------------------------------------------------------------*/
	
	footer{
	background:#eaeaea;
	padding-top:25px;
	}
	
	.motorhallen-footer{
	font-family:'Open Sans Condensed',sans-serif;
	font-size:18px;
	}
	
	.navbar-bottom-lank{
	list-style:none;
	padding:0;
	}
	
	.navbar-bottom-lank li a{
	color:#333;
	}
	
	.navbar-bottom-lank li a:hover{
	text-decoration:none;
	color:#ccc;
	}


	
	.kontakt-info-icon,
	.kontakt-info-lank{
	display:inline-block;
	}
	
	.kontakt-info-lank a{
	color:#333;
	}
	
	.kontakt-info-lank a:hover{
	color:#ccc;
	text-decoration:none;
	}

	
	.sociala-medier-icon{
	display:inline-block;	
	}
	
	.sociala-medier-lank{
	display:inline-block;	
	}
	
	.sociala-medier-lank a{
	color:#333;
	cursor:pointer;
	}
	
	.sociala-medier-lank a:hover{
	color:#ccc;
	text-decoration:none;
	}


	
	
	/*	__Media
	
	------------------------------------------------------------------------*/