@import url('https://fonts.googleapis.com/css2?family=Aldrich&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
:root
{

	background-color		: var(--background-colour);
	background-color: #3d3d3d;
	opacity: 1;
	background-image: linear-gradient(-45deg, #3d3d3d, #3d3d3d 50%, #404040 50%, #404040);
	background-size: 10px 10px;
	background-attachment	: fixed;
	
	--primary-colour	: #ff9900;
	--secondary-colour	: #c2c2c2;	
	--background-colour	: #3d3d3d;
	--page-colour		: #2e2e2e;
	--header-colour 	: #242424;
	--panel-colour		: #333333;
	--border-colour 	: #121212;
	--select-colour		: #2e2e2e;
	--text-colour 		: #d9d9d9;
	--dark-select-colour: #111;
	
	--common-border					: 1px solid var(--border-colour);
	--common-border-radius			: 5px;
	--common-border-radius-rounded	: 50px;
	
	--header-height: 50px;
	
	
	--font-standard	: Open Sans, Verdana, Arial;
	--font-heading	: Aldrich, Trebuchet MS;
}

::selection 
{
	color		: var(--select-colour);
	background	: var(--primary-colour);
}

body
{
	margin: auto;
}

header
{
	background		: var(--header-colour);
	font-family		: Aldrich, Verdana;
	color			: var(--text-colour);
	border-bottom	: var(--common-border);
	height			: 50px;
}

header nav
{
	float: right;
	height: 100%;
}

header nav ul 
{
	list-style-type	: none;
	margin			: 0;
	padding			: 0;
	height			: 100%;
}

@media screen and (max-width: 768px)
{
	.field-description-box ol
	{
		padding-left: 25px;
		margin-top: 0px;
	}
	
	.field-description-box ul
	{
		padding-left: 25px;
		margin-top: 0px;
	}	
}

header nav li 
{
	float		: right;
	font-size	: 18px;
	height		: 100%;
}

header nav li a 
{
	display			: block;
	color			: var(--text-colour);
	padding			: 15px 15px;
	transition		: 0.3s;
}

header nav li a:hover 
{
	background-color	: var(--dark-select-colour);
	color				: var(--primary-colour);
}

a
{
	color			: var(--primary-colour);
	text-decoration	: none;
}

a:hover
{
	color: white;
}

h1
{
	color		: var(--primary-colour);
	font-family	: Aldrich, Trebuchet MS;
	font-size	: 40px;
	margin-top: 10px;
	margin-bottom: 20px;
}

h2
{
	color		: var(--secondary-colour);
	font-family	: Aldrich;
	font-size	: 1.3em;
}

.header-inner
{
	margin-right: auto;
	margin-left	: auto;	
	min-width	: 300px;
	max-width	: 1050px;
	width		: 95%;
	height		: 100%;
}

.header-logo
{
	display : flex;
	float	: left;
	height	: 100%;
}

.header-logo h1
{
	margin		: auto 0 auto 5px;
	color		: var(--secondary-colour);
	font-family	: Aldrich;
	font-size	: 21px;
}

.header-logo:hover h1
{
	color: var(--primary-colour);
}

@media screen and (min-width: 768px)
{
	header .header-logo-text-short
	{
		display: none;
	}
}
@media screen and (max-width: 768px)
{
	header .header-logo-text-short
	{
		display: block;
	}
	
	header .header-logo-text-long
	{
		display: none;
	}
}

@media screen and (max-width: 400px)
{
	header .header-logo-text-short
	{
		display: none;
	}
}

.header-logo img
{
	height			: 80%;
	margin-top		: auto;
	margin-bottom	: auto;
}

hr
{
	color: var(--primary-colour);
}

.page-content
{
	margin		: auto;
	min-width	: 300px;
	max-width	: 1050px;
	height		: 100%;
	width		: 95%;
}

@media screen and (max-width: 768px)
{
	.page-content
	{
		width: 100%;
		margin: 0px;
	}
}

.centre
{
	text-align: center;
}

.grid-container
{
	display					: grid;
	overflow				: hidden;
	grid-template-columns	: repeat(auto-fill, minmax(200px, 1fr));
	grid-template-rows		: repeat(auto-fill, minmax(200px, 1fr));
	padding					: 10px;
	border					: var(--common-border);
	border-radius			: var(--common-border-radius);
	background				: var(--header-colour);
	min-height				: 500px;
	border-top-left-radius	: 0;
	border-top-right-radius	: 0;
}



.icon-booster
{
	background-image: url('data:image/gif;base64,R0lGODlhgACAAKIAAB0dHUJCQnV1dZ2dncPDw9nZ2efn5wAAACH5BAEAAAcALAAAAACAAIAAAAP/eLrc/jDKY6q92MzNu/8glI3kGJ5oGpZsm6lwjLp0bcl47tg8r/+pnrAHLHKGSKJxyUgOBNCAFECtSqEDApJpFD6n1bB4XBVklVwcTxAgu99ksy0ds7Hh+LxVoKXRTzUDbXqEhAFnLn8eNIKFjo6ILIobLo2Pl4aRJJMiLZaYoISaJpwLLoOhqXoBfSWlFCx3qrN6fJKTLai0u3Cst3Qsn7zDb6MXwCWyxMtutptMsczSb77PRSy609pWBa5A2NvOa6GtLzrg291eqeUY5yTZzOI88Y/tN2rw21T3jLTq5mCUqLesWg+Cjwy6UzFwHxVjlXgpPBZkhACH/IYgxDQP/x+gEcK0dayxDOKMERgzCrm4rN/HDBuJTSTJbKaGDyRYYoTYQmdJa0dQprR5SpvLDvpSjowoEqgEkClVHtxnLCjMqEs9YQRI8WmGAVEB9CvqsKrXq0OHgE3ptAFUrBrhBnwgNCrXQGFtdsKwVmncsGZ3oGX7N+pMunUxEo0WVmpXU18BFw47UjCGmDLVNuY2FxZfypMbH1VgMexdf5vLkCI92GFWdKkdV2iSQXKPvrHFBnyrOHRqs6X93s4dprLnC5iHnSZLXPbNxPteN2zunDUGu+uoVz9eAfe2xcGeiMcCpfzOF8HLJkEdrobPdOuZtqeRnJb0+AV609+Kn/E+8P8W1KcKgOt5Bx9zRvU3HX8ITqNgTqbtN9+D10XYIDPLKSggLzQ1ReEF7zGYy3cfIrdZh+FEcYUULB4y1YkSUjfOZgQasKGHKOblnnY8tQYae8TZkVtlkTV3X4C5jWLdBTLumKQ50NGIV5BQ+tjYkfk1R0p6v9EQ4pVbFhkbkLEFFqVcI2o515mE9aTdatxV8KWICw4JJ28/wkZlZ2zuM5YFc8K4EG2f6ZimkXAuyaRtde45KKEmYpeMdgAchlih+jX6ZGeQInmeprkl6paYfpZg4KaPWnaZa3qqyemomGrDU6CbBRZBUgni2eSrqlpw6jBZ3biNrWetOg1EtIIp6q33ff6jq6upTgChPLhStxQI1fJiTLKG8ipts+SAK9qyVsVq3wjCytrWIlzOcg+3aEaLU7bs1EYpUQLRy5GVseFbh772mOuovCehq4q9b65bEcC1GLsruQsbjEk5vwoKMUOg5lFhc4st0Woe4sD7X4Y3eTxpIeVY+ws0pqLsKaoX/3AoHGeIPA14nLhJKc0tvHLhzgC+ouizPCYiNGTBpFtTj7MdDWvSxDHdtNNPQ52X1FNT3aupytyMZclaM8tI17x8DXbYxQZCdkJyoIF2ubepWM8VbQ/x9kslxnc3xnnbvbcMfc/x9zuBxzx4voUfjsuDioftw+AJAAA7');
	background-size: 100% 100%;
}

.icon-wiring
{
	background-image: url('data:image/gif;base64,R0lGODlhgACAAJEDAIuLi+fn5x0dHQAAACH5BAEAAAMALAAAAACAAIAAAAL/nI+py+0Topw0vIuz3pzVD37dSJZdiKaVybakCseSS9eKjOP2XuZ+zgtifkSg8IgoApYAgfMJZQKKSKFvCc1qt86lr2qTYbnkcnQaA7fE5ra7K1OPYs23/Y1WyTWw+v3vloeyd6HiB4jYJghC6JFymBhptijSeGAomfmmZ/mo+RmY0pgCWuomKocCacqqRTmhpto6S/Y6gyRLq7s1aBWyC8wbEoQSbJzVW1N8zOyU7PLbLD1MEy09zbgGcs0tQN2z3c39PfexKm5sC15xjp6effLhLg6/ET7fXT9kji+uzievH71K+9gJ9KevAb+DCFcUCshwoEMHCyN2e/XgnsV8/wQXVNzIDaPCCiDdJTTwMUoRCe3aBAD0SopMKWVE3iDJZeUERFNa5iRipuMliK4ozJQyYSYiCX9iyjRYJmHKohHa7dSUJ5EgSElDTRxKYVNVLV01leXJ8klaO0Kn1hoL5apZuYmYCkDjc4tNCFDFvoxrN9OivC4DeDEMsyNRv4AjfOqr9ewfxTjv4FUbOBJeunUzT57otrCfPISDOiadaS1ah6EnOcb8OhJczoDgRmZduTZiOLYT//XmuWls2bjDdv4NfPjn36iPz6WAMrfw3cmRW85MG0/v47D4StY9WvUdus2nf6Lk/bt52Nb9Uhe0lLokW5Djh9+uqOrw7K7b3/9W8dwT5Yl12H3ynaKcZjFgZRt/XFyGXXA14UccgHMZWBpvGrKX4V0JSrIgg8g5SBZ1tg1oWocIWnghe9ohh0Zj/un1IYgwgBIYij8dchlvB/40Y4WknNeghFn0iJmBQQpIoY0stuhjXjEeuZ+RKi3J3TJEjthkksJgmGIrIeJoopUezjilM2amacqYj8WmI2wPFtmlmUJquaUfDtb5Hn9IlkKfUW32WSObVMk4J5b/eQIonOJ5GRWhPwKnoh0Y1QdldVRJWWWChjYKXXp26sbco59uyiEyNT7X3WIi6ulZl4ApeWWlbBVHYmewDncqjVzyuiqrt7R2G5N03rprmbb/vhgqsbq6eGaHacJ3pi42uRpglNVaSidio94ZQRLS5QlbE7J+aaxhf7JCmaDslqmfoodyGKxg7aonYrrflpjsufO1Ne6b/S6bo3G0CCWqv6Tqe1u/1iKsESg9xklgusu6110C2Gb66HWl1pvaV+K6a0qa+5JR5MVehepRwFAqHOlfvZLJcsskl8LUzNx6O6nECI9sMKhZXbjuoCLfdDPNMPd3sm81O+Lyv02btjSpT0ONb8g9xweygkdjnXWFJVft8ddgT52fvONtrfXVFDlb0pZmjxR13EpnbM/Gdgt7SzyY7m3vzxmAoDLgVAo+eMSGr4Z44novvuLceT8OOconm72geOUxS+435Zqrefk6nlf+jDLWfK5q6NoQjrqMnK8Od0mBxhJC4ejMngqegKOyB6N2B2pBJ75bBHzwliT8Nz7FH6/x8PMszzzSudwOQ/Rnsx5SGtbTjck72m+fER2211J83+A/hMMY85Xv9vlv/0AT+Yf94D7mOt3feP0F4X+//qbzTz//7QCAcRAgLgiYPwPygIAKdJ8ODFgAADs=');
	background-size: 100% 100%;
}

.icon-dna
{
	background-image: url('data:image/gif;base64,R0lGODlhgACAAJEDAIODg/n5+R0dHQAAACH5BAEAAAMALAAAAACAAIAAAAL/nI+py+0Topw0vIuz3pzVD37dSJZdiKaVybakCseSS9eKjOP2XuZ+zgtifkSg8IgoApYAgfMJZQKKSKFvCc1qt86lr2qTYbnkcnQaA7fE5ra7K1OPYs23/Y1WyTWw+v3vloeyd6HiB4jYJghC6JFymBhptijSeGAomRmoZ/lIRhkBCQgimgU60ZjSRprJujooh1KqFcoU2hogdbsZoib7tisgIUVcbIzmF6wIe/QLnPtU9JEMbXca0RzyF3ztA6X8zMiDMlotgHycThzxbX7HTENeHvCEHMkNbge/BpKI1j7LDT5698S50OaPXT1pEqIoLFiJBcKCfrrJAKipl4kQ/wGfHRqmztiwhe4SGpwzTdM/kh23NCSpCU7EEylVKhsZ7mNJSadefIjp5GW0WiG9uLMHVNhMPj+TIpWZI4vQpCeH1HSqzGIFU/lsLn3QL+lQgiRziZx6rmvMqg5ciU1bMs8hQVwfvoW7wiqFljzBCbKVD+ddqKgKNR0cNB8oUYIRK83btgLfjIEniJLr2CFkR1szjyX7dwtmz58Lc7ZM+nNol41Jg4pMIbXm1mV3kmZr4Krs1XVpp3694PBu39dkS918Sbhr2ovqjDbOVrfnCaJRz56MFTmEzr8VS3+eeql0x09V84ZqHK/p7Xu721V/vbdx4Lm5T38v9yx+tYNnKv9HXJ5WsbVjW3+QjXdXgD8cR5ZnwCH4FlogFaVggW89aB+AN/FHy4YNZlbJfwnaVZ5AJL7nWIjt3aeTWRQC5g6HVOUlmYMDMUSge6hAmB2BDFWE4mACWgjUhtixBiSRQA15ZCID9dWgjDENaaM5K5mE0W0wVOkjQ1YGeVcMXJb2I0xaqjBmYi+q8+SZqmR2ZYnlJBnelnA+dGUkcYIZoZ3k4UnUmsW0eR+ad0bppWB5puinhogm+uWHiIl5KDVNavEUWpP2waKZJlm6HKcgRgpllodiMipokCZ5KSKv1Xhol0p4euoM7FFXKUuCwmhqqoWJ2CeirT4lp4EU1DdgrCz/bXOipJsee6tvfbZ4ZHlSTqniisoSFhWttdoaLZ9iTTVksnC16uRmwF7ooYvHNKYpo9Aia12hc8WL171KZjdvuPtiux849Z47n3gZ/hnwLXTNlt5XPLKbsLboFaxdWDpiKjFe6T3Wb3Lmhupsc1ChK8lX9ErrqG3FbUzfDQdX2RUlGyfWcQIPjzjwbM7CvJ7LL6d8no8kp6udzbAWqipxKENcs88fGwuJyL0N/Y7JTi/t1WVHl0U1L00Hd7OeldWScx7fgmvYz5mYrXOScV1L9Nen5bxWwu+iVaxXRcP29NpZdTuWsXLzjWuRzeKgb9cd7p12xmJ/OGFIjS3qt9V6/TmOyN//0qyZ4tyiTVPYkxh5h7XiWqNRDxYT3fmu5MJdRuobrT6nrFf0mjluPq07eoPlyiNTybrvzvsnzWLpbdXDE682GaSny2ruy6tO+ys6Df288pbz45b1teE4VJPdVOFM7257iXsZ44NRvvG+B7qrUZrhsQ8Sb7qvy+nm8/qK7L603xvMaa9vOtteNgD4OdhxYSIYS4ElPMaRmdHPgQ9MgickyAWtVBBsF8RgAhlXQTpgcEgbBIsIdcSJEjbuEZ4TTblUuIErKM4oOoAhB5TABPXB6As2ZB6kEtVD7v1QGkEMwxB5WMQdHBEGSWTfEgfXRCv8MIpBrGETCwAAOw==');
	background-size: 100% 100%;
}

.icon-gumroad
{
	background-image: url('data:image/gif;base64,R0lGODlhIAAgAMQfANCaeuSqgGpMSllGTCwkNIhycio0TGG51gwNJZRlV7eLd/DFnHtkZAICFLqik0AvOEw8RTZLYnRyfklWa617ZR4XKk9nd2VZYv/wvhQgO8XApZR9fJpwYXhXUnaKigAAACH5BAEAAB8ALAAAAAAgACAAAAX/4CeOpIg0zYlWZeuODQSdT8INKQE174tklVTjoQgEALvTj9UbIRC6YKMTWCwCCRXE8Gt+IhpPQ3eiGrEpyKMx0Vh6DbC4UQkSKICAYg1FtS08LQYoQBkIDwQrAwKJaT+PDQYlBhGDDRkGGQQVA1IoDQIVBASZKAQTkiMZERGjBFA0oxsXAwxrY1CIEJUjEwQZDwMPEU8QnRoMGhsOGwMXo3EyEIYQIhMFAwgVGQfEFxoXDg4DBAsDBRidBt11DwwDInQMDNuVQQUOdaYCAvljFoPmPUDwwUAHCAQQVXhGR1idIHWgQKiAIIKmHRkYTBvAoVmdDTs2aHBQgIEDBQMg/4x08EoCFwgdaGWqQ4BcBlRDCtAakFLNBX4UXXJSiKlkym0eLKE4kfDJUjrPOA1QoCDTA2MMRnl4FWBNnQQUKF46MKiAAak2Dcjo0KkCyCGHktDYwaVCgYE8EZIa0IFDhwfBcCwd6PSBJwEdDkLgICBlQlEcKPADkCiYYRuj1GijMAAAhwoC1BD48GAyBxsAKDwhJwADhgRRGnAIwOEkHgUMRDzgkBqAggRHKhxEMMBKh20W7hTxDCA1BREEGCxofoTCZzV0rlKsEEF4h+Z8E4gfUUEN4EUCVJh69QkU24kPSRh6hCCx2BinBSwVzuBEhv8ZlPDfTAx0YMCBauRhzG6BBgiQFQKZBNiCENENMMEFCnBAQAewMQAAAxPUMsgJPTxBwAXG5JHNf4cYgeIz/3kBBYpUAJCAXg90UIRGMHohQgYoSlBAEWcYAcAGBUTwjI8kRGCBBRIwsIECvhUggQQWTMDkCxFM4OWXEfgYAgA7');
	background-size: 100% 100%;
}

.icon-enlightened-states
{
	background-image: url('data:image/gif;base64,R0lGODlhIAAgALMPAHRcRwUDFwkGJDcrMjYnSZJ1TRoRNLmWV1dFPyQXNRkUQBEMJg0JMRINNiYeSAkGJCH5BAEAAA8ALAAAAAAgACAAAAT/8MlJRbg4C8r7tFmoeR4onpewkZIZLguasm4axLAAnytXBzqYYaEKxkK9FhJGTCwQicAAeDtikhgcETMYIBZdVbX2ueZUBm8XMUgMYsbRQ7MwCBiBRgLAB7OLKlsYDxZFMA0NDAJuAAUFAwADdoBDNioNl4iKRW4DBwBsdgybZyl3owoGmomoCKCKow0KmEGFd7MKubK7CgwIjwAHqbubOqYMuQoEDsyzBgYKDgWuAMnFtZfRDtEEywnQzw0IBwUCuZMqeEWjDLvMDsiqowQFfAjtgESADAaw8Yj9nqliA+qOgGcLFBlIcGcIu3b9tHlLVW+RngYLCDipI2tWrHbbk2S968YHQAJmBBYi0Gigm4FtBkdBw5ULHrWU31p2w9nNAZGPuzpaA+CgATh+uRJ8U8qQUDp+QGUhmAoNIMCcw1oAOtiOHYFIVBMBDLerx1Z5D7uEaZfoGdtEFWzdYTJKwNpYCR9i8gFkq5CDduo4PFWkxFZSTGDU3ZrEB2PG1wCx0Goq0GPJkz9cNlQ4c4fNnUlEAAA7');
	background-size: 100% 100%;
}

.icon-dollar
{
	background-image: url('data:image/gif;base64,R0lGODlhQABAAJEDAOjo6I6Ojh4eHgAAACH5BAEAAAMALAAAAABAAEAAAAL/nI+pCu2/opw0hYczCLX7pIXhRy7iE6RnU5ZiKsTyLKha22kBzfc2hotkYL2iLxMEYXbG5hGYXDqnRSQOQ80+HS2U9ku7QD7e7+VshlbK6QbzO6aw2xtwLS552GPiur0PMKG3d+dG2Jfn8NYEuDJnhIcw6OS4MgXIoHhZebJYhKjkR8l5ssklaTiFksK6xPoDQAVqMDmaKtPnCSh7SntrK8qnObNLNdan9ZgbVst42tykPIy7EezMMjCtql1oTaiY/Qusy/2tAce9TEh8npxevtfYgC6uvi6cQU/6aMofvd/OnT8j8gB6AiauH0AHWgrGewVrA0RoBAPe60aOYRaHwhfxWSvGi4XGjvY8xtrIBd6fdyO3bQjnjSARZvUoVsGGLOQ8mh9t8pilkudJdjVb/sMG8+CWodSK7nQZyNfTa1M9Zqz6qZdUpUIXGr2JVCrTrF4HEo0aiuvZsmplRBKrc2Fbj4mw+oAYEe9ck3Vj6twLFq2QoFQB81DT1/BZxU3D9vVbMaETTB6kdFTowuxlAYjJaL7XKIrlzd0cX1l1WV6SUJ+pvl0NEzXKG7AHh3jF55WI2mvKduYtpyzwIBGH8C4AADs=');
	background-size: 100% 100%;
}

.icon-pound
{
	background-image: url('data:image/gif;base64,R0lGODlhQABAAJEDAHZ2dh4eHuPj4wAAACH5BAEAAAMALAAAAABAAEAAAAL/nI+pKe0vlpy0Iohzs7wfDWbeqIQNgKZmRHoaGsTyHKNaa2UAzfe1iFtgdr4iD4AJXiBEo5OGhCgxz2ov2WJat1DpSMsN/x6uR1Mcjjo6ZrQ7oGZV2m93fO4418X3ySOdEiioZ0Qm8bcVt0LoY8iQt7WiUaUm5JAoqVPl+HESmZlBubbUwMU0KAhhxQn5eemkKrphgOhaClv7ZJi7yXvlW7TraQoMFYg522orsFdUWVwI3bwm3VhdNxkW2/wLRvzKfTREGXiKysilKIBOA0r3ps4+465sN65Lv74XL7YdPqOOmbZrb7J9u/VvHjWEyxK2SzasocMxLOr1AocLo7NRmwQVagxGUBjDiyNBfuwmx2LGktZOdplFy6WMVGbO0ZQpg9MAlR7zGfRR6RHLnC/yyQugcyfPGCDg0HMStIRMTRRNHEU6ytLQQUBtXsUKU6u+ibLCiv3qsA+eiGTFZV3Ltm1VOTneyVVEwhtZvFn8JcSC4144dUo62bXnpbDhw8gSKyZ16okNII/Fvrh5o3Jdn281b6bnuXAIzwUAADs=');
	background-size: 100% 100%;
}

.icon-euro
{
	background-image: url('data:image/gif;base64,R0lGODlhQABAAJEDAOXl5R4eHnNzcwAAACH5BAEAAAMALAAAAABAAEAAAAL/nI+pCe0Plpy0Iohzs7wfDWbeqISNgKZmRHoaGsTyHKNaa2UCzfe1iFtgdr4iT4AJXiBEo5OGhCgxz2ov2WJat1DpSMsN/x6uR1Mcjjo6ZrQ7oGZV2m93fO4418X3yWObEig4qHe1JvFXtWLiRFaSp7jIWKQm5FAVJ6lj5LgEUGioGWJU6QlgxUSomtl4aAAZeZKWSOlK+0QHeOvjuMsJCxiIewg8LLtHSnwc+4mcvOELFZi6Koi2Fj0jCgJqDNG6DSa2+RuejTnkJEhdXZfZvJXr3PPezVs83yXus27WvlcP3DZn706VE2WPiwaBkhIqxNZA3TR/g/Ipg8fMIcCLlxplyMsno9Q5Hh+fWBP46hIqfCZHxujE8t4yK3HUuRrg0iPFahNVFumUEuNBcyNLmUJHtKS2m0GF/kzqkx7TD1GHhkOJqCopnoS8UVAKstZUBjHDHgHqp6zZMRs47Fsb0otbsCAzkXgb1m6Wb2ux4EiX750SqnR1yR3cVK1Nv4hN+TNZUE7jRyEGmZg8FyrmL+Y2Dw6xuQAAOw==');
	background-size: 100% 100%;
}

.icon-time
{
	background-image: url('data:image/gif;base64,R0lGODlhQABAAJEDAOfn53l5eR0dHQAAACH5BAEAAAMALAAAAABAAEAAAAL/nI+pCu2/opw0hYdzq7wnDYLeuIRmSJJhEAjuC7OXlnJaC+e6y9J1mcHthroZ5IcIEpdDowM5wAiZ1FjmJ61qi5gUZgvOOQGjxzQcHnfM6PbLaXsQZfS63T4/TuTNk7+R9yTB1vd3smQ06HAmZni4pPfhQCXTcHdpycIEJ2mpdcFIBKgVacBXBbp1oVq6yAq2uhV5igoQ2gcraOrJerszKitohDY6dgr8KUhLaitgzJuauxHFK82jcQ3QtkjdjBatJFANBuIm7k04Lv1lzuvu3fZs7uIZq56GPX/e0nKPn6GPnjaBAeUFBAbPnMF50fbpW+hmhpWE3/JFRJbNFyWLxRUHcqHIaoOrjogwBhPpj4pJLhpFPRmZq6VAmTqUTQqzckfDZNO60XwD0iVOXTBrTXFyJqfLnss2wXsmZKfTnruC9sHxDJrHKq1uGnX2SOlHMgxS/tLmp8dWJqWqWn2j1lGmlokiNJ0ol+NYskDMZs0LSZfdonjzsjsreHDKS4zvLKWqiHDAkon3EJpMGXKFLJiHdPFyuXO2yh7CdVYDpZvkeFdSu13N87PrAzd+gvUxu1NtTChyRzYs2zcF4JqFV/jLzXUBADs=');
	background-size: 100% 100%;
}

.icon-series
{
	background-image: url('data:image/gif;base64,R0lGODlhQABAAJEDAOTk5Ht7ex0dHQAAACH5BAEAAAMALAAAAABAAEAAAAL/nI+pCu2/opw0hYdzq7wnDYLeuIRmSJJhEAjuC7OXlnJaC+e6y9J1mcHthroZ5IcIEpdDowM5wAiZ1FzmJ61qi5gUZgvOOQGjxzQcHnfM6PbLaXu45wI4RU6f2yNsrewPGBjItcHncMZ0ogiwc8TgENYgOAnYsLN30Ldl2cap45gJGcnYSUpYGAqA2CTjOUoEikc1Zvra9JS62qjaUwvm+olrtGkKTLxkZCBL5Wms5fyGe8g0M/MCzewbrBoliZxxrf0sDgNCrerSTJ59Dv6No+6GzaNxDl+8nphfV/+eji9vHy2B6ATEK9Xuiz+DABF+c0fkwr1wARMuu1TwIJp5zvwg3pr4r+JDhREzNtxIcMO0kiAZUnppbQmElR9D/lsUQp9Kbyxt8oApg18LFtnIdJsn0WeafTFwHdUlVCmYpFUc0eRyD+gknkWNHl1HFacJP06VcRVTsI7WVoDGoTILjepSqLfe5sJIt+evsqnEDRSbtkoyQ8b+is3blG+Sq3lQ2n10tjExxZADS+7qdUKWy7NA3dHEGSNlzaBDhxv9mTFnNVg2r+4C5WtkN7Ri91W9ZaDtD0EQR/OxmzeIlyaCkwYswngc5I+VVzB8aHcBADs=');
	background-size: 100% 100%;
}

.icon-gear
{
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABAAQMAAACQp+OdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF5eXlAAAA4nvKWwAAAAJ0Uk5T/wDltzBKAAAAoElEQVQoz52SzQ2CMABGX9MDF3dwBSeQxUzgxlrdRJhDwvNQLCAYEm8vbdLvr6h9pXIIKZ7BYBvsxPSAexTbG1yCCAAyZWgWGDPUy4lfILYAYQ0JIG6vqh5EuI4zNNMsqlk0aEtDT9REBRnyY/YAVH9BXEGCRaKIFhvFmFCPc8DZ/DZgOMxeatm1ui9zOijzM0qZaRDsxJcp+jyb+8cneQOY/OkEx6NIoAAAAABJRU5ErkJggg==');
	background-size: 100% 100%;
}

main
{
	margin-bottom	: 15px;
	margin-top		: 15px;	
	padding			: 20px 20px;
	color			: var(--text-colour);
	background 		: var(--page-colour);
	border 			: var(--common-border);
	border-radius	: var(--common-border-radius);
}

@media screen and (max-width: 768px)
{
	main
	{
		border-radius	: 0;
		border-left		: none;
		border-right	: none;
		padding			: 10px 10px;
	}
}

main img
{
	width: 100%;
	border-radius	: var(--common-border-radius);
}

main p
{
	font-family		: Open Sans, Verdana, Arial;
	margin			: 20px 0 20px 0;
	line-height		: 30px;
}

main li
{
	font-family	: Open Sans, Verdana, Arial;
	line-height	: 30px;
}

@media screen and (max-width: 760px)
{
	main p
	{
		line-height: 27px;
		font-size: 15.5px;
	}
	
	main li
	{
		line-height: 27px;
		font-size: 15.5px;
	}
}


button
{
	background 		: var(--header-colour);
	font-family		: var(--font-standard);
	width			: 20%;
	height			: 30px;
	color			: var(--primary-colour);
	font-size		: 1em;
	border			: var(--common-border);
	border-radius	: var(--common-border-radius);
	transition		: 0.3s;
}

.search-bar-container
{
	background			: var(--panel-colour);
	border				: var(--common-border);
	border-radius		: var(--common-border-radius);
	padding				: 0 20px 10px 20px;
	margin-top			: 20px;
	border-bottom		: none;
	
	border-bottom-left-radius	: 0;
	border-bottom-right-radius	: 0;
}

.search-bar
{
	display		: flex;
	flex-wrap	: wrap;
	width		: auto;
}

.search-bar-text-input
{
	display		: flex;
	flex-grow	: 3;
}

.search-bar-text-input input
{
	flex-grow		: 20;
	height			: 35px;
	color			: var(--primary-colour);
	font-size		: 16px;
	border			: var(--common-border);
	border-radius	: var(--common-border-radius);
	background 		: var(--header-colour);
	outline: var(--primary-colour);
	margin:  auto 5px;
}


.search-bar-dropdown-input
{
	display		: flex;
	flex-wrap	: wrap;
	flex-grow	: 1;
	padding-left: 10px;
}

.search-bar-dropdown-input select
{
	flex-grow: 1;
	margin:  auto 5px;
	height: 35px;
}

@media screen and (max-width: 915px)
{
	.search-bar-dropdown-input
	{
		padding: 0;
	}
	.search-bar-dropdown-input select
	{
		margin-top: 5px;
	}
}

input
{
	transition: 0.3s;
}

input:hover
{
	background	: var(--page-colour);
	border		: 1px solid var(--primary-colour);
}

select:hover
{
	background	: var(--page-colour);
	border		: 1px solid var(--primary-colour);
}

select
{
	display: block;
	height			: 30px;
	color			: var(--primary-colour);
	background 		: var(--header-colour);
	font-size		: 1em;
	border			: var(--common-border);
	border-radius	: var(--common-border-radius);
	transition		: 0.3s;
}

.logo-splash .top-header
{
	margin: 0 0 10px 0;
}



@media screen and (max-width: 768px)
{
	.logo-splash h1
	{
		font-size: 30px;
	}
	
	.logo-splash h2
	{
		font-size: 20px;
	}
	
	.logo-splash img
	{
		width: 170px;
	}
}


.logo-splash
{
	position: relative;
}

.logo-splash-foreground button
{
	width		: 260px;
	max-width	: 100%;
	cursor		: pointer;
}

button:hover
{
	background	: var(--page-colour);
	border		: 1px solid var(--primary-colour);
}

.logo-splash video
{
	position		: absolute;
	object-fit		: cover;
	border-radius	: var(--common-border-radius);
	width			: 100%;
	height			: 100%;
	z-index			: 0;
}

.logo-splash-foreground
{
	position	: relative;
	text-align	: center;
	z-index		: 1;
	padding: 20px;
}

.logo-splash img
{
	max-width: 220px;
}

.faq-question h1
{
	color: var(--text-colour);
	font-size: 23px;
	margin: 10px;
	transition: 0.1s;
}

@media screen and (max-width: 768px)
{
	.faq-question h1
	{
		font-size: 21px;
	}
}

.faq-question
{
	border-radius: var(--common-border-radius);
	border: var(--common-border);
	margin-bottom: 10px;
	margin-top: 10px;
	background: var(--header-colour);
	transition: 0.2s;
}

.faq-question:hover h2
{
	color: var(--primary-colour);
}

.faq-question:hover
{
	border: 1px solid var(--primary-colour);
	background: var(--page-colour);
}

.field-header
{
	display			: flex;
	background		: var(--panel-colour);
	border			: var(--common-border);
	border-radius	: var(--common-border-radius);
	padding			: 15px;
	box-sizing: border-box;
	width: 100%;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.field-header img
{
	border: 1px solid var(--primary-colour);
	width: auto;
	height: 220px;
}

.field-information-container
{
	display: flex;
	flex-direction:column;
	width: 100%;
	margin-left: 20px;
}

.field-information
{
	display: flex;
	width: 100%;
}

.field-header h1
{
	font-size: 35px;
	padding-bottom: 10px;
	margin: 0;
}

@media screen and (max-width:900px)
{
	.field-header
	{
		flex-direction:column;
		align-items: center;
		justify-content: center;
	}
	
	.field-header img
	{
		width: 300px;
		height: auto;
		margin: 20px 0;
	}
	
	.field-header h1
	{
		padding: 5px;
		font-size: 30px;
		width: 100%;
		text-align:center;
		background: var(--header-colour);
		border-radius: var(--common-border-radius);
	}
	
	.field-information-container
	{
		flex-direction:column;
		align-items: center;
		justify-content: center;
		margin: 0;
	}
	
}

@media screen and (max-width:600px)
{
	.field-information
	{
		flex-direction:column;
	}
}


.field-attribute-row
{
	display: flex;
	height: 32px;
	margin: 10px 0;
}



.field-links p
{
	margin: 0;
}

.field-attribute-label
{
	margin: 0;
	width: 80px;
	color: var(--primary-colour);
}

.field-attribute-data
{
	margin: 0;
}

.field-attribute-icon
{
	width: 32px;
	height: 32px;
	margin-right: 10px;
}






.field-links
{
	flex-grow: 1;
}

.field-attributes
{
	flex-grow: 2;
}



.field-description-area
{
	border: var(--common-border);
	border-radius: var(--common-border-radius);
	background: var(--panel-colour);
	height: 100%;
	padding: 0px 20px 20px 20px;
	margin-top: 10px;
}

.quote
{
	background: var(--panel-colour);
	padding: 0 20px;
	border: 1px solid #926d35;
	margin: 5px 0px 30px 0px;
	
}



.field-description-box h1
{
	font-size: 21px;
}

.field-description-box strong
{
	color: #d1d1d1;
}

.field-description-box h2
{
	font-size: 18.5px;
}

.field-description-box li::marker {
  color: var(--primary-colour);
}

.field-description-box li
{
	margin: 15px auto;
}

.field-description-box
{
	border: var(--common-border);
	border-radius: var(--common-border-radius);
	background: var(--header-colour);
	padding: 15px 20px 20px 20px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

@media screen and (max-width: 768px)
{
	.field-description-box
	{
		padding: 15px 15px 15px 15px;
	}
	
	.field-description-box h1
	{
		font-size: 19px;
	}
	
	.field-description-box h2
	{
		font-size: 17px;
	}
	
}


.tab-container button
{
	font-family: Open Sans, Verdana, Arial;
	font-size: 16px;
	border: none;
	border-radius: 0;
	height: 100%;
	cursor: pointer;
}

.tab-container button.active
{
	background: #111;
	color: var(--primary-colour);
}

@media screen and (max-width: 900px)
{
	.tab-container button
	{
		flex-grow: 1;
	}
}

.tab-container
{
	overflow: hidden;	
	border: var(--common-border);
	border-bottom: none;
	border-top: none;
	display: flex;
	background: #1f1f1f;
	height: 45px;
}

.tab-content 
{
  animation: fadeEffect 1s;
}

@keyframes fadeEffect 
{
  from {opacity: 0;}
  to {opacity: 1;}
}

.text-toggle-content
{
	animation: fadeEffect 1s;
	background: #505050;
	padding: 1px 20px;
}

.text-toggle
{
	cursor:pointer;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.text-toggle.active
{
	margin-bottom: 10px;
	color: var(--primary-colour);
}

.text-toggle::before
{
	content: '\25B6';
	color: var(--primary-colour);
	margin-right: 10px;
}

.text-toggle.active::before 
{
	content: '\25BC';
	margin-right: 7.85px;
}

.text-toggle:hover
{
	color: var(--primary-colour);
}

#card-grid
{
	display					: grid;
	overflow				: hidden;
	grid-template-columns	: repeat(auto-fill, minmax(200px, 1fr));
	grid-template-rows		: repeat(auto-fill, minmax(200px, 1fr));
	padding					: 6px;
	border					: var(--common-border);
	border-radius			: var(--common-border-radius);
	background				: var(--header-colour);
	min-height				: 500px;
	border-top-left-radius	: 0;
	border-top-right-radius	: 0;
}

@media screen and (max-width: 490px)
{
	#card-grid
	{
		grid-template-columns	: repeat(auto-fill, minmax(150px, 1fr));
		grid-template-rows		: repeat(auto-fill, minmax(150px, 1fr));
	}
}

.card
{
	position	: relative;
	padding		: 6px;
	text-align	: center;
	transition	: opacity 0.3s ease-in;
}

.card a
{
	position	: absolute;
	width		: 100%;
	height		: 100%;
	top			: 0;
	left		: 0;
}

.card figure
{
	border			: 1px solid #111;
	border-radius	: var(--common-border-radius);
	transition		: 0.2s;
	margin			: 0;
}

.card:hover figure
{
	transform	: scale(1.05);
	border		: 1px solid var(--primary-colour);
}

.card .thumbnail
{
	position: relative;
}

.card .icon-container .icon
{
	position	: absolute;
	width		: 23%;
	height		: 23%;
	top			: 77%;
	left		: 77%;
	transition	: 0.3s;
}

.card:hover .icon-container .icon
{
	width		: 25%;
	height		: 25%;
}

.card figure img
{
	display: block;
}

.card h1
{
	font-size		: 16px;
	font-weight		: normal;
	font-family		: var(--font-standard);
	height			: 25px;
}

.card h2
{
	font-size		: 16px;
	font-weight		: normal;
	font-family		: var(--font-standard);
	background		: var(--panel-colour);
	border-radius	: var(--common-border-radius);
}

.card h2.exclusive
{
	border: 1px solid var(--primary-colour);
}

@keyframes pop-up-context-fade-in 
{
  from {opacity: 0;}
  to {opacity: 1;}
}

#overlay
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
	opacity: 0.8;
	background: #111;
	width: 100%;
	height: 100%;
}

#pop-up-context
{
	position	: fixed;
	width		: 100%;
	height		: 100%;
	z-index		: 2;
	top			: 0px;
	left		: 0px;
	animation	: pop-up-context-fade-in  0.5s forwards;
	display		: none;
}

.pop-up
{
	position: relative;
	margin: auto;
	min-width: 300px;
	max-width: 700px;
	z-index: 1;
	background: var(--panel-colour);
	border: var(--common-border);
	border-radius:var(--common-border-radius);
	padding: 15px;
}

@media screen and (max-width: 500px)
{
	.pop-up
	{
		width: 90%;
	}
}

.pop-up button
{
	cursor: pointer;
}

.pop-up h1
{
	font-size: 27px;
	margin: 0 0 25px 0;
}

.pop-up input
{
	width:100px;
	color: var(--primary-colour);
}

.pop-up .setting
{
	display: flex;
	margin: 10px 0;
}

.pop-up label
{
	display: flex;
	font-family: var(--font-standard);
	width: 200px;
}

.pop-up .buttons
{
	display: flex;
	justify-content: center;
	margin: 20px auto 0 auto;
}
.pop-up .buttons button
{
	width: 100%;
}

label.switch
{
	width: 48px;
	height: 28px;
}

.switch
{
	position: relative;
}

.switch input
{
  opacity: 0;
  width: 0;
  height: 0;
}

.switch .slider 
{
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
	background-color: #111;
  -webkit-transition: .3s;
  transition: .3s;
  border-radius: var(--common-border-radius);
  border: solid 1px #111;
}

.switch .slider:hover
{
	border: solid 1px var(--primary-colour);
}

.switch .slider:before 
{
  position: absolute;
  content: '';
  height: 19px;
  width: 19px;
  top: 4px;
  left: 4px;
  background: white;
  -webkit-transition: .3s;
  transition: 0.3s;
  border-radius: var(--common-border-radius);
}

input:checked + .slider 
{
  background-color: var(--primary-colour);
  border: solid 1px var(--primary-colour);
}


input:checked + .slider:before 
{
  -webkit-transform	: translateX(20px);
  -ms-transform		: translateX(20px);
  transform			: translateX(20px);
}



.search-bar-container .icon-gear
{
	margin-top: 17.264px;
	margin-right:5px;
	float	: right;
	width	: 25px;
	height	: 25px;
	transition: 0.3s;
	cursor: pointer;
}

.search-bar-container .icon-gear:hover
{
	transform: rotate(45deg);
}