/* LOMAX LEASING – doplňkové styly */

#sluzby-hero > [class*='uk-background-'] { min-height: 40vh; }

/* Mapa */
.lx-map { background: #e5e5e5; }
.lx-map .leaflet-tile-pane { filter: grayscale(100%) brightness(1.12) contrast(.92); }
.lx-map .leaflet-popup-content p { margin: 0; }

/* Poptávkový formulář */
.lx-form { position: relative; max-width: 100%; font-size: 14px; line-height: 26px; color: #818181; }
.lx-field { clear: both; margin: 0 0 14px; }
.lx-field > label {
  display: block; margin: 0 0 4px; color: rgba(0,0,0,.87);
  font-size: 13px; font-weight: 700; line-height: 26px; text-transform: none;
}
.lx-field.required > label::after,
.lx-field.required .lx-checkbox > label::after {
  content: "*"; display: inline-block; vertical-align: top; margin: -.2em 0 0 .2em; color: #db2828;
}
#poptavka-form input[type="text"],
#poptavka-form input[type="email"],
#poptavka-form input[type="tel"],
#poptavka-form select {
  box-sizing: border-box; width: 100%; height: 38px; margin: 0; padding: 9.5px 14px;
  font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 17px;
  color: rgba(0,0,0,.87); background: #fff; border: 1px solid rgba(34,36,38,.15); border-radius: 4px;
  box-shadow: none; outline: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none;
  transition: color .1s ease, border-color .1s ease;
}
#poptavka-form select {
  padding: 0 29.4px 0 14px; font-family: Montserrat; cursor: pointer;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='4' viewBox='0 0 8 4'%3E%3Cpath d='M0 0h8L4 4z' fill='rgba(0,0,0,.8)'/%3E%3C/svg%3E") no-repeat right 14px center;
}
#poptavka-form input:focus,
#poptavka-form select:focus { color: rgba(0,0,0,.95); border-color: #85b7d9; }

.lx-field.error > label,
.lx-field.error .lx-checkbox > label { color: #9f3a38; }
#poptavka-form .lx-field.error input[type="text"],
#poptavka-form .lx-field.error input[type="email"],
#poptavka-form .lx-field.error input[type="tel"],
#poptavka-form .lx-field.error select { color: #9f3a38; background-color: #fff6f6; border-color: #e0b4b4; }
.lx-prompt {
  position: relative; display: inline-block; margin-top: 14px; padding: .5833em .833em;
  font-size: 12px; font-weight: 700; line-height: 1; color: #9f3a38;
  background: #fff; border: 1px solid #e0b4b4; border-radius: 4px;
}
.lx-prompt::before {
  content: ""; position: absolute; top: 0; left: 50%; width: .6666em; height: .6666em;
  background: #fff; border-top: 1px solid #e0b4b4; border-left: 1px solid #e0b4b4;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.lx-divider {
  margin: 24.57px 0 14px; padding: 0 0 3px; border-bottom: 1px solid rgba(34,36,38,.15);
  font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 24px; font-weight: 700;
  line-height: 1.2857em; color: rgba(0,0,0,.87); text-transform: none; letter-spacing: normal;
}

.lx-checkbox { position: relative; display: block; min-height: 17px; font-size: 14px; line-height: 17px; }
#poptavka-form .lx-checkbox input[type="checkbox"] {
  position: absolute; top: 0; left: 0; width: 17px; height: 17px; margin: 0;
  background: #fff no-repeat center; border: 1px solid #d4d4d5; border-radius: 3px; cursor: pointer;
  -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0;
}
#poptavka-form .lx-checkbox input[type="checkbox"]:focus { border-color: #96c8da; }
#poptavka-form .lx-checkbox input[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='9' viewBox='0 0 11 9'%3E%3Cpath d='M1 4.5l3 3L10 1' fill='none' stroke='rgba(0,0,0,.95)' stroke-width='2'/%3E%3C/svg%3E");
}
#poptavka-form .lx-field.error .lx-checkbox input[type="checkbox"] { background-color: #fff6f6; border-color: #e0b4b4; }
.lx-checkbox > label { display: block; padding-left: 26px; color: rgba(0,0,0,.87); font-size: 14px; line-height: 17px; cursor: pointer; }
.lx-desc { display: block; margin-top: 2px; font-size: 11.2px; line-height: 17px; color: #818181; }

.lx-hp { position: absolute !important; left: -10000px; width: 1px; height: 1px; overflow: hidden; }

.lx-button {
  display: block; width: 100%; min-height: 1em; margin: 20px 0 0; padding: 11px 21px;
  font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; line-height: 1em;
  color: #fff; background: #1b1c1d; border: 0; border-radius: 4px; cursor: pointer; text-transform: none;
  transition: background-color .1s ease;
}
.lx-button:hover, .lx-button:focus { background: #27292a; }
.lx-button:disabled { opacity: .6; cursor: default; }
.lx-button.loading { color: transparent; position: relative; }
.lx-button.loading::after {
  content: ""; position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; margin: -8px 0 0 -8px;
  border: 2px solid rgba(255,255,255,.35); border-top-color: #fff; border-radius: 50%;
  animation: lx-spin .6s linear infinite;
}
@keyframes lx-spin { to { transform: rotate(360deg); } }

.lx-status { margin: 14px 0 0; padding: 10px 14px; color: #9f3a38; background: #fff6f6; border: 1px solid #e0b4b4; border-radius: 4px; }
.lx-success { padding: 30px; background: #f8f8f8; border-left: 4px solid #b7a088; }
.lx-success > :last-child { margin-bottom: 0; }