@charset "UTF-8";
/* CSS Document */


.CountriesWrapper {
	position: relative;
	display: inline;
	text-align: center;
	margin: auto;
}

.CountriesWrapper .Flag {
	position: relative;
	display: inline-table;
	margin: 4px 2px;
	font-size:.65em;
	vertical-align: bottom;
	text-align: center;
	width: 75px;
	height: 52px;
	background: #CCC;
	padding: 0;
	background: no-repeat center center;
	background-size: cover;
	border:1px solid #CCC;
}

.CountriesWrapper .Flag .Center {
	position: static;
	display: table-cell;
	vertical-align: middle;
}

.CountriesWrapper .Flag:hover::after {
	content: var(--country-var);
	display: block;
	position: absolute;
	left:0;
	top:28px;
	background: #FFF;
	padding: 3px;
	font-size: 1.1em;
	font-weight: 500; 
	z-index: 1;
	border: 1px solid #CCC;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	white-space: nowrap;
	color: #414438;
}





@media (max-width: 1400px)
{	
}


@media (max-width: 992px)
{
}


@media (max-width: 768px)
{
}

@media (max-width: 480px)
{
	
	.CountriesWrapper .Flag {
	width: 50px;
	height: 34px;
}
	
}