@charset "utf-8"; /* CSS Document  -  DEMO Hertz Branding Theme */



html 								{ font-family: Muli,Helvetica,Arial,sans-serif; color:#222; }


.slidSlides > div > div 			{ background-position: right center !important; }
.slidSlides > div > div > div 		{ top:62%; left:4%; font-size: 3rem; 
	
	background-color:rgba(0,0,0,0);
	color:#00FFB0;
	padding-top:100px; 
	background-image: url("pic/logo-shadow.png"); background-repeat: no-repeat; background-position: center 12px; background-size:210px; text-align: center !important; text-transform: uppercase;  opacity:1;
	
	text-shadow: 1px 1px 4px #000000;

-moz-transform: rotate(9deg);
-webkit-transform: rotate(9deg);
-o-transform: rotate(9deg);
-ms-transform: rotate(9deg);
transform: rotate(9deg);

}

html, body 							{ background: rgba(10,10,10,1.00); }

header, footer, footer a  			{ color:#555; }



input.fullwidth 					{ background:#00FFB0; color:#222; text-shadow: 0px 0px 0px rgba(0,0,0,0); bottom: 10px !important; border: 6px solid #FFFFFF; border-radius: 0px; }
input.fullwidth:hover 				{ background-color: #026ff5; color:#fff;  }


div#sessionStatus > div.done { background:#00FFB0 !important; }



main form.flex > h3 { color:#D9D9D9; }







label.productBox > span.checkmark { padding-left: 0%; background-size: auto 40%;  font-size:1.33rem; background-position: center 16px; background-color:#fff; }
label.productBox h5 { margin:45% 0px; padding:0px; font-size:115%; margin-left:0px; margin-right: 0px; padding-bottom: 6px; width:100%}
label.productBox p.descr { padding-left: 7%; position: absolute; top: 60%; line-height: 1.2; }



@media only screen and (max-width: 1081px) { 

label.productBox h5 { margin:65% 0px; }
label.productBox p.descr { top: 62%; }

}




@media only screen and (max-width: 990px) { 

label.productBox h5 { margin:16vh 0px 0px 0px; }
label.productBox p.descr { top: 62%; }

}



label.productBox, label.productBox > span.checkmark  { height:30vh; }

/* On mouse-over */
label.productBox:hover input ~ .checkmark { background-image: url(icons/ic_check_box_outline_blank_black_24px.svg); background-color: beige; }

/* When the checkbox is checked, add a blue background */
label.productBox input:checked ~ .checkmark { background-color: #00FFB0; background-image: url(icons/ic_check_box_black_24px.svg); color: #222; }
label.productBox input:checked ~ .checkmark div.price { background: rgba(245,245,245,1.00); color: rgba(12,67,12,1.00); }

















label { color:beige; }








/* .productBox span.checkmark {background-position: center 30px; background-repeat: no-repeat; background-size: 70%;  } */

.productBox.nr1 span.checkmark { background-image:url("cars/ZECHWDAR999.jpg") !important; }
.productBox.nr2 span.checkmark { background-image:url("cars/ZECHLWAR999.jpg") !important; }
.productBox.nr3 span.checkmark { background-image:url("cars/ZECHWFAR999.jpg") !important; }
.productBox.nr4 span.checkmark { background-image:url("cars/ZECHLXAR999.jpg") !important; }

.productBox.extra1 span.checkmark { background-image:url("extras/infant_seat.jpg") !important; }
.productBox.extra2 span.checkmark { background-image:url("extras/neverlost.jpg") !important; }
.productBox.extra3 span.checkmark { background-image:url("extras/booster_seat_se.jpg") !important; }
.productBox.extra4 span.checkmark { background-image:url("extras/child_seat.jpg") !important; }











div.finalInfo,
ul.summary {  display:block; clear:both; float:none !important; width:100%; max-width:1200px; margin-left:0%; margin-right: auto;  background-image:url("images/logo-black.svg"); background-repeat: no-repeat; background-size:240px;  padding-right:10% !important; padding-left: 10% !important; min-height:65vh; padding-top: 200px !important; background-color:beige; }



div.finalInfo { max-height:65vh; font-size:140%; box-sizing: border-box; font-weight:bold; text-align: center; }



button.button, input.btnstyle { border:2px solid rgba(255,255,255,0.5); border-radius: 0px; }
button.button.save, input.next_btn {  background: #00FFB0; color: #000;  }
button.button.clear, input.prev_btn { background: #026ff5; color: #fff;  }
button.button.save:hover, input.next_btn:hover, button.button.clear:hover, input.prev_btn:hover { color: #fff; }
input.exit_btn {   }