:root	{--c1:#222;--c2:#ffc500;--c3:#000;--c4:#77caff}
*	{box-sizing:border-box;font:700 15px 'Cairo','Myriad','Tahoma';line-height:1.7}
html	{direction:rtl}
body	{color:var(--c1);margin:0}
a:link	{text-decoration:none;transition:all 0.3s}
a:link,a:active,a:visited	{color:var(--c1)}
a:hover	{color:#0e6da9}
i	{font:900 150% 'Awesome';color:#333;padding:5px 2px;vertical-align:middle;display:inline-block;transition:all 0.2s}
img	{max-width:100%;height:auto;display:inline-block;transition:all 0.3s;object-fit:cover}
img.flag	{margin:10px -70px 0 0;width:30px;height:20px}
ul	{margin:0;padding:0}
hr	{background:#ddd;margin:0;height:1px;border:none}
b	{color:var(--c1);font-size:110%;font-weight:800;margin:0 5px}
p	{margin:5px 0}
h1,h2	{color:var(--c1);margin:30px 0 10px 0;display:inline-block}
h1	{font-size:140%;font-weight:600}
h2	{font-size:125%}
h1 span	{font-size:100%;color:var(--c3);font-weight:800}		
@media only screen and (min-width:992px)
{
	*	{font-size:16px}
}

.headerhome	{height:95px}
.header	{height:95px}
.logo {top:-200px}
.logo img	{max-height:65px}
.sitename	{font-family:'Hacen';font-weight:500}
@media only screen and (min-width:992px)
{
	.headerhome,.header	{height:120px}
	.logo img	{max-height:85px}
}

.list	{display:none}
.list > ul > li	{position:relative}
.list a	{color:#fff;padding:0 14px;text-shadow:0 0 1px #000;height:100%;display:flex;align-items:center}
.list > ul > li:hover > a:not(a.active)	{color:var(--c2);background:rgba(0,0,0,0.5)}
.list a.active	{color:var(--c4);cursor:auto/*;background:rgba(0,0,0,0.3)*/}
.list ul ul	{width:175px;z-index:1}
.list ul ul li	{background:var(--c1)}
.list ul ul li:not(:last-child)	{border-bottom:1px dotted #333}
.list ul ul a	{color:#ddd;padding:7px 17px;text-shadow:none}
.list ul ul a:hover	{color:var(--c3);background:var(--c2)}
.list li:hover > ul	{display:block}
.listlink i:hover	{color:var(--c3);background:var(--c2)}
.minilist {top:95px}
.minilist a	{display:block;color:#fff;font-size:16px;padding:7px}
.minilist ul li:not(:last-child)	{border-bottom:1px dotted #333}
.minilist a.sub	{color:#777}
.minilist a:hover	{color:var(--c3);background:var(--c2)}
@media only screen and (min-width:992px)
{
	.list	{display:block}
	.listlink	{display:none}
}

.slide	{height:100%;position:relative}
.slide img	{width:100%;height:100%;object-fit:cover;filter:brightness(50%)}
.slidetext	{width:100%;top:55%;text-shadow:0 0 5px #000;padding:12px 20px;position:absolute/*;background:rgba(0,0,0,0.3)*/}
.prev1	{right:1%;top:45%;color:rgba(255,255,255,0.3);font:900 300% 'Awesome';padding:10px;position:absolute;cursor:pointer;display:none;transition:0.3s}
.next1	{left:1%;top:45%;color:rgba(255,255,255,0.3);font:900 300% 'Awesome';padding:10px;position:absolute;cursor:pointer;display:none;transition:0.3s}
.prev1:hover,.next1:hover	{color:rgba(255,255,255,1)}
.dots	{bottom:5px}
.dot	{display:inline-block;width:15px;height:15px;background:#111;border-radius:50%;cursor:pointer;transition:0.3s}
.dot:hover	{background:#aaa}
.dot.active	{background:var(--c2)}
.thumbs	{display:none;bottom:20px}
.thumb	{opacity:0.5;display:inline-block;margin-bottom:6px;cursor:pointer;transition:0.3s}
.thumb img	{height:50px;border-radius:5px}
.thumb.active,.thumb:hover	{opacity:1}
@media only screen and (min-width:992px)
{
	.slidetext	{width:70%}
	.dots	{display:none}
	.thumbs	{display:block}
}
.slider2	{height:205px}
.slider2 > div	{top:-250px}
.slider2 a	{color:#fff}
.slider2 a:hover	{color:var(--c2)}
@media only screen and (min-width:992px)
{
	.slider2	{height:90px}
	.slider2 > div	{display:flex;justify-content:center;align-items:center}
	.slider2 > div div:nth-child(2)	{max-width:70%}
}
.slides3	{transition:transform 0.3s ease-in-out}
.slides4	{transition:transform 0.5s ease-in-out}
.prev4,.next4	{top:45%}
.contents2 > div:first-child	{padding:0 0 15px 0;height:300px}
.contents3:hover div	{height:0}
.contents5:hover div	{height:100%}
#modal *	{animation:zm1 0.6s}
#modal img	{cursor:zoom-in}
.modal	{cursor:pointer}
#workspace	{margin:0 0 50px 0}
.icon	{background:#444;color:#fff;width:40px;height:45px;display:inline-block;padding:10px 0;text-align:center;border-radius:5px}
@media only screen and (min-width:992px)
{
	.contents2 > div:first-child	{padding:0 0 15px 15px;height:420px}
	#workspace	{margin:0}
}

.footer .title	{color:var(--c2);margin:30px 0 10px 0}
.footer li	{color:#fff;font-weight:600}
.footer a	{color:#fff;font-weight:600}
.footer a:hover	{color:var(--c4)}
.footer .sub	{color:#888;padding:0 10px}
.footer .sub a	{color:#888}
.footer .sub a:hover	{color:var(--c4)}
.footer a.active	{color:var(--c4)}
.footer img	{filter:grayscale(100%)}
.backtotop	{bottom:35px}
@media only screen and (min-width:992px)
{
	.footer	{text-align:right}
}

input,textarea,select,label	{background:#fff5d4;color:var(--c1);width:100%;max-width:400px;padding:7px 10px;margin:10px 0;border:none;border-radius:5px;display:block;transition:all 0.3s;outline:none}
input:hover,input:focus,textarea:hover,textarea:focus,select:hover,select:focus	{background:#ffe27e;color:#111}
input::placeholder,textarea::placeholder	{color:#888}
input[type=radio],input[type=checkbox]	{width:20px;height:20px;display:inline;vertical-align:middle;margin:5px 8px;cursor:pointer}
label	{position:relative;cursor:pointer}
label span	{display:inline-block;direction:ltr}
label i	{position:absolute;left:15px;top:4px}
label input	{display:none}
button	{background:none;color:var(--c1);padding:0;margin:0;border:none;border-radius:5px;display:inline-block;transition:all 0.3s;cursor:pointer}
.bttn,.bttn1,.bttn2,.bttn3,.bttn4,.bttn5	{background:var(--c2);color:var(--c1);padding:7px 10px;margin:10px 2px;border-radius:5px;display:block}
.bttn1	{background:var(--c4)}
.bttn2	{background:#ff9cd4}
.bttn3	{background:#c69cf4}
.bttn4	{background:#ff9f5f}
.bttn5	{background:#63cf63}
.bttn:hover,.bttn1:hover,.bttn2:hover,.bttn3:hover,.bttn4:hover,.bttn5:hover	{background:var(--c1);color:#fff}

.flx	{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
.jcsp	{justify-content:space-between}
.jcsa	{justify-content:space-around}
.jcse	{justify-content:space-evenly}
.jcfs	{justify-content:flex-start}
.jcfe	{justify-content:flex-end}
.aifs	{align-items:flex-start}
.aife	{align-items:flex-end}
.ais	{align-items:stretch}
.aib	{align-items:baseline}
.nowrap	{flex-wrap:nowrap}
.grw1	{flex-grow:1}
.grw2	{flex-grow:2}
.grw3	{flex-grow:3}
.grw4	{flex-grow:4}
.grw5	{flex-grow:5}
.grw6	{flex-grow:6}
.grw7	{flex-grow:7}
.grw8	{flex-grow:8}
.grw9	{flex-grow:9}
.grw10	{flex-grow:10}

.ordr1	{order:1}
.ordr2	{order:2}
.row	{padding:0 0 25px 0}
.clmn5s	{flex:5%;width:5%}
.clmn10s	{flex:10%;width:10%}
.clmn15s	{flex:15%;width:15%}
.clmn20s	{flex:20%;width:20%}
.clmn25s	{flex:25%;width:25%}
.clmn30s	{flex:30%;width:30%}
.clmn35s	{flex:35%;width:35%}
.clmn40s	{flex:40%;width:40%}
.clmn45s	{flex:45%;width:45%}
.clmn50s	{flex:50%;width:50%}
.clmn55s	{flex:55%;width:55%}
.clmn60s	{flex:60%;width:60%}
.clmn65s	{flex:65%;width:65%}
.clmn70s	{flex:70%;width:70%}
.clmn75s	{flex:75%;width:75%}
.clmn80s	{flex:80%;width:80%}
.clmn85s	{flex:85%;width:85%}
.clmn90s	{flex:90%;width:90%}
.clmn95s	{flex:95%;width:95%}
.clmn100s	{flex:100%;width:100%}
.clmn5,.clmn10,.clmn15,.clmn20,.clmn25,.clmn30,.clmn35,.clmn40,.clmn45,.clmn50,.clmn55,.clmn60,.clmn65,.clmn70,.clmn75,.clmn80,.clmn85,.clmn90,.clmn95,.clmn100	{flex:100%;width:100%}
@media only screen and (min-width:992px)
{
	.ordr1	{order:0}
	.ordr2	{order:0}
	.lft	{padding:0 15px 0 0}
	.clmn5	{flex:5%;width:5%}
	.clmn10	{flex:10%;width:10%}
	.clmn15	{flex:15%;width:15%}
	.clmn20	{flex:20%;width:20%}
	.clmn25	{flex:25%;width:25%}
	.clmn30	{flex:30%;width:30%}
	.clmn35	{flex:35%;width:35%}
	.clmn40	{flex:40%;width:40%}
	.clmn45	{flex:45%;width:45%}
	.clmn50	{flex:50%;width:50%}
	.clmn55	{flex:55%;width:55%}
	.clmn60	{flex:60%;width:60%}
	.clmn65	{flex:65%;width:65%}
	.clmn70	{flex:70%;width:70%}
	.clmn75	{flex:75%;width:75%}
	.clmn80	{flex:80%;width:80%}
	.clmn85	{flex:85%;width:85%}
	.clmn90	{flex:90%;width:90%}
	.clmn95	{flex:95%;width:95%}
	.clmn100	{flex:100%;width:100%}
}

.cntr	{text-align:center}
.cntr2	{margin-right:auto;margin-left:auto}
.cntr3	{right:0;left:0;margin:auto}
.strt	{text-align:right}
.end	{text-align:left}
.jstfy	{text-align:justify}
.bttm	{vertical-align:bottom}
.mddl	{vertical-align:middle}
.mddlcntr	{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.ltr	{direction:ltr}
.rtl	{direction:rtl}
.pntr	{cursor:pointer}
.di	{display:inline}
.dib	{display:inline-block}
.db	{display:block}
.hddn	{display:none}
.rltv	{position:relative}
.abslt	{position:absolute}
.fxd	{position:fixed}
.tp0	{top:0}
.bttm0	{bottom:0}
.strt0	{right:0}
.end0	{left:0}
.ofh	{overflow:hidden}
.ofa	{overflow:auto}
.opcty0	{opacity:0}
.opcty1	{opacity:1}
.zndx1	{z-index:1}
.zndx2	{z-index:2}
.uppr	{text-transform:uppercase}
.lwr	{text-transform:lowercase}
.lstn	{list-style-type:none}
.awsm	{font-family:'Awesome'}
.myrd	{font-family:'Myriad';letter-spacing:0.5px;font-weight:500}
.thm	{font-family:'Tahoma';font-weight:500}
.bgnn	{background:none}
.brdrnn	{border:none}

.wp10	{width:10%}
.wp20	{width:20%}
.wp30	{width:30%}
.wp40	{width:40%}
.wp50	{width:50%}
.wp60	{width:60%}
.wp70	{width:70%}
.wp80	{width:80%}
.wp90	{width:90%}
.wp100	{width:100%}
.wauto	{width:auto}

.w0	{width:0}
.w10	{width:10px}
.w15	{width:15px}
.w20	{width:20px}
.w25	{width:25px}
.w30	{width:30px}
.w35	{width:35px}
.w40	{width:40px}
.w45	{width:45px}
.w50	{width:50px}
.w55	{width:55px}
.w60	{width:60px}
.w65	{width:65px}
.w70	{width:70px}
.w75	{width:75px}
.w80	{width:80px}
.w85	{width:85px}
.w90	{width:90px}
.w95	{width:95px}
.w100	{width:100px}
.w125	{width:125px}
.w150	{width:150px}
.w200	{width:200px}
.w250	{width:250px}
.w300	{width:300px}
.w350	{width:350px}
.w400	{width:400px}
.w500	{width:500px}
.w600	{width:600px}
.w700	{width:700px}
.w800	{width:800px}
.w900	{width:900px}
.w1000	{width:1000px}
.w1100	{width:1100px}
.w1200	{width:1200px}
.w1300	{width:1300px}
.w1400	{width:1400px}

.xw25	{max-width:25px}
.xw50	{max-width:50px}
.xw55	{max-width:55px}
.xw60	{max-width:60px}
.xw65	{max-width:65px}
.xw70	{max-width:70px}
.xw75	{max-width:75px}
.xw80	{max-width:80px}
.xw85	{max-width:85px}
.xw90	{max-width:90px}
.xw95	{max-width:95px}
.xw100	{max-width:100px}
.xw125	{max-width:125px}
.xw150	{max-width:150px}
.xw200	{max-width:200px}
.xw250	{max-width:250px}
.xw300	{max-width:300px}
.xw350	{max-width:350px}
.xw400	{max-width:400px}
.xw500	{max-width:500px}
.xw600	{max-width:600px}
.xw700	{max-width:700px}
.xw800	{max-width:800px}
.xw900	{max-width:900px}
.xw1000	{max-width:1000px}
.xw1100	{max-width:1100px}
.xw1200	{max-width:1200px}
.xw1300	{max-width:1300px}
.xw1400	{max-width:1400px}
.xwp100	{max-width:100%}

.mw25	{min-width:25px}
.mw50	{min-width:50px}
.mw55	{min-width:55px}
.mw60	{min-width:60px}
.mw65	{min-width:65px}
.mw70	{min-width:70px}
.mw75	{min-width:75px}
.mw80	{min-width:80px}
.mw85	{min-width:85px}
.mw90	{min-width:90px}
.mw95	{min-width:95px}
.mw100	{min-width:100px}
.mw125	{min-width:125px}
.mw150	{min-width:150px}
.mw200	{min-width:200px}
.mw250	{min-width:250px}
.mw300	{min-width:300px}
.mw350	{min-width:350px}
.mw400	{min-width:400px}
.mw500	{min-width:500px}
.mw600	{min-width:600px}
.mw700	{min-width:700px}
.mw800	{min-width:800px}
.mw900	{min-width:900px}
.mw1000	{min-width:1000px}
.mwp100	{min-width:100%}

.hp10	{height:10%}
.hp20	{height:20%}
.hp30	{height:30%}
.hp40	{height:40%}
.hp50	{height:50%}
.hp60	{height:60%}
.hp70	{height:70%}
.hp80	{height:80%}
.hp90	{height:90%}
.hp100	{height:100%}
.hvh	{height:100vh}

.h0	{height:0}
.h10	{height:10px}
.h15	{height:15px}
.h20	{height:20px}
.h25	{height:25px}
.h30	{height:30px}
.h35	{height:35px}
.h40	{height:40px}
.h45	{height:45px}
.h50	{height:50px}
.h55	{height:55px}
.h60	{height:60px}
.h65	{height:65px}
.h70	{height:70px}
.h75	{height:75px}
.h80	{height:80px}
.h85	{height:85px}
.h90	{height:90px}
.h95	{height:95px}
.h100	{height:100px}
.h125	{height:125px}
.h150	{height:150px}
.h200	{height:200px}
.h250	{height:250px}
.h300	{height:300px}
.h350	{height:350px}
.h400	{height:400px}
.h450	{height:450px}
.h500	{height:500px}
.h600	{height:600px}
.h700	{height:700px}

.xh25	{max-height:25px}
.xh50	{max-height:50px}
.xh55	{max-height:55px}
.xh60	{max-height:60px}
.xh65	{max-height:65px}
.xh70	{max-height:70px}
.xh75	{max-height:75px}
.xh80	{max-height:80px}
.xh85	{max-height:85px}
.xh90	{max-height:90px}
.xh95	{max-height:95px}
.xh100	{max-height:100px}
.xh125	{max-height:125px}
.xh150	{max-height:150px}
.xh200	{max-height:200px}
.xh250	{max-height:250px}
.xh300	{max-height:300px}
.xh350	{max-height:350px}
.xh400	{max-height:400px}
.xh500	{max-height:500px}
.xh600	{max-height:600px}
.xh700	{max-height:700px}

.mh25	{min-height:25px}
.mh50	{min-height:50px}
.mh55	{min-height:55px}
.mh60	{min-height:60px}
.mh65	{min-height:65px}
.mh70	{min-height:70px}
.mh75	{min-height:75px}
.mh80	{min-height:80px}
.mh85	{min-height:85px}
.mh90	{min-height:90px}
.mh95	{min-height:95px}
.mh100	{min-height:100px}
.mh150	{min-height:150px}
.mh200	{min-height:200px}
.mh250	{min-height:250px}
.mh300	{min-height:300px}
.mh350	{min-height:350px}
.mh400	{min-height:400px}
.mh500	{min-height:500px}
.mh600	{min-height:600px}
.mh700	{min-height:700px}

.m0	{margin:0}
.mr2	{margin-right:2px}
.mr5	{margin-right:5px}
.mr10	{margin-right:10px}
.mr15	{margin-right:15px}
.mr20	{margin-right:20px}
.mr25	{margin-right:25px}
.mr50	{margin-right:50px}
.mr75	{margin-right:75px}
.mr100	{margin-right:100px}
.mr125	{margin-right:125px}
.mr150	{margin-right:150px}
.ml2	{margin-left:2px}
.ml5	{margin-left:5px}
.ml10	{margin-left:10px}
.ml15	{margin-left:15px}
.ml20	{margin-left:20px}
.ml25	{margin-left:25px}
.ml50	{margin-left:50px}
.ml75	{margin-left:75px}
.ml100	{margin-left:100px}
.ml125	{margin-left:125px}
.ml150	{margin-left:150px}
.mx2	{margin-right:2px;margin-left:2px}
.mx5	{margin-right:5px;margin-left:5px}
.mx10	{margin-right:10px;margin-left:10px}
.mx15	{margin-right:15px;margin-left:15px}
.mx20	{margin-right:20px;margin-left:20px}
.mx25	{margin-right:25px;margin-left:25px}
.mx35	{margin-right:35px;margin-left:35px}
.mx50	{margin-right:50px;margin-left:50px}
.mx75	{margin-right:75px;margin-left:75px}
.mx100	{margin-right:100px;margin-left:100px}
.mx125	{margin-right:125px;margin-left:125px}
.mx150	{margin-right:150px;margin-left:150px}
.mt2	{margin-top:2px}
.mt5	{margin-top:5px}
.mt10	{margin-top:10px}
.mt15	{margin-top:15px}
.mt20	{margin-top:20px}
.mt25	{margin-top:25px}
.mt50	{margin-top:50px}
.mt75	{margin-top:75px}
.mt100	{margin-top:100px}
.mt125	{margin-top:125px}
.mt150	{margin-top:150px}
.mb2	{margin-bottom:2px}
.mb5	{margin-bottom:5px}
.mb10	{margin-bottom:10px}
.mb15	{margin-bottom:15px}
.mb20	{margin-bottom:20px}
.mb25	{margin-bottom:25px}
.mb50	{margin-bottom:50px}
.mb75	{margin-bottom:75px}
.mb100	{margin-bottom:100px}
.mb125	{margin-bottom:125px}
.mb150	{margin-bottom:150px}
.my2	{margin-top:2px;margin-bottom:2px}
.my5	{margin-top:5px;margin-bottom:5px}
.my10	{margin-top:10px;margin-bottom:10px}
.my15	{margin-top:15px;margin-bottom:15px}
.my20	{margin-top:20px;margin-bottom:20px}
.my25	{margin-top:25px;margin-bottom:25px}
.my50	{margin-top:50px;margin-bottom:50px}
.my75	{margin-top:75px;margin-bottom:75px}
.my100	{margin-top:100px;margin-bottom:100px}
.my125	{margin-top:125px;margin-bottom:125px}
.my150	{margin-top:150px;margin-bottom:150px}

.p0	{padding:0}
.pr2	{padding-right:2px}
.pr5	{padding-right:5px}
.pr10	{padding-right:10px}
.pr15	{padding-right:15px}
.pr20	{padding-right:20px}
.pr25	{padding-right:25px}
.pr50	{padding-right:50px}
.pl2	{padding-left:2px}
.pl5	{padding-left:5px}
.pl10	{padding-left:10px}
.pl15	{padding-left:15px}
.pl20	{padding-left:20px}
.pl25	{padding-left:25px}
.pl50	{padding-left:50px}
.px2	{padding-right:2px;padding-left:2px}
.px5	{padding-right:5px;padding-left:5px}
.px10	{padding-right:10px;padding-left:10px}
.px15	{padding-right:15px;padding-left:15px}
.px20	{padding-right:20px;padding-left:20px}
.px25	{padding-right:25px;padding-left:25px}
.px50	{padding-right:50px;padding-left:50px}
.pt2	{padding-top:2px}
.pt5	{padding-top:5px}
.pt10	{padding-top:10px}
.pt15	{padding-top:15px}
.pt20	{padding-top:20px}
.pt25	{padding-top:25px}
.pt50	{padding-top:50px}
.pb2	{padding-bottom:2px}
.pb5	{padding-bottom:5px}
.pb10	{padding-bottom:10px}
.pb15	{padding-bottom:15px}
.pb20	{padding-bottom:20px}
.pb25	{padding-bottom:25px}
.pb50	{padding-bottom:50px}
.py2	{padding-top:2px;padding-bottom:2px}
.py5	{padding-top:5px;padding-bottom:5px}
.py10	{padding-top:10px;padding-bottom:10px}
.py15	{padding-top:15px;padding-bottom:15px}
.py20	{padding-top:20px;padding-bottom:20px}
.py25	{padding-top:25px;padding-bottom:25px}
.py50	{padding-top:50px;padding-bottom:50px}

.fs10	{font-size:10px}
.fs11	{font-size:11px}
.fs12	{font-size:12px}
.fs13	{font-size:13px}
.fs14	{font-size:14px}
.fs15	{font-size:15px}
.fs16	{font-size:16px}
.fs17	{font-size:17px}
.fs18	{font-size:18px}
.fs19	{font-size:19px}
.fs20	{font-size:20px}
.fs22	{font-size:22px}
.fs24	{font-size:24px}
.fs26	{font-size:26px}
.fs28	{font-size:28px}
.fs30	{font-size:30px}
.fs32	{font-size:32px}
.fs40	{font-size:40px}
.fs50	{font-size:50px}
.fs60	{font-size:60px}
.fs70	{font-size:70px}
.fs80	{font-size:80px}
.fs90	{font-size:90px}

.fsp50	{font-size:50%}
.fsp60	{font-size:60%}
.fsp70	{font-size:70%}
.fsp80	{font-size:80%}
.fsp90	{font-size:90%}
.fsp95	{font-size:95%}
.fsp100	{font-size:100%}
.fsp110	{font-size:110%}
.fsp120	{font-size:120%}
.fsp130	{font-size:130%}
.fsp140	{font-size:140%}
.fsp150	{font-size:150%}
.fsp160	{font-size:160%}
.fsp170	{font-size:170%}
.fsp180	{font-size:180%}
.fsp190	{font-size:190%}
.fsp200	{font-size:200%}
.fsp225	{font-size:225%}
.fsp250	{font-size:250%}
.fsp300	{font-size:300%}
.fsp350	{font-size:350%}
.fsp400	{font-size:400%}

.fw100	{font-weight:100}
.fw200	{font-weight:200}
.fw300	{font-weight:300}
.fw400	{font-weight:400}
.fw500	{font-weight:500}
.fw600	{font-weight:600}
.fw700	{font-weight:700}
.fw800	{font-weight:800}
.fw900	{font-weight:900}

.shdw1	{text-shadow:0 0 1px #000}
.shdw2	{text-shadow:0 0 2px #000}
.shdw3	{text-shadow:0 0 3px #000}

.lsn1	{letter-spacing:-1px}
.lsn05	{letter-spacing:-0.5px}
.ls0	{letter-spacing:0}
.ls05	{letter-spacing:0.5px}
.ls1	{letter-spacing:1px}
.ls15	{letter-spacing:1.5px}
.ls2	{letter-spacing:2px}
.ls3	{letter-spacing:3px}

.lh1	{line-height:1}
.lh13	{line-height:1.3}
.lh15	{line-height:1.5}
.lh17	{line-height:1.7}
.lh2	{line-height:2}
.lh23	{line-height:2.3}
.lh25	{line-height:2.5}
.lh3	{line-height:3}

.rnd3	{border-radius:3px}
.rnd5	{border-radius:5px}
.rnd10	{border-radius:10px}
.rnd15	{border-radius:15px}
.rnd20	{border-radius:20px}
.rnd25	{border-radius:25px}
.rnd50	{border-radius:50px}
.crcl	{border-radius:50%}
.rndstrt	{border-radius:0 5px 5px 0}
.rndend	{border-radius:5px 0 0 5px}
.rndtp	{border-radius:5px 5px 0 0}
.rndbttm {border-radius:0 0 5px 5px}

.grn	{color:#239517}
.bl	{color:#006bce}
.rd	{color:#f00}
.orng	{color:#f80}
.yllw	{color:#ff0}
.mgnt	{color:#f0f}
.nvy	{color:#008}
.blk	{color:#000}
.g1	{color:#111}
.g2	{color:#222}
.g3	{color:#333}
.g4	{color:#444}
.g5	{color:#555}
.g6	{color:#666}
.g7	{color:#777}
.g8	{color:#888}
.g9	{color:#999}
.ga	{color:#aaa}
.gb	{color:#bbb}
.gc	{color:#ccc}
.gd	{color:#ddd}
.ge	{color:#eee}
.wht	{color:#fff}

.grnh:hover	{color:#239517}
.blh:hover	{color:#006bce}
.rdh:hover	{color:#f00}
.orngh:hover	{color:#f80}
.yllwh:hover	{color:#ff0}
.mgnth:hover	{color:#f0f}
.nvyh:hover	{color:#008}
.blkh:hover	{color:#000}
.g1h:hover	{color:#111}
.g2h:hover	{color:#222}
.g3h:hover	{color:#333}
.g4h:hover	{color:#444}
.g5h:hover	{color:#555}
.g6h:hover	{color:#666}
.g7h:hover	{color:#777}
.g8h:hover	{color:#888}
.g9h:hover	{color:#999}
.gah:hover	{color:#aaa}
.gbh:hover	{color:#bbb}
.gch:hover	{color:#ccc}
.gdh:hover	{color:#ddd}
.geh:hover	{color:#eee}
.whth:hover	{color:#fff}

.c1	{color:#f264f2}
.c2	{color:#db4444}
.c3	{color:#f37924}
.c4	{color:#f9a414}
.c5	{color:#6ebe2c}
.c6	{color:#add40a}
.c7	{color:#59c2e0}
.c8	{color:#4b85bc}
.c9	{color:#e21cff}
.c10	{color:#ff8a00}
.c11	{color:#3f71c1}
.c12	{color:#1ec7ff}
.c13	{color:#c02994}
.c14	{color:#31a0d8}
.c15	{color:#cd1717}
.c16	{color:#367f17}
.c17	{color:#fe2c55}
.c18	{color:#784f98}
.c19	{color:#0a66c2}
.c20	{color:#ece21d}

.c1h:hover	{color:#f264f2}
.c2h:hover	{color:#db4444}
.c3h:hover	{color:#f37924}
.c4h:hover	{color:#f9a414}
.c5h:hover	{color:#6ebe2c}
.c6h:hover	{color:#add40a}
.c7h:hover	{color:#59c2e0}
.c8h:hover	{color:#4b85bc}
.c9h:hover	{color:#e21cff}
.c10h:hover	{color:#ff8a00}
.c11h:hover	{color:#3f71c1}
.c12h:hover	{color:#1ec7ff}
.c13h:hover	{color:#c02994}
.c14h:hover	{color:#31a0d8}
.c15h:hover	{color:#cd1717}
.c16h:hover	{color:#367f17}
.c17h:hover	{color:#fe2c55}
.c18h:hover	{color:#784f98}
.c19h:hover	{color:#0a66c2}
.c20h:hover	{color:#ece21d}

.grnbg	{background:#239517}
.blbg	{background:#006bce}
.rdbg	{background:#f00}
.orngbg	{background:#f80}
.yllwbg	{background:#ff0}
.mgntbg	{background:#f0f}
.nvybg	{background:#008}
.blkbg	{background:#000}
.g1bg	{background:#111}
.g2bg	{background:#222}
.g3bg	{background:#333}
.g4bg	{background:#444}
.g5bg	{background:#555}
.g6bg	{background:#666}
.g7bg	{background:#777}
.g8bg	{background:#888}
.g9bg	{background:#999}
.gabg	{background:#aaa}
.gbbg	{background:#bbb}
.gcbg	{background:#ccc}
.gdbg	{background:#ddd}
.gebg	{background:#eee}
.whtbg	{background:#fff}

.grnbgh:hover	{background:#239517}
.blbgh:hover	{background:#006bce}
.rdbgh:hover	{background:#f00}
.orngbgh:hover	{background:#f80}
.yllwbgh:hover	{background:#ff0}
.mgntbgh:hover	{background:#f0f}
.nvybgh:hover	{background:#008}
.blkbgh:hover	{background:#000}
.g1bgh:hover	{background:#111}
.g2bgh:hover	{background:#222}
.g3bgh:hover	{background:#333}
.g4bgh:hover	{background:#444}
.g5bgh:hover	{background:#555}
.g6bgh:hover	{background:#666}
.g7bgh:hover	{background:#777}
.g8bgh:hover	{background:#888}
.g9bgh:hover	{background:#999}
.gabgh:hover	{background:#aaa}
.gbbgh:hover	{background:#bbb}
.gcbgh:hover	{background:#ccc}
.gdbgh:hover	{background:#ddd}
.gebgh:hover	{background:#eee}
.whtbgh:hover	{background:#fff}

.c1bg	{background:#f264f2}
.c2bg	{background:#db4444}
.c3bg	{background:#f37924}
.c4bg	{background:#f9a414}
.c5bg	{background:#6ebe2c}
.c6bg	{background:#add40a}
.c7bg	{background:#59c2e0}
.c8bg	{background:#4b85bc}
.c9bg	{background:#e21cff}
.c10bg	{background:#ff8a00}
.c11bg	{background:#3f71c1}
.c12bg	{background:#1ec7ff}
.c13bg	{background:#c02994}
.c14bg	{background:#31a0d8}
.c15bg	{background:#cd1717}
.c16bg	{background:#367f17}
.c17bg	{background:#fe2c55}
.c18bg	{background:#784f98}
.c19bg	{background:#0a66c2}
.c20bg	{background:#ece21d}

.c1bgh:hover	{background:#f264f2}
.c2bgh:hover	{background:#db4444}
.c3bgh:hover	{background:#f37924}
.c4bgh:hover	{background:#f9a414}
.c5bgh:hover	{background:#6ebe2c}
.c6bgh:hover	{background:#add40a}
.c7bgh:hover	{background:#59c2e0}
.c8bgh:hover	{background:#4b85bc}
.c9bgh:hover	{background:#e21cff}
.c10bgh:hover	{background:#ff8a00}
.c11bgh:hover	{background:#3f71c1}
.c12bgh:hover	{background:#1ec7ff}
.c13bgh:hover	{background:#c02994}
.c14bgh:hover	{background:#31a0d8}
.c15bgh:hover	{background:#cd1717}
.c16bgh:hover	{background:#367f17}
.c17bgh:hover	{background:#fe2c55}
.c18bgh:hover	{background:#784f98}
.c19bgh:hover	{background:#0a66c2}
.c20bgh:hover	{background:#ece21d}

.blbg1	{background:rgba(0,0,0,0.1)}
.blbg2	{background:rgba(0,0,0,0.2)}
.blbg3	{background:rgba(0,0,0,0.3)}
.blbg4	{background:rgba(0,0,0,0.4)}
.blbg5	{background:rgba(0,0,0,0.5)}
.blbg6	{background:rgba(0,0,0,0.6)}
.blbg7	{background:rgba(0,0,0,0.7)}
.blbg8	{background:rgba(0,0,0,0.8)}
.blbg9	{background:rgba(0,0,0,0.9)}

.brdrgrn	{border:1px solid #239517}
.brdrbl	{border:1px solid #006bce}
.brdrrd	{border:1px solid #f00}
.brdrorng	{border:1px solid #f80}
.brdryllw	{border:1px solid #ff0}
.brdrmgn	{border:1px solid #f0f}
.brdrnvy	{border:1px solid #008}
.brdrblk	{border:1px solid #000}
.brdr1	{border:1px solid #111}
.brdr2	{border:1px solid #222}
.brdr3	{border:1px solid #333}
.brdr4	{border:1px solid #444}
.brdr5	{border:1px solid #555}
.brdr6	{border:1px solid #666}
.brdr7	{border:1px solid #777}
.brdr8	{border:1px solid #888}
.brdr9	{border:1px solid #999}
.brdra	{border:1px solid #aaa}
.brdrb	{border:1px solid #bbb}
.brdrc	{border:1px solid #ccc}
.brdrd	{border:1px solid #ddd}
.brdre	{border:1px solid #eee}
.brdrf	{border:1px solid #fff}

.clckicn::after	{content:'\f017'}
.arrwstrticn::after	{content:'\f061'}
.arrwstrt2icn::after	{content:'\f0da'}
.arrwstrt3icn::after	{content:'\f105'}
.arrwstrt4icn::after	{content:'\f35a'}
.arrwendicn::after	{content:'\f060'}
.arrwend2icn::after	{content:'\f0d9'}
.arrwend3icn::after	{content:'\f104'}
.arrwend4icn::after	{content:'\f359'}
.arrwupicn::after	{content:'\f35b'}
.arrwdwnicn::after	{content:'\f063'}
.arrwdwn2icn::after	{content:'\f0dd'}
.arrwdwn3icn::after	{content:'\f107'}
.srchicn::after	{content:'\f002'}
.crclicn::after	{content:'\f111'}
.eyicn::after	{content:'\f06e'}
.lsticn::after	{content:'\f550'}
.lst2icn::after	{content:'\f0c9'}
.cpyflicn::after	{content:'\f0c5'}
.erthicn::after	{content:'\f57d'}
.cntrlpnlicn::after	{content:'\f085'}
.usricn::after	{content:'\f007'}
.usrsicn::after	{content:'\f500'}
.usrs2icn::after	{content:'\f0c0'}
.prflicn::after	{content:'\f2bb'}
.flicn::after	{content:'\f15c'}
.fl2icn::after	{content:'\f249'}
.fl3icn::after	{content:'\f15b'}
.rplyicn::after	{content:'\f3e5'}
.fldricn::after	{content:'\f07c'}
.fldr2icn::after	{content:'\e185'}
.edticn::after	{content:'\f044'}
.lckicn::after	{content:'\f3ed'}
.unlckicn::after	{content:'\f3ed'}
.addicn::after	{content:'\f14d'}
.trshicn::after	{content:'\f2ed'}
.emlicn::after	{content:'\f658'}
.lnkicn::after	{content:'\f0c6'}
.urlicn::after	{content:'\f360'}
.plsicn::after	{content:'\f055'}
.mnsicn::after	{content:'\f056'}
.pls2icn::after	{content:'\f0fe'}
.mns2icn::after	{content:'\f146'}
.clsicn::after	{content:'\f057'}
.cls2icn::after	{content:'\f00d'}
.prnticn::after	{content:'\f02f'}
.sqrchckicn::after	{content:'\f14a'}
.sqricn::after	{content:'\f0c8'}
.dwnldicn::after	{content:'\f0ab'}
.upldicn::after	{content:'\f0aa'}
.bgmgicn::after	{content:'\f03e'}
.plyicn::after	{content:'\f04b'}
.vdicn::after	{content:'\f03d'}
.vd2icn::after	{content:'\f167'}
.txticn::after	{content:'\f075'}
.cmmnticn::after	{content:'\f086'}
.pdficn::after	{content:'\f1c1'}
.penicn::after	{content:'\f303'}
.mssgicn::after	{content:'\f0e0'}
.mssg2icn::after	{content:'\f2b6'}
.tlicn::after	{content:'\f095'}
.erthicn::after	{content:'\f57d'}
.fcbkicn::after	{content:'\f39e'}
.xicn::after	{content:'\e61b'}
.ytbicn::after	{content:'\f167'}
.instgrmicn::after	{content:'\e055'}
.tlgrmicn::after	{content:'\f3fe'}
.whtsppicn::after	{content:'\f232'}
.rssicn::after	{content:'\f09e'}

.mssgicn:hover	{color:#f264f2}
.tlicn:hover	{color:#db4444}
.erthicn:hover	{color:#f37924}
.fcbkicn:hover	{color:#3f71c1}
.xicn:hover	{color:#000}
.ytbicn:hover	{color:#cd1717}
.instgrmicn:hover	{color:#c02994}
.tlgrmicn:hover	{color:#31a0d8}
.whtsppicn:hover	{color:#48a91f}
.rssicn:hover	{color:#ff9418}

.t01	{transition:0.1s}
.t02	{transition:0.2s}
.t03	{transition:0.3s}
.t04	{transition:0.4s}
.t05	{transition:0.5s}
.t06	{transition:0.6s}
.t07	{transition:0.7s}
.t08	{transition:0.8s}
.t09	{transition:0.9s}
.t1	{transition:1s}
.t2	{transition:2s}
.t3	{transition:3s}

.e01:hover	{transform:scale(1.01)}
.e02:hover	{transform:scale(1.02)}
.e03:hover	{transform:scale(1.03)}
.e04:hover	{transform:scale(1.04)}
.e05:hover	{transform:scale(1.05)}
.e06:hover	{transform:scale(1.06)}
.e07:hover	{transform:scale(1.07)}
.e08:hover	{transform:scale(1.08)}
.e09:hover	{transform:scale(1.09)}
.e11:hover	{transform:scale(1.1)}
.e12:hover	{transform:scale(1.2)}
.e13:hover	{transform:scale(1.3)}
.e14:hover	{transform:scale(1.4)}
.e15:hover	{transform:scale(1.5)}
.e16:hover	{transform:scale(1.6)}
.e17:hover	{transform:scale(1.7)}
.e18:hover	{transform:scale(1.8)}
.e19:hover	{transform:scale(1.9)}
.e20:hover	{transform:scale(2.0)}

.lght	{opacity:1}
.lght:hover	{opacity:0.7}
.drk	{opacity:0.7}
.drk:hover	{opacity:1}
.drk2	{filter:brightness(75%);transition:filter 0.3s}
.drk2:hover	{filter:none}
.rtt	{transition:transform 0.5s}
.rtt:hover	{transform:rotate(360deg)}
.rttx	{transition:transform 0.5s}
.rttx:hover	{transform:rotateX(360deg)}
.rtty	{transition:transform 0.5s}
.rtty:hover	{transform:rotateY(360deg)}

@keyframes fd1	{0%{opacity:0}	100%{opacity:1}}
@keyframes fd2	{0%{opacity:0}	50%{opacity:0}	100%{opacity:1}}
@keyframes ttp	{0%{opacity:0;top:100%}	100%{opacity:1;top:55%}}
@keyframes tbttm	{0%{opacity:0;top:0}	100%{opacity:1;top:55%}}
@keyframes trght	{0%{opacity:0;left:-1000px}	100%{opacity:1;left:0}}
@keyframes tlft	{0%{opacity:0;right:-1000px}	100%{opacity:1;right:0}}
@keyframes zm1	{0%{transform:scale(0.1)}	100%{transform:scale(1)}}
@keyframes zm2	{0%{transform:scale(1)}	100%{transform:scale(1.1)}}

.fd1	{animation:fd1 1s}
.fd2	{animation:fd2 2s}
.ttp1	{animation:ttp 1s}
.tbttm1	{animation:tbttm 1s}
.trght1	{animation:trght 1s}
.tlft1	{animation:tlft 1s}
.zm1	{animation:zm1 1s}
.zm2	{animation:zm2 7s}

@font-face	{font-family:'Cairo';src:url('../fonts/Cairo-ExtraLight.ttf') format('truetype');font-weight:200;font-display:swap}
@font-face	{font-family:'Cairo';src:url('../fonts/Cairo-Light.ttf') format('truetype');font-weight:300;font-display:swap}
@font-face	{font-family:'Cairo';src:url('../fonts/Cairo-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face	{font-family:'Cairo';src:url('../fonts/Cairo-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face	{font-family:'Cairo';src:url('../fonts/Cairo-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face	{font-family:'Cairo';src:url('../fonts/Cairo-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face	{font-family:'Cairo';src:url('../fonts/Cairo-ExtraBold.ttf') format('truetype');font-weight:800;font-display:swap}
@font-face	{font-family:'Cairo';src:url('../fonts/Cairo-Black.ttf') format('truetype');font-weight:900;font-display:swap}
@font-face	{font-family:'Myriad';src:url('../fonts/myriadpro.woff') format('woff');font-weight:500;font-display:swap}
@font-face	{font-family:'Myriad';src:url('../fonts/myriadpro-bold.woff') format('woff');font-weight:700;font-display:swap}
@font-face	{font-family:'Hacen';src:url('../fonts/hacenalgeriahd.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face	{font-family:'Awesome';src:url('../fonts/fontawesomeregular400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face	{font-family:'Awesome';src:url('../fonts/fontawesomesolid900.woff2') format('woff2');font-weight:900;font-display:swap}
@font-face	{font-family:'Awesome';src:url('../fonts/fontawesomebrands400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face	{font-family:'Awesome';src:url('../fonts/fontawesomesv4compatibility.woff2') format('woff2');font-weight:400;font-display:swap}