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

html, body {
    max-width: 100%;
    overflow-x: hidden;
	font-family: Roboto, Verdana, Arial;

}


/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #F5D817 #2A0435;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 12px;
}

*::-webkit-scrollbar-track {
  background: #2A0435;
}

*::-webkit-scrollbar-thumb {
  background-color: #F5D817;
  border-radius: 20px;
  border: 3px solid #F3BA18;
}


.text_regular_left {
	text-align: left;
	font-family: Roboto, Verdana, Arial;
	font-size: 1.2em;
	color: #FFFFFF;
	background-color: rgba(0,0,0,0.74);
	padding: 2%;
}
.text_regular_center {
	text-align: center;
	font-family: Roboto, Verdana, Arial;
	font-size: 1.2em;
	color: #FFFFFF;
}
.body {
  background-image: url("/images/bg/space_bg2_1920.jpg");
  background-repeat: repeat;
  background-attachment: fixed;
}
.table_help_top_table {
  width: 60%;
}
.table_recent2 {
  display: none;
}
.table_help_top_buttons {
  width:  15%;	
  min-width:  50px;
  max-width:  15%;
  text-align: center;
  font-family: Roboto;
  font-size: 1.2em;
  color: #000000;
  background: rgb(21,3,110); /* Old browsers */
  background: -moz-linear-gradient(top,  rgb(21,3,110) 0%, rgb(67,18,86) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgb(21,3,110) 0%,rgb(67,18,86) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to top,  rgb(21,3,110) 0%,rgb(67,18,86) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  border-image: linear-gradient(to top,  rgb(21,3,110) 0%,rgb(67,18,86) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */	
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15036e', endColorstr='#431256',GradientType=1 ); /* IE6-9 */
  border-radius: 10px;
  padding:1%;
  margin:0%;
}	

.updates_logo_box {
  width: 90%;
  height: auto;
  text-align:center;
  background: rgb(21,3,110); /* Old browsers */
  background: -moz-linear-gradient(left,  rgb(21,3,110) 0%, rgb(67,18,86) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgb(21,3,110) 0%,rgb(67,18,86) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgb(21,3,110) 0%,rgb(67,18,86) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  border-image: linear-gradient(to right,  rgb(21,3,110) 0%,rgb(67,18,86) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */	
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15036e', endColorstr='#431256',GradientType=1 ); /* IE6-9 */
}

.table_calendar {
  margin-top:1%;
  font-family: Roboto, Verdana, Arial;
  color: #FFFFFF;
  font-weight: bold;
  text-align: center;
  border-radius: 15px;
  width: 100%;
  max-width: 1024px;
  min-height: 100%;	
	
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#15036e+0,431256+100 */
  background: rgb(21,3,110); /* Old browsers */
  background: -webkit-linear-gradient(left, rgb(21,3,110) 0%, rgb(67,18,86) 100%);
  background: -o-linear-gradient(left, rgb(21,3,110) 0%, rgb(67,18,86) 100%);
  background: linear-gradient(to right, rgb(21,3,110) 0%, rgb(67,18,86) 100%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15036e', endColorstr='#431256',GradientType=1 ); /* IE6-9 */
}
.calendar_size {
	min-height: 1000px;
}
.table_row_oldnewsdate {
	text-align: left;
	font-family: Roboto, Verdana, Arial;
	font-size: 1.5em;
	color: rgba(150,150,150,1.00);
	padding: 1%;
    padding-left: 2%;
	font-weight: bold;
	vertical-align:top;
	border-top-left-radius: 1%;
	width: 15%;
}
.table_row_oldnewstext {
	text-align: left;
	font-family: Roboto, Verdana, Arial;
	font-size: 1.5em;
	color: #FFFFFF;
	padding: 1%;
    padding-left: 2%;
	vertical-align:top;
	width: 85%;
}
.table_row_regular {
	text-align: left;
	font-family: Roboto, Verdana, Arial;
	font-size: 1.5em;
	color: #FFFFFF;
	padding: 1%;
    padding-left: 2%;
	vertical-align:top;
	
}
.table_top {
  text-align: left;
  font-family: Roboto;
  font-size: 1em;
  color: #000000;
  border-radius: 10px;
  width: 100%;
}
.table_top_buttons {
  text-align: center;
  font-family: Roboto;
  font-size: 1.2em;
  color: #000000;
  background: rgb(21,3,110); /* Old browsers */
  background: -moz-linear-gradient(top,  rgb(21,3,110) 0%, rgb(67,18,86) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgb(21,3,110) 0%,rgb(67,18,86) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to top,  rgb(21,3,110) 0%,rgb(67,18,86) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  border-image: linear-gradient(to top,  rgb(21,3,110) 0%,rgb(67,18,86) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */	
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15036e', endColorstr='#431256',GradientType=1 ); /* IE6-9 */
  border-radius: 10px;
  padding:15px;
  margin:0px;
}

a {
	color: #f5bc18;
	text-decoration: none;
}
.video_ombi {
  display: block;
  margin: 0 auto;
  width: 60%;	
  padding:10px;
}
.table_buttons_vertical {
  display:none;	
}

.white {
	color: #FFFFFF
}
.gold {
	color: #f5bc18;
}
.container {
  background-image:url(/images/bg/space_bg_1920.jpg);	
  border-radius:0px;
  position: relative;	
  overflow-x: hidden;
  overflow-y: hidden;
  width: 100%;	

}
.iframe-container {

  position: relative;
  width: 100%;
  min-height: 200px;
  overflow: hidden;
  background: rgba(0,0,0,0.00);
}

.iframe-container iframe {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

}

.container iframe {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
    overflow: hidden;
    height: 0;

}
#scroll_to_top_button:hover {
  background-color: #555;
}
#div_updates {
  position: relative;
  text-align: center;
  overflow: visible;
  width: 100%;
}
#div_top {
  position: relative;
  text-align: center;
  overflow: visible;
  width: 100%;
}
.img_update {
  text-align:center;
  min-width: 300px;
  width: 100%;

  height: auto;
}
.img_update2 {
  text-align:center;
  width: 100%;
  height: auto;
  max-width: 300px;
}
.img_updates_header {
  padding-top: 20px;
  padding-bottom: 20px;  
  width: auto;
  height:auto;
}
.img_trakt {
  max-width: 200px;     
  height: auto;
}

.img_b {
  width: auto;
  max-width:30px;
}
.img_btlogo_small {

  max-width:200px;
}

.center {
  text-align:center;
}
.iframe {
  width:100%;
  overflow-x: hidden;
  overflow-y: hidden;
}

A.label_library_totals:link {text-decoration: none; color:#8F8E8E;}
A.label_library_totals:visited {text-decoration: none; color:#8F8E8E;}
A.label_library_totals:hover {text-decoration: none; color:#97A3FF;}
A.label_library_totals:active {text-decoration: none; color:#8F8E8E;}

A.text_library_totals:link {text-decoration: none; color:#F5D817;}
A.text_library_totals:visited {text-decoration: none; color:#F5D817;}
A.text_library_totals:hover {text-decoration: none; color:#97A3FF;}
A.text_library_totals:active {text-decoration: none; color:#F5D817;}

A.label_serversandlinks:link {text-decoration: none; color:#8F8E8E;}
A.label_serversandlinks:visited {text-decoration: none; color:#8F8E8E;}
A.label_serversandlinks:hover {text-decoration: none; color:#97A3FF;}
A.label_serversandlinks:active {text-decoration: none; color:#8F8E8E;}

A.text_serversandlinks:link {text-decoration: none; color:#F5D817;}
A.text_serversandlinks:visited {text-decoration: none; color:#F5D817;}
A.text_serversandlinks:hover {text-decoration: none; color:#97A3FF;}
A.text_serversandlinks:active {text-decoration: none; color:#F5D817;}

A.link_white:link {text-decoration: none; color:#FFFFFF;}
A.link_white:visited {text-decoration: none; color:#FFFFFF;}
A.link_white:hover {text-decoration: none; color:#7B03D6;}
A.link_white:active {text-decoration: none; color:#FFFFFF;}

.link_gray {
	font-family: Roboto, Verdana, Arial;
	font-size:1em;
	color:#8F8E8E;
	float: left;
}
.link_white {
	font-family: Roboto, Verdana, Arial;
	font-size:1em;
	color:#FFFFFF;
}
.link_yellow {
	font-family: Roboto, Verdana, Arial;
	font-size:1em;
	color:#8F8E8E;
	float: left;
}
.text_library_totals {
	padding:1%;
	font-family: Roboto, Verdana, Arial;
	font-size:1em;
	color:#2A0435;	
	float: right;
}
.label_serversandlinks {
	padding:1%;
	font-family: Roboto, Verdana, Arial;
	font-size:1em;
	color:#8F8E8E;
	float: left;
}
.text_serversandlinks {
	padding:1%;
	font-family: Roboto, Verdana, Arial;
	font-size:1em;
	color:#F5D817;	
	float: right;
}
.library_totals_count {
	width: 50%;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	background-color: rgba(26, 26, 26, .5);
	font-family: Roboto, Verdana, Arial;
	font-size:1em;
	color:#00BBFF;	
	text-align:right;
}
.library_totals_count_round {
	width: 50%;
	padding:10px;
	background-color: rgba(26, 26, 26, .5);
	font-family: Roboto, Verdana, Arial;
	font-size:1em;
	text-align:right;
	border-bottom-right-radius: 15px;
	color:#FFCE00;	
}
.table_buttons_padding {
  text-align: center;
  width: 11%;

}
.text_header {
	font-family: Roboto, Verdana, Arial;
	font-size: 24px;
	color: #FFCE00;
	text-align:center;
}
.text_regular {
	font-family: Roboto, Verdana, Arial;
	color: #FFFFFF;
}
.text_old_news {
	text-align: center;
	font-family: Roboto, Verdana, Arial;
	font-size: 24px;
	color: #B0C8F8;
}
.updates_logo_box {
	margin-bottom: 3%;
	border-style:solid;
	border-left:hidden;
	border-right:hidden;
	width: 100%;
	align-content:center;
	font-family: Roboto, Verdana, Arial;
	font-size:1em;
	color: #F3BA18;
	text-align:center;
	font-weight: bold;
    border-image: linear-gradient(to right,  rgb(21,3,110) 0%,rgb(67,18,86) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */	
	box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.5), 0 10px 20px 0 rgba(0, 0, 0, 0.49);

}
.table_stats_library_sizes_table {
  width: 90%;
}
.table_update {
  width: 90%;
}
.table_updates_title {
	text-align: left;
	font-family: Roboto, Verdana, Arial;
	font-size:1em;
	color: rgba(255,245,0,1.00);

	padding: 10px;
	font-weight: bold;
	vertical-align:top;
	border-top-right-radius: 15px;
}
.table_width_90_percent {
  border-radius: 15px;
  margin-top: 2%;
  min-width: 90%;
  max-width: 90%;
  background: rgb(21,3,110); /* Old browsers */
  background: -moz-linear-gradient(left,  rgb(21,3,110) 0%, rgb(67,18,86) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgb(21,3,110) 0%,rgb(67,18,86) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgb(21,3,110) 0%,rgb(67,18,86) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  border-image: linear-gradient(to right,  rgb(21,3,110) 0%,rgb(67,18,86) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */	
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15036e', endColorstr='#431256',GradientType=1 ); /* IE6-9 */
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.5), 0 10px 20px 0 rgba(0, 0, 0, 0.5);	
}
.table_header_rounded {
	text-align: center;
	font-family: Roboto, Verdana, Arial;
	font-size: 1.5em;
	color: #C8C8C8;
    background: rgb(21,3,110); /* Old browsers */
    background: -moz-linear-gradient(left,  rgb(21,3,110) 0%, rgb(67,18,86) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgb(21,3,110) 0%,rgb(67,18,86) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgb(21,3,110) 0%,rgb(67,18,86) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border-image: linear-gradient(to right,  rgb(21,3,110) 0%,rgb(67,18,86) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */	
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15036e', endColorstr='#431256',GradientType=1 ); /* IE6-9 */
	padding: 10px;
	font-weight: bold;
	vertical-align:top;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px
}
.table_header_rounded_30m {
	margin-top:2%;
	text-align: center;
	font-family: Roboto, Verdana, Arial;
	font-size: 1em;
	color: #00BBFF;
	background-color: rgba(21,3,110,1.00);
	padding: 2%;
	font-weight: bold;
	vertical-align:top;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}
.table_row_leftjust {
	text-align: left;
	font-family: Roboto, Verdana, Arial;
	font-size: 1em;
	color: #FFFFFF;
	background-color: rgba(0,0,0,0.74);
	padding: 10px;
	vertical-align:top;
}
.table_text {
	text-align: left;
	font-family: Roboto, Verdana, Arial;
	font-size: 1em;
	color: #FFFFFF;
	padding: 1%;
	vertical-align:top;
}
.table_text_centered {
	text-align: center;
	font-family: Roboto, Verdana, Arial;
	font-size: 1em;
	color: #FFFFFF;
	padding: 1%;
	vertical-align:top;
}
.table_row_centerjust_odd {
	text-align: center;
	font-family: Roboto, Verdana, Arial;
	font-size:1em;
	color: #FFFFFF;
	background-color: rgba(0,0,0,0.74);
	padding: 10px;
	vertical-align:central;
}
.table_row_centerjust_even {
	text-align: center;
	font-family: Roboto, Verdana, Arial;
	font-size:1em;
	color: #FFFFFF;
	background-color: rgba(0,0,0,0.50);
	padding: 10px;
	vertical-align:central;
}
.table_row_centerjust_roundleft_even {
	text-align: center;
	font-family: Roboto, Verdana, Arial;
	font-size:1em;
	color: #FFFFFF;
	background-color: rgba(0,0,0,0.50);
	padding: 10px;
	vertical-align:central;
	border-bottom-left-radius: 15px;
}
.table_row_centerjust_roundleft_odd {
	text-align: center;
	font-family: Roboto, Verdana, Arial;
	font-size:1em;
	color: #FFFFFF;
	background-color: rgba(0,0,0,0.74);
	padding: 10px;
	vertical-align:central;
	border-bottom-left-radius: 15px;
}
.table_row_centerjust_roundright_even {
	text-align: center;
	font-family: Roboto, Verdana, Arial;
	font-size:1em;
	color: #FFFFFF;
	background-color: rgba(0,0,0,0.50);
	padding: 10px;
	vertical-align:central;
	border-bottom-right-radius: 15px;
}
.table_row_centerjust_roundright_odd {
	text-align: center;
	font-family: Roboto, Verdana, Arial;
	font-size:1em;
	color: #FFFFFF;
	background-color: rgba(0,0,0,0.74);
	padding: 10px;
	vertical-align:central;
	border-bottom-right-radius: 15px;
}
.table_row_round_left_leftjust {
	text-align: left;
	font-family: Roboto, Verdana, Arial;
	font-size: 1em;
	color: #FFFFFF;
	background-color: rgba(0,0,0,0.74);
	padding: 10px;
	border-bottom-left-radius: 15px;
}
.table_row_round_right_leftjust {
	text-align: right;
	font-family: Roboto, Verdana, Arial;
	font-size: 1em;
	color: #FFFFFF;
    background-color: rgba(0,0,0,0.74);
	padding: 1%;
}
.table_row_spotify {
	text-align: center;
	font-family: Roboto, Verdana, Arial;
	font-weight:bold;
	font-size: 1em;
	color: #000000;
	background-color: #4AB34C;
	padding: 1%;
	vertical-align: middle;
	width:25%;
}
.table_row_plex {
	text-align: center;
	font-family: Roboto, Verdana, Arial;
	font-weight:bold;
	font-size: 1em;
	color: #000000;
	background-color: #FCCC04;
	padding: 1%;
	vertical-align:central;
	width:25%;
}
.table_row_gray {
	text-align: center;
	font-family: Roboto, Verdana, Arial;
	font-weight:bold;
	font-size: 1em;
	color: #000000;
	background-color: rgba(0,0,0,0.74);
	padding: 1%;
	vertical-align:top;
	width:25%;
}
.table_row_netflix {
	text-align: center;
	font-family: Roboto, Verdana, Arial;
	font-weight:bold;
	font-size: 20px;
	color: #FFFFFF;
	background-color: #A70002;
	padding: 10px;
	vertical-align:central;
	width:25%;
}
.table_row_rounded_left {
	text-align: center;
	font-family: Roboto, Verdana, Arial;
	font-size: 1em;
	color: #FFFFFF;
	background-color: rgba(0,0,0,0.74);
	padding: 10px;
	border-bottom-left-radius: 15px;	
}
.table_row_rounded_right {
	text-align: center;
	font-family: Roboto, Verdana, Arial;
	font-size: 1em;
	color: #FFFFFF;
	background-color: rgba(0,0,0,0.74);
	padding: 10px;
	border-bottom-right-radius: 15px;
}
.table_row_rounded_right_leftjust {
	text-align: left;
	font-family: Roboto, Verdana, Arial;
	font-size: 1em;
	color: #FFFFFF;
	background-color: rgba(0,0,0,0.74);
	padding: 10px;
	border-bottom-right-radius: 15px;
}
.table_row {
	text-align: center;
	font-family: Roboto, Verdana, Arial;
	font-size: 1em;
	color: #FFFFFF;
	background-color: rgba(0,0,0,0.74);
	padding: 20px;
	vertical-align:top;
}
.table_row_darker {
	text-align: center;
	font-family: Roboto, Verdana, Arial;
	font-size: 1em;
	color: #FFFFFF;
	background-color: rgba(0,0,0,0.50);
	padding: 20px;
	vertical-align:top;
}
.table_row_rounded {
	text-align: center;
	font-family: Roboto, Verdana, Arial;
	font-size: 1em;
	color: #FFFFFF;
	background-color: rgba(0,0,0,0.74);
	padding: 2%;
	border-bottom-left-radius: 15px;	
	border-bottom-right-radius: 15px;	
}
.table_stats_library_sizes {
	text-align: left;
	font-family: Roboto, Verdana, Arial;
	font-size: 1.5em;
	color: #FFFFFF;
	background-color: rgba(0,0,0,0.74);
	border: none;
}
.table_stats_library_sizes_rounded_bottomleft {
	text-align: left;
	font-family: Roboto, Verdana, Arial;
	font-size: 1.5em;
	color: #FFFFFF;
	background-color: rgba(0,0,0,0.74);
	border: none;
	border-bottom-left-radius: 15px;	
}
.table_stats_library_sizes_rounded_bottomright {
	text-align: left;
	font-family: Roboto, Verdana, Arial;
	font-size: 1.5em;
	color: #FFFFFF;
	background-color: rgba(0,0,0,0.74);
	border: none;
	border-bottom-right-radius: 15px;	
}
.table_stats_library_sizes_table {
	border-collapse:collapse;
	margin-top:2%;
    font-family: Roboto, Verdana, Arial;
	font-size: 1.2em;
	color: #C8C8C8;
    background: rgb(21,3,110); /* Old browsers */
    background: -moz-linear-gradient(left,  rgb(21,3,110) 0%, rgb(67,18,86) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgb(21,3,110) 0%,rgb(67,18,86) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgb(21,3,110) 0%,rgb(67,18,86) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border-image: linear-gradient(to right,  rgb(21,3,110) 0%,rgb(67,18,86) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */	
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15036e', endColorstr='#431256',GradientType=1 ); /* IE6-9 */
	padding: 1%;
	font-weight: bold;
	vertical-align:top;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.5), 0 10px 20px 0 rgba(0, 0, 0, 0.5);
}
.table_updates_date {
	text-align: left;
	font-family: Roboto, Verdana, Arial;
	font-size: 1em;
	color: rgba(0,171,255,1.00);

	padding: 1%;
	font-weight: bold;
	vertical-align:top;
	border-top-left-radius: 15px;
	width: 10%;
}
.table_updates_title {
	text-align: left;
	font-family: Roboto, Verdana, Arial;
	font-size: 1em;
	color: rgba(57,183,245,1.00);
	padding: 10px;
	font-weight: bold;
	vertical-align:top;
	border-top-right-radius: 15px;
	width:95%
}

.table_updates_text {
	color: #FFFFFF;
	padding: 2%;
	font-size: 1.2em;
	font-family: Roboto, Verdana, Arial;
	text-align: left;
	background-color: rgba(0,0,0,0.74);
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

.table_updates_text_rounded {
	font-family: Roboto, Verdana, Arial;
	font-size: 1em;
	color: #FFFFFF;
	background-color: #333333;
	padding: 2%;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	border-color: #000000;}

.mobile-container * {
  height: 0px;
}
.topnavbg {
	
  background: rgb(21,3,110); /* Old browsers */
  background: -moz-linear-gradient(left,  rgb(21,3,110) 0%, rgb(67,18,86) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgb(21,3,110) 0%,rgb(67,18,86) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgb(21,3,110) 0%,rgb(67,18,86) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  border-image: linear-gradient(to right,  rgb(21,3,110) 0%,rgb(67,18,86) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */	
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15036e', endColorstr='#431256',GradientType=1 ); /* IE6-9 */
}
.topnav {
  margin-top: 5%;		
  overflow: hidden;
  background-color: rgba(0,0,0,0.00);
  text-shadow: 2px 2px #000000;
  position: sticky;
  vertical-align: top;
	border-bottom-color: rgba(245,188,24,1.00);
	border-bottom: solid;
	border-top: solid;	
	border-width: thin;
    box-shadow: 0 1% 1px 0 rgba(255, 255, 255, 0.5), 0 1% 1px 0 rgba(255, 255, 255, 0.0);	

}

.topnav #myLinks {
  display: none;
  background-color: rgba(0,0,0,0.5);
  color: white;
}

.topnav a {
  color: white;
  padding: 3% 5%;
  text-decoration: none;
  font-size: 1.2em;
  display: block;
}

.topnav a.icon {
  background-color: rgba(0,0,0,0.0);
 
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

.topnav a:hover {
  background-color:rgba(249,191,18,1.00);
  color: white;
  height: auto;	
}

.active {
  background-color: rgba(0,0,0,0.0);
  color: black;
	
}