@font-face {
  font-family: "Proxima Nova-Regular";
  src: url("https://avion-dev.s3.pl-waw.scw.cloud/static/default/en/assets/fonts/ProximaNova-Regular.woff")
    format("woff");
  font-display: swap;
  ascent-override: 100%;
}

@font-face {
  font-family: "Proxima Nova-Medium";
  src: url("https://avion-dev.s3.pl-waw.scw.cloud/static/default/en/assets/fonts/ProximaNova-Medium.woff")
    format("woff");
  font-display: swap;
  ascent-override: 100%;
}

@font-face {
  font-family: "Proxima Nova-SemiBold";
  src: url("https://avion-dev.s3.pl-waw.scw.cloud/static/default/en/assets/fonts/ProximaNova-SemiBold.woff")
    format("woff");
  font-display: swap;
  ascent-override: 100%;
}

@font-face {
  font-family: "Proxima Nova-Bold";
  src: url("https://avion-dev.s3.pl-waw.scw.cloud/static/default/en/assets/fonts/ProximaNova-Bold.woff")
    format("woff");
  font-display: swap;
  ascent-override: 100%;
}

section#search-form-section {
  background-color: var(--primary-1);
}

main#search-results-page section.results-header {
  background-color: var(--ui-1);
  top: 0;
  z-index: var(--zindex-medium-low);
  background-image: none !important;
}

main#search-results-page section.results-header::before {
  content: "";
  background-color: transparent !important;
}

section#search-form-section::before {
  content: "";
  position: absolute;
  top: -62px;
  left: 0;
  width: 100%;
  height: calc(100% + 62px);
  background-image: inherit;
  background-color: var(--primary-1);
  background-position: center;
  background-size: 100%;
}

#menu-manage-illustration {
  filter: none;
}

section#search-form-section-mob {
}

div#search-form-backdrop-shadow {
  position: absolute;
  height: 5rem;
  width: 100%;
  grid-column: 1 / span 5;
  box-shadow: none !important;
  pointer-events: none;
}

div#search-form-backdrop-shadow.results-page {
  height: 3rem;
  pointer-events: none;
}

.menu-login-icon-btn {
  background-color: transparent !important;
  margin: 0;
  padding: 0 !important;
  border-radius: 25px;
}
.menu-login-icon-btn:hover {
  background-color: transparent !important;
}

.theme-results-item-decoration {
  position: absolute;
  display: none;
}

main#faq-main-page h1 {
  color: var(--primary-2);
}

html,
body {
  font-family: "Proxima Nova-Regular", sans-serif;
}

:root {
  /* Colors */
  --UI-background: #f4f7f9 !important;
  --primary-1: #1665e3 !important;
  --primary-2: #001b38 !important;
  --primary-3: #04b1a7 !important;
  --primary-link-color: #166bc8 !important;
  --active-link-color: var(--primary-1) !important;
  --passive-link-color: var(--primary-2) !important;
  --active-link-line: none !important;
  --active-link-line-offset: 0px !important;

  --primary-1-50: rgba(22, 101, 227, 0.5);
  --primary-2-50: rgba(0, 27, 56, 0.5);
  --primary-3-50: rgba(4, 177, 167, 0.5);
  --primary-link-color-50: rgba(22, 107, 200, 0.5);

  --loader-gradient: linear-gradient(var(--primary-1) 0 0),
    linear-gradient(var(--primary-1) 0 0), none !important;

  --alt-loader-gradient: linear-gradient(250deg,var(--primary-1) 0%,var(--primary-1) 50%,rgba(255, 255, 255, 0) 100%) !important;
  --search-button-color: #ff9900 !important;

  --primary-btn-hover-color: hsl(217, 82%, 45%) !important;
  --secondary-btn-hover-color: hsl(207, 24%, 89%) !important;
  --search-button-hover-color: hsl(36, 100%, 46%) !important;

  --primary-tint: hsl(217, 86%, 99%) !important;
  --primary-tint-darker: hsl(207, 86%, 97%) !important;
  --primary-tint-dark: hsla(207, 82%, 49%, 0.1) !important;
  --tinted-border-color: hsl(207, 86%, 90%) !important;
  --tinted-btn-color: hsla(202, 95%, 43%, 0.08) !important;
  --tinted-btn-hover-color: hsl(202, 95%, 43%, 0.15) !important;
  --line-color: hsl(222, 92%, 56%, 0.4) !important;

  --ui-1: #ffffff !important;
  --ui-2: #f0f3f5 !important;
  --ui-3: #e8edf1 !important;
  --ui-4: #bac7d5 !important;
  --ui-5: #5a6872 !important;
  --ui-6: #252a31 !important;
  --text-2: #494f59 !important;
  --text-3: #929598 !important;
  --text-4: #9ba8b0 !important;

  --toastify-font-family: "Proxima Nova-Regular" !important;

  /* Fonts */
  --font-regular: "Proxima Nova-Regular", sans-serif !important;
  --font-medium: "Proxima Nova-Medium", sans-serif !important;
  --font-semibold: "Proxima Nova-SemiBold", sans-serif !important;
  --font-bold: "Proxima Nova-Bold", sans-serif !important;

  --regular-w: 400 !important;
  --medium-w: 500 !important;
  --semibold-w: 600 !important;
  --bold-w: 700 !important;

  --corner-sm: 3px !important;
  --corner-md: 5px !important;
  --corner-lg: 7px !important;
  --corner-xl: 10px !important;

  --checkbox-corner: 3px !important;
  --checkbox-accent-color: var(--primary-1) !important;
  --checkbox-mark-thickness: 2 !important;
  --radio-border: 1px var(--ui-4) solid !important;
  --radio-accent-bg: #fff !important;
  --radio-accent-bg-unchecked: var(--primary-1) !important;
  --radio-accent-border: 1px #fff solid !important;
  --radio-accent-inner: var(--primary-1) !important;

  --direction-results-color: var(--primary-2) !important;

  --sort-tag-best: #367cff !important;
  --sort-tag-cheap: #00a991 !important;
  --nav-bar-color: #ffffff !important;
  --nav-bar-shadow: 0rem 0.25rem 0.25rem -0.125rem rgba(37, 42, 49, 0.12) !important;

  --big-sf-line-height: 1.3 !important;
  --small-sf-line-height: 1.15 !important;
  --small-sf-field-height: 3.5rem !important;
  --booking-border: solid 1px var(--ui-3) !important;

  --booking-card-shadow: 0rem 0rem 0.125rem 0rem rgba(79, 94, 113, 0.12),
    0rem 0.0625rem 0.25rem 0rem rgba(79, 94, 113, 0.12),
    0rem 0rem 0.125rem 0rem rgba(79, 94, 113, 0.16);
}