/* עיצוב למודאל */
    .modal {
      display: none;
      position: fixed;
      z-index: 1;
      padding-top: 100px;
      left: 0;
      top: 0;
	  
      width: 100%;
      height: 100%;
      overflow: auto;
      background-color: rgba(0,0,0,0.9);
	    z-index: 999;
    }

    /* עיצוב לתמונה הגדולה במודאל */
    .modal-content {
      margin: auto;
      display: block;

	 border-radius: 10px;


      width: 80%;
	  height: 70%;
    }
	.close {
      position: absolute;
      top: 15px;
      right: 35px;
      color: #f1f1f1;
      font-size: 70px;
      font-weight: bold;
      transition: 0.3s;
    }
    /* עיצוב לכפתור סגירת המודאל */

	
    .close:hover,
    .close:focus {
      color: #bbb;
      text-decoration: none;
      cursor: pointer;
    }
  


  /* òéöåá ëììé ìâìøéä */
    .zolainfo {
		direction: rtl;
		 grid-template-columns: repeat(2, 20%);
		 grid-column-gap: 10px;
		   display: grid;
position: relative;

      padding-top: 3%;
   
	  	

  width: 96%;
	   
	     justify-content: center;
  justify-items: center;
      grid-column-gap: 30%;
    }
	
@keyframes zolaup {
	0% {
		opacity: 0%;
		transform: translateY(130px);

	}

  100% {
		opacity: 100%;
		transform: translateY(0px);


	}
}
@keyframes up1 {
	0% {
		opacity: 0%;
		transform: translate(130px);

	}

  100% {
		opacity: 100%;
		transform: translate(0px);


	}
}
@keyframes up2 {
	0% {
		opacity: 0%;
		transform: translate(-130px);

	}

  100% {
		opacity: 100%;
		transform: translate(0px);


	}
}
@keyframes down {
	0% {
		height: 0%;
		

	}

  100% {
		height: 27%;
		


	}
}
	    .gallery2 {
			
	direction: ltr;
	position: relative;
  justify-content: center;
      display: grid;
      top: 0%;
      /* ????? ????? ??????? ?????? */
      grid-template-columns: repeat(3, 30%); /* 2 ??????, ?? ????? ????? ???? ???? ????? ??�???? ??????? ?????? */
       grid-column-gap: 2%; /* ???? ??? ??????? ??????? ???�???? */
	grid-row-gap: 100px;
      padding: 2%;

      	animation: zolaup 2s forwards;
	  
    }
    /* òéöåá ìúîåðåú áâìøéä */
   .gallery-item {
  filter: brightness(97%);
      margin: 0px;



  object-fit: cover;
  width: 100%; 
  height: 130%;


    }
.gallery-item:hover {
  filter: brightness(120%);
}
.gallery-item:active {
  filter: brightness(100%);
}

.gallery-item img {
  padding: 0;
  margin:  0;
  border: 0;


}

.headpage {
	  display: block;
align-items: center;
  justify-content: center;

    position: relative;
    left: 0%;
    right: 0%;
  font-family: Myriad Hebrew;
font-size: 150%;
  font-weight: bold; 
  color: #16679a;
  border-bottom:  4px solid #16679a;
      width: 100%;
	  height: 22%;
	        background-color: #d3e1e6;
	        
			padding-top: 3%;
}






  .zolaname {
      display: block;

  position: absolute;
top:0;
align-items: center;
  justify-content: center;

  background-color: #304f61;
  color: #FFFFFF;
  text-shadow: 1px 1px 4px #000000;
border-radius: 15px 15px 0 0;
margin-top: 0;
  padding: 0px;
        width: 100%;
	  height: 9%;
	    font-family: Myriad Hebrew;
font-size: 100%;
  font-weight: bold; 
      text-decoration: none;
      
 	
  
}
  .backright {
      display: flex;
	  align-items: center;
  justify-content: center;
border-radius: 25px 25px 25px 25px;
position: relative;
  background-color: #7490a0;
  color: #FFFFFF;
  text-shadow: 1px 1px 4px #000000;

        width: 215%;
	  height: 100%;
	    font-family: Myriad Hebrew;
font-size: 150%;
  font-weight: bold; 
      text-decoration: none;

animation: up2 2s forwards;

  
}
  
  .backleft {
      display: flex;
	  align-items: center;
  justify-content: center;
border-radius: 25px 25px 25px 25px;
position: relative;
  background-color: #7490a0;
  color: #FFFFFF;
  text-shadow: 1px 1px 4px #000000;

        width: 215%;
	  height: 100%;
	    font-family: Myriad Hebrew;
font-size: 150%;
  font-weight: bold; 
      text-decoration: none;
animation: up1 2s forwards;
  
}



 .zolaprice {
           display: block;

  position: absolute;
bottom:0;


  background-color: #304f61;
  color: #FFFFFF;
  text-shadow: 1px 1px 4px #000000;
border-radius: 0 0 15px 15px;

  padding: 0px;
        width: 100%;
	  height: 6%;
	    font-family: Myriad Hebrew;
  font-size: 16px;
  font-weight: bold; 
      text-decoration: none;
      
 
  
}
  ul {
  padding: 0px;
  list-style-type: none;
  padding-top: 12%;
 padding-bottom: 5%;
}

ul li {
  margin: 2px;

}
  .indexmenu {
    
    padding-top: 85%;
}














@media screen and (max-width: 600px) {

    /* עיצוב למודאל */
    .modal {
      display: none;
      position: fixed;
      z-index: 1;
      padding-top: 100px;
      left: 0;
      top: 0;
	  
      width: 100%;
      height: 100%;
      overflow: auto;
      background-color: rgba(0,0,0,0.9);
	    z-index: 999;
    }

    /* עיצוב לתמונה הגדולה במודאל */
    .modal-content {
      margin: auto;
      display: block;
	    object-fit: contain;
      width: 100%;
      width: 1000px;
	  height: 1000px;
    }
	.close {
      position: absolute;
      top: 15px;
      right: 35px;
      color: #f1f1f1;
      font-size: 70px;
      font-weight: bold;
      transition: 0.3s;
    }
    /* עיצוב לכפתור סגירת המודאל */

	
    .close:hover,
    .close:focus {
      color: #bbb;
      text-decoration: none;
      cursor: pointer;
    }
  


  /* òéöåá ëììé ìâìøéä */
    .zolainfo {
		direction: rtl;
		 grid-template-columns: repeat(2, 20%);
		 grid-column-gap: 10px;
		   display: grid;
position: relative;

      padding-top: 3%;
   
	  	

  width: 96%;
	   
	     justify-content: center;
  justify-items: center;
      grid-column-gap: 30%;
    }
	
@keyframes zolaup {
	0% {
		opacity: 0%;
		transform: translateY(130px);

	}

  100% {
		opacity: 100%;
		transform: translateY(0px);


	}
}
@keyframes up1 {
	0% {
		opacity: 0%;
		transform: translate(130px);

	}

  100% {
		opacity: 100%;
		transform: translate(0px);


	}
}
@keyframes up2 {
	0% {
		opacity: 0%;
		transform: translate(-130px);

	}

  100% {
		opacity: 100%;
		transform: translate(0px);


	}
}
@keyframes down {
	0% {
		height: 0%;
		

	}

  100% {
		height: 27%;
		


	}
}
	    .gallery2 {
			
	direction: ltr;
	position: relative;
  justify-content: center;
      display: grid;
      top: 0%;
      /* ????? ????? ??????? ?????? */
      grid-template-columns: repeat(3, 30%); /* 2 ??????, ?? ????? ????? ???? ???? ????? ??�???? ??????? ?????? */
       grid-column-gap: 2%; /* ???? ??? ??????? ??????? ???�???? */
	grid-row-gap: 100px;
      padding: 2%;

      	animation: zolaup 2s forwards;
	  
    }
    /* òéöåá ìúîåðåú áâìøéä */
   .gallery-item {
  filter: brightness(97%);
      margin: 0px;



  object-fit: cover;
  width: 100%; 
  height: 130%;


    }
.gallery-item:hover {
  filter: brightness(120%);
}
.gallery-item:active {
  filter: brightness(100%);
}

.gallery-item img {
  padding: 0;
  margin:  0;
  border: 0;


}

.headpage {
	  display: block;
align-items: center;
  justify-content: center;

    position: relative;
    left: 0%;
    right: 0%;
  font-family: Myriad Hebrew;
font-size: 14px;
  font-weight: bold; 
  color: #16679a;
  border-bottom:  4px solid #16679a;
      width: 100%;
	  height: 27%;
	        background-color: #d3e1e6;
	        
			
}






  .zolaname {
      display: block;

  position: absolute;
top:0;
align-items: center;
  justify-content: center;

  background-color: #304f61;
  color: #FFFFFF;
  text-shadow: 1px 1px 4px #000000;
border-radius: 15px 15px 0 0;

  padding: 0px;
        width: 100%;
	  height: 9%;
	    font-family: Myriad Hebrew;
  font-size: 16px;
  font-weight: bold; 
      text-decoration: none;
      
 	
  
}
  .backright {
      display: flex;
	  align-items: center;
  justify-content: center;
border-radius: 25px 25px 25px 25px;
position: relative;
  background-color: #7490a0;
  color: #FFFFFF;
  text-shadow: 1px 1px 4px #000000;

        width: 215%;
	  height: 100%;
	    font-family: Myriad Hebrew;
  font-size: 14px;
  font-weight: bold; 
      text-decoration: none;

animation: up2 2s forwards;

  
}
  
  .backleft {
      display: flex;
	  align-items: center;
  justify-content: center;
border-radius: 25px 25px 25px 25px;
position: relative;
  background-color: #7490a0;
  color: #FFFFFF;
  text-shadow: 1px 1px 4px #000000;

        width: 215%;
	  height: 100%;
	    font-family: Myriad Hebrew;
  font-size: 14px;
  font-weight: bold; 
      text-decoration: none;
animation: up1 2s forwards;
  
}



 .zolaprice {
           display: block;

  position: absolute;
bottom:0;


  background-color: #304f61;
  color: #FFFFFF;
  text-shadow: 1px 1px 4px #000000;
border-radius: 0 0 15px 15px;

  padding: 0px;
        width: 100%;
	  height: 6%;
	    font-family: Myriad Hebrew;
  font-size: 16px;
  font-weight: bold; 
      text-decoration: none;
      
 
  
}
  ul {
  padding: 0px;
  list-style-type: none;
  padding-top: 12%;
 padding-bottom: 5%;
}

ul li {
  margin: 2px;

}
  .indexmenu {
    
    padding-top: 85%;
}


}