@charset "UTF-8";
@font-face {
  font-family: 'Ultramagnetic-Regular';
  src: url("assets/fonts/Ultramagnetic-Regular.eot");
  src: url("assets/fonts/Ultramagnetic-Regular.eot?#iefix") format("embedded-opentype"), url("assets/fonts/Ultramagnetic-Regular.woff") format("woff");
  unicode-range: U+0020-FB02; }
@font-face {
  font-family: 'Ultramagnetic-Light';
  src: url("assets/fonts/Ultramagnetic-Light-Light.eot");
  src: url("assets/fonts/Ultramagnetic-Light.eot") format("embedded-opentype"), url("assets/fonts/Ultramagnetic-Light.woff") format("woff");
  unicode-range: U+0020-FB02; }
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
 body{ background-color: #002e64; background: url(images/bg5.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;}
.hamburger {
  padding: 0px 0px;
  display: inline-block;
  cursor: pointer;
  z-index: 101;
  outline: none;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  vertical-align: middle;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
  margin-bottom: 4rem; }
  .hamburger:hover {
    opacity: 1; }

.hamburger-box {
  width: 2rem;
  height: 18px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  margin: auto;
  top: 50%;
  margin-top: -1px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 2rem;
    height: 2px;
    background-color: #d5af42;
    border-radius: 0px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner.white, .hamburger-inner.white::before, .hamburger-inner.white::after {
    background-color: #fff; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -8px; }
  .hamburger-inner::after {
    bottom: -8px; }

/*
 * 3DX Reverse
 */
.hamburger--3dx-r .hamburger-box {
  perspective: 4rem; }
.hamburger--3dx-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateY(-180deg); }
  .hamburger--3dx-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 8px, 0) rotate(45deg); }
  .hamburger--3dx-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -8px, 0) rotate(-45deg); }

/*
 * Let's target IE to respect aspect ratios and sizes for img tags containing SVG files
 *
 * [1] IE9
 * [2] IE10+
 */
/*
// 1*/
img[src*=".svg"] {
  width: 100% \9; }

@media screen and (min-width: 0\0) {
  img[src*=".svg"] {
    width: 100%; } }
.preloader {
  width: 100%;
  height: 100%;
 /* background: #002e64;*/
  position: fixed;
  z-index: 996; }
  .preloader .preloader-container {
    width: 100%;
    height: 100%;
    position: relative; }
    .preloader .preloader-container svg {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: auto;
      height: 12rem; }

nav {
  -webkit-align-items: centre;
  -moz-align-items: centre;
  -ms-align-items: centre;
  -o-align-items: centre;
  align-items: centre;
  width: 20px;
  position: fixed;
  top: 0;
  right: 0;
  margin: 5rem 3rem 0 0;
  z-index: 1;
  /*
    .link-container
  {
    position: relative;

    .links
    {
      position: absolute;
      display: block;
      width: auto;
      height: auto;
      font-family: inherit;
      font-size: 0;
      line-height: 0;
      white-space: nowrap;
      transform-origin: right center;
      transform: translateX(-100%) rotate(90deg) ;
      z-index: 5;
      margin-top: 4rem;

      li
      {
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 0;
        margin-left: 4rem;
        font: normal 1.5rem $ultmag-reg, sans-serif;
        text-transform: uppercase;
        letter-spacing: 0.075rem;
        color: $navy;
        cursor: pointer;
      }
    }
  }
  */ }
  nav a {
    text-decoration: none;
    border-bottom: none; }
  nav .phone {
    margin: 4rem 0 0;
    display: block;
    vertical-align: middle;
    pointer-events: auto;
    opacity: 1;
    transform: matrix(0, -1, 1, 0, 0, 0);
    display: inline-block;
    margin: 0;
    position: relative;
    width: auto;
    height: 2rem; }
    @media only screen and (max-width: 480px) {
      nav .phone img {
        width: auto;
        height: 2rem; } }
  nav ul {
    width: auto;
    height: auto;
    font-family: inherit;
    line-height: 0;
    white-space: nowrap;
    transform: rotate(90deg);
    z-index: 5; }
    nav ul li {
      display: inline-block;
      margin-bottom: 0;
      margin-left: 4rem;
      font: normal 1.5rem "Ultramagnetic-Regular", sans-serif;
      text-transform: uppercase;
      letter-spacing: 0.1rem;
      color: #d5af42;
      cursor: pointer; }
      nav ul li a {
        color: #d5af42; }
  @media only screen and (max-width: 768px) {
    nav {
      width: 12%;
      margin: 5rem 0 0; } }

.popup {
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  background: rgba(204, 221, 238, 0.6);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 99;
  overflow: scroll;
  text-align: center; }
  .popup#delivery-options .section:not(:last-child) {
    margin-bottom: 0; }
  .popup#payment-interstitial {
    background: rgba(204, 221, 238, 0.96); }
    .popup#payment-interstitial > .container {
      width: 56%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background: none;
      padding: 0; }
    .popup#payment-interstitial .close {
      position: absolute;
      top: 0;
      right: 0;
      margin: 4rem 4rem 0 0;
      cursor: pointer; }
      .popup#payment-interstitial .close svg {
        width: auto;
        height: 2rem; }
    .popup#payment-interstitial .pulsing-logo.active {
      animation: pulse 0.6s linear infinite;
      animation-direction: alternate; }
    .popup#payment-interstitial .pulsing-logo img {
      width: 12rem;
      margin: 0 auto 8rem;
      height: auto; }
@keyframes pulse {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
  .popup .container {
    width: 33%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    padding: 8rem 4%;
    margin: 8rem 0;
    border-radius: 0.5rem;
    background: #000000; }
    .popup .container .close {
      position: absolute;
      top: 0;
      right: 0;
      margin: 2rem 2rem 0 0;
      cursor: pointer; }
      .popup .container .close svg {
        width: 1rem;
        height: 1rem; }
    .popup .container .section .icon {
      margin: auto;
      width: 3rem;
      height: 3rem;
      margin-bottom: 4rem; }
    .popup .container .section:not(:last-child) {
      margin-bottom: 8rem; }
    @media only screen and (max-width: 768px) {
      .popup .container .section {
        width: 78%;
        margin: auto; } }
    .popup .container .section#booking-stores span {
      display: block; }
      .popup .container .section#booking-stores span p {
        display: inline;
        cursor: pointer;
        border-bottom: 1px solid #ccbb99; }
    @media only screen and (max-width: 768px) {
      .popup .container {
        width: 78%; } }

.menu {
  position: fixed;
  top: 0;
  right: 0;
  width: 33.33%;
  padding: 10rem 6%;
  height: 100%;
  margin: auto;
  transform: translate3d(100%, 0, 0);
  background: #000000;
  z-index: 99;
  overflow: scroll; }
  .menu .cta {
    margin-bottom: 4rem; }
  .menu a {
    text-decoration: none;
    border-bottom: none; }
  .menu ul {
    margin-bottom: 4rem;
    list-style-type: none; }
    .menu ul li {
      font: normal 1.5rem "Ultramagnetic-Regular", sans-serif;
      text-transform: uppercase;
      letter-spacing: 0.075rem;
      color: #fff;
      transition: margin-left 0.4s ease; }
      .menu ul li:not(:last-of-type) {
        margin-bottom: 2rem; }
      @media only screen and (max-width: 768px) {
        .menu ul li {
          font-size: 2rem; } }
      .menu ul li:hover {
        margin-left: 1rem; }
    .menu ul #show-book-table-menu {
      cursor: pointer;
      font: normal 1.5rem "Ultramagnetic-Regular", sans-serif;
      text-transform: uppercase;
      letter-spacing: 0.075rem;
      color: #fff;
      transition: margin-left 0.4s ease;
      margin-bottom: 2rem; }
      @media only screen and (max-width: 768px) {
        .menu ul #show-book-table-menu {
          font-size: 2rem; } }
      .menu ul #show-book-table-menu:hover {
        margin-left: 1rem; }
  .menu .delivery-options {
    margin-bottom: 6rem; }
    .menu .delivery-options p {
      font: normal 1.5rem "Ultramagnetic-Regular", sans-serif;
      text-transform: uppercase;
      letter-spacing: 0.075rem !important;
      color: #fff; }
      @media only screen and (max-width: 768px) {
        .menu .delivery-options p {
          font-size: 2rem; } }
    .menu .delivery-options .uber-eats {
      margin-left: auto;
      cursor: pointer; }
      .menu .delivery-options .uber-eats img {
        width: auto;
        height: 6rem; }
        @media only screen and (max-width: 768px) {
          .menu .delivery-options .uber-eats img {
            height: 8rem; } }
    .menu .delivery-options .deliveroo {
      margin-left: auto;
      cursor: pointer; }
      .menu .delivery-options .deliveroo img {
        width: auto;
        height: 4.5rem; }
        @media only screen and (max-width: 768px) {
          .menu .delivery-options .deliveroo img {
            height: 6rem; } }
  @media only screen and (max-width: 768px) {
    .menu {
      width: 100%; } }

footer {
  width: 78%;
  margin: 16rem auto 8rem; }
  footer p {
    font-size: 1.5rem; }
    @media only screen and (max-width: 768px) {
      footer p {
        font-size: 2rem; } }
  footer .logo-stacks {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 15rem; }
    footer .logo-stacks .tpc {
      width: 33.33%;
      position: relative;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -o-justify-content: center;
      justify-content: center; }
      footer .logo-stacks .tpc a {
        height: 2rem; }
      footer .logo-stacks .tpc img {
        margin: auto;
        height: 2rem; }
        @media only screen and (max-width: 768px) {
          footer .logo-stacks .tpc img {
            height: 2rem; } }
      footer .logo-stacks .tpc > a:last-of-type img {
        position: absolute;
        opacity: 0;
        top: 0;
        left: 0;
        transition: opacity 0.4s ease; }
      footer .logo-stacks .tpc > a:last-of-type:hover img {
        opacity: 1; }
      @media only screen and (max-width: 768px) {
        footer .logo-stacks .tpc {
          width: 100%; } }
    footer .logo-stacks .gazi {
      width: 33.33%;
      position: relative;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -o-justify-content: center;
      justify-content: center; }
      footer .logo-stacks .gazi img {
        margin: auto;
        height: 11rem; }
        @media only screen and (max-width: 768px) {
          footer .logo-stacks .gazi img {
            height: 11rem; } }
      footer .logo-stacks .gazi > a:last-of-type img {
        position: absolute;
        opacity: 0;
        top: 0;
        left: 0;
        transition: opacity 0.4s ease; }
      footer .logo-stacks .gazi > a:last-of-type:hover img {
        opacity: 1; }
      @media only screen and (max-width: 768px) {
        footer .logo-stacks .gazi {
          width: 100%; } }
    footer .logo-stacks .jg {
      width: 33.33%;
      position: relative;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -o-justify-content: center;
      justify-content: center; }
      footer .logo-stacks .jg a {
        height: 2.5rem; }
      footer .logo-stacks .jg img {
        margin: auto;
        height: 2.5rem; }
        @media only screen and (max-width: 768px) {
          footer .logo-stacks .jg img {
            height: 3rem; } }
      footer .logo-stacks .jg > a:last-of-type img {
        position: absolute;
        opacity: 0;
        top: 0;
        left: 0;
        transition: opacity 0.4s ease; }
      footer .logo-stacks .jg > a:last-of-type:hover img {
        opacity: 1; }
      @media only screen and (max-width: 768px) {
        footer .logo-stacks .jg {
          width: 100%; } }
    @media only screen and (max-width: 768px) {
      footer .logo-stacks > div:first-child {
        margin-top: 4rem; }
      footer .logo-stacks > div:not(:last-child) {
        margin-bottom: 8rem; } }
  footer .footer-bottom {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%; }
    footer .footer-bottom .social-links a:not(:last-of-type) {
      margin-right: 2rem; }
    footer .footer-bottom .social-links img {
      width: auto;
      height: 2rem;
      transition: transform 0.3s ease; }
      footer .footer-bottom .social-links img:hover {
        transform: scale(1.1); }
      @media only screen and (max-width: 768px) {
        footer .footer-bottom .social-links img {
          height: 3rem; } }
    @media only screen and (max-width: 768px) {
      footer .footer-bottom .social-links {
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
        width: 100%;
        margin-bottom: 8rem; } }
    footer .footer-bottom .accreditations {
      margin-left: auto;
      text-align: right; }
      footer .footer-bottom .accreditations p {
        font-size: 1.5rem; }
        @media only screen and (max-width: 768px) {
          footer .footer-bottom .accreditations p {
            font-size: 2rem; } }
      footer .footer-bottom .accreditations .bff img {
        width: auto;
        height: 2rem;
        margin-top: 4rem;
        margin-left: auto; }
        @media only screen and (max-width: 768px) {
          footer .footer-bottom .accreditations .bff img {
            margin: 8rem auto 0; } }
      @media only screen and (max-width: 768px) {
        footer .footer-bottom .accreditations {
          width: 100%;
          text-align: center; } }
    @media only screen and (max-width: 768px) {
      footer .footer-bottom {
        width: 78%;
        margin: auto; } }
  @media only screen and (max-width: 768px) {
    footer {
      width: 88%;
      margin-right: 12%; } }

.svg-defs {
  width: 100%;
  height: 100vh; }

.header {
  width: 100%;
  height: 100vh;
 /* background: #002e64;*/
  position: relative;
  margin-bottom: 16rem;
  z-index: -2; }
  .header .logo {
    position: absolute;
    width: auto;
    height: 16rem;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    z-index: 5; }
    .header .logo h1 {
      width: 100%;
      height: 100%; }
    .header .logo img {
      width: auto;
      height: 100%; }
    @media only screen and (max-width: 768px) {
      .header .logo {
        display: none; } }
  .header .left-slide {
    position: relative;
    width: 50%;
    height: 100%;
    overflow: hidden; }
    .header .left-slide .container {
      width: 100%;
      height: 100%; }

       @media only screen and  (max-width: 750px){

           .header .left-slide .container { height: 250px; }
          }
      .header .left-slide .container .slide {
        width: 100%;
        height: 100%;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
        clip-path: url("#clip-left-01"); }
        .header .left-slide .container .slide img {
          object-fit: cover;
          object-position: center;
          width: 100%;
          height: 100%; }
          @media only screen and  (max-width: 750px){

           .header .left-slide .container .slide img{ height: 250px; }
          }
        .header .left-slide .container .slide:not(:first-child) {
          -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
          clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
          clip-path: url("#clip-left-02"); }
      .header .left-slide .container svg {
        height: 100vh; }
    @media only screen and (max-width: 768px) {
      .header .left-slide {
        width: 100%; } }
  .header .right-slide {
    position: relative;
    width: 50%;
    height: 100%; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .header .right-slide {
        display: block;
        flex: none;
        transform: translate(-20%, 0%); } }
    .header .right-slide .container {
      /*position: relative;
      width: 56%;
      overflow: hidden;
      height: auto;
      margin: 0 auto;*/ }
      .header .right-slide .container .slide {
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
        clip-path: url("#clip-right-01"); }
        .header .right-slide .container .slide img {
          width: 100%;
          height: 56%;
          margin: auto; }
        .header .right-slide .container .slide:not(:first-child) {
          -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
          clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
          clip-path: url("#clip-right-02"); }
  @media only screen and (max-width: 768px) {
    .header {
      margin-bottom: 8rem; height: 200px !important; } }

.logo-reversed {
  position: absolute;
  display: none;
  width: auto;
  height: 16rem;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  z-index: 5; }
  .logo-reversed img {
    width: auto;
    height: 100%; }
  @media only screen and (max-width: 768px) {
    .logo-reversed {
      display: block; } }

.store-selector {
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%; }
  @media only screen and (max-width: 768px) {
    .store-selector .locations-list {
      width: 100%; } }
  .store-selector .locations-list #selected-location {
    position: relative;
    border-bottom: 1px solid #ccbb99; }
    .store-selector .locations-list #selected-location button {
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      -o-appearance: none;
      appearance: none;
      font: 300 3rem "leitura-news", serif;
      background: none;
      text-align: left;
      padding: 0;
      border: 0;
      cursor: pointer;
      line-height: 1.5;
      color: #FFFFFF; }
    .store-selector .locations-list #selected-location::before {
      width: 4rem;
      height: 4rem;
      content: "";
      margin: 0 0 0 1rem;
      float: right;
      background: url("img/dropdown.svg") no-repeat;
      background-size: 2rem;
      background-position: right 1rem center;
      transition: transform 0.2s ease; }
    .store-selector .locations-list #selected-location.active::before {
      transform: rotateZ(-180deg); }
  .store-selector .locations-list.strong > .hidden-options .location button, .store-selector .locations-list.strong > #selected-location,
  .store-selector .locations-list.strong #selected-location button {
    text-transform: uppercase;
    display: inline-block; }
  .store-selector .locations-list.strong > #selected-location::before {
    height: 6rem; }
  .store-selector .locations-list .hidden-options {
    visibility: hidden;
    height: 0; }
    .store-selector .locations-list .hidden-options .location {
      opacity: 0;
      border-bottom: 1px solid #eee;
      transition: border 0.4s ease; }
      .store-selector .locations-list .hidden-options .location a {
        border-bottom: 0; }
      .store-selector .locations-list .hidden-options .location button {
        -webkit-apperance: none;
        -moz-apperance: none;
        -ms-apperance: none;
        -o-apperance: none;
        apperance: none;
        -webkit-outline: none;
        -moz-outline: none;
        -ms-outline: none;
        -o-outline: none;
        outline: none;
        background: none;
        padding: 2rem 0;
        border: none;
        font: 300 3rem "leitura-news", serif;
        text-align: left;
        color: #FFFFFF;
        cursor: pointer; }
      .store-selector .locations-list .hidden-options .location:hover {
        border-bottom: 1px solid #ccbb99; }

.delivery-wrap {
  position: relative;
  margin-top: 2rem; }
  .delivery-wrap .delivery-popup {
    width: auto;
    display: none;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 120%);
    background: #FFFFFF;
    border-radius: 0.5rem;
    padding: 2rem 4rem;
    z-index: 5; }
    .delivery-wrap .delivery-popup::before {
      content: "";
      position: absolute;
      width: 0;
      top: -2.5rem;
      left: 50%;
      transform: translate(-50%, 0%);
      border: 1.5rem solid #FFFFFF;
      border-color: transparent transparent #FFFFFF transparent; }
    .delivery-wrap .delivery-popup .deliveroo {
      cursor: pointer; }
      .delivery-wrap .delivery-popup .deliveroo img {
        width: auto;
        height: 4.5rem; }
    .delivery-wrap .delivery-popup .uber-eats {
      cursor: pointer;
      margin-right: 4rem; }
      .delivery-wrap .delivery-popup .uber-eats img {
        width: auto;
        height: 6rem; }

.popup-centre {
  position: absolute;
  padding: 4rem;
  top: 35%;
  left: 50%;
  background-color: #000000;
  transform: translate(-50%);
  border-radius: 0.5rem;
  z-index: 98;
  width: inherit;
  max-width: 80%;
  width: inherit; }
  .popup-centre::before {
    content: "";
    position: absolute;
    width: 0;
    top: -2.5rem;
    left: 50%;
    transform: translate(-50%, 0%);
    border: 1.5rem solid #FFFFFF;
    border-color: transparent transparent #FFFFFF transparent; }
  .popup-centre ul {
    display: block; }
    .popup-centre ul li {
      display: block;
      color: #fff;
      margin-left: 0;
      cursor: pointer;
      font: normal 1.5rem "Ultramagnetic-Regular", sans-serif;
      text-transform: uppercase;
      letter-spacing: 0.075rem; }
      .popup-centre ul li:not(:last-of-type) {
        margin-bottom: 3rem; }

.book-table-container {
  position: relative;
  display: inline-block; }
  .book-table-container > li {
    margin-left: 0 !important;
    margin-right: 0 !important; }
  .book-table-container .popup-side {
    position: absolute;
    margin-top: 10rem;
    padding: 4rem;
    top: 50%;
    left: 50%;
    background-color: #000000;
    transform: translate(-50%) rotate(90deg);
    border-radius: 0.5rem;
    z-index: 9999; }
    .book-table-container .popup-side::before {
      content: "";
      position: absolute;
      width: 0;
      top: 50%;
      left: -2.5rem;
      transform: translate(0, -50%);
      border: 1.5rem solid #000;
      border-color: transparent #FFFFFF transparent transparent; }
  .book-table-container ul {
    transform: rotate(180deg); }
    .book-table-container ul li {
      display: block;
      color: #fff;
      margin-left: 0;
      cursor: pointer; }
      .book-table-container ul li:not(:last-of-type) {
        margin-bottom: 3rem; }

.nav-header {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  position: relative;
  padding: 2rem 6% 0;
  margin-bottom: 5rem; }
  .nav-header .logo img {
    width: auto;
    height: 10rem; }
  @media only screen and (max-width: 768px) {
    .nav-header .logo {
      margin: auto; } }
  @media only screen and (max-width: 768px) {
    .nav-header {
      margin-bottom: 16rem; } }

.page-title {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 4rem 6% 0; }
  .page-title h1 {
    position: absolute;
    left: 50%;
    transform: translate3d(-50%, 0, 0); }
  @media only screen and (max-width: 768px) {
    .page-title {
      position: relative;
      padding: 0;
      margin: 8rem 0 0; }
      .page-title h1 {
        position: relative;
        left: 0;
        transform: translate3d(0, 0, 0); } }

.sub-intro {
  width: 44%;
  margin: 16rem auto; }
  .sub-intro p {
    font: normal 300 2rem "leitura-news", serif;
    line-height: 1.75; }
  @media only screen and (max-width: 768px) {
    .sub-intro {
      width: 88%;
      margin: 8rem auto; } }

.wrap-content-icon {
  width: 100%; }
  .wrap-content-icon .icon {
    width: 12%; }
    .wrap-content-icon .icon img {
      width: auto;
      height: 3rem; }
    @media only screen and (max-width: 768px) {
      .wrap-content-icon .icon {
        width: 18%; } }
  .wrap-content-icon .content {
    width: 88%; }
    @media only screen and (max-width: 768px) {
      .wrap-content-icon .content {
        width: 82%; } }
  .wrap-content-icon:not(:last-of-type) {
    margin-bottom: 8rem; }

.scroll-container {
  width: 100%;
  position: relative;
  z-index: 5; }
  .scroll-container .operating-days {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-flow: row;
    -moz-flex-flow: row;
    -ms-flex-flow: row;
    -o-flex-flow: row;
    flex-flow: row;
    -webkit-align-items: top;
    -moz-align-items: top;
    -ms-align-items: top;
    -o-align-items: top;
    align-items: top;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    position: relative;
    margin: 8rem 0;
    overflow: auto; }
    @media only screen and (min-width: 768px) {
      .scroll-container .operating-days {
        overflow: hidden; } }
    .scroll-container .operating-days .day {
      width: 14.28%;
      z-index: -1;
      transition: opacity 0.4s ease;
      z-index: 99; }
      .scroll-container .operating-days .day::hover {
        opacity: 1; }
      .scroll-container .operating-days .day h5 {
        margin-bottom: 2rem;
        text-transform: uppercase; }
      .scroll-container .operating-days .day span {
        display: block;
        margin: auto;
        font: normal 300 1.5rem "Ultramagnetic-Regular", serif;
        text-transform: uppercase;
        text-align: center;
        color: #FFFFFF; }
      .scroll-container .operating-days .day.selected {
        opacity: 1; }
      .scroll-container .operating-days .day:last-of-type {
        margin-right: 0; }
      .scroll-container .operating-days .day .hours {
        display: block;
        margin-bottom: 1rem; }
      .scroll-container .operating-days .day:not(.selected) {
        opacity: 0.2; }
        .scroll-container .operating-days .day:not(.selected):hover {
          opacity: 1 !important; }
          @media only screen and (max-width: 768px) {
            .scroll-container .operating-days .day:not(.selected):hover {
              opacity: 0.2 !important; } }
      @media only screen and (max-width: 768px) {
        .scroll-container .operating-days .day {
          flex: -webkit-none;
          flex: -moz-none;
          flex: -ms-none;
          flex: -o-none;
          flex: none; }
          .scroll-container .operating-days .day.selected {
            order: -2 !important; }
          .scroll-container .operating-days .day.selected ~ .day {
            order: -1; }
          .scroll-container .operating-days .day:last-of-type {
            margin-right: 12%; } }
      @media only screen and (max-width: 768px) {
        .scroll-container .operating-days .day {
          width: 46%;
          margin-right: 8%; } }
    @media only screen and (max-width: 768px) {
      .scroll-container .operating-days {
        margin: 0; } }
  @media only screen and (max-width: 768px) {
    .scroll-container {
      margin: 8rem 0 0; }
      .scroll-container::after {
        width: 25%;
        height: 100%;
        flex: none;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        content: "";
        display: block;
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, white 100%);
        background-size: auto; }
      .scroll-container .scroll-arrow {
        width: 2rem;
        height: 2rem;
        flex: none;
        position: absolute;
        top: 50%;
        right: -8%;
        transform: translateY(-50%);
        content: "";
        display: block;
        background: url(img/side-arrow.svg) no-repeat;
        background-size: auto;
        z-index: 2;
        cursor: pointer; }
      .scroll-container .scroll-arrow-back {
        width: 2rem;
        height: 2rem;
        flex: none;
        position: absolute;
        top: 50%;
        left: -6%;
        transform: translateY(-50%);
        content: "";
        display: block;
        background: url(img/side-arrow-back.svg) no-repeat;
        background-size: auto;
        z-index: 2;
        cursor: pointer; }
      .scroll-container::before {
        width: 25%;
        height: 100%;
        flex: none;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        content: "";
        display: block;
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, white 100%);
        background-size: auto; } }

.other-locations {
  width: 78%;
  margin: auto; }
  .other-locations h2 {
    margin: 0 auto 8rem; }
  .other-locations .location {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%; }
    .other-locations .location .icon {
      width: 6%; }
      .other-locations .location .icon img {
        width: auto;
        height: 3rem; }
      @media only screen and (max-width: 768px) {
        .other-locations .location .icon {
          width: 100%;
          margin-bottom: 2rem; }
          .other-locations .location .icon img {
            margin: auto; } }
    .other-locations .location .address {
      width: 52%; }
      @media only screen and (max-width: 768px) {
        .other-locations .location .address {
          width: 100%;
          margin-bottom: 4rem;
          text-align: center; } }
    .other-locations .location .store {
      width: 42%;
      margin: auto; }
      .other-locations .location .store button {
        float: right;
        font: normal 300 4rem "Ultramagnetic-Regular", serif;
        text-transform: uppercase;
        border: none;
        text-align: right;
        padding: 0 40px 0 0;
        background: url("img/side-arrow.svg") no-repeat;
        background-size: 1rem;
        background-position: right 1rem center;
        cursor: pointer;
        color: #FFFFFF; }
        @media only screen and (max-width: 768px) {
          .other-locations .location .store button {
            font-size: 3rem;
            padding: 0 20px 0 0; } }
      @media only screen and (max-width: 768px) {
        .other-locations .location .store {
          width: 100%;
          -webkit-display: flex;
          -moz-display: flex;
          -ms-display: flex;
          -o-display: flex;
          display: flex;
          -webkit-justify-content: center;
          -moz-justify-content: center;
          -ms-justify-content: center;
          -o-justify-content: center;
          justify-content: center; }
          .other-locations .location .store a {
            border-bottom: none; } }
    .other-locations .location:not(:last-of-type)::after {
      width: 100%;
      margin: 4rem 0;
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id='Squiggle-svg'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20xmlns:ev='http://www.w3.org/2001/xml-events'%20viewBox='0%200%2020%204'%3E%3Cstyle%20type='text/css'%3E.st0{animation:shift%20.3s%20linear%20infinite;}@keyframes%20shift%20{from%20{transform:translateX(0);}to%20{transform:translateX(-50%);}}%3C/style%3E%3Cpath%20fill='none'%20stroke='%23146'%20stroke-width='1'%20class='st0'%20d='M0,3.5%20c%205,0,5,-3,10,-3%20s%205,3,10,3%20c%205,0,5,-3,10,-3%20s%205,3,10,3'/%3E%3C/svg%3E");
      background-size: auto;
      content: "";
      background-size: auto 3px;
      display: block;
      height: 3px; }
      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .other-locations .location:not(:last-of-type)::after {
          background-image: none;
          background-size: 0;
          border-bottom: 2px dotted #ccddee; } }
    @media only screen and (max-width: 768px) {
      .other-locations .location {
        width: 78%;
        margin: auto; } }
  .other-locations > .squiggle, .scroll-container .operating-days .other-locations > .day.selected::after {
    margin: 2rem 0; }
    @media only screen and (max-width: 768px) {
      .other-locations > .squiggle, .scroll-container .operating-days .other-locations > .day.selected::after {
        margin: 4rem 0; } }

body.home .news-newsletter {
  margin-top: -5rem; }
  body.home .news-newsletter > .news {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap; }
  @media only screen and (max-width: 768px) {
    body.home .news-newsletter {
      margin-top: 8rem; } }
body.home .store-select {
  margin: 8rem auto 8rem !important; }
  body.home .store-select .locations-list {
    width: auto; }

.menu-filters {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin: 8rem 0; }
  .menu-filters ul {
    width: 44%;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: auto;
    list-style-type: none; }
    @media only screen and (max-width: 768px) {
      .menu-filters ul {
        width: 100%; } }
    .menu-filters ul li {
      display: inline-block;
      font: normal 400 2rem "leitura-news", serif; }
      .menu-filters ul li a {
        text-decoration: none;
        border-bottom: none; }
      .menu-filters ul li.selected::after {
        width: 100%;
        height: 5px;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id='Squiggle-svg'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20xmlns:ev='http://www.w3.org/2001/xml-events'%20viewBox='0%200%2020%204'%3E%3Cstyle%20type='text/css'%3E.st0{animation:shift%20.3s%20linear%20infinite;}@keyframes%20shift%20{from%20{transform:translateX(0);}to%20{transform:translateX(-50%);}}%3C/style%3E%3Cpath%20fill='none'%20stroke='%23146'%20stroke-width='1'%20class='st0'%20d='M0,3.5%20c%205,0,5,-3,10,-3%20s%205,3,10,3%20c%205,0,5,-3,10,-3%20s%205,3,10,3'/%3E%3C/svg%3E");
        background-size: auto;
        content: "";
        background-size: auto 3px;
        display: block;
        height: 2px; background-color: #FFFFFF; }
        @media only screen and (max-width: 768px) {
          .menu-filters ul li.selected::after {
            margin-top: 1rem; } }
      .menu-filters ul li:not(:last-of-type) {
        margin-right: 4rem; }
      @media only screen and (max-width: 768px) {
        .menu-filters ul li {
          font-size: 2.5rem;
          margin-bottom: 2rem; } }
  @media only screen and (max-width: 768px) {
    .menu-filters {
      width: 78%;
      margin: 0 auto 8rem; }
      .menu-filters ul {
        width: 100%; } }

.menu-category h3 {
  /*margin-bottom: 8rem;*/ 
  margin-bottom: 2rem;
}
.menu-category h4 {
  margin-bottom: 4rem; }
.menu-category .banquet {
  margin-bottom: 8rem; }
.menu-category .category-description {
  font: italic 300 2rem "leitura-news", serif;
  font-size: 16px; 
  line-height: 1.5;
  margin-bottom: 4rem;
  margin-top: -6rem; }
.menu-category .subcategory {
  margin-bottom: 8rem; }
  .menu-category .subcategory > .name {
    font: normal 300 2rem "Ultramagnetic-Regular", serif;
    text-transform: uppercase;
    letter-spacing: 0.075rem;
    /*margin-bottom: 4rem; */
  }
  .menu-category .subcategory:not(:first-child) {
    margin-top: 8rem; }
  .menu-category .subcategory:last-of-type {
    margin-bottom: 0; }
.menu-category .product {
  margin-bottom: 4rem; }
  .menu-category .product.grouped {
    margin-bottom: 8rem; }
    .menu-category .product.grouped .name {
      font: normal 300 2rem "Ultramagnetic-Regular", serif;
      text-transform: uppercase;
      letter-spacing: 0.075rem;
      color: #FFFFFF;
      margin-bottom: 4rem; }
    .menu-category .product.grouped:last-of-type {
      margin-bottom: 0; }
    .menu-category .product.grouped .description ul {
      line-height: 1.75;
      padding-bottom: 2.5rem;
      counter-reset: listStyle01; }
      .menu-category .product.grouped .description ul li {
        counter-increment: listStyle01;
        display: table;
        padding-bottom: 2rem; }
        .menu-category .product.grouped .description ul li::before {
          padding-right: 0;
          content: ""; }
    .menu-category .product.grouped .extra {
      font: italic 300 2rem "leitura-news", serif; }
  .menu-category .product .name {
    margin-bottom: 1rem;
    font: normal "leitura-news", serif;
    line-height: 1.75; font-size: 16px; font-style: italic;}
  .menu-category .product .description {
    font: normal 300 2rem "leitura-news", serif; }
    .menu-category .product .description ul {
      line-height: 2;
      counter-reset: listStyle02;
      list-style-type: none; }
      .menu-category .product .description ul li {
        counter-increment: listStyle02;
        display: table; }
        .menu-category .product .description ul li::before {
          padding-right: 2rem;
          display: table-cell;
          content: "\2022"; }
        .menu-category .product .description ul li:first-of-type {
          padding-top: 2rem; }
    .menu-category .product .description p {
      display: inline; }
      .menu-category .product .description p:nth-child(2) {
        display: block; }
    .menu-category .product .description sup {
      font-size: 1.5rem; }
  .menu-category .product .extra {
    font: italic 300 2rem "leitura-news", serif; }
@media only screen and (max-width: 768px) {
  .menu-category {
    width: 78%;
    margin: auto; } }

form {
  width: 100%; }

button {
  -webkit-outline: none;
  -moz-outline: none;
  -ms-outline: none;
  -o-outline: none;
  outline: none;
  cursor: pointer;
  border-radius: 0; }
  button.cta {
    width: 100%;
    border: none;
    background: #d5af42;
    padding: 2rem 3rem;
    font: normal 1.5rem "Ultramagnetic-Regular", sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    text-align: left;
    color: #FFFFFF;
    cursor: pointer;
    transition: background 0.4s ease; }
    button.cta:not(:last-of-type) {
      margin-bottom: 2rem; }
    button.cta .icon {
      margin-left: auto; }
      button.cta .icon img {
        width: auto;
        height: 3rem; }
    button.cta:hover {
      background: #c1a65b;  }
    @media only screen and (max-width: 768px) {
      button.cta {
        font-size: 2rem; } }
  button.secure {
    display: block;
    position: relative;
    width: 100%;
    height: 6rem;
    padding: 0 2rem;
    border: none;
    border-radius: 0;
    margin-top: 4rem;
    box-shadow: 0.3rem 0.3rem rgba(204, 221, 237, 0.6);
    background-color: #ccddee;
    background-image: url(img/secure.svg);
    background-repeat: no-repeat;
    background-size: auto 3rem;
    background-position: left 2rem center;
    font: normal 500 1.5rem "Ultramagnetic-Regular", serif;
    text-transform: uppercase;
    text-align: right;
    letter-spacing: 0.1rem;
    color: #FFFFFF;
    cursor: pointer; }
    button.secure.loading::after {
      width: 4rem;
      content: "";
      position: absolute;
      top: 50%;
      right: 0;
      height: 50%;
      transform: translate(-50%, -50%);
      background-color: #eee;
      background: url(img/loading.svg) no-repeat;
      background-position: center;
      background-size: cover;
      pointer-events: none; }
  button.submit {
    width: 100%;
    height: 6rem;
    border: none;
    background-color: #ccddee;
    padding: 2rem;
    font: normal 1.5rem "Ultramagnetic-Regular", sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    text-align: center;
    color: #FFFFFF;
    cursor: pointer;
    transition: background-color 0.4s ease;
    outline: none;
    border-radius: 0; }
    button.submit:hover {
      background-color: #bbccdd; }
    button.submit.loading {
      background-color: #ccddee;
      background-image: url(img/loading.svg);
      background-repeat: no-repeat;
      background-position: center;
      background-size: 30%; }

input {
  -webkit-outline: none;
  -moz-outline: none;
  -ms-outline: none;
  -o-outline: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  width: 100%;
  background: none;
  border: 1px solid #ccddee;
  border-radius: 0;
  padding: 2rem 1rem;
  height: 6rem;
  font: normal 300 1.5rem "leitura-news", serif;
  color: #FFFFFF; }
  input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; }
  input[type=number] {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield; }
  input[type="submit"] {
    width: 100%;
    height: 6rem;
    border: none;
    background-color: #ccddee;
    padding: 2rem;
    font: normal 1.5rem "Ultramagnetic-Regular", sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    text-align: center;
    color: #FFFFFF;
    cursor: pointer;
    transition: background-color 0.4s ease;
    outline: none; }
    input[type="submit"]:hover {
      background-color: #bbccdd; }
    input[type="submit"].loading {
      background: url(img/loading.svg) no-repeat;
      background-position: center;
      background-size: 30%;
      background-color: #ccddee;
      pointer-events: none; }
  @media only screen and (max-width: 768px) {
    input {
      font-size: 2rem; } }

input:-webkit-autofill, input:-webkit-autofill:hover,
input:-webkit-autofill:focus, input:-webkit-autofill:active,
select:-webkit-autofill, select:-webkit-autofill:hover,
select:-webkit-autofill:focus, select:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
  -webkit-text-fill-color: #FFFFFF;
  -webkit-box-shadow: 0 0 0 1000px #fff inset !important; }

textarea {
  -webkit-outline: none;
  -moz-outline: none;
  -ms-outline: none;
  -o-outline: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  width: 100%;
  background: none;
  border: 1px solid #ccddee;
  border-radius: 0;
  padding: 1rem 1.5rem;
  height: 16rem;
  font: normal 300 1.5rem "leitura-news", serif;
  color: #FFFFFF;
  resize: none;
  line-height: 2.25rem; }
  @media only screen and (max-width: 768px) {
    textarea {
      font: normal 300 2rem "leitura-news", serif; } }

select {
  -webkit-outline: none;
  -moz-outline: none;
  -ms-outline: none;
  -o-outline: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  width: 100%;
  background: url(img/dropdown-select.svg) no-repeat;
  background-position: right 1rem center;
  background-size: 1rem auto;
  border: 1px solid #ccddee;
  border-radius: 0;
  padding: 2rem 4rem 2rem 2rem;
  font: normal 300 1.5rem "leitura-news", serif;
  color: #FFFFFF; }
  select.middy {
    width: 50%;
    margin-right: 50%; }

label {
  width: 100%;
  display: block;
  margin-top: 1rem;
  font: 300 1.5rem "leitura-news", serif;
  color: #7799bb; }

.inline-wrap {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%; }
  .inline-wrap input {
    width: 83%; }
    @media only screen and (max-width: 768px) {
      .inline-wrap input {
        width: 100%; }
        .inline-wrap input#discount_code {
          width: 80%; } }
  .inline-wrap label {
    position: absolute;
    width: 83%;
    font: normal 300 1.5rem "leitura-news", serif;
    padding: 1rem 2rem 0;
    display: none; }
  .inline-wrap input[type=submit], .inline-wrap button {
    width: 17%;
    box-shadow: 0.3rem 0.3rem rgba(204, 221, 237, 0.6); }
    @media only screen and (max-width: 768px) {
      .inline-wrap input[type=submit], .inline-wrap button {
        width: 50%;
        margin: 6rem auto -2rem; }
        .inline-wrap input[type=submit]#submit_discount, .inline-wrap button#submit_discount {
          width: 20%;
          margin: 0;
          padding: 0; } }
  .inline-wrap .error-wrap {
    width: 100%;
    display: block; }
    .inline-wrap .error-wrap .error-message {
      margin: -5rem 0 2rem 1rem; }

.inline-wrap-toggle {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%; }
  .inline-wrap-toggle input {
    width: 50%;
    text-align: center;
    padding: 0;
    font-size: 3rem;
    border: none;
    border-bottom: none;
    border-bottom: 1px solid #ccbb99; }
  .inline-wrap-toggle #increment_value, .inline-wrap-toggle #decrement_value, .inline-wrap-toggle #increment_quantity, .inline-wrap-toggle #decrement_quantity {
    width: 25%;
    background: none;
    border: none;
    font: normal 300 1.5rem "leitura-news", serif;
    color: #FFFFFF;
    transition: background 0.4s ease; }
    .inline-wrap-toggle #increment_value button, .inline-wrap-toggle #decrement_value button, .inline-wrap-toggle #increment_quantity button, .inline-wrap-toggle #decrement_quantity button {
      width: 50%;
      position: relative;
      background: 4navy;
      border: none; }
      .inline-wrap-toggle #increment_value button::after, .inline-wrap-toggle #decrement_value button::after, .inline-wrap-toggle #increment_quantity button::after, .inline-wrap-toggle #decrement_quantity button::after {
        content: "";
        display: block;
        background: #ccbb99;
        padding-bottom: 100%;
        transition: background 0.4s ease; }
      .inline-wrap-toggle #increment_value button:hover::after, .inline-wrap-toggle #decrement_value button:hover::after, .inline-wrap-toggle #increment_quantity button:hover::after, .inline-wrap-toggle #decrement_quantity button:hover::after {
        background: #bbaa88; }
      .inline-wrap-toggle #increment_value button img, .inline-wrap-toggle #decrement_value button img, .inline-wrap-toggle #increment_quantity button img, .inline-wrap-toggle #decrement_quantity button img {
        width: 1rem;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: auto;
        margin: auto; }
    .inline-wrap-toggle #increment_value::after, .inline-wrap-toggle #decrement_value::after, .inline-wrap-toggle #increment_quantity::after, .inline-wrap-toggle #decrement_quantity::after {
      content: "";
      display: block;
      padding-bottom: 100%; }

.two-col {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  width: 100%; }
  .two-col .col {
    width: 46%;
    z-index: 4; }
    @media only screen and (max-width: 768px) {
      .two-col .col {
        width: 100%; }
        .two-col .col:first-child {
          margin-bottom: 4rem; } }

@media only screen and (max-width: 768px) {
  .form-checkbox .two-col .col:first-child {
    margin-bottom: 0rem; } }

.three-col {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  width: 100%; }
  .three-col .col {
    width: 31%; }
    @media only screen and (max-width: 768px) {
      .three-col .col {
        width: 100%;
        margin-bottom: 4rem; } }
  .three-col .col-small {
    width: 21%; }
    @media only screen and (max-width: 768px) {
      .three-col .col-small {
        width: 50%; } }

.label-wrap {
  margin-bottom: 4rem;
  position: relative;
  width: 100%;
  bottom: 0;
  left: 0; }
  .label-wrap label {
    position: absolute;
    width: 100%;
    font: normal 300 1.5rem "leitura-news", serif;
    padding: 0 1rem 0;
    display: none;
    line-height: 1.5; }
  @media only screen and (max-width: 768px) {
    .label-wrap .newsletter_email {
      width: 100%;
      margin: -9rem 0rem 0; } }
  @media only screen and (max-width: 768px) {
    .label-wrap {
      margin-bottom: 4rem; } }

.one-col {
  width: 46%; }

.gift-card-form {
  width: 100%;
  margin: 8rem auto 0; }
  .gift-card-form label {
    margin-bottom: 2rem; }
  .gift-card-form .two-col > .col > input {
    margin-top: 0; }
  .gift-card-form #gift-card-total {
    font: normal 300 4rem "leitura-news", serif; }
  .gift-card-form .payment-summary, .gift-card-form .surcharge {
    display: block;
    margin: 1rem 0 2rem;
    font: normal 300 1.5rem "leitura-news", serif;
    color: #7799bb; }
  .gift-card-form #discount-message {
    font: normal 300 1.5rem "leitura-news", serif;
    padding: 2rem 0 4rem;
    line-height: 1.75;
    color: #FFFFFF; }
  .gift-card-form label[for="card_value"] {
    padding: 1rem 0 0 !important; }
  .gift-card-form .stripe-secure {
    display: block;
    width: 100%;
    border: none;
    margin-top: 4rem;
    box-shadow: 0.3rem 0.3rem #ddeeff;
    background-color: #ccddee;
    background-image: url(img/secure.svg);
    background-repeat: no-repeat;
    background-size: auto 3rem;
    background-position: left 2rem center;
    font: normal 700 1.5rem "leitura-news", serif;
    text-transform: uppercase;
    text-align: right;
    letter-spacing: 0.1rem;
    color: #FFFFFF;
    cursor: pointer; }
    @supports (-ms-ime-align: auto) {
      .gift-card-form .stripe-secure {
        background-size: 3rem 3rem; } }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .gift-card-form .stripe-secure {
        background-size: 3rem 3rem; } }
  .gift-card-form .cc-fields label {
    -webkit-outline: none;
    -moz-outline: none;
    -ms-outline: none;
    -o-outline: none;
    outline: none;
    width: 100%;
    background: none;
    border: 1px solid #ccddee;
    padding: 2rem;
    height: 6rem;
    font-size: 4rem;
    color: #FFFFFF;
    margin-top: 2rem; }
  .gift-card-form .cc-fields .label {
    width: 100%;
    display: block;
    margin-top: 1rem;
    font: 300 1.5rem "leitura-news", serif;
    color: #ccddee; }
  .gift-card-form #message-label {
    display: none; }
  .gift-card-form .accepted-cards {
    text-align: left;
    margin-bottom: 2rem; }
    .gift-card-form .accepted-cards span {
      opacity: 0.5; }
      .gift-card-form .accepted-cards span img {
        width: auto;
        height: 3rem; }
      .gift-card-form .accepted-cards span:not(:first-of-type) {
        margin-left: 1rem; }
  .gift-card-form button {
    transition: opacity 0.4s ease; }
    .gift-card-form button[type="submit"]:disabled {
      opacity: 0.2; }
  @media only screen and (max-width: 768px) {
    .gift-card-form {
      margin-bottom: 8rem; } }

.input-header {
  display: block;
  margin-bottom: 4rem;
  font: normal 700 2rem "leitura-news", serif; }
  @media only screen and (max-width: 768px) {
    .input-header {
      font: normal 300 2.5rem "leitura-news", serif; } }

.form-radio {
  margin-bottom: 8rem; }
  .form-radio .input-header:not(:first-child) {
    margin: 8rem 0 2rem; }

.form-radio input {
  padding: 0;
  margin: 0;
  border: 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 0;
  height: 0;
  visibility: hidden; }

.form-radio label {
  text-align: left;
  margin: -2rem -0.25rem;
  padding-bottom: 2rem;
  margin-bottom: 2rem; }

.form-radio label p {
  font: normal 300 2rem "leitura-news", serif;
  color: #FFFFFF;
  padding-left: 3rem;
  line-height: 1.5; }

.form-radio input:active + .indicator {
  opacity: 1.0;
  -webkit-filter: opacity(1);
  -moz-filter: opacity(1);
  filter: opacity(1); }

.form-radio input:checked + .indicator {
  background-image: url("img/radio.svg");
  opacity: 1.0;
  -webkit-filter: opacity(1);
  -moz-filter: opacity(1);
  filter: opacity(1); }

.indicator {
  display: block;
  cursor: pointer;
  background-image: url("img/radio-unchecked.svg");
  background-repeat: no-repeat;
  background-position: 0% 50%;
  height: 2.5rem;
  -webkit-transition: opacity 100ms ease-in;
  -moz-transition: opacity 100ms ease-in;
  transition: opacity 100ms ease-in;
  opacity: 1; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .indicator {
      display: block;
      cursor: pointer;
      background-image: url("img/radio-unchecked.svg");
      background-repeat: no-repeat;
      background-position: 0% 50%;
      height: 2.5rem;
      transition: opacity 100ms ease-in;
      opacity: 1; } }

.indicator:hover {
  -webkit-filter: opacity(1);
  -moz-filter: opacity(1);
  -ms-filter: opacity(1);
  filter: opacity(1); }

.form-checkbox input {
  padding: 0;
  margin: 0;
  border: 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 0;
  height: 0;
  visibility: hidden; }

.form-checkbox label {
  text-align: left;
  margin: -0.25rem 0;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 2rem; }

.form-checkbox label p {
  font: normal 300 1.5rem "leitura-news", serif;
  color: #FFFFFF;
  padding-left: 3rem;
  line-height: 1.5; }
  @media only screen and (max-width: 768px) {
    .form-checkbox label p {
      font: normal 300 2rem "leitura-news", serif; } }

.form-checkbox input:checked + .checkbox {
  background-image: url("img/checkbox.svg"); }

.checkbox {
  display: block;
  cursor: pointer;
  background-image: url("img/checkbox-unchecked.svg");
  background-repeat: no-repeat;
  background-position: 0% 50%;
  height: 2rem;
  -webkit-transition: opacity 100ms ease-in;
  -moz-transition: opacity 100ms ease-in;
  transition: opacity 100ms ease-in;
  opacity: 1; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .checkbox {
      display: block;
      cursor: pointer;
      background-image: url("img/checkbox-unchecked.svg");
      background-repeat: no-repeat;
      background-position: 0% 50%;
      height: 2rem;
      transition: opacity 100ms ease-in; } }

.enquiry-form {
  width: 33%;
  margin: auto; }
  .enquiry-form .input-header {
    margin-bottom: 0; }
  .enquiry-form .stripe-secure {
    display: block;
    width: 100%;
    border: none;
    margin-top: 4rem;
    box-shadow: 0.3rem 0.3rem #ddeeff;
    background-color: #ccddee;
    background-image: url(img/secure.svg);
    background-repeat: no-repeat;
    background-size: auto 3rem;
    background-position: left 2rem center;
    font: normal 700 1.5rem "leitura-news", serif;
    text-transform: uppercase;
    text-align: right;
    letter-spacing: 0.1rem;
    color: #FFFFFF;
    cursor: pointer; }
  .enquiry-form textarea {
    margin-top: 8rem;
    -webkit-appearance: none;
    border-radious: 0; }
  .enquiry-form label {
    margin-bottom: 2rem; }
  .enquiry-form button {
    transition: opacity 0.4s ease; }
    .enquiry-form button[type="submit"]:disabled {
      opacity: 0.2; }
  @media only screen and (max-width: 768px) {
    .enquiry-form {
      width: 78%;
      padding-bottom: 0;
      margin-top: 8rem; } }

/*
 * Let's target IE to respect aspect ratios and sizes for img tags containing SVG files
 *
 * [1] IE9
 * [2] IE10+
 */
/*
// 1*/
img[src*=".svg"] {
  width: 100% \9; }

@media screen and (min-width: 0\0) {
  img[src*=".svg"] {
    width: 100%; } }
.flex-block {
  position: relative;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media only screen and (max-width: 768px) {
    .flex-block {
      width: 100%;
      margin: auto; } }
  .flex-block.text-block {
    width: 78%;
    margin: auto; }
    .flex-block.text-block h2, .flex-block.text-block h3 {
      margin: 0 auto 8rem; }
    .flex-block.text-block h4 {
      width: 100%;
      display: block;
      text-align: left;
      padding-bottom: 8rem !important; }
    .flex-block.text-block p, .flex-block.text-block ul, .flex-block.text-block h1, .flex-block.text-block h2, .flex-block.text-block h3, .flex-block.text-block h4 {
      padding: 0 21%; }
      @media only screen and (max-width: 768px) {
        .flex-block.text-block p, .flex-block.text-block ul, .flex-block.text-block h1, .flex-block.text-block h2, .flex-block.text-block h3, .flex-block.text-block h4 {
          padding: 0; } }
    .flex-block.text-block p {
      font-size: 2rem; }
    .flex-block.text-block ul p {
      padding: 0; }
    .flex-block.text-block p:not(:last-child) {
      margin-bottom: 4rem; }
    .flex-block.text-block blockquote {
      font: italic 300 3rem "leitura-news", serif;
      text-align: center;
      line-height: 1.75;
      width: 100%; }
      .flex-block.text-block blockquote p {
        font-size: 3rem;
        padding: 0; }
        @media only screen and (max-width: 768px) {
          .flex-block.text-block blockquote p {
            font-size: 2.5rem; } }
      .flex-block.text-block blockquote:not(:first-child) {
        padding-top: 8rem; }
      .flex-block.text-block blockquote + p {
        display: block;
        margin: 2rem auto 0;
        padding: 0;
        font: normal 300 1.5rem "leitura-news", serif;
        text-align: center;
        letter-spacing: 0.2rem;
        text-transform: uppercase; }
    @media only screen and (max-width: 768px) {
      .flex-block.text-block {
        width: 78%; } }
    .flex-block.text-block .squiggle, .flex-block.text-block .scroll-container .operating-days .day.selected::after, .scroll-container .operating-days .flex-block.text-block .day.selected::after {
      margin: 8rem 21%; }
      @media only screen and (max-width: 768px) {
        .flex-block.text-block .squiggle, .flex-block.text-block .scroll-container .operating-days .day.selected::after, .scroll-container .operating-days .flex-block.text-block .day.selected::after {
          margin: 8rem 0; } }
    .flex-block.text-block ul {
      font: normal 300 2rem "leitura-news", serif;
      line-height: 3.5rem;
      padding-bottom: 2.5rem;
      counter-reset: listStyle; }
      .flex-block.text-block ul li {
        counter-increment: listStyle;
        display: table;
        padding-bottom: 2rem; }
        .flex-block.text-block ul li p {
          padding: 0; }
        .flex-block.text-block ul li > ul {
          counter-reset: listStyle2;
          padding: 0; }
          .flex-block.text-block ul li > ul li {
            counter-increment: listStyle2;
            display: table;
            padding-bottom: 4rem; }
            .flex-block.text-block ul li > ul li::before {
              padding-right: 2rem;
              display: table-cell;
              content: counter(listStyle2,lower-roman) "."; }
            .flex-block.text-block ul li > ul li:first-of-type {
              padding-top: 4rem; }
    .flex-block.text-block ul li::before {
      padding-right: 2rem;
      display: table-cell;
      content: counter(listStyle,lower-alpha) "."; }
  .flex-block.surcharge {
    width: 56%;
    margin: auto;
    font: italic 300 1.7rem "leitura-news", serif;
    text-align: center; }
    .flex-block.surcharge p {
      margin: auto; }
    @media only screen and (max-width: 768px) {
      .flex-block.surcharge {
        width: 78%; } }
  .flex-block.functions-header {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    width: 44%;
    margin: auto;
    text-align: center;
    align-content: center; }
    .flex-block.functions-header img {
      width: 100%;
      margin-bottom: 8rem; }
    .flex-block.functions-header .icon {
      width: 100%;
      height: auto;
      margin: 2rem 0 1rem 0; }
      .flex-block.functions-header .icon img {
        width: 2rem;
        height: auto;
        margin: auto; }
    .flex-block.functions-header .squiggle, .flex-block.functions-header .scroll-container .operating-days .day.selected::after, .scroll-container .operating-days .flex-block.functions-header .day.selected::after {
      margin-bottom: 8rem;
      margin-top: 0; }
    @media only screen and (max-width: 768px) {
      .flex-block.functions-header {
        width: 78%; } }
  .flex-block.store-select {
    width: 78%;
    margin: -12rem auto 8rem;
    position: relative; }
  .flex-block.content {
    width: 44%;
    margin: auto; }
    .flex-block.content ul {
      font: normal 300 2rem "Ultramagnetic-Regular", serif;
      list-style-type: none;
      display: table; }
    .flex-block.content h4 {
      margin-top: 8rem; }
    .flex-block.content ul, .flex-block.content p {
      margin-top: 8rem;
      font: normal 300 2rem "leitura-news", serif;
      line-height: 3.5rem;
      padding-bottom: 2.5rem;
      counter-reset: listStyle; }
      .flex-block.content ul li, .flex-block.content p li {
        counter-increment: listStyle;
        display: table;
        padding-bottom: 2rem; }
    .flex-block.content ul li::before {
      padding-right: 2rem;
      display: table-cell;
      content: counter(listStyle,lower-alpha) "."; }
    .flex-block.content p {
      margin-left: -2rem; }
  .flex-block.content-w-portrait-01 {
    margin-bottom: 12rem; }
    .flex-block.content-w-portrait-01 .content {
      width: 56%;
      position: relative; }
      .flex-block.content-w-portrait-01 .content.left {
        padding-left: 16%;
        padding-right: 6%;
        order: 1; }
      .flex-block.content-w-portrait-01 .content.right {
        padding-left: 6%;
        padding-right: 16%;
        order: 2; }
      @media only screen and (max-width: 768px) {
        .flex-block.content-w-portrait-01 .content {
          width: 88% !important;
          padding: 0 !important;
          margin: 4rem 12% 0; } }
    .flex-block.content-w-portrait-01 .portrait {
      width: 44%;
      position: relative;
      z-index: 2; }
      .flex-block.content-w-portrait-01 .portrait.left {
        order: 1;
        padding-left: 16%; }
        @media only screen and (max-width: 768px) {
          .flex-block.content-w-portrait-01 .portrait.left {
            margin-bottom: 8rem; } }
      .flex-block.content-w-portrait-01 .portrait.right {
        order: 2;
        padding-right: 16%; }
      @media only screen and (max-width: 768px) {
        .flex-block.content-w-portrait-01 .portrait {
          width: 100%;
          padding: 0 !important; } }
    @media only screen and (max-width: 768px) {
      .flex-block.content-w-portrait-01 {
        width: 100% !important; } }
  .flex-block.content-w-portrait-02 .content {
    width: 72%;
    position: relative; }
    .flex-block.content-w-portrait-02 .content.left {
      padding-left: 15%;
      padding-right: 5%;
      order: 1; }
      @media only screen and (max-width: 768px) {
        .flex-block.content-w-portrait-02 .content.left {
          margin-bottom: 8rem; } }
    .flex-block.content-w-portrait-02 .content.right {
      padding-left: 5%;
      padding-right: 15%;
      order: 2; }
    @media only screen and (max-width: 768px) {
      .flex-block.content-w-portrait-02 .content {
        width: 88% !important;
        padding: 0 !important;
        margin: 4rem 12% 0; } }
  .flex-block.content-w-portrait-02 .portrait {
    width: 28%;
    position: relative;
    z-index: 2; }
    .flex-block.content-w-portrait-02 .portrait.left {
      order: 1; }
      @media only screen and (max-width: 768px) {
        .flex-block.content-w-portrait-02 .portrait.left {
          margin-bottom: 8rem; } }
    .flex-block.content-w-portrait-02 .portrait.right {
      order: 2; }
    @media only screen and (max-width: 768px) {
      .flex-block.content-w-portrait-02 .portrait {
        width: 100%; } }
  @media only screen and (max-width: 768px) {
    .flex-block.content-w-portrait-02 {
      width: 100% !important; } }
  .flex-block.content-w-portrait-03 .content {
    width: 78%;
    position: relative; }
    .flex-block.content-w-portrait-03 .content.left {
      padding-left: 28%;
      padding-right: 6%;
      order: 1; }
      @media only screen and (max-width: 768px) {
        .flex-block.content-w-portrait-03 .content.left {
          margin-bottom: 8rem;
          margin: auto; } }
    .flex-block.content-w-portrait-03 .content.right {
      padding-left: 6%;
      padding-right: 28%;
      order: 2; }
    .flex-block.content-w-portrait-03 .content.centre {
      width: 70%;
      margin: auto; }
    @media only screen and (max-width: 768px) {
      .flex-block.content-w-portrait-03 .content {
        width: 78% !important;
        padding: 0 !important;
        margin: auto; } }
  .flex-block.content-w-portrait-03 .portrait {
    width: 22%;
    position: relative;
    z-index: 2; }
    .flex-block.content-w-portrait-03 .portrait.left {
      order: 1; }
      @media only screen and (max-width: 768px) {
        .flex-block.content-w-portrait-03 .portrait.left {
          margin-bottom: 8rem; } }
    .flex-block.content-w-portrait-03 .portrait.right {
      order: 2; }
    @media only screen and (max-width: 768px) {
      .flex-block.content-w-portrait-03 .portrait {
        display: none; } }
  .flex-block.content-w-landscape-01 .content {
    width: 39%;
    position: relative; }
    .flex-block.content-w-landscape-01 .content.left {
      padding-left: 16%;
      padding-right: 6%;
      order: 1; }
    .flex-block.content-w-landscape-01 .content.right {
      padding-left: 6%;
      padding-right: 16%;
      order: 2; }
    @media only screen and (max-width: 768px) {
      .flex-block.content-w-landscape-01 .content {
        width: 100%;
        order: 2; } }
  .flex-block.content-w-landscape-01 .landscape {
    width: 61%;
    position: relative;
    z-index: 2; }
    .flex-block.content-w-landscape-01 .landscape.left {
      order: 1; }
    .flex-block.content-w-landscape-01 .landscape.right {
      order: 2; }
    @media only screen and (max-width: 768px) {
      .flex-block.content-w-landscape-01 .landscape {
        width: 100%; } }
  .flex-block.portrait-landscape-01 .portrait {
    width: 39%;
    position: relative;
    padding-top: 16rem; }
    .flex-block.portrait-landscape-01 .portrait.left {
      order: 1; }
    .flex-block.portrait-landscape-01 .portrait.right {
      order: 2; }
    @media only screen and (max-width: 768px) {
      .flex-block.portrait-landscape-01 .portrait {
        display: none;
        padding-top: 0; } }
  .flex-block.portrait-landscape-01 .landscape {
    width: 61%;
    padding: 0 11%;
    position: relative; }
    .flex-block.portrait-landscape-01 .landscape.left {
      order: 1; }
    .flex-block.portrait-landscape-01 .landscape.right {
      order: 2; }
    @media only screen and (max-width: 768px) {
      .flex-block.portrait-landscape-01 .landscape {
        width: 100%;
        padding: 0; } }
  .flex-block.portrait-landscape-02 .portrait {
    width: 44%;
    position: relative;
    z-index: 2; }
    .flex-block.portrait-landscape-02 .portrait.left {
      order: 1; }
    .flex-block.portrait-landscape-02 .portrait.right {
      order: 2; }
  .flex-block.portrait-landscape-02 .landscape {
    width: 56%;
    padding: 0 11%;
    position: relative;
    z-index: 2; }
    .flex-block.portrait-landscape-02 .landscape.left {
      order: 1; }
    .flex-block.portrait-landscape-02 .landscape.right {
      order: 2; }
  .flex-block.portraits-aside-01 .portrait-large {
    width: 44%;
    position: relative;
    z-index: 2; }
    .flex-block.portraits-aside-01 .portrait-large.left {
      order: 1; }
    .flex-block.portraits-aside-01 .portrait-large.right {
      order: 2; }
    @media only screen and (max-width: 768px) {
      .flex-block.portraits-aside-01 .portrait-large {
        width: 100%; } }
  .flex-block.portraits-aside-01 .portrait-small {
    width: 56%;
    position: relative;
    z-index: 2; }
    .flex-block.portraits-aside-01 .portrait-small.left {
      order: 1;
      padding-left: 16%;
      padding-right: 11%; }
    .flex-block.portraits-aside-01 .portrait-small.right {
      order: 2;
      padding-left: 11%;
      padding-right: 16%; }
    @media only screen and (max-width: 768px) {
      .flex-block.portraits-aside-01 .portrait-small {
        display: none; } }
  .flex-block.medium-landscape .content {
    width: 67%;
    position: relative;
    margin: auto;
    z-index: 2; }
    @media only screen and (max-width: 768px) {
      .flex-block.medium-landscape .content {
        width: 100%; } }
  .flex-block.large-landscape {
    width: 78%;
    position: relative;
    margin: auto;
    z-index: 2; }
    .flex-block.large-landscape .content {
      width: 100%; }
    @media only screen and (max-width: 768px) {
      .flex-block.large-landscape.sandwiched {
        margin-top: 8rem;
        margin-bottom: 8rem; }
        .flex-block.large-landscape.sandwiched:before {
          content: "";
          padding-bottom: 100%; } }
    @media only screen and (max-width: 768px) {
      .flex-block.large-landscape {
        width: 100%; } }
  .flex-block.portrait-slider {
    width: 100%; }
    .flex-block.portrait-slider .content {
      width: 68%;
      margin: auto;
      position: relative; }
      .flex-block.portrait-slider .content .large-portrait {
        width: 50%;
        position: relative; }
        .flex-block.portrait-slider .content .large-portrait .slide {
          position: absolute;
          top: 0;
          left: 0;
          transform: translate(0, -50%);
          -webkit-clip-path: inset(0 0 0 0);
          transition: all 0.5s cubic-bezier(0.25, 0.1, 0.4, 1); }
          .flex-block.portrait-slider .content .large-portrait .slide:not(:first-child) {
            -webkit-clip-path: inset(0 100% 0 0); }
      .flex-block.portrait-slider .content .small-portrait {
        width: 34%;
        margin: 0 8%;
        position: relative; }
        .flex-block.portrait-slider .content .small-portrait .slide {
          position: absolute;
          top: 0;
          left: 0;
          transform: translate(0, -50%);
          -webkit-clip-path: inset(0 0 0 0);
          transition: all 0.5s cubic-bezier(0.25, 0.1, 0.4, 1); }
          .flex-block.portrait-slider .content .small-portrait .slide:not(:first-child) {
            -webkit-clip-path: inset(0 100% 0 0); }
  .flex-block.landscape-slider {
    width: 100%; }
    .flex-block.landscape-slider .content {
      width: 68%;
      position: relative;
      margin: auto;
      height: 100%; }
      .flex-block.landscape-slider .content .slide {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-clip-path: inset(0 0 0 0);
        transition: all 0.6s cubic-bezier(0.25, 0.1, 0.4, 1); }
        .flex-block.landscape-slider .content .slide img {
          object-fit: cover;
          object-position: center;
          width: 100%;
          height: 100%; }
        .flex-block.landscape-slider .content .slide:not(:first-child) {
          -webkit-clip-path: inset(0 100% 0 0); }
      @media only screen and (max-width: 768px) {
        .flex-block.landscape-slider .content {
          width: 78%; } }
    .flex-block.landscape-slider .legacy-slider {
      display: none;
      width: 68%;
      position: relative;
      margin: auto;
      height: 100%; }
      .flex-block.landscape-slider .legacy-slider .slide {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0; }
        .flex-block.landscape-slider .legacy-slider .slide img {
          width: 100%;
          height: auto; }
      @media only screen and (max-width: 768px) {
        .flex-block.landscape-slider .legacy-slider {
          width: 78%; } }
      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .flex-block.landscape-slider .legacy-slider {
          display: block; } }
  .flex-block .arrow-container {
    width: 16%;
    position: relative;
    margin: auto; }
    .flex-block .arrow-container .left-arrow {
      width: 8rem;
      height: 8rem;
      display: block;
      margin: auto;
      cursor: pointer;
      background-image: url("img/circle-left-arrow.svg");
      background-size: cover;
      opacity: 0.8; }
      .flex-block .arrow-container .left-arrow:hover {
        opacity: 1; }
      @media only screen and (max-width: 768px) {
        .flex-block .arrow-container .left-arrow {
          width: 6rem;
          height: 6rem; } }
    .flex-block .arrow-container .right-arrow {
      width: 8rem;
      height: 8rem;
      display: block;
      margin: auto;
      cursor: pointer;
      background-image: url("img/circle-right-arrow.svg");
      background-size: cover;
      opacity: 0.8; }
      .flex-block .arrow-container .right-arrow:hover {
        opacity: 1; }
      @media only screen and (max-width: 768px) {
        .flex-block .arrow-container .right-arrow {
          width: 6rem;
          height: 6rem; } }
  .flex-block.two-portraits {
    width: 68%;
    height: auto;
    margin: auto; }
    .flex-block.two-portraits .large-portrait {
      width: 50%;
      height: auto; }
      .flex-block.two-portraits .large-portrait img {
        width: 100%; }
    .flex-block.two-portraits .small-portrait {
      width: 50%;
      padding: 8%;
      height: auto; }
      .flex-block.two-portraits .small-portrait img {
        width: 100%; }
  .flex-block.center-slide {
    position: relative;
    width: 78%;
    height: 100%;
    margin: auto; }
    .flex-block.center-slide.sandwiched {
      overflow: hidden; }
      @media only screen and (max-width: 768px) {
        .flex-block.center-slide.sandwiched {
          width: 100%;
          margin-top: 8rem; }
          .flex-block.center-slide.sandwiched:before {
            content: "";
            padding-bottom: 100%; } }
    .flex-block.center-slide .container {
      margin: auto;
      position: relative;
      width: 100%;
      overflow-x: hidden;
      overflow-y: hidden; }
      @media only screen and (max-width: 768px) {
        .flex-block.center-slide .container:before {
          content: "";
          padding-bottom: 100%; }
        .flex-block.center-slide .container img {
          width: 200%;
          height: auto; } }
    .flex-block.center-slide .slide {
      position: absolute;
      top: 0;
      left: 0;
      -webkit-clip-path: inset(0 0 0 0);
      transition: all 0.6s cubic-bezier(0.25, 0.1, 0.4, 1); }
      .flex-block.center-slide .slide img {
        object-fit: cover;
        object-position: center;
        width: 100%;
        height: 100%; }
      .flex-block.center-slide .slide:not(:first-child) {
        -webkit-clip-path: inset(0 100% 0 0); }
      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .flex-block.center-slide .slide {
          width: 100%;
          height: auto; } }
      .flex-block.center-slide .slide:after {
        content: "";
        display: block; }
      @media only screen and (max-width: 768px) {
        .flex-block.center-slide .slide {
          width: 100%; }
          .flex-block.center-slide .slide img {
            width: 100%; } }
  .flex-block.cta-centre .content {
    width: 67%;
    margin: auto;
    margin: 0 40rem 4rem 16rem; }
    @media only screen and (max-width: 768px) {
      .flex-block.cta-centre .content {
        width: 100%;
        margin: auto;
        margin-top: 8rem;
        padding-left: 12%; }
        .flex-block.cta-centre .content h2 {
          text-align: left; } }
  .flex-block.cta-small {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    width: 44%;
    margin: auto;
    padding: 4rem 0;
    border: 1px solid #ccddee; }
    .flex-block.cta-small .icon-wrap {
      -webkit-justify-content: space-around;
      -moz-justify-content: space-around;
      -ms-justify-content: space-around;
      -o-justify-content: space-around;
      justify-content: space-around;
      width: 33.33%; }
      .flex-block.cta-small .icon-wrap .icon {
        width: 100%;
        margin-bottom: 2rem; }
        .flex-block.cta-small .icon-wrap .icon img {
          width: auto;
          margin: auto;
          height: 3rem; }
      .flex-block.cta-small .icon-wrap .content {
        text-align: center; }
      @media only screen and (max-width: 768px) {
        .flex-block.cta-small .icon-wrap {
          width: 100%; } }
    .flex-block.cta-small .icon-wrap-2 {
      width: 50%; }
      .flex-block.cta-small .icon-wrap-2 .icon {
        width: 100%;
        margin-bottom: 2rem; }
        .flex-block.cta-small .icon-wrap-2 .icon img {
          width: auto;
          margin: auto;
          height: 3rem; }
      .flex-block.cta-small .icon-wrap-2 .content {
        text-align: center; }
      @media only screen and (max-width: 768px) {
        .flex-block.cta-small .icon-wrap-2 {
          width: 100%; } }
    @media only screen and (max-width: 768px) {
      .flex-block.cta-small {
        width: 78%;
        margin: auto; }
        .flex-block.cta-small > .icon-wrap:not(:last-of-type) {
          margin-bottom: 4rem; } }
  .flex-block .cta-buttons {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 4rem auto 0;
    width: 67%;
    position: relative; }
    .flex-block .cta-buttons a {
      border-bottom: none; }
    .flex-block .cta-buttons > button:not(:first-child), .flex-block .cta-buttons > a:not(:first-child) {
      margin-top: 2rem; }
    @media only screen and (max-width: 768px) {
      .flex-block .cta-buttons {
        width: 100%; } }
  .flex-block.cta-bar {
    width: 100%;
    padding: 2rem 3rem 2rem 6%;
    background: #000000;
    z-index: 98;
    display: none; }
    .flex-block.cta-bar .apology {
      color: #FFF;
      margin-right: 24px;
    }
      .flex-block.cta-bar .apology a:hover {
        border-bottom: 0;
      }
      .flex-block.cta-bar .apology:before {
        content: '';
        display: inline-block;
        width: 20px;
        height: 18px;
        vertical-align: middle;
        margin-right: 12px;
        background: url("img/download-icon.svg") no-repeat;
      }
      @media only screen and (max-width: 960px) {
        .flex-block.cta-bar .apology:before {
          content: none;
        }
      }
    .flex-block.cta-bar .content {
      width: 40%;
      text-align: right; }
      .flex-block.cta-bar .content p {
        font-size: 2rem;
        color: #fff; }
      @media only screen and (max-width: 960px) {
        .flex-block.cta-bar .content {
          width: 26%;
        }
      }
      @media only screen and (max-width: 768px) {
        .flex-block.cta-bar .content {
          width: 48%;
          padding-right: 0; } }
      @media only screen and (max-width: 768px) {
        .flex-block.cta-bar .content {
          text-align: left;
          width: 100%;
          margin: 5rem 0 2rem; } }
    .flex-block.cta-bar .cta {
      margin-left: auto;
      margin-right: 8%; }
      @media only screen and (max-width: 768px) {
        .flex-block.cta-bar .cta {
          width: 100%;
          margin-left: 0;
          margin-right: 0; } }
      .flex-block.cta-bar .cta span {
        margin: auto; }
    .flex-block.cta-bar .close {
      cursor: pointer; }
      .flex-block.cta-bar .close svg {
        width: 2rem;
        height: auto; }
      @media only screen and (max-width: 768px) {
        .flex-block.cta-bar .close {
          position: absolute;
          top: 0;
          right: 0;
          margin-top: 5rem;
          padding-right: 6%; } }
    @media only screen and (max-width: 768px) {
      .flex-block.cta-bar {
        width: 100%;
        height: auto;
        padding: 5rem 6%;
        margin-top: -8rem;
        margin-bottom: 8rem; } }
  .flex-block.cta-circle-wrap {
    z-index: 8; }
    .flex-block.cta-circle-wrap a {
      border-bottom: none;
      margin: auto;
      margin-bottom: 8rem; }
    .flex-block.cta-circle-wrap .cta-circle {
      width: 20rem;
      height: 20rem;
      position: absolute;
      border: 1px solid #FFFFFF;
      border-radius: 50%;
      cursor: pointer;
      transition: all 0.3s ease; }
      .flex-block.cta-circle-wrap .cta-circle::after {
        width: 22rem;
        content: "";
        height: 22rem;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate3d(-50%, -50%, 0);
        border: 1px solid #ccddee;
        border-radius: 50%;
        cursor: pointer;
        transition: all 0.4s ease; }
      .flex-block.cta-circle-wrap .cta-circle#gift-card {
        top: 0%;
        right: 10%;
        transform: translate3d(0, -150%, 0); }
        @media only screen and (max-width: 768px) {
          .flex-block.cta-circle-wrap .cta-circle#gift-card {
            position: relative;
            transform: translate(0, 0);
            left: 0; } }
      .flex-block.cta-circle-wrap .cta-circle#see-menu {
        top: 0%;
        left: 55%;
        transform: translate3d(-50%, -50%, 0); }
        @media only screen and (max-width: 768px) {
          .flex-block.cta-circle-wrap .cta-circle#see-menu {
            position: relative;
            transform: translate(0, 0);
            left: 0;
            top: 0;
            margin-top: 8rem; } }
      .flex-block.cta-circle-wrap .cta-circle .link {
        width: 50%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font: normal 1.5rem "Ultramagnetic-Regular", serif;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: 0.1rem; }
      .flex-block.cta-circle-wrap .cta-circle .arrow {
        position: absolute;
        top: 50%;
        left: 100%;
        transform: translate3d(-40%, 0, 0);
        transition: transform 0.4s ease; }
        .flex-block.cta-circle-wrap .cta-circle .arrow img {
          width: auto;
          height: 1rem; }
      .flex-block.cta-circle-wrap .cta-circle:hover::after {
        width: 24rem;
        content: "";
        height: 24rem;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate3d(-50%, -50%, 0);
        border: 1px solid #ccddee;
        border-radius: 50%; }
      .flex-block.cta-circle-wrap .cta-circle:hover .arrow {
        position: absolute;
        top: 50%;
        left: 100%;
        transform: translate3d(-20%, 0, 0); }
        .flex-block.cta-circle-wrap .cta-circle:hover .arrow img {
          width: auto;
          height: 1rem; }
      @media only screen and (max-width: 768px) {
        .flex-block.cta-circle-wrap .cta-circle {
          position: relative;
          margin-top: 8rem; } }
  .flex-block.gift-form .form {
    width: 78%;
    position: relative; }
    .flex-block.gift-form .form h3 {
      text-align: center; }
    .flex-block.gift-form .form.left {
      padding-left: 33%;
      padding-right: 11%; }
    .flex-block.gift-form .form.right {
      padding-left: 11%;
      padding-right: 33%; }
    .flex-block.gift-form .form .as-postal, .flex-block.gift-form .form .many-only {
      display: none; }
    @media only screen and (max-width: 768px) {
      .flex-block.gift-form .form {
        width: 78%;
        padding: 0 !important;
        margin: auto; } }
    .flex-block.gift-form .form .many-only {
      display: block; }
  .flex-block.gift-form .portrait {
    width: 22%;
    position: relative;
    z-index: 2; }
    .flex-block.gift-form .portrait.left {
      order: -1; }
    .flex-block.gift-form .portrait.right {
      order: 1; }
  .flex-block.center-logo {
    margin: auto;
    width: 17%;
    display: block; }
    @media only screen and (max-width: 768px) {
      .flex-block.center-logo {
        width: 34%; } }
    .flex-block.center-logo img {
      margin-bottom: 4rem; }
  .flex-block.news-newsletter {
    width: 78%;
    margin: auto;
    /*border: 1px solid #FFFFFF;*/
    padding: 8rem 7%;
    margin-top: 8rem;
    z-index: 9; }
    .flex-block.news-newsletter .news {
      display: none;
      width: 100%; }
      .flex-block.news-newsletter .news .title {
        width: 17%;
        text-align: center; }
        @media only screen and (max-width: 768px) {
          .flex-block.news-newsletter .news .title {
            width: 100%;
            margin-bottom: 4rem; } }
      .flex-block.news-newsletter .news .content {
        width: 75%;
        margin-left: 8%;
        text-align: left; }
        @media only screen and (max-width: 768px) {
          .flex-block.news-newsletter .news .content {
            width: 100%; } }
      .flex-block.news-newsletter .news::after {
        width: 100%;
        height: 3px;
        margin-top: 8rem;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id='Squiggle-svg'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20xmlns:ev='http://www.w3.org/2001/xml-events'%20viewBox='0%200%2020%204'%3E%3Cstyle%20type='text/css'%3E.st0{animation:shift%20.3s%20linear%20infinite;}@keyframes%20shift%20{from%20{transform:translateX(0);}to%20{transform:translateX(-50%);}}%3C/style%3E%3Cpath%20fill='none'%20stroke='%23acd'%20stroke-width='1'%20class='st0'%20d='M0,3.5%20c%205,0,5,-3,10,-3%20s%205,3,10,3%20c%205,0,5,-3,10,-3%20s%205,3,10,3'/%3E%3C/svg%3E");
        content: "";
        background-size: auto 3px;
        display: block; }
        @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
          .flex-block.news-newsletter .news::after {
            background-image: none;
            background-size: 0;
            border-bottom: 2px dotted #ccddee; } }
    .flex-block.news-newsletter .newsletter {
      width: 83%;
      margin: auto; }
      .flex-block.news-newsletter .newsletter p {
        text-align: center; }
      .flex-block.news-newsletter .newsletter .inline-wrap {
        width: 60%;
        margin: auto; }
        .flex-block.news-newsletter .newsletter .inline-wrap .error-message {
          margin-bottom: 0; }
          .flex-block.news-newsletter .newsletter .inline-wrap .error-message.subscription {
            margin: -5rem 0 1rem 2rem; }
            @media only screen and (max-width: 768px) {
              .flex-block.news-newsletter .newsletter .inline-wrap .error-message.subscription {
                margin: -15rem 1rem 0; } }
        @media only screen and (max-width: 768px) {
          .flex-block.news-newsletter .newsletter .inline-wrap {
            width: 100%; } }
      .flex-block.news-newsletter .newsletter #newsletter-message {
        display: none;
        font-size: 1.5rem;
        margin: 3rem 1rem 0;
        position: absolute; }
        @media only screen and (max-width: 768px) {
          .flex-block.news-newsletter .newsletter #newsletter-message {
            margin: -2rem 1rem 0;
            width: 70%; }
            .flex-block.news-newsletter .newsletter #newsletter-message.news-success {
              margin: -1rem 1rem 0 !important; } }
    @media only screen and (max-width: 768px) {
      .flex-block.news-newsletter {
        padding: 8rem 4%; } }
  .flex-block.other-restaurants {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    width: 58%;
    margin: auto; }
    @media only screen and (max-width: 768px) {
      .flex-block.other-restaurants {
        width: 78%; } }

#ja-jobs-widget {
  width: 100%; }
  #ja-jobs-widget .job:not(:last-child) {
    margin-bottom: 8rem; }
  #ja-jobs-widget .ja-job-details .description {
    width: 100%;
    padding: 0 21%;
    line-height: 1.75;
    font-size: 2rem; }
    @media only screen and (max-width: 768px) {
      #ja-jobs-widget .ja-job-details .description {
        padding: 0; } }
    #ja-jobs-widget .ja-job-details .description ul {
      list-style-type: disc;
      counter-reset: foo;
      display: table;
      padding: 4rem 0; }
      #ja-jobs-widget .ja-job-details .description ul > li {
        counter-increment: foo;
        display: table-row;
        line-height: 175%; }
        #ja-jobs-widget .ja-job-details .description ul > li::before {
          content: "•";
          display: table-cell;
          text-align: right;
          padding-right: 2rem; }
  #ja-jobs-widget .ja-job-details .apply {
    width: 100%;
    padding: 4rem 21% 0; }
    #ja-jobs-widget .ja-job-details .apply input {
      width: auto;
      height: 6rem;
      border: none;
      background-color: #ccddee;
      padding: 2rem;
      font: normal 1.5rem "Ultramagnetic-Regular", sans-serif;
      text-transform: uppercase;
      letter-spacing: 0.1rem;
      text-align: center;
      color: #FFFFFF;
      cursor: pointer;
      transition: background-color 0.4s ease;
      outline: none;
      border-radius: 0;
      display: block;
      margin-top: 4rem; }
      #ja-jobs-widget .ja-job-details .apply input:hover {
        background-color: #bbccdd; }
    #ja-jobs-widget .ja-job-details .apply .back-link {
      font-size: 2rem; }
    @media only screen and (max-width: 768px) {
      #ja-jobs-widget .ja-job-details .apply {
        padding: 4rem 0 0; } }

.view-details {
  font-size: 2rem;
  margin-left: 21%; }
  @media only screen and (max-width: 768px) {
    .view-details {
      margin-left: 0; } }

.powered-by-jobadder {
  display: none; }

.from-left {
  animation: from-left 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  animation-fill-mode: forwards; }

@keyframes from-left {
  0% {
    opacity: 0;
    transform: translate(-100px, 0); }
  100% {
    opacity: 1;
    transform: translate(0, 0); } }
.flex-horizontally-centred, .popup, .menu .delivery-options, footer .logo-stacks, footer .logo-stacks .tpc, footer .logo-stacks .gazi, footer .logo-stacks .jg, footer .footer-bottom .social-links, .header, .popup-centre, .nav-header, .other-locations .location, body.home .news-newsletter > .news, .menu-filters, button.cta, .inline-wrap, .inline-wrap-toggle, .flex-block, .flex-block.portrait-slider .content {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center; }

.flex-horizontally-top, footer .footer-bottom, .store-selector, .wrap-content-icon, .menu-filters ul, .two-col, .three-col, .gift-card-form .accepted-cards, .flex-block.cta-small, .flex-block.align-top {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -o-align-items: flex-start;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -o-align-items: flex-start;
  align-items: flex-start; }

.flex-vertically-top, nav, .flex-block.cta-small .icon-wrap-2 {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start; }

.flex-vertically-centred, .popup#payment-interstitial > .container, .header .right-slide, .header .right-slide .container, .flex-block.cta-small .icon-wrap, .flex-block .cta-buttons {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center; }

.flex-centred, .delivery-wrap .delivery-popup, .book-table-container .popup-side, .inline-wrap-toggle #increment_value, .inline-wrap-toggle #decrement_value, .inline-wrap-toggle #increment_quantity, .inline-wrap-toggle #decrement_quantity, .flex-block.landscape-slider .content, .flex-block.landscape-slider .content .slide, .flex-block.landscape-slider .legacy-slider .slide, .flex-block.center-slide, .flex-block.center-slide .container, .flex-block.center-slide .slide, .flex-block.cta-circle-wrap .cta-circle {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center; }

*,
*:before,
*:after {
  box-sizing: inherit;
  margin: 0;
  padding: 0; }

html {
  box-sizing: border-box; }
  @media only screen and (max-width: 960px) {
    html {
      font-size: 1.9vw; } }
  @media only screen and (min-width: 768px) and (max-width: 959px) {
    html {
      font-size: 1vw; } }
  @media only screen and (min-width: 490px) and (max-width: 767px) {
    html {
      font-size: 1.6vw; } }
  @media only screen and (min-width: 960px) {
    html {
      font-size: 0.6994vw; } }
  @media only screen and (min-width: 1680px) {
    html {
      font-size: 0.444vw; } }

body {
  background: url(images/bg1.jpeg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #FFFFFF;
  font: normal 100 2rem "leitura-news", serif; }
  @media only screen and (max-width: 768px) {
    body {
      background: url(images/bg1.jpeg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
      font: normal 300 2rem "leitura-news", serif;  } }

@media only screen and (max-width: 768px) {
  main {
    width: 100%;
    margin-right: 0%; } }

.scrollable-container {
  position: fixed;
  top: 0;
  left: 0; }

canvas {
  width: 100%; }

h1 {
  font: normal 300 3rem "Ultramagnetic-Light", serif;
  text-align: center;
  text-transform: uppercase; }

h2 {
  font: normal 300 3rem "leitura-news", serif;
  line-height: 1.5;
  text-align: center; }

h3 {
  font: normal 300 2.5rem "Ultramagnetic-Regular", serif;
  letter-spacing: 0.1rem;
  text-transform: uppercase; }

h4 {
  font: normal 300 2rem "Ultramagnetic-Regular", serif;
  text-transform: uppercase;
  letter-spacing: 0.1rem; }

h5 {
  font: normal 300 1.5rem "Ultramagnetic-Regular", serif;
  text-align: center; }

p {
  line-height: 1.75; font-size: 16px;}

i {
  font-style: italic; }

q {
  font: italic 300 3rem "leitura-news", serif;
  text-align: center;
  line-height: 1.75;
  quotes: "“" "”"; }
  q::before {
    content: open-quote; }
  q::after {
    content: close-quote; }

.notification, .flex-block.cta-bar .content {
  font: italic 300 2rem "leitura-news", sans-serif;
  color: #FFFFFF; }

::-webkit-input-placeholder {
  /* Chrome */
  color: #7799bb; }

strong {
  font: normal 600 2rem "leitura-news", serif;
  line-height: 1.75;
  display: block; }

span.heavy, .store-selector .locations-list.strong > .hidden-options .location button, .store-selector .locations-list.strong > #selected-location,
.store-selector .locations-list.strong #selected-location button {
  font: normal 300 4rem "Ultramagnetic-Regular", serif;
  text-align: left;
  text-transform: uppercase;
  display: inline-block; }
  @media only screen and (max-width: 768px) {
    span.heavy, .store-selector .locations-list.strong > .hidden-options .location button, .store-selector .locations-list.strong > #selected-location,
    .store-selector .locations-list.strong #selected-location button {
      font-size: 3rem; } }

span.title {
  font: normal 300 4rem "Ultramagnetic-Light", serif;
  text-transform: uppercase;
  display: block;
  margin-bottom: 8rem;
  text-align: center; }

a {
  text-decoration: none;
  line-height: 1.75;
  border-bottom: 1px solid #ccbb99;
  color: inherit; }

sup {
  font-size: 2.5rem; }

.clean a, footer .logo-stacks .tpc a, footer .logo-stacks .gazi a, footer .logo-stacks .jg a {
  text-decoration: none;
  border-bottom: none; }

.text-centre p {
  text-align: center; }

img {
  width: 100%;
  height: 100%;
  display: block; }

.translation {
  position: relative;
  background-image: linear-gradient(to right, #ccbb99 33%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 3px 1px;
  background-repeat: repeat-x;
  cursor: pointer;
  transition: all 0.4s ease; }
  .translation .trans-popup {
    display: none;
    position: absolute;
    width: 350px;
    top: 0;
    left: 50%;
    background: #FFFFFF;
    border-radius: 0.5rem;
    padding: 2rem;
    transform: translate(-50%, -150%);
    cursor: default;
    color: #fff;
    font: italic 300 1.5rem "leitura-news", serif;
    text-align: center;
    z-index: 999; }
    .translation .trans-popup::before {
      content: "";
      position: absolute;
      width: 0;
      bottom: -2.5rem;
      left: 50%;
      transform: translate(-50%, 0%);
      border: 1.5rem solid #FFFFFF;
      border-color: #FFFFFF transparent transparent transparent; }

.squiggle, .scroll-container .operating-days .day.selected::after {
  width: 100%;
  margin-top: 2rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id='Squiggle-svg'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20xmlns:ev='http://www.w3.org/2001/xml-events'%20viewBox='0%200%2020%204'%3E%3Cstyle%20type='text/css'%3E.st0{animation:shift%20.3s%20linear%20infinite;}@keyframes%20shift%20{from%20{transform:translateX(0);}to%20{transform:translateX(-50%);}}%3C/style%3E%3Cpath%20fill='none'%20stroke='%23146'%20stroke-width='1'%20class='st0'%20d='M0,3.5%20c%205,0,5,-3,10,-3%20s%205,3,10,3%20c%205,0,5,-3,10,-3%20s%205,3,10,3'/%3E%3C/svg%3E");
  background-size: auto;
  content: "";
  background-size: auto 3px;
  display: block;
  height: 3px; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .squiggle, .scroll-container .operating-days .day.selected::after {
      width: 100%;
      margin-top: 2rem;
      background-image: none;
      background-size: auto;
      content: "";
      background-size: 0;
      display: block;
      border-bottom: 2px dotted #ccddee; } }
  .squiggle.white, .scroll-container .operating-days .white.day.selected::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id='Squiggle-svg'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20xmlns:ev='http://www.w3.org/2001/xml-events'%20viewBox='0%200%2020%204'%3E%3Cstyle%20type='text/css'%3E.st0{animation:shift%20.3s%20linear%20infinite;}@keyframes%20shift%20{from%20{transform:translateX(0);}to%20{transform:translateX(-50%);}}%3C/style%3E%3Cpath%20fill='none'%20stroke='%23fff'%20stroke-width='2'%20class='st0'%20d='M0,3.5%20c%205,0,5,-3,10,-3%20s%205,3,10,3%20c%205,0,5,-3,10,-3%20s%205,3,10,3'/%3E%3C/svg%3E"); }
  .squiggle.light-blue, .scroll-container .operating-days .light-blue.day.selected::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id='Squiggle-svg'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20xmlns:ev='http://www.w3.org/2001/xml-events'%20viewBox='0%200%2020%204'%3E%3Cstyle%20type='text/css'%3E.st0{animation:shift%20.3s%20linear%20infinite;}@keyframes%20shift%20{from%20{transform:translateX(0);}to%20{transform:translateX(-50%);}}%3C/style%3E%3Cpath%20fill='none'%20stroke='%23cde'%20stroke-width='2'%20class='st0'%20d='M0,3.5%20c%205,0,5,-3,10,-3%20s%205,3,10,3%20c%205,0,5,-3,10,-3%20s%205,3,10,3'/%3E%3C/svg%3E"); }

hr {
  margin: 4rem 0;
  background: none;
  border: none; }
  hr.white {
    border-top: 1px solid #fff; }
  hr.navy {
    border-top: 1px solid #FFFFFF; }

.caption {
  width: 100%;
  display: block;
  margin: auto;
  text-align: center;
  font: italic 300 1.5rem "leitura-news", serif;
  text-align: center; }
  .caption.top {
    order: -1;
    margin-bottom: 2rem; }
  .caption.bottom {
    order: 2;
    margin-top: 2rem; }
  .caption.instagram {
    font: normal 300 2rem "leitura-news", serif; }

.light-blue {
  color: #ccddee; }

.error-wrap {
  position: relative;
  margin-bottom: -4rem; }
  .error-wrap .error-message {
    position: absolute;
    width: 100%;
    display: none;
    margin: -3rem 0 2rem 1rem;
    font: 300 normal 1.5rem "leitura-news", serif;
    color: #ff0000;
    line-height: 1.5; }

.error-message {
  font: normal 300 1.5rem "leitura-news", serif;
  color: #ff0000; }

#enquiry-message {
  display: none;
  line-height: 1.5;
  font-size: 1.5rem;
  margin: 2rem 2rem 0; }

#discount-message {
  display: none;
  font-size: 1.5rem; }

@media only screen and (max-width: 768px) {
  .mobile-hidden, .header .right-slide {
    display: none !important; } }

.mobile-show {
  display: none; }
  @media only screen and (max-width: 768px) {
    .mobile-show {
      display: inline !important; } }

.mobile-cta {
  display: none; }
  @media only screen and (max-width: 768px) {
    .mobile-cta {
      display: flex !important; } }

.swipe-left {
  -webkit-clip-path: inset(0 100% 0 0);
  transition: all 1.4s cubic-bezier(0.2, 0.6, 0.45, 1), transform 1ms; }
  .swipe-left img {
    transition: transform 1.4s cubic-bezier(0.2, 0.6, 0.45, 1); }
  .swipe-left.active {
    -webkit-clip-path: inset(0 0% 0 0); }

.swipe-right {
  -webkit-clip-path: inset(0 0 0 100%);
  transition: all 1.4s cubic-bezier(0.2, 0.6, 0.45, 1), transform 1ms; }
  .swipe-right img {
    transition: transform 1.4s cubic-bezier(0.2, 0.6, 0.45, 1); }
  .swipe-right.active {
    -webkit-clip-path: inset(0 0% 0 0); }

/* vertical padding elements, for overriding defaults */
.above-2rem {
  padding-top: 2rem; }

.above-4rem {
  padding-top: 4rem; }

.above-8rem {
  padding-top: 8rem; }

.above-16rem {
  padding-top: 16rem; }

.below-2rem {
  padding-bottom: 2rem; }

.below-4rem {
  padding-bottom: 4rem; }

.below-8rem {
  padding-bottom: 3rem; }

.below-16rem {
  padding-bottom: 16rem; }

.both-2rem {
  padding-top: 2rem;
  padding-bottom: 2rem; }

.both-4rem {
  padding-top: 4rem;
  padding-bottom: 4rem; }

.both-8rem {
  padding-top: 8rem;
  padding-bottom: 8rem; }

.both-16rem {
  padding-top: 16rem;
  padding-bottom: 16rem; }

.offet-both-16rem {
  margin-top: -16rem; }

.offset-below-8rem {
  margin-bottom: -8rem; }
  @media only screen and (max-width: 768px) {
    .offset-below-8rem {
      margin-bottom: 0; } }

.above-mobile-4rem {
  padding-top: 4rem; }

.below-mobile-4rem {
  padding-bottom: 4rem !important; }

@media only screen and (max-width: 768px) {
  .above-none {
    padding-top: 0rem !important; } }

.above {
  z-index: 6 !important; }

.base {
  z-index: 5 !important; }

.below {
  z-index: 4 !important; }

body.if-ie .header > .left-slide .slide {
  background-size: cover; }
  body.if-ie .header > .left-slide .slide img {
    display: none; }
body.if-ie .landscape-slider .arrow-container,
body.if-ie .landscape-slider .content {
  display: none; }

/*# sourceMappingURL=main.css.map */