* { box-sizing: border-box; }
div { display: flex; flex-direction: row; }
.show-on-mobile { display: none; }

/* search */
#main-search-button { width: 200px; }

.ui-widget.ui-widget-content { border-radius: 16px; background-color: #e8e8e8; border: #e8e8e8 1px solid !important; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border-radius: 50%;
    border: 1px solid #0153cc !important;
    background: #0153cc !important;
    width: 0.9em !important;
    height: 0.9em !important;
}

.ui-widget-header {
    background: #0153cc !important;
}

.ui-slider-horizontal { height: 0.5em !important; }

.pignose-calendar,  
        .pignose-calendar-body { flex-direction: column; }
.pignose-calendar-top { display: block; }
#litepicker .pignose-calendar { width: 100%; max-width: 100%; box-shadow: unset; border: unset; }
#litepicker .pignose-calendar-top { box-shadow: unset; background-color: #ffffff; border-bottom: #ffffff 1px solid; margin: 30px 0 0 0; padding: 0; }
#litepicker .pignose-calendar-top-date { justify-content: center; align-items: center; padding: 3px 0 0 0; }
#litepicker .pignose-calendar .pignose-calendar-top .pignose-calendar-top-month { margin-bottom: 0; font-size: 16px; font-family: fontRegular; margin-right: 6px; text-transform: none; font-weight: normal; }
#litepicker .pignose-calendar .pignose-calendar-top .pignose-calendar-top-year { font-size: 16px; font-family: fontRegular; text-transform: none; font-weight: normal; }
#litepicker .pignose-calendar .pignose-calendar-header .pignose-calendar-week { justify-content: center; font-family: fontRegular; text-transform: none; font-weight: normal; }
#litepicker .pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-active a { background-color: #0153cc; color: #ffffff !important; font-weight: normal; }
#litepicker .pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-range a { background-color: #dfeafb; }
#litepicker .pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-sun a, 
    #litepicker .pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-sat a {
        color: #242424;
    }
#litepicker .pignose-calendar .pignose-calendar-unit a { color: #242424; }
#litepicker .pignose-calendar .pignose-calendar-header .pignose-calendar-week.pignose-calendar-week-sun, 
    #litepicker .pignose-calendar .pignose-calendar-header .pignose-calendar-week.pignose-calendar-week-sat {
    color: #242424;
}

.crPointer { cursor: pointer; }
.crDefault { cursor: default; }
body { padding: 0; margin: 0; font-family: fontRegular, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;}
section { display: flex; padding: 75px 0; justify-content: center; }
section.no-top-padding { padding-top: 0; }
section .container { flex-direction: column; }
.social img { width: 18px; margin: 0 8px; }
/* a tags */
a.phone-big:link, a.phone-big:visited { transition: all .5s; text-decoration: none; color: #1258ba; display: block; text-align: center; font-size: 30px; font-family: fontBold; letter-spacing: -1px; }
a.phone-big:hover { color: #0153cc; }

/* header */
#logo { height: 32px; }
#supbar { padding: 10px; background-color: #242424; justify-content: space-between; }
#supbar a:link, #supbar a:visited { display: flex; align-items: center; font-size: 12px; margin-left: 10px; color: #ffffff; text-decoration: none; }
#supbar a i { font-size: 16px; margin-right: 5px; }
#supbar a:hover { opacity: .7; }
#top-bar { align-items: center; padding: 50px 0; flex-direction: column; }
#top-bar .container { justify-content: space-between; }
#top-bar .container nav a:link, #top-bar .container nav a:visited { margin: 0 20px; text-decoration: none; font-size: 16px; color: #2c2c2c; font-weight: 500; }
#top-bar .container nav a:hover { color: #0153cc; }
#top-bar .language i { font-size: 20px; }
#top-bar .language label { cursor: pointer; padding-left: 10px; }

#promo { justify-content: center; align-items: center; position: relative; height: 555px; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../img/promo.png); }
.shadow { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: #000000; opacity: .5; }
#promo .container { position: relative; flex-direction: column; align-items: center; }
#promo .container h1 { color: #ffffff; font-family: fontBold; font-size: 46px; margin: 0 0 15px 0; }
#promo .container h1 span { background-color: #ffcc00; padding: 0 10px; border-radius: 6px; color: #242424; }
#promo .container h2 { color: #ffffff; margin: 0; }
#promo .container .car-type-list { overflow: hidden; margin-top: 50px; padding: 20px 15px 15px 15px; position: relative; border-radius: 10px; }
#promo .container .car-type-list .car-type { position: relative; opacity: .5; margin: 0 15px; flex-direction: column; align-items: center; justify-content: center; }
#promo .container .car-type-list .car-type:hover { cursor: pointer; opacity: .9;  }
#promo .container .car-type-list .car-type label { cursor: pointer; color: #ffffff; font-size: 12px; }
#promo .container .car-type-list .car-type img { width: 80px; margin-bottom: 10px; }

.section-header { flex-direction: column; }
.section-header h3 { font-style: normal; font-weight: 700; font-size: 33px; line-height: 45px; color: #373b44; margin: 0; }
.section-header p { font-style: normal; font-weight: 300; font-size: 18px; line-height: 30px; color: #373b44; margin: 0; }
.web-home-box-container .section-header { margin-top: 50px; }
.web-home-box-container:first-child .section-header { margin-top: 0px; }

/* big search */
.searchbox-full { flex-direction: column; flex: 1; padding-right: 1px; position: relative; }
.searchbox-full .search-area { padding: 2px; z-index: 4000; height: 44px; background-color: #ffffff; position: absolute; right: 0; top: 0; bottom: 0; left: 0; flex-direction: column; border: #999999 1px solid; border-radius: 4px; }
.searchbox-full .search-area.expand { height: 270px; }
.searchbox-full .search-area .magnet { color: #999999; position: absolute; top: 10px; left: 15px; }
.searchbox-full .search-area input { border: transparent; padding: 12px; padding-left: 50px; width: 95%; }
.searchbox-full .search-area input:focus { outline: none; }
.searchbox-full .search-area input:focus + .magnet { color: #0153cc; }
.searchbox-full .search-area .menu { display: none; }
.searchbox-full .search-area.expand .menu { display: flex; }

/* vehicle box vertical */
.vehicle-box { flex:1; flex-direction: column; box-shadow: 0 0 5px #cccccc; padding: 5px; border-radius: 5px; min-height: 400px; }
.vehicle-box.contact { background-color: #f9f9f9; padding: 10px; border: #e8e8e8 1px solid; box-shadow: unset; }
.vehicle-box.contact h3 { font-size: 28px; font-family: fontBold; margin: 20px 0; letter-spacing: -0.5px; }
.vehicle-box:hover { box-shadow: 0 0 10px #cccccc; }
.vehicle-box .cover { max-width: 100%; border-radius: 5px 5px 0 0; }
.vehicle-box .title { padding: 15px 5px 10px 5px; align-items: flex-start; flex: 1; }
.vehicle-box .title img { max-width: 28px; margin-right: 10px; }
.vehicle-box .title a:link, .vehicle-box .title a:visited { text-decoration: none; font-size: 16px; color: #242424; line-height: 26px; }
.vehicle-box .title a:hover { color: #0153cc; }
.vehicle-box .price-row { padding: 5px 10px; justify-content: space-between; align-items: center; }
.vehicle-box .price-row label { font-family: 'fontBold'; font-size: 14px; color: #0153cc; }
.vehicle-box .price-row span { font-size: 16px; }
.vehicle-box .price-row span.active { font-family: 'fontBold'; font-size: 20px; }
.vehicle-box .button-area { padding: 15px 10px 10px 10px; }

.vehicle-box.horizontal { flex-direction: row; align-items: flex-start; min-height: unset; }
.vehicle-box.horizontal .cover { height: 140px; border-radius: 5px 0 0 5px; margin-right: 20px; }
.vehicle-box.horizontal .vehicle-info { flex: 1; flex-direction: column; }
.vehicle-box.horizontal .vehicle-price { flex-direction: column; }
.vehicle-box.horizontal .title { align-items: center; padding: 5px 0; }
.vehicle-box.horizontal .title img { width: 40px; max-width: 40px; }
.vehicle-box.horizontal .title a:link, .vehicle-box.horizontal .title a:visited { font-size: 18px; }

.property-list { list-style: none; margin: 0; padding: 0; }
.property-list li { padding: 7px; font-size: 14px; display: flex; align-items: center; justify-content: flex-start; margin-bottom: 5px; }
.property-list li.white-box { background-color: #ffffff; border: #f2f2f2 1px solid; color: #009900; }
.property-list li i { font-size: 16px; margin-right: 5px; }

/* a */
a:link, a:visited { text-decoration: none; color: #1359BA; }
a:hover { color: #009FE2; }
a.btn-link:link, a.btn-link:visited { position: relative; text-align: center; padding: 11px 15px; text-decoration: none; transition: all .5s; border-radius: 4px; }
a.btn-link.blue { color: #ffffff; background-color: #1153fc;  }
a.btn-link.blue:hover { background-color: #0d3cb6; }
a.btn-link.white { color: #0d3cb6; background-color: #ffffff;  border: #0d3cb6 1px solid; }
a.btn-link.white:hover { background-color: #0d3cb6; color: #ffffff; }
a.btn-link.green { color: #ffffff; background-color: #009900; }
a.btn-link.green:hover { background-color: #056b05; }
a.btn-link.gray-green { color: #242424; background-color: #ffffff; border: #ccd4de 1px solid; }
a.btn-link.gray-green:hover { border: #009900 1px solid; color: #009900; }
a.btn-link.purple { color: #ffffff; background-color: #a84c9d; }
a.btn-link.purple:hover { background-color: #7a3773; }

a.btn-link.noradius { border-radius: 0; }
a.btn-link.icon { position: relative; }
a.btn-link i { font-size: 20px; }
a.btn-link.icon.left img, a.btn-link.icon.left i { position: absolute; left: 8px; top: 11px; }

/* label */
label.one-day { font-size: 12px; color: #666666; }
label.one-day span { margin-left: 5px; background-color: #0d3cb6; color: #ffffff; padding: 4px 6px 3px 6px; border-radius: 3px; }
label.price-title { font-size: 26px; letter-spacing: -1px; font-family: fontBold; margin: 5px 0; }

#partners .container { }
#partners .container .text-col { justify-content: center; }
#partners .container h3 { margin: 0; font-size: 36px; font-family: 'fontBold'; letter-spacing: -1px; padding-right: 35%; }
#partners .container p { color: #707070; padding-right: 10%; }
#partners .container .image-col { min-height: 350px; border-radius: 6px; background-repeat: no-repeat; background-position: center; background-size: cover; }

#footer { align-items: center; flex-direction: column; }
#footer .container { justify-content: space-between; flex-direction: row; }
#footer .container.center { justify-content: center; }
#footer .container nav a:link, #footer .container nav a:visited { margin: 0 20px; text-decoration: none; font-size: 16px; color: #2c2c2c; font-weight: 500; }
#footer .container nav a:hover { color: #0153cc; }

.rate-container { align-items: center; justify-content: flex-end; padding: 10px 10px 0 0; }
.rate-container img.brand { height: 20px; }
.rate-container span { margin: 0 6px; }
.stars-container { width: 100px; position: relative; }
.stars-container .stars-rate { position: absolute; bottom: 0; top: 0; left: 0; background-color: #fdc003; }
.stars-container img { width: 100%; position: relative; }

.vehicle-price .prices { flex-direction: column; align-items: flex-end; padding: 10px 10px 0 0; }
.vehicle-price .prices span.label { color: #596372; font-weight: 700!important; font-size: 11px; }
.vehicle-price .prices label { font-size: 24px; }
.vehicle-price .prices p { margin: 0; display: flex; align-items: center; }
.vehicle-price .prices p span { color: #1f80ef; margin-left: 5px; }

/* breadcrumb */
.breadcrumb { padding: 15px 0; align-items: center; }
.breadcrumb a.border-right { padding-right: 10px; margin-right: 10px; }
.breadcrumb a:link, .breadcrumb a:visited, .breadcrumb span { display: flex; align-items: center; font-size: 12px; }
.breadcrumb span, .breadcrumb i { color: #707070; }

/* vehicle header */
h1.vehicle-header { display: flex; align-items: center; font-size: 30px; letter-spacing: -1px; color: #373b44; }
h1.vehicle-header img { width: 60px; margin-right: 10px; }

/* car slider */
#car-slider { overflow: hidden; width: 100%; flex-direction: column; }
#car-slider .mySwiper { position: relative; }
#car-slider .mySwiper .swiper-button-next, #car-slider .mySwiper .swiper-button-prev { background-image: unset; align-items: center; }
#car-slider .mySwiper .swiper-button-next i, #car-slider .mySwiper .swiper-button-prev i { color: #ffffff; }
#car-slider .car-slide-item { justify-content: center; align-items: center; height: 310px; background-color: #f5f5f5; border-radius: 5px; overflow: hidden; }
#car-slider .car-slide-item img { max-width: 100%; /*max-height: 100%;*/ }
#car-slider .mySwiper { width: 100%; flex: 1; flex-direction: column; }
#car-slider .ll-swiper-pagination { flex-wrap: wrap; overflow: hidden; gap: 8px; }
#car-slider .ll-swiper-pagination .paginate { position: relative; cursor: pointer; border-radius: 4px; width: 82px; height: 60px; background-repeat: no-repeat; background-size: cover; background-position: center; }
#car-slider .ll-swiper-pagination .paginate .selection-bar { position: absolute; left: 0; right: 0; bottom: 0; height: 5px; border-radius: 0 0 4px 4px; }
#car-slider .ll-swiper-pagination .paginate.active { cursor: default; }
#car-slider .ll-swiper-pagination .paginate.active .selection-bar { background-color: #cc0001; }
#car-slider .swiper-wrapper { height: unset; }

/* tables */
.price-table { border-collapse: collapse; }
.price-table th { text-transform: uppercase; color: #999999; font-size: 13px; font-family: fontBold; text-align: left; padding: 10px 0; border-bottom: #242424 1.5px solid; }
.price-table td:last-child, .price-table th:last-child { text-align: right; }
.price-table td { font-size: 14px; padding: 12px 0; border-bottom: #cccccc 1px solid; }
.price-table.text-left td, .price-table.text-left th { text-align: left !important; }

.summary-table { border-collapse: collapse; margin-top: 10px; }
.summary-table th { font-size: 22px; padding: 14px 0; border-top: #d4d4d4 1px solid; font-weight: normal; }
.summary-table td { font-size: 14px; padding: 8px 0; }

.spesification .cell { align-items: center; padding-bottom: 15px;}
.spesification .cell i { margin-right: 12px; color: #999999; font-size: 22px; }
.spesification .cell div { flex-direction: column; }
.spesification .cell div label { color: #242424; font-size: 13px; }
.spesification .cell div span { color: #999999; font-size: 12px; text-transform: uppercase; }

.web-content { flex-direction: column; line-height: 24px; }
.card-booking { background-color: #f7f8fa; padding: 20px 20px 0 20px; flex-direction: column; align-self: flex-start; }
.card-booking ul { margin: 0; padding: 0; }
.card-booking ul.iti__country-list { padding: 10px; }
.card-booking ul li { display: flex; align-items: center; margin: 8px 0; padding: 0; font-size: 14px; color: #242424; list-style: none; }
.card-booking ul li i { font-size: 18px; }

.card-booking .seperator { align-items: center; }
.card-booking .seperator .line { height: 1px; flex: 1; background-color: #d4d4d4; }
.card-booking .seperator label { text-transform: uppercase; color: #999999; background-color: #f7f8fa; padding: 0 15px; font-size: 14px; }

.card-booking .calendar-area { background-color: #ffffff; padding: 15px; flex-direction: column; }
.card-booking .calendar-area .dates { background-color: #f5f5f5; padding: 10px 0; border-radius: 6px; flex: 1; margin-right: -20px;}
.card-booking .calendar-area .dates div:first-child { border-right: #d4d4d4 1px solid; }
.card-booking .calendar-area .dates span { padding: 0 15px; }
.card-booking .calendar-area .dates label { font-size: 14px; padding: 0 15px; }
.card-booking .calendar-area .times { flex-direction: column; border: #d4d4d4 1px solid; border-radius: 6px; flex: 1; padding: 10px; }

.card-booking .personal-info { padding: 15px; background-color: #ffffff; flex-direction: column; }
.card-booking .personal-info .el { flex-direction: column; padding: 10px; border: #d4d4d4 1px solid; }
.card-booking .personal-info .el.error { border: #cc0001 1px solid; }
.card-booking .personal-info .el input { border: #ffffff 1px solid; padding: 0px 0px 0px 45px; width: 100%; outline: none; }
.card-booking .personal-info .el textarea { border: #ffffff 1px solid; padding: 0 10px; width: 100%; outline: none; font-family: fontRegular; }
.card-booking .personal-info .el input:focus, .card-booking .personal-info .el textarea:focus { outline: none; }
.card-booking .personal-info .el .iti__selected-dial-code { font-size: 14px; }
.card-booking .personal-info .el .iti--separate-dial-code .iti__selected-flag { background-color: #ffffff; }
.card-booking .summary { flex-direction: column; }

.big-button-set { padding: 20px; }
.big-button-set.green { background-color: #f7f8fa; }

.faq-container, .faq-container .faq-item { flex-direction: column; }
.faq-item { margin: 10px 0; }
.faq-item h5 { cursor: pointer; display: flex; align-items: center; padding-bottom: 10px; border-bottom: #cccccc 1px solid; margin: 0; font-size: 15px; font-family: 'fontBold'; }
.faq-item h5:hover { color: #1359BA; border-bottom: #1359BA 1px solid; }
.faq-item h5 i.close { display: inline-block; margin-right: 4px; }
.faq-item h5 i.open { display: none; margin-right: 4px; }
.faq-item.open h5 i.open { display: inline-block; }
.faq-item.open h5 i.close { display: none; }
.faq-item div { margin-top: 15px; font-size: 13px; line-height: 18px; display: none; padding-left: 27px; }
.faq-item.open div { display: flex; }

.image-cover { background-repeat: no-repeat; background-position: center; background-size: cover; width: 250px; height: 140px; margin-right: 25px; border-radius: 6px 0 0 6px; }
.image-cover.x260 { width: 100%; height: 180px; max-width: 100%; margin-right: 0; border-radius: 6px 6px 0 0; }

.kpagination { padding: 25px 0; }
.kpagination * { display: flex; flex-direction: row; }
.kpagination div:nth-child(1) { display: none; }
.kpagination svg { height: 24px !important; }
.kpagination nav { display: flex; justify-content: center !important; }
.kpagination p { display: none;}
.kpagination span[aria-current="page"],
    .kpagination a { margin: 0 5px; display: flex; width: 22px; height: 22px; justify-content: center; align-items: center; }

#brand-web-list { justify-content: center; min-height: 300px; align-items: flex-start; }
#brand-web-list .col-md-3, #brand-web-list .col-xs-6 { justify-content: center; }
.brand-box { flex-direction: column; justify-content: center; }
.brand-box .image-container { align-items: center; justify-content: center; height: 140px; }
.brand-box img { max-width: 100%; width: 140px; }
.brand-box label { cursor: pointer; display: block; text-align: center; padding: 10px; }

.about-header { flex-direction: column; align-items: center; margin-bottom: 50px; }
.about-content { flex-direction: column; line-height: 22px; padding: 0 20%; align-items: center; }
.about-content * { text-align: center; }

a.action img { display: none; width: 18px; }
a.action span { display: flex; justify-content: center; line-height: 22px; }
a.action.inprogress img { display: inline-block; }
a.action.inprogress span { display: none; }

span.error { display: none; margin-top: 15px; font-size: 13px; background-color: #cc0001; align-self: center; color: #ffffff; padding: 7px 15px; border-radius: 16px; }
span.error.show { display: flex; }

.search-filter-col { justify-content: center; }
.search-filter-col .dropdown-container { align-items: center; margin-right: 10px; }
.search-filter-col a.btn-link { width: 100px; }
.vehicle-box.horizontal .vehicle-price { justify-content: flex-end; }

/* auto complete */
.autocomplete-suggestions { flex-direction: column; background-color: #ffffff; padding-left: 40px; height: 150px; overflow: auto; }
.autocomplete-suggestion { display: block; padding: 10px; font-size: 13px; border-radius: 4px; }
.autocomplete-suggestion.autocomplete-selected { background-color: #1359BA; color: #ffffff; }