#more {display: none;} 

/* Style the video: 100% width and height to cover the entire window */
#myVideo {
  position: fixed;
  right: 0;
  top:0;
   z-index:-1;
  min-width: 100%; 
  min-height:100%;
         }
#myVideo2 {
  position: fixed;
  right: 0;
  top:0;
   z-index:-1;
  min-width: 50%; 
          }
/* Container holding the image and the text */
.container {
  position: relative;
 text-align: center;
  color: white;
  z-index:-1;
           }
.container_black {
  position: relative;
 text-align: center;
  color: black;
  z-index:-1;
                 }
 			 
 					 
 
				 

				 

/* bag for bag150front picture */
.bag150 {
position:absolute;
    bottom:65px;
    left:29%;


 z-index:1;
      }
				 
/* bag for bag1kg picture */
.bag1 {
position:absolute;
    bottom:38px;
    left:2%;


 z-index:1;
      }	






	
				 
.overlay1 {
           color:white; text-align: center; font-size:3.5vw;
    position:relative;
    top:0;
    left:0;
    z-index:1;
          }
.overlay11 {
           color:yellow; text-align: center; font-size:2.8vw;
    position:relative;
    top:0;
    left:0;
    z-index:1;
          }		  
.overlay12 {
           color:white; text-align: center; font-size:2.5vw;
    position:relative;
    top:0;
    left:0;
    z-index:1;
          }		  		  
	


.container15 {
           color:white; text-align: center; font-size:2.5vw;
    position:relative;
    top:0;
    left:0;
    z-index:1;
          }			
		  


.overlay20 {
           color:yellow; text-align: center; font-size:2.8vw;
    position:relative;
    top:0;
    left:0;
    z-index:1;
          }		  

.container21 {
           color:white; text-align: center; font-size:2.5vw;
    position:relative;
    top:0;
    left:0;
    z-index:1;
          }		

.container25 {
           color:white; text-align: center; font-size:2.5vw;
    position:relative;
    top:0;
    left:0;
    z-index:1;
          }		
.container27 {
           color:white; text-align: center; font-size:2.5vw;
    position:relative;
    top:0;
    left:0;
    z-index:1;
          }		
.container29 {
           color:white; text-align: center; font-size:2.5vw;
    position:relative;
    top:0;
    left:0;
    z-index:1;
          }		
.container31 {
           color:white; text-align: center; font-size:2.5vw;
    position:relative;
    top:0;
    left:0;
    z-index:1;
          }	
.container33 {
           color:white; text-align: center; font-size:2.5vw;
    position:relative;
    top:0;
    left:0;
    z-index:1;
          }	
.container35 {
           color:white; text-align: center; font-size:2.5vw;
    position:relative;
    top:0;
    left:0;
    z-index:1;
          }	


.container37 {
           color:white; text-align: center; font-size:2.5vw;
    position:relative;
    top:0;
    left:0;
    z-index:1;
          }	
		  


/* container38 for infra-red coffee treatment */
.container38 {
           color:white; text-align: center; font-size:2.5vw;
    position:relative;
    top:0;
    left:0;
    z-index:1;
          }		


/* container39 for smell */
.container39 {
           color:white; text-align: center; font-size:2.5vw;
    position:relative;
    top:0;
    left:0;
    z-index:1;
          }		


/* container40 for gallic acid */
.container40 {
           color:white; text-align: center; font-size:2.5vw;
    position:relative;
    top:0;
    left:0;
    z-index:1;
          }		
		  
		  
		  
		  
		  
.overlay_black {
           color:black; text-align: left; font-size:3vw;
    position:relative;
    top:0;
    left:0;
    z-index:1;
               }
			   
.overlay_black2 {
           color:black; text-align: center; font-size:2vw;
    position:absolute;
    top:0;
     z-index:1;
                }
.overlay_image {
           color:white; text-align: center; font-size:2vw;
    position:absolute;
    top:0;
    left:33.3%;
    z-index:1;
               }
.overlay_image_2 {
           color:white; text-align: center; font-size:3vw;
    position:absolute;
    top:0;
    left:33.3%;
    z-index:1;
                 }
.overlay_image_3 {
           color:beige; text-align: center; font-size:45px;
    position:absolute;
    top:0;
    left:16.5%;
    z-index:1;
                 }
.overlay_image_4 {
           color:black; text-align: center; font-size:3vw;
     position:absolute;
     top:90vw;
	 right:55%;
    z-index:1;
                 }
.overlay_image_5 {
           color:black; text-align: center; font-size:3vw;
     position:absolute;
     top:125vw;
	 left:65%;
    z-index:1;
                }
.overlay_image_6 {
           color:white; text-align: center; font-size:3vw;
     position:absolute;
     top:165vw;
	 right:2%;
    z-index:1;
                 }
.overlay_image_7 {
           color:black; text-align: center; font-size:3vw;
     position:absolute;
     top:210vw;
	 left:55%;
    z-index:1;
                 }
.overlay_image_8 {
           color:black; text-align: center; font-size:3vw;
     position:absolute;
     top:260vw;
	 right:55%;
    z-index:1;
                 }
.overlay_image_9 {
           color:black; text-align: center; font-size:3vw;
     position:absolute;
     top:302vw;
	 left:55%;
    z-index:1;
                 }
.overlay_image_10 {
           color:black; text-align: center; font-size:3vw;
     position:absolute;
     top:340vw;
	right:55%;
    z-index:1;
                  }
.overlay_image_11 {
           color:black; text-align: center; font-size:3vw;
     position:absolute;
     top:377vw;
	 right:65%;
    z-index:1;
                  }
.overlay_image_12 {
           color:black; text-align: center; font-size:3vw;
     position:absolute;
     top:450vw;
	 right:55%;
    z-index:1;
                  }
.overlay_image_13 {
           color:black; text-align: center; font-size:3vw;
     position:absolute;
     top:500vw;
	 left:55%;
    z-index:1;
                  }
.overlay_image_14 {
           color:black; text-align: center; font-size:3vw;
     position:absolute;
     top:558vw;
	 right:55%;
    z-index:1;
                  }
.overlay_image_15 {
           color:black; text-align: center; font-size:3vw;
     position:absolute;
     top:648vw;
	 left:3%;
    z-index:1;
                  }
				  
/* overlay_image_16 for ariza-data image */			  
.overlay_image_16 {
           color:beige; text-align: center; font-size:45px;
    position:absolute;
    bottom:65px;
    right:2.5%;
    z-index:1;
                 }				  
/* overlay_image_17 for tanya ship image text */			  
.overlay_image_17 {
           color:white; text-align: center; font-size:2vw;
   position:absolute;
    bottom:150px; 
  right:2.5%;
   
    z-index:1;
                 }				  				  
				  
				  
				  
				  
				  
				  
				  
				  
.overlay_image_center {
           color:crimson; text-align: center; font-size:5vw;
    position:absolute;
     
    z-index:1;
                      }
.overlay_image_left {
           color:white; text-align: center; font-size:2vw;
    position:absolute;
    top:5vw;
    left:0;
    z-index:1;
                     }
.overlay_image_right {
           color:white; text-align: center; font-size:2vw;
    position:absolute;
    top:5vw;
    z-index:1;
                      }
.overlay_image_right_20 {
           color:red; text-align: center; font-size:40px;
    position:absolute;
    top:40%;
    left:100;
    z-index:1;
                          }
.overlay_map_1 {
           color:black; text-align: center; font-size:1.5vw;
    position:absolute;
    top:8vw;
    left:50vw;
    z-index:1;
                          }
.overlay_map_2 {
           color:black; text-align: center; font-size:1.5vw;
    position:absolute;
    top:15vw;
    left:49vw;
    z-index:1;
               }
.overlay_map_3 {
           color:black; text-align: center; font-size:1.5vw;
    position:absolute;
    top:27vw;
    left:46vw;
    z-index:1;
               }
 
 
 
 				
.button {
 color:red; text-align: right; font-size:2vw;
    position:static;
    top:0;
    left:0;
    z-index:1;
                   }
a.two:link {
   background-color:yellow;
  color: black;
  border-radius:25px;
  padding: 14px 25px;
  text-align: center;
   box-shadow:-3px 5px 7px gray;
     text-decoration: none; 
	-webkit-transition: 0.4s;
  transition: 0.4s;
             }
 a.two:visited {
   background-color:yellow;
    color: black;
	  padding: 14px 25px;
	  box-shadow:-3px 5px 7px gray;
             }	
a.two:hover {
   background-color:#ff7b25;
    color: white;
	  padding: 18px 28px;
	  box-shadow:0px 0px 0px black;
             }
a.three:link {
   background-color:#33cc33;
  color: white;
  border-radius:25px;
  padding: 14px 25px;
   text-align: center;
  box-shadow:-7px 10px 15px gray;
  text-decoration: none; 
   -webkit-transition: 0.4s;
  transition: 0.4s;
               }     
 a.three:visited {
    color: white;
	  padding: 14px 25px;
	box-shadow:-7px 10px 15px gray; 
               }
 a.three:hover {
    color: white;
	  padding: 18px 28px;
	box-shadow:0px 0px 0px black;  
               }
 a.four:link {
   background-color:yellow;
  color: black;
  border-radius:25px;
  padding: 14px 25px;
  text-align: center;
   text-decoration: none; 
  float: left;
             }
 a.five:link {
   background-color:yellow;
   color: black;
  border-radius:25px;
  padding: 14px 25px;
  text-align: center;
    text-decoration: none; 
 -webkit-transition: 0.4s;
  transition: 0.4s;
             }
 a.five:visited {
   background-color:yellow;
    color: black;
	  padding: 14px 25px;
                }
   a.five:hover {
   background-color:#ff7b25;
    color: white;
	  padding: 20px 35px;
                }

/* a.six for facebook in footer area  */

a.six:link {
   background-color:royalblue;
  color: white;
  font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
  font-size: 200%;
  font-weight: bold;
  border-radius:25px;
  padding: 0px 20px;
  text-align: center;
   box-shadow:0px 0px 0px gray;
     text-decoration: none; 
	-webkit-transition: 0.4s;
  transition: 0.4s;
             }

a.six:visited {
   background-color:royalblue;
    color: white;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 200%;
	font-weight: bold;
	  padding: 0px 20px;
	  box-shadow:0px 0px 0px white;
             }	
a.six:hover {
   background-color:white;
    color: royalblue;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 190%;
	font-weight: bold;
	  padding: 0px 18px;
	  box-shadow:0px 0px 0px black;
            }
/*  a.seven for youtube in footer area  */
a.seven:link {
   background-color:red;
  color: white;
  font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
  font-size: 200%;
  font-weight: bold;
  border-radius:10px;
  padding: 2px 35px;
  text-align: center;
   box-shadow:0px 0px 0px gray;
     text-decoration: none; 
	-webkit-transition: 0.4s;
  transition: 0.4s;
             }
a.seven:visited {
   background-color:red;
    color: white;
		  padding: 2px 35px;
	  box-shadow:0px 0px 0px white;
             }	
a.seven:hover {
   background-color:white;
    color: red;
		  padding: 0px 30px;
	  box-shadow:0px 0px 0px black;
            }

/*  a.eight for shopping cart knob */
a.eight:link {
   background-color:yellow;
  color: black;
  border-radius:85px;
  padding: 65px 10px;
  text-align: center;
   box-shadow:-3px 5px 7px gray;
     text-decoration: none; 
	-webkit-transition: 0.4s;
  transition: 0.4s;
             }
a.eight:visited {
   background-color:yellow;
    color: black;
	  padding: 65px 10px;
	  box-shadow:-3px 5px 7px gray;
             }
 a.eight:hover {
   background-color:#ff7b25;
    color: white;
	  padding: 68px 14px;
	  box-shadow:0px 0px 0px black;
             }
/*  a.nine for "לקנייה" בדף חדש של קפה-אורגני */			   
a.nine:link {
   background-color:#3366ff;
  color: white;
  border-radius:25px;
  padding: 14px 25px;
   text-align: center;
  box-shadow:-7px 10px 15px gray;
  text-decoration: none; 
   -webkit-transition: 0.4s;
  transition: 0.4s;
               }     
 a.nine:visited {
	background-color:#3366ff;
    color: white;
	  padding: 14px 25px;
	box-shadow:-7px 10px 15px gray;
               }
a.nine:hover {
	background-color:#33ffff;
    color: #3366ff;
	  padding: 18px 28px;
	box-shadow:0px 0px 0px black;  
               }			   




/*  a.ten for "standard" link text */			   
a.ten:link {
    
  color: #00e6e6;
   
   
   text-align: center;
   
   
   -webkit-transition: 0.4s;
  transition: 0.4s;
               }     
 a.ten:visited {
	 
    color: #00e6e6;
	   
	 
               }
a.ten:hover {
	background-color: black   ;
    color: white;
	  
               }			   














				
/* flame holding the images and the text */
.flame {
  position: relative;
 text-align: center;
  color: black;
   z-index: 1;
           }
/* hopper overlay the flame  */
.hopper {
           color:black; text-align: right; font-size:2.5vw;
    position:absolute;
       text-align: center;
	 bottom:8%;
	 left:28%;
    z-index:2;
                    }
				
 .textmove1{
    position: relative;
  -webkit-animation-name: textmove1; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 12s; /* Safari 4.0 - 8.0 */
  -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
  animation-name: textmove1;
  animation-duration: 12s;
animation-direction: alternate-reverse;
  animation-iteration-count: infinite;
           }
/* Safari 4.0 - 8.0 */
@-webkit-keyframes textmove1 {
  0%   { left:-220px; top:0px;}
  100% { left:0px; top:0px;}
                             }
/* Standard syntax */
@keyframes textmove1 {
  0%   { left:-220px; top:0px;}
   100% { left:0px; top:0px;}
                     }
.myWhite {
 background-color: limegreen;
  color: white;
  text-shadow:2px 2px 1px #000000;
         }	  	  
	.bg {
  /* The image used */
  background-image: url("https://mazon-nahon.com/img/underconstr.jpg");
   /* Full height */
  height: 100%; 
  /* Center and scale the image nicely */
  background-position: right;
  background-repeat: no-repeat;
  background-size: auto;
       }  
	.ok {
  /* The image used */
  background-image: url("mazon-nahon.com/img/thumb_960_720.png");
   /* Full height */
  height: 100%; 
  /* Center and scale the image nicely */
  background-position: right;
  background-repeat: no-repeat;
  background-size: auto;
         }    	   
.ourstory {
position: relative;
width: 100%;
height: 2150px;
          }

.alignleft {
	float: left;
}
.alignleft2 {
	float: left;
	font-size: 30px;
}
/* TheMarker */
.alignleft3 {
	float: left;
	 
}




/* Temporary כמובן יש לעדכן את התמונה-  להפעיל-תוריד קו נתוי וכוכבית מהתחלה ומהסוף */
/*#anouncement {
position:absolute;
    top:10px;
	left:10px;
     z-index:2;	
                }*/	







				
.site_map  {
position: absolute;
bottom: 95px;
width: 100%;
height: 230px;
 background-color: limegreen;
 text-align: center;
font-size:20px;
 padding: 10px;


		
			}	
				
		html  {
/* Must for my proper footer position  */
    position: relative;
    min-height: 100%;
              }  
	body {
    /* Margin bottom by footer height */
  margin-bottom: 95px;
         }		  
.footer {
            position: absolute;
            bottom: 0;
            width: 100%;
              /* Set the fixed height of the footer here */
            height: 95px;
            color: white;
            background-color: black;
         }