/*------------------------------------ Fast Content ------------------------------------*/
.fastcontent
{
	position:fixed;
	bottom:0;
	background:#F25E61;
}
.fastcontent span
{
	color:#FCBA40;
}
.fastcontent a
{
	color:#111;
}
.fastcontent a:hover
{
	color:#FCBA40;
}
/*------------------------------------ List Latest ------------------------------------*/
div.listlatesttitle
{
	border-right:6px solid #2BAEA2;
	padding:0 10px 0 0;
	color:#2BAEA2;
	cursor:pointer;
	display:inline-block;
	margin:5px 0;
}
div.listlatestdate::before
{
	font:900 14px 'FontAwesome';
	content:"\f017";
	padding:0 5px 0 0;
}
/*------------------------------------ List Latest2 ------------------------------------*/
div.listlatest2
{
	background:#eee;
}
div.listlatest2name
{
	font-size:15px;
	background:#583190;
	color:#fff;
}
div.listlatest2div
{
	width:270px;
	margin:20px auto;
}
a.listlatest2previous,a.listlatest2next
{
	font:900 22px 'FontAwesome';
	cursor:pointer;
}
a.listlatest2previous:before
{
	content:"\f060";
}
a.listlatest2next:before
{
	content:"\f061";
}
div.listlatest2blocks
{
	display:flex;
	flex-flow:row nowrap;
	justify-content:right;
	position:relative;
	overflow:hidden;
}
div.listlatest2block
{
	min-width:260px;
	width:260px;
	height:220px;
	margin:5px;
	position:relative;
	overflow:hidden;
}
div.listlatest2block img
{
	width:100%;
	height:100%;
	transition:all 3s;
	cursor:pointer;
}
div.listlatest2block img:hover
{
	transform:scale(1.2);
}
div.listlatest2text
{
	color:#fff;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	height:0;
	background:rgba(0,0,0,0.4);
	line-height:normal;
	transition:all 0.5s;
}
div.listlatest2block:hover div.listlatest2text
{
	height:60px;
}
@media only screen and (min-width:992px)
{
	div.listlatest2name	{ font-size:17px; }
	div.listlatest2div	{ width:1080px; }
}
/*------------------------------------ Vote ------------------------------------*/
div.votes
{
	margin:25px 10px;
	text-align:right;
}
div.votetitle
{
	border-right:6px solid #2BAEA2;
	padding:0 10px 0 0;
	font-size:18px;
	font-weight:700;
	line-height:1.4;
	color:#2BAEA2;
	display:inline-block;
	margin:5px 0;
}
div.votetext
{}
div.voteoption
{}
div.voteresult
{
	display:none;
}
div[class^='votebar']
{
	width:4px;
	height:15px;
	display:inline-block;
}
div.votebar1
{
	background:#00f;
}
div.votebar2
{
	background:#f00;
}
div.votebar3
{
	background:#080;
}
div.votebar4
{
	background:#f0f;
}
div.votebar5
{
	background:#f80;
}
div.votebar6
{
	background:#08f;
}
div.votebar7
{
	background:#088;
}
div.votebar8
{
	background:#888;
}
div.votebar9
{
	background:#222;
}
div.votebar10
{
	background:#ff0;
}
/*------------------------------------ More View ------------------------------------*/
div.moreviewstitle
{
	border-right:6px solid #2BAEA2;
	padding:0 10px 0 0;
	color:#2BAEA2;
	cursor:pointer;
	display:inline-block;
	margin:5px 0;
}
/*------------------------------------ Maillist ------------------------------------*/
div.maillist
{}
div.maillisttitle
{
	font-size:20px;
	color:#2BAEA2;
}
@media only screen and (min-width:992px)
{
	div.maillisttitle	{ font-size:24px; }
}
/*------------------------------------ Random ------------------------------------*/
div.randomtitle
{
	border-right:6px solid #2BAEA2;
	padding:0 10px 0 0;
	color:#2BAEA2;
	cursor:pointer;
	display:inline-block;
	margin:5px 0;
}
/*------------------------------------ ImportantSite ------------------------------------*/
div.importantsite
{
	text-align:right;
}
div.importantsitetitle
{
	border-right:6px solid #2BAEA2;
	padding:0 10px 0 0;
	font-size:18px;
	font-weight:700;
	line-height:1.4;
	color:#2BAEA2;
	cursor:pointer;
	display:inline-block;
	margin:5px 0;
}
div.importantsite span::before
{
	font:900 16px 'FontAwesome';
	content:"\f0d9";
	margin:0 5px;
}
div.importantsite img
{
	width:100%;
	max-width:300px;
}
/*------------------------------------ Advertisement ------------------------------------*/
div.advertisement
{}
div.advertisement>div
{
	padding:15px 15px 0 15px;
}
@media only screen and (min-width:992px)
{
	div.advertisement>div
	{
		padding:15px;
	}
}
/*------------------------------------ Category Latest1 ------------------------------------*/
div.categorylatest1
{
	background:#eee;
	margin:20px 0;
	padding:15px 10px;
}
div.cl1header
{
	justify-content:space-between;
	margin:10px;
}
div.categorylatest1title
{
	border-right:6px solid #583190;
	padding:10px 10px 0 0;
	font-size:18px;
	font-weight:700;
	line-height:1.4;
	color:#583190;
	display:inline-block;
}
div.categorylatest1first
{
	height:445px;
	background-position:center;
	background-size:cover;
	cursor:pointer;
	position:relative;
	overflow:hidden;
}
div.categorylatest1firsttext
{
	text-align:right;
	position:absolute;
	bottom:45px;
	color:#fff;
	font-size:18px;
	font-weight:700;
	line-height:1.4;
	padding:0 20px;
}
div.categorylatest1firstdate
{
	text-align:right;
	position:absolute;
	bottom:15px;
	color:#fff;
	padding:0 20px;
	font-size:14px;
	line-height:1;
}
div.categorylatest1firstdate::before
{
	font:900 14px 'FontAwesome';
	content:"\f017";
	padding:0 5px 0 0;
}
div.categorylatest1block
{
	height:100px;
	margin:15px 0 0 0;
	text-align:right;
}
div.categorylatest1image
{}
div.categorylatest1image img
{
	width:100%;
	height:100px;
}
div.categorylatest1text
{
	height:80px;
	padding:0 10px 0 0;
	overflow:hidden;
	line-height:1.34;
}
div.categorylatest1date
{
	height:20px;
	padding:5px 10px 0 0;
	color:#555;
	font-size:13px;
	line-height:1;
}
div.categorylatest1date::before
{
	font:900 13px 'FontAwesome';
	content:"\f017";
	padding:0 5px 0 0;
}
@media only screen and (min-width:992px)
{
	div.cl1header
	{
		margin:10px 20px;
	}
	div.categorylatest1
	{
		margin:35px 0;
		padding:20px 25px;
	}
	div.categorylatest1block
	{
		padding:0 10px 0 0;
		margin:0 0 15px 0;
	}
}
/*------------------------------------ Category Latest2 ------------------------------------*/
div.categorylatest2
{}
div.cl2name
{
	padding:3px 10px;
	font-size:15px;
	background:#583190;
	color:#fff;
}
div.cl2block
{
	width:100%;
	max-width:330px;
}
div.cl2image img
{
	width:100%;
	height:100%;
	max-height:200px;
	transition:all 3s;
}
div.cl2image img:hover
{
	transform:scale(1.2);
}
@media only screen and (min-width:992px)
{
	div.cl2name			{ font-size:17px; }
	div.cl2block		{ max-width:295px; }
}
/*------------------------------------ categorylatest3 ------------------------------------*/
div.categorylatest3
{
	text-align:right;
	margin:0 10px;
}
div.categorylatest3title
{
	background:#822B84;
	margin:10px 0;
	color:#fff;
	padding:5px 10px;
	cursor:pointer;
}
div.categorylatest3title::before
{
	font:900 14px 'FontAwesome';
	content:"\f111";
	padding:0 0 0 5px;
}
div.categorylatest3block
{
	margin:0 0 10px 0;
	padding:10px;
	background:#eee;
	border-right:6px solid #822B84;
}
div.categorylatest3text
{}
div.categorylatest3text a
{
	color:#822B84;
}
div.categorylatest3text a:hover
{
	color:#f00;
}
@media only screen and (min-width:992px)
{
	div.categorylatest3
	{
		margin:0 15px;
	}
}
/*------------------------------------ categorylatest4 ------------------------------------*/
div.categorylatest4
{
	text-align:right;
	border-right:6px solid #822B84;
}
div.categorylatest4title
{
	background:#822B84;
	margin:10px 0;
	color:#fff;
	padding:5px 10px;
	cursor:pointer;
}
div.categorylatest4title::before
{
	font:900 14px 'FontAwesome';
	content:"\f111";
	padding:0 0 0 5px;
}
div.categorylatest4block
{
	margin:0 0 10px 0;
	padding:10px;
	background:#eee;
}
div.categorylatest4text a
{
	color:#822B84;
}
div.categorylatest4text a:hover
{
	color:#f00;
}
div.categorylatest4text a::before
{
	font:900 14px 'FontAwesome';
	content:"\f060";
	padding:0 0 0 5px;
}
div.categorylatest4image
{
	height:150px;
	text-align:center;
	margin:10px 0 0 0;
}
div.categorylatest4image img
{
	width:100%;
	max-width:250px;
	height:100%;
}
@media only screen and (min-width:992px)
{
	div.categorylatest4
	{
		margin:0 0 0 20px;
	}
	div.categorylatest4image
	{
		text-align:left;
		margin:0;
	}
}
/*------------------------------------ Category Latest5 ------------------------------------*/
div.categorylatest5
{}
div.cl5image img
{
	width:100%;
	height:100%;
	transition:all 2s;
}
div.cl5image img:hover
{
	transform:scale(1.2);
}
@media only screen and (min-width:992px)
{
	div.cl5block	{ padding-right:15px; }
	div.cl5block2	{ max-width:225px; }
}
/*------------------------------------ Categories Icons ------------------------------------*/
div.categoryicons
{
	background:#eee;
	margin:20px 0;
	padding:10px;
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
}
div.categoryicon
{
	max-width:350px;
	margin:10px 0 15px 0;
}
div.cititle a
{
	font-size:22px;
	color:#555;
	margin:0 0 10px 0;
	padding:0 0 3px 0;
	display:inline-block;
	border-bottom:1px dotted #999;
}
div.cititle a:hover
{
	color:#0D7C00;
	text-decoration:underline;
}
div.citext
{
	font-size:14px;
}
div.citext a.button
{
	margin:8px 0 0 0;
}
@media only screen and (min-width:992px)
{
	div.categoryicons
	{
		padding:15px;
		margin:20px 0 20px 20px;
		border-radius:5px;
	}
	div.categoryicon
	{
		margin:20px 15px;
	}
	div.cititle a
	{
		font-size:26px;
	}
	div.citext
	{
		font-size:15px;
	}
}
/*------------------------------------ All Categories ------------------------------------*/
div.allcategories
{}
div.allcategories > div
{
	flex:100%;
	max-width:100%;
	margin:10px;
	padding:10px;
	border:1px dashed #bbb;
	border-radius:10px;
}
div.allcategories > div:hover
{
	background:#f4f4f4;
}
div.allcategories img
{
	max-width:60%;
}
@media only screen and (min-width:768px)
{
	div.allcategories > div
	{
		flex:31%;
		max-width:31%;
	}
}
/*------------------------------------ Sub Categories ------------------------------------*/
div.subcategories
{}
div.subcategories>div
{
	flex:100%;
	max-width:100%;
	margin:0 0 25px 0;
	text-align:center;
}
div.subcategories img
{
	max-width:45%;
}
@media only screen and (min-width:768px)
{
	div.subcategories>div
	{
		flex:33%;
		max-width:33%;
	}
}
/*------------------------------------ Contents Of Category ------------------------------------*/
select.contentsofcategory
{
	display:inline-block;
}
/*------------------------------------ Content ------------------------------------*/
div.contenticons a
{
	font:900 30px 'FontAwesome';
	color:#444;
	margin:0 3px 0 0;
}
div.contenticons a:hover
{
	color:#000;
}
a.savetext::before
{
	content:"\f15c";
}
a.savehtml::before
{
	content:"\f15c";
	font-weight:400;
}
a.print::before
{
	content:"\f02f";
}
a.tellfriend::before
{
	content:"\f007";
}
div.contentlinks i::before
{
	font:900 16px 'FontAwesome';
	content:"\f0d9";
	margin:0 0 0 7px;
}
div.contentsocialmedia
{}
div.contentsocialmedia a
{
	font:400 24px 'FontAwesome';
	color:#555;
	display:inline-block;
	margin:0 3px;
}