/*------------------------------------ Tags ------------------------------------*/
*
{
	box-sizing:border-box;
}
html
{
	direction:rtl;
}
body
{
	color:#000;
	margin:0;
	background:#ccc;
}
body,p,ul,ol,li
{
	font:400 15px 'NotoKufi','Tahoma';
	letter-spacing:-0.5px;
	line-height:1.7;
}
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:#F25E61;
}
hr
{
	height:1px;
	border:none;
	background:#ddd;
	max-width:1000px;
	width:96%;
	margin:5px auto;
}
img
{
	max-width:100%;
	height:auto;
	margin-bottom:-9px;
}
iframe
{
	font:400 15px 'NotoKufi','Tahoma';
	color:#111;
	border:none;
	background:#FFF;
	width:100%;
	max-width:560px;
}
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:15px; }
}
/*------------------------------------ Main ------------------------------------*/
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 13px 'NotoKufi','Tahoma';
	color:#111;
	border:none;
	width:100%;
	max-width:500px;
	background:#FFF0F0;
	padding:8px 10px;
	margin:5px 0;
	display:block;
	transition:all 0.4s;
	border-radius:2px;
}
input:hover,input:focus,textarea:hover,textarea:focus,select:hover,select:focus
{
	color:#000;
	background:#FFC2C3;
	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 13px 'NotoKufi','Tahoma';
	color:#fff;
	border:none;
	background:#F25E61;
	padding:4px 12px;
	margin:0;
	display:inline-block;
	width:auto;
	outline:none;
	cursor:pointer;
	transition:all 0.2s;
	border-radius:2px;
}
button:hover,input.button:hover,a.button:hover,input[type=submit]:hover,input[type=reset]:hover
{
	color:#000;
	background:#FCBA40;
	outline:none;
}
label
{
	cursor:pointer;
}
.smallbutton
{
	padding:2px 5px;
	font-size:13px;
}
.inline
{
	display:inline-block;
}
div.pagination input[type=submit]
{
	padding:3px 5px;
	margin:3px;
}
@media only screen and (min-width:992px)
{
	input,textarea,select,button,input.button,a.button,input[type=submit],input[type=reset]	{ font-size:15px; }
	div.pagination input[type=submit] { padding:3px 7px; margin:4px; }
}
/*------------------------------------ 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
{
	width:100%;
	height:auto;
	max-width:3000px;
	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	{ width:auto; height:99%; }
}








/*------------------------------------ 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; }
.opacity0	{ opacity:0; }
.opacity1	{ opacity:1; }
div.clearfix::after
{
	content:"";
	clear:both;
	display:table;
}
div#backtotop
{
	bottom:40px;
	right:25px;
}
/*------------------------------------ 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%; }
.hvh100		{ height:100vh; }
.xw50		{ max-width:50px; }
.xw100		{ max-width:100px; }
.xw150		{ max-width:150px; }
.xw200		{ max-width:200px; }
.xw250		{ max-width:250px; }
.xw300		{ max-width:300px; }
.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; }
.w0			{ width:0; }
.w50		{ width:50px; }
.w100		{ width:100px; }
.w150		{ width:150px; }
.w200		{ width:200px; }
.w250		{ width:250px; }
.w300		{ width:300px; }
.w375		{ width:375px; }
.w400		{ width:400px; }
.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; }
.h350		{ height:350px; }
.h400		{ height:400px; }
.h450		{ height:450px; }
.h500		{ height:500px; }
/*------------------------------------ Margins ------------------------------------*/
.m0			{ margin:0; }
.mr5		{ margin-right:5px; }
.mr10		{ margin-right:10px; }
.mr15		{ margin-right:15px; }
.mr20		{ margin-right:20px; }
.mr25		{ margin-right:25px; }
.mr50		{ margin-right:50px; }
.mr100		{ margin-right:100px; }
.ml5		{ margin-left:5px; }
.ml10		{ margin-left:10px; }
.ml15		{ margin-left:15px; }
.ml20		{ margin-left:20px; }
.ml25		{ margin-left:25px; }
.ml50		{ margin-left:50px; }
.ml100		{ margin-left:100px; }
.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; }
.mx100		{ margin-right:100px; margin-left:100px; }
.mxauto		{ margin-right:auto; margin-left:auto; }
.mt5		{ margin-top:5px; }
.mt10		{ margin-top:10px; }
.mt15		{ margin-top:15px; }
.mt20		{ margin-top:20px; }
.mt25		{ margin-top:25px; }
.mt50		{ margin-top:50px; }
.mt100		{ margin-top:100px; }
.mb5		{ margin-bottom:5px; }
.mb10		{ margin-bottom:10px; }
.mb15		{ margin-bottom:15px; }
.mb20		{ margin-bottom:20px; }
.mb25		{ margin-bottom:25px; }
.mb50		{ margin-bottom:50px; }
.mb100		{ margin-bottom:100px; }
.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; }
.pr5		{ padding-right:5px; }
.pr10		{ padding-right:10px; }
.pr15		{ padding-right:15px; }
.pr20		{ padding-right:20px; }
.pr25		{ padding-right:25px; }
.pr50		{ padding-right:50px; }
.pl5		{ padding-left:5px; }
.pl10		{ padding-left:10px; }
.pl15		{ padding-left:15px; }
.pl20		{ padding-left:20px; }
.pl25		{ padding-left:25px; }
.pl50		{ padding-left:50px; }
.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; }
.pt5		{ padding-top:5px; }
.pt10		{ padding-top:10px; }
.pt15		{ padding-top:15px; }
.pt20		{ padding-top:20px; }
.pt25		{ padding-top:25px; }
.pt50		{ padding-top:50px; }
.pb5		{ padding-bottom:5px; }
.pb10		{ padding-bottom:10px; }
.pb15		{ padding-bottom:15px; }
.pb20		{ padding-bottom:20px; }
.pb25		{ padding-bottom:25px; }
.pb50		{ padding-bottom:50px; }
.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; }
.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'; }
/*------------------------------------ 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; }
.circle		{ border-radius:50%; width:225px; height:auto; }
/*------------------------------------ Colors ------------------------------------*/
.green		{ color:#080; }
.blue		{ color:#00f; }
.red		{ color:#F25E61; }
.magenta	{ color:#f0f; }
.navy		{ color:#FCBA40; }
.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:#080; }
.bluebg		{ background:#00f; }
.redbg		{ background:#f00; }
.magentabg	{ background:#f0f; }
.navybg		{ background:#FCBA40; }
.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; }
.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; }
.bgh1:hover		{ background:#10415C; }
.bgh2:hover		{ background:#DDF3FF; }
/*------------------------------------ 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"; }
.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"; }
.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"; }
/*------------------------------------ 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); }












.graybg		{ background:#777; color:#fff; }
.gray		{ color:#777; }
.gray2		{ color:#ccc; }
.fvc		{ display:flex; align-items:center; }
.fhc		{ display:flex; justify-content:center; }
.badge		{ border-radius:25px; text-align:center; display:inline; padding:2px 8px; }
/*------------------------------------ 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; }
}
/*------------------------------------ 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	{ display:0; }
	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('https://www.economy-news.net/class/fonts/notokufi-thin.ttf') format("truetype");
	font-weight:100;
}
@font-face
{
	font-family:'NotoKufi';
	src:url('https://www.economy-news.net/class/fonts/notokufi-extralight.ttf') format("truetype");
	font-weight:200;
}
@font-face
{
	font-family:'NotoKufi';
	src:url('https://www.economy-news.net/class/fonts/notokufi-light.ttf') format("truetype");
	font-weight:300;
}
@font-face
{
	font-family:'NotoKufi';
	src:url('https://www.economy-news.net/class/fonts/notokufi.ttf') format("truetype");
	font-weight:400;
}
@font-face
{
	font-family:'NotoKufi';
	src:url('https://www.economy-news.net/class/fonts/notokufi-medium.ttf') format("truetype");
	font-weight:500;
}
@font-face
{
	font-family:'NotoKufi';
	src:url('https://www.economy-news.net/class/fonts/notokufi-semibold.ttf') format("truetype");
	font-weight:600;
}
@font-face
{
	font-family:'NotoKufi';
	src:url('https://www.economy-news.net/class/fonts/notokufi-bold.ttf') format("truetype");
	font-weight:700;
}
@font-face
{
	font-family:'NotoKufi';
	src:url('https://www.economy-news.net/class/fonts/notokufi-extrabold.ttf') format("truetype");
	font-weight:800;
}
@font-face
{
	font-family:'NotoKufi';
	src:url('https://www.economy-news.net/class/fonts/notokufi-black.ttf') format("truetype");
	font-weight:900;
}
@font-face
{
	font-family:'FontAwesome';
	font-weight:400;
	src:url("https://www.economy-news.net/class/fonts/fontawesomeregular400.woff") format("woff");
}
@font-face
{
	font-family:'FontAwesome';
	font-weight:900;
	src:url("https://www.economy-news.net/class/fonts/fontawesomesolid900.woff") format("woff");
}
@font-face
{
	font-family:'FontAwesome';
	font-weight:400;
	src:url("https://www.economy-news.net/class/fonts/fontawesomebrands400.woff") format("woff");
}