/*------------------------------------ Header ------------------------------------*/
div.header
{
	height:130px;
	background:#fff;
	direction:rtl;
}
div.shape1
{
	margin:30px 25px 0 0;
}
div.shape2
{
	margin:35px 0 0 25px;
	animation:zoom 1.5s;
}
div.logo
{
	max-width:150px;
	position:relative;
	top:-250px;
}
/*------------------------------------ Menu Bar ------------------------------------*/
div.menu
{
	display:none;
	direction:ltr;
}
div.menu ul
{
	list-style-type:none;
	margin:0;
	padding:0;
}
div.menu > ul > li
{
	display:inline-block;
	position:relative;
}
div.menu a
{
	color:#3623b7;
	display:block;
	padding:17px 11px 0 11px;
	line-height:1;
	height:50px;
	font-size:14px;
}
div.menu a.active
{
	color:#3abcdb;
	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:#3abcdb;
}
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 #5C2B72;
}
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.menu	{ height:50px; display:block; }
}
div.minimenulink
{
	font:900 26px 'FontAwesome';
	padding:10px 12px;
	color:#3623b7;
	cursor:pointer;
}
div.minimenulink::after
{
	content:"\f0c9";
}
div.minimenulink:hover
{
	color:#3abcdb;
}
@media only screen and (min-width:992px)
{
	div.minimenulink	{ display:none; }
}
div.minimenu
{
	display:none;
	position:absolute;
	right:0;
	top:0;
	background:#3623b7;
	width:100%;
	min-height:100%;
	z-index:1;
	text-align:right;
}
div.minimenu ul
{
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:left;
}
div.minimenu a
{
	display:block;
	padding:8px 15px;
	color:#fff;
}
div.minimenu a:hover
{
	background:#3abcdb;
}
div.minimenu a.sublink
{
	padding:8px 50px;
}
div.minimenu span.close
{
	font:900 22px 'FontAwesome';
	padding:5px 15px;
	display:inline-block;
	cursor:pointer;
	color:#fff;
}
div.minimenu span.close:hover
{
	background:#3abcdb;
}
div.socialmedia
{
	float:left;
	margin:10px 0 0 10px;
}
div.socialmedia a
{
	font:400 18px '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;
}
@media only screen and (min-width:992px)
{
	div.socialmedia		{ margin:12px 0 0 10px; }
	div.socialmedia a	{ font-size:22px; }
}
/*------------------------------------ Blocks ------------------------------------*/
div.boxed
{
	max-width:1300px;
}
div.bodypage
{
	background:#fff;
}
div.block
{
	text-align:left;
	padding:10px;
	margin:10px 0;
	background:#fff;
}
h1.title
{
	background:#ddd;
	border-radius:3px;
	font-size:14px;
	color:#333;
	padding:4px 13px;
	display:inline-block;
	/*
	font-size:14px;
	color:#3623b7;
	padding:0 8px;
	display:inline-block;
	border-right:10px solid #3623b7;
	*/
}
h1.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:#97ebff;
	margin:0 0 2px 0;
}
div.row2
{
	background:#d8f7ff;
	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:15px; }
	h1				{ 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:#3623b7;
	padding:25px 0;
	color:#eee;
	font-weight:600;
}
div.subfooter a
{
	color:#eee;
}
div.footertitle
{
	color:#3abcdb;
	margin:0 0 10px 0;
	padding:0 2px 2px 2px;
	text-align:center;
	display:inline-block;
	border-bottom:1px solid #3abcdb;
	font-weight:700;
}
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
	{
		text-align:left;
	}
	div.footermenu
	{
		float:left;
		margin:0 0 0 25px;
	}
	div.footersocialmedia
	{
		float:left;
		margin:0 0 0 230px;
	}
	div.footersocialmedia div.socialmedia
	{
		float:none;
		margin:5px 0 0 0;
	}
	div.statistics
	{
		float:right;
		margin:0 15px 0 0;
	}
	div.datetime
	{
		float:left;
		clear:left;
		margin:15px 0 0 25px;
	}
	div.footersearch
	{
		float:left;
		margin:0 0 0 230px;
	}
	div.footersearch form
	{
		margin:0;	
	}
	div.designedby
	{
		float:right;
		margin:0 120px 0 0;
	}
}
/*------------------------------------ Footer ------------------------------------*/
div.footer
{
	min-height:50px;
	background:#3abcdb;
	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;
	}
}