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

.odf-btn {
  border-radius: 8px;
}
.odf-text-primary {
  color: #ff6600 !important;
}
.dark-bg {
  background: #ff6600;
}
.light-bg {
  background: #ff944d;
}
.fl-bg {
  background: #a80000;
}
.dp-bg {
  background: #ff6600;
}
.car-bg {
  background: #d0021b;
}
.btn {
  border-radius: 20px;
}
.btn.fl-bg:hover {
  background: #7f0000;
}
.btn.dp-bg:hover {
  background: #ff6600;
}
.btn.car-bg:hover {
  background: #ae0015;
}
.fl-color {
  color: #a80000;
}
.dp-color {
  color: #ff6600;
}
.car-color {
  color: #d0021b;
}
.fl-border-color {
  border-color: #a80000;
}
.dp-border-color {
  border-color: #ff6600;
}
.car-border-color {
  border-color: #d0021b;
}
.triangle {
  border-color: transparent transparent transparent #ff6600;
}
.subscribe-bg {
  background: #1c708c;
}
.telephone::after {
  content: "01 85 14 96 77";
}
.border-brand-color {
  border-color: #ff6600 !important;
}
.odf-btn-secondary {
  color: #333333 !important;
}
.offer-top-color {
  border-top: 8px solid #ff6600;
}
.border-top-dp {
  border-top: 6px solid #ff6600;
}

@media (max-width: 767px) {
  .triangle {
    border-color: #ff6600 transparent transparent transparent;
  }
  .m_arrow_box:after {
    border-left-color: #a80000 !important;
  }
  .fl-bg-primary {
    background: #ba0200;
  }
  .dp-bg-secondary {
    background: #ba0200;
  }
  .car-bg-tertiary {
    background: #ba0200;
  }
}

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

/* ======================================================== 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;
  }
}

/* =============================================  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-h2 {
    font-size: 28px !important;
  }

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