@import url(https://fonts.googleapis.com/css?family=Questrial|Syncopate:400,700);	
	
	body {
	overflow-x:hidden;
	padding-top:50px;
	}
	
	body::-webkit-scrollbar {
    width: 1em;
	}
 
	body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	}
 
	body::-webkit-scrollbar-thumb {
  	background-color: darkgrey;
  	outline: 1px solid slategrey;
	}

	h1,h2,h3,h4,h5,h6{
	color:#fff;
	font-family: 'Syncopate', sans-serif;
	font-weight:300;
	}
	
	p{
	color:#fff;
	font-family: 'Questrial', sans-serif;
	}

    .font-style-mail-box{
    font-family:'Questrial',sans-serif;
    font-size:12px;
    }
		
	/*--Navbar----------------------------------------------
	-------------------------------------------------------*/
	
	/*--Navbar meny--*/
	
	.navbar-inverse {
  	background-color: #333;
  	border-color: #080808;
  	font-size:16px;
  	height:100px;
  	padding:25px;
	}
	
	.navbar-inverse a:link,
	.navbar-inverse a:visited{
	font-family:'Questrial',sans-serif;
	color:#fff;
	}
	
	#logo-bilhandlare{
	margin-top:-15px;	
	}
	
	/*--Navbar toggle knapp--*/	
	.navbar-inverse .navbar-toggle {
  	border-color:0;
  	border:0;
	}
	
	.navbar-inverse .navbar-toggle:hover,
	.navbar-inverse .navbar-toggle:focus {
  	background-color: transparent;
  	border-radius:0;
  	}
  	
  	#navbar a:link,
  	#navbar a:visited{
	color:#fff;
	}
		
	.navbar-inverse .navbar-collapse,
	.navbar-inverse .navbar-form {
  	border-color: #ba0100;
	}
 	
	/*--Navbar @media--*/
	@media screen and (max-width:767px){
	.navbar-nav{
  	color: #fff;
  	background-color:#ba0100;
  	text-align:center;}	
	}

    @media screen and (max-width:991px){
    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form{
    margin-right:-20px;}
    }
	
	@media screen and (max-width:400px){
	#logo-bilhandlare{
	margin-left:-15px;
	height:auto;}
	}
	
	.navbar-nav a:hover,
	.navbar-nav a:focus{
	background-color:#333!important;
	display:block;
	}


	/*--Sektioner--------------------------------------------
	-------------------------------------------------------*/	
	.sektion-slider{
	background-color:#000;
	/*padding:25px 0 50px 0;*/
	width:100%;
	height:100%;
	}
	
	.sektion-slider img{
	max-height:450px;
	width:100%;
	}
	
	.sektion-info{
	padding:50px 0 25px 0;
	width:100%;
	height:100%; 
	background-image: -ms-linear-gradient(top left, #CCCCCC 0%, #FFFFFF 100%); 
	background-image: -moz-linear-gradient(top left, #CCCCCC 0%, #FFFFFF 100%); 
	background-image: -o-linear-gradient(top left, #CCCCCC 0%, #FFFFFF 100%);
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #CCCCCC), color-stop(1, #FFFFFF));
	background-image: -webkit-linear-gradient(top left, #CCCCCC 0%, #FFFFFF 100%);
	background-image: linear-gradient(to bottom right, #CCCCCC 0%, #FFFFFF 100%);
	}
	
	.sektion-info h1,h2,h3,h4,h5,h6{
	color:#555;
	font-weight:300;
	}
	
	.sektion-info p{
	font-size:16px;
	font-weight:300;
	color:#555;
	}

	/*--Content----------------------------------------------
	-------------------------------------------------------*/
		
	.btn-autocity-bilar{
	width:100%;
	padding:15px;
	background:#ba0100;
	text-align:center;
	top:10px;
	margin-bottom:25px;
	}
	
	.btn-autocity-bilar:hover{
	background:#555;
	cursor:pointer;
	}
	
	.btn-autocity-bilar a:link,
	.btn-autocity-bilar a:visited{
	color:#fff;
	font-family:'Questrial',sans-serif;
	text-decoration:none;
	}
	
	.btn-autocity-bilar p{
	color:#fff;
	}
	
	.socle {
  	position: relative;
  	z-index: 2;
	}

	.socle:after {
  	content: "";
  	z-index: -1;
  	position: absolute;
  	border-radius: 6px;
  	box-shadow: inset 0 1px 0 rgba(0,0,0,0.1),inset 0 -1px 0 rgba(255,255,255,0.7);
  	top: -6px; bottom: -6px;
  	right: -6px; left: -6px;
  	background: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0));
	}
	
	/*-- Tjänster --*/
	#finans-partners-list{
	list-style:none;
	font-family:'Questrial',sans-serif;
	margin-left:0;
	padding:0;
	}
	
	/*-- Kontakt --*/

    .autocity-mail-form-box{
    background:#fff;
    font-family:'Questrial',sans-serif;
    border-radius:0;
    padding:10px;
    }	

	.autocity-form-box{
	border-radius:0;
	font-size:1em;
	font-family:'Questrial',sans-serif;
	}
	
	.autocity-input-mail-group{
	border-radius:0;
	background-color:#333;
	border:1px #ccc solid;
    color:#333;
	}

    .btn-autocity-send{
    background:#ba0100;
    font-family:'Questrial',sans-serif;
    padding:10px !important;
    }

    .btn-autocity-send:hover{
    background-color:#333!important;
    }
	
	/*-- Lånelöfte --*/
	
   
	.wrapper-lanelofte{
	font-family:'Questrial',sans-serif;
	background:#555; 
	width:100%;
	}
	
	.lanelofte-row{
	background:#ccc;
	padding:2px;
	width:100%;
	margin:0 auto;
	}
	
	.fordonsval-row{
	background:#ccc;
	padding:2px;
	width:100%;
	margin:0 auto;
	}
	
	.lanelofte-meddelande{
	background:#ccc;
	padding:2px;
	width:100%;
	margin:0 auto;
	}
		
	/*--Slider-----------------------------------------------
	-------------------------------------------------------*/
	
	#owl-demo .item img{
  	display: block;
  	width: auto;
  	height: auto;
  	cursor:pointer;
  	margin-top:50px;
	}
	
	#bar{
  	width: 0%;
  	max-width: 100%;
  	height: 4px;
  	background: #333;
	}
	
	#progressBar{
  	width: 100%;
  	background: #EDEDED;
	}	
			
	#bilonlinesenaste .item{
  	cursor:pointer;
  	background: #ccc;
  	padding: 0px 0px;
  	margin: 5px;
  	color: #FFF;
  	-webkit-border-radius: 3px;
  	-moz-border-radius: 3px;
  	border-radius: 3px;
  	text-align: center;
  	box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.75);
	box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.75);
	}
	
	.item img{
	display:block;
	width:100%;
	height:auto;
	}
			
	.bilonline-divider-1 {
  	border: 0;
  	height: 1px;
  	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(223, 35, 35, 1), rgba(0,0,0,0));
  	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(170,170,170,1), rgba(0,0,0,0));
  	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(170,170,170,1), rgba(0,0,0,0));
  	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(170,170,170,1), rgba(0,0,0,0));
	}
			
	/*--Footer-----------------------------------------------
	-------------------------------------------------------*/
	
	footer{
	background:#ba0100;
	margin-bottom:0;
	padding:25px 0 0 0;
	height:auto;
	width:100%;
	}
	
	.navbar-bottom{
	background:transparent;
	list-style:none;
	margin:0;
	padding:0;
	}
	
	.navbar-bottom a:link,
	.navbar-bottom a:visited,
	.navbar-bottom a:focus{
	color:#fff;
	font-family:'Questrial',sans-serif;
	font-size:14px;	
	}
	
	.navbar-bottom a:hover{
	text-decoration:none;
	color:#ccc;
	}
	
	.oppet-1, .oppet-2{
	display:inline-block;
	}
	
    @media screen and (max-width:991px){
    .oppet-1,.oppet-2{
    font-size:12px;}
    }

	.oppet-2{
	width:50%;
	float:right;
	margin-right:0;
	}
	
	.oppet-2 p{
	font-weight:bold;
	font-size:1em;
	}
	
	.kontakt-1{
	margin-top:5px;
	}
			
	.kontakt-1, .kontakt-2{
	display:inline-block;
	color:#fff;
	}
	
	.kontakt-1, .kontakt-2 a:link,
	.kontakt-1, .kontakt-2 a:visited{
	font-family:'Questrial',sans-serif;
	color:#fff;
	text-decoration:none;
	}
	
	.kontakt-1, .kontakt-2 a:hover,
	.kontakt-1, .kontakt-2 a:active, 
	.kontakt-1, .kontakt-2 a:focus{
	color:#ccc;
	}
	
	
	
		
	/*--Plugins----------------------------------------------
	-------------------------------------------------------*/
	
	/* 
 		* 	Core Owl Carousel CSS File
 		*	v1.3.3
 	*/

	/* clearfix */
	.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	}
	
	/* display none until init */
	.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
	}
	
	.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
	}
	
	.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
	}
	
	.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
	}
	
	
	.owl-carousel .owl-item{
	float: left;
	}
	
	.owl-controls .owl-page,
	.owl-controls .owl-buttons div{
	cursor: pointer;
	}
	
	.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}
	
	/* mouse grab icon */
	.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
	}

	/* fix */
	.owl-carousel  .owl-wrapper,
	.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  	-webkit-transform: translate3d(0,0,0);
  	-moz-transform: translate3d(0,0,0);
  	-ms-transform: translate3d(0,0,0);
	}
	
	/* 
 		*  Owl Carousel CSS3 Transitions 
 		*  v1.3.2
 	*/

	.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
	}
	
	/* fade */
	.owl-fade-out {
  	z-index: 10;
  	-webkit-animation: fadeOut .7s both ease;
  	-moz-animation: fadeOut .7s both ease;
  	animation: fadeOut .7s both ease;
	}
	
	.owl-fade-in {
  	-webkit-animation: fadeIn .7s both ease;
  	-moz-animation: fadeIn .7s both ease;
  	animation: fadeIn .7s both ease;
	}
	
	/* backSlide */
	.owl-backSlide-out {
  	-webkit-animation: backSlideOut 1s both ease;
  	-moz-animation: backSlideOut 1s both ease;
  	animation: backSlideOut 1s both ease;
	}
	
	.owl-backSlide-in {
  	-webkit-animation: backSlideIn 1s both ease;
  	-moz-animation: backSlideIn 1s both ease;
  	animation: backSlideIn 1s both ease;
	}
	
	/* goDown */
	.owl-goDown-out {
  	-webkit-animation: scaleToFade .7s ease both;
  	-moz-animation: scaleToFade .7s ease both;
  	animation: scaleToFade .7s ease both;
	}
	
	.owl-goDown-in {
  	-webkit-animation: goDown .6s ease both;
  	-moz-animation: goDown .6s ease both;
  	animation: goDown .6s ease both;
	}
	
	/* scaleUp */
	.owl-fadeUp-in {
  	-webkit-animation: scaleUpFrom .5s ease both;
  	-moz-animation: scaleUpFrom .5s ease both;
  	animation: scaleUpFrom .5s ease both;
	}
	
	.owl-fadeUp-out {
  	-webkit-animation: scaleUpTo .5s ease both;
  	-moz-animation: scaleUpTo .5s ease both;
  	animation: scaleUpTo .5s ease both;
	}
	
	/* Keyframes */
	/*empty*/
	@-webkit-keyframes empty {
  	0% {opacity: 1}
	}
	
	@-moz-keyframes empty {
 	0% {opacity: 1}
	}
	
	@keyframes empty {
  	0% {opacity: 1}
	}
	
	@-webkit-keyframes fadeIn {
  	0% { opacity:0; }
  	100% { opacity:1; }
	}
	
	@-moz-keyframes fadeIn {
  	0% { opacity:0; }
  	100% { opacity:1; }
	}
	
	@keyframes fadeIn {
  	0% { opacity:0; }
  	100% { opacity:1; }
	}
	
	@-webkit-keyframes fadeOut {
  	0% { opacity:1; }
  	100% { opacity:0; }
	}
	
	@-moz-keyframes fadeOut {
  	0% { opacity:1; }
  	100% { opacity:0; }
	}
	
	@keyframes fadeOut {
  	0% { opacity:1; }
  	100% { opacity:0; }
	}
	
	@-webkit-keyframes backSlideOut {
  	25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  	75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  	100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
	}
	
	@-moz-keyframes backSlideOut {
  	25% { opacity: .5; -moz-transform: translateZ(-500px); }
  	75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  	100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
	}

	@keyframes backSlideOut {
  	25% { opacity: .5; transform: translateZ(-500px); }
  	75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  	100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
	}
	
	@-webkit-keyframes backSlideIn {
  	0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  	75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  	100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
	}
	
	@-moz-keyframes backSlideIn {
  	0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  	75% { opacity: .5; -moz-transform: translateZ(-500px); }
  	100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
	}
	
	@keyframes backSlideIn {
  	0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  	75% { opacity: .5; transform: translateZ(-500px); }
  	100% { opacity: 1; transform: translateZ(0) translateX(0); }
	}
	
	@-webkit-keyframes scaleToFade {
  	to { opacity: 0; -webkit-transform: scale(.8); }
	}	
	
	@-moz-keyframes scaleToFade {
  	to { opacity: 0; -moz-transform: scale(.8); }
	}
	
	@keyframes scaleToFade {
  	to { opacity: 0; transform: scale(.8); }
	}
	
	@-webkit-keyframes goDown {
  	from { -webkit-transform: translateY(-100%); }
	}
	
	@-moz-keyframes goDown {
  	from { -moz-transform: translateY(-100%); }
	}
		
	@keyframes goDown {
  	from { transform: translateY(-100%); }
	}

	@-webkit-keyframes scaleUpFrom {
  	from { opacity: 0; -webkit-transform: scale(1.5); }
	}
	
	@-moz-keyframes scaleUpFrom {
  	from { opacity: 0; -moz-transform: scale(1.5); }
	}
	
	@keyframes scaleUpFrom {
  	from { opacity: 0; transform: scale(1.5); }
	}

	@-webkit-keyframes scaleUpTo {
  	to { opacity: 0; -webkit-transform: scale(1.5); }
	}
	
	@-moz-keyframes scaleUpTo {
  	to { opacity: 0; -moz-transform: scale(1.5); }
	}
	
	@keyframes scaleUpTo {
  	to { opacity: 0; transform: scale(1.5); }
	}
	
	/*
		* 	Owl Carousel Owl Demo Theme 
		*	v1.3.3
	*/

	.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
	}

	/* Styling Next and Prev buttons */

	.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	}
	
	/* Clickable class fix problem with hover on touch devices */
	/* Use it for non-touch hover action */
	.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
	}

	/* Styling Pagination*/

	.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	}
	
	.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
	}
	
	.owl-theme .owl-controls .owl-page.active span,
	.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	}
	
	/* If PaginationNumbers is true */

	.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	}

	/* preloading images */
	.owl-item.loading{
	min-height: 150px;
	background: url(AjaxLoader.gif) no-repeat center center
	}

        /*inställningar för iframe*/
    .iframe-appdata-senastefordon-slider {
    height: 200px;
    min-width: 100%;
    width: 100px;
    *width: 100%;
    border: none;
}

    .iframe-appdata-lanelofte {
    height:500px;
    min-width: 100%;
    width: 100px;
    *width: 100%;
    border: none;
}

    .iframe-appdata-kontakt {
    height:420px;
    min-width: 100%;
    width: 100px;
    *width: 100%;
    border: none;
}

    /* Slider
	------------------------------------------------------------------------*/
    
    .flexslider{
    background-color:transparent;
    }

    .slides li{
    margin:0 0 0 2px;
    overflow:hidden;
    cursor:pointer;
    }
    /* Kunden ville inte ha denna
    .slides li img:hover{
    opacity:0.7;
    }
    */
    .slides-content{
    background:#eaeaea;
    color:#333;
    text-transform:uppercase;
    font-family:'Montserrat', sans-serif;
    padding:10px;
    }
    .slides-content img{
    width:100%;
    height:auto;
    }
    .slides-content span{
    display:block;
    text-align:center;
    }
    .slides-modell{
    font-size:1.2em;
    height:40px;
    font-weight:700;
    }
	.slides-pris{
    font-size:1.2em;
    font-weight:700;
    color:#091c4c;
	}

    .flex-direction-nav a:before {
    background:url(../img/arrow-lft.png);
    display: block;
    width:60px;
    height:60px;
    content: '';
    }

    .flex-direction-nav a.flex-next:before {
    background:url(../img/arrow-rgt.png);
    display: block;
    width:60px;
    height:60px;
    content: '';
    }

    @media (max-width: 405px){
    .flex-direction-nav a{
    display:none;}
    }

  /*------------------------------------------------------
		Alla bilder settings
	---------------------------------------------------*/

    .visa_alla_container{
    width:80%;
    margin:0 auto;
    }

    .visa_alla_container img{
    display:block;
    margin-bottom:10px;
    width:100%;
    }

    .allabilder-logo{
    margin:0 auto;
    width:180px;
    margin-bottom:25px;
    margin-top:25px;
    text-align:center;
    }

    .allabilder-logo img{
    width:100%;
    height:auto;
    }

    .alla_bilder_btn{
    height:100px;
    background-color:#ba0100;
    padding:10px;
    text-align:center;
    border-bottom:5px #999 solid;
    -webkit-appearance:none;
    border:0;
    border-radius:4px;
    font-size:18px;
    color:#fff;
    text-transform:uppercase;
    font-family:'Montserrat', sans-serif;
    }

    .alla_bilder_btn:hover{
    background:#ccc;
    cursor:pointer;
    }

    .alla_bilder_clearfix{
    height: 15px;
    clear: both;
    }

     /*Lånelöfte*/

    .ansokbtn{
    width:100%;
    height:50px;
    background-color:#eaeaea;
    padding:10px;
    text-align:center;
    border-bottom:1px solid #ccc;
    -webkit-appearance:none;
    border:0;
    font-size:18px;
    }

    .ansokbtn:hover{
    background:#ccc;
    cursor:pointer;
    }
    .ansokbox{
	padding:5px;
    margin-bottom:5px;
	width:100%;
    font-size:16px;
    color:black;
    /*-webkit-appearance:none;*/
	}