.catItemGroup
{
	margin-top:40px;
	margin-right:40px;
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
	
}

.catItem1
{
	position:relative;
	margin:8px;
	height:120px;
	width:120px;
	/*border-left: 8px solid #ccc;*/
	background:#fff;
	transition:0.5s;
	cursor:pointer;
	border-radius: 24px;
	box-shadow: 0 0 4px #aaa9;
}

.catItem1:hover
{
	/*border-left: 8px solid #5be;*/
	color: #5be;
	box-shadow: 0 0 4px #5be9;
}

.catItem1:active
{
	/*border-left: 8px solid #5dc;*/
	color: #5dc;
	box-shadow: 0 0 4px #5dc9;
}

.catItem2
{
	padding:12px 10px;
	height:48px;
	border-left: 4px solid #eb5;
	background:#f4f4f4;
	transition:0.5s;
	cursor:pointer;
}

.catItem2:hover
{
	border-left: 4px solid #5be;
}

.catItem2:active
{
	border-left: 4px solid #5dc;
}

.catItem1S
{
	/*border-left: 8px solid #4cb;*/
	color: #4cb;
}

.catItem1S:hover
{
	/*border-left: 8px solid #5dc;*/
	color: #5dc;
}

.catTabs {
  float: block;
  width:100%;
  margin-top:80px;
  margin-left:60px;
}

/* Style the buttons inside the tab */
.catTab {
  margin: 20px 0;
  min-width:100px;
  display: block;
  color: #666;
  padding: 10px 20px;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
  font-size:10pt;
  border-bottom: 0.5px solid #fff;
  background: #fff;
}

.catTab:hover {
  border-bottom: 0.5px solid #393;
}

.catSel
{
	background:#fff;
	color: #555;
	border-bottom: 0.5px solid #3a3;
}

.catItem

{

	float:left;

	width:unset;

}

.catItemTitle
{
	top: 72px;
	width: 100%;
	padding:4px 10px;
}

.catItemIcon
{
	width: 100%;
	height: 100%;
	text-align: center;
	padding-top: 24px;
}

@media(max-width: 1300px) {

	.catItem1
	{
		margin:6px;
	}

	.catItem2
	{
		background:#fff;
	}
	.catItemGroup
	{
		margin-right:0;
		text-align:center;
	}
	
	.catItem
	{
		float:left;
		width:unset;
	}
	/*
	.catItem1
	{
		height:120px;
		width:120px;
		font-size:14pt;

	}

*/
}