@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Cairo:400,600,700,900&subset=arabic');
@font-face{
font-family:almoni;src:url(https://go.tnuva.co.il/dist/fonts/almoni-tzar-aaa-300.eot);
src:url(./almoni-tzar-aaa-300.eot?#iefix) format("embedded-opentype"),
url(./almoni-tzar-aaa-300.woff) format("woff"),
url(./almoni-tzar-aaa-300.ttf) format("truetype");
font-weight:300;font-style:normal}


/*
@font-face {
    font-family: 'Cairo';
    src: url('https://fonts.gstatic.com/s/cairo/v3/SLXGc1nY6HkvalIkTpumxdt0UX8.eot');
    src: url('https://fonts.gstatic.com/s/cairo/v3/SLXGc1nY6HkvalIkTpumxdt0UX8.eot?#iefix') format('embedded-opentype'),
        url('https://fonts.gstatic.com/s/cairo/v3/SLXGc1nY6HkvalIkTpumxdt0UX8.woff2') format('woff2'),
        url('https://fonts.gstatic.com/s/cairo/v3/SLXGc1nY6HkvalIkTpumxdt0UX8.woff') format('woff'),
        url('https://fonts.gstatic.com/s/cairo/v3/SLXGc1nY6HkvalIkTpumxdt0UX8.ttf') format('truetype'),
        url('https://fonts.gstatic.com/s/cairo/v3/SLXGc1nY6HkvalIkTpumxdt0UX8.svg#GESSTwoBold-Bold') format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Cairo';
    src: url('https://fonts.gstatic.com/s/cairo/v3/SLXGc1nY6HkvalIkTpumxdt0UX8.eot');
    src: url('https://fonts.gstatic.com/s/cairo/v3/SLXGc1nY6HkvalIkTpumxdt0UX8.eot?#iefix') format('embedded-opentype'),
        url('https://fonts.gstatic.com/s/cairo/v3/SLXGc1nY6HkvalIkTpumxdt0UX8.woff2') format('woff2'),
        url('https://fonts.gstatic.com/s/cairo/v3/SLXGc1nY6HkvalIkTpumxdt0UX8.woff') format('woff'),
        url('https://fonts.gstatic.com/s/cairo/v3/SLXGc1nY6HkvalIkTpumxdt0UX8.ttf') format('truetype'),
        url('https://fonts.gstatic.com/s/cairo/v3/SLXGc1nY6HkvalIkTpumxdt0UX8.svg#GESSTwoLight-Light') format('svg');
    font-weight: 700;
    font-style: normal;
}
*/
body,
html{
	width:100%;	
}
body{
	font-family:Cairo;
	background-color:#000;
	direction:rtl;
	color:#fff;
}
#Main{
	position:relative;
	max-width:100%;
}
a,
a:hover,
a:link,
a:visited,
a:active{
	color:inherit;
	text-decoration:none;	
}
.top .menu .mobile,
.top .social .mobile,
.mobile{
	display:none;	
}
.top .menu .desktop,
.top .social .desktop,
.desktop{
	display:inline-table;	
}

 
.wbtn,
.wbtn:hover,
.wbtn:link,
.wbtn:visited,
.wbtn:active{
	color:#000;
	text-decoration:none;	
}
 .container{
	 max-width:1200px; 
 }
hr{
box-sizing:content-box;height:0;overflow:visible;
}
.colorsline{
	background-image:linear-gradient(90deg,#2398d0 0,#2398d0 40%,#ed1e25 60%,#ed1e25 100%);
	display:block;
	height:2px;
}
.top{
	background:url(../images/nav_bar.png)	 no-repeat;
	background-size:100% 100%;
	height:75px;
	position:fixed;
	width:100%;
	z-index:99999
}
.top .menu,
.top .social{
	margin:0px;
	padding:0px;
	list-style:none;
	display:inline-block
}
.top .menu li,
.top .social li{
	display:inline-block;
	margin-right:5px;
	color:#fff;
	padding:10px;
	transition:.3s;
}

.top .social li{
	padding:0px;
	margin-top:10px;
	margin-right:10px
}
.top .social li img{
	width:20px
}


.top .menu li a{
	transition:.3s;
}
.top .menu li:hover a{
	color:#ed2027
}
.top .menu li:hover .blue{
	color:#0098d3
}
.top .menu li .activeblue,
.blue{
	color:#0098d3
}
.top .menu li .activered{
	color:#ed2027
}





.top .logo{
	height:33px;
	margin-top:0px;
	margin-left:10px;
}
.nopadding{
	padding:0px;
	margin:0px;	
}
a:focus {
	color:inherit;
	border:none;
    outline: none;
	border:none;
	text-decoration:none;
}
header{
	padding-top:70px;	
}
header .mainTitle img{
	margin-right:-30px;
	height:105px	
}

header h1{
	font-weight:bold;
	color:#fff;
	padding:0px;
	font-weight:700;
	margin-top:0px;
	margin-bottom:50px;
}
.MainItem{
	position:relative;
	margin-top: 40px;
}
.MainItem  .items .goIcon{
	width:100px;
	position:absolute;
	right:0px;
	bottom:0px
}
.MainItem  .items .goIcon h6{
	margin-top:0px;
}
.MainItem  .items .goIcon img{
	width:80px;	
}
.MainItem   .items .itemleft .itemsn{
	background:url(../images/item.png)	 no-repeat;
	background-size:100% 100%;
	width:100%;
	height:90px;
}
.inner .itemsn{
	background:url(../images/item.png)	 no-repeat;
	background-size:100% 100%;
	width:140px;
	height:140px;
	text-align:center;
	margin:auto;
}
.MainItem   .items .itemleft{
	position:absolute;
	left:10px;
	width:90px;
	height:90px;
	bottom:-10px;
}
.inner{
	position:relative	
}
.inner .new{
	position:absolute;
	left:-30px;
	bottom:50px;
	width:60px;	
}

.inner .new{
	position:absolute;
	left:-30px;
	bottom:50px;
	width:60px;	
}
.MainItem  .items .productImg .new{
	position:absolute;
	left:-10px;
	bottom:100px;
	width:50px;	
}
 
.MainItem .items .productImg{
	margin:auto;
 	position:absolute;
	text-align:center;
	bottom:0px;
	margin-right:30px;
	margin-left:95px;
	width:100%;
  }
.MainItem  .items .granola img{
	width:100%;	
}
.MainItem  .items .granola {
	width:170px;
}

.MainItem  .items .Drink img,
.MainItem   .items .productImg img{
	width:100%;
}
.MainItem  .items .Drink {
	width:100px;
	margin-right:17%
}
.MainItem  .items .milk {
	width:70px;
	margin-right:22%
}
.MainItem  .items .yoplait{
	width:120px;
	margin-right:15%
}
 
.MainItem  .items .milk .new{
	position:absolute;
	left:-30px;
	top:-10px;
	width:50px;	
}

.MainItem .col-md-6,
.MainItem .col-lg-6,
.MainItem .col-sm-6{
	padding-left:30px;
	padding-right:30px	
}
.MainItem .items:before{
	width:270px;
	height:270px;
	content:" ";
	margin:auto;
	display:block;
 	background:url(../images/glow-inpage.png) no-repeat center;
	background-position:10px -10px;
	background-size:cover;
}
.MainItem .items{
	position:relative;
	height:200px;
	padding-left:40px;
	padding-right:40px;
	
}

.rbtn{
	background:url(../images/rbg.png) no-repeat;
	background-size:100% 100%;
	height:30px;
	padding:5px;
	font-size:13px;
	text-align:center;
	margin-top:20px;
	display:inline-block;
  	padding-left:10px;
	padding-right:10px;
	line-height:1;
	padding-top:8px;
	margin-bottom:20px;
	z-index:9999;
	position:relative;
}
.wbtn{
	display:block;
	background:url(../images/wbg.png) no-repeat;
	background-size:100% 100%;
	height:30px;
	padding:5px;
	font-size:13px;
	text-align:center;
	margin-top:20px;
	color:#000;
	margin-right:-5px;
	float:left;
	width:32%;
	margin-bottom:20px;
	z-index: 999999999;
	position: relative;
}
.mobileBtn{
		display:block;
 	height:40px;
	padding:5px;
 	text-align:center;
	color:#fff;
 	float:left;
	width:40px;
	display:none;
}
.mobileBtn img{
	width:100%;
	margin-top:5px;	
}
.stat p{position:absolute;text-align:center;font-size:13px;line-height:.9;font-weight:300;word-spacing:-.03em;top:27%;right:0;width:100%}.stat p .large{font-size:35px;font-weight:400;letter-spacing:0;display:inline-block; color:#ed2027;}.stat p .large.fixed{padding-left:0}.stat p .large .small{font-size:13px}.stat p .large.eng{font-size:2.5em}.stat p .mid{font-size:1.8em}
.stat{width:7.9em;height:6.7em}.stat p{font-size:10px;line-height:1;top:20%; } 
.inner .stat p{font-size:12px;line-height:1;top:27%; } 

.inner .stat p .large{font-size:40px; ;}


.mb20{
	margin-bottom:20px;	
}

.News .item{
	background:url(../images/article_bg.png)	 no-repeat;
	background-position:center;
	background-size:100% 100%;
	padding:12px;
	margin-bottom:20px;
	height:390px;
}
.News .newitem{
	height:360px;
}
.News .newsTitle{
	text-align:justify;
	font-size:14px;
	line-height:1.5;
	font-weight:700	
}
.News .newsSammery{
	text-align:justify;
	font-size:12px;
	line-height:1.4
}
.red{
	color:#ed2027
}
.inner{
	padding-top:70px;	
}
.cricle2{
	margin-left:-100px; margin-right:-100px;
	
}
.inner .content{
 	background-position:center;
	padding:30px;
	background-color:#313036;
	margin-top:20px;
 }
 .inner .content img{
	 margin-bottom:20px;
 }
 .productlogo2{
	height:250px	
}
 .productlogo3{
	height:350px	
}
.m50{
	margin-top:-100px;	
}
.mleft{
	margin-left:-120px;	
}
.mt70{
	margin-top:-70px;	
}
.yop h3{
	margin-top:-50px;	
}
.proimg2{
margin-top:20px;max-height:200px	
}

.inner .pro1{
	max-width:170px;
	max-height:150px;
	margin-top:50px;
	margin-bottom:20px
}

.bgblue{
 	background:url(../images/glow-inpage.png) no-repeat center;
	background-size:cover;
	background-size:90% 130%;
 }



 @media  (max-width: 990px ) {
	 .top .menu li{
		 font-size:13px;
		 padding-right:5px;
		 padding-left:5px;
 	}
 }

 @media  (max-width: 786px ) {
	 
	 .inner .content{
 	padding:10px;
 	margin-top:20px;
 }
 
 
.proimg2{
margin-top:20px;max-height:100px	;
margin-bottom:20px;
}	.yop h3{
	margin-top:-10px;	
}
.yop .productlogo3{
		 width:40%; 
			 height:auto !important;
 }
	  .yop .cricle2{
		 width:20%;
			 height:auto !important;
			 margin-left:-20px;
				 margin-right:-20px;
 }
	 .m50{
	margin-top:-30px;	
}
.mleft{
	margin-left:-50px;	
}
.mt70{
	margin-top:-20px;	
}


.MainNewsTitle{
	font-size:18px;	
}
.News .item{
	height:auto !important;
}
	 .News .newitem{
	height:auto !important;
}

 .desktop{
	 display:none; 
 }
 .mobile{
	 display:block; 
 }

 .top .menu .mobile{
	display:block;	
 }
 
 .top .social .mobile{
}


.top .menu .desktop,
.top .social .desktop{
	display:none;	
}
header .mainTitle img{
	margin-right:-30px;
	height:auto;
	width:90%;	
}

 header h1{
	 font-size:30px 
 }

 .top .menu{
	 position:absolute;
	 width:200px;
	 left:-200px;
	 height:100vh;
	 top:0px;
	 margin:0px;
	 margin-left:-10px;
	 padding:0px;
	 background:#313036
 }
 .logo{
	 padding-top:5px 
 }
 .mobileBtn{
	 display:block; 
 }
  .top .menu{
	  padding-top:50px;  
  }
.top .menu li{
	display:block;
	text-align:riight;
	border-bottom:1px solid rgba(255,255,255,.2);
	font-size:14px;
}
.productlogo{
	width:70%;	
}

.inner .go{
	position:absolute;
	right:-40px;
	width:70px;	
}
.inner .proimg{
	max-width:200px;
	max-height:150px
}
.inner h3{
	font-size:20px;	
}
.inner .new{
	position:absolute;
	left:30px;
	bottom:50px;
	width:60px;	
}
.inner .go{
	margin-right:50px
}
/*
.inner .pro1{
	position:absolute;
	right:0px;
	max-height:70px;
	top:-80px;
	margin:0px;	
}
*/
}
 @media  (max-width: 500px  and min-width:400px) {
	 
	 .MainItem .col-md-6,
.MainItem .col-lg-6,
.MainItem .col-sm-6{
	padding-left:0px;
	padding-right:0px	
}
 
 }

  @media  (max-width: 550px ) {

  header h1{
	 font-size:20px 
 }
 header .mainTitle img{
	margin-right:-30px;
	height:auto;
	width:100%;	
}
.container{
	padding-left:5px;
	padding-right:5px;	
}
.col-xs-12{
	padding-left:0px;
	padding-right:0px;	
}
  }
    @media  (max-width: 380px ) {
.mleft{
	margin-left:-20px;	
}
  header h1{
	 font-size:17px 
 }
   }