/* === To Hide the VUE.JS Syntax before Load */
[v-cloak]{display:none;}

/* === Gallery */
.pswp__button--arrow--left, .pswp__button--arrow--right{position:fixed!important;}
.pswp__caption{position:fixed!important;}
.pswp__caption__center{text-align:center!important;}

/*
	========================
	Header
	========================
*/
.headerMain{
	width:100%; height:65px;
	background:#ffffff;
	box-shadow:0px 10px 20px 0px rgba(0, 0, 0, 0.04);
	z-index:110;
}

/* ========== */
.headerMain .logo{float:left;}
.headerMain menu{float:right;}
.headerMain nav{float:right;}
.headerMain .loginUser{float:right;}

/* ========== */
.headerMain .logo a{min-width:190px; height:65px; line-height:60px;}
.headerMain .logo a img{vertical-align:middle; max-width:190px;}
.headerMain .logo .indexLogo{display:none;}

/* ========== */
.selectCity{
	float:left; width:100%; max-width:115px;
	margin-left:20px; margin-top:21px;		
}
.selectCity a.selectedCity{ 
	display:block;
	font-size:14px; font-weight:500; text-align:right;
	padding-right:17px;
	position:relative;
	z-index:1;	
	color:#000;
	white-space:nowrap; 
	overflow:hidden;
	text-overflow:ellipsis;
}
a.selectedCity:after{
	font-family:"FontAwesome";
	content:"\f078";
	font-size:11px;
	position:absolute;
	top:3px;
	right:0px;
	color:#000;
}
.selectCity a.selectedCity:hover,
.selectCity a.selectedCity:hover:after
{color:#07d765!important;}
/* =========== */
.selectCity .overlay{opacity:0;}
.cityOption{
	position:absolute; top:0px; right:0px;
	z-index:100;	
	background:#fff;
	box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.26);
	border-radius:10px;	
	width:135px;
	padding:5px 10px; margin-top:25px;	
	font-size:14px; font-weight:500; 
	-webkit-transition: all 0.2s ease-out;
       -moz-transition: all 0.2s ease-out;
         -o-transition: all 0.2s ease-out;
            transition: all 0.2s ease-out;			
			transform-origin:top;
			transform:scale(1,0);
	opacity:0;			
}
.cityOption.activeCity{transform:scale(1,1); opacity:1;}
.cityOption label{
	display:block; 
	padding:7px 7px!important; 
	border-bottom:1px solid rgba(0,0,0,0.05);
	text-align:right;
}
.cityOption label:last-child{border:none;}
.cityOption label span.checkmark{padding:0px!important;}
.cityOption label span.checkmark:after{display:none!important;}
.cityLoader{
	position:absolute; top:-3px; left:0px;
	width:100%;
	z-index:2;
}
.mute{pointer-events:none; opacity:0.5;}
.mute span strong{font-weight:500;}

/* ========== */
.headerMain nav ul li, .headerMain menu ul li{float:left;}
.headerMain nav ul li a, .headerMain menu ul li a{
	font-weight:600; font-size:12px; text-transform:uppercase;
	line-height:62px; letter-spacing:0.4px;
	color:#000000;	
	padding:0px 15px;
}
.headerMain nav ul li a.search:before{
	font-family:"fontAwesome";
	content:"\f002";
	padding-right:10px;
	font-size:17px; font-weight:200; line-height:16px;
}
.headerMain menu ul li.register{padding-left:5px;}
.headerMain menu ul li.register a{
	background:#4048af;
	color:#ffffff;
	font-weight:700; font-size:12px; line-height:normal;
	padding:9px 20px; margin-top:13px;
	border-radius:2px;	
}
.headerMain menu ul li.register a:after{display:none;}

/* == For Responsive */
.menuIco, .searchIco{
	width:50px; height:50px;
	position:absolute; 	top:0px;
	text-align:center; line-height:50px;
	color:#000000;
}
.menuIco{left:0px;}
.menuIco:after{
	content:"";
	background:url("../../images/menu.png") no-repeat;
	background-position:center;
	background-size:22px 17px;
	width:50px; height:50px;
	display:block;
}
.searchIco{right:0px;}
.searchIco:after{
	content:"\f002";
	font-family:"fontAwesome";
	font-size:20px;
}

/* ====== Badge login User */
.loginUser{ padding-bottom:15px;}
.loginUser .userName{
	font-weight:500;
	color:#999!important;
	padding:5px 20px 5px 35px; margin-top:15px; margin-left:10px;
	cursor:pointer;	
	height:33px;	
}
.loginUser .userName:after{
	content:"\f078";
	font-family:"fontAwesome";
	font-size:13px;	
	position:absolute; top:9px; right:0px;
	transform-origin:center;
	
	-webkit-transition: all 0.2s ease-out;
       -moz-transition: all 0.2s ease-out;
         -o-transition: all 0.2s ease-out;
            transition: all 0.2s ease-out;
}

.loginUser .userName label{
	white-space: nowrap; 
	overflow: hidden;
	text-overflow: ellipsis;
	max-width:80px;
}
.loginUser .userName span{
	border:0px solid #fff;
	background:#ffffff;
	box-shadow:0px 5px 10px 0px rgba(0, 0, 0, 0.15);
	border-radius:2px;
	overflow:hidden;
	width:34px; height:34px;	
	position:absolute; top:-1px; left:-10px;
}
.loginUser .subLinks{
	position:absolute; top:30px; right:0px;
	z-index:100;	
	background:#fff;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.26);
	border-radius:10px;	
	width:185px;
	padding:15px 10px; margin-top:30px;	
	font-size:14px; font-weight:500;
	-webkit-transition: all 0.2s ease-out;
       -moz-transition: all 0.2s ease-out;
         -o-transition: all 0.2s ease-out;
            transition: all 0.2s ease-out;
			
			transform-origin:top;
			transform:scale(1,0);
			opacity:0;
}
.loginUser .subLinks:before{
	content:"\f0d8";
	font-family:"fontAwesome";
	position:absolute; top: -23px; right:25%;
	font-size:30px;
	color:#fff;
	display:none;
}
.loginUser .subLinks a{color:#000!important; padding:6px 10px; display:block; }
.loginUser .subLinks a:hover{color:#4048af!important;}

.loginUser:hover .subLinks{opacity:1; transform:scale(1,1);}
.loginUser:hover .userName:after{transform:rotate(180deg); top:10px;}

/*
	========================
	Forgot password
	========================
*/
.forgotPassDiv{width:75%; margin:auto;}

/*
	========================
	Footer
	========================
*/
.footerMain{
	background:#4048af; 
	padding:0px 0px 80px;
	color:#b1b3d9;
	font-size:14px;
}
.footerLogo{text-align:center; top:-25px; z-index:5;}
.footerLogo span{
	width:50px; height:50px;
	text-align:center; line-height:45px;
	background:#ffffff;	
	border-radius:100%;
	overflow:hidden;
	box-shadow:0px 7px 17px 0px rgba(0, 0, 0, 0.1);
}
.footerLogo span img{vertical-align:middle; padding-top:9px;}
.footerMain .col{float:left; padding-top:30px;}
.footerMain .col1{width:14%;}
.footerMain .col2{width:17%;}
.footerMain .col3{width:15%;}
.footerMain .col4{width:15%;}
.footerMain .col5{width:15%;}
.footerMain .col6{width:24%;}
.footerMain a{color:#b1b3d9;}
.footerMain a:hover{color:#ffffff;}
.footerMain .col h5{
	font-size:16px;
	padding-bottom:15px;
	color:#ffffff;
}
.footerMain .col ul li{padding:7px 0px;}
.footerMain .col ul li:first-child{padding-top:0px;}

.footerMain .socailIcons{}
.footerMain .socailIcons i{
	margin:0px;
	font-size:15px;
	position:absolute; top:2px; left:0px;
}
.footerMain .socailIcons i.pinterest:after{
	font-family:FontAwesome;
	content:"\f0d3";
}
.footerMain .socailIcons i.instagram:after{
	font-family:FontAwesome;
	content:"\f16d";
}
.footerMain .socailIcons i.facebook-square:after{
	font-family:FontAwesome;
	content:"\f082";
}
.footerMain .socailIcons i.twitter:after{
	font-family:FontAwesome;
	content:"\f081";
}
.footerMain .socailIcons li a{padding-left:20px!important;}
.footerMain .validation{color:#e68f8f; padding-top:2px;}
.newsletterFrom{
	background:#474fb2;
	border:1px solid #353da1;
	border-radius:3px;
	margin-top:15px;
}
.newsletterFrom input{
	width:100%;
	background:none;
	font-size:14px;
	padding:8px 15px;
	color:#ffffff;
	height:34px;
}
.newsletterFrom input::-webkit-input-placeholder{ color:#b1b3d9; }
.newsletterFrom button{
	position:absolute;
	top:5px;
	right:5px;
	height:25px;
	background:#353da1;
	color:#ffffff;
	font-weight:700;
	text-transform:uppercase;
	font-size:11px;
	cursor:pointer;
}
.newsletterFrom button:hover{ background:#07d765; }
.newsletterFrom .loader{
	position:absolute; top:0px; left:0px;
	width:100%; height:100%;
	z-index:1;
	text-align:right;
	background:rgb(64, 72, 175, 0.6);
}
.newsletterFrom .loader span{top:7px; right:19px;}

/*
	========================
	User Panel
	========================
*/
.userPanel .modelWrapper{border-radius:10px; color:#000;}
.modelLogo{text-align:center; padding:35px 0px;}
.modelLogo img{width:180px; vertical-align:top;}

/* ===== */
.userForm{margin:0px 10%;}
.userForm .input{
	border:1px solid #d0d0d0;
	border-radius:3px;
	padding:10px 14px;
	width:100%;
	font-size:16px;
	-webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}
.validation{font-size:12px; height:20px; color:red; clear:both;}

.userForm .name .fName{width:48%; float:left;}
.userForm .name .lName{width:48%; float:right;}

.userForm .newsletter{color:#636363; font-size:13px; padding-left:22px;}
.userForm .newsletter input{position:absolute; top:3px; left:0px;}

/*===============*/
.userPanelBox .modelWrapper{
	width:100%;
	max-width:850px!important;
	padding-bottom:20px;
}
.userPanelBox .modelWrapper .grid2{
	display:grid; grid-template-columns:50% 50%; margin-bottom:15px;
}
.userPanelBox .viaFb .or:before{
	content:"";
	width:100%;
	border-left:2px solid #d0d0d0;
	height:100%;
	display:inline-block;
	position:absolute; left:20px; top:0px;
	margin-top:20px;
}

.userPanelBox .or {
	text-align:center;
	/*background-color:#fff; */
	height:100%;
	display:grid;
	align-content:center;
}

.userPanelBox .or span{
  width:34px;
  height:34px;
  background-color:#fff;
  border-radius:50%;
  padding:5px;
  text-align:center;
  margin-top:35px;
}

.policyText{text-align:center;}

/* ===== */
.viaFb{
	background:#fff;
	text-align:center;
	/*padding:50px 0px 30px;*/
	border-radius:0px 0px 10px 10px;
	margin-bottom:20px;
}
.registerFormDiv .viaFb{padding:63px 0px 0px 0px; margin-bottom:45px;}
.viaFb .or{
	position:absolute; top:-20px; left:0px;
	width:100%;
	text-align:center;
}
.viaFb .or span{
	background:#fff;
	border-radius:100%;
	width:40px; height:40px;
	/*box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.08);*/
	font-size:12px; font-weight:500; line-height:40px;
	color:#494e63;
	padding:0px;
}
.fbBtn{
	display:block; width:61%;
	background:#1877f2;
	border-radius:4px;
	color:#fff;
	font-weight:500;
	padding:9px 16px 9px 35px; margin:auto; margin-bottom:20px;	
}
.fbBtn:hover{background:#1877f2;}
.fbBtn:before{
	content:"";
	background:url('../../images/facebook_icon.png')no-repeat;
	background-size:24px; background-position:center center;
	display:inline-block;	
	/*color:#1877f2; background-color:#fff; border-radius:50%; line-height:28px; font-size:21px;*/
	position:absolute; top:8px; left:10px;
	width:26px; height:26px;
	text-align:center;
}

.gBtn{background-color:#fff; border:2px solid #f1efef; color:#767676;}
.gBtn:before{
	content:"";
	background:url('../../images/google_ico.png')no-repeat;
	background-size:22px; background-position:center center;
}
.gBtn:hover{background:#fff;}

/*google button new design by purvi on 8th Jul-22*/
/* .gBtn{background:#dd4b33;} */
/* .gBtn:before{font-family:"fontAwesome"; content:"\f1a0";} */

.interLink{font-size:13px; color:#494e63; padding-top:10px;}
.interLink a{color:#494e63;}
.interLink a:hover{text-decoration:underline;}

/* ===== */
.userBtn{text-align:center; padding-top:10px; font-size:13px; /*padding-bottom:20px;*/}
.userBtn .btn{display:block; margin:0px 20%; margin-bottom:25px;}
.userBtn .btn input[type="submit"]{
	background:#07d765;
	padding:10px 25px;
	color:#fff;
	border-radius:5px;
	font-weight:600;
	width: 100%;
}
.userBtn .btn input[type="submit"]:hover{background:#06c55c;}
.userBtn .btn .loader{
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
	width:100%;
	height:100%;
	background:#07d765;
	border-radius:5px;
}
.userBtn .btn .loader span{width:25px; height:25px; border-width:5px; top:6px;}
.userBtn .btn .loader img{
	width:18px; height:18px;
	background:#fff;
	border-radius:100%;
	padding:2px;
	top:10px;
}
.userBtn a{color:#494e63;}
.userBtn a:hover{text-decoration:underline;}
.userBtn p{color:#636363; font-size:13px;}

/* ===== */
.forgotPass{text-align:center; padding-bottom:13px;}
.forgotPass p{padding-top:4px;}
.forgotPass img{width:70px}

/* ===== */
.verifyEmailWarning{
	text-align:center;
	background:#fffdf1;
	border:1px solid #e9d9d1;
	border-radius:6px;
	padding:10px; margin:0px 10% 25px;
	font-size:14px;	
}

.verifyEmailWarning label{font-weight:500; font-size:15px;}
.verifyEmailWarning a{text-decoration:underline;}

/* ===== */
.registerThankYou{ text-align:center; padding:20px 0px;}
.registerThankYou img{max-width:50%;}
.registerThankYou label{font-weight:500; font-size:22px; display:block; padding-top:10px;}

/* ===== */
.userPanel .errorMessage{margin:0px 45px 15px;}
.errorMessage{
	text-align:center;
	background:#fff0f0;
	border:1px solid #f7cece;
	border-radius:6px;
	padding:10px; margin-bottom:25px;
	font-size:14px;	
}

/* ===== */
.verifyEmailSuccess{
	background:#fff;
	border-radius:9px;
	max-width:600px;
	margin:8% auto; padding:35px 25px;
	box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);
	text-align:center;
}
.verifyEmailSuccess h2{font-size:22px;}

/* ==== */
.systemOption{padding:0px 11% 45px 15%;/*padding:0px 15% 45px*/}
.systemOption h4{
	text-align:center; font-size:22px; font-weight:400;
	padding-bottom:25px;
}
.systemOption a{
	background:#4048af;
	color:#fff;
	border-radius:4px;
	padding:10px 15px;
	font-weight:500;
	width:48%;
	text-align:center;
}
.systemOption a:hover{background: #2f37a2;}
.systemOption a.register{float:right; background:#1ded8e;}
.systemOption a.register:hover{background: #18d880;}

/*
	========================
	#Page: Reset Password
	========================
*/
.resetPassword
{
	max-width: 450px;
	margin: 0px auto;
	top:-100px;
	box-shadow: 0px 0px 70px rgba(0,0,0,0.4)
}
.resetPassword input[type="password"]
{
	border: 2px solid #d0d0d0;
	border-radius: 3px;
	padding: 12px 15px;
	width: 100%;
	font-size: 16px;
}
.resetPassword input[type="password"]:hover{border-color: #4048af;}
.resetPassword input[type="submit"] {
    background: #07d765;
    padding: 10px 25px;
    color: #fff;
    border-radius: 5px;
    font-weight: 600;
    width: 100%;
}
.resetPassword .btn .resetLoader{
	background: #07d765;
	text-align:center;
	border-radius:5px;
	position:absolute; top:0px; left:0px;
	z-index:1;
	width:100%; height:39px;
}
.resetPassword .btn .resetLoader span{top:8px;}

/*
	========================
	#Search: Search Control
	========================
*/
.searchControl{
	width:710px;
	height:50px;
	margin:0px auto;
	background:#ffffff;
	
	-webkit-box-shadow: 0px 0px 0px 3px rgba(205, 205, 205, 1);
	-moz-box-shadow:    0px 0px 0px 3px rgba(205, 205, 205, 1);
	box-shadow:         0px 0px 0px 3px rgba(205, 205, 205, 1);
	
	border-radius:2px;
	text-align:left;
	z-index:140;
}
.searchControl .searchByKeyword	{float:left; width:52%;}
.searchControl .searchByLocation{float:left; width:32%;}
.searchControl .searchButton{float:right; width:15%;}

.searchControl .searchLoader{
	position:absolute; top:20px; right:5px;
	z-index:1;
}
.searchControl .searchLoader img{width:18px; height:18px;}

.searchControl .searchClear{position:absolute; top:18px; right:5px; z-index:1; font-weight:500;}
.searchControl .searchClear a{
	font-family:calibri; font-size:21px; text-decoration:none; 
	color:#000; 
	opacity:0.5;
	background:url('../../images/close.png') no-repeat;
	background-size: 10px;
	text-indent: -500px;
	width:20px;
	background-position:center;
	overflow:hidden;
}

.searchControl .searchByKeyword input,
.searchControl .searchByLocation input{padding-right:45px; -webkit-tap-highlight-color: rgba(0,0,0,0);}
.searchControl .searchByKeyword input{
	height:50px; width:100%;
	font-size:16px;
	padding-left:55px;	
}
.searchControl .searchByKeyword:before{
	font-family:"fontAwesome";
	content:"\f002";
	position:absolute; top:11px; left:17px;
	z-index:5;
	color:#cfcfcf;
	font-weight:100; font-size:20px;
}
.searchControl .searchByLocation input{
	height:50px;
	font-size:16px;
	width:100%;
	padding-left:45px;
}
.searchControl .searchByLocation:before{
	font-family:"fontAwesome";
	content:"\f041";
	position:absolute;
	top: 13px;
	left: 17px;
	z-index: 5;
	color: #cfcfcf;
	font-weight: 100;
	font-size: 20px;
}
.searchControl .searchButton{ margin-top:5px; }
.searchControl .searchButton button{
	background:#07d765;
	height:40px;
	width:97%;
	text-transform:uppercase;
	color:#ffffff;
	cursor:pointer;
	font-weight:600;
	font-size:12px;
}
.searchControl .searchButton button:hover{ background:#0cad55; }
.searchOverlay{
	background:rgba(0,0,0,0.7);
	position:fixed; top:0px; left:0px;
	width:100%; height:100%;
	z-index:100;
}

/*
	========================
	Hero Banner
	========================
*/
.heroBanner{
	background-color:#14151a;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	height:390px;
}
.heroBanner:before{
	content: " ";
	position:absolute; top:0px; left:0px;
	z-index:10;
	width:100%; height:80px;
	opacity:0.8;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.77) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.77) 0%,rgba(0,0,0,0) 100%);
	background:linear-gradient(to bottom, rgba(0,0,0,0.77) 0%,rgba(0,0,0,0) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4000000', endColorstr='#00000000',GradientType=0 );
}
.heroBanner .bannerTitle{
	text-align: center; 
	color: #fff; 
	z-index: 50;
	padding-top: 6%;
}
.heroBanner .bannerTitle h1{
	font-weight: 400;
	font-size: 35px;
}
.heroBanner .bannerTitle h1 span{font-style:italic;}
.heroBanner .bannerTitle p{font-weight: 400; font-size: 22px; margin-top: 2%;}

/* ===== */
.heroBanner .headerMain{
	background:none;
	box-shadow:none;
}
.heroBanner .headerMain a{	color:#ffffff;}
.heroBanner .headerMain .logo .indexLogo{display:inline-block;}
.heroBanner .headerMain .logo .pageLogo{display:none;}
.heroBanner .headerMain nav ul li a:after,
.heroBanner .headerMain menu ul li a:after,
.heroBanner .headerMain menu ul li.register a{
	background:#ffffff;
	color:#353da1;
}
.heroBanner .menuIco{color:#ffffff;}

.heroBanner .headerMain .userName{color:#fff!important;}
.heroBanner .headerMain a.selectedCity{color:#fff;}
.heroBanner .headerMain a.selectedCity:after{color:#fff;}
.heroBanner .headerMain .cityOption{color:#000;}

/*
	========================
	#Page Index: Hero  Banner
	========================
*/
.pageIndex .heroBanner{height:500px; color: #fff;}
.pageIndex .heroBanner:before{display: none;}
.pageIndex .heroBanner .headerMain{
	background:none;
	box-shadow:none;
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	z-index:50;
}
/* ==> Banner Intro */
.bannerIntro{
	position:absolute;
	top:135px;
	left:0px;
	width:100%;
	z-index:45;
}
.bannerIntro h1{
	font-size:30px;
	font-weight:400;
	text-align:center;
	padding-bottom:10px;
	z-index:140;
}
.bannerIntro h1 span{
	font-family: 'Nunito Sans', sans-serif;
	font-weight:200;
	font-style:italic;
}
.bannerIntro .indexSearch{
	text-align:center;
	margin:50px 0px;
}
.bannerIntro .searchControl .searchLoader{top:15px; }
.bannerIntro .searchControl .searchClear{top:11px; }
.bannerIntro .indexSearch .searchSuggestion
{
	position: absolute;
	border-left:3px solid rgba(205, 205, 205, 1);
	border-right:2px solid rgba(205, 205, 205, 1);
	border-bottom:3px solid rgba(205, 205, 205, 1);
}
.bannerIntro .indexSearch .forRestaurant{left:-3px;}
.bannerIntro .indexSearch .forLocation{	right:-2px;}

/* Browser by */
.bannerIntro .browseBy{
	text-align:center;
	font-weight:500;
	font-size:12.4px;
	color:#ffffff;
}
.bannerIntro .browseBy label{
	text-transform:uppercase;
	padding-right:10px;
}
.bannerIntro .browseBy a{
	color:#ffffff;
	margin-right:15px;
	padding-left:35px;
}
.bannerIntro .browseBy a img{
	vertical-align:middle;
	padding-right:5px;
	position:absolute;
	top:-4px;
	left:0px;
	width:33px;
}
/*
.bannerIntro .browseBy a span{
	width:28px;
	height:28px;
	display:inline-block;	
	border-radius:100%;
	vertical-align:middle;
	
	position:absolute;
	top:-4px;
	left:0px;
	z-index:1;
	background-image:url('../../images/featured_icon_sprite.png');
	background-repeat:no-repeat;
	background-size:28px;
}
.bannerIntro .browseBy a span[data-name="liveSportsScreening"]{background-position:0px 0px;}
.bannerIntro .browseBy a span[data-name="lateNightBite"]{background-position:0px -36px;}
.bannerIntro .browseBy a span[data-name="shisha"]{background-position:0px -73px;}
.bannerIntro .browseBy a span[data-name="liveMusic"]{background-position:0px -110px;}
.bannerIntro .browseBy a span[data-name="happyHours"]{background-position:0px -146px;}
.bannerIntro .browseBy a span[data-name="kidFriendly"]{background-position:0px -183px;}
.bannerIntro .browseBy a span[data-name="beachWaterViews"]{background-position:0px -219px;}
.bannerIntro .browseBy a span[data-name="romantic"]{background-position:0px -256px;}
.bannerIntro .browseBy a span[data-name="veganOptions"]{background-position:0px -292px;}
.bannerIntro .browseBy a span[data-name="epicView"]{background-position:0px -329px;}
*/

/* ==> spotLightSlider */
.spotLightSlider, .spotLightSlider li{
	width:100%; height:500px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	text-align:center;
	font-size:12px;
}
.spotLightSlider li .caption{
	position:absolute; bottom:40px; left:0px;
	width:100%;
	z-index:2;
}
.spotLightSlider li:after{
	content:" ";
	position:absolute; top:0px; left:0px;
	width:100%; height:100%;
	z-index:1;	
	background:#000;
	opacity:0.5;
}
.spotLightSlider li .caption a{color:#ffffff; opacity:0.7;}
.spotLightSlider li .caption a:hover{opacity:1;}
.spotLightSlider li .caption a strong:before{
	font-family:"fontAwesome";
	content:"\f041";
	padding-right:5px;
}
.spotLightSlider li .caption a strong{ font-weight:500; }
.spotLightSlider li .caption span { padding:0px 2px; opacity:0.7;}
.spotLightSlider li .caption .res_Location{font-style:italic;}

.spotLightSlider .owl-nav{display:none;}
.spotLightSlider .owl-dots{
	position:absolute;
	bottom:10px;
	left:0px;
	width:100%;
	z-index:2;
}
.spotLightSlider .owl-dots .owl-dot{background:rgba(255,255,255,0.2)!important;}
.spotLightSlider .owl-dots .owl-dot.active{background:rgba(255,255,255,1)!important;}

/*
	========================
	#Page Index: General Section
	========================
*/
.indexSection{ padding:80px 0px; }
.indexSection h2{
	font-family: 'Nunito Sans', sans-serif;
	font-weight:200;
	font-size:30px;	
	padding-bottom:35px;
}
.indexSection h2 strong{
	font-family: 'AvenirNext','Nunito Sans', calibri, sans-serif;
	font-weight:400;
}
.indexSection h2 a.viewAll{
	font-weight:400;
	font-size:16px;
	position:absolute;
	top:10px;
	right:0px;
	padding-right:22px;
}
.indexSection h2 a.viewAll span{
	position:absolute;
	top:0px;
	right:0px;
	width:12px;
	height:20px;

	background:url('../../images/see_all_arrow.png') no-repeat ;
	background-size:12px;
	background-position:center;
}

.indexSection h2 span.subheading{
	display:block;
	font-weight:400;
	font-size:14px;
	color:#a9a9a9;
}
.indexSection img{
	-o-transition: transform 350ms ease;
	-moz-transition: transform 350ms ease;
	-webkit-transition: transform 350ms ease;
	transition: transform 350ms ease;
}

/*
Note: Dipen
- this CSS property will disable vertical scrolling in
- android devices
.owl-carousel{touch-action: none!important;}
*/

/*
	========================
	#Page Index: New & Note Worthy
	========================
*/
.newNoteWorthy{background:#ffffff; z-index:1;}
.newNoteWorthy ul{text-align:center;}
.newNoteWorthy ul:after{
	clear:both;
	content:" "; 
	display: block;
}
.newNoteWorthy ul li{
	width:23%;
	float:left;
	margin-right:2.6%;
	overflow:hidden;	
	background:#ffffff;
	box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.12);
	display:inline-block;
	text-align:left;
}
.newNoteWorthy ul li:last-child{margin:0px;}
.newNoteWorthy ul li .thumbnail{
	min-height:158px;
	overflow:hidden;
	background-color:#4048af;
}
.newNoteWorthy ul li .thumbnail a{width:100%;}
.newNoteWorthy ul li .thumbnail a img{vertical-align:top;}
.newNoteWorthy ul li .notWorthyContent{padding:10px 15px;}
.newNoteWorthy ul li a.res_Title{
	font-weight:600;
	color:#000000;
}
.newNoteWorthy ul li .resInfo{
	font-size:12px;
	color:#9b9b9b;
	padding-left:55px;
}
.newNoteWorthy ul li .resInfo:after{
	content:" ";
	clear:both;
	display:block;
}
.newNoteWorthy ul li .resInfo .res_Pricing{
	position:absolute; top:1px; left:0px;
	width:50px;
}
.newNoteWorthy ul li .resInfo .res_Cusisine{width:49%; float:left;}
.newNoteWorthy ul li .resInfo .res_Location{
	width:49%; 
	float:right; 
	text-align:right;
}
.newNoteWorthy ul li .resInfo .res_Location:before{
	font-family:"fontAwesome";
	content:"\f041";
	padding-right:5px;
}

/*
	========================
	#Page Index: Featured Reviews
	========================
*/
.featuredReviews{z-index:2; background-color: #fbfbfb;}
.featuredReviews ul:after{clear:both; content:" "; display:block;}
.featuredReviews ul li{
	width:32%;
	float:left;
	margin-right:2%;
	overflow:hidden;
}
.featuredReviews ul li:last-child{margin:0px; float:right;}
.featuredReviews ul li .thumbnail{
	max-height:225px;
	background-color:#f2f2f2;
	overflow:hidden;
	text-align:center;
	
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}
.featuredReviews ul li .thumbnail a{display:block; width:100%; height:225px;}
.featuredReviews ul li .thumbnail a img{width:100%; height:100%; object-fit:cover; object-position:center;}

.featuredReviews ul li .reviewInfo{padding:25px 0px 12px 0px;}
.featuredReviews ul li .reviewInfo .rattingScore{
	position: absolute;
	top:19px;
	right:0px;
}
.featuredReviews ul li .reviewInfo .res_Title{
	font-size:20px;
	font-weight:600;
	color:#000000;
	padding-right:40px;
}
.featuredReviews ul li .reviewInfo p{
	font-size:14px;
	color:#9b9b9b;
	font-style:italic;
}
.featuredReviews .viewAll{
	text-align:center;
	padding-top:35px;
}

/*
	========================
	#Page Index: MenuPages List
	========================
*/
.menupagesLists{
	background:#ffffff; 
	/*padding-bottom:0px; */
	z-index:3;
}
.menupagesLists .owl-dots{ display:none; }
/* Next Previous Navigation */
.menupagesLists .owl-nav{
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	z-index:15;
}
.menupagesLists .owl-nav button{
	position: absolute;
	top:0px;
	width:70px;
	height:165px;
	background:rgba(255,255,255,0.5)!important;
	margin:0px;
}
.menupagesLists .owl-nav button.owl-prev{
	left:0px;
}
.menupagesLists .owl-nav button span{
	background:#ffffff;
	color:#4048af;
	font-size:45px;
	text-indent:0px;
	width: 30px;
	height: 30px;
	border-radius: 100%;
	line-height: 24px;
}
.menupagesLists .owl-nav button.owl-next{right:0px;}
.menupagesLists .listThumbSlider li{
	height:165px;	
	overflow:hidden;	
	background-color:#4048af;
	background-position:center;
}
.menupagesLists .listThumbSlider li a{
	position:absolute; top:0px; left:0px;	
	z-index:10;	
	width:100%; height:165px;	
	color:#ffffff;
	text-align:center;
	background:rgba(0,0,0,0.5);
}
.menupagesLists .listThumbSlider li a strong{
	display:block;
	font-size:20px;
	font-weight:400;
	padding-top:70px;
	
	-webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}
.menupagesLists .listThumbSlider li a span{font-size:12px; opacity:0.7;}
.menupagesLists .listThumbSlider li .listThumb{
	height:165px;
	overflow:hidden;
	text-align:center;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}
.menupagesLists .listThumbSlider li .listThumb img{width: 100%; object-fit: cover; height: 100%;}

/*
	========================
	#Page Index: PagePoint Offers
	========================
*/
.promteOffer{
	background:#ffffff; 
	z-index:4;
	padding-top:0px;
}
.promteOffer ul:after{
	clear:both;
	content:" "; 
	display: block;
}
.promteOffer ul li{
	width:30%;
	min-height:80px;
	float:left;
	margin-right:1%;
	margin-bottom:8px;
	background:#ffffff;
	cursor:pointer;
	border:3px solid #ffffff;
	
	-webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

.menupagesLists ul li:nth-child(3), .menupagesLists ul li:nth-child(6)
{
	margin:0px;	float:right;
}
.promteOffer ul li .offerLogo{
	background:#ffffff;
	width:65px;
	height:65px;
	box-shadow: 0px 6px 14px 0px rgba(0, 0, 0, 0.1);
	position:absolute;
	top:4px;
	left:5px;
	z-index:2;	
}
.promteOffer ul li .offerLogo a{border: 2px solid #ffffff;}
.promteOffer ul li .offerLogo a img{
	vertical-align:top;
}
.promteOffer ul li .offerIntro{
	padding-left:80px;
	padding-top:10px;
}
.promteOffer ul li .offerIntro a{
	font-size:16px;
	font-weight:500;
	color:#000000;
	line-height:15px;
}
.promteOffer ul li .offerIntro label{
	font-size:14px;
	color:#9b9b9b;
	line-height:15px;
	cursor:pointer;
}

/*
	========================
	Index :: popularList
	========================
*/
.popularList{ padding:80px 0px 0px;}
.popularList[name="popularCuisine"]{margin-bottom:100px;}
.popularList h2{font-family: 'Nunito Sans', sans-serif; font-weight: 200; font-size: 30px; padding-bottom:0px;}
.popularList h2 a{color:#000;}
.popularList p{font-family: 'Nunito Sans', sans-serif; font-weight: 400; font-size: 14px; color:#a9a9a9}

.popularList ul{
	margin-top:15px;
	background:#fff;
	border:2px solid #eee; border-radius:5px;
	padding:15px 20px 10px 20px;
}
.popularList ul div{display:grid;	grid-template-columns:25% 25% 25% 25%;}
.popularList ul li{padding-right:20px; margin-bottom:9px; font-size:15px;}
.popularList ul li a{color:#333;}
.popularList ul li a:hover{/*color:#4048af; padding-left:5px;*/}


/*
	========================
	InnerPage Top Search
	========================
*/
#topSearchOverlay{z-index: 110;}
#topReviewSearchOverlay{z-index: 110;}
.topSearch{
	position:absolute;
	top:0px;
	left:0px;
	z-index:115;
	width:100%;
	color:#ffffff;
	
	-webkit-transition: all 350ms ease;
	-moz-transition: all 350ms ease;
	transition: all 350ms ease;

	padding-top:60px;
}
.slideIn{
	-webkit-transform: translate3d(0,-100%,0);
	-moz-transform: translate3d(0,-100%,0);
	transform: translate3d(0,-100%,0);
}
.fadeIn { opacity:0; }
.activeSearch{
	-webkit-transform: translate3d(0,0,0)!important;
	-moz-transform: translate3d(0,0,0)!important;
	transform: translate3d(0,0,0)!important;
	
	opacity:1;
}
.topSearch h1, .topSearch h2{
	font-size:30px;
	font-weight:400;
	text-align:center;
	padding:70px 0px;
}
.topSearch h1 span, .topSearch h2 span{ 
	font-family: 'Nunito Sans', sans-serif; 
	font-weight:200; 
	font-style:italic; 
}
.topSearch .hideSearch{
	position:absolute;
	top:185px;
	right:70px;
	z-index:1;
	font-size:16px;
	color:#ffffff;
	text-align:center;
}
.topSearch .hideSearch img{display:block; filter:invert(100%); padding-bottom:5px;}
.topSearch .hideSearch:hover{opacity:0.7;}
.topSearch .searchControl{
	width:750px; 
	height:60px;
	box-shadow:none;
	margin-bottom:25px;
}
.topSearch .searchControl .searchByKeyword input,
.topSearch .searchControl .searchByLocation input {height:60px;}

.topSearch .searchControl .searchByKeyword::before	{top:17px;}
.topSearch .searchControl .searchByLocation::before{top:19px;}

.topSearch .searchControl .searchByKeyword	{ width: 53%;}
.topSearch .searchControl .searchByLocation	{ width: 30%;}
.topSearch .searchControl .searchButton		{ width: 15%; margin-top:10px; margin-right:7px;}

.onlyRestaurantSearch{}
.onlyRestaurantSearch .searchByKeyword{width:82%!important;}
.onlyRestaurantSearch .searchByLocation{display:none!important;}
.onlyRestaurantSearch .searchSuggestion.forRestaurant{width:100%;}

.searchBtnLoader{
	background:#07d765;
	position:absolute;
	top:0px;
	left:0px;
	width:97%;
	height:100%;
	z-index:1;
	text-align:center;
	line-height:50px;
}
.searchBtnLoader span{
	width:25px;
	height:25px;
	border-width:5px;	
	top:2px;
}
.searchSuggestion{
	background:#ffffff;
	border-top:1px solid rgba(0,0,0,0.1);
	border-radius:0px 0px 5px 5px;
	color:#000;
	font-size:15px;	
	-webkit-transition: -webkit-transform 350ms ease;
	-moz-transition: -moz-transform 350ms ease;
	transition: transform 350ms ease;	
	transform-origin:top center;	
	transform:scale(1,1);
}
.searchSuggestion .noSuggestionFound{
	text-align:center;
	line-height:55px;
}
.searchSuggestion ul.ui-autocomplete{
	top:0px!important;
	left:0px!important;
	display:block!important;
	width:100%!important;
	min-height:300px;
	max-height: 300px;
	overflow:hidden;
	overflow-y:auto;
	padding:0px 0px;
}
.searchSuggestion ul li { border-bottom:1px solid rgba(0,0,0,0.1); }
.searchSuggestion ul li:last-child {border-bottom:none;}
.searchSuggestion ul li a{
	padding:15px 15px;
	color:#000;
	display:block;
	cursor:pointer;
	transition:none;
}
.searchSuggestion ul li a label{cursor:pointer;}
.searchSuggestion ul li a:hover,
.ui-state-active{ background:rgba(0,0,0,0.06);}
.searchSuggestion ul li a strong{
	color:#04bc57; 
	font-weight:500;
}
.searchSuggestion ul li a span{display:block;}
.searchSuggestion ul li a label{
	padding-right:65px;
	display:block;
}
.searchSuggestion ul li a label span.name{
	white-space: nowrap; 
	overflow: hidden;
	text-overflow: ellipsis;
	width:100%;
}
.searchSuggestion ul li a label span.info{
	font-size:13px; opacity:0.7;
	white-space: nowrap; 
	overflow: hidden;
	text-overflow: ellipsis;
}
.searchSuggestion ul li a span.type{ 
	display:inline-block;
	position: absolute;
	top:16px;
	right:15px;
	font-size:13px; 
	opacity:0.7; 
}

.searchSuggestion .indentBranch{padding-left:15px;}

.forRestaurant{width:57%;}
.forLocation{width:48%; float:right;}

.forLocation .beforeLocation{}
.forLocation .getLocation{}
.forLocation .cityLocation{}

/*
	========================
	#Page: Restaurant Listing
	========================
*/
.filterPanel		{float:left; width:25%;}
.listOfRestaurnat	{float:left; width:47%; margin-left:1.5%;}
.listRightPanel		{float:right; width:25%;}

/*
	================================================
	#Page: Restaurant Listing:: Filter Panel
	================================================
*/
.filterPanel{
	padding-top:20px;
}
.filterRow
{
	padding-bottom:30px;
	font-size:13px;
	color:#9b9b9b;
}
.filterRow .rowTitle{
	font-weight:500;
	color:#4a4a4a; 
	font-size:12px;
	min-height:28px;
	padding-top:6px;
	padding-left:38px;
}
.filterRow .rowTitle a{
	font-weight:400;
	float:right;
	color:#cdcccd;
}
.filterRow .rowTitle a label{
	padding-left:14px;
}
.filterRow .rowTitle a label.checkbox input:checked ~ .checkmark{background:#07d765;}

.filterRow .rowTitle:before
{
	content:" ";
	display:inline-block;
	width:28px;
	height:28px;
	background:url('../../images/filter_ico.png') no-repeat #4048af; /* #4048af */
	background-size:28px;
	border-radius:100%;
	position:absolute;
	top:0px;
	left:0px;
}
.filterRow[name="filterByCuisines"] .rowTitle:before		{background-position:0px 0px;}
.filterRow[name="filterByLocation"] .rowTitle:before		{background-position:0px -38px;}
.filterRow[name="filterByCurrentLocation"] .rowTitle:before{background-position:0px -76px;}
.filterRow[name="filterByDeal"] .rowTitle:before			{background-position:0px -152px;}
.filterRow[name="filterByLists"] .rowTitle:before			{background-position:0px -114px;}
.filterRow[name="filterByFeatures"] .rowTitle:before		{background-position:0px -188px;}
.filterRow[name="filterByEvent"] .rowTitle:before		{background-position:0px -225px;}
.filterRow[name="orderOnline"] .rowTitle:before		{background-position:0px -265px;}

.filterRow[name="filterByLocation"] .filterSearchResult .ui-menu-item-wrapper{display:block;}
.filterRow[name="filterByLocation"] .filterSearchResult .ui-menu-item-wrapper label{
	display: block;
	padding-right: 38px;
}
.filterRow[name="filterByLocation"] .filterSearchResult .ui-menu-item-wrapper label span{
	color:#000;
	font-weight:400;
}
.filterRow[name="filterByLocation"] .filterSearchResult .ui-menu-item-wrapper label span strong{color: #04bc57 !important;}
.filterRow[name="filterByLocation"] .filterSearchResult span.type{
	color:#000;
	font-weight:400;
	font-size: 13px;
	opacity: 0.7;
	position: absolute;
	top:0px;
	right:0px;
}

/* ====> */
.filterRow  .selectedOption{
	padding:0 0px 0px 39px;	
	margin-bottom:0px;
}
.filterRow  .selectedOption:after{content:" "; clear:both; display:block;}
.filterRow  .selectedOption label{
	display:inline-block;
	color:#07d765;
	font-weight:500;
	padding:7px 10px;
	padding-right:25px;
	border:1px solid #e6e6e6;
	border-radius:3px;
	background:#rgba(0,0,0,0.01);
	margin:8px 8px 4px 0px;
}
.filterRow  .selectedOption label a{
	color:#000000;
	font-weight:500;
	transform:scale(1,0.8);
	position: absolute;
	top:0px;
	right:0px;
	opacity:0.4;
	height:100%;
	padding:0px 7px;
	line-height:32px;
}
.filterRow  .selectedOption label a:hover{opacity:0.8;}

/* ====> */
.filterRow  .filterRowSearch
{
	padding:8px 0px 0px 0px;
	margin-left:27px;
}
.filterRow  .filterRowSearch:before{
	font-family:"fontAwesome";
	content:"\f002";
	font-size:12px;
	position:absolute;
	top:17px;
	left:12px;
	z-index:1;
	opacity:0.7;
}
.filterRow  .filterRowSearch input
{
	border:1px solid transparent;
	width:100%;
	padding:7px 15px 7px 32px;
	border-radius:4px;
	font-size:13px!important;
	
}
.filterRow  .filterRowSearch input:focus{
	border-color:#eeeeee;
}
.filterRow .showLink{
	margin-left:40px;
	padding-top:10px;
}
.filterRow .showLink a{text-decoration:underline;}


.filterRow .searchList{margin-top:13px;}
.filterRow .searchList ul
{
	width:100%;
	overflow:auto;
	padding:0px 0px 10px;
	margin-left:4px;
}
.filterRow .searchList ul li{
	padding:5px 0px;	
}


/* =========> Filter Row Custom Check Box */
.filterRow li .checkbox,
.cityOption .checkbox
{
    display: block;
    position: relative;
    padding-left: 3px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	margin:0px;
}
.filterRow li .checkbox input,
.cityOption .checkbox input
{
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.filterRow li .checkbox .checkmark,
.cityOption .checkbox .checkmark
{
    position: relative;
    top: 0px;
    left: 0px;
    height: 17px;
    width: 100%;
    background-color: #ffffff;
	border-radius:0px;
	padding-left:32px;
}

.filterRow li .checkbox:hover input ~ .checkmark,
.cityOption .checkbox:hover input ~ .checkmark
{
    background-color: #ffffff;
}
.filterRow li .checkbox input:checked ~ .checkmark,
.cityOption .checkbox input:checked ~ .checkmark
{
    background-color: #ffffff;
	color:#07d765;
	font-weight:500;
}
.filterRow li .checkmark:after,
.cityOption .checkmark:after
{
    content: "";
    position: absolute;
    display: none;
}
.filterRow li .checkbox input:checked ~ .checkmark:after,
.cityOption .checkbox input:checked ~ .checkmark:after
{
    display: block;
}
.filterRow li .checkbox .checkmark:after,
.cityOption .checkbox .checkmark:after
{
    left: 5px;
    top: 1px;
    width: 4px;
    height: 9px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
	border-color: #07d765;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#4048af!important;}
.mCSB_scrollTools .mCSB_draggerRail{background:#e2e2e2!important;}


.filterPriceRange .searchList ul li{padding-bottom:8px;}
.filterPriceRange .res_Pricing{width:65px; display: inline-block; vertical-align: top; transform:scale(1.3,1.3); transform-origin: left;}

/* ====> restaurantFeatures*/
.restaurantFeatures .searchList{overflow:hidden;}

/* ====> */
.locationRange{
	padding-left:39px;
	padding-top:10px;
	font-size:12px;
	color:#9b9b9b;
}
.nearMeCheckbox
{
	position:absolute;
	top:8px;
	right:-11px;
	z-index:10;
}
.nearMeCheckbox .checkmark{top:0px;}
.nearMeCheckbox input:checked ~ .checkmark{background:#07d765;}

.locationRange:after,
.locationRange form:after{
	content:" ";
	clear:both;
	display:block;
}
.locationRange label{float:left; width:20%;}
.locationRange form{float:right; width:78%;}

input[type=range]
{    
    -webkit-appearance: none;
    border: 1px solid white;   
	width:74%;
}
input[type=range]::-webkit-slider-runnable-track
{
    width:100%;
    height: 5px;
    background: #f0f0f0;
    border: none;
    border-radius: 3px;
}
input[type=range]::-webkit-slider-thumb
{
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #07d765;
    margin-top: -4px;
	cursor: pointer;
}
input[type=range]:focus { outline: none; }
input[type=range]:focus::-webkit-slider-runnable-track { background: #f0f0f0;}
input[type=range]::-moz-range-track
{
    width:100%;
    height: 5px;
    background: #f0f0f0;
    border: none;
    border-radius: 3px;
}
input[type=range]::-moz-range-thumb
{
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #07d765;
	cursor: pointer;
}
/*hide the outline behind the border*/
input[type=range]:-moz-focusring{
    outline: 1px solid white;
    outline-offset: -1px;
}
input[type=range]::-ms-track{
	width:100%;
    height: 5px;
    background: transparent;
    border-color: transparent;
    border-width: 6px 0;
    color: transparent;
}
input[type=range]::-ms-fill-lower {
    background: #777;
    border-radius: 10px;
}
input[type=range]::-ms-fill-upper {
    background: #ddd;
    border-radius: 10px;
}
input[type=range]::-ms-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: goldenrod;
}
input[type=range]:focus::-ms-fill-lower {
    background: #888;
}
input[type=range]:focus::-ms-fill-upper {
    background: #ccc;
}
input[type=range]:disabled,
input[type=range]:disabled::-moz-range-thumb,
input[type="range"]:disabled::-moz-range-track
{cursor: not-allowed;}
input[type=range]:disabled::-moz-range-thumb{background:#e6e6e6;}


.locationRange form input[type="text"]{
	width:20%; float:right; border:1px solid #9b9b9b;
	font-size:12px;
	color:#9b9b9b;
	text-align:center;
}


/*
	================================================
	#Page: Restaurant Listing:: List of Restaurant
	================================================
*/
.resListPageLoader { opacity:0.5; }
.resListPageLoader .cardBox{min-height:935px; text-align:center;}

.listOfRestaurnat .cardBox{padding:0px;}
/* ========= Sorting */
.listSorting{
	padding:20px 20px;
	border-bottom:2px solid #eeeeee;
	text-align:right;
}
.listSorting:after{content:" "; clear:both; display:block;}
.listSorting label{
	float:left;
	color:#9b9b9b;
}
.listSorting .sortingBy{
	float:right;
}
.listSorting a{
	color:#9b9b9b;
	padding:0px 7px;
}
.listSorting a.active,
.listSorting a:hover{
	color:#000000;
}
.listSorting a.active:after{
	content:"\2193";
	font-weight:600;
	font-size:12px;
	padding-left:5px;
}
.listSorting a.down,
.listSorting a.up
{color:#000000;}

.listSorting a.up:after{
	content:"\2191";
	font-weight:600;
	font-size:12px;
	padding-left:5px;
	color:#000000;
}
.listSorting a.down:after{
	content:"\2193";
	font-weight:600;
	font-size:12px;
	padding-left:5px;
	color:#000000;
}
.listLoader{
	background:url('../../images/listing_resturant.gif') repeat-y;
	min-height:935px; /* 187px */
}

/* ========= Listing */
.listOfRestaurnat .restaurantListing{
	margin:0px 0px;
}
/* ==> If Featured Restaurant */
.restaurantListing li.featuredRestaurant{
	background:#fbfbfd;
	border-bottom-width:2px;
	border-color:#ececf7;
	margin:0px 0px;
	padding:20px 20px;
}
.restaurantListing li.featuredRestaurant .featuredRestaurantTag,
.restaurantListing li.newRestaurant .featuredRestaurantTag
{display:block;}
.restaurantListing li.featuredRestaurant .restaurantInfo h2,
.restaurantListing li.newRestaurant .restaurantInfo h2
{padding-right:80px;}

.restaurantListing li.noRatting .restaurantInfo h2{width:100%;}

/* ==> Else Normal Restaurant */
.restaurantListing li{
	border-bottom:1px solid #eeeeee;
	padding:20px 0px;
	margin:0px 20px;
}
.restaurantListing li:last-child{border-bottom:none;}
.restaurantListing .restaurantThumb{width:27%; float:left;  }
.restaurantListing .restaurantInfo {width:70%; float:right; }

.restaurantListing .restaurantThumb img{vertical-align:top;}

.restaurantListing .restaurantInfo .rattingScore{
	/*
	position:absolute;
	top:0px;
	left:0px;
	*/
	float:left;
	margin-right:10px;
}
.restaurantListing .restaurantInfo .featuredRestaurantTag{
	position:absolute;
	top:6px;
	right:0px;
	color:#4048af;
	font-size:12px;
	/*display:none;*/
}
.restaurantListing .restaurantInfo .featuredRestaurantTag:before{
	font-family:FontAwesome;
	content:"\f005";
	margin-right:5px;
}
.restaurantListing .restaurantInfo .featuredRestaurantTag:after
{
	content: attr(data-label);
	font-weight:500;
}

.restaurantListing .restaurantInfo h2,
.restaurantListing .restaurantInfo h3{
	font-size:20px; 
	font-weight:400; 
	/*padding-left:40px;*/
	padding-bottom:10px;
	letter-spacing:0.5px;
	float:left;	
	width:89%;
}
.restaurantListing .restaurantInfo h2 a,
.restaurantListing .restaurantInfo h3 a
{color:#000000;}

.restaurantListing .restaurantInfo .group{clear:both;}
.restaurantListing .restaurantInfo .res_Pricing{
	letter-spacing:3px;
	margin-bottom:4px;
	font-size:14px;
}
.restaurantListing .restaurantInfo .res_Cusisine{
	font-size:13px; 
	font-weight:500;
}
.restaurantListing .restaurantInfo .res_Cusisine a{color:#000;}
.restaurantListing .restaurantInfo .res_Cusisine a:after{
	content:", ";
	display:inline-block;
	padding-right:3px;
}
.restaurantListing .restaurantInfo .res_Cusisine a:last-child:after{content:" ";}
.restaurantListing .restaurantInfo .res_Location{
	font-size:13px; 
	color:#4a4a4a; 
	padding-bottom:7px;
}
.restaurantListing .restaurantInfo .res_Location a{color:#4a4a4a;}
.restaurantListing .resBtns{
	/* width:60%; */
	width:100%;
	float:left;
}
.resBtns a{
	border:2px solid #4048af;
	border-radius:3px;
	padding:6px 20px;
	font-size:13px;
	font-weight:500;	
	background-color:#4048af;
	color:#ffffff;
	margin-right:10px;
}
.resBtns a:before{
	content:"";
	clear:both;
	display:inline-block;
	position:relative;
	top:4px;
	left:-3px;
	width:15px; 
	height:15px;
}
.resBtns a:hover{
	background-color:#2a3184;
	color:#ffffff;
	box-shadow:0px 5px 10px 0px rgba(64, 72, 175, 0.5);
}
.resBtns .reserve,
.resBtns .reserve:hover{
	border-color:#07d765;
	background-color:#07d765;
	color:#ffffff;
}
.resBtns .reserve:hover
{
	background-color:#13a856;
	border-color:#13a856;
	box-shadow:0px 5px 10px 0px rgba(19, 168, 86, 0.5);
}
.resBtns .reserve:before{
	background:url('../../images/reserve_icon.png') no-repeat;
	background-size:15px 15px;
	top:3px;
}
.resBtns .menu:before{
	background:url('../../images/menu_icon.png') no-repeat;
	background-size:15px 15px;
	top:3px;	
}
.resBtns .orderNow, .resBtns .orderNow:hover{
	background:#fff;
	color:#4048af;
	box-shadow:0px 5px 6.37px 0.63px rgba(47, 56, 169, 0.21);
	width:100%;
	margin:0px;
}
.resBtns .orderBtn{}
.resBtns .orderBtn .loader{
	position: absolute;
	top: 0px; left: 0px;
	width: 100%; height: 100%;
	background-color: rgba(255,255,255,0.7);
	z-index: 1;
	text-align: center;
	line-height: 24px;
}
.resBtns .orderBtn .loader span{
	top: 6px;
	border-color: #4048af;
	border-top-color: #fff;
}
.resBtns .orderNow:hover{box-shadow:0px 5px 6.37px 0.63px rgba(47, 56, 169, 0.41);}
.resBtns .orderNow:before{
	background:url('../../images/order_now_blue_icon.png') no-repeat;
	background-size:15px 15px;
	top:3px;	
}

.restaurantListing .restaurantInfo .otherInfo{
	
	/*width:38%; float:right;*/
	width:100%; float:right;
	
	font-size:12px;
	text-align:right;
	padding-top:0px;
	font-weight:400;
	color:#4a4a4a;
}
.restaurantListing .restaurantInfo .otherInfo label{ display:block; padding:2px 21px 2px 0px;}
.restaurantListing .restaurantInfo .otherInfo label:after{
	content:"";
	clear:both;
	display:inline-block;
	position:absolute;
	top:3px;
	right:0px;
	opacity:0.4;
}
.restaurantListing .restaurantInfo .otherInfo label.listIco{}
.restaurantListing .restaurantInfo .otherInfo label.listIco:after{
	background:url('../../images/list_icon.svg') no-repeat scroll 3px 0px;
	background-size:12px 13px;	
	width:18px; 
	height:14px;
}

.restaurantListing .restaurantInfo .otherInfo label.reviewIcon{}
.restaurantListing .restaurantInfo .otherInfo label.reviewIcon:after{
	background:url('../../images/featured_review_icon.svg') no-repeat scroll 3px 0px;
	background-size:13px 13px;	
	width:18px; 
	height:14px;
	
}

.restaurantListing .restaurantInfo .otherInfo label.distanceIco{}
.restaurantListing .restaurantInfo .otherInfo label.distanceIco:after{
	background:url('../../images/map_pin_gray_ico.png') no-repeat scroll 1px 2px;
	background-size:9px;	
	width:18px; 
	height:14px;
	top:2px;
	opacity: 0.7;
}

.restaurantListing .restaurantInfo .otherInfo label.dealIco{}
.restaurantListing .restaurantInfo .otherInfo label.dealIco:after{
	background:url('../../images/deal_icon.svg') no-repeat scroll 1px 2px;
	background-size:15px 12px;	
	width:18px; 
	height:14px;
}

.restaurantListing .restaurantInfo .otherInfo label.eventIco{}
.restaurantListing .restaurantInfo .otherInfo label.eventIco:after{
	background:url('../../images/event_calender_ico.png') no-repeat;
	background-position:center;
	background-size:11px;	
	width:18px; 
	height:14px;
}
.restaurantListing .restaurantInfo .otherInfo .count{
	background:#3f48af;
	border-radius:100%;	
	width:18px;
	height:18px;
	line-height:18px;	
	color:#fff;
	font-size:11px;
	font-weight:500;
	text-align:center;
	margin-right:3px;
}

.outletsList
{
	font-size:14px;
	padding-top:7px;
}

.noRestaurantData
{
	text-align:center;
	padding:40px 0px;
}
.noRestaurantData span, .noRestaurantData label{display:block;}
.noRestaurantData label{padding-top:15px;}

/* <====> list Paging */
.paggingMain
{
	padding:10px 0px 40px 0px;
	position:relative;	
	margin:0px auto;
	color:#818181;
}
.paggingMain:after{content:" "; clear:both; display:block;}
.paggingMain .pagingLeft
{
	float:left;
	width:30%;
	font-size:13px;
	padding-top:5px;
}
.paggingMain .pagginMiddle
{
	float:right;
	width:68%;
	text-align:right;
}
.paggingMain .pagginMiddle .next,
.paggingMain .pagginMiddle .prev
{
	width:30px;
	height:30px;
	text-align:center;
	cursor:pointer;
}
.paggingMain .pagginMiddle .disabled
{
	pointer-event:none;
	color:#333;
	cursor:default;
	opacity:0.3;
}
.paggingMain .pagginMiddle .next:after,
.VuePagination__pagination-item-next-page a:after
{
	content:"\f061";
	font-family:fontAwesome;
}
.paggingMain .pagginMiddle .prev:after,
.VuePagination__pagination-item-prev-page a:after
{
	content:"\f060";
	font-family:fontAwesome;
}
.paggingMain .pagginMiddle .pageNumbers
{
	display:inline-block;
	vertical-align:middle;
}
.pageNumbers ul li { float:left; }
.pageNumbers ul li a
{
	color:#333;
	width:30px;
	height:30px;
	border-radius:100%;
	text-align:center;
	line-height:30px;
	margin:0px 5px;
}
.pageNumbers ul li a:hover
{
	background:#ffffff;
	box-shadow:0px 0px 5px 0px rgba(0,0,0,0.1);
}
.pageNumbers ul li a.active
{
	background:#4048af;
	color:#ffffff;
}
/* =========== */
.multiPage{padding:30px 0px; color:#818181;}
.multiPage:after{content:" "; clear:both; display:block;}
.multiPage .VuePagination__count {float:left; font-size:13px;	padding-top:5px;}
.multiPage .pagination {float:right;}
.multiPage .disabled{opacity:0.3;}
.multiPage .disabled a{pointer-events: none;}

.VuePagination__pagination-item-prev-chunk a:after{content:"\f100";	font-family:fontAwesome;}
.VuePagination__pagination-item-next-chunk a:after{content:"\f101";	font-family:fontAwesome;}
.VuePagination__pagination-item-prev-chunk, .VuePagination__pagination-item-next-chunk{
	font-weight:bold; font-size:21px;
}



/* ==============> */
.pageRestaurantListing .filterPanel .filterSearchResult{}
.pageRestaurantListing .filterPanel .filterSearchResult  ul
{
	background:#ffffff;
	width:250px!important;
	max-height:180px;
	border:1px solid #eeeeee;
	border-top:none;
	z-index:10;
	overflow-y: auto;
	box-shadow:0px 3px 6px 0px rgba(0,0,0,0.2);
	position: absolute;
	top:0px;
	left:0px;
}
.pageRestaurantListing .filterPanel .filterSearchResult  ul li,
.userProfile .filterSearchResult ul li
{
	padding:10px;
	border-bottom:1px solid #eeeeee;
	cursor:pointer;
	font-size: 14px;
	color: #000000;
}
.pageRestaurantListing .filterPanel .filterSearchResult  ul li:hover,
.userProfile .filterSearchResult ul li:hover
{
	background:rgba(0,0,0,0.02);
}
.pageRestaurantListing .filterPanel .filterSearchResult  ul li span.ui-menu-item-wrapper,
.userProfile .filterSearchResult ul li span.ui-menu-item-wrapper,
.filterSearchResult ul li .ui-menu-item-wrapper
{
	font-weight:500!important; 
	color:#04bc57!important;
	border:none;
	background:none;
}

/*
	================================================
	#Page: Restaurant Listing:: Right Panel
	================================================
*/
.listRightPanel{}
.listRightPanel .featuredList
{
	padding-left:0px;
	padding-right:0px;
}
.listRightPanel .featuredList label{padding:0px 15px; margin-bottom:10px; display:block;}
.listRightPanel .featuredList li
{
	padding:10px 15px;
	-webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

.listRightPanel .featuredList .featuredThumb{
	float:left; 
	width:20%;
}
.listRightPanel .featuredList .featuredThumb a
{
	width:55px;
	height:55px;
	overflow:hidden;
	top:3px;
}
.listRightPanel .featuredList .featuredThumb img{
	vertical-align:top;
	
	-webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
			
			transform-origin: center;
}
.listRightPanel .featuredList .featuredInfo{
	float:right; 
	width:75%; 
	line-height:16px; 
	padding-top:9px;
}
.listRightPanel .featuredList .featuredInfo a{
	font-size:14px; color:#000000;
}
.listRightPanel .featuredList .featuredInfo span{
	font-size:13px; color:#4a4a4a;
	display: block;
}

/*
	========================
	#Page: Restaurant Detail
	========================
*/
.resPageLoader { opacity:0.5; }
.restaurantDetail{padding-top:30px; width:70%; float:left;}
.similarPlaces{padding-top:100px; width:28%; float:right;}
.closedRestaurant,
.permanentClosedRestaurant,
.openingSoonRestaurant{
	background:#fffbe2;
	border:1px solid #dad196;
	border-radius:3px;
	padding:5px 20px 5px 40px;
	font-size:14px;	
	display: inline-block;
	top:-5px;
	left: 10px;;
}
.closedRestaurant:before,
.permanentClosedRestaurant:before,
.openingSoonRestaurant:before{
	font-family:"FontAwesome";
	content:"\f071";
	font-size:14px;
	position: absolute;
	top:7px; left:15px;
}
.permanentClosedRestaurant{
	background: #fef2f2;
	border: 1px solid #f0c6c6;
}
.openingSoonRestaurant{
	background: #ebfce1;
	border: 1px solid #b8db8d;
}
.openingSoonRestaurant:before{content:"\f058"; }

.detailRow{	margin-bottom:30px;}
.noMargin{margin:0px;}
.resWidget h2, .resWidget h3{
	font-size:13px; font-weight:400; color:#9b9b9b;
	padding-bottom:10px;
}
.resWidget .widgetContent{font-size:15px;}

/* ==> Res Name */
h1.resName{
	font-size:30px;
	font-weight:400;
}
h1.resName span{color:#4044ab; font-weight:200; font-family: 'Nunito Sans', sans-serif;}

/* ==> Res Cover Image */
.resCoverImage{
	height:255px;
	background-repeat:no-repeat;
	background-position:center;	
	background-color:#f0f0f0;
	background-size:auto;
	border-radius:6px;
	overflow:hidden;
	transition: background 0.3s;
}
.resCoverImage .loader{
	text-align:center;
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
.resCoverImage .loader span{
	top:42%;
	width:40px;
	height:40px;
	border-width:7px;
	border-color:rgba(0,0,0,0.2);
	border-top-color:#04a44c;
}
.resCoverImage .btnWrapper
{
	position: absolute;
	bottom:15px;
	right:15px;
	text-align:right;
}
.resCoverImage .photos a{
	position:relative!important;
	top:auto!important;
	left:auto!important;
	right:auto!important;
	width:100px;
	height:35px;
	line-height:24px;
	text-align:center;
}
.resCoverImage .photos a:before{top:10px!important;}

.resCoverImage .dealsBtn{
	margin-top:15px;
}
.dealsBtn a{
	background:#ffffff;
	font-size:12px;
	padding:12px 15px 12px 55px;
	border-radius:7px;
	border:3px solid;
	border-color: rgba(64, 72, 175,0.5);
	overflow:hidden;
	font-weight:500;
}
.dealsBtn i{
	content:" ";
	display:block;
	background-color:#4048af;
	margin:0px;
	
	position: absolute;
	top:0px;
	left:0px;
	
	width:42px;
	height:100%;
	text-align:center;
	line-height:47px;
	
	-webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}
.dealsBtn i img{
	filter:invert(100%);
	width:18px;	
}

/* ==> Res Actions Links */
.resActionLinks{}
.resActionLinks:after{content:" "; clear:both;display: block;}
.resActionLinks .resBtns  { width:40%; float:left; }
.resActionLinks .resLinks { width:36%; float:right;  margin-right:10px;}
.resActionLinks .resScore { width:18%; float:right; text-align:right; }
.resActionLinks .resBtns{
	display: grid;
	grid-gap: 10px;
	grid-template-columns: repeat(auto-fit, minmax(100px,1fr));
}
.resActionLinks .resBtns a{margin:0px; text-align:center;}
/* ====== */
.resActionLinks .resLinks{font-size:14px; font-weight:500;}
.resActionLinks .resLinks .linkWrapper{
	display:inline-block;
	margin-right:18px; 
}
.resActionLinks .resLinks .linkWrapper .loader{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:1;
	background:rgba(251,251,251,0.8);
	text-align:left;
}
.resActionLinks .resLinks .linkWrapper .loader img{
	width:15px;
	height:15px;
	top:8px;
	background:rgba(251,251,251,1);
}
.resActionLinks .resLinks a{color:#000000; padding:8px 0px 7px 20px;}
.resActionLinks .resLinks a:before,
.resActionLinks .resLinks .favorite:after{
	content:"";	
	font-family:"fontAwesome";
	color:#afafaf;	
	position:absolute;
	top:10px;
	left:0px;	
	-webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}
.resActionLinks .resLinks .writeReview:before{content:"\f044";}
.resActionLinks .resLinks .favorite:before	 {content:"\f004";}
.resActionLinks .resLinks .share:before		 {content:"\f064";}
.resActionLinks .resLinks .share.active{color: #4048af;}
.resActionLinks .resLinks .share.active:before{color: #4048af;}

.resActionLinks .resLinks .favorite:after
{
	content:"\f004"; 
	color: #4048af;
	transform: scale(0,0);
	transform-origin: center;
}
.resActionLinks .resLinks .activeFav{color: #4048af;}
.resActionLinks .resLinks .favorite:hover:before {color:#afafaf;}
.resActionLinks .resLinks .activeFav:after{content:"\f004"; color:#4048af; transform: scale(1,1);}
.resActionLinks .resLinks .activeFav:before{transform: scale(0,0); opacity: 0;}
/* ====== */
#shareOverLay{opacity:0;}
.shareOptions{
	position: absolute; 
	top:40px; left:-45px;
	z-index:101;
	width:150px;
	background:#ffffff;	
	border-radius:7px;
	padding:0px;
	
	-webkit-box-shadow: 0px 0px 24px 0px rgba(12, 12, 12, 0.29);
	-moz-box-shadow: 0px 0px 24px 0px rgba(12, 12, 12, 0.29);
	box-shadow: 0px 0px 24px 0px rgba(12, 12, 12, 0.19);
	
	-webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
	
	transform:scale(1,0);
	transform-origin: top left;
}
.activeShare{ opacity:1; transform: scale(1,1); }
.shareOptions a{display:block; padding:12px 15px 12px 35px!important; border-bottom:1px solid rgba(0,0,0,0.08);}
.shareOptions a:last-child{border-bottom:none;}
.shareOptions a:before{font-family:"fontAwesome";}
.shareOptions a.fb:before{content:"\f09a"; color:#3a41c3; top:13px; left:12px;}
.shareOptions a.em:before{content:"\f0e0"; color:#f8b635; top:13px; left:10px;}
.shareOptions a.wp:before{content:"\f075"; color:#30bb40; top:13px; left:10px;}

/* ====== */
.resScore a{font-size:12px;  color:#9da1d5; padding-right:40px; line-height:17px;}
.resScore a strong{font-size:15px; display:block; color:#4048af; font-weight:500;}
.resScore a .rattingScore{
	position:absolute;
	top:1px;
	right:0px;
}
.noScore {text-align:right; }
.noScore a{padding-right:0px; color:#4048af; text-decoration:underline; font-size:14px; top:6px;}
.resScoreInfo{
	background:#ffffff;
	-webkit-box-shadow: 0px 0px 24px 0px rgba(12, 12, 12, 0.29);
	-moz-box-shadow:    0px 0px 24px 0px rgba(12, 12, 12, 0.29);
	box-shadow:         0px 0px 24px 0px rgba(12, 12, 12, 0.29);	
	border-radius:6px;	
	position:absolute;
	top:-17px;
	right:-135px;
	z-index:10;	
	width:200px;
	padding:20px 30px;
	opacity:0;
	
	-webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
			
	 transform:scale(1,0);
	 transform-origin: top left;	
}
.resScore:hover  .resScoreInfo{opacity:1; transform:scale(1,1);}
.resScoreInfo label{ font-size:10px; display:block; padding:10px 0px; text-align:left;}
.resScoreInfo label strong{font-weight:600; text-transform:uppercase;}
.resScoreInfo label .rattingScore{
	width:27px;
	height:27px;
	line-height:24px;
	font-size:10px;
	
	position:absolute;
	top:4px;
	right:0px;
	border:2px solid #ffffff;
	box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.12);
}
.resScoreInfo label.overallRating{margin-bottom:12px; padding-left:50px; color:#4048af;}
.resScoreInfo label.overallRating .rattingScore{
	width:40px;
	height:40px;
	line-height:36px;
	font-size:14px;
	border:2px solid #4048af;
	background:#ffffff;
	color:#4048af;
	
	top:-5px;
	left:0px;
	right:auto;
}



/* ==> Res Info Left & Right */
.resInfoLeft { width:30%; float:left;  }
.resInfoRight{ width:66%; float:right; }

.listofCuisine a{color:#000;}
.listofCuisine a:after{
	content:", ";
	display:inline-block;
	padding-right:3px;
}
.listofCuisine a:last-child:after{content:" ";}

/* ==> Wid Contact No */
.widContactNo{margin:0px;}
.widContactNo li a{
	color:#000000;
	font-weight:500;
	padding:4px 0px 4px 20px;
	font-size:14px;
}
.widContactNo li a:hover{color:#4048af;}
.widContactNo a.phone:before,
.widContactNo a.website:before{
	content:"";	
	font-family:"fontAwesome";	
	color:#4048af;	
	position:absolute;
	top:5px;
	left:0px;
}
.widContactNo a.website:before{font-family:"fontAwesome";	 content:"\f245";}

.widContactNo a.phone:before
{
	content:"";	
	background:url('../../images/call_ico.png') no-repeat center;
	background-size:13px;
	width:15px;
	height:15px;
	display:inline-block;
	top:0px;
	height:100%;
}

/* ==> Wid Open Hours */
.widopenHour{}
.widopenHour h2 a, .widopenHour h3 a{font-size:12px; margin-left:35px;}

.widopenHour .status span{font-weight:500; font-size:12px;}
.widopenHour .status span:before{font-family:"fontAwesome";	padding-right:8px;}

.widopenHour .status span.openNow{color:#03c45a;}
.widopenHour .status span.openNow:before{content:"\f058";}

.widopenHour .status span.closeNow{color:#ed0000;}
.widopenHour .status span.closeNow:before{content:"\f071";}

.widopenHour li{padding:4px 0px 4px 20px; font-size:14px;}
.widopenHour li:before{
	content:"";	
	font-family:"fontAwesome";
	content:"\f017";	
	color:#4048af;	
	position:absolute;
	top:5px;
	left:0px;
}
.widopenHour li label{position: absolute; top:4px; left:20px;}
.widopenHour li strong{font-weight:500; display:block; padding-left:50px; padding-bottom:4px; font-size:13.5px;}
/*
.widopenHour .viewToday label{position:relative; top:0px; left:0px;}
.widopenHour .viewToday strong{padding-left:0px;}
*/

.widopenHour .overlay{opacity:0;}
.widopenHour .allTime{
	position: absolute; 
	top:0px; left:0px;
	z-index:101;
	width:100%;
	background:#ffffff;
	
	border-radius:7px;
	padding:5px 15px;
	
	-webkit-box-shadow: 0px 0px 24px 0px rgba(12, 12, 12, 0.29);
	-moz-box-shadow: 0px 0px 24px 0px rgba(12, 12, 12, 0.29);
	box-shadow: 0px 0px 24px 0px rgba(12, 12, 12, 0.19);
	
	-webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
			
	 transform:scale(1,0);
	 transform-origin: top left;
}
.widopenHour .activeTime{opacity:1; transform:scale(1,1);}
.widopenHour .allTime li{border-bottom:1px solid rgba(0,0,0,0.08); padding:10px 10px 6px 20px;}
.widopenHour .allTime li:before{top:11px;}
.widopenHour .allTime li:last-child{border-bottom:none;}
.widopenHour .allTime li label{top:10px;}
.widopenHour .allTime strong{font-weight:400;}
.widopenHour .allTime .today, .widopenHour .allTime .today strong{font-weight:500;}

/* ==> Wid Res Pricing */
.resPricing{float:left; width:30%; margin-right:2%;}
.resPricing .res_Pricing{
	transform:scale(1.8,1.8);
	transform-origin:top left;
}
.resPricing .widgetContent{height:30px; width:100px;}
.resPricing .widgetContent .pricing{width:55px;}
.resPricing .widgetContent:hover .pricingInfo{
	opacity:1;
	transform:scale(1,1);
}

/* ==> Wid Featured On List */
.orderModel {position: fixed!important; height:100%;}
.orderModel .modelWrapper{
	max-width: 100%;
	position: fixed;
	top: 0px; left: 0px;
	width: 100%; height: 100%;
	margin: 0px;	
	overflow: hidden;
	background: no-repeat;	
}
.orderModel .modelWrapper iframe{
	width: 460px;
	height: calc(100% - 40px);
	position: fixed;
	top: 20px;
	left: calc(50% - 230px);
	border: none;
	border-radius: 14px;
}
.orderModel .closeModel{
	top: 10px;
	right: calc(50% - 240px);
}
.noModel body{position: relative!important;}
.noModel .outerClickDiv{display:none;}
.noModel, .noModel .modelWrapper{
	all:unset; position:unset!important;
	width:100%!important;
	left:0px!important; top:0px!important;
	transform: none!important;
	overflow: auto!important;
}
.noModel .modelWrapper iframe{
	position:relative !important;
	top:0px!important; left:0px!important; z-index:1;
	width:100%!important;
	left:0px!important; top:0px!important;
	border-radius:0px!important;
}


/* ==> Wid Featured On List */
.featuredOrderNow{float:left; max-width:68%; padding:7px 15px; margin:0px;}

.orderNowSection .loader{
	position: absolute;
	top: 0px; left: 0px;
	width: 100%; height: 100%;
	background-color: rgba(255,255,255,0.7);
	z-index: 1;
	text-align: center;
	line-height: 24px;
}
.orderNowSection .loader span{
	top: 19px;
}
.orderNowSection{
	box-shadow: 0px 5px 6.37px 0.63px rgba(196, 196, 196, 0.21);
	-webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}
.orderNowSection:hover{border-color:#07d765;}
.orderNowSection label{
	font-size: 15px;
	font-weight: 400;
	color: #9b9b9b;
	padding-right:15px;
}
.orderNowSection a{
	background-color: #07d765;
	color:#fff;
	border-radius: 3px;
	padding: 9px 20px;
	font-size: 13px;
	font-weight: 500;
}
.orderNowSection a:hover{background-color: #0ec15f;}
.orderNowSection a:before {
    content: "";
	background: url('../../images/order_now_white_icon.png') no-repeat;
	background-size: auto;
	background-size: 15px 15px;
	top: 3px;
    clear: both;
    display: inline-block;
    position: relative;
    top: 4px;
    left: -3px;
    width: 15px;
    height: 15px;
}
.featuredOnList{
	-webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}
.featuredOnList h2, .featuredOnList h3{padding:0px 0px 3px;}
.featuredOnList .widgetContent{font-size:15px;}
.featuredOnList .widgetContent a{padding-left:20px;}
.featuredOnList .widgetContent a:before{
	content:"";	
	display:inline-block;
	background:url('../../images/list_icon.svg') no-repeat;	
	background-size:13px;
	background-position-y:-31px;
	width:14px; height:18px;
	color:#4048af;	
	position:absolute;
	top:0px;
	left:0px;
}

/* ==> Wid feature Tag */
.widfeatureTag{margin:0px;}
.featureTag{}
.featureTag label{
	background:#f0f0f0;
	font-size:13px;
	font-weight:500;
	padding:5px 10px;
	margin:0px 4px 8px 0px;
}

/* ==> Wid Restaurant address */
.resAddress{ font-weight:500; margin-bottom:20px;}
.resAddress p{padding-bottom:10px; }
.resAddress h2 a, .resAddress h3 a{float:right;}
.resAddress a{font-weight:500; font-size:15px;}
.resAddress a:before{
	font-family: "fontAwesome";
	content: "\f041";
	margin-right:5px;
}

/* ==> Wid Restaurant More Outlets */
.restaurantMoreOutlets{margin-left:-10px;}
.restaurantMoreOutlets h2, .restaurantMoreOutlets h3{padding-left:10px; padding-bottom:4px;}
.restaurantMoreOutlets ul:after{content:" "; display:block;  clear:both;}
.restaurantMoreOutlets ul li{float:left;  padding:4px 0px;}
.restaurantMoreOutlets ul li a{
	border-right:1px solid #cdcdcd; padding:0px 12px;
	font-size:14px; font-weight:500;
	letter-spacing:0.1px;
}
.restaurantMoreOutlets ul li a:hover{text-decoration:underline;}
.restaurantMoreOutlets ul li:last-child a{border:none;}
.restaurantMoreOutlets .viewAllBranchesLink{}

/* ==> Res Featured Reviews */
.resFeaturedReviews{
	clear:both;
	padding:0px;
}
.resFeaturedReviews li{
	margin:0px 15px;
	padding:15px 0px;
	border-bottom:1px solid rgba(0,0,0,0.1);
}
.resFeaturedReviews li:after{clear:both; content:" "; display:block;}
.resFeaturedReviews li:last-child{border:none;}
.resFeaturedReviews li .featuredThumb{ width:35%; float:left; }
.resFeaturedReviews li .featuredInfo { width:62%; float:right; }
.resFeaturedReviews li .featuredThumb a{
	background:#f0f0f0;
	height:160px;
	width:100%;
	line-height:160px;
	text-align:center;
	overflow:hidden;		
}
.resFeaturedReviews li .featuredThumb a img
{
	-webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}
.resFeaturedReviews li .featuredThumb a:hover{background:#e2e2e2;}
.resFeaturedReviews li .featuredInfo label{
	color:#9b9b9b; font-size:12px;
	padding-bottom:10px;
	padding-top:12px;
}
.resFeaturedReviews li .featuredInfo h5
{
	font-weight:400;
	font-size:20px;
	padding-bottom:15px;
}
.resFeaturedReviews li .featuredInfo a{
	border:1px solid #4048af;
	font-size:12px;
	padding:7px 12px;
	border-radius:2px;
}
.resFeaturedReviews li .featuredInfo a:hover
{
	background:#4048af;
	color:#ffffff;
}
/* ==> Res Restaurant Menu */
.resMenu{}
.resMenu ul:after{content: " "; clear: both; display: block;}
.resMenu ul li{float:left; margin-right:10px;}
.resMenu ul li a
{
	width: 110px;
	height: 110px;
	background: #f0f0f0;
	text-align: center;
	line-height: 110px;
	overflow: hidden;
	border-radius: 5px;
	cursor: pointer;
	border: 1px solid rgba(0,0,0,0.2);
}
.resMenu ul li a span{
	display: block;
	background:rgba(0,0,0,0.5);
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
	width:100%;
	height:100%;
	
	font-weight: 500;
	text-transform: uppercase;
	line-height: 110px;
	color:#fff;
	padding:0px 15px 0px;
	transition: all 0.3s ease-out;
 }
 .resMenu ul li a span label{
	vertical-align: middle;
	line-height: normal;
	cursor:pointer;
 }
 .resMenu ul li a img{transition: all 0.3s ease-out;}

/* ==> Res Restaurant Photos */
.resPhotos{}

.resPhotos .viewAll a,
.resCoverImage .photos a
{
	position: absolute;
	top:40px;
	right:0px;
	z-index:10;
	
	background-color:#ffffff;
	border-radius:2px;
	
	padding:5px 10px 5px 25px;
	
	font-weight:500;
	font-size:12px;
	color:#000000;	
	
	-webkit-box-shadow: 0px 0px 12px 0px rgba(17, 17, 17, 0.4);
	-moz-box-shadow:    0px 0px 12px 0px rgba(17, 17, 17, 0.4);
	box-shadow:         0px 0px 12px 0px rgba(17, 17, 17, 0.4);
}
.resPhotos .viewAll a:before,
.resCoverImage .photos a:before
{
	content:" ";
	background:url('../../images/photo.svg') no-repeat;
	background-size:12px;
	background-position:0px 0px;
	width:13px; height:13px;
	display:inline-block;
	
	position: absolute;
	top:6px;
	left:8px;
	
	-webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}
.resPhotos .viewAll a:hover,
.resCoverImage .photos a:hover
{
	background-color:#4048af;
	color:#ffffff;
}
.resPhotos .viewAll a:hover:before,
.resCoverImage .photos a:hover:before
{
	filter:invert(100%);
}
.resPhotos .widgetContent{overflow:hidden;}

.resPhotos .viewAll:after{
	content:"";
	display:block;
	
	position: absolute;
	top:0px;
	right:35px;
	
	width:150px;
	height:115px;
	z-index:5;
	
	background: -moz-linear-gradient(left, rgba(251,251,251,0) 0%, rgba(251,251,251,0.94) 72%, rgba(251,251,251,0.94) 100%);
	background: -webkit-linear-gradient(left, rgba(251,251,251,0) 0%,rgba(251,251,251,0.94) 72%,rgba(251,251,251,0.94) 100%);
	background: linear-gradient(to right, rgba(251,251,251,0) 0%,rgba(251,251,251,0.94) 72%,rgba(251,251,251,0.94) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fbfbfb', endColorstr='#f0fbfbfb',GradientType=1 );
}

ul.imageThumbList:after{content:" "; clear:both; display:block;}
ul.imageThumbList li{width:110px; float:left; margin-right:10px;}
ul.imageThumbList li a{
	width:110px;
	height:110px;
	background:#f0f0f0;
	text-align:center;
	line-height:110px;
	overflow:hidden;
	border-radius:5px;
	cursor:pointer;
	border: 1px solid rgba(0,0,0,0.2)
}
ul.imageThumbList li a img{
	-webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}
ul.imageThumbList li a:hover{opacity:0.8;}
ul.imageThumbList li:last-child{margin:0px;}

.photoLoader{
	background:url("../../images/photo_loader.gif") repeat-x #fbfbfb;
	width:95%;
	min-height:126px;
	position:absolute;
	top:0px;
	left:0px;
}

/* ==> Res Restaurant Events */
.resEvents{}
.resEvents .widgetContent{
	display:inline-block;
}
.resEvents ul{
	display:flex;
}
.resEvents ul:before{
	content:" ";
	display:block;
	clear:both;
}
.resEvents ul li{
	width:280px; 
	float:left;
	padding:10px 15px; 
	font-size:13px; 
	margin-right:15px; 
	margin-bottom:0px;
	
	-webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
			
			cursor:pointer;
}
.resEvents ul li a{
	position:absolute;
	top:0px;
	left:0px;
	width:100%; 
	height:100%;
	z-index:1;
}
.resEvents ul li:last-child{margin-right:0px;}
.resEvents ul li h6{
	font-weight:500; 
	font-size:14px; 
	color:#000000;
}
.resEvents ul li span{
	color:#9b9b9b; 
	display:inline-block; 
	padding-top:0px;
	float:left;
	width:58%;
}
.resEvents ul li strong{
	color:#4048af; 
	font-weight:400;
	display:inline-block;
	float:right;
	width:40%;
	text-align:right;
}
.resEvents ul li p{padding-top:7px; clear:both;}
.resEvents ul li p a{
	position:relative;
	top:auto;
	left:auto;
	width:auto; display:inline-block;
	margin-left:2px;
}
.resEvents .viewAll{
	position: absolute;
	top:0px;
	right:0px;
	height:100%;
}
.resEvents .viewAll:after{
	content:"";
	display:block;
	
	position: absolute;
	top:0px;
	right:-10px;
	
	width:150px;
	height:100%;
	z-index:5;
	
	background: -moz-linear-gradient(left, rgba(251,251,251,0) 0%, rgba(251,251,251,0.94) 72%, rgba(251,251,251,0.94) 100%);
	background: -webkit-linear-gradient(left, rgba(251,251,251,0) 0%,rgba(251,251,251,0.94) 72%,rgba(251,251,251,0.94) 100%);
	background: linear-gradient(to right, rgba(251,251,251,0) 0%,rgba(251,251,251,0.94) 72%,rgba(251,251,251,0.94) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fbfbfb', endColorstr='#f0fbfbfb',GradientType=1 );
}
.resEvents .viewAll a
{
	position: absolute;
	top:calc(50% - 18px); right:0px;
	z-index:10;
	background-color:#ffffff;
	border-radius:2px;	
	padding:5px 10px 5px 30px;
	width:95px;	
	font-weight:500;
	font-size:12px;
	color:#000000;	
	-webkit-box-shadow: 0px 0px 12px 0px rgba(17, 17, 17, 0.2);
	-moz-box-shadow:    0px 0px 12px 0px rgba(17, 17, 17, 0.2);
	box-shadow:         0px 0px 12px 0px rgba(17, 17, 17, 0.2);
}
.resEvents .viewAll a:before
{
	content:" ";
	background:url('../../images/event_calender_ico.png') no-repeat;
	background-size:12px;
	background-position:0px 0px;
	width:13px; height:13px;
	display:inline-block;	
	position: absolute;
	top:6px; left:8px;	
	-webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}
.resEvents .viewAll a:hover{
	background: #4048af;
	color: #ffffff;
}
.resEvents .viewAll a:hover:before{
	filter:invert(100%);
}




/* ========= resOffers */
.resOffers ul
{
	display: grid;
	grid-template-columns: 48% 48%;
	grid-column-gap: 45px;
	padding-right:30px;
}

.resOffers ul li .cardBox{
	/*
		float:left; 
		width:46%;
		margin-right:45px;
	*/
	padding:20px 20px; 
	font-size:14px; 
	 
	margin-bottom:25px;
	
	-webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}
.resOffers ul li .cardBox:hover{border-color:#4048af!important;}
.resOffers ul li h6{
	font-weight:500; 
	font-size:15px; 
	color:#000000;	
}
.resOffers ul li a.overlayLink{
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
	width:100%;
	height:100%;
}
.resOffers ul li section.offerShortDetail
{
	position: absolute;
	top:-7px;
	left:-2px;
	z-index:105;
	width:450px;
	
	border-color:#4048af;
	-webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.47);
	-moz-box-shadow:    0px 0px 25px 0px rgba(0, 0, 0, 0.47);
	box-shadow:         0px 0px 25px 0px rgba(0, 0, 0, 0.47);
}
.resOffers ul li label{ color:#888; padding-top:3px; display:block;}

.resOffers ul li .requirePagePoint{
	position: absolute;
	top: 50%;
	right: -30px;
	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}
.resOffers ul li .requirePagePoint .cir{width:60px; height:60px;}
.resOffers ul li .requirePagePoint .cir strong{font-size:20px; padding-top:12px;}
.resOffers ul li .requirePagePoint .cir span{font-size:7px;}
.resOffers ul li .requirePagePoint .cir.free{
	background: #1ded8e;
	text-shadow: 0px 2px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 10px 20px 0px rgb(157, 228, 195);
}
.resOffers ul li .requirePagePoint .cir.free strong{padding-top:17px;}

.resOffers ul li section.offerShortDetail{
	width:101%;
	top:-2px;
	left:-2px;
	border: 2px solid #4048af;
	background:#fff;
	border-radius:5px;
	box-shadow:none;
	padding: 20px;
	
	opacity:0;
	transform:scale(1,0);
	
	transform-origin:top center;
	
	-webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
			z-index:101;
}
.resOffers ul li section.offerShortDetail span{color:#7d7b7b;}
.resOffers ul li section.offerShortDetail .offerDicTerms .validTil{padding-top:10px;}
.resOffers ul li section.offerShortDetail .offerDicTerms h4{margin:0px; padding:10px 0px 0px; font-weight:400; color:#7d7b7b;}
.resOffers ul li section.offerShortDetail .offerDicTerms p{padding:0px;}

.resOffers ul li:hover{box-shadow:none!important; border-color:#eeeeee!important;}
.resOffers ul li:hover section.offerShortDetail{
	opacity:1; 
	transform:scale(1,1);
	
}


/* ==> Res User Restaurant Reviews Title*/
.reviewTitle{padding:0px 15px 15px;}
.reviewTitle:after{content:" "; clear:both; display:block;}

.reviewTitle .titleHolder{float:left;}
.reviewTitle h2, .reviewTitle h3{font-size:15px; padding-bottom:7px; font-weight:500;}
.reviewTitle .reviewSorting{ font-size:13px; color:#7f7f7f;}
.reviewTitle .reviewSorting label{padding-right:5px;}
.reviewTitle .reviewSorting a{margin-right:8px; color:#7f7f7f; font-weight:500;}

.reviewTitle .reviewSorting a.active{color:#000000;}

.reviewTitle .reviewSorting a.down:after,
.reviewTitle .reviewSorting a.up:after{
	font-size:10px;
	font-weight: bold;
	padding-left:4px;
	color:#000000;
}
.reviewTitle .reviewSorting a.down:after { content:"\2193"; }
.reviewTitle .reviewSorting a.up:after { content:"\2191";}
.reviewTitle .reviewSortLoader{
	background:rgba(255,255,255,0.5);
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	text-align:right;
}
.reviewTitle .reviewSortLoader span{
	right:-23px;
	width:20px; height:20px; border-width:4px;
}



.reviewTitle .ratingInfo{float:right; padding-top:15px;}
.reviewTitle .ratingInfo label{font-size:12px; font-weight:500; margin-right:15px;}
.reviewTitle .ratingInfo label span.rattingScore
{
	width:25px; height:25px; 
	font-size:11px;
	line-height:25px;
	margin-left:5px;
}
.reviewTitle .ratingInfo label span.rattingScore{
	background:none;
	border:1px solid #4048af;
	color:#4048af;
	font-weight:500;
	box-shadow: 0px 3px 5px 0px rgba(64, 72, 175, 0.25);
}
.reviewTitle .ratingInfo label.overall{color:#4048af; font-size:14px;}
.reviewTitle .ratingInfo label.overall span.rattingScore{
	background:#4048af;
	color:#ffffff;
	font-weight:bold;
	border:2px solid #ffffff;
	width:35px; height:35px; font-size:13px; line-height:32px;
}


/* ==> User Restaurant Reviews listing*/
.userReviewListing{font-size:14px;}
.userReviewListing li{padding:15px 10px; color:#5b5b5b;}
.userReviewListing .rattingScore{
	position:absolute;
	top:12px;
	left:10px;
	width:25px;
	height:25px;
	font-size:11px;
	line-height:25px;
}
.userReviewListing h5{font-size:15px; font-weight:500; padding-left:35px;}
.userReviewListing h5 a{color:#000000;}
.userReviewListing h5 a span{font-size:12px; font-weight:400; opacity:0.5;}

.userReviewListing .reviewText{ padding:10px 0px; line-height:22px;}
.userReviewListing .reviewText a{margin-left:10px; text-decoration:underline;}

.userReviewListing .reviewDishes{ padding:0px 0px 10px; line-height:22px; }
.userReviewListing .reviewDishes h4{color:#000; font-weight:500; color:#000;}

.userReviewListing .viewUserRatting{ padding:5px 0px 15px; line-height:22px;}
.userReviewListing .viewUserRatting:after{content:" "; clear:both; display:block;}
.userReviewListing .viewUserRatting label{margin-left:0px; margin-right:15px;}

.userReviewListing .reviewReplay{
	border: 1px solid #e3e3e3;
	border-radius: 3px;
	padding: 8px 11px;
	margin-left: 35px;
	margin-right: 15px;
	margin-top: 10px;
}
.userReviewListing .reviewReplay:before{
	content: " ";
	clear:both;
	position:absolute;
	top:8px; left:-35px; z-index:1;
	width:24px; height:24px;
	background:url('../../images/review_replay_icon.png') no-repeat;
	background-position:center;
	background-size:23px;
}
.userReviewListing .reviewReplay h5{padding:0px 0px 6px; color:#000;}
.userReviewListing .reviewReplay h5 a{color:#000000;}
.userReviewListing .reviewReplay h5 span{font-size:12px; font-weight:400; opacity:0.5;}

.userReviewListing .reviewPhotos{margin-top:5px;}
.userReviewListing .reviewPhotos .imageThumbList li{width:80px; padding:0px;}
.userReviewListing .reviewPhotos .imageThumbList li a{width:80px; height:80px; line-height:80px;}

.userReviewListing .detailLink{padding-top: 15px;}

.userReviewLoader{
	background:url('../../images/review_loader.gif')repeat-y;
	height:500px;
	opacity:0.5;
}

.loadMoreReview{
	border-top:1px solid rgba(0,0,0,0.1);
	font-weight:500;
	text-align:center;
	padding:15px 0px 5px;
}
.loadMoreReview .reviewbtnLoader{
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.9);
	z-index:1;
}
.loadMoreReview .reviewbtnLoader img{width:20px; height:20px; top:15px;}

/* ==> View User Ratting */
.viewUserRatting{}
.viewUserRatting:after{
	content:" "; clear:both; display:block;}
.viewUserRatting label{
	margin-left:15px;
	color:#000; 
	font-weight:500; 
	font-size:12px; 
	float:left;
}
.viewUserRatting label span{
	background: #fff;
	border: 1px solid #4048af;
	border-radius:100%;
	box-shadow: 0px 3px 5px 0px rgba(64, 72, 175, 0.25);	
	width: 25px;
    height: 25px;
    font-size: 11px;
	font-weight: 500;
	color: #4048af;
    line-height: 25px;
	text-align:center;
	margin-left:5px;
}

/* ==> Similar Places Listing */
.similarToRestaurant{padding-top: 55px; color: #c1c1c1;}
.similarToRestaurant.forListing{padding-top:10px;}
.similarToRestaurant h2{font-size:16px; font-weight:400; padding-bottom:10px; color:#c1c1c1;}
.similarToRestaurant .list a{margin-right:1px; font-size:15px; color:#c1c1c1; word-break: break-all; display: inline;}
.similarToRestaurant .list a:hover{}
/*.similarToRestaurant .list a:after{content:","}
.similarToRestaurant .list a:Last-child:after{content:" "}*/


/* ==> Similar Places Listing */
.similarPlaces ul li{font-size:14px; padding:10px 0px;}
.similarPlaces ul li:first-child{padding-top:0px;}
.similarPlaces ul li:last-child{padding-bottom:0px;}
.similarPlaces ul li:after, .similarPlaces ul li .similarInfo:after
{content:" "; clear:both; display:block;}

.similarPlaces ul li .similarThumb{width:23%; float:left;}
.similarPlaces ul li .similarInfo {width:76%; float:right; margin-top: 5px;}

.similarPlaces ul li .similarThumb a{
	width:60px;
	height:60px;
	overflow:hidden;
	background: #f0f0f0;
	text-align:center;
	line-height:60px;
	font-size:12px;
}
.similarPlaces ul li .similarThumb a img{
	-webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}
.similarPlaces ul li .similarThumb a:hover{background:#e2e2e2;}
.similarPlaces ul li .similarInfo .rattingScore{
	width:24px; 
	height:24px;
	line-height:26px;
	font-weight:600;
	font-size:10px;
	float:left;
	margin-right:10px;
}
.similarPlaces ul li .similarInfo h3{
	font-size:14px; 
	font-weight:400; 
	padding-bottom:3px;	
	padding-top:3px;
	float:left;
	width:85%;
}
.similarPlaces ul li .similarInfo h3 a{color:#000000;}
.similarPlaces ul li .similarInfo p{color:#9b9b9b; font-size:12px; float:left; width:68%;}
.similarPlaces ul li .similarInfo .res_Pricing{float:right; width:50px;}

.similarPlaces ul{min-height:400px;}
.similarPlaces ul .loader{
	text-align:center;
	padding:25px 0px;
}



/* ==> allOutletsCard */
.allOutletsCard{
	text-align:center;
	box-shadow: 0px 7px 7px 0px rgba(0, 0, 0, 0.15);
	color:#404040;
}
.allOutletsCard h5{font-size:15px; font-weight:500; margin-bottom:13px}
.allOutletsCard .resBtns{margin-bottom:10px;}
.allOutletsCard .resBtns a{font-size:16px; padding:9px 20px;}
.allOutletsCard label{font-size:13px;}

/*
	========================
	More Restaurant Listing
	========================
*/
.moreRestaurants{margin-top:15px;}
.moreRestaurants h2{font-size:23px; font-weight:400; color:#545454; margin-bottom:20px;}
.moreRestaurants h2 .resBtns{float:right; top:-5px;}
.moreRestaurants h2 .resBtns a{font-size:16px; padding:6px 10px;}
.moreRestaurants .resBtns a:before{display:none;}
.moreRestaurants ul {display:grid; grid-template-columns:18.5% 18.5% 18.5% 18.5% 18.5%; grid-column-gap:1.87%;}
.moreRestaurants ul li {background:#fff; border:1px solid #eeeeee; border-radius:6px; padding:3px; transition:all 0.3s ease-out;}
.moreRestaurants ul li:hover{box-shadow:0px 0px 20px rgba(0,0,0,0.1);}

.moreRestaurants ul li .restaurantThumb{height:163px; border-radius:4px; overflow:hidden;}
.moreRestaurants ul li .restaurantThumb a{width:100%; height:163px; background:#f4f4f4;}
.moreRestaurants ul li .restaurantThumb a img{object-fit:cover; width:100%; height:163px;}

.moreRestaurants ul li .restaurantInfo{padding:10px;}
.moreRestaurants ul li .restaurantInfo .rattingScore{
	float:left; margin-right:8px; 
	width:25px; height:25px; line-height:25px; top:-1px;
	font-size:12px;
}
.moreRestaurants ul li .restaurantInfo h2{font-size:16px; margin-bottom:3px; float:left; width:81%;}
.moreRestaurants ul li .restaurantInfo h2 a{color:#000;}

.moreRestaurants ul li .group{font-size:13px; padding-right:60px; clear:both;}
.moreRestaurants ul li .group a{color:#000;}
.moreRestaurants ul li .group .res_Cusisine a{font-weight:500;}
.moreRestaurants ul li .group .res_Location a{color:#666;}

.moreRestaurants ul li .res_Pricing{position: absolute; bottom:0px; right:0px; width:55px;}

/*
	========================
	#Page: Restaurant Photo Gallery
	========================
*/
.photoGallery{}
.photoGallery h3{
	background:#ffffff;
	border: 2px solid #eeeeee;
	padding:10px 15px;
	font-size:17px;
	border-radius:4px;
	color:#000000;
	font-weight:500;
	margin-bottom:25px;
}
.photoGallery ul.imageThumbList li{ width:165px; margin-bottom:10px; height:165px; overflow:hidden;}
.photoGallery ul.imageThumbList li a{cursor:pointer;}
.photoGallery ul.imageThumbList li a, .photoGallery ul.imageThumbList li a img
{width:165px; height:165px;}

.photoGallery .loadMoreButton{ text-align:center; font-weight:500; padding:0px; margin-top:15px;}
.photoGallery .loadMoreButton .cardBox{padding:0px;}
.photoGallery .loadMoreButton a{display:block; padding:12px;}
.photoGallery .loadMoreButton a:hover{background:rgba(0,0,0,0.02);}
.photoGallery .loadMoreButton .loader{
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.8);
	z-index:1;
}
.photoGallery .loadMoreButton .loader span{	top:13px;}

.loadGalleryPhotos{
	background:url("../../images/photo_loader.gif") repeat-x #fbfbfb;
	background-size:175px 175px;
	width:100%;
	min-height:175px;
	margin-top:15px;	
}


.pageResGallery .resName{padding-right:200px;}
.pageResGallery .resScore{
	position:absolute;
	top:34px;
	right:0px;
}

/*
	========================
	#Page: Restaurant Menu Gallery
	========================
*/
.pageRestaurantMenu .resName{padding-right:200px;}
.pageRestaurantMenu .resScore{
	position:absolute;
	top:34px;
	right:0px;
}

/* === */
.menuGallery .menuCategories{
	padding:0px 15px; 
	margin-bottom:40px; 
	min-height:56px;
	width:100%; 
}
.menuGallery .menuCategories div{
	width: auto;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}
.menuGallery .menuCategories a{
	font-size:16px; 
	font-weight:500; 
	color:#000;
	border-bottom:4px solid transparent;
	padding:14px 20px 12px;
	margin: 0px 1px;
}
.menuGallery .menuCategories a:hover,
.menuGallery .menuCategories a.active{ border-color:#4048af; color:#4048af; }
.menuGallery .menuCategories .loader{
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
	background:rgba(255,255,255,0.8);
	width:100%;
	height:100%;
	text-align:center;
}
.menuGallery .menuCategories .loader span{ top:15px; }

.menuGallery ul.imageThumbList .photoLoader{background-size:190px; min-height:165px;}
.menuGallery ul.imageThumbList li{ width:165px; margin-bottom:10px; height:165px; overflow:hidden;}
.menuGallery ul.imageThumbList li a{width:165px; height:165px;}

/* === */
.menuLoader{position:relative; top:auto; left:auto; width:100%; min-height:500px; background-repeat: repeat; background-size: 178px;}

/* === */
.resMenuInfo{margin-bottom:50px;}
.resMenuInfo .resWidget{margin:0px;}
.resMenuInfo .widContactNo{width:25%; float:left; font-weight:500;}
.resMenuInfo .widCuisine  {width:35%; float:left;}
.resMenuInfo .widAddress  {width:35%; float:right; font-weight:500;}
.resMenuInfo .widgetContent{line-height:22px;}

.resMenuInfo .widContactNo .phone{margin-bottom:4px; padding-left:18px;}
.resMenuInfo .widContactNo .phone:before{top:1px;}
.resMenuInfo .widCuisine .widgetContent{font-size:16px;}
.resMenuInfo .widAddress .widgetContent a{float:right;}

/* === */
.pageRestaurantMenu .similarPlaces{margin-top:30px;}
.pageRestaurantMenu .similarPlaces .cardBox{margin-top:20px;}
.pageRestaurantMenu .similarPlaces .resBtns{margin-bottom:20px;}
.pageRestaurantMenu .similarPlaces .resBtns a{
	display:block; 
	text-align:center; 
	padding:7px;
	border-radius:4px;
	font-weight:500;
	font-size:14px;
}
.pageRestaurantMenu .similarPlaces .dealsBtn a{
	border:none; 
	background:#4048af; 
	color:#ffffff; 
	font-weight:500;
	border-radius:4px;
}
.pageRestaurantMenu .similarPlaces .dealsBtn i{
	background:#ffffff; border-radius:4px;
	width:38px;
	height:85%;
	top:3px;
	left:3px;
	line-height:41px;
}
.pageRestaurantMenu .similarPlaces .dealsBtn i img{filter: invert(0%);}
.pageRestaurantMenu .similarPlaces .dealsBtn a:hover{box-shadow:0px 5px 10px 0px rgba(53, 61, 161, 0.5);}

/*
	========================
	#Page: Write a Review Page
	========================
*/
.wiriteReviewPage{padding-top:25px; width:75%;}
.wiriteReviewPage h1 span{color:#4044ab; font-weight:200;}
.wiriteReviewPage h2{font-size:16px; color:#4048af; padding-bottom:4px;}
.wiriteReviewPage:after{ content:" "; clear:both; display:block;}

/* ====== */
.reviewGuideline{padding-bottom:25px; max-width:550px;}
.reviewGuideline .modelLogo{padding-bottom:20px;}
.reviewGuideline .guidelineText{
	padding:15px 25px;
	max-height:320px;
	overflow:auto;
}
.reviewGuideline .guidelineText h3{text-align:center; padding-bottom:10px;}
.reviewGuideline .guidelineText strong{font-weight:500;}
.reviewGuideline .guidelineText p{padding-bottom:15px; font-size:15px;}
.reviewGuideline .guidelineText ul{margin-left:15px; padding-bottom:15px;}
.reviewGuideline .guidelineText li{font-size:15px; list-style-type:disc; padding-bottom:5px;}

/* ====== */
.writeReviewFor{margin-bottom:45px;padding-right: 200px;}
.addStarRating{float:left; width:25%;}
.addreviewBox{float:right; width:72%;}

/* ====== */
.writeReviewFor .callToRes{
	position: absolute;
	top:2px;
	right:0px;
	text-align:right;
}
.writeReviewFor .callToRes label{font-size:12px; color:#9b9b9b9b; display:block;}
.writeReviewFor .callToRes a{font-weight:500; font-size:14px; color:#000;}
.writeReviewFor .callToRes a:before{
	font-family: "fontAwesome";
	content: "\f095";
	color:#4048af;
	padding-right:9px;
}
/* ====== */
.addStarRating ul{margin-top:25px;}
.addStarRating ul li{ padding-bottom:30px; }
.addStarRating ul li label{display:block; padding-bottom:7px;}

.selectStar i{font-size:26px; padding-right:8px; cursor:pointer;}
.selectStar i:nth-child(5){padding-right:0px;}

.selectStar .fa-star-o:before{color:#dadbee;}
.selectStar .fa-star:before { display:block; }
.selectStar .fa-star:before{
	content: "\f005";
	color:#4048af;
	text-shadow:0px 5px 5px rgba(64, 72, 175, 0.49)!important;
}
.selectStar .selected:before{
	content: "\f005"!important;
	text-shadow:0px 5px 5px rgba(64, 72, 175, 0.49)!important;
	color:#4048af!important;
}
.selectStar .rating-text{
	background:#ffffff;
	font-size:13px;
	padding:3px 5px;
	color:#4048af;
	display:none;
}
.addStarRating .selectStar i:after{
	content: attr(data-rating-text);
	font-size:12px;
	font-family: 'AvenirNext','Nunito Sans', calibri, sans-serif;	
	background:#ffffff;
	font-size:13px;
	padding:5px 8px;
	color:#4048af;	
	position: absolute;
	top:35px;
	left:0px;
	z-index:1;	
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.14);
	border-radius:4px;
	white-space: nowrap;	
	opacity:0;
}
/* ====== */
.addreviewBox p{font-size:12px; color:#545454}
.addreviewBox p a{color:#000000; font-weight:500; margin-bottom:10px;}

.reviewField{margin-top:10px; margin-bottom:45px;}
.reviewField textarea, 
.reviewField input{
	background:#ffffff;
	border:1px solid #cfcfcf;
	width:100%;
	max-width:100%;
	min-width:100%;
	border-radius:3px;
	padding:15px;
	color:#494e63;
}
.reviewField input:hover,
.reviewField textarea:hover{ border-color:#4048af; }
.reviewField .maxChar .charCount{
	color:#999;
	position:absolute;
	bottom:10px;
	right:10px;
	font-size:12px;
	text-align:right
}
.reviewField .maxChar textarea{padding-bottom:30px;}
.reviewField .maxChar .charCount span:after{
	content:"\f164";
	font-family:"FontAwesome";	
	color:#ffcf66;
	padding-left:5px;
}
/* ====== */
.uploadReviewImage{
	background:#ffffff;
	border:3px dashed #cfcfcf;
	padding:25px 15px;
	margin-top:15px;
	text-align:center;
}
.uploadReviewImage span{
	font-size:18px;
	display:block;
	padding-bottom:5px;
	font-weight:500;
}
.uploadReviewImage span label
{
	font-size:14px;
	display:block;
	padding-bottom:5px;
	font-weight:400;
}
.uploadReviewImage strong{display:block; padding-bottom:10px; opacity:0.5; font-weight:400;}
.uploadReviewImage span:before{
	content:" ";
	font-size:50px;
	display:block;
	color:#d3d4e3;
	background:url('../../images/cloude_upload.png') no-repeat top center;
	background-size:80px;
	height:80px;
}
.uploadReviewImage input[type="file"]{position: absolute; bottom:0px; right:0px; width:10px; height:10px; opacity:0;}
.uploadReviewImage a{	
	border:1px solid #4048af;
	font-weight:400;
	color:#4048af;
	padding:7px 20px;
	border-radius:4px;
	cursor:pointer;
}
.uploadReviewImage a label{cursor:pointer;}
.uploadReviewImage a:hover{
	background:#4048af;
	color:#ffffff;	
}
/* ====== */
.viewUploadedImage{padding-top:25px;}
.viewUploadedImage:after{ content:" "; clear:both; display:block;}
.viewUploadedImage span,
.viewUploadedImage .mobileUpload{
	width:122px;
	height:122px;
	display:inline-block;
	border:1px solid #cfcfcf;
	border-radius:5px;
	overflow:hidden;
	margin-right:12px;
	background:#0d0f2a;
}

.viewUploadedImage span:last-child{margin-right:0px;}
.viewUploadedImage span img
{
	position: absolute;
	left: 50%;
	top: 50%;
	z-index:1;
	height: 100%;
	width: auto;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	max-width:none;
	transition: all 0.3s ease-out;
}
.viewUploadedImage span a{
	position:absolute;
	top:0px;
	right:0px;
	background:url('../../images/close_white_cross.png') no-repeat center;
	background-size: 12px;
	text-indent: -500px;
	overflow: hidden;
	width:25px;
	height:25px;
	border-radius:100%;
	z-index:2;
	font-weight:500;
	text-align:center;
	line-height:25px;
	font-size:12px;
	opacity: 0;
}
.viewUploadedImage span:hover img{opacity: 0.4;}
.viewUploadedImage span:hover a{opacity: 0.8;}
.viewUploadedImage span a:hover{opacity: 1;}

.viewUploadedImage .mobileUpload{text-align:center; line-height:120px;}
.viewUploadedImage .mobileUpload img{vertical-align:middle; max-width:50%;}
.viewUploadedImage .mobileUpload input{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:1;
	opacity:0;
}

.writeReviewValidation{
	background:#fff2f2;
	border:1px solid #f0a8a8;
	padding:10px 10px 10px 40px;
	border-radius:4px;
	margin-top:25px;
	font-size:14px;
	text-align:center;
	color: #230b0b;
}
.writeReviewValidation:before
{
	font-family:"fontAwesome";
	content:"\f071";
	color: #e38787;
	position:absolute;
	top:9px;
	left:15px;
	font-size:17px;
}
    

/* ====== */
.reviewSubmit{margin:60px 0px; display:block; text-align: center;}
.reviewSubmit .btn{
	background:#07d765;
	font-weight:800;
	color:#ffffff;
	padding:12px;
	width:100%;
	max-width:250px;
	border-radius:4px;
	cursor:pointer;
}
.reviewSubmit .btn:hover{background:#0db157; box-shadow: 0px 5px 10px 0px rgba(19, 168, 86, 0.5);}
.reviewSubmit .btn:disabled{background:#81e8b0; cursor: not-allowed;}
.reviewSubmit .btn:disabled:hover{box-shadow:none;}
.reviewSubmit .loader{
	position:absolute;
	top:0px;
	left:0px;	
	width:100%;
	height:100%;
	z-index:1;
	text-align:center;
}
.reviewSubmit .loader label{padding: 8px 0px 3px; cursor: default; background:#07d765;}
.reviewSubmit .loader label:hover{box-shadow: none; background:#07d765;}
.reviewSubmit .loader label span{
	width: 25px;
	height: 25px;
	border-width: 5px;
}
/* ====== Review Success */
.reviewSuccess h2, .reviewSuccess h3{font-size:22px; font-weight:400; padding-top:10px; padding-bottom:5px;}
.reviewSuccess p{opacity:0.8}
.reviewSuccess span:before{
	font-family: "fontAwesome";
	content: "\f058";
	color:#07d765;
	font-size:70px;
	line-height:40px;
	text-shadow: 0px 5px 9px rgba(7, 215, 101,0.3);
}


/*
	========================
	#Page: Page Point Offer
	========================
*/
.requirePagePoint{}
.requirePagePoint .cir{
	background: #4048af;
	width: 75px;
	height: 75px;
	color: #fff;
	border-radius: 100%;
	text-align: center;
	overflow: hidden;
	box-shadow: 0px 10px 20px 0px rgba(64, 72, 175, 0.23);

	-webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}
.requirePagePoint .cir strong{
	display: block;
	font-weight: 600;
	font-size: 24px;
	line-height: 20px;
	padding-top:20px;
}
.requirePagePoint .cir span{
	text-transform: uppercase;
	font-size: 9px;
	font-weight: 500;
	top: -5px;
	opacity: 0.5;
}
/*  ============ */
.earningPagePoint{
	margin: 4% auto 0px auto;
	max-width: 620px;
}
.earningPagePoint h2{
	font-size: 30px;
	font-weight: 500;
	margin-bottom: 25px;
	text-align: center;
}
.earningPagePoint ul li{
	border-radius: 4px;
  	background-color: #fff;
	box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.04);
	margin: 40px 0px;
	padding: 40px 80px 40px 30px;

	-webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}
.earningPagePoint ul li label{
	font-size: 22px;
	font-weight: 500;
	color: #4048af;
	padding-bottom: 15px;
	display: block;
}
.earningPagePoint ul li p{
	font-size: 17px;
}
.earningPagePoint ul li .requirePagePoint{
	position: absolute;
	top: 50%;
	right: -35px;
	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}
.earningPagePoint ul li:hover{
	box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.1);
}
.earningPagePoint ul li:hover .requirePagePoint .cir{
	box-shadow: 0px 20px 30px 0px rgba(64, 72, 175, 0.45);
}
/*  ============ */
.someOffer{
	margin: 8% auto 0px;
	width: 80%;
}
.someOffer h2{
	font-size: 30px;
	font-weight: 500;
	margin-bottom: 25px;
	text-align: center;
}
.someOffer ul{
	display: grid;
	grid-template-columns: 50% 50%;
	grid-column-gap: 2px;	
}
.someOffer ul li{
	margin: 5px;
	background: #fff;
	border-radius: 4px;
	border: 2px solid #eeeeee;
	padding: 20px 20px;
}
.someOffer ul li .img{width: 20%; float: left;}
.someOffer ul li .info{ width: 80%; float: right; }
.someOffer ul li .img a{
	width: 65px;
	height: 65px;
	box-shadow: 0px 6px 14px 0px rgba(0, 0, 0, 0.1);
	text-align: center;
	line-height: 65px;
	overflow:hidden;
}
.someOffer ul li .img a img{max-width: 100%; vertical-align: middle;}
.someOffer ul li .info label{font-weight: 500; font-size: 17px; padding-top: 10px; display: block;}
.someOffer ul li .info label a{color: #000;}
.someOffer ul li .info span{font-size: 14px; color: #a3a3a3; display: block;}
.someOffer ul li .pre{clear: both; padding-top: 15px; line-height: 22px; max-height: 80px; overflow: hidden;}
.someOffer ul li .pre:after{
	content: " ";
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 20px;
	background: #fff;
	opacity: 0.8;
	display: none;
}
.someOffer .btn{text-align: center; padding: 45px 0px 25px;}
.someOffer .btn a{
	border: 2px solid #4048af;
	border-radius: 3px;
	padding: 8px 15px;
}
.someOffer .btn a:hover{
	background: #4048af;
	color: #fff;
	box-shadow: 0px 3px 7px 0px rgba(64, 72, 175, 0.4);
}
.boxLoader li{text-align: center;}

.someOffer .singelOffer{ text-align: center; display: block;}
.someOffer .singelOffer li{width:50%; text-align: left; display: inline-block;}

/*
	========================
	#Page: Offer Listing
	========================
*/
.offerListing{
	margin: 5% auto;
	width: 880px;
}
/* ========= */
.offerSorting{
	padding: 15px 25px;
	border-bottom: 2px solid #ececf7;
}
.offerSorting .offerSortOption{display:inline-block;}
.offerSorting label{color: #9b9b9b; padding-right: 15px;}
.offerSorting a{color: #9b9b9b; margin: 0px 9px;}
.offerSorting a:hover, .offerSorting a.active{color: #000;}
.offerSorting strong{
	color: #5446a7;
	position: absolute;
	top: 15px;
	right: 30px;
	font-weight: normal;
}

.offerSorting a.down{color:#000;}
.offerSorting a.down:after
{
	content:" ";
	font-weight:600;
	font-size:12px;
	margin-left:5px;
	color:#000000;
	background: url('../../images/down_arrow.png') no-repeat;
	background-size: 8px;
	width: 10px;
	height: 12px;
	display:inline-block;
	top: 2px;
	position: relative;
}


/* ========= */
.offerLoader{
	background: url('../../images/offer_listing.gif') repeat-y top center;
	min-height: 700px;
	margin: 15px 0px;
}

/* ========= */
.offerListing .cardBox{padding: 0px;}
.offerListing ul li{
	padding: 35px 25px;
	display: grid;
	grid-template-columns: 18% 83%;
	border-bottom: 2px solid #ececf7;
}
.offerListing ul li:nth-child(odd){background: #fbfbfd;}
.offerListing ul li:last-child{border: none;}
.offerListing ul li:hover{border-width: 3px;}
.offerListing ul li:hover .requirePagePoint .cir{box-shadow: 0px 20px 30px 0px rgba(64, 72, 175, 0.45);}

/* ======= */
.offerListing ul li .offerImage{
	display:grid;
	align-content: center;	
}
.offerListing ul li .offerImage a{
	width: 120px;
	height: 120px;
	padding: 2px;
	background: #fff;
	box-shadow: 0px 6px 14px 0px rgba(0, 0, 0, 0.1);
	text-align: center;
	line-height: 120px;
	/*
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	top: 50%;
	*/
}
.offerListing ul li .offerImage a img{}
/* ======= */
.offerListing ul li .offerInfo{padding-right: 135px;}
.offerListing ul li .offerInfo label{font-weight: 500; font-size: 20px; display: block; padding-bottom: 0px;}
.offerListing ul li .offerInfo label a{color: #000;}
.offerListing ul li .offerInfo span{font-size: 16px; color: #a3a3a3; display: block;}
.offerListing ul li .offerInfo .pre{clear: both; padding-top: 10px; line-height: 23px; }

.offerListing ul li #forMobile{display: none; clear: both;}
/* ======= */
.offerListing ul li .requirePagePoint{
	position: absolute;
	top: 50%;
	right: 25px;
	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}
.offerListing ul li .requirePagePoint .cir{width: 100px; height: 100px;}
.offerListing ul li .requirePagePoint .cir strong{padding-top: 35px;}
/* ======= */
.offerListing ul li .requirePagePoint .cir.free{
	background: #1ded8e; 
	text-shadow: 0px 2px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 10px 20px 0px rgb(157, 228, 195);
}

/* ======== */
.offerPagging{padding: 25px 0px;}


/*
	========================
	#Page: Voucher Redeem
	========================
*/
.voucherRedeem{ margin: -90px auto 5% auto; width: 100%; max-width: 600px; text-align: center;}
.voucherRedeem .voucherLogo{text-align: center; margin-bottom: 70px;}
.voucherRedeem .voucherLogo span{
	width: 180px;
	height: 180px;
	line-height: 180px;
	box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.2);
	background: #fff;
	text-align: center;
	overflow: hidden;
	padding:2px;
}
.voucherRedeem .voucherLogo span img{}
.voucherRedeem h4{font-size: 30px; font-weight: 500;}
.voucherRedeem label{
	font-size: 20px; color: #a0a0a0;
	display: block;
	margin: 0px 0px 15px;
}
.voucherRedeem label:before{
	font-family: "fontAwesome";
	content: "\f041";
	font-size: 15px;
	margin-right: 5px;
	vertical-align: middle;
}
.voucherRedeem p{
	font-size: 18px;
	padding: 15px 0px 45px;
}
.voucherTerms{
	background: #f3f3f3;
	border-radius: 10px;
	padding: 15px 20px;
	text-align: left;
	font-size: 14px;
	color: #7d7d7d;
}
.voucherRedeem .redeemBtn{margin-top: 35px;}
.voucherRedeem .redeemBtn .btn{display: inline-block;}
.voucherRedeem .redeemBtn .btn a{
	background: #4048af;
	color: #fff;
	border-radius: 5px;
	padding: 12px 20px 12px 55px;
	font-weight: 500;
}
.voucherRedeem .redeemBtn .btn a:before{
	content: " ";
	width: 35px;
	height: 35px;
	background: url('../../images/deal_icon.png') no-repeat center #fff;
	background-size: 20px;
	border-radius: 3px;
	display: inline-block;

	position: absolute;
	top: 5px;
	left: 5px;
}
.voucherRedeem .redeemBtn .btn.disabled{opacity: 0.5;}
.voucherRedeem .redeemBtn .loader{
	background: #4048af;
	border-radius: 5px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	width: 100%;
	height: 100%;
	cursor: wait;
}
.voucherRedeem .redeemBtn .loader span{ top:12px; border-color:#8187d5; border-top-color: #fff; }
.voucherRedeem .redeemBtn p{font-size: 12px; color: #7f7f7f;}

/* ==== Voucher Model */
.voucherModel{}
.voucherModel .modelLogo{padding-bottom: 15px;}
.voucherModel .confirmDedication{text-align: center; padding: 20px 0px;}
.voucherModel .confirmDedication p{font-size: 18px;}
.voucherModel .confirmDedication strong{font-weight: 600; font-size: 30px; display: block; margin-bottom: 5px;}

.voucherModel .confirmDedication .btn{width: 60%; margin: 45px auto 25px;}
.voucherModel .confirmDedication .btn a{width: 100%; }
.voucherModel .confirmDedication .loader{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	background: #07d765;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	cursor: wait;
}
.voucherModel .confirmDedication .loader span{top:8px;}

/* ==== Voucher Redeem From */
.voucherForm{margin: 10% auto 0px auto; max-width: 400px; text-align: left;}
.voucherForm li{padding-bottom: 20px;}
.voucherForm .label{font-size: 16px; font-weight: 500; color: #4048af; padding-bottom: 10px;}
.voucherForm .input{
	width: 100%;
}

.voucherForm li .formButton{width: 80%; margin: 15px auto 25px; text-align: center;}
.voucherForm li .formButton button{
	width: 100%; 
	font-size:17px;
	font-weight: 800;
	padding: 10px;
	cursor:pointer;
}
.voucherForm li .formButton .loader{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	background: #07d765;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	cursor: wait;
}
.voucherForm li .formButton .loader span{top:10px;}

/*
	========================
	Voucher Card
	========================
*/
.voucherCard{
	display:grid;
	grid-template-columns: 22% 74%;
	grid-column-gap: 20px;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.04);
	padding: 15px;
}
/* ======= */
.voucherCard .voucherLogo{
	text-align: center;
	display:grid;
	align-content: center;
}
.voucherCard .voucherLogo span{
	/*-ms-transform: translateY(-50%); 
	transform: translateY(-50%); 
	top: 50%;*/
}
.voucherCard .voucherLogo img{vertical-align: top;}
/* ======= */
.voucherCard .voucherInfo{padding: 15px 0px;}
.voucherCard .voucherInfo:after{content: ""; clear: both; display: block; }
.voucherCard .voucherInfo h3{font-weight: 500; font-size: 20px; display: block; padding-bottom: 5px; word-wrap: break-word;}
.voucherCard .voucherInfo h4{font-size: 16px; color: #a3a3a3; display: block; font-weight: 400; padding-bottom: 10px;}
.aboutVoucher{padding-top: 5px;}
.aboutVoucher label{color: #7f7f7f; display: inline-block; font-size: 14px;}
.aboutVoucher label span{
	color: #4048af; border-radius: 4px;
	border:1px solid #4048af;
	padding: 5px 10px;
	display: inline-block;
	font-weight: bold;
}
.aboutVoucher label.right{ float: right;}

/*
	========================
	#Page: Voucher Redeem Successfully
	========================
*/
.subTitleTextSmall{font-size: 16px!important; font-weight: normal!important;}
.subTitleTextSmall a{color:#fff; }
.subTitleTextSmall a:hover{text-decoration:underline;}
.redeemSuccessfully{ margin: -90px auto 5% auto; width: 100%; max-width: 700px;}
.redeemSuccessfully .voucherTerms{margin: 8% 8% 2%;}
.redeemSuccessfully .btn{text-align: center; padding-top:35px; margin-top:0px;}

.redeemSuccessfully a.viewAll{
	font-weight:400;
	font-size:16px;
	padding-right:22px;
	margin-left:25px;
}
.redeemSuccessfully a.viewAll:hover:after{opacity:1;}
.redeemSuccessfully a.viewAll span{
	position:absolute;
	top:2px;
	right:0px;
	width:12px;
	height:20px;

	background:url('../../images/see_all_arrow.png') no-repeat ;
	background-size:12px;
	background-position:center;
}

/*
	========================
	#Page: User Profile
	========================
*/
.userProfile .heroBanner{height:500px; }
.userProfile .heroBanner:before{opacity: 0.4;}
.userProfile .heroBanner .bannerTitle{padding-top: 4%;}
.userProfile .heroBanner .bannerTitle h1{font-size:35px; font-weight:300;}
/* ======= */
.profileStates{ text-align: center; padding: 65px 0px;}
.profileStates li{display: inline-block; margin: 0px 45px; vertical-align: top;}
.profileStates li:first-child{margin-left: 0px;}
.profileStates li:last-child{margin-right: 0px;}
.profileStates label{display: block; font-size: 26px; font-weight: 400;}
.profileStates label span{font-style: italic;}
.profileStates strong{display: block; font-size: 50px;}
.profileStates a{font-weight: 500; font-size: 14px; color: #fff; opacity: .5;}
.profileStates a:hover{opacity: 1;}
/* ======= */
.profile{padding: 0px 25px 25px;}
/* ======= */
.profilePhoto{text-align: center; margin-top: -75px;}
.profilePhoto span{
	width: 150px;
	height: 150px;
	line-height: 140px;
	box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.2);
	border:3px solid #fff;
	border-radius: 7px;
	background: #fff;
	text-align: center;
	overflow: hidden;
}
.profilePhoto span img{vertical-align: middle;}
.profilePhoto a.upload{
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%; height:30px;
	overflow:hidden;
	background:rgba(0,0,0,0.7);
	color:#fff;
	font-size:13px;
	font-weight:bold;
	line-height: 28px;
	
	-webkit-transform: translate3d(0,100%,0);
	-moz-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
	
	-webkit-transition: -webkit-transform 350ms ease;
	-moz-transition: -moz-transform 350ms ease;
	transition: transform 350ms ease;	
	cursor:pointer;
}
.profilePhoto a.upload input{
	position:absolute;
	top:0px;
	left:0px;
	width:100%; height:100%;
	opacity:0;
	cursor:pointer;
}
.profilePhoto a.deletePic{
	position:absolute;
	top:0px;
	right:0px;
	width:30px; height:30px;
	overflow:hidden;
	background:#4048af;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	line-height: 28px;
	
	-webkit-transform: translate3d(100%,0,0);
	-moz-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
	
	-webkit-transition: -webkit-transform 350ms ease;
	-moz-transition: -moz-transform 350ms ease;
	transition: transform 350ms ease;	
	cursor:pointer;
}
.profilePhoto span:hover a.upload,
.profilePhoto span:hover a.deletePic,
.showphotoAction a.upload,
.showphotoAction a.deletePic
{
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/* ======= */
.deletePhotoModel{text-align:center; padding-bottom:35px;}
.deletePhotoModel p{ font-size:22px; padding-bottom:20px;}
.deletePhotoModel .red{background:#f78888; margin:0px 15px;}


/* ======= */
.profileModel{}
.profileModel .modelWrapper{width:330px; max-width:400px;}
.profileModel .modelWrapper h3{
	padding:13px 15px; border-bottom:2px solid rgba(0,0,0,0.1); 
	font-weight:500;
	font-size:16px;
}
.profileModelContent{padding:15px;}

.profileModelContent .cr-slider-wrap{text-align:left!important; margin:15px 0px 15px 0px!important; width:100%!important; height:30px;}
.profileModelContent .cr-slider-wrap input{
	z-index:10; width:58%; vertical-align:top; padding-top:0px;
	position:absolute;
	top:3px; left:0px;
	
}
.profileModelContent .rotateBtn{ text-align:right; float:right; top:0px;}
.profileModelContent .rotateBtn button{background:none; cursor:pointer; opacity:0.5;}
.profileModelContent .rotateBtn button:hover{opacity:1;}
.profileModelContent .formButton{margin:15px 0px;}
.profileModelContent .formButton .button{padding: 10px 25px; width:100%; text-align:center; cursor:pointer;}
.profileModelContent .formButton .loader{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	background: #07d765;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	cursor: wait;
	text-align:center;
}
.profileModelContent .formButton .loader span{top:7px;}

/* ======= */
.profile ul{margin-top: 7%;}
.profile ul::after{content: " "; clear: both; display: block;}
.profile ul li{
	float: left; 
	width: 200px; 
	min-height: 95px;
	margin: 15px 0px 0px;
	padding-right: 10px;
}
.profile ul li label{
	display: block; 
	font-size:14px; 
	color: #9b9b9b; 
	margin-bottom: 12px;
}
.profile ul li span{
	display: block; font-weight: 500; 
	white-space: nowrap;	
	overflow: hidden; 
	text-overflow: ellipsis;
	width: 100%;
}
.profile ul li .input, .dateField{width: 95%;}
.profile ul li .dateField input
{
	background:url('../../images/calender_ico.png') no-repeat #fff;
	background-size:19px;
	background-position:95% 14px;
}
.profile ul li .validation strong{font-weight: 400;}
.profile ul li.address{width: 600px;}

.noTextOverflow{white-space: inherit!important;}
.wordBreak{word-break: break-all;}

/* ======= */
.profile ul.editForm li{min-height: auto; width: calc(100%/4); margin-bottom: 25px;}
.profile ul.editForm li label{
	color: #4048af;
	font-weight: 500;
	font-size: 17px;
}
.nickName{}
.nickName .uniqueLoader{position:absolute; top:15px; right:10%; z-index:1;}


/* ======= */
.profile ul.changePassFrom{max-width: 350px; margin-left: auto; margin-right: auto;}
.profile ul.changePassFrom li{float:none; width: 100%;}

/* ======= */
.profile .myButtons{margin-top:4%;}
.profile .myButtons{text-align: center;}
.profile .myButtons .btn{display: inline-block; margin: 0px 10px;}
.profile .myButtons .btn a{background: #4048af;}
.profile .myButtons .btn input{
	font-weight: 700; 
	box-shadow: 0px 13px 10px 0px rgba(139, 209, 171, 0.42);
	padding: 12px 35px;
}
.profile .myButtons .btn .loader{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	background: #07d765;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	cursor: wait;
}
.profile .myButtons .btn .loader span{top:7px;}
/* ======= */
.favCuisineList{padding: 20px;}
.favCuisineList h2{font-size: 23px; text-align: center; font-weight: 400; padding: 0px 0px 18px 0px;}
.favCuisineList h2 strong{font-weight: 500; color: #4048af; font-style: italic;}
.favCuisineList .searchFavCuisine{z-index: 1;}
.favCuisineList .searchFavCuisine .input{
	border-width: 2px; 
	border-radius: 4px;
	box-shadow: 0px 8px 7px 0px rgba(0, 0, 0, 0.08); 
	padding: 12px 15px;
	width:100%;
}
.favCuisineList .searchFavCuisine .input:focus{
	border-color:#4048af;
	box-shadow: 0px 8px 7px 0px rgba(64, 72, 175, 0.08);
}
.userProfile .filterSearchResult ul{max-height:200px; overflow:auto;}
.favCuisineList .filterRow
{
	margin: 20px 0px; 
	padding: 0px;
	overflow: hidden;
	overflow-y: auto;
	max-height: 280px;
}
.favCuisineList .filterRow ul:after{content: " "; clear: both; display: block;}
.favCuisineList .filterRow ul li{width: calc(100%/3); float: left; margin: 5px 0px;}
.favCuisineList .filterRow ul li label{font-size: 14px; color: #000;}
.favCuisineList .filterRow ul li .checkbox .checkmark{
	padding-left: 23px;
	white-space: nowrap; 
	overflow: hidden;
	text-overflow: ellipsis;
}
.favCuisineList .loadMore{padding: 20px 0px 0px 0px; border-top:1px solid rgba(0,0,0,0.05);}
.favCuisineList .loadMore .roundBtn{background: #4048af; color: #fff; padding: 5px 20px;}


/*
	========================
	#Page: My Voucher Listing
	========================
*/
.myVoucher{ margin: -90px auto 5% auto; width: 100%; max-width: 700px;}
.myVoucher .boxLoader ul li .voucherCard{display: block; min-height: 200px;}
.myVoucher .boxLoader ul li .voucherCard .spinLoader{margin-top: 10%;}
.myVoucher li{margin-bottom: 50px;}
.myVoucher li .voucherCard{box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.04); padding-bottom: 40px;}
.myVoucher li .voucherCard h3 a{color:#000;}
.myVoucher li .vBtn{
	position: absolute;
	bottom: -20px;
	left: 0px;
	z-index: 1;
	width: 100%;
	text-align: center;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}
.myVoucher li .vBtn a{padding:12px 25px;}
/* ====== */
.myVoucher li.redemptionProgress .voucherLogo,
.myVoucher li.redemptionProgress .voucherInfo,
.myVoucher li.redemptionProgress .vBtn
{opacity: 0.5;}
a.redemptionProgressBtn,
a.redemptionProgressBtn:hover
{
	background: #fff; 
	color: #4048af; 
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.04);
}
/* ====== */ 
.noVoucher{text-align: center;}
.noVoucher h2{font-size: 33px; font-weight: 400;}
.noVoucher h2 strong{color: #4048af; font-weight: 500;}
.noVoucher p{font-size: 17px; color: #8588a9; margin-bottom: 15px;}

/*
	========================
	#Page: My Voucher Detail
	========================
*/
.myVoucherDetail{ 
	margin: -90px auto 5% auto; width: 100%; max-width: 700px;
	background: #fff;
	box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.04);
	border-radius: 5px;
	padding: 40px;
	font-size: 14px;
}
.myVoucherDetail .voucherCard{box-shadow: none; padding: 0px;}
.myVoucherDetail .voucherDetail{ padding: 5% 0px;}
.myVoucherDetail .voucherDetail h5{padding-bottom: 10px; font-weight: normal; font-size: 14px;}
.myVoucherDetail .voucherTerms{margin-bottom: 67px;}
.myVoucherDetail .btn{width: 45%; margin: 45px auto 15px; text-align: center;}
.myVoucherDetail .btn a{width: 100%; max-width: 50%;}
.myVoucherDetail .loader{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	background: #07d765;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	cursor: wait;
}
.myVoucherDetail .loader span{top:7px;}
.myVoucherDetail .btn a.redemptionProgressBtn{max-width: 90%;}
/* ========== Avail Voucher Form */
.availVoucher .enterPin{padding: 15px 25px 25px 25px; text-align: center; min-height: 200px;}
.availVoucher .enterPin p{font-size: 18px; margin-bottom: 20px;}
.availVoucher .enterPin .pinInputs .loader{
	position: absolute;
	top:0px;
	left: 0px;
	z-index: 1;
	width: 100%;
	height: 50px;
	background: rgba(255,255,255,0.7);
}
.availVoucher .enterPin .pinInputs .loader span{top:15px;}
.availVoucher .enterPin .pinInputs input{
	border:1px solid rgba(0,0,0,0.2); 
	border-radius: 5px;
	width: 50px; height:50px;
	margin: 0px 5px;
	text-align: center;
	font-size: 25px;
	font-weight: 800;	
}
.availVoucher .enterPin .pinInputs input:focus { border-color: #4048af; box-shadow: 0px 3px 7px 0px rgba(64, 72, 175, 0.51); }
.availVoucher .enterPin .pinError{text-align: center; color: red; padding-top: 10px;}
/* ========== */
.availVoucher .validPin{padding: 15px 25px 25px 25px; text-align: center; min-height: 200px;}
.availVoucher .validPin p{font-weight: 500;}
.availVoucher .validPin label{display: block; padding-top:25px; padding-bottom: 15px;}
.availVoucher .validPin strong{
	font-size: 25px; 
	border:2px dashed #4048af; 
	padding: 5px 15px; 
	color: #4048af; 
	border-radius: 5px;
	background: #fff;
}
/*
	========================
	#Page: ppStatement
	========================
*/
.ppStatement{padding-bottom:35px;}
.totalBalance{
	width:100%;
	max-width:390px;
	box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.2);
	margin:-34px auto 65px auto;
	padding:10px;
	min-height:68px;
}
.totalBalance:after{content:""; clear:both; display:block;}
.totalBalance strong{
	float:left;
	font-weight:500;
	font-size:17px;
	top:10px;
	left:10px;
}
.totalBalance label{
	float:right;
	text-align:right;
	background:#11d96c;
	padding:5px 25px;
	color:#fff;
	text-align:center;
	font-weight:500;
	font-size:25px;
}
.statementList{
	width:100%;
	max-width:900px;
	margin:0px auto 45px;
	padding:0px;
}
.statementList ul li{
	display:grid;
	grid-template-columns: 6% 18% 50% 13% 13%;
	border-bottom:1px solid rgba(0,0,0,0.05);
}
.statementList ul li:nth-child(odd){background:#fafafa;}
.statementList ul li:hover{
	background:#ffffe8;
	box-shadow: 0px 7px 6px 0px rgba(198, 198, 198, 0.24);
	z-index:1;
}
.statementList ul li div{padding:15px; border-right:1px solid rgba(0,0,0,0.05);}
.statementList ul li.title{border-width:2px; font-weight:500; background:#fff;}
.statementList ul li.title:hover{box-shadow:none;}
.statementList ul li div[name="description"] span{display:none;}

.statementList .getDataLoader{text-align:center; padding:10% 0px;}

.ppStatement .loadMore{text-align:center;}
.ppStatement .loadMore a.roundBtn,
.ppStatement .loadMore .loader
{
	font-weight:500;
	background:#fff;
	border:2px solid #4048af;
	padding:7px 15px;
	border-radius:4px;
	box-shadow: 0px 7px 6px 0px rgba(64, 72, 175, 0.24);
}
.ppStatement .loadMore a:hover,
.ppStatement .loadMore .loader
{color:#fff; background:#4048af;}

.ppStatement .loadMore .loader{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:1;
	box-shadow:none;
}
.ppStatement .loadMore .loader span{top:0px;}
/*
	========================
	#Page: My Favorites
	========================
*/
.myFavorites .pageHolder{padding-bottom:100px;}
.myFavorites .pageTitle{padding: 60px 0px;}
.myFavorites .cardBox{padding: 0px; max-width: 930px; margin: 0px auto;}
.myFavorites .restaurantListing .restaurantThumb{width: 17%;}
.myFavorites .restaurantListing .restaurantInfo{width: 59%; float: left; margin-left:2%;}
.myFavorites .restaurantListing .restaurantInfo .resBtns{width:100%;}
.myFavorites .restaurantListing .restaurantInfo .resBtns a{margin-right: 10px;}
.myFavorites .restaurantListing .favInfo{
	width: 20%; 
	float: right; 
	font-size: 13px; 
	text-align: right;
	padding-top: 4%;
}
/* ======= */
.myFavorites .restaurantListing .favAction{padding: 5px 0px; display: inline-block;}
.myFavorites .restaurantListing .favAction a.selectedOption{color: #000; font-size: 15px;}
.myFavorites .restaurantListing .favAction a.selectedOption:after{
	font-family: "fontAwesome";
	content: "\f078";
	font-size: 10px;
	margin-left:5px;
	top:-1px;
	position:relative;
}
.myFavorites .restaurantListing .favAction a.selectedOption:before{margin-right: 5px;}
.myFavorites .restaurantListing .favAction .public:before{font-family: "fontAwesome"; content: "\f06e";}
.myFavorites .restaurantListing .favAction .private:before{font-family: "fontAwesome"; content: "\f023"; left:2px;}
/* ======= */
.myFavorites .restaurantListing .favAction .loader{
	background: rgba(255,255,255,0.8);
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	width: 100%;
	height: 100%;
	text-align: center;
}
.myFavorites .restaurantListing .favAction .loader span{width: 20px; height: 20px; top:5px;}
.favOptions{
	background: #fff;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	padding: 5px 20px;
	font-size: 15px;
	position:absolute;
	top:0px;
	right:-10px;
	z-index: 101;
	margin-top: 32px;
	-webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
		  transition: all 0.3s ease-out;
		  opacity: 0;
		  transform-origin: top center;
		  transform: scale(1,0);
}
.myFavorites .restaurantListing .favAction .overlay{opacity: 0;}
.myFavorites  .activeOptions{opacity: 1; transform: scale(1,1);}
.myFavorites .restaurantListing .favAction label{padding-top:7px;}

.favOptions a{
	display: block; 
	text-align: left; 
	color: #000; 
	width: 100px; 
	padding-left: 25px;
	margin: 10px 0px;
}
.favOptions a:before{position: absolute; top:0px; left: 0px;}
.favOptions a.selected{color: #4048af;}

/* ======= */
.myFavorites .restaurantListing label{color: #9b9b9b; font-style: italic;}
/* ======= */
.myFavorites .restaurantListing .removeFav{display: inline-block; margin-top: 6px;}
.myFavorites .restaurantListing .removeFav a{
	border:2px solid #ff7c8b;
	background: #fff;
	color: #ff7c8b;
}
.myFavorites .restaurantListing .removeFav a:hover{background: #ff7c8b; color: #fff;}
.myFavorites .restaurantListing .removeFav .loader{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: #ff7c8b;
	border-radius: 5px;
	text-align: center;
}
.myFavorites .restaurantListing .removeFav .loader span{ 
	top: 7px; 
	border-color:#b4515d;
	border-top-color:#fff;
}
/* ============ */
.loadMore{text-align: center; padding:50px 0px}
.loadMore .btn{display: inline-block;}
.loadMore .btn a{
	border: 2px solid #4048af;
	border-radius: 3px;
	padding: 8px 25px;
	background: #fff;
	color: #4048af;
}
.loadMore .btn a:hover{
	background: #4048af;
	color: #fff;
	box-shadow: 0px 3px 7px 0px rgba(64, 72, 175, 0.4);
}
.loadMore .btn .loader{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: #4048af;
	border-radius: 5px;
	text-align: center;
}
.loadMore .btn .loader span{ 
	top: 10px; 
	border-color:#0b115c;
	border-top-color:#fff;
}

/* ====== */ 
.nofav{text-align: center;  margin-bottom:100px!important; padding:45px 25px!important;}
.nofav h2{font-size: 33px; font-weight: 400;}
.nofav h2 strong{color: #4048af; font-weight: 500;}
.nofav p{font-size: 17px; color: #8588a9; margin-bottom: 15px;}

/*
	========================
	#Page: Public/Member Profile 
	========================
*/
.publicProfile .heroBanner { height: 400px; }
.publicProfile .heroBanner .profileStates{padding: 24px 0px;}
.publicProfile .profilePhoto span{box-shadow: none;}
.publicProfile .profilePhoto a{width: 150px; margin-top: 5px; background: #4048af;}
.publicProfile .profilePhoto a:hover{background: #202783;}
/* ===== */
.publicTab{max-width: 670px; margin: 40px auto 0px auto; padding-bottom: 55px;}
/* ===== */
.publicTab .tabs{padding: 0px; margin-bottom: 35px; text-align: center;}
.publicTab .tabs a{
	color: #000; 
	font-weight: 500; 
	padding:12px 10px; 
	border-bottom:3px solid transparent; 
	margin: 0px 20px 0px;
}
.publicTab .tabs a:hover, .publicTab .tabs a.active
{border-color:#4048af; color:#4048af;}
.publicTab .tabContent{padding: 0px;}
.publicTab .loadMore{padding-top: 25px;}
/* ===== */
.publicReviews .cardBox{padding: 15px;}
.publicReviews .cardBox .userReviewLoader{min-height: 750px;}
.publicReviews .userReviewListing li{padding-bottom: 30px;}
.publicReviews .rattingScore{width: 43px; height: 43px; top:16px; font-size: 18px; line-height: 43px;}
.publicReviews .reviewFor{padding-left: 55px}
.publicReviews .reviewFor h4{font-size: 20px; font-weight: 400;}
.publicReviews .reviewFor h4 a{color: #000;}
.publicReviews .reviewFor label{font-size: 13px;}
.publicReviews .reviewFor span{
	text-align: right;
	position: absolute;
	top: 30px;
	right: 0px;
	font-size: 13px;
}
/* ===== */
.publicFav .restaurantInfo{width: 70%;}

/* ===== */
.publicPhotos .reviewPhotos{margin-top: 15px;}
.publicPhotos .photoLoader{
	background-size:124px;
	background-color: #fff;
	position: relative;
	top: auto;
	left: auto;
	width: 95%;
	min-height: 610px;
	margin-top: 15px;
	margin-left: 15px;
	background-repeat: repeat;
}

/*
	========================
	#Page: Event Listing
	========================
*/
.pageEventListing .similarPlaces{
	margin-top: 30px;
}
.eventListing{
	margin-top: 30px;
	width: 70%;
	float: left;
}
.eventListing .resScore{
	position:absolute;
	top:3px;
	right:0px;
}
.eventList li{
	background:#fff;
	box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08);
	margin-bottom:30px;
	display:flex;
}
.eventList li:last-child{margin-bottom:0px;}
.eventList li .eventImage{width:240px;}
.eventList li .eventImage img{vertical-align:top;}
.eventList li .eventImage a{width:100%;}
.eventList li .eventImage .eventNoImage{
	text-align:center;
	background:rgba(255,255,255,0.9);
	
	width:100%;
	height:100%;
	position:absolute;
	top:0px; left:0px;
	z-index:10;
	
	padding-top:40%;
}
.eventList li .eventImage .eventNoImage p{
	font-size:12px;
	color:#727272;
	padding-top:5px;
	font-weight:700;
}

.eventList li .aboutEvent{width:calc(100% - 240px); padding:15px 20px;}
.eventList li .aboutEvent h6 a{
	font-weight:500; 
	font-size:17px; 
	color:#000000;
}
.eventList li .aboutEvent span{
	color:#9b9b9b; 
	display:inline-block; 
	padding-top:0px;
	float:left;
	width:58%;
}
.eventList li .aboutEvent strong{
	color:#4048af; 
	font-weight:400;
	display:inline-block;
	float:right;
	width:40%;
	text-align:right;
}
.eventList li .aboutEvent p{padding-top:10px; clear:both;}
.eventList li .aboutEvent p a{font-weight:500; color:#000;}

.pageEventListing .similarPlaces .resBtns a{width:100%; text-align:center; border-radius:5px; font-size:15px; padding:9px;}
.pageEventListing .similarPlaces .resBtns a:before{margin-right:5px;}
.pageEventListing .similarPlaces .resBtns {margin-bottom:15px;}
.pageEventListing .similarPlaces .dealsBtn a{border-color:#4048af; background:#4048af; color:#fff; margin-bottom:15px;}
.pageEventListing .similarPlaces .dealsBtn a i{background:#fff;}
.pageEventListing .similarPlaces .dealsBtn a i img{filter:none;}


/*
	========================
	#Page: Event Detail
	========================
*/
.eventDetail{margin-top:30px;}

.eventDetail .eventInfo			{width:50%; float:left;}
.eventDetail .pricingDescription{width:25%; float:left; margin-left:15px; margin-right:15px;}
.eventDetail .similarEvent		{width:22%; float:right;}

.eventDetail .eventRow{margin-bottom:20px;}
.eventDetail .eventRow h2{font-weight:400; color:#4048af; font-size:16px; padding-bottom:5px;}

.eventDetail .eventRowGroup{display:flex;}
.eventInfo .eventDay{width:100%; }
.eventInfo .eventPeriod{width:90%; padding-left:2%;}

/* ==== */
.eventDetail .eventCover{margin-bottom:30px;}
.eventCover{
	height:465px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	background-color:#f4f4f4;
}
.eventCover .eventNoImage{
	text-align:center;
	background:rgba(255,255,255,0.9);
	
	width:100%;
	height:100%;
	position:absolute;
	top:0px; left:0px;
	
	padding-top:15%;
}
.eventCover .eventNoImage p{
	font-size:12px;
	color:#727272;
	padding-top:5px;
	font-weight:700;
}
.eventCover .eventNoImage a{
	font-size:14px;
	color:#000;
	padding-top:5px;
	font-weight:700;
}
.eventCover .eventNoImage a span{
	height:24px;
	width:24px;
	display:inline-block;
	vertical-align:middle;
	padding-left:10px;
	padding-top:3px;
}

/* ==== */
.eventPhotos ul{
	display: grid;
	grid-template-columns: 19% 19% 19% 19% 19%;
	grid-column-gap: 5px;
}
.eventPhotos ul li a:hover{opacity:0.8;}
.eventPhotos ul li img{max-width:100%;}
.eventPhotos h2{padding-bottom:10px;}

/* ==== */
.similarEvent ul li{font-size: 14px; cursor:pointer;}
.similarEvent h2{
	font-size: 14px;
	font-weight: 400;
	color: #9b9b9b;
	padding-bottom: 10px;
}
.similarEvent label{
	color:#999;
	font-weight: 500;
	font-size: 13px;
}
.similarEvent h6{
	font-weight: 500;
	font-size: 14px;
	color: #000000;
}
.similarEvent span{
	color: #9b9b9b;
	display: inline-block;
	padding-top: 0px;
	float: left;
	width: 48%;
}
.similarEvent strong{
	color: #4048af;
	font-weight: 400;
	display: inline-block;
	float: right;
	width: 48%;
	text-align: right;
}
.similarEvent p{
	padding-top: 7px;
	clear: both;	
}
.similarEvent ul li:hover{
	border-color: #4048af;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.27);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.27);
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.27);
}


/*
	========================
	#Page: Static Pages
	========================
*/
.staticPage .pageTitle{ padding: 60px 0px 40px; }
.staticContent{
	max-width: 850px; 
	margin: 0px auto 100px; 
	padding:25px;
}
.staticContent p{padding-bottom:15px;}
.staticContent p a{text-decoration:underline;}
.staticContent h2{font-size:16px; font-weight:500;}


/*
	========================
	#Page: Contact Us Form
	========================
*/
.contactUsForm ul{}
.contactUsForm .input{width:100%;}

/*
	========================
	#Page: Error Page
	========================
*/
.errorPage{
	margin:8% 15%;
	background:#fff;
	padding:0px 0px 10px;
	box-shadow: 0px 3px 38px 0px rgba(0, 0, 0, 0.05);
}
.errorPage .errorContent{width:40%; float:left; padding-top:9%; left:8%;}
.errorPage .errorIco{width:45%; float:right; right:2%;}
.errorPage .errorIco img{vertical-align:top; max-width:100%;}

.errorPage .errorContent h2{font-weight:400; font-size:60px; color:#081f35; line-height:60px;}
.errorPage .errorContent h1{font-size:18px; color:#8e8e8e; font-weight:400;}
.errorPage .errorContent p{font-size:18px; color:#000; font-weight:400; padding-bottom:10px;}
.errorPage .errorContent a{
	box-shadow: 0px 4px 8px 0px rgba(7, 215, 101, 0.35);
}

/*
	========================
	#Page: Add Restaurant
	========================
*/
.addRestaurant{}
.addRestaurant .cardBox{
	max-width:700px;
	margin:-130px auto 15% auto;
	box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.15);
	border:none;
	padding:45px 10% 15px;
}
.addRestaurant li p{ padding-bottom:25px; font-weight:400;}
.addRestaurant li h3 .info{font-size:14px; padding-bottom:0px;}
.addRestaurant li h3{color:#7f7f7f; font-weight:500; font-size:17px; margin-bottom:15px; margin-top:5px;}
.addRestaurant #form1{margin-bottom:25px;}
.addRestaurant #form2{margin-bottom:25px;}

/* ========== */
.addRestaurant li .associated{display:inline-block; margin:0px 0px 0px 5px;}
.addRestaurant li .associated .checkbox {display:inline-block; margin:0px 0px 0px 15px;}
.addRestaurant li .associated .checkbox .checkmark{border-radius:100%;}

/* ========== */
.addRestaurant li .checkbox .checkmark{top:2px;}
.addRestaurant li .checkbox strong{font-weight:normal; opacity:0.5;}
.addRestaurant li .checkbox input:checked ~ .checkmark{background-color: #07d765;}
.addRestaurant li .checkbox input:checked ~ strong{ opacity:1;}
.addRestaurant li .checkbox .checkmark::after{left:6px; top:4px; width:3px; height:5px; border-width:0 2px 2px 0;}

/* ========== */
.addRestaurant .selectResFeatures{}
.addRestaurant .selectResFeatures li:after{content:" "; display:block; clear:both;}
.addRestaurant .selectResFeatures li{float:left; width:48%;}
.addRestaurant .selectResFeatures li:nth-child(even){float:right}
/* ========== */
.addRestaurant .formButton{margin:15px 0px;}
.addRestaurant .formButton .btn{margin:0px 15%;}
.addRestaurant .formButton .btn .button{padding: 10px 25px; width:100%; text-align:center;}
.addRestaurant .formButton .btn .loader{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	background: #07d765;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	cursor: wait;
	text-align:center;
}
.addRestaurant .formButton .btn .loader span{top:7px;}


/*
	========================
	#Page: Sitemap
	========================
*/
.sitemaphome .cardBox{
	max-width:550px; margin:0px auto; padding:0px;
	box-shadow:0px 0px 20px rgba(0,0,0,0.05);
}
.sitemaphome .cardBox:after{clear:both; content:" "; display:block;}
.sitemaphome .cardBox a:last-child{border:none;}
.sitemaphome .cardBox a{
	width:50%;
	float:left;
	text-align:center;
	border-right:1px solid rgba(0,0,0,0.1);
	padding:30px 0px;
	font-size:21px;
}
.sitemaphome .cardBox a:hover{ background:rgba(0,0,0,.02); }
/* ============= */
.sitemapListing .cardBox{padding:0px; max-width:90%; margin:0px auto;}
.sitemapListing ul{
	display:grid;
	grid-template-columns:33.33% 33.33% 33.33%;
}
.sitemapListing ul li{
	padding:35px;
	-webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}
.sitemapListing ul:after{ clear:both; content:" "; display:block; }
.sitemapListing ul li h3{
	width:40px;
	height:40px;
	line-height:40px;
	background:#4048af;
	color:#fff;
	text-align:center;
	border-radius:100%;
	margin-bottom:15px;
	-webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}
.sitemapListing ul li:hover{ box-shadow:0px 0px 20px rgba(0,0,0,0.10); }
.sitemapListing ul li:hover h3{background:#1ed380;}

/* ============= */
.sitemapResListing{}
.sitemapResListing .pageTitle label{
	background:#4048af;
	color:#fff;
	border-radius:100%;
	width:35px;	height:35px; line-height:35px;
	font-weight:500;
	font-size:18px;
	margin-top:10px;
	margin-bottom:0px;
}
.sitemapResListing .cardBox{padding:0px;}
.sitemapResListing .cardBox ul:after{content:" "; clear:both; display:block;}
.sitemapResListing .cardBox ul{
	display:grid;
	grid-template-columns:33.33% 33.33% 33.33%;	
}
.sitemapResListing .cardBox ul li{
	padding:30px 25px;
	border-right:1px solid #f0f0f0;
	border-bottom:1px solid #f0f0f0;
	font-size:13px; color:#676767;
}
.sitemapResListing .cardBox ul li:hover{
	 box-shadow:0px 0px 20px rgba(0,0,0,0.10);
}
.sitemapResListing .cardBox ul li h2{font-size:18px; font-weight:400; color:#000;}
.sitemapResListing .cardBox ul li h2 a{color:#000;}
.sitemapResListing .cardBox ul li label{display:block;}
.sitemapResListing .cardBox ul li .res_Cusisine{padding-top:8px; font-weight:500;}
.sitemapResListing .cardBox ul li .res_Cusisine a{color:#000}
.sitemapResListing .cardBox ul li .res_Cusisine a:after{content:","; margin-right:5px;}
.sitemapResListing .cardBox ul li .res_Cusisine a:last-child:after{display:none;}
.sitemapResListing .cardBox ul li .res_Address{padding-bottom:15px;}
.sitemapResListing .cardBox ul li .resBtns{}
.sitemapResListing .cardBox ul li .resBtns .menu{margin-right:15px;}
.sitemapResListing .cardBox ul li .resBtns .photo{
	background:#fff;
	box-shadow: 0px 0px 6px 0px rgba(80, 80, 82, 0.36);
	border-color:#fff;
	color:#000;
}
.sitemapResListing .cardBox ul li .resBtns .photo:hover{
	box-shadow: 0px 4px 15px 0px rgba(80, 80, 82, 0.36);
}
.sitemapResListing .cardBox ul li .resBtns .photo:before{
	background: url(../../images/photo.svg) no-repeat;
    background-size: auto;
	background-size: 12px;
	background-position: 0 0;
}

/*
	========================
	#Page: Sitemap
	========================
*/
.faq{}
.faq h2{border-bottom:1px solid rgba(0,0,0,0.1); font-size:22px; font-weight:400; padding-bottom:10px; margin-bottom:0px;}
.faq ol li{list-style-type:decimal; margin-bottom:15px; font-weight:500;}
.faq ol li h3{font-weight:500; margin-bottom:5px; font-size:17px;}
.faq ol li ul{margin-left:20px; font-weight:400;}
.faq ol li ul li{list-style-type:lower-alpha; margin-bottom:7px; font-weight:400;}
.faq a{text-decoration:none!important;}


/*
	========================
	#Page: Sitemap
	========================
*/
.floatingBtn{
	width:55px;
	height:55px;
	overflow:hidden;
	background:#3d45a7;
	box-shadow: 0px 7px 16px 0px rgba(0, 0, 0, 0.35);
	border-radius:100%;	
	position:fixed;
	bottom:15px;
	right:15px;
	z-index:950;
	text-align:center;
	line-height:45px;
	color:#fff;
	font-weight:200;
	font-size:48px;
	border:1px solid rgba(255,255,255,0.1);
	
	-webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
			
			transform: translate3d(0,0,0);	
}
.floatingBtn:hover{background:#3038a2;}
.floatingBtn img{vertical-align:middle;}
.activeFloatingBtn{
	transform: translate3d(0,150%,0);
}
/* ====== */
.floatingOverlay{
	position:fixed;
	top:0px; right:0px;
	z-index:900;
	width:100%; height:100%;
	background:rgba(0,0,0,0.5);
}
.floatingPanel{
	border-radius: 2px;
	background-color: #e9eef4;	
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
	
	position:fixed;
	bottom:15px; right:15px;
	z-index:1000;
	
	width:100%; max-width:320px;
	height:calc(100% - 150px);
	overflow:hidden;
	
	-webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
	
	transform-origin:bottom right;
	
	transform: scale(0,0);
	opacity:0;
	
}
.activefloatingPanel{
	transform: scale(1,1);
	opacity:1;
}
.floatingPanel h5{background:#fff; padding:15px; text-align:center; font-size:17px; font-weight:500;}
.floatingPanel h5  a.close{
	position:absolute;
	top:0px;
	right:0px;
	padding:15px 20px;
}
.floatingContent{padding:15px;}
.floatingContent p{text-align:center; font-size:16px; margin-bottom:12px;}
.floatingContent input[type="search"]{
	font-size: 15px;
	padding:10px;
	width:100%;
	border:1px solid rgba(0,0,0,0.1)
}


/*
	================================================
	Hover Effect Just For Desktop till 1024 Resolutions
	================================================
*/
@media only screen and (min-width: 1024px)
{
	
	/* ====> Header */
	.headerMain nav ul li a:after,
	.headerMain menu ul li a:after
	{
		content:"";
		display:block;
		height:1px;
		background:#000000;
		position:relative;
		bottom:15px;
		width:0%;
		margin:0px auto;
		
		-o-transition: all 300ms ease;
		-moz-transition: all 300ms ease;
		-webkit-transition: all 300ms ease;
		transition: all 300ms ease;
		
		opacity:0;
	}
	.headerMain nav ul li a:hover,
	.headerMain menu ul li a:hover
	{
		color:#07d765;
	}
	.headerMain nav ul li a:hover:after,
	.headerMain menu ul li a:hover:after
	{
		width:0%;
		background:#07d765;
		opacity:1;
	}
	.headerMain menu ul li.register a:hover
	{
		background:#07d765;
		color:#ffffff;
	}



	/* ====> Index:: Browse By */
	.bannerIntro .browseBy a:after
	{
		content:"";
		display:block;
		height:1px;
		background:#ffffff;
		position:relative;
		bottom:-5px;
		width:100%;
		margin:0px auto;
		
		-o-transition: all 300ms ease;
		-moz-transition: all 300ms ease;
		-webkit-transition: all 300ms ease;
		transition: all 300ms ease;
		opacity:0;
	}
	.bannerIntro .browseBy a:hover:after{ width:100%; opacity:1;}

	/* ====> Index:: Index Section View All Link */
	.indexSection h2 a.viewAll:after,
	.redeemSuccessfully a.viewAll:after
	{
		content:"";
		display:block;
		height:1px;
		background:#4048af;
		position:relative;
		bottom:0px;
		width:100%;
		margin:0px auto;
		
		-o-transition: all 300ms ease;
		-moz-transition: all 300ms ease;
		-webkit-transition: all 300ms ease;
		transition: all 300ms ease;
		opacity:0;
	}
	.indexSection h2 a.viewAll:hover:after{ width:100%; opacity:1;}

	/* ====> Index:: New and noteworthy */
	.newNoteWorthy ul li:hover{
		transition-delay: 0s!important;
		box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.18);
	}
	.newNoteWorthy ul li:hover .thumbnail a img{ /*transform:scale(1.2,1.2);*/ }

	/* ====> Index:: Featured Review */
	.featuredReviews ul li .thumbnail:hover a img{ transform:scale(1.2,1.2); }
	.featuredReviews ul li .reviewInfo .res_Title:hover{color:#4048af;}

	/* ====> Index:: MenuPages List */
	.menupagesLists .listThumbSlider li:hover a strong{font-size:24px;}
	.menupagesLists ul li:hover .listThumb img{	transform:scale(1.2,1.2); }

	/* ====> Index:: Prompt Offers */
	/*.promteOffer ul li:hover .offerLogo a { border: 2px solid #4048af; }*/
	.promteOffer ul li:hover{
		box-shadow:0px 0px 17px rgba(64,71,175,0.4);
		z-index:15;
	}
	.promteOffer ul li:hover .offerLogo{box-shadow:none;}
	.promteOffer ul li:hover a{color:#4047af;}

	/* ====> Listing Page:: */
	.filterRow li .checkbox:hover{	color:#07d765; }
	.listRightPanel .featuredList .featuredInfo a:hover{color:#4048af;}


	/* ====> Detail Page:: */
	.restaurantListing li .restaurantInfo h2 a:hover{color:#4048af;}
	.resCoverImage .dealsBtn a:hover
	{
		box-shadow: 0px 7px 15px 0.9px rgba(0, 1, 17, 0.47);
		background:#4048ab;
		color:#ffffff;
		border-color:rgba(255,255,255,0.8);
	}
	.resCoverImage .dealsBtn a:hover i
	{
		background-color:#20266f;
	}

	.resActionLinks .resLinks a:hover,
	.resActionLinks .resLinks a:hover:before
	{color:#4048af;}


	ul.imageThumbList li a:hover img{/*transform:scale(1.2,1.2);*/}
	.similarPlaces ul li .similarInfo h3 a:hover{color:#4048af;}

	/*.featuredOnList:hover	{
		border-color:#4048af;
		-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.27);
		-moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 0.27);
		box-shadow:         0px 0px 15px 0px rgba(0, 0, 0, 0.27);
	}*/

	.resEvents ul li:hover,
	.resOffers ul li:hover
	{
		border-color:#4048af;	
		-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.27);
		-moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 0.27);
		box-shadow:         0px 0px 15px 0px rgba(0, 0, 0, 0.27);
	}

	/* ====> Write a review Page:: */
	.addStarRating .selectStar i:hover:after { opacity:1; }



	/*
		================================================
		================================================
		Page Animation Start
		================================================
		================================================
	*/
	.activeAnim
	{
		-webkit-transform: translate3d(0,0,0)!important;
		-moz-transform: translate3d(0,0,0)!important;
		transform: translate3d(0,0,0)!important;
		
		opacity:1!important;	
		transition-delay: 0s!important;
	}
	/* Index:: newNoteWorthy Section */
	.newNoteWorthy ul
	{
		-o-transition: all 650ms ease;
		-moz-transition: all 650ms ease;
		-webkit-transition: all 650ms ease;
		transition: all 650ms ease;
		
		-webkit-transform: translate3d(0,100%,0);
		-moz-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0);
		opacity:0;
	}

	/* Index:: newNoteWorthy Section */
	.featuredReviews ul li
	{
		-o-transition: all 650ms ease;
		-moz-transition: all 650ms ease;
		-webkit-transition: all 650ms ease;
		transition: all 650ms ease;
		
		-webkit-transform: translate3d(0,100%,0);
		-moz-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0);
		opacity:0;
	}


	/* Index:: PagePoints Offers  Section */
	.promteOffer ul li .offerLogo
	{
		transform:scale(0,0);
		-o-transition: all 650ms ease;
		-moz-transition: all 650ms ease;
		-webkit-transition: all 650ms ease;
		transition: all 650ms ease;
	}
	.promteOffer ul li .offerIntro
	{
		padding-left:60px;
		opacity:0;
		-o-transition: all 650ms ease;
		-moz-transition: all 650ms ease;
		-webkit-transition: all 650ms ease;
		transition: all 650ms ease;
	}
	.promteOffer ul li.activeOffer .offerLogo
	{
		transform: scale(1,1)!important;
	}
	.promteOffer ul li.activeOffer .offerIntro
	{
		opacity:1!important; 
		padding-left:80px;
	}
	
} /*  @media min-width: 1024px rules Ends  */
.grecaptcha-badge{visibility:hidden;}