html, body {
    margin: 0;
    padding: 0;
  }
body{
  	font-family: 'mr-eaves-xl-modern', Arial;
	font-size:16px;
	background-color: #fff;
	text-rendering:geometricPrecision;
	overflow-x:hidden;
}

.page-load {
  background-color:#fff;
  z-index: 10;
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
}

  #map{
	width: 46%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute!important;
    box-sizing: border-box;	
 }
   .map-border{
	  height: 100%;
	  width: 3px;
	  top: 0;
	  left: calc(46% - 3px);
	  position: fixed!important;
	  box-sizing: border-box;
	  background-color: #000000;
	  opacity: 0.2;
   }
 #diler {
	bottom: 0;
    top: 136px;
    width: 54%;
    position: absolute;
    right: 0;
    display: block;
    background-color: #fff;
    overflow: auto;
  }
  #diler .loadmore{
  	background-color:#5d5d5d;
	color:#fff;
	border:0;
	border-radius:0;
	height:34px;
	width:100px;
	display:block;
	margin:30px auto;
	cursor: pointer;
  }
 #submit{
    height: 32px;
    width: 90px;
    text-align: center;
    color: #fff;
    background-color: #5d5d5d;
	border: none;
    cursor: pointer;	
 }
  .extext{
	display:none;
	}
  .prebaruvac {
	width: 100%;
    padding-left: 46%;
    padding-top: 35px;
    height: 136px;
    box-sizing: border-box;
    border-bottom: 1px solid #565656;
	background-color: #fff;
	z-index: 1;
  }  
  .dilerPom {
	position:relative;
	min-height: 192px;
	width: 100%;
	display:block;
	text-align: left;
	border-bottom:1px solid #565656;
	overflow:hidden;
	padding-left:61px;
	box-sizing:border-box;
  }
  .dilerPom:last-child {
    border-bottom:1px solid #565656;
  }
  .dilerLevGri {
    /*height: 100%;
    width: 61px;
	display:inline-block;
	clear: none;
    font-size: 14px;	
    background-color: #eaeaea;
    color: #51484a;*/
	width: 61px;
	display: inline-block;
	position: absolute;
	left:0;
	height: 100%;
	clear: none;
	font-size: 14px;
	background-color: #eaeaea;
	color: #51484a;
	border-top:1px solid #565656;
	border-bottom:1px solid #565656;
	margin:-1px 0;
  } 
  .redenBroj {
    width: 100%;
    font-size: 28px;
    text-align: center;
    font-weight: bold;
    color: #51484a;
    padding-top: 16px;
    padding-bottom: 28px;
  } 
  .slikaDis {
   display:block;
   background:url(images/distance.png)no-repeat left 15px center;
   padding-left: 16px;
   padding-top: 25px;
 }
 .slikaDis.hide {
   background:none;
 }
   .kilometriBroj {
    width: 100%;
    font-size: 14px;
    text-align: center;
    color: #51484a;
  }  
   .slikaStar {
   display:block;	   
   background:url(images/star.png)no-repeat left 17px center;
   padding-left: 18px;
   padding-top: 48px;
   
}
   .procentiBroj {
    width: 100%;
    font-size: 14px;
    text-align: center;
    color: #51484a;
	margin-bottom: 10px;
  }
  .dilerLogo {
    height: 100px;
    width: 190px;
	display: inline-block;
	vertical-align: top;
    padding-left: 17px;
    padding-top: 17px;
  }
  .dilerContact {
    height: 100%;
    width: calc(100% - 540px);	
	display: inline-block;
	vertical-align: top;
    font-size: 16px;
    text-align: left;	
	padding: 17px 0 17px 39px;
  } 
  .dilerName {
    width: 100%;	  
	font-weight: 800;
    font-size: 18px;
    padding-bottom: 10px;
  }   
  .dilerStreet,
  .dilerPostal{
	font-size:14px;
	line-height: 18px;
  }
  .dilerContactTitle{
  	font-weight: 800;
	font-size: 14px;
	margin-top: 18px;
  }
  .dilerContactInfo{
	font-size: 14px;
 	line-height: 18px;
  }
  .dilerButtons {
    height: 100%;
	width: 229px;
    float: right;
	display: inline-block;
	vertical-align: top;
    text-align: center;	
  }  
#map img {
    max-width: none !important;
}

.zipform{
    width: 250px;
    font-size: 16px;	
	display:inline-block;
	vertical-align: top;
	padding-bottom: 5px;
	padding-left: 19px;
}
.kolimetri{
    width: 250px;
    font-size: 16px;
	display:inline-block;
    padding-left: 35px;
  	vertical-align:top;
}
.sub{
	display:inline-block;
	padding-top: 21px;
	padding-left: 54px;
}
.favorite{	  
    width: 100%;	
	display:inline-block;
    font-size: 12px;	
    box-sizing: border-box;
	padding-left: 18px;	
    padding-top: 10px	
}
.zipform .label{
	display:block;
	padding-bottom: 5px;
	padding-left:1px;
}
.kolimetri .label{
	display:block;
	padding-bottom: 5px;
}
#inzip{
    display: block;
    width: 100%;
    box-sizing: border-box;
    height: 34px;
}
#dist{
    display: block;
    width: 100%;
    box-sizing: border-box;
    height: 34px;
}
.kolimetri .inzip,
.kolimetri .inzip{
    display: block;
    width: 250px;
    box-sizing: border-box;
    height: 34px;
}

.zipform input[type='submit']{
	cursor:pointer;
	height: 25px;
	background-color: #fff;
    border: 1px solid #000;
	transition:0.5s all;
	margin: 15px 15px 0 0;
}
.zipform input[type='submit']:hover{
	background-color: #e3821a;
	color:#fff;
}

.distanceform{
    height: 100%;
    width: 50%;
	float:right;	
    font-size: 18pt;		
	}	
#iw-container {
    width: 202px;
  	font-family: 'mr-eaves-xl-modern';
	font-size: 14px;	
    font-weight: normal;	
}
.iw-logo {
    width: 202px;
    margin-bottom: 6px;
}
.Expertbutton{
	width: 100%;
    height: 32px;
    background-color: #ffffff;
	background-repeat: no-repeat!important;
	border-color:#565656;
	border-style: solid;
	border-width: 1px 0 1px 1px;
    color: #5a5354;
	text-align: left;
    line-height: 35px;	
    text-decoration: none;
    display: inline-block;
	vertical-align: top;
    font-size: 16px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
    margin-top: -1px;	
  	overflow: hidden
}
.Expertbutton:hover,.Expertbutton:focus,.Expertbutton:active{
	color:#e3821a;
}
.Expertbutton .icon{
  	width: 32px;
	height: 32px;
	display: inline-block;
	vertical-align: top;
  	background-size:65px 32px;
	background-position:1px 0;
}
.Expertbutton:hover .icon{
  	background-position:-32px 0;
}
.Expertbutton1 .icon{background-image:url(images/EProfil.gif);}
.Expertbutton2 .icon{background-image:url(images/LinkDMater.gif);}
.Expertbutton3 .icon{background-image:url(images/ELoka.gif);}

.Expertbutton span {
  padding-left:3px;
}

input,
select{
  	border: 1px solid #000;
  	border-radius:0;
  	box-shadow:none;
	font-size:14px;
	appearance:none;
  	-moz-appearance:none; /* Firefox */
  	-webkit-appearance:none; /* Safari and Chrome */
}
select::-ms-expand {
    display: none;
}
input[type='text']{
  	padding: 5px 10px;
}
select{
  	padding: 5px 33px 5px 10px;
  	background: url(images/dropdown.gif) right 10px center no-repeat;
  	background: url(images/dropdown.svg) right 10px center no-repeat;
	background-size: 14px 11px;
  	cursor:pointer  
}
input[type="checkbox"] {
    display:none;
}
input[type="checkbox"] + label{
    cursor:pointer;
}
input[type="checkbox"] + label span {
    display: inline-block;
	width: 17px;
	height: 17px;
	background-image:none;
	background-color:#fff;
	background-repeat:no-repeat;
	background-size:100% 100%;
	border:1px solid #000;
	vertical-align: middle;
	margin-right: 8px;
}
input[type="checkbox"]:checked + label span {
	background-image:url(images/checkbox.gif);
}


@media only screen and (max-width: 1536px){
  .zipform,
  .kolimetri{
	  width: 30%;
  }
  .dilerLogo,
  .dilerLogo img{
	  display:none!important;
  }          
  .dilerContact {
	  height: 100%;
	  width: calc(100% - 180px);
  }

  .dilerButtons {
    height: 100%;
    width: 34px;
    float: right;
    text-align: right;	
  } 
  .expert_link{
	height:100px;
	width:100%;	
  }
  .expert_link_nazad{
	height:80px;
	width:50%;	
	float:left;
  }  
  .expert_link_sleden{
	height:80px;
	width:50%;	
	float:right;
  }   
  
}


@media only screen and (max-width: 1024px){
    .zipform{
	   width: 250px;
	   padding-left: 41px;
	}
    .kolimetri{
 	   width: 250px;
	   padding-left: 42px;
    }
	.favorite {
	   width:auto;
	   padding-left: 60px;
	   padding-top: 28px;
	}
	.sub{
		display:none;
	}
	.prebaruvac {
		position:fixed;
		width: 100%;
		height:110px;
		padding-left: 0;
		padding-top:20px;					  
	}
	#diler,
 	#map,
 	.map-border{
		width: 57%;
		top: 110px;
		bottom: 0;
	}
	#map{
		width: 57%;
	}
	.map-border{
		left: calc(57% - 3px);
	}
	#diler{
		width: 43%;
		top: 110px;
		position: absolute;
		right: 0;
		bottom: 0;
		overflow: auto;
		height: auto;
	}
	.dilerContact {
		width: calc(100% - 150px);
		padding: 17px 0 17px 15px;
	}
	
	.Expertbutton {
		width: 50px;
		height: 50px;
		padding: 0;
		background-repeat: no-repeat;
		box-sizing: border-box;
		background-color: #ffffff;  
		border: 1px solid #949494;
		color: transparent;
		-webkit-transition-duration: 0.4s;
		transition-duration: 0.4s;
		cursor: pointer;
	}
	.Expertbutton span{
	  display:none;
	}
	.Expertbutton .icon{
		width: 50px;
		height: 50px;
		background-size:100px 50px;
		background-position:0px 0;
	}
	.Expertbutton:hover .icon{
		background-position:-50px 0;
	}
	.dilerButtons{
	  width:50px;
	}
}

@media only screen and (max-width: 950px){
  .zipform,
  .kolimetri{
	  width: 22%;
  }
}

@media only screen and (max-width: 768px){
  .map-border,
  #submit{
  	display:none;
  }
  #map, .map-border {
	  left:100%;
	  top:0;
	  bottom:auto;
	  position:relative!important;
  }     
  .prebaruvac{
  	height:274px;
	padding: 25px 15px 0 20px;
    box-sizing: border-box;
	position: relative;
    top: 0;
  }
  .zipform,
  .kolimetri {
	width: 100%;
	padding-left:0;
	padding-bottom: 28px;
	text-align: right;
  }
  .zipform .label,
  .kolimetri .label{
	width: 45%;
    display: inline-block;
	font-size: 18px;
    height: 34px;
    padding: 9px 0;
    float: left;
    box-sizing: border-box;
    text-align: left;
  }
  .zipform #inzip,
  .kolimetri #dist{
	width: 54%;
	display:inline-block;
  }
  #diler {
	height: auto;
    width: 100%;
    float: none;
    position: relative;
    top: 0;
  }
  .dilerPom {
  	height: auto;
  }    
  .extext{
    font-size: 30px;
    padding-left: 0;
    padding-bottom: 29px;
	display:block;
	}  
  .favorite{
    padding-top: 5px;
  	padding-left: 0;
	font-size:inherit;
  }  
  .dilerLogo{
		display:none!important;
	}  
  .dilerLevGri {
	
  } 
	 .redenBroj {
	   font-size: 23px;
	   padding-top: 10px;
	   padding-bottom: 14px;
	 } 
	 .slikaDis {
	   background-size: 35px;
	   background-position: center center;  
	 }   
	 .kilometriBroj {
	   font-size: 16px;
	   margin-bottom: 9px;
	}  
	 .slikaStar {
	   background-size: 34px;
	   background-position: center center;
	 }  
	 .procentiBroj {
	   font-size: 13px;
	   margin-top: -7px;
	 }
   .dilerContact {
    height: 100%;
	width: 73%;
    width: calc(100% - 120px);
	padding: 10px 0 17px 15px;
    font-size: 16px;
    text-align: left;		
  } 
	
	input[type="checkbox"] + label span {
		width: 34px;
		height: 34px;
	}
	
}

@media only screen and (max-width: 412px){
	#map {
		display:none!important;
	}
    #submit{
  	 	display:none!important;
    }	 
  .favorite{
  	width:220px;
  }
  input[type="checkbox"] + label{
	 font-size:17px;  
  }		
  input[type="checkbox"] + label span {
	 display: block;
	 float: left;
  }
  input,
  select{
  	font-size:16px;
  }
}