.penci-subcat-list .flexMenu-viewMore {
	display: inline-block;
	margin-left: 0;

	& > a {
		cursor: pointer;
		margin-left: 0;
		padding-left: 15px;
		padding-right: 17px;
		padding-top: 3px;
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
		font-family: $font__roboto;
		text-transform: uppercase;
		@include font-size(1.2);
		font-weight: 700;
		line-height: 52px;
		color: #888888;
		position: relative;

		&:hover {
			color: $color__white;
		}

		&:after {
			content: "\f107";
			@include font-size(1.2);
			position: absolute;
			top:0;
			right: 5px;
			color: inherit;
			line-height: 18px;
			font-family: FontAwesome;
			text-rendering: auto;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}
	}

	&:hover,
	&:focus{


		a {
			color: $color__blue;
		}

		.flexMenu-popup {
			opacity: 1;
			visibility: visible;
		}
	}

	.flexMenu-popup {
		list-style: none;
		position: absolute;
		right: 0;
		padding: 9px 0;
		background: none;
		z-index: 999;
		border: 1px solid  $color__border;
		opacity: 0;
		visibility: hidden;
		transition: opacity 0.3s;
		margin-bottom: 0;
		display: block !important;

		&:before {
			position: absolute;
			content: '';
			z-index: 1;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background: #ffffff;
			opacity: 0.95;
		}

		& > a:hover{
			color: $color__white;
		}

		.penci-subcat-item  {
			margin-left: 0;
			position: relative;
			z-index: 2;
			display: block;
			width: 100%;
			text-align: right;

			a {
				font-family: 'Roboto', sans-serif;
				@include font-size( 1.3 );
				color: #777;
				white-space: nowrap;
				display: block;
				line-height: 26px;
				padding-left: 15px;
				padding-right: 15px;

				&:hover {
					color: $color__blue;
				}

			}
		}
	}
}

.penci-subcat-list {
	visibility: hidden;

	&.penci_loaded  {
		visibility: visible;
	}
}


@media ( max-width: 480px ){
	.penci-subcat-list .flexMenu-viewMore > a {
		padding-left: 5px;
		padding-right: 20px;
	}
}