/*Sidan*/
.main{
	
}

/*HTML sektion 1*/
.main-container1{
	overflow: hidden;
	padding: 0;
}

/*HTML sektion 2*/
.main-container2{
	margin-top: 100px;
    margin-bottom: 100px;
}

/*HTML sektion 2*/
.main-container3{
	margin-top: 100px;
    margin-bottom: 100px;
}

/*HTML sektion 4*/
.main-container4{
	
}

/*HTML sektion 5*/
.main-container5{
	
}

/*HTML sektion 6*/
.main-container6{
	
}

/*Sektion senastefordon*/
.main-container7{
	padding-top: 50px;
}

/*Sektion lagerlista*/
.main-container8{
	
}

/*Sektion personal*/
.main-container9{
	
}

/*Sektion kontakt*/
.main-container10{
	
}

/*Sektion karta*/
.main-container11{
	
}

.sektion-topbg-img{
    background-image: linear-gradient(180deg, #00000082, #3e3e3e42), url(/images/sektioner/uploads/startweb.jpg);
    background-size: cover;
    display: table;
    width: 100%;
}

.startsektion-bg-img-container{
	vertical-align: middle;
	display: table-cell;
    padding-top: 25%;
    padding-bottom: 18%;
    padding-left:0;
}

.bildtext-rubrik{
	color: #eaeaea;
    font-weight: 500;
    font-size: 35px;
    display: inline-block;
    width: 100%;
    font-family: roboto;
}

.bildtext-text{
	color: #eaeaea;
    font-size: 20px;
    display: inline-block;
    font-family: roboto;
}

.bildtext {
    position: absolute;
    padding: 8px 30% 230px 30%;
    bottom: 0;
    left: 0;
    margin-left: 15px;
    text-align: center;
}

.startknapp-wrapper{
    width: 100%;
    margin-top: 40px;
}

.startknapp{
    padding: 14px 30px 14px 30px;
    margin: 0px 10px 0px 10px;
    font-size: 14px;
    font-weight: 500;
    background-color: #00000047;
    color: #eaeaea;
    border: 2px solid #e6e6e691;
    font-family: roboto;
    border-radius: 50px;
    transition: .5s ease;
    text-transform: uppercase;
}

.startknapp:hover{
	color: #161616;
    background-color: #eaeaea;
    border: 2px solid #eaeaea;
}

.bild-box {
    position: absolute;
    padding: 8px 10% 15% 10%;
    width: 100%;
	top: 20%;
    left: 0;
}

.rubrik-start-img{
	font-size: 40px;
    font-weight: 700;
    color: #fff;
	width: 100%;
    display: inline-block;
    padding-bottom: 7px;
    font-family: Arial;
}

.text-box{
	padding: 0px 0px 0 70px;
}

.underrubrik-start-img{
	font-size: 20px;
    font-weight: 600;
    color: #333;
}

.text-start-img{
	font-size: 20px;
    color: #fff;
    font-family: Arial;
}

.check-icon-start{
	padding-right: 10px;
    color: #dc0000;
}

.customform_input::placeholder{
	color: #202020;
}

.customform_input:focus::placeholder{
	color: #666666;
}

.kontakt-wrapper{
    background-color: #ffffffd1;
    padding: 30px 0 30px 0;
    border-radius: 0 0 5px 5px;
}

.kontakt-wrapper div{
	padding:0;
}

.meny-wrapper{
    padding: 0px 0 0px 0;
}

.meny-wrapper div{
	padding:0;
}

.customform_input{
	outline: none;
    width: 85%;
    margin-bottom: 3px;
    height: 45px;
    border: 1px solid #ffffffd1;
    background-color: #ffffffd1;
    border-radius: 3px;
	padding-left: 8px;
	font-family: Arial;
}

.rubrik-formular-img{
	font-size: 18px;
    font-weight: 700;
    color: #000;
    width: 100%;
    display: inline-block;
    padding-bottom: 15px;
    padding-left: 35px;
    font-family: Arial;
}

.slides-content {
    padding: 15px;
    background: transparent;
    color: #999999;
    text-transform: uppercase;
    font-family: Arial;
    border: none;
}

.slides-content span {
    text-align: left;
}

.slides-modell{
	color: #333;
	font-size: 14px;
	letter-spacing: 0.02em;
	font-family: Arial;
}

.slides-artal {
    margin-bottom: 5px;
    color: #555555;
    font-size: 15px;
    padding-top: 5px;
}

.slides-miltal {
    color: #555555;
    font-size: 15px;
}

.slides-pris {
	font-size: 16px;
    color: #fff;
    text-transform: lowercase;
    padding: 3px 5px 3px 5px;
    background-color: #ea0000;
    width: 25%;
    margin-top: -35px;
    border-radius: 3px;
    float: right;
    text-align: center !important;
}

.garanti-sektion-titel{
	display: inline-block;
    width: 100%;
    font-size: 25px;
    font-weight: 600;
    font-family: Arial;
    color: #333333;
    letter-spacing: 0.05em;
    margin-bottom: 15px;
}

.garanti-sektion-wrap{
	
}

.sektion-right-text{
	max-width: 500px;
    display: inline-block;
    width: 100%;
    font-size: 15px;
    color: #555;
    font-family: Arial;
    line-height: 1.9;
    letter-spacing: 0.01em;
}

.sektion-service-image {
    background-image: url(/images/sektioner/uploads/redstart.jpg);
    background-size: cover;
    display: table;
    width: 100%;
}

.second-bild{
	min-height: 330px;
}

.text-knapp-wrap{
	width: 100%;
    padding-top: 20px;
}

.textknapp{
	background-color: #d9d9d9;
    padding: 10px 20px 10px 20px;
    border-radius: 3px;
    color: #333;
    font-family: Arial;
    font-weight: 500;
}

.meny-tabs{
    margin-left: auto;
    margin-right: auto;
}

.meny-tabs > li {
    min-width: 100px;
    width: 50%;
    margin:0px;
}


.meny-tabs > li > a {
    margin-right: 0px;
    background-color: #ffffffd1;
    color: #333;
    font-weight: 600;
    border: 1px solid transparent;
    border-radius: 5px 5px 0 0;
    font-family: Arial;
}

.meny-tabs > li.active > a, .meny-tabs > li.active > a:hover, .meny-tabs > li.active > a:focus {
    color: #fff;
    background-color: #ea0000;
    border: 1px solid #ea0000;
    border-bottom-color: transparent;
    cursor: default;
    font-weight: 600;
    font-family: Arial;
}

.meny-tabs > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #ffffffe8;
    border: 1px solid #edefee;
}


.senast-rubrik{
	padding-bottom: 15px;
    display: inline-block;
    font-size: 25px;
    color: black;
    font-weight: 600;
    font-family: Arial;
}


.smal-box-rubrik{
	font-size: 25px;
    color: black;
    font-weight: 600;
    padding-bottom: 5px;
    display: inline-block;
    padding-top: 10px;
    font-family: Arial;
}

.smal-box-text{
	font-size: 15px;
    color: #555;
    font-weight: 500;
    width: 100%;
    display: inline-block;
    font-family: Arial;
}

.kopbil-text{
	font-size: 14px;
    color: #000;
    width: 100%;
    display: inline-block;
    padding-left: 35px;
    padding-bottom: 10px;
    font-family: Arial;
}

.start-check {
    color: #ea0000;
    padding-right: 5px;
    font-size: 16px;
}

.sidknapp-wrapper{
	width: 100%;
    text-align: center;
    padding-bottom: 60px;
    padding-top: 30px;
}

.sidknappsenast{
	padding: 15px 45px 15px 45px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 30px;
    transition: .3s ease;
    color: #ffffff;
    border: 1px solid #ea0000;
    background-color: #ea0000;
    font-family: Arial;
}

.sidknappsenast:hover{
	background-color: #f9f9f9;
    color: #000000;
    border: 1px solid #f9f9f9;
}

.img-knapp-wrapper {
    margin-left: 30px;
    margin-top: 20px;
}

.imgknapp{
	background-color: #ea0000;
    border: 1px solid #ea0000;
	padding: 7px 12px 7px 12px;
    border-radius: 3px;
    color: #fff;
    font-weight: 600;
    transition: .3s ease;
}

.imgknapp:hover{
	background-color: #fff;
    border: 1px solid #fff;
    color: #000;
}

.sidknapp {
    background-color: #ea0000;
    border: 1px solid #ea0000;
    padding: 7px 12px 7px 12px;
    border-radius: 3px;
    color: #fff;
    font-weight: 600;
    transition: .3s ease;
    font-family: Arial;
}


.sidknapp:hover {
    display: inline-block;
    background-color: #f9f9f9;
    border: 1px solid #f9f9f9;
    color: #000;
}

.input-wrapper {
    text-align: left;
    margin-left: 35px;
    padding:10px!important;
}

.smal-box {
    background-color: #f9f9f9;
    min-height: 250px;
    padding: 20px 0px 0px 20px;
    border-radius: 20px;
}

.icon-start {
    font-size: 35px;
    background-color: #e2e2e2;
    padding: 12px;
    border-radius: 40px;
	color: #ea0000;
}

.verkstad-box{
	background-color: #f9f9f9;
    min-height: 170px;
    border-radius: 0 0 10px 10px;
    padding: 20px 0px 0px 12px;
}

.verk-img{
	
}

.verk-box-rubrik{
	font-size: 17px;
    color: #555555;
    display: inline-block;
    padding-left: 10px;
    letter-spacing: 0.02em;
    font-family: Arial;
}

.verk-box-text{
    
}

.adress-icon{
	color: #ea0000;
    font-size: 27px;
}

.left-rubrik{
	padding-bottom: 10px;
    display: inline-block;
    font-size: 35px;
    font-weight: 600;
    color: black;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    font-family: Arial;
    
}

.right-rubrik{
	padding-bottom: 20px;
    display: inline-block;
    font-size: 17px;
    letter-spacing: 0.02em;
    color: #555;
    font-family: Arial;
}

.text-verk-box{
	display: inline-block;
    width: 100%;
    padding: 5px 0px 20px 30px;
    font-size: 15px;
    font-family: Arial;	
}

#senastefordonslider{
    background-color: #f9f9f9;
	border-radius: 0 0 20px 20px;
}

.bil-block-img {
    background-size: contain;
}

/*Inställning för mobil*/
@media (max-width: 767px){
	
	.rubrik-start-img {
    	font-size: 27px;
    	padding-bottom: 0;
    	padding-top: 20px;
	}
	
	.text-box {
    	padding: 0px 0px 0 0px;
	}
	
	.text-start-img {
    	font-size: 15px;
        padding-bottom: 7px;
        display: inline-block;
	}
	
	.rubrik-formular-img {
    	font-size: 14px;
    	padding-bottom: 0;
	}
	
	.customform_input {
    	margin-bottom: 0px;
    	height: 40px;
	}
	
	.bild-box {
    	padding: 46px 5% 5% 5%;
    	width: 100%;
    	display: inline-block;
    	position: relative;
	}
	
	.kontakt-wrapper {
    	padding: 15px 0 10px 0;
	}
	
	.input-wrapper {
    	margin-left: 22px;
	}
	
	.main-container3{
		margin-top: 50px;
    	margin-bottom: 100px;
	}
	
	.left-rubrik {
    	font-size: 30px;
	}
	
	.right-rubrik {
    	font-size: 15px;
	}
	
	.verkstad-box {
    	min-height: 190px;
    	padding: 15px 0px 0px 7px;
    	margin-bottom: 30px;
	}
	
	.smal-box {
    	margin-bottom: 20px;
	}
	
	.main-container7 {
    	padding-top: 0px;
	}
	
	.sidknapp-wrapper {
    	padding-bottom: 0px;
	}


}