/*---------------------------------------------- Main ----------------------------------------------*/
*			{ box-sizing:border-box; }
html		{ direction:rtl; }
body		{ font:500 14px 'NotoKufi','Tahoma'; color:#000; margin:0; background:#eee; }
strong		{ font:700 14px 'NotoKufi','Tahoma'; }
img			{ max-width:100%; height:auto; }
a:link		{ color:#000; text-decoration:none; }
a:visited	{ color:#000; }
a:active	{ color:#000; }
a:hover		{ color:#f00; }
a:focus		{ color:#f00; }
i			{ font-style:normal; }
/* p,span,div	{ font:500 14px 'NotoKufi','Tahoma'; } */
/*---------------------------------------------- Main Div ----------------------------------------------*/
div.maindiv			{ max-width:1250px; background:#fff; }
div.middle			{}
div.middlehome		{}
div.rightleft		{}
@media only screen and (min-width:992px)
{
	div.maindiv		{ border-right:1px dashed #555; border-left:1px dashed #555; }
	div.middle		{ float:right; width:80%; }
	div.middlehome	{ float:right; width:60%; }
	div.rightleft	{ float:right; width:20%; }
}
/*---------------------------------------------- Header ----------------------------------------------*/
div.poetry	{ background:#555; color:#fff; font-size:14px; animation:fade 2s; }
div.header	{ animation:fade 2s; }
div.logo	{ margin:10px; cursor:pointer; position:relative; } /*animation:toright 1s;*/
@media only screen and (min-width:992px)
{
	div.poetry	{ font-size:16px; }
	div.header	{ min-height:220px; background:url('images/header2.jpg') no-repeat left; border-bottom:1px solid #ccc; margin:0 0 10px 0; }
	div.logo	{ float:right; margin:35px 15px 0 0; }
	/* div.pctr	{ float:right; width:189px; height:220px; background:url('images/header1.jpg') no-repeat; position:relative; animation:toleft 1s; } */
}
div.movetext1,div.movetext2	{ width:100%;line-height:35px;height:35px;overflow:hidden;position:relative; }
div.movetext1 div,div.movetext2 div	{ position:absolute;top:0;left:100%;white-space:nowrap; }









div.title
{
	color:#fff;
	height:35px;
	margin:0;
	padding:5px 15px 0 0;
	background:#555;
	text-align:right;
}
div.block
{
	margin:0;
	padding:5px;
	text-align:right;
}
@media only screen and (min-width:1000px)
{
	div.title
	{
		height:40px;
		margin:0 5px;
		padding:5px 15px 0 0;
	}
	div.block
	{
		border:1px solid #bbb;
		border-top:none;
		margin:0 5px 10px 5px;
		padding:10px;
	}
}
iframe
{
	padding:0;
	margin:0;
	font:500 14px 'NotoKufi','Tahoma';
	border:1px solid #ccc;
}

/***************************************************************************************************/

table
{
	width:100%;
}
table.block
{
	margin:10px 0;
	padding:0px 7px;
	border-collapse:collapse;
	border:1px solid #ccc;
}
table.block td
{
	border:1px solid #ccc;
}
tr.trc1			{ background:#eaeaea; text-align:center; }
tr.trc2			{ background:#f7f7f7; }
tr.trc2:hover	{ background:#eaeaea; }
tr.trc3			{ background:#eaeaea; }
td
{
	font-size:13px;
}
@media only screen and (min-width:1000px)
{
	td
	{
		font:500 14px 'NotoKufi','Tahoma';
	}
}

/***************************************************************************************************/

.english
{
	font-size:14px;
}
.gray
{
	color:#888;
}
.c	{ text-align:center; }

/***************************************************************************************************/

div.socialbuttons
{
	min-height:42px;
}
div.socialbuttons a
{
	display:inline-block;
}
div.socialbuttons img
{
	transition:transform 0.4s;
}
div.socialbuttons img:hover
{
	transform:rotate(360deg);
}
@media only screen and (min-width:1000px)
{
	div.socialbuttons
	{
		float:left;
		margin:0 0 0 15px;
	}
}

/***************************************************************************************************/

div.movetap
{
	min-height:38px;
	background:#555;
	padding:8px;
	animation:fade 2s;
}
div.movetaptitle
{
	font-size:14px;
	color:#fff;
}
@media only screen and (min-width:1000px)
{
	div.movetap
	{
		padding:8px 0;
	}
	div.movetaptitle
	{
		float:right;
		font-size:16px;
		margin:0 15px 0 0;
	}
}
/***************************************************************************************************/
div.footer
{}
div.information
{}
div.information a
{
	color:#fff;
}
div.information div.title2
{
	width:75px;
	padding:0 0 5px 0;
	margin:0 0 5px 0;
	border-bottom:1px solid #eee;
}
div.socialbuttons2
{
	margin:10px 0 0 0;
	min-height:42px;
}
div.socialbuttons2 a
{
	display:inline-block;
}
div.socialbuttons2 img
{
	transition:all 0.4s;
}
div.socialbuttons2 img:hover
{
	transform:rotate(360deg);
}
div.rfaah
{
	height:39px;
	margin:10px 0 0 0;
}
div.datetime
{
	margin:5px 0 0 0;
}
div.copyright
{
	border-top:1px dashed #eee;
}
@media only screen and (min-width:1000px)
{
	div.information
	{
		float:right;
		margin:10px 20px 0 0;
		text-align:right;
	}
	div.socialbuttons2
	{}
	div.rfaah
	{
		margin:10px 0 0 0;
	}
	div.datetime
	{
		margin:10px auto;
		width:200px;
	}
}
.widthauto
{
	width:auto;
}
/*------------------------------------ Forms ------------------------------------*/
form
{}
input,textarea,select
{
	color:#000;
	border:1px solid #eee;
	width:100%;
	max-width:800px;
	background:#eee;
	padding:3px 10px;
	margin:0;
	display:block;
	font:500 14px 'NotoKufi','Tahoma';
	transition:all 0.3s;
}
input:hover,input:focus,textarea:hover,textarea:focus,select:hover,select:focus
{
	background:#fff;
	border:1px solid #bbb;
	outline:none;
}
textarea::placeholder,input::placeholder
{
	color:#333;
}
input[type=radio]
{
	width:auto;
	display:inline;
	vertical-align:text-bottom;
	margin:5px 7px;
	outline:none;
}
input[type=checkbox]
{
	display:inline;
	width:18px;
	height:18px;
	margin:0;
	vertical-align:middle;
}
button,input.button,a.button,input[type=submit],input[type=reset]
{
	color:#000;
	border:1px solid #ccc;
	width:100%;
	max-width:800px;
	background:#ccc;
	padding:3px 10px;
	margin:0;
	display:inline-block;
	outline:none;
	cursor:pointer;
	font:500 14px 'NotoKufi','Arial';
	text-align:center;
	transition:all 0.2s;
}
button:hover,input.button:hover,a.button:hover,input[type=submit]:hover,input[type=reset]:hover
{
	background:#fff;
	border:1px solid #bbb;
}
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:15px; }
}
@-webkit-keyframes fade
{
	0%   { opacity:0; }
	100% { opacity:1; }
}
@keyframes fade
{
	0%   { opacity:0; }
	100% { opacity:1; }
}
@-webkit-keyframes toright
{
	0%   { right:100px; opacity:0; }
	100% { right:0px; opacity:1; }
}
@keyframes toright
{
	0%   { right:100px; opacity:0; }
	100% { right:0px; opacity:1; }
}
@-webkit-keyframes toleft
{
	0%   { left:100px; opacity:0; }
	100% { left:0px; opacity:1; }
}
@keyframes toleft
{
	0%   { left:100px; opacity:0; }
	100% { left:0px; opacity:1; }
}
@-webkit-keyframes totop
{
	0%   { top:100px; opacity:0; }
	100% { top:0px; opacity:1; }
}
@keyframes totop
{
	0%   { top:100px; opacity:0; }
	100% { top:0px; opacity:1; }
}
.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; }
.h250		{ height:250px; }
.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; }
.fs32		{ font-size:32px; }
.fs40		{ font-size:40px; }
.fs50		{ font-size:50px; }
.fs60		{ font-size:60px; }
.fs70		{ font-size:70px; }
.fs80		{ font-size:80px; }
.fsp50		{ font-size:50% }
.fsp60		{ font-size:60% }
.fsp70		{ font-size:70% }
.fsp80		{ font-size:80% }
.fsp90		{ font-size:90% }
.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% }
.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; }
.ls3		{ letter-spacing:3px; }
.ls4		{ letter-spacing:4px; }
.ls5		{ letter-spacing:5px; }
.ls10		{ letter-spacing:10px; }
.ls20		{ letter-spacing:20px; }
.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; }
.awesome	{ font-family:'FontAwesome'; }

.smallest	{ font-size:50% }
.smaller	{ font-size:70% }
.small		{ font-size:90% }
.big		{ font-size:110%; }
.bigger		{ font-size:130%; }
.biggest	{ font-size:160%; }
/*------------------------------------ Transform ------------------------------------*/
.upper		{ text-transform:uppercase; }
.lower		{ text-transform:lowercase; }
/*------------------------------------ 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; }
/*------------------------------------ Animations ------------------------------------*/
.t1			{ transition:0.1s; }
.t2			{ transition:0.2s; }
.t3			{ transition:0.3s; }
.t4			{ transition:0.4s; }
.t5			{ transition:0.5s; }
.e101:hover	{ transform:scale(1.01); }
.e102:hover	{ transform:scale(1.02); }
.e103:hover	{ transform:scale(1.03); }
.e104:hover	{ transform:scale(1.04); }
.e105:hover	{ transform:scale(1.05); }
.e106:hover	{ transform:scale(1.06); }
.e107:hover	{ transform:scale(1.07); }
.e108:hover	{ transform:scale(1.08); }
.e109: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); }
.e2:hover	{ transform:scale(2.0); }

.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; }
/*------------------------------------ Flex ------------------------------------*/
div.row			{ display:flex; flex-wrap:wrap; justify-content:center; }
div.rowbetween	{ justify-content:space-between; }
div.rowaround	{ justify-content:space-around; }
div.rowevenly	{ justify-content:space-evenly; }
div.rowstart	{ justify-content:flex-start; }
div.rowend		{ justify-content:flex-end; }
div.rowright	{ justify-content:right; }
div.rownowrap	{ flex-flow:row nowrap; }
div.col1,div.col2,div.col5,div.col10,div.col15,div.col20,div.col25,div.col28,div.col29,div.col30,div.col33,div.col35,div.col40,div.col45,div.col50,div.col55,div.col60,div.col65,div.col70,div.col75,div.col80,div.col85,div.col90,div.col95,div.col100
{
	flex:100%;
}
div.col5s		{ flex:5%; max-width:5%; }
div.col10s		{ flex:10%; max-width:10%; }
div.col15s		{ flex:15%; max-width:15%; }
div.col20s		{ flex:20%; max-width:20%; }
div.col25s		{ flex:25%; max-width:25%; }
div.col30s		{ flex:30%; max-width:30%; }
div.col35s		{ flex:35%; max-width:35%; }
div.col40s		{ flex:40%; max-width:40%; }
div.col45s		{ flex:45%; max-width:45%; }
div.col50s		{ flex:50%; max-width:50%; }
div.col55s		{ flex:55%; max-width:55%; }
div.col60s		{ flex:60%; max-width:60%; }
div.col65s		{ flex:65%; max-width:65%; }
div.col70s		{ flex:70%; max-width:70%; }
div.col75s		{ flex:75%; max-width:75%; }
div.col80s		{ flex:80%; max-width:80%; }
div.col85s		{ flex:85%; max-width:85%; }
div.col90s		{ flex:90%; max-width:90%; }
div.col95s		{ flex:95%; max-width:95%; }
div.order1		{ order:1; }
div.order2		{ order:2; }
@media only screen and (min-width:992px)
{
	div.col1	{ flex:1%; max-width:1%; }
	div.col2	{ flex:2%; max-width:2%; }
	div.col5	{ flex:5%; max-width:5%; }
	div.col10	{ flex:10%; max-width:10%; }
	div.col15	{ flex:15%; max-width:15%; }
	div.col20	{ flex:20%; max-width:20%; }
	div.col25	{ flex:25%; max-width:25%; }
	div.col28	{ flex:28%; max-width:28%; }
	div.col29	{ flex:29%; max-width:29%; }
	div.col30	{ flex:30%; max-width:30%; }
	div.col33	{ flex:33%; max-width:33%; }
	div.col35	{ flex:35%; max-width:35%; }
	div.col40	{ flex:40%; max-width:40%; }
	div.col45	{ flex:45%; max-width:45%; }
	div.col50	{ flex:50%; max-width:50%; }
	div.col55	{ flex:55%; max-width:55%; }
	div.col60	{ flex:60%; max-width:60%; }
	div.col65	{ flex:65%; max-width:65%; }
	div.col70	{ flex:70%; max-width:70%; }
	div.col75	{ flex:75%; max-width:75%; }
	div.col80	{ flex:80%; max-width:80%; }
	div.col85	{ flex:85%; max-width:85%; }
	div.col90	{ flex:90%; max-width:90%; }
	div.col95	{ flex:95%; max-width:95%; }
	div.order1	{ order:0; }
	div.order2	{ order:0; }
}
/*------------------------------------ Main ------------------------------------*/
.pointer			{ cursor:pointer; }
.dib				{ display:inline-block; }
.db					{ display:block; }
.relative			{ position:relative; }
.absolute			{ position:absolute; }
.fixed				{ position:fixed; }
.top0				{ top:0; }
.bottom0			{ bottom:0; }
.right0				{ right:0; }
.left0				{ left:0; }
.hidden				{ display:none; }
.ofh				{ overflow:hidden; }
.ofa			{ overflow:auto; }
.opacity0			{ opacity:0; }
.opacity1			{ opacity:1; }
div.clearfix::after	{ content:''; clear:both; display:table; }
.divider			{ border-top:1px dotted #aaa; margin:5px 0; }
div#slide2 div		{ top:-100px; }
div#slide3 div		{ top:-100px; }
div#ChatTitle		{ background:#555; }
/*------------------------------------ Colors ------------------------------------*/
.green		{ color:#4BBB40; }
.blue		{ color:#046ACC; }
.red		{ color:#AF0238; }
.magenta	{ color:#f0f; }
.navy		{ color:#008; }
.black		{ 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; }
.white		{ 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:#48A91F; }
.c17		{ color:#FE2C55; }
.c18		{ color:#784F98; }
.c19		{ color:#0A66C2; }
.c20		{ color:#EFE51D; }
.ch1:hover	{ color:#F264F2; }
.ch2:hover	{ color:#DB4444; }
.ch3:hover	{ color:#F37924; }
.ch4:hover	{ color:#F9A414; }
.ch5:hover	{ color:#6EBE2C; }
.ch6:hover	{ color:#ADD40A; }
.ch7:hover	{ color:#59C2E0; }
.ch8:hover	{ color:#4B85BC; }
.ch9:hover	{ color:#E21CFF; }
.ch10:hover	{ color:#FF8A00; }
.ch11:hover	{ color:#3F71C1; }
.ch12:hover	{ color:#1EC7FF; }
.ch13:hover	{ color:#C02994; }
.ch14:hover	{ color:#31A0D8; }
.ch15:hover	{ color:#CD1717; }
.ch16:hover	{ color:#48A91F; }
.ch17:hover	{ color:#FE2C55; }
.ch18:hover	{ color:#784F98; }
.ch19:hover	{ color:#0A66C2; }
.ch20:hover	{ color:#EFE51D; }
/*------------------------------------ Borders ------------------------------------*/
.bg1		{ border:1px solid #111; }
.bg2		{ border:1px solid #222; }
.bg3		{ border:1px solid #333; }
.bg4		{ border:1px solid #444; }
.bg5		{ border:1px solid #555; }
.bg6		{ border:1px solid #666; }
.bg7		{ border:1px solid #777; }
.bg8		{ border:1px solid #888; }
.bg9		{ border:1px solid #999; }
.bga		{ border:1px solid #aaa; }
.bgb		{ border:1px solid #bbb; }
.bgc		{ border:1px solid #ccc; }
.bgd		{ border:1px solid #ddd; }
.bge		{ border:1px solid #eee; }
.bgf		{ border:1px solid #fff; }
/*------------------------------------ Backgrounds ------------------------------------*/
.greenbg		{ background:#4BBB40; }
.bluebg			{ background:#046ACC; }
.redbg			{ background:#FF2929; }
.magentabg		{ background:#FF82FF; }
.navybg			{ background:#134D6D; }
.blackbg		{ 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; }
.whitebg		{ background:#fff; }
.gf6bg			{ background:#f6f6f6; }
.qbg			{ background:#555; }
.blackbgh: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; }
.whitebgh:hover	{ background:#fff; }
/*------------------------------------ Icons ------------------------------------*/
.clockicon::after		{ content:"\f017"; }
.arrowrighticon::after	{ content:"\f061"; }
.arrowright2icon::after	{ content:"\f0da"; }
.arrowlefticon::after	{ content:"\f060"; }
.arrowleft2icon::after	{ content:"\f0d9"; }
.arrowupicon::after		{ content:"\f35b"; }
.arrowbottomicon::after	{ content:"\f358"; }
.searchicon::after		{ content:"\f002"; }
.circleicon::after		{ content:"\f111"; }
.eyeicon::after			{ content:"\f06e"; }
.listicon::after		{ content:"\f03a"; }
.list2icon::after		{ content:"\f0c9"; }
.copyfileicon::after	{ content:"\f0c5"; }
.homeicon::after		{ content:"\f015"; }
.settingsicon::after	{ content:"\f085"; }
.usericon::after		{ content:"\f007"; }
.profileicon::after		{ content:"\f2bb"; }
.fileicon::after		{ content:"\f15c"; }
.file2icon::after		{ content:"\f249"; }
.logouticon::after		{ content:"\f2f5"; }
.foldericon::after		{ content:"\f07c"; }
.folder2icon::after		{ content:"\f07b"; }
.editicon::after		{ content:"\f044"; }
.lockicon::after		{ content:"\f023"; }
.unlockicon::after		{ content:"\f09c"; }
.surpicon::after		{ content:"\f0a5"; }
.addicon::after			{ content:"\f14d"; }
.trashicon::after		{ content:"\f2ed"; }
.oicon::after			{ content:"\4f"; }
.messageicon::after		{ content:"\f0e0"; }
.linkicon::after		{ content:"\f0c6"; }
.plusicon::after		{ content:"\f0fe"; }
.minusicon::after		{ content:"\f146"; }
.userbanicon::after		{ content:"\f506"; }
.favoriteicon::after	{ content:"\f005"; }
.facebook::after		{ content:"\f39e"; }
.twitter::after			{ content:"\f099"; }
.instagram::after		{ content:"\e055"; }
.snapchat::after		{ content:"\f2ac"; }
.youtube::after			{ content:"\f167"; }
.linkedin::after		{ content:"\f0e1"; }
.telegram::after		{ content:"\f3fe"; }
.whatsapp::after		{ content:"\f232"; }
.tiktok::after			{ content:"\e07b"; }
.viber::after			{ content:"\f409"; }
/*------------------------------------ Fonts ------------------------------------*/
@font-face
{
	font-family:'NotoKufi';
	src:url('class/fonts/notokufi-thin.ttf') format("truetype");
	font-weight:100;
}
@font-face
{
	font-family:'NotoKufi';
	src:url('class/fonts/notokufi-extralight.ttf') format("truetype");
	font-weight:200;
}
@font-face
{
	font-family:'NotoKufi';
	src:url('class/fonts/notokufi-light.ttf') format("truetype");
	font-weight:300;
}
@font-face
{
	font-family:'NotoKufi';
	src:url('class/fonts/notokufi.ttf') format("truetype");
	font-weight:400;
}
@font-face
{
	font-family:'NotoKufi';
	src:url('class/fonts/notokufi-medium.ttf') format("truetype");
	font-weight:500;
}
@font-face
{
	font-family:'NotoKufi';
	src:url('class/fonts/notokufi-semibold.ttf') format("truetype");
	font-weight:600;
}
@font-face
{
	font-family:'NotoKufi';
	src:url('class/fonts/notokufi-bold.ttf') format("truetype");
	font-weight:700;
}
@font-face
{
	font-family:'NotoKufi';
	src:url('class/fonts/notokufi-extrabold.ttf') format("truetype");
	font-weight:800;
}
@font-face
{
	font-family:'NotoKufi';
	src:url('class/fonts/notokufi-black.ttf') format("truetype");
	font-weight:900;
}
@font-face
{
	font-family:'FontAwesome';
	font-weight:400;
	src:url("class/fonts/fontawesomeregular400.woff") format("woff");
}
@font-face
{
	font-family:'FontAwesome';
	font-weight:900;
	src:url("class/fonts/fontawesomesolid900.woff") format("woff");
}
@font-face
{
	font-family:'FontAwesome';
	font-weight:400;
	src:url("class/fonts/fontawesomebrands400.woff") format("woff");
}