.car-rental-single-button, .car-rental-buttons button, .car-rental-buttons input {
width: 100%;
} .car-rental-benefit-image {
overflow: visible;
}
.responsive-benefits-slider.slick-slider {
margin-bottom: 32px;
margin-top: 32px;
}
.car-rental-benefits-slider .slick-list.draggable {
overflow: hidden;
}
.car-rental-benefit-image img:hover, .car-rental-benefits-grid img:hover {
transition-duration: 1s;
transform: rotateY(180deg) scale(1.2);
}
.car-rental-benefit-image img, .car-rental-benefits-grid img {
transition: all .3s ease;
margin: 15px auto;
height: 120px;
width: 120px;
}
.car-rental-benefit-title {
margin-top: 25px;
font-size: 19px;
}  .responsive-item-slider-nav .slick-slide {
margin: 0;
width: 33% !important;
max-width: 120px;
}
.responsive-item-slider-nav .slick-track {
width: 100% !important;
margin: 0;
}
.responsive-item-slider-nav .slick-list.draggable {
padding: 0 !important;
margin: auto;
display: table;
}
.car-rental-item-details {
padding: 0 15px 30px;
}
.responsive-cars-slider.slick-slider {
margin-bottom: 32px;
margin-top: 32px;
}
.widget_wprcarsslider .responsive-cars-slider.slick-slider {
margin-bottom: 0;
margin-top: 0;
}
button.slick-arrow {
padding: 8px 10px;
}
.car-rental-slider .slick-slide {
background-color: white;
padding-bottom: 10px;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
}
.man_hover_scale .car-rental-slider .slick-slide:hover {
transform: scale(1.03);
transition-duration: 0.3s;
}
.car-rental-item-prefix {
float: left;
text-transform: uppercase;
font-size: 13px;
font-weight: 300;
letter-spacing: 0.6px;
color: #434D57;
}
.car-rental-item-price {
float: right;
font-size: 36px;
line-height: 36px;
font-weight: 800;
color: #434D57;
}
.car-rental-item-title {
margin-bottom: 15px;
padding-bottom: 6px;
}
.car-rental-slider-bodytype-title {
text-transform: uppercase;
padding: 10px;
font-size: 13px;
}
.car-rental-item-title a {
text-transform: capitalize;
text-decoration: none;
font-size: 18px;
font-weight: 900;
}
.car-rental-slider-next.slick-arrow, .car-rental-slider-prev.slick-arrow {
position: absolute;
top: -45px;
right: 0;
}
.car-rental-slider-prev.slick-arrow {
right: 55px;
} .responsive-manufacturers-slider.slick-slider {
margin-top: 12px;
margin-bottom: 12px;
} .select2-dropdown {
overflow: hidden;
box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.12);
}
.time .select2-selection .select2-selection__rendered {
border-left: 1px solid black !important;
border-left: 1px solid black !important;
}
.select2-dropdown.select2-dropdown--below {
border: 0;
}
.select2-container .select2-selection.select2-selection--single {
border: none;
padding: 4px 5px;
height: 35px;
}
.time .select2-selection.select2-selection--single {
border-bottom-left-radius: 0 !important;
border-top-left-radius: 0 !important;
margin-left: -1px;
}
.filters .select2-selection.select2-selection--single, .cars_listing_top_bar .select2-selection.select2-selection--single {
background-color: initial;
border: 1px solid lightgrey;
border-radius: 4px;
}
.cars_listing_top_bar .select2-selection.select2-selection--single {
margin-top: 4px;
}
@media screen and (max-width: 767px) {
.filters .select2.select2-container.select2-container--default, #search_form .filters select, .search_form_row .filters select {
margin-bottom: 5px !important;
}
}
.filters .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 27px;
}
.select2-selection__rendered, .select2-results__options {
text-transform: capitalize;
}
.no-results-msg > div {
text-align: center;
padding: 30px 15px;
}
.no-results-msg i {
vertical-align: middle;
margin-right: 10px;
} .home-form-container {
padding-left: 0;
padding-right: 0;
}
.home-form-container.home-search-results {
padding: 0 15px;
background-color: white;
}
.form-small-buttons {
padding-top: 15px;
}
.form-small-buttons button {
margin-right: 15px;
}
.location-title {
background-color: white;
padding: 5px 10px;
border-radius: 4px;
}
#search_form.step1 input.button.btn-cancel-booking {
margin-top: 30px;
}
#search_form select, #search_form input, .search_form_row input {
height: 35px;
}
#search_form select {
line-height: 31px;
}
.search_form_row .date {
padding-right: 0;
transition-duration: 0s;
}
.search_form_row .time {
padding-left: 0;
}
.search_form_row.step1 .top_margin, .car-rental-single-car .top_margin {
margin-top: 10px;
}
.margin-top {
margin-top: 20px;
}
.margin-bottom {
margin-bottom: 20px;
}
@media screen and (min-width: 481px) {
.only-xxs-visible {
display: none;
}
}
@media screen and (min-width: 481px) {
.inline_form .filters:not(:first-child) {
padding-top: 36px;
}
}
@media screen and (max-width: 480px) {
.inline_form .filters:not(:first-child) {
padding-top: 5px;
}
}
@media screen and (min-width: 768px) {
.crs-form-submit {
padding-top: 36px;
}
}
@media screen and (min-width: 991px) {
.car-rental-single-car.list .car-rental-do-search, .car-rental-single-location.list .car-rental-do-search {
margin-top: 35px;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.search_form_row.list .md-add-margin .car-rental-do-search {
margin-top: 36px;
}
}
@media screen and (min-width: 481px) and (max-width: 767px) {
.search_form_row.list .sm-add-margin .car-rental-do-search {
margin-top: 36px;
}
}
@media screen and (max-width: 767px) {
.inline_form .car-rental-do-search, .list .car-rental-do-search {
margin-top: 20px;
height: 36px;
}
}
@media screen and (max-width: 991px) {
.inline_form .top_margin, .inline_form .top_margin, .inline_form .time_location {
margin-top: 10px;
}
}
@media screen and (max-width: 1199px) {
.inline_form .top_margin-md {
margin-top: 10px;
}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
#search_form.inline_form .car-rental-do-search.md-bigger {
height: 80px;
}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
.inline_form .car-rental-do-search, .list .car-rental-do-search {
border-radius: 4px;
border: 0;
}
.inline_form .car-rental-do-search {
height: 36px;
}
}
@media screen and (max-width: 991px) {
.search_form_row.list .car-rental-do-search {
margin-top: 20px;
}
}
.search_form_row.vertical .car-rental-do-search {
margin-top: 20px;
}
.search_form_row .show_coupon, .search_form_row .cancel-booking, .search_form_row .show_filters {
margin-top: 10px;
}
.search_form_row .show_hide_buttons button {
margin: 23px 10px 0 0;
}
.search_form_row .form_title {
line-height: 30px;
padding-top: 6px;
}
.booking-period.home-select {
border: none;
padding: 8px 9px;
width: 100%;
border-radius: 4px;
}
.form_title {
display: block;
}
.search_form_row .pickup-time, .search_form_row .return-time, .search_form_row .pickup-location.home-select, .search_form_row .return-location.home-select {
border: none;
padding: 6px 12px;
width: 100%;
background-color: white;
}
.search_form_row .pickup-time, .search_form_row .return-time {
border-left: 1px solid rgba(0, 0, 0, 0.34);
border-top-left-radius: 0;
border-bottom-left-radius: 0;
min-height: 35px;
max-width: 100%;
}
.search_form_row select.pickup-location.home-select, .search_form_row select.return-location.home-select, .car-rental-single-location.inline_form .pickup-date, .car-rental-single-location.inline_form .return-date {
border-radius: 4px;
}
#search_form .filters select, #item-form-single .filters select, .cars_listing_top_bar select, .cars_listing_top_bar button {
padding: 5px;
border-radius: 4px;
width: 100%;
border-color: lightgrey;
text-transform: capitalize;
line-height: 29px;
font-size: 16px;
height: 35px;
}
.filters .row div.margin_bottom {
margin-bottom: 10px;
}
.cars_listing_top_bar select, .cars_listing_top_bar button {
margin: 4px 0 0;
}
.form_element {
margin-bottom: 10px;
position: initial;
}
.search_form_row h4.margin {
margin: 10px 0 !important;
}
.col-md-12.hide_desktop {
position: inherit;
}
.codes input {
padding: 5px 10px;
width: 100%;
border-radius: 4px;
height: 35px;
}
.col-sm-6.col-md-5.col-lg-4 .search_form_row input.car-rental-do-search {
margin-top: 25px;
}
#search_form {
margin: auto;
}
.select2.select2-container {
width: 100% !important;
background-color: white;
border-radius: 4px;
}
.car-rental-booking-details .select2-selection.select2-selection--single {
border: 1px solid #cac8c8;
background-color: aliceblue;
border-radius: 4px;
height: 38px;
}
#search_form .pickup-date, #search_form .return-date, .search_form_row .pickup-date, .search_form_row .return-date {
width: 100%;
height: 35px;
border-bottom-right-radius: 0;
border-top-right-radius: 0;
padding: 7px 12px;
border: 0;
transition-duration: 0s;
background-color: white;
}
.padding_25_sides {
padding: 0 25px;
}
#show_return_location {
cursor: pointer;
}
@media screen and (max-width: 991px) {
.hide_mobile {
display: none;
}
:not(.inline_form, .list).search_form_row .car-rental-do-search {
height: initial !important;
font-size: 19px;
margin-top: 23px;
}
}
@media screen and (min-width: 992px) {
.hide_desktop {
display: none;
}
}
.car-rental-do-search, .btn-cancel-booking {
width: 100%;
}
.home-form-container-inner .search_form_row {
background-color: transparent;
} i.fa.fa-shopping-cart {
color: white;
}
#cart {
position: fixed;
bottom: 60px;
right: 10px;
background-color: rgba(0, 0, 0, 0.25);
color: white;
padding: 10px 12px;
border-radius: 5px;
transition-duration: 0.5s;
z-index: 14;
cursor: pointer;
}
#cart_counter {
position: absolute;
top: -10px;
left: -10px;
border-radius: 50%;
width: 22px;
height: 22px;
padding: 4px;
text-align: center;
line-height: 12px;
font-size: 12px;
}
.pulse {
animation: pulse 0.5s linear;
}
#cart:focus, #cart:hover {
opacity: 1 !important;
}
#cart i {
width: 20px;
height: 20px;
line-height: 20px;
}
.nrs-cart-item-title {
padding-left: 0;
}
@media screen and (min-width: 1200px) {
.cars_listing_top_bar .show-all {
padding-left: 0;
padding-right: 0;
}
}
.nrs-cart {
width: 300px;
padding: 20px;
position: fixed !important;
right: -300px;
max-height: 100%;
transition-duration: 0.5s;
overflow-y: scroll;
bottom: 0;
z-index: 100;
background-color: #fdfdfd;
border-top-left-radius: 4px;
}
.nrs-cart::-webkit-scrollbar {
display: none;
}
.nrs-cart-items > div > div {
padding: 8px 0;
}
.nrs-cart-items > div {
text-transform: uppercase;
border-bottom: 1px solid grey;
}
.nrs-cart .actual_val {
background-color: aliceblue;
width: 28px;
padding: 0 10px;
display: inline-block;
}
.nrs-cart .button.left {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.nrs-cart .button.right {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.nrs-cart-close {
text-align: right;
}
.nrs-cart-items .nrs-cart-item-qty {
display: table;
}
.nrs-cart-close {
padding-right: 0;
cursor: pointer;
}
.nrs-cart-title {
font-size: 22px;
line-height: 26px;
margin-bottom: 20px;
padding-left: 0;
}
.nrs-cart-submit button {
border: 0;
float: right;
margin: 20px 0 10px;
}
.nrs-cart .nrs-cart-item-qty .button {
padding: 0 5px;
display: inline-block;
text-align: center;
width: 29px;
}
@keyframes pulse {
0% {
transform: scale(1, 1);
}
50% {
transform: scale(1.5, 1.5);
}
100% {
transform: scale(1, 1);
}
} .car-rental-search-result .car-rental-buttons, .modify-booking .car-rental-buttons {
padding-top: 10px;
}
.item_details div {
padding-left: 0;
padding-right: 0;
}
.cars_listing_top_bar {
margin-bottom: 25px;
}
.single-car-list > div {
padding: 15px;
}
@media screen and (min-width: 1200px) {
.row.cars_listing_top_bar .show_all {
padding: 0;
}
}
#search-results-title {
display: inline-block;
padding-left: 15px;
vertical-align: middle;
}
.add_unit {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
padding: 0;
font-size: 15px;
}
.remove_unit {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
padding: 0;
font-size: 15px;
}
.remove_unit, .add_unit {
width: 100%;
}
.single-car-list .units_qty {
width: 100%;
border: 0;
background: aliceblue;
}
.item_qty_selector_container input, .item_qty_selector_container button, input.units_qty {
height: 30px;
text-align: center;
}
#show_all {
padding: 2px 0;
}
.units_qty[type=number]::-webkit-outer-spin-button,
.units_qty[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.row.cars_listing_top_bar select {
background-color: initial;
border: 1px solid lightgrey;
border-radius: 4px;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.33);
}
.item_qty_selector_container {
margin: 5px 0 0;
} .fancybox:hover {
text-decoration: none;
}
.item-options select, .extra-options select {
padding: 5px;
border-radius: 4px;
margin: 8px 0;
}
.car-rental-buttons .quantity {
text-align: center;
}
.car-rental-options .buttons {
margin-top: 40px;
}
.car-rental-options .buttons input {
border: 0;
}
.car-rental-options .units_qty {
background-color: aliceblue;
border: 0;
}
.car-rental-options .item-qty {
padding: 5px 0 2px;
}
.car-rental-options input.units_qty {
width: 100%;
}
.car-rental-options .extra-name, .car-rental-options .item-name {
padding: 7px;
}
.car-rental-options .list-headers, .car-rental-options .selected-item, .car-rental-options .extra {
line-height: 30px;
min-height: 37px;
}
.car-rental-options .list-headers {
border-bottom: 1px solid #9a9898;
}
.customer-buttons input {
border: 0;
}
.selected-items .nrs-header, .extras .nrs-header {
box-shadow: none;
}
@media screen and (min-width: 992px) {
.table.selected-items thead tr > td, .table.extras thead tr > td {
padding-left: 15px;
padding-right: 15px;
}
.table.selected-items tbody tr > td, .table.extras tbody tr > td {
padding: 15px;
vertical-align: middle;
}
}
@media screen and (max-width: 991px) {
.table.selected-items td:first-child {
border: 0
}
.table.selected-items, .table.extras {
border: 0
}
.table.selected-items td, .table.extras td {
display: inline-block;
width: 100%;
}
.selected-items td:nth-of-type(odd), .extra-details td:nth-of-type(odd):not(:first-child) {
background-color: white;
}
.selected-items td:nth-of-type(even), .extra-details td:nth-of-type(even) {
background-color: #f9f9f9;
}
.extra-details {
display: block;
}
.extra-details:not(:first-child), .selected-items .selected-item:not(:first-child) {
margin-top: 16px;
display: block;
}
.table > tbody > tr > td.extra-selection, .table > tbody > tr > td.item-selection {
border-top: 0;
}
}
input[type=”number”] {
-moz-appearance: textfield;
}
.extra-selection input[type="checkbox"] + .row .btn-group > label span {
width: 20px;
}
.extra-selection input[type="checkbox"] + .row .btn-group > label span:last-child, .extra-selection input[type="checkbox"] {
display: none;
}
.extra-selection input[type="checkbox"]:checked + .row .btn-group > label span:first-child {
display: inline-block;
}
.extra-selection .checkbox-msg, .extra-selection .checkbox-check {
width: 100%;
}
.extra-selection .checkbox-check {
padding: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.extra-selection .checkbox-msg {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.extra-selection button, .extra-selection input, .extra-selection label, .item-selection button, .item-selection input {
height: 28px;
line-height: 28px;
}
.btn-group, .btn-group label {
cursor: pointer;
}
.checkbox-msg {
background-color: aliceblue;
font-weight: normal;
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
padding-left: 15px;
} .car-rental-search-navigation-step4 {
float: right;
padding-top: 12px;
padding-bottom: 20px;
}
.car-rental-search-navigation-step4 input {
margin-bottom: 10px;
}
.payment-method {
margin: 10px 0;
}
.payment-method label {
height: 100%;
display: grid;
}
.car-rental-step_4.buttons {
text-align: center;
margin-top: 25px;
}
.payment_method_icon {
text-align: center;
}
.payment_method_icon i, .payment_method_icon {
padding: 15px 5px;
}
input[type="radio"], input[type="checkbox"] {
height: 20px;
width: 20px;
vertical-align: middle;
margin: 0;
}
.payment-method-name h4 {
margin-bottom: 5px;
margin-top: 5px;
}
.customer-details input, .existing-customer input, .existing-customer select {
padding: 5px 12px;
height: 38px;
border-radius: 4px;
background-color: aliceblue;
}
.car-rental-customer-form > div > div > div {
margin-bottom: 10px;
}
.car-rental-customer-form select.title {
padding: 5px;
height: 38px;
}
.search-email-address {
margin-bottom: 10px;
}
.customer-birthday-select select {
height: 38px;
}
.search_birth_year_wrapper {
padding-bottom: 10px;
}
.car-rental-customer-form select, .car-rental-customer-form textarea, .car-rental-customer-form .select2-container--bootstrap .select2-selection--single, .existing-customer .select2-container--bootstrap .select2-selection--single {
border-radius: 4px;
min-height: 38px;
padding-top: 8px;
background-color: aliceblue;
}
.car-rental-customer-form .customer-birthday-select select, .car-rental-customer-form select.title, .car-rental-customer-form textarea {
width: 100%;
}
.car-rental-customer-form strong {
line-height: 33px;
}
.car-rental-customer-form .row > div {
min-height: 25px;
}
.customer-birthday-select div:first-child {
padding-left: 0;
padding-right: 5px;
}
.customer-birthday-select div:nth-child(2) {
padding: 0;
}
.customer-birthday-select div:last-child {
padding-left: 5px;
padding-right: 0;
}
.payment-method-name input {
width: 30px;
}
.padded-payment-method-description {
margin-bottom: 10px;
}
.car-rental-customer-form > .customer-details, .existing-customer > div {
margin-right: 0;
margin-top: 20px;
}
.car-rental-booking-details .g-recaptcha {
margin: auto;
display: table;
}
@media screen and (max-width: 767px) {
.car-rental-process-actions button, .car-rental-process-actions input {
width: 100%;
}
}
.error, .dynamic-text-item.required {
color: darkred;
border-color: darkred;
font-weight: 600;
}
span.dynamic-text-item {
display: none;
}
span.dynamic-text-item.required {
display: inline;
} .car-rental-booking-confirmed h2, .car-rental-booking-confirmed {
text-align: center;
}
#booking_code_copied {
color: #4CAF50;
}
#booking_code_error_copying {
color: #000;
} .summary-container .table > thead > tr > th, .summary-container .table > tbody > tr > th, .summary-container .table > tfoot > tr > th, .summary-container .table > thead > tr > td, .summary-container .table > tbody > tr > td, .summary-container .table > tfoot > tr > td {
border: 0;
padding: 8px 15px;
}
.summary-container .table > tbody > tr.dark:nth-of-type(odd), .summary-container .dark {
background: #3d3d3d;
color: white;
}
.summary-container .light {
font-weight: bold;
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}
.summary-container .nrs-header {
border-radius: 0 !important;
box-shadow: none !important;
} .car-rental-top-navigation button {
width: 100%;
margin-bottom: 8px;
text-align: left;
padding: 0 0 0 2px;
transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
-webkit-transition-property: transform, background-color, border-radius;
transition-property: transform, background-color, border-radius;
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
position: relative;
}
.car-rental-top-navigation .enabled:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
border-style: solid;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.car-rental-top-navigation .forward.enabled:hover, .car-rental-top-navigation .active.forward {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.car-rental-top-navigation .backward.enabled:hover {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.car-rental-top-navigation .forward:before, .car-rental-top-navigation .active.forward:before {
top: calc(50% - 17px);
right: 2px;
border-width: 17px 0 17px 17px;
}
.car-rental-top-navigation .backward:before {
top: calc(50% - 17px);
left: 2px;
border-width: 17px 17px 17px 0;
}
.car-rental-top-navigation .downward:before {
left: calc(50% - 19px);
border-width: 19px 19px 0 19px;
bottom: 0;
-webkit-transform: translateY(19px);
transform: translateY(19px);
}
.car-rental-top-navigation .forward:hover:before, .car-rental-top-navigation .active.forward:before {
-webkit-transform: translateX(19px);
transform: translateX(19px);
}
.car-rental-top-navigation .backward:hover:before {
-webkit-transform: translateX(-19px);
transform: translateX(-19px);
}
.car-rental-top-navigation button:disabled, .car-rental-top-navigation button:disabled:after {
opacity: 0.7;
}
.car-rental-top-navigation .btn-text {
padding: 7px 3px;
display: inline-block;
font-size: 15px;
}
.car-rental-top-navigation .nav-num {
background-color: white;
color: #ff6600;
border-radius: 4px;
width: 24px;
padding: 5px;
display: inline-block;
text-align: center;
font-weight: 600;
}
.btn-loading {
opacity: 0.7;
} .nrs-header {
padding: 8px 16px;
}
.car-rental-search-navigation input {
margin-bottom: 8px;
}
.booking-data-group {
margin-bottom: 16px;
}
.booking-data-group-items > div {
padding: 5px;
}
.booking-data-group-items > div:nth-of-type(even) {
background-color: #f9f9f9;
}
.booking-data-group .box_shadow {
border-top-right-radius: 4px;
}
.booking-data-group .nrs-header {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
box-shadow: none;
} .modify-booking input {
border: 0;
width: 100%;
border-radius: 4px;
}
.modify-booking .input input {
margin-top: 10px;
background-color: aliceblue;
}
.modify-booking input {
padding: 8px 7px 7px;
}
.modify-booking button {
padding: 8px 10px 7px;
} .single-car-list {
margin-top: 16px;
margin-bottom: 16px;
}
.single-car-list > div {
background-color: white;
}
.list .single-car-list {
padding: 0;
}
@media screen and (min-width: 992px) {
.single-car-list .bottom-fixed {
margin-top: auto;
}
.item-pricing {
display: grid;
}
}
@media screen and (max-width: 991px) {
.list .item_list_price_container {
border-top: 1px dashed;
padding-top: 10px;
margin-top: 10px;
}
}
.grid .item_list_price_container {
border-top: 1px dashed;
padding-top: 10px;
margin-top: 5px;
}
.item-pricing > div {
width: 100%;
}
.item-type-label {
width: 100%;
padding: 10px;
margin-bottom: 15px;
margin-top: 15px;
border-radius: 4px;
}
.item_details {
line-height: 28px;
}
.car-rental-items-list .item-type-label {
display: inline-block;
}
.car-rental-items-list .item-type-label:first-child {
margin-top: 0;
}
.car-rental-items.list {
display: inline;
width: 100%;
}
.car-rental-items.grid {
transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
}
.car-rental-item-features-list {
padding-left: 0;
list-style-type: none;
}
.car-rental-item-features-list li {
float: left;
width: 33%;
font-size: 16px;
line-height: 28px;
padding-left: 10px;
}
a.more-features {
text-decoration: none;
cursor: pointer;
}
.car-rental-items.list .soft-hide-list, .car-rental-items.grid .soft-hide-grid, .car-rental-items.grid .soft-hide-more-list, .car-rental-items.list .soft-hide-more-grid {
display: none;
}
.item_list_title {
font-weight: 600;
margin-top: 0;
text-transform: uppercase;
margin-bottom: 0;
word-wrap: break-word;
}
.item_list_model {
padding-left: 8px;
}
.car-rental-search-result div.price {
padding-left: 8px;
padding-right: 8px;
}
.item_list_price_text {
margin-top: 3px;
margin-bottom: 0;
text-transform: uppercase;
float: left;
}
.item_list_price_small {
float: right;
font-weight: bold;
line-height: 26px;
font-size: 17px;
}
.item-features-title {
border-bottom: 1px dashed grey;
margin-top: 3px;
width: 100%;
display: inline-block;
text-transform: uppercase;
margin-bottom: 5px;
}
.item_list_titles {
border-bottom: 1px dashed grey;
margin-bottom: 5px;
padding-bottom: 5px;
}
.item_list_price {
text-align: right;
font-weight: 600;
font-size: 33px;
line-height: 40px;
float: right;
margin-left: 10px;
}
a.item_list_button {
color: white;
text-decoration: none;
margin-top: 5px;
display: block;
}
.description-item, .item_list_deposit_title, .item_list_mileage_title, .item_list_deposit, .item_list_deposit_title {
font-size: 15px;
line-height: 28px;
}
.description-item, .item_list_deposit_title, .item_list_mileage_title {
font-weight: 600;
}
img.item_list {
margin: 0 auto 15px;
display: table;
}
.item_list_mileage, .item_list_deposit {
line-height: 28px;
}
.item_consumption {
white-space: nowrap;
}
@media screen and (max-width: 991px) {
.car-rental-single-button {
margin-top: 27px;
}
h4.item_list_price_text {
float: left;
}
.item_list_price_container {
margin-top: 18px;
}
}
.item_list_price_container {
padding: 0;
}
@media screen and (max-width: 480px) {
.col-xs-6.col-sm-8.item_list_model a {
text-align: right;
}
.car-rental-items .soft-hide-list, .car-rental-items .soft-hide-grid, .soft-hide-more-list {
display: none;
}
.car-rental-items.list .soft-hide-more-grid {
display: inherit;
}
}
@media screen and (max-width: 540px) {
.car-rental-item-features-list li {
width: 50%;
}
}
@media screen and (max-width: 360px) {
.car-rental-item-features-list li {
width: 100%;
}
}
.items_list_qty {
padding: 11px 0 0;
text-align: center;
}
@media screen and (max-width: 991px) {
.single-car-list .price-box {
padding: 0;
}
} .car-rental-price-table {
overflow-x: auto;
}
.availability-table .item-image {
min-width: 100px;
}
.availability-table .item-description {
min-width: 150px;
}
.car-rental-price-table th:not(:first-child), .classified-item-table-labels td {
padding: 5px;
text-align: center;
}
.classified-item-table-labels td:first-child {
text-align: left;
}
.car-rental-price-table-item .item-name {
font-weight: bold;
}
.car-rental-price-table-item a {
text-decoration: none;
}
.car-rental-price-table table {
width: 100%;
}
.car-rental-price-table .item-image {
padding: 15px 0;
}
.car-rental-price-table .item-description {
padding: 15px;
min-width: 150px;
}
.car-rental-price-table hr {
margin: 10px 10px 10px 0;
border-top-color: #020202;
}
.car-rental-price-table-item {
border-bottom: 1px solid black;
}
.item-price-on-duration div {
margin: 5px;
border-left: 1px solid black;
padding: 28px 5px;
text-align: center;
}
.item-price-on-duration {
text-align: center;
}
.car-rental-price-table-item td.item-deposit, .classified-item-table-labels td.item-deposit {
text-align: center;
color: white;
}
.car-rental-price-table-item .item-deposit {
padding: 10px;
}
.car-rental-price-table-item:hover {
background-color: aliceblue;
}
.car-rental-price-table th, .car-rental-price-table td {
min-width: 90px;
}
.item-type-label .item-deposit {
text-align: center;
} .fleet-availability {
overflow-x: auto;
}
table.ui-draggable.ui-draggable-handle {
cursor: -webkit-grabbing;
}
table.availability-table {
width: 100%;
}
.fleet-availability .classified-item-table-labels th {
padding: 10px 0;
}
.fleet-availability .item-description {
padding: 15px;
}
.fleet-availability hr {
margin: 10px 10px 10px 0;
border-top-color: #020202;
}
.quantity-hover, .partial-quantity-hover {
padding: 0 4px;
min-width: 20px;
}
.fleet-availability-item {
border-bottom: 1px solid black;
}
.fleet-availability-item:hover {
background-color: aliceblue;
}
.item-type-label th {
padding: 5px;
}
.item-type-label th:first-child {
padding: 10px;
} .car-rental-price-table .item-type-label {
border-bottom-right-radius: 0;
}
.extra-table-labels th {
font-weight: initial;
}
.extra-rental-price-table {
margin-top: 25px;
}
.extra-rental-price-table table {
width: 100%;
}
.extra-label, .car-rental-price-table-extra .extra-description, .extra-deposit {
padding: 10px;
}
.extra-deposit {
padding-right: 10px;
}
.extra-deposit {
text-align: right;
}
.car-rental-price-table-extra:hover {
background-color: aliceblue;
}
.car-rental-price-table-extra {
border-bottom: 1px solid black;
} .extras-availability {
margin-bottom: 20px;
overflow-x: auto;
}
.extra-table-labels .one-day {
text-align: center;
}
.extras-availability .month-label {
padding: 10px;
}
.extras-availability-single {
border-bottom: 1px solid black;
}
.extras-availability-single:hover {
background-color: aliceblue;
}
.extras-availability-single .quantity-left-in-day {
padding: 8px 0 15px 0;
}
.extras-availability-single .extra-description {
padding: 10px;
}
.extras-availability-single > div {
padding: 15px 0;
} .highlight_primary {
border-radius: 4px;
padding: 10px 30px;
color: white;
margin-right: 10px;
}
#pricing_single {
margin-top: 15px;
}
.item_details h3 {
border-bottom: 1px solid lightgrey;
}
.item_price_single div {
font-size: 31px;
border-top: 2px solid black;
line-height: 50px;
text-align: right;
}
.dep_miles {
line-height: 24px;
margin-top: 25px;
}
#item-form-single .search_form_row.single input.car-rental-do-search {
padding: 12px;
margin-top: 20px;
background-color: #0073aa;
border-radius: 4px;
color: white;
font-size: 25px;
}
.search_form_row {
padding: 10px 10px 24px 10px;
border-radius: 4px;
margin: 0;
}
.car-rental-do-search.single {
width: initial !important;
float: right;
padding-left: 40px !important;
padding-right: 40px !important;
}
.car-description, .car-features {
border-bottom: 1px dashed lightgrey;
padding: 0;
line-height: 30px;
font-size: 14px;
}
.highlight {
font-weight: 600;
}
.car_rental_item .slick-slider {
margin-top: 0;
}
.car-rental-single-item .slick-slider {
margin-bottom: 0;
}
.coupons_single {
margin-top: 40px;
}
.coupons_single input {
border-radius: 4px;
padding: 7px 10px;
}
@media screen and (max-width: 767px) {
.coupons_single {
margin-top: 10px;
}
}
.responsive-item-slider-nav .slick-slide img {
min-width: 100px;
cursor: pointer;
}
.item_details h3 {
margin-top: 27px;
}
.item_details .title {
margin-top: 30px;
margin-bottom: 15px;
}
.item_details .form_title {
border-bottom: 1px solid black;
}
#item-form-single input.hasDatepicker {
width: 100%;
}
.car-rental-single-item .form_title {
font-size: 20px;
line-height: 30px;
}
.responsive-item-slider .slick-arrow {
position: absolute;
z-index: 99;
top: calc(50% + -18px);
opacity: 0.5;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.responsive-item-slider-nav .nav-item {
padding: 5px;
}
.responsive-item-slider-nav {
padding-top: 6px;
margin: auto;
}
@media screen and (min-width: 480px) {
.responsive-item-slider-nav {
display: table !important;
}
}
@media screen and (min-width: 992px) {
.responsive-item-slider .slick-arrow:not(:hover) {
background-color: white;
color: black;
}
.responsive-item-slider .slick-arrow:hover {
opacity: 1;
}
}
@media screen and (max-width: 991px) {
.responsive-item-slider .slick-arrow:not(:active) {
background-color: white;
color: black;
}
.responsive-item-slider .slick-arrow:active {
opacity: 1;
}
}
.responsive-item-slider .car-rental-slider-prev.slick-arrow {
left: 0;
right: auto;
}
.responsive-item-slider .car-rental-slider-next.slick-arrow {
right: 0;
left: auto;
} .booking-failure-title {
font-size: 20px;
line-height: 25px;
margin-bottom: 5px;
padding-bottom: 5px;
border-bottom: 1px solid;
}
.booking-failure-content {
line-height: 24px;
padding: 10px 0;
}
.booking-failure-content .buttons {
margin-top: 16px;
} .car-rental-locations-list .location_title, .car-rental-locations-list .button-holder {
margin-bottom: 10px;
margin-top: 0;
}
a .location-name {
color: initial;
}
.car-rental-locations-list a {
text-decoration: none;
}
.car-rental-locations-list a.button {
margin-bottom: 15px;
float: left;
}
@media screen and (min-width: 768px) {
.car-rental-locations-list a.button {
float: right;
}
}
.car-rental-locations-list .title {
display: table;
font-weight: 600;
font-size: 22px;
margin: 15px 0;
}
.car-rental-locations-list .information .description-location:first-child .title {
margin-top: 0;
}
.car-rental-locations-list .information {
padding: 0 0 20px;
}
ul.car-rental-fees-list, ul.car-rental-working-hours-list {
padding-left: 0;
list-style-type: none;
}
.car-rental-locations-list .under_dash {
border-bottom: 1px dashed;
margin-bottom: 36px;
padding-bottom: 15px;
}
.car-rental-locations-list .img-holder {
padding-bottom: 40px;
}
.description-location {
border-left: 3px solid;
padding-left: 15px;
} .time_location input {
border-radius: 4px;
}
.car-rental-location .slick-slider {
margin-top: 0;
margin-bottom: 0;
}
.car-rental-location .slick-slider img {
padding-top: 0;
}
.car-rental-location .title {
display: grid;
font-size: 20px;
line-height: 30px;
border-bottom: 1px solid black;
margin-top: 30px;
margin-bottom: 15px;
}
.car-rental-location img {
max-height: 260px;
} .car-rental-manufacturers-grid, .car-rental-benefits-grid {
text-align: center;
}
.greyscale .car-rental-manufacturer-logo img:hover {
-webkit-filter: grayscale(100%);
filter: grayscale(30%);
}
.greyscale .car-rental-manufacturer-logo img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.man_hover_scale .car-rental-manufacturer-logo img:hover {
transform: scale(1.2);
transition-duration: 0.3s;
}
.man_hover_scale .car-rental-manufacturer-logo img {
transition-duration: 0.2s;
}