#parkingCalculator,
#parkingCalculator * {
  font-family: Geometria, Arial, sans-serif;
}

.calculator {
  max-width: 915px;
}

#parkingCalculator {
  border: 1px solid #E6E9EC;
  background: transparent;
  -webkit-box-shadow: 5px 19px 95px 0px rgba(0, 0, 0, 0.0509803922);
          box-shadow: 5px 19px 95px 0px rgba(0, 0, 0, 0.0509803922);
  padding: 56px;
}
#parkingCalculator .parking-calculator__title {
  margin: 0 0 42px;
  color: #11134f;
  font-size: clamp(20px, 2vw, 32px);
  line-height: 1.08;
  font-weight: 700;
}
#parkingCalculator .pc-field {
  position: relative;
}
#parkingCalculator .pc-control {
  width: 100%;
  border: 0;
  border-bottom: 2px solid #7c8ba0;
  background: transparent;
  color: #66788f;
  font-size: clamp(16px, 1.4vw, 18px);
  line-height: 1.2;
  text-align: left;
  padding: 0 40px 14px 0;
  cursor: pointer;
}
#parkingCalculator .pc-control_input {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}
#parkingCalculator .pc-control:focus {
  outline: none;
}
#parkingCalculator .pc-control_input::-webkit-input-placeholder {
  color: #66788f;
  opacity: 1;
}
#parkingCalculator .pc-control_input::-moz-placeholder {
  color: #66788f;
  opacity: 1;
}
#parkingCalculator .pc-control_input:-ms-input-placeholder {
  color: #66788f;
  opacity: 1;
}
#parkingCalculator .pc-control_input::-ms-input-placeholder {
  color: #66788f;
  opacity: 1;
}
#parkingCalculator .pc-control_input::placeholder,
#parkingCalculator .js-date-placeholder {
  color: #66788f;
  opacity: 1;
}
#parkingCalculator .pc-select .pc-chevron,
#parkingCalculator .js-time-field .pc-chevron {
  position: absolute;
  right: 10px;
  top: 50%;
  width: 10px;
  height: 10px;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  border-right: 3px solid #9ca0a8;
  border-bottom: 3px solid #9ca0a8;
  pointer-events: none;
}
#parkingCalculator .is-open > .pc-control .pc-chevron {
  -webkit-transform: translateY(-50%) rotate(-135deg);
          transform: translateY(-50%) rotate(-135deg);
}
#parkingCalculator .parking-calculator__notice {
  margin-top: 28px;
  padding: 24px 22px;
  background: #e9e9ee;
  border-radius: 6px;
  color: #707396;
  text-align: center;
  font-size: clamp(16px, 1.4vw, 18px);
  line-height: 1.2;
}
#parkingCalculator .parking-calculator__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 26px;
  margin-top: 44px;
}
#parkingCalculator .pc-datetime__title {
  margin: 0 0 18px;
  color: #11134f;
  font-size: clamp(16px, 1.6vw, 20px);
  line-height: 1.1;
  font-weight: 700;
}
#parkingCalculator .pc-datetime__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}
#parkingCalculator .pc-options {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 12px);
  z-index: 80;
  max-height: 320px;
  overflow: auto;
  border: 1px solid #b8c0cc;
  background: #fff;
}
#parkingCalculator .pc-option {
  width: 100%;
  border: 0;
  border-bottom: 1px solid #c6ccd6;
  background: #fff;
  color: #66788f;
  text-align: left;
  font-size: clamp(14px, 1.2vw, 16px);
  line-height: 1.2;
  padding: 22px 24px;
  cursor: pointer;
}
#parkingCalculator .pc-option:last-child {
  border-bottom: 0;
}
#parkingCalculator .pc-option:hover {
  background: #f2f5fa;
}
#parkingCalculator .pc-option:focus,
#parkingCalculator .pc-option:focus-visible {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
#parkingCalculator .pc-option.is-active {
  background: #ff5a00;
  color: #fff;
}
#parkingCalculator .pc-options_time {
  left: 0;
  right: auto;
  min-width: 100%;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 220px;
  z-index: 90;
}
#parkingCalculator .pc-option_time {
  font-size: clamp(13px, 1vw, 14px);
  padding: 12px 14px;
  border-bottom: 0;
}
#parkingCalculator .pc-calendar {
  position: absolute;
  top: calc(100% + 12px);
  left: 0;
  z-index: 85;
  display: none;
  background: #fff;
  border: 1px solid #c8ced8;
  border-radius: 8px;
  -webkit-box-shadow: 0 12px 34px rgba(16, 18, 79, 0.12);
          box-shadow: 0 12px 34px rgba(16, 18, 79, 0.12);
}
#parkingCalculator .pc-calendar .vc {
  width: 100%;
}
#parkingCalculator .js-date-field.is-open .pc-calendar {
  display: block;
}
#parkingCalculator .js-date-field .pc-calendar[hidden] {
  display: none;
}
#parkingCalculator .js-date-field.is-open {
  z-index: 70;
}
#parkingCalculator .js-time-field.is-open {
  z-index: 75;
}
#parkingCalculator .parking-calculator__submit {
  width: 100%;
  margin-top: 34px;
  border: 0;
  border-radius: 8px;
  background: #ff5a00;
  color: #fff;
  font-size: clamp(16px, 1.6vw, 20px);
  line-height: 1;
  font-weight: 700;
  padding: 24px 18px;
  cursor: pointer;
}
#parkingCalculator .parking-calculator__submit:hover {
  background: #f45703;
}
#parkingCalculator .parking-calculator__total {
  margin: 34px 0 0;
  color: #11134f;
  font-size: clamp(20px, 2vw, 32px);
  line-height: 1;
  font-weight: 500;
}

#parkingCalculator .vc {
  --vc-font-family: Geometria, Arial, sans-serif;
  --vc-color-primary: #1a1d5c;
  --vc-bg-primary: #edf2ff;
  --vc-bg-default: #fff;
  --vc-bg-header: #fff;
  --vc-bg-weekdays: #fff;
  --vc-bg-week-numbers: #fff;
  --vc-bg-months: #fff;
  --vc-bg-years: #fff;
  --vc-bg-btn: #fff;
  --vc-color-default: #1a1d5c;
  --vc-color-secondary: #65758e;
  background: #fff;
  color: #1a1d5c;
}

#parkingCalculator .vc,
#parkingCalculator .vc-wrapper,
#parkingCalculator .vc-content,
#parkingCalculator .vc-header,
#parkingCalculator .vc-week,
#parkingCalculator .vc-dates,
#parkingCalculator .vc-time {
  background: #fff;
}

#parkingCalculator .vc-date__btn,
#parkingCalculator .vc-week__day,
#parkingCalculator .vc-month,
#parkingCalculator .vc-year,
#parkingCalculator .vc-arrow {
  color: #1a1d5c;
}

#parkingCalculator .vc-date__btn:focus,
#parkingCalculator .vc-date__btn:focus-visible {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

#parkingCalculator [data-vc-date-weekend] .vc-date__btn,
#parkingCalculator .vc-week__day:nth-child(6),
#parkingCalculator .vc-week__day:nth-child(7) {
  color: #e31b3f;
}

#parkingCalculator [data-vc-date-today] .vc-date__btn,
#parkingCalculator [data-vc-date-selected] .vc-date__btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 34px;
  height: 34px;
  min-width: 34px;
  border-radius: 50%;
  border: 2px solid #ff5a00;
}

#parkingCalculator [data-vc-date-today] .vc-date__btn {
  background: transparent;
  color: #ff5a00;
}

#parkingCalculator [data-vc-date-selected] .vc-date__btn {
  background: #ff5a00;
  color: #fff;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

@media (max-width: 991px) {
  #parkingCalculator {
    padding: 28px 22px;
  }
  #parkingCalculator .parking-calculator__title {
    margin-bottom: 22px;
  }
  #parkingCalculator .pc-control {
    padding: 0 28px 10px 0;
  }
  #parkingCalculator .pc-select .pc-chevron,
  #parkingCalculator .js-time-field .pc-chevron {
    top: 50%;
    width: 10px;
    height: 10px;
    border-right-width: 2px;
    border-bottom-width: 2px;
  }
  #parkingCalculator .parking-calculator__notice {
    margin-top: 18px;
    padding: 14px 12px;
  }
  #parkingCalculator .parking-calculator__grid {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 24px;
  }
  #parkingCalculator .pc-datetime__row {
    grid-template-columns: 1fr;
    gap: 34px;
  }
  #parkingCalculator .pc-option {
    padding: 14px 16px;
  }
  #parkingCalculator .parking-calculator__submit {
    margin-top: 22px;
    padding: 16px;
  }
  #parkingCalculator .parking-calculator__total {
    margin-top: 22px;
  }
}