@import url("reset.css");
@import url("../css/font-awesome.min.css");

:root{
    --Brown: #543019;
    --Cream: #fef5e4;
}

@font-face {
    font-family: 'Alef';
    src: url('../css/fonts/Alef-bold.eot');
    src: url('../css/fonts/Alef-bold.eot?#iefix') format('embedded-opentype'),
         url('../css/fonts/Alef-bold.woff') format('woff'),
         url('../css/fonts/Alef-bold.ttf') format('truetype'),
         url('../css/fonts/Alef-bold.svg#alefbold') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'Alef';
    src: url('../css/fonts/Alef-regular.eot');
    src: url('../css/fonts/Alef-regular.eot?#iefix') format('embedded-opentype'),
         url('../css/fonts/Alef-regular.woff') format('woff'),
         url('../css/fonts/Alef-regular.ttf') format('truetype'),
         url('../css/fonts/Alef-regular.svg#alefregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body{font-family:Alef; font-size:14px;direction:rtl; color:#2f1200;}
a {
    color: #543019;
}
.the_web{
	
	margin: 0px auto;

}
.main {

	margin: 0px auto;
	position: relative;
}
.mainpage{

	margin: 0px auto;
}

h1{font-size: 30px; line-height:30px;}
.about_us h2{font-size: 30px;}
.about_us img{display:inline;}

.menu_pages img{border:solid 1px #FFF; margin-bottom:20px;}
.dot {
    border-bottom: dotted 1px #400000;
    padding-top: 6px;
    padding-bottom: 6px;
	}
	.health_menu img{
		display:inline;	
	}

h2{font-size:30px; line-height:26px; margin-top:40px;}

.main .fotter {
	clear: both;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	padding-top: 4px;
	padding-bottom: 4px;
}
.tp2 a{background-color:transparent !important;}
.topics.nav > li > a{
    background-color: var(--Cream);
    color: var(--Brown) !important;
    /*margin: 0 0px 10px 10px;*/ 
    padding:0px;
}
.topics.nav > li:last-child > a{ margin:0 0px 10px 0px; }
a{text-decoration:none;}
.main .fotter a,.main .fotter a:visited {
color:#291b02;
text-decoration:none;
}

.main .header .logo {
	height: 120px;
	width: 120px;
	position: absolute;
	z-index: 1;
	left: 433px;
	top: 6px;
}

.main .header {
	height: 128px;
	width: 980px;
	position:relative;
	background-image: url(../images/galis_halavi.png);
	background-repeat: no-repeat;
}
.main .phone_num1 {

	font-size: 16px;
    
	color: #f6eec9;
    line-height:31px;

}
.main .phone1 {
	position:absolute;
	font-size: 24px;
	font-weight:bold;
	color: #f6eec9;
	left: 4px;
	top: 0px;
}
.main .header a:link ,.main .header a:visited{
 color:#000000;
 text-decoration:none;
}


.main .header .facebook {
	position: absolute;
	z-index: 1;
	left: 8px;
	top: 99px;
}
.main .hanuka1 {
	float: right;
	height: 755px;
	width: 480px;
}
.main .menu {
	position: absolute;
	z-index: 999;
}
.the_web .main .facebook {
	height: 22px;
	width: 22px;
	position: absolute;
	left: 7px;
	top: 98px;
	z-index: 9999;
}


.main .hanuka2 {
	float: left;
	height: 755px;
	width: 480px;
}
.main .content {

	position: absolute;
	top: 198px;
	height: auto;
	 padding-top:41px;
	 background-color:rgba(249,244,236,0.84);
	/*background-color:rgba(219,210,177,0.84);*/
	
}
.current{
background-color:rgba(255,255,255,0.50);	
}
.contact_form{

	min-height:275px;
	width:100%;
	direction:rtl;
}
.contact_scham{
	background-image: url(../images/contact_form.png);
	background-repeat: no-repeat;
	width: 337px;
	min-height:212px;
	background-position: center top;
	position:relative;
	float:right;
}
.contact_scham .filed{
	
	direction:rtl;
	position:absolute;
	right:70px;
	padding-top:3px;
	
}
.cont_smap {
	float: left;
	height: 255px;
	width: 295px;	
}
.cont_details {
	float:left;
	text-align:right;
	width:100%;

}

#d5 { background-color:#f6eec9; border:1px solid #d6cfaf; color:#000;}
#d1,#d2,#d3,#d4{background-color: #f6eec9;border-radius:4px; border:1px solid #d6cfaf;color:#000;}
/*.d2{top:37px;}.d3{top:74px;}.d4{top:111px;}.d5{right:5px !important; top:220px;}
.submit{width: 267px; text-align:left; position:absolute; top:240px;right:70px;}*/

.btn-primary {
	background-color:#fde15d;
	color:#000;
	border:solid 1px #dac250;
	font-weight:bold;
}

.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary {
	background-color:#fde15d;
	color:#000;
	border:solid 1px #dac250;
	font-weight:bold;
}
.submit_button {
margin-bottom:20px;	
}

#page_gallery{ float:left;}




.sp{border-bottom:dotted 3px #2d1200; height:40px; margin:0 auto 40px auto; width:100%;}

.productList{width:670px;}


.page_links{display:none;}




.sheardArea{ margin-top:42px;}
.topic_menu, .topic_menu_mob{width:inherit;}
.sf-side-menu{width:100%;}
.topic_menu a, .topic_menu_mob a{color:#f8f7e2; text-decoration:none; font-size:15px;padding:4px 9px 6px	;display:block;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;

}

.topic_menu a:hover, .topic_menu_mob a:hover{background-color:#eed384;color:#2d1200;}

.sf-side-menu li,.topic_menu .title,.topic_menu_mob .title{width:100%;height:33px;overflow:hidden;}
.topic_menu .title,.topic_menu_mob .title{ background-color:#2d1200;}
.sf-side-menu li{background-color:#543019;margin-top:5px;}



/*product*/
.product{width:100%; margin-top:40px;}

.product h1{font-size:30px;font-weight:bold;}

.product .cell3{ text-align:center; vertical-align:top;position:relative;}

.product .desc .short{font-size:16px;}
.product .desc .delete_price{font-size:16px;}
.product .desc .delete_price span{font-size:18px;}
.product .cell1 .addtocart{
background-image: url(../images/addtocart.png);
	background-repeat: no-repeat;	text-align:right;
	width: 117px;
	margin-bottom:20px;
}
.sub_price_inner{font-size:20px;}
.product .price .price_label {font-size:18px; font-weight:bold;}
.product .the_price {line-height:23px;}
.product .the_price .p {font-size:24px; font-weight:bold;}
.product .the_price .c {font-size:18px; font-weight:bold;}
.box{background-color:#FFF; padding:20px; width:690px; margin-top:20px;}
.delevery {
	background-image: url(../images/car_icon.png);
	background-repeat: no-repeat;
	background-position: 690px 25px;
}
.delevery .deli_title {font-size:18px; font-weight:bold; margin-right:32px;}
.delevery .d_details {font-size:16px;margin-right:32px;}
.delevery .isuf_details {font-size:16px; margin-right:32px;}
.description {font-size:16px;} 

.cell3 #bigpic{position:absolute; left:0px;
width:0px;height:0px ;top:0px;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;-webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.75); z-index:9999;}
.cell3:hover #bigpic{width:auto;height:auto;}


/*.sf-menu*/
.menu{ background-color: rgba(219, 210, 177, 0.90);width:980px;margin:11px 0;}
.sf-menu, .sf-menu * {
	font-size:20px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.sf-menu li {
    position: relative;
}
.sf-menu ul {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 99;
}
.sf-menu > li {
    float: left;
}
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul {
    display: block;
}
.sf-menu a {
    display: block;
    position: relative;
}
.sf-menu ul ul {
    left: 100%;
    top: 0;
}
.sf-menu {
    float: left;
}
.sf-menu ul {
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
    min-width: 12em;
    width: 12em;
}
.sf-menu a {
    padding: 11px 9px;
    text-decoration: none;
}
.sf-menu a {
    color: #fff;
	color:#543019;
}
.sf-menu a:hover {
	color:#fff;
}
.sf-menu li {
   
    transition: background 0.2s ease 0s;
    white-space: nowrap;
}
.sf-menu ul li {
    background: none repeat scroll 0 0 rgba(219, 210, 177, 0.9);
}
.sf-menu ul li a {
    color:hsla(359,93%,12%,1.00);
}
.sf-menu ul ul,.sf-menu ul ul li a {
    background: none repeat scroll 0 0 #FFDFCA;
}
.sf-menu li:hover, .sf-menu li.sfHover {
    background: none repeat scroll 0 0 #543019;
    transition: none 0s ease 0s ;
	
	
}

.sf-arrows .sf-with-ul {
    padding-right: 2.5em;
}
.sf-arrows .sf-with-ul:after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(255, 255, 255, 0.5) transparent transparent;
    border-image: none;
    border-right: 5px solid transparent;
    border-style: solid;
    border-width: 5px;
    content: "";
    height: 0;
    left: 1em;
    margin-top: -3px;
    position: absolute;
    top: 50%;
    width: 0;
}
.sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after {
    border-top-color: white;
	color:#fff;
}
.sf-arrows ul .sf-with-ul:after {
    border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
    margin-right: -3px;
    margin-top: -5px;
}
.sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after {
    border-left-color: white;
}
.sf-menu li {
    float: right;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
    left: auto;
    right: 0;
	color:#fff;
}

.sf-menu li.sfHover a{
	color:#fff;
}

ul.sf-menu li li {
    float: none;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
    left: auto;
    right: 10em;
}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
    left: auto;
    right: 10em;
}
.sf-menu {
    float: right;
}
.sf-menu a.sf-with-ul:hover {
color:#fff;	
}
.sf-menu a.sf-with-ul {
    background-position: left center;
    padding-left: 2.25em;
    padding-right: 1em;
	
	
}
.sf-shadow ul {
    background-position: left bottom;
    padding: 0 0 9px 8px;
}
#button88{background-color:#543019; font-weight:bold;}
#button88 a{color:#fff;}
.hot{
	background-image: url(../images/hot.png);
	background-repeat: no-repeat;
	background-position: center top;
	overflow:hidden; line-height:9999px;
}
.homeGallery{width:900px;margin:30px auto 0 auto; clear:both; }
.bt{background-color:#543019; color:rgba(255,255,255,1.00);font-size:22px;line-height:22px;width:22px; height:22px;-webkit-border-radius: 22px;
-moz-border-radius: 22px;
border-radius: 22px; cursor:pointer; text-align:center;}
.mobqty{direction:ltr}
.cart-sp{border-bottom:solid 1px rgba(34,18,19,1.00); margin-bottom:10px;}
.mobqty::-webkit-outer-spin-button,
.mobqty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.DelRow{cursor:pointer;}

.SaleButton{width:168px;color:#fff; background-color:#543019;margin:0 auto; cursor:pointer;} 
.endsalebt{font-size:17px;color:#fff; background-color:#543019;margin:0 auto; cursor:pointer; border:none; padding:10px 20px; font-family:alef;}

.chackout input[type=text],.chackout textarea{width:200px;height:20px;}
.chackout textarea{height:40px;}
.chackout #note{width:100%; height:90px;}
#cart_for_print{font-size:18px;}



.dot{
	border-bottom:dotted 1px #400000;
	padding-top: 6px;
	padding-bottom: 6px;
}
.includVat{font-size:22px;margin-top:8px;display:block;}
h1.cat_name{font-size:30px; margin-bottom:8px;}
.relevant .addtocart{display:inline !important;}


	

.phone_num2 a:link,.phone_num2 a:hover,.phone_num2 a:visited{color:#f6eec9 !important;}

.nivo-directionNav{display:none;}

.salad_links {color:#2f1200; text-decoration:none;}
.salad_links a:link{color:#f30; text-decoration:none;}
.salad_links a:visited{color:#f30; text-decoration:none;}
.salad_links a:hover{color:#f30; text-decoration:none;}
.credit{margin:20px 0 20px; } 
.credit img{vertical-align:middle;}
.credit a{color:#543019}

.floatwhatsup{position: fixed; bottom: 160px; left: 30px; background-color: #fff; border-radius: 100px;}

@media only screen and (max-width: 800px) {  
.menu_pages img{margin-top:20px; margin-bottom:0px;}
}

@media only screen and (max-width: 410px) { 
	.floatwhatsup{position: fixed;
.notee{font-size:17px !important;}
.topics.nav > li > a{background-color:#543019;  margin: 0 0px 8px 0px; padding:0px;}
.topics.nav > li:last-child > a{ margin:0 0px 8px 0px; }
}
.form-control {border: 1px solid #543019; background-color: #f6eec9;}


