@charset "utf-8";
/* CSS Document */
/*Eric Meyer's*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,small, strike, sub, sup, tt, var, u, i, center,dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 0;} ol, ul {}
blockquote, q {quotes: none;}blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

/*General*/
@font-face {
  font-family: Sahel;
  src: url('../includes/fonts/Sahel-FD.eot');
  src: url('../includes/fonts/Sahel-FD.eot#iefix') format('embedded-opentype'),
       url('../includes/fonts/Sahel-FD.woff2') format('woff2'),
       url('../includes/fonts/Sahel-FD.woff') format('woff'),
       url('../includes/fonts/Sahel-FD.ttf') format('truetype');
  font-weight: normal;
}

@font-face {
  font-family: SahelB;
  src: url('../includes/fonts/Sahel-Bold-FD.eot');
  src: url('../includes/fonts/Sahel-Bold-FD.eot#iefix') format('embedded-opentype'),
       url('../includes/fonts/Sahel-Bold-FD.woff2') format('woff2'),
       url('../includes/fonts/Sahel-Bold-FD.woff') format('woff'),
       url('../includes/fonts/Sahel-Bold-FD.ttf') format('truetype');
}

body {
    font-family: 'Sahel', sans-serif;
    font-size: 14pt;
    line-height: 2em;
    font-weight: 300;
    letter-spacing: 1px;
    color: #3a3939;
    -webkit-text-stroke: 0.25px;
	direction:rtl;
}
img{padding:0; margin:0; border:0; line-height:0;}
.clr{clear:both; padding-top:0 !important; padding-bottom:0 !important;}
.anchor{ opacity:0 !important;}
.mrg_top15{ margin-top:15px !important;}
.noborder{ margin-top:0 !important;}
.noborder:after, .noborder:before{ display:none !important;}
.noborder .blocks{ border:none !important;}

.icon_style{ display: inline-block; position:absolute; right:0px; top:5px; padding:5px 20px; font-size:17px; color:#2D2D2D; background:rgba(255,255,255,.8); border-radius:40px 0 0 40px;}
.icon_style2{ color:#ff0707 !important;}
.i_icon{ font-size:35px !important; padding-left:5px;}
.txt_icon{ position:relative; top:-8px;}
.flexbox{ display:flex; display:-webkit-flex; display:-ms-flexbox; justify-content:center;}
#club{ width:100%; margin:300px 0 0; color:#fff; box-sizing:border-box; position:relative;}
#club > img{ width:120px; margin:auto; position:absolute; top:-230px; left:0; right:0; display:block;}
#club > div{ padding:110px 20px 105px; background:#85D0D1; text-align:center; border-top:1px solid #fff; position:relative; box-sizing:border-box;} 
#club > div img{ position:absolute;}
#club > div .img_one{ width:50px; top:0; right:30px;}
#club > div .img_two{ width:200px; top:-73px; right:70px}
#club > div .img_three{ width:180px; bottom:0; left:0;}
#club > div .mem_counter{ margin-bottom:30px; color:#000; font-size:26px; font-family:"SahelB"; line-height:40px;} 
#club > div .mem_counter span{ width:150px; color:#B01431; font-size:50px; text-align: left; display:inline-block;} 
.more{ padding:5px 0; margin:20px auto; color:#B01431; font-size:22px; line-height:33px; text-align:center; letter-spacing:0; border-bottom:2px solid #B01431; text-decoration:none; text-shadow:none; display:inline-block; transition:all linear 0.2s;}
.more:hover{ opacity:0.7;}
.more i{ padding-right:10px; vertical-align:middle;}
@media only screen and (min-width: 40px) and (max-width: 600px) {
	#club > div .img_three{ width:130px;}
	#club > div .img_two { width: 150px; top: -55px; right: 0;}
	#club > div .img_one { width: 40px; top: 23px; right: 10px;}
}

/*Head*/
#header {
    position: relative;
    color: white;
	text-shadow: 1px 2px 0px rgba(0, 0, 0, 1);
    text-align: center;
    margin: 0;
    cursor: default;
	padding: 6.5em 0px 3em; 
	background:url(../en/images/symbols/top.jpg) no-repeat top center;
}
#header header {
    display: inline-block;
    padding: 0 5px 0 !important;
}
#header header p {
    border-top: solid 1px rgba(255, 255, 255, 0.8);
    color: rgba(255, 255, 255, 1);
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 1);
    font-size: 1em;
    margin-top: 0.35em;
	font-weight:300;
}
#header header span{background:rgba(0,0,0,.35); padding:5px;}
#header header span a{color:#FFF; text-decoration:none; transition:all 0.2s linear;}
#header header span:hover{background:rgba(0,0,0,.5);}
#header header p::before {
    content: '';
    display: block;
    border-top: solid 1px rgba(255, 255, 255, 0.8);
    margin: 4px 0 0.5em 0;
}
header p {
    display: block;
    margin: 0.5em 0 0 0;
    padding: 0 0 1.5em 0;
}
header b a{font-size:17px; color:#FFF; background:rgba(0,0,0,.35); transition:all 0.2s linear;}
header b a:hover{background:rgba(0,0,0,.5);}
#header header h1 {
    font-weight: 600;
    font-size: 2em;
    letter-spacing: 2px;
	text-shadow: 1px 2px 2px black;
	font-family:sahelB;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.75em;
}
#header footer::before {
    content: '';
    display: block;
    width: 90px;
    height: 66px;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -45px;
    margin-bottom: 10px;
    background: url("../en/images/arrow.png") no-repeat;
}
#header footer::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -4em;
    left: 50%;
    height: 9em;
    border-left: solid 1px white;
}
footer .blocks{border-bottom:1px solid rgba(255,255,255,.8); border-top:none; display:inline-block;}
footer a{padding:10px; border:1px solid rgba(255,255,255,.8); border-radius:25px; margin:10px; display:inline-block; text-decoration:none; transition:all 0.5s;
color: #3a3939; background: white; box-shadow: inset 0 0 0 1px white; border-radius: 3em;font-weight: 400; text-shadow: 0 0 0.5px rgba(255, 255, 255, 0.25);}
footer a:hover{transition:all 0.5s; background: rgba(0,0,0,.7); color:#FFF; border:1px solid rgba(0,0,0,.8); box-shadow: none;}

@media only screen and (min-width: 40px) and (max-width: 600px) {
	#header footer::before, #header footer::after {display:none;}
	footer .blocks{border-bottom:none;}
	#header {padding-bottom:0;}
	footer{background:url(../en/images/symbols/topb.png) center top;}
	footer .blocks{padding-bottom:50px;}
}
/*Footer*/
.footere{background:#FFFFFF; padding:40px; text-align:center; margin-bottom:1em;}
.footere span i{font-size:50px; padding:20px 15px 5px 15px;}
.footere span a:first-child{color:#f94877 !important;}
.footere span a:nth-child(2){color:#67b24c !important;}
.footere span a:hover{opacity:.7; transition:all .2s;}

.slide {
	padding-bottom: 10px;
    position: relative;
    text-align: center;
    color: white;
	text-shadow: 1px 2px 2px rgba(0, 0, 0, 1);
    line-height: 100px;
	font-weight: 600;
	font-size: 2.5em;
	letter-spacing: 2px;
	font-family:sahel;
}
.box::before {
    content: '';
    display: block;
    width: 90px;
    height: 66px;
    position: absolute;
    left: 50%;
    top: -4.5em;
    margin-left: -45px;
    margin-top: 0px;
    background: url("images/arrow.png") no-repeat;
}
.box::after {
    content: '';
    display: block;
    position: absolute;
    top: -6em;
    left: 50%;
    height: 6em;
    border-right: solid 1px white;
}
.box :last-child {
    margin-bottom: 0;
}
.image img {
    display: block;
    width: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
.blocks{width:1100px; margin:auto; margin-top:50px; border-top:1px solid #FFF; font-family:sahel; letter-spacing:0; box-sizing:border-box;display:flex; display:-webkit-flex; display:-ms-flexbox; flex-wrap:wrap;}
div.block:nth-of-type(1), div.block:nth-of-type(2){ margin-top:10px;}
.block{float:right; width:49%; padding:0; margin:0; line-height:17px; overflow:hidden; margin-top:5px; margin:.5%; background:#FFF;}/*height: 490px;*/
.block img{width:100%;}
.inger{
	font-size:16px;
	line-height:1.5em !important;
    text-transform: none !important;
	text-shadow: 1px 2px 0px rgba(0, 0, 0, 1);
	}
.box{
    position: relative;
    margin-top: 6em;
    margin-bottom: 3em;
}
.newbox{ max-width: 1000px; width: Calc(100% - 40px); padding: 30px; margin: 40px auto 0; background: #e2b589; box-sizing: border-box;}
.newbox .each_item{ margin-bottom: 20px;}
.newbox .each_item:last-child{ margin-bottom: 0;}
.newbox h1{ font-family: "sahelB"; font-size: 30px; line-height: 40px; text-align: center;}
.each_item .flex_box{ position: relative;}
.each_item .flex_box:after{ content: ""; height: 1px; width: 100%; border-top: 1px dashed #8c6f54; position: absolute; bottom: 11px; display: block;}
.each_item .p_name{ padding-left: 15px; background: #e2b589; color: #333; font-family: "sahelB"; font-size: 17px; line-height: 28px; display: block; position: relative; z-index: 5;}
.each_item .cost{ padding-right: 15px; margin-right: auto; background: #e2b589; font-family: "sahelB"; font-size: 17px; line-height: 28px; text-align: left; position: relative; z-index: 1;}
.each_item .txt{ margin-top: 8px; background: #e2b589; font-size: 14px; line-height: 25px; color: #8c6f54; position: relative; z-index: 1;}
.m_title{ margin: 60px 0 20px; position: relative; }
.m_title span{ padding-left: 15px; background: #e2b589; font-family: "sahelB"; font-size: 22px; line-height: 32px; position: relative; display: inline-block; z-index: 10;}
.m_title:after{ content: ""; height: 1px; width: 100%; border-top: 1px solid #333; position: absolute; top: 20px; display: block;}
.flex_box{ display: flex; flex-wrap: wrap; align-items: center;}
@media only screen and (max-width: 550px) {
    .each_item .p_name{ max-width: 150px;}
    .each_item .flex_box:after{ top: 50%; bottom: inherit; transform: translateY(-50%);}
}

/**** index blog ***/
#in_blog{
    padding: 6px 3px 6px 3px;
    background: #f5f5f5;
    overflow: hidden;
}
.block{
    float: right;
    position: relative;
    overflow: hidden;
}
.btxt{
    padding: 16px 20px;
	background:rgba(0,0,0,.3);
    color: #FFFFFF;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 2;
    transition: all .4s linear;
	font-family:Sahel;
	text-align:center;
}
.title{
    margin-bottom: 10px;
    line-height: 35px !important;
    color: #FFFFFF;
    transition: all .3s linear;
	font-weight: 400;
    text-transform: uppercase;
	font-size:24px;
	text-shadow: 1px 2px 0px rgba(0, 0, 0, 1);
}
.inger{
    max-height: 0px;
    overflow: hidden;
    transition: all .5s linear;
    opacity: 0;
	font-family:sahel;
}
.block:hover .btxt{
    background: rgba(0,0,0,.7);
}
.block:hover .inger{
    max-height: 200px;
    opacity: 1;
}
.block img{
    width: 100%;
    display: block;
    transition: all .5s linear;
}
@media only screen and (min-width: 40px) and (max-width: 780px) {
	.block{float:none; width:98%; margin:0; margin-top:10px; padding:1%;}
	.inger{
		max-height: 200px;
		opacity: 1;
		text-shadow:none;
		color:#333;
		text-align:center;
	}
	.block .btxt{
		position:static;
		background:#FFF;
		text-shadow:none;
		color:#333;
		text-align:center;
	}
	.block:hover .btxt{
		background: #FFF;
	}
	.block .title{
		color:#333;
		text-shadow:none;
	}
}

@media only screen and (min-width: 40px) and (max-width: 1120px) {
.blocks{width: Calc(100% - 20px)!important; }
}

/*Contacts*/
iframe{width:100% !important; margin-top:10px;}
.contacts .blocks{background:rgba(0,0,0,.4); margin-bottom:70px; color:#FFF; padding-bottom:40px; width:80% !important;}
.contacts .blocks div{padding:20px 10px 0 10px;}
.contacts .blocks a{color:#FFF !important;}
@media only screen and (min-width: 40px) and (max-width: 600px) {
	.contacts .blocks div:nth-child(3){font-size:22px;}
	.contacts .blocks div:last-child{font-size:22px;}
	.slide{ font-size: 2em; line-height:75px;}
}
@media only screen and (min-width: 40px) and (max-width: 1024px) {
	.breakfast1, .breakfast2, .WarmDrinks1, .WarmDrinks2, .Frappe, .breakfast6, .ColdDrinks, .Salads, .Main, .Dessert, .slide {
		background-attachment:scroll !important;
	}
}
/*Hammura*/
.made{color:#FFF; font-size:12px; text-shadow: 1px 2px 0px rgba(0, 0, 0, 1); line-height:25px; padding:25px 5px 10px;font-family:tahoma;}
.made a{color:#F3F3F3;}
.made p{ font-size:17px; line-height:32px;}
.made a:hover{opacity:0.7;}

/*Fix Button*/
.fixbut{position:fixed; bottom:10px; text-align:center; opacity:.7; right:10px; transition:all .2s; z-index: 100;}
#back_to_top{display:none;}
.fixbut div{background:#093; width:55px; height:55px; border-radius:200px;}
.fixbut i{font-size:30px; color:#FFF; margin-top:10px;}

.NotToday{ display: block !important;}
.NotToday .pro_name{ padding:0 0 0 15px; display:inline-block;}
.NotToday{ background:rgba(255,255,255,.7); padding:15px 30px; font-size:17px; line-height:30px; color:black;}
.NotToday i{font-size:15px; color:rgba(235,58,61,1.00); padding-left:5px;}
.NotToday span::after{    
	content: '/';
	display:inline-block;
	padding-right: 15px;
}
.NotToday span:last-child::after{    
	content: '';
}