
/*------------------------------------ Top Bar ------------------------------------*/
div.topbar
{
	padding:0 0 10px 0;
	background:rgba(0,0,0,0.4);
	color:#fff;
	position:absolute;
	top:-75px;
	width:100%;
}
div.topmenu
{
	margin:10px auto 0 auto;
}
div.topmenu a
{
	display:inline-block;
	padding:0 7px;
	line-height:1.0;
	color:#fff;
}
div.topmenu a:hover
{
	text-decoration:underline;
}
div.topmenu a:not(:last-child)
{
	border-left:1px solid #ddd;
}
div.staycontact
{
	margin:10px auto 0 auto;
}
div.staycontact span
{}
div.staycontact span::before
{
	font:900 15px 'FontAwesome';
	content:"\f095";
	padding:0 5px 0 0;
}
div.staycontact a
{
	text-transform:lowercase;
	color:#fff;
}
div.staycontact a:hover
{
	text-decoration:underline;
}
div.staycontact a::before
{
	font:700 15px 'FontAwesome';
	content:"\f0e0";
	padding:0 5px 0 0;
}
@media only screen and (min-width:992px)
{
	div.topbar		{ padding:15px 0; }
	div.topmenu		{ margin:0 15px 0 0; }
	div.staycontact	{ margin:0 0 0 15px; }
}
/*------------------------------------ Header ------------------------------------*/
div.header
{
	height:250px;
	background:url('../../images/header.jpg');
	display:none;
}
div.shape1
{
	margin:77px auto 0 auto;
}
div.shape2
{
	display:none;
	animation:zoom 1.5s;
	max-width:380px;
	margin:62px 0 0 0;
}
div.logo
{
	max-width:65px;
	position:relative;
	top:-250px;
}
div.sitename
{
	font:400 24px 'HacenAlgeriaHd';
	color:#fff;
	animation:zoom 1.5s;
}
div.domain
{
	font:900 14px 'Myriad';
	color:#eee;
	letter-spacing:1px;
	animation:zoom 1.5s;
}
@media only screen and (min-width:992px)
{
	div.shape1		{ display:grid; margin:100px 25px 0 0; max-height:108px;
						grid-template-areas:
							'logo sitename sitename sitename sitename sitename'
							'logo domain domain domain domain domain'; }
	div.shape2		{ display:block; }
	div.logo		{ grid-area:logo; max-width:79px; }
	div.sitename	{ grid-area:sitename; font-size:26px; padding:20px 15px 0 0; }
	div.domain		{ grid-area:domain; font-size:16px; padding:0 0 10px 0; }
}
/*------------------------------------ Menu Bar ------------------------------------*/
div.menubar
{
	background:#1f2834;
	display:none;
}
div.menu
{
	float:right;
	display:none;
}
div.menu ul
{
	list-style-type:none;
	margin:0;
	padding:0;
}
div.menu > ul > li
{
	float:right;
	position:relative;
	border-left:1px solid #151b23;
}
div.menu > ul > li:first-child
{
	border-right:1px solid #151b23;
}
div.menu a
{
	color:#fff;
	display:block;
	padding:17px 11px 0 11px;
	line-height:1;
	height:50px;
}
div.menu a.active
{
	color:#fff;
	background:#181f29;
	cursor:auto;
}
div.menu a.homeicon
{
	font:900 22px 'FontAwesome';
	width:50px;
	height:50px;
	padding:13px 0 0 0;
}
div.menu a.homeicon::after
{
	content:"\f015";
}
div.menu li:hover > a:not(.active)
{
	background:#f68a21;
}
div.menu li:hover > ul
{
	display:block;
}
div.menu ul ul
{
	width:100%;
	right:0;
	top:100%;
	display:none;
	z-index:1;
	background:#36064B;
	position:absolute;
}
div.menu li li:not(:last-child)
{
	border-bottom:1px solid #151b23;
}
div.menu ul ul a
{
	padding:11px;
	height:42px;
}
div.menu ul ul ul
{
	left:100%;
	top:0;
}
@media only screen and (min-width:992px)
{
	div.menubar	{ height:50px; }
	div.menu	{ display:block; }
}
div.minimenulink
{
	float:right;
	font:900 22px 'FontAwesome';
	padding:10px 12px;
	color:#fff;
	cursor:pointer;
}
div.minimenulink::after
{
	content:"\f0c9";
}
div.minimenulink:hover
{
	background:#f68a21;
}
@media only screen and (min-width:992px)
{
	div.minimenulink	{ display:none; }
}
div.minimenu
{
	display:none;
	position:absolute;
	left:0;
	top:0;
	background:#1f2834;
	width:100%;
	min-height:100%;
	z-index:1;
	text-align:left;
}
div.minimenu ul
{
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:right;
}
div.minimenu a
{
	display:block;
	font-weight:700;
	padding:8px 15px;
	color:#fff;
}
div.minimenu a:hover
{
	color:#232f3d;
	background:#f68a21;
}
div.minimenu a.sublink
{
	padding:8px 50px;
	font-weight:400;
}
div.minimenu span.close
{
	font:900 22px 'FontAwesome';
	padding:5px 15px;
	display:inline-block;
	cursor:pointer;
	color:#fff;
}
div.minimenu span.close:hover
{
	color:#232f3d;
	background:#f68a21;
}
div.socialmedia
{
	float:left;
	margin:10px 0 0 10px;
}
div.socialmedia a
{
	font:400 20px 'FontAwesome';
	color:#eee;
	display:inline-block;
	margin:0 3px;
}
a.facebook::after
{
	content:"\f082";
}
a.facebook:hover
{
	color:#3F71C1;
}
a.twitter::after
{
	content:"\f099";
}
a.twitter:hover
{
	color:#1EC7FF;
}
a.youtube::after
{
	content:"\f167";
}
a.youtube:hover
{
	color:#CD1717;
}
a.instagram::after
{
	content:"\f16d";
}
a.instagram:hover
{
	color:#C02994;
}
a.google::after
{
	content:"\f1a0";
}
a.google:hover
{
	color:#E3411F;
}
a.telegram::after
{
	content:"\f3fe";
}
a.telegram:hover
{
	color:#31A0D8;
}
a.linkedin::after
{
	content:"\f0e1";
}
a.linkedin:hover
{
	color:#0177B5;
}
a.dribbble::after
{
	content:"\f17d";
}
a.dribbble:hover
{
	color:#E94FE0;
}
a.pinterest::after
{
	content:"\f231";
}
a.pinterest:hover
{
	color:#CA1F27;
}
a.behance::after
{
	content:"\f1b4";
}
a.behance:hover
{
	color:#0051DB;
}
a.whatsapp::after
{
	content:"\f232";
}
a.whatsapp:hover
{
	color:#48A91F;
}
a.viber::after
{
	content:"\f409";
}
a.viber:hover
{
	color:#784F98;
}
a.rss::after
{
	content:"\f09e";
	font-weight:900;
}
a.rss:hover
{
	color:#FF9418;
}
a.map::after
{
	content:"\f3c5";
	font-weight:900;
}
a.map:hover
{
	color:#080;
}
@media only screen and (min-width:992px)
{
	div.socialmedia		{ margin:12px 0 0 10px; }
	div.socialmedia a	{ font-size:22px; }
}
/*------------------------------------ Move Text Bar ------------------------------------*/
div.movetextbar
{
	background:#36455a;
	display:none;
}
div.titlemovetext
{
	display:none;
}
div.titlemovetext a
{
	color:#fff;
	background:#485c78;
	display:block;
	line-height:50px;
	transition:all 0.2s;
}
div.titlemovetext a:hover
{
	background:#181f29;
}
div.titlemovetext a::before
{
	font:900 16px 'FontAwesome';
	content:"\f053";
	padding:0 0 0 5px;
}
div.movetext
{
	width:100%;
	line-height:50px;
	overflow:hidden;
	position:relative;
}
div.movetext div
{
	position:absolute;
	top:0;
	left:100%;
	white-space:nowrap;
}
div.movetext a
{
	color:#fff;
}
div.movetext a:hover
{
	color:#ffee00;
}
div.searchform
{
	margin:0 auto 10px auto;
}
div.searchform input
{
	width:135px;
	background:#fff;
	padding:2px 10px;
	display:inline-block;
}
div.searchform button[type=submit]
{
	color:#fff;
	background:none;
	transition:transform 0.5s;
}
div.searchform button[type=submit]:hover
{
	transform:rotate(360deg);
}
div.searchform button[type=submit]::after
{
	font:900 18px 'FontAwesome';
	content:"\f002";
}
@media only screen and (min-width:1300px)
{
	div.movetextbar		{ height:50px; }
	div.titlemovetext	{ display:block; }
	div.movetext		{ width:975px; }
	div.searchform		{ margin:3px 0 0 7px; }
}
/*------------------------------------ Blocks ------------------------------------*/
div.boxed
{
	max-width:1300px;
}
div.bodypage
{
	background:#fff;
}
div.block
{
	text-align:right;
	padding:10px;
	margin:10px 0;
	background:#fff;
}
div.title
{
	background:#ddd;
	border-radius:3px;
	font-size:14px;
	font-weight:700;
	color:#333;
	padding:4px 13px;
	display:inline-block;
	/*
	border-right:6px solid #333;
	font-weight:700;
	*/
}
div.title img
{
	vertical-align:middle;
	margin:0 0 5px 10px;
}
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.row1
{
	background:#b7d6ff;
	margin:0 0 2px 0;
}
div.row2
{
	background:#eff6ff;
	margin:0 0 2px 0;
}
div.row2:hover
{
	background:#eee;
}
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.block		{ padding:25px; }
	div.title		{ font-size:16px; }
	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; }
}
/*------------------------------------ SubFooter ------------------------------------*/
div.subfooter
{
	background:#1f2834;
	padding:25px 0;
	color:#eee;
}
div.subfooter a
{
	color:#eee;
}
div.footertitle
{
	color:#f68a21;
	margin:0 0 10px 0;
	padding:0 2px 2px 2px;
	text-align:center;
	display:inline-block;
	border-bottom:1px solid #f68a21;
}
div.footermenu
{
	max-width:320px;
}
div.footermenu a
{
	display:inline-block;
	line-height:1;
	margin-bottom:5px;
}
div.footermenu a:hover
{
	text-decoration:underline;
}
div.footermenu a:not(:last-child)
{
	border-left:1px solid #aaa;
	padding:0 3px 0 7px;
}
div.footersocialmedia
{
	margin:15px 0 0 0;
}
div.footersocialmedia a
{
	font:400 20px 'FontAwesome';
	display:inline-block;
	margin:0 2px;
}
div.datetime
{
	margin:15px 0 0 0;
	width:320px;
}
div.datetime span
{
	display:inline-block;
	width:60px;
	text-align:left;
}
div.datetime i::after
{
	font:900 16px 'FontAwesome';
	content:"\f017";
}
div.footersearch
{
	margin:15px 0 0 0;
}
div.footersearch input
{
	width:150px;
	background:#fff;
	padding:2px 10px;
	display:inline-block;
}
div.footersearch button
{
	color:#fff;
	background:none;
	transition:transform 0.5s;
}
div.footersearch button:hover
{
	transform:rotate(360deg);
}
div.footersearch button::after
{
	font:900 18px 'FontAwesome';
	content:"\f002";
}
div.statistics
{
	margin:15px 0 0 0;
}
div.statistics b
{
	color:#888;
	margin:0 0 0 5px;
}
div.designedby
{
	margin:15px 0 0 0;
}
@media only screen and (min-width:1100px)
{
	div.subfooter div.boxed
	{
		text-align:right;
	}
	div.footermenu
	{
		float:right;
		margin:0 25px 0 0;
	}
	div.footersocialmedia
	{
		float:right;
		margin:0 230px 0 0;
	}
	div.footersocialmedia div.socialmedia
	{
		float:none;
		margin:5px 0 0 0;
	}
	div.statistics
	{
		float:left;
		margin:0 0 0 15px;
	}
	div.datetime
	{
		float:right;
		clear:right;
		margin:15px 25px 0 0;
	}
	div.footersearch
	{
		float:right;
		margin:0 230px 0 0;
	}
	div.footersearch form
	{
		margin:0;	
	}
	div.designedby
	{
		float:left;
		margin:0 0 0 130px;
	}
}
/*------------------------------------ Footer ------------------------------------*/
div.footer
{
	min-height:50px;
	background:#36455a;
	color:#fff;
}
div.footer span
{
	font-family:'Tahoma';
	letter-spacing:1px;
}
div.footer div.copyright
{
	padding:15px 0;
}
@media only screen and (min-width:992px)
{
	div.footer
	{
		font-size:14px;
	}
}