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



/* font-family: 'Quattrocento', serif !important; */



body {

  font: 400 18px/24px "Quattrocento", serif !important;

  color: #7b7770;

  letter-spacing: normal;

  min-width: 320px;

  position: relative;

}

#wrapper {

  width: 100%;

  overflow: hidden;

  position: relative;

  -webkit-transition: all 0.25s linear;

  -o-transition: all 0.25s linear;

  transition: all 0.25s linear;

}

ol,

ul {

  list-style: none;

}

ul {

  margin: 0;

  padding: 0;

}

ul li {

  margin: 0;

  font-size: 16px;

}

@media (min-width: 991.98px) {

  ul li {

    font-size: 21px;

  }

}

blockquote,

q {

  quotes: none;

}

blockquote:before,

blockquote:after,

q:before,

q:after {

  content: "";

  content: none;

}

p {

  margin: 0 0 15px;

  font-size: 18px;

  line-height: 24px;

  font-family: "Quattrocento", serif !important;

  font-weight: 400;

  color: #555555;

}

table {

  border-collapse: collapse;

  border-spacing: 0;

}

sup {

  font-size: 0.83em;

  line-height: 0;

  vertical-align: super;

}

sub {

  font-size: 0.83em;

  line-height: 0;

  vertical-align: sub;

}

b,

strong {

  font-weight: bold;

}

i,

em {

  font-style: italic;

}

figure {

  margin: 0;

}

img {

  display: block;

  max-width: 100%;

  height: auto;

}

form {

  margin: 0;

}

a {

  color: #195687; /* removed !important */

  text-decoration: none;

  -webkit-transition: all 0.25s linear;

  -o-transition: all 0.25s linear;

  transition: all 0.25s linear;

  outline: none !important;

}

a:hover,

a:focus {

  outline: none;

  color: #23527c;

  text-decoration: none;

}

button,

button:hover,

button:focus,

button:active,

.slick-slide,

.navbar,

.navbar-toggler:focus,

.navbar-toggler:hover {

  outline: none;

}

.btn {

  position: relative;

  z-index: 1;

  margin-top: 4px;

  background-color: transparent;

  padding: 15px 10px !important;

  color: #195687;

  min-width: 280px;

  font-family: "Quattrocento", serif !important;

  font-weight: 700;

  font-size: 25px;

  transition: all 0.3s;

  border: 6px solid #195687 !important;

  border-radius: 0;

}

@media (min-width: 991.98px) {

  .btn {

    min-width: 350px;

    font-size: 25px;

    line-height: 25px;

    padding-top: 20px;

    padding-bottom: 20px;

  }

}

.btn-primary:not(:disabled):not(.disabled):active {

  background-color: #f18705;

  color: #fff !important;

}

.btn:hover,

.btn:focus,

.btn:active {

  background: #195687;

  color: #fff !important;

}

.btn:focus {

  box-shadow: none;

  background-color: #195687;

  color: #fff;

}

::-moz-selection {

  color: #fff;

  background: #195687;

}

::selection {

  color: #fff;

  background: #195687;

}

.w-100 {

  width: 100%;

}

input,

textarea,

select {

  font-family: "Quattrocento", serif !important;

  font-weight: 500;

  border: 1px solid #ddd;

}

h1 {

  font-size: 33px !important;

  font-weight: 500;

  color: #195687 !important;

  line-height: 40px !important;

  font-family: "Quattrocento", serif !important;

  margin: 0 0 25px;

  letter-spacing: 1.2px;

}

h2 {

  font-size: 30px !important;

  font-weight: bold;

  line-height: 65px !important;

  font-family: "Quattrocento", serif !important;

  margin: 0 0 25px;

  color: #195687 !important;

  letter-spacing: 1.2px;

}

h3 {

  font-size: 24px !important;

  font-weight: bold;

  line-height: 28px !important;

  font-family: "Quattrocento", serif !important;

  margin: 0 0 25px;

  color: #195687 !important;

  letter-spacing: 1.2px;

}

h4 {

  font-size: 16px !important;

  font-weight: bold;

  line-height: 26px !important;

  font-family: "Quattrocento", serif !important;

  margin: 0 0 25px;

  color: #195687 !important;

  letter-spacing: 1.2px;

}

h5 {

  font-size: 100% !important;

  font-weight: bold;

  line-height: normal !important;

  font-family: "Quattrocento", serif !important;

  color: #195687 !important;

  letter-spacing: 1.2px;

}

h6 {

  font-size: 100% !important;

  font-weight: bold;

  line-height: normal !important;

  font-family: "Quattrocento", serif !important;

  margin: 0 0 25px;

  color: #195687 !important;

  letter-spacing: 1.2px;

}

/* Reset Media if needed */

@media (min-width: 767.98px) {

  h1 {

    font-size: 45px !important;

    line-height: 40px !important;

  }

  h2 {

    font-size: 40px !important;

    line-height: 65px !important;

  }

  h3 {

    font-size: 22px !important;

    line-height: 32px !important;

  }

  h4 {

    font-size: 18px !important;

    line-height: 28px !important;

  }

}

@media (min-width: 991.98px) {

  h1 {

    font-size: 60px !important;

    line-height: 57px !important;

    margin-bottom: 35px !important;

  }

  h2 {

    font-size: 60px !important;

  }

  h3 {

    font-size: 24px !important;

  }

  h4 {

    font-size: 20px !important;

  }

}

.d-flex {

  display: block;

}

.justify-cc {

  justify-content: center;

}

@media (min-width: 767.98px) {

  .d-flex {

    display: flex;

    align-items: center;

  }

}

.visual-banner {

  background-color: #dccebe;

  position: relative;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

}

.visual-banner .mobile-banner {

  display: block;

  min-height: 210px;

  object-fit: cover;

}

.visual-banner .banner {

  display: none;

  width: 100%;

}

@media (min-width: 767.98px) {

  .visual-banner .mobile-banner {

    display: none;

  }

  .visual-banner .banner {

    display: block;

  }

}

/*dinein and pickup*/

.dine-pickup {

  padding: 0 10px;

}

.dine-pickup .content h2 {

  font-size: 40px !important;

  font-weight: bold !important;

  margin-bottom: 20px;

  font-variant: small-caps;

}

.dine-pickup .list .list-block ul li {

  display: flex;

  justify-content: start;

  align-items: center;

  padding: 15px 0;

}

.dine-pickup .list .list-block ul li img {

  width: 35px;

  height: 35px;

  object-fit: contain;

}

.dine-pickup .list .list-block ul li a {

  border-bottom: 1px solid #195687;

  margin-left: 25px;

  font-size: 23px;

  line-height: 19px;

  display: inline-block;

  text-decoration: none;

  font-weight: bold;

}

.dine-pickup .list {

  padding-top: 25px;

}

@media (min-width: 767.98px) {

  .dine-pickup {

    padding: 35px 0;

  }

  .dine-pickup .content h2 {

    font-size: 40px !important;

  }

  .dine-pickup .d-flex {

    align-items: start;

  }

  .dine-pickup .list .list-block ul li a {

    font-size: 24px;

  }

}

@media (min-width: 991.98px) {

  .dine-pickup {

    padding: 50px 0;

  }

  .dine-pickup .list {

    padding: 0 14px;

  }

  .dine-pickup .content h2 {

    font-size: 50px !important;

  }

  .dine-pickup .list .list-block ul li a {

    font-size: 25px;

    line-height: 23px;

  }

  .dine-pickup p {

    padding: 10px 0;

    width: 365px;

  }

}

/*loaction block*/

.location-block {

  padding: 15px 10px;

}

.location-block .location-list {

  color: #555555;

}

.location-block h1 {

  font-weight: bold;

  font-size: 40px !important;

  font-variant: small-caps;

}

.location-block .location-list ul {

  list-style: none;

  padding: 10px 0;

}

.location-block .location-list ul li {

  padding: 8px 0 8px 30px;

  position: relative;

  font-size: 18px;

}

.location-block .location-list ul li::before {

  content: "";

  position: absolute;

  top: 15px;

  left: 0;

  width: 12px;

  height: 12px;

  border-radius: 100%;

  background-color: #a28a67;

}

.location-block .content {

  padding: 40px 0;

}

.location-block .btn-hold {

  margin-top: 20px;

}

@media (min-width: 767.98px) {

  .location-block {

    padding: 25px 0;

  }

  .location-block h1 {

    font-size: 50px !important;

  }

  .location-block .content {

    padding: 0;

  }

  .location-block .location-list {

    padding: 10px 0;

  }

  .location-block .location-list ul li {

    padding: 10px 0 24px 30px;

    font-size: 25px;

  }

  .location-block .img-holder {

    margin-top: 30px;

  }

}

@media (min-width: 991.98px) {

  .location-block .location-list ul li {

    padding: 10px 0 24px 30px;

    font-size: 25px;

  }

  .location-block {

    padding: 35px 0;

  }

  .location-block h1 {

    font-size: 60px !important;

  }

  .location-block .location-list ul li {

    padding: 10px 0 10px 40px;

  }

  .location-block .img-holder {

    margin-top: 80px;

  }

}

/*picture block */

.picture-block {

  padding: 15px 0;

}

.picture-block .upper-grid {

  display: flex;

  align-items: center;

}

.mb-5 {

  margin-bottom: 5px !important;

}

.mt-5 {

  margin-top: 5px;

}

.mr-5 {

  margin-right: 5px;

}

.ml-5 {

  margin-left: 5px;

}

.mb-4 {

  margin-bottom: 4px;

}

.mt-4 {

  margin-top: 4px;

}

/*media*/

@media (min-width: 767.98px) {

  .picture-block {

    padding: 25px 0;

  }

  .image-block {

    padding: 36px 0;

  }

  .picture-block .grid-wrap {

    padding: 0 8px;

  }

  .picture-block .image-hold {

    padding-bottom: 0px;

  }

  .picture-block .grid-cols {

    display: flex;

  }

}

@media (min-width: 991.98px) {

  .picture-block {

    padding: 20px 0;

  }

  .picture-block .grid-wrap {

    padding: 0 8px;

  }

}

/*image block*/

.image-block {

  padding: 15px 0;

  background: transparent linear-gradient(0deg, #f5e9d7 0%, #fff0 100%) 0% 0%

    no-repeat padding-box;

}

.image-block .upper-grid {

  display: flex;

  align-items: center;

}

.image-block .grid-cols {

  padding: 20px 0;

}

.image-block h1 {

  font-size: 40px !important;

  font-weight: 700;

  font-variant: small-caps;

}

.image-block .lower-content .lower-image {

  justify-content: space-around;

}

.image-block .lower-content h2 {

  font-size: 25px !important;

  line-height: 45px !important;

  letter-spacing: 0;

  font-weight: 700;

}

.image-block .lower-content .heading {

  margin-bottom: 15px;

}

.image-block .order-img img {

  width: auto;

  margin: 0 auto;

  padding: 20px;

}

.image-block .image-hold,

.image-block .right-grid,

.image-block .lower-grid {

  display: flex;

}

.image-block .lower-content {

  padding: 10px 0;

}

@media (min-width: 767.98px) {

  .image-block {

    padding: 36px 0;

  }

  .image-block .grid-cols {

    display: flex;

  }

  .image-block .right-lower {

    display: flex;

  }

  .image-block .lower-grid {

    display: flex;

  }

  .image-block .grid-cols {

    padding: 28px 0;

  }

  .image-block .lower-content .heading {

    margin-bottom: 30px;

  }

  .image-block h1 {

    font-size: 50px !important;

  }

  .image-block .lower-content h2 {

    font-size: 40px !important;

  }

}

@media (min-width: 991.98px) {

  .image-block {

    padding: 50px 0;

  }

  .image-block .lower-content h2 {

    letter-spacing: 0;

  }

  .image-block h1 {

    font-size: 60px !important;

    font-weight: 700;

    font-variant: small-caps;

  }

}

/*social media block*/

.social-block .social-media-item {

  position: relative;

  color: #f8e4c9 !important;

  text-align: center;

  overflow: hidden;

  z-index: 1;

}

.social-block .social-media {

  position: relative;

  border-top: 4px #fff solid;

  border-bottom: 4px #fff solid;

  -webkit-box-shadow: 0 0 12px #000;

  box-shadow: 0 0 12px #000;

}

.social-block .item-facebook {

  background: url(../images/social-fb-bg.jpg) center center no-repeat;

  background-size: cover;

  color: #00467f;

}

.social-block .item-instagram {

  background: url(../images/insta.jpg) center center no-repeat;

  background-size: cover;

}

.social-block .item-twitter {

  background: url(../images/twitter.jpg) center center no-repeat;

  background-size: cover;

}

.social-block .icon {

  font-size: 6rem;

  position: relative;

  z-index: 2;

  padding-bottom: 18px;

}

.social-block .social-media-link {

  font-size: 3.5rem;

  padding: 10px;

  text-decoration: none;

  min-height: 278px;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

}

.social-block .social-media-label {

  position: relative;

}

.social-block .social-media-label::after {

  content: "";

  position: absolute;

  top: 100%;

  left: 50%;

  width: 60px;

  height: 3px;

  margin-top: 15px;

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%);

  -webkit-transition: 0.2s background;

  transition: 0.2s background;

  background: #f8e4c9;

}

.social-block .item-facebook .social-media-label::after {

  background: #00467f;

}

.social-block .overlay-clr {

  -webkit-transition: 0.2s color;

  transition: 0.2s color;

  padding: 0;

}

.social-block .overlay-clr::before {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 100%;

  -webkit-transform: scale(1);

  transform: scale(1);

  -webkit-transition: 0.4s opacity, 0.4s transform;

  transition: 0.4s opacity, 0.4s transform;

  background: radial-gradient(transparent 20%, #000 75%);

  content: "";

  opacity: 0;

  -webkit-transform-origin: center center;

  transform-origin: center center;

}

.social-block .overlay-clr:hover::before,

.social-block .overlay-clr:active::before,

.social-block .overlay-clr:focus::before {

  -webkit-transform: scale(1);

  transform: scale(1);

  opacity: 0.2;

}

.item-instagram .social-media-label,

.item-instagram .icon,

.item-twitter .social-media-label,

.item-twitter .icon {

  color: #f8e4c9;

}

.social-block .item-facebook .social-media-label,

.social-block .item-facebook .social-media-label .icon {

  color: #00467f;

}

.social-block .fa-facebook {

  color: #00467f;

}

.social-media-item:hover .social-media-link span {

  color: #000 !important;

  text-decoration: none;

}

.social-media-item:hover .social-media-link .icon {

  color: #000 !important;

  text-decoration: none;

}

.social-block .mb-4 {

  margin-bottom: 4px;

}

.social-block .mt-4 {

  margin-top: 4px;

}

.social-block .col-xs-12,

.social-block .col-sm-4 {

  padding: 0;

}

@media (min-width: 767.98px) {

  .social-block .item-instagram {

    border-left: 4px #fff solid;

  }

  .social-block .item-twitter {

    border-left: 4px #fff solid;

  }

  .social-block .mb-4 {

    margin-bottom: 0px;

  }

  .social-block .mt-4 {

    margin-top: 0px;

  }

}

@media (min-width: 991.98px) {

  .social-block .social-media-link {

    min-height: 400px;

  }

}