@import url('https://fonts.googleapis.com/css?family=Tajawal:wght@300;400;500;700&display=swap');

/*-------- Allert for old browsers IE8 and below --------*/
.chromeframe{background:#ddd;color:#000;padding: 0.2em;position: fixed; top: 0; left: 0; text-align: center; z-index:9999; width: 100%;}
.chromeframe a{color:#ed1c24;}

/*-------- 1.1 Typography --------*/
html * {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
body {font-size:13px; line-height:1.4; color:#333;background-color:#fff; font-family:"Tajawal",serif; padding: 0 !important;overflow-x: hidden !important;}
h1, h2, h3, h4, h5, h6, label {color:#333;}
h1, h2 {font-family: inherit;}

button[disabled], html input[disabled] {
	background: #cfcfcf !important
}
.ads_div{
	border: #FF8500 solid 1px;
	border-radius: 5px;
	background: rgba(235, 91, 15, 0.03);
}
/** Layes slider typography **/   
h3.slide_typo {font-family: inherit;letter-spacing:-2px; font-size: 60px; white-space:nowrap; color:#fff !important; font-weight:300;}
h3 .slide_typo strong {font-family:inherit;font-weight:normal;}
.slide_typo_2{color:#fff; font-size:18px; white-space:nowrap}
.cartBody td{vertical-align: bottom !important;}
.box_style_2 h2.inner {
	color:#FF8500; 
	margin:-25px -25px 0 -25px; 
	padding:15px 10px; 
	font-family:inherit; 
	font-size:22px; 
	font-weight:500;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.main_title{ text-align:center; margin-bottom:45px; }
.main_title h2{ font-size:46px; letter-spacing:-1px; font-weight:300; margin-bottom:0;}
.main_title p{ font-size:18px; color:#707070; line-height:1.2; margin-bottom:30px; font-weight:300;}

.feature h3{margin-top:0;}
.feature h3 span{color:#FF8500;}

/*General links color*/
a {color:#FF8500;text-decoration: none;-webkit-transition: all 0.2s ease;transition: all 0.2s ease; outline:none;}
a:hover,a:focus {color: #111;text-decoration: none; outline:none;}

hr.more_margin {
	margin-top: 60px;
	margin-bottom:40px;
	border: 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #fff;
}
hr.styled {
	border: 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #fff;
}

/*-------- 1.2 Buttons --------*/
a.btn_1, .btn_1{
	border: none;
	font-family: inherit;
	font-size: inherit;
	color:#fff;
	background: #FF8500;
	cursor: pointer;
	padding: 7px 10px;
	outline: none;
	font-size:11px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-transform:uppercase;
	font-weight:600;
	display:inline-block;
	text-align:center;
}
a.btn_1:hover, .btn_1:hover{
	background:#333;
	color: #fff
}
a.btn_full, .btn_full{
	border: none;
	font-family: inherit;
	font-size: inherit;
	color:#fff;
	width:100%;
	background: #FF8500;
	cursor: pointer;
	padding: 12px 20px;
	outline: none;
	font-size:12px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-transform:uppercase;
	font-weight:bold;
	display:block;
	text-align:center;
	margin-bottom:5px;
}
a.btn_full:hover, .btn_full:hover{
	background:#fb9c35;
}
a.btn_1.medium, .btn_1.medium{
	padding: 10px 20px;
	font-size:14px;
	text-transform:none;
}
a.btn_map{
	border: none;
	font-family: inherit;
	font-size: inherit;
	color:#fff;
	background:#555;
	cursor: pointer;
	padding: 10px 20px;
	display: inline-block;
	outline: none;
	font-size:12px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-transform:uppercase;
	font-weight:bold;
	display:block;
	text-align:center;
	margin-bottom:25px;
}
a.btn_map:hover{
	background:#333;
}
a.btn_side{
	border: none;
	font-family: inherit;
	font-size: inherit;
	color:#fff;
	background:#555;
	cursor: pointer;
	padding: 10px 20px;
	display: inline-block;
	outline: none;
	font-size:12px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-transform:uppercase;
	font-weight:bold;
	display:block;
	text-align:center;
	margin-bottom:25px;
}
a.btn_side:hover{
	background:#333;
	color:#fff;
}
a.btn_full_outline, .btn_full_outline{
	border: none;
	font-family: inherit;
	font-size: inherit;
	color:#FF8500;
	background:none;
	width: 100%;
	border:2px solid #FF8500;
	cursor: pointer;
	padding: 10px 20px;
	display: inline-block;
	outline: none;
	font-size:12px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-transform:uppercase;
	font-weight:bold;
	display:block;
	text-align:center;
}
a.btn_full_outline:hover, .btn_full_outline:hover{
	border:2px solid #333;
	color:#333;
}
a.button_intro, .button_intro  {
	border: none;
	font-weight:normal;
	font-style:normal;
	color:#fff !important;
	background: #FF8500;
	cursor: pointer;
	padding: 12px 25px;
	display: inline-block;
	outline: none;
	font-size:13px;
	text-align:center;
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	transition: background 0.3s;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-transform:uppercase;
	min-width:110px;
	font-weight:bold;
}
a.button_intro:hover, .button_intro:hover {
	background: #fff;
	color:#FF8500 !important;
}
a.button_intro.outilne, .button_intro.outline  {
	border: 2px solid #fff;
	color:#fff;
	background: none;
	padding: 10px 23px;
}
#cart_box a.btn_full, #cart_box .btn_full{
	background: #FF8500;
	font-size:15px;
}
#cart_box a.btn_full:hover, #cart_box .btn_full:hover{
	background: #fb9c35;
}
#cart_box a.btn_full_outline{
	color:#FF8500;
	background:none;
	border:2px solid #FF8500;
	width: 90%;
	margin: 0 auto;
}
#cart_box a.btn_full_outline:hover{
	color:#333;
	background:none;
	border:2px solid #333;
}

/*-------- 1.3 Structure --------*/

/* Header */
header{
	width:100%;
	position:fixed;
	border-top: 5px #FF8500 solid;
	top:0;
	left:0;
	z-index:99999;
	background: rgba(255, 255, 255, .85);
	height: 45px;
}
header.sticky{
	background-color: #ffffff;
	-webkit-box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.41);
	-moz-box-shadow:0px 2px 10px -2px rgba(0, 0, 0, 0.41);
	box-shadow:0px 2px 10px -2px rgba(0, 0, 0, 0.41);
	height: 45px;
}

header.sticky .logo-img {		
	/*padding: 5px 15px 5px 15px;		
	background: #FF8500;		
	border-radius: 0 0 10px 10px;		
	margin-left: 30px;		
	height: 70px;		
	margin-top: -8px;*/		
}
.logo-img-sm{
	padding: 5px 15px 5px 15px;
	background: #FF8500;
	border-radius: 0 0 10px 10px;
	margin-left: 0;
	-webkit-transition-property: height, width;
	-webkit-transition-duration: .7s;
	-moz-transition-property: height, width;
	-moz-transition-duration: .7s;
	transition-property: height, width;
	transition-duration: .7s;
	margin-top: -15px;
}

#subheader{
	color:#333;
	text-align:center;
	display: table;
	width:100%;
	height:470px;
	background: rgba(0,0,0,.2);
	font-weight: 600px
}
#home #subheader{
	height:750px;
}
#short #subheader{
	height:200px;
}
#subheader a{
	color: #FF8500;
}
#subheader a:hover{
	text-decoration:underline;
}

.has-steps #sub_content {
	padding: 0 27% !important;
}

.has-steps #sub_content .home-white-box {
	display: block !important;
	padding: 1px 30px 20px 30px !important;
}

.has-steps #sub_content h1{
	margin: 20px 0 !important;
}

/* Footer  */
footer{
	background-color:#f5f5f5;
	border-top: 1px solid #ededed;
	padding:35px 0 0 0;
}
footer h3{
	font-size:16px;
	font-weight:600;
	color: #999;
}
footer a{
	color:#555;
}
footer a:hover{
	color:#FF8500;
}
footer ul{
	margin:0;
	padding: 0 0 20px 0;
	list-style:none;
}
footer .btn_1{
	text-transform:none;
	padding:8px 15px;
	background:#555;
}
#social_footer {
	text-align: center;
	margin-top: 20px;
}
#social_footer p{
	font-size:12px;
	color:#8c8c8c;
}
#social_footer ul{
	margin:0;
	padding:0 0 10px 0;
	text-align:center;
}
#social_footer ul li{
	display:inline-block;
	margin:0 5px 10px 5px;
}
#social_footer ul li a{
	color:#666;
	text-align:center;
	line-height:34px;
	display:block;
	font-size:16px;
	width:35px;
	height:35px;
	background-color:#f2f2f2;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
#social_footer ul li a:hover{
	background:#fff;
	color:#111;
}
a#promote{
	display:inline-block;
	position:relative;
	background:#FF8500;
	position:relative; 
	color:#fff;
	padding:10px 15px 10px 42px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	position:relative;
	margin-top:10px;
	font-weight:600;
}
a#promote:hover{
	background-color:#333;
}
a#promote:before{
	content: "\e003";
	font-family: 'ElegantIcons';
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	font-size:24px;
	position:absolute;
	left:10px;
	top:6px;
}
/* Drop down select footer */
footer .styled-select select {
	background: transparent;
	width:115%;
	padding:7px 15px 5px 5px;
	border: 0;
	border-radius: 0;
	height: 37px;
	margin:0;
	font-weight:400;
	-moz-appearance: window;
	-webkit-appearance: none;
	cursor: pointer;
	color:#444;
	box-shadow:none;
}
footer .styled-select {
	width: 100%;
	overflow:hidden;
	height: 40px;
	background: #f8f8f8 url(https://disdpbee9u48n.cloudfront.net/img/arrow_down.svg) no-repeat  left center ;
	border:none;
	margin-bottom:15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
} 
.styled-select select::-ms-expand {display: none;}
.styled-select select:focus { outline:none;}

/* Menu 2 */
.main-menu-2 ul{
	list-style:none;
	margin:0 0 17px 0;
	padding:0;
	float:left;
	font-size:14px; 
	font-weight:500;
}
.main-menu-2 ul li{
	display:inline-block;
	margin-right:15px;
}
.main-menu-2 ul li a{
	color:#fff;
}  

/*============================================================================================*/
/* 2.  CONTENT  */

/* 2.1 Home  */
#custom-search-input {
	margin:0;
	top: 10px;
	padding: 0;
	width:650px;
	margin:auto;
	position:relative;
}
#custom-search-input .search-query {
	width:320px;
	padding:15px 40px;
	border:0;
	font-family:inherit;
	font-weight:600;
	color:#444;
}
#custom-search-input input.btn_search{
	position:absolute;
	left:20px;
	top:13px;
	border:0;
	width:25px;
	height:25px;
	background: url(https://disdpbee9u48n.cloudfront.net/img/search.svg) no-repeat center left;
	cursor:pointer;
}
#custom-search-input input.btn_search:focus, #custom-search-input .search-query:focus{outline:none;}
#custom-search-input input.btn_search:focus, #custom-search-input .search-query:focus{outline:none;}
#count{
	background-color:rgba(0,0,0,0.25);
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	padding:15px 0;
	color:#fff;
	font-size:18px;
	z-index:99;
	border-top: 1px solid rgba(255,255,255,0.15)
}
#count ul{
	list-style:none;
	padding:0;
	margin:0;
	text-align:center;
}
#count ul li{
	display:inline-block;
	text-align:center;
	margin:0 10px;
	padding-right:20px;
	background:url(https://disdpbee9u48n.cloudfront.net/img/dots_vert.png) center right no-repeat;
}
#count ul li:first-child{
	margin-left:0;
	padding-right:0;
	background:none;
}
#count ul li:last-child{
	margin-right:0;
}
#count .number{
	width:auto;
	display:inline-block;
	margin-right:5px;
	font-weight:600;
	text-align:right;
	font-size:24px;
}
.header-video {
	position: relative;
	overflow: hidden;
	background: #000;
}
#hero_video {
	position: relative;
	background-size: cover;
	color:#fff;
	width: 100%;
	font-size:16px;
	display:table;
	height:100%;
	z-index:99;
	text-align:center;
}
#hero_video > div{
	display: table-cell;
	vertical-align: middle;
	text-align:center;
	padding:0 10%;
}
#hero_video > div h1{
	margin-top:-60px;
}
video {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity:0.5;
}
iframe {
	height: 100%;
	width: 100%;
}
video {
	width: 100%;
}
.teaser-video {
	width: 100%;
	height: auto; 
}
.header-video--media {
	width: 100%;
	height: auto;
}
.box_home{
	background:#fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #ededed;
	margin-bottom:25px;
	padding:120px 25px 25px 25px;
	text-align:center;
	position:relative;
	font-size:14px;
	color:#666;
	min-height:235px;
}
.box_home span{
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #ededed;
	background-color:#fff;
	position:absolute;
	top:-20px;
	display:block;
	width:40px;
	height:40px;
	line-height:38px;
	font-weight:bold;
	font-size:16px;
	left:50%;
	margin-left:-20px;
}

.box_home#one{
	background:#fff url(https://disdpbee9u48n.cloudfront.net/img/icon_home_1.svg) no-repeat center 40px;
	background-size: 16%;
	background-position: 50% 25%;
}

.box_home#two{
	background:#fff url(https://disdpbee9u48n.cloudfront.net/png/food.png) no-repeat center 40px;
	background-size: 18%;
	background-position: 50% 25%;
}

.box_home#three{
	background:#fff url(https://disdpbee9u48n.cloudfront.net/img/icon_home_3.svg) no-repeat center 40px;
}

.box_home#four{
	background:#fff url(https://disdpbee9u48n.cloudfront.net/png/delivery.png) no-repeat center 40px;
	background-size: 22%;
	background-position: 50% 28%;
}

.box_home h3{
	font-size:16px;
	margin-bottom:10بpx;
	font-weight:bold;
}
#delivery_time{
	width:500px;
	margin:auto;
	text-align:center;
	margin-top:25px;
}
#delivery_time strong span{
	background:url(https://disdpbee9u48n.cloudfront.net/img/time_panel.svg) no-repeat 0 0;
	display: inline-block;
	width:80px;
	margin-left:10px;
	height:120px;
	font-size:72px;
	line-height:120px;
	text-shadow: 1px 1px 2px rgba(255, 255, 255, 1);
}
.high_light{
	padding:40px 0 60px 0;
	background:#554e46;
	color:#fff;
	font-size:16px;
}
.high_light p{
	margin-bottom:0;
}
.high_light > div{
	position:relative;
}
.high_light h3{
	font-family: inherit;
	color:#fff;
	font-weight:300;
	font-size:42px;
	margin:0;
	padding:0;
}
.high_light a{
	border: none;
	font-family: inherit;
	font-size: inherit;
	color:#fff;
	background:none;
	border:2px solid #fff;
	cursor: pointer;
	padding: 15px 30px;
	outline: none;
	font-size:14px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-transform:uppercase;
	font-weight:bold;
	display: inline-block;
	margin-top:15px;
	text-align:center;
	position:absolute;
	left:15px;
	top:0;
}
.high_light a:hover{
	background:#333;
	color:#fff;
	border:2px solid #333;
}

/* 2.2 List page*/
#map{
	width:100%; 
	height:450px; 
	border-bottom:1px solid #ddd;
}
#filters_col{
	background-color:#fff;
	padding:10px;
	border: 1px solid #eee;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom:25px;
}
#filters_col label{
	font-weight:normal;
	width: 100%;
	padding: 5px 0;
}

#filters_col label small{
	float: left;
	margin-left: 10px;
	color: #999;
	font-size: 11px;
}
a#filters_col_bt {
	display:block;
	color:#444;
	font-weight:600;
}
a#filters_col_bt .icon_set_1_icon-65{
	font-size:20px;
	position:relative;
	top:0;
	margin-right:5px;
}
.filter_type h6{
	border-top: 1px solid #eee;
	margin: 15px 0;
	padding: 15px 0 0 0;
	font-size: 18px;
	color: #333;
	font-weight: 700;
}
.filter_type ul{
	list-style:none;
	padding:0;
	margin:0 0 15px 0;
}
.filter_type ul li .rating{
	font-size:16px;
	right:-7px;
	position:relative;
	top:3px;
	color:#ccc;
}
.filter_type ul li .color_1, .filter_type ul li .color_2, .filter_type ul li .color_3, .filter_type ul li .color_4, .filter_type ul li .color_5, .filter_type ul li .color_6, .filter_type ul li .color_7, .filter_type ul li .color_8{
	width:8px;
	height:8px;
	margin:5px 5px 0 0;
	float:left;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.filter_type ul li .color_1{
	background-color:#7dccc7;
}
.filter_type ul li .color_2{
	background-color:#f29bc1;
}
.filter_type ul li .color_3{
	background-color:#8494c8;
}
.filter_type ul li .color_4{
	background-color:#8dc63f;
}
.filter_type ul li .color_5{
	background-color:#84c99e;
}
.filter_type ul li .color_6{
	background-color:#f5977d;
}
.filter_type ul li .color_7{
	background-color:#72d0f4;
}

.text-align {
	text-align: right;
}
.r-text-align {
	text-align: left;
}

.thumb_strip-left {
	display: table-cell;
	vertical-align: top;
	padding-left: 10px;
}

.strip-right-body {
	display: table-cell;
	vertical-align: top;
	width: 1000px;
}

.strip-right-body .first {
	padding-top: 0;
}

.strip_list:hover {
	background: rgba(235, 91, 15, 0.05);
}

.float {
	float: right;
}

.r-float {
	float: left;
}
.middle-row{
	min-height: 25px;
}

.restInfoPart {
	width: 100%;
	font-size: 11px;
	margin: 5px 0;
	color: #777;
	display: block;
}

.reviews , .reviews a {
	color: #777
}


.filter_type ul li {
	font-size: 14px
}

.strip_list.last{
	margin-bottom:25px;
}
a.strip_list:hover h3{
	color:#FF8500;
}

.akl-restaurant-list .aklist {
	border-top: 1px solid #dcdcdc;
}

.desc{
	margin-top: 0;
	padding: 10px 0;
}

.strip_list{
	position: relative;
	display: block;
	padding: 0 10px
}

.desc .rating{
	color:#ccc;
	padding-top:5px;
	direction: initial;
}

.desc .location {		
	margin-bottom: 10px 		
}

ul.restaurant-features li {
	font-size: 11px;
	margin: 0 5px 0 0;
	background: rgba(255,133,0,.1);
	color: #FF8500;
	font-weight: 500;
	border-radius: 5px;
	padding: 3px 5px;
}

.resturants-container {

	background: #ffffff;
	margin: 10px auto 20px auto;
}

.searchLoading{		
	position: absolute;		
	right: 20%;		
	bottom: 5px;		
	left: 0;		
}

.desc h3 {
	margin: 10px 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	max-height: 40px;
	line-height: 23px;
}

.desc h3 a{
	color:#333;
}

.desc h3 a:hover{
	color:#FF8500;
}

.desc .type{
	font-size:12px;
	font-style:italic;
	color:#777;
	margin-bottom:12px;
	margin-top:5px;
	line-height: 15px
}

.restInfo{
	font-size: 12px;
}

.opening{		
	font-weight: bolder;
	float: left;	
}		
.open_color{		
	color:#3c763d;		
}		
.closed_color{		
	color:#f51313;		
}
.desc ul{
	list-style:none;
	margin: 10px 0 0 0;
	padding:0;
}
.desc ul li{
	display:inline-block;
	margin-left:15px;
}
.desc ul li i.ok{
	color:#6C3;
	position:relative;
	top:2px;
	right:5px;
	font-size:14px;
}
.desc ul li i.no{
	color: #C30;
	position:relative;
	top:2px;
	right:5px;
	font-size:14px;
}

.iradio_square-aero, .icheckbox_square-aero , .iradio_square-grey, .icheckbox_flat-grey, .iradio_flat-grey {		
	margin-left: 10px !important		
}

.thumb_strip{
	width: 100px;
	border-radius: 3px;
	text-align: center;
	background-color: #fff;
}
.thumb_strip img{
	width: 75px;
	margin: 10px 0;
	border-radius: 50%;
	float: left;
	border: 1px solid #eee;
}
.strip_list .go_to{
	display:table;
	height:80px;
	text-align:left;
	width:100%;
}
.strip_list .go_to div{
	display: table-cell;
	vertical-align:bottom;
}

.ribbon_1{
	position:absolute;
	text-indent:-9999px;
	top:-4px;
	right:-5px;
	background:url(https://disdpbee9u48n.cloudfront.net/img/ribbon_popular_ar.png) no-repeat 0 0;
	width:81px;
	height:80px;
	z-index:3;
	display: none;
}

.icheckbox_square-grey {
	margin-left: 5px !important
}

/* 2.3 Restaurant menu*/
.box_style_1{
	background:#fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #ededed;
	margin-bottom:30px;
}
.box_style_2, #cart_box{
	background:#fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #ededed;
	margin-bottom:25px;
	padding:25px;
	display: grid;
	width: 100%;
}
.box_style_2#main_menu, .box_style_2.info{
	padding-bottom:10px;
}
.box_style_2#help{
	text-align:center;
}
.box_style_2#help i{
	font-size:52px;
	display:inline-block;
	color:#FF8500;
}
.box_style_2#help a.phone{
	font-size:26px;
	display:block;
	margin-bottom:0;
	color:#FF8500;
	direction: ltr;
}
#cart_box{
	position: relative;
	background:#fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #ededed;
	margin-bottom:25px;
	padding:15px 5px;
}
#cart_box h3{
	border-bottom: 1px solid #eee;
	margin:-15px -5px 0px -5px;
	padding:15px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	font-size:18px;
}
#cart_box h3 i{
	float:left !important;
}
a.remove_item{
	color:#C33;
	font-size:16px;
}

a.minus_item{
	color:#b78c2b;
	font-size:16px;

}

a.plus_item{
	color:#FF8500;
	font-size:16px;
}
#cart_box hr {
	border-color:#ededed;
}
#main_menu hr {
	margin-left:-25px;
	margin-right:-25px;
	margin-top:10px;
	margin-bottom:10px;
	border-color:#ededed;
}
#order_process hr {
	margin-left:-25px;
	margin-right:-25px;
	margin-top:10px;
	border-color:#ededed;
}
#main_menu h3 {
	text-transform: capitalize;
	font-size: 20px;
	color: #333;
	background: rgb(255 157 49 / .1);
	padding: 15px 10px;
	font-weight: 700;
	margin: 10px -25px;
}
ul#cat_nav{
	list-style:none;
	margin: 0;
	padding:0;
}
ul#cat_nav li{
	border-bottom: 1px solid #eee;
}
ul#cat_nav li a{
	position:relative;
	color:#333;
}
ul#cat_nav li a span{
	font-size:11px;
	color:#707070;
}
ul#cat_nav li a:after{
	font-family: "fontello";
	content: "\e89b";
	position:absolute;
	left:15px;
	top:10px;
}
ul#cat_nav li:last-child{
	border-bottom: 0;
	padding-bottom:0;
}
ul#cat_nav li:first-child a:hover, ul#cat_nav li:first-child a.active{
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
ul#cat_nav li:last-child a:hover, ul#cat_nav li:last-child a.active{
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}
ul#cat_nav li a{
	display: block;
	padding: 10px;
	font-size: 14px
}
ul#cat_nav li a:hover{
	background:#FF8500;
	color:#ffffff;
}

ul#cat_nav li a.active{		
	background:#FF8500;		
	color:#ffffff;		
}		
ul#cat_nav li a:hover span , ul#cat_nav li a.active span{ 		
	color: #ccc		
}		


#sub_content{
	display: table-cell;
	padding:0 15%;
	vertical-align: middle;
	text-align:center;
	font-size:16px;
}
#sub_content #thumb{
	width:130px;
	height:130px;
	overflow:hidden;
	text-align:center;
	padding-top:5px;
	box-sizing: border-box;
	margin:auto;
	margin-top:50px;
	background-color:#fff;
}
#sub_content #thumb img{
	width:120px;
	height:auto;
}
#sub_content h1{
	margin: 0 0 20px 0;
	font-size: 36px;
	font-weight: bold;
	color: #707070;
}

.home-white-box {
	background: rgba(255, 255, 255, .8);
	display: inline-grid;
	padding: 30px;
	border-radius: 20px;
}

.rating{
	color:#fff;
	padding:10px 0;
}
.rating .voted{
	color: #FC0;
	margin-right:1px;
}
ul.additional_links{
	list-style:none;
	margin:0;
	padding:0;
}
ul.additional_links li{
	display:inline-block;
	border-left: 1px solid #ededed;
	margin-left:3px;
	padding-left:5px;
}
ul.additional_links li:first-child{
	border-left: none;
	padding-left:0;
	margin-left:0;
}
.table.cart-list td h5{
	margin-bottom:0;
	font-weight:600;
	text-transform: capitalize;
}
.table.cart-list{
	margin-bottom:0;
}
.table.cart-list td{
	vertical-align:middle;
}

.table.table_summary td {
	border-top:0;
	padding: 5px
}
.table.table_summary td.total{
	font-weight:bold;
	font-size:14px;
}
.table td.total_confirm{
	font-weight:bold;
	font-size:18px;
	background-color:#707070;
	color:#fff;
}
.options i{
	font-size:26px;
	color: #ff8500
}

.options i.icon-spin3{
	font-size: 18px !important
}

.row#options_2{
	margin-bottom:-10px;
	margin-top:-5px;
}
#options_2 label{
	font-size:12px;
}
.thumb_cart{
	border: 1px solid #ddd;
	overflow:hidden;
	width:60px;
	height:60px;
	margin-right:10px;
	float:left;
}
.thumb_cart img{
	padding:1px;
	width:58px;
	height:auto;
}
.item_cart{
	display: inline-block;
	margin-top:20px;
}

/* 2.4 Order process */
.bs-wizard { display: flex; width:100%;margin:auto; margin-top: 20px }
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {font-size: 16px; margin-bottom: 5px; color: #333; font-weight: 600}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #FF8500; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #707070; border-radius: 50px; position: absolute; top: 8px; left: 8px; } 
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 23px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #FF8500;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {right: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }

#confirm{
	text-align:center;
	margin-bottom:25px;
}
#confirm i{
	font-size:140px;
	color: #FF8500;
	display:inline-block;
}

/*2.5 Restaurant detail page*/
#Img_carousel .sp-selected-thumbnail {border-bottom: 2px solid #FF8500;}
#summary_review{
	margin:30px 0 40px 0;
	padding:25px 25px 10px 25px;
	background-color:#f1fafa;
}
#general_rating{
	margin:0 0 20px 0;
	font-weight:600;
	font-size:16px;
}
#general_rating .rating{
	display:inline;
	color:#ddd;
	font-size:20px;
}
#rating_summary ul{
	list-style:none;
	margin:0 0 0 0;
	padding:0;
}
.anotherBranch{		
	color: #707070;
	font-size: 12px;
	font-weight: 400;
}		

#rating_summary ul li{
	font-size:14px;
	margin-bottom:5px;
}
#rating_summary ul li .rating{
	display:inline-block;
	float:left;
	padding:0;
	color:#ddd;
}
.review_strip_single{
	position:relative;
	padding:30px 0 20px 0;
	margin:30px 0 25px 0;
	border-bottom:1px solid #ededed;
}
.review_strip_single .rating{
	color:#ddd;
	font-size:12px !important;
}
.review_strip_single.last{
	margin-bottom:0;
	border-bottom:0;
}
.review_strip_single img{
	top:-15px;
	position:absolute;
	right:0;
	border:4px solid #ededed;
}
.review_strip_single h4{
	font-size:18px;
	margin:-12px 90px 35px 0;
	padding:0;
}
.review_strip_single small{
	float:left;
	font-size:12px;
	margin-top:-10px;
	font-style:italic;
}
.review_strip_single .rating{
	font-size:16px;
}
ul.opening_list{
	list-style:none;
	margin:0;
	padding:0;
}
ul.opening_list{
	list-style:none;
	margin:20px 0 0 0;
	padding:0;
}
ul.opening_list li{
	margin-bottom:8px;
	font-weight:600;
}
ul.opening_list li span{
	float:left;
	font-weight:400;
}
/*2.6 About*/
.features-bg {
	position: relative;
	min-height: 400px;
	background: url(https://disdpbee9u48n.cloudfront.net/img/features-intro-01.jpg) no-repeat center center;
	background-size: cover;
}
.features-img {
	width: 100%;
	height: 400px;
	text-align: center;
	line-height: 400px;
}
.features-content {
	position: relative;
	padding: 11% 100px 10% 100px;
	height: 400px;
	background-color: #78cfcf;
	color:#fff;
	font-size:16px;
}
.features-content h3{
	font-family: inherit;
	color:#fff;
	font-size:32px;
	line-height:34px;
	text-transform:uppercase;
}
.feature {
	padding:30px 120px 20px 30px;
	position:relative;
	background:#fff;
	margin-bottom:30px;
	color:#666;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
}
.feature i{
	margin:0;
	position:absolute; 
	top:30px;
	right:30px;
	padding:0;
	margin:0;
	width:65px;
	height:65px;
	line-height:60px;
	text-align:center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border:1px dashed #ccc;
	font-size:34px;
	color:#6dcff6;
}

/*2.7 Contacts*/
#contacts a{
	font-size:18px;
}
/*============================================================================================*/
/* 3.  COMMON  */
/*============================================================================================*/
/*3.1 Preloader*/
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	width:100%;
	height:100%;
	bottom:0;
	background-color:#FF8500; 
	z-index:999999; 
}

#preloader h1 {
	position: absolute;
	font-weight: 600;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	left: 50%;
	top: 66%;
	margin-left: -20px;
}

.akelni_loader {
	position: absolute;
	top: 50%;
	margin-left: -50px;
	left: 50%;
	animation: speeder .4s linear infinite;
}

.akelni_loader > span {
	height: 5px;
	width: 35px;
	position: absolute;
	top: 90px;
	border-radius: 2px 10px 1px 0;
}

.base span {
	position: absolute;
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-right: 100px solid #333;
	border-bottom: 6px solid transparent;
}

.base span:after {
	content: "";
	height: 22px;
	width: 22px;
	border-radius: 50%;
	background: #333;
	position: absolute;
	right: -110px;
	top: -16px;
}

.base span:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-top: 0 solid transparent;
	border-right: 55px solid #333;
	border-bottom: 16px solid transparent;
	top: -16px;
	right: -98px;
}



.akelni_loader > span > span:nth-child(1),
.akelni_loader > span > span:nth-child(2),
.akelni_loader > span > span:nth-child(3),
.akelni_loader > span > span:nth-child(4) {
	width: 30px;
	height: 1px;
	background: #333;
	position: absolute;
	animation: fazer1 .2s linear infinite;
}

.akelni_loader > span > span:nth-child(2) {
	top: 3px;
	animation: fazer2 .4s linear infinite;
}

.akelni_loader > span > span:nth-child(3) {
	top: 1px;
	animation: fazer3 .4s linear infinite;
	animation-delay: -1s;
}

.akelni_loader > span > span:nth-child(4) {
	top: 4px;
	animation: fazer4 1s linear infinite;
	animation-delay: -1s;
}

@keyframes fazer1 {
	0% {
		left: 0;
	}
	100% {
		left: -80px;
		opacity: 0;
	}
}

@keyframes fazer2 {
	0% {
		left: 0;
	}
	100% {
		left: -100px;
		opacity: 0;
	}
}

@keyframes fazer3 {
	0% {
		left: 0;
	}
	100% {
		left: -50px;
		opacity: 0;
	}
}

@keyframes fazer4 {
	0% {
		left: 0;
	}
	100% {
		left: -150px;
		opacity: 0;
	}
}

@keyframes speeder {
	0% {
		transform: translate(2px, 1px) rotate(0deg);
	}
	10% {
		transform: translate(-1px, -3px) rotate(-1deg);
	}
	20% {
		transform: translate(-2px, 0px) rotate(1deg);
	}
	30% {
		transform: translate(1px, 2px) rotate(0deg);
	}
	40% {
		transform: translate(1px, -1px) rotate(1deg);
	}
	50% {
		transform: translate(-1px, 3px) rotate(-1deg);
	}
	60% {
		transform: translate(-1px, 1px) rotate(0deg);
	}
	70% {
		transform: translate(3px, 1px) rotate(-1deg);
	}
	80% {
		transform: translate(-2px, -1px) rotate(1deg);
	}
	90% {
		transform: translate(2px, 1px) rotate(0deg);
	}
	100% {
		transform: translate(1px, -2px) rotate(-1deg);
	}
}

.longfazers {
	position: absolute;
	width: 100%;
	height: 100%;
}

.longfazers span {
	position: absolute;
	height: 2px;
	width: 20%;
	background: #333;
}

.longfazers span:nth-child(1) {
	top: 20%;
	animation: lf .6s linear infinite;
	animation-delay: -5s;
}

.longfazers span:nth-child(2) {
	top: 40%;
	animation: lf2 .8s linear infinite;
	animation-delay: -1s;
}

.longfazers span:nth-child(3) {
	top: 60%;
	animation: lf3 .6s linear infinite;
}

.longfazers span:nth-child(4) {
	top: 80%;
	animation: lf4 .5s linear infinite;
	animation-delay: -3s;
}

@keyframes lf {
	0% {
		left: 200%;
	}
	100% {
		left: -200%;
		opacity: 0;
	}
}

@keyframes lf2 {
	0% {
		left: 200%;
	}
	100% {
		left: -200%;
		opacity: 0;
	}
}

@keyframes lf3 {
	0% {
		left: 200%;
	}
	100% {
		left: -100%;
		opacity: 0;
	}
}

@keyframes lf4 {
	0% {
		left: 200%;
	}
	100% {
		left: -100%;
		opacity: 0;
	}
}

/* 3.2 Parallax bg */
.parallax-window {
	min-height: 470px;
	background: rgb(245 245 245 / .2);
	position: relative;
}
.parallax-window#home {
	min-height: 750px;
}
.parallax-window#short {
	height: 200px;
	min-height:inherit;
	margin-top: 45px
}
.parallax-content{
	color:#fff;
	text-align:center;
	display: table;
	width:100%;
	height:470px;
}
.parallax-content .sub_content{
	display: table-cell;
	padding:0 15%;
	vertical-align: middle;
	text-align:center;
	font-size:16px;
}
.parallax-content .sub_content h3{
	margin:0 0 10px 0;
	font-size:48px;
	font-weight:300;
	color:#fff;
	font-family: inherit;
}

.parallax-content .sub_content p{
	text-transform: uppercase;
	font-size: 24px;
	word-spacing: 5px;
}

.parallax-content .sub_content i{
	font-size:60px;
}
.parallax-window-2 {
	height:auto;
	background: url(https://disdpbee9u48n.cloudfront.net/img/bg_office.jpg) no-repeat center center;
	background-attachment:fixed;
	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	position:relative;
}
.parallax-content-2 {
	display: table;
	width:100%;
	height:auto;
}
.parallax-content-2 > div{
	display: table-cell;
	padding:10% 15%;
	vertical-align: middle;
	text-align:center;
	color:#fff;
	font-size:16px;
}
.parallax-content-2 div h3{
	margin:0 0 10px 0;
	font-size:60px;
	font-weight:300;
	color:#fff;
	font-family: inherit;
}
.parallax-content-2 div p{
	margin-bottom:0;
}
.parallax-content-2 div i{
	font-size:60px;
}
/* 3.3 Position  breadcrumbs */
#position {
	background-color:#fff;
	border-bottom:1px solid #ededed;
	padding:10px 0;
	font-size:11px;
}

#position ul{
	margin:0;
	padding:0;
	color:#888;
}
#position ul li a{
	color:#252525;
	opacity:0.7;
}
#position ul li a:hover{
	color:#252525;
	opacity:1;
}
#position ul li{
	display:inline-block;
	padding-right:8px;
	margin-right:3px;
	position:relative;
}
#position ul li:after{
	content:"\e9ed";
	font-style: normal;
	font-weight: normal;
	font-family: "fontello";
	position:absolute;
	right:0;
	top:1px;
}
#position ul li:first-child{
	padding-right:20px;
}
#position ul li:first-child:after{
	content:"\eaf4";
	font-style: normal;
	font-weight: normal;
	font-family: "fontello";
	position:absolute;
	right:0;
	top:0;
	color:#999;
}
#position ul li:last-child:after{
	content:"\e9ed";
}
.margin_fix {
	margin-top:60px;
}

/*3.4 Login/Register modals*/
#message-review .error_message{
	color:#FF8500;
	position:relative;
	top:-30px;
}
.form-control.form-white {
	color: #333;
	font-size: 16px;
	height:42px;
	position: relative;
	border-radius: 0;
	border: 1px solid #FF8500;
	line-height:42px;
	background: transparent;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
	box-shadow: 0;
	-webkit-appearance: none;
	-moz-appearance:    none;
	appearance:         none;   
}
select.form-control.form-white{
	-webkit-appearance: none;
	-moz-appearance:    none;
	appearance:         none;   
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	box-shadow:0;
	border-radius: 0;
	height:42px;
	line-height:28px;
}
.modal-dialog #review .form-control.form-white{
	margin-bottom:0;
}
.form-control.form-white::-webkit-input-placeholder {
	color: #333;
}
.form-control.form-white:-moz-placeholder {
	opacity: 1;
	color: #333;
}
.form-control.form-white::-moz-placeholder {
	opacity: 1;
	color: #333;
}
.form-control.form-white:-ms-input-placeholder {
	color: #333;
}
.form-control.form-white:focus {
	background: rgba(255,255,255,0.2);
	-webkit-box-shadow: none;
	box-shadow: none;
}
.login_icon {
	color:#FF8500;
	font-size:60px;
	opacity:0.5;
}
.modal-backdrop {
	z-index:999999;
}
.modal {
	padding: 0 25px !important;
	z-index:9999999;
}
.modal-dialog {
	width: 100%;
	max-width: 560px;
	margin: 0 auto;
}
.modal-dialog #review {
	width: 100%;
	max-width: 650px;
}
.modal-popup {
	position: relative;
	padding:1px 30px 10px 30px;
	text-align: center;
	background: #ffffff;
	border-radius: 0px;
	border:none;
	min-height: 300px;
	max-height: 600;
	overflow-y: auto;
}
.modal-popup a{
	color:#333;
}
.modal-popup a:hover{
	color:#FF8500;
	text-decoration:underline;
}
.modal-popup a.close-link {
	font-size: 22px;
	position: absolute;
	top: 20px;
	left: 30px;
	color: #FF8500;
}
.modal-popup a.close-link:hover {
	color: #333;
	text-decoration:none;
}
.popup-form {
	width: 90%;
	max-width: 375px;
	margin: 30px auto;
}

.checkbox-holder {
	white-space: nowrap;
}
.checkbox {
	position: relative;
	display: block;
}
.checkbox {
	position: relative;
}
.checkbox label:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 20px;
	cursor: pointer;
	border: 2px solid white;
	background: transparent;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
.checkbox input[type=checkbox]:focus + label:before {
	background: rgba(255,255,255,0.2);
}
.checkbox label:after {
	content: '';
	position: absolute;
	top: 6px;
	right: 6px;
	width: 8px;
	height: 8px;
	opacity: 0;
	background: white;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.checkbox input[type=checkbox] {
	opacity: 0;
	position: absolute;
	width: 0;
	height: 0;
}
.checkbox input[type=checkbox]:checked + label:after {
	opacity: 1;
}
.checkbox-holder span {
	position: relative;
	display: inline-block;
	margin: 0 0 0 10px;
	white-space: normal;
	color: #333;
}
.btn.btn-submit {
	width: 100%;
	margin-top: 10px;
	color: #fff;
	padding:10px;
	background: #FF8500;
	font-weight:600;
	outline:none;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	font-size:16px;
}
.btn.btn-submit:focus {
	outline:none;
}
.btn.btn-submit:hover {
	color: #fff;
	background: #444;
}

/*3.5 Spacing*/
.add_bottom_15 {margin-bottom:15px;}
.add_bottom_30 {margin-bottom:30px;}
.add_bottom_45 {margin-bottom:45px;}
.add_bottom_60 {margin-bottom:60px;}
.add_bottom_75 {margin-bottom:75px;}
.add_top_20 {padding-top:20px;}
.add_top_60 {padding-top:60px;}
.margin_60 {padding-top:60px; padding-bottom:60px;}
.margin_20_30 {padding-top:20px; padding-bottom:30px;}
.margin_30 {margin-top:30px; margin-bottom:30px;}
.nomargin_top {margin-top:0;}
.nopadding {margin: 0 !important;padding: 0 !important;}
.nomargin {margin: 0 !important;}


/* 3.6 Map */
.marker_info {
	width: 250px;
	height: 280px;
	padding:20px;
	border-radius: 3px;
	text-align:center;
	background: #FFF;
	background: rgba(255, 255, 255, 0.9);
	position: relative;
	z-index: 9999999;
	font-family:inherit;
}
.marker_info img {
	display: block;
	margin:auto;
}
.marker_info h3 {
	font-size:16px;
	line-height:18px;
	text-transform:uppercase;
	margin-bottom:3px;
}
.marker_info em {
	margin-bottom:10px;
	display:inline-block;
	font-size:13px;
	color:#999;
}
.marker_info span {
	display: block;
	padding: 0;
	font-size: 12px;
	line-height:16px;
	color:#555;
	margin-bottom:15px;
}
.marker_info:after{
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 0, 0, 0);
	border-right-color: rgba(255, 255, 255, 0.9);
	border-width: 10px;
	margin-top: -10px;
}

/* 3.7 Password strength */   
#pass-info{
	width: 100%;
	margin-bottom:15px;
	color: #829CBD;
	text-align: center;
	font: 12px/25px Arial, Helvetica, sans-serif;
}
#pass-info.weakpass{
	border: 1px solid #FF8500191;
	background: #FFC7C7;
	color: #94546E;
	text-shadow: 1px 1px 1px #FFF;
}
#pass-info.stillweakpass {
	border: 1px solid #FBB;
	background: #FDD;
	color: #945870;
	text-shadow: 1px 1px 1px #FFF;
}
#pass-info.goodpass {
	border: 1px solid #C4EEC8;
	background: #E4FFE4;
	color: #51926E;
	text-shadow: 1px 1px 1px #FFF;
}
#pass-info.strongpass {
	border: 1px solid #6ED66E;
	background: #79F079;
	color: #348F34;
	text-shadow: 1px 1px 1px #FFF;
}
#pass-info.vrystrongpass {
	border: 1px solid #379137;
	background: #48B448;
	color: #CDFFCD;
	text-shadow: 1px 1px 1px #296429;
}

/* 3.8 Input form style */   
.loader { margin-left:5px; position:absolute;}
.error_message { color:#F33; font-weight:600; margin-bottom:4px;}
.form-control {
	color: #333;
	height: 43px;
	border-radius: 5px;
	box-shadow: none;
	box-shadow: 0;
	border: 1px solid #eee;
	font-size: 12px;
}
.form-group {
	margin-bottom:20px;
}
footer .form-group {
	margin-bottom:15px;
}
.payment_select{
	position: relative;
	background-color:#f5f5f5;
	padding:10px 15px 5px 15px;
	margin-bottom:10px;
	border-radius: 3px;
}
.payment_select label{
	font-size:12px;
}
.payment_select i{
	float:left;
	font-size:16px;
}
.payment_select#paypal{
	background:#f0f0f0 url(https://disdpbee9u48n.cloudfront.net/img/paypal.svg) 15px center no-repeat;
}

/*3.9 Collapse*/   
.panel {
	border-radius: 3px;
	-webkit-box-shadow: none;
	box-shadow:none;
	border-color:#ededed;
}
.panel-title a {display:block; color:#444;}
.panel-default > .panel-heading {
	background-color: #f9f9f9;
	padding:20px;
	border-bottom:1px solid #ddd;
}
.panel-heading {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.panel-group .panel {
	border-radius: 3px;
}
.panel-body {
	padding:30px;
	line-height:1.6 !important;
}
.panel-title a .indicator{
	color:#FF8500;
}
.panel-title a i.indicator{
	float:left !important;
}
.panel-title a:hover .indicator{
	color:#333;
}

/*3.10 Tabs*/   
.tab-content{
	padding:30px; 
	background-color:#fff; 
	border:1px solid #ddd; 
	border-top:none; 
	margin-bottom:25px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}
/*3.11 Tooltips*/   
.tooltip_styled {
	display: inline;
	position: relative;
	z-index: 999;
}
.tooltip-item {
	cursor: pointer;
	display: inline-block;
}
.tooltip-item::after {
	content: '';
	position: absolute;
	width: 180px;
	height: 20px;
	bottom: 100%;
	left: 50%;
	pointer-events: none;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.tooltip_styled:hover .tooltip-item::after {
	pointer-events: auto;
}
.tooltip-content {
	position: absolute;
	z-index: 9999;
	width: 180px;
	left: 50%;
	margin: 0 0 20px -90px;
	bottom: 100%;
	text-align: left;
	line-height:1.2;
	display: block;
	padding: 15px;
	font-size:13px;
	text-align:center;
	font-weight:600;
	color: #fff;
	box-shadow: -5px -5px 15px rgba(48,54,61,0.2);
	background: #333;
	opacity: 0;
	cursor: default;
	pointer-events: none;
}
.tooltip-effect-1 .tooltip-content {
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
}
.tooltip-effect-2 .tooltip-content {
	-webkit-transform-origin: 50% calc(100% + 10px);
	transform-origin: 50% calc(100% + 10px);
	-webkit-transform: perspective(1000px) rotate3d(1,0,0,45deg);
	transform: perspective(1000px) rotate3d(1,0,0,45deg);
	-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
	transition: opacity 0.2s, transform 0.2s;
}
.tooltip-effect-3 .tooltip-content {
	-webkit-transform: translate3d(0,10px,0) rotate3d(1,1,0,25deg);
	transform: translate3d(0,10px,0) rotate3d(1,1,0,25deg);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
}
.tooltip-effect-4 .tooltip-content {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transform: scale3d(0.7,0.3,1);
	transform: scale3d(0.7,0.3,1);
	-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
	transition: opacity 0.2s, transform 0.2s;
}
.tooltip_styled:hover .tooltip-content {
	pointer-events: auto;
	opacity: 1;
	-webkit-transform: translate3d(0,0,0) rotate3d(0,0,0,0);
	transform: translate3d(0,0,0) rotate3d(0,0,0,0);
}
.tooltip_styled.tooltip-effect-2:hover .tooltip-content {
	-webkit-transform: perspective(1000px) rotate3d(1,0,0,0deg);
	transform: perspective(1000px) rotate3d(1,0,0,0deg);
}
.tooltip-content::after {
	content: '';
	top: 100%;
	left: 50%;
	border: solid transparent;
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-top-color: #333;
	border-width: 10px;
	margin-left: -10px;
}
.tooltip-content .label {
	margin-left:10px;
}
.tooltip-content i{
	font-size:20px !important;
	top:3px !important;
	left:-3px !important;
	position:relative;
}
.tooltip-content h4 {
	display:block;
	margin: 0 0 10px 0;
	line-height:14px;
	font-size:14px;
	color:#fff;
	text-transform:uppercase;
}
.tooltip-content a {
	font-weight: bold;
}

/*3.12 Blockquote*/
blockquote.styled {
	font-family:Georgia, "Times New Roman", Times, serif;
}

.white_bg{
	background-color:#fff;
}

/*============================================================================================*/
/* 4.  UPDATES */
/*============================================================================================*/
/*4.1 Strip list home*/
a.strip_list{
	color:#333;
	-webkit-transition: all 300ms ease-in-out; 
	-moz-transition: all 300ms ease-in-out; 
	-o-transition: all 300ms ease-in-out; 
}

/*4.2 Grid list*/
.strip_list.grid .desc{
	padding-right:0;
	text-align:center;
}
.strip_list.grid .thumb_strip{
	display: inline-flex;
	margin: 10px auto;
}

.strip_list.grid .thumb_strip img{
	width: 75px;
	height: inherit;
	border-radius: 50%;
	margin: auto;
}
.strip_list.grid .desc ul{
	margin:10px 0 0 0;
}
/*4.3 General*/
a.load_more_bt{
	display:block;
	padding:10px;
	text-align:center;
	border:3px solid #fff;
	color:#555;
	font-weight:600;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
a.load_more_bt:hover{
	background-color:#fff;
	color:#FF8500;
}
#tools{
	background: #fff;
	margin-bottom: 25px;
	height: 50px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #eee;
	padding: 15px;
}
a.bt_filters{
	height:36px;
	width:36px;
	color:#555;
	display:inline-block;
	text-align:center;
	line-height:36px;
	float:left;
	font-size:16px;
	border-right: 1px solid #ededed;
}
#tools .styled-select select {
	background: transparent;
	width:115%;
	padding:7px 15px 5px 5px;
	border: 0;
	border-radius: 0;
	height: 31px;
	margin:0;
	font-weight:600;
	font-size:11px;
	-moz-appearance: window;
	-webkit-appearance: none;
	cursor: pointer;
	color:#444;
	box-shadow:none;
}
#tools .styled-select {
	width: 100%;
	overflow:hidden;
	height: 36px;
	background: url(https://disdpbee9u48n.cloudfront.net/img/arrow_down.svg) no-repeat  left center ;
	border:none;
	border-left: 1px solid #ededed;
} 

.infoBox {padding-right:30px !important;}

/*4.4 Map listing */
header#map_listing_header{
	background-color: #78cfcf;
	position:fixed;
	-webkit-box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.41);
	-moz-box-shadow:0px 2px 10px -2px rgba(0, 0, 0, 0.41);
	box-shadow:0px 2px 10px -2px rgba(0, 0, 0, 0.41);
}
.full-height {height:100%;}
.row-height{
	height:100%;
	min-height:100%;
}
.map-right{
	height:100%;
	min-height:100%;
	padding:0px;
}
.content-left{
	height:100%;
	min-height:100%;
	overflow-y:scroll;
	padding:50px 30px 30px 30px;
	background-color:#fff;
	border-right: 1px solid #ededed;
}
#map_listing{
	width:100%;
	height:100%;
}
#collapseFiltesmap .filter_type{
	clear:both;
	width:100%;
	border-top: 1px solid #ddd;
}
#collapseFiltesmap .filter_type .range_wp{
	float:left;
	width:80%;
	padding-left:30px;
	padding-bottom:20px;
	padding-top:5px;
}
#collapseFiltesmap .filter_type h6{
	float:left;
	width:20%;
	border:0;
	padding-top:10px;
}
#collapseFiltesmap .filter_type ul{
	float:left;
	width:80%;
	margin:0 0 15px 0;
	padding:0;
	padding-top:20px;
}
#collapseFiltesmap .filter_type ul li {
	display:inline-block;
	min-width:190px;
	margin-left:45px;
}
#collapseFiltesmap .filter_type ul li label{
	font-weight:normal;
	font-size:13px;
}

#filters_map{
	border-bottom:1px solid #ededed;
	margin:0 -30px 30px -30px;
	background-color:#f8f8f8;
	padding:15px 30px 0 30px;
}
a.btn_filter{
	padding:5px;
	background-color:#fff;
	border:1px solid #ededed;
	display:inline-block;
	line-height:1;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-bottom:15px;
}
a.btn_filter:before{
	font-size:30px;
	color:#999;
	padding:0;
}
a.btn_filter#open_filters:before{
	font-family: "ElegantIcons";
	content: "\66";
}
a.btn_filter#list:before{
	font-family: "ElegantIcons";
	content: "\64";
	font-size:20px;
}
a.btn_filter#grid, a.btn_filter#list{
	margin-top:5px;
}
a.btn_filter#grid:before{
	font-family: "ElegantIcons";
	content: "\e025";
	font-size:20px;
}
a.btn_filter#grid{
	margin-left:0;
}
a.btn_listing{
	border: none;
	font-family: inherit;
	font-size: inherit;
	color:#777;
	cursor: pointer;
	font-weight:500;
	background-color:#f0f0f0;
	padding: 10px 20px;
	margin-top:5px;
	outline: none;
	font-size:12px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-weight:500;
	display:inline-block;
	text-align:center;
}
a.btn_listing:hover{
	background-color:#333;
	color:#fff;
}
a.load_more_bt_2{
	display:block;
	padding:10px;
	text-align:center;
	border:none;
	background-color:#f0f0f0;
	color:#555;
	font-weight:500;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
a.load_more_bt_2:hover{
	background-color:#333;
	color:#fff;
}

/*4.5 Search modal  */
#position {
	background-color:#fff;
	border-bottom:1px solid #ededed;
	padding:12px 0;
	font-size:13px;
}
#position ul{
	display:inline-block;
}
a.search-overlay-menu-btn {
	display: inline-block;
	padding: 0 10px 0 0;
	margin-right:10px;
	color:#999;
	font-size:13px;
	border-right: 1px solid #ddd;
}
a.search-overlay-menu-btn:hover {
	color: #FF8500;
}
a.btn_filter#search_bt{
	padding:7px;
	margin:0 4px 0 0;
	position:relative;
	top:-3px;
}
a.btn_filter#search_bt:before{
	font-family: "fontello";
	content: "\ee33";
	font-size:17px;
}
.search-overlay-menu {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.9);
	-webkit-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s ease 0.3s;
	-moz-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s ease 0.3s;
	-ms-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s ease 0.3s;
	-o-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s ease 0.3s;
	transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s ease 0.3s;
	opacity: 0;
	visibility: hidden;
	z-index: 999999;
	text-align: center;
}
.search-overlay-menu.open {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
	-moz-transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
	-ms-transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
	transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
}
.search-overlay-menu form {
	height: 70px;
	position: absolute;
	top: 50%;
	left: 0;
	margin: -35px auto 0;
	width: 60%;
	left: 20%;
	transform: translateY(20px);
	-moz-transform: translateY(20px);
	-ms-transform: translateY(20px);
	-o-transform: translateY(20px);
	-webkit-transform: translateY(20px);
	transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
}
.search-overlay-menu.open form {
	transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	-webkit-transform: translateY(0px);
}
.search-overlay-menu input[type="search"] {
	height: 100%;
	width: 100%;
	color: #fff;
	background: transparent;
	border-top: 0px solid transparent;
	border-bottom: 2px solid #909090 !important;
	border-left: 0px solid transparent;
	border-right: 0px solid transparent;
	font-size: 42px;
	font-weight: 300;
	outline: none;
	padding: 10px 0 10px 0;
}
.search-overlay-menu form button {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	font-size: 3rem;
	position: absolute;
	left: 0;
	top: 15px;
	color: #c6c6c6;
	outline: none;
}
.search-overlay-menu .search-overlay-close {
	position: absolute;
	top: 5px;
	right: 20px;
	opacity: 1;
	font-size: 40px;
	color: #fff;
}
.search-overlay-menu .search-overlay-close:hover {
	color: #FF8500;
	cursor: pointer;
}

/*4.6 Restaurant menu  */
.thumb_menu_list{
	width:80px;
	height:80px;
	overflow:hidden;
	text-align:center;
	display:inline-block;
	float:right;
	margin-left:15px;
	border:1px solid #fff;
	border-radius:1-px;
}
.thumb_menu_list img{
	width:80px;
	height:auto;
	border-radius: 10px;
}

.dropdown-options .dropdown-menu{
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	padding: 5px 20px 10px 20px;
	top:100%;
	right: -86px;
	width:300px;
	font-size:12px;
	font-weight: normal;
	text-shadow:none;
	text-transform:none !important;
	border-top: 2px solid #50aecc;
}

.dropdown-options .dropdown-menu:before{
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: #50aecc;
	border-width: 7px;
	margin-left: -7px;
}
.dropdown-options .dropdown-menu{
	margin-top:10px;
	
}
.dropdown-options .dropdown-menu h5{
	border-bottom:1px solid #ededed;
	padding-bottom:5px;
	margin-bottom:5px !important;
	font-size:13px;
}
.dropdown-options .dropdown-menu label{
	font-weight:500;
	color:#555 !important;
}
.dropdown-options .dropdown-menu label{
	font-weight:500;
	color:#555 !important;
	width:100%;
}
.dropdown-options .dropdown-menu label input{
	margin-left:5px;
}
.dropdown-options .dropdown-menu label span{
	float:left !important;
	display:inline-block;
	text-align:right;
}
.dropdown-options .dropdown-menu a.add_to_basket{
	background-color:#f8f8f8;
	border-radius:3px;
	display:block;
	font-weight:500;
	text-align:center;
	padding:5px 10px;
	margin-top:15px;
	color:#ec008c
}
.dropdown-options .dropdown-menu a.add_to_basket:hover{
	background-color:#ec008c;
	color:#fff;
}

/*4.7 Work with us section  */
a.box_work{
	text-align:center;
	background-color:#fff;
	padding:30px;
	font-size:14px;
	transition: all 300ms ease-in-out; 
	-webkit-transition: all 300ms ease-in-out; 
	-moz-transition: all 300ms ease-in-out; 
	-o-transition: all 300ms ease-in-out; 
	-webkit-box-shadow: 0px 3px 0px 0px #f0f2f4; 
	-moz-box-shadow: 0px 3px 0px 0px #f0f2f4; 
	box-shadow: 0px 3px 0px 0px #f0f2f4;
	color:#666;
	margin-bottom:30px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display:block;
}
a.box_work:hover{
	transform: translate(0, -10px); 
	-webkit-transform: translate(0, -10px); 
	-ms-transform: translate(0, -10px); 
	-webkit-box-shadow: 0px 3px 0px 0px #ebedef; 
	-moz-box-shadow: 0px 3px 0px 0px #ebedef; 
	box-shadow: 0px 3px 0px 0px #ebedef; 
}
a.box_work h3{
	font-size:24px;
}
a.box_work h3 span{
	display:block;
	font-size:18px;
	margin-top:3px;
	color:#999;
	font-weight:300;
}
a.box_work .btn_1{
	margin-top:30px;
}
ul.list_ok {
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
	line-height: 22px;
}

ul.list_ok li {
	position: relative;
	padding-right: 30px;
	margin-bottom:15px;
}

ul.list_ok li:before {
	font-style: normal;
	font-weight: bold;
	font-family: "ElegantIcons";
	font-size: 18px;
	content: "\e052";
	color: #fff;
	position: absolute;
	right: 0;
	top: 0;
}
.features-bg.img_2 {
	position: relative;
	min-height: 400px;
	background: url(https://disdpbee9u48n.cloudfront.net/img/delivery_2.jpg) no-repeat center center;
	background-size: cover;
}
.feature_2 h3{margin-top:0; font-size:21px;}
.feature_2 {
	padding:30px 100px 20px 30px;
	position:relative;
	background:#fff;
	margin-bottom:30px;
	color:#666;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
}
.feature_2 i{
	margin:0;
	position:absolute; 
	top:20px;
	right:20px;
	padding:0;
	margin:0;
	width:65px;
	height:65px;
	line-height:60px;
	text-align:center;
	font-size:38px;
	color:#6dcff6;
}
label.margin_left{
	margin-right:15px !important;
}

/*Pricing tables*/
.plans {
	margin: 0px auto 50px;
	zoom: 1;
}
.plans:before,
.plans:after {
	content: '';
	display: table;
}
.plans:after {
	clear: both;
}
.plan {
	margin: 10px 0;
	padding: 20px;
	text-align: center;
	background: #fafafa;
	background-clip: padding-box;
	border: solid #dddddd;
	min-height: 380px;
	border-width: 1px 1px 1px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.col-md-4.plan:first-child {
	margin-right: -30px;
	margin-left: 30px;
}
.plan:last-child {
	border-width: 1px;
}
.plan-title {
	position: relative;
	margin: -20px -10px 20px;
	padding: 20px;
	text-transform:uppercase;
	line-height: 1;
	font-size: 18px;
	color:#555;
	font-weight: bold;
	border-bottom: 1px dotted #ccc;
}
.plan-title:before {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	right: 0;
	height: 1px;
}
.plan-price {
	margin: 0 auto 20px;
	width: 110px;
	height: 110px;
	line-height: 110px;
	font-size: 30px;
	font-weight: bold;
	color: white;
	background: #4b4b4b;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	display: inline-block;
	text-align: center;
	font-family: inherit;
}
.plan-price > span {
	font-size: 12px;
	font-weight: normal;
	color: rgba(255, 255, 255, 0.9);
}
.plan-features {
	margin-bottom: 20px;
	line-height: 2;
	font-size: 12px;
	text-align: center;
}
ul.plan-features {
	padding: 0;
	margin: 0 0 15px 0;
}
.plan-features li {
	list-style: none;
}
.plan-tall {
	margin: 0;
	background: #fff;
	border-width: 1px;
	border-radius: 10px;
	margin-right: -30px;
	position: relative;
	z-index: 100;
	border: solid #83c99f;
	position: relative;
}
.ribbon_table {
	width: 99px;
	height: 97px;
	position: absolute;
	left: -7px;
	top: -7px;
	display: block;
	background: url(https://disdpbee9u48n.cloudfront.net/img/ribbon.png) no-repeat 0 0;
	z-index: 101;
}
.plan-tall > .plan-title {
	font-size: 18px;
}
.plan-tall > .plan-price {
	margin: 0 auto 20px;
	height: 130px;
	width: 130px;
	line-height: 130px;
	font-size: 36px;
	font-weight: bold;
	color: white;
	background: #FF8500;
	border-radius: 130px;
	-webkit-border-radius: 130px;
	-moz-border-radius: 130px;
	display: inline-block;
	text-align: center;
}
.plan-tall > .plan-features {
	font-size: 14px;
}
.plan-tall > .plan-button {
	padding: 0 16px;
	line-height: 32px;
}
.plan-tall + .plan {
	border-right: 0;
}


.logo-img {		
	padding: 0px 20px 5px 20px;		
	background: #FF8500;		
	border-radius: 0 0 10px 10px;		
	margin-right: 30px;		
	-webkit-transition-property: height, width;		
	-webkit-transition-duration: .7s;		
	-moz-transition-property: height, width;		
	-moz-transition-duration: .7s;		
	transition-property: height, width;		
	transition-duration: .7s;
	/*height: 70px;*/
	width: 300px;
}		
.header-menu {		
	margin-top: 7px !important		
}

.morphext {		
	color: #ffffff;		
}		
.autocomplete-suggestions {-webkit-box-sizing: border-box; -moz-box-sizing: border-box;max-height: 250px !important; box-sizing: border-box; border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }		
.popupSearch .autocomplete-suggestions { position:fixed !important;}
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden;font-size: 15px !important }		
.autocomplete-no-suggestion { padding: 2px 5px;}		
.autocomplete-selected { background: #F0F0F0; }		
.autocomplete-suggestions strong { font-weight: bold; color: #000; }		
.autocomplete-group { padding: 2px 5px; }		
.autocomplete-group strong { font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }		
.cityInput{		
	border-left: 1px solid #cfcfcf !important;		
}		
.regionInput {		
	margin-left: inherit;		
}		
.rest-data {		
	display: inline;		
	margin-left: 25px		
}

.errorDiv{
	color: #ef0f0f;
	margin-top: 20px;
	font-weight: bold;
}

.has-error .form-control-feedback {
	color: #e41410;
}

.form-control-feedback {
	top: 4px;
	font-size: 14px;
	left: 1px
}

.has-success .form-control {
	border-color: #3c763d !important;
}

.has-error .form-control {
	border-color: #e41410 !important;
}

.help-block{
	font-size: 11px;
	color: #a94442;
}

.uppercase {
	text-transform: uppercase;
}

.icheckbox_square-aero .form-control-feedback {
	display: none !important;
}

.loadingGif {
	text-align: center;
	margin-top: 20%
}

.verified {
	color: green;
	font-size: 18px
}

.restData {
	text-align: center;
	margin-bottom: 30px
}

.restData  h4 i {
	font-size: 29px;
	float: right;
	color: #707070;
	margin-left: 5px;
	margin-top: 5px;
}

.restData h4 {
	padding: 0;
	margin: 0;
	font-size: 14px;
	text-align: right;
}

.restData h5 {
	text-align: right;
	font-size: 12px;
}

.restInfo{
	margin: 10px 0
}

.optionsDiv {
	text-align: right;
}

.options {
	margin-top: 20px
}

.addationDIv{
	margin: 10px 5px;
	width: 45%;
	float: right;
	display: block;
	margin-right: 20px;
	padding: 10px;
	font-size: 12px;
	background: #fff;
	border-radius: 5px;
	border: 1px solid #eee;
	line-height: 22px;
}
.addationDIv span {
	float: left;
	font-weight: bolder;
	line-height: 22px;
}

.mealDetails {
	background: #f5f5f5;
	padding: 10px;
	margin: 0 -30px;
}

/*#qty{
	margin-top: 13px;
	text-align: center;
	}*/

	.cart_title {
		font-size: 15px !important;
		line-height: 24px;
		color: #FF8500;
		margin: 5px 0 0 0 !important
	}

	.cart_title small {
		display: block;
		font-size: 14px;
		font-weight: 700;
		margin-bottom: 5px;
		text-align: center;
		padding: 5px;
		color: #333;
	}

	.addtocart {
		width: 50% !important;
		font-size: 14px !important;
		padding: 5px !important;
	}

	.cartbtnDiv{
		text-align: center;
	}

	.red{
		color: red
	}

	.cartBody{
		font-size: 11px
	}

	.orderNowBtn {
		width: 90% !important;
		margin: 0 auto !important;
	}

	.cartActions {
		margin: 0;
		padding: 0
	}

	.cartActions li {
		list-style-type: none;
		display: inline;
	}

	#cart_box .btn_full[disabled] {
		background: #ccc;
	}

	.cartBody .pull-right {
		float: left !important
	}

	/*#register .modal-dialog {
		margin-top: 0px;
		height: 100%;
		overflow-y: auto;
	}

	#register .modal-dialog::-webkit-scrollbar              { width: 12px;}
	#register .modal-dialog::-webkit-scrollbar-button       {}
	#register .modal-dialog::-webkit-scrollbar-track        {background: #333; }
	#register .modal-dialog::-webkit-scrollbar-track-piece  {}
	#register .modal-dialog::-webkit-scrollbar-thumb        {background: #707070;}
	#register .modal-dialog::-webkit-scrollbar-corner       {}
	#register .modal-dialog::-webkit-resizer                {}*/




	#subheader .input-group {
		display: table-cell;
		padding: 5px;
		background-color: #ffffff;
		border-radius: 10px;
	}

	#subheader #custom-search-input .cityInput {
		border-radius: 0 6px 6px 0;
	}

	#subheader #custom-search-input .regionInput {
		border-radius: 6px 0 0 6px;
		padding-right: 40px;
	}

	.search-item {
		display: inherit;
	}

	.search-item i {
		position: absolute;
		color: #707070;
		font-size: 26px;
		padding: 8px 0;
	}

	.orange {
		background-color: #FF8500;
		color: #fff;
	}


	.orange-text {
		color: #FF8500;
	}

	#subheader .search-find .btn {
		padding: 10px 0;
		font-size: 18px;
		width: 240px;
		float: left;
		font-weight: 700px
	}

	#subheader .search-find .btn:hover {
		color: #fff;
		background: #fb9c35;
	}

	#subheader .search-find {
		margin: 20px auto;
		float: none;
		width: 340px;
	}

	#subheader .search-find i{

	}

	#subheader .search-find i {
		position: absolute;
		top: 13px;
		right: 28px;
	}

	#subheader .search-find .btn:active,
	#subheader .search-find .btn:focus,
	#subheader .search-find .btn:visited {
		outline: 0!important;
		-webkit-appearance: none;
		box-shadow: none!important;
		color: #fff;
	}

	#custom-search-input-blog {
		padding: 1px;
		background-color: #f5f5f5;
	}

	#custom-search-input-blog input {
		border: 0;
		font-size: 14px;
		box-shadow: none;
	}

	#custom-search-input-blog button {
		box-shadow: none;
		background: none;
		border: 0;
		color: #73716e;
		padding: 0 11px 0 8px;
		outline: none;
	}

	.badge-danger {
		background: red !important
	}

	.badge-warning {
		background: #FF8500 !important
	}

	.badge-success {
		background: green !important
	}

	.badge-primary {
		background: #007ebb !important;
	}

	.rateOrder{
		width: auto;
		padding: 5px !important;
	}
	.favBtn {
		width: 80%;
		margin: 0 auto;
		color: #707070;
		border-color: #707070;
	}

	.favBtn:hover {
		background: #707070;
		color: #ffffff;
		border-color: #707070;
	}

	.pink {
		color: #707070;
		text-align: center;
		font-size: 12px;
		border: 2px solid #e0074d;
		padding: 10px 0;
		width: 80%;
		margin: 0 auto;
		text-transform: uppercase;
		font-weight: bold;
	}

	.deleteFav {
		width: auto;
		float: left;
		color: red;
		border-color: red;
		padding: 6px;
		font-size: 11px;
		margin: 0 20px
	}

	.sortLink {
		margin: 5px 0;
		vertical-align: bottom;
		border-left: 1px solid;
		padding: 0 20px;
		display: inline;

	}

	.sortLink span {
		color: #333;
		cursor: pointer;
	}

	.sortLink span:hover , .sortLink span.active {
		color: #FF8500
	}

	.sortTitle {
		display: inline;
		font-size: 14px;
		font-weight: bold;
	}

	.lastSort {
		border: none!important; 
	}

	.popualrRest {
		position: relative;
		margin-bottom: 25px;
		border: 1px solid #eee;
		background: #fff;
		height: 155px;
		border-radius: 10px
	}

	#custom-search-input .search-query-modal {
		width: 240px;
		padding: 15px 40px;
		border: 1px solid #cfcfcf !important;
		font-family: inherit;
		font-weight: 600;
		color: #444;
	}

	.closedBtn {
		background: #ddd !important
	}

	.restThumb {
		float: right;
		width: 25%
	}

	.restDetails {
		float: right;
		margin-right: 15px;
		width: 70%
	}

	#restData {
		position: relative;
		padding: 20px 5px 20px 5px;
		margin-bottom: 25px;
		border-bottom: 1px solid #eee;
	}

	.restDetails h1 {
		margin: 0;
		font-size: 30px;
		font-weight: bold;
	}

	.icon_star {
		color: #ddd
	}

	.blue-btn {
		background: #FF8500 !important;
	}

	.reviewItem {
		position: relative;
		border-bottom: 1px solid #ddd;
		text-align: right;
	}

	.reviewTime {
		position: absolute;
		top: 5px;
		left: 10px;
	}

	.reviewItem .rating {
		padding: 0 !important
	}

	.emptyCart {
		position: absolute;
		display: block;
		height: 250px;
		width: 96%;
		top: 50px;
		background: #ffffff;
		text-align: center;
		display: none
	}

	.emptyCart h4 {
		display: block;
		margin-top: 25%;
		color: rgb(202, 202, 202);
		text-transform: uppercase;
	}

	.full-width {
		width: 100%
	}

	.besideImage {
		padding-right: 0 !important;
		margin-top: 10px
	}

	.besideImage h4 {
		margin: 0 0 3px 0
	}

	.besideImage p {
		font-size: 11px;
		color: #888
	}

	.hr-small {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.imageDiv {
		padding-left: 10px;
		margin-right: 0 10px;
	}

	.imageDiv img {
		border-radius: 50%
	}


	.restCart {
		padding: 10px 5px 5px 5px;
		background: #f5f5f5;
		margin: 0 -5px 10px -5px;
	}

	.addressChoose {
		width: 95%;
		cursor: pointer;
	}

	.width-60 {
		width: 60%;
		margin: 0 auto
	}

	.formFieldset {
		border: 1px solid #ddd;
		border-radius: 3px;
		padding: 0 20px
	}

	.formFieldset legend {
		padding: 10px 20px;
		background: #707070;
		border-radius: 3px;
		border: 0;
		color: #fff;
		font-size: 12px;
		font-family: inherit;
		text-transform: uppercase;
		font-weight: bold;
	}


	.editAddress {
		position: absolute;
		left: 10px;
		top: 10px
	}

	.editAddress i {
		display: none;
		cursor: pointer;
	}

	.payment_select:hover .editAddress i {
		display: block;
	}

	.additionPart {
		color: #aaa
	}

	.cart-btn-group {
		display: inline-block;
		background-color: #fff;
		border: 1px solid #dcdcdc;
		box-sizing: border-box;
		height: 33px;
		border-radius: 10px
	}

	.cart-btn-group button:first-child {
		border-bottom-right-radius: 5px;
		border-top-right-radius: 5px;
		float: right;
		background: rgba(255, 255, 255, 0);
		width: 30px;
		height: 31px;
		padding: 0;
		border-radius: 0;
		font-size: 12px;
		line-height: 1.5;
		border-left: 1px solid #ccc;
		color: #e40606;
	}

	.cart-btn-group input {
		display: inline-block;
		width: 35px;
		text-align: center;
		line-height: 2.3;
		font-size: 12px;
		border: 0;
		float: right;
		height: 31px;
	}

	.cart-btn-group button:last-child {
		border-bottom-right-radius: 5px;
		border-top-right-radius: 5px;
		float: right;
		background: rgba(255, 255, 255, 0);
		width: 30px;
		height: 31px;
		padding: 0;
		border-radius: 0;
		font-size: 12px;
		line-height: 1.5;
		border-right: 1px solid #dcdcdc;

		color: #337ab7;
	}

	.cart-btn-group button i {
		font-size: inherit !important;
		color: inherit !important
	}

	::-webkit-scrollbar {
		width: 5px;
		height: 10px;
	}

	::-webkit-scrollbar-thumb {
		background: #FF8500;
		border: 1px none #ffffff;
	}
	::-webkit-scrollbar-thumb:hover {
		background: #FF8500;
	}
	::-webkit-scrollbar-thumb:active {
		background: #FF8500;
	}
	::-webkit-scrollbar-track {
		background: #ffffff;
		border: 1px none #ffffff;
	}
	::-webkit-scrollbar-track:hover {
		background: #707070;
	}
	::-webkit-scrollbar-track:active {
		background: #707070;
	}
	::-webkit-scrollbar-corner {
		background: transparent;
	}


	.aboutUs p {
		line-height: 22px;
	}

	.aboutUs h4 {
		line-height: 22px;
		color: #FF8500;
	}

	.aboutUs h3 i , .termsDiv h3 i {
		color: #FF8500
	}

	.aboutUs p .about-icon {
		width: 62px;
		float: right;
		margin-left: 10px;
	}

	.termUl li {
		margin: 15px 0;
		background: url(https://disdpbee9u48n.cloudfront.net/right-arrow.png) right top;
		background-repeat: no-repeat;
		list-style-type: none;
		padding: 3px 30px 3px 0;
		background-size: 20px;
		line-height: 22px;
	}

	#restOffer span {
		font-size: 10px;
		border: 1px solid #337ab7;
		padding: 1px 20px;
		border-radius: 3px;
		background: #f5f5f5;
		color: #337ab7;
	}

	.restBanner .offerValue {
		position: absolute;
		bottom: -4px;
		right: 120px;
		font-size: 50px;
		color: #fff;
		font-weight: 700;
		font-family: sans-serif;
	}

	.restBanner .offerTitle {
		position: absolute;
		bottom: 27px;
		right: 22px;
		font-size: 46px;
		color: #fff;
		text-transform: uppercase;
	}
	/*///////////////////////////////////////saad /////////////////////////////////////*/

	.hero-section {
		background: url(https://disdpbee9u48n.cloudfront.net/hero-descr-background_new.jpg) top no-repeat;
		padding: 5px 0;
		background-size: 100%;
	}

	.hero-iphone {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-align: end;
		align-items: flex-end;
	}

	.flex-st-between {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: start;
		align-items: flex-start;
		-ms-flex-pack: justify;
		justify-content: space-between;
		padding: 0 45px
	}

	.hero-descr, .hero-iphone {
		width: 43%;
		direction: ltr;
	}

	.hero-descr {
		text-align: center;
		/*margin-top: 100px*/
	}

	.hero-descr h4 {
		color: #ffc201;
		font-weight: 700;
	}

	.intro-logo {
		margin: 0 auto;
	}

	.hero-descr h1 {
		font-size: 38px;
		font-weight: 700;
		margin: 15px 0;
		text-align: center;
		color: #fe7901;
	}

	.hero-descr h2 {
		color: #e7593a;
		font-size: 22px;
		line-height: 1.2;
		text-align: center;
	}

	.intro-descr-block {
		margin-top: 50px;
	}

	.intro-info {
		text-align: right;
		margin-top: 20px;
	}

	.intro-info h3 {
		font-size: 32px;
	}

	.intro-info p {
		font-size: 18px;
		color: #7f8c8d;
		margin-top: 5px;
		line-height: 1.2;
	}

	.intro-btn a {
		width: 160px;
		height: 60px;
		display: inline-block;
		margin: 0 8px;
	}

	.intro-btn {
		direction: ltr;
		text-align: center;
		margin-top: 20px;
	}

	.google-btn {
		background-image: url(https://disdpbee9u48n.cloudfront.net/app_store_android.png);
	}

	.apple-btn {
		background-image: url(https://disdpbee9u48n.cloudfront.net/app_store_ios.png);
	}


	.intro-logo img {
		width: 200px;
		display: block;
		margin: 0 auto;
	}

	.bg {
		background-position: center center;
		background-color: transparent;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.iphone-white {
		z-index: 999;
	}

	.iphone-white img {
		height: 510px;
	}

	.iphone-black {
		margin-left: -240px
	}

	.iphone-black img {
		height: 525px;
	}

	#leftSLideBar {
		left: -1px;
		position: fixed;
		bottom: 10%;
		z-index: 999
	}

	div#leftSLideBar .panel-leftheading {
		border-radius: 0 15px 15px 0 !important;
		position: inherit;
	}

	#leftSLideBar .panel-rightbody {
		border-radius: 0 25px 25px 0;
	}

	.buttom_footer  {
		background: #fff;
		display: grid;
	}

	footer ul li {
		padding: 5px 0;
	}

	.popularRest a.strip_list{
		text-decoration: none !important;
		border-top: 1px dashed #ddd;
		cursor: pointer;
	}

	.popular_rest {
		cursor: pointer;
	}

	.load_branchs {
		display: none;
		position: absolute;
		top: 5px;
		right: 5px;
		background: #fff;
		z-index: 2;
		height: 96%;
		width: 96%;
		opacity: 0.8;
	}

	.load_branchs span {
		text-align: center;
		display: block;
		margin-top: 25%;
		font-size: 18px;
		color: #333;
	}

	.popular_h3 {
		margin: -1px -30px;
		background: #ec5d12;
		padding: 10px;
		color: #fff;
	}

	.popularRest h3 {
		font-size: 18px
	}





	/* carousel */
	.media-carousel 
	{
		margin-bottom: 0;
		padding: 0 40px 30px 40px;
		margin-top: 0px;
	}
	/* Previous button  */
	.media-carousel .carousel-control.left 
	{
		left: -12px;
		background-image: none;
		background: none repeat scroll 0 0 #222222;
		border: 4px solid #FFFFFF;
		border-radius: 23px 23px 23px 23px;
		height: 40px;
		width : 40px;
		margin-top: 135px;
		direction: ltr;
	}
	/* Next button  */
	.media-carousel .carousel-control.right 
	{
		right: -12px !important;
		background-image: none;
		background: none repeat scroll 0 0 #222222;
		border: 4px solid #FFFFFF;
		border-radius: 23px 23px 23px 23px;
		height: 40px;
		width : 40px;
		margin-top: 135px;
		direction: ltr;
	}
	/* Changes the position of the indicators */
	.media-carousel .carousel-indicators 
	{
		right: 50%;
		top: auto;
		bottom: 0px;
		margin-right: -19px;
	}
	/* Changes the colour of the indicators */
	.media-carousel .carousel-indicators li 
	{
		background: #c0c0c0;
	}
	.media-carousel .carousel-indicators .active 
	{
		background: #333333;
	}
	.media-carousel img
	{
		width: 250px;
		height: 100px
	}
	/* End carousel */
	/* bank_t3am */
	.bank_t3am {
		position:absolute;
		top: 150px;
		right: 0;
		z-index: 5;
		padding: 5px;
		margin: 0;
		background: #fff;
	}

	.bank_t3am ul {
		list-style-type: none;
		padding: 0;
		margin: 0;
	}

	.bank_t3am span {
		text-align: center;
		width: 100%;
		display: block;
		color: #333;
		font-weight: normal;
		font-size: 14px;
		margin-top: 10px;
	}

	.bank_t3am .num {
		padding: 3px 0;
		color: #FF8500;
		font-weight: bold;
		font-size: 29px;
		text-align: center;
		font-family: sans-serif;
	}

	.morphext > .animated {
		display: inline-block;
	}

	.masa li {
		float: inherit;
		display: table;
		width: 100% !important;
		background: #f5f5f5;
		margin-left: 0px !important;
		border: #dddddd 1px solid;
		border-radius: 5px;
		cursor: pointer;
		margin-bottom: 9px;
	}

	.masa li a {
		border-radius: 0;
		color: #777;
	}

	.green_info {
		position: relative;
		width: 100%;
		right: 307px;
		margin-bottom: 10px;
	}

	.green_info p {
		text-align: right;
		background: #707070;
		display: inline-table;
		padding: 0px 20px;
		margin: 0;
		border-radius: 10px;
		font-style: italic;
		font-weight: bold;
	}

	.restPart {
		background: #eee;
		margin: 0px -15px 0px -15px;
		padding: 10px 0;
	}

	/*Wallet Akelni*/

	.aki_wallet h3 {
		text-align: right;
		font-size: 22px;
		color: #fff;
		padding: 0 20px;
	}

	.aki_wallet .wallet-palance {
		padding: 35px 0;
		color: #fff;
	}

	.aki_wallet .wallet-palance p {
		font-size: 16px;
	}

	.aki_wallet .wallet-palance b {
		font-size: 86px;
		font-weight: normal;
		line-height: 70px;
	}

	.aki_wallet .wallet-palance small {
		font-size: 16px;
		position: absolute;
		top: 147px;
		padding-right: 5px;
	}

	.aki_wallet {
		background: #f4f4f4 url(https://disdpbee9u48n.cloudfront.net/bg-wallet.png) no-repeat;
		background-size: cover;
		display: inline-block;
		width: 100%;
		height: 293px;
	}

	.aki_wallet i {
		color: #fff;
	}

	.expense .text-left {
		margin: 0;
		padding: 0;
	}

	.income .text-left, .expense .text-left {
		margin: 0;
		padding: 0;
		text-align: center;
		display: table-cell;
	}

	.expense-income {
		background: #f4f4f4;
		display: table;
		width: 100%;
		margin: 0;
		margin-bottom: 30px;
	}

	.income, .expense {
		display: table;
		width: 50%;
		float: right;
	}

	.text-left i {
		left: -50px;
		position: relative;
		display: inherit;
		top: 15px;
		font-size: 52px;
		color: #de0000;
	}

	.text-left b {
		position: relative;
		top: -27px;
	}

	.green i {
		color: #FF8500;
	}

	.wallet .modal-popup {
		min-height: min-content;
		overflow: hidden;
	}

	.wallet-items {
		max-height: 350px;
		overflow-x: hidden;
		padding: 0 15px;
	}

	.wallet-item .text-left h4 {
		margin: 0;
		font-size: 21px;
		font-weight: bold;
		text-transform: uppercase;
	}

	.wallet-item .text-left p {
		font-size: 12px;
		text-transform: lowercase;
		color: #b3b3b3;
	}

	.wallet-item img {
		border-left: 1px solid #eaeaea;
		padding-left: 15px;
	}

	.wallet-item b {
		font-weight: bold;
		color: #333;
	}

	.i-large,
	.i-medium,
	.i-small {
		position : absolute;
		top: 0; right: 0; bottom: 0; left: 0;
	}

	.i-large {
		background: url("https://disdpbee9u48n.cloudfront.net/snow/particules_large.png") repeat 0px 0px;
		-webkit-animation: dropFlowParticles 5s linear infinite;
		-o-animation: dropFlowParticles 5s linear infinite;
		animation: dropFlowParticles 5s linear infinite;
	}
	.i-medium {
		background: url("https://disdpbee9u48n.cloudfront.net/snow/particules_medium.png") repeat 0px 0px;
		-webkit-animation: dropFlowParticles 12s linear infinite;
		-o-animation: dropFlowParticles 12s linear infinite;
		animation: dropFlowParticles 12s linear infinite;
	}
	.i-small {
		background:url("https://disdpbee9u48n.cloudfront.net/snow/particules_small.png") repeat 0px 0px;
		-webkit-animation: dropFlowParticles 27s linear infinite;
		-o-animation: dropFlowParticles 27s linear infinite;
		animation: dropFlowParticles 27s linear infinite;
	}

	@-webkit-keyframes dropFlowParticles {
		from { background-position: 0 0; }
		to { background-position: 0 413px; }
	}
	@keyframes dropFlowParticles {
		from { background-position: 0 0; }
		to { background-position: 0 413px; }
	}

	.gps_home_bt {
		width: 46px !important;
		background: #707070;
		margin: 0 10px !important;
		padding: 5px 0 !important;
	}

	#subheader .search-find .gps_home_bt i {
		position: relative;
		top: 5px;
		right: 0;
		color: #fefefe;
		font-size: 24px;
	}

	#subheader .search-find .gps_home_bt:hover {
		color: #fff;
		background: #4c4c4c;
	}

	.service_icon{
		width: 32px;
	}