* {
	font-family: 'Open Sans Hebrew', arial;
}

/**/

.btn {
	white-space: normal;
}

body, html {
	height: 100%;
}

body {
	margin-top: 80px;
}


a {
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
}

.app-view body {
	margin-top: 0;
}

@media print {
	.skip, .blocks-skip {
		display: none;
	}
}

/**/

.header {
	height: 80px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999999;
	
	background: #333;
	color: #fff;
	border-bottom: 2px solid #c27c38;
	
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
}

.header.offset {
	background: #333;
	color: #fff;
	box-shadow: 0 5px 30px rgba(0,0,0,0.2);
}

.header a {
	color: inherit;
}

.header .container-fluid {
	padding: 0;
}

.header .logo {
	margin-top: 10px;
	margin-right: 8px;
	display: block;
}

[dir="ltr"] .header .logo {
	margin-right: auto;
	margin-left: 8px;
}

.header .logo img {
	max-height: 60px;
	display: block;
}

.header .container-fluid,
.header .pull-start,
.header .pull-end,
.header .pull-right,
.header .pull-left {
	height: 100%;
}

.header .side {
	height: 100%;
}

@media print {
	.header .side {
		display: none;
	}
}

/**/

.header-buttons {
	float: right;
	height: 100%;
	margin-right: 15px;
	margin-left: 15px;
}

[dir="ltr"] .header-buttons {
	float: left;
}

@media (max-width: 1229px) {
	.header-buttons {
		margin-left: 45px;
	}
	
	.header-buttons .btn {
		display: none;
	}
	
	/*.header-buttons .btn:last-child {
		display: block;
	}*/
}

.header-buttons .btn {
	height: 40px;
    border: 0;
    border-radius: 0;
    position: relative;
    width: 40px;
    float: right;
    background: #ddd;
    margin-right: 10px;
    margin-top: 20px;
}

[dir="ltr"] .header-buttons .btn {
	float: left;
	margin-right: 0;
	margin-left: 10px;
}

.header-buttons .btn > em {
	position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
	font-size: 25px;
}

.header-buttons .btn > img {
	position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
	    height: 20px;
}

.header-buttons .btn.app {
	background: #f1f1f1;
}

.header-buttons .btn.facebook {
	background: #3b5998;
}

.header-buttons .btn.instagram {
	background: #7b6945;
}

.header-buttons .btn.youtube {
	background: #ea1111;
}

.header-buttons .btn.telegram {
	background: #1172ea;
}


.header-buttons .btn.whatsapp {
	background: #10ab15;
}

.header-buttons .btn.search-btn {
	background: #c27c38;
}

.header-buttons .btn.user-menu-toggle {
	background: #358a43;
}

.header-buttons .btn:hover {
	
}

/**/

.toggle-nav {
	background: none;
	border: 0;
	position: fixed;
	top: 19px;
    left: 20px;
	z-index: 99999999;
	
	width: 40px;
	height: 40px;
	
	display: none;
}
.toggle-nav:hover, .toggle-nav:focus {
	outline: 0;
}

[dir="ltr"] .toggle-nav {
	left: auto;
	right: 20px;
}

@media (max-width: 1229px) {
	.toggle-nav {
		display: block;
	}
}

.toggle-nav .icon {
	width: 40px;
	height: 40px;
	position: relative;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
	
	background: #c27c38;
}

.toggle-nav .icon span {
	display: block;
	position: absolute;
	height: 3px;
    width: 30px;
	right: 5px;
	background: #fff;
	border-radius: 9px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

[dir="ltr"] .toggle-nav .icon span {
	margin-left: 5px;
}

.toggle-nav .icon span:nth-child(1) {
  top: 8px;
}

.toggle-nav .icon span:nth-child(2),
.toggle-nav .icon span:nth-child(3) {
  top: 18px;
}

.toggle-nav .icon span:nth-child(4) {
  top: 28px;
}

.toggle-nav .icon.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

.toggle-nav .icon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.toggle-nav .icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.toggle-nav .icon.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

/**/

.navigation nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

@media (min-width: 1230px) {
	
	.navigation,
	.navigation nav,
	.navigation nav > ul {
		height: 100%;
	}
	
	.navigation {
		float: right;
	}
	
	[dir="ltr"] .navigation {
		float: left;
	}
	
	.navigation nav > ul {
		display: table;
		height: 100%;
	}
	
	.navigation nav > ul > li {
		display: table-cell;
		vertical-align: middle;
		position: relative;
		padding-right: 1rem;
	}

	.navigation nav > ul > li > span > a {
		text-decoration: none;
	}
	.navigation nav > ul > li:hover > span > a,
	.navigation nav > ul > li > span > a:hover,
	.navigation nav > ul > li > span > a:focus {
		color: #c27c38;
	}
	.navigation nav > ul > li > span > a:before {
		content: ' ';
	}
	
	.navigation nav > ul > li:first-child > span > a:before {
		content: '';
		padding: 0 0;
	}
	
	.navigation nav > ul > li.has-child > span > a:after {
		content: '\f107';
		font-family: 'FontAwesome';
		color: #c27c38;
	}
	
	.navigation nav > ul > li.on > span > a,
	.navigation nav > ul > li > span > a.on	{
		color: #c27c38;
		font-weight: bold;
	}
	
	.navigation nav > ul > li.on > span > a:after,
	.navigation nav > ul > li > span > a.on:after,
	.navigation nav > ul > li:hover > span > a:after,
	.navigation nav > ul > li > span > a:hover:after	{
		color: inherit;
	}
	
	/*sub*/
	
	.navigation nav > ul ul {
		display: none;
	}
	
	.navigation nav > ul > li > ul {
		position: absolute;
		top: 100%;
		z-index: 9999;
		right: 50%;
		
		padding: 10px 0;
		
		width: 250px;
		
		background: rgba(255,255,255,0.9);
		border-top: 3px solid #c27c38;
		color: #000;
		text-align: right;
		
		-webkit-box-shadow: 0 3px 2px 1px rgba(0,0,0,0.2);
		-moz-box-shadow: 0 3px 2px 1px rgba(0,0,0,0.2);
		box-shadow: 0 3px 2px 1px rgba(0,0,0,0.2);
		
		-webkit-transition: all .1s ease-in-out;
		
		font-weight: normal;
		
		margin-right: -125px;
	}
	
	[dir="ltr"] .navigation nav > ul > li > ul {
		right: auto;
		left: 50%;
		text-align: left;
		margin-right: 0;
		margin-left: -125px;
	}
	
	.navigation nav > ul > li:hover:after  {
		content: '';
		position: absolute;
		border-style: solid;
		border-width: 0 15px 15px;
		border-color: #c27c38 transparent;
		display: block;
		width: 0;
		z-index: 1;
		bottom: 0;
		left: 50%;
		margin-left: -15px;
	}
	
	[dir="ltr"] .navigation nav > ul > li:hover:after  {
		margin-right: 0;
		margin-left: -7px;
	}
	
	.navigation nav > ul > li:hover > ul {
		display: block;
	}
	.navigation nav > ul > li > ul > li {
		
	}
	.navigation nav > ul > li > ul > li > span > a {
		display: block;
		padding: 10px;
		/*white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;*/
		color: inherit;
	}
	.navigation nav > ul > li > ul > li > span > a em {
		color: #785739;
		margin-left: 5px;
	}
}

@media (max-width: 1229px) {
	.navigation {
		display: none;
		
		position: fixed;
		top: 80px;
		right: 0;
		z-index: 9;
		
		background: #fff;
		color: #000;
		
		height: 100%;
		overflow: auto;
	}
	
	.navigation nav ul li {
		border-bottom: 1px solid #ddd;
		position: relative;
	}
	
	.navigation nav ul li .toggle-sub {
		position: absolute;
		top: 0;
		left: 0;
		padding: 10px 10px;
		background: none;
		border: 0;
	}
	
	.navigation nav ul li .toggle-sub:after {
		content: "\f078";
		font-family: 'FontAwesome';
	}
	
	.navigation nav ul li .toggle-sub.opened:after {
		content: "\f077";
		font-family: 'FontAwesome';
	}
	
	.navigation nav ul li a {
		display: block;
		padding: 10px;
	}
	
	.navigation nav ul ul {
		display: none;
	}
	
	.navigation nav > ul > li > a {
		font-size: 1.2em;
	}
	
	.navigation nav > ul > li > ul {
		background: #fcf8f1;
		border-top: 1px solid #ddd;
	}
	
	.navigation nav > ul > li > ul a {
		color: #333;
	}
	
	.navigation nav > ul > li > ul > li > ul {
		background: #f1f1f1;
		border-top: 1px solid #ddd;
	}
	
	.navigation nav > ul > li > ul > li > ul > li > ul {
		background: #e4e4e4;
		border-top: 1px solid #ddd;
	}
}

/**/

.header .user-menu {
	position: absolute;
	top: 100%;
	left: 0;
	width: 240px;
	background: #f1f1f1;
	color: #333;
	padding: 20px;
	padding-bottom: 5px;
	border-top: 1px solid #ddd;
	display: none;
	box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
}


/* Header Search */

.header-search {
	float: right;
	width: 250px;
	background: #fff;
	height: 40px;
	margin-top: 20px;
	margin-left: 20px;
}

[dir="ltr"] .header-search {
	margin-left: 0;
	margin-right: 20px;
}

.header-search .content {
	position: relative;
	height: 100%;
}

.header-search input {
	border: 0;
	background: #fff;
	width: 100%;
	font-size: 1rem;
	height: 100%;
	outline: none;
	padding: 0 .5rem;
}

.header-search button {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 40px;
	background: #c27c38;
	color: #fff;
	border: 0;
	cursor: pointer;
}

[dir="ltr"] .header-search button {
	left: auto;
	right: 0;
}

.header-search button.submit:hover {
	color: #2e2564;
}

@media (max-width: 1229px) {
	.header-search {
		margin-left: 80px;
	}
	[dir="ltr"] .header-search {
		margin-left: auto;
		margin-right: 80px;
	}
}

@media (max-width: 1440px) {
	[dir="ltr"] .header-search {
		width: 40px;
	}
	[dir="ltr"] .header-search input {
		display: none;
	}
}

@media (max-width: 991px) {
	.header-search {
		width: auto;
		margin-left: 60px;
	}
	.header-search input {
		display: none;
	}
}

/* breadcrumbs */

.app-view .breadcrumbs {
	display: none;
}

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

.breadcrumbs ul > li {
	display: inline-block;
}

.breadcrumbs ul > li:after {
	content: '›';
}

.breadcrumbs ul > li:last-child:after {
	content: '';
}

/**/

footer {
	background: #333;
	color: #fff;
	padding-top: 30px;
	padding-bottom: 30px;
}

footer a {
	color: #c27c38;
}

footer a:hover,
footer a:focus {
	color: #c27c38;
}

@media print {
	footer {
		display: none;
	}
}

.footer-categories ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-categories > ul > li {
	display: block;
	float: right;
	margin-right: 3rem;
}

@media (max-width: 991px) {
	.footer-categories > ul > li {
		margin-right: 0;
		float: none;
	}
}

.footer-categories > ul > li > a {
	font-weight: bold;
	color: #c27c38;
}

.footer-categories > ul > li > ul > li > a {
	color: #f1f1f1;
}

.footer .facebook { 
	color: #6ab0ff;
}

.footer .fb-page, 
.footer .fb-page span, 
.footer .fb-page span iframe[style] { 
	width: 100% !important; 
}

/**/

.page-header {
	background: #c27c38;
	color: #fff;
	padding: 15px 0;
	position: relative;
}

@media (min-width: 992px) {
	.page-header .social-share {
		position: absolute;
		bottom: 15px;
		left: 15px;
	}
	
	[dir="ltr"] .page-header .social-share {
		left: auto;
		right: 15px;
	}
}

.page-header.category-4 {
	background: #7ec6eb;
	color: #000;
}

.page-header.category-29 {
	background: #bed62f;
	color: #000;
}

.page-header.category-32 {
	background: #faa61a;
	color: #000;
}

.page-header h1 {
	margin: 0;
}

.page-header .breadcrumbs a {
	color: inherit;
}

/**/

.page-wrapper {
	
}

/**/

.bNagish, .bNagish-container {
	height: 100%;
}

.bNagish-toggle {
	padding: 5px 4px;
	background: rgba(0,0,0,0.8);
	color: #fff;
	top: 50%;
	margin-top: -20px;
	box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
}

/**/

.mobile-navigation .buttons a {
	display: block;
	padding: 20px 25px;
	float: right;
	font-size: 30px;
	border-left: 1px solid rgba(0,0,0,0.1);
}

.mobile-navigation-bg {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
	z-index: 999;
	
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	
	display: none;
}

.mobile-navigation {
	position: fixed;
	width: 300px;
	height: 100%;
	top: 0;
	left: 0;
	background: #c27c38;
	color: #fff;
	z-index: 9999;
	overflow: auto;
	
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	
	margin-left: -300px;
	
	padding-top: 80px;
}

[dir="ltr"] .mobile-navigation {
	left: auto;
	right: 0;
	margin-left: 0;
	margin-right:  -300px;
}

.mobile-navigation.opened {
	margin-left: 0;
}

[dir="ltr"] .mobile-navigation.opened {
	margin-left: 0;
	margin-right:  0;
}
/*
.mobile-navigation ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.mobile-navigation ul ul {
	background: rgba(255,255,255,0.1);
	display: none;
}

.mobile-navigation ul li {
	border-top: 1px solid rgba(0,0,0,0.1);
	position: relative;
}

.mobile-navigation ul li a {
	color: inherit;
	display: block;
	padding: 15px;
}
*/
.mobile-navigation .icons {
	background: rgba(0,0,0,0.1);
	padding-left: 80px;
}

.mobile-navigation .icons a {
	display: inline-block;
	padding: 20px;
	color: #fff;
}


.mobile-navigation .icons a em {
	font-size: 25px;
}




.mobile-navigation nav {
	
}

.mobile-navigation nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.mobile-navigation nav a {
	color: inherit;
}

.mobile-navigation nav a.on,
.mobile-navigation nav li.on > span > a {
	font-weight: bold;
}

.mobile-navigation nav button {
	display: none;
}

.mobile-navigation nav ul ul {
	display: none;
}

.mobile-navigation nav li {
	border-bottom: 1px solid rgba(255,255,255,0.1);
}
.mobile-navigation nav li > span {
	display: block;
	position: relative;
}
.mobile-navigation nav ul ul {
	background: rgba(0,0,0,0.02);
}
.mobile-navigation nav button {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
}
.mobile-navigation nav a {
	display: block;
	padding: 15px;
	margin-right: 48px;
}
.mobile-navigation nav .toggle-sub-menu {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 48px;
	overflow: hidden;
	
	padding: 0 15px;
	background: none;
	border: 0;
	background: rgba(0,0,0,0.02);
	color: inherit;
	
	font-family: 'FontAwesome';
	font-style: normal;
}
.mobile-navigation nav .toggle-sub-menu:after {
	content: '\f053';
}
.mobile-navigation nav .toggle-sub-menu:after {
	content: '\f053';
}
.mobile-navigation nav .toggle-sub-menu.opened:after {
	content: '\f078';
}
.mobile-navigation nav .toggle-sub-menu.no-sub-menu:after {
	content: '\f111';
	font-size: 80%;
}
.mobile-navigation nav .toggle-sub-menu.external-link:after {
	content: '\f08e';
}

.mobile-navigation-search {
	position: relative;
	margin: 1rem;
	box-shadow: 0 0 30px rgba(0,0,0,0.1);
}

.mobile-navigation-search input {
	display: block;
	width: 100%;
	padding: 1rem;
	background: #fff;
	border: 0;
}

.mobile-navigation-search button {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background: none;
	border: 0;
	padding: 0 1rem;
}


/**/


/**/

.skip-ad {
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	z-index: 999999999999999;
	
}

.skip-ad .skip-ad-container {
	max-width: 600px;
	margin: 0 auto;
	padding: 15px;
}

.skip-ad .skip-ad-content {
	margin-top: 100px;
}

.skip-ad .skip-ad-content .msg {
	background: #fff;
	padding: 30px;
}

.skip-ad img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

.skip-ad .skip-ad-close {
	position: fixed;
	top: 30px;
	width: 100%;
	text-align: left;
}

.skip-ad #close-skip-ad {
	display: inline-block;
	padding: 10px 20px;
	background: #fff;
	border-radius: 5px;
}

.skip-ad #close-skip-ad:focus {
	background: yellow;
	color: black;
}




.map-promo {
	border-radius: 10px;
	background: #333;
	color: #fff;
	border: 1px solid #333;
	position: relative;
	margin-right: 25px;
	width: 250px;
    display: block;
}
.map-promo:hover {
	color: #fff;
}

.gm-style-iw {
	position: relative;
}

.gm-style-iw:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 50px 20px 0;
	border-color: #FFFFFF transparent;
	display: block;
	width: 0;
	z-index: 1;
	bottom: -50px;
	left: 105px;

}

.map-promo img {
	border-radius: 10px;
}

.map-promo p {
	font-size: 14px;
	font-weight: bold;
	padding: 1rem;
	margin: 0;
	text-align: center;
}

.map-arrow {
	border-top: 40px solid #333 !important;
	margin-top: -15px;
}

.map-promo.cat-32 {
	background: #faa61a;
	color: #333;
}
.map-promo.cat-29 {
	background: #bed62f;
	color: #333;
}
.map-promo.cat-4 {
	background: #7ec6eb;
	color: #333;
}

/**/

.sub-pages-nav.outside {
	margin-top: 1rem;
	margin-bottom: 2rem;
}

.sub-pages-nav ul {
	list-style: none;
	padding: 0;
	margin: 0 -1rem;
}

.sub-pages-nav ul ul {
	display: none;
}

.sub-pages-nav ul > li {
	width: 50%;
	float: right;
	position: relative;
	padding: 1rem;
}

@media (max-width: 768px) {
	.sub-pages-nav ul > li {
		width: 100%;
	}
}

.sub-pages-nav a {
	display: block;
	color: inherit;
	border-right: 3px solid #c27c38;
	background: #f1f1f1;
	padding: 1.3rem;
	font-size: 1.3rem;
}

@media (min-width: 992px) {
	.sub-pages-nav a {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

.sub-pages-nav.outside a {
	background: #fff;
	box-shadow: 0 0 30px rgba(0,0,0,0.1);
}

.sub-pages-nav .arrow {
	font-family: 'FontAwesome';
	font-style: normal;
	color: #657177;
}

.sub-pages-nav .arrow:before {
	content: '\f104';
}
[dir="ltr"] .sub-pages-nav .arrow:before {
	content: '\f105';
}

.no-res {
	padding: 2rem;
	font-size: 1.3rem;
	text-align: center;
}

.ui-front {
	z-index: 999999;
}



.fav-row {
	display: none;
}
button.fav {
	display: none;
}



@media print {
	.social-share {
		display: none;
	}
	.custom-business-form {
		display: none;
	}
	.nearby {
		display: none;
	}
}



.smart-form legend {
	font-size: 1rem;
}


.card {
    background-color: #fff7ef;
    border: 1px solid #b4ca2f;
}

.card-header {
    background-color: #b4ca2f;
    border-bottom: 0;
	font-weight: bold;
}

.products-order-table {
	display: table;
	background: #fff;
}

.laynotBtn {
    position: absolute;
    top: 520px;
    z-index: 9;
    transition: all 0.3s ease;
    display:none;
}
.laynotBtn img {
    width: 150px;
}
.laynotBtn:hover {
    transform: scale(1.05);
}

@media only screen and (min-width: 600px) {
  .laynotBtn {
      display:none;
  }
}

@media (max-width: 991px) {
	.only-on-mobile {
		display: block;
	}
	.only-on-desktop {
		display: none;
	}
	    .laynotBtn {
	        filter:drop-shadow(5px 5px 15px rgba(0,0,0,0.7));
        position: fixed;
        bottom: 3rem;
        right: 0.25rem;
        top: auto;
    }
    .laynotBtn img {
    width: 180px;
    }
}

@media (min-width: 992px) {
	.only-on-mobile {
		display: none;
	}
	.only-on-desktop {
		display: block;
	}
}
