@font-face {
  font-family: 'DroidKufi-Regular';
  src: url('../webfonts/droid/DroidKufi-Regular.eot');
  src: url('../webfonts/droid/DroidKufi-Regular.eot?') format('embedded-opentype'),
  	url('../webfonts/droid/DroidKufi-Regular.woff') format('woff'),
	url('../webfonts/droid/DroidKufi-Regular.ttf') format('truetype');}
	
@font-face {
  font-family: 'DroidNaskh-Regular';
  src: url('../webfonts/droid/DroidNaskh-Regular.eot');
  src: url('../webfonts/droid/DroidNaskh-Regular.eot?') format('embedded-opentype'),
  	url('../webfonts/droid/DroidNaskh-Regular.woff') format('woff'),
	url('../webfonts/droid/DroidNaskh-Regular.ttf') format('truetype');}


.dish-list img {
	border-radius:10px;
}

.owl-carousel .item  {
	text-align:center;
}

.header-bg  img{
	width:100%;
}

.menu.lite-menu{
	background:#fff;
}

.btn{
	direction:rtl;
	font-family: 'DroidNaskh-Regular', sans-serif;;
}

.top-band {
	border-style: solid;
  border-width: 5px 0 0 0;
  border-color: #ff9422;
}

.map-section p{
	font-size:15px;
	font-family: 'DroidNaskh-Regular', sans-serif;
	direction:rtl;
}

.footer-font h3, .footer-font .list-unstyled{
font-family: 'DroidNaskh-Regular', sans-serif;
font-size:15px;
}

#footer .copyright {
font-family: 'DroidNaskh-Regular', sans-serif;
font-size:11px;
direction:rtl;
}

.list-group a  {
font-family: 'DroidNaskh-Regular', sans-serif;
font-size:12px;
}

.btn-menu {
	background:#4496c5;
	padding:15px 25px;
	color:#fff;
	font-size:18px;
}

.btn-menu:hover, .btn-menu:before{
	color:#fff;
}

.blog-section-padding {
padding:0 0 30px
}

.review-block h4 {
	padding:20px 10px 0px 10px;
	color:#2c2c2c;
	font-family: 'DroidNaskh-Regular', sans-serif;
font-size:25px;
}

.comments-wrapper {
	direction:rtl;
}

.container-fluid >a {
	margin:20px auto;
	padding: 10px 30px;
}

.ftr-pad {
padding:40px 0 15px 0px;
}
.ftr-pad-b {
padding:40px 0 70px 0px;
}

/* --- bottom menu ---*/

.b-nav  {
position:fixed;
left:0px;
bottom:0px;
z-index:100;
width:100%;
background:#ff9422;
direction:ltr;
text-align:center;
border-style: solid;
  border-width: 3px 0 0 0;
  border-color: #dd8221;
}

.b-nav-list  {
margin-left:0px;
left:0px;
padding-left:0px;
font-size:30px;
}

.b-nav-list  li  {
display:inline-block;
width:31%;
padding:4px 0;
}

.b-nav-list  i {
color:#fff;
}


/* =============== Mapping ================= */

.map-section-padding {
padding:0px 0 50px;
overflow-y: auto;
height: 270px;
}

.map-search {
margin:10px 0;
}

.form-control {
direction:rtl;
font-family: 'DroidNaskh-Regular', sans-serif;
}

.map-list a {
float:right;
margin-left:5px;
color:#fff
}

.dish-btn {
	margin:0 2px 30px 0;
}
	
.btn-azure{
	background:#4496c5;
	color:#fff;
	margin-left:5px;
	padding:6px 12px;
	font-family: 'DroidNaskh-Regular', sans-serif;
	font-size:13px;
	border-radius:2px;
	float:right;
	border:none
}

.btn-red{
	background:#d85050;
	color:#fff;
	margin-left:5px;
	padding:6px 12px;
	font-family: 'DroidNaskh-Regular', sans-serif;
	font-size:13px;
	border-radius:2px;
	float:right;
	border:none
}

.map-list .dish-list-text {
padding: 0 5px 5px 5px;
}

.map-list .dish-list img {
margin-right:0px;
border-radius:0px;
}

.map-list .dish-list p {
direction:rtl;
text-align:justify;
font-family: 'DroidNaskh-Regular', sans-serif;
font-size:11px;
float:right;
}

.map-list .dish-list h4 {
float:right;
text-align:justify;
font-family: 'DroidNaskh-Regular', sans-serif;
font-size:14px;
}

.history-del {
margin: 20px auto;
}
.history-del button {
float: none;
background: #d85050;
}

.comments-wrapper h3 {
	font-family: 'DroidNaskh-Regular', sans-serif;
	font-size:18px;
	font-weight:bold
}

/* ======= MAP SLIDER ======*/
.slidecontainer {
    width: 100%;
	margin: 30px 0;	
	font-family: 'DroidNaskh-Regular', sans-serif;
	direction:rtl;
}

.slidecontainer  span{
	font-family: 'DroidNaskh-Regular', sans-serif;
}

.slider-res {
	direction:rtl;
	display:inline-block;
}

.slider-res button{
	background: #4e4e4e;
	float:left;
	margin:-5px 10px 0 0;
}

.slider {
	margin-bottom:20px;
    -webkit-appearance: none;
    width: 100%;
    height: 15px;
    border-radius: 5px;   
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%; 
    background: #4e4e4e;
    cursor: pointer;
}

.slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #4e4e4e;
    cursor: pointer;
}