.step-number{
	color: #e7f4fc;
	font-size: 60px;
	text-align: center;
	text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.4);
}
.step-holder{
	padding: 15px 3px;
	float: left;
	display: inline-block;
}
.step-title{
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
	font-size: 24px;
	font-family: Oswald, sans-serif;
	color: #ffc600;
}
.step-desc{
	text-align:center;
	color: #fff;
	font-size: 17px;
	line-height: 1.5;
}
.step-indicator{
	border-bottom: solid 1px #ddd;
	margin: 20px 0;
	position: relative;
}
.step-indicator::before{
	content:url("../../version.3.0/images/indicator-round.png");
	position: absolute;
	width: 100%;
	top: -15px;
	display: block;
	text-align:center;
}
.grp-step-holder {
	position: relative;
	width: 100%;
	display: block;
	margin:15px 0;
}

.referral-steps > .step-holder{
	width:calc(100%/3);
}

.referral-steps > .step-holder >.step-indicator{
	margin-bottom: 30px;
}

.large-text{
	font-size: 54px;
	font-weight: 700;
	font-family: Oswald, sans-serif;
	margin-bottom: 30px;
}

.banner-holder{
	min-height:530px;
	background:#fff;
	display: flex;
	align-items: center;
}

.banner-desc{
	text-align: left;
	font-size: 24px;
	line-height: 1.5;
	color: #333;
	font-weight: 300;
	margin-bottom: 30px;
	text-shadow: 1px 0px 1px #fff;
}

.btn-form{
	padding:15px;
}

.padding-0{
	padding:0!important;
}

.refer-exchanger{
	background: url("../../version.3.0/images/bg-referral.jpg") top center;
	background-size: cover;
}

.refer-exchanger .large-text{
	text-shadow: 3px 1px 0 #ffffff, -1px -1px 0 #fff, 1px -1px 0 #fefefe, -1px 1px 0 #fff, 1px 1px 0 #fff;
}
.refer-exchanger-steps{
	background: -webkit-linear-gradient(to right, #0f0c29, #302b63, #24243e);
    background: linear-gradient(to right, #002c49, #104b7d, #002c49);
}

@media only screen and (max-width:600px){
	.referral-steps > .step-holder {
    	width: 100%;
    	padding:20px;
	}
}