/*

Theme Name: QuickFood 

Theme URI: http://www.ansonika.com/quickfood/

Author: Ansonika

Author URI: http://themeforest.net/user/Ansonika/



[Table of contents] 



1. SITE STRUCTURE and TYPOGRAPHY

- 1.1 Typography

- 1.2 Buttons

- 1.3 Structure



2. CONTENT

- 2.1 Home all versions

- 2.2 List page

- 2.3 Restaurant menu

- 2.4  Order process

- 2.5 Restaurant detail page

- 2.6 About

- 2.7 Contacts



3. COMMON

3.1 Preloader

3.2 Parallax bg

3.4 Login/Register modals

3.5 Spacing

3.6  Map

3.7 Password strength

3.8 Input form style

3.9 Collapse

3.10 Tabs

3.11 Tooltips

3.12 Blockquote



4. UPDATES

4.1 Strip list home

4.2 Grid list

4.3 General

4.4 Map listing

4.5 Search modal

4.6 Restaurant menu

4.7 Work with us section



/*============================================================================================*/

/* 1.  SITE STRUCTURE and TYPOGRAPHY */

/*============================================================================================*/



/*-------- Allert for old browsers IE8 and below --------*/

.chromeframe{background:#ddd;color:#000;padding: 0.2em;position: fixed; top: 0; left: 0; text-align: center; z-index:9999; width: 100%;}

.chromeframe a{color:#ed1c24;}



/*-------- 1.1 Typography --------*/

html * {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

body {font-size:16px; line-height:1.5; color:#555;background-color:#f5f5f5; font-family:'Roboto',"Helvetica Neue", Helvetica, Arial, sans-serif; }

/* coloracao geral original #00a000 */
h1, h2, h3, h4, h5, h6, label {color:#033046;}

h1, h2 {font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;}



/** Layes slider typography **/   

h3.slide_typo {font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;letter-spacing:-2px; font-size: 60px; white-space:nowrap; color:#fff !important; font-weight:300;}

h3 .slide_typo strong {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:normal;}

.slide_typo_2{color:#fff; font-size:18px; white-space:nowrap}



.box_style_2 h2.inner {

	background-color:#0059B2; 

	color:#fff; 

	margin:-25px -25px 25px -25px; 

	padding:12px 15px; 

	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; 

	font-size:22px; 

	font-weight:600;

	-webkit-border-top-left-radius: 3px;

	-webkit-border-top-right-radius: 3px;

	-moz-border-radius-topleft: 3px;

	-moz-border-radius-topright: 3px;

	border-top-left-radius: 3px;

	border-top-right-radius: 3px;

}



.main_title{ text-align:center; margin-bottom:45px; }

.main_title h2{ font-size:46px; letter-spacing:-1px; font-weight:300; margin-bottom:0;}

.main_title p{ font-size:18px; color:#555; line-height:1.2; margin-bottom:30px; font-weight:300;}



.feature h3{margin-top:0;}

.feature h3 span{color:#0C4E9F;}



/*General links color #1ebea5*/

a {color:#fff;text-decoration: none;-webkit-transition: all 0.2s ease;transition: all 0.2s ease; outline:none;}

a:hover,a:focus {color: #111;text-decoration: none; outline:none;}



hr.more_margin {

	margin-top: 60px;

	margin-bottom:40px;

	border: 0;

	border-top: 1px solid #ddd;

	border-bottom: 1px solid #fff;

}

hr.styled {

	border: 0;

	border-top: 1px solid #ddd;

	border-bottom: 1px solid #fff;

}



/*-------- 1.2 Buttons --------*/

a.btn_1, .btn_1{

	border: none;

	font-family: inherit;

	font-size: inherit;

	color:#fff;

	background: #1ebea5;

	cursor: pointer;

	padding: 10px 20px;

	outline: none;

	font-size:12px;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	transition: all 0.3s;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	text-transform:uppercase;

	font-weight:600;

	display:inline-block;

	text-align:center;

}

.btn_2{

	border: none;

	font-family: inherit;

	font-size: inherit;

	color:#fff;

	background: #6DA302;

	cursor: pointer;

	padding: 10px 20px;

	outline: none;

	font-size:12px;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	transition: all 0.3s;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	text-transform:uppercase;

	font-weight:600;

	display:inline-block;

	text-align:center;

}

.btn_3 {
    border: none;
    font-family: inherit;
    font-size: 15px;
    color: #fff;
    background: #00b93b;
    cursor: pointer;
    padding: 12px 32px;
    outline: none;
    border-radius: 25px;
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block;
    text-align: center;
    transition: background 0.3s, box-shadow 0.3s; 
    box-shadow: 0 2px 10px rgba(109,163,2,0.08);
    letter-spacing: 1px;
}

.btn_3:hover,
.btn_3:focus {
    background: #019630;  
    box-shadow: 0 4px 18px rgba(77,124,1,0.15);
    color: #fff;
     transform: translateY(-2px) scale(1.03);
}

.counter-box .counter,
.counter-box .plus {
  font-size: 2.4rem;
  font-weight: 700;
  color: #fff;
  vertical-align: baseline;
  display: inline-block;
  line-height: 1;
}
.counter-box .plus {
  margin-left: 2px;
}

.counter-bar {
  width: 100%;
  background: #0C4E9F;
  color: #fff;
  padding: 20px 0 0;
  margin: 0 auto;
  font-family: 'Roboto', sans-serif;
}

.counter-bar .container {
  max-width: 1100px;
  margin: 0 auto;
}

.counter-box {
  display: inline-block;
  width: 33.3333%;
  float: left;
  margin-bottom: 14px;
  box-sizing: border-box;
}

.counter-bar i {
  font-size: 2.8rem;
  margin-bottom: 8px;
  color: #fff;
  display: block;
}

.counter {
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 1px;
  display: block;
  margin: 7px 0 2px 0;
  color: #fff;
  min-height: 36px;
}

.counter-label {
  font-size: 18px;
  color: #fff;
  font-weight: 800;
}

/* RESPONSIVO: 2 POR LINHA ATÉ 767PX */
@media (max-width: 767px) {
	.counter-bar .container {
	  padding: 0 8px; /* opcional, melhora o respiro nas laterais */
	}
	.counter-box {
	  width: 32%;
	  margin-right: 2%;
	  margin-bottom: 16px;
	  float: left;
	  box-sizing: border-box;
	  min-height: 110px; /* ajuste para seu conteúdo */
	  overflow: hidden;
	}
	.counter-box:nth-child(3n) {
	  margin-right: 0;
	}
	.counter-label {
	  display: block;
	  text-align: center;
	  word-break: break-word;
	  white-space: normal;
	  max-width: 95%;
	  margin: 0 auto;
	}
  }

a.btn_1:hover, .btn_1:hover{

	background:#00a000;

}

a.btn_full, .btn_full{

	border: none;

	font-family: inherit;

	font-size: inherit;

	color:#fff;

	width:100%;

	background: #1ebea5; 

	cursor: pointer;

	padding: 12px 20px;

	outline: none;

	font-size:12px;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	transition: all 0.3s;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	text-transform:uppercase;

	font-weight:bold;

	display:block;

	text-align:center;

	margin-bottom:5px;

}

a.btn_full:hover, .btn_full:hover{

	background:#00a000;

}

a.btn_1.medium, .btn_1.medium{

	padding: 10px 20px;

	font-size:14px;

	text-transform:none;

}

a.btn_map{

	border: none;

	font-family: inherit;

	font-size: inherit;

	color:#fff;

	background:#555;

	cursor: pointer;

	padding: 10px 20px;

	display: inline-block;

	outline: none;

	font-size:12px;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	transition: all 0.3s;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	text-transform:uppercase;

	font-weight:bold;

	display:block;

	text-align:center;

	margin-bottom:25px;

}

a.btn_map:hover{

	background:#00a000;

}

a.btn_side{

	border: none;

	font-family: inherit;

	font-size: inherit;

	color:#fff;

	background:#1ebea5;

	cursor: pointer;

	padding: 10px 20px;

	display: inline-block;

	outline: none;

	font-size:13px;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	transition: all 0.3s;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	text-transform:uppercase;

	font-weight:bold;

	display:block;

	text-align:center;

	margin-bottom:25px;

}

a.btn_side:hover{

	background:#00a000;

	color:#fff;

}

a.btn_full_outline, .btn_full_outline{

	border: none;

	font-family: inherit;

	font-size: inherit;

	color:#1ebea5;

	background:none;

	width:100%;

	border:2px solid #1ebea5;

	cursor: pointer;

	padding: 10px 20px;

	display: inline-block;

	outline: none;

	font-size:14px;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	transition: all 0.3s;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	text-transform:uppercase;

	font-weight:bold;

	display:block;

	text-align:center;

}

a.btn_full_outline:hover, .btn_full_outline:hover{

	border:2px solid #00a000;

	color:#00a000;

}

a.button_intro, .button_intro  {

	border: none;

	font-weight:normal;

	font-style:normal;

	color:#fff !important;

	background: #1ebea5;

	cursor: pointer;

	padding: 12px 25px;

	display: inline-block;

	outline: none;

	font-size:13px;

	text-align:center;

	-webkit-transition: background 0.3s;

	-moz-transition: background 0.3s;

	transition: background 0.3s;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	text-transform:uppercase;

	min-width:110px;

	font-weight:bold;

}

a.button_intro:hover, .button_intro:hover {

	background: #fff;

	color:#1ebea5 !important;

}

a.button_intro.outilne, .button_intro.outline  {

	border: 2px solid #fff;

	color:#fff;

	background: none;

	padding: 10px 23px;

}

#cart_box a.btn_full, #cart_box .btn_full{

	/* background: #1ebea5; */

	background: #0C4E9F;

	font-size:15px;

}

#cart_box a.btn_full:hover, #cart_box .btn_full:hover{

	background: #00a000;

}

#cart_box a.btn_full_outline{

	color:#1ebea5;

	background:none;

	border:2px solid #1ebea5;

}

#cart_box a.btn_full_outline:hover{

	color:#00a000;

	background:none;

	border:2px solid #00a000;

}

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



/* Header */

header {
	background-color: #0C4E9F;
	position: fixed;
	top: 0;
	width: 100%;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 28px; /* ajuste lateral consistente */
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
	z-index: 9999;
}

header .row {
	width: 100%;
	align-items: center !important;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin: 0;
}

/* Logo centralizado verticalmente */
header .menu-logo img {
	height: 41px;
	object-fit: contain;
	display: block;
}

/* Links do menu com alinhamento vertical adequado */
header nav ul {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 24px;
	margin: 0;
	padding: 0;
	list-style: none;
	height: 60px;
}

header nav ul li a {
  position: relative;
  padding: 8px 12px;
  transition: color 0.3s ease, background-color 0.3s ease;
}

header nav ul li a:hover,
header nav ul li a:focus {
	background: #fff;
	color: #0c4e9f;
	box-shadow: 0 3px 14px 0 rgba(12,78,159,0.10);
}

/* Carrinho alinhado ao centro verticalmente */
header .cart-button {
	display: flex;
	align-items: center;
	background-color: white;
	border-radius: 20px;
	padding-left: 14px;
	color: #0C4E9F;
	text-decoration: none;
	font-size: 13px;
	height: 36px;
	max-width: 120px;
	box-sizing: border-box;
  	transition: background-color 0.3s ease, transform 0.15s ease, box-shadow 0.3s ease;
}

header .cart-button:hover {
  background-color: #f0f4ff;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}


header nav ul li a,
header .cart-button {
	cursor: pointer;
}

header .cart-button .cart-icon {
	font-size: 16px;
	margin-right: 6px;
	color: #F44336;
}

header .cart-info {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	line-height: 1.1;
	font-size: 12px;
	padding-left: 8px;
	letter-spacing: -0.3px;
}

header.sticky{

	/* background-color: #0059B2; */
	/* background-color: #292C31; */
	background-color: #0C4E9F;

	-webkit-box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.41);

	-moz-box-shadow:0px 2px 10px -2px rgba(0, 0, 0, 0.41);

	box-shadow:0px 2px 10px -2px rgba(0, 0, 0, 0.41);

}

@media (max-width: 768px) {
  header .cart-button {
    max-width: 250px;
  }
}

#subheader{

	color:#e5a44e;

	text-align:center;

	display: table;

	width:100%;

	height:470px;

	background: rgba(0,0,0,.3);

}

#home #subheader{

	height:550px;

}

#short #subheader{

	height:350px;

}



#subheader a:hover{

	text-decoration:underline;

}



/* Footer  */

footer{

	background-color:#292C31;

	border-top: 1px solid #ededed;

	padding:35px 0;

}

footer h3{

	font-size:16px;

	font-weight:600;

}

footer a{

	color:rgb(165, 165, 165);

}

footer a:hover{

	color:#1ebea5;

}

footer ul{

	margin:0;

	padding: 0 0 20px 0;

	list-style:none;

}

footer .btn_1{

	text-transform:none;

	padding:8px 15px;

	background:#555;

}

#social_footer{

	text-align:center;

	border-top:1px solid #ededed;

	padding-top:30px;

	margin-top:30px;

}

#social_footer p{

	font-size:12px;

	color:#8c8c8c;

}

#social_footer ul{

	margin:0;

	padding:0 0 10px 0;

	text-align:center;

}

#social_footer ul li{

	display:inline-block;

	margin:0 5px 10px 5px;

}

#social_footer ul li a{

	/*color:#666;*/
     color:#fff;
	text-align:center;

	line-height:34px;
    display:contents;
	/*display:block;*/

	font-size:16px;

	width:35px;

	height:35px;

	background-color:#f2f2f2;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

}

#social_footer ul li a:hover{

	background:#fff;

	color:#111;

}

a#promote{

	display:inline-block;

	position:relative;

	background:#1ebea5;

	position:relative; 

	color:#fff;

	padding:10px 15px 10px 42px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	position:relative;

	margin-top:10px;

	font-weight:600;

}

a#promote:hover{

	background-color:#00a000;

}

a#promote:before{

	content: "\e003";

	font-family: 'ElegantIcons';

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	line-height: 1;

	font-size:24px;

	position:absolute;

	left:10px;

	top:6px;

}

/* Drop down select footer */

footer .styled-select select {

	background: transparent;

	width:115%;

	padding:7px 5px 5px 15px;

	border: 0;

	border-radius: 0;

	height: 37px;

	margin:0;

	font-weight:400;

	-moz-appearance: window;

	-webkit-appearance: none;

	cursor: pointer;

	color:#444;

	box-shadow:none;

}

footer .styled-select {

	width: 100%;

	overflow:hidden;

	height: 40px;

	background: #f8f8f8 url(../img/arrow_down.svg) no-repeat  right center ;

	border:none;

	margin-bottom:15px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

} 

.styled-select select::-ms-expand {display: none;}

.styled-select select:focus { outline:none;}



/* Menu 2 */

.main-menu-2 ul{

	list-style:none;

	margin:0 0 17px 0;

	padding:0;

	float:right;

	font-size:14px; 

	font-weight:500;

}

.main-menu-2 ul li{

	display:inline-block;

	margin-left:15px;

}

.main-menu-2 ul li a{

	color:#fff;

}  


.main-header {
	background: #0c4e9f;
	min-height: 80px;
  }
  
  .container-fluid {
	width: 100%;
	margin: 0 auto;
	padding: 0;
  }
  
  .main-header-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 80px;
	padding: 0 28px;
  }
  
  #logo {
	display: flex;
	align-items: center;
	height: 54px;
  }
  
  #logo img {
	display: block;
	height: 41px;
	width: auto;
	margin: 0;
  }

  .logo img {
	height: 40px; /* ajuste conforme necessário */
	display: block;
}
  
  .main-nav {
	display: flex;
	align-items: center;
	height: 100%;
  }
  
  .main-nav ul {
	display: flex;
	align-items: center;
	list-style: none;
	gap: 38px;
	margin: 0;
	padding: 0;
  }
  
  .main-nav ul li a {
	color: #fff;
	font-family: 'Montserrat', Arial, sans-serif;
	font-size: 1.35rem;
	font-weight: 700;
	text-decoration: none;
	padding: 4px 12px;
	border-radius: 4px;
	letter-spacing: .01em;
	display: block;
	line-height: 1.15;
	transition: 
		color 0.18s cubic-bezier(0.4,0,0.2,1),
		background 0.18s cubic-bezier(0.4,0,0.2,1),
		box-shadow 0.17s;
  }
  
  .main-nav ul li a:hover,
  .main-nav ul li a:focus {
	background: #fff;
	color: #0c4e9f;
	box-shadow: 0 3px 14px 0 rgba(12,78,159,0.10);
  }
  
  @media (max-width: 900px) {
	.main-header-row {
	  padding: 0 10px;
	}
	.main-nav ul {
	  gap: 18px;
	}
  }
  
  @media (max-width: 700px) {
	.main-header-row {
	  flex-direction: column;
	  height: auto;
	  padding: 0 4vw;
	  align-items: flex-start;
	}
	.main-nav ul {
	  flex-direction: column;
	  align-items: flex-start;
	  width: 100%;
	}
	.main-nav ul li {
	  width: 100%;
	}
	.main-nav ul li a {
	  width: 100%;
	  font-size: 1.07rem;
	  padding: 12px 0 12px 10px;
	  border-radius: 3px;
	}
  }



/*============================================================================================*/

/* 2.  CONTENT  */



/* 2.1 Home  */

#custom-search-input {

	margin:0;

	top: 10px;

	padding: 0;

	width:650px;

	margin:auto;

	position:relative;

}

#custom-search-input .search-query {

	width:650px;

	padding:15px 30px;

	border:0;

	-webkit-border-radius: 30px;

	-moz-border-radius: 30px;

	border-radius: 30px;

	-webkit-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.75);

	-moz-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.75);

	box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.75);

	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;

	font-weight:600;

	color:#444;

}

#custom-search-input input.btn_search{

	position:absolute;

	right:20px;

	top:13px;

	border:0;

	width:25px;

	height:25px;

	background: url(../img/search.svg) no-repeat center right;

	cursor:pointer;

}

#custom-search-input input.btn_search:focus, #custom-search-input .search-query:focus{outline:none;}

#custom-search-input input.btn_search:focus, #custom-search-input .search-query:focus{outline:none;}

#count{

	background-color:rgba(0,0,0,0.25);

	width:100%;

	position:absolute;

	bottom:0;

	left:0;

	padding:15px 0;

	color:#fff;

	font-size:18px;

	z-index:99;

	border-top: 1px solid rgba(255,255,255,0.15)

}

#count ul{

	list-style:none;

	padding:0;

	margin:0;

	text-align:center;

}

#count ul li{

	display:inline-block;

	text-align:center;

	margin:0 10px;

	padding-left:20px;

	background:url(../img/dots_vert.png) center left no-repeat;

}

#count ul li:first-child{

	margin-left:0;

	padding-left:0;

	background:none;

}

#count ul li:last-child{

	margin-right:0;

}

#count .number{

	width:auto;

	display:inline-block;

	margin-right:5px;

	font-weight:600;

	text-align:right;

	font-size:24px;

}

.header-video {

	position: relative;

	overflow: hidden;

	background: #000;

}

#hero_video {

	position: relative;

	background-size: cover;

	color:#fff;

	width: 100%;

	font-size:16px;

	display:table;

	height:100%;

	z-index:99;

	text-align:center;

}

#hero_video > div{

	display: table-cell;

	vertical-align: middle;

	text-align:center;

	padding:0 10%;

}

#hero_video > div h1{

	margin-top:-60px;

}

video {

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	opacity:0.5;

}

iframe {

	height: 100%;

	width: 100%;

}

video {

	width: 100%;

}

.teaser-video {

	width: 100%;

	height: auto; 

}

.header-video--media {

	width: 100%;

	height: auto;

}

.box_home{
	background:#fff;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	border: 1px solid #ededed;
	margin-bottom:25px;
	padding:25px 25px 25px 25px;
	text-align:center;
	position:relative;
	font-size:14px;
	color:#666;
	min-height:235px;
	box-shadow: 0 0 16px rgba(0,0,0,0.1);
}

.box_home span{
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #ededed;
	background-color:#0c4e9f;
	color: #fff;
	position:absolute;
	top:-20px;
	display:block;
	width:40px;
	height:40px;
	line-height:38px;
	font-weight:bold;
	font-size:16px;
	left:50%;
	margin-left:-20px;
}

.box_home .box-title {
	font-size: 2rem;
	margin-bottom:3px;
	font-weight:bold;
	font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.box_home .box-description {
	font-size: 1.6rem;
	margin-bottom: 1rem;
	color: #666;
	font-family: 'Roboto', sans-serif;
}

.box_home#one{

	background:#fff url(../img/icon_home_1.svg) no-repeat center 40px;
	

}

.box_home#two{

	background:#fff url(../img/icon_home_2.svg) no-repeat center 40px;

}

.box_home#three{

	background:#fff url(../img/icon_home_3.svg) no-repeat center 40px;

}

.box_home#four{

	background:#fff url(../img/icon_home_4.svg) no-repeat center 40px;

}

.box_home h3{

	font-size:16px;

	margin-bottom:3px;

	font-weight:bold;

}

#delivery_time{

	width:500px;

	margin:auto;

	text-align:center;

	margin-top:25px;

}

#delivery_time strong span{

	background:url(../img/time_panel.svg) no-repeat 0 0;

	display: inline-block;

	width:80px;

	margin-left:10px;

	height:120px;

	font-size:72px;

	line-height:120px;

	text-shadow: 1px 1px 2px rgba(255, 255, 255, 1);

}

.high_light {
	background: #e9f1fb; /* ou outro destaque */
	color: #fff;
	padding: 60px 0;
}
  
.highlight-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	max-width: 550px;
	margin: 0 auto;
}

.high_light h3 {
	font-size: 2.8rem;
	font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	margin-bottom: 15px;
	color: #0c4e9f;
}

.high_light p {
	font-size: 2rem;
	margin-bottom: 30px;
	color: #25304a;
	max-width: 420px;
	font-weight: 400;
}

/* .btn_3 {
	margin-bottom: 18px;
	margin-top: 0;
	background: #49e18a;
	color: #0c4e9f;
	border: none;
	border-radius: 28px;
	padding: 13px 36px;
	font-weight: 700;
	cursor: pointer;
	font-size: 1.08rem;
	transition: background 0.16s;
	box-shadow: 0 2px 16px rgba(76,225,138,.13);
	display: flex;
	align-items: center;
	justify-content: center;
}

.btn_3:hover {
	background: #36c371;
	color: #fff;
} */

.high_light a{

	border: none;

	font-family: inherit;

	font-size: inherit;

	color:#fff;

	background:none;

	border:2px solid #fff;

	cursor: pointer;

	padding: 15px 30px;

	outline: none;

	font-size:14px;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	transition: all 0.3s;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	text-transform:uppercase;

	font-weight:bold;

	display: inline-block;

	margin-top:15px;

	text-align:center;

	/* position:absolute; */

	right:15px;

	top:0;

}

.high_light a:hover{

	background:#00a000;

	color:#fff;

	border:2px solid #00a000;

}



/* 2.2 List page*/

#map{

	width:100%; 

	height:450px; 

	border-bottom:1px solid #ddd;

}

#filters_col{

	background-color:#fff;

	padding:20px;

	border: 1px solid #ededed;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	margin-bottom:25px;

}

#filters_col label{

	font-weight:normal;

}

a#filters_col_bt {

	display:block;

	color:#444;

	font-weight:600;

}

a#filters_col_bt .icon_set_1_icon-65{

	font-size:20px;

	position:relative;

	top:0;

	margin-right:5px;

}

.filter_type h6{

	border-top: 1px solid #ddd;

	margin:15px 0;

	padding:15px 0 0 0;

}

.filter_type ul{

	list-style:none;

	padding:0;

	margin:0 0 15px 0;

}

.filter_type ul li .rating{

	font-size:16px;

	left:-7px;

	position:relative;

	top:3px;

	color:#ccc;

}

.filter_type ul li .color_1, .filter_type ul li .color_2, .filter_type ul li .color_3, .filter_type ul li .color_4, .filter_type ul li .color_5, .filter_type ul li .color_6, .filter_type ul li .color_7, .filter_type ul li .color_8{

	width:8px;

	height:8px;

	margin:5px 5px 0 0;

	float:right;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

}

.filter_type ul li .color_1{

	background-color:#7dccc7;

}

.filter_type ul li .color_2{

	background-color:#f29bc1;

}

.filter_type ul li .color_3{

	background-color:#8494c8;

}

.filter_type ul li .color_4{

	background-color:#8dc63f;

}

.filter_type ul li .color_5{

	background-color:#84c99e;

}

.filter_type ul li .color_6{

	background-color:#f5977d;

}

.filter_type ul li .color_7{

	background-color:#72d0f4;

}

.strip_list{

	background-color:#fff;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	padding:20px;

	position:relative;

	border: 1px solid #ededed;

	min-height:152px;

	margin-bottom:30px;

	line-height:1.3;

	display:block;

}

.strip_list.last{

	margin-bottom:25px;

}

a.strip_list:hover h3{

	color:#1ebea5;

}

.desc{

	padding-left:135px;

	position:relative;

}

.desc .rating{

	color:#ccc;

	padding-top:0;

}

.desc h3{

	margin:0;

	padding:0;

}

.desc h3 a{

	color:#00a000;

}

.desc h3 a:hover{

	color:#EC008C;

}

.desc .type{

	font-size:12px;

	font-style:italic;

	color:#777;

	margin-bottom:12px;

	margin-top:5px;

}

.desc .opening{

	color:#C33;

}

.desc ul{

	list-style:none;

	margin:3px 0 0 0;

	padding:0;

}

.desc ul li{

	display:inline-block;

	margin-right:15px;

}

.desc ul li i.ok{

	color:#6C3;

	position:relative;

	top:2px;

	left:5px;

	font-size:14px;

}

.desc ul li i.no{

	color: #C30;

	position:relative;

	top:2px;

	left:5px;

	font-size:14px;

}

.thumb_strip{

	position:absolute;

	left:0;

	top:0;

	width:110px;

	height:110px;

	overflow:hidden;

	border:1px solid #ededed;

	padding:5px;

	text-align:center;

	box-sizing: border-box;

}

.thumb_strip img{

	width:98px;

	height:auto;

}

.strip_list .go_to{

	display:table;

	height:112px;

	text-align:right;

	width:100%;

}

.strip_list .go_to div{

	display: table-cell;

	vertical-align:middle;

}



.ribbon_1{

	position:absolute;

	text-indent:-9999px;

	top:-5px;

	left:-5px;

	background:url(../img/ribbon_popular.png) no-repeat 0 0;

	width:81px;

	height:80px;

	z-index:3;

}



/* 2.3 Restaurant menu*/

.box_style_1{

	background:#fff;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	border: 1px solid #ededed;

	margin-bottom:30px;

}

.box_style_2 {
	background: #f9f9f9;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #ededed;
	margin-bottom:25px;
	padding:25px;
}

#cart_box{
	background:transparent;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #ededed;
	margin-bottom:25px;
	padding:25px;
}

.box_style_2#main_menu, .box_style_2.info{

	padding-bottom:10px;

}

.box_style_2#help{

	text-align:center;

}

.box_style_2#help i{

	font-size:52px;

	display:inline-block;

	color:#999;

}

.box_style_2#help a.phone{

	font-size:26px;

	display:block;

	margin-bottom:0;

	color:#1ebea5;

}

#cart_box{

	max-height: 80vh;
	overflow-y: auto;
	
	background:#fff;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	border: 1px solid #ededed;

	margin-bottom:25px;

	padding:15px;
}

#cart_box h3{

	background:#f8f8f8;

	margin:-15px -15px 15px -15px;

	padding:15px;

	-webkit-border-top-left-radius: 3px;

	-webkit-border-top-right-radius: 3px;

	-moz-border-radius-topleft: 3px;

	-moz-border-radius-topright: 3px;

	border-top-left-radius: 3px;

	border-top-right-radius: 3px;

	font-size:18px;

}

a.remove_item {
    color: #c7c7c7;
    font-size: 22px;                /* Tamanho icônico, mas não exagerado. */
    display: flex;                  /* Para alinhar com outros ícones/itens */
    align-items: center;
    justify-content: center;
    width: 38px;                    /* Criar área clicável circular */
    height: 38px;
    border-radius: 50%;
    background: transparent;
    transition: color .18s, background .18s, box-shadow .18s;
    cursor: pointer;
    outline: none;
    border: none;
    margin: 0 auto;
    box-sizing: border-box;
}

a.remove_item:focus {
    background: #ffeaea;
    color: #d00;
    box-shadow: 0 0 0 2px #fff, 0 0 0 5px #ffd6d6;
}

a.remove_item:hover {
    color: #c9302c;
    background: #fff3f1;
    box-shadow: 0 2px 10px rgba(200, 48, 44, 0.08);
    /* Leve efeito "levita" no hover */
    transform: translateY(-2px) scale(1.05);
}

a.remove_item:active {
    background: #fbe1e1;
    color: #b71c1c;
    transform: scale(0.93);
}

a.remove_item i,
a.remove_item svg {
    pointer-events: none;
    /* Faz com que apenas o <a>, não o ícone, capture o clique */
}

#cart_box hr {

	margin-left:-15px;

	margin-right:-15px;

	border-color:#ededed;

}

#main_menu hr {

	margin-left:-25px;

	margin-right:-25px;

	margin-top:10px;

	border-color: transparent;

}

#order_process hr {

	margin-left:-25px;

	margin-right:-25px;

	margin-top:10px;

	border-color:#ededed;

}

#main_menu h3 {

	text-transform:uppercase;

	font-size:20px;

}

ul#cat_nav{

	list-style:none;

	margin: 0;

	padding:0;

}

ul#cat_nav li{

	border-bottom: 1px solid #ededed;

}

ul#cat_nav li a{

	position:relative;

	color:#555;

}

ul#cat_nav li a span{

	font-size:11px;

	color:#999;

}

ul#cat_nav li a:after{

	font-family: "fontello";

	content: "\e89b";

	position:absolute;

	right:15px;

	top:15px;

}

ul#cat_nav li:last-child{

	border-bottom: 0;

	padding-bottom:0;

}

ul#cat_nav li:first-child a:hover, ul#cat_nav li:first-child a.active{

	-webkit-border-top-left-radius: 3px;

	-webkit-border-top-right-radius: 3px;

	-moz-border-radius-topleft: 3px;

	-moz-border-radius-topright: 3px;

	border-top-left-radius: 3px;

	border-top-right-radius: 3px;

}

ul#cat_nav li:last-child a:hover, ul#cat_nav li:last-child a.active{

	-webkit-border-bottom-right-radius: 3px;

	-webkit-border-bottom-left-radius: 3px;

	-moz-border-radius-bottomright: 3px;

	-moz-border-radius-bottomleft: 3px;

	border-bottom-right-radius: 3px;

	border-bottom-left-radius: 3px;

}

ul#cat_nav li a{

	display:block;

	padding:15px 10px;

}

ul#cat_nav li a:hover, ul#cat_nav li a.active{

	background:#f9f9f9;

	color:#111;

}

#sub_content{

	display: table-cell;

	padding:0 15%;

	vertical-align: middle;

	text-align:center;

	font-size:16px;

}

#sub_content #thumb{

	width:130px;

	height:130px;

	overflow:hidden;

	text-align:center;

	box-sizing: border-box;

	margin:auto;

	margin-bottom:15px;

	border-style: solid;

	border-width: 3px;

	border-color: #ffffff;

}

#sub_content #thumb img{

	width:130px;

	height:auto;

}

#sub_content h1{

	margin:0 0 10px 0;

	font-size:70px;

	font-weight:300;

	color:#fff;

	

}

.rating{

	color:#fff;

	padding-top:10px;

}

.rating .voted{

	color: #FC0;

	margin-right:3px;

}

ul.additional_links{

	list-style:none;

	margin:0;

	padding:0;

}

ul.additional_links li{

	display:inline-block;

	border-left: 1px solid #ededed;

	margin-left:3px;

	padding-left:5px;

}

ul.additional_links li:first-child{

	border-left: none;

	padding-left:0;

	margin-left:0;

}

.table.cart-list td h5{

	margin-bottom:0;

	font-weight:600;

}

.table.cart-list{

	margin-bottom:0;

}

.table.cart-list td{

	vertical-align:middle;

}



.table.table_summary td {

	border-top:0

}

.table.table_summary td.total{

	font-weight:bold;

	font-size:18px;

}

.table td.total_confirm{

	font-weight:bold;

	font-size:18px;

	background-color:#00a000;

	color:#fff;

}

.options i{

	font-size:32px;

}

.row#options_2{

	margin-bottom:-10px;

	margin-top:-5px;

}

#options_2 label{

	font-size:12px;

}

.thumb_cart{

	border: 1px solid #ddd;

	overflow:hidden;

	width:60px;

	height:60px;

	margin-right:10px;

	float:left;

}

.thumb_cart img{

	padding:1px;

	width:58px;

	height:auto;

}

.item_cart{

	display: inline-block;

	margin-top:20px;

}



/* 2.4 Order process */

.bs-wizard { width:90%;margin:auto;}

.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}

.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {font-size: 16px; margin-bottom: 5px;}

.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;}

.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #fbe8aa; top: 45px; left: 50%; margin-top: -11px; margin-left: -15px; border-radius: 50%;} 

.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #e04f67; border-radius: 50px; position: absolute; top: 8px; left: 8px; } 

.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 23px 0;}

.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #fbe8aa;}

.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}

.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}

.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}

.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}

.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}

.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}

.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}

.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}

.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }



#confirm{

	text-align:center;

	margin-bottom:25px;

}

#confirm i{

	font-size:140px;

	color: #1ebea5;

	display:inline-block;

}



/*2.5 Restaurant detail page*/

#Img_carousel .sp-selected-thumbnail {border-bottom: 2px solid #1ebea5;}

#summary_review{

	margin:30px 0 40px 0;

	padding:25px 25px 10px 25px;

	background-color:#f1fafa;

}

#general_rating{

	margin:0 0 20px 0;

	font-weight:600;

	font-size:16px;

}

#general_rating .rating{

	display:inline;

	color:#ddd;

	font-size:20px;

}

#rating_summary ul{

	list-style:none;

	margin:0 0 0 0;

	padding:0;

}

#rating_summary ul li{

	font-size:14px;

	margin-bottom:5px;

}

#rating_summary ul li .rating{

	display:inline-block;

	float:right;

	padding:0;

	color:#ddd;

}

.review_strip_single{

	position:relative;

	padding:30px 0 20px 0;

	margin:30px 0 25px 0;

	border-bottom:1px solid #ededed;

}

.review_strip_single .rating{

	color:#ddd;

	font-size:12px !important;

}

.review_strip_single.last{

	margin-bottom:0;

	border-bottom:0;

}

.review_strip_single img{

	top:-15px;

	position:absolute;

	left:0;

	border:4px solid #ededed;

}

.review_strip_single h4{

	font-size:18px;

	margin:-12px 0 35px 90px;

	padding:0;

}

.review_strip_single small{

	float:right;

	font-size:12px;

	margin-top:-10px;

	font-style:italic;

}

.review_strip_single .rating{

	font-size:16px;

}

ul.opening_list{

	list-style:none;

	margin:0;

	padding:0;

}

ul.opening_list{

	list-style:none;

	margin:20px 0 0 0;

	padding:0;

}

ul.opening_list li{

	margin-bottom:8px;

	font-weight:600;

}

ul.opening_list li span{

	float:right;

	font-weight:400;

}

/*2.6 About*/

.features-bg {

	position: relative;

	min-height: 400px;

	background: url(../img/features-intro-01.jpg) no-repeat center center;

	background-size: cover;

}

.features-bg.img_2 {
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f7fafe;
}
.features-img {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 400px;
}
.features-img img {
    width: 100%;
    max-width: 520px;
    min-width: 320px;
    height: auto;
    border-radius: 18px;
    box-shadow: 0 8px 38px 0 rgba(12,78,159,0.16);
    background: #fff;
    padding: 7px;
}
@media (max-width: 900px) {
    .features-bg.img_2,
    .features-img {
        min-height: 300px;
        height: auto;
    }
    .features-img img {
        max-width: 95vw;
        min-width: 150px;
    }
}

.features-content {
    position: relative;
    padding: 11% 6vw 10% 6vw;
    height: 400px;
    background-color: #0c4e9f;   /* azul principal */
    color: #fff;
    font-size: 17px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 400px;
}

.features-content h3 {
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    font-size: 2.1rem;
    font-weight: 800;
    margin-bottom: 28px;
    letter-spacing: -0.5px;
    line-height: 1.1;
    text-transform: none;
}

.list_ok {
    list-style: none;
    padding: 0;
    margin: 0;
}
.list_ok li {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    font-size: 1.6rem;
}
.list_ok i {
    color: #49e18a;  /* verde, destaca o "OK" */
    margin-right: 11px;
    font-size: 1.6em;
}

  .features-content h3 {
	font-size: 2.3rem;
  }
  .list_ok i {
	font-size: 1.6em;
  }

.features-section {
	/* background: #f7faff; */
	padding: 60px 0;
  }
  
  .feature-grid {
	max-width: 950px;
	margin: 0 auto;
	display: grid;
	gap: 32px;
	grid-template-columns: 1fr 1fr;
	padding: 0 12px;
  }
  
  @media (max-width: 800px) {
	.feature-grid {
	  grid-template-columns: 1fr;
	}
  }
  
  .feature-card {
	background: #fff;
	display: flex;
	align-items: center;
	border-radius: 16px;
	box-shadow: 0 4px 20px rgba(12,78,159,0.09), 0 1.5px 6px 0 rgba(80,80,140,0.05);
	padding: 16px 30px;
	transition: box-shadow 0.2s, transform 0.2s;
  }
  
  .feature-card:hover {
	box-shadow: 0 8px 26px rgba(12,78,159,0.14), 0 1.5px 10px 0 rgba(80,80,140,0.10);
	transform: translateY(-2px) scale(1.016);
  }
  
  .feature-icon {
	min-width: 72px;
	min-height: 72px;
	border-radius: 50%;
	background: linear-gradient(135deg, #0c4e9f, #52a7ec 100%);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 30px;
	box-shadow: 0 0px 14px 0 rgba(12,78,159,0.09);
  }
  
  .feature-icon i {
	color: #fff;
	font-size: 2.35rem;
  }

  .feature-content {
	margin-bottom: 18px;
  }
  
  .feature-content h3 {
	font-size: 1.36rem;
	font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #0c4e9f;
	font-weight: 600;
	margin-bottom: 10px;
	line-height: 1.2;
  }
  
  .feature-content h3 strong {
	color: #2186d4; /* tom mais claro do azul */
	font-weight: 900;
  }
  
  .feature-content p {
	color: #646d86;
	font-size: 1.15rem;
	font-family: "Roboto", sans-serif;
	margin: 0;
	font-weight: 400;
  }





/*2.7 Contacts*/

#contacts a{

	font-size:18px;

}

/*============================================================================================*/

/* 3.  COMMON  */

/*============================================================================================*/

/*3.1 Preloader*/

#preloader {

	position: fixed;

	top:0;

	left:0;

	right:0;

	width:100%;

	height:100%;

	bottom:0;

	/* background-color:#0059B2;  */
	background-color:#0C4E9F;  
	
	z-index:999999; 

}

.sk-spinner-wave.sk-spinner {

	margin:-15px 0 0 -25px; 

	position:absolute;

	left:50%; 

	top:50%;

	width: 50px;

	height: 30px;

	text-align: center;

	font-size: 10px;

}

.sk-spinner-wave div {

	background-color: #fff;

	height: 100%;

	width: 6px;

	display: inline-block;

	-webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;

	animation: sk-waveStretchDelay 1.2s infinite ease-in-out;

}

.sk-spinner-wave .sk-rect2 {-webkit-animation-delay: -1.1s;animation-delay: -1.1s;}

.sk-spinner-wave .sk-rect3 {-webkit-animation-delay: -1s;animation-delay: -1s;}

.sk-spinner-wave .sk-rect4 {-webkit-animation-delay: -0.9s;animation-delay: -0.9s;}

.sk-spinner-wave .sk-rect5 { -webkit-animation-delay: -0.8s;animation-delay: -0.8s;}



@-webkit-keyframes sk-waveStretchDelay {

	0%, 40%, 100% {-webkit-transform: scaleY(0.4);transform: scaleY(0.4);}

	20% { -webkit-transform: scaleY(1);transform: scaleY(1);}

}

@keyframes sk-waveStretchDelay {

	0%, 40%, 100% {-webkit-transform: scaleY(0.4);transform: scaleY(0.4);}

	20% { -webkit-transform: scaleY(1);transform: scaleY(1);}

}



/* 3.2 Parallax bg */

.parallax-window {

	min-height: 470px;

	background:transparent;

	position:relative;

}

.parallax-window#home {

	min-height: 550px;

}

.parallax-window#short {

	height: 350px;

	min-height:inherit;

}

.parallax-content{

	color:#fff;

	text-align:center;

	display: table;

	width:100%;

	height:470px;

}

.parallax-content .sub_content{

	display: table-cell;

	padding:0 15%;

	vertical-align: middle;

	text-align:center;

	font-size:16px;

}

.parallax-content .sub_content h3{

	margin:0 0 10px 0;

	font-size:60px;

	font-weight:300;

	color:#fff;

	font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;

}

.parallax-content .sub_content i{

	font-size:60px;

}

.parallax-window-2 {

	height:auto;

	background: url(../img/bg_office.jpg) no-repeat center center;

	background-attachment:fixed;

	background-size:cover;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	position:relative;

}

.parallax-content-2 {

	display: table;

	width:100%;

	height:auto;

}

.parallax-content-2 > div{

	display: table-cell;

	padding:10% 15%;

	vertical-align: middle;

	text-align:center;

	color:#fff;

	font-size:16px;

}

.parallax-content-2 div h3{

	margin:0 0 10px 0;

	font-size:60px;

	font-weight:300;

	color:#fff;

	font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;

}

.parallax-content-2 div p{

	margin-bottom:0;

}

.parallax-content-2 div i{

	font-size:60px;

}

/* 3.3 Position  breadcrumbs */

#position {

	background-color:#fff;

	border-bottom:1px solid #ededed;

	padding:10px 0;

	font-size:11px;

}

#position ul li:first-child{

	padding-left:20px;

}

#position ul li:first-child:before{

	content:"\eaf4";

	font-style: normal;

	font-weight: normal;

	font-family: "fontello";

	position:absolute;

	left:0;

	top:1px;

	color:#999;

}

#position ul{

	margin:0;

	padding:0;

	color:#888;

}

#position ul li a{

	color:#252525;

	opacity:0.7;

}

#position ul li a:hover{

	color:#252525;

	opacity:1;

}

#position ul li{

	display:inline-block;

	padding-right:8px;

	margin-right:3px;

	position:relative;

}

#position ul li:after{

	content:"\e9ee";

	font-style: normal;

	font-weight: normal;

	font-family: "fontello";

	position:absolute;

	right:0;

	top:1px;

}

#position ul li:last-child:after{

	content:'';

}

.margin_fix {

	margin-top:60px;

}



/*3.4 Login/Register modals*/

#message-review .error_message{

	/* color:#FF9; */
	color:#fff;

	position:relative;

	top:-30px;

}

.form-control.form-white {

	color: #fff;

	font-size: 16px;

	height:42px;

	position: relative;

	border-radius: 0;

	border: 1px solid white;

	line-height:42px;

	background: transparent;

	-webkit-transition: background-color 0.3s;

	transition: background-color 0.3s;

	box-shadow: 0;

	-webkit-appearance: none;

	-moz-appearance:    none;

	appearance:         none;   

}

select.form-control.form-white{

	-webkit-appearance: none;

	-moz-appearance:    none;

	appearance:         none;   

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	box-shadow:0;

	border-radius: 0;

	height:42px;

	line-height:28px;

}

.modal-dialog #review .form-control.form-white{

	margin-bottom:0;

}

.form-control.form-white::-webkit-input-placeholder {

	color: #fff;

}

.form-control.form-white:-moz-placeholder {

	opacity: 1;

	color: #fff;

}

.form-control.form-white::-moz-placeholder {

	opacity: 1;

	color: #fff;

}

.form-control.form-white:-ms-input-placeholder {

	color: #fff;

}

.form-control.form-white:focus {

	background: rgba(255,255,255,0.2);

	-webkit-box-shadow: none;

	box-shadow: none;

}

.login_icon {

	color:#fff;

	font-size:60px;

	opacity:0.5;

}

.modal-backdrop {

	z-index:999999;

}

.modal {

	padding: 0 25px !important;

	z-index:9999999;

}

.modal-dialog {

	width: 100%;

	max-width: 560px;

	margin: 0 auto;

}

.modal-dialog #review {

	width: 100%;

	max-width: 650px;

}

.modal-popup {

	position: relative;

	padding:1px 30px 10px 30px;

	text-align: center;

	background: #0059B2;

	border-radius: 0px;

	border:none;

}

.modal-popup a{

	color:#fff;

}

.modal-popup a:hover{

	color:#fff;

	text-decoration:underline;

}

.modal-popup a.close-link {

	font-size: 22px;

	position: absolute;

	top: 20px;

	right: 30px;

	color: #fff;

}

.modal-popup a.close-link:hover {

	color: #00a000;

	text-decoration:none;

}

.popup-form {

	width: 90%;

	max-width: 375px;

	margin: 60px auto;

}

.popup-form .form-control {

	margin: 20px 0;

}

s.checkbox-holder {

	white-space: nowrap;

}

.checkbox {

	position: relative;

	display: block;

}

.checkbox {

	position: relative;

}

.checkbox label:before {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 20px;

	height: 20px;

	cursor: pointer;

	border: 2px solid white;

	background: transparent;

	-webkit-transition: background-color 0.3s;

	transition: background-color 0.3s;

}

.checkbox input[type=checkbox]:focus + label:before {

	background: rgba(255,255,255,0.2);

}

.checkbox label:after {

	content: '';

	position: absolute;

	top: 6px;

	left: 6px;

	width: 8px;

	height: 8px;

	opacity: 0;

	background: white;

	-webkit-transition: all 0.3s ease;

	transition: all 0.3s ease;

}

.checkbox input[type=checkbox] {

	opacity: 0;

	position: absolute;

	width: 0;

	height: 0;

}

.checkbox input[type=checkbox]:checked + label:after {

	opacity: 1;

}

.checkbox-holder span {

	position: relative;

	display: inline-block;

	margin: 0 0 0 10px;

	white-space: normal;

	color: #fff;

}

.btn.btn-submit {

	width: 100%;

	margin-top: 30px;

	color: #1ebea5;

	padding:10px;

	background: #fff;

	font-weight:600;

	outline:none;

	-webkit-transition: all 0.2s ease;

	transition: all 0.2s ease;

	font-size:16px;

}

.btn.btn-submit:focus {

	outline:none;

}

.btn.btn-submit:hover {

	color: #fff;

	background: #444;

}



/*3.5 Spacing*/

.add_bottom_15 {margin-bottom:15px;}

.add_bottom_30 {margin-bottom:30px;}

.add_bottom_45 {margin-bottom:45px;}

.add_bottom_60 {margin-bottom:60px;}

.add_bottom_75 {margin-bottom:75px;}

.add_top_20 {padding-top:20px;}

.add_top_60 {padding-top:60px;}

.margin_60 {
	padding-top:60px; 
	padding-bottom:60px;

}

.margin_60_35 {
	padding-top:90px; 
	padding-bottom:35px;
}


.margin_30 {margin-top:30px; margin-bottom:30px;}

.nomargin_top {margin-top:0;}

.nopadding {margin: 0 !important;padding: 0 !important;}

.nomargin {margin: 0 !important;}





/* 3.6 Map */

.marker_info {

	width: 250px;

	height: 280px;

	padding:20px;

	border-radius: 3px;

	text-align:center;

	background: #FFF;

	background: rgba(255, 255, 255, 0.9);

	position: relative;

	z-index: 9999999;

	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;

}

.marker_info img {

	display: block;

	margin:auto;

}

.marker_info h3 {

	font-size:16px;

	line-height:18px;

	text-transform:uppercase;

	margin-bottom:3px;

}

.marker_info em {

	margin-bottom:10px;

	display:inline-block;

	font-size:13px;

	color:#999;

}

.marker_info span {

	display: block;

	padding: 0;

	font-size: 12px;

	line-height:16px;

	color:#555;

	margin-bottom:15px;

}

.marker_info:after{

	right: 100%;

	top: 50%;

	border: solid transparent;

	content: " ";

	height: 0;

	width: 0;

	position: absolute;

	pointer-events: none;

	border-color: rgba(0, 0, 0, 0);

	border-right-color: rgba(255, 255, 255, 0.9);

	border-width: 10px;

	margin-top: -10px;

}



/* 3.7 Password strength */   

#pass-info{

	width: 100%;

	margin-bottom:15px;

	color: #829CBD;

	text-align: center;

	font: 12px/25px Arial, Helvetica, sans-serif;

}

#pass-info.weakpass{

	border: 1px solid #FF9191;

	background: #FFC7C7;

	color: #94546E;

	text-shadow: 1px 1px 1px #FFF;

}

#pass-info.stillweakpass {

	border: 1px solid #FBB;

	background: #FDD;

	color: #945870;

	text-shadow: 1px 1px 1px #FFF;

}

#pass-info.goodpass {

	border: 1px solid #C4EEC8;

	background: #E4FFE4;

	color: #51926E;

	text-shadow: 1px 1px 1px #FFF;

}

#pass-info.strongpass {

	border: 1px solid #6ED66E;

	background: #79F079;

	color: #348F34;

	text-shadow: 1px 1px 1px #FFF;

}

#pass-info.vrystrongpass {

	border: 1px solid #379137;

	background: #48B448;

	color: #CDFFCD;

	text-shadow: 1px 1px 1px #296429;

}



/* 3.8 Input form style */   

.loader { margin-left:5px; position:absolute;}

.error_message { color:#F33; font-weight:600; margin-bottom:4px;}

.form-control {

	color: #00a000;

	height:40px;

	border-radius: 3px;

	box-shadow:none;

	border:1px solid #ddd;

	box-shadow: 0;

}

.form-group {

	margin-bottom:20px;

}

footer .form-group {

	margin-bottom:15px;

}

.payment_select{

	background-color:#f0f0f0;

	padding:15px 15px 10px 15px;

	margin-bottom:20px;

	border-radius: 3px;

}

.payment_select label{

	font-size:16px;

}

.payment_select i{

	float:right;

	font-size:24px;

}

.payment_select#paypal{

	background:#f0f0f0 url(../img/paypal.svg) center right no-repeat;

}



/*3.9 Collapse*/   

.panel {

	border-radius: 3px;

	-webkit-box-shadow: none;

	box-shadow:none;

	border-color:#ededed;

}

.panel-title a {display:block; color:#444;}

.panel-default > .panel-heading {

	background-color: #f9f9f9;

	padding:20px;

	border-bottom:1px solid #ddd;

}

.panel-heading {

	border-top-left-radius: 3px;

	border-top-right-radius: 3px;

}

.panel-group .panel {

	border-radius: 3px;

}

.panel-body {

	padding:30px;

	line-height:1.6 !important;

}

.panel-title a .indicator{

	color:#1ebea5;

}

.panel-title a:hover .indicator{

	color:#00a000;

}



/*3.10 Tabs*/   

.tab-content{

	padding:30px; 

	background-color:#fff; 

	border:1px solid #ddd; 

	border-top:none; 

	margin-bottom:25px;

	-webkit-border-bottom-right-radius: 3px;

	-webkit-border-bottom-left-radius: 3px;

	-moz-border-radius-bottomright: 3px;

	-moz-border-radius-bottomleft: 3px;

	border-bottom-right-radius: 3px;

	border-bottom-left-radius: 3px;

}

/*3.11 Tooltips*/   

.tooltip_styled {

	display: inline;

	position: relative;

	z-index: 999;

}

.tooltip-item {

	cursor: pointer;

	display: inline-block;

}

.tooltip-item::after {

	content: '';

	position: absolute;

	width: 180px;

	height: 20px;

	bottom: 100%;

	left: 50%;

	pointer-events: none;

	-webkit-transform: translateX(-50%);

	transform: translateX(-50%);

}

.tooltip_styled:hover .tooltip-item::after {

	pointer-events: auto;

}

.tooltip-content {

	position: absolute;

	z-index: 9999;

	width: 180px;

	left: 50%;

	margin: 0 0 20px -90px;

	bottom: 100%;

	text-align: left;

	line-height:1.2;

	display: block;

	padding: 15px;

	font-size:13px;

	text-align:center;

	font-weight:600;

	color: #fff;

	box-shadow: -5px -5px 15px rgba(48,54,61,0.2);

	background: #00a000;

	opacity: 0;

	cursor: default;

	pointer-events: none;

}

.tooltip-effect-1 .tooltip-content {

	-webkit-transform: translate3d(0,-10px,0);

	transform: translate3d(0,-10px,0);

	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;

	transition: opacity 0.3s, transform 0.3s;

}

.tooltip-effect-2 .tooltip-content {

	-webkit-transform-origin: 50% calc(100% + 10px);

	transform-origin: 50% calc(100% + 10px);

	-webkit-transform: perspective(1000px) rotate3d(1,0,0,45deg);

	transform: perspective(1000px) rotate3d(1,0,0,45deg);

	-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;

	transition: opacity 0.2s, transform 0.2s;

}

.tooltip-effect-3 .tooltip-content {

	-webkit-transform: translate3d(0,10px,0) rotate3d(1,1,0,25deg);

	transform: translate3d(0,10px,0) rotate3d(1,1,0,25deg);

	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;

	transition: opacity 0.3s, transform 0.3s;

}

.tooltip-effect-4 .tooltip-content {

	-webkit-transform-origin: 50% 100%;

	transform-origin: 50% 100%;

	-webkit-transform: scale3d(0.7,0.3,1);

	transform: scale3d(0.7,0.3,1);

	-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;

	transition: opacity 0.2s, transform 0.2s;

}

.tooltip_styled:hover .tooltip-content {

	pointer-events: auto;

	opacity: 1;

	-webkit-transform: translate3d(0,0,0) rotate3d(0,0,0,0);

	transform: translate3d(0,0,0) rotate3d(0,0,0,0);

}

.tooltip_styled.tooltip-effect-2:hover .tooltip-content {

	-webkit-transform: perspective(1000px) rotate3d(1,0,0,0deg);

	transform: perspective(1000px) rotate3d(1,0,0,0deg);

}

.tooltip-content::after {

	content: '';

	top: 100%;

	left: 50%;

	border: solid transparent;

	height: 0;

	width: 0;

	position: absolute;

	pointer-events: none;

	border-color: transparent;

	border-top-color: #00a000;

	border-width: 10px;

	margin-left: -10px;

}

.tooltip-content .label {

	margin-left:10px;

}

.tooltip-content i{

	font-size:20px !important;

	top:3px !important;

	left:-3px !important;

	position:relative;

}

.tooltip-content h4 {

	display:block;

	margin: 0 0 10px 0;

	line-height:14px;

	font-size:14px;

	color:#fff;

	text-transform:uppercase;

}

.tooltip-content a {

	font-weight: bold;

}



/*3.12 Blockquote*/

blockquote.styled {

	font-family:Georgia, "Times New Roman", Times, serif;

}


/* 
.white_bg{

	background-color:#fff;

} */



/*============================================================================================*/

/* 4.  UPDATES */

/*============================================================================================*/

/*4.1 Strip list home*/

a.strip_list{

	color:#555;

	-webkit-transition: all 300ms ease-in-out; 

	-moz-transition: all 300ms ease-in-out; 

	-o-transition: all 300ms ease-in-out; 

}

a.strip_list:hover{

	transform: translate(0, -5px); 

	-webkit-transform: translate(0, -5px); 

	-ms-transform: translate(0, -5px); 

	-webkit-box-shadow: 0px 2px 0px 0px #ebedef; 

	-moz-box-shadow: 0px 2px 0px 0px #ebedef; 

	box-shadow: 0px 2px 0px 0px #ebedef; 

}

/*4.2 Grid list*/

.strip_list.grid .desc{

	padding-left:0;

	text-align:center;

}

.strip_list.grid .thumb_strip{

	display:block;

	position:static;

	margin:auto;

	margin-bottom:15px;

	width:140px;

	height:140px;

}

.strip_list.grid .thumb_strip img{

	width:128px;

	height:auto;

}

.strip_list.grid .desc ul{

	margin:10px 0 0 0;

}

/*4.3 General*/

a.load_more_bt{

	display:block;

	padding:10px;

	text-align:center;

	border:3px solid #fff;

	color:#555;

	font-weight:600;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

}

a.load_more_bt:hover{

	background-color:#fff;

	color:#1ebea5;

}

#tools{

	background:#fff;

	margin-bottom:25px;

	height:38px;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	border:1px solid #ededed;

}

a.bt_filters{

	height:36px;

	width:36px;

	color:#555;

	display:inline-block;

	text-align:center;

	line-height:36px;

	float:right;

	font-size:16px;

	border-left: 1px solid #ededed;

}

#tools .styled-select select {

	background: transparent;

	width:115%;

	padding:7px 5px 5px 15px;

	border: 0;

	border-radius: 0;

	height: 31px;

	margin:0;

	font-weight:600;

	font-size:11px;

	-moz-appearance: window;

	-webkit-appearance: none;

	cursor: pointer;

	color:#444;

	box-shadow:none;

}

#tools .styled-select {

	width: 100%;

	overflow:hidden;

	height: 36px;

	background: url(../img/arrow_down.svg) no-repeat  right center ;

	border:none;

	border-right: 1px solid #ededed;

} 



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



/*4.4 Map listing */

header#map_listing_header{

	background-color: #0059B2;

	position:fixed;

	-webkit-box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.41);

	-moz-box-shadow:0px 2px 10px -2px rgba(0, 0, 0, 0.41);

	box-shadow:0px 2px 10px -2px rgba(0, 0, 0, 0.41);

}

.full-height {height:100%;}

.row-height{

	height:100%;

	min-height:100%;

}

.map-right{

	height:100%;

	min-height:100%;

	padding:0px;

}

.content-left{

	height:100%;

	min-height:100%;

	overflow-y:scroll;

	padding:50px 30px 30px 30px;

	background-color:#fff;

	border-right: 1px solid #ededed;

}

#map_listing{

	width:100%;

	height:100%;

}

#collapseFiltesmap .filter_type{

	clear:both;

	width:100%;

	border-top: 1px solid #ddd;

}

#collapseFiltesmap .filter_type .range_wp{

	float:left;

	width:80%;

	padding-left:30px;

	padding-bottom:20px;

	padding-top:5px;

}

#collapseFiltesmap .filter_type h6{

	float:left;

	width:20%;

	border:0;

	padding-top:10px;

}

#collapseFiltesmap .filter_type ul{

	float:left;

	width:80%;

	margin:0 0 15px 0;

	padding:0;

	padding-top:20px;

}

#collapseFiltesmap .filter_type ul li {

	display:inline-block;

	min-width:190px;

	margin-left:45px;

}

#collapseFiltesmap .filter_type ul li label{

	font-weight:normal;

	font-size:13px;

}



#filters_map{

	border-bottom:1px solid #ededed;

	margin:0 -30px 30px -30px;

	background-color:#f8f8f8;

	padding:15px 30px 0 30px;

}

a.btn_filter{

	padding:5px;

	background-color:#fff;

	border:1px solid #ededed;

	display:inline-block;

	line-height:1;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	margin-bottom:15px;

}

a.btn_filter:before{

	font-size:30px;

	color:#999;

	padding:0;

}

a.btn_filter#open_filters:before{

	font-family: "ElegantIcons";

	content: "\66";

}

a.btn_filter#list:before{

	font-family: "ElegantIcons";

	content: "\64";

	font-size:20px;

}

a.btn_filter#grid, a.btn_filter#list{

	margin-top:5px;

}

a.btn_filter#grid:before{

	font-family: "ElegantIcons";

	content: "\e025";

	font-size:20px;

}

a.btn_filter#grid{

	margin-right:5px;

}

a.btn_listing{

	border: none;

	font-family: inherit;

	font-size: inherit;

	color:#777;

	cursor: pointer;

	font-weight:500;

	background-color:#f0f0f0;

	padding: 10px 20px;

	margin-top:5px;

	outline: none;

	font-size:12px;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	transition: all 0.3s;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	font-weight:500;

	display:inline-block;

	text-align:center;

}

a.btn_listing:hover{

	background-color:#00a000;

	color:#fff;

}

a.load_more_bt_2{

	display:block;

	padding:10px;

	text-align:center;

	border:none;

	background-color:#f0f0f0;

	color:#555;

	font-weight:500;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

}

a.load_more_bt_2:hover{

	background-color:#00a000;

	color:#fff;

}



/*4.5 Search modal  */

#position {

	background-color:#fff;

	border-bottom:1px solid #ededed;

	padding:12px 0;

	font-size:13px;

}

#position ul{

	display:inline-block;

}

a.search-overlay-menu-btn {

	display: inline-block;

	padding: 0 0 0 10px;

	color:#999;

	font-size:13px;

	border-left: 1px solid #ddd;

}

a.search-overlay-menu-btn:hover {

	color: #1ebea5;

}

a.btn_filter#search_bt{

	padding:7px;

	margin:0 4px 0 0;

	position:relative;

	top:-3px;

}

a.btn_filter#search_bt:before{

	font-family: "fontello";

	content: "\ee33";

	font-size:17px;

}

.search-overlay-menu {

	position: fixed;

	top: 0px;

	left: 0px;

	width: 100%;

	height: 100%;

	background-color: rgba(0, 0, 0, 0.9);

	-webkit-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s ease 0.3s;

	-moz-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s ease 0.3s;

	-ms-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s ease 0.3s;

	-o-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s ease 0.3s;

	transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s ease 0.3s;

	opacity: 0;

	visibility: hidden;

	z-index: 999999;

	text-align: center;

}

.search-overlay-menu.open {

	opacity: 1;

	visibility: visible;

	-webkit-transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;

	-moz-transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;

	-ms-transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;

	-o-transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;

	transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;

}

.search-overlay-menu form {

	height: 70px;

	position: absolute;

	top: 50%;

	left: 0;

	margin: -35px auto 0;

	width: 60%;

	left: 20%;

	transform: translateY(20px);

	-moz-transform: translateY(20px);

	-ms-transform: translateY(20px);

	-o-transform: translateY(20px);

	-webkit-transform: translateY(20px);

	transition: all 0.3s ease-in-out 0s;

	-moz-transition: all 0.3s ease-in-out 0s;

	-o-transition: all 0.3s ease-in-out 0s;

	-webkit-transition: all 0.3s ease-in-out 0s;

}

.search-overlay-menu.open form {

	transform: translateY(0px);

	-moz-transform: translateY(0px);

	-ms-transform: translateY(0px);

	-o-transform: translateY(0px);

	-webkit-transform: translateY(0px);

}

.search-overlay-menu input[type="search"] {

	height: 100%;

	width: 100%;

	color: #fff;

	background: transparent;

	border-top: 0px solid transparent;

	border-bottom: 2px solid #909090 !important;

	border-left: 0px solid transparent;

	border-right: 0px solid transparent;

	font-size: 42px;

	font-weight: 300;

	outline: none;

	padding: 10px 0 10px 0;

}

.search-overlay-menu form button {

	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

	border: medium none;

	font-size: 3rem;

	position: absolute;

	right: 0;

	top: 15px;

	color: #c6c6c6;

	outline: none;

}

.search-overlay-menu .search-overlay-close {

	position: absolute;

	top: 5px;

	right: 20px;

	opacity: 1;

	font-size: 40px;

	color: #fff;

}

.search-overlay-menu .search-overlay-close:hover {

	color: #1ebea5;

	cursor: pointer;

}



/*



* lightbox jquery plugin.

* created by mohamed faisal.

* url: https://www.facebook.com/Iam.MohammedFaisal



*/



.lightbox {

	height: 200px auto;

	width: 200px auto;

	cursor: pointer;



}



.img-popup {

	position: fixed;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	background: rgba(38, 40, 52, 0.9);

	text-align: center;

	display: none;

	z-index: 9999999999999;

	animation: pop-in;

	animation-duration: 0.5s;

	-webkit-animation: pop-in 0.5s;

	-moz-animation: pop-in 0.5s;

	-ms-animation: pop-in 0.5s;



}



.img-popup img {

	position: absolute;

	top: 50%;

	max-width: 80%;

	max-height: 80vh;

	display: inline-block;

	transform: translate(-50%, -50%);

}



.close-lightbox {

	position: absolute;

	top: 45px;

	right: 20%;

	padding: 0px 10px;

	color: #fff;

	font-size: 35px;

	border: 2px solid #fff;

	border-radius: 50%;

	z-index: 99;

	cursor: pointer;

}

.lightboxfadeout{

	animation: fadeout;

	animation-duration: 0.5s;

	-webkit-animation: fadeout 0.5s;

	-moz-animation: fadeout 0.5s;

	-ms-animation: fadeout 0.5s;

}



@keyframes pop-in {

	0% {

		opacity: 0;

		transform: scale(0.1);

	}

	100% {

		opacity: 1;

		transform: scale(1);

	}

}



@-webkit-keyframes pop-in {

	0% {

		opacity: 0;

		-webkit-transform: scale(0.1);

	}

	100% {

		opacity: 1;

		-webkit-transform: scale(1);

	}

}



@-moz-keyframes pop-in {

	0% {

		opacity: 0;

		-moz-transform: scale(0.1);

	}

	100% {

		opacity: 1;

		-moz-transform: scale(1);

	}

}





@keyframes fadeout {

	100% {

		opacity: 0;

		transform: scale(0.1);

	}

	0% {

		opacity: 1;

		transform: scale(1);

	}

}



@-webkit-keyframes fadeout {

	100% {

		opacity: 0;

		-webkit-transform: scale(0.1);

	}

	0% {

		opacity: 1;

		-webkit-transform: scale(1);

	}

}



@-moz-keyframes fadeout {

	100% {

		opacity: 0;

		-moz-transform: scale(0.1);

	}

	0% {

		opacity: 1;

		-moz-transform: scale(1);

	}

}



/*4.6 Restaurant menu  */

.thumb_menu_list{

	width:80px;

	height:80px;

	overflow:hidden;

	text-align:center;

	display:inline-block;

	float:left;

	margin-right:15px;

	border:1px solid #fff;

	border-radius:8px;

}

.thumb_menu_list img{

	width:80px;

	height:auto;

}



.dropdown-menu{

	border: none;

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	border-radius: 0;

	padding: 5px 20px 10px 20px;

	width:300px;

	font-size:12px;

	font-weight: normal;

	text-shadow:none;

	text-transform:none !important;

	border-top: 2px solid #1ebea5;

	margin-left:-136px;

}



.dropdown-menu:before{

	bottom: 100%;

	left: 50%;

	border: solid transparent;

	content: " ";

	height: 0;

	width: 0;

	position: absolute;

	pointer-events: none;

	border-bottom-color: #1ebea5;

	border-width: 7px;

	margin-left: -7px;

}

.dropdown-menupop{

	margin-top:10px;

	

}

.dropdown-menupop h5{

	border-bottom:1px solid #ededed;

	padding-bottom:5px;

	margin-bottom:5px !important;

	font-size:13px;

}

.dropdown-menupop label{

	font-weight:500;

	color:#555 !important;

}

.dropdown-menupop label{

	font-weight:500;

	color:#555 !important;

	width:100%;

}

.dropdown-menupop label input{

	margin-right:5px;

}

.dropdown-menupop label span{

	float:right !important;

	display:inline-block;

	text-align:right;

}

.dropdown-menupop a.add_to_basket{

	background-color:#f8f8f8;

	border-radius:3px;

	display:block;

	font-weight:500;

	text-align:center;

	padding:5px 10px;

	margin-top:15px;

	color:#1ebea5

}

.dropdown-menupop a.add_to_basket:hover{

	background-color:#1ebea5;

	color:#fff;

}



/*Drop-down menu options position */

.dropdown-menupop{

	border-top:0; 

	border-bottom: 2px solid #1ebea5;

	margin-bottom: 10px;

}

.dropdown-menupop:before{

	top: 100%;

	left: 50%;

	border-color: #1ebea5 transparent transparent transparent;

	border-bottom-color: #1ebea5;

	border-width: 7px 7px 0 7px;

	margin-left: -7px;

}



/*4.7 Work with us section  */

a.box_work{

	text-align:center;

	background-color:#fff;

	padding:30px;

	font-size:14px;

	transition: all 300ms ease-in-out; 

	-webkit-transition: all 300ms ease-in-out; 

	-moz-transition: all 300ms ease-in-out; 

	-o-transition: all 300ms ease-in-out; 

	-webkit-box-shadow: 0px 3px 0px 0px #f0f2f4; 

	-moz-box-shadow: 0px 3px 0px 0px #f0f2f4; 

	box-shadow: 0px 3px 0px 0px #f0f2f4;

	color:#666;

	margin-bottom:30px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	display:block;

}

a.box_work:hover{

	transform: translate(0, -10px); 

	-webkit-transform: translate(0, -10px); 

	-ms-transform: translate(0, -10px); 

	-webkit-box-shadow: 0px 3px 0px 0px #ebedef; 

	-moz-box-shadow: 0px 3px 0px 0px #ebedef; 

	box-shadow: 0px 3px 0px 0px #ebedef; 

}

a.box_work h3{

	font-size:24px;

}

a.box_work h3 span{

	display:block;

	font-size:18px;

	margin-top:3px;

	color:#999;

	font-weight:300;

}

a.box_work .btn_1{

	margin-top:30px;

}

ul.list_ok {

	list-style: none;

	margin: 0 0 20px 0;

	padding: 0;

	line-height: 22px;

}



ul.list_ok li {

	position: relative;

	padding-left: 30px;

	margin-bottom:15px;

}



/* ul.list_ok li:before {

	font-style: normal;

	font-weight: bold;

	font-family: "ElegantIcons";

	font-size: 18px;

	content: "\e052";

	color: #fff;

	position: absolute;

	left: 0;

	top: 0;

} */

.feature_2 h3{margin-top:0; font-size:21px;}

.feature_2 {

	padding:30px 30px 20px 100px;

	position:relative;

	background:#fff;

	margin-bottom:30px;

	color:#666;

	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);

	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);

	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);

}

.feature_2 i{

	margin:0;

	position:absolute; 

	top:20px;

	left:20px;

	padding:0;

	margin:0;

	width:65px;

	height:65px;

	line-height:60px;

	text-align:center;

	font-size:38px;

	color:#6dcff6;

}

label.margin_left{

	margin-left:15px !important;

}



/*Pricing tables*/
.white_bg {
	background: #f7fafe; /* Ou #f7fafe */
}

.plans {
	margin: 0 auto;
	padding-top: 30px;
	display: flex;
	gap: 36px;
	justify-content: center;
	flex-wrap: wrap;
}

.plan {
	flex: 1 1 0;
	min-width: 310px;
	max-width: 350px;
	margin: 0;
	background: #fff;
	border-radius: 22px;
	box-shadow: 0 4px 36px 0 rgba(12,78,159,0.09), 0 1.5px 6px 0 rgba(80,80,140,0.04);
	border: 1.5px solid #dde7f3;
	padding: 30px 25px 32px 25px;
	transition: transform 0.18s, box-shadow 0.18s;
	position: relative;
	text-align: center;
	min-height: 430px;
	z-index: 1;
}

.plan.plan-tall {
	min-height: 520px;
	box-shadow: 0 12px 56px 0 rgba(12,78,159,0.18), 0 2.5px 18px 0 rgba(80,80,140,0.12);
	z-index: 10;
	transform: scale(1.065);
	position: relative;
	top: -24px;
	border: 2.2px solid #0c4e9f;
}

.plan:hover {
	box-shadow: 0 8px 36px 0 rgba(12,78,159,0.18), 0 2px 12px rgba(12,78,159,0.07);
	transform: translateY(-8px) scale(1.03);
}

.plan.plan-tall:hover {
	transform: translateY(-8px) scale(1.1);
	z-index: 20;
}

.plan-tall {
	border: 2px solid #0c4e9f;
	box-shadow: 0 8px 44px 0 rgba(12,78,159,0.18), 0 2px 12px rgba(12,78,159,0.09);
	z-index: 10;
}

.ribbon_table,
.ribbon {
	width: 99px;
	height: 97px;
	position: absolute;
	left: -7px;
	top: -7px;
	display: block;
	background: url(../img/ribbon.png) no-repeat 0 0;
	z-index: 101;
}

.plan-title {
	font-size: 1.38rem;
	font-weight: 700;
	color: #0c4e9f;
	margin-bottom: 16px;
	background: none;
	border: none;
	padding: 0;
	text-transform: unset;
	letter-spacing: -0.4px;
}

.plan-tall .plan-title {
	color: #0c4e9f;
	font-size: 1.33rem;
}
  
.plan-price {
	margin: 0 auto 24px;
	width: 112px;
	height: 112px;
	line-height: 112px;
	font-size: 2.14rem;
	background: linear-gradient(135deg, #0c4e9f 60%, #2186d4 100%);
	color: #fff;
	font-weight: 900;
	border-radius: 50%;
	border: none;
	box-shadow: 0 2px 16px rgba(12, 78, 159, 0.11);
	display: inline-block;
}

.plan-tall .plan-price {
	width: 132px;
	height: 132px;
	font-size: 2.5rem;
	line-height: 132px;
	background: linear-gradient(135deg, #0c4e9f 60%, #2186d4 100%);
}

.plan-price>span {
	font-size: 0.75rem;
	display: block;
	font-weight: 400;
	color: #deebfa;
}

.plan-features {
	margin-bottom: 24px;
	text-align: left;
	font-size: 1.16rem;
	color: #25304a;
	line-height: 1.75;
	min-height: 120px;
}

.plan-features li {
	list-style: none;
	margin-bottom: 8px;
	display: flex;
	align-items: center;
}

.plan-features li i {
	color: #49e18a;
	font-size: 1.2em;
	margin-right: 8px;
}

.plan-button,
.btn_2 {
    background: #00b93b;
	color: #fff !important;
	border: none;
	border-radius: 24px;
	font-size: 1.11rem;
	padding: 13px 32px;
	font-weight: 700;
	margin-top: 18px;
	width: 100%;
	transition: background 0.2s;
	box-shadow: 0 2px 14px rgba(76,225,138,.08);
}

.plan-button:hover,
.btn_2:hover {
    background: #019630; 
	color: #fff;
}

@media (max-width: 1024px) {
	.plans {
	  flex-direction: column;
	  gap: 24px;
	  align-items: center;
	}
	.plan, .plan.plan-tall { min-width: 0; width: 100%; max-width: 95vw; }
}

.navmenu{
	font-size: 18px;
	
}

.demo {
	align-content: center;
}

.section-estabelecimentos {
  min-height: 400px;
}

.selector-group {
  display: flex;
  justify-content: center;
  gap: 18px;
  margin-bottom: 24px;
}
.selector-btn {
  background: #b60000;
  color: #fff;
  font-size: 18px;
  padding: 10px 38px;
  border: none;
  outline: none;
  border-radius: 24px;
  cursor: pointer;
  font-weight: 600;
  transition: background .3s;
  margin-bottom: 2px;
}
.selector-btn.active, .selector-btn:hover {
  background: #0c4e9f;
  color: #fff;
}
.selector-btn i { margin-left: 10px; }

.estabs-title {
  text-align: center;
  color: #18304d;
  font-weight: 700;
  font-size: 2rem;
  margin-top: 18px;
  margin-bottom: 2px;
  font-weight:bold;
  font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.estabs-subtitle {
  text-align: center;
  color: #707070;
  font-size: 1.4rem;
  margin-bottom: 32px;
  font-family: 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* GRID DE CARDS */
.estabs-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  justify-content: flex-start;
  margin: 0 auto;
  max-width: 1200px;
  overflow: visible !important; 
}

.estab-card {
  display: flex;
  align-items: center;
  background: #faf8f8;
  border-radius: 16px;
  box-shadow: 0 8px 32px 0 rgba(12, 78, 159, 0.08);
  padding: 20px 24px;
  transition:
    box-shadow .21s,
    opacity .3s,
    background .22s,
    transform .25s cubic-bezier(.3,1.22,.56,.95),
    border-color .25s,
    border-width .40s;
  border: 1px solid #e1e0e0;
  min-height: 150px;
  position: relative;
  width: calc(50% - 16px);
  margin: 0;
  opacity: 1;
  transform: none;
}

.estab-card.estab-open:hover {
  transform: scale(1.04);
  z-index: 2;
  box-shadow: 0 14px 42px 0 rgba(12, 78, 159, 0.25);
  border-width: 1px; 
  border-color: #0059B2;
  cursor: pointer;
}

/* Não há hover nos estabelecimentos fechados. Também não são clicáveis. */
.estab-card.estab-closed {
  opacity: 0.54;
  background: #f6f6f6 !important;
  filter: grayscale(0.72);
  pointer-events: none;
  /* Nenhum efeito de hover! */
}
.estab-card.estab-open {
  opacity: 1;
  background: #fff;
  border: 1.5px solid #e9f1fb;
  box-shadow: 0 6px 26px 0 rgba(12, 78, 159, 0.13);
}

.estab-img img {
  border-radius: 7px;
  width: 90px;
  height: 90px;
  object-fit: cover;
  background: #fff;
  border: 2px solid #e3e3e3;
  margin-right: 16px;
  display: block;
}
.estab-img {
  margin-right: 22px;
}
.estab-info {
  flex: 1;
  min-width: 0;
}
.estab-name {
  font-size: 1.8rem;
  font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  color: #222;
  margin-bottom: 5px;
  line-height: 1.25;
}
.estab-card.estab-closed .estab-name { color: #888; }
.estab-delivery, .estab-min, .estab-timing {
  font-size: 1.12rem;
  color: #666;
  margin-bottom: 2px;
}
.estab-status {
  font-size: 1.08rem;
  display: flex;
  align-items: center;
  margin-top: 8px;
  font-weight: 600;
}
.dot-dot {
  display: inline-block;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  margin-right: 7px;
  vertical-align: middle;
}
.dot-dot.open {
  background: #14b468;
  border: 2px solid #e5f8ee;
  animation: pulsar-dot 1.1s infinite;
}
.dot-dot.closed {
  background: #c1c1c1;
  border: 2px solid #eeeeee;
}
a.estab-card {
  color: inherit;
  text-decoration: none;
  display: flex;
}
a.estab-card:visited { 
	color: inherit; 
}

@keyframes pulsar-dot {
  0% { box-shadow: 0 0 0 0 rgba(20,180,104,0.7); }
  70% { box-shadow: 0 0 0 8px rgba(20,180,104,0); }
  100% { box-shadow: 0 0 0 0 rgba(20,180,104,0); }
}

/* Animação de fade ao filtrar */
.estab-card.fade-move {
  transition: opacity .35s cubic-bezier(.45,.12,.6,1.18), 
              transform .35s cubic-bezier(.45,.12,.6,1.18);
  opacity: 0;
  transform: translateY(32px) scale(0.95);
  pointer-events: none;
}
.estab-card.show {
  opacity: 1 !important;
  transform: translateY(0) scale(1) !important;
  pointer-events: all;
  display: flex !important;
}

/* RESPONSIVIDADE */
@media (max-width: 1100px) {
  .estabs-grid { max-width: 100%; }
  .estab-card { width: calc(50% - 16px); }
}
@media (max-width: 900px) {
  .estabs-grid { gap: 18px; }
  .estab-card { width: 100%; }
}
@media (max-width: 650px) {
  .estab-card {
    flex-direction: column;
    padding: 15px 9px;
    min-height: 100px;
  }
  .estab-img img {
    width: 70px;
    height: 70px;
    margin-bottom: 12px;
    margin-right: 0;
  }
  .estab-img {
    margin-right: 0;
    margin-bottom: 5px;
  }
}

#categorias-bar-modern {
    width: 100%;
    margin-bottom: 20px;
    margin-top: 4px; /* quase colado ao breadcrumb/topo */
    position: relative;
    z-index: 2;
}

/* Flex linha principal */
.categorias-bar-inner {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 16px !important;
}

.categorias-scroll {
    display: flex;
    flex-wrap: nowrap;
    gap: 12px;
    overflow-x: visible;
    overflow-y: visible;
    padding-bottom: 4px;
    scrollbar-width: thin;
    scrollbar-color: #f0f0f0 #dedede;
    flex: 1;
}

/* ------ CARD CATEGORIA ------- */
.categoria-card {
    width: 102px;
    min-width: 102px;
    max-width: 118px;
    height: auto;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 1px 6px 0 rgba(36,37,38,0.06);
    padding: 10px 7px 7px 7px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-decoration: none;
    color: #28333f;
    font-weight: 700;
    border: 2px solid transparent;
    box-sizing: border-box;
    cursor: pointer;
    outline: none;
    transition: 
        box-shadow 0.18s,
        outline-color .18s,
        outline-width .18s,
        outline-offset .14s,
        transform 0.13s,
        border 0.14s
    ;
    overflow: auto;
    position: relative;
    user-select: none;
}

.categoria-card:focus,
.categoria-card:hover {
    outline: 2.4px solid #3978e8;
    outline-offset: 2.5px;
    box-shadow: 0 6px 24px 0 #0f62fe18;
    z-index: 2;
    border: 2px solid #fafdff;      /* some com a border color viva pra outline sobressair */
    transform: scale(1.039);
    background: #fafdff;
}

.categoria-icone {
    height: 27px;
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Nome até 2 linhas, com elipsis e altura regular */
.categoria-nome {
    font-size: 8px;
    font-weight: 700;
    text-transform: uppercase;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    max-height: 1.6em;
    line-height: 1.5;
    margin-bottom: 0;
    margin-top: 1px;
    text-align: center;
    word-break: break-word;
}

/* Itens logo abaixo, menor */
.categoria-itens {
    font-size: 10px;
    color: #b8bdc8;
    font-weight: 600;
    margin-top: 2px;
    line-height: 1.08;
}

/* Sem categoria */
.categoria-vazia {
    background: #ececec;
    color: #999;
    border: 0;
}

/* ------ CARD COMPARTILHAR------- */
.card-compartilhar-modern {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 2px 10px 0 rgba(36,37,38,0.08);
    padding: 9px 15px 7px 15px;
    min-width: 160px;
    max-width: 240px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.compartilhe-label {
    display: block;
    font-size: 11px;
    font-weight: 700;
    color: #345691;
    letter-spacing:0.0px;
    margin-bottom: 4px;
    padding-left: 2px;
    text-align: center;
}

.a2a_kit { margin-top: 2px; }
.a2a_kit a { margin-right: 2px !important; }

.categorias-scroll::-webkit-scrollbar { height: 5px; }
.categorias-scroll::-webkit-scrollbar-thumb { background: #dedede; border-radius: 100px; }

/* MOBILE */
@media (max-width:900px){
    .categorias-bar-inner { gap: 7px !important;}
    .card-compartilhar-modern {min-width:90px; max-width:110px; padding:6px 6px 5px 6px;}
}
@media (max-width: 700px) {
    .categorias-bar-inner {
        flex-wrap: wrap; /* permite quebra de linha */
        flex-direction: column; /* organiza em blocos verticais */
        gap: 10px !important;
    }

    .categorias-scroll {
        overflow-x: auto;
        flex-wrap: nowrap;
        width: 100%;
    }

    .card-compartilhar-modern {
        flex-direction: row; /* organiza os ícones lado a lado */
        justify-content: center;
        flex-wrap: wrap;
        width: 100%;
        max-width: 100%;
    }

    .a2a_kit {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .a2a_kit a {
        margin: 2px;
    }

    .compartilhe-label {
        width: 100%;
        text-align: center;
        margin-bottom: 4px;
    }
}

/* Campo de busca */
#filtroItens {
    width: 100%;
    padding: 12px 16px;
    font-size: 16px;
    border: 2px solid #ccc;
    border-radius: 8px;
    box-sizing: border-box;
    outline: none;
    transition: 0.3s border-color ease;
    margin-bottom: 20px;
}

#filtroItens:focus {
    border-color: #0C4E9F;
}

/* Container das categorias */
#listaCategorias {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Bloco de cada categoria */
.categoria-bloco {
    background-color: #f8f9fb;
    padding: 15px 20px;
    border-radius: 12px;
    box-shadow: 0 2px 10px 0 rgba(36,37,38,0.08);
}

/* Título da categoria */
.categoria-bloco h3 {
    font-size: 18px;
  	font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 10px;
    color: #0C4E9F;
    font-weight: 600;
    border-left: 4px solid #0C4E9F;
    padding-left: 10px;
}

/* Lista de itens */
.categoria-bloco ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Cada item */
.categoria-bloco .item {
    padding: 10px 12px;
    margin-bottom: 8px;
    background-color: #ffffff;
    border-radius: 8px;
    font-size: 15px;
    color: #333;
    transition: 0.2s background-color ease;
    cursor: pointer;
}

.categoria-bloco .item:hover {
    background-color: #e9f0fb;
}



/* NOVO ESTILO DO ESQUEMA DE CARDS */

  .categoria-bloco {
    margin-bottom: 40px;
    font-family: 'Roboto', sans-serif;
  }

  .categoria-bloco h3 {
    font-size: 20px;
    color: #0C4E9F;
    margin-bottom: 5px;
    font-family: 'Roboto', sans-serif;
  }

  .categoria-bloco p {
    color: #555;
    font-size: 14px;
    margin-bottom: 20px;
  }

  .card-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }

  .card-item {
    flex: 1 1 calc(50% - 20px);
    background: #fff;
    border-radius: 10px;
    padding: 15px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: box-shadow 0.3s ease;
  }

  .card-item:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,0.1);
  }

  .card-texto {
    flex: 1;
    padding-right: 10px;
  }

  .card-texto h5 {
    margin: 0 0 5px;
    font-size: 16px;
    color: #333;
  }

  .card-texto p {
    margin: 0 0 8px;
    font-size: 14px;
    color: #666;
  }

  .card-preco {
    font-weight: bold;
    color: #0C4E9F;
    font-size: 15px;
  }

  .card-imagem img {
    width: 90px;
    height: 90px;
    object-fit: cover;
    border-radius: 6px;
  }

  @media (max-width: 768px) {
    .card-item {
      flex: 1 1 100%;
    }
  }






  .cart-list {
    table-layout: fixed;
    width: 100%;
}

.cart-list th.col-price,
.cart-list td.col-price {
    width: 90px;
    min-width: 72px;
    max-width: 110px;
    text-align: right;
    padding-right: 0.5rem;
    white-space: nowrap;
    vertical-align: middle;
}

.cart-list th.col-action,
.cart-list td.col-action {
    width: 56px;
    min-width: 52px;
    max-width: 72px;
    text-align: right;
    padding-left: 8px;
    padding-right: 8px;
    vertical-align: middle;
}

.cart-list th,
.cart-list td {
    padding-top: 5px;
    padding-bottom: 5px;
}

@media (max-width: 575px) {
    .cart-list th.col-price,
    .cart-list td.col-price {
        width: 60px;
        min-width: 40px;
        font-size: 0.9em;
    }
    .cart-list th.col-action,
    .cart-list td.col-action {
        width: 38px;
        min-width: 28px;
    }
}


.col-action .fa, .col-action button, .col-action a {
    display: inline-block;
    font-size: 18px;
    vertical-align: middle;
    margin: 0 auto;
}




.store-status {
    display: inline-block;
    padding: 6px 16px;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 999px; /* pill style */
    margin: 8px 0 0 0;
    letter-spacing: 0.05em;
    border: 2px solid transparent;
    transition: background 0.15s, border 0.15s, color 0.15s;
    box-shadow: 0 2px 8px rgba(0,0,0,.07);
}

.store-open {
    border-color: #72bf44;
    background: linear-gradient(90deg,#86c953 80%,#b2f07d 100%);
    color: #232d22;
}
.store-closed {
    border-color: #ff4c4c;
    background: linear-gradient(90deg,#ff6247 80%,#ffd1d1 100%);
    color: #781d1d;
}
@media (max-width: 576px) {
    .store-status {
        font-size: .93rem;
        padding: 6px 10px;
        margin-top: 6px;
    }
}






@media (max-width: 600px) {
  #cartSidebarModal .modal-dialog {
    margin: 0;
    width: 100vw;
    max-width: none;
    height: 100vh;
  }
  #cartSidebarModal .modal-content {
    border-radius: 0;
    min-height: 100%;
    height: 100vh;
  }
  #cartSidebarModal .modal-body {
    overflow-y: auto;
    height: calc(100vh - 56px); /* header height */
  }
}



.cart-count {
    position: absolute;
    top: 0; right: 0;
    background: #ff6247;
    color: #fff;
    font-size: 13px;
    border-radius: 12px;
    padding: 0 6px;
    min-width: 22px;
    text-align: center;
    z-index: 10;
    font-weight: bold;
    transition: background 0.3s;
}

/* Pulse/animar */
.pulse {
    animation: pulse-animation 0.5s;
}
@keyframes pulse-animation {
    0% { transform: scale(1); }
    25% { transform: scale(1.2); }
    50% { transform: scale(1); }
    100% { transform: scale(1); }
}



#cart_box {
    font-family: 'Roboto', sans-serif;
}

#whatsapp {
    position: fixed;
    bottom: 34px;
    right: 24px;
    z-index: 9999;
    background: none;
    font-family: 'Roboto', sans-serif;
}

#whatsapp a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 24px rgba(40, 110, 35, 0.20), 0 1.5px 8px #27771b33;
    transition: box-shadow 0.23s, transform 0.23s;
    border: 1.5px solid #15a2291d;
    cursor: pointer;
    text-decoration: none;
    outline: none;
    position: relative;
    font-weight: 600;
}

#whatsapp a:hover,
#whatsapp a:focus {
    box-shadow: 0 8px 28px #27771b40;
    transform: translateY(-2px) scale(1.06);
}

#whatsapp .cart-count {
    position: absolute;
    top: -4px;
    right: -4px;
    min-width: 23px;
    min-height: 23px;
    padding: 0 7px;
    border-radius: 50%;
    background: #ff6247;
    color: #fff;
    font-weight: bold;
    font-size: 1em;
    text-align: center;
    border: 2.5px solid #fff;
    box-shadow: 0 1px 6px #ff624766;
    transition: background 0.15s, box-shadow 0.15s;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 2;
}

#whatsapp .cart-count.pulse {
    animation: pulseCart 0.3s;
}

@keyframes pulseCart {
    0% { transform: scale(1.09); }
    50% { transform: scale(1.19); background: #ff876a; }
    100% { transform: scale(1); }
}

#whatsapp i.fa-shopping-bag,
#whatsapp i.fa-shopping-cart {
    font-size: 32px;
    color: #197c45;
    opacity: .94;
    margin: 0;
    transition: color 0.18s;
}

#whatsapp a:active i,
#whatsapp a:focus i {
    color: #34af23;
}






#cart_box {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 1.05em;
    color: #222;
    background: #fff;
}

#cart_box h3 {
    font-family: 'Lato', Arial, Helvetica, sans-serif;
    font-size: 1.28em;
    color: #18345c;
    font-weight: 900;
    margin-bottom: 20px;
    letter-spacing: 0.01em;
    text-transform: uppercase;
}

#cart_box .table_summary,
#cart_box .table_summary td,
#cart_box .table_summary th {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 1.01em;
    color: #222;
    font-weight: 400;
    border: none;
    background: none !important;
    letter-spacing: 0.01em;
    vertical-align: top;
    padding-top: 0.67em;
    padding-bottom: 0.67em;
}

#cart_box .table_summary tr {
    border-bottom: 1px solid #f5f5f5;
}

#cart_box .table_summary td.total,
#cart_box .table_summary td.total * {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 1.13em;
    color: #0c4e9f !important;
}

#cart_box .table_summary b,
#cart_box .table_summary .cart-prod-name {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 1.12em;
    color: #17243b;
}

#cart_box .table_summary .cart-prod-qtd {
    font-size: 1em;
    font-weight: 700;
    margin-right: 2px;
}

#cart_box .cart-buttons {
    display: flex;
    gap: 12px;
    margin-top: 18px;
    align-items: stretch;
}

#cart_box .btn_full {
    flex: 1;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-weight: 700;
    border: none;
    border-radius: 8px;
    padding: 17px 0;
    text-align: center;
    font-size: 1.09em;
    cursor: pointer;
    letter-spacing: .04em;
    transition: background .16s, box-shadow .15s, color .13s;
    box-shadow: 0 2px 8px 0 rgba(12,78,159,0.07);
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
}

#cart_box .btn_full.validarCupom {
    background: #fff;
    color: #0c4e9f;
    border: 2px solid #0c4e9f;
}

#cart_box .btn_full.validarCupom:hover,
#cart_box .btn_full.validarCupom:focus {
    background: #0c4e9f;
    color: #fff;
    border-color: #0c4e9f;
}

#cart_box .btn_full.btn-finalizar-pedido {
    background: #0c4e9f;
    color: #fff;
    border: 2px solid #0c4e9f;
}

#cart_box .btn_full.btn-finalizar-pedido:hover,
#cart_box .btn_full.btn-finalizar-pedido:focus {
    background: #155bb7;
    color: #fff;
    border-color: #155bb7;
}

#cart_box .btn_full:active {
    transform: scale(0.96);
}

/* Ícone cupom, caso use Font Awesome */
#cart_box .btn_full.validarCupom .fa,
#cart_box .btn_full.validarCupom .fa-percent {
    font-size: 1.24em;
    margin-right: 8px;
    vertical-align: middle;
    color: inherit;
    transition: color .2s;
}
#cart_box .btn_full.validarCupom:hover .fa,
#cart_box .btn_full.validarCupom:focus .fa {
    color: #ffe136;
}

#cart_box .remove_item {
    color: #c7c7c7;
    background: none;
    border: none;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    text-align: center;
    font-size: 1.33em;
    transition: color .15s, box-shadow .14s;
    cursor: pointer;
    outline: none;
}

#cart_box .remove_item:hover, 
#cart_box .remove_item:focus {
    color: #C9302C;
    background: #fff4f4;
    box-shadow: 0 2px 8px #ce282810;
}

#cart_box .remove_item:active {
    color: #ab1616;
    background: #ffdfdf;
}


h1, h2, h3, h4, h5 {
    font-family: 'Lato', Arial, Helvetica, sans-serif;
}

p, a {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
}


.cart-button {
    display: inline-flex;
    align-items: center;
    background-color: #ffffff;
    border-radius: 30px;
    padding: 6px 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    text-decoration: none;
    transition: background 0.3s ease;
}

.cart-button:hover {
    background-color: #f2f2f2;
}

.cart-icon {
    font-size: 18px;
    margin-right: 8px;
    color: #ff2646;
}

.cart-info {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}

.cart-price {
    font-size: 13px;
    font-weight: bold;
    color: #0c4e9f;
}

.cart-items {
    font-size: 11px;
    color: #888;
}

@media (max-width: 768px) {
    .cart-button {
        width: 100%;
        justify-content: center;
        margin-top: 10px;
    }

    .cart-info {
        align-items: center;
        text-align: center;
    }
}






.cardapio-categoria {
  margin-bottom: 36px;
}

.cardapio-categoria h3 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 8px;
}

.cardapio-categoria p {
  font-size: 14px;
  color: #666;
  margin-bottom: 16px;
}

.cardapio-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* dois por linha */
  gap: 16px;
}

.card-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background-color: #fff;
  border-radius: 14px;
  padding: 12px;
  box-shadow: 0 1px 6px rgba(0,0,0,0.08);
  cursor: pointer;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
  height: 130px;
  overflow: hidden;
  position: relative;
}

.card-item:hover {
  box-shadow: 0 4px 16px rgba(0,0,0,0.1);
  transform: scale(1.01);
}

.card-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
  padding-right: 12px;
  overflow: hidden;
}

.card-title {
  font-size: 15px;
  font-weight: 700;
  margin: 0;
  color: #333;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.card-desc {
  font-size: 13px;
  color: #666;
  margin: 6px 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.card-price {
  font-size: 14px;
  font-weight: 600;
  color: #0C4E9F;
}

.card-image {
  width: 95px;
  height: 95px;
  border-radius: 10px;
  object-fit: cover;
  background: #f8f8f8;
}

/* Responsivo */
@media (max-width: 767px) {
  .cardapio-grid {
    grid-template-columns: 1fr;
  }

  .card-item {
    height: auto;
    flex-direction: column;
    align-items: flex-start;
  }

  .card-info {
    padding-right: 0;
    margin-top: 8px;
  }

  .card-image {
    width: 100%;
    height: 160px;
  }
}