.ref
{
	margin: var(--card-holder-margin);
}
.ref__item, .ref__item-custom
{
	width: calc(50% - var(--card-margin)*2);
	margin: var(--card-margin);
	flex-shrink: 0;
	flex-grow: 1;
}
.ref__item
{
	border-radius: 6px;
	padding: 2em;
	color: var(--color-link-default);
	background-color: white;
}
.ref__title
{
	width: calc(100% - 2.8em);
	padding-right: 2em;
	font-size: 1.1em;
	padding-bottom: 4px;
	font-weight: 400;
}
.ref__title,.ref__icon,.ref__title small, .ref__logo
{
	display: block;
	line-height: 1.2;
}
.ref__title small
{
	padding-top: 5px;	
	font-size: 75%;
}
.ref__title small:empty
{
	display: none;
}
.ref__icon
{
	font-size: 2.4em;
}
.ref__item:not(._default) .ref__title
{
	font-weight: 600;
}
.ref__item._default .ref__icon
{
	color: var(--color-action);
}
.ref__item._yt .ref__icon	{	color: red;		}
.ref__item._yt .ref__title	{	color: black;	}
.ref__item._vk				{	color: white;	background-color: #4680C2;	}
.ref__item._instagram		{	color: white;	background: radial-gradient(circle at 0% 100%, #ffc034 0%, #ff7524 10%, #D92E7F 50%, #9B36B7 70%, #4c5ce8);	}
.ref__item._facebook		{	color: white;	background: #3b5998;}
.ref__item._twitter			{	color: white;	background: #1DA1F2;}
.ref__item._whatsapp		{	color: white;	background: #25D366;}
.ref__item._telegram		{	color: white;	background: #0088cc;}
.ref__item._viber			{	color: white;	background: #8f5db7;}
.ref__item._asw				{	color: white;	background: #292d78;}
.ref__item._register		{	color: white;	background: linear-gradient(135deg, #0072ff, #00c6ff);	font-weight: 500;	}
.ref__item .ref__logo
{
	width: 15%;
	min-width: 64px;
	max-width: 160px;
}
.ref__item .ref__logo._horizontal
{
	width: 20%;
	min-width: 72px;
	max-width: 180px;
}
@media all and (min-width: 992px) and (max-width: 1539.98px)
{
	.ref
	{
		font-size: .9rem;
	}		
}
@media all and (max-width: 991.98px)
{
	.ref
	{
		font-size: .8rem;
	}
	.ref._article.px_article
	{
		padding: 0;
	}
}
@media all and (max-width: 575.98px)
{
	.ref
	{
		font-size: .75rem;
		margin: var(--card-holder-margin);
	}	
	.ref__title
	{
		width: 100%;
		padding-right: 0;
		font-size: 1em;
	}
	.ref__item,.ref__item-custom
	{
		width: calc(50% - var(--card-margin)*2);
		margin: var(--card-margin);
	}
	.ref__item
	{
		padding: 1.8em;
	}
}
/*	The only one child */
.ref__item:first-child:last-child,
.ref__item-custom:first-child:last-child
{
	width: calc(100% - var(--card-margin)*2);
}



.ref__item._document
{
	font-size: 1rem;
}
.ref__item._document .ref__document
{
	display: block;
	
}

.ref__item._document .ref__icon		
{	
	color: var(--color-action);
	font-size: 2em;
}
.ref__document-title
{
	display: block;
	font-size: 1em;
	font-weight: 500;
	line-height: 1.2;
}
.ref__document-info
{
	font-size: .7em;
	font-weight: 400;
	color: #777;
}
@media all and (min-width: 576px)
{
	.ref__item._document:only-child .ref__document
	{
		display: flex;
		width: 100%;
		align-items: center;
		justify-content: space-between;
	}
}
@media all and (max-width: 379.98px)
{
	.ref__item._document .ref__icon		
	{
		font-size: 1.4em;
	}
	.ref__document-title
	{
		font-size: .9em;
	}	
	.ref__item._document
	{
		width: calc(100% - var(--card-margin)*2);
		margin: var(--card-margin);
	}
}
@media all and (max-width: 575.98px)
{

	.ref__document-title
	{
		margin-top: .5em;
		margin-bottom: .5em;
	}
}
.ref__item._document:not(:only-child) .ref__document-title
{
	margin-bottom: .5em;
}








.card-holder
{
	margin: var(--card-holder-margin);
	display: flex;
	flex-wrap: wrap;	
}
.card
{
	border: transparent !important;
	border-radius: var(--card-border-radius) !important;
	background-color: initial;
}
.card-holder > .card
{
	width: calc(33.33% - var(--card-margin)*2);
	margin: var(--card-margin);
}
.card-holder.card-holder--1 .card
{
	width: calc(100% - var(--card-margin)*2);
	margin: var(--card-margin);
}
.card.card_default
{
	background-color: white;
}