html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} body {line-height: 1;} ol, ul {list-style: none;}
blockquote, q {quotes: none;} blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}table {border-collapse: collapse;border-spacing: 0;}
/**/
html, body{padding: 0; margin: 0;background-color: #FFF;height: 100%; font-family: Tajawal, Arial;}
a{text-decoration: none;} .c{text-align: center;} .b{font-weight: bold;}
.tbl{display: table; margin: 0 auto;} .tr {display: table-row;} .td { display: table-cell; padding: 30px; vertical-align: middle;}
.gr{ display: grid;  grid-template-columns: 1fr 1fr 1fr; width: 80%; border: #000 1px solid;}
.grtd { margin: auto; width: 100%;}
@font-face { font-family: Tajawal; src: url(Tajawal_reg.ttf); }
@font-face { font-family: Tajawalb; src: url(Tajawal_Bold.ttf);}
/**/
#tls{height: 100px; position: fixed; z-index: 10; width: 100%; border-bottom: #EAEAEA 1px solid; box-shadow: rgba(149, 157, 165, 0.2) 0px 2px 10px; font-family: Tajawalb; font-size: 15px;}
.tls2img img{height: 65px;}
.tlstx{height: 100%; text-align: center; padding: 10px; vertical-align: center; background-color: aqua;}
#bcontainer {margin: 0;  padding: 0; width: 100%; height:100px; background-color: #fff;}
#container {position: relative; width: 100%; height: 100%;}
#menu, #menu ul {list-style: none; max-height: 100px;white-space: nowrap;}
#menu > li:first-child {width: 250px;position: relative; display: inline-block; height: 100%; text-align: center;}
#menu > li{ display: inline-block; height: 100px; padding: 0px 10px 0px 10px; position: relative;}
#menu > li > a > div ,#menu > li > div {line-height: 100px; position: relative; perspective: 1000px;  height: 100%; vertical-align:middle; padding-left: 15px;}
#menu a {text-decoration: none; color: #62615c; line-height: 1; background: transparent; transition: all .05s ease-in-out;}
#menu a {display: block; position: relative; z-index: 10; text-decoration: none; color: #62615c; line-height: 1;}
#menu li.fntth2 a {font-size: 16px;}
#menu > li > div > a{display: inline-block;} #menu > li > div > img{vertical-align: middle;padding-right:15px;}
#menu > li:hover, #menu > li:hover > a {background-color: #fcf9f3; color: #d3972e;}
.ccc , .ccc a{background-color: #fcf9f3; color: #d3972e !important;}
#menu>li>ul {position: absolute; right: 0; text-align: right; z-index: 100; width: 260px; padding: 0; opacity: 0; visibility: hidden;
  border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background: transparent; transform-origin: 50% 0%;
}
#menu>li:hover>ul {padding: 15px 0; padding-top: 0px; opacity: 1; background-color: #FFF; border-top: #62615c 2px solid; margin: -1px; visibility: visible;
  animation-name: swingdown; animation-duration: 1s; animation-timing-function: ease;
}
#menu > li > ul > li {position: relative;}
#menu > li > ul > li > a > div ,#menu > li > ul > li > a {line-height: 55px; perspective: 1000px;  padding-right: 15px; border-bottom: #62615c dotted 1px;background-color: #FFF;}
#menu > li > ul > li:last-child > a > div , #menu > li > ul > li:last-child > a { border-bottom: none;}
.sb2menu {position: absolute; top:-1px; right: 100%; text-align: right; z-index: 100; width: 350px; padding: 0; opacity: 0; visibility: hidden;
	background: transparent; transform-origin: 50% 0%;
  }
.sb2menu li {line-height: 35px; perspective: 1000px;  padding-right: 15px; border-bottom: #62615c dotted 1px;}
.sb2menu li:last-child , .sb2menu li:last-child { border-bottom: none;}
  #menu>li>ul>li:hover>ul { opacity: 1; background-color: #FFF; border-top: #62615c 1px solid; visibility: visible;
	animation-name: swingdown; animation-duration: 1s; animation-timing-function: ease;
  }
#hdr_c{background-image: url("bgpacc.png"); background-size: cover; width: 100%; height: 600px; position: relative;}
.dvh01{background-color: #000; opacity: 0.45; width: 100%; height: 100%; position: absolute; top:0; left: 0;}
#hdr_c2{width: 100%; height: 780px; position: absolute; top: 0; left: 0; z-index: 5; overflow: hidden;}
.htxf1{color: #FFF; font-size: 75px; padding-top: 200px; margin-right: 35%; z-index: 3;text-shadow: 2px 2px #000; animation: marquee2 2s linear ;}
@keyframes marquee2 {
	0% {transform: translateX(-5%); opacity: 5%;}
	100% {transform: translateX(0%);}
}

.htxf2{padding-top: 40px; color: #FFF; text-shadow: 2px 2px #000;}
.htxf2 {margin-right: 40%; animation: marquee 2s linear ;}
@keyframes marquee {
	0% {transform: translateX(30%); opacity: 0%;}
	100% {transform: translateX(0%);}
}

.htxf3{padding-top: 40px; margin-right: 40%; animation: marquee3 2s linear ;} 
.htxf3 button{background-color: #FFF; padding: 15px 30px 15px 30px; border: #7A7A7A 1px solid; border-radius: 5px; font-family: Tajawal, Arial; font-weight: bold; font-size: 16px; color: #d3972e;}
@keyframes marquee3 {
	0% {transform: translateY(80%); opacity: 0%;}
	100% {transform: translateY(0%); opacity: 100%;}
}

.dv01{padding: 15px; text-align: center; padding-top: 70px;} .txhd-1{font-size: 40px; font-weight: bold;}
.dv02{padding: 15px; font-size: 16px; color: #7A7A7A; width: 85%; line-height: 25px; margin: auto;} .txf1{color: #000;}
.dv03{position: relative; height: 100px; line-height: 110px;} 
.dv03 hr{border: 2px solid #d3972e; width: 80%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2;} 
.dv03 span{padding-top: 15px; color: #d3972e; background-color: #FFF; padding-left: 40px; padding-right: 40px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 3; font-size: 25px;}
.dv04{padding-top: 15px; width: 100%; margin: auto;} 
.dv04 ul{ text-align:center;} .dv04 ul li{display: inline-block;} .dv04 ul li DIV{width: 240px; background-color: #d3972e; padding: 40px 10px 40px 10px; margin: 0px 10px 0px 10px;}
.dv04 ul li DIV a{color: #FFF;}
.dv4l1{animation: marquee4 2s linear ;}
@keyframes marquee4 {
	0% {transform: translateY(30%);}
	100% {transform: translateY(0%);}
}
#bq2{padding-top: 40px; margin: 20px; border-top: #7A7A7A 1px solid;} .dv05 ul{ text-align:center;} .dv05 ul li{display: inline-block;} .dv05>ul>li>DIV{width: 240px; padding: 20px 10px 20px 10px; margin: 0px 10px 0px 10px;}
.txf2{font-weight: bold; font-size: 16px;} .txf3{font-size: 30px; color: #d3972e; padding-bottom: 15px;}
#bq3{background-color: #F8F7F3; padding-top: 20px; padding-bottom: 20px;} .txf4x{padding: 10px;} .txf4{font-size: 20px; color: #62615c; line-height: 60px;} .txf5{font-size: 25px; padding-top: 30px;}
#bq4{background-color: #d3972e; padding-top: 110px; padding-bottom: 75px; margin: 50px 0px 50px 0px; color: #FFF;}
#bq4>div{ font-size: 35px; line-height: 40px; padding-bottom: 25px;}
#bq5{background-color: #d3972e; padding-top: 60px; padding-bottom: 75px; margin: 50px 0px 50px 0px; color: #FFF;} 
#bq5>div{width: 70%; margin: auto;}
#bq5 div{padding: 15px;}
.dv06{display: inline-block;} .dv06x{float: left;}
.txf6{font-size: 30px; font-weight: bold;margin-right: -20px;} .dv06x .txf6{margin-right: -20px;}
#bq6{padding: 25px;} 
#bq6>div>div{display: inline-block;} #bq6>div{width: 90%; margin: auto;}
#bq6>div>div>ul>li{display: inline-block; padding-left: 50px;}
#bq6 a{color:#d3972e; font-family: Tajawalb;}
#bq7{padding: 25px; color: #7A7A7A;}
.dv07{float: left;} .dv07 span{ padding-right: 25px;} .dv07>span>a>svg:hover > path{fill: #62615c;}
#ibq1{padding-top: 45px; background-color: #d3972e; color: #FFF; font-size: 80px;} #ibq1 DIV{padding: 90px; font-family: Tajawalb;}
#ibq2 div{padding: 20px; font-size: 18px; color: #d3972e;  font-family: Tajawalb;}
#ibq3 {background-color: #fcf9f3; color: #d3972e;  font-family: Tajawalb; font-size: 60px;}
#ibq4{color: #62615c; padding: 80px; line-height: 40px;}
#ibq5{padding-top: 15px; width: 100%; margin: auto;}
.ul1{ text-align:center;} .ul1 li{display: inline-block;} .ul1 li DIV{width: 350px; background-color: #d3972e; padding: 40px 10px 40px 10px; margin: 0px 10px 0px 10px;}
.ul1 li DIV a{color:#FFF}

#ibq6{padding-top: 105px; background-color: #d3972e; color: #FFF; font-size: 30px;}
#ibq6>DIV:first-child{padding: 40px; font-size: 70px;} #ibq6>DIV{padding: 40px;}
#ibq7{padding-top: 15px; width: 100%; margin: auto;}

#ibq8{margin: 0 auto;}

.bq6d{background-color: #7A7A7A; color: #fff;} .bq6d a{ color: #fff !important; font-family: Tajawal !important;}
#ibq2s{width: 100%;}
#ibq2s>div {display: inline-block; background-color: aquamarine; width: calc(30%);}
#ibq2s div{padding: 20px; font-size: 18px; color: #d3972e;  font-family: Tajawalb; text-align: right;}
.svg1{margin-left: 20px !important;}
.dv07x{display: inline-flex;}
.dxc1{ border-left: #62615c 1px solid; border-right: #62615c 1px solid; text-align: center !important;}
#ibq4s{background-color: #626262; color: #FFF;width: calc(100% - 200px); padding: 100px; display: flex; flex-wrap: wrap;}
.flx2{flex: 33%; text-align: center;}

.dw221{display: flex; width: 50%; margin: auto; padding-top: 30px; padding-bottom: 30px; font-size: 18px;} 
.dw221>div{display: inline; width: 50%;text-align: center; background-color: #ccc; margin: 10px; padding: 50px;}
.dt46{display: flex;} .fram1{width:90%; height:260px;}

.icn1{font-size: 30px !important; padding: 25px;}
.icn2{line-height: 25px; padding: 10px;}

#ibq5s{width: calc(100% - 200px); padding: 100px; display: flex; flex-wrap: wrap;}
.flx3{flex: 20%; text-align: center;}
.icn3{background-color: #d3972e; color: #fff; padding: 15px; margin: 25px; border-radius: 15px; height: 200px; line-height: 25px; display: grid; align-items: center;}

#ibq6s{width: calc(100% - 200px); padding: 100px; display: flex; flex-wrap: wrap;}
.dv03c{position: relative; height: 50px; line-height: 50px;} 
.dv03c hr{border: 2px solid #d3972e; width: 80%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2;} 
.dv03c span{padding-top: 15px; color: #fff; background-color: #626262; padding-left: 40px; padding-right: 40px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 3; font-size: 25px;}
.icn0 img{border-radius: 100px; width: 150px;}
.icn11{font-size: 30px !important; padding: 25px; font-family: Tajawalb; color: #d3972e;}

.dv03v{position: relative; height: 100px; line-height: 110px;} 
.dv03v hr{border: 2px solid #d3972e; width: 80%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2;} 
.dv03v span{padding-top: 15px; color: #d3972e; background-color: #FFF; padding-left: 40px; padding-right: 40px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 3; font-size: 15px;}
.vbr{padding-top: 10px;line-height: 30px; width: 80%;margin: auto;text-align: right !important;font-family: Tajawal; color: #626262}
.vbr div{padding: 5px !important; color: #626262 !important; font-size: 15px !important; font-family: Tajawal !important;}
.tix34{font-family: Tajawalb; font-size: 22px;}
#bq441{background-color: #d3972e;  padding-top: 110px;  padding-bottom: 110px; color: #FFF;}
#bq442{background-color: #626262;  padding-top: 110px; padding-bottom: 75px;  color: #FFF;}
#bq441,#bq442{display: flex; padding: 50px; flex-wrap: wrap;}
#bq441 div,#bq442 div{ flex: calc(50% - 100px); padding: 50px; padding-top: 0px; line-height: 45px;}
#bq441 div a,#bq442 div a{color: #FFF;}
.bq4411{ font-size: 22px; text-align: right;}
.bq4412{ font-size: 16px; text-align: right;}
#ibq7s{width: 75%; margin: auto;}
.ibq7s1{background-color: #d3972e; color: #FFF; text-align: center; padding: 20px;}
.ibq7s1 div:first-child{font-size: 24px; padding-bottom: 15px; font-family: Tajawalb;}
.ibq7s2{background-color: #F8F7F3; text-align: center; padding: 40px;}
.ibq7s2>div:first-child{ color: #d3972e;font-family: Tajawalb;} .ibq7s2tx{font-size: 60px;}
.ibq7s23{padding-top: 40px; color: #626262; width: 60%; margin: auto;} 
.ibq7s23 div{padding: 25px; border-bottom: #CCC dashed 1px;} .ibq7s23 div:last-child{border-bottom: none;}
.ibq7s24{font-family: Tajawalb; font-size: 14px; color: #d3972e; padding-top: 50px;}

.ibq7ss{display: flex; padding: 25px; width: 70%; margin: auto; flex-wrap: wrap;} .ibq7s{flex: 30%; margin: 10px;}
@media (max-width: 800px) {
	.ibq7s {
	  flex: 100%;
	}
  }
#ibq3s{border-top: #d3972e 1px dotted;}
.ibq3s{border-top: #d3972e 1px solid !important;}
#ibq9xc .lstr{width: 90%; margin: 0 auto; padding-top: 100px; display: flex; flex-wrap: wrap;}
#ibq9xc .lstr div{flex: calc(40% - 40px); padding: 20px;}
.bfr1{font-size: 14px; color: #62615c; line-height: 30px; padding: 20px; max-width: 1000px; margin: auto;}
.bfr2{font-size: 16px; font-family: Tajawalb; color: #62615c; line-height: 30px; padding: 20px; max-width: 1000px; margin: auto;}
.bfr3 div {width: 80%; margin: auto;} .bfr3 img{width: 100%; margin: auto;}


.ibq7ssw{display: flex; padding: 5px; width: 70%; margin: auto; flex-wrap: wrap;}
.ibq7sw{flex: 30%; margin: 10px;}
.ibq7s1w{height: 100px;background-color: #62615c; color: #FFF; text-align: center; padding: 20px; font-size: 18px; padding-bottom: 1px; font-family: Tajawalb;border-radius: 0px 20px 0px 0px;}
.ibq7s2w{background-color: #FFF; text-align: center; padding: 0px;border-radius: 0px 0px 0px 20px;}

/* ---------------- */
.tlsm22x{display: none;}
.tlsm22{position: fixed; top: 30px; left: 50px; z-index: 10; display: block;}
.bne1{font-size: 25px !important; padding-bottom: 10px !important;}
.bne2{font-size: 35px !important;padding-top: 10px !important;}
.bne3{padding-top: 10px;line-height: 30px; width: 80%;margin: auto;text-align: right !important;font-family: Tajawal; color: #626262 !important;}
.ghw1{padding-right: 50px;}
.ghw22{color: #d3972e; font-size: 35px; font-family: Tajawalb; text-align: right !important;}
.rr709{width: 25%;} .rr711{padding-top: 40px;line-height: 45px; width: 60%;margin: auto;}
.ddu1{display: flex; flex-direction: row; align-items: center; padding-top: 40px; padding-bottom: 60px;}
.ddu1>DIV{width: 33%;} /*.ddu12{}*/
.ddu13>div{padding: 20px; font-size: 18px; color: #d3972e;  font-family: Tajawalb; text-align: right; margin-right: 10%;}
@media (max-width: 800px) {
	.flx2 {flex: 100%;}
	.htxf1{font-size: 55px;}
	.htxf1,.htxf2 {margin-right: 10%;}
	.htxf3{margin-right: 25%;}
	.txhd-1{font-size: 30px;}
	.dv03{padding: 10px;font-size: 25px;  line-height: 40px;} .dv03 span{font-size: 15px;padding: 0px;}
	.dv03 hr{display: none;}
	#bq5{padding-top: 10px; padding-bottom: 15px; margin: 10px 0px 10px 0px;}
	.txf6{font-size: 20px;}
	#bq5>div{width: 90%; margin: auto;}
	.dv06x{float: none;}
	#bq6>div>div,#bq6>div>div>ul>li{display: block; padding-left: 0px;}
	.dv07{float: left;} .dv07 span{display: block; padding-bottom: 10px;}
	#bq7{padding: 20px; clear: both; padding-bottom: 50px;}
	#ibq1{padding: 0px; padding-bottom: 40px; margin: 0px; padding-top: 125px; background-color: #d3972e; color: #FFF; font-size: 30px; line-height: 50px;}
	#ibq1 DIV{padding: 30px;}
	#ibq3 div{display: block; font-size: 30px; padding: 5px;} #ibq3 div img{max-width: 100%; height:auto !important;}
	#ibq3>div>div>div:first-child{display: none;}
	#ibq4{padding: 20px; line-height: 40px; text-align: justify;}
	.dw221{display: block; width: auto;}
	.dw221>div{display: block; width: auto; margin-bottom: 10px; padding: 10px 0px 10px 0px;}
	#ibq2 img{max-width: 100%;}
	.dt46{display: block;width: 100%;} .df1{width: 100%; margin-top: 30px !important; padding-bottom: 30px !important;}
	.fram1{width: 100%; height:auto;}
	.bfr3 div {width: auto; margin: auto; padding: 0px;}
	#bq4>div{ font-size: 25px;}
	.ibq7sw { flex: 100%;}
	.bne1{font-size: 20px !important;} .bne2{font-size: 25px !important;}
	.bne3{width: 90%;margin: auto;text-align: justify !important;}
	.vbr{ width: 90%;}
	.vbr div{padding: 0px !important; font-size: 17px !important; padding-bottom: 10px !important; text-align: justify;}
	.ghw1{padding-right: 10px;} .ghw2{padding-right: 3px; font-size: 30px !important;}
	.ibq7ss{display: block; padding-bottom: 25px; width: 80%; margin: auto; flex-wrap: wrap;} .ibq7s{margin-bottom: 10px;}
	#ibq3s{padding-right: 0px !important;} .ghw22{text-align: center !important;} .rr710{padding-top: 25px;} .rr709{width: 80%;}
	.rr711{width: 80%; text-align: justify;}
	.icn1{padding: 25px;}
	.icn2{padding: 0px 0px 40px 0px;}
	.rb10{font-size: 35px !important;}
	.icn3{padding: 5px; margin: 5px; display: grid; align-items: center;}
	#ibq5s{width: auto !important; padding: 10px; padding-bottom: 60px;  display: block;} .flx3{ width: 100%;}

	.ddu1{display: block; align-items: center; padding-top: 40px; padding-bottom: 60px;} .ddu1>DIV{width: 100%; padding-top: 40px;}
	.bq6d,.btr1{display: none;} 
	.tlsm22{left: 5px;}

  }