/*------------------------------------ Tags ------------------------------------*/
*
{
	box-sizing:border-box;
}
html
{
	direction:rtl;
}
body
{
	color:#000;
	margin:0;
	background:#ddd;
}
body,p,ul,ol,li
{
	font:400 14px 'Myriad','NotoKufi','Tahoma';
}
h1
{
	text-align:center;
}
a:link
{
	text-decoration:none;
	transition:all 0.2s;
}
a:link,a:visited,a:active
{
	color:#111;
}
a:hover,a:focus
{
	color:#003f92;
}
hr
{
	height:1px;
	border:none;
	background:#ddd;
	max-width:1000px;
	width:98%;
	margin:5px auto;
}
b
{
	letter-spacing:0.5px;
}
img
{
	max-width:100%;
	height:auto;
}
iframe
{
	font:400 16px 'Myriad','NotoKufi','Tahoma';
	color:#111;
	border:none;
	background:#fff;
}
audio
{
	width:100%;
	max-width:700px;
	outline:none;
}
video
{
	width:100%;
	max-width:1000px;
	outline:none;
}
@media only screen and (min-width:992px)
{
	body,p,ul,ol,li	{ font-size:16px; }
}
/*------------------------------------ Main ------------------------------------*/
.pointer		{ cursor:pointer; }
.inlineblock	{ display:inline-block; }
.relative		{ position:relative; }
.absolute		{ position:absolute; }
.right0			{ right:0; }
.left0			{ left:0; }
.top0			{ top:0; }
.bottom0		{ bottom:0; }
div.clearfix::after
{
	content:"";
	clear:both;
	display:table;
}
div#backtotop
{
	color:#444;
	position:fixed;
	bottom:100px;
	right:15px;
	padding:0;
	cursor:pointer;
	transition:color 0.3s;
}
div#backtotop:hover
{
	color:#000;
}
div#backtotop::after
{
	font:400 36px 'FontAwesome';
	content:"\f35b";
}
/*------------------------------------ Forms ------------------------------------*/
form
{
	margin:0;
}
input,textarea,select
{
	font:400 14px 'NotoKufi','Tahoma';
	color:#111;
	border:none;
	width:100%;
	max-width:500px;
	background:#eff6ff;
	padding:8px 10px;
	margin:5px 0;
	display:block;
	transition:all 0.4s;
	border-radius:3px;
}
input:hover,input:focus,textarea:hover,textarea:focus,select:hover,select:focus
{
	color:#000;
	background:#b7d6ff;
	outline:none;
}
textarea::placeholder,input::placeholder
{
	color:#111;
}
input[type=image],input.widthauto
{
	width:auto;
}
input[type=radio]
{
	width:auto;
	display:inline;
	vertical-align:text-bottom;
	margin:5px 7px;
	outline:none;
}
input[type=checkbox]
{
	width:auto;
	display:inline;
	vertical-align:text-bottom;
	margin:5px 7px;
	width:16px;
	height:16px;
}
button,input.button,a.button,input[type=submit],input[type=reset]
{
	font:400 14px 'NotoKufi','Tahoma';
	color:#fff;
	border:none;
	background:#f68a21;
	padding:4px 12px;
	margin:0;
	display:inline-block;
	width:auto;
	outline:none;
	cursor:pointer;
	transition:all 0.2s;
	border-radius:3px;
}
button:hover,input.button:hover,a.button:hover,input[type=submit]:hover,input[type=reset]:hover
{
	background:#1f2834;
	outline:none;
}
label
{
	cursor:pointer;
}
@media only screen and (min-width:992px)
{
	input,textarea,select,button,input.button,a.button,input[type=submit],input[type=reset]	{ font-size:16px; }
}
/*------------------------------------ Modal ------------------------------------*/
div#modal
{
	display:none;
	position:fixed;
	z-index:10;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.85);
}
div#closemodal
{
	color:#fff;
	font-weight:900;
	font-size:44px;
	cursor:pointer;
	transition:all 0.2s;
}
div#closemodal:hover,div#closemodal:focus
{
	color:#f00;
	background:#fff;
}
div#bigimagemodal
{
	width:100%;
	height:87%;
	overflow:auto;
	animation:zoom 0.6s;
}
div#bigimagemodal::-webkit-scrollbar
{
	width:16px;
}
div#bigimagemodal::-webkit-scrollbar-track
{
	background:#ccc;
}
div#bigimagemodal::-webkit-scrollbar-thumb
{
	background:#000;
}
div#bigimagemodal img
{
	max-width:100%;
	transition:all 0.2s;
}
div#captionmodal
{
	color:#fff;
	width:94%;
	font-size:16px;
	animation:zoom 0.6s;
}
@media only screen and (min-width:992px)
{
	div#bigimagemodal img	{ max-height:92%; }
}
/*------------------------------------ Control Buttons ------------------------------------*/
a.control
{
	font:900 22px 'FontAwesome';
	color:#777;
	cursor:pointer;
	transition:all 0.1s;
	display:inline-block;
	vertical-align:middle;
}
a.control:hover		{ transform:scale(1.1); }
a.download:before	{ content:"\f358"; color:#2C6CFF; }
a.bookopen:before	{ content:"\f518"; color:#712CFF; }
@media only screen and (min-width:768px)
{
	a.control	{ font-size:28px; }
}
/*------------------------------------ Badges ------------------------------------*/
.badge		{ border-radius:25px; text-align:center; display:inline; padding:2px 8px; }
/*------------------------------------ Backgrounds ------------------------------------*/
.greenbg	{ background:#080; }
.bluebg		{ background:#00f; }
.redbg		{ background:#f00; }
.magentabg	{ background:#f0f; }
.navybg		{ background:#008; }
.blackbg	{ background:#000; }
.gray1bg	{ background:#111; }
.gray2bg	{ background:#222; }
.gray3bg	{ background:#333; }
.gray4bg	{ background:#444; }
.gray5bg	{ background:#555; }
.gray6bg	{ background:#666; }
.gray7bg	{ background:#777; }
.gray8bg	{ background:#888; }
.gray9bg	{ background:#999; }
.grayabg	{ background:#aaa; }
.graybbg	{ background:#bbb; }
.graycbg	{ background:#ccc; }
.graydbg	{ background:#ddd; }
.grayebg	{ background:#eee; }
.whitebg	{ background:#fff; }
/*------------------------------------ Colors ------------------------------------*/
.green		{ color:#080; }
.blue		{ color:#00f; }
.red		{ color:#f00; }
.magenta	{ color:#f0f; }
.navy		{ color:#008; }
.black		{ color:#000; }
.gray1		{ color:#111; }
.gray2		{ color:#222; }
.gray3		{ color:#333; }
.gray4		{ color:#444; }
.gray5		{ color:#555; }
.gray6		{ color:#666; }
.gray7		{ color:#777; }
.gray8		{ color:#888; }
.gray9		{ color:#999; }
.graya		{ color:#aaa; }
.grayb		{ color:#bbb; }
.grayc		{ color:#ccc; }
.grayd		{ color:#ddd; }
.graye		{ color:#eee; }
.white		{ color:#fff; }
.color1		{ color:#F264F2; }
.color2		{ color:#DB4444; }
.color3		{ color:#F37924; }
.color4		{ color:#F9A414; }
.color5		{ color:#6EBE2C; }
.color6		{ color:#ADD40A; }
.color7		{ color:#59C2E0; }
.color8		{ color:#4B85BC; }
/*------------------------------------ Directions ------------------------------------*/
.center		{ text-align:center; }
.right		{ text-align:right; }
.left		{ text-align:left; }
.justify	{ text-align:justify; }
.middle		{ vertical-align:middle; }
.ltr		{ direction:ltr; }
.rtl		{ direction:rtl; }
/*------------------------------------ Dimensions ------------------------------------*/
.wp100		{ width:100%; }
.hp100		{ height:100%; }
.whp100		{ width:100%; height:100%; }
.xw50		{ max-width:50px; }
.xw100		{ max-width:100px; }
.xw150		{ max-width:150px; }
.xw200		{ max-width:200px; }
.xw250		{ max-width:250px; }
.xw300		{ max-width:300px; }
.xw350		{ max-width:350px; }
.xw400		{ max-width:400px; }
.xw450		{ max-width:450px; }
.xw500		{ max-width:500px; }
.xw600		{ max-width:600px; }
.xw700		{ max-width:700px; }
.xw800		{ max-width:800px; }
.xw900		{ max-width:900px; }
.xw1000		{ max-width:1000px; }
.w0			{ width:0; }
.w50		{ width:50px; }
.w100		{ width:100px; }
.w150		{ width:150px; }
.w200		{ width:200px; }
.w250		{ width:250px; }
.w300		{ width:300px; }
.w350		{ width:350px; }
.w400		{ width:400px; }
.w450		{ width:450px; }
.w500		{ width:500px; }
.w600		{ width:600px; }
.w700		{ width:700px; }
.w800		{ width:800px; }
.w900		{ width:900px; }
.w1000		{ width:1000px; }
.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; }
.mh300		{ min-height:300px; }
.mh400		{ min-height:400px; }
.mh500		{ min-height:500px; }
.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; }
.xh150		{ max-height:150px; }
.xh200		{ max-height:200px; }
.xh300		{ max-height:300px; }
.xh400		{ max-height:400px; }
.xh500		{ max-height:500px; }
.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; }
.h150		{ height:150px; }
.h200		{ height:200px; }
.h300		{ height:300px; }
.h400		{ height:400px; }
.h500		{ height:500px; }
/*------------------------------------ Margins ------------------------------------*/
.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; }
.ml50		{ margin-right:50px; }
.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; }
.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; }
.mx50		{ margin-right:50px; margin-left:50px; }
.mxauto		{ margin-right:auto; margin-left:auto; }
.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; }
.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; }
.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; }
.my100		{ margin-top:100px; margin-bottom:100px; }
/*------------------------------------ Padding ------------------------------------*/
.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; }
/*------------------------------------ Fonts ------------------------------------*/
.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; }
.fs40		{ font-size:40px; }
.fs50		{ font-size:50px; }
.fs60		{ font-size:60px; }
.fs70		{ font-size:70px; }
.fs80		{ font-size:80px; }
.smallest	{ font-size:50% }
.smaller	{ font-size:70% }
.small		{ font-size:90% }
.big		{ font-size:110%; }
.bigger		{ font-size:130%; }
.biggest	{ font-size:160%; }
.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; }
.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; }
.lh1		{ line-height:1; }
.lh13		{ line-height:1.3; }
.lh15		{ line-height:1.5; }
.lh17		{ line-height:1.7; }
.lh2		{ line-height:2; }
.awesome	{ font-family:'FontAwesome'; }
/*------------------------------------ Transform ------------------------------------*/
.upper		{ text-transform:uppercase; }
.lower		{ text-transform:lowercase; }
/*------------------------------------ Appear ------------------------------------*/
.hidden		{ display:none; }
.ofh		{ overflow:hidden; }
/*------------------------------------ Round ------------------------------------*/
.round3		{ border-radius:3px; }
.round5		{ border-radius:5px; }
.round10	{ border-radius:10px; }
.round15	{ border-radius:15px; }
.round20	{ border-radius:20px; }
.round25	{ border-radius:25px; }
.round50	{ border-radius:50px; }
/*------------------------------------ Icons ------------------------------------*/
.clockicon::before			{ font-weight:900; font-family:'FontAwesome'; content:"\f017"; }
.arrowlefticon::before		{ font-weight:900; font-family:'FontAwesome'; content:"\f060"; }
.arrowleft2icon::before		{ font-weight:900; font-family:'FontAwesome'; content:"\f0d9"; }
.arrowrighticon::before		{ font-weight:900; font-family:'FontAwesome'; content:"\f061"; }
.arrowright2icon::before	{ font-weight:900; font-family:'FontAwesome'; content:"\f0da"; }
.usericon::before			{ font-weight:900; font-family:'FontAwesome'; content:"\f007"; }
.controlpanelicon::before	{ font-weight:900; font-family:'FontAwesome'; content:"\f085"; }
.accounticon::before		{ font-weight:900; font-family:'FontAwesome'; content:"\f2bb"; }
.homeworkicon::before		{ font-weight:900; font-family:'FontAwesome'; content:"\f015"; }
.subjecticon::before		{ font-weight:900; font-family:'FontAwesome'; content:"\f0c5"; }
.timetableicon::before		{ font-weight:900; font-family:'FontAwesome'; content:"\f03a"; }
.examicon::before			{ font-weight:900; font-family:'FontAwesome'; content:"\f249"; }
.resulticon::before			{ font-weight:900; font-family:'FontAwesome'; content:"\f15c"; }
.messageicon::before		{ font-weight:900; font-family:'FontAwesome'; content:"\f0e0"; }
.absenceicon::before		{ font-weight:900; font-family:'FontAwesome'; content:"\f007"; }
.indexicon::before			{ font-weight:900; font-family:'FontAwesome'; content:"\f2f5"; }
.circleicon::before			{ font-weight:900; font-family:'FontAwesome'; content:"\f111"; }
/*------------------------------------ Shopping Cart ------------------------------------*/
div.shoppingcart
{}
div.shoppingcart img
{
	width:75px;
	height:75px;
	vertical-align:middle;
}
button.cart
{}
button.cart::after
{
	font:900 18px 'FontAwesome';
	content:" \f07a";
}
button.cart2
{
	background:#888;
	outline:none;
}
button.cartplus,button.cartminus,button.cartdelete
{
	font:900 28px 'FontAwesome';
	background:none;
	color:#666;
	padding:0;
}
button.cartplus:hover,button.cartminus:hover,button.cartdelete:hover
{
	color:#000;
}
button.cartplus::after
{
	content:"\f0fe";
}
button.cartminus::after
{
	content:"\f146";
}
button.cartdelete::after
{
	content:"\f1f8";
}
/*------------------------------------ Animations ------------------------------------*/
.light			{ opacity:1; transition:opacity 0.3s; }
.light:hover	{ opacity:0.7; }
.dark			{ opacity:0.7; transition:opacity 0.3s; }
.dark:hover		{ opacity:1; }
.dark2			{ filter:brightness(75%); transition:filter 0.3s; }
.dark2:hover	{ filter:none; }
.enlarge		{ transition:transform 0.2s; }
.enlarge:hover	{ transform:scale(1.3); }
.enlarge2		{ transition:transform 0.2s; }
.enlarge2:hover	{ transform:scale(1.1); }
.rotate			{ transition:transform 0.5s; }
.rotate:hover	{ transform:rotate(360deg); }
.rotatex		{ transition:transform 0.5s; }
.rotatex:hover	{ transform:rotateX(360deg); }
.rotatey		{ transition:transform 0.5s; }
.rotatey:hover	{ transform:rotateY(360deg); }
.fade			{ animation:fade 2s; }
.totop			{ animation:totop 1s; }
.tobottom		{ animation:tobottom 1s; }
.toright		{ animation:toright 1s; }
.toleft			{ animation:toleft 1s; }
.zoom			{ animation:zoom 1s; }
@keyframes fade
{
	from	{ opacity:0.4; }
	to		{ opacity:1; }
}
@keyframes totop
{
	from	{ top:100px; opacity:0; }
	to		{ top:0px; opacity:1; }
}
@keyframes tobottom
{
	from	{ bottom:100px; opacity:0; }
	to		{ bottom:0px; opacity:1; }
}
@keyframes toright
{
	from	{ right:100px; opacity:0; }
	to		{ right:0px; opacity:1; }
}
@keyframes toleft
{
	from	{ left:100px; opacity:0; }
	to		{ left:0px; opacity:1; }
}
@keyframes zoom
{
	from	{ transform:scale(0.1); } 
	to		{ transform:scale(1); }
}
/*------------------------------------ Fonts ------------------------------------*/
@font-face
{
	font-family:'NotoKufi';
	src:url('../fonts/notokufi-thin.ttf') format("truetype");
	font-weight:100;
}
@font-face
{
	font-family:'NotoKufi';
	src:url('../fonts/notokufi-extralight.ttf') format("truetype");
	font-weight:200;
}
@font-face
{
	font-family:'NotoKufi';
	src:url('../fonts/notokufi-light.ttf') format("truetype");
	font-weight:300;
}
@font-face
{
	font-family:'NotoKufi';
	src:url('../fonts/notokufi.ttf') format("truetype");
	font-weight:400;
}
@font-face
{
	font-family:'NotoKufi';
	src:url('../fonts/notokufi-medium.ttf') format("truetype");
	font-weight:500;
}
@font-face
{
	font-family:'NotoKufi';
	src:url('../fonts/notokufi-semibold.ttf') format("truetype");
	font-weight:600;
}
@font-face
{
	font-family:'NotoKufi';
	src:url('../fonts/notokufi-bold.ttf') format("truetype");
	font-weight:700;
}
@font-face
{
	font-family:'NotoKufi';
	src:url('../fonts/notokufi-extrabold.ttf') format("truetype");
	font-weight:800;
}
@font-face
{
	font-family:'NotoKufi';
	src:url('../fonts/notokufi-black.ttf') format("truetype");
	font-weight:900;
}
@font-face
{
	font-family:'HacenAlgeriaHd';
	src:url('../fonts/hacenalgeriahd.ttf') format("truetype");
}
@font-face
{
	font-family:'Myriad';
	src:url('../fonts/myriadpro.woff') format("woff");
}
@font-face
{
	font-family:'Myriad';
	src:url('../fonts/myriadpro-bold.woff') format("woff");
	font-weight:900;
}
@font-face
{
	font-family:'FontAwesome';
	font-weight:400;
	src:url("../fonts/fontawesomeregular400.woff") format("woff");
}
@font-face
{
	font-family:'FontAwesome';
	font-weight:900;
	src:url("../fonts/fontawesomesolid900.woff") format("woff");
}
@font-face
{
	font-family:'FontAwesome';
	font-weight:400;
	src:url("../fonts/fontawesomebrands400.woff") format("woff");
}