@charset "utf-8";
/* CSS Document */
body{
	margin: 0 auto;
	color: white;
}

#vantaGlobe {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    background: black;
    z-index: -88;
}

.globeMask {
    width: 100%;
    height: 30vh;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
}


h1, h2, h3, h4{
	font-family: ff-tisa-sans-web-pro, sans-serif;
    font-style: normal;
	    font-weight: 500 !important;
}

.container{
	padding: 10% !important;
}
P{
	line-height: 22px;
}
.muli_Reg, p{
	font-family: muli, sans-serif;
font-weight: 200;
font-style: normal;
}

.muli_Bold{
	font-family: muli, sans-serif;
	font-weight: 300;
	font-style: normal;
}
.landing{
	width: 100%;
	height: 100vh;
	background: none;
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.centerLogo {
    width: 250px;
    height: 40px;
    background: url("../img/centerstage/CenterStageLogo.png")no-repeat center center;
    background-size: contain;
}

.landingHeading{
	width: 100%;
	margin: 50px 0px 10px;
}
.subheading{
	color: #02BA07 !important;
}
.centerLink{
	text-decoration: none;
	font-weight: 600;
	color: #02BA07;
	font-size: 18px;
	margin-top: 40px;
	transition: all .2s ease;
}
.centerLink::after{
	content: " ";
    width: 30px;
    height: 1px;
    display: inline-block;
    position: relative;
    top: -4px;
    margin-left: 10px;
    background: #02BA07;
    transition: all .2s ease;
}
.centerLink:hover{
	color: #fff;
}
.centerLink:hover.centerLink::after{
	width: 50px;
}
.centerVideo{
	width: 100%;
	
}
.featureSection{
	width: 100%;
	min-height: 50vh;
	margin: 10vh auto;
}

.featureSection .row{
	display: flex !important;
  	align-items: center !important;
}


.featureSection .row.reversed{
	display: flex !important;
	flex-direction: row;
  	align-items: center !important;
}




.possiblity {
    width: 100%;
    min-height: 40vh;
    position: relative;
    background: white;
    display: flex;
    padding: 30px auto;
    align-items: center;
    color: black;
    text-align: center;
}
.possiblity p{
	font-family: muli, sans-serif;
font-weight: 600;
font-style: normal;
	margin-top: 10px;
}
.possibleIcon {
    width: 50px;
}

.pricing {
    width: 100%;
    padding: 30px 15px;
    text-align: center;
    color:    black;
    position: relative;
}
.features{
	position: relative;
	margin-top: -150px !important;
}

.price,
.freePrice {
    width: 100%;
    height: 150px;
    background: white;
    color: black;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.bill {
    width: 100%;
    height: 80px;
    background: #02BA07;
    color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.priceBox {
    margin: 20px auto;
}

.price h3,
.freePrice h3 {
    font-size: 40px;
}

.price p,
.bill p,
.freePrice p {
    margin-bottom: 0px;
}

.bill p {
    font-size: 20px;
}

.bill p span {
    font-size: 14px;
}

.getStarted {
    background: #FFB81C !important;
}

.buyNow {
    width: 100%;
    height: 50px;
    background: #0364D3;
    color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    text-decoration: none;
}

.buyNow:hover {
    text-decoration: none;
}

.blueCurtain {
    width: 100%;
    height: 350px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -11;
    background: #0364D3;
    display: block;
}

.table {
    color: white;
    border: rgb(20, 20, 20) !important;
    line-height: 40px;
}

th {
    font-family: ff-tisa-sans-web-pro, sans-serif;
    font-weight: 400;
}

.freeTH,
.starTH,
.proTH,
.proPlusTH {
    font-size: 20px;
}

.freeTH {
    border-bottom: 5px solid #FFB81C !important;
}

.starTH {
    border-bottom: 5px solid #02BA07 !important;
}

.proTH {
    border-bottom: 5px solid #1968DB !important;
}

.proPlusTH {
    border-bottom: 5px solid #fff !important;
}

thead tr th {
    border: none !important;
}

.termsAndConditions {
    font-size: 12px;
    color: #ccc;
    margin: 50px auto;
}

.termsAndConditions span {
    color: white;
    font-size: 14px;
}


@media (min-width: 992px) {
	.container{
	padding: 5% 0% !important;
}
.featureSection .row.reversed{
	display: flex !important;
	flex-direction: row-reverse;
  	align-items: center !important;
}
	.landingHeading{
	width: 50%;
	margin: 50px 0px 10px;
}
}