@font-face {
font-display: block;
font-family: "bootstrap-icons";
src: url("../fonts/bootstrap-icons.woff2?dd67030699838ea613ee6dbda90effa6") format("woff2"),
url("../fonts/bootstrap-icons.woff?dd67030699838ea613ee6dbda90effa6") format("woff");
}
html{position:relative;min-height:100%}
a {color: #1754B5;}
a,body,div,figure,footer,h1,h2,h3,header,html,img,li,section,span,ul{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
figure,footer,header,section{display:block}
ul{list-style:none;margin:0}
a,a:focus,a:hover{outline:0;text-decoration:none}
html{position:relative;min-height:100%;scroll-behavior:smooth}
p{color:#141414;font-size:16px;line-height:25px;word-wrap:break-word}
body{font-family:Lato,-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:subpixel-antialiased;-webkit-text-stroke:1px transparent;text-rendering:optimizeLegibility;margin:0 0 227px}
header{padding:15px 0;margin:0 0 50px}
header .navbar{padding:0!important}
.py-5{padding-top:4rem!important; padding-bottom:4rem!important}
.pt-5{padding-top:4rem!important}
.pb-5{padding-bottom:4rem!important}
.mt-5{margin-top:4rem!important}
.mb-5{margin-top:4rem!important}
.my-5{margin-top:4rem!important;margin-bottom:4rem!important}
header ul{text-align:right}
header ul li{display:inline-block;margin-right:40px}
header ul li:last-child{margin-right:0}
header ul li a{font-size:17px;color:#fff;text-decoration:none}
.logo {display: inline-block;width:21%;min-width:200px}
.Form-box{width:100%;margin-top:30px;border-radius:6px;display:inline-block}
.FormWrapper{background:#f7f7f7;padding:20px;display:inline-block;width:100%;vertical-align:top;border-radius:6px}
.form_banner h1{color:#fff;margin:0}
.form_banner h1{font-size:32px;font-weight:700;margin:0 0 9px 0}
.Oursuppliers h2{font-size:29px;font-weight:600;line-height:normal;margin:0 0 6px;color:#313131}
.supliers-head p{margin:0 0 12px}
#oursuppliers{box-shadow:0 0 15px rgba(0,0,0,.101);padding:20px;border-radius:8px}
#oursuppliers .row:first-of-type{margin-bottom:10px}
#oursuppliers .row:last-of-type{align-items:center}
#oursuppliers ul{display:flex;flex-wrap:wrap;row-gap:5px;align-items:center;column-gap:19px;justify-content:right}
#oursuppliers ul li{display:inline-block;width:14%;min-width:55px}
#oursuppliers ul li a{display:inline-block;width:100%;max-height:40px;overflow:hidden}
.supp-brd {border: 1px solid #cecece}
.heading-2 h2{color:#313131;font-size:29px;font-weight:600;margin:0 0 8px}
.heading-2{margin:0 0 25px}
.heading-2 p{margin:0}
.WhybookBanner{background:#062c69;position:relative}
.WhybookBanner .heading-2 h2{color:#fff}
.WhybookBanner h3{color:#fff;font-weight:600;font-size:20px; margin:0 0 5px; position:relative; padding:11px 0 11px 51px}
.WhybookBanner ul{display:flex;flex-wrap:wrap;justify-content:space-between;display:flex;flex-wrap:wrap;row-gap:50px}
.WhybookBanner ul li{padding:0 15px 0 0;width:48%}
.WhybookBanner ul li h3:after{background:url(../images/croatia-sprite-home.svg) no-repeat;content:'';position:absolute;height:40px;width:40px;left:0;top:50%;
transform: translateY(-50%)}
.WhybookBanner ul li p{color:#fff;margin:0}
.WhybookBanner ul li.best-price h3:after{background-position:1px -109px}
.WhybookBanner ul li.free-cancelation h3:after{background-position:-43px -109px}
.WhybookBanner ul li.inclusive-pricing h3:after{background-position: -180px -113px;height:40px;width:34px}
.WhybookBanner ul li.leading-suppliers h3:after{background-position:-222px -110px}
footer{background:#042e3e;position:absolute;left:0;right:0;bottom:0}
footer .FooterTop ul{display:flex;flex-wrap:wrap;row-gap:10px}
footer .FooterTop ul li{display:inline-block;width:25%}
footer .FooterTop ul li:last-child{margin-right:0}
footer .FooterTop ul li a{color:#fff;font-size:16px;font-weight:400;transition:all .3s ease-in 0s;-moz-transition:all .3s ease-in 0s;-o-transition:all .3s ease-in 0s;-ms-transition:all .3s ease-in 0s;-webkit-transition:all .3s ease-in 0s}
.footerBottom ul li a:hover,footer .FooterTop ul li a:hover{color:#fe5454;transition:all .3s ease-in 0s;-moz-transition:all .3s ease-in 0s;-o-transition:all .3s ease-in 0s;-ms-transition:all .3s ease-in 0s;-webkit-transition:all .3s ease-in 0s}
.FooterLogo{display:inline-block}
.footerBottom ul{text-align:right}
.footerBottom ul li a{color:#fff;font-size:13px;transition:all .3s ease-in 0s;-moz-transition:all .3s ease-in 0s;-o-transition:all .3s ease-in 0s;-ms-transition:all .3s ease-in 0s;-webkit-transition:all .3s ease-in 0s}
.FooterTop{border-bottom:1px solid #126484;padding:60px 0 40px}
.footerBottom{border-top:1px solid #00141b;padding:15px 0}
.copywright{color:#fff;font-size:13px}
.form_banner ul{margin-top:25px;width:100%;display:flex;flex-wrap:wrap;row-gap:10px;column-gap:50px;justify-content:center;align-items:center}
.form_banner>ul>li{display:inline-block;color:#f1f1f1;position:relative;padding:0 0 0 35px;font-size:16px;font-weight:600}
.form_banner>ul>li:before{content: '';left: 0;   top: 50%;   position: absolute;   height: 27px;   width: 26px;   background: url(../images/croatia-sprite-home.svg) no-repeat;   transform: translateY(-50%);background-position:-251px -26px}
.form_banner>ul>li.lowest-price:before{background-position:-251px -57px}
.form_banner>ul>li.no-hidden-charges:before{background-position:-251px -85px}
.destination-list{position:relative;overflow:hidden}
.destination-list ul{list-style-type:none;padding:0;display:flex;flex-wrap:wrap;row-gap:10px;column-gap:25px}
.destination-list ul li{display:inline-block;width:18.4%}
.destination-list ul li a{color:#313131;position:relative;padding:0 13px 0 0;display:flex;width:100%;align-items:center;}
.destination-list ul li a:hover,.destination-list ul li a:hover:before{color:#1754B5;border-color:#1754B5}
.copywrite-section ul{display:flex;flex-wrap:wrap;row-gap:10px;justify-content:right}
.copywrite-section ul li{margin-right:25px}
.copywrite-section ul li:last-child{margin-right:0}
.copywrite-section{flex-direction:row-reverse}
.view-all-suppliers a:after{border: solid #B20101}
.destination-list ul li a:before{border: solid #313131}
.view-all-suppliers a:after,.destination-list ul li a:before{content:"";position:absolute;right:3px;top:50%;transform:translateY(-50%) rotate(-45deg); border-width: 0 1px 1px 0; display: inline-block;padding:3px}
.view-all-suppliers{display:flex;align-items:center;justify-content:right}
.view-all-suppliers a{color:#B20101;font-size:15px;position:relative;padding:0 13px 4px 0}
.view-all-suppliers a:hover{border-bottom:1px solid #B20101}
.view-all-suppliers a:after{right:0}
.CityBanner{background:#12579D;padding:0 0 60px}
.form_banner h1 {color: #fff;margin:0;font-size:49px}
.form_banner h1 {font-size:32px;font-weight:700;margin:0 0 9px 14px;color:#fff;text-align:center}
.table-list { margin: 0 0 19px 10px;}

/* == Blog Page == */
/* == End Blog Page == */ 
.new-faq .accordion-item{border:1px solid #C7EDFF!important;border-radius:6px;width:100%;background:#F2F7FF!important;overflow:hidden;margin:0 0 10px}
.new-faq .accordion-item:last-child{margin:0}
.new-faq button{background:none!important;box-shadow:none!important;border-radius:6px;padding:20px 50px 20px 20px;color:#313131!important;font-size:18px;font-weight:600} 
.new-faq button:after{position: absolute;background: url(../images/croatia-sprite-home.svg) no-repeat !important;height:15px;width:19px;right:20px;margin:0!important;background-position:-218px -184px!important;transform: none !important;}
.new-faq button.collapsed:after{background-position:-218px -204px !important}
#other-faq-section{row-gap:10px;display:flex;flex-wrap:wrap}
.new-faq .accordion-body{border-top:1px solid #C7EDFF !important;background:#fff}
.new-faq.other-faq .accordion-item{background:none!important;border:1px solid #E2E2E2!important}
.new-faq.other-faq button{padding-left:80px}
.new-faq.other-faq button:after{background-position:-218px -227px !important;transform: rotate(180deg)!important}
.new-faq.other-faq button.collapsed:after{transform: rotate(0deg)!important}
.new-faq.other-faq button:before{position: absolute;background: url(../images/croatia-sprite-home.svg) no-repeat;height:41px;width:45px;left:20px;content:'';background-position:0 -199px}
.new-faq.other-faq #heading-carrentalcompanies button:before{background-position:-49px -199px}
.new-faq.other-faq #heading-crossborder button:before{background-position:-97px -199px}
.new-faq.other-faq #table-of-content button:before{background-position:-146px -196px;width:35px}
.deal-box{display:flex;flex-wrap:wrap;border:1px solid #E2E2E2;padding:20px;border-radius:6px;align-items:center;height:100%}
.deal-info{display:inline-block;width:60%}
.deal-info ul{display:flex;flex-wrap:wrap;column-gap:10px;row-gap:10px}
.deal-info ul li{position:relative;padding:0 0 0 22px;font-size:13px}
.deal-info ul li:before{position:absolute;background:url(../images/croatia-sprite-home.svg) no-repeat;height:20px;width:20px;left:0;content:'';background-position:0 0;top:2px}
.deal-info ul li.door:before{background-position:-21px 0}
.deal-info ul li.suit:before{background-position:-42px 0}
.deal-info ul li.fuel:before{background-position:-68px 0;width:18px;}
.deal-box figure{display:inline-block;width:40%;max-width:160px;padding-left:10px}
.deal-section ul.row{row-gap:22px}
.deal-info h3{color:#1754B5;font-size:17px;font-weight:700}
.car-type{font-size:16px;margin:5px 0 10px}
.car-type span{font-size:14px}
.one-way-car-rental .row{row-gap:20px}
.table-of-data{margin-top:10px}
#oursuppliers ul li a img{border-radius:5px;}
.most-popular-car-rental .heading-2,.city-suppliers .heading-2,.one-way-car-rental .heading-2{margin:0 0 10px}
.most-popular-car-rental ul li a,.city-suppliers ul li a,.one-way-car-rental ul li a{position:relative;padding:0 15px 0 0;color:#333;display:inline-block;width:100%}
.most-popular-car-rental ul li a:before,.city-suppliers ul li a:before,.one-way-car-rental ul li a:before{position:absolute;background: url(../images/croatia-sprite-home.svg) no-repeat;height:15px;width:15px;right:0;content:'';background-position:-153px 0;top:7px}
.most-popular-car-rental ul,.city-suppliers ul,.one-way-car-rental ul{display:flex;flex-wrap:wrap;row-gap:10px;column-gap:15px}
.most-popular-car-rental ul li,.city-suppliers ul li,.one-way-car-rental ul li{display:inline-block;width:15.5%}


.new-faq ul li{position:relative;padding:0 0 0 25px;margin:0 0 4px}
.new-faq ul{margin:0 0 15px}
.new-faq ul li:before{position:absolute;background: url(../images/croatia-sprite-home.svg) no-repeat;content:'';left:0;height:20px;width:20px;background-position:-92px 0;top:3px}



/*=========== form css ============*/

.sc-form-heading {display: none !important;}
#sc-box .sc-field-wrapper{background:none!important;padding:0!important}
.sc-aff-base #sc-box div.dropOffLocInc select, .sc-aff-base #sc-box div.pickUpLocInc select,#sc-box .sc-form-wrapper .sc-field input[type="text"],#sc-box .sc-form-wrapper .sc-date-field select{border:1px solid #bfbfbf;height:45px;padding:10px 32px 10px 14px;border-radius:3px;}
.CityBanner{background:#12579D;padding:0 0 60px}
.sc-aff-base{max-width:1320px!important}
.select-placeholder strong:after, .select2-container .select2-selection .select2-selection__rendered:after {border-color: #313131 !important;top:3px!important}
#sc-box .locDrop strong, #sc-box .locDrop span {color:#F0193C!important;line-height:18px}
.switch-android .sc-switch {background-color: #d12d45 !important}
#sc-box .subMitBtn input[type="submit"]{background:#B20101!important;padding:15px 15px!important;font-size:21px!important;width:100%;border-radius:4px;border-bottom:0!important}
#sc-box .sc-field.half .sc-date-field input {margin-right: 5px !important;}
#sc-box .sc-form-wrapper .sc-field input[type="text"] {height:45px !important;}
.sc-aff-base #sc-box .sc-suggest .sc-date-field {width: calc(51% - 14px) !important;}
.sc-aff-base #sc-box .sc-field.half .sc-date-field button {height:45px !important;border: 1px solid #bfbfbf !important;border-radius: 3px !important}
#sc-box .sc-suggest .locLabel {margin-top:0!important}
.sc-aff-base #sc-box .sc-suggest .sc-dates {margin-top:-46px !important}
#sc-box .sc-field.formToggleInc > span, #sc-box .locLabel {color: #595959!important}
.sc-aff-base #sc-box .sc-suggest .sc-field.half.form_misc {margin-top:17px !important;margin-left:0!important;width:auto!important;float:right;}
#sc-box .formToggleInc {margin: 18px 0!important}
#sc-box .sc-form-wrapper:not(.sc-nf) .drv_age_check {border-top: 0 !important;padding-top: 0 !important;margin-top: 0 !important}
#sc-box .drv_age_check #val_label span, #sc-box .drv_age_check .val_info:before, #sc-box .form_misc label, #sc-box .sc-form-wrapper .drv_age_check label {color: #595959 !important;
}
.drv_age_check #drvAge{border:1px solid #ddd!important}
.search-page{background:#F5F8F9}
#sc-box .locDrop select {color: #1754B5!important;margin-bottom: 5px !important;background: none !important;margin-bottom: 0 !important;vertical-align: top !important}
#sc-box .sc-form-wrapper .locDrop.liveIn:after, #sc-box .sc-form-wrapper .locDrop.currency:after {border-color: #1754B5 !important;font-size: 0.9em !important}
.sc-aff-base #sc-box .sc-suggest .subMitBtn {bottom:0!important;right:0!important;}
.switch-android {background:none!important;box-shadow:none!important;border:1px solid #d9d9d9;color:#787878!important;height:26px;width:71px!important}
#sc-box .sc-suggest .switch-android .sc-switch,#sc-box .sc-form-wrapper.sc-suggest .label_on .sc-cust-checkbox + label:before, #sc-box .sc-form-wrapper.sc-suggest .sc-cust-radio + label:before, #sc-box .sc-form-wrapper.sc-suggest .sc-cust-checkbox + label:before{background:#B20101!important}
.switch-light .sc-switch,.switch-android{border-radius:3px!important}
.switch-android.switch-light input:checked ~ span span:last-of-type, .switch-android > span span:first-of-type{color:#fff!important}
.switch-android.switch-light input:checked ~ span span:first-of-type,.formToggleInc input[type="checkbox"] + span span:last-child {color:#787878!important}
.switch-android input + label, .switch-android > span span{line-height:20px!important;font-size:13px!important;font-weight: normal}
.switch-android.switch-toggle, .switch-android > span span{text-transform:capitalize!important;}

#sc-box .sc-form-wrapper.sc-suggest .sc-clear-15 {height:0!important}
#sc-box .sc-form-wrapper .sc-cust-checkbox + label:after {border-color: #fff !important}
#supplycars_page_loader {position:relative !important;margin: 0 !important; top:0 !important;min-height:160px;display:inline-block!important;width:100%;height:100%}
#supplycars_page_loader > div {position:absolute!important;left:calc(50% - 25px)!important;top:60px!important;top:25%!important;}
#sc-box .subMitBtn {width:200px !important}
/*=========== form css ============*/


@media all and (max-width:1400px){
.deal-info ul{column-gap:7px}	
.deal-info ul li{font-size:12px}	
.deal-info h3{font-size:16px}
.car-type{font-size:14px}	
.WhybookBanner ul{row-gap:20px}
#oursuppliers ul{column-gap:16px}
.destination-list ul li{width:18.2%}
footer .FooterTop ul li a{font-size:14px}
.form_banner h1{font-size:30px}
.Oursuppliers h2{font-size:27px}
.heading-2 h2{font-size:26px}
.heading-2{margin:0 0 20px}
p,body{font-size:15px}
.FooterTop{padding:40px 0 30px}
}

@media all and (max-width:1199px){
.sc-aff-base #sc-box .sc-suggest .sc-field.half.form_misc {float:left!important;margin-bottom:15px!important}	
#sc-box .sc-suggest {padding-bottom:50px !important}
	
.deal-box{padding:10px}	
.form_banner h1{font-size:28px}	
.py-5{padding-top:3rem!important;padding-bottom:3rem!important}	
.pt-5{padding-top:3rem!important}	
.pb-5{padding-bottom:3rem!important}	
.mt-5{margin-top:3rem!important}
#oursuppliers ul{column-gap:15px}
#oursuppliers ul li{width:13%}
.destination-list ul li{width:17.8%}
.form-wrap #bookingengine{min-height:317px!important}
.Oursuppliers h2,.heading-2 h2{font-size:23px}
}
@media all and (max-width:991px){
.sc-aff-base #sc-box .sc-suggest .sc-dates {margin-top:0!important}	
#sc-box .sc-suggest {padding-bottom:0!important}	
#sc-box .sc-right {float:left!important}	
.sc-aff-base #sc-box .sc-suggest .sc-field.half.form_misc {width:100%!important}	
.car-type {font-size: 13px}	
.deal-info ul {column-gap:6px}	
.deal-info h3{font-size:15px}	
.form_banner ul{column-gap:30px}	
#oursuppliers ul li a{max-height:30px}	
.form_banner h1{font-size:25px}	
.form-wrap #bookingengine {min-height:326px!important}
.WhybookBanner h3{font-size:18px}
.destination-list{margin:30px 0 0}
footer .FooterTop ul{row-gap:7px}
footer .FooterTop ul li{width:33.3%}
#oursuppliers ul li{width:20%}
#oursuppliers ul{justify-content:right}
.form-wrap #bookingengine{min-height:335px!important}
.destination-list ul li{width:30.8%}
header{height:auto}
.form_banner span{display:inline}
.Form-box{width:100%}
.FooterLogo{display:table;margin:auto}
.copywright,.footerBottom ul{text-align:center;justify-content:center}
.copywright{margin:15px 0 10px}
header ul li{margin-right:15px}
header ul li a{font-size:15px}
.offcanvas-body{padding:0}
}

@media all and (max-width:767px){
.form-wrap #sc-box .sc-field.formToggleInc > span, .form-wrap #sc-box .locLabel, .form-wrap #sc-box .drv_age_check #val_label span, .form-wrap #sc-box .drv_age_check .val_info::before, .form-wrap #sc-box .form_misc label, .form-wrap #sc-box .sc-form-wrapper .drv_age_check label, .form-wrap .switch-android, .switch-android.switch-light input:checked ~ span span:first-of-type, #sc-box .locDrop select, .switch-android.switch-light input:checked ~ span span:first-of-type, .formToggleInc input[type="checkbox"] + span span:last-child, #sc-box .locDrop strong, #sc-box .locDrop span {color: #fff !important}
.select-placeholder strong::after, .select2-container .select2-selection .select2-selection__rendered:after {border-color: #fff !important}


#sc-box .subMitBtn {width:100%!important;margin:5px 0 0}	
footer .FooterTop ul li{width:auto;margin:0 15px}
.new-faq button{font-size:16px}	
.form_banner > ul > li span{display:block}	
.form_banner > ul > li{padding:0 0 0 35px;width:30%;font-size:15px;line-height:normal}    
.form_banner h1{font-size:23px}	
.form_banner > ul {display:flex;row-gap:10px;column-gap:25px}	
.form-wrap.FormWrapper{background:none;padding:0}
.CityBanner{background:#3b4151}	
.form_banner ul{margin-top:10px}
.form_banner h1{margin:10px 0 0}
.view-all-suppliers a{font-size:14px}
#oursuppliers ul{row-gap:10px;column-gap:15px}
#oursuppliers{padding:15px}
#oursuppliers ul li{width:13%}
.FooterTop .col-lg-4{margin-bottom:30px}
.Oursuppliers{margin-top:30px}
.supliers-head{margin:0 0 15px}
.form_banner{display:flex;flex-wrap:wrap}
.form_banner ul{order:3}
header{margin:0 0 25px}
#oursuppliers ul{justify-content:center}
.form-wrap #bookingengine{min-height:352px!important}
.destination-list ul li{width:30%}
.WhybookBanner ul{row-gap:20px}
.WhybookBanner ul li{width:50%}
.CityBanner{background:#12579d;height:auto;padding-bottom:35px}
#oursuppliers{padding:20px}
.Oursuppliers h2,.heading-2 h2{font-size:21px;line-height:27px}
footer .FooterTop ul{justify-content:center}
footer .FooterTop ul li{text-align:center}
.copywrite-section ul li{margin:1px 9px}
.Form-box,.form_banner h1{width:100%}
.navbar-toggler {border:0!important;box-shadow:none!important;width:27px;display:flex;flex-wrap:wrap;padding:0;row-gap:6px}
.navbar-togglerspan{display:inline-block;height:3px;background:#fff;width:100%;border-radius:1px;flex:0 0 27px}
.offcanvas {width:300px!important;background:#276ddc}
.mobile-nav li a {display:inline-block;width:100%;padding:10px 20px;border-bottom:1px solid #3982f3}
.mobile-nav li {display:inline-block;width:100%}
.mobile-nav li:last-child a {border-bottom:0}
.navbar-toggler span{display: inline-block;height:3px;background:#fff;width:100%;border-radius:1px;flex:0 0 27px}
header ul {text-align:left}
header ul li{margin-right:0}
header ul li a {font-size:18px}
}
@media (max-width:600px){
footer .FooterTop ul{width:100%;text-align:center;margin-right:0}
footer .FooterTop ul li{display:inline-block}
}
@media (max-width:575px){
.sc-aff-base #sc-box .sc-suggest .sc-date-field {width:100%!important;}

	
.form_banner > ul > li{width:27%}
.form_banner > ul > li:nth-child(2){width:35.8%}	
.deal-section ul.row > li{width:50%}	
.supliers-head{text-align:center}	
.form_banner > ul{column-gap:15px}	
.form-wrap #bookingengine {min-height:387px !important}
#oursuppliers ul{margin:0 0 15px}
#oursuppliers h2{text-align:center}
.view-all-suppliers{display:none}
.destination-list ul li{width:47%}
}

@media (max-width:500px){
.WhybookBanner ul li,.deal-section ul.row > li{width:100%}
}
@media all and (max-width:480px){
.destination-list ul li{width:45%}
.destination-list ul li a{font-size:14px}
.form_banner > ul > li{font-size:13px}
.copywrite-section ul{row-gap:2px}
#oursuppliers ul{row-gap:6px;column-gap:10px}
footer .FooterTop ul li{width:50%;text-align:left;margin:0}
footer .FooterTop ul{justify-content:left}
footer .FooterTop ul:first-of-type{margin:0 0 10px}
}
@media (max-width:430px){
.form_banner > ul > li:before{background-size: 225px;height:24px;width:20px;background-position:-203px -21px}
.form_banner > ul > li{font-size:12px;padding:0 0 0 27px}
.form_banner > ul > li.no-hidden-charges:before {background-position:-203px -70px}
.form_banner > ul > li.lowest-price:before {background-position: -203px -46px}
}
@media all and (max-width:385px){
footer .FooterTop ul li a{font-size:13px}
.form_banner > ul > li:before {background-size: 200px;height: 22px;width:20px;background-position:-182px -18px}
.form_banner > ul > li.lowest-price:before {background-position: -24px -3px;background-position:-182px -40px}
.form_banner > ul > li.no-hidden-charges:before {background-position: -51px -1px;background-position:-181px -62px}
.form_banner > ul > li {font-size:10px;padding: 0 0 0 22px}  
}