* {
	box-sizing: border-box;
}
body {
	padding: 0;
	margin: 0;
	background: #fff;
	font-family: 'Open Sans', sans-serif;
	padding-bottom: 30px;
}

header {
	background: #FAFAFA;
	position: fixed;
	width: 100%;
	display: flex;
	padding: 20px;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #E4E6EB;
	z-index: 1;
}
	
nav {
	margin: 0 auto;
}
	.logo {
		text-align: center;
		margin-right: auto;
	}
	nav ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}
		nav ul li {
			display: inline-block;
			margin-left: 20px;
		}
			nav ul li:first-child {
				margin-left: 0;
			}
			nav ul li.active a img {
				background: #F0F2F5;
			}
			nav ul li a {
				display: block;
				text-align: center;
			}
			nav ul li a img {
				padding: 15px;
				border-radius: 7px;
			}

	.account {
		margin-left: auto;
	}
		.account-grid {
			display: flex;
			align-items: center;
			cursor: pointer;
			position: relative;
		}
			.account-grid h3 {
				font-weight: normal;
				font-size: 12px;
				color: #6a6a6a;
				display: block;
				margin: 0;
			}
			.account-grid .account-logo {
				width: 50px;
				height: 50px;
				overflow: hidden;
				border-radius: 50px;
				margin-right: 15px;

			}
				.account-grid .account-logo img {
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
		.account-drp {
			position: absolute;
			background: #fff;
			margin-top: 50px;
			top: 0;
			right: 0;
			box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
			display: none;
			z-index: 1;
		}
			.account-drp ul {
				list-style: none;
				padding: 0;
				margin: 0;
			}
				.account-drp ul li {
					display: block;
					border-bottom: 1px solid #E4E6EB;
				}
					.account-drp ul li:last-child {
						border-bottom: none;
					}
					.account-drp ul li a {
						padding: 20px;
						display: block;
						width: 230px;
						font-size: 14px;
						color: #1D2E3F;
						transition: all ease 0.3s;
					}	
						.account-drp ul li a:hover {
							text-decoration: none;
							background: #F0F2F5;
							transition: all ease 0.3s;
						}
							.account-drp ul li a img {
								margin-right: 20px;
							}
		.account-grid:hover .account-drp {
			display: block;
		}

.content {
	padding-top: 90px;
	position: relative;
	z-index: 0;
}
	.content-grid {
		padding: 50px 0;
	}
		.content-grid h2 {
			font-size: 22px;
			font-weight: 600;
			margin: 0;
			padding: 0;
			color: #1D2E3F;
		}
		.content-grid small {
				font-size: 16px;
				color: #AAAAAA;
				margin-top: 10px;
				display: block;
		}
		.banner1-holder {
			margin-top: 30px;
		}
			.banner1-holder img {
				width: 100%;
			}
		.banner2-holder {
			margin-top: 30px;
		}
			.banner2-holder img {
				width: 100%;
			}	
		.card-holder {
			margin-top: 30px;
		}
			.card {
				position: relative;
				padding: 20px 15px;
				padding-left: 75px;
				background: #fff;
				border-radius: 10px;
				box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.07);
			}
				.card img {
					position: absolute;
					left: 15px;
				}
				.card h5 {
					margin: 0;
					padding: 0;
					font-size: 18px;
					font-weight: 600;
					color: #1D2E3F;
				}
				.card span {
					margin: 0;
					padding: 0;
					font-size: 12px;
					font-weight: 400;
					color: #aaa;
				}
		.table-list {
			margin-top: 30px;
		}
			.table-holder {
				margin-top: 20px;
				padding: 5px 20px;
				color: #fff;
				background: #fff;
				box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.07);
				border-radius: 10px;
			}
				.table-holder table {
					width: 100%;
				}
					.table-holder table thead tr {
						border-bottom: 1px solid #ededed;
					}
						.table-holder table thead tr th {
							color: #aaa;
							text-transform: uppercase;
							font-size: 12px;
							padding: 20px 0;
						}
					.table-holder table tbody tr {
						border-bottom: 1px solid #ededed;
					}
						.table-holder table tbody tr:last-child {
							border-bottom: none;
						}
						.table-holder table tbody tr td {
							color: #333;
							font-size: 14px;
							padding: 25px 0;
						}
.referral-info {
	background: #fff;
	border-radius: 10px;
	box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.07);
	padding: 15px;
}

	.referral-info .info {
		padding-right: 70px;
		position: relative;
	}
	.code {
		height: 50px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		background: #E7E7E7;
		padding: 15px;
		border-radius: 7px;
		width: auto;
	}
		.code label {
			margin: 0;
			font-weight: 400;
			font-size: 14px;
			color: #6A6A6A;
		}
		.code span {
			margin-left: auto;
			font-weight: 600;
			font-size: 14px;
			color: #1D2E3F;
		}
		.code a {
			margin-left: 10px;
			display: block;
		}
		.qr {
			position: absolute;
			right: 0;
			top: 0;
			cursor: pointer;
		}
	.invite {

	}
		.invite button {
			height: 50px;
			width: 100%;
			border-radius: 7px;
			background: #0E5B61;
			border: none;
			color: #fff;
			font-weight: 600;
			font-size: 14px;
		}
.secondary-title {
	font-size: 18px!important;
}

.profile {
	margin-top: 30px;
}
	.profile-grid {
		display: flex;
	}
		.profile-logo {
			width: 60px;
			height: 60px;
			overflow: hidden;
			border-radius: 60px;
			margin-right: 20px;
		}
			.profile-logo img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
			.profile-name {

			}
				.profile-name h4 {
					font-size: 18px;
					font-weight: 600;
					margin: 0;	
				}
				.profile-name span {
					font-size: 12px;
					display: block;
				}
					.profile-name span small {
						display: inline-block;
						font-size: 12px;
						color: #0CAB6A;
						background: rgba(12, 171, 106, 0.1);
						border-radius: 4px;
						padding: 5px 7px;
					}
	.profile-info {
		margin-top: 30px;
		background: #fff;
		box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.07);
		border-radius: 10px;
		padding: 30px;
	}
		.profile-info h4 {
			margin: 0;
			font-size: 16px;
			font-weight: 600;
			color: #1D2E3F;
		}
		.profile-info span {
			font-size: 14px;
			margin-top: 30px;
			display: block;
			font-weight: 600;
			color: #1D2E3F;
		}
			.profile-info span label {
				margin: 0;
				width: 200px;
				font-weight: 400;
				color: #6a6a6a;
			}

.soon-img {
	text-align: center;
	margin-top: 70px;
}

.coming-soon {
	text-align: center;
	width: 100%;
	margin-top: 50px;
	font-weight: 600;
	font-size: 60px;
}

.coming-info-holder {
	text-align: center;
	margin-top: 50px;
}
	.soon-info {
		position: relative;
		padding: 20px;
		display: inline-flex;
		align-items: center;
		background: rgba(12, 171, 106, 0.1);
		border: 1px solid rgba(12, 171, 106, 0.1);
		width: auto;
		border-radius: 7px;
		margin: 0 auto;
		font-size: 16px;
		color: #0CAB6A;
	}
		.soon-info img {
			margin-right: 20px;	
		}


.img-background {
	background: url(../images/1.jpg);
	height: 400px;
	width: 100%;
	background-position: center -500px;
	background-size: cover;
}


.frm-grid {
	margin-top: -100px;
}
	.frm-holder {
		width: 500px;
		padding: 30px;
		background: #fff;
		margin: 0 auto;
		border-radius: 10px;
		box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.07);
	}
		.frm-holder h3 {
			margin: 0;
			font-size: 22px;
			font-weight: 700;
			color: #1D2E3F;
		}
		.frm-holder p {
			font-size: 14px;
			margin-top: 15px;
			margin-bottom: 0;
			color: #333;
		}
			.frm-holder p a {
				color: #0CAB6A;
				font-weight: 600;
			}
			.frm-holder p span {
				color: #ff0000;
			}
		.frm-grp {
			margin-top: 20px;
			position: relative;
		}
			.frm-grp label {
				font-size: 12px;
				text-transform: uppercase;
				color: #aaa;
				font-weight: 400;
			}
				.frm-grp label span {
					color: #ff0000;
				}
				.frm-grp label a {
					color: #0CAB6A;
				}
			.frm-grp .frm-text {
				display: block;
				width: 100%;
				padding: 14px 15px;
				border-radius: 7px;
				border: 1px solid #EBEBEB;
				color: #333;
			}
				.frm-grp .frm-text::placeholder {
					color: #C6C6C6;
				}
				.eyes {
					position: absolute;
					right: 15px;
					top: 40px;
				}
.success-content {
	text-align: center;
	padding: 15px;

}
	.success-content img {
		width: 60px;
	}
	.success-content h4 {
		font-size: 22px;
		font-weight: 600;
		margin: 0;
		padding: 25px;
	}
	.success-content p {
		font-size: 16px;
		color: #aaa;
		margin: 0;
		margin-bottom: 30px;
	}
.frm-grp .checkbox label {
	text-transform: none;
	font-size: 14px;
	font-weight: 500;
}