/**
	App : Beta MyFiber
	Version : 1.0.0
	Developer : Vishal Sharaf
*/


/**
	Common Css / Animation
*/
@font-face {
	src: url(font/agencyr.ttf);
	font-family: agency;
}

@font-face {
	src: url(font/roboto.ttf);
	font-family: roboto;
}

body {
	background-color: #091328;
	color: #fff;
	overflow-x: hidden;
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: helvetica !important;
}

body::-webkit-scrollbar {
	width: 0 !important;
}

a {
	color: #fff;
	cursor: pointer;
}

ul {
	text-align: center;
	list-style-type: none;
}

._clear {
	clear: both;
}

.section-title {
	font-size: 32px;
}

@keyframes rotation {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(359deg);
	}
}

@keyframes pulse {
	0% {
		-webkit-transform: scale(0.6);
		transform: scale(0.6);
		opacity: 1;
		box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);
	}

	100% {
		-webkit-transform: scale(1, 1);
		transform: scale(1);
		opacity: 0;
		box-shadow: none;
	}
}

._shareicon {
	padding: 5px;
	border: 2px solid;
	border-radius: 50%;
	color: #1685e4;
	margin: 1%;
}

.popover-body p {
	margin-bottom: .1rem;
	font-size: 11px;
}

.wrapper {
	display: flex;
	width: 100%;
	align-items: stretch;
	overflow: hidden;
}

._wrapper_container {
	position: relative;
	width: 100%;
	min-height: 100vh;
	transition: all 0.3s;
}

._wrapper_sidebar {
	position: fixed;
	min-width: 250px;
	max-width: 250px;
	height: 100%;
	background: #060a16;
	transition: all 0.3s;
	top: 0;
	right: -250px;
	z-index: 3;
}

._wrapper_sidebar.active {
	right: 0;
}

a:hover {
	text-decoration: none !important;
}

._stream span {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	display: inline-block;
}

._stream span._red {
	background: red;
	box-shadow: 0 0 4px red;
}

._stream span._green {
	background: #42b40b;
	box-shadow: 0 0 4px #42b40b;
}

._stream span._yellow {
	background: #dcb300;
	box-shadow: 0 0 4px #dcb300;
}

._stream span._grey {
	background: #233047;
	box-shadow: 0 0 4px #233047;
}

._stream a {
	float: left;
	margin-top: 9%;
	margin-left: -25%;
}

._stream label:nth-child(7) a {
	margin-top: 7%;
}

/**
	Page : header.php
*/
._header {
	padding: 1% 5%;
	/* top: 0; */
	/* position: absolute; */
	width: 100%;
	z-index: 99;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

._header #_logo {
	/* float:left; */
	width: 130px;
	height: auto;

}
._header #_logo a{
	width: 100%;
    height: 100%;
    display: block;
}

._header #_logo img {
	height: 100%;
}

._header #_menu_toggle {
	float: right;
	font-size: 25px;
	z-index: 9;
	position: relative;
}

._header #_open li:first-child {
	margin-top: 10px;
}

._header #_open li {
	width: 25px;
	background: #fff;
	height: 2px;
	list-style: none;
	margin-top: 6px;
}

#_toggle{
	color: #fff;
	text-decoration: none;
}

/**
	Page : footer_home.php
*/
._home_footer {
	background: #233552;
	padding: 0% 5%;
	bottom: 0;
	position: absolute;
	width: 100%;
	height: 60px;
	z-index: 5
}

._home_footer div div:nth-child(1) {
	margin-top: 2%;
	font-size: 14px;
}

._home_footer div div:nth-child(2) {
	height: 30px;
	margin-top: 1%;
	text-align: center;
}

._home_footer div div:nth-child(2) img {
	height: 100%;
}

._home_footer div div:nth-child(3) {
	margin-top: 2%;
	font-size: 14px;
	text-align: right;
}

._home_footer div div:nth-child(3) span {
	color: red;
	font-weight: bold;
}

/**
	Page : sidebar.php
*/
._sidebar {
	/*
	position: fixed;
	top: 0;
	right: 0;
	width: 20%;
	background: #060a16;
	display:none;
	opacity: 0.9;
	z-index: 999;
	*/
	position: relative;
	height: 100%;
	padding: 40% 10% 0% 0%;
}

._sidebar ul#social li {
	text-align: center;
	display: inline-block;
	width: 15%;
	margin: 0 2%;
}

._sidebar ul#social li img {
	width: 100%;
}

._sidebar ul#social {
	text-align: left;
	margin-top: 30%;
	/*
	position: absolute;
	bottom: 15%;
	*/
}

._sidebar ul#menu li {
	text-align: center;
	margin: 8% 0;
	font-size: 120%;
	font-family: helvetica;
}

._sidebar ul#menu a {
	color: #637489;
	text-decoration: none;
}

._sidebar ul#menu a:hover {
	color: #fff;
}

._sidebar #htoggle {
	display: none;
	position: absolute;
	top: 2%;
	right: 25%;
	font-size: 30px;
}

.sidebar ul#menu{
	margin-bottom: 0;
}

.sidebar ul#menu li {
	text-align: center;
	margin: 0;
	font-size: 24px;
	font-family: helvetica;
}

.sidebar ul#menu a {
	color: #637489;
	text-decoration: none;
}

.sidebar ul#menu a.nav-focused {
	color: #fff;
}


/**
	Page : betav5_temp.php
*/
._home {
	position: relative;
	height: calc(100% - 180px);
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: auto 5%;
	margin-bottom: 0.3%;
}

._home #progress,
._home #downloadtext,
._home #uploadtext,
._home #_init_chart,
._home #_run_chart,
._home #starthover,
._home #_init,
._home #countertext {
	display: none;
	text-align: center;
}

._home #countertext {

	margin-top: 4%;

	/* position: absolute; */
	width: 100%;
	/* bottom: 22%; */
	text-align: center;
}

._home #countertext img {
	width: 35px;
}

._home #progress {
	height: 10px;
	border-radius: 10px;
	background: #233552;
	/* margin-top: 5%; for image */
	/* margin-top: 10%; */
	width: 40%;
	max-width: 40%;
}

._home #progress #progress_inside {
	height: 100%;
	background: #00c0ff;
	box-shadow: 0 0 4px #00c0ff;
	border-radius: 10px;
	width: 0;
	max-width: 100%;
	display: none;
}

._home #_init {
	width: 40%;
	margin-top: 10%;
	position: relative;
}

._home #_init img {
	animation: rotation 2s infinite linear;
}

._home #_init_chart {
	/* background-image: url('beta_img/home/dial_blue.png'); */
	width: 300px;
	height: 300px;
	background-repeat: no-repeat;
	background-size: contain;
	position: relative;
}

._home #_run_chart {
	/* background-image: url('beta_img/home/dial_blue.png'); */
	width: 350px;
	/*
	background-repeat: no-repeat;
	background-size: contain;
	*/
	position: relative;
}

._home #_run_chart #_downloadText {
	position: absolute;
	/* bottom: -18%; for image */
	bottom: -25%;
	left: 24%;
	text-align: center;
}

._home #_run_chart #_downloadText ul li {
	line-height: 1.2;
}

.dspeed_data,
.uspeed_data {
	display: flex;
	justify-content: center;
	flex-direction: column;
}

._home #_run_chart #_whatspeed {
	font-size: 14px;
	font-family: roboto;
	color: #2099d6;
}

._home #_run_chart #_speed {
	font-size: 44px;
	font-family: agency;
}

._home #_run_chart #_speedType {
	font-size: 11px;
	font-family: roboto;
}

._home #_run_chart img#circle {
	width: 60%;
	position: absolute;
	/* for image
	left: 19%;
    bottom: -4%;*/
	/* for svg */
	left: 20%;
	bottom: -12%;
}

._home #_run_chart img#needle {
	width: 58%;
	position: absolute;
	/* for image
	left: 8%;
    bottom: 20%;*/
	/* for svg */
	left: 9.5%;
	bottom: 12%;
	transform: rotate(-30deg);
	transform-origin: 70% center;
}

._home #starthover:before {
	content: "";
	position: absolute;
	width: 150%;
	height: 150%;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation: pulse 1.5s;
	animation: pulse 1.5s;
	-webkit-animation-direction: forwards;
	animation-direction: forwards;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: steps;
	animation-timing-function: steps;
	opacity: 1;
	border-radius: 50%;
	border: 5px solid rgba(255, 255, 255, .75);
	top: -25%;
	left: -25%;
	z-index: -1;
}

._home ._run_chart_interval {
	position: absolute;
	font-size: 12px;
	color: #233552;
}

/* 
	In case of dial image : span(4,5,6,7,8)
	In case of dial svg : span(5,6,7,8,9)
	
span._run_chart_interval:nth-child(4){
	bottom: 10%;
    left: 18%;
    transform: rotate(55deg);
}
*/
._home span._run_chart_interval:nth-child(5) {
	/*
	bottom: 55%;
    left: 18%;
    transform: rotate(300deg);
	*/
	bottom: 2%;
	left: 20%;
	transform: rotate(240deg);
}

._home span._run_chart_interval:nth-child(6) {
	/*
	bottom: 78%;
    left: 47%;
    transform: rotate(0deg);
	*/
	bottom: 47%;
	left: 20%;
	transform: rotate(-55deg);
}

._home span._run_chart_interval:nth-child(7) {
	/*
	bottom: 55%;
    right: 19%;
    transform: rotate(64deg);
	*/
	bottom: 69%;
	right: 48%;
	transform: rotate(0deg);
}

._home span._run_chart_interval:nth-child(8) {
	/*
	bottom: 13%;
    right: 17%;
    transform: rotate(120deg);
	*/
	bottom: 47%;
	right: 18%;
	transform: rotate(60deg);
}

._home span._run_chart_interval:nth-child(9) {
	bottom: 5%;
	right: 16%;
	transform: rotate(120deg);
}

._home #_init_chart svg path,
._home #_run_chart svg path {
	fill: #65fbff;
	opacity: 0;
}

/*
#_run_chart svg{
	filter: drop-shadow(0px 0px 30px #10a6c7);
}
*/
._home ._speedChart {
	margin-top: 3%;
	position: relative;
}

._home #_init #_init_text {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	width: max-content;
	height: max-content;
}

._home #starthover {
	cursor: pointer;
	width: 25%;
	position: relative;
	box-shadow: 0px 0px 28px 6px #10a6c7;
	border-radius: 50%;
	background: #0c5482;
	margin-top: 20%;
}

._home ._stream {
	font-size: 14px;
	font-family: roboto;
	line-height: 0.8;
	padding-left: 4%;
}

/* ._home #downloadtext, ._home #uploadtext{
	position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: max-content;
    height: fit-content;
    text-align: center;
} */
._home #downloadtext span:nth-child(1) {
	font-size: 18px;
	font-family: roboto;
	color: #3bc1ff;
}

._home #uploadtext span:nth-child(1) {
	font-size: 18px;
	font-family: roboto;
	color: #3bf3ff;
}

._home #downloadtext span:nth-child(3),
._home #uploadtext span:nth-child(3) {
	font-size: 34px;
	font-family: agency;
}

._home #downloadtext span:nth-child(5),
._home #uploadtext span:nth-child(5) {
	font-size: 14px;
	font-family: roboto;
}

._home #_init img {
	width: 100%;
	height: 100%;
}

._home #starthover img {
	width: 100%;
}

/*
._home #_run_chart{
	margin-top: -4.1%;
	margin-left: -2.2%;
}
*/
._home #countertext div:nth-child(1) div,
._home #countertext div:nth-child(3) div {
	font-size: 14px;
	font-family: roboto;
}

._home #_run_chart_inside,
._home #_run_chart_again {
	display: none;
}

._home ._righttext {
	position: absolute;
	right: 0;
	top: 11px;
	font-size: 11px;
}

._home #_d_s_p {
	width: 100%;
	height: 100%;
	background: #00c0ff;
	border-radius: 10px;
	box-shadow: 0 0 4px #00c0ff;
	margin-top: 2%;
}

._home #_u_s_p {
	width: 100%;
	height: 100%;
	background: #00fff6;
	border-radius: 10px;
	box-shadow: 0 0 4px #00fff6;
	margin-top: 2%;
}

._home #_d_me {
	width: 22px;
	height: 20px;
	background: #fff;
	color: #000;
	font-size: 7px;
	font-weight: bold;
	border: 4px solid #fff;
	border-radius: 60%;
	left: 0;
	/* min: 0%,max: 93% */
	position: absolute;
	top: 42px;
}

._home #_u_me {
	width: 22px;
	height: 20px;
	background: #fff;
	color: #000;
	font-size: 7px;
	font-weight: bold;
	border: 4px solid #fff;
	border-radius: 60%;
	left: 0;
	/* min: 0%,max: 93% */
	position: absolute;
	top: 42px;
}

._home ._myProgress {
	width: 100%;
	position: relative;
	height: 3%;
	margin-top: -30%;
}

._home ._myProgress span:nth-child(1) {
	font-size: 11px;
}

._home #_inner_img {
	position: absolute;
	box-shadow: 0px 0px 28px 6px #10a6c7;
	border-radius: 50%;
	background: #0c5482;
	top: 30%;
	left: 35%;
	width: 30%;
}

._home #_inner_img img {
	width: 100%;
}

._home #_inner_img:before {
	content: "";
	position: absolute;
	width: 150%;
	height: 150%;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation: pulse 1.5s;
	animation: pulse 1.5s;
	-webkit-animation-direction: forwards;
	animation-direction: forwards;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: steps;
	animation-timing-function: steps;
	opacity: 1;
	border-radius: 50%;
	border: 5px solid rgba(255, 255, 255, .75);
	top: -25%;
	left: -25%;
	z-index: -1;
}

.streaming-container {
	display: flex;
	justify-content: center;
	gap: 20px;
}


/**
	Page : betav5_result.php
*/
._result {
	position: relative;
	height: calc(100% - 180px);
	max-height: 600px;
	margin: 0;
	margin-bottom: 0.3%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/* ._result #downloadtext, ._result #uploadtext { 
	margin: 50% 30%;
} */
._result #downloadtext span:nth-child(1) {
	font-size: 18px;
	font-family: roboto;
	color: #239fdc;
}

._result #uploadtext span:nth-child(1) {
	font-size: 18px;
	font-family: roboto;
	color: #3bf3ff;
}

._result #downloadtext span:nth-child(3),
._result #uploadtext span:nth-child(3) {
	font-size: 34px;
	font-family: agency;
}

._result #downloadtext span:nth-child(5),
._result #uploadtext span:nth-child(5) {
	font-size: 14px;
	font-family: roboto;
}

._result ._myProgress span:nth-child(1) {
	font-size: 11px;
}

._result #countertext {
	/* position: absolute; */
	width: 100%;
	bottom: 22%;
	text-align: center;
	margin-top: 4%;
}

._result #countertext img {
	width: 35px;
}

._result #countertext div:nth-child(1) div,
._result #countertext div:nth-child(3) div {
	font-size: 14px;
	font-family: roboto;
}

._result ._righttext {
	position: absolute;
	right: 0;
	top: 11px;
	font-size: 11px;
}

._result #_d_s_p {
	width: 100%;
	height: 100%;
	background: #00c0ff;
	border-radius: 10px;
	box-shadow: 0 0 4px #00c0ff;
	margin-top: 2%;
}

._result #_u_s_p {
	width: 100%;
	height: 100%;
	background: #00fff6;
	border-radius: 10px;
	box-shadow: 0 0 4px #00fff6;
	margin-top: 2%;
}

._result #_d_me {
	width: 22px;
	height: 20px;
	background: #fff;
	color: #000;
	font-size: 7px;
	font-weight: bold;
	border: 4px solid #fff;
	border-radius: 60%;
	left: 0;
	/* min: 0%,max: 93% */
	position: absolute;
	top: 42px;
}

._result #_u_me {
	width: 22px;
	height: 20px;
	background: #fff;
	color: #000;
	font-size: 7px;
	font-weight: bold;
	border: 4px solid #fff;
	border-radius: 60%;
	left: 0;
	/* min: 0%,max: 93% */
	position: absolute;
	top: 42px;
}

._result #_run_chart {
	/* background-image: url('beta_img/home/dial_blue.png'); */
	width: 400px;
	height: 300px;
	background-repeat: no-repeat;
	background-size: contain;
	position: relative;
}

._result #_inner_img {
	position: absolute;
	box-shadow: 0px 0px 28px 6px #10a6c7;
	border-radius: 50%;
	background: #0c5482;
	width: 35%;
	top: 35%;
	left: 32%;
}

._result #_inner_img img {
	width: 100%;
}

._result #_inner_img:before {
	content: "";
	position: absolute;
	width: 150%;
	height: 150%;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation: pulse 1.5s;
	animation: pulse 1.5s;
	-webkit-animation-direction: forwards;
	animation-direction: forwards;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: steps;
	animation-timing-function: steps;
	opacity: 1;
	border-radius: 50%;
	border: 5px solid rgba(255, 255, 255, .75);
	top: -25%;
	left: -25%;
	z-index: -1;
}

._result ._myProgress {
	width: 100%;
	position: relative;
	/* height:3%; */
	/* margin-top: -30%; */
}

._result ._stream {
	font-size: 14px;
	font-family: roboto;
	line-height: 0.8;
	padding-left: 4%;
}

._result ._speedChart {
	margin-top: 3%;
	position: relative;
	overflow: hidden;
}

/**
	Page : betav5_faq.php
*/
._faq ._d {
	border: 1px solid #233552;
	margin-top: 1%;
	margin-bottom: 1%;
}

._faq ._f {
	position: relative;
}

._faq ._t {
	position: absolute;
	right: 0;
	cursor: pointer;
	top: 0;
}

._faq ._a {
	font-size: 100%;
	display: none;
}

.clear {
	clear: both;
}

._faq {
	margin: 10% 6%;
}

._faq ._q {
	width: 100%;
	font-size: 110%;
}

/**
	Page : betav5_my_average.php
*/
._my_average tbody img {
	width: 10%;
}

._my_average table {
	width: 100%;
}

._my_average thead {
	background: #11182b;
	font-size: 77%;
}

._my_average thead th {
	cursor: pointer;
	padding: 1%;
	text-align: center;
	font-size: 24px;
}

._my_average tbody {
	font-size: 90%;
	text-align: center;
}

._my_average tbody td {
	padding: 1%;
	font-size: 24px;
	letter-spacing: 1.25px;
	font-weight: 400;
}

._my_average tbody tr:nth-child(odd) {
	background: #081124;
}

._my_average #_avg img {
	width: 100%;
	height: 100%;
}

._my_average #_homeUrl {
	width: 200px;
	position: absolute;
	right: 0;
	bottom: 0;
}

._my_average #_homeUrl img {
	width: 100%;
}

._my_average {
	margin: 3% 5%;
}

._my_average h4 {
	position: relative;
}

._my_average h4 span {
	width: 300px;
	height: 59px;
}

/**
	Page : betav5_my_result.php
*/
._my_result {
	margin: 3% 5%;
}

._my_result h4 {
	position: relative;
}

._my_result a img {
	width: 20px;
}

._my_result table {
	width: 100%;
}

._my_result thead {
	background: #11182b;
	font-size: 77%;
}

._my_result thead th {
	cursor: pointer;
	padding: 1%;
	text-align: center;
	font-size: 24px;
}

._my_result tbody {
	font-size: 90%;
	text-align: center;
}

._my_result tbody td {
	padding: 1%;
	font-size: 24px;
	letter-spacing: 1.25px;
	font-weight: 400;
}

._my_result tbody img {
	width: 16%;
}

._my_result tbody tr:nth-child(odd) {
	background: #081124;
}

._my_result #_homeUrl {
	width: 200px;
	position: absolute;
	right: 0;
	bottom: 0;
}

._my_result #_homeUrl img {
	width: 100%;
}

._my_result ._shareicon {
	padding: 5px;
	border: 2px solid;
	border-radius: 50%;
	color: #1685e4;
	margin: 1%;
}

.popover {
	z-index: 2;
	display: none;
}

.popover.show {
	z-index: 2;
	display: block;
}

._my_result .popover-body p {
	margin-bottom: .1rem;
	font-size: 11px;
}

.fa-pinterest._shareicon,
.fa-facebook._shareicon,
.fa-twitter._shareicon,
.fa-linkedin._shareicon {
	display: none;
}
.table-scroll{
	overflow-y: auto;
    max-height: 650px;
}

.table-scroll::-webkit-scrollbar-track{
	background-color: transparent;
}

.table-scroll::-webkit-scrollbar-thumb{
	background-color: #ff0000;
	border-radius: 10px;
}
/**
	Page : betav5_contact_us.php
*/
._contact_us {
	margin: 3% 5%;
}

._contact_us h5 {
	font-size: 24px;
	color: #7e879b;
}

._contact_us p {
	font-size: 24px;
}

._contact_us p img {
	width: 25px;
	height: 25px;
}

._contact_us #_social img {
	width: 30px;
	height: 30px;
}

._contact_us .text-center img {
	width: 15%;
	filter: brightness(3);
}

.nav-focused {
	outline: 2px solid rgb(255, 251, 0);
	box-shadow: 2px 2px 16px rgb(193, 255, 85);
	outline-offset: 2px;
}

.nav-focused#_open ul
 {
outline: 2px solid rgb(255, 251, 0);
box-shadow: 2px 2px 16px rgb(193, 255, 85);
outline-offset: 2px;
padding: 1px 8px 8px;
}