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

.tab-row1 {
	width: 100%;
	float: none;
	text-align: center;
	border-radius: 36px;
	border: solid 1px transparent;
	/*background-image: -webkit-linear-gradient(left, #00aeef, #007aff), -webkit-linear-gradient(left, #00aeef, #007aff);*/
	background-origin: border-box;
	background-clip: content-box, border-box;
	box-shadow: 2px 1000px 1px #fff inset;
	display: inline-block;
	margin: 0 auto 75px;
	padding: 0 0 0;
}
.tab-row1 a {
	float: none;
	cursor: pointer;
	font-size: 18px;
	color: #00aaf0;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	border-radius: 100rem;
	box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5);
	background-image: -webkit-linear-gradient(left, #00aeef, #007aff), -webkit-linear-gradient(left, #00aeef, #007aff);
	background-origin: border-box;
	background-clip: content-box, border-box;
	box-shadow: 2px 1000px 1px #fff inset;
	border: 1px solid;
	overflow: hidden;
	display: inline-block;
	margin: 0 0.4% 0;
	padding: 11px 25px 13px 25px;
	position: relative;
	font-family: 'Poppins', sans-serif; font-weight: 800;
}
.tab-row1 a:hover {
	box-shadow: none;
}
.tab-row1 a .tab1 {
	background: -webkit-linear-gradient(left, #00aeef, #007aff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: 'Poppins', sans-serif; font-weight: 800;
}
.tab-row1 a:hover .tab1 {
	color:#ffffff;
	background: -webkit-linear-gradient(left, #ffffff, #ffffff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: inherit;
}
.tab-row1 a.active {
	border-radius: 100rem;
	box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5);
	background-image: -webkit-linear-gradient(left, #00aeef, #007aff), -webkit-linear-gradient(left, #00aeef, #007aff);
	background-origin: border-box;
	background-clip: content-box, border-box;
	box-shadow: none;
}
.tab-row1 a.active .tab1 {
	color:#ffffff;
	background: -webkit-linear-gradient(left, #ffffff, #ffffff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: inherit;
	font-family: 'Poppins', sans-serif; font-weight: 800;
}
.tab-row2 {
	width: 100%;
	float: left;
	text-align: left;
	margin: 0 0 0;
}
.tab-bar2 {
	padding: 0 0 0;
	display: none;
}

/*inner*/
.tab-row11 {
	width: 48%;
	float: left;
	text-align: center;
	background-origin: border-box;
	background-clip: content-box, border-box;
	display: inline-block;
	margin: 0 auto 22px;
	padding: 0 0 0;
}
 
.tab-row11 a {
	float: left;
	cursor: pointer;
	font-size: 18px;
	color: #00adf0;
	border-radius: 100rem;
	border:1px solid #00adf0;
	background-origin: border-box;
	background-clip: content-box, border-box;
	overflow: hidden;
	display: inline-block;
	margin: 0px 10px 10px 0px;
    padding: 5px 10px 9px 10px;
	position: relative;
}
.tab-row11 a:hover {
	box-shadow: none;
}

.tab-row11 a:hover .tab1 {
	color:#ffffff;
	background: -webkit-linear-gradient(left, #ffffff, #ffffff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: inherit;
}
.tab-row11 a.active {
	border-radius: 100rem;
	box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5);
	background-image: -webkit-linear-gradient(left, #00aeef, #007aff), -webkit-linear-gradient(left, #00aeef, #007aff);
	background-origin: border-box;
	background-clip: content-box, border-box;
	box-shadow: none;
	color:#fff;
}

.tab-row22 {
	width: 100%;
	float: left;
	text-align: left;
	margin: 0 0 0;
}
.tab-bar22 {
	padding: 0 0 0;
	display: none;
}

/*Smartphone css*/
@media screen and (max-width: 480px) {
.tab-row1 { width:100%;}
.tab-row1 a { font-size:12.02px; letter-spacing:0.6px; margin:0 0 0; padding:11px 20px 13px;}
.tab-row11 { width:100%;}
.tab-row11 a { width:47%; margin:0 1% 2%; padding:5px 1% 9px; font-size:14px; float:none; display:inline-block;}
 
}

@media screen and (min-width:481px) and (max-width:600px) {
.tab-row1 a { font-size:11.02px; letter-spacing:0.6px;}
.tab-row11 { width:100%;}
.tab-row11 a { width:47%; margin:0 1% 2%; padding:5px 1% 9px; font-size:15px; float:none; display:inline-block;}

}

@media screen and (min-width:601px) and (max-width:767px) {
.tab-row1 a { font-size:11.02px; letter-spacing:0.6px;}
.tab-row11 { width:100%;}
.tab-row11 a { width:48%; margin:0 1% 2%; padding:5px 1% 9px;}

}
   
@media screen and (min-width:768px) and (max-width:900px) {
.tab-row11 a { margin:0 10px 15px 0px; padding: 5px 2% 9px 2%; font-size:16px;}
.tab-row11 { width: 50%;}
.suppor-wrapp h6{margin: 0 2% 0 0; width: 48%; line-height: 30px;}

}
@media screen and (min-width:901px) and (max-width:1024px) {
.tab-row11 a { margin:0 10px 15px 0px; padding: 5px 2% 9px 2%; font-size:16px;}
.tab-row11 { width: 48%;}
.suppor-wrapp h6{margin: 0 2% 0 0;  width: 50%; line-height: 30px;}
}
@media screen and (min-width:1025px) and (max-width:1241px) {
.tab-row11 a { margin:0 10px 15px 0px; padding: 5px 2% 9px 2%; font-size:16px;}
.tab-row11 { width: 48%;}
.suppor-wrapp h6{margin: 0 2% 0 0; width: 50%; line-height: 30px;}
}
