* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

body {
  background-color: black;
  color: white;
  position: relative;
}

@media only screen and (min-width: 768px) {
  .heading--size {
    font-size: 5rem;
    line-height: 1;
  }
}

@media only screen and (max-width: 767px) {
  .heading--size {
    font-size: 4rem !important;
    line-height: 1 !important;
  }
}

.heading--font {
  font-family: 'Bebas Neue', sans-serif;
}

.filled-orange-button {
  background-color: #E15F01;
  padding: 0.75rem 1.75rem 0.75rem 1.75rem;
}

@media screen and (min-width: 768px) {
  .menu-card-section-one-column {
    width: 100%;
    padding: 0 0 5rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .menu-card-section-two-columns {
    width: 100%;
    padding: 0 0 5rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .menu-card-section-head {
    padding: 0 1rem 1rem 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .menu-card-section-body {
    display: flex;
    flex-direction: column;
    align-items: start;
  }

  .menu-card-section-one-column-wrapper {
    padding: 5rem 4rem;
    max-width: 55rem;
  }

  .menu-card-section-two-columns-wrapper {
    padding: 5rem 4rem;
    width: 100%;
    max-width: 70rem;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .header-space {
    margin-bottom: 6rem;
    padding-bottom: 6rem;
  }

  .heading-space {
    padding-left: 20%;
    padding-right: 20%;
    padding-bottom: 2rem;
    margin-top: -2.5rem;
  }

  .inner-section-width {
    width: 100%;
  }

  .box-shadow {}
}

@media screen and (max-width: 767px) {
  .menu-card-section-one-column {
    width: 100%;
    padding: 3rem 2rem 1.5rem 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .menu-card-section-two-columns {
    width: 100%;
    padding: 3rem 2rem 1.5rem 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .menu-card-section-head {
    padding: 0 1rem 1rem 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .menu-card-section-body {
    display: flex;
    flex-direction: column;
    align-items: start;
  }

  .menu-card-section-one-column-wrapper {
    padding: 2rem 1rem;
    width: 100%;
  }

  .menu-card-section-two-columns-wrapper {
    padding: 2rem 1rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .header-space {
    margin-bottom: 6rem;
    padding-bottom: 6rem;
  }

  .heading-space {
    padding-left: 20%;
    padding-right: 20%;
    padding-bottom: 2rem;
    margin-top: -1.5rem;
  }

  .inner-section-width {
    width: 100%;
  }
}

.icon {
  width: 28px;
  height: 28px;
  border-radius: 3px;
  background-color: #CABDA7;
}

.icon:hover {
  background-color: #E15F01;
}

.icon-whatsapp {
  width: 28px;
  height: 28px;
  border-radius: 3px;
  background-color: #f4ebe0;
}

.icon-whatsapp:hover path {
  fill: #E15F01;
}

.active-filter {
  text-shadow: 1px 1px .5px #E15F01;
  border-left: 3px solid rgb(225, 95, 1, .8);
  padding-left: 0.5rem;
}

.event-btn{
  background: #e15f01;
  font-weight: 700;
  color:#fff;
  margin-top:.5em;
}
.bg-beige {
  background: #f4ebe0
}


.onapply-job-ad-list {
    width:100%;
}

.onapply-career-page-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.onapply-job-ad-department {
    color: rgba(0,0,0,0.3);
    font-size: 32px;
}

.onapply-career-page-container {
    width: 100%;
}

.onapply-career-page-container > select {
    color: #f2ebdf;
    padding: 8p;
    background-color: #333;
    border: none;
    margin-bottom: 16px;
    padding: 8px;
}

.onapply-department-header {
    margin-top: 32px;
    font-size: 24px;
}

.onapply-job-ad-list li {
    list-style: none;
}

.onapply-job-ad {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 16px 16px 0px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.onapply-job-ad__title {
    font-size: 18px;
    color: #f2ebdf;
}

.onapply-job-ad__title a {
    text-decoration: none;
    color: inherit;
}

.onapply-job-ad__location {
    font-size: 14px;
    margin-top: 8px;
    color: f2ebdf;
}

.onapply-job-ad__view-button {
      padding: 10px 15px;
      font-size: 14px;
      border: 1px solid rgba(0,0,0,0.1);
      background: rgb(225 95 1);
      text-decoration: none;
      font-weight:700;
      color: #fff;
}

.onapply-job-ad__view-button:hover {
    border: 1px solid rgba(0,0,0,0.3);
    cursor: pointer;
}

.onapply-loader {
    border: 16px solid #f3f3f3;
    border-top: 16px solid #3498db;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    animation: onapply-spin 2s linear infinite;
    margin: auto;
}

@keyframes onapply-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.pagination-buttons {
    display: flex;
    padding: 8px;
    border: 1px solid rgba(0,0,0,0.1);
    width: 200px;
    margin: auto;
    margin-top: 32px;
}

.pagination-buttons__button {
    padding: 8px;
    text-align: center;
    flex-grow: 1;
    cursor: pointer;
}

.pagination-buttons__button:hover {
    background-color: rgba(0,0,0,0.1);
}

.pagination-buttons__button--disabled {
    cursor: not-allowed;
    color: rgba(0,0,0,0.3);
}

.pagination-buttons__page-indicator {
    padding: 8px;
}

.pagination-buttons__page-indicator span:first-child {
    margin-right: 8px;
    padding-right: 8px;
    border-right: 1px solid rgba(0,0,0,0.3)
}

.x-button:hover {
  transform: scale(1.1);
  stroke-width: 2.5;
}
@media only screen and (max-width: 767px) {
    header .navigation__list {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    header .navigation__list .active {
      color: #e15f01;
    }

    header .navigation__listLink--level-1, header .navigation__listHeading--level-1 {
      font-size: 110%;
      font-weight: bold;
    }

    .navigation__listItem--level-1:last-child {
      position: fixed;
      bottom: 0;
      left: 0;
      background: #231e21;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      padding: 1rem 0;
    }
    .navigation__listItem--level-1:last-child span {
      font-size: 130%;
      display: inline-block;
      text-align: center;
      padding: 1rem;
      white-space: nowrap;
      background-color: rgb(225, 95, 1);
    }

    header .navigation__listLink--level-2 {
      font-size: 90%;
    }

    header .navigation__listItem--level-1 {
        white-space: nowrap;
        display: flex;
        flex-direction: column;
        /* gap: .5rem; */
    }

    #menu-nav .navigation__list--level-1 {
      gap: .5rem;
    }

    #menu-nav {
      z-index: 9999;
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      background: #231e21;
      color: #f4ebe0;
      padding: 7rem 2rem;
      overflow-y: scroll;
    }

    /* #menu-nav .list-item-has-children:before {
      content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" class="" width="20" height="20" viewBox="0 0 24 24" stroke-width="1.5" stroke="white" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>');
      width: 100%;
      height: 20px;
      display: inline-flex;
      justify-content: flex-end;
      align-items: center;
    } */

    #menu-nav .navigation__subItemsWrapper--level-2 {
      padding-left: 1rem;
    }

    #menucard-overlay .button-item {
      max-width: 45%;
    }
}

@media only screen and (min-width: 768px) {
  header .navigation__list {
      width: 100%;
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      flex-wrap: wrap-reverse;
  }
  header .navigation__listItem--level-1 {
      position: relative;
      width: max-content;
      height: max-content;
  }

  header .navigation__listItem--level-1 a {
    display: inline-block;
    padding: 1em;
    white-space: nowrap;
  }

  header .navigation__listItem--level-1 span {
    display: inline-block;
    padding: 1em;
    white-space: nowrap;
    cursor: pointer;
  }

  header .navigation__listItem.two-cols-submenu > .navigation__subItemsWrapper > .navigation__list {
    display: grid;
    grid-template-columns: max-content max-content;
    grid-template-rows: repeat(calc(var(--ch) / 2), max-content);
    grid-auto-flow: column;
  }

  header .navigation__listItem--level-1:hover {
    background-color: rgb(225, 95, 1, 0.5);
  }

  header .navigation__subItemsWrapper--level-2 {
    display: none;
  }

  header .navigation__listItem--level-1:hover .navigation__subItemsWrapper--level-2 {
    display: block;
    position: absolute;
    left: 0;
    top: 100%;
    background-color: rgb(225, 95, 1, 0.5);
  }

  header .navigation__list--level-2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    width: 100%;
    height: 100%;
  }

  .navigation__listItem--level-2 {
    padding-left: 1em;
    width: 100%;
    height: 100%;
  }

  .navigation__listItem--level-2:hover {
    background-color: rgb(225, 95, 1, 0.7);
  }

  .navigation__listItem--level-1:last-child span {
    background-color: rgb(225, 95, 1);
  }

  .navigation__listItem--level-1:last-child span:hover {
    background-color: rgb(225, 95, 1, 0.3) !important;
    cursor: pointer;
  }

  #menucard-overlay .button-item {
    max-width: 20%;
  }
}

#page-header {
  background: none;
}
#page-header.scrolled {
  background: #000;
}

/* actorsSection */

@media screen and (min-width: 768px) {
  #actor-section .video-size {
    padding-bottom: 25%;
    width: 50%;
  }
}

@media screen and (max-width: 767px) {
  #actor-section .video-size {
    padding-bottom: 60%;
    width: calc(100% - 2rem);
  }
}

/* comparison */

@media screen and (min-width: 768px) {
  #comparison ul {
    padding-left: 3rem;
  }
}

@media screen and (max-width: 767px) {
  #comparison ul {
    padding-left: 2rem;
  }
}
#comparison ul {
  list-style: disc outside;
}

/* contactForm */

input:focus,
textarea:focus,
select:focus {
  outline: none;
  border: 1px solid #E15F01;
  box-shadow: 0 0 10px #719ECE;
}
input#company { display: none; }

/* event_cards */

#event-cards .swiper-slide:not(.swiper-slide-next) {
  transform: scale(.8);
}

#event-cards .swiper-slide {
  transition: transform 300ms linear;
}

#event-cards .swiper {
  width: min(1400px, 90%);
  height: max-content;
}

#event-cards .swiper-slide {
  background-color: white;
  border-radius: 15px;
  color: #231e21;
}

#event-cards .swiper-button-prev, .swiper-button-next {
  color: #e15f01 !important;
  font-weight: bold;
}

#event-cards .swiper-button-prev {
  left: -.1rem;
}

#event-cards .swiper-button-next {
  right: -.1rem;
}

/* imgBanner */

.img-banner a {
    width: max-content;
    background-color: #E15F01;
    padding: .75rem 1.75rem .75rem 1.75rem;
    margin-top: 2rem;
}

/* imgHeader */

.bordered-orange-button,
.filled-orange-button {
  display: flex;
  justify-content: center;
  align-items: center;
}

.filled-orange-button:hover {
  background: #c55504;
}
.bordered-orange-button:hover {
  border: #fff 2px solid!important;
}
#img-header {
  height: 100vh;
  background-color: black;
}

#img-header .img-container {}

#img-header .bordered-orange-button {
  border: 2px solid #E15F01;
  padding: 0.75rem 1.75rem;
}

#img-header .grey-button {
  color: black;
  background-color: #F1EBE0;
}

/* imgNextToText */

.img-next-to-text:not(.no-buttons) a:not([href^="tel:"]):not([href^="mailto:"]) {
    width: max-content;
    background-color: #E15F01;
    padding: .75rem 1.75rem .75rem 1.75rem;
}

.img-next-to-text.no-buttons a {
  text-decoration: underline;
}

/* imgSlideshow */

#img-slideshow .swiper-slide:not(.swiper-slide-next) {
  transform: scale(.8);
  transition: transform 300ms ease;
}

#img-slideshow .swiper-button-prev, #img-slideshow .swiper-button-next {
  color: white;
  font-weight: bolder;
}

/* locationSection */

#map {
  height:500px;
}
 .location-text a:not([href^="tel:"]):not([href^="mailto:"]) {
   width: max-content;
   background-color: #E15F01;
   padding: 0.75rem 1.75rem;
 }

 /* maps */
 .partner-list-filter {
   height:250px;
   background: #D6D6D6;
   padding: 1em 3em;
 }
 .parnter-list {
   height: 750px;
   overflow: scroll;
   border-left: 1px solid #D6D6D6;
 }
 .partner-list-item {
   padding: 2em 3em;
   border-bottom: 1px solid #D6D6D6;
 }

 h4.partner-list-item-heading {
   font-weight: 600;
 }
 .partner-list-item-link {
     font-size: .75em;
 }

/* newspostSection */

#newspost-page-nav .page-nr:hover {
  background-color: #e15f01;
}

#newspost-page-nav a:hover svg path {
  stroke: #e15f01;
}

/* producerSection */

#producer-section .producer-card:hover {
  border-color: #E15F00 !important;
}

#producer-section .producer-card:hover .hover-overlay {
  opacity: .4;
}

@media screen and (max-width: 767px) {
  #producer-section .producer-cards {
    justify-content: center !important;
    gap: 2rem;
  }
}

/* verticalTimeline */

.timeline-section .dot {
    height: 2rem;
    width: 2rem;
    margin: 0 1rem;
    background-color: #e15f01;
    border-radius: 50%;
    display: inline-block;
}

.timeline-section .vertical-line {
    border-left: 1px solid #231e21;
    height: 100%;
}

/* event-card */

.event-btm {
  background: #e15f01;
  font-weight: 700;
  color:#fff;
  margin-top:.5em;
}
.bg-beige {
  background: #f4ebe0
}

/* footer */

@media only screen and (max-width: 767px) {
    footer .footer-nav__list {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        gap: 3rem;
        font-size: 2rem;
        margin-top: 2rem;
    }

    footer .footer-nav__list--level-2 {
        display: flex;
        flex-direction: column;
        color: #F1EBE0;
        font-size: 1.5rem;
    }

    footer .footer-nav__list li {
      text-align: center;
    }
}

@media only screen and (min-width: 768px) {
    footer .footer-nav__list {
        width: 75%;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
    }

    footer .footer-nav__list--level-2 {
        display: flex;
        flex-direction: column;
        color: #F1EBE0;
        font-size: 1.125rem;
    }

    footer .footer-nav__list li {
      text-align: left;
    }
}

footer {
}

footer .footer-nav__list--level-2 {
  margin-top: 1rem;
  gap: 1rem;
}
footer .footer-nav__list--level-2 a {
    white-space: nowrap;
}

footer .footer-nav__list--level-2 a:hover {
    text-decoration: underline;
}

footer .text--color {
    color: #F1EBE0;
}

.footer-nav__listHeading {font-family: 'Bebas Neue';font-size: 1.5em;}
.footer-info-text {
  font-size:.8em;
  color:#F1EBE0;
}
.subfooter a{
  font-size:.8em;
}

.subfooter select {
  background: transparent;
  font-size:.8em;
}

/* newspost-preview */

.newspost .heading:hover {
  color: #e15f01 !important;
}

/* Loading Animation */
.loader-relative {
  position: relative !important;
}

.loader-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  padding: inherit;
  width: 100%;
  height: 100%;
  background-color: rgb(0, 0, 0, .2);
  display: flex;
  justify-content: center;
  align-items: center;
}

.loader {
  -webkit-animation: 2s linear infinite svg-animation;
  animation: 2s linear infinite svg-animation;
  height: 100%;
  fill: black;
  margin: auto;
}

@keyframes svg-animation {
  0% {
    transform: rotateZ(0)
  }

  100% {
    transform: rotateZ(360deg)
  }
}

.loader circle {
  -webkit-animation: 1.4s ease-in-out infinite both circle-animation;
  animation: 1.4s ease-in-out infinite both circle-animation;
  display: block;
  fill: transparent;
  stroke: #fff;
  stroke-linecap: round;
  stroke-dasharray: 283;
  stroke-dashoffset: 280;
  stroke-width: 10px;
  transform-origin: 50% 50%
}

@keyframes circle-animation {

  0%,
  25% {
    stroke-dashoffset: 280;
    transform: rotate(0)
  }

  50%,
  75% {
    stroke-dashoffset: 75;
    transform: rotate(45deg)
  }

  100% {
    stroke-dashoffset: 280;
    transform: rotate(360deg)
  }
}

/* Quote-Slider */
.quote-slider {
  margin-top: 4rem;
  margin-bottom: 4rem;
  width: 100%;
  max-width: 56rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3rem;
}

.quote-slider .heading {
  font-size: 3rem;
}

.quote-slider .swiper {
  width: 100%;
  max-width: 41rem;
}

.quote-slider .swiper .custom-swiper-button {
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  width: 3rem;
}

.quote-slider .swiper .custom-swiper-button svg {
  width: 100%;
  height: auto;
}

.quote-slider .swiper .custom-swiper-button-prev {
  left: .5rem;
}

.quote-slider .swiper .custom-swiper-button-next {
  right: .5rem;
}

.quote-slider .swiper-slide {
  padding-left: 4.5rem;
  padding-right: 4.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 1rem;
}

.quote-slider img {
  width: 12rem;
  height: 12rem;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
}

.quote-slider .quote-text {
  font-size: 1.1rem;
  line-height: 120%;
  font-weight: 400;
}

.quote-slider .quote-author-container {
  margin-top: .5rem;
}

.quote-slider .quote-author {
  font-size: 1.25rem;
  line-height: 110%;
  font-weight: 600;
}

.quote-slider .quote-author-desc {
  font-size: 1.15rem;
  line-height: 110%;
  font-weight: 400;
}
/* End Quote-Slider */

/* FAQs */
.faqs__section[data-bg] {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.faqs {
  padding-left: 1rem;
  padding-right: 1rem;
  margin-top: 4rem;
  margin-bottom: 4rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 100%;
  max-width: 56rem;
  margin-left: auto;
  margin-right: auto;
}

.faqs__heading {
  padding: 0 .5rem;
  grid-column: 1 / -1;
  color: white;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: flex-start;
  text-transform: uppercase;
  font-size: 3rem;
  line-height: 100%;
}

.colorized {
  color: #E15F01;
}

.faqs__section .faqs-wrapper {
  width: 100%;
}

.faqs__section .faqs-block {
  width: 100%;
  border-bottom: .25px solid #f1ebe0;
}

.faqs__section .faqs-block input {
  display: none;
}

.faqs__section .faqs-text-wrapper {
  transition: all 300ms ease;
  overflow: hidden;
  padding-right: 5rem;
  padding-left: .65rem;
  display: grid;
  grid-template-rows: 0fr;
}

.faqs__section .faqs-block input:checked ~ .faqs-text-wrapper {
  padding-bottom: 2rem;
  grid-template-rows: 1fr;
}

.faqs__section .faqs-text {
  overflow: hidden;
  color: #f1ebe0;
  font-size: 0.938rem;
}

.faqs__section .faqs-heading svg {
  width: 1.313rem;
  height: auto;
  color: white;
  transition: transform 150ms cubic-bezier(.42,0,.58,1);
}

.faqs__section .faqs-block input:checked + .faqs-heading svg {
  transform: rotate(180deg);
}

.faqs__section .faqs-heading {
  cursor: pointer;
  display: grid;
  grid-template-columns: 1fr 1.313rem;
  align-items: center;
  column-gap: 1rem;
  padding: 1rem .5rem;
  color: white;
  position: relative;
  font-size: 1.3rem;
}

.faqs__section .faqs-heading h5 {
  font-weight: 500;
}
/* End FAQs */

@media screen and (min-width: 768px) {
  .dish-w-media {
    min-height: 27rem;
  }
}

@media screen and (max-width: 767px) {
  .dish-w-media {
    height: max-content;
  }
}