.toggle,
[id^=drop] {
	display: none;
}

/* Giving a background-color to the nav container. */
nav { 
	margin: 0px;
	padding: 0px;
}

	.tm_home_button {
		display: none;
	}

/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */
nav:after {
	content:"";
	display:table;
	clear:both;
}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:relative" */
nav ul {
	float: right;
	padding:0;
	margin:0;
	list-style: none;
	position: relative;
}
	
/* Positioning the navigation items inline */
nav ul li {
	margin: 0px;
	display: inline-block;
	float: left;
}

/* All links font and to stretch the full box */
nav a {
	display: flex;
	justify-content: center;
	align-items: center;
	white-space: normal;
	color: #d4dee6;
	font-family: MuseoSans-500,Roboto;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
}

/* First level menu */
nav > ul > li > a {
	height: 80px;
	background: rgb(113,150,191);
	background: linear-gradient(180deg, rgb(85, 134, 89) 0%, rgb(23, 46, 24) 100%);
	border-left: 1px solid rgba(255,255,255,0.1);
	border-right: 1px solid rgba(0,0,0,0.1);
	padding: 0 0.6em;
	transition: all 0.3s ease-in 0s;
}
nav > ul > li:hover > a {
	color: #ffffff;
	background: rgb(82,183,250);
	background: linear-gradient(180deg, rgb(78, 170, 123) 0%, rgb(17, 52, 35) 100%); 
}
nav > ul > li > a.highlight {
	background: rgb(82,183,250);
	background: linear-gradient(180deg, rgb(78, 170, 123) 0%, rgb(17, 52, 35) 100%);
}
nav > ul > li > a.highlight:hover {
	color: #ffffff;
	background: rgb(110,194,250);
	background: linear-gradient(180deg, rgb(107, 213, 159) 0%, rgb(24, 66, 45) 100%);
}

/* Treasure Hunt menu button */
nav > ul > li > a.treasure {
	height: 80px;
	background: rgb(188, 186, 113);
	background: linear-gradient(180deg, rgb(188, 183, 113) 0%, rgb(35, 34, 23) 100%);
	border-left: 1px solid rgba(255,255,255,0.1);
	border-right: 1px solid rgba(0,0,0,0.1);
	padding: 0 0.6em;
	transition: all 0.3s ease-in 0s;
}
nav > ul > li:hover > a.treasure {
	color: #ffffff;
	background: rgb(244, 249, 82);
	background: linear-gradient(180deg, rgb(249, 244, 82) 0%, rgb(58, 56, 5) 100%); 
}
nav > ul > li > a.treasure_active {
	background: rgb(249, 247, 82);
	background: linear-gradient(180deg, rgb(249, 230, 82) 0%, rgb(63, 53, 6) 100%);
}
nav > ul > li > a.treasure_active:hover {
	color: #ffffff;
	background: rgb(249, 231, 112);
	background: linear-gradient(180deg, rgb(249, 224, 112) 0%, rgb(94, 79, 15) 100%);
}
/* Treasure Hunt menu button */
nav > ul > li > ul > li > a.treasure {
	height: 2.5em;
	background: rgb(188, 186, 113);
	background: linear-gradient(180deg, rgb(150, 145, 85) 0%, rgb(91, 86, 44) 100%);
	border-left: 1px solid rgba(255,255,255,0.1);
	border-right: 1px solid rgba(0,0,0,0.1);
	justify-content: center;
	white-space: nowrap;
	min-width: 150px;
	padding: 0 1em 0 0.5em;
	transition: all 0.3s ease-in 0s;
	color: #E8E8E8;
}
nav > ul > li > ul > li:hover > a.treasure {
	color: #ffffff;
	background: rgb(244, 249, 82);
	background: linear-gradient(180deg, rgb(249, 244, 82) 0%, rgb(104, 100, 19) 100%); 
}
nav > ul > li > ul > li > a.treasure_active {
	height: 2.5em;
	background: rgb(244, 249, 82);
	background: linear-gradient(180deg, rgb(249, 244, 82) 0%, rgb(104, 100, 19) 100%); 
	border-left: 1px solid rgba(255,255,255,0.1);
	border-right: 1px solid rgba(0,0,0,0.1);
	justify-content: center;
	white-space: nowrap;
	min-width: 150px;
	padding: 0 1em 0 0.5em;
	transition: all 0.3s ease-in 0s;
	color: #E8E8E8;
}
nav > ul > li > ul > li:hover > a.treasure_active {
	color: #ffffff;
	background: rgb(244, 249, 82);
	background: linear-gradient(180deg, rgb(249, 244, 82) 0%, rgb(104, 100, 19) 100%); 
}

/* Second level menu */
nav > ul > li > ul > li > a {
	height: 2.5em;
	background: rgb(57,70,87);
	background: linear-gradient(180deg, rgb(45, 76, 47) 0%, rgb(30, 56, 31) 100%);
	border-left: 1px solid rgba(255,255,255,0.1);
	border-right: 1px solid rgba(0,0,0,0.1);
	justify-content: left;
	white-space: nowrap;
	padding: 0 1em 0 0.5em;
	transition: all 0.3s ease-in 0s;
}
nav > ul > li > ul > li:hover > a {
	color: #ffffff;
	background: rgb(45,122,172);
	background: linear-gradient(180deg, rgb(71, 117, 74) 0%, rgb(39, 83, 41) 100%);
}
nav > ul > li > ul > li > a.highlight {
	background: rgb(45,122,172);
	background: linear-gradient(180deg, rgb(71, 117, 74) 0%, rgb(39, 83, 41) 100%);
}
nav > ul > li > ul > li > a.highlight:hover {
	color: #ffffff;
	background: rgb(56,143,199);
	background: linear-gradient(180deg, rgb(100, 151, 103) 0%, rgb(48, 109, 51) 100%);
}



/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
	display: none;
	position: absolute; 
}
	
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
	display:inherit;
}

/* First Tier Dropdown */
nav ul li ul li {
	float: none;
	min-width: 8em;
	display: list-item;
	position: relative;
}


/* Third and more Tiers	*/
nav ul ul ul li {
	min-width: 35px;
	max-width: 35px;
	position: relative;
	top: -38px;
	right: 35px;
}

		
		
div.search_results {	
	background-color: #253a28 !important;
} 
div.search_result_section_bar {
	background-color: #395847 !important;
}
div.search_result_encounter_bar {
	background-color: #2c4739 !important;
}

div.menu_options {
	right: 0px;
	padding: 20px 10px 20px 20px;
	text-align: center;
	position: absolute;
	z-index: 999999;
} 
	
	
.menu_options_element {
  float: left;
  margin-right: 8px;
}


.langdropdown {
	position: relative;
	display: inline-block;
}
.langdropdown-content {
	right: -10px;
	display: none;
	position: absolute;
	background: linear-gradient(#313c4a, #17222e);
	background: -moz-linear-gradient(#313c4a, #17222e);
	background: -ms-linear-gradient(#313c4a, #17222e);
	background: -o-linear-gradient(#313c4a, #17222e);
	background: -webkit-linear-gradient(#313c4a, #17222e);
	padding-top: 10px;
	padding-bottom: 10px;
	z-index: 9999999;
	border: 1px solid #4e6f95;
}
.langdropdown:hover .langdropdown-content {
	display: block;
}

.searchdropdown {
	position: relative;
	display: inline-block;
}
.searchdropdown-content {
	width: 190px;
		right: 0px;
		top: -13px;
	display: none;
	position: absolute;
	z-index: 999999999;
}
.xsearchdropdown:hover .xsearchdropdown-content {
	display: block;
}

.user_dropdown {
	position: relative;
	display: inline-block;
}
.user_dropdown-content {
	right: -50px;
	display: none;
	width: 220px;
	position: absolute;
	background: linear-gradient(#313c4a, #17222e);
	background: -moz-linear-gradient(#313c4a, #17222e);
	background: -ms-linear-gradient(#313c4a, #17222e);
	background: -o-linear-gradient(#313c4a, #17222e);
	background: -webkit-linear-gradient(#313c4a, #17222e);
	padding: 12px 0px;
	z-index: 9999999;
	border: 1px solid #4e6f95;
}
.user_dropdown:hover .user_dropdown-content {
	display: block;
}

div.topmenu_comment_notification {
	width: 10px;
	height: 10px;
	top: 25px;
	right: -3px;
	display: block;
	position: absolute;
	background-color: #00ff3c;
	border-radius: 50%;
	border: 1px solid #fff;
}

div.topmenu_msg_notification {
	width: 10px;
	height: 10px;
	top: 4px;
	right: -3px;
	display: block;
	position: absolute;
	background-color: #fffc00;
	border-radius: 50%;
	border: 1px solid #fff;
}


img.user_dropdown_icon
{
	width: 18px;
	height: 18px;
	float: left;
	padding-right: 5px;
		margin-top: 1px;
}

/*
	  +-+-- 5px
	  | |
	+-+--- 18px
	| | |
	v v v
	[ ] text

	sprites have 50px^2 for quality, so scale by 36% to get 18px, and
	translate by 50/2-18/2px, plus 5px for x (margin) to place left of text.
*/

.user_dropdown_item {
	margin-left: 23px;
}
.user_dropdown_item::before {
	background-size: contain;
	content: " ";
	position: absolute;
	width: 50px; height: 50px;
	transform: translate(-39px,-16px) scale(36%);
}
.user_dropdown_item_admin::before { background: url(/images/userdd.png?v=3) -171px -59px; }
.user_dropdown_item_cookies::before { background: url(/images/userdd.png?v=3) -59px -227px; }
.user_dropdown_item_bye::before { background: url(/images/userdd.png?v=3) -3px -3px; }
.user_dropdown_item_collection::before { background: url(/images/userdd.png?v=3) -59px -3px; }
.user_dropdown_item_comments::before { background: url(/images/userdd.png?v=3) -3px -59px; }
.user_dropdown_item_comments_hl::before { background: url(/images/userdd.png?v=3) -171px -115px; }
.user_dropdown_item_de::before { background: url(/images/userdd.png?v=3) -3px -171px; }
.user_dropdown_item_en::before { background: url(/images/userdd.png?v=3) -59px -171px; }
.user_dropdown_item_favorites::before { background: url(/images/userdd.png?v=3) -171px -171px; }
.user_dropdown_item_favorites_hl::before { background: url(/images/userdd.png?v=3) -115px -171px; }
.user_dropdown_item_gift::before { background: url(/images/userdd.png?v=3) -227px -3px; }
.user_dropdown_item_link::before { background: url(/images/userdd.png?v=3) -227px -59px; }
.user_dropdown_item_loc::before { background: url(/images/userdd.png?v=3) -227px -115px; }
.user_dropdown_item_messages::before { background: url(/images/userdd.png?v=3) -115px -3px; }
.user_dropdown_item_messages_hl::before { background: url(/images/userdd.png?v=3) -59px -59px; }
.user_dropdown_item_notifications::before { background: url(/images/userdd.png?v=3) -3px -115px; }
.user_dropdown_item_notifications_hl::before { background: url(/images/userdd.png?v=3) -115px -59px; }
.user_dropdown_item_profile::before { background: url(/images/userdd.png?v=3) -59px -115px; }
.user_dropdown_item_settings::before { background: url(/images/userdd.png?v=3) -115px -115px; }
.user_dropdown_item_settings_grey::before { background: url(/images/userdd.png?v=3) -227px -171px; }
.user_dropdown_item_strategies::before { background: url(/images/userdd.png?v=3) -171px -3px; }
.user_dropdown_item_strategies_hl { background: url(/images/userdd.png?v=3) -3px -227px; }

div.langdropdownelement {
		position: relative;
	box-sizing: border-box;
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	display:flex;
	align-items:center;
	-webkit-transition-property: background; /* Safari */
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-property: background;
	transition-duration: 0.4s;
}
div.langdropdownelement:hover {
	background: #455363;
}
div.langdropdownelement_active {
	box-sizing: border-box;
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	display:flex;
	align-items:center;
	background: #455363;
	-webkit-transition-property: background; /* Safari */
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-property: background;
	transition-duration: 0.4s;
}
div.langdropdownelement_active:hover {
background: #455363;
}

div.dropdownelement {
	box-sizing: border-box;
	width: 100%;
	height: 25px;
	padding-left: 15px;
	padding-right: 15px;
	display:flex;
	align-items:center;
	-webkit-transition-property: background; /* Safari */
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-property: background;
	transition-duration: 0.4s;
}
div.dropdownelement:hover {
	background: #455363;
}
div.langselector_active
{
	background-color: #506074;
}	

div.search_results {
  position: absolute;
	display: none;
  top: 72px;
  right: 40px;
  width: 500px;
  max-height: 500px;
  overflow: auto;
	border-radius: 2px;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
	webkit-border-radius: 2px;
	webkit-box-shadow: 2px 25px rgba(0, 0, 0, 0.1);
	moz-border-radius: 2px;
	moz-box-shadow: 2px 2px rgba(0, 0, 0, 0.1);
	padding: 8px 12px;
	background-color: #35394e;
	border: 1px solid #757B91;
  font-family: MuseoSans-500,Roboto;
  font-size: 14px;
	color: #ffffff;
	text-align: left;
	z-index: 1;
}

div.search_results_block {
	width: 100%;
	padding-top: 10px;
	z-index: 1;
}

div.search_results_title {
	width: 100%;
	text-align: center;
	margin: 10px 0px 10px 0px;
}
div.search_results_table {
	width: 100%;
}

img.search_results_title_img {
	height: 22px;
	vertical-align: middle;
	margin-right: 8px;
}

p.search_results_title {
  overflow: hidden;
  text-align: center;
}

p.search_results_title:before,
p.search_results_title:after {
  background-color: #fff;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 20%;
}

p.search_results_title:before {
  right: 0.8em;
  margin-left: -30%;
}

p.search_results_title:after {
  left: 0.8em;
  margin-right: -30%;
}

a.search_result
{
	color: #dbdbdb;
	display: inline;
		text-decoration-thickness: 1px;
	font-family: MuseoSans-500,Roboto;
	font-size: 14px;
	text-decoration: none;
		text-decoration-color: red;
		text-decoration-style: wavy;
	font-weight: bold;
	line-height: 20px;
	transition: all 0.4s ease-in;
}
a.search_result:hover {
	color: #ffffff;
}

.top_menu_versionbutton_top {
	background:linear-gradient(to bottom, #51698c 5%, #2b3e60 100%);
	background-color:#7ea5be;
	height: 40px;
	width: 137px;
	border-radius: 4px 0px 0px 4px;
}
.top_menu_versionbutton_top:hover {
	background:linear-gradient(to bottom, #6e89b1 5%, #425983 100%);
	background-color:#408c99;
}
.top_menu_versionbutton_top_active {
	background:linear-gradient(to bottom, #8dabd9 5%, #5973a3 100%);
	background-color:#7ea5be;
	height: 38px;
	width: 135px;
	border: 1px solid gold;
	border-radius: 4px 0px 0px 4px;
}



.top_menu_versionbutton_bottom {
	background:linear-gradient(to bottom, #43815f 5%, #214431 100%);
	background-color:#5e788e;
	height: 40px;
	width: 137px;
	border-radius: 4px 0px 0px 4px;
}
.top_menu_versionbutton_bottom:hover {
	background:linear-gradient(to bottom, #4bbd7f 5%, #185a36 100%);
}

.top_menu_versionbutton_bottom_active {
	background:linear-gradient(to bottom, #4bbd7f 5%, #185a36 100%);
	background-color:#5e788e;
	height: 38px;
	width: 135px;
	border: 1px solid gold;
	border-radius: 4px 0px 0px 4px;
}

.top_menu_versionbutton_text {
	color:#ffffff;
	font-family: MuseoSans-500,Roboto;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	padding: 10px 0px 0px 8px;
	text-shadow:0px 1px 0px #3d768a;
	float: left;
}

.top_menu_versionicon {
	width: 28px;
	margin-top: 5px;
	margin-right: 10px;
	float: right;
}
.top_menu_versionicon:hover {
	
}



div.search_result_pet_bar {
  display: table;
  height: 30px;
  margin-bottom: 4px;
	width: 100%;
	border-radius: 6px 0px 0px 6px;
	border: 1px solid #595959;
	position: relative;
	cursor: pointer;
}

div.search_result_mains_bar {
  display: table;
  height: 30px;
	width: 100%;
	border-radius: 6px;
	margin: 10px 0px 5px 0px;
	border: 1px solid #6B6B6B;
	position: relative;
	cursor: pointer;
	background: rgb(35, 128, 170);
	background: linear-gradient(10deg, rgb(28, 73, 17) 0%,  rgb(38, 91, 25) 21%, rgb(44, 104, 29) 51%, rgb(49, 117, 32) 71%, rgb(60, 130, 42) 100%);
	transition: all 0.3s ease-in;
}
div.search_result_mains_bar:hover {
	filter: brightness(1.3);
	border: 1px solid #A8A8A8;
}

.user_search_results {
	text-decoration: none;
	width: calc(50% - 5px); 
}

div.search_result_section_bar {
  display: table;
  height: 30px;
	width: 100%;
	border-radius: 4px 4px 0px 0px;
	border-top: 1px solid #595959;
	border-left: 1px solid #595959;
	border-right: 1px solid #595959;
	position: relative;
	cursor: pointer;
	background-color: #45495e;
	transition: all 0.1s ease-in;
}
div.search_result_section_bar:hover {
	filter: brightness(1.4);
}

div.search_result_encounter_bar {
  display: table;
  height: 25px;
	width: 100%;
	border-radius: 1px;
	border-top: 1px solid #595959;
	border-left: 1px solid #595959;
	border-right: 1px solid #595959;
	position: relative;
	cursor: pointer;
	background-color: #353849;
	transition: all 0.1s ease-in;
}
div.search_result_encounter_bar:hover {
	filter: brightness(1.4);
}


div.search_expander {
  display: table;
  height: 22px;
  margin-top: 4px;
	color: #dbdbdb;
	width: 100%;
	text-align: center;
	border-radius: 4px;
  border: 1px solid #595959;
	cursor: pointer;
	background-color: #45495e;
	font-size: 14px;
	padding-top: 6px;
	transition: all 0.5s ease-in;
}
div.search_expander:hover {
	filter: brightness(1.2);
		color: #ffffff;
}

div.search_too_many_results {
  display: table;
  height: 22px;
  margin-top: 4px;
	color: #ffffff;
	width: 100%;
	text-align: center;
	border-radius: 4px;
  border: 1px solid #595959;
	background-color: #45495e;
	font-size: 14px;
	padding-top: 6px;
}


span.result_link {
  display: table-cell;
  vertical-align: middle;
	text-align: left;
	width: 100%;
}

img.ff_icon {
	transition: all 0.2s ease-in;
  width: 30px;
	height: 30px;
	float: left;
	margin: 4px 2px 3px 0px;
	object-fit: cover;
	object-position: 100% 0;
	filter: brightness(0.8);
}
img.ff_icon:hover {
  filter: brightness(1.2);
}

img.result_pet_icon {
	width: 30px;
		height: 30px;
	border-radius: 4px;
	float: left;
	transition: all 0.5s ease-in;
		margin-right: 6px;
}
div.search_result_pet_bar:hover {
	filter: brightness(1.2);
}
div.search_result_pet_bar:hover > img.result_pet_icon {

}
div.search_result_pet_bar:hover > img.result_pet_icon {
	filter: brightness(1.2);
}
div.search_result_pet_bar:hover > img.result_pet_family {
	opacity: 0.5;
}


img.result_pet_family {
	width: 22px;
	height: 22px;
	opacity: 0.3;
	position: absolute;
	right: 4px;
	top: 4px;
	transition: all 0.5s ease-in;
}

.user_dropdown_highlight {
	color: #00ff3c !important;
}

img.top_menu_round_icon {
  width: 30px;
  margin-top: 4px;
  transition: all 0.3s ease-in;
	cursor: pointer;
	border-radius: 50%;
	border: 1px solid transparent;
}
img.top_menu_round_icon:hover {
  filter: brightness(1.6);
}
		
a.langselector
{
	color: #dbdbdb;
	display: inline;
	font-family: MuseoSans-500,Roboto;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
	text-shadow: 0 1px 1px rgba(255,255,255,0.4);
	line-height: 20px;
	-webkit-transition-property: color; /* Safari */
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-property: color;
	transition-duration: 0.4s;
		z-index: 2;
}
a.langselector:hover {
	color: #ffffff;
}
	
		
.search-field
{
	position: relative;
	text-align: right;
	width: 100%;
}
.search-field form
{
	border: 0px;
	border-radius: 0px;
	display: inline-block;
	font-size: 0px;
	margin: 0px auto 0;
	padding: 20px;
	position: relative;
	z-index: 1;
}
.search-field input
{
	background: #dedede;
	background: linear-gradient(#54677e, #2e4055);
	background: -moz-linear-gradient(#54677e, #2e4055);
	background: -ms-linear-gradient(#54677e, #2e4055);
	background: -o-linear-gradient(#54677e, #2e4055);
	background: -webkit-linear-gradient(#54677e, #2e4055);
	border: 0px;
	border-radius: 5px 0 0 5px;
	box-shadow: 0 0px 0 #000;
	color: #c6d1de;
	display: block;
	float: left;
	font-family: MuseoSans-300,Roboto;
	font-size: 13px;
	font-weight: 400;
	height: 35px;
	margin: 0;
	padding: 0 10px;
	text-shadow: 0 -1px 0 #000;
	width: 150px;
}
.ie .search-field input
{
	line-height: 35px;
}
.search-field input::-webkit-input-placeholder
{
	color: #c6d1de;
}
.search-field input:-moz-placeholder
{
	color: #c6d1de;
}
.search-field input:focus
{
	animation: glow 1200ms ease-out infinite alternate;
	moz-animation: glow 1200ms ease-out infinite alternate;
	ms-animation: glow 1200ms ease-out infinite alternate;
	o-animation: glow 1200ms ease-out infinite alternate;
	webkit-animation: glow 1200ms ease-out infinite alternate;
}
.search-field input:focus::-webkit-input-placeholder
{
	color: #efe;
}
.search-field input:focus:-moz-placeholder
{
	color: #efe;
}
.search-field button
{
	background: #222;
	background: linear-gradient(#5a708a, #2e4055);
	background: -moz-linear-gradient(#5a708a, #2e4055);
	background: -ms-linear-gradient(#5a708a, #2e4055);
	background: -o-linear-gradient(#5a708a, #2e4055);
	background: -webkit-linear-gradient(#5a708a, #2e4055);
	border: 0px solid #444;
	border-left-color: #000;
	border-radius: 0 5px 5px 0;
	box-shadow: 0 0px 0 #000;
	box-sizing: content-box;
	color: #fff;
	display: block;
	float: left;
	font-family: 'Cabin', helvetica, arial, sans-serif;
	font-size: 13px;
	font-weight: 400;
	height: 35px;
	line-height: 35px;
	margin: 0;
	moz-box-sizing: content-box;
	ms-box-sizing: content-box;
	o-box-sizing: content-box;
	padding: 0;
	position: relative;
	text-shadow: 0 -1px 0 #000;
	webkit-box-sizing: content-box;
	width: 40px;
}
.search-field button:hover,
.search-field button:focus
{
	background: #424242;
	background: linear-gradient(#393939, #292929);
	background: -moz-linear-gradient(#393939, #292929);
	background: -ms-linear-gradient(#393939, #292929);
	background: -o-linear-gradient(#393939, #292929);
	background: -webkit-linear-gradient(#393939, #292929);
	color: #5f5;
	outline: none;
}
.search-field button:active
{
	background: #424242;
	background: linear-gradient(#393939, #292929);
	background: -moz-linear-gradient(#393939, #292929);
	background: -ms-linear-gradient(#393939, #292929);
	background: -o-linear-gradient(#393939, #292929);
	background: -webkit-linear-gradient(#393939, #292929);
	box-shadow: 0 0px 0 #000, inset 1px 0 1px #222;
	top: 1px;
}
@-webkit-keyframes glow
{
	0%
	{
		box-shadow: 0 0 5px rgba(0,190,255,.2), inset 0 0 5px rgba(0,190,255,.1);
	}
	100%
	{
		box-shadow: 0 0 20px rgba(0,190,255,.6), inset 0 0 10px rgba(0,190,255,.4);
	}
}
@-moz-keyframes glow
{
	0%
	{
		box-shadow: 0 0 5px rgba(0,190,255,.2), inset 0 0 5px rgba(0,190,255,.1);
	}
	100%
	{
		box-shadow: 0 0 20px rgba(0,190,255,.6), inset 0 0 10px rgba(0,190,255,.4);
	}
}
@-o-keyframes glow
{
	0%
	{
		box-shadow: 0 0 5px rgba(0,190,255,.2), inset 0 0 5px rgba(0,190,255,.1);
	}
	100%
	{
		box-shadow: 0 0 20px rgba(0,190,255,.6), inset 0 0 10px rgba(0,190,255,.4);
	}
}
@-ms-keyframes glow
{
	0%
	{
		box-shadow: 0 0 5px rgba(0,190,255,.2), inset 0 0 5px rgba(0,190,255,.1);
	}
	100%
	{
		box-shadow: 0 0 20px rgba(0,190,255,.6), inset 0 0 10px rgba(0,190,255,.4);
	}
}
@keyframes glow
{
	0%
	{
		box-shadow: 0 0 5px rgba(0,190,255,.2), inset 0 0 5px rgba(0,190,255,.1);
	}
	100%
	{
		box-shadow: 0 0 20px rgba(0,190,255,.6), inset 0 0 10px rgba(0,190,255,.4);
	}
}
		
		

		
	
/* Media Queries
--------------------------------------------- */

@media all and (max-width : 1268px) {
	nav {
		margin: 0;
	}
	
	.tm_home_button {
		display: block;
	}
	
	.home_buttons {
		display: none;
	}

	/* Hide the navigation menu by default */
	.toggle + a,
	.menu {
		display: none;
	}

	/* Styling the toggle lable */
	.toggle {
		height: 80px;
		text-align: center;
		background: rgb(113,150,191);
		background: linear-gradient(180deg, rgba(113,150,191,1) 0%, rgba(42,50,63,1) 100%);
		border-left: 1px solid rgba(255,255,255,0.1);
		border-right: 1px solid rgba(0,0,0,0.1);
	padding: 0px 15px;
		display: block;
		line-height: 80px;
	justify-content: center;
	align-items: center;
	white-space: normal;
	color: #d4dee6;
	font-family: MuseoSans-500,Roboto;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
		transition: all 0.5s ease-in 0s;
	}
	.toggle:hover {
		color: #ffffff;
		background: rgb(82,183,250);
		background: linear-gradient(180deg, rgba(82,183,250,1) 0%, rgba(10,55,84,1) 100%); 
	}

	/* Display Dropdown when clicked on Parent Label */
	[id^=drop]:checked + ul {
		display: block;
	}
	
	/* Change menu item's width to 100% */
	nav ul li {
		display: block;
		width: 100%;
	}
	
	.toggleshort {
		line-height: 36px;
		height: 36px;
	background: -moz-linear-gradient(top,rgb(89, 110, 137),rgb(70, 83, 102));
	background: -webkit-gradient(linear,left top,left bottom,from(rgb(96, 112, 132)),to(rgb(70, 83, 102)));
	border-left: 1px solid rgba(255,255,255,0.1);
	border-right: 1px solid rgba(0,0,0,0.1);
	}
	.toggleshort:hover {
		color: #ffffff;
		background: rgb(45,122,172);
		background: linear-gradient(180deg, rgba(45,122,172,1) 0%, rgba(34,89,125,1) 100%);
	}
	nav ul ul .toggle,
	nav ul ul a {
		padding: 0 40px;
	}

	nav ul ul ul a {
		padding: 0 80px;
	}

	nav a:hover,
	 nav ul ul ul a {
		background-color: #000000;
	}
  
	nav ul li ul li .toggle,
	nav ul ul a,
  nav ul ul ul a{
		line-height: 30px !important;
		height: 30px !important;
	background: -moz-linear-gradient(top,rgb(57,70,87),rgb(48,58,73));
	background: -webkit-gradient(linear,left top,left bottom,from(rgb(57,70,87)),to(rgb(48,58,73)));
	border-left: 1px solid rgba(255,255,255,0.1);
	border-right: 1px solid rgba(0,0,0,0.1);
		text-align: center;
		display: block;
	justify-content: center;
	align-items: center;
	white-space: normal;
	color: #d4dee6;	
	}
  nav ul ul ul a:hover{
		color: #ffffff;
		background: rgb(45,122,172);
		background: linear-gradient(180deg, rgba(45,122,172,1) 0%, rgba(34,89,125,1) 100%);
	}
  
	/* Hide Dropdowns by Default */
	nav ul ul {
		float: none;
		position:static;
		color: #ffffff;
		/* has to be the same number as the "line-height" of "nav a" */
	}
	
	.tm_solo_button {
		line-height: 36px;
		height: 36px;
	background: -moz-linear-gradient(top,rgb(89, 110, 137),rgb(70, 83, 102));
	background: -webkit-gradient(linear,left top,left bottom,from(rgb(96, 112, 132)),to(rgb(70, 83, 102)));
	border-left: 1px solid rgba(255,255,255,0.1);
	border-right: 1px solid rgba(0,0,0,0.1);
	}
	.tm_solo_button:hover {
		color: #ffffff;
		background: rgb(45,122,172);
		background: linear-gradient(180deg, rgba(45,122,172,1) 0%, rgba(34,89,125,1) 100%);
	}

		
	/* Hide menus on hover */
	nav ul ul li:hover > ul,
	nav ul li:hover > ul {
		display: none;
	}
		
	/* First Tier Dropdown */
	nav ul ul li {
		display: block;
		width: 100%;
	}
	
	nav ul ul ul {
		height: 35px;
	}
	
	.ff_menu_icons {
		width: 35px;
		padding: 0px;
		float: left;
		border: 0px;
	}
	.ff_menu_icons:hover {
		border: 0px;
	}
	nav ul ul ul li {
		position: relative;
		top: 0px;
		left: 0px;
		float: left;
		height: 35px !important;
		width: 35px;
		/* has to be the same number as the "width" of "nav ul ul li" */ 
	}
	nav ul ul ul li:hover {
		background: transparent;
	}
}

@media all and (max-width : 330px) {

	nav ul li {
		display:block;
		width: 94%;
	}

}