@import url("https://fonts.googleapis.com/css2?family=Rubik&display=swap");

.odf-text-primary {
  color: #002c52 !important;
}
.dark-bg {
  background: #002c52;
}
.light-bg {
  background: #5cb4ff;
}
.fl-bg {
  background: #4a90e2;
}
.dp-bg {
  background: #002c52;
}
.car-bg {
  background: #51bee2;
}
.btn {
  border-radius: 4px;
}
.btn.fl-bg:hover {
  background: #226bc1;
}
.btn.dp-bg:hover {
  background: #004180;
}
.btn.car-bg:hover {
  background: #38a3c6;
}
.fl-color {
  color: #4a90e2;
}
.dp-color {
  color: #002c52;
}
.car-color {
  color: #51bee2;
}
.fl-border-color {
  border-color: #4a90e2;
}
.dp-border-color {
  border-color: #002c52;
}
.car-border-color {
  border-color: #51bee2;
}
.triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 17px 0 17px 17px;
  border-color: transparent transparent transparent #002c52;
}
.subscribe-bg {
  background: #198cfb;
}
.border-brand-color {
  border-color: #002c52 !important;
}
.border-top-fl {
  border-top: 6px solid #4a90e2;
}
.border-top-dp {
  border-top: 6px solid #002c52;
}
.odf-header-desktop {
  background-color: #002c52 !important;
}
.odf-btn-secondary {
  color: #0a5aa8 !important;
}
.blue {
  border-right: 40px solid #002c52;
  border-top: 40px solid #002c52;
}
.offer-top-color {
  border-top: 8px solid #002c52;
}

@media (max-width: 992px) {
  .triangle {
    border-color: #002c52 transparent transparent transparent;
  }
  .m_arrow_box:after {
    border-left-color: #002c52 !important;
  }
  #hero {
    background-image: none !important;
  }
  .border-top {
    border-top: none !important;
  }
  .fl-bg-primary {
    background: #002c52;
  }
  .dp-bg-secondary {
    background: #3288dc;
  }
  .car-bg-tertiary {
    background: #002c52;
  }
  #page .od-header.od-header-menu-products .od-header-content {
    background-color: #002c52 !important;
  }
  .od-menu-products-wrapper {
    background-color: #002c52 !important;
  }
  .home .od-header-menu-products .od-logo-square,
  .od-header-menu-products .od-logo {
    background-image: url(/images/crm/campaigns/ED-prime-logo-negative.png) !important;
    width: 84px;
    height: 13.4px;
    background-size: 100%;
  }
}

@media (min-width: 980px) {
  .border-top {
    border-top: 3px solid #fc0 !important;
  }
}

#page .od-header.od-header-menu-products .od-header-content,
.odf-header-desktop,
.od-menu-products-wrapper {
  background-color: #002c52 !important;
}

.odf-logo.odf-logo-negative {
  background-image: url(/images/crm/campaigns/ED-prime-logo-negative.png) !important;
}

.home .od-header-menu-products .od-logo-square,
.od-header-menu-products .od-logo {
  background-image: url(/images/crm/campaigns/ED-prime-logo-negative.png) !important;
  width: 130px;
  height: 21px;
  background-size: 100%;
}

.menu_list .odf-tabs-item {
  font-weight: 400 !important;
}

.odf-logo.odf-logo-s {
  width: 162px !important;
  height: 26px !important;
}

.menu_bar {
  display: none;
}

/* ======================================================== COMMON  CSS ======================================= */
body {
  font-family: "Rubik" !important;
  font-weight: 400 !important;
  color: #4c4c4c;
}
p,
h3 {
  color: #4c4c4c;
}
a {
  color: inherit;
}
a:hover {
  text-decoration: none;
  color: inherit;
}
.menu_list .odf-tabs-item {
  font-weight: 400 !important;
}
.od-page,
.breadcrumb {
  background-color: #fff !important;
}
.odf-h1,
odf-h3,
odf-bold {
  font-weight: 400 !important;
}
.odf-tabs-header .odf-tabs-item {
  text-decoration: none !important;
}
.odf-h1 {
  font-size: 24px !important;
}
.odf-h2 {
  font-size: 32px !important;
  font-weight: 500 !important;
}
.odf-btn {
  font-weight: 400 !important;
}
.btn-lps {
  padding: 13px 35px !important;
}
.odf-btn,
.odf-ribbon {
  border-radius: 8px !important;
}
.odf-ribbon {
  padding: 7px 5px !important;
}
.odf-ribbon-discount {
  font-size: 14px !important;
}
.odf-text-secondary {
  color: #ffffff;
}
.round-picto {
  border: 2px solid #fff;
  border-radius: 50%;
  height: 53px;
  width: 53px;
}
.round-picto span {
  line-height: 44px;
  height: 48px;
  width: 48px;
  text-align: center;
  font-size: 28px;
  box-sizing: border-box;
  margin: 0 auto;
}

.border-radius-8 {
  border-radius: 8px !important;
}

.od-app-touchpoint-tv15,
.od-app-touchpoint-tv18,
.od-app-touchpoint-tv19,
.od-app-touchpoint-tv22,
.od-app-touchpoint-appdownloadbanner {
  display: none !important;
}

@media (min-width: 992px) {
  .searcher {
    -ms-flex: 0 0 60%;
    flex: 0 0 60% !important;
    min-width: 720px !important;
  }
  .hero h1 {
    font-size: 80px;
  }
  img.logo {
    margin-top: 123% !important;
    padding-top: 0% !important;
    margin-bottom: 5%;
    margin-left: 15%;
  }
}

@media (max-width: 610px) {
  h1,
  h2,
  .odf-h2 {
    text-align: center !important;
    line-height: 32px !important;
  }
  .odf-h1 {
    font-size: 28px !important;
  }
}

/* ======================================================== HERO BANNER AREA ======================================= */
#hero {
  background-position: 50% top;
  height: 100%;
}

#hero p {
  font-size: 18px;
  line-height: 38px;
}

@media (max-width: 991px) {
  #hero .container {
    max-width: 100% !important;
  }
  h1,
  h2,
  h3,
  #hero p {
    text-align: center !important;
  }
  .home .od-header-menu-products .od-logo-square,
  .od-header-menu-products .od-logo {
    background-image: url(/images/crm/campaigns/ED-prime-logo-negative.png) !important;
      height: 34px !important;
    width: 100px !important;
    background-size: 100%;
  }
}

/* =============================================  SEARCH ENGINE  ========================================= */
.od-flightsManager-services
  .od-flightsManager-services-tab.active
  .od-flightsManager-round-right-circle {
  right: -16px !important;
}
.od-flightsManager-services
  .od-flightsManager-services-tab.active
  .od-flightsManager-round-left-circle {
  left: -16px !important;
}
#flights .od-ui-datepicker-field .od-ui-datepicker-rightButton,
#home .od-ui-datepicker-field .od-ui-datepicker-rightButton {
  padding: 0 17px 0 4px !important;
}
.od-moreoptions .od-moreoptions-label .od-moreoptions-arrow {
  padding: 0 17px 0 4px !important;
}
.od-flightsManager-iframe > iframe {
  width: 100% !important;
}
#search-box {
  height: 576px;
}
.od-home-flightspage-section {
  overflow: visible;
}
#flights-manager {
  margin-top: 10px;
  margin-bottom: 10px;
}
#flight-class-switcher.hidden {
  display: inherit !important;
}
.od-ui-datepicker-holiday-legend-wrapper,
.od-text-container,
.age_selector_container > label {
  color: #666 !important;
}

/* TERMS & CONDITIONS */
.showMore + input {
  display: none;
}
.showMore + input + * {
  max-height: 0;
  overflow: hidden;
  transition:
    max-height 0.5s,
    overflow 0s;
}
.showMore + input:checked + * {
  /* set a max-height that would for your usual contents*/
  max-height: 2000px;
  overflow: auto;
  transition:
    max-height 0.5s,
    overflow 0.5s 0.5s;
}

@media (max-width: 768px) {
  .odf-bg-secondary {
    background-color: white !important;
  }
  .odf-h2 {
    font-size: 28px !important;
  }

  @media (max-width: 610px) {
    .showMore + input:checked + * {
      max-height: 4000px;
    }
  }
}