.disabled-cat{background: #ebebeb; color: #ccc;}

body{position: relative;}
.block-layer{display: none; text-align: center; background: #000000; opacity: 0.2; z-index: 9999999999!important; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.block-layer img{height: 10%; position: fixed; top: 45%; bottom: 45%;}

.header-full-width{margin-bottom: -5px;}
.wrong-nr{color: #eb2e2e; text-align: right; display: none;}
.container{margin-bottom: 60px;}
html{height: 100vh !important;}
a:hover{text-decoration: none;}
i, img{-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; user-select: none;}
a:visited{text-decoration: none;}
.visible-models{display: block !important;}
.active-cat{border-bottom: none !important;}
.date-details{display: block !important;}
.bg-img{height: 100%; border-top: 1px solid #e6e6e6; background:url(../../../images/bmw-rent/bmw-bg.jpg) no-repeat center bottom fixed; position: relative; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
/*.background-img{position: relative; padding-top: 50px;}
.background-img .bg-image{position: absolute; top: 0; left: 0;}*/
.bmw-rent .fa-chevron-left{width: 10%; cursor: pointer; font-size: 40px; color: #FFA500; position: absolute; left: -10px; top: 40% !important;}
.bmw-rent .fa-chevron-right{width: 10%; cursor: pointer; font-size: 40px; color: #FFA500; position: absolute; right: -10px; top: 40% !important;}
.bmw-rent .vehicle-gallery{width: 75%; margin: 20px auto; text-align: center; position: relative;}
.bmw-rent .label-box{width: 75%; margin: 20px auto; text-align: center;}
.bmw-rent .label-box .bmw-btn{width: 100%; display: block;}
.bmw-rent .model-selector{width: 80%; box-sizing: border-box; padding: 10px; background: #ffffff; border: 2px solid #76AB26; margin: auto;}
.step-back-btn{font-size: 18px;  color: #ffffff; !important; float: right; box-sizing: border-box; padding: 3px 6px; background: #76AB26; margin: 10px;}
.step-back-btn:hover{text-decoration: underline;}
.bot-sign{width: 100%; color: #1482ea; font-size: 14px; text-align: center; background: #ffffff; box-sizing: border-box; padding: 10px; position: fixed; bottom: 0; z-index: 999;}
.btn-size-40{width: 30%;}
.btn-size-80{width: 80%;}
.bmw-btn{background: #76AB26;padding: 10px; color: #ffffff !important; display: block; text-align: center; margin: 10px 0; font-size: 18px;  font-weight: bold;}
.bmw-btn:hover{background: #858585;}

/*main-page*/
.bmw-vehicle-box{width: 100%; box-sizing: border-box; padding: 0; border: 1px solid #76AB26;  background: linear-gradient(to top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 1)); margin-top: 50px;}
.vehicle-navigation{width: 100%; box-sizing: border-box; padding: 0;}
.vehicle-navigation .vehicle-cat{width: 25%; float: left; box-sizing: border-box; border-right: 1px solid #76AB26; border-bottom: 1px solid #76AB26;text-align: center; padding: 10px; box-sizing: border-box;}
.vehicle-navigation .vehicle-cat:hover{background: #ebebeb; cursor: pointer;}
.vehicle-navigation .last-vehicle{border-right: none;}
.vehicle-model{box-sizing: border-box; display: none;}
.model-label{color: #76AB26; font-size: 24px; font-weight: bold;}

/*detail-page*/
.rent-box{width: 100%; box-sizing: border-box; border: 1px solid #76AB26;  background-color: rgba(255, 255, 255, 0.8); margin-top: 50px;}
.model-name{text-align: center; margin: 10px 0;}
.model-description{width: 75%; margin: auto; text-align: left;}
.model-description caption{font-size: 24px; padding-bottom: 20px; text-align: center; font-weight:bold;}
.model-description td{font-size: 18px; box-sizing: border-box; padding: 10px 0;}
.model-description td:first-child{padding-right: 20px;}
.rent-box .go-pic{top: 95px; font-size: 30px; color: #76AB26;}
.rent-btn-area{width: 75%; margin: 20px auto; text-align: center;}
.rent-box .bmw-btn{margin: 10px 0;}
#price-details{max-width: 768px; box-sizing: border-box; }
#price-details table{width: 100%; text-align: center; vertical-align: middle; font-size: 11px;}
#price-details table th{background: #ebebeb; padding: 5px 2px; box-sizing: border-box; border: 1px solid #ccc; font-weight: bold; vertical-align: middle; font-size: 10px;}
#price-details table td{padding: 2px; box-sizing: border-box; border: 1px solid #ccc;}
#price-details .picked-car{background: #d4f1b5;}
#price-details .legend-row{background: #76AB26; color: #ffffff; padding: 3px 10px; box-sizing: border-box; border-radius: 5px;}
#price-details p{font-size: 16px;}

/*booking-page*/
.booking-box{width: 100%; box-sizing: border-box; border: 1px solid #76AB26;  background-color: rgba(255, 255, 255, 0.8); margin-top: 50px; text-align: center;}
.book-model-img{width: 70%; border: 1px solid #76AB26; box-sizing: border-box;}
.date-box{width: 75%; margin: 20px auto;}
.date-area{width: 100%; position: relative;}
.check-time-btn{cursor: pointer;background: #76AB26; color: #ffffff; text-align: center; padding: 10px 0; font-size: 18px;}
.check-time-btn:hover{background: #858585;}
.date-area label{text-align: left; font-size: 18px; display: block;}
.date-area input{width: 100%; font-size: 18px; padding: 5px !important; height: 40px !important; box-sizing: border-box; border: 1px solid #76AB26;}
.date-area .calendar-icon{position: absolute; right: 15px; top: 28px; font-size: 20px;}
.book-model-img.date-details{width: 75%; margin: 20px auto;}
.booking-details{width: 75%; margin: 20px auto; background: #76AB26; color: #ffffff; text-align: center; padding: 10px;}
.booking-hide{display: none !important;}
.red-border{border: 1px solid #ff0000 !important;}
.datepickers{cursor: pointer;}
.warning-red{color: #eb2e2e; text-align: left; display: none; margin-bottom: 10px;}


/*delivery-page*/
.wrong-address{background: #eb2e2e; color: #ffffff; display: none; box-sizing: border-box; padding: 5px; border-radius: 5px; margin-bottom: 10px;}
.del-separate-box{box-sizing: border-box; padding: 10px; background: #ffffff; border: 1px solid #858585; margin-bottom: 10px;}
.del-separate-box hr{margin: 5px 0;}
#hidden-delivery input[type="radio"]{position: relative; top: 2px;}
#hidden-delivery label{font-size: 16px;}
#hidden-delivery .price-line{font-size: 16px; text-align: center;}
#hidden-delivery .price-line .price-nr{color: #76AB26; font-size: 18px; font-weight: bold;}
#hidden-delivery .price-line .price-digit{font-weight: bold; margin-right: 20px;}
#hidden-delivery .price-margin{margin-left: 20px;}
#hidden-delivery #delivery-case-2{display: none;}
.hidden-confirm{display: none; float: right; border: none;}
.confirm-delivery{background: #ffc000 !important;}

.delivery-box{width: 100%; box-sizing: border-box; padding: 20px; border: 1px solid #76AB26;  background-color: rgba(255, 255, 255, 0.8); margin-top: 50px; text-align: center;}
.delivery-form{width: 100%; text-align: left;}
.radio-block{float: right; position: relative;}
.radio-block i.fa{position: absolute; left: -33px; top: -2px; font-size: 24px;}
.delivery-form label{font-size: 20px; line-height: 36px; font-weight: 100; display: inline-block;}
.delivery-form input{display: inline-block;}
input[type="text"], input[type="email"]{display: inline-block; border: 1px solid #76AB26 !important; margin-bottom: 10px !important; box-sizing: border-box;}
.delivery-form .input-size-10{width: 8% !important;}
.delivery-form .green-price{display: block; position: relative; top: 3px; box-sizing: border-box; background: #76AB26; color: #ffffff; text-align: center; padding: 10px 25px; font-size: 18px; font-weight: bold;}

.delivery-form .input-size-25{width: 23% !important;}
.delivery-form .input-size-40{width: 38% !important;}
.delivery-form .input-size-75{width: 74% !important;}
.delivery-form .size-l{}
.delivery-form .size-r{float: right;}
.map-area{position: relative;}
#map {height: 300px;}
.start-point{width: 100%; padding: 5px; margin: 0; box-sizing: border-box; border: 1px solid #76AB26 !important;}
.dirrections-ico{font-size: 18px; margin: 10px 0; text-align: center; display: block;}
.end-point input{box-sizing: border-box; padding: 5px;}
.calc-distance{width: 100%; font-size: 18px; cursor: pointer; margin: 0; padding: 8px; background: #76AB26; color: #ffffff; text-align: center; box-sizing: border-box;}
.detail-tab{width: 100%;}
.detail-tab tr td{width: 33%;}
.control-btns{box-sizing: border-box; border: none; display: block; width: 100%; padding: 8px !important; margin: 10px 0;}
.control-btn-hide{display: none !important;}

/*personal-data-page*/
.personal-data-box{width: 100%; box-sizing: border-box; border: 1px solid #76AB26;  background-color: rgba(255, 255, 255, 0.8); margin-top: 50px; text-align: center;}
.personal-form{width: 95%; margin: auto;}
.radio-block{position: relative; margin-bottom: 10px;}
.radio-block i.fa{font-size: 20px; margin-left: 10px;}
.drivolino-nr-block{width: 95%; position: relative; display: none; margin: auto;}
.drivolino-nr-block input{width: 100% !important;}
.drivolino-nr-block label{}
.drivolino-nr-block i.fa{position: absolute; right: 0px; top: 20px; font-size: 15px; background: #76AB26; color: #ffffff; box-sizing: border-box; padding: 4px 5px 6px;}
.drivolino-nr-block i.fa:hover{background: #858585; cursor: pointer;}
.personal-form label{text-align: center;}
.personal-form input{display: inline-block;}
input[type="text"], input[type="email"]{display: inline-block; border: 1px solid #76AB26; margin-bottom: 10px !important; box-sizing: border-box;}
.personal-form .input-size{width: 100%; box-sizing: border-box; padding: 5px;}
.personal-form .input-size-50{width: 49% !important; box-sizing: border-box; padding: 5px;}
.personal-form .size-l{float: left; margin-right: 2% !important;}
.personal-form .size-r{float: right;}
.personal-data-box .confirm-form{margin: 20px auto; background: #76AB26; color: #ffffff; text-align: center; padding: 10px;}
.personal-data-box input[type="submit"].confirm-form{border: none; width: 100%;}

/*summary-box*/
.summary-box{width: 100%; box-sizing: border-box; border: 1px solid #76AB26;  background-color: rgba(255, 255, 255, 0.8); margin-top: 50px;}
.summary-l{width: 75%; margin: auto; text-align: left;}
.summary-r{width: 75%; margin: 20px auto;}
.summary-box caption{font-size: 24px; line-height: 25px; padding-bottom: 20px; text-align: center; font-weight:bold;}
.summary-box td{width: 45%; font-size: 18px; box-sizing: border-box; padding: 10px 0; vertical-align: top;}
.summary-box .small-td{font-size: 10px; padding: 0; line-height: 12px !important;}
.summary-box td:nth-child(even){font-weight: bold;}
.summary-box .large-size-btn{font-size: 12px; line-height: 14px;}
.summary-hide{display: none;}
.side-block{width: 90%; text-align: center; margin: 20px auto;}
.side-block h3{color: #858585; line-height: 18px;}
.side-block img{width: 60%; max-width: 245px;}


#ensurance-box{}
#ensurance-box input[type="text"]{width: 100% !important; margin: 0;}
#ensurance-box input[name="insurance_code"]{padding: 10px; box-sizing: border-box;}
#ensurance-box .summ-b{width: 48%; float: left; box-sizing: border-box; text-align: center; background: #76AB26;}
#ensurance-box .submit-button{width: 48%; float: right; box-sizing: border-box; text-align: center; background: #76AB26;}
#confirm-box{max-width: 400px; text-align: center; margin-top: 50px;}
#confirm-box .yes-btn{width: 48%; float: left; background: #76AB26; box-sizing: border-box; text-align: center;}
#confirm-box .no-btn{width: 48%; float: right; background: #eb2e2e; box-sizing: border-box; text-align: center;}
#busy-warning, #success-popup{width: 400px; text-align: center; font-size: 14px; padding: 30px 0; margin: 50px auto 0;}
#busy-warning p, #success-popup p{font-size: 14px; margin: 10px 0;}
#busy-warning #re-button, #success-popup #close-popup{padding: 10px 25px; border: none; background: #76AB26; color: #fff;}

/**/
#payment-box .button{width: 48%; box-sizing: border-box; text-align: center; background: #76AB26;}
.show-summary{display: none;}
.basket-separator{border-bottom: 1px solid #76AB26; margin: 10px 0;}
.type-one{box-sizing: border-box; border-top: 1px solid #cccccc; padding: 10px 0;}
.type-one p{margin: 0 0 5px 0;}
.type-one:last-child{border-bottom: 1px solid #cccccc;}
.payment-types{box-sizing: border-box; padding: 10px; background: #ffffff; border: 1px solid #fff;}
.payment-types input[type="radio"].hide{display: none;}
.payment-types a{color: #858585; text-decoration: underline;}
.payment-types span{display: inline-block;}
.payment-types .type-check{width: 20px;}
.payment-types .type-label{cursor: pointer; font-size: 10px;}
.payment-types .type-txt{font-size: 12px; line-height: 20px; float: right; display: none;}
.type-headline{color: #76AB26;}
.check-payment{display: none; color: #76AB26;}
.tax-block{font-size: 10px; line-height: 12px; width: 125px; float: right; text-align: right; color: #76AB26;}
.tax-block span{font-weight: bold;}
.check-icon:before{content: "\f10c"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #858585; font-size: 16px; padding-right: 0.5em;}
.active-payment .check-icon:before{content: "\f192"; font-family: FontAwesome;  font-style: normal; font-weight: normal; text-decoration: inherit; color: #76ab26; font-size: 16px; padding-right: 0.5em;}
.active-payment .label{color: #76AB26;}
.active-payment .type-txt{display: block;}
.confirm-payment{width: 48%; float: right; display: block; background: #76AB26; border: none; color: #ffffff;}

.active-payment .img-pia{background:url(../../../images/pia-icon.png);width: 40px !important; height:17px;background-size:75%;display:inline-block;background-repeat:no-repeat;background-position:0 -17px}
.img-pia{background:url(../../../images/pia-icon.png);width: 40px !important; height:17px;background-size:75%;display:inline-block;background-repeat:no-repeat;background-position:0 0;}
.active-payment .img-sofort{background:url(../../../images/sofort-icon.png);width: 60px !important; height:13px;background-size:75%;display:inline-block;background-repeat:no-repeat;background-position:0 -14px}
.img-sofort{background:url(../../../images/sofort-icon.png);width: 60px !important; height:14px;background-size:75%;display:inline-block;background-repeat:no-repeat;background-position:0 0px;}
.active-payment .img-mpos{background:url(../../../images/mpos-icon.png);width: 60px !important; height:26px;background-size:50%;display:inline-block;background-repeat:no-repeat;background-position:0 -26px}
.img-mpos{background:url(../../../images/mpos-icon.png);width: 60px !important; height:26px;background-size:50%;display:inline-block;background-repeat:no-repeat;background-position:0 0px;}
.active-payment .img-paypal{background:url(../../../images/paypal-icon.png);width: 60px !important; height:13px;background-size:75%;display:inline-block;background-repeat:no-repeat;background-position:0 -13px}
.img-paypal{background:url(../../../images/paypal-icon.png);width: 60px !important; height:13px;background-size:75%;display:inline-block;background-repeat:no-repeat;background-position:0 0;}
.active-payment .img-sepa{background:url(../../../images/sepa-icon.png);width: 60px !important; height:13px;background-size:75%;display:inline-block;background-repeat:no-repeat;background-position:0 -15px}
.img-sepa{background:url(../../../images/sepa-icon.png);width: 60px !important; height:13px;background-size:75%;display:inline-block;background-repeat:no-repeat;background-position:0 0;}
.active-payment .img-cards{background:url(../../../images/visa-icons.png);width: 220px !important; height:23px;background-size:75%;display:inline-block;background-repeat:no-repeat;background-position:0 -23px}
.img-cards{background:url(../../../images/visa-icons.png);width: 220px !important; height:23px;background-size:75%;display:inline-block;background-repeat:no-repeat;background-position:0 0;}