body{
	/*color: #fff !important;*/
}
a{
	color: pointer !important;
	cursor: pointer;
}
.spinner {
	width: 60px;
	height: 60px;
	background-color: #fff;

	margin: 100px auto;
	-webkit-animation: rotateplane 1.2s infinite ease-in-out;
	animation: rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes rotateplane {
	0% { -webkit-transform: perspective(120px) }
	50% { -webkit-transform: perspective(120px) rotateY(180deg) }
	100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes rotateplane {
	0% { 
		transform: perspective(120px) rotateX(0deg) rotateY(0deg);
		-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
	} 
	50% { 
		transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
		-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
	} 
	100% { 
		transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
		-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
	}
}
.invite_info{
	background: rgba(0,0,0,0.4);
	color:#fff;
	text-align: center;
	position: fixed;
	z-index: 100;
	width:100%;
	/*padding:10px;*/
}
.invite_info i{
	background:rgba(255,255,255,1);
	width:20px;
	height:20px;
	border-radius: 50%;
	color:#000;
	padding-top:2px;
	margin: 0px 8px;
}
.invite_info p{
	font-style: italic;
	display: inline-block;
	margin:10px 0px;
}

/* Overlay Loader Ends */

.large-header-bg{
	/*position: fixed;*/
	/*z-index: -99;*/
	/*width: 100%;*/
	/*height: 100%;*/
}
/* Header */
.large-header {
	/*background-color: rgba(0,0,0,0.3);*/

	background:url(../img/hero.jpg) no-repeat center center fixed;
	background-size: cover;
	padding: 20px 0px 40px 0px;
	color:#fff;
	/*background: #00A88F;*/
	/*background: rgba(0,166,141,1);*/
}
.banner{
	text-align: center;
	/*width: 80%;*/
	margin: 0px auto;
}

.overlay{
	background-color: rgba(0,0,0,0.8);
	position: absolute;
	width: 100%;
	height: 100%;
	/*z-index: 0;*/
}

.main-title {
	/*color:#fff;*/
}
.space-out{
	margin: 10px 10px 10px 10px;
}

.demo-1 .main-title, 
.demo-3 .main-title {
	text-transform: uppercase;
	font-size: 2.2em;
	margin-left: 5%;
}
.large-header h2 {
    font-size: 4.5em;
    line-height: 1em;
    margin-bottom: 25px;
    margin-top: 10px;
    text-transform: uppercase;
}
.large-header h2 span{
	font-size: 0.8em;
}

.large-header .call-to-action{
	padding: 10px 20px 10px 20px;
	border: #fff solid 1px;
	margin: 20px 20px 0px 20px;
	display: inline-block;
	color: #fff;
	font-size: 1.5em;
	border-radius: 5px;
}
.call-to-action:hover{
	background-color: #fff;
	color: #000;
}
.tracker-wrapper{
	text-align: center;
	margin-top: 50px;
	width: 100%;
	position: relative;
}
.tracker-wrapper img{
}
.tracker{
	width: 12%;
	margin: 0 auto;
	padding:0px;
	display: inline-block;
	/*text-align:left;*/
}

.tracker li{
	list-style: none;
	position:relative;
	margin:0px 0px 100px 0px;
}

.tracker li i{
	width: 60px; 
	height: 60px; 
	border: 5px solid #fff;
	padding: 9px;
	border-radius: 50%;
	color:#fff;
}
.money{
	font-size: 15em;
	color:#fff;
	margin-top: -47px;
	text-align: center;
}

.tracker li:first-child i{
	width: 100px; 
	height: 100px; 
	padding: 13px 20px; 
	background-color: #7ac287;
	border-color:#fff;
}
.tracker li:after{
	position:absolute;
	content:"";
	border:3px solid #fff;
	top: 59px;
	left: calc(50% - 3px);
	height:105px;
}

.tracker li:first-child:after{
	top:100px;
}

.tracker_text{
	display: inline-block;
	vertical-align: top;
	list-style: none;
	text-align: left;
	/*padding: 0px;*/
}

.tracker_text li{
	margin: 70px 0 140px 0px;
	font-style: italic;
	font-size: 1.2em;
}

.tracker_text li:last-child{
	margin-bottom: 0px;
}
div.line{
	display: block;
	margin: 0px auto;
	transform-origin: 52% 0%;
	position: absolute;
	left:48.1%;
	transform:rotate(90deg);
	height: 5px; /* Line width of 3 */
	width:100px;
	background: #7ac287; /* Black fill */
}
.tracker-image{
	/*background: url() no-repeat top center;*/
	/*background-size: 900px;*/
	width:900px;
	height:100%;
	margin: 0 auto;
	z-index:1;
}
/******* JOB PAGE CSS ****/
.second-page{
	background-color: #fff;
	text-align: center;
	padding-bottom:40px;
}
.second-page h2{
	text-align: left;
	margin-left: 9%;
	font-size: 2em;
}
.company-box{
	clear:both;
	text-align: left;
	background-color: #fff;
	border:1px solid #ccc;
	display: inline-block;
	width:40%;
	margin:1%;
	/*padding: 15px 0px;*/
	min-width: 400px;

	height:400px;
	position:relative;
	vertical-align: top;
}
.company_link{
	cursor: pointer;
}
.company_link:hover a{
	background:rgba(0,0,0,0.9);
	color:#fff;
}
.company_link:hover .head,.company_link:hover .foot{
	background: rgba(255,255,255,0.85);
}
.company-box .head{
	padding: 5px 30px;
	background: rgba(255,255,255,0.8);
	border: none !important;
}
.company-box .logo{
	height:40px;
}
.company-box .foot{
	position: absolute;
	bottom: 0px;
	padding: 5px 30px;
	background: rgba(255,255,255,0.8);
	width: 100%;
}
.company-box .stomach{
	color: #000;
	text-align: center;
	position: absolute;
	bottom: 50%;
	left: 33%;
	padding: 5px 30px;
	border-radius: 50%;
}
.rf_button{
	background: none;
	border:none;
	background:rgba(0,0,0,0.5);
	color:#fff;
	padding:9px 15px;

}
.rf_button:hover{
	background:rgba(0,0,0,0.9);
	color:#fff;
}
.company-box .foot p{
	font-style: italic;
	color:#333;
}
.left{
	float: left;
}
.right{
	float: right;
}
.company-box .head a{
	float: right;
	margin-top: 20px;
	font-family: serif;
	font-size: 1.1em;
	font-weight: 100;
}
.company-box .head a:hover{
	text-decoration: underline;
}

.company-box .jobs-row{
	margin: 5px 0px 0px 20px;
}
/*************** Invite page ***************/

.third-page{
	background-color: #8DE5EC;
	padding: 10px 9% 40px 9%;
}

.third-page-wrapper{
	/*padding: 50px;*/
	text-align: center;
}
.third-page h2{
	color:#000;
	font-size: 2em;
}
.refer-map{
	width:50%;
	min-width: 300px;
}
.invite_content{
	display: inline-block;
	text-align: left;
	width: 25%;
	min-width: 300px;
	vertical-align: 100px;
	margin-left:10%;
}
.invite_content p{
	/*font-weight: bold;*/
}
.invite_content .call-to-action{
	padding: 10px 40px 10px 40px;
	border: #000 solid 1px;
	margin: 20px 0px 0px 0px;
	display: inline-block;
	color: #000;
	font-size: 2em;
	border-radius: 10px;
}


/************** Privacy Page *****************/
.fourth-page{
	text-align: center;
	padding:50px 0px;
	color: #000;
	width:50%;
	margin: 0 auto;
}
.fourth-page p{
	font-family: serif;
	font-size: 1.2em;
	font-weight: 500;
}
.fourth-page i{
	font-size: 4em;
	margin:0px 30px;
	color: 
}
.fourth-page h1{
	color:#168BA8;
}


/************** Reward Page *****************/
.fifth-page{
	background:url(../img/bg_fourth.png) no-repeat center center;
	background-size: cover;
	text-align: center;

}
.fifth-page-wrapper{
	padding:50px;
	width: 100%;
	margin: 0 auto;
}
.fifth-page h2{
	font-size: 2.5em;
	line-height: .02em;
	color: #fff;
}
.fifth-page h4{
	font-size: 1.1em;
	line-height: .2em;
	color: #000;
}
.fifth-page h1{
	color: #168BA8;
}
.fifth-page p.sub{
	color: #000;
	font-family: serif;
	font-size: 1.2em;
	font-weight: 500;
	width:65%;
	margin: 0 auto;
}

.trail-box {
	background-color: #efefef;
	border: 1px solid #168ba8;
	display: inline-block;
	margin: 20px 10px 0 0;
	padding: 15px;
	position: relative;
	vertical-align: top;
	width: 23%;
}
.trail-box:after {
	background-color: #fff;
	content: "";
	height: 1px;
	position: absolute;
	right: -19%;
	top: 52%;
	width: 32%;
	z-index: 10;
}
.trail-box:last-child:after{
	display: none;
}
.trail-box span{
	width: 5px;
	height: 5px;
	position: absolute;
	border-radius: 50%;
	background-color: #fff;
}
.trail-box span.right {
	right: 12%;
	top: 50%;
}
.trail-box span.left {
	left: 11%;
	top: 50%;
}
.trail-box h5, .trail-box p{
	line-height: 1.3em;
	margin: 0px;
	padding: 0px;
}

.trail-box h5{
	color:#0B2FA2;
	font-size: 0.9em;
	font-weight: bold;
}

.trail-box p{
	color:#333;
}

.demo-2 .main-title {
	font-family: 'Clicker Script', cursive;
	font-weight: normal;
	font-size: 5em;
	padding-left: 10px;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.4);
}

.demo-2 .main-title::before {
	content: '';
	width: 20vw;
	height: 20vw;
	min-width: 3.5em;
	min-height: 3.5em;
	background: url(../img/deco.svg) no-repeat center center;
	background-size: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 50%;
	z-index: -1;
	-webkit-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
}

.demo-3 .main-title {
	padding: 10px 40px;
	border: 10px double #f9f1e9;
	text-transform: uppercase;
	font-family: Londrina Outline, sans-serif;
}

.demo-4 .main-title {
	font-size: 6em;
	font-weight: 300;
	padding: 10px 30px;
	text-transform: uppercase;
	color: #222;
}

.main-title .thin {
	font-weight: 200;
}
.main-title .thick {
	font-size: 1.2em;
	font-weight: 800;
	/*background-color: rgba(0,0,0,0.8);*/
}

@media only screen and (max-width : 768px) {
	.demo-1 .main-title, 
	.demo-3 .main-title,
	.demo-4 .main-title {
		font-size: 3em;
	}

	.demo-2 .main-title {
		font-size: 4em;
	}
	.trail-box{
		display: block;

	}
	.trail-box span{
		display: none;
	}
	.trail-box:after{
		display: none;
	}
	.large-header h2{
		font-size: 2em;
	}
	h1.main-title{
		text-align: center;
		margin:10px 0 !important;
		display: inline-block;
		width:100%;
	}
	#large-header{
		padding:0;
	}
}

@media only screen and (max-width : 980px) {
	.trail-box{
		display: block;
		width:80%;
		margin:10px auto;

	}
	.trail-box span{
		display: none;
	}
	.trail-box:after{
		display: none;
	}
	.tracker_text{
		display: none;
	}
}

.animate_this,.svg_text{
	opacity: 0;
}

#draw_line {
	stroke-dasharray: 3932;
	stroke-dashoffset: 3932;
	animation-direction: reverse;
}
#flow_svg {
	display: inline-block;
	vertical-align: top;
}
#flow_svg svg {
	height: 530px;
	vertical-align: top;
	width: 300px;
}

#refer_text {
    margin: 70px 0 190px;
}
#hired_text {
    margin: 70px 0 155px;
}

/* SVG */
.str0 {stroke:white;stroke-width:62.3704}
.fil23 {fill:none}
.fil26 {fill:none;fill-rule:nonzero}
.fil25 {fill:#0B2C33}
.fil27 {fill:#0B2C33}
.fil36 {fill:#0E303F}
.fil42 {fill:#14B0BF}
.fil37 {fill:#16939D}
.fil46 {fill:#2C5871}
.fil45 {fill:#75786D}
.fil40 {fill:#97988A}
.fil44 {fill:#999966}
.fil35 {fill:#A6DAE8}
.fil39 {fill:#B9B9AA}
.fil43 {fill:#D1EDFA}
.fil38 {fill:#DDDAC9}
.fil34 {fill:#E6666E}
.fil29 {fill:#F1CF0B}
.fil41 {fill:#F2EFDC}
.fil47 {fill:#FF6666}
.fil31 {fill:#FF9900}
.fil28 {fill:white}
.fil30 {fill:white}
.fil10 {fill:black;fill-rule:nonzero}
.fil1 {fill:#0E303F;fill-rule:nonzero}
.fil32 {fill:#15B0BF;fill-rule:nonzero}
.fil2 {fill:#2C5871;fill-rule:nonzero}
.fil18 {fill:#30A0C9;fill-rule:nonzero}
.fil19 {fill:#363636;fill-rule:nonzero}
.fil14 {fill:#544C5A;fill-rule:nonzero}
.fil12 {fill:#584F5E;fill-rule:nonzero}
.fil49 {fill:#669933;fill-rule:nonzero}
.fil20 {fill:#7AC3D6;fill-rule:nonzero}
.fil0 {fill:#7AC488;fill-rule:nonzero}
.fil8 {fill:#7FCCE0;fill-rule:nonzero}
.fil48 {fill:#99CCCC;fill-rule:nonzero}
.fil50 {fill:#99FF00;fill-rule:nonzero}
.fil4 {fill:#C0BEAE;fill-rule:nonzero}
.fil16 {fill:#C2AB94;fill-rule:nonzero}
.fil24 {fill:#CCCC33;fill-rule:nonzero}
.fil15 {fill:#D2D2D2;fill-rule:nonzero}
.fil7 {fill:#DBBB9B;fill-rule:nonzero}
.fil3 {fill:#DCDAC8;fill-rule:nonzero}
.fil11 {fill:gainsboro;fill-rule:nonzero}
.fil33 {fill:#E6E6E6;fill-rule:nonzero}
.fil22 {fill:#EABA49;fill-rule:nonzero}
.fil6 {fill:#F2D3B3;fill-rule:nonzero}
.fil5 {fill:#F2EFDC;fill-rule:nonzero}
.fil21 {fill:#F4C24C;fill-rule:nonzero}
.fil13 {fill:#F4F4F4;fill-rule:nonzero}
.fil17 {fill:#FFCB4F;fill-rule:nonzero}
.fil9 {fill:white;fill-rule:nonzero}
.fnt0 {font-weight:bold;font-size:311.919px;font-family:'Montserrat'}