﻿* {margin:0;padding:0;text-decoration:none;border:0;outline:0;border-collapse:collapse}
body {background:#fff;font-family:Arial, Helvetica, sans-serif}

:focus { outline:0; }
a:active { outline:none; }
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:107px;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}


.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:#ff8400;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:url(../images/right_content_a.png) no-repeat;width:79px;height:27px;font-size:12px;color:#fff;line-height:27px;font-weight:bold;padding:0 25px 0 0;margin:20px 0 20px 20px;float:left}
	.right_content a:hover {background:url(../images/right_content_a-h.png) no-repeat}
	.home_r h2 {background:url(../images/home_r_h2.png) no-repeat right bottom;height:41px;color:#ff8400;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 h5 {font-size:12px;font-weight:bold;color:#000;padding:5px 0 0 0}
	.home_r .activity a {font-size:12px;color:#ff8400;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 h1 {background:url(../images/left_content_h1.png) no-repeat right bottom;height:34px;padding:0 20px 0 0;margin:10px 0 0 0}
	.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:#ff8400;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:#547989;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 > p + h2, .heb > ul + h2 {margin-top:20px}
	.heb p {line-height:150%; font-size: 13px;}
	.heb p a {color:#ff8400;text-decoration:underline}
	.heb p a:hover {text-decoration:none}
	.heb div {line-height:150%; font-size: 13px;}
	.heb div a {color:#ff8400;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) {
	#slides .next,#slides .prev {top:50%;margin-top:-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}
	.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 h1 {background-position:left bottom;height:auto;padding:12px 16px 16px;margin:0}
	.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 h5 {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 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}
}
