.topnav {
  overflow: hidden;
  background-color: black; text-align: center; padding:22px;
}

.topnav a {
 
  color: #f2f2f2;
  text-align: center;
  padding: 22px;
  text-decoration: none;
  font-size: 20px;
}

.topnav a:hover {
  background-color: #343434;
  color: white;
}

.topnav a.active {
  background-color: #4CAF50;
  color: white;
}



.prvired {
  background-color: #ededed;
  color: black;
 font-weight: normal;
  font-size: 14px;

  
}

.pp {
  
  font-size: 14px;

  
}

.ppp { text-decoration:none;
  
  

  
}

.prviredcrveno {
  background-color: #ededed;
  color: red;
 font-weight: normal;
  font-size: 15px;
 
  
}

.drugired {
	
  background-color: #fff;  margin-bottom:1px;
  
  width: 100%;
  
 
  
}

.drr { display:none;
	  
}

.logo{ background-image:url(../images/logo.png);

 width: 300px;
  height: 200px;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
	
	}


.reklama {
 font-size: 10px;
 color:black; opacity:0.5; margin-bottom:0; font-style:italic;
 
  
}

.reklama1 {
 font-size: 13px;
 color:black; opacity:0.5;  font-style:italic;
 
  
}


.prvireddiv {
  background-color: #ededed;
  color: black;
  
   position: fixed;
  z-index: 1;
  top: 0;
   left:0;
  font-size: 14px; width:100%;
 
  
}
.prvireddiv1 {
  background-color: #ededed;
  color: black;
   padding:10px; 
   position: fixed;
  z-index: 1;
 
   left:0;
  font-size: 14px; width:100%;
 
  
}
* {
  box-sizing: border-box;
}

body {
	 margin: 0;
  font-family: Arial, Helvetica, sans-serif;
}








p.normal {
  font-weight: normal;
}

/* Position the navbar container inside the image */




.bg-img2 {
  /* The image used */
  background-image: url("../images/rent a car beograd.jpg");

  min-height: 250px; left:0;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative; 
}



.bg-img {
  /* The image used */
  background-image: url("../images/rcarlove.jpg");

  min-height: 700px; left:0;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

@media screen and (max-width: 600px) {
	
	
	.drugired { display:none;
	
 
 
  
}
	

.adresa {
 font-size: 13px;
 color:black; opacity:0.5; margin-left:15px; margin-bottom:2px; font-style:italic; display:block;
 
  
}




	
  .bg-img {
	  /* The image used */
  background-image: url("../images/1rcarlove1.jpg"); 

  background-repeat: no-repeat; background-size:390px; ; 

  position: relative;
  
 
  
}

.container {
  position: absolute;
   top:0px;
    width:100%;
	   
	 height:150px;
	   
  
  background-color: #ac3a3f;
}

.pp {
  
  display:none;

  
}

.ppp {
  
  display:none;

  
}


}



/* Add styles to the form container */
.container {
  position: absolute;
   bottom:0;
    width:100%;
	 opacity:0.8; min-height:150px; left:0;
	  
  padding: 10px;
  background-color: black;
}

/* Create four equal columns that floats next to each other */
.column {
  float: left;
  width: 25%;
  padding: 10px;
}

.columnred2 {
  
  width: 25%;
  padding: 10px;
  height: 300px; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}



/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column  {
    width: 100%;
  }
  
  .drr { display:inline;
	
  background-color: #fff;  
  
  width: 300px;
  height: 80px; 
 
  
}
}


.gugl {
  color: orange; font-size: 10px;
  
  
}

.textfordate {
  color: #feb3a1; 
  
  
}



.textradioe {
  color: white; 
  
  
}
.btn1 {
  border: none; border-radius:3px;
  color: white;
  padding: 8px 40px;
  font-size: 16px;
  cursor: pointer; background-color:#ad2531; font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace; font-style:italic;
}

.btn1:hover {
 border: none; border-radius:3px;
  color: white;
  padding: 8px 40px;
  font-size: 16px;
  cursor: pointer; background-color:#ad2531;
   font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace; font-style:italic;
   opacity:0.5;
}

.btn2 {
  border: none; border-radius:3px;
  color: black;
  padding: 14px 65px;
  font-size: 16px;
  cursor: pointer; background-color:#ffffff; 
}

.btn2:hover {
 border: none; border-radius:3px;
  color: white;
  padding: 14px 65px;
  font-size: 16px;
  cursor: pointer; background-color:#de7771;
  
   
}


.btn3 {
  border: none; border-radius:3px;
  color: white;
  padding: 14px 65px;
  font-size: 16px;
  cursor: pointer; background-color:#ad2531; 
}

.btn3:hover {
 border: none; border-radius:3px;
  color: white;
  padding: 14px 65px;
  font-size: 16px;
  cursor: pointer; background-color:#de7771;
  
   
}








[type="date"] {
  background:#fff url(https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/calendar_2.png)  97% 50% no-repeat ;
}
[type="date"]::-webkit-inner-spin-button {
  display: none;
}
[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
}

/* custom styles */


.inputdate {
  border: 3px solid #de7771;
  border-radius: 3px;
  background-color: #fff;
  padding:8px 5px;
  box-shadow: inset 0 3px 6px rgba(0,0,0,0.1);
  width: 190px;
}

.selecttime {

  background-image: url(../images/time.png);
  background-position: 10px 10px;
  background-repeat: no-repeat;
  border: 3px solid #de7771;
  border-radius: 3px;
  background-color: #fff;
  padding:8px 5px;
  box-shadow: inset 0 3px 6px rgba(0,0,0,0.1);
  width: 100px;
  
}

.select1 {

 
  background-image: url(../images/time.png) ; background-size:16px 16px; 
  background-position:165px 10px;
  background-repeat: no-repeat;
  border: 3px solid #de7771;
  border-radius: 3px;
  background-color: #fff;
  padding:6px 2px;
  box-shadow: inset 0 3px 6px rgba(0,0,0,0.1);
  width: 190px;
  
  
  /* needed */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* SVG background image */
 
}
select::-ms-expand {
    display: none;
}



.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;

  background-color: rgba(0,0,0, 0.9);
  overflow-x: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  top: 25%;
  width: 100%;
  text-align: left;
  margin-top: 30px; 
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #fff;
  display: block;
  transition: 0.3s; background-color:#000;border-bottom:1px solid white;
}

.overlay a:hover, .overlay a:focus {
  color: gray;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px; background-color:rgba(0,0,0, 0.9);
}

@media screen and (max-height: 600px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px; 
  }
  
 
  
 
}

.icontext{ opacity:0.8; margin-left:10px;

	
	}
	
	.top-left {
  position: absolute;
  top: 25px;
  left: 20%; width:400px; text-align:left; 
}
.imgtext{
	font-size: 36px; opacity:0.7;
	}
	
	.imgtext2{
	font-size: 36px; color:white; padding:20px; font-weight:bolder;
	}
	.imgtext3{
	font-size: 25px; color:white;  font-weight:bolder;
	}
	
	.star {
  color: white; font-size: 15px;
  
  
}

.underline{
	
	border-bottom:solid black 1px; width:400px; margin-left:100px; }

.carnav {
  overflow: hidden;
  background-color: #fff;
}

.carnav a {
  float: left;
  display: block;
  color: gray;
  text-align: center;
  padding: 10px 5px;
  text-decoration: none;
  font-size: 15px;
  border-bottom: 3px solid transparent;
}

.carnav a:hover { color:black;
  
}

.carnav a.active {
  border-bottom: 2px solid red; color:black;
}

.center{display:inline-block;border-bottom:solid gray 1px;  }
body{text-align:center}

.textcars1{ 

 color: gray; font-weight:normal;
 
  
  text-decoration: none;
  font-size: 35px;
	
	
	}
	
	.textcars2{ 

 color: gray; font-weight:bolder;
 
  
  text-decoration: none;
  font-size: 35px;
	
	
	}
	
	.car {
 
  max-width: 400px;
  margin: auto;
  text-align: center;
  font-family: arial;
}

.price {
  color: #ad2531;
  font-size: 22px; font-weight:bold;
}

.car button {
  border: none;
  outline: 0;
  padding: 12px;
  color: white;
  background-color: #ad2531;
  text-align: center;
  cursor: pointer;
  width: 80%;
  font-size: 18px;
}

.car button:hover {
  background-color: #000;
}



/* Float four columns side by side */
.carcolumn {
  float: left;
  width: 33%;
 
}

/* Remove extra left and right margins, due to padding */
.carrow {margin: 0 -5px; width:80%; align-content:center;}

/* Clear floats after the columns */
.carrow:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive columns */
@media screen and (max-width: 600px) {
  .carcolumn {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }
  
  
  
}

/* Style the counter cards */
.carcard {
 
  text-align: center;
 
}

.centercar{display:inline-block;  }
body{text-align:center}

.textcars3{ 

 color: black;
 
  
  text-decoration: none;
  font-size: 35px;
	
	
	}
	
	.textcars4{ 

 color: white; font-weight:normal; padding-top:20px;
 
  
  text-decoration: none;
  font-size: 35px;
	
	
	}
	
	.textcars5{ 

 color: black;
 
  
  text-decoration: none;
  font-size: 13px; font-weight:normal;
	
	
	}
	
	.textfooter1{ 

 color: grey;
 
  
  text-decoration: none;
  font-size: 13px; font-weight:normal;
	
	
	}
	
	
	.textfooter1 a{ 

 color: grey;
 
  
  text-decoration: none;
  font-size: 12px; font-weight:normal;
	
	
	}
	
	.textfooter1 a:hover{ 

 color: grey; opacity:0.5;
 
  
  text-decoration: none;
  font-size: 12px; font-weight:normal;
	
	
	}
	
	.textfooter2{ 

 color: white; font-weight:normal;
 
  
  text-decoration: none;
  font-size: 13px; font-weight:normal;
	
	
	}
	
	.textfooter2 a { 

 color: white; font-weight:normal;
 
  
  text-decoration: none;
  font-size: 11px; font-weight:normal;
	
	
	}
	.textfooter2 a:hover { 

 color: white; font-weight:normal; opacity:0.6;
 
  
  text-decoration: none;
  font-size: 11px; font-weight:normal;
	
	
	}
	
	.onama{ width:100%; position:relative; left:0;
		
		
		
		
		}
		
		.fa:hover {
    opacity: 0.5;
}

.fa-facebook {
	padding: 10px;
  font-size:15px;
  width: 30px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  background: #3B5998;
  color: white;
}

.fa-twitter {
	padding: 10px;
  font-size:15px;
  width: 30px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  background: #55ACEE;
  color: white;
}

.fa-google {
	padding: 10px;
  font-size:15px;
  width: 30px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  background: #dd4b39;
  color: white;
}

.fa-linkedin {
	padding: 10px;
  font-size:15px;
  width: 30px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  background: #007bb5;
  color: white;
}



.fa-instagram {
	padding: 10px;
  font-size:15px;
  width: 30px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  background: #125688;
  color: white;
}

#myBtn {
  display: none;
  position: fixed;
  bottom:80px;
  left: 20px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none; opacity:0.6;
 
  color: red;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#myBtn:hover {  color:black;
  
}

.inputkontakt {
  width: 600px;
  padding: 8px 8px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

.kontaktbtn {
  width: 600px;
  background-color: red;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.kontaktbtn:hover {
  background-color: black;
}

@media screen and (max-width: 600px) {
	
	.inputkontakt {
  width: 330px;
  padding: 8px 8px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

.kontaktbtn {
  width: 330px;
  background-color: red;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.kontaktbtn:hover {
  background-color: black;
}

	
}

.inputbooking {
  width: 400px;
  padding: 8px 8px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

.bookingbtn {
  width: 400px;
  background-color: red;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.bookingbtn:hover {
  background-color: black;
}

.cenovnik {  width:999px;
  
 
 
  
}

@media screen and (max-width: 600px) {
	
	.inputbooking {
  width: 330px;
  padding: 8px 8px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

.bookingbtn {
  width: 330px;
  background-color: red;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.bookingbtn:hover {
  background-color: black;
}

.cenovnik {  width:90%;
  
 
 
  
}

	
}

.faqs {
  background-color: white;
  color: black;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: center;
  outline: none;
  font-size: 15px; opacity:0.7;
}

.active, .faqs:hover {
   color: red;
}

.contentfaqs {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}

.cenovnikth {
  background-color: #ac3a3f;
  color: white;
 font-weight: normal;
  font-size: 15px;
  text-align:center;
 
  
}

/* Fake image */
.fakeimg {
   
  width: 800px; height:auto;
   
}

/* Add a card effect for articles */
.blog {
   background-color: white;
   padding: 20px;
   margin-top: 20px;
   width:70%; text-align:left;
}

.voziloslika {
    text-align:right;
}

div.sticky { display:none;
	
  
  position: -webkit-sticky;
  position: sticky;
  bottom:0; 
  background-color: black; color:white;
  
 
  
}

@media screen and (max-width: 600px) {
	
/* Fake image */
.fakeimg {
   
  width: 100%; height:auto;
   
}

/* Add a card effect for articles */
.blog {
   background-color: white;
   padding: 20px;
   margin-top: 20px;
   width:100%; text-align:left;
}	

.voziloslika {
    margin-left:-100px;
}
	
	
	div.sticky { display:block;
  position: -webkit-sticky;
  position: sticky;
  bottom:0; 
  background-color:green; color:white; width:100%; padding:20px;
  
 
  
}
}