/*------------------------------------ Top Bar ------------------------------------*/
div.topbar
{
	padding:10px 0;
	background:rgba(0,0,0,0.2);
	color:#fff;
	position:absolute;
	top:-75px;
	width:100%;
}
div.topmenu
{}
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 0 0 0;
}
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
	{
		height:50px;
	}
	div.topmenu
	{
		float:right;
		margin:5px 10px 0 0;
	}
	div.staycontact
	{
		float:left;
		margin:5px 0 0 10px;
	}
}
/*------------------------------------ Header ------------------------------------*/
div.header
{
	padding:10px;
	background:url('../../images/header3.jpg');
	height:250px;
}
div.logo
{
	max-width:300px;
	height:auto;
	margin:30px 0 0 0;
	position:relative;
	top:-250px;
}
div.sitename
{
	font:400 33px 'HacenAlgeriaHd';
	color:#fed100;
	text-shadow:4px 0 4px #000;
	animation:zoom 1.5s;
	margin:10px 0 0 0;
}
div.domain
{
	font:400 17px 'HacenAlgeriaHd';
	color:#0083ff;
	text-shadow:1px 0 1px #000;
	animation:zoom 2s;
	margin:5px 0 0 0;
}
@media only screen and (min-width:992px)
{
	div.header
	{
		padding:15px 0;
	}
	div.logo
	{
		max-width:334px;
		margin:25px 0 0 0;
	}
	div.sitename
	{
		margin:0;
	}
	div.domain
	{
		margin:5px 0 0 0;
	}
}
/*------------------------------------ Menu Bar ------------------------------------*/
div.menubar
{
	background:#111;
}
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 #000;
}
div.menu > ul > li:first-child
{
	border-right:1px solid #000;
}
div.menu a
{
	color:#eee;
	display:block;
	padding:17px 11px 0 11px;
	line-height:1;
	height:50px;
}
div.menu a.active
{
	color:#000;
	background:#0083FF;
	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)
{
	color:#000;
	background:#FED100;
}
div.menu li:hover > ul
{
	display:block;
}
div.menu ul ul
{
	right:0;
	top:100%;
	display:none;
	z-index:1;
	background:#111;
	width:100%;
	position:absolute;
}
div.menu li li:not(:last-child)
{
	border-bottom:1px solid #000;
}
div.menu ul ul a
{
	padding:11px;
	height:42px;
}
div.menu ul ul ul
{
	left:100%;
	top:0;
}
@media only screen and (min-width:1190px)
{
	div.menubar	{ height:50px; }
	div.menu	{ display:block; }
}
div.minimenulink
{
	float:right;
	font:900 22px 'FontAwesome';
	padding:5px 10px;
	color:#fff;
	cursor:pointer;
}
div.minimenulink::after
{
	content:"\f0c9";
}
div.minimenulink:hover
{
	color:#000;
	background:#0083FF;
}
@media only screen and (min-width:1190px)
{
	div.minimenulink	{ display:none; }
}
div.minimenu
{
	display:none;
	position:absolute;
	left:0;
	top:0;
	background:#222;
	width:100%;
	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:900;
	padding:8px 15px;
	color:#fff;
}
div.minimenu a:hover
{
	color:#000;
	background:#0083FF;
}
div.minimenu a.sublink
{
	padding:10px 30px;
	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:#000;
	background:#0083FF;
}
div.socialmedia
{
	float:left;
	margin:10px 0 0 10px;
}
div.socialmedia a
{
	font:400 15px 'FontAwesome';
	color:#eee;
	display:inline-block;
	margin:0 2px;
}
a.facebook::after
{
	content:"\f39e";
}
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:1190px)
{
	div.socialmedia		{ margin:15px 0 0 10px; }
	div.socialmedia a	{ font-size:18px; }
}
/*------------------------------------ Move Text Bar ------------------------------------*/
div.movetextbar
{
	background:#333;
	color:#eee;
}
div.titlemovetext
{
	display:none;
}
div.titlemovetext a
{
	display:block;
	background:#666;
	color:#000;
	height:50px;
	line-height:50px;
	padding:0 10px;
	transition:all 0.2s;
}
div.titlemovetext a:hover
{
	background:#0083FF;
	color:#fff;
}
div.titlemovetext a::before
{
	font:900 16px 'FontAwesome';
	content:"\f053";
	padding:0 0 0 5px;
}
div.movetext
{
	height:40px;
	line-height:40px;
	margin:0 5px;
	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:#000;
}
@media only screen and (min-width:1190px)
{
	div.movetextbar
	{
		height:50px;
	}
	div.titlemovetext
	{
		display:block;
		float:right;
	}
	div.movetext
	{
		float:right;
		width:900px;
		height:50px;
		line-height:50px;
	}
}
div.searchform
{
	margin:10px auto;
}
div.searchform input
{
	text-align:center;
	width:100px;
	background:#fff;
	padding:2px 4px;
	margin:0;
	display:inline-block;
}
div.searchform button[type=submit]
{
	width:22px;
	height:23px;
	padding:0;
	margin:0;
	color:#fff;
	background:none;
	vertical-align:middle;
	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:1190px)
{
	div.searchform
	{
		float:left;
		margin:9px 0 0 10px;
	}
}
/*------------------------------------ Blocks ------------------------------------*/
div.boxed
{
	max-width:1200px;
	position:relative;
}
div.bodypage
{
	background:#fff;
}
div.block
{
	text-align:right;
	padding:10px;
	margin:5px 0;
	background:#fff;
}
div.title
{
	background:#0083FF;
	color:#fff;
	border-radius:5px;
	text-align:right;
	padding:3px 10px;
	margin:0 0 15px 0;
	display:inline-block;
}
div.title img
{
	vertical-align:middle;
	margin:0 0 5px 10px;
}
div.row
{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
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:#D4E5FF;
	margin:0 0 2px 0;
}
div.row2
{
	background:#F0F6FF;
	margin:0 0 2px 0;
}
div.row2:hover
{
	background:#eee;
}
@media only screen and (min-width:992px)
{
	div.block		{ padding:15px; }
	div.title		{ padding:5px 15px; }
	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.col100		{ flex:100%; max-width:100%; }
}
/*------------------------------------ SubFooter ------------------------------------*/
div.subfooter
{
	background:#222;
	padding:10px 0;
	color:#eee;
}
div.subfooter a
{
	color:#eee;
}
div.footertitle
{
	color:#0083FF;
	margin:0 0 10px 0;
	padding:0 2px 2px 2px;
	text-align:center;
	display:inline-block;
	border-bottom:1px solid #0083FF;
}
div.footermenu
{
	max-width:360px;
}
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 18px 'FontAwesome';
	display:inline-block;
	margin:0 2px;
}
div.datetime
{
	margin:15px 0 0 0;
	width:360px;
}
div.datetime span
{
	display:inline-block;
	width:60px;
	text-align:left;
}
div.datetime i::after
{
	font:900 16px 'FontAwesome';
	content:"\f017";
}
div.footerstaycontact
{
	margin:15px 0 0 0;
}
div.footerstaycontact div.staycontact
{
	margin:0;
}
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:992px)
{
	div.subfooter
	{
		padding:35px 0;
	}
	div.subfooter div.boxed
	{
		text-align:right;
	}
	div.footermenu
	{
		float:right;
		margin:0 10px 0 0;
	}
	div.footersocialmedia
	{
		float:right;
		margin:0 200px 0 0;
	}
	div.footersocialmedia div.socialmedia
	{
		float:none;
		margin:5px 0 0 0;
	}
	div.statistics
	{
		float:left;
		margin:0 0 0 10px;
	}
	div.datetime
	{
		float:right;
		clear:right;
		margin:15px 10px 0 0;
	}
	div.footerstaycontact
	{
		float:right;
		margin:0 200px 0 0;
	}
	div.footerstaycontact div.staycontact
	{
		float:none;
		margin:0;
	}
	div.designedby
	{
		float:left;
		margin:0 0 0 130px;
	}
}
/*------------------------------------ Footer ------------------------------------*/
div.footer
{
	min-height:50px;
	background:#444;
	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;
	}
}