@font-face {
  font-family: 'FontAwesome';
  font-weight: normal;
  font-style: normal;
  src:
	  url('https://thedevelopers.blob.core.windows.net/fonts/fontawesome-webfont.eot?v=4.6.3');
  src:
	  url('https://thedevelopers.blob.core.windows.net/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),
	  url('https://thedevelopers.blob.core.windows.net/fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'),
	  url('https://thedevelopers.blob.core.windows.net/fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'),
	  url('https://thedevelopers.blob.core.windows.net/fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
}

.peek_wrapper {
	display:flex;
	flex-wrap: wrap;
	width:32.4%;
	float:left;
	margin-bottom: 50px;
	position:relative;
	background-color:#152d39;
	cursor:pointer;
}

.notlast{
margin-right:1.4%;
}

.peek_wrapper.lastcar{
border:none;
}

.parts-left{
width:49%; 
margin-right:1%; 
float:left; 
font-size:13px;
}

.parts-right{
width:49%; 
margin-left:1%; 
float:left; 
font-size:13px;
}

.peek_image {
    /*float: left;*/
    width: 100%;
}

.peek_image img{
	/*height: 154px !important;*/
	max-width: 100%;
	width:100%;
}

.peek_devider{
padding:5px 10px 10px 10px;
width:100%;
}

.peek_devider hr{
color:#04ad9d;
}

.peek_detail {
    /*float: left;*/
    width: 100%;
    padding: 10px;
    /*background-color: #1d1d1d;*/  /*B5AF95*/
    color: #ffffff;	
}



.peek_heading {
    margin-bottom: 10px;
}

.peek_heading_brand {
    font-size: 14px;
    font-weight: 700;
	color: #ffffff;
	float:left;
	width:75%;
	height:30px;
}

.peek_title_price{
width:100%;
padding: 10px;
}

.peek_price{
float:left;
width:25%;
text-align:right;
}

.peek_heading_model {
    font-size: 17px;
    font-weight: 400;
}

.peek_description {
    font-size: 10px;
    margin-top: 5px;
    margin-bottom: 14px;
}

.peek_info {
    margin-top: 5px;
	height: 80px;
}

.peek_info_piece {
    margin-bottom: 0px;
	float: left;
	width: 25%;
	font-size: 13px;
	padding-right: 10px
}

.peek_info_piece span{
font-weight:bolder;
}

.peek_info_price {
    margin-top: 15px;
    font-size: 18px;
}

#car_image, #car_image div{
    width: 100%;
    height: 100%;
}

.pris_bil{
    margin-top: 15px;
    font-size: 24px;
	color: #00ae9d;
	font-weight: 800;
}

.dtl_price .dtl_data{
font-size:24px;
color:#990000;
}

#alla_button_wrapper {
    width:220px;
    padding-top: 1%;
    padding-bottom: 1%;
	margin:auto;
}

#alla_button {
width:100%;
font-size:24px;
}

#dtl_container {
    background-color: #B5AF95;
    /*color: #37342C;*/
	color: #fff;
    font-size: 13px;
}

#dtl_info {
    /*padding: 2%;*/
	padding:40px;
	float:left;
	width:100%;
	/*background-color: #d1d1d1;*/
	background-color: #13222a;
}

.dtl_row {
    margin-top: 10px;
    margin-bottom: 10px;
}

.dtl_label {
    font-weight: lighter;
    color: #555;
}

.dtl_data {
    font-size: 15px;
}

#pagination_wrapper {   
    padding-top: 1%;
    padding-bottom: 1%;
    margin: auto;
	width: 250px;
}

#pagination_wrapper a {
    background-color: #B5AF95;
    color: #37342C;
    float: left;
    padding: 8px 16px;
    transition: background-color .3s;
    border: 1px solid #ddd;
	border-right:none;
	text-decoration:none;
}

#pagination_wrapper a#link_last{
 border-right: 1px solid #ddd;
}

#pagination_wrapper a:hover {
    background-color: #ddd;
    color: white;
}

.upload_ruler{
    clear: both;
}

#upload_wrapper{
    display: inline-block;
    padding-left: 40px;
    padding-top: 10px;
    padding-bottom: 20px;
    font-size: 16px;
}

#upload_label{
    float: left;
}

#upload_label_txt{
    text-align: center;
}

#upload_action{
    float: left;
}

#upload_result{
    padding: 20px;
}

#msg_detail{
    margin-top: 10px;
    margin-bottom: 10px;
}

#msg_txt{
    margin-top: 10px;
    margin-bottom: 10px;
}

#upload_return{
    width: 160px;
    height: 60px;
    margin: 20px;
}

a.car_detail, a.car_detail:hover{
color:#fff !important;
text-decoration:none;
}

#detail_header{
position:relative;
}

#detail_header #main_img{
position:relative;
width:100%;
float:left;
}

#detail_header #main_img img{
width:100%;
float:left;
}

#detail_header .header_band{
position:absolute;
float:left;
width:100%;
bottom:0px;
color:#fff;
background-image:url(header-top.svg);
background-position:bottom;
background-repeat:no-repeat;
background-size:100%;
/*z-index:1000;*/
}

.featureH{
float:left;
margin-right:40px;
}

.header_band_padded{
padding:200px 40px 0px 40px;
/*margin-right: 40px;*/
float:left;
width: 100%;
clear:both;
}

.carinfo{
float:left;
width:100%;
clear:both;
}


.header_band_padded h2{
color:#fff;
}

/*
.dtl_section{
float:left;
width:28%;
margin-right:5%;
}
*/

DIV.tab{
position:relative;
top:2px;
float:left;
padding:10px;
margin-right:30px;
cursor:pointer;
border-bottom:2px solid #000;
font-size:20px;
}

DIV.tab:hover, DIV.tab.active{
border-bottom:2px solid #00ae9d;
}

#tabs{
border-bottom: 2px solid #000;
float: left;
width: 87%;
margin-bottom: 15px !important;
margin-top: 0px;
padding: 0px 5% 0px 5%;
}

#tab2 ul{
list-style:none;
padding:0px;
margin:0px;
}

#tab2 ul li {
  padding: 10px 10px 0px 10px;
  background-color: #fff;
}

#tab2 ul li:last-child{
padding-bottom:5px;
}

#tab2 ul li img{
width:100%;
margin-top:-5px;
}

#tab2 ul li:first-child img{
margin-top:0px;
}

.prop{
width:100%;
clear:both;
}

.box{
background-color:#fff;
padding:15px;
width:100%;
}

.prop label{
display:inline-block;
width:120px;
}

.figure{
font-size:24px;
color:#990000;
margin-top:10px;
margin-bottom:10px;
}

.two-third{
float:left;
width:51%;
margin-right:4%;
}

.one-third{
float:left;
width:45%
}

#dtl_finance{
background-color:#333;
color:#FFFFFF;
float:left;
width:100%;
clear:both;
}

#dtl_finance input{
background-color:#444;
color:#fff;
width:100px;
padding-left:3px;
padding-right:3px;
border-radius: 0px;
height: 32px;
display: inline-block;
border:none;
}

.box2 td{
background:none !important;
}

#responsive-form {
  max-width: 100%;
  margin: 0 auto;
  width: 100%;
  padding: 20px 0 20px 0;
}

.form-row {
  width: 100%;
  color: #ffffff;
}

.column-half {
  float: left;
  position: relative;
  padding: 0.65rem;
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.column-full {
  float: left;
  position: relative;
  padding: 0.65rem;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#dtl_description, #dtl_other{
text-align:left;
float: left;
width: 100%;
}

.box1{
width:38%; 
float:left; 
margin-right:2%;
}

.box2{
width:58%; 
float:left;
margin-left:2%;
}

#dtl_garanti, #dtl_service{
margin-top:20px;
float:left;
width:100%;
}

.dtl_part h4{
color:#333;
}

.unit{
display: inline-block;
/*padding: 3px;*/
background-color: #666;
height: 31px;
width: 20px;
line-height: 32px;
text-align: center;
}

.car_title{
color: var( --e-global-color-bae5164 ) !important;
font-family: "Mulish", Sans-serif !important;
font-size: 30px !important;
font-weight: 700 !important;
line-height: 34px !important;
}

.car-price{
color: var( --e-global-color-primary ) !important;
font-family: "Mulish", Sans-serif !important;
font-size: 28px !important;
font-weight: 700 !important;
}

.otherequipment{
padding:0px 10px 26px 10px !important;
}

h2.otherequipment{
color: var( --e-global-color-primary ) !important;
font-family: "Mulish", Sans-serif !important;
font-size: 24px !important;
font-weight: 700 !important;
padding-top:10px;
}

ul.otherequipment li{
float:left;
margin-right:2% !important;
width:48%;
font-family: "Mulish", Sans-serif;
font-size: 13px !important;
font-weight: 400 !important;
height: 30px;
}

ul.otherequipment li i{
color: var( --e-global-color-primary );
}

#car_image img{
width:100%;
}

.parts-left .elementor-icon-list-item, .parts-right .elementor-icon-list-item{
display: block;
float: left;
clear: left;
width: 100%;
}

.parts-left .elementor-icon-list-icon, .parts-right .elementor-icon-list-icon {
  display: block;
  float: left;
  width: 20px;
  clear: left;
}

.parts-left .elementor-icon-list-text, .parts-right .elementor-icon-list-text {
  float: left;
  width: 90%;
}  

@media(max-width:420px){
.box1{
width:100%; 
float:left; 
margin-right:0%;
}

.box2{
width:100%; 
float:left;
margin-left:0%;
}



}

@media (max-width: 575px) {
    #pagination_wrapper {
        width: 100%;
        padding-left: 20%;
    }

	.header_band h2{
	font-size:1em;
	}
	
	.dtl_section{
	float:left;
	width:100% !important;
	margin-right:auto !important;
	}
}

@media (max-width: 767px) {

.parts-left{
width:100%; 
font-size:13px;
}

.parts-right{
width:100%; 
font-size:13px;
}

.featureH{
width:200px;
}

.peek_wrapper{
width:100%;
}

.notlast{
margin-right:0px;
}

.peek_image img{
width:100%;
height:auto !important;
}

}

@media (min-width: 768px) {
.peek_info_piece{
width:50%;
margin-bottom:16px;
}
}

@media (max-width: 991px) {
    .header_band{
		position:relative !important;
		background-image:none !important;
		background-color:#333333;
		clear:both;
	}
	
	.header_band_padded{
	padding: 2% !important;
	margin-right:40px !important;
	padding-bottom: 0px !important;
	}
	
	DIV.tab{
	font-size:16px !important;
	}
	
	.header_band h2{
	font-size:1.2em;
	}
	
	/*#tabs{
	border:none !important;
	padding-bottom:20px;
	float:none !important;
	}*/
	
	.peek_image {
        width: 100%;
    }

    .peek_detail {
        width: 100%;
    }

    #alla_button {
        width: 100%;
    }
	
	.one-third, .two-third{
		width:100%;
		margin:0px;
		float:none;
	}
	
	#dtl_finance{
	margin-top:20px;
	}
	
}

@media (min-width: 990px) {
	.peek_info_piece{
	width:25%;
	margin-bottom:0px;
	}
}

@media (max-width: 1199px) {}


/*      smart365 styles    */


.top { padding: 0 10px; }
.top h2 { color: #fff; margin: 0; font-weight: bold; line-height: 40px; font-size: 20px; border-bottom: 2px solid currentColor;}
.top .icons { margin-bottom: 20px; float: left; overflow: hidden; }
.top .icons a { display: inline-block; margin-left: 5px; background: #222; width: 40px; height: 40px; text-decoration: none !important; line-height: 40px; text-align: center; font-family: FontAwesome; font-size: 23px; color:#fff; }
.top .icons a:hover { text-decoration: none !important; background: #00ae9d; }
.top .icons .back { width: 60px; margin-right: 15px; }

.top .emailform { display: none; margin: 0 auto; max-width: 500px; color: #666; }

.top .emailform ::-webkit-input-placeholder { color: #ccc !important; }
.top .emailform ::-moz-placeholder { color: #ccc !important; }
.top .emailform :-moz-placeholder { color: #ccc !important; }
.top .emailform :-ms-input-placeholder { color: #ccc !important; }
	
.top .emailform input, .top .emailform textarea { display: block; margin: 0; width: 100%; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; background: none; border: none; color: #666; }
.top .emailform textarea { overflow: auto; height: 110px; }
.top .emailform a { text-decoration: none; }
.top .emailform p { margin: 5px 0; }
.top .emailform form .item { margin: 10px 0; border: 1px solid; padding: 5px; border-color: #999; background: #fff; }
.top .emailform form .item.invalid { border-color: #19487d; background: #eee; }
.top .emailform .Button { display: block; width: 100%; height: 30px; line-height: 30px; text-align: center; outline: none; background: #404040; color: #fff; }
.top .emailform .Button:hover { background: #666; }
.top .emailform .Button.disabled { background: #666; color: #999; }


/*
.Slider { position: relative; margin: 50px 5px 30px; height: 10px; }
.Slider .bar { position: absolute; top: 0; width: 50px; height: 10px; }
.Slider .button { position: absolute; top: -10px; width: 100px; height: 30px; padding: 0 10px; line-height: 30px; text-align: center; cursor: pointer; }
.Slider span { font-family: Fontawesome; font-size: 14px; }
.Slider .left { float: left; }
.Slider .right { float: right; }
.Slider .button > div { position: absolute; left: 0; top: -30px; width: 120px; height: 30px; line-height: 30px; text-align: center; }
.Slider.disabled .button { background: #999; color: #ccc; }
.Slider.rest.disabled { display: none; }

.Slider { background: #ccc; }
.Slider .bar { background: #990000; }
.Slider .button { background: #990000; color: #fff; cursor: pointer; }
.Slider .button > div { color: #999; }

.finance .timetext { padding: 0 10px; }
.finance .Button { margin: 5px 0 5px 8px; padding: 5px; }
.finance .Button.active { background: #d8d8d8; }
.finance .disclaimer { padding: 0 10px; }
*/
/*      smart365 styles    */