div.product-sort-container
{
	display: flex;
	justify-content: space-between;
    position: sticky;
	float: left;
    width: 100%;
    margin-bottom: 25px;
    padding: 10px 0px;
    top: 50px;
    background: #fff;
    border-bottom: 1px solid #eee;
    z-index: 2;
}

	ul.product-sort-list
	{
		display: flex;
		list-style-type: none;
	}
	
		ul.product-sort-list li
		{
			margin-right: 5px;
		}
		
		ul.product-sort-list li:last-child
		{
			margin: 0px;
		}
		
			span.sort-element
			{
				display: flex;
				align-items: center;
				padding: 0px 10px;
				font-size: 14px;
				line-height: 28px;
				border: 1px solid #ddd;
				border-radius: 30px;
				white-space: nowrap;
				cursor: pointer;
			}
			
				span.sort-element span
				{
					margin: 0px 5px;
				}
			
				span.sort-element i
				{
					font-size: 18px;
					float: left;
					color: #ed2224;
				}
				
				span.sort-element i.sort
				{
					float: right;
				}

			span.clear-filter
			{
				display: flex;
				align-items: center;
				padding: 5px;
				border: 1px solid #ddd;
				border-radius: 30px;
				white-space: nowrap;
				cursor: pointer;
			}
			
				span.clear-filter i
				{
					font-size: 18px;
					float: left;
					color: #ed2224;
				}
			
	div.catalog-tabs
	{
		float: left;
	}
			
		ul.tags-catalog-nav
		{
			float: left;
			padding: 0px 5px;
			border: 1px solid #ddd;
			border-radius: 40px;
			box-sizing: border-box;
		}
		
		div.tags-catalog-content ul.tags-catalog-nav
		{
			float: left;
			width: 100%;
			margin-top: 5px;
			padding: 0px;
			border: none;
		}
		
			ul.tags-catalog-nav > li
			{
				float: left;
			}
			
			ul.tags-catalog-nav li
			{
				list-style-type: none;
				float: left;
				cursor: pointer;
			}
			
				.tag-catalog-title
				{
					position: relative;
					display: block;
					padding: 4px 8px;
					font-size: 14px;
					line-height: 20px;
					color: #000;
				}
				
				.tag-catalog-title.active
				{
					text-shadow: 0px 0px 1px;
				}
				
				.tag-catalog-title:before
				{
					position: absolute;
					content: '';
					left: -2px;
					top: 50%;
					margin-top: -2px;
					width: 2px;
					height: 2px;
					border: 1px solid #ed2224;
					border-radius: 2px;
				}
				
				ul.tags-catalog-nav li:first-child .tag-catalog-title:before
				{
					border: none;
				}
				
				div.tags-catalog-content ul.tags-catalog-nav .tag-catalog-title
				{
					border: 1px solid #ddd;
					border-radius: 30px;
				}
				
				div.tags-catalog-content ul.tags-catalog-nav .tag-catalog-title:before
				{
					border: none;
				}
				
		div.tags-catalog-content
		{
			float: left;
			width: 100%;
		}
		
			div.tags-catalog-content ul.tags-catalog-nav li
			{
				margin: 3px 3px 0px 0px;
			}
			
	div.loading-wrap
	{
		float: left;
		width: 100%;
		text-align: center;
	}
	
		button.loading-btn
		{
			display: inline-block;
			border: none;
			background: #47bac1;
			padding: 10px 15px;
			color: #fff;
			cursor: pointer;
			transition: 0.3s;
			-o-transition: 0.3s;
			-webkit-transition: 0.3s;
		}
		
		button.loading-btn:hover
		{
			background: #2a8e94;
		}
		
		button.loading-btn:active
		{
			background: #47bac1;
		}
		
			button.loading-btn i
			{
				float: left;
				font-size: 20px;
			}
			
			button.loading-btn.active i
			{
				-webkit-animation: rotation 1s infinite linear;
			}
			
			button.loading-btn span
			{
				float: left;
				margin-left: 5px;
				font-size: 14px;
				line-height: 20px;
				text-transform: uppercase;
			}


@-webkit-keyframes rotation
{
    from
	{
		-webkit-transform: rotate(0deg);
	}
	
    to 
	{
		-webkit-transform: rotate(359deg);
	}
}