@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,600,700');
@font-face {
  font-family: 'Playfair Display Bold';
  src: url('fonts/PlayfairDisplay-Bold.eot');
  src: url('fonts/PlayfairDisplay-Bold.eot?#iefix') format('embedded-opentype'),
      url('fonts/PlayfairDisplay-Bold.woff2') format('woff2'),
      url('fonts/PlayfairDisplay-Bold.woff') format('woff'),
      url('fonts/PlayfairDisplay-Bold.ttf') format('truetype'),
      url('fonts/PlayfairDisplay-Bold.svg#PlayfairDisplay-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'FF Shamel Family Sans One Bold';
  src: url('fonts/FFShamelFamily-SansOneBold.eot');
  src: url('fonts/FFShamelFamily-SansOneBold.eot?#iefix') format('embedded-opentype'),
      url('fonts/FFShamelFamily-SansOneBold.woff2') format('woff2'),
      url('fonts/FFShamelFamily-SansOneBold.woff') format('woff'),
      url('fonts/FFShamelFamily-SansOneBold.ttf') format('truetype'),
      url('fonts/FFShamelFamily-SansOneBold.svg#FFShamelFamily-SansOneBold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Playfair Display Regular';
  src: url('fonts/PlayfairDisplay-Regular.eot');
  src: url('fonts/PlayfairDisplay-Regular.eot?#iefix') format('embedded-opentype'),
      url('fonts/PlayfairDisplay-Regular.woff2') format('woff2'),
      url('fonts/PlayfairDisplay-Regular.woff') format('woff'),
      url('fonts/PlayfairDisplay-Regular.ttf') format('truetype'),
      url('fonts/PlayfairDisplay-Regular.svg#PlayfairDisplay-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'FF Shamel Family Sans One Book';
  src: url('fonts/FFShamelFamily-SansOneBook.eot');
  src: url('fonts/FFShamelFamily-SansOneBook.eot?#iefix') format('embedded-opentype'),
      url('fonts/FFShamelFamily-SansOneBook.woff2') format('woff2'),
      url('fonts/FFShamelFamily-SansOneBook.woff') format('woff'),
      url('fonts/FFShamelFamily-SansOneBook.ttf') format('truetype'),
      url('fonts/FFShamelFamily-SansOneBook.svg#FFShamelFamily-SansOneBook') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'e000';
  src:  url('fonts/e000.eot?e99x3x');
  src:  url('fonts/e000.eot?e99x3x#iefix') format('embedded-opentype'),
    url('fonts/e000.ttf?e99x3x') format('truetype'),
    url('fonts/e000.woff?e99x3x') format('woff'),
    url('fonts/e000.svg?e99x3x#e000') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'e000' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-e000:before {
  content: "\e900";
}
html {margin: 0;padding: 0;}
body {margin: 0;padding: 0;background-color: #000;}
.qr-menu-maincategory, .qr-menu-category, .qr-menu-element, .qr-menu-additional{padding-left:40px;padding-right:40px;}
*{-webkit-tap-highlight-color: transparent;}
a:hover, a:visited, a:link, a:active, a:focus {text-decoration: none;outline: none;}
audio:focus { outline: none; }
video:focus { outline: none; }
.disabled {pointer-events: none !important;opacity: 0.5 !important;}
.hidden {display: none !important;}
.hidden_p {display: none !important;}
.noselect {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.clear-padding-left{padding-left:0 !important;}
.clear-padding-right{padding-right:0 !important;}
.text-center{text-align:center;}
.text{font-family: 'Castoro-Regular';font-size:16px;}
.text a{color:#fff;}
.text:hover a{color:#fff;text-decoration:underline;}

.header-3{display:inline-block;width:100%;text-align:center;background-color: white;padding-top: 30px;padding-bottom:30px;}
.header-container {display: inline-block;width: calc(100% - 40px);margin-left: 20px;margin-right: 20px;}
.header-container img{padding-top:5px;}

.carrousel{border-top: 1px solid #e5e5e5;  }
/* .carrousel .car-item{margin-right: 30px;}
.carrousel .car-item2{margin-right: 30px;} */
.carrousel a{color: #191919;font-family: 'Helvetica', 'Arial', sans-serif;font-size: 16px;}
.carrousel-ar{border-top: 1px solid #e5e5e5;}
/* .carrousel-ar .car-item{margin-left: 30px;}
.carrousel-ar .car-item2{margin-left: 30px;} */
.carrousel-ar a{color: #191919;  font-family: 'FF Shamel Family Sans One Book';font-size: 16px;}
.qr-menu-content {background-color: #f5f5f5;}
.qr-menu-container {display: inline-block;width: 100%;}
.qr-menu-navigation {background-color: #f5f5f5;margin-bottom: 0px;overflow: hidden;}
.qr-menu-navigation ul {display: table;height: 45px;margin: 0 auto;width: 100%;border-bottom:0;}
.qr-menu-navigation ul li {list-style: none;display: table-cell;width: 50%;text-align: center;vertical-align: middle;}
.qr-menu-navigation ul li a {display: inline-block;width: 100%;  font-family: 'Playfair Display Regular';font-style: normal;color: #191919;font-size: 16px;text-transform: capitalize;text-decoration: none;line-height: 45px;outline: none;transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;}
.qr-menu-navigation ul li a:hover, .qr-menu-navigation ul li a.active, .qr-menu-navigation ul li a.active:hover {background-color: #b59f6a;transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;font-family: 'Playfair Display Bold';color: #fff;}
.qr-menu-container {display: inline-block;width: 100%;background-color: #f5f5f5;}
.qr-menu-elements {display: inline-block;width: 100%;padding-bottom: 50px;}
.qr-menu-maincategory{clear:both;margin-left: 20px;margin-right: 20px;text-align: center;padding-bottom: 10px;border-bottom: 1px solid #e5e5e5;margin-bottom: 15px;}
.qr-menu-category{clear:both;margin-left: 20px;margin-right: 20px;text-align: center;padding-bottom: 10px;border-bottom: 1px solid #e5e5e5;margin-bottom: 15px;position: relative;}
.qr-menu-element{clear:both;margin-bottom:15px;margin-left: 20px;margin-right: 20px;background-color: white;padding-bottom: 10px;min-height: 90px;padding-top: 15px;position: relative;}
.qr-menu-additional{clear:both;display:inline-block;width:100%;margin-bottom:15px;padding-left: 40px;padding-right: 40px;}
h1{display:inline-block;font-family: 'Playfair Display Regular';font-style: normal;font-size: 21px;margin:0;padding:0;color:#191919;text-transform: uppercase;}
h2{display:inline-block;font-family: 'Playfair Display Bold';font-style: normal;font-size: 21px;margin:0;padding:0;color:#191919;}
h3{display:inline-block;font-family: 'Playfair Display Bold';font-style: normal;font-size:16px;margin:0;padding:0;color:#191919;text-transform: uppercase;}
.qr-text{display:inline-block;width:100%;}
.qr-text, .qr-text p { font-family: 'Helvetica', 'Arial', sans-serif;font-style: normal;font-weight: 300;font-size: 13px;color: #191919;margin:0;padding:0;margin-bottom: 40px;width: 65%;padding-right: 20px;}
.price-text{font-family: 'Playfair Display Bold';font-style: normal;color: #191919;font-size: 16px;position: absolute;bottom: 15px;}
.qr-menu-additional .qr-text{font-size:17px;font-family: 'Helvetica', 'Arial', sans-serif;}
.qr-menu-addons-container{border-top:1px solid #fff;border-bottom:1px solid #fff;margin-bottom:30px;}
.qr-menu-addons-container .qr-menu-element{margin-bottom: 10px;}
.qr-menu-addons-container .qr-menu-element:first-child{margin-top:10px;}
.qr-menu-addons-container .qr-menu-element h3, .qr-menu-addons-container .qr-menu-element .price-text{font-size: 16px;}
footer{text-align:center;padding:20px 20px 20px 20px;color:#fff;font-family: 'Helvetica', 'Arial', sans-serif;font-style: normal;font-weight: 300;font-size: 13px;}
.image{position: absolute;right: 0;top: 0;height: 120px;width: 35%;background-position: center;background-repeat: no-repeat;background-size: cover;}
.qr-menu-category .price-text{right: 0;bottom: 10px;}
.qr-menu-mainnote{color: #fff;font-family: 'Helvetica', 'Arial', sans-serif;font-size: 14px;line-height: 18px;margin-top: 11px;max-width: 80%;margin: 0 auto;position: relative;margin-top: 10px;}
.ar .qr-menu-mainnote{font-family: 'FF Shamel Family Sans One Book';font-size: 14px;line-height: 20px;}
.nav-tabs{margin-bottom: 15px;}
.activate{position: fixed;top: 0;z-index: 999;left: 0px;right: 0px;}
.current {position: relative;}
/* .current a{font-weight: bold;} */
.current::before{position: absolute;height: 3px;width: calc(100% - 20px);bottom: -17px;content: '';background-color: #b59f6a;right:0;}
.nav-tabs {border-bottom: none;}
.slick-list {margin: 0 !important;background-color: unset !important;padding: 0 !important;padding-bottom: 10px !important;padding-left: 20px !important;padding-right: 20px !important;}
.slick-track {position: relative;top: 0;left: 0;display: block;background-color: white !important;margin-left: auto;margin-right: auto;padding: 15px 20px 15px 20px;border-bottom:1px solid #e5e5e5;}
.qr-menu-additional .qr-text{margin-bottom: 0px;}
/* .ar{direction: rtl;} */
.ar h1{font-family: 'FF Shamel Family Sans One Book';}
.ar h2{font-family: 'FF Shamel Family Sans One Book';}
.ar h3{font-family: 'FF Shamel Family Sans One Book';}
/* .ar .qr-menu-navigation ul li a {font-family: 'Helvetica', 'Arial', sans-serif;font-weight: bold;}
.ar .current a {font-family: 'Helvetica', 'Arial', sans-serif;} */
/* .car-item2{font-weight: bold;} */
.current a{font-weight: bold;}
/* .ar .carrousel-ar a {font-family: 'Helvetica', 'Arial', sans-serif;font-size: 16px;} */
.ar .qr-menu-element h3,.ar .qr-menu-element .qr-text{text-align: right;float: right;}
.ar .image {right: auto;left: 0;}
.ar .qr-text, .ar .qr-text p {padding-left: 20px;padding-right: 0;}
.ar .nav{padding-right: 0 ;}
.ar .slick-list { padding-right: 0px !important;}
.ar .slick-track{margin-right: -20px;}
.car-item{float:left;}
.car-item2{float: right;}
.rm{opacity: 0;height: 0;visibility: hidden;overflow: hidden;}
.ar .price-text{right:20px;}
.ar .current::before{width: calc(100% + -25px);right: 0;}
.content{ width:100%; padding:0px; overflow:auto; padding-bottom: 0px;}
.content p{margin-right:30px}
.mCSB_horizontal>.mCSB_container {margin-bottom: 0 !important;z-index:2 ;}
.mCSB_scrollTools{visibility:hidden}
.mCSB_container{height: 67px !important;padding-bottom: 20px;}
.white-space{width: 20px;display: inline-block;height: 10px;}
.car-item:first-child .white-space{display: none;}
.current.car-item:first-child::before{width: 100%;}
.ar .white-space{width: 25px;}
.loader{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;background-color:white;opacity:1;visibility:visible;}
.loader-icon{position:relative;width:238px;height:201px;margin:0 auto;overflow:hidden;top:calc(50% - 100px);}
.loader-icon:before{content:"";position:absolute;top:0px;left:0;width:100%;height:100%;background-color:#fff;z-index:-1;}
.after{position:absolute;top:10px;left:10px;width:0%;height:calc(100% - 20px);background-color:#00aeef;z-index:-1;overflow:hidden;}
.logo-ar{display: none !important;}
.logo-en{display: none !important;}
.fade-in {
	 /* make things invisible upon start */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */  
  filter: alpha(opacity=0); /* IE 5-7 */  
  -moz-opacity: 0; /* Netscape */  
  -khtml-opacity: 0; /* Safari 1.x */  
  opacity: 0;/* Good browsers */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
}

.fade-out {
	 /* make things invisible upon start */
	visibility:hidden;
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
}
.fade-in1 {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 */  
  filter: alpha(opacity=1); /* IE 5-7 */  
  -moz-opacity: 1; /* Netscape */  
  -khtml-opacity: 1; /* Safari 1.x */  
  opacity: 1;/* Good browsers */
}
/* .ar .car-item2:last-child .white-space{width: 0px;} */

.qr-template-1.qr-menu-navigation, .qr-template-1.qr-menu-container{background-color: #e7e7dc;}
.qr-template-1.qr-menu-navigation ul li a:hover, .qr-template-1.qr-menu-navigation ul li a.active, .qr-template-1.qr-menu-navigation ul li a.active:hover{background-color: #e7a861;}
.qr-template-1.qr-menu-navigation ul li a{color:#24366a;}
.qr-template-1 .carrousel a{color:#24366a;}
.qr-template-1 .current::before{background-color: #e7a861;}
.qr-template-1 .qr-menu-element h3{color:#24366a;}
.qr-template-1 .price-text{color: #e7a861;}


@media screen and (max-width: 922px) {
	.qr-menu-maincategory, .qr-menu-category, .qr-menu-element, .qr-menu-additional{padding-left:20px;padding-right:20px;}
}