.acscategoryWrapper

{

position:relative;

display:block;

float:right;

width:25%;

background-color:transparent;



top:110px;





border-radius:5px;





}

.categoryitemwrapper

{

	max-height:667px;

	overflow:scroll;

}

.categoryitemwrapper::-webkit-scrollbar 

{

width: 0px; 

background: transparent; 

}

.categorytext

{

	height:40px;

	width:100%;

	line-height:40px;

	text-align:center;

	

	font-size:15px;

	font-weight:bold;

	opacity:0.85;

	background-color:#85DFA4;

	background-image:linear-gradient(to left,#A4CDF1,#F5E5E1);

	

}

.categoryitem

{

	display:inline-block;

	width:315px;

	height:80px;

	background-color:transparent;

	border-left-style:solid;

	border-left-color:#CCCCCC;

	margin-top:10px;

	transition:linear;

	transition-duration:0.5s;

	

	

}

.categoryitem:hover 

{

		border-left-color:#996600;

		background-color:#F6D5B0;

		transition:linear;

		transition-duration:1s;

		animation-name:colorslider;



}

@keyframe colorslider

{

	from{background-color:transparent;}

	to{background-color:white;}

	

}

.categoryitem:hover .categoryitemdescription

{

			border-bottom-style:solid;

			border-bottom-color:#F6D5B0;

			



}

.categorybackgroundimage

{

	width:80px;

	height:80px;

	display:inline-block;

	float:left;

	background-size:70px 70px;

	border-radius: 50% 50%;

	

	



}

.categoryitem:hover .categorybackgroundimage

{

			

			animation-name:rotateX;

			animation-duration:2s;

			animation-iteration-count:once;



}

@keyframes rotateX

{

	from{transform:rotate(0deg);}

	to{transform:rotate(360deg);}

}







.categoryitemtitle

{

	display:inline-block;

	position:relative;

	width:220px;

	height:30px;

	line-height:15px;

	text-align:left;

	font-size:14px;

	font-weight:bold;

	float:right;

	

	

	

}

.categoryitemdescription

{

	display:inline-block;

	position:relative;

	width:220px;

	height:50px;

	line-height:13px;

	text-align:left;

	font-size:12px;

	float:right;

	border-bottom-style:solid;

	border-bottom-color:#BBEAC0;

	

	

	

	

}

@media screen and (max-width: 1179px)

{

	.acscategoryWrapper

		{

		position:relative;

		display:block;

		

		width:100%;

		background-color:transparent;

		

		

		

		

		border-radius:5px;

		

		

		}

.categoryitemwrapper

{

	max-height:667px;

	overflow:scroll;

}

.categoryitemwrapper::-webkit-scrollbar 

{

width: 0px; 

background: transparent; 

}

.categorytext

{

	height:40px;

	width:100%;

	line-height:40px;

	text-align:center;

	

	font-size:15px;

	font-weight:bold;

	opacity:0.85;

	background-color:#85DFA4;

	background-image:linear-gradient(to left,#A4CDF1,#F5E5E1);

	

}

.categoryitem

{

	display:inline-block;

	width:100%;

	height:160px;

	background-color:transparent;

	border-left-style:solid;

	border-left-color:#CCCCCC;

	margin-top:10px;

	

	

	

}

.categoryitem:hover 

{

		border-left-color:#996600;

		background-color:#F6D5B0;

		transition:linear;

		transition-duration:1s;

		animation-name:colorslider;



}

@keyframe colorslider

{

	from{background-color:transparent;}

	to{background-color:white;}

	

}

.categoryitem:hover .categoryitemdescription

{

			border-bottom-style:solid;

			border-bottom-color:#F6D5B0;

			



}

.categorybackgroundimage

{

	position:relative;

	display:block;

	

	width:20%;

	height:50%;

	



	background-size:100% 100%;

	border-radius: 50% 50%;

	
	background-repeat:no-repeat;

	left:40%;

	

	



}

.categoryitem:hover .categorybackgroundimage

{

			

			

			



}







.categoryitemtitle

{

	

	position:relative;

	display:block;

	width:100%;

	height:30px;

	line-height:15px;

	text-align:center;

	font-size:14px;

	font-weight:bold;

	float:left;

	left:0px;

	top:0px;

	

	

	

}

.categoryitemdescription

{

	display:block;

	position:relative;

	width:100%;

	height:50px;

	line-height:13px;

	text-align:center;

	font-size:12px;

	float:left;

	border-bottom-style:solid;

	border-bottom-color:#BBEAC0;

	

	

	

	

}

}