body {direction:rtl; font-family: 'Arimo', sans-serif, Arial, "Times New Roman", courier, Georgia, Serif;  padding:0; margin:0px;  }
.container{/*max-width:1000px; */ margin:auto; padding:0px;}

/* general */
h1 {background-color:black; color:white; font-size:40px; padding:10px;  margin:0px; /*margin-top:-18px;*/ text-align:center; letter-spacing:2px; }
h2 { font-size:30px; padding:10px;  margin:10px 0; text-align:center;  font-family: sans-serif, "Times New Roman", courier, Georgia, Serif; text-shadow: 0 0 3px #20a7aa; }
.title_home_page:after {content: ' \219E';}
.title_home_page:before {content: ' \21A0';}
a {text-decoration:none;}
img {max-width:100%}
span.litle_text { font-style: italic; font-size:0.5em;}



/* header */
#banner{animation: mybanner 60s ease-in infinite alternate; background-image:url('images/banner.jpg'); background-size: cover; background-repeat: no-repeat; height:230px; border:none; margin:0px; padding:0px;}

@keyframes mybanner {
    0%   {background-image:url('images/banner.jpg'); }
    8%   {background-image:url('images/fl1.jpg'); }
    16%   {background-image:url('images/fl2.jpg'); }
    24%   {background-image:url('images/fl3.jpg'); }
    32%   {background-image:url('images/fl4.jpg'); }
    40%   {background-image:url('images/fl5.jpg'); }
    48%   {background-image:url('images/fl6.jpg'); }
    56%   {background-image:url('images/fl7.jpg'); }
    64%   {background-image:url('images/fl8.jpg'); }
    72%   {background-image:url('images/fl9.jpg'); }
    80%   {background-image:url('images/fl10.jpg'); }
    90%   {background-image:url('images/fl11.jpg'); }
    100%   {background-image:url('images/fl12.jpg'); }
   
   
   
    
}


/*#banner{ width:20%;  background-image: url("images/banner.jpg"); background-repeat: no-repeat;  background-size: contain, cover;}*/
.header {background:#20a7aa; margin-top:-4px; padding:0px;}
#nav{list-style: none; background-color: #20a7aa; display:inline-block; margin:5px;}
#nav li.first { padding:0px 20px 0 0px;}
#nav li.last { border-left:none; }
/*ul {list-style: none; padding:0; margin:0; }*/
#nav li {background-color: #20a7aa;float:right; border-left:1px solid #000; padding:0 2px;}
#nav li a {display:block; padding: 5px 40px; color:white; text-decoration:none; /*border-bottom:1px solid #ccc;*/}
#nav li a:hover{background-color:purple;}
#nav li ul {list-style: none; padding:0; margin:0; position:absolute;display:none;}
#nav li:hover ul {display:block;}
#nav li ul li {float:none; padding:0 0px; border-left:none;}
#nav li ul li a{border-bottom:0.8px solid #ccc; border-top:0.8px solid #ccc; padding:5px 37px;}
#nav2{display:none;}



/* Underline From Right */
.hvr-underline-from-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  position: relative;
  box-shadow: 0 0 1px transparent;
  overflow: hidden;
}
.hvr-underline-from-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 100%;
  right: 0;
  bottom: 0;
  background: white;
  height: 4px;
  -webkit-transition-property: left;
  transition-property: left;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before {
  left: 0;
}
















/* main */
.row {max-width:1000px; margin:20px auto;}


/* flower */
.flower {  padding:0px; /* border:1px solid #20a7aa; */ background: #eee; text-align:center; }
.flower_image,.thumb img {/*animation: opacity1 5s linear 2s infinite alternate;*/ width:150px; max-width:100%; margin:auto; display:block; border: 3px solid #20a7aa; 
border-radius:15px 50px/20px 30px 5px; box-shadow: 10px 10px 35px -11px rgba(77,148,142,1);   padding: 5px; overflow:hidden; position:relative; text-align:center;  }

.flower_image {border-color:transparent; width:184px; box-shadow: none;}
/*.flower_image {display:block; width:190px; max-width:100%; overflow:hidden; position:relative;  }*/
.flower_image .read-more a{color:white; font-size:94px; }
.flower_image .read-more{
	margin-right:-5px;
 position: absolute; top: 100%; width: 100%;   height: 100%;  background-color: black;   /* opacity: 0; */
 -webkit-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 transition: all 0.5s ease;
}

.flower_image:hover .read-more,
.flower_image:focus .read-more {
    top: 0;
	opacity: 0.6;
}


@keyframes opacity1 {
    
	from {opacity: 1;}
    to {opacity: 0.3;}
}








.flower {width:20%; padding: 2.5%; float:right; margin:0 10%;}
.flower.first {margin:0 2.5% 0 0;}
.flower.third {margin:0 0 0 2.5%;}

.excerpt {min-height:150px; position:relative; padding-bottom: 40px;}
.excerpt a{position:absolute; bottom:10px; left:20px;}

.clr {clear:both;}

.half {width:46%;  float:right; margin:0 5%; min-height:50px; background: #eee; }
.half.first { margin:0 2.5% 0 1.5%; }
.half.second { margin:0 1.5% 0 2.5%; }
.flower_content{max-width:45%; text-align:right; margin:auto; padding:1%; line-height:1.8em;}

/* flower page */
table {max-width:500px; margin:auto;}
td {border:1px solid black; border-right-width:0px;}
td.first {border-right:1px solid black;}


/* contact page */
label {width:150px; display:inline-block;}
.field {margin:20px;}
textarea { width: 400px;height: 50px;}
.condition li{list-style-image: url('images/icon_flower.png'); }
.submit {background: red; color: #fff; padding: 5px 20px;}

/* form */

form{margin:auto; width:40%; text-align:right; padding:2%; border-left:0.5px dotted #21a7a8; border-right:0.5px dotted #21a7a8;}

select, input{margin:2%;}
select, label{max-width:60%; display:inline-block; font-weight: bold; font-size:0.89em; color:#105654;}
.Contact_the_subject label, .sex label, .tools label{display:inline; font-weight: normal; }
form .Contact_the_subject .bold, form .tools .bold, form .sex .bold{font-weight:bold; }
textarea{width:100%; height:100px;}
.upload{border:1px solid #21a7a8;max-width:50%;}
.send{background-color:#21a7a8; color:white; width:50px; height:35px;}
#field2{padding-left:20%;font-style: normal; font-size:1em; color:#105654;}
#field3{max-width:50%;padding-left:7%;font-style: normal; font-size:1em; color:#105654;}
.Required{font-size:1.2em; color:red; }
/*.list_img li{list-style-image: url('images/icon_phone.png'); }*/
#list_img1{list-style:none;background-image:url("images/icon_phone.png"); background-position:right; background-repeat:no-repeat; padding:50px; display:inline; margin:0 5%; text-align:center; line-height:4em;}
#list_img2{list-style:none;background-image:url("images/icon_email.png"); background-position:right; background-repeat:no-repeat; padding:50px; display:inline; margin:0 5%; text-align:center; line-height:4em;}



/* footer */
.footer  {background:#20a7aa;  }
.footer  p{text-align:center; margin:0px; padding:15px;}

.fix-call a img{position:fixed; top:90px; left:0px; width:30px; height:30px; border:2px solid #21a7a8; border-radius:3px; padding:3px;}

/*נסיון

.spin {
 
  transform-style: preserve-3d;
}
.spin:hover {
    animation: spin 5s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}
.cube-container {
  height: 50px;
  perspective: 75;
  position: relative;
  width: 50px;
}
.cube {
  height: 49px;
  position: absolute;
  bottom:250px;
  right:800px;
  transform: translateZ(-100px);
  transform-style: preserve-3d;
  width: 49px;
}
.side {
  background: rgba(45, 179, 74, .3);
  border: 2px solid #2db34a;
  height: 49px;
  line-height: 49px;
  position: absolute;
  text-align: center;
  width: 49px;
}
.front {
  transform: translateZ(100px);
}
.back {
  transform: rotateX(180deg) translateZ(100px);
}
.left {
  transform: rotateY(-90deg) translateZ(100px);
}
.right {
  transform: rotateY(90deg) translateZ(100px);
}
.top {
  transform: rotateX(90deg) translateZ(100px);
}
.bottom {
  transform: rotateX(-90deg) translateZ(100px);
}
*/
/*נסיון*/


/* גלרית עבודות */
/* תיבת הכיתוב למטה מעל הגלריה - דוגמאות לעבודות */
#ex{font-size:0.8em; line-height:1.3em; width: 150px;background-color:#20a7aa; color:black; border-radius: 0px 0px 0px 8px; text-align:center; margin:0px; padding:0px;}
#gal img {border:1px solid #ddd; border-radius:4px;	padding:5px;  width:150px; height:100px; }
#gal img:hover {box-shadow: 0 0 2px 1px rgba(14, 102, 77,0.95);}
#gal {border-top: 2px solid  #20a7aa; border-bottom: 2px solid #0e664d; margin:0px; padding:10px;}


/*card-container {  cursor: pointer;  height: 100px;  perspective: 600;  position: relative;  width: 150px;}
.card { width:150px; height:100px;  position: absolute;  transform-style: preserve-3d;  transition: all 0.7s ease-in-out;}
.card:hover {box-shadow: 0 0 2px 1px rgba(14, 102, 77,0.95);  transform: rotateY(180deg);}
.card .side { backface-visibility: hidden;   width:150px; height:100px;  position: absolute;  overflow: hidden;}
.card .back {  background: #eaeaed;  color: #0087cc;  line-height: 150px;  text-align: center;  transform: rotateY(180deg);}
*/




@media screen and (max-width: 767px) {
	
 h1 {background-color:black; color:white; font-size:33px;}
 form{border-left:none;}
 
 /*flowers*/
.flower, .flower.first, .flower.third {width:90%; padding: 2.5%; clear:both; float:none; margin:7% auto;}
.flower_content{max-width:70%;}

/*menu*/
#nav{list-style: none;  margin:-30px;}
#nav li.first { padding:0px;}
#nav li {text-align:center;background-color:transparent;float:none; border-left:none; padding:0px; display:inline;}
#nav li a {display:inline; padding: 5px 40px; color:white; text-decoration:none; /*border-bottom:1px solid #ccc;*/}
#nav li ul {list-style: none; padding:0; margin:0; position:relative; display:inline;}
/*#nav li ul li {float:right; padding:0 0px; border-left:none;}*/
#nav li ul li {float:none; padding:0 0px; border-left:none;  display:inline;}
#nav li ul li a{border:none; padding:5px 37px;}
/*
#nav li a:after{content: '  |'; font-size:1.5em; color:black;  letter-spacing:4px; }
#nav li.last a:after {content: ''; font-size:1.5em; color:black;}*/
#nav2{display:none;}
#nav li:hover ul {display:inline;}
#nav li a:hover{background-color:transparent;}
span a#flower_link {display: none;}
.hvr-underline-from-right:before {
   background: purple;
 
}
}