@font-face {
  font-family: "linecons";
  src: url(../fonts/linecons/linecons.eot);
  src:
    url("../fonts/linecons/linecons.eot?#iefix") format("embedded-opentype"),
    url(../fonts/linecons/linecons.woff) format("woff"),
    url(../fonts/linecons/linecons.ttf) format("truetype"),
    url("../fonts/linecons/linecons.svg#linecons") format("svg");
  font-weight: 400;
  font-style: normal;
}

.mobilebarIcons > a {
  color: #2d2d2d !important;
}

.mobilebarIcons > a:nth-of-type(2) {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.position-left {
  top: 0;
  left: 0;
  width: 300px;
  height: 100%;
  -ms-transform: translateX(-300px);
  transform: translateX(-300px);
  overflow-y: auto;
}
.noupper {
  text-transform: none !important;
}

.hamburger {
  padding: 0.4em 0.4em 0 0.4em;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}

.hamburger:hover {
  opacity: 0.7;
}

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  width: 40px;
  height: 5px;
  background-color: #fff;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -10px;
}

.hamburger-inner::after {
  bottom: -10px;
}

.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.15s;
  transition-delay: 0.15s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse .hamburger-inner::after {
  top: -20px;
  transition:
    top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    opacity 0.1s linear;
}

.hamburger--collapse .hamburger-inner::before {
  transition:
    top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.32s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition:
    top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    opacity 0.1s 0.27s linear;
}

.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-90deg);
  transition:
    top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
}

nav [class*="icon"] {
  padding: 1rem 0;
}

nav#main {
  font-size: 20px;
  display: inline-block;
}

nav#main .accordion-title {
  font-size: 14px;
  font-family: metropolisregular, arial, sans-serif;
  letter-spacing: 0.06rem;
  font-weight: 400;
  text-transform: uppercase;
  padding: 0.8rem 0;
  margin: 0 0.625rem;
  font-weight: normal !important;
  color: #2b2b2b;
  border: none !important;
  outline: none;
}

nav#main {
  font-weight: normal !important;
}

nav#main ul.mainaccordion .accordion-title.nobot {
  padding-bottom: 0;
}

.noicon::before {
  content: none !important;
}

nav#main .accordion-title::before {
  position: absolute;
  top: 50%;
  right: 0rem;
  margin-top: -0.7rem;
  font-family: "linecons";
  content: "+";
  font-size: 18px;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

.is-active > .accordion-title::before {
  content: "\203A";

  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

nav#main .caret .accordion-title::before {
  position: absolute;
  top: 50%;
  right: 0rem;
  margin-top: -0.2rem;
  font-family: "linecons";
  content: "\e034";
  font-size: 18px;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

.caret.is-active > .accordion-title::before {
  content: "\e032";
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

:last-child > .accordion-content:last-child {
  border: none;
}

.accordion-title:hover,
.accordion-title:focus,
.accordion-content {
  background-color: transparent;
}

nav#main .accordion-content {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border: none;
}

nav#main .accordion-content .accordion-title {
  text-transform: none;
}

nav#main .badge {
  background: transparent !important;
}

.off-canvas.mainnav {
  background: #fff;
  border-right: 1px solid #ccc;
}

button#burger {
  background: rgb(212, 27, 173);
  background: -moz-linear-gradient(
    top,
    rgba(212, 27, 173, 1) 0%,
    rgba(151, 0, 165, 1) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(212, 27, 173, 1) 0%,
    rgba(151, 0, 165, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(212, 27, 173, 1) 0%,
    rgba(151, 0, 165, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d41bad',endColorstr='#9700a5',GradientType=0);
}

.js-off-canvas-overlay {
  background: rgba(1, 1, 1, 0.4);
}

@media screen and (max-width: 39.9375em) {
  .overlay,
  .overlayWhite {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(1, 1, 1, 0.35);
  }

  .overlayWhite {
    background: rgba(255, 255, 255, 0.5);
  }
}
@media screen and (max-width: 63.9375em) {
  .mobile-host-bar {
    font-size: 14px;
    letter-spacing: 0.06rem;
  }

  .sticky1 {
    padding-top: 10px;
    height: 106px;
  }

  ul#subBar {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    font-family: metropolisregular, arial, sans-serif;
    font-weight: 500;
    letter-spacing: 0.06rem;
    font-size: 13px !important;
    text-transform: uppercase;
    margin: 1rem 0 0 0;
    display: flex;
    align-content: stretch;
    justify-content: space-evenly;
    align-items: stretch;
  }

  nav ul#subBar li {
    line-height: 3.3 !important;
  }

  nav ul#subbar li:last-of-type {
    border-right-color: transparent !important;
  }

  ul#subBar a {
    color: #2b2b2b;
    display: block;
  }
}

nav#main hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1rem 0;
  padding: 0;
}

.mobilebarIcons {
  font-size: 1.4rem;
  margin-top: 0.65rem;
  color: #2d2d2d;
  padding-right: calc(0.6875em + 0.4em);
}

.headerHostessWith {
  color: #fff;
  padding-top: 1rem;
  font-size: 12px;
}