* {margin:0;padding:0;text-decoration:none;border:0;border-collapse:collapse}
body {background:#fff;font-family:Arial, Helvetica, sans-serif}

body { line-height:1; color:black; background:white; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
blockquote,q { quotes:"" ""; }
 
#container {max-width:960px;margin:0 auto;position:relative;z-index:0;}
#example {position:relative;height:0;padding-bottom:27.8125%;}
#slides {position:absolute;top:15px;left:4px;z-index:100;}
#slides {--swiper-wrapper-transition-timing-function:cubic-bezier(.25,.46,.45,.94)}
#slides .next,#slides .prev {position:absolute;top:40%;left:24px;width:24px;height:43px;display:block;z-index:101;}
#slides .next {left:auto;right:36px;}
#slides .swiper-slide img {display:block;width:100%;height:auto}
/* the quote as text, on the picture's own half-transparent band; a little darker, so that white text passes at the band's brightest spots.
   Its sizes are those it had in the 960px picture, and shrink with the picture (--u) */
.slide-quote {--u:min(1px,calc(100vw / 960));position:absolute;top:59.5%;left:0;right:0;bottom:0;box-sizing:border-box;padding:calc(14*var(--u)) calc(45*var(--u)) calc(4*var(--u)) 68px;background:rgba(0,0,0,.15);color:#fff;overflow:hidden}
.slide-quote p {color:#fff;font-size:calc(22*var(--u));font-style:italic;line-height:1.02}
.slide-quote cite {display:block;margin-top:calc(5*var(--u));font-size:max(10px,calc(11*var(--u)));font-style:normal;line-height:1.3}


.top {background:url(../images/top_bg.png) repeat-x;height:211px}
.mid {background:url(../images/con_bg.png) repeat;}
.content {max-width:960px;margin:0 auto 0 auto;display:flow-root;}
	.header {position:relative;margin:-160px 0 0 0}
	.logo {position:absolute;top:-52px;right:28px;z-index:1000}
		#menu {clear:both;background:url(../images/menu_bg.png) repeat-x;height:39px;direction:rtl}
		ul.dropdown                         {position:relative;height:39px;list-style:none;z-index: 1;padding:0 190px 0 0;width:770px}
		ul.dropdown li                      {float:right;position:relative;line-height:37px;height:37px;border:1px solid #891913}
		ul.dropdown li a:hover		        {text-decoration: none;}
		ul.dropdown li:hover				{background:url(../images/li_hover.png) repeat-x;border:1px solid #2a3137}
		ul.dropdown li a                    { color:#fff;font-size:14px;display:inline-block;height:36px;padding:0 13px}
		/* LEVEL TWO*/
		ul.dropdown ul 						{width:167px;visibility: hidden;position:absolute;top:100%;right:0;list-style:none;margin:0;padding:0;z-index:1000}
		ul.dropdown ul li a:hover 			{color:#fff;background:#A83229;text-decoration: none}
		ul.dropdown ul li:hover             {border:1px solid #2a3137}
		ul.dropdown ul li:last-child		{border-bottom:0 !important}
		ul.dropdown ul li 					{height:32px;line-height:18px;float:none;background:#90241F;padding:0;border-bottom:1px solid #565656 ;border-right:1px solid #5b616a;;border-left:1px solid #5b616a;width:167px;margin:0}						  
		ul.dropdown ul li a					{padding:0 15px 0 0; color:#fff;line-height:32px;font-size:13px;width:151px; display: inline-block;height:31px;margin:0} 
		/* LEVEL THREE*/
		ul.dropdown ul ul 					{ left: 100%; top: 0; }
		ul.dropdown li:hover > ul 			{ visibility: visible;text-decoration: none; }
		
	.middle {background:url(../images/middle_bg.png) no-repeat center top #fff;min-height:54px;display:flow-root;direction:rtl}
	h1 {color:#b85c00;font-size:16px}
	p {font-size:12px;color:#000}
	.home_r {float:right;width:58.85%;margin:58px 4.1667% 0 0}
	.right_content {background:url(../images/home_r_bg.png) repeat-x center bottom #fff;min-height:252px;display:flow-root;margin:0 0 10px 0}
	.right_content h1 {background:url(../images/right_content_h1.png) no-repeat right bottom;height:32px;padding:7px 20px 0 0}
	.right_content p {padding:10px 20px 0 20px;line-height:17px}
	.right_content a {display:inline-block;background:#90241F;height:27px;font-size:12px;color:#fff;line-height:27px;font-weight:bold;padding:0 18px;margin:20px 0 20px 20px;float:left}
	.right_content a:hover {background:#660b0a}
	.home_r h2 {background:url(../images/home_r_h2.png) no-repeat right bottom;height:41px;color:#b85c00;font-size:16px}
	.home_r .activity {clear:both;margin:0 0 15px 0;display:table}
	.home_r .activity img {margin:0 0 0 17px;background:url(../images/activity_img_bg.png) repeat-x center bottom #fff;padding:10px;min-height:117px;border:1px solid #F7F7F7;float:right}
	.home_r .activity h3 {font-size:12px;font-weight:bold;color:#000;padding:5px 0 0 0}
	.home_r .activity a {font-size:12px;color:#b85c00;float:left;margin:25px 0 0 0}
	.home_r .activity a:hover {text-decoration:underline}
	.home_r p {line-height:17px}
	
	.home_l {float:left;width:30.21%;margin:58px 0 0 4.1667%}
	.left_content {background:url(../images/home_r_bg.png) repeat-x center bottom #fff;min-height:252px;display:flow-root;margin:0 0 10px 0}
	.left_content h2 {background:url(../images/left_content_h1.png) no-repeat right bottom;height:34px;padding:0 20px 0 0;margin:10px 0 0 0;color:#b85c00;font-size:16px}
	.left_content h3 {font-size:12px;font-weight:bold;color:#000;padding:17px 20px 0 10px;line-height:17px}
	.left_content ul {padding:13px 50px 16px 0}
	.left_content ul li {font-size:13px;background:url(../images/left_content_li.png) no-repeat center right;padding:0 20px 0 0;list-style:none;line-height:20px}
	.left_content p {padding:5px 20px 0 10px;line-height:17px}
	.home_contact {min-height:282px;background:#dbd7c9;margin:20px 0 0 0;display:flow-root}
	.home_contact h2 {color:#5f5c54;font-size:16px;padding:20px 10px 0 0}
	.home_contact p {padding:15px 10px 0 0;line-height:17px}
	.home_contact a{color:#8a4b00;text-decoration:underline}
	.home_contact a:hover {text-decoration:none}
	.home_contact hr {background:url(../images/contact_hr.png) no-repeat center top;width:100%;height:31px;display:block;margin:10px 0 0 0}
	.home_contact .face {background:url(../images/home_face.png) no-repeat center right;padding:0 60px 0 0;height:64px;margin:20px 10px 0 49px}
	.home_contact .face a {text-decoration:none;color:#3f5f6e;font-size:18px;font-weight:bold;padding:28px 0 0 0;display:inline-block;line-height:18px}
	.home_contact .face a:hover {text-decoration:underline}
	
	.img_top {height:151px}
	.img_top h1 {font-size:30px;color:#fff;padding:104px 30px 0 30px }
	.img_top h1.r { text-align: right; direction: rtl }
	.img_top h1.l { text-align: left; direction: ltr }
	.heb {border-right:1px solid #d6d5d4;margin:8px 23.54% 0 0;padding:50px 30px 0 30px;min-height:570px;line-height: 160%!important;}
	.heb h2 {font-size:16px;color:#ac2a2a;margin:5px 0}
	.heb h3 {font-size:13px;line-height:150%}
	.heb > p + h2, .heb > ul + h2 {margin-top:20px}
	.heb a,.english a {text-decoration:underline}
	.heb a:hover,.english a:hover {text-decoration:none}
	.heb p {line-height:150%; font-size: 13px;}
	.heb p a {color:#b85c00;text-decoration:underline}
	.heb p a:hover {text-decoration:none}
	.heb div {line-height:150%; font-size: 13px;}
	.heb div a {color:#b85c00;text-decoration:underline}
	.heb div a:hover {text-decoration:none}
	.pub {padding:0 0 20px 0}
	.map {float:left;margin:10px 0 20px 10px}
	.map iframe {width:369px;height:369px;border:0;display:block}
	.clear{clear:both}
	.pdf, .word {padding:0 0 20px 0}
	.pdf a{background:url(../images/pdf_bg.png) no-repeat top right;height:32px;padding:14px 35px 0 0;display:inline-block;margin:3px 0 0 0}
	.word a{background:url(../images/word_bg.png) no-repeat top right;height:32px;padding:14px 35px 0 0;display:inline-block;margin:3px 0 0 0}
	
	.english {border-left:1px solid #d6d5d4;margin:8px 0 0 23.54%;padding:50px 30px 0 30px;direction:ltr}
	
	.home_gal {position:relative;width:960px;height:267px}
	#slides {position:absolute;top:0;left:0;right:0;z-index:0;}
.footer{background:#660b0a;border-top:1px solid #fff;height:69px;direction:rtl}
.footer ul {padding:30px 320px 0 0}
.footer ul li {float:right;list-style:none;color:#c6c3b0;font-size:11px}
.footer ul li a{color:#c6c3b0;font-size:11px;padding:0 10px}
.footer ul li a:hover {text-decoration:underline}

/* cookie notice (added by JS/init.js) */
#cookie-bar {position:fixed;left:0;right:0;bottom:0;z-index:3000;background:#660b0a;border-top:1px solid #fff;box-shadow:0 -2px 8px rgba(0,0,0,.25);direction:ltr;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 20px;padding:12px 16px}
#cookie-bar p {color:#fff;font-size:13px;line-height:1.5}
#cookie-bar a {color:#fff;text-decoration:underline}
#cookie-bar a:hover {text-decoration:none}
#cookie-bar button {background:#fff;color:#660b0a;font:bold 13px Arial, Helvetica, sans-serif;min-height:36px;padding:0 24px;cursor:pointer}
#cookie-bar button:hover {background:#f3f1ea}
#cookie-bar a:focus-visible,#cookie-bar button:focus-visible {outline:2px solid #fff;outline-offset:2px}

/* =====================================================================
   Responsive (mobile / tablet) — same design, fluid below 960px
   ===================================================================== */
.menu-toggle {display:none}
.heb img, .english img {max-width:100%;height:auto}

/* ≤ 900px : compact header, folding menu */
@media (max-width: 900px) {
	.top {height:112px}
	.header {margin:-112px 0 0 0;padding-top:112px}
	.logo {top:0;right:12px}
	.logo img {display:block;width:74px;height:90px}
	.menu-toggle {display:flex;position:absolute;top:64px;left:0;right:0;height:48px;align-items:center;justify-content:flex-end;padding:0 8px;background:url(../images/menu_bg.png) repeat-x;direction:rtl}
	.menu-toggle button {display:flex;align-items:center;gap:10px;background:none;border:0;color:#fff;font:bold 16px Arial, Helvetica, sans-serif;min-height:44px;padding:0 8px;cursor:pointer}
	.menu-toggle .icon {position:relative;display:block;width:22px;height:22px}
	.menu-toggle .icon.bars::before {content:"";position:absolute;top:10px;left:0;width:22px;height:2px;background:#fff;box-shadow:0 -7px 0 #fff,0 7px 0 #fff}
	.menu-toggle .icon.x::before,.menu-toggle .icon.x::after {content:"";position:absolute;top:10px;left:0;width:22px;height:2px;background:#fff;transform:rotate(45deg)}
	.menu-toggle .icon.x::after {transform:rotate(-45deg)}
	#menu {display:none;height:auto}
	#menu.open {display:block;position:absolute;top:112px;left:0;right:0;z-index:2000;background:#760d09;box-shadow:0 8px 16px rgba(0,0,0,.25)}
	#menu.open ul.dropdown {height:auto;width:auto;padding:0}
	#menu.open ul.dropdown li {float:none;height:auto;line-height:normal;border:0;border-bottom:1px solid #891913;background:none}
	#menu.open ul.dropdown li a {display:block;height:auto;line-height:50px;padding:0 16px;font-size:16px}
	#menu.open ul.dropdown li.has-sub > a {position:relative}
	#menu.open ul.dropdown li.has-sub > a::after {content:"";position:absolute;left:20px;top:19px;width:8px;height:8px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
	#menu.open ul.dropdown li.open > a {background:#90241F}
	#menu.open ul.dropdown li.open > a::after {top:23px;transform:rotate(135deg)}
	#menu.open ul.dropdown ul {position:static;visibility:visible;display:none;width:auto}
	#menu.open ul.dropdown li.open > ul {display:block}
	#menu.open ul.dropdown ul li {width:auto;height:auto;background:#90241F;border:0;border-top:1px solid #565656}
	#menu.open ul.dropdown ul li a {width:auto;height:auto;line-height:46px;padding:0 32px 0 16px;font-size:15px}
	.footer {height:auto}
	.footer ul {padding:20px 12px;display:flex;flex-wrap:wrap;justify-content:center}
	.footer ul li {float:none}
}

/* ≤ 760px : single column, larger text */
@media (max-width: 760px) {
	/* the quote below the picture: the slideshow takes the height it needs, the rest is placed on the picture's height, 27.8125vw */
	#example {height:auto;padding-bottom:0}
	#slides {position:relative}
	#slides .swiper-slide {display:flex;flex-direction:column;height:auto}
	#slides .next,#slides .prev {top:calc(8.3vw - 22px);width:44px;height:44px;display:flex;align-items:center;justify-content:center}
	#slides .prev {left:2px}
	#slides .next {left:auto;right:2px}
	#slides .prev img,#slides .next img {width:28px;height:28px}
	.slide-quote {position:relative;top:auto;flex:1;margin-top:-11.3vw;padding:10px 16px 48px;background:#404040}
	.slide-quote p {font-size:15px;font-style:normal;line-height:1.5}
	.slide-quote cite {margin-top:6px;font-size:13px}
	.middle {padding-bottom:24px}
	.home_r,.home_l {float:none;width:auto;margin:44px 12px 0}
	.home_l {margin-top:8px}
	h1 {font-size:19px}
	p {font-size:15px}
	.right_content,.left_content {min-height:0;padding-bottom:12px}
	.right_content h1,.left_content h2 {background-position:left bottom;height:auto;padding:12px 16px 16px;margin:0}
	.left_content h2 {font-size:19px}
	.left_content h3 {font-size:15px;padding:24px 16px 0;line-height:1.6}
	.right_content p {padding:12px 16px 0;line-height:1.6}
	.right_content a {margin:16px 0 4px 16px}
	.home_r h2 {background-position:left bottom;height:auto;padding:28px 4px 16px;font-size:19px}
	.home_r p {line-height:1.6}
	.home_r .activity {display:block;overflow:hidden;margin:16px 0 8px}
	.home_r .activity img {width:44%;height:auto;min-height:0;padding:6px;margin:0 0 8px 14px;box-sizing:border-box}
	.home_r .activity h3 {font-size:16px;padding:2px 0 8px}
	.home_r .activity a {float:none;display:inline-block;margin:4px 0 0;font-size:15px;line-height:44px}
	.left_content p {padding:12px 16px 0;line-height:1.6}
	.left_content ul {padding:8px 16px}
	.left_content ul li {font-size:15px;line-height:30px}
	.home_contact {min-height:0;margin:12px 0 0;padding-bottom:20px}
	.home_contact h2 {font-size:17px;padding:20px 16px 0}
	.home_contact p {padding:12px 16px 0;line-height:1.7}
	.home_contact .face {margin:16px 16px 0 0}
	.home_contact .face a {font-size:17px}
	.img_top {height:96px;background-size:auto 96px !important;background-position:left center !important}
	.img_top h1 {font-size:24px;padding:56px 16px 0}
	.heb,.english {margin:0;border:0;padding:28px 16px 36px;min-height:0}
	.heb h2 {font-size:20px;margin:0 0 12px}
	.heb > p + h2, .heb > ul + h2 {margin-top:28px}
	.heb p,.heb div,.heb h3,.heb span,.heb font,.heb td,.english p,.english div,.english span {font-size:15px !important;line-height:1.7 !important}
	.heb table {max-width:100%}
	.map {float:none;margin:0 0 20px}
	.map iframe {width:100%;height:320px}
	.footer ul li,.footer ul li a {font-size:13px;line-height:36px}
	.footer ul li a {padding:0 8px}
	#cookie-bar p {font-size:15px}
	#cookie-bar button {min-height:44px;font-size:15px}
}

/* =====================================================================
   Accessibility
   ===================================================================== */
/* where the keyboard is; the mouse doesn't show it */
:focus-visible {outline:2px solid currentColor;outline-offset:2px}
#main:focus {outline:0}
#slides a:focus-visible,.slides-pause:focus-visible {outline:3px solid #fff;box-shadow:0 0 0 5px #000}

/* shown only when the keyboard reaches it */
.skip-link {position:absolute;top:-100px;right:8px;z-index:4000;background:#fff;color:#660b0a;border:2px solid #660b0a;padding:10px 16px;font:bold 14px Arial, Helvetica, sans-serif}
.skip-link:focus {top:8px}

/* the keyboard opens a submenu as the mouse does; Esc closes it (functions.js) */
@media (min-width: 901px) {
	ul.dropdown li:focus-within > ul {visibility:visible}
	ul.dropdown li:focus-within {background:url(../images/li_hover.png) repeat-x;border:1px solid #2a3137}
}
ul.dropdown li.sub-closed > ul {visibility:hidden}

/* the slideshow's pause button */
.slides-pause {position:absolute;left:8px;bottom:8px;z-index:101;min-height:32px;padding:0 14px;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.6);color:#fff;font:bold 13px Arial, Helvetica, sans-serif;cursor:pointer}
.slides-pause:hover {background:rgba(0,0,0,.45)}

/* its white text would not show around the button */
.right_content a:focus-visible {outline-color:#90241F}

.route {display:inline-block;margin-top:8px}

/* a list of nothing but links, easy to hit one by one */
.site-pages a {display:inline-block;min-height:24px;line-height:24px}