.maxport{z-index: -3;top: 0px;width: 100%;margin-left: auto;margin-right: auto;left: 0;right: 0;text-align: center;max-width: 1440px;}
.port {height: 468px;width: 100%;z-index: -1;}
.features-port {width: 100%;bottom: 0;height: 64px;z-index: 100;opacity: 0.9; border: none !important;}
.features-home { background: linear-gradient(90deg, rgba(255,255,255,0.0) 0%, rgba(255,255,255,0.55) 100%); }
.cookie_resum { position: absolute !important; top: 0; left: 100%; border-radius: 12px; width: 280px; }
@media (max-width: 767px) { .cookie_resum { position: relative !important; left: auto; width: 100%; margin-bottom: 16px; } }
@media (max-width: 767px) { .homePage #combo_home { margin-left: 20px !important; margin-right: 20px !important; } }
/* Tablet (sm): #combo_home is a Bootstrap .row with negative margins that
   spill past .combo_left, covering the absolute-positioned .cookie_resum
   sitting at left:100%. The legacy .nomargin-sm utility uses
   min-width which doesn't fire in Chrome devtools viewport emulation
   — force no negative margins here on viewport-based media query. */
@media (min-width: 768px) and (max-width: 991px) {
  .homePage #combo_home { margin-left: 0 !important; margin-right: 0 !important; }
}
.cookie_resum .cookie_resum_title { color: var(--Green, #419E67); font-weight: 400; line-height: 26px; margin-bottom: 8px; }
.cookie_resum .cookie_resum_destination { font-size: 16px; }
.cookie_resum .continue { display: flex; width: 100%; margin-top: 12px; }
.btn-arrow-left:before, .btn-arrow-left:after {content: "";position: absolute;top: 40px;width: 22px;height: 22px;background: inherit;border: inherit;border-left-color: transparent;border-bottom-color: transparent;border-radius: 0px 4px 0px 0px;-webkit-border-radius: 0px 4px 0px 0px;-moz-border-radius: 0px 4px 0px 0px;left: -11px;padding-right: 36px;transform: rotate(225deg);-webkit-transform: rotate(225deg);-moz-transform: rotate(225deg);-o-transform: rotate(225deg);-ms-transform:rotate(225deg);padding-left: 18px;padding-right: 4px;}
#combo_home { background: #fff; box-shadow: 1px 1px 16px #33333322; border: 0.75px solid #180D2D80; border-radius: 12px; overflow: hidden; }
#combo_home input[type="submit"]{background-color: var(--Navy, #180D2D); margin-bottom: 15px;}
.combo-1{width: 100%;}
.combo-2 {border-right: 1px solid #f7f7f7;cursor: pointer}
.active-combo {background-color: var(--Green, #419E67);}
.homePage .combo_box_inner { background: #fff !important; }
.homePage .combo_rent h1,
.homePage .combo_rent h2 { color: var(--Navy, #180D2D) !important; }
.homePage .combo_rent h2 { border-bottom-color: #00000020; }
/*COMBO*/


.rental_form_search input[type=text] {
  font-family: Graphik, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: var(--Navy, #180D2D);
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #00000080;
  border-radius: 0;
  box-shadow: none;
  outline: none;
  padding: 8px 0;
  width: 100%;
  height: auto;
  -webkit-appearance: none;
  appearance: none;
}
.rental_form_search input[type=text]:focus {
  border-bottom-color: var(--Navy, #180D2D);
  box-shadow: none;
  outline: none;
}
.rental_form_search select {
  font-size: 14px;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #00000080;
  border-radius: 0;
  -webkit-appearance: none;
  appearance: none;
}
.rental_form_search .row_combo3 select { width: 90%; float: right; margin-top: 0; }
.rental_form_search .row_combo2::before,
.rental_form_search .row_combo3::before { display: none; }
.rental_form_search .ui-datepicker-trigger,
.rental_form_search .xdsoft_datetimepicker { display: none !important; }
.rental_form_search .row_combo3::before{content:"\e80a";left:20px;}
.rental_form_search .row_comboc label{font-size: 12px;}



.mt-350{/*margin-top: 350px;*/ margin-top: 410px;}
.features-home div {display: flex;align-items: center;line-height: normal;}
.features-home .reviewLanding {min-height: auto;}
.opicomment {height: auto;min-height: 45px;line-height: 12px;}
.reviews-grid { display: flex; flex-wrap: wrap; gap: 16px; padding: 0 15px; }
.reviews-grid__item { flex: 1 1 calc(33.333% - 16px); min-width: 260px; display: flex; }
.reviews-grid__item .review-card { width: 100%; }
@media (max-width: 991px) { .reviews-grid__item { flex: 1 1 calc(50% - 16px); } }
@media (max-width: 600px) { .reviews-grid__item { flex: 1 1 100%; } }
.review-card { padding: 20px 24px; display: flex; flex-direction: column; gap: 14px; box-sizing: border-box; }
.review-card__top { display: flex; align-items: center; justify-content: space-between; }
.review-card__stars { display: flex; align-items: center; gap: 4px; }
.review-card__date { font-family: Graphik, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; color: var(--Navy, #180D2D); opacity: 0.6; white-space: nowrap; }
.review-card__comment { font-family: Graphik, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; color: var(--Navy, #180D2D); line-height: 1.6; flex: 1; }
.review-card__footer { display: flex; align-items: center; justify-content: flex-end; gap: 8px; margin-top: auto; }
.review-card__flag { font-size: 16px; }
.review-card__name { font-family: Graphik, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 700; color: var(--Navy, #180D2D); letter-spacing: 0.04em; }
.home-cities2 img {opacity: 1;height: 275px;width: 100%;object-fit: cover;}
/* Feature cards (Traffic Free / Save Time / No Schedules) */
.features-cards-row { display: flex; flex-wrap: wrap; padding: 8px 0 24px; }
.feature-card-wrap { padding: 12px; }
.feature-card { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 12px 16px 24px; }
.feature-card__img-box { background: #fff; border-radius: 20px; box-shadow: 0 8px 28px rgba(24,13,45,0.12); padding: 24px; margin-bottom: 24px; display: inline-flex; align-items: center; justify-content: center; }
.feature-card__img { width: 110px; height: 110px; object-fit: contain; display: block; }
.feature-card__title { font-family: Graphik, Helvetica, Arial, sans-serif; font-size: 20px; font-weight: 400; color: var(--Green, #419E67); margin-bottom: 12px; }
.feature-card__desc { font-family: Graphik, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; color: var(--Navy, #180D2D); line-height: 1.6; margin: 0; }
/* Destination popular card */
.dest-card { background: #fff; border: 1px solid #180D2D80; border-radius: 12px; overflow: hidden; display: flex; flex-direction: column; height: 100%; }
.dest-card__img-wrap { display: block; flex-shrink: 0; }
.dest-card__img { width: 100%; height: 220px; object-fit: cover; display: block; }
.dest-card__body { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 20px; }
.dest-card__info { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.dest-card__name { font-family: Graphik, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 700; color: var(--Navy, #180D2D); letter-spacing: 0.04em; line-height: 1.2; }
.dest-card__meta { font-family: Graphik, Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 400; color: var(--Navy, #180D2D); opacity: 0.7; line-height: 1.4; }
.dest-card__btn { flex-shrink: 0; padding: 8px 16px; font-size: 13px; white-space: nowrap; }
.boxshadow{box-shadow: 3px 4px 2px -1px rgba(0,0,0,0.2);}
.home-cities2 .name{top: 15px;right: 6%;width: auto;color: #0c6fad;opacity: 0.9;}
.home-photo-popular2 img {opacity: 1;height: 300px;width: 100%;object-fit: cover;}

/* ----------------------------------------------------------------------
   Special offers cards (carrusel "Rental motorcycles special offers")
   --------------------------------------------------------------------
   Replica del estilo .dest-card sobre el markup legacy:
     .home-cities2 > carousel > .col-carousel-sp > .col-item
       └─ .photo.home-photo-popular2
           ├─ <a><picture><img/></picture></a>
           └─ .name (badge "Ciudad XX% Discount")
       └─ .pl-5.pr-5
           └─ .datesSpecial × 2
   ---------------------------------------------------------------------- */

.home-cities2 .col-item {
  background: #fff;
  border: 1px solid #180D2D80;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0;
}

/* Image wrapper — relative para anclar el badge .name */
.home-cities2 .col-item .home-photo-popular2 {
  position: relative;
  margin: 0;
  flex-shrink: 0;
}
.home-cities2 .col-item .home-photo-popular2 > a {
  display: block;
  line-height: 0;
}

/* Imagen — alto consistente con .dest-card (220px) */
.home-cities2 .col-item .home-photo-popular2 img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  display: block;
  margin: 0;
  border-radius: 0;
}

/* Badge ".name" — pill rojo Tataki en esquina sup. izquierda con texto
   "Ciudad XX% Discount". Reemplaza el cuadro blanco legacy. */
.home-cities2 .col-item .home-photo-popular2 .name {
  position: absolute;
  top: 12px;
  left: 12px;
  right: auto;
  bottom: auto;
  width: auto;
  max-width: calc(100% - 24px);
  background-color: #e92660;
  color: #fff;
  border-radius: 70px;
  padding: 6px 14px;
  font-family: Graphik, Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  text-align: left;
  opacity: 1;
  box-shadow: none;
}

/* Body — sustituye al wrapper utilitario .pl-5.pr-5 con padding limpio */
.home-cities2 .col-item .pl-5.pr-5 {
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* Texto fechas — Graphik 13px / Navy 70% */
.home-cities2 .col-item .datesSpecial {
  font-family: Graphik, Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: var(--Navy, #180D2D);
  opacity: 0.7;
  line-height: 1.4;
  display: block;
  width: 100%;
  padding: 0;
}

/* Mobile — imagen un poco más baja y dates más compactos */
@media (max-width: 767px) {
  .home-cities2 .col-item .home-photo-popular2 img {
    height: 180px;
  }
  .home-cities2 .col-item .pl-5.pr-5 {
    padding: 12px 16px;
  }
  .home-cities2 .col-item .datesSpecial {
    font-size: 12px;
  }
  .home-cities2 .col-item .home-photo-popular2 .name {
    font-size: 12px;
    padding: 5px 12px;
  }
}

/* ----------------------------------------------------------------------
   Carousel arrows (Special Offers) — mismo estilo que .dest-carousel-btn
   Markup: <div class="controls"><a class="icon-left-open btn btn-default">
   ---------------------------------------------------------------------- */
.controls .icon-left-open.btn,
.controls .icon-right-open.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  margin: 0 4px 10px;
  border-radius: 50%;
  border: 1px solid var(--Navy, #180D2D);
  background: transparent;
  color: var(--Navy, #180D2D);
  font-size: 16px;
  line-height: 1;
  text-decoration: none;
  transition: background 0.2s ease, color 0.2s ease;
}
.controls .icon-left-open.btn:hover,
.controls .icon-left-open.btn:focus,
.controls .icon-right-open.btn:hover,
.controls .icon-right-open.btn:focus {
  background: var(--Navy, #180D2D);
  color: #fff;
  text-decoration: none;
}

/* Header del carrusel de ofertas: pone .controls (flechas) en la misma
   fila que el título "Rental motorcycles special offers", al estilo del
   .dest-section-header de Popular Destinations. CSS-only: pull-up con
   margin-top negativo sobre el .controls (que ya tiene float: right),
   y ancho auto para que no reserve el col-md-4 entero. Sólo desktop. */
@media (min-width: 768px) {
  .controls.pull-right.text-right {
    margin-top: -64px;
    margin-bottom: 20px;
    width: auto;
    padding-right: 15px;
    position: relative;
    z-index: 2;
  }
}

/* En mobile ocultamos las flechas de los dos carruseles (Special Offers
   y Popular Destinations) — el usuario navega haciendo swipe/scroll. */
@media (max-width: 767px) {
  .controls.pull-right.text-right,
  .dest-section-header__controls,
  .dest-carousel-btn {
    display: none !important;
  }
}

/* El título de Popular Destinations queda flush a la izquierda porque
   .dest-section-header no tiene padding horizontal (la regla original
   sólo define padding-bottom). Lo igualamos al gutter Bootstrap de
   los títulos de Ofertas — tanto desktop como mobile. */
.dest-section-header {
  padding-left: 15px;
  padding-right: 15px;
}
.cityPopular{font-size:1em;}
.icon-left-open.btn, .icon-right-open.btn{padding: 10px 14px;margin-bottom: 10px;}
/* Hide Kilometer Range only */
.rangeBlock { display: none !important; }
.dest-section-header { display: flex; align-items: flex-end; justify-content: space-between; padding-bottom: 20px; }
.dest-section-header__text { display: flex; flex-direction: column; gap: 4px; }
.dest-section-header__controls { display: flex; align-items: center; gap: 8px; padding-bottom: 4px; }
.dest-carousel-btn { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--Navy, #180D2D); color: var(--Navy, #180D2D); background: transparent; text-decoration: none; transition: background 0.2s, color 0.2s; }
.dest-carousel-btn:hover { background: var(--Navy, #180D2D); color: #fff; }
.dest-carousel-btn i { font-size: 16px; line-height: 1; }
carousel-inner>.item>img,.carousel-inner>.item>a>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform 0.6s ease-in-out;-o-transition:-o-transform 0.6s ease-in-out;transition:transform 0.6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.next,.carousel-inner>.item.active.right{-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);left:0}.carousel-inner>.item.prev,.carousel-inner>.item.active.left{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);left:0}.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right,.carousel-inner>.item.active{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);left:0}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;left:0;bottom:0;width:15%;opacity:.5;filter:alpha(opacity=50);font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6);background-color:rgba(0,0,0,0)}.carousel-control.left{background-image:-webkit-linear-gradient(left, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%);background-image:-o-linear-gradient(left, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%);background-image:-webkit-gradient(linear, left top, right top, color-stop(0, rgba(0,0,0,0.5)), to(rgba(0,0,0,0.0001)));background-image:linear-gradient(to right, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)}.carousel-control.right{left:auto;right:0;background-image:-webkit-linear-gradient(left, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%);background-image:-o-linear-gradient(left, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%);background-image:-webkit-gradient(linear, left top, right top, color-stop(0, rgba(0,0,0,0.0001)), to(rgba(0,0,0,0.5)));background-image:linear-gradient(to right, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)}.carousel-control:hover,.carousel-control:focus{outline:0;color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{position:absolute;top:50%;margin-top:-10px;z-index:5;display:inline-block}.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left{left:50%;margin-left:-10px}.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right{right:50%;margin-right:-10px}.carousel-control .icon-prev,.carousel-control .icon-next{width:20px;height:20px;line-height:1;font-family:serif}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;margin-left:-30%;padding-left:0;list-style:none;text-align:center}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;border:1px solid #fff;border-radius:10px;cursor:pointer;background-color:#000 \9;background-color:rgba(0,0,0,0)}.carousel-indicators .active{margin:0;width:12px;height:12px;background-color:#fff}.carousel-caption{position:absolute;left:15%;right:15%;bottom:20px;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{left:20%;right:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}

@media only screen
and (max-width : 991px){
	.rental_form_search .row_combo3 select{margin-top: 24px;}
	.rental_form_search .row_combo2::before{top:30px;left:10px;}
	.rental_form_search .row_combo3::before{top:30px;left:15%;}
}
@media only screen
and (min-width : 768px)
and (max-width : 991px){
	.cookie_resum{top:10px;}
	.features-port{border:none;background: none;}
	.mt-480-sm{margin-top: 480px;}
}
@media (max-width: 767px){
	/*#start_dateM, #end_dateM {padding: 7px 10px;height: auto;border: none;position: absolute;background: none;margin: 0;font-size: 14px;right: 0;top: 27px;z-index: 2;}*/
	.cookie_resum{position: relative;top: inherit;left: inherit;background: #333;color:#fff;border-radius: 0;}
	.cookie_resum a {color: #fff;text-decoration: none; padding:5px 0;}.cookie_resum h5 {color: #fff;}
	.btn-arrow-left:before, .btn-arrow-left:after{display: none;}
	.maxport{display: none;}
	.datesSpecial{font-size: 0.8em;}
	.home-photo-popular2 img {height: 150px;}
}