/* #f3814f - Mazah Orange*/
/* #22654F*/
/*custom css reset*/
/* line 4, main.scss */
* {
  margin: 0;
  padding: 0; }

/* General styles */
/* line 10, main.scss */
html, body {
  min-height: 100%; }

/* line 13, main.scss */
header {
  height: 95px;
  width: 100%;
  z-index: 2;
  -webkit-box-shadow: 0 4px 2px -2px grey;
  -moz-box-shadow: 0 4px 2px -2px gray;
  box-shadow: 0 4px 2px -2px grey;
  position: fixed;
  top: 0px;
  background-color: #2d1632; }

/* line 24, main.scss */
header img {
  text-align: center; }

/* line 27, main.scss */
h1 {
  color: white;
  /* font-family: 'Fjalla One', sans-serif; */
  font-family: 'gotham-bold';
  text-align: center;
  font-size: 6.9em;
  margin: 0 auto;
  margin-top: 30%;
  z-index: 1;
  text-shadow: -1px -1px 0 #000,   1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }

/* line 42, main.scss */
h2 {
  /* font-family: 'Poppins', sans-serif; */
  font-family: 'gotham-bold';
  /* margin-left: -33px !important; */ }

/* line 47, main.scss */
h3, h4 {
  /* font-family: 'Poppins', sans-serif; */
  font-family: 'gotham-bold';
  text-align: center; }

/* line 52, main.scss */
h3 {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  border: 0px;
  font-family: Arial;
  color: #ffffff;
  font-size: 21px;
  background: #f3814f;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  /*width: 150px;*/
  text-align: center;
  margin: 0 auto;
  vertical-align: middle; }
  /* line 64, main.scss */
  h3 a {
    text-align: center;
    margin: 0 auto;
    vertical-align: middle;
    padding-top: 50px; }

/* line 74, main.scss */
h3:hover {
  background: #f2a483;
  text-decoration: none; }

/* line 78, main.scss */
h5 {
  /*font-family: 'Poppins', sans-serif; */
  /* font-family: 'gotham-bold'; */
  font-family: 'gotham-medium';
  font-size: 22px; }

/* line 84, main.scss */
ul {
  list-style-type: none; }

/* line 87, main.scss */
li {
  font-size: 13px; }

/* line 90, main.scss */
a {
  text-decoration: none;
  color: inherit;
  font-family: 'gotham-bold'; }

/* line 95, main.scss */
p {
  /* font-family: 'Poppins', sans-serif;*/
  font-family: "gotham-thin";
  line-height: 1.5em; }

/* line 100, main.scss */
body {
  background-image: url(../images/bg.jpg);
  background-size: contain; }

/* line 104, main.scss */
button {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  border: 0px;
  color: #ffffff;
  font-size: 19px;
  background: #f3814f;
  padding: 6px 16px 6px 16px;
  text-decoration: none;
  width: 150px;
  font-family: 'gotham-bold'; }

/* line 117, main.scss */
button:hover {
  background: #f2a483;
  text-decoration: none; }

/* line 121, main.scss */
iframe {
  margin: 0 auto; }

/* Fonts */
@font-face {
  font-family: 'gotham-bold';
  src: url("Gotham-Bold.otf") format("opentype"); }
@font-face {
  font-family: 'gotham-thin';
  src: url("Gotham-Thin.otf") format("opentype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'gotham-medium';
  src: url("Gotham-Medium.otf") format("opentype"); }
/* Specific styles */
/* content areas */
/* line 144, main.scss */
.content {
  height: auto;
  overflow: hidden;
  margin-top: 95px;
  /* margin-bottom: 20px; */
  color: #2d1632; }

/* line 151, main.scss */
.about {
  margin-top: 145px;
  /* padding-top: 111px; */
  margin-bottom: 60px;
  margin-left: 40px;
  margin-right: 40px; }

/* line 158, main.scss */
.gallery {
  margin-bottom: 120px;
  /* padding-top: 111px; */
  margin-left: 12%;
  margin-right: 12%; }

/* line 164, main.scss */
.gallery_row {
  float: left;
  clear: right;
  margin-right: 15px; }

/* line 169, main.scss */
.gallery div {
  margin-bottom: 15px; }

/* line 173, main.scss */
#sampleMovie {
  width: 500px;
  height: 400px;
  margin: 0 auto;
  text-align: center; }

/* line 180, main.scss */
#movieDiv {
  text-align: center;
  margin-top: 25px; }

/* Navigation and menus */
/* line 187, main.scss */
.menu {
  /* margin-top: 75px !important; */
  margin-top: -65px;
  height: auto; }

/* line 193, main.scss */
#banner-fixed {
  text-shadow: 0 0 black;
  position: fixed;
  z-index: 400;
  background-color: #4C2554;
  text-align: center;
  width: 100%;
  font-family: 'gotham-bold';
  padding: 5px 10px;
  color: #fff; }

/* line 207, main.scss */
.buttons {
  text-align: center;
  margin-top: 20px;
  z-index: 40;
  overflow: auto; }

/* .buttons::before{
 	background-color: rgba(0, 0, 0, 0.8);
   display: block;
   content: '';
   position: absolute;
   height: inherit;
   width: inherit;
 }*/
/* line 222, main.scss */
#logo {
  float: left;
  clear: none;
  z-index: 2;
  margin-left: 8px;
  height: 87px;
  padding: 3px; }

/* line 230, main.scss */
.hover {
  background: #f2a483;
  text-decoration: none; }

/* line 234, main.scss */
#hover2 {
  color: #f3814f; }

/* line 237, main.scss */
#hover2:hover {
  color: #fff; }

/* line 240, main.scss */
.nav li a {
  padding-top: 42px;
  padding-bottom: 37px;
  padding-left: 2px;
  padding-right: 2px;
  transition: color 1.1s ease;
  -webkit-transition: color 1.1s ease;
  -moz-transition: color 1.1s ease;
  -o-transition: color 1.1s ease; }

/* line 250, main.scss */
.nav li a:hover {
  background-color: #f3814f;
  color: #fff; }

/* line 254, main.scss */
.video-banner {
  background-image: url(../images/covers/home_cover_index.jpg);
  background-repeat: no-repeat;
  background-position: 50% 65%;
  /* background-position: center; */
  background-size: cover;
  height: 440px;
  overflow: hidden;
  transition: all .5s; }

/* line 264, main.scss */
.video-banner:hover {
  transform: scale(1.02);
  transition: all .5s; }

/* line 268, main.scss */
.banner {
  text-align: center;
  background-color: rgba(243, 129, 79, 0.6);
  padding: 10px; }

/* line 273, main.scss */
.banner p span {
  font-size: 24px; }

/* line 276, main.scss */
.home h2 {
  margin-left: 13%; }

/* line 279, main.scss */
.nav {
  float: right;
  clear: none;
  list-style-type: none;
  margin-right: 37px;
  margin-top: 41px;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out; }

/* line 291, main.scss */
.nav a:visited {
  color: inherit; }

/* line 294, main.scss */
.nav li {
  transition: color 1.1s ease;
  -webkit-transition: color 1.1s ease;
  -moz-transition: color 1.1s ease;
  -o-transition: color 1.1s ease;
  display: inline;
  margin-right: 9px;
  /* font-family: 'Poppins', sans-serif; */
  font-family: 'gotham-bold';
  color: #fff;
  font-size: 16px; }

/* line 306, main.scss */
.nav li:hover {
  color: #f3814f;
  transition: color 1.1s ease;
  -webkit-transition: color 1.1s ease;
  -moz-transition: color 1.1s ease;
  -o-transition: color 1.1s ease; }

/* line 313, main.scss */
.nav img {
  /* background-color: #fff; */
  width: 18px;
  /*margin-right: 4px;*/ }

/* line 318, main.scss */
#first {
  margin-left: 15px; }

/* line 321, main.scss */
.active {
  color: #D2D2CB; }

/* line 324, main.scss */
.group1 img {
  width: 300px !important; }

/* line 327, main.scss */
.gallery-page {
  margin: 0 auto;
  text-align: center;
  margin-bottom: 80px;
  margin-top: 145px; }

/* floating Social media Icons */
/* line 334, main.scss */
#social_side_links {
  position: fixed;
  top: 200px;
  right: 0;
  padding: 0;
  list-style: none;
  z-index: 99; }

/* line 342, main.scss */
#social_side_links li a {
  display: block; }

/* line 343, main.scss */
#social_side_links li a img {
  display: block;
  max-width: 40px;
  padding: 10px;
  -webkit-transition: background .2s ease-in-out;
  -moz-transition: background .2s ease-in-out;
  -o-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out; }

/* line 352, main.scss */
#social_side_links li a:hover img {
  background: rgba(0, 0, 0, 0.2); }

/* menu items */
/* line 355, main.scss */
.items {
  margin-top: 60px !important;
  height: auto;
  margin-left: 200px;
  margin-right: 200px;
  margin-bottom: 200px; }

/* line 362, main.scss */
.menu-item {
  height: auto;
  width: 100%;
  clear: both;
  margin-bottom: 25px; }

/* line 368, main.scss */
.menu-item div img {
  float: left;
  margin-right: 15px; }

/* line 372, main.scss */
.price {
  /* float: right;
   padding-right: 10%; */
  padding-left: 3%;
  padding-top: 2px;
  font-size: 20px; }

/* line 379, main.scss */
.svg {
  margin-top: 10px !important; }

/* line 382, main.scss */
.svg:hover {
  /* background-color: #f3814f; */ }

/* line 385, main.scss */
.allergy {
  width: 25px; }

/* line 388, main.scss */
.desc {
  /* margin-top: 15px; */
  font-size: 15px; }

/* line 392, main.scss */
.menu-item h5 {
  display: inline; }

/* line 395, main.scss */
.menu-item p {
  font-weight: 100; }

/* line 398, main.scss */
#signpost {
  font-size: 18px;
  margin-top: 60px; }

/* image hover styling */
/* line 404, main.scss */
.box {
  cursor: pointer;
  height: auto;
  float: left;
  margin: 5px;
  /*position: relative;  */
  overflow: hidden; }

/* line 412, main.scss */
.box img {
  /*position: absolute;  */
  left: 0;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out; }

/* line 421, main.scss */
.box .caption {
  font-family: Tahoma;
  font-size: .5em;
  background-color: rgba(243, 129, 79, 0.8);
  position: absolute;
  color: #fff;
  z-index: 100;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  left: 205px;
  opacity: 0;
  width: 290px;
  height: 190px;
  padding: 5px; }

/* line 439, main.scss */
.box:hover .fade-caption {
  opacity: 1; }

/* line 442, main.scss */
.caption-header {
  text-align: center;
  vertical-align: middle;
  position: relative;
  top: 43%;
  display: block !important; }

/* line 449, main.scss */
.two {
  top: 38% !important; }

/* line 452, main.scss */
.show-hide {
  display: none;
  visibility: hidden; }

/* line 456, main.scss */
.opacity {
  opacity: 0.94; }

/* line 459, main.scss */
.menu_link {
  padding-top: 50px;
  text-align: center !important;
  font-size: 48px; }

/* line 464, main.scss */
#view_pdf {
  width: 160px; }

/* line 468, main.scss */
.warning {
  margin-bottom: 120px;
  margin-left: 19%;
  margin-right: 19%;
  font-size: 14px; }

/* line 474, main.scss */
.food_illness {
  font-weight: 100 !important;
  font-family: 'gotham-thin';
  margin-top: 25px; }

/* line 479, main.scss */
.minimum {
  margin-bottom: 80px; }

/* line 482, main.scss */
.desc-below {
  margin-bottom: 80px;
  margin-top: -70px; }

/* about page */
/* line 488, main.scss */
.video {
  /* width: 100%; */
  width: 960px;
  float: left;
  clear: none;
  margin-bottom: 60px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  border-radius: 8px; }

/* line 500, main.scss */
.about_text {
  font-size: 21px;
  margin-left: 15%;
  margin-right: 15%;
  line-height: 1.7; }

/* line 506, main.scss */
.about h2 {
  margin-left: 19px;
  margin-bottom: 30px;
  font-size: 28px; }

/* line 511, main.scss */
.gallery-header {
  margin-bottom: 30px;
  font-size: 35px !important; }

/* Footer Styling */
/* line 518, main.scss */
body .footer {
  bottom: 0px;
  height: auto;
  padding-left: 9px;
  background-color: #2d1632;
  padding-bottom: 30px;
  /*border-top: 1px dashed #F3814F;*/ }

/* line 526, main.scss */
.footer_text {
  font-size: 12px;
  text-align: center; }

/* line 530, main.scss */
.footer-top {
  text-align: center;
  background-color: #2d1632;
  color: #fff;
  height: auto;
  font-family: 'Poppins', sans-serif;
  padding-top: 35px;
  padding-bottom: 25px; }

/* line 539, main.scss */
.footer-top img {
  width: 32px;
  height: 32px;
  /* background-color: #fff; */ }

/* line 544, main.scss */
.email_footer {
  border-bottom: 1px dotted white;
  text-decoration: none; }

/* line 548, main.scss */
.map-index {
  height: auto;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 70px; }

/* line 554, main.scss */
.map-index img {
  margin-left: -10px; }

/* line 557, main.scss */
.footer-bottom {
  background-color: #2d1632;
  color: #fff;
  margin-top: 20px;
  width: 100%; }

/* line 563, main.scss */
.green {
  /*color: #31E53A !important;*/
  text-decoration: none;
  transition: color 0.7s ease;
  -webkit-transition: color 0.7s ease;
  -moz-transition: color 0.7s ease;
  -o-transition: color 0.7s ease; }

/* line 571, main.scss */
.green:hover {
  /*color: #4CE9EB !important;*/
  color: #31E53A; }

/* line 575, main.scss */
#sig {
  font-size: 10px;
  text-align: center !important;
  /*margin-top:-19px !important;*/ }

/* .warning_banner{
 	background-color: #2d1632;
 	opacity: 0.6;
 	color: #fff;
 	width: 100%;
 	min-height: 20px;
 	max-height: 98px;
 	height: auto !important;
 	padding-top: 5px;
 	padding-bottom: 5px;
 }*/
/* Covers */
/* line 594, main.scss */
#appetizers {
  background-image: url(../images/covers/app_cover.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }

/* line 600, main.scss */
#salads {
  background-image: url(../images/covers/salad_cover.jpg);
  background-repeat: no-repeat;
  background-position: 50% 35%;
  background-size: cover; }

/* line 606, main.scss */
#desserts {
  background-image: url(../images/covers/dessert_cover.jpg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover; }

/* line 612, main.scss */
#entrees {
  background-image: url(../images/covers/entree_cover.jpg);
  background-repeat: no-repeat;
  background-position: 50% 15%;
  background-size: cover; }

/* line 618, main.scss */
#pita {
  background-image: url(../images/covers/pitabar_cover.jpg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  /* background-position: auto; */ }

/* line 625, main.scss */
#dishes {
  background-image: url(../images/covers/dishes_cover.jpg);
  background-repeat: no-repeat;
  background-position: 50% 80%;
  background-size: cover; }

/* line 631, main.scss */
#baked-goods, #drinks, #sauces, #miscellanious {
  background-image: url(../images/food2.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: rgba(0, 0, 0, 0.15); }

/* line 639, main.scss */
.row {
  width: 100%;
  text-align: center;
  height: 400px;
  display: flex;
  align-items: center; }

/* MEDIA QUERIES */
@media (min-width: 20px) and (max-width: 800px) {
  /* line 654, main.scss */
  .gallery {
    margin-left: 0px;
    margin-right: 0px; }

  /* line 658, main.scss */
  .home h2 {
    margin-left: 1%; } }
/*responsive for mobile */
@media (min-width: 20px) and (max-width: 450px) {
  /* line 665, main.scss */
  h1 {
    font-size: 3.2em; }

  /* line 668, main.scss */
  .menu_link {
    /* margin-left: -15px !important; */
    font-size: 30px; }

  /* line 672, main.scss */
  header {
    height: 80px; }

  /* line 676, main.scss */
  .content {
    margin-top: 80px; }

  /* line 679, main.scss */
  .about {
    margin-top: 130px; }

  /* line 682, main.scss */
  .gallery-page {
    margin-top: 130px; }

  /* line 685, main.scss */
  h5 {
    clear: both;
    padding-top: 10px !important;
    display: block !important; }

  /* line 690, main.scss */
  #logo {
    margin-left: 0px !important; }

  /* line 693, main.scss */
  #sig {
    font-size: 7px;
    margin-top: -14px !important; }

  /* line 697, main.scss */
  .footer_text {
    font-size: 9px; }

  /* line 700, main.scss */
  .nav {
    margin-right: 2px;
    margin-top: 29px; }

  /* line 704, main.scss */
  .nav li {
    font-size: 8px;
    margin-right: 1px; }

  /* line 708, main.scss */
  .price {
    float: none; }

  /* line 711, main.scss */
  .img {
    width: 105px;
    height: 105px; }

  /*	 button{
  	 	width: 115px;
  	 	font-size: 15px;
  	 }
  	 .home .buttons{
  	 	margin-bottom: 10px;
  	 }
  	 .home .buttons a button{
  	 	width: 31% !important;
  	 }*/
  /* line 725, main.scss */
  .banner {
    position: relative !important;
    text-align: center;
    top: 65%;
    background-color: rgba(243, 129, 79, 0.6); }

  /* line 731, main.scss */
  .nav img {
    display: none;
    visibility: hidden; }

  /* line 735, main.scss */
  .footer-top img {
    width: 28px;
    margin-right: 5px;
    height: auto !important;
    margin-top: 30px;
    /* background-color: #fff; */ }

  /* line 742, main.scss */
  .footer-bottom {
    width: 100%;
    padding-bottom: 15px; }

  /* line 746, main.scss */
  .gallery_row {
    margin-right: 5px; }

  /* line 749, main.scss */
  .gallery .gallery_row:first-child {
    margin-left: 8px; }

  /* line 752, main.scss */
  .items {
    margin-top: -55px !important;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 120px !important; }

  /* line 758, main.scss */
  .box .caption {
    left: 20px;
    padding: 5px; }

  /* line 762, main.scss */
  .box {
    margin: 0px; }

  /* line 765, main.scss */
  .nav li a {
    padding-bottom: 31px !important;
    padding-left: 0px !important; }

  /* line 769, main.scss */
  .gallery {
    margin-bottom: 90px; }

  /* line 772, main.scss */
  #signpost {
    margin-left: 5px !important;
    margin-bottom: 5px !important;
    font-size: 15px; }

  /* line 777, main.scss */
  .instagram {
    margin-top: 60px !important; }

  /* line 780, main.scss */
  .video-banner {
    height: 290px !important; }

  /* line 783, main.scss */
  .menu .row h3 {
    font-size: 13px; }

  	/*// .group1 img{
  
  	// }*/ }
@media (min-width: 450px) and (max-width: 830px) {
  /* line 792, main.scss */
  .items {
    margin-left: 20px;
    margin-right: 0px; }

  /* line 796, main.scss */
  .box .caption {
    left: 25px;
    padding: 5px; }

  /* line 800, main.scss */
  .nav {
    margin-right: 5px;
    margin-top: 30px; }

  /* line 804, main.scss */
  .nav li {
    font-size: 11px;
    margin-right: 1px; }

  /* line 808, main.scss */
  .nav li a {
    padding-bottom: 49px !important; }

  /* line 811, main.scss */
  .nav img {
    display: none;
    visibility: hidden; } }
@media (min-width: 20px) and (max-width: 570px) {
  /* line 817, main.scss */
  .video {
    width: 96%;
    float: none;
    clear: none;
    margin-left: 1px;
    margin-bottom: 35px !important; }

  /* line 824, main.scss */
  .about_text {
    font-size: 18px;
    line-height: 1.7;
    margin-left: 1%;
    margin-right: 1%; }

  /* line 830, main.scss */
  #logo {
    height: 70px !important;
    padding: 1px;
    margin-left: -3px !important; } }
@media (min-width: 830px) and (max-width: 900px) {
  /* line 838, main.scss */
  .items {
    margin-left: 80px;
    margin-right: 0px; }

  /* line 842, main.scss */
  .box .caption {
    left: 85px;
    padding: 5px; }

  /* line 846, main.scss */
  .price {
    float: none; } }
@media (min-width: 20px) and (max-width: 439px) {
  /* line 851, main.scss */
  .price {
    padding-left: 0% !important; }

  /* line 854, main.scss */
  .menu-item {
    margin-top: 80px !important; }

  /* line 857, main.scss */
  .menu-item .box img {
    width: 94% !important; }

  /* line 860, main.scss */
  .caption {
    width: 82% !important;
    height: 216px !important; }

  /* line 864, main.scss */
  #social_side_links {
    display: none;
    visibility: hidden; } }
@media (min-width: 20px) and (max-width: 900px) {
  /* line 871, main.scss */
  .price {
    float: none; } }
/* responsiveness on big monitor */
@media (min-width: 1500px) and (max-width: 3000px) {
  /* line 878, main.scss */
  .map-index img {
    /*height:400px;*/
    display: none;
    visibility: hidden; }

  /* line 883, main.scss */
  .gallery {
    margin-left: 430px;
    margin-right: 430px;
    margin-bottom: 200px;
    /* margin-top: 150px; */ }

  /* line 889, main.scss */
  .home h2 {
    margin-left: 430px !important; }

  /* line 892, main.scss */
  .signpost_about {
    font-size: 39px !important; }

  /* line 895, main.scss */
  .footer-top img {
    width: 40px;
    height: 40px; }

  /* line 899, main.scss */
  .footer_text {
    font-size: 14px; }

  /* line 902, main.scss */
  .show-hide {
    height: auto;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 70px;
    display: block;
    visibility: visible; }

  /* line 910, main.scss */
  .price {
    /* padding-right: 34%; */ }

  /* line 913, main.scss */
  .desc {
    margin-right: 350px; }

  /* line 916, main.scss */
  .nav li a {
    padding-bottom: 36px; }

  /* line 919, main.scss */
  .items {
    margin-left: 380px; }

  /* line 922, main.scss */
  .box .caption {
    left: 385px; }

  /* line 925, main.scss */
  .row {
    height: 350px; }

  /* line 928, main.scss */
  .about {
    margin-bottom: 180px; }

  /* line 931, main.scss */
  .about_text {
    font-size: 26px; }

  /* line 934, main.scss */
  .gallery-header {
    font-size: 45px !important; } }
@media (min-width: 570px) and (max-width: 1100px) {
  /* line 939, main.scss */
  .video {
    width: 90%; } }
@media (max-width: 621px) {
  /* line 944, main.scss */
  button {
    width: 80px;
    font-size: 10px; }

  /* line 948, main.scss */
  #view_pdf {
    width: 90px;
    font-size: 10px; }

  /* line 952, main.scss */
  #movieDiv {
    display: none;
    visibility: hidden; } }
@media (min-width: 1270px) {
  /* line 959, main.scss */
  .about_text {
    margin-top: 640px; } }

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