/*Sidan*/
.main{
	
}

/*Bildslider container*/
#home{
	padding:0;
}

/*Bildsliderns bild container*/
.top-background-img{
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-repeat:no-repeat;
}

/*HTML sektion innehåller presentationstext till bildslider*/
.home-container{
	padding-top:10%;
	padding-bottom:30%;
}

/*HTML sektion 1*/
.main-container1{
	padding: 0;
	overflow: hidden;
}

/*HTML sektion 2*/
.main-container2{

}

/*HTML sektion 3*/
.main-container3{
	padding: 0;
	overflow: hidden;
	padding-bottom: 150px;
}

/*HTML sektion 4*/
.main-container4{
	
}

/*HTML sektion 5*/
.main-container5{
	
}

/*HTML sektion 6*/
.main-container6{
	
}

/*Sektion senastefordon*/
.main-container7{
	
}

/*Sektion lagerlista*/
.main-container8{
	
}

/*Sektion personal*/
.main-container9{
	
}

/*Sektion kontakt*/
.main-container10{
	
}

/*Sektion karta*/
.main-container11{
	
}

.sektion-topbg-img {
    background-image: linear-gradient(360deg, #1a1a1a, #00000000), url(/images/sektioner/uploads/Recond-Garage-11.jpg);
    background-size: cover;
    display: table;
    width: 100%;
}

.startsektion-bg-img-container {
    display: table-cell;
    padding-top: 10%;
    height: 100vh;
}
.input-form-wrapper{
	position: absolute;
    top: 20%;
    width: inherit;
}

.rekond-stor{
    width: 100%;
    text-align: center;
    padding-top: 10px;
    font-size: 30px;
    font-family: 'Garage911RubrikFont';
    color: #9b9d9e;
    height: 100px;
}

.site-header-vertical {
    font-family: Garage911Font;
    text-transform: uppercase;
    writing-mode: vertical-lr;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    white-space: nowrap;
    -webkit-writing-mode: vertical-rl;
    margin: 0px;
    color: #d2ab66;
    font-size: 18px;
}

.sektion-text-mixed-wrapper {
    display: table;
    min-height: 320px;
    overflow: hidden;
}

.site-header-holder {
    display: table-cell;
    vertical-align: middle;
}

.sektion-text-fixed {
    font-size: 1.2em;
    display: inline-block;
    vertical-align: middle;
    line-height: 2.0;
    color: #9b9d9e;
    font-family: Garage911Font;
}

.sektion-rubrik{
    width: 100%;
    font-size: 25px;
    display: inline-block;
    font-family: 'Garage911RubrikFont';
    color: #d2ab66;
    height: 60px;
}

.textbox-pris{
	background-color: #0000006b;
    padding: 15px;
    border: 2px solid #d2ab664a;
    min-height: 175px;
	margin-bottom: 25px;    
}

.icon-wrapper{
	color: #d2ab66;
    text-align: center;
    font-size: 18px;
    display: inline-block;
    width: 100%;
}

.service-icon-wrapper{
    color: #d2ab66;
    text-align: center;
    font-size: 18px;
    display: inline-block;
    width: 62px;
    height: 62px;
    background-color: #000000a6;
    padding: 15px;
    border-radius: 50px;
    border: 2px solid #d2ab664a;
}

.kontakt-rubrik {
    padding-top: 10px;
    font-size: 1.2em;
    font-family: 'Garage911RubrikFont';
    color: #9b9d9e;
    text-align: center;
    width: 100%;
    display: inline-block;
}

.pristext {
    display: inline-block;
    width: 100%;
    font-size: 15px;
    color: #192332;
    font-family: system-ui;
    min-height: 50px;
    text-align: center;
}

.sektion-break{
	padding:50px 0 50px 0;
}

.sektion-break-middle{
	padding:100px 0 100px 0;
}


.kontakt-info {
    width: 100%;
    display: inline-block;
    padding-top: 10px;
    font-size: 14px;
    color: #9b9d9e;
    font-family: Garage911Font;
    text-align: center;
}

.kontakt-info:hover {
    color: #d2ab66;
}

.kontakt-box{
	display: inline-block;
    margin: 18px;
}

.kontakt-info-box {
    display: inline-block;
    background-color: #00000069;
    padding: 15px;
}

.rubrik-service {
    width: 100%;
    display: block;
    font-family: 'Garage911RubrikFont';
    text-transform: uppercase;
    font-size: 20px;
    color: #9b9d9e;
    padding-top: 10px;
}

.text-service {
	width: 100%;
    font-size: 1.2em;
    display: block;
    font-family: Garage911Font;
    color: #9b9d9e;
    padding-top: 20px;
    line-height: 2.0;
	max-height: 300px;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(180deg, #000 60%, transparent);
}

.verkstad-middle{
	width: 100%;
    text-align: center;
    font-size: 30px;
    font-family: 'Garage911RubrikFont';
	text-transform: uppercase;
    color: #9b9d9e;
    height: 150px;
}

.read_more{
    color: #d2ab66;
    border: unset;
}

.boka_btn_wrapper{
	display: inline-block;
	width:100%;
	text-align: center;
}

#bokningtid {
    padding: 15px;
    padding-bottom: 30px;
}

#bokningkunduppgifter{
    margin-top: 25px;
    padding: 15px;
    padding-bottom: 25px;
}

.bokningval-text{
	width: 100%;
    display: block;
    font-family: 'Garage911RubrikFont';
    font-size: 16px;
    color: #0d1113;
    padding-top: 10px;
}

.btn-wrapper{text-align:center;}

.val-button{
	display: inline-block;
    margin-top: 10px;
    padding: 5px 15px 5px 15px;
    background: #d2ab66;
    border: 1px solid #d2ab66;
    border-radius: 4px;
    color: #1a1a1a;
    font-family: 'Garage911Font';
    font-size: 14px;
    text-transform: uppercase;
    transition: 0.3s;
    font-weight: 500;
    min-width: 120px;
}

.val-button:hover{
	background: #7b643b;
    border: 1px solid #7b643b;
    cursor: pointer;
}

.bokningsvalwrapper {
    /*
    max-height: 337px;
    overflow-y: scroll !important;
    overflow-x: hidden !important;
    */
    margin-top: 7px;
    padding: 15px;
}

.bokningval{
    position: relative;
    display: inline-block;
    width: 100%;
}

.bokningtidval{
	width: 100%;
    padding: 10px;
    color: #000000;
    background-color: transparent;
    outline: none;
    font-size: 15px;
    text-indent: 1px;
    border: 1px solid #d2ab664a;
}

.cb-item {
    display: block;
    margin: 0px;
    color: #9b9d9e;
	border: 1px solid #d2ab664a;
    padding: 15px;
	margin: 10px 0;
	cursor:pointer;
}

.cb-item:hover, .cb-item:hover > a:visited {
	background-color: #f7f7e5;
}


ul{
	margin:0;
	padding:0;
}



/* The cb-wrapper */
.cb-wrapper {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 36px;
}

/* Hide the browser's default radio button */
.cb-wrapper input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
	position: absolute;
	top: 12px;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #fffff1;
    border: 1px solid #989898;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.cb-wrapper:hover input ~ .checkmark {
  background-color: #191919;
}

/* When the radio button is checked, add a blue background */
.cb-wrapper input:checked ~ .checkmark {
  background-color: #d2ab66;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.cb-wrapper input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.cb-wrapper .checkmark:after {
    top: 6px;
    left: 6px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #1a1a1a;
}


.customform_input {
    font-family: Garage911Font;
    color: #000000;
    font-size: 15px;
    line-height: inherit;
    width: 100%;
    background-color: inherit;
    border: 2px solid #d2ab6624;
    margin-bottom: 30px;
    outline: none;
    padding: 22px 0 8px 10px;
    background-color: #fffff1;
}

.inputlabel {
    padding-left: 10px;
    position: absolute;
    margin-top: 2px;
    width: 100%;
    font-family: 'Garage911Font';
}

select option {
  margin: 40px;
  background: #0f0f0f;
  color: #818181;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}

#rekondModal {
    backdrop-filter: saturate(180%) blur(20px);
    padding-top: 50px;
    padding-bottom: 50px;
}

.rekond-modal-dialog {
    width: 100%;
    padding: 15px;
    position: relative;
    top: 25%;
}

#rekondModalTitel {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 15px;
}

.rekond-modal-content {
    background: transparent;
}

.rekond-modal-body {
    background-color: #fffff0;
}

.rekond-modal-header {
    text-align: center;
}

.rekond-modal-body {
    min-height: 200px;
    border-radius: 10px;
    margin-bottom: 15px;
}

.rubrik-modal-service {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 15px;
    font-family: 'Garage911RubrikFont';
    text-transform: uppercase;
    font-size: 30px;
    color: #0d1113;
    padding-top: 10px;
}
.bokningsvalwrapper .close{
    opacity: 1;
    font-size: 30px;
    font-weight: 300;
}

/*Inställning för mobil*/
@media (max-width: 767px){
	.sektion-text-fixed, .sektion-rubrik {
    	padding: 0 10px;
	}
}