*{margin:0px; padding:0px;}
html{margin:0px; padding:0px;}
body { font-size:13px; }
.logo { max-height:80px; }
.start_logo img, .dark-line-logo { max-height:90px; }
.bodytxt p, .bodytxt ul, .bodytxt li { line-height:22px; text-align:justify; }
.sl_descrition h2 {
    font-size: 60px;
    color: #fff;
}

a.animated-button:link, a.animated-button:visited, .animated-button  {
	position: relative;
	display: block;
	padding: 5px 8px;
	color: #000;
	font-size:12px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	overflow: hidden;
	border-radius: 0;
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
a.animated-button:link:after, a.animated-button:visited:after, .animated-button:after {
	content: "";
	position: absolute;
	height: 0%;
	left: 50%;
	top: 50%;
	width: 150%;
	z-index: -1;
	-webkit-transition: all 0.75s ease 0s;
	-moz-transition: all 0.75s ease 0s;
	-o-transition: all 0.75s ease 0s;
	transition: all 0.75s ease 0s;
}
a.animated-button:link:hover, a.animated-button:visited:hover, .animated-button:hover {
	color: #fff;
	text-shadow: none;
}
a.animated-button.victoria-yellow:link, a.animated-button.victoria-yellow:visited, .animated-button.victoria-yellow {
	color: #ffff;
	text-shadow: none;
}
a.animated-button.victoria-yellow:link:hover, a.animated-button.victoria-yellow:visited:hover, .animated-button.victoria-yellow:hover {
	color: #000;
	text-shadow: none;
}
a.animated-button:link:hover:after, a.animated-button:visited:hover:after, .animated-button:hover:after {
	height: 450%;
}
a.animated-button.victoria-one:after, .animated-button.victoria-one:after {
	background: #fe0000;
	-moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	transform: translateX(-50%) translateY(-50%) rotate(-25deg);
}
a.animated-button.victoria-yellow:after, .animated-button.victoria-yellow:after {
	background: #fff200;
	-moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	transform: translateX(-50%) translateY(-50%) rotate(-25deg);
}
.headerfixed { background:rgba(7, 3, 5, 0.76); position:fixed; top:0; left:0; width:100%; text-align:center; padding:2px; z-index:998; }
.headerfixed img { max-width:220px;}
.restaurants { background:#fff; margin-bottom:5px; }
.restaurants .couponArea { background:#ebe9e9; text-align:center; margin:0 3px 5px 3px; padding:9px 4px; min-height:63px;}
.restaurants .couponArea.active { background:#f8a8ab;}
.restaurants .couponArea p { font-size:12px; padding:2; color:#363636;line-height:15px; text-align:center; margin-bottom:2px; font-weight:bold; }
.restaurants .couponArea p.blue { text-align:center; padding-left:20%; color:#0091f6; font-size:33px; font-weight:bolder; line-height:24px; text-transform: capitalize; }
.restaurants .couponArea p.free { color:#0091f6; font-size:18px; font-weight:bolder;  line-height:24px; }
.restaurants .couponArea p.success { color:#0091f6; font-size:17px; font-weight:bolder;  line-height:19px; }
.restaurants .couponArea sup { font-size:16px; top:-10px; line-height:12px; }
.restaurants .couponArea sub { font-size:11px; left:-15px; line-height:12px; }
.restaurants .couponArea sub.off { left:-8px; }
.restaurants .offer button.btn-sm { padding:-5px; }

/*********************************/
.restaurants .offerArea { background:#ebe9e9; text-align:center; margin:0 3px 5px 3px; padding:9px 4px; min-height:78px;}
.restaurants .offerArea p { font-size:16px; padding:2; color:#363636;line-height:18px; text-align:center; margin-bottom:2px; font-weight:bold; }

/*********************/

.restaurantbanner .couponArea { background:#ebe9e9; text-align:center; margin:0 3px 5px 3px; padding:4px 4px; min-height:66px;}
.restaurantbanner .couponArea.active { background:#f8a8ab;}
.restaurantbanner .couponArea p { font-size:12px; padding:2; color:#363636;line-height:15px; text-align:center; margin-bottom:2px; font-weight:bold; }
.restaurantbanner .couponArea p.blue { text-align:center; padding-left:20%; color:#0091f6; font-size:26px; font-weight:bolder; line-height:24px; text-transform: capitalize; }
.restaurantbanner .couponArea p.success { color:#0091f6; font-weight:bold; font-size:14px; }
.restaurantbanner .couponArea p.free { font-weight:bold; }
.restaurantbanner .couponArea sup { font-size:13px; top:-10px; line-height:12px; }
.restaurantbanner .couponArea sub { font-size:11px; left:-10px; line-height:12px; }
.restaurantbanner .couponArea sub.off { left:-8px; }
.restaurantbanner .offer button.btn-sm { padding:5px; }
.restaurantbanner .offerArea { background:#ebe9e9; text-align:center; margin:0 3px 5px 3px; padding:9px 4px; min-height:60px;}
.restaurantbanner .offerArea p { font-size:13px; padding:2; color:#363636;line-height:18px; text-align:center; margin-bottom:2px; font-weight:bold; }
.restaurantbanner .couponArea .overlays, .restaurantbanner .offerArea .overlays { margin: -6px 0 0 -5px; height: 96%; width: 96%; }
/******************************/


.restaurants .rewards {
    
}
.restaurants .heading-view {
    -moz-transition: 0.4s;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    color: #1e1e1e;
    text-align:center; text-transform:uppercase;
    left: 0;
    width: 100%;
    position: absolute;
    bottom: 0; font-size:16px; font-weight:bold; line-height:25px; padding-bottom:7px;
    z-index: 4;
    background:rgba(255, 255, 255, 0.8);
}
.restaurants .address-view {
    color: white;
    text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
    text-align:center; text-transform:capitalize;
    left: 0;
    width: 100%;
    position: absolute;
    bottom: 35%; font-size:18px; font-weight:bold; line-height:35px;
    z-index: 4;
}
.restaurants .order-view {
    -moz-transition: 0.4s;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    cursor: pointer;
    color: red; background:#fff200;
    text-transform:uppercase; font-size:12px;
    left: 4px;
    width: 100%; max-width:100px; color:#000;
    position: absolute;
    top: 4%;
    z-index: 4;
}
.restaurants .order-view:hover {
    background: #fe0000;
}
.restaurants .info-view {
    -moz-transition: 0.4s;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    cursor: pointer;
    color: red;
    text-transform:uppercase; font-size:12px;
    right: 4px;
    width: 100%; max-width:100px; color:#000;
    position: absolute;
    top: 4%;
    z-index: 4;
}

.restaurants .bottonbg {  border:#e0e0e0 1px solid; background:#fff; } 
.restaurants .bottonbg button { font-size:11px;  background:red; padding:8px 12px; color:#fff; border:none; cursor:default; } 

.restaurants .btn-default-red{ transition: all .4s;
    margin-right:5px;
    border:1px dashed red;
    background:transparent;
    color:#000;
    font-size:12px; margin-bottom:8px;
}
.restaurants .btn-default-red.last { margin-right:0; }
.restaurants .btn-default-red:hover,.btn-default-red:focus,.btn-default-red.active {
    outline:0; transition: all .4s;
    color:#fff
}
.restaurants .info-view { background:red; color:#fff; font-size:12px; line-height:14px; width:100%;  text-align:center; font-weight:bold; }
.restaurants .info-view a { color:#fff; }
.restaurants .info-view a:hover { color:#000; }
.restaurants .info-view.active .labled { background:red; padding:5px 5px; color:#fff; font-size:12px; line-height:20px; width:100%;  text-align:center; font-weight:bold; }

.restaurants .btn-default-red:disabled { background: #dddddd; color:#444444;  cursor: not-allowed !important; }

.overlays {  
  display: flex; height: 100%; width: 100%;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 2;
  opacity: 0;
  background: rgba(39, 42, 43, 0.3);
  transition: opacity 200ms ease-in-out;
  border-radius: 4px;
  margin: 0;
}
#restimg .overlays { background: rgba(39, 42, 43, 0.4); }
.couponArea .overlays, .offerArea .overlays { margin: -10px 0 0 -5px; height: 96%; width: 96%; }

.couponArea.active .overlays { opacity:0.6; }

#thumbnail-list3 .item {
  background: transparent; 
  padding:2px; float:left;
  margin: 0px;
  color: #333;
  height: 80px; font-size:12px; line-height:16px;
  text-align: center; cursor:pointer;
  border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;
}
#thumbnail-list3 .itemdisabled {
  background: transparent; 
  padding:10px 5px; float:left;
  margin: 0px;
  color: #a4a1a1;
  height: 80px; font-size:12px; line-height:16px;
  text-align: center;
  border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;
}
#thumbnail-list3 .item > img { text-align: center; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
#thumbnail-list3 .item:hover img, #thumbnail-list3 .item.active img {-webkit-filter: contrast(160%); filter: contrast(160%);}
#thumbnail-list3 .item:hover, #thumbnail-list3 .item.active { color:red; }

/********************MENU***********************/
/*---Ourmenu---*/

.food-menu ul.food-court {
    padding: 0;
    margin: 0; 
    height: 96px;
}
.food-menu .food-court .menuicon {
    float: left;
    list-style-type: none;
    text-align: center;
    color: #666;
    padding: 12px 0;
    font-size: 15px;
    display: block;    
    cursor: pointer;
	border:#f9fafa 2px solid;
	border-top-left-radius: 50px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 10px;
	-webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out; margin-bottom:5px;
}
.food-menu .food-court .menuicon.current, .food-menu .food-court .menuicon:hover {
    padding: 12px 0;
    position: relative;    
    color: #fff;
    background-color: rgba(251, 9, 9, 0.92);
	border-top-left-radius: 50px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 10px;
	-webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
.food-menu .food-menu-content {
    padding: 0;
    clear: both;
}
.food-menu .food-court .dish-type-1,
.food-menu .food-court .dish-type-2,
.food-menu .food-court .dish-type-3,
.food-menu .food-court .dish-type-4,
.food-menu .food-court .dish-type-5,
.food-menu .food-court .dish-type-6,
.food-menu .food-court .dish-type-7,
.food-menu .food-court .dish-type-8,
.food-menu .food-court .dish-type-9,
.food-menu .food-court .dish-type-10,
.food-menu .food-court .dish-type-11 {
    background-image:url(../icon/menu-bg.png);
    height: 46px;
    width: 46px;
	background-repeat: no-repeat;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    transition: all ease 0.5s;
    margin: 0 auto;
    margin-bottom: 5px;
}
.food-menu .food-court .dish-type-1 {
    background-position: 0 0;
}
.food-menu .food-court .dish-type-2 {
    background-position: -115px 0;
}
.food-menu .food-court .dish-type-3 {
    background-position: -232px 0;
}
.food-menu .food-court .dish-type-4 {
    background-position: -349px 0;
}
.food-menu .food-court .dish-type-5 {
    background-position: -467px 0;
}
.food-menu .food-court .dish-type-6 {
    background-position: -583px 0;
}
.food-menu .food-court .dish-type-7 {
    background-position: -699px 0;
}
.food-menu .food-court .dish-type-8 {
    background-position: -815px 0;
}
.food-menu .food-court .dish-type-9 {
    background-position: -934px 0;
}
.food-menu .food-court .dish-type-10 {
    background-position: -1051px 0;
}
.food-menu .food-court .menuicon:hover .dish-type-1,
.food-menu .food-court .current .dish-type-1 {
    background-position: 0 -45px;
}
.food-menu .food-court .menuicon:hover .dish-type-2,
.food-menu .food-court .current .dish-type-2 {
    background-position: -115px -45px;
}
.food-menu .food-court .menuicon:hover .dish-type-3,
.food-menu .food-court .current .dish-type-3 {
    background-position: -232px -45px;
}
.food-menu .food-court .menuicon:hover .dish-type-4,
.food-menu .food-court .current .dish-type-4 {
    background-position: -349px -45px;
}
.food-menu .food-court .menuicon:hover .dish-type-5,
.food-menu .food-court .current .dish-type-5 {
    background-position: -467px -45px;
}
.food-menu .food-court .menuicon:hover .dish-type-6,
.food-menu .food-court .current .dish-type-6 {
    background-position: -583px -45px;
}
.food-menu .food-court .menuicon:hover .dish-type-7,
.food-menu .food-court .current .dish-type-7 {
    background-position: -699px -45px;
}
.food-menu .food-court .menuicon:hover .dish-type-8,
.food-menu .food-court .current .dish-type-8 {
    background-position: -815px -45px;
}
.food-menu .food-court .menuicon:hover .dish-type-9,
.food-menu .food-court .current .dish-type-9 {
    background-position: -934px -45px;
}
.food-menu .food-court .menuicon:hover .dish-type-10,
.food-menu .food-court .current .dish-type-10 {
    background-position: -1051px -45px;
}
@media only screen and (max-width: 1024px){
.food-menu .food-court li span {
    display: none;
}
.food-menu ul.food-court {
    height: 78px;
}
}

@media only screen and (max-width: 767px){
.food-menu .food-dishes div[class^=col-] {
    text-align: center;
}
}

@media only screen and (max-width: 480px){
.food-menu ul.food-court {
    height: 77px;
	display: inline-table;
}
.food-menu .food-court .menuicon.current, .food-menu .food-court .menuicon:hover{
	border-radius: 5px;	
}
.food-menu .food-dishes div[class^=col-] {
	width: 100% !important;
	float: none !important;
	display: block !important;
}
}


.sectionmenu { margin:40px 0; }
/************OFFER*******************/

#offerbg .couponArea { background:#ed1c24; padding:1px; text-align:center; margin-bottom:15px; margin:2px;}
#offerbg .couponInner { background:#cdd4e6; padding:2px; }
#offerbg .couponInner .off { font-size:14px; color:#8a1e05;line-height:18px; text-align:center; font-weight:bolder; }
#offerbg .couponInner .red { color:#ed1c24; font-size:12px; font-weight:bolder; line-height:18px; }
#offerbg .couponArea .code { color:#fff; font-size:11px; font-weight:bolder; line-height:15px; }

.heading{
	text-align: center;
}
.heading span{
	font-family: 'Allura', cursive;
	color:#ffcc00;
	line-height: 30px;
}
.heading h1{
	color:#333;
	letter-spacing: 2px;
	margin-top: 0;
	margin-bottom: 0;
	text-transform: uppercase;
	font-weight: bold;
}
.heading hr{
	background-color: #333333;
	height: 2px;
	width: 100px;
	border: none;
	margin-top: 10px;
}
.welcomebg { background:#f7f7f7; padding:10px; clear:both; border-top:3px solid red; }
.welcomebg a { color:#000000; }
.welcomebg a:hover { color:red; }
.coleftpd { padding-left:6%; }

@media only screen and (max-width: 991px){ .coleftpd { padding-left:15px; padding-right:15px; }  }

@media only screen and (min-width: 768px){ .restaurants.row { padding-left:15px; padding-right:15px; }  }

.cart_top  {
    margin-top: 30px; right:0;
}
.cart_top .badge { right:0px; background:red; color:#fff; }
.cart_top a {
    color: #ffffff;
}
.cart_top  a:hover {
    color: rgba(255, 0, 8, 1);
}
/***********************/
.extraOptions {
    border-color: #FFEE9F; display:none !important;
    border-style: solid;
    border-width: .1em;
    background-color: #FFF6CF;
    text-align: left;
    font-family: verdana;
    font-size: 11px;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: inline;
    padding:2px 5px;
    z-index: 17; line-height:19px;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.qualChoice,.qualChoice2 { margin:0 6px; cursor:pointer; }
.qualChoice.selected, .qualChoice2.selected {
    text-decoration: line-through;
}
.extraOptions.active { display:inline !important; }
/*************************************/
.framebuyrelative { -webkit-transition: width 2s; /* Safari */
    transition: width 2s; position:relative !important; margin-bottom: -60px !important; }
.footer { 
    background: #000;
    color: #333;
}
.footercolor {
    padding:85px 0 30px 0; background:#ffcc00;}
.footer .title{text-align: left;color:#333;font-size:22px;}
.footer a:hover { color:red !important; }

.footer .social-icon{padding:0px;margin:0px;}
.footer .social-icon a{display:inline-block;color:#333;font-size:25px;padding:5px;}
.footer .acount-icon a{color:#333; line-height:25px; text-decoration:none; font-weight:bold;}
.footer .acount-icon .fa{margin-right:8px;}


.footer .category a {
    color: #333; line-height:25px; font-weight:bold;
}

.footer .payment{margin:0px;padding:0px;list-style-type:none}
.pagecontent h3 { font-size:18px; }
/********************************/
.btn-rose:focus, .btn-rose:hover {  background-color: #f44336; color: #FFFFFF;
  box-shadow: 0 14px 26px -12px rgba(156, 39, 176, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(156, 39, 176, 0.2);
}
#guestArea input { margin-bottom:7px; }
#loginForm .modal-dialog { margin:10px auto; }
.viewcartbtn { position:fixed !important; bottom:5%; left:3%; display:none; }
@media screen and (max-width: 767px) {
  .viewcartbtn { display:block !important; z-index:999999; }
}
.favoritebtn { padding:0; color:#333; background:transparent; border:none; line-height:25px; width:90px; margin-right:15px; }
.favoritebtn i.fa { color:#333; font-size:25px; float:left; margin-right:4px; }
.favoritebtn:hover, .favoritebtn:hover i.fa { cursor:pointer; color:red; }
.favoritebtn.active, .favoritebtn.active i.fa { cursor:pointer; color:red; }
/**************************************/
.ratingarea .fa-star {color:#ccc;margin:2px; font-size: 20px;}
.ratingarea .fa-star.active{color:#ffc107; margin:2px;}

.restaurantbanner .fa-star {color:#fff;margin:2px; font-size: 20px;}
.restaurantbanner .fa-star.active{color:#ffc107; margin:2px;}
.restaurantbanner .fa-star:hover{cursor:pointer;}
.restaurantbanner .openbg {
    padding-top: 2%;
    font-size:20px;
}
.ratingarea .ratings {
  position: relative; letter-spacing:3px;
  vertical-align: middle; cursor:pointer;
  display: inline-block; line-height: 26px;
  color: #fff; font-weight:bold;
  overflow: hidden;
}
.ratingarea .ratings2 {
  position: relative; letter-spacing:3px;
  vertical-align: middle; cursor:pointer;
  display: inline-block; line-height: 22px;
  color: #ccc; font-weight:bold;
  overflow: hidden;
}
.ratingarea .ratings3 {
  position: relative; letter-spacing:3px;
  vertical-align: middle;
  display: inline-block; line-height: 22px;
  color: #ccc; font-weight:bold;
  overflow: hidden;
}

.ratingarea .full-stars{
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
  overflow: hidden;
  color: #ffc107;
}

.ratingarea .empty-stars:before,
.ratingarea .full-stars:before {
  content: "\2605\2605\2605\2605\2605";
  font-size: 20pt;
}

.ratingarea .empty-stars:before {
  -webkit-text-stroke: 1px #fff;
}
.ratingarea .ratings2 .empty-stars:before {
  -webkit-text-stroke: 1px #ccc;
}

.ratingarea .full-stars:before {
  -webkit-text-stroke: 1px #ffc107;
}
/***********************************/
.starrating  { width:120px; float:left; cursor:pointer }
.starrating .fa { color:#999; font-size:17px; }
.starrating .fa.checked { color:#ffc80b; }
.starrating:hover .fa.checked { color:#dfae03; }

/************************/

.searchheader .input-group-btn:last-child > .btn { margin-left:-2px; }
.searchheader #searchkey.form-control { border-right: 1px solid #fff !important; }

/************************************/

.checkbox label {
  cursor: pointer;
  padding-left: 0;
  color: rgba(0,0,0, 0.8);
}
.form-group.is-focused .checkbox label {
  color: rgba(0,0,0, 0.26);
}
.form-group.is-focused .checkbox label:hover, .form-group.is-focused .checkbox label:focus {
  color: rgba(0,0,0, .54);
}
fieldset[disabled] .form-group.is-focused .checkbox label {
  color: rgba(0,0,0, 0.26);
}
.checkbox input[type=checkbox] {
  opacity: 0;
  position: absolute;
  margin: 0;
  z-index: -1;
  width: 0;
  height: 0;
  overflow: hidden;
  left: 0;
  pointer-events: none;
}
.checkbox .checkbox-material {
  vertical-align: middle;
  position: relative;
  top: 3px;
  padding-right: 5px;
}
.checkbox .checkbox-material:before {
  display: block;
  position: absolute;
  left: 0;
  content: "";
  background-color: rgba(0, 0, 0, 0.84);
  height: 20px;
  width: 20px;
  border-radius: 100%;
  z-index: 1;
  opacity: 0;
  margin: 0;
  transform: scale3d(2.3, 2.3, 1);
}
.checkbox .checkbox-material .check {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid rgba(0,0,0, .54);
  overflow: hidden;
  z-index: 1;
  border-radius: 3px;
}
.checkbox .checkbox-material .check:before {
  position: absolute;
  content: "";
  transform: rotate(45deg);
  display: block;
  margin-top: -3px;
  margin-left: 7px;
  width: 0;
  height: 0;
  background: red;
  box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset;
  animation: checkbox-off 0.3s forwards;
}
.checkbox input[type=checkbox]:focus + .checkbox-material .check:after {
  opacity: 0.2;
}
.checkbox input[type=checkbox]:checked + .checkbox-material .check {
  background: #0091f6;
}
.checkbox input[type=checkbox]:checked + span + .labelheading {  color: rgba(0,0,0, 0.3); }

.checkbox input[type=checkbox]:checked + .checkbox-material .check:before {
  color: #FFFFFF;
  box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
  animation: checkbox-on 0.3s forwards;
}
.checkbox input[type=checkbox]:checked + .checkbox-material:before {
  animation: rippleOn 500ms;
}
.checkbox input[type=checkbox]:checked + .checkbox-material .check:after {
  animation: rippleOn 500ms forwards;
}
.checkbox input[type=checkbox]:not(:checked) + .checkbox-material:before {
  animation: rippleOff 500ms;
}
.checkbox input[type=checkbox]:not(:checked) + .checkbox-material .check:after {
  animation: rippleOff 500ms;
}
fieldset[disabled] .checkbox, fieldset[disabled] .checkbox input[type=checkbox],
.checkbox input[type=checkbox][disabled] ~ .checkbox-material .check,
.checkbox input[type=checkbox][disabled] + .circle {
  opacity: 0.5;
}
.checkbox input[type=checkbox][disabled] ~ .checkbox-material .check {
  border-color: #000000;
  opacity: .26;
}
.checkbox input[type=checkbox][disabled] + .checkbox-material .check:after {
  background-color: rgba(0,0,0, 0.87);
  transform: rotate(-45deg);
}
.checkbox.has-error label {
  color: #f44336;
}

@keyframes checkbox-on {
  0% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
  }
  50% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
  }
  100% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
  }
}
@keyframes rippleOn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
}
@keyframes rippleOff {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
}

/*********************************/

.framebuy {
    background: rgba(255, 0, 8, 0.9);
    margin: 0px;
    position: fixed;
    z-index: 997;
    width: 100%; text-align:center;
    bottom: 0px;
}
.framebuy div {
    margin: 0 auto;
    max-width: 992px;
}
.framebuy a {
    color: #FFFFFF; text-transform:uppercase;
    padding: 10px 18px;
    width: 22%;
    text-align: center;
    border:#fff 2px solid;
    border-radius: 3px;
    margin:8px 3px;
}

.framebuy a:hover {  color: #d72a22; background:#fff; border:#fff 2px solid; transition: background-color 1s ease; }

@media (max-width:768px) { .framebuy { position:relative; } }


/*********************************/
@media screen and (max-width: 767px) and (min-width: 601px) {  .framebuy a { padding: 10px 6px; text-transform:capitalize; font-size:14px; } }
@media screen and (max-width: 600px) and (min-width: 301px) {  .framebuy a { width: 48%; padding: 10px 6px; text-transform:capitalize; } }
/************************/
ul.accountmenu li { cursor:default; }
ul.accountmenu li a { color:#0370bd; line-height: 30px; }
ul.accountmenu li a:hover { color:red; }
/*********************Loading Button***************************/

.loginbtn {border: none;
     text-align: center; background-color: rgba(255, 0, 8, 1);
    margin: 5px 30px;
width: 240px;
border-radius: 3px;
padding: 10px; color:#fff;
}
.loginbtn:hover { background:#e90101; }
.loginbtn:disabled {
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
    color: #AAAAAA;
    text-shadow: 0px 1px 1px #FFFFFF;
    background-size: 40px 40px;
    background-color: #DEDEDE;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    -webkit-animation: loading 1s linear infinite;
       -moz-animation: loading 1s linear infinite;
        -ms-animation: loading 1s linear infinite;
         -o-animation: loading 1s linear infinite;
            animation: loading 1s linear infinite;
}
@-webkit-keyframes loading {
    from {background-position: 0px 0px;}
    to {background-position: 40px 0px;}
}
@-moz-keyframes loading {
    from {background-position: 0px 0px;}
    to {background-position: 40px 0px;}
}
@-ms-keyframes loading {
    from { background-position: 0px 0px;}
    to { background-position: 40px 0px;}
}
@-o-keyframes loading {
    from {background-position: 0px 0px;}
    to {background-position: 40px 0px;}
}
@keyframes loading {
    from {background-position: 0px 0px;}
    to {background-position: 40px 0px;}
}



@media only screen and (max-width:300px){.framebuy a {
    width: 48%;
    padding: 10px 6px;
	font-size:12px;
}}
@media only screen and (max-width:560px){
	.footer .footercolor .col-xs-6{width:100%;}
}
@media only screen and (max-width:800px){
	.footer .acount-icon a{font-size:12px;}
}

.searchheader {
    background: #ff0008 !important;
}
.searchheader a,.searchheader a.fa, .searchheader a i { color:#fff; }
@media only screen and (max-width:767px){#pageData .restaurants .offer{width:100% !important;margin-right: 0px !important;margin-left: 0px !important;}#pageData .offer .col-xs-4{width: 25%;}#pageData .restaurants #restimg{margin-right: 3px;margin-left: 3px;}#pageData .restaurants #restimg .info-view{right:18px;}#pageData .restaurants #restimg .order-view{left:18px;}.favourite-section{padding: 0px 35px;}

.searchheader .searcharea{position: absolute;
top: 75%;
width: 100%;}
.navbar-nav .open .dropdown-menu{position: absolute;z-index:9999;}
.searchheader .navbar-nav > li > a{text-align:center;}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{background:transparent !important;}
.navbar-nav .open .dropdown-menu {
    position: absolute;
    z-index: 9999;
}
#headermenu .menu-btn{top:0px;}
#headermenu .pull-right{margin-top:14px !important;}

}
@media only screen and (max-width:414px){#pageData .restaurants .couponArea p.free{font-size:14px !important;}}

@media only screen and (max-width:767px){
.searchheader .search-section { position: absolute;top: 20%; width: 100%;}
.account-section{    position: absolute;top: 100%;right: 1%;}
.order-section{ top: 100%;position: absolute;}
.order-section .navbar-brand{display:none;}
.searchheader .navbar-nav > li > a{text-align:justify;}
.sign-section{padding-top:20px !important;}
}

@media only screen and (max-width:581px){ .restaurants .col-xs-6 { width:100% !important;} }
@media only screen and (max-width:320px){ .ratingarea .empty-stars:before, .ratingarea .full-stars:before {  font-size: 15pt;} }
@media only screen and (max-width:620px){ .ratingarea .empty-stars:before, .ratingarea .full-stars:before {  font-size: 17pt;} }