html {
		/*background: #000;*/
	}
	
	.country-selector {
		font-family: "Myriad", "Myriad Pro", arial,sans-serif;
		font-size: 12px;
	}
	
	.country-selector * {
		transition: .3s;
		box-sizing: border-box;
	}
	
	.region-link img {
		height: 16px;
		margin-right: 12px;
		vertical-align: baseline;
		outline: 1px solid #eee;
	}
	
	.country-selector ul {
		list-style: none;
		margin: 0;
		padding: 32px 0 0;
		position: relative;
		max-height: 0;
		overflow: hidden;
		width: 210px;
		display: inline-block;
	}
	
	.country-selector ul:hover {
		max-height: 400px;
	}
	
	.country-selector li {
		cursor: pointer;
		display: block;
	}
	
	.country-selector li.active {
		position: absolute;
		top: 0;
		cursor: default;
		border-right: 1px solid #A9A9A9;
	}
	
	.country-selector li > * {
		color: black;
		text-decoration: none;
		display: block;
		padding: 8px 10px;
		background: white;
		width: 200px;
		vertical-align: middle;
		box-shadow: 3px 5px 5px 0px rgba(0,0,0,.2);
		z-index:2; 
		position: relative;
	}
	
	.country-selector li a:hover {
		background: #eee;
		color: #00adee;
	}
	
	.country-selector li.active > *  {
		background: black;
		width: auto;
		padding-right: 19px;
		z-index:1;
		color: white;
	}
	
	.country-selector ul:hover li.active > *  {
		background: white;
	}
	
	.country-selector li.active span span {
		text-indent: -100%;
		width: 0;
		height: 0;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-top: 6px solid white;
		position: relative;
		top: -6px;
		display: inline-block;
		overflow: hidden;
		left: 4px;
	}
	
	.country-selector ul:hover li.active span span {
		transform: rotate(180deg);
	}
	
	.country-selector ul:hover li.active span {
		border-top-color: #00adee;
	}
	
	.country-selector li.full-list {
		margin-bottom: 10px;
	}