/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *












 */

body,
html {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 1.5rem;
}

.must::after {
  content: '*';
  color: var(--secondary);
  font-size: 0.85rem;
  vertical-align: super;
}

.payment-invoice {
  transition: 0.775s ease-in-out;
  overflow: hidden;
  max-height: 575px;
}

.payment-invoice.hide-invoice {
  max-height: 0;
  padding: 0 1rem;
  border: none;
}

form .price-bar .but.prim:disabled {
  color: #ffffff57;
  cursor: not-allowed;
}

label a {
  color: var(--secondary);
}

* {
  box-sizing: border-box;
}

ul {
  padding-left: 0;
}

.booking-form-field {
  outline: none;border: none;border-bottom: 1px solid var(--black);border-radius: 0;
  max-width: 100%;
  display: block;
  font-size: 1.05rem;
}

.heading {
  margin-bottom: 1rem;
  line-height: 1.85rem;
  font-size: 1.85rem;
  font-family: "Poppins";
}

.subheading {
  font-size: 1.3rem;
  font-weight: bold;
  margin-top: 0;
}

@media (min-width: 900px) {
  .heading {
    line-height: 2.35rem;
    font-size: 2.35rem;
  }
}

.nav-items a,
.nav-items a:visited {
  color: var(--black);
  text-decoration: none;
  background-color: transparent;
  text-decoration: none;
  position: relative;
  padding-bottom: 5px;
  transition: color 0.2 s ease;
}


li[data-controller="language-select"]:hover {
  color: var(--secondary);
  border-bottom: 1px solid #8d3818;
}

li[data-controller="language-select"]:hover .bi.bi-chevron-down {
  color: #8d3818 !important;
}

.item a:not([title="WhatsApp"])::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background-color: var(--secondary);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.35s ease;
}

.item:hover a:not([title="WhatsApp"]) {
  color: var(--secondary)
}

.item:hover a:after {
  transform: scaleX(1);
  transform-origin: left;
}

footer a {
  background-color: transparent;
  text-decoration: none;
  position: relative;
  padding-bottom: 5px;
  transition: color 0.2 s ease;
}

footer a::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background-color: var(--secondary);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.35s ease;
}

footer a:hover {
  color: var(--secondary)
}

footer a:hover:after {
  transform: scaleX(1);
  transform-origin: left;
}

footer a.footer-no-hover:hover:after {
  transform: scaleX(0);
  transform-origin: initial;
}



.subtitle {
  font-size: 1.45rem;
  margin: 1rem;
  font-weight: bold;
}

.row {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.row.space-between {
  justify-content: space-between;
}

@media (min-width: 900px) {
  .row {
    flex-direction: row;
    gap: 1.5rem;
  }
}

.section {
  padding: 1rem 2rem;
}

.section.no-padding-top {
  padding-top: 0;
}

.section.primary {
  background-color: #ab293a;
  color: #fff;
}

.section.secondary {
  background-color: rgba(171, 41, 58, 0.0392156863);
  display: revert;
  color: black;
}

@media (min-width: 900px) {
  .section {
    padding: 1.75rem 10rem;
  }
}

@media (min-width: 1750px) {
  .section {
    padding: 2.5rem 25rem;
  }
}

.navbar {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem 0.75rem;
  white-space: nowrap;
}

.navbar .items {
  color: gray;
  overflow: hidden;
  display: none;
}

.navbar .items a:hover {
  color: var(--main-yellow);
}

.navbar .bi.bi-list {
  font-size: 1.5rem;
  color: var(--primary);
}

@media (min-width: 900px) {
  .navbar {
    padding: 1rem 2rem;
  }

  .navbar .brand {
    padding: 0.6rem;
  }

  .navbar .items {
    display: block;
  }

  .navbar .items>.item {
    display: inline-block;
    margin-left: 1rem;
    height: 100%;
  }

  .navbar .bi.bi-list {
    display: none;
  }
}

@media (min-width: 1360px) {
  .navbar {
    padding: 0 15rem;
  }
}

#sidebar {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: black;
  z-index: 9999;
  transition: ease-in-out 0.65s;
  transform: translateX(-100%);
}

#sidebar #close-button {
  display: block;
  text-align: end;
  font-size: 1.65rem;
  color: var(--main-yellow);
}

#sidebar.active {
  transform: translateX(0);
}

#sidebar #sidebar-content {
  padding: 2rem;
}

#sidebar #sidebar-content .items {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#sidebar #sidebar-content .items .item {
  margin-bottom: 1rem;
}

.hero-image {
  background-image: url(/hero-best-airport-transfer-taxi-innsbruck-tyrol.jpg);
  height: 85vh;
  background-position: center 74%;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
}

.hero-image .hero-text {
  text-align: center;
  color: black;
  padding: 25px;
  background-color: rgba(255, 255, 255, 0.7490196078);
  font-size: 1.2rem;
}

.hero-image .hero-text .heading {
  margin-top: 1rem;
  font-size: 2.25rem;
  letter-spacing: 0.1em;
}

.hero-image a.btn {
  background-color: var(--secondary);
  color: #ffffffd9;
  border: 2px solid var(--secondary);
  font-weight: bold;
  font-size: 1rem;
  padding: 0.5rem 2rem;
  cursor: pointer;
  user-select: none;
}

.hero-image a.btn:visited {
  color: #ffffffd9;
}

.hero-image a.btn.disabled {
  cursor: not-allowed;
  pointer-events: none;
  background-color: var(--secondary);
  color: #ffffff57;
  border: 2px solid #ffffff57;
}

.hero-image a.btn.disabled:visited {
  color: #ffffff87;
}

@media (min-width: 400px) {
  .hero-image {
    align-items: center;
  }
}

@media (min-width: 900px) {
  .hero-image {
    height: 65%;
    background-image: url(/taxi-innsbruck.jpg);
  }

  .hero-image .hero-text {
    margin: 0 5rem;
    border-radius: 25px;
  }

  .hero-image .heading {
    font-size: 2.75rem;
  }
}

@media (min-width: 1400px) {
  .hero-image .hero-text {
    margin: 0;
    width: 75%;
    margin-left: 12.5%;
  }
}

.img-fix {
  background-attachment: fixed;
}

.items .item {
  list-style-type: none;
  font-size: 1.25rem;
  position: relative;
}

.items .item a {
  color: var(--main-white);
  text-decoration: none;
}

.quotes {
  display: flex;
  flex-direction: column;
}

.quotes .quote {
  flex: 1 1 0;
}

.quotes .quote .origin {
  text-align: center;
  font-weight: bold;
}

@media (min-width: 900px) {
  .quotes {
    flex-direction: row;
    gap: 1rem;
  }

  .quotes .quote {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .quotes .quote .origin {
    text-align: start;
  }
}

#contact-form form {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

#contact-form ul li {
  list-style-type: none;
  margin-bottom: 5px;
}

#contact-form ul li .bi.bi-check2 {
  font-size: 1.3rem;
}

#contact-form .center {
  text-align: center;
}

#contact-form .contact-input label.required::after {
  content: "*";
  margin-left: 0.15rem;
}

#contact-form textarea {
  border-radius: var(--border-radius);
  border: 1px solid darkgray;
  font-size: 1.2rem;
  padding: 0.5rem 0.35rem;
  font-family: unset;
  outline: none;
}

#contact-form textarea:focus {
  outline: solid;
  outline-width: 1px;
}

#contact-form input[type=submit] {
  text-align: center;
  margin: 2rem auto;
  margin-bottom: 0px;
  margin-top: 1rem;
  padding: 0.5rem 2.5rem;
  font-size: 1.55rem;
  color: #fff;
  border: 1px solid var(--primary);
  border-radius: var(--border-radius);
  background-color: var(--primary);
}

#contact-form.primary input[type=submit] {
  background-color: var(--main-white);
  color: var(--primary);
  border: 1px solid white;
}

#contact-form label {
  margin-bottom: 5px;
}

@media (min-width: 900px) {
  #contact-form input[type=submit] {
    padding: 1rem 15rem;
  }
}

.contact-input {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.contact-input input {
  border-radius: var(--border-radius);
  border: 1px solid darkgray;
  font-size: 1.2rem;
  padding: 0.5rem 0.35rem;
  outline: none;
}

.contact-input input:focus {
  outline: solid;
  outline-width: 1px;
}

:root {
  --primary: #ab293a;
  --secondary: #00a5c0;
  --thirdary: #E6ECB3;
  --warning: #E8A741;
  --danger: #D12D41;
  font-family: "Poppins", sans-serif;
}


.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}

@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

/*
#ab293a
#af3977
#925bad
#537bcd
#0093d2
#00a5c0
*/
a.btn {
  display: inline-block;
  background-color: var(--primary);
  border-radius: var(--border-radius);
  border: 1px solid var(--primary);
  color: black;
  text-decoration: none;
  text-shadow: none;
  padding: 1rem 5rem;
  font-size: 1.25rem;
}

a.btn.inverse {
  background-color: var(--main-white);
  color: var(--primary);
  border: 1px solid white;
}

a.btn.inverse:visited {
  color: var(--primary);
}

a.btn:visited {
  color: black;
}

.benefits ul {
  line-height: 2rem;
}

.benefits li {
  list-style-type: none;
  color: #0f161b;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  line-height: 1rem;
  margin-bottom: 1rem;
}

.benefits li i.bi {
  color: var(--primary);
  font-size: 1.65rem;
}

.center-text {
  text-align: center;
}

@media (min-width: 900px) {
  .benefit-list {
    padding: 0 5rem;
  }

  .benefits li {
    line-height: 1.45rem;
    font-size: 1.25rem;
    margin-bottom: 0.65rem;
  }

  .benefits li i.bi {
    font-size: 1.45rem;
  }

  .section .heading {
    margin-top: 1rem;
  }
}

.img-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25rem;
  line-height: 1.45rem;
  font-size: 1.2rem;
}

.img-text>div {
  flex: 1 1 0;
}

.img-text .image {
  max-width: 100%;
}

.img-text .image img {
  max-width: 100%;
}

.img-text .text {
  text-align: center;
}

@media (min-width: 900px) {
  .img-text {
    flex-direction: row;
  }

  .img-text>div {
    width: 0;
  }

  .img-text .image {
    text-align: center;
  }

  .img-text .image img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%;
    max-width: 80%;
  }
}

footer {
  background-color: black;
  color: var(--main-white);
}

footer .section {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: space-between;
  margin: 0.5rem 1rem;
}

@media (min-width: 900px) {
  footer .section {
    flex-direction: row;
    gap: 0;
    align-items: center;
  }
}

footer .brand {
  font-size: 2.5rem;
  color: var(--main-white);
}

footer ul li {
  list-style-type: none;
}

footer a {
  text-decoration: none;
  color: var(--main-white);
  font-size: 1.2rem;
}

@media (max-width: 900px) {
  #legal {
    text-align: center;
  }
}

.alert {
  text-align: center;
  padding: 1rem;
  margin: 0;
  font-weight: bold;
  background: var(--main-yellow);
  color: #ffffffdb;
}

.alert.alert-danger {
  background: crimson;
  color: white;
}

.location-selection {
  position: relative;
}

.location-selection .locations {
  background: white;
  border: 1px solid darkgray;
  display: block;
  margin-top: 0.25rem;
  border-radius: 10px;
  position: absolute;
  width: 100%;
  font-size: 1.15rem;
  display: none;
  max-height: 40vh;
  overflow: auto;
  z-index: 90;
}

.location-selection input {
  width: 100%;
  border-radius: 5px;
  outline: none;
  border: 1px solid darkgray;
}

.location-selection .location {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
  padding: 0.25rem 0.75rem;
  color: black;
}

.location-selection .location i {
  color: var(--secondary);
}

.location-selection .location:hover {
  background: lightgray;
}

.location-selection .location:first-child:hover {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.location-selection .location:last-child:hover {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.book-link {
  background: var(--main-yellow);
  color: #e1e1e1;
  padding: 0.5rem;
  font-size: 1.25rem;
}

a.book-link,
a.book-link:hover,
a.book-link:visited {
  color: #e1e1e1;
}

.language-flag {
  font-size: 1.35rem;
}

.price-bar {
  display: flex;
  flex-direction: row;
  gap: 0.25rem;
  bottom: 1rem;
  left: 0;
  right: 0;
  background: white;
  margin: auto;
  text-align: center;
  width: 100%;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  padding: 0.5rem;
  z-index: 100;
  color: var(--black);
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.45);
}

.price-bar .selected-price {
  margin-right: auto;
  margin-left: 1rem;
  font-weight: bold;
  font-size: 1.3rem;
}

.price-bar .selected-price.pending {
  font-size: 1.1rem
}

@media (min-width: 900px) {
  .price-bar .selected-price.pending {
    font-size: 1.25rem
  }
}

.price-bar .but {
  padding: 0.75rem 1rem;
}

.price-bar .but.back {
  color: #153a71a1;
  border-color: #153a71a1;
}

.price-bar input.but {
  line-height: 1.5rem;
}

form .but.prim {
  border-color: var(--secondary);
}

.price-bar .but.prim {
  background-color: var(--secondary);
  color: white;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

@media (max-width: 900px) {
  .price-bar .selected-price {
    margin-left: 0.85rem;
    font-size: 1.15rem;
  }


  .price-bar .but {
    padding: 0.4rem 0.65rem;
  }

  .price-bar .but.prim {
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 0.9rem;
  }
}

.choose-wrapper {
  margin: 0.45rem 0;
}

.choose-wrapper span {
  background: var(--secondary);
  outline: none;
  border-radius: 6px;
  cursor: pointer;
  margin: 0.5rem 0;
  font-size: 1.45rem;
  color: white;
  display: block;
  padding: 0.65rem 3rem;
}

.choose-wrapper span:hover {
  background: #c14d22;
}

.choose-wrapper span.active {
  background: #c14d22;

}

@media (min-width: 900px) {
  .price-bar {
    width: 60%;
    position: sticky;
  }
}

#benefits-container {
  background-color: #f2f2f2;
  padding: 3rem 2rem;
}

#benefits {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 2rem;
  margin-top: 2rem;
}

.benefit {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

.benefit-icon {
  position: relative;
  display: inline-block;
}

.benefit-icon>.bi.bi-hexagon {
  font-size: 3rem;
  transition: all 0.3s ease;
  display: block;
}

.bi-hexagon::before {
  vertical-align: text-top;
}

.benefit-icon::before,
.benefit-icon::after {
  content: '';
  transition: all 0.3s ease;
  display: block;
  background: var(--main-yellow);
  color: white;
  height: 0;
  width: 5px;
  margin-left: 22px;
}

.benefit-icon:hover::before {
  height: 10px;
  margin-bottom: 2px;
}

.benefit-icon:hover::after {
  height: 10px;
  margin-top: 2px;
}

.benefit-body-title {
  font-weight: bold;
  font-family: 'Poppins';
  margin-bottom: 1.75rem;
  position: relative;
}

.benefit-body-title::after {
  content: '';
  height: 4px;
  width: 4rem;
  background-color: var(--main-yellow);
  color: white;
  position: absolute;
  bottom: -12px;
  left: 0;
}

@media (min-width: 900px) {
  #benefits-container {
    padding: 3rem 15rem;
  }

  #benefits {
    flex-direction: row;
    padding-top: 2rem;
  }

  .benefit {
    width: calc(33% - 2rem);
  }

  .header-border::after {
    content: '';
    display: block;
    background: var(--secondary);
    color: white;
    height: 5px;
    width: 3rem;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 7px;
  }
}


.column {
  display: flex;
  flex-direction: column;
  flex: 1
}

#content-with-img {
  padding: 2rem 2rem;
  line-height: 1.65;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/best-airport-transfer-taxi-innsbruck-tyrol-1.jpg);
  color: var(--main-white);
  background-position: center 74%;
  background-repeat: no-repeat;
  background-size: cover;
}

#content-with-img h2 {
  color: var(--main-white);
}

#content-with-img .yellow {
  color: var(--main-yellow);
  background: #ffffff96;
  border-radius: 10px;
  padding: 0 10px;
}

@media (min-width: 900px) {
  #content-with-img {
    padding: 2rem 15rem;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/transfers-innsbruck-airport-1.jpg);
  }
}

#promises {
  display: flex;
  text-align: center;
  flex-direction: column;
  gap: 0.5rem;
  padding: 2rem 2rem;
}

#promises .promise {
  flex: 1;
}

#promises .promise-label {
  font-weight: bold;
  border-bottom: 3px solid var(--main-yellow);
  display: inline-block;
  margin-bottom: 0;
  padding-bottom: 2px;
}

@media (min-width: 900px) {
  #promises {
    text-align: start;
    flex-direction: row;
    padding: 2rem 4.5rem;
  }
}

@media (min-width: 1600px) {
  #promises {
    flex-direction: row;
    padding: 2rem 15%;
  }
}

.promise-img {
  text-align: center;
  object-fit: cover;
}

.promise-img img {
  max-width: 100%;
  max-height: 250px;
  height: auto;
}

.form-field {
  flex: 1;
}

.flatpickr-calendar.hasTime.noCalendar {
  max-width: 265px;
}

#destination_select label {
  display: none;
}

.route-selection {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  background: #00000038;
  padding: 1rem;
  border-radius: 10px;
}

@media (min-width: 900px) {
  .route-selection {
    flex-direction: row;
  }
}

.form-field {
  width: 100%;
  max-width: 100%;
}


.flex {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.flex-row {
  display: flex;
  flex-direction: row;
  gap: 1rem;
}

.p-10 {
  padding: 1rem;
}

.p-15-y {
  padding-top: 10rem;
}

#footer.alt {
  background: url(/footer_bg_alt.png);
  margin-top: initial;
}

#footer {
  background: url(/footer-mobile.webp) no-repeat;
  margin-top: -10rem;
  background-repeat: no-repeat;
  color: white !important;
  background-size: cover !important;
  line-height: 1.35;
  font-size: 1.15rem;
}

.hero-banner {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 900px) {
  .hero-banner {
    justify-content: space-between;
  }

  #footer {
    background-image: url(/family-friendly-airport-transfer-innsbruck-solden.webp);
  }
}

#footer .location {
  color: white !important;
}

.footer-content {
  margin-bottom: 0.95rem;
}

.item.space-right.hide-sm {
  font-size: 0.95rem;
}

@media (max-width: 900px) {
  #footer {
    background-position: center;
    margin-top: -11.5rem;
  }

  .hide-sm {
    display: none;
  }
}

@media (min-width: 900px) {
  .footer-content.location {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
  }

  .show-sm {
    display: none;
  }

  .flex {
    flex-direction: row;
  }

  .p-15-y {
    padding-top: 10rem;
  }


  .p-10 {
    padding: 11rem 10rem 2rem;
  }

  .flex-3 {
    width: calc((100% / 3) - 1rem + (1rem / 3));
  }

  .flex-4 {
    width: calc((100% / 4) - 1rem + (1rem / 4));
  }
}

.footer-header {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 1.5rem;
}

.hr-t {
  border-top: 1px solid white;
  padding: 1rem 0;
}

#footer a,
#footer a:visited {
  color: white;
  text-decoration: none;
}

#footer .bi {
  color: white;
  margin-right: 0.4rem;
}

.lang-selection {
  position: absolute;
  margin-top: 0.5rem;
  background: white;
  border-radius: 10px;
  right: 0;
  z-index: 5;
}

.lang-selection.hidden {
  display: none;
}

.lang-selection .language-flag {
  padding: 0.5rem 1.5rem;
  white-space: nowrap;
  font-size: 1.1rem
}

.lang-selection .language-flag:hover {
  background: var(--secondary);
  border-radius: 10px;
}

.item.menu {
  font-size: 1.25rem;
  color: var(--secondary);
  margin-right: 0.5rem;
  position: relative;
  z-index: 5;
}

.side-menu {
  position: fixed;
  height: 100%;
  width: 50%;
  background: white;
  left: 0;
  top: 0;
  z-index: 999;
  line-height: 2;
  padding: 1rem
}

.hidden {
  display: none;
}
:root {
    --main-yellow: #1a428a;
    --black: #072551;
    --secondary: #ee5f2a;
    --main-black: #1e1e1e;
    --main-white: #fdfdfd;
    --error-red: #ff6961;
    --highlight-yellow: #FAC898;
    --light-gray: #dddddd;
    --border-radius: 5px;
    --padding-small: 10px;
    --padding-medium: 1rem;
    --padding-large: 1rem;
    --gap-small: 10px;
    --gap-medium: 0.75rem;
    --gap-large: 1rem;
    --box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.45);
    --font-size-small: 0.95rem;
    --font-size-medium: 1.2rem;
    --font-size-large: 1.45rem;
}
footer {
    padding: 1rem 0;
    color: rgba(255, 255, 255, 0.5);
}

footer .section {
    flex-direction: column;
}

footer .container {
    line-height: 1.75;
}

.row {
    display: flex;
    flex-direction: row;
}

.row>.column {
    flex: 1;
}

.column {
    display: flex;
    flex-direction: column;
}

footer .brand {
    justify-content: start;
}

.footer-label {
    display: inline-block;
    margin-bottom: 0;
    font-size: 1.5rem;
    font-weight: bold;
    padding-bottom: 6px;
    border-bottom: 3px solid #cccccc7c;
}

@media (max-width: 900px) {
    .row {
        flex-direction: column;
    }
}

.payment.row {
    gap: 0.5rem;
    flex-direction: row;
}

.payment img {
    width: 80px;
}

.bi-facebook {
    font-size: 1.3rem;
    color: #4267B2;
}

.bi-twitter {
    font-size: 1.3rem;
    color: #1DA1F2;
}

.footer-contact {
    margin-bottom: 0.5rem;
    font-size: 1rem !important;
}

.row.copyright {
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    width: 100%;
    border-top: 3px solid #cccccc7c;
    display: inline;
}

.row.copyright a {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.5);
}

.row.copyright a:hover {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
nav.navbar {
    padding: 0 15rem;
    background-color: black;
    border: none;
}

nav .items .item a {
    color: var(--main-white);
}


.navbar-flex {
    display: flex;
    position: relative;
    z-index: 2;
    flex-direction: column;
    padding: 1rem 1.5rem 0;
    justify-content: space-between;
    align-items: center;
    z-index: 100;
}

.nav-items {
    list-style-type: none;
    text-transform: uppercase;
    color: var(--main-yellow);
    display: flex;
    flex-direction: row;
    gap: 1rem;
    flex-wrap: wrap;
    justify-content: end;
}

@media (max-width: 992px) {
    .navbar-flex ul {
        width: 100%;
    }


    .navbar-flex {
        flex-direction: row;
        padding: 1rem 0.5rem 0px;
    }
}

@media (min-width: 992px) {
    .space-right {
        margin-right: 0.5rem;
    }

    .navbar-flex {
        flex-direction: row;
        padding: 0.75rem 5rem;
        gap: 3rem
    }
}
/* Montserrat Regular */
@font-face {
    font-family: 'Montserrat';
    src: url(/assets/Montserrat/static/Montserrat-Regular-0dfb5436223a483b90fd318d2bb163555911a6fe1d584e0aa401b644c3d0ab7d.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Montserrat Bold */
@font-face {
    font-family: 'Montserrat';
    src: url(/assets/Montserrat/static/Montserrat-Bold-5adc2458bfa96238eee01198555c966fbe56067da27a559493baa8ac299cf29c.ttf) format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Montserrat Italic */
@font-face {
    font-family: 'Montserrat';
    src: url(/assets/Montserrat/static/Montserrat-Italic-07ef178a44aa98900d6b529a317879aaf50bcd9d38014abbdf38e949cc05f807.ttf) format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* Montserrat Bold Italic */
@font-face {
    font-family: 'Montserrat';
    src: url(/assets/Montserrat/static/Montserrat-BoldItalic-0cb4c656d376e5a1cc20f5f758aabe29d06ef9d02d5623d50c6a001e5df0c0be.ttf) format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* Montserrat Light */
@font-face {
    font-family: 'Montserrat';
    src: url(/assets/Montserrat/static/Montserrat-Light-684a003904a47ca4f300148f32d87e16ba3f55670da1864082ac0df68422ff58.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Montserrat Medium */
@font-face {
    font-family: 'Montserrat';
    src: url(/assets/Montserrat/static/Montserrat-Medium-288995a40cc1bf3cc64af44429974561e1b56224ce2bcbceeb1e9c933671238f.ttf) format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* Montserrat SemiBold */
@font-face {
    font-family: 'Montserrat';
    src: url(/assets/Montserrat/static/Montserrat-SemiBold-374813cfa2a7288be9dd3a9783c98e5658a46696162032e1d85d098133c94dde.ttf) format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* Montserrat ExtraBold */
@font-face {
    font-family: 'Montserrat';
    src: url(/assets/Montserrat/static/Montserrat-ExtraBold-1dc248f392180dc9a8c904b8a0068426f71bf2237f478cfb4147b05e2055da66.ttf) format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* Montserrat Thin */
@font-face {
    font-family: 'Montserrat';
    src: url(/assets/Montserrat/static/Montserrat-Thin-bec28d03e7667d70af8c2635244bf84b4a08e856d379e8a1c57230f7594f55da.ttf) format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

/* Montserrat ExtraLight */
@font-face {
    font-family: 'Montserrat';
    src: url(/assets/Montserrat/static/Montserrat-ExtraLight-c9251c1f9ccb05dddaf4e9e55daca47873d4b53008c10e7c060bb39f10265138.ttf) format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

/* Poppins Regular */
@font-face {
    font-family: 'Poppins';
    src: url(/assets/Poppins/Poppins-Regular-4132d2d2b9443d42422ebb2769b3113c157e0cf08c91cfe555a6da5ac0a9c762.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Poppins Bold */
@font-face {
    font-family: 'Poppins';
    src: url(/assets/Poppins/Poppins-Bold-542ca15de37ab3bcf41f3ee5fdb9a8a4ba3346a27998196101a9a01a0f4ce0d8.ttf) format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Poppins Italic */
@font-face {
    font-family: 'Poppins';
    src: url(/assets/Poppins/Poppins-Italic-8b57f14205fc142012df910e67a3d62fc3e8f08f1c9c790f7b58fd8bf923fe68.ttf) format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* Poppins Bold Italic */
@font-face {
    font-family: 'Poppins';
    src: url(/assets/Poppins/Poppins-BoldItalic-13444103c4e6eda4c7737bd057ccd069a752fc6ac80398cdaabee980d0cc7f26.ttf) format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* Poppins Light */
@font-face {
    font-family: 'Poppins';
    src: url(/assets/Poppins/Poppins-Light-4ce037c9246e2b381ddef69f59e4b33a75dc325d70fde111f085798e282df4c6.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Poppins Medium */
@font-face {
    font-family: 'Poppins';
    src: url(/assets/Poppins/Poppins-Medium-a0b175e6a264afe1ce1dd92dfed7dce5dc11456840b0485ba483b2af54814baf.ttf) format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* Poppins SemiBold */
@font-face {
    font-family: 'Poppins';
    src: url(/assets/Poppins/Poppins-SemiBold-a27799af8da2e1b65bc12769eb5f8da47b0689e24f5cf655a4fb58db80bd90b7.ttf) format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* Poppins ExtraBold */
@font-face {
    font-family: 'Poppins';
    src: url(/assets/Poppins/Poppins-ExtraBold-9ecd5efbf99f5c6762b14741db971fbed9c206c2e8d51bf57bad3a68aea6d0d6.ttf) format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* Poppins Thin */
@font-face {
    font-family: 'Poppins';
    src: url(/assets/Poppins/Poppins-Thin-98b468a7b47c8ca06e95ac088feeda846760bf6e56d625540c904e2de947b579.ttf) format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

/* Poppins ExtraLight */
@font-face {
    font-family: 'Poppins';
    src: url(/assets/Poppins/Poppins-ExtraLight-e26d33bc6990a2779c6dd1ef5f5c2ebe59c83fba452ca219d71cfbb5fe2ca1a0.ttf) format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/*
      /*rtl:begin:ignore*/left:0/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/*
      /*rtl:begin:ignore*/right:0/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}

a.button,
a.button:visited {
    color: black;
    display: inline-block;
    text-decoration: none;
    padding: 5px 10px;
    background: var(--main-yellow);
    color: white;
    border: 2px solid black;
    border-radius: var(--border-radius);
    transition: color 0.2s linear, background-color 0.2s linear, border-color 0.2s linear;
}

.flatpickr-am-pm {
    color: white !important;
    background-color: var(--secondary);
}

.disclaimer {
    margin: 3px 0 0 10px;
    font-size: 0.8rem;
    color: var(--secondary);
}

a.button.secondary {
    background-color: var(--secondary);
    border: 1px solid var(--secondary);
    color: var(--main-white);
}

a.button.secondary:hover {
    background-color: var(--main-white);
    border: 1px solid var(--secondary);
    color: var(--secondary);
}

.personal-informations {
    display: flex;
    flex-direction: row;
}

#car-types {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    flex-wrap: wrap;
}

.car-type {
    background: var(--main-white);
    border: 2px solid #ccc;
    border-radius: 3px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0.35rem 1rem;
}

@media (max-width: 900px) {
    .car-type>div {
        text-align: center;
    }
}

#guest-name {
    display: flex;
    flex-direction: column;
}

.person-details input {
    width: 100%;
}

.person-details {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.pickup {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    flex-wrap: wrap;
    padding: 1rem 1.5rem;
    padding-bottom: 2rem;
}

@media (min-width: 900px) {
    #car-types {
        flex-direction: row;
    }

    .car-type {
        width: calc(50% - 1rem);
        flex-direction: row;
        align-items: center;
    }

    .pickup {
        padding-left: 15rem;
        padding-right: 15rem;
    }
}

.pickup>.form-field {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.pickup>.form-field.desktop {
    width: calc(50% - 1rem);
}

.form-field .error-label {
    color: #AA4344;
    font-size: 12px;
    padding: 0;
    margin: 2px 0 0 0.5rem;
}

.form-field.error input {
    border-color: #AA4344;
}

.form-field input,
.form-field select {
    border: 2px solid #ccc;
    border-radius: 3px;
    line-height: 23px;
    color: #404040;
    outline: none;
    padding: 4px 8px;
    font-size: 17px;
    background: var(--main-white);
}

.form-field input:disabled,
.form-field select:disabled {
    background: lightgray;
}

.details-half>div {
    margin-bottom: 1rem;
}

@media (max-width: 900px) {
    #guest-name>div:not(:last-child) {
        margin-bottom: 1rem;
    }
}

@media (min-width: 900px) {
    #guest-name {
        flex-direction: row;
        gap: 1.5rem;
    }

    #guest-name .form-field {
        width: calc((100% / 2) - 1.5rem + (1.5rem / 2));
    }

    .person-details>.form-field {
        width: calc(50% - 1rem);
    }

    .pickup>.form-field.is-3 {
        width: calc(33.33% - 1rem);
    }

    .form-field input,
    .form-field select {
        font-size: 16px;
        padding: 6px 10px;
    }
}


fieldset {
    border: none;
}


.input-addon {
    display: flex;
}

.input-addon .input-addon-item {
    line-height: 23px;
    line-height: 23px;
    background: white;
    color: var(--secondary);
    padding: 7.5px 15px;
    border-radius: 3px 0 0 3px;
    border: 2px solid lightgray;
    border-right: 0;
}

.input-addon .input-addon-field {
    line-height: 23px;
    flex: 1;
    border-radius: 0 3px 3px 0;
}

.form-field.error .input-addon .input-addon-item {
    background: #AA4344;
    border-color: #AA4344;
    color: white;
}

.vehicle-type-name {
    font-weight: bolder;
    border-bottom: 3px solid var(--main-yellow);
    font-size: 1.2rem;
    display: inline-block;
    margin-bottom: 5px;
}

.vehicle-footer {
    margin-top: 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.vehicle-image {
    object-fit: contain;
}

.vehicle-price {
    font-size: 1.1rem;
    display: inline-block;
    color: var(--main-yellow);
    background: black;
    padding: 3px 6px;
    border-radius: var(--border-radius);
    font-weight: bold;
}

.vehicle-choose-button {
    border: 2px solid var(--main-yellow);
    padding: 6px;
    color: black;
    border-radius: var(--border-radius);
    font-size: 1.5rem;
    background: white;
    cursor: pointer;
}

.transfer-share-text {
    font-weight: normal;
    font-style: italic;
    margin-left: 2ch;
    max-width: 90ch;
}

.slide-down {
    transition: max-height 0.35s ease-in-out;
    overflow: hidden;
    max-height: 0;
}

.slide-down.active {
    max-height: 25ch;
}

.vehicle-choose-button.selected {
    border-color: black;
    color: black;
    cursor: initial;
}

.vehicle-choose-button:hover {
    border: 2px solid var(--main-yellow);
    background-color: black;
    color: var(--main-yellow);
}

.vehicle-choose-button.selected:hover {
    border-color: black;
    color: black;
    background-color: white;
}

@media (max-width: 900px) {
    a.button {
        margin: auto;
    }

    .vehicle-type-name {
        padding: 0 0.5rem;
    }

    .vehicle-choose-button {
        width: 100%;
        margin-top: 1rem;
        font-weight: bold;
    }
}

form fieldset {
    padding: 1rem;
    margin: 0
}

.pickup.yellow {
    background: var(--main-yellow);
    color: white;
}

@media (min-width: 900px) {
    .vehicle-footer {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    form fieldset {
        padding: 2rem 20rem;
    }
}

h2 {
    color: var(--main-yellow);
    padding: 0.75rem 1.5rem;
}

#luggage {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 2rem;
    color: var(--black)
}

.card {
    padding: 1rem;
    border: 1px solid lightgray;
    border-radius: 5px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .24);
    margin-bottom: 0.5rem;
}

.luggage-object {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    width: 100%;
}

.luggage-image {
    width: 35%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.luggage-details {
    display: flex;
    width: 65%;
    justify-content: space-between;
    flex-direction: column;
}

.luggage-details .luggage-name {
    font-size: 1.5rem;
    font-weight: 600;
}


#ride-informations .form-field.error input {
    border-color: #AA4344;
}

#ride-informations .form-field input,
#ride-informations .form-field select,
#payment-form .form-field input,
#payment-form .form-field select {
    color: var(--black);
    border-radius: 0;
    outline: none;
    padding: 4px 8px;
    background: var(--main-white);
    border: none;
    border-bottom: 2px solid var(--black);
}

#luggage .object-select {
    color: var(--black);
}

.luggage-details .luggage-name p {
    padding-bottom: 3px;
}

.luggage-amount {
    margin-top: auto;
}

.luggage-amount label {
    margin-right: 1rem;
}

.button.primary {
    outline: none;
    border: 2px solid black;
    border-radius: 5px;
    padding: 5px 4rem;
    background: var(--main-yellow);
    color: white;
    font-size: 1.25rem;
    margin: auto;
    display: block;
}


@media (min-width: 900px) {
    #luggage {
        flex-direction: row;
    }

    .luggage-object {
        width: calc((100% / 3) - 2rem + (2rem / 3));
    }

    .person-details {
        gap: 2.5rem;
    }

    .person-details>div {
        width: calc((100% / 2) - 2.5rem + (2.5rem / 2));
    }
}
.svg-icon {
    width: 1rem;
    height: 1rem;
    display: inline-block;
}
#vehicles {
    display: flex;
    gap: 1rem;
    flex-direction: column;
    flex-wrap: wrap;
}

#vehicles .bi-vehicle {
  display: block;height: 36px;font-size: 1.55rem;
}

#vehicles .vehicle {
    width: 100%;
    box-shadow: 0 6px 15px 0 rgba(0,0,0,.15);
    border-radius: 9px;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

#vehicles .vehicle .bi {
  font-size: 1.45rem;
}

#vehicles .vehicle-disclaimer {
  margin-top: 0.5rem;
  font-size: 0.8rem;
  color: var(--secondary)
}

#vehicles .vehicle.active {
    border: 2px solid #cec702;
}

#vehicles .vehicle-image {
    display: block;
}

#vehicles .vehicle-image img {
  height: 100%;
  width: 100%;
}

#vehicles .selected-label {
    background: var(--black);
    color: var(--black);
}

#vehicles .vehicle-name {
  font-size: 2rem;
  margin-bottom: 1.25rem;
  font-weight: bold;
  color: var(--black)
}

#vehicles .vehicle-column {
  display: flex;flex-direction: column;justify-content: center;align-items: center;
}

#vehicles .vehicle-travel-info {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  color: var(--secondary);
  font-weight: bold;
  font-size: 1.1rem;
  width: 100%;
  margin-bottom: 0.9rem;
}

#vehicles .price {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  font-size: 1.45rem;
}

#vehicles .price .original {
  text-decoration: line-through;
  color: var(--black);
  font-weight: 400;
}

#vehicles .price .discount {
  font-size: 2rem;
  color: var(--secondary);
  font-weight: 600;
}

#vehicles .vehicle-route-data {
  display: flex;
  flex-direction: column;
  color: var(--secondary);
  font-size: 1.1rem;
  gap: 0.5rem;
  padding-left: 0.25rem;
  font-weight: bold;
}

#vehicles .vehicle-route-data .bi {
  margin-right: 0.5rem;
}

#vehicles .vehicle-route-data img {
  height: 31px;display: block;margin: auto;
}

#vehicles .vehicle-label {
  color: white;
  background: var(--black);
  font-weight: bold;
  padding: 0.25rem 0.45rem;
  margin-bottom: 0.75rem;
  text-transform: uppercase;
  text-align: center;
}

#vehicles .vehicle-info {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  flex: 1;
}

@media (max-width: 900px) {
  #vehicles .vehicle-info {
    text-align: center;
  }
}

@media (min-width: 900px) {
  #vehicles .vehicle {
    flex-direction: row;
  }

  #vehicles .vehicle-column {
    width: calc(33.33% - 1rem);
  }
}
#about {
    padding: 6rem 0 15rem;
    background: url(/about_img_mobile.webp);
}

#popular-routes {
    background: url(/popular-trips-mobile.webp);
}

@media (min-width: 700px) {
    #popular-routes {
        background: url(/first-class-airport-transfer-innsbruck-tirol-canazei.webp);
    }
}

@media (min-width: 500px) {
    #about {
        background: url(/first-class-airport-transfer-innsbruck.webp);
    }
}

.action-input {
    margin: 0.75rem 0;
    display: flex;
    flex-direction: column;
    position: relative;
}

.action-input .input-icon {
    font-size: 1.25rem;
    color: var(--secondary);
    margin-right: 0.35rem;
}

.action-label {
    color: #484848;
    font-size: 0.85rem;
}

.action-input input {
    outline: none;
    border: none;
    border-bottom: 2px solid var(--black);
}

.action-button {
    background: var(--secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-transform: uppercase;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    font-weight: 500;
    color: white;
    text-decoration: none;
    flex: 1
}

.action-button:hover {
    background: #bb4b21;
}

.space-top {
    margin-top: auto;
}

.transfer-book {
    text-decoration: none;
    color: white;
    background: var(--secondary);
    border: 2px solid var(--secondary);
    display: block;
    margin: 0.5rem 1rem;
    border-radius: 4px;
    font-size: 1.25rem;
    font-weight: 500;
    padding: 0.65rem 1rem;
    transition: background ease 0.25s, color ease 0.25s;
}

.transfer-book:hover {
    background: white;
    color: var(--secondary);
}

.why-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 1rem;
}

.location-label {
    font-size: 1.5rem;
    font-weight: 600;
}

.transfer {
    background: white;
    padding: 0;
    padding-bottom: 0.7rem;
    border-radius: 10px;
    margin-bottom: 0;
    flex-direction: column;
    display: flex;
}

.feature {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    justify-content: center;
}

.feature img {
    height: 1.85rem;
}

.lazy-background {
    background-image: none !important;
}

#hero {
    margin-top: -72.5px;
    background: url(/banner_bg_mobile.webp) no-repeat;
    min-height: 550px;
    background-size: cover !important;
}

@media (min-width: 475px) {
    #hero {
        background: url(/banner_bg_smaller.png) no-repeat;
    }
}

@media (min-width: 1050px) {
    #hero {
        background: url(/best-first-class-airport-transfer-innsbruck-stubai.webp) no-repeat;
    }
}

.hero {
    color: var(--black) !important
}

.hero-brand {
    padding-top: 50.5px;
    color: var(--secondary);
    font-weight: bold;
    font-size: 1.25rem;
    opacity: 0;
}

.hero-img {
    display: none;
}

.last-minute-land {
    margin-top: 0.8rem;
    padding: 1rem;
}

.last-minute-land.blink a {
    animation: blinker 3.5s linear infinite;
}

@keyframes blinker {
    0%, 60% {
        background-color: var(--secondary);
        color: white;
    }
    70%, 90% {
        background-color: white;
        color: var(--secondary);
    }
    100% {
        background-color: var(--secondary);
        color: white;
    }
}

.last-minute-nav {
    margin-left: auto;
    display: none;
}

@media (min-width: 950px) {
    .last-minute-nav {
        margin-left: auto;
        display: none;
    }

    .last-minute-land {
        font-size: 1.5rem;
    }

    .last-minute-land a {
        padding: 0.7rem;
        margin-top: 0.75rem;
    }
}

.transfer-price {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 1rem;
}

.transfer-price .normal {
    text-decoration: line-through;
    font-style: italic;
}

.transfer-price .discount {
    font-size: 1.45rem;
    font-weight: 600;
    color: var(--secondary);
    text-decoration: none;
}

.destination-logo {
    width: 50%;
    background: white;
    border-radius: 10px;
    margin: 0 auto;
    margin-top: -25px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .24);
    height: 51px;
}

.why-label {
    font-size: 1.5rem;
    font-weight: 600;
    margin: 1.5rem 0 0;
}

#why {
    margin-bottom: 2.5rem;
    color: var(--black);
}

.section-heading {
    text-transform: uppercase !important;
    color: var(--secondary) !important;
    font-size: 1.35rem !important;
    font-weight: 700;
}

main {
    background: #fdfdfd;
}

.section-second-heading {
    font-size: 2rem;
    font-weight: 600;
    margin: 1rem 0 2rem;
    color: var(--black);
}

.load-more {
    border: 2px solid var(--secondary);
    border-radius: 5px;
    padding: 0.5rem 1rem;
    color: var(--secondary);
    text-decoration: none;
    font-size: 1.215rem;
    transition: background ease 0.3s, color ease 0.3s, border-color ease 0.3s;
}

.load-more:hover {
    background: #c64f22;
    border-color: #c64f22;
    color: white;
}

.action-input input {
    color: var(--black)
}

.action-input input::placeholder {
    color: red;
    color: var(--black);
    opacity: 1;
}

.action-input-wrapper {
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid var(--black);
}

.action-input-wrapper input {
    padding-bottom: 0.15rem;
    border-bottom: none !important;
    width: 100%;
}

@media (min-width: 1450px) {
    #hero {
        min-height: 850px !important;
    }

    .container.hero-banner {
        width: 1400px;
        padding-top: 50px;
    }

    .hero-banner {
        justify-content: space-around;
    }
}
.amount-picker {
    display: inline-flex;
    align-items: stretch;
}

.amount-picker .amount {
    width: 4rem;
    text-align: center;
    border: 1px solid var(--light-gray);
    padding: 0.25rem;
    color: var(--black);
    display: flex;
    align-items: center;
    justify-content: center;
}

.amount-picker .action {
    padding: 0.25rem 0.5rem;
    background: var(--secondary);
    color: var(--main-white);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.amount-picker.alt .action {
    padding: 0.2rem 0.5rem;
    background: var(--color-primary);
    color: var(--main-white);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.amount-picker .action:not(.disable):hover,
.amount-picker .action:not(.disable):focus {
    cursor: pointer;
    background-color: #cc5224;
    outline: none;
}

.amount-picker.alt .action:not(.disable):hover,
.amount-picker.alt .action:not(.disable):focus {
    cursor: pointer;
    background-color: #91a8d2;
    outline: none;
}

.amount-picker .action.disable {
    background-color: #eea68b;
    cursor: not-allowed;
}

.amount-picker.alt .action.disable {
    background-color: #91a8d2;
}

.amount-picker .action.decrease {
    border-top-left-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius);
}

.amount-picker .action.increase {
    border-top-right-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
}

.amount-picker .button {
    padding-inline: 1rem;
}