/* fonts */
@font-face {
  font-family: 'Epilogue';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/epilogue/v20/O4ZCFGj5hxF0EhjimlIhqAYaY7EBcUSC-HAKTp_R.ttf) format('truetype');
}
@font-face {
  font-family: 'Epilogue';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/epilogue/v20/O4ZCFGj5hxF0EhjimlIhqAYaY7EBcUSC-HCKT5_R.ttf) format('truetype');
}
@font-face {
  font-family: 'Epilogue';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/epilogue/v20/O4ZCFGj5hxF0EhjimlIhqAYaY7EBcUSC-HBUT5_R.ttf) format('truetype');
}
@font-face {
  font-family: 'Epilogue';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/epilogue/v20/O4ZCFGj5hxF0EhjimlIhqAYaY7EBcUSC-HAKT5_R.ttf) format('truetype');
}
@font-face {
  font-family: 'Epilogue';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/epilogue/v20/O4ZCFGj5hxF0EhjimlIhqAYaY7EBcUSC-HA4T5_R.ttf) format('truetype');
}
@font-face {
  font-family: 'Epilogue';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/epilogue/v20/O4ZCFGj5hxF0EhjimlIhqAYaY7EBcUSC-HDUSJ_R.ttf) format('truetype');
}
@font-face {
  font-family: 'Epilogue';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/epilogue/v20/O4ZCFGj5hxF0EhjimlIhqAYaY7EBcUSC-HDtSJ_R.ttf) format('truetype');
}
@font-face {
  font-family: 'Epilogue';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/epilogue/v20/O4ZCFGj5hxF0EhjimlIhqAYaY7EBcUSC-HCKSJ_R.ttf) format('truetype');
}
@font-face {
  font-family: 'Epilogue';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/epilogue/v20/O4ZCFGj5hxF0EhjimlIhqAYaY7EBcUSC-HCjSJ_R.ttf) format('truetype');
}
@font-face {
  font-family: 'Epilogue';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/epilogue/v20/O4ZMFGj5hxF0EhjimngomvnCCtqb30OXMDLiDA.ttf) format('truetype');
}
@font-face {
  font-family: 'Epilogue';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/epilogue/v20/O4ZMFGj5hxF0EhjimngomvnCCtqb30OXsDPiDA.ttf) format('truetype');
}
@font-face {
  font-family: 'Epilogue';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/epilogue/v20/O4ZMFGj5hxF0EhjimngomvnCCtqb30OXbjPiDA.ttf) format('truetype');
}
@font-face {
  font-family: 'Epilogue';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/epilogue/v20/O4ZMFGj5hxF0EhjimngomvnCCtqb30OXMDPiDA.ttf) format('truetype');
}
@font-face {
  font-family: 'Epilogue';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/epilogue/v20/O4ZMFGj5hxF0EhjimngomvnCCtqb30OXAjPiDA.ttf) format('truetype');
}
@font-face {
  font-family: 'Epilogue';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/epilogue/v20/O4ZMFGj5hxF0EhjimngomvnCCtqb30OX7jTiDA.ttf) format('truetype');
}
@font-face {
  font-family: 'Epilogue';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/epilogue/v20/O4ZMFGj5hxF0EhjimngomvnCCtqb30OX1zTiDA.ttf) format('truetype');
}
@font-face {
  font-family: 'Epilogue';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/epilogue/v20/O4ZMFGj5hxF0EhjimngomvnCCtqb30OXsDTiDA.ttf) format('truetype');
}
@font-face {
  font-family: 'Epilogue';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/epilogue/v20/O4ZMFGj5hxF0EhjimngomvnCCtqb30OXmTTiDA.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq6R8aX8.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jqyR9aX8.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq_p9aX8.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq6R9aX8.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq5Z9aX8.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq3p6aX8.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq0N6aX8.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jqyR6aX8.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jqw16aX8.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Uw-.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCvr6Ew-.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCs16Ew-.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Ew-.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Ew-.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu170w-.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM70w-.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCvr70w-.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCvC70w-.ttf) format('truetype');
}
.mon {
  font-family: "Montserrat", sans-serif !important;
}
.epi {
  font-family: "Epilogue", sans-serif !important;
}
.akr {
  font-family: "Akrobat", sans-serif !important;
}
.helvn {
  font-family: "Helvetica Neue", sans-serif !important;
}
.helv {
  font-family: "Helvetica", sans-serif !important;
}
/* body */
html,
body {
  margin: 0;
  background: #fff;
  font-size: 62.5% !important;
  color: #0A0A0A;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  font-family: "Helvetica Neue", sans-serif !important;
}
#page {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
body p {
  color: #0A0A0A;
}
table,
tr,
td {
  font-size: 20px;
}
a {
  outline: none;
  text-decoration: none;
}
.row {
  max-width: 150rem;
  height: inherit;
  margin: 0 auto;
  padding: 0 3rem;
  position: relative;
  z-index: 5;
}
.row .anchor {
  position: absolute;
  top: -16rem;
  height: 1px;
  width: 1px;
}
* {
  box-sizing: border-box;
}
/* layout */
.flex {
  display: flex;
}
/* background */
#page {
  background-image: url('../img/page-bg.jpg');
  background-repeat: repeat;
  background-size: cover;
  width: 100%;
  height: auto;
}
/* header */
header#head {
  padding: 5rem 0 1.5rem 0;
  z-index: 50;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  transition: all .5s;
}
header#head .row {
  max-width: 140rem;
}
header#head .row .border {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
header#head .row .border #logo {
  flex: 1 0 19.5rem;
  max-width: 19.5rem;
  height: 19.5rem;
  transform: rotate(-15deg);
  position: relative;
  top: -2rem;
}
header#head .row .border #logo a {
  cursor: pointer;
  display: block;
}
header#head .row .border #logo a img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
header#head .row .border .flex {
  display: flex;
  justify-content: flex-end;
  flex: 1;
  max-width: 100%;
  padding-left: 4rem;
}
header#head .row .border .flex nav ul {
  display: flex;
  justify-content: flex-end;
  flex: 1 0 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  backdrop-filter: blur(10px);
  border-radius: 4rem;
  overflow: hidden;
}
header#head .row .border .flex nav ul li {
  padding: 1.6rem 1.5rem;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
}
header#head .row .border .flex nav ul li a {
  font-family: "Helvetica", sans-serif !important;
  font-size: 2rem;
  font-weight: 700;
  line-height: 100%;
  color: #fff;
  letter-spacing: -1.2px;
  position: relative;
}
header#head .row .border .flex nav ul li a:hover:before {
  left: 0;
  right: 50%;
}
header#head .row .border .flex nav ul li a:hover:after {
  right: 0;
  left: 50%;
}
header#head .row .border .flex nav ul li a:before,
header#head .row .border .flex nav ul li a:after {
  content: '';
  display: block;
  height: 0;
  border-bottom: 1px solid #feaf0a;
  position: absolute;
  top: 3rem;
  transition: all .3s;
}
header#head .row .border .flex nav ul li a:before {
  left: -50%;
  right: 150%;
}
header#head .row .border .flex nav ul li a:after {
  right: -50%;
  left: 150%;
}
header#head .row .border .flex nav ul li.current-menu-item a {
  color: #feaf0a;
}
header#head .row .border .flex nav ul li:first-of-type {
  padding-left: 4rem;
}
header#head .row .border .flex nav ul li:last-of-type {
  padding-right: 0;
}
header#head .row .border .flex nav ul li:last-of-type a {
  padding: 1.2rem 2.6rem 1.4rem 2.6rem;
  background-color: #d42f01;
  border-radius: 2.7rem;
  transition: all .3s;
}
header#head .row .border .flex nav ul li:last-of-type a:hover {
  background: #fff;
  color: #d42f01;
}
header#head .row .border .flex nav ul li:last-of-type a:after,
header#head .row .border .flex nav ul li:last-of-type a:before {
  display: none;
}
#mobileTrigger {
  display: none;
  height: 3.4rem;
  width: 4rem;
  cursor: pointer;
  padding: 0 1rem;
  position: absolute;
  right: 2rem;
  top: 3.6rem;
  z-index: 110;
  filter: drop-shadow(0 0 5px #000000);
}
#mobileTrigger div {
  width: 2rem;
  height: 2px;
  background: #fff;
  margin: 1rem 0;
  transition: all .3s;
}
#mobileTrigger div + div {
  width: 1.1rem;
}
#mobileTrigger.opened {
  position: fixed;
  top: 1.8rem;
  right: 2.3rem;
}
#mobileTrigger.opened div {
  width: 2.4rem;
  position: absolute;
  top: 0.7rem;
  left: 0.9rem;
  transform: rotate(45deg);
  background: #ffffff;
}
#mobileTrigger.opened div + div {
  transform: rotate(-45deg);
}
/* order box */
#orderbox {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 200;
  display: none;
}
#orderbox .flex {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  padding: 3rem 2rem;
}
#orderbox .flex .body {
  width: 100%;
  max-width: 54rem;
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background: #fff;
  padding: 3rem 2rem;
  border-radius: 2rem;
  position: relative;
}
#orderbox .flex .body .close {
  width: 2rem;
  height: 2rem;
  position: absolute;
  right: 1rem;
  top: 1rem;
  background-image: url('../img/ico-close.svg');
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  transition: all .3s;
}
#orderbox .flex .body .close:hover {
  transform: scale(0.9);
}
#orderbox .flex .body .flex {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1rem;
  width: auto;
}
#orderbox .flex .body .flex .post {
  padding: 1rem;
}
#orderbox .flex .body .flex .post a {
  display: block;
  flex: 1;
  max-width: 20rem;
  border: 1px solid #eee;
  border-radius: 1rem;
  height: 10rem;
  padding: 2rem;
  transition: all .3s;
}
#orderbox .flex .body .flex .post a img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#orderbox .flex .body .flex .post a:hover {
  border-color: #d42f01;
}
/* HOME */
.page-template-page-home #hero {
  width: 100%;
  background-position: center;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 22rem 0 0 0;
  z-index: 2;
  height: 82rem;
}
.page-template-page-home #hero .row {
  max-width: 124rem;
  display: flex;
  justify-content: space-between;
  position: relative;
}
.page-template-page-home #hero .row .txt {
  max-width: 65rem;
  margin: 0 auto 0 0;
}
.page-template-page-home #hero .row .txt h1 {
  font-family: "Akrobat", sans-serif !important;
  font-size: 25.6rem;
  font-weight: 800;
  line-height: 74%;
  color: #feaf0a;
  letter-spacing: -12.8px;
  text-transform: uppercase;
  margin: 0 0 5rem 0;
}
.page-template-page-home #hero .row .txt h1 strong {
  color: #fff;
}
.page-template-page-home #hero .row .img {
  width: 94rem;
  height: 83rem;
  position: absolute;
  right: -10rem;
  bottom: 11rem;
}
.page-template-page-home #hero .row .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.page-template-page-home #hero:after {
  content: '';
  width: 100%;
  height: 6px;
  background: linear-gradient(90deg, #000000 0%, #feaf0a 8.31%, #feaf0a 45.86%, #000000 62.57%, #000000 78.85%, #feaf0a 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.page-template-page-home #intro {
  padding: 9.7rem 0 6.5rem 0;
}
.page-template-page-home #intro .row {
  max-width: 140rem;
}
.page-template-page-home #intro .row .flex {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.page-template-page-home #intro .row .flex .img {
  flex: 1 0 48%;
  max-width: 48%;
  margin-left: -8rem;
}
.page-template-page-home #intro .row .flex .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-template-page-home #intro .row .flex .txt {
  flex: 1 0 52%;
  max-width: 52%;
  padding: 0 3rem;
}
.page-template-page-home #intro .row .flex .txt h2 {
  font-family: "Helvetica", sans-serif !important;
  font-size: 7rem;
  line-height: 90%;
  color: #fff;
  margin: 0 0 3rem 0;
  text-align: left;
  font-weight: 700 ;
  letter-spacing: -4.2px;
}
.page-template-page-home #intro .row .flex .txt h2 strong {
  color: #feaf0a;
}
.page-template-page-home #intro .row .flex .txt p {
  font-family: "Helvetica Neue", sans-serif !important;
  font-size: 2.4rem;
  line-height: 120%;
  color: #fff;
  margin: 0 0 3rem 0;
  text-align: left;
  font-weight: 300;
  max-width: 55rem;
}
.page-template-page-home #vibe {
  padding-bottom: 24rem;
}
.page-template-page-home #vibe .row {
  max-width: 114rem;
}
.page-template-page-home #vibe .row .flex {
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-template-page-home #vibe .row .flex .txt {
  flex: 1;
  max-width: 100%;
  padding-right: 2rem;
  text-align: center;
}
.page-template-page-home #vibe .row .flex .txt h2 {
  font-family: "Helvetica", sans-serif !important;
  font-size: 5.7rem;
  line-height: 100%;
  color: #fff;
  margin: 0 auto 3rem auto;
  font-weight: 700 ;
  letter-spacing: -3.4px;
  max-width: 56rem;
}
.page-template-page-home #vibe .row .flex .txt p {
  font-family: "Helvetica Neue", sans-serif !important;
  font-size: 2.4rem;
  line-height: 120%;
  color: #fff;
  margin: 0 auto 3rem auto;
  font-weight: 300 ;
  max-width: 55rem;
}
.page-template-page-home #vibe .row .flex .img {
  flex: 1 0 44rem;
  max-width: 44rem;
}
.page-template-page-home #vibe .row .flex .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.page-template-page-home #checkmenu {
  padding-bottom: 7rem;
}
.page-template-page-home #checkmenu .row {
  max-width: 134rem;
}
.page-template-page-home #checkmenu .row .flex {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  background: #000;
  border-radius: 2.4rem;
  position: relative;
}
.page-template-page-home #checkmenu .row .flex .box {
  flex: 1 0 50%;
  max-width: 50%;
  padding: 0 5rem 4rem 5rem;
}
.page-template-page-home #checkmenu .row .flex .box .img {
  max-width: 59rem;
  height: auto;
  margin: -15rem auto 0 auto;
}
.page-template-page-home #checkmenu .row .flex .box .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.page-template-page-home #checkmenu .row .flex .box .txt {
  margin-top: 0.5rem;
}
.page-template-page-home #checkmenu .row .flex .box .txt p {
  max-width: 40rem;
  font-family: "Helvetica Neue", sans-serif !important;
  font-size: 2rem;
  font-weight: 300;
  color: #fff;
  margin-bottom: 1rem;
}
.page-template-page-home #checkmenu .row .flex .box .txt h2 {
  max-width: 40rem;
  font-family: "Akrobat", sans-serif !important;
  font-size: 11rem;
  font-weight: 800;
  color: #fff;
  margin: 0;
  max-width: 100%;
  text-transform: uppercase;
  letter-spacing: -6.6px;
  line-height: 80%;
}
.page-template-page-home #checkmenu .row .flex .box .txt h2 strong {
  color: #feaf0a;
  font-weight: 800;
}
.page-template-page-home #checkmenu .row .flex .box:nth-of-type(1) .img {
  margin: -15rem -2.5rem 0 0;
}
.page-template-page-home #checkmenu .row .flex .box:nth-of-type(1) .txt p {
  text-align: right;
  margin: 0 0 1rem auto;
}
.page-template-page-home #checkmenu .row .flex .box:nth-of-type(1) .txt h2 {
  text-align: right;
  margin: 0 0 0 auto;
}
.page-template-page-home #checkmenu .row .flex .box:nth-of-type(2) .img {
  margin: -15rem 0 0 -2.5rem;
}
.page-template-page-home #checkmenu .row .flex:after {
  content: '';
  width: 1px;
  height: 80%;
  background: #fff;
  position: absolute;
  bottom: 4rem;
  left: 50%;
}
.page-template-page-home #checkmenu .row a {
  width: 18rem;
  font-family: "Helvetica", sans-serif !important;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 100%;
  color: #fff;
  letter-spacing: -1.4px;
  position: relative;
  padding: 1.2rem 2.6rem 1.5rem 2.6rem;
  background-color: #d42f01;
  border-radius: 2.7rem;
  transition: all .3s;
  display: block;
  position: absolute;
  bottom: 4.5rem;
  left: 8rem;
  text-align: center;
}
.page-template-page-home #checkmenu .row a:hover {
  background: #fff;
  color: #d42f01;
}
.page-template-page-home #testimonials {
  padding-bottom: 12rem;
}
.page-template-page-home #testimonials .row {
  max-width: 125rem;
}
.page-template-page-home #testimonials .row h2 {
  font-family: "Helvetica", sans-serif !important;
  font-size: 3.6rem;
  font-weight: 700;
  color: #fff;
  margin: 0 auto 12rem auto;
  text-align: center;
  letter-spacing: -2.2px;
  line-height: 100%;
}
.page-template-page-home #testimonials .row .flex {
  display: flex;
  justify-content: center;
  align-items: stretch;
  margin: 0 -1.6rem;
  flex-wrap: wrap;
}
.page-template-page-home #testimonials .row .flex .box {
  flex: 1 0 33.33%;
  max-width: 33.33%;
  padding: 0 1.6rem;
}
.page-template-page-home #testimonials .row .flex .box .content {
  padding: 2rem 4.2rem;
  background-color: rgba(89, 89, 89, 0.2);
  border-radius: 1.9rem;
  height: 100%;
  border-radius: 19px;
  backdrop-filter: blur(10px);
}
.page-template-page-home #testimonials .row .flex .box .content .img {
  margin: 0 auto;
  width: 13rem;
  height: 13rem;
  position: relative;
  top: 0;
}
.page-template-page-home #testimonials .row .flex .box .content .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 50%;
}
.page-template-page-home #testimonials .row .flex .box .content .txt {
  text-align: center;
}
.page-template-page-home #testimonials .row .flex .box .content .txt h3 {
  font-family: "Helvetica Neue", sans-serif !important;
  font-size: 2.4rem;
  font-weight: 700;
  color: #fff;
  margin: 0 auto 0.8rem auto;
  line-height: 120%;
  padding-bottom: 4rem;
  background-image: url('../img/stars.png');
  background-repeat: no-repeat;
  background-size: 16rem 3.2rem;
  background-position: bottom center;
}
.page-template-page-home #testimonials .row .flex .box .content .txt p {
  font-family: "Helvetica Neue", sans-serif !important;
  font-size: 1.8rem;
  font-weight: 300;
  color: #fff;
  margin: 0 auto;
  line-height: 120%;
}
.page-template-page-home #order {
  padding-bottom: 18rem;
}
.page-template-page-home #order .row {
  max-width: 70rem;
}
.page-template-page-home #order .row h2 {
  font-family: "Helvetica", sans-serif !important;
  font-size: 4.6rem;
  font-weight: 700;
  color: #fff;
  margin: 0 auto 2rem auto;
  text-align: center;
  letter-spacing: -2.8px;
  line-height: 100%;
}
.page-template-page-home #order .row p {
  font-family: "Helvetica Neue", sans-serif !important;
  font-size: 2.1rem;
  font-weight: 300;
  color: #fff;
  margin: 0 auto 4.4rem auto;
  text-align: center;
  line-height: 120%;
  max-width: 55rem;
}
.page-template-page-home #order .row .flex {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.page-template-page-home #order .row .flex a {
  width: 18.2rem;
  font-family: "Helvetica", sans-serif !important;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 100%;
  color: #fff;
  letter-spacing: -1.4px;
  position: relative;
  padding: 1.2rem 2.6rem 1.5rem 2.6rem;
  background-color: #d42f01;
  border-radius: 2.7rem;
  transition: all .3s;
  display: block;
  text-align: center;
  margin: 0 1rem;
}
.page-template-page-home #order .row .flex a:hover {
  background: #fff;
  color: #d42f01;
}
/* MENU */
.page-template-page-menu #hero {
  padding-bottom: 30rem;
}
.page-template-page-menu #hero .top {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 36rem;
  position: relative;
}
.page-template-page-menu #hero .top:after {
  content: '';
  width: 100%;
  height: 6px;
  background: linear-gradient(90deg, #000000 0%, #feaf0a 8.31%, #feaf0a 45.86%, #000000 62.57%, #000000 78.85%, #feaf0a 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.page-template-page-menu #hero .row {
  max-width: 126rem;
}
.page-template-page-menu #hero .row .flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  position: relative;
  top: 17.5rem;
}
.page-template-page-menu #hero .row .flex .title {
  flex: 1 0 54rem;
  max-width: 54rem;
  position: relative;
}
.page-template-page-menu #hero .row .flex .title h1 {
  font-family: "Akrobat", sans-serif !important;
  font-size: 25.6rem;
  line-height: 72.9%;
  font-weight: 800;
  color: #fff;
  margin: 0;
  letter-spacing: -13px;
  text-transform: uppercase;
}
.page-template-page-menu #hero .row .flex .title h1 strong {
  color: #feaf0a;
}
.page-template-page-menu #hero .row .flex .title:after {
  content: '';
  width: 53.4rem;
  height: 5rem;
  background: url('../img/mayo.svg');
  position: absolute;
  bottom: 16.6rem;
  left: 50%;
  margin-left: -27rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: none;
}
.page-template-page-menu #hero .row .flex .txt {
  flex: 1;
  max-width: 100%;
  padding-left: 4rem;
}
.page-template-page-menu #hero .row .flex .txt p {
  font-family: "Helvetica", sans-serif !important;
  font-size: 2.6rem;
  line-height: 130%;
  font-weight: 300;
  color: #fff;
  margin-top: -7rem;
}
.page-template-page-menu #hero .row a {
  padding: 1.2rem 2.6rem 1.5rem 2.6rem;
  background-color: #d42f01;
  border-radius: 2.7rem;
  transition: all .3s;
  color: #fff;
  font-size: 2.4rem;
  line-height: 100%;
  font-weight: 700;
  letter-spacing: -1.4px;
  font-family: "Helvetica", sans-serif !important;
  margin-top: 19rem;
  display: inline-block;
  position: relative;
}
.page-template-page-menu #hero .row a:hover {
  background: #fff;
  color: #d42f01;
}
.page-template-page-menu #menu {
  padding: 0 0 12rem 0;
}
.page-template-page-menu #menu .row {
  max-width: 126rem;
}
.page-template-page-menu #menu .row .category {
  padding: 0 0 2rem 0;
}
.page-template-page-menu #menu .row .category .head.flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #d42f01;
}
.page-template-page-menu #menu .row .category .head.flex h2 {
  flex: 1 0 50%;
  max-width: 50%;
  font-family: "Akrobat", sans-serif !important;
  font-size: 5.4rem;
  line-height: normal;
  font-weight: 800;
  color: #feaf0a;
  margin: 0 0 1rem auto;
  text-align: right;
  letter-spacing: -2.7px;
  text-transform: uppercase;
}
.page-template-page-menu #menu .row .category .head.flex p {
  flex: 1 0 50%;
  max-width: 50%;
  font-family: "Helvetica Neue", sans-serif !important;
  font-size: 1.8rem;
  line-height: 120%;
  font-weight: 300;
  color: #feaf0a;
  margin: 0 0 1rem 0;
  text-align: left;
  max-width: 48rem;
}
.page-template-page-menu #menu .row .category .body.flex {
  padding: 4rem 0 0 0;
}
.page-template-page-menu #menu .row .category .body.flex .img {
  flex: 1 0 35rem;
  max-width: 35rem;
}
.page-template-page-menu #menu .row .category .body.flex .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.page-template-page-menu #menu .row .category .body.flex .menu {
  flex: 1;
  max-width: 100%;
}
.page-template-page-menu #menu .row .category .body.flex .menu .flex {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0;
}
.page-template-page-menu #menu .row .category .body.flex .menu .flex .post {
  flex: 1 0 50%;
  max-width: 50%;
  padding: 0 2rem 3.4rem 2rem;
}
.page-template-page-menu #menu .row .category .body.flex .menu .flex .post .flex .header.flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.page-template-page-menu #menu .row .category .body.flex .menu .flex .post .flex .header.flex .image {
  flex: 1 0 14.7rem;
  max-width: 14.7rem;
  -webkit-aspect-ratio: 1;
  aspect-ratio: 1;
  border-radius: 50%;
  overflow: hidden;
}
.page-template-page-menu #menu .row .category .body.flex .menu .flex .post .flex .header.flex .image.empty {
  background: #D9D9D9;
}
.page-template-page-menu #menu .row .category .body.flex .menu .flex .post .flex .header.flex .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-template-page-menu #menu .row .category .body.flex .menu .flex .post .flex .header.flex .details {
  flex: 1;
  max-width: 100%;
  padding-left: 2rem;
}
.page-template-page-menu #menu .row .category .body.flex .menu .flex .post .flex .header.flex .details .flex {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2rem;
}
.page-template-page-menu #menu .row .category .body.flex .menu .flex .post .flex .header.flex .details .flex h3 {
  font-family: "Helvetica", sans-serif !important;
  font-size: 2.8rem;
  line-height: 100%;
  font-weight: 700;
  color: #fff;
  margin: 0;
  text-align: left;
  letter-spacing: -1.7px;
}
.page-template-page-menu #menu .row .category .body.flex .menu .flex .post .flex .header.flex .details .flex .price {
  flex: 1;
  font-family: "Helvetica", sans-serif !important;
  font-size: 2.8rem;
  line-height: 100%;
  font-weight: 700;
  color: #fff;
  margin: 0 auto 0 0;
  text-align: right;
  letter-spacing: -1.7px;
}
.page-template-page-menu #menu .row .category .body.flex .menu .flex .post .flex .header.flex .details p {
  font-family: "Helvetica", sans-serif !important;
  font-size: 1.8rem;
  line-height: 120%;
  font-weight: 300;
  color: #fff;
  margin: 0;
  width: 100%;
}
.page-template-page-menu #menu .row .category .special {
  background: #feaf0a;
  border-radius: 2.4rem;
  padding: 1.6rem;
  max-width: 50%;
}
.page-template-page-menu #menu .row .category .special p {
  font-family: "Helvetica", sans-serif !important;
  font-size: 1.8rem;
  line-height: 120%;
  font-weight: 300;
  color: #000;
  margin: 0 0 1.1rem 0;
}
.page-template-page-menu #menu .row .category .special p + p {
  margin: 0;
}
.page-template-page-menu #menu .row .category:nth-of-type(3) .body.flex {
  margin: 0 -1rem;
}
.page-template-page-menu #menu .row .category:nth-of-type(3) .body.flex .img,
.page-template-page-menu #menu .row .category:nth-of-type(3) .body.flex .menu {
  padding: 0 1rem;
}
.page-template-page-menu #menu .row .category:nth-of-type(3) .body.flex .menu .flex {
  width: 100%;
}
.page-template-page-menu #menu .row .category:nth-of-type(3) .body.flex .menu .flex .post .flex .header.flex .image {
  display: none;
}
.page-template-page-menu #menu .row .category:nth-of-type(3) .body.flex .menu .flex .post .flex .header.flex .details {
  flex: 1 0 100%;
  max-width: 100%;
  padding-left: 0;
}
.page-template-page-menu #menu .row .category:nth-of-type(3) .body.flex .menu .flex .post .flex .header.flex .details .flex {
  flex: 1 0 100%;
  max-width: 100%;
  width: 100%;
}
.page-template-page-menu #menu .row .category:nth-of-type(4) .body.flex .menu .flex .post:last-of-type .flex .header.flex .details .flex .price {
  font-size: 2rem;
}
/* ABOUT US */
.page-template-page-about #hero {
  width: 100%;
  background-position: center;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 22rem 0 6rem 0;
  z-index: 2;
  height: 80rem;
}
.page-template-page-about #hero .row {
  max-width: 124rem;
}
.page-template-page-about #hero .row .txt {
  padding-top: 30rem;
}
.page-template-page-about #hero .row .txt h1 {
  font-family: "Helvetica", sans-serif !important;
  font-size: 11rem;
  line-height: 90%;
  color: #fff;
  margin: 0 0 auto 0;
  font-weight: 700;
  max-width: 104rem;
  letter-spacing: -6.6px;
}
.page-template-page-about #hero .row .txt h1 strong {
  color: #feaf0a;
}
.page-template-page-about #hero:after {
  content: '';
  width: 100%;
  height: 6px;
  background: linear-gradient(90deg, #000000 0%, #feaf0a 8.31%, #feaf0a 45.86%, #000000 62.57%, #000000 78.85%, #feaf0a 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.page-template-page-about #names {
  padding: 2.5rem 0;
  background: rgba(89, 89, 89, 0.2);
  backdrop-filter: blur(10px);
}
.page-template-page-about #names .row {
  max-width: 124rem;
}
.page-template-page-about #names .row .flex {
  display: flex;
  justify-content: center;
  margin: 0 -4rem;
}
.page-template-page-about #names .row .flex .box {
  flex: 1 0 33.33%;
  max-width: 33.33%;
  padding: 0 4rem;
  text-align: center;
}
.page-template-page-about #names .row .flex .box h2 {
  font-family: "Akrobat", sans-serif !important;
  font-size: 2.6rem;
  line-height: 100%;
  color: #feaf0a;
  margin: 0 auto;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: -1.3px;
}
.page-template-page-about #about {
  padding: 10.5rem 0 9.5rem 0;
}
.page-template-page-about #about .row {
  max-width: 120rem;
}
.page-template-page-about #about .row .flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.page-template-page-about #about .row .flex .left {
  flex: 1;
  max-width: 100%;
  padding-right: 6rem;
}
.page-template-page-about #about .row .flex .left p {
  font-family: "Helvetica Neue", sans-serif !important;
  font-size: 3.4rem;
  line-height: 120%;
  color: #fff;
  margin: 0 0 4.5rem 0;
  font-weight: 300;
}
.page-template-page-about #about .row .flex .right {
  flex: 1 0 52rem;
  max-width: 52rem;
}
.page-template-page-about #about .row .flex .right p {
  font-family: "Helvetica Neue", sans-serif !important;
  font-size: 1.8rem;
  line-height: 120%;
  color: #fff;
  margin: 0 0 2.5rem 0;
  font-weight: 300;
}
.page-template-page-about #about .row .flex .right p strong {
  font-weight: 700;
  color: #feaf0a;
}
.page-template-page-about #order {
  padding-bottom: 18rem;
}
.page-template-page-about #order .row {
  max-width: 70rem;
}
.page-template-page-about #order .row h2 {
  font-family: "Helvetica", sans-serif !important;
  font-size: 4.6rem;
  font-weight: 700;
  color: #fff;
  margin: 0 auto 2rem auto;
  text-align: center;
  letter-spacing: -2.8px;
  line-height: 100%;
}
.page-template-page-about #order .row p {
  font-family: "Helvetica Neue", sans-serif !important;
  font-size: 2.1rem;
  font-weight: 300;
  color: #fff;
  margin: 0 auto 4.4rem auto;
  text-align: center;
  line-height: 120%;
  max-width: 55rem;
}
.page-template-page-about #order .row .flex {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.page-template-page-about #order .row .flex a {
  width: 18.2rem;
  font-family: "Helvetica", sans-serif !important;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 100%;
  color: #fff;
  letter-spacing: -1.4px;
  position: relative;
  padding: 1.2rem 2.6rem 1.5rem 2.6rem;
  background-color: #d42f01;
  border-radius: 2.7rem;
  transition: all .3s;
  display: block;
  text-align: center;
  margin: 0 1rem;
}
.page-template-page-about #order .row .flex a:hover {
  background: #fff;
  color: #d42f01;
}
/* LOCATION */
.page-template-page-location #hero {
  padding: 4.5rem 0 5rem 0;
  border-top: 6px solid #feaf0a;
}
.page-template-page-location #hero .row {
  max-width: 120rem;
  text-align: center;
}
.page-template-page-location #hero .row h1 {
  font-family: "Montserrat", sans-serif !important;
  font-size: 9.6rem;
  line-height: normal;
  color: #fff;
  margin: 0 auto 1.5rem auto;
  font-weight: 700;
  text-transform: uppercase;
}
.page-template-page-location #hero .row h1 strong {
  color: #feaf0a;
}
.page-template-page-location #hero .row hr {
  border: none;
  border-top: 7px solid #feaf0a;
  width: 19rem;
  margin: 0 auto 2rem auto;
}
.page-template-page-location #hero .row h2 {
  font-family: "Montserrat", sans-serif !important;
  font-size: 2.4rem;
  line-height: normal;
  color: #fff;
  margin: 0 auto;
  font-weight: 700;
}
.page-template-page-location #data {
  padding: 6.5rem 0 6rem 0;
}
.page-template-page-location #data .row {
  max-width: 138rem;
}
.page-template-page-location #data .row h2 {
  font-family: "Montserrat", sans-serif !important;
  font-size: 5.8rem;
  line-height: normal;
  color: #000;
  margin: 0 auto 1.5rem auto;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
}
.page-template-page-location #data .row h2 strong {
  color: #d42f01;
}
.page-template-page-location #data .row hr {
  border: none;
  border-top: 7px solid #feaf0a;
  width: 15rem;
  margin: 0 auto 2rem auto;
}
.page-template-page-location #data .row p {
  font-family: "Montserrat", sans-serif !important;
  font-size: 1.8rem;
  line-height: 133%;
  color: #000;
  margin: 0 auto 7rem auto;
  font-weight: 700;
  text-align: center;
}
.page-template-page-location #data .row .flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0 -1.5rem;
}
.page-template-page-location #data .row .flex .img {
  flex: 1 0 50%;
  max-width: 50%;
  padding: 0 1.5rem;
}
.page-template-page-location #data .row .flex .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-template-page-location #data .row .flex2 {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin: 8rem auto 0 auto;
}
.page-template-page-location #data .row .flex2 .box {
  flex: 1 0 33.33%;
  max-width: 33.33%;
  padding: 0 1.3rem;
}
.page-template-page-location #data .row .flex2 .box .content {
  padding: 2.3rem 1.4rem 3.3rem 1.4rem;
  border-radius: 1.3rem;
  border: 1px solid rgba(0, 0, 0, 0.4);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  height: 100%;
}
.page-template-page-location #data .row .flex2 .box .content h2 {
  font-family: "Montserrat", sans-serif !important;
  font-size: 2.4rem;
  line-height: 133%;
  color: #000;
  margin: 0 0 2rem 0;
  font-weight: 700;
  text-transform: uppercase;
  text-align: left;
}
.page-template-page-location #data .row .flex2 .box .content p {
  font-family: "Montserrat", sans-serif !important;
  font-size: 1.8rem;
  line-height: 133%;
  color: #000;
  margin: 0 0 1rem 0;
  font-weight: 400;
  text-align: left;
}
.page-template-page-location #data .row .flex2 .box .content hr {
  border: none;
  border-top: 2px solid #d9d9d9;
  width: 100%;
  margin: 3.5rem auto;
  display: block;
}
.page-template-page-location #data .row .flex2 .box .content ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.page-template-page-location #data .row .flex2 .box .content ul li {
  font-family: "Montserrat", sans-serif !important;
  font-size: 1.8rem;
  line-height: 133%;
  color: #000;
  margin: 1.8rem 0;
  font-weight: 400;
  text-align: left;
}
.page-template-page-location #data .row .flex2 .box .content h3 {
  font-family: "Montserrat", sans-serif !important;
  font-size: 1.4rem;
  line-height: 100%;
  color: #000;
  margin: 3rem 0 0 0;
  font-weight: 500;
  text-align: left;
}
.page-template-page-location #events {
  padding-bottom: 8rem;
}
.page-template-page-location #events .row {
  max-width: 136rem;
}
.page-template-page-location #events .row .content {
  padding: 4rem;
  text-align: center;
  background-color: #d42f01;
  border-radius: 0.7rem;
}
.page-template-page-location #events .row .content h2 {
  font-family: "Montserrat", sans-serif !important;
  font-size: 3.6rem;
  line-height: 110%;
  color: #fff;
  margin: 0 auto 1.4rem auto;
  font-weight: 700;
  text-transform: uppercase;
}
.page-template-page-location #events .row .content h2 strong {
  color: #feaf0a;
}
.page-template-page-location #events .row .content p {
  font-family: "Montserrat", sans-serif !important;
  font-size: 1.9rem;
  line-height: 173%;
  color: #fff;
  margin: 0 auto 3.5rem auto;
  font-weight: 500;
  max-width: 67.5rem;
}
.page-template-page-location #events .row .content .flex {
  max-width: 57rem;
  margin: 0 auto;
}
.page-template-page-location #events .row .content .flex .button {
  flex: 1 0 50%;
  max-width: 50%;
  padding: 0 1.5rem;
  margin: 0 auto;
}
.page-template-page-location #events .row .content .flex .button a {
  font-family: "Montserrat", sans-serif !important;
  font-size: 1.9rem;
  line-height: 168%;
  color: #fff;
  margin: 0 auto;
  font-weight: 700;
  text-transform: uppercase;
  padding: 1.7rem 4rem;
  border-radius: 0.7rem;
  background-color: #feaf0a;
  transition: all .3s;
}
.page-template-page-location #events .row .content .flex .button a:hover {
  background-color: #000;
}
.page-template-page-location #events .row .content .flex .button:last-of-type a {
  background-color: transparent;
  border: 1px solid #fff;
}
.page-template-page-location #events .row .content .flex .button:last-of-type a:hover {
  background-color: #fff;
  color: #d42f01;
}
/* CONTACT */
.page-template-page-contact #contact {
  padding: 24rem 0 0 0;
  position: relative;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.page-template-page-contact #contact .row {
  max-width: 126rem;
  flex-direction: column;
  justify-content: flex-end;
}
.page-template-page-contact #contact .row h1 {
  font-family: "Akrobat", sans-serif !important;
  font-size: 15.1rem;
  line-height: 120%;
  color: #fff;
  margin: 0 ;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: -7.6px;
}
.page-template-page-contact #contact .row h1 strong {
  color: #feaf0a;
}
.page-template-page-contact #contact:after {
  content: '';
  width: 100%;
  height: 6px;
  background: linear-gradient(90deg, #000000 0%, #feaf0a 8.31%, #feaf0a 45.86%, #000000 62.57%, #000000 78.85%, #feaf0a 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.page-template-page-contact #data {
  padding: 14rem 0 7.5rem 0;
}
.page-template-page-contact #data .row {
  max-width: 124rem;
}
.page-template-page-contact #data .row .flex {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin: 0 -1.5rem;
}
.page-template-page-contact #data .row .flex .box {
  flex: 1 0 50%;
  max-width: 50%;
  padding: 0 1.5rem;
}
.page-template-page-contact #data .row .flex .box .content {
  padding: 3.8rem;
  border-radius: 2.4rem;
  background: rgba(89, 89, 89, 0.2);
  backdrop-filter: blur(10px);
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.page-template-page-contact #data .row .flex .box .content .ico {
  flex: 1 0 4rem;
  max-width: 4rem;
}
.page-template-page-contact #data .row .flex .box .content .ico img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.page-template-page-contact #data .row .flex .box .content .txt {
  flex: 1;
  max-width: 100%;
  padding-left: 1rem;
}
.page-template-page-contact #data .row .flex .box .content .txt p,
.page-template-page-contact #data .row .flex .box .content .txt a {
  font-family: "Helvetica Neue", sans-serif !important;
  font-size: 2.4rem;
  font-weight: 300;
  color: #fff;
  margin: 0 0 0.5rem 0;
  text-align: left;
  line-height: 120%;
}
.page-template-page-contact #data .row .flex .box .content .txt p strong,
.page-template-page-contact #data .row .flex .box .content .txt a strong {
  color: #feaf0a;
}
.page-template-page-contact #data .row .flex .box .content .txt p a:hover,
.page-template-page-contact #data .row .flex .box .content .txt a a:hover {
  text-decoration: underline;
}
.page-template-page-contact #touch {
  padding: 0 0 14rem 0;
}
.page-template-page-contact #touch .row {
  max-width: 126rem;
}
.page-template-page-contact #touch .row .flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.page-template-page-contact #touch .row .flex .map {
  flex: 1 0 61rem;
  max-width: 61rem;
}
.page-template-page-contact #touch .row .flex .map iframe {
  border-radius: 2.4rem;
}
.page-template-page-contact #touch .row .flex .form {
  flex: 1 ;
  max-width: 100%;
  padding: 0 0 0 8rem;
}
.page-template-page-contact #touch .row .flex .form h2 {
  font-family: "Helvetica Neue", sans-serif !important;
  font-size: 3.4rem;
  font-weight: 700;
  color: #fff;
  margin: 0 0 3.3rem 0;
  text-align: left;
  line-height: 120%;
}
.page-template-page-contact #touch .row .flex .form .nf-form-cont {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}
.page-template-page-contact #touch .row .flex .form .nf-form-cont form .nf-form-content nf-fields-wrap nf-field .nf-field .nf-field-label {
  display: none;
}
.page-template-page-contact #touch .row .flex .form .nf-form-cont form .nf-form-content nf-fields-wrap nf-field .nf-field .nf-field-element input,
.page-template-page-contact #touch .row .flex .form .nf-form-cont form .nf-form-content nf-fields-wrap nf-field .nf-field .nf-field-element textarea {
  background: #4f4f4f;
  color: #fff !important;
  border: 1px solid rgba(16, 35, 48, 0.2);
  line-height: 120%;
}
.page-template-page-contact #touch .row .flex .form .nf-form-cont form .nf-form-content nf-fields-wrap nf-field .nf-field .nf-field-element input[type="submit"] {
  text-transform: none;
  font-family: "Helvetica Neue", sans-serif !important;
  font-size: 2.4rem;
  font-weight: 700;
  color: #fff;
  margin: 0;
  text-align: center;
  line-height: 100%;
  letter-spacing: -1.4px;
  background-color: #d42f01;
  border-radius: 2.7rem;
  transition: all .3s;
  display: inline-block;
  padding: 1.5rem 5.5rem 1.2rem 5.5rem;
}
.page-template-page-contact #touch .row .flex .form .nf-form-cont form .nf-form-content nf-fields-wrap nf-field .nf-field .nf-field-element input[type="submit"]:hover {
  color: #d42f01 !important;
  background-color: #fff;
}
.page-template-page-contact #touch .row .flex .form .nf-form-cont .nf-form-wrap .nf-response-msg p {
  color: #fff;
}
/* 404 */
.error404 {
  background: #101010;
}
.error404 #p404 {
  padding: 25rem 0 30rem 0;
}
.error404 #p404 h1 {
  font-size: 16rem;
  line-height: 16rem;
  color: #fff;
  margin: 0;
  text-align: center;
  font-weight: 700;
}
.error404 #p404 p {
  font-size: 5rem;
  line-height: 5rem;
  color: #fff;
  margin: 0;
  text-align: center;
  font-weight: 600;
}
/* ninja */
.nf-form-cont {
  margin: 0 auto;
  background: #fff;
  padding: 2.8rem 3rem;
  border-radius: 2rem;
  box-shadow: 0px -8px 0px 0px #222f21;
}
.nf-form-cont .nf-response-msg {
  margin: 0 0 0 0;
  padding: 4rem 0;
}
.nf-form-cont .nf-response-msg p {
  font-size: 2.4rem;
  line-height: 3.4rem;
  font-weight: 700;
  color: #000;
  margin: 0 auto;
  text-align: center;
}
.nf-form-cont .nf-form-content {
  padding: 0;
}
.nf-form-cont .nf-form-content .nf-field-container {
  margin: 0 0 1.5rem 0;
}
.nf-form-cont .nf-form-content .nf-field-container .nf-input-limit {
  margin: 0;
}
.nf-form-cont .nf-form-content .nf-field-container .nf-field-label label {
  color: #fff;
  font-weight: 800;
  font-size: 1.6rem;
  line-height: 130%;
}
.nf-form-cont .nf-form-content .nf-field-container .nf-field-label label .fa {
  display: none;
}
.nf-form-cont .nf-form-content .nf-field-container .nf-field-element h2 {
  font-size: 2.3rem;
  font-weight: 800;
  line-height: 130%;
  color: #000;
  margin: 0 0 1.5rem 0;
}
.nf-form-cont .nf-form-content .nf-field-container .nf-field-element p {
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 130%;
  color: #000;
  margin: 0 0 2rem 0;
}
.nf-form-cont .nf-form-content .nf-field-container .nf-field-element input,
.nf-form-cont .nf-form-content .nf-field-container .nf-field-element textarea,
.nf-form-cont .nf-form-content .nf-field-container .nf-field-element select {
  background: #f4f4f4;
  padding: 1.5rem 2.5rem;
  border-radius: 0.8rem;
  font-size: 1.6rem;
  border: none;
}
.nf-form-cont .nf-form-content .nf-field-container .nf-field-element textarea {
  height: 12.5rem;
}
.nf-form-cont .nf-form-content .nf-field-container .nf-field-element input[type="submit"] {
  background-color: #f2ca50;
  display: inline-block;
  text-align: center;
  color: #000;
  font-size: 1.6rem;
  font-weight: 500;
  transition: all .3s;
  padding: 1.5rem 3rem 1.4rem 3rem;
  border-radius: 0.8rem;
  border: none;
  text-transform: uppercase;
  letter-spacing: 1.2px;
}
.nf-form-cont .nf-form-content .nf-field-container .nf-field-element input[type="submit"]:hover {
  color: #f2ca50;
  background-color: #000;
}
.nf-form-cont .nf-form-content .nf-field-container .nf-field-element input[type="text"] {
  color: #fff;
  font-size: 1.6rem;
  font-weight: 400;
}
.nf-form-cont .nf-form-fields-required {
  display: none;
}
.nf-form-cont nf-fields-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1rem;
}
.nf-form-cont nf-fields-wrap nf-field {
  flex: 1 0 100%;
  max-width: 100%;
  padding: 0 1rem;
}
.nf-form-cont nf-fields-wrap nf-field {
  margin: 0 0;
}
.nf-form-cont nf-fields-wrap .field-wrap {
  display: block;
}
.nf-form-cont nf-fields-wrap .nf-error-wrap {
  margin: 0.5rem 0 0 0;
}
.nf-form-cont nf-fields-wrap .nf-error-wrap .nf-error-msg {
  display: block;
  font-size: 1.4rem;
  text-align: left;
  color: #f00;
  margin: 0 0 0 0;
}
.nf-form-cont .nf-after-form-content {
  margin: 1rem 0 0 0;
}
.nf-form-cont .nf-after-form-content .nf-error-msg {
  font-size: 1.8rem;
  color: #f00;
  font-weight: 400;
  text-align: left;
}
.nf-form-cont .nf-error.field-wrap .nf-field-element:after {
  display: none;
}
.nf-form-cont .nf-pass.field-wrap .nf-field-element:after {
  display: none;
}
.nf-form-cont .nf-error .nf-error-msg {
  display: none;
}
/* social */
.menu-social-menu-container {
  /*a[href*="youtube"]{background-image: url('../img/social-yt.svg');}
  a[href*="spotify"]{background-image: url('../img/social-spotify.svg');}*/
}
.menu-social-menu-container a[href*="facebook"] {
  background-image: url('../img/social-fb.svg');
}
.menu-social-menu-container a[href*="instagram"] {
  background-image: url('../img/social-insta.svg');
}
.menu-social-menu-container a[href*="tiktok"] {
  background-image: url('../img/social-tiktok.svg');
}
/* footer */
footer#footer {
  padding: 0.5rem 0 0 0;
  background: linear-gradient(90deg, #000000 0%, #d42f01 20%, #d42f01 80%, #000000 100%);
}
footer#footer .body {
  padding: 0 0 7rem 0;
  background: linear-gradient(180deg, #feaf0a 40.07%, #d42f01 100%);
}
footer#footer .row {
  max-width: 122rem;
}
footer#footer .logo {
  width: 19.5rem;
  height: 19.5rem;
  position: relative;
  top: -6rem;
  margin: 0 auto -6rem auto;
  transform: rotate(-15deg);
  padding: 1.5rem;
  background: #FEAF0A;
  border-radius: 50%;
}
footer#footer .logo a {
  cursor: pointer;
  display: block;
}
footer#footer .logo a img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
footer#footer .flex {
  display: flex;
  margin: 1rem -2rem 0 -2rem;
  justify-content: space-between;
  flex-wrap: wrap;
}
footer#footer .flex .box {
  padding: 0 2rem;
  margin: 0 0 4rem 0;
}
footer#footer .flex .box h2 {
  font-size: 2.4rem;
  color: #000;
  font-weight: 700;
  letter-spacing: -1.44px;
  margin: 0 0 1.5rem 0;
  text-align: center;
}
footer#footer .flex .box p {
  color: #fff;
  font-size: 1.6rem;
  line-height: 120%;
  margin: 1rem auto 0 auto;
}
footer#footer .flex .box.about p {
  max-width: 25rem;
  text-align: center;
}
footer#footer .flex .box.menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
footer#footer .flex .box.menu ul li {
  padding: 0;
  margin: 1rem 0 0 0;
  font-size: 1.6rem;
  line-height: 120%;
  text-align: center;
}
footer#footer .flex .box.menu ul li a {
  color: #fff;
}
footer#footer .flex .box.menu ul li a:hover {
  text-decoration: underline;
}
footer#footer .flex .box.hours {
  margin: -5px 0 4rem 0;
}
footer#footer .flex .box.hours p {
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-bottom: 1px solid #000;
  padding: 5px 0 0 0;
}
footer#footer .flex .box.hours p:last-of-type {
  border-bottom: none;
}
footer#footer .flex .box.hours p span {
  padding: 0 1rem 0 0;
}
footer#footer .flex .box.hours p span + span {
  padding: 0 0 0 1rem;
}
footer#footer .flex .box.contact p {
  text-align: center;
}
footer#footer .flex .box.contact p a {
  color: #fff;
}
footer#footer .flex .box.contact p a:hover {
  text-decoration: underline;
}
/* misc */
input:focus,
button:focus,
textarea:focus,
select:focus {
  outline: none !important;
}
input::-webkit-input-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder,
input:-moz-placeholder {
  color: rgba(74, 74, 74, 0.6);
}
h1,
h2,
h3,
h4,
h5 {
  font-weight: 400;
}
img.alignleft {
  float: left;
  margin: 0 2rem 2rem 0;
}
img.alignright {
  float: right;
  margin: 0 0 2rem 2rem;
}
img.aligncenter {
  display: block;
  margin: 0 auto;
}
svg.hidden {
  display: none;
}
.hidden {
  visibility: hidden !important;
}
.visible {
  visibility: visible !important;
}
/* RWD */
@media only screen and (min-width: 811px) {
  html {
    overflow-y: auto !important;
  }
  header#head #mainMenu {
    position: static !important;
    display: block !important;
  }
}
@media only screen and (max-width: 810px) {
  header#head {
    padding: 3rem 0 1.5rem 0;
  }
  header#head .row .border #logo {
    top: 0;
  }
  header#head #mainMenu {
    display: none;
    position: fixed;
    width: 90vw;
    max-width: 27rem;
    top: 0;
    right: -50rem;
    height: 100vh;
    z-index: 50;
    background-color: rgba(0, 0, 0, 0.6);
    border-left: 5px solid #feaf0a;
    backdrop-filter: blur(10px);
    padding: 0 0 0 6px;
    margin: 0 0 0 5rem;
  }
  header#head #mainMenu .body {
    padding: 8rem 0 8rem;
    height: 100vh;
  }
  header#head #mainMenu .scroll {
    overflow-x: hidden;
    height: 100%;
    overflow-y: auto;
    padding: 0 3rem 0 3rem;
  }
  header#head #mainMenu .scroll .content {
    min-height: 100%;
    flex-direction: column;
    padding: 0 0 0 0;
    position: relative;
    justify-content: center;
    display: flex;
  }
  header#head #mainMenu .menu-main-menu-container > ul {
    flex-direction: column;
    background: none;
    backdrop-filter: none;
  }
  header#head #mainMenu .menu-main-menu-container > ul > li {
    padding: 0;
    margin: 1.5rem 0;
    background-color: transparent;
  }
  header#head #mainMenu .menu-main-menu-container > ul > li a {
    color: #fff;
    font-size: 1.8rem;
    display: inline-block;
    letter-spacing: 0;
  }
  header#head #mainMenu .menu-main-menu-container > ul > li a:before,
  header#head #mainMenu .menu-main-menu-container > ul > li a:after {
    border-bottom: none;
  }
  header#head #mainMenu .menu-main-menu-container > ul > li:first-of-type {
    padding: 0;
  }
  header#head #mainMenu .menu-main-menu-container > ul > li:last-of-type {
    margin-top: 2.5rem;
  }
  header#head #mainMenu .menu-main-menu-container > ul > li:last-of-type a:hover {
    color: #d42f01;
  }
  header#head #mobileTrigger {
    display: block;
  }
}
@media only screen and (max-width: 1300px) {
  .page-template-page-home #checkmenu .row .flex .box .txt h2 {
    font-size: 9rem;
    letter-spacing: -6px;
  }
}
@media only screen and (max-width: 1200px) {
  .page-template-page-home #hero {
    height: 76rem;
  }
  .page-template-page-home #hero .row .txt h1 {
    font-size: 21rem;
    letter-spacing: -11px;
  }
  .page-template-page-home #hero .row .img {
    width: 75rem;
    height: 68rem;
    bottom: 17.5rem;
    right: 0.3rem;
  }
  .page-template-page-home #intro .row .flex .txt {
    padding: 0 0 0 4rem;
  }
  .page-template-page-home #intro .row .flex .txt h2 {
    font-size: 6rem;
    letter-spacing: -3.4px;
  }
}
@media only screen and (max-width: 1100px) {
  .page-template-page-home #hero {
    height: 76rem;
  }
  .page-template-page-home #hero .row .txt h1 {
    font-size: 19rem;
    letter-spacing: -9.5px;
    margin-top: 4rem;
  }
  .page-template-page-home #hero .row .img {
    width: 67.5rem;
    height: 61rem;
    bottom: 19.5rem;
    right: 0.3rem;
  }
  .page-template-page-home #checkmenu .row a {
    left: 6rem;
    font-size: 2.2rem;
    padding: 1rem 2.5rem 1.4rem 2.5rem;
  }
  .page-template-page-home #checkmenu .row .flex .box .txt h2 {
    font-size: 7rem;
    letter-spacing: -5px;
  }
  .page-template-page-home #checkmenu .row .flex .box .txt p {
    font-size: 1.8rem;
  }
  .page-template-page-home #checkmenu .row .flex .box:nth-of-type(2) .img {
    max-width: 41rem;
  }
  .page-template-page-home #testimonials {
    padding: 4rem 0 12rem 0;
  }
  .page-template-page-home #testimonials .row .flex .box .content {
    padding: 0 3rem 2.5rem 3rem;
  }
  .page-template-page-menu #hero .row .flex {
    top: 19.5rem;
  }
  .page-template-page-menu #hero .row .flex .title {
    max-width: 49rem;
  }
  .page-template-page-menu #hero .row .flex .title h1 {
    font-size: 21.5rem;
    line-height: 74.9%;
  }
  .page-template-page-menu #hero .row .flex .title:after {
    bottom: 12.5rem;
    width: 45rem;
    margin-left: -25.2rem;
  }
  .page-template-page-menu #hero .row .flex .txt {
    padding-left: 0;
  }
  .page-template-page-menu #hero .row .flex .txt p {
    font-size: 2.2rem;
  }
  .page-template-page-menu #hero .row a {
    margin-top: 23rem;
  }
  .page-template-page-menu #menu {
    padding-top: 4rem;
  }
  .page-template-page-menu #menu .row .category .head.flex h2 {
    font-size: 4.8rem;
    letter-spacing: -2.4px;
  }
  .page-template-page-menu #menu .row .category .body.flex .menu .flex .post .flex .header.flex {
    flex-wrap: wrap;
  }
  .page-template-page-menu #menu .row .category .body.flex .menu .flex .post .flex .header.flex .image {
    flex: 1 0 100%;
    max-width: 15rem;
    margin: 0 auto 1.5rem auto;
  }
  .page-template-page-menu #menu .row .category .body.flex .menu .flex .post .flex .header.flex .details {
    flex: 1 0 100%;
    max-width: 100%;
    padding: 0;
    text-align: center;
  }
  .page-template-page-menu #menu .row .category .body.flex .menu .flex .post .flex .header.flex .details p {
    max-width: 40rem;
    margin: 0 auto 0.5rem auto;
  }
  .page-template-page-menu #menu .row .category .body.flex .menu .flex .post .flex .header.flex .details .flex {
    margin-bottom: 1.2rem;
    flex-wrap: wrap;
  }
  .page-template-page-menu #menu .row .category .body.flex .menu .flex .post .flex .header.flex .details .flex h3,
  .page-template-page-menu #menu .row .category .body.flex .menu .flex .post .flex .header.flex .details .flex .price {
    font-size: 2.6rem;
    margin: 0 auto 0.5rem auto;
    text-align: center;
    max-width: 100%;
    flex: 1 0 100%;
    letter-spacing: -1.3px;
  }
  .page-template-page-menu #menu .row .category .body.flex .menu .flex .post .flex .header.flex .details .flex .price {
    text-align: center;
    max-width: 100%;
    flex: 1 0 100%;
    margin: 0 auto 0.5rem auto;
  }
  .page-template-page-menu #menu .row .category:nth-of-type(3) .body.flex .img {
    max-width: 29rem;
  }
  .page-template-page-about #hero .row .txt h1 {
    font-size: 9.5rem;
    max-width: 86rem;
  }
  .page-template-page-about #names .row .flex {
    margin: 0 -2rem;
  }
  .page-template-page-about #names .row .flex .box {
    padding: 0 2rem;
  }
  .page-template-page-about #about .row .flex .left p {
    font-size: 3rem;
  }
  .page-template-page-about #about .row .flex .right {
    max-width: 48rem;
  }
  .page-template-page-contact #touch .row .flex .map iframe {
    max-width: 55rem;
  }
  .page-template-page-contact #touch .row .flex .form {
    padding-left: 0;
  }
}
@media only screen and (max-width: 1050px) {
  .page-template-page-contact #contact .row h1 {
    font-size: 13rem;
  }
  footer#footer .row {
    max-width: 80rem;
  }
  footer#footer .flex .box {
    flex: 1 0 50%;
  }
}
@media only screen and (max-width: 1000px) {
  .page-template-page-home #hero {
    height: 76rem;
  }
  .page-template-page-home #hero .row .txt h1 {
    font-size: 19rem;
    letter-spacing: -9.5px;
    margin-top: 4rem;
  }
  .page-template-page-home #hero .row .img {
    width: 67.5rem;
    height: 61rem;
    bottom: 19.5rem;
    right: -5.3rem;
  }
  .page-template-page-home #testimonials {
    padding-bottom: 6rem;
  }
  .page-template-page-home #testimonials .row .flex .box {
    flex: 1 0 50%;
    max-width: 38rem;
    padding: 0 1.6rem 9.5rem 1.6rem;
  }
  .page-template-page-home #testimonials .row .flex .box .content {
    padding: 0 4rem 3rem 4rem;
  }
  .page-template-page-about #about .row .flex .right {
    max-width: 45rem;
  }
}
@media only screen and (max-width: 950px) {
  .page-template-page-home #hero {
    padding-top: 18rem;
    height: 70rem;
  }
  .page-template-page-home #hero .row .txt {
    max-width: 70rem;
    margin: 0 32rem 0 auto;
  }
  .page-template-page-home #hero .row .txt h1 {
    font-size: 19rem;
    letter-spacing: -9.5px;
    margin-top: 4rem;
  }
  .page-template-page-home #hero .row .img {
    width: 67.5rem;
    height: 61rem;
    bottom: 14.5rem;
    right: -13.3rem;
  }
  .page-template-page-home #intro .row .flex .txt h2 {
    font-size: 5rem;
    letter-spacing: -2.8px;
  }
  .page-template-page-home #intro .row .flex .txt p {
    font-size: 2.2rem;
  }
  .page-template-page-home #vibe .row .flex .txt h2 {
    font-size: 5rem;
    letter-spacing: -2.8px;
    max-width: 50rem;
  }
  .page-template-page-home #vibe .row .flex .txt p {
    font-size: 2.2rem;
  }
  .page-template-page-home #vibe .row .flex .img {
    max-width: 38rem;
  }
  .page-template-page-home #checkmenu .row a {
    left: 6rem;
    font-size: 2rem;
    padding: 1rem 2.5rem 1.3rem 2.5rem;
    max-width: 16rem;
  }
  .page-template-page-home #checkmenu .row .flex .box {
    padding: 0 3rem 4rem 3rem;
  }
  .page-template-page-home #checkmenu .row .flex .box .txt h2 {
    font-size: 6rem;
    letter-spacing: -3.8px;
  }
  .page-template-page-home #checkmenu .row .flex .box:nth-of-type(2) .img {
    max-width: 41rem;
  }
  .page-template-page-about #hero {
    padding: 18rem 0 6rem 0;
    height: 71rem;
  }
  .page-template-page-about #hero .row .txt h1 {
    font-size: 8rem;
    max-width: 73rem;
  }
  .page-template-page-about #about .row .flex {
    flex-wrap: wrap;
  }
  .page-template-page-about #about .row .flex .left {
    flex: 1 0 100%;
    max-width: 100%;
    padding: 0 0 3rem 0;
  }
  .page-template-page-about #about .row .flex .right {
    flex: 1 0 100%;
    max-width: 100%;
    padding: 0 ;
  }
  .page-template-page-menu #hero {
    padding: 0 0 26rem 0;
  }
  .page-template-page-menu #hero .top {
    height: 30rem;
  }
  .page-template-page-menu #hero .row .flex {
    top: 17.7rem;
  }
  .page-template-page-menu #hero .row .flex .title {
    max-width: 44rem;
  }
  .page-template-page-menu #hero .row .flex .title h1 {
    font-size: 19rem;
    line-height: 74.9%;
    margin: -2rem 0 0 0;
  }
  .page-template-page-menu #hero .row .flex .title:after {
    bottom: 10.9rem;
    width: 43rem;
    margin-left: -22.6rem;
  }
  .page-template-page-menu #hero .row .flex .txt p {
    font-size: 2rem;
    padding-top: 4rem;
  }
  .page-template-page-menu #hero .row a {
    margin-top: 23rem;
  }
  .page-template-page-menu #menu {
    padding-top: 2rem;
  }
  .page-template-page-menu #menu .row .category .head.flex {
    flex-wrap: wrap;
  }
  .page-template-page-menu #menu .row .category .head.flex h2 {
    flex: 1 0 100%;
    max-width: 100%;
    order: 1;
  }
  .page-template-page-menu #menu .row .category .head.flex p {
    flex: 1 0 100%;
    max-width: 60rem;
    order: 2;
    text-align: right;
    margin: 0 0 1.5rem auto;
  }
  header#head .row .border #logo {
    flex: 1 0 14.5rem;
    max-width: 14.5rem;
    width: 14.5rem;
  }
  .page-template-page-contact #touch .row .flex .map {
    max-width: 40rem;
  }
  .page-template-page-contact #touch .row .flex .map iframe {
    max-width: 40rem;
    height: 40rem;
  }
  .page-template-page-contact #touch .row .flex .form {
    padding-left: 5rem;
  }
}
@media only screen and (max-width: 850px) {
  .page-template-page-home #hero {
    padding-top: 18rem;
    height: 62rem;
  }
  .page-template-page-home #hero .row .txt {
    max-width: 70rem;
    margin: 0 35rem 0 auto;
  }
  .page-template-page-home #hero .row .txt h1 {
    font-size: 16rem;
    letter-spacing: -8px;
    margin-top: 4rem;
  }
  .page-template-page-home #hero .row .img {
    width: 54rem;
    height: 49rem;
    bottom: 14.5rem;
    right: -6.3rem;
  }
  .page-template-page-home #intro .row .flex {
    flex-wrap: wrap;
  }
  .page-template-page-home #intro .row .flex .txt {
    flex: 1 0 100%;
    max-width: 72rem;
    margin: 0 auto;
    padding: 0 0 3.5rem 0;
    order: 1;
  }
  .page-template-page-home #intro .row .flex .txt h2 {
    font-size: 5.5rem;
    letter-spacing: -3px;
  }
  .page-template-page-home #intro .row .flex .txt p {
    font-size: 2.2rem;
    max-width: 100%;
  }
  .page-template-page-home #intro .row .flex .img {
    flex: 1 0 100%;
    max-width: 52rem;
    margin: 0 auto;
    order: 2;
  }
  .page-template-page-home #vibe .row .txt {
    max-width: 100%;
  }
  .page-template-page-home #vibe .row .txt h2 {
    font-size: 5.5rem;
    letter-spacing: -3px;
  }
  .page-template-page-home #vibe .row .txt p {
    max-width: 100%;
  }
  .page-template-page-contact #contact {
    padding-top: 20rem;
  }
  .page-template-page-contact #contact .row h1 {
    font-size: 11rem;
  }
  .page-template-page-contact #data {
    padding-top: 11rem;
  }
  .page-template-page-contact #data .row .flex .box .content {
    padding: 3rem 2.5rem;
  }
  .page-template-page-menu #hero .row .flex {
    align-items: flex-start;
  }
  .page-template-page-menu #hero .row .flex .title {
    max-width: 37rem;
  }
  .page-template-page-menu #hero .row .flex .title h1 {
    font-size: 16.5rem;
    line-height: 73.9%;
    margin: 0;
  }
  .page-template-page-menu #hero .row .flex .title:after {
    bottom: 8.7rem;
    width: 36rem;
    margin-left: -19.6rem;
  }
  .page-template-page-menu #hero .row .flex .txt {
    margin-top: 20rem;
  }
  .page-template-page-menu #hero .row .flex .txt p {
    padding-top: 2rem;
    font-size: 1.8rem;
  }
  .page-template-page-menu #hero .row a {
    margin-top: 20rem;
  }
  .page-template-page-menu #menu .row .category .body.flex .menu .flex .post .flex .header.flex .details .flex h3,
  .page-template-page-menu #menu .row .category .body.flex .menu .flex .post .flex .header.flex .details .flex .price {
    font-size: 2.4rem;
    letter-spacing: -1.2px;
  }
  .page-template-page-menu #menu .row .category:nth-of-type(3) .body.flex {
    align-items: flex-start;
  }
  .page-template-page-menu #menu .row .category:nth-of-type(3) .body.flex .img {
    max-width: 33rem;
  }
  .page-template-page-menu #menu .row .category:nth-of-type(3) .body.flex .menu .flex .post {
    flex: 1 0 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 800px) {
  .page-template-page-home #vibe {
    padding-bottom: 18rem;
  }
  .page-template-page-home #vibe .row .flex .txt h2 {
    font-size: 4rem;
    letter-spacing: -2.6px;
  }
  .page-template-page-home #vibe .row .flex .txt p {
    font-size: 2rem;
  }
  .page-template-page-home #vibe .row .flex .img {
    max-width: 34rem;
  }
  .page-template-page-home #checkmenu .row a {
    left: 6rem;
    font-size: 2rem;
    padding: 1rem 2.5rem 1.3rem 2.5rem;
    max-width: 16rem;
  }
  .page-template-page-home #checkmenu .row .flex {
    flex-wrap: wrap;
    padding-bottom: 12rem;
  }
  .page-template-page-home #checkmenu .row .flex .box {
    padding: 4rem ;
    flex: 1 0 100%;
    max-width: 65rem;
    margin: 0 auto;
  }
  .page-template-page-home #checkmenu .row .flex .box .txt {
    text-align: center;
  }
  .page-template-page-home #checkmenu .row .flex .box .txt h2 {
    font-size: 6rem;
    letter-spacing: -3.8px;
    margin: 0 auto ;
    max-width: 40rem;
  }
  .page-template-page-home #checkmenu .row .flex .box .txt p {
    max-width: 100%;
    margin: 0 auto 1rem auto;
  }
  .page-template-page-home #checkmenu .row .flex .box:nth-of-type(2) {
    order: 1;
    padding-bottom: 0;
    position: relative;
  }
  .page-template-page-home #checkmenu .row .flex .box:nth-of-type(2) .img {
    max-width: 48rem;
    margin: -15rem auto 0 auto;
  }
  .page-template-page-home #checkmenu .row .flex .box:nth-of-type(2):before {
    content: '';
    width: 46rem;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: -4rem;
    left: 50%;
    margin-left: -23rem;
  }
  .page-template-page-home #checkmenu .row .flex .box:nth-of-type(1) {
    order: 2;
    margin-top: 4rem;
  }
  .page-template-page-home #checkmenu .row .flex .box:nth-of-type(1) .img {
    max-width: 48rem;
    margin: 0 auto;
  }
  .page-template-page-home #checkmenu .row .flex .box:nth-of-type(1) .txt p,
  .page-template-page-home #checkmenu .row .flex .box:nth-of-type(1) .txt h2 {
    text-align: center;
  }
  .page-template-page-home #checkmenu .row .flex .box:nth-of-type(1) .txt h2 {
    margin: 0 auto;
  }
  .page-template-page-home #checkmenu .row .flex:after {
    display: none;
  }
  .page-template-page-home #checkmenu .row a {
    left: 50%;
    margin-left: -8rem;
    bottom: 6.5rem;
  }
  .page-template-page-contact #touch .row .flex .map {
    max-width: 35rem;
  }
  .page-template-page-contact #touch .row .flex .map iframe {
    max-width: 35rem;
    height: 35rem;
  }
  .page-template-page-contact #touch .row .flex .form h2 {
    font-size: 3rem;
  }
}
@media only screen and (max-width: 750px) {
  .row {
    padding: 0 2rem;
  }
  header#head #mobileTrigger {
    right: 1rem;
  }
  .page-template-page-home #hero {
    height: 58rem;
  }
  .page-template-page-home #hero .row .txt {
    margin: 0 29rem 0 auto;
  }
  .page-template-page-home #hero .row .txt h1 {
    font-size: 14rem;
    letter-spacing: -7px;
    margin-top: 3rem;
  }
  .page-template-page-home #hero .row .img {
    width: 54rem;
    height: 49rem;
    bottom: 15.5rem;
    right: -11.3rem;
  }
  .page-template-page-home #testimonials {
    padding-bottom: 5rem;
  }
  .page-template-page-home #testimonials .row .flex {
    margin: 0;
  }
  .page-template-page-home #testimonials .row .flex .box {
    flex: 1 0 100%;
  }
  .page-template-page-about #hero {
    height: 66rem;
  }
  .page-template-page-about #hero .row .txt {
    padding-top: 25rem;
  }
  .page-template-page-about #hero .row .txt h1 {
    font-size: 7rem;
    max-width: 61rem;
  }
  .page-template-page-about #names .row .flex {
    margin: 0 -1rem;
  }
  .page-template-page-about #names .row .flex .box {
    padding: 0 1rem;
  }
  .page-template-page-about #names .row .flex .box h2 {
    font-size: 2.4rem;
  }
  .page-template-page-menu #hero .row .flex {
    align-items: flex-start;
    top: 19.7rem;
  }
  .page-template-page-menu #hero .row .flex .title {
    max-width: 31rem;
  }
  .page-template-page-menu #hero .row .flex .title h1 {
    font-size: 14rem;
    letter-spacing: -7px;
  }
  .page-template-page-menu #hero .row .flex .title:after {
    bottom: 8.7rem;
    width: 36rem;
    margin-left: -19.6rem;
  }
  .page-template-page-menu #hero .row .flex .txt p {
    font-size: 1.8rem;
    padding-top: 0;
    margin: -7rem 0 0 0;
  }
  .page-template-page-menu #hero .row a {
    margin-top: 20rem;
  }
  .page-template-page-menu #menu {
    padding-bottom: 6rem;
  }
  .page-template-page-menu #menu .row .category .body.flex .menu .flex .post {
    padding: 0 2rem 5rem 2rem;
  }
  .page-template-page-menu #menu .row .category:nth-of-type(3) .body.flex .img {
    max-width: 29rem;
  }
  .page-template-page-menu #menu .row .category:nth-of-type(3) .body.flex .menu .flex .post {
    padding: 0 0 5rem 0;
  }
}
@media only screen and (max-width: 700px) {
  .page-template-page-contact #data .row .flex {
    flex-wrap: wrap;
    margin: 0;
  }
  .page-template-page-contact #data .row .flex .box {
    flex: 1 0 100%;
    max-width: 40rem;
    margin: 0 auto;
    padding: 0 0 4rem 0;
  }
  .page-template-page-contact #data .row .flex .box .content {
    padding: 3.5rem;
  }
  .page-template-page-contact #touch .row .flex {
    flex-wrap: wrap;
  }
  .page-template-page-contact #touch .row .flex .map {
    flex: 1 0 100%;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  .page-template-page-contact #touch .row .flex .map iframe {
    max-width: 100%;
    height: 30rem;
  }
  .page-template-page-contact #touch .row .flex .form {
    flex: 1 0 100%;
    max-width: 50rem;
    margin: 0 auto;
    padding: 5rem 0 0 0;
  }
  .page-template-page-contact #touch .row .flex .form h2 {
    text-align: center;
    margin: 0 auto 1.5rem auto;
  }
  .page-template-page-contact #touch .row .flex .form .nf-form-cont form .nf-form-content nf-fields-wrap nf-field .nf-field .nf-field-element input[type="submit"] {
    margin: 0 auto;
    display: block;
    max-width: 18.2rem;
  }
  .page-template-page-home #vibe .row .flex {
    flex-wrap: wrap;
  }
  .page-template-page-home #vibe .row .flex .txt {
    flex: 1 0 100%;
    max-width: 100%;
    padding: 0 0 4rem 0;
  }
  .page-template-page-home #vibe .row .flex .txt h2 {
    font-size: 4rem;
    letter-spacing: -2.6px;
    max-width: 40rem;
  }
  .page-template-page-home #vibe .row .flex .txt p {
    font-size: 2rem;
  }
  .page-template-page-home #vibe .row .flex .img {
    max-width: 44rem;
    flex: 1 0 100%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 650px) {
  .page-template-page-home #hero {
    height: 50rem;
    padding-top: 16rem;
  }
  .page-template-page-home #hero .row .txt {
    margin: 0 23rem 0 auto;
  }
  .page-template-page-home #hero .row .txt h1 {
    font-size: 12rem;
    letter-spacing: -6px;
    margin-top: 0;
  }
  .page-template-page-home #hero .row .img {
    width: 44rem;
    height: 40rem;
    bottom: 15.5rem;
    right: -8.3rem;
  }
  .page-template-page-home #intro .row .flex .txt h2 {
    font-size: 4.5rem;
    letter-spacing: -2.5px;
  }
  .page-template-page-home #intro .row .flex .txt p {
    font-size: 2rem;
  }
  .page-template-page-home #vibe .row .txt {
    max-width: 100%;
  }
  .page-template-page-home #vibe .row .txt h2 {
    font-size: 4.5rem;
    letter-spacing: -2.5px;
    max-width: 40rem;
  }
  .page-template-page-home #vibe .row .txt p {
    font-size: 2rem;
  }
  .page-template-page-about #about .row .flex .left p {
    font-size: 2.6rem;
  }
  .page-template-page-menu #hero .top {
    height: 26rem;
  }
  .page-template-page-menu #hero .row .flex {
    top: 17.1rem;
    flex-wrap: wrap;
  }
  .page-template-page-menu #hero .row .flex .title {
    max-width: 31rem;
    flex: 1 0 100%;
  }
  .page-template-page-menu #hero .row .flex .title h1 {
    font-size: 12rem;
    letter-spacing: -6px;
  }
  .page-template-page-menu #hero .row .flex .title:after {
    bottom: 8.7rem;
    width: 36rem;
    margin-left: -19.6rem;
  }
  .page-template-page-menu #hero .row .flex .txt {
    flex: 1 0 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
  }
  .page-template-page-menu #hero .row .flex .txt p {
    font-size: 1.8rem;
    padding-top: 0;
    margin: 3.5rem 0 0 0;
    max-width: 60rem;
  }
  .page-template-page-menu #hero .row a {
    margin-top: 20rem;
  }
  header#head {
    padding: 2rem 0;
  }
  header#head .row .border #logo {
    max-width: 11.5rem;
    width: 11.5rem;
  }
}
@media only screen and (max-width: 600px) {
  .page-template-page-home #checkmenu .row .flex .box:nth-of-type(2):before {
    max-width: 34rem;
    margin-left: -17rem;
  }
  .page-template-page-home #order {
    padding-bottom: 14rem;
  }
  .page-template-page-home #order .row h2 {
    font-size: 4rem;
  }
  .page-template-page-about #hero {
    height: 55rem;
    background-position: center left -20rem;
  }
  .page-template-page-about #hero .row .txt {
    padding-top: 19rem;
  }
  .page-template-page-about #hero .row .txt h1 {
    font-size: 6rem;
    max-width: 51rem;
  }
  .page-template-page-about #names .row .flex .box h2 {
    font-size: 2.2rem;
  }
  .page-template-page-about #order {
    padding-bottom: 14rem;
  }
  .page-template-page-about #order .row h2 {
    font-size: 4rem;
  }
  .page-template-page-menu #hero {
    padding-bottom: 30rem;
  }
  .page-template-page-menu #menu .row .category .head.flex h2 {
    font-size: 4.4rem;
    letter-spacing: -2.2px;
    text-align: center;
    margin: 0 auto 0.5rem auto;
    line-height: 110%;
  }
  .page-template-page-menu #menu .row .category .head.flex p {
    text-align: center;
    margin: 0 auto 1rem auto;
  }
  .page-template-page-menu #menu .row .category .body.flex .menu .flex .post {
    flex: 1 0 100%;
    max-width: 50rem;
    margin: 0 auto;
  }
  .page-template-page-menu #menu .row .category .body.flex .menu .flex .post .flex .header.flex .image {
    max-width: 19rem;
  }
  .page-template-page-menu #menu .row .category .special {
    max-width: 100%;
  }
  .page-template-page-menu #menu .row .category:nth-of-type(3) .body.flex {
    margin: 0;
    flex-wrap: wrap;
  }
  .page-template-page-menu #menu .row .category:nth-of-type(3) .body.flex .img {
    padding: 0;
    order: 2;
    flex: 1 0 100%;
    max-width: 35rem;
    margin: 0 auto 4rem auto;
  }
  .page-template-page-menu #menu .row .category:nth-of-type(3) .body.flex .menu {
    flex: 1 0 100%;
    max-width: 50rem;
    margin: 0 auto;
    order: 1;
  }
  #touch .row .flex .map {
    max-width: 100%;
  }
  #touch .row .flex .map iframe {
    max-width: 100%;
    height: auto;
  }
  footer#footer .flex {
    flex-direction: column;
    align-items: center;
  }
  footer#footer .flex .box {
    flex: unset;
    margin-bottom: 6rem;
  }
}
@media only screen and (max-width: 550px) {
  .page-template-page-home #hero {
    height: 42rem;
  }
  .page-template-page-home #hero .row .txt h1 {
    font-size: 9.4rem;
    letter-spacing: -4.7px;
  }
  .page-template-page-home #hero .row .img {
    width: 35rem;
    height: 31rem;
    bottom: 16rem;
    right: -5.3rem;
  }
  .page-template-page-about #hero {
    height: 48rem;
    background-position: center left -15rem;
  }
  .page-template-page-about #hero .row .txt {
    padding-top: 14rem;
  }
  .page-template-page-about #hero .row .txt h1 {
    font-size: 5rem;
    max-width: 51rem;
    letter-spacing: -2.8px;
    text-align: center;
    margin: 0 auto;
  }
  .page-template-page-about #names .row .flex {
    flex-wrap: wrap;
    margin: 0;
  }
  .page-template-page-about #names .row .flex .box {
    flex: 1 0 100%;
    max-width: 100%;
    text-align: center;
    padding: 0 0 1.2rem 0;
  }
  .page-template-page-about #names .row .flex .box h2 {
    font-size: 2.4rem;
  }
  .page-template-page-contact #contact .row h1 {
    font-size: 9rem;
    margin: 0 auto;
    text-align: center;
  }
  .page-template-page-menu #menu {
    padding-top: 9rem;
  }
  .page-template-page-menu #menu .row .category {
    padding: 0 0 4rem 0;
  }
}
@media only screen and (max-width: 500px) {
  .page-template-page-about #hero {
    background-position: center top;
  }
  .page-template-page-about #hero .row .txt h1 {
    filter: drop-shadow(2px 4px 6px #000000);
  }
}
@media only screen and (max-width: 450px) {
  .page-template-page-home #hero .row .txt {
    margin: 0 13rem 0 auto;
  }
  .page-template-page-home #hero .row .txt h1 {
    font-size: 9.4rem;
    letter-spacing: -4.7px;
  }
  .page-template-page-home #hero .row .img {
    width: 35rem;
    height: 31rem;
    bottom: 14.6rem;
    right: -10.3rem;
  }
  .page-template-page-home #intro .row .flex .txt h2 {
    font-size: 4.2rem;
  }
  .page-template-page-home #intro .row .flex .txt p {
    font-size: 1.8rem;
  }
  .page-template-page-home #vibe .row .txt h2 {
    font-size: 4.2rem;
    max-width: 38rem;
  }
  .page-template-page-home #vibe .row .txt p {
    font-size: 1.8rem;
  }
  .page-template-page-home #checkmenu .row .flex {
    padding: 4rem 0 12rem 0;
  }
  .page-template-page-home #checkmenu .row .flex .box:nth-of-type(2):before {
    max-width: 26rem;
    margin-left: -13rem;
  }
  .page-template-page-home #checkmenu .row .flex .box {
    padding: 4rem 2rem;
  }
  .page-template-page-home #checkmenu .row .flex .box .txt h2 {
    font-size: 5rem;
  }
  .page-template-page-home #order .row .flex {
    flex-wrap: wrap;
  }
  .page-template-page-home #order .row .flex .button {
    flex: 1 0 100%;
    margin: 0 auto 2.5rem auto;
    padding: 0 2rem;
  }
  .page-template-page-home #order .row .flex .button a {
    font-size: 2rem;
    padding: 1.1rem 2rem 1.4rem 2rem;
    margin: 0 auto;
  }
  .page-template-page-home #order .row p {
    font-size: 1.8rem;
  }
  .page-template-page-about #hero {
    height: 48rem;
  }
  .page-template-page-about #hero .row .txt {
    padding-top: 9rem;
  }
  .page-template-page-about #hero .row .txt h1 {
    font-size: 5rem;
    max-width: 51rem;
    letter-spacing: -2.8px;
    text-align: center;
    margin: 0 auto;
  }
  .page-template-page-about #names .row .flex {
    flex-wrap: wrap;
    margin: 0;
  }
  .page-template-page-about #names .row .flex .box {
    flex: 1 0 100%;
    max-width: 100%;
    text-align: center;
    padding: 0 0 1.2rem 0;
  }
  .page-template-page-about #names .row .flex .box h2 {
    font-size: 2.4rem;
  }
  .page-template-page-about #order .row .flex {
    flex-wrap: wrap;
  }
  .page-template-page-about #order .row .flex .button {
    flex: 1 0 100%;
    max-width: 21.2rem;
    margin: 0 auto 2.5rem auto;
    padding: 0 2rem;
  }
  .page-template-page-about #order .row .flex .button a {
    font-size: 2rem;
    padding: 1.1rem 2rem 1.4rem 2rem;
  }
  .page-template-page-about #order .row p {
    font-size: 1.8rem;
  }
  .page-template-page-menu #menu {
    padding-top: 13rem;
  }
  .page-template-page-contact #contact .row h1 {
    font-size: 7rem;
  }
  .page-template-page-contact #data .row .flex .box .content {
    padding: 3rem 2rem;
  }
  .page-template-page-contact #data .row .flex .box .content .txt p {
    font-size: 2rem;
  }
  .page-template-page-contact #data .row .flex .box .content .txt p a {
    font-size: 2rem;
  }
  .page-template-page-contact #data .row .flex .box .content .ico {
    max-width: 3.5rem;
  }
}
@media only screen and (max-width: 400px) {
  .page-template-page-home #hero {
    height: 38rem;
  }
  .page-template-page-home #hero .row .txt {
    margin: 0 13rem 0 auto;
  }
  .page-template-page-home #hero .row .txt h1 {
    font-size: 8rem;
    letter-spacing: -4px;
  }
  .page-template-page-home #hero .row .img {
    width: 30rem;
    height: 24rem;
    bottom: 16.6rem;
    right: -9.5rem;
  }
  .page-template-page-home #testimonials .row .flex .box {
    padding: 0 0 9rem 0;
  }
  .page-template-page-home #testimonials .row .flex .box .content {
    padding: 0 3rem 3rem 3rem;
  }
  .page-template-page-about #hero {
    height: 40rem;
  }
  .page-template-page-about #hero .row .txt {
    padding-top: 4rem;
  }
}
@media only screen and (max-width: 350px) {
  .page-template-page-home #hero {
    height: 38rem;
  }
  .page-template-page-home #hero .row .txt h1 {
    font-size: 8rem;
    letter-spacing: -4px;
  }
  .page-template-page-home #hero .row .img {
    width: 30rem;
    height: 24rem;
    bottom: 16.6rem;
    right: -11.5rem;
  }
}