body,fieldset,form,html,legend,li,ol,ul,blockquote{margin:0;padding:0}h1,h2,h3,h4,h5,h6,p{margin-top:0}fieldset,img{border:0}legend{color:#000}li{list-style:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}table{border-collapse:collapse;border-spacing:0}caption,td,th{text-align:left;vertical-align:top;font-weight:400}

.pimg {max-width:100%;}


body,ul,li {	padding:0;margin:0;	border:0; background:#000;}
body {	font-size:12px;	font-family:"Segoe UI"; overflow-x:hidden;}
.frontpage{background:#fff;}
ul a{display:block; text-decoration:none;}
a{color:#fff;}
.clear{clear:both;}
.hidden { display: none; }
 .unhidden { display: block; }
 .promo{font-size:15px; padding-top: 20px;   text-align: center; color:#000;}
 .promo a{color:#ff4554;}
 .link{color:#ff4554;}

#header {
	position:absolute; z-index:2;
	top:0; left:0;
	width:100%;
	height:45px;
	line-height:45px;	padding:0;
	color:#eee;
	font-size:20px;
	text-align:center;

}
#headerrel{
	line-height:45px;	
	font-size:20px;
	text-align:center;


}
#relp{position:relative;}

#header a {	color:#f3f3f3;text-decoration:none;	font-weight:bold;	text-shadow:0 -1px 0 rgba(0,0,0,0.5);}
#headerrel a {	color:#f3f3f3;text-decoration:none;	font-weight:bold;	text-shadow:0 -1px 0 rgba(0,0,0,0.5);}

.htext{background:#aaa; font-size:18px;     padding: 25px 1% 0 2%; text-align:justify;}
.english{margin:5px 0;}
.hebrew{direction: rtl;margin:5px 0;font-weight: bold;}

.two{padding-top:50px;}

.btn7, .btn9 {width:40%; background:#ff4554; float:left; margin:10px; }
.btn2{width:20%; background:#ff4554; float:left; margin:10px; }
.btnch{ background:#ff4554; float:left; margin: 5px 10px 3px;    width: 15%; padding: 10px 0;
    text-indent: 10px;}
.btn7 a { display: block;     padding: 50px 10% 25px 0;    text-align: right; text-decoration:none; color:#fff; font-size:20px; }
.btn9 a { display: block;     padding: 45px 10% 25px 0;    text-align: right; text-decoration:none; color:#fff; font-size:20px; }
.btn2 a { display: block;     padding: 25px 10% 10px 0;    text-align: right; text-decoration:none; color:#fff; font-size:50%; }
.btnb a { display: block;     padding: 20px 0 5px 0;    text-align: center; text-decoration:none; color:#fff; font-size:20px; }

.btnmy {width:18%; background:#ff4554; float:left; margin:10px; }
.btnmy a { display: block;     padding: 20px 0;    text-align: center; text-decoration:none; color:#fff; font-size:20px; }


.back {width:20%; background:#ff4554; float:left; margin:10px; }
#header .back a { display: block;    padding: 0px 10% 0px 0;    text-align: right; text-decoration:none; color:#fff; font-size:20px; font-weight:normal; text-shadow:none; line-height:25px; }


blockquote{background:#333; color:#fff; margin:6px; padding:9px;}
blockquote.lev1{display:block; }







* { box-sizing: border-box; }


#btn {
  position: fixed;
  z-index: 5;
  top: 15px;
  right: 15px;
  cursor: pointer;
  -webkit-transition: right 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91);
  transition: right 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91);
}

#btn div {
  width: 35px;
  height: 2px;
  margin-bottom: 8px;
  background-color: #00DFFC;
  -webkit-transition: -webkit-transform 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91), opacity 500ms, box-shadow 250ms, background-color 500ms;
  transition: transform 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91), opacity 500ms, box-shadow 250ms, background-color 500ms;
}

#btn:hover > div { box-shadow: 0 0 1px #00DFFC; }

/*#btn.active { right: 210px; }*/

#btn.active:hover > div { box-shadow: 0 0 1px #343838; }

#btn.active #top {
  -webkit-transform: translateY(10px) rotate(-135deg);
  -ms-transform: translateY(10px) rotate(-135deg);
  transform: translateY(10px) rotate(-135deg);
}

#btn.active #middle {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

#btn.active #bottom {
  -webkit-transform: translateY(-10px) rotate(-45deg);
  -ms-transform: translateY(-10px) rotate(-45deg);
  transform: translateY(-10px) rotate(-45deg);
}

#box {
  position: fixed;
  z-index: 4;
  overflow: auto;
  top: 0px;
  right: -275px;
  width: 275px;
  opacity: 0;
  padding: 20px 0px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5) ;
  -webkit-transition: all 350ms cubic-bezier(0.6, 0.05, 0.28, 0.91);
  transition: all 350ms cubic-bezier(0.6, 0.05, 0.28, 0.91);
}

#box.active {
  right: 0px;
  opacity: 1;
}


.item a{display:block;}

#items .item {
  position: relative;
  cursor: pointer;
  font-size: 2em;
  padding: 10px 30px;
  -webkit-transition: all 250ms;
  transition: all 250ms;
}

#items .item:hover {
  padding: 10px 32px;
  background-color: rgba(25, 25, 25, 0.8);
}

blockquote[data-name]::before {
   content:attr(data-name);
   display:block;
   position:sticky;
   top:0;
   text-align:center;
   background:#555;
}