/* Reset browser */
@media all {
		
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section {
		display: block;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	html {
		scroll-behavior: smooth;
	}

	*,::after,::before
	{
		user-select: none;
	}
}

/* Donate */
@media all {

	.donate-button-container
	{
		position: relative;
		display: inline-block;
		float: right;
		height: 40px;
		margin-right: 15px;
	}

	.donate-button-container:hover {
		background-color: #302F2D;
	}

	.donate-button
	{
		display: inline-block;
		position: relative;
		text-decoration: none;
		padding: 0 13px;
		color: #FFFFFF;
		text-shadow: 1px 1px 5px #666;
	}

	.donate-button span
	{
		vertical-align: middle;
	}

	.donate-button div
	{
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		display: inline-block;
		width: 35px;
		height: 39px;
		vertical-align: middle;
	}

	.donate-button-visa
	{
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 48 48' style='enable-background:new 0 0 48 48;' xml:space='preserve'%3E%3Cpath fill='%231565C0' d='M45,35c0,2.209-1.791,4-4,4H7c-2.209,0-4-1.791-4-4V13c0-2.209,1.791-4,4-4h34c2.209,0,4,1.791,4,4V35z'%3E%3C/path%3E%3Cpath fill='%23FFF' d='M15.186 19l-2.626 7.832c0 0-.667-3.313-.733-3.729-1.495-3.411-3.701-3.221-3.701-3.221L10.726 30v-.002h3.161L18.258 19H15.186zM17.689 30L20.56 30 22.296 19 19.389 19zM38.008 19h-3.021l-4.71 11h2.852l.588-1.571h3.596L37.619 30h2.613L38.008 19zM34.513 26.328l1.563-4.157.818 4.157H34.513zM26.369 22.206c0-.606.498-1.057 1.926-1.057.928 0 1.991.674 1.991.674l.466-2.309c0 0-1.358-.515-2.691-.515-3.019 0-4.576 1.444-4.576 3.272 0 3.306 3.979 2.853 3.979 4.551 0 .291-.231.964-1.888.964-1.662 0-2.759-.609-2.759-.609l-.495 2.216c0 0 1.063.606 3.117.606 2.059 0 4.915-1.54 4.915-3.752C30.354 23.586 26.369 23.394 26.369 22.206z'%3E%3C/path%3E%3Cpath fill='%23FFC107' d='M12.212,24.945l-0.966-4.748c0,0-0.437-1.029-1.573-1.029c-1.136,0-4.44,0-4.44,0S10.894,20.84,12.212,24.945z'%3E%3C/path%3E%3C/svg%3E");
	}

	.donate-button-mastercard
	{
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 48 48' style='enable-background:new 0 0 48 48;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%231565C0;%7D .st1%7Bfill:%23FF5F00;%7D .st2%7Bfill:%23EB001B;%7D .st3%7Bfill:%23F79E1B;%7D%0A%3C/style%3E%3Cpath class='st0' d='M45,35c0,2.2-1.8,4-4,4H7c-2.2,0-4-1.8-4-4V13c0-2.2,1.8-4,4-4h34c2.2,0,4,1.8,4,4V35z'/%3E%3Cpolygon id='Fill-1' class='st1' points='19.1,32.8 28.9,32.8 28.9,15.2 19.1,15.2 '/%3E%3Cpath id='Fill-2' class='st2' d='M19.7,24c0-3.6,1.7-6.7,4.3-8.8c-1.9-1.5-4.3-2.4-6.9-2.4C11,12.8,6,17.8,6,24s5,11.2,11.1,11.2 c2.6,0,5-0.9,6.9-2.4C21.4,30.7,19.7,27.6,19.7,24'/%3E%3Cpath id='Fill-4' class='st3' d='M42,24c0,6.2-5,11.2-11.1,11.2c-2.6,0-5-0.9-6.9-2.4c2.6-2,4.3-5.2,4.3-8.8c0-3.6-1.7-6.7-4.3-8.8 c1.9-1.5,4.3-2.4,6.9-2.4C37,12.8,42,17.8,42,24L42,24z'/%3E%3C/svg%3E%0A");
	}

	.donate-button-patreon
	{
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='logosvg.com' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 400 300' style='enable-background:new 0 0 400 300;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23F86754;%7D .st1%7Bfill:%23FFFFFF;%7D .st2%7Bfill:%23002C49;%7D%0A%3C/style%3E%3Ccircle id='red' class='st0' cx='200.139' cy='150.138' r='114.766'/%3E%3Ccircle id='white' class='st1' cx='217.465' cy='140.408' r='38.422'/%3E%3Crect id='blue' x='149.672' y='101.986' class='st2' width='18.543' height='101.659'/%3E%3C/svg%3E%0A");
	}
}

/* Pinner */
@media all {

	/* Pinner button */
	.pinner {
		width: 24px;
		height: 24px;
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIGhlaWdodD0iMjRweCIgd2lkdGg9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CjxwYXRoIHN0eWxlPSJmaWxsOiM5Njk2OTY7IiBkPSJNMTYuNzI5LDQuMjcxYy0wLjM4OS0wLjM5MS0xLjAyMS0wLjM5My0xLjQxNC0wLjAwNGMtMC4xMDQsMC4xMDQtMC4xNzYsMC4yMjctMC4yMjUsMC4zNTUgIGMtMC44MzIsMS43MzYtMS43NDgsMi43MTUtMi45MDQsMy4yOTNDMTAuODg5LDguNTU1LDkuNCw5LDcsOUM2Ljg3LDksNi43NCw5LjAyNSw2LjYxOCw5LjA3NkM2LjM3Myw5LjE3OCw2LjE3OSw5LjM3Myw2LjA3Nyw5LjYxNyAgYy0wLjEwMSwwLjI0NC0wLjEwMSwwLjUyLDAsMC43NjRjMC4wNTEsMC4xMjMsMC4xMjQsMC4yMzQsMC4yMTcsMC4zMjZsMy4yNDMsMy4yNDNMNSwyMGw2LjA1LTQuNTM3bDMuMjQyLDMuMjQyICBjMC4wOTIsMC4wOTQsMC4yMDMsMC4xNjYsMC4zMjYsMC4yMTdDMTQuNzQsMTguOTczLDE0Ljg3LDE5LDE1LDE5czAuMjYtMC4wMjcsMC4zODItMC4wNzhjMC4yNDUtMC4xMDIsMC40NC0wLjI5NSwwLjU0MS0wLjU0MSAgQzE1Ljk3NCwxOC4yNiwxNiwxOC4xMjksMTYsMThjMC0yLjQsMC40NDQtMy44ODksMS4wODMtNS4xNjZjMC41NzctMS4xNTYsMS41NTYtMi4wNzIsMy4yOTMtMi45MDQgIGMwLjEyOS0wLjA0OSwwLjI1MS0wLjEyMSwwLjM1NC0wLjIyNWMwLjM4OS0wLjM5MywwLjM4Ny0xLjAyNS0wLjAwNC0xLjQxNEwxNi43MjksNC4yNzF6Ii8+Cjwvc3ZnPg==);
		background-size: cover;
		position: absolute;
		right: 7px;
		top: 7px;
		z-index: 1;
		cursor: pointer;
		opacity: .5;
	}
	.pinner.pinned {
		opacity: .7;
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIGhlaWdodD0iMjRweCIgd2lkdGg9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CjxwYXRoIHN0eWxlPSJmaWxsOiNEREQ0QTY7IiBkPSJNMTYuNzI5LDQuMjcxYy0wLjM4OS0wLjM5MS0xLjAyMS0wLjM5My0xLjQxNC0wLjAwNGMtMC4xMDQsMC4xMDQtMC4xNzYsMC4yMjctMC4yMjUsMC4zNTUgIGMtMC44MzIsMS43MzYtMS43NDgsMi43MTUtMi45MDQsMy4yOTNDMTAuODg5LDguNTU1LDkuNCw5LDcsOUM2Ljg3LDksNi43NCw5LjAyNSw2LjYxOCw5LjA3NkM2LjM3Myw5LjE3OCw2LjE3OSw5LjM3Myw2LjA3Nyw5LjYxNyAgYy0wLjEwMSwwLjI0NC0wLjEwMSwwLjUyLDAsMC43NjRjMC4wNTEsMC4xMjMsMC4xMjQsMC4yMzQsMC4yMTcsMC4zMjZsMy4yNDMsMy4yNDNMNSwyMGw2LjA1LTQuNTM3bDMuMjQyLDMuMjQyICBjMC4wOTIsMC4wOTQsMC4yMDMsMC4xNjYsMC4zMjYsMC4yMTdDMTQuNzQsMTguOTczLDE0Ljg3LDE5LDE1LDE5czAuMjYtMC4wMjcsMC4zODItMC4wNzhjMC4yNDUtMC4xMDIsMC40NC0wLjI5NSwwLjU0MS0wLjU0MSAgQzE1Ljk3NCwxOC4yNiwxNiwxOC4xMjksMTYsMThjMC0yLjQsMC40NDQtMy44ODksMS4wODMtNS4xNjZjMC41NzctMS4xNTYsMS41NTYtMi4wNzIsMy4yOTMtMi45MDQgIGMwLjEyOS0wLjA0OSwwLjI1MS0wLjEyMSwwLjM1NC0wLjIyNWMwLjM4OS0wLjM5MywwLjM4Ny0xLjAyNS0wLjAwNC0xLjQxNEwxNi43MjksNC4yNzF6Ii8+Cjwvc3ZnPg==);
	}
	.pinner:hover, .pinner.pinned:hover {
		opacity: 1;
	}



	/* Elements pinned state */
	.filter-container.pinned.hovered .filter-wrapper, .filter-container.pinned .filter-wrapper {
		position: relative;
	}
	.filter-container.pinned.hovered .filter-body, .filter-container.pinned .filter-body  {
		display: block;
		position: relative;
		border-bottom: 2px solid #4f833d;
	}
	.filter-container.pinned.hovered .filter-header, .filter-container.pinned .filter-header {
		display: none;
	}
	.filter-container.pinned.hovered .filter span.header-label:after, .filter-container.pinned .filter span.header-label:after {
		display: none;
	}
	.header-background.pinned {
		height: 405px;
		background-position: center 0;
	}

}

/* Dropdowns */
@media all
{
	
	.dropdown-content {
		display: none;
		min-width: 90px;
		position: absolute;
		background-color: #111213;
		z-index: 3;
	}
	.dropdown-content .active {
		display: none;
	}
	.dropdown-content a {
		color: white;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
		font-size: 14px;
		position: relative;
		text-transform: uppercase;
		text-align: center;
		cursor: pointer;
	}
	.dropdown-content a:hover {
		background-color: #302F2D;
	}
	.dropdown-header {
		min-width: 150px;
		color: white;
		padding: 13px 0;
		font-size: 14px;
		border: none;
		cursor: pointer;
		background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5IDUiIHdpZHRoPSI5IiBoZWlnaHQ9IjUiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjZmZmYmVkIiBkPSJNMCAuN2wzLjggMy42aC0uMWwuOC43LjctLjdMOSAuNyA4LjIgMCA0LjUgMy42LjcgMHoiLz48L3N2Zz4=);
		background-repeat: no-repeat;
		background-position: right 10px top 17px;
		text-align: center;
		position: relative;
		display: block;
		text-transform: uppercase;
		text-decoration: none;
	}



	/* service dropdown */
	.service-dropdown {
		position: relative;
		display: inline-block;
		float: left;
		height: 40px;
	}
	.service-dropdown:hover .dropdown-content {
		display: block;
	}
	.service-dropdown .dropdown-header {
		min-width: 220px;
	}
	.service-dropdown .dropdown-content {
		min-width: 220px;
	}



	/* Localization dropdown */
	.localization-dropdown {
		position: relative;
		display: inline-block;
		float: right;
		height: 40px;
	}
	.localization-dropdown:hover .dropdown-content {
		display: block;
	}
	.localization-dropdown .dropdown-header:before {
		content: "";
		position: absolute;
		top: 8px;
		left: 9px;
		height: 23px;
		width: 23px;
		background-size: cover;
		background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+Cgk8Zz4KCQk8Zz4KCQkJPHBhdGggZmlsbD0iIzhDOEM3QyIgZD0iTTE3LDIwSDIuNUMxLjEyMiwyMCwwLDE4Ljg3OCwwLDE3LjV2LTE1QzAsMS4xMjIsMS4xMjIsMCwyLjUsMGg4YzAuMjE0LDAsMC40MDQsMC4xMzYsMC40NzMsMC4zMzhsNi41LDE5ICAgIGMwLjA1MiwwLjE1MiwwLjAyNywwLjMyMS0wLjA2NiwwLjQ1MkMxNy4zMTMsMTkuOTIyLDE3LjE2MiwyMCwxNywyMHogTTIuNSwxQzEuNjczLDEsMSwxLjY3MywxLDIuNXYxNUMxLDE4LjMyNywxLjY3MywxOSwyLjUsMTkgICAgaDEzLjhMMTAuMTQzLDFIMi41eiIvPgoJCTwvZz4KCQk8Zz4KCQkJPHBhdGggZmlsbD0iIzhDOEM3QyIgZD0iTTIxLjUsMjRoLThjLTAuMjA4LDAtMC4zOTUtMC4xMjktMC40NjgtMC4zMjRsLTEuNS00Yy0wLjA5Ny0wLjI1OSwwLjAzNC0wLjU0NywwLjI5Mi0wLjY0NCAgICBjMC4yNTktMC4wOTYsMC41NDcsMC4wMzQsMC42NDQsMC4yOTJMMTMuODQ3LDIzSDIxLjVjMC44MjcsMCwxLjUtMC42NzMsMS41LTEuNXYtMTVDMjMsNS42NzMsMjIuMzI3LDUsMjEuNSw1SDEyICAgIGMtMC4yNzYsMC0wLjUtMC4yMjQtMC41LTAuNVMxMS43MjQsNCwxMiw0aDkuNUMyMi44NzgsNCwyNCw1LjEyMiwyNCw2LjV2MTVDMjQsMjIuODc4LDIyLjg3OCwyNCwyMS41LDI0eiIvPgoJCTwvZz4KCQk8Zz4KCQkJPHBhdGggZmlsbD0iIzhDOEM3QyIgZD0iTTEzLjUsMjRjLTAuMTE3LDAtMC4yMzQtMC4wNDEtMC4zMjktMC4xMjRjLTAuMjA4LTAuMTgyLTAuMjI5LTAuNDk4LTAuMDQ3LTAuNzA2bDMuNS00ICAgIGMwLjE4Mi0wLjIwOSwwLjQ5OC0wLjIyOSwwLjcwNi0wLjA0N2MwLjIwOCwwLjE4MiwwLjIyOSwwLjQ5OCwwLjA0NywwLjcwNmwtMy41LDRDMTMuNzc3LDIzLjk0MiwxMy42MzksMjQsMTMuNSwyNHoiLz4KCQk8L2c+CgkJPGc+CgkJCTxwYXRoIGZpbGw9IiM4QzhDN0MiIGQ9Ik05LjUsMTRjLTAuMjA2LDAtMC4zOTgtMC4xMjctMC40NzEtMC4zMzJMNyw3Ljk4N2wtMi4wMjksNS42ODFjLTAuMDkzLDAuMjYtMC4zOCwwLjM5Ni0wLjYzOSwwLjMwMyAgICBjLTAuMjYtMC4wOTMtMC4zOTYtMC4zNzktMC4zMDMtMC42MzlsMi41LTdjMC4xNDItMC4zOTgsMC44LTAuMzk4LDAuOTQxLDBsMi41LDdjMC4wOTMsMC4yNi0wLjA0MiwwLjU0Ni0wLjMwMywwLjYzOSAgICBDOS42MTMsMTMuOTkxLDkuNTU2LDE0LDkuNSwxNHoiLz4KCQk8L2c+CgkJPGc+CgkJCTxwYXRoIGZpbGw9IiM4QzhDN0MiIGQ9Ik04LDExSDZjLTAuMjc2LDAtMC41LTAuMjI0LTAuNS0wLjVTNS43MjQsMTAsNiwxMGgyYzAuMjc2LDAsMC41LDAuMjI0LDAuNSwwLjVTOC4yNzYsMTEsOCwxMXoiLz4KCQk8L2c+CgkJPGc+CgkJCTxwYXRoIGZpbGw9IiM4QzhDN0MiIGQ9Ik0yMS41LDExaC03Yy0wLjI3NiwwLTAuNS0wLjIyNC0wLjUtMC41czAuMjI0LTAuNSwwLjUtMC41aDdjMC4yNzYsMCwwLjUsMC4yMjQsMC41LDAuNVMyMS43NzYsMTEsMjEuNSwxMXoiLz4KCQk8L2c+CgkJPGc+CgkJCTxwYXRoIGZpbGw9IiM4QzhDN0MiIGQ9Ik0xNy41LDExYy0wLjI3NiwwLTAuNS0wLjIyNC0wLjUtMC41di0xQzE3LDkuMjI0LDE3LjIyNCw5LDE3LjUsOVMxOCw5LjIyNCwxOCw5LjV2MUMxOCwxMC43NzYsMTcuNzc2LDExLDE3LjUsMTF6Ii8+CgkJPC9nPgoJCTxnPgoJCQk8cGF0aCBmaWxsPSIjOEM4QzdDIiBkPSJNMTYsMTdjLTAuMTU3LDAtMC4zMTEtMC4wNzMtMC40MDgtMC4yMWMtMC4xNi0wLjIyNS0wLjEwNy0wLjUzNywwLjExOC0wLjY5N2MyLjE4OS0xLjU1NSwzLjc5LTQuNzI3LDMuNzktNS41OTIgICAgYzAtMC4yNzYsMC4yMjQtMC41LDAuNS0wLjVzMC41LDAuMjI0LDAuNSwwLjVjMCwxLjMxOC0xLjkyNyw0Ljc4NS00LjIxLDYuNDA4QzE2LjIwMiwxNi45NywxNi4xMDEsMTcsMTYsMTd6Ii8+CgkJPC9nPgoJCTxnPgoJCQk8cGF0aCBmaWxsPSIjOEM4QzdDIiBkPSJNMjAsMThjLTAuMTIxLDAtMC4yNDItMC4wNDMtMC4zMzctMC4xMzFjLTAuMzYzLTAuMzMyLTMuNTU4LTMuMjgzLTQuMTI2LTQuNjgxYy0wLjEwNC0wLjI1NiwwLjAyLTAuNTQ3LDAuMjc1LTAuNjUxICAgIGMwLjI1My0wLjEwMywwLjU0NywwLjAxOSwwLjY1MSwwLjI3NWMwLjQwOSwxLjAwNywyLjkzNiwzLjQ1OSwzLjg3NSw0LjMxOWMwLjIwNCwwLjE4NywwLjIxNywwLjUwMiwwLjAzMSwwLjcwNyAgICBDMjAuMjcsMTcuOTQ1LDIwLjEzNSwxOCwyMCwxOHoiLz4KCQk8L2c+Cgk8L2c+Cjwvc3ZnPg==);
	}
	.localization-dropdown .dropdown-header {
		min-width: 160px;
	}
	.localization-dropdown .dropdown-content {
		min-width: 160px;
	}



	/* Realm dropdown */
	.realm-dropdown {
		position: relative;
		display: inline-block;
		float: right;
		height: 40px;
	}
	.realm-dropdown:hover .dropdown-content {
		display: block;
	}
	.realm-dropdown .dropdown-header:before {
		content: "";
		position: absolute;
		top: 7px;
		left: 7px;
		height: 24px;
		width: 24px;
		background-size: cover;
		background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CgogPGc+CiAgPHRpdGxlPmJhY2tncm91bmQ8L3RpdGxlPgogIDxyZWN0IGZpbGw9Im5vbmUiIGlkPSJjYW52YXNfYmFja2dyb3VuZCIgaGVpZ2h0PSI2NiIgd2lkdGg9IjY2IiB5PSItMSIgeD0iLTEiLz4KIDwvZz4KIDxnPgogIDx0aXRsZT5MYXllciAxPC90aXRsZT4KICA8cGF0aCBmaWxsPSIjOGM4YzdjIiBzdHJva2Utd2lkdGg9IjAiIGlkPSJzdmdfMSIgZD0ibTUwLDE2YTExLjksMTEuOSAwIDAgMCAtNC4xNDksMC43NGExNi45OTIsMTYuOTkyIDAgMCAwIC0zMy41OSwtMC42MTRhMTEuOTkyLDExLjk5MiAwIDAgMCAtMS4yNjEsMjMuNDc0bDAsNC40YTIsMiAwIDAgMCAyLDJsMTEsMGwwLDRsLTE0LDBsMCw0bDE0LDBsMCw0bC0xNCwwbDAsNGwxNiwwYTIsMiAwIDAgMCAyLC0ybDAsLTE0bDgsMGwwLDE0YTIsMiAwIDAgMCAyLDJsMTYsMGwwLC00bC0xNCwwbDAsLTRsMTQsMGwwLC00bC0xNCwwbDAsLTRsMTEsMGEyLDIgMCAwIDAgMiwtMmwwLC00LjRhMTEuOTkyLDExLjk5MiAwIDAgMCAtMywtMjMuNnptLTEsMjZsLTM0LDBsMCwtMTJsMzQsMGwwLDEyem00LC0xOC41ODlsMCw0LjU4OWEyLDIgMCAwIDAgLTIsLTJsLTM4LDBhMiwyIDAgMCAwIC0yLDJsMCw3LjQxMWE4LDggMCAwIDEgMi45NDgsLTE1LjQxMWwwLjEsMGEyLDIgMCAwIDAgMiwtMS44NjhhMTIuOTkxLDEyLjk5MSAwIDAgMSAyNS45NTIsMC44NjhjMCwwLjI2MSAtMC4wMiwwLjUxNyAtMC4wMzgsMC43NzJsLTAuMDEsMC4xNDJhMiwyIDAgMCAwIDMuMjA4LDEuNzNhNy45MTQsNy45MTQgMCAwIDEgNC44NCwtMS42NDRhOCw4IDAgMCAxIDMsMTUuNDExbDAsLTEyeiIvPgogIDxyZWN0IGZpbGw9IiM4YzhjN2MiIGlkPSJzdmdfMiIgeT0iNTgiIHg9IjIiIHdpZHRoPSI0IiBoZWlnaHQ9IjQiLz4KICA8cmVjdCBmaWxsPSIjOGM4YzdjIiBpZD0ic3ZnXzMiIHk9IjUwIiB4PSIyIiB3aWR0aD0iNCIgaGVpZ2h0PSI0Ii8+CiAgPHJlY3QgZmlsbD0iIzhjOGM3YyIgaWQ9InN2Z180IiB5PSIzNCIgeD0iMTkiIHdpZHRoPSI0IiBoZWlnaHQ9IjQiLz4KICA8cmVjdCBmaWxsPSIjOGM4YzdjIiBpZD0ic3ZnXzUiIHk9IjM0IiB4PSIyNyIgd2lkdGg9IjE4IiBoZWlnaHQ9IjQiLz4KICA8cmVjdCBmaWxsPSIjOGM4YzdjIiBpZD0ic3ZnXzYiIHk9IjU4IiB4PSI1OCIgd2lkdGg9IjQiIGhlaWdodD0iNCIvPgogIDxyZWN0IGZpbGw9IiM4YzhjN2MiIGlkPSJzdmdfNyIgeT0iNTAiIHg9IjU4IiB3aWR0aD0iNCIgaGVpZ2h0PSI0Ii8+CiA8L2c+Cjwvc3ZnPg==);
	}
	.realm-dropdown .dropdown-header {
		min-width: 160px;
	}
	.realm-dropdown .dropdown-content{
		min-width: 160px;
	}
}

/* Loading animation */
@media all
{
	
	.lds-roller {
		display: block;
		position: fixed;
		left: 50%;
		top: 50%;
		width: 80px;
		height: 80px;
		margin: -40px 0 0 -40px;
	}
	.lds-roller.table-row {
		position: relative;
		margin: 0 auto;
		left: 0;
		top: 0;
	}
	.lds-roller div {
		animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
		transform-origin: 40px 40px;
	}
	.lds-roller div:after {
		content: " ";
		display: block;
		position: absolute;
		width: 7px;
		height: 7px;
		border-radius: 50%;
		background: #474747;
		margin: -4px 0 0 -4px;
	}
	.lds-roller div:nth-child(1) {
		animation-delay: -0.036s;
	}
	.lds-roller div:nth-child(1):after {
		top: 63px;
		left: 63px;
	}
	.lds-roller div:nth-child(2) {
		animation-delay: -0.072s;
	}
	.lds-roller div:nth-child(2):after {
		top: 68px;
		left: 56px;
	}
	.lds-roller div:nth-child(3) {
		animation-delay: -0.108s;
	}
	.lds-roller div:nth-child(3):after {
		top: 71px;
		left: 48px;
	}
	.lds-roller div:nth-child(4) {
		animation-delay: -0.144s;
	}
	.lds-roller div:nth-child(4):after {
		top: 72px;
		left: 40px;
	}
	.lds-roller div:nth-child(5) {
		animation-delay: -0.18s;
	}
	.lds-roller div:nth-child(5):after {
		top: 71px;
		left: 32px;
	}
	.lds-roller div:nth-child(6) {
		animation-delay: -0.216s;
	}
	.lds-roller div:nth-child(6):after {
		top: 68px;
		left: 24px;
	}
	.lds-roller div:nth-child(7) {
		animation-delay: -0.252s;
	}
	.lds-roller div:nth-child(7):after {
		top: 63px;
		left: 17px;
	}
	.lds-roller div:nth-child(8) {
		animation-delay: -0.288s;
	}
	.lds-roller div:nth-child(8):after {
		top: 56px;
		left: 12px;
	}
	@keyframes lds-roller {
		0% {
			transform: rotate(0deg);
		}
		100% {
			transform: rotate(360deg);
		}
	}

}

/* Popovers */
@media all {

	.popover {
		z-index: 10;
		width: 100%;
		height: 100%;
		position: absolute;
		display: block;
		background-color: rgba(.0, .0, .0, .6);
	}


	.popover.hidden {
		display: none;
	}
	.popover .popover-container {
		position: fixed;
		left: 50%;
		top: 50%;
	}

	.popover.error .popover-container {
		height: 50px;
		width: 300px;
		margin-top: -25px;
		margin-left: -150px;
	}
	.popover.error .popover-container span {
		display: block;
		color: white;
		font-size: 20px;
		width: 100%;
		text-align: center;
	}

	.popover.loading {
		background-color: rgba(.0, .0, .0, 1);
	}

	.popover .params {
		position: fixed;
		left: 50%;
		top: 50%;
		height: 375px;
		width: 530px;
		margin-top: -183px;
		margin-left: -265px;
	}

	.popover.params { 
		background-color: rgba(.0, .0, .0, .9);
	}
	.popover.params .popover-container {
		height: 340px;
		width: 400px;
		margin-top: -170px;
		margin-left: -200px;
		background-color: #282828;
	}
	
	.params-counter {
		font-size: 14px;
		color: #8c8c7c;
		text-transform: uppercase;
		margin: 14px 0px;
		display: block;
		float: left;
	}
	.params-header {
		height: 42px;
		padding: 0 14px 0 22px;
		background: #373533;
	}
	.params-header a {
		margin: 16px 10px;
		display: block;
		width: 9px;
		height: 9px;
		background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC41MzYgNS45NUwuMjkzIDEwLjE5M2ExIDEgMCAwIDAgMS40MTQgMS40MTRMNS45NSA3LjM2NGw0LjI0MyA0LjI0M2ExIDEgMCAwIDAgMS40MTQtMS40MTRMNy4zNjQgNS45NWw0LjI0My00LjI0M0ExIDEgMCAwIDAgMTAuMTkzLjI5M0w1Ljk1IDQuNTM2IDEuNzA3LjI5M0ExIDEgMCAwIDAgLjI5MyAxLjcwN0w0LjUzNiA1Ljk1eiIgZmlsbD0iI0I4QjM5NyIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
		background-size: contain;
		float: right;
		cursor: pointer;
	}
	
	
	.params-list{
		width: 400px;
		height: 240px;
	}
	.params-list ul {
		display: block;
	}
	.params-list ul:first-child {
		float: left;
	}
	.params-list ul:last-child {
		float: right;
	}
	.params-list ul:last-child li {
		box-shadow: inset 1px -1px 0 0 #474747;
	}
	.params-list ul li {
		position: relative;
		cursor: pointer;
		background-repeat: no-repeat;
		background-position: left;
		width: 200px;
		height: 34px;
		box-sizing: border-box;
		display: block;
		padding: 7px;
		box-shadow: inset 0 -1px 0 0 #474747;
		color: #b8b8a2;
	}
	
	.params-list ul li span {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		max-width: 100%;
		line-height: 25px;
		display: inline-block;
		padding-left: 35px;
	}
	.params-list ul li:hover {
		background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNy45OTkgNy4wMDF2LTIuNWMuMDE0LS4yNTItLjA5OC0uNDc1LS4yNS0uNTAxaC0uNDk4Yy0uMTUyLjAyNi0uMjYzLjI0OS0uMjUuNXYyLjUwMWgtMi41Yy0uMjUyLS4wMTMtLjQ3NS4wOTgtLjUwMS4yNXYuNDk5Yy4wMjcuMTUxLjI0OS4yNjIuNS4yNDloMi41MDFWMTAuNWMtLjAxMy4yNS4wOTguNDczLjI1LjQ5OWguNDk5Yy4xNTEtLjAyNi4yNjItLjI0OS4yNDktLjV2LTIuNWgyLjVjLjI1Mi4wMTMuNDc0LS4wOTguNTAxLS4yNXYtLjQ5OGMtLjAyNS0uMTUyLS4yNDktLjI2NC0uNS0uMjVINy45OTh6bTQuODA0LTQuODA0QTcuNSA3LjUgMCAxIDEgMi4xOTYgMTIuODAzIDcuNSA3LjUgMCAwIDEgMTIuODAzIDIuMTk3em0tLjg4NCA5LjcyMmE2LjI1IDYuMjUgMCAxIDEtOC44MzgtOC44MzggNi4yNSA2LjI1IDAgMCAxIDguODM4IDguODM4eiIgZmlsbD0iIzg5ODk3QSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
		background-position: right 10px top 10px;
	}
	.params-list ul li.active {
		color: #121215;
		background-color: #5a9445;
		background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNSAxNSIgd2lkdGg9IjE1IiBoZWlnaHQ9IjE1Ij48cGF0aCBkPSJNNy41IDBDMy40IDAgMCAzLjQgMCA3LjVTMy40IDE1IDcuNSAxNSAxNSAxMS42IDE1IDcuNSAxMS42IDAgNy41IDB6bS40IDEwbC0xLjggMS44LTQtNEwzLjkgNmwyLjIgMi4yIDUtNUwxMi45IDVsLTUgNXoiLz48L3N2Zz4=);
		background-position: right 10px top 10px;
	}
	.params-list ul li.active:hover {
		background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDIwLjAwMSAyMCI+PGcgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0xNy4wNzQgMi45MjZjLTMuOS0zLjkwMS0xMC4yNDgtMy45LTE0LjE0OCAwcy0zLjkwMSAxMC4yNDctLjAwMSAxNC4xNDdjMy45MDEgMy45MDEgMTAuMjQ5IDMuOTAxIDE0LjE0OSAwIDMuOTAxLTMuOSAzLjkwMi0xMC4yNDYgMC0xNC4xNDd6TTMuMzc1IDE2LjYyNUMtLjI3NyAxMi45NzMtLjI3NiA3LjAzIDMuMzc2IDMuMzc3YzMuNjUyLTMuNjUyIDkuNTk2LTMuNjUzIDEzLjI0OCAwIDMuNjUxIDMuNjUyIDMuNjUyIDkuNTk1IDAgMTMuMjQ5LTMuNjUyIDMuNjUtOS41OTYgMy42NS0xMy4yNDktLjAwMXoiLz48cGF0aCBkPSJNMTMuODQzIDYuODk0bC0uNzM2LS43MzUtMy4wODYgMy4wODctMy4xMDctMy4xMDctLjc3Ni43NzYgMy4xMDYgMy4xMDYtMy4wODYgMy4wODguNzM2LjczNCAzLjA4Ni0zLjA4NiAzLjEwNiAzLjEwNi43NzYtLjc3Ni0zLjEwNi0zLjEwN3oiLz48L2c+PC9zdmc+);
	}
	
	
	
	.params-footer {
		height: 42px;
		padding: 10px 14px 0 22px;
	}
	.params-footer a {
		float: right;
		cursor: pointer;
		font-family: "Roboto Condensed","Arial Narrow",Arial,sans-serif;
		box-shadow: 0 1px 0 #661000, inset 0 0 8px rgba(255,210,0,.1), inset 0 1px 0 #fab81b, inset 0 -1px 0 #ef4511;
		background: linear-gradient(to bottom,#fab81b 0%,#ef4511 100%) no-repeat 0,linear-gradient(to bottom,#fab81b 0%,#ef4511 100%) no-repeat 100%,#f25322 linear-gradient(to bottom,#f60 0%,#a6230e 100%) no-repeat;
		background-size: 1px 100%,1px 100%,cover;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: center;
		justify-content: center;
		line-height: 14px;
		text-shadow: 0 -1px rgba(71,0,0,.3);
		border-radius: 1px;
		position: relative;
		padding: 9px 20px;
		min-width: 86px;
		text-align: center;
		text-decoration: none;
		transition: color .15s ease-out;
	}
	.params-footer a:after {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		content: "";
		box-shadow: inset 0 0 8px rgba(255,210,0,.1), inset 0 1px 0 #fab81b, inset 0 -1px 0 #ff7e00;
		background: linear-gradient(to bottom,#fab81b 0%,#ff7e00 100%) no-repeat 0,linear-gradient(to bottom,#fab81b 0%,#ff7e00 100%) no-repeat 100%,#ff7e00 linear-gradient(to bottom,#ff7e00 0%,#c2530a 100%) no-repeat;
		background-size: 1px 100%,1px 100%,cover;
		z-index: 1;
		opacity: 0;
		transition: opacity .15s ease-out;
		will-change: opacity;
	}
	.params-footer a:hover:after {
		opacity: 1;
	}
	.params-footer a span {
		color: #f9f5e1;
		position: relative;
		z-index: 2;
		font-weight: 700;
	}
}

/* Scroll top button */
@media all {

	/* Scroll to top button */
	.scroll-to-top {
		width: 44px;
		height: 44px;
		font-size: 0;
		line-height: 0;
		background: #454540;
		text-align: center;
		opacity: .6;
		transition: opacity .15s ease-out;
		border: 0;
		padding: 0;
		position: fixed;
		
		bottom: 20px;
		right: 20px;	
					
				
	}
	.scroll-to-top:hover {
		opacity: 1;
		cursor:pointer
	}
	.scroll-to-top:after {
		content: "";
		background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMCAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRjlGNUUxIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik01IDIuNDM4TDEuNDYgNS44OWEuMzgzLjM4MyAwIDAgMS0uNTQgMGwtLjgwOC0uNzg3YS4zNjYuMzY2IDAgMCAxIDAtLjUyNkw0LjY5NC4xMUEuMzgzLjM4MyAwIDAgMSA1IC4wMDJhLjM5LjM5IDAgMCAxIC4zMDYuMTA4bDQuNTgzIDQuNDY3YS4zNjYuMzY2IDAgMCAxIDAgLjUyNmwtLjgwOS43ODdhLjM4My4zODMgMCAwIDEtLjUzOSAwbC0zLjU0LTMuNDUyeiIvPjxwYXRoIGQ9Ik01IDguNDM4TDEuNDYgMTEuODlhLjM4My4zODMgMCAwIDEtLjU0IDBsLS44MDgtLjc4N2EuMzY2LjM2NiAwIDAgMSAwLS41MjZMNC42OTQgNi4xMUEuMzgzLjM4MyAwIDAgMSA1IDYuMDAyYS4zOS4zOSAwIDAgMSAuMzA2LjEwOGw0LjU4MiA0LjQ2N2EuMzY2LjM2NiAwIDAgMSAwIC41MjZsLS44MDguNzg3YS4zODMuMzgzIDAgMCAxLS41MzkgMGwtMy41NC0zLjQ1MnoiLz48L2c+PC9zdmc+) no-repeat;
		width: 10px;
		height: 12px;
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
}

/* Search */
@media all {

	/* Search input */
	.search-name {
		float: right;
		height: 32px;
		width: 334px;
		box-sizing: border-box;
		display: block;
		position: relative;
		margin-top: 75px;
	}
	.search-name input {
		border-right-width: 0;
		font-family: "Roboto Condensed","Arial Narrow",Arial,sans-serif;
		box-sizing: border-box;
		width: 300px;
		height: 32px;
		font-size: 14px;
		line-height: 16px;
		border: 1px solid #29292b;
		padding: 7px 11px;
		transition: background .2s ease-out,border .2s ease-out;
		background-color: rgba(0,0,0,.75);
		border-color: #474747;
		color: #a29e87;
		display: block;
		position: relative;
		overflow: visible;
		float: left;
	}
	.search-name input::placeholder {
		text-transform: uppercase;
	}
	.search-name input:focus {
		color: #e9e2bf;
		border-color: #e9e2bf;
	}
	.search-name input:hover::placeholder {
		color: #a29e87;
	}
	.search-name input:focus~.search {
		background-color: #e9e2bf;
	}
	.search-name .search {
		width: 34px;
		height: 32px;
		transition: background .2s ease-out;
		border: 0;
		cursor: pointer;
		background: #29292b url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAuNTQ0IDkuMjg3QTUuODM2IDUuODM2IDAgMCAwIDUuODM2IDBhNS44MzYgNS44MzYgMCAxIDAgMy40MDkgMTAuNTc0bDMuMzg4IDMuMzZhLjM1My4zNTMgMCAwIDAgLjQ5My0uMDI2bC43NzgtLjc3M2EuMzQ1LjM0NSAwIDAgMCAuMDI3LS40ODlsLTMuMzg3LTMuMzZ6bS00LjcwOC03LjczYTQuMjggNC4yOCAwIDEgMSAwIDguNTYgNC4yOCA0LjI4IDAgMCAxIDAtOC41NnoiIGZpbGw9IiM3OTc5NjgiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==) no-repeat 50%;
		background-color: #474747;
		
		display: block;
		position: relative;
		overflow: visible;
		float: right;
	}
	.search-name .clear:hover {
		background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5IDkiIHdpZHRoPSI5IiBoZWlnaHQ9IjkiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjZjlmNWUxIiBkPSJNOSAuOEw4LjMgMCA0LjUgNCAuNyAwIDAgLjhsMy42IDMuN0wwIDguMmwuNy44IDMuOC00IC4yLjNMOC4zIDlsLjctLjgtMy42LTMuN3oiLz48L3N2Zz4=);
		color:#f9f5e1;
	}
	.search-name .clear {
		border: 0;
		cursor: pointer;
		background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5IDkiIHdpZHRoPSI5IiBoZWlnaHQ9IjkiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjOGM4YzdjIiBkPSJNOSAuOEw4LjMgMCA0LjUgNCAuNyAwIDAgLjhsMy42IDMuN0wwIDguMmwuNy44IDMuOC00IC4yLjNMOC4zIDlsLjctLjgtMy42LTMuN3oiLz48L3N2Zz4=) 0 45% no-repeat;
		background-size: 9px 9px;
		background-position: center;
		width: 30px;
		height: 30px;
		display: block;
		position: absolute;
		overflow: visible;
		right: 35px;
		top: 1px;
	}
	.search-name .clear.hidden {
		display: none;
	}
}

/* Background */
@media all {

	/* Background sparcles */
	.sparkles {
		min-height: 100vh;
		line-height: 20px;
		color: #b8b8a2;
		-webkit-font-smoothing: antialiased;
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		position: absolute;
		width: 100%;
		height: 100%;
		background-image: url(../img/sparkles.png);
		background-repeat: repeat;
		z-index: -2;
	}
}